@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap);
@import url(https://use.fontawesome.com/releases/v5.0.6/css/all.css);
/*-----------------------------------------------------
■HTML5 display definitions
-----------------------------------------------------*/
section, footer, nav, article, aside, hgroup,
header, footer, figure, figcaption, details {
  display: block; }

video, audio, canvas {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

/*-----------------------------------------------------
■Sections
-----------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal; }

/*-----------------------------------------------------
■Grouping content
-----------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: 100%; }

p {
  mardgin-right: 0;
  text-justify: distribute;
  padding: 0px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1em;
  margin-left: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

pre {
  font-family: sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 0; }

ol, ul {
  list-style: none; }

li {
  list-style: none; }

dl {
  padding: 0;
  margin: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

code, samp, kbd {
  font-family: monospace, sans-serif; }

mark {
  color: black;
  background-color: yellow; }

sub, sup {
  font-size: 0.83em;
  line-height: 0;
  vertical-align: baseline;
  position: relative; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

br {
  letter-spacing: normal; }

img {
  border: 0;
  vertical-align: bottom;
  text-align: right;
  -ms-interpolation-mode: bicubic; }

svg:not(:root) {
  overflow: hidden; }

caption {
  padding: 0;
  text-align: left; }

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

th, td {
  text-align: left;
  vertical-align: baseline;
  padding: 0; }

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

object, embed {
  vertical-align: top; }

legend {
  display: none; }

abbr, acronym, fieldset {
  border: 0; }

address {
  font-style: normal; }

/*-----------------------------------------------------
■Form
-----------------------------------------------------*/
form {
  margin: 0; }

fieldset {
  border: 0;
  padding: 0;
  margin: 0; }

legend {
  border: 0;
  *margin-left: -7px; }

input, button, select, textarea {
  font-family: inherit;
  font-size: 1em;
  color: inherit;
  margin: 0; }

input, button {
  line-height: normal;
  vertical-align: inherit;
  *vertical-align: middle; }

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

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

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  vertical-align: middle; }

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
  vertical-align: middle; }

select {
  background-color: inherit;
  line-height: normal; }

textarea {
  vertical-align: top;
  overflow: auto;
  *font-family: sans-serif; }

/*----------------------------------------------------
■link color
----------------------------------------------------*/
a:link {
  color: #0066CC;
  text-decoration: none;
  outline: none; }

a:visited {
  color: #0066CC;
  text-decoration: none;
  outline: none; }

a:hover {
  text-decoration: none;
  outline: none;
  color: #0066CC; }

a:active {
  color: #0066CC;
  text-decoration: underline;
  outline: none; }

/* -----------------------------------------------------------
■WEBfonts
----------------------------------------------------------- */
.clear-type {
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 1.01);
  -moz-transform-origin: 0 0;
  -moz-transform: scale(1, 1.01);
  -ms-transform-origin: 0 0;
  -ms-transform: scale(1, 1.02);
  /* IE9だけ1.02 */
  -o-transform-origin: 0 0;
  -o-transform: scale(1, 1.01); }

/*-----------------------------------------------------
■clear
-----------------------------------------------------*/
.clear {
  clear: both; }

/*-----------------------------------------------------
■clearfix
-----------------------------------------------------*/
.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

/*IE6,7対策 （haslayout対策）*/
.clearfix {
  *zoom: 1; }

/* -----------------------------------------------------------
■画像hover
----------------------------------------------------------- */
a.overwhite:hover img {
  cursor: pointer;
  filter: alpha(opacity=60);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=60)";
  /* ie 8 */
  -moz-opacity: 0.7;
  /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.7;
  /* Safari 1.x */
  opacity: 0.7;
  zoom: 1; }

/* -----------------------------------------------------------
■文字
----------------------------------------------------------- */
p.overflow {
  overflow: hidden; }

/* -----------------------------------------------------------
■配置
----------------------------------------------------------- */
.img_rwd_r {
  float: right;
  margin-left: 50px;
  margin-bottom: 20px;
  overflow: auto;
  zoom: 1; }

