@charset "UTF-8";
/*170915*/
.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;
}

.mt100 {
  margin-top: 100px !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;
}

.ml5 {
  margin-left: 5px !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;
}

.ml100 {
  margin-left: 100px !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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.w10 {
  width: 10px !important;
}

.w20 {
  width: 20px !important;
}

.w30 {
  width: 30px !important;
}

.w40 {
  width: 40px !important;
}

.w50 {
  width: 50px !important;
}

.w60 {
  width: 60px !important;
}

.w70 {
  width: 70px !important;
}

.w80 {
  width: 80px !important;
}

.w90 {
  width: 90px !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;
}

.w510 {
  width: 510px !important;
}

.w520 {
  width: 520px !important;
}

.w530 {
  width: 530px !important;
}

.w540 {
  width: 540px !important;
}

.w550 {
  width: 550px !important;
}

.w560 {
  width: 560px !important;
}

.w570 {
  width: 570px !important;
}

.w580 {
  width: 580px !important;
}

.w590 {
  width: 590px !important;
}

.w600 {
  width: 600px !important;
}

.w610 {
  width: 610px !important;
}

.w620 {
  width: 620px !important;
}

.w630 {
  width: 630px !important;
}

.w640 {
  width: 640px !important;
}

.w650 {
  width: 650px !important;
}

.w660 {
  width: 660px !important;
}

.w670 {
  width: 670px !important;
}

.w680 {
  width: 680px !important;
}

.w690 {
  width: 690px !important;
}

.w700 {
  width: 700px !important;
}

.w710 {
  width: 710px !important;
}

.w720 {
  width: 720px !important;
}

.w730 {
  width: 730px !important;
}

.w740 {
  width: 740px !important;
}

.w750 {
  width: 750px !important;
}

.w760 {
  width: 760px !important;
}

.w770 {
  width: 770px !important;
}

.w780 {
  width: 780px !important;
}

.w790 {
  width: 790px !important;
}

.w800 {
  width: 800px !important;
}

.w810 {
  width: 810px !important;
}

.w820 {
  width: 820px !important;
}

.w830 {
  width: 830px !important;
}

.w840 {
  width: 840px !important;
}

.w850 {
  width: 850px !important;
}

.w860 {
  width: 860px !important;
}

.w870 {
  width: 870px !important;
}

.w880 {
  width: 880px !important;
}

.w890 {
  width: 890px !important;
}

.w900 {
  width: 900px !important;
}

.w910 {
  width: 910px !important;
}

.w920 {
  width: 920px !important;
}

.w930 {
  width: 930px !important;
}

.w940 {
  width: 940px !important;
}

.w950 {
  width: 950px !important;
}

.bdrNone {
  border: none !important;
}

.bgNone {
  background: none !important;
}

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

.middle {
  vertical-align: middle !important;
}

.bottom {
  vertical-align: bottom !important;
}

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

.fnt80 {
  font-size: 80% !important;
}

.fnt85 {
  font-size: 85% !important;
}

.fnt90 {
  font-size: 90% !important;
}

.fnt95 {
  font-size: 95% !important;
}

.fnt100 {
  font-size: 100% !important;
}

.fnt110 {
  font-size: 110% !important;
}

.fnt120 {
  font-size: 120% !important;
}

.fnt130 {
  font-size: 130% !important;
}

@media screen and (max-width: 640px) {
  .mt100 {
    margin-top: 50px !important;
  }
}
/* CSS Document */
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 {
  line-height: 1.4;
  color: #444444;
}

* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #fff;
  font-family: "Hiragino Kaku Gothic Pro",'Noto Sans Japanese', sans-serif !important;
  overflow-x: hidden;
}

article {
  width: auto;
  margin: 0 auto;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}
a:hover {
  opacity: 0.7;
}

img {
  line-height: 0;
}

p {
  line-height: 1.6;
}

strong {
  font-weight: bolder;
}

