@charset "UTF-8";
/* CSS Document */
body.styleguide {
  background-color: #EEEEEE;
  padding-bottom: 40px;
}

body.styleguide header.style {
  text-align: center;
  line-height: 0;
  position: relative;
}

body.styleguide header.style h1 {
  position: relative;
  display: -moz-inline-box;
  display: inline-block;
  padding: 50px 20px;
}

body.styleguide header.style h1 span {
  display: block;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
  position: absolute;
  right: 0;
  width: 80%;
  text-align: center;
  bottom: 65px;
  line-height: 1;
}

body.styleguide header.style nav {
  line-height: 1;
  background-color: #FFF;
  padding: 10px 0;
}

body.styleguide header.style nav ul {
  width: 1024px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

body.styleguide header.style nav ul li {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

body.styleguide header.style nav ul li:not(:last-child) {
  border-right: 1px solid #dddddd;
}

body.styleguide header.style nav ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #FFF;
  padding: 5px 10px;
  color: #333333;
}

body.styleguide header.lower {
  position: relative;
}

body.styleguide main .title-style {
  color: #FFF;
  position: relative;
  z-index: 2;
  padding: 10px 0;
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.2;
  margin-bottom: 45px;
}

body.styleguide main .title-style span {
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: bold;
  margin-right: 10px;
}

body.styleguide main .title-style:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #333333;
  z-index: -1;
}

body.styleguide main .title-style-02 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-bottom: 3px solid #333333;
  padding-bottom: 7px;
  margin-bottom: 20px;
}

body.styleguide main .title-style-02 span {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-left: 15px;
  color: #FF4B00;
}

body.styleguide main .title-style-02:not(:first-child) {
  margin-top: 45px;
}

body.styleguide main .heading-style {
  font-size: 15px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 20px;
}

body.styleguide main .heading-style span {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-left: 15px;
  color: #FF4B00;
}

body.styleguide main .heading-style-02 {
  color: #666666;
  font-size: 15px;
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: 10px;
}

body.styleguide main .text-page {
  border: 1px solid #dddddd;
  padding: 5px;
  color: #666666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: -10px;
  margin-bottom: 15px;
  font-size: 13px;
  font-size: 0.86667rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

body.styleguide main .text-page span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

body.styleguide main .text-page span:before {
  width: 80px;
  font-size: 12px;
  font-size: 0.8rem;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

body.styleguide main .text-page span:first-child:before {
  content: "タイトル ：";
}

body.styleguide main .text-page span:last-child:before {
  content: "ディレクトリ ：";
}

body.styleguide main > section .content > section:not(:last-child) {
  padding-bottom: 35px;
  margin-bottom: 35px;
  border-bottom: 1px solid #dddddd;
}

body.styleguide main > section .content > section:not(:last-child).nob {
  border-bottom: none;
  padding-bottom: 0;
}

body.styleguide main > section .content > section > section:not(:last-child) {
  margin-bottom: 32px;
}

body.styleguide main > section.white {
  background-color: #FFF;
  padding: 30px 0;
}

body.styleguide main > section.white:not(:last-child) {
  margin-bottom: 0;
}

body.styleguide main > section.white .column-03 .item:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

body.styleguide main .item-box {
  height: 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
}

body.styleguide main .item-box.bg-blue {
  background-color: #004BA5;
}

body.styleguide main .item-box.bg-orange {
  background-color: #FF4B00;
}

body.styleguide main .item-box.bg-grey {
  background-color: #EEEEEE;
  border: 1px solid #dddddd;
}

body.styleguide main .item-box.bg-white {
  background-color: #FFF;
}

body.styleguide main .item-box.bg-black {
  background-color: #333333;
}

body.styleguide main .item-box.bg-text-grey {
  background-color: #666666;
}

body.styleguide main .item-box.bg-link {
  background-color: #1C7DC1;
}

body.styleguide main .item-box.bg-red {
  background-color: #FC332F;
}

body.styleguide main .item-box.square {
  width: 100px;
}

body.styleguide main .item-grid {
  background-color: #FFF;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

body.styleguide main .item-grid div {
  margin-top: 1em;
  height: 1px;
  background-color: #FC332F;
  width: 100%;
  position: relative;
}

body.styleguide main .item-grid div:before, body.styleguide main .item-grid div:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 1px;
  height: 20px;
  margin-top: -10px;
  background-color: #FC332F;
}

body.styleguide main .item-grid div:before {
  left: 0;
}

body.styleguide main .item-grid div:after {
  right: 0;
}

body.styleguide main .item-grid span {
  color: #FC332F;
}

body.styleguide main .icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

body.styleguide main .icon-list:not(:first-child) {
  margin-left: 0;
}

body.styleguide main .icon-list > * {
  width: 25%;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
}

body.styleguide main .icon-list dd {
  text-align: center;
}

body.styleguide .img-text-block .item-img {
  position: relative;
}

body.styleguide .img-text-block .item-img:before {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  width: 30px;
  height: 100%;
  background-color: #f2c2bf;
}

body.styleguide .img-text-block .item-img:after {
  content: "30px";
  color: #FC332F;
  position: absolute;
  left: 100%;
  top: 50%;
  line-height: 30px;
  margin-top: -15px;
  margin-left: -5px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

body.styleguide .breadcrumb {
  margin-top: 0;
}

body.styleguide .nav-block:not(:last-child) {
  margin-bottom: 60px;
}

/* STYLE
------------------------------------------------------------*/
.breadcrumb {
  border-bottom: 1px solid #dddddd;
  background: #EEEEEE;
  margin-top: 130px;
}

@media screen and (max-width: 964px) {
  .breadcrumb {
    margin-top: 60px;
  }
}

.breadcrumb__homeLabel {
  padding-left: 5px;
}

.breadcrumb ul {
  width: 1024px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.breadcrumb ul li:first-child {
  line-height: 0;
}

.breadcrumb ul li:not(:last-child) {
  margin-right: 15px;
}

.breadcrumb ul li > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 40px;
}

.breadcrumb ul li a {
  padding-right: 33px;
  background: url(../img/icon/arrow-bread.png) no-repeat right center/contain;
}

.contents-block {
  border: 1px solid #dddddd;
  padding: 30px;
  background-color: #FFF;
}

.contents-block section {
  margin-bottom: 40px;
}

.contents-block section:last-child {
  margin-bottom: 0;
}

.contents-block.grey {
  background-color: #e9e9e9;
}

.contents-block.bg {
  background-color: #f2f6fa;
  border: none;
}

.contents-block.border-none {
  border: none;
}

.contents-block .link-list-anchor {
  padding-left: 0;
  padding-right: 0;
}

.blank-block {
  border: 1px solid #dddddd;
  padding: 30px;
  background-color: #FFF;
}

.blank-block.grey {
  background-color: #e9e9e9;
}

.blank-block.bg {
  background-color: #f2f6fa;
  border: none;
}

.blank-block.border-none {
  border: none;
}

.plan-block {
  position: relative;
}

.plan-block:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: #FFF;
}

.plan-block > * .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-right: 1px solid #dddddd;
}

.plan-block > * .item .item {
  border-right: none;
}

.plan-block > * .item > * {
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  border-left: 1px solid #dddddd;
}

.plan-block > * .item span {
  width: 240px;
  -webkit-flex-grow: 0;
  flex-grow: 0;
}

@media screen and (min-width: 661px) and (max-width: 1024px) {
  .plan-block > * .item span {
    width: 200px;
  }
}

@media screen and (max-width: 660px) {
  .plan-block > * .item span {
    width: 140px;
  }
}

@media screen and (max-width: 1024px) {
  .plan-block.emp-2 {
    overflow-x: scroll;
  }
}

.plan-block.emp-2 > * {
  min-width: 800px;
}

.plan-block.emp-2 .scroll-hint-icon-wrap {
  min-width: 0;
}

.plan-block.emp-2 .item-head p:nth-child(2) {
  background-color: #004BA5;
  height: 80px;
}

.plan-block.emp-2 .item-body .item p:nth-child(2) {
  background-color: #fff6f2;
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.plan-block.emp-2 .item-body .item p:nth-child(2):before {
  display: block;
}

.plan-block .item-head .item {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  border-bottom: 1px solid #dddddd;
  border-right: none;
}

.plan-block .item-head .item > *:last-child {
  border-right: 1px solid #dddddd;
}

.plan-block .item-head p {
  background-color: #666666;
  color: #FFF;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  height: 70px;
}

.plan-block .item-body .item {
  text-align: center;
  border-bottom: 1px solid #dddddd;
  line-height: 1.7;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.plan-block .item-body .item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.plan-block .item-body .item span.title {
  width: 100%;
  border-bottom: 1px solid #dddddd;
  position: relative;
}

.plan-block .item-body .item span.title:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  right: -1px;
  background-color: #FFF;
}

.plan-block .item-body .item p {
  background-color: #EEEEEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 13px;
  font-size: 0.86667rem;
  position: relative;
}

.plan-block .item-body .item p:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% + 1px);
  border: 2px solid #FF4B00;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  z-index: 2;
  pointer-events: none;
}

.plan-block .item-body .item .item {
  width: 100%;
  padding: 0;
}

.plan-block .item-body .item .item:not(:last-child) p:before {
  border-bottom: none;
}

.plan-block .item-body .item .item:not(:nth-child(2)) p:before {
  border-top: none;
}

.plan-block .item-body .item .item:last-child {
  border-bottom: none;
}

.plan-block .item-body .item .item span {
  padding-left: 55px;
  position: relative;
}

@media screen and (min-width: 661px) and (max-width: 1024px) {
  .plan-block .item-body .item .item span {
    padding-left: 40px;
  }
}

@media screen and (max-width: 660px) {
  .plan-block .item-body .item .item span {
    padding-left: 25px;
  }
}

.form-block {
  width: 740px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.form-block .item-form {
  margin-bottom: 45px;
}

.form-block .item-form dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 8px;
}

.form-block .item-form dt span {
  background: #FF4B00;
  color: #FFF;
  font-size: 11px;
  font-size: 0.73333rem;
  line-height: 1;
  padding: 2px 8px 5px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  margin-left: 5px;
}

.form-block .item-form dd:not(:last-child) {
  margin-bottom: 20px;
}

.form-block .item-form dd p.error {
  margin-top: 5px;
  color: #FC332F;
}

.form-block .item-form dd > p {
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 10px;
  margin-top: 20px;
}

.form-block .item-form dd > p:first-child {
  margin-top: 0;
}

.form-block .item-policy {
  margin-bottom: 45px;
  width: 500px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.form-block .item-policy.long {
  width: 100%;
}

.form-block .item-policy.long .policy {
  height: 250px;
}

.form-block .item-policy .title {
  text-align: center;
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 10px;
}

.form-block .item-policy .policy {
  border: 1px solid #dddddd;
  background-color: #FFF;
  height: 150px;
  overflow: scroll;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.8rem;
  margin-bottom: 20px;
}

.form-block .item-policy .policy p:not(:last-child) {
  margin-bottom: 20px;
}

.form-block .item-policy .policy h4 {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 5px;
}

.form-block .item-policy .policy h4:not(:first-child) {
  margin-top: 20px;
}

.form-block .item-policy .agree {
  text-align: center;
}

.form-block .item-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -14px;
}

.link-list li {
  margin-right: 14px;
  width: calc(25% - 14px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-bottom: 1px solid #dddddd;
}

.link-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 50px;
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.5;
  color: #333333;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.link-list li a:hover {
  text-decoration: none;
  color: #1C7DC1;
  background-color: #f2f6fa;
}

.link-list li a:after {
  content: "";
  display: block;
  margin-left: 10px;
  width: 7px;
  height: 12px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  background: url(../img/icon/arrow-link.svg) no-repeat;
}

.link-list-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -7px -7px 0;
}

.link-list-icon > * {
  margin: 0 7px 7px 0;
  width: calc(100% / 6 - 7px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.link-list-icon > *.current a {
  border-color: #004BA5;
}

.link-list-icon > * a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #FFF;
  border: 1px solid #dddddd;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  height: 110px;
  color: #333333;
  padding-top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.link-list-icon > * a:hover {
  text-decoration: none;
  border-color: #004BA5;
  color: #004BA5;
}

.link-list-icon > * span:first-child {
  line-height: 0;
  margin-bottom: 8px;
}

.link-list-icon > * span:last-child {
  line-height: 1.4;
  text-align: center;
}

@media all and (-ms-high-contrast: none) {
  .link-list-icon > * span:last-child {
    max-width: 100%;
  }
}

.link-list-anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -6px;
  margin-bottom: -6px;
}

.link-list-anchor.column-03 li {
  width: calc(33.3333% - 6px);
  -webkit-flex-grow: 0;
  flex-grow: 0;
}

.link-list-anchor.column-04 li {
  width: calc(25% - 6px);
  -webkit-flex-grow: 0;
  flex-grow: 0;
}

.link-list-anchor.grey li a {
  background-color: #dddddd;
  color: #333333;
}

.link-list-anchor.grey li a:after {
  background-image: url(../img/icon/arrow-anchor_blue.svg);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.link-list-anchor.grey li a:hover {
  background-color: #004BA5;
  color: #FFF;
}

.link-list-anchor.grey li a:hover:after {
  background-image: url(../img/icon/arrow-anchor.svg);
}

.link-list-anchor li {
  margin-right: 6px;
  margin-bottom: 6px;
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.link-list-anchor li a {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 80px;
  background-color: #004BA5;
  color: #FFF;
  padding: 0 20px;
  padding-right: 40px;
  position: relative;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
}

.link-list-anchor li a:hover {
  text-decoration: none;
  background-color: #0062d8;
}

.link-list-anchor li a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 12px;
  height: 100%;
  background: url(../img/icon/arrow-anchor.svg) no-repeat center;
  right: 20px;
}

.link-list-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -10px;
  margin-right: -32px;
}

.link-list-arrow.column-01 {
  margin-right: 0;
}

.link-list-arrow.column-01 li {
  width: 100%;
  margin-right: 0;
}

.link-list-arrow:not(:first-child) {
  margin-top: 16px;
}

.link-list-arrow:not(:last-child) {
  margin-bottom: 6px;
}

.link-list-arrow li {
  width: calc(50% - 32px);
  margin-right: 32px;
  margin-bottom: 10px;
}

.link-list-arrow li a {
  display: -moz-inline-box;
  display: inline-block;
  padding-left: 20px;
  background: url(../img/icon/link.svg) no-repeat left 6px/15px auto;
}

.link-list-worries {
  margin-right: -32px;
  margin-bottom: -32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.link-list-worries li {
  margin-right: 32px;
  margin-bottom: 32px;
  width: calc(25% - 32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.link-list-worries li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #FFF;
  width: 100%;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #FFF;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  transition: border 0.3s ease;
  padding: 20px 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.link-list-worries li a:hover {
  border-color: #004BA5;
  text-decoration: none;
}

.link-list-worries li a:after {
  content: "";
  display: block;
  width: 12px;
  height: 7px;
  background: url(../img/icon/arrow-anchor_blue.svg);
  margin-top: auto;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.link-list-worries .item-number {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 35px;
  height: 35px;
  background-color: #004BA5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #FFF;
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 20px;
  font-size: 1.33333rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.link-list-worries .item-img {
  line-height: 0;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 95px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.link-list-worries .item-text {
  color: #333333;
  line-height: 1.6;
  margin-bottom: 10px;
}

.link-list-worries .item-text strong {
  color: #FC332F;
  font-weight: bold;
}

.link-list-cv, .link-list-cv-02, .link-list-cv-03, .link-list-cv-04, .link-list-cv-05 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px -10px 0;
  padding: 0 40px;
  margin-top: 16px;
  margin-bottom: 6px;
}

.link-list-cv:last-child, .link-list-cv-02:last-child, .link-list-cv-03:last-child, .link-list-cv-04:last-child, .link-list-cv-05:last-child {
  margin-bottom: -10px;
}

.link-list-cv:first-child, .link-list-cv-02:first-child, .link-list-cv-03:first-child, .link-list-cv-04:first-child, .link-list-cv-05:first-child {
  margin-top: 0;
}

.link-list-cv.nop, .link-list-cv-02.nop, .link-list-cv-03.nop, .link-list-cv-04.nop, .link-list-cv-05.nop {
  padding: 0;
}

.link-list-cv li, .link-list-cv-02 li, .link-list-cv-03 li, .link-list-cv-04 li, .link-list-cv-05 li {
  margin: 0 10px 10px 0;
  width: calc(33.3333% - 14px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.link-list-cv li a, .link-list-cv-02 li a, .link-list-cv-03 li a, .link-list-cv-04 li a, .link-list-cv-05 li a {
  background-color: #FFF;
  border: 1px solid #dddddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  font-size: 15px;
  font-size: 1rem;
  color: #333333;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  line-height: 1.4;
}

.link-list-cv li a:hover, .link-list-cv-02 li a:hover, .link-list-cv-03 li a:hover, .link-list-cv-04 li a:hover, .link-list-cv-05 li a:hover {
  text-decoration: none;
  border-color: #004BA5;
}

.link-list-cv li a:after, .link-list-cv-02 li a:after, .link-list-cv-03 li a:after, .link-list-cv-04 li a:after, .link-list-cv-05 li a:after {
  content: "";
  display: block;
  margin-left: 10px;
  width: 7px;
  height: 12px;
  background: url(../img/icon/arrow-link.svg) no-repeat;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.link-list-cv li a[href^="#"]:after, .link-list-cv-02 li a[href^="#"]:after, .link-list-cv-03 li a[href^="#"]:after, .link-list-cv-04 li a[href^="#"]:after, .link-list-cv-05 li a[href^="#"]:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.link-list-cv li a span, .link-list-cv-02 li a span, .link-list-cv-03 li a span, .link-list-cv-04 li a span, .link-list-cv-05 li a span {
  margin-left: 10px;
  margin-right: auto;
}

@media screen and (min-width: 1025px) {
  .link-list-cv li a span img {
    max-width: 140px;
  }
}

.link-list-cv-02 li a {
  background-color: #666666;
  color: #FFF;
  border: none;
}

.link-list-cv-02 li a:hover {
  background-color: #004BA5;
}

.link-list-cv-02 li a:after {
  background-image: url(../img/icon/arrow-link_white.svg);
}

.link-list-cv-03 {
  padding: 0;
  margin: 0;
  border-left: 1px solid #dddddd;
}

.link-list-cv-03 li {
  width: 33.3333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  margin-bottom: -1px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

.link-list-cv-03 li.current a {
  background-color: #f2f6fa;
}

.link-list-cv-03 li.current a:before {
  -ms-filter: "alpha( opacity=$number*100 )";
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}

.link-list-cv-03 li a {
  -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: none;
  height: 65px;
  position: relative;
}

.link-list-cv-03 li a:before {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  top: 0;
  width: 5px;
  height: 100%;
  background-color: #004BA5;
  -ms-filter: "alpha( opacity=$number*100 )";
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.link-list-cv-03 li a:hover {
  background-color: #f2f6fa;
}

.link-list-cv-03 li a:hover:before {
  -ms-filter: "alpha( opacity=$number*100 )";
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}

.link-list-cv-04 {
  padding: 0;
}

.link-list-cv-04 li {
  margin: 0 10px 10px 0;
  width: calc(25% - 14px);
}

.link-list-cv-04 li a {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  background-color: #004BA5;
  line-height: 1.4;
  color: #FFF;
  border: none;
}

.link-list-cv-04 li a:hover {
  background-color: #0062d8;
}

.link-list-cv-04 li a:after {
  background-image: url(../img/icon/arrow-link_white.svg);
}

.link-list-cv-05 {
  padding: 0;
  margin: 0 -10px -10px 0;
}

.link-list-cv-05 li {
  margin: 0 10px 10px 0;
  width: calc(25% - 10px);
}

.link-list-cv-05 li.current a {
  background-color: #004BA5;
  color: #FFF;
}

.link-list-cv-05 li.current a:after {
  background-image: url(../img/icon/arrow-link_white.svg);
}

.link-list-cv-05 li a {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  background-color: #FFF;
  line-height: 1.4;
  color: #333333;
  border: 1px solid #004BA5;
}

.link-list-cv-05 li a:after {
  background-image: url(../img/icon/arrow-link_black.svg);
}

.link-list-cv-05 li a:hover {
  background-color: #004BA5;
  color: #FFF;
}

.link-list-cv-05 li a:hover:after {
  background-image: url(../img/icon/arrow-link_white.svg);
}

.text-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -14px;
}

.text-list:not(:last-child) {
  margin-bottom: 32px;
}

.text-list li {
  margin-right: 14px;
  width: calc(25% - 14px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-bottom: 1px solid #dddddd;
  padding: 0 10px;
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  min-height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.tab-block:not(:last-child) {
  margin-bottom: 45px;
}

.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin-right: -7px;
}

.tabs.sp {
  display: none;
}

.tabs > * {
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-right: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.tabs > li.current > a {
  height: 90px;
  background-color: #004BA5;
  color: #FFF;
}

.tabs > li.current span:first-child img {
  -ms-filter: "alpha( opacity=$number*100 )";
  filter: alpha(opacity=0);
  opacity: 0;
}

.tabs > li.current span:first-child img:not(:first-child) {
  -ms-filter: "alpha( opacity=$number*100 )";
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}

.tabs > li.current span:last-child {
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.tabs > li > a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 80px;
  color: #333333;
  background: #FFF;
  position: relative;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  -moz-transition: background 0.3s ease, color 0.3s ease;
  -ms-transition: background 0.3s ease, color 0.3s ease;
  -o-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
}

.tabs > li > a:hover {
  text-decoration: none;
}

.tabs span:first-child {
  line-height: 0;
  margin-right: 0;
  margin-bottom: 5px;
  position: relative;
}

.tabs span:first-child img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.tabs span:first-child img:not(:first-child) {
  position: absolute;
  left: 0;
  top: 0;
  -ms-filter: "alpha( opacity=$number*100 )";
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
}

.tabs span:first-child strong {
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.tabs span:last-child {
  line-height: 1.4;
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media screen and (min-width: 661px) and (max-width: 1024px) {
  .tabs span:last-child {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.tabs.sml > li > a {
  height: 60px;
}

.tabs.sml > li.current > a {
  height: 75px;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.tabs.tab-02 li a {
  background-color: #dddddd;
  height: 80px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #666666;
}

.tabs.tab-02 li.current a {
  background-color: #004BA5;
  color: #FFF;
}

.tab-content {
  border-top: 3px solid #004BA5;
  padding: 15px 30px 30px;
  background-color: #FFF;
}

.tab-content.b-orange {
  border-top-color: #FF4B00;
}

.tab-content.blank {
  padding: 30px 0 0;
  border-top: none;
}

.tab-content:not(:last-child) {
  margin-bottom: 45px;
}

.tab-content .tab {
  display: none;
}

.tab-content .tab.current {
  display: block;
}

.tab-content .tab section:not(:last-child) {
  margin-bottom: 40px;
}

.tab-content .tab .link-list li.current a {
  color: #FFF;
}

.tab-content .tab .link-list li.current a:after {
  background-image: url(../img/icon/arrow-link_white.svg);
}

.tab-content .tab .link-list li a:hover {
  color: #FFF;
}

.tab-content .tab .link-list li a:hover:after {
  background-image: url(../img/icon/arrow-link_white.svg);
}

.tab-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  border-bottom: 2px solid #004BA5;
  margin-bottom: 10px;
}

.tab-02 li {
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.tab-02 li:not(:last-child) {
  margin-right: 8px;
}

.tab-02 li.current a {
  background-color: #004BA5;
  height: 70px;
  color: #FFF;
}

.tab-02 li a {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #FFF;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #333333;
}

.tab-02 li a:hover {
  text-decoration: none;
}

.tab-02 li a span.img {
  line-height: 0;
}

.tab-02 li a span.option {
  background-color: #FF4B00;
  color: #FFF;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  padding: 0 15px 3px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

.tab-02 li a span.new {
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 10px;
  font-size: 0.66667rem;
  background-color: #FC332F;
  color: #FFF;
  margin-left: 10px;
  padding: 0 8px;
  position: relative;
  top: 2px;
}

.date-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -15px;
  line-height: 1.5;
}

.date-list > * {
  margin-bottom: 15px;
}

.date-list dt {
  width: 40px;
  margin-right: 10px;
  color: #00a4dc;
  border: 1px solid #00a4dc;
  text-align: center;
  font-size: 13px;
  font-size: 0.86667rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.date-list dt.green {
  border-color: #00b284;
  color: #00b284;
}

.date-list dd {
  width: calc(100% - 50px);
}

.sec-support {
  background: #004BA5;
  padding: 35px 0;
}

.sec-support:not(:last-child) {
  margin-bottom: 0;
}

.sec-support h2 {
  text-align: center;
  color: #FFF;
  position: relative;
  padding-bottom: 15px;
  line-height: 1;
  margin-bottom: 25px;
  font-size: 24px;
  font-size: 1.6rem;
}

.sec-support h2:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 50px;
  height: 2px;
  background: #FFF;
  margin-left: -25px;
  bottom: 0;
}

.sec-support .inside {
  background: #FFF;
  padding: 25px 25px 15px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.sec-support .inside > * {
  margin: 0 20px 10px;
}

.sec-support .inside h3 {
  font-size: 16px;
  font-size: 1.06667rem;
  margin-bottom: 15px;
  flex-basis: 100%;
}

.sec-support .inside .tel {
  color: #004BA5;
  padding: 15px 36px;
}

.sec-support .inside .telContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 15px;
}

.sec-support .inside .tel__label {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: left;
}

.sec-support .inside .tel__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: left;
  color: #004BA5;
  line-height: 1;
  padding-bottom: 5px;
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 36px;
  font-size: 2.4rem;
  font-weight: bold;
  white-space: nowrap;
}

.sec-support .inside .tel__number:before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url(../img/icon/tel_circle_blue.svg) no-repeat center/contain;
  margin-right: 6px;
  margin-left: -2px;
}

.sec-support .inside .tel__number__emphasis {
  border-bottom: 2px solid #FF4B00;
}

.sec-support .inside .tel__note {
  font-size: 13px;
  font-size: 0.86667rem;
  display: block;
  text-align: right;
}

.sec-support .inside .tel--new .tel__number {
  color: #FF4B00;
}

.sec-support .inside .tel--new .tel__number__emphasis {
  border-color: #004BA5;
}

.sec-support .inside .btn-block {
  flex-basis: 100%;
}

.sec-nav .tab {
  border-top: 3px solid #004BA5;
  padding: 15px 30px 30px;
  margin-top: -3px;
}

.sec-nav .tab-content {
  border-top: 3px solid #004BA5;
  background-color: #FFF;
  padding: 0;
}

.sec-nav .tabs > li.current > a {
  background-color: #004BA5;
  color: #FFF;
}

.sec-nav .tabs > li.current > a[href="#tab2"] {
  background-color: #009e4a;
}

.sec-nav .tabs > li.current > a[href="#tab3"] {
  background-color: #FF4B00;
}

.sec-nav .tabs > li.current > a[href="#tab4"] {
  background-color: #00a4dc;
}

.sec-nav .tabs > li.current > a[href="#tab5"] {
  background-color: #B5293B;
}

.sec-nav .tab#tab1 .link-list li.current a, .sec-nav .tab#tab6 .link-list li.current a {
  background-color: #004BA5;
}

.sec-nav .tab#tab1 .link-list li a:hover, .sec-nav .tab#tab6 .link-list li a:hover {
  background-color: #004BA5;
}

.sec-nav .tab#tab2.current {
  border-top-color: #009e4a;
}

.sec-nav .tab#tab2 .link-list li.current a {
  background-color: #009e4a;
}

.sec-nav .tab#tab2 .link-list li a:hover {
  background-color: #009e4a;
}

.sec-nav .tab#tab3.current {
  border-top-color: #FF4B00;
}

.sec-nav .tab#tab3 .link-list li.current a {
  background-color: #FF4B00;
}

.sec-nav .tab#tab3 .link-list li a:hover {
  background-color: #FF4B00;
}

.sec-nav .tab#tab4.current {
  border-top-color: #00a4dc;
}

.sec-nav .tab#tab4 .link-list li.current a {
  background-color: #00a4dc;
}

.sec-nav .tab#tab4 .link-list li a:hover {
  background-color: #00a4dc;
}

.sec-nav .tab#tab5.current {
  border-top-color: #B5293B;
}

.sec-nav .tab#tab5 .link-list li.current a {
  background-color: #B5293B;
}

.sec-nav .tab#tab5 .link-list li a:hover {
  background-color: #B5293B;
}

.nav-block {
  background: #FFF;
  padding: 20px 20px;
}

.nav-block ul {
  width: 1024px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.nav-block ul li {
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  position: relative;
}

.nav-block ul li:not(:last-child) {
  border-right: 1px solid #dddddd;
}

.nav-block ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #333333;
  padding: 15px 0;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.nav-block ul li a span {
  line-height: 0;
  margin-right: 12px;
}

.img-text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}

.img-text-block > *:not(:last-child) {
  margin-right: 30px;
}

.img-text-block .item-img {
  line-height: 0;
  max-width: 50%;
  text-align: center;
  /* @include fb;
      @include f_wrap;
      @include align_content(flex-start); */
}

.img-text-block .item-img img {
  height: auto;
}

.img-text-block .item-img.c3 span {
  width: calc(33.3333% - 5px);
}

.img-text-block .item-img.btn-block {
  margin-top: 0;
}

.img-text-block .item-text {
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.img-text-block .item-text.post {
  margin-bottom: 0;
}

.img-text-block.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: 30px;
  margin-bottom: 25px;
}

.sns-list:first-child {
  margin-top: 0;
}

.sns-list:last-child {
  margin-bottom: -5px;
}

.sns-list li {
  line-height: 0;
  margin-left: 8px;
  margin-bottom: 5px;
}

.point-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 20px;
  position: relative;
  margin-bottom: -45px;
  /* &:before{
    @include coverBG(true,100%,calc(100% - 20px),0,20px);
    border: 1px solid $border;
    @include b_box;
    @include pe;
    z-index: 2;
  } */
  /* &:after{
    @include coverBG(true,2px,calc(100% - 70px),false,35px);
    right: 0;
    background-color: #FFF;
    @include pe;
  } */
}