.img_rwd_l {
  float: left;
  margin-right: 50px;
  margin-bottom: 20px;
  overflow: auto;
  zoom: 1; }

.img_rwd_img_cent {
  display: block;
  padding-bottom: 40px;
  overflow: auto;
  zoom: 1;
  text-align: center;
  margin: auto; }

html {
  font-size: 100%;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  margin: 0;
  scroll-behavior: smooth; }

body {
  font-family: 'Roboto','Noto Sans JP', sans-serif;
  color: #000;
  line-height: 1.5;
  _display: inline;
  _zoom: 1;
  text-align: justify;
  text-justify: inter-ideograph;
  margin: 0;
  height: 100%;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  padding: 0px;
  -webkit-font-smoothing: subpixel-antialiased; }

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

.img_max {
  width: 100%;
  height: auto; }

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

.btnOver, .btnOver_a, .btnOver_option, .btnOver_search {
  text-align: center;
  font-weight: 600;
  width: 100%; }
  .btnOver a, .btnOver_a a, .btnOver_option a, .btnOver_search a {
    display: block;
    width: 100%;
    margin: auto;
    padding: 10px 0;
    text-align: center;
    border-radius: 5px;
    overflow: auto;
    zoom: 1;
    cursor: pointer; }
    .btnOver a:hover, .btnOver_a a:hover, .btnOver_option a:hover, .btnOver_search a:hover {
      cursor: pointer;
      filter: alpha(opacity=60);
      /* ie lt 8 */
      -ms-filter: "alpha(opacity=60)";
      /* ie 8 */
      zoom: 1;
      text-decoration: none; }