hr {
  border-style: solid;
  border-bottom: none;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.content_text a:hover {
  opacity: 0.8;
}
.content_text a, .content_text abbr, .content_text acronym, .content_text b, .content_text basefont, .content_text bdo, .content_text big, .content_text br, .content_text cite, .content_text code, .content_text dfn,
.content_text em, .content_text i, .content_text img, .content_text input, .content_text kbd, .content_text label, .content_text q, .content_text s, .content_text samp, .content_text select,
.content_text small, .content_text span, .content_text strike, .content_text strong, .content_text sub, .content_text sup, .content_text textarea, .content_text tt, .content_text u, .content_text var {
  text-decoration: none;
}
.content_text h1, .content_text h2, .content_text h3, .content_text h4, .content_text h5, .content_text h6 {
  margin-bottom: 10px;
}
.content_text h1 {
  font-size: 25px;
}
.content_text h1 a, .content_text h1 abbr, .content_text h1 acronym, .content_text h1 b, .content_text h1 basefont, .content_text h1 bdo, .content_text h1 big, .content_text h1 br, .content_text h1 cite, .content_text h1 code, .content_text h1 dfn,
.content_text h1 em, .content_text h1 i, .content_text h1 img, .content_text h1 input, .content_text h1 kbd, .content_text h1 label, .content_text h1 q, .content_text h1 s, .content_text h1 samp, .content_text h1 select,
.content_text h1 small, .content_text h1 span, .content_text h1 strike, .content_text h1 strong, .content_text h1 sub, .content_text h1 sup, .content_text h1 textarea, .content_text h1 tt, .content_text h1 u, .content_text h1 var {
  font-size: inherit;
}
.content_text h2 {
  font-size: 22px;
}
.content_text h2 a, .content_text h2 abbr, .content_text h2 acronym, .content_text h2 b, .content_text h2 basefont, .content_text h2 bdo, .content_text h2 big, .content_text h2 br, .content_text h2 cite, .content_text h2 code, .content_text h2 dfn,
.content_text h2 em, .content_text h2 i, .content_text h2 img, .content_text h2 input, .content_text h2 kbd, .content_text h2 label, .content_text h2 q, .content_text h2 s, .content_text h2 samp, .content_text h2 select,
.content_text h2 small, .content_text h2 span, .content_text h2 strike, .content_text h2 strong, .content_text h2 sub, .content_text h2 sup, .content_text h2 textarea, .content_text h2 tt, .content_text h2 u, .content_text h2 var {
  font-size: inherit;
}
.content_text h3 {
  font-size: 19px;
}
.content_text h3 a, .content_text h3 abbr, .content_text h3 acronym, .content_text h3 b, .content_text h3 basefont, .content_text h3 bdo, .content_text h3 big, .content_text h3 br, .content_text h3 cite, .content_text h3 code, .content_text h3 dfn,
.content_text h3 em, .content_text h3 i, .content_text h3 img, .content_text h3 input, .content_text h3 kbd, .content_text h3 label, .content_text h3 q, .content_text h3 s, .content_text h3 samp, .content_text h3 select,
.content_text h3 small, .content_text h3 span, .content_text h3 strike, .content_text h3 strong, .content_text h3 sub, .content_text h3 sup, .content_text h3 textarea, .content_text h3 tt, .content_text h3 u, .content_text h3 var {
  font-size: inherit;
}
.content_text h4 {
  font-size: 16px;
}
.content_text h4 a, .content_text h4 abbr, .content_text h4 acronym, .content_text h4 b, .content_text h4 basefont, .content_text h4 bdo, .content_text h4 big, .content_text h4 br, .content_text h4 cite, .content_text h4 code, .content_text h4 dfn,
.content_text h4 em, .content_text h4 i, .content_text h4 img, .content_text h4 input, .content_text h4 kbd, .content_text h4 label, .content_text h4 q, .content_text h4 s, .content_text h4 samp, .content_text h4 select,
.content_text h4 small, .content_text h4 span, .content_text h4 strike, .content_text h4 strong, .content_text h4 sub, .content_text h4 sup, .content_text h4 textarea, .content_text h4 tt, .content_text h4 u, .content_text h4 var {
  font-size: inherit;
}
.content_text h5 {
  font-size: 13px;
}
.content_text h5 a, .content_text h5 abbr, .content_text h5 acronym, .content_text h5 b, .content_text h5 basefont, .content_text h5 bdo, .content_text h5 big, .content_text h5 br, .content_text h5 cite, .content_text h5 code, .content_text h5 dfn,
.content_text h5 em, .content_text h5 i, .content_text h5 img, .content_text h5 input, .content_text h5 kbd, .content_text h5 label, .content_text h5 q, .content_text h5 s, .content_text h5 samp, .content_text h5 select,
.content_text h5 small, .content_text h5 span, .content_text h5 strike, .content_text h5 strong, .content_text h5 sub, .content_text h5 sup, .content_text h5 textarea, .content_text h5 tt, .content_text h5 u, .content_text h5 var {
  font-size: inherit;
}
.content_text h6 {
  font-size: 10px;
}
.content_text h6 a, .content_text h6 abbr, .content_text h6 acronym, .content_text h6 b, .content_text h6 basefont, .content_text h6 bdo, .content_text h6 big, .content_text h6 br, .content_text h6 cite, .content_text h6 code, .content_text h6 dfn,
.content_text h6 em, .content_text h6 i, .content_text h6 img, .content_text h6 input, .content_text h6 kbd, .content_text h6 label, .content_text h6 q, .content_text h6 s, .content_text h6 samp, .content_text h6 select,
.content_text h6 small, .content_text h6 span, .content_text h6 strike, .content_text h6 strong, .content_text h6 sub, .content_text h6 sup, .content_text h6 textarea, .content_text h6 tt, .content_text h6 u, .content_text h6 var {
  font-size: inherit;
}

.pc_block {
  display: block;
  overflow: hidden;
}

.sp_block {
  display: none  !important;
}

br.sp {
  display: none;
}

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

  .sp_block {
    display: block !important;
  }

  br {
    display: none;
  }

  br.sp {
    display: block;
  }
}
/* ----- header ----- */
header {
  width: 100%;
  background-color: #ffffff;
  position: fixed;
  z-index: 99;
  -webkit-box-shadow: 0px 0px 5px #cccccc;
  -moz-box-shadow: 0px 0px 5px #cccccc;
  box-shadow: 0px 0px 5px #cccccc;
}
header .header_top_box {
  background-color: #000000;
  border-bottom: #af2626 4px solid;
  height: 40px;
}
header .header_top_box ul {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}
header .header_top_box ul li {
  display: inline-block;
  color: #ffffff;
}
header .header_top_box ul .lang-ja, header .header_top_box ul .lang-en, header .header_top_box ul .input_box {
  float: right;
  font-size: 12px;
  line-height: 40px;
}
header .header_top_box ul .lang-ja a, header .header_top_box ul .lang-en a {
  color: #ffffff;
}
header .header_top_box ul .lang-ja a.lang-current, header .header_top_box ul .lang-en a.lang-current {
  color: #949494;
}
header .header_top_box ul .share_box {
  width: auto;
}
header .header_top_box ul .input_box{
  margin-left: 22px;
  margin-top: 8px;
}
header .header_top_box ul .input_box form{
  display:flex;
}
header .header_top_box ul .input_box form .input_Form{
  position: relative;
  height: 100%;
}
header .header_top_box ul .input_box form input{
  width: 100%;
  max-width: 140px;
  height: 100%;
  max-height: 24px;
  border: none;
  padding: 3px 28px 3px 10px;
  font-size: 15px;
  border-radius: 12px;
}
header .header_top_box ul .input_box form button{
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background-color: unset;
  border: 0;
  cursor: pointer;
  padding: 0 9px 0 4px;
  height: 100%;
  margin-top: -1px;
}
header .header_top_box ul .input_box form button i{
  color: #949494;
}
header .header_top_box ul .input_box form input:focus,header .header_top_box ul .input_box form button:focus{
  outline: none;
}
header .header_nav_box {
  width: 980px;
  margin: 0 auto;
  display: table;
  padding: 15px 0;
  font-size: 15px;
  position: relative;
}
header .header_nav_box ul {
  width: 600px;
  margin: 0 auto;
}
header .header_nav_box ul li.header_nav_item {
  display: table-cell;
  width: 120px;
  text-align: center;
}
header .header_nav_box ul li.header_nav_item .sub-menu {
  font-size: 12px;
  display: none !important;
}
header .header_nav_box ul .current-menu-item a {
  color: #a2a2a2 !important;
}
header .header_nav_box .header_sns_box {
  width: auto;
  position: absolute;
  top: 8px;
  right: 0;
  text-align: right;
}
header .header_nav_box .header_sns_box li {
  display: inline-block;
  padding-left: 5px;
}

@media screen and (max-width: 640px) {
  header {
    box-shadow: none;
  }
  header .pc_block {
    display: none !important;
  }
  header .sp_block {
    display: block;
  }
  header .header_top_box {
    height: 52px;
    position: relative;
    /* Toggle Button */
  }
  header .header_top_box .header_logo {
    margin-left: 15px;
  }
  header .header_top_box #nav-toggle {
    display: block !important;
  }
  header .header_top_box #nav-toggle {
    display: none;
    position: absolute;
    right: 22px;
    top: 13px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
  }
  header .header_top_box #nav-toggle div {
    position: relative;
  }
  header .header_top_box #nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #ffffff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
  }
  header .header_top_box #nav-toggle span:nth-child(1) {
    top: 0;
  }
  header .header_top_box #nav-toggle span:nth-child(2) {
    top: 11px;
  }
  header .header_top_box #nav-toggle span:nth-child(3) {
    top: 22px;
  }
  header .header_top_box .br-nav--list {
    display: none;
    width: 100%;
    height: auto;
    position: absolute;
    top: 56px;
    z-index: 100;
  }
  header .header_top_box .br-nav--list ul {
    width: 100%;
    background-color: #ffffff;
  }
  header .header_top_box .br-nav--list ul li {
    display: inline-block;
    width: 100%;
  }
  header .header_top_box .br-nav--list ul li a {
    display: block;
    padding: 15px 0px 15px 15px;
    border-bottom: solid 1px #dddddd;
  }
  header .open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
  }
  header .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  header .open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }
  header .open .br-nav--list {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 100;
    top: 56px;
  }
  header .open .br-nav--list ul {
    width: 100%;
    background-color: #ffffff;
  }
  header .open .br-nav--list ul li {
    display: inline-block;
    width: 100%;
  }
  header .open .br-nav--list ul li a {
    display: block;
    padding: 15px 0px 15px 15px;
  }
  header .open .br-nav--list ul li .sub-menu {
    font-size: 12px;
    display: none !important;
  }
  header .open .br-nav--list .lang_box {
    display: table;
    text-align: center;
  }
  header .open .br-nav--list .lang_box li {
    display: table-cell;
    float: none;
    width: 49%;
    border-right: solid 1px #dddddd;
    text-align: center;
  }
  header .open .br-nav--list .lang_box li:last-child {
    border: none;
  }
  header .open .br-nav--list .lang_box li a {
    color: #444;
    padding: 15px 0;
    border: none;
  }
  header .open .br-nav--list .header_sns_box {
    border-bottom: solid 1px #dddddd;
    width: 100%;
    display: table;
  }
  header .open .br-nav--list .header_sns_box li.header_sns_item {
    display: table-cell;
    width: 33.3%;
    text-align: center;
    border-right: solid 1px #dddddd;
    background-color: #999;
  }
  header .open .br-nav--list .header_sns_box li.header_sns_item:last-child {
    border: none;
  }
  header .open .br-nav--list .header_sns_box li.header_sns_item a {
    border: none;
    padding: 15px 0;
  }
  header .open .br-nav--list .sns_share {
    display: table;
    text-align: center;
    width: 100% !important;
    height: 50px;
    text-align: left;
    border-bottom: solid 1px #ddd;
    border-top: solid 1px #ddd;
  }
  header .open .br-nav--list .sns_share li {
    display: table-cell;
    float: none;
    width: 50%;
    line-height: 10px;
    vertical-align: middle;
    padding: 0 15px;
  }
  header .open .br-nav--list .sns_share .tw_share {
    text-align: right !important;
  }
  header .open .br-nav--list .input_box{
    border-bottom: solid 1px #dddddd;
    border-top: solid 1px #dddddd;
    padding: 15px 0;
    margin-top: 0;
  }
  header .header_top_box ul .input_box form{
    justify-content: center;
    align-items: center;
  }
  header .header_top_box ul .input_box form input{
    border: 1px solid #ddd;
    max-width: 200px;
    height: 35px;
    max-height: none;
    border-radius: 22px;
    padding: 4px 26px 4px 18px;
  }
  header .header_top_box ul .input_box form button{
    padding: 0 14px 0 4px;
    margin-top:0;
  }
  header .header_top_box ul .input_box form .input_Form{
    width:100%;
    max-width: 246px;
  }
}
/* ----- header end ----- */
/* ----- header second.ver ----- */
body.is-fixed .second-nav {
  position: fixed;
  top: 40px;
  left: 0;
  right: 0;
}
body.is-fixed header .header_nav_box {
  display: none;
}
body.is-fixed .br-header--style {
  margin-bottom: 170px;
}
@media screen and (max-width: 640px) {
  body.is-fixed .br-header--style {
    margin-bottom: 0;
  }
}