.point-list li {
  width: 33.3333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  background-color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  margin-bottom: 45px;
  padding-bottom: 20px;
}

.point-list li:after {
  content: "";
  display: block;
  position: absolute;
  top: 35px;
  width: 1px;
  height: calc(100% - 70px);
  right: 0;
  background-color: #dddddd;
}

.point-list li > a {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #333333;
}

.point-list li > a:hover {
  text-decoration: none;
  color: #1C7DC1;
}

.point-list li > a > * {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.point-list li > a:after {
  content: "";
  display: block;
  width: 12px;
  height: 7px;
  background: url(../img/icon/arrow-anchor_blue.svg);
  margin-top: auto;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.point-list li > * {
  position: relative;
}

.point-list .item-point {
  height: 74px;
  width: 74px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #FFF;
  background-color: #004BA5;
  margin-top: -20px;
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 13px;
  font-size: 0.86667rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1;
  z-index: 2;
  position: relative;
}

.point-list .item-point:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  right: -8px;
  bottom: -8px;
  border-right: 8px solid #FF4B00;
  border-bottom: 8px solid #FF4B00;
}

.point-list .item-point span {
  margin-top: 3px;
  font-size: 35px;
  font-size: 2.33333rem;
  padding-bottom: 6px;
}

.point-list .item-text {
  padding: 15px 10px 10px;
  text-align: center;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.point-list .item-text small {
  font-size: 13px;
  font-size: 0.86667rem;
  display: block;
}

.point-list .item-link {
  line-height: 0;
  margin-top: 0px;
}

.point-list.c4 li {
  width: 25%;
  -webkit-flex-grow: 0;
  flex-grow: 0;
}

.point-list.c4 li:nth-child(4n):after {
  display: none;
}

.point-list.c4 .item-point {
  width: 50px;
  height: 60px;
  font-size: 11px;
  font-size: 0.73333rem;
  border-top: 5px solid #FF4B00;
}

.point-list.c4 .item-point span {
  font-size: 30px;
  font-size: 2rem;
}

.point-list.c4 .item-point:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 25px 0 0;
  border-color: #004BA5 transparent transparent transparent;
  position: absolute;
  left: 0;
  bottom: -12px;
}

.point-list.c4 .item-point:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 12px 0;
  border-color: transparent #004BA5 transparent transparent;
  position: absolute;
  right: 0;
  bottom: -12px;
}

.point-list.c1 {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 0;
}

.point-list.c1:before {
  display: none;
}

.point-list.c1 li {
  width: 100%;
  text-align: left;
  display: block;
  border: 1px solid #dddddd;
  padding-bottom: 0;
}

.point-list.c1 li:not(:last-child) {
  margin-bottom: 10px;
}

.point-list.c1 li:not(:last-child):after {
  display: none;
}

.point-list.c1 .item-point {
  position: absolute;
  left: 0;
  top: 0;
  background: transparent;
  margin-top: 0;
  width: 54px;
  height: 54px;
  display: block;
}

.point-list.c1 .item-point span {
  position: relative;
  z-index: 2;
  font-size: 20px;
  font-size: 1.33333rem;
  display: block;
  line-height: 1;
  padding: 2px 0 0 5px;
}

.point-list.c1 .item-point:before, .point-list.c1 .item-point:after {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.point-list.c1 .item-point:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 54px 54px 0 0;
  border-color: #FF4B00 transparent transparent transparent;
}

.point-list.c1 .item-point:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 48px 48px 0 0;
  border-color: #004BA5 transparent transparent transparent;
}

.point-list.c1 .item-text {
  text-align: left;
  padding: 15px 20px 15px 50px;
}

.point-list:not(.c4):not(.c1) li:nth-child(3n):after {
  display: none;
}

.point-list.c3 li:nth-child(3n):after {
  display: none;
}

.point-list.grey .item-point {
  background-color: #666666;
}

.point-list.grey .item-point:before {
  border-color: #dddddd;
}

.point-list.grey.c4 .item-point {
  border-top-color: #dddddd;
}

.point-list.grey.c4 .item-point:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 25px 0 0;
  border-color: #666666 transparent transparent transparent;
}

.point-list.grey.c4 .item-point:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 12px 0;
  border-color: transparent #666666 transparent transparent;
}

.point-list.grey.c1 .item-point {
  background: transparent;
}

.point-list.grey.c1 .item-point:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 54px 54px 0 0;
  border-color: #dddddd transparent transparent transparent;
}

.point-list.grey.c1 .item-point:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 48px 48px 0 0;
  border-color: #666666 transparent transparent transparent;
}

.feature-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.feature-list li {
  border: 1px solid #dddddd;
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  background-color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  padding: 40px 20px;
  text-align: center;
}

.feature-list li:not(:last-child) {
  border-right: none;
}

.feature-list li > * {
  position: relative;
  max-width: 100%;
}

.feature-list .item-point {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 1;
  color: #FFF;
  font-size: 13px;
  font-size: 0.86667rem;
  font-weight: bold;
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.feature-list .item-point span {
  font-size: 24px;
  font-size: 1.6rem;
  margin-top: 3px;
}

.feature-list .item-point:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 84px 84px 0 0;
  border-color: #666666 transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.feature-list .item-text .img {
  line-height: 0;
  margin-bottom: 10px;
}

.feature-list .item-text .title {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #004BA5;
  margin-bottom: 10px;
}

.feature-list-lv02, .feature-list-lv03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border: 1px solid #dddddd;
}

.feature-list-lv02 li, .feature-list-lv03 li {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #FFF;
  text-align: center;
  padding: 30px 10px;
  position: relative;
}

.feature-list-lv02 li:after, .feature-list-lv03 li:after {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  width: 1px;
  height: calc(100% - 60px);
  right: -1px;
  z-index: 2;
  background: #dddddd;
}

.feature-list-lv02 .item-point, .feature-list-lv03 .item-point {
  width: 110px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 15px;
}

.feature-list-lv02 .item-point span, .feature-list-lv03 .item-point span {
  font-size: 25px;
  font-size: 1.66667rem;
  margin-left: 5px;
}

.feature-list-lv02 .item-text, .feature-list-lv03 .item-text {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.feature-list-lv02 .item-point {
  color: #004BA5;
}

.feature-list-lv02 .item-point:before, .feature-list-lv02 .item-point:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.feature-list-lv02 .item-point:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 5px);
  border-top: 1px solid #004BA5;
  border-left: 1px solid #004BA5;
}

.feature-list-lv02 .item-point:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: calc(100% - 5px);
  right: 0;
  bottom: 0;
  border-right: 1px solid #004BA5;
  border-bottom: 1px solid #004BA5;
}

.feature-list-lv03 .item-point {
  background-color: #EEEEEE;
}

.feature-list-lv03 .item-point:before, .feature-list-lv03 .item-point:after {
  position: absolute;
  top: 0;
}

.feature-list-lv03 .item-point:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 10px;
  border-color: transparent transparent transparent #FFF;
  left: 0;
}

.feature-list-lv03 .item-point:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 10px 15px 0;
  border-color: transparent #FFF transparent transparent;
  right: 0;
}

.feature-list-lv04 li {
  background-color: #FFF;
  border: 1px solid #dddddd;
  padding: 20px 20px 20px 70px;
  position: relative;
}

.feature-list-lv04 li:not(:last-child) {
  margin-bottom: 10px;
}

.feature-list-lv04 .item-point {
  content: "";
  display: block;
  position: absolute;
  left: 15px;
  top: 15px;
  width: 40px;
  height: 40px;
  border: 1px solid #666666;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 24px;
  font-size: 1.6rem;
}

.feature-list-lv04 .item-text {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.post-list:not(:last-child) {
  margin-bottom: 30px;
}

.post-list li:not(:last-child) {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #dddddd;
}

.post-list .item-title {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.6;
  margin-bottom: 5px;
}

.post-list .item-title a {
  display: -moz-inline-box;
  display: inline-block;
  padding-left: 20px;
  background: url(../img/icon/link.svg) no-repeat left 8px/15px auto;
}

@media screen and (max-width: 660px) {
  .post-list .item-title a {
    background-position: left 6px;
  }
}

.post-list .item-title a[target="_blank"] {
  padding-left: 0;
  background: none;
}

.post-list .item-title a[target="_blank"]:after {
  position: relative;
  top: -1px;
  content: "";
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  background: url(../img/icon/external.svg) no-repeat center;
  margin-left: 10px;
  width: 14px;
  height: 14px;
}

.cv-block {
  background-color: #FFF;
  border: 2px solid #FF4B00;
  padding: 25px;
}

.cv-block > p {
  text-align: center;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-bottom: 1px solid #FF4B00;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.function-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.function-list li:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}

.function-list li:first-child {
  margin-top: -20px;
}

.function-list li:last-child {
  margin-bottom: -20px;
}

.function-list li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  color: #333333;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 20px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.function-list li > a:hover {
  text-decoration: none;
  background-color: #f2f6fa;
}

.function-list li > a:hover .item-title {
  text-decoration: underline;
}

.function-list li > a:hover .item-text {
  color: #1C7DC1;
}

.function-list li > a .item-title {
  color: #1C7DC1;
}

.function-list li > a .item-title:hover {
  text-decoration: underline;
}

.function-list li > a[href$=".pdf"]:after {
  display: none;
}

.function-list li > a[href$=".pdf"] .item-title:after {
  content: "";
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  position: relative;
  top: -2px;
  width: 16px;
  height: 22px;
  background: url(../img/icon/download.svg) no-repeat left center/16px auto;
}

.function-list .item-title {
  width: 340px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  background: url(../img/icon/link.svg) no-repeat left 6px/15px auto;
}

.function-list .item-text {
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-size: 13px;
  font-size: 0.86667rem;
}

.search-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 640px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.search-block:not(:first-child) {
  margin-top: 30px;
}

.search-block:last-child {
  margin-bottom: 0;
}

.search-block .item-input {
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.search-block .item-submit {
  width: 60px;
  background: url(../img/icon/search.svg) #004BA5 no-repeat center;
  font-size: 0;
  text-indent: -999em;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  margin-left: -2px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.search-list > *:not(:last-child) {
  margin-bottom: 32px;
}

.search-list .item-title {
  margin-bottom: 10px;
}

.search-list .item-title a {
  display: block;
  background: url(../img/icon/link.svg) no-repeat left top 11px;
  padding-left: 25px;
}

.search-list .item-text {
  padding-left: 20px;
  font-size: 14px;
  font-size: 0.93333rem;
}

.paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 32px -5px -5px;
}

.paging > * {
  margin: 0 5px 5px;
}

.paging > * > * {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 1px solid #1C7DC1;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.paging > * span {
  background-color: #004BA5;
  color: #FFF;
}

.paging > * a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.paging > * a:hover {
  background-color: #1C7DC1;
  color: #FFF;
  text-decoration: none;
}

.paging > * a[rel="next"] {
  width: auto;
  padding: 0 5px;
}

.place-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -22px -30px 0;
}

.place-list li {
  width: calc(50% - 22px);
  margin: 0 22px 30px 0;
}

.place-list .item-img {
  line-height: 0;
  position: relative;
  margin-bottom: -1px;
  text-align: center;
}

.place-list .item-img img {
  width: 100%;
}

.place-list .item-text {
  position: relative;
  background-color: #004BA5;
  color: #FFF;
  line-height: 1.4;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.93333rem;
}

.place-list .item-text .name {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-top: 5px;
}

.place-list .item-text-02 {
  margin-top: 15px;
}

.bnr-block {
  text-align: center;
  line-height: 0;
  margin-bottom: 45px;
}

.bnr-block:last-child {
  margin-bottom: 0;
}

.bnr-block.mb10 {
  margin-bottom: 10px;
}

.bnr-block > img {
  width: 100%;
  height: auto;
}

.faq-list > li:not(:last-child) {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dddddd;
}

.faq-list > li > * {
  position: relative;
  padding-left: 50px;
}

.faq-list > li > *:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 40px;
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: bold;
  color: #FFF;
  position: absolute;
  left: 0;
  top: 0;
}

.faq-list > li .item-q {
  padding-top: 5px;
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.faq-list > li .item-q:before {
  content: "Q";
  color: #004BA5;
  top: 2px;
}

.faq-list > li .item-a {
  font-size: 15px;
  font-size: 1rem;
  padding-top: 5px;
}

.faq-list > li .item-a:before {
  content: "A";
  color: #FF4B00;
}

.information-block {
  width: 740px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border: 1px solid #dddddd;
  background: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.information-block:not(:last-child) {
  margin-bottom: 55px;
}

.information-block .item-img {
  line-height: 0;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #dddddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.information-block .item-text {
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.information-block .item-text time {
  font-size: 12px;
  font-size: 0.8rem;
  color: #666666;
  margin-right: 10px;
}

.information-block .item-text .label {
  font-size: 10px;
  font-size: 0.66667rem;
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: #FC332F;
  color: #FFF;
  line-height: 1;
  padding: 3px 8px;
}

.information-block .item-text .title {
  width: 100%;
  font-size: 14px;
  font-size: 0.93333rem;
}

.tbl-scroll {
  /* overflow-x: scroll;
  table{
    min-width: 800px;
  }  */
}

.unknown-block {
  background: #FC332F;
  color: #FFF;
  padding: 50px;
  text-align: center;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.unknown-block:not(:first-child) {
  margin-top: 32px;
}

.unknown-block:not(:last-child) {
  margin-bottom: 32px;
}

.title-block {
  text-align: center;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.check-list.margin-sml li {
  margin-bottom: 5px;
}

.check-list li {
  background: url(../img/icon/check.svg) no-repeat left top 8px;
  padding-left: 20px;
  text-indent: 0;
  margin-bottom: 15px;
}

.check-list li:before {
  display: none;
}

.check-list li:last-child {
  margin-bottom: 0;
}

.campaign-block {
  border: 3px solid #FC332F;
  color: #FC332F;
  text-align: center;
  padding: 15px;
  background: #FFF;
}

.campaign-block:not(:last-child) {
  margin-bottom: 20px;
}

.campaign-block.blue {
  border-color: #004BA5;
  color: #004BA5;
}

.campaign-block > *:not(:last-child) {
  margin-bottom: 5px;
}

.campaign-block .item-title {
  margin-top: -4px;
  line-height: 1.4;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.campaign-block .item-text {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.campaign-block .item-sup {
  font-size: 12px;
  font-size: 0.8rem;
}

.label-list li {
  text-align: center;
  background: #f2f6fa;
  font-size: 13px;
  font-size: 0.86667rem;
  padding: 5px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  color: #004BA5;
}

.label-list li:not(:last-child) {
  margin-bottom: 5px;
}

.shop-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -30px;
  margin-bottom: -30px;
}

.shop-list:not(:last-child) {
  margin-bottom: 0;
}

.shop-list.column-03 li {
  width: calc(33.3333% - 30px);
}

.shop-list li {
  width: calc(25% - 30px);
  margin-right: 30px;
  margin-bottom: 30px;
}

.shop-list li > a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.shop-list li > a:hover {
  text-decoration: none;
  color: #FF4B00;
}

.shop-list li > a:hover .item-link {
  color: #FF4B00;
  background-image: url(../img/icon/link_orange.svg);
}

.shop-list li > a .item-link {
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
  padding-left: 20px;
  background: url(../img/icon/link.svg) no-repeat left 4px;
  max-width: 100%;
}

.shop-list li > a .item-link.url {
  font-size: 13px;
  font-size: 0.86667rem;
  font-weight: normal;
  background-position: left 9px;
}

.shop-list li > a .item-link.url:after {
  top: 0;
}

.shop-list li > a[target="_blank"] .item-link {
  padding-left: 0;
  background: none;
}

.shop-list li > a[target="_blank"] .item-link:after {
  position: relative;
  top: -2px;
  content: "";
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  background: url(../img/icon/external.svg) no-repeat center;
  margin-left: 10px;
  width: 14px;
  height: 14px;
}

.shop-list .item-img {
  -webkit-box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15);
  line-height: 0;
  background: #FFF;
  margin-bottom: 10px;
  text-align: center;
}

.shop-list .item-img a {
  display: block;
}

.shop-list .item-label {
  font-size: 13px;
  font-size: 0.86667rem;
}

.shop-list .item-label a {
  padding: 0 5px;
  display: -moz-inline-box;
  display: inline-block;
  background-color: #FFF;
}

.shop-list .item-mark {
  font-size: 10px;
  font-size: 0.66667rem;
  color: #333333;
  border: 1px solid #dddddd;
  display: inline-block;
  border-radius: 1em;
  padding: 0.1em 1em;
}

.shop-list .item-mark + .item-link:not(:first-child) {
  margin-top: 0;
}

.shop-list .item-link:not(:first-child) {
  margin-top: 5px;
}

.shop-list .item-link a {
  font-size: 17px;
  font-size: 1.13333rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 1.5;
  background-position: left 7px;
}

.shop-list .item-link a:hover {
  color: #FF4B00;
  text-decoration: none;
  /* background-image: url(../img/icon/link_orange.svg); */
}

.shop-list .item-title {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #333333;
  margin-bottom: -5px;
}

.shop-list .item-name {
  color: #333333;
  margin-top: 4px;
  font-size: 14px;
  font-size: 0.93333rem;
}

.version-list li:not(:last-child) {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #dddddd;
}

.version-list li p a {
  display: block;
  padding-left: 20px;
  background: url(../img/icon/link.svg) no-repeat left 6px/15px auto;
  line-height: 1.8;
}

.history-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 10px;
}

.history-list li:nth-child(odd) {
  background-color: #f2f6fa;
}

.history-list .item-date {
  width: 110px;
}

.history-list .item-text {
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.news-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  font-size: 14px;
  font-size: 0.93333rem;
}

.news-list li:not(:last-child) {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #dddddd;
}

.news-list time {
  width: 100px;
}

.news-list .label {
  width: 90px;
  text-align: center;
  background-color: #00a4dc;
  margin-right: 20px;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #FFF;
  padding-bottom: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.news-list .label.news, .news-list .label.News {
  background-color: #00a4dc;
}

.news-list .label.press, .news-list .label.Press {
  background-color: #3cb965;
}

.news-list .label.failure, .news-list .label.Failure {
  background-color: #FF4B00;
}

.news-list .title {
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.news-block {
  border: 1px solid #dddddd;
  padding: 30px;
}

.news-block:not(:last-child) {
  margin-bottom: 35px;
}

.news-content {
  /* -------------------------------------------------
  「お知らせ」記事本文用
------------------------------------------------- */
  /* プレスリリース↓ */
  /* プレスリリース↑ */
  /*jirei*/
  /* 詳細ページ
---------------------------------------------------------- */
  /*img 幅制限*/
  /**/
  /*タグイメージ*/
  /*20150730 書き換え*/
  /*.versionup p.image{
  text-align:center;
}*/
  /*SNSボタン一覧表示
----------------------------------------------------------*/
  /*20161222 追加============================================*/
}

.news-content #pressFormat {
  font-size: 14px;
}

.news-content #pressFormat h2 {
  background: #eee;
  border-left: 6px solid #999;
  color: #333333;
  line-height: 1;
  padding: 5px 8px 3px;
  margin: 5px 0;
  font-size: 1.4em;
  text-align: left;
}

.news-content #pressFormat h3 {
  background: none;
  color: #333333;
  padding-left: 1.2em;
  position: relative;
  font-size: 1.2em;
  text-align: left;
  border: none;
}

.news-content #pressFormat h3:before {
  content: "";
  display: block;
  float: left;
  width: 0.6em;
  height: 0.6em;
  border-radius: 0.6em;
  border: 3px solid #aaa;
  position: absolute;
  top: 5px;
  left: 1px;
}

.news-content #pressFormat table {
  margin: 20px 0;
  width: 100%;
  border-collapse: collapse;
}

.news-content #pressFormat table caption {
  border: 1px solid #999;
  border-bottom: none;
  background: #eee;
  padding: 5px 0 3px;
}

.news-content #pressFormat table tr th {
  border: 1px solid #999;
  padding: 3px 5px;
  background: #eee;
  min-width: 5em;
  text-align: right;
  width: 14%;
}

.news-content #pressFormat table tr td {
  border: 1px solid #999;
  padding: 3px 5px;
}

.news-content #pressFormat #pressHead {
  margin-bottom: 20px;
}

