@charset "UTF-8";

/* FILE : /assets/sass/shared/_rest.scss  */
/*:::::::::::::::::::::::::::::::::::::::
RESET
:::::::::::::::::::::::::::::::::::::::*/
body {
  /* webkit系のスマホで文字が拡大されるのを防ぐ */
  -webkit-text-size-adjust: 100%;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
hr {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  text-align: left;
  text-decoration: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
}

html {
  overflow-y: scroll;
}

blockquote,
q {
  quotes: none;
}

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

input,
button,
textarea,
select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  /* 必要に応じて下記はコメントアウト */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

ol,
ul {
  list-style: none;
}

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

caption,
th {
  text-align: left;
}

a:focus {
  outline: none;
}

img {
  vertical-align: bottom;
}

a,
span,
small,
strong,
em {
  color: inherit;
  font-weight: inherit;
}

/* FILE : /assets/sass/shared/_common.scss  */
html {
  font-size: 0.625em;
}

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

*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

/*
+-----------------------------------+
|                                   |
| BODY(body)                        |
|                                   |
+-----------------------------------+
*/
body {
  font: 18px/1.8 "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  color: #1c1c1c;
  letter-spacing: 0.05em;
}

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

input,
textarea,
select,
option {
  font: 18px/1.8 "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  color: #1c1c1c;
}

/*
+-----------------------------------+
|                                   |
|  ANCHOR WRAPPER(wrapper)          |
|                                   |
+-----------------------------------+
*/
@media screen and (max-width: 750px) {
  #wrapper {
    padding-top: 60px;
  }

  #wrapper.nav-open {
    position: fixed;
    left: 0;
    width: 100%;
  }

  #wrapper.nav-open .glnav {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR HEADER(site-header)        |
|                                   |
+-----------------------------------+
*/
.site-header {
  background-color: #162644;
  width: 100%;
}

.site-header__fb {
  float: 0 0 24px;
  width: 24px;
  height: 24px;
  line-height: 1;
  margin-left: auto;
}

.site-header__contact {
  background-color: #d4b250;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.site-header__text {
  color: #fff;
  font-size: 14px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-left: 10px;
}

.site-header__text span {
  display: block;
  text-align: center;
  font-size: 90%;
}

@media screen and (min-width: 751px) {
  .site-header__inner {
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .site-header__menubtn {
    display: none;
  }

  .site-header__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 170px;
    flex: 0 0 170px;
    width: 170px;
    margin-left: auto;
  }

  .site-header__logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 360px;
    flex: 0 0 360px;
    width: 360px;
  }

  .site-header__text {
    box-sizing: border-box;
    margin-left: 20px;
    margin-right: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border: 1px solid #fff;
    text-align: center;
    padding: 10px 0;
    line-height: 1.5;
    font-size: 12px;
    width: calc(100% - 660px);
  }
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  .site-header__text {
    font-size: 15px;
    line-height: 1.2;
    width: calc(100% - 540px);
  }

  .site-header__logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    width: 300px;
  }
}

@media screen and (max-width: 750px) {
  .site-header {
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
  }

  .site-header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
  }

  .site-header__inner.inner {
    padding: 2% 2% 0;
    align-items: initial;
    position: relative;
    height: 100%;
  }

  .site-header__logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 105px;
    flex: 0 0 105px;
  }

  .site-header__contact {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 85px;
    flex: 0 0 85px;
    font-size: 11px;
    height: 40px;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.5% 0 0 33%;
  }

  .site-header__menubtn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    width: 48px;
    text-align: center;
    margin-left: auto;
    margin-top: 2%;
  }

  .site-header__menubtn img {
    width: 36px;
  }

  .site-header__text {
    font-size: 55%;
    width: 95%;
    margin: 0;
    line-height: 1.4;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
  }

  .site-header__text span {
    text-align: left;
    font-size: 100%;
    display: inline;
    margin-left: 1em;
  }
}

@media screen and (max-width: 360px) {
  .site-header__logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
  }

  .site-header__contact {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    font-size: 10px;
  }

  .site-header__text {
    font-size: 10px;
    letter-spacing: 0;
  }
}


@media screen and (max-width: 750px) {
  .bnr_area {
    text-align: center;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR GLOBAL NAVOGATION(glnav)   |
|                                   |
+-----------------------------------+
*/
.glnav {
  width: 100%;
}

.glnav-childnav {
  color: #fff;
  display: none;
}

.glnav-menu {
  font-size: 16px;
}

.glnav-menu__item>a {
  font-weight: bold;
}

.glnav-menu__parent-text {
  display: inline-block;
  position: relative;
  font-weight: bold;
  padding-right: 1.2em;
}

.glnav-menu__parent-text:after {
  content: '>';
  display: block;
  font-size: 18px;
  line-height: 1;
  -webkit-transform: scaleY(0.5) rotate(90deg);
  -ms-transform: scaleY(0.5) rotate(90deg);
  transform: scaleY(0.5) rotate(90deg);
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -.4em;
}

.glnav-menu__parent.open .glnav-menu__parent-text:after {
  content: '<';
}

.glnav-childmenu__item {
  padding: 30px 0;
  border-bottom: 1px solid #3b4962;
}

.glnav-childmenu__item a {
  display: block;
  padding-left: 1em;
  position: relative;
}

.glnav-childmenu__item a:before {
  content: '>';
  display: inline-block;
  -webkit-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (min-width: 751px) {
  .glnav {
    position: relative;
    background-color: #fff;
    z-index: 10;
  }

  .glnav-line {
    display: block;
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    background-color: #162644;
    -webkit-transition: .2s all ease;
    -o-transition: .2s all ease;
    transition: .2s all ease;
  }

  .glnav-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .glnav-menu__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 16.66%;
    height: 66px;
  }

  .glnav-menu__item>a {
    display: block;
    text-align: center;
    height: 66px;
    line-height: 66px;
    color: #162644;
  }

  .glnav-menu__parent {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
  }

  .glnav-menu__parent-text {
    color: #162644;
  }

  .glnav-childnav {
    position: absolute;
    width: 100%;
    background-color: #162644;
    top: 66px;
    left: 0;
  }

  .glnav-childnav__inner {
    padding-bottom: 35px;
  }

  .glnav-childmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .glnav-childmenu__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 18%;
    flex: 0 1 18%;
    width: 18%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 1%;
  }
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  .glnav-menu {
    font-size: 13px;
  }
}

@media screen and (max-width: 750px) {
  .glnav {
    border-top: 2px solid #3b4962;
    position: fixed;
    z-index: 10;
    top: 100px;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    background-color: #162644;
    color: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }

  .glnav.smt-nav {
    -webkit-transition: .2s all ease;
    -o-transition: .2s all ease;
    transition: .2s all ease;
  }

  .glnav-line {
    display: none;
  }

  .glnav-inner {
    padding-left: 15px;
    padding-right: 15px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }

  .glnav-menu__item {
    padding: 25px 0;
    text-align: center;
    border-bottom: 1px solid #3b4962;
  }

  .glnav-childmenu {
    margin-top: 25px;
    border-top: 1px solid #3b4962;
  }

  .glnav-childmenu__item {
    padding: 10px 0;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR FOOTER CONTACT(footer-contact) |
|                                   |
+-----------------------------------+
*/
.footer-contact {
  background: #162644;
  padding: 120px 0;
}

.footer-contact__btn {
  background-color: #d4b250;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.footer-contact__link__text1 {
  color: #fff;
}

.footer-contact__link__text2 {
  color: #fff;
  line-height: 1.2;
}

.footer-contact__link__text2 em {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 40px;
  font-weight: bold;
}

.footer-contact__link__text2 span {
  font-weight: bold;
}

@media screen and (min-width: 751px) {
  .footer-contact__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer-contact__inner>div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 50px 15px 40px;
  }

  .footer-contact__text {
    border-right: 1px solid #3b4962;
  }

  .footer-contact__btn {
    max-width: 480px;
    height: 96px;
    line-height: 96px;
    margin-left: auto;
  }

  .footer-contact__link__text1 {
    margin-top: 20px;
    max-width: 480px;
    margin-left: auto;
  }

  .footer-contact__link__text2 {
    max-width: 480px;
    margin-left: auto;
    color: #fff;
  }
}

@media screen and (max-width: 750px) {
  .footer-contact {
    padding: 50px 15px;
  }

  .footer-contact__text {
    margin-bottom: 40px;
  }

  .footer-contact__btn {
    font-size: 20px;
    max-width: 320px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
  }

  .footer-contact__link a {
    display: block;
  }

  .footer-contact__link__text1 {
    margin-top: 10px;
    text-align: center;
  }

  .footer-contact__link__text2 {
    margin-top: 10px;
    text-align: center;
  }
}

@media screen and (max-width: 450px) {
  .footer-contact__link__text2 em {
    font-size: 30px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR FOOTER (site-footer)       |
|                                   |
+-----------------------------------+
*/
.site-footer {
  background-color: #f4f4f4;
  padding-top: 75px;
}

.site-footer__btn {
  background-color: #d4b250;
  color: #fff;
  font-weight: bold;
  display: block;
  max-width: 250px;
  height: 56px;
  line-height: 56px;
  text-align: center;
}

.site-footer__list {
  margin-bottom: 40px;
}

.site-footer__list-title {
  font-weight: bold;
  letter-spacing: 0.025em;
  position: relative;
}

.site-footer__list-item {
  font-weight: bold;
  letter-spacing: 0.025em;
  position: relative;
  padding-left: .75em;
  margin-top: 0.12em;
}

.site-footer__list-item:before {
  content: '>';
  display: block;
  -webkit-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
  position: absolute;
  left: 0;
  top: .25em;
  line-height: 1;
}

.site-footer__list-smallitem {
  letter-spacing: 0.025em;
  position: relative;
  padding-left: .75em;
  font-size: 16px;
  margin-top: 0.2em;
}

.site-footer__list-smallitem br {
  display: none;
}

.site-footer__list-smallitem:before {
  content: '>';
  display: block;
  -webkit-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
  position: absolute;
  left: 0;
  top: .25em;
  line-height: 1;
}

.site-footer__pagetop {
  text-align: center;
}

.site-footer__pagetop-btn {
  cursor: pointer;
}

.site-footer__copyright {
  text-align: center;
  background-color: #162644;
  font-size: 16px;
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  color: #fff;
  padding: 50px 0;
}

@media screen and (min-width: 751px) {
  .site-footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
  }

  .site-footer__logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    width: 300px;
    margin-right: 100px;
  }

  .site-footer__sitemap {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: calc(100% - 400px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  .site-footer__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .site-footer__logo {
    margin-right: 0;
  }

  .site-footer__sitemap {
    margin-top: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .site-footer {
    padding-top: 40px;
  }

  .site-footer__inner {
    margin-bottom: 20px;
  }

  .site-footer__logo {
    display: block;
    width: 200px;
    margin: 0 auto 30px;
  }

  .site-footer__list {
    margin-bottom: 20px;
  }

  .site-footer__list-item,
  .site-footer__list-title {
    font-size: 13px;
  }

  .site-footer__list-smallitem {
    font-size: 13px;
  }

  .site-footer__sitemap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .site-footer__sitemap-item1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
  }

  .site-footer__sitemap-item2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
  }

  .site-footer__sitemap-item3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .site-footer__btn {
    width: 200px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
  }

  .site-footer__pagetop img {
    width: 50px;
  }

  .site-footer__copyright {
    padding: 20px;
    font-size: 12px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR PAGETITLE                  |
|                                   |
+-----------------------------------+
*/
.pagetitle {
  height: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  background-color: #162644;
}

.pagetitle-text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 1230px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
  font-weight: bold;
  font-size: 56px;
}

.pagetitle-text2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #fff;
  font-weight: bold;
  font-size: 56px;
}

.pagetitle-inner {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1230px;
  padding-right: 15px;
  padding-left: 15px;
}

.pagetitle-contact {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 330px;
  flex: 0 0 330px;
  width: 330px;
  margin-left: auto;
}

.pagetitle-tel {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  color: #fff;
  font-weight: bold;
  font-size: 35px;
}

.pagetitle-tel:before {
  content: 'TEL.';
  font-size: 18px;
  font-weight: normal;
}

.pagetitle-snsbtn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
  margin-left: 30px;
}

.pagetitle-news {
  background-image: url(../img/news/pagetitle.jpg);
}

.pagetitle-privacy {
  background-image: url(../img/privacy/pagetitle.jpg);
}

.pagetitle-recruit {
  background-image: url(../img/recruit/pagetitle.jpg);
}

.pagetitle-taxadviser {
  background-image: url(../img/service/pagetitle-tax.jpg);
}

.pagetitle-philosophy {
  background-image: url(../img/philosophy/pagetitle.jpg);
}

.pagetitle-purpose {
  background-image: url(../img/purpose/pagetitle.jpg);
}

.pagetitle-fukuoka {
  background-image: url(../img/office/pagetitle.jpg);
}

.pagetitle-tenjin {
  background-image: url(../img/office/pagetitle-tenjin.jpg);
}

.pagetitle-tokyo {
  background-image: url(../img/office/pagetitle-tokyo2.jpg);
}

.pagetitle-yokohama {
  background-image: url(../img/office/pagetitle-yokohama.jpg);
}

.pagetitle-kitakyushu {
  background-image: url(../img/office/pagetitle-kitakyushu.jpg);
}

.pagetitle-saga {
  background-image: url(../img/office/pagetitle-saga.jpg);
}

.pagetitle-inheritance {
  background-image: url(../img/service/pagetitle-inheritance.jpg);
}

.pagetitle-cloud {
  background-image: url(../img/service/pagetitle-cloud.jpg);
}

.pagetitle-public {
  background-image: url(../img/service/pagetitle-public.jpg);
}

.pagetitle-salary {
  background-image: url(../img/service/pagetitle-salary.jpg);
}

.pagetitle-overseas {
  background-image: url(../img/service/pagetitle-overseas.jpg);
}

.pagetitle-opinion {
  background-image: url(../img/service/pagetitle-opinion.jpg);
}

.pagetitle-medical {
  background-image: url(../img/service/pagetitle-medical.jpg);
}

.pagetitle-regeneration {
  background-image: url(../img/service/pagetitle-regeneration.jpg);
}

.pagetitle-movie {
  background-image: url(../img/movie/pagetitle-movie.jpg);
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  .pagetitle-contact {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
    width: 250px;
    margin-left: auto;
  }

  .pagetitle-btn.btn-style1__yellow {
    width: 250px;
  }

  .pagetitle-tel {
    font-size: 30px;
  }

  .pagetitle-tel:before {
    font-size: 18px;
  }

  .pagetitle-snsbtn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 750px) {
  .pagetitle {
    height: 150px;
    margin-top: 40px;
  }

  .pagetitle.pagetitle-office {
    padding: 30px 15px;
    height: auto;
  }

  .pagetitle-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .pagetitle-text2 {
    font-size: 25px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 15px;
  }

  .pagetitle-contact {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    width: 200px;
    margin-left: 0;
    margin-right: auto;
  }

  .pagetitle-btn.btn-style1__yellow {
    width: 200px;
    height: 40px;
    line-height: 40px;
  }

  .pagetitle-btn.btn-style1__yellow .btn-style1__text {
    height: 40px;
  }

  .pagetitle-tel {
    font-size: 22px;
  }

  .pagetitle-tel:before {
    font-size: 12px;
  }

  .pagetitle-snsbtn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    margin-left: 10px;
  }

  .pagetitle-text {
    font-size: 25px;
  }

  .pagetitle-tokyo {
    background-image: url(../img/office/pagetitle-tokyo2-smt.jpg);
  }

  .pagetitle-tenjin {
    background-image: url(../img/office/pagetitle-tenjin-smt.jpg);
  }

  .pagetitle-fukuoka {
    background-image: url(../img/office/pagetitle-smt.jpg);
  }

  .pagetitle-yokohama {
    background-image: url(../img/office/pagetitle-yokohama-smt.jpg);
  }

  .pagetitle-kitakyushu {
    background-image: url(../img/office/pagetitle-kitakyushu-smt.jpg);
  }

  .pagetitle-news {
    background-image: url(../img/news/pagetitle-smt.jpg);
  }

  .pagetitle-privacy {
    background-image: url(../img/privacy/pagetitle-smt.jpg);
  }

  .pagetitle-philosophy {
    background-image: url(../img/philosophy/pagetitle-smt.jpg);
  }

  .pagetitle-purpose {
    background-image: url(../img/purpose/pagetitle-smt.jpg);
  }

  .pagetitle-inheritance {
    background-image: url(../img/service/pagetitle-inheritance-smt.jpg);
  }

  .pagetitle-taxadviser {
    background-image: url(../img/service/pagetitle-tax-smt.jpg);
  }

  .pagetitle-cloud {
    background-image: url(../img/service/pagetitle-cloud-smt.jpg);
  }

  .pagetitle-public {
    background-image: url(../img/service/pagetitle-public-smt.jpg);
  }

  .pagetitle-salary {
    background-image: url(../img/service/pagetitle-salary-smt.jpg);
  }

  .pagetitle-overseas {
    background-image: url(../img/service/pagetitle-overseas-smt.jpg);
  }

  .pagetitle-opinion {
    background-image: url(../img/service/pagetitle-opinion-smt.jpg);
  }

  .pagetitle-medical {
    background-image: url(../img/service/pagetitle-medical-smt.jpg);
  }

  .pagetitle-regeneration {
    background-image: url(../img/service/pagetitle-regeneration-smt.jpg);
  }

  .pagetitle-recruit {
    background-image: url(../img/recruit/pagetitle-smt.jpg);
  }

  .pagetitle-movie {
    background-image: url(../img/movie/pagetitle-smt.jpg);
  }
}

@media screen and (max-width: 360px) {
  .pagetitle-contact {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    width: 150px;
    margin-left: 0;
    margin-right: auto;
  }

  .pagetitle-text2 {
    margin-bottom: 10px;
  }

  .pagetitle-btn.btn-style1__yellow {
    width: 150px;
  }

  .pagetitle-btn.btn-style1__yellow .btn-style1__text {
    font-size: 11px;
  }

  .pagetitle-tel {
    font-size: 15px;
  }

  .pagetitle-tel:before {
    font-size: 10px;
  }

  .pagetitle-snsbtn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    margin-left: 10px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR BREAD LIST                 |
|                                   |
+-----------------------------------+
*/
.bread {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 10px;
  padding-bottom: 10px;
}

.bread-item {
  font-size: 14px;
  margin-right: 0.5em;
}

.bread-item a {
  color: #162644;
  text-decoration: underline;
}

.bread-item a:hover {
  text-decoration: none;
}

.bread-item:after {
  content: '>';
  margin-left: 0.5em;
}

.bread .bread-item:last-child {
  margin-right: 0;
}

.bread .bread-item:last-child:after {
  content: none;
}

.bread .bread-item:last-child a {
  font-weight: bold;
  text-decoration: none;
  color: #1c1c1c;
}

/*
+-----------------------------------+
|                                   |
| ANCHOR officetour                 |
|                                   |
+-----------------------------------+
*/
.officetour {
  background-color: #162644;
}

.officetour__tel {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  color: #fff;
  font-size: 56px;
  font-weight: bold;
}

.officetour__tel:before {
  content: 'TEL.';
  font-size: 18px;
}

.officetour__btn {
  background-color: #d4b250;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 80px;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
}

.officetour__btn__text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 1.5em;
  position: relative;
}

.officetour__btn__text:after {
  content: '>';
  line-height: 1;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.5em;
}

@media screen and (min-width: 751px) {
  .officetour__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .officetour__text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .officetour__link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    margin-left: 2%;
    padding-left: 2%;
    border-left: 1px solid rgba(255, 255, 255, 0.16);
  }
}

