@charset "UTF-8";
blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul,
ol {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

ul, ol {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*,
*:after,
*:before {
  box-sizing: inherit;
  overflow-wrap: break-word;
}

audio,
embed,
iframe,
img,
object,
video {
  height: auto;
  max-width: 100%;
}

video, img {
  vertical-align: top;
}

iframe {
  border: 0;
}

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

td,
th {
  padding: 0;
  text-align: left;
}

:root {
  --color-black: #000000;
  --color-black02: #3e3a39;
  --color-white: #ffffff;
  --color-white02: #f6f6f6;
  --color-brown: #553507;
  --color-blue: #0059a6;
  --color-blue02: #d9e6f2;
  --color-blue03: #edf2f2;
  --color-red: #d13933;
  --color-yellow: #ffef91;
  --color-yellow02: #FFF95A;
  --color-gray: #ebebeb;
  --color-gray02: #dcdcdc;
  --color-gray03: #c5c5c5;
/*
  --font-gothic: "Noto Sans JP", sans-serif;
*/
  --font-gothic: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
  --font-gothic-en: "Josefin Sans", sans-serif;
  --font-mincho: serif;
  --font-size120: 48px;
  --font-size64: 26px;
  --font-size57: 31px;
  --font-size56: 24px;
  --font-size48: 24px;
  --font-size40: 20px;
  --font-size38: 20px;
  --font-size35: 20px;
  --font-size32: 18px;
  --font-size30: 18px;
  --font-size26: 16px;
  --font-size24: 16px;
  --font-size20: 16px;
  --font-size18: 15px;
  --font-size17: 15px;
  --font-size16: 14px;
  --font-size15: 13px;
  --font-size14: 12px;
  --font-size13: 12px;
  --font-size12: 11px;
  --font-size11: 10px;
  --font-size10: 10px;
  --height-header: 65px;
}
:root .black {
  color: var(--color-black);
}
:root .bg-black {
  background-color: var(--color-black);
}
:root .black02 {
  color: var(--color-black02);
}
:root .bg-black02 {
  background-color: var(--color-black02);
}
:root .white {
  color: var(--color-white);
}
:root .bg-white {
  background-color: var(--color-white);
}
:root .white02 {
  color: var(--color-white02);
}
:root .bg-white02 {
  background-color: var(--color-white02);
}
:root .brown {
  color: var(--color-brown);
}
:root .bg-brown {
  background-color: var(--color-brown);
}
:root .blue {
  color: var(--color-blue);
}
:root .bg-blue {
  background-color: var(--color-blue);
}
:root .blue02 {
  color: var(--color-blue02);
}
:root .bg-blue02 {
  background-color: var(--color-blue02);
}
:root .blue03 {
  color: var(--color-blue03);
}
:root .bg-blue03 {
  background-color: var(--color-blue03);
}
:root .red {
  color: var(--color-red);
}
:root .bg-red {
  background-color: var(--color-red);
}
:root .yellow {
  color: var(--color-yellow);
}
:root .bg-yellow {
  background-color: var(--color-yellow);
}
:root .yellow02 {
  color: var(--color-yellow02);
}
:root .bg-yellow02 {
  background-color: var(--color-yellow02);
}
:root .gray {
  color: var(--color-gray);
}
:root .bg-gray {
  background-color: var(--color-gray);
}
:root .gray02 {
  color: var(--color-gray02);
}
:root .bg-gray02 {
  background-color: var(--color-gray02);
}
:root .gray03 {
  color: var(--color-gray03);
}
:root .bg-gray03 {
  background-color: var(--color-gray03);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size120: 120px;
  }
}
:root .fontsize120 {
  font-size: var(--font-size120);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size64: 64px;
  }
}
:root .fontsize64 {
  font-size: var(--font-size64);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size57: 57px;
  }
}
:root .fontsize57 {
  font-size: var(--font-size57);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size56: 56px;
  }
}
:root .fontsize56 {
  font-size: var(--font-size56);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size48: 48px;
  }
}
:root .fontsize48 {
  font-size: var(--font-size48);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size40: 40px;
  }
}
:root .fontsize40 {
  font-size: var(--font-size40);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size38: 38px;
  }
}
:root .fontsize38 {
  font-size: var(--font-size38);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size35: 35px;
  }
}
:root .fontsize35 {
  font-size: var(--font-size35);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size32: 32px;
  }
}
:root .fontsize32 {
  font-size: var(--font-size32);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size30: 30px;
  }
}
:root .fontsize30 {
  font-size: var(--font-size30);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size26: 26px;
  }
}
:root .fontsize26 {
  font-size: var(--font-size26);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size24: 24px;
  }
}
:root .fontsize24 {
  font-size: var(--font-size24);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size20: 20px;
  }
}
:root .fontsize20 {
  font-size: var(--font-size20);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size18: 18px;
  }
}
:root .fontsize18 {
  font-size: var(--font-size18);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size17: 17px;
  }
}
:root .fontsize17 {
  font-size: var(--font-size17);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size16: 16px;
  }
}
:root .fontsize16 {
  font-size: var(--font-size16);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size15: 15px;
  }
}
:root .fontsize15 {
  font-size: var(--font-size15);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size14: 14px;
  }
}
:root .fontsize14 {
  font-size: var(--font-size14);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size13: 13px;
  }
}
:root .fontsize13 {
  font-size: var(--font-size13);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size12: 12px;
  }
}
:root .fontsize12 {
  font-size: var(--font-size12);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size11: 11px;
  }
}
:root .fontsize11 {
  font-size: var(--font-size11);
}
@media print, screen and (min-width: 768px) {
  :root {
    --font-size10: 10px;
  }
}
:root .fontsize10 {
  font-size: var(--font-size10);
}

/* add20231206
@media print, screen and (min-width: 768px) {
  :root {
    --height-header: 92px;
  }
}
*/
/* add20231206*/
@media print, screen and (max-width: 767px) {
  :root {
    --height-header: 55px;
  }
}
/* //add20231206*/

body {
  font-family: var(--font-gothic);
  font-size: var(--font-size14);
  color: var(--color-black);
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
  line-height: 2;
  font-weight: 500;
  overflow-y: scroll;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0;
  line-height: 1.5;
}

ul, ol, dl {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
}

.md {
  display: none !important;
}
@media print, screen and (min-width: 768px) {
  .md {
    display: block !important;
  }
}
.md-il {
  display: none !important;
}
@media print, screen and (min-width: 768px) {
  .md-il {
    display: inline !important;
  }
}
.md-ib {
  display: none !important;
}
@media print, screen and (min-width: 768px) {
  .md-ib {
    display: inline-block !important;
  }
}
@media print, screen and (min-width: 768px) {
  .md-ib02 {
    display: inline-block !important;
  }
}

.lg {
  display: none !important;
}
@media print, screen and (min-width: 992px) {
  .lg {
    display: block !important;
  }
}
.lg-il {
  display: none !important;
}
@media print, screen and (min-width: 992px) {
  .lg-il {
    display: inline !important;
  }
}
.lg-ib {
  display: none !important;
}
@media print, screen and (min-width: 992px) {
  .lg-ib {
    display: inline-block !important;
  }
}
@media print, screen and (min-width: 992px) {
  .lg-ib02 {
    display: inline-block !important;
  }
}

.xl {
  display: none !important;
}
@media print, screen and (min-width: 1200px) {
  .xl {
    display: block !important;
  }
}
.xl-il {
  display: none !important;
}
@media print, screen and (min-width: 1200px) {
  .xl-il {
    display: inline !important;
  }
}
.xl-ib {
  display: none !important;
}
@media print, screen and (min-width: 1200px) {
  .xl-ib {
    display: inline-block !important;
  }
}
@media print, screen and (min-width: 1200px) {
  .xl-ib02 {
    display: inline-block !important;
  }
}

