@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");

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

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

body {
  line-height: 1;
  counter-reset: number 0;
}

.count::before {
  counter-increment: number 1;
  /* number カウンタを増加 */
  content: " (" counter(number) ")";
  /* 表示形式を指定 */
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

.cnt,
footer .f-top,
.section .inner,
.pg-head .inner,
.mark-type,
.information,
.interview,
.ct-btn .inner,
.bottom-btn .inner,
.top .about,
.top .solution .inner,
.top .merit .inner,
.top .movie-list,
.under .cont-wrap,
.under-search .search-cond,
.under-search .search-results,
.under-search .mark-type,
.under-search .detail-head,
.under-search .detail,
.under-sn-search .new-corp,
.under-about .movie-list .inner,
.under-about .merit .inner,
.under-about .compliance .inner,
.under-merit .case .inner,
.under-merit .merit .inner,
.under-howto .mark-type,
.under-howto .firststep .inner,
.under-howto .howto-flow,
.under-howto .sr-search .inner,
.under-searchmethod .corp-select .inner,
.under-searchmethod .corp-pov .inner,
.under-self-check .reg-flow,
.under-greeting .detail,
.under-news .info-post,
.under-contact .detail,
.under-privacy .detail,
.under-sr .detail,
.under-member .detail,
.under-member .movie-list .inner,
.under-member .method,
.under-flow .detail,
.under-sr-merit .detail,
.under-sr-merit .merit-case,
.under-download .detail,
.under-interview-detail .business-int .inner,
.under-checkform .detail {
  width: 100%;
  max-width: 1080px;
  box-sizing: border-box;
}

.cnt-wide,
.top .fv-inner {
  width: 100%;
  max-width: 1300px;
  box-sizing: border-box;
}

/* ========================================================= */
/* カラー */
/* ========================================================= */
.orange {
  color: #fc6d00;
}

.green {
  color: #61c55e;
}

.pink {
  color: #f1518b;
}

.blue {
  color: #006CCB;
}

.red {
  color: #ef4746;
}

/* ========================================================= */
/* フォントタイプ */
/* ========================================================= */
.f_base {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.f_baseb,
.top .fv h2 {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.f_ar,
.interview .int figure figcaption,
.top .fv .reg-num span strong,
.under-self-check .reg-flow .flow::before {
  font-family: "arial";
}

.f_arb {
  font-family: "arial black";
}

.f_noto,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
dt,
dd,
table,
th,
td,
figcaption,
a,
header .h-ttl .site-name,
.global-nav .login,
.smp-nav .menu,
footer .f-top .site-name,
.inp-wrap label,
.sq-btn,
.btn-blue,
.section .hd,
.btn,
.interview .int>div .date,
.interview .int>div span,
.bottom-btn a,
.top .fv .reg-num,
.top .about .inner>div h3,
.top .solution .wrap figure figcaption,
.top .movie-list .wrap .movie .badge,
.under-search .detail .field .wrap div figure figcaption,
.under-search .detail .phone-info .inner span,
.under-sn-search .new-corp .corp>div span,
.under-sn-search .detail .corpinfo .head>div,
.under-sn-search .detail .status .ac-inner .comment span,
.under-about .movie-list .wrap .movie .badge,
.under-howto .howto-flow .flow .case-wrap::before,
.under-howto .howto-flow .flow .dl-btn-wrap .dl-btn,
.under-self-check .reg-flow .app-btn,
.under-self-check .reg-flow .flow-1 .wrap>div h5,
.under-self-check .reg-flow .flow-1 .wrap>div .dl-btn,
.under-self-check .reg-flow .flow-4 .wrap .i-box figure figcaption,
.under-sr .detail .inner .login .login-btn,
.under-member .movie-list .wrap .movie .badge,
.under-member .method .inner figure+div span,
.under-flow .detail .inner .fl figure figcaption,
.under-flow .detail .inner figure.full figcaption,
.under-flow .detail .inner .flow-img .lb {
  font-family: "Noto Sans JP", sans-serif;
}

/* ========================================================= */
/* 装飾 */
/* ========================================================= */
b,
.bold,
strong {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.img-border {
  border: 1px solid #ccc;
}

.underborder {
  border-bottom: 1px solid #ccc;
}

.under_border_da {
  border-bottom: 1px dashed #ccc;
}

.noborder,
article .norborder {
  border: none;
}

.marker-btm {
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, #fae0d1 0%);
}

/* ========================================================= */
/* 表示 */
/* ========================================================= */
.nodisp {
  text-indent: -9999px;
}

.disp_none {
  display: none;
}

.ani,
header,
header .inner,
article::before,
#pagetop .pagetop,
.paging-wrap ul li a,
.under-sn-search .detail .status .ac .toggle span::after {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

@keyframes ani01 {
  0% {
    transform: translateY(0);
  }

  33.33333% {
    transform: translateY(-8px);
  }

  66.66667% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes rotate-ani01 {
  0% {
    transform: rotate(0deg) translateY(0);
  }

  3% {
    transform: rotate(-5deg) translateY(-8px);
  }

  6% {
    transform: rotate(0deg) translateY(0);
  }

  9% {
    transform: rotate(4deg);
  }

  11% {
    transform: rotate(0);
  }

  /*  75% {
    transform: rotate(5deg);
  }*/
  100% {
    transform: rotate(0deg);
  }
}

@keyframes zoom-ani01 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes zoom-ani02 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

/* ========================================================= */
/* 幅 */
/* ========================================================= */
.w-check {
  width: 40px;
  max-width: 40px;
  padding-left: 0;
  padding-right: 0;
}

.w-5 {
  width: 5%;
  max-width: 5%;
}

.w-10 {
  width: 10%;
  max-width: 10%;
}

.w-15 {
  width: 15%;
  max-width: 15%;
}

.w-20 {
  width: 20%;
  max-width: 20%;
}

.w-25 {
  width: 25%;
  max-width: 25%;
}

.w-30 {
  width: 30%;
  max-width: 30%;
}

.w-35 {
  width: 35%;
  max-width: 35%;
}

.w-40 {
  width: 40%;
  max-width: 40%;
}

.w-45 {
  width: 45%;
  max-width: 45%;
}

.w-50 {
  width: 50%;
  max-width: 50%;
}

.w-55 {
  width: 55%;
  max-width: 55%;
}

.w-60 {
  width: 60%;
  max-width: 60%;
}

.w-65 {
  width: 65%;
  max-width: 65%;
}

.w-70 {
  width: 70%;
  max-width: 70%;
}

.w-75 {
  width: 75%;
  max-width: 75%;
}

.w-80 {
  width: 80%;
  max-width: 80%;
}

.w-85 {
  width: 85%;
  max-width: 85%;
}

.w-90 {
  width: 90%;
  max-width: 90%;
}

.w-95 {
  width: 95%;
  max-width: 95%;
}

.w-100 {
  width: 100%;
  max-width: 100%;
}

/* ========================================================= */
/* レイアウト調整 */
/* ========================================================= */
.al-r {
  text-align: right;
}

.al-l {
  text-align: left;
}

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

.mtop-0 {
  margin-top: 0 !important;
}

.mauto,
footer .f-top,
.section .inner,
.pg-head .inner,
.mark-type,
.information,
.interview,
.ct-btn .inner,
.bottom-btn .inner,
.top .fv-inner,
.top .about,
.top .solution .inner,
.top .merit .inner,
.top .movie-list,
.under .cont-wrap,
.under-search .search-cond,
.under-search .search-results,
.under-search .mark-type,
.under-search .detail-head,
.under-search .detail,
.under-sn-search .new-corp,
.under-about .movie-list .inner,
.under-about .merit .inner,
.under-about .compliance .inner,
.under-merit .case .inner,
.under-merit .merit .inner,
.under-howto .mark-type,
.under-howto .firststep .inner,
.under-howto .howto-flow,
.under-howto .sr-search .inner,
.under-searchmethod .corp-select .inner,
.under-searchmethod .corp-pov .inner,
.under-self-check .reg-flow,
.under-greeting .detail,
.under-news .info-post,
.under-contact .detail,
.under-privacy .detail,
.under-sr .detail,
.under-member .detail,
.under-member .movie-list .inner,
.under-member .method,
.under-flow .detail,
.under-sr-merit .detail,
.under-sr-merit .merit-case,
.under-download .detail,
.under-interview-detail .business-int .inner,
.under-checkform .detail,
article .mauto,
article footer .f-top,
footer article .f-top,
article .section .inner,
.section article .inner,
article .pg-head .inner,
.pg-head article .inner,
article .mark-type,
article .information,
article .interview,
article .ct-btn .inner,
.ct-btn article .inner,
article .bottom-btn .inner,
.bottom-btn article .inner,
article .top .fv-inner,
.top article .fv-inner,
article .top .about,
.top article .about,
article .top .solution .inner,
.top .solution article .inner,
article .top .merit .inner,
.top .merit article .inner,
article .top .movie-list,
.top article .movie-list,
article .under .cont-wrap,
.under article .cont-wrap,
article .under-search .search-cond,
.under-search article .search-cond,
article .under-search .search-results,
.under-search article .search-results,
article .under-search .mark-type,
.under-search article .mark-type,
article .under-search .detail-head,
.under-search article .detail-head,
article .under-search .detail,
.under-search article .detail,
article .under-sn-search .new-corp,
.under-sn-search article .new-corp,
article .under-about .movie-list .inner,
.under-about .movie-list article .inner,
article .under-about .merit .inner,
.under-about .merit article .inner,
article .under-about .compliance .inner,
.under-about .compliance article .inner,
article .under-merit .case .inner,
.under-merit .case article .inner,
article .under-merit .merit .inner,
.under-merit .merit article .inner,
article .under-howto .mark-type,
.under-howto article .mark-type,
article .under-howto .firststep .inner,
.under-howto .firststep article .inner,
article .under-howto .howto-flow,
.under-howto article .howto-flow,
article .under-howto .sr-search .inner,
.under-howto .sr-search article .inner,
article .under-searchmethod .corp-select .inner,
.under-searchmethod .corp-select article .inner,
article .under-searchmethod .corp-pov .inner,
.under-searchmethod .corp-pov article .inner,
article .under-self-check .reg-flow,
.under-self-check article .reg-flow,
article .under-greeting .detail,
.under-greeting article .detail,
article .under-news .info-post,
.under-news article .info-post,
article .under-contact .detail,
.under-contact article .detail,
article .under-privacy .detail,
.under-privacy article .detail,
article .under-sr .detail,
.under-sr article .detail,
article .under-member .detail,
.under-member article .detail,
article .under-member .movie-list .inner,
.under-member .movie-list article .inner,
article .under-member .method,
.under-member article .method,
article .under-flow .detail,
.under-flow article .detail,
article .under-sr-merit .detail,
.under-sr-merit article .detail,
article .under-sr-merit .merit-case,
.under-sr-merit article .merit-case,
article .under-download .detail,
.under-download article .detail,
article .under-interview-detail .business-int .inner,
.under-interview-detail .business-int article .inner,
article .under-checkform .detail,
.under-checkform article .detail {
  margin-left: auto;
  margin-right: auto;
}

.br-pc,
.dn-pc {
  display: block;
}

.br-sp,
.dn-sp {
  display: none;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.scroll {
  overflow: auto;
  white-space: nowrap;
}

.scroll::-webkit-scrollbar {
  height: 5px;
}

.scroll::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0);
}

.scroll::-webkit-scrollbar-thumb {
  /* スクロールバーのツマミの色 */
  background: rgba(255, 255, 255, 0.4);
}

/* tableにスクロールバーを追加 ここまで↑ */
.scroll table {
  /* tableの幅を100%に */
  width: 100%;
}

.scrollbox {
  position: relative;
  width: 100%;
  overflow: auto;
  scrollbar-base-color: #fff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-arrow-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-face-color: #f1f1f1;
  scrollbar-highlight-color: #f1f1f1;
  scrollbar-shadow-color: #f1f1f1;
  scrollbar-track-color: #ffffff;
}

/*スクロールバー全体*/
.scrollbox::-webkit-scrollbar {
  width: 10px;
}

/*横スクロールバー全体*/
.scrollbox::-webkit-scrollbar:horizontal {
  height: 10px;
}

/*スクロールバー上下左右末端のボタン*/
.scrollbox::-webkit-scrollbar-button {
  width: 10px;
  height: 10px;
}

/*ドラッグするツマミ部分*/
.scrollbox::-webkit-scrollbar-thumb {
  background: #f1f1f1;
}

/*右下角部分*/
.scrollbox::-webkit-scrollbar-corner {
  background-color: transparent;
}

html {
  font-size: 62.5%;
  scroll-padding-top: 150px;
}

@media screen and (max-width: 767px) {
  html {
    scroll-padding-top: 100px;
  }
}

body {
  text-align: center;
  color: #353535;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 1.5rem;
  position: relative;
}

body.fixed {
  overflow: auto;
  height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
}

p,
li,
dt,
dd,
table,
th,
td,
figcaption,
a {
  font-weight: 400;
  line-height: 2;
}

img {
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: bottom;
}

a {
  color: #006CCB;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-decoration: underline;
}

a:visited {
  color: #006CCB;
}

a.noborder {
  text-decoration: none;
}

a.noborder:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
  opacity: 0.1;
}

a.no-link {
  pointer-events: none;
}

a.anchor {
  display: block;
  padding-top: 100px;
  margin-top: -100px;
}

@media screen and (max-width: 767px) {
  a.anchor {
    padding-top: 60px;
    margin-top: -60px;
  }
}

a:hover,
a:hover img,
input[type="submit"]:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]:focus,
input[type="button"]:focus {
  outline-offset: -2px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {

  .cnt,
  footer .f-top,
  .section .inner,
  .pg-head .inner,
  .mark-type,
  .information,
  .interview,
  .ct-btn .inner,
  .bottom-btn .inner,
  .top .about,
  .top .solution .inner,
  .top .merit .inner,
  .top .movie-list,
  .under .cont-wrap,
  .under-search .search-cond,
  .under-search .search-results,
  .under-search .mark-type,
  .under-search .detail-head,
  .under-search .detail,
  .under-sn-search .new-corp,
  .under-about .movie-list .inner,
  .under-about .merit .inner,
  .under-about .compliance .inner,
  .under-merit .case .inner,
  .under-merit .merit .inner,
  .under-howto .mark-type,
  .under-howto .firststep .inner,
  .under-howto .howto-flow,
  .under-howto .sr-search .inner,
  .under-searchmethod .corp-select .inner,
  .under-searchmethod .corp-pov .inner,
  .under-self-check .reg-flow,
  .under-greeting .detail,
  .under-news .info-post,
  .under-contact .detail,
  .under-privacy .detail,
  .under-sr .detail,
  .under-member .detail,
  .under-member .movie-list .inner,
  .under-member .method,
  .under-flow .detail,
  .under-sr-merit .detail,
  .under-sr-merit .merit-case,
  .under-download .detail,
  .under-interview-detail .business-int .inner,
  .under-checkform .detail {
    max-width: calc(100% - 50px);
  }

  body {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {

  .cnt,
  footer .f-top,
  .section .inner,
  .pg-head .inner,
  .mark-type,
  .information,
  .interview,
  .ct-btn .inner,
  .bottom-btn .inner,
  .top .about,
  .top .solution .inner,
  .top .merit .inner,
  .top .movie-list,
  .under .cont-wrap,
  .under-search .search-cond,
  .under-search .search-results,
  .under-search .mark-type,
  .under-search .detail-head,
  .under-search .detail,
  .under-sn-search .new-corp,
  .under-about .movie-list .inner,
  .under-about .merit .inner,
  .under-about .compliance .inner,
  .under-merit .case .inner,
  .under-merit .merit .inner,
  .under-howto .mark-type,
  .under-howto .firststep .inner,
  .under-howto .howto-flow,
  .under-howto .sr-search .inner,
  .under-searchmethod .corp-select .inner,
  .under-searchmethod .corp-pov .inner,
  .under-self-check .reg-flow,
  .under-greeting .detail,
  .under-news .info-post,
  .under-contact .detail,
  .under-privacy .detail,
  .under-sr .detail,
  .under-member .detail,
  .under-member .movie-list .inner,
  .under-member .method,
  .under-flow .detail,
  .under-sr-merit .detail,
  .under-sr-merit .merit-case,
  .under-download .detail,
  .under-interview-detail .business-int .inner,
  .under-checkform .detail {
    max-width: calc(100% - 50px);
  }

  body {
    font-size: 1.6rem;
  }
}

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

  .cnt,
  footer .f-top,
  .section .inner,
  .pg-head .inner,
  .mark-type,
  .information,
  .interview,
  .ct-btn .inner,
  .bottom-btn .inner,
  .top .about,
  .top .solution .inner,
  .top .merit .inner,
  .top .movie-list,
  .under .cont-wrap,
  .under-search .search-cond,
  .under-search .search-results,
  .under-search .mark-type,
  .under-search .detail-head,
  .under-search .detail,
  .under-sn-search .new-corp,
  .under-about .movie-list .inner,
  .under-about .merit .inner,
  .under-about .compliance .inner,
  .under-merit .case .inner,
  .under-merit .merit .inner,
  .under-howto .mark-type,
  .under-howto .firststep .inner,
  .under-howto .howto-flow,
  .under-howto .sr-search .inner,
  .under-searchmethod .corp-select .inner,
  .under-searchmethod .corp-pov .inner,
  .under-self-check .reg-flow,
  .under-greeting .detail,
  .under-news .info-post,
  .under-contact .detail,
  .under-privacy .detail,
  .under-sr .detail,
  .under-member .detail,
  .under-member .movie-list .inner,
  .under-member .method,
  .under-flow .detail,
  .under-sr-merit .detail,
  .under-sr-merit .merit-case,
  .under-download .detail,
  .under-interview-detail .business-int .inner,
  .under-checkform .detail {
    max-width: calc(100% - 50px);
  }

  .cnt-wide,
  .top .fv-inner {
    max-width: 100%;
  }

  .br-pc,
  .dn-sp {
    display: none;
  }

  .br-sp,
  .dn-pc {
    display: block;
  }

  body {
    font-family: sans-serif;
    min-width: initial;
    font-size: 1.5rem;
  }
}

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

  .cnt,
  footer .f-top,
  .section .inner,
  .pg-head .inner,
  .mark-type,
  .information,
  .interview,
  .ct-btn .inner,
  .bottom-btn .inner,
  .top .about,
  .top .solution .inner,
  .top .merit .inner,
  .top .movie-list,
  .under .cont-wrap,
  .under-search .search-cond,
  .under-search .search-results,
  .under-search .mark-type,
  .under-search .detail-head,
  .under-search .detail,
  .under-sn-search .new-corp,
  .under-about .movie-list .inner,
  .under-about .merit .inner,
  .under-about .compliance .inner,
  .under-merit .case .inner,
  .under-merit .merit .inner,
  .under-howto .mark-type,
  .under-howto .firststep .inner,
  .under-howto .howto-flow,
  .under-howto .sr-search .inner,
  .under-searchmethod .corp-select .inner,
  .under-searchmethod .corp-pov .inner,
  .under-self-check .reg-flow,
  .under-greeting .detail,
  .under-news .info-post,
  .under-contact .detail,
  .under-privacy .detail,
  .under-sr .detail,
  .under-member .detail,
  .under-member .movie-list .inner,
  .under-member .method,
  .under-flow .detail,
  .under-sr-merit .detail,
  .under-sr-merit .merit-case,
  .under-download .detail,
  .under-interview-detail .business-int .inner,
  .under-checkform .detail {
    max-width: calc(100% - 30px);
  }

  body {
    font-size: 1.4rem;
  }
}

#wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
}

/* ====================================================================== */
/* HEADER */
/* ====================================================================== */
header {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  background-color: white;
}

header .inner {
  padding: 0 35px;
  height: 80px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  header .inner {
    padding: 0 15px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  header .inner {
    padding: 0 15px;
  }
}

@media screen and (max-width: 767px) {
  header .inner {
    padding: 0 10px;
  }
}

header .h-ttl {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  header .h-ttl {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

header .h-ttl h1 {
  margin-right: 25px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  header .h-ttl h1 {
    margin-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  header .h-ttl h1 {
    margin-right: 10px;
  }
}

header .h-ttl h1 a {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 2.7rem;
  font-weight: 700;
  color: #003a74;
  text-decoration: none;
  line-height: 1.3;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  header .h-ttl h1 a {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 767px) {
  header .h-ttl h1 a {
    padding-top: 0.35em;
    font-size: 1.9rem;
    letter-spacing: -0.05em;
  }
}

@media screen and (max-width: 330px) {
  header .h-ttl h1 a {
    font-size: 1.7rem;
  }
}

header .h-ttl h1 a small {
  font-size: 1.1rem;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  header .h-ttl h1 a small {
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
    position: absolute;
    top: 5px;
    left: 10px;
  }
}

header .h-ttl .site-name {
  display: inline-block;
  padding: 0.5em 0.75em;
  font-size: 1.4rem;
  font-weight: 500;
  color: #003a74;
  border: 1px solid #003a74;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  header .h-ttl .site-name {
    margin-top: 15px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  header .h-ttl .site-name {
    margin-top: 15px;
    padding: .5em;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  header .h-ttl .site-name {
    margin-top: 5px;
    padding: 0.5em;
    font-size: 1rem;
  }
}

header .h-blk {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  header .h-blk {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  header .h-blk {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
}

@media screen and (max-width: 767px) {
  header .h-blk {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
}

header .h-blk>div {
  padding-right: 25px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

@media screen and (max-width: 767px) {
  header .h-blk>div {
    padding-right: 0;
  }
}

header .h-blk>div ul {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.15em 0;
}

header .h-blk>div ul li a {
  color: #003a74;
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: none;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  header .h-blk>div ul li a {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 767px) {
  header .h-blk>div ul.h-menu {
    display: none;
  }
}

header .h-blk>div ul.h-menu li a {
  display: block;
  padding: 0 1em;
  border-right: 1px solid #003a74;
  line-height: 1.3;
}

header .h-blk>div ul.h-menu li:last-child a {
  padding-right: 0;
  border-right: none;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  header .h-blk>div ul.h-btn {
    position: absolute;
    bottom: 10px;
    right: 300px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  header .h-blk>div ul.h-btn {
    position: absolute;
    bottom: 10px;
    right: 250px;
  }
}

header .h-blk>div ul.h-btn li {
  margin-right: 1em;
}

@media screen and (max-width: 767px) {
  header .h-blk>div ul.h-btn li {
    margin-right: 0;
    margin-bottom: 5px;
  }
}

header .h-blk>div ul.h-btn li a.twitter {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 24px;
  height: 24px;
  max-height: 24px;
  padding-top: 0.15em;
  background-color: #4a99e9;
  color: white;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 1.3rem;
  box-sizing: border-box;
}

header .h-blk>div ul.h-btn li a.mem {
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 0.75em;
  height: 24px;
  background-color: #006ccb;
  font-size: 1.3rem;
  font-weight: 500;
  color: white;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  header .h-blk>div ul.h-btn li a.mem {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  header .h-blk>div ul.h-btn li a.mem {
    display: none;
  }
}

header .h-blk>div ul.h-btn li:last-child {
  margin-right: 0;
}

header .h-blk .logo {
  display: block;
  width: 300px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  header .h-blk .logo {
    margin-top: 5px;
    width: 260px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  header .h-blk .logo {
    margin-top: 5px;
    width: 220px;
  }
}

@media screen and (max-width: 767px) {
  header .h-blk .logo {
    width: 145px;
  }
}

@media screen and (max-width: 320px) {
  header .h-blk .logo {
    width: 120px;
  }
}

.global-nav {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 4px 35px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjNiMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkYmVmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #0063b2), color-stop(100%, #2dbeff));
  background: -moz-linear-gradient(left, #0063b2, #2dbeff);
  background: -webkit-linear-gradient(left, #0063b2, #2dbeff);
  background: linear-gradient(to right, #0063b2, #2dbeff);
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .global-nav {
    padding: 4px 15px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .global-nav {
    padding: 4px 15px;
  }
}

@media screen and (max-width: 767px) {
  .global-nav {
    display: none;
  }
}

.global-nav .g-nav {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.global-nav .g-nav li a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 1.3em;
  height: 40px;
  font-size: 1.4rem;
  font-weight: 500;
  color: white;
  text-decoration: none;
  border-right: 1px solid white;
  box-sizing: border-box;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .global-nav .g-nav li a {
    padding: 0 1em;
    font-size: 1.35rem;
    letter-spacing: -.05em;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .global-nav .g-nav li a {
    padding: 0 .5em;
    font-size: 1.3rem;
    letter-spacing: -.05em;
  }
}

.global-nav .g-nav li:first-child a {
  border-left: 1px solid white;
}

.global-nav .login {
  display: inline-flex;
  padding: 0.35em 0.75em;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: white;
  font-size: 1.5rem;
  font-weight: 500;
  color: #003a74;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  line-height: 1.2;
  position: relative;
  cursor: pointer;
}

/* 20250131 */
.global-nav .bt {
  padding: 0.08em 0.75em;
  background-color: #f8b62d;
  font-size: 1.5rem;
  font-weight: 400;
  color: #ffffff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  line-height: 1.2;
  position: absolute;
  cursor: pointer;
  z-index: 2;
  right: 130px;
}
.global-nav .bt .related-info {
  padding: 0.08em 0.15em 0.1em 1.4em;
  background: url("images/icon_ri.png") no-repeat left;
  font-size: 1.5rem;
  font-weight: 400;
  color: #ffffff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  line-height: 1.2;
  cursor: pointer;
}
.global-nav .bt .related-info a {
  color: #ffffff;
  text-decoration: none;
  underline: none;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .global-nav .login {
    font-size: 1.4rem;
  }
}

.global-nav .login a {
  color: #353535;
  text-decoration: none;
}

.global-nav .login .panel {
  position: absolute;
  top: 50px;
  right: 0;
  margin: auto;
  width: 140px;
  display: none;
}

.global-nav .login .panel .triangle {
  border-right: 5px solid transparent;
  border-bottom: 10px solid white;
  border-left: 5px solid transparent;
  position: absolute;
  top: -10px;
  right: 20px;
}

.global-nav .login .panel-inner {
  background-color: white;
  position: relative;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.global-nav .login .panel .panel_item {
  border-bottom: 1px solid #ccc;
}

.global-nav .login .panel .panel_item:last-child {
  border-bottom: none;
}

.global-nav .login .panel .panel_item a {
  font-size: 1.3rem;
  font-weight: 500;
}

/* ----------------------------------------- */
/* スマホナビ
/* ----------------------------------------- */
.smp-nav {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjNiMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkYmVmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0063b2), color-stop(100%, #2dbeff));
  background: -moz-linear-gradient(top, #0063b2, #2dbeff);
  background: -webkit-linear-gradient(top, #0063b2, #2dbeff);
  background: linear-gradient(to bottom, #0063b2, #2dbeff);
  position: relative;
  display: none;
}

@media screen and (max-width: 767px) {
  .smp-nav {
    display: -webkit-flex;
    display: flex;
  }
}

.smp-nav .menu {
  width: calc(100% / 3);
  font-size: 1.5rem;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  border-right: 1px solid white;
}

@media screen and (max-width: 330px) {
.smp-nav .menu:nth-of-type(1) {
  width: 28%;
}
.smp-nav .menu:nth-of-type(2) {
  width: 44%;
}
.smp-nav .menu:nth-of-type(3) {
  width: 28%;
}
}

.smp-nav .menu:last-child {
  border-right: none;
}

.smp-nav .menu .js-dropdown {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: bold;
  height: 35px;
  color: white;
  position: relative;
}

@media screen and (max-width: 320px) {
  .smp-nav .menu .js-dropdown {
    font-size: 1.1rem;
    letter-spacing: -.05em;
  }
}

.smp-nav .menu .js-dropdown.is-active {
  background-color: #006CCB;
}

.smp-nav .menu .js-dropdown::before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 12px;
  height: 12px;
  vertical-align: middle;
}

.smp-nav .menu .js-dropdown.menu-1::before {
  background: url(../img/icon/ham.svg) no-repeat center;
  background-size: contain;
}

.smp-nav .menu .menu-2 a::before {
  content: "";
  width: 10px;
  height: 11px;
  margin-right: 2px;
  margin-top: 1px;
  background: url(../img/icon/sw.svg) no-repeat center;
  background-size: contain;
}

.smp-nav .menu .js-dropdown.menu-3::before {
  background: url(../img/icon/login.svg) no-repeat center;
  background-size: contain;
}
.smp-nav .menu .menu-2 a{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: bold;
  height: 35px;
  color: white;
  position: relative;
  text-decoration: none;
}


.smp-nav .menu .panel {
  position: absolute;
  top: 35px;
  right: 0;
  margin: auto;
  width: 100vw;
  height: calc(100vh - 80px + 35px);
  display: none;
}

.smp-nav .menu .panel-inner {
  padding: 0 15px;
  height: 100%;
  background-color: white;
  position: relative;
}

.smp-nav .menu .panel .menu-list {
  position: relative;
  z-index: 999;
  padding-bottom: 35px;
  width: 100%;
  height: calc(100vh - 80px + 35px);
  max-height: calc(100vh - 80px + 35px);
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.smp-nav .menu .panel ul li {
  border-bottom: 1px solid #dcdcdc;
}

.smp-nav .menu .panel ul li a {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  max-width: 100%;
  -webkit-align-items: center;
  align-items: center;
  padding: 1em 0.5em;
  color: #353535;
  text-decoration: none;
  font-size: 1.4rem;
  text-align: left;
  line-height: 1.3;
  position: relative;
  box-sizing: border-box;
}

@media screen and (max-width: 320px) {
  .smp-nav .menu .panel ul li a {
    padding: .75em .5em;
    font-size: 1.3rem;
    line-height: 1.2;
  }
}

.smp-nav .menu .panel ul li a::after {
  content: "\f054";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 1.1rem;
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
  color: #a4a4a4;
}

/* ====================================================================== */
/* CONTENT */
/* ====================================================================== */
article {
  padding-bottom: 50px;
  text-align: left;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  article {
    padding-bottom: 50px;
  }
}

article::before {
  content: "";
  display: block;
  width: 100%;
  height: 400px;
  height: 300px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  article::before {
    display: none;
  }
}

/* --------------------------------------------------- */
/* パラグラフ */
/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* Table */
/* --------------------------------------------------- */
article table {
  width: 100%;
  border-collapse: collapse;
}

/* --------------------------------------------------- */
/* UL OL */
/* --------------------------------------------------- */
article ul.list-disc li,
article ol.list-disc li {
  margin-left: 20px;
  list-style-type: disc;
}

article ul.list-none li,
article ol.list-none li {
  margin-left: 20px;
  list-style-type: none;
}

article ul.list-num li,
article ol.list-num li {
  margin-left: 20px;
  list-style-type: decimal;
}

/* ====================================================================== */
/* Footer */
/* ====================================================================== */
footer {
  margin: auto auto 0;
  padding: 0;
  width: 100%;
  position: relative;
  z-index: 100;
}

footer .f-top {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding-bottom: 30px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  footer .f-top {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  footer .f-top {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
  }
}

footer .f-top .site-name {
  text-align: left;
  font-size: 2.7rem;
  font-weight: 700;
  color: #003a74;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  footer .f-top .site-name {
    font-size: 2.3rem;
    text-align: center;
  }
}

footer .f-top .site-name small {
  font-size: 1rem;
  font-weight: 500;
}

footer .f-top .f-menu {
  display: -webkit-flex;
  display: flex;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  footer .f-top .f-menu {
    margin-top: 25px;
  }
}

@media screen and (max-width: 767px) {
  footer .f-top .f-menu {
    display: none;
  }
}

footer .f-top .f-menu ul {
  padding-right: 50px;
}

footer .f-top .f-menu ul:last-child {
  padding-right: 0;
}

footer .f-top .f-menu ul li {
  text-align: left;
  list-style-type: disc;
}

footer .f-top .f-menu ul li a {
  font-size: 1.4rem;
  color: #353535;
  text-decoration: none;
  line-height: 1.5;
}

footer .f-top .smp-f-menu {
  margin-top: 35px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  display: none;
}

@media screen and (max-width: 767px) {
  footer .f-top .smp-f-menu {
    display: -webkit-flex;
    display: flex;
  }
}

footer .f-top .smp-f-menu li {
  display: -webkit-flex;
  display: flex;
  width: calc(100% / 2);
  border-bottom: 1px solid #dcdcdc;
}

footer .f-top .smp-f-menu li a {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  max-width: 100%;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.75em 0.5em;
  color: #353535;
  text-decoration: none;
  font-size: 1.2rem;
  text-align: left;
  line-height: 1.3;
  position: relative;
  box-sizing: border-box;
}

@media screen and (max-width: 320px) {
  footer .f-top .smp-f-menu li a {
    font-size: 1.1rem;
    letter-spacing: -.05em;
  }
}

footer .f-top .smp-f-menu li a::after {
  content: "\f054";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 1.1rem;
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
  color: #a4a4a4;
}

footer .f-bottom {
  border-top: 1px solid #e2e2e2;
}

footer .f-bottom .logo {
  display: inline-block;
  width: 260px;
  margin: 15px auto;
}

footer .f-bottom .copyright {
  display: block;
  padding: 10px 0;
  font-size: 1.4rem;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  background-color: #0053a7;
  color: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 767px) {
  footer .f-bottom .copyright {
    font-size: 1rem;
    line-height: 1.3;
  }
}

#pagetop {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 200;
  display: none;
}

@media screen and (max-width: 767px) {
  #pagetop {
    bottom: 10px;
    right: 10px;
  }
}

#pagetop .pagetop {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 1.1rem;
  text-decoration: none;
  line-height: 1.1;
  background-color: #006CCB;
  color: white;
}

@media screen and (max-width: 767px) {
  #pagetop .pagetop {
    width: 32px;
    height: 32px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
}

#pagetop .pagetop:hover {
  height: 55px;
}

@media screen and (max-width: 767px) {
  #pagetop .pagetop:hover {
    height: 32px;
  }
}

#pagetop .pagetop i {
  font-size: 2rem;
}

@media screen and (max-width: 767px) {
  #pagetop .pagetop i {
    font-size: 1.7rem;
  }
}

@media screen and (max-width: 767px) {
  #under-pg #pagetop {
    bottom: 10px;
  }
}

.row {
  padding: 1em 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #ccc;
}

.row:nth-last-of-type(1) {
  border-bottom: none;
}

.row .inp-wrap:not(:first-child) {
  margin-left: 35px;
}

.inp-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.inp-wrap.full {
  width: 100%;
}

.inp-wrap label {
  margin-right: 15px;
  font-size: 1.5rem;
  color: #353535;
}

@media screen and (max-width: 767px) {
  .inp-wrap label {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 320px) {
  .inp-wrap label {
    margin-right: 10px;
    font-size: 1.3rem;
  }
}

.chk-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.rad-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .rad-wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

.chk,
.rad {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

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

  .chk,
  .rad {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

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

  .chk input[type="radio"]+span,
  .chk input[type="checkbox"]+span,
  .rad input[type="radio"]+span,
  .rad input[type="checkbox"]+span {
    display: block;
    width: calc(100% - 21px - 10px);
    margin-right: 0;
  }
}

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

  .chk input[type="radio"]+span,
  .chk input[type="checkbox"]+span,
  .rad input[type="radio"]+span,
  .rad input[type="checkbox"]+span {
    width: calc(100% - 19px - 10px);
  }
}

button,
input,
select,
textarea {
  font-family: inherit;
}

input[type="text"],
input[type="number"],
input[type="password"],
select,
textarea {
  margin-right: 15px;
  padding: 0.35em 0.5em;
  box-sizing: border-box;
}

input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
select::placeholder,
textarea::placeholder {
  color: #808080;
}

input[type="text"].error,
input[type="number"].error,
input[type="password"].error,
select.error,
textarea.error {
  background-color: #f5eaea;
}

input[type="radio"],
input[type="checkbox"] {
  margin-right: 10px;
  width: 21px;
  height: 21px;
  vertical-align: -0.2em;
}

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

  input[type="radio"],
  input[type="checkbox"] {
    width: 19px;
    height: 19px;
  }
}

input[type="radio"]+span,
input[type="checkbox"]+span {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-right: 15px;
  position: relative;
}

input[type="radio"]+span .q,
input[type="checkbox"]+span .q {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin-left: 7px;
  width: 18px;
  height: 18px;
  background-color: #515151;
  color: white;
  font-size: 1.2rem;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-decoration: none;
}

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

  input[type="radio"]+span .q,
  input[type="checkbox"]+span .q {
    width: 15px;
    height: 15px;
    font-size: 1.1rem;
  }
}

.sq-btn {
  display: table;
  margin: 0;
  padding: 0.35em 1em;
  color: white;
  border: none;
  font-size: 2rem;
  font-weight: 700;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-sizing: border-box;
  line-height: 1.2;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .sq-btn {
    margin: 25px auto 0;
  }
}

@media screen and (max-width: 320px) {
  .sq-btn {
    font-size: 1.7rem;
  }
}

.sq-btn-green {
  background-color: #25ad46;
}

.sq-btn-orange {
  background-color: #e49f51;
}

.sq-btn-blue {
  background-color: #006CCB;
}

.btn-blue {
  display: table;
  margin: 0 auto;
  padding: 0.75em 0.5em;
  min-width: 200px;
  background-color: #006CCB;
  color: white;
  border: none;
  font-size: 1.8rem;
  font-weight: 500;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  box-sizing: border-box;
  line-height: 1.2;
  cursor: pointer;
}

@media screen and (max-width: 320px) {
  .btn-blue {
    min-width: 170px;
    font-size: 1.6rem;
  }
}

.btn-blue .search-icon {
  position: relative;
}

.btn-blue .search-icon::before {
  content: "";
  display: inline-block;
  margin-right: 7px;
  width: 18px;
  height: 18px;
  background: url(../img/icon/zoom.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

/* ================================================================== */
/* Modal */
/* ================================================================== */
.iziModal {
  max-width: 60% !important;
  margin-top: 180px !important;
  /*  margin-right: 50px !important;*/
}

.iziModal .wrap {
  margin: 0.5em;
  padding: 4em;
  overflow: hidden;
  text-align: left;
  background-color: white;
}

.iziModal .wrap p strong {
  font-size: 2.4rem;
}

.iziModal .wrap img {
  width: 280px;
  float: left;
  margin-right: 50px;
}

/* ================================================================== */
/* Common */
/* ================================================================== */
.section {
  padding: 150px 0 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .section {
    padding-top: 70px;
  }
}

.section .inner {
  position: relative;
  z-index: 5;
}

.section .ttl {
  display: table;
  margin: 0 auto;
  padding: 25px 0;
  font-size: 4.8rem;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .section .ttl {
    font-size: 4rem;
  }
}

@media screen and (max-width: 767px) {
  .section .ttl {
    font-size: 3rem;
  }
}

@media screen and (max-width: 320px) {
  .section .ttl {
    font-size: 2.5rem;
  }
}

.section .ttl::before {
  content: "";
  display: inline-block;
  width: 150px;
  height: 30px;
  background: url(img/common/ttl-1.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: -100px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .section .ttl::before {
    left: -50px;
  }
}

@media screen and (max-width: 767px) {
  .section .ttl::before {
    width: 100px;
    height: 20px;
    left: -50px;
  }
}

@media screen and (max-width: 320px) {
  .section .ttl::before {
    left: -30px;
  }
}

.section .ttl::after {
  content: "";
  display: inline-block;
  width: 150px;
  height: 30px;
  background: url(img/common/ttl-2.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: -100px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .section .ttl::after {
    right: -50px;
  }
}

@media screen and (max-width: 767px) {
  .section .ttl::after {
    width: 100px;
    height: 20px;
    right: -50px;
  }
}

@media screen and (max-width: 320px) {
  .section .ttl::after {
    right: -30px;
  }
}

.section .ttl-w {
  color: white;
}

.section .ttl-w::before {
  background: url(img/common/ttl-1-w.svg) no-repeat center;
  background-size: contain;
}

.section .ttl-w::after {
  background: url(img/common/ttl-2-w.svg) no-repeat center;
  background-size: contain;
}

.section .hd {
  display: table;
  margin: 0 auto;
  padding-bottom: 0.35em;
  font-size: 3.6rem;
  font-weight: 700;
  position: relative;
  letter-spacing: -0.025em;
}

@media screen and (max-width: 767px) {
  .section .hd {
    padding-left: 0.5em;
    font-size: 3rem;
    line-height: 1.3;
  }
}

@media screen and (max-width: 320px) {
  .section .hd {
    font-size: 2.5rem;
  }
}

.section .hd::after {
  content: "";
  display: inline-block;
  width: 70px;
  height: 4px;
  background-color: #ef4746;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.section .hd-2 {
  display: table;
  margin: 0 auto;
  font-size: 3.3rem;
}

@media screen and (max-width: 767px) {
  .section .hd-2 {
    font-size: 2.5rem;
  }
}

.section .hd-2::before {
  display: none;
}

.section .en-ttl {
  color: #ccc;
  position: absolute;
  top: 220px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10rem;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
  opacity: 0.15;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .section .en-ttl {
    font-size: 7rem;
  }
}

@media screen and (max-width: 767px) {
  .section .en-ttl {
    font-size: 6rem;
  }
}

@media screen and (max-width: 320px) {
  .section .en-ttl {
    font-size: 4.5rem;
  }
}

.section p {
  margin-top: 35px;
}

/* ================================================================== */
/* Parts */
/* ================================================================== */
.bg-1 {
  background-color: #f9fdff;
}

.bg-2 {
  background-color: #fbfcfa;
  overflow: hidden;
}

.pg-head {
  height: 180px;
  background: url(../img/common/deco-1.svg) no-repeat top right;
  background-position: calc(100% + 750px) 0;
  background-size: 100% auto;
  background-color: white;
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);
  position: relative;
  z-index: 7;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .pg-head {
    background-position: calc(100% + 450px) 0;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .pg-head {
    background-position: calc(100% + 450px) 0;
  }
}

@media screen and (max-width: 767px) {
  .pg-head {
    margin-bottom: 25px;
    height: 100px;
    background-position: calc(100% + 200px) 0;
  }
}

.pg-head .inner {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.pg-head .inner h2 {
  display: table;
  padding: 0.5em 0;
  font-size: 3.8rem;
  font-weight: bold;
  position: relative;
  line-height: 1.1;
}

@media screen and (max-width: 767px) {
  .pg-head .inner h2 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 320px) {
  .pg-head .inner h2 {
    font-size: 2.1rem;
  }
}

.pg-head .inner h2::after {
  content: "";
  display: inline-block;
  width: 120px;
  height: 2px;
  background-color: #e0eefb;
  border-left: 45px solid #005eb1;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
}

.pg-head .inner h2 small {
  font-size: 1.7rem;
}

@media screen and (max-width: 767px) {
  .pg-head .inner h2 small {
    font-size: 1.5rem;
  }
}

.ttl-line {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 3rem;
  font-weight: 700;
  color: #0053a7;
  position: relative;
  line-height: 1.2;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .ttl-line {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 320px) {
  .ttl-line {
    font-size: 2.1rem;
  }
}

.ttl-line::before,
.ttl-line::after {
  content: "";
  flex-grow: 1;
  /* 線の伸び率 */
  border-bottom: 1px solid #0053a7;
}

.ttl-line::before {
  margin-right: 15px;
  padding-left: 15px;
}

.ttl-line::after {
  margin-left: 15px;
  padding-right: 15px;
}

.ttl-blueline-btm {
  display: block;
  padding: 0.5em 0;
  border-bottom: 2px solid #005eb1;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.3;
  /* text-align: center; */
}

@media screen and (max-width: 767px) {
  .ttl-blueline-btm {
    font-size: 2.2rem;
  }
}

.ttl-blueline2-btm {
  display: table;
  margin: 0 auto;
  padding-bottom: 1em;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .ttl-blueline2-btm {
    font-size: 2.2rem;
  }
}

.ttl-blueline2-btm::after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  background-color: #005eb1;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.ttl-brownline-btm {
  display: table;
  margin: 0 auto;
  padding-bottom: 1em;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
}

@media screen and (max-width: 767px) {
  .ttl-brownline-btm {
    font-size: 2.2rem;
  }
}

.ttl-brownline-btm::after {
  content: "";
  display: block;
  width: 140px;
  height: 2px;
  background-color: #ae7d3b;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.ttl-orangeline-btm {
  display: table;
  margin: 0 auto;
  padding-bottom: 1em;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
}

@media screen and (max-width: 767px) {
  .ttl-orangeline-btm {
    font-size: 2.2rem;
    text-align: center;
  }
}

.ttl-orangeline-btm::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background-color: #dd4f2a;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.ttl-blueline {
  display: block;
  padding: 0.5em 0;
  border-top: 4px solid #00427a;
  border-bottom: 1px solid #00427a;
  font-size: 1.7rem;
  text-align: center;
  line-height: 1.3;
  color: #00427a;
}

.ttl-bar {
  display: block;
  padding: 0.5em 0;
  padding-left: 1em;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.ttl-bar-orange {
  border-left: 3px solid #e49f51;
}

.ttl-bar-blue {
  border-left: 3px solid #0063b2;
}

.ttl-bar-blue-bg {
  background-color: #f5f9fc;
}

.ttl-normal {
  display: block;
  padding: 0.5em 0;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .ttl-normal {
    font-size: 2rem;
  }
}

.btn {
  display: table;
  min-width: 240px;
  margin: 50px 0 0;
  padding: 1em 3.5em;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEwNTJhZCIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMTQ1YWI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmY5NWVmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #1052ad), color-stop(40%, #145ab5), color-stop(100%, #2f95ef));
  background: -moz-linear-gradient(left, #1052ad, #145ab5 40%, #2f95ef);
  background: -webkit-linear-gradient(left, #1052ad, #145ab5 40%, #2f95ef);
  background: linear-gradient(to right, #1052ad, #145ab5 40%, #2f95ef);
  font-size: 1.7rem;
  font-weight: 500;
  color: white;
  line-height: 1.3;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
  position: relative;
}

@media screen and (max-width: 767px) {
  .btn {
    min-width: 220px;
    padding: 1em 2.5em;
    font-size: 1.6rem;
    margin: 50px auto 0;
  }
}

.btn::before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 25px;
  transform: translateY(calc(-50% - 1px)) rotate(30deg);
  width: 8px;
  height: 1px;
  background-color: white;
  transition: 0.3s;
}

.btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  width: 20px;
  height: 1px;
  background-color: white;
  transition: 0.3s;
}

.btn.pos-center {
  margin: 50px auto 0;
}

.btn:visited {
  color: white;
}

@media screen and (max-width: 767px) {
  .tb-scroll {
    overflow: scroll;
  }
}

@media screen and (max-width: 767px) {
  .tb-scroll table {
    width: 700px !important;
  }
}

@media screen and (max-width: 320px) {
  .tb-scroll table {
    width: 600px !important;
  }
}

.tb-base {
  margin-top: 35px;
  width: 100%;
}

.tb-base th,
.tb-base td {
  padding: 0.75em;
  border: 1px solid #969696;
  box-sizing: border-box;
  vertical-align: top;
  line-height: 1.6;
}

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

  .tb-base th,
  .tb-base td {
    padding: 0.5em;
  }
}

.tb-base th {
  background-color: #f9f9f9;
  border-right: none;
  font-weight: 700;
}

.tb-base td {
  border-left: none;
}

.tb-base.ptn-1 th {
  background-color: #f3f3e7;
}

.tb-base.ptn-2 th {
  background-color: #faf7fa;
}

.tb-base.ptn-3 th {
  background-color: #f8fbff;
}

.mark-type {
  padding: 100px 0;
}

@media screen and (max-width: 767px) {
  .mark-type {
    padding: 70px 0;
  }
}

.mark-type h3 {
  display: block;
  padding: 0.15em 0;
  padding-left: 25px;
  font-size: 2.6rem;
  font-weight: 700;
  color: #0053a7;
  border-left: 6px solid #0053a7;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .mark-type h3 {
    font-size: 2rem;
  }
}

.mark-type .inner.cntblk-1 {
  margin-top: 25px;
  padding: 0 35px;
  background-color: white;
  border: 1px solid #dbdbdb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

@media screen and (max-width: 320px) {
  .mark-type .inner.cntblk-1 {
    padding: 0 15px;
  }
}

.mark-type .type {
  padding: 35px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .mark-type .type {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
  }
}

.mark-type .type figure {
  display: block;
  width: 140px;
}

.mark-type .type figure img {
  display: block;
  width: 100%;
}

.mark-type .type>div {
  width: calc(100% - 140px - 50px);
}

@media screen and (max-width: 767px) {
  .mark-type .type>div {
    width: auto;
    margin-top: 35px;
  }
}

.mark-type .type>div h4 {
  font-size: 2rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .mark-type .type>div h4 {
    font-size: 1.8rem;
    text-align: center;
  }
}

.mark-type .type>div p {
  margin-top: 15px;
}

.mark-type .type-1>div h4 {
  color: #dd4f2a;
}

.mark-type .type-2>div h4 {
  color: #724590;
}

.mark-type .type-3 {
  border-bottom: none;
}

.mark-type .type-3>div h4 {
  color: #26aba7;
}

.information {
  padding: 50px 0;
}

.information h3 {
  display: table;
  font-size: 3rem;
  font-weight: 700;
  color: #0053a7;
}

@media screen and (max-width: 767px) {
  .information h3 {
    margin: 0 auto;
    font-size: 2.4rem;
    text-align: center;
  }
}

.information h3 small {
  margin-left: 0.5em;
  font-size: 1.9rem;
  color: #bacfe5;
}

@media screen and (max-width: 767px) {
  .information h3 small {
    font-size: 1.5rem;
  }
}

.information .inner.cntblk-1 {
  padding: 35px;
  background-color: white;
  border: 1px solid #dbdbdb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .information .inner.cntblk-1 {
    padding: 25px;
  }
}

@media screen and (max-width: 320px) {
  .information .inner.cntblk-1 {
    padding: 15px;
  }
}

.information ul {
  margin-top: 35px;
}

.information ul li {
  padding: 1.5em 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 1.5;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .information ul li {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.information ul li .date {
  width: 100px;
  font-size: 1.1rem;
  position: relative;
}

.information ul li .date::before {
  content: "";
  display: inline-block;
  margin-right: 0.25em;
  width: 10px;
  height: 10px;
  background: url(../img/icon/date.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

.information ul li .cate {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 80px;
  height: 24px;
  background-color: #0053a7;
  font-size: 1.1rem;
  color: white;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.information ul li a {
  display: block;
  padding-left: 1.5em;
  padding-right: 50px;
  width: calc(100% - 100px - 80px);
  max-width: calc(100% - 100px - 80px);
  box-sizing: border-box;
  color: #353535;
  font-weight: 500;
  text-decoration: none;
  position: relative;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .information ul li a {
    margin-top: 1em;
    padding-left: 0;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 320px) {
  .information ul li a {
    padding-right: 30px;
  }
}

.information ul li a .arrow {
  display: inline-block;
  vertical-align: middle;
  color: #353535;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 24px;
  height: 0.1em;
  background: currentColor;
}

@media screen and (max-width: 320px) {
  .information ul li a .arrow {
    right: 0;
    width: 20px;
  }
}

.information ul li a .arrow::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 50%;
  right: -0.05em;
  box-sizing: border-box;
}

.interview {
  padding: 100px 0;
}

@media screen and (max-width: 767px) {
  .interview {
    padding: 70px 0;
  }
}

.interview .wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .interview .wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.interview .int {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 50px;
  width: calc(100% / 3 - 35px);
  max-width: calc(100% / 3 - 35px);
  margin-right: calc((100% - (100% / 3 - 35px) * 3) / 2);
  box-sizing: border-box;
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  position: relative;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .interview .int {
    width: calc(100% / 3 - 15px);
    max-width: calc(100% / 3 - 15px);
    margin-right: calc((100% - (100% / 3 - 15px) * 3) / 2);
  }
}

@media screen and (max-width: 767px) {
  .interview .int {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
}

.interview .int:nth-of-type(3n) {
  margin-right: 0;
}

.interview .int::after {
  content: "\f054";
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 26px;
  height: 26px;
  background-color: black;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1.4rem;
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
  color: white;
}

.interview .int a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
}

.interview .int a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.interview .int figure {
  display: block;
  width: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.interview .int figure img {
  display: block;
  width: 100%;
  height: 180px;
  object-fit: cover;
  object-position: center center;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .interview .int figure img {
    height: 160px;
  }
}

.interview .int figure figcaption {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 1em;
  height: 26px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background-color: #0053a7;
  font-size: 1.6rem;
  font-weight: bold;
  color: white;
}

@media screen and (max-width: 767px) {
  .interview .int figure figcaption {
    font-size: 1.4rem;
  }
}

.interview .int figure figcaption::after {
  content: "";
  border-right: 16px solid transparent;
  border-top: 26px solid #0053a7;
  position: absolute;
  top: 0;
  right: -16px;
  z-index: 5;
}

.interview .int>div {
  width: 100%;
  max-width: 100%;
  padding: 15px;
  box-sizing: border-box;
}

.interview .int>div .date {
  display: table;
  font-size: 1.2rem;
}

.interview .int>div span {
  display: block;
  margin-top: 10px;
  line-height: 1.5;
}

.interview .int>div span.ttl {
  font-size: 1.5rem;
  font-weight: 700;
}

.interview .int>div span.corp-name {
  font-size: 1.4rem;
}

.ct-btn {
  padding: 100px 0;
}

@media screen and (max-width: 767px) {
  .ct-btn {
    padding: 50px 0;
  }
}

.ct-btn .inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .ct-btn .inner {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.ct-btn .btn {
  width: 450px;
  min-width: initial;
  margin: 0 15px;
  padding: 1em 0;
  font-size: 2rem;
  font-weight: 500;
  color: white;
  box-shadow: none;
  position: relative;
}

@media screen and (max-width: 767px) {
  .ct-btn .btn {
    width: 100%;
    margin: 0;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .ct-btn .btn:not(:nth-of-type(1)) {
    margin-top: 15px;
  }
}

.ct-btn .btn span {
  position: relative;
}

.ct-btn .btn span::before {
  content: "";
  display: inline-block;
  margin-right: 15px;
  width: 20px;
  height: 28px;
  background: url(../img/icon/corp.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .ct-btn .btn span::before {
    width: 16px;
    height: 22px;
  }
}

.ct-btn .btn::before {
  display: none;
}

.ct-btn .btn::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  background-color: transparent;
}

.ct-btn .btn-corp {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OWRkNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ3MzljNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #299dd5), color-stop(100%, #4739c5));
  background: -moz-linear-gradient(left, #299dd5, #4739c5);
  background: -webkit-linear-gradient(left, #299dd5, #4739c5);
  background: linear-gradient(to right, #299dd5, #4739c5);
}

.ct-btn .btn-corp span::before {
  background: url(../img/icon/corp.svg) no-repeat center;
  background-size: contain;
}

.ct-btn .btn-sw {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYmI2ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWJhNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #00bb6d), color-stop(100%, #00aba7));
  background: -moz-linear-gradient(left, #00bb6d, #00aba7);
  background: -webkit-linear-gradient(left, #00bb6d, #00aba7);
  background: linear-gradient(to right, #00bb6d, #00aba7);
}

.ct-btn .btn-sw span::before {
  background: url(../img/icon/sw-2.svg) no-repeat center;
  background-size: contain;
}

.ct-btn .btn-sw-2 {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OWRkNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ3MzljNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #299dd5), color-stop(100%, #4739c5));
  background: -moz-linear-gradient(left, #299dd5, #4739c5);
  background: -webkit-linear-gradient(left, #299dd5, #4739c5);
  background: linear-gradient(to right, #299dd5, #4739c5);
}

.ct-btn .btn-sw-2 span::before {
  background: url(../img/icon/sw-2.svg) no-repeat center;
  background-size: contain;
}

.ct-btn .btn-dl {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYmI2ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWJhNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #00bb6d), color-stop(100%, #00aba7));
  background: -moz-linear-gradient(left, #00bb6d, #00aba7);
  background: -webkit-linear-gradient(left, #00bb6d, #00aba7);
  background: linear-gradient(to right, #00bb6d, #00aba7);
}

.ct-btn .btn-dl span::before {
  background: url(../img/icon/doc.svg) no-repeat center;
  background-size: contain;
}

.ct-btn .btn-merit {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  max-height: 80px;
  height: 80px;
  background: none;
  background-color: #f54d32;
  line-height: 1.3;
  box-sizing: border-box;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .ct-btn .btn-merit {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .ct-btn .btn-merit {
    height: 70px;
    max-height: 70px;
  }
}

@media screen and (max-width: 320px) {
  .ct-btn .btn-merit {
    height: 60px;
    font-size: 1.5rem;
  }
}

.ct-btn .btn-merit::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../img/icon/merit.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .ct-btn .btn-merit::before {
    left: 15px;
  }
}

@media screen and (max-width: 767px) {
  .ct-btn .btn-merit::before {
    width: 30px;
    height: 30px;
    left: 15px;
  }
}

.ct-btn .btn-merit span {
  text-align: left;
}

.ct-btn .btn-merit span::before {
  display: none;
}

.ct-btn .btn-method {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  max-height: 80px;
  height: 80px;
  background: none;
  background-color: #006ac6;
  line-height: 1.3;
  box-sizing: border-box;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .ct-btn .btn-method {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .ct-btn .btn-method {
    height: 70px;
    max-height: 70px;
  }
}

@media screen and (max-width: 320px) {
  .ct-btn .btn-method {
    height: 60px;
    font-size: 1.5rem;
    letter-spacing: -0.05em;
  }
}

.ct-btn .btn-method::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(../img/icon/method.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .ct-btn .btn-method::before {
    left: 15px;
  }
}

@media screen and (max-width: 767px) {
  .ct-btn .btn-method::before {
    width: 20px;
    height: 20px;
    left: 20px;
  }
}

.ct-btn .btn-method span {
  text-align: left;
}

.ct-btn .btn-method span::before {
  display: none;
}

.bottom-btn {
  padding: 70px 0;
  background-color: #0053a7;
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 767px) {
  .bottom-btn {
    padding: 35px 0;
  }
}

.bottom-btn .inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .bottom-btn .inner {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.bottom-btn a {
  width: calc(100% / 2 - 25px);
  height: 100px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 2.3rem;
  font-weight: 700;
  color: #0053a7;
  text-decoration: none;
  position: relative;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .bottom-btn a {
    font-size: 2.1rem;
  }
}

@media screen and (max-width: 767px) {
  .bottom-btn a {
    width: 100%;
    height: 80px;
    font-size: 1.9rem;
  }
}

@media screen and (max-width: 320px) {
  .bottom-btn a {
    height: 70px;
    font-size: 1.7rem;
  }
}

.bottom-btn a::after {
  content: "\f054";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  font-size: 2.1rem;
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
}

@media screen and (max-width: 320px) {
  .bottom-btn a::after {
    font-size: 1.8rem;
    right: 15px;
  }
}

.bottom-btn a span {
  position: relative;
}

.bottom-btn a span::before {
  content: "";
  display: inline-block;
  margin-right: 15px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.bottom-btn a span.search-icon::before {
  background: url(../img/icon/zoom-blue.svg) no-repeat center;
  background-size: contain;
}

.bottom-btn a span.doc-icon::before {
  background: url(../img/icon/doc-blue.svg) no-repeat center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .bottom-btn a:not(:nth-of-type(1)) {
    margin-top: 25px;
  }
}

.ct-bnr {
  padding: 70px 0;
  background-color: rgba(245, 245, 245, 0.95);
}

.ct-bnr .inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 35px;
  gap: 30px;
}

@media screen and (max-width: 767px) {
  .ct-bnr .inner {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 0 15px;
    gap: 0;
  }
}

.ct-bnr .inner a {
  display: block;
  width: calc(100% / 3 - 25px);
}

@media screen and (max-width: 767px) {
  .ct-bnr .inner a {
    margin-top: 35px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .ct-bnr .inner a:nth-of-type(1) {
    margin-top: 0;
  }
}

.ct-bnr .inner a img {
  display: block;
  width: 100%;
  -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}

.paging-wrap {
  margin: 35px auto 0;
  text-align: center;
}

.paging-wrap ul {
  display: inline-flex;
}

.paging-wrap ul li {
  padding: 0;
  border: none;
  line-height: 1.2;
}

.paging-wrap ul li:first-child a {
  border-left: 1px solid #757575;
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px 0 0 3px;
}

.paging-wrap ul li:last-child a {
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0;
  border-radius: 0 3px 3px 0;
}

.paging-wrap ul li a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 40px;
  max-width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  color: #006CCB;
  font-size: 1.5rem;
  font-weight: 700;
  border: 1px solid #757575;
  border-left: none;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .paging-wrap ul li a {
    width: 32px;
    max-width: 32px;
    height: 32px;
    font-size: 1.4rem;
  }
}

.paging-wrap ul li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  background-color: #006CCB;
  color: white;
}

.paging-wrap ul li a.active {
  background-color: #006CCB;
  color: white;
}

/* ================================================================== */
/* TOP */
/* ================================================================== */
.top .fv {
  width: 100%;
  height: 700px;
  max-height: 700px;
  margin: calc(80px + 48px) auto 0;
  position: relative;
  z-index: 1;
  background-size: cover;
  overflow: hidden;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .top .fv {
    height: 770px;
    max-height: 770px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .fv {
    height: 770px;
    max-height: 770px;
  }
}

@media screen and (max-width: 767px) {
  .top .fv {
    margin: calc(80px + 35px) auto 0;
    max-width: 100%;
    height: auto !important;
    max-height: initial !important;
    box-sizing: border-box;
    overflow: visible;
  }
}

.top .fv-bg {
  display: block;
  width: 45%;
  height: 100%;
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 7;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.top .fv-bg::after {
  border-color: transparent transparent transparent white;
  border-style: solid;
  border-width: 0 0 700px 100px;
  right: -100px;
  content: "";
  height: 0;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .top .fv-bg::after {
    border-width: 0 0 350px 100px;
  }
}

.top .fv-img {
  display: block;
  margin: 0;
  width: 100%;
  height: 700px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .top .fv-img {
    height: 770px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .fv-img {
    height: 770px;
  }
}

@media screen and (max-width: 767px) {
  .top .fv-img {
    height: 350px;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.top .fv-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top .fv-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  padding: 0 30px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .top .fv-inner {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .fv-inner {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 767px) {
  .top .fv-inner {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    position: relative;
    top: auto;
    left: auto;
    transform: translateX(0);
  }
}

.top .fv .point {
  margin-top: 50px;
  display: -webkit-flex;
  display: flex;
}

@media screen and (max-width: 767px) {
  .top .fv .point {
    margin-top: 25px;
  }
}

.top .fv .point li {
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: 10px;
  padding: 0.5em 2em;
  font-size: 2.2rem;
  font-weight: 500;
  color: white;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  line-height: 1.3;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .fv .point li {
    padding: 0.5em 1.5em;
    font-size: 1.9rem;
  }
}

@media screen and (max-width: 767px) {
  .top .fv .point li {
    padding: 0.5em 0.75em;
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 320px) {
  .top .fv .point li {
    margin-right: 5px;
    padding: 0.5em 0.75em;
    font-size: 1.2rem;
  }
}

.top .fv .point li:nth-of-type(1) {
  background-color: #2d5ab4;
}

.top .fv .point li:nth-of-type(2) {
  background-color: #61c55e;
}

.top .fv .point li:nth-of-type(3) {
  background-color: #fc6d00;
}

.top .fv h2 {
  margin-top: 35px;
  font-size: 3.9rem;
  line-height: 1.2;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .fv h2 {
    font-size: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .top .fv h2 {
    margin-top: 25px;
    font-size: 2.1rem;
  }
}

@media screen and (max-width: 330px) {
  .top .fv h2 {
    margin-top: 25px;
    font-size: 1.8rem;
  }
}

.top .fv h2 strong {
  font-size: 6rem;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .fv h2 strong {
    font-size: 5rem;
  }
}

@media screen and (max-width: 767px) {
  .top .fv h2 strong {
    font-size: 3rem;
  }
}

@media screen and (max-width: 320px) {
  .top .fv h2 strong {
    font-size: 2.6rem;
  }
}

.top .fv h2 strong span {
  color: #ae7d3b;
}

.top .fv h2+p {
  margin-top: 15px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .top .fv h2+p {
    display: block;
    max-width: 500px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .fv h2+p {
    display: block;
    max-width: 320px;
  }
}

@media screen and (max-width: 767px) {
  .top .fv h2+p {
    font-size: 1.3rem;
    line-height: 1.6;
  }
}

@media screen and (max-width: 320px) {
  .top .fv h2+p {
    font-size: 1.2rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .top .fv h2+p br {
    display: none;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .fv h2+p br {
    display: none;
  }
}

.top .fv .reg-num {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 150px;
  height: 150px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 40px;
  right: 30px;
  background-color: rgba(255, 255, 255, 0.9);
  color: #006ccb;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .top .fv .reg-num {
    right: 15px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .fv .reg-num {
    transform-origin: 100% 0;
    transform: scale(0.85);
    right: 15px;
  }
}

@media screen and (max-width: 767px) {
  .top .fv .reg-num {
    transform-origin: 100% 0;
    transform: scale(0.65);
    top: 160px;
    right: 15px;
  }
}

@media screen and (max-width: 320px) {
  .top .fv .reg-num {
    top: 145px;
  }
}

.top .fv .reg-num::before {
  content: "";
  display: block;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  border: 1px solid #006ccb;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.top .fv .reg-num span {
  font-size: 1.7rem;
}

.top .fv .reg-num span strong {
  font-size: 3.8rem;
  font-weight: bold;
}

.top .fv-bnr {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  position: absolute;
  top: 220px;
  right: 30px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .top .fv-bnr {
    right: 15px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .fv-bnr {
    right: 15px;
  }
}

@media screen and (max-width: 767px) {
  .top .fv-bnr {
    margin-top: 25px;
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    top: auto;
    right: auto;
  }
}

.top .fv-bnr .sdgs {
  display: block;
  margin: 0 15px 5px 0;
  width: 100px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .fv-bnr .sdgs {
    width: 80px;
  }
}

@media screen and (max-width: 767px) {
  .top .fv-bnr .sdgs {
    margin-right: 0;
    margin-bottom: 0;
    width: 75px;
  }
}

@media screen and (max-width: 320px) {
  .top .fv-bnr .sdgs {
    width: 80px;
  }
}

.top .fv-bnr .self-check {
  display: block;
  width: 360px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .fv-bnr .self-check {
    width: 270px;
  }
}

@media screen and (max-width: 767px) {
  .top .fv-bnr .self-check {
    width: 230px;
  }
}

@media screen and (max-width: 320px) {
  .top .fv-bnr .self-check {
    width: 200px;
  }
}

.top .fv .search-blk {
  width: 100%;
  margin-top: 15px;
  background-color: white;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 6px rgb(193 193 193 / 75%);
  -webkit-box-shadow: 0 0 6px rgb(193 193 193 / 75%);
  box-shadow: 0 0 6px rgb(193 193 193 / 75%);
  overflow: hidden;
}

.top .fv .search-blk .ttl {
  display: block;
  padding: 0.75em 0;
  background-color: #006CCB;
  font-size: 1.7rem;
  font-weight: 500;
  color: white;
  text-align: center;
  border-radius: 10px 10px 0px 0px;
}

@media screen and (max-width: 320px) {
  .top .fv .search-blk .ttl {
    font-size: 1.6rem;
  }
}

.top .fv .search-blk .ttl span {
  position: relative;
}

.top .fv .search-blk .ttl span::before {
  content: "";
  display: inline-block;
  margin-right: 15px;
  width: 12px;
  height: 15px;
  background: url(../img/icon/buil.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

.top .fv .search-blk .inner {
  padding: 25px 100px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .top .fv .search-blk .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .fv .search-blk .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 767px) {
  .top .fv .search-blk .inner {
    padding: 15px;
    overflow: hidden;
  }
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .top .fv .search-blk .row:nth-of-type(1) {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .fv .search-blk .row:nth-of-type(1) {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .top .fv .search-blk .row:nth-of-type(1) {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .top .fv .search-blk .row:nth-of-type(1) .inp-wrap {
    width: 100%;
    margin: 0;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .fv .search-blk .row:nth-of-type(1) .inp-wrap {
    width: 100%;
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .top .fv .search-blk .row:nth-of-type(1) .inp-wrap {
    width: 100%;
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .top .fv .search-blk .row:nth-of-type(1) .inp-wrap:nth-of-type(1) {
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc;
  }
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .top .fv .search-blk .row:nth-of-type(1) .inp-wrap:nth-of-type(2) {
    margin-top: 1em;
  }
}

@media screen and (max-width: 767px) {
  .top .fv .search-blk .row:nth-of-type(1) .inp-wrap:nth-of-type(2) {
    padding-top: 1em;
  }
}

@media screen and (max-width: 320px) {
  .top .fv .search-blk .row:nth-of-type(1) .inp-wrap:nth-of-type(2) {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .fv .search-blk .row:nth-of-type(1) .inp-wrap:nth-of-type(2) .chk-wrap {
    width: calc(100% - 120px);
    margin-top: 1em;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .top .fv .search-blk .row:nth-of-type(1) .inp-wrap:nth-of-type(2) .chk-wrap {
    width: calc(100% - 80px);
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 320px) {
  .top .fv .search-blk .row:nth-of-type(1) .inp-wrap:nth-of-type(2) .chk-wrap {
    margin-top: 1em;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .top .fv .search-blk .row:nth-of-type(1) .inp-wrap:nth-of-type(2) .chk-wrap .chk {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .top .fv .search-blk .row:nth-of-type(1) .inp-wrap:nth-of-type(2) .chk-wrap input[type="checkbox"]+span {
    display: -webkit-flex;
    display: flex;
    margin-right: 0;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .fv .search-blk .row:nth-of-type(1) .inp-wrap label {
    width: 120px;
    max-width: 120px;
    box-sizing: border-box;
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .top .fv .search-blk .row:nth-of-type(1) .inp-wrap label {
    width: 80px;
    max-width: 80px;
    margin-right: 0;
  }
}

@media screen and (max-width: 320px) {
  .top .fv .search-blk .row:nth-of-type(1) .inp-wrap label {
    width: 70px;
    max-width: 70px;
  }
}

@media screen and (max-width: 767px) {
  .top .fv .search-blk .full {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.top .fv .search-blk .full label {
  width: 140px;
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .top .fv .search-blk .full label {
    width: 100%;
  }
}

.top .fv .search-blk .full input {
  width: calc(100% - 140px);
  max-width: calc(100% - 140px);
}

@media screen and (max-width: 767px) {
  .top .fv .search-blk .full input {
    width: 100%;
    max-width: 100%;
    margin-top: 1em;
    margin-right: 0;
  }
}

.top .about {
  padding: 100px 0;
}

@media screen and (max-width: 767px) {
  .top .about {
    padding: 70px 0 35px;
  }
}

.top .about .inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .top .about .inner {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.top .about .inner figure {
  display: block;
  width: 560px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .top .about .inner figure {
    width: 420px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .about .inner figure {
    width: 320px;
  }
}

@media screen and (max-width: 767px) {
  .top .about .inner figure {
    width: 100%;
  }
}

.top .about .inner figure img {
  display: block;
  width: 100%;
  border-radius: 10px;
}

.top .about .inner>div {
  width: calc(100% - 560px - 50px);
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .top .about .inner>div {
    width: calc(100% - 420px - 50px);
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .about .inner>div {
    width: calc(100% - 320px - 50px);
  }
}

@media screen and (max-width: 767px) {
  .top .about .inner>div {
    margin-top: 35px;
    width: auto;
  }
}

.top .about .inner>div h3 {
  font-size: 3.1rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .top .about .inner>div h3 {
    font-size: 2.1rem;
    text-align: center;
  }
}

.top .about .inner>div p {
  margin-top: 35px;
}

.top .solution {
  padding: 50px 0;
  position: relative;
}

.top .solution::before {
  content: "";
  display: block;
  width: 100%;
  height: 260px;
  background: url(../img/top/sol-bg.webp) no-repeat center;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .top .solution::before {
    height: 400px;
    background-size: cover;
  }
}

.top .solution::after {
  content: "";
  display: block;
  width: 100%;
  height: 260px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjNiMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkYmVmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #0063b2), color-stop(100%, #2dbeff));
  background: -moz-linear-gradient(left, #0063b2, #2dbeff);
  background: -webkit-linear-gradient(left, #0063b2, #2dbeff);
  background: linear-gradient(to right, #0063b2, #2dbeff);
  position: absolute;
  bottom: 0;
  left: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}

@media screen and (max-width: 767px) {
  .top .solution::after {
    height: 400px;
  }
}

.top .solution .inner {
  position: relative;
  z-index: 10;
}

.top .solution h3 {
  font-size: 2.6rem;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .top .solution h3 {
    font-size: 2.3rem;
  }
}

.top .solution .wrap {
  margin-top: 50px;
  padding: 0 70px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .top .solution .wrap {
    padding: 0;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .solution .wrap {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .top .solution .wrap {
    padding: 0;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.top .solution .wrap figure {
  display: block;
  width: 280px;
  max-width: 280px;
  box-sizing: border-box;
  background-color: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .solution .wrap figure {
    width: calc(100% / 3 - 10px);
    max-width: calc(100% / 3 - 10px);
  }
}

@media screen and (max-width: 767px) {
  .top .solution .wrap figure {
    margin-top: 25px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    min-height: 120px;
  }
}

@media screen and (max-width: 767px) {
  .top .solution .wrap figure:nth-of-type(1) {
    margin-top: 0;
  }
}

.top .solution .wrap figure img {
  display: block;
  width: 100%;
  height: 180px;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .top .solution .wrap figure img {
    width: 40%;
    height: 120px;
    object-fit: cover;
  }
}

.top .solution .wrap figure figcaption {
  display: table;
  margin: 20px auto;
  font-size: 1.4rem;
  font-weight: 700;
  color: #003a74;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .top .solution .wrap figure figcaption {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: calc(100% - 40%);
    margin: 0;
    padding: 1em;
    line-height: 1.4;
  }
}

@media screen and (max-width: 767px) {
  .top .solution .wrap figure figcaption br {
    display: none;
  }
}

.top .merit {
  padding: 100px 0;
  background: url(../img/top/merit-bg.webp) no-repeat center;
  background-size: cover;
  position: relative;
}

@media screen and (max-width: 767px) {
  .top .merit {
    padding: 70px 0;
  }
}

.top .merit::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #f8fbff;
  position: absolute;
  top: 0;
  left: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
}

.top .merit .inner {
  position: relative;
  z-index: 10;
}

.top .merit h3 {
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  color: #0053a7;
}

@media screen and (max-width: 767px) {
  .top .merit h3 {
    font-size: 2.4rem;
  }
}

.top .merit h3+p {
  margin-top: 50px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .top .merit h3+p {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .top .merit h3+p br {
    display: none;
  }
}

.top .merit ul {
  margin-top: 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .top .merit ul {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
  }
}

.top .merit ul li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 220px;
  max-width: 220px;
  height: 220px;
  max-height: 220px;
  box-sizing: border-box;
  border: 1px solid #0053a7;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #0053a7;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  position: relative;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .top .merit ul li {
    width: 200px;
    max-width: 200px;
    height: 200px;
    max-height: 200px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .merit ul li {
    width: 170px;
    max-width: 170px;
    height: 170px;
    max-height: 170px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .top .merit ul li {
    margin-top: 35px;
    width: 200px;
    max-width: 200px;
    height: 200px;
    max-height: 200px;
    font-size: 1.8rem;
  }
}

.top .merit ul li::before {
  content: attr(data-num);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background-color: #0053a7;
  color: white;
  position: absolute;
  top: -15px;
  left: 0;
}

.top .merit ul li::after {
  content: "";
  display: inline-block;
  width: 69px;
  height: 1px;
  background-color: #0053a7;
  position: absolute;
  top: 50%;
  right: -69px;
  transform: translateY(-50%);
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .top .merit ul li::after {
    width: 64px;
    right: -64px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .merit ul li::after {
    width: 30px;
    right: -30px;
  }
}

@media screen and (max-width: 767px) {
  .top .merit ul li::after {
    width: 1px;
    height: 35px;
    top: auto;
    bottom: -35px;
    right: auto;
    left: 50%;
    transform: translateY(0) translateX(-50%);
  }
}

@media screen and (max-width: 767px) {
  .top .merit ul li:nth-of-type(1) {
    margin-top: 0;
  }
}

.top .merit ul li:last-child::after {
  display: none;
}

.top .movie-list {
  padding: 100px 0;
}

@media screen and (max-width: 767px) {
  .top .movie-list {
    padding: 70px 0;
  }
}

.top .movie-list .wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .top .movie-list .wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.top .movie-list .wrap .movie {
  margin-top: 50px;
  width: calc(100% / 2 - 35px);
  position: relative;
}

@media screen and (max-width: 767px) {
  .top .movie-list .wrap .movie {
    width: 100%;
  }
}

.top .movie-list .wrap .movie .badge {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 90px;
  height: 90px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5ZDU0YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA2N2NkNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #29d54b), color-stop(100%, #067cd6));
  background: -moz-linear-gradient(left, #29d54b, #067cd6);
  background: -webkit-linear-gradient(left, #29d54b, #067cd6);
  background: linear-gradient(to right, #29d54b, #067cd6);
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
  position: absolute;
  top: -25px;
  left: -25px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  transform: rotate(-10deg);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .movie-list .wrap .movie .badge {
    transform-origin: 50% 0;
    transform: scale(0.8) rotate(-10deg);
  }
}

@media screen and (max-width: 767px) {
  .top .movie-list .wrap .movie .badge {
    transform-origin: 50% 0;
    transform: scale(0.8) rotate(-10deg);
  }
}

@media screen and (max-width: 320px) {
  .top .movie-list .wrap .movie .badge {
    transform: scale(0.6) rotate(-10deg);
  }
}

.top .movie-list .wrap .movie .badge strong {
  font-size: 2.6rem;
}

.top .movie-list .wrap .movie h4 {
  display: block;
  padding: 1em;
  background-color: #0053a7;
  font-size: 1.7rem;
  font-weight: 700;
  color: white;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .top .movie-list .wrap .movie h4 {
    font-size: 1.6rem;
  }
}

.top .movie-list .wrap .movie video {
  margin-top: 15px;
  display: block;
  width: 100%;
  height: 300px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .top .movie-list .wrap .movie video {
    height: 260px;
  }
}

@media screen and (max-width: 767px) {
  .top .movie-list .wrap .movie video {
    height: 200px;
  }
}

/* ================================================================== */
/* Under（下層） */
/* ================================================================== */
.under {
  padding-top: calc(80px + 48px);
  /* ================================================================== */
  /* 006-009 社労士検索ページ */
  /* ================================================================== */
  /* ================================================================== */
  /* 001-005 認証企業検索ページ */
  /* ================================================================== */
  /* ================================================================== */
  /* 社労士診断認証制度とは？ */
  /* ================================================================== */
  /* ================================================================== */
  /* 活用のメリット */
  /* ================================================================== */
  /* ================================================================== */
  /* 認証マークの取得方法 */
  /* ================================================================== */
  /* ================================================================== */
  /* 認証マーク取得企業の検索方法と見方 */
  /* ================================================================== */
  /* ================================================================== */
  /* 職場環境改善宣言のセルフチェック登録 */
  /* ================================================================== */
  /* ================================================================== */
  /* 連合会ごあいさつ */
  /* ================================================================== */
  /* ================================================================== */
  /* お知らせ・ニュース */
  /* ================================================================== */
  /* ================================================================== */
  /* お問い合わせ */
  /* ================================================================== */
  /* ================================================================== */
  /* 利用規約及びプライバシーポリシー */
  /* ================================================================== */
  /* ================================================================== */
  /* 社労士専用ページ */
  /* ================================================================== */
  /* ================================================================== */
  /* 社労士診断認証制度　社労士会員ページ */
  /* ================================================================== */
  /* ================================================================== */
  /* 認証の流れ */
  /* ================================================================== */
  /* ================================================================== */
  /* 社労士の活用メリット */
  /* ================================================================== */
  /* ================================================================== */
  /* 資料ダウンロード */
  /* ================================================================== */
  /* ================================================================== */
  /* 認証企業インタビュー */
  /* ================================================================== */
  /* ================================================================== */
  /* 認証企業インタビュー（詳細） */
  /* ================================================================== */
  /* ================================================================== */
  /* 018- セルフチェック */
  /* ================================================================== */
}

@media screen and (max-width: 767px) {
  .under {
    width: 100%;
    padding-top: 0;
    margin: calc(80px + 35px) auto 0;
  }
}

.under .pan {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 50px;
  padding: 0;
  height: 40px;
  font-size: 1.2rem;
  color: #353535;
  position: relative;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .under .pan {
    display: none;
  }
}

.under .pan a {
  color: #353535;
  position: relative;
  text-decoration: none;
}

.under .pan a::after {
  content: "";
  display: inline-block;
  margin: 0 0.5em;
  width: 8px;
  height: 8px;
  background: url(../img/icon/arrow_next.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

.under .pan a:last-child::after {
  display: none;
}

.under .pan+.post-blk {
  margin-top: 10px;
}

.under-search .search-cond {
  padding: 40px 0 0px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-search .search-cond {
    padding-top: 50px;
  }
}

@media screen and (max-width: 767px) {
  .under-search .search-cond {
    padding-top: 50px;
  }
}

.under-search .search-cond h2 {
  font-size: 2rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .under-search .search-cond h2 {
    font-size: 1.8rem;
  }
}

.under-search .search-cond .search-blk {
  width: 100%;
  margin-top: 15px;
  background-color: white;
  border: 1px solid #c9c9c9;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border-top: 4px solid #25ad46;
  overflow: hidden;
}

.under-search .search-cond .search-blk .inner {
  padding: 25px;
}

@media screen and (max-width: 767px) {
  .under-search .search-cond .search-blk .inner {
    padding: 15px;
  }
}

.under-search .search-cond .search-blk .row {
  padding: 0.5em 0;
}

.under-search .search-cond .search-blk .row-1 {
  border-bottom: none;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .under-search .search-cond .search-blk .row-1 {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-search .search-cond .search-blk .row-1 .inp-wrap {
  margin-left: 0;
}

.under-search .search-cond .search-blk .row-1 .inp-wrap:nth-of-type(1) {
  width: 200px;
}

@media screen and (max-width: 767px) {
  .under-search .search-cond .search-blk .row-1 .inp-wrap:nth-of-type(1) {
    width: 100%;
  }
}

.under-search .search-cond .search-blk .row-1 .inp-wrap:nth-of-type(2) {
  width: calc(100% - 200px);
}

@media screen and (max-width: 767px) {
  .under-search .search-cond .search-blk .row-1 .inp-wrap:nth-of-type(2) {
    margin-top: 10px;
    width: 100%;
  }
}

.under-search .search-cond .search-blk .row-1 .inp-wrap:nth-of-type(2) label {
  width: 155px;
}

@media screen and (max-width: 767px) {
  .under-search .search-cond .search-blk .row-1 .inp-wrap:nth-of-type(2) label {
    width: 180px;
  }
}

.under-search .search-cond .search-blk .row-1 .inp-wrap input {
  margin-right: 0;
}

.under-search .search-cond .search-blk .row-2 {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-search .search-cond .search-blk .row-2 {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-search .search-cond .search-blk .row-2 {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .under-search .search-cond .search-blk .row-2 {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-search .search-cond .search-blk .row-2 .inp-wrap {
  margin-left: 0;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-search .search-cond .search-blk .row-2 .inp-wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .under-search .search-cond .search-blk .row-2 .inp-wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

.under-search .search-cond .search-blk .row-2 .inp-wrap:nth-of-type(1) {
  width: 80%;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-search .search-cond .search-blk .row-2 .inp-wrap:nth-of-type(1) {
    width: 100%;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-search .search-cond .search-blk .row-2 .inp-wrap:nth-of-type(1) {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .under-search .search-cond .search-blk .row-2 .inp-wrap:nth-of-type(1) {
    width: 100%;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-search .search-cond .search-blk .row-2 .inp-wrap:nth-of-type(1) .chk-wrap {
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .under-search .search-cond .search-blk .row-2 .inp-wrap:nth-of-type(1) .chk-wrap {
    margin-top: 10px;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-search .search-cond .search-blk .row-2 .sq-btn {
    margin-top: 15px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-search .search-cond .search-blk .row-2 .sq-btn {
    margin-top: 15px;
  }
}

.under-search .search-results {
  padding: 50px 0 100px;
}

@media screen and (max-width: 767px) {
  .under-search .search-results {
    padding-bottom: 0;
  }
}

.under-search .search-results .results-ttl {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
  .under-search .search-results .results-ttl {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

.under-search .search-results .results-ttl .cond {
  margin-left: 70px;
  position: relative;
  font-size: 1.3rem;
}

@media screen and (max-width: 767px) {
  .under-search .search-results .results-ttl .cond {
    margin: 15px 0 0;
  }
}

.under-search .search-results .results-ttl .cond::before {
  content: "検索条件：";
}

.under-search .search-results .results-ttl .cond span {
  margin-right: 15px;
}

.under-search .search-results .results-ttl .cond span:last-child {
  margin-right: 0;
}

.under-search .search-results .control {
  margin-top: 10px;
  padding: 10px 25px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-color: #0071bc;
  color: white;
}

@media screen and (max-width: 767px) {
  .under-search .search-results .control {
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 10px;
  }
}

.under-search .search-results .control .sort {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-search .search-results .control .sort {
    padding-top: 1.5em;
  }
}

.under-search .search-results .control .sort::before {
  content: "並び替え";
  display: inline-block;
  padding: 0 25px;
}

@media screen and (max-width: 767px) {
  .under-search .search-results .control .sort::before {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
  }
}

.under-search .search-results .control .sort li a {
  display: inline-flex;
  padding: 0.5em 1em;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #00395e;
  font-size: 1.3rem;
  color: white;
  text-decoration: none;
  border-right: 1px solid white;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .under-search .search-results .control .sort li a {
    padding: 0.5em 0.35em;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 320px) {
  .under-search .search-results .control .sort li a {
    font-size: 1.1rem;
  }
}

.under-search .search-results .control .sort li a.active {
  background-color: white;
  color: #003a74;
}

.under-search .search-results .control .sort li:nth-of-type(1) a {
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
}

.under-search .search-results .control .sort li:nth-last-of-type(1) a {
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
  border-right: none;
}

.under-search .search-results .control .paging {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .under-search .search-results .control .paging {
    margin-top: 0.5em;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}

.under-search .search-results .control .paging li a {
  display: block;
  padding: 0 0.25em;
  font-size: 1.4rem;
  color: white;
  text-decoration: none;
}

@media screen and (max-width: 320px) {
  .under-search .search-results .control .paging li a {
    font-size: 1.3rem;
  }
}

.under-search .search-results .list-tb {
  width: 100%;
}

.under-search .search-results .list-tb th,
.under-search .search-results .list-tb td {
  padding: 0.5em;
  vertical-align: middle;
}

.under-search .search-results .list-tb th {
  background-color: #0071bc;
  font-size: 1.4rem;
  color: white;
  border-top: 1px solid white;
  text-align: center;
  border-right: 1px solid white;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-search .search-results .list-tb th {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 767px) {
  .under-search .search-results .list-tb th {
    font-size: 1.3rem;
  }
}

.under-search .search-results .list-tb th:last-child {
  border-right: none;
}

.under-search .search-results .list-tb td {
  padding: 1em;
  border-bottom: 1px solid #b5b5b5;
  font-size: 1.4rem;
  border-right: 1px dashed #b5b5b5;
  line-height: 1.5;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-search .search-results .list-tb td {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 767px) {
  .under-search .search-results .list-tb td {
    font-size: 1.3rem;
    padding: 0.5em;
  }
}

.under-search .search-results .list-tb td:last-child {
  border-right: none;
}

.under-search .search-results .list-tb td .contact-btn {
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0 1em;
  background-color: #0071bc;
  font-size: 1.4rem;
  color: white;
  text-decoration: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-search .search-results .list-tb td .contact-btn {
    width: 110px;
    max-width: 110px;
    box-sizing: border-box;
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .under-search .search-results .list-tb td .contact-btn {
    width: 100px;
    max-width: 100px;
    box-sizing: border-box;
    padding: 0;
    font-size: 1.3rem;
  }
}

.under-search .mark-type {
  padding: 50px 0 100px;
}

@media screen and (max-width: 767px) {
  .under-search .mark-type {
    padding-bottom: 50px;
  }
}

.under-search .mark-type .inner.cntblk-1 {
  padding: 0 35px;
  background-color: white;
  border: 1px solid #dbdbdb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-search .mark-type .inner.cntblk-1 {
    padding: 0 15px;
  }
}

@media screen and (max-width: 767px) {
  .under-search .mark-type .inner.cntblk-1 {
    padding: 0 15px;
  }
}

.under-search .mark-type .type {
  padding: 35px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .under-search .mark-type .type {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-search .mark-type .type:last-child {
  border-bottom: none;
}

.under-search .mark-type .type figure {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 360px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-search .mark-type .type figure {
    width: 280px;
  }
}

@media screen and (max-width: 767px) {
  .under-search .mark-type .type figure {
    width: 100%;
  }
}

.under-search .mark-type .type figure img {
  display: block;
  width: calc(100% / 2 - 35px);
  margin: 0 10px;
}

@media screen and (max-width: 767px) {
  .under-search .mark-type .type figure img {
    width: calc(100% / 2 - 15px);
  }
}

.under-search .mark-type .type>div {
  width: calc(100% - 360px - 50px);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-search .mark-type .type>div {
    width: calc(100% - 280px - 35px);
  }
}

@media screen and (max-width: 767px) {
  .under-search .mark-type .type>div {
    width: auto;
    margin-top: 25px;
  }
}

.under-search .mark-type .type>div h3 {
  font-size: 1.8rem;
  font-weight: 700;
}

.under-search .mark-type .type>div ul {
  margin-top: 15px;
}

.under-search .mark-type .type>div ul li {
  padding-left: 1.5em;
  position: relative;
}

.under-search .mark-type .type>div ul li::before {
  content: "〇";
  position: absolute;
  top: 0;
  left: 0;
}

.under-search .mark-type .type>div p {
  margin-top: 15px;
}

.under-search .detail-head {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 50px 0 0;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-search .detail-head {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .under-search .detail-head {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-search .detail-head ul {
  display: -webkit-flex;
  display: flex;
}

.under-search .detail-head ul li {
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .under-search .detail-head ul li {
    margin-right: 5px;
  }
}

.under-search .detail-head ul li:last-child {
  margin-right: 0;
}

.under-search .detail-head ul li a {
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  min-width: 130px;
  height: 35px;
  background-color: #e2e2e2;
  font-size: 1.5rem;
  color: #353535;
  box-sizing: border-box;
  text-decoration: none;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .under-search .detail-head ul li a {
    padding: 0 1em;
    min-width: initial;
    height: 40px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 320px) {
  .under-search .detail-head ul li a {
    padding: 0 0.75em;
    height: 32px;
    font-size: 1.3rem;
  }
}

.under-search .detail-head ul li a.active {
  background-color: white;
  color: #25ad46;
  border-top: 5px solid #25ad46;
}

.under-search .detail-head .info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 25px;
  height: 35px;
  font-size: 1.9rem;
  background-color: white;
  border-top: 1px solid #333333;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-search .detail-head .info {
    font-size: 1.7rem;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-search .detail-head .info {
    width: 100%;
    padding: 0 0 25px;
  }
}

@media screen and (max-width: 767px) {
  .under-search .detail-head .info {
    width: 100%;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 0 0 25px;
    font-size: 1.6rem;
  }
}

.under-search .detail-head .info span {
  /* margin-right: 30px; */
  font-size: 1.6rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .under-search .detail-head .info span {
    margin: 0.5em 0 0;
  }
}

.under-search .detail-head .info span.off-name {
  margin-right: 0;
}

.under-search .detail {
  margin-bottom: 50px;
  background-color: white;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 3px 2px 4px rgba(114, 114, 114, 0.4);
  -webkit-box-shadow: 3px 2px 4px rgba(114, 114, 114, 0.4);
  box-shadow: 3px 2px 4px rgba(114, 114, 114, 0.4);
}

.under-search .detail .note-info {
  margin-top: 15px;
  padding-left: 1.25em;
  display: table;
  color: #ef4746;
  position: relative;
  line-height: 1.2;
}

.under-search .detail .note-info::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.under-search .detail .main {
  position: relative;
}

.under-search .detail .main img {
  display: block;
  width: 100%;
  height: 380px;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .under-search .detail .main img {
    height: 270px;
    object-position: calc(100% + 180px) 0;
  }
}

.under-search .detail .main h2 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  min-width: 540px;
  height: 45px;
  font-size: 2.2rem;
  background-color: #00427a;
  color: white;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .under-search .detail .main h2 {
    width: 100%;
    height: 32px;
    min-width: initial;
    font-size: 1.7rem;
  }
}

@media screen and (max-width: 320px) {
  .under-search .detail .main h2 {
    font-size: 1.5rem;
  }
}

.under-search .detail .main-inner {
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.under-search .detail .main-inner .area {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  min-width: 120px;
  height: 34px;
  margin-top: 15px;
  padding: 0 1em;
  font-size: 1.9rem;
  background-color: #00427a;
  color: white;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .under-search .detail .main-inner .area {
    padding: 0.5em 1em;
    min-width: initial;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 320px) {
  .under-search .detail .main-inner .area {
    font-size: 1.4rem;
  }
}

.under-search .detail .main-inner .copy {
  margin-top: 70px;
  font-size: 2.5rem;
  font-weight: 700;
  color: #00427a;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .under-search .detail .main-inner .copy {
    margin-top: 25px;
    font-size: 1.9rem;
    line-height: 1.4;
  }
}

@media screen and (max-width: 320px) {
  .under-search .detail .main-inner .copy {
    font-size: 1.7rem;
  }
}

.under-search .detail .inner {
  padding: 50px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-search .detail .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-search .detail .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 767px) {
  .under-search .detail .inner {
    padding: 25px 15px;
  }
}

@media screen and (max-width: 320px) {
  .under-search .detail .inner {
    padding: 25px 10px;
  }
}

.under-search .detail .greeting {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .under-search .detail .greeting {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
  }
}

.under-search .detail .greeting figure {
  display: block;
  width: 240px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-search .detail .greeting figure {
    width: 180px;
  }
}

@media screen and (max-width: 767px) {
  .under-search .detail .greeting figure {
    width: 60%;
    margin: 0 auto;
  }
}

.under-search .detail .greeting figure img {
  display: block;
  width: 100%;
}

.under-search .detail .greeting>div {
  width: calc(100% - 240px - 50px);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-search .detail .greeting>div {
    width: calc(100% - 180px - 50px);
  }
}

@media screen and (max-width: 767px) {
  .under-search .detail .greeting>div {
    width: auto;
    margin-top: 35px;
  }
}

.under-search .detail .greeting>div h3 {
  font-size: 2rem;
  color: #00427a;
}

@media screen and (max-width: 767px) {
  .under-search .detail .greeting>div h3 {
    font-size: 1.8rem;
  }
}

.under-search .detail .greeting>div p {
  margin-top: 35px;
}

.under-search .detail .field {
  margin-top: 50px;
}

.under-search .detail .field .wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .under-search .detail .field .wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-search .detail .field .wrap div {
  margin-top: 50px;
  width: calc(100% / 2 - 25px);
}

@media screen and (max-width: 767px) {
  .under-search .detail .field .wrap div {
    width: 100%;
  }
}

.under-search .detail .field .wrap div figure {
  display: block;
  width: 100%;
  position: relative;
}

.under-search .detail .field .wrap div figure img {
  display: block;
  width: 100%;
  height: 240px;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .under-search .detail .field .wrap div figure img {
    height: 200px;
  }
}

@media screen and (max-width: 320px) {
  .under-search .detail .field .wrap div figure img {
    height: 180px;
  }
}

.under-search .detail .field .wrap div figure figcaption {
  display: block;
  padding: 0.5em 0.5em;
  width: 100%;
  max-width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 1.9rem;
  line-height: 1.2;
  box-sizing: border-box;
  text-align: center;
}

.under-search .detail .field .wrap div p {
  margin-top: 15px;
}

.under-search .detail .officeinfo {
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .under-search .detail .officeinfo table {
    border: 1px solid #969696;
  }
}

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

  .under-search .detail .officeinfo table th,
  .under-search .detail .officeinfo table td {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border-left: none;
    border-right: none;
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .under-search .detail .officeinfo table tr:first-child th {
    border-top: none;
  }
}

.under-search .detail .phone-info {
  margin-top: 20px;
  border: 1px solid #0071bc;
  position: relative;
}

.under-search .detail .phone-info h2 {
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 1em;
  height: 30px;
  font-size: 1.5rem;
  font-weight: 700;
  background-color: #0071bc;
  color: white;
  position: absolute;
  top: -30px;
  left: 0;
}

.under-search .detail .phone-info .inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  padding: 25px;
}

@media screen and (max-width: 767px) {
  .under-search .detail .phone-info .inner {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
  }
}

.under-search .detail .phone-info .inner span.phone-no {
  font-size: 3.6rem;
  font-weight: 700;
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-search .detail .phone-info .inner span.phone-no {
    font-size: 2.8rem;
  }
}

.under-search .detail .phone-info .inner span.phone-no::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 27px;
  background: url(../img/icon/phone.svg) no-repeat center;
  background-size: contain;
  vertical-align: inherit;
}

@media screen and (max-width: 767px) {
  .under-search .detail .phone-info .inner span.phone-no::before {
    width: 13px;
    height: 21px;
  }
}

.under-search .detail .phone-info .inner span.hours {
  margin-left: 50px;
}

@media screen and (max-width: 767px) {
  .under-search .detail .phone-info .inner span.hours {
    margin-top: 1em;
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .under-search .detail .contact-form table {
    border: 1px solid #969696;
  }
}

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

  .under-search .detail .contact-form table th,
  .under-search .detail .contact-form table td {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    box-sizing: border-box;
    border-left: none;
    border-right: none;
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .under-search .detail .contact-form table tr:first-child th {
    border-top: none;
  }
}

.under-search .detail .contact-form table th {
  font-weight: 700;
}

.under-search .detail .contact-form table th .required {
  display: inline-block;
  margin-left: 0.75em;
  padding: 0.25em 0.5em;
  background-color: #ef4746;
  font-size: 1rem;
  color: white;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  line-height: 1.3;
}

.under-search .detail .contact-form table td .blk+.blk {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .under-search .detail .contact-form table td .inp-wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .under-search .detail .contact-form table td input[type="text"] {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .under-search .detail .contact-form table td input[name="zip"] {
    width: 8em;
    max-width: 8em;
  }
}

.under-search .detail .contact-form .pp {
  margin-top: 35px;
}

.under-search .detail .contact-form .pp-inner {
  padding: 15px;
  height: 200px;
  border: 1px solid #969696;
  font-size: 1.4rem;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .under-search .detail .contact-form .pp-inner {
    font-size: 1.3rem;
  }
}

.under-search .detail .contact-form .pp-inner p {
  line-height: 1.6;
}

.under-search .detail .contact-form .pp-inner p:not(:nth-of-type(1)) {
  margin-top: 15px;
}

.under-search .detail .contact-form .pp-check {
  margin-top: 15px;
}

.under-search .detail .contact-form .btn-wrap {
  margin-top: 35px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

.under-search .detail .contact-form .btn-wrap button {
  min-width: 160px;
}

.under-sn-search .search-cond .search-blk {
  border-top: 4px solid #e49f51;
}

.under-sn-search .new-corp {
  padding: 50px 0 100px;
}

@media screen and (max-width: 767px) {
  .under-sn-search .new-corp {
    padding-bottom: 50px;
  }
}

.under-sn-search .new-corp h3 {
  font-size: 1.7rem;
  font-weight: 500;
}

.under-sn-search .new-corp .wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .under-sn-search .new-corp .wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-sn-search .new-corp .corp {
  margin-top: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 15px;
  width: calc(100% / 2 - 25px);
  max-width: calc(100% / 2 - 25px);
  background-color: white;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
  position: relative;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-sn-search .new-corp .corp {
    width: calc(100% / 2 - 10px);
    max-width: calc(100% / 2 - 10px);
  }
}

@media screen and (max-width: 767px) {
  .under-sn-search .new-corp .corp {
    width: 100%;
    max-width: 100%;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

.under-sn-search .new-corp .corp::after {
  content: "";
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 15px 15px;
}

.under-sn-search .new-corp .corp a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.under-sn-search .new-corp .corp figure {
  display: block;
  width: 150px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-sn-search .new-corp .corp figure {
    width: 120px;
  }
}

@media screen and (max-width: 767px) {
  .under-sn-search .new-corp .corp figure {
    padding: 15px 0;
  }
}

.under-sn-search .new-corp .corp figure img {
  display: block;
  width: 120px;
  margin: 0 auto;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-sn-search .new-corp .corp figure img {
    width: 100px;
  }
}

.under-sn-search .new-corp .corp>div {
  width: calc(100% - 150px - 15px);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-sn-search .new-corp .corp>div {
    width: calc(100% - 120px - 15px);
  }
}

@media screen and (max-width: 767px) {
  .under-sn-search .new-corp .corp>div {
    width: auto;
  }
}

.under-sn-search .new-corp .corp>div span {
  margin-top: 10px;
  display: block;
  line-height: 1.3;
}

.under-sn-search .new-corp .corp>div span.head {
  margin-top: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-sn-search .new-corp .corp>div span.head {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

.under-sn-search .new-corp .corp>div span.head .lb {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 1rem;
  color: white;
}

.under-sn-search .new-corp .corp>div span.head .date {
  margin-left: 15px;
  position: relative;
  font-size: 1.2rem;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-sn-search .new-corp .corp>div span.head .date {
    margin-left: 0;
  }
}

.under-sn-search .new-corp .corp>div span.head .date::before {
  content: "診断日：";
}

.under-sn-search .new-corp .corp>div span.corp-name {
  font-size: 1.6rem;
  font-weight: 700;
}

.under-sn-search .new-corp .corp>div span.corp-address {
  font-size: 1.3rem;
}

.under-sn-search .new-corp .corp>div span.corp-cate {
  font-size: 1.3rem;
  position: relative;
}

.under-sn-search .new-corp .corp>div span.corp-cate::before {
  content: "業種：";
}

.under-sn-search .new-corp .corp.c-1::after {
  border-color: transparent transparent #de5136 transparent;
}

.under-sn-search .new-corp .corp.c-1>div span.head .lb {
  background-color: #de5136;
}

.under-sn-search .new-corp .corp.c-2::after {
  border-color: transparent transparent #724590 transparent;
}

.under-sn-search .new-corp .corp.c-2>div span.head .lb {
  background-color: #724590;
}

.under-sn-search .new-corp .corp.c-3::after {
  border-color: transparent transparent #26aba7 transparent;
}

.under-sn-search .new-corp .corp.c-3>div span.head .lb {
  background-color: #26aba7;
}

.under-sn-search .list-tb td .mark-wrap {
  display: -webkit-flex;
  display: flex;
}

.under-sn-search .list-tb td .mark-wrap img {
  margin-right: 8px;
  display: block;
  width: calc(100% / 2 - 5px);
}

.under-sn-search .list-tb td .mark-wrap img:last-child {
  margin-right: 0;
}

.under-sn-search .detail-head ul li a.active {
  color: #e75640;
  border-top: 5px solid #e75640;
}

.under-sn-search .detail .corpinfo {
  padding: 35px;
  border: 1px solid #969696;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .corpinfo {
    padding: 15px;
  }
}

.under-sn-search .detail .corpinfo .head {
  display: -webkit-flex;
  display: flex;
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .corpinfo .head {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

.under-sn-search .detail .corpinfo .head figure {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.under-sn-search .detail .corpinfo .head figure img {
  display: block;
  margin-right: 25px;
  height: 85px;
}

.under-sn-search .detail .corpinfo .head>div {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .corpinfo .head>div {
    margin-top: 15px;
  }
}

.under-sn-search .detail .corpinfo .head>div span {
  display: block;
  padding: 0.25em 0;
  position: relative;
}

.under-sn-search .detail .corpinfo .head>div span::before {
  display: inline-block;
  margin-right: 0.5em;
  content: attr(data-lb);
}

.under-sn-search .detail .corpinfo p {
  font-size: 1.3rem;
  line-height: 1.8;
}

.under-sn-search .detail .corpinfo p.corp-no {
  margin-top: 25px;
  position: relative;
}

.under-sn-search .detail .corpinfo p.corp-no::before {
  display: inline-block;
  margin-right: 0.5em;
  content: attr(data-lb);
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .corpinfo p.en {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 320px) {
  .under-sn-search .detail .corpinfo p.en {
    font-size: 1.1rem;
  }
}

.under-sn-search .detail .corpinfo p.corp-name {
  font-size: 1.7rem;
  font-weight: 700;
}

@media screen and (max-width: 320px) {
  .under-sn-search .detail .corpinfo p.corp-name {
    font-size: 1.5rem;
  }
}

.under-sn-search .detail .corpinfo p.corp-tel {
  position: relative;
}

.under-sn-search .detail .corpinfo p.corp-tel::before {
  display: inline-block;
  margin-right: 0.5em;
  content: attr(data-lb);
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .ptn-1 {
    border: 1px solid #969696;
  }
}

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

  .under-sn-search .detail .ptn-1 th,
  .under-sn-search .detail .ptn-1 td {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border-left: none;
    border-right: none;
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .ptn-1 tr:first-child th {
    border-top: none;
  }
}

.under-sn-search .detail .ptn-1 th .sm-btn {
  display: inline-block;
  margin-left: 0.5em;
  padding: 0.15em 0.75em;
  background-color: #e7b000;
  color: white;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
  font-size: 1.2rem;
  -moz-box-shadow: 0px 2px 0px #b37700;
  -webkit-box-shadow: 0px 2px 0px #b37700;
  box-shadow: 0px 2px 0px #b37700;
  line-height: 1.5;
}

.under-sn-search .detail .status {
  margin-top: 50px;
}

.under-sn-search .detail .status h3 {
  font-size: 1.5rem;
  font-weight: 700;
}

.under-sn-search .detail .status .wrap {
  margin-bottom: 50px;
  display: -webkit-flex;
  display: flex;
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .status .wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.under-sn-search .detail .status-info {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin: 15px 0 0;
  padding: 15px;
  width: calc(100% / 3 - 7.5px);
  max-width: calc(100% / 3 - 7.5px);
  margin-right: calc((100% - (100% / 3 - 7.5px) * 3) / 2);
  box-sizing: border-box;
  border: 1px solid #969696;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-sn-search .detail .status-info {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .status-info {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
}

.under-sn-search .detail .status-info:nth-of-type(3n) {
  margin-right: 0;
}

.under-sn-search .detail .status-info figure {
  display: block;
  width: 100px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-sn-search .detail .status-info figure {
    width: 80px;
  }
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .status-info figure {
    width: 80px;
  }
}

@media screen and (max-width: 320px) {
  .under-sn-search .detail .status-info figure {
    width: 65px;
  }
}

.under-sn-search .detail .status-info figure img {
  display: block;
  width: 100%;
}

.under-sn-search .detail .status-info>div {
  width: calc(100% - 100px - 15px);
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-sn-search .detail .status-info>div {
    width: calc(100% - 80px - 15px);
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-sn-search .detail .status-info>div {
    margin-top: 15px;
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .status-info>div {
    width: calc(100% - 80px - 15px);
  }
}

@media screen and (max-width: 320px) {
  .under-sn-search .detail .status-info>div {
    width: calc(100% - 65px - 15px);
  }
}

.under-sn-search .detail .status-info>div h4 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 15px;
}

@media screen and (max-width: 320px) {
  .under-sn-search .detail .status-info>div h4 {
    font-size: 1.4rem;
  }
}

.under-sn-search .detail .status-info>div span {
  display: block;
  padding: 0.25em 0;
  position: relative;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .status-info>div span {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 320px) {
  .under-sn-search .detail .status-info>div span {
    font-size: 1.3rem;
  }
}

.under-sn-search .detail .status-info>div span::before {
  display: inline-block;
  margin-right: 0.15em;
  content: attr(data-lb);
}

.under-sn-search .detail .status .ac {
  border: 1px solid #c9c9c9;
  border-bottom: none;
}

.under-sn-search .detail .status .ac:last-child {
  border-bottom: 1px solid #c9c9c9;
}

.under-sn-search .detail .status .ac .toggle {
  padding: 0.75em 30px 0.75em 0.75em;
  position: relative;
  line-height: 1.5;
  font-weight: 700;
  background-color: #f9f9f9;
}

.under-sn-search .detail .status .ac .toggle span::after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  transform: rotate(135deg);
}

.under-sn-search .detail .status .ac .toggle span.active::after {
  transform: rotate(-45deg);
  transition: 0.2s;
}

.under-sn-search .detail .status .ac .toggle:hover {
  cursor: pointer;
}

.under-sn-search .detail .status .ac-inner {
  display: none;
  padding: 25px;
  position: relative;
  border-top: 1px solid #c9c9c9;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-sn-search .detail .status .ac-inner {
    padding: 15px;
  }
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .status .ac-inner {
    padding: 10px;
  }
}

.under-sn-search .detail .status .ac-inner .q {
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin-left: 7px;
  width: 18px;
  height: 18px;
  background-color: #515151;
  color: white;
  font-size: 1.2rem;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-decoration: none;
}

@media screen and (max-width: 320px) {
  .under-sn-search .detail .status .ac-inner .q {
    width: 15px;
    height: 15px;
    font-size: 1.1rem;
  }
}

.under-sn-search .detail .status .ac-inner h4 {
  font-size: 1.5rem;
  font-weight: 700;
}

.under-sn-search .detail .status .ac-inner h4:not(:nth-of-type(1)) {
  margin-top: 35px;
}

.under-sn-search .detail .status .ac-inner h4+table {
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .status .ac-inner .tb-scroll table {
    width: 500px !important;
  }
}

@media screen and (max-width: 320px) {
  .under-sn-search .detail .status .ac-inner .tb-scroll table {
    width: 420px !important;
  }
}

.under-sn-search .detail .status .ac-inner table th,
.under-sn-search .detail .status .ac-inner table td {
  border: 1px solid #c9c9c9;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {

  .under-sn-search .detail .status .ac-inner table th,
  .under-sn-search .detail .status .ac-inner table td {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {

  .under-sn-search .detail .status .ac-inner table th,
  .under-sn-search .detail .status .ac-inner table td {
    font-size: 1.4rem;
  }
}

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

  .under-sn-search .detail .status .ac-inner table th,
  .under-sn-search .detail .status .ac-inner table td {
    font-size: 1.3rem;
  }
}

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

  .under-sn-search .detail .status .ac-inner table th,
  .under-sn-search .detail .status .ac-inner table td {
    font-size: 1.2rem;
  }
}

.under-sn-search .detail .status .ac-inner table td.bg {
  background-color: #f9f9f9;
}

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

  .under-sn-search .detail .status .ac-inner table.col-2 th,
  .under-sn-search .detail .status .ac-inner table.col-2 td {
    display: block;
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    border-bottom: none;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-sn-search .detail .status .ac-inner table.col-2 th {
    width: 50%;
    max-width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .status .ac-inner table.col-2 tr:last-child td {
    border-bottom: 1px solid #c9c9c9;
  }
}

.under-sn-search .detail .status .ac-inner table.col-3 th {
  width: calc(100% / 3);
  max-width: calc(100% / 3);
}

.under-sn-search .detail .status .ac-inner table.col-4 th {
  width: calc(100% / 4);
  max-width: calc(100% / 4);
}

.under-sn-search .detail .status .ac-inner table.col-6 th {
  width: calc(100% / 6);
  max-width: calc(100% / 6);
}

.under-sn-search .detail .status .ac-inner table.col-7 th {
  width: calc(100% / 7);
  max-width: calc(100% / 7);
}

.under-sn-search .detail .status .ac-inner .comment {
  margin-top: 10px;
}

.under-sn-search .detail .status .ac-inner .comment span {
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
}

.under-sn-search .detail .status .ac-inner .comment>div {
  margin-top: 10px;
  min-height: 80px;
  padding: 15px;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
}

.under-sn-search .detail .gaiyo {
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .gaiyo table {
    border: 1px solid #969696;
  }
}

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

  .under-sn-search .detail .gaiyo table th,
  .under-sn-search .detail .gaiyo table td {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border-left: none;
    border-right: none;
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .gaiyo table tr:first-child th {
    border-top: none;
  }
}

.under-sn-search .detail .gaiyo table td ul li {
  margin-left: 1em;
  list-style-type: disc;
}

.under-sn-search .detail .gaiyo .entry-btn {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .gaiyo .entry-btn {
    position: relative;
    top: auto;
    right: auto;
  }
}

.under-sn-search .detail .business,
.under-sn-search .detail .rec-detail {
  margin-top: 50px;
}

.under-sn-search .detail .business p,
.under-sn-search .detail .rec-detail p {
  margin-top: 15px;
}

.under-sn-search .detail .business .bus,
.under-sn-search .detail .rec-detail .bus {
  margin-top: 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

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

  .under-sn-search .detail .business .bus,
  .under-sn-search .detail .rec-detail .bus {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-sn-search .detail .business .bus figure,
.under-sn-search .detail .rec-detail .bus figure {
  display: block;
  width: 450px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {

  .under-sn-search .detail .business .bus figure,
  .under-sn-search .detail .rec-detail .bus figure {
    width: 350px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {

  .under-sn-search .detail .business .bus figure,
  .under-sn-search .detail .rec-detail .bus figure {
    width: 300px;
  }
}

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

  .under-sn-search .detail .business .bus figure,
  .under-sn-search .detail .rec-detail .bus figure {
    width: 100%;
  }
}

.under-sn-search .detail .business .bus figure img,
.under-sn-search .detail .rec-detail .bus figure img {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: cover;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {

  .under-sn-search .detail .business .bus figure img,
  .under-sn-search .detail .rec-detail .bus figure img {
    height: 250px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {

  .under-sn-search .detail .business .bus figure img,
  .under-sn-search .detail .rec-detail .bus figure img {
    height: 200px;
  }
}

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

  .under-sn-search .detail .business .bus figure img,
  .under-sn-search .detail .rec-detail .bus figure img {
    height: 200px;
  }
}

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

  .under-sn-search .detail .business .bus figure img,
  .under-sn-search .detail .rec-detail .bus figure img {
    height: 180px;
  }
}

.under-sn-search .detail .business .bus>div,
.under-sn-search .detail .rec-detail .bus>div {
  width: calc(100% - 450px - 50px);
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {

  .under-sn-search .detail .business .bus>div,
  .under-sn-search .detail .rec-detail .bus>div {
    width: calc(100% - 350px - 50px);
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {

  .under-sn-search .detail .business .bus>div,
  .under-sn-search .detail .rec-detail .bus>div {
    width: calc(100% - 300px - 50px);
  }
}

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

  .under-sn-search .detail .business .bus>div,
  .under-sn-search .detail .rec-detail .bus>div {
    margin-top: 35px;
    width: auto;
  }
}

.under-sn-search .detail .business .bus>div h4,
.under-sn-search .detail .rec-detail .bus>div h4 {
  font-size: 1.9rem;
  font-weight: 700;
}

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

  .under-sn-search .detail .business .bus>div h4,
  .under-sn-search .detail .rec-detail .bus>div h4 {
    font-size: 1.7rem;
  }
}

/* 20250227 */
.under-sn-search .detail .office-info {
  margin-bottom: 50px;
}
.under-sn-search .detail .office-info ul {
  padding-top: 20px;
  padding-left: 15px;
}
.under-sn-search .detail .office-info ul li {
  font-size: 16px;
  margin-bottom: 7px;
}
.under-sn-search .detail .office-info ul li strong {
  width: 65px;
  font-weight: 600;
  display: inline-block;
}
.under-sn-search .detail .office-info ul li span {
  padding-left: 5px;
}
.under-sn-search .detail .office-info ul li.parent:has(.ol-txt:empty) {
    display: none;
}
@media screen and (max-width: 767px) {
.under-sn-search .detail .office-info ul li span {
  display: none;
}
.under-sn-search .detail .office-info ul li span.ol-txt {
  display: block;
  padding-left: 0px;
}
}

.under-sn-search .detail .job-select {
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .job-select .inp-wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

.under-sn-search .detail .job-select label {
  font-size: 2rem;
}

@media screen and (max-width: 767px) {
  .under-sn-search .detail .job-select label {
    margin-bottom: 1em;
    font-size: 1.8rem;
  }
}

.under-about .bg {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmOWZkZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWZkZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(40%, #ffffff), color-stop(40%, #f9fdff), color-stop(100%, #f9fdff));
  background: -moz-linear-gradient(left, #ffffff, #ffffff 40%, #f9fdff 40%, #f9fdff);
  background: -webkit-linear-gradient(left, #ffffff, #ffffff 40%, #f9fdff 40%, #f9fdff);
  background: linear-gradient(to right, #ffffff, #ffffff 40%, #f9fdff 40%, #f9fdff);
}

.under-about .lead {
  padding: 35px 0 70px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .under-about .lead {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-about .lead figure {
  display: block;
  width: 540px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-about .lead figure {
    width: 360px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-about .lead figure {
    width: 300px;
  }
}

@media screen and (max-width: 767px) {
  .under-about .lead figure {
    width: 100%;
  }
}

.under-about .lead figure img {
  display: block;
  width: 100%;
}

.under-about .lead figure+div {
  width: calc(100% - 540px - 70px);
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-about .lead figure+div {
    width: calc(100% - 360px - 50px);
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-about .lead figure+div {
    width: calc(100% - 300px - 50px);
  }
}

@media screen and (max-width: 767px) {
  .under-about .lead figure+div {
    margin-top: 35px;
    width: auto;
  }
}

.under-about .lead figure+div h3 {
  display: table;
  padding-bottom: 1em;
  font-size: 3.7rem;
  font-weight: 700;
  position: relative;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .under-about .lead figure+div h3 {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 320px) {
  .under-about .lead figure+div h3 {
    font-size: 2.1rem;
  }
}

.under-about .lead figure+div h3::after {
  content: "";
  display: block;
  width: 140px;
  height: 2px;
  background-color: #005eb1;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .under-about .lead figure+div h3::after {
    width: 100px;
  }
}

.under-about .lead figure+div p {
  margin-top: 50px;
}

.under-about .movie-list {
  padding: 100px 0;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmOWZkZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWZkZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(70%, #ffffff), color-stop(70%, #f9fdff), color-stop(100%, #f9fdff));
  background: -moz-linear-gradient(top, #ffffff, #ffffff 70%, #f9fdff 70%, #f9fdff);
  background: -webkit-linear-gradient(top, #ffffff, #ffffff 70%, #f9fdff 70%, #f9fdff);
  background: linear-gradient(to bottom, #ffffff, #ffffff 70%, #f9fdff 70%, #f9fdff);
}

@media screen and (max-width: 767px) {
  .under-about .movie-list {
    padding: 70px 0;
  }
}

.under-about .movie-list h3 {
  display: table;
  margin: 0 auto;
  font-size: 3.7rem;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .under-about .movie-list h3 {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 320px) {
  .under-about .movie-list h3 {
    font-size: 2.1rem;
  }
}

.under-about .movie-list h3 .head {
  display: table;
  margin: 0 auto 15px;
  padding: 0.25em 1em;
  font-size: 2.1rem;
  background-color: #0053a7;
  color: white;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-about .movie-list h3 .head {
    font-size: 1.6rem;
  }
}

.under-about .movie-list h3 .head::before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0.2em;
  width: 20px;
  height: 14px;
  background: url(../img/icon/video.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

.under-about .movie-list .wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .under-about .movie-list .wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-about .movie-list .wrap .movie {
  margin-top: 50px;
  width: calc(100% / 2 - 35px);
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-about .movie-list .wrap .movie {
    width: 100%;
  }
}

.under-about .movie-list .wrap .movie .badge {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 90px;
  height: 90px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5ZDU0YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA2N2NkNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #29d54b), color-stop(100%, #067cd6));
  background: -moz-linear-gradient(left, #29d54b, #067cd6);
  background: -webkit-linear-gradient(left, #29d54b, #067cd6);
  background: linear-gradient(to right, #29d54b, #067cd6);
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
  position: absolute;
  top: -25px;
  left: -25px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  transform: rotate(-10deg);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-about .movie-list .wrap .movie .badge {
    transform-origin: 50% 0;
    transform: scale(0.8) rotate(-10deg);
  }
}

@media screen and (max-width: 767px) {
  .under-about .movie-list .wrap .movie .badge {
    transform-origin: 50% 0;
    transform: scale(0.8) rotate(-10deg);
  }
}

@media screen and (max-width: 320px) {
  .under-about .movie-list .wrap .movie .badge {
    transform: scale(0.6) rotate(-10deg);
  }
}

.under-about .movie-list .wrap .movie .badge strong {
  font-size: 2.6rem;
}

.under-about .movie-list .wrap .movie h4 {
  display: block;
  padding: 1em;
  background-color: #0053a7;
  font-size: 1.7rem;
  font-weight: 700;
  color: white;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .under-about .movie-list .wrap .movie h4 {
    font-size: 1.6rem;
  }
}

.under-about .movie-list .wrap .movie video {
  margin-top: 15px;
  display: block;
  width: 100%;
  height: 300px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-about .movie-list .wrap .movie video {
    height: 260px;
  }
}

@media screen and (max-width: 767px) {
  .under-about .movie-list .wrap .movie video {
    height: 200px;
  }
}

.under-about .mark-type {
  padding-top: 0;
}

.under-about .merit {
  padding: 100px 0;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNmOWZkZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWZkZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(60%, #ffffff), color-stop(60%, #f9fdff), color-stop(100%, #f9fdff));
  background: -moz-linear-gradient(top, #ffffff, #ffffff 60%, #f9fdff 60%, #f9fdff);
  background: -webkit-linear-gradient(top, #ffffff, #ffffff 60%, #f9fdff 60%, #f9fdff);
  background: linear-gradient(to bottom, #ffffff, #ffffff 60%, #f9fdff 60%, #f9fdff);
}

@media screen and (max-width: 767px) {
  .under-about .merit {
    padding: 70px 0;
  }
}

.under-about .merit h3 {
  display: table;
  margin: 0 auto;
  padding-bottom: 1em;
  font-size: 3rem;
  font-weight: 700;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .under-about .merit h3 {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 320px) {
  .under-about .merit h3 {
    font-size: 2.1rem;
  }
}

.under-about .merit h3::after {
  content: "";
  display: block;
  width: 140px;
  height: 2px;
  background-color: #005eb1;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .under-about .merit h3::after {
    width: 100px;
  }
}

.under-about .merit h3+p {
  margin-top: 35px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .under-about .merit h3+p {
    text-align: left;
  }
}

.under-about .merit .wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-about .merit .wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .under-about .merit .wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-about .merit .wrap>div {
  margin-top: 50px;
  width: calc(100% / 3 - 25px);
  max-width: calc(100% / 3 - 25px);
  padding: 25px;
  background-color: white;
  box-sizing: border-box;
  -moz-box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-about .merit .wrap>div {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .under-about .merit .wrap>div {
    width: 100%;
    max-width: 100%;
  }
}

.under-about .merit .wrap>div figure {
  padding: 25px 0;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-about .merit .wrap>div figure {
    float: left;
    margin-right: 35px;
  }
}

.under-about .merit .wrap>div figure img {
  display: block;
  margin: 0 auto;
  width: 130px;
  height: 130px;
  object-fit: contain;
}

@media screen and (max-width: 767px) {
  .under-about .merit .wrap>div figure img {
    width: 100px;
    height: 100px;
  }
}

.under-about .merit .wrap>div h4 {
  text-align: center;
  font-size: 1.9rem;
  font-weight: 700;
  color: #0053a7;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-about .merit .wrap>div h4 {
    text-align: left;
  }
}

@media screen and (max-width: 320px) {
  .under-about .merit .wrap>div h4 {
    font-size: 1.7rem;
  }
}

.under-about .merit .wrap>div p {
  margin-top: 15px;
  font-size: 1.4rem;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-about .merit .wrap>div p {
    text-align: left;
  }
}

@media screen and (max-width: 320px) {
  .under-about .merit .wrap>div p {
    font-size: 1.3rem;
  }
}

.under-about .compliance {
  padding: 100px 0;
  background: url(../img/about/compliance.webp) no-repeat center;
  background-size: cover;
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-about .compliance {
    padding: 70px 0;
  }
}

.under-about .compliance::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjNiMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkYmVmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #0063b2), color-stop(100%, #2dbeff));
  background: -moz-linear-gradient(left, #0063b2, #2dbeff);
  background: -webkit-linear-gradient(left, #0063b2, #2dbeff);
  background: linear-gradient(to right, #0063b2, #2dbeff);
  position: absolute;
  top: 0;
  left: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=94);
  opacity: 0.94;
}

.under-about .compliance .inner {
  position: relative;
  z-index: 10;
}

.under-about .compliance h3 {
  font-size: 3rem;
  font-weight: 700;
  color: white;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .under-about .compliance h3 {
    font-size: 2.1rem;
  }
}

@media screen and (max-width: 320px) {
  .under-about .compliance h3 {
    font-size: 1.9rem;
  }
}

.under-about .compliance ul {
  margin-top: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-about .compliance ul {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  .under-about .compliance ul {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.under-about .compliance ul li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  min-height: 80px;
  margin-top: 30px;
  padding-left: 70px;
  width: calc(100% / 3 - 15px);
  max-width: calc(100% / 3 - 15px);
  margin-right: calc((100% - (100% / 3 - 15px) * 3) / 2);
  background-color: white;
  box-sizing: border-box;
  font-size: 2.2rem;
  font-weight: 700;
  color: #003a74;
  line-height: 1.3;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-about .compliance ul li {
    padding-left: 60px;
    font-size: 1.9rem;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-about .compliance ul li {
    width: calc(100% / 2 - 15px);
    max-width: calc(100% / 2 - 15px);
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .under-about .compliance ul li {
    margin-top: 15px;
    padding: 1em 0;
    padding-left: 50px;
    width: 100%;
    max-width: 100%;
    min-height: initial;
    font-size: 1.7rem;
  }
}

@media screen and (max-width: 320px) {
  .under-about .compliance ul li {
    padding-left: 50px;
    font-size: 1.6rem;
  }
}

.under-about .compliance ul li::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../img/about/check.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-about .compliance ul li::before {
    width: 22px;
    height: 22px;
  }
}

@media screen and (max-width: 767px) {
  .under-about .compliance ul li::before {
    width: 22px;
    height: 22px;
  }
}

.under-about .compliance ul li:nth-of-type(3n) {
  margin-right: 0;
}

.under-merit .bg {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmOWZkZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWZkZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(40%, #ffffff), color-stop(40%, #f9fdff), color-stop(100%, #f9fdff));
  background: -moz-linear-gradient(left, #ffffff, #ffffff 40%, #f9fdff 40%, #f9fdff);
  background: -webkit-linear-gradient(left, #ffffff, #ffffff 40%, #f9fdff 40%, #f9fdff);
  background: linear-gradient(to right, #ffffff, #ffffff 40%, #f9fdff 40%, #f9fdff);
}

.under-merit .lead {
  padding: 35px 0 70px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .under-merit .lead {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-merit .lead h3 {
  width: 540px;
  display: table;
  padding-bottom: 1em;
  font-size: 3.7rem;
  font-weight: 700;
  position: relative;
  line-height: 1.3;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-merit .lead h3 {
    width: 450px;
    font-size: 3.2rem;
  }
}

@media screen and (max-width: 767px) {
  .under-merit .lead h3 {
    width: auto;
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 320px) {
  .under-merit .lead h3 {
    font-size: 2.1rem;
  }
}

.under-merit .lead h3::after {
  content: "";
  display: block;
  width: 140px;
  height: 2px;
  background-color: #005eb1;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .under-merit .lead h3::after {
    width: 100px;
  }
}

.under-merit .lead h3+div {
  width: calc(100% - 540px - 70px);
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-merit .lead h3+div {
    width: calc(100% - 360px - 50px);
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-merit .lead h3+div {
    width: calc(100% - 450px - 50px);
  }
}

@media screen and (max-width: 767px) {
  .under-merit .lead h3+div {
    margin-top: 35px;
    width: auto;
  }
}

.under-merit .case {
  position: relative;
  padding-bottom: 50px;
}

.under-merit .case::before {
  content: "";
  display: block;
  width: 60%;
  height: 300px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjNiMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkYmVmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #0063b2), color-stop(100%, #2dbeff));
  background: -moz-linear-gradient(left, #0063b2, #2dbeff);
  background: -webkit-linear-gradient(left, #0063b2, #2dbeff);
  background: linear-gradient(to right, #0063b2, #2dbeff);
  position: absolute;
  bottom: 0;
  left: 0;
}

.under-merit .case:nth-of-type(3)::before {
  content: "";
  display: block;
  width: 60%;
  height: 380px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjNiMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkYmVmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #0063b2), color-stop(100%, #2dbeff));
  background: -moz-linear-gradient(left, #0063b2, #2dbeff);
  background: -webkit-linear-gradient(left, #0063b2, #2dbeff);
  background: linear-gradient(to right, #0063b2, #2dbeff);
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-merit .case::before {
    height: 330px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-merit .case::before {
    height: 330px;
  }
}

@media screen and (max-width: 767px) {
  .under-merit .case::before {
    width: 90%;
    height: calc(100% - 35px);
    bottom: auto;
    top: 35px;
  }
}

.under-merit .case .inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  .under-merit .case .inner {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-merit .case .inner figure {
  display: block;
  width: 560px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-merit .case .inner figure {
    width: 460px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-merit .case .inner figure {
    width: 360px;
  }
}

@media screen and (max-width: 767px) {
  .under-merit .case .inner figure {
    width: 100%;
  }
}

.under-merit .case .inner figure img {
  display: block;
  width: 100%;
  height: 340px;
  object-fit: cover;
  box-shadow: 0px 3px 6px rgb(0 0 0 / 15%);
}

.under-merit .case:nth-of-type(5) .inner figure {
  display: block;
  width: 600px;
}

.under-merit .case:nth-of-type(5) .inner figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: none;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-merit .case .inner figure img {
    height: 310px;
  }

  .under-merit .case:nth-of-type(5) .inner figure img {
    height: 100%;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-merit .case .inner figure img {
    height: 280px;
  }

  .under-merit .case:nth-of-type(5) .inner figure img {
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .under-merit .case .inner figure img {
    height: 220px;
  }

  .under-merit .case:nth-of-type(5) .inner figure {
    display: block;
    width: 100%;
  }

  .under-merit .case:nth-of-type(5) .inner figure img {
    height: 100%;
  }
}

.under-merit .case .inner figure+div {
  margin-top: 160px;
  width: calc(100% - 560px - 70px);
  color: white;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-merit .case .inner figure+div {
    margin-top: 70px;
    width: calc(100% - 460px - 50px);
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-merit .case .inner figure+div {
    margin-top: 70px;
    width: calc(100% - 360px - 50px);
  }
}

@media screen and (max-width: 767px) {
  .under-merit .case .inner figure+div {
    margin-top: 35px;
    width: auto;
    padding-right: 35px;
  }
}

.under-merit .case .inner figure+div h4 {
  font-size: 3.5rem;
  font-weight: 700;
  position: relative;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-merit .case .inner figure+div h4 {
    font-size: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .under-merit .case .inner figure+div h4 {
    font-size: 2.4rem;
  }
}

.under-merit .case .inner figure+div h4::before {
  margin-bottom: 15px;
  content: attr(data-lb);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 140px;
  height: 40px;
  background-color: white;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font-size: 2.2rem;
  color: #0053a7;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-merit .case .inner figure+div h4::before {
    width: 120px;
    height: 35px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .under-merit .case .inner figure+div h4::before {
    width: 110px;
    height: 30px;
    font-size: 1.6rem;
  }
}

.under-merit .case .inner figure+div p {
  margin-top: 25px;
}

.under-merit .case:not(:nth-of-type(1)) {
  margin-top: 100px;
}

@media screen and (max-width: 767px) {
  .under-merit .case:not(:nth-of-type(1)) {
    margin-top: 50px;
  }
}

.under-merit .case:nth-of-type(2n)::before {
  left: auto;
  right: 0;
}

.under-merit .case:nth-of-type(2n) .inner {
  -webkit-flex-direction: row;
  flex-direction: row;
}

@media screen and (max-width: 767px) {
  .under-merit .case:nth-of-type(2n) .inner {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .under-merit .case:nth-of-type(2n) .inner figure+div {
    padding-left: 35px;
    padding-right: 0;
  }
}

.under-merit .merit {
  padding: 100px 0;
}

@media screen and (max-width: 767px) {
  .under-merit .merit {
    padding: 70px 0;
  }
}

.under-merit .merit h3 {
  display: table;
  margin: 0 auto;
  padding-bottom: 1em;
  font-size: 3rem;
  font-weight: 700;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .under-merit .merit h3 {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 320px) {
  .under-merit .merit h3 {
    font-size: 2.1rem;
  }
}

.under-merit .merit h3::after {
  content: "";
  display: block;
  width: 140px;
  height: 2px;
  background-color: #005eb1;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .under-merit .merit h3::after {
    width: 100px;
  }
}

.under-merit .merit h3+p {
  margin-top: 35px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .under-merit .merit h3+p {
    text-align: left;
  }
}

.under-merit .merit .wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-merit .merit .wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .under-merit .merit .wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-merit .merit .wrap>div {
  margin-top: 50px;
  width: calc(100% / 3 - 25px);
  max-width: calc(100% / 3 - 25px);
  padding: 25px;
  background-color: white;
  box-sizing: border-box;
  -moz-box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-merit .merit .wrap>div {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .under-merit .merit .wrap>div {
    width: 100%;
    max-width: 100%;
  }
}

.under-merit .merit .wrap>div figure {
  padding: 25px 0;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-merit .merit .wrap>div figure {
    float: left;
    margin-right: 35px;
  }
}

.under-merit .merit .wrap>div figure img {
  display: block;
  margin: 0 auto;
  width: 130px;
  height: 130px;
  object-fit: contain;
}

@media screen and (max-width: 767px) {
  .under-merit .merit .wrap>div figure img {
    width: 100px;
    height: 100px;
  }
}

.under-merit .merit .wrap>div h4 {
  text-align: center;
  font-size: 1.9rem;
  font-weight: 700;
  color: #0053a7;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-merit .merit .wrap>div h4 {
    text-align: left;
  }
}

@media screen and (max-width: 320px) {
  .under-merit .merit .wrap>div h4 {
    font-size: 1.7rem;
  }
}

.under-merit .merit .wrap>div p {
  margin-top: 15px;
  font-size: 1.4rem;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-merit .merit .wrap>div p {
    text-align: left;
  }
}

@media screen and (max-width: 320px) {
  .under-merit .merit .wrap>div p {
    font-size: 1.3rem;
  }
}

.under-howto .mark-type {
  padding: 0 0 70px;
}

@media screen and (max-width: 767px) {
  .under-howto .mark-type {
    padding-bottom: 50px;
    max-width: 100%;
  }
}

.under-howto .mark-type h3 {
  display: table;
  margin: 0 auto;
  padding: 0 0 1em;
  font-size: 3rem;
  color: #353535;
  border: none;
}

@media screen and (max-width: 767px) {
  .under-howto .mark-type h3 {
    font-size: 2.2rem;
  }
}

.under-howto .firststep {
  padding: 70px 0;
  background-color: #fffef9;
}

@media screen and (max-width: 767px) {
  .under-howto .firststep {
    padding: 50px 0;
  }
}

.under-howto .firststep h3 strong {
  color: #dd4f2a;
}

.under-howto .firststep .wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .under-howto .firststep .wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-howto .firststep .wrap>div {
  margin-top: 50px;
  width: calc(100% / 2 - 25px);
  max-width: calc(100% / 2 - 25px);
  padding: 25px;
  padding-bottom: 100px;
  background-color: white;
  box-sizing: border-box;
  -moz-box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.1);
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-howto .firststep .wrap>div {
    width: 100%;
    max-width: 100%;
  }
}

.under-howto .firststep .wrap>div figure {
  padding: 25px 0;
}

.under-howto .firststep .wrap>div figure img {
  display: block;
  margin: 0 auto;
  width: 200px;
  height: 200px;
  object-fit: contain;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-howto .firststep .wrap>div figure img {
    width: 150px;
    height: 150px;
  }
}

@media screen and (max-width: 767px) {
  .under-howto .firststep .wrap>div figure img {
    width: 100px;
    height: 100px;
  }
}

.under-howto .firststep .wrap>div h4 {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  color: #dd4f2a;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-howto .firststep .wrap>div h4 {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .under-howto .firststep .wrap>div h4 {
    font-size: 1.8rem;
  }
}

.under-howto .firststep .wrap>div p {
  margin-top: 15px;
  font-size: 1.4rem;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-howto .firststep .wrap>div p {
    text-align: left;
  }
}

@media screen and (max-width: 320px) {
  .under-howto .firststep .wrap>div p {
    font-size: 1.3rem;
  }
}

.under-howto .firststep .wrap>div .btn {
  width: 350px;
  min-width: initial;
  padding: 1em 0;
  margin: 0;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-howto .firststep .wrap>div .btn {
    width: calc(100% - 30px);
  }
}

@media screen and (max-width: 767px) {
  .under-howto .firststep .wrap>div .btn {
    font-size: 1.5rem;
    letter-spacing: -.05em;
    width: calc(100% - 30px);
  }
}

@media screen and (max-width: 320px) {
  .under-howto .firststep .wrap>div .btn {
    font-size: 1.3rem;
  }
}

.under-howto .firststep .wrap>div .btn::before {
  display: none;
}

.under-howto .firststep .wrap>div .btn::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: solid 1px white;
  border-right: solid 1px white;
  position: absolute;
  transform: translateY(-50%) rotate(45deg);
  background-color: transparent;
}

@media screen and (max-width: 767px) {
  .under-howto .firststep .wrap>div .btn::after {
    right: 20px;
  }
}

.under-howto .firststep .wrap>div .btn-1 {
  background: none;
  background-color: #f19000;
  box-shadow: none;
}

.under-howto .firststep .wrap>div .btn-2 {
  background: none;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjc2YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM1YmRiNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #00b76a), color-stop(100%, #35bdb6));
  background: -moz-linear-gradient(left, #00b76a, #35bdb6);
  background: -webkit-linear-gradient(left, #00b76a, #35bdb6);
  background: linear-gradient(to right, #00b76a, #35bdb6);
  box-shadow: none;
}

.under-howto .firststep .wrap>div .btn-2 .icon {
  position: relative;
}

.under-howto .firststep .wrap>div .btn-2 .icon::before {
  content: "";
  display: inline-block;
  margin-right: 0.5em;
  width: 20px;
  height: 20px;
  background: url(../img/icon/zoom.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

.under-howto .howto-flow {
  padding: 70px 0;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow {
    padding: 50px 0;
  }
}

.under-howto .howto-flow h3 {
  display: table;
  margin: 0 auto;
  font-size: 3.3rem;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow h3 {
    font-size: 2.1rem;
  }
}

@media screen and (max-width: 320px) {
  .under-howto .howto-flow h3 {
    font-size: 1.9rem;
  }
}

.under-howto .howto-flow .flow {
  margin-top: 100px;
  padding: 35px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background-color: white;
  box-sizing: border-box;
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow {
    margin-top: 50px;
    padding: 20px;
  }
}

.under-howto .howto-flow .flow::after {
  content: "";
  display: inline-block;
  width: 50px;
  height: 100px;
  background: url(../img/howto/arrow-2.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  bottom: -90px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow::after {
    width: 25px;
    height: 50px;
    bottom: -45px;
  }
}

.under-howto .howto-flow .flow .head {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow .head {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
  }
}

.under-howto .howto-flow .flow .head figure {
  display: block;
  width: 300px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-howto .howto-flow .flow .head figure {
    width: 180px;
  }
}

.under-howto .howto-flow .flow .head figure img {
  display: block;
  width: 180px;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow .head figure img {
    margin: 0 auto;
  }
}

@media screen and (max-width: 320px) {
  .under-howto .howto-flow .flow .head figure img {
    width: 150px;
  }
}

.under-howto .howto-flow .flow .head figure+div {
  width: calc(100% - 300px - 50px);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-howto .howto-flow .flow .head figure+div {
    width: calc(100% - 180px - 50px);
  }
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow .head figure+div {
    margin-top: 25px;
    width: auto;
  }
}

.under-howto .howto-flow .flow .head figure+div h4 {
  display: table;
  margin-bottom: 25px;
  padding-bottom: 0.5em;
  font-size: 2.8rem;
  font-weight: 700;
  position: relative;
  color: #dd4f2a;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow .head figure+div h4 {
    padding-bottom: .75em;
    font-size: 2.1rem;
  }
}

@media screen and (max-width: 320px) {
  .under-howto .howto-flow .flow .head figure+div h4 {
    font-size: 1.9rem;
  }
}

.under-howto .howto-flow .flow .head figure+div h4::after {
  content: "";
  display: block;
  width: 130px;
  height: 3px;
  background-color: #dd4f2a;
  position: absolute;
  bottom: 0;
  left: 0;
}

.under-howto .howto-flow .flow .case-wrap {
  margin-top: 70px;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow .case-wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.under-howto .howto-flow .flow .case-wrap::before {
  content: attr(data-ttl);
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 1.5em;
  height: 40px;
  background-color: #0053a7;
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
  position: absolute;
  top: -40px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow .case-wrap::before {
    padding: 0 1em;
    font-size: 1.4rem;
  }
}

.under-howto .howto-flow .flow .case-wrap .case {
  width: calc(100% / 4);
  max-width: calc(100% / 4);
  padding: 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  border-right: none;
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow .case-wrap .case {
    width: 100%;
    max-width: 100%;
    padding-bottom: 25px;
    border-right: 1px solid #dcdcdc;
    border-bottom: none;
  }
}

.under-howto .howto-flow .flow .case-wrap .case::after {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(../img/howto/arrow-1.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: -18px;
  transform: translateY(-50%);
  z-index: 10;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-howto .howto-flow .flow .case-wrap .case::after {
    width: 28px;
    height: 28px;
    right: -14px;
  }
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow .case-wrap .case::after {
    width: 28px;
    height: 28px;
    top: auto;
    right: auto;
    bottom: -14px;
    left: 50%;
    transform: translateY(0) translateX(-50%) rotate(90deg);
  }
}

.under-howto .howto-flow .flow .case-wrap .case:last-child {
  border-right: 1px solid #dcdcdc;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow .case-wrap .case:last-child {
    border-bottom: 1px solid #dcdcdc;
  }
}

.under-howto .howto-flow .flow .case-wrap .case:last-child::after {
  display: none;
}

.under-howto .howto-flow .flow .case-wrap .case figure {
  display: block;
  margin: 25px auto 0;
  width: 100px;
  height: 100px;
}

.under-howto .howto-flow .flow .case-wrap .case figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.under-howto .howto-flow .flow .case-wrap .case h4 {
  margin-top: 35px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #0458b8;
  text-align: center;
}

.under-howto .howto-flow .flow .case-wrap .case p {
  margin-top: 35px;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow .case-wrap .case p {
    margin-top: 15px;
  }
}

@media screen and (max-width: 320px) {
  .under-howto .howto-flow .flow .case-wrap .case p {
    font-size: 1.3rem;
  }
}

.under-howto .howto-flow .flow .case-wrap-2 .case {
  width: calc(100% / 3);
  max-width: calc(100% / 3);
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow .case-wrap-2 .case {
    width: 100%;
    max-width: 100%;
  }
}

.under-howto .howto-flow .flow .case-wrap-2 .case p {
  display: block;
  padding: 0 35px;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow .case-wrap-2 .case p {
    padding: 0;
  }
}

.under-howto .howto-flow .flow .dl-btn-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 50px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-howto .howto-flow .flow .dl-btn-wrap {
    margin-top: 35px;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow .dl-btn-wrap {
    margin-top: 35px;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-howto .howto-flow .flow .dl-btn-wrap .dl-btn {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 480px;
  height: 90px;
  background-color: #e24227;
  font-size: 1.7rem;
  font-weight: 700;
  color: white;
  text-decoration: none;
  line-height: 1.4;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: relative;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-howto .howto-flow .flow .dl-btn-wrap .dl-btn {
    width: 420px;
    max-width: 420px;
    padding-left: 25px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-howto .howto-flow .flow .dl-btn-wrap .dl-btn {
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow .dl-btn-wrap .dl-btn {
    margin-top: 15px;
    padding-left: 15px;
    width: 100%;
    height: 70px;
    font-size: 1.3rem;
    letter-spacing: -0.025em;
    line-height: 1.3;
    box-sizing: border-box;
  }
}

.under-howto .howto-flow .flow .dl-btn-wrap .dl-btn::before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  background: url(../img/icon/dl.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 35px;
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow .dl-btn-wrap .dl-btn::before {
    width: 30px;
    height: 30px;
    left: 25px;
  }
}

@media screen and (max-width: 320px) {
  .under-howto .howto-flow .flow .dl-btn-wrap .dl-btn::before {
    width: 24px;
    height: 24px;
    left: 15px;
  }
}

.under-howto .howto-flow .flow .dl-btn-wrap .dl-btn::after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: solid 1.5px white;
  border-right: solid 1.5px white;
  position: absolute;
  right: 35px;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
}

@media screen and (max-width: 320px) {
  .under-howto .howto-flow .flow .dl-btn-wrap .dl-btn::after {
    width: 8px;
    height: 8px;
    right: 20px;
  }
}

.under-howto .howto-flow .flow .dl-btn-wrap .dl-btn-2 {
  background-color: #175dae;
}

.under-howto .howto-flow .flow .app-btn {
  margin-top: 35px;
  width: 100%;
  height: 80px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f19000;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-size: 2.6rem;
  font-weight: 700;
  color: white;
  text-decoration: none;
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow .app-btn {
    height: 70px;
    font-size: 1.8rem;
    line-height: 1.3;
  }
}

@media screen and (max-width: 320px) {
  .under-howto .howto-flow .flow .app-btn {
    height: 60px;
    font-size: 1.6rem;
  }
}

.under-howto .howto-flow .flow .app-btn::after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: solid 1.5px white;
  border-right: solid 1.5px white;
  position: absolute;
  right: 35px;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
}

@media screen and (max-width: 320px) {
  .under-howto .howto-flow .flow .app-btn::after {
    width: 8px;
    height: 8px;
    right: 20px;
  }
}

.under-howto .howto-flow .flow .btn {
  width: 350px;
  min-width: initial;
  padding: 1em 0;
  margin: 35px auto 0;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow .btn {
    width: 100%;
  }
}

.under-howto .howto-flow .flow .btn::before {
  display: none;
}

.under-howto .howto-flow .flow .btn::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: solid 1px white;
  border-right: solid 1px white;
  position: absolute;
  transform: translateY(-50%) rotate(45deg);
  background-color: transparent;
}

.under-howto .howto-flow .flow .btn-2 {
  background: none;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjc2YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM1YmRiNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #00b76a), color-stop(100%, #35bdb6));
  background: -moz-linear-gradient(left, #00b76a, #35bdb6);
  background: -webkit-linear-gradient(left, #00b76a, #35bdb6);
  background: linear-gradient(to right, #00b76a, #35bdb6);
  box-shadow: none;
}

.under-howto .howto-flow .flow .btn-2 .icon {
  position: relative;
}

.under-howto .howto-flow .flow .btn-2 .icon::before {
  content: "";
  display: inline-block;
  margin-right: 0.5em;
  width: 20px;
  height: 20px;
  background: url(../img/icon/zoom.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

.under-howto .howto-flow .flow-1 {
  border: 4px solid #dd4f2a;
}

.under-howto .howto-flow .flow-1 .head h4 {
  color: #dd4f2a;
}

.under-howto .howto-flow .flow-1 .head h4::after {
  background-color: #dd4f2a;
}

.under-howto .howto-flow .flow-2 {
  border: 4px solid #724590;
}

.under-howto .howto-flow .flow-2 .head h4 {
  color: #724590 !important;
}

.under-howto .howto-flow .flow-2 .head h4::after {
  background-color: #724590 !important;
}

.under-howto .howto-flow .flow-2 .case-wrap {
  margin-top: 70px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow-2 .case-wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-howto .howto-flow .flow-2 .case-wrap::before {
  display: none;
}

.under-howto .howto-flow .flow-2 .case-wrap .case {
  width: calc(100% / 3 - 25px);
  max-width: calc(100% / 3 - 25px);
  border: 1px solid #dcdcdc;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow-2 .case-wrap .case {
    width: 100%;
    max-width: 100%;
  }
}

.under-howto .howto-flow .flow-2 .case-wrap .case::after {
  display: none;
}

.under-howto .howto-flow .flow-2 .case-wrap .case:last-child {
  background-color: #fffbff;
  border: 1px solid #724590;
}

.under-howto .howto-flow .flow-2 .case-wrap .case-2 {
  padding: 0;
  border: none;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow-2 .case-wrap .case-2 {
    padding: 25px 0;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
}

.under-howto .howto-flow .flow-2 .case-wrap .case-2 .sub {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  height: calc(100% / 2 - 10px);
  max-height: calc(100% / 2 - 10px);
  box-sizing: border-box;
  background-color: #f8f8f8;
  border: 1px solid #dcdcdc;
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow-2 .case-wrap .case-2 .sub {
    width: calc(100%/2 - 5px);
    max-width: calc(100%/2 - 5px);
    height: auto;
    max-height: initial;
  }
}

.under-howto .howto-flow .flow-2 .case-wrap .case-2 .sub::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 30px;
  background: url(../img/howto/arrow-2.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: -50px;
  transform: translateY(-50%) rotate(-90deg);
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow-2 .case-wrap .case-2 .sub::before {
    width: 40px;
    height: 20px;
    top: -25px;
    left: 50%;
    transform: translateY(0) translateX(-50%) rotate(0deg);
  }
}

.under-howto .howto-flow .flow-2 .case-wrap .case-2 .sub::after {
  content: "";
  display: inline-block;
  width: 60px;
  height: 30px;
  background: url(../img/howto/arrow-2.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: -50px;
  transform: translateY(-50%) rotate(-90deg);
  z-index: 10;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow-2 .case-wrap .case-2 .sub::after {
    width: 40px;
    height: 20px;
    top: auto;
    bottom: -25px;
    right: auto;
    left: 50%;
    transform: translateY(0) translateX(-50%) rotate(0deg);
  }
}

.under-howto .howto-flow .flow-2 .case-wrap .case-2 .sub-2 {
  background-color: #f9fffb;
}

.under-howto .howto-flow .flow-2 .case-wrap .case-2 .sub-2::after {
  display: none;
}

.under-howto .howto-flow .flow-2 .case-wrap .case-2 .sub figure {
  margin: 0 auto;
  width: 70px;
  height: 70px;
}

.under-howto .howto-flow .flow-2 .case-wrap .case-2 .sub p {
  display: block;
  padding: 0 15px;
  margin-top: 10px;
}

.under-howto .howto-flow .flow-3 {
  border: 4px solid #26aba7;
}

.under-howto .howto-flow .flow-3::after {
  display: none;
}

.under-howto .howto-flow .flow-3 .head h4 {
  color: #26aba7 !important;
}

.under-howto .howto-flow .flow-3 .head h4::after {
  background-color: #26aba7 !important;
}

.under-howto .howto-flow .flow-3 .blk {
  margin-top: 35px;
  padding: 25px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f9fffb;
  border: 1px solid #26aba7;
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow-3 .blk {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-howto .howto-flow .flow-3 .blk figure {
  display: block;
  width: 100px;
}

.under-howto .howto-flow .flow-3 .blk figure img {
  display: block;
  width: 100%;
}

.under-howto .howto-flow .flow-3 .blk figure+div {
  width: calc(100% - 100px - 50px);
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow-3 .blk figure+div {
    margin-top: 35px;
    width: auto;
  }
}

.under-howto .howto-flow .flow-3 .blk figure+div h4 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0458b8;
}

.under-howto .howto-flow .flow-3 .blk figure+div p {
  margin-top: 0;
  font-size: 1.4rem;
}

.under-howto .howto-flow .flow-3+p {
  margin-top: 50px;
  font-size: 2.1rem;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .under-howto .howto-flow .flow-3+p {
    font-size: 1.5rem;
    text-align: left;
    line-height: 1.6;
  }
}

.under-howto .sr-search {
  padding: 70px 0;
}

@media screen and (max-width: 767px) {
  .under-howto .sr-search {
    padding: 50px 0;
  }
}

.under-howto .sr-search .inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .under-howto .sr-search .inner {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
  }
}

.under-howto .sr-search .inner figure {
  display: block;
  width: 500px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-howto .sr-search .inner figure {
    width: 300px;
  }
}

@media screen and (max-width: 767px) {
  .under-howto .sr-search .inner figure {
    width: 100%;
  }
}

.under-howto .sr-search .inner figure img {
  display: block;
  width: 380px;
  margin: 0 auto;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-howto .sr-search .inner figure img {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .under-howto .sr-search .inner figure img {
    width: 80%;
  }
}

.under-howto .sr-search .inner figure+div {
  width: calc(100% - 500px - 70px);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-howto .sr-search .inner figure+div {
    width: calc(100% - 300px - 50px);
  }
}

@media screen and (max-width: 767px) {
  .under-howto .sr-search .inner figure+div {
    margin-top: 35px;
    width: auto;
  }
}

.under-howto .sr-search .inner figure+div h3 {
  font-size: 2.1rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .under-howto .sr-search .inner figure+div h3 {
    font-size: 1.7rem;
  }
}

.under-howto .sr-search .inner figure+div p {
  margin-top: 35px;
}

.under-howto .sr-search .inner figure+div .btn {
  width: 350px;
  min-width: initial;
  padding: 1em 0;
  margin-top: 35px;
}

@media screen and (max-width: 767px) {
  .under-howto .sr-search .inner figure+div .btn {
    width: 100%;
  }
}

.under-howto .sr-search .inner figure+div .btn::before {
  display: none;
}

.under-howto .sr-search .inner figure+div .btn::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: solid 1px white;
  border-right: solid 1px white;
  position: absolute;
  transform: translateY(-50%) rotate(45deg);
  background-color: transparent;
}

.under-howto .sr-search .inner figure+div .btn-2 {
  background: none;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjc2YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM1YmRiNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #00b76a), color-stop(100%, #35bdb6));
  background: -moz-linear-gradient(left, #00b76a, #35bdb6);
  background: -webkit-linear-gradient(left, #00b76a, #35bdb6);
  background: linear-gradient(to right, #00b76a, #35bdb6);
  box-shadow: none;
}

.under-howto .sr-search .inner figure+div .btn-2 .icon {
  position: relative;
}

.under-howto .sr-search .inner figure+div .btn-2 .icon::before {
  content: "";
  display: inline-block;
  margin-right: 0.5em;
  width: 20px;
  height: 20px;
  background: url(../img/icon/zoom.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

.under-searchmethod .bg {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmOWZkZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWZkZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(40%, #ffffff), color-stop(40%, #f9fdff), color-stop(100%, #f9fdff));
  background: -moz-linear-gradient(top, #ffffff, #ffffff 40%, #f9fdff 40%, #f9fdff);
  background: -webkit-linear-gradient(top, #ffffff, #ffffff 40%, #f9fdff 40%, #f9fdff);
  background: linear-gradient(to bottom, #ffffff, #ffffff 40%, #f9fdff 40%, #f9fdff);
}

.under-searchmethod .lead {
  padding: 35px 0 70px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .under-searchmethod .lead {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-searchmethod .lead figure {
  display: block;
  width: 540px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-searchmethod .lead figure {
    width: 360px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-searchmethod .lead figure {
    width: 300px;
  }
}

@media screen and (max-width: 767px) {
  .under-searchmethod .lead figure {
    width: 100%;
  }
}

.under-searchmethod .lead figure img {
  display: block;
  width: 100%;
}

.under-searchmethod .lead figure+div {
  width: calc(100% - 540px - 70px);
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-searchmethod .lead figure+div {
    width: calc(100% - 360px - 50px);
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-searchmethod .lead figure+div {
    width: calc(100% - 300px - 50px);
  }
}

@media screen and (max-width: 767px) {
  .under-searchmethod .lead figure+div {
    margin-top: 35px;
    width: auto;
  }
}

.under-searchmethod .lead figure+div h3 {
  display: table;
  padding-bottom: 1em;
  font-size: 3.7rem;
  font-weight: 700;
  position: relative;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .under-searchmethod .lead figure+div h3 {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 320px) {
  .under-searchmethod .lead figure+div h3 {
    font-size: 2.1rem;
  }
}

.under-searchmethod .lead figure+div h3::after {
  content: "";
  display: block;
  width: 140px;
  height: 2px;
  background-color: #005eb1;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .under-searchmethod .lead figure+div h3::after {
    width: 100px;
  }
}

.under-searchmethod .lead figure+div ul {
  margin-top: 50px;
}

.under-searchmethod .lead figure+div ul li {
  padding-left: 30px;
  font-size: 2.1rem;
  font-weight: 700;
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-searchmethod .lead figure+div ul li {
    padding-left: 24px;
    font-size: 1.7rem;
    line-height: 1.6;
  }
}

@media screen and (max-width: 320px) {
  .under-searchmethod .lead figure+div ul li {
    font-size: 1.5rem;
  }
}

.under-searchmethod .lead figure+div ul li::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/search-method/check.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 12px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .under-searchmethod .lead figure+div ul li::before {
    width: 16px;
    height: 16px;
    top: 10px;
  }
}

@media screen and (max-width: 320px) {
  .under-searchmethod .lead figure+div ul li::before {
    width: 14px;
    height: 14px;
    top: 7px;
  }
}

.under-searchmethod .lead figure+div .btn::before,
.under-searchmethod .lead figure+div .btn::after {
  display: none;
}

.under-searchmethod .lead figure+div .btn .icon {
  position: relative;
}

.under-searchmethod .lead figure+div .btn .icon::before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  background: url(../img/icon/zoom.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

.under-searchmethod .corp-select {
  padding: 100px 0 0;
}

@media screen and (max-width: 767px) {
  .under-searchmethod .corp-select {
    padding-top: 70px;
  }
}

.under-searchmethod .corp-select figure {
  margin-top: 50px;
  display: block;
  width: 100%;
}

.under-searchmethod .corp-select figure img {
  display: block;
  width: 100%;
  border: 1px solid #ccc;
}

.under-searchmethod .corp-select figure+p {
  margin-top: 25px;
  font-size: 2.1rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .under-searchmethod .corp-select figure+p {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}

@media screen and (max-width: 320px) {
  .under-searchmethod .corp-select figure+p {
    font-size: 1.4rem;
  }
}

.under-searchmethod .corp-pov {
  padding: 100px 0;
}

@media screen and (max-width: 767px) {
  .under-searchmethod .corp-pov {
    padding: 70px 0 0;
  }
}

.under-searchmethod .corp-pov h3+p {
  margin-top: 25px;
  font-size: 2.1rem;
  font-weight: 700;
  color: #ef4746;
}

@media screen and (max-width: 767px) {
  .under-searchmethod .corp-pov h3+p {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}

@media screen and (max-width: 320px) {
  .under-searchmethod .corp-pov h3+p {
    font-size: 1.4rem;
  }
}

.under-searchmethod .corp-pov figure {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 50px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .under-searchmethod .corp-pov figure {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    position: relative;
  }
}

.under-searchmethod .corp-pov figure img {
  display: block;
  width: 700px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-searchmethod .corp-pov figure img {
    width: 500px;
  }
}

@media screen and (max-width: 767px) {
  .under-searchmethod .corp-pov figure img {
    width: 90%;
  }
}

.under-searchmethod .corp-pov figure img+div {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: calc(100% - 700px - 30px);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-searchmethod .corp-pov figure img+div {
    width: calc(100% - 500px - 20px);
  }
}

@media screen and (max-width: 767px) {
  .under-searchmethod .corp-pov figure img+div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
}

.under-searchmethod .corp-pov figure img+div .cap {
  padding-top: 30px;
  padding-left: 50px;
  position: relative;
  box-sizing: border-box;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-searchmethod .corp-pov figure img+div .cap {
    padding-top: 15px;
    padding-left: 30px;
  }
}

@media screen and (max-width: 767px) {
  .under-searchmethod .corp-pov figure img+div .cap {
    width: 70%;
    padding: 0;
  }
}

.under-searchmethod .corp-pov figure img+div .cap::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 100%;
  border-top: 2px solid #0053a7;
  border-bottom: 2px solid #0053a7;
  border-right: 2px solid #0053a7;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .under-searchmethod .corp-pov figure img+div .cap::before {
    left: auto;
    right: 0;
  }
}

.under-searchmethod .corp-pov figure img+div .cap-1 {
  height: 8%;
  max-height: 8%;
}

.under-searchmethod .corp-pov figure img+div .cap-2 {
  height: 2%;
  max-height: 2%;
}

.under-searchmethod .corp-pov figure img+div .cap-3 {
  height: 22%;
  max-height: 22%;
}

.under-searchmethod .corp-pov figure img+div .cap-4 {
  height: 2.5%;
  max-height: 2.5%;
}

.under-searchmethod .corp-pov figure img+div .cap-5 {
  height: 63.5%;
  max-height: 63.5%;
}

@media screen and (max-width: 767px) {
  .under-searchmethod .corp-pov figure img+div .cap div {
    padding: 0.5em;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

.under-searchmethod .corp-pov figure img+div .cap p {
  font-size: 1.3rem;
  font-weight: bold;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-searchmethod .corp-pov figure img+div .cap p {
    font-size: 1.1rem;
    line-height: 1.3;
  }
}

@media screen and (max-width: 767px) {
  .under-searchmethod .corp-pov figure img+div .cap p {
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 1.3;
  }
}

@media screen and (max-width: 320px) {
  .under-searchmethod .corp-pov figure img+div .cap p {
    font-size: 1rem;
  }
}

.under-searchmethod .corp-pov figure img+div .cap p+p {
  margin-top: 15px;
}

.under-searchmethod .corp-pov .btn {
  margin-left: auto;
  margin-right: auto;
}

.under-searchmethod .corp-pov .btn::before,
.under-searchmethod .corp-pov .btn::after {
  display: none;
}

.under-searchmethod .corp-pov .btn .icon {
  position: relative;
}

.under-searchmethod .corp-pov .btn .icon::before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  background: url(../img/icon/zoom.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

.under-self-check .lead {
  padding: 35px 0 70px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .under-self-check .lead {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-self-check .lead figure {
  display: block;
  width: 300px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-self-check .lead figure {
    width: 220px;
  }
}

@media screen and (max-width: 767px) {
  .under-self-check .lead figure {
    margin-top: 35px;
    width: 100%;
  }
}

.under-self-check .lead figure img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .under-self-check .lead figure img {
    width: 70%;
    margin: 0 auto;
  }
}

.under-self-check .lead figure+div {
  width: calc(100% - 300px - 70px);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-self-check .lead figure+div {
    width: calc(100% - 220px - 50px);
  }
}

@media screen and (max-width: 767px) {
  .under-self-check .lead figure+div {
    width: auto;
  }
}

.under-self-check .lead figure+div h3 {
  display: table;
  padding-bottom: 1em;
  font-size: 3.7rem;
  font-weight: 700;
  position: relative;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .under-self-check .lead figure+div h3 {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 320px) {
  .under-self-check .lead figure+div h3 {
    font-size: 2.1rem;
  }
}

.under-self-check .lead figure+div h3::after {
  content: "";
  display: block;
  width: 140px;
  height: 2px;
  background-color: #dd4f2a;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .under-self-check .lead figure+div h3::after {
    width: 100px;
  }
}

.under-self-check .lead figure+div h4 {
  margin-top: 50px;
  font-size: 2rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .under-self-check .lead figure+div h4 {
    font-size: 1.8rem;
  }
}

.under-self-check .lead figure+div p {
  margin-top: 50px;
}

.under-self-check .reg-flow {
  padding: 50px 0;
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .ttl-orangeline-btm {
    font-size: 2rem;
  }
}

.under-self-check .reg-flow .inner p {
  margin-top: 35px;
}

.under-self-check .reg-flow .app-btn {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 420px;
  height: 60px;
  margin: 70px auto 0;
  background: transparent;
  background-color: #f19000;
  font-size: 1.9rem;
  box-shadow: none;
  font-weight: 700;
  color: white;
  text-decoration: none;
  line-height: 1.4;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .app-btn {
    margin-top: 35px;
    width: 100%;
    font-size: 1.6rem;
  }
}

.under-self-check .reg-flow .app-btn::before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 26px;
  height: 20px;
  background: url(../img/icon/app.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
}

.under-self-check .reg-flow .app-btn::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: solid 1px white;
  border-right: solid 1px white;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
}

.under-self-check .reg-flow .flow {
  margin-top: 70px;
  padding: 35px;
  background-color: white;
  border: 1px solid #dbdbdb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow {
    padding: 25px;
  }
}

@media screen and (max-width: 320px) {
  .under-self-check .reg-flow .flow {
    padding: 15px;
  }
}

.under-self-check .reg-flow .flow::before {
  content: attr(step-no);
  color: #a0cae9;
  position: absolute;
  top: -35px;
  right: 15px;
  font-size: 8.8rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow::before {
    font-size: 5rem;
    top: -25px;
    right: 0;
  }
}

@media screen and (max-width: 320px) {
  .under-self-check .reg-flow .flow::before {
    font-size: 4.2rem;
  }
}

.under-self-check .reg-flow .flow::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -50px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #0062ae transparent transparent transparent;
  border-width: 25px 25px 0 25px;
}

.under-self-check .reg-flow .flow h4 {
  font-size: 2.2rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow h4 {
    font-size: 1.8rem;
  }
}

.under-self-check .reg-flow .flow h4+p {
  margin-top: 15px;
}

.under-self-check .reg-flow .flow ul li {
  margin-top: 50px;
  padding: 15px;
  background-color: #f5f5f5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.4rem;
  position: relative;
}

.under-self-check .reg-flow .flow ul li:first-child {
  margin-top: 25px;
}

.under-self-check .reg-flow .flow ul li:last-child::after {
  display: none;
}

.under-self-check .reg-flow .flow ul li::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -35px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #707070 transparent transparent transparent;
  border-width: 14px 14px 0 14px;
}

.under-self-check .reg-flow .flow ul li strong {
  font-size: 1.7rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow ul li strong {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

.under-self-check .reg-flow .flow-1 .wrap {
  margin-top: 25px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow-1 .wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-self-check .reg-flow .flow-1 .wrap>div {
  width: calc(100% / 2 - 25px);
  max-width: calc(100% / 2 - 25px);
  padding: 25px;
  background-color: #fbfbfb;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-self-check .reg-flow .flow-1 .wrap>div {
    width: calc(100% / 2 - 15px);
    max-width: calc(100% / 2 - 15px);
    padding: 15px;
  }
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow-1 .wrap>div {
    width: 100%;
    max-width: 100%;
    padding: 15px;
  }
}

@media screen and (max-width: 320px) {
  .under-self-check .reg-flow .flow-1 .wrap>div {
    padding: 10px;
  }
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow-1 .wrap>div:not(:nth-of-type(1)) {
    margin-top: 25px;
  }
}

.under-self-check .reg-flow .flow-1 .wrap>div h5 {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}

.under-self-check .reg-flow .flow-1 .wrap>div figure {
  margin-top: 25px;
  display: block;
  width: 100%;
}

.under-self-check .reg-flow .flow-1 .wrap>div figure img {
  display: block;
  width: 100%;
}

.under-self-check .reg-flow .flow-1 .wrap>div .dl-btn {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 340px;
  height: 60px;
  margin: 25px auto 0;
  background: transparent;
  background-color: #e24227;
  font-size: 1.2rem;
  box-shadow: none;
  font-weight: 700;
  color: white;
  text-decoration: none;
  line-height: 1.4;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: relative;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-self-check .reg-flow .flow-1 .wrap>div .dl-btn {
    padding-left: 15px;
    width: 100%;
    max-width: 100%;
    font-size: 1.1rem;
    letter-spacing: -0.025em;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow-1 .wrap>div .dl-btn {
    width: 100%;
    font-size: 1.1rem;
    letter-spacing: -0.025em;
    line-height: 1.3;
  }
}

.under-self-check .reg-flow .flow-1 .wrap>div .dl-btn::before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 26px;
  height: 24px;
  background: url(../img/icon/dl.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
}

.under-self-check .reg-flow .flow-1 .wrap>div .dl-btn::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: solid 1px white;
  border-right: solid 1px white;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow-2 {
    padding-bottom: 120px;
  }
}

.under-self-check .reg-flow .flow-2 .wrap {
  margin-top: 25px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow-2 .wrap {
    margin-top: 0;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-self-check .reg-flow .flow-2 .wrap figure {
  display: block;
  width: 360px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-self-check .reg-flow .flow-2 .wrap figure {
    width: 280px;
  }
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow-2 .wrap figure {
    margin-top: 35px;
    width: 100%;
  }
}

.under-self-check .reg-flow .flow-2 .wrap figure img {
  display: block;
  width: 100%;
  -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
}

.under-self-check .reg-flow .flow-2 .wrap figure+div {
  width: calc(100% - 360px - 50px);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-self-check .reg-flow .flow-2 .wrap figure+div {
    width: calc(100% - 280px - 30px);
  }
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow-2 .wrap figure+div {
    width: auto;
  }
}

.under-self-check .reg-flow .flow-2 .wrap figure+div .app-btn {
  margin: 25px 0 0;
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow-2 .wrap figure+div .app-btn {
    width: calc(100% - 50px);
    margin-top: 0;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.under-self-check .reg-flow .flow-4::after {
  display: none;
}

.under-self-check .reg-flow .flow-4 .wrap {
  margin-top: 25px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-self-check .reg-flow .flow-4 .wrap {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow-4 .wrap {
    margin-top: 0;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-self-check .reg-flow .flow-4 .wrap .i-box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 480px;
  max-width: 480px;
  padding: 35px;
  border: 1px solid #c6c6c6;
  box-sizing: border-box;
  position: relative;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-self-check .reg-flow .flow-4 .wrap .i-box {
    margin-top: 35px;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow-4 .wrap .i-box {
    margin-top: 35px;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    padding: 25px;
  }
}

.under-self-check .reg-flow .flow-4 .wrap .i-box::after {
  content: "+";
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translateX(-50%) translateY(-60%);
  font-size: 3rem;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow-4 .wrap .i-box::after {
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}

.under-self-check .reg-flow .flow-4 .wrap .i-box figure {
  display: block;
  width: calc(100% / 2 - 15px);
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow-4 .wrap .i-box figure:nth-of-type(2) {
    margin-top: 50px;
  }
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow-4 .wrap .i-box figure {
    width: 100%;
  }
}

.under-self-check .reg-flow .flow-4 .wrap .i-box figure figcaption {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}

.under-self-check .reg-flow .flow-4 .wrap .i-box figure img {
  display: block;
  margin: 15px auto 0;
  width: 150px;
  height: 130px;
  object-fit: contain;
  object-position: center;
}

.under-self-check .reg-flow .flow-4 .wrap .i-box+div {
  width: calc(100% - 480px - 50px);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-self-check .reg-flow .flow-4 .wrap .i-box+div {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .under-self-check .reg-flow .flow-4 .wrap .i-box+div {
    width: auto;
  }
}

.under-greeting .detail {
  margin-top: 15px;
  margin-bottom: 50px;
  background-color: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 767px) {
  .under-greeting .detail {
    max-width: 100%;
  }
}

.under-greeting .detail .inner {
  padding: 50px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-greeting .detail .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-greeting .detail .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 767px) {
  .under-greeting .detail .inner {
    padding: 25px 15px;
  }
}

@media screen and (max-width: 320px) {
  .under-greeting .detail .inner {
    padding: 25px 10px;
  }
}

.under-greeting .detail .inner p {
  margin-top: 35px;
}

.under-greeting .detail .inner .sign {
  text-align: right;
}

.under-greeting .detail .inner .sign img {
  display: block;
  margin: 15px 0 0 auto;
  width: 280px;
}

@media screen and (max-width: 767px) {
  .under-greeting .detail .inner .sign img {
    width: 80%;
  }
}

.under-news .bg+.bg-2 {
  padding-top: 50px;
}

.under-news .information {
  padding-top: 0;
}

@media screen and (max-width: 767px) {
  .under-news .information {
    max-width: 100%;
  }
}

.under-news .information h3 {
  margin-bottom: 25px;
  color: #353535;
}

@media screen and (max-width: 767px) {
  .under-news .information h3 {
    margin: 0 0 15px 0;
    font-size: 2.4rem;
  }
}

.under-news .information ul {
  margin-top: 0;
}

.under-news .info-post {
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .under-news .info-post {
    max-width: 100%;
  }
}

.under-news .info-post .post-ttl {
  display: table;
  font-size: 2.5rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .under-news .info-post .post-ttl {
    font-size: 1.9rem;
  }
}

@media screen and (max-width: 320px) {
  .under-news .info-post .post-ttl {
    font-size: 1.8rem;
  }
}

.under-news .info-post .post-meta {
  margin-top: 35px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.under-news .info-post .post-meta .date {
  width: 100px;
  font-size: 1.1rem;
  position: relative;
}

.under-news .info-post .post-meta .date::before {
  content: "";
  display: inline-block;
  margin-right: 0.25em;
  width: 10px;
  height: 10px;
  background: url(../img/icon/date.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

.under-news .info-post .post-meta .cate {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 80px;
  height: 24px;
  background-color: #0053a7;
  font-size: 1.1rem;
  color: white;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.under-news .info-post .inner.cntblk-1 {
  padding: 35px;
  background-color: white;
  border: 1px solid #dbdbdb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .under-news .info-post .inner.cntblk-1 {
    padding: 25px;
  }
}

@media screen and (max-width: 320px) {
  .under-news .info-post .inner.cntblk-1 {
    padding: 15px;
  }
}

.under-news .info-post .cont p {
  margin-top: 35px;
}

.under-contact .detail {
  margin-top: 15px;
  margin-bottom: 50px;
  background-color: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 767px) {
  .under-contact .detail {
    max-width: 100%;
  }
}

.under-contact .detail .inner {
  padding: 50px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-contact .detail .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-contact .detail .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 767px) {
  .under-contact .detail .inner {
    padding: 25px 15px;
  }
}

@media screen and (max-width: 320px) {
  .under-contact .detail .inner {
    padding: 25px 10px;
  }
}

.under-contact .detail .inner p {
  margin-top: 35px;
}

.under-contact .detail .inner p .phone {
  font-size: 2.6rem;
  font-weight: 700;
  color: #353535;
  text-decoration: none;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .under-contact .detail .inner p .phone {
    pointer-events: visible;
    font-size: 2.2rem;
  }
}

.under-privacy .detail {
  margin-top: 15px;
  margin-bottom: 50px;
  background-color: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 767px) {
  .under-privacy .detail {
    max-width: 100%;
  }
}

.under-privacy .detail .inner {
  padding: 50px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-privacy .detail .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-privacy .detail .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 767px) {
  .under-privacy .detail .inner {
    padding: 25px 15px;
  }
}

@media screen and (max-width: 320px) {
  .under-privacy .detail .inner {
    padding: 25px 10px;
  }
}

.under-privacy .detail .inner h3:not(:nth-of-type(1)) {
  margin-top: 50px;
}

.under-privacy .detail .inner h3+p {
  margin-top: 15px;
}

.under-privacy .detail .inner p {
  margin-top: 35px;
}

.under-privacy .detail .inner p .phone {
  font-size: 2.6rem;
  font-weight: 700;
  color: #353535;
  text-decoration: none;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .under-privacy .detail .inner p .phone {
    pointer-events: visible;
    font-size: 2.2rem;
  }
}

.under-sr .detail {
  margin-top: 15px;
  margin-bottom: 50px;
  background-color: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 767px) {
  .under-sr .detail {
    max-width: 100%;
  }
}

.under-sr .detail .inner {
  padding: 50px;
  text-align: center;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-sr .detail .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-sr .detail .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 767px) {
  .under-sr .detail .inner {
    padding: 25px 15px;
  }
}

@media screen and (max-width: 320px) {
  .under-sr .detail .inner {
    padding: 25px 10px;
  }
}

.under-sr .detail .inner h3+p {
  margin-top: 50px;
}

.under-sr .detail .inner .login {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  margin: 50px auto 0;
  width: 500px;
}

@media screen and (max-width: 767px) {
  .under-sr .detail .inner .login {
    margin-top: 35px;
    width: 100%;
  }
}

.under-sr .detail .inner .login input[type="password"] {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .under-sr .detail .inner .login input[type="password"] {
    width: 100%;
    max-width: 100%;
  }
}

.under-sr .detail .inner .login .login-btn {
  display: table;
  margin: 35px auto 0;
  padding: 0.75em 0.5em;
  min-width: 200px;
  background-color: #005eb1;
  color: white;
  border: none;
  font-size: 1.5rem;
  font-weight: 700;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  line-height: 1.2;
  cursor: pointer;
}

@media screen and (max-width: 320px) {
  .under-sr .detail .inner .login .login-btn {
    min-width: 170px;
    font-size: 1.6rem;
  }
}

.under-member .detail {
  margin-top: 15px;
  margin-bottom: 50px;
  background-color: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 767px) {
  .under-member .detail {
    max-width: 100%;
  }
}

.under-member .detail .inner {
  padding: 50px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-member .detail .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-member .detail .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 767px) {
  .under-member .detail .inner {
    padding: 25px 15px;
  }
}

@media screen and (max-width: 320px) {
  .under-member .detail .inner {
    padding: 25px 10px;
  }
}

.under-member .detail .inner p {
  margin-top: 35px;
}

.under-member .detail .inner .sign {
  text-align: right;
}

.under-member .movie-list {
  padding: 100px 0;
}

@media screen and (max-width: 767px) {
  .under-member .movie-list {
    padding: 70px 0;
  }
}

.under-member .movie-list h3 {
  display: block;
  margin: 0 auto;
  padding: 1em 0;
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  background-color: #0053a7;
  color: white;
}

@media screen and (max-width: 767px) {
  .under-member .movie-list h3 {
    padding: 0.5em 0;
    font-size: 2.4rem;
    line-height: 1.2;
  }
}

@media screen and (max-width: 320px) {
  .under-member .movie-list h3 {
    font-size: 2.1rem;
  }
}

.under-member .movie-list h3 .icon {
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-member .movie-list h3 .icon {
    display: inline-block;
    padding-left: 50px;
  }
}

.under-member .movie-list h3 .icon::before {
  content: "";
  display: inline-block;
  margin-right: 25px;
  margin-bottom: 0.2em;
  width: 42px;
  height: 32px;
  background: url(../img/icon/video.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .under-member .movie-list h3 .icon::before {
    width: 34px;
    height: 26px;
    margin-right: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}

.under-member .movie-list .intro-movie {
  margin-top: 50px;
  overflow: hidden;
}

.under-member .movie-list .intro-movie video {
  display: table;
  margin: 0 auto 0;
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 767px) {
  .under-member .movie-list .intro-movie video {
    width: 100% !important;
    height: 210px !important;
  }
}

@media screen and (max-width: 320px) {
  .under-member .movie-list .intro-movie video {
    height: 180px !important;
  }
}

.under-member .movie-list .wrap {
  margin-top: 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .under-member .movie-list .wrap {
    margin-top: 0;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-member .movie-list .wrap .movie {
  margin-top: 50px;
  width: calc(100% / 3 - 25px);
  max-width: calc(100% / 3 - 25px);
  margin-right: calc((100% - (100% / 3 - 25px) * 3) / 2);
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-member .movie-list .wrap .movie {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
}

.under-member .movie-list .wrap .movie:nth-of-type(3n) {
  margin-right: 0;
}

.under-member .movie-list .wrap .movie .badge {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 70px;
  height: 70px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5ZDU0YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA2N2NkNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #29d54b), color-stop(100%, #067cd6));
  background: -moz-linear-gradient(left, #29d54b, #067cd6);
  background: -webkit-linear-gradient(left, #29d54b, #067cd6);
  background: linear-gradient(to right, #29d54b, #067cd6);
  font-size: 1.1rem;
  font-weight: 700;
  color: white;
  position: absolute;
  top: -25px;
  left: -25px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  transform: rotate(-10deg);
}

@media screen and (max-width: 767px) {
  .under-member .movie-list .wrap .movie .badge {
    left: -15px;
  }
}

@media screen and (max-width: 320px) {
  .under-member .movie-list .wrap .movie .badge {
    transform-origin: 50% 0;
    transform: scale(0.9) rotate(-10deg);
  }
}

.under-member .movie-list .wrap .movie .badge strong {
  font-size: 2.1rem;
}

.under-member .movie-list .wrap .movie h4 {
  display: block;
  padding: 1em;
  background-color: #0053a7;
  font-size: 1.6rem;
  font-weight: 700;
  color: white;
  text-align: center;
}

.under-member .movie-list .wrap .movie video {
  margin-top: 15px;
  display: block;
  width: 100%;
  height: 220px;
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-member .movie-list .wrap .movie video {
    height: 180px;
  }
}

@media screen and (max-width: 320px) {
  .under-member .movie-list .wrap .movie video {
    height: 180px;
  }
}

.under-member .information {
  padding-top: 0;
  padding-bottom: 0;
}

.under-member .information h3 {
  margin-bottom: 25px;
  padding-bottom: 1em;
  color: #353535;
  display: table;
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-member .information h3 {
    margin: 0 0 25px 0;
    font-size: 2.2rem;
  }
}

.under-member .information h3::after {
  content: "";
  display: inline-block;
  width: 70px;
  height: 4px;
  background-color: #005eb1;
  position: absolute;
  bottom: 0;
  left: 0;
}

.under-member .information ul {
  margin-top: 0;
}

.under-member .mark-type {
  padding-bottom: 0;
}

.under-member .mark-type h3 {
  margin-bottom: 25px;
  padding-left: 0;
  padding-bottom: 1em;
  color: #353535;
  display: table;
  position: relative;
  border: none;
}

@media screen and (max-width: 767px) {
  .under-member .mark-type h3 {
    margin: 0 0 25px 0;
    font-size: 2.2rem;
  }
}

.under-member .mark-type h3::after {
  content: "";
  display: inline-block;
  width: 70px;
  height: 4px;
  background-color: #005eb1;
  position: absolute;
  bottom: 0;
  left: 0;
}

.under-member .method {
  padding: 100px 0;
}

@media screen and (max-width: 767px) {
  .under-member .method {
    padding: 70px 0;
  }
}

.under-member .method h3 {
  display: table;
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 25px;
  padding-bottom: 1em;
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-member .method h3 {
    margin: 0 0 25px 0;
    font-size: 2.2rem;
  }
}

.under-member .method h3::after {
  content: "";
  display: inline-block;
  width: 70px;
  height: 4px;
  background-color: #005eb1;
  position: absolute;
  bottom: 0;
  left: 0;
}

.under-member .method .inner.cntblk-1 {
  margin-top: 25px;
  padding: 35px;
  background-color: white;
  border: 1px solid #dbdbdb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .under-member .method .inner.cntblk-1 {
    padding: 25px;
  }
}

@media screen and (max-width: 320px) {
  .under-member .method .inner.cntblk-1 {
    padding: 15px;
  }
}

.under-member .method .inner .wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .under-member .method .inner .wrap {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
  }
}

.under-member .method .inner figure {
  display: block;
  width: 350px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-member .method .inner figure {
    width: 240px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-member .method .inner figure {
    width: 240px;
  }
}

@media screen and (max-width: 767px) {
  .under-member .method .inner figure {
    margin-top: 50px;
    width: 100%;
  }
}

.under-member .method .inner figure img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .under-member .method .inner figure img {
    width: 70%;
    margin: 0 auto;
  }
}

.under-member .method .inner figure+div {
  width: calc(100% - 350px - 70px);
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-member .method .inner figure+div {
    width: calc(100% - 240px - 50px);
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-member .method .inner figure+div {
    width: calc(100% - 240px - 50px);
  }
}

@media screen and (max-width: 767px) {
  .under-member .method .inner figure+div {
    width: 100%;
  }
}

.under-member .method .inner figure+div span {
  display: block;
  margin-top: 40px;
  padding: 0.75em;
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: white;
  position: relative;
}

@media screen and (max-width: 767px) {
  .under-member .method .inner figure+div span {
    font-size: 1.7rem;
    line-height: 1.3;
  }
}

@media screen and (max-width: 320px) {
  .under-member .method .inner figure+div span {
    font-size: 1.5rem;
  }
}

.under-member .method .inner figure+div span::before {
  content: "";
  display: block;
  width: 25px;
  height: 38px;
  margin: 0 auto;
  background: url(../img/icon/arrow-btm.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
}

.under-member .method .inner figure+div span.row-1 {
  margin-top: 0;
  background-color: #dd4f2a;
}

.under-member .method .inner figure+div span.row-1::before {
  display: none;
}

.under-member .method .inner figure+div span.row-2 {
  background-color: #ceb122;
}

.under-member .method .inner figure+div span.row-3-1 {
  background-color: #724590;
}

.under-member .method .inner figure+div span.row-3-2 {
  background-color: #26aba7;
}

.under-member .method .inner figure+div .row-3 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.under-member .method .inner figure+div .row-3 span {
  width: calc(100% / 2 - 15px);
  max-width: calc(100% / 2 - 15px);
  box-sizing: border-box;
}

.under-flow h3 {
  display: table;
  margin: 0 auto;
  font-size: 3.3rem;
  font-weight: 700;
  color: #0053a7;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .under-flow h3 {
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 320px) {
  .under-flow h3 {
    font-size: 2rem;
  }
}

.under-flow h3:not(:nth-of-type(1)) {
  margin-top: 100px;
}

@media screen and (max-width: 767px) {
  .under-flow h3:nth-of-type(2) {
    font-size: 2rem;
    letter-spacing: -0.05em;
  }
}

@media screen and (max-width: 320px) {
  .under-flow h3:nth-of-type(2) {
    font-size: 1.8rem;
  }
}

.under-flow h3+.detail {
  margin-top: 35px;
}

.under-flow .detail {
  margin-top: 15px;
  margin-bottom: 50px;
  background-color: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 767px) {
  .under-flow .detail {
    max-width: 100%;
  }
}

.under-flow .detail .inner {
  padding: 50px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-flow .detail .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-flow .detail .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner {
    padding: 25px 15px;
  }
}

@media screen and (max-width: 320px) {
  .under-flow .detail .inner {
    padding: 25px 10px;
  }
}

.under-flow .detail .inner .fl {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner .fl {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
  }
}

.under-flow .detail .inner .fl figure {
  display: block;
  width: 300px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-flow .detail .inner .fl figure {
    width: 200px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-flow .detail .inner .fl figure {
    width: 200px;
  }
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner .fl figure {
    width: 100%;
  }
}

.under-flow .detail .inner .fl figure img {
  display: block;
  width: 100%;
}

.under-flow .detail .inner .fl figure img:not(:nth-of-type(1)) {
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner .fl figure img:not(:nth-of-type(1)) {
    margin-top: 35px;
  }
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner .fl figure img.seal {
    margin-left: auto;
    margin-right: auto;
    width: 60%;
  }
}

.under-flow .detail .inner .fl figure figcaption {
  display: block;
  margin-top: 15px;
  text-align: center;
}

.under-flow .detail .inner .fl figure+div {
  width: calc(100% - 300px - 70px);
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-flow .detail .inner .fl figure+div {
    width: calc(100% - 200px - 70px);
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-flow .detail .inner .fl figure+div {
    width: calc(100% - 200px - 70px);
  }
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner .fl figure+div {
    margin-top: 35px;
    width: 100%;
  }
}

.under-flow .detail .inner .fl figure+div h4 {
  font-size: 2rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner .fl figure+div h4 {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 320px) {
  .under-flow .detail .inner .fl figure+div h4 {
    font-size: 1.6rem;
  }
}

.under-flow .detail .inner p {
  margin-top: 35px;
}

.under-flow .detail .inner figure.full {
  margin-top: 70px;
  display: block;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner figure.full {
    margin-top: 35px;
  }
}

.under-flow .detail .inner figure.full img {
  display: block;
  width: 100%;
}

.under-flow .detail .inner figure.full figcaption {
  margin-top: 15px;
  display: block;
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner figure.full figcaption {
    font-size: 1.8rem;
  }
}

.under-flow .detail .inner .flow-img {
  padding-bottom: 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-flow .detail .inner .flow-img {
    width: 850px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-flow .detail .inner .flow-img {
    width: 650px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner .flow-img {
    width: 300px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 320px) {
  .under-flow .detail .inner .flow-img {
    transform-origin: 0 0;
    transform: scale(0.9);
  }
}

.under-flow .detail .inner .flow-img::before {
  content: "";
  display: block;
  width: calc(100% - 20px);
  height: calc(100% - 30px);
  box-sizing: border-box;
  border: 2px solid #baccdb;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.under-flow .detail .inner .flow-img .arrow-1 {
  color: #baccdb;
  position: absolute;
  top: 74px;
  left: 4px;
  z-index: 15;
  transform: scale(1, -1);
  font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner .flow-img .arrow-1 {
    top: 70px;
  }
}

.under-flow .detail .inner .flow-img .arrow-2 {
  color: #baccdb;
  position: absolute;
  top: 10px;
  left: 684px;
  z-index: 15;
  transform: rotate(-90deg);
  font-size: 1.5rem;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-flow .detail .inner .flow-img .arrow-2 {
    left: auto;
    right: 240px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-flow .detail .inner .flow-img .arrow-2 {
    left: auto;
    right: 180px;
  }
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner .flow-img .arrow-2 {
    left: auto;
    right: 18px;
  }
}

.under-flow .detail .inner .flow-img .lb {
  margin-top: 50px;
  display: -webkit-flex;
  display: flex;
  width: 70%;
  max-width: 70%;
  padding: 0.5em;
  font-size: 1.8rem;
  font-weight: 700;
  background-color: #f0f5f6;
  border: 1px solid #999;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner .flow-img .lb {
    width: 90%;
    max-width: 90%;
    font-size: 1.4rem;
    line-height: 1.2;
    letter-spacing: -0.05em;
  }
}

.under-flow .detail .inner .flow-img .lb:nth-of-type(1) {
  margin-top: 0;
}

.under-flow .detail .inner .flow-img .lb.sub-lb {
  margin-top: 15px;
  width: calc(70% - 50px);
  max-width: calc(70% - 50px);
  margin-left: 50px;
  background-color: white;
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner .flow-img .lb.sub-lb {
    margin-left: 25px;
    width: calc(90% - 25px);
    max-width: calc(90% - 25px);
  }
}

.under-flow .detail .inner .flow-img .lb-2 {
  margin-top: 25px;
  margin-left: 100px;
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner .flow-img .lb-2 {
    margin-left: 50px;
    width: calc(90% - 50px);
    max-width: calc(90% - 50px);
  }
}

.under-flow .detail .inner .flow-img .lb-2::before {
  content: "";
  display: block;
  width: 85px;
  height: 2px;
  background-color: #baccdb;
  position: absolute;
  top: 50%;
  left: -85px;
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner .flow-img .lb-2::before {
    width: 40px;
    left: -40px;
  }
}

.under-flow .detail .inner .flow-img .lb-2::after {
  content: "▲";
  display: inline-block;
  color: #baccdb;
  font-size: 1.5rem;
  font-weight: normal;
  position: absolute;
  top: 50%;
  left: -90px;
  transform: translateY(-50%) rotate(-90deg);
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner .flow-img .lb-2::after {
    left: -40px;
  }
}

.under-flow .detail .inner .flow-img .mark-wrap {
  width: 70%;
  max-width: 70%;
  margin-top: 15px;
  margin-left: 100px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner .flow-img .mark-wrap {
    margin-left: 50px;
    width: calc(90% - 50px);
    max-width: calc(90% - 50px);
  }
}

.under-flow .detail .inner .flow-img .mark-wrap figure {
  display: block;
  width: 100px;
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner .flow-img .mark-wrap figure {
    width: 50px;
  }
}

.under-flow .detail .inner .flow-img .mark-wrap figure img {
  display: block;
  width: 100%;
}

.under-flow .detail .inner .flow-img .mark-wrap .exp {
  display: block;
  width: calc(100% - 100px - 25px);
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .under-flow .detail .inner .flow-img .mark-wrap .exp {
    width: calc(100% - 50px - 15px);
    font-size: 1.2rem;
    line-height: 1.4;
  }
}

@media screen and (max-width: 320px) {
  .under-flow .detail:nth-last-of-type(1) .inner {
    height: 730px;
    padding-bottom: 0 !important;
  }
}

.under-sr-merit .detail {
  margin-top: 15px;
  margin-bottom: 50px;
  background-color: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 767px) {
  .under-sr-merit .detail {
    max-width: 100%;
  }
}

.under-sr-merit .detail .inner {
  padding: 50px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-sr-merit .detail .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-sr-merit .detail .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 767px) {
  .under-sr-merit .detail .inner {
    padding: 25px 15px;
  }
}

@media screen and (max-width: 320px) {
  .under-sr-merit .detail .inner {
    padding: 25px 10px;
  }
}

.under-sr-merit .detail .inner p {
  margin-top: 35px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .under-sr-merit .detail .inner p {
    text-align: left;
  }
}

.under-sr-merit .merit-case {
  padding-bottom: 100px;
}

@media screen and (max-width: 767px) {
  .under-sr-merit .merit-case {
    max-width: 100%;
    padding-bottom: 50px;
  }
}

.under-sr-merit .merit-case h3 {
  display: table;
  margin: 0 auto;
  font-size: 3.3rem;
  font-weight: 700;
  color: #0053a7;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .under-sr-merit .merit-case h3 {
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 320px) {
  .under-sr-merit .merit-case h3 {
    font-size: 2rem;
  }
}

.under-sr-merit .merit-case h4 {
  margin-top: 70px;
  display: block;
  padding: 0.5em;
  background-color: #335598;
  color: white;
  font-size: 2.4rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .under-sr-merit .merit-case h4 {
    font-size: 1.8rem;
    margin-top: 35px;
  }
}

.under-sr-merit .merit-case .fl {
  margin-top: 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .under-sr-merit .merit-case .fl {
    margin-top: 35px;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
  }
}

.under-sr-merit .merit-case .fl figure {
  display: block;
  width: 280px;
}

@media screen and (max-width: 767px) {
  .under-sr-merit .merit-case .fl figure {
    width: 100%;
  }
}

.under-sr-merit .merit-case .fl figure img {
  display: block;
  width: 100%;
  height: 180px;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .under-sr-merit .merit-case .fl figure img {
    height: 200px;
  }
}

.under-sr-merit .merit-case .fl figure+div {
  width: calc(100% - 280px - 50px);
}

@media screen and (max-width: 767px) {
  .under-sr-merit .merit-case .fl figure+div {
    margin-top: 35px;
    width: auto;
  }
}

.under-sr-merit .merit-case .fl+p {
  margin-top: 50px;
  font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
  .under-sr-merit .merit-case .fl+p {
    margin-top: 35px;
    font-size: 1.6rem;
  }
}

.under-download .detail {
  margin-top: 15px;
  margin-bottom: 50px;
  background-color: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .under-download .detail {
    max-width: 100%;
  }
}

.under-download .detail .inner h3 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #2b8e3b;
}

@media screen and (max-width: 767px) {
  .under-download .detail .inner h3 {
    font-size: 2rem;
  }
}

.under-download .detail .inner h3:not(:nth-of-type(1)) {
  margin-top: 70px;
}

@media screen and (max-width: 767px) {
  .under-download .detail .inner .tb-scroll table {
    width: 500px !important;
  }
}

@media screen and (max-width: 320px) {
  .under-download .detail .inner .tb-scroll table {
    width: 420px !important;
  }
}

.under-download .detail .inner table {
  margin-top: 15px;
  width: 100%;
  -moz-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
}

.under-download .detail .inner table th,
.under-download .detail .inner table td {
  font-size: 1.4rem;
  padding: 0.5em;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
}

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

  .under-download .detail .inner table th,
  .under-download .detail .inner table td {
    padding: 0.5em 0.25em;
    font-size: 1.2rem;
  }
}

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

  .under-download .detail .inner table th,
  .under-download .detail .inner table td {
    font-size: 1.1rem;
  }
}

.under-download .detail .inner table th {
  background-color: #2b8e3b;
  color: white;
  font-weight: 700;
  text-align: center;
  border-right: 1px solid white;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .under-download .detail .inner table th {
    line-height: 1.3;
  }
}

.under-download .detail .inner table th:last-child {
  border-right: none;
}

.under-download .detail .inner table td {
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .under-download .detail .inner table td {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}

@media screen and (max-width: 320px) {
  .under-download .detail .inner table td {
    font-size: 1.1rem;
  }
}

.under-download .detail .inner table td:nth-of-type(1) {
  width: 5%;
  max-width: 5%;
}

.under-download .detail .inner table td:nth-of-type(2) {
  width: 35%;
  max-width: 35%;
}

.under-download .detail .inner table td:last-child {
  width: 17%;
  max-width: 17%;
}

.under-download .detail .inner table td .dlfile {
  display: inline-block;
  margin-right: 7px;
}

@media screen and (max-width: 767px) {
  .under-download .detail .inner table td .dlfile {
    display: block;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .under-download .detail .inner table td .dlfile:not(:nth-of-type(1)) {
    margin-top: 5px;
  }
}

.under-download .detail .inner table td .dlfile img {
  display: block;
  width: 36px;
}

@media screen and (max-width: 767px) {
  .under-download .detail .inner table td .dlfile img {
    width: 26px;
    margin: 0 auto;
  }
}

.under-download .detail .inner p {
  margin-top: 35px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .under-download .detail .inner p {
    text-align: left;
  }
}

.under-interview .interview {
  padding-top: 0;
  padding-bottom: 0;
}

.under-interview .interview .paging-wrap {
  margin-top: 100px;
}

.under-interview-detail .detail .int-main {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .under-interview-detail .detail .int-main {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.under-interview-detail .detail .int-main figure {
  display: block;
  width: 500px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-interview-detail .detail .int-main figure {
    width: 400px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-interview-detail .detail .int-main figure {
    width: 350px;
  }
}

@media screen and (max-width: 767px) {
  .under-interview-detail .detail .int-main figure {
    width: 100%;
  }
}

.under-interview-detail .detail .int-main figure img {
  display: block;
  width: 100%;
  -moz-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.15);
}

.under-interview-detail .detail .int-main figure+div {
  width: calc(100% - 500px - 70px);
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-interview-detail .detail .int-main figure+div {
    width: calc(100% - 400px - 50px);
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-interview-detail .detail .int-main figure+div {
    width: calc(100% - 350px - 50px);
  }
}

@media screen and (max-width: 767px) {
  .under-interview-detail .detail .int-main figure+div {
    margin-top: 35px;
    width: auto;
  }
}

.under-interview-detail .detail .int-main figure+div h3 {
  display: block;
  padding-left: 25px;
  font-size: 2.6rem;
  font-weight: 700;
  border-left: 12px solid #f8b62d;
  line-height: 1.3;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-interview-detail .detail .int-main figure+div h3 {
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 767px) {
  .under-interview-detail .detail .int-main figure+div h3 {
    font-size: 2.1rem;
    border-left-width: 9px;
  }
}

@media screen and (max-width: 320px) {
  .under-interview-detail .detail .int-main figure+div h3 {
    font-size: 1.9rem;
    letter-spacing: -.05em;
  }
}

.under-interview-detail .detail .int-main figure+div h3 .kana {
  display: block;
  font-size: 1.5rem;
  font-weight: normal;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-interview-detail .detail .int-main figure+div h3 .kana {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 767px) {
  .under-interview-detail .detail .int-main figure+div h3 .kana {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 320px) {
  .under-interview-detail .detail .int-main figure+div h3 .kana {
    font-size: 1.1rem;
  }
}

.under-interview-detail .detail .int-main figure+div .mark {
  margin-top: 35px;
  display: -webkit-flex;
  display: flex;
}

.under-interview-detail .detail .int-main figure+div .mark img {
  margin-right: 25px;
  display: block;
  width: 80px;
  box-shadow: none;
}

@media screen and (max-width: 767px) {
  .under-interview-detail .detail .int-main figure+div .mark img {
    margin-right: 15px;
    width: 60px;
  }
}

.under-interview-detail .detail .int-main figure+div .mark img:last-child {
  margin-right: 0;
}

.under-interview-detail .detail .int-main figure+div p {
  margin-top: 35px;
}

.under-interview-detail .detail .int-blk {
  margin-top: 70px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .under-interview-detail .detail .int-blk {
    margin-top: 50px;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
  }
}

.under-interview-detail .detail .int-blk:nth-of-type(2n) {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
  .under-interview-detail .detail .int-blk:nth-of-type(2n) {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.under-interview-detail .detail .int-blk figure {
  display: block;
  width: 420px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-interview-detail .detail .int-blk figure {
    width: 300px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-interview-detail .detail .int-blk figure {
    width: 240px;
  }
}

@media screen and (max-width: 767px) {
  .under-interview-detail .detail .int-blk figure {
    width: 100%;
  }
}

.under-interview-detail .detail .int-blk figure img {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: cover;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-interview-detail .detail .int-blk figure img {
    height: 240px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-interview-detail .detail .int-blk figure img {
    height: 200px;
  }
}

@media screen and (max-width: 767px) {
  .under-interview-detail .detail .int-blk figure img {
    height: 200px;
  }
}

.under-interview-detail .detail .int-blk figure+div {
  width: calc(100% - 420px - 70px);
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-interview-detail .detail .int-blk figure+div {
    width: calc(100% - 340px - 30px);
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-interview-detail .detail .int-blk figure+div {
    width: calc(100% - 240px - 30px);
  }
}

@media screen and (max-width: 767px) {
  .under-interview-detail .detail .int-blk figure+div {
    margin-top: 35px;
    width: auto;
  }
}

.under-interview-detail .detail .int-blk figure+div h4 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .under-interview-detail .detail .int-blk figure+div h4 {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 320px) {
  .under-interview-detail .detail .int-blk figure+div h4 {
    font-size: 1.5rem;
  }
}

.under-interview-detail .detail .int-blk figure+div p {
  margin-top: 35px;
}

.under-interview-detail .business-int {
  margin-top: 70px;
  padding-bottom: 70px;
  background-color: #fdeacc;
}

@media screen and (max-width: 767px) {
  .under-interview-detail .business-int {
    margin-top: 40px;
    padding-bottom: 40px;
  }
}

.under-interview-detail .business-int-ttl {
  padding: 35px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f7931e;
  font-size: 3.6rem;
  font-weight: 700;
  color: white;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-interview-detail .business-int-ttl {
    font-size: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .under-interview-detail .business-int-ttl {
    padding: 35px 15px;
    font-size: 2rem;
    text-align: center;
  }
}

@media screen and (max-width: 320px) {
  .under-interview-detail .business-int-ttl {
    padding: 25px 15px;
    font-size: 1.8rem;
  }
}

.under-interview-detail .business-int .lead {
  display: block;
  margin-top: 50px;
  padding-bottom: 50px;
  font-size: 1.6rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .under-interview-detail .business-int .lead {
    font-size: 1.5rem;
    text-align: left;
  }
}

.under-interview-detail .business-int .bus-leadimg img {
  display: block;
  max-width: 100%;
  margin: 0 auto 70px;
}

@media screen and (max-width: 767px) {
  .under-interview-detail .business-int .bus-leadimg img {
    width: 100%;
    margin-bottom: 40px;
  }
}

.under-interview-detail .business-int .bus-rp {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 50px 0;
  border-bottom: 1px solid #c7bdab;
}

@media screen and (max-width: 767px) {
  .under-interview-detail .business-int .bus-rp {
    padding: 20px 0;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.under-interview-detail .business-int .bus-rp:last-child {
  border-bottom: none;
}

.under-interview-detail .business-int .bus-rp figure {
  display: block;
  width: 400px;
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-interview-detail .business-int .bus-rp figure {
    width: 240px;
  }
}

@media screen and (max-width: 767px) {
  .under-interview-detail .business-int .bus-rp figure {
    width: 100%;
  }
}

.under-interview-detail .business-int .bus-rp figure img {
  display: block;
  width: 100%;
  height: auto;
  border: 10px solid white;
  box-sizing: border-box;
}

.under-interview-detail .business-int .bus-rp figure+div {
  width: calc(100% - 400px - 50px);
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-interview-detail .business-int .bus-rp figure+div {
    width: calc(100% - 240px - 50px);
  }
}

@media screen and (max-width: 767px) {
  .under-interview-detail .business-int .bus-rp figure+div {
    margin-top: 30px;
    width: auto;
  }
}

.under-interview-detail .business-int .bus-rp figure+div h4 {
  font-size: 2.1rem;
  font-weight: 700;
  color: #f8b62d;
}

@media screen and (max-width: 767px) {
  .under-interview-detail .business-int .bus-rp figure+div h4 {
    font-size: 1.8rem;
  }
}

.under-interview-detail .business-int .bus-rp figure+div p {
  display: block;
  margin-top: 30px;
}

.under-interview-detail .business-int .bus-rp figure+div .dt-btn {
  display: table;
  min-width: 300px;
  margin: 35px 0 0 auto;
  padding: .5em 2em;
  box-sizing: border-box;
  background-color: #f7931e;
  font-size: 2rem;
  color: white;
  text-align: center;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .under-interview-detail .business-int .bus-rp figure+div .dt-btn {
    width: 80%;
    min-width: initial;
    max-width: 80%;
    margin: 30px auto 0;
    font-size: 1.5rem;
  }
}

.under-interview-detail .business-int .corp-tb {
  margin-top: 50px;
  width: 100%;
  border: 1px solid #7e7e7e;
}

.under-interview-detail .business-int .corp-tb th,
.under-interview-detail .business-int .corp-tb td {
  padding: 0.75em 3em;
  background-color: white;
  border-bottom: 1px solid #7e7e7e;
}

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

  .under-interview-detail .business-int .corp-tb th,
  .under-interview-detail .business-int .corp-tb td {
    padding: 0.5em;
    line-height: 1.5;
  }
}

.under-interview-detail .business-int .corp-tb th {
  background-color: #efefef;
}

@media screen and (max-width: 767px) {
  .under-interview-detail .business-int .corp-tb th {
    width: 80px;
    max-width: 80%;
    box-sizing: border-box;
  }
}

.under-interview-detail .business-int .corp-tb tr:last-child th,
.under-interview-detail .business-int .corp-tb tr:last-child td {
  border-bottom: none;
}

.under-checkform .detail {
  margin-top: 15px;
  margin-bottom: 50px;
  background-color: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 767px) {
  .under-checkform .detail {
    max-width: 100%;
  }
}

.under-checkform .detail .inner {
  padding: 25px;
}

@media screen and (max-width: 1199px) and (min-width: 1040px) {
  .under-checkform .detail .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 1040px) and (min-width: 768px) {
  .under-checkform .detail .inner {
    padding: 25px;
  }
}

@media screen and (max-width: 767px) {
  .under-checkform .detail .inner {
    padding: 25px 15px;
  }
}

@media screen and (max-width: 320px) {
  .under-checkform .detail .inner {
    padding: 25px 10px;
  }
}

.under-checkform .detail .check-form h5 {
  margin-bottom: 5px;
  margin-top: 20px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #006CCB;
}

.under-checkform .detail .check-form h6 {
  text-align: left;
  margin: 0;
  color: white;
  background-color: #515151;
  padding: 10px 10px;
}

.under-checkform .detail .check-form table {
  border: 1px solid #969696;
}

.under-checkform .detail .check-form table.tb-base {
  margin-bottom: 50px;
}

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

  .under-checkform .detail .check-form table th,
  .under-checkform .detail .check-form table td {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    box-sizing: border-box;
    border-left: none;
    border-right: none;
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  .under-checkform .detail .check-form table tr:first-child th {
    border-top: none;
  }
}

.under-checkform .detail .check-form table th {
  font-weight: 700;
}

.under-checkform .detail .check-form table th .required {
  display: inline-block;
  margin-left: 0.75em;
  padding: 0.25em 0.5em;
  background-color: #ef4746;
  font-size: 1rem;
  color: white;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  line-height: 1.3;
}

.under-checkform .detail .check-form table td .blk+.blk {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .under-checkform .detail .check-form table td .inp-wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

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

  .under-checkform .detail .check-form table td input[type="text"],
  .under-checkform .detail .check-form table td input[type="number"],
  .under-checkform .detail .check-form table td select {
    width: 100% !important;
    max-width: 100% !important;
  }
}

a.btn9.btnConf.eventnone {
  pointer-events: none;
  background: #c4c4c4;
}

p.tyu {
  font-weight: bold;
  background: #fff6f6;
  text-align: center;
  padding: 20px;
  border-radius: 5px;
  border: solid #d30000 2px;
  font-size: 17px;
}

p.tyu span {
  color: #d30000;
}

.selfcheck .btn9 {
  /* background: #ddd;
  pointer-events: none; */
}

.pg-about .g-nav .active,
.pg-merit .g-nav .active,
.pg-searchmethod .g-nav .active,
.pg-howto .g-nav .active,
.pg-member .g-nav .active,
.pg-flow .g-nav .active,
.pg-sr-merit .g-nav .active {
  background-color: white;
  color: #006CCB;
}

.fv-bnr li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 34px;
  height: 34px;
  max-height: 34px;
  padding-top: 0;
  background-color: #4a99e9;
  color: white;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 2rem;
  box-sizing: border-box;
  margin-right: 0.5em;
  margin-bottom: 5px;
}

.fv-bnr li a {
  color: white;
}

@media screen and (max-width: 767px) {
  .fv-bnr li {
    width: 24px;
    height: 24px;
    max-height: 24px;
    font-size: 1.4rem;
  }
}

.under-selfcheck .privacy {
  text-align: left;
  line-height: 1.5;
  height: 150px;
  border: 1px solid #e7e7e7;
  padding: 10px;
  overflow-y: scroll;
  font-size: 1.3rem;
  background: #fff;
}