@media screen and (max-width: 750px) {
  .officetour__text {
    margin-bottom: 40px;
  }

  .officetour__tel {
    margin-bottom: 20px;
    font-size: 32px;
    text-align: center;
  }

  .officetour__tel:before {
    font-size: 14px;
  }
}

@media screen and (max-width: 450px) {
  .officetour__btn {
    height: 60px;
  }
}

/* FILE : /assets/sass/shared/_class.scss  */
/*::::::::::::::::::::::::::::::::::::::: margin,padding :::::::::::::::::::::::::::::::::::::::*/
.pt5 {
  padding-top: 5px;
}

.pr5 {
  padding-right: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.pl5 {
  padding-left: 5px;
}

.mt5 {
  margin-top: 5px;
}

.mr5 {
  margin-right: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.ml5 {
  margin-left: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pr10 {
  padding-right: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.pl10 {
  padding-left: 10px;
}

.mt10 {
  margin-top: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.ml10 {
  margin-left: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pr15 {
  padding-right: 15px;
}

.pb15 {
  padding-bottom: 15px;
}

.pl15 {
  padding-left: 15px;
}

.mt15 {
  margin-top: 15px;
}

.mr15 {
  margin-right: 15px;
}

.mb15 {
  margin-bottom: 15px;
}

.ml15 {
  margin-left: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pr20 {
  padding-right: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.pl20 {
  padding-left: 20px;
}

.mt20 {
  margin-top: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.ml20 {
  margin-left: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pr25 {
  padding-right: 25px;
}

.pb25 {
  padding-bottom: 25px;
}

.pl25 {
  padding-left: 25px;
}

.mt25 {
  margin-top: 25px;
}

.mr25 {
  margin-right: 25px;
}

.mb25 {
  margin-bottom: 25px;
}

.ml25 {
  margin-left: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pr30 {
  padding-right: 30px;
}

.pb30 {
  padding-bottom: 30px;
}

.pl30 {
  padding-left: 30px;
}

.mt30 {
  margin-top: 30px;
}

.mr30 {
  margin-right: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.ml30 {
  margin-left: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pr35 {
  padding-right: 35px;
}

.pb35 {
  padding-bottom: 35px;
}

.pl35 {
  padding-left: 35px;
}

.mt35 {
  margin-top: 35px;
}

.mr35 {
  margin-right: 35px;
}

.mb35 {
  margin-bottom: 35px;
}

.ml35 {
  margin-left: 35px;
}

.pt40 {
  padding-top: 40px;
}

.pr40 {
  padding-right: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.pl40 {
  padding-left: 40px;
}

.mt40 {
  margin-top: 40px;
}

.mr40 {
  margin-right: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.ml40 {
  margin-left: 40px;
}

.pt45 {
  padding-top: 45px;
}

.pr45 {
  padding-right: 45px;
}

.pb45 {
  padding-bottom: 45px;
}

.pl45 {
  padding-left: 45px;
}

.mt45 {
  margin-top: 45px;
}

.mr45 {
  margin-right: 45px;
}

.mb45 {
  margin-bottom: 45px;
}

.ml45 {
  margin-left: 45px;
}

.pt50 {
  padding-top: 50px;
}

.pr50 {
  padding-right: 50px;
}

.pb50 {
  padding-bottom: 50px;
}

.pl50 {
  padding-left: 50px;
}

.mt50 {
  margin-top: 50px;
}

.mr50 {
  margin-right: 50px;
}

.mb50 {
  margin-bottom: 50px;
}

.ml50 {
  margin-left: 50px;
}

.pt55 {
  padding-top: 55px;
}

.pr55 {
  padding-right: 55px;
}

.pb55 {
  padding-bottom: 55px;
}

.pl55 {
  padding-left: 55px;
}

.mt55 {
  margin-top: 55px;
}

.mr55 {
  margin-right: 55px;
}

.mb55 {
  margin-bottom: 55px;
}

.ml55 {
  margin-left: 55px;
}

.pt60 {
  padding-top: 60px;
}

.pr60 {
  padding-right: 60px;
}

.pb60 {
  padding-bottom: 60px;
}

.pl60 {
  padding-left: 60px;
}

.mt60 {
  margin-top: 60px;
}

.mr60 {
  margin-right: 60px;
}

.mb60 {
  margin-bottom: 60px;
}

.ml60 {
  margin-left: 60px;
}

.pt65 {
  padding-top: 65px;
}

.pr65 {
  padding-right: 65px;
}

.pb65 {
  padding-bottom: 65px;
}

.pl65 {
  padding-left: 65px;
}

.mt65 {
  margin-top: 65px;
}

.mr65 {
  margin-right: 65px;
}

.mb65 {
  margin-bottom: 65px;
}

.ml65 {
  margin-left: 65px;
}

.pt70 {
  padding-top: 70px;
}

.pr70 {
  padding-right: 70px;
}

.pb70 {
  padding-bottom: 70px;
}

.pl70 {
  padding-left: 70px;
}

.mt70 {
  margin-top: 70px;
}

.mr70 {
  margin-right: 70px;
}

.mb70 {
  margin-bottom: 70px;
}

.ml70 {
  margin-left: 70px;
}

.pt75 {
  padding-top: 75px;
}

.pr75 {
  padding-right: 75px;
}

.pb75 {
  padding-bottom: 75px;
}

.pl75 {
  padding-left: 75px;
}

.mt75 {
  margin-top: 75px;
}

.mr75 {
  margin-right: 75px;
}

.mb75 {
  margin-bottom: 75px;
}

.ml75 {
  margin-left: 75px;
}

.pt80 {
  padding-top: 80px;
}

.pr80 {
  padding-right: 80px;
}

.pb80 {
  padding-bottom: 80px;
}

.pl80 {
  padding-left: 80px;
}

.mt80 {
  margin-top: 80px;
}

.mr80 {
  margin-right: 80px;
}

.mb80 {
  margin-bottom: 80px;
}

.ml80 {
  margin-left: 80px;
}

.pt85 {
  padding-top: 85px;
}

.pr85 {
  padding-right: 85px;
}

.pb85 {
  padding-bottom: 85px;
}

.pl85 {
  padding-left: 85px;
}

.mt85 {
  margin-top: 85px;
}

.mr85 {
  margin-right: 85px;
}

.mb85 {
  margin-bottom: 85px;
}

.ml85 {
  margin-left: 85px;
}

.pt90 {
  padding-top: 90px;
}

.pr90 {
  padding-right: 90px;
}

.pb90 {
  padding-bottom: 90px;
}

.pl90 {
  padding-left: 90px;
}

.mt90 {
  margin-top: 90px;
}

.mr90 {
  margin-right: 90px;
}

.mb90 {
  margin-bottom: 90px;
}

.ml90 {
  margin-left: 90px;
}

.pt95 {
  padding-top: 95px;
}

.pr95 {
  padding-right: 95px;
}

.pb95 {
  padding-bottom: 95px;
}

.pl95 {
  padding-left: 95px;
}

.mt95 {
  margin-top: 95px;
}

.mr95 {
  margin-right: 95px;
}

.mb95 {
  margin-bottom: 95px;
}

.ml95 {
  margin-left: 95px;
}

.pt100 {
  padding-top: 100px;
}

.pr100 {
  padding-right: 100px;
}

.pb100 {
  padding-bottom: 100px;
}

.pl100 {
  padding-left: 100px;
}

.mt100 {
  margin-top: 100px;
}

.mr100 {
  margin-right: 100px;
}

.mb100 {
  margin-bottom: 100px;
}

.ml100 {
  margin-left: 100px;
}

.pt105 {
  padding-top: 105px;
}

.pr105 {
  padding-right: 105px;
}

.pb105 {
  padding-bottom: 105px;
}

.pl105 {
  padding-left: 105px;
}

.mt105 {
  margin-top: 105px;
}

.mr105 {
  margin-right: 105px;
}

.mb105 {
  margin-bottom: 105px;
}

.ml105 {
  margin-left: 105px;
}

.pt110 {
  padding-top: 110px;
}

.pr110 {
  padding-right: 110px;
}

.pb110 {
  padding-bottom: 110px;
}

.pl110 {
  padding-left: 110px;
}

.mt110 {
  margin-top: 110px;
}

.mr110 {
  margin-right: 110px;
}

.mb110 {
  margin-bottom: 110px;
}

.ml110 {
  margin-left: 110px;
}

.pt115 {
  padding-top: 115px;
}

.pr115 {
  padding-right: 115px;
}

.pb115 {
  padding-bottom: 115px;
}

.pl115 {
  padding-left: 115px;
}

.mt115 {
  margin-top: 115px;
}

.mr115 {
  margin-right: 115px;
}

.mb115 {
  margin-bottom: 115px;
}

.ml115 {
  margin-left: 115px;
}

.pt120 {
  padding-top: 120px;
}

.pr120 {
  padding-right: 120px;
}

.pb120 {
  padding-bottom: 120px;
}

.pl120 {
  padding-left: 120px;
}

.mt120 {
  margin-top: 120px;
}

.mr120 {
  margin-right: 120px;
}

.mb120 {
  margin-bottom: 120px;
}

.ml120 {
  margin-left: 120px;
}

.pt125 {
  padding-top: 125px;
}

.pr125 {
  padding-right: 125px;
}

.pb125 {
  padding-bottom: 125px;
}

.pl125 {
  padding-left: 125px;
}

.mt125 {
  margin-top: 125px;
}

.mr125 {
  margin-right: 125px;
}

.mb125 {
  margin-bottom: 125px;
}

.ml125 {
  margin-left: 125px;
}

.pt130 {
  padding-top: 130px;
}

.pr130 {
  padding-right: 130px;
}

.pb130 {
  padding-bottom: 130px;
}

.pl130 {
  padding-left: 130px;
}

.mt130 {
  margin-top: 130px;
}

.mr130 {
  margin-right: 130px;
}

.mb130 {
  margin-bottom: 130px;
}

.ml130 {
  margin-left: 130px;
}

.pt135 {
  padding-top: 135px;
}

.pr135 {
  padding-right: 135px;
}

.pb135 {
  padding-bottom: 135px;
}

.pl135 {
  padding-left: 135px;
}

.mt135 {
  margin-top: 135px;
}

.mr135 {
  margin-right: 135px;
}

.mb135 {
  margin-bottom: 135px;
}

.ml135 {
  margin-left: 135px;
}

.pt140 {
  padding-top: 140px;
}

.pr140 {
  padding-right: 140px;
}

.pb140 {
  padding-bottom: 140px;
}

.pl140 {
  padding-left: 140px;
}

.mt140 {
  margin-top: 140px;
}

.mr140 {
  margin-right: 140px;
}

.mb140 {
  margin-bottom: 140px;
}

.ml140 {
  margin-left: 140px;
}

.pt145 {
  padding-top: 145px;
}

.pr145 {
  padding-right: 145px;
}

.pb145 {
  padding-bottom: 145px;
}

.pl145 {
  padding-left: 145px;
}

.mt145 {
  margin-top: 145px;
}

.mr145 {
  margin-right: 145px;
}

.mb145 {
  margin-bottom: 145px;
}

.ml145 {
  margin-left: 145px;
}

.pt150 {
  padding-top: 150px;
}

.pr150 {
  padding-right: 150px;
}

.pb150 {
  padding-bottom: 150px;
}

.pl150 {
  padding-left: 150px;
}

.mt150 {
  margin-top: 150px;
}

.mr150 {
  margin-right: 150px;
}

.mb150 {
  margin-bottom: 150px;
}

.ml150 {
  margin-left: 150px;
}

.pt155 {
  padding-top: 155px;
}

.pr155 {
  padding-right: 155px;
}

.pb155 {
  padding-bottom: 155px;
}

.pl155 {
  padding-left: 155px;
}

.mt155 {
  margin-top: 155px;
}

.mr155 {
  margin-right: 155px;
}

.mb155 {
  margin-bottom: 155px;
}

.ml155 {
  margin-left: 155px;
}

.pt160 {
  padding-top: 160px;
}

.pr160 {
  padding-right: 160px;
}

.pb160 {
  padding-bottom: 160px;
}

.pl160 {
  padding-left: 160px;
}

.mt160 {
  margin-top: 160px;
}

.mr160 {
  margin-right: 160px;
}

.mb160 {
  margin-bottom: 160px;
}

.ml160 {
  margin-left: 160px;
}

.pt165 {
  padding-top: 165px;
}

.pr165 {
  padding-right: 165px;
}

.pb165 {
  padding-bottom: 165px;
}

.pl165 {
  padding-left: 165px;
}

.mt165 {
  margin-top: 165px;
}

.mr165 {
  margin-right: 165px;
}

.mb165 {
  margin-bottom: 165px;
}

.ml165 {
  margin-left: 165px;
}

.pt170 {
  padding-top: 170px;
}

.pr170 {
  padding-right: 170px;
}

.pb170 {
  padding-bottom: 170px;
}

.pl170 {
  padding-left: 170px;
}

.mt170 {
  margin-top: 170px;
}

.mr170 {
  margin-right: 170px;
}

.mb170 {
  margin-bottom: 170px;
}

.ml170 {
  margin-left: 170px;
}

.pt175 {
  padding-top: 175px;
}

.pr175 {
  padding-right: 175px;
}

.pb175 {
  padding-bottom: 175px;
}

.pl175 {
  padding-left: 175px;
}

.mt175 {
  margin-top: 175px;
}

.mr175 {
  margin-right: 175px;
}

.mb175 {
  margin-bottom: 175px;
}

.ml175 {
  margin-left: 175px;
}

.pt180 {
  padding-top: 180px;
}

.pr180 {
  padding-right: 180px;
}

.pb180 {
  padding-bottom: 180px;
}

.pl180 {
  padding-left: 180px;
}

.mt180 {
  margin-top: 180px;
}

.mr180 {
  margin-right: 180px;
}

.mb180 {
  margin-bottom: 180px;
}

.ml180 {
  margin-left: 180px;
}

.pt185 {
  padding-top: 185px;
}

.pr185 {
  padding-right: 185px;
}

.pb185 {
  padding-bottom: 185px;
}

.pl185 {
  padding-left: 185px;
}

.mt185 {
  margin-top: 185px;
}

.mr185 {
  margin-right: 185px;
}

.mb185 {
  margin-bottom: 185px;
}

.ml185 {
  margin-left: 185px;
}

.pt190 {
  padding-top: 190px;
}

.pr190 {
  padding-right: 190px;
}

.pb190 {
  padding-bottom: 190px;
}

.pl190 {
  padding-left: 190px;
}

.mt190 {
  margin-top: 190px;
}

.mr190 {
  margin-right: 190px;
}

.mb190 {
  margin-bottom: 190px;
}

.ml190 {
  margin-left: 190px;
}

.pt195 {
  padding-top: 195px;
}

.pr195 {
  padding-right: 195px;
}

.pb195 {
  padding-bottom: 195px;
}

.pl195 {
  padding-left: 195px;
}

.mt195 {
  margin-top: 195px;
}

.mr195 {
  margin-right: 195px;
}

.mb195 {
  margin-bottom: 195px;
}

.ml195 {
  margin-left: 195px;
}

.pt200 {
  padding-top: 200px;
}

.pr200 {
  padding-right: 200px;
}

.pb200 {
  padding-bottom: 200px;
}

.pl200 {
  padding-left: 200px;
}

.mt200 {
  margin-top: 200px;
}

.mr200 {
  margin-right: 200px;
}

.mb200 {
  margin-bottom: 200px;
}

.ml200 {
  margin-left: 200px;
}

@media screen and (max-width: 750px) {
  .pt5-smt {
    padding-top: 5px;
  }

  .pr5-smt {
    padding-right: 5px;
  }

  .pb5-smt {
    padding-bottom: 5px;
  }

  .pl5-smt {
    padding-left: 5px;
  }

  .mt5-smt {
    margin-top: 5px;
  }

  .mr5-smt {
    margin-right: 5px;
  }

  .mb5-smt {
    margin-bottom: 5px;
  }

  .ml5-smt {
    margin-left: 5px;
  }

  .pt10-smt {
    padding-top: 10px;
  }

  .pr10-smt {
    padding-right: 10px;
  }

  .pb10-smt {
    padding-bottom: 10px;
  }

  .pl10-smt {
    padding-left: 10px;
  }

  .mt10-smt {
    margin-top: 10px;
  }

  .mr10-smt {
    margin-right: 10px;
  }

  .mb10-smt {
    margin-bottom: 10px;
  }

  .ml10-smt {
    margin-left: 10px;
  }

  .pt15-smt {
    padding-top: 15px;
  }

  .pr15-smt {
    padding-right: 15px;
  }

  .pb15-smt {
    padding-bottom: 15px;
  }

  .pl15-smt {
    padding-left: 15px;
  }

  .mt15-smt {
    margin-top: 15px;
  }

  .mr15-smt {
    margin-right: 15px;
  }

  .mb15-smt {
    margin-bottom: 15px;
  }

  .ml15-smt {
    margin-left: 15px;
  }

  .pt20-smt {
    padding-top: 20px;
  }

  .pr20-smt {
    padding-right: 20px;
  }

  .pb20-smt {
    padding-bottom: 20px;
  }

  .pl20-smt {
    padding-left: 20px;
  }

  .mt20-smt {
    margin-top: 20px;
  }

  .mr20-smt {
    margin-right: 20px;
  }

  .mb20-smt {
    margin-bottom: 20px;
  }

  .ml20-smt {
    margin-left: 20px;
  }

  .pt25-smt {
    padding-top: 25px;
  }

  .pr25-smt {
    padding-right: 25px;
  }

  .pb25-smt {
    padding-bottom: 25px;
  }

  .pl25-smt {
    padding-left: 25px;
  }

  .mt25-smt {
    margin-top: 25px;
  }

  .mr25-smt {
    margin-right: 25px;
  }

  .mb25-smt {
    margin-bottom: 25px;
  }

  .ml25-smt {
    margin-left: 25px;
  }

  .pt30-smt {
    padding-top: 30px;
  }

  .pr30-smt {
    padding-right: 30px;
  }

  .pb30-smt {
    padding-bottom: 30px;
  }

  .pl30-smt {
    padding-left: 30px;
  }

  .mt30-smt {
    margin-top: 30px;
  }

  .mr30-smt {
    margin-right: 30px;
  }

  .mb30-smt {
    margin-bottom: 30px;
  }

  .ml30-smt {
    margin-left: 30px;
  }

  .pt35-smt {
    padding-top: 35px;
  }

  .pr35-smt {
    padding-right: 35px;
  }

  .pb35-smt {
    padding-bottom: 35px;
  }

  .pl35-smt {
    padding-left: 35px;
  }

  .mt35-smt {
    margin-top: 35px;
  }

  .mr35-smt {
    margin-right: 35px;
  }

  .mb35-smt {
    margin-bottom: 35px;
  }

  .ml35-smt {
    margin-left: 35px;
  }

  .pt40-smt {
    padding-top: 40px;
  }

  .pr40-smt {
    padding-right: 40px;
  }

  .pb40-smt {
    padding-bottom: 40px;
  }

  .pl40-smt {
    padding-left: 40px;
  }

  .mt40-smt {
    margin-top: 40px;
  }

  .mr40-smt {
    margin-right: 40px;
  }

  .mb40-smt {
    margin-bottom: 40px;
  }

  .ml40-smt {
    margin-left: 40px;
  }

  .pt45-smt {
    padding-top: 45px;
  }

  .pr45-smt {
    padding-right: 45px;
  }

  .pb45-smt {
    padding-bottom: 45px;
  }

  .pl45-smt {
    padding-left: 45px;
  }

  .mt45-smt {
    margin-top: 45px;
  }

  .mr45-smt {
    margin-right: 45px;
  }

  .mb45-smt {
    margin-bottom: 45px;
  }

  .ml45-smt {
    margin-left: 45px;
  }

  .pt50-smt {
    padding-top: 50px;
  }

  .pr50-smt {
    padding-right: 50px;
  }

  .pb50-smt {
    padding-bottom: 50px;
  }

  .pl50-smt {
    padding-left: 50px;
  }

  .mt50-smt {
    margin-top: 50px;
  }

  .mr50-smt {
    margin-right: 50px;
  }

  .mb50-smt {
    margin-bottom: 50px;
  }

  .ml50-smt {
    margin-left: 50px;
  }

  .pt55-smt {
    padding-top: 55px;
  }

  .pr55-smt {
    padding-right: 55px;
  }

  .pb55-smt {
    padding-bottom: 55px;
  }

  .pl55-smt {
    padding-left: 55px;
  }

  .mt55-smt {
    margin-top: 55px;
  }

  .mr55-smt {
    margin-right: 55px;
  }

  .mb55-smt {
    margin-bottom: 55px;
  }

  .ml55-smt {
    margin-left: 55px;
  }

  .pt60-smt {
    padding-top: 60px;
  }

  .pr60-smt {
    padding-right: 60px;
  }

  .pb60-smt {
    padding-bottom: 60px;
  }

  .pl60-smt {
    padding-left: 60px;
  }

  .mt60-smt {
    margin-top: 60px;
  }

  .mr60-smt {
    margin-right: 60px;
  }

  .mb60-smt {
    margin-bottom: 60px;
  }

  .ml60-smt {
    margin-left: 60px;
  }

  .pt65-smt {
    padding-top: 65px;
  }

  .pr65-smt {
    padding-right: 65px;
  }

  .pb65-smt {
    padding-bottom: 65px;
  }

  .pl65-smt {
    padding-left: 65px;
  }

  .mt65-smt {
    margin-top: 65px;
  }

  .mr65-smt {
    margin-right: 65px;
  }

  .mb65-smt {
    margin-bottom: 65px;
  }

  .ml65-smt {
    margin-left: 65px;
  }

  .pt70-smt {
    padding-top: 70px;
  }

  .pr70-smt {
    padding-right: 70px;
  }

  .pb70-smt {
    padding-bottom: 70px;
  }

  .pl70-smt {
    padding-left: 70px;
  }

  .mt70-smt {
    margin-top: 70px;
  }

  .mr70-smt {
    margin-right: 70px;
  }

  .mb70-smt {
    margin-bottom: 70px;
  }

  .ml70-smt {
    margin-left: 70px;
  }

  .pt75-smt {
    padding-top: 75px;
  }

  .pr75-smt {
    padding-right: 75px;
  }

  .pb75-smt {
    padding-bottom: 75px;
  }

  .pl75-smt {
    padding-left: 75px;
  }

  .mt75-smt {
    margin-top: 75px;
  }

  .mr75-smt {
    margin-right: 75px;
  }

  .mb75-smt {
    margin-bottom: 75px;
  }

  .ml75-smt {
    margin-left: 75px;
  }

  .pt80-smt {
    padding-top: 80px;
  }

  .pr80-smt {
    padding-right: 80px;
  }

  .pb80-smt {
    padding-bottom: 80px;
  }

  .pl80-smt {
    padding-left: 80px;
  }

  .mt80-smt {
    margin-top: 80px;
  }

  .mr80-smt {
    margin-right: 80px;
  }

  .mb80-smt {
    margin-bottom: 80px;
  }

  .ml80-smt {
    margin-left: 80px;
  }

  .pt85-smt {
    padding-top: 85px;
  }

  .pr85-smt {
    padding-right: 85px;
  }

  .pb85-smt {
    padding-bottom: 85px;
  }

  .pl85-smt {
    padding-left: 85px;
  }

  .mt85-smt {
    margin-top: 85px;
  }

  .mr85-smt {
    margin-right: 85px;
  }

  .mb85-smt {
    margin-bottom: 85px;
  }

  .ml85-smt {
    margin-left: 85px;
  }

  .pt90-smt {
    padding-top: 90px;
  }

  .pr90-smt {
    padding-right: 90px;
  }

  .pb90-smt {
    padding-bottom: 90px;
  }

  .pl90-smt {
    padding-left: 90px;
  }

  .mt90-smt {
    margin-top: 90px;
  }

  .mr90-smt {
    margin-right: 90px;
  }

  .mb90-smt {
    margin-bottom: 90px;
  }

  .ml90-smt {
    margin-left: 90px;
  }

  .pt95-smt {
    padding-top: 95px;
  }

  .pr95-smt {
    padding-right: 95px;
  }

  .pb95-smt {
    padding-bottom: 95px;
  }

  .pl95-smt {
    padding-left: 95px;
  }

  .mt95-smt {
    margin-top: 95px;
  }

  .mr95-smt {
    margin-right: 95px;
  }

  .mb95-smt {
    margin-bottom: 95px;
  }

  .ml95-smt {
    margin-left: 95px;
  }

  .pt100-smt {
    padding-top: 100px;
  }

  .pr100-smt {
    padding-right: 100px;
  }

  .pb100-smt {
    padding-bottom: 100px;
  }

  .pl100-smt {
    padding-left: 100px;
  }

  .mt100-smt {
    margin-top: 100px;
  }

  .mr100-smt {
    margin-right: 100px;
  }

  .mb100-smt {
    margin-bottom: 100px;
  }

  .ml100-smt {
    margin-left: 100px;
  }

  .pt105-smt {
    padding-top: 105px;
  }

  .pr105-smt {
    padding-right: 105px;
  }

  .pb105-smt {
    padding-bottom: 105px;
  }

  .pl105-smt {
    padding-left: 105px;
  }

  .mt105-smt {
    margin-top: 105px;
  }

  .mr105-smt {
    margin-right: 105px;
  }

  .mb105-smt {
    margin-bottom: 105px;
  }

  .ml105-smt {
    margin-left: 105px;
  }

  .pt110-smt {
    padding-top: 110px;
  }

  .pr110-smt {
    padding-right: 110px;
  }

  .pb110-smt {
    padding-bottom: 110px;
  }

  .pl110-smt {
    padding-left: 110px;
  }

  .mt110-smt {
    margin-top: 110px;
  }

  .mr110-smt {
    margin-right: 110px;
  }

  .mb110-smt {
    margin-bottom: 110px;
  }

  .ml110-smt {
    margin-left: 110px;
  }

  .pt115-smt {
    padding-top: 115px;
  }

  .pr115-smt {
    padding-right: 115px;
  }

  .pb115-smt {
    padding-bottom: 115px;
  }

  .pl115-smt {
    padding-left: 115px;
  }

  .mt115-smt {
    margin-top: 115px;
  }

  .mr115-smt {
    margin-right: 115px;
  }

  .mb115-smt {
    margin-bottom: 115px;
  }

  .ml115-smt {
    margin-left: 115px;
  }

  .pt120-smt {
    padding-top: 120px;
  }

  .pr120-smt {
    padding-right: 120px;
  }

  .pb120-smt {
    padding-bottom: 120px;
  }

  .pl120-smt {
    padding-left: 120px;
  }

  .mt120-smt {
    margin-top: 120px;
  }

  .mr120-smt {
    margin-right: 120px;
  }

  .mb120-smt {
    margin-bottom: 120px;
  }

  .ml120-smt {
    margin-left: 120px;
  }

  .pt125-smt {
    padding-top: 125px;
  }

  .pr125-smt {
    padding-right: 125px;
  }

  .pb125-smt {
    padding-bottom: 125px;
  }

  .pl125-smt {
    padding-left: 125px;
  }

  .mt125-smt {
    margin-top: 125px;
  }

  .mr125-smt {
    margin-right: 125px;
  }

  .mb125-smt {
    margin-bottom: 125px;
  }

  .ml125-smt {
    margin-left: 125px;
  }

  .pt130-smt {
    padding-top: 130px;
  }

  .pr130-smt {
    padding-right: 130px;
  }

  .pb130-smt {
    padding-bottom: 130px;
  }

  .pl130-smt {
    padding-left: 130px;
  }

  .mt130-smt {
    margin-top: 130px;
  }

  .mr130-smt {
    margin-right: 130px;
  }

  .mb130-smt {
    margin-bottom: 130px;
  }

  .ml130-smt {
    margin-left: 130px;
  }

  .pt135-smt {
    padding-top: 135px;
  }

  .pr135-smt {
    padding-right: 135px;
  }

  .pb135-smt {
    padding-bottom: 135px;
  }

  .pl135-smt {
    padding-left: 135px;
  }

  .mt135-smt {
    margin-top: 135px;
  }

  .mr135-smt {
    margin-right: 135px;
  }

  .mb135-smt {
    margin-bottom: 135px;
  }

  .ml135-smt {
    margin-left: 135px;
  }

  .pt140-smt {
    padding-top: 140px;
  }

  .pr140-smt {
    padding-right: 140px;
  }

  .pb140-smt {
    padding-bottom: 140px;
  }

  .pl140-smt {
    padding-left: 140px;
  }

  .mt140-smt {
    margin-top: 140px;
  }

  .mr140-smt {
    margin-right: 140px;
  }

  .mb140-smt {
    margin-bottom: 140px;
  }

  .ml140-smt {
    margin-left: 140px;
  }

  .pt145-smt {
    padding-top: 145px;
  }

  .pr145-smt {
    padding-right: 145px;
  }

  .pb145-smt {
    padding-bottom: 145px;
  }

  .pl145-smt {
    padding-left: 145px;
  }

  .mt145-smt {
    margin-top: 145px;
  }

  .mr145-smt {
    margin-right: 145px;
  }

  .mb145-smt {
    margin-bottom: 145px;
  }

  .ml145-smt {
    margin-left: 145px;
  }

  .pt150-smt {
    padding-top: 150px;
  }

  .pr150-smt {
    padding-right: 150px;
  }

  .pb150-smt {
    padding-bottom: 150px;
  }

  .pl150-smt {
    padding-left: 150px;
  }

  .mt150-smt {
    margin-top: 150px;
  }

  .mr150-smt {
    margin-right: 150px;
  }

  .mb150-smt {
    margin-bottom: 150px;
  }

  .ml150-smt {
    margin-left: 150px;
  }

  .pt155-smt {
    padding-top: 155px;
  }

  .pr155-smt {
    padding-right: 155px;
  }

  .pb155-smt {
    padding-bottom: 155px;
  }

  .pl155-smt {
    padding-left: 155px;
  }

  .mt155-smt {
    margin-top: 155px;
  }

  .mr155-smt {
    margin-right: 155px;
  }

  .mb155-smt {
    margin-bottom: 155px;
  }

  .ml155-smt {
    margin-left: 155px;
  }

  .pt160-smt {
    padding-top: 160px;
  }

  .pr160-smt {
    padding-right: 160px;
  }

  .pb160-smt {
    padding-bottom: 160px;
  }

  .pl160-smt {
    padding-left: 160px;
  }

  .mt160-smt {
    margin-top: 160px;
  }

  .mr160-smt {
    margin-right: 160px;
  }

  .mb160-smt {
    margin-bottom: 160px;
  }

  .ml160-smt {
    margin-left: 160px;
  }

  .pt165-smt {
    padding-top: 165px;
  }

  .pr165-smt {
    padding-right: 165px;
  }

  .pb165-smt {
    padding-bottom: 165px;
  }

  .pl165-smt {
    padding-left: 165px;
  }

  .mt165-smt {
    margin-top: 165px;
  }

  .mr165-smt {
    margin-right: 165px;
  }

  .mb165-smt {
    margin-bottom: 165px;
  }

  .ml165-smt {
    margin-left: 165px;
  }

  .pt170-smt {
    padding-top: 170px;
  }

  .pr170-smt {
    padding-right: 170px;
  }

  .pb170-smt {
    padding-bottom: 170px;
  }

  .pl170-smt {
    padding-left: 170px;
  }

  .mt170-smt {
    margin-top: 170px;
  }

  .mr170-smt {
    margin-right: 170px;
  }

  .mb170-smt {
    margin-bottom: 170px;
  }

  .ml170-smt {
    margin-left: 170px;
  }

  .pt175-smt {
    padding-top: 175px;
  }

  .pr175-smt {
    padding-right: 175px;
  }

  .pb175-smt {
    padding-bottom: 175px;
  }

  .pl175-smt {
    padding-left: 175px;
  }

  .mt175-smt {
    margin-top: 175px;
  }

  .mr175-smt {
    margin-right: 175px;
  }

  .mb175-smt {
    margin-bottom: 175px;
  }

  .ml175-smt {
    margin-left: 175px;
  }

  .pt180-smt {
    padding-top: 180px;
  }

  .pr180-smt {
    padding-right: 180px;
  }

  .pb180-smt {
    padding-bottom: 180px;
  }

  .pl180-smt {
    padding-left: 180px;
  }

  .mt180-smt {
    margin-top: 180px;
  }

  .mr180-smt {
    margin-right: 180px;
  }

  .mb180-smt {
    margin-bottom: 180px;
  }

  .ml180-smt {
    margin-left: 180px;
  }

  .pt185-smt {
    padding-top: 185px;
  }

  .pr185-smt {
    padding-right: 185px;
  }

  .pb185-smt {
    padding-bottom: 185px;
  }

  .pl185-smt {
    padding-left: 185px;
  }

  .mt185-smt {
    margin-top: 185px;
  }

  .mr185-smt {
    margin-right: 185px;
  }

  .mb185-smt {
    margin-bottom: 185px;
  }

  .ml185-smt {
    margin-left: 185px;
  }

  .pt190-smt {
    padding-top: 190px;
  }

  .pr190-smt {
    padding-right: 190px;
  }

  .pb190-smt {
    padding-bottom: 190px;
  }

  .pl190-smt {
    padding-left: 190px;
  }

  .mt190-smt {
    margin-top: 190px;
  }

  .mr190-smt {
    margin-right: 190px;
  }

  .mb190-smt {
    margin-bottom: 190px;
  }

  .ml190-smt {
    margin-left: 190px;
  }

  .pt195-smt {
    padding-top: 195px;
  }

  .pr195-smt {
    padding-right: 195px;
  }

  .pb195-smt {
    padding-bottom: 195px;
  }

  .pl195-smt {
    padding-left: 195px;
  }

  .mt195-smt {
    margin-top: 195px;
  }

  .mr195-smt {
    margin-right: 195px;
  }

  .mb195-smt {
    margin-bottom: 195px;
  }

  .ml195-smt {
    margin-left: 195px;
  }

  .pt200-smt {
    padding-top: 200px;
  }

  .pr200-smt {
    padding-right: 200px;
  }

  .pb200-smt {
    padding-bottom: 200px;
  }

  .pl200-smt {
    padding-left: 200px;
  }

  .mt200-smt {
    margin-top: 200px;
  }

  .mr200-smt {
    margin-right: 200px;
  }

  .mb200-smt {
    margin-bottom: 200px;
  }

  .ml200-smt {
    margin-left: 200px;
  }
}

.mb1em {
  margin-bottom: 1em;
}

/*::::::::::::::::::::::::::::::::::::::: font-family :::::::::::::::::::::::::::::::::::::::*/
.ff-mincho {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/*::::::::::::::::::::::::::::::::::::::: text-align :::::::::::::::::::::::::::::::::::::::*/
.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

/*::::::::::::::::::::::::::::::::::::::: text-decoratin :::::::::::::::::::::::::::::::::::::::*/
.text-underline {
  text-decoration: underline;
}

/*::::::::::::::::::::::::::::::::::::::: font-weight :::::::::::::::::::::::::::::::::::::::*/
.font-bold {
  font-weight: bold;
}

/*::::::::::::::::::::::::::::::::::::::: color :::::::::::::::::::::::::::::::::::::::*/
.color-white {
  color: #fff;
}

.color-grey {
  color: #d6d6d6;
}

.color-blue {
  color: #1f5892;
}

.color-blue2 {
  color: #003870;
}

.color-red {
  color: #cc0000;
}

.color-orange {
  color: #cc5502;
}

.color-navy {
  color: #162644;
}

.color-yellow {
  color: #d4b250;
}

.color-lightYellow {
  color: #ffffcc;
}

/*::::::::::::::::::::::::::::::::::::::: border :::::::::::::::::::::::::::::::::::::::*/
.border-top__grey {
  border-top: 1px solid #f4f4f4;
}

/*::::::::::::::::::::::::::::::::::::::: color :::::::::::::::::::::::::::::::::::::::*/
.bg-red {
  background-color: #cc0000;
}

.bg-navy {
  background-color: #162644;
}

.bg-grey {
  background-color: #f4f4f4;
}

.bg-ocher {
  background-color: #eceae5;
}

.bg-aqua {
  background-color: #dce6f0;
}

.bg-white {
  background-color: #fff;
}

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

.fz11 {
  font-size: 11px;
}

.fz12 {
  font-size: 12px;
}

.fz13 {
  font-size: 13px;
}

.fz14 {
  font-size: 14px;
}

.fz15 {
  font-size: 15px;
}

.fz16 {
  font-size: 16px;
}

.fz17 {
  font-size: 17px;
}

.fz18 {
  font-size: 18px;
}

.fz19 {
  font-size: 19px;
}

.fz20 {
  font-size: 20px;
}

.fz21 {
  font-size: 21px;
}

.fz22 {
  font-size: 22px;
}

.fz23 {
  font-size: 23px;
}

.fz24 {
  font-size: 24px;
}

.fz25 {
  font-size: 25px;
}

.fz26 {
  font-size: 26px;
}

.fz27 {
  font-size: 27px;
}

.fz28 {
  font-size: 28px;
}

.fz29 {
  font-size: 29px;
}

.fz30 {
  font-size: 30px;
}

.fz31 {
  font-size: 31px;
}

.fz32 {
  font-size: 32px;
}

.fz33 {
  font-size: 33px;
}

.fz34 {
  font-size: 34px;
}

.fz35 {
  font-size: 35px;
}

.fz36 {
  font-size: 36px;
}

.fz37 {
  font-size: 37px;
}

.fz38 {
  font-size: 38px;
}

.fz39 {
  font-size: 39px;
}

.fz40 {
  font-size: 40px;
}

.fz41 {
  font-size: 41px;
}

.fz42 {
  font-size: 42px;
}

.fz43 {
  font-size: 43px;
}

.fz44 {
  font-size: 44px;
}

.fz45 {
  font-size: 45px;
}

.fz46 {
  font-size: 46px;
}

.fz47 {
  font-size: 47px;
}

.fz48 {
  font-size: 48px;
}

.fz49 {
  font-size: 49px;
}

.fz50 {
  font-size: 50px;
}

@media screen and (max-width: 750px) {
  .fz10-smt {
    font-size: 10px;
  }

  .fz11-smt {
    font-size: 11px;
  }

  .fz12-smt {
    font-size: 12px;
  }

  .fz13-smt {
    font-size: 13px;
  }

  .fz14-smt {
    font-size: 14px;
  }

  .fz15-smt {
    font-size: 15px;
  }

  .fz16-smt {
    font-size: 16px;
  }

  .fz17-smt {
    font-size: 17px;
  }

  .fz18-smt {
    font-size: 18px;
  }

  .fz19-smt {
    font-size: 19px;
  }

  .fz20-smt {
    font-size: 20px;
  }

  .fz21-smt {
    font-size: 21px;
  }

  .fz22-smt {
    font-size: 22px;
  }

  .fz23-smt {
    font-size: 23px;
  }

  .fz24-smt {
    font-size: 24px;
  }

  .fz25-smt {
    font-size: 25px;
  }

  .fz26-smt {
    font-size: 26px;
  }

  .fz27-smt {
    font-size: 27px;
  }

  .fz28-smt {
    font-size: 28px;
  }

  .fz29-smt {
    font-size: 29px;
  }

  .fz30-smt {
    font-size: 30px;
  }

  .fz31-smt {
    font-size: 31px;
  }

  .fz32-smt {
    font-size: 32px;
  }

  .fz33-smt {
    font-size: 33px;
  }

  .fz34-smt {
    font-size: 34px;
  }

  .fz35-smt {
    font-size: 35px;
  }

  .fz36-smt {
    font-size: 36px;
  }

  .fz37-smt {
    font-size: 37px;
  }

  .fz38-smt {
    font-size: 38px;
  }

  .fz39-smt {
    font-size: 39px;
  }

  .fz40-smt {
    font-size: 40px;
  }

  .fz41-smt {
    font-size: 41px;
  }

  .fz42-smt {
    font-size: 42px;
  }

  .fz43-smt {
    font-size: 43px;
  }

  .fz44-smt {
    font-size: 44px;
  }

  .fz45-smt {
    font-size: 45px;
  }

  .fz46-smt {
    font-size: 46px;
  }

  .fz47-smt {
    font-size: 47px;
  }

  .fz48-smt {
    font-size: 48px;
  }

  .fz49-smt {
    font-size: 49px;
  }

  .fz50-smt {
    font-size: 50px;
  }
}

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

.lh11 {
  line-height: 1.1;
}

.lh12 {
  line-height: 1.2;
}

.lh13 {
  line-height: 1.3;
}

.lh14 {
  line-height: 1.4;
}

.lh15 {
  line-height: 1.5;
}

.lh16 {
  line-height: 1.6;
}

.lh17 {
  line-height: 1.7;
}

.lh18 {
  line-height: 1.8;
}

.lh19 {
  line-height: 1.9;
}

.lh20 {
  line-height: 2;
}

.lh21 {
  line-height: 2.1;
}

.lh22 {
  line-height: 2.2;
}

.lh23 {
  line-height: 2.3;
}

.lh24 {
  line-height: 2.4;
}

.lh25 {
  line-height: 2.5;
}

.lh26 {
  line-height: 2.6;
}

.lh27 {
  line-height: 2.7;
}

.lh28 {
  line-height: 2.8;
}

.lh29 {
  line-height: 2.9;
}

.lh30 {
  line-height: 3;
}

.lh31 {
  line-height: 3.1;
}

.lh32 {
  line-height: 3.2;
}

.lh33 {
  line-height: 3.3;
}

.lh34 {
  line-height: 3.4;
}

.lh35 {
  line-height: 3.5;
}

.lh36 {
  line-height: 3.6;
}

.lh37 {
  line-height: 3.7;
}

.lh38 {
  line-height: 3.8;
}

.lh39 {
  line-height: 3.9;
}

.lh40 {
  line-height: 4;
}

.lh41 {
  line-height: 4.1;
}

.lh42 {
  line-height: 4.2;
}

.lh43 {
  line-height: 4.3;
}

.lh44 {
  line-height: 4.4;
}

.lh45 {
  line-height: 4.5;
}

.lh46 {
  line-height: 4.6;
}

.lh47 {
  line-height: 4.7;
}

.lh48 {
  line-height: 4.8;
}

.lh49 {
  line-height: 4.9;
}

.lh50 {
  line-height: 5;
}

/*::::::::::::::::::::::::::::::::::::::: max-width :::::::::::::::::::::::::::::::::::::::*/
.mw100 {
  max-width: 100px;
}

.mw110 {
  max-width: 110px;
}

.mw120 {
  max-width: 120px;
}

.mw130 {
  max-width: 130px;
}

.mw140 {
  max-width: 140px;
}

.mw150 {
  max-width: 150px;
}

.mw160 {
  max-width: 160px;
}

.mw170 {
  max-width: 170px;
}

.mw180 {
  max-width: 180px;
}

.mw190 {
  max-width: 190px;
}

.mw200 {
  max-width: 200px;
}

.mw210 {
  max-width: 210px;
}

.mw220 {
  max-width: 220px;
}

.mw230 {
  max-width: 230px;
}

.mw240 {
  max-width: 240px;
}

.mw250 {
  max-width: 250px;
}

.mw260 {
  max-width: 260px;
}

.mw270 {
  max-width: 270px;
}

.mw280 {
  max-width: 280px;
}

.mw290 {
  max-width: 290px;
}

.mw300 {
  max-width: 300px;
}

.mw310 {
  max-width: 310px;
}

.mw320 {
  max-width: 320px;
}

.mw330 {
  max-width: 330px;
}

.mw340 {
  max-width: 340px;
}

.mw350 {
  max-width: 350px;
}

.mw360 {
  max-width: 360px;
}

.mw370 {
  max-width: 370px;
}

.mw380 {
  max-width: 380px;
}

.mw390 {
  max-width: 390px;
}

.mw400 {
  max-width: 400px;
}

.mw410 {
  max-width: 410px;
}

.mw420 {
  max-width: 420px;
}

.mw430 {
  max-width: 430px;
}

.mw440 {
  max-width: 440px;
}

.mw450 {
  max-width: 450px;
}

.mw460 {
  max-width: 460px;
}

.mw470 {
  max-width: 470px;
}

.mw480 {
  max-width: 480px;
}

.mw490 {
  max-width: 490px;
}

.mw500 {
  max-width: 500px;
}

.mw510 {
  max-width: 510px;
}

.mw520 {
  max-width: 520px;
}

.mw530 {
  max-width: 530px;
}

.mw540 {
  max-width: 540px;
}

.mw550 {
  max-width: 550px;
}

.mw560 {
  max-width: 560px;
}

.mw570 {
  max-width: 570px;
}

.mw580 {
  max-width: 580px;
}

.mw590 {
  max-width: 590px;
}

.mw600 {
  max-width: 600px;
}

.mw610 {
  max-width: 610px;
}

.mw620 {
  max-width: 620px;
}

.mw630 {
  max-width: 630px;
}

.mw640 {
  max-width: 640px;
}

.mw650 {
  max-width: 650px;
}

.mw660 {
  max-width: 660px;
}

.mw670 {
  max-width: 670px;
}

.mw680 {
  max-width: 680px;
}

.mw690 {
  max-width: 690px;
}

.mw700 {
  max-width: 700px;
}

.mw710 {
  max-width: 710px;
}

.mw720 {
  max-width: 720px;
}

.mw730 {
  max-width: 730px;
}

.mw740 {
  max-width: 740px;
}

.mw750 {
  max-width: 750px;
}

.mw760 {
  max-width: 760px;
}

.mw770 {
  max-width: 770px;
}

.mw780 {
  max-width: 780px;
}

.mw790 {
  max-width: 790px;
}

.mw800 {
  max-width: 800px;
}

.mw810 {
  max-width: 810px;
}

.mw820 {
  max-width: 820px;
}

.mw830 {
  max-width: 830px;
}

.mw840 {
  max-width: 840px;
}

.mw850 {
  max-width: 850px;
}

.mw860 {
  max-width: 860px;
}

.mw870 {
  max-width: 870px;
}

.mw880 {
  max-width: 880px;
}

.mw890 {
  max-width: 890px;
}

.mw900 {
  max-width: 900px;
}

.mw910 {
  max-width: 910px;
}

.mw920 {
  max-width: 920px;
}

.mw930 {
  max-width: 930px;
}

.mw940 {
  max-width: 940px;
}

.mw950 {
  max-width: 950px;
}

.mw960 {
  max-width: 960px;
}

.mw970 {
  max-width: 970px;
}

.mw980 {
  max-width: 980px;
}

.mw990 {
  max-width: 990px;
}

.mw1000 {
  max-width: 1000px;
}

.mw1010 {
  max-width: 1010px;
}

.mw1020 {
  max-width: 1020px;
}

.mw1030 {
  max-width: 1030px;
}

.mw1040 {
  max-width: 1040px;
}

.mw1050 {
  max-width: 1050px;
}

.mw1060 {
  max-width: 1060px;
}

.mw1070 {
  max-width: 1070px;
}

.mw1080 {
  max-width: 1080px;
}

.mw1090 {
  max-width: 1090px;
}

.mw1100 {
  max-width: 1100px;
}

.mw1110 {
  max-width: 1110px;
}

.mw1120 {
  max-width: 1120px;
}

.mw1130 {
  max-width: 1130px;
}

.mw1140 {
  max-width: 1140px;
}

.mw1150 {
  max-width: 1150px;
}

.mw1160 {
  max-width: 1160px;
}

.mw1170 {
  max-width: 1170px;
}

.mw1180 {
  max-width: 1180px;
}

.mw1190 {
  max-width: 1190px;
}

.mw1200 {
  max-width: 1200px;
}

.mw1210 {
  max-width: 1210px;
}

.mw1220 {
  max-width: 1220px;
}

.mw1230 {
  max-width: 1230px;
}

.mw1240 {
  max-width: 1240px;
}

.mw1250 {
  max-width: 1250px;
}

.mw1260 {
  max-width: 1260px;
}

.mw1270 {
  max-width: 1270px;
}

.mw1280 {
  max-width: 1280px;
}

.mw1290 {
  max-width: 1290px;
}

.mw1300 {
  max-width: 1300px;
}

/* FILE : /assets/sass/shared/_item.scss  */
/* clearfix
------------------------ */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
  min-height: 1%;
}

/* for IE-mac */
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* hide
------------------------ */
@media screen and (min-width: 1025px) {
  .pc-hide {
    display: none;
  }
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  .tablet-hide {
    display: none;
  }
}

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

/* .hover
------------------------ */
@media screen and (min-width: 751px) {
  .hover-alpha {
    -webkit-transition: .2s opacity ease-in;
    -o-transition: .2s opacity ease-in;
    transition: .2s opacity ease-in;
  }

  .hover-alpha:hover {
    opacity: .6;
  }

  .hover-line:hover {
    text-decoration: underline;
  }
}

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

/* box-center
------------------------ */
.box-center {
  margin-left: auto;
  margin-right: auto;
}

/* .inner
------------------------ */
.inner {
  max-width: 1230px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.inner__nogutter {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.l-content {
  max-width: 1230px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.l-content__nogutter {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* .space
------------------------ */
.space {
  padding-top: 75px;
}

@media screen and (max-width: 750px) {
  .space {
    padding-top: 50px;
  }
}

/* .space-section
------------------------ */
.space-section {
  padding-top: 75px;
  padding-bottom: 75px;
}

@media screen and (max-width: 750px) {
  .space-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

/* .page-main
------------------------ */
.page-main {
  padding-top: 65px;
}

@media screen and (max-width: 750px) {
  .page-main {
    padding-top: 0;
  }
}

/* .paddingbox
------------------------ */
.paddingbox {
  padding: 40px;
}

@media screen and (max-width: 750px) {
  .paddingbox {
    padding: 20px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR TEXT                       |
|                                   |
+-----------------------------------+
*/
/* .text-style1
------------------------ */
.text-style1 {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 24px;
}

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

/* .ballon-text
------------------------ */
.ballon-text {
  background-color: #fff;
  border: 2px solid #d6d6d6;
  line-height: 1.6;
  padding: 5px;
  margin-bottom: 17px;
  position: relative;
}

.ballon-text:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #fff;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  border-bottom: 0 solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -9px;
  bottom: -12px;
  z-index: 2;
}

.ballon-text:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #d6d6d6;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  border-bottom: 0 solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -9px;
  bottom: -15px;
  z-index: 1;
}

/*
+-----------------------------------+
|                                   |
| ANCHOR TITLE                      |
|                                   |
+-----------------------------------+
*/
/* .page-title
------------------------ */
.page-title {
  text-align: center;
  font-weight: bold;
  font-size: 48px;
  line-height: 1.2;
}

.page-title small {
  font-size: 0.4em;
}

@media screen and (max-width: 750px) {
  .page-title {
    font-size: 32px;
    margin-top: 1em;
  }
}

/* .h2-title
------------------------ */
.h2-title {
  text-align: center;
  line-height: 1.5;
}

.h2-title__en {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 48px;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.h2-title__ja {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 750px) {
  .h2-title__en {
    font-size: 32px;
  }

  .h2-title__ja {
    font-size: 18px;
  }
}

/* .h2-sectitle
------------------------ */
.h2-sectitle {
  color: #003870;
  font-size: 40px;
  font-weight: bold;
}

.h2-sectitle.color-white {
  color: #fff;
}

@media screen and (max-width: 750px) {
  .h2-sectitle {
    font-size: 28px;
  }
}

/* .h3-title
------------------------ */
.h3-title {
  font-size: 32px;
  color: #162644;
  font-weight: bold;
  border-bottom: 4px solid #162644;
  padding-bottom: 15px;
}

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

/* .h3-title2
------------------------ */
.h3-title2 {
  font-size: 30px;
  color: #162644;
  font-weight: bold;
}

@media screen and (max-width: 750px) {
  .h3-title2 {
    font-size: 25px;
  }
}

/* .h4-title
------------------------ */
.h4-title {
  font-size: 24px;
  font-weight: bold;
}

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

/* .h4-title2
------------------------ */
.h4-title2 {
  font-size: 20px;
  font-weight: bold;
}

.h4-title2:before {
  content: '■';
}

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

/* .h4-title3
------------------------ */
.h4-title3 {
  font-size: 20px;
  font-weight: bold;
  color: #003870;
}

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

/* .h4-title4
------------------------ */
.h4-title4 {
  font-size: 20px;
  font-weight: bold;
  color: #003870;
  border-bottom: 2px solid #003870;
}

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

/*
+-----------------------------------+
|                                   |
| ANCHOR BTN                        |
|                                   |
+-----------------------------------+
*/
/* .btn-style1
------------------------ */
.btn-style1 {
  display: inline-block;
  width: 100%;
  max-width: 320px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background-color: #162644;
}

.btn-style1.wide {
  max-width: none;
}

.btn-style1__yellow {
  display: inline-block;
  width: 100%;
  max-width: 320px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background-color: #d4b250;
}

.btn-style1__white {
  display: inline-block;
  width: 100%;
  max-width: 320px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background-color: #fff;
}

.btn-style1__white .btn-style1__text {
  color: #162644;
}

.btn-style1__text {
  display: inline-block;
  padding-right: 1em;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  color: #fff;
}

.btn-style1__text:after {
  content: '>';
  display: block;
  -webkit-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
  position: absolute;
  line-height: 1;
  right: 0;
  top: 50%;
  margin-top: -0.6em;
}

@media screen and (min-width: 751px) {
  .btn-style1 {
    -webkit-transition: .2s opacity ease-in;
    -o-transition: .2s opacity ease-in;
    transition: .2s opacity ease-in;
  }

  .btn-style1:hover {
    opacity: .6;
  }
}

@media screen and (max-width: 750px) {
  .btn-style1 {
    height: 52px;
    line-height: 52px;
    max-width: 300px;
  }

  .btn-style1__text {
    font-size: 14px;
  }
}

/* .btn-style2
------------------------ */
.btn-style2 {
  display: inline-block;
  width: 100%;
  max-width: 400px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  background-color: #d4b250;
}

@media screen and (min-width: 751px) {
  .btn-style2 {
    -webkit-transition: .2s opacity ease-in;
    -o-transition: .2s opacity ease-in;
    transition: .2s opacity ease-in;
  }

  .btn-style2:hover {
    opacity: .6;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR JAVASCRIPT                 |
|                                   |
+-----------------------------------+
*/
/*
.imgfit
-------------------------- */
/* ofi */
img.ofi {
  max-width: none;
  width: 100%;
  height: 100%;
}

.imgfit__cover__center-center {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  font-family: "object-fit: cover; object-position: center center;";
}

.imgfit__cover__center-top {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
  font-family: "object-fit: cover; object-position: center top;";
}

.imgfit__cover__center-bottom {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center bottom;
  object-position: center bottom;
  font-family: "object-fit: cover; object-position: center bottom;";
}

.imgfit__cover__left-center {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left center;
  object-position: left center;
  font-family: "object-fit: cover; object-position: left center;";
}

.imgfit__cover__left-top {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left top;
  object-position: left top;
  font-family: "object-fit: cover; object-position: left top;";
}

.imgfit__cover__left-bottom {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left bottom;
  object-position: left bottom;
  font-family: "object-fit: cover; object-position: left bottom;";
}

.imgfit__cover__right-center {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right center;
  object-position: right center;
  font-family: "object-fit: cover; object-position: right center;";
}

.imgfit__cover__right-top {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right top;
  object-position: right top;
  font-family: "object-fit: cover; object-position: right top;";
}

.imgfit__cover__right-bottom {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right bottom;
  object-position: right bottom;
  font-family: "object-fit: cover; object-position: right bottom;";
}

.imgfit__contain__center-center {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
  font-family: "object-fit: contain; object-position: center center;";
}

.imgfit__contain__center-top {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center top;
  object-position: center top;
  font-family: "object-fit: contain; object-position: center top;";
}

.imgfit__contain__center-bottom {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center bottom;
  object-position: center bottom;
  font-family: "object-fit: contain; object-position: center bottom;";
}

.imgfit__contain__left-center {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left center;
  object-position: left center;
  font-family: "object-fit: contain; object-position: left center;";
}

.imgfit__contain__left-top {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left top;
  object-position: left top;
  font-family: "object-fit: contain; object-position: left top;";
}

.imgfit__contain__left-bottom {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left bottom;
  object-position: left bottom;
  font-family: "object-fit: contain; object-position: left bottom;";
}

.imgfit__contain__right-center {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: right center;
  object-position: right center;
  font-family: "object-fit: contain; object-position: right center;";
}

.imgfit__contain__right-top {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: right top;
  object-position: right top;
  font-family: "object-fit: contain; object-position: right top;";
}

.imgfit__contain__right-bottom {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: right bottom;
  object-position: right bottom;
  font-family: "object-fit: contain; object-position: right bottom;";
}

/* FILE : /assets/sass/shared/_parts.scss  */
/* .imgbox
------------------------ */
.imgbox-text {
  padding: 27px;
}

@media screen and (min-width: 751px) {
  .imgbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .imgbox-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    height: 480px;
  }

  .imgbox-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (max-width: 450px) {
  .imgbox-text {
    padding: 30px 15px;
  }
}

/* .imgbox2
------------------------ */
@media screen and (min-width: 751px) {
  .imgbox2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .imgbox2-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41%;
    flex: 0 0 41%;
    max-width: 41%;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .imgbox2-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (max-width: 750px) {
  .imgbox2-text {
    margin-bottom: 20px;
  }

  .imgbox2-img {
    text-align: center;
  }
}

/* .imgbox3
------------------------ */
@media screen and (min-width: 751px) {
  .imgbox3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .imgbox3-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 320px;
    flex: 0 0 320px;
    max-width: 320px;
  }

  .imgbox3-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 380px);
    flex: 0 0 calc(100% - 380px);
    width: calc(100% - 380px);
  }
}

@media screen and (max-width: 750px) {
  .imgbox3-img {
    text-align: center;
    margin-bottom: 20px;
  }
}

/* .pointBlock
------------------------ */
.pointBlock {
  padding: 25px 40px;
}

.pointBlock-title {
  color: #cc5502;
  font-weight: bold;
  font-size: 20px;
}

.pointBlock-title:before {
  content: 'POINT';
  background-color: #cc5502;
  display: inline-block;
  width: 115px;
  height: 36px;
  line-height: 36px;
  border-radius: 18px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  margin-right: 20px;
  font-size: 18px;
}

@media screen and (max-width: 750px) {
  .pointBlock {
    padding: 25px 15px;
  }

  .pointBlock-title {
    font-size: 18px;
  }

  .pointBlock-title:before {
    width: 85px;
    margin-right: 10px;
    font-size: 14px;
  }
}

/* .btncol2
------------------------ */
.btncol2 .btn-style1,
.btncol2 .btn-style1__yellow {
  max-width: none;
  height: 80px;
  line-height: 80px;
}

@media screen and (min-width: 751px) {
  .btncol2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .btncol2__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
  }
}

@media screen and (max-width: 750px) {
  .btncol2__item {
    margin-top: 20px;
  }

  .btncol2 .btncol2__item:nth-child(1) {
    margin-top: 0;
  }

  .btncol2 .btn-style1,
  .btncol2 .btn-style1__yellow {
    max-width: none;
    height: 60px;
    line-height: 60px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR LIST                       |
|                                   |
+-----------------------------------+
*/
/* .list1
------------------------ */
.list1 {
  margin-left: -4px;
  margin-right: -4px;
}

.list1-item {
  margin: 4px;
  padding: 15px;
}

.list1-item:before {
  content: '■';
  color: #003870;
  margin-right: 0.5em;
}

@media screen and (min-width: 751px) {
  .list1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .list1-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
  }
}

@media screen and (max-width: 750px) {
  .list1-item {
    padding: 10px;
  }
}

/* .list2
------------------------ */
.list2-item {
  margin: 10px 0;
  padding: 15px;
}

.list2-item:before {
  content: '■';
  color: #003870;
  margin-right: 0.5em;
}

@media screen and (max-width: 750px) {
  .list2-item {
    padding: 10px;
  }
}

/* .list3
------------------------ */
.list3-item {
  margin: 10px 0;
  padding-left: 1em;
  text-indent: -1em;
}

.list3-item:before {
  content: '■';
  color: #003870;
  margin-right: 0.5em;
}

.list3-item.circle:before {
  content: '●';
}

/* .stafflist
------------------------ */
.stafflist-content {
  background-color: #162644;
  color: #fff;
  padding: 25px 30px;
}

.stafflist-name {
  line-height: 1.4;
}

.stafflist-name em {
  font-size: 30px;
  display: inline-block;
  font-weight: bold;
  margin-top: 10px;
}

.stafflist-name span {
  font-size: 18px;
  font-weight: normal;
  display: inline-block;
  margin-right: 10px;
  line-height: 1.2;
}

.stafflist-name small {
  font-weight: normal;
  font-size: 13px;
  line-height: 1;
}

@media screen and (max-width: 1024px) {
  .stafflist-content {
    padding: 15px 30px;
  }
}

@media screen and (min-width: 751px) {
  .stafflist {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
  }

  .stafflist-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 21%;
    flex: 0 0 21%;
    max-width: 21%;
    margin: 40px 2%;
  }

  .stafflist .stafflist-item:nth-child(1),
  .stafflist .stafflist-item:nth-child(2),
  .stafflist .stafflist-item:nth-child(3),
  .stafflist .stafflist-item:nth-child(4) {
    /*margin-top: 0;*/
  }
}

@media screen and (max-width: 750px) {
  .stafflist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
  }

  .stafflist-content {
    padding: 20px 15px;
    height: 100%;
  }

  .stafflist-item {
    width: 48%;
    margin-bottom: 4%;
    overflow: hidden;
  }

  .stafflist-name em {
    font-size: 25px;
  }

  .stafflist-name span {
    font-size: 18px;
  }

  .stafflist-name small {
    font-weight: normal;
    font-size: 14px;
  }
}

/* .col3list
------------------------ */
.col3list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 751px) {
  .col3list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
    margin-right: 2%;
    margin-top: 40px;
  }

  .col3list .col3list__item:nth-child(1),
  .col3list .col3list__item:nth-child(2),
  .col3list .col3list__item:nth-child(3) {
    margin-top: 0;
  }

  .col3list .col3list__item:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 750px) {
  .col3list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
    margin-right: 2%;
    margin-top: 25px;
  }

  .col3list .col3list__item:nth-child(1),
  .col3list .col3list__item:nth-child(2) {
    margin-top: 0;
  }

  .col3list .col3list__item:nth-child(2n) {
    margin-right: 0;
  }
}

/* .col4list
------------------------ */
.col4list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 751px) {
  .col4list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23.5%;
    flex: 0 0 23.5%;
    max-width: 23.5%;
    margin-right: 2%;
    margin-top: 40px;
  }

  .col4list .col4list__item:nth-child(1),
  .col4list .col4list__item:nth-child(2),
  .col4list .col4list__item:nth-child(3),
  .col4list .col4list__item:nth-child(4) {
    margin-top: 0;
  }

  .col4list .col4list__item:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 750px) {
  .col4list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
    margin-right: 2%;
    margin-top: 25px;
  }

  .col4list .col4list__item:nth-child(1),
  .col4list .col4list__item:nth-child(2) {
    margin-top: 0;
  }

  .col4list .col4list__item:nth-child(2n) {
    margin-right: 0;
  }
}

/* .pager
------------------------ */
.pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pager__item {
  border: 1px solid #d6d6d6;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  margin: 0 5px;
  font-size: 15px;
  -webkit-transition: .2s opacity ease-in;
  -o-transition: .2s opacity ease-in;
  transition: .2s opacity ease-in;
}

.pager__item--current {
  background-color: #162644;
  color: #fff;
  border: 1px solid #162644;
}

.pager__item:hover {
  opacity: .6;
}

@media screen and (max-width: 450px) {
  .pager__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 13px;
  }
}

/* .col2box
------------------------ */
@media screen and (min-width: 751px) {
  .col2box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .col2box__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
  }
}

/* FILE : /assets/sass/pages/_top.scss  */
/*
+-----------------------------------+
|                                   |
| ANCHOR KV                         |
|                                   |
+-----------------------------------+
*/
.tkv-slide__title1 {
  display: block;
  margin-bottom: 42px;
}

.tkv-slide__text1 {
  font-size: 24px;
  line-height: 2;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.tkv-slide__title2 {
  display: block;
  text-align: center;
  color: #162644;
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 6px #fff;
  font-weight: bold;
  font-size: 38px;
  line-height: 1.7;
  letter-spacing: 0.1em;
  margin-bottom: 1em;
}

.tkv-slide__text2 {
  text-align: center;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #162644;
  font-size: 38px;
  line-height: 1.7;
  letter-spacing: 0.1em;
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 6px #fff;
}

.tkv-pagination {
  position: absolute;
  z-index: 5;
  bottom: 40px;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tkv-bullet {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 12px;
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #fff;
  background-color: #fff;
  margin: 0 16px;
  cursor: pointer;
}

.tkv-bullet.tkv-bullet-active {
  background-color: #162644;
}

@media screen and (min-width: 751px) {
  .tkv-slide.slide1 {
    background: url(../img/top/slide1.jpg) no-repeat center center/cover;
  }

  .tkv-slide.slide2 {
    background: url(../img/top/slide2.jpg) no-repeat center center/cover;
  }

  .tkv-slide.slide3 {
    background: url(../img/top/slide3.jpg) no-repeat center center/cover;
  }

  .tkv-slide__inner {
    padding-top: 105px;
    height: 500px;
  }

  .tkv-slide__text1 {
    padding-left: 4em;
  }
}

@media screen and (min-width: 751px) and (max-width: 1366px) {

  .tkv-slide__title2,
  .tkv-slide__text2 {
    font-size: 30px;
  }
}

@media screen and (min-width: 751px) and (max-width: 1024px) {

  .tkv-slide__title2,
  .tkv-slide__text2 {
    font-size: 25px;
  }
}

@media screen and (max-width: 750px) {
  .tkv-pagination {
    bottom: 30px;
  }

  .tkv-slide.slide1 {
    background: url(../img/top/slide1-smt.jpg) no-repeat center center/cover;
  }

  .tkv-slide.slide2 {
    background: url(../img/top/slide2-smt.jpg) no-repeat center center/cover;
  }

  .tkv-slide.slide3 {
    background: url(../img/top/slide3-smt.jpg) no-repeat center center/100% auto;
  }

  .tkv-slide__text1 {
    margin-top: 55px;
    font-size: 20px;
  }

  .tkv-slide__text1 br {
    display: none;
  }

  .tkv-slide__title2,
  .tkv-slide__text2 {
    font-size: 20px;
  }

  .tkv-slide__inner {
    padding-top: 70px;
    height: 520px;
  }
}

@media screen and (max-width: 450px) {

  .tkv-slide__title2,
  .tkv-slide__text2 {
    font-size: 18px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR OFFICE                     |
|                                   |
+-----------------------------------+
*/
.tOffice-list__title {
  background-color: #f4f4f4;
  text-align: center;
  line-height: 1.6;
  padding: 18px 0;
}

.tOffice-list__title_group {
  background-color: #ffffff;
  text-align: center;
  line-height: 1.6;
  padding: 18px 0;
}

.tOffice-list__title span {
  font-size: 22px;
}

.tOffice-list__title em {
  font-size: 25px;
  font-weight: bold;
}

.tOffice-list__thumb img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
}

.tOffice-list__thumb figcaption {
  margin-top: -0.5em;
  text-align: right;
  font-size: 80px;
  line-height: 1;
  font-weight: bold;
  color: #e9e9e9;
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  position: relative;
  z-index: 2;
  padding-right: 15px;
}

.tOffice-list__text {
  padding: 0 15px;
  font-size: 15.2px;
}

.tOffice-list__link {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  color: #162644;
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  padding-right: 2em;
  position: relative;
}

.tOffice-list__link:after {
  content: '>';
  display: block;
  line-height: 1;
  font-size: 18px;
  -webkit-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
  position: absolute;
  right: 0;
  top: 5px;
}

@media screen and (min-width: 751px) {
  .tOffice-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .tOffice-list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    margin-bottom: 2em;
  }

  .tOffice-list__group .tOffice-list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 24%;
  }

  .tOffice-list__link:hover {
    text-decoration: underline;
  }
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  .tOffice-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }

  .tOffice-list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    margin-bottom: 4%;
  }

  .tOffice-list__group .tOffice-list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
  }

  .tOffice-list__thumb figcaption {
    padding-right: 20px;
  }

  .tOffice-list__text {
    padding: 0 20px;
  }
}

@media screen and (max-width: 750px) {
  .tOffice-list {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .tOffice-list__item {
    width: 48%;
    margin-bottom: 5%;
  }

  .tOffice-list__title span {
    font-size: 14px;
  }

  .tOffice-list__title em {
    font-size: 20px;
  }

  .tOffice-list__item:nth-of-type(6) .tOffice-list__title em {
    font-size: 15px;
  }

  .tOffice-list__title_group span {
    font-size: 3.8vw !important;
  }

  .tOffice-list__thumb img {
    max-width: none;
    width: 100%;
  }

  .tOffice-list__thumb figcaption {
    margin-top: -0.6em;
    padding-right: 10px;
    font-size: 60px;
  }

  .tOffice-list__text {
    padding: 0;
    font-size: 13px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR NEWS                       |
|                                   |
+-----------------------------------+
*/
.tNews-subtitle {
  border-bottom: 4px solid #162644;
  padding-bottom: 22px;
  line-height: 1.5;
  position: relative;
}

.tNews-subtitle a {
  position: absolute;
  top: 10px;
  right: 0;
}

.sp-sns_btn {
  display: none;
}

@media screen and (max-width: 1180px) {
  .tNews-subtitle a {
    display: none;
  }

  .sp-sns_btn {
    display: block;
    margin-bottom: 50px;
    text-align: center;
    padding: 0 10px;
  }
}

.tNews-subtitle span {
  font-size: 16px;
}

.tNews-subtitle em {
  font-size: 28px;
  font-weight: bold;
}

.tNews-list__item {
  padding: 22px 0;
  border-bottom: 1px solid #d6d6d6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: baseline;
}

.tNews-list__date {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  color: #666;
  font-size: 16px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 102px;
  flex: 0 0 102px;
  width: 102px;
}

.tNews-list__cat {
  vertical-align: text-bottom;
  display: inline-block;
  padding: 0 1%;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 11px;
  margin-right: 10px;
  letter-spacing: 0;
}

.tNews-list__link {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: calc(100% - 282px);
}

.tNews-list__accept {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  width: 60px;
  margin: 0 30px;
  text-align: center;
  height: 28px;
  line-height: 28px;
  color: #fff;
  background-color: #e61717;
  font-size: 15px;
}

.tNews-list__accept2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  width: 60px;
  margin: 0 30px;
  text-align: center;
  height: 28px;
  line-height: 28px;
  color: #fff;
  background-color: #4db56a;
  font-size: 15px;
}

.tNews-list__accept--end {
  background-color: #666666;
}

@media screen and (min-width: 751px) {
  .tNews-content {
    margin-bottom: 63px;
  }

  .tNews-block {
    height: 310px;
  }

  .tNews-list__link:hover {
    text-decoration: underline;
  }
}

@media screen and (max-width: 750px) {
  .tNews-content {
    margin-bottom: 33px;
  }

  .tNews-block {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    height: 300px;
  }

  .tNews-list__item {
    padding: 17px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .tNews-list__link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 70px);
    flex: 0 0 calc(100% - 70px);
    width: calc(100% - 70px);
    margin-top: 5px;
  }

  .tNews-list__accept {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    width: 50px;
    margin: 0 10px 0 10px;
    font-size: 12px;
  }

  .tNews-list__accept2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    width: 50px;
    margin: 0 10px 0 10px;
    font-size: 12px;
  }

  .tNews-subtitle {
    padding-bottom: 16px;
  }

  .tNews-subtitle span {
    font-size: 14px;
  }

  .tNews-subtitle em {
    font-size: 22px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR SERVICE                    |
|                                   |
+-----------------------------------+
*/
.tService-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}

.tService-list__item {
  background-color: #f4f4f4;
  margin-top: 20px;
  padding: 40px 20px;
}

.tService-list__icon {
  display: block;
  text-align: center;
  height: 108px;
  line-height: 108px;
  margin-bottom: 30px;
}

.tService-list__icon img {
  vertical-align: middle;
}

.tService-list__title {
  text-align: center;
  color: #162644;
  font-weight: bold;
  font-size: 22px;
  display: block;
  line-height: 1.5;
}

.tService-list__text {
  display: block;
  letter-spacing: -0.05em;
  line-height: 1.5;
}

@media screen and (min-width: 751px) and (min-width: 1025px) {
  .tService-list__item {
    -webkit-transition: .2s opacity ease-in;
    -o-transition: .2s opacity ease-in;
    transition: .2s opacity ease-in;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 19%;
    flex: 0 0 19%;
    max-width: 19%;
  }

  .tService-list__item:hover {
    opacity: .6;
  }
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  .tService-list__item {
    -webkit-transition: .2s opacity ease-in;
    -o-transition: .2s opacity ease-in;
    transition: .2s opacity ease-in;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
  }

  .tService-list__item:hover {
    opacity: .6;
  }
}

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

  .tService-list__text {
    font-size: 14px;
  }
}

@media screen and (max-width: 750px) and (min-width: 601px) {
  .tService-list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
  }
}

@media screen and (max-width: 750px) and (max-width: 600px) {
  .tService-list__item {
    padding: 20px 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR servicelist                |
|                                   |
+-----------------------------------+
*/
.servicelist-box.box0 {
  background-image: url(../img/service/bg-index1.jpg);
}

.servicelist-box.box1 {
  background-image: url(../img/service/bg-index2.jpg);
}

.servicelist-box.box2 {
  background-image: url(../img/service/bg-index3.jpg);
}

.servicelist-box.box3 {
  background-image: url(../img/service/bg-index4.jpg);
}

.servicelist-box.box4 {
  background-image: url(../img/service/bg-index5.jpg);
}

.servicelist-box.box5 {
  background-image: url(../img/service/bg-index6.jpg);
}

.servicelist-box.box6 {
  background-image: url(../img/service/bg-index7.jpg);
}

.servicelist-box.box7 {
  background-image: url(../img/service/bg-index8.jpg);
}

.servicelist-box.box8 {
  background-image: url(../img/service/bg-index9.jpg);
}

.servicelist-box.box9 {
  background-image: url(../img/service/bg-index10.jpg);
}

.servicelist-box.box10 {
  background-image: url(../img/service/bg-index11.jpg);
}

.servicelist-box {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 300px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
  padding-left: 40px;
}

.servicelist-name {
  font-size: 40px;
  letter-spacing: 0.1em;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 3px #000;
  margin-bottom: 10px;
  line-height: 1.1;
}

.servicelist-text {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.5;
}

.servicelist-link {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-shadow: 0 0 3px #000;
}

.servicelist-link span {
  display: inline-block;
  padding-right: 2em;
  position: relative;
}

.servicelist-link span:after {
  content: '>';
  position: absolute;
  right: 0;
}

@media screen and (min-width: 751px) {
  .servicelist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .servicelist-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    width: 49%;
    margin-top: 50px;
  }

  .servicelist .servicelist-item:nth-child(1),
  .servicelist .servicelist-item:nth-child(2) {
    margin-top: 0;
  }
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  .servicelist-box {
    padding-left: 20px;
  }

  .servicelist-name {
    font-size: 32px;
  }

  .servicelist-text {
    font-size: 15px;
  }
}

@media screen and (max-width: 750px) {
  .servicelist-box {
    padding-left: 20px;
  }

  .servicelist-item {
    margin-top: 50px;
  }

  .servicelist-name {
    font-size: 32px;
  }

  .servicelist-text {
    font-size: 15px;
  }

  .servicelist .servicelist-item:nth-child(1) {
    margin-top: 0;
  }
}

@media screen and (max-width: 450px) {
  .servicelist-box {
    height: 200px;
    padding-left: 10px;
  }

  .servicelist-name {
    font-size: 22px;
  }

  .servicelist-text {
    font-size: 14px;
  }

  .servicelist-link {
    font-size: 14px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR otherservice               |
|                                   |
+-----------------------------------+
*/
.otherservice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}

.otherservice-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  height: 86px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 30px 0 15px;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.2;
  color: #162644;
  position: relative;
  background-color: #fff;
}

.otherservice-item:after {
  content: '>';
  line-height: 1;
  -webkit-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -0.5em;
}

@media screen and (min-width: 751px) {
  .otherservice-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    -webkit-transition: .2s opacity ease-in;
    -o-transition: .2s opacity ease-in;
    transition: .2s opacity ease-in;
  }

  .otherservice-item:hover {
    opacity: .6;
  }
}

@media screen and (max-width: 1024px) {
  .otherservice-item {
    font-size: 18px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
  }
}

@media screen and (max-width: 750px) {
  .otherservice-item {
    font-size: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 20px 0 10px;
  }

  .otherservice-item:after {
    right: 5px;
  }
}

/* FILE : /assets/sass/pages/_taxadviser.scss  */
/*
+-----------------------------------+
|                                   |
| ANCHOR taxBlock1                  |
|                                   |
+-----------------------------------+
*/
.taxBlock1 {
  background-color: #fff;
  border: 12px solid #d2e4ee;
  padding: 30px;
}

.taxBlock1-title {
  color: #003870;
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
}

@media screen and (min-width: 1025px) {
  .taxBlock1-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .taxBlock1-title {
    padding-left: 120px;
    background: url(../img/service/icn-tax1.png) no-repeat left center/96px 96px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 390px;
    flex: 0 0 390px;
    width: 390px;
  }

  .taxBlock1-text {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: calc(100% - 470px);
    margin-left: 40px;
    padding-left: 40px;
    border-left: 2px solid #d2e4ee;
  }
}

@media screen and (max-width: 1024px) {
  .taxBlock1-title {
    padding-left: 120px;
    background: url(../img/service/icn-tax1.png) no-repeat left center/96px 96px;
    min-height: 100px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 750px) {
  .taxBlock1 {
    padding: 30px 15px;
    border: 6px solid #d2e4ee;
  }

  .taxBlock1-title {
    padding-left: 60px;
    background: url(../img/service/icn-tax1.png) no-repeat left center/48px 48px;
    min-height: 50px;
    font-size: 26px;
    line-height: 30px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR taxFlow                    |
|                                   |
+-----------------------------------+
*/
.taxFlow-item {
  background-color: #fff;
}

.taxFlow-title {
  background-color: #162644;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.taxFlow-content {
  padding: 20px;
}

.taxFlow-list li:before {
  content: '■';
}

.taxFlow-accent {
  text-align: center;
  background-color: #ffcccc;
  font-weight: bold;
  padding: 5px 0;
  margin-bottom: 5px;
}

@media screen and (min-width: 751px) {
  .taxFlow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .taxFlow-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: calc((100% - 72px)/3);
  }

  .taxFlow-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .taxFlow-arrow {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    width: 24px;
    height: 48px;
  }

  .taxFlow-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 24px solid #003870;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 0 solid transparent;
  }
}

@media screen and (max-width: 750px) {
  .taxFlow-title {
    padding: 10px 0;
  }

  .taxFlow-arrow {
    height: 24px;
    width: 48px;
    margin: 0 auto;
  }

  .taxFlow-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 24px solid #003870;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-bottom: 0 solid transparent;
  }

  .taxFlow-content {
    padding: 20px 10px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR taxVoice                   |
|                                   |
+-----------------------------------+
*/
.taxVoice-item {
  background-color: #fff;
}

.taxVoice-item.bg-grey {
  background-color: #f4f4f4;
}

.taxVoice-content {
  padding: 35px 20px;
}

.taxVoice-content h4 {
  margin-bottom: 5px;
}

.taxVoice-content em {
  font-weight: bold;
  font-size: 24px;
}

@media screen and (min-width: 751px) {
  .taxVoice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .taxVoice-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
    margin-right: 2%;
    margin-top: 30px;
  }

  .taxVoice .taxVoice-item:nth-child(1),
  .taxVoice .taxVoice-item:nth-child(2),
  .taxVoice .taxVoice-item:nth-child(3) {
    margin-top: 0;
  }

  .taxVoice .taxVoice-item:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 750px) {
  .taxVoice {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
  }

  .taxVoice-item {
    margin-top: 30px;
  }

  .taxVoice-content {
    padding: 35px 15px;
  }

  .taxVoice-content em {
    font-size: 20px;
  }
}

/* FILE : /assets/sass/pages/_inheritance.scss  */
/*
+-----------------------------------+
|                                   |
| ANCHOR inhTitle1                  |
|                                   |
+-----------------------------------+
*/
.inhTitle1 {
  font-size: 40px;
  font-weight: bold;
  color: #162644;
}

.inhTitle1 span {
  color: #d4b250;
  font-style: italic;
  font-size: 1.3em;
}

@media screen and (max-width: 750px) {
  .inhTitle1 {
    font-size: 32px;
  }
}

@media screen and (max-width: 450px) {
  .inhTitle1 {
    font-size: 25px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR inhObi1                    |
|                                   |
+-----------------------------------+
*/
.inhObi1 {
  background-color: #2361a0;
  font-size: 26px;
  color: #fff;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}

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

@media screen and (max-width: 450px) {
  .inhObi1 {
    font-size: 18px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR inhList1                   |
|                                   |
+-----------------------------------+
*/
@media screen and (min-width: 751px) {
  .inhList1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .inhList1__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 19%;
    flex: 0 0 19%;
    max-width: 19%;
  }
}

@media screen and (max-width: 750px) {
  .inhList1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .inhList1__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
    margin-top: 10px;
    text-align: center;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR inhList2                   |
|                                   |
+-----------------------------------+
*/
@media screen and (min-width: 751px) {
  .inhList2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .inhList2__item1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
  }

  .inhList2__item2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 43%;
    flex: 0 0 43%;
    max-width: 43%;
  }
}

@media screen and (max-width: 750px) {
  .inhList2__item1 {
    margin-bottom: 50px;
  }

  .inhList2__item1,
  .inhList2__item2 {
    text-align: center;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR inhBlock1                  |
|                                   |
+-----------------------------------+
*/
.inhBlock1 {
  background-color: #162644;
}

.inhBlock1__text {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

.inhBlock1__btn {
  color: #d4b250;
  font-weight: bold;
  font-size: 29px;
  -webkit-transition: .2s opacity ease-in;
  -o-transition: .2s opacity ease-in;
  transition: .2s opacity ease-in;
}

.inhBlock1__btn:hover {
  opacity: .6;
}

@media screen and (min-width: 751px) {
  .inhBlock1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 10px;
  }

  .inhBlock1__text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 440px);
    flex: 0 0 calc(100% - 440px);
    max-width: calc(100% - 440px);
    margin-right: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.6);
  }

  .inhBlock1__btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 460px;
    flex: 0 0 460px;
    max-width: 460px;
  }
}

@media screen and (max-width: 750px) {
  .inhBlock1 {
    padding: 10px;
  }

  .inhBlock1__text {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    font-size: 15px;
    text-align: center;
  }

  .inhBlock1__btn {
    display: block;
    text-align: center;
    font-size: 20px;
  }
}

@media screen and (max-width: 450px) {
  .inhBlock1__btn {
    font-size: 18px;
  }
}

/* FILE : /assets/sass/pages/_cloud.scss  */
/*
+-----------------------------------+
|                                   |
| ANCHOR cloudBlock1                |
|                                   |
+-----------------------------------+
*/
.cloudBlock1 li {
  font-size: 20px;
  color: #cc5502;
  font-weight: bold;
}

@media screen and (min-width: 751px) {
  .cloudBlock1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .cloudBlock1-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    width: 40%;
  }

  .cloudBlock1-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }
}

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

  .cloudBlock1 li {
    font-size: 16px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR cloudBlock2                |
|                                   |
+-----------------------------------+
*/
.cloudBlock2-title {
  background-color: #162644;
  text-align: center;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  padding: 10px 3px;
}

.cloudBlock2-item {
  background-color: #fff;
  border-right: 2px solid #003870;
  border-bottom: 2px solid #003870;
  border-left: 2px solid #003870;
}

.cloudBlock2-content {
  padding: 25px 10px;
}

.cloudBlock2-text1 {
  font-weight: bold;
  color: #162644;
  font-size: 26px;
  margin-bottom: 12px;
}

.cloudBlock2-text2 {
  font-size: 18px;
  font-weight: bold;
  color: #707070;
  letter-spacing: 0;
  margin-bottom: 15px;
}

.cloudBlock2-list li {
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: 0.06em;
}

@media screen and (min-width: 751px) {
  .cloudBlock2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .cloudBlock2-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(50% - 15px);
    flex: 0 1 calc(50% - 15px);
    width: calc(50% - 15px);
  }

  .cloudBlock2-arrow {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    width: 30px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: center;
  }

  .cloudBlock2-arrow:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 25px solid #356494;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-right: 0px solid transparent;
  }
}

@media screen and (max-width: 750px) {
  .cloudBlock2-arrow {
    display: block;
    margin: 10px auto;
    width: 80px;
    text-align: center;
  }

  .cloudBlock2-arrow:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 25px solid #356494;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 0px solid transparent;
  }

  .cloudBlock2-item {
    margin-top: 10px;
  }

  .cloudBlock2-title {
    font-size: 22px;
  }

  .cloudBlock2-text1 {
    font-size: 22px;
  }

  .cloudBlock2-text2 {
    font-size: 15px;
  }

  .cloudBlock2-list li {
    font-size: 14px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR cloudBlock3                |
|                                   |
+-----------------------------------+
*/
.cloudBlock3-price {
  background-color: #162644;
  text-align: center;
  padding: 20px 10px;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 20px;
}

.cloudBlock3-price em {
  font-size: 34px;
  display: inline-block;
  margin-left: .5em;
}

.cloudBlock3-text {
  text-align: center;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.08em;
}

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

  .cloudBlock3-price em {
    font-size: 28px;
  }

  .cloudBlock3-text {
    font-size: 16px;
  }
}

@media screen and (max-width: 360px) {
  .cloudBlock3-price {
    font-size: 15px;
  }

  .cloudBlock3-price em {
    font-size: 22px;
  }
}

/* FILE : /assets/sass/pages/_business.scss  */
/*
+-----------------------------------+
|                                   |
| ANCHOR bizBlock1                  |
|                                   |
+-----------------------------------+
*/
.bizBlock1-title {
  background-color: #162644;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 2px;
  text-align: center;
}

.bizBlock1-list {
  background-color: #fff;
  border: 3px solid #162644;
  padding: 30px;
}

.bizBlock1-list-item {
  text-align: center;
}

@media screen and (min-width: 751px) {
  .bizBlock1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .bizBlock1-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .bizBlock1-list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }

  .bizBlock1-item1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    width: 65%;
  }

  .bizBlock1-item2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    width: 30%;
  }
}

@media screen and (max-width: 750px) {
  .bizBlock1-item1 {
    margin-bottom: 30px;
  }

  .bizBlock1-list__item {
    text-align: center;
  }

  .bizBlock1-list .bizBlock1-list__item:nth-child(2) {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px dashed #162644;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR bizBlock2                  |
|                                   |
+-----------------------------------+
*/
.bizBlock2 {
  color: #162644;
  background-color: #b4c6d9;
}

.bizBlock2__title {
  font-weight: bold;
}

.bizBlock2__text p {
  font-weight: bold;
  font-size: 18px;
}

@media screen and (min-width: 751px) {
  .bizBlock2 {
    padding: 10px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bizBlock2__title {
    font-size: 32px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px;
    width: 160px;
    border-right: 1px solid #162644;
  }

  .bizBlock2__text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 20px;
    width: calc(100% - 180px);
  }
}

@media screen and (max-width: 750px) {
  .bizBlock2 {
    padding: 10px;
  }

  .bizBlock2__title {
    font-size: 22px;
    border-bottom: 1px solid #162644;
    margin-bottom: 10px;
  }

  .bizBlock2__text p {
    font-size: 15px;
  }
}

/* FILE : /assets/sass/pages/salary.scss  */
/*
+-----------------------------------+
|                                   |
| ANCHOR salaryFlow                 |
|                                   |
+-----------------------------------+
*/
.salaryFlow-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 3px solid #162644;
  background-color: #fff;
}

.salaryFlow-arrow {
  display: block;
  width: 42px;
  height: 25px;
  margin: 13px auto;
}

.salaryFlow-arrow:before {
  content: '';
  display: block;
  border-top: 25px solid #003870;
  border-right: 21px solid transparent;
  border-left: 21px solid transparent;
  border-bottom: 0 solid transparent;
}

.salaryFlow-step {
  background-color: #162644;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  width: 120px;
  color: #fff;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}

.salaryFlow-step small {
  font-size: 16px;
  display: inline-block;
  margin-right: 0.5em;
}

.salaryFlow-step em {
  font-size: 40px;
}

.salaryFlow-text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: calc(100% - 120px);
  font-size: 20px;
  font-weight: bold;
  padding: 15px;
  color: #162644;
}

@media screen and (max-width: 750px) {
  .salaryFlow-step {
    padding-top: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    width: 90px;
  }

  .salaryFlow-step small {
    font-size: 14px;
  }

  .salaryFlow-step em {
    font-size: 30px;
  }

  .salaryFlow-text {
    font-size: 16px;
    width: calc(100% - 90px);
  }
}

/* FILE : /assets/sass/pages/_medical.scss  */
/*
+-----------------------------------+
|                                   |
| ANCHOR mediBlock1                 |
|                                   |
+-----------------------------------+
*/
.mediBlock1-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mediBlock1-number {
  background-color: #162644;
  font-size: 40px;
  color: #fff;
  width: 70px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.mediBlock1-text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: calc(100% - 70px);
  background-color: #fff;
  border-top: 3px solid #162644;
  border-right: 3px solid #162644;
  border-bottom: 3px solid #162644;
  padding: 20px 25px;
  font-size: 20px;
  color: #162644;
  font-weight: bold;
}

.mediBlock1-arrow {
  text-align: center;
  line-height: 1;
  margin: 13px auto;
}

.mediBlock1-arrow:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 25px solid #003870;
  border-right: 21px solid transparent;
  border-left: 21px solid transparent;
  border-bottom: 0px solid transparent;
}

@media screen and (max-width: 750px) {
  .mediBlock1-number {
    width: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    font-size: 30px;
  }

  .mediBlock1-text {
    padding: 10px;
    font-size: 16px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR mediBlock2                 |
|                                   |
+-----------------------------------+
*/
@media screen and (min-width: 751px) {
  .mediBlock2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }

  .mediBlock2-item {
    padding: 30px 20px;
  }

  .mediBlock2-item__wide {
    margin-top: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    padding: 30px 20px;
  }
}

@media screen and (min-width: 751px) and (min-width: 1025px) {
  .mediBlock2 .h3-title {
    line-height: 1.3;
    height: 105px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .mediBlock2-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% - 80px)/3);
    flex: 0 0 calc((100% - 80px)/3);
    width: calc((100% - 80px)/3);
    max-width: calc((100% - 80px)/3);
  }
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  .mediBlock2-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
  }
}

@media screen and (max-width: 750px) {
  .mediBlock2-item {
    padding: 20px 10px;
    margin-top: 30px;
  }

  .mediBlock2-item__wide {
    padding: 20px 10px;
    margin-top: 30px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR mediBlock3                 |
|                                   |
+-----------------------------------+
*/
.mediBlock3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.mediBlock3:before {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background-color: #bfbfbf;
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -2px;
  left: 0;
}

.mediBlock3>div {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 245px;
  flex: 0 0 245px;
  width: 245px;
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 751px) {
  .mediBlock3-arrow1 {
    margin-right: 90px;
    margin-top: 12px;
  }
}

@media screen and (max-width: 750px) {
  .mediBlock3>div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    width: 150px;
  }

  .mediBlock3-arrow1 {
    margin-right: 30px;
    margin-top: 6px;
  }
}

@media screen and (max-width: 360px) {
  .mediBlock3>div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    width: 100px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR mediBlock4                 |
|                                   |
+-----------------------------------+
*/
/* FILE : /assets/sass/pages/_regeneration.scss  */
/*
+-----------------------------------+
|                                   |
| ANCHOR regBlock1                  |
|                                   |
+-----------------------------------+
*/
.regBlock1 {
  background-color: #fff;
  border: 3px solid #162644;
  padding: 60px 30px 30px 125px;
  position: relative;
}

.regBlock1-step {
  background-color: #162644;
  display: block;
  width: 98px;
  height: 98px;
  padding-top: 10px;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  position: absolute;
  top: 0;
  left: 0;
}

.regBlock1-step__text {
  font-size: 21px;
  font-weight: bold;
}

.regBlock1-step__number {
  font-size: 49px;
}

.regBlock1-title {
  font-weight: bold;
  font-size: 30px;
  color: #162644;
  margin-bottom: 15px;
}

.regBlock1-arrow {
  line-height: 1;
  margin: 10px 0;
  text-align: center;
}

.regBlock1-arrow:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 24px solid #003870;
  border-left: 21px solid transparent;
  border-right: 21px solid transparent;
  border-bottom: 0 solid transparent;
}

@media screen and (min-width: 751px) {
  .regBlock1-imgbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .regBlock1-imgbox__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }

  .regBlock1-imgbox__text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 56%;
    flex: 0 0 56%;
    max-width: 56%;
  }
}

@media screen and (max-width: 750px) {
  .regBlock1 {
    padding: 70px 15px 20px;
  }

  .regBlock1-step {
    background-color: #162644;
    display: block;
    width: 60px;
    height: 60px;
    padding-top: 5px;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    position: absolute;
    top: 0;
    left: 0;
  }

  .regBlock1-step__text {
    font-size: 16px;
    font-weight: bold;
  }

  .regBlock1-step__number {
    font-size: 30px;
  }

  .regBlock1-title {
    font-size: 22px;
    position: absolute;
    left: 65px;
    top: 13px;
  }

  .regBlock1-imgbox__text {
    margin-bottom: 15px;
  }

  .regBlock1-imgbox__img {
    text-align: center;
  }

  .regBlock1-imgbox__img img {
    width: 100%;
    max-width: 350px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR regBlock2                  |
|                                   |
+-----------------------------------+
*/
.regBlock2 {
  position: relative;
  margin-top: 10px;
  margin-bottom: 30px;
}

.regBlock2-list li {
  color: #162644;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 7px;
}

@media screen and (min-width: 751px) {
  .regBlock2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .regBlock2-item2 {
    position: absolute;
    text-align: center;
    width: 80px;
    height: 180px;
    padding-top: 15px;
    color: #fff;
    font-weight: bold;
    background-color: #356ca4;
    top: 50%;
    margin-top: -90px;
    left: 50%;
    margin-left: -40px;
  }

  .regBlock2-item2 span {
    display: inline-block;
    width: 1em;
    line-height: 1.2;
  }

  .regBlock2-item2:after {
    content: '';
    display: block;
    border-left: 27px solid #356ca4;
    border-top: 90px solid transparent;
    border-bottom: 90px solid transparent;
    border-right: 0 solid transparent;
    position: absolute;
    right: -27px;
    top: 0;
  }

  .regBlock2-item1,
  .regBlock2-item3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .regBlock2-item1 {
    padding: 15px 15px;
  }

  .regBlock2-item3 {
    padding: 15px 15px 15px 75px;
  }

  .regBlock2-list {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  .regBlock2-item2 {
    width: 50px;
    margin-left: -25px;
  }

  .regBlock2-item2:after {
    border-left: 15px solid #356ca4;
    right: -15px;
  }
}

@media screen and (max-width: 750px) {
  .regBlock2-item1 {
    padding: 20px 15px 50px;
    position: relative;
    z-index: 1;
  }

  .regBlock2-item3 {
    padding: 50px 15px 20px;
    position: relative;
    z-index: 1;
  }

  .regBlock2-item2 {
    position: relative;
    z-index: 2;
    background-color: #356ca4;
    width: 90%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin: -20px auto;
  }

  .regBlock2-item2:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid #356ca4;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 0 solid transparent;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -15px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR regBlock3                  |
|                                   |
+-----------------------------------+
*/
.regBlock3-text1 {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #162644;
}

.regBlock3-text2 {
  margin-top: 5px;
  background-color: #f4f4f4;
  padding: 15px;
  font-size: 16px;
  text-align: center;
}

.regBlock3-text2 span {
  display: inline-block;
  position: relative;
  padding-left: 35px;
}

.regBlock3-text2 span:before {
  content: '(例)';
  position: absolute;
  left: 0;
  top: 0;
}

.regBlock3-arrow {
  line-height: 1;
  margin: 10px 0;
  text-align: center;
}

.regBlock3-arrow:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 17px solid #c3c3c3;
  border-left: 48px solid transparent;
  border-right: 48px solid transparent;
  border-bottom: 0 solid transparent;
}

/*
+-----------------------------------+
|                                   |
| ANCHOR philosophyDesc              |
|                                   |
+-----------------------------------+
*/
.philosophyDesc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.philosophyDesc-text {
  position: relative;
  z-index: 2;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 730px;
  flex: 0 0 730px;
  width: 730px;
  margin-right: -320px;
  padding-left: 15px;
}

.philosophyDesc-img {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 720px;
  flex: 0 0 720px;
  width: 720px;
}

@media screen and (max-width: 750px) {
  .philosophyDesc-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 420px;
    flex: 0 0 420px;
    width: 420px;
    margin-right: -220px;
  }

  .philosophyDesc-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    width: 400px;
    margin-top: 30px;
  }
}

@media screen and (max-width: 450px) {
  .philosophyDesc-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 320px;
    flex: 0 0 320px;
    width: 320px;
    margin-right: -250px;
  }
}

@media screen and (max-width: 360px) {
  .philosophyDesc-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    width: 300px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR purposeDesc                |
|                                   |
+-----------------------------------+
*/
.purposeDesc-strong {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #003870;
  font-size: 34px;
  margin-bottom: 50px;
  position: relative;
  z-index: 3;
  line-height: 1.5;
}

.purposeDesc-text {
  font-size: 24px;
  background-color: #f4f4f4;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

@media screen and (min-width: 751px) {
  .purposeDesc {
    overflow: hidden;
    position: relative;
  }

  .purposeDesc-strong {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .purposeDesc-img {
    width: 50%;
    float: left;
    position: relative;
    z-index: 2;
    padding-top: 260px;
  }

  .purposeDesc-text {
    width: 60%;
    float: right;
    margin-left: -10%;
    position: relative;
    z-index: 1;
    padding-top: 260px;
  }

  .purposeDesc-text__inner {
    padding-left: 20%;
    padding-right: 50px;
    padding-bottom: 70px;
  }
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  .purposeDesc-text__inner {
    padding-right: 20px;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 750px) {
  .purposeDesc-strong {
    font-size: 22px;
    margin-bottom: 40px;
    line-height: 1.5;
  }

  .purposeDesc-img {
    position: relative;
    z-index: 2;
  }

  .purposeDesc-img img {
    max-width: 300px;
    width: 70%;
  }

  .purposeDesc-text {
    position: relative;
    z-index: 1;
    font-size: 18px;
    margin-top: -100px;
    padding: 120px 15px 30px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 450px) {
  .purposeDesc-strong {
    font-size: 25px;
  }

  .purposeDesc-text {
    font-size: 16px;
  }
}

/* FILE : /assets/sass/pages/_contact.scss  */
/*
+-----------------------------------+
|                                   |
| ANCHOR c-form                     |
|                                   |
+-----------------------------------+
*/
.c-form__input {
  width: 100%;
  border: 1px solid #d6d6d6;
  padding: 5px 10px;
  font-size: 16px;
}

.c-form__input:focus {
  border: 1px solid #003870;
}

.c-form__select {
  border: 1px solid #d6d6d6;
  padding: 5px 10px;
  font-size: 16px;
}

.c-form__checkbox {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #d6d6d6;
  background-color: #fff;
}

.c-form__checkbox:checked {
  background: #1c1c1c url(../img/shared/icn-checked__white.png) no-repeat center center/80%;
}

.c-form__textarea {
  height: 300px;
  width: 100%;
  border: 1px solid #d6d6d6;
  padding: 5px 10px;
  font-size: 16px;
}

.c-form__textarea:focus {
  border: 1px solid #003870;
}

.c-form__label {
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 15px 15px 0;
}

.c-form__label-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-form__label-box {
  position: absolute;
  left: 0;
  top: 4px;
}

.c-form__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-form__name-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  text-align: center;
}

.c-form__name-input {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 50px);
  flex: 0 0 calc(50% - 50px);
  width: calc(50% - 50px);
  max-width: 300px;
}

.c-form__table th,
.c-form__table td {
  font-size: 16px;
}

.c-form__table th {
  background-color: #d6d6d6;
}

.c-form__table th.required:after {
  content: '※必須';
  color: #cc0000;
  font-size: 0.8em;
  margin-left: auto;
  display: inline-block;
}

.c-form__zip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}

.c-form__zip-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 160px;
  flex: 0 0 160px;
  width: 160px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.c-form__zip-zip1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  width: 80px;
}

.c-form__zip-hyphen {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  width: 20px;
  text-align: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.c-form__zip-zip2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  width: 120px;
}

.c-form__zip-btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  width: 100px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background-color: #162644;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  padding: 5px 0;
  margin-left: 10px;
  cursor: pointer;
}

.c-form__pref {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}

.c-form__pref-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 160px;
  flex: 0 0 160px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  width: 160px;
}