header {
  position: fixed;
}
header .header_top_box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 300;
}
header .header_nav_box {
  margin-top: 45px;
}

/* -----セカンドナビあり固定----- */
.content_pt {
  padding-top: 96px;
}
@media screen and (max-width: 640px) {
  .content_pt {
    padding-top: 56px;
  }
}

#privacy:before, #legal:before, #security:before, #sitemap:before {
  top: 95px;
}
@media screen and (max-width: 640px) {
  #privacy:before, #legal:before, #security:before, #sitemap:before {
    top: 55px;
  }
}

@media screen and (max-width: 640px) {
  header {
    position: fixed;
  }

  #TOP, #bishamon, #company, #careers {
    padding-top: 56px;
  }
}
/* -----BISHAMON 会社情報 採用情報　----- */
.page-id-26 .br-header--style, .page-id-44 .br-header--style, .page-id-33 .br-header--style, .page-id-1044 .br-header--style {
  position: relative;
}

/* -----セカンドナビ bishamonロゴ----- */
#bishamon .second-nav dt {
  float: left;
  padding: 25px 40px 20px 0;
  width: 70px;
  height: 20px;
  content: "";
  background: url(../../share/images/bishamon/logo_nav_bishamon.png) no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-size: contain;
  background-position: 0 28px;
  display: none;
}

.second-nav {
  background-color: #f3f3f3;
  border-bottom: #af2626 4px solid;
  position: relative;
  z-index: 300;
}
.second-nav dl {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  font-size: 13px;
}
@media screen and (max-width: 1200px) {
  .second-nav dl {
    font-size: 11px;
  }
}
.second-nav dl dt {
  float: left;
  padding: 25px 40px 20px 0;
  width: 70px;
  height: 20px;
  display: none;
}
.second-nav dl dd ul {
  text-align: center;
}
@media screen and (max-width: 940px) {
  .second-nav dl dd ul {
    margin-bottom: 10px;
  }
}
.second-nav dl dd ul li {
  display: inline-block;
  padding: 20px 10px 30px 10px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .second-nav dl dd ul li {
    padding: 20px 5px 30px 5px;
  }
}
@media screen and (max-width: 940px) {
  .second-nav dl dd ul li {
    padding: 0px 5px 2px 5px;
    margin-top: 15px;
    margin-bottom: 10px;
  }
}
.second-nav dl dd ul li:last-child {
  padding-right: 0;
}
.second-nav dl dd ul li a {
  position: relative;
}
.second-nav dl dd ul li a:after {
  content: "";
  background-image: url(../../share/images/nav_click.png);
  background-repeat: no-repeat;
  width: 10px;
  height: 8px;
  position: absolute;
  left: 43%;
  bottom: -15px;
}
@media screen and (max-width: 640px) {
  .second-nav {
    display: none !important;
  }
}

@media screen and (max-width: 640px) {
  padding-top: 56px;
  .second-nav {
    display: none !important;
  }
}
/* -----common----- */
h3 {
  font-size: 32px;
  border-bottom: solid 1px #999999;
  font-weight: normal;
  margin: 0 0 30px 0;
  pointer-events: none;
}

@media screen and (max-width: 640px) {
  h3 {
    font-size: 24px;
  }

  .main_text {
    margin-top: 60px;
  }
  .main_text .main_txt_inner {
    font-size: 20px;
  }
}
@media screen and (max-width: 640px) {
  #TOP h3:not(.w3eden h3),
  #bishamon h3:not(.w3eden h3),
  #company h3:not(.w3eden h3),
  #careers h3:not(.w3eden h3) {
    font-size: 24px;
    cursor: pointer;
    background-color: #888888;
    padding: 5px 15px;
    color: #ffffff;
    border-bottom: solid #666666 2px;
    position: relative;
    pointer-events: painted;
  }
  #TOP h3::after, #bishamon h3::after, #company h3::after, #careers h3::after {
    position: absolute;
    top: 12px;
    right: 15px;
    content: '';
    background-image: url(../images/btn_minus.png);
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
  }
  #TOP h3.open::after, #bishamon h3.open::after, #company h3.open::after, #careers h3.open::after {
    position: absolute;
    top: 12px;
    right: 15px;
    content: '';
    background-image: url(../images/btn_plus.png) !important;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
  }

  .w3eden h3::after {
     content: none !important;
   }

  .left_column dt {
    cursor: pointer;
    position: relative;
    pointer-events: painted !important;
  }
  .left_column dt:after {
    position: absolute;
    /* top: 18px; */
    right: 15px;
    content: '';
    background-image: url(../images/btn_plus.png);
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
  }
  .left_column dt.open:after {
    position: absolute;
    /* top: 18px; */
    right: 15px;
    content: '';
    background-image: url(../images/btn_minus.png) !important;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
  }
  .left_column .open_info {
    display: none;
  }
}
/* -----.content----- */
.content {
  width: 100%;
  margin-bottom: 140px;
}
.content:before {
  content: "";
  background-image: url(../images/dec_top.png);
  background-repeat: no-repeat;
  height: 209px;
  position: absolute;
  top: 165px;
  left: 0;
  right: 0;
  z-index: -1;
  margin-right: -500px;
}
@media screen and (max-width: 640px) {
  .content:before {
    top: 125px;
    background-size: contain;
  }
}

#bishamon:before, #company:before, #careers:before {
  top: 630px;
}
@media screen and (max-width: 640px) {
  #bishamon:before, #company:before, #careers:before {
    top: 200px !important;
  }
}

#TOP:before {
  top: 550px;
}
@media screen and (max-width: 640px) {
  #TOP:before {
    top: 250px !important;
  }
}

.content_clear {
  padding-top: 80px;
}
.content_clear:before {
  top: 85px;
}

@media screen and (max-width: 640px) {
  iframe {
    width: 100%;
    height: 250px;
  }
}
/* -----mainvisual slider----- */
.main_visual {
  background-color: #000000;
}
.main_visual .slide_block {
  margin: 0 auto;
  width: 1200px;
  z-index: 80;
}
.main_visual .slide_block .slick-prev, .main_visual .slide_block .slick-next {
  display: none !important;
}
.main_visual .slide_block .slick-dots {
  bottom: 20px;
}
.main_visual .slide_block .slick-dots li button:before {
  font-size: 7px;
  color: #ffffff;
}
.main_visual .slide_block .slick-dots li.slick-active button:before {
  color: #ffffff;
}
.main_visual .single-visual {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
  height: 460px;
  position: relative;
  z-index: 11;
}