.news-content #pressFormat #pressHead span {
  display: block;
  text-align: right;
}

.news-content #pressFormat #leadArea {
  margin: 0 0 30px 0;
  border: 3px solid #333;
  border-width: 3px 0px;
  padding: 10px 8px;
}

.news-content #pressFormat #leadArea h1 {
  font-size: 18px;
  margin: 0 0 10px 0;
}

.news-content #pressFormat #leadArea p {
  font-size: 16px;
  margin: 0 !important;
  padding: 0;
}

.news-content #pressFormat #mainDocument {
  padding: 5px;
}

.news-content #pressFormat #mainDocument p {
  margin-bottom: 20px;
}

.news-content #pressFormat #mainDocument sup:before {
  content: "*";
}

.news-content #pressFormat #mainDocument .footnote dt:before {
  content: "*";
}

.news-content #pressFormat .footnote {
  font-size: 12px;
  margin: 5px 0 10px 5px;
}

.news-content #pressFormat .footnote dt {
  font-weight: normal !important;
  float: left;
}

.news-content #pressFormat .footnote dd {
  margin: 0 0 10px 20px;
}

.news-content #pressFormat .additionalContentsBlock {
  margin: 60px 0;
}

.news-content #pressFormat .additionalContentsBlock dl {
  margin: 20px 0;
}

.news-content #pressFormat .additionalContentsBlock dl dt {
  border-bottom: 1px dotted #999;
  font-weight: bold;
}

.news-content #pressFormat .additionalContentsBlock dl dd {
  margin-bottom: 24px;
}

.news-content #pressFooter {
  font-size: 90%;
  margin: 80px 0 40px;
  border: 6px solid #ccc;
  padding: 10px;
}

.news-content #pressFooter .pressFooterContents {
  margin: 20px 10px 60px 10px;
}

.news-content #pressFooter .pressFooterContents h2 {
  background: none;
  color: #333333;
  border-left: 6px solid #bbb;
  line-height: 1;
  padding: 1px 0 1px 3px;
}

.news-content #pressFooter .pressFooterContents dl {
  margin: 20px 0;
}

.news-content #pressFooter .pressFooterContents dl dd {
  margin-bottom: 18px;
}

.news-content .listNews {
  margin-bottom: 20px;
  border: 1px #ccc solid;
  border-radius: 3px;
  clear: both;
}

.news-content .listNews ul {
  border-radius: 3px;
  padding: 26px 20px;
  background: #fff;
}

.news-content .listNews ul li {
  border-bottom: 1px dotted #999;
  padding: 15px 0 13px;
  clear: both;
  overflow: hidden;
  zoom: 1;
}

.news-content .listNews ul li:first-child {
  padding-top: 0;
}

.news-content .listNews ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.news-content .listNews ul li > span {
  font-size: 14px;
  margin-top: 1px;
}

.news-content .listNews ul li span {
  padding-left: 2px;
  letter-spacing: 0px;
  width: 90px;
  float: left;
  display: block;
}

.news-content .listNews ul li p {
  margin-left: 80px;
}

.news-content .listNews ul li p a {
  margin-left: 110px;
  display: block;
  background: url(/_common/_img/ico_arrow08.png) left 8px no-repeat;
  padding-left: 10px;
  font-size: 117%;
  color: #006db8;
}

.news-content .listNews ul li .icoNews {
  font-size: 84%;
  background: #27aad1;
  color: #ffffff;
  text-align: center;
  padding: 3px;
  width: 74px;
  margin-right: 21px;
}

.news-content .listNews ul li .icoPress {
  background: #3faf52;
  padding: 3px;
  width: 74px;
  font-size: 84%;
  color: #ffffff;
  text-align: center;
  margin-right: 21px;
}

.news-content .listNews ul li .icoFailure {
  background: #FF861A;
  padding: 3px;
  width: 74px;
  color: #ffffff;
  text-align: center;
  margin-right: 21px;
}

.news-content .listNews ul.listTop {
  border-bottom: 1px #ccc solid;
}

.news-content .listNews dl {
  padding: 8px 30px;
  border: 1px #ccc solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.news-content .listNews dl dt {
  float: left;
  font-size: 117%;
  padding-right: 30px;
}

.news-content .listNews dl dd {
  overflow: hidden;
  color: #666666;
  font-size: 117%;
  border-left: 1px dotted #CCC;
  padding-left: 30px;
}

.news-content #buttonList {
  margin: 50px 0;
  text-align: center;
}

.news-content #buttonList li {
  display: inline-block;
  margin: 0 10px;
}

.news-content .jirei {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.news-content .jirei li {
  width: 33.33%;
}

.news-content .Important_Notices__box {
  border: dashed #666666;
  border-width: 1px 0;
}

.news-content #pressFormat .dashed-Heading {
  border: dashed #666;
  border-width: 1px 0;
  margin-bottom: 1em;
}

.news-content #pressFormat .dashed-Heading__txt {
  font-size: 117%;
  font-weight: normal;
  margin: 1em 0;
  background-color: transparent;
  border-color: transparent;
}

.news-content h3 {
  border-left: 3px #006db8 solid;
  padding-left: 16px;
  margin-bottom: 20px;
  font-size: 217%;
  font-family: "FOT-ロダン Pro M";
  font-weight: bold;
  clear: both;
}

.news-content h3.num:before {
  content: counter(number2);
  background: #006db8;
  color: #fff;
  padding: 0 13px 0 9px;
  margin: 0 5px 0 0;
  display: block;
  width: 8px;
  float: left;
}

.news-content .areaBox h4 {
  margin: 25px 0 20px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  color: #006db8;
  font-size: 167%;
  font-weight: bold;
  font-family: "FOT-ロダン Pro M";
}

.news-content .areaBox h4.num:before {
  content: counter(number2);
  background: #006db8;
  color: #fff;
  padding: 0 13px 0 9px;
  margin: 0 5px 0 0;
  display: block;
  width: 8px;
  float: left;
}

.news-content section section.inBox {
  margin: 0 0 60px 0;
  clear: both;
}

.news-content section section.inBox h5 {
  border: 1px #f1f1f1 solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #f1f1f1;
  padding: 12px 16px;
  line-height: 1;
  font-size: 134%;
  font-weight: bold;
  color: #006db8;
  margin-bottom: 8px;
  font-family: "FOT-ロダン Pro M";
}

.news-content section section.inBox h5.num:before {
  content: counter(number3);
  background: #006db8;
  color: #fff;
  padding: 0 5px;
  margin: 0 5px 0 0;
  display: block;
  width: 8px;
  height: 18px;
  float: left;
}

.news-content section section section.subBox {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*background: #f9f9f9;*/
  padding: 20px;
  margin: 0 10px 30px 10px;
}

.news-content section section section.subBox h6 {
  color: #666;
  font-size: 133%;
  font-weight: bold;
  font-family: "FOT-ロダン Pro M";
  background: none;
  padding: 8px 0;
  margin: 10px 0 10px 0;
}

.news-content section section section.subBox h6.num:before {
  content: counter(number4);
  background: #006db8;
  color: #fff;
  padding: 0 8px;
  margin: 0 5px 0 0;
  display: block;
  width: 8px;
  float: left;
}

.news-content section section section.subBox p {
  margin: 10px 0;
}

.news-content .versionup h1 {
  font-size: 2.5rem;
  font-weight: bold;
}

.news-content .versionup h2 {
  text-align: left;
  font-size: 2.5rem;
  padding-top: 30px;
}

.news-content .versionup h2 span {
  font-size: 0.8rem;
  color: #006db8;
}

.news-content .versionup contentInner h3 {
  margin: 40px 0 10px !important;
}

.news-content .versionup #wrapper h4 {
  margin: 25px 0 10px;
  padding-bottom: 5px;
}

.news-content .versionup h5 {
  font-weight: bold;
  font-size: 1.5rem;
  padding-bottom: 5px;
}

.news-content .boxSearch {
  width: 710px;
  position: relative;
  margin: 0 auto 50px;
}

.news-content .boxSearch .inputSearchTxt {
  width: 535px;
  height: 53px;
  font-size: 1.5rem;
  line-height: 28px;
  border: none;
  margin-right: 31px;
  padding-left: 25px;
  background: url(/manual/_img/bg_search02.png) left top no-repeat;
}

.news-content .boxSearch .inputSearchBtn {
  position: absolute;
  bottom: 2px;
  right: 0px;
  width: 138px;
  height: 56px;
  background: url(/manual/_img/btn_search02.png) left top no-repeat;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
}

.news-content .boxSearch input.inputSearchBtn:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  text-decoration: none !important;
}

.news-content .versionup .boxContent > div p {
  line-height: 2em;
}

.news-content .areaBox ul.list li a {
  display: block;
  line-height: 1.8;
  font-size: 1.17rem;
  padding: 8px 8px 8px 20px;
  background-image: url(/common/_img/ico_arrow01.png);
  background-repeat: no-repeat;
  background-position: 10px center;
}

.news-content .areaBox ul.list li:nth-child(even) {
  background-color: #eef4fb;
}

.news-content .contentInner > p {
  padding: 0 0 30px 0;
  font-size: 1.17rem;
}

.news-content h1 .icoFault {
  background: #27aad1;
  color: #fff;
  display: block;
  text-align: center;
  padding: 3px;
  width: 74px;
  margin: 0 10px;
  font-size: 0.35rem;
  float: left;
}

.news-content h1 span.date {
  font-size: 0.5rem;
  padding: 0;
  float: left;
}

.news-content h1 strong {
  display: block;
  clear: both;
}

.news-content .boxContent img {
  max-width: 98%;
}

.news-content .toPagetop {
  display: block;
  text-align: right;
}

.news-content .column h5 {
  border-bottom: 1px solid #333333;
  border-left: medium none;
  font-size: 1.25rem;
  margin: 5px 0 10px;
  padding: 0 0 2px;
}

.news-content .versionup dl.listItem {
  border: 1px dotted #666666;
  margin-bottom: 10px;
  padding: 0 10px 10px;
  font-size: 1.25rem;
}

.news-content .versionup dl.listItem dt {
  border-bottom: 1px solid #15418a;
  color: #15418a;
  margin: 10px 0;
}

.news-content .versionup dl.listItem dd.l_tagImg {
  float: left;
  width: 120px;
  padding: 0 20px;
}

.news-content .versionup dl.listItem dd.r_tag {
  float: right;
  width: 750px;
}

.news-content .documentSection .comment:before {
  content: "※";
  position: absolute;
  left: 0;
}

.news-content .comment {
  padding-left: 1.2rem;
  position: relative;
  margin-bottom: 0.5em;
}

.news-content .versionup ul.circle_blue {
  border-bottom: dotted 1px #006db8;
  margin-top: 20px !important;
  padding-bottom: 10px;
}

.news-content .versionup ul.circle_blue li {
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-top: 10px;
  font-weight: bold;
}

.news-content .versionup ul.circle_blue li.lower {
  padding-left: 120px;
  font-weight: normal;
  margin-top: 5px;
}

.news-content .versionup ul.circle_blue li a {
  text-decoration: underline;
}

.news-content .versionup ul.circle_blue li span {
  color: #FFF;
  padding: 3px;
  display: inline-block;
  width: 90px;
  text-align: center;
}

.news-content .versionup ul.circle_blue li span.add {
  background: #006db8;
}

.news-content .versionup ul.circle_blue li span.improvement {
  background: #039;
}

.news-content .versionup ul.circle_blue li span.change {
  background: #690;
}

.news-content .versionup ul.circle_blue li span.importance {
  background: #C00;
}

.news-content .versionup .textRed {
  color: red;
}

.news-content .versionup .contentInner em {
  color: red;
  font-weight: bold;
}

.news-content .versionup .column {
  margin: 10px;
  line-height: 1.8em;
}

.news-content .versionup ul.warning {
  margin-bottom: 0px;
}

.news-content .versionup ul.warning li {
  font-size: 1.25rem;
  padding-left: 1.2rem;
  margin-bottom: 10px;
  position: relative;
  line-height: 1.8em;
}

.news-content .versionup ul.warning li:before {
  content: "※";
  position: absolute;
  left: 0px;
}

.news-content .versionup ul.targetPage li {
  color: #009943;
  padding-bottom: 5px;
  font-size: 1.25rem;
}

.news-content .versionup p.image img {
  border: 1px solid #DDD;
  padding: 5px;
}

.news-content .versionup ul.notice li {
  padding: 10px;
  font-size: 1.25rem;
}

.news-content .versionup p.supplement {
  font-size: 1rem;
  margin: 5px 0 0 15px;
}

.news-content .versionup .naviMenu {
  border: 1px solid #FC9;
  background: #FFEFE8;
  padding: 3px 5px;
  margin: 5px;
}

.news-content ul.explanList li {
  padding: 5px 10px;
  font-size: 1.2rem;
}

.news-content .attention {
  color: red;
  font-size: 1.17rem;
  padding: 10px;
}

.news-content .changeList {
  font-size: 1.17rem;
  border: solid 5px #eee;
  padding: 20px;
  margin-bottom: 20px;
}

.news-content .changeList dt {
  font-weight: bold;
  margin: 0 0 5px;
}

.news-content .changeList dd {
  padding: 8px 10px 0;
}

.news-content .preview {
  margin-bottom: 20px;
}

.news-content .preview .toggleSlide {
  text-align: center;
  padding-bottom: 10px;
}

.news-content dl.number {
  padding: 5px;
}

.news-content dl.number dt {
  font-size: 1.3rem;
  font-weight: bold;
}

.news-content dl.number dd {
  padding: 5px 10px;
}

.news-content .contentInner {
  position: relative;
}

.news-content .sns {
  display: table;
  position: absolute;
  top: 10px;
  right: -3px;
}

.news-content .sns > a {
  display: table-cell;
  padding-left: 5px;
  vertical-align: top;
}

.news-content .sns > img,
.news-content .sns > div {
  display: table-cell;
  padding-left: 14px;
  vertical-align: top;
}

.news-content section.mobile {
  border-bottom: 1px dashed #999999;
  padding-bottom: 30px;
}

.news-content div.leadBox {
  font-size: 1.5rem;
  border: 1px dashed #F00;
  padding: 10px;
  background: #FFC;
  line-height: 2em;
}

.news-content .versionup h2 span {
  font-weight: bold;
  color: white;
  padding: 2px 5px;
  font-size: 1rem;
}

.news-content .versionup h2 .meaningful {
  background: #C00;
}

.news-content .versionup h2 .mark {
  background: #690;
}

.news-content .versionup h2 .tit_improvement {
  background: #039;
}

.news-content .versionup h2 .tit_add {
  background: #006db8;
}

.news-content .versionup section.mobile h2 {
  font-size: 2.2em;
  line-height: 1.75em;
  margin: 0px 0 30px;
}

.news-content .versionup #wrapper section.mobile h4 {
  font-family: inherit;
  font-size: 1.75em;
  margin: 40px 0 15px;
}

.news-content .versionup section.mobile h5 {
  font-family: inherit;
  font-size: 1.5rem;
  margin-top: 20px;
}

.news-content .versionup ul.change {
  margin: 15px 15px 30px;
}

.news-content .versionup ul.change li {
  font-size: 1.35em;
  padding-bottom: 5px;
}

.news-content .versionup ul.change li.after {
  font-weight: bold;
}

.news-content section.mobile .column p {
  margin-bottom: 10px;
}

.news-content section.mobile .column ul {
  margin-bottom: 0px;
}

.news-content section.mobile .column h5 {
  margin: 0px 0px 10px;
}

.news-content section.mobile .changeList dt {
  font-size: 1.25rem;
  color: #006db8;
}

.news-content section.mobile .changeList .change {
  margin: 0;
}

.news-content section.mobile .changeList .change li {
  font-size: 1rem;
}

.news-content dl.cardLogo {
  padding: 10px;
  border: 2px solid #1c7dc1;
}

.news-content dl.cardLogo dt, .news-content dl.cardLogo dd {
  display: inline;
  display: table-cell;
  vertical-align: middle;
}

.news-content dl.cardLogo dt {
  padding-right: 5px;
}

.news-content dl.cardLogo dd {
  padding-right: 50px;
  font-size: 1.5rem;
}

.news-content .versionup .changeList ul.warning li {
  font-size: 1rem;
}

.news-content .boxContent .changeList img {
  max-width: 100%;
}

.news-content .versionup dd ul.warning li {
  font-size: 1rem;
}

.news-content dl.changeList .separation {
  border-top: dotted 1px #ccc;
  padding-top: 15px;
  margin-top: 25px;
}

.news-content .explainBox {
  background: #FFFFE3;
  padding: 10px;
  margin: 10px 0;
}

.news-content dl.stepBox {
  font-size: 1.2rem;
  margin-left: 10px;
}

.news-content dl.stepBox dt {
  font-weight: bold;
  color: #006db8;
}

.news-content dl.stepBox dd {
  padding: 5px 10px 20px;
  line-height: 2em;
}

.news-content .noticeBox {
  border: 1px dotted #CC0000;
  background: #FFF0F0;
  padding: 15px;
  margin: 10px 0;
  font-size: 1.25rem;
  line-height: 1.75em;
}

.news-content .noticeBox dt {
  font-weight: bold;
  color: #FF0000;
  font-size: 1.25rem;
}

.news-content .noticeBox dd {
  padding: 10px 10px 0;
}

.news-content .checkItem {
  margin: 0 0 10px 20px;
}

.news-content .checkItem li {
  line-height: 1.5rem;
  padding-bottom: 10px;
  font-size: 1.17rem;
}

.news-content .boxContent > div .font_s {
  font-size: 0.9em;
}

.news-content h2.secondTitle {
  color: #006db8;
}

.mfp-close {
  height: 30px;
  background: url(../img/icon/close.svg) no-repeat right center/auto 30px;
}

.video-block {
  position: relative;
  text-align: center;
}

.video-block > span {
  line-height: 0;
  margin: 0;
  display: block;
}

.video-block > a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 1px solid #004BA5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.video-block > a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #004BA5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-filter: "alpha( opacity=$number*100 )";
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.video-block > a:hover:after {
  -ms-filter: "alpha( opacity=$number*100 )";
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}

.video-block > a:hover img {
  -ms-filter: "alpha( opacity=$number*100 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.video-block > .inside > a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #FFF;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.video-block > .inside > a span {
  margin-top: 20px;
  line-height: 0;
}

.video-block > .inside > a span img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.video-block > .inside > a:hover {
  text-decoration: none;
}

.video-block > .inside > a:hover span img {
  -ms-filter: "alpha( opacity=$number*100 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.title-img-block {
  position: relative;
}

.title-img-block:not(:last-child) {
  margin-bottom: 40px;
}

.title-img-block .item-title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 32px;
  font-size: 2.13333rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.title-img-block .item-bg {
  line-height: 0;
}

.partner-list-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -30px;
  margin-bottom: -30px;
}

.partner-list-02:not(:first-child) {
  margin-top: 30px;
}

.partner-list-02 > li {
  width: calc(50% - 30px);
  margin-right: 30px;
  margin-bottom: 30px;
  position: relative;
}

.partner-list-02 > li > a {
  display: block;
  color: #333333;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.partner-list-02 > li > a + .heading-bg {
  margin-top: 0;
}

.partner-list-02 > li > a:hover {
  text-decoration: none;
}

.partner-list-02 > li > a:hover + .heading-bg {
  color: #1C7DC1;
}

.partner-list-02 > li table a {
  position: relative;
}

.partner-list-02 .heading-bg {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.partner-list-02 .item-img {
  text-align: center;
  line-height: 0;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 15px;
}

.partner-list-02 .item-img span {
  max-width: 250px;
  line-height: 0;
}

@media all and (-ms-high-contrast: none) {
  .partner-list-02 .item-img span {
    max-width: 100%;
  }
  .partner-list-02 .item-img span img {
    max-height: 100px;
  }
}

.partner-list-02 .item-img img {
  max-width: 100%;
  max-height: 100px;
  width: auto;
  height: auto;
}

.map-block {
  line-height: 0;
}

.map-block:not(:last-child) {
  margin-bottom: 30px;
}

.map-block iframe {
  width: 100%;
}

.annotation-list.no-mb li {
  margin-bottom: 0;
}

.annotation-list.no-mb li > * {
  text-indent: 0;
}

.annotation-list li {
  color: #666666;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.5;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 4px;
}

.annotation-list li .icon-external {
  width: 10px;
  height: 10px;
}

.annotation-list li .icon-link {
  width: 10px;
  height: 10px;
}

.annotation-list li:last-child {
  margin-bottom: 0;
}

.annotation-list li:before {
  content: "※";
}

.annotation-list li.emphasis {
  color: #FC332F;
  font-weight: bold;
}

.annotation-list li [class^="icon-"] {
  position: relative;
  top: -2px;
  margin-left: 5px;
  margin-right: 5px;
}

.annotation-list li span.link a {
  background-position: left 3px;
  padding-left: 30px;
  margin-right: 5px;
}

.plan-list {
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-right: -32px;
}

.plan-list:last-child {
  margin-bottom: 0;
}

.plan-list li {
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-right: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.plan-list li a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #333333;
}

.plan-list li a:hover {
  text-decoration: none;
}

.plan-list li a:hover:after {
  background-color: #004BA5;
}

.plan-list li a:after {
  display: block;
  content: "";
  background: #dddddd url(../img/icon/link_white.svg) no-repeat center;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.plan-list li a:after:hover {
  background-color: #004BA5;
}

.plan-list li.standard .item-title {
  color: #004BA5;
}

.plan-list li.gold .item-title {
  color: #bc8823;
}

.plan-list .inside {
  border: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px;
  background-color: #FFF;
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  position: relative;
}

.plan-list .item-title {
  border-bottom: 1px solid #dddddd;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 20px;
  line-height: 1.4;
  padding-bottom: 5px;
  color: #004BA5;
}

.plan-list .item-title.jp {
  font-size: 24px;
  font-size: 1.6rem;
}

.plan-list .item-title.logo {
  line-height: 0;
  padding-bottom: 10px;
}

.plan-list .item-title span {
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 32px;
  font-size: 2.13333rem;
  margin-right: 15px;
}

.plan-list .item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.plan-list .item-text:not(:last-child) {
  margin-bottom: 25px;
}

.plan-list .item-text .text {
  margin-bottom: 0;
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.plan-list .item-text .price {
  margin-left: 20px;
  color: #FC332F;
  font-size: 18px;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  line-height: 1;
}

.plan-list .item-text .price span {
  background-color: #FC332F;
  color: #FFF;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: bottom;
  font-size: 13px;
  font-size: 0.86667rem;
  padding: 3px 5px;
  margin-right: 10px;
}

.plan-list .item-text .price strong {
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 30px;
  font-size: 2rem;
  line-height: 0.8;
  margin-right: 5px;
}

.option-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px -10px 0;
}

.option-list:not(:last-child) {
  margin-bottom: 5px;
}

.option-list li {
  width: calc(33.3333% - 10px);
  margin: 0 10px 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 1.5;
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: #004BA5;
  color: #FFF;
  height: 50px;
}

.event-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -32px -32px 0;
}

.event-list li {
  width: calc(50% - 32px);
  margin: 0 32px 32px 0;
  background-color: #FFF;
  border: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 25px;
}

.event-list li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  background-color: #00a4dc;
}

.event-list li.green:before {
  background-color: #00b284;
}

.event-list li.green .item-title span {
  color: #00b284;
  border-color: #00b284;
}

.event-list li.green .item-schedule {
  color: #00b284;
}

.event-list li.green .item-schedule span:first-child i {
  background-color: #00b284;
}

.event-list .item-title {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 15px;
}

.event-list .item-title span {
  font-size: 13px;
  font-size: 0.86667rem;
  display: -moz-inline-box;
  display: inline-block;
  border: 1px solid #00a4dc;
  vertical-align: middle;
  margin-right: 10px;
  padding: 3px 5px;
  color: #00a4dc;
}

.event-list .item-schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #00a4dc;
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 20px;
}

.event-list .item-schedule > *:not(:last-child) {
  margin-right: 25px;
}

.event-list .item-schedule span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.event-list .item-schedule span:first-child {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.event-list .item-schedule span:first-child i {
  font-style: normal;
  background-color: #00a4dc;
  font-size: 13px;
  font-size: 0.86667rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 2px 5px;
  color: #FFF;
}

.event-list .item-schedule span:last-child {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.bg-block {
  background-color: #f2f6fa;
  padding: 20px;
  margin-bottom: 32px;
}

.bg-block:last-child {
  margin-bottom: 0;
}

.bg-block.grey {
  background-color: #e9e9e9;
}

.border-block, .border-block-02 {
  border: 2px solid #004BA5;
  padding: 20px;
  margin-bottom: 32px;
}

.border-block:last-child, .border-block-02:last-child {
  margin-bottom: 0;
}

.border-block.white, .white.border-block-02 {
  background-color: #FFF;
  border-width: 1px;
}

.border-block-02 {
  border: 1px solid #dddddd;
}

.interview-block {
  border: 2px solid #004ba5;
  background-color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 30px;
}

.interview-block .item-img {
  margin-right: 30px;
  line-height: 0;
  max-width: 50%;
}

.interview-block .item-text {
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.interview-block .item-text .title {
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #004ba5;
  margin-bottom: 15px;
}

.voice-list {
  position: relative;
}

.voice-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-right: -20px;
}

.voice-list li:not(:last-child) {
  margin-bottom: 30px;
}

.voice-list li > * {
  margin-right: 20px;
}

.voice-list li:nth-child(even) .item-img {
  -webkit-box-original-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}

.voice-list li:nth-child(even) .item-text {
  background-color: #EEEEEE;
}

.voice-list li:nth-child(even) .item-text:before, .voice-list li:nth-child(even) .item-text:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  left: inherit;
}

.voice-list li:nth-child(even) .item-text:before {
  right: -12px;
}

.voice-list li:nth-child(even) .item-text:after {
  right: -10px;
  border-right-color: #EEEEEE;
}

.voice-list .item-img {
  line-height: 0;
}

.voice-list .item-text {
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  border: 1px solid #dddddd;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  padding: 30px;
  position: relative;
  background-color: #FFF;
  font-size: 15px;
  font-size: 1rem;
  z-index: 2;
}

.voice-list .item-text:before, .voice-list .item-text:after {
  position: absolute;
  left: -12px;
  top: 20px;
}

.voice-list .item-text:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 12px 8px 0;
  border-color: transparent #dddddd transparent transparent;
}