.c-form__pref-select {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

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

.c-form__address-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 160px;
  flex: 0 0 160px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  width: 160px;
}

.c-form__address-input {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: calc(100% - 160px);
}

.c-form__tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-form__tel-input {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: calc((100% - 40px)/3);
}

.c-form__tel-hyphen {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  width: 20px;
  text-align: center;
}

.c-form__submitbtn {
  cursor: pointer;
}

@media screen and (min-width: 751px) {
  .c-form__table {
    width: 100%;
    table-layout: fixed;
  }

  .c-form__table th,
  .c-form__table td {
    padding: 25px;
    vertical-align: top;
  }

  .c-form__table th {
    width: 230px;
    border-bottom: 1px solid #fff;
  }

  .c-form__table td {
    width: auto;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
  }

  .c-form__zip-btn {
    -webkit-transition: .2s opacity ease-in;
    -o-transition: .2s opacity ease-in;
    transition: .2s opacity ease-in;
  }

  .c-form__zip-btn:hover {
    opacity: .6;
  }
}

@media screen and (max-width: 750px) {
  .c-form__table {
    display: block;
    width: 100%;
  }

  .c-form__table tbody,
  .c-form__table tr,
  .c-form__table th,
  .c-form__table td {
    display: block;
    width: 100%;
  }

  .c-form__table tr {
    margin-bottom: 20px;
  }

  .c-form__table th {
    padding: 10px;
  }

  .c-form__table td {
    padding: 20px 0;
  }

  .c-form__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .c-form__name-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    text-align: center;
    margin: 0 0 10px;
  }

  .c-form__name-input {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 50px);
    flex: 0 0 calc(100% - 50px);
    width: calc(100% - 50px);
    max-width: none;
    margin: 0 0 10px;
  }

  .c-form__zip {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .c-form__zip-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 5px;
  }

  .c-form__zip-zip1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    width: 60px;
  }

  .c-form__zip-zip2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    width: 80px;
  }

  .c-form__pref {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .c-form__pref-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 5px;
  }

  .c-form__address {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .c-form__address-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 5px;
  }

  .c-form__textarea {
    height: 200px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR officeIndex                |
|                                   |
+-----------------------------------+
*/
.officeIndex__title {
  background-color: rgba(255, 255, 255, 0.7);
  text-align: center;
  position: relative;
  z-index: 2;
  color: #162644;
  line-height: 1.2;
  padding-bottom: 15px;
}

.officeIndex__title span {
  font-size: 55px;
  font-weight: bold;
}

.officeIndex__title em {
  font-size: 28px;
  font-weight: bold;
}

.officeIndex__img {
  position: relative;
  z-index: 1;
  margin-top: -75px;
  margin-bottom: 10px;
}

@media screen and (min-width: 751px) {
  .officeIndex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .officeIndex__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    margin-bottom: 3em;
  }
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  .officeIndex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .officeIndex__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 750px) {
  .officeIndex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .officeIndex__item {
    width: 48%;
    margin-bottom: 20px;
  }

  .officeIndex__img {
    margin-top: -70px;
  }

  .officeIndex__title {
    padding-bottom: 20px;
  }

  .officeIndex__title span {
    font-size: 40px;
  }

  .officeIndex__title em {
    font-size: 20px;
  }

  .officeIndex__item:nth-of-type(6) .officeIndex__title em {
    font-size: 15px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR officeYoutube              |
|                                   |
+-----------------------------------+
*/
.officeYoutube__iframe__inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

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

.officeYoutube__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #d6d6d6;
  padding: 25px 15px;
}

.officeYoutube__list__date {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  color: #666;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  width: 150px;
  font-size: 16px;
}

.officeYoutube__list__link {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: calc(100% - 150px);
}

@media screen and (min-width: 751px) {
  .officeYoutube {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .officeYoutube__iframe {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 47.5%;
    flex: 0 0 47.5%;
    max-width: 47.5%;
  }

  .officeYoutube__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 47.5%;
    flex: 0 0 47.5%;
    max-width: 47.5%;
  }

  .officeYoutube__scroll {
    height: 330px;
  }

  .officeYoutube__list__link:hover {
    text-decoration: underline;
  }
}

@media screen and (max-width: 750px) {
  .officeYoutube__iframe {
    margin-bottom: 30px;
  }

  .officeYoutube__scroll {
    height: 400px;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }

  .officeYoutube__list__item {
    padding: 25px 5px;
  }

  .officeYoutube__list__date {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    width: 100px;
  }

  .officeYoutube__list__link {
    width: calc(100% - 100px);
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR officeMap                  |
|                                   |
+-----------------------------------+
*/
.officeMap__iframe__inner {
  position: relative;
  width: 100%;
}

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

.officeMap__content {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

.officeMap__content dl {
  margin-bottom: 1em;
}

.officeMap__content dt {
  font-weight: bold;
  font-size: 20px;
}

@media screen and (min-width: 751px) {
  .officeMap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .officeMap__iframe {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 61%;
    flex: 0 0 61%;
    max-width: 61%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .officeMap__iframe__inner {
    height: 480px;
  }

  .officeMap__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
    max-width: 36%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

@media screen and (max-width: 750px) {
  .officeMap__iframe__inner {
    height: 350px;
  }

  .officeMap__content {
    margin-bottom: 15px;
  }

  .officeMap__content dt {
    font-size: 18px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR officeTable                |
|                                   |
+-----------------------------------+
*/
.officeTable {
  width: 100%;
  table-layout: fixed;
}

.officeTable th {
  font-weight: bold;
  width: 190px;
}

.officeTable td {
  width: auto;
}

.officeTable th,
.officeTable td {
  border-bottom: 1px solid #d2e4ee;
  padding: 20px 10px;
}

@media screen and (max-width: 750px) {

  .officeTable th,
  .officeTable td {
    font-size: 14px;
    padding: 20px 5px;
  }

  .officeTable th {
    width: 120px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR recruitPolicy              |
|                                   |
+-----------------------------------+
*/
.recruitPolicy {
  border: 12px solid #d2e4ee;
  padding: 35px 25px;
}

.recruitPolicy h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.recruitPolicy h3::before {
  content: '■';
  color: #003870;
  display: inline-block;
  margin-right: 1em;
}

.recruitPolicy-text {
  font-size: 24px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #003870;
}

@media screen and (max-width: 750px) {
  .recruitPolicy {
    border: 6px solid #d2e4ee;
    padding: 15px 10px;
  }

  .recruitPolicy h3 {
    font-size: 16px;
  }

  .recruitPolicy-text {
    font-size: 20px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR recruitMelits              |
|                                   |
+-----------------------------------+
*/
.recruitMelits-title {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  border-bottom: 2px solid #d6d6d6;
  margin-bottom: 15px;
}

@media screen and (min-width: 751px) {
  .recruitMelits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .recruitMelits-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
  }

  .recruitMelits-title {
    height: 95px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (max-width: 750px) {
  .recruitMelits-img {
    text-align: center;
  }

  .recruitMelits-title {
    font-size: 18px;
    padding: 15px 0;
  }

  .recruitMelits .recruitMelits-item:nth-child(1) {
    margin-top: 0;
  }

  .recruitMelits-text {
    font-size: 14px;
  }

  .recruitMelits-item {
    margin-top: 35px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR recruitSystem__anchor      |
|                                   |
+-----------------------------------+
*/
.recruitSystem__anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
  margin-bottom: 40px;
}

.recruitSystem__anchor-item {
  display: block;
  padding: 10px 20px 20px;
  background-color: #fff;
  border-bottom: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 25%;
  flex: 1 1 25%;
  max-width: 25%;
  -webkit-transition: .2s opacity ease-in;
  -o-transition: .2s opacity ease-in;
  transition: .2s opacity ease-in;
}

.recruitSystem__anchor-item:hover {
  opacity: .6;
}

.recruitSystem__anchor-number {
  display: block;
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 40px;
  font-weight: bold;
}

.recruitSystem__anchor-text {
  font-size: 22px;
  display: block;
  line-height: 1.3;
  color: #162644;
}

@media screen and (max-width: 750px) {
  .recruitSystem__anchor {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .recruitSystem__anchor-item {
    padding: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
  }

  .recruitSystem__anchor-number {
    font-size: 22px;
  }

  .recruitSystem__anchor-text {
    font-size: 14px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR recruitSystem__block       |
|                                   |
+-----------------------------------+
*/
.recruitSystem__block-title i {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 40px;
  font-weight: bold;
  display: inline-block;
  margin-right: 0.5em;
}

.recruitSystem__block-title span {
  font-size: 22px;
  line-height: 1.3;
  color: #162644;
  display: inline-block;
  font-weight: bold;
}

@media screen and (min-width: 751px) {
  .recruitSystem__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
  }

  .recruitSystem__block-content {
    background-color: #fff;
    padding: 10px 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: calc(100% - 380px);
    max-width: calc(100% - 380px);
  }

  .recruitSystem__block-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 380px;
    flex: 0 0 380px;
    height: 280px;
    width: 380px;
  }
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  .recruitSystem__block-title i {
    font-size: 30px;
  }

  .recruitSystem__block-title span {
    font-size: 18px;
  }

  .recruitSystem__block-content p {
    font-size: 14px;
  }
}

@media screen and (max-width: 750px) {
  .recruitSystem__block {
    margin-bottom: 40px;
  }

  .recruitSystem__block-title i {
    font-size: 22px;
  }

  .recruitSystem__block-title span {
    font-size: 18px;
  }

  .recruitSystem__block-content p {
    font-size: 14px;
  }

  .recruitSystem__block-img {
    width: 100%;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR recruitCarrerplan          |
|                                   |
+-----------------------------------+
*/
.recruitCarrerplan-item--first {
  background-color: #d2e4ee;
}

.recruitCarrerplan-item--second {
  background-color: #162644;
}

.recruitCarrerplan-item--third {
  background-color: #162644;
}

.recruitCarrerplan-item--forth {
  background-color: #162644;
}

.recruitCarrerplan-item--fifth {
  background-color: #1c1c1c;
}

.recruitCarrerplan-text {
  font-size: 16px;
}

@media screen and (min-width: 751px) {
  .recruitCarrerplan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .recruitCarrerplan-position {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
  }

  .recruitCarrerplan-year {
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    text-align: center;
  }

  .recruitCarrerplan-text {
    border-top: 2px solid #fff;
    padding: 10px;
  }

  .recruitCarrerplan-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
  }

  .recruitCarrerplan-item--first {
    margin-top: 160px;
  }

  .recruitCarrerplan-item--first .recruitCarrerplan-position {
    height: 240px;
  }

  .recruitCarrerplan-item--second {
    margin-top: 120px;
  }

  .recruitCarrerplan-item--second .recruitCarrerplan-position {
    height: 280px;
  }

  .recruitCarrerplan-item--third {
    margin-top: 80px;
  }

  .recruitCarrerplan-item--third .recruitCarrerplan-position {
    height: 320px;
  }

  .recruitCarrerplan-item--forth {
    margin-top: 40px;
  }

  .recruitCarrerplan-item--forth .recruitCarrerplan-position {
    height: 360px;
  }

  .recruitCarrerplan-item--fifth .recruitCarrerplan-position {
    height: 400px;
  }
}

@media screen and (max-width: 750px) {
  .recruitCarrerplan-item {
    margin-top: 50px;
    position: relative;
  }

  .recruitCarrerplan-year {
    position: absolute;
    top: -30px;
    font-weight: bold;
  }

  .recruitCarrerplan-position__inner {
    padding: 20px;
  }

  .recruitCarrerplan-text {
    padding: 10px;
    border-top: 2px solid #fff;
    font-size: 14px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR recruitTable               |
|                                   |
+-----------------------------------+
*/
.recruitTable th {
  background-color: #dce6f0;
  font-weight: bold;
}

@media screen and (min-width: 751px) {
  .recruitTable {
    table-layout: fixed;
  }

  .recruitTable th {
    width: 170px;
  }

  .recruitTable td {
    width: auto;
  }

  .recruitTable th,
  .recruitTable td {
    padding: 20px;
    border: 1px solid #d6d6d6;
  }
}

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

  .recruitTable tbody,
  .recruitTable th,
  .recruitTable td,
  .recruitTable tr {
    display: block;
    width: 100%;
  }

  .recruitTable tr {
    margin-bottom: 10px;
  }

  .recruitTable th {
    padding: 5px;
  }

  .recruitTable td {
    padding: 5px;
  }
}

/* FILE : /assets/sass/pages/_news.scss  */
/*
+-----------------------------------+
|                                   |
| ANCHOR news-main                  |
|                                   |
+-----------------------------------+
*/
@media screen and (min-width: 751px) {
  .news-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 751px) {
  .news-article {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: calc(100% - 250px);
  }
}

@media screen and (max-width: 750px) {
  .news-article {
    margin-bottom: 50px;
  }
}

@media screen and (min-width: 751px) {
  .news-aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    width: 200px;
    margin-left: 50px;
  }

  .news-aside__block {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 750px) and (min-width: 601px) {
  .news-aside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .news-aside__block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
  }
}

@media screen and (max-width: 750px) and (max-width: 600px) {
  .news-aside__block {
    margin-top: 25px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR news-aside__list           |
|                                   |
+-----------------------------------+
*/
.news-aside__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
}

.news-aside__list__date {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  color: #666;
  font-size: 13px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  width: 80px;
}

.news-aside__list__cat {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  width: 100px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
}

.news-aside__list__link {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  width: 100%;
  font-size: 14px;
}

.news-aside__list__link:hover {
  text-decoration: underline;
}

/*
+-----------------------------------+
|                                   |
| ANCHOR .news-aside__archives      |
|                                   |
+-----------------------------------+
*/
.news-aside__archives {
  padding-left: .5em;
}

.news-aside__archives li {
  font-size: 14px;
  padding-left: 10px;
  position: relative;
  margin: 10px 0;
}

.news-aside__archives li:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid #162644;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 0 solid transparent;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
}

.news-aside__archives a:hover {
  text-decoration: underline;
}

/*
+-----------------------------------+
|                                   |
| ANCHOR news-post                  |
|                                   |
+-----------------------------------+
*/
.news-post__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}

.news-post__date {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  color: #666;
  font-size: 16px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  width: 100px;
}

.news-post__cat {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  width: 120px;
  text-align: center;
  height: 26px;
  line-height: 26px;
  color: #fff;
  font-size: 14px;
}

.news-post__title {
  font-size: 32px;
  line-height: 1.4;
  border-bottom: 3px solid #162644;
  padding-bottom: 20px;
}

.news-post__content {
  padding: 40px 20px 60px;
}

.news-post__content p {
  margin: 1em 0;
}

@media screen and (max-width: 750px) {
  .news-post__title {
    font-size: 22px;
  }

  .news-post__content {
    padding: 20px 0 50px;
  }
}

/* 20200522追加 */

.sns_icon {
  text-align: center;
  margin-bottom: 30px;
}

.sns_icon img {
  width: 5%;
  margin: 10px;
}

@media screen and (max-width: 750px) {
  .sns_icon img {
    width: 15%;
    margin: 3px;
  }
}

/*
+-----------------------------------+
|                                   |
| ANCHOR movie                      |
|                                   |
+-----------------------------------+
*/
.movie_nav {
  display: flex;
  justify-content: space-around;
}

.movie_nav li {
  width: 20%;
  border: 2px solid #162644;
  background-color: #ffffff;
}

.movie_nav li a {
  display: block;
  padding: 15px 0 35px 0;
  text-align: center;
  font-weight: bold;
  position: relative;
}

.movie_nav li a::after {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #356494;
}

.movie_h3 {
  position: relative;
  max-width: 1200px;
}

.movie_h3_inner {
  position: absolute;
  width: 100%;
}

.movie_h3_inner #movie_topics,
.movie_h3_inner #movie_office,
.movie_h3_inner #movie_seminar,
.movie_h3_inner #movie_training {
  position: absolute;
  left: 0;
  width: 100%;
}

.movie_h3_inner {
  position: absolute;
  right: 0;
}

.movie_h3_inner p {
  width: 320px;
  position: absolute;
  right: 0;
}

.movie_box {
  padding-top: 130px;
  margin-bottom: 100px;
}

.movie_box ul {
  display: flex;
  flex-wrap: wrap;
}

.movie_box ul li {
  position: relative;
  margin-right: 50px;
  margin-bottom: 20px;
  width: calc((100% / 3) - (50px * 2 / 3));
  height: auto;
  -webkit-transition: .2s opacity ease-in;
  -o-transition: .2s opacity ease-in;
  transition: .2s opacity ease-in;
}

.movie_box ul li:hover {
  opacity: .6;
}

.movie_box ul li:nth-child(3n) {
  margin-right: 0;
}

.movie_box ul li .movie_new {
  position: absolute;
  top: -33px;
  left: 5px;
  padding: 3px 20px;
  color: #fff;
  background-color: red;
}

.movie_box ul li p {
  text-align: center;
  padding: 20px 0 50px 0;
}

.movie_box ul li a .movie_img {
  border: 5px solid #f4f4f4;
  object-fit: cover;
}

.movie_topbtn {
  position: fixed;
  bottom: 50px;
  right: 50px;
}

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

  .movie_nav li {
    width: 80%;
    border-bottom: none;
    margin: 0 auto;
    position: relative;
  }

  .movie_nav li::after {
    position: absolute;
    top: 30%;
    right: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #356494;
  }

  .movie_nav li:last-child {
    border-bottom: 2px solid #162644;
  }

  .movie_nav li a {
    padding: 10px;
    position: static;
  }

  .movie_nav li a::after {
    display: none;
  }

  .movie_box {
    padding-top: 170px;
  }

  .movie_box ul {
    display: block;
  }

  .movie_box ul li {
    position: relative;
    margin: 0 auto;
    width: 80%;
  }

  .movie_box ul li:nth-child(3n) {
    margin: 0 auto;
  }

  .movie_h3_inner #movie_topics,
  .movie_h3_inner #movie_office,
  .movie_h3_inner #movie_seminar,
  .movie_h3_inner #movie_training {
    margin-bottom: 10px;
  }

  .movie_h3_inner p {
    text-align: right;
    width: 50vw;
    top: 3px;
  }

  .movie_h3_inner p a {
    height: 35px;
    line-height: 35px;
  }

  .movie_h3_inner p a span {
    padding-right: 1em;
  }

  .movie_topbtn {
    position: fixed;
    bottom: 0;
    right: 0;
  }
}

.sp {
  display: none;
}

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

/*
+-----------------------------------+
|                                   |
| ANCHOR movie 2                    |
|                                   |
+-----------------------------------+
*/
.movie_item {
  position: relative;
  max-width: 100%;
  padding-top: 56.25%;
  margin-bottom: 100px;
}

.movie_item iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

span.mark1 {
  background-color: #e61717;
}

span.mark2 {
  background-color: #4db56a;
}

.top_btn {
  padding-top: 30px;
  margin-bottom: 80px;
}

.buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.buttons li {
  width: 24%;
}

@media screen and (max-width: 750px) {
  .top_btn {
    padding-top: 0;
    margin-bottom: 50px;
  }

  .buttons {
    width: 100%;
  }

  .buttons li {
    width: 49%;
    text-align: center;
    margin-bottom: 1%;
  }

}

.top-about {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto 6%;
}

.top-about__fieldset {
  padding: 2%;
  border: 7px double #162644;
}

.top-about__legend {
  margin-left: 0.2em;
  padding: 0 3%;
  color: #162644;
  text-align: center;
  letter-spacing: 0.2em;
  font-size: 150%;
  font-weight: bold;
}

@media screen and (max-width: 750px) {
  .top-about {
    margin: 0 auto 15%;
  }

  .top-about__fieldset {
    padding: 3% 3% 5%;
  }
}

.row-grid-fukuoka {
  width: 100%;
  margin-inline: auto;
  display: grid;
  gap: 10px;
  grid-auto-flow: dense;
  grid-template-columns: repeat(12, 1fr);
  /* カラム数を設定 */
}

.row-grid-fukuoka__item {
  grid-column: 4 span;
}


@media (min-width:768px) {
  .row-grid-fukuoka {
    gap: clamp(6px, .8vw, 10px);
  }

  .row-grid-fukuoka__item div.mb {
    margin-bottom: clamp(1px, .8vw, 10px);
  }

  .row-grid-fukuoka__item p {
    font-size: clamp(10px, 1.28vw, 16px);
  }

  .row-grid-fukuoka__item:first-child {
    grid-row: 1/2;
  }

  .row-grid-fukuoka__item:nth-child(2) {
    grid-row: 1/2;
  }

  .row-grid-fukuoka__item:nth-child(3) {
    grid-row: 1/3;
  }
}

@media (max-width:767px) {
  .row-grid-fukuoka__item {
    grid-column: 6 span;
  }

  .row-grid-fukuoka__item img {
    object-fit: cover;
    aspect-ratio: 16/9;
    width: 100%;
    height: 30vw;
  }
}

/*
+-----------------------------------+
|                                   |
| 20240619TOP変更                   |
|                                   |
+-----------------------------------+
*/

.tAbout__block01 {
  background: url(assets/img/top/bg_about01-c.jpg) no-repeat 0 126px;
  position: relative;
}

.tAbout__block01--box-right {
  position: absolute;
  right: 0;
  z-index: 1;
}

.tAbout__block01--box-left-text {
  max-width: 500px;
  margin-left: 30%;
}

.tAbout__block01-box-right-text {
  background: url(assets/img/top/img_about01-b_sp.jpg) no-repeat;
  display: flex;
  position: absolute;
  color: #fff;
  right: 0;
  top: 0;
  color: #fff;
  font-size: clamp(1.2rem, 1.099rem + 0.51vw, 1.7rem);
  width: 50%;
  padding: 230px 60px 150px;
}

.tAbout__block01-text-header,
.tAbout__block01-text-list li {
  text-align: center;
  margin-bottom: 24px;
}

.tAbout__block01-text-header {
  font-size: 2.5rem;
  font-weight: 700;
}

.tAbout__block01-text-offices,
.tAbout__block01-text-group {
  flex: 1;
}

@media screen and (max-width: 1380px) {
  .tAbout__block01-box-right-text {
    white-space: normal;
    gap: 2vw;
    padding: 5vw 2vw;
  }
}

@media screen and (min-width: 751px) and (max-width: 1366px) {
  .tAbout__block01 {
    min-height: 660px;
  }
}

@media screen and (max-width: 750px) {
  .tAbout__block01 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    background: none;
  }

  .tAbout__block01-box-right-text {
    position: relative;
    padding: 24% 2vw 5vw;
    width: 100%;
    background-size: cover;
    font-size: clamp(1rem, 0.959rem + 0.2vw, 1.2rem);
    margin-bottom: 3%;
  }

  .tAbout__block01-text-header {
    font-size: 1.7rem;
  }

  .tAbout__block01-text-header,
  .tAbout__block01-text-list li {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 1530px) {
  .tAbout__block01-text {
    right: 9.8vw;
  }
}