.slide_block {
  //display: none;
  opacity: 0;
  transition: opacity .3s linear;
  aspect-ratio: 1200/460;
}

.slide_block.slick-initialized {
  display: block;
  opacity: 1;
}

.adoption-slider_box {
  display: none;
}

.adoption-slider_box.slick-initialized {
  display: block;
}


@media screen and (max-width: 640px) {
  .main_visual {
    margin-bottom: 30px;
  }
  .main_visual .slide_block {
    width: 100%;
  }
  .main_visual .slide_block .slick-slide img {
    display: block;
    max-width: 100%;
    height: auto;
  }
  .main_visual .slide_block .slick-dots {
    bottom: 10px;
  }
  .main_visual .single-visual {
    width: 100%;
    height: auto;
  }
  .main_visual .single-visual img {
    width: 100%;
    display: block;
  }
}

/* -----mainvisual slider END----- */
section {
  width: 1180px;
  margin: 0 auto;
  position: relative;
  padding: 80px 0 0 0;
  margin-bottom: 20px;
  z-index: 3;
}
article#TOP section{
  width: 980px;
}
section.w980{
  width: 980px;
}
@media screen and (max-width: 640px) {
  section {
    width: auto;
    padding: 20px 0 20px 0;
    margin: 0 15px;
  }

  article#TOP section{
    width: auto;
  }
}

.main_text {
  margin: 30px 0;
}
.main_text .main_txt_inner {
  padding: 30px;
  border: solid 1px #cccccc;
  text-align: center;
  font-size: 26px;
  line-height: 1.6;
  position: relative;
}
.main_text .main_txt_inner:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 40px solid #cccccc;
  border-right: 40px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
}
.main_text .main_txt_inner:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 40px solid #cccccc;
  border-left: 40px solid transparent;
  position: absolute;
  bottom: 0;
  right: 0;
}

#news_block:before {
  display: none;
}

p.timedays_box {
  margin: 0 0 15px 0;
}

.news_block_inner li {
  margin: 0 0 15px 0;
}
.news_block_inner li .type_box {
  font-size: 13px;
  border-bottom: solid #e4e4e4 1px;
}
.news_block_inner li .type_box .type_CORPORATE {
  color: #66cc33;
}
.news_block_inner li .type_box .type_BISHAMON {
  color: #cc3333;
}
.news_block_inner li .type_box .type_EVENT {
  color: #ff6633;
}
.news_block_inner li .news_box {
  padding: 5px 0;
}
.news_block_inner li .news_box .news_box_time {
  padding-right: 30px;
}
@media screen and (max-width: 640px) {
  .news_block_inner li .news_box .news_box_time:after {
    content: "\A";
    white-space: pre;
  }
}

/* -----ボタン----- */
.btn_archive {
  text-align: right;
}
.btn_archive a {
  padding: 7px 35px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  background-color: #999999;
  color: #ffffff;
  font-size: 15px;
  position: relative;
  box-shadow: 0px 3px 0px 0px #666666;
  -moz-box-shadow: 0px 3px 0px 0px #666666;
  -webkit-box-shadow: 0px 3px 0px 0px #666666;
}
.btn_archive a:after {
  content: "";
  background-image: url(../../share/images/click_detail.png);
  width: 7px;
  height: 10px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.btn_archive_re {
  text-align: center;
  margin: 60px 0 0 0;
}
.btn_archive_re a {
  padding: 7px 35px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  background-color: #999999;
  color: #ffffff;
  font-size: 15px;
  position: relative;
  box-shadow: 0px 3px 0px 0px #666666;
  -moz-box-shadow: 0px 3px 0px 0px #666666;
  -webkit-box-shadow: 0px 3px 0px 0px #666666;
}
.btn_archive_re a:after {
  content: "";
  background-image: url(../../share/images/click_detail.png);
  transform: scale(-1, 1);
  width: 7px;
  height: 10px;
  position: absolute;
  top: 10px;
  left: 15px;
}
@media screen and (max-width: 640px) {
  .btn_archive_re {
    margin: 0px 0 30px 0;
  }
}

/* -----bishamon BISHAMONとは----- */
.bishamon {
  overflow: hidden;
}
.bishamon .bishamon_subtxt {
  font-size: 20px;
  line-height: 1.8;
}
.bishamon h4 {
  font-size: 26px;
  color: #cc3333;
  padding: 30px 0 20px 0;
  font-weight: normal;
}
.bishamon h4:before {
  display: none;
}
.bishamon .block_inner {
  width: 100%;
  overflow: hidden;
  margin: 0 0 30px 0;
}
.bishamon .block_inner .box_left {
  float: left;
  line-height: 1.8;
  width: 60%;
  padding-right: 3%;
}
.bishamon .block_inner .box_right {
  float: right;
  line-height: 1.8;
  width: 60%;
  padding-left: 3%;
}
.bishamon .block_inner img {
  width: 37%;
}
@media screen and (max-width: 640px) {
  .bishamon .bishamon_subtxt {
    font-size: 16px;
    line-height: 1.6;
  }
  .bishamon h4 {
    font-size: 18px;
    padding: 0;
  }
  .bishamon .box_left, .bishamon .box_right {
    width: 100% !important;
    padding: 0;
  }
  .bishamon img {
    margin-top: 15px;
    width: 100% !important;
  }
}

#adoption h4 {
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 30px;
}
#adoption .adoption-slider_box {
  overflow: hidden;
  margin-bottom: 30px;
  padding: 10px;
}
#adoption .adoption-slider_box .slick-slide {
  float: left;
  margin: 7.5px;
  text-align: center;
}
#adoption .adoption-slider_box .slick-slide p {
  border: solid 1px #ccc;
  padding: 15px;
  width: 300px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#adoption .adoption-slider_box .slick-slide p img {
  max-height: 150px;
  max-width: 150px;
  margin: 0 auto;
}
#adoption .adoption-slider_box .slick-slide dl {
  text-align: left;
}
#adoption .adoption-slider_box .slick-slide dl dt {
  font-weight: bold;
  padding: 10px 0;
}
@media screen and (max-width: 640px) {
  #adoption .slick-slide img {
    max-width: 100% !important;
  }
}

/* ----- 動作環境 #operating-environment ----- */
/* -----environ----- */
.environ_block {
  background-color: #eeeeee;
  padding: 30px;
  margin: 0 0 30px 0;
}
.environ_block h5 {
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 10px;
}

.caution {
  font-size: 11px;
  margin: 20px 0;
}
.caution .column_two {
  overflow: hidden;
}
.caution .column_two dd {
  width: 50%;
  float: left;
}
.caution .column_two dd:last-child {
  margin-top: 1.2em;
}
@media screen and (max-width: 640px) {
  .caution dd {
    width: 100% !important;
    margin-top: 0 !important;
  }
}

.environ_btn_block {
  text-align: center;
}
.environ_btn_block li {
  display: inline-block;
  width: 29.3%;
  color: #ffffff;
  text-align: center;
  margin-right: 5%;
  position: relative;
}
.environ_btn_block li:last-child {
  margin: 0;
}
.environ_btn_block li a {
  padding: 15px 15%;
  color: #ffffff;
  display: block;
  background-color: #888888;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  box-shadow: 0px 4px 0px 0px #666666;
  -moz-box-shadow: 0px 4px 0px 0px #666666;
  -webkit-box-shadow: 0px 4px 0px 0px #666666;
}
.environ_btn_block li a:after {
  content: "";
  background-image: url(../../share/images/click_detail.png);
  width: 7px;
  height: 10px;
  position: absolute;
  top: 22px;
  right: 30px;
}
.environ_btn_block li a.sample_date:after {
  content: "";
  background-image: url(../../share/images/ico_downroad.png);
  width: 15px;
  height: 15px;
}
@media screen and (max-width: 640px) {
  .environ_btn_block li {
    width: 100%;
    margin-bottom: 15px;
  }
}