.voice-list .item-text:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 10px 7px 0;
  border-color: transparent #FFF transparent transparent;
  left: -10px;
  top: 21px;
}

.voice-list .item-text strong {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #FF4B00;
}

.img-square {
  background-color: #f2f6fa;
  position: relative;
  line-height: 0;
  padding-bottom: 100%;
}

.img-square span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.case-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -50px -40px 0;
}

.case-list li {
  width: calc(50% - 50px);
  margin: 0 50px 40px 0;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/icon/check.svg) no-repeat left 7px;
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.case-list li strong {
  font-size: 20px;
  font-size: 1.33333rem;
  color: #FF4B00;
}

.overview-list {
  position: relative;
}

.overview-list:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  pointer-events: none;
}

.overview-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.overview-list li > * {
  padding: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #dddddd;
}

.overview-list .item-title {
  width: 250px;
  background-color: #f2f6fa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom-color: #FFF;
  padding-left: 20px;
  padding-right: 20px;
}

.overview-list .item-title > *:not(:last-child) {
  margin-bottom: 10px;
}

.overview-list .item-title .number {
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 94px;
  font-size: 6.26667rem;
  color: #004BA5;
  line-height: 1;
}

.overview-list .item-title .course {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #FFF;
  background-color: #FF4B00;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  padding: 5px 15px;
  line-height: 1.4;
}

.overview-list .item-title .title {
  color: #004BA5;
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 24px;
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.5;
}

.overview-list .item-title .title:before, .overview-list .item-title .title:after {
  width: 14px;
  height: 2px;
  background-color: #004BA5;
  content: "";
  display: block;
}

.overview-list .item-title .title:before {
  margin-right: 10px;
}

.overview-list .item-title .title:after {
  margin-left: 10px;
}

.overview-list .item-title .pict {
  line-height: 0;
}