.btnOver_a {
  font-size: 1.1em; }
  .btnOver_a a {
    background-color: #007ebe;
    color: #fff; }
    .btnOver_a a:hover {
      -moz-opacity: 0.7;
      /* FF lt 1.5, Netscape */
      -khtml-opacity: 0.7;
      /* Safari 1.x */
      opacity: 0.7; }

.btnOver_option {
  font-size: 1em;
  margin: 0 0 10px 0; }
  .btnOver_option a {
    background-color: #FFF;
    color: #085181; }
    .btnOver_option a:hover {
      -moz-opacity: 0.85;
      /* FF lt 1.5, Netscape */
      -khtml-opacity: 0.85;
      /* Safari 1.x */
      opacity: 0.85; }

.btnOver_search {
  font-size: 1em;
  margin: 1rem 0;
  background: transparent; }
  .btnOver_search a {
    background-color: #FFF;
    color: #7a7a7a; }
    .btnOver_search a:hover {
      -moz-opacity: 0.85;
      /* FF lt 1.5, Netscape */
      -khtml-opacity: 0.85;
      /* Safari 1.x */
      opacity: 0.85; }

.sorimachi {
  position: absolute;
  top: 1rem;
  left: 1rem; }
  .sorimachi img {
    width: auto;
    height: 2.4rem; }

.shokokai {
  position: absolute;
  top: 0.8rem;
  right: 1rem; }
  .shokokai img {
    width: auto;
    height: 2.2rem; }

header {
  position: relative;
  margin: 0;
  padding: 5rem 0 0;
  background-image: url("/lp_info/img/bg_header.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 40% 50%; }
  header .inner {
    position: relative;
    margin: 0 auto;
    padding: 0;
    max-width: 760px;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    text-align: center; }
  header .l_container {
    width: 100%;
    height: auto;
    margin: 0;
    order: 2; }
    header .l_container img {
      margin: 0 auto;
      width: 80%; }
  header .r_container {
    display: flex;
    flex-direction: column;
    gap: 0.5rem 0;
    width: 100%;
    margin: 0 auto 0 0;
    order: 1; }
    header .r_container dt img {
      width: 70%;
      height: auto; }
    header .r_container dt strong {
      display: block;
      padding: 0.5rem 0 0;
      font-size: 1rem;
      font-weight: 700; }
    header .r_container dd ul {
      margin: 0 auto;
      width: fit-content; }
      header .r_container dd ul li {
        padding: 0 0.5em;
        color: #333;
        font-size: 1.2rem;
        font-weight: 500;
        text-align: left;
        background: linear-gradient(transparent 60%, #ff6 60%, #ff6 90%, transparent 90%); }
  header nav {
    display: flex;
    flex-direction: column;
    align-content: center;
    gap: 0.5rem 0;
    position: absolute;
    margin: auto;
    right: 0;
    bottom: 1.2rem;
    left: 0;
    width: 100%;
    background: transparent; }
    header nav a {
      display: block;
      margin: auto;
      line-height: 1em;
      font-weight: 700;
      border-radius: 8rem;
      text-align: center;
      box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.2);
      transition: width 0.2s ease, background 0.2s ease; }
  header .cv {
    padding: 1.2rem 0;
    width: 75%;
    color: #FFF;
    font-size: 1.1rem;
    background: rgba(232, 53, 41, 0.9); }
    header .cv:hover {
      width: 77%;
      background: #e83529; }
  header .catalog {
    padding: 0.8rem 0;
    width: 65%;
    color: #e83529;
    font-size: 1rem;
    background: rgba(255, 255, 255, 0.8);
                                  /*
border: 3px solid rgba(232,53,41,1);*/ }
    header .catalog:hover {
      width: 67%;
      background: white; }

main {
  position: relative;
  margin: 0;
  padding: 0; }

nav.menu {
  position: sticky;
  top: 0;
  margin: 0;
  padding: 0;
  background-color: #085181;
  z-index: 1111; }
  nav.menu .inner {
    display: flex;
    flex-direction: column;
    gap: 12px 0;
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
    height: auto;
    padding: 20px 1rem 24px 1rem; }
    nav.menu .inner a {
      position: relative;
      background-color: #fff;
      height: auto;
      box-shadow: 4px 4px #d6d6d6;
      padding: 10px 20px 10px 10px;
      font-weight: 700;
      line-height: 1.4;
      border-radius: 5px;
      font-size: 1.2rem; }
      nav.menu .inner a::after {
        font-family: "Font Awesome 5 Free";
        content: "\f105";
        position: absolute;
        top: calc(50% - 0.9rem);
        right: 15px;
        font-size: 1.5em;
        line-height: 1em;
        color: #036eb8;
        transition: right 0.2s ease; }
      nav.menu .inner a:link, nav.menu .inner a:visited {
        color: #000; }
      nav.menu .inner a:hover {
        color: #085181;
        transition: color .3s; }
        nav.menu .inner a:hover::after {
          right: 12px; }

section, footer {
  clear: both;
  margin: 0;
  padding: 0; }
  section::after, footer::after {
    content: "";
    display: block;
    clear: both; }
  section .inner, footer .inner {
    display: block;
    width: 100%;
    max-width: 1000px;
    height: auto;
    margin: 0 auto; }
    section .inner::after, footer .inner::after {
      content: "";
      display: block;
      clear: both; }
  section h1, footer h1 {
    clear: both;
    display: block; }
  section .imgbox, footer .imgbox {
    position: relative;
    clear: both;
    display: block;
    padding: 0 0 1.6rem; }
    section .imgbox::after, footer .imgbox::after {
      content: "";
      display: block;
      clear: both; }
    section .imgbox img, footer .imgbox img {
      float: right;
      margin: 0 1rem 2rem 3rem; }
    section .imgbox figure, footer .imgbox figure {
      float: right;
      display: flex;
      margin: 0 1rem 2rem 3rem; }
      section .imgbox figure img, footer .imgbox figure img {
        float: none;
        margin: 0 -10% 0 0; }

#lead {
  padding: 0 0 1.6rem;
  background-color: #e3e9ec; }
  #lead .inner {
    padding: 0 4.6875%; }
  #lead h1 {
    color: #085181;
    font-size: 1.6rem;
    margin: 0 0 30px 0;
    padding: 2em 0 0 0;
    text-align: center; }

#transfer {
  width: 100%;
  height: auto; }
  #transfer .inner {
    padding: 0 4.6875%; }
  #transfer h1 {
    color: #085181;
    font-size: 1.6rem;
    margin: 0 0 30px 0;
    padding: 2em 0 0 0;
    text-align: center; }
  #transfer .img_ill {
    min-width: 100%;
    margin: 0 0 20px 0; }

#contents_topics {
  margin: 50px 0 0 0;
  /*ページ内リンク分 */
  /*margin-top : 0px;*/
  /*padding-top : 70px;*/ }
  #contents_topics .inner {
    padding: 0 4.6875%; }
  #contents_topics h1 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    text-align: center;
    color: #12a2db;
    line-height: 1.1; }
    #contents_topics h1::before, #contents_topics h1::after {
      content: '';
      width: 3px;
      height: 60px;
      background-color: #12a2db;
      margin: 0 10px 0 10px; }
    #contents_topics h1::before {
      margin-right: 30px;
      transform: rotate(-35deg); }
    #contents_topics h1::after {
      margin-left: 30px;
      transform: rotate(35deg);
      font-weight: 900; }
  #contents_topics h2 {
    font-weight: 600;
    font-size: 1.6rem;
    color: #085181;
    margin: 30px 0 20px 0; }
    #contents_topics h2 span {
      font-weight: 600;
      font-size: 1.2rem;
      color: #000;
      margin: 0 30px 0 0; }
  #contents_topics h3 {
    font-weight: 600;
    font-size: 1.4rem;
    color: #007ebe;
    margin: 0 0 20px 0; }
  #contents_topics img {
    transition: 0.4s all;
    border-radius: 10px; }
    #contents_topics img:hover {
      transform: scale(1.1, 1.1);
      transition: 0.4s all; }
  #contents_topics .clm_2 {
    width: 100%;
    height: auto;
    margin-bottom: 50px; }
  #contents_topics .clm_2_r {
    width: 100%;
    height: auto;
    padding: 20px 0 20px 0; }
    #contents_topics .clm_2_r p {
      font-weight: 600; }
  #contents_topics .clm_2_l {
    width: 100%;
    height: auto;
    padding: 20px 0 20px 0; }
    #contents_topics .clm_2_l p {
      font-weight: 600; }