/* -----trial  トライアル ----- */
.trial_block {
  width: 100%;
  margin: 30px 0;
}
.trial_block li {
  display: inline-block;
  width: 475px;
  border: solid 1px #f56c25;
  padding-bottom: 30px;
  vertical-align: top;
  margin-right: 20px;
}
.trial_block li .head_box {
  background-image: url(../images/bishamon/dec_grd_01.jpg);
  background-repeat: repeat-x;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 30px;
  color: #ffffff;
}
.trial_block li .head_box p {
  font-size: 12px;
  background-color: #ffffff;
  padding: 0px 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  width: 20%;
  margin: 0 auto;
  color: #f56c25;
  line-height: 1.2;
}
.trial_block li .head_box h6 {
  font-size: 18px;
  color: #ffffff;
  font-weight: normal;
}
.trial_block li p {
  padding: 0 30px 10px 30px;
}
.trial_block li .trial_download {
  text-align: center;
}
.trial_block li .trial_download a {
  padding: 5px 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  display: block;
  border: solid 1px #444444;
  position: relative;
}
.trial_block li .trial_download a:hover {
  background-color: #666666;
  color: #ffffff;
  border: solid 1px #666666;
}
.trial_block li .trial_download a:hover:after {
  background-image: url(../../share/images/click_detail.png);
}
.trial_block li .trial_download a:after {
  content: "";
  background-image: url(../../share/images/click_detail_gray.png);
  background-repeat: no-repeat;
  width: 7px;
  height: 12px;
  position: absolute;
  top: 12px;
  right: 30px;
}
.trial_block li .title_trial {
  font-size: 18px;
}
.trial_block li .btn_license a {
  display: block;
  background-color: #f56c25;
  padding: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 4px 0px 0px #e35d14;
  -moz-box-shadow: 0px 4px 0px 0px #e35d14;
  -webkit-box-shadow: 0px 4px 0px 0px #e35d14;
  text-align: center;
  color: #ffffff;
  position: relative;
}
.trial_block li .btn_license a:after {
  content: "";
  background-image: url(../../share/images/click_detail.png);
  background-repeat: no-repeat;
  width: 7px;
  height: 10px;
  position: absolute;
  top: 22px;
  right: 30px;
}
.trial_block li:last-child {
  margin: 0;
  border: solid 1px #2250ac;
}
.trial_block li:last-child .head_box {
  background-image: url(../images/bishamon/dec_grd_02.jpg);
}
.trial_block li:last-child .head_box p {
  color: #2250ac;
}
.trial_block li:last-child .btn_license a {
  background-color: #2250ac;
  box-shadow: 0px 4px 0px 0px #19438f;
  -moz-box-shadow: 0px 4px 0px 0px #19438f;
  -webkit-box-shadow: 0px 4px 0px 0px #19438f;
}
@media screen and (max-width: 640px) {
  .trial_block li {
    width: 100%;
    margin-bottom: 30px;
  }
}

/* -----FAQ ----- */
#faq dl {
  padding: 10px 0;
}
#faq dl dt {
  padding: 5px 0px 5px 50px;
  border-bottom: solid 1px #b9b9b9;
  position: relative;
}
#faq dl dt:before {
  content: "Q";
  width: 30px;
  height: 30px;
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  background-color: #ff7a32;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  line-height: 30px;
}
#faq dl dd {
  padding: 5px 0px 5px 50px;
  position: relative;
}
#faq dl dd:before {
  content: "A";
  width: 30px;
  height: 30px;
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  background-color: #888888;
  border-radius: 5px;
  color: #fff;
  margin-top: 5px;
  text-align: center;
  line-height: 30px;
}

/* -----  support サポートお問い合わせ ----- */
#support h4 {
  font-size: 24px;
  font-weight: normal;
  padding-left: 30px;
  position: relative;
  margin: 30px 0 30px 0;
}
#support h4:before {
  content: "";
  background-image: url(../images/bishamon/icon_support_01.png);
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 0;
  top: 6px;
}
#support h4:nth-child(4):before {
  background-image: url(../images/bishamon/icon_support_02.png);
}
#support h4:nth-child(7):before {
  background-image: url(../images/bishamon/icon_support_03.png);
}
#support h4:nth-child(10):before {
  background-image: url(../images/bishamon/icon_support_04.png);
}
@media screen and (max-width: 640px) {
  #support h4 {
    font-size: 20px;
  }
  #support h4:before {
    top: 3px;
  }
}

.related-book .support_block, .tutorial .support_block {
  overflow: hidden;
  margin-bottom: 30px;
}
.related-book .support_block li, .tutorial .support_block li {
  width: 316px;
  float: left;
  margin-right: 15px;
  text-align: center;
}
.related-book .support_block li div, .tutorial .support_block li div {
  width: 29%;
  border: solid 1px #ccc;
  padding: 15px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.related-book .support_block li div img, .tutorial .support_block li div img {
  max-height: 180px;
  max-width: 280px;
}
.related-book .support_block li p, .tutorial .support_block li p {
  padding-top: 5px;
  text-align: left;
}
.related-book .support_block li:last-child, .tutorial .support_block li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 640px) {
  .related-book li, .tutorial li {
    width: 47.8% !important;
    margin-right: 15px;
  }
  .related-book li img, .tutorial li img {
    max-height: 100px !important;
    max-width: 100% !important;
  }
  .related-book li:nth-child(2), .tutorial li:nth-child(2) {
    margin-right: 0;
  }
  .related-book li:last-child, .tutorial li:last-child {
    display: none;
  }
}

.btn_contact {
  margin: 50px 0;
}
.btn_contact a {
  display: block;
  background-color: #cc2d4a;
  padding: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 4px 0px 0px #af1c37;
  -moz-box-shadow: 0px 4px 0px 0px #af1c37;
  -webkit-box-shadow: 0px 4px 0px 0px #af1c37;
  text-align: center;
  color: #ffffff;
  position: relative;
  max-width: 300px;
  margin: 0 auto;
}
.btn_contact a:after {
  content: "";
  background-image: url(../../share/images/click_detail.png);
  background-repeat: no-repeat;
  width: 7px;
  height: 10px;
  position: absolute;
  top: 22px;
  right: 30px;
}

/* ----- 2カラム ----- */
.column_inner {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.column_inner .left_column {
  width: 30%;
  float: left;
  margin-right: 1%;
}
.column_inner .left_column dl {
  background-color: #f3f3f3;
/*  -webkit-box-shadow: 0px 0px 5px #cccccc;
  -moz-box-shadow: 0px 0px 5px #cccccc;
  box-shadow: 0px 0px 5px #cccccc;
  margin-bottom: 30px;
*/}
.column_inner .left_column dl dt {
  padding: 10px;
  background: #888;
  color: #fff;
  font-size: 18px;
  pointer-events: none;
}
.column_inner .left_column dl dd {
  padding: 10px;
}
.column_inner .left_column dl dd h4 {
  margin-bottom: 10px;
}
.column_inner .left_column dl dd h4 span {
  border-bottom: solid 1px #444;
}
.column_inner .left_column dl dd ul:nth-child(2) {
  border-bottom: dotted 1px #444;
}
.column_inner .left_column dl dd ul li {
  padding-bottom: 4px;
  padding-left: 10px;
  position: relative;
}
.column_inner .left_column dl dd ul li.current-menu-item {
  font-weight:bold;
}
.column_inner .left_column dl dd ul li.current-menu-item>a{
  color:#af2626;
}

.column_inner .left_column dl dd ul li a:before {
  content: "▶︎";
  position: absolute;
  left: 0;
  top: 4px;
  font-size: 3px;
}
.column_inner .left_column dl dd:nth-child(2) ul {
  border: none;
  padding-bottom: 8px;
}
.column_inner .left_column dl:last-child dd ul {
  border: none;
}
.column_inner .left_column .side_nav {
  margin-bottom: 30px !important;
  background-color: #f3f3f3;
  -webkit-box-shadow: 0px 0px 5px #bdbdbd;
  -moz-box-shadow: 0px 0px 5px #bdbdbd;
  box-shadow: 0px 0px 5px #bdbdbd;
}
.column_inner .right_column {
  float: right;
  width: 66%;
}
.sub-menu{
  font-size: 12px;
  padding-top: 2px;
}
.bc_pos {
  margin-top: -60px;
  margin-bottom: 60px;
  font-size: 15px;
}
@media screen and (max-width: 640px) {
  .bc_pos {
    margin-top: -30px;
    margin-bottom: 30px;
  }
}

.single-post .content {
  padding: 0;
}
.single-post .content section .contents_frame .news_date {
  font-size: 22px;
}
.single-post .content section p.p1 {
  padding-top: 15px;
}
@media screen and (max-width: 640px) {
  .single-post .content section .contents_text {
    padding-bottom: 60px;
  }
  .single-post .content section .contents_text .news_date {
    font-size: 18px;
  }
  .single-post .content section .contents_text .news_content p img {
    width: 100%;
    height: auto;
  }
}

.right_column ul {
  overflow: hidden;
}
.right_column ul .list_inner {
  width: 43.9%;
  float: left;
  padding: 15px 15px 40px;
  border: solid 1px #ccc;
  background-color: rgba(255, 255, 255, 0.4);
  margin-right: 15px;
  margin-bottom: 15px;
  text-align: center;
}
.right_column ul .list_inner:nth-child(2n) {
  margin-right: 0;
}
.right_column ul .list_inner .categories {
  font-size: 12px;
  text-align: left;
  padding-bottom: 10px;
}
.right_column ul .list_inner h2.list_title {
  font-size: 22px;
}
.right_column ul .list_inner h4.list_title {
  font-size: 22px;
  font-weight: normal;
}
.right_column ul .list_inner div img {
  max-width: 400px;
  max-height: 150px;
  margin: 15px 0;
}
.right_column ul .list_inner dd img {
  width: 100%;
  padding: 10px 0;
}
.right_column .btn_more a, .right_column .btn_back a {
  padding: 10px 50px;
  border: solid #888888 1px;
  border-radius: 20px;
  font-size: 15px;
  position: relative;
}
.right_column .btn_more a:after, .right_column .btn_back a:after {
  content: "";
  background-image: url(../../share/images/click_detail_gray.png);
  width: 7px;
  height: 10px;
  position: absolute;
  top: 13px;
  right: 10px;
}
.right_column .btn_back {
  margin: 60px 0 50px 0;
}
.right_column .btn_buy {
  position: relative;
  padding-bottom: 15px;
  margin: 15px auto 0 auto;
  width: 300px;
}
.right_column .btn_buy .btn_app a, .right_column .btn_buy .btn_google a {
  content: "";
  background-image: url(../images/btn_app.png);
  background-repeat: no-repeat;
  height: 37px;
  width: 127px;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 20px;
}
.right_column .btn_buy .btn_google a {
  background-image: url(../images/btn_google.png);
  left: initial;
  right: 20px;
}
@media screen and (max-width: 640px) {
  .right_column .btn_buy {
    width: 0%;
    padding: 0 !important;
  }
  .right_column .btn_buy .btn_app {
    padding-bottom: 15px;
  }
  .right_column .btn_buy .btn_app a {
    left: 5px !important;
  }
  .right_column .btn_buy .btn_google {
    padding-bottom: 15px;
  }
  .right_column .btn_buy .btn_google a {
    right: 5px !important;
  }
}
.right_column .copy {
  font-size: 12px;
}

.list_detail_inner {
  padding: 15px;
  border: solid 1px #ccc;
  background-color: rgba(255, 255, 255, 0.4);
  width: 66% !important;
  text-align: center;
}
.list_detail_inner .categories {
  font-size: 12px;
  text-align: left;
}
.list_detail_inner h4.list_title {
  font-size: 22px;
  padding: 15px 0;
}

ul.adoption_detail {
  margin: 15px 0;
}
ul.adoption_detail dl {
  overflow: hidden;
  text-align: left;
  margin: 0 auto;
  width: 500px;
  padding: 5px;
}
ul.adoption_detail dl dt {
  float: left;
  width: 36%;
}
ul.adoption_detail dl dd {
  width: 58%;
  margin-left: 37%;
}

@media screen and (max-width: 640px) {
  .left_column {
    width: 100% !important;
    margin-right: 0 !important;
    margin-top: 30px !important;
  }

  .right_column {
    width: 100% !important;
  }
  .right_column .list_inner {
    width: auto !important;
    margin-right: 0 !important;
    float: none !important;
  }
  .right_column .list_inner div img {
    max-width: 100% !important;
  }

  .list_detail_inner {
    width: auto !important;
    float: none !important;
  }
  .list_detail_inner div img {
    width: 100%;
  }
  .list_detail_inner dl {
    font-size: 14px;
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
  }
  .list_detail_inner dl dt {
    padding-right: 5%;
    float: none !important;
    width: 100% !important;
    border-bottom: 1px solid #ccc;
  }
  .list_detail_inner dl dd {
    float: none !important;
    width: 100% !important;
    margin-top: 5px;
    margin-left: 0 !important;
  }
}
.right_column .list_books {
  overflow: hidden;
  width: 100%;
  margin-bottom: 80px;
  border-bottom: solid 1px #ccc;
  padding-bottom: 50px;
}
.right_column .list_books:last-child {
  border: none;
  padding: 0;
}
.right_column .list_books .list_books_inner {
  float: left;
  width: 40%;
}
.right_column .list_books .list_books_inner:nth-child(2) {
  width: 60%;
}
.right_column .list_books .list_books_inner img {
  max-width: 250px;
}
.right_column .list_books .list_books_inner h3 {
  font-size: 24px;
  border: none;
  margin: 0;
}
.right_column .list_books .list_books_inner h4 {
  margin: 15px 0;
  font-size: 18px;
}
.right_column .list_books .list_books_inner dl {
  margin-bottom: 30px;
}
.right_column .list_books .list_books_inner dl dt {
  margin-bottom: 5px;
}
.right_column .list_books .list_books_inner dl dd .btn_store {
  overflow: hidden;
}
.right_column .list_books .list_books_inner dl dd .btn_store li {
  float: left;
  width: 50%;
  position: relative;
}
.right_column .list_books .list_books_inner dl dd .btn_store li a {
  border: solid 2px #666666;
  border-radius: 25px;
  height: 40px;
  display: block;
  margin: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 0px #666666;
  -moz-box-shadow: 0px 2px 0px #666666;
  box-shadow: 0px 2px 0px #666666;
}
.right_column .list_books .list_books_inner dl dd .btn_store li a:before {
  content: "";
  background-repeat: no-repeat;
  background-image: url(../../share/images/book/logo_rakuten.png);
  width: 105px;
  height: 25px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 32px;
  margin: auto;
  left: 30px;
  position: absolute;
}
.right_column .list_books .list_books_inner dl dd .btn_store li a:after {
  content: "";
  background-image: url(../../share/images/click_detail_gray.png);
  background-repeat: no-repeat;
  width: 105px;
  height: 25px;
  bottom: 7px;
  right: -75px;
  position: absolute;
}
.right_column .list_books .list_books_inner dl dd .btn_store li a.btn_amazon:before {
  background-image: url(../../share/images/book/logo_amazon.png);
  top: 5px;
}
.right_column .list_books .list_books_inner dl dd .btn_store li a.btn_kinokuniya:before {
  background-image: url(../../share/images/book/logo_kinokuniya.png);
}
.right_column .list_books .list_books_inner dl dd .btn_store li a.btn_ibookstore:before {
  background-image: url(../../share/images/book/logo_ibookstore.png);
}
@media screen and (max-width: 640px) {
  .right_column .list_books {
    margin-bottom: 60px;
    border-bottom: solid 2px #eee;
    padding-bottom: 20px;
  }
  .right_column .list_books:last-child {
    border: none;
  }
  .right_column .list_books .list_books_inner {
    width: 100% !important;
    margin-bottom: 30px;
    float: none !important;
    text-align: center;
  }
  .right_column .list_books .list_books_inner img {
    width: 70%;
    max-width: none;
  }
  .right_column .list_books .list_books_inner h3, .right_column .list_books .list_books_inner h4, .right_column .list_books .list_books_inner dl {
    text-align: left;
  }
  .right_column .list_books .list_books_inner dl dd li {
    width: 100% !important;
  }
  .right_column .list_books:last-child {
    margin-bottom: 0;
  }
}

#tutorial_list .right_column dl {
  border: solid 1px #ccc;
  margin: 30px 0;
}
#tutorial_list .right_column dl dt {
  font-size: 20px;
  padding: 15px;
  background-color: #ccc;
}
#tutorial_list .right_column dl dd.youtube {
  padding: 30px 15px;
}
#tutorial_list .right_column dl dd.youtube iframe {
  display: table-cell;
  margin: 0 auto;
}
#tutorial_list .right_column dl:last-child {
  border: none;
}
#tutorial_list .right_column h3 {
  padding-top: 60px;
}
#tutorial_list .right_column h3:first-child {
  padding-top: 0;
}
@media screen and (max-width: 640px) {
  #tutorial_list .right_column h3 {
    padding-top: 30px;
  }
  #tutorial_list .right_column dd.youtube {
    padding: 0 !important;
    position: relative;
    width: 90%;
    margin: 5%;
    padding-top: 56.25% !important;
  }
  #tutorial_list .right_column dd.youtube iframe {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