.overview-list .item-text {
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.overview-list .item-text > * {
  margin-bottom: 15px;
}

.overview-list .item-text > *:last-child {
  margin-bottom: 0;
}

.overview-list .item-text .title {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 20px;
}

.overview-list .item-text .title span {
  font-size: 12px;
  font-size: 0.8rem;
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #FF4B00;
  margin-left: 10px;
}

.overview-list .item-text .name, .overview-list .item-text .title-02 {
  background-color: #004BA5;
  color: #FFF;
  font-size: 15px;
  font-size: 1rem;
  padding: 10px;
  margin-bottom: 10px;
}

.scroll-hint-icon {
  background-color: rgba(51, 51, 51, 0.8);
}

.scroll-hint-text {
  margin-top: 2px;
  font-size: 10px;
  font-size: 0.66667rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.curriculum-list li {
  border-bottom: 1px dashed #dddddd;
  font-size: 15px;
  font-size: 1rem;
  padding: 15px 0 15px 40px;
  position: relative;
}

.curriculum-list li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 17px;
  width: 35px;
  height: 20px;
  background: url(../img/icon/curriculum.svg) no-repeat center;
}

.img-block {
  margin-bottom: 30px;
  line-height: 0;
  position: relative;
}

@media screen and (max-width: 660px) {
  .img-block {
    margin-bottom: 20px;
  }
}

.img-block:last-child {
  margin-bottom: 0;
}

.img-block span {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #004BA5;
  color: #FFF;
  line-height: 1.6;
  padding: 5px 10px;
}

@media screen and (min-width: 661px) and (max-width: 1024px) {
  /* STYLE
------------------------------------------------------------*/
  .breadcrumb {
    padding-left: 15px;
    padding-right: 15px;
  }
  .link-list-icon > * {
    width: calc(100% / 5 - 7px);
  }
}

@media screen and (min-width: 661px) and (max-width: 1024px) and (max-width: 800px) {
  .link-list-icon > * {
    width: calc(100% / 4 - 7px);
  }
}

@media screen and (min-width: 661px) and (max-width: 1024px) {
  .link-list-anchor {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .link-list-anchor li {
    width: calc(25% - 6px);
    -webkit-flex-grow: 0;
    flex-grow: 0;
  }
}

@media screen and (min-width: 661px) and (max-width: 1024px) and (max-width: 800px) {
  .link-list-anchor li {
    width: calc(33.3333% - 6px);
  }
}

@media screen and (min-width: 661px) and (max-width: 1024px) {
  .link-list-anchor li a {
    height: 70px;
    padding-left: 15px;
    font-size: 15px;
    font-size: 1rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .link-list-anchor li a br {
    display: none;
  }
}

@media screen and (min-width: 661px) and (max-width: 1024px) and (max-width: 880px) {
  .link-list-worries li {
    width: calc(33.3333% - 32px);
  }
}

@media screen and (min-width: 661px) and (max-width: 1024px) {
  .link-list-worries li a {
    padding: 20px 15px 15px;
  }
  .link-list-cv, .link-list-cv-02, .link-list-cv-03 {
    padding: 0 20px;
  }
  .link-list-cv li, .link-list-cv-02 li, .link-list-cv-03 li {
    width: calc(33.3333% - 14px);
  }
}

@media screen and (min-width: 661px) and (max-width: 1024px) and (max-width: 800px) {
  .link-list-cv li, .link-list-cv-02 li, .link-list-cv-03 li {
    width: calc(50% - 14px);
  }
}

@media screen and (min-width: 661px) and (max-width: 1024px) {
  .link-list-cv-03 {
    padding: 0;
    margin: 0;
  }
  .link-list-cv-03 li {
    width: 33.3333%;
  }
}

@media screen and (min-width: 661px) and (max-width: 1024px) and (max-width: 800px) {
  .link-list-cv-04 li {
    width: calc(33.3333% - 14px);
  }
}

@media screen and (min-width: 661px) and (max-width: 1024px) {
  .link-list-cv-05 li {
    width: calc(33.3333% - 10px);
  }
  .tab-02 li a {
    font-size: 16px;
    font-size: 1.06667rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .tab-02 li a span.option {
    font-size: 12px;
    font-size: 0.8rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-right: 5px;
    padding: 0 10px;
  }
  .tab-02 li a span.new {
    margin-left: 5px;
    padding: 0 5px;
  }
  .tabs > li.current span:last-child {
    font-size: 13px;
    font-size: 0.86667rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .tabs span:first-child strong {
    font-size: 13px;
    font-size: 0.86667rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .tabs span:last-child {
    font-size: 13px;
    font-size: 0.86667rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .bnr-block {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 20px;
    margin-top: 0;
    /* &.bnr-block{
    margin-top: 0;
  } */
  }
  .bnr-block:first-child {
    margin-top: -40px;
  }
  .bnr-block:last-child {
    margin-bottom: -20px;
  }
  .bnr-block.mb10 {
    margin-bottom: 10px;
  }
  .point-list .text {
    font-size: 16px;
    font-size: 1.06667rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .point-list li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    background-color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
  }
  .point-list li > * {
    position: relative;
  }
  .point-list.c4 li {
    width: 33.3333%;
  }
  .point-list.c4 li:nth-child(4n):after {
    display: block;
  }
  .point-list.c4 li:nth-child(3n):after {
    display: none;
  }
}

@media screen and (min-width: 661px) and (max-width: 1024px) and (max-width: 800px) {
  .point-list li {
    width: 50%;
  }
  .point-list:not(.c4):not(.c1) li:nth-child(2n):after {
    display: none;
  }
  .point-list:not(.c4):not(.c1) li:nth-child(3n):after {
    display: block;
  }
  .point-list.c3 li:nth-child(2n):after {
    display: none;
  }
  .point-list.c3 li:nth-child(3n):after {
    display: block;
  }
}

@media screen and (min-width: 661px) and (max-width: 1024px) {
  .function-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .function-list li:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
  }
  .function-list .item-title {
    width: 35%;
  }
  .shop-list {
    margin-right: -20px;
  }
  .shop-list li {
    margin-right: 20px;
  }
}

@media screen and (min-width: 661px) and (max-width: 1024px) and (max-width: 860px) {
  .shop-list li {
    width: calc(33.3333% - 20px);
  }
}

@media screen and (min-width: 661px) and (max-width: 1024px) and (max-width: 840px) {
  .event-list {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .event-list li {
    width: calc(100% - 32px);
  }
}

@media screen and (min-width: 661px) and (max-width: 1024px) and (max-width: 900px) {
  .interview-block {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .interview-block .item-img {
    margin-right: 0;
    max-width: inherit;
    margin-bottom: 20px;
  }
  .interview-block .item-text {
    width: 100%;
  }
}

@media screen and (min-width: 661px) and (max-width: 1024px) {
  .overview-list li > * {
    padding: 20px;
  }
  .overview-list .item-title {
    width: 200px;
  }
  .overview-list .item-title .course {
    font-size: 15px;
    font-size: 1rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}

/*sp*/
@media screen and (max-width: 660px) {
  body.styleguide {
    overflow-x: hidden;
    width: 100%;
  }
  body.styleguide header.style h1 {
    padding: 20px 20px;
  }
  body.styleguide header.style h1 span {
    bottom: 35px;
  }
  body.styleguide header.style .head-menu {
    display: none;
  }
  body.styleguide header.lower {
    width: 100%;
  }
  body.styleguide header.lower:not(.active) {
    overflow: hidden;
  }
  body.styleguide main .item-grid {
    height: 100px;
  }
  body.styleguide main .icon-list > * {
    width: 50%;
  }
}

@media screen and (max-width: 660px) and (max-width: 440px) {
  body.styleguide main > section.white .column-03 .date-list {
    width: 260px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 660px) {
  body.styleguide .img-text-block .item-img:before, body.styleguide .img-text-block .item-img:after {
    display: none;
  }
  /* STYLE
------------------------------------------------------------*/
  .breadcrumb {
    margin-top: 60px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .breadcrumb__homeLabel {
    display: none;
  }
  .breadcrumb ul {
    font-size: 11px;
    font-size: 0.73333rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .breadcrumb ul li:not(:last-child) {
    margin-right: 8px;
  }
  .breadcrumb ul li > * {
    height: 30px;
  }
  .breadcrumb ul li a {
    padding-right: 20px;
  }
  .contents-block {
    padding: 15px 15px 20px;
  }
  .contents-block section:not(:last-child) {
    margin-bottom: 40px;
  }
  .contents-block section:not(:last-child)[class^="column-"] {
    margin-bottom: 0;
  }
  .blank-block {
    padding: 15px 15px 20px;
  }
  .link-list {
    margin-right: -10px;
  }
  .link-list li {
    margin-right: 10px;
    width: calc(33.3333% - 10px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) {
  .link-list li {
    width: calc(50% - 10px);
  }
}

@media screen and (max-width: 660px) and (max-width: 360px) {
  .link-list li {
    width: calc(100% - 10px);
  }
}

@media screen and (max-width: 660px) {
  .link-list a {
    min-height: 50px;
    padding: 10px;
  }
  .link-list-arrow {
    margin-right: 0;
  }
  .link-list-arrow li {
    width: 100%;
    margin-right: 0;
  }
  .link-list-arrow li a {
    background-position: left 4px;
  }
  .link-list-icon > * {
    width: calc(100% / 3 - 7px);
  }
}

@media screen and (max-width: 660px) and (max-width: 400px) {
  .link-list-icon > * {
    width: calc(100% / 2 - 7px);
  }
}

@media screen and (max-width: 660px) {
  .link-list-icon a {
    padding-top: 8px;
    padding-bottom: 8px;
    height: auto;
  }
  .link-list-icon span:last-child {
    font-size: 13px;
    font-size: 0.86667rem;
  }
  .link-list-anchor {
    padding: 0;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .link-list-anchor.column-03 {
    margin-right: -6px;
    margin-left: 0;
  }
  .link-list-anchor.column-03 li {
    width: calc(50% - 6px);
  }
  .link-list-anchor.column-04 {
    margin-right: -6px;
    margin-left: 0;
  }
  .link-list-anchor.column-04 li {
    width: calc(50% - 6px);
  }
  .link-list-anchor li {
    width: calc(33.3333% - 6px);
    -webkit-flex-grow: 0;
    flex-grow: 0;
  }
}

@media screen and (max-width: 660px) and (max-width: 440px) {
  .link-list-anchor li {
    width: calc(50% - 6px);
  }
}

@media screen and (max-width: 660px) {
  .link-list-anchor li a {
    height: auto;
    min-height: 40px;
    padding: 5px 10px 20px;
    font-size: 14px;
    font-size: 0.93333rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .link-list-anchor li a br {
    display: none;
  }
  .link-list-anchor li a:after {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    height: 20px;
    top: inherit;
    bottom: 0;
  }
  .link-list-worries {
    margin-right: -20px;
    margin-bottom: -20px;
  }
  .link-list-worries li {
    width: calc(33.3333% - 20px);
    margin-right: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 660px) and (max-width: 460px) {
  .link-list-worries li {
    width: calc(50% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 360px) {
  .link-list-worries li {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) {
  .link-list-worries li a {
    padding: 20px 15px 15px;
  }
  .link-list-worries .item-number {
    width: 26px;
    height: 26px;
    left: 5px;
    top: 5px;
    font-size: 18px;
    font-size: 1.2rem;
  }
  .link-list-worries .item-img {
    margin-bottom: 15px;
    height: 60px;
  }
  .link-list-worries .item-img img {
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .link-list-worries .item-text {
    font-size: 14px;
    font-size: 0.93333rem;
  }
  .link-list-cv, .link-list-cv-02, .link-list-cv-03 {
    padding: 0 10px;
    margin: 0 -10px -10px 0;
  }
  .link-list-cv li, .link-list-cv-02 li, .link-list-cv-03 li {
    margin: 0 10px 10px 0;
    width: calc(50% - 10px);
  }
}

@media screen and (max-width: 660px) and (max-width: 400px) {
  .link-list-cv li, .link-list-cv-02 li, .link-list-cv-03 li {
    width: calc(100% - 10px);
  }
}

@media screen and (max-width: 660px) {
  .link-list-cv li a, .link-list-cv-02 li a, .link-list-cv-03 li a {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    position: relative;
    padding-right: 20px;
    padding-left: 10px;
  }
  .link-list-cv li a:after, .link-list-cv-02 li a:after, .link-list-cv-03 li a:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 100%;
    background-position: center;
  }
  .link-list-cv li a span, .link-list-cv-02 li a span, .link-list-cv-03 li a span {
    margin-left: 0;
  }
  .link-list-cv li a span img, .link-list-cv-02 li a span img, .link-list-cv-03 li a span img {
    max-height: 20px;
    width: auto;
  }
  .link-list-cv-03 {
    padding: 0;
    margin: 0;
  }
  .link-list-cv-03 li {
    margin: 0 0 -1px;
    width: 50%;
  }
}

@media screen and (max-width: 660px) and (max-width: 400px) {
  .link-list-cv-03 li {
    width: 100%;
  }
}

@media screen and (max-width: 660px) {
  .link-list-cv-04 li {
    width: calc(50% - 14px);
  }
}

@media screen and (max-width: 660px) and (max-width: 400px) {
  .link-list-cv-04 li {
    width: calc(100% - 14px);
  }
  .link-list-cv-04 li a {
    height: 45px;
  }
  .link-list-cv-04 li a br {
    display: none;
  }
}

@media screen and (max-width: 660px) {
  .link-list-cv-05 {
    margin: 0 -5px -5px 0;
  }
  .link-list-cv-05 li {
    width: calc(33.3333% - 5px);
    margin: 0 5px 5px 0;
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) {
  .link-list-cv-05 li {
    width: calc(50% - 5px);
  }
}

@media screen and (max-width: 660px) {
  .link-list-cv-05 li a {
    height: 50px;
    padding-left: 10px;
  }
  .text-list {
    margin-right: -10px;
  }
  .text-list li {
    margin-right: 10px;
    width: calc(33.3333% - 10px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) {
  .text-list li {
    width: calc(50% - 10px);
  }
}

@media screen and (max-width: 660px) and (max-width: 360px) {
  .text-list li {
    width: calc(100% - 10px);
  }
}

@media screen and (max-width: 660px) {
  .tab-block:not(:last-child) {
    margin-bottom: 30px;
  }
  .tab-block .tab {
    border-top: none;
    margin-top: 0;
  }
  .tab-02 {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .tab-02 li {
    width: 100%;
  }
  .tab-02 li:not(:last-child) {
    margin-right: 0;
  }
  .tab-02 li.current a {
    height: 60px;
  }
  .tab-02 li a {
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
    font-size: 1.06667rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .tab-02 li a span.option {
    font-size: 12px;
    font-size: 0.8rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 0 10px 3px;
    margin-right: 5px;
    top: 1px;
  }
  .tab-02 li a span.new {
    margin-left: 5px;
    padding: 0 5px;
  }
  .sec-support {
    padding-left: 0;
    padding-right: 0;
  }
  .sec-support .inside {
    padding: 20px 15px 10px;
  }
  .sec-support .inside > * {
    margin: 0 10px 10px;
  }
  .sec-support .inside h3 {
    font-size: 15px;
    font-size: 1rem;
    margin-bottom: 10px;
  }
  .sec-support .inside .tel {
    padding: 10px 15px;
  }
  .sec-support .inside .tel a {
    width: 100%;
    font-size: 30px;
    font-size: 2rem;
  }
  .sec-nav .tabs {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 0;
    margin-bottom: -4px;
  }
  .sec-nav .tabs.sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .sec-nav .tabs > * {
    width: 100%;
    margin-bottom: 4px;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .sec-nav .tabs > li.current > a {
    height: 50px;
  }
  .sec-nav .tabs > li.current > a span:first-child:not(:last-child) {
    top: 0;
  }
  .sec-nav .tabs > li:nth-child(1) .link-list li.current a, .sec-nav .tabs > li:nth-child(6) .link-list li.current a {
    background-color: #004BA5;
  }
  .sec-nav .tabs > li:nth-child(1) .link-list li a:hover, .sec-nav .tabs > li:nth-child(6) .link-list li a:hover {
    background-color: #004BA5;
  }
  .sec-nav .tabs > li:nth-child(2) .link-list li.current a {
    background-color: #009e4a;
  }
  .sec-nav .tabs > li:nth-child(2) .link-list li a:hover {
    background-color: #009e4a;
  }
  .sec-nav .tabs > li:nth-child(3) .link-list li.current a {
    background-color: #FF4B00;
  }
  .sec-nav .tabs > li:nth-child(3) .link-list li a:hover {
    background-color: #FF4B00;
  }
  .sec-nav .tabs > li:nth-child(4) .link-list li.current a {
    background-color: #00a4dc;
  }
  .sec-nav .tabs > li:nth-child(4) .link-list li a:hover {
    background-color: #00a4dc;
  }
  .sec-nav .tabs > li:nth-child(5) .link-list li.current a {
    background-color: #B5293B;
  }
  .sec-nav .tabs > li:nth-child(5) .link-list li a:hover {
    background-color: #B5293B;
  }
  .sec-nav .tabs .link-list li.current a {
    color: #FFF;
  }
  .sec-nav .tabs .link-list li.current a:after {
    background-image: url(../img/icon/arrow-link_white.svg);
  }
  .sec-nav .tabs .link-list li > a:hover {
    color: #FFF;
  }
  .sec-nav .tabs .link-list li > a:hover:after {
    background-image: url(../img/icon/arrow-link_white.svg);
  }
  .sec-nav .tabs span:first-child:not(:last-child) {
    top: 0;
    height: 100%;
    left: 0;
    width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
  }
  .sec-nav .tabs span:first-child:not(:last-child) img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .sec-nav .tabs span:last-child {
    padding-top: 0;
    padding-left: 38px;
  }
  .sec-nav .tabs > li {
    display: block;
  }
  .sec-nav .tabs > li > a {
    height: 50px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .sec-nav .tabs > li > a > span:not(:last-child) {
    width: 40px;
    text-align: center;
  }
  .sec-nav .tabs > li .tab {
    background: #FFF;
    padding: 5px;
    display: none;
    position: relative;
  }
  .sec-nav .tabs > li .tab:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 6px;
    bottom: 0;
    background: #FFF;
  }
  .sec-nav .tabs.tab-02 li a {
    height: 50px;
  }
  .sec-nav .tabs.tab-02 li a br {
    display: none;
  }
  .sec-nav .tabs.tab-02 .tab {
    margin-top: 10px;
  }
  .sec-nav .tab-content {
    display: none;
  }
  .img-text-block {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .img-text-block > * {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0;
  }
  .img-text-block > *:not(:last-child) {
    margin-right: 0;
  }
  .img-text-block > *.w5p {
    width: 100%;
  }
  .img-text-block > *.w10p {
    width: 100%;
  }
  .img-text-block > *.w15p {
    width: 100%;
  }
  .img-text-block > *.w20p {
    width: 100%;
  }
  .img-text-block > *.w25p {
    width: 100%;
  }
  .img-text-block > *.w30p {
    width: 100%;
  }
  .img-text-block > *.w35p {
    width: 100%;
  }
  .img-text-block > *.w40p {
    width: 100%;
  }
  .img-text-block > *.w45p {
    width: 100%;
  }
  .img-text-block > *.w50p {
    width: 100%;
  }
  .img-text-block > *.w55p {
    width: 100%;
  }
  .img-text-block > *.w60p {
    width: 100%;
  }
  .img-text-block > *.w65p {
    width: 100%;
  }
  .img-text-block > *.w70p {
    width: 100%;
  }
  .img-text-block > *.w75p {
    width: 100%;
  }
  .img-text-block > *.w80p {
    width: 100%;
  }
  .img-text-block > *.w85p {
    width: 100%;
  }
  .img-text-block > *.w90p {
    width: 100%;
  }
  .img-text-block > *.w95p {
    width: 100%;
  }
  .img-text-block > *.w100p {
    width: 100%;
  }
  .img-text-block .item-img {
    -webkit-box-original-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin-right: 0;
    margin-left: 0;
    margin-top: 20px;
    max-width: inherit;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    text-align: center;
  }
  .img-text-block .item-img.order-01 {
    -webkit-box-original-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .img-text-block .item-img img {
    max-width: 80%;
  }
  .img-text-block .item-img.w100p-sp img {
    max-width: 100%;
  }
  .img-text-block .item-text {
    width: 100%;
  }
  .point-list {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1px;
    margin-bottom: -35px;
  }
  .point-list li {
    width: calc(50% - 1px);
    margin-right: 1px;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 35px;
    padding-bottom: 10px;
  }
  .point-list li:after {
    display: none;
  }
  .point-list .item-point {
    height: 64px;
    width: 64px;
    font-size: 11px;
    font-size: 0.73333rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .point-list .item-point:before {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    right: -4px;
    bottom: -4px;
    border-right-width: 4px;
    border-bottom-width: 4px;
  }
  .point-list .item-point span {
    font-size: 30px;
    font-size: 2rem;
    font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .point-list .item-text {
    padding: 10px 10px 10px;
    font-size: 15px;
    font-size: 1rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: left;
  }
  .point-list .item-text br {
    display: none;
  }
  .point-list.c4 li {
    width: calc(50% - 1px);
  }
  .point-list.c4 .item-point {
    width: 50px;
    height: 50px;
    font-size: 11px;
    font-size: 0.73333rem;
    border-top-width: 3px;
  }
  .point-list.c4 .item-point span {
    font-size: 30px;
    font-size: 2rem;
  }
  .point-list.c4 .item-point:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 25px 0 0;
    border-color: #004BA5 transparent transparent transparent;
    bottom: -8px;
  }
  .point-list.c4 .item-point:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25px 8px 0;
    border-color: transparent #004BA5 transparent transparent;
    bottom: -8px;
  }
  .point-list.c1 li {
    width: calc(100% - 1px);
    text-align: left;
    display: block;
    border: 1px solid #dddddd;
    margin-top: 0;
    padding-bottom: 0;
  }
  .point-list.c1 li:not(:last-child) {
    margin-bottom: 10px;
  }
  .point-list.c1 .item-point {
    width: 40px;
    height: 40px;
  }
  .point-list.c1 .item-point span {
    padding: 0px 0 0 5px;
  }
  .point-list.c1 .item-point:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 40px 0 0;
    border-color: #FF4B00 transparent transparent transparent;
  }
  .point-list.c1 .item-point:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 38px 38px 0 0;
    border-color: #004BA5 transparent transparent transparent;
  }
  .point-list.c1 .item-text {
    text-align: left;
    padding: 15px 10px 10px 30px;
  }
  .feature-list {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .feature-list li {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    padding: 30px 10px;
    margin: 0 -1px -1px 0;
  }
}

@media screen and (max-width: 660px) and (max-width: 550px) {
  .feature-list li {
    width: 100%;
  }
}

@media screen and (max-width: 660px) {
  .feature-list li:not(:last-child) {
    border-right: 1px solid #dddddd;
  }
  .feature-list .item-point {
    width: 35px;
    height: 40px;
    font-size: 11px;
    font-size: 0.73333rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .feature-list .item-point span {
    font-size: 20px;
    font-size: 1.33333rem;
    margin-top: 0;
  }
  .feature-list .item-point:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 60px 0 0;
    border-color: #666666 transparent transparent transparent;
  }
  .feature-list .item-text .title {
    font-size: 18px;
    font-size: 1.2rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .feature-list-lv02, .feature-list-lv03 {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    border: none;
    margin-right: -1px;
    margin-bottom: -1px;
  }
  .feature-list-lv02 li, .feature-list-lv03 li {
    width: calc(50% - 1px);
    margin-right: 1px;
    margin-bottom: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 10px;
    -webkit-flex-grow: 0;
    flex-grow: 0;
  }
}

@media screen and (max-width: 660px) and (max-width: 400px) {
  .feature-list-lv02 li, .feature-list-lv03 li {
    width: calc(100% - 1px);
  }
}

@media screen and (max-width: 660px) {
  .feature-list-lv02 li:after, .feature-list-lv03 li:after {
    display: none;
  }
  .feature-list-lv02 .item-text, .feature-list-lv03 .item-text {
    font-size: 16px;
    font-size: 1.06667rem;
  }
  .feature-list-lv04 li {
    padding: 15px 15px 15px 50px;
  }
  .feature-list-lv04 .item-point {
    left: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-size: 1.33333rem;
  }
  .feature-list-lv04 .item-text {
    font-size: 16px;
    font-size: 1.06667rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .cv-block {
    padding: 20px;
  }
  .cv-block > p {
    font-size: 16px;
    font-size: 1.06667rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .function-list li {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .function-list li:first-child {
    margin-top: -15px;
  }
  .function-list li:last-child {
    margin-bottom: -15px;
  }
  .function-list li > a {
    padding: 15px 5px;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .function-list .item-title {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 13px auto;
    background-position: left 4px;
  }
  .function-list .item-text {
    margin-top: 4px;
  }
  .search-list > *:not(:last-child) {
    margin-bottom: 20px;
  }
  .search-list .item-title {
    margin-bottom: 5px;
  }
  .search-list .item-title a {
    background-position: left 7px;
  }
  .search-list .item-text {
    padding-left: 0;
  }
  .paging > * > * {
    width: 26px;
    height: 26px;
    font-size: 13px;
    font-size: 0.86667rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .place-list {
    margin: 0 -15px -30px 0;
  }
  .place-list li {
    width: calc(50% - 15px);
    margin: 0 15px 30px 0;
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) {
  .place-list li {
    width: calc(100% - 15px);
  }
}

@media screen and (max-width: 660px) {
  .place-list .item-img .text {
    padding: 10px;
    font-size: 12px;
    font-size: 0.8rem;
    max-width: 70%;
  }
  .place-list .item-img .text .name {
    font-size: 16px;
    font-size: 1.06667rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .bnr-block {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 0;
    margin-bottom: 20px;
    /* &.bnr-block{
    margin-top: 0;
  } */
  }
  .bnr-block:first-child {
    margin-top: -30px;
  }
  .bnr-block:last-child {
    margin-bottom: -10px;
  }
  .bnr-block.mb10 {
    margin-bottom: 10px;
  }
  .faq-list > li:not(:last-child) {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .faq-list > li > * {
    position: relative;
  }
  .faq-list > li > *:before {
    height: 30px;
    width: 30px;
    font-size: 18px;
    font-size: 1.2rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .faq-list > li .item-q {
    padding-left: 40px;
    padding-top: 3px;
    margin-bottom: 10px;
  }
  .faq-list > li .item-a {
    padding-left: 40px;
    padding-top: 5px;
    min-height: 30px;
  }
  .faq-list > li .item-a:before {
    left: 0;
  }
  .information-block {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border: none;
    background: #FFF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .information-block:not(:last-child) {
    margin-bottom: 30px;
  }
  .information-block .item-img {
    width: 40px;
    padding-right: 15px;
    margin-right: 15px;
  }
  .information-block .item-text time {
    margin-right: 5px;
  }
  .information-block .item-text .label {
    padding: 2px 5px;
  }
  .information-block .item-text .title {
    font-size: 12px;
    font-size: 0.8rem;
  }
  .title-block {
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .campaign-block {
    border-width: 2px;
    padding: 10px;
  }
  .campaign-block:not(:last-child) {
    margin-bottom: 15px;
  }
  .campaign-block .item-title {
    font-size: 18px;
    font-size: 1.2rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .campaign-block .item-text {
    font-size: 15px;
    font-size: 1rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .shop-list {
    margin-right: -15px;
    margin-bottom: -20px;
  }
  .shop-list:not(:last-child) {
    margin-bottom: 0;
  }
  .shop-list li {
    width: calc(50% - 15px);
    margin-right: 15px;
    margin-bottom: 20px;
  }
  .shop-list li:nth-child(n + 5) {
    display: none;
  }
  .shop-list .item-img {
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
    -o-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
    margin-bottom: 10px;
  }
  .shop-list .item-label {
    font-size: 13px;
    font-size: 0.86667rem;
  }
  .shop-list .item-label a {
    padding: 0 5px;
    display: -moz-inline-box;
    display: inline-block;
    background-color: #FFF;
  }
  .shop-list .item-link:not(:first-child) {
    margin-top: 5px;
  }
  .shop-list .item-link a {
    font-size: 13px;
    font-size: 0.86667rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-position: left 3px;
  }
  .version-list li p a {
    background-position: left 4px;
  }
  .news-list li {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    font-size: 0.8rem;
  }
  .news-list li:not(:last-child) {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom-style: dotted;
  }
  .news-list time {
    width: auto;
    margin-right: 10px;
  }
  .news-list .title {
    margin-top: 5px;
    width: 100%;
    font-size: 13px;
  }
  .news-block {
    border: none;
    padding: 0;
  }
  .news-block:not(:last-child) {
    margin-bottom: 35px;
  }
  .video-block > a img {
    width: 40px;
  }
  .video-block > .inside > a {
    font-size: 16px;
    font-size: 1.06667rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .video-block > .inside > a span {
    width: 40px;
    margin-top: 10px;
  }
  .title-img-block:not(:last-child) {
    margin-bottom: 30px;
  }
  .title-img-block .item-title {
    font-size: 22px;
    font-size: 1.46667rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .partner-list-02 > li {
    width: calc(100% - 30px);
  }
  .partner-list-02 .item-img {
    height: auto;
  }
  .partner-list-02 .item-img span {
    max-width: 100%;
    max-height: 100%;
  }
  .map-block iframe {
    max-height: 360px;
  }
  .plan-list {
    margin-bottom: 0;
    margin-right: 0;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .plan-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .plan-list .inside {
    padding: 20px;
  }
  .plan-list .item-link {
    width: 28px;
  }
  .plan-list .item-title {
    font-size: 15px;
    font-size: 1rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-bottom: 15px;
  }
  .plan-list .item-title.jp {
    font-size: 22px;
    font-size: 1.46667rem;
  }
  .plan-list .item-title span {
    font-size: 26px;
    font-size: 1.73333rem;
    margin-right: 10px;
  }
  .plan-list .item-text {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .plan-list .item-text:not(:last-child) {
    margin-bottom: 0;
  }
  .plan-list .item-text .text {
    width: 100%;
    margin-bottom: 0;
  }
  .plan-list .item-text .price {
    margin-top: 10px;
    margin-left: auto;
    font-size: 16px;
    font-size: 1.06667rem;
  }
  .plan-list .item-text .price strong {
    font-size: 26px;
    font-size: 1.73333rem;
  }
  .plan-list .item-table {
    display: none;
  }
  .option-list {
    margin: 0 -5px -5px 0;
  }
  .option-list:not(:last-child) {
    margin-bottom: 0;
  }
  .option-list li {
    width: calc(33.3333% - 5px);
    margin: 0 5px 5px 0;
    font-size: 14px;
    font-size: 0.93333rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    height: 35px;
  }
}

@media screen and (max-width: 660px) and (max-width: 360px) {
  .option-list li {
    width: calc(50% - 5px);
  }
}

@media screen and (max-width: 660px) {
  .event-list {
    margin: 0 -20px -20px 0;
  }
  .event-list li {
    width: calc(100% - 20px);
    margin: 0 20px 20px 0;
    padding: 20px;
  }
  .event-list .item-title {
    font-size: 18px;
    font-size: 1.2rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  .event-list .item-title span {
    font-size: 12px;
    font-size: 0.8rem;
  }
  .event-list .item-schedule {
    font-size: 14px;
    font-size: 0.93333rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-bottom: 15px;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .event-list .item-schedule > *:not(:last-child) {
    margin-right: 15px;
  }
}

@media screen and (max-width: 660px) and (max-width: 360px) {
  .event-list .item-schedule span:last-child {
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
  }
}

@media screen and (max-width: 660px) {
  .bg-block {
    padding: 15px;
  }
  .interview-block {
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .interview-block .item-img {
    margin-right: 0;
    max-width: inherit;
    margin-bottom: 20px;
  }
  .interview-block .item-text {
    width: 100%;
  }
  .voice-list li {
    margin-right: -10px;
  }
  .voice-list li:not(:last-child) {
    margin-bottom: 15px;
  }
  .voice-list li > * {
    margin-right: 10px;
  }
  .voice-list .item-img {
    width: 50px;
  }
  .voice-list .item-text {
    padding: 15px;
  }
}

@media screen and (max-width: 660px) and (max-width: 440px) {
  .img-square {
    margin-left: auto;
    margin-right: auto;
    max-width: 60%;
    padding-bottom: 60%;
  }
}

@media screen and (max-width: 660px) {
  .case-list {
    margin: 0 -25px -20px 0;
  }
  .case-list li {
    width: calc(50% - 25px);
    margin: 0 25px 20px 0;
    padding-left: 20px;
    font-size: 14px;
    font-size: 0.93333rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}

@media screen and (max-width: 660px) and (max-width: 440px) {
  .case-list li {
    width: calc(100% - 25px);
  }
}

@media screen and (max-width: 660px) {
  .case-list li br {
    display: none;
  }
  .case-list li strong {
    font-size: 18px;
    font-size: 1.2rem;
  }
  .overview-list li {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .overview-list li > * {
    padding: 15px;
  }
  .overview-list .item-title {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .overview-list .item-title .number {
    font-size: 70px;
    font-size: 4.66667rem;
  }
  .overview-list .item-title .course {
    font-size: 15px;
    font-size: 1rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .overview-list .item-title .title {
    font-size: 20px;
    font-size: 1.33333rem;
  }
  .overview-list .item-text {
    width: 100%;
  }
  .overview-list .item-text .title {
    font-size: 18px;
    font-size: 1.2rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .overview-list .item-text .title span {
    display: block;
    margin-left: 0px;
  }
  .curriculum-list li {
    padding: 10px 0 10px 30px;
  }
  .curriculum-list li:before {
    width: 25px;
    background-size: auto 18px;
    top: 10px;
  }
}

/* btn */
.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 100%;
}

@media screen and (max-width: 1024px) {
  .btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

.btn.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.btn.tar {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.btn > a, .btn > input, .btn > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
  max-width: 100%;
  height: 55px;
  padding-left: 15px;
  padding-right: 15px;
  background: #FF4B00;
  padding-bottom: 5px;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  border: none;
  color: #FFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  top: 0;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
}

.btn > a:before, .btn > a > span, .btn > input:before, .btn > input > span, .btn > span:before, .btn > span > span {
  top: 2px;
  position: relative;
}

@media screen and (min-width: 661px) and (max-width: 1024px) {
  .btn > a, .btn > input, .btn > span {
    font-size: 17px;
    font-size: 1.13333rem;
  }
}

@media screen and (max-width: 660px) {
  .btn > a, .btn > input, .btn > span {
    font-size: 16px;
    font-size: 1.06667rem;
    max-width: 400px;
  }
  .btn > a.w330, .btn > input.w330, .btn > span.w330 {
    max-width: 330px;
  }
}

.btn > a .img, .btn > input .img, .btn > span .img {
  line-height: 0;
  margin: 0 10px;
}

.btn > a:hover, .btn > input:hover, .btn > span:hover {
  text-decoration: none;
  background-color: #ff6f33;
}

.btn > a.grey, .btn > a:disabled, .btn > input.grey, .btn > input:disabled, .btn > span.grey, .btn > span:disabled {
  background-color: #EEEEEE;
  color: #666666;
}

.btn > a.cansel, .btn > input.cansel, .btn > span.cansel {
  background-color: #666666;
}

.btn > a:disabled, .btn > input:disabled, .btn > span:disabled {
  pointer-events: none;
}

.btn > a.lg, .btn > input.lg, .btn > span.lg {
  height: 60px;
  font-size: 20px;
  font-size: 1.33333rem;
}

.btn > a.mdl, .btn > input.mdl, .btn > span.mdl {
  height: 50px;
  font-size: 17px;
  font-size: 1.13333rem;
}

.btn > a.sml, .btn > input.sml, .btn > span.sml {
  height: 35px;
  font-size: 15px;
  font-size: 1rem;
}

.btn > a.sml.arrow:before, .btn > input.sml.arrow:before, .btn > span.sml.arrow:before {
  margin-right: 5px;
}

.btn > a.green, .btn > input.green, .btn > span.green {
  background-color: #1bb71f;
}

.btn > a.green:hover, .btn > input.green:hover, .btn > span.green:hover {
  background-color: #26df2b;
}

.btn > a.blue, .btn > input.blue, .btn > span.blue {
  background-color: #004BA5;
}

.btn > a.blue:hover, .btn > input.blue:hover, .btn > span.blue:hover {
  background-color: #0062d8;
}

.btn > a.s-blue, .btn > input.s-blue, .btn > span.s-blue {
  background-color: #00a4dc;
}

.btn > a.s-blue:hover, .btn > input.s-blue:hover, .btn > span.s-blue:hover {
  background-color: #10c2ff;
}

.btn > a.red, .btn > input.red, .btn > span.red {
  background-color: #FC332F;
}

.btn > a.red:hover, .btn > input.red:hover, .btn > span.red:hover {
  background-color: #fd6461;
}

.btn > a.yellow, .btn > input.yellow, .btn > span.yellow {
  background-color: #fab30a;
}

.btn > a.yellow:hover, .btn > input.yellow:hover, .btn > span.yellow:hover {
  background-color: #fbc33c;
}

.btn > a.orange, .btn > input.orange, .btn > span.orange {
  background-color: #e81718;
}

.btn > a.orange:hover, .btn > input.orange:hover, .btn > span.orange:hover {
  background-color: #ed4546;
}

.btn > a.fs2x, .btn > input.fs2x, .btn > span.fs2x {
  background-color: #002063;
}

.btn > a.fs2x:hover, .btn > input.fs2x:hover, .btn > span.fs2x:hover {
  background-color: #003096;
}

.btn > a.white, .btn > input.white, .btn > span.white {
  background-color: #FFF;
  color: #333333;
}

.btn > a.white.arrow:before, .btn > input.white.arrow:before, .btn > span.white.arrow:before {
  background-image: url(../img/icon/link_navy.svg);
}

.btn > a.white.orange, .btn > input.white.orange, .btn > span.white.orange {
  color: #FF4B00;
}

.btn > a.white.orange.arrow:before, .btn > input.white.orange.arrow:before, .btn > span.white.orange.arrow:before {
  background-image: url(../img/icon/link_orange.svg);
}

.btn > a.white.orange:hover, .btn > input.white.orange:hover, .btn > span.white.orange:hover {
  color: #FF4B00;
  background-color: #fff6f2;
}

.btn > a.white.border-red, .btn > input.white.border-red, .btn > span.white.border-red {
  border: 1px solid #FF656B;
}

.btn > a.white.border-green, .btn > input.white.border-green, .btn > span.white.border-green {
  border: 1px solid #1bb71f;
  color: #1bb71f;
}

.btn > a.white.border-green.arrow:before, .btn > input.white.border-green.arrow:before, .btn > span.white.border-green.arrow:before {
  background-image: url(../img/icon/link_green.svg);
}

.btn > a.arrow:before, .btn > input.arrow:before, .btn > span.arrow:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: url(../img/icon/link_white.svg) no-repeat center/contain;
  margin-right: 10px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.btn > a.pdf, .btn > input.pdf, .btn > span.pdf {
  background-color: #fc332f;
  width: 400px;
}

.btn > a.pdf span, .btn > input.pdf span, .btn > span.pdf span {
  border-right: 1px solid #FFF;
  padding-right: 10px;
  margin-right: 10px;
  padding-bottom: 3px;
}

.btn > a.pdf:before, .btn > input.pdf:before, .btn > span.pdf:before {
  content: "";
  width: 20px;
  height: 24px;
  background: url(../img/icon/pdf_white.svg) no-repeat center/contain;
  margin-right: 10px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.btn > a.pdf:after, .btn > input.pdf:after, .btn > span.pdf:after {
  display: none;
}

.btn > a.pdf:hover, .btn > input.pdf:hover, .btn > span.pdf:hover {
  background-color: #fd6461;
}

.btn > a.contact:before, .btn > input.contact:before, .btn > span.contact:before {
  content: "";
  width: 20px;
  height: 15px;
  background: url(../img/icon/mail.svg);
  margin-right: 10px;
}

.btn > a.document:before, .btn > input.document:before, .btn > span.document:before {
  content: "";
  width: 15px;
  height: 20px;
  background: url(../img/icon/document.svg);
  margin-right: 10px;
}

.btn > a.border-fs2x, .btn > input.border-fs2x, .btn > span.border-fs2x {
  border: 1px solid #001E61;
}

.btn > a .icon, .btn > input .icon, .btn > span .icon {
  line-height: 0;
  margin-right: 10px;
}

.btn > a.in-use, .btn > input.in-use, .btn > span.in-use {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  height: auto;
  padding: 0 5px 5px;
  width: 550px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.btn > a.in-use > div, .btn > input.in-use > div, .btn > span.in-use > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px;
}

.btn > a.in-use > div span:first-child, .btn > input.in-use > div span:first-child, .btn > span.in-use > div span:first-child {
  line-height: 0;
}

.btn > a.in-use > div span:last-child, .btn > input.in-use > div span:last-child, .btn > span.in-use > div span:last-child {
  margin-left: 13px;
  padding-left: 13px;
  border-left: 1px solid #FFF;
  font-size: 20px;
  font-size: 1.33333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.btn > a.in-use > div span:last-child:after, .btn > input.in-use > div span:last-child:after, .btn > span.in-use > div span:last-child:after {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  background: url(../img/icon/link_white.svg) no-repeat center/contain;
  margin-left: 8px;
  position: relative;
  top: 3px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 660px) {
  .btn > a.in-use > div span:last-child:after, .btn > input.in-use > div span:last-child:after, .btn > span.in-use > div span:last-child:after {
    top: 1px;
    width: 13px;
    height: 13px;
  }
}

.btn > a.in-use > span, .btn > input.in-use > span, .btn > span.in-use > span {
  background-color: #FFF;
  color: #333333;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 5px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 660px) {
  .btn > a.in-use, .btn > input.in-use, .btn > span.in-use {
    width: auto;
  }
  .btn > a.in-use > div, .btn > input.in-use > div, .btn > span.in-use > div {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .btn > a.in-use > div span:first-child, .btn > input.in-use > div span:first-child, .btn > span.in-use > div span:first-child {
    width: 150px;
  }
  .btn > a.in-use > div span:last-child, .btn > input.in-use > div span:last-child, .btn > span.in-use > div span:last-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
    font-size: 16px;
    font-size: 1.06667rem;
    margin-top: 8px;
  }
}

.btn a[href$=".pdf"]:after {
  top: 2px;
}

.btn input {
  display: -moz-inline-box;
  display: inline-block;
}

.btn.tac a, .btn.tac input, .btn.tac span {
  margin-left: auto;
  margin-right: auto;
}

.btn-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 24px -8px -16px;
  max-width: calc(100% + 16px);
}

.btn-block:first-child {
  margin-top: 0;
}

.btn-block > * {
  margin: 0 8px 16px;
}

@media screen and (max-width: 660px) {
  .btn-block {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .btn-block > * {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
  .btn-block a {
    max-width: calc(100% - 16px);
  }
}

.btn-block.nomt {
  margin-top: 0;
}

.btn-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.btn-back:not(:first-child) {
  margin-top: 10px;
}

.btn-back a {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 35px;
  background-color: #333333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 0 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn-back a:hover {
  text-decoration: none;
  background-color: #666666;
}

.btn-back a:after {
  content: "";
  display: block;
  background: url(../img/icon/arrow-anchor.svg) no-repeat center/contain;
  width: 11px;
  height: 6px;
  margin-left: 5px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.btn-cv {
  margin-bottom: 15px;
}

.btn-cv:last-child {
  margin-bottom: 0;
}

.btn-cv a {
  background: #004BA5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  font-size: 15px;
  font-size: 1rem;
  color: #FFF;
  line-height: 1.4;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn-cv a:hover {
  text-decoration: none;
  background-color: #0062d8;
}

.btn-cv a span {
  line-height: 0;
  margin-right: 10px;
}

.btn-cv a:after {
  margin-left: auto;
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  background: url(../img/icon/arrow-link_white.svg) no-repeat;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 660px) {
  .btn.tac-sp {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

/* btn */
/* form */
input[type="text"]:not(.style), input[type="email"]:not(.style), input[type="tel"]:not(.style), input[type="password"]:not(.style) {
  -webkit-appearance: none;
  height: 40px;
  line-height: 1.5em;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: 1px solid #dddddd;
  font-size: 14px;
  font-size: 0.93333rem;
  position: relative;
  padding-left: 10px;
  background: #FFF;
}

input[type="text"]:not(.style):focus, input[type="email"]:not(.style):focus, input[type="tel"]:not(.style):focus, input[type="password"]:not(.style):focus {
  background-color: #FFF;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
  -ms-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
  -o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
}

input[type="text"]:not(.style).lg, input[type="email"]:not(.style).lg, input[type="tel"]:not(.style).lg, input[type="password"]:not(.style).lg {
  height: 40px;
  font-size: 18px;
  font-size: 1.2rem;
}

input[type="text"]:not(.style).error, input[type="email"]:not(.style).error, input[type="tel"]:not(.style).error, input[type="password"]:not(.style).error {
  border-color: #FC332F;
}

textarea:not(.style) {
  -webkit-appearance: none;
  height: 120px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  resize: vertical;
  border: 1px solid #dddddd;
  background: #FFF;
  font-size: 14px;
  font-size: 0.93333rem;
  padding: 10px;
}

textarea:not(.style):focus {
  background-color: #FFF;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
  -ms-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
  -o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
}

textarea:not(.style).h100 {
  height: 100px;
}

input[type="checkbox"]:not(.style) {
  display: none;
}

input[type="checkbox"]:not(.style):checked + .checkbox:before {
  background: #004BA5;
  border-color: #004BA5;
}

input[type="checkbox"]:not(.style):checked + .checkbox:after {
  -ms-filter: "alpha( opacity=$number*100 )";
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

input[type="radio"]:not(.style) {
  display: none;
}

input[type="radio"]:not(.style):checked + .radio:before {
  border-color: #004BA5;
}

input[type="radio"]:not(.style):checked + .radio:after {
  -ms-filter: "alpha( opacity=$number*100 )";
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}

label.checkbox {
  padding-left: 24px;
  min-height: 20px;
  cursor: pointer;
  margin: 0;
  display: -moz-inline-box;
  display: inline-block;
  font-weight: normal;
  position: relative;
}

label.checkbox:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  display: -moz-inline-box;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #FFF;
  border: 1px solid #dddddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

label.checkbox:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 6px;
  margin-top: -5px;
  display: block;
  width: 3px;
  height: 7px;
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  z-index: 1;
  -ms-filter: "alpha( opacity=$number*100 )";
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

label.radio {
  padding-left: 24px;
  min-height: 24px;
  cursor: pointer;
  margin: 0;
  display: -moz-inline-box;
  display: inline-block;
  font-weight: normal;
  position: relative;
}

label.radio.single {
  width: 20px;
  padding-left: 0;
}

label.radio:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  display: -moz-inline-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

label.radio:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 4px;
  display: block;
  width: 12px;
  height: 12px;
  background-color: #004BA5;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -ms-filter: "alpha( opacity=$number*100 )";
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.check-radios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.check-radios label {
  border: 1px solid #dddddd;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 12px;
  padding-left: 35px;
  font-size: 14px;
  font-size: 0.93333rem;
}

.check-radios label:before, .check-radios label:after {
  margin-left: 10px;
}

.check-radios input:checked + label {
  border-color: #004BA5;
}

.check-radios-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 -10px -5px;
}

.check-radios-02 > * {
  margin: 0 10px 5px;
}

.select {
  position: relative;
  display: block;
  max-width: 100%;
}

.select:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 30px;
  height: 40px;
  right: 0;
  background: url(../img/icon/arrow-select.svg) no-repeat center;
  pointer-events: none;
}

select:not(.style) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 40px;
  line-height: 1.5;
  width: 100%;
  max-width: 100%;
  padding: 0 40px 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #fff;
  cursor: pointer;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: normal;
  position: relative;
}

select:not(.style) option {
  padding: 8px;
  border: none;
}

select:not(.style) option:disabled {
  color: #666666;
}

select:not(.style).lg {
  height: 40px;
  font-size: 18px;
  font-size: 1.2rem;
}

select:not(.style)::-ms-expand {
  display: none;
}

/* form */
[class^="icon-"] {
  content: "";
  background: no-repeat center / contain;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
  margin-right: 7px;
  position: relative;
  top: -1px;
}

[class^="icon-"].ml-none {
  margin-left: 0;
}

.icon-download {
  width: 16px;
  height: 22px;
  background-image: url(../img/icon/download.svg);
}

.icon-pagetop {
  width: 30px;
  height: 30px;
  background-image: url(../img/icon/pagetop.svg);
}

.icon-external {
  width: 14px;
  height: 14px;
  background-image: url(../img/icon/external.svg);
}

.icon-link {
  width: 15px;
  height: 15px;
  background-image: url(../img/icon/link.svg);
  margin-left: 5px;
  margin-right: 5px;
}

.icon-link.ml-none {
  margin-left: 0;
}

/* table */
.tbl-style, .tbl-01, .tbl-02, .tbl-03, .tbl-blank {
  width: 100%;
  max-width: 100%;
  background-color: #FFF;
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 661px) and (max-width: 1024px) {
  .tbl-style, .tbl-01, .tbl-02, .tbl-03, .tbl-blank {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.tbl-style:last-child, .tbl-01:last-child, .tbl-02:last-child, .tbl-03:last-child, .tbl-blank:last-child {
  margin-bottom: 0;
}

.tbl-style th, .tbl-01 th, .tbl-02 th, .tbl-03 th, .tbl-blank th, .tbl-style td, .tbl-01 td, .tbl-02 td, .tbl-03 td, .tbl-blank td {
  padding: 15px;
  border: 1px solid #dddddd;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 661px) and (max-width: 1024px) {
  .tbl-style th, .tbl-01 th, .tbl-02 th, .tbl-03 th, .tbl-blank th, .tbl-style td, .tbl-01 td, .tbl-02 td, .tbl-03 td, .tbl-blank td {
    padding: 12px;
  }
}

@media screen and (max-width: 660px) {
  .tbl-style th, .tbl-01 th, .tbl-02 th, .tbl-03 th, .tbl-blank th, .tbl-style td, .tbl-01 td, .tbl-02 td, .tbl-03 td, .tbl-blank td {
    padding: 10px;
  }
}

.tbl-style th.emphasis, .tbl-01 th.emphasis, .tbl-02 th.emphasis, .tbl-03 th.emphasis, .tbl-blank th.emphasis, .tbl-style td.emphasis, .tbl-01 td.emphasis, .tbl-02 td.emphasis, .tbl-03 td.emphasis, .tbl-blank td.emphasis {
  background-color: #f2f6fa;
  color: #004BA5;
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.tbl-style th.sml, .tbl-01 th.sml, .tbl-02 th.sml, .tbl-03 th.sml, .tbl-blank th.sml, .tbl-style td.sml, .tbl-01 td.sml, .tbl-02 td.sml, .tbl-03 td.sml, .tbl-blank td.sml {
  padding: 10px;
}

.tbl-style th, .tbl-01 th, .tbl-02 th, .tbl-03 th, .tbl-blank th {
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.tbl-style th .link a, .tbl-01 th .link a, .tbl-02 th .link a, .tbl-03 th .link a, .tbl-blank th .link a {
  background-position: left 8px;
}

.tbl-style thead th, .tbl-01 thead th, .tbl-02 thead th, .tbl-03 thead th, .tbl-blank thead th {
  background-color: #004BA5;
  color: #FFF;
  text-align: center;
  border-color: #FFF;
}

.tbl-style thead th.green, .tbl-01 thead th.green, .tbl-02 thead th.green, .tbl-03 thead th.green, .tbl-blank thead th.green {
  background-color: #009e4a;
}

.tbl-style thead th a, .tbl-01 thead th a, .tbl-02 thead th a, .tbl-03 thead th a, .tbl-blank thead th a {
  color: #FFF;
}

.tbl-style thead th .link a, .tbl-01 thead th .link a, .tbl-02 thead th .link a, .tbl-03 thead th .link a, .tbl-blank thead th .link a {
  background-image: url(../img/icon/link_white.svg);
}

.tbl-style thead th .link a[target="_blank"], .tbl-01 thead th .link a[target="_blank"], .tbl-02 thead th .link a[target="_blank"], .tbl-03 thead th .link a[target="_blank"], .tbl-blank thead th .link a[target="_blank"] {
  background: none;
}

.tbl-style thead th .link a[target="_blank"]:after, .tbl-01 thead th .link a[target="_blank"]:after, .tbl-02 thead th .link a[target="_blank"]:after, .tbl-03 thead th .link a[target="_blank"]:after, .tbl-blank thead th .link a[target="_blank"]:after {
  background-image: url(../img/icon/external_white.svg);
}

.tbl-style.sml th, .sml.tbl-01 th, .sml.tbl-02 th, .sml.tbl-03 th, .sml.tbl-blank th, .tbl-style.sml td, .sml.tbl-01 td, .sml.tbl-02 td, .sml.tbl-03 td, .sml.tbl-blank td {
  padding: 10px;
}

.tbl-01 {
  width: auto;
}

.tbl-01 thead th.tal {
  text-align: left;
}

.tbl-01 tbody th {
  background-color: #EEEEEE;
}

.tbl-01 tbody tr:nth-child(even) {
  background-color: #EEEEEE;
}

.tbl-02 thead th {
  text-align: left;
}

.tbl-02 thead th.tac {
  text-align: center;
}

.tbl-02 tbody th {
  background-color: #EEEEEE;
}

.tbl-02 tbody td {
  line-height: 1.6;
}

.tbl-03 thead th.tal {
  text-align: left;
}

.tbl-03 tbody th {
  background-color: #004BA5;
  color: #FFF;
}

.tbl-03 tbody tr:nth-child(even) {
  background-color: #f2f6fa;
}

.tbl-blank {
  width: auto;
}

.tbl-blank tr:not(:last-child) th, .tbl-blank tr:not(:last-child) td {
  padding-bottom: 10px;
}

.tbl-blank th {
  font-weight: normal;
  background: none !important;
}

.tbl-blank th, .tbl-blank td {
  border: none;
  vertical-align: top;
  padding: 0;
}

.tbl-blank th:not(:last-child), .tbl-blank td:not(:last-child) {
  padding-right: 20px;
}

.tbl-blank th.align-center, .tbl-blank td.align-center {
  vertical-align: middle;
}

.tbl-scroll {
  min-width: 800px;
}

@media screen and (min-width: 801px) {
  .tbl-scroll {
    width: calc(100% - 7px);
  }
}

@media screen and (min-width: 801px) and (min-width: 1024px) {
  .tbl-scroll {
    width: calc(100% - 4px);
  }
}

@media screen and (min-width: 1025px) {
  .tbl-scroll-block {
    overflow: hidden !important;
  }
}

@media screen and (max-width: 1024px) {
  .tbl-scroll-block {
    overflow: scroll;
  }
}

.tbl-scroll-block:not(:last-child) {
  margin-bottom: 15px;
}

.td_white tbody tr:nth-child(even) {
  background-color: #FFF;
}

/* .fee{
		@extend .tbl-02;
		tr{
			td{
				text-align: center;
				strong{
					font-weight: bold;
				}
				.fcR{
					strong{
						color: $red;
					}
				}
			}
		}
		tbody{
			tr{
				&:first-child{
					th{
						background-color: $blue;
						color: #FFF;
						text-align: center;
						border-color: #FFF;
					}
				}
			}
		}
	} */
/* table */
/* 料金表表組
---------------------------------------------------------- */
.boxPlan > section {
  margin-bottom: 60px;
}

.boxPlan p.planNotes {
  text-align: right;
  font-size: 84%;
  color: #666;
  margin-bottom: 5px;
}

/*******表1※基本1*******/
table.fee {
  font-size: 12px;
  font-size: 0.8rem;
  margin-bottom: 15px;
  width: 100%;
  border-top: 1px #ccc solid;
}

table.fee tr {
  border-bottom: 1px #ccc solid;
}

table.fee tr th,
table.fee tr td {
  border-right: 1px #d3d3d3 dotted;
  text-align: center;
  padding: 8px;
  width: 13.8%;
}

table.fee tr th a,
table.fee tr td a {
  text-decoration: underline;
}

/*
	table.fee tr th:first-child,
	table.fee tr td:first-child {
		font-size: 117%;
		background: #f9f9f9;
		font-weight: bold;
		color: #000;
		border-right: 1px #d3d3d3 solid;
		text-align: left;
		vertical-align: middle;
		text-align: center;
		width:17.2%;
	}*/
table.fee tr th:first-child {
  font-size: 117%;
  background: #f9f9f9;
  font-weight: bold;
  color: #000;
  border-right: 1px #d3d3d3 solid;
  text-align: left;
  vertical-align: middle;
  text-align: center;
  width: 17.2%;
}

table.fee tr th:last-child,
table.fee tr td:last-child {
  border-right: none;
}

table.fee tr th {
  font-weight: bold;
  background: #eef4fb;
  color: #006db8;
  font-size: 134%;
  vertical-align: top;
}

table.fee tr th span {
  text-align: left;
  color: #000;
  font-weight: normal;
  font-size: 88%;
  display: block;
  margin-top: 10px;
}

table.fee tr td {
  font-size: 117%;
}

table.fee tr td.txtRed {
  font-weight: bold;
  color: #f00;
}

table.fee tr td .smallTxt {
  font-size: 86%;
  display: block;
  text-align: left;
  font-weight: normal;
}

table.fee tr td.bgNone {
  background: none;
}

/*******表2*******/
table.fee.Type02 th {
  vertical-align: middle;
}

/*******表3※standard*******/
table.standard {
  margin-bottom: 15px;
  width: 100%;
  border-top: 1px #ccc solid;
}

table.standard tr {
  border-bottom: 1px #ccc solid;
}

table.standard tr th,
table.standard tr td {
  border-right: 1px #d3d3d3 dotted;
  text-align: center;
  padding: 8px;
}

table.standard tr th a,
table.standard tr td a {
  text-decoration: underline;
}

table.standard tr th:last-child,
table.standard tr td:last-child {
  border-right: none;
}

table.standard tr th {
  font-weight: bold;
  background: #eef4fb;
  color: #006db8;
  font-size: 134%;
  vertical-align: middle;
}

table.standard tr td {
  font-size: 117%;
}

table.standard tr td.textLeft {
  text-align: left;
}

table.standard tr td.bgWhite {
  background: #fff;
  font-weight: normal;
}

/*******表3※基本2*******/
table.fee2 {
  margin-bottom: 15px;
  width: 100%;
  border-top: 1px #ccc solid;
}

table.fee2 tr {
  border-bottom: 1px #ccc solid;
}

table.fee2 tr th,
table.fee2 tr td {
  border-right: 1px #d3d3d3 dotted;
  text-align: center;
  padding: 8px;
}

table.fee2 tr td:first-child {
  font-size: 117%;
  background: #f9f9f9;
  font-weight: bold;
  color: #000;
  border-right: 1px #d3d3d3 solid;
  text-align: left;
  vertical-align: middle;
  text-align: center;
}

table.fee2 tr th:last-child,
table.fee2 tr td:last-child {
  border-right: none;
}

table.fee2 tr th {
  font-weight: bold;
  background: #eef4fb;
  color: #006db8;
  font-size: 134%;
  vertical-align: middle;
  width: 60%;
}

table.fee2 tr td {
  font-size: 117%;
  width: 40%;
}

table.fee2 tr td.bgWhite {
  background: #fff;
  font-weight: normal;
}

/*******表4※左寄せ*******/
div.tableLeft {
  float: left;
  width: 440px;
  margin-top: 15px;
}

/*******表4※右寄せ*******/
div.tableright {
  float: right;
  width: 440px;
  margin-top: 15px;
}

/*******表5*******/
div.feelsit {
  float: left;
  width: 620px;
  margin-right: 25px;
  /*元30px*/
}

table.fee3 {
  width: 100%;
  border-top: 1px #cccccc solid;
  margin-bottom: 10px;
}

table.fee3 tr td {
  font-size: 117%;
  text-align: center;
  padding: 10px;
  border-bottom: 1px #cccccc solid;
  border-right: 1px #cccccc solid;
  width: 25%;
}

table.fee3 tr td.txt {
  background: #f9f9f9;
  font-weight: bold;
}

table.fee3 tr td:last-child {
  border-right: none;
}

.areaBox div ul.feeTxt {
  float: right;
  width: 290px;
  overflow: hidden;
  font-size: 100%;
}

ul.feeTxt li {
  color: #666;
}

/*******表6*******/
div.feelist2 {
  float: left;
  width: 680px;
}

.areaBox div ul.feeTxt2 {
  float: right;
  width: 240px;
  overflow: hidden;
  font-size: 100%;
}

ul.feeTxt2 li {
  color: #666;
}

/*******料金表注釈リンク*******/
.linkText {
  background: url(/_common/_img/ico_arrow01.png) left 6px no-repeat;
  padding-left: 13px;
  margin-left: 2px;
  margin-bottom: 5px;
}

table.fee tr th:first-child,
table.type02 tr td:first-child {
  font-weight: bold;
  background: #eef4fb;
  color: #006db8;
  font-size: 134%;
  vertical-align: middle;
  border-right: 1px #d3d3d3 dotted;
}

table.fee tr th {
  font-weight: bold;
  background: #eef4fb;
  color: #006db8;
  font-size: 134%;
  vertical-align: top;
  vertical-align: middle;
  border-right: 1px #d3d3d3 dotted;
}

/* text */
h, h1, h2, h3, h4, h5, h6 {
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* @include nlc{
      margin-bottom: 20px;
    } */
}

h1 {
  font-size: 34px;
  font-size: 2.26667rem;
  line-height: 1.6;
}

@media screen and (max-width: 660px) {
  h1 {
    font-size: 28px;
    font-size: 1.86667rem;
  }
}

h2 {
  font-size: 30px;
  font-size: 2rem;
  line-height: 1.6;
}

@media screen and (max-width: 660px) {
  h2 {
    font-size: 24px;
    font-size: 1.6rem;
  }
}

h3 {
  font-size: 28px;
  font-size: 1.86667rem;
  line-height: 1.6;
}

@media screen and (max-width: 660px) {
  h3 {
    font-size: 22px;
    font-size: 1.46667rem;
  }
}

h4 {
  font-size: 22px;
  font-size: 1.46667rem;
  line-height: 1.6;
}

@media screen and (max-width: 660px) {
  h4 {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

h5 {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.6;
}

@media screen and (max-width: 660px) {
  h5 {
    font-size: 17px;
    font-size: 1.13333rem;
  }
}

h6 {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 1.6;
}

strong {
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.head-style, .heading-lv01, .heading-lv02, .heading-lv03, .heading-lv04, .heading-lv05, .heading-lv06, .heading-lv07, .heading-center, .heading-center-02 {
  margin-bottom: 20px;
  line-height: 1.5;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media screen and (max-width: 660px) {
  .head-style br, .heading-lv01 br, .heading-lv02 br, .heading-lv03 br, .heading-lv04 br, .heading-lv05 br, .heading-lv06 br, .heading-lv07 br, .heading-center br, .heading-center-02 br {
    display: none;
  }
}

.heading, .search-list .item-title, .heading-circle, .heading-square, .heading-icon {
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 10px;
  margin-bottom: 15px;
  position: relative;
  line-height: 1.5;
  font-size: 22px;
  font-size: 1.46667rem;
  text-align: left;
}

@media screen and (max-width: 660px) {
  .heading br, .search-list .item-title br, .heading-circle br, .heading-square br, .heading-icon br {
    display: none;
  }
}

.heading.no-border, .search-list .no-border.item-title, .no-border.heading-circle, .no-border.heading-square, .no-border.heading-icon {
  border-bottom: none;
  padding-bottom: 0;
}

@media screen and (max-width: 660px) {
  .heading, .search-list .item-title, .heading-circle, .heading-square, .heading-icon {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.heading-lv01 {
  font-size: 34px;
  font-size: 2.26667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #004BA5;
  height: 140px;
  z-index: 2;
  position: relative;
}

.heading-lv01 span {
  font-size: 19px;
  font-size: 1.26667rem;
}

.heading-lv01:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #FFF;
  z-index: -1;
}

.heading-lv01:not(:last-child) {
  margin-bottom: 40px;
}

.heading-lv01:after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  background-color: #FF4B00;
  margin-top: 10px;
}

@media screen and (max-width: 660px) {
  .heading-lv01 {
    font-size: 26px;
    font-size: 1.73333rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    min-height: 100px;
    padding: 15px 10px;
  }
}

.heading-lv02 {
  font-size: 24px;
  font-size: 1.6rem;
  color: #004BA5;
  border-bottom: 3px solid #FF4B00;
  margin-bottom: 15px;
}

.heading-lv03 {
  font-size: 18px;
  font-size: 1.2rem;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.heading-lv04 {
  text-align: center;
  color: #004BA5;
  font-size: 20px;
  font-size: 1.33333rem;
  margin-bottom: 12px;
}

.heading-lv05 {
  color: #004BA5;
  font-size: 20px;
  font-size: 1.33333rem;
  border-left: 3px solid #004BA5;
  padding-left: 10px;
  padding-bottom: 3px;
  margin-bottom: 12px;
}

.heading-lv06 {
  font-size: 26px;
  font-size: 1.73333rem;
  border-left: 5px solid #004BA5;
  padding-left: 15px;
  margin-bottom: 20px;
  padding-bottom: 4px;
}

@media screen and (max-width: 660px) {
  .heading-lv06 {
    font-size: 24px;
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
}

.heading-lv06 .text-label {
  margin-top: -5px;
}

.heading-lv06 small {
  font-size: 17px;
  font-size: 1.13333rem;
  margin-top: -10px;
}

.heading-lv06 small.date {
  font-size: 15px;
  font-size: 1rem;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
}

.heading-lv06 span.title {
  display: block;
}

.heading-lv07 {
  color: #004BA5;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 15px;
}

.heading-lv07 span {
  font-size: 25px;
  font-size: 1.66667rem;
  color: #FF4B00;
}

.heading-circle {
  padding-left: 25px;
}

.heading-circle.nob {
  border-bottom: none;
  padding-bottom: 0;
}

.heading-circle:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 12px;
  width: 16px;
  height: 16px;
  border: 4px solid #004BA5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

@media screen and (max-width: 660px) {
  .heading-circle:before {
    top: 5px;
  }
}

.heading-square {
  padding-left: 30px;
}

.heading-square:before {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 11px;
  width: 15px;
  height: 15px;
  border-right: 2px solid #FF4B00;
  background-color: #004BA5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 660px) {
  .heading-square:before {
    top: 8px;
  }
}

.heading-square > a {
  font-size: 15px;
  font-size: 1rem;
}

.heading-point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.heading-point:not(:last-child) {
  margin-bottom: 20px;
}

.heading-point > span:first-child {
  width: 62px;
  height: 62px;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #FFF;
  background-color: #004BA5;
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 1;
  z-index: 2;
  position: relative;
}

.heading-point > span:first-child:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  right: -6px;
  bottom: -6px;
  border-right: 6px solid #FF4B00;
  border-bottom: 6px solid #FF4B00;
}

.heading-point > span:first-child > span {
  margin-top: 3px;
  font-size: 32px;
  font-size: 2.13333rem;
}

.heading-point > span:last-child {
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media screen and (max-width: 660px) {
  .heading-point > span:first-child {
    width: 46px;
    height: 46px;
    margin-right: 15px;
    font-size: 11px;
    font-size: 0.73333rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .heading-point > span:first-child:before {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    right: -4px;
    bottom: -4px;
    border-right-width: 4px;
    border-bottom-width: 4px;
  }
  .heading-point > span:first-child > span {
    margin-top: 2px;
    font-size: 24px;
    font-size: 1.6rem;
    font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .heading-point > span:last-child {
    font-size: 18px;
    font-size: 1.2rem;
    font-weight: bold;
    font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}

.heading-number {
  border-bottom: 1px solid #004BA5;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.heading-number:not(:last-child) {
  margin-bottom: 10px;
}

.heading-number:not(:first-child) {
  margin-top: 15px;
}

.heading-number span:first-child {
  width: 35px;
  height: 35px;
  line-height: 35px;
  background-color: #004BA5;
  color: #004BA5;
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: bold;
  text-align: center;
  margin-right: 10px;
  color: #FFF;
}

.heading-number span:last-child {
  width: 10px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding-bottom: 5px;
}

.heading-bg {
  background-color: #f2f6fa;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 10px 10px 13px;
  line-height: 1.4;
  margin-bottom: 10px;
}

.heading-bg:not(:first-child) {
  margin-top: 25px;
}

.heading-bg .link a {
  background-position: left 11px;
}

.heading-bg-center {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  background-color: #004BA5;
  color: #FFF;
  padding: 9px 10px 13px;
  margin-bottom: 15px;
}

.heading-bg-center + .border-block, .heading-bg-center + .border-block-02 {
  margin-top: -15px;
}

.heading-bg-center.sml {
  font-size: 20px;
  font-size: 1.33333rem;
}

.heading-bg.grey {
  background-color: #EEEEEE;
}

.heading-border {
  border-left-color: 5px solid #004BA5;
}

.heading-center {
  text-align: center;
  font-size: 30px;
  font-size: 2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #004BA5;
  line-height: 1.5;
  margin-top: 10px;
  margin-bottom: 10px;
}

.heading-center:first-child {
  margin-top: 0;
}

.heading-center:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 660px) {
  .heading-center {
    font-size: 24px;
    font-size: 1.6rem;
  }
}

.heading-center strong, .heading-center span {
  color: #FF4B00;
}

.heading-center.sml {
  font-size: 20px;
  font-size: 1.33333rem;
  line-height: 1.6;
}

.heading-center.black {
  color: #333333;
}

.heading-center b {
  color: #FF4B00;
  font-size: 25px;
  font-size: 1.66667rem;
}

.heading-center .more {
  background-color: #FF4B00;
  color: #FFF;
  font-size: 13px;
  font-size: 0.86667rem;
  width: 50px;
  height: 50px;
  line-height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -4px;
}

.heading-center-02 {
  text-align: center;
  font-size: 30px;
  font-size: 2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  position: relative;
  padding-bottom: 20px;
}

.heading-center-02:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 100vw;
  height: 3px;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #FF4B00;
}

.heading-left {
  text-align: left;
  font-size: 30px;
  font-size: 2rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.6;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-top: 20px;
  margin-bottom: 20px;
}

.heading-left:first-child {
  margin-top: 0;
}

.heading-left:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 660px) {
  .heading-left {
    font-size: 24px;
    font-size: 1.6rem;
  }
  .heading-left strong {
    font-size: 28px;
    font-size: 1.86667rem;
  }
}

.heading-left strong {
  color: #004BA5;
  font-size: 34px;
  font-size: 2.26667rem;
}

.heading-left span {
  color: #004BA5;
}

.heading-left-02 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #004BA5;
  line-height: 1.6;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 660px) {
  .heading-left-02 {
    font-size: 24px;
    font-size: 1.6rem;
  }
}

.heading-left-02:first-child {
  margin-top: 0;
}

.heading-left-02:last-child {
  margin-bottom: 0;
}

.heading-left-02.sml {
  font-size: 18px;
  font-size: 1.2rem;
  margin-bottom: 15px;
}

.heading-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.heading-icon span {
  line-height: 0;
  margin-right: 10px;
  position: relative;
  top: 2px;
}

.fs11 {
  font-size: 11px;
  font-size: 0.73333rem;
}

.fs12 {
  font-size: 12px;
  font-size: 0.8rem;
}

.fs13 {
  font-size: 13px;
  font-size: 0.86667rem;
}

.fs14 {
  font-size: 14px;
  font-size: 0.93333rem;
}

.fs15 {
  font-size: 15px;
  font-size: 1rem;
}

.fs16 {
  font-size: 16px;
  font-size: 1.06667rem;
}

.fs17 {
  font-size: 17px;
  font-size: 1.13333rem;
}

.fs18 {
  font-size: 18px;
  font-size: 1.2rem;
}

.fs19 {
  font-size: 19px;
  font-size: 1.26667rem;
}

.fs20 {
  font-size: 20px;
  font-size: 1.33333rem;
}

.fs21 {
  font-size: 21px;
  font-size: 1.4rem;
}

.fs22 {
  font-size: 22px;
  font-size: 1.46667rem;
}

.fs23 {
  font-size: 23px;
  font-size: 1.53333rem;
}

.fs24 {
  font-size: 24px;
  font-size: 1.6rem;
}

.fs25 {
  font-size: 25px;
  font-size: 1.66667rem;
}

.fs26 {
  font-size: 26px;
  font-size: 1.73333rem;
}

.fs27 {
  font-size: 27px;
  font-size: 1.8rem;
}

.fs28 {
  font-size: 28px;
  font-size: 1.86667rem;
}

.fs29 {
  font-size: 29px;
  font-size: 1.93333rem;
}

.fs30 {
  font-size: 30px;
  font-size: 2rem;
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.red, .txtRed {
  color: #FC332F;
}

.blue {
  color: #004BA5;
}

.blue-link {
  color: #1C7DC1;
}

.link {
  margin-right: -20px;
  margin-top: 10px;
}

.link:first-child {
  margin-top: 0;
}

.link.mt0 {
  margin-top: 0;
}

.link.pc {
  display: block;
}

.link.sp {
  display: none;
}

@media screen and (max-width: 660px) {
  .link.pc {
    display: none;
  }
  .link.sp {
    display: block;
  }
}

.link a {
  display: -moz-inline-box;
  display: inline-block;
  padding-left: 20px;
  margin-right: 20px;
  line-height: 1.8;
  background: url(../img/icon/link.svg) no-repeat left 6px/15px auto;
}

@media screen and (max-width: 660px) {
  .link a {
    background-position: left 6px;
  }
}

.link a[href^="#"] {
  background-image: url(../img/icon/arrow-anchor_blue.svg);
  background-size: 12px auto;
  background-position: left 11px;
}

.link a[target="_blank"] {
  padding-left: 0;
  background: none;
}

.link a[target="_blank"]:after {
  position: relative;
  top: -1px;
  content: "";
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  background: url(../img/icon/external.svg) no-repeat center;
  margin-left: 10px;
  width: 14px;
  height: 14px;
}

@media screen and (max-width: 660px) {
  .link a {
    padding-left: 17px;
    background-position: left 5px;
    background-size: 12px auto;
  }
}

.link li {
  padding-left: 0;
  text-indent: normal;
}

.link_icon_out:after {
  position: relative;
  top: -1px;
  content: "";
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  background: url(../img/icon/external.svg) no-repeat center;
  margin-left: 10px;
  width: 14px;
  height: 14px;
}

span.link {
  margin-right: 0;
}

span.link a {
  margin-right: 5px;
}

.bold {
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.justify {
  text-justify: inter-word;
}

.ms {
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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

.tag:not(:last-child) {
  margin-bottom: 25px;
}

.tag > * {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: top;
  background-color: #f2f6fa;
  font-size: 13px;
  font-size: 0.86667rem;
  padding: 5px 10px;
  line-height: 1.4;
  margin: 0 5px 5px 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.text-annotation {
  color: #666666;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.5;
}

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

.text-annotation.red {
  color: #FC332F;
}

.text-annotation.link a, .text-annotation .link a {
  background-position: left 4px;
}

.text-annotation [class^="icon-"] {
  position: relative;
  top: -1px;
  margin-left: 5px;
  margin-right: 5px;
}

.text-annotation [class^="icon-"].ml-none {
  margin-left: 0;
}

.text-annotation .icon-external {
  width: 10px;
  height: 10px;
}

.text-annotation .icon-link {
  width: 10px;
  height: 10px;
}

.text-more {
  font-size: 12px;
  font-size: 0.8rem;
  text-align: right;
  color: #1C7DC1;
  text-decoration: underline;
}

.text-label {
  border: 2px solid #004BA5;
  color: #004BA5;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  line-height: 1.1;
  padding: 3px 5px 5px;
  font-size: 13px;
  font-size: 0.86667rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.text-label.red {
  border-color: #FC332F;
  color: #FC332F;
}

.text-label.bg-red {
  padding: 2px 5px 3px;
  background-color: #FC332F;
  color: #FFF;
  border: none;
}

.text-label.bg-orange {
  background-color: #FF4B00;
  color: #FFF;
  border: none;
}

.text-label.grey {
  border-color: #666666;
  color: #666666;
  background-color: #FFF;
}

.text-label.news, .text-label.News {
  background-color: #00a4dc;
}

.text-label.press, .text-label.Press {
  background-color: #3cb965;
}

.text-label.failure, .text-label.Failure {
  background-color: #FF4B00;
}

.text-label.news, .text-label.News, .text-label.press, .text-label.Press, .text-label.failure, .text-label.Failure {
  color: #FFF;
  border: none;
  padding-left: 10px;
  padding-right: 10px;
}

.text-marker {
  font-weight: bold;
  color: #004BA5;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0 4px;
  border-bottom: 1px solid #FF4B00;
}

.text-markerstrong {
  color: #FF4B00;
}

.text-tel a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: left;
  color: #004BA5;
  line-height: 1.2;
  white-space: nowrap;
}

.text-tel a:before {
  content: "";
  display: block;
  width: 23px;
  height: 48px;
  background: url(../img/icon/tel.svg) no-repeat center/contain;
  margin-right: 5px;
}

@media screen and (max-width: 660px) {
  .text-tel a:before {
    width: 16px;
    height: 30px;
  }
}

.text-tel a span {
  display: block;
  font-size: 44px;
  font-size: 2.93333rem;
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
}

@media screen and (min-width: 661px) and (max-width: 1024px) {
  .text-tel a span {
    font-size: 38px;
    font-size: 2.53333rem;
  }
}

@media screen and (max-width: 660px) {
  .text-tel a span {
    font-size: 30px;
    font-size: 2rem;
  }
}

@media screen and (max-width: 660px) {
  .text-tel a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

.text-tel a small {
  font-size: 13px;
  font-size: 0.86667rem;
}

.text-step {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #004BA5;
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #004BA5;
  padding: 5px 10px;
  line-height: 1.2;
  margin-bottom: 15px;
}

strong.text-marker {
  color: #FC332F;
}

@media screen and (min-width: 1025px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

a[href^="http"] {
  word-break: break-word;
}

a[href$=".pdf"]:after {
  content: "";
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  position: relative;
  top: -2px;
  width: 16px;
  height: 22px;
  background: url(../img/icon/download.svg) no-repeat left center/16px auto;
}

a[href$=".pdf"].no-download-icon:after {
  display: none;
}

/* text */
.fcR {
  color: #ff0000;
}

.fcB {
  color: #006db8;
}

.fwN {
  font-weight: normal;
}

.fwB {
  font-weight: bold;
}

.color--main {
  color: #004BA5;
}

.color--key {
  color: #FF4B00;
}

/* img */
.img-logo {
  border: 1px solid #dddddd;
  height: 70px;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 280px;
  max-width: 100%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.img-logo img {
  max-height: 50px;
  width: auto;
  height: auto;
}

@media all and (-ms-high-contrast: none) {
  .img-logo img {
    max-width: 260px;
    display: inline;
  }
}

@media screen and (max-width: 660px) {
  .img-logo {
    height: 60px;
  }
  .img-logo img {
    max-height: 40px;
    max-width: 100%;
  }
}

.img-privacy {
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 162px;
  height: 127px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  line-height: 0;
  margin-left: auto;
  margin-right: auto;
}

/* img */
/* list */
.list--simple > li {
  padding-left: 0.8em;
  position: relative;
}

.list--simple > li::before {
  content: "";
  width: 0.2em;
  height: 0.2em;
  background-color: #333333;
  border-radius: 50%;
  position: absolute;
  top: 0.8em;
  left: 0;
}

.list-column, .list-column--02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  box-sizing: border-box;
}

.list-column > li, .list-column--02 > li {
  box-sizing: border-box;
  width: 100%;
}

@media screen and (min-width: 500px) {
  .list-column--02 > li {
    width: calc(50% - 1em);
  }
  .list-column--02 > li:nth-child(2n+1) {
    margin-right: 2em;
  }
}

.list-link > li a {
  display: inline-block;
  position: relative;
  padding-left: 1.4em;
  margin-bottom: 0.25em;
}

.list-link > li a::before {
  content: '';
  display: inline-block;
  width: 1.4em;
  height: 1.8em;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/_common/img/icon/link.svg) no-repeat center left/1em;
}

.list-link > li a[target]::before {
  background: url(/_common/img/icon/external.svg) no-repeat center left/1em;
}

.list-link > li a[href^="#"]::before {
  width: 1.8em;
  height: 1.4em;
  transform: rotate(90deg);
  transform-origin: center center;
  background-position: bottom center;
  top: 0.2em;
  left: -0.2em;
}

/* link */
.internal-link {
  display: inline-block;
  position: relative;
  padding-left: 1.4em;
  padding-right: 0.4em;
  margin-bottom: 0.25em;
}

.internal-link::before {
  content: '';
  display: inline-block;
  width: 1.8em;
  height: 1.4em;
  position: absolute;
  background: url(/_common/img/icon/link.svg) no-repeat bottom center/1em;
  transform: rotate(90deg);
  transform-origin: center center;
  top: 0.2em;
  left: -0.2em;
}

.icon-externalWhite {
  width: 14px;
  height: 14px;
  background-image: url(../img/icon/external_white.svg);
}

.additionalExplanation {
  background: #eef4fb;
  color: #004ba5;
  margin-top: 5px;
  padding: 5px 10px;
  font-weight: bold;
}

.image-container {
  margin: 2em auto;
  text-align: center;
}

.image-container:first-child {
  margin-top: 0;
}

.image-container:last-child {
  margin-bottom: 0;
}

.simple-header {
  width: 100%;
  font-size: 14px;
  line-height: 1.2;
  color: #5c5c5c;
  background-color: #ffffff;
}

.simple-header__inner {
  max-width: 1024px;
  margin: 0 auto;
  padding: 10px;
}

@media screen and (min-width: 660px) {
  .simple-header__inner {
    padding-top: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
  }
}

.simple-header__logo {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}

.simple-header__logo__logo {
  display: block;
  width: 270px;
}

.simple-header__logo__logo img {
  width: 100%;
  height: auto;
}

.simple-header__logo__caption {
  margin: 0;
  line-height: 1.2;
}

.simple-header__contact {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  -ms-grid-column: 2;
  -ms-grid-row: 1;
}

.simple-header__contact__tel {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.simple-header__contact__tel__label {
  padding-right: 5px;
}

.simple-header__contact__tel__number a[href^="tel:"] {
  color: #5c5c5c;
  font-weight: bold;
  font-size: 18px;
}

.simple-header__contact__tel__number a[href^="tel:"], .simple-header__contact__tel__number a[href^="tel:"]:hover {
  text-decoration: none;
}

.simple-header__contact__tel--new .simple-header__contact__tel__number a[href^="tel:"] {
  color: #034a96;
  font-size: 24px;
}

.simple-header__sns {
  margin-top: 10px;
  grid-column: 1 / 3;
  -ms-grid-column: 1;
  -ms-grid-column: 2;
  -ms-grid-row: 2;
  display: flex;
  justify-content: flex-end;
}

.simple-header__sns > div {
  line-height: 1;
}

.simple-header__sns > div:not(:last-child) {
  margin-right: 5px;
}

.simple-header.is-oc .simple-header__contact__tel--new .simple-header__contact__tel {
  color: #001c5c;
}

@media screen and (max-width: 660px) {
  .simple-header__logo__logo {
    width: 200px;
  }
  .simple-header__logo__caption {
    display: none;
  }
  .simple-header__contact {
    line-height: 1.2;
    font-size: 12px;
  }
  .simple-header__contact__tel {
    margin-bottom: 3px;
  }
  .simple-header__contact__tel__label {
    font-size: 12px;
  }
  .simple-header__contact__tel__number a[href^="tel:"] {
    font-size: 16px;
  }
  .simple-header__contact__tel--new .simple-header__contact__tel__number a[href^="tel:"] {
    font-size: 18px;
  }
}

.simple-footer {
  width: 100%;
  background: #034a96;
}

.simple-footer__main {
  padding: 20px;
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.simple-footer__logo {
  width: 200px;
  margin-right: 20px;
}

.simple-footer__link__label {
  display: inline-block;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px 60px 10px 35px;
  font-size: 22px;
  font-weight: bold;
  color: #034a96;
  position: relative;
}

.simple-footer__link__label::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  padding-left: 5px;
  border-color: #034a96;
  border-style: solid;
  border-width: 3px 3px 0 0;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 35px;
  bottom: 0;
  margin: auto 0;
  padding: 0;
}

.simple-footer.is-oc {
  background: #001c5c;
}

.simple-footer.is-oc .simple-footer__link__label {
  color: #001c5c;
}

.simple-footer.is-oc .simple-footer__link__label::after {
  border-color: #001c5c;
}

@media screen and (max-width: 660px) {
  .simple-footer__main {
    flex-direction: column;
  }
  .simple-footer__logo {
    width: 180px;
    margin: 0 0 10px;
  }
  .simple-footer__link__label {
    padding: 10px 40px 10px 15px;
    font-size: 16px;
  }
  .simple-footer__link__label::after {
    width: 10px;
    height: 10px;
    right: 15px;
  }
}

.border-arrow--bottom, .border-arrow--top {
  border-style: solid;
  border-color: #004BA5;
  position: relative;
}

.border-arrow--bottom::after, .border-arrow--top::after {
  content: "";
  background: #fff;
  border: 1px solid #004BA5;
  border-width: 0 1px 1px 0;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  transform-origin: center;
}

.border-arrow--bottom {
  border-width: 0 0 1px;
}

.border-arrow--bottom::after {
  transform: rotate(45deg);
  top: calc(100% - 4px);
}

.border-arrow--top {
  border-width: 1px 0 0;
}

.border-arrow--top::after {
  transform: rotate(-135deg);
  bottom: calc(100% - 4px);
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

*[data-emergence], *.eg {
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  -ms-animation-duration: 0.6s;
  -o-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -ms-filter: "alpha( opacity=$number*100 )";
  filter: alpha(opacity=0);
  opacity: 0;
}

*[data-emergence=visible] {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}

/* floating */
@keyframes floating {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(30%);
  }
  100% {
    transform: translateY(0%);
  }
}

@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(30%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes flipIn {
  0% {
    opacity: 0;
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
  }
}

@keyframes flipIn {
  0% {
    opacity: 0;
    -webkit-transform: perspective(2000px) rotateY(90deg);
    -ms-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(2000px) rotateY(0);
    -ms-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
  }
}

.flipIn {
  -webkit-animation-name: flipIn;
  animation-name: flipIn;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.column-base, .column-02, .column-03, .column-04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -32px;
}

.column-base:last-child, .column-02:last-child, .column-03:last-child, .column-04:last-child {
  margin-bottom: -32px;
}

.column-base.alc, .alc.column-02, .alc.column-03, .alc.column-04, .column-base.align-center, .align-center.column-02, .align-center.column-03, .align-center.column-04 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.column-base > *, .column-02 > *, .column-03 > *, .column-04 > * {
  margin-right: 32px;
  margin-bottom: 32px;
  width: calc(100% - 32px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.column-base > *.bg-block:last-child, .column-02 > *.bg-block:last-child, .column-03 > *.bg-block:last-child, .column-04 > *.bg-block:last-child {
  margin-bottom: 32px;
}

.column-base > *.post:last-child, .column-02 > *.post:last-child, .column-03 > *.post:last-child, .column-04 > *.post:last-child {
  margin-bottom: 32px;
}

.column-02 > * {
  width: calc(50% - 32px);
}

@media screen and (min-width: 451px) {
  .column-02 > *.w5p {
    width: calc( 5% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w10p {
    width: calc( 10% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w15p {
    width: calc( 15% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w20p {
    width: calc( 20% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w25p {
    width: calc( 25% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w30p {
    width: calc( 30% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w35p {
    width: calc( 35% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w40p {
    width: calc( 40% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w45p {
    width: calc( 45% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w50p {
    width: calc( 50% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w55p {
    width: calc( 55% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w60p {
    width: calc( 60% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w65p {
    width: calc( 65% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w70p {
    width: calc( 70% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w75p {
    width: calc( 75% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w80p {
    width: calc( 80% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w85p {
    width: calc( 85% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w90p {
    width: calc( 90% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w95p {
    width: calc( 95% - 32px);
  }
}

@media screen and (min-width: 451px) {
  .column-02 > *.w100p {
    width: calc( 100% - 32px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w5p-sp {
    width: calc( 5% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w10p-sp {
    width: calc( 10% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w15p-sp {
    width: calc( 15% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w20p-sp {
    width: calc( 20% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w25p-sp {
    width: calc( 25% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w30p-sp {
    width: calc( 30% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w35p-sp {
    width: calc( 35% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w40p-sp {
    width: calc( 40% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w45p-sp {
    width: calc( 45% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w50p-sp {
    width: calc( 50% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w55p-sp {
    width: calc( 55% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w60p-sp {
    width: calc( 60% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w65p-sp {
    width: calc( 65% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w70p-sp {
    width: calc( 70% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w75p-sp {
    width: calc( 75% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w80p-sp {
    width: calc( 80% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w85p-sp {
    width: calc( 85% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w90p-sp {
    width: calc( 90% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w95p-sp {
    width: calc( 95% - 20px);
  }
}

@media screen and (max-width: 660px) and (min-width: 451px) {
  .column-02 > *.w100p-sp {
    width: calc( 100% - 20px);
  }
}

.column-03.mb0:last-child {
  margin-bottom: 0;
}

.column-03 > * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(33.3333% - 32px);
}

.column-04 > * {
  width: calc(25% - 32px);
}

@media screen and (max-width: 660px) {
  .column-base, .column-02, .column-03, .column-04 {
    margin-right: -20px;
  }
  .column-base:last-child, .column-02:last-child, .column-03:last-child, .column-04:last-child {
    margin-bottom: -20px;
  }
  .column-base > *, .column-02 > *, .column-03 > *, .column-04 > * {
    margin-right: 20px;
    margin-bottom: 20px;
    width: calc(100% - 20px);
  }
  .column-02 > * {
    width: calc(50% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) {
  .column-02 > * {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w5p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w10p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w15p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w20p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w25p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w30p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w35p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w40p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w45p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w50p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w55p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w60p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w65p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w70p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w75p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w80p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w85p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w90p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w95p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 451px) {
  .column-02 > *.w100p {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w5p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w10p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w15p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w20p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w25p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w30p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w35p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w40p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w45p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w50p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w55p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w60p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w65p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w70p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w75p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w80p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w85p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w90p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w95p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 500px) and (max-width: 660px) and (max-width: 451px) {
  .column-02 > *.w100p-sp {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) {
  .column-03 > * {
    width: calc(50% - 20px);
  }
}

@media screen and (max-width: 660px) and (max-width: 440px) {
  .column-03 > * {
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 660px) {
  .column-04 > * {
    width: calc(50% - 20px);
  }
}

/* etc */
.lh0 {
  line-height: 0;
}

.w150 {
  width: 150px;
}

.w200 {
  width: 200px;
}

.w250 {
  width: 250px;
}

.w300 {
  width: 300px;
}

.w350 {
  width: 350px;
}

.w400 {
  width: 400px;
}

.w450 {
  width: 450px;
}

.w500 {
  width: 500px;
}

.w10 {
  width: 10px;
}

.w20 {
  width: 20px;
}

.w30 {
  width: 30px;
}

.w40 {
  width: 40px;
}

.w50 {
  width: 50px;
}

.w60 {
  width: 60px;
}

.w70 {
  width: 70px;
}

.w80 {
  width: 80px;
}

.w90 {
  width: 90px;
}

.w100 {
  width: 100px;
}

.w110 {
  width: 110px;
}

.w120 {
  width: 120px;
}

.w130 {
  width: 130px;
}

.w140 {
  width: 140px;
}

.w150 {
  width: 150px;
}

.w160 {
  width: 160px;
}

.w170 {
  width: 170px;
}

.w180 {
  width: 180px;
}

.w190 {
  width: 190px;
}

.w200 {
  width: 200px;
}

.w210 {
  width: 210px;
}

.w220 {
  width: 220px;
}

.w230 {
  width: 230px;
}

.w240 {
  width: 240px;
}

.w250 {
  width: 250px;
}

.w260 {
  width: 260px;
}

.w270 {
  width: 270px;
}

.w280 {
  width: 280px;
}

.w290 {
  width: 290px;
}

.w300 {
  width: 300px;
}

.w310 {
  width: 310px;
}

.w320 {
  width: 320px;
}

.w330 {
  width: 330px;
}

.w340 {
  width: 340px;
}

.w350 {
  width: 350px;
}

.w360 {
  width: 360px;
}

.w370 {
  width: 370px;
}

.w380 {
  width: 380px;
}

.w390 {
  width: 390px;
}

.w400 {
  width: 400px;
}

.w410 {
  width: 410px;
}

.w420 {
  width: 420px;
}

.w430 {
  width: 430px;
}

.w440 {
  width: 440px;
}

.w450 {
  width: 450px;
}

.w460 {
  width: 460px;
}

.w470 {
  width: 470px;
}

.w480 {
  width: 480px;
}

.w490 {
  width: 490px;
}

.w500 {
  width: 500px;
}

@media screen and (max-width: 660px) {
  .w10-sp {
    width: 10px;
  }
}

@media screen and (max-width: 660px) {
  .w20-sp {
    width: 20px;
  }
}

@media screen and (max-width: 660px) {
  .w30-sp {
    width: 30px;
  }
}

@media screen and (max-width: 660px) {
  .w40-sp {
    width: 40px;
  }
}

@media screen and (max-width: 660px) {
  .w50-sp {
    width: 50px;
  }
}

@media screen and (max-width: 660px) {
  .w60-sp {
    width: 60px;
  }
}

@media screen and (max-width: 660px) {
  .w70-sp {
    width: 70px;
  }
}

@media screen and (max-width: 660px) {
  .w80-sp {
    width: 80px;
  }
}

@media screen and (max-width: 660px) {
  .w90-sp {
    width: 90px;
  }
}

@media screen and (max-width: 660px) {
  .w100-sp {
    width: 100px;
  }
}

@media screen and (max-width: 660px) {
  .w110-sp {
    width: 110px;
  }
}

@media screen and (max-width: 660px) {
  .w120-sp {
    width: 120px;
  }
}

@media screen and (max-width: 660px) {
  .w130-sp {
    width: 130px;
  }
}

@media screen and (max-width: 660px) {
  .w140-sp {
    width: 140px;
  }
}

@media screen and (max-width: 660px) {
  .w150-sp {
    width: 150px;
  }
}

@media screen and (max-width: 660px) {
  .w160-sp {
    width: 160px;
  }
}

@media screen and (max-width: 660px) {
  .w170-sp {
    width: 170px;
  }
}

@media screen and (max-width: 660px) {
  .w180-sp {
    width: 180px;
  }
}

@media screen and (max-width: 660px) {
  .w190-sp {
    width: 190px;
  }
}

@media screen and (max-width: 660px) {
  .w200-sp {
    width: 200px;
  }
}

@media screen and (max-width: 660px) {
  .w210-sp {
    width: 210px;
  }
}

@media screen and (max-width: 660px) {
  .w220-sp {
    width: 220px;
  }
}

@media screen and (max-width: 660px) {
  .w230-sp {
    width: 230px;
  }
}

@media screen and (max-width: 660px) {
  .w240-sp {
    width: 240px;
  }
}

@media screen and (max-width: 660px) {
  .w250-sp {
    width: 250px;
  }
}

@media screen and (max-width: 660px) {
  .w260-sp {
    width: 260px;
  }
}

@media screen and (max-width: 660px) {
  .w270-sp {
    width: 270px;
  }
}

@media screen and (max-width: 660px) {
  .w280-sp {
    width: 280px;
  }
}

@media screen and (max-width: 660px) {
  .w290-sp {
    width: 290px;
  }
}

@media screen and (max-width: 660px) {
  .w300-sp {
    width: 300px;
  }
}

@media screen and (max-width: 660px) {
  .w310-sp {
    width: 310px;
  }
}

@media screen and (max-width: 660px) {
  .w320-sp {
    width: 320px;
  }
}

@media screen and (max-width: 660px) {
  .w330-sp {
    width: 330px;
  }
}

@media screen and (max-width: 660px) {
  .w340-sp {
    width: 340px;
  }
}

@media screen and (max-width: 660px) {
  .w350-sp {
    width: 350px;
  }
}

@media screen and (max-width: 660px) {
  .w360-sp {
    width: 360px;
  }
}

@media screen and (max-width: 660px) {
  .w370-sp {
    width: 370px;
  }
}

@media screen and (max-width: 660px) {
  .w380-sp {
    width: 380px;
  }
}

@media screen and (max-width: 660px) {
  .w390-sp {
    width: 390px;
  }
}

@media screen and (max-width: 660px) {
  .w400-sp {
    width: 400px;
  }
}

@media screen and (max-width: 660px) {
  .w410-sp {
    width: 410px;
  }
}

@media screen and (max-width: 660px) {
  .w420-sp {
    width: 420px;
  }
}

@media screen and (max-width: 660px) {
  .w430-sp {
    width: 430px;
  }
}

@media screen and (max-width: 660px) {
  .w440-sp {
    width: 440px;
  }
}

@media screen and (max-width: 660px) {
  .w450-sp {
    width: 450px;
  }
}

@media screen and (max-width: 660px) {
  .w460-sp {
    width: 460px;
  }
}

@media screen and (max-width: 660px) {
  .w470-sp {
    width: 470px;
  }
}

@media screen and (max-width: 660px) {
  .w480-sp {
    width: 480px;
  }
}

@media screen and (max-width: 660px) {
  .w490-sp {
    width: 490px;
  }
}

@media screen and (max-width: 660px) {
  .w500-sp {
    width: 500px;
  }
}

@media screen and (max-width: 660px) {
  .w150-sp {
    width: 150px;
  }
}

@media screen and (max-width: 660px) {
  .w200-sp {
    width: 200px;
  }
}

@media screen and (max-width: 660px) {
  .w250-sp {
    width: 250px;
  }
}

@media screen and (max-width: 660px) {
  .w300-sp {
    width: 300px;
  }
}

@media screen and (max-width: 660px) {
  .w350-sp {
    width: 350px;
  }
}

@media screen and (max-width: 660px) {
  .w400-sp {
    width: 400px;
  }
}

@media screen and (max-width: 660px) {
  .w450-sp {
    width: 450px;
  }
}

@media screen and (max-width: 660px) {
  .w500-sp {
    width: 500px;
  }
}

.w5p {
  width: 5%;
}

.w10p {
  width: 10%;
}

.w15p {
  width: 15%;
}

.w20p {
  width: 20%;
}

.w25p {
  width: 25%;
}

.w30p {
  width: 30%;
}

.w35p {
  width: 35%;
}

.w40p {
  width: 40%;
}

.w45p {
  width: 45%;
}

.w50p {
  width: 50%;
}

.w55p {
  width: 55%;
}

.w60p {
  width: 60%;
}

.w65p {
  width: 65%;
}

.w70p {
  width: 70%;
}

.w75p {
  width: 75%;
}

.w80p {
  width: 80%;
}

.w85p {
  width: 85%;
}

.w90p {
  width: 90%;
}

.w95p {
  width: 95%;
}

.w100p {
  width: 100%;
}

@media screen and (max-width: 660px) {
  .w5p-sp {
    width: 5%;
  }
}

@media screen and (max-width: 660px) {
  .w10p-sp {
    width: 10%;
  }
}

@media screen and (max-width: 660px) {
  .w15p-sp {
    width: 15%;
  }
}

@media screen and (max-width: 660px) {
  .w20p-sp {
    width: 20%;
  }
}

@media screen and (max-width: 660px) {
  .w25p-sp {
    width: 25%;
  }
}

@media screen and (max-width: 660px) {
  .w30p-sp {
    width: 30%;
  }
}

@media screen and (max-width: 660px) {
  .w35p-sp {
    width: 35%;
  }
}

@media screen and (max-width: 660px) {
  .w40p-sp {
    width: 40%;
  }
}

@media screen and (max-width: 660px) {
  .w45p-sp {
    width: 45%;
  }
}

@media screen and (max-width: 660px) {
  .w50p-sp {
    width: 50%;
  }
}

@media screen and (max-width: 660px) {
  .w55p-sp {
    width: 55%;
  }
}

@media screen and (max-width: 660px) {
  .w60p-sp {
    width: 60%;
  }
}

@media screen and (max-width: 660px) {
  .w65p-sp {
    width: 65%;
  }
}

@media screen and (max-width: 660px) {
  .w70p-sp {
    width: 70%;
  }
}

@media screen and (max-width: 660px) {
  .w75p-sp {
    width: 75%;
  }
}

@media screen and (max-width: 660px) {
  .w80p-sp {
    width: 80%;
  }
}

@media screen and (max-width: 660px) {
  .w85p-sp {
    width: 85%;
  }
}

@media screen and (max-width: 660px) {
  .w90p-sp {
    width: 90%;
  }
}

@media screen and (max-width: 660px) {
  .w95p-sp {
    width: 95%;
  }
}

@media screen and (max-width: 660px) {
  .w100p-sp {
    width: 100%;
  }
}

@media screen and (max-width: 660px) {
  img.pc {
    display: none;
  }
}

img.sp {
  display: none;
}

@media screen and (max-width: 660px) {
  img.sp {
    display: inline;
  }
}

@media screen and (max-width: 1024px) {
  br.pc {
    display: none;
  }
}

br.tablet {
  display: none;
}

@media screen and (min-width: 661px) and (max-width: 1024px) {
  br.tablet {
    display: inline;
  }
}

br.sp {
  display: none;
}

@media screen and (max-width: 660px) {
  br.sp {
    display: inline;
  }
}

@media screen and (min-width: 661px) {
  .hidden-pc {
    display: none;
  }
}

@media screen and (max-width: 660px) {
  .hidden-sp {
    display: none;
  }
}

.border {
  border: 1px solid #dddddd;
}

@media screen and (max-width: 500px) {
  .order1-xs {
    -webkit-box-original-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}

@media screen and (max-width: 500px) {
  .order2-xs {
    -webkit-box-original-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
}

@media screen and (max-width: 500px) {
  .order3-xs {
    -webkit-box-original-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
}

@media screen and (max-width: 500px) {
  .order4-xs {
    -webkit-box-original-group: 4;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
  }
}

@media screen and (max-width: 500px) {
  .order5-xs {
    -webkit-box-original-group: 5;
    -ms-flex-order: 5;
    -webkit-order: 5;
    order: 5;
  }
}

@media screen and (max-width: 500px) {
  .order6-xs {
    -webkit-box-original-group: 6;
    -ms-flex-order: 6;
    -webkit-order: 6;
    order: 6;
  }
}

@media screen and (max-width: 500px) {
  .order7-xs {
    -webkit-box-original-group: 7;
    -ms-flex-order: 7;
    -webkit-order: 7;
    order: 7;
  }
}

@media screen and (max-width: 500px) {
  .order8-xs {
    -webkit-box-original-group: 8;
    -ms-flex-order: 8;
    -webkit-order: 8;
    order: 8;
  }
}

/* etc */
.post {
  /* strong{
  font-weight:bold;
} */
  margin-bottom: 32px;
}

.post ul {
  margin-bottom: 16px;
}

.post ul:last-child {
  margin-bottom: 0;
}

.post ul:not(.link-list-arrow):not(.link):not(.annotation-list):not(.circle_blue) li {
  list-style-type: none;
  text-indent: -1em;
  padding-left: 1em;
}

.post ul:not(.link-list-arrow):not(.link):not(.annotation-list):not(.circle_blue) li:before {
  content: "\0030fb";
  margin-right: 0.5em;
}

.post ul:not(.link-list-arrow):not(.link):not(.annotation-list):not(.circle_blue).check-list li {
  padding-left: 20px;
  text-indent: 0;
}

.post ol {
  padding-left: 1.5em;
  margin-bottom: 16px;
}

.post ol:last-child {
  margin-bottom: 0;
}

.post ol li {
  list-style-type: decimal;
  padding-bottom: 5px;
}

.post ol li ol li {
  list-style-type: lower-roman;
}

.post ol li:last-child {
  padding-bottom: 0;
}

.post strong, .post em {
  font-weight: bold;
  color: #004BA5;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0 4px;
  border-bottom: 1px solid #FF4B00;
}

.post strong.red, .post em.red {
  color: #FC332F;
}

.post del {
  text-decoration: line-through;
  color: #666666;
}

.post blockquote {
  display: block;
  padding: 20px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -ms-border-radius: 6px 6px 6px 6px;
  -o-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  border: 2px solid #dddddd;
}

.post blockquote:not(:last-child) {
  margin-bottom: 32px;
}

.post .h, .post h1:not([class^="heading-"]), .post h2:not([class^="heading-"]), .post h3:not([class^="heading-"]), .post h4:not([class^="heading-"]), .post h5:not([class^="heading-"]), .post h6:not([class^="heading-"]) {
  line-height: 1.3;
  letter-spacing: 0.1em;
}

.post .h:not(:first-child), .post h1:not(:first-child):not([class^="heading-"]), .post h2:not(:first-child):not([class^="heading-"]), .post h3:not(:first-child):not([class^="heading-"]), .post h4:not(:first-child):not([class^="heading-"]), .post h5:not(:first-child):not([class^="heading-"]), .post h6:not(:first-child):not([class^="heading-"]) {
  margin-top: 32px;
}

.post .h:not(:last-child), .post h1:not(:last-child):not([class^="heading-"]), .post h2:not(:last-child):not([class^="heading-"]), .post h3:not(:last-child):not([class^="heading-"]), .post h4:not(:last-child):not([class^="heading-"]), .post h5:not(:last-child):not([class^="heading-"]), .post h6:not(:last-child):not([class^="heading-"]) {
  margin-bottom: 16px;
}

.post h1:not([class^="heading-"]) {
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.post h2:not([class^="heading-"]) {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.post h3:not([class^="heading-"]) {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.post h4:not([class^="heading-"]) {
  font-size: 17px;
  font-size: 1.13333rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.post h5:not([class^="heading-"]) {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.post h6:not([class^="heading-"]) {
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'FOT-筑紫ゴシック Pro B', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.post iframe {
  max-width: 100%;
}

.post .aligncenter {
  text-align: center;
  display: block;
  margin: 32px auto 0;
}

.post .alignright {
  text-align: right;
  float: right;
  display: block;
  margin: 0 0 10px 15px;
}

.post .alignleft {
  text-align: left;
  float: left;
  margin: 0 15px 10px 0;
}

.post .wp-caption:not(:last-child) {
  margin-bottom: 32px;
}

.post p {
  margin-bottom: 16px;
}

.post p:last-child {
  margin-bottom: 0;
}

.post table:not(:last-child) {
  margin-bottom: 16px;
}

.post cite {
  border: 1px solid #dddddd;
  margin-top: 15px;
  padding: 10px;
  display: -moz-inline-box;
  display: inline-block;
}

.post cite:before, .post cite:after {
  content: "\00201d";
}

.post small {
  font-size: 12px;
  font-size: 0.8rem;
}

.post .video-container {
  max-width: 640px;
  margin: 32px auto 0;
}

.post .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.post .video iframe, .post .video object, .post .video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 660px) {
  .post .alignright {
    max-width: 160px;
    height: auto;
    margin: 0 0 10px 10px;
  }
  .post .alignleft {
    max-width: 160px;
    height: auto;
    margin: 0 10px 10px 0;
  }
}

.post:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 660px) {
  .post {
    margin-bottom: 20px;
  }
}

/* padding & margin */
main .pd {
  padding: 32px;
}

main .mg {
  margin: 32px;
}

main .nomb {
  margin-bottom: 0 !important;
}

main .nomt {
  margin-top: 0 !important;
}

main .nopt {
  padding-top: 0 !important;
}

main .nopb {
  padding-bottom: 0 !important;
}

main .pt {
  padding-top: 32px;
}

main .pt5 {
  padding-top: 5px;
}

main .pt10 {
  padding-top: 10px;
}

main .pt15 {
  padding-top: 15px;
}

main .pt20 {
  padding-top: 20px;
}

main .pt25 {
  padding-top: 25px;
}

main .pt30 {
  padding-top: 30px;
}

main .pt35 {
  padding-top: 35px;
}

main .pt40 {
  padding-top: 40px;
}

main .pt45 {
  padding-top: 45px;
}

main .pt50 {
  padding-top: 50px;
}

main .pt60 {
  padding-top: 60px;
}

main .pt70 {
  padding-top: 70px;
}

main .pt80 {
  padding-top: 80px;
}

main .pt90 {
  padding-top: 90px;
}

main .pt100 {
  padding-top: 100px;
}

main .pt110 {
  padding-top: 110px;
}

main .pt120 {
  padding-top: 120px;
}

main .pt130 {
  padding-top: 130px;
}

main .pt140 {
  padding-top: 140px;
}

main .pt150 {
  padding-top: 150px;
}

main .pt160 {
  padding-top: 160px;
}

main .pt170 {
  padding-top: 170px;
}

main .pt180 {
  padding-top: 180px;
}

main .pt190 {
  padding-top: 190px;
}

main .pt200 {
  padding-top: 200px;
}

main .pb {
  padding-bottom: 32px;
}

main .pb5 {
  padding-bottom: 5px;
}

main .pb10 {
  padding-bottom: 10px;
}

main .pb15 {
  padding-bottom: 15px;
}

main .pb20 {
  padding-bottom: 20px;
}

main .pb25 {
  padding-bottom: 25px;
}

main .pb30 {
  padding-bottom: 30px;
}

main .pb35 {
  padding-bottom: 35px;
}

main .pb40 {
  padding-bottom: 40px;
}

main .pb45 {
  padding-bottom: 45px;
}

main .pb50 {
  padding-bottom: 50px;
}

main .pb60 {
  padding-bottom: 60px;
}

main .pb70 {
  padding-bottom: 70px;
}

main .pb80 {
  padding-bottom: 80px;
}

main .pb90 {
  padding-bottom: 90px;
}

main .pb100 {
  padding-bottom: 100px;
}

main .pb110 {
  padding-bottom: 110px;
}

main .pb120 {
  padding-bottom: 120px;
}

main .pb130 {
  padding-bottom: 130px;
}

main .pb140 {
  padding-bottom: 140px;
}

main .pb150 {
  padding-bottom: 150px;
}

main .pb160 {
  padding-bottom: 160px;
}

main .pb170 {
  padding-bottom: 170px;
}

main .pb180 {
  padding-bottom: 180px;
}

main .pb190 {
  padding-bottom: 190px;
}

main .pb200 {
  padding-bottom: 200px;
}

main .mt {
  margin-top: 32px;
}

main .mt5 {
  margin-top: 5px;
}

main .mt10 {
  margin-top: 10px;
}

main .mt15 {
  margin-top: 15px;
}

main .mt20 {
  margin-top: 20px;
}

main .mt25 {
  margin-top: 25px;
}

main .mt30 {
  margin-top: 30px;
}

main .mt35 {
  margin-top: 35px;
}

main .mt40 {
  margin-top: 40px;
}

main .mt45 {
  margin-top: 45px;
}

main .mt50 {
  margin-top: 50px;
}

main .mt60 {
  margin-top: 60px;
}

main .mt70 {
  margin-top: 70px;
}

main .mt80 {
  margin-top: 80px;
}

main .mt90 {
  margin-top: 90px;
}

main .mt100 {
  margin-top: 100px;
}

main .mt110 {
  margin-top: 110px;
}

main .mt120 {
  margin-top: 120px;
}

main .mt130 {
  margin-top: 130px;
}

main .mt140 {
  margin-top: 140px;
}

main .mt150 {
  margin-top: 150px;
}

main .mt160 {
  margin-top: 160px;
}

main .mt170 {
  margin-top: 170px;
}

main .mt180 {
  margin-top: 180px;
}

main .mt190 {
  margin-top: 190px;
}

main .mt200 {
  margin-top: 200px;
}

main .mb {
  margin-bottom: 32px;
}

main .mb5 {
  margin-bottom: 5px;
}

main .mb10 {
  margin-bottom: 10px;
}

main .mb15 {
  margin-bottom: 15px;
}

main .mb20 {
  margin-bottom: 20px;
}

main .mb25 {
  margin-bottom: 25px;
}

main .mb30 {
  margin-bottom: 30px;
}

main .mb35 {
  margin-bottom: 35px;
}

main .mb40 {
  margin-bottom: 40px;
}

main .mb45 {
  margin-bottom: 45px;
}

main .mb50 {
  margin-bottom: 50px;
}

main .mb60 {
  margin-bottom: 60px;
}

main .mb70 {
  margin-bottom: 70px;
}

main .mb80 {
  margin-bottom: 80px;
}

main .mb90 {
  margin-bottom: 90px;
}

main .mb100 {
  margin-bottom: 100px;
}

main .mb110 {
  margin-bottom: 110px;
}

main .mb120 {
  margin-bottom: 120px;
}

main .mb130 {
  margin-bottom: 130px;
}

main .mb140 {
  margin-bottom: 140px;
}

main .mb150 {
  margin-bottom: 150px;
}

main .mb160 {
  margin-bottom: 160px;
}

main .mb170 {
  margin-bottom: 170px;
}

main .mb180 {
  margin-bottom: 180px;
}

main .mb190 {
  margin-bottom: 190px;
}

main .mb200 {
  margin-bottom: 200px;
}

main .pl {
  padding-left: 32px;
}

main .pl-a {
  padding-left: auto;
}

main .pl5 {
  padding-left: 5px;
}

main .pl10 {
  padding-left: 10px;
}

main .pl15 {
  padding-left: 15px;
}

main .pl20 {
  padding-left: 20px;
}

main .pl25 {
  padding-left: 25px;
}

main .pr {
  padding-right: 32px;
}

main .pr-a {
  padding-right: auto;
}

main .pr5 {
  padding-right: 5px;
}

main .pr10 {
  padding-right: 10px;
}

main .pr15 {
  padding-right: 15px;
}

main .pr20 {
  padding-right: 20px;
}

main .pr25 {
  padding-right: 25px;
}

main .ml {
  margin-left: 32px;
}

main .ml-a {
  margin-left: auto;
}

main .ml0 {
  margin-left: 0px;
}

main .ml5 {
  margin-left: 5px;
}

main .ml10 {
  margin-left: 10px;
}

main .ml15 {
  margin-left: 15px;
}

main .ml20 {
  margin-left: 20px;
}

main .ml25 {
  margin-left: 25px;
}

main .mr {
  margin-right: 32px;
}

main .mr-a {
  margin-right: auto;
}

main .mr5 {
  margin-right: 5px;
}

main .mr10 {
  margin-right: 10px;
}

main .mr15 {
  margin-right: 15px;
}

main .mr20 {
  margin-right: 20px;
}

main .mr25 {
  margin-right: 25px;
}

@media screen and (max-width: 660px) {
  main .pd {
    padding: 21.33333px;
  }
  main .mg {
    margin: 21.33333px;
  }
  main .pt {
    padding-top: 21.33333px;
  }
  main .pt5 {
    padding-top: 3px;
  }
  main .pt10 {
    padding-top: 6px;
  }
  main .pt15 {
    padding-top: 9px;
  }
  main .pt20 {
    padding-top: 12px;
  }
  main .pt25 {
    padding-top: 15px;
  }
  main .pt30 {
    padding-top: 18px;
  }
  main .pt35 {
    padding-top: 21px;
  }
  main .pt40 {
    padding-top: 24px;
  }
  main .pt45 {
    padding-top: 27px;
  }
  main .pt50 {
    padding-top: 30px;
  }
  main .pt60 {
    padding-top: 36px;
  }
  main .pt70 {
    padding-top: 42px;
  }
  main .pt80 {
    padding-top: 48px;
  }
  main .pt90 {
    padding-top: 54px;
  }
  main .pt100 {
    padding-top: 60px;
  }
  main .pt110 {
    padding-top: 66px;
  }
  main .pt120 {
    padding-top: 72px;
  }
  main .pt130 {
    padding-top: 78px;
  }
  main .pt140 {
    padding-top: 84px;
  }
  main .pt150 {
    padding-top: 90px;
  }
  main .pt160 {
    padding-top: 96px;
  }
  main .pt170 {
    padding-top: 102px;
  }
  main .pt180 {
    padding-top: 108px;
  }
  main .pt190 {
    padding-top: 114px;
  }
  main .pt200 {
    padding-top: 120px;
  }
  main .pb {
    padding-bottom: 21.33333px;
  }
  main .pb5 {
    padding-bottom: 3px;
  }
  main .pb10 {
    padding-bottom: 6px;
  }
  main .pb15 {
    padding-bottom: 9px;
  }
  main .pb20 {
    padding-bottom: 12px;
  }
  main .pb25 {
    padding-bottom: 15px;
  }
  main .pb30 {
    padding-bottom: 18px;
  }
  main .pb35 {
    padding-bottom: 21px;
  }
  main .pb40 {
    padding-bottom: 24px;
  }
  main .pb45 {
    padding-bottom: 27px;
  }
  main .pb50 {
    padding-bottom: 30px;
  }
  main .pb55 {
    padding-bottom: 33px;
  }
  main .pb60 {
    padding-bottom: 36px;
  }
  main .pb65 {
    padding-bottom: 39px;
  }
  main .pb70 {
    padding-bottom: 42px;
  }
  main .pb75 {
    padding-bottom: 45px;
  }
  main .pb80 {
    padding-bottom: 48px;
  }
  main .pb85 {
    padding-bottom: 51px;
  }
  main .pb90 {
    padding-bottom: 54px;
  }
  main .pb95 {
    padding-bottom: 57px;
  }
  main .pb100 {
    padding-bottom: 60px;
  }
  main .pb60 {
    padding-bottom: 36px;
  }
  main .pb70 {
    padding-bottom: 42px;
  }
  main .pb80 {
    padding-bottom: 48px;
  }
  main .pb90 {
    padding-bottom: 54px;
  }
  main .pb100 {
    padding-bottom: 60px;
  }
  main .mt {
    margin-top: 21.33333px;
  }
  main .mt5 {
    margin-top: 3px;
  }
  main .mt10 {
    margin-top: 6px;
  }
  main .mt15 {
    margin-top: 9px;
  }
  main .mt20 {
    margin-top: 12px;
  }
  main .mt25 {
    margin-top: 15px;
  }
  main .mt30 {
    margin-top: 18px;
  }
  main .mt35 {
    margin-top: 21px;
  }
  main .mt40 {
    margin-top: 24px;
  }
  main .mt45 {
    margin-top: 27px;
  }
  main .mt50 {
    margin-top: 30px;
  }
  main .mt55 {
    margin-top: 33px;
  }
  main .mt60 {
    margin-top: 36px;
  }
  main .mt65 {
    margin-top: 39px;
  }
  main .mt70 {
    margin-top: 42px;
  }
  main .mt75 {
    margin-top: 45px;
  }
  main .mt80 {
    margin-top: 48px;
  }
  main .mt85 {
    margin-top: 51px;
  }
  main .mt90 {
    margin-top: 54px;
  }
  main .mt95 {
    margin-top: 57px;
  }
  main .mt100 {
    margin-top: 60px;
  }
  main .mt60 {
    margin-top: 36px;
  }
  main .mt70 {
    margin-top: 42px;
  }
  main .mt80 {
    margin-top: 48px;
  }
  main .mt90 {
    margin-top: 54px;
  }
  main .mt100 {
    margin-top: 60px;
  }
  main .mb {
    margin-bottom: 21.33333px;
  }
  main .mb5 {
    margin-bottom: 3px;
  }
  main .mb10 {
    margin-bottom: 6px;
  }
  main .mb15 {
    margin-bottom: 9px;
  }
  main .mb20 {
    margin-bottom: 12px;
  }
  main .mb25 {
    margin-bottom: 15px;
  }
  main .mb30 {
    margin-bottom: 18px;
  }
  main .mb35 {
    margin-bottom: 21px;
  }
  main .mb40 {
    margin-bottom: 24px;
  }
  main .mb45 {
    margin-bottom: 27px;
  }
  main .mb50 {
    margin-bottom: 30px;
  }
  main .mb55 {
    margin-bottom: 33px;
  }
  main .mb60 {
    margin-bottom: 36px;
  }
  main .mb65 {
    margin-bottom: 39px;
  }
  main .mb70 {
    margin-bottom: 42px;
  }
  main .mb75 {
    margin-bottom: 45px;
  }
  main .mb80 {
    margin-bottom: 48px;
  }
  main .mb85 {
    margin-bottom: 51px;
  }
  main .mb90 {
    margin-bottom: 54px;
  }
  main .mb95 {
    margin-bottom: 57px;
  }
  main .mb100 {
    margin-bottom: 60px;
  }
  main .mb60 {
    margin-bottom: 36px;
  }
  main .mb70 {
    margin-bottom: 42px;
  }
  main .mb80 {
    margin-bottom: 48px;
  }
  main .mb90 {
    margin-bottom: 54px;
  }
  main .mb100 {
    margin-bottom: 60px;
  }
  main .pl {
    padding-left: 21.33333px;
  }
  main .pl5 {
    padding-left: 3px;
  }
  main .pl10 {
    padding-left: 6px;
  }
  main .pl15 {
    padding-left: 9px;
  }
  main .pl20 {
    padding-left: 12px;
  }
  main .pl25 {
    padding-left: 15px;
  }
  main .pr {
    padding-right: 21.33333px;
  }
  main .pr5 {
    padding-right: 3px;
  }
  main .pr10 {
    padding-right: 6px;
  }
  main .pr15 {
    padding-right: 9px;
  }
  main .pr20 {
    padding-right: 12px;
  }
  main .pr25 {
    padding-right: 15px;
  }
  main .ml {
    margin-left: 21.33333px;
  }
  main .ml5 {
    margin-left: 3px;
  }
  main .ml10 {
    margin-left: 6px;
  }
  main .ml15 {
    margin-left: 9px;
  }
  main .ml20 {
    margin-left: 12px;
  }
  main .ml25 {
    margin-left: 15px;
  }
  main .mr {
    margin-right: 21.33333px;
  }
  main .mr5 {
    margin-right: 3px;
  }
  main .mr10 {
    margin-right: 6px;
  }
  main .mr15 {
    margin-right: 9px;
  }
  main .mr20 {
    margin-right: 12px;
  }
  main .mr25 {
    margin-right: 15px;
  }
}

/* padding & margin */