#contact {
  background-color: #7a7a7a;
  color: #FFF; }
  #contact .inner {
    padding: 1rem 4.6875%; }
  #contact h1 {
    text-align: center;
    font-size: 1rem; }

#contents_option {
  background-color: #085181;
  color: #FFF; }
  #contents_option .inner {
    padding: 0 4.6875% 1rem 4.6875%; }
  #contents_option .btn {
    justify-content: space-evenly;
    width: 100%;
    margin: 0;
    padding: 0; }
  #contents_option h1 {
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    line-height: 1.1;
    text-align: center;
    color: #FFF;
    margin: 0;
    padding: 2rem 0 20px 0; }
    #contents_option h1::before, #contents_option h1::after {
      content: '';
      width: 3px;
      height: 40px;
      background-color: #FFF; }
    #contents_option h1::before {
      margin-right: 30px;
      transform: rotate(-35deg); }
    #contents_option h1::after {
      margin-left: 30px;
      transform: rotate(35deg);
      font-weight: 900; }

#jcb_card {
  background-color: #007ebe;
  color: #FFF; }
  #jcb_card .inner {
    padding: 0 4.6875% 4.6875% 4.6875%;
    text-align: center; }
  #jcb_card h1 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    text-align: center;
    color: #FFF;
    margin: 0 0 30px 0;
    padding: 2rem 0 0 0; }
  #jcb_card h2 {
    font-size: 1rem;
    color: #FFF;
    margin: 0 0 30px 0;
    text-align: left; }
  #jcb_card img {
    width: 100%;
    max-width: 460px;
    margin: 0 auto 30px; }
  #jcb_card p {
    text-align: left; }
  #jcb_card ul {
    margin: 20px 0 30px 0;
    padding: 0 0 0 2rem;
    position: relative; }
  #jcb_card li {
    margin: 1rem 0;
    padding: 0;
    line-height: 1.1;
    text-align: left; }
    #jcb_card li::before {
      position: absolute;
      left: 0;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: '\f00c';
      color: #fff201; }