#seminar-list .right_column li {
  margin-bottom: 30px;
  border: solid 1px #ccc;
  text-align: center;
  background-color: #fff;
}
#seminar-list .right_column li a dl dt {
  font-size: 20px;
  padding: 15px;
  background-color: #888;
  color: #fff;
  font-weight: bold;
}
#seminar-list .right_column li a dl dd {
  padding: 15px;
}
@media screen and (max-width: 640px) {
  #seminar-list dd img {
    width: 100%;
  }
}

h6.content_title {
  margin: 0 auto;
  margin-bottom: 80px;
  width: 980px;
  padding: 15px;
  background-color: #eee;
  margin-left: -500px;
  padding: 15px 500px;
  margin-top: 15px;
  font-size: 32px;
  font-weight: normal;
  -webkit-box-shadow: 0px 0px 5px #cccccc;
  -moz-box-shadow: 0px 0px 5px #cccccc;
  box-shadow: 0px 0px 5px #cccccc;
}

@media screen and (max-width: 640px) {
  h6.content_title {
    padding-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    font-size: 12px;
  }
  h6.content_title:before {
    top: 100px;
    background-size: contain;
  }
}
/* -----corporate 会社情報 ----- */
.corporate .block_inner {
  overflow: hidden;
}
.corporate .block_inner h4 {
  font-size: 26px;
  color: #cc3333;
  padding: 30px 0 20px 0;
  font-weight: normal;
}
.corporate .block_inner .box_right {
  text-align: center;
  width: 18%;
  float: right;
  margin: 40px 0 15px 50px;
}
.corporate .block_inner .box_right .caution {
  margin: 0;
}
@media screen and (max-width: 640px) {
  .corporate .box_right {
    width: 100% !important;
    margin: 15px auto !important;
  }
}

.table_block dl {
  overflow: hidden;
}
.table_block dl:nth-child(2n+1) {
  background-color: #eeeeee;
}
.table_block dl dt {
  padding: 15px;
  float: left;
  width: 15%;
}
.table_block dl dd {
  padding: 15px;
  float: left;
  width: 78%;
}
@media screen and (max-width: 640px) {
  .table_block dl {
    font-size: 13px;
  }
  .table_block dl dt {
    padding: 3%;
    width: 20%;
    font-weight: bold;
  }
  .table_block dl dd {
    padding: 3% 0;
    width: 70%;
  }
}

#security h4 {
  border-bottom: solid 1px #dddddd;
  margin: 30px 0 10px 0;
  font-size: 18px;
  font-weight: normal;
}

#sitemap li.home-item, #legal li.home-item {
  font-size: 20px;
}
#sitemap li a, #legal li a {
  display: block;
  background-color: #eee;
  padding: 10px 30px;
  margin-top: 5px;
}
#sitemap li a:nth-child(even), #legal li a:nth-child(even) {
  background-color: #ffffff;
}
#sitemap ul.children li, #legal ul.children li {
  padding-left: 30px;
  background-color: #eeeeee;
  border-bottom: solid 1px #ffffff;
}
#sitemap ul.children li a, #legal ul.children li a {
  background-color: #fbfbfb;
  border-bottom: none;
}

form table {
  width: 100%;
  border: solid 1px #fff;
  border-collapse: collapse;
}
form table tr {
  width: 100%;
  background-color: #eeeeee;
}
form table tr th {
  width: 14%;
  text-align: left;
  font-weight: normal;
  border: solid 1px #fff;
  border-collapse: collapse;
  padding-left: 10px;
}
form table tr th span {
  font-size: 60%;
  color: #d60000;
  vertical-align: text-top;
  padding-left: 3px;
}
form table tr td {
  padding: 10px;
  border: solid 1px #eeeeee;
  border-collapse: collapse;
  background-color: #fff;
  font-size: 14px;
}
form table tr td .input_box {
  padding: 5px;
}
form .btn_formbox {
  margin: 30px auto;
  width: 240px;
}
form .btn_formbox .btn_form {
  background-color: #888;
  color: #fff;
  padding: 10px 30px;
  border: none;
  border-bottom: solid 3px #666;
  font-size: 16px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 640px) {
  form th {
    width: 22% !important;
    font-size: 13px;
    padding: 5px !important;
  }
  form td .input_box {
    padding: 0 !important;
    width: 100%;
  }
}

#contact {
  padding-top: 80px;
}
#contact:before {
  top: 85px;
}
#contact .form_inner table {
  width: 100%;
  border: solid 1px #fff;
  border-collapse: collapse;
}
#contact .form_inner table tr {
  width: 100%;
  background-color: #eeeeee;
}
#contact .form_inner table tr th {
  width: 14%;
  text-align: left;
  font-weight: normal;
  border: solid 1px #fff;
  border-collapse: collapse;
  padding-left: 10px;
}
#contact .form_inner table tr th span {
  font-size: 60%;
  color: #d60000;
  vertical-align: text-top;
  padding-left: 3px;
}
#contact .form_inner table tr td {
  padding: 10px;
  border: solid 1px #eeeeee;
  border-collapse: collapse;
  background-color: #fff;
  font-size: 14px;
}
#contact .form_inner table tr td .input_box {
  padding: 5px;
}
#contact .form_inner .btn_formbox {
  margin: 30px auto;
  width: 240px;
}
#contact .form_inner .btn_formbox .btn_form {
  background-color: #888;
  color: #fff;
  padding: 10px 30px;
  border: none;
  border-bottom: solid 3px #666;
  font-size: 16px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 640px) {
  #contact:before {
    top: 50px;
  }
  #contact th {
    width: 22% !important;
    font-size: 13px;
    padding: 5px !important;
  }
  #contact td .input_box {
    padding: 0 !important;
    width: 100%;
  }
}