.xxl {
  display: none !important;
}
@media screen and (min-width: 1400px) {
  .xxl {
    display: block !important;
  }
}
.xxl-il {
  display: none !important;
}
@media screen and (min-width: 1400px) {
  .xxl-il {
    display: inline !important;
  }
}
.xxl-ib {
  display: none !important;
}
@media screen and (min-width: 1400px) {
  .xxl-ib {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1400px) {
  .xxl-ib02 {
    display: inline-block !important;
  }
}

@media print, screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

.hidden {
  display: none;
}

.ib {
  display: inline-block;
  font-weight: inherit;
}

.inline {
  display: inline;
}

.gutter {
  padding-left: 5% !important;
  padding-right: 5% !important;
}
@media print, screen and (min-width: 768px) {
  .gutter {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media print, screen and (max-width: 767px) {
  .gutter-sp {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}

.max428 {
  max-width: 428px;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media print, screen and (min-width: 768px) {
  .max428 {
    max-width: 720px;
  }
}

@media print, screen and (min-width: 992px) {
  .max800 {
    max-width: 800px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media print, screen and (min-width: 992px) {
  .max900 {
    max-width: 900px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media print, screen and (min-width: 992px) {
  .max960 {
    max-width: 960px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media print, screen and (min-width: 992px) {
  .max1000 {
    max-width: 1000px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media print, screen and (min-width: 992px) {
  .max1100 {
    max-width: 1100px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media print, screen and (min-width: 992px) {
  .max1200 {
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media print, screen and (min-width: 992px) {
  .max1300 {
    max-width: 1300px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media print, screen and (min-width: 992px) {
  .max1400 {
    max-width: 1400px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.mgt0 {
  margin-top: 0px !important;
}

.mgt10 {
  margin-top: 10px !important;
}

.mgt20 {
  margin-top: 20px !important;
}

.mgt30 {
  margin-top: 30px !important;
}

.mgt40 {
  margin-top: 40px !important;
}

.mgt50 {
  margin-top: 50px !important;
}

.mgt60 {
  margin-top: 60px !important;
}

.mgt70 {
  margin-top: 70px !important;
}

.mgt80 {
  margin-top: 80px !important;
}

.mgt90 {
  margin-top: 90px !important;
}

.mgt100 {
  margin-top: 100px !important;
}

.mgt110 {
  margin-top: 110px !important;
}

.mgt120 {
  margin-top: 120px !important;
}

.mgt130 {
  margin-top: 130px !important;
}

.mgt140 {
  margin-top: 140px !important;
}

.mgt150 {
  margin-top: 150px !important;
}

@media print, screen and (min-width: 768px) {
  .mgt0-md {
    margin-top: 0px !important;
  }
  .mgt10-md {
    margin-top: 10px !important;
  }
  .mgt20-md {
    margin-top: 20px !important;
  }
  .mgt30-md {
    margin-top: 30px !important;
  }
  .mgt40-md {
    margin-top: 40px !important;
  }
  .mgt50-md {
    margin-top: 50px !important;
  }
  .mgt60-md {
    margin-top: 60px !important;
  }
  .mgt70-md {
    margin-top: 70px !important;
  }
  .mgt80-md {
    margin-top: 80px !important;
  }
  .mgt90-md {
    margin-top: 90px !important;
  }
  .mgt100-md {
    margin-top: 100px !important;
  }
  .mgt110-md {
    margin-top: 110px !important;
  }
  .mgt120-md {
    margin-top: 120px !important;
  }
  .mgt130-md {
    margin-top: 130px !important;
  }
  .mgt140-md {
    margin-top: 140px !important;
  }
  .mgt150-md {
    margin-top: 150px !important;
  }
  .mgt160-md {
    margin-top: 160px !important;
  }
  .mgt170-md {
    margin-top: 170px !important;
  }
  .mgt180-md {
    margin-top: 180px !important;
  }
  .mgt190-md {
    margin-top: 190px !important;
  }
  .mgt200-md {
    margin-top: 200px !important;
  }
  .mgt210-md {
    margin-top: 210px !important;
  }
  .mgt220-md {
    margin-top: 220px !important;
  }
  .mgt230-md {
    margin-top: 230px !important;
  }
  .mgt240-md {
    margin-top: 240px !important;
  }
  .mgt250-md {
    margin-top: 250px !important;
  }
  .mgt260-md {
    margin-top: 260px !important;
  }
  .mgt270-md {
    margin-top: 270px !important;
  }
  .mgt280-md {
    margin-top: 280px !important;
  }
  .mgt290-md {
    margin-top: 290px !important;
  }
  .mgt300-md {
    margin-top: 300px !important;
  }
}
.mgt0n {
  margin-top: 0px !important;
}

.mgt10n {
  margin-top: -10px !important;
}

.mgt20n {
  margin-top: -20px !important;
}

.mgt30n {
  margin-top: -30px !important;
}

.mgt40n {
  margin-top: -40px !important;
}

.mgt50n {
  margin-top: -50px !important;
}

.mgt60n {
  margin-top: -60px !important;
}

.mgt70n {
  margin-top: -70px !important;
}

.mgt80n {
  margin-top: -80px !important;
}

.mgt90n {
  margin-top: -90px !important;
}

.mgt100n {
  margin-top: -100px !important;
}

.mgt110n {
  margin-top: -110px !important;
}

.mgt120n {
  margin-top: -120px !important;
}

.mgt130n {
  margin-top: -130px !important;
}

.mgt140n {
  margin-top: -140px !important;
}

.mgt150n {
  margin-top: -150px !important;
}

@media print, screen and (min-width: 768px) {
  .mgt0n-md {
    margin-top: 0px !important;
  }
  .mgt10n-md {
    margin-top: -10px !important;
  }
  .mgt20n-md {
    margin-top: -20px !important;
  }
  .mgt30n-md {
    margin-top: -30px !important;
  }
  .mgt40n-md {
    margin-top: -40px !important;
  }
  .mgt50n-md {
    margin-top: -50px !important;
  }
  .mgt60n-md {
    margin-top: -60px !important;
  }
  .mgt70n-md {
    margin-top: -70px !important;
  }
  .mgt80n-md {
    margin-top: -80px !important;
  }
  .mgt90n-md {
    margin-top: -90px !important;
  }
  .mgt100n-md {
    margin-top: -100px !important;
  }
  .mgt110n-md {
    margin-top: -110px !important;
  }
  .mgt120n-md {
    margin-top: -120px !important;
  }
  .mgt130n-md {
    margin-top: -130px !important;
  }
  .mgt140n-md {
    margin-top: -140px !important;
  }
  .mgt150n-md {
    margin-top: -150px !important;
  }
  .mgt160n-md {
    margin-top: -160px !important;
  }
  .mgt170n-md {
    margin-top: -170px !important;
  }
  .mgt180n-md {
    margin-top: -180px !important;
  }
  .mgt190n-md {
    margin-top: -190px !important;
  }
  .mgt200n-md {
    margin-top: -200px !important;
  }
  .mgt210n-md {
    margin-top: -210px !important;
  }
  .mgt220n-md {
    margin-top: -220px !important;
  }
  .mgt230n-md {
    margin-top: -230px !important;
  }
  .mgt240n-md {
    margin-top: -240px !important;
  }
  .mgt250n-md {
    margin-top: -250px !important;
  }
  .mgt260n-md {
    margin-top: -260px !important;
  }
  .mgt270n-md {
    margin-top: -270px !important;
  }
  .mgt280n-md {
    margin-top: -280px !important;
  }
  .mgt290n-md {
    margin-top: -290px !important;
  }
  .mgt300n-md {
    margin-top: -300px !important;
  }
}
.mgb0 {
  margin-bottom: 0px !important;
}

.mgb10 {
  margin-bottom: 10px !important;
}

.mgb20 {
  margin-bottom: 20px !important;
}

.mgb30 {
  margin-bottom: 30px !important;
}

.mgb40 {
  margin-bottom: 40px !important;
}

.mgb50 {
  margin-bottom: 50px !important;
}

.mgb60 {
  margin-bottom: 60px !important;
}

.mgb70 {
  margin-bottom: 70px !important;
}

.mgb80 {
  margin-bottom: 80px !important;
}

.mgb90 {
  margin-bottom: 90px !important;
}

.mgb100 {
  margin-bottom: 100px !important;
}

.mgb110 {
  margin-bottom: 110px !important;
}

.mgb120 {
  margin-bottom: 120px !important;
}

.mgb130 {
  margin-bottom: 130px !important;
}

.mgb140 {
  margin-bottom: 140px !important;
}

.mgb150 {
  margin-bottom: 150px !important;
}

@media print, screen and (min-width: 768px) {
  .mgb0-md {
    margin-bottom: 0px !important;
  }
  .mgb10-md {
    margin-bottom: 10px !important;
  }
  .mgb20-md {
    margin-bottom: 20px !important;
  }
  .mgb30-md {
    margin-bottom: 30px !important;
  }
  .mgb40-md {
    margin-bottom: 40px !important;
  }
  .mgb50-md {
    margin-bottom: 50px !important;
  }
  .mgb60-md {
    margin-bottom: 60px !important;
  }
  .mgb70-md {
    margin-bottom: 70px !important;
  }
  .mgb80-md {
    margin-bottom: 80px !important;
  }
  .mgb90-md {
    margin-bottom: 90px !important;
  }
  .mgb100-md {
    margin-bottom: 100px !important;
  }
  .mgb110-md {
    margin-bottom: 110px !important;
  }
  .mgb120-md {
    margin-bottom: 120px !important;
  }
  .mgb130-md {
    margin-bottom: 130px !important;
  }
  .mgb140-md {
    margin-bottom: 140px !important;
  }
  .mgb150-md {
    margin-bottom: 150px !important;
  }
  .mgb160-md {
    margin-bottom: 160px !important;
  }
  .mgb170-md {
    margin-bottom: 170px !important;
  }
  .mgb180-md {
    margin-bottom: 180px !important;
  }
  .mgb190-md {
    margin-bottom: 190px !important;
  }
  .mgb200-md {
    margin-bottom: 200px !important;
  }
  .mgb210-md {
    margin-bottom: 210px !important;
  }
  .mgb220-md {
    margin-bottom: 220px !important;
  }
  .mgb230-md {
    margin-bottom: 230px !important;
  }
  .mgb240-md {
    margin-bottom: 240px !important;
  }
  .mgb250-md {
    margin-bottom: 250px !important;
  }
  .mgb260-md {
    margin-bottom: 260px !important;
  }
  .mgb270-md {
    margin-bottom: 270px !important;
  }
  .mgb280-md {
    margin-bottom: 280px !important;
  }
  .mgb290-md {
    margin-bottom: 290px !important;
  }
  .mgb300-md {
    margin-bottom: 300px !important;
  }
}
.mgb0n {
  margin-bottom: 0px !important;
}

.mgb10n {
  margin-bottom: -10px !important;
}

.mgb20n {
  margin-bottom: -20px !important;
}

.mgb30n {
  margin-bottom: -30px !important;
}

.mgb40n {
  margin-bottom: -40px !important;
}

.mgb50n {
  margin-bottom: -50px !important;
}

.mgb60n {
  margin-bottom: -60px !important;
}

.mgb70n {
  margin-bottom: -70px !important;
}

.mgb80n {
  margin-bottom: -80px !important;
}

.mgb90n {
  margin-bottom: -90px !important;
}

.mgb100n {
  margin-bottom: -100px !important;
}

.mgb110n {
  margin-bottom: -110px !important;
}

.mgb120n {
  margin-bottom: -120px !important;
}

.mgb130n {
  margin-bottom: -130px !important;
}

.mgb140n {
  margin-bottom: -140px !important;
}

.mgb150n {
  margin-bottom: -150px !important;
}

@media print, screen and (min-width: 768px) {
  .mgb0n-md {
    margin-bottom: 0px !important;
  }
  .mgb10n-md {
    margin-bottom: -10px !important;
  }
  .mgb20n-md {
    margin-bottom: -20px !important;
  }
  .mgb30n-md {
    margin-bottom: -30px !important;
  }
  .mgb40n-md {
    margin-bottom: -40px !important;
  }
  .mgb50n-md {
    margin-bottom: -50px !important;
  }
  .mgb60n-md {
    margin-bottom: -60px !important;
  }
  .mgb70n-md {
    margin-bottom: -70px !important;
  }
  .mgb80n-md {
    margin-bottom: -80px !important;
  }
  .mgb90n-md {
    margin-bottom: -90px !important;
  }
  .mgb100n-md {
    margin-bottom: -100px !important;
  }
  .mgb110n-md {
    margin-bottom: -110px !important;
  }
  .mgb120n-md {
    margin-bottom: -120px !important;
  }
  .mgb130n-md {
    margin-bottom: -130px !important;
  }
  .mgb140n-md {
    margin-bottom: -140px !important;
  }
  .mgb150n-md {
    margin-bottom: -150px !important;
  }
  .mgb160n-md {
    margin-bottom: -160px !important;
  }
  .mgb170n-md {
    margin-bottom: -170px !important;
  }
  .mgb180n-md {
    margin-bottom: -180px !important;
  }
  .mgb190n-md {
    margin-bottom: -190px !important;
  }
  .mgb200n-md {
    margin-bottom: -200px !important;
  }
  .mgb210n-md {
    margin-bottom: -210px !important;
  }
  .mgb220n-md {
    margin-bottom: -220px !important;
  }
  .mgb230n-md {
    margin-bottom: -230px !important;
  }
  .mgb240n-md {
    margin-bottom: -240px !important;
  }
  .mgb250n-md {
    margin-bottom: -250px !important;
  }
  .mgb260n-md {
    margin-bottom: -260px !important;
  }
  .mgb270n-md {
    margin-bottom: -270px !important;
  }
  .mgb280n-md {
    margin-bottom: -280px !important;
  }
  .mgb290n-md {
    margin-bottom: -290px !important;
  }
  .mgb300n-md {
    margin-bottom: -300px !important;
  }
}
.pdy0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.pdy10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.pdy20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pdy30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.pdy40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.pdy50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.pdy60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.pdy70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.pdy80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.pdy90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.pdy100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.pdy110 {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
}

.pdy120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.pdy130 {
  padding-top: 130px !important;
  padding-bottom: 130px !important;
}

.pdy140 {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}

.pdy150 {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}

@media print, screen and (min-width: 768px) {
  .pdy0-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pdy10-md {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .pdy20-md {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pdy30-md {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .pdy40-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .pdy50-md {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .pdy60-md {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pdy70-md {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .pdy80-md {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pdy90-md {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .pdy100-md {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .pdy110-md {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
  .pdy120-md {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .pdy130-md {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
  }
  .pdy140-md {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .pdy150-md {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
  .pdy160-md {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .pdy170-md {
    padding-top: 170px !important;
    padding-bottom: 170px !important;
  }
  .pdy180-md {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
  .pdy190-md {
    padding-top: 190px !important;
    padding-bottom: 190px !important;
  }
  .pdy200-md {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .pdy210-md {
    padding-top: 210px !important;
    padding-bottom: 210px !important;
  }
  .pdy220-md {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
  }
  .pdy230-md {
    padding-top: 230px !important;
    padding-bottom: 230px !important;
  }
  .pdy240-md {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
  }
  .pdy250-md {
    padding-top: 250px !important;
    padding-bottom: 250px !important;
  }
  .pdy260-md {
    padding-top: 260px !important;
    padding-bottom: 260px !important;
  }
  .pdy270-md {
    padding-top: 270px !important;
    padding-bottom: 270px !important;
  }
  .pdy280-md {
    padding-top: 280px !important;
    padding-bottom: 280px !important;
  }
  .pdy290-md {
    padding-top: 290px !important;
    padding-bottom: 290px !important;
  }
  .pdy300-md {
    padding-top: 300px !important;
    padding-bottom: 300px !important;
  }
}
.pdt0 {
  padding-top: 0px !important;
}

.pdt10 {
  padding-top: 10px !important;
}

.pdt20 {
  padding-top: 20px !important;
}

.pdt30 {
  padding-top: 30px !important;
}

.pdt40 {
  padding-top: 40px !important;
}

.pdt50 {
  padding-top: 50px !important;
}

.pdt60 {
  padding-top: 60px !important;
}

.pdt70 {
  padding-top: 70px !important;
}

.pdt80 {
  padding-top: 80px !important;
}

.pdt90 {
  padding-top: 90px !important;
}

.pdt100 {
  padding-top: 100px !important;
}

.pdt110 {
  padding-top: 110px !important;
}

.pdt120 {
  padding-top: 120px !important;
}

.pdt130 {
  padding-top: 130px !important;
}

.pdt140 {
  padding-top: 140px !important;
}

.pdt150 {
  padding-top: 150px !important;
}

@media print, screen and (min-width: 768px) {
  .pdt0-md {
    padding-top: 0px !important;
  }
  .pdt10-md {
    padding-top: 10px !important;
  }
  .pdt20-md {
    padding-top: 20px !important;
  }
  .pdt30-md {
    padding-top: 30px !important;
  }
  .pdt40-md {
    padding-top: 40px !important;
  }
  .pdt50-md {
    padding-top: 50px !important;
  }
  .pdt60-md {
    padding-top: 60px !important;
  }
  .pdt70-md {
    padding-top: 70px !important;
  }
  .pdt80-md {
    padding-top: 80px !important;
  }
  .pdt90-md {
    padding-top: 90px !important;
  }
  .pdt100-md {
    padding-top: 100px !important;
  }
  .pdt110-md {
    padding-top: 110px !important;
  }
  .pdt120-md {
    padding-top: 120px !important;
  }
  .pdt130-md {
    padding-top: 130px !important;
  }
  .pdt140-md {
    padding-top: 140px !important;
  }
  .pdt150-md {
    padding-top: 150px !important;
  }
  .pdt160-md {
    padding-top: 160px !important;
  }
  .pdt170-md {
    padding-top: 170px !important;
  }
  .pdt180-md {
    padding-top: 180px !important;
  }
  .pdt190-md {
    padding-top: 190px !important;
  }
  .pdt200-md {
    padding-top: 200px !important;
  }
  .pdt210-md {
    padding-top: 210px !important;
  }
  .pdt220-md {
    padding-top: 220px !important;
  }
  .pdt230-md {
    padding-top: 230px !important;
  }
  .pdt240-md {
    padding-top: 240px !important;
  }
  .pdt250-md {
    padding-top: 250px !important;
  }
  .pdt260-md {
    padding-top: 260px !important;
  }
  .pdt270-md {
    padding-top: 270px !important;
  }
  .pdt280-md {
    padding-top: 280px !important;
  }
  .pdt290-md {
    padding-top: 290px !important;
  }
  .pdt300-md {
    padding-top: 300px !important;
  }
}
.pdb0 {
  padding-bottom: 0px !important;
}

.pdb10 {
  padding-bottom: 10px !important;
}

.pdb20 {
  padding-bottom: 20px !important;
}

.pdb30 {
  padding-bottom: 30px !important;
}

.pdb40 {
  padding-bottom: 40px !important;
}

.pdb50 {
  padding-bottom: 50px !important;
}

.pdb60 {
  padding-bottom: 60px !important;
}

.pdb70 {
  padding-bottom: 70px !important;
}

.pdb80 {
  padding-bottom: 80px !important;
}

.pdb90 {
  padding-bottom: 90px !important;
}

.pdb100 {
  padding-bottom: 100px !important;
}

.pdb110 {
  padding-bottom: 110px !important;
}

.pdb120 {
  padding-bottom: 120px !important;
}

.pdb130 {
  padding-bottom: 130px !important;
}

.pdb140 {
  padding-bottom: 140px !important;
}

.pdb150 {
  padding-bottom: 150px !important;
}

@media print, screen and (min-width: 768px) {
  .pdb0-md {
    padding-bottom: 0px !important;
  }
  .pdb10-md {
    padding-bottom: 10px !important;
  }
  .pdb20-md {
    padding-bottom: 20px !important;
  }
  .pdb30-md {
    padding-bottom: 30px !important;
  }
  .pdb40-md {
    padding-bottom: 40px !important;
  }
  .pdb50-md {
    padding-bottom: 50px !important;
  }
  .pdb60-md {
    padding-bottom: 60px !important;
  }
  .pdb70-md {
    padding-bottom: 70px !important;
  }
  .pdb80-md {
    padding-bottom: 80px !important;
  }
  .pdb90-md {
    padding-bottom: 90px !important;
  }
  .pdb100-md {
    padding-bottom: 100px !important;
  }
  .pdb110-md {
    padding-bottom: 110px !important;
  }
  .pdb120-md {
    padding-bottom: 120px !important;
  }
  .pdb130-md {
    padding-bottom: 130px !important;
  }
  .pdb140-md {
    padding-bottom: 140px !important;
  }
  .pdb150-md {
    padding-bottom: 150px !important;
  }
  .pdb160-md {
    padding-bottom: 160px !important;
  }
  .pdb170-md {
    padding-bottom: 170px !important;
  }
  .pdb180-md {
    padding-bottom: 180px !important;
  }
  .pdb190-md {
    padding-bottom: 190px !important;
  }
  .pdb200-md {
    padding-bottom: 200px !important;
  }
  .pdb210-md {
    padding-bottom: 210px !important;
  }
  .pdb220-md {
    padding-bottom: 220px !important;
  }
  .pdb230-md {
    padding-bottom: 230px !important;
  }
  .pdb240-md {
    padding-bottom: 240px !important;
  }
  .pdb250-md {
    padding-bottom: 250px !important;
  }
  .pdb260-md {
    padding-bottom: 260px !important;
  }
  .pdb270-md {
    padding-bottom: 270px !important;
  }
  .pdb280-md {
    padding-bottom: 280px !important;
  }
  .pdb290-md {
    padding-bottom: 290px !important;
  }
  .pdb300-md {
    padding-bottom: 300px !important;
  }
}
.object-fit-cover {
  object-fit: cover;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.op0 {
  opacity: 0;
}

.letter-s1 {
  letter-spacing: 0.1em;
}

.indent01 {
  position: relative;
  padding: 0 0 0 1em;
}
.indent01::after {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}

.indent02 {
  position: relative;
  padding: 0 0 0 1em;
}
.indent02::after {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.text-center {
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .text-center-md {
    text-align: center;
  }
}

.lh100 {
  line-height: 1;
}

.lh125 {
  line-height: 1.25;
}

.lh150 {
  line-height: 1.5;
}

.lh175 {
  line-height: 1.75;
}

.lh200 {
  line-height: 2;
}

.underline {
  text-decoration: underline;
}

.material-symbols-outlined {
  font-size: inherit;
  line-height: inherit;
}

.flex-left {
  display: flex;
  justify-content: flex-start;
}

.flex-center {
  display: flex;
  justify-content: center;
}

.flex-right {
  display: flex;
  justify-content: flex-end;
}

.cmn-ttl11 {
  color: var(--color-white);
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}
.cmn-ttl11-en {
  font-size: var(--font-size26);
  font-family: var(--font-gothic-en);
}
.cmn-ttl11-ja {
  font-size: var(--font-size10);
}

.cmn-ttl12 {
  color: var(--color-blue);
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}
.cmn-ttl12-en {
  font-size: var(--font-size26);
  font-family: var(--font-gothic-en);
}
.cmn-ttl12-ja {
  font-size: var(--font-size10);
}

.cmn-ttl21 {
  font-size: 20px;
  color: var(--color-blue);
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
.cmn-ttl22 {
  font-size: var(--font-size17);
  color: var(--color-blue);
  font-weight: bold;
  line-height: 1.5;
}
.cmn-ttl23 {
  font-size: var(--font-size17);
  position: relative;
  z-index: 0;
  font-weight: bold;
  line-height: 1.5;
  padding: 0 0 0 1.5em;
}
.cmn-ttl23-num {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}

.cmn-ttl31 {
  font-size: var(--font-size17);
  line-height: 1.5;
  background-color: var(--color-white02);
  padding: 1em 2em;
  border-radius: 1.8em 1.8em;
}

.cmn-head {
  width: 90%;
  margin: 10px auto 20px;
}
@media print, screen and (min-width: 768px) {
  .cmn-head {
    width: 80%;
    margin: 10px auto 30px;
  }
}
@media print, screen and (max-width: 767px) {
  .cmn-ttl21 {
    font-size: 17px;
  }
}
.cmn-bd {
  font-size: var(--font-size12);
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em 0.25em;
  margin: 0 0 25px;
}
.cmn-bd a {
  color: inherit;
  text-decoration: none;
}

.cmn-grid11 {
  display: grid;
  grid-template-columns: auto;
  gap: 10px 10px;
}
@media print, screen and (min-width: 768px) {
  .cmn-grid11 {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px 15px;
  }
}

[data-scroll] {
  cursor: pointer;
}

[data-navscroll] {
  cursor: pointer;
}

[data-totop] {
  cursor: pointer;
}

.js-accordion-btn {
  cursor: pointer;
}

.js-accordion-target {
  height: 0;
  overflow: hidden;
}

.youtube {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
  border-radius: 0 2em 0 2em;
}
@media print, screen and (min-width: 768px) {
  .youtube {
    height: 400px;
  }
}

.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cmn-fig11 {
  position: relative;
  z-index: 0;
}
.cmn-fig11-img {
  object-fit: cover;
  width: 100%;
  height: 180px;
  /* design-fix add20231115 ----------*/
  height: 200px;
  /* //design-fix add20231115 ----------*/
}
@media print, screen and (min-width: 768px) {
  .cmn-fig11-img {
    height: 350px;
  }
}

.cmn-fig21 {
  display: block;
  position: relative;
  z-index: 0;
  overflow: hidden;
  border-radius: 18px 18px;
}
@media print, screen and (min-width: 768px) {
  .cmn-fig21 {
    width: 715px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 25px 25px;
  }
}
.cmn-fig21-img {
  transition: transform 0.2s;
}
.cmn-fig21-icon {
  position: absolute;
  right: 5%;
  bottom: 10%;
}
.cmn-fig21:hover {
  color: inherit;
  text-decoration: none;
}
.cmn-fig21:hover .cmn-fig21-img {
  transform: scale(1.2);
}
.cmn-fig21:hover .cmn-fig21-icon {
  color: var(--color-blue);
  background-color: var(--color-blue02);
}
.cmn-link-item {
  display: block;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
}
.cmn-link-item-fig {
  overflow: hidden;
}
.cmn-link-item-img {
  transition: transform 0.2s;
}
.cmn-link-item:hover {
  color: inherit;
  text-decoration: none;
}
.cmn-link-item:hover .cmn-link-item-img {
  transform: scale(1.2);
}
.cmn-link-item:hover .cmn-icon-right {
  color: var(--color-blue);
  background-color: var(--color-blue02);
}

.cmn-icon-right {
  width: 2.5em;
  color: var(--color-white);
  line-height: 1;
  text-align: center;
  background-color: var(--color-blue);
  border-radius: 0.75em;
  border-style: solid;
  border-color: var(--color-blue);
  border-width: 1px;
}
@media (hover: hover) {
  .cmn-icon-right {
    transition: color 0.2s, background-color 0.2s;
  }
}

.cmn-news-item {
  padding: 1em 0;
  border-style: solid;
  border-color: var(--color-gray02);
  border-width: 0 0 1px;
}
@media print, screen and (min-width: 768px) {
  .cmn-news-item {
    display: grid;
    grid-template-columns: 10em 1fr;
  }
}

.page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5em 1em;
  margin: 20px 0 40px;
}

.scroll-adjust {
  position: relative;
  z-index: -1;
}

.scroll-adjust-in {
  position: absolute;
  bottom: 0;
}

.scroll-adjust-in,
.header-adjust {
  padding: var(--height-header) 0 0;
}


/* add220231206 */
header {
  background: #fff;
  padding: 0 20px;
}
/* //add220231206 */


.header {
  position: fixed;
  z-index: 1002;
  top: 15px;
  top: 0px; /* add220231206 */
  left: 0;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .header {
    top: 25px;
    top: 0px;/* add220231206 */
  }
}
.header-row {
  position: relative;
  z-index: 1;
  font-size: var(--font-size14);
  display: flex;
  align-items: center;
  /* add220231206
  width: 90%;
  */

  background-color: var(--color-white);
  padding: 10px 10px;
  padding: 10px 0;/* add220231206 */
  margin: 0 auto;
/* add220231206 
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
*/
}
@media print, screen and (min-width: 768px) {
  .header-row {
    width: 80%;
    padding: 12px 30px;
    padding: 12px 0;/* add220231206 */
  }
}
.header-logo {
  width: 120px;
}
@media print, screen and (min-width: 1200px) {
  .header-logo {
    /*width: 150px;*/
    width: 170px;
  }
}
.header-nav {
  display: none;
}
@media print, screen and (min-width: 1200px) {
  .header-nav {
    display: flex;
    align-items: center;
    gap: 0 2.3em;
    margin: 0 0 0 auto;
  }
}
.header-nav-item {
  line-height: 1.5;
  text-align: center;
}
.header-nav-link {
  color: inherit;
  text-decoration: none;
}
.header-nav-link.current {
  color: var(--color-blue);
}
@media print, screen and (min-width: 1200px) {
  .header-nav-child {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
    top: 40px;
    right: 0;
    width: 850px;
    text-align: left;
    padding: 30px 0 0;
    transition: opacity 0.2s;
  }
}
.header-nav-child-row {
  display: grid;
  grid-template-columns: 1fr 3.8fr;
  background-color: var(--color-white);
  padding: 30px 30px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media print, screen and (min-width: 1200px) {
  .header-nav-child-l {
    font-size: var(--font-size16);
  }
}
.header-nav-child-r {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
/*
  grid-template-rows: repeat(3, auto);
  grid-auto-flow: column;
*/
  gap: 16px 8px;
}
.header-nav-child-item {
  position: relative;
  z-index: 0;
  color: inherit;
  text-decoration: none;
  padding: 0 0 0 1.5em;
}
.header-nav-child-item::before {
  position: absolute;
  top: 0.3em;
  left: 0;
  width: 1em;
  color: var(--color-white);
  line-height: 1em;
  text-align: center;
  background-color: var(--color-blue);
  border-radius: 50%;
  font-family: "Material Symbols Outlined";
  content: "\e5df";
}
.header-nav-child-item.current {
  color: var(--color-blue);
}
.header-nav-item:hover .header-nav-child {
  opacity: 1;
  pointer-events: initial;
}
.header-menu {
  width: 40px;
  height: 30px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin: 0 0 0 auto;
}
@media print, screen and (min-width: 1200px) {
  .header-menu {
    display: none;
  }
}
.header-menu-bar {
  width: 25px;
  height: 2px;
  background: var(--color-black02);
  margin: 7px 0 0;
  transition: 0.2s;
}
.header-menu-bar:nth-child(1) {
  margin-top: 0;
}
.header-menu-bar:nth-child(1).fs-active {
  transform: translateY(9px) rotate(-45deg);
}
.header-menu-bar:nth-child(2).fs-active {
  opacity: 0;
}
.header-menu-bar:nth-child(3).fs-active {
  transform: translateY(-9px) rotate(45deg);
}
.header-fs {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-gray);
  min-width: 100vw;
  overflow-y: scroll;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.2s, z-index 0.2s;
}
.header-fs.fs-active {
  opacity: 1;
  z-index: 1001;
}
@media print, screen and (min-width: 768px) {
  .header-fs-inner {
    min-height: 100%;
  }
}
.header-fs-nav {
  padding: 0 0 20px;
  margin: 20px 0 0;
}
.header-fs-col {
  display: flex;
  flex-direction: column;
  gap: 0;
  line-height: 1.5;
}
.header-fs-col br {
  display: none;
}
.header-fs-link {
  font-size: var(--font-size16);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  color: var(--color-blue);
  text-decoration: none;
  text-align: center;
  padding: 0.75em 5%;
  margin: 0.5em 0 0;
  border-style: solid;
  border-color: var(--color-blue);
  border-width: 0 0 1px;
}
.header-fs-link.current {
  font-weight: bold;
}
.header-fs-child-link {
  font-size: var(--font-size14);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em 0.5em;
  color: inherit;
  text-decoration: none;
  padding: 1em 5%;
  border-style: solid;
  border-color: var(--color-gray02);
  border-width: 0 0 1px;
}
.header-fs-child-link.current {
  font-weight: bold;
}
.header-fs-icon {
  font-size: var(--font-size16);
  flex-shrink: 0;
}
.header-fs-border {
  border-style: solid;
  border-color: var(--color-gray02);
  border-width: 0 0 1px;
}
.header-fs-close {
  text-align: center;
  cursor: pointer;
  padding: 20px 0;
  margin: 20px 0 0;
  color: var(--color-blue);
}
@media print, screen and (min-width: 768px) {
  .header-fs-close {
    grid-column-end: span 2;
  }
}

body.fs-active {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.footer {
  font-size: var(--font-size12);
}
.footer-logo {
  display: block;
  width: 170px;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .footer-logo {
    width: 210px;
  }
}
.footer-nav {
  display: grid;
  grid-template-columns: auto;
  gap: 20px 0;
  line-height: 1.5;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .footer-nav {
    grid-template-columns: repeat(4, auto);
  }
}
@media print, screen and (min-width: 992px) {
  .footer-nav {
    grid-template-columns: repeat(7, auto);
  }
}
.footer-nav-link {
  color: inherit;
  text-decoration: none;
}
.footer-nav-link:hover {
  color: inherit;
  text-decoration: none;
}
.footer-nav-link br {
  display: none;
}
.footer-policy {
  display: grid;
  grid-template-columns: auto;
  gap: 20px 0;
  line-height: 1.5;
  text-align: center;
  padding: 30px 0;
  border-style: solid;
  border-color: var(--color-gray);
  border-width: 2px 0;
}
@media print, screen and (min-width: 768px) {
  .footer-policy {
    grid-template-columns: repeat(4, auto);
    padding: 20px 0;
  }
}
.footer-policy-link {
  color: inherit;
  text-decoration: none;
}
.footer-policy-link:hover {
  color: inherit;
  text-decoration: none;
}
.footer-copyright {
  font-size: var(--font-size12);
  text-align: center;
}

.top-mv {
  position: relative;
}
.top-mv-swiper-slide {
  position: relative;
}
.top-mv-swiper-catch {
  font-family: var(--font-mincho);
  font-size: 6.5vw;
  font-weight: bold;
  color: var(--color-white);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  line-height: 2;
  letter-spacing: 0.15em;
  margin: 88px 0 0 8%;
}
@media print, screen and (min-width: 768px) {
  .top-mv-swiper-catch {
    width: 80%;
    font-size: 28px;
    margin: 200px auto 0;
  }
}
@media print, screen and (min-width: 768px) {
  .top-mv-swiper-img {
    object-fit: cover;
    width: 100%;
    height: 650px;
  }
}

/* design-fix add20231115 ----------*/
.top-mv-swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../img/top/mv_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 620px;
  box-sizing: border-box;
}
  .top-mv-swiper-slide .mv_catch{
    margin-top: 3%;
    padding: 0 20px;
  }
    .top-mv-swiper-slide .mv_catch img{
      width: 100%;
      max-width: 1238px;
    }
@media print, screen and (max-width: 767px) {
  .pc{
    display: none;
  }

  .top-mv-swiper-slide {
    background-image: url(../img/top/mv_bg_sp.jpg);
    background-position: top center;
  }
    .top-mv-swiper-slide .mv_catch{
      margin-top: 5%;
      padding: 0 25px;
    }
      .top-mv-swiper-slide .mv_catch img{
        max-width: 500px;
      }
}
@media print, screen and (max-width: 400px) {
    .top-mv-swiper-slide .mv_catch{
      margin-top: 29%;
    }
}
/* //design-fix add20231115 ----------*/

.top-mv-news {
  font-size: var(--font-size11);
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 225px;
  margin: 0 0 5% 5%;
  background-color: var(--color-blue02);
  border-radius: 20px;
  padding: 2em 2em;
}
@media print, screen and (min-width: 768px) {
  .top-mv-news {
    width: 265px;
    margin: 0 0 25px 25px;
  }
}
.top-mv-news-ttl {
  font-size: var(--font-size15);
  font-family: var(--font-gothic-en);
  color: var(--color-blue);
  font-weight: bold;
}
.top-mv-news-ttl-link {
  color: inherit;
  text-decoration: none;
}
.top-mv-news-ttl-link:hover {
  color: inherit;
  text-decoration: none;
}
.top-mv-news-text-link {
  display: block;
  position: relative;
  z-index: 0;
  color: var(--color-blue);
  text-decoration: none;
  transition: color 0.2s;
}
.top-mv-news-text-icon {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0.2em;
}
.top-mv-news-text:hover .top-mv-news-text-link {
  color: var(--color-black02);
}
.top-mv-news-text:hover .top-mv-news-text-icon {
  color: var(--color-blue);
  background-color: var(--color-blue02);
}
.top-mv-bar {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 4px;
  height: 52px;
  background-color: var(--color-white);
  border-radius: 2px 2px;
  margin: 0 5% 5% 0;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  .top-mv-bar {
    left: 0;
    margin: 0 auto 25px;
  }
}
.top-mv-bar-blue {
  position: absolute;
  z-index: 0;
  top: 0px;
  right: 0;
  left: 0;
  height: 40%;
  background-color: var(--color-blue);
  opacity: 0.6;
  border-radius: inherit;
  animation-name: kf_top_mv_bar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes kf_top_mv_bar {
  0% {
    transform: translateY(0%);
  }
  80% {
    transform: translateY(150%);
  }
  100% {
    transform: translateY(150%);
  }
}
.top-nav-list {
  display: grid;
  grid-template-columns: auto;
  gap: 16px 16px;
}
@media print, screen and (min-width: 768px) {
  .top-nav-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 992px) {
  .top-nav-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.top-nav-item {
  background-color: var(--color-white);
  border-radius: 18px 18px;
}
@media print, screen and (min-width: 768px) {
  .top-nav-item {
    border-radius: 25px 25px;
  }
}
@media print, screen and (min-width: 768px) {
  .top-nav-item.ver02 {
    grid-column-end: span 2;
  }
}
.top-nav-item-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em 0.5em;
  line-height: 1.5;
  padding: 10px 0 13px;
  margin: 0 20px;
}
.top-nav-item-ja {
  font-size: var(--font-size17);
}
.top-nav-item-en {
  font-size: var(--font-size12);
  font-family: var(--font-gothic-en);
  letter-spacing: 0;
  margin: 5px 0 0;
}
.top-nav-item-icon {
  flex-shrink: 0;
}

/* youtubeリンク */
.youtube_link{
  text-align: center;
  margin: 60px 0 30px;
}
  .youtube_link a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border:1px solid #fff;
    font-size: 15px;
    font-weight: 400;
    /*color: #fff;*/
    letter-spacing: 1px;
    width: 310px;
    height: 60px;
    text-decoration: none;
    border-radius: 100px;
    margin: 0 auto;
    transition:.5s;

    background: #fff;
    color: var(--color-blue);
  }
  .youtube_link a:hover{
/*
    background: #fff;
    color: var(--color-blue);
*/
    color: #fff;
    background-color: var(--color-blue);
  }
    .youtube_link a svg{
      margin-left: 15px;
    }
    .youtube_link a svg path{
      transition:.5s;
      fill:var(--color-blue)!important;
    }
    .youtube_link a:hover svg path{
      /*fill:var(--color-blue)!important;*/
      fill:#fff!important;
    }
@media print, screen and (max-width: 767px) {
  .youtube_link{
    text-align: center;
    margin: 40px 0 10px;
  }
    .youtube_link a{
      font-size: 14px;
      width: 300px;
      height: 50px;
    }
      .youtube_link a svg{
        margin-left: 10px;
      }
}

.top-dpt-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px 15px;
}
@media print, screen and (min-width: 992px) {
  .top-dpt-list {
    /*grid-template-columns: repeat(4, 1fr);*/
    grid-template-columns: repeat(5, 1fr);
  }
}
.top-dpt-item {
  background-color: var(--color-white);
  border-radius: 18px 18px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media print, screen and (min-width: 768px) {
  .top-dpt-item {
    border-radius: 25px 25px;
  }
}
.top-dpt-item-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em 0.5em;
  line-height: 1.5;
  padding: 10px 0 13px;
  margin: 0 20px;
}
.top-dpt-item-ja {
  font-size: var(--font-size14);
}
.top-dpt-item-icon {
  flex-shrink: 0;
}

.stb-head-list {
  display: grid;
  grid-template-columns: auto;
  gap: 0.6em 0.6em;
  width: 80%;
  background-color: var(--color-blue03);
  padding: 0.6em 0.6em;
  border-radius: 2.1em;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .stb-head-list {
    width: 100%;
    grid-template-columns: 1fr 1fr;
  }
}
.stb-head-item {
  color: inherit;
  text-decoration: none;
  text-align: center;
  background-color: var(--color-white);
  padding: 0.6em 0.6em;
  border-radius: inherit;
  border-radius: 200px;
}
.stb-head-item.selected {
  color: var(--color-white);
  background-color: var(--color-blue);
  pointer-events: none;
}

.stb-fig {
  overflow-x: auto;
  margin: 0 -5.5555555556% 0 0;
}
@media screen and (min-width: 475px) {
  .stb-fig {
    margin: 0;
  }
}
.stb-fig-img {
  width: 550px;
  max-width: none;
}
@media screen and (min-width: 475px) {
  .stb-fig-img {
    width: 100%;
  }
}

.stb-fig02 {
  display: grid;
  grid-template-columns: auto;
  justify-items: center;
  gap: 15px 0;
  width: 80%;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .stb-fig02 {
    grid-template-columns: 0.7fr 2px 1fr;
    align-items: center;
    gap: 0 4%;
    width: 830px;
    max-width: 100%;
  }
}
.stb-fig02-bar {
  width: 100%;
  height: 2px;
  background-color: var(--color-black);
}
@media print, screen and (min-width: 768px) {
  .stb-fig02-bar {
    width: 2px;
    height: 100%;
  }
}
.stb-fig02-l {
  width: 70%;
}
@media print, screen and (min-width: 768px) {
  .stb-fig02-l {
    width: auto;
  }
}
.stb-table {
  width: 100%;
}
.stb-table-th, .stb-table-td {
  border-style: solid;
  border-color: var(--color-gray03);
  border-width: 1px 1px;
}
.stb-table-th {
  text-align: center;
  background-color: var(--color-white02);
  padding: 0.25em 0;
}
.stb-table-td {
  padding: 10px 10px;
}
@media print, screen and (min-width: 768px) {
  .stb-table-td {
    padding: 30px 30px;
  }
}
.stb-table-td:nth-child(1) {
  width: 90px;
}
@media print, screen and (min-width: 768px) {
  .stb-table-td:nth-child(1) {
    width: 370px;
  }
}
.stb-table-mark {
  display: grid;
  grid-template-columns: auto;
  gap: 10px 10px;
}
@media print, screen and (min-width: 768px) {
  .stb-table-mark {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px 20px;
  }
}
.stb-table-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 3em;
}
.stb-table-item {
  position: relative;
  z-index: 0;
  padding: 0 0 0 1.1em;
}
.stb-table-item::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0.8em;
  left: 0;
  width: 0.6em;
  height: 0.6em;
  background-color: var(--color-blue);
  border-radius: 50%;
}

.saiyo-top-head-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 250px;
}
@media print, screen and (min-width: 768px) {
  .saiyo-top-head-img {
    width: 490px;
  }
}

/* design-fix add20231115 ----------*/
/* stb SDGs */
.mv_stb_sdgs{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 350px;
  background: #f5f5f5;
  padding: 0 20px;
}
  .mv_stb_sdgs img{
    width: 100%;
    max-width: 564px;
  }
/* saiyo top */
.saiyo-top-msg {
  margin-top: 90px!important;
}
.saiyo-top-msg .cmn-ttl12{
  margin-bottom: 35px;
}
.saiyo-top-msg a{
  max-width: 440px!important;
  border-radius: 0;
  text-decoration: none;
}
.scale_img_wrap{
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  margin-bottom: 15px;
}
  .scale_img_wrap img{
    width: 100%;
    transition: transform 0.2s;
  }
  a:hover .scale_img_wrap img{
    transform: scale(1.2);
  }
  .saiyo-top-msg .txt{
    font-weight: bold;
    font-size: 13px;
    color: #000;
    line-height: 230%;
  }
.saiyo-top-cg {
  margin-top: 70px!important;
}
.saiyo-top-qa{
  margin-top: 130px!important; 
  padding-bottom: 60px;
}
@media print, screen and (max-width: 767px) {
  /* stb SDGs */
  .mv_stb_sdgs{
    height: 200px;
  }
    .mv_stb_sdgs img{
      max-width: 280px;
    }
  /* saiyo top */
  .saiyo-top-msg {
    margin-top: 40px!important;
  }
  .saiyo-top-msg .cmn-ttl12{
    margin-bottom: 22px;
  }
  .saiyo-top-msg .cmn-ttl12 .cmn-ttl12-en,
  .saiyo-top-cg .cmn-ttl12 .cmn-ttl12-en {
    font-size: 25px;
    line-height: 120%;
  }
  .saiyo-top-msg a{
    max-width: 290px!important;
    border-radius: 0;
    text-decoration: none;
    margin: 0 auto;
  }
  .scale_img_wrap{
    margin-bottom: 12px;
  }
    .saiyo-top-msg .txt{
      font-size: 11px;
      line-height: 200%;
    }
  .saiyo-top-cg {
    margin-top: 40px!important;
  }
  .saiyo-top-qa{
    margin-top: 45px!important; 
    padding-bottom: 20px;
  }
}

.page-saiyo_company_benefits .white-popup .cmn-link-item-fig img{
  max-width: 120px;
}

/* //design-fix add20231115 ----------*/

.saiyo-top-cg-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 16px;
}
.saiyo-top-cg-item {
  background-color: var(--color-white02);
  border-radius: 18px 18px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media print, screen and (min-width: 992px) {
  .saiyo-top-cg-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (min-width: 768px) {
  .saiyo-top-cg-item {
    border-radius: 25px 25px;
  }
}
.saiyo-top-cg-item-name {
  line-height: 1.65;
/*
  padding: 10px 0 13px;
  margin: 0 20px;
*/
  padding: 10px 0px 18px;
  margin: 0 18px;
}
.saiyo-top-cg-item-en {
  font-size: var(--font-size10);
  font-family: var(--font-gothic-en);
}
.saiyo-top-cg-item-ja {
  font-size: var(--font-size14);
  font-weight: bold;
  margin: 1px 0 0;
}
.saiyo-top-cg-item-sub {
  font-size: var(--font-size10);
  color: var(--color-blue);
  /*margin: 0.5em 0 0!important;*/
  margin: 2px 0 0!important;
}
.saiyo-top-cg-item-icon {
  display: block;
  /*margin: 1em 0 0 auto;*/
  margin: 8px 0 0 auto;
}


/* design-fix add2023 --------------------*/
/* Bogo language switcer */
.bogo-language-switcher{
  position: absolute;
  top: 14px;
  right: -130px;
  right: -12%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  gap:6px;
  background: #e5e5e5;
  border-radius: 100px;
  padding: 6px;
}
  .bogo-language-switcher li .bogo-language-name{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 23px;
    font-size: 10px;
    font-weight: bold;
    color: #337ab8;
    text-decoration:none;
    background: #fff;
    border-radius: 100px;
    transition: .5s;
  }
  .bogo-language-switcher li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 23px;
    font-size: 10px;
    font-weight: bold;
    color: #337ab8;
    text-decoration:none;
    background: #fff;
    border-radius: 100px;
    transition: .5s;
  }
  .bogo-language-switcher li.current a,
  .bogo-language-switcher li a:hover{
    color: #fff;
    background: #337ab8;
  }
@media print, screen and (max-width: 1300px) {
  .bogo-language-switcher{
    top: 14px;
    right: -12%;
  }
  .bogo-language-switcher li .bogo-language-name,
  .bogo-language-switcher li a{
    width: 40px;
  }
}
@media print, screen and (max-width: 1199px) {
  /* PC navigation Bogo 非表示 */
  .bogo-language-switcher{
    display: none;
  }

  /* SP navigation Bogo style */
  .header-fs-col .bogo-language-switcher{
    display: flex;
    position: relative;
    top: 0;
    right: unset;
    left: unset;
    max-width: 600px;
    min-width: 280px;
    margin: 0 auto;
  }
  .bogo-language-switcher li {
    flex: 1;
  }
  .bogo-language-switcher li .bogo-language-name{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 23px;
    background: #fff;
    border-radius: 100px;
  }
  .bogo-language-switcher li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 23px;
    font-size: 10px;
    font-weight: bold;
    color: #337ab8;
    text-decoration:none;
    background: #fff;
    border-radius: 100px;
    transition: .5s;
  }
  .bogo-language-switcher li.current a,
  .bogo-language-switcher li a:hover{
    color: #fff;
    background: #337ab8;
  }
}

/* top news ----- */
.top_news_wrap{
  padding: 12px 20px;
}
.top_news_inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  max-width: 1400px;
  margin: 0 auto;
}
  .top_news_inner .col_l{
    display: flex;
    align-items: center;
    gap: 40px;
  }
    .top_news_inner  a {
      line-height: 120%;
      text-decoration: none;
      transition: .5s;
    }
    .top_news_inner a:hover {
      opacity: .7;
    }

    .top_news_inner .col_l img {
      width: 64px;
    }
    .top_news_inner .col_l a {
      display: flex;
      align-items: center;
      gap: 20px;
      font-size: 12px;
      line-height: 120%;
      transition: .5s;
    }
    .top_news_inner .col_l a,
    .top_news_inner .col_l a:visited {
      color: #337ab8;
    }
    .top_news_inner .col_l a .news_title {
      color: #000000;
    }
  .top_news_inner .news_links {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 95px;
    height: 22px;
    font-size: 10px;
    color: #fff;
    background: #337ab8;
    border-radius: 100px;
  }
    .top_news_inner .news_links svg{
      margin-left: 4px;
    }
@media print, screen and (max-width: 767px) {
  .top_news_wrap{
    padding: 10px 20px;
  }
  .top_news_inner{
    gap: 10px;
  }
    .top_news_inner .col_l{
      display: flex;
      align-items: center;
      gap: 15px;
    }
      .top_news_inner  a {
        line-height: 120%;
        text-decoration: none;
        transition: .5s;
      }
        .top_news_inner a:hover {
          opacity: .7;
        }
      .top_news_inner .col_l img {
        width: 52px;
      }
      .top_news_inner .col_l a {
        flex-wrap: wrap;
        gap: 3px;
        font-size: 10px;
      }
      .top_news_inner .col_l a .news_title {
        width: 100%;
      }
    .top_news_inner .news_links {
      width: 90px;
      height: 20px;
    }
    

}
/* depertment ----- */
.dep_img{
  margin-bottom: 7px;
}
@media print, screen and (max-width: 767px) {
  .dep_img{
    margin-bottom: 6px;
  }
}

/* page-department_department5 */
@media print, screen and (min-width: 768px) {
  .stb-head-list-5col{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr!important;
  }
}
.page-department_department5 .anchor_adjust{
  margin-top: -90px;
  padding-top: 90px;
}
.page-department_department5 .anchor_links{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px 30px;
  margin: 75px 0 70px;
}
  .page-department_department5 .anchor_links a{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 2px;
    background: #196aaf;
    text-decoration: none;
    border-radius: 100px;
    height: 45px;
    padding-top: 1px;
  }
    .page-department_department5 .anchor_links a svg{
      position: absolute;
      top: calc(50% - 7px);
      right: 15px;
    }
.page-department_department5 .title_m{
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 150%;
  background: #4082bc;
  padding: 10px 15px;
}
@media print, screen and (max-width: 767px) {
  .page-department_department5 .anchor_adjust{
    margin-top: -75px;
    padding-top: 75px;
  }
  .page-department_department5 .anchor_links{
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px;
    margin: 25px 0 35px;
  }
    .page-department_department5 .anchor_links a{
      font-size: 13px;
      letter-spacing: 1px;
      height: 38px;
      padding-top: 1px;
    }
      .page-department_department5 .anchor_links a svg{
        right: 12px;
      }
  .page-department_department5 .title_m{
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 8px 12px;
  }
  .page-department_department5 .c2col{
    gap: 40px;
  }
  .page-department_department5 .c2col + .c2col{
    margin-top: 40px!important;
  }
}



/* saiyou ------- */
.cmn-bg-gry{
  padding: 55px 20px 95px;
}
  .cmn-bg-gry .cmn-ttl21{
    font-size: 21px;
    letter-spacing: 1px;
    margin-bottom: 50px;
  }
  .cmn-bg-gry {
    background-color: #edeeed!important;
  } 
  .cmn-bg-gry .gutter {
    background: #fff!important;
    max-width: 954px!important;
    margin: 0 auto!important;
    padding: 50px 50px 70px!important;
  }
  .cmn-bg-gry .gutter + .gutter{
    margin-top: 50px!important;
  }
  .cmn-bg-gry .gutter .cmn-ttl21-blk {
    color:#606060;
    letter-spacing: 1px;
    margin-bottom: 40px;
  }
  .cmn-bg-gry .gutter .cmn-fig11{
    margin: 5px 0 40px;
  }
  .cmn-bg-gry .gutter .title_s{
    font-size: 13px;
    font-weight: bold;
    color: var(--color-blue);
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 20px;
  }
  .cmn-bg-gry .gutter .txt{
    font-size: 12px;
    line-height: 240%;
    margin-bottom: 40px;
  }
@media print, screen and (max-width: 767px) {
  .cmn-bg-gry{
    padding: 40px 20px 30px;
  }
    .cmn-bg-gry .cmn-ttl21{
      font-size: 18px;
      margin-bottom: 40px;
    }
    .cmn-bg-gry .gutter {
      padding: 25px 20px 20px!important;
    }
    .cmn-bg-gry .gutter + .gutter{
      margin-top: 25px!important;
    }
    .cmn-bg-gry .gutter .cmn-ttl21-blk {
      font-size: 12px;
      margin-bottom: 15px;
    }
    .cmn-bg-gry .gutter .cmn-fig11{
      margin: 21px 0 20px;
    }
    .cmn-bg-gry .gutter .txt{
      font-size: 11px;
      margin-bottom: 20px;
    }
    .cmn-bg-gry .gutter .title_s{
      font-size: 11px;
      margin-bottom: 15px;
    }
  .stb-fig {
    width: 100%;
  }
}
/* page profile */
.gutter.sct_profile {
  margin: 0 auto!important;
  padding: 0!important;
}
.gutter.sct_profile .box{
  padding: 40px 50px 40px!important;
}
.gutter.sct_profile .cmn-ttl21{
  margin-bottom: 40px;
}
.gutter.sct_profile .txt{
  margin-bottom: 0;
}
.gutter.image_wrap{
  background: none!important;
  margin: 0 auto!important;
  padding: 0!important;
}
.gutter .flex_images{
  display: flex;
  flex-wrap: wrap;
  gap:50px;
}
  .gutter .flex_images > div{
    width: calc(50% - 25px);
  }
  .gutter .flex_images img{
    width: 100%;
  }
.gutter.main_base_wrap{
  padding: 45px 45px 30px!important;
}
  .gutter.main_base_wrap .cmn-ttl21{
    font-size: 19px;
    margin-bottom: 40px;
  }
  .gutter.main_base_wrap .flex_main_base{
    display: flex;
    gap:20px;
  }
    .gutter.main_base_wrap .flex_main_base .title_s{
      font-weight: normal;
      margin-bottom: 12px;
    }
@media print, screen and (max-width: 767px) {
  .gutter.sct_profile .box{
    padding: 30px 20px 25px!important;
  }
  .gutter.sct_profile .cmn-ttl21{
    font-size: 14px;
    margin-bottom: 20px;
  }
  .gutter .flex_images{
    gap:25px;
  }
    .gutter .flex_images > div{
      width: 100%;
    }
    .gutter .flex_images img{
      width: 100%;
    }
  .gutter.bases_wrap{
    overflow-x: scroll;  
  }
    .gutter.bases_wrap img{
      width: 760px;
      max-width: inherit;
    }
  .gutter.main_base_wrap{
    padding: 30px 30px 20px!important;
  }
    .gutter.main_base_wrap .cmn-ttl21{
      font-size: 14px;
      margin-bottom: 25px;
    }
    .gutter.main_base_wrap .flex_main_base{
      flex-wrap: wrap;
      gap: 25px;
    }
      .gutter.main_base_wrap .flex_main_base .title_s{
        font-size: 10px;
        margin-bottom: 8px;
      }
}
/* page benefits */
.cmn-bg-gry .gutter_benefits {
  background: none!important;
  margin: 0 auto!important;
  padding: 0!important;
}
.gutter_benefits .c3coltocol2{
  display: flex;
  flex-wrap: wrap;
  gap:50px;
}
  .gutter_benefits .c3coltocol2 section{
    width: calc(33.33% - 34px);
  }
  .gutter .benefits_icon {
    text-align: center;
    margin-bottom: 10px;
  }
    .gutter .benefits_icon img{
      width: 100%;
      max-width: 100px;
    }
    .gutter .bnft-contents {
      height: auto!important;
      min-height: 110px!important;
      overflow: inherit!important;
    }
  .gutter_benefits .c3coltocol2 section.company-benefits {
      padding: 25px 10px!important;
      margin: 0px !important;
  }
  .gutter_benefits .c3coltocol2 section.company-benefits .bnft-contents .bnft-ttl {
    display: block;
    font-size: 22px !important;
    letter-spacing: 1px;
    line-height: 150%;
  }
    .gutter_benefits .c3coltocol2 section.company-benefits .bnft-contents .bnft-ttl .txt_s{
        font-size: 13px!important;
    }
  .gutter_benefits .c3coltocol2 section.company-benefits .bnft-contents .bnft-txt{
    display: block;
    font-size: 12px !important;
    font-weight: 600;
    line-height: 180%;
    margin-top: 8px;
  }

.flex_event{
  display: flex!important;
  gap: 48px!important;
}
.flex_event .gutter{
  padding: 0!important;
}
@media print, screen and (max-width: 767px) {
  .gutter_benefits .c3coltocol2{
    gap:10px;
  }
    .gutter_benefits .c3coltocol2 section{
      width: calc(50% - 10px);
      background: #fff;
    }
    .gutter .benefits_icon {
      text-align: center;
      margin-bottom: 5px;
    }
      .gutter .benefits_icon img{
        max-width: 60px;
      }
      .gutter .bnft-contents {
        min-height: 80px!important;
      }
    .gutter_benefits .c3coltocol2 section.company-benefits {
        padding: 12px 0px!important;
        margin: 0px !important;
    }
    .gutter_benefits .c3coltocol2 section.company-benefits .bnft-contents .bnft-ttl {
      font-size: 14px !important;
      line-height: 150%;
    }
      .gutter_benefits .c3coltocol2 section.company-benefits .bnft-contents .bnft-ttl .txt_s{
          font-size: 11px!important;
      }
    .gutter_benefits .c3coltocol2 section.company-benefits .bnft-contents .bnft-txt{
      font-size: 10px !important;
      font-weight: 600;
      line-height: 160%;
      margin-top: 5px;
    }

  .flex_event{
    flex-wrap: wrap!important;
    gap: 20px!important;
    margin-top: 15px;
  }
  .flex_event .gutter{
    width: 100%;
  }
}

/* page training */
.cmn-bg-gry .gutter .txt.txt_training{
  margin-bottom: 0;
}

/* page person */
.cmn-bg-gry.page_person .gutter {
  padding-bottom: 45px!important;
}
.cmn-bg-gry.page_person .gutter + .cmn-ttl21{
  margin-top: 50px;
}
.cmn-bg-gry.page_person .cmn-fig11{
  margin-top: 0;
}
.cmn-bg-gry.page_person .cmn-ttl21-blk {
  color: #000;
  line-height: 210%;
}
.cmn-bg-gry.page_person .txt{
  margin-bottom: 0;
}
.cmn-bg-gry.page_person .preson-ttl-blue{
  padding-bottom: 13px;
}
@media print, screen and (max-width: 767px) {
  .cmn-bg-gry.page_person .gutter {
    padding: 20px!important;
  }
  .cmn-bg-gry.page_person .gutter + .cmn-ttl21{
    margin-top: 40px;
  }
  .cmn-bg-gry.page_person .cmn-ttl21 {
    margin-bottom: 35px;
  }
  .cmn-bg-gry.page_person .cmn-ttl21-blk {
    font-size: 14px;
  }
  .cmn-bg-gry.page_person .preson-ttl-blue{
    font-size: 15px;
    line-height: 170%;
    padding-bottom: 13px;
    text-indent: -31px;
    padding-left: 31px;
  }
}

/* page interview */
.cmn-bg-gry.page_interview  {
  background-color: #fff!important;
  padding-top: 25px!important;
}
.cmn-bg-gry.page_interview .gutter.intv_l {
  position: relative;
  padding: 0!important;
}
.cmn-bg-gry.page_interview .gutter + .gutter{
  margin-top:0!important;
}
.cmn-bg-gry.page_interview .c2col{
  display: flex;
  justify-content:space-between; 
  gap: 50px 80px;
  flex-wrap: wrap;
  max-width: 954px;
  margin: 0 auto;
}
.cmn-bg-gry.page_interview .c2col .intv_l {
  width: calc(50% - 40px);
}
.cmn-bg-gry.page_interview .saiyo-top-cg-item-name{
    padding: 20px 0 18px 0!important;
}
  .cmn-bg-gry.page_interview .saiyo-top-cg-item-name .saiyo-top-cg-item-ja{
    font-size: 15px;
    line-height: 120%;
    margin: 0 0 12px 0;
  }
  .cmn-bg-gry.page_interview .saiyo-top-cg-item-name .info{
    font-size: 11px;
    line-height: 180%;
  }
  .cmn-bg-gry.page_interview .saiyo-top-cg-item-name .saiyo-top-cg-item-icon{
    position: absolute;
    bottom: 20px;
    right: 20px;
  }

/* page_interview_career */
.cmn-bg-gry.page_interview_career .gutter{
  margin: 0!important;
  font-weight: bold;
}

@media print, screen and (max-width: 767px) {
  .cmn-bg-gry.page_interview .c2col{
    gap: 30px;
  }
  .cmn-bg-gry.page_interview .c2col .intv_l {
    width: 100%;
  }
  .cmn-bg-gry.page_interview .saiyo-top-cg-item-name{
      text-align: left;
      padding: 15px 0 13px 0!important;
  }
  .cmn-bg-gry.page_interview .saiyo-top-cg-item-name .saiyo-top-cg-item-ja{
    font-size: 12px;
    margin: 0 0 8px 0;
  }
  .cmn-bg-gry.page_interview .saiyo-top-cg-item-name .info{
    font-size: 10px;
    line-height: 170%;
  }
  .cmn-bg-gry.page_interview .saiyo-top-cg-item-name .saiyo-top-cg-item-icon{
    position: absolute;
    bottom: 15px;
    right: 15px;
  }
}
/* page interview detail */
.page_interview_detail {
  padding-top: 25px;
}
  .page_interview_detail .cmn-ttl21{
    font-size: 20px;
    margin-bottom: 50px;
  }
  .page_interview_detail .interview-image{
    margin-bottom: 60px;
  }
  .page_interview_detail .interview-ttl{
    font-size: 22px;
    line-height: 200%;
    margin-bottom: 25px;
  }
  .page_interview_detail .cmn-ttl21-sub-center-text{
    font-size: 12px;
    margin-bottom: 85px;
  }
  .page_interview_detail .interview-contents  {
    padding-bottom: 90px!important;
  }
    .page_interview_detail .interview-contents .pc_o1 {
      padding:0 25px 0 0;
    }
    .page_interview_detail .interview-contents .pc_o2 {
      padding:0 0 0 25px;
    }
      .page_interview_detail .interview-contents .pc_o1 img,
      .page_interview_detail .interview-contents .pc_o2 img {
        width: 100%;
        max-width: 452px;
        padding: 0;
      }
    .page_interview_detail .interview-contents .interview-text {
        margin-right: 0px;
        margin-bottom: 20px;
        font-weight: bold;
        font-size: 16px;
        color: #337AB8;
    }
    .page_interview_detail .interview-contents .interview-sub-text{
      font-size: 12px;
      line-height: 250%;
    }
@media print, screen and (max-width: 767px) {
  .page_interview_detail .cmn-ttl21{
    font-size: 18px;
    margin-bottom: 40px;
  }
  .page_interview_detail .interview-image{
    margin-bottom: 40px;
  }
  .page_interview_detail .interview-ttl{
    font-size: 16px;
    line-height: 200%;
    margin-bottom: 25px;
  }
  .page_interview_detail .cmn-ttl21-sub-center-text{
    font-size: 11px;
    margin-bottom: 60px;
  }
  .page_interview_detail .interview-contents  {
    padding-bottom: 45px!important;
  }
    .page_interview_detail .interview-contents .pc_o1 {
      padding:0 0px 0 0;
    }
    .page_interview_detail .interview-contents .pc_o2 {
      padding:0 0 0 0px;
    }
      .page_interview_detail .interview-contents .pc_o1 img,
      .page_interview_detail .interview-contents .pc_o2 img {
        margin-bottom: 10px;
      }
    .page_interview_detail .interview-contents .interview-text {
        font-size: 15px;
        color: #337AB8;
        margin-bottom: 12px;
    }
    .page_interview_detail .interview-contents .interview-head {
        padding: 2px 10px 4px;
        font-size: 12px;
    }
  .page_interview_detail .interview-contents .cmn-ttl31 {
      font-size: 12px;
      padding: 10px 20px;
  }
}

/* page statistic */
.page_statistic .intv_l  {
  padding: 45px 40px 0px;
}
.page_statistic .intv_l .cmn-ttl21-blk {
  font-size: 19px;
  color: #606060;
}
.page_statistic .survey-img {
    width: 100%!important;
    margin: 0!important;
}
.page_statistic .how_to_go .cmn-ttl21-blk{
  margin-bottom: 20px;
}
.page_statistic .flex_images {
  display: flex;
  gap: 20px;
}
@media print, screen and (max-width: 767px) {
  .page_statistic .intv_l {
    padding: 30px 20px 0px;
  }
  .page_statistic .intv_l .cmn-ttl21-blk {
    font-size: 14px;
  }
  .page_statistic .survey-img {
      width: 100%!important;
      margin: 0!important;
  }
  .page_statistic .how_to_go{
    padding-bottom: 10px;
    margin-bottom: 30px;
  }
    .page_statistic .how_to_go .cmn-ttl21-blk{
      margin-bottom: 35px;
    }
      .page_statistic .flex_images {
        display: flex;
        gap: 0px;
        flex-wrap: wrap;
      } 
}

/* page guideline */
.page_guideline .recruitment-section__table {
  width: 100%;
  margin: 10px 0;
}
.page_guideline .cmn-ttl-blue {
  font-weight: bold;
  color: #196aaf;
}
.sp_scroll_x + .cmn-ttl-blue {
  display: block;
  margin-top: 15px;
}
@media print, screen and (max-width: 767px) {
  .sp_scroll_x {
      overflow-x: scroll;
  }
  .sp_scroll_x table{
    width: 600px!important;
  } 
  .sp_scroll_x img{
    width: 600px!important;
    max-width: inherit;
  } 
}

/* page_questions */
.page_questions .gutter {
  padding: 0!important;
}
.page_questions .gutter + .gutter {
  margin-top: 30px!important;
}
.page_questions .gutter + .cmn-ttl21 {
  margin-top: 50px!important;
}
.page_questions .q_head_wrap{
  display: flex;
  border-bottom: 1px dashed #f2f2f2; 
  margin-bottom: 0;
  padding:30px;
}
  .page_questions .q-head,
  .page_questions .a-head {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #337ab8;
      font-size: 12px;
      letter-spacing: 1px;
      height: 22px;
      width: 40px;
      float: inherit;
      margin-right: 15px;
      padding: 0 8px;
  }
  .page_questions .q-text{
    font-size: 16px;
    line-height: 140%;
  }
.page_questions .a_wrap{
  display: flex;
  padding:30px;
}
  .page_questions .a-head {
    position: relative;
    top: 3px;
    background-color: #e57800;
  }
  .page_questions .a-text a,
  .page_questions .a-text a:visited{
    text-decoration: none;
    color:#337ab8;
  }
@media print, screen and (max-width: 767px) {
  .page_questions .gutter + .gutter {
    margin-top: 20px!important;
  }
  .page_questions .gutter + .cmn-ttl21 {
    margin-top: 40px!important;
  }
  .page_questions .q_head_wrap{
    padding:15px;
  }
    .page_questions .q-head,
    .page_questions .a-head {
        font-size: 11px;
        height: 20px;
        width: 34px;
        margin-right: 10px;
        padding: 0 8px;
    }
    .page_questions .q-text{
      font-size: 14px;
      line-height: 140%;
    }
  .page_questions .a_wrap{
    display: flex;
    padding:15px;
  }
}
/* //design-fix add2023 ------------------*/

/* page_career_feature */
.page_career_feature .sct_feature{
  padding: 50px 40px!important;
}
.page_career_feature .title_m{
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  line-height: 210%;
  margin-bottom: 40px;
}
.page_career_feature .gutter .txt{
  line-height: 245%;
  margin-bottom: 0;
}
@media print, screen and (max-width: 767px) {
  .page_career_feature .sct_feature{
    padding: 25px 20px!important;
  }
  .page_career_feature .title_m{
    font-size: 14px;
    line-height: 190%;
    margin-bottom: 25px;
  }
  .page_career_feature .gutter .txt{
    line-height: 240%;
  }
}

/* page_career_job */
.page_career_job {
  background: #fff!important;
}
.page_career_job .sct_job{
  padding: 0!important;
}
.page_career_job .sct_job .page_links{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap:10px;
  margin-bottom: 50px;
}
  .page_career_job .sct_job .page_links a{
    color: #606060;
    line-height: 120%;
    text-decoration: none;
    min-height: 70px:;
    background: #ecf1f1;
    border-radius: 12px;
    text-align: center;
    padding: 14px 10px 6px;
  }
    .page_career_job .sct_job .page_links a .caption{
      font-size: 12px;
      font-weight: bold;
      margin-bottom: 2px;
    }
    .page_career_job .sct_job .page_links a .txt_s{
      font-size: 9px;
    }
@media print, screen and (max-width: 810px) {
  .page_career_job .sct_job .page_links{
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (max-width: 767px) {
  .page_career_job .sct_job .page_links{
    grid-template-columns: repeat(2, 1fr);
  }
}
.page_career_job .sct_job .box{
/*
  margin-top: -75px;
  padding-top: 75px;
*/
  margin-top: -115px;
  padding-top: 115px;

}
  .page_career_job .sct_job .box .title_m{
    font-size: 17px;
    font-weight: bold;
    color: #606060;
    letter-spacing: 1px;
    margin-bottom: 15px;
  }
  .page_career_job .sct_job .box .flex {
    display: flex;
    gap: 8px;
  }
  .page_career_job .sct_job .box .flex + .flex{
    margin-top: 10px;
  }
    .page_career_job .sct_job .box .flex .label{
      display: inline-block;
      font-size: 12px;
      color: #fff;
      line-height: 1;
      letter-spacing: 1px;
      background: #337ab8;
      border-radius: 6px;
      padding: 5px 9px 5px;
    }
    .page_career_job .sct_job .box .flex .txt_l{
      font-size: 14px;
      font-weight: bold;
      color: #606060;
    }
    .page_career_job .sct_job .box .flex .txt{
      letter-spacing: 2px;
    }
  .page_career_job .sct_job .box .flex_2col {
    gap:40px;
    /*margin-bottom: 35px;*/
    margin-bottom: 80px;
  }
    .page_career_job .sct_job .box .flex_2col > div{
      width: 50%;
    }
    .page_career_job .sct_job .box .flex_2col .label{
      margin-bottom: 7px;
    }
      .page_career_job .sct_job .box .flex_2col .txt{
        margin-bottom: 0;
      }
@media print, screen and (max-width: 767px) {
  .page_career_job .sct_job .box{
    margin-top: -80px;
    padding-top: 80px;
  }
    .page_career_job .sct_job .box .title_m{
      font-size: 16px;
      margin-bottom: 15px;
    }
    .page_career_job .sct_job .box .flex {
      display: flex;
      gap: 8px;
    }
    .page_career_job .sct_job .box .flex + .flex{
      margin-top: 10px;
    }
      .page_career_job .sct_job .box .flex .txt_l{
        font-size: 13px;
      }
      .page_career_job .sct_job .box .flex .txt{
        letter-spacing: 1px;
      }
    .page_career_job .sct_job .box .flex_2col {
      flex-wrap: wrap;
      gap: 8px;
      /*margin-bottom: 35px;*/
      margin-bottom: 50px;
    }
      .page_career_job .sct_job .box .flex_2col > div{
        width: 100%;
      }
      .page_career_job .sct_job .box .flex_2col .label{
        margin-bottom: 3px;
      }
}


/* common parts */
.cmn-head.no_mv{
  margin-bottom: 55px;
}
.ssm_mv_lower{
  margin-bottom: 100px;
}
.ssm_title_l{
  font-size: 16px;
  font-weight: bold;
  line-height: 130%;
  letter-spacing: 1px;
  background: #f3f3f3;
  border-radius: 100px;
  margin-bottom: 45px;
  padding: 15px 28px;
}
.ssm_sct_base{
  padding: 0 25px;
}
.ssm_sct_base + .ssm_sct_base{
  margin-top: 100px;
}
  .ssm_sct_base .inner{
    max-width: 954px;
    margin: 0 auto;
  }

  .txt_bold{
    font-weight: bold;
  }
  .txt_blue{
    color: #337ab8;
  }
  .txt_skyblue{
    color: #0090ff;
  }
  .txt_gray{
    color: #666666;
  }

  .txt_orange{
    color: #e4570d;
  }
  .lead_pdf_btn{
    max-width: 430px;
    width: 90%;
    height: 70px;
    box-sizing: border-box;
    margin: 0 auto 60px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 30px;
    gap: 18px;
    text-decoration: none;
    border: 1px solid #c3c3c3;

  }
  .lead_pdf_btn img{
    width: 25px;
  }
  .lead_pdf_btn span{
    font-size: 14px;
    color: #337ab8;
  }

  .cmn_mb_txt{
    margin-bottom: 40px;
    line-height: 220%;
  }

  .cmn_ul li{
    position: relative;
    padding-left: 20px;
  }
  .cmn_ul li::before{
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background-color: #337ab8;
    border-radius: 50%;
    left: 0;
    top: 9px;
  }

  .cmn_ul02 li span{
    width: 12px;
    height: 12px;
    background-color: #337ab8;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px -1px 0;
  }
@media print, screen and (max-width: 767px) {
  .cmn-head.no_mv{
    margin-bottom: 30px;
  }
  .ssm_mv_lower{
    margin-bottom: 40px;
  }
  .ssm_title_l{
    font-size: 14px;
    margin-bottom: 20px;
    padding: 10px 22px;
  }
  .ssm_sct_base + .ssm_sct_base{
    margin-top: 30px;
  }
  .lead_pdf_btn span{
    font-size: 12px;
  }
  .cmn_mb_txt{
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 230%;
  }
  .cmn_ul li{
    padding: 0 0 0 16px;

  }
  .cmn_ul li::before {
    width: 10px;
    height: 10px;
    top: 7px;
}
.cmn_ul02 li span{
  width: 10px;
  height: 10px;
}
.lead_pdf_btn{
  padding: 12px 20px;
  font-size: 12px;
  width: 325px;
  gap: 15px;
  margin: 0 auto 30px;

}
.lead_pdf_btn img {
  width: 20px;
}
}

/* page environment index */
.col3_img_txt{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 42px;
}
.page-environment_top-block a.cmn-link-item{
height: 100%;
  border: 1px solid #c3c3c3;
  border-radius: 8px;
  overflow: hidden;
}
.page-environment_top-block .environment_img_wrapper{
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
  .page-environment_top-block .environment_img_wrapper img{
    width: 100%;
  }
.page-environment_top-block a.cmn-link-item .top-dpt-item-name{
  padding: 18px 10px 16px 22px;
}
.page-environment_top .sct_about_environment .ssm_title_l{
  margin-bottom: 34px;
}
.environment-top-ttl{
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  line-height: 220%;
  margin-bottom: 12px;
}
.col3_img_txt .top-dpt-item-ja{
  font-size: 15px;
  font-weight: bold;
  color: #606060;
  color: #000;
}
.col3_img_txt .top-dpt-item-name {
  gap: 10px;
  justify-content: flex-start;
  margin: 0 0;
  padding-top: 15px;
  padding-bottom: 0;
  text-decoration: none;
}

.col3_img_txt a.top-dpt-item-name:hover .cmn-icon-right {
    color: var(--color-blue);
    background-color: var(--color-blue02);
}
.col3_img_txt a.top-dpt-item-name + a.top-dpt-item-name {
  margin-top: 8px;
  padding-top: 0;
}

.txt_content p{
  position: relative;
  font-size: 13px;
  text-align: left;
  line-height: 40px;
  padding: 0 0 0 18px;
}
.txt_content p::before{
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background-color: #337ab8;
  border-radius: 50%;
  left: 0;
  top: 15px;
}
.page-environment_top .statistic2col + .statistic2col{
  margin-top: 80px;
}
.txt_content p + .environment-top-ttl{
  margin: 50px 0 25px 0;
}
.page-environment_top .environment-logo-img{
  width: 271px;
  display: block;
}
.page-environment_top .statistic2col{
  gap: 50px;
  justify-content: space-between;
}
.txt_content span{
  text-align: left;
  display: block;
  line-height: 260%;
  margin-bottom: 22px;
}
.sct_environment-cta-footer{
  margin-top: 100px;
}
  .environment-cta-footer {
    width: 100%;
    max-width: 954px;
    display: grid;
    grid-template-columns: repeat(3, 280px);
    justify-content: space-between;
    margin: 0 auto;
  }
@media (max-width: 992px){
  .col3_img_txt {
    gap: 30px 20px;
  }
  .col3_img_txt .top-dpt-item-name {
    padding-top: 13px;
  }
    .col3_img_txt .top-dpt-item-ja {
      font-size: 12px;
      text-align: left;
    }
  .environment-cta-footer {
    max-width: 920px;
    justify-content: center;
    grid-template-columns: repeat(1, 280px);
    gap: 10px 0;
  }
}
.page-environment_top .sct_environment-cta-footer {
  margin-top: 0px;
}
@media print, screen and (max-width: 767px) {
  .col3_img_txt {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 16px;
  }
  .page-environment_top-block a.cmn-link-item .top-dpt-item-name{
    padding: 13px 5px 13px 10px;
  }
  .col3_img_txt .top-dpt-item-name {
    justify-content: space-between;
    letter-spacing: 0;
  }
  .page-environment_top .sct_about_environment .ssm_title_l{
    margin-bottom: 20px;
  }
  .page-environment_top .statistic2col {
      gap: 0px;
  }
  .page-environment_top .statistic2col + .statistic2col{
    margin-top: 12px;
  }
  .environment-top-ttl{
    font-size: 14px;
    margin-bottom: 14px;
  }
  .txt_content p{
    font-size: 11px;
    line-height: 230%;
    padding: 0 0 0 16px;
  }
  .txt_content p::before{
    width: 10px;
    height: 10px;
    top: 9px;
  }
  .txt_content p + .environment-top-ttl{
    margin: 30px 0 24px 0;
  }
  .page-environment_top .environment-2col02 .txt_content + .txt_content {
    margin-top: 30px;
  }
  .txt_content span{
    font-size: 11px;
  }
}

/* page environment index下部 旧サイトデザイン移行 ---------------------------*/
.header-about-environment {
  background:url(../img/environment/bg_about_env01.png) no-repeat 0 0;
  background-size: contain;
  margin-top: 100px;
}
.wrapper-about-environment {
  background:url(../img/environment/bg_about_env02.png) no-repeat 0 bottom;
  background-size: contain;
  padding: 0 25px 440px;
}
.header-about-environment .contents{
  max-width: 1000px;
  margin: auto;
}
.header-about-environment .content {
  padding: 0 0 45px;
}
.header-about-environment .content-box {
  padding: 10px 18px 5px;
}
.header-about-environment .inner-content-box {
  padding: 15px 14px 25px;
}

.header-about-environment .paragraph {
  color: #666;
  padding: 0 0 0 20px;
}
.header-about-environment .footer-content {
  padding: 60px 0 85px;
}

.header-about-environment *[class^=ttl] {
  color: #004ea1;
  font-weight: bold;
}
.header-about-environment .ttl-h2 {
  font-size: 32px;
  line-height: 1;
  padding: 80px 0 15px 0;
}
.header-about-environment .ttl-h3 {
  font-size: 26px;
  line-height: 130%;
  padding: 0 0 35px 0;
}
.header-about-environment .note {
  color: #e83828;
}
.header-about-environment .content-reach p{
  font-size: 16px;
  line-height: 155%;
}
.header-about-environment .content-reach .mb20{
  margin-bottom: 20px;
}
.header-about-environment .word_wrap {
  overflow-x: auto;
}
  .header-about-environment .word_wrap .fwb{
    width: 700px;
    height: 25px;
  }
  .header-about-environment .word-ja {
    position: relative;
  }
  .header-about-environment .word-ja span:nth-child(1){
    position: absolute;
    top: 0;
    left: 135px;
  }
  .header-about-environment .word-ja span:nth-child(2){
    position: absolute;
    top: 0;
    left: 255px;
  }
  .header-about-environment .word-ja span:nth-child(3){
    position: absolute;
    top: 0;
    left: 420px;
  }
  .header-about-environment .word-ja span:nth-child(4){
    position: absolute;
    top: 0;
    left: 540px;
  }

.header-about-environment .list-dot {
  font-size: 16px;
  line-height: 155%;
  padding: 0;
}
  .header-about-environment .list-dot li{
    padding-left: 12px !important;
    text-indent: -12px;
    color: #666;
    line-height: 160%;
    padding: 0 0 8px;
  }
  .header-about-environment .list-dot li:last-child{
    padding: 0 0 0px;
  }
  .header-about-environment .list-dot li:before{
    content: "･";
    margin-right: 2px;
  }
@media print, screen and (max-width: 767px) {
  .header-about-environment {
    background-position: center 0;
    background-size: 800px;
    margin-top: 50px;
  }
  .wrapper-about-environment {
    padding: 0 25px 170px;
  }
  .header-about-environment .content {
    padding: 0 0 50px;
  }
  .header-about-environment .content-box {
    padding: 10px 18px 5px;
  }
  .header-about-environment .inner-content-box {
    padding: 15px 14px 25px;
  }
  .header-about-environment .paragraph {
    color: #666;
    padding: 0 0 0 0px;
  }
  .header-about-environment .footer-content {
    padding: 60px 0 85px;
  }
  .header-about-environment .ttl-h2 {
    font-size: 22px;
    letter-spacing: 2px;
    padding: 50px 0 20px 0;
  }
  .header-about-environment .ttl-h3 {
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 140%;
    padding: 0 0 20px 0;
  }
  .header-about-environment .content-reach p{
    font-size: 12px;
  }
    .header-about-environment .word-ja span:nth-child(1){
      left: 105px;
    }
    .header-about-environment .word-ja span:nth-child(2){
      position: absolute;
      top: 0;
      left: 195px;
    }
    .header-about-environment .word-ja span:nth-child(3){
      position: absolute;
      top: 0;
      left: 315px;
    }
    .header-about-environment .word-ja span:nth-child(4){
      position: absolute;
      top: 0;
      left: 410px;
    }
  .header-about-environment .list-dot {
    font-size: 12px;
  }
    .header-about-environment .list-dot li{
      padding: 0 0 10px;
    }
}
/* page environment 下層ページ -------------------------------------------------------*/

/* 既存サイトスタイル移行 ↓↓↓↓↓----------------------------------------- */
/* decoration
--------------------------------------------------------------*/
.fll{
  float: left;
}

.flr{
  float: right;
}

.tar{
  text-align: right;
}

.tal{
  text-align: left;
}

.tac{
  text-align: center;
}

.fwb{
  font-weight: bold;
}

.fwn{
  font-weight: normal;
}

.ovh{
  overflow: hidden;
}

.ovv{
  overflow: visible;
}

.clb{
  color:#000;
}

.fs_nrrw {
  letter-spacing: .1px;
}
.dot-text:before {
  content:"・";
  margin-right: 0;
}
.dot-text {
  display: inline-block;
  padding-left: 15px !important;
  text-indent: -15px;
  margin: 0 0 8px;
  line-height: 135%;
  letter-spacing: .1px;
}
.dot-text:first-child {
  padding: 5px 0 0;
}
.dot-text:last-child {
  margin: 0;
  padding: 0 0 5px;
}
/* table
---------------------------------------------------------------------*/
.bowhi,
.bowhi th,
.bowhi td{
  border:solid 1px #fff;
}

.table01 th,
.table02 th,
.table03 th,
.table05 th{
  text-align: center;
  font-weight: bold;
}

.table04 th{
  font-weight: bold;
}

.table01 th,
.table01 td,
.table04 th,
.table04 td{
  padding: 10px;
}

.table02 th,
.table02 td{
  padding: 10px 5px;
}

.table03 th,
.table03 td{
  padding: 3px;
}

.table05 th,
.table05 td{
  padding: 4px;
}

.thgcolor{
  background: #f0f0f0;
}

.trgcolor{
  background: #e5f5ff;
}

.tr-orang-d{
  background: #FDE593;
}

.tr-orang-m{
  background: #FEF8C5;
}

.tr-orang-u{
  background: #FAFCE2;
}

.tr-deep-blue{
  background: #BAE3F9;
}

.tr-deep-skyblue{
  background: #d3e7f4;
}

.tr-orange{
  color: #fff;
  background: #FA762A;
}
.table_list,
.sticky-thead{
  font-size: 12px;
  min-width: 100% !important;
}

.table_list,
.table_list th,
.table_list td,
.sticky-thead th,
.sticky-thead td{
  border:solid 1px #ccc;
  min-width: 60px;
}

.table_list td{
  white-space: nowrap;
}

.sticky-thead th.minwid100,
.table_list th.minwid100{
  min-width: 100px;
}

.sticky-thead th.minwid200,
.table_list th.minwid200{
  min-width: 200px;
}

.sticky-thead th.minwid250,
.table_list th.minwid250{
  min-width: 250px;
}

.table_list th,
.sticky-thead th{
  padding: 3px;
  font-weight: bold;
  background: #f7f7f7;
}
.table_list td,
.sticky-thead td{
  padding: 5px 3px;
}

.setserchs th,
.setserchs td{
  color: #fff;
  font-weight: normal;
  background: #569450;
}
.searchlink,
.searchlink:hover{
  color: #C5363D;
  font-size: 80%;
  text-decoration: underline;
}

.tabletop,
.tabletop td,
.tabletop th{
  border: solid 1px #ccc;
}

.tabletop td,
.tabletop th{
  padding: 5px;
}

.tabletop th{
  background: #e7f4fd;
}

.list_ki{
  background: #F4FAFE;
}
.btn_okiniiri{
  display: block;
  width: 100%;
  height: 41px;
}
.btn_okiniiri.on{
  background: url("../img/common/btn_okini_on.png") no-repeat center center;
}

.btn_okiniiri.off{
  background: url("../img/common/btn_okini_off.png") no-repeat center center;
}

.btn_list_pdf{
  width: 100%;
  height: 41px;
  display: block;
  min-width: 35px;
  background: url("../img/common/ico_pdf_large.png") no-repeat center center;
}

.btn_okiniiri:hover,
.btn_list_pdf:hover{
  filter: alpha( opacity=80 );
  opacity: 0.8;
  -ms-filter: "alpha( opacity=80 )";
}

/*　表
***********************************/
.tbl-iso {
  font-size: 12px;
  letter-spacing: .5px;
  width: 100%;
}
.tbl-iso th,
.tbl-iso td {
  border: 1px solid #cfcfcf;
  padding: 5px 3px 3px;
  line-height: 145%;
}
.tbl-iso th {
  border-top: none;
  font-weight: bold;
  text-align: center;
}
.tbl-iso th:first-child,
.tbl-iso td:first-child {
  border-left: none;
}
.tbl-iso th:last-child,
.tbl-iso td:last-child {
  border-right: none;
}


/* withbox.css *********************/
.box1 {
    width: 1px;
}

.box2 {
    width: 2px;
}

.box3 {
    width: 3px;
}

.box4 {
    width: 4px;
}

.box5 {
    width: 5px;
}

.box6 {
    width: 6px;
}

.box7 {
    width: 7px;
}

.box8 {
    width: 8px;
}

.box9 {
    width: 9px;
}

.box10 {
    width: 10px;
}

.box11 {
    width: 11px;
}

.box12 {
    width: 12px;
}

.box13 {
    width: 13px;
}

.box14 {
    width: 14px;
}

.box15 {
    width: 15px;
}

.box16 {
    width: 16px;
}

.box17 {
    width: 17px;
}

.box18 {
    width: 18px;
}

.box19 {
    width: 19px;
}

.box20 {
    width: 20px;
}

.box21 {
    width: 21px;
}

.box22 {
    width: 22px;
}

.box23 {
    width: 23px;
}

.box24 {
    width: 24px;
}

.box25 {
    width: 25px;
}

.box26 {
    width: 26px;
}

.box27 {
    width: 27px;
}

.box28 {
    width: 28px;
}

.box29 {
    width: 29px;
}

.box30 {
    width: 30px;
}

.box31 {
    width: 31px;
}

.box32 {
    width: 32px;
}

.box33 {
    width: 33px;
}

.box34 {
    width: 34px;
}

.box35 {
    width: 35px;
}

.box36 {
    width: 36px;
}

.box37 {
    width: 37px;
}

.box38 {
    width: 38px;
}

.box39 {
    width: 39px;
}

.box40 {
    width: 40px;
}

.box41 {
    width: 41px;
}

.box42 {
    width: 42px;
}

.box43 {
    width: 43px;
}

.box44 {
    width: 44px;
}

.box45 {
    width: 45px;
}

.box46 {
    width: 46px;
}

.box47 {
    width: 47px;
}

.box48 {
    width: 48px;
}

.box49 {
    width: 49px;
}

.box50 {
    width: 50px;
}

.box51 {
    width: 51px;
}

.box52 {
    width: 52px;
}

.box53 {
    width: 53px;
}

.box54 {
    width: 54px;
}

.box55 {
    width: 55px;
}

.box56 {
    width: 56px;
}

.box57 {
    width: 57px;
}

.box58 {
    width: 58px;
}

.box59 {
    width: 59px;
}

.box60 {
    width: 60px;
}

.box61 {
    width: 61px;
}

.box62 {
    width: 62px;
}

.box63 {
    width: 63px;
}

.box64 {
    width: 64px;
}

.box65 {
    width: 65px;
}

.box66 {
    width: 66px;
}

.box67 {
    width: 67px;
}

.box68 {
    width: 68px;
}

.box69 {
    width: 69px;
}

.box70 {
    width: 70px;
}

.box71 {
    width: 71px;
}

.box72 {
    width: 72px;
}

.box73 {
    width: 73px;
}

.box74 {
    width: 74px;
}

.box75 {
    width: 75px;
}

.box76 {
    width: 76px;
}

.box77 {
    width: 77px;
}

.box78 {
    width: 78px;
}

.box79 {
    width: 79px;
}

.box80 {
    width: 80px;
}

.box81 {
    width: 81px;
}

.box82 {
    width: 82px;
}

.box83 {
    width: 83px;
}

.box84 {
    width: 84px;
}

.box85 {
    width: 85px;
}

.box86 {
    width: 86px;
}

.box87 {
    width: 87px;
}

.box88 {
    width: 88px;
}

.box89 {
    width: 89px;
}

.box90 {
    width: 90px;
}

.box91 {
    width: 91px;
}

.box92 {
    width: 92px;
}

.box93 {
    width: 93px;
}

.box94 {
    width: 94px;
}

.box95 {
    width: 95px;
}

.box96 {
    width: 96px;
}

.box97 {
    width: 97px;
}

.box98 {
    width: 98px;
}

.box99 {
    width: 99px;
}

.box100 {
    width: 100px;
}

.box101 {
    width: 101px;
}

.box102 {
    width: 102px;
}

.box103 {
    width: 103px;
}

.box104 {
    width: 104px;
}

.box105 {
    width: 105px;
}

.box106 {
    width: 106px;
}

.box107 {
    width: 107px;
}

.box108 {
    width: 108px;
}

.box109 {
    width: 109px;
}

.box110 {
    width: 110px;
}

.box111 {
    width: 111px;
}

.box112 {
    width: 112px;
}

.box113 {
    width: 113px;
}

.box114 {
    width: 114px;
}

.box115 {
    width: 115px;
}

.box116 {
    width: 116px;
}

.box117 {
    width: 117px;
}

.box118 {
    width: 118px;
}

.box119 {
    width: 119px;
}

.box120 {
    width: 120px;
}

.box121 {
    width: 121px;
}

.box122 {
    width: 122px;
}

.box123 {
    width: 123px;
}

.box124 {
    width: 124px;
}

.box125 {
    width: 125px;
}

.box126 {
    width: 126px;
}

.box127 {
    width: 127px;
}

.box128 {
    width: 128px;
}

.box129 {
    width: 129px;
}

.box130 {
    width: 130px;
}

.box131 {
    width: 131px;
}

.box132 {
    width: 132px;
}

.box133 {
    width: 133px;
}

.box134 {
    width: 134px;
}

.box135 {
    width: 135px;
}

.box136 {
    width: 136px;
}

.box137 {
    width: 137px;
}

.box138 {
    width: 138px;
}

.box139 {
    width: 139px;
}

.box140 {
    width: 140px;
}

.box141 {
    width: 141px;
}

.box142 {
    width: 142px;
}

.box143 {
    width: 143px;
}

.box144 {
    width: 144px;
}

.box145 {
    width: 145px;
}

.box146 {
    width: 146px;
}

.box147 {
    width: 147px;
}

.box148 {
    width: 148px;
}

.box149 {
    width: 149px;
}

.box150 {
    width: 150px;
}

.box151 {
    width: 151px;
}

.box152 {
    width: 152px;
}

.box153 {
    width: 153px;
}

.box154 {
    width: 154px;
}

.box155 {
    width: 155px;
}

.box156 {
    width: 156px;
}

.box157 {
    width: 157px;
}

.box158 {
    width: 158px;
}

.box159 {
    width: 159px;
}

.box160 {
    width: 160px;
}

.box161 {
    width: 161px;
}

.box162 {
    width: 162px;
}

.box163 {
    width: 163px;
}

.box164 {
    width: 164px;
}

.box165 {
    width: 165px;
}

.box166 {
    width: 166px;
}

.box167 {
    width: 167px;
}

.box168 {
    width: 168px;
}

.box169 {
    width: 169px;
}

.box170 {
    width: 170px;
}

.box171 {
    width: 171px;
}

.box172 {
    width: 172px;
}

.box173 {
    width: 173px;
}

.box174 {
    width: 174px;
}

.box175 {
    width: 175px;
}

.box176 {
    width: 176px;
}

.box177 {
    width: 177px;
}

.box178 {
    width: 178px;
}

.box179 {
    width: 179px;
}

.box180 {
    width: 180px;
}

.box181 {
    width: 181px;
}

.box182 {
    width: 182px;
}

.box183 {
    width: 183px;
}

.box184 {
    width: 184px;
}

.box185 {
    width: 185px;
}

.box186 {
    width: 186px;
}

.box187 {
    width: 187px;
}

.box188 {
    width: 188px;
}

.box189 {
    width: 189px;
}

.box190 {
    width: 190px;
}

.box191 {
    width: 191px;
}

.box192 {
    width: 192px;
}

.box193 {
    width: 193px;
}

.box194 {
    width: 194px;
}

.box195 {
    width: 195px;
}

.box196 {
    width: 196px;
}

.box197 {
    width: 197px;
}

.box198 {
    width: 198px;
}

.box199 {
    width: 199px;
}

.box200 {
    width: 200px;
}

.box201 {
    width: 201px;
}

.box202 {
    width: 202px;
}

.box203 {
    width: 203px;
}

.box204 {
    width: 204px;
}

.box205 {
    width: 205px;
}

.box206 {
    width: 206px;
}

.box207 {
    width: 207px;
}

.box208 {
    width: 208px;
}

.box209 {
    width: 209px;
}

.box210 {
    width: 210px;
}

.box211 {
    width: 211px;
}

.box212 {
    width: 212px;
}

.box213 {
    width: 213px;
}

.box214 {
    width: 214px;
}

.box215 {
    width: 215px;
}

.box216 {
    width: 216px;
}

.box217 {
    width: 217px;
}

.box218 {
    width: 218px;
}

.box219 {
    width: 219px;
}

.box220 {
    width: 220px;
}

.box221 {
    width: 221px;
}

.box222 {
    width: 222px;
}

.box223 {
    width: 223px;
}

.box224 {
    width: 224px;
}

.box225 {
    width: 225px;
}

.box226 {
    width: 226px;
}

.box227 {
    width: 227px;
}

.box228 {
    width: 228px;
}

.box229 {
    width: 229px;
}

.box230 {
    width: 230px;
}

.box231 {
    width: 231px;
}

.box232 {
    width: 232px;
}

.box233 {
    width: 233px;
}

.box234 {
    width: 234px;
}

.box235 {
    width: 235px;
}

.box236 {
    width: 236px;
}

.box237 {
    width: 237px;
}

.box238 {
    width: 238px;
}

.box239 {
    width: 239px;
}

.box240 {
    width: 240px;
}

.box241 {
    width: 241px;
}

.box242 {
    width: 242px;
}

.box243 {
    width: 243px;
}

.box244 {
    width: 244px;
}

.box245 {
    width: 245px;
}

.box246 {
    width: 246px;
}

.box247 {
    width: 247px;
}

.box248 {
    width: 248px;
}

.box249 {
    width: 249px;
}

.box250 {
    width: 250px;
}

.box251 {
    width: 251px;
}

.box252 {
    width: 252px;
}

.box253 {
    width: 253px;
}

.box254 {
    width: 254px;
}

.box255 {
    width: 255px;
}

.box256 {
    width: 256px;
}

.box257 {
    width: 257px;
}

.box258 {
    width: 258px;
}

.box259 {
    width: 259px;
}

.box260 {
    width: 260px;
}

.box261 {
    width: 261px;
}

.box262 {
    width: 262px;
}

.box263 {
    width: 263px;
}

.box264 {
    width: 264px;
}

.box265 {
    width: 265px;
}

.box266 {
    width: 266px;
}

.box267 {
    width: 267px;
}

.box268 {
    width: 268px;
}

.box269 {
    width: 269px;
}

.box270 {
    width: 270px;
}

.box271 {
    width: 271px;
}

.box272 {
    width: 272px;
}

.box273 {
    width: 273px;
}

.box274 {
    width: 274px;
}

.box275 {
    width: 275px;
}

.box276 {
    width: 276px;
}

.box277 {
    width: 277px;
}

.box278 {
    width: 278px;
}

.box279 {
    width: 279px;
}

.box280 {
    width: 280px;
}

.box281 {
    width: 281px;
}

.box282 {
    width: 282px;
}

.box283 {
    width: 283px;
}

.box284 {
    width: 284px;
}

.box285 {
    width: 285px;
}

.box286 {
    width: 286px;
}

.box287 {
    width: 287px;
}

.box288 {
    width: 288px;
}

.box289 {
    width: 289px;
}

.box290 {
    width: 290px;
}

.box291 {
    width: 291px;
}

.box292 {
    width: 292px;
}

.box293 {
    width: 293px;
}

.box294 {
    width: 294px;
}

.box295 {
    width: 295px;
}

.box296 {
    width: 296px;
}

.box297 {
    width: 297px;
}

.box298 {
    width: 298px;
}

.box299 {
    width: 299px;
}

.box300 {
    width: 300px;
}

.box301 {
    width: 301px;
}

.box302 {
    width: 302px;
}

.box303 {
    width: 303px;
}

.box304 {
    width: 304px;
}

.box305 {
    width: 305px;
}

.box306 {
    width: 306px;
}

.box307 {
    width: 307px;
}

.box308 {
    width: 308px;
}

.box309 {
    width: 309px;
}

.box310 {
    width: 310px;
}

.box311 {
    width: 311px;
}

.box312 {
    width: 312px;
}

.box313 {
    width: 313px;
}

.box314 {
    width: 314px;
}

.box315 {
    width: 315px;
}

.box316 {
    width: 316px;
}

.box317 {
    width: 317px;
}

.box318 {
    width: 318px;
}

.box319 {
    width: 319px;
}

.box320 {
    width: 320px;
}

.box321 {
    width: 321px;
}

.box322 {
    width: 322px;
}

.box323 {
    width: 323px;
}

.box324 {
    width: 324px;
}

.box325 {
    width: 325px;
}

.box326 {
    width: 326px;
}

.box327 {
    width: 327px;
}

.box328 {
    width: 328px;
}

.box329 {
    width: 329px;
}

.box330 {
    width: 330px;
}

.box331 {
    width: 331px;
}

.box332 {
    width: 332px;
}

.box333 {
    width: 333px;
}

.box334 {
    width: 334px;
}

.box335 {
    width: 335px;
}

.box336 {
    width: 336px;
}

.box337 {
    width: 337px;
}

.box338 {
    width: 338px;
}

.box339 {
    width: 339px;
}

.box340 {
    width: 340px;
}

.box341 {
    width: 341px;
}

.box342 {
    width: 342px;
}

.box343 {
    width: 343px;
}

.box344 {
    width: 344px;
}

.box345 {
    width: 345px;
}

.box346 {
    width: 346px;
}

.box347 {
    width: 347px;
}

.box348 {
    width: 348px;
}

.box349 {
    width: 349px;
}

.box350 {
    width: 350px;
}

.box351 {
    width: 351px;
}

.box352 {
    width: 352px;
}

.box353 {
    width: 353px;
}

.box354 {
    width: 354px;
}

.box355 {
    width: 355px;
}

.box356 {
    width: 356px;
}

.box357 {
    width: 357px;
}

.box358 {
    width: 358px;
}

.box359 {
    width: 359px;
}

.box360 {
    width: 360px;
}

.box361 {
    width: 361px;
}

.box362 {
    width: 362px;
}

.box363 {
    width: 363px;
}

.box364 {
    width: 364px;
}

.box365 {
    width: 365px;
}

.box366 {
    width: 366px;
}

.box367 {
    width: 367px;
}

.box368 {
    width: 368px;
}

.box369 {
    width: 369px;
}

.box370 {
    width: 370px;
}

.box371 {
    width: 371px;
}

.box372 {
    width: 372px;
}

.box373 {
    width: 373px;
}

.box374 {
    width: 374px;
}

.box375 {
    width: 375px;
    *width: 365px;
}

.box376 {
    width: 376px;
}

.box377 {
    width: 377px;
}

.box378 {
    width: 378px;
}

.box379 {
    width: 379px;
}

.box380 {
    width: 380px;
}

.box381 {
    width: 381px;
}

.box382 {
    width: 382px;
}

.box383 {
    width: 383px;
}

.box384 {
    width: 384px;
}

.box385 {
    width: 385px;
}

.box386 {
    width: 386px;
}

.box387 {
    width: 387px;
}

.box388 {
    width: 388px;
}

.box389 {
    width: 389px;
}

.box390 {
    width: 390px;
}

.box391 {
    width: 391px;
}

.box392 {
    width: 392px;
}

.box393 {
    width: 393px;
}

.box394 {
    width: 394px;
}

.box395 {
    width: 395px;
}

.box396 {
    width: 396px;
}

.box397 {
    width: 397px;
}

.box398 {
    width: 398px;
}

.box399 {
    width: 399px;
}

.box400 {
    width: 400px;
}

.box401 {
    width: 401px;
}

.box402 {
    width: 402px;
}

.box403 {
    width: 403px;
}

.box404 {
    width: 404px;
}

.box405 {
    width: 405px;
}

.box406 {
    width: 406px;
}

.box407 {
    width: 407px;
}

.box408 {
    width: 408px;
}

.box409 {
    width: 409px;
}

.box410 {
    width: 410px;
}

.box411 {
    width: 411px;
}

.box412 {
    width: 412px;
}

.box413 {
    width: 413px;
}

.box414 {
    width: 414px;
}

.box415 {
    width: 415px;
}

.box416 {
    width: 416px;
}

.box417 {
    width: 417px;
}

.box418 {
    width: 418px;
}

.box419 {
    width: 419px;
}

.box420 {
    width: 420px;
}

.box421 {
    width: 421px;
}

.box422 {
    width: 422px;
}

.box423 {
    width: 423px;
}

.box424 {
    width: 424px;
}

.box425 {
    width: 425px;
}

.box426 {
    width: 426px;
}

.box427 {
    width: 427px;
}

.box428 {
    width: 428px;
}

.box429 {
    width: 429px;
}

.box430 {
    width: 430px;
}

.box431 {
    width: 431px;
}

.box432 {
    width: 432px;
}

.box433 {
    width: 433px;
}

.box434 {
    width: 434px;
}

.box435 {
    width: 435px;
}

.box436 {
    width: 436px;
}

.box437 {
    width: 437px;
}

.box438 {
    width: 438px;
}

.box439 {
    width: 439px;
}

.box440 {
    width: 440px;
}

.box441 {
    width: 441px;
}

.box442 {
    width: 442px;
}

.box443 {
    width: 443px;
}

.box444 {
    width: 444px;
}

.box445 {
    width: 445px;
}

.box446 {
    width: 446px;
}

.box447 {
    width: 447px;
}

.box448 {
    width: 448px;
}

.box449 {
    width: 449px;
}

.box450 {
    width: 450px;
}

.box451 {
    width: 451px;
}

.box452 {
    width: 452px;
}

.box453 {
    width: 453px;
}

.box454 {
    width: 454px;
}

.box455 {
    width: 455px;
}

.box456 {
    width: 456px;
}

.box457 {
    width: 457px;
}

.box458 {
    width: 458px;
}

.box459 {
    width: 459px;
}

.box460 {
    width: 460px;
}

.box461 {
    width: 461px;
}

.box462 {
    width: 462px;
}

.box463 {
    width: 463px;
}

.box464 {
    width: 464px;
}

.box465 {
    width: 465px;
}

.box466 {
    width: 466px;
}

.box467 {
    width: 467px;
}

.box468 {
    width: 468px;
}

.box469 {
    width: 469px;
}

.box470 {
    width: 470px;
}

.box471 {
    width: 471px;
}

.box472 {
    width: 472px;
}

.box473 {
    width: 473px;
}

.box474 {
    width: 474px;
}

.box475 {
    width: 475px;
}

.box476 {
    width: 476px;
}

.box477 {
    width: 477px;
}

.box478 {
    width: 478px;
}

.box479 {
    width: 479px;
}

.box480 {
    width: 480px;
}

.box481 {
    width: 481px;
}

.box482 {
    width: 482px;
}

.box483 {
    width: 483px;
}

.box484 {
    width: 484px;
}

.box485 {
    width: 485px;
}

.box486 {
    width: 486px;
}

.box487 {
    width: 487px;
}

.box488 {
    width: 488px;
    *width: 476px;
}

.box489 {
    width: 489px;
}

.box490 {
    width: 490px;
}

.box491 {
    width: 491px;
}

.box492 {
    width: 492px;
}

.box493 {
    width: 493px;
}

.box494 {
    width: 494px;
}

.box495 {
    width: 495px;
}

.box496 {
    width: 496px;
}

.box497 {
    width: 497px;
}

.box498 {
    width: 498px;
}

.box499 {
    width: 499px;
}

.box500 {
    width: 500px;
}

.box501 {
    width: 501px;
}

.box502 {
    width: 502px;
}

.box503 {
    width: 503px;
}

.box504 {
    width: 504px;
}

.box505 {
    width: 505px;
}

.box506 {
    width: 506px;
}

.box507 {
    width: 507px;
}

.box508 {
    width: 508px;
}

.box509 {
    width: 509px;
}

.box510 {
    width: 510px;
}

.box511 {
    width: 511px;
}

.box512 {
    width: 512px;
}

.box513 {
    width: 513px;
}

.box514 {
    width: 514px;
}

.box515 {
    width: 515px;
}

.box516 {
    width: 516px;
}

.box517 {
    width: 517px;
}

.box518 {
    width: 518px;
}

.box519 {
    width: 519px;
}

.box520 {
    width: 520px;
}

.box521 {
    width: 521px;
}

.box522 {
    width: 522px;
}

.box523 {
    width: 523px;
}

.box524 {
    width: 524px;
}

.box525 {
    width: 525px;
}

.box526 {
    width: 526px;
}

.box527 {
    width: 527px;
}

.box528 {
    width: 528px;
}

.box529 {
    width: 529px;
}

.box530 {
    width: 530px;
}

.box531 {
    width: 531px;
}

.box532 {
    width: 532px;
}

.box533 {
    width: 533px;
}

.box534 {
    width: 534px;
}

.box535 {
    width: 535px;
}

.box536 {
    width: 536px;
}

.box537 {
    width: 537px;
}

.box538 {
    width: 538px;
}

.box539 {
    width: 539px;
}

.box540 {
    width: 540px;
}

.box541 {
    width: 541px;
}

.box542 {
    width: 542px;
}

.box543 {
    width: 543px;
}

.box544 {
    width: 544px;
}

.box545 {
    width: 545px;
}

.box546 {
    width: 546px;
}

.box547 {
    width: 547px;
}

.box548 {
    width: 548px;
}

.box549 {
    width: 549px;
}

.box550 {
    width: 550px;
}

.box551 {
    width: 551px;
}

.box552 {
    width: 552px;
}

.box553 {
    width: 553px;
}

.box554 {
    width: 554px;
}

.box555 {
    width: 555px;
}

.box556 {
    width: 556px;
}

.box557 {
    width: 557px;
}

.box558 {
    width: 558px;
}

.box559 {
    width: 559px;
}

.box560 {
    width: 560px;
}

.box561 {
    width: 561px;
}

.box562 {
    width: 562px;
}

.box563 {
    width: 563px;
}

.box564 {
    width: 564px;
}

.box565 {
    width: 565px;
}

.box566 {
    width: 566px;
}

.box567 {
    width: 567px;
}

.box568 {
    width: 568px;
}

.box569 {
    width: 569px;
}

.box570 {
    width: 570px;
}

.box571 {
    width: 571px;
}

.box572 {
    width: 572px;
}

.box573 {
    width: 573px;
}

.box574 {
    width: 574px;
}

.box575 {
    width: 575px;
}

.box576 {
    width: 576px;
}

.box577 {
    width: 577px;
}

.box578 {
    width: 578px;
}

.box579 {
    width: 579px;
}

.box580 {
    width: 580px;
}

.box581 {
    width: 581px;
}

.box582 {
    width: 582px;
}

.box583 {
    width: 583px;
}

.box584 {
    width: 584px;
}

.box585 {
    width: 585px;
}

.box586 {
    width: 586px;
}

.box587 {
    width: 587px;
}

.box588 {
    width: 588px;
}

.box589 {
    width: 589px;
}

.box590 {
    width: 590px;
}

.box591 {
    width: 591px;
}

.box592 {
    width: 592px;
}

.box593 {
    width: 593px;
}

.box594 {
    width: 594px;
}

.box595 {
    width: 595px;
}

.box596 {
    width: 596px;
}

.box597 {
    width: 597px;
}

.box598 {
    width: 598px;
}

.box599 {
    width: 599px;
}

.box600 {
    width: 600px;
}

.box601 {
    width: 601px;
}

.box602 {
    width: 602px;
}

.box603 {
    width: 603px;
}

.box604 {
    width: 604px;
}

.box605 {
    width: 605px;
}

.box606 {
    width: 606px;
}

.box607 {
    width: 607px;
}

.box608 {
    width: 608px;
}

.box609 {
    width: 609px;
}

.box610 {
    width: 610px;
}

.box611 {
    width: 611px;
}

.box612 {
    width: 612px;
}

.box613 {
    width: 613px;
}

.box614 {
    width: 614px;
}

.box615 {
    width: 615px;
}

.box616 {
    width: 616px;
}

.box617 {
    width: 617px;
}

.box618 {
    width: 618px;
}

.box619 {
    width: 619px;
}

.box620 {
    width: 620px;
}

.box621 {
    width: 621px;
}

.box622 {
    width: 622px;
}

.box623 {
    width: 623px;
}

.box624 {
    width: 624px;
}

.box625 {
    width: 625px;
}

.box626 {
    width: 626px;
}

.box627 {
    width: 627px;
}

.box628 {
    width: 628px;
}

.box629 {
    width: 629px;
}

.box630 {
    width: 630px;
}

.box631 {
    width: 631px;
}

.box632 {
    width: 632px;
}

.box633 {
    width: 633px;
}

.box634 {
    width: 634px;
}

.box635 {
    width: 635px;
}

.box636 {
    width: 636px;
}

.box637 {
    width: 637px;
}

.box638 {
    width: 638px;
}

.box639 {
    width: 639px;
}

.box640 {
    width: 640px;
}

.box641 {
    width: 641px;
}

.box642 {
    width: 642px;
}

.box643 {
    width: 643px;
}

.box644 {
    width: 644px;
}

.box645 {
    width: 645px;
}

.box646 {
    width: 646px;
}

.box647 {
    width: 647px;
}

.box648 {
    width: 648px;
}

.box649 {
    width: 649px;
}

.box650 {
    width: 650px;
}

.box651 {
    width: 651px;
}

.box652 {
    width: 652px;
}

.box653 {
    width: 653px;
}

.box654 {
    width: 654px;
}

.box655 {
    width: 655px;
}

.box656 {
    width: 656px;
}

.box657 {
    width: 657px;
}

.box658 {
    width: 658px;
}

.box659 {
    width: 659px;
}

.box660 {
    width: 660px;
}

.box661 {
    width: 661px;
}

.box662 {
    width: 662px;
}

.box663 {
    width: 663px;
}

.box664 {
    width: 664px;
}

.box665 {
    width: 665px;
}

.box666 {
    width: 666px;
}

.box667 {
    width: 667px;
}

.box668 {
    width: 668px;
}

.box669 {
    width: 669px;
}

.box670 {
    width: 670px;
}

.box671 {
    width: 671px;
}

.box672 {
    width: 672px;
}

.box673 {
    width: 673px;
}

.box674 {
    width: 674px;
}

.box675 {
    width: 675px;
}

.box676 {
    width: 676px;
}

.box677 {
    width: 677px;
}

.box678 {
    width: 678px;
}

.box679 {
    width: 679px;
}

.box680 {
    width: 680px;
}

.box681 {
    width: 681px;
}

.box682 {
    width: 682px;
}

.box683 {
    width: 683px;
}

.box684 {
    width: 684px;
}

.box685 {
    width: 685px;
}

.box686 {
    width: 686px;
}

.box687 {
    width: 687px;
}

.box688 {
    width: 688px;
}

.box689 {
    width: 689px;
}

.box690 {
    width: 690px;
}

.box691 {
    width: 691px;
}

.box692 {
    width: 692px;
}

.box693 {
    width: 693px;
}

.box694 {
    width: 694px;
}

.box695 {
    width: 695px;
}

.box696 {
    width: 696px;
}

.box697 {
    width: 697px;
}

.box698 {
    width: 698px;
}

.box699 {
    width: 699px;
}

.box700 {
    width: 700px;
}

.box701 {
    width: 701px;
}

.box702 {
    width: 702px;
}

.box703 {
    width: 703px;
}

.box704 {
    width: 704px;
}

.box705 {
    width: 705px;
}

.box706 {
    width: 706px;
}

.box707 {
    width: 707px;
}

.box708 {
    width: 708px;
}

.box709 {
    width: 709px;
}

.box710 {
    width: 710px;
}

.box711 {
    width: 711px;
}

.box712 {
    width: 712px;
}

.box713 {
    width: 713px;
}

.box714 {
    width: 714px;
}

.box715 {
    width: 715px;
}

.box716 {
    width: 716px;
}

.box717 {
    width: 717px;
}

.box718 {
    width: 718px;
}

.box719 {
    width: 719px;
}

.box720 {
    width: 720px;
}

.box721 {
    width: 721px;
}

.box722 {
    width: 722px;
}

.box723 {
    width: 723px;
}

.box724 {
    width: 724px;
}

.box725 {
    width: 725px;
}

.box726 {
    width: 726px;
}

.box727 {
    width: 727px;
}

.box728 {
    width: 728px;
}

.box729 {
    width: 729px;
}

.box730 {
    width: 730px;
}

.box731 {
    width: 731px;
}

.box732 {
    width: 732px;
}

.box733 {
    width: 733px;
}

.box734 {
    width: 734px;
}

.box735 {
    width: 735px;
}

.box736 {
    width: 736px;
}

.box737 {
    width: 737px;
}

.box738 {
    width: 738px;
}

.box739 {
    width: 739px;
}

.box740 {
    width: 740px;
}

.box741 {
    width: 741px;
}

.box742 {
    width: 742px;
}

.box743 {
    width: 743px;
}

.box744 {
    width: 744px;
}

.box745 {
    width: 745px;
}

.box746 {
    width: 746px;
}

.box747 {
    width: 747px;
}

.box748 {
    width: 748px;
}

.box749 {
    width: 749px;
}

.box750 {
    width: 750px;
}

.box751 {
    width: 751px;
}

.box752 {
    width: 752px;
}

.box753 {
    width: 753px;
}

.box754 {
    width: 754px;
}

.box755 {
    width: 755px;
}

.box756 {
    width: 756px;
}

.box757 {
    width: 757px;
}

.box758 {
    width: 758px;
}

.box759 {
    width: 759px;
}

.box760 {
    width: 760px;
}

.box761 {
    width: 761px;
}

.box762 {
    width: 762px;
}

.box763 {
    width: 763px;
}

.box764 {
    width: 764px;
}

.box765 {
    width: 765px;
}

.box766 {
    width: 766px;
}

.box767 {
    width: 767px;
}

.box768 {
    width: 768px;
}

.box769 {
    width: 769px;
}

.box770 {
    width: 770px;
}

.box771 {
    width: 771px;
}

.box772 {
    width: 772px;
}

.box773 {
    width: 773px;
}

.box774 {
    width: 774px;
}

.box775 {
    width: 775px;
}

.box776 {
    width: 776px;
}

.box777 {
    width: 777px;
}

.box778 {
    width: 778px;
}

.box779 {
    width: 779px;
}

.box780 {
    width: 780px;
}

.box781 {
    width: 781px;
}

.box782 {
    width: 782px;
}

.box783 {
    width: 783px;
}

.box784 {
    width: 784px;
}

.box785 {
    width: 785px;
}

.box786 {
    width: 786px;
}

.box787 {
    width: 787px;
}

.box788 {
    width: 788px;
}

.box789 {
    width: 789px;
}

.box790 {
    width: 790px;
}

.box791 {
    width: 791px;
}

.box792 {
    width: 792px;
}

.box793 {
    width: 793px;
}

.box794 {
    width: 794px;
}

.box795 {
    width: 795px;
}

.box796 {
    width: 796px;
}

.box797 {
    width: 797px;
}

.box798 {
    width: 798px;
}

.box799 {
    width: 799px;
}

.box800 {
    width: 800px;
}

.box801 {
    width: 801px;
}

.box802 {
    width: 802px;
}

.box803 {
    width: 803px;
}

.box804 {
    width: 804px;
}

.box805 {
    width: 805px;
}

.box806 {
    width: 806px;
}

.box807 {
    width: 807px;
}

.box808 {
    width: 808px;
}

.box809 {
    width: 809px;
}

.box810 {
    width: 810px;
}

.box811 {
    width: 811px;
}

.box812 {
    width: 812px;
}

.box813 {
    width: 813px;
}

.box814 {
    width: 814px;
}

.box815 {
    width: 815px;
}

.box816 {
    width: 816px;
}

.box817 {
    width: 817px;
}

.box818 {
    width: 818px;
}

.box819 {
    width: 819px;
}

.box820 {
    width: 820px;
}

.box821 {
    width: 821px;
}

.box822 {
    width: 822px;
}

.box823 {
    width: 823px;
}

.box824 {
    width: 824px;
}

.box825 {
    width: 825px;
}

.box826 {
    width: 826px;
}

.box827 {
    width: 827px;
}

.box828 {
    width: 828px;
}

.box829 {
    width: 829px;
}

.box830 {
    width: 830px;
}

.box831 {
    width: 831px;
}

.box832 {
    width: 832px;
}

.box833 {
    width: 833px;
}

.box834 {
    width: 834px;
}

.box835 {
    width: 835px;
}

.box836 {
    width: 836px;
}

.box837 {
    width: 837px;
}

.box838 {
    width: 838px;
}

.box839 {
    width: 839px;
}

.box840 {
    width: 840px;
}

.box841 {
    width: 841px;
}

.box842 {
    width: 842px;
}

.box843 {
    width: 843px;
}

.box844 {
    width: 844px;
}

.box845 {
    width: 845px;
}

.box846 {
    width: 846px;
}

.box847 {
    width: 847px;
}

.box848 {
    width: 848px;
}

.box849 {
    width: 849px;
}

.box850 {
    width: 850px;
}

.box851 {
    width: 851px;
}

.box852 {
    width: 852px;
}

.box853 {
    width: 853px;
}

.box854 {
    width: 854px;
}

.box855 {
    width: 855px;
}

.box856 {
    width: 856px;
}

.box857 {
    width: 857px;
}

.box858 {
    width: 858px;
}

.box859 {
    width: 859px;
}

.box860 {
    width: 860px;
}

.box861 {
    width: 861px;
}

.box862 {
    width: 862px;
}

.box863 {
    width: 863px;
}

.box864 {
    width: 864px;
}

.box865 {
    width: 865px;
}

.box866 {
    width: 866px;
}

.box867 {
    width: 867px;
}

.box868 {
    width: 868px;
}

.box869 {
    width: 869px;
}

.box870 {
    width: 870px;
}

.box871 {
    width: 871px;
}

.box872 {
    width: 872px;
}

.box873 {
    width: 873px;
}

.box874 {
    width: 874px;
}

.box875 {
    width: 875px;
}

.box876 {
    width: 876px;
}

.box877 {
    width: 877px;
}

.box878 {
    width: 878px;
}

.box879 {
    width: 879px;
}

.box880 {
    width: 880px;
}

.box881 {
    width: 881px;
}

.box882 {
    width: 882px;
}

.box883 {
    width: 883px;
}

.box884 {
    width: 884px;
}

.box885 {
    width: 885px;
}

.box886 {
    width: 886px;
}

.box887 {
    width: 887px;
}

.box888 {
    width: 888px;
}

.box889 {
    width: 889px;
}

.box890 {
    width: 890px;
}

.box891 {
    width: 891px;
}

.box892 {
    width: 892px;
}

.box893 {
    width: 893px;
}

.box894 {
    width: 894px;
}

.box895 {
    width: 895px;
}

.box896 {
    width: 896px;
}

.box897 {
    width: 897px;
}

.box898 {
    width: 898px;
}

.box899 {
    width: 899px;
}

.box900 {
    width: 900px;
}

.box901 {
    width: 901px;
}

.box902 {
    width: 902px;
}

.box903 {
    width: 903px;
}

.box904 {
    width: 904px;
}

.box905 {
    width: 905px;
}

.box906 {
    width: 906px;
}

.box907 {
    width: 907px;
}

.box908 {
    width: 908px;
}

.box909 {
    width: 909px;
}

.box910 {
    width: 910px;
}

.box911 {
    width: 911px;
}

.box912 {
    width: 912px;
}

.box913 {
    width: 913px;
}

.box914 {
    width: 914px;
}

.box915 {
    width: 915px;
}

.box916 {
    width: 916px;
}

.box917 {
    width: 917px;
}

.box918 {
    width: 918px;
}

.box919 {
    width: 919px;
}

.box920 {
    width: 920px;
}

.box921 {
    width: 921px;
}

.box922 {
    width: 922px;
}

.box923 {
    width: 923px;
}

.box924 {
    width: 924px;
}

.box925 {
    width: 925px;
}

.box926 {
    width: 926px;
}

.box927 {
    width: 927px;
}

.box928 {
    width: 928px;
}

.box929 {
    width: 929px;
}

.box930 {
    width: 930px;
}

.box931 {
    width: 931px;
}

.box932 {
    width: 932px;
}

.box933 {
    width: 933px;
}

.box934 {
    width: 934px;
}

.box935 {
    width: 935px;
}

.box936 {
    width: 936px;
}

.box937 {
    width: 937px;
}

.box938 {
    width: 938px;
}

.box939 {
    width: 939px;
}

.box940 {
    width: 940px;
}

.box941 {
    width: 941px;
}

.box942 {
    width: 942px;
}

.box943 {
    width: 943px;
}

.box944 {
    width: 944px;
}

.box945 {
    width: 945px;
}

.box946 {
    width: 946px;
}

.box947 {
    width: 947px;
}

.box948 {
    width: 948px;
}

.box949 {
    width: 949px;
}

.box950 {
    width: 950px;
}

.box951 {
    width: 951px;
}

.box952 {
    width: 952px;
}

.box953 {
    width: 953px;
}

.box954 {
    width: 954px;
}

.box955 {
    width: 955px;
}

.box956 {
    width: 956px;
}

.box957 {
    width: 957px;
}

.box958 {
    width: 958px;
}

.box959 {
    width: 959px;
}

.box960 {
    width: 960px;
}

.box961 {
    width: 961px;
}

.box962 {
    width: 962px;
}

.box963 {
    width: 963px;
}

.box964 {
    width: 964px;
}

.box965 {
    width: 965px;
}

.box966 {
    width: 966px;
}

.box967 {
    width: 967px;
}

.box968 {
    width: 968px;
}

.box969 {
    width: 969px;
}

.box970 {
    width: 970px;
}

.box971 {
    width: 971px;
}

.box972 {
    width: 972px;
}

.box973 {
    width: 973px;
}

.box974 {
    width: 974px;
}

.box975 {
    width: 975px;
}

.box976 {
    width: 976px;
}

.box977 {
    width: 977px;
}

.box978 {
    width: 978px;
}

.box979 {
    width: 979px;
}

.box980 {
    width: 980px;
}

.box981 {
    width: 981px;
}

.box982 {
    width: 982px;
}

.box983 {
    width: 983px;
}

.box984 {
    width: 984px;
}

.box985 {
    width: 985px;
}

.box986 {
    width: 986px;
}

.box987 {
    width: 987px;
}

.box988 {
    width: 988px;
}

.box989 {
    width: 989px;
}

.box990 {
    width: 990px;
}

.box991 {
    width: 991px;
}

.box992 {
    width: 992px;
}

.box993 {
    width: 993px;
}

.box994 {
    width: 994px;
}

.box995 {
    width: 995px;
}

.box996 {
    width: 996px;
}

.box997 {
    width: 997px;
}

.box998 {
    width: 998px;
}

.box999 {
    width: 999px;
}

.box1000 {
    width: 1000px;
}

/*% max100%*/
.box1per {
    width: 1%;
}

.box2per {
    width: 2%;
}

.box3per {
    width: 3%;
}

.box4per {
    width: 4%;
}

.box5per {
    width: 5%;
}

.box6per {
    width: 6%;
}

.box7per {
    width: 7%;
}

.box8per {
    width: 8%;
}

.box9per {
    width: 9%;
}

.box10per {
    width: 10%;
}

.box11per {
    width: 11%;
}

.box12per {
    width: 12%;
}

.box13per {
    width: 13%;
}

.box14per {
    width: 14%;
}

.box15per {
    width: 15%;
}

.box16per {
    width: 16%;
}

.box17per {
    width: 17%;
}

.box18per {
    width: 18%;
}

.box19per {
    width: 19%;
}

.box20per {
    width: 20%;
}

.box21per {
    width: 21%;
}

.box22per {
    width: 22%;
}

.box23per {
    width: 23%;
}

.box24per {
    width: 24%;
}

.box25per {
    width: 25%;
}

.box26per {
    width: 26%;
}

.box27per {
    width: 27%;
}

.box28per {
    width: 28%;
}

.box29per {
    width: 29%;
}

.box30per {
    width: 30%;
}

.box31per {
    width: 31%;
}

.box32per {
    width: 32%;
}

.box33per {
    width: 33%;
}

.box34per {
    width: 34%;
}

.box35per {
    width: 35%;
}

.box36per {
    width: 36%;
}

.box37per {
    width: 37%;
}

.box38per {
    width: 38%;
}

.box39per {
    width: 39%;
}

.box40per {
    width: 40%;
}

.box41per {
    width: 41%;
}

.box42per {
    width: 42%;
}

.box43per {
    width: 43%;
}

.box44per {
    width: 44%;
}

.box45per {
    width: 45%;
}

.box46per {
    width: 46%;
}

.box47per {
    width: 47%;
}

.box48per {
    width: 48%;
}

.box49per {
    width: 49%;
}

.box50per {
    width: 50%;
}

.box51per {
    width: 51%;
}

.box52per {
    width: 52%;
}

.box53per {
    width: 53%;
}

.box54per {
    width: 54%;
}

.box55per {
    width: 55%;
}

.box56per {
    width: 56%;
}

.box57per {
    width: 57%;
}

.box58per {
    width: 58%;
}

.box59per {
    width: 59%;
}

.box60per {
    width: 60%;
}

.box61per {
    width: 61%;
}

.box62per {
    width: 62%;
}

.box63per {
    width: 63%;
}

.box64per {
    width: 64%;
}

.box65per {
    width: 65%;
}

.box66per {
    width: 66%;
}

.box67per {
    width: 67%;
}

.box68per {
    width: 68%;
}

.box69per {
    width: 69%;
}

.box70per {
    width: 70%;
}

.box71per {
    width: 71%;
}

.box72per {
    width: 72%;
}

.box73per {
    width: 73%;
}

.box74per {
    width: 74%;
}

.box75per {
    width: 75%;
}

.box76per {
    width: 76%;
}

.box77per {
    width: 77%;
}

.box78per {
    width: 78%;
}

.box79per {
    width: 79%;
}

.box80per {
    width: 80%;
}

.box81per {
    width: 81%;
}

.box82per {
    width: 82%;
}

.box83per {
    width: 83%;
}

.box84per {
    width: 84%;
}

.box85per {
    width: 85%;
}

.box86per {
    width: 86%;
}

.box87per {
    width: 87%;
}

.box88per {
    width: 88%;
}

.box89per {
    width: 89%;
}

.box90per {
    width: 90%;
}

.box91per {
    width: 91%;
}

.box92per {
    width: 92%;
}

.box93per {
    width: 93%;
}

.box94per {
    width: 94%;
}

.box95per {
    width: 95%;
}

.box96per {
    width: 96%;
}

.box97per {
    width: 97%;
}

.box98per {
    width: 98%;
}

.box99per {
    width: 99%;
}

.box100per {
    width: 100%;
}
/* // withbox.css *********************/

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
}
.clear {
    clear: both;
}

/* 技術情報 リニューアル共通
********************************************************************/
#tech .pos_rel{
  position:relative;
}
#tech .disp_bl{
  display:block;
}
#tech .none{
  display:none;
}
#tech .m_side_auto{
  margin:0 auto;

}
#tech .rightbox a{
  text-decoration:underline;
}
#tech .rightbox a:hover{
  text-decoration:none;
}
#tech div#eyecath_box {
  float:left;
  width:100%;
  background:url(../img/page/renewal_tech/tech_top_eyecatch.jpg) no-repeat 0 0;
  position:relative;
  min-height:176px;
}
#tech div#eyecath_box  h1{
  top:32%;
  left:25px;
  color:#fff;
  position:absolute;
  font-size:33px;
}
#tech .h1box h1 {
  font-size: 32px;
  font-weight: normal;
  background: none;
  padding-left: 0px;
  margin-top: 10px;
  margin-bottom: 5px;
}
#tech .title_h2_box{
  color:#333;
  font-size:18px;
  background:#eee url(../img/page/renewal_company/title_bgicon.png) no-repeat 0 50% ;
}
#tech .ttlh3{
  font-size:18px;
  background:#c1dff5;
}
#tech .sales_offices{
  border:1px solid #cfcfcf;
  border-left:none;
  border-bottom:none;
}
#tech .sales_offices tr td{
  border-left:1px solid #cfcfcf;
  border-bottom:1px solid #cfcfcf;
}
#tech .sales_offices tr td dl dt{
  float:left;
}
#tech .sales_offices tr td dl dd{
  float:left;
}
#tech .sales_offices tr td .wba{
  word-break:break-all;
}
@-moz-document url-prefix() {
}
#tech .sales_offices .mapbtn a{
  color: #f18440;
  width: 100%;
  display: block;
  font-weight: bold;
  line-height: 30px;
  background: #ffdfcb;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  text-align: center;
  text-decoration: none;
}
#tech .sales_offices tr.trlbcolor{
  background:#c1dff5;
}
#tech .sales_offices tr td p.mapbtn{
  margin:0 auto;
}
#tech .sales_offices tr td p.mapbtn a{
  background:#ffdfcb;
}
#tech .h1box #sales_offices a span{
  color:#fff;
  display:block;
  font-weight:bold;
  background:#b9b9b9;
}
#tech  .h1box #sales_offices a span:hover{
  background:#00499f;
}
#tech .tabbox .tab li{
  color: #fff;
  width:95px;
  background: #b9b9b9;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
#tech .tabbox .tab li.active{
  color: #fff;
  background: #00499f;
}
#tech #info_session_list tr td,
#tech #info_session_list tr th{
  border-bottom:1px dashed #a9a9a9;
}
#tech #info_session_list tr th{
  font-weight:bold;
}
#tech .foreign_table,
#tech .foreign_table tr th,
#tech .foreign_table tr td{
  border:none;
}
#tech .foreign_table tr td{
  vertical-align:top;
}
#tech .foreign_table tr th{
  color:#004ea1;
  font-size:18px;
  font-weight:bold;
  background:transparent;
  border-bottom:1px solid #004ea1;
}
#tech .foreign_table tr.trlbcolor{
  background:transparent;
}
#tech .foreign_table tr.brb{
  border-bottom:1px solid #bfbfbf;
}

/* 技術情報 サイドメニュー
********************************************************************/
#tech .accordion span ul li.active a,
#tech .accordion span ul li:hover a{
    /*color: #ea732a;*/
    color: #333;
}



/* 技術情報 背景色
********************************************************************/
#tech .light_bl_box{
  background:#e2f4fd;
}
#tech .light_g_bg{
  background:#f0f0f0;
}
#tech .gb{
  background:#e9e9e9;
}
#tech .blw{
  background:#ddf4ff;
}
#tech .grb{
  background:#c7ecd8;
}
#tech .tech_bgb{
  background:#28a7e1;
}