footer .inner {
  padding: 1rem 0 1rem 0;
  text-align: center;
  font-size: 0.8rem; }

#sub_image {
  position: relative;
  background-image: url("/lp_info/img/bg_header.jpg");
  background-size: cover; }
  #sub_image .inner {
    padding: 4rem 0 3rem;
    text-align: center; }
  #sub_image h1 {
    position: relative;
    margin: 30px 0 10px;
    padding: 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1em; }
    #sub_image h1.ma1::before {
      display: block;
      content: url("/lp_info/img/ma1_logo.svg");
      width: 12rem;
      height: auto;
      margin: 0 auto;
      padding: 0 0 0.8rem; }
  #sub_image h2 {
    margin: 0;
    padding: 0;
    color: #999;
    font-size: 0.8rem;
    font-weight: 700; }

#contents_seat_a h1,
#contents_seat_b h1 {
  color: #085181;
  font-size: 1.2rem;
  margin: 2em 0 30px 0; }
#contents_seat_a h2,
#contents_seat_b h2 {
  font-weight: 600;
  font-size: 1rem;
  color: #007ebe;
  margin: 50px 0 20px 0; }
#contents_seat_a h3,
#contents_seat_b h3 {
  font-weight: 600;
  font-size: 1.2rem;
  background-color: #007ebe;
  width: 100%;
  color: #FFF;
  padding: 10px;
  margin: 30px 0 20px 0; }

#contents_seat_a .inner {
  padding: 0 4.6875% 4.6875% 4.6875%; }
#contents_seat_a ul.imag_list {
  margin: 0;
  padding: 0;
  width: 100%; }
  #contents_seat_a ul.imag_list li {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    text-align: center; }

#contents_seat_b {
  background-color: #e7f4fa; }
  #contents_seat_b .inner {
    padding: 10px 4.6875%; }
  #contents_seat_b dl {
    margin: 0;
    padding: 0; }
  #contents_seat_b dt {
    margin: 0;
    padding: 0;
    color: #007ebe;
    font-weight: 500; }
  #contents_seat_b dd {
    margin: 0 0 20px 0;
    padding: 0; }

.op_tle {
  font-weight: 560;
  font-size: 2.5rem;
  margin: 30px 0 0 0; }

@media print, screen and (min-width: 600px) {
  .pc_br {
    display: none; }

  .sp_br {
    display: none; }

  header {
    padding: 2rem 0 0; }
    header .inner {
      flex-direction: row; }
    header .l_container {
      padding: 0;
      width: 50%;
      height: 100%;
      text-align: right; }
      header .l_container img {
        width: auto;
        height: 100%; }
    header .r_container {
      padding: 3rem 0 6rem;
      gap: 1.2rem 0;
      width: 50%; }
      header .r_container strong {
        padding: 0.8rem 0 0;
        font-size: 1.1rem; }
      header .r_container dd ul li {
        font-size: 1rem; }
    header nav {
      width: 90%;
      flex-direction: row;
      gap: 0 1rem;
      padding: 0 1rem; }
    header .cv {
      width: 65%; }
      header .cv:hover {
        width: 67%; }
    header .catalog {
      padding: 1.2rem 0;
      width: 35%; }
      header .catalog:hover {
        width: 37%; }

  #transfer p {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 350px 0 0; }
    #transfer p img {
      position: absolute;
      top: 0;
      right: 0;
      width: 300px;
      zoom: 1; }

  #contents_seat_a ul.imag_list li {
    width: 33%; } }
