@charset "UTF-8";
/* flex */
/* global box-sizing */
*,
*:after,
*:before {
  box-sizing: border-box;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-wrap: break-word;
}

/* html element 62.5% font-size for REM use */
html {
  font-size: 62.5%;
}

@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Medium");
}
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004", "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #000000;
  /*background-image: url(../images/bg.jpg);*/
}
strong,dt,th {
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", "HiraKakuProN-W6","ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004";
}

h1,h2 {
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", "HiraKakuProN-W6","ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004";
  /*font-family:"新ゴ DB", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", HiraKakuProN-W6;*/
}
h3,h4,h5,h6 {
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", "HiraKakuProN-W6","ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004";
  /*font-family:"ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", HiraKakuProN-W6;*/
}

@media screen and (max-width: 767px) {
  body {
    background-image: none;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* clear */
.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

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

a {
  color: #08c;
  text-decoration: none;
}
a img:hover {
  opacity: 0.8;
}

a:hover {
  color: #005580;
  text-decoration: underline;
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

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

p {
  margin: 0 0 10px;
}

.align_center {
  text-align: center;
}

.align_left {
  text-align: left;
}

.align_right {
  text-align: right;
}

.mb-15 {
  margin-bottom: 15px;
}

.mt-15 {
  margin-top: 15px;
}

.pt-16 {
  padding-top: 16px;
}

.pb-17 {
  padding-bottom: 17px;
}

.pl-10 {
  padding-left: 10px;
}

.pt-8 {
  padding-top: 8px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pt-10 {
  padding-top: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.br:before {
  content: "\A";
  white-space: pre;
}

.bt1 {
  border-top: 1px solid #eee;
}

.bb {
  border-bottom: 1px solid #d9d9d9;
}

.br2 {
  border-right: 1px solid #eee;
}

span.bold {
  background-color: #ffff00;
  font-weight: bold;
}

.fas, .fab {
  padding-right: 10px;
}

.qrahr {
  margin: 1em 0 3em;
}

.fas .fab {
  padding-right: 10px;
}

.SPnone {
  display: block;
}
.SPnone.inline {
  display: inline;
}
.SPnone.inline-block {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .SPnone {
    display: none;
  }
  .SPnone.inline {
    display: none;
  }
  .SPnone.inline-block {
    display: none;
  }
  .SPnoneImportant {
    display: none !important;
  }
}

.PCnone {
  display: block;
}
.PCnone.inline {
  display: inline;
}
.PCnone.inline-block {
  display: inline;
}
@media screen and (min-width: 768px) {
  .PCnone {
    display: none;
  }
  .PCnone.inline {
    display: none;
  }
  .PCnone.inline-block {
    display: none;
  }
  .PCnoneImportant {
    display: none !important;
  }
}

.SPblock {
  display: none;
}
.SPinline {
  display: none;
}
@media screen and (max-width: 767px) {
  .SPblock {
    display: block;
  }
  .SPinline {
    display: inline;
  }
}

.pc-show {
  display: block;
}
.pc-show.inline {
  display: inline;
}
@media screen and (max-width: 767px) {
  .pc-show {
    display: none;
  }
  .pc-show.inline {
    display: none;
  }
}

.sp-show {
  display: none;
}
.sp-show.inline {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp-show {
    display: block;
  }
  .sp-show.inline {
    display: inline;
  }
}

.ttl.is-ttl01 {
  border-bottom: solid 2px #333333;
  color: #333333;
  font-size: 18px;
  margin: 0px 0px .5em 0px;
  padding: 5px 10px 3px 10px;
  display: block;
}
.ttl.is-ttl01:before {
  color: #434e56;
  font-family: 'FontAwesome';
  margin-right: 5px;
}
.ttl.is-ttl02 {
  display: block;
  position: relative;
  margin: 0 auto;
  background: url(../images/service/ttl_sec_14.png) left top no-repeat;
  background-size: 100%;
  text-align: center;
  font-weight: bold;
  color: #fff;
  letter-spacing: 1px;
  font-size: 2vw;
  padding: 1.5vw 0;
  max-height: 61px;
}
@media screen and (min-width: 1200px) {
  .ttl.is-ttl02 {
    height: 61px;
    line-height: 61px;
    font-size: 26px;
    padding: 0;
  }
}
.ttl.is-ttl03 {
  position: relative;
  margin-bottom: 20px;
  padding: 15px 15px 14px 15px;
  font-weight: bold;
  color: #fff;
  background: #2f589e;
  font-size: 24px;
  font-size: 2.4rem;
}
.ttl.is-ttl03 span {
  display: inline-block;
  border-left: 4px solid #fff;
  padding-left: 15px;
  position: relative;
}
.ttl.is-ttl03 span:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 3px;
}
.ttl.is-ttl03.is-blue01 {
  background-color: #0168b7;
}
.ttl.is-ttl03.is-blue02 {
  background-color: #4996d1;
}
.ttl.is-ttl03.is-side {
  padding: 8px 8px 6px 8px;
  font-size: 20px;
  font-size: 2.0rem;
  margin-bottom: 0;
}
.ttl.is-ttl03.is-mb0 {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .ttl.is-ttl03 {
    padding: 8px 8px 7px 8px;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  .ttl.is-ttl03.is-mb0 {
    margin-bottom: 0;
  }
  .ttl.is-ttl03 span {
    padding-left: 10px;
  }
  .ttl.is-ttl03.is-side {
    padding: 8px 8px 6px 8px;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0;
  }
}
.ttl.is-ttl04 {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  border-bottom: 1px dotted #d2d2d2;
  padding-bottom: 5px;
  margin-bottom: 15px;
  color: #2f589e;
}
.ttl.is-ttl04 span {
  display: block;
  margin-top: 0.2em;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .ttl.is-ttl04 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .ttl.is-ttl04 span {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.ttl.is-ttl05 {
  margin-bottom: 0;
  padding: 12px 0 11px;
  background-color: #828282;
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .ttl.is-ttl05 {
    padding: 6px 6px 5px 6px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.ttl.is-ttl06 {
  padding: 10px 20px;
  background-color: #2352a2;
  color: #fff;
  font-size: 30px;
  font-size: 3.0rem;
  margin-left: -40px;
  margin-right: -40px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  font-weight: bold;
}
.ttl.is-ttl06:before, .ttl.is-ttl06:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 180%;
  position: absolute;
  top: -40%;
  right: 60px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ttl.is-ttl06:before {
  margin-right: -28px;
  background-color: #fff;
}
.ttl.is-ttl06:after {
  background-color: #a1b9df;
}
@media screen and (max-width: 767px) {
  .ttl.is-ttl06 {
    margin: 0 -10px 10px -10px;
    font-size: 18px;
    font-size: 1.8rem;
    padding-right: 66px;
  }
  .ttl.is-ttl06:before, .ttl.is-ttl06:after {
    width: 10px;
    top: -40%;
    right: 28px;
  }
  .ttl.is-ttl06:before {
    margin-right: -14px;
  }
}
.ttl.is-ttl07 {
  position: relative;
  list-style-type: none !important;
  margin-bottom: 10px;
  line-height: 1.5;
  background: #e7201d;
  vertical-align: middle;
  color: #fff;
  border-radius: 0 50px 50px 0;
  padding: .5em 2.5em;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
}
.ttl.is-ttl07:before {
  content: "";
  margin-right: 1em;
  background: #fff;
  color: #e7201d;
  border-radius: 50%;
  text-align: center;
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  left: .5em;
  top: .5em;
  line-height: 1.5;
}
.unit:nth-of-type(1) .ttl.is-ttl07:before {
  content: "1";
}
.unit:nth-of-type(2) .ttl.is-ttl07:before {
  content: "2";
}
.unit:nth-of-type(3) .ttl.is-ttl07:before {
  content: "3";
}
.unit:nth-of-type(4) .ttl.is-ttl07:before {
  content: "4";
}
.unit:nth-of-type(5) .ttl.is-ttl07:before {
  content: "5";
}
.unit:nth-of-type(6) .ttl.is-ttl07:before {
  content: "6";
}
.unit:nth-of-type(7) .ttl.is-ttl07:before {
  content: "7";
}
.unit:nth-of-type(8) .ttl.is-ttl07:before {
  content: "8";
}
.unit:nth-of-type(9) .ttl.is-ttl07:before {
  content: "9";
}
@media screen and (max-width: 767px) {
  .ttl.is-ttl07 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.ttl.is-ttl08 {
  background-color: #f1f6ff;
  border-bottom: 2px solid #2f589e;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  padding: 10px;
  color: #2f589e;
}
@media screen and (max-width: 767px) {
  .ttl.is-ttl08 {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 6px 10px 4px;
  }
}
.ttl.is-ttl09 {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  border-bottom: 1px dotted #d2d2d2;
  padding-bottom: 5px;
  padding-left: 40px;
  margin-bottom: 5px;
  color: #2f589e;
  position: relative;
  line-height: 1.8;
}
.ttl.is-ttl09 span {
  display: block;
  margin-top: 0.2em;
  font-size: 16px;
  font-size: 1.6rem;
}
.ttl.is-ttl09:after, .ttl.is-ttl09:before {
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ttl.is-ttl09:before {
  top: 10px;
  left: 8px;
  width: 12px;
  height: 12px;
  border: 2px solid rgba(20, 116, 188, 0.5);
}
.ttl.is-ttl09:after {
  top: 12px;
  left: 16px;
  width: 14px;
  height: 14px;
  background: rgba(20, 116, 188, 0.3);
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.ttl.is-ttl09.is-bg-none {
  background-color: transparent;
  border: none;
}
@media screen and (max-width: 767px) {
  .ttl.is-ttl09 {
    padding-bottom: 0;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .ttl.is-ttl09:before {
    top: 5px;
  }
  .ttl.is-ttl09:after {
    top: 6px;
  }
  .ttl.is-ttl09 span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.ttl.is-ttl10 {
  background-color: #8cb8de;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  padding: 8px 10px 8px 54px;
  position: relative;
  overflow: hidden;
}
.ttl.is-ttl10:before, .ttl.is-ttl10:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 42px 0 42px 24px;
  position: absolute;
  top: 50%;
  margin-top: -42px;
}
.ttl.is-ttl10:before {
  border-color: transparent transparent transparent #fff;
  left: 14px;
}
.ttl.is-ttl10:after {
  border-color: transparent transparent transparent #8cb8de;
  left: 0;
}
@media screen and (max-width: 767px) {
  .ttl.is-ttl10 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.ttl.is-ttl11 {
  padding: 10px;
  background-color: #003f95;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .ttl.is-ttl11 {
    padding: 10px 10px 9px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
  }
}
.ttl.is-ttl12 {
  padding: 15px 20px;
  color: #003f95;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  position: relative;
  border-top: 4px solid #929394;
  border-bottom: 1px dotted #949494;
}
.ttl.is-ttl12:before {
  content: "";
  display: inline-block;
  width: 174px;
  height: 4px;
  background-color: #003f95;
  position: absolute;
  top: -4px;
  left: 0;
}
.ttl.is-ttl12 span {
  color: #929394;
  font-size: 16px;
  font-size: 1.6rem;
  padding-left: 20px;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .ttl.is-ttl12 {
    padding: 8px 10px;
    border-width: 2px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .ttl.is-ttl12:before {
    width: 90px;
    height: 2px;
    top: -2px;
  }
  .ttl.is-ttl12 span {
    font-size: 12px;
    font-size: 1.2rem;
    padding-left: 10px;
  }
}
.ttl.is-ttl13 {
  position: relative;
  padding: 10px 0 14px;
  background-color: #0a83bf;
  color: #fff;
  text-align: center;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: bold;
}
.ttl.is-ttl13:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 4px;
}
@media screen and (max-width: 767px) {
  .ttl.is-ttl13 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.ttl.is-ttl14 {
  border-bottom: 1px solid #333;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.ttl.is-ttl14 span {
  display: inline-block;
  position: relative;
  padding: 5px 40px 5px 10px;
  margin-right: 1em;
  background-color: #003f95;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
}
.ttl.is-ttl14 span:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 26px 26px;
  border-color: transparent transparent #fff transparent;
}
@media screen and (max-width: 767px) {
  .ttl.is-ttl14 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .ttl.is-ttl14 span {
    padding: 2px 20px 2px 5px;
    margin-right: 0.5em;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .ttl.is-ttl14 span:after {
    border-width: 0 0 18px 18px;
  }
}
.ttl.is-ttl15 {
  margin: 30px 0 30px;
  text-align: center;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: bold;
  color: #2f589e;
  padding: 14px;
  background: #f1f6ff;
  box-shadow: 0px 0px 0px 5px #f1f6ff;
  border: dashed 1px #96c2fe;
}
@media screen and (max-width: 767px) {
  .ttl.is-ttl15 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.ttl.is-ttl16 {
  color: #333333;
  text-align: center;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .ttl.is-ttl16 {
    font-size: 20px;
    font-size: 2.0rem;
  }
}
.ttl.is-ttl17 {
  background-color: #8cb8de;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  padding: 8px 10px 8px 10px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .ttl.is-ttl17 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}


.ttl.is-ttl18 {
  font-size: 24px;
  font-size: 2.4rem;
  border-bottom: 2px solid #4c4c4c;
  color: #4c4c4c;
  padding: 0 0 8px;
  margin-bottom: 40px;
  /*font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", "HiraKakuProN-W6","ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004";*/
}
.ttl.is-ttl18.is-keyword {
  background-image: url(../images/faq/icon_search.png);
  background-repeat: no-repeat;
  background-position: left 2px;
  background-size: 24px auto;
  padding-left: 40px;
}
@media screen and (max-width: 767px) {
  .ttl.is-ttl18 {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .ttl.is-ttl18.is-keyword {
    background-size: 16px auto;
    padding-left: 20px;
  }
}

.ttl.is-ttl19 {
  font-size: 18px;
  font-size: 1.8rem;
  border-bottom: 1px solid #cccccc;
  color: #4c4c4c;
  padding: 0 0 8px;
  margin-bottom: 20px;
  /*font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", "HiraKakuProN-W6","ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004";*/
}
@media screen and (max-width: 767px) {
  .ttl.is-ttl19 {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}



.ttl.is-pagettl01 {
  position: relative;
  font-size: 40px;
  font-size: 4.0rem;
  color: #161f45;
  font-weight: bold;
  margin-bottom: 30px;
}
.ttl.is-pagettl01:before {
  border-top: 5px solid #b0b0b0;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.ttl.is-pagettl01 span {
  background-color: #ffffff;
  display: inline-block;
  padding: 0 0.5em 0 0;
  position: relative;
}
.ttl.is-pagettl01_disappear {
  position: relative;
  font-size: 40px;
  font-size: 4.0rem;
  font-weight: bold;
  margin-bottom: 40px;
}
.ttl.is-pagettl01_disappear span {
  display: none;
}
@media screen and (max-width: 767px) {
  .ttl.is-pagettl01 {
    background-color: #005a9e;
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: -10px;
    font-size: 2.0px;
    font-size: 2.0rem;
    padding: 10px;
  }
  .ttl.is-pagettl01:before {
    content: none;
  }
  .ttl.is-pagettl01 span {
    background-image: none;
    background-color: #005a9e;
    color: #fff;
  }
  .ttl.is-pagettl01_disappear {
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: -10px;
    font-size: 2.0px;
    font-size: 2.0rem;
    padding: 0;
  }
}

.sertitle {
  position: relative;
  color: #fff;
  text-align: center;
  background: #235bca;
  margin: 10px -10px 10px;
  box-shadow: 0 1px 3px #777;
  font-size: 40px;
  font-size: 4.0rem;
}
.sertitle span.child {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: bold;
}
.sertitle span.parent {
  display: block;
  font-size: 40px;
  font-size: 4.0rem;
  padding-bottom: 5px;
  line-height: 1;
}
.sertitle:before, .sertitle:after {
  content: "";
  position: absolute;
  top: 100%;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top: 5px solid #182135;
}
.sertitle:before {
  right: 0;
  border-left: 5px solid #182135;
}
.sertitle:after {
  left: 0;
  border-right: 5px solid #182135;
}
@media screen and (max-width: 767px) {
  .sertitle {
    box-shadow: none;
    padding: 5px;
    margin-top: 0;
  }
  .sertitle span.child {
    display: block;
    font-size: 10px;
    font-size: 1.0rem;
    font-weight: normal;
  }
  .sertitle span.parent {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 0;
    line-height: 1.4;
  }
  .sertitle:before, .sertitle:after {
    content: none;
  }
}
#contents.is-flow .sertitle {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: -50px;
  margin-right: -50px;
  position: relative;
  font-weight: bold;
}
#contents.is-flow .sertitle .num {
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 40px;
  letter-spacing: -1.5px;
  font-size: 36px;
  font-size: 3.6rem;
}
#contents.is-flow .sertitle .num span {
  font-size: 48px;
  font-size: 4.8rem;
  font-weight: bold;
  margin-left: 0;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  #contents.is-flow .sertitle {
    font-size: 28px;
    font-size: 2.8rem;
  }
  #contents.is-flow .sertitle .num {
    font-size: 24px;
    font-size: 2.4rem;
    top: 1px;
  }
  #contents.is-flow .sertitle .num span {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 767px) {
  #contents.is-flow .sertitle {
    text-align: left;
    padding-left: 114px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  #contents.is-flow .sertitle .num {
    font-size: 16px;
    font-size: 1.6rem;
    top: 4px;
    left: 50px;
  }
  #contents.is-flow .sertitle .num span {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

/*h1*/
/*h2 style1*/
/*h2 style2*/
h2.h2-title3 {
  padding-bottom: 0.4em;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-top-color: #D6D6D6;
  border-bottom-color: #333;
  margin-bottom: .8em;
  font-weight: 700;
}

/*h3*/
.h3-title {
  margin: 0;
  padding: 20px 0 0;
  color: #003f95;
  font-weight: 700;
  margin-bottom: .8em;
}

.h3-title2 {
  position: relative;
  font-weight: 700;
  padding-top: .5em;
  padding-bottom: .5em;
  border-top: 4px solid #929394;
  border-bottom: 2px dotted #929394;
  margin-bottom: .8em;
}

.h3-title2::before {
  position: absolute;
  top: -6%;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #003f95;
}

.h3-title2 span {
  padding-left: 1em;
  color: #929394;
  font-size: 1rem;
}

/*h4 style1*/
.h4-title {
  color: #003f95;
  font-size: 1.4em;
  font-weight: 700;
}

/*mainTitle*/
.mainTitle {
  padding: 18px 20px 14px;
  margin-bottom: 30px;
  background-color: #075eac;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .mainTitle {
    padding: 12px 10px 8px;
    margin: 0 -10px 15px;
    font-size: 20px;
    font-size: 2.0rem;
  }
}


.btn.is-basic {
  background-color: #dddddd;
  border-radius: 3px;
  border: 1px solid #999;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: top;
  padding: 2px 10px 3px;
}
.btn.is-basic.is-orange {
  background-color: #fe7915;
  border: 1px solid #fe7915;
  color: #fff;
}
.btn.is-basic.is-orange:hover {
  background-color: #fff;
  color: #fe7915;
}
.btn.is-basic.is-blue {
  background-color: #2f589e;
  border: 1px solid #2f589e;
  color: #fff;
}
.btn.is-basic.is-blue:hover {
  background-color: #fff;
  color: #2f589e;
}
.btn.is-basic.is-lightblue {
  background-color: #2EA9E1;
  border: 1px solid #2EA9E1;
  color: #fff;
}
.btn.is-basic.is-lightblue:hover,
.btn.is-basic.is-lightblue.hover {
  background-color: #fff;
  color: #2EA9E1;
}
.btn.is-btn01 {
  padding: 10px 30px;
  display: inline-block;
  background-color: #dddddd;
  border: 1px solid #dddddd;
  border-radius: 5px;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  color: #000;
}

.btn.is-btn01:hover {
  background-color: #fff;
}

.btn.is-btn01.is-orange {
  background-color: #fe7915;
  border: 1px solid #fe7915;
  color: #fff;
}

.btn.is-btn01.is-orange:hover {
  background-color: #fff;
  color: #fe7915;
}
.btn.is-btn01.is-orange[disabled]:hover {
  background-color: #fe7915;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .btn.is-btn01 {
    padding: 5px 15px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .btn.sp_wide {
    width: 100%;
    margin: 5px 0;
    padding: 16px 0;
  }
}

.btns {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  margin-top: 20px;
}
.btns .btn {
  margin: 0 10px;
}
.btns.is-conf .btn {
  width: 10em;
}

.btn:hover {
  color: #333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -ms-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear;
}

.btn-primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0074cc;
  *background-color: #05c;
  background-image: -ms-linear-gradient(top, #08c, #05c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#05c));
  background-image: -webkit-linear-gradient(top, #08c, #05c);
  background-image: -o-linear-gradient(top, #08c, #05c);
  background-image: -moz-linear-gradient(top, #08c, #05c);
  background-image: linear-gradient(top, #08c, #05c);
  background-repeat: repeat-x;
  border-color: #05c #05c #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc',endColorstr='#0055cc',GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  background-color: #05c !important;
}

.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/*list style*/
ul.list-style1, ul.list-style2, ul.list-style3 {
  margin: 0;
  padding: 0;
}

ul.list-style1 li {
  background-image: url(../images/common/bullet_orange.png);
  background-repeat: no-repeat;
  background-position: left;
  padding: 0 18px;
  margin: 0.5em 0 0.7em 0;
  line-height: 1.125em;
  list-style: none;
}

ul.list-style2 li {
  background-image: url(../images/common/bullet_blue.png);
  background-repeat: no-repeat;
  background-position: left;
  padding: 0 18px;
  margin: 0.5em 0 0.7em 0;
  line-height: 1.125em;
  list-style: none;
}

ul.list-style3 {
  padding: 0;
  font: 18px/1.6 'arial narrow', sans-serif;
  width: 370px;
  list-style: none;
}

ul.list-style3 li {
  position: relative;
  padding: 0.5em 1em 0.5em 2.3em;
  margin-bottom: 5px;
  color: #1474bc;
  font-weight: bold;
  border-bottom: 1px solid rgba(20, 116, 188, 0.5);
}

ul.list-style3 li:after,
ul.list-style3 li:before {
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

ul.list-style3 li:before {
  top: 0.7em;
  left: 0.2em;
  width: 12px;
  height: 12px;
  border: 2px solid rgba(20, 116, 188, 0.5);
}

ul.list-style3 li:after {
  top: 0.9em;
  left: 0.7em;
  width: 14px;
  height: 14px;
  background: rgba(20, 116, 188, 0.3);
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.list.is-side ul {
  padding: 10px;
  background-color: #fff;
  width: 100%;
  display: block;
}
@media screen and (max-width: 767px) {
  .list.is-side ul {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    padding: 10px;
    width: 100%;
    margin-right: -10px;
  }
}
.list.is-disc01 li {
  position: relative;
  padding-left: 1em;
}
.list.is-disc01 li:before {
  content: "・";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.list.is-service01 _:-ms-lang(x), .list.is-service01 ul {
  width: calc(100% + 20px) !important;
}
#contents.is-top .list.is-service01 {
  padding: 0 40px;
}




.list.is-service01.is-side {
  padding: 0 !important;
}
.list.is-service01.is-side ul {
  width: 100%;
  padding: 10px;
}
.list.is-service01.is-side ul li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
}
.list.is-service01.is-side ul li:last-child {
  margin-bottom: 0;
}
.list.is-service01.is-side ul li a {
  padding-top: 41.8%;
}
@media screen and (max-width: 767px) {
  .list.is-service01.is-side ul li {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  .list.is-service01.is-side ul li a {
    padding-top: 41.8%;
  }
  .list.is-service01.is-side ul li a p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .list.is-service01.is-side ul li:nth-child(3n) {
    margin-right: 10px;
  }
  .list.is-service01.is-side ul li:nth-child(2n) {
    margin-right: 0;
  }
}








.list.is-service01 ul {
  padding: 8px 0 20px 0;
  width: calc(100% + 10px);
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.list.is-service01 ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  width: calc((100% - 20px) / 3);
  margin-right: 10px;
  margin-bottom: 10px;
}

.list.is-service01 ul li a {
  display: block;
  margin: 0;
  padding: 0;
  padding-top: 40.8%;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.list.is-service01 ul li a:hover {
  opacity: 0.8;
}
.list.is-service01 ul li a p {
  width: 100%;
  position: absolute;
  /*bottom: 12px;*/
  bottom: 10%;
  /*left: 0;*/
  left: 0.17vw;
  /*text-shadow: 1px 1px 2px #fff;*/
  font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN W6", HiraKakuProN-W6;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #222;
  white-space: nowrap;
  margin: 0;
  padding: 3px 0 0 10px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%);
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .list.is-service01 ul li a p {
    font-size: 1.6vw;
  }
}
/*.list.is-service01 ul li a p:after {
  content: "";
  display: inline-block;
  width: 40%;
  height: 2px;
  background-color: #8aa8be;
  position: absolute;
  left: 0;
  bottom: -2px;
}*/
.list.is-service01 ul li:nth-child(3n) {
  margin-right: 0;
}
.list.is-service01 ul li:nth-child(1) a {
  background-image: url(../images/common/trouble_1.png);
}
.list.is-service01 ul li:nth-child(2) a {
  background-image: url(../images/common/trouble_2.png);
}
.list.is-service01 ul li:nth-child(3) a {
  background-image: url(../images/common/trouble_3.png);
}
.list.is-service01 ul li:nth-child(4) a {
  background-image: url(../images/common/trouble_4.png);
}
.list.is-service01 ul li:nth-child(5) a {
  background-image: url(../images/common/trouble_5.png);
}
.list.is-service01 ul li:nth-child(6) a {
  background-image: url(../images/common/trouble_6.png);
}
.list.is-service01 ul li:nth-child(7) a {
  background-image: url(../images/common/trouble_7.png);
}
.list.is-service01 ul li:nth-child(8) a {
  background-image: url(../images/common/trouble_8.png);
}
.list.is-service01 ul li:nth-child(9) a {
  background-image: url(../images/common/trouble_9.png);
}

@media screen and (max-width: 767px) {
  .list.is-service01 {
    padding: 0;
  }
  #contents.is-top .list.is-service01 {
    padding: 0;
  }
  .list.is-service01 ul {
    padding: 0;
    width: 100%;
    margin-right: -10px;
  }
  .list.is-service01 ul li {
    width: calc((100% - 10px) / 2);
  }
  .list.is-service01 ul li a {
    padding-top: 41.8%;
  }
  .list.is-service01 ul li a p {
    font-size: 14px;
    font-size: 1.4rem;
    /*bottom: 8px;*/
    bottom: 10%;
  }
  .list.is-service01 ul li:nth-child(3n) {
    margin-right: 10px;
  }
  .list.is-service01 ul li:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 320px) {
  .list.is-service01 ul li a p {
    bottom: 4px;
    left: 0.4vw;
  }
}

/*----------------------------
    service menu
------------------------------*/
#contents.is-top .list.is-service01_1,
#contents.is-top .list.is-service01_2 {
  padding: 0 40px;
}
@media screen and (max-width: 767px) {
  #contents.is-top .list.is-service01_1,
  #contents.is-top .list.is-service01_2 {
    padding: 0;
    margin-top:0;
  }
}
/*画像指定　本文・サイドメニュー01*/
.list.is-service01_1 ul li:nth-child(1) a {
  background-image: url(../images/common/top-service-menu1.png);
}
.list.is-service01_1 ul li:nth-child(2) a {
  background-image: url(../images/common/top-service-menu2.png);
}
.list.is-service01_1 ul li:nth-child(3) a {
  background-image: url(../images/common/top-service-menu3.png);
}
.list.is-service01_1 ul li:nth-child(4) a {
  background-image: url(../images/common/top-service-menu4.png);
}
.list.is-service01_1 ul li:nth-child(5) a {
  background-image: url(../images/common/top-service-menu5.png);
}
.list.is-service01_1 ul li:nth-child(6) a {
  background-image: url(../images/common/top-service-menu13.png);
}
.list.is-service01_1 ul li:nth-child(7) a {
  background-image: url(../images/common/top-service-menu6.png);
}
.list.is-service01_1 ul li:nth-child(8) a {
  background-image: url(../images/common/top-service-menu7.png);
}
.list.is-service01_1 ul li:nth-child(9) a {
  background-image: url(../images/common/top-service-menu8.png);
}
.list.is-service01_1 ul li:nth-child(10) a {
  background-image: url(../images/common/top-service-menu9.png);
}
/*画像指定　本文・サイドメニュー02(水色)*/
.list.is-service01_2 ul li:nth-child(1) a {
  background-image: url(../images/common/top-service-menu10.png);
}
.list.is-service01_2 ul li:nth-child(2) a {
  background-image: url(../images/common/top-service-menu11.png);
}
.list.is-service01_2 ul li:nth-child(3) a {
  background-image: url(../images/common/top-service-menu12.png);
}
.list.is-service01_2 ul li:nth-child(4) a {
  background-image: url(../images/common/top-service-menu14.png);
}

/*共通：マウスオーバー*/
.list.is-service01_1 ul li:hover,
.list.is-service01_2 ul li:hover {
  opacity: 0.8 ;
  text-decoration:none;
}

/*下層ページのメニュー外枠*/
.service_inner{
padding:30px 38px 0;
margin:40px 0 50px;
background-color:#fff;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
	.service_inner{
	padding:20px 28px 0;
	margin:20px 0 20px;
	}
}
@media screen and (max-width: 767px) {
	.service_inner{
	padding:0;
	margin:40px 0 20px;
	}
}

/*3カラム固定*/
@media screen and (min-width: 1119px) {
  .list.is-service01_1 ul,
  .list.is-service01_2 ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .list.is-service01_1 ul {
    padding: 15px 0px 0px;
  }
  .list.is-service01_2 ul {
    padding: 15px 0px 8px;
  }
  .list.is-service01_1 ul li,
  .list.is-service01_2 ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    margin-bottom: 30px;
    display: block;
    height:120px;
    position: relative;
    border-radius:4px;
    background-color:#097fce;
    box-shadow:0px 2px 0px 0px #cccbcb;
    background-image: url(../images/common/bg_dot.png);
  }

  .list.is-service01_1 ul li:nth-child(3n),
  .list.is-service01_2 ul li:nth-child(3n) {
    margin-right: -1px;
  }

  .list.is-service01_1 ul li .box,
  .list.is-service01_2 ul li .box {
    display: table;
    width:100%;
    height:120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    border-radius:4px;
  }
  .list.is-service01_1 ul li .box p,
  .list.is-service01_2 ul li .box p {
    display: table-cell;
    width:100%;
    vertical-align:middle;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "新ゴ M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 20px;
    font-size: 2.0rem;
    line-height:30px;
    line-height:3rem;
    color: #fff;
    white-space: nowrap;
    border-radius:4px;
    padding-left:130px;
    height:120px;
  }
  .list.is-service01_1 ul li .box:before,
  .list.is-service01_2 ul li .box:before {
    content: '';
    position: absolute;
    bottom: 8px;
    right: 8px;
    border-top: 5px solid transparent;
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
    border-left: 5px solid transparent;
    z-index: 2;
  }
}

/*3カラム可変*/
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .list.is-service01_1 ul,
  .list.is-service01_2 ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .list.is-service01_1 ul {
    padding: 0 10px 0px;
  }
  .list.is-service01_2 ul {
    padding: 0 10px 20px;
  }
  .list.is-service01_1 ul li,
  .list.is-service01_2 ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
    margin-bottom: 20px;
    display: block;
    height:100px;
    position: relative;
    border-radius:4px;
    background-color:#097fce;
    box-shadow:0px 2px 0px 0px #cccbcb;
    background-image: url(../images/common/bg_dot.png);
  }

  .list.is-service01_1 ul li:nth-child(3n),
  .list.is-service01_2 ul li:nth-child(3n) {
    margin-right: -1px;
  }

  .list.is-service01_1 ul li .box,
  .list.is-service01_2 ul li .box {
    display: table;
    width:100%;
    height:100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    border-radius:4px;
  }
  .list.is-service01_1 ul li .box p,
  .list.is-service01_2 ul li .box p {
    display: table-cell;
    width:100%;
    vertical-align:middle;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "新ゴ M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: calc(18 / 1200 * 100vw);/*24*/
    line-height:calc(24 / 1200 * 100vw);/*30*/
    color: #fff;
    white-space: nowrap;
    border-radius:4px;
    padding-left:110px;
    height:100px;
  }
  .list.is-service01_1 ul li .box:before,
  .list.is-service01_2 ul li .box:before {
    content: '';
    position: absolute;
    bottom: 7px;
    right: 7px;
    border-top: 4px solid transparent;
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
    border-left: 4px solid transparent;
    z-index: 2;
  }
}

/*3カラム可変(クリップボード内)*/
@media screen and (min-width: 768px) and (max-width: 1215px) {
#contents.is-clipboard .contents-wrapper .list.is-service01_1,
#contents.is-clipboard .contents-wrapper .list.is-service01_2 {
  padding: 0 30px;
  }
  #contents.is-clipboard .contents-wrapper .list.is-service01_1 ul,
  #contents.is-clipboard .contents-wrapper .list.is-service01_2 ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  #contents.is-clipboard .contents-wrapper .list.is-service01_1 ul{
    padding: 8px 10px 20px;
  }
  #contents.is-clipboard .contents-wrapper .list.is-service01_2 ul{
    padding: 5px 10px 20px;
  }
  #contents.is-clipboard .contents-wrapper .list.is-service01_1 ul li,
  #contents.is-clipboard .contents-wrapper .list.is-service01_2 ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
    margin-bottom: 20px;
    display: block;
    height:80px;
    position: relative;
    border-radius:4px;
    background-color:#097fce;
    box-shadow:0px 2px 0px 0px #cccbcb;
    background-image: url(../images/common/bg_dot.png);
  }

  #contents.is-clipboard .contents-wrapper .list.is-service01_1 ul li .box,
  #contents.is-clipboard .contents-wrapper .list.is-service01_2 ul li .box {
    display: table;
    width:100%;
    height:80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    border-radius:4px;
  }
  #contents.is-clipboard .contents-wrapper .list.is-service01_1 ul li .box p,
  #contents.is-clipboard .contents-wrapper .list.is-service01_2 ul li .box p {
    display: table-cell;
    width:100%;
    vertical-align:middle;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "新ゴ M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: calc(18 / 1200 * 100vw);/*24*/
    line-height:calc(24 / 1200 * 100vw);/*30*/
    color: #fff;
    white-space: nowrap;
    border-radius:4px;
    padding-left:90px;
    height:80px;
  }
  #contents.is-clipboard .contents-wrapper .list.is-service01_1 ul li .box:before,
  #contents.is-clipboard .contents-wrapper .list.is-service01_2 ul li .box:before {
    content: '';
    position: absolute;
      bottom: 7px;
      right: 7px;
      border-top: 4px solid transparent;
      border-right: 4px solid #fff;
      border-bottom: 4px solid #fff;
      border-left: 4px solid transparent;
    z-index: 2;
  }
  #contents.is-clipboard .contents-wrapper .list.is-service01_1 ul li:nth-child(3n),
  #contents.is-clipboard .contents-wrapper .list.is-service01_2 ul li:nth-child(3n) {
    margin-right: -1px;
  }
}
/*3カラムの場合、3n番目のボタンの右マージンを0（※IEとEdge対策で-1）にする*/
.list.is-service01_1 ul li:nth-child(3n),
.list.is-service01_2 ul li:nth-child(3n) {
  margin-right: -1;
}

/*1カラム可変*/
@media screen and (max-width: 767px) {
  .list.is-service01_1 ul,
  .list.is-service01_2 ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .list.is-service01_1 ul{
    padding: 10px 0 0 0;
  }
  .list.is-service01_2 ul {
    padding: 0px 0 20px 0;
  }
  .list.is-service01_1 ul li,
  .list.is-service01_2 ul li {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
    display: block;
    height:100px;
    position: relative;
    border-radius:4px;
    background-color:#097fce;
    box-shadow:0px 2px 0px 0px #cccbcb;
    background-image: url(../images/common/bg_dot.png);
  }
  .list.is-service01_1 ul .box,
  .list.is-service01_2 ul .box {
    display: table;
    width:100%;
    height:100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    border-radius:4px;
  }
  .list.is-service01_1 ul .box p,
  .list.is-service01_2 ul .box p {
    display: table-cell;
    width:100%;
    vertical-align:middle;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "新ゴ M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 25px;
    line-height: 2.5rem;
    color: #fff;
    white-space: nowrap;
    border-radius:4px;
    padding-left:110px;
    height:100px;
  }
  .list.is-service01_1 ul .box:before,
  .list.is-service01_2 ul .box:before {
    content: '';
    position: absolute;
    bottom: 5px;
    right: 5px;
    border-top: 4px solid transparent;
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
    border-left: 4px solid transparent;
    z-index: 2;
  }
  /*3n番目のボタンの右マージンを0にする*/
  .list.is-service01_1 ul li:nth-child(3n),
  .list.is-service01_2 ul li:nth-child(3n) {
    margin-right: 0px;
  }
}

/*サイドメニュー*/
.list.is-service01_1.is-side,
.list.is-service01_2.is-side {
  padding: 0 !important;
}
.list.is-service01_1.is-side ul {
  width: 100%;
  padding: 10px 10px 0;
}
.list.is-service01_2.is-side ul {
  width: 100%;
  padding: 12px 10px;
}
.list.is-service01_1.is-side ul li,
.list.is-service01_2.is-side ul li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
  display: block;
  height:74px;
  position: relative;
  border-radius:4px;
  background-color:#097fce;
  box-shadow:0px 2px 0px 0px #cccbcb;
  background-image: url(../images/common/bg_dot.png);
}
.list.is-service01_1.is-side ul li:hover,
.list.is-service01_2.is-side ul li:hover {
  opacity: 0.8 ;
  text-decoration:none;
}
.list.is-service01_1.is-side ul .box,
.list.is-service01_2.is-side ul .box {
  display: table;
  width:100%;
  height:74px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0;
  border-radius:4px;
}
.list.is-service01_1 a.box:hover,
.list.is-service01_2 a.box:hover {
  text-decoration: none;
}
.list.is-service01_1.is-side ul .box p,
.list.is-service01_2.is-side ul .box p {
  display: table-cell;
  width:100%;
  vertical-align:middle;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "新ゴ M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height:21px;
  line-height:2.1rem;
  color: #fff;
  white-space: nowrap;
  border-radius:4px;
  padding-left:84px;
  height:74px;
}
.list.is-service01_1.is-side ul .box:before,
.list.is-service01_2.is-side ul .box:before {
  content: '';
  position: absolute;
  bottom: 6px;
  right: 6px;
  border-top: 3px solid transparent;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  border-left: 3px solid transparent;
  z-index: 2;
}

/*サイドメニュー可変*/
@media screen and (min-width: 768px) and (max-width: 1215px) {/*1119px*/
  .list.is-service01_1.is-side ul li,
  .list.is-service01_2.is-side ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 12px;
    display: block;
    height:60px;
    position: relative;
    border-radius:4px;
    background-color:#097fce;
    box-shadow:0px 2px 0px 0px #cccbcb;
    background-image: url(../images/common/bg_dot.png);
  }
  .list.is-service01_1.is-side ul .box,
  .list.is-service01_2.is-side ul .box {
    display: table;
    width:100%;
    height:60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    border-radius:4px;
  }
  .list.is-service01_1.is-side ul .box p,
  .list.is-service01_2.is-side ul .box p {
    display: table-cell;
    width:100%;
    vertical-align:middle;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "新ゴ M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height:17px;
    line-height:1.7rem;
    color: #fff;
    white-space: nowrap;
    border-radius:4px;
    padding-left:10px;
    height:60px;
  }
  .list.is-service01_1.is-side ul .box:before,
  .list.is-service01_2.is-side ul .box:before {
    content: '';
    position: absolute;
    bottom: 6px;
    right:  6px;
    border-top: 3px solid transparent;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    border-left: 3px solid transparent;
    z-index: 2;
  }
.list.is-service01_1.is-side ul li a,
.list.is-service01_2.is-side ul li a {
  background-image:none;
}

}
.list.is-service01_1.is-side ul li:last-child,
.list.is-service01_2.is-side ul li:last-child {
  margin-bottom: 0;
}
/*サイドメニュー1カラム可変*/
@media screen and (max-width: 767px) {
  .list.is-service01_1.is-side ul li,
  .list.is-service01_2.is-side ul li {
    width: 100%;
    margin-bottom: 10px;
    display: block;
    height:100px;
    float:left;
    position: relative;
    border-radius:4px;
    background-color:#097fce;
    box-shadow:0px 2px 0px 0px #cccbcb;
    background-image: url(../images/common/bg_dot.png);
  }
  .list.is-service01_1.is-side ul .box,
  .list.is-service01_2.is-side ul .box {
    display: table;
    width:100%;
    height:100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    border-radius:4px;
  }
  .list.is-service01_1.is-side ul .box p,
  .list.is-service01_2.is-side ul .box p {
    display: table-cell;
    width:100%;
    vertical-align:middle;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "新ゴ M", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 25px;
    line-height: 2.5rem;
    color: #fff;
    white-space: nowrap;
    border-radius:4px;
    padding-left:110px;
    height:100px;
  }
  .list.is-service01_1.is-side ul .box:before,
  .list.is-service01_2.is-side ul .box:before {
    content: '';
    position: absolute;
    bottom: 8px;
    right: 8px;
    border-top: 4px solid transparent;
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
    border-left: 4px solid transparent;
    z-index: 2;
  }
}

/*症状別 差分指定のみ------------*/
.is-service01_1 h2:not(.is-side),
.is-service01_2 h2,
.is-service01_2 h3 {
  margin: 0;
  position: relative;
  height: 48px;
  line-height: 48px;
  background-color: transparent;
  text-align: center;
  color: #fff;
}
.is-service01_1 h2:not(.is-side) span,
.is-service01_2 h2 span,
.is-service01_2 h3 span {
  position: relative;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: normal;
}
.is-service01_1 h2:not(.is-side),
.is-service01_2 h2,
.is-service01_2 h3{
  color:#097fce;
}

@media screen and (min-width: 768px) and (max-width: 1119px) {
  .is-service01_1 .ttl.is-ttl03.is-side {
    font-size: 19px;
    font-size: 1.9rem;
  }

}
@media screen and (max-width: 767px) {
/*装飾打消し*/
  .is-service01_1 .ttl.is-ttl03 span {
    padding-left:0px;
    border-left:none;
  }
  .is-service01_1 .ttl.is-ttl03 span:before {
      display: none;
  }
  .is-service01_1 .ttl.is-ttl03.is-side {
    padding: 8px 8px 6px 8px;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 0;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .is-service01_1 h2:not(.is-side) span,
  .is-service01_2 h2 span,
  .is-service01_2 h3 span {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .is-service01_1 h2:not(.is-side),
  .is-service01_2 h2,
  .is-service01_2 h3 {
    height: auto;
    line-height: 1.2;
    padding: 8px 8px 6px 8px;
    color:#fff;
    background:#2f589e;
    margin:0 -10px;
  }
  .is-service01_1 h2:not(.is-side) span,
  .is-service01_2 h2 span,
  .is-service01_2 h3 span {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight:bold;

  }
}

/*水色*/
.list.is-service01_2 ul li,/*基本*/
.list.is-service01_2.is-side ul li,/*サイドメニュー*/
#contents.is-clipboard .contents-wrapper .list.is-service01_2 ul li {/*本文クリップボード枠内*/
  background-color:#4fc5f0;
}

/*//menu
------------------------------*/


.list.is-service02 {
  background: #fff;
  padding: 0;
}
.list.is-service02 li {
  position: relative;
  float: left;
  width: 33.3%;
  padding: 0 20px 20px 0;
  list-style: none;
}
.list.is-service02 li:nth-child(3n) {
  padding-right: 0;
}
.list.is-service02 li a {
  display: block;
  position: relative;
  z-index: 1;
  padding: 4px;
}
.list.is-service02 li a:before {
  content: "";
  display: block;
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  z-index: -1;
  border-radius: 5px;
}
.list.is-service02 li a img {
  border-radius: 6px;
}
.list.is-service02 li p {
  position: absolute;
  margin: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-radius: 0 0 5px 5px;
  background-color: #007eca;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
}
.list.is-service02 li img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .list.is-service02 li p {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .list.is-service02 {
    padding: 10px;
  }
  .list.is-service02 li {
    float: none;
    width: auto;
    padding: 0;
    margin-bottom: 10px;
  }
  .list.is-service02 li p {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.list.is-column01 {
  border: 1px solid #d2d2d2;
  background-color: #fff;
  padding: 30px;
  margin: 20px auto 46px;
}
.list.is-column01 .title {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 20px;
}
.list.is-column01 .title span {
  padding: 0 30px;
  border-bottom: 2px solid #2f589e;
  color: #2f589e;
}
.list.is-column01 .unit {
  display: block;
}
.list.is-column01 .unit:hover {
  opacity: 0.6;
  text-decoration: none;
}
.list.is-column01 .unit:not(:last-child) {
  border-bottom: 1px dotted #d2d2d2;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.list.is-column01 .unit .cate {
  margin-bottom: 6px;
}
.list.is-column01 .unit .cate span {
  display: inline-block;
  background-color: #3daaf7;
  color: #fff;
  margin-right: 2px;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 5px;
}
.list.is-column01 .unit dl dt {
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
}
.list.is-column01 .unit dl dd {
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .list.is-column01 {
    padding: 10px;
    margin: 10px auto 23px;
  }
  .list.is-column01 .title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
  .list.is-column01 .title span {
    padding: 0 15px;
  }
  .list.is-column01 .unit:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .list.is-column01 .unit .cate {
    margin-bottom: 3px;
  }
  .list.is-column01 .unit .cate span {
    margin-right: 1px;
    font-size: 10px;
    font-size: 1.0rem;
    padding: 0 4px;
  }
  .list.is-column01 .unit dl dt {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .list.is-column01 .unit dl dd {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1119px) {
  .service-panel-list .box p {
    font-size: 14px;
    font-size: 1.4rem;
    bottom: 13px;
  }
}
@media screen and (max-width: 767px) {
  .service-panel-list {
    width: auto;
    padding: 8px 0 10px 10px;
  }
  .service-panel-list .box {
    width: calc((100% - 14px) / 2);
    padding-top: 19.8%;
  }
  .service-panel-list .box p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/*----------------------------
    #breadcrumbs
------------------------------*/
#breadcrumbs {
  font-size: 0.9em;
  max-width: 1200px;
  margin: 10px auto 5px;
  padding: 0.5em 0em 0.5em 1em;
  text-align: right;
  border-bottom-width: 1px;
  border-top-style: none;
  border-right-style: none;
  /* border-bottom-style: dotted; */
  border-left-style: none;
  border-bottom-color: #DBDBDB;
}
#breadcrumbs li {
  display: inline-block;
  text-align: right;
}

@media screen and (max-width: 767px) {
  #breadcrumbs {
    /*display: none;*/
    /* position: absolute; */
    bottom: 0;
    left: 0;
    padding-right: 1em;
  }
}
.breadcrumbs_dummy {
  height: 25px;
}
@media screen and (max-width: 767px) {
  .breadcrumbs_dummy {
    display: none;
  }
}

.table th,
.table td {
  padding: 10px;
}
.table.is-type01 th {
  background-color: #f7f7f7;
}
.table.is-type01 tr:last-child th,
.table.is-type01 tr:last-child td {
  border-bottom: 1px solid #dee2e6;
}
@media screen and (max-width: 767px) {
  .table.is-type01 tr:last-child th,
  .table.is-type01 tr:last-child td {
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .table-sp {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-sp table {
    width: 100%;
  }
  .table-sp table th,
  .table-sp table td {
    white-space: nowrap;
  }
}

/*----------------------------
    banner
------------------------------*/
.bnr-area {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  margin: 20px auto !important;
}
.bnr-area .unit {
  width: 50%;
  display: block;
}
.bnr-area .unit:nth-child(odd) {
  padding-right: 7px;
}
.bnr-area .unit:nth-child(even) {
  padding-left: 7px;
}
.bnr-area .unit img {
  width: 100%;
}
.bnr-area.is-howto {
  margin-bottom: 0;
}
.bnr-area.is-howto .unit {
  padding: 0;
}
.bnr-area.is-howto .unit {
  width: 32%;
}

@media screen and (min-width: 1200px) {
	.bnr-area.is-howto .unit {
	  width: 380px;
	}
}

@media screen and (max-width: 767px) {
  .bnr-area {
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
  }
  .bnr-area .unit {
    width: 100%;
  }
  .bnr-area .unit:nth-child(odd), .bnr-area .unit:nth-child(even) {
    padding: 0;
    margin-bottom: 10px;
  }
  .bnr-area.is-howto {
    margin-bottom: 0!important;
    margin-top: 0!important;
  }
  .bnr-area.is-howto .unit {
    padding: 0;
  }
  .bnr-area.is-howto .unit:nth-child(odd), .bnr-area.is-howto .unit:nth-child(even) {
    width: auto;
  }
  .bnr-area a {
    margin-bottom: 10px;
  }
}

.table th,
.table td {
  padding: 10px;
}
.table.is-type01 th {
  background-color: #f7f7f7;
}
.table.is-type01 tr:last-child th,
.table.is-type01 tr:last-child td {
  border-bottom: 1px solid #dee2e6;
}
@media screen and (max-width: 767px) {
  .table.is-type01 tr:last-child th,
  .table.is-type01 tr:last-child td {
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .table-sp {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-sp table {
    width: 100%;
  }
  .table-sp table th,
  .table-sp table td {
    white-space: nowrap;
  }
}

.required {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 3px;
  background-color: #d00202;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
}

input[type="text"].size.is-L,
input[type="email"].size.is-L,
input[type="tel"].size.is-L {
  width: 80%;
}
input[type="text"].size.is-M,
input[type="email"].size.is-M,
input[type="tel"].size.is-M {
  width: 50%;
}
input[type="text"].size.is-postnum,
input[type="tel"].size.is-postnum {
  width: 5em;
}
input[type="text"].size.is-telnum,
input[type="tel"].size.is-telnum {
  width: 5em;
}
input[type="text"].size.is-date,
input[type="tel"].size.is-date {
  width: 3em;
}
input[type="text"].size.is-name,
input[type="tel"].size.is-name {
  width: 10em;
}
@media screen and (max-width: 767px) {
  input[type="text"].size.is-L,
  input[type="tel"].size.is-L {
    width: calc(100%);
  }
}

input[type="number"].is-age {
  width: 4em;
}

input[type="tel"] {
  width: 5em;
}

@media screen and (max-width: 767px) {
  form input[type="email"] {
    width: calc(100%);
  }
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
select {
  height: 28px;
}
@media screen and (max-width: 767px) {
  input[type="text"],
  input[type="number"],
  input[type="tel"],
  input[type="email"],
  select {
    width: calc(100%);
  }
}

label {
  display: inline;
}
@media screen and (max-width: 767px) {
  label {
    display: block;
  }
}

button.has-padL {
  margin-left: 0.5em;
}
button.has-padR {
  margin-right: 0.5em;
}
button.has-padLR {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

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

/*

<label>
    <input type="checkbox" name="agree" class="checkbox-input">
    <span class="checkbox-label">チェックボックス</span>
</label>

*/
.checkbox-input {
  display: none;
}
.checkbox-input:checked + .checkbox-label {
  color: #08c;
}
.checkbox-input:checked + .checkbox-label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 5px;
  width: 7px;
  height: 15px;
  transform: rotate(40deg);
  border-bottom: 3px solid #08c;
  border-right: 3px solid #08c;
}
@media screen and (max-width: 767px) {
  .checkbox-input:checked + .checkbox-label:after {
    top: -2px;
  }
}

.checkbox-label {
  padding-left: 20px;
  position: relative;
  margin-right: 20px;
}
.checkbox-label:before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -7px;
  border: 1px solid #999;
  border-radius: 3px;
}

/*

<input type="radio" name="" class="radio-input" id="radio01">
<label for="radio01">ラジオ01</label>

*/
.radio-input {
  display: none;
}
.radio-input + label {
  padding-left: 20px;
  position: relative;
  margin-right: 20px;
}
.radio-input + label:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -7px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio-input:checked + label {
  color: #08c;
}
.radio-input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 3px;
  width: 10px;
  height: 10px;
  margin-top: -4px;
  background: #08c;
  border-radius: 50%;
}
.radio-input.is-block {
  display: block;
}

.radio-unit {
  margin-bottom: 0.5em;
}

.upload-area .note {
  font-size: 12px;
  font-size: 1.2rem;
}

.drop_area {
  border: 4px dashed #999;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #ffffff;
  color: #AAAAAA;
}
@media screen and (max-width: 767px) {
  .drop_area {
    display: none;
  }
}

.drop_area {
  min-height: 120px;
}

.drop_area.filehover {
  background-color: #ffffAA;
}

.disp_area {
  display: none;
}
.disp_area .preview_image {
  padding: 15px;
  border: 1px solid #ccc;
}
.disp_area .preview_comment {
  text-align: right;
  font-size: 80%;
  color: #aaa;
}

.filehide {
  display: none;
}

.error {
  display: none;
  margin-bottom: 0;
  margin-top: 10px;
  background-color: #fdeded;
  padding: 2px 10px;
  border-radius: 3px;
  color: #d00202;
  font-size: 14px !important;
  font-size: 1.4rem !important;
}

.notempty, .empty {
  display: none;
}

.loading {
  background-image: url(../images/ajax-loader.gif);
  width: 16px;
  height: 16px;
  display: inline-block;
}

.link.is-arrow:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #08c;
  border-right: 1px solid #08c;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-bottom: 2px;
  margin-left: 2px;
}

.imgtrimwrap {
	display: inline-block;
	overflow: hidden;
}

.nowrap {white-space: nowrap;}

.mb-10 {margin-bottom: -10px !important;}
.mb-5 {margin-bottom: -5px !important;}
.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !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;}
.mt-10 {margin-top: -10px !important;}
.mt-5 {margin-top: -5px !important;}
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !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;}
.ml-10 {margin-left: -10px !important;}
.ml-5 {margin-left: -5px !important;}
.ml0 {margin-left: 0px !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;}
.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;}
.mr-10 {margin-right: -10px !important;}
.mr-5 {margin-right: -5px !important;}
.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: 5px !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;}


.pager {
  text-align: center;
  font-size: 0;
}
.pager li {
  display: inline-block;
  margin: 0 10px;
  height: 32px;
  font-size: 16px;
  font-size: 1.6rem;
}
.pager li a {
  background-color: #f7f7f7;
}
.pager li a,
.pager li span {
  display: block;
  padding: 0 12px;
  line-height: 32px;
  color: #4e4e4e;
}
.pager li a:hover,
.pager li span {
  background-color: #cccaca;
}
.pager li a:hover {
  text-decoration: none;
}
.pager li.pager-blank {
  background-color: transparent;
  vertical-align: bottom;
  line-height: 32px;
  padding-top: 5px;
}
@media screen and (max-width: 767px) {
  .pager li {
    margin: 0 8px;
    height: 24px;
    /*font-size: 14px;*/
    /*font-size: 1.4rem;*/
  }
  .pager li a,
  .pager li span {
    padding: 0 6px;
    line-height: 24px;
  }
  .pager li a:hover,
  .pager li span {
  }
  .pager li.pager-blank {
    line-height: 24px;
    padding-top: 2px;
  }
}