/* 技術情報 テキスト
********************************************************************/
#tech .dbrue_text{
  color:#004ea1;
}
#tech .text_b{
  color:#337ab8;
}
#tech .text_o{
  color:#f07c00;
}
#tech .text_w{
  color:#fff;
}
#tech .text_r{
  color:#e42141;
}
#tech .text_bl{
  color:#2b2b2b;
}
#tech .f14{
  font-size:14px;
}
#tech .f15{
  font-size:15px;
}
#tech .f16{
  font-size:16px;
}
#tech .f17{
  font-size:17px;
}
#tech .f18{
  font-size:18px;
}
#tech .f25{
  font-size:25px !important;
}
#tech .f27{
  font-size:27px !important;
}
#tech .f28{
  font-size:28px !important;
}
#tech .f30{
  font-size:30px !important;
}#tech .h1_small_text{
  font-size:18px;
  vertical-align: text-bottom;
}

#tech .mini2{
  line-height: 13px !important;
}
#tech .row3{
  line-height: 10px !important;
}
#tech .row3_en{
  line-height: 15px !important;
}

#tech .ls1{
  letter-spacing:0.1px;
}
#tech .ls8{
  letter-spacing:0.8px;
}
#tech .lh19{
  line-height:19px !important;
}
#tech .lh26{
  line-height:26px !important;
}