@media print, screen and (min-width: 640px) {
  header {
    padding: 1rem 0 0; }
    header .r_container {
      padding: 4rem 0 6rem;
      gap: 2rem 0;
      width: 50%; }
      header .r_container strong {
        padding: 0.8rem 0 0;
        font-size: 1.1rem; } }
@media print, screen and (min-width: 700px) {
  header nav {
    bottom: 2rem; } }
@media print, screen and (min-width: 1024px) {
  body {
    background-color: #f7f6f2;
    line-height: 1.7;
    min-width: 1024px;
    font-weight: 400;
    font-size: 16px; }

  img {
    -webkit-backface-visibility: hidden; }

  .sp {
    display: none; }

  .sp_br {
    display: none; }

  .btnOver_a a {
    width: 180px; }

  .btnOver_option {
    font-size: 1.3em; }
    .btnOver_option a {
      width: 300px; }

  .btnOver_search {
    font-size: 1.4em; }
    .btnOver_search a {
      width: 460px; }

  header {
    padding: 0; }
    header .sorimachi {
      top: 1rem;
      left: 1rem; }
      header .sorimachi img {
        width: auto;
        height: 2.8rem; }
    header .shokokai {
      top: 0.8rem;
      right: 1rem; }
      header .shokokai img {
        width: auto;
        height: 2.8rem; }
    header .inner {
      position: relative;
      width: 1000px;
      max-width: none;
      margin: 0 auto;
      padding: 0; }
      header .inner .l_container {
        width: 50%; }
      header .inner .r_container {
        padding: 7rem 0 0;
        width: 50%; }
        header .inner .r_container dt strong {
          padding: 0.8rem 0 0;
          font-size: 1.2rem; }
        header .inner .r_container dd ul {
          display: flex;
          flex-direction: column;
          gap: 0.5rem 0; }
          header .inner .r_container dd ul li {
            font-size: 1.4rem; }
      header .inner nav {
        width: 80%;
        bottom: 2.4rem;
        font-size: 1.3rem; }
      header .inner .cv {
        font-size: 1.3rem; }
      header .inner .catalog {
        font-size: 1.2rem; }

  nav.menu .inner {
    flex-direction: row;
    gap: 0 1rem;
    width: 1000px;
    max-width: none;
    padding: 20px; }
    nav.menu .inner a {
      width: 20%;
      padding: 30px 40px 30px 20px;
      font-size: 1.4rem; }
      nav.menu .inner a::after {
        top: calc(50% - 1.05rem); }

  #lead {
    text-align: center; }
    #lead .inner {
      padding: 30px 0;
      text-align: left; }
    #lead h1 {
      font-size: 1.8rem; }

  #transfer .inner {
    padding: 30px 0 60px; }
  #transfer h1 {
    font-size: 1.2rem;
    text-align: left; }
  #transfer p img {
    top: -3rem; }

  #contents_topics .inner {
    padding: 0 0 20px; }
  #contents_topics h1 {
    font-size: 2.3rem; }
    #contents_topics h1::before, #contents_topics h1::after {
      height: 40px; }
  #contents_topics h2 {
    font-size: 2.5rem;
    margin: 30px 0 30px 0; }
    #contents_topics h2 span {
      font-size: 1.5rem; }
  #contents_topics h3 {
    font-size: 1.9rem; }
  #contents_topics .clm_2 {
    display: block;
    width: 1000px;
    position: relative;
    padding-bottom: 100px; }
  #contents_topics .clm_2_r {
    width: 460px;
    min-height: 300px;
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    right: 0;
    top: 160px;
    filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.2)); }
  #contents_topics .clm_2_l {
    width: 460px;
    min-height: 300px;
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    left: 0;
    top: 160px;
    filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.2)); }

  #contents_option .inner {
    padding: 30px 0; }
  #contents_option .btn {
    display: flex;
    width: 750px;
    margin: 30px 125px 0 125px; }
  #contents_option h1 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    text-align: center;
    color: #FFF;
    margin: 0 0 30px 0; }
    #contents_option h1::before, #contents_option h1::after {
      content: '';
      width: 3px;
      height: 40px;
      background-color: #FFF; }
    #contents_option h1::before {
      margin-right: 30px;
      transform: rotate(-35deg); }
    #contents_option h1::after {
      margin-left: 30px;
      transform: rotate(35deg);
      font-weight: 900; }

  #jcb_card {
    margin: 0 0 30px 0;
    background-color: #007ebe;
    color: #FFF; }
    #jcb_card .inner {
      position: relative;
      padding: 30px 0; }
    #jcb_card h1 {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 2rem;
      text-align: center;
      color: #FFF;
      margin: 0 0 30px 0; }
    #jcb_card h2 {
      margin: 0 0 30px 0;
      font-size: 1.5rem;
      color: #FFF; }
    #jcb_card p {
      padding: 0 500px 1.6rem 0; }
    #jcb_card ul {
      margin: 20px 0 30px 0;
      padding: 0 500px 0 2rem;
      position: relative; }
    #jcb_card li {
      margin: 1rem 0 1rem 0;
      padding: 0px;
      line-height: 1.1; }
      #jcb_card li::before {
        position: absolute;
        left: 0;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: '\f00c';
        color: #fff201; }
    #jcb_card img {
      position: absolute;
      margin: auto;
      top: 0;
      right: 0;
      bottom: 0;
      overflow: auto;
      zoom: 1;
      width: 460px; }

  #contact {
    background-color: #7a7a7a;
    color: #FFF; }
    #contact .inner {
      padding: 30px 0; }
    #contact h1 {
      text-align: center;
      font-size: 1.3rem; }

  footer {
    margin: 0;
    padding: 0; }
    footer .inner {
      padding: 30px 0; }

  /* sub */
  #sub_image {
    background-image: url("/lp_info/img/bg_header.jpg");
    background-size: cover; }
    #sub_image .inner {
      padding: 90px 1.6rem;
      text-align: left; }
    #sub_image h1 {
      margin: 0 0 0.5rem;
      font-size: 2.5rem; }
      #sub_image h1.ma1::before {
        margin: 0; }
    #sub_image h2 {
      font-size: 1.2rem; }

  #contents_seat_a .inner,
  #contents_seat_b .inner {
    padding: 30px 0; }
  #contents_seat_a h1,
  #contents_seat_b h1 {
    color: #085181;
    font-size: 1.5rem;
    margin: 2em 0 30px 0; }
  #contents_seat_a h2,
  #contents_seat_b h2 {
    font-weight: 600;
    font-size: 1.2rem;
    color: #007ebe;
    margin: 30px 0 20px 0; }
  #contents_seat_a h3,
  #contents_seat_b h3 {
    font-weight: 600;
    font-size: 1.2rem;
    background-color: #007ebe;
    color: #FFF;
    padding: 10px;
    margin: 30px 0 20px 0; }

  #contents_seat_a ul.imag_list {
    margin: 0;
    padding: 0; }
    #contents_seat_a ul.imag_list li {
      margin: 0;
      padding: 0;
      float: left;
      width: 333px;
      text-align: center; }

  #contents_seat_b {
    background-color: #e7f4fa; }
    #contents_seat_b dl {
      margin: 0;
      padding: 0; }
    #contents_seat_b dt {
      margin: 0;
      padding: 0;
      color: #007ebe;
      font-weight: 500; }
    #contents_seat_b dd {
      margin: 0 0 20px 0;
      padding: 0; }

  .op_tle {
    font-weight: 560;
    font-size: 2.5rem; } }