/* -----footer----- */
footer {
  position: relative;
  padding: 200px 0 0 0;
  margin: -200px 0 0 0;
}
footer:before {
  content: "";
  background-image: url(../images/dec_bottom.png);
  background-repeat: no-repeat;
  height: 209px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
footer .footer_block {
  width: 100%;
  background-color: #444444;
  text-align: center;
  color: #ffffff !important;
  padding: 25px 0;
  position: relative;
  z-index: 2;
}
footer .footer_block .btn_top {
  position: relative;
  width: 980px;
  margin: 0 auto;
}
footer .footer_block .btn_top img {
  position: absolute;
  right: 0;
  top: -110px;
}
footer .footer_block .share_box{
  width: 100%;
  max-width: 980px;
  margin: auto;
  position: relative;
}
footer .footer_block .share_box .sns_share {
  display:flex;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  justify-content: flex-end;
  position: absolute;
  bottom: -15px;
  right: 0;
}

footer .footer_block .share_box .sns_share .tw_share a,footer .footer_block .share_box .sns_share .fb_share a{
  display:block;
}
footer .footer_block .share_box .sns_share .tw_share i{
  color: #fff;
  background-color: #1DA1F2;
  border-radius: 18px;
  width: 30px;
  height: 30px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .footer_block .share_box .sns_share .fb_share i{
  color: #fff;
  background-color: #3b5998;
  border-radius: 18px;
  width: 30px;
  height: 30px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 640px) {
  footer .footer_block .share_box .sns_share {
    justify-content: center;
    position: static;
    margin-bottom: 15px;
  }
}

footer .footer_block .share_box .sns_share li{
  margin:0 5px;
}

footer .footer_block .share_box .sns_share li:first-child{
  margin-left: 0;
}
footer .footer_block .share_box .sns_share li:last-child{
  margin-right: 0;
}

footer .footer_block .share_box .sns_share .fb-share-button{
  line-height: 0;
}
footer .footer_block .footer_box {
  text-align: center;
  padding-bottom: 30px;
  font-size: 15px;
  color: #ffffff;
}
footer .footer_block .footer_box li {
  display: inline-block;
  padding: 0 10px;
  border-right: solid 1px #ffffff;
  line-height: 1;
}
footer .footer_block .footer_box li:last-child {
  border: none;
}
footer .footer_block .footer_box li a {
  color: #ffffff;
  line-height: 1;
}
footer .footer_block .copy_txt {
  font-size: 12px;
  color: #ffffff !important;
}
@media screen and (max-width: 640px) {
  footer .footer_block .btn_top {
    width: 100%;
  }
  footer .footer_block .btn_top img {
    right: 15px;
  }
  footer .footer_block .footer_box {
    padding: 0px 15px 15px 15px;
  }
}

@media screen and (max-width: 640px) {
  .content .main_visual .slide_block .slick-dots li button:before {
    color: #000000;
  }

  .content .main_visual .slide_block .slick-dots li.slick-active button:before {
    color: #000000;
  }

  .content .main_visual .slide_block .slick-dots {
    bottom: -25px;
  }
}
.slick-prev {
  left: 0;
  top: 115px;
}
.slick-prev:before {
  background-image: url(../images/btn_slide_left.png);
  background-repeat: no-repeat;
  width: 13px;
  height: 28px;
  font-size: 28px;
  content: '' !important;
  display: block;
}

.slick-next {
  right: -7px;
  top: 115px;
}
.slick-next:before {
  background-image: url(../images/btn_slide_right.png);
  background-repeat: no-repeat;
  width: 13px;
  height: 28px;
  font-size: 28px;
  content: '' !important;
  display: block;
}

/************************************
** レスポンシブページネーション
************************************/
.pagination {
  list-style-type: none;
  padding-left: 0;
  margin: 30px 0;
  float: left;
  width: 100%;
  font-size: 13px;
}

.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
  min-width: 36px;
  min-height: 36px;
  color: #333;
}

.pagination li:not([class*="current"]):not([class*="disable"]) a:hover {
  background-color: #ccc;
}

.pagination li:first-of-type a {
  border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.pagination li.first.disable a::before,
.pagination li.last.disable a::after,
.pagination li.previous.disable a::before,
.pagination li.next.disable a::after {
  color: #eee;
}

.pagination li.first a::before {
  content: "\f100";
}

.pagination li.last a::after {
  content: "\f101";
}

.pagination li.previous a::before {
  content: "\f104";
}

.pagination li.next a::after {
  content: "\f105";
}

.pagination li.current a {
  background-color: #ddd;
  cursor: default;
  pointer-events: none;
}

@media only screen and (max-width: 680px) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a {
    border-left-width: 1px;
  }
}
@media only screen and (max-width: 500px) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next {
    position: initial;
    top: initial;
    left: initial;
  }

  .pagination li.previous a {
    border-left-width: 0;
  }
}
@media only screen and (max-width: 400px) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a {
    border-left-width: 1px;
  }
}
@media only screen and (max-width: 240px) {
  /* For watches? */
  .pagination li {
    width: 50%;
  }

  .pagination li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px;
  }
}
/* -----ウィジェット機能追加　----- */
.Widget-table__Box {
  display: table;
  width: 980px;
  overflow: hidden;
  margin: auto;
}

.Widget-table__cell {
  display: table-cell;
  vertical-align: top;
}
.Widget-table__cell section {
  width: auto;
}

.Widget-table__banner {
  width: 280px;
  padding-left: 30px;
  padding-top: 80px;
  text-align: -webkit-center;
}
.Widget-table__banner img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 680px) {
  .Widget-table__Box {
    display: block;
    width: 100%;
  }

  .Widget-table__cell {
    display: block;
  }

  .Widget-table__banner {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
  }
}

/* -----171002 追加　----- */
.page-template-default article:before {
  top: 90px !important;
}
@media screen and (max-width: 640px) {
  .page-template-default .content_pt {
    padding-top: 86px;
  }
  .page-template-default article:before {
    top: 56px !important;
  }
}

.w3eden .media-body {
  width: auto !important;
}

/* -----190828 追加　----- */
/* -----210120 非表示　----- */
/*.manual-template-default .column_inner .left_column .open_info{*/
  /*overflow-y: scroll;*/
/*  height: 100vh;*/
/*}*/

.manual-template-default .wp_social_bookmarking_light {
  display: none !important;
}

/* -----search　----- */
#search{
  padding-top: 80px;
}
#search:before{
  top: 85px;
}
#search .sectionCont h2{
  font-size: 22px;
  border-bottom: solid 1px #999999;
  font-weight: normal;
  margin: 0 0 30px 0;
  pointer-events: none;
}
#search .sectionCont .search-content ul li{
  margin-bottom:30px;
}
#search .sectionCont .search-content ul li .search-title{
  display: block;
  background-color: #eee;
  padding: 10px 20px;
  margin-top: 5px;
  word-break: break-word;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  #search .sectionCont h2{
    font-size: 20px;
  }
}
span.search-highlight {
  position: relative;
  z-index: 1;
}

span.search-highlight::after{
  content: "";
  position: absolute;
  width: 102%;
  height: 35%;
  bottom: 0;
  left: -1%;
  background-color: #ffdada;
  z-index: -1;
}

#search .sectionCont .search-content ul li .search-inner{
  padding: 0 20px;
  margin: 8px auto;
}

#search .sectionCont .search-content ul li .search-inner .search-output{
  font-size: 15px;
}

#search .sectionCont .search-content ul li .search-inner .search-link{
  line-height: 1;
  padding: 4px 0 0;
}

#search .sectionCont .search-content ul li .search-inner .search-link a{
  color: #83838f;
  font-size: 12px;
}

#search .sectionCont h2 .search-title{
  font-weight: bold;
  font-size: 34px;
}

@media screen and (max-width: 640px) {
  #search .sectionCont h2 .search-title{
    font-size: 28px;
  }
}

/* ご契約・評価版の依頼 */
// h3の外観だがSPでアコーディオンをしないh4タグ
#explain_corporation-2 h4{
  font-size: 14pt;
  border-bottom: solid 1px #999999;
  font-weight: normal;
  margin: 20px 0 16px 0;
  pointer-events: none;
  font-weight: bolder
}