#tech .vl_t{
  vertical-align:top;
}
#tech .lh30{
  line-height:30px;

}

/* 技術情報 枠線
********************************************************************/
#tech .bb{
  border-bottom: 1px dotted #333333;
}
#tech .img_bb{
  border:1px solid #c2c2c2;
}
#tech .title_h3_box{
  border:1px solid #a0a0a0;
}
#tech .bl_box{
  border:2px solid #337AB8;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
#tech .br_box{
  border:2px solid #e42141;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
#tech .dbl_box{
  border:2px solid #1697fb;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
#tech .bsb{
  border:1px solid #979797;
}


/* 技術情報 リニューアルTOP
********************************************************************/
#tech .tech_ul li{
  background: url(../img/page/renewal_tech/list_arrow_bt.png) no-repeat 0px 0px;
  padding:0 0 9px 22px;
}
#tech .tech_ul li.sub{
  background: none;
  padding:0 0 3px 32px;
}
#tech .tech_ul li.sub{
}
#tech .tech_ul li.sub02{
  background: url(../img/page/renewal_tech/list_arrow_bt.png) no-repeat 0px 0px;
  margin:0px 0px 0px 20px;
  padding:0 0 5px 22px;
}
#tech .tech_ul li.lh16{
  line-height: 18px !important;
}
#tech .tech_ul li.title02{
  background: none;
  padding:0 0 8px 0px;
}



/* 技術情報 ノウハウ　共通
********************************************************************/
#tech .tech_posfirt span.open{
  background: url("../img/tech/technical_faq/tech_faq_open.jpg") no-repeat 98% 55%;
}
#tech .tech_posfirt span.close{
  background: url("../img/tech/technical_faq/tech_faq_close.jpg") no-repeat 98% 55%;
}
#tech .question_icon{
  font-size:18px;
  color:#337ab8;
  font-weight:bold;
}
#tech .answer_icon{
  font-size:18px;
  color:#e57800;
  font-weight:bold;
  vertical-align: top;
}


/* 技術情報 ノウハウ　1
********************************************************************/
#tech .e_series_box{
  background:url(../img/page/renewal_tech/tech_know-how_01_05.png) no-repeat 0 0;
  position:absolute;
  top:24px;
  left: -44px;
  width:44px;
  height:54px;
}


/* 技術情報 ノウハウ　3
********************************************************************/
#tech #hukidasi01_box{
  width: 236px;
  height: 153px;
  position: absolute;
  background: url(../img/tech/know_how_03/tech_know-how_03_01.png) no-repeat 0 0;
  top: -31px;
  right: -105px;
}
#tech #hukidasi02_box{
  width: 243px;
  height: 149px;
  position: absolute;
  background: url(../img/tech/know_how_03/tech_know-how_03_03.png) no-repeat 0 0;
  top: 45px;
  right: -225px;
}
#tech .tech_top_arrow{
  width: 23px;
  height: 19px;
  position: absolute;
  background: url(../img/tech/know_how_03/tech_know-how_03_06.png) no-repeat 0 0;
  top: -18px;
  left: 25px;
}


/* 技術情報 ノウハウ　4
********************************************************************/
#tech .big_arr{
  background: url(../img/tech/know_how_04/tech_know-how_04_02.png) no-repeat 0 0;
  width:204px;
  height:87px;
}
#tech .tech_bg{
  background: url(../img/tech/know_how_04/tech_know-how_04_03.png) no-repeat 115px 110px;

}


/* 技術情報 ノウハウ　5
********************************************************************/
#tech #tr_text01{
  position:absolute;
  top: 9px;
  left: 224px;
}
.eng #tech #tr_text01 {
  top: 8px;
  left: 182px;
}

#tech #tr_text02{
  position:absolute;
  top: 258px;
  left: 8px;
}
.eng #tech #tr_text02 {
  top: 259px;
  left: 23px;
}
#tech #tr_text03{
  position:absolute;
  top: 259px;
  left: 300px;
}
.eng #tech #tr_text03{
  top: 251px;
  left: 230px;
}
#tech #tr_text04{
  position:absolute;
  top: 4px;
  left: 78px;
}
#tech #tr_text05{
  position:absolute;
  top: 39px;
  left: 62px;
}
.eng #tech #tr_text05{
  top: 39px;
  left: 50px;
}
#tech #tr_text06{
  position:absolute;
  top: 72px;
  left: 74px;
}
.eng #tech #tr_text06{
  left: 39px;
}
#tech #tr_text07{
  position:absolute;
  top: 113px;
  left: 30px;
}
#tech #tr_text07{
  left: 0px;
}
#tech #tr_text08{
  position:absolute;
  top: 23px;
  left: 177px;
  width:180px;
}
#tech #tr_text09{
  position:absolute;
  top: 175px;
  left: 32px;
}
#tech #tr_text10{
  position:absolute;
  top: 75px;
  left: 176px;
  width:186px;
}
.ls1{
  letter-spacing:1px;
}

/* 技術情報 ノウハウ　7
********************************************************************/
#tech #tech_know_how07_text01{
  position:absolute;
  top: 20px;
  left: 314px;
  color:#fff;
  line-height: 160%;
}
#tech #tech_know_how07_text02{
  position:absolute;
  top: 113px;
  left: 300px;
  color:#fff;
  line-height: 160%;
}
.eng #tech #tech_know_how07_text01{
  position:absolute;
  top: 12px;
  left: 314px;
  color:#fff;
}
.eng #tech #tech_know_how07_text02{
  position:absolute;
  top: 119px;
  left: 300px;
  color:#fff;
}


/* 技術情報 ノウハウ　8
********************************************************************/
#tech .down_arrow{
  background: url(../img/tech/know_how_08/tech_know-how_08_06.png) no-repeat 195px 28px;
}
#tech .know_how_08_box01{
  background: url(../img/tech/know_how_08/tech_know-how_08_03.png) no-repeat 463px 78px;
}
#tech #know_how08_text01{
  position:absolute;
  top: 32px;
  left: 20px;
  font-size: 13px;
  line-height: 160%;
}
#tech #know_how08_text02{
  position:absolute;
  top: 22px;
  left: 265px;
  font-size: 13px;
  line-height: 160%;
}


/* 技術情報 アプリケーション例　共通
********************************************************************/
.tbl_ap_ex{
  border:1px solid #a5a5a5;
  border-bottom:none;
}
.wrap_ap_tbl{
  border:1px solid #a5a5a5;
}
.tb_ap_tbl{
  border-bottom:1px solid #a5a5a5;
}
.tr_ap_tbl{
  border-right:1px solid #a5a5a5;
}
.tl_ap_tbl{
  border-left:1px solid #a5a5a5;
}
.tt_ap_tbl{
  border-top:1px solid #a5a5a5;
}

.tbl_ap_ex td{
  /*border:1px solid #a5a5a5;*/
  letter-spacing:0.1px;
}
.text_db{
  color:#1697fb;

}
.lght_b_bg{
  background:#e7f5ff;
}
.lght_o_bg{
  background:#fff8e1;
}
.lght_g_bg{
  background:#f2f2f2;
}
.dt_b_line{
  border-bottom:1px dotted #999 !important;
}
.dt_s_line{
  border-bottom:1px solid #dfdfdf !important;
}
.s_line{
  border-bottom:1px solid #a5a5a5;
}
.bl_line{
  background:#e7f5ff url(../img/tech/rep-appli-ac/tech_ap_tl_bg.jpg) repeat-y 0 0;
}

#tech .rightbox .tbl_ap_ex a{
  text-decoration:none;
}
#tech .rightbox .tbl_ap_ex a:hover{
  text-decoration:underline;
}




/* 技術情報 1.車載関連
********************************************************************/
.tech_ac_text01{
  position:absolute;
  top: 64px;
  left: 248px;
}
.tech_ac_text02{
  position:absolute;
  top: 118px;
  left: 35px;
}
.tech_ac_text03{
  position:absolute;
  top: 364px;
  left: 41px;
}
.tech_ac_text04{
  position:absolute;
  top: 348px;
  left: 516px;
}
.tech_ac_text05{
  position:absolute;
  top: 76px;
  left: 600px;
}


.eng .tech_ac_text01{
  position:absolute;
  top: 93px;
  left: 210px;
    letter-spacing:0.1px;
    line-height:15px;
}
.eng .tech_ac_text02{
  position:absolute;
  top: 156px;
  left: 55px;
}
.eng .tech_ac_text03{
  position:absolute;
  top: 400px;
  left: 51px;
    letter-spacing:0.1px;
    line-height:15px;
}
.eng .tech_ac_text04{
  position:absolute;
  top: 383px;
  left: 533px;
}
.eng .tech_ac_text05{
  position:absolute;
  top: 118px;
  left: 595px;
}


/* 技術情報 2.FA・ロボット関連
********************************************************************/
.tech_fa_text01{
  position:absolute;
  top: 81px;
  left: 19px;
}
.tech_fa_text02{
  position:absolute;
  top: 261px;
  left: 38px;
}
.tech_fa_text03{
  position:absolute;
  top: 325px;
  left: 168px;
}
.tech_fa_text04{
  position:absolute;
  top: 343px;
  left: 425px;
}
.tech_fa_text05{
  position:absolute;
  top: 122px;
  left: 434px;
}
.tech_fa_text06{
  position:absolute;
  top: 119px;
  left: 665px;
}


.eng .tech_fa_text01{
  position:absolute;
  top: 85px;
  left: 13px;
  letter-spacing:0.1px;
}
.eng .tech_fa_text02{
  position:absolute;
  top: 265px;
  left: 23px;
  letter-spacing:0.1px;
}
.eng .tech_fa_text03{
  position:absolute;
  top: 331px;
  left: 147px;
  letter-spacing: -0.2px;
  line-height:15px;
}
.eng .tech_fa_text04{
  position:absolute;
  top: 345px;
  left: 406px;
  letter-spacing:0.1px;
}
.eng .tech_fa_text05{
  position:absolute;
  top: 125px;
  left: 402px;
  letter-spacing:0.1px;
}
.eng .tech_fa_text06{
  position:absolute;
  top: 125px;
  left: 628px;
  letter-spacing: -0.2px;
  line-height:15px;
}


/* 技術情報 3.計測装置・医療機器関連
********************************************************************/
.tech_mi_text01{
  position:absolute;
  top: 96px;
  left: 100px;
}
.tech_mi_text02{
  position:absolute;
  top: 208px;
  left: 255px;
}

.eng .tech_mi_text01{
  position:absolute;
  top: 105px;
  left: 92px;
  letter-spacing:0.1px;
  line-height:15px;
}
.eng .tech_mi_text02{
  position:absolute;
  top: 222px;
  left: 252px;
  letter-spacing:0.1px;
  line-height:15px;
}


#tech .root_o{
  background:url(../img/page/renewal_tech/root_o.png) no-repeat -2px 5px;
  width:35px;
}

#tech .root_b{
  background:url(../img/tech/know_how_03/root_b.png) no-repeat -2px 5px;
  width:45px;
}
#tech .root_black{
  display: inline-block;
  background:url(../img/tech/technical_faq/root_black.png) no-repeat 0px 9px;
  width:60px;
  padding-left: 11px;
}

/*highfrequencychip
********************************************************************/
.img_left {
    margin-right: auto;
  padding:30px 0px 40px 0px;
}

.img_left02 {
    margin-right: auto;
  padding:30px 0px 0px 0px;
}

.text_o{
  color: #f18441;
  font-weight:bold;
}

table.highfrequencychip01 {
  border-collapse: collapse;
  border: solid 1px #cccccc;
  padding::20px 20px;

}
table.highfrequencychip01 th  {
  background: #efefef;
  border: solid 1px #cccccc;
  font-weight:  bold;
  text-align: center;
  padding: 20px 20px;
  padding: 5px 10px;
}
table.highfrequencychip01 td {
  border: solid 1px #cccccc;
  text-align: center;
  padding: 20px 20px;
  padding: 5px 10px;
}



/* product シリーズ　表
***********************************************************/
.table_series{
  margin: 0 !important;
  padding: 0 !important;
}

.table_serie_srh th{
  color: #fff;
  border: solid 1px #ccc;
  padding: 5px;
  background: #333333;
}

.table_series a{
  color: #fff;
  width: 100%;
  display: block;
  padding: 5px;
}

.table_series1 a{
  background: #937eb9 !important;
}

.table_series2 a{
  background: #888d00 !important;
}

.table_series4 a{
  background: #f1bf22 !important;
}

.table_series5 a{
  background: #e77d53 !important;
}

.table_series6 a{
  background: #f09084 !important;
}

.table_series7 a{
  background: #67ae28 !important;
}

/* product table
***********************************************************/
.pd_lbox{
  float:left;
}

.pd_lbox th,
.pd_lbox td{
  border: 1px #666 solid;
}

#tech .table03 th,
#tech .table03 td{
  border: 1px #7BABB7 solid;
}

#tech .thx th{
  border: 1px #3A8894 solid;
}

.table-c01,
.table-c02,
.table-c03,
.table-c04,
.table-c05,
.table-c06{
  font-size: 11px;
  line-height: 14px;
  border-top-style: hidden;
  border-left-style: hidden;
  border-right-style: hidden;
}

.pd_lbox .table03 th,
#tech .table03 th{
  padding: 0;
  letter-spacing: 0;
}

.pd_lbox .table03 td,
.pd_lbox .table05 td,
#tech .table03 td,
#tech .table05 td{
  padding: 0;
  text-align: center;
  letter-spacing: -0.8px;
}
.pd_lbox .table03 th:last-child,
.pd_lbox .table03 td:last-child{
  border-right: none;
}
.pd_lbox .table05 th{
  padding: 0;
  text-align: center;
}

.pd_lbox .table05 td{
  text-align: left;
}

.pd_lbox .tac,
.pd_lbox span.tac,
.pd_lbox th.tac,
.pd_lbox td.tac,
#tech .tac,
#tech span.tac,
#tech th.tac,
#tech td.tac{
  text-align:center;
}

.pd_lbox .tar,
.pd_lbox span.tar,
.pd_lbox th.tar,
.pd_lbox td.tar,
#tech .tar,
#tech span.tar,
#tech th.tar,
#tech td.tar{
  text-align: right;
}

.pd_lbox .tal,.pd_lbox span.tal,
.pd_lbox th.tal,.pd_lbox td.tal,
#tech .tal,
#tech span.tal,
#tech th.tal,
#tech td.tal{
  text-align: left;
}

.pd_lbox th.bgc{
  background: #fff;
  border-left:1px solid #fff;
  border-top:1px solid #fff;
}

.pd_lbox strong{
  font-size: 14px;
}

.pd_lbox .ls0,
.pd_lbox table td.ls0{
  letter-spacing: 0;
}

.pd_lbox .ls03,
.pd_lbox table td.ls03 {
  letter-spacing: 0.3px;
}

.pd_lbox .ls05,
.pd_lbox table td.ls05{
  letter-spacing: 0.5px;
}

.pd_lbox .ccp{
  color: #4C365D;
}

.pd_lbox .ccg{
  color: #5C5E1F;
}

.pd_lbox .ccy{
  color: #143E00;
}

.pd_lbox .cco{
  color: #583924;
}

.pd_lbox .ccr{
  color: #F09084;
}

.pd_lbox p.cp{
  color: #958BC1;
}

.pd_lbox p.cg{
  color: #A3A611;
}

.pd_lbox p.cy{
  color: #FDFCE7;
}

.pd_lbox p.co{
  color: #FEF5EE;
}

.pd_lbox p.cr{
  color: #FEF9F6;
}

.pd_lbox .bn{
  border:none;
}

.pd_lbox .btn{
  border-top:none;
}

.pd_lbox .bbn{
  border-bottom: none;
}

.pd_lbox .bln{
  border-left: none;
}

.pd_lbox .brn{
  border-right:none;
}

#tech .ccg{
  color: #074559;
}

/*URG,SRG,RG,NRG,RS,PRG,HRG,MRG,RGA,RR,RT,RM,RMA*/
.table-c01 caption {
  color: #fff;
  background: #624D76;
  margin-top: 10px;
  padding-left: 10px;
}

.table-c01 tr.thx,
.table-c01 tr.thy th.hdln{
  color: #ffffff;
  background: #937EB9;
}

.table-c01 tr td.brdr-none{
  border: none;
}


.table-c01 tr.thy th{
  background: #CDC4E1;
}

table td.cw{
  background: #FFFFFF;
}

table td.cp{
  background: #F5F2F9;
}

/*LRG*/
.table-c02 tr.thx{
  color: #ffffff;
  background: #67AF29;
}

.table-c02 tr.thy th{
  background: #C7DE8C;
}

table td.cg{
  background: #F6F8EB;
}

/*KRL（長辺電極）,KRL（短辺電極）,KRL（４端子タイプ）,SHR,PRL/RL（長辺電極）,RL(短辺電極),YJP*/
.table-c03 tr.thx{
  color: #ffffff;
  background: #888D00;
}

.table-c03 tr.thy th{
  border: 1px #666 solid;
  background: #DADF00;
}

table td.cy{
  background: #FDFCE7;
}


/*PAT,PAT-W,P*V,PS,PCS/HPT*/
.table-c04 caption {
  color: #fff;
  margin-top: 10px;
  padding-left: 10px;
  background: #E65C51;
}

.table-c04 tr.thx{
  color: #ffffff;
  background: #E77D53;
}

.table-c04 tr th.thy{
  color: #666;
  background: #F4B083;
}

.table-c04 tr th.thr{
  color: #fff;
  background: #e35948;
  border-bottom: none;
}

.table-c04 tr.thy th{
  background: #F4B083;
}

table td.co{
  background: #FEF5EE;
}


/*サンプルKIT*/
.table-c05 caption {
  color: #fff;
  margin-top: 15px;
  background: #F26F66;
  padding-left: 10px;
}

.table-c05 tr.thx{
  color: #666;
  background: #F09084;
}

.table-c05 tr.thy th{
  background: #FACCBF;
}

.table-c05 .bs{
  border: 1px #666 solid;
}

table td.cr{
  background: #FEF9F6;
}

 .pd_lbox td.ubn{
  border-bottom: 1px solid #fff;
}


/*推奨ランドパターン,推奨リフロー温度プロファイル,リール仕様,梱包テープ仕様*/
.table-c06 caption {
  color: #fff;
  margin-top: 15px;
  padding-left: 10px;
  background: #2E6D74;
text-align: left;
}

.table-c06 tr.thx{
  color: #fff;
  background: #56AFB7;
}

.table-c06 tr.thy th{
  background: #B0DEEB;
}

.table-c06 .bs{
  border: 1px #666 solid;
}

table td.cbg{
  background: #EFF8FD;
}


/*URG*/
.bgstrong{
  color: #4D3B61;
  padding: 15px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}


/*SRG　RG　NRG　RS　PRG　HRG　MRG　RGA　RR　RT　RM　RMA　SHR*/
#shr p.s_g{
  color: #56580D;
  font-size:13px;
  font-weight: bold;
}

#shr table th.thx{
  color: #ffffff;
  background: #888D00;
}

#shr .table05 td{
  letter-spacing: normal;
}

#shr td span{
  color: #56580D;
  line-height: 2.3;
}


/*LRG　PRL/RL*/
#prl_rl p.s11 {
  letter-spacing: -0.5px;
}


/*PAT_series_W_type　tech*/
#tech th.thx{
  color: #fff;
  border:1px solid #37818E;
  background: #56AFB7;
}

#tech span.fs10.scg{
  color: #37818E;
}


.pd_rbox{
  float:right;
}

.text_right{
  text-align:right !important;
}

.text_left{
  text-align:left !important;
}

.text_center{
  text-align:center !important;
}

.va_t{
  vertical-align:top !important;
}

.ls_s{
  letter-spacing:-0.8px !important;
}

.title_circuit{
  color:#000;
  font-size:16px;
  line-height:18px;
  background:url(../img/page/product_category_2-0_title.png) no-repeat  1px 2px;
  font-weight:bold;
  padding-left:21px;
  letter-spacing:0.1px;
}

.title_circuit02{
  color:#000;
  font-size:16px;
  line-height:18px;
  font-weight:bold;
  padding-left:21px;
  background:url(../img/page/product_category_14-3_03.jpg) no-repeat  1px 2px;
  letter-spacing:0.1px;
}

.font_w{
  color:#fff !important;
}

.font_w02{
  color:#fff !important;
  font-weight:normal !important;
}

.lh12{
  line-height:12px;
}

.bt_w{
  border-top:1px solid #fff !important;
}
.br_w{
  border-right:1px solid #fff !important;
}
.bl_w{
  border-left:1px solid #fff !important;
}
.bb_w{
  border-bottom:1px solid #fff !important;
}

span.root01{
  padding:1px 0 0px 8px;
  font-size:9px;
  background:url(../img/page/root_img01.jpg) no-repeat 0 0;
  letter-spacing:-1px;
}

span.root02{
  padding:1px 0 0px 8px;
  font-size:9px;
  background:url(../img/page/root_img02.jpg) no-repeat 0 0;
  letter-spacing:-1px;
}

span.text_note{
  color:#4996cc;
  font-size:12px;
  font-weight:bold;
  padding-right:5px;
}

small.v_small{
  color:#000;
  font-size:9px;
  letter-spacing:0.1px;
}

small.v_small02{
  font-size:9px;
}

small.v_ls{
  letter-spacing:-0.8px;
}

p.text_note{
  line-height:12px;
}

table tr.bg_w{
  background:#fff !important;
}

table tr.bg_b{
  background:#f5f3e7 !important;
}

table tr td.bg_w{
  background:#fff !important;
}

table tr td.pd_c01{
  border:1px solid #333;
  font-size:12px;
  background:#d3def0;
}

table tr td.pd_h_c01{
  color:#fff !important;
  font-weight:bold;
  background:#717171;
}

table tr td.pd_h_c02{
  color:#fff !important;
  background:#7f7f7f;
}

table tr td.pd_h_c03{
  font-size:12px;
  background:#d3def0;
  font-weight:bold;
}

table tr td.pd_h_c04{
  font-weight:bold;
  background:#cfe4db;
}

table tr td.pd_h_c05{
  font-weight:bold;
  background:#dce6aa;
}

table tr td.pd_h_c06{
  background:#f5dcc6;
}

table tr td.pd_h_c07{
  font-weight:bold;
  background:#f3d5dd;
}

table tr td.pd_h_c08{
  color:#fff;
  font-weight:bold;
  background:#de9eac;
}

table tr td.pd_h_c09{
  color:#d88597;
}

table tr td.pd_h_c10{
  color:#fff;
  font-weight:bold;
  background:#a5a5a5;
}

table.type01_o,
table.type01_e,
table.type02_o,
table.type02_e{
  border:1px solid #333;
  border-left:none;
  border-right:none;
}

table.type01_o tr td,
table.type01_e tr td,
table.type02_o tr td,
table.type02_e tr td,
table.type03 tr td{
  color:#000;
  border:1px solid #333;
  font-size:11px;
  text-align:center;
  line-height:14px;
  border-bottom:none;
}

table.type03 tr td{
  border-bottom:1px solid #333;
}

table.type01_o tr td.first,
table.type01_e tr td.first,
table.type02_o tr td.first,
table.type02_e tr td.first,
table.type03 tr td.first{
  border-left:none;
}

table.type01_o tr td.last,
table.type01_e tr td.last,
table.type02_o tr td.last,
table.type02_e tr td.last,
table.type03 tr td.last{
  border-right:none;
}

table.type01_o tr td.bl_w,
table.type01_e tr td.bl_w,
table.type02_o tr td.bl_w,
table.type02_e tr td.bl_w,
table.type03 tr td.bl_w{
  border-left:1px solid #fff !important;
}

table.type01_o tr td.br_w,
table.type01_e tr td.br_w,
table.type02_o tr td.br_w,
table.type02_e tr td.br_w,
table.type03 tr td.br_w{
  border-right:1px solid #fff !important;
}

table.type01_o tr:nth-child(odd){
  background:#dedac1;
}

table.type01_e tr:nth-child(even){
  background:#dedac1;
}

table.type02_e tr:nth-child(even){
  background:#f5f3e7;
}

table.type02_o tr:nth-child(odd){
  background:#f5f3e7;
}

table tr.pd_l_c02:nth-child(even){
  background:#f5f3e7;
}

/* font-size
---------------------------------------------------------------------*/
.fs10{
  font-size: 10px;
}

.fs11{
  font-size: 11px;
}

.fs12{
  font-size: 12px;
}

.fs13{
  font-size: 13px;
}

.fs14{
  font-size: 14px;
}

.fs15{
  font-size: 15px;
}

.fs16{
  font-size: 16px;
}

.fs90per,
.fs9p{
  font-size: 90%;
}
.fs80per{
  font-size: 80%;
}
.fs70per{
  font-size: 70%;
}
.fs60per{
  font-size: 60%;
}


.naiyobox strong,
.naiyobox p.strong,
.naiyobox h2.strong,
.naiyobox h3.strong,
.naiyobox h4.strong,
.naiyobox h5.strong,
.naiyobox h6.strong {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    padding: 5px 0;
    display: block;
}
.h2box h2,
.h2box h3,
.h2box h4,
.h2box h5,
.h2box h6 {
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 36px;
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
}

/* 既存サイトスタイル 必要分だけ定義 */
#tech .mt25 { margin-top: 25px!important;}
#tech .mt32 { margin-top: 32px!important;}
#tech .mt35 { margin-top: 35px!important;}
#tech .mt48 { margin-top: 48px!important;}
#tech .mt50 { margin-top: 50px!important;}

#tech .mb0 { margin-bottom: 0px !important;}
#tech .mb20 { margin-bottom: 20px !important;}
#tech .mb25 { margin-bottom: 25px !important;}
#tech .mb35 { margin-bottom: 35px !important;}
#tech .mb40 { margin-bottom: 40px!important;}
#tech .mb55 { margin-bottom: 55px!important;}
#tech .mb60 { margin-bottom: 60px!important;}
#tech .mb75 { margin-bottom: 75px !important;}

#tech .ml10 { margin-left: 10px !important;}
#tech .ml25 { margin-left: 25px !important;}
#tech .ml60 { margin-left: 60px !important;}
#tech .mr15 { margin-right: 15px !important;}
#tech .ml25 { margin-left: 25px !important;}
#tech .mr70 { margin-right: 70px !important;}

#tech .pt5 { padding-top: 5px !important;}
#tech .pt7 { padding-top: 7px !important;}
#tech .pt8 { padding-top: 8px !important;}
#tech .pt10 { padding-top: 10px !important;}
#tech .pt15 { padding-top: 15px !important;}
#tech .pt16 { padding-top: 16px !important;}
#tech .pt20 { padding-top: 20px !important;}
#tech .pt24 { padding-top: 24px !important;}
#tech .pt25 { padding-top: 25px !important;}
#tech .pt27 { padding-top: 27px !important;}
#tech .pt30 { padding-top: 30px !important;}
#tech .pt35 { padding-top: 35px !important;}
#tech .pt40 { padding-top: 40px !important;}
#tech .pt45 { padding-top: 45px !important;}
#tech .pt50 { padding-top: 50px !important;}
#tech .pt55 { padding-top: 55px !important;}
#tech .pt65 { padding-top: 65px !important;}
#tech .pt100 { padding-top: 100px !important;}

#tech .pb5 { padding-bottom: 5px !important;}
#tech .pb8 { padding-bottom: 8px !important;}
#tech .pb10 { padding-bottom: 10px!important;}
#tech .pb12 { padding-bottom: 12px !important;}
#tech .pb15 { padding-bottom: 15px!important;}
#tech .pb20 { padding-bottom: 20px!important;}
#tech .pb25 { padding-bottom: 25px!important;}
#tech .pb30 { padding-bottom: 30px !important;}
#tech .pb31 { padding-bottom: 31px !important;}
#tech .pb35 { padding-bottom: 35px!important;}
#tech .pb38 { padding-bottom: 38px!important;}
#tech .pb40 { padding-bottom: 40px!important;}
#tech .pb45 { padding-bottom: 45px !important;}
#tech .pb50 { padding-bottom: 50px !important;}
#tech .pb55 { padding-bottom: 55px !important;}
#tech .pb60 { padding-bottom: 60px !important;}
#tech .pb70 { padding-bottom: 70px !important;}

#tech .pl5 { padding-left: 5px !important;}
#tech .pl8 { padding-left: 8px !important;}
#tech .pl10 { padding-left: 10px !important;}
#tech .pl11 { padding-left: 11px !important;}
#tech .pl13 { padding-left: 13px !important;}
#tech .pl15 { padding-left: 15px !important;}
#tech .pl18 { padding-left: 18px !important;}
#tech .pl20 { padding-left: 20px !important;}
#tech .pl23 { padding-left: 23px !important;}
#tech .pl25 { padding-left: 25px !important;}
#tech .pl30 { padding-left: 30px !important;}
#tech .pl40 { padding-left: 40px !important;}
#tech .pl50 { padding-left: 50px !important;}
#tech .pl55 { padding-left: 55px !important;}
#tech .pl60 { padding-left: 60px !important;}
#tech .pl65 { padding-left: 65px !important;}
#tech .pl80 { padding-left: 80px !important;}
#tech .pl165 { padding-left: 165px !important;}

#tech .pr5 { padding-right: 5px !important;}
#tech .pr13 { padding-right: 13px !important;}
#tech .pr15 { padding-right: 15px !important;}
#tech .pr18 { padding-right: 18px !important;}
#tech .pr23 { padding-right: 23px !important;}

#tech .pwrap5 { padding: 5px;}
#tech .pwrap10 { padding: 10px;}

#tech .strong { font-weight: bold;}
/* // 既存サイトスタイル 必要分だけ定義 */

/* 既存サイトスタイル移行 ↑↑↑↑↑↑----------------------------------------- */

/* page environment iso */
.ssm_sct_base .lead_top{
  font-size: 14px;
  line-height: 220%;
  text-align: center;
  margin-bottom: 35px;
}
.tbl_wrap{
  overflow-x: auto;
}
.tbl-iso{
  color: #666;
  min-width:780px;
}
.tbl-iso a {
  color: #013893;
  text-decoration: none;
}
@media print, screen and (max-width: 767px) {
  .ssm_sct_base .lead_top{
    font-size: 12px;
    margin-bottom: 20px;
  }
}

/* page environment quality */
.cmn_ol li{
  text-indent: -30px;
  padding-left: 30px;
  font-size: 14px;
  line-height: 220%;
  margin-bottom: 32px;
}
.cmn_ol li .cmn_ol_num{
  padding-right: 5px;
}
.cmn_ol li:last-child{
    margin-bottom: 0;
}
@media print, screen and (max-width: 767px) {
  .cmn_ol li{
    font-size: 12px;
    margin-bottom: 20px;
    line-height: 230%;
    text-indent: -25px;
    padding-left: 25px;
  }
  .cmn_ol li .cmn_ol_num {
    padding-right: 5px;
  }
}

/* page environment guideline */
.page-environment_guideline .ssm_title_l{
  margin-top: 100px;
}
.page-environment_guideline .ssm_title_l01{
  margin-top: 0;
}
.h3_ttl_blue{
  font-size: 17px;
  margin-bottom: 20px;
  margin-top: 45px;
  color: #337ab8;
}
.page-environment_guideline .cmn_ol li {
  margin-bottom: 0;
}
.cmn_ol li .cmn_ul li{
  padding-left: 50px;
}
.ol_right_txt{
  display: block;
  text-align: right;
}
.ol_bottom_txt{
  display: block;
  text-align: left;
  margin-top: 10px;
}
.lead_pdf_btn_bottom{
  margin: 50px auto 60px;
}
@media print, screen and (max-width: 767px) {
  .page-environment_guideline .ssm_title_l {
    margin-top: 60px;
  }
  .page-environment_guideline .ssm_title_l01 {
    margin-top: 0;
  }
  .h3_ttl_blue {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 30px;
  }
  .page-environment_guideline .cmn_mb_txt{
    margin-bottom: 20px;
  }
  .page-environment_guideline .cmn_ol li .cmn_ul02 li{
    text-indent: 0;
    padding-left: 0;
  }
}

/* page environment material */
.page-environment_material .cmn_ul{
  margin-bottom: 50px;
}
.page-environment_material .cmn_ul li{
  line-height: 220%;
}
.page-environment_material .material_graph{
  max-width: 450px;
  width: 100%;
}
@media print, screen and (max-width: 767px) {
  .page-environment_material .cmn_ul{
    margin-bottom: 30px;
  }
  .page-environment_material .cmn_ul li{
    line-height: 230%;
  }
}

/* page environment rohs */
.pdf_row {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap:50px 54px;
  margin-bottom: 100px;
}
.pdf_row .lead_pdf_btn{
  width: calc(50% - 27px);
  max-width: 100%;
  line-height: 180%;
  margin: 0;
}
.unit{
  max-width: 500px;
  width: 100%;
  text-align: right;
  font-size: 14px;
  color: #666;
}
.tbl_wrap{
  margin-bottom: 40px;
}
.tbl-rohs{
  font-size: 14px;
/*
  min-width: 500px;
*/
  width: 100%;



  color: #666;
}
.tbl-rohs th, .tbl-rohs td {
  border: 1px solid #ffffff;
  line-height: 145%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
@media print, screen and (max-width: 992px) {
  .pdf_row {
    gap: 50px 14px;
  }
  .pdf_row .lead_pdf_btn{
    width: calc(50% - 14px);
  }
}
@media print, screen and (max-width: 767px) {
  .tbl_wrap{
    margin-bottom: 40px;
  }
  .unit{
    font-size: 12px;
  }
  .pdf_row {
    gap:15px 54px;
    margin-bottom: 40px;
    gap:15px 0;
  }
  .pdf_row .lead_pdf_btn{
    width: 100%;
  }
  .tbl-rohs th, .tbl-rohs td {
    font-size: 12px;
  }
  .tbl-division{
    width: 370px;
  }
}

/* page environment rohs */
.division-row{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tbl_wrap {
}
.tbl-division{
  min-width: 340px;
  width: 100%;
}
.division-row .tbl-division-right {
  max-width: 427px;
  width: 100%;
}
.tbl-division th{
  text-align: center;

}
.tbl-division td{
  padding: 4px;
  color: #666;
}
@media print, screen and (max-width: 767px) {
  .tbl-division{
    min-width: 340px;
  }
  .tbl_wrap {
    margin-bottom: 30px;
  }
}

/* page environment introduction */

.page-environment_introduction .cmn_ol li {
  margin-bottom: 0;
}
.page-environment_introduction .cmn_ol li span{
  padding-right: 5px;
}
.bbTxt{
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 2px solid #f1f1f1;
  font-size: 14px;
  line-height: 220%;
}

@media print, screen and (max-width: 767px) {
  .bbTxt{
    margin-bottom: 30px;
    padding-bottom: 30px;
    font-size: 12px;
    line-height: 230%;
  }
}


/* page tech index ----------------------------------*/

.tech_top_row{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 100px 54px;
}
.tech_top_row .tech_contents_wrapper{
    width: calc(50% - 27px);
    max-width: 100%;
    line-height: 180%;
    margin: 0;
}
.tech_top_row .tech_contents_wrapper ul li a{
  text-decoration: none;
  font-size: 14px;
  color: #337ab8;
  font-weight: bold;
  margin: 0 20px;
}
.tech_top_row .tech_contents_wrapper ul li:nth-child(1) a{
  padding-top: 0;
}
.tech_top_row .tech_contents_wrapper img{
  width: 100%;
  border: 1px solid #c2c2c2;
  border-radius: 8px;
  margin-bottom: 20px;
}
.page-tech_top .ssm_title_l{
  margin-bottom: 20px;
}
.tech_contents_h3{
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 1PX solid #e5eef6;
}
.tech_contents_h3::before{
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background-color: #337ab8;
  border-radius: 50%;
  left: 0;
  top: 5px;
}
.tech_contents_h3_02{
  margin-top: 15px;
}
.tech_contents_h3.no_decoration{
  border: none;
  padding-left: 5px;
}
.tech_contents_h3.no_decoration::before{
  display: none;
}
  .tech_top_row .tech_contents_wrapper .tech_contents_h3.no_decoration a{
    width: 100%;
    text-decoration: none;
    color: #337ab8;
    margin: 0;
    padding: 0;
  }
@media print, screen and (max-width: 992px) {
  .tech_top_row {
      gap: 50px 14px;
      justify-content: space-between;

  }
}
@media print, screen and (max-width: 767px) {
  .tech_top_row {
    gap: 30px 14px;
  }
  .tech_top_row .tech_contents_wrapper{
    width: 100%;
    max-width: 100%;
  }
  .tech_top_row .top-dpt-item-name {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .tech_top_row .tech_contents_wrapper ul li a {
    font-size: 12px;
    margin: 0 10px 0 10px;
  }
  .tech_contents_h3 {
    font-size: 12px;
    padding-right: 10px;
  }
  .tech_contents_h3.no_decoration{
    margin-bottom: 5px;
    padding-left: 0px;
  }
}

/* page tech know_how_01 */
.page-know_how_01 p{
  font-size: 14px;
}
.tbl_wrap_inner {
  width: 954px;
  padding-bottom: 20px;
}

.know_how_01_section01{
  /*width: 954px;*/
}

.tech_row01{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap:20px;
  /*width: 954px;*/
}
.tech_row01 .tech_col_left{
  width: 40%;
}
.tech_row01 .tech_col_right img{
  width: 450px;
}
.tech_row01 .tech_row_txt{
  padding: 10px 0 0;
}
.tech_row01 .tech_row_txt01{
  padding: 30px 0 30px;
}

.page-know_how_01 .ttl_blue_underline{
  font-size: 17px;
  color: #337ab8;
  margin-bottom: 15px;
  margin-top: 80px;
}
.page-know_how_01 .ttl_blue_underline span{
  border-bottom: 1px solid #337ab8 ;
  padding-bottom: 8px;
}
.page-know_how_01 .tech_row_flex{
  display: flex;
  justify-content: space-between;
flex-wrap: wrap;
  margin-top: 30px;
}
.page-know_how_01 .tech_row02{
  flex-wrap: wrap;
  width: 370px;
  padding-top: 15px;
}
.tech_row02_flex{
  display: flex;
  align-items:top;
  justify-content: space-between;
  height: 200px;
}
.tech_row02_flex_left{
  width: 196px;
}
.tech_row02_img01{
  width: 196px;
}
.tech_row02_img01{
  width: 234px;
}
.page-know_how_01 .tech_row02 .tech_row02_right p{
  font-weight: bold;
  color: #337ab8;
  width: 280px;
  margin-bottom: 10px;
}
.page-know_how_01 .tech_row02 .tech_row02_right p span{
  background: linear-gradient(transparent 50%, #e5eef6 0%);
  padding: 0 10px 5px;
}

.know_how_01_section02{
  padding-top: 70px;
  padding-top: 0px;
  max-width: 954px;
}
.page-know_how_01 .s_lead {
  padding: 10px 0 0;
}
.page-know_how_01 .tech_row03{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 50px;
}
.page-know_how_01 .tech_row03 .tech_row03_left img{
/*  width: 330px;*/
  margin-left: 80px;
}
.page-know_how_01 .tech_row03 .tech_row03_right {
  width: 48%;
}
.page-know_how_01 .tech_row03 .tech_row03_right .txt_balloon{
  border: 2px solid #337ab8;
  padding: 15px 30px;
  position: relative;
  border-radius: 15px;
  /*width: 457px;*/
  max-width: 457px;
}
.page-know_how_01 .tech_row03 .tech_row03_right .txt_balloon .txt_balloon_ttl02{
  margin-top: 20px;
}
.page-know_how_01 .bottom_txt_wrapper{
  margin-top: 20px;
  position: relative;
}
.page-know_how_01 .bottom_txt_wrapper_img{
  position: absolute;
  bottom: -70px;
  right: 0;
  width: 127px;
  z-index: -1;
}
.page-know_how_01 .tech_row03 .tech_row03_right .txt_balloon .txt_root{
  color: #e4570d;
  font-weight: bold;
  font-size: 20px;
}.page-know_how_01 .tech_row03 .tech_row03_right .txt_balloon .txt_root02{
  margin-left: 20px;
}
.page-know_how_01 .tech_row03 .tech_row03_right .txt_balloon .txt_root sup{
  font-size: 11px;
}
.page-know_how_01 .tech_row03 .tech_row03_right .txt_balloon .txt_root .root_bg{
  background: url(../img/tech/know_how_01/root_o.png)no-repeat -2px 5px;
  padding-top: 8px;
  padding-left: 10px;
}
.border_blue{
  padding: 20px;
  border: 1px solid #337ab8;
  border-radius: 15px;
}
.oneColumn{
  box-sizing: border-box;
  margin: 20px 0 0;
}
.oneColumn img{
  display: block;
  width: 790px;
  margin: 30px auto 0;
}
.oneColumn span{
  color: #337ab8;
  font-weight: bold;
}
.page-know_how_01 .tech_row05{
  display: flex;
  flex-wrap: wrap;
  gap:20px;
  justify-content: space-between;
  margin: 40px 0 0;
}
.page-know_how_01 .tech_row05 .tech_row05_block{
  width: 100%;
  max-width: 457px;
}
.page-know_how_01 .tech_row05 .bottom_txt{
  padding-top: 20px;
}
@media print, screen and (max-width: 767px) {
  .page-know_how_01 p{
    font-size: 12px;
  }
  .page-know_how_01 .ttl_blue_underline {
      font-size: 14px;
      margin-top: 50px;
  }
  .know_how_01_section02 {
    padding-top: 20px;
    padding-top: 0px;
  }

  .tech_row01 .tech_col_left{
    width: 100%;
  }
  .tech_row01 .tech_col_right{
    width: 100%;
  }

  .tech_row02_flex{
    height: auto;
    margin-bottom: 8px;
  }

  .page-know_how_01 .tech_row03 .tech_row03_right {
    width: 100%;
  }

  .page-know_how_01 .bottom_txt_wrapper_img{
    bottom: -80px;
    right: -10px;
    width: 100px;
    z-index: -1;
  }
}

/* page tech know_how_02 */
#tech a{
  color: #337ab8;
}
#tech a:hover{
  text-decoration: none;
}

#tech img{
  max-width: 100%;
}
#tech .flex{
  display: flex;
}
#tech .flex_3col{
  gap:30px;
}
  .flex_3col > div{
    flex:1;
    text-align: center;
    padding: 15px 15px 25px;
  }
    .flex_3col > div .img_wrap{
      display: inline-block;
      text-align: left;
      width: 200px;
    }
@media print, screen and (max-width: 767px) {
  #tech .flex{
    flex-wrap: wrap;
  }
  #tech .flex_3col{
    gap:10px;
  }
    .flex_3col > div{
      flex:inherit;
      width: 100%;
      padding: 15px 15px 25px;
    }
      .flex_3col > div .img_wrap{
        margin: 0 10px;
      }
  .page-know_how_02 #tech .fll,
  .page-know_how_02 #tech .flr{
    float: inherit;
    text-align: center;
    width: 100%;
    padding: 0 0 20px!important;
  }
}


/* page tech know_how_03 */

#tech #hukidasi01_box,
#tech #hukidasi02_box{
  font-size: 14px;
  line-height: 160%;
}
.page-know_how_03 .tbl_wrap{
  margin-bottom: 0;
}
#tech .title_h3_box {
    color: var(--color-blue);
    font-size: 18px;
    font-weight: bold;
    border: none !important;
    border-bottom: 1px solid #014da1 !important;
}
#tech .flex_2col{
  gap:15px;
  justify-content: center;
}
  #tech .flex_2col .pos_rel{
    width: 300px;

  }
  #tech .flex_2col .tech_bgb{
      line-height: 160%;
      min-height: 182px;  
  }
  #tech .txt_old_blue{
    color: #0090ff!important;
  }
@media print, screen and (max-width: 767px) {
  #tech .fwb.f18{
    font-size: 16px;
  }
  .page-know_how_03 .tbl_wrap .tbl_wrap_inner{
    width: 663px;
  }
}

/* page tech know_how_04 */

.page-know_how_04 #tech .flex_2col{
  justify-content: flex-start;
  gap:162px;
  line-height: 200%;
}
.page-know_how_04 #tech .flex_2col .col_l{
  width: 432px;
}
  .page-know_how_04 #tech .flex_2col .col_l .txt_indent{
    padding-left: 17px;
    text-indent: -17px;
  }
  .page-know_how_04 #tech .flex_2col .col_l .dbl_box{
    border:1px solid #1773C7;
    border-radius: 15px;
    padding: 20px 25px;
  }
.page-know_how_04 #tech .flex_2col .col_r {
}
  .page-know_how_04 #tech .flex_2col .col_r img{
    width: 258px;
  }
  .page-know_how_04 #tech .flex_2col .col_r .fwb{
    color: #606060;
  }
.page-know_how_04 #tech .flex_2col.gap100{
  gap:100px;
}
@media print, screen and (max-width: 767px) {
  .page-know_how_04 #tech .flex_2col{
    flex-wrap: wrap;
    gap:20px;
  }
  .page-know_how_04 #tech .flex_2col .col_l,
  .page-know_how_04 #tech .flex_2col .col_r{
    width: 100%;
  }
  .page-know_how_04 #tech .flex_2col .col_r {
    text-align: center;
  }
    .page-know_how_04 #tech .flex_2col .col_l .txt_indent{
      font-size: 15px;
      padding-left: 15px;
      text-indent: -15px;
    }
}

/* page tech know_how_05 */
.page-know_how_05 #tech .text_red{
  color: #FF3C3C; 
}
.page-know_how_05 #tech .txt_space_btm{
  margin-top: 55px;
  margin-bottom: 145px;
}
.page-know_how_05 #tech .flex_2col {
  gap:0;
}
  .page-know_how_05 #tech .flex_2col .col_l{
    width: 428px;
  }
  .page-know_how_05 #tech .flex_2col .col_r{
    width: calc(100% - 428px);
    padding-left: 90px;
  }
.page-know_how_05 #tech .image + .image {
  margin: 35px 0 40px;
}
.page-know_how_05 #tech .title_m {
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 18px;
}
@media print, screen and (max-width: 767px) {
  .page-know_how_05 #tech .flex_2col {
      flex-wrap: wrap;
      gap:20px;
  }
    .page-know_how_05 #tech .flex_2col .col_l{
      width: 100%;
    }
    .page-know_how_05 #tech .flex_2col .col_r{
      width: 100%;
      padding-left: 0px;
    }
  .page-know_how_05 #tech .txt_space_btm{
    margin-top: 30px;
    margin-bottom: 35px;
  }
}

/* page tech know_how_06 */
@media print, screen and (max-width: 767px) {
  .page-know_how_06 table tr td.vl_t:first-child{
    width: 70px;
  }
}

/* page tech know_how_07 */
@media print, screen and (max-width: 767px) {
  .page-know_how_07 .know_how_01_section02 .tbl_wrap_inner{
    width: 740px;
  }
}

/* page tech know_how_08 */
.flex_how08_sct1{
  justify-content: center;
  gap:30px;
}
.know_how_08_box01_02{
  max-width: 780px;
  margin: 0 auto;
}
@media print, screen and (max-width: 767px) {
  .flex_how08_sct1{
    flex-wrap: wrap;
    gap:30px;
  } 
  .flex_how08_sct1 .col_l,
  .flex_how08_sct1 .col_r{
    width: 100%;
  } 
}

/* page tech know_how_09 */
#tech .box_adjust_m{
  max-width: 740px;
  margin: 0 auto;
}
@media print, screen and (max-width: 767px) {
  .page-know_how_09 #tech .box_adjust_m{
    margin: 0;
  }
}

/* page highfrequencychip01 */
@media print, screen and (max-width: 767px) {
  .page-highfrequencychip01 .clearfix.pb45.pt10 .fll,
  .page-highfrequencychip01 .clearfix.pb45.pt10 .flr{
    float: none;
    width: 100%;
  }
}

/* page highfrequencychip03 */
@media print, screen and (max-width: 767px) {
  .page-highfrequencychip03 .clearfix.pb55.pt10.pl20.pr20 .fll,
  .page-highfrequencychip03 .clearfix.pb55.pt10.pl20.pr20 .flr{
    float: none;
    width: 100%;
  }
  .page-highfrequencychip03 #tech .clearfix.pb55.pt10.pl20.pr20 .flr{
    padding-left: 0!important;
  }
}

/* page highfrequencychip04 */
@media print, screen and (max-width: 767px) {
  .page-highfrequencychip04 .clearfix.pb10.pt10 .fll,
  .page-highfrequencychip04 .clearfix.pb10.pt10 .flr{
    float: none;
    width: 100%;
  }
  .page-highfrequencychip04 .clearfix.pb10.pt10 .flr{
    padding-top: 10px!important;
  }
}

/* page highfrequencychip05 */
@media print, screen and (max-width: 767px) {
  .page-highfrequencychip05 .clearfix.pb10.pt10  .fll,
  .page-highfrequencychip05 .clearfix.pb10.pt10 .flr{
    float: none;
    width: 100%;
  }
  .page-highfrequencychip05 .clearfix.pb10.pt10 .flr{
    padding-top: 10px!important;
  }
}

/* page tech rep-data-rand */
.page-rep-data-rand .tbl_wrap_inner{
  width: 800px;
}
#tech .h2box {
  font-size: 16px!important;
  line-height: 200%;
  margin-bottom: 10px;
}

/* page tech rep-data-tape */
.page-rep-data-tape .tbl_wrap_inner{
  width: 850px;
}
#tech .h2box h2{
  font-weight: bold;
}

/* page tech rep-data-tape */
@media print, screen and (max-width: 767px) {
  .page-high-frequency-reel .fll,
  .page-high-frequency-reel .flr{
    float: none;
    width: 100%;
  }
}


/* page tech technical_faq */
.page-technical_faq .cmn-ttl21 .txt_s{
  font-size: 85%;
  font-weight: normal;
  margin-right: 10px;
}
.page-technical_faq #tech .title_h2_box{
    font-size: 15px;
    font-weight: bold;
    line-height: 130%;
    letter-spacing: 1px;
    background: #f3f3f3;
    border-radius: 100px;
    padding: 16px 28px 15px;
    background-image: none;
}
@media print, screen and (max-width: 767px) {
  .page-technical_faq .cmn-ttl21 .txt_s{
    display: block;
  }
}

/* page company cta footer ---------------------------------------*/
.sct_cta-footer{
  margin-top: 100px;
}
  .sct_cta-footer .cta-footer {
    width: 100%;
    max-width: 954px;
    margin: 0 auto;
  }
  .sct_cta-footer .cta-footer a{
    width: 290px;
  }

/* page company index -------------------------------------------*/
.page-company_top .cmn-fig11 .mv_catch{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: clamp(306px,56vw,656px);
}
.sct_company_koukoku .ssm_title_l{
  max-width: 290px;
}
.sct_company_koukoku .environment_img_wrapper {
  border: 1px solid #c3c3c3;
  border-radius: 8px;
}
@media print, screen and (max-width:767px) {
  .sct_company_koukoku .ssm_title_l{
    max-width: calc(50% - 8px);
  }
}

/* page company principle */
.page_company .h3_ttl_blue{
  line-height: 180%;
  margin: 0 0 15px 0;
}
.page_company .flex_2col{
  display: flex;
  gap:100px;
}
  .page_company .flex_2col .col_l{
  }
    .page_company .flex_2col .col_l p + .h3_ttl_blue{
      margin-top: 70px;
    }
  .page_company .flex_2col .col_r{
    text-align: center;
  }
    .page_company .flex_2col .col_r .image{
      margin-bottom: 20px;
    }
      .page_company .flex_2col .col_r img{
        max-width: 367px;
      }
    .page_company .flex_2col .col_r .name{
      font-size: 15px;
    }
@media print, screen and (max-width: 992px) {
  .page_company .flex_2col{
    gap: 30px;
  }
      .page_company .flex_2col .col_r img{
        max-width: 220px;
      }
}
@media print, screen and (max-width: 767px) {
  .page_company .h3_ttl_blue{
    margin: 0 0 10px 0;
  }
  .page_company .flex_2col{
    flex-wrap: wrap;
  }
  .page_company .flex_2col .col_l{
    width: 100%;
  }
    .page_company .flex_2col .col_l p + .h3_ttl_blue{
      margin-top: 30px;
    }
  .page_company .flex_2col .col_r{
    width: 100%;
  }
    .page_company .flex_2col .col_r .image{
      margin-bottom: 15px;
    }
      .page_company .flex_2col .col_r img{
        width: 100%;
        max-width: 220px;
      }
    .page_company .flex_2col .col_r .name{
      font-size: 14px;
    }
}

/* page company introduction */
.page-company_introduction .flex_2col .col_r img{
  max-width: 427px;
}
.page-company_introduction .lead{
  margin-bottom: 15px;
}
.flex_num_list {
  margin-bottom: 50px;
}
  .flex_num_list .row{
    display: flex;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #DEDEDE;
    padding: 25px 0;
  }
  .flex_num_list .num{
    width: 40px;
    text-align: center;
  }
    .flex_num_list .num span{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 10px;
      font-weight: normal;
      color: #fff;
      width: 18px;
      height: 18px;
      border-radius: 5px;
      background: #337AB8;
      padding-left: 1px;
    }
  .flex_num_list .txt{
    width: calc(100% - 40px);
    line-height: 180%;
    padding-top: 3px;
  }
.flex_images{
  display: flex;
  gap:14px;
}
@media print, screen and (max-width: 992px) {
  .page-company_introduction .flex_2col .col_r img{
    max-width: 300px;
  }
}
@media print, screen and (max-width: 767px) {
  .page-company_introduction .flex_2col .col_r img{
    width: 100%;
    max-width: 400px;
  }
  .flex_num_list {
    margin-bottom: 30px;
  }
    .flex_num_list .row{
      font-size: 13px;
      padding: 15px 0;
    }
    .flex_num_list .num{
      width: 24px;
      text-align: left;
    }
      .flex_num_list .num span{
        width: 16px;
        height: 16px;
        padding-left: 1px;
      }
    .flex_num_list .txt{
      width: calc(100% - 24px);
      padding-top: 2px;
    }
  .flex_images{
    flex-wrap: wrap;
    gap:10px;
  }
    .flex_images div{
      width: calc(50% - 5px);
    }
}

/* page company outline */
.page-company_outline table{
  font-size: 12px;
  color: #606060;
  width: 100%;
}
.page-company_outline table tr th{
  font-weight: bold;
  width: 150px;
  padding:15px 15px 15px 20px;
  border: 1px solid #C2C2C2;
}
.page-company_outline table tr td{
  width: calc(100% - 150px);
  padding:15px 15px 15px 20px;
  border: 1px solid #C2C2C2;
}
.page-company_outline .circle{
  color: #669BCA;
}
@media print, screen and (max-width: 767px) {
  .page-company_outline table{
    font-size: 11px;
    color: #606060;
    width: 100%;
  }
  .page-company_outline table tr th{
    font-weight: bold;
    width: 84px;
    padding:8px;
  }
  .page-company_outline table tr td{
    width: calc(100% - 84px);
    padding:8px;
  }
  .page-company_outline .circle{
    color: #669BCA;
  }
}

/* page company sales_offices */
.page-company_sales_offices .stb-head,
.page-company_koukoku .stb-head{
  max-width: 580px;
  margin: 0 auto 40px;
}
  .page-company_sales_offices .stb-head a,
  .page-company_koukoku .stb-head a {
    transition: .5s;
  }
    .page-company_sales_offices .stb-head a:hover,
    .page-company_koukoku .stb-head a:hover {
      color: var(--color-white);
      background-color: var(--color-blue);
    }
.page-company_sales_offices .image{
  margin-bottom: 40px;
}
.page-company_sales_offices .image img{
  width: 100%;
}
.page-company_sales_offices table{
  font-size: 12px;
  color: #606060;
  line-height: 170%;
  width: 100%;
}
  .page-company_sales_offices table + table{
    margin-top: 60px;
  }
.page-company_sales_offices table tr th{
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1;
  background: #4C8BC1;
  padding:10px;
  border: 1px solid #C4C4C4;
}
  .page-company_sales_offices table tr th.branch{
    width: 20%;
  } 
  .page-company_sales_offices table tr th.map{
    width: 10%;
  }
  .page-company_sales_offices table tr th.address{
    width: 50%;
  }
  .page-company_sales_offices table tr th.contact{
    width: 20%;
  }
.page-company_sales_offices table tr td{
  width: calc(100% - 150px);
  padding:10px;
  border: 1px solid #C4C4C4;
}
  .page-company_sales_offices table tr td.td_map{
    text-align: center;
  }
  .page-company_sales_offices table tr td a{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    width: 38px;
    height: 25px;
    border-radius: 5px;
    background: #99BDDB;
    margin: 0 auto;
    padding-left: 1px;
  }
    .page-company_sales_offices table tr td a + a{
      margin-top: 16px;
    }
@media print, screen and (max-width: 767px) {
  .page-company_sales_offices .stb-head,
  .page-company_koukoku .stb-head{
    margin: 0 auto 30px;
  }
  .page-company_sales_offices table{
    width: 750px;
    width: 100%;
    word-break:break-all;
  }
  .page-company_sales_offices table tr th.branch{
    width: 20%;
  } 
  .page-company_sales_offices table tr th.map{
    width: 10%;
  }
  .page-company_sales_offices table tr th.address{
    width: 46%;
  }
  .page-company_sales_offices table tr th.contact{
    width: 24%;
  }
}

/* page company organization */
/*
@media print, screen and (max-width: 767px) {
  .page-company_organization .tbl_wrap img{
    min-width: 650px;
  }
}
*/

/* page company history */
.page-company_history .history_row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap:10px;
  background: #F7F7F6;
  padding: 25px 25px 25px 50px;
}
.page-company_history .history_row + .history_row{
  margin-top: 20px;
}
  .page-company_history .history_row .col_l{
    display: flex;
    align-items: center;
    width:175px;
  }
    .page-company_history .history_row .year{
      font-family: var(--font-gothic-en);
      font-size: 28px;
      font-weight: 300;
      color: #606060;
      line-height: 1;
      padding-top: 3px;
    }
  .page-company_history .history_row .col_r{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width:calc(100% - 175px);
  }
    .page-company_history .history_row .detail{
      padding-right: 10px;
    }
      .page-company_history .history_row .col_r img{
        width: 130px;
      }
@media print, screen and (max-width: 767px) {
  .page-company_history .history_row{
    flex-wrap: wrap;
    gap:12px;
    padding: 23px 20px 20px;
  }
  .page-company_history .history_row + .history_row{
    margin-top: 10px;
  }
    .page-company_history .history_row .col_l{
      flex-wrap: wrap;
      justify-content: center;
      width:100%;
    }
      .page-company_history .history_row .year{
        font-size: 25px;
        padding-top: 0px;
      }
    .page-company_history .history_row .col_r{
      flex-wrap: wrap;
      gap:20px;
      justify-content: center;
      width:100%;
    }
      .page-company_history .history_row .detail{
        text-align: center;
        width: 100%;
        padding-right: 0px;
      }
}

/* page company whitecompanies */
.page-company_whitecompanies .lead{
  margin-bottom: 30px;
}
.page-company_whitecompanies .link_wrap + .link_wrap{
  margin-top: 30px;
  margin-bottom: 45px;
}
.page-company_whitecompanies .link_wrap a{
  text-decoration: none;
  color: #033891;
}
  .page-company_whitecompanies .link_wrap a:hover{
    text-decoration: underline;
  }
.page-company_whitecompanies .ssm_sct_base + .ssm_sct_base{
  margin-top: 70px;
}
.page-company_whitecompanies .flex_2col{
  flex-wrap: wrap;
  gap: 40px 100px;
}
  .page-company_whitecompanies .flex_2col > div{
    width: calc(50% - 50px);
  }
  .page-company_whitecompanies .flex_2col .title_wrap{
    display: flex;
    margin-bottom: 20px;
  }
    .page-company_whitecompanies .flex_2col .title_wrap .icon{
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-weight: bold;
      color: #fff;
      letter-spacing: 2px;
      background: #337AB8;
      width: 42px;
      height: 22px;
      border-radius: 6px;
      margin-right: 10px;
    }
    .page-company_whitecompanies .flex_2col .title_wrap .h3_ttl_blue{
      font-size: 15px;
      line-height: 150%;
      margin: 0;
    }