/*-----------------------------------------------------
 common style font-size
-----------------------------------------------------*/
.fs1 {
  font-size: 80%; }

.fs2 {
  font-size: 90%; }

.fs3 {
  font-size: 110%; }

.fs4 {
  font-size: 140%; }

.fs5 {
  font-size: 220%; }

/*-----------------------------------------------------
 common style font-weight
-----------------------------------------------------*/
.fw1 {
  font-family: 'Roboto','Noto Sans JP', sans-serif;
  font-weight: 600; }

/*-----------------------------------------------------
 common style txt_img aline
-----------------------------------------------------*/
.txt_left {
  text-align: left; }

.txt_cent {
  text-align: center; }

.txt_right {
  text-align: right; }

.img_cent {
  text-align: center;
  display: block;
  margin: auto; }

.img_right {
  display: block;
  margin-left: auto; }

/*-----------------------------------------------------
 common style margin & padding
-----------------------------------------------------*/
.marB5 {
  margin-bottom: 5px; }

.marB10 {
  margin-bottom: 10px; }

.marB15 {
  margin-bottom: 15px; }

.marB20 {
  margin-bottom: 20px; }

.marB25 {
  margin-bottom: 25px; }

.marB30 {
  margin-bottom: 30px; }

.marB35 {
  margin-bottom: 35px; }

