@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #333;
  cursor: pointer;
}

ul {
  list-style: none;
}

img {
  vertical-align: bottom;
}

@media screen and (max-width: 750px) {
  img {
    max-width: 100%;
  }
}

.clearfix {
  zoom: 1;
}

html {
  overflow-y: scroll;
}

body {
  font-family: 'Noto Sans Japanese','メイリオ', Meiryo,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  min-width: 1200px;
}

@media screen and (max-width: 770px) {
  body {
    min-width: 0;
  }
}

@media screen and (max-width: 750px) {
  body {
    font-size: 13px;
    padding-top: 50px;
  }
}

.en_page {
  letter-spacing: 0.05em;
}

/*---------------------------------------------------------* font-size */
.fs8 {
  font-size: 8px !important;
}

.fs9 {
  font-size: 9px !important;
}

.fs10 {
  font-size: 10px !important;
}

.fs11 {
  font-size: 11px !important;
}

.fs12 {
  font-size: 12px !important;
}

.fs13 {
  font-size: 13px !important;
}

.fs14 {
  font-size: 14px !important;
}

.fs15 {
  font-size: 15px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs17 {
  font-size: 17px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fs19 {
  font-size: 19px !important;
}

.fs20 {
  font-size: 20px !important;
}

.fs21 {
  font-size: 21px !important;
}

.fs22 {
  font-size: 22px !important;
}

.fs23 {
  font-size: 23px !important;
}

.fs24 {
  font-size: 24px !important;
}

.fs25 {
  font-size: 25px !important;
}

.fs26 {
  font-size: 26px !important;
}

.fs27 {
  font-size: 27px !important;
}

.fs28 {
  font-size: 28px !important;
}

.fs29 {
  font-size: 29px !important;
}

.fs30 {
  font-size: 30px !important;
}

/*---------------------------------------------------------* line-height */
.lh10 {
  line-height: 1 !important;
}

.lh11 {
  line-height: 1.1 !important;
}

.lh12 {
  line-height: 1.2 !important;
}

.lh13 {
  line-height: 1.3 !important;
}

.lh14 {
  line-height: 1.4 !important;
}

.lh15 {
  line-height: 1.5 !important;
}

.lh16 {
  line-height: 1.6 !important;
}

.lh17 {
  line-height: 1.7 !important;
}

.lh18 {
  line-height: 1.8 !important;
}

.lh19 {
  line-height: 1.9 !important;
}

.lh20 {
  line-height: 2 !important;
}

.lh21 {
  line-height: 2.1 !important;
}

.lh22 {
  line-height: 2.2 !important;
}

.lh23 {
  line-height: 2.3 !important;
}

.lh24 {
  line-height: 2.4 !important;
}

.lh25 {
  line-height: 2.5 !important;
}

.lh26 {
  line-height: 2.6 !important;
}

.lh27 {
  line-height: 2.7 !important;
}

.lh28 {
  line-height: 2.8 !important;
}

.lh29 {
  line-height: 2.9 !important;
}

.lh30 {
  line-height: 3 !important;
}

/*---------------------------------------------------------* width, height */
.w0 {
  width: 0px !important;
}

.w5 {
  width: 5px !important;
}

.w10 {
  width: 10px !important;
}

.w15 {
  width: 15px !important;
}

.w20 {
  width: 20px !important;
}

.w25 {
  width: 25px !important;
}

.w30 {
  width: 30px !important;
}

.w35 {
  width: 35px !important;
}

.w40 {
  width: 40px !important;
}

.w45 {
  width: 45px !important;
}

.w50 {
  width: 50px !important;
}

.w55 {
  width: 55px !important;
}

.w60 {
  width: 60px !important;
}

.w65 {
  width: 65px !important;
}

.w70 {
  width: 70px !important;
}

.w75 {
  width: 75px !important;
}

.w80 {
  width: 80px !important;
}

.w85 {
  width: 85px !important;
}

.w90 {
  width: 90px !important;
}

.w95 {
  width: 95px !important;
}

.w100 {
  width: 100px !important;
}

.w110 {
  width: 110px !important;
}

.w120 {
  width: 120px !important;
}

.w130 {
  width: 130px !important;
}

.w140 {
  width: 140px !important;
}

.w150 {
  width: 150px !important;
}

.w160 {
  width: 160px !important;
}

.w170 {
  width: 170px !important;
}

.w180 {
  width: 180px !important;
}

.w190 {
  width: 190px !important;
}

.w200 {
  width: 200px !important;
}

.w210 {
  width: 210px !important;
}

.w220 {
  width: 220px !important;
}

.w230 {
  width: 230px !important;
}

.w240 {
  width: 240px !important;
}

.w250 {
  width: 250px !important;
}

.w260 {
  width: 260px !important;
}

.w270 {
  width: 270px !important;
}

.w280 {
  width: 280px !important;
}

.w290 {
  width: 290px !important;
}

.w300 {
  width: 300px !important;
}

.w310 {
  width: 310px !important;
}

.w320 {
  width: 320px !important;
}

.w330 {
  width: 330px !important;
}

.w340 {
  width: 340px !important;
}

.w350 {
  width: 350px !important;
}

.w360 {
  width: 360px !important;
}

.w370 {
  width: 370px !important;
}

.w380 {
  width: 380px !important;
}

.w390 {
  width: 390px !important;
}

.w400 {
  width: 400px !important;
}

.w410 {
  width: 410px !important;
}

.w420 {
  width: 420px !important;
}

.w430 {
  width: 430px !important;
}

.w440 {
  width: 440px !important;
}

.w450 {
  width: 450px !important;
}

.w460 {
  width: 460px !important;
}

.w470 {
  width: 470px !important;
}

.w480 {
  width: 480px !important;
}

.w490 {
  width: 490px !important;
}

.w500 {
  width: 500px !important;
}

.wAuto {
  width: auto !important;
}

.h0 {
  height: 0px !important;
}

.h5 {
  height: 5px !important;
}

.h10 {
  height: 10px !important;
}

.h15 {
  height: 15px !important;
}

.h20 {
  height: 20px !important;
}

.h25 {
  height: 25px !important;
}

.h30 {
  height: 30px !important;
}

.h35 {
  height: 35px !important;
}

.h40 {
  height: 40px !important;
}

.h45 {
  height: 45px !important;
}

.h50 {
  height: 50px !important;
}

.h55 {
  height: 55px !important;
}

.h60 {
  height: 60px !important;
}

.h65 {
  height: 65px !important;
}

.h70 {
  height: 70px !important;
}

.h75 {
  height: 75px !important;
}

.h80 {
  height: 80px !important;
}

.h85 {
  height: 85px !important;
}

.h90 {
  height: 90px !important;
}

.h95 {
  height: 95px !important;
}

.h100 {
  height: 100px !important;
}

.h110 {
  height: 110px !important;
}

.h120 {
  height: 120px !important;
}

.h130 {
  height: 130px !important;
}

.h140 {
  height: 140px !important;
}

.h150 {
  height: 150px !important;
}

.h160 {
  height: 160px !important;
}

.h170 {
  height: 170px !important;
}

.h180 {
  height: 180px !important;
}

.h190 {
  height: 190px !important;
}

.h200 {
  height: 200px !important;
}

.h210 {
  height: 210px !important;
}

.h220 {
  height: 220px !important;
}

.h230 {
  height: 230px !important;
}

.h240 {
  height: 240px !important;
}

.h250 {
  height: 250px !important;
}

.h260 {
  height: 260px !important;
}

.h270 {
  height: 270px !important;
}

.h280 {
  height: 280px !important;
}

.h290 {
  height: 290px !important;
}

.h300 {
  height: 300px !important;
}

.h310 {
  height: 310px !important;
}

.h320 {
  height: 320px !important;
}

.h330 {
  height: 330px !important;
}

.h340 {
  height: 340px !important;
}

.h350 {
  height: 350px !important;
}

.h360 {
  height: 360px !important;
}

.h370 {
  height: 370px !important;
}

.h380 {
  height: 380px !important;
}

.h390 {
  height: 390px !important;
}

.h400 {
  height: 400px !important;
}

.h410 {
  height: 410px !important;
}

.h420 {
  height: 420px !important;
}

.h430 {
  height: 430px !important;
}

.h440 {
  height: 440px !important;
}

.h450 {
  height: 450px !important;
}

.h460 {
  height: 460px !important;
}

.h470 {
  height: 470px !important;
}

.h480 {
  height: 480px !important;
}

.h490 {
  height: 490px !important;
}

.h500 {
  height: 500px !important;
}

.hAuto {
  height: auto !important;
}

.w0 {
  width: 0px !important;
}

.w5 {
  width: 5px !important;
}

.w10 {
  width: 10px !important;
}

.w15 {
  width: 15px !important;
}

.w20 {
  width: 20px !important;
}

.w25 {
  width: 25px !important;
}

.w30 {
  width: 30px !important;
}

.w35 {
  width: 35px !important;
}

.w40 {
  width: 40px !important;
}

.w45 {
  width: 45px !important;
}

.w50 {
  width: 50px !important;
}

.w55 {
  width: 55px !important;
}

.w60 {
  width: 60px !important;
}

.w65 {
  width: 65px !important;
}

.w70 {
  width: 70px !important;
}

.w75 {
  width: 75px !important;
}

.w80 {
  width: 80px !important;
}

.w85 {
  width: 85px !important;
}

.w90 {
  width: 90px !important;
}

.w95 {
  width: 95px !important;
}

.w100 {
  width: 100px !important;
}

.w110 {
  width: 110px !important;
}

.w120 {
  width: 120px !important;
}

.w130 {
  width: 130px !important;
}

.w140 {
  width: 140px !important;
}

.w150 {
  width: 150px !important;
}

.w160 {
  width: 160px !important;
}

.w170 {
  width: 170px !important;
}

.w180 {
  width: 180px !important;
}

.w190 {
  width: 190px !important;
}

.w200 {
  width: 200px !important;
}

.w210 {
  width: 210px !important;
}

.w220 {
  width: 220px !important;
}

.w230 {
  width: 230px !important;
}

.w240 {
  width: 240px !important;
}

.w250 {
  width: 250px !important;
}

.w260 {
  width: 260px !important;
}

.w270 {
  width: 270px !important;
}

.w280 {
  width: 280px !important;
}

.w290 {
  width: 290px !important;
}

.w300 {
  width: 300px !important;
}

.w310 {
  width: 310px !important;
}

.w320 {
  width: 320px !important;
}

.w330 {
  width: 330px !important;
}

.w340 {
  width: 340px !important;
}

.w350 {
  width: 350px !important;
}

.w360 {
  width: 360px !important;
}

.w370 {
  width: 370px !important;
}

.w380 {
  width: 380px !important;
}

.w390 {
  width: 390px !important;
}

.w400 {
  width: 400px !important;
}

.w410 {
  width: 410px !important;
}

.w420 {
  width: 420px !important;
}

.w430 {
  width: 430px !important;
}

.w440 {
  width: 440px !important;
}

.w450 {
  width: 450px !important;
}

.w460 {
  width: 460px !important;
}

.w470 {
  width: 470px !important;
}

.w480 {
  width: 480px !important;
}

.w490 {
  width: 490px !important;
}

.w500 {
  width: 500px !important;
}

.wAuto {
  width: auto !important;
}

/*---------------------------------------------------------* margin, padding */
.m0 {
  margin: 0px !important;
}

.m1 {
  margin: 1px !important;
}

.m2 {
  margin: 2px !important;
}

.m3 {
  margin: 3px !important;
}

.m4 {
  margin: 4px !important;
}

.m5 {
  margin: 5px !important;
}

.m6 {
  margin: 6px !important;
}

.m7 {
  margin: 7px !important;
}

.m8 {
  margin: 8px !important;
}

.m9 {
  margin: 9px !important;
}

.m10 {
  margin: 10px !important;
}

.m15 {
  margin: 15px !important;
}

.m20 {
  margin: 20px !important;
}

.m25 {
  margin: 25px !important;
}

.m30 {
  margin: 30px !important;
}

.m35 {
  margin: 35px !important;
}

.m40 {
  margin: 40px !important;
}

.m45 {
  margin: 45px !important;
}

.m50 {
  margin: 50px !important;
}

.m55 {
  margin: 55px !important;
}

.m60 {
  margin: 60px !important;
}

.m65 {
  margin: 65px !important;
}

.m70 {
  margin: 70px !important;
}

.m75 {
  margin: 75px !important;
}

.m80 {
  margin: 80px !important;
}

.m85 {
  margin: 85px !important;
}

.m90 {
  margin: 90px !important;
}

.m95 {
  margin: 95px !important;
}

.m100 {
  margin: 100px !important;
}

.mAuto {
  margin: auto !important;
}

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

.mt1 {
  margin-top: 1px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt9 {
  margin-top: 9px !important;
}

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

.mt15 {
  margin-top: 15px !important;
}

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

.mt25 {
  margin-top: 25px !important;
}

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

.mt35 {
  margin-top: 35px !important;
}

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

.mt45 {
  margin-top: 45px !important;
}

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

.mt55 {
  margin-top: 55px !important;
}

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

.mt65 {
  margin-top: 65px !important;
}

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

.mt75 {
  margin-top: 75px !important;
}

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

.mt85 {
  margin-top: 85px !important;
}

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

.mt95 {
  margin-top: 95px !important;
}

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

.mtAuto {
  margin-top: auto !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb1 {
  margin-bottom: 1px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.mb7 {
  margin-bottom: 7px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb9 {
  margin-bottom: 9px !important;
}

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

.mb15 {
  margin-bottom: 15px !important;
}

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

.mb25 {
  margin-bottom: 25px !important;
}

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

.mb35 {
  margin-bottom: 35px !important;
}

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

.mb45 {
  margin-bottom: 45px !important;
}

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

.mb55 {
  margin-bottom: 55px !important;
}

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

.mb65 {
  margin-bottom: 65px !important;
}

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

.mb75 {
  margin-bottom: 75px !important;
}

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

.mb85 {
  margin-bottom: 85px !important;
}

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

.mb95 {
  margin-bottom: 95px !important;
}

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

.mbAuto {
  margin-bottom: auto !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml1 {
  margin-left: 1px !important;
}

.ml2 {
  margin-left: 2px !important;
}

.ml3 {
  margin-left: 3px !important;
}

.ml4 {
  margin-left: 4px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml6 {
  margin-left: 6px !important;
}

.ml7 {
  margin-left: 7px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.ml9 {
  margin-left: 9px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mlAuto {
  margin-left: auto !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr1 {
  margin-right: 1px !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mr3 {
  margin-right: 3px !important;
}

.mr4 {
  margin-right: 4px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr6 {
  margin-right: 6px !important;
}

.mr7 {
  margin-right: 7px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mr9 {
  margin-right: 9px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mrAuto {
  margin-right: auto !important;
}

.p0 {
  padding: 0px !important;
}

.p1 {
  padding: 1px !important;
}

.p2 {
  padding: 2px !important;
}

.p3 {
  padding: 3px !important;
}

.p4 {
  padding: 4px !important;
}

.p5 {
  padding: 5px !important;
}

.p6 {
  padding: 6px !important;
}

.p7 {
  padding: 7px !important;
}

.p8 {
  padding: 8px !important;
}

.p9 {
  padding: 9px !important;
}

.p10 {
  padding: 10px !important;
}

.p15 {
  padding: 15px !important;
}

.p20 {
  padding: 20px !important;
}

.p25 {
  padding: 25px !important;
}

.p30 {
  padding: 30px !important;
}

.p35 {
  padding: 35px !important;
}

.p40 {
  padding: 40px !important;
}

.p45 {
  padding: 45px !important;
}

.p50 {
  padding: 50px !important;
}

.p55 {
  padding: 55px !important;
}

.p60 {
  padding: 60px !important;
}

.p65 {
  padding: 65px !important;
}

.p70 {
  padding: 70px !important;
}

.p75 {
  padding: 75px !important;
}

.p80 {
  padding: 80px !important;
}

.p85 {
  padding: 85px !important;
}

.p90 {
  padding: 90px !important;
}

.p95 {
  padding: 95px !important;
}

.p100 {
  padding: 100px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt1 {
  padding-top: 1px !important;
}

.pt2 {
  padding-top: 2px !important;
}

.pt3 {
  padding-top: 3px !important;
}

.pt4 {
  padding-top: 4px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt6 {
  padding-top: 6px !important;
}

.pt7 {
  padding-top: 7px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pt9 {
  padding-top: 9px !important;
}

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

.pt15 {
  padding-top: 15px !important;
}

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

.pt25 {
  padding-top: 25px !important;
}

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

.pt35 {
  padding-top: 35px !important;
}

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

.pt45 {
  padding-top: 45px !important;
}

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

.pt55 {
  padding-top: 55px !important;
}

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

.pt65 {
  padding-top: 65px !important;
}

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

.pt75 {
  padding-top: 75px !important;
}

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

.pt85 {
  padding-top: 85px !important;
}

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

.pt95 {
  padding-top: 95px !important;
}

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

.pb0 {
  padding-bottom: 0px !important;
}

.pb1 {
  padding-bottom: 1px !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

.pb3 {
  padding-bottom: 3px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb6 {
  padding-bottom: 6px !important;
}

.pb7 {
  padding-bottom: 7px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pb9 {
  padding-bottom: 9px !important;
}

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

.pb15 {
  padding-bottom: 15px !important;
}

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

.pb25 {
  padding-bottom: 25px !important;
}

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

.pb35 {
  padding-bottom: 35px !important;
}

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

.pb45 {
  padding-bottom: 45px !important;
}

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

.pb55 {
  padding-bottom: 55px !important;
}

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

.pb65 {
  padding-bottom: 65px !important;
}

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

.pb75 {
  padding-bottom: 75px !important;
}

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

.pb85 {
  padding-bottom: 85px !important;
}

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

.pb95 {
  padding-bottom: 95px !important;
}

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

.pb115 {
  padding-bottom: 115px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl1 {
  padding-left: 1px !important;
}

.pl2 {
  padding-left: 2px !important;
}

.pl3 {
  padding-left: 3px !important;
}

.pl4 {
  padding-left: 4px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl6 {
  padding-left: 6px !important;
}

.pl7 {
  padding-left: 7px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.pl9 {
  padding-left: 9px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr1 {
  padding-right: 1px !important;
}

.pr2 {
  padding-right: 2px !important;
}

.pr3 {
  padding-right: 3px !important;
}

.pr4 {
  padding-right: 4px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr6 {
  padding-right: 6px !important;
}

.pr7 {
  padding-right: 7px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pr9 {
  padding-right: 9px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.txt-c {
  text-align: center !important;
}

.txt-l {
  text-align: left !important;
}

.txt-r {
  text-align: right !important;
}

.fwd {
  font-weight: bold !important;
}

.fl_l {
  float: left !important;
}

.fl_r {
  float: right !important;
}

.fl_n {
  float: none !important;
}

.indent {
  text-indent: -1em;
  padding-left: 1em;
}

.clearfix {
  zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

/*-------------------------------------------
|   header layout
---------------------------------------------*/
header {
  width: 100%;
  height: 150px;
  background: #fff;
  min-width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  header {
    height: 50px;
    position: fixed;
    top: 0;
    z-index: 9999;
    -webkit-box-shadow: 0px 1px 2px gray;
    box-shadow: 0px 1px 2px gray;
    min-width: 0;
  }
}

header.is_fixed {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  -webkit-box-shadow: 0px 1px 2px gray;
  box-shadow: 0px 1px 2px gray;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.header_inner {
  width: 1150px;
  height: 85px;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0;
}

@media screen and (max-width: 750px) {
  .header_inner {
    width: 100%;
    position: relative;
    padding: 10px 5.733%;
    height: auto;
  }
}

.header_inner.en_width {
  width: 1150px;
}

@media screen and (max-width: 750px) {
  .header_inner.en_width {
    width: 100%;
  }
}

.header_logo {
  display: inline-block;
}

.header_logo a {
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease;
  opacity: 1;
}

.header_logo a:hover {
  cursor: pointer;
  opacity: .7;
}

.header_logo img {
  width: 117px;
  height: auto;
}

@media screen and (max-width: 750px) {
  .header_logo img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .header_logo {
    width: 80px;
  }
}

.global_nav {
  display: inline-block;
}

@media screen and (max-width: 750px) {
  .global_nav {
    display: none;
  }
}

.global_nav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.global_nav_list a {
  line-height: 45px;
  display: block;
  font-size: 14px;
}

.global_nav_price {
  position: relative;
  width: 180px;
  margin: 0 10px 0 0;
}

.global_nav_price a {
  text-align: center;
  border-radius: 4px;
  background: rgba(31, 31, 31, 0.1);
  -webkit-transition: color .1s ease;
  transition: color .1s ease;
}

.global_nav_price a::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url("../img/header/yen.png") no-repeat;
  background-size: contain;
  margin: 0 5px 0 0;
  position: relative;
  top: 1px;
  -webkit-transition: background .1s ease;
  transition: background .1s ease;
}

.global_nav_price a:hover {
  color: #3399cc;
}

.global_nav_price a:hover::before {
  background-image: url(../img/header/yen_icon_hover.png);
}

.global_nav_price.current a {
  color: #3399cc;
}

.global_nav_price.current a::before {
  background-image: url(../img/header/yen_icon_hover.png);
}

.global_nav_en_price {
  position: relative;
  width: 230px;
  margin: 0 10px 0 0;
}

.global_nav_en_price a {
  text-align: center;
  border-radius: 4px;
  background: rgba(31, 31, 31, 0.1);
  -webkit-transition: color .1s ease;
  transition: color .1s ease;
}

.global_nav_en_price a::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url("../img/header/yen.png") no-repeat;
  background-size: contain;
  margin: 0 5px 0 0;
  position: relative;
  top: 1px;
  -webkit-transition: background .1s ease;
  transition: background .1s ease;
}

.global_nav_en_price a:hover {
  color: #3399cc;
}

.global_nav_en_price a:hover::before {
  background-image: url(../img/header/yen_icon_hover.png);
}

.global_nav_en_price.current a {
  color: #3399cc;
}

.global_nav_en_price.current a::before {
  background-image: url(../img/header/yen_icon_hover.png);
}

.global_nav_product {
  position: relative;
  width: 180px;
  margin: 0 23px 0 0;
  border-radius: 4px;
  background: #E8E8E8;
}

.global_nav_product span {
  cursor: pointer;
  text-align: center;
  text-indent: -20px;
  line-height: 45px;
  display: block;
  font-size: 14px;
}

.global_nav_product span::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/header/product_icon.png") no-repeat;
  background-size: contain;
  margin: 0 5px 0 12px;
  position: relative;
  top: 1px;
}

.global_nav_product span.current {
  color: #3399cc;
}

.global_nav_product span.current::before {
  background-image: url(../img/header/product_icon_hover.png);
}

.global_nav_product.hover {
  border-radius: 4px 4px 0 0;
}

.global_nav_product.hover .product_sub_list {
  opacity: 1;
  visibility: visible;
}

.global_nav_product .product_sub_list {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 2;
  width: 100%;
  text-align: center;
  background: #E8E8E8;
  padding: 0 0 10px;
  border-radius: 0 0 4px 4px;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}

.global_nav_product .product_sub_list a {
  display: inline;
  line-height: 2.0;
  -webkit-transition: color .1s ease;
  transition: color .1s ease;
}

.global_nav_product .product_sub_list a:hover {
  color: #3399cc;
}

.global_nav_product .product_sub_list a {
  display: inline;
  line-height: 2.0;
  -webkit-transition: color .1s ease;
  transition: color .1s ease;
}

.global_nav_product .product_sub_list a:hover {
  color: #3399cc;
}

.global_nav_document {
  margin: 0 18px 0 0;
}

.global_nav_document a {
  -webkit-transition: color .1s ease;
  transition: color .1s ease;
}

.global_nav_document a::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 13px;
  background: url("../img/header/document_icon.png") no-repeat;
  background-size: contain;
  margin: 0 5px 0 0;
  position: relative;
  top: 0;
  -webkit-transition: background .1s ease;
  transition: background .1s ease;
}

.global_nav_document a:hover {
  color: #3399cc;
}

.global_nav_document a:hover::before {
  background-image: url(../img/header/document_icon_hover.png);
}

.global_nav_blog {
  margin: 0 20px 0 0;
}

.global_nav_blog a {
  -webkit-transition: color .1s ease;
  transition: color .1s ease;
}

.global_nav_blog a::before {
  content: '';
  display: inline-block;
  width: 19.5px;
  height: 13px;
  background: url("../img/header/blog_icon.png") no-repeat;
  background-size: contain;
  margin: 0 5px 0 0;
  position: relative;
  top: 0;
  -webkit-transition: background .1s ease;
  transition: background .1s ease;
}

.global_nav_blog a:hover {
  color: #3399cc;
}

.global_nav_blog a:hover::before {
  background-image: url(../img/header/blog_icon_hover.png);
}

.global_nav_commu {
  position: relative;
  margin: 0 20px 0 0;
  /* フォーラ削除後はいらないcss*/
}

.global_nav_commu a.anchor {
  -webkit-transition: color .1s ease;
  transition: color .1s ease;
}

.global_nav_commu a.anchor::before {
  content: '';
  display: inline-block;
  width: 19.5px;
  height: 16px;
  background: url("../img/header/commu_icon.png") no-repeat;
  background-size: contain;
  margin: 0 5px 0 0;
  position: relative;
  top: 2px;
  -webkit-transition: background .1s ease;
  transition: background .1s ease;
}

.global_nav_commu a.anchor:hover {
  color: #3399cc;
}

.global_nav_commu a.anchor:hover::before {
  background-image: url(../img/header/commu_icon_hover.png);
}

.global_nav_commu.hover {
  border-radius: 4px 4px 0 0;
}

.global_nav_commu.hover .commu_sub_list {
  opacity: 1;
  visibility: visible;
}

.global_nav_commu span {
  cursor: pointer;
  line-height: 45px;
  display: block;
  font-size: 14px;
}

.global_nav_commu span::before {
  content: '';
  display: inline-block;
  width: 19.5px;
  height: 16px;
  background: url("../img/header/commu_icon.png") no-repeat;
  background-size: contain;
  margin: 0 5px 0 0;
  position: relative;
  top: 2px;
  -webkit-transition: background .1s ease;
  transition: background .1s ease;
}

.global_nav_commu .commu_sub_list {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 2;
  width: 100%;
  text-align: center;
  background: #E8E8E8;
  padding: 10px 0;
  border-radius: 4px;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}

.global_nav_commu .commu_sub_list a {
  display: inline;
  line-height: 2.0;
  -webkit-transition: color .1s ease;
  transition: color .1s ease;
}

.global_nav_commu .commu_sub_list a:hover {
  color: #3399cc;
}

.global_nav_contact {
  width: 130px;
  margin: 0 20px 0 0;
}

.global_nav_contact a {
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background: #003366;
  -webkit-transition: background .1s ease;
  transition: background .1s ease;
}

.global_nav_contact a:hover {
  background: #012040;
}

.anchor_nav_wrap {
  border-top: 1px solid rgba(14, 40, 68, 0.2);
  height: 65px;
  padding: 23px 0 25px;
}

@media screen and (max-width: 750px) {
  .anchor_nav_wrap {
    display: none;
  }
}

.anchor_nav {
  width: 600px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.anchor_nav.en_style {
  width: 700px;
}

.anchor_nav a {
  font-size: 16px;
  -webkit-transition: color .1s ease;
  transition: color .1s ease;
  color: #333;
}

.anchor_nav a:hover {
  color: #3399cc;
}

.anchor_nav a.is_active {
  color: #3399cc;
}

/*--------------------------------------- SP限定*/
.sp_fixed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sp_fixed_contact {
  display: none;
}

@media screen and (max-width: 750px) {
  .sp_fixed_contact {
    display: block;
    width: 115px;
    height: 30px;
    background: #003366;
    border-radius: 5px;
    margin: 0 15px 0 0;
  }
  .sp_fixed_contact a {
    line-height: 30px;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 13px;
  }
}

#toggle {
  display: none;
}

@media screen and (max-width: 750px) {
  #toggle {
    display: block;
    width: 23px;
    height: 17px;
    position: relative;
  }
  #toggle span {
    position: absolute;
    display: block;
    width: 23px;
    height: 2px;
    background-image: linear-gradient(141deg, rgba(0, 51, 153, 0.87843) 0%, rgba(0, 76, 153, 0.94) 46%, rgba(0, 77, 153, 0.94) 48%, #006699 100%);
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
  }
  #toggle::before, #toggle::after {
    content: '';
    display: block;
    width: 23px;
    height: 2px;
    background-image: linear-gradient(141deg, rgba(0, 51, 153, 0.87843) 0%, rgba(0, 76, 153, 0.94) 46%, rgba(0, 77, 153, 0.94) 48%, #006699 100%);
    position: absolute;
  }
  #toggle::before {
    top: 0;
    left: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
  }
  #toggle::after {
    left: 0;
    bottom: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
  }
  #toggle.is_active span {
    opacity: 0;
  }
  #toggle.is_active::before {
    -webkit-transform: rotate(405deg);
    -ms-transform: rotate(405deg);
    transform: rotate(405deg);
    bottom: 0;
    margin: auto;
  }
  #toggle.is_active::after {
    -webkit-transform: rotate(-405deg);
    -ms-transform: rotate(-405deg);
    transform: rotate(-405deg);
    top: 0;
    margin: auto;
  }
}

.sp_nav_area {
  display: none;
}

@media screen and (max-width: 750px) {
  .sp_nav_area {
    display: block;
    pointer-events: none;
    position: fixed;
    width: 100%;
    left: 0;
    top: 50px;
    bottom: 0;
    z-index: 9999;
  }
  .sp_nav_area.is_open {
    pointer-events: auto;
  }
  .sp_nav_area.is_open .inner {
    height: 100%;
  }
  .sp_nav_area::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  .sp_nav_area .inner {
    height: 0;
    position: relative;
    overflow: auto;
    background-color: #fff;
    -webkit-transition: height .5s ease;
    transition: height .5s ease;
  }
  .sp_nav_area .sp_head_pro_ttl {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 40px;
  }
  .sp_nav_area .sp_head_pro_ttl span {
    position: relative;
  }
  .sp_nav_area .sp_head_pro_ttl span::after {
    content: '';
    display: block;
    width: 39px;
    height: 2px;
    background: #1f1f1f;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    margin: auto;
  }
  .sp_nav_area .sp_head_pro_ttl span::before {
    content: '';
    display: inline-block;
    width: 13.5px;
    height: 14px;
    background: url("../img/header/product_icon.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: 8px;
    left: -23px;
    margin: 0 10px 0 0;
  }
}

.sp_nav_area .sp_nav_list {
  border-bottom: 1px solid rgba(14, 40, 68, 0.3);
  margin: 0 0 40px;
}

.sp_nav_area .sp_nav_list .sp_nav_item a {
  position: relative;
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  border-top: 1px solid rgba(14, 40, 68, 0.3);
}

.sp_nav_area .sp_nav_list .docu a::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 13px;
  background: url("../img/header/document_icon.png") no-repeat;
  background-size: contain;
  position: relative;
  top: 0;
  margin: 0 7px 0 0;
}

.sp_nav_area .sp_nav_list .blog a::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 13px;
  background: url("../img/header/blog_icon.png") no-repeat;
  background-size: contain;
  position: relative;
  top: 0;
  margin: 0 7px 0 0;
}

.sp_nav_area .sp_nav_list .commu a::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 15px;
  background: url("../img/header/commu_icon.png") no-repeat;
  background-size: contain;
  position: relative;
  top: 0;
  margin: 0 7px 0 0;
}

.sp_nav_area .gray_box {
  width: 300px;
  height: 50px;
}

.sp_nav_area .gray_box a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(31, 31, 31, 0.1);
  border-radius: 4px;
}

.sp_nav_area .gray_box a::after {
  content: '';
  display: block;
  width: 8.5px;
  height: 14.5px;
  background: url("../img/sp_header_angle.png") no-repeat;
  background-size: contain;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.sp_nav_area .price_btn {
  margin: 0 auto 50px;
}

.sp_nav_area .price_btn a::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url("../img/header/yen.png") no-repeat;
  background-size: contain;
  margin: 0 6px 0 0;
  position: relative;
  top: 0;
}

.sp_product_nav li {
  margin: 15px auto 0;
}

.sp_product_nav li:first-child {
  margin: 0 auto;
}

.sp_contact_btn {
  width: 300px;
  height: 50px;
  margin: 50px auto 0;
}

.sp_contact_btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  background: #003366;
  font-size: 15px;
  border-radius: 4px;
}

@media screen and (max-width: 750px) {
  .sp_contact_btn {
    margin: 50px auto 60px;
  }
}

.sp_commu_btn {
  margin: 50px 0 0;
}

.sp_commu_btn .sp_head_pro_ttl {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 40px;
}

.sp_commu_btn .sp_head_pro_ttl span {
  position: relative;
}

.sp_commu_btn .sp_head_pro_ttl span::after {
  content: '';
  display: block;
  width: 39px;
  height: 2px;
  background: #1f1f1f;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  margin: auto;
}

.sp_commu_btn .sp_head_pro_ttl span::before {
  content: '';
  display: inline-block;
  width: 19.5px;
  height: 16px;
  background: url("../img/header/commu_icon.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 8px;
  left: -23px;
  margin: 0 10px 0 0;
}

.sp_commu_btn .sp_commu_list {
  width: 300px;
  margin: 0 auto 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sp_commu_btn .sp_commu_list li {
  width: 46.6666666%;
  height: 50px;
}

.sp_commu_btn .sp_commu_list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  background: rgba(31, 31, 31, 0.1);
  border-radius: 4px;
}

.lang_change {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media screen and (max-width: 750px) {
  .lang_change {
    display: none;
  }
}

.lang_change li {
  font-size: 14px;
  padding: 0 0 0 7px;
  border-left: 1px solid #333;
}

.lang_change li:first-child {
  padding: 0 9px 0 0;
  margin: 0 0 0 7px;
  border: none;
}

.lang_change li.lang_on a {
  color: #c5c5c5;
  pointer-events: none;
}

.lang_change::before {
  content: '';
  display: inline-block;
  width: calc(29px / 2);
  height: calc(29px / 2);
  background: url(../img/header/lang_icon.png) no-repeat;
  background-size: contain;
  position: relative;
}

.sp_lang_change {
  display: none;
}

@media screen and (max-width: 750px) {
  .sp_lang_change {
    display: block;
  }
  .sp_lang_change .sp_head_pro_ttl span::before {
    background-image: url(../img/header/lang_icon.sp.png);
    width: 14px;
    height: 14px;
  }
  .sp_lang_change .sp_commu_list {
    width: 300px;
    margin: 0 auto 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .sp_lang_change .sp_commu_list li {
    width: 46.6666666%;
    height: 50px;
  }
  .sp_lang_change .sp_commu_list li.lang_on a {
    color: #c5c5c5;
    pointer-events: none;
  }
  .sp_lang_change .sp_commu_list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    background: rgba(31, 31, 31, 0.1);
    border-radius: 4px;
  }
}

/*-------------------------------------------
|   footer layout
---------------------------------------------*/
@media screen and (max-width: 750px) {
  footer .gray_column {
    padding: 0 5.333%;
  }
}

.gray2_column {
  background: rgba(118, 118, 118, 0.15);
}

@media screen and (max-width: 750px) {
  .gray2_column {
    padding: 0 5.333%;
  }
}

.contact_area {
  padding: 75px 0;
}

@media screen and (max-width: 750px) {
  .contact_area {
    padding: 50px 0 30px;
  }
}

.contact_area .three_dot {
  margin: 45px auto 50px;
}

.contact_area .three_dot span {
  background-color: rgba(51, 51, 51, 0.7);
}

@media screen and (max-width: 750px) {
  .contact_area .three_dot {
    margin: 30px auto;
  }
}

@media screen and (max-width: 750px) {
  .contact_area .txt_center {
    line-height: 1.6;
  }
}

.contact_area .contact_btn {
  width: 460px;
  height: 75px;
  line-height: 75px;
  margin: 0 auto;
}

.contact_area .contact_btn a {
  display: block;
  background: #003366;
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  border-radius: 5px;
  text-align: center;
  -webkit-transition: background .1s ease;
  transition: background .1s ease;
}

.contact_area .contact_btn a:hover {
  background: #012040;
}

@media screen and (max-width: 750px) {
  .contact_area .contact_btn {
    width: 100%;
    height: 60px;
  }
  .contact_area .contact_btn a {
    line-height: 60px;
    font-size: 17px;
  }
}

.document_download {
  border-top: 1px solid rgba(51, 51, 51, 0.2);
  width: 1024px;
  margin: 0 auto;
  padding: 70px 0 100px;
}

.document_download .three_dot {
  margin: 50px auto;
}

.document_download .three_dot span {
  background-color: rgba(51, 51, 51, 0.7);
}

@media screen and (max-width: 750px) {
  .document_download {
    width: 100%;
    padding: 30px 0 50px;
  }
  .document_download .three_dot {
    margin: 30px auto;
  }
}

.document_list {
  width: 984px;
  margin: 0 auto;
}

.document_list .pull-left {
  display: none;
}

.document_list .ptitle {
  display: none;
}

.document_list .w3eden b, .document_list .w3eden strong {
  font-weight: normal;
}

.document_list .w3eden a {
  text-decoration: none;
  color: #fff;
}

@media screen and (max-width: 750px) {
  .document_list {
    width: 100%;
  }
}

.document_list li {
  width: 100%;
  background: #fff;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0 40px;
  margin: 3px 0 0;
}

@media screen and (max-width: 750px) {
  .document_list li {
    height: auto;
    display: block;
    padding: 0;
    margin: 15px 0 0;
  }
  .document_list li:first-child {
    margin: 0;
  }
}

.document_list li:first-child {
  margin: 0;
}

.document_list li .btn {
  width: 205px;
  height: 80px;
}

@media screen and (max-width: 750px) {
  .document_list li .btn {
    width: 100%;
    height: 63px;
    text-align: center;
  }
}

.document_list li .btn a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #003366;
  color: #fff;
  font-size: 19px;
  -webkit-transition: background .1s ease;
  transition: background .1s ease;
}

@media screen and (max-width: 750px) {
  .document_list li .btn a {
    font-size: 17px;
    padding: 0;
  }
}

@media screen and (max-width: 320px) {
  .document_list li .btn a {
    font-size: 14px;
  }
}

@media screen and (max-width: 750px) {
  .document_list li .btn a .wrap {
    width: 100%;
  }
}

.document_list li .btn a .download_count {
  text-align: center;
  font-size: 14px;
  margin: 10px 0 0;
  font-weight: normal;
}

@media screen and (max-width: 750px) {
  .document_list li .btn a .download_count {
    margin: 8px 0 0;
  }
}

.document_list li .btn a:hover {
  background: #012040;
}

.document_list li .btn a .ttl2.down::before {
  content: '';
  display: inline-block;
  width: 20.5px;
  height: 17.5px;
  background: url("../img/download_icon.png") no-repeat;
  background-size: contain;
  position: relative;
  top: 0;
  margin: 0 10px 0 0;
}

@media screen and (max-width: 320px) {
  .document_list li .btn a .ttl2.down::before {
    top: 2px;
  }
}

.document_list li .btn a .ttl2.search::before {
  content: '';
  display: inline-block;
  width: 17.5px;
  height: 17.5px;
  background: url("../img/search_icon.png") no-repeat;
  background-size: contain;
  position: relative;
  top: 0;
  margin: 0 10px 0 0;
}

@media screen and (max-width: 320px) {
  .document_list li .btn a .ttl2.search::before {
    top: 2px;
  }
}

.document_list li .ttl {
  font-size: 19px;
}

@media screen and (max-width: 750px) {
  .document_list li .ttl {
    width: 100%;
    padding: 5.9701%;
    font-size: 17px;
    line-height: 1.4;
  }
}

@media screen and (max-width: 320px) {
  .document_list li .ttl {
    font-size: 14px;
  }
}

.document_list li .ttl .mark {
  display: inline-block;
  width: 50px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 14px;
  background: #003366;
  font-weight: 100;
  margin: 0 0 0 10px;
}

@media screen and (max-width: 750px) {
  .document_list li .ttl .mark.mark02 {
    margin: 10px 0 0;
  }
}

.document_list li .ttl .mark.zip span {
  position: relative;
  top: -2px;
}

@media screen and (max-width: 750px) {
  footer .white_column {
    padding: 0 5.333%;
  }
}

.banner_area {
  padding: 75px 0 85px;
}

@media screen and (max-width: 750px) {
  .banner_area {
    padding: 50px 0 25px;
  }
}

.banner_area .commu_ttl {
  font-size: 25px;
  text-align: center;
  margin: 0 0 30px;
}

@media screen and (max-width: 750px) {
  .banner_area .commu_ttl {
    line-height: 1.4;
  }
}

.banner_area .note_txt {
  font-size: 14px;
  text-align: center;
  margin: 15px 0 75px;
  line-height: 1.4;
}

.banner_area .note_txt em {
  font-size: 16px;
  color: #339999;
  font-weight: bold;
}

@media screen and (max-width: 750px) {
  .banner_area .note_txt {
    margin: 15px 0 50px;
  }
}

.banner_area .note_txt.mb_none {
  margin: 15px 0 0;
}

.banner_area .line {
  width: 1024px;
  height: 1px;
  background: rgba(51, 51, 51, 0.2);
  margin: 0 auto 75px;
}

@media screen and (max-width: 750px) {
  .banner_area .line {
    width: 100%;
    margin: 0 auto  25px;
  }
}

.banner_area .bccc_btn {
  width: 460px;
  margin: 0 auto;
}

.banner_area .bccc_btn a {
  display: block;
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease;
  opacity: 1;
  text-align: center;
}

.banner_area .bccc_btn a:hover {
  cursor: pointer;
  opacity: .7;
}

.banner_area .bccc_btn img {
  width: 460px;
  height: auto;
}

@media screen and (max-width: 750px) {
  .banner_area .bccc_btn img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .banner_area .bccc_btn {
    width: 100%;
  }
}

.banner_area .commu_btn {
  width: 460px;
  height: 75px;
  line-height: 75px;
  border: 2px solid #003366;
  margin: 0 auto;
  border-radius: 5px;
}

@media screen and (max-width: 750px) {
  .banner_area .commu_btn {
    width: 100%;
    height: 60px;
    line-height: 60px;
  }
}

.banner_area .commu_btn a {
  display: block;
  position: relative;
  font-size: 21px;
  color: #003366;
  text-align: center;
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease;
  opacity: 1;
}

.banner_area .commu_btn a:hover {
  cursor: pointer;
  opacity: .7;
}

@media screen and (max-width: 750px) {
  .banner_area .commu_btn a {
    font-size: 18px;
  }
}

.banner_area .commu_btn a::before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 21px;
  background: url("../img/people.png") no-repeat;
  background-size: contain;
  position: relative;
  top: 1px;
  margin: 0 10px 0 0;
}

@media screen and (max-width: 750px) {
  .banner_area .commu_btn a::before {
    top: 2px;
  }
}

.banner_area .commu_btn a::after {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  background: url("../img/blank.png") no-repeat;
  background-size: contain;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media screen and (max-width: 750px) {
  .banner_area .commu_btn a::after {
    top: -3px;
  }
}

footer .foot_wrap {
  background: #646464;
}

footer .foot_inner {
  width: 985px;
  margin: 0 auto;
  padding: 35px 0 22.5px;
}

@media screen and (max-width: 750px) {
  footer .foot_inner {
    width: 100%;
    padding: 50px 5.3333%;
  }
}

footer .foot_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 35px;
}

@media screen and (max-width: 750px) {
  footer .foot_nav {
    display: block;
    font-weight: 100;
  }
}

footer .foot_nav .foot_nav_item {
  width: 275px;
}

@media screen and (max-width: 750px) {
  footer .foot_nav .foot_nav_item {
    width: 100%;
    margin: 50px 0 0;
  }
  footer .foot_nav .foot_nav_item:first-child {
    margin: 0;
  }
}

footer .foot_nav .foot_nav_item .ttl {
  font-size: 15px;
  color: #fff;
  padding: 0 0 20px;
  border-bottom: 1px solid #959595;
  color: #fff;
}

@media screen and (max-width: 750px) {
  footer .foot_nav .foot_nav_item .ttl {
    font-size: 17px;
    padding: 0 0 15px;
    font-weight: 500;
  }
}

footer .foot_nav .foot_nav_item .flex_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

footer .foot_nav .foot_nav_item .flex_list li {
  min-width: 137px;
  margin: 19px 0 0;
}

@media screen and (max-width: 750px) {
  footer .foot_nav .foot_nav_item .flex_list li {
    min-width: 50%;
    margin: 15px 0 0;
  }
}

footer .foot_nav .foot_nav_item .flex_list li a {
  font-size: 12px;
  color: #fff;
}

@media screen and (max-width: 750px) {
  footer .foot_nav .foot_nav_item .flex_list li a {
    font-size: 15px;
    font-weight: 500;
  }
}

footer .foot_nav .foot_nav_item li {
  margin: 19px 0 0;
}

@media screen and (max-width: 750px) {
  footer .foot_nav .foot_nav_item li {
    margin: 15px  0 0;
  }
}

footer .foot_nav .foot_nav_item li a {
  color: #fff;
  font-size: 12px;
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease;
  opacity: 1;
}

footer .foot_nav .foot_nav_item li a:hover {
  cursor: pointer;
  opacity: .7;
}

@media screen and (max-width: 750px) {
  footer .foot_nav .foot_nav_item li a {
    font-size: 15px;
    font-weight: 300;
  }
}

footer .en_wrap {
  text-align: center;
}

footer .foot_sns_nav {
  width: 279px;
  margin: 0 auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
}

@media screen and (max-width: 750px) {
  footer .foot_sns_nav {
    width: 260px;
  }
}

footer .foot_sns_nav.en_style {
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

footer .foot_sns_nav .foot_sns_item {
  width: 30px;
  height: 30px;
  margin: 0 7px 0 0;
}

footer .foot_sns_nav .foot_sns_item.large {
  width: 160px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #9a9a9a;
  border-radius: 15px;
  margin: 0 0 0 8px;
}

@media screen and (max-width: 750px) {
  footer .foot_sns_nav .foot_sns_item.large {
    width: 135px;
    border-radius: 0;
    height: 36px;
    padding: 10px 13px;
  }
}

footer .foot_sns_nav .foot_sns_item.en_large {
  width: 200px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #9a9a9a;
  border-radius: 15px;
  margin: 0 0 0 8px;
}

@media screen and (max-width: 750px) {
  footer .foot_sns_nav .foot_sns_item.en_large {
    border-radius: 0;
    height: 36px;
    padding: 10px 5px;
    width: 160px;
  }
}

footer .foot_sns_nav .fs01 {
  width: 29.5px;
  height: auto;
}

@media screen and (max-width: 750px) {
  footer .foot_sns_nav .fs01 {
    width: auto;
    height: auto;
    max-width: 100%;
  }
}

footer .foot_sns_nav .fs02 {
  width: 96.5px;
  height: auto;
}

@media screen and (max-width: 750px) {
  footer .foot_sns_nav .fs02 {
    width: auto;
    height: auto;
    max-width: 100%;
  }
}

footer .foot_sns_nav .fsen02 {
  width: 182.5px;
  height: auto;
}

@media screen and (max-width: 750px) {
  footer .foot_sns_nav .fsen02 {
    width: auto;
    height: auto;
    max-width: 100%;
  }
}

footer .foot_sns_nav a {
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease;
  opacity: 1;
}

footer .foot_sns_nav a:hover {
  cursor: pointer;
  opacity: .7;
}

footer .company_list {
  width: 810px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 750px) {
  footer .company_list {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

footer .company_list li {
  width: 162px;
  height: 42px;
  border-left: 1px solid #ececec;
  background: #fff;
}

@media screen and (max-width: 750px) {
  footer .company_list li {
    width: calc((100% - 12px) / 2);
    border: none;
    margin: 0 0 12px;
    height: auto;
  }
}

footer .company_list li:first-child {
  border: none;
}

footer .company_list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease;
  opacity: 1;
}

footer .company_list li a:hover {
  cursor: pointer;
  opacity: .7;
}

@media screen and (max-width: 750px) {
  footer .company_list li a {
    position: relative;
    height: auto;
    padding-top: 25.925%;
  }
  footer .company_list li a img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }
}

footer .company_list .cl01 {
  width: 101.5px;
  height: auto;
}

@media screen and (max-width: 750px) {
  footer .company_list .cl01 {
    width: auto;
    height: auto;
    max-width: 100%;
  }
}

@media screen and (max-width: 750px) {
  footer .company_list .cl01 {
    width: 63%;
  }
}

footer .company_list .cl02 {
  width: 128px;
  height: auto;
}

@media screen and (max-width: 750px) {
  footer .company_list .cl02 {
    width: auto;
    height: auto;
    max-width: 100%;
  }
}

@media screen and (max-width: 750px) {
  footer .company_list .cl02 {
    width: 79%;
  }
}

footer .company_list .cl03 {
  width: 57.5px;
  height: auto;
}

@media screen and (max-width: 750px) {
  footer .company_list .cl03 {
    width: auto;
    height: auto;
    max-width: 100%;
  }
}

@media screen and (max-width: 750px) {
  footer .company_list .cl03 {
    width: 35.49%;
  }
}

footer .company_list .cl04 {
  width: 93.5px;
  height: auto;
}

@media screen and (max-width: 750px) {
  footer .company_list .cl04 {
    width: auto;
    height: auto;
    max-width: 100%;
  }
}

@media screen and (max-width: 750px) {
  footer .company_list .cl04 {
    width: 57.71%;
  }
}

footer .company_list .cl05 {
  width: 74px;
  height: auto;
}

@media screen and (max-width: 750px) {
  footer .company_list .cl05 {
    width: auto;
    height: auto;
    max-width: 100%;
  }
}

@media screen and (max-width: 750px) {
  footer .company_list .cl05 {
    width: 45.67%;
  }
}

footer .copyright {
  background: #333;
  color: #fff;
  text-align: center;
  font-size: 12px;
  padding: 26px 0 21px;
}

@media screen and (max-width: 750px) {
  footer .copyright {
    padding: 0;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
  }
}

.sp_none {
  display: block !important;
}

@media screen and (max-width: 750px) {
  .sp_none {
    display: none !important;
  }
}

.pc_none {
  display: none !important;
}

@media screen and (max-width: 750px) {
  .pc_none {
    display: block !important;
  }
}

.gray_column {
  background: #f0f3f6;
}

@media screen and (max-width: 750px) {
  .gray_column {
    background: #f0f3f6;
    padding: 0 4%;
  }
}

@media screen and (max-width: 750px) {
  main {
    margin: 0 !important;
  }
}

.three_dot {
  width: 35px;
  height: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .three_dot {
    width: 33px;
    height: 4px;
  }
}

.three_dot span {
  display: inline-block;
  width: 5px;
  height: 5px;
}

@media screen and (max-width: 750px) {
  .three_dot span {
    width: 4px;
    height: 4px;
  }
}

.three_dot.color_white {
  margin: 43px auto 40px;
}

.three_dot.color_white span {
  background: #fff;
}

.three_dot.color_gray {
  margin: 30px 0 35px;
}

.three_dot.color_gray span {
  background: rgba(49, 49, 49, 0.5);
}

.page_intro {
  width: 100%;
  height: 300px;
  background: url(../img/page_title_bg.png) no-repeat;
  background-size: cover;
  padding: 60px 0;
}

.page_intro .three_dot {
  margin: 40px auto;
}

@media screen and (max-width: 750px) {
  .page_intro {
    height: auto;
    padding: 40px 0;
    background-image: url(../img/page_title_bg.sp.png);
  }
}

.page_title {
  font-size: 33px;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .page_title {
    font-size: 23px;
  }
  .page_title.en_style {
    font-size: 20px;
  }
}

.intro_txt {
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 1.6;
  max-width: 960px;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .intro_txt {
    font-size: 16px;
    max-width: none;
  }
}

.intro_txt.en_fs {
  font-size: 20px;
}

@media screen and (max-width: 750px) {
  .intro_txt.en_fs {
    font-size: 14px;
    padding: 0 10px;
  }
}

.h3_sub_ttl {
  font-size: 35px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .h3_sub_ttl {
    font-size: 23px;
    line-height: 1.6;
  }
}

@media screen and (max-width: 320px) {
  .h3_sub_ttl {
    font-size: 20px;
  }
}

.h3_sub_ttl.poscha {
  padding: 30px 0 0;
  margin: -30px 0 0;
}

.h3_blog_ttl {
  font-size: 20px;
  color: #3ca39f;
  font-weight: bold;
  word-wrap: break-word;
  white-space: normal;
  width: 1024px;
  margin: 70px auto 70px auto;
  line-height: 200%;
}
.h3_blog_ttl ul li a:hover{
  cursor: pointer;
  opacity: .7;
  }

@media screen and (max-width: 750px) {
  .h3_blog_ttl {
    font-size: 16px;
    color: #3ca39f;
    display: block;
    word-wrap : break-word;
    overflow-wrap : break-word;
    width: auto;
    margin: 60px 15px 60px 15px;
    line-height: 1.6;
  }
}

@media screen and (max-width: 320px) {
  .h3_blog_ttl {
    font-size: 16px;
    color: #3ca39f;
    display: block;
    word-wrap : break-word;
    overflow-wrap : break-word;
    width: auto;
  }
}

.h3_blog_ttl.poscha {
  padding: 30px 0 0;
  margin: -30px 0 0;
}

.h4_blue_ttl {
  font-size: 28px;
  color: #003366;
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
}

@media screen and (max-width: 750px) {
  .h4_blue_ttl {
    font-size: 20px;
    line-height: 1.6;
  }
}

.txt_center {
  text-align: center;
  line-height: 1.4;
}

.txt_center.en_max {
  max-width: 1024px;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .txt_center.en_max {
    max-width: none;
  }
}

.nav_section {
  width: 100%;
  padding: 65px 0;
  background: url(../img/price/blue_gra_bg.png) no-repeat;
  background-size: cover;
}

@media screen and (max-width: 750px) {
  .nav_section {
    padding: 30px 8%;
    background-image: -webkit-linear-gradient(-141deg, rgba(0, 51, 153, 0.87843) 0%, rgba(0, 76, 153, 0.94) 46%, rgba(0, 77, 153, 0.94) 48%, #006699 100%);
  }
}

.page_nav_list {
  width: 730px;
  margin: 0 auto 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page_nav_list.en_style {
  width: 830px;
}

.page_nav_list.en_style li {
  margin: 0 0 0 30px;
}

@media screen and (max-width: 750px) {
  .page_nav_list.en_style {
    width: 100%;
  }
  .page_nav_list.en_style li {
    margin: 0 0 25px;
  }
  .page_nav_list.en_style li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 750px) {
  .page_nav_list {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 10px;
  }
}

.page_nav_list li {
  margin: 0 0 0 55px;
}

@media screen and (max-width: 750px) {
  .page_nav_list li {
    margin: 0 0 25px;
    width: 50%;
  }
}

.page_nav_list li:first-child {
  margin: 0;
}

.page_nav_list li a {
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease;
  opacity: 1;
  display: block;
  font-size: 19px;
  color: #fff;
}

.page_nav_list li a:hover {
  cursor: pointer;
  opacity: .7;
}

@media screen and (max-width: 750px) {
  .page_nav_list li a {
    font-size: 15px;
  }
}

.page_nav_list li a::before {
  content: '';
  display: inline-block;
  width: 9px;
  height: 14.5px;
  background: url("../img/price/white_angle.png") no-repeat;
  background-size: contain;
  position: relative;
  top: 0;
  margin: 0 10px 0 0;
}

.product_list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .product_list {
    display: block;
  }
}

.product_list li {
  position: relative;
  width: 300px;
  height: 75px;
  background: #fff;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  color: #003366;
}

@media screen and (max-width: 750px) {
  .product_list li {
    width: 100%;
    height: 60px;
    margin: 15px 0 0;
    font-size: 17px;
  }
  .product_list li:first-child {
    margin: 0;
  }
}

@media screen and (max-width: 320px) {
  .product_list li {
    font-size: 14px;
  }
}

.product_list li a {
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease;
  opacity: 1;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product_list li a:hover {
  cursor: pointer;
  opacity: .7;
}

.product_list li a::after {
  content: '';
  display: block;
  width: 8.5px;
  height: 14.5px;
  background: url("../img/blue_arrow.png") no-repeat;
  background-size: contain;
  position: absolute;
  right: 17px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.product_list li a em {
  font-weight: normal;
  font-size: 14px;
}

@media screen and (max-width: 750px) {
  .product_list li a em {
    font-size: 12px;
  }
}

.product_list li .price::before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url("../img/blue_yen.png") no-repeat;
  background-size: contain;
  position: relative;
  top: 0;
  margin: 0 10px 0 20px;
}

.product_list li .pro::before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 18px;
  background: url("../img/blue_product.png") no-repeat;
  background-size: contain;
  position: relative;
  top: 0;
  margin: 0 10px 0 20px;
}

.product_list li .baas::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 17px;
  background: url("../img/blue_baas.png") no-repeat;
  background-size: contain;
  position: relative;
  top: 0;
  margin: 0 10px 0 20px;
}

.kiji_cnt {
  width: 750px;
  margin: 70px auto 70px auto;
}

@media screen and (max-width: 750px) {
 .kiji_cnt {
  width: 90%;
  margin: 60px auto 60px auto;
 }
}

.kiji_title {
  font-size: 30px;
  font-weight: bold;
  padding: 0 0 50px;
  line-height: 1.7;
}

@media screen and (max-width: 750px) {
.kiji_title {
  font-size: 20px;
  font-weight: bold;
  padding: 0 0 40px;
  line-height: 1.3;
 }
}

.kiji_date {
  padding: 0 0 50px;
}

@media screen and (max-width: 750px) {
 .kiji_date {
  padding: 0 0 40px;
 }
}

.kiji-tag {
  padding: 50px 0 0;
  width: 180px;
  margin-left: auto;
}

@media screen and (max-width: 750px) {
 .kiji-tag {
  padding: 40px 0 0;
  width: 130px;
  margin-left: auto;
 }
}

/* 404 */
.page_content {
  padding: 110px 0 100px;
}

@media screen and (max-width: 750px) {
  .page_content {
    padding: 45px 0 60px;
    height: 50vh;
  }
}

.page_content .title {
  font-size: 28px;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  margin: 0 0 20px;
}

@media screen and (max-width: 750px) {
  .page_content .title {
    font-size: 18px;
  }
}

.page_content .title span {
  font-size: 14px;
  display: block;
  font-weight: normal;
  margin: 10px 0 0;
}

.page_content p {
  line-height: 1.6;
  font-size: 16px;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .page_content p {
    font-size: 14px;
  }
}

.page_content .home_btn {
  width: 337px;
  height: 75px;
  line-height: 75px;
  border: 2px solid #003366;
  margin: 40px auto 0;
  border-radius: 5px;
}

@media screen and (max-width: 750px) {
  .page_content .home_btn {
    width: 69.5%;
    height: 50px;
  }
}

.page_content .home_btn a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  color: #003366;
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease;
  opacity: 1;
}

.page_content .home_btn a:hover {
  cursor: pointer;
  opacity: .7;
}

@media screen and (max-width: 750px) {
  .page_content .home_btn a {
    font-size: 15px;
  }
}

.modal {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10000;
}

.modal .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 3;
}

.modal .modal_inner {
  position: relative;
  max-width: 1000px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.modal .box {
  position: absolute;
  left: 0;
  top: 50%;
  left: 50px;
  right: 50px;
  margin-top: -28.125%;
  padding-bottom: 56.25%;
  z-index: 4;
}

@media screen and (max-width: 750px) {
  .modal .box {
    right: 10px;
    left: 10px;
  }
}

.modal .box .close {
  position: absolute;
  right: -15px;
  top: -15px;
  z-index: 3;
  cursor: pointer;
  width: 15px;
  height: 14.5px;
  background: url("../img/close.png") no-repeat;
  background-size: contain;
  pointer-events: auto;
}

@media screen and (max-width: 750px) {
  .modal .box .close {
    right: 0;
    top: -20px;
  }
}

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

/**
 * 2.0 Typography
 */

.kiji_cnt h1,
.kiji_cnt h2,
.kiji_cnt h3,
.kiji_cnt h4,
.kiji_cnt h5,
.kiji_cnt h6 {
	clear: both;
	font-weight: 700;
}

.kiji_cnt h1 {
	font-size: 35px;
	line-height: 1.2308;
}

.kiji_cnt h2 {
	font-size: 29px;
	line-height: 1.2069;
}

.kiji_cnt h3 {
	font-size: 24px;
	line-height: 1.1667;
}

.kiji_cnt h4 {
	font-size: 20px;
	line-height: 1.4;
}

.kiji_cnt h5,
.kiji_cnt h6 {
	font-size: 17px;
	letter-spacing: 0.1em;
	line-height: 1.2353;
	text-transform: uppercase;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}

.kiji_cnt p {
	line-height: 1.6;
}

.kiji_cnt b,
.kiji_cnt strong {
	font-weight: 700;
}

.kiji_cnt dfn,
.kiji_cnt cite,
.kiji_cnt em,
.kiji_cnt i {
	font-style: italic;
}

.kiji_cnt blockquote {
	border-left: 4px solid #707070;
	color: #707070;
	font-size: 20px;
	font-style: italic;
	line-height: 1.8182;
	margin: 0 0 35px -21px;
	padding-left: 17px;
}

.kiji_cnt blockquote > blockquote {
	margin-left: 0;
}

.kiji_cnt blockquote p {
	margin-bottom: 35px;
}

.kiji_cnt blockquote > p:last-child {
	margin-bottom: 0;
}

.kiji_cnt blockquote cite,
.kiji_cnt blockquote small {
	color: #333;
	font-family: "Noto Sans", sans-serif;
	font-size: 17px;
	line-height: 1.6471;
}

.kiji_cnt blockquote em,
.kiji_cnt blockquote i,
.kiji_cnt blockquote cite {
	font-style: normal;
}

.kiji_cnt blockquote strong,
.kiji_cnt blockquote b {
	font-weight: 400;
}

.kiji_cnt address {
	font-style: italic;
	margin: 0 0 28px;
}

.kiji_cnt code,
.kiji_cnt kbd,
.kiji_cnt var,
.kiji_cnt samp,
.kiji_cnt pre {
	font-family: Inconsolata, monospace;
}

.kiji_cnt pre {
	background-color: #fcfcfc;
	border: 1px solid #eaeaea;
	font-size: 17px;
	line-height: 1.2353;
	margin-bottom: 28px;
	max-width: 100%;
	overflow: auto;
	padding: 14px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

.kiji_cnt abbr[title] {
	border-bottom: 1px dotted #eaeaea;
	cursor: help;
}

.kiji_cnt mark,
.kiji_cnt ins {
	background-color: #fff9c0;
	text-decoration: none;
}

.kiji_cnt sup,
.kiji_cnt sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

.kiji_cnt sup {
	bottom: 1ex;
}

.kiji_cnt sub {
	top: .5ex;
}

.kiji_cnt small {
	font-size: 75%;
}

.kiji_cnt big {
	font-size: 125%;
}


/**
 * 3.0 Elements
 */

.kiji_cnt hr {
	background-color: #eaeaea;
	border: 0;
	height: 1px;
	margin-bottom: 28px;
}

.kiji_cnt ul,
.kiji_cnt ol {
	margin: 0 0 28px 0;
	padding: 0;
}

.kiji_cnt ul {
	list-style: disc;
}

.kiji_cnt ol {
	list-style: decimal;
}

.kiji_cnt li > ul,
.kiji_cnt li > ol {
	margin: 0 0 0 23px;
}

.kiji_cnt blockquote > ul,
.kiji_cnt blockquote > ol {
	margin-left: 28px;
}

.kiji_cnt dl {
	margin: 0 0 28px;
}

.kiji_cnt dt {
	font-weight: bold;
}

.kiji_cnt dd {
	margin: 0 0 28px;
}

.kiji_cnt img {
	max-width: 100%;
}

.kiji_cnt .aligncenter {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.kiji_cnt .alignright {
	display: block;
    margin-left: auto;
}


/*# sourceMappingURL=../sourcemaps/common.css.map */