@media print, screen and (max-width: 992px) {
  .page-company_whitecompanies .flex_2col{
    gap: 30px;
  }
}
@media print, screen and (max-width: 767px) {
  .page-company_whitecompanies .lead{
    margin-bottom: 20px;
  }
  .page-company_whitecompanies .link_wrap + .link_wrap{
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .page-company_whitecompanies .ssm_sct_base + .ssm_sct_base{
    margin-top: 30px;
  }
  .page-company_whitecompanies .flex_2col{
    flex-wrap: wrap;
    gap: 35px;
  }
    .page-company_whitecompanies .flex_2col > div{
      width: 100%;
    }
    .page-company_whitecompanies .flex_2col .title_wrap{
      margin-bottom: 10px;
    }
      .page-company_whitecompanies .flex_2col .title_wrap .icon{
        position: relative;
        top: 1px;
        font-size: 10px;
        width: 34px;
        height: 20px;
        border-radius: 5px;
        margin-right: 8px;
      }
      .page-company_whitecompanies .flex_2col .title_wrap .h3_ttl_blue{
        font-size: 14px;
        margin: 0;
      }
}

/* page company koukoku */
.page-company_koukoku .lead {
  margin-bottom: 40px;
}
  .page-company_koukoku .lead .t_blue{
    color: #4C8BC1;
  }
.page-company_koukoku .title_m{
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
}
.page-company_koukoku .pdf_btn{
  display: flex;
  align-items: center;
  font-size: 12px;
  color:#196AAF;
  text-decoration: none;
  border:1px solid #C4C4C4;
  padding: 13px 20px;
}
.page-company_koukoku .pdf_btn + .pdf_btn{
  margin-top: 15px;  
}
  .page-company_koukoku .pdf_btn img{
    width: 20px;
    margin-right: 22px;
  }
.page-company_koukoku .pdf_btn + .title_m {
  margin-top: 40px;
}
@media print, screen and (max-width: 767px) {
  .page-company_koukoku .lead {
    margin-bottom: 30px;
  }
  .page-company_koukoku .title_m{
    font-size: 14px;
    margin-bottom: 10px;
  }
  .page-company_koukoku .pdf_btn{
    display: flex;
    align-items: center;
    font-size: 12px;
    color:#196AAF;
    line-height: 150%;
    text-decoration: none;
    border:1px solid #C4C4C4;
    padding: 10px 12px;
  }
  .page-company_koukoku .pdf_btn + .pdf_btn{
    margin-top: 8px;  
  }
    .page-company_koukoku .pdf_btn img{
      width: 15px;
      margin-right: 10px;
    }
  .page-company_koukoku .pdf_btn + .title_m {
    margin-top: 40px;
  }
}

/* page network -------------------------------------------*/
/* network_sale-ch-jp -----*/
.page_network .stb-head {
    max-width: 406px;
    margin: 0 auto 65px;
    padding:0!important;
}
.page_network .stb-head .stb-head-list {
    grid-template-columns: 1fr 1fr 1fr;
}
  .page_network .stb-head a {
    transition: .5s;
  }
    .page_network .stb-head a:hover {
      color: var(--color-white);
      background-color: var(--color-blue);
    }
  .page_network .stb-head .stb-head-item {
      padding: 0.4em 0.6em;
  }
.page_network .tbl_wrap{
  margin-bottom: 0;
}
.page_network .map + .ssm_sct_base{
  margin-top: 55px;
}
  .page_network .map .map_img{
width: 100%;
    margin-bottom: 55px;
  }
  .page_network .map .flex{
    display: flex;
    gap:30px;
    justify-content: center;
  }
  .page_network .map .flex a{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width:216px;
    height:45px;
    background:#196AAF;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    border-radius: 100px;
  }
  .page_network .map .flex a img{
    position: absolute;
    top: calc(50% - 7px);
    right: 14px;
  }
.page_network table{
  font-size: 11px;
  color: #606060;
  line-height: 170%;
  width: 100%;
}
  .page_network table + table{
    margin-top: 60px;
  }
.page_network table tr th{
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1;
  background: #4C8BC1;
  padding: 10px 10px;
  border: 1px solid #C4C4C4;
}
  .page_network table tr th.branch{
    width: 20%;
  } 
  .page_network table tr th.map{
    width: 10%;
  }
  .page_network table tr th.address{
    /*width: 18%;*/
    width: 25%;
  }
  .page_network table tr th.contact{
    width: 25%;
  }
  .page_network table tr th.mail{
    width: 20%;
  }
  /*
  .page_network table tr td:first-child {
    text-align: center;
  }
  */
  .page_network table tr td:first-child img{
    max-width: 152px;
  }
.page_network table tr td{
  width: calc(100% - 150px);
  padding: 25px 10px;
  border: 1px solid #C4C4C4;
}
  .page_network table tr td.td_map{
    text-align: center;
  }
  .page_network table tr td.td_map a{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    width: 38px;
    height: 25px;
    border-radius: 5px;
    background: #99BDDB;
    margin: 0 auto;
    padding-left: 1px;
  }
    .page_network table tr td.td_map a + a{
      margin-top: 16px;
    }
  .page_network table tr td a{
    color:#4C8BC1;
    text-decoration: none;
  }

  /* tbl2 */
  .page_network table.tbl2 tr th.branch{
    width: 43%;
  } 
  .page_network table.tbl2 tr th.address{
    width: 18%;
  }
  .page_network table.tbl2 tr th.url{
    width: 39%;
  }
@media print, screen and (max-width: 767px) {
  .page_network .stb-head {
      margin: 0 auto 30px;
      padding: 0 25px!important;
  }
  .page_network .stb-head .stb-head-list {
      width: 100%;
  }
  .page_network .map + .ssm_sct_base{
    margin-top: 30px;
  }
    .page_network .map .map_img{
/*
      width: 700px;
*/
      max-width: inherit;
      margin-bottom: 30px;
    }
    .page_network .map .flex{
      display: flex;
      flex-wrap: wrap;
      gap:10px;
      justify-content: center;
    }
    .page_network .map .flex a{
      width: calc(50% - 5px);
      height:36px;
      font-size: 12px;
    }
    .page_network .map .flex a img{
      top: calc(50% - 7px);
      right: 13px;
    }

  .page_network table{
/*
    width: 760px;
*/
    word-break: break-all;
  }

  .page_network table tr td:first-child img{
    max-width: 100px;
  }
}

/* network_sale-ch-foreign -----*/
.page_network .anchor_adjust{
  padding-top: 55px;
  margin-top: -55px;
}
.page_network .tbl_wrap + .tbl_wrap{
  margin-top: 60px;
}
.page_network .title_area{
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 120%;
  background: #4082BC;
  margin-bottom: 20px;
}
  .page_network .title_area span{
    display: block;
    background: #669BCA;
    width: 200px;
    padding: 10px;
  }
.page_network .title_country{
  font-size: 14px;
  color: #669BCA;
  border-bottom: 2px solid #669BCA;
  margin-bottom: 5px;
  padding: 0 0 8px;
}
.page_network table + .title_country {
  margin-top: 25px;
}
/* tbl3 */
.page_network table.tbl3 tr td {
  border: none;
  border-bottom: 1px solid #C4C4C4;
}
  .page_network table.tbl3 tr td:first-child {
    /*width: 200px;*/
    text-align: left;
  }
  .page_network table.tbl3 tr td:last-child {
    width: 60px;
  }
.page_network table .name{
  font-size: 14px;
  font-weight: bold;
  color: #606060;
  margin-bottom: 10px;
}

/* tbl4 */
.page_network table.tbl4 tr td {
  border: none;
  border-bottom: 1px solid #C4C4C4;
}
  .page_network table.tbl4 tr td:first-child {
    font-size: 13px;
    font-weight: bold;
    color: #4082BC;
    width: 200px;
    text-align: center;
    background: #F9F9F9;
  }
  .page_network table.tbl4 tr td:nth-child(2) {
    width: 200px;
    text-align: center;
  }
    .page_network table.tbl4 tr td:nth-child(2) img{
      max-width: 151px;
    }
@media print, screen and (max-width: 767px) {
  .page_network table.tbl4 tr td:first-child {
    width: 70px;
  }
  .page_network table.tbl4 tr td:nth-child(2) {
    width: 80px;
  }
    .page_network table.tbl4 tr td:nth-child(2) img{
      width: 100%;
      max-width: 100%;
    }
}




/* network_sale-ch-web -----*/
.page-network_sale-ch-web table tr th.branch{
  width: 50%;
}
.page-network_sale-ch-web table tr th.url{
  width: 50%;
}
.page-network_sale-ch-web table tr td:first-child{
  width: 18%;
}

/* page privacy -------------------------------------------*/
.page_lower_base .lead {
  margin-bottom: 40px;
}
.page_lower_base h3 {
  color: #337ab8;
  margin-bottom: 10px;
}
.page_lower_base .content + h3{
  margin-top: 30px;
}
.page_lower_base .content ol {
  list-style: decimal;
  list-style-position: inside;
  margin-left: 15px;
}
.page_lower_base ol li + li{
  margin-top: 10px;
}
.page_lower_base .lead_sub{
  margin-bottom: 10px;
}
.page_lower_base a{
  color: #337ab8;
}
  .page_lower_base a:hover{
    text-decoration: none;
  }
.page_lower_base .date{
  margin-top: 40px;
}

/* page sitemap -------------------------------------------*/
.page-sitemap .flex_sitemap{
  display: flex;
  line-height: 140%;
}
.page-sitemap .flex_sitemap .col_l,
.page-sitemap .flex_sitemap .col_r{
  flex:1;
}
.page-sitemap .flex_sitemap .col_l{
  border-right: 2px solid var(--color-gray);
  padding-right: 10px;
}
.page-sitemap .flex_sitemap .col_r{
  padding-left: 10px;
}
.page-sitemap .flex_sitemap .col_l > div,
.page-sitemap .flex_sitemap .col_r > div{
  padding: 15px 15px;
}
.page-sitemap .ub{
  border-bottom: 2px solid var(--color-gray);
}
.page-sitemap .flex_sitemap a{
  color: #337ab8;
}
  .page-sitemap .flex_sitemap a:hover{
    text-decoration: none;
  }
.page-sitemap .sitemap_bt + .sitemap_bt{
  margin-top: 15px;
}
.page-sitemap .sitemap_bt{
  position: relative;
  padding-left: 12px;
}
  .page-sitemap .sitemap_bt::before{
    content: '';
    position: absolute;
    top: calc(50% - 5px);
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid var(--color-blue);
    border-right: 0;
  }
.page-sitemap .sitemap_bt + ul{
  margin-top: 10px;
}
.page-sitemap .flex_sitemap ul{
  font-size: 13px;
  padding-left: 12px;
}
.page-sitemap .flex_sitemap ul + ul{
  margin-top: 10px;
}
.page-sitemap .flex_sitemap ul li + li{
  margin-top: 8px;
}
.page-sitemap .flex_sitemap ul li.label{
  margin-top: 15px;
}
.page-sitemap .flex_sitemap ul li.label + li ul li.label{
  margin-top: 10px;
}
@media print, screen and (max-width: 767px) {
  .page-sitemap .flex_sitemap{
    flex-wrap: wrap;
  }
  .page-sitemap .flex_sitemap .col_l,
  .page-sitemap .flex_sitemap .col_r{
    flex:inherit;
    width: 100%;
  }
  .page-sitemap .flex_sitemap .col_l{
    padding-right: 10px;
    border-right: none;
  }
  .page-sitemap .flex_sitemap .col_r{
    padding-left: 0;
  }
  .page-sitemap .flex_sitemap .col_l > div,
  .page-sitemap .flex_sitemap .col_r > div{
    padding: 20px 10px;
  }

  .page-sitemap .sitemap_bt {
    font-size: 14px;
  }
  .page-sitemap .sitemap_bt + ul{
    margin-top: 10px;
  }
  .page-sitemap .flex_sitemap ul + ul{
    margin-top: 20px;
  }
  .page-sitemap .flex_sitemap ul li + li{
    margin-top: 12px;
  }
}


/* page product_detail -------------------------------------------*/
.page-product_detail{
}
.page-product_detail .flex_product_detail{
  display: flex;
  gap:30px;
  justify-content: space-between;
  margin-bottom: 50px;
}
  .page-product_detail .flex_product_detail .col_l{
    width: 40%;
  }
    .page-product_detail .flex_product_detail .col_l img{
      width: 100%;
      max-width: 335px;
    }
  .page-product_detail .flex_product_detail .col_r{
    width: 60%;
  }
    .page-product_detail .flex_product_detail .col_r .title_m{
      font-size: 15px;
      font-weight: bold;
      color: #196AAF;
      margin-bottom: 2px;
    }
    .page-product_detail .flex_product_detail .col_r .detail{
      margin-bottom: 5px;
    }
    .page-product_detail .flex_product_detail .col_r .cmn_ul li{
      padding-left: 15px;
    }
      .page-product_detail .flex_product_detail .col_r .cmn_ul li::before{
        top: 12px;
        width: 5px;
        height: 5px;
      }
    .page-product_detail .flex_product_detail .col_r .pdf_btn{
      display: flex;
      align-items: center;
      gap: 20px;
      color: #196AAF;
      width: 100%;
      min-height: 54px;
      text-decoration: none;
      border: 1px solid #c3c3c3;  
      margin-top: 50px;
      padding: 15px 20px;
    }
      .page-product_detail .flex_product_detail .col_r .pdf_btn img{
        width: 22px;
      }
.page-product_detail .spec_list{
  text-align: center;
}
  .page-product_detail .spec_list .spec_title{
    background: #F3F3F3;
    padding: 5px 20px;
  }
  .page-product_detail .spec_list .spec_detail{
    padding: 5px 20px;
  }
@media print, screen and (max-width: 767px) {
  .page-product_detail .flex_product_detail{
    flex-wrap: wrap;
    gap:20px;
    justify-content: space-between;
    margin-bottom: 40px;
  }
    .page-product_detail .flex_product_detail .col_l{
      width: 100%;
      text-align: center;
    }
    .page-product_detail .flex_product_detail .col_r{
      width: 100%;
    }
      .page-product_detail .flex_product_detail .col_r .title_m{
        font-size: 14px;
        margin-bottom: 2px;
      }
      .page-product_detail .flex_product_detail .col_r .cmn_ul li{
        padding-left: 13px;
      }
        .page-product_detail .flex_product_detail .col_r .cmn_ul li::before{
          top: 10px;
        }
      .page-product_detail .flex_product_detail .col_r .pdf_btn{
        gap: 15px;
        margin-top: 35px;
        padding: 12px 15px;
      }
        .page-product_detail .flex_product_detail .col_r .pdf_btn img{
          width: 20px;
        }
}

/* page product_top -------------------------------------------*/
.page-product_top{
}
.flex_product_series{
  display: flex;
  gap:70px;
}
.flex_product_series .ssm_title_l {
    margin-bottom: 40px;
}
  .flex_product_series .col_l{
    width: 30%;
  }
    .flex_product_series .col_l .block + .block{
      margin-top: 40px;
    }

    /* searchform */
    .page-product_top .searchform {
      position: relative;
      border-radius: 50px;
      border: 1px solid #E4E4E4;
      overflow: hidden;
      margin-left: auto;
    }
    .page-product_top .searchfield {
       display: block;
       font-size: 14px;
       background: #fff;
       width: 100%;
       height: 50px;
       border: none;
       padding: 5px 50px 5px 20px;
    }
       .page-product_top .searchfield:focus {
          outline: none;
       }
       .page-product_top .searchfield::placeholder {
         color: #E4E4E4;
         font-size: 14px;
       }
    .page-product_top .searchsubmit {
       position: absolute;
       top: 0;
       right: 0;
       cursor: pointer;
       border: none;
       -webkit-appearance: none;
       border-style:none;
       background-color: #fff;
       background-image: url(../../common/img/product/icon_search.svg);
       background-repeat: no-repeat;
       background-size: 16px 16px;
       background-position: center;
       width: 50px;
       height: 50px;
       padding: 0;

    }
    .page-product_top .searchsubmit:hover {
      opacity: 0.7;
    }
  .flex_product_series .col_r{
    width: 70%;
  }
    .flex_product_series .col_r .title_s{
      font-weight: bold;
    }
    .flex_product_series .col_r .search_target{
      font-size: 12px;
      margin-bottom: 20px;
    }
    ul.series_srh_chbox{
      display: flex;
      flex-wrap: wrap;
      gap:5px 20px;
      margin-bottom: 20px;
    }
      ul.series_srh_chbox li{
        width: 30%;
      }
        ul.series_srh_chbox li input[type="checkbox"] {
          position: relative;
          top: -1px;
          width: 18px;
          height: 18px;
          border: 1px solid #E4E4E4;
          border-radius: 3px;
          vertical-align: -5px;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          margin-right: 5px;
        }
        ul.series_srh_chbox li input[type="checkbox"]:checked {
          background: #FF5050;
          border: none;
        }
        ul.series_srh_chbox li input[type="checkbox"]:checked::before {
          content: '';
          position: absolute;
          top: 3px;
          left: 6px;
          transform: rotate(50deg);
          width: 6px;
          height: 10px;
          border-right: 2px solid #fff;
          border-bottom: 2px solid #fff;
        }
    .search_result_count,
    .search_result_count2{
      display: inline-block;
      font-size: 14px;
      font-weight: bold;
      color: #FF5050;
      letter-spacing: 1px;
      margin-right: 30px;
    }
      .search_result_count span,
      .search_result_count2 span{
        display: inline-block;
        font-size: 25px;
        margin: 0 5px;
      }
    .search_submit_btn{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size:14px;
      font-weight:bold;
      color: #fff;
      letter-spacing: 1px;
      width:180px;
      height: 40px;
      background:#196AAF;
      border-radius: 100px;
      cursor:pointer;
      -webkit-appearance: none;
      border-style:none;
      padding-top: 2px;
    }
.search_result_area{
  margin-top: 30px;  
}

.flex_search_cat{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:40px;
}
.flex_search_cat + .flex_search_cat{
  margin-top: 40px;
}
  .flex_search_cat a{

    position: relative;
    color: #606060;
    text-align: center;
    text-decoration:none;
    background: #F3F3F3;
    border-radius: 8px;
    padding: 30px 30px 35px;
  }
    .flex_search_cat a .cat_title{
      font-weight: bold;
      color: #fff;
      letter-spacing: 1px;
      text-align: center;
      border-radius: 20px;
      margin-bottom: 20px;
      padding: 5px;
      transition: .5s;
    }
    .flex_search_cat a.cat1 .cat_title{
      background: #9A87BA;
    }
    .flex_search_cat a.cat2 .cat_title{
      background: #A6C954;
    }
    .flex_search_cat a.cat3 .cat_title{
      background: #FFC435;
    }
    .flex_search_cat a.cat4 .cat_title{
      background: #DE9C2A;
    }
    .flex_search_cat a.cat5 .cat_title{
      background: #FF887E;
    }
    .flex_search_cat a.cat6 .cat_title{
      background: #3B7CB0;
    }
    .flex_search_cat a.cat7 .cat_title{
      background: #64DA94;
    }
    .flex_search_cat a.cat8 .cat_title{
      background: #BC0505;
    }
    .flex_search_cat a.cat9 .cat_title{
      background: #75C6ED;
    }
    .flex_search_cat a:hover .cat_title{
      background: #606060;
    }
    .flex_search_cat a img{
      width: 100%;
      max-width: 400px;
      margin-bottom: 15px;
    }
    .flex_search_cat a .caption{
      font-size: 12px;
      letter-spacing: 0;
      line-height: 180%;
    }
    .flex_search_cat a svg{
      position: absolute;
      bottom: 18px;
      right: 20px;
      transition: .5s;
    }
    .flex_search_cat a svg path{
      transition: .5s;
    }
    .flex_search_cat a:hover svg path{
      fill:#606060!important;
    }
@media print, screen and (max-width: 767px) {
  .flex_product_series{
    flex-wrap: wrap;
    gap: 20px;
  }
  .flex_product_series .ssm_title_l {
      margin-bottom: 20px;
  }
    .flex_product_series .col_l{
      width: 100%;
    }
      .flex_product_series .col_l .block + .block{
        margin-top: 20px;
      }
      /* searchform */
      .page-product_top .searchfield {
         height: 40px;
         padding: 5px 50px 5px 20px;
      }
      .page-product_top .searchsubmit {
         width: 40px;
         height: 40px;
      }
    .flex_product_series .col_r{
      width: 100%;
    }
      .flex_product_series .col_r .title_s{
        font-size: 12px;
      }
      .flex_product_series .col_r .search_target{
        font-size: 11px;
        margin-bottom: 15px;
      }
      ul.series_srh_chbox{
        gap:5px 15px;
        margin-bottom: 10px;
      }
        ul.series_srh_chbox li{
          width: calc(50% - 8px);
        }
      .search_result_count,
      .search_result_count2{
        display: block;
        text-align: center;
        font-size: 12px;
        margin: 0 0 10px 0;
      }
        .search_result_count span,
        .search_result_count2 span{
          font-size: 20px;
        }
      .search_submit_btn{
        display: block;
        margin: 0 auto;
      }
  .search_result_area{
    margin-top: 20px;  
  }
  .flex_search_cat{
    grid-template-columns: repeat(1,1fr);
    gap:10px;
  }
  .flex_search_cat + .flex_search_cat{
    margin-top: 10px;
  }
    .flex_search_cat a{
      padding: 22px 20px 30px;
    }
      .flex_search_cat a .cat_title{
        margin-bottom: 20px;
      }
      .flex_search_cat a img{
        margin-bottom: 10px;
      }
      .flex_search_cat a .caption{
        font-size: 12px;
        letter-spacing: 0;
        line-height: 180%;
      }
      .flex_search_cat a svg{
        position: absolute;
        bottom: 18px;
        right: 20px;
        transition: .5s;
      }
      .flex_search_cat a svg path{
        transition: .5s;
      }
      .flex_search_cat a:hover svg path{
        fill:#606060!important;
      }
}

/* page news -------------------------------------------*/
.page-news .ssm_sct_base .inner{
  display: flex;
  gap: 40px;
}
.page-news .ssm_sct_base aside {
    width: 170px
}
  .page-news .ssm_sct_base aside .aside_title {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 50px;
      background-color: var(--color-blue);
      border-radius: 50px;
      margin-bottom: 5px;
      padding-top: 2px;
      color: var(--color-white);
  }

  .page-news .ssm_sct_base aside ul.aside_items {
      width: 100%
  }
  .page-news .ssm_sct_base aside ul.aside_items li a {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: var(--main-navy);
      line-height: 120%;
      text-decoration: none;
      border-bottom: 1px solid #f3f3f3;
      padding: 15px 10px 13px;
  }
    .page-news .ssm_sct_base aside ul.aside_items li a::after {
      content: 'trending_flat';
      width: 22px;
      height: 12px;
      background-color: #337AB8;
      border-radius: 0.75em;
      border-style: solid;
      border-color: var(--color-blue);
      border-width: 1px;
      font-family: 'Material Symbols Outlined';
      font-weight: normal;
      font-style: normal;
      font-size: 13px;
      color: var(--color-white);
      line-height: 1;
      letter-spacing: normal;
      text-transform: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap;
      word-wrap: normal;
      direction: ltr;
      -webkit-font-feature-settings: 'liga';
      -webkit-font-smoothing: antialiased;
      transition: .5s;
    }
    .page-news .ssm_sct_base aside ul.aside_items li a:hover::after {
      background-color: var(--color-blue02);
      border-color: var(--color-blue02);
      color: var(--color-blue);
    }
.page-news .ssm_sct_base .main {
    width: calc(100% - 210px)
}
  .page-news .ssm_sct_base .articles {
      margin-bottom: 50px
  }
  .page-news .ssm_sct_base article + article{
    margin-top: 40px;
  }
    .page-news .ssm_sct_base article .ssm_title_l{
      letter-spacing: 2px;
      margin-bottom: 15px;
    }
    .page-news .ssm_sct_base article .date{
      display: block;
      font-size: 12px;
      color: #337ab8;
      margin-bottom: 3px;
    }

/* wp_edit_area style */
.wp_edit_area {
  font-weight: normal;
  max-width: 100%;
}
.wp_edit_area img{
  height: auto;
  margin-bottom: 20px;
}
.wp_edit_area figure {
  margin-bottom: 20px;
}
  .wp_edit_area figure img{
    margin-bottom: 0;
  }
.wp_edit_area a:link,
.wp_edit_area a:visited,
.wp_edit_area a:active{
  color: var(--color-blue);
  text-decoration: none;
}
.wp_edit_area a:hover{
  text-decoration: underline;
}
.wp_edit_area p{
  font-size: 14px;
  line-height: 2;
  margin-bottom: 20px;
}
.wp_edit_area h2,
.wp_edit_area h3,
.wp_edit_area h4,
.wp_edit_area h5{
  text-align: left;
  font-weight: bold;
  line-height: 140%;
  padding:0;
}
.wp_edit_area h2{
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 1px;
  background: var(--color-blue);
  margin-bottom: 20px;
  padding: 5px 10px;
}
.wp_edit_area h3{
  font-size: 19px;
  font-weight: bold;
  color: var(--main-navy);
  line-height: 120%;
  border-bottom: 1px solid var(--color-blue);
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.wp_edit_area h4{
  font-size: 18px;
  color: var(--main-navy);
  border-left: 5px solid var(--color-blue);
  margin-bottom: 15px;
  padding: 1px 6px;
}
.wp_edit_area h5{
  font-size: 16px;
  margin-bottom: 15px;
}

/* リスト */
.wp_edit_area ul {
  margin-bottom: 15px;
}
  .wp_edit_area ul li{
    position: relative;
    line-height: 130%;
    margin-bottom: 15px;
    padding-left: 15px; 
  }
    .wp_edit_area ul li::before {
      content: " ";
      position: absolute;
      top: 6px;
      left: 0;
      width: 5px;
      height: 5px;
      border-radius: 100%;
      font-size: 30px;
      background-color: var(--color-blue);
    }
.wp_edit_area ol {
    counter-reset: li;
    margin-left: 0;
    margin-bottom: 15px;
}
  .wp_edit_area ol li {
      list-style: none;
      list-style-type: none;
      position: relative;
      line-height: 130%;
      margin-bottom: 15px;
      margin-left: 20px;
  }
  .wp_edit_area ol > li:before {
      position: absolute;
      top: 0;
      left: -20px;
      font-weight: bold;
      color: var(--color-blue);
      counter-increment: li;
      content: counter(li) "";
  }

/* テーブル */
.wp_edit_area table {
  width: 100%;
  line-height: 140%;
  margin-bottom: 20px;
}
  .wp_edit_area table th,
  .wp_edit_area table td{
    border: 1px solid #ddd!important;
    padding: 10px 10px!important;
  }
  .wp_edit_area table th{
    text-align: center;
    background: #f5f5f5;
  }

/* 引用 */
blockquote {
  position: relative;
  box-sizing: border-box;
  font-style: italic;
  font-size: 14px;
  color: #4e4e4e;
  background: #f5f5f5;
  margin-bottom: 20px;
  padding: 20px 30px 28px;
}
blockquote:before{
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 5px;
  content: '“';
  font-size: 40px;
  font-weight: bold;
  color: #d1d1d1;
  line-height: 1;
}
blockquote:after{
  display: inline-block;
  position: absolute;
  bottom: -15px;
  right: 20px;
  content: '”';
  font-size: 40px;
  font-weight: bold;
  color: #d1d1d1;
  line-height: 1;
  text-align: center;
}
blockquote p {
  position: relative;
  padding: 0;
  margin: 0 0 10px!important;
  z-index: 3;
  line-height: 1.7;
}
blockquote cite {
  position: relative;
  z-index: 3;
  display: block;
  text-align: right;
  color: #888888;
  font-size: 0.9em;
}

/* wp default button */
.wp-block-button__link {
  position: relative;
  font-size: 14px;
  color: #fff;
  line-height: 130%;
  background-color: var(--color-blue);
  border-radius: 9999px;
  box-shadow: none;
  text-decoration: none;
  margin-bottom: 25px;
  padding: 12px 40px 10px;
}
.wp-block-button__link::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -3px;
    margin-left: -3px;
}
a.wp-block-button__link:link,
a.wp-block-button__link:active,
a.wp-block-button__link:visited{
  color: #fff!important;
  text-decoration: none!important;
}
.wp_edit_area .is-type-wp-embed {
  margin-bottom: 25px;
}
  .wp_edit_area .is-type-wp-embed iframe{
    width: 100%;
  }
.wp_edit_area .is-provider-youtube {
  margin-bottom: 25px;
}
  .wp_edit_area .is-provider-youtube iframe{
    aspect-ratio:16 / 9;
    width:100%;
    height:100%;
  }
@media screen and (max-width: 767px) {
  .page-news .ssm_sct_base .inner{
    flex-wrap: wrap;
    gap: 15px;
  }
  .page-news .ssm_sct_base aside {
      width: 100%;
  }
    .page-news .ssm_sct_base aside .aside_title {
        height: 30px;
        margin-bottom: 10px;
        padding-top: 0;
    }
    .page-news .ssm_sct_base aside ul.aside_items {
      display: flex;
      flex-wrap: wrap;
      gap:20px;
    }
      .page-news .ssm_sct_base aside ul.aside_items li {
        width:calc(33.33% - 14px);
      }
      .page-news .ssm_sct_base aside ul.aside_items li a{
        border-bottom: none;
      }
  .page-news .ssm_sct_base .main {
      width:100%;
  }
    .page-news .ssm_sct_base .articles {
        margin-bottom: 40px
    }
    .page-news .ssm_sct_base article .date{
      font-size: 11px;
    }

  .wp_edit_area h2{
    font-size: 20px;
  }
  .wp_edit_area h3{
    font-size: 18px;
  }
  .wp_edit_area h4{
    font-size: 16px;
  }
  .wp_edit_area .is-type-wp-embed iframe{
    height: auto;
  }
}

/* wp-pagenavi ページネーション */
.wp-pagenavi{
  text-align: center;
}
.wp-pagenavi .pages{
  display: none;
}
.wp-pagenavi a,
.wp-pagenavi span,
.wp-pagenavi .page{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  font-family: Arial,sans-serif;
  font-size: 15px;
  color: #000;
  line-height: 1;
  text-decoration: none;
  border-color: #f3f3f3;
  border-radius: 50px;
  margin: 5px;
  padding: 0 2px;
  transition: .5s;
}
.wp-pagenavi span.current{
  font-weight: bold;
  color: #fff;
  border-color: var(--color-blue);
  background: var(--color-blue);
}
.wp-pagenavi a:hover{
  opacity: 1;
  border-color: var(--color-blue);
}
.wp-pagenavi .icon{
  border:none;
  width: auto;
  height: auto;
  background-image: url(../../img/common/arrow_black.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 12px;
  height: 7px;
}
.wp-pagenavi .previouspostslink .icon{
  transform: scaleX(-1);
}

/* page 404 ------------------------------------------------*/
.page-not_found .not_found{
  text-align: center;
}
.page-not_found .not_found .btn_area {
  margin: 50px 0 0;
}
.page-not_found .not_found .btn_area .link_btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: #196AAF;
  border-radius: 100px;
  margin: 0 auto;
}