.marB50 {
  margin-bottom: 50px; }

.marT5 {
  margin-top: 5px; }

.marT10 {
  margin-top: 10px; }

.marT15 {
  margin-top: 15px; }

.marT20 {
  margin-top: 20px; }

.marT25 {
  margin-top: 25px; }

.marT30 {
  margin-top: 30px; }

.marT35 {
  margin-top: 35px; }

.marT45 {
  margin-top: 45px; }

.marL5 {
  margin-left: 5px; }

.marL10 {
  margin-left: 10px; }

.marL15 {
  margin-left: 15px; }

.marL20 {
  margin-left: 20px; }

.marL25 {
  margin-left: 25px; }

.marL30 {
  margin-left: 30px; }

.marL35 {
  margin-left: 35px; }

.marR5 {
  margin-right: 5px; }

.marR10 {
  margin-right: 10px; }

.marR15 {
  margin-right: 15px; }

.marR20 {
  margin-right: 20px; }

.marR25 {
  margin-right: 25px; }

.marR30 {
  margin-right: 30px; }

.marR35 {
  margin-right: 35px; }

.padT5 {
  padding-top: 5px; }

.padT10 {
  padding-top: 10px; }

.padT15 {
  padding-top: 15px; }

.padT20 {
  padding-top: 20px; }

.padT25 {
  padding-top: 25px; }

.padT30 {
  padding-top: 30px; }

.padT35 {
  padding-top: 35px; }

.padB5 {
  padding-bottom: 5px; }

.padB10 {
  padding-bottom: 10px; }

.padB15 {
  padding-bottom: 15px; }

.padB20 {
  padding-bottom: 20px; }

.padB25 {
  padding-bottom: 25px; }

.padB30 {
  padding-bottom: 30px; }

.padB35 {
  padding-bottom: 35px; }

.padB50 {
  padding-bottom: 50px; }

/*-----------------------------------------------------
 common style width
-----------------------------------------------------*/
.w20 {
  width: 20px; }

.w60 {
  width: 60px; }

.w80 {
  width: 80%; }

.w100 {
  width: 100px; }

.w120 {
  width: 120px; }

.w200 {
  width: 200px; }

.w300 {
  width: 300px; }

.w455 {
  width: 455px; }

/*-----------------------------------------------------
 img
-----------------------------------------------------*/
.max80 {
  max-width: 80%; }

/*-----------------------------------------------------
Link Button
-----------------------------------------------------*/
.linkpdf a {
  background: url(../img/icon_pdf.gif) no-repeat left center;
  padding-left: 20px;
  margin-left: 5px; }

.linkmail a {
  background: url(../img/icon_mail.gif) no-repeat left center;
  padding-left: 20px;
  margin-left: 5px; }

.linkie a {
  background: url(../img/icon_ie.gif) no-repeat left center;
  padding-left: 20px;
  margin-left: 5px; }

.linkword a {
  background: url(../img/icon_word.gif) no-repeat left center;
  padding-left: 20px;
  margin-left: 5px; }

.linkxls a {
  background: url(../img/icon_excel.gif) no-repeat left 1px;
  padding-left: 20px;
  margin-left: 5px; }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }