@charset "UTF-8";
/*----------------------------------------
       Reset
----------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  box-sizing: border-box;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

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

ul, li {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  outline: none; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

html {
  font-size: 62.5%; }

body {
  font-size: 1.6rem;
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  font-weight: 400;
  word-wrap: break-word;
  color: #505050; }
  body.menu-active {
    height: 100vw;
    overflow: hidden; }

img {
  width: 100%;
  line-height: 0;
  vertical-align: bottom; }

a {
  color: #505050;
  text-decoration: none;
  transition: all .2s ease-in-out; }

a:hover,
a:active {
  text-decoration: underline; }

a img {
  border: none; }

a.over:hover,
a:hover img,
input.over:hover {
  text-decoration: none;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
  opacity: .7; }

a.skip {
  color: #003377;
  background-color: #FFFFFF;
  text-align: center;
  padding: 2px 0;
  top: auto; }

.skip {
  width: 1px;
  color: #000000;
  font-size: 0.1%;
  line-height: 0.1;
  background-color: #FFFFFF;
  position: absolute;
  left: -3000px;
  z-index: 9999; }

.red {
  color: #ff003c; }

@media only screen and (min-width: 420px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }
sup {
  font-size: 70%;
  vertical-align: top; }

.only_sp {
  display: inherit; }
  @media only screen and (min-width: 768px) {
    .only_sp {
      display: none; } }

.only_pc {
  display: none; }
  @media only screen and (min-width: 768px) {
    .only_pc {
      display: inherit; } }

.contents {
  padding-top: 16vw; }
  @media only screen and (min-width: 1000px) {
    .contents {
      padding-top: calc(95 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .contents {
      padding-top: 100px; } }

a.btn-skyblue {
  display: block;
  width: 66.66vw;
  min-height: 13.33vw;
  line-height: 1.3em;
  border-radius: 6.7vw;
  color: #fff !important;
  text-align: center;
  font-size: 4vw;
  font-weight: bold;
  background: #5ebef9 url("../img/common/btn_arrow_w.svg") center right 8% no-repeat;
  background-size: 1.5vw auto;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media only screen and (min-width: 768px) {
    a.btn-skyblue {
      width: calc(350 / 1380 * 100vw);
      min-height: calc(80 / 1380 * 100vw);
      border-radius: calc(40 / 1380 * 100vw);
      font-size: calc(20 / 1380 * 100vw);
      background-size: calc(7 / 1380 * 100vw) auto; } }
  @media only screen and (min-width: 1380px) {
    a.btn-skyblue {
      width: 350px;
      min-height: 80px;
      border-radius: 40px;
      font-size: 2rem;
      background-size: 7px auto; } }
  a.btn-skyblue:hover {
    opacity: 0.8;
    text-decoration: none; }
  a.btn-skyblue.pdf {
    background: #5ebef9 url("../img/common/btn_pdf_w.svg") center right 7% no-repeat;
    background-size: 1.2em auto; }
    @media only screen and (min-width: 768px) {
      a.btn-skyblue.pdf {
        background-size: calc(23 / 1380 * 100vw) auto; } }
    @media only screen and (min-width: 1380px) {
      a.btn-skyblue.pdf {
        background-size: 23px auto; } }
  a.btn-skyblue.browser {
    background: #5ebef9 url("../img/common/btn_browser_w.svg") center right 6% no-repeat;
    background-size: 1.2em auto; }
    @media only screen and (min-width: 768px) {
      a.btn-skyblue.browser {
        background-size: calc(21 / 1380 * 100vw) auto; } }
    @media only screen and (min-width: 1380px) {
      a.btn-skyblue.browser {
        background-size: 21px auto; } }
  a.btn-skyblue.center {
    margin: 1.5em auto 0; }

a.btn-white {
  display: block;
  width: 66.66vw;
  min-height: 13.33vw;
  line-height: 1.3em;
  border-radius: 6.7vw;
  color: #5ebef9;
  text-align: center;
  font-size: 4vw;
  font-weight: bold;
  background: #FFF url("../img/common/btn_arrow_sb.svg") center right 8% no-repeat;
  background-size: 1.5vw auto;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media only screen and (min-width: 768px) {
    a.btn-white {
      width: calc(350 / 1380 * 100vw);
      min-height: calc(80 / 1380 * 100vw);
      border-radius: calc(40 / 1380 * 100vw);
      font-size: calc(20 / 1380 * 100vw);
      background-size: calc(7 / 1380 * 100vw) auto; } }
  @media only screen and (min-width: 1380px) {
    a.btn-white {
      width: 350px;
      min-height: 80px;
      border-radius: 40px;
      font-size: 2rem;
      background-size: 7px auto; } }
  a.btn-white:hover {
    opacity: 0.8;
    text-decoration: none; }
  a.btn-white.pdf {
    background: #FFF url("../img/common/btn_pdf_b.svg") center right 7% no-repeat;
    background-size: 1.2em auto; }
    @media only screen and (min-width: 768px) {
      a.btn-white.pdf {
        background-size: calc(23 / 1380 * 100vw) auto; } }
    @media only screen and (min-width: 1380px) {
      a.btn-white.pdf {
        background-size: 23px auto; } }
  a.btn-white.browser {
    background: #FFF url("../img/common/btn_browser_b.svg") center right 6% no-repeat;
    background-size: 1.2em auto; }
    @media only screen and (min-width: 768px) {
      a.btn-white.browser {
        background-size: calc(21 / 1380 * 100vw) auto; } }
    @media only screen and (min-width: 1380px) {
      a.btn-white.browser {
        background-size: 21px auto; } }

a.btn-line_skyblue {
  display: block;
  width: 66.66vw;
  min-height: 13.33vw;
  line-height: 1.3em;
  border-radius: 6.7vw;
  color: #5ebef9;
  text-align: center;
  font-size: 4vw;
  font-weight: bold;
  background: #FFF url("../img/common/btn_arrow_sb.svg") center right 7% no-repeat;
  background-size: 1.5vw auto;
  border: 1px solid #5ebef9;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media only screen and (min-width: 768px) {
    a.btn-line_skyblue {
      width: calc(350 / 1380 * 100vw);
      min-height: calc(80 / 1380 * 100vw);
      border-radius: calc(40 / 1380 * 100vw);
      font-size: calc(20 / 1380 * 100vw);
      background-size: calc(7 / 1380 * 100vw) auto; } }
  @media only screen and (min-width: 1380px) {
    a.btn-line_skyblue {
      width: 350px;
      min-height: 80px;
      border-radius: 40px;
      font-size: 2rem;
      background-size: 7px auto; } }
  a.btn-line_skyblue:hover {
    opacity: 0.8;
    text-decoration: none; }

.btn-close {
  display: block;
  width: 66.66vw;
  min-height: 13.33vw;
  line-height: 1.3em;
  border-radius: 6.7vw;
  color: #fff;
  text-align: center;
  font-size: 4vw;
  font-weight: bold;
  background: #bbbbbb;
  background-size: 1.5vw auto;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media only screen and (min-width: 768px) {
    .btn-close {
      width: calc(350 / 1380 * 100vw);
      min-height: calc(80 / 1380 * 100vw);
      border-radius: calc(40 / 1380 * 100vw);
      font-size: calc(20 / 1380 * 100vw);
      background-size: calc(7 / 1380 * 100vw) auto; } }
  @media only screen and (min-width: 1380px) {
    .btn-close {
      width: 350px;
      min-height: 80px;
      border-radius: 40px;
      font-size: 2rem;
      background-size: 7px auto; } }

.btn_22em {
  width: 22em !important; }

.effect-fade-upin {
  opacity: 0; }

.effect-fade-upin.active {
  animation: fadeupIn 0.5s ease-out both; }

@keyframes fadeupIn {
  0% {
    opacity: 0;
    transform: translateY(70px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.effect-fade-in {
  opacity: 0; }

.effect-fade-in.active {
  animation: fadeIn 1s ease-out 0.2s both; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/*******　ヘッダー　*******/
.header {
  width: 100vw;
  height: 16vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9900; }
  @media only screen and (min-width: 1000px) {
    .header {
      width: 100%;
      height: calc(100 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .header {
      height: 100px; } }
  .header-inner {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 0px 1px 2px -1px #777777; }
    .header-inner-logo {
      width: 44.66vw;
      margin: 4.13vw 0 0 2.32vw; }
      @media only screen and (min-width: 1000px) {
        .header-inner-logo {
          width: calc(280 / 1380 * 100vw);
          margin: calc(25 / 1380 * 100vw) 0 calc(20 / 1380 * 100vw) calc(50 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .header-inner-logo {
          width: 320px;
          margin: 25px 0 20px 50px; } }
    .header-inner .sp-menu-btn {
      width: 16vw;
      height: 16vw;
      background: url("../img/common/menu_btn_open_sp.png") 0 0 no-repeat;
      background-size: cover; }
      @media only screen and (min-width: 1000px) {
        .header-inner .sp-menu-btn {
          display: none; } }
      .header-inner .sp-menu-btn.active {
        background: url("../img/common/menu_btn_close_sp.png") 0 0 no-repeat;
        background-size: cover; }
    .header-inner .header-link-pc {
      display: none; }
      @media only screen and (min-width: 1000px) {
        .header-inner .header-link-pc {
          display: flex;
          margin: calc(25 / 1380 * 100vw) calc(50 / 1380 * 100vw) 0 0; } }
      @media only screen and (min-width: 1380px) {
        .header-inner .header-link-pc {
          margin: 25px 50px 0 0; } }
      .header-inner .header-link-pc li {
        font-size: 1.4rem;
        margin-right: 16px; }
        .header-inner .header-link-pc li.link a::before {
          content: url("../img/common/icon_chain.svg");
          display: inline-block;
          vertical-align: middle;
          width: 14px;
          margin-right: 2px; }
        .header-inner .header-link-pc li.sitemap a::before {
          content: url("../img/common/icon_map.svg");
          display: inline-block;
          vertical-align: middle;
          width: 18px;
          margin-right: 2px; }
        .header-inner .header-link-pc li.contact a::before {
          content: url("../img/common/icon_mail.svg");
          display: inline-block;
          width: 14px;
          margin-right: 2px; }
        .header-inner .header-link-pc li:last-child {
          margin-right: 0; }

/*******　ナビゲーションメニュー　*******/
.header-nav {
  z-index: 8888;
  position: fixed;
  top: 16vw;
  left: 0;
  width: 100vw;
  background-color: #5ebef9;
  transition: all 0.5s ease; }
  @media only screen and (min-width: 1000px) {
    .header-nav {
      z-index: 9999;
      left: inherit;
      background-color: transparent;
      transition: unset;
      width: 1140px;
      right: 50px;
      top: 40px; } }
  .header-nav.active {
    top: 16vw;
    height: 100vh;
    overflow-y: auto; }
    @media only screen and (min-width: 1000px) {
      .header-nav.active {
        top: 0; } }
    .header-nav.active .header-nav-links {
      display: block; }
  .header-nav .header-nav-links {
    display: none; }
    @media only screen and (min-width: 1000px) {
      .header-nav .header-nav-links {
        display: flex;
        position: absolute;
        right: 0; } }
    .header-nav .header-nav-links li {
      border-bottom: 1px solid #5ebef9;
      background-color: #fff; }
      @media only screen and (min-width: 1000px) {
        .header-nav .header-nav-links li {
          border: none;
          margin-right: calc(30 / 1380 * 100vw);
          position: relative;
          background-color: transparent; } }
      @media only screen and (min-width: 1380px) {
        .header-nav .header-nav-links li {
          margin-right: 30px;
          display: block; } }
      .header-nav .header-nav-links li:last-child {
        margin-right: 0; }
      .header-nav .header-nav-links li p, .header-nav .header-nav-links li a {
        display: block;
        padding: 6vw 11vw 6vw 7.5vw;
        line-height: 0;
        color: #5ebef9;
        background-color: #fff;
        font-size: 4vw;
        font-weight: bold; }
        @media only screen and (min-width: 1000px) {
          .header-nav .header-nav-links li p, .header-nav .header-nav-links li a {
            padding: calc(22 / 1380 * 100vw) 0;
            background-color: transparent;
            color: #505050;
            font-size: calc(16 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .header-nav .header-nav-links li p, .header-nav .header-nav-links li a {
            padding: 30px 0;
            font-size: 1.6rem; } }
      .header-nav .header-nav-links li p {
        background: url("../img/common/sp_nav_plus.svg") center right 4.66vw no-repeat;
        background-size: 6.66vw auto; }
        @media only screen and (min-width: 1000px) {
          .header-nav .header-nav-links li p {
            padding-right: 17px;
            background: url("../img/common/arrow_dwn.svg") center right no-repeat;
            background-size: 12px auto; } }
        .header-nav .header-nav-links li p.active {
          background: url("../img/common/sp_nav_minus.svg") center right 4.66vw no-repeat;
          background-size: 6.66vw auto; }
          @media only screen and (min-width: 1000px) {
            .header-nav .header-nav-links li p.active {
              background: url("../img/common/arrow_dwn.svg") center right no-repeat;
              background-size: 12px auto; } }
      .header-nav .header-nav-links li.about a, .header-nav .header-nav-links li.activity a {
        background: url("../img/common/sp_nav_arrow.svg") center right 4.66vw no-repeat;
        background-size: 6.66vw auto; }
        @media only screen and (min-width: 1000px) {
          .header-nav .header-nav-links li.about a, .header-nav .header-nav-links li.activity a {
            background-image: none; } }
      .header-nav .header-nav-links li .dropdown-list {
        display: none; }
        .header-nav .header-nav-links li .dropdown-list.active {
          display: block; }
        @media only screen and (min-width: 1000px) {
          .header-nav .header-nav-links li .dropdown-list {
            width: calc(320 / 1380 * 100vw);
            position: absolute;
            top: calc(40 / 1380 * 100vw);
            left: 0; } }
        @media only screen and (min-width: 1380px) {
          .header-nav .header-nav-links li .dropdown-list {
            width: 320px;
            top: 60px; } }
        @media only screen and (min-width: 1000px) {
          .header-nav .header-nav-links li .dropdown-list li {
            margin-right: 0; } }
        .header-nav .header-nav-links li .dropdown-list li a {
          display: block;
          padding: 1.2em 0 1.2em 3em;
          background-color: #fff;
          font-size: 4vw; }
          @media only screen and (min-width: 1000px) {
            .header-nav .header-nav-links li .dropdown-list li a {
              padding: 10px 10px;
              background-color: #D7ECF8;
              font-size: calc(16 / 1380 * 100vw);
              line-height: 1.2;
              border-bottom: 1px solid #5ebef9; } }
          @media only screen and (min-width: 1380px) {
            .header-nav .header-nav-links li .dropdown-list li a {
              padding: 15px 15px;
              font-size: 1.6rem; } }
          @media only screen and (min-width: 1000px) {
            .header-nav .header-nav-links li .dropdown-list li a:hover {
              text-decoration: none;
              background-color: #5ebef9;
              color: #fff; } }
        .header-nav .header-nav-links li .dropdown-list li:first-child {
          border-top: 1px solid #5ebef9; }
          @media only screen and (min-width: 1000px) {
            .header-nav .header-nav-links li .dropdown-list li:first-child {
              border-top: none; } }
        .header-nav .header-nav-links li .dropdown-list li:last-child {
          border-bottom: none; }
      @media only screen and (min-width: 1000px) {
        .header-nav .header-nav-links li:hover {
          cursor: pointer; } }
      @media only screen and (min-width: 1000px) {
        .header-nav .header-nav-links li:hover .dropdown-list {
          display: block; } }
  .header-nav .header-link-sp {
    display: none;
    flex-wrap: wrap;
    padding: 6.66vw 7.5vw; }
    .header-nav .header-link-sp.active {
      display: flex; }
    .header-nav .header-link-sp a {
      font-size: 3.3vw;
      font-weight: bold;
      color: #fff;
      padding: 0 0.15em 0 0; }
      .header-nav .header-link-sp a.policy::after {
        content: '';
        /*何も入れない*/
        display: inline-block;
        width: 1.3em;
        /*画像の幅*/
        height: 1em;
        /*画像の高さ*/
        background-image: url(../img/common/btn_browser_w.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top right;
        vertical-align: top;
        margin: 0 0 0 0.3em; }
    .header-nav .header-link-sp li:nth-child(1) a:after, .header-nav .header-link-sp li:nth-child(2) a:after {
      content: "／";
      color: #fff;
      margin-left: 0.2em; }
    .header-nav .header-link-sp .header-link-contact {
      margin-top: 7.33vw; }
      .header-nav .header-link-sp .header-link-contact a {
        display: block;
        width: 46.6vw;
        font-size: 4vw;
        color: #5ebef9;
        padding: 3.33vw 0;
        text-align: center;
        background-color: #fff;
        border-radius: 5vw; }
    .header-nav .header-link-sp .header-link-facebook {
      margin: 7.33vw 0 0 6vw;
      width: 9.33vw; }
    .header-nav .header-link-sp .header-link-tw {
      margin: 7.33vw 0 0 3.33vw;
      width: 9.33vw; }

/*SPメニューカレント設定*/
.fsa-recruit-intro .header-nav-links li:nth-child(1) .dropdown-list {
  display: block; }
  @media only screen and (min-width: 1000px) {
    .fsa-recruit-intro .header-nav-links li:nth-child(1) .dropdown-list {
      display: none; } }

/*PCメニュードロップメニュー設定*/
.fsa-recruit-intro .header-nav-links li:nth-child(1):hover .dropdown-list {
  display: block; }

/*******　トップページ　*******/
.toppage .manabi-type-wrap {
  background-color: #DFF2FE; }
  .toppage .manabi-type-wrap .manabi-block {
    padding: 8.26vw 0 4.9vw; }
    @media only screen and (min-width: 768px) {
      .toppage .manabi-type-wrap .manabi-block {
        padding: calc(77 / 1380 * 100vw) 0 calc(35 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .toppage .manabi-type-wrap .manabi-block {
        padding: 77px 0 35px; } }
    .toppage .manabi-type-wrap .manabi-block h2 {
      width: 40.53vw;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .toppage .manabi-type-wrap .manabi-block h2 {
          width: calc(304 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .toppage .manabi-type-wrap .manabi-block h2 {
          width: 304px; } }
    .toppage .manabi-type-wrap .manabi-block .manabi-lead {
      margin: 6.8vw auto 0;
      text-align: center;
      font-size: 4vw;
      font-weight: bold;
      line-height: 2; }
      @media only screen and (min-width: 768px) {
        .toppage .manabi-type-wrap .manabi-block .manabi-lead {
          margin: calc(55 / 1380 * 100vw) auto 0;
          font-size: calc(18 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .toppage .manabi-type-wrap .manabi-block .manabi-lead {
          margin: 55px auto 0;
          font-size: 1.8rem; } }
    .toppage .manabi-type-wrap .manabi-block .manabi-index {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 92.4vw;
      margin: 7.2vw auto 0; }
      @media only screen and (min-width: 768px) {
        .toppage .manabi-type-wrap .manabi-block .manabi-index {
          width: calc(960 / 1380 * 100vw);
          margin: calc(77 / 1380 * 100vw) auto 0; } }
      @media only screen and (min-width: 1380px) {
        .toppage .manabi-type-wrap .manabi-block .manabi-index {
          width: 960px;
          margin: 77px auto 0; } }
      .toppage .manabi-type-wrap .manabi-block .manabi-index li {
        width: 45.33vw;
        margin-bottom: 1.33vw; }
        @media only screen and (min-width: 768px) {
          .toppage .manabi-type-wrap .manabi-block .manabi-index li {
            width: calc(310 / 1380 * 100vw);
            margin-bottom: calc(15 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .toppage .manabi-type-wrap .manabi-block .manabi-index li {
            width: 310px;
            margin-bottom: 15px; } }
    @media only screen and (min-width: 768px) {
      .toppage .manabi-type-wrap .manabi-block .type-block {
        position: relative;
        width: 100%;
        margin: calc(160 / 1380 * 100vw) auto 0; } }
    @media only screen and (min-width: 1380px) {
      .toppage .manabi-type-wrap .manabi-block .type-block {
        width: 1380px;
        margin: 160px auto 0; } }
    .toppage .manabi-type-wrap .manabi-block .type-block .type-block-inner {
      position: relative;
      width: 92vw;
      margin: 8.26vw auto 0;
      padding: 6vw 0 37.06vw;
      background-color: #fff; }
      @media only screen and (min-width: 768px) {
        .toppage .manabi-type-wrap .manabi-block .type-block .type-block-inner {
          width: calc(1000 / 1380 * 100vw);
          margin: 0 auto;
          padding: calc(27 / 1380 * 100vw) 0 calc(32 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .toppage .manabi-type-wrap .manabi-block .type-block .type-block-inner {
          width: 1000px;
          padding: 27px 0 32px; } }
    .toppage .manabi-type-wrap .manabi-block .type-block h2 {
      width: 69.46vw; }
      @media only screen and (min-width: 768px) {
        .toppage .manabi-type-wrap .manabi-block .type-block h2 {
          width: calc(716 / 1380 * 100vw);
          margin: 0 auto; } }
      @media only screen and (min-width: 1380px) {
        .toppage .manabi-type-wrap .manabi-block .type-block h2 {
          width: 716px; } }
    .toppage .manabi-type-wrap .manabi-block .type-block .type-lead {
      margin: 4.4vw auto 0;
      text-align: center;
      font-size: 4vw;
      font-weight: bold;
      line-height: 2; }
      @media only screen and (min-width: 768px) {
        .toppage .manabi-type-wrap .manabi-block .type-block .type-lead {
          margin: calc(47 / 1380 * 100vw) auto 0;
          font-size: calc(18 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .toppage .manabi-type-wrap .manabi-block .type-block .type-lead {
          margin: 47px auto 0;
          font-size: 1.8rem; } }
      .toppage .manabi-type-wrap .manabi-block .type-block .type-lead strong {
        background-color: #FFFF8B;
        color: #F0783C; }
    .toppage .manabi-type-wrap .manabi-block .type-block .type-btn {
      margin: 10.66vw auto 0;
      width: 66.66vw; }
      @media only screen and (min-width: 768px) {
        .toppage .manabi-type-wrap .manabi-block .type-block .type-btn {
          margin: calc(65 / 1380 * 100vw) auto 0;
          width: calc(350 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .toppage .manabi-type-wrap .manabi-block .type-block .type-btn {
          margin: 65px auto 0;
          width: 350px; } }
    .toppage .manabi-type-wrap .manabi-block .type-block .type-block-illust-sp {
      position: absolute;
      bottom: -2vw;
      left: 0;
      width: 92vw;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        .toppage .manabi-type-wrap .manabi-block .type-block .type-block-illust-sp {
          display: none; } }
      .toppage .manabi-type-wrap .manabi-block .type-block .type-block-illust-sp img {
        width: 82.66vw; }
    .toppage .manabi-type-wrap .manabi-block .type-block .type-block-illust-pc1 {
      display: none; }
      @media only screen and (min-width: 768px) {
        .toppage .manabi-type-wrap .manabi-block .type-block .type-block-illust-pc1 {
          display: block;
          width: calc(339 / 1380 * 100vw);
          position: absolute;
          bottom: calc(-35 / 1380 * 100vw);
          left: 0; } }
      @media only screen and (min-width: 1380px) {
        .toppage .manabi-type-wrap .manabi-block .type-block .type-block-illust-pc1 {
          width: 339px;
          bottom: -35px; } }
    .toppage .manabi-type-wrap .manabi-block .type-block .type-block-illust-pc2 {
      display: none; }
      @media only screen and (min-width: 768px) {
        .toppage .manabi-type-wrap .manabi-block .type-block .type-block-illust-pc2 {
          display: block;
          width: calc(368 / 1380 * 100vw);
          position: absolute;
          bottom: calc(-35 / 1380 * 100vw);
          right: 0; } }
      @media only screen and (min-width: 1380px) {
        .toppage .manabi-type-wrap .manabi-block .type-block .type-block-illust-pc2 {
          width: 368px;
          bottom: -35px; } }
.toppage .interview .interview-inner {
  padding: 14vw 0 0; }
  @media only screen and (min-width: 768px) {
    .toppage .interview .interview-inner {
      padding: calc(145 / 1380 * 100vw) 0 0; } }
  @media only screen and (min-width: 1380px) {
    .toppage .interview .interview-inner {
      padding: 145px 0 0; } }
  .toppage .interview .interview-inner h2 {
    text-align: center;
    font-size: 8vw;
    line-height: 1.2em;
    width: 100%;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .toppage .interview .interview-inner h2 {
        width: calc(480 / 1380 * 100vw);
        font-size: calc(50 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .toppage .interview .interview-inner h2 {
        width: 480px;
        font-size: 5rem; } }
    .toppage .interview .interview-inner h2 span {
      font-size: 60%; }
    .toppage .interview .interview-inner h2 img {
      width: 18vw;
      margin: 0 auto 2vw; }
      @media only screen and (min-width: 768px) {
        .toppage .interview .interview-inner h2 img {
          width: calc(100 / 1380 * 100vw);
          margin-bottom: calc(25 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .toppage .interview .interview-inner h2 img {
          width: 100px;
          margin-bottom: 25px; } }
  .toppage .interview .interview-inner .interview-lead {
    text-align: center;
    font-size: 4vw;
    font-weight: bold;
    line-height: 2;
    margin: 7.7vw auto 0; }
    @media only screen and (min-width: 768px) {
      .toppage .interview .interview-inner .interview-lead {
        font-size: calc(18 / 1380 * 100vw);
        margin: calc(65 / 1380 * 100vw) auto 0; } }
    @media only screen and (min-width: 1380px) {
      .toppage .interview .interview-inner .interview-lead {
        font-size: 1.8rem;
        margin: 65px auto 0; } }
.toppage .interview .interview-carousel {
  width: 100vw;
  margin: 9.6vw auto 0; }
  @media only screen and (min-width: 768px) {
    .toppage .interview .interview-carousel {
      width: 95%;
      margin: calc(75 / 1380 * 100vw) auto 0; } }
  @media only screen and (min-width: 1380px) {
    .toppage .interview .interview-carousel {
      width: 1280px;
      margin: 75px auto 0; } }
  .toppage .interview .interview-carousel li {
    position: relative;
    margin: 0 2vw; }
    @media only screen and (min-width: 768px) {
      .toppage .interview .interview-carousel li {
        margin: 0 calc(15 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .toppage .interview .interview-carousel li {
        margin: 0 15px; } }
    .toppage .interview .interview-carousel li a:hover {
      text-decoration: none; }
    .toppage .interview .interview-carousel li .ph {
      padding-left: 2vw; }
      @media only screen and (min-width: 768px) {
        .toppage .interview .interview-carousel li .ph {
          padding-left: calc(7 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .toppage .interview .interview-carousel li .ph {
          padding-left: 7px; } }
    .toppage .interview .interview-carousel li .name {
      position: relative;
      display: inline-block;
      margin-top: -2vw;
      padding: 2vw 3vw;
      min-height: 8.66vw;
      background: linear-gradient(90deg, #5ebef9 0%, #3d88e0 100%);
      color: #fff;
      font-size: 4.8vw;
      font-weight: bold;
      line-height: 1.3; }
      @media only screen and (min-width: 768px) {
        .toppage .interview .interview-carousel li .name {
          margin-top: calc(-6 / 1380 * 100vw);
          padding: calc(10 / 1380 * 100vw) calc(7 / 1380 * 100vw);
          min-height: calc(46 / 1380 * 100vw);
          font-size: calc(20 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .toppage .interview .interview-carousel li .name {
          margin-top: -6px;
          padding: 10px 7px;
          min-height: 46px;
          font-size: 2rem; } }
      .toppage .interview .interview-carousel li .name span {
        font-size: 2vw;
        font-weight: normal; }
        @media only screen and (min-width: 768px) {
          .toppage .interview .interview-carousel li .name span {
            font-size: calc(13 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .toppage .interview .interview-carousel li .name span {
            font-size: 1.3rem; } }
    .toppage .interview .interview-carousel li .msg {
      padding: 0.5em 0;
      font-size: 4.2vw;
      font-weight: bold;
      line-height: 1.3; }
      @media only screen and (min-width: 768px) {
        .toppage .interview .interview-carousel li .msg {
          padding: calc(15 / 1380 * 100vw) 0;
          font-size: calc(18 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .toppage .interview .interview-carousel li .msg {
          padding: 15px 0;
          font-size: 1.8rem; } }
  .toppage .interview .interview-carousel .slick-prev {
    left: 5px;
    width: 10.66vw; }
    @media only screen and (min-width: 768px) {
      .toppage .interview .interview-carousel .slick-prev {
        left: calc(-28 / 1380 * 100vw);
        width: calc(57 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .toppage .interview .interview-carousel .slick-prev {
        left: -28px;
        width: 57px; } }
  .toppage .interview .interview-carousel .slick-prev:before {
    content: url("../img/common/car_arrow_l.svg");
    display: block;
    width: 10.66vw; }
    @media only screen and (min-width: 768px) {
      .toppage .interview .interview-carousel .slick-prev:before {
        width: calc(57 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .toppage .interview .interview-carousel .slick-prev:before {
        width: 57px; } }
  .toppage .interview .interview-carousel .slick-next {
    right: 5px;
    width: 10.66vw; }
    @media only screen and (min-width: 768px) {
      .toppage .interview .interview-carousel .slick-next {
        right: calc(-28 / 1380 * 100vw);
        width: calc(57 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .toppage .interview .interview-carousel .slick-next {
        right: -28px;
        width: 57px; } }
  .toppage .interview .interview-carousel .slick-next:before {
    content: url("../img/common/car_arrow_r.svg");
    display: block;
    width: 10.66vw; }
    @media only screen and (min-width: 768px) {
      .toppage .interview .interview-carousel .slick-next:before {
        width: calc(57 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .toppage .interview .interview-carousel .slick-next:before {
        width: 57px; } }
.toppage .about_block {
  background-image: url("../img/toppage/about_bg_sp.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  margin: 35vw auto 0; }
  @media only screen and (min-width: 768px) {
    .toppage .about_block {
      background-image: url("../img/toppage/about_bg_pc.png");
      background-size: auto calc(700 / 1380 * 100vw);
      margin: calc(270 / 1380 * 100vw) auto 0; } }
  @media only screen and (min-width: 1380px) {
    .toppage .about_block {
      background-size: auto auto;
      margin: 270px auto 0; } }
  .toppage .about_block .about-inner {
    position: relative;
    padding: 0 0 5.6vw;
    margin: 0 auto;
    width: 100%;
    height: 190vw; }
    @media only screen and (min-width: 768px) {
      .toppage .about_block .about-inner {
        padding: 0;
        width: 100%;
        height: calc(700 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .toppage .about_block .about-inner {
        padding: 0;
        width: 1380px;
        height: 700px; } }
    .toppage .about_block .about-inner .about_ph01 {
      position: absolute;
      width: 77.333vw;
      top: -16vw;
      right: 0; }
      @media only screen and (min-width: 768px) {
        .toppage .about_block .about-inner .about_ph01 {
          top: calc(-40 / 1380 * 100vw);
          left: calc(0/ 1380 * 100vw);
          width: calc(710 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .toppage .about_block .about-inner .about_ph01 {
          top: -40px;
          left: 0;
          width: 710px; } }
    .toppage .about_block .about-inner h2 {
      position: absolute;
      width: 64vw;
      top: 31.733vw;
      left: 0;
      font-size: 7.2vw;
      line-height: 10vw;
      color: #3f7fc2;
      padding: 3vw 4.4vw;
      background: #FFF; }
      @media only screen and (min-width: 768px) {
        .toppage .about_block .about-inner h2 {
          width: 11em;
          top: calc(105 / 1380 * 100vw);
          left: calc(643 / 1380 * 100vw);
          font-size: calc(60 / 1380 * 100vw);
          line-height: 1em;
          padding: 0;
          background-color: transparent;
          color: #FFF; } }
      @media only screen and (min-width: 1380px) {
        .toppage .about_block .about-inner h2 {
          font-size: 60px;
          top: 105px;
          left: 643px; } }
    .toppage .about_block .about-inner .about-lead {
      position: absolute;
      color: #FFF;
      font-size: 4vw;
      font-weight: bold;
      line-height: 1.866;
      width: 24em;
      top: 55vw;
      left: 0;
      right: 0;
      margin: auto; }
      @media only screen and (min-width: 768px) {
        .toppage .about_block .about-inner .about-lead {
          top: calc(215 / 1380 * 100vw);
          left: calc(820 / 1380 * 100vw);
          width: 26em;
          font-size: calc(20 / 1380 * 100vw);
          line-height: 2.25;
          margin: 0; } }
      @media only screen and (min-width: 1380px) {
        .toppage .about_block .about-inner .about-lead {
          top: 215px;
          left: 820px;
          font-size: 2rem; } }
    .toppage .about_block .about-inner .about-btn {
      position: absolute;
      width: 66.66vw;
      top: 106vw;
      left: 0;
      right: 0;
      margin: auto; }
      @media only screen and (min-width: 768px) {
        .toppage .about_block .about-inner .about-btn {
          top: calc(510 / 1380 * 100vw);
          left: calc(820 / 1380 * 100vw);
          width: calc(350 / 1380 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1380px) {
        .toppage .about_block .about-inner .about-btn {
          top: 510px;
          left: 820px;
          width: 350px;
          font-size: 2rem; } }
    .toppage .about_block .about-inner .about_ph02 {
      position: absolute;
      width: 77.333vw;
      top: 130vw;
      left: 0; }
      @media only screen and (min-width: 768px) {
        .toppage .about_block .about-inner .about_ph02 {
          display: none; } }
.toppage .ban_block .ban-inner {
  width: 92.4vw;
  margin: 15vw auto 0;
  padding: 0 0 7.4vw; }
  @media only screen and (min-width: 768px) {
    .toppage .ban_block .ban-inner {
      width: calc(1100 / 1380 * 100vw);
      margin: calc(122 / 1380 * 100vw) auto 0; } }
  @media only screen and (min-width: 1380px) {
    .toppage .ban_block .ban-inner {
      width: 1100px;
      margin: 122px auto 0;
      padding: 0 0 97px; } }
.toppage .ban_block ul {
  width: 92.4vw; }
  @media only screen and (min-width: 768px) {
    .toppage .ban_block ul {
      width: calc(1100 / 1380 * 100vw);
      display: flex;
      justify-content: space-between; } }
  @media only screen and (min-width: 1380px) {
    .toppage .ban_block ul {
      width: 1100px; } }
  .toppage .ban_block ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 5.333vw; }
    @media only screen and (min-width: 768px) {
      .toppage .ban_block ul li {
        flex-wrap: wrap;
        justify-content: center;
        width: calc(492 / 1380 * 100vw);
        margin-top: 0; } }
    @media only screen and (min-width: 1380px) {
      .toppage .ban_block ul li {
        width: 492px; } }
    .toppage .ban_block ul li .ban_bt_area {
      width: 42.4vw; }
      @media only screen and (min-width: 768px) {
        .toppage .ban_block ul li .ban_bt_area {
          width: calc(492 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .toppage .ban_block ul li .ban_bt_area {
          width: 492px; } }
    .toppage .ban_block ul li .ban_text_area {
      width: 50vw;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        .toppage .ban_block ul li .ban_text_area {
          width: calc(492 / 1380 * 100vw);
          text-align: left; } }
      @media only screen and (min-width: 1380px) {
        .toppage .ban_block ul li .ban_text_area {
          width: 492px; } }
      .toppage .ban_block ul li .ban_text_area h3 {
        font-size: 5.333vw;
        text-align: left;
        margin: 5vw 0 0; }
        @media only screen and (min-width: 768px) {
          .toppage .ban_block ul li .ban_text_area h3 {
            font-size: calc(35 / 1380 * 100vw);
            text-align: center;
            margin: calc(40 / 1380 * 100vw) auto 0; } }
        @media only screen and (min-width: 1380px) {
          .toppage .ban_block ul li .ban_text_area h3 {
            font-size: 3.5rem;
            margin: 40px auto 0; } }
      .toppage .ban_block ul li .ban_text_area p {
        font-size: 2.933vw;
        line-height: 1.8em;
        text-align: left;
        margin: 3vw 0 0; }
        @media only screen and (min-width: 768px) {
          .toppage .ban_block ul li .ban_text_area p {
            font-size: calc(20 / 1380 * 100vw);
            text-align: center;
            line-height: 2.11em;
            margin: calc(35 / 1380 * 100vw) auto 0; } }
        @media only screen and (min-width: 1380px) {
          .toppage .ban_block ul li .ban_text_area p {
            font-size: 2rem;
            margin: 35px auto 0; } }
    .toppage .ban_block ul li:first-child {
      margin-top: 0; }
.toppage .news_block {
  background: #e5f5fe;
  margin-top: 10vw; }
  @media only screen and (min-width: 768px) {
    .toppage .news_block {
      margin-top: calc(100 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .toppage .news_block {
      margin-top: 100px; } }
  .toppage .news_block .news-inner {
    width: 92.4vw;
    margin: 0 auto;
    padding: 8.266vw 0 7.4vw; }
    @media only screen and (min-width: 768px) {
      .toppage .news_block .news-inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: calc(1100 / 1380 * 100vw);
        margin: 0 auto 0;
        padding: calc(126 / 1380 * 100vw) 0 calc(122 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .toppage .news_block .news-inner {
        width: 1100px;
        margin: 0 auto 0;
        padding: 126px 0 122px; } }
    .toppage .news_block .news-inner h3 {
      text-align: center;
      font-size: 5.333vw;
      line-height: 0.8em; }
      @media only screen and (min-width: 768px) {
        .toppage .news_block .news-inner h3 {
          text-align: left;
          font-size: calc(35 / 1380 * 100vw);
          width: calc(238 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .toppage .news_block .news-inner h3 {
          width: 238px;
          font-size: 3.5rem; } }
      .toppage .news_block .news-inner h3 span {
        font-size: 2.4vw;
        color: #5ebef9; }
        @media only screen and (min-width: 768px) {
          .toppage .news_block .news-inner h3 span {
            font-size: calc(18 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .toppage .news_block .news-inner h3 span {
            font-size: 1.8rem; } }
    .toppage .news_block .news-inner .news_cont {
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .toppage .news_block .news-inner .news_cont {
          text-align: left;
          font-size: calc(35 / 1380 * 100vw);
          width: calc(862 / 1380 * 100vw);
          margin: calc(0 / 1380 * 100vw) auto; } }
      @media only screen and (min-width: 1380px) {
        .toppage .news_block .news-inner .news_cont {
          font-size: 3.5rem;
          width: 862px;
          margin: 0 auto; } }
      .toppage .news_block .news-inner .news_cont dt {
        font-size: 2.933vw;
        font-weight: bold;
        width: 24%;
        border-bottom: #b9bbd9 solid 1px;
        padding: 0.8em 0;
        line-height: 1.2em; }
        @media only screen and (min-width: 768px) {
          .toppage .news_block .news-inner .news_cont dt {
            text-align: left;
            font-size: calc(23 / 1380 * 100vw);
            width: calc(180 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .toppage .news_block .news-inner .news_cont dt {
            font-size: 2.3rem;
            width: 180px; } }
      .toppage .news_block .news-inner .news_cont dd {
        font-size: 2.933vw;
        width: 76%;
        border-bottom: #b9bbd9 solid 1px;
        padding: 0.8em 0;
        line-height: 1.3em; }
        @media only screen and (min-width: 768px) {
          .toppage .news_block .news-inner .news_cont dd {
            text-align: left;
            font-size: calc(23 / 1380 * 100vw);
            width: calc(682 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .toppage .news_block .news-inner .news_cont dd {
            font-size: 2.3rem;
            width: 682px; } }
    .toppage .news_block .news-inner .news-btn {
      margin: 5vw auto 0;
      width: 66.66vw; }
      @media only screen and (min-width: 768px) {
        .toppage .news_block .news-inner .news-btn {
          margin: calc(40 / 1380 * 100vw) 0 0 auto;
          width: calc(350 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .toppage .news_block .news-inner .news-btn {
          margin: 40px 0 0 auto;
          width: 350px; } }

/*******　タイトルエリア　*******/
.ti_wrap {
  width: 100%;
  min-height: 50.4vw;
  background-size: cover;
  background-color: #5ebdf8;
  background-position: top center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6.8vw 0 7vw; }
  @media only screen and (min-width: 768px) {
    .ti_wrap {
      background-size: auto 100%;
      width: 100%;
      min-height: calc(400 / 1380 * 100vw);
      padding: calc(80 / 1380 * 100vw) 0 calc(85 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .ti_wrap {
      background-position: top right;
      min-height: 400px;
      padding: 80px 0 85px; } }
  .ti_wrap.about {
    background-image: url("../img/about/tiarea-bg_sp.jpg"); }
    @media only screen and (min-width: 768px) {
      .ti_wrap.about {
        background-image: url("../img/about/tiarea-bg_pc.jpg"); } }
    @media only screen and (min-width: 1380px) {
      .ti_wrap.about {
        background-image: url("../img/about/tiarea-bg_pc.jpg"); } }
  .ti_wrap.study {
    background-image: url("../img/study/tiarea-bg_sp.jpg"); }
    @media only screen and (min-width: 768px) {
      .ti_wrap.study {
        background-image: url("../img/study/tiarea-bg_pc.jpg"); } }
    @media only screen and (min-width: 1380px) {
      .ti_wrap.study {
        background-image: url("../img/study/tiarea-bg_pc.jpg"); } }
  .ti_wrap.interview {
    background-image: url("../img/special/tiarea-bg_sp.jpg"); }
    @media only screen and (min-width: 768px) {
      .ti_wrap.interview {
        background-image: url("../img/special/tiarea-bg_pc.jpg"); } }
    @media only screen and (min-width: 1380px) {
      .ti_wrap.interview {
        background-image: url("../img/special/tiarea-bg_pc.jpg"); } }
  .ti_wrap.special, .ti_wrap.interview {
    background-image: url("../img/special/tiarea-bg_sp.jpg"); }
    @media only screen and (min-width: 768px) {
      .ti_wrap.special, .ti_wrap.interview {
        background-image: url("../img/special/tiarea-bg_pc.jpg"); } }
    @media only screen and (min-width: 1380px) {
      .ti_wrap.special, .ti_wrap.interview {
        background-image: url("../img/special/tiarea-bg_pc.jpg"); } }
  .ti_wrap.type {
    background-image: url("../img/type/tiarea-bg_sp.jpg"); }
    @media only screen and (min-width: 768px) {
      .ti_wrap.type {
        background-image: url("../img/type/tiarea-bg_pc.jpg"); } }
    @media only screen and (min-width: 1380px) {
      .ti_wrap.type {
        background-image: url("../img/type/tiarea-bg_pc.jpg"); } }
  .ti_wrap.activity {
    background-image: url("../img/activity/tiarea-bg_sp.jpg"); }
    @media only screen and (min-width: 768px) {
      .ti_wrap.activity {
        background-image: url("../img/activity/tiarea-bg_pc.jpg"); } }
    @media only screen and (min-width: 1380px) {
      .ti_wrap.activity {
        background-image: url("../img/activity/tiarea-bg_pc.jpg"); } }
  .ti_wrap.link {
    background-image: url("../img/link/tiarea-bg_sp.jpg");
    min-height: 26.666vw; }
    @media only screen and (min-width: 768px) {
      .ti_wrap.link {
        background-image: url("../img/link/tiarea-bg_pc.jpg");
        min-height: calc(200 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .ti_wrap.link {
        background-image: url("../img/link/tiarea-bg_pc.jpg");
        min-height: 200px; } }
  .ti_wrap.contact {
    background-image: url("../img/contact/tiarea-bg_sp.jpg"); }
    @media only screen and (min-width: 768px) {
      .ti_wrap.contact {
        background-image: url("../img/contact/tiarea-bg_pc.jpg"); } }
    @media only screen and (min-width: 1380px) {
      .ti_wrap.contact {
        background-image: url("../img/contact/tiarea-bg_pc.jpg"); } }
  .ti_wrap.desk {
    background-image: url("../img/desk/tiarea-bg_sp.jpg"); }
    @media only screen and (min-width: 768px) {
      .ti_wrap.desk {
        background-image: url("../img/desk/tiarea-bg_pc.jpg"); } }
    @media only screen and (min-width: 1380px) {
      .ti_wrap.desk {
        background-image: url("../img/desk/tiarea-bg_pc.jpg"); } }
  .ti_wrap .cate_top_ti_inner {
    width: 90vw;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .ti_wrap .cate_top_ti_inner {
        width: calc(1000 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .ti_wrap .cate_top_ti_inner {
        width: 1000px; } }
    .ti_wrap .cate_top_ti_inner h1 {
      text-align: center;
      margin: 0 auto;
      font-size: 5.333vw;
      font-weight: bold;
      color: #FFF;
      line-height: 1.2em; }
      @media only screen and (min-width: 768px) {
        .ti_wrap .cate_top_ti_inner h1 {
          font-size: calc(41 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .ti_wrap .cate_top_ti_inner h1 {
          font-size: 4.1rem; } }
      .ti_wrap .cate_top_ti_inner h1 span {
        font-size: 80%; }
    .ti_wrap .cate_top_ti_inner .cate_top_lead {
      width: 90vw;
      margin: 4.8vw auto 0;
      font-size: 3.466vw;
      font-weight: bold;
      line-height: 1.6em;
      color: #FFF; }
      @media only screen and (min-width: 768px) {
        .ti_wrap .cate_top_ti_inner .cate_top_lead {
          width: calc(1000 / 1380 * 100vw);
          font-size: calc(18 / 1380 * 100vw);
          line-height: 1.888em;
          margin: calc(50 / 1380 * 100vw) auto 0; } }
      @media only screen and (min-width: 1380px) {
        .ti_wrap .cate_top_ti_inner .cate_top_lead {
          width: 1000px;
          font-size: 1.8rem;
          margin: 50px auto 0; } }
  .ti_wrap .cate_top_s_inner {
    width: 90vw;
    margin: 0 auto;
    height: 100%; }
    @media only screen and (min-width: 768px) {
      .ti_wrap .cate_top_s_inner {
        width: calc(1000 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .ti_wrap .cate_top_s_inner {
        width: 1000px; } }
    .ti_wrap .cate_top_s_inner h1 {
      text-align: center;
      margin: 0 auto;
      font-size: 5.333vw;
      font-weight: bold;
      color: #FFF; }
      @media only screen and (min-width: 768px) {
        .ti_wrap .cate_top_s_inner h1 {
          font-size: calc(41 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .ti_wrap .cate_top_s_inner h1 {
          font-size: 4.1rem; } }
  .ti_wrap .ti_inner {
    width: 90vw;
    margin: 0 auto;
    display: flex;
    align-items: center; }
    @media only screen and (min-width: 768px) {
      .ti_wrap .ti_inner {
        width: calc(1000 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .ti_wrap .ti_inner {
        width: 1000px; } }
    .ti_wrap .ti_inner .ti_block .ti_shoulder {
      font-size: 3.5vw;
      color: #FFF; }
      @media only screen and (min-width: 768px) {
        .ti_wrap .ti_inner .ti_block .ti_shoulder {
          font-size: calc(16 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .ti_wrap .ti_inner .ti_block .ti_shoulder {
          font-size: 1.6rem; } }
    .ti_wrap .ti_inner .ti_block h1 {
      display: inline-block;
      background: #FFF;
      text-align: left;
      margin: 2vw auto 0;
      padding: 1.5vw 1.5vw; }
      @media only screen and (min-width: 768px) {
        .ti_wrap .ti_inner .ti_block h1 {
          margin: calc(12 / 1380 * 100vw) auto 0;
          padding: calc(12 / 1380 * 100vw) calc(15 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .ti_wrap .ti_inner .ti_block h1 {
          margin: 12px auto 0;
          padding: 12px 15px; } }
      .ti_wrap .ti_inner .ti_block h1 span {
        font-size: 5.333vw;
        line-height: 1.2em;
        font-weight: bold;
        -webkit-background-clip: text;
        color: transparent;
        background-image: linear-gradient(90deg, #5ebdf8, #3c86de);
        display: inline-block; }
        @media only screen and (min-width: 768px) {
          .ti_wrap .ti_inner .ti_block h1 span {
            font-size: calc(41 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .ti_wrap .ti_inner .ti_block h1 span {
            font-size: 4.1rem; } }
    .ti_wrap .ti_inner .ti_block .ti_lead {
      width: 90vw;
      margin: 3vw auto 0;
      font-size: 3.466vw;
      font-weight: bold;
      line-height: 1.6em;
      color: #FFF; }
      @media only screen and (min-width: 768px) {
        .ti_wrap .ti_inner .ti_block .ti_lead {
          width: calc(1000 / 1380 * 100vw);
          font-size: calc(18 / 1380 * 100vw);
          line-height: 1.888em;
          margin: calc(30 / 1380 * 100vw) auto 0; } }
      @media only screen and (min-width: 1380px) {
        .ti_wrap .ti_inner .ti_block .ti_lead {
          width: 1000px;
          font-size: 1.8rem;
          margin: 30px auto 0; } }

/*******　パンくずナビ　*******/
.pan_navi {
  display: none; }
  @media only screen and (min-width: 768px) {
    .pan_navi {
      display: block;
      color: #505050;
      width: calc(1000 / 1380 * 100vw);
      margin: calc(20 / 1380 * 100vw) auto 0;
      font-size: 11px;
      line-height: 1.2em; } }
  @media only screen and (min-width: 1380px) {
    .pan_navi {
      width: 1000px;
      margin: 20px auto 0;
      font-size: 12px; } }
  .pan_navi a {
    color: #2b75ca; }

/*******　コンテンツエリアサイズ用　*******/
.cont_type_a {
  width: 90vw;
  margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    .cont_type_a {
      width: calc(1000 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .cont_type_a {
      width: 1000px; } }

.cont_type_b {
  width: 100%;
  margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    .cont_type_b {
      width: calc(1380 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .cont_type_b {
      width: 1380px; } }

.cont_type_c {
  width: 100%;
  margin: 0 auto; }

/**** リード ****/
.lead_center, .lead_left, .lead_right {
  font-size: 3.466vw;
  margin: 10vw auto 0;
  line-height: 2em;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .lead_center, .lead_left, .lead_right {
      font-size: calc(18 / 1380 * 100vw);
      margin: calc(70 / 1380 * 100vw) auto 0;
      max-width: calc(1000 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .lead_center, .lead_left, .lead_right {
      font-size: 1.8rem;
      margin: 70px auto 0;
      max-width: 1000px; } }
  .lead_center .date, .lead_left .date, .lead_right .date {
    text-align: right;
    margin-top: 0.5em; }

.lead_center {
  text-align: center; }

.lead_left {
  text-align: left; }

.lead_right {
  text-align: right; }

/*******　見出し　*******/
h2.md_h2 {
  text-align: center;
  margin: 18vw auto 0;
  font-size: 5.333vw;
  color: #505050;
  line-height: 1.3em;
  background-image: url("../img/common/h2_wave.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 28vw auto;
  padding: 0 0 6vw; }
  @media only screen and (min-width: 768px) {
    h2.md_h2 {
      width: calc(1000 / 1380 * 100vw);
      margin: calc(150 / 1380 * 100vw) auto 0;
      font-size: calc(38 / 1380 * 100vw);
      background-size: calc(226 / 1380 * 100vw) auto;
      padding: 0 0 calc(40 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    h2.md_h2 {
      width: 1000px;
      margin: 150px auto 0;
      font-size: 3.8rem;
      background-size: 226px auto;
      padding: 0 0 40px; } }
  h2.md_h2 span {
    font-size: 80%; }
  h2.md_h2:first-child {
    margin: 10vw auto 0; }
    @media only screen and (min-width: 768px) {
      h2.md_h2:first-child {
        margin: calc(115 / 1380 * 100vw) auto 0; } }
    @media only screen and (min-width: 1380px) {
      h2.md_h2:first-child {
        margin: 115px auto 0; } }
  h2.md_h2.mt_l {
    margin-top: 20vw; }
    @media only screen and (min-width: 768px) {
      h2.md_h2.mt_l {
        margin-top: calc(180 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      h2.md_h2.mt_l {
        margin-top: 180px; } }

h2.md_blue {
  color: #3f7fc2;
  font-size: 5.333vw;
  line-height: 1.2em;
  font-weight: bold;
  margin: 10vw 0 0;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    h2.md_blue {
      width: 100%;
      font-size: calc(38 / 1380 * 100vw);
      line-height: 1.2em;
      font-weight: bold;
      margin: calc(90 / 1380 * 100vw) 0 0; } }
  @media only screen and (min-width: 1380px) {
    h2.md_blue {
      width: 100%;
      font-size: 3.8rem;
      line-height: 1.2em;
      font-weight: bold;
      margin: 90px 0 0; } }

/**** h3.md_h3_type_a margin-top: 10vw calc(80 / 1380 * 100vw)80px  ****/
h3.md_h3_type_a {
  background: #3f7fc2;
  padding: 0.5em 0.7em;
  color: #FFF;
  font-size: 4vw;
  line-height: 1.2em;
  font-weight: bold;
  margin: 10vw 0 0; }
  @media only screen and (min-width: 768px) {
    h3.md_h3_type_a {
      width: 100%;
      font-size: calc(20 / 1380 * 100vw);
      line-height: 1.2em;
      font-weight: bold;
      margin: calc(70 / 1380 * 100vw) 0 0; } }
  @media only screen and (min-width: 1380px) {
    h3.md_h3_type_a {
      width: 100%;
      font-size: 2rem;
      line-height: 1.2em;
      font-weight: bold;
      margin: 70px 0 0; } }
  h3.md_h3_type_a span {
    background: #FFF;
    color: #3f7fc2;
    padding: 0.2em;
    margin-left: 0.5em;
    font-size: 90%; }
  h3.md_h3_type_a .shoulder {
    display: inline-block;
    margin: 0 0.5em 0.3em 0;
    padding: 0.2em 0.5em; }
    @media only screen and (min-width: 768px) {
      h3.md_h3_type_a .shoulder {
        margin: 0 0.5em 0.1em 0; } }

/**** h3.md_h3_type_b margin-top: 10vw calc(90 / 1380 * 100vw)90px  ****/
h3.md_h3_type_b {
  color: #3f7fc2;
  font-size: 4.5vw;
  line-height: 1.2em;
  font-weight: bold;
  margin: 8vw 0 0; }
  @media only screen and (min-width: 768px) {
    h3.md_h3_type_b {
      width: 100%;
      font-size: calc(29 / 1380 * 100vw);
      line-height: 1.2em;
      font-weight: bold;
      margin: calc(75 / 1380 * 100vw) 0 0; } }
  @media only screen and (min-width: 1380px) {
    h3.md_h3_type_b {
      width: 100%;
      font-size: 2.9rem;
      line-height: 1.2em;
      font-weight: bold;
      margin: 75px 0 0; } }

/**** h3.md_h3_type_c margin-top: 10vw calc(90 / 1380 * 100vw)90px  ****/
h3.md_h3_type_c {
  color: #505050;
  font-size: 4vw;
  line-height: 1.2em;
  font-weight: bold;
  margin: 8vw 0 0;
  padding-bottom: 0.2em;
  border-bottom: 1.2vw solid #3f7fc2; }
  @media only screen and (min-width: 768px) {
    h3.md_h3_type_c {
      width: 100%;
      font-size: calc(22 / 1380 * 100vw);
      line-height: 1.2em;
      font-weight: bold;
      margin: calc(75 / 1380 * 100vw) 0 0;
      border-bottom: calc(5 / 1380 * 100vw) solid #3f7fc2; } }
  @media only screen and (min-width: 1380px) {
    h3.md_h3_type_c {
      width: 100%;
      font-size: 2.2rem;
      line-height: 1.2em;
      font-weight: bold;
      margin: 75px 0 0;
      border-bottom: 5px solid #3f7fc2; } }

h3.md_h3_type_d {
  color: #505050;
  font-size: 4vw;
  line-height: 1.2em;
  font-weight: bold;
  margin: -8vw 0 0;
  padding: 18vw 0 0.2em;
  border-bottom: 1.2vw solid #3f7fc2; }
  @media only screen and (min-width: 768px) {
    h3.md_h3_type_d {
      width: 100%;
      font-size: calc(22 / 1380 * 100vw);
      line-height: 1.2em;
      font-weight: bold;
      margin: 0 0;
      border-bottom: calc(5 / 1380 * 100vw) solid #3f7fc2;
      padding: calc(110 / 1380 * 100vw) 0 0.2em; } }
  @media only screen and (min-width: 1380px) {
    h3.md_h3_type_d {
      width: 100%;
      font-size: 2.2rem;
      line-height: 1.2em;
      font-weight: bold;
      margin: 0 0;
      border-bottom: 5px solid #3f7fc2;
      padding: 110px 0 0.2em; } }

.md_h3_type_a + .md_h3_type_c {
  margin-top: 1.2em !important;
  padding: 0 0 0.2em !important; }

.md_h3_type_a + .text {
  margin-top: 1em; }
  @media only screen and (min-width: 768px) {
    .md_h3_type_a + .text {
      margin-top: calc(25 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .md_h3_type_a + .text {
      margin-top: 25px; } }

.md_h3_type_c + .text {
  margin-top: 1em; }
  @media only screen and (min-width: 768px) {
    .md_h3_type_c + .text {
      margin-top: calc(25 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .md_h3_type_c + .text {
      margin-top: 25px; } }

.md_h3_type_a + .twoblock {
  margin-top: 1em; }
  @media only screen and (min-width: 768px) {
    .md_h3_type_a + .twoblock {
      margin-top: calc(25 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .md_h3_type_a + .twoblock {
      margin-top: 25px; } }

.md_h3_type_a + .list_link {
  margin-top: 1.5em; }
  @media only screen and (min-width: 768px) {
    .md_h3_type_a + .list_link {
      margin-top: calc(25 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .md_h3_type_a + .list_link {
      margin-top: 25px; } }

.md_h3_type_c + .twoblock {
  margin-top: 1em; }
  @media only screen and (min-width: 768px) {
    .md_h3_type_c + .twoblock {
      margin-top: calc(25 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .md_h3_type_c + .twoblock {
      margin-top: 25px; } }

h4 {
  width: 100%;
  color: #3f7fc2;
  font-size: 4vw;
  line-height: 1.2em;
  font-weight: bold;
  margin: 4vw 0 0; }
  @media only screen and (min-width: 768px) {
    h4 {
      width: calc(1000 / 1380 * 100vw);
      font-size: calc(20 / 1380 * 100vw);
      line-height: 1.2em;
      font-weight: bold;
      margin: calc(25 / 1380 * 100vw) 0 0; } }
  @media only screen and (min-width: 1380px) {
    h4 {
      width: 1000px;
      font-size: 2rem;
      line-height: 1.2em;
      font-weight: bold;
      margin: 25px 0 0; } }

/**** コラム ****/
.column {
  background-color: #DFF2FE;
  padding: 8vw 5vw;
  margin: 6vw auto 0; }
  @media only screen and (min-width: 768px) {
    .column {
      padding: calc(50 / 1380 * 100vw) calc(90 / 1380 * 100vw);
      margin: calc(55 / 1380 * 100vw) auto 0; } }
  @media only screen and (min-width: 1380px) {
    .column {
      padding: 50px 90px;
      margin: 55px auto 0; } }
  .column h3 {
    width: 100%;
    font-size: 5vw;
    line-height: 1.2em;
    font-weight: bold;
    text-align: center;
    color: #3f7fc2; }
    @media only screen and (min-width: 768px) {
      .column h3 {
        font-size: calc(29 / 1380 * 100vw);
        line-height: 1.2em;
        font-weight: bold; } }
    @media only screen and (min-width: 1380px) {
      .column h3 {
        font-size: 2.9rem;
        line-height: 1.2em;
        font-weight: bold; } }
  .column h4 {
    width: 100%;
    color: #3f7fc2;
    font-size: 4vw;
    line-height: 1.2em;
    font-weight: bold;
    margin: 0 0 0.5em; }
    @media only screen and (min-width: 768px) {
      .column h4 {
        width: 100%;
        font-size: calc(20 / 1380 * 100vw);
        margin: 0 0 0.5em; } }
    @media only screen and (min-width: 1380px) {
      .column h4 {
        font-size: 2rem;
        width: 100%;
        margin: 0 0 0.5em; } }
  .column .left {
    text-align: left; }
  .column .column_cont {
    width: 100%;
    margin: 5vw auto 0; }
    @media only screen and (min-width: 768px) {
      .column .column_cont {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        margin: calc(36 / 1380 * 100vw) auto 0; } }
    @media only screen and (min-width: 1380px) {
      .column .column_cont {
        margin: 36px auto 0; } }
    .column .column_cont p img {
      width: 100% auto; }
    .column .column_cont div.text {
      font-size: 3.466vw;
      color: #505050;
      margin: 1em 0 0;
      line-height: 1.8em; }
      @media only screen and (min-width: 768px) {
        .column .column_cont div.text {
          font-size: calc(18 / 1380 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1380px) {
        .column .column_cont div.text {
          font-size: 1.8rem;
          margin: 0; } }
    .column .column_cont p.text {
      font-size: 3.466vw;
      color: #505050;
      margin: 1em 0 0;
      line-height: 1.8em; }
      @media only screen and (min-width: 768px) {
        .column .column_cont p.text {
          font-size: calc(18 / 1380 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1380px) {
        .column .column_cont p.text {
          font-size: 1.8rem;
          margin: 0; } }
  .column p.text {
    font-size: 3.466vw;
    color: #505050;
    margin: 0 0;
    line-height: 1.8em; }
    @media only screen and (min-width: 768px) {
      .column p.text {
        font-size: calc(18 / 1380 * 100vw);
        margin: 0; } }
    @media only screen and (min-width: 1380px) {
      .column p.text {
        font-size: 1.8rem;
        margin: 0; } }
  .column p.date {
    width: 100%;
    text-align: right;
    font-size: 3.466vw;
    margin: 0.5em 0 0 0; }
    @media only screen and (min-width: 768px) {
      .column p.date {
        font-size: calc(18 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .column p.date {
        font-size: 1.8rem; } }

/**** 装飾 ****/
.inline_browser {
  padding: 0;
  color: #3f7fc2;
  margin: 0.5em 0 0 0;
  height: 1.2em;
  font-size: 3.466vw; }
  @media only screen and (min-width: 768px) {
    .inline_browser {
      font-size: calc(18 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .inline_browser {
      font-size: 1.8rem; } }
  .inline_browser::after {
    content: '';
    /*何も入れない*/
    display: inline-block;
    width: 1.3em;
    /*画像の幅*/
    height: 1.7em;
    /*画像の高さ*/
    background-image: url(../img/common/btn_browser_g.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    vertical-align: middle;
    margin: 0 0 0em 0.5em; }

.inline_browser_w {
  padding: 0;
  color: #FFF;
  margin: 0.5em 0 0 0;
  height: 1.2em;
  font-size: 3.466vw; }
  @media only screen and (min-width: 768px) {
    .inline_browser_w {
      font-size: calc(18 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .inline_browser_w {
      font-size: 1.8rem; } }
  .inline_browser_w::after {
    content: '';
    /*何も入れない*/
    display: inline-block;
    width: 1.3em;
    /*画像の幅*/
    height: 1.7em;
    /*画像の高さ*/
    background-image: url(../img/common/btn_browser_w.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    vertical-align: middle;
    margin: 0 0 0em 0.5em; }

.inline_pdf {
  padding: 0;
  color: #3f7fc2;
  margin: 0.5em 0 0 0;
  height: 1.2em;
  font-size: 3.466vw; }
  @media only screen and (min-width: 768px) {
    .inline_pdf {
      font-size: calc(18 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .inline_pdf {
      font-size: 1.8rem; } }
  .inline_pdf::after {
    content: '';
    /*何も入れない*/
    display: inline-block;
    width: 1.3em;
    /*画像の幅*/
    height: 1.7em;
    /*画像の高さ*/
    background-image: url(../img/common/list_pdf.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    vertical-align: middle;
    margin: 0 0 0.2em 0.5em; }

.inline_word {
  padding: 0;
  color: #3f7fc2;
  margin: 0.5em 0 0 0;
  height: 1.2em;
  font-size: 3.466vw; }
  @media only screen and (min-width: 768px) {
    .inline_word {
      font-size: calc(18 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .inline_word {
      font-size: 1.8rem; } }
  .inline_word::after {
    content: '';
    /*何も入れない*/
    display: inline-block;
    width: 1.3em;
    /*画像の幅*/
    height: 1.7em;
    /*画像の高さ*/
    background-image: url(../img/common/list_word.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    vertical-align: middle;
    margin: 0 0 0.2em 0.5em; }

.list_arrow {
  display: block;
  padding: 0;
  color: #3f7fc2;
  margin: 0;
  padding: 0 0 0 0.8em;
  height: auto;
  font-size: 3.466vw;
  line-height: 1.2em;
  text-align: left;
  background: url("../img/common/btn_arrow_mb.svg") center left 0% no-repeat;
  background-size: 1.2vw auto; }
  @media only screen and (min-width: 768px) {
    .list_arrow {
      font-size: calc(18 / 1380 * 100vw);
      background-size: calc(7 / 1380 * 100vw) auto; } }
  @media only screen and (min-width: 1380px) {
    .list_arrow {
      font-size: 1.8rem;
      background-size: 7px auto; } }

/**** リスト ****/
.list_link {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 3vw; }
  @media only screen and (min-width: 768px) {
    .list_link {
      margin-top: calc(15 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .list_link {
      margin-top: 15px; } }
  .list_link li {
    width: 100%;
    margin-bottom: 1em;
    font-size: 3.466vw; }
    @media only screen and (min-width: 768px) {
      .list_link li {
        width: 47%;
        font-size: calc(18 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .list_link li {
        font-size: 1.8rem; } }
    .list_link li span {
      padding-left: 0.8em; }
  .list_link li.dot {
    width: 100%;
    margin-bottom: 0;
    font-size: 3.466vw;
    border-bottom: dotted 3px #c1c4d1;
    padding: 0 0 1em 0.2em; }
    @media only screen and (min-width: 768px) {
      .list_link li.dot {
        width: 47%;
        font-size: calc(18 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .list_link li.dot {
        font-size: 1.8rem; } }
    .list_link li.dot span {
      padding-left: 0.8em; }
    .list_link li.dot .add {
      line-height: 1.3em;
      padding: 0em 0 0em; }
      .list_link li.dot .add span {
        padding: 0;
        color: #2b75ca;
        margin-top: 0.3em; }
      .list_link li.dot .add a {
        margin-top: 0em; }
    .list_link li.dot .second {
      margin-top: 1em; }
  @media only screen and (min-width: 768px) {
    .list_link.full li {
      width: 100%; } }
  .list_link.full li + li {
    margin-top: 1.2em; }
  @media only screen and (min-width: 768px) {
    .list_link.three li {
      width: 30%; } }

.area_list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0vw; }
  @media only screen and (min-width: 768px) {
    .area_list {
      margin-top: calc(0 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .area_list {
      margin-top: 0px; } }
  .area_list li {
    width: 100%;
    margin-bottom: 0;
    font-size: 3.466vw;
    border-bottom: dotted 3px #c1c4d1;
    line-height: 1.4em;
    padding: 0 0 1em 0.2em; }
    @media only screen and (min-width: 768px) {
      .area_list li {
        width: 100%;
        font-size: calc(18 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .area_list li {
        font-size: 1.8rem; } }
    .area_list li span {
      padding: 0;
      color: #2b75ca;
      margin-left: 0; }
    .area_list li a {
      margin: 0.5em 0 0.2em; }
      .area_list li a.last {
        margin-bottom: 0; }
    .area_list li .second {
      margin-top: 1.5em; }
    .area_list li .second:first-child {
      margin-top: 0.5em; }
    .area_list li .nolink {
      margin: 0.5em 0 0.2em;
      color: #505050; }
      .area_list li .nolink.last {
        margin-bottom: 0; }

.list_link + h4, .area_link + h4 {
  margin-top: 7vw; }
  @media only screen and (min-width: 768px) {
    .list_link + h4, .area_link + h4 {
      margin-top: calc(25 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .list_link + h4, .area_link + h4 {
      margin-top: 25px; } }

.md_h2 + .list_link, .md_h2 + .area_link {
  margin-top: 8vw; }
  @media only screen and (min-width: 768px) {
    .md_h2 + .list_link, .md_h2 + .area_link {
      margin-top: calc(50 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .md_h2 + .list_link, .md_h2 + .area_link {
      margin-top: 50px; } }

.list_dot {
  font-size: 3.466vw;
  margin: 1em 0 0;
  line-height: 1.8em; }
  @media only screen and (min-width: 768px) {
    .list_dot {
      font-size: calc(18 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .list_dot {
      font-size: 1.8rem; } }
  .list_dot li {
    list-style: disc;
    margin-left: 1em;
    margin-top: 0.5em; }
  .list_dot li.kome {
    list-style: none;
    margin-left: 0.5em 0 0 1em;
    text-indent: -1em; }

/**** コンテンツ ****/
.text {
  font-size: 3.466vw;
  line-height: 1.8em; }
  @media only screen and (min-width: 768px) {
    .text {
      font-size: calc(18 / 1380 * 100vw);
      margin-top: 1em; } }
  @media only screen and (min-width: 1380px) {
    .text {
      font-size: 1.8rem; } }
  .text span {
    color: #3f7fc2; }
  .text span.red {
    color: #ff003c !important; }
  .text a {
    color: #3f7fc2; }

.ph {
  margin: 0; }
  @media only screen and (min-width: 768px) {
    .ph {
      margin: 0; } }
  @media only screen and (min-width: 1380px) {
    .ph {
      margin: 0; } }
  .ph .cap {
    display: inline-block;
    margin-top: 0.5em;
    font-size: 3vw; }
    @media only screen and (min-width: 768px) {
      .ph .cap {
        font-size: calc(15 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .ph .cap {
        font-size: 1.5rem; } }

.twoblock {
  font-size: 3.466vw;
  margin-top: 10vw; }
  @media only screen and (min-width: 768px) {
    .twoblock {
      display: flex;
      justify-content: space-between;
      margin-top: calc(70 / 1380 * 100vw);
      font-size: calc(18 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .twoblock {
      font-size: 1.8rem;
      margin-top: 70px; } }
  .twoblock .text_area {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .twoblock .text_area {
        width: auto; } }
    .twoblock .text_area .text:first-child {
      margin-top: 0; }
  .twoblock .ph {
    margin: 0; }
    @media only screen and (min-width: 768px) {
      .twoblock .ph {
        margin: 0; } }
    @media only screen and (min-width: 1380px) {
      .twoblock .ph {
        margin: 0; } }

.twoblock02 {
  font-size: 3.466vw;
  margin-top: 10vw; }
  @media only screen and (min-width: 768px) {
    .twoblock02 {
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      margin-top: calc(70 / 1380 * 100vw);
      font-size: calc(18 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .twoblock02 {
      font-size: 1.8rem;
      margin-top: 70px; } }
  .twoblock02 .text_area {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .twoblock02 .text_area {
        width: auto; } }
    .twoblock02 .text_area .text:first-child {
      margin-top: 0; }
  .twoblock02 .ph {
    margin: 0; }
    @media only screen and (min-width: 768px) {
      .twoblock02 .ph {
        margin: 0; } }
    @media only screen and (min-width: 1380px) {
      .twoblock02 .ph {
        margin: 0; } }

.oneblock .text {
  font-size: 3.466vw;
  color: #505050;
  margin: 3em 0 0;
  line-height: 1.8em; }
  @media only screen and (min-width: 768px) {
    .oneblock .text {
      font-size: calc(18 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .oneblock .text {
      font-size: 1.8rem; } }
  .oneblock .text:first-child {
    margin: 1.5em 0 0; }
.oneblock .ph {
  width: 100%;
  margin: 5vw auto 0; }
  @media only screen and (min-width: 768px) {
    .oneblock .ph {
      width: calc(670 / 1380 * 100vw);
      margin: calc(80 / 1380 * 100vw) auto 0; } }
  @media only screen and (min-width: 1380px) {
    .oneblock .ph {
      width: 670px;
      margin: 80px auto 0; } }
@media only screen and (min-width: 768px) {
  .oneblock .text + .ph {
    margin: calc(80 / 1380 * 100vw) auto 0; } }
@media only screen and (min-width: 1380px) {
  .oneblock .text + .ph {
    margin: 80px auto 0; } }
@media only screen and (min-width: 768px) {
  .oneblock .ph + .text {
    margin: calc(80 / 1380 * 100vw) auto 0; } }
@media only screen and (min-width: 1380px) {
  .oneblock .ph + .text {
    margin: 80px auto 0; } }
.oneblock ol {
  margin: 3em 0 0 1.5em; }
  .oneblock ol li {
    list-style-type: decimal;
    font-size: 3.466vw;
    color: #505050;
    margin-top: 0.5em;
    line-height: 1.8em;
    padding-left: 0.8em; }
    @media only screen and (min-width: 768px) {
      .oneblock ol li {
        font-size: calc(18 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .oneblock ol li {
        font-size: 1.8rem; } }
    .oneblock ol li:first-child {
      margin: 0 0 0; }

.report_block .text {
  font-size: 3.466vw;
  color: #505050;
  margin: 3em 0 0;
  line-height: 1.8em; }
  @media only screen and (min-width: 768px) {
    .report_block .text {
      font-size: calc(18 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .report_block .text {
      font-size: 1.8rem; } }
  .report_block .text:first-child {
    margin: 1.5em 0 0; }
  .report_block .text.text_r {
    width: 100%;
    text-align: right; }
.report_block .text_l1em {
  font-size: 3.466vw;
  color: #505050;
  margin: 0em 0 0 1em;
  line-height: 1.8em; }
  @media only screen and (min-width: 768px) {
    .report_block .text_l1em {
      font-size: calc(18 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .report_block .text_l1em {
      font-size: 1.8rem; } }
  .report_block .text_l1em:first-child {
    margin: 1.5em 0 0; }
.report_block .text_number {
  font-size: 3.466vw;
  color: #505050;
  text-indent: -1em;
  margin: 0em 0 0 1em;
  line-height: 1.8em; }
  @media only screen and (min-width: 768px) {
    .report_block .text_number {
      font-size: calc(18 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .report_block .text_number {
      font-size: 1.8rem; } }
  .report_block .text_number:first-child {
    margin: 1.5em 0 0; }
.report_block .ph {
  width: 100%;
  margin: 5vw auto 0; }
  @media only screen and (min-width: 768px) {
    .report_block .ph {
      width: calc(670 / 1380 * 100vw);
      margin: calc(80 / 1380 * 100vw) auto 0; } }
  @media only screen and (min-width: 1380px) {
    .report_block .ph {
      width: 670px;
      margin: 80px auto 0; } }
@media only screen and (min-width: 768px) {
  .report_block .text + .ph {
    margin: calc(80 / 1380 * 100vw) auto 0; } }
@media only screen and (min-width: 1380px) {
  .report_block .text + .ph {
    margin: 80px auto 0; } }
.report_block .text + .text {
  margin: 1em auto 0; }
@media only screen and (min-width: 768px) {
  .report_block .ph + .text, .report_block .ph + h4 {
    margin: calc(80 / 1380 * 100vw) auto 0; } }
@media only screen and (min-width: 1380px) {
  .report_block .ph + .text, .report_block .ph + h4 {
    margin: 80px auto 0; } }
.report_block ol {
  margin: 3em 0 0 1.5em; }
  .report_block ol li {
    list-style-type: decimal;
    font-size: 3.466vw;
    color: #505050;
    margin-top: 0.5em;
    line-height: 1.8em;
    padding-left: 0.8em; }
    @media only screen and (min-width: 768px) {
      .report_block ol li {
        font-size: calc(18 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .report_block ol li {
        font-size: 1.8rem; } }
    .report_block ol li:first-child {
      margin: 0 0 0; }
.report_block .date {
  text-align: right;
  margin-top: 1.5em;
  font-size: 3.466vw; }
  @media only screen and (min-width: 768px) {
    .report_block .date {
      font-size: calc(18 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .report_block .date {
      font-size: 1.8rem; } }
.report_block .date + .text {
  margin-top: 1em; }

.list_item {
  font-size: 3.466vw;
  margin-top: 1em;
  line-height: 1.8em;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
  @media only screen and (min-width: 768px) {
    .list_item {
      font-size: calc(18 / 1380 * 100vw);
      margin-top: calc(25 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .list_item {
      font-size: 1.8rem;
      margin-top: 25px; } }
  .list_item dt {
    width: 100%;
    margin-top: 0.8em;
    line-height: 1.5em;
    color: #3f7fc2;
    font-weight: bold;
    white-space: nowrap; }
    @media only screen and (min-width: 768px) {
      .list_item dt {
        width: 5em;
        margin-top: 0.5em; } }
    .list_item dt.first {
      margin-top: 0; }
  .list_item dd {
    width: 100%;
    margin-left: 0;
    margin-top: 0.2em;
    line-height: 1.5em; }
    @media only screen and (min-width: 768px) {
      .list_item dd {
        margin-top: 0.5em;
        margin-left: 0.5em;
        width: calc(100% - 6.5em); } }
    .list_item dd.first {
      margin-top: 0; }

.news_cont {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 3.2vw auto; }
  @media only screen and (min-width: 768px) {
    .news_cont {
      text-align: left;
      font-size: calc(35 / 1380 * 100vw);
      width: calc(862 / 1380 * 100vw);
      margin: calc(50 / 1380 * 100vw) auto 0; } }
  @media only screen and (min-width: 1380px) {
    .news_cont {
      font-size: 3.5rem;
      width: 862px;
      margin: 50px auto 0; } }
  .news_cont dt {
    font-size: 2.933vw;
    font-weight: bold;
    width: 18%;
    border-bottom: #b9bbd9 solid 1px;
    padding: 1em 0;
    line-height: 1.2em; }
    @media only screen and (min-width: 768px) {
      .news_cont dt {
        text-align: left;
        font-size: calc(18 / 1380 * 100vw);
        width: calc(140 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .news_cont dt {
        font-size: 1.8rem;
        width: 140px; } }
  .news_cont dd {
    font-size: 2.933vw;
    width: 82%;
    border-bottom: #b9bbd9 solid 1px;
    padding: 1em 0;
    line-height: 1.3em; }
    @media only screen and (min-width: 768px) {
      .news_cont dd {
        text-align: left;
        font-size: calc(18 / 1380 * 100vw);
        width: calc(722 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .news_cont dd {
        font-size: 1.8rem;
        width: 722px; } }

.text_area .list_item {
  margin-top: 0; }

.close_comment {
  border: #FF0000 solid 1px;
  padding: 0.8em;
  margin: 1em auto 0;
  color: #FF0000;
  line-height: 1.6em;
  font-size: 3.2vw !important; }
  @media only screen and (min-width: 768px) {
    .close_comment {
      font-size: calc(20 / 1380 * 100vw) !important; } }
  @media only screen and (min-width: 1380px) {
    .close_comment {
      font-size: 2rem !important; } }

.note, .cap {
  margin-top: 0.5em;
  display: inline-block;
  font-size: 3vw !important;
  line-height: 1.3em; }
  @media only screen and (min-width: 768px) {
    .note, .cap {
      font-size: calc(15 / 1380 * 100vw) !important; } }
  @media only screen and (min-width: 1380px) {
    .note, .cap {
      font-size: 1.5rem !important; } }

/*マージン調整*/
.mt0_5 {
  margin-top: 0.5em !important; }

.mt4 {
  margin-top: 4em !important; }

.mt0 {
  margin-top: 0em !important; }

/*******　タイトルエリア　*******/
.about .cont_type_a {
  margin: 5vw auto 0; }
  @media only screen and (min-width: 768px) {
    .about .cont_type_a {
      margin: calc(60 / 1380 * 100vw) auto 0; } }
  @media only screen and (min-width: 1380px) {
    .about .cont_type_a {
      margin: 60px auto 0; } }
  .about .cont_type_a .column {
    padding: 15vw 0; }
    @media only screen and (min-width: 768px) {
      .about .cont_type_a .column {
        padding: calc(120 / 1380 * 100vw) 0; } }
    @media only screen and (min-width: 1380px) {
      .about .cont_type_a .column {
        padding: 120px 0; } }
    .about .cont_type_a .column .about_logo {
      width: 80vw;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .about .cont_type_a .column .about_logo {
          width: calc(497 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .about .cont_type_a .column .about_logo {
          width: 497px; } }
  .about .cont_type_a .lead_center p + p {
    margin-top: 1em; }
  .about .cont_type_a .about_ill {
    width: 70vw;
    margin: 10vw auto 0; }
    @media only screen and (min-width: 768px) {
      .about .cont_type_a .about_ill {
        width: calc(546 / 1380 * 100vw);
        margin: calc(115 / 1380 * 100vw) auto 0; } }
    @media only screen and (min-width: 1380px) {
      .about .cont_type_a .about_ill {
        width: 546px;
        margin: 115px auto 0; } }
  .about .cont_type_a .about_bt_shoulder {
    font-size: 3.466vw;
    line-height: 2em;
    margin: 15vw auto 0;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .about .cont_type_a .about_bt_shoulder {
        margin: calc(100 / 1380 * 100vw) auto 0;
        font-size: calc(18 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .about .cont_type_a .about_bt_shoulder {
        margin: 100px auto 0;
        font-size: 1.8rem; } }
  .about .cont_type_a .btn-skyblue {
    margin: 1em auto 0; }
  .about .cont_type_a .banarea {
    width: 100%;
    margin: 7vw auto 0;
    /*******　HTMLコードが入ったら差替　
    .ban_s{
      width: 39%;
      margin: 10vw auto 0 0;
      @include media(tb){
        width: calc(234 / 1380 * 100vw);
        margin: calc(50/ 1380 * 100vw) auto 0 0;
      }
      @include media(pc){
        width: 234px;
        margin: 50px auto 0 0;
      }
    }
    .ban_m{
      width: 53.333%;
      margin: 10vw auto 0 0;
      @include media(tb){
        width: calc(320 / 1380 * 100vw);
        margin: calc(50/ 1380 * 100vw) auto 0 0;
      }
      @include media(pc){
        width: 320px;
        margin: 50px auto 0 0;
      }
    }
    .ban_l{
      width: 100%;
      margin: 10vw auto 0 0;
      @include media(tb){
        width: calc(600 / 1380 * 100vw);
        margin: calc(50/ 1380 * 100vw) auto 0 0;
      }
      @include media(pc){
        width: 600px;
        margin: 50px auto 0 0;
      }
    }*******/ }
    @media only screen and (min-width: 768px) {
      .about .cont_type_a .banarea {
        width: calc(600 / 1380 * 100vw);
        margin: calc(0/ 1380 * 100vw) auto 0; } }
    @media only screen and (min-width: 1380px) {
      .about .cont_type_a .banarea {
        width: 600px;
        margin: 0px auto 0; } }
    .about .cont_type_a .banarea .ban_s {
      width: 39%;
      margin: 5vw auto 0 0; }
      @media only screen and (min-width: 768px) {
        .about .cont_type_a .banarea .ban_s {
          width: calc(234 / 1380 * 100vw);
          margin: calc(20/ 1380 * 100vw) auto 0 0; } }
      @media only screen and (min-width: 1380px) {
        .about .cont_type_a .banarea .ban_s {
          width: 234px;
          margin: 20px auto 0 0; } }
    .about .cont_type_a .banarea .ban_m {
      width: 53.333%;
      margin: 5vw auto 0 0; }
      @media only screen and (min-width: 768px) {
        .about .cont_type_a .banarea .ban_m {
          width: calc(320 / 1380 * 100vw);
          margin: calc(20/ 1380 * 100vw) auto 0 0; } }
      @media only screen and (min-width: 1380px) {
        .about .cont_type_a .banarea .ban_m {
          width: 320px;
          margin: 20px auto 0 0; } }
    .about .cont_type_a .banarea .ban_l {
      width: 100%;
      margin: 8vw auto 0 0; }
      @media only screen and (min-width: 768px) {
        .about .cont_type_a .banarea .ban_l {
          width: calc(600 / 1380 * 100vw);
          margin: calc(30/ 1380 * 100vw) auto 0 0; } }
      @media only screen and (min-width: 1380px) {
        .about .cont_type_a .banarea .ban_l {
          width: 600px;
          margin: 30px auto 0 0; } }
    .about .cont_type_a .banarea .ban_quadrilateral {
      width: 70%;
      margin: 8vw auto 0 0; }
      @media only screen and (min-width: 768px) {
        .about .cont_type_a .banarea .ban_quadrilateral {
          width: calc(400 / 1380 * 100vw);
          margin: calc(30/ 1380 * 100vw) auto 0 0; } }
      @media only screen and (min-width: 1380px) {
        .about .cont_type_a .banarea .ban_quadrilateral {
          width: 400px;
          margin: 30px auto 0 0; } }
    .about .cont_type_a .banarea .code_ti {
      background: #e1e1e1;
      padding: 0.3em 0.8em;
      font-size: 3.466vw;
      font-weight: bold;
      margin: 5vw auto 0; }
      @media only screen and (min-width: 768px) {
        .about .cont_type_a .banarea .code_ti {
          margin: calc(20 / 1380 * 100vw) auto 0;
          font-size: calc(18 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .about .cont_type_a .banarea .code_ti {
          margin: 20px auto 0;
          font-size: 1.8rem; } }
    .about .cont_type_a .banarea .code {
      padding: 1em;
      background: #f4f4f4;
      font-size: 3vw;
      line-height: 1.5em; }
      @media only screen and (min-width: 768px) {
        .about .cont_type_a .banarea .code {
          font-size: calc(16 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .about .cont_type_a .banarea .code {
          font-size: 1.6rem; } }
    .about .cont_type_a .banarea .text_code {
      margin-top: 15vw; }
      @media only screen and (min-width: 768px) {
        .about .cont_type_a .banarea .text_code {
          margin-top: calc(70 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .about .cont_type_a .banarea .text_code {
          margin-top: 70px; } }
  .about .cont_type_a .manabee_wrap {
    width: 90vw;
    margin: 10vw auto 0;
    border: 2px solid #2b75ca;
    padding: 5vw; }
    @media only screen and (min-width: 768px) {
      .about .cont_type_a .manabee_wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        padding: calc(55 / 1380 * 100vw) calc(70 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .about .cont_type_a .manabee_wrap {
        padding: 55px 70px; } }
    .about .cont_type_a .manabee_wrap .md_h3_type_b {
      margin-top: 0;
      width: 100%; }
    .about .cont_type_a .manabee_wrap .manabee_text {
      font-size: 3.466vw;
      margin-top: 1.5em;
      line-height: 2em; }
      @media only screen and (min-width: 768px) {
        .about .cont_type_a .manabee_wrap .manabee_text {
          width: calc(600 / 1380 * 100vw);
          font-size: calc(18 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .about .cont_type_a .manabee_wrap .manabee_text {
          width: 600px;
          font-size: 1.8rem; } }
    .about .cont_type_a .manabee_wrap .manabee_ill {
      margin-top: 1.5em;
      text-align: center;
      padding: 5vw 15vw; }
      @media only screen and (min-width: 768px) {
        .about .cont_type_a .manabee_wrap .manabee_ill {
          width: calc(204 / 1380 * 100vw);
          padding: 0; } }
      @media only screen and (min-width: 1380px) {
        .about .cont_type_a .manabee_wrap .manabee_ill {
          width: 204px; } }

/*******　タイトルエリア　*******/
.study .index_w .index_w_inner, .study .index_w .index_b_inner, .study .index_b .index_w_inner, .study .index_b .index_b_inner {
  width: 90vw;
  margin: 0 auto;
  padding: 10.4vw 0 13.333vw; }
  @media only screen and (min-width: 768px) {
    .study .index_w .index_w_inner, .study .index_w .index_b_inner, .study .index_b .index_w_inner, .study .index_b .index_b_inner {
      width: calc(1000 / 1380 * 100vw);
      padding: calc(80 / 1380 * 100vw) 0 calc(115 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .study .index_w .index_w_inner, .study .index_w .index_b_inner, .study .index_b .index_w_inner, .study .index_b .index_b_inner {
      width: 1000px;
      padding: 80px 0 115px; } }
  .study .index_w .index_w_inner h2, .study .index_w .index_b_inner h2, .study .index_b .index_w_inner h2, .study .index_b .index_b_inner h2 {
    color: #505050;
    text-align: center;
    font-size: 5.333vw; }
    @media only screen and (min-width: 768px) {
      .study .index_w .index_w_inner h2, .study .index_w .index_b_inner h2, .study .index_b .index_w_inner h2, .study .index_b .index_b_inner h2 {
        font-size: calc(38 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .study .index_w .index_w_inner h2, .study .index_w .index_b_inner h2, .study .index_b .index_w_inner h2, .study .index_b .index_b_inner h2 {
        font-size: 3.8rem; } }
    .study .index_w .index_w_inner h2 span, .study .index_w .index_b_inner h2 span, .study .index_b .index_w_inner h2 span, .study .index_b .index_b_inner h2 span {
      color: #3f7fc2; }
    .study .index_w .index_w_inner h2 img, .study .index_w .index_b_inner h2 img, .study .index_b .index_w_inner h2 img, .study .index_b .index_b_inner h2 img {
      width: 12.666vw;
      margin-bottom: 3vw; }
      @media only screen and (min-width: 768px) {
        .study .index_w .index_w_inner h2 img, .study .index_w .index_b_inner h2 img, .study .index_b .index_w_inner h2 img, .study .index_b .index_b_inner h2 img {
          width: calc(95 / 1380 * 100vw);
          margin-bottom: calc(25 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .study .index_w .index_w_inner h2 img, .study .index_w .index_b_inner h2 img, .study .index_b .index_w_inner h2 img, .study .index_b .index_b_inner h2 img {
          width: 95px;
          margin-bottom: 25px; } }
  .study .index_w .index_w_inner .index_cont, .study .index_w .index_b_inner .index_cont, .study .index_b .index_w_inner .index_cont, .study .index_b .index_b_inner .index_cont {
    width: 100%;
    margin: 5vw auto 0; }
    @media only screen and (min-width: 768px) {
      .study .index_w .index_w_inner .index_cont, .study .index_w .index_b_inner .index_cont, .study .index_b .index_w_inner .index_cont, .study .index_b .index_b_inner .index_cont {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: calc(46 / 1380 * 100vw) auto 0; } }
    @media only screen and (min-width: 1380px) {
      .study .index_w .index_w_inner .index_cont, .study .index_w .index_b_inner .index_cont, .study .index_b .index_w_inner .index_cont, .study .index_b .index_b_inner .index_cont {
        margin: 46px auto 0; } }
    .study .index_w .index_w_inner .index_cont .ill, .study .index_w .index_b_inner .index_cont .ill, .study .index_b .index_w_inner .index_cont .ill, .study .index_b .index_b_inner .index_cont .ill {
      width: 100%;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        .study .index_w .index_w_inner .index_cont .ill, .study .index_w .index_b_inner .index_cont .ill, .study .index_b .index_w_inner .index_cont .ill, .study .index_b .index_b_inner .index_cont .ill {
          width: calc(364 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .study .index_w .index_w_inner .index_cont .ill, .study .index_w .index_b_inner .index_cont .ill, .study .index_b .index_w_inner .index_cont .ill, .study .index_b .index_b_inner .index_cont .ill {
          width: 364px; } }
      .study .index_w .index_w_inner .index_cont .ill img, .study .index_w .index_b_inner .index_cont .ill img, .study .index_b .index_w_inner .index_cont .ill img, .study .index_b .index_b_inner .index_cont .ill img {
        width: 34vw;
        margin: 0 auto; }
        @media only screen and (min-width: 768px) {
          .study .index_w .index_w_inner .index_cont .ill img, .study .index_w .index_b_inner .index_cont .ill img, .study .index_b .index_w_inner .index_cont .ill img, .study .index_b .index_b_inner .index_cont .ill img {
            width: 100%; } }
    .study .index_w .index_w_inner .index_cont .text, .study .index_w .index_b_inner .index_cont .text, .study .index_b .index_w_inner .index_cont .text, .study .index_b .index_b_inner .index_cont .text {
      width: 100%;
      margin: 3.6vw auto 0; }
      @media only screen and (min-width: 768px) {
        .study .index_w .index_w_inner .index_cont .text, .study .index_w .index_b_inner .index_cont .text, .study .index_b .index_w_inner .index_cont .text, .study .index_b .index_b_inner .index_cont .text {
          width: calc(590 / 1380 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1380px) {
        .study .index_w .index_w_inner .index_cont .text, .study .index_w .index_b_inner .index_cont .text, .study .index_b .index_w_inner .index_cont .text, .study .index_b .index_b_inner .index_cont .text {
          width: 590px; } }
      .study .index_w .index_w_inner .index_cont .text p, .study .index_w .index_b_inner .index_cont .text p, .study .index_b .index_w_inner .index_cont .text p, .study .index_b .index_b_inner .index_cont .text p {
        width: 100%;
        font-size: 3.6vw;
        line-height: 1.85em; }
        @media only screen and (min-width: 768px) {
          .study .index_w .index_w_inner .index_cont .text p, .study .index_w .index_b_inner .index_cont .text p, .study .index_b .index_w_inner .index_cont .text p, .study .index_b .index_b_inner .index_cont .text p {
            font-size: calc(18 / 1380 * 100vw);
            line-height: 2.25em; } }
        @media only screen and (min-width: 1380px) {
          .study .index_w .index_w_inner .index_cont .text p, .study .index_w .index_b_inner .index_cont .text p, .study .index_b .index_w_inner .index_cont .text p, .study .index_b .index_b_inner .index_cont .text p {
            font-size: 1.8rem; } }
      .study .index_w .index_w_inner .index_cont .text .manabi_index-btn, .study .index_w .index_b_inner .index_cont .text .manabi_index-btn, .study .index_b .index_w_inner .index_cont .text .manabi_index-btn, .study .index_b .index_b_inner .index_cont .text .manabi_index-btn {
        margin: 11vw auto 0; }
        @media only screen and (min-width: 768px) {
          .study .index_w .index_w_inner .index_cont .text .manabi_index-btn, .study .index_w .index_b_inner .index_cont .text .manabi_index-btn, .study .index_b .index_w_inner .index_cont .text .manabi_index-btn, .study .index_b .index_b_inner .index_cont .text .manabi_index-btn {
            margin: calc(50 / 1380 * 100vw) 0 0; } }
        @media only screen and (min-width: 1380px) {
          .study .index_w .index_w_inner .index_cont .text .manabi_index-btn, .study .index_w .index_b_inner .index_cont .text .manabi_index-btn, .study .index_b .index_w_inner .index_cont .text .manabi_index-btn, .study .index_b .index_b_inner .index_cont .text .manabi_index-btn {
            margin: 50px 0 0; } }
        .study .index_w .index_w_inner .index_cont .text .manabi_index-btn a, .study .index_w .index_b_inner .index_cont .text .manabi_index-btn a, .study .index_b .index_w_inner .index_cont .text .manabi_index-btn a, .study .index_b .index_b_inner .index_cont .text .manabi_index-btn a {
          margin: 0 auto; }
          @media only screen and (min-width: 768px) {
            .study .index_w .index_w_inner .index_cont .text .manabi_index-btn a, .study .index_w .index_b_inner .index_cont .text .manabi_index-btn a, .study .index_b .index_w_inner .index_cont .text .manabi_index-btn a, .study .index_b .index_b_inner .index_cont .text .manabi_index-btn a {
              margin: 0; } }
.study .index_b {
  background-color: #DFF2FE; }
  .study .index_b .index_b_inner .index_cont {
    flex-direction: row-reverse; }

.study_navi {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 5vw;
  padding-right: 2px;
  z-index: 100; }
  @media only screen and (min-width: 768px) {
    .study_navi {
      margin-top: calc(50 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .study_navi {
      margin-top: 50px; } }
  .study_navi li {
    width: 32%;
    margin-top: 2vw; }
    @media only screen and (min-width: 768px) {
      .study_navi li {
        width: 19.5%;
        margin-top: calc(8 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .study_navi li {
        margin-top: 8px; } }
    .study_navi li a.btn_arrow_plink {
      display: block;
      width: 100%;
      min-height: 8vw;
      line-height: 1.3em;
      border-radius: 6.7vw;
      color: #2b75ca;
      text-align: center;
      font-size: 2.9vw;
      font-weight: bold;
      background: #FFF url("../img/common/btn_arrow_plink.svg") center right 7% no-repeat;
      background-size: 1.5vw auto;
      border: 1px solid #2b75ca;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media only screen and (min-width: 768px) {
        .study_navi li a.btn_arrow_plink {
          min-height: calc(50 / 1380 * 100vw);
          border-radius: calc(40 / 1380 * 100vw);
          font-size: calc(18 / 1380 * 100vw);
          background-size: calc(7 / 1380 * 100vw) auto; } }
      @media only screen and (min-width: 1380px) {
        .study_navi li a.btn_arrow_plink {
          min-height: 50px;
          border-radius: 40px;
          font-size: 1.8rem;
          background-size: 7px auto; } }
      .study_navi li a.btn_arrow_plink:hover {
        opacity: 0.8;
        text-decoration: none; }

#reading01 + h3.md_h3_type_a {
  margin-top: 0vw; }
  @media only screen and (min-width: 768px) {
    #reading01 + h3.md_h3_type_a {
      margin-top: calc(0 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    #reading01 + h3.md_h3_type_a {
      margin-top: 0px; } }

#reading01, .report_id00 {
  margin-top: -15vw;
  padding: 20vw 0 0.2em 0; }
  @media only screen and (min-width: 768px) {
    #reading01, .report_id00 {
      margin-top: calc(-200 / 1380 * 100vw);
      padding: calc(250 / 1380 * 100vw) 0 0.2em 0; } }
  @media only screen and (min-width: 1380px) {
    #reading01, .report_id00 {
      margin-top: -80px;
      padding: 120px 0 0 0; } }

#reading02, #reading03, #reading04, .report_id {
  margin-top: -10vw;
  padding: 8vw 0 0.2em 0; }
  @media only screen and (min-width: 768px) {
    #reading02, #reading03, #reading04, .report_id {
      margin-top: calc(-100 / 1380 * 100vw);
      padding: calc(160 / 1380 * 100vw) 0 0.2em 0; } }
  @media only screen and (min-width: 1000px) {
    #reading02, #reading03, #reading04, .report_id {
      margin-top: calc(-10 / 1380 * 100vw);
      padding: calc(50 / 1380 * 100vw) 0 0.2em 0; } }
  @media only screen and (min-width: 1380px) {
    #reading02, #reading03, #reading04, .report_id {
      margin-top: -10px;
      padding: 50px 0 0 0; } }

.text + h4 {
  margin-top: 2.5em !important; }

h4 + .text {
  margin-top: 1em !important; }

/*******　タイトルエリア　*******/
.library .index_a {
  margin: 5vw 0 0 0; }
  @media only screen and (min-width: 768px) {
    .library .index_a {
      display: flex;
      justify-content: space-between;
      margin: calc(70 / 1380 * 100vw) auto 0;
      padding: 0 calc(190 / 1380 * 100vw) 0 0; } }
  @media only screen and (min-width: 1380px) {
    .library .index_a {
      margin: 70px auto 0;
      padding: 0 190px 0 0; } }
  .library .index_a .ph {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .library .index_a .ph {
        width: calc(542 / 1380 * 100vw);
        margin: calc(0 / 1380 * 100vw) auto 0 0; } }
    @media only screen and (min-width: 1380px) {
      .library .index_a .ph {
        width: 542px;
        margin: 0px auto 0 0; } }
  .library .index_a .text_area {
    width: 90vw;
    font-size: 3.466vw;
    color: #505050;
    margin: 5vw auto 0;
    line-height: 1.8em; }
    @media only screen and (min-width: 768px) {
      .library .index_a .text_area {
        font-size: calc(18 / 1380 * 100vw);
        width: calc(580 / 1380 * 100vw);
        margin: calc(0 / 1380 * 100vw) 0 0 auto; } }
    @media only screen and (min-width: 1380px) {
      .library .index_a .text_area {
        font-size: 1.8rem;
        width: 580px;
        margin: 0px 0 0 auto; } }
    .library .index_a .text_area p .blue {
      color: #3f7fc2; }
    .library .index_a .text_area p + p {
      margin-top: 1em; }
    .library .index_a .text_area .btn-skyblue, .library .index_a .text_area .btn-close {
      margin: 5vw auto 0; }
      @media only screen and (min-width: 768px) {
        .library .index_a .text_area .btn-skyblue, .library .index_a .text_area .btn-close {
          margin: calc(30 / 1380 * 100vw) auto 0 0; } }
      @media only screen and (min-width: 1380px) {
        .library .index_a .text_area .btn-skyblue, .library .index_a .text_area .btn-close {
          margin: 30px auto 0 0; } }
      .library .index_a .text_area .btn-skyblue a, .library .index_a .text_area .btn-close a {
        margin: 0 auto; }
        @media only screen and (min-width: 768px) {
          .library .index_a .text_area .btn-skyblue a, .library .index_a .text_area .btn-close a {
            margin: 0 auto 0 0; } }
        @media only screen and (min-width: 1380px) {
          .library .index_a .text_area .btn-skyblue a, .library .index_a .text_area .btn-close a {
            margin: 0 auto 0 0; } }
.library .index_b {
  background-color: transparent;
  margin: 5vw 0 0 0; }
  @media only screen and (min-width: 768px) {
    .library .index_b {
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      margin: calc(70 / 1380 * 100vw) auto 0;
      padding: 0 0 0 calc(190 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .library .index_b {
      margin: 70px auto 0;
      padding: 0 0 0 190px; } }
  .library .index_b .ph {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .library .index_b .ph {
        width: calc(542 / 1380 * 100vw);
        margin: calc(0 / 1380 * 100vw) 0 0 auto; } }
    @media only screen and (min-width: 1380px) {
      .library .index_b .ph {
        width: 542px;
        margin: 0px 0 0 auto; } }
  .library .index_b .text_area {
    width: 90vw;
    font-size: 3.466vw;
    color: #505050;
    margin: 5vw auto 0;
    line-height: 1.8em; }
    @media only screen and (min-width: 768px) {
      .library .index_b .text_area {
        font-size: calc(18 / 1380 * 100vw);
        width: calc(580 / 1380 * 100vw);
        margin: calc(0 / 1380 * 100vw) 0 0 0; } }
    @media only screen and (min-width: 1380px) {
      .library .index_b .text_area {
        font-size: 1.8rem;
        width: 580px;
        margin: 0px 0 0 0; } }
    .library .index_b .text_area .btn-skyblue, .library .index_b .text_area .btn-close {
      margin: 5vw auto 0; }
      @media only screen and (min-width: 768px) {
        .library .index_b .text_area .btn-skyblue, .library .index_b .text_area .btn-close {
          margin: calc(30 / 1380 * 100vw) auto 0 0; } }
      @media only screen and (min-width: 1380px) {
        .library .index_b .text_area .btn-skyblue, .library .index_b .text_area .btn-close {
          margin: 30px auto 0 0; } }
      .library .index_b .text_area .btn-skyblue a, .library .index_b .text_area .btn-close a {
        margin: 0 auto; }
        @media only screen and (min-width: 768px) {
          .library .index_b .text_area .btn-skyblue a, .library .index_b .text_area .btn-close a {
            margin: 0 auto 0 0; } }
        @media only screen and (min-width: 1380px) {
          .library .index_b .text_area .btn-skyblue a, .library .index_b .text_area .btn-close a {
            margin: 0 auto 0 0; } }
.library .index_outline {
  margin-top: 5vw; }
  @media only screen and (min-width: 768px) {
    .library .index_outline {
      display: flex;
      justify-content: space-between;
      margin-top: calc(43 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .library .index_outline {
      margin-top: 43px; } }
  .library .index_outline .ph {
    width: 50vw;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .library .index_outline .ph {
        width: calc(300 / 1380 * 100vw);
        margin: 0; } }
    @media only screen and (min-width: 1380px) {
      .library .index_outline .ph {
        width: 300px; } }
  .library .index_outline .text_area {
    width: 100%;
    margin: 5vw 0 0 0; }
    @media only screen and (min-width: 768px) {
      .library .index_outline .text_area {
        width: calc(652 / 1380 * 100vw);
        margin: 0; } }
    @media only screen and (min-width: 1380px) {
      .library .index_outline .text_area {
        width: 652px; } }
    .library .index_outline .text_area p.text {
      font-size: 3.466vw;
      color: #505050;
      margin: 0 0 0;
      line-height: 1.9em; }
      @media only screen and (min-width: 768px) {
        .library .index_outline .text_area p.text {
          font-size: calc(18 / 1380 * 100vw);
          margin: 0 0 0 0; } }
      @media only screen and (min-width: 1380px) {
        .library .index_outline .text_area p.text {
          font-size: 1.8rem;
          margin: 0 0 0 0; } }
  .library .index_outline .btn-skyblue, .library .index_outline .btn-close {
    margin: 5vw auto 0; }
    @media only screen and (min-width: 768px) {
      .library .index_outline .btn-skyblue, .library .index_outline .btn-close {
        margin: calc(30 / 1380 * 100vw) auto 0 0; } }
    @media only screen and (min-width: 1380px) {
      .library .index_outline .btn-skyblue, .library .index_outline .btn-close {
        margin: 30px auto 0 0; } }
    .library .index_outline .btn-skyblue a, .library .index_outline .btn-close a {
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .library .index_outline .btn-skyblue a, .library .index_outline .btn-close a {
          margin: 0 auto 0 0; } }
      @media only screen and (min-width: 1380px) {
        .library .index_outline .btn-skyblue a, .library .index_outline .btn-close a {
          margin: 0 auto 0 0; } }

/*******　タイトルエリア　*******/
.volunteer .cont_type_a .lead_block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 10vw; }
  @media only screen and (min-width: 768px) {
    .volunteer .cont_type_a .lead_block {
      margin-top: calc(100 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .volunteer .cont_type_a .lead_block {
      margin-top: 100px; } }
  .volunteer .cont_type_a .lead_block .ph {
    width: 80vw;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .volunteer .cont_type_a .lead_block .ph {
        width: calc(350 / 1380 * 100vw);
        margin: 0; } }
    @media only screen and (min-width: 1380px) {
      .volunteer .cont_type_a .lead_block .ph {
        width: 350px; } }
  .volunteer .cont_type_a .lead_block .text {
    font-size: 3.466vw;
    margin-top: 1em;
    line-height: 2em; }
    @media only screen and (min-width: 768px) {
      .volunteer .cont_type_a .lead_block .text {
        width: calc(600 / 1380 * 100vw);
        font-size: calc(18 / 1380 * 100vw);
        margin-top: 0em; } }
    @media only screen and (min-width: 1380px) {
      .volunteer .cont_type_a .lead_block .text {
        width: 600px;
        font-size: 1.8rem; } }
    .volunteer .cont_type_a .lead_block .text .blue {
      color: #3f7fc2; }
  .volunteer .cont_type_a .lead_block .text_block {
    margin-top: 10vw; }
    @media only screen and (min-width: 768px) {
      .volunteer .cont_type_a .lead_block .text_block {
        font-size: calc(18 / 1380 * 100vw);
        margin-top: 0; } }
    @media only screen and (min-width: 1380px) {
      .volunteer .cont_type_a .lead_block .text_block {
        font-size: 1.8rem; } }
    .volunteer .cont_type_a .lead_block .text_block .text {
      font-size: 3.466vw;
      margin-top: 0;
      line-height: 2em; }
      @media only screen and (min-width: 768px) {
        .volunteer .cont_type_a .lead_block .text_block .text {
          width: calc(600 / 1380 * 100vw);
          font-size: calc(18 / 1380 * 100vw);
          margin-top: 0em; } }
      @media only screen and (min-width: 1380px) {
        .volunteer .cont_type_a .lead_block .text_block .text {
          width: 600px;
          font-size: 1.8rem; } }
      .volunteer .cont_type_a .lead_block .text_block .text .blue {
        color: #3f7fc2; }
    .volunteer .cont_type_a .lead_block .text_block h3 {
      margin-top: 2em; }
    .volunteer .cont_type_a .lead_block .text_block .schedule {
      width: 100%;
      margin: 5vw 0 0 0;
      font-size: 3.466vw; }
      @media only screen and (min-width: 768px) {
        .volunteer .cont_type_a .lead_block .text_block .schedule {
          margin-top: 1em;
          font-size: calc(18 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .volunteer .cont_type_a .lead_block .text_block .schedule {
          font-size: 1.8rem; } }
      .volunteer .cont_type_a .lead_block .text_block .schedule th {
        padding: 0.5em;
        border-bottom: 1px solid #2b75ca;
        border-right: 1px solid #2b75ca;
        line-height: 1.2em; }
      .volunteer .cont_type_a .lead_block .text_block .schedule td {
        padding: 0.5em;
        border-bottom: 1px solid #2b75ca;
        line-height: 1.2em; }
        .volunteer .cont_type_a .lead_block .text_block .schedule td .list_link {
          margin-top: 0.2em; }
          .volunteer .cont_type_a .lead_block .text_block .schedule td .list_link li {
            width: 100%;
            margin: 0; }
.volunteer .cont_type_a .report_block {
  margin-bottom: 7em !important; }
  .volunteer .cont_type_a .report_block h4 {
    color: #505050; }
  .volunteer .cont_type_a .report_block h4 + ol {
    margin-top: 2em; }
.volunteer .cont_type_a .twoblock .text_area {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .volunteer .cont_type_a .twoblock .text_area {
      width: calc(650 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .volunteer .cont_type_a .twoblock .text_area {
      width: 650px; } }
.volunteer .cont_type_a .twoblock .ph {
  width: 60vw;
  margin: 10vw auto 0; }
  @media only screen and (min-width: 768px) {
    .volunteer .cont_type_a .twoblock .ph {
      width: calc(300 / 1380 * 100vw);
      margin: 0; } }
  @media only screen and (min-width: 1380px) {
    .volunteer .cont_type_a .twoblock .ph {
      width: 300px; } }
.volunteer .cont_type_a .twoblock .btn-skyblue {
  margin: 5vw auto 0; }
  @media only screen and (min-width: 768px) {
    .volunteer .cont_type_a .twoblock .btn-skyblue {
      margin: calc(30 / 1380 * 100vw) auto 0 0; } }
  @media only screen and (min-width: 1380px) {
    .volunteer .cont_type_a .twoblock .btn-skyblue {
      margin: 30px auto 0 0; } }
  .volunteer .cont_type_a .twoblock .btn-skyblue a {
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .volunteer .cont_type_a .twoblock .btn-skyblue a {
        margin: 0 auto 0 0; } }
    @media only screen and (min-width: 1380px) {
      .volunteer .cont_type_a .twoblock .btn-skyblue a {
        margin: 0 auto 0 0; } }

.reiwa_top + h3.md_h3_type_a {
  margin-top: 0vw; }
  @media only screen and (min-width: 768px) {
    .reiwa_top + h3.md_h3_type_a {
      margin-top: calc(0 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .reiwa_top + h3.md_h3_type_a {
      margin-top: 0px; } }

.reiwa_top, .report_id00 {
  margin-top: -15vw;
  padding: 20vw 0 0.2em 0; }
  @media only screen and (min-width: 768px) {
    .reiwa_top, .report_id00 {
      margin-top: calc(-200 / 1380 * 100vw);
      padding: calc(250 / 1380 * 100vw) 0 0.2em 0; } }
  @media only screen and (min-width: 1380px) {
    .reiwa_top, .report_id00 {
      margin-top: -80px;
      padding: 120px 0 0 0; } }

.reiwa, .report_id {
  margin-top: -10vw;
  padding: 8vw 0 0.2em 0; }
  @media only screen and (min-width: 768px) {
    .reiwa, .report_id {
      margin-top: calc(-100 / 1380 * 100vw);
      padding: calc(160 / 1380 * 100vw) 0 0.2em 0; } }
  @media only screen and (min-width: 1000px) {
    .reiwa, .report_id {
      margin-top: calc(-10 / 1380 * 100vw);
      padding: calc(50 / 1380 * 100vw) 0 0.2em 0; } }
  @media only screen and (min-width: 1380px) {
    .reiwa, .report_id {
      margin-top: -10px;
      padding: 50px 0 0 0; } }

/*******　タイトルエリア　*******/
.university .index_a {
  margin: 5vw 0 0 0; }
  @media only screen and (min-width: 768px) {
    .university .index_a {
      display: flex;
      justify-content: space-between;
      margin: calc(70 / 1380 * 100vw) auto 0;
      padding: 0 calc(190 / 1380 * 100vw) 0 0; } }
  @media only screen and (min-width: 1380px) {
    .university .index_a {
      margin: 70px auto 0;
      padding: 0 190px 0 0; } }
  .university .index_a .ph {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .university .index_a .ph {
        width: calc(542 / 1380 * 100vw);
        margin: calc(0 / 1380 * 100vw) auto 0 0; } }
    @media only screen and (min-width: 1380px) {
      .university .index_a .ph {
        width: 542px;
        margin: 0px auto 0 0; } }
  .university .index_a .text_area {
    width: 90vw;
    font-size: 3.466vw;
    color: #505050;
    margin: 5vw auto 0;
    line-height: 1.8em; }
    @media only screen and (min-width: 768px) {
      .university .index_a .text_area {
        font-size: calc(18 / 1380 * 100vw);
        width: calc(580 / 1380 * 100vw);
        margin: calc(0 / 1380 * 100vw) 0 0 auto; } }
    @media only screen and (min-width: 1380px) {
      .university .index_a .text_area {
        font-size: 1.8rem;
        width: 580px;
        margin: 0px 0 0 auto; } }
    .university .index_a .text_area .btn-skyblue {
      margin: 5vw auto 0; }
      @media only screen and (min-width: 768px) {
        .university .index_a .text_area .btn-skyblue {
          margin: calc(30 / 1380 * 100vw) auto 0 0; } }
      @media only screen and (min-width: 1380px) {
        .university .index_a .text_area .btn-skyblue {
          margin: 30px auto 0 0; } }
      .university .index_a .text_area .btn-skyblue a {
        margin: 0 auto; }
        @media only screen and (min-width: 768px) {
          .university .index_a .text_area .btn-skyblue a {
            margin: 0 auto 0 0; } }
        @media only screen and (min-width: 1380px) {
          .university .index_a .text_area .btn-skyblue a {
            margin: 0 auto 0 0; } }
    .university .index_a .text_area .list_arrow {
      margin-top: 1.5em;
      background-position: top 0.3em left 0%; }
      @media only screen and (min-width: 768px) {
        .university .index_a .text_area .list_arrow {
          background-position: center left 0%; } }
      @media only screen and (min-width: 1380px) {
        .university .index_a .text_area .list_arrow {
          background-position: center left 0%; } }
    .university .index_a .text_area a + a {
      margin-top: 0.8em !important; }
.university .index_b {
  margin: 5vw 0 0 0;
  background-color: transparent; }
  @media only screen and (min-width: 768px) {
    .university .index_b {
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      margin: calc(70 / 1380 * 100vw) auto 0;
      padding: 0 0 0 calc(190 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .university .index_b {
      margin: 70px auto 0;
      padding: 0 0 0 190px; } }
  .university .index_b .ph {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .university .index_b .ph {
        width: calc(542 / 1380 * 100vw);
        margin: calc(0 / 1380 * 100vw) 0 0 auto; } }
    @media only screen and (min-width: 1380px) {
      .university .index_b .ph {
        width: 542px;
        margin: 0px 0 0 auto; } }
  .university .index_b .text_area {
    width: 90vw;
    font-size: 3.466vw;
    color: #505050;
    margin: 5vw auto 0;
    line-height: 1.8em; }
    @media only screen and (min-width: 768px) {
      .university .index_b .text_area {
        font-size: calc(18 / 1380 * 100vw);
        width: calc(580 / 1380 * 100vw);
        margin: calc(0 / 1380 * 100vw) 0 0 auto; } }
    @media only screen and (min-width: 1380px) {
      .university .index_b .text_area {
        font-size: 1.8rem;
        width: 580px;
        margin: 0px 0 0 auto; } }
    .university .index_b .text_area .btn-skyblue {
      margin: 5vw auto 0; }
      @media only screen and (min-width: 768px) {
        .university .index_b .text_area .btn-skyblue {
          margin: calc(30 / 1380 * 100vw) auto 0 0; } }
      @media only screen and (min-width: 1380px) {
        .university .index_b .text_area .btn-skyblue {
          margin: 30px auto 0 0; } }
      .university .index_b .text_area .btn-skyblue a {
        margin: 0 auto; }
        @media only screen and (min-width: 768px) {
          .university .index_b .text_area .btn-skyblue a {
            margin: 0 auto 0 0; } }
        @media only screen and (min-width: 1380px) {
          .university .index_b .text_area .btn-skyblue a {
            margin: 0 auto 0 0; } }
    .university .index_b .text_area .list_arrow {
      margin-top: 1.5em;
      background-position: top 0.3em left 0%; }
      @media only screen and (min-width: 768px) {
        .university .index_b .text_area .list_arrow {
          background-position: center left 0%; } }
      @media only screen and (min-width: 1380px) {
        .university .index_b .text_area .list_arrow {
          background-position: center left 0%; } }
.university .index_outline {
  margin-top: 5vw; }
  @media only screen and (min-width: 768px) {
    .university .index_outline {
      display: flex;
      justify-content: space-between;
      margin-top: calc(43 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .university .index_outline {
      margin-top: 43px; } }
  .university .index_outline .ph {
    width: 50vw;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .university .index_outline .ph {
        width: calc(300 / 1380 * 100vw);
        margin: 0; } }
    @media only screen and (min-width: 1380px) {
      .university .index_outline .ph {
        width: 300px; } }
  .university .index_outline .text_area {
    width: 100%;
    margin: 5vw 0 0 0; }
    @media only screen and (min-width: 768px) {
      .university .index_outline .text_area {
        width: calc(652 / 1380 * 100vw);
        margin: 0; } }
    @media only screen and (min-width: 1380px) {
      .university .index_outline .text_area {
        width: 652px; } }
    .university .index_outline .text_area p.text {
      font-size: 3.466vw;
      color: #505050;
      margin: 0 0 0;
      line-height: 1.9em; }
      @media only screen and (min-width: 768px) {
        .university .index_outline .text_area p.text {
          font-size: calc(18 / 1380 * 100vw);
          margin: 0 0 0 0; } }
      @media only screen and (min-width: 1380px) {
        .university .index_outline .text_area p.text {
          font-size: 1.8rem;
          margin: 0 0 0 0; } }
  .university .index_outline .btn-skyblue {
    margin: 5vw auto 0; }
    @media only screen and (min-width: 768px) {
      .university .index_outline .btn-skyblue {
        margin: calc(30 / 1380 * 100vw) auto 0 0; } }
    @media only screen and (min-width: 1380px) {
      .university .index_outline .btn-skyblue {
        margin: 30px auto 0 0; } }
    .university .index_outline .btn-skyblue a {
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .university .index_outline .btn-skyblue a {
          margin: 0 auto 0 0; } }
      @media only screen and (min-width: 1380px) {
        .university .index_outline .btn-skyblue a {
          margin: 0 auto 0 0; } }
.university .info {
  width: 100%;
  background-image: url("../img/study/university/bg_information.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 15vw auto 0; }
  @media only screen and (min-width: 768px) {
    .university .info {
      margin: calc(200 / 1380 * 100vw) auto 0; } }
  @media only screen and (min-width: 1380px) {
    .university .info {
      margin: 200px auto 0; } }
  .university .info .info_wrap {
    width: 90vw;
    margin: 0 auto;
    padding: 10vw 0 11vw; }
    @media only screen and (min-width: 768px) {
      .university .info .info_wrap {
        width: calc(1000 / 1380 * 100vw);
        padding: calc(90 / 1380 * 100vw) 0 calc(105 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .university .info .info_wrap {
        width: 1000px;
        padding: 90px 0 105px; } }
    .university .info .info_wrap h3 {
      text-align: center;
      color: #FFF;
      font-weight: bold;
      font-size: 4.5vw;
      line-height: 1.2em;
      margin: 10vw 0 0; }
      @media only screen and (min-width: 768px) {
        .university .info .info_wrap h3 {
          width: calc(1000 / 1380 * 100vw);
          font-size: calc(29 / 1380 * 100vw);
          line-height: 1.2em;
          font-weight: bold;
          margin: calc(92 / 1380 * 100vw) 0 0; } }
      @media only screen and (min-width: 1380px) {
        .university .info .info_wrap h3 {
          width: 1000px;
          font-size: 2.9rem;
          line-height: 1.2em;
          font-weight: bold;
          margin: 92px 0 0; } }
      .university .info .info_wrap h3:first-child {
        margin-top: 0; }
    .university .info .info_wrap .info_cont {
      margin-top: 5vw; }
      @media only screen and (min-width: 768px) {
        .university .info .info_wrap .info_cont {
          display: flex;
          justify-content: space-between;
          margin-top: calc(43 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .university .info .info_wrap .info_cont {
          margin-top: 43px; } }
      .university .info .info_wrap .info_cont .ph {
        width: 50vw;
        margin: 5vw auto; }
        @media only screen and (min-width: 768px) {
          .university .info .info_wrap .info_cont .ph {
            width: calc(300 / 1380 * 100vw);
            margin: 0; } }
        @media only screen and (min-width: 1380px) {
          .university .info .info_wrap .info_cont .ph {
            width: 300px; } }
      .university .info .info_wrap .info_cont .text_area {
        width: 100%;
        margin: 5vw 0 0 0; }
        @media only screen and (min-width: 768px) {
          .university .info .info_wrap .info_cont .text_area {
            width: calc(652 / 1380 * 100vw);
            margin: 0; } }
        @media only screen and (min-width: 1380px) {
          .university .info .info_wrap .info_cont .text_area {
            width: 652px; } }
        .university .info .info_wrap .info_cont .text_area p.text {
          font-size: 3.466vw;
          color: #FFF;
          margin: 0 0 0;
          line-height: 1.9em; }
          @media only screen and (min-width: 768px) {
            .university .info .info_wrap .info_cont .text_area p.text {
              font-size: calc(18 / 1380 * 100vw);
              margin: -0.5em 0 0 0; } }
          @media only screen and (min-width: 1380px) {
            .university .info .info_wrap .info_cont .text_area p.text {
              font-size: 1.8rem; } }
      .university .info .info_wrap .info_cont .btn-white {
        margin: 5vw auto 0; }
        @media only screen and (min-width: 768px) {
          .university .info .info_wrap .info_cont .btn-white {
            margin: calc(30 / 1380 * 100vw) auto 0 0; } }
        @media only screen and (min-width: 1380px) {
          .university .info .info_wrap .info_cont .btn-white {
            margin: 30px auto 0 0; } }
        .university .info .info_wrap .info_cont .btn-white a {
          margin: 0 auto; }
          @media only screen and (min-width: 768px) {
            .university .info .info_wrap .info_cont .btn-white a {
              margin: 0 auto 0 0; } }
          @media only screen and (min-width: 1380px) {
            .university .info .info_wrap .info_cont .btn-white a {
              margin: 0 auto 0 0; } }
    @media only screen and (min-width: 768px) {
      .university .info .info_wrap .reverse {
        flex-direction: row-reverse; } }
.university .fair {
  width: 100%;
  margin: 5vw 0 0 0; }
  @media only screen and (min-width: 768px) {
    .university .fair {
      margin: calc(74 / 1380 * 100vw) 0 0 0; } }
  @media only screen and (min-width: 1380px) {
    .university .fair {
      margin: 74px 0 0 0; } }
  .university .fair p.text {
    font-size: 3.466vw;
    color: #505050;
    margin: 0 0 0;
    line-height: 1.9em; }
    @media only screen and (min-width: 768px) {
      .university .fair p.text {
        font-size: calc(18 / 1380 * 100vw);
        margin: 0 0 0 0; } }
    @media only screen and (min-width: 1380px) {
      .university .fair p.text {
        font-size: 1.8rem;
        margin: 0 0 0 0; } }
  .university .fair .btn-skyblue {
    margin: 5vw auto 0; }
    @media only screen and (min-width: 768px) {
      .university .fair .btn-skyblue {
        margin: calc(50 / 1380 * 100vw) auto 0; } }
    @media only screen and (min-width: 1380px) {
      .university .fair .btn-skyblue {
        margin: 50px auto 0; } }
    .university .fair .btn-skyblue a {
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .university .fair .btn-skyblue a {
          margin: 0 auto 0; } }
      @media only screen and (min-width: 1380px) {
        .university .fair .btn-skyblue a {
          margin: 0 auto 0; } }

/*******　タイトルエリア　*******/
.mylan {
  /*******　まいらん　*******/ }
  .mylan .mylan_column .column_cont .ph01 {
    width: 50vw;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .mylan .mylan_column .column_cont .ph01 {
        width: calc(278 / 1380 * 100vw);
        margin: calc(-50 / 1380 * 100vw) 0 0; } }
    @media only screen and (min-width: 1380px) {
      .mylan .mylan_column .column_cont .ph01 {
        width: 278px;
        margin: -50px 0 0; } }
  .mylan .mylan_column .column_cont .text {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .mylan .mylan_column .column_cont .text {
        width: calc(470 / 1380 * 100vw);
        margin: 0; } }
    @media only screen and (min-width: 1380px) {
      .mylan .mylan_column .column_cont .text {
        width: 470px; } }
  .mylan .mylan_column .column_cont .sns {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1em;
    font-size: 3.2vw; }
    @media only screen and (min-width: 768px) {
      .mylan .mylan_column .column_cont .sns {
        width: calc(470 / 1380 * 100vw);
        font-size: calc(20 / 1380 * 100vw);
        margin: 1em 0 0 auto; } }
    @media only screen and (min-width: 1380px) {
      .mylan .mylan_column .column_cont .sns {
        width: 470px;
        font-size: 2rem; } }
    .mylan .mylan_column .column_cont .sns dt {
      width: 2em;
      margin: 0.7em 0.5em 0 0; }
    .mylan .mylan_column .column_cont .sns dd {
      align-self: center;
      width: calc(100% - 2.5em);
      margin: 0.7em 0 0 0; }
      .mylan .mylan_column .column_cont .sns dd a {
        display: inline-block;
        padding: 0 0 0 1em;
        margin: 0;
        color: #2b75ca;
        background: url("../img/common/acc_arrow_blue.svg") no-repeat;
        background-size: 0.3em auto;
        background-position: left 0.2em top 0.5em;
        font-size: 3.2vw;
        line-height: 1.4em; }
        @media only screen and (min-width: 768px) {
          .mylan .mylan_column .column_cont .sns dd a {
            font-size: calc(20 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .mylan .mylan_column .column_cont .sns dd a {
            font-size: 2rem; } }
  .mylan .mylan_event01 {
    margin-top: 5vw; }
    @media only screen and (min-width: 768px) {
      .mylan .mylan_event01 {
        display: flex;
        justify-content: space-between;
        margin-top: calc(70 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .mylan .mylan_event01 {
        margin-top: 70px; } }
    .mylan .mylan_event01 .ph {
      width: 50vw;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .mylan .mylan_event01 .ph {
          width: calc(343 / 1380 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1380px) {
        .mylan .mylan_event01 .ph {
          width: 343px; } }
      .mylan .mylan_event01 .ph .list_arrow {
        margin-top: 0.5em;
        background-position: top 0.3em left 0%; }
    .mylan .mylan_event01 .text_area {
      width: 100%;
      margin: 5vw 0 0 0; }
      @media only screen and (min-width: 768px) {
        .mylan .mylan_event01 .text_area {
          width: calc(590 / 1380 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1380px) {
        .mylan .mylan_event01 .text_area {
          width: 590px; } }
      .mylan .mylan_event01 .text_area h3 {
        width: 100%;
        font-size: 4.5vw;
        line-height: 1.5em;
        font-weight: bold;
        text-align: left;
        color: #3f7fc2; }
        @media only screen and (min-width: 768px) {
          .mylan .mylan_event01 .text_area h3 {
            font-size: calc(29 / 1380 * 100vw);
            font-weight: bold; } }
        @media only screen and (min-width: 1380px) {
          .mylan .mylan_event01 .text_area h3 {
            font-size: 2.9rem;
            font-weight: bold; } }
      .mylan .mylan_event01 .text_area p.text {
        font-size: 3.466vw;
        color: #505050;
        margin: 0.7em 0 0;
        line-height: 1.9em; }
        @media only screen and (min-width: 768px) {
          .mylan .mylan_event01 .text_area p.text {
            font-size: calc(18 / 1380 * 100vw);
            margin: calc(30 / 1380 * 100vw) 0 0 0; } }
        @media only screen and (min-width: 1380px) {
          .mylan .mylan_event01 .text_area p.text {
            font-size: 1.8rem;
            margin: 30px 0 0 0; } }
  .mylan .mylan_event02 {
    margin-top: 5vw; }
    @media only screen and (min-width: 768px) {
      .mylan .mylan_event02 {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        margin-top: calc(25 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .mylan .mylan_event02 {
        margin-top: 25px; } }
    .mylan .mylan_event02 .ph {
      width: 100%;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .mylan .mylan_event02 .ph {
          width: calc(400 / 1380 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1380px) {
        .mylan .mylan_event02 .ph {
          width: 400px; } }
      .mylan .mylan_event02 .ph .list_arrow {
        margin-top: 0.5em;
        background-position: top 0.3em left 0%; }
    .mylan .mylan_event02 .text_area {
      width: 100%;
      margin: 5vw 0 0 0; }
      @media only screen and (min-width: 768px) {
        .mylan .mylan_event02 .text_area {
          width: calc(534 / 1380 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1380px) {
        .mylan .mylan_event02 .text_area {
          width: 534px; } }
      .mylan .mylan_event02 .text_area h3 {
        width: 100%;
        font-size: 4.5vw;
        line-height: 1.5em;
        font-weight: bold;
        text-align: left;
        color: #3f7fc2; }
        @media only screen and (min-width: 768px) {
          .mylan .mylan_event02 .text_area h3 {
            font-size: calc(29 / 1380 * 100vw);
            font-weight: bold; } }
        @media only screen and (min-width: 1380px) {
          .mylan .mylan_event02 .text_area h3 {
            font-size: 2.9rem;
            font-weight: bold; } }
      .mylan .mylan_event02 .text_area p.text {
        font-size: 3.466vw;
        color: #505050;
        margin: 0em 0 0;
        line-height: 1.9em; }
        @media only screen and (min-width: 768px) {
          .mylan .mylan_event02 .text_area p.text {
            font-size: calc(18 / 1380 * 100vw);
            margin: 0em 0 0; } }
        @media only screen and (min-width: 1380px) {
          .mylan .mylan_event02 .text_area p.text {
            font-size: 1.8rem; } }
  .mylan .alignment_cont {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .mylan .alignment_cont li {
      width: 48%;
      margin-top: 8vw; }
      @media only screen and (min-width: 768px) {
        .mylan .alignment_cont li {
          width: calc(300 / 1380 * 100vw);
          margin-top: calc(80 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .mylan .alignment_cont li {
          width: 300px;
          margin-top: 80px; } }
      .mylan .alignment_cont li a {
        display: inline-block;
        margin-top: 0.5em;
        padding: 0 0 0 1em;
        color: #2b75ca;
        background: url("../img/common/acc_arrow_blue.svg") no-repeat;
        background-size: 0.3em auto;
        background-position: left 0.2em top 0.5em;
        font-size: 3.2vw;
        line-height: 1.4em; }
        @media only screen and (min-width: 768px) {
          .mylan .alignment_cont li a {
            font-size: calc(20 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .mylan .alignment_cont li a {
            font-size: 2rem; } }
      .mylan .alignment_cont li p {
        font-size: 2.5vw;
        margin-top: 0.7em;
        line-height: 1.8em; }
        @media only screen and (min-width: 768px) {
          .mylan .alignment_cont li p {
            font-size: calc(18 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .mylan .alignment_cont li p {
            font-size: 1.8rem; } }
        .mylan .alignment_cont li p.note {
          width: 100%;
          font-size: 2vw !important;
          margin-top: 0.2em; }
          @media only screen and (min-width: 768px) {
            .mylan .alignment_cont li p.note {
              font-size: calc(15 / 1380 * 100vw) !important; } }
          @media only screen and (min-width: 1380px) {
            .mylan .alignment_cont li p.note {
              font-size: 1.5rem !important; } }

/*******　タイトルエリア　*******/
.fair .organizer, .collabo .organizer {
  margin-top: 10vw; }
  @media only screen and (min-width: 768px) {
    .fair .organizer, .collabo .organizer {
      margin-top: calc(150 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .fair .organizer, .collabo .organizer {
      margin-top: 150px; } }
.fair .twoblock .text_area, .collabo .twoblock .text_area {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .fair .twoblock .text_area, .collabo .twoblock .text_area {
      width: calc(730 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .fair .twoblock .text_area, .collabo .twoblock .text_area {
      width: 730px; } }
  .fair .twoblock .text_area .text:first-child, .collabo .twoblock .text_area .text:first-child {
    margin-top: 0; }
  .fair .twoblock .text_area .btn-skyblue, .fair .twoblock .text_area .btn-close, .collabo .twoblock .text_area .btn-skyblue, .collabo .twoblock .text_area .btn-close {
    margin: 1.5em auto 0; }
    @media only screen and (min-width: 768px) {
      .fair .twoblock .text_area .btn-skyblue, .fair .twoblock .text_area .btn-close, .collabo .twoblock .text_area .btn-skyblue, .collabo .twoblock .text_area .btn-close {
        margin: 1.5em auto 0 0; } }
    @media only screen and (min-width: 1380px) {
      .fair .twoblock .text_area .btn-skyblue, .fair .twoblock .text_area .btn-close, .collabo .twoblock .text_area .btn-skyblue, .collabo .twoblock .text_area .btn-close {
        margin: 1.5em auto 0 0; } }
    .fair .twoblock .text_area .btn-skyblue a, .fair .twoblock .text_area .btn-close a, .collabo .twoblock .text_area .btn-skyblue a, .collabo .twoblock .text_area .btn-close a {
      margin: 0 auto; }
  .fair .twoblock .text_area .list_arrow, .collabo .twoblock .text_area .list_arrow {
    background-position: top 0.3em left 0%; }
  .fair .twoblock .text_area .btn-skyblue, .fair .twoblock .text_area .btn-close + .list_arrow, .collabo .twoblock .text_area .btn-skyblue, .collabo .twoblock .text_area .btn-close + .list_arrow {
    margin: 1.5em auto 0;
    width: 22em; }
    @media only screen and (min-width: 768px) {
      .fair .twoblock .text_area .btn-skyblue, .fair .twoblock .text_area .btn-close + .list_arrow, .collabo .twoblock .text_area .btn-skyblue, .collabo .twoblock .text_area .btn-close + .list_arrow {
        margin: 1.5em auto 0 0;
        width: 350px; } }
    @media only screen and (min-width: 1380px) {
      .fair .twoblock .text_area .btn-skyblue, .fair .twoblock .text_area .btn-close + .list_arrow, .collabo .twoblock .text_area .btn-skyblue, .collabo .twoblock .text_area .btn-close + .list_arrow {
        margin: 1.5em auto 0 0; } }
.fair .twoblock .ph, .collabo .twoblock .ph {
  width: 70%;
  margin: 10vw auto 0; }
  @media only screen and (min-width: 768px) {
    .fair .twoblock .ph, .collabo .twoblock .ph {
      width: calc(300 / 1380 * 100vw);
      margin: 0vw 0 0 0; } }
  @media only screen and (min-width: 1380px) {
    .fair .twoblock .ph, .collabo .twoblock .ph {
      width: 300px; } }
  @media only screen and (min-width: 768px) {
    .fair .twoblock .ph.tate, .collabo .twoblock .ph.tate {
      width: calc(240 / 1380 * 100vw);
      margin: 0; } }
  @media only screen and (min-width: 1380px) {
    .fair .twoblock .ph.tate, .collabo .twoblock .ph.tate {
      width: 240px; } }
.fair .twoblock + h2, .collabo .twoblock + h2 {
  margin: 15vw 0 0; }
  @media only screen and (min-width: 768px) {
    .fair .twoblock + h2, .collabo .twoblock + h2 {
      margin: calc(150 / 1380 * 100vw) 0 0; } }
  @media only screen and (min-width: 1380px) {
    .fair .twoblock + h2, .collabo .twoblock + h2 {
      margin: 150px 0 0; } }
.fair .md_blue + .md_h3_type_a, .collabo .md_blue + .md_h3_type_a {
  margin-top: 7vw; }
  @media only screen and (min-width: 768px) {
    .fair .md_blue + .md_h3_type_a, .collabo .md_blue + .md_h3_type_a {
      margin-top: calc(50 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .fair .md_blue + .md_h3_type_a, .collabo .md_blue + .md_h3_type_a {
      margin-top: 50px; } }
.fair .text, .collabo .text {
  margin-top: 0.8em; }
  @media only screen and (min-width: 768px) {
    .fair .text, .collabo .text {
      margin-top: 0.5em; } }
  .fair .text span, .collabo .text span {
    color: #3f7fc2;
    font-weight: bold !important; }
  .fair .text .list_dot, .collabo .text .list_dot {
    margin-top: 0; }
    .fair .text .list_dot li:first-child, .collabo .text .list_dot li:first-child {
      margin-top: 0; }

.fair_list .list_link li .name {
  font-size: 110%;
  font-weight: bold; }
.fair_list .list_link li .add {
  padding-top: 0; }
  .fair_list .list_link li .add span {
    display: inline-block;
    color: #505050;
    font-weight: bold; }
  .fair_list .list_link li .add a {
    color: #3f7fc2; }
  .fair_list .list_link li .add .list_arrow {
    display: inline-block;
    background-position: top 0.3em left 0%; }
    @media only screen and (min-width: 768px) {
      .fair_list .list_link li .add .list_arrow {
        background-position: center left 0%; } }
    @media only screen and (min-width: 1380px) {
      .fair_list .list_link li .add .list_arrow {
        background-position: center left 0%; } }

/*******　タイトルエリア　*******/
.learning {
  /*******　県立社会教育施設4館で学ぶ　*******/ }
  @media only screen and (min-width: 768px) {
    .learning .md_h3_type_a .inline_browser_w {
      font-size: calc(21 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .learning .md_h3_type_a .inline_browser_w {
      font-size: 2.1rem; } }
  .learning .md_h3_type_a .inline_browser_w::after {
    width: 1.1em;
    /*画像の幅*/
    height: 1.5em;
    /*画像の高さ*/ }
  .learning .learning_event {
    margin-top: 5vw; }
    @media only screen and (min-width: 768px) {
      .learning .learning_event {
        display: flex;
        justify-content: space-between;
        margin-top: calc(25 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .learning .learning_event {
        margin-top: 25px; } }
    .learning .learning_event .ph {
      width: 60%;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .learning .learning_event .ph {
          width: calc(300 / 1380 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1380px) {
        .learning .learning_event .ph {
          width: 300px; } }
    .learning .learning_event .ph_w {
      width: 80%;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .learning .learning_event .ph_w {
          width: calc(300 / 1380 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1380px) {
        .learning .learning_event .ph_w {
          width: 300px; } }
    .learning .learning_event .text_area {
      width: 100%;
      margin: 5vw 0 0 0; }
      @media only screen and (min-width: 768px) {
        .learning .learning_event .text_area {
          width: calc(660 / 1380 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1380px) {
        .learning .learning_event .text_area {
          width: 660px; } }
      .learning .learning_event .text_area .list_item {
        margin-top: 0; }
        .learning .learning_event .text_area .list_item dt {
          width: 3.3em;
          margin-top: 0.5em; }
          .learning .learning_event .text_area .list_item dt.first {
            margin-top: 0; }
        .learning .learning_event .text_area .list_item dd {
          width: 87%;
          margin-top: 0.5em; }
          .learning .learning_event .text_area .list_item dd.first {
            margin-top: 0; }
          @media only screen and (min-width: 768px) {
            .learning .learning_event .text_area .list_item dd {
              width: calc(590 / 1380 * 100vw); } }
          @media only screen and (min-width: 1380px) {
            .learning .learning_event .text_area .list_item dd {
              width: 590px; } }
  .learning .learning_event + h3 {
    margin-top: 10vw; }
    @media only screen and (min-width: 768px) {
      .learning .learning_event + h3 {
        margin-top: calc(70 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .learning .learning_event + h3 {
        margin-top: 70px; } }
  .learning .alignment_cont {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .learning .alignment_cont li {
      width: 48%;
      margin-top: 8vw; }
      @media only screen and (min-width: 768px) {
        .learning .alignment_cont li {
          width: calc(300 / 1380 * 100vw);
          margin-top: calc(80 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .learning .alignment_cont li {
          width: 300px;
          margin-top: 80px; } }
      .learning .alignment_cont li a {
        display: inline-block;
        margin-top: 0.8em;
        padding: 0 0 0 1em;
        color: #2b75ca;
        background: url("../img/common/acc_arrow_blue.svg") no-repeat;
        background-size: 0.3em auto;
        background-position: left 0.2em top 0.5em;
        font-size: 3.2vw;
        line-height: 1.4em; }
        @media only screen and (min-width: 768px) {
          .learning .alignment_cont li a {
            font-size: calc(20 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .learning .alignment_cont li a {
            font-size: 2rem; } }
      .learning .alignment_cont li p {
        font-size: 2.5vw;
        margin-top: 0.7em;
        line-height: 1.8em; }
        @media only screen and (min-width: 768px) {
          .learning .alignment_cont li p {
            font-size: calc(18 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .learning .alignment_cont li p {
            font-size: 1.8rem; } }
        .learning .alignment_cont li p.note {
          font-size: 90%; }

/*******　タイトルエリア　*******/
.type .cont_type_c .type_wrap {
  background-image: linear-gradient(0deg, #dde8f0, white); }
  @media only screen and (min-width: 768px) {
    .type .cont_type_c .type_wrap {
      min-height: calc(460 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .type .cont_type_c .type_wrap {
      min-height: 460px; } }
  .type .cont_type_c .type_wrap .type_inner {
    width: 90vw;
    margin: 8vw auto; }
    @media only screen and (min-width: 768px) {
      .type .cont_type_c .type_wrap .type_inner {
        display: flex;
        justify-content: space-between;
        align-items: end;
        width: calc(1000 / 1380 * 100vw);
        margin: calc(50 / 1380 * 100vw) auto 0; } }
    @media only screen and (min-width: 1380px) {
      .type .cont_type_c .type_wrap .type_inner {
        width: 1000px;
        margin: 50px auto 0; } }
    .type .cont_type_c .type_wrap .type_inner.reverse {
      flex-direction: row-reverse; }
    .type .cont_type_c .type_wrap .type_inner .ill {
      width: 30vw;
      margin: 5vw auto;
      vertical-align: bottom; }
      @media only screen and (min-width: 768px) {
        .type .cont_type_c .type_wrap .type_inner .ill {
          width: calc(273 / 1380 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1380px) {
        .type .cont_type_c .type_wrap .type_inner .ill {
          width: 273px; } }
    .type .cont_type_c .type_wrap .type_inner .text_area {
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .type .cont_type_c .type_wrap .type_inner .text_area {
          width: calc(635 / 1380 * 100vw);
          min-height: calc(460 / 1380 * 100vw);
          margin: 0;
          padding: calc(45 / 1380 * 100vw) 0 0 0; } }
      @media only screen and (min-width: 1380px) {
        .type .cont_type_c .type_wrap .type_inner .text_area {
          min-height: 460px;
          width: 635px;
          padding: 45px 0 0 0; } }
      .type .cont_type_c .type_wrap .type_inner .text_area .balloon {
        position: relative;
        width: 100%;
        min-height: 2em;
        background-image: linear-gradient(90deg, #5ebef9 26%, #3c87df);
        padding: 0.5em;
        text-align: center;
        color: #FFFFFF;
        font-size: 4vw;
        font-weight: bold; }
        @media only screen and (min-width: 768px) {
          .type .cont_type_c .type_wrap .type_inner .text_area .balloon {
            font-size: calc(27 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .type .cont_type_c .type_wrap .type_inner .text_area .balloon {
            font-size: 2.7rem; } }
        .type .cont_type_c .type_wrap .type_inner .text_area .balloon span {
          color: #fcee21; }
      .type .cont_type_c .type_wrap .type_inner .text_area .balloon:after {
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        pointer-events: none;
        position: absolute;
        border-color: rgba(94, 190, 249, 0);
        border-top-width: 0.7em;
        border-bottom-width: 0.7em;
        border-left-width: 0.7em;
        border-right-width: 0.7em;
        margin-left: -0.7em;
        border-top-color: #5ebef9;
        top: 100%;
        left: 14%; }
      .type .cont_type_c .type_wrap .type_inner .text_area .balloon + .balloon {
        margin-top: 1.5em; }
      .type .cont_type_c .type_wrap .type_inner .text_area .btn_wrap {
        display: block;
        background: linear-gradient(90deg, #5ebef9 0%, #2b75ca 100%);
        border-radius: 3em;
        padding: 3px;
        margin: 2.5em 0 0; }
        .type .cont_type_c .type_wrap .type_inner .text_area .btn_wrap:hover {
          text-decoration: none;
          opacity: 0.8; }
      .type .cont_type_c .type_wrap .type_inner .text_area .btn {
        width: 100%;
        padding: 1em;
        font-size: 4vw;
        font-weight: bold;
        text-align: center;
        margin: 0 0 0;
        box-sizing: border-box;
        background-color: #FFF;
        background-image: url("../img/common/btn_arrow_mb.svg");
        background-position: center right 5%;
        background-repeat: no-repeat;
        background-size: 0.8vw auto;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 2em; }
        @media only screen and (min-width: 768px) {
          .type .cont_type_c .type_wrap .type_inner .text_area .btn {
            font-size: calc(28 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .type .cont_type_c .type_wrap .type_inner .text_area .btn {
            font-size: 2.8rem; } }
        .type .cont_type_c .type_wrap .type_inner .text_area .btn .btn_text {
          background: linear-gradient(90deg, #5ebef9 0%, #2b75ca 100%);
          /* 背景色にグラデーションを指定 */
          color: #2b75ca;
          /* 非対応のブラウザの為に色を設定 */
          -webkit-background-clip: text;
          /* テキストで切り抜く */
          -webkit-text-fill-color: transparent;
          /* 切り抜いた部分は背景を表示 */ }
          .type .cont_type_c .type_wrap .type_inner .text_area .btn .btn_text .line {
            border-bottom: solid 0.3em #fcee21; }

.try .cont_type_a .btn-skyblue {
  margin: 10vw auto 0; }
  @media only screen and (min-width: 768px) {
    .try .cont_type_a .btn-skyblue {
      margin-top: calc(110 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .try .cont_type_a .btn-skyblue {
      margin-top: 110px; } }
.try .try_ph {
  width: 60%;
  margin: 10vw auto 0; }
  @media only screen and (min-width: 768px) {
    .try .try_ph {
      margin-top: calc(90 / 1380 * 100vw);
      width: calc(305 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .try .try_ph {
      margin-top: 90px;
      width: 305px; } }

.howto .cont_type_a h3 + p {
  margin-top: 1.8rem !important; }
.howto .cont_type_a h3.md_h3_type_c {
  margin: 8vw 0 0; }
  @media only screen and (min-width: 768px) {
    .howto .cont_type_a h3.md_h3_type_c {
      margin: calc(50 / 1380 * 100vw) 0 0; } }
  @media only screen and (min-width: 1380px) {
    .howto .cont_type_a h3.md_h3_type_c {
      margin: 50px 0 0; } }
  .howto .cont_type_a h3.md_h3_type_c span {
    color: #3f7fc2; }
.howto .cont_type_a p a {
  color: #3f7fc2; }
.howto .cont_type_a .step_wrap {
  margin-top: 1.5em; }
  @media only screen and (min-width: 768px) {
    .howto .cont_type_a .step_wrap {
      display: flex;
      justify-content: space-between; } }
  @media only screen and (min-width: 768px) {
    .howto .cont_type_a .step_wrap .step_ill {
      width: calc(480 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .howto .cont_type_a .step_wrap .step_ill {
      width: 480px; } }
  @media only screen and (min-width: 768px) {
    .howto .cont_type_a .step_wrap .step_text {
      width: calc(480 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .howto .cont_type_a .step_wrap .step_text {
      width: 480px; } }
  .howto .cont_type_a .step_wrap .step_text h4 {
    width: 100%;
    color: #3f7fc2;
    font-size: 4vw;
    line-height: 1.2em;
    font-weight: bold;
    margin: 1em 0 0; }
    @media only screen and (min-width: 768px) {
      .howto .cont_type_a .step_wrap .step_text h4 {
        font-size: calc(20 / 1380 * 100vw);
        margin: 0 0 0; } }
    @media only screen and (min-width: 1380px) {
      .howto .cont_type_a .step_wrap .step_text h4 {
        font-size: 2rem; } }
  .howto .cont_type_a .step_wrap .step_text p {
    margin-top: 1em; }
    @media only screen and (min-width: 768px) {
      .howto .cont_type_a .step_wrap .step_text p {
        margin-top: 0; } }
  .howto .cont_type_a .step_wrap .step_text .list_link {
    margin-top: 5vw; }
    @media only screen and (min-width: 768px) {
      .howto .cont_type_a .step_wrap .step_text .list_link {
        margin-top: calc(30 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .howto .cont_type_a .step_wrap .step_text .list_link {
        margin-top: 30px; } }
    .howto .cont_type_a .step_wrap .step_text .list_link.full {
      margin-top: 5vw; }
      @media only screen and (min-width: 768px) {
        .howto .cont_type_a .step_wrap .step_text .list_link.full {
          margin-top: calc(30 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .howto .cont_type_a .step_wrap .step_text .list_link.full {
          margin-top: 30px; } }
    .howto .cont_type_a .step_wrap .step_text .list_link li + li {
      margin-top: -0.5em; }
.howto .cont_type_a .column {
  margin-top: 15vw; }
  @media only screen and (min-width: 768px) {
    .howto .cont_type_a .column {
      margin-top: calc(80 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .howto .cont_type_a .column {
      margin-top: 80px; } }
  .howto .cont_type_a .column .list_link {
    margin: 0 auto !important; }
    @media only screen and (min-width: 768px) {
      .howto .cont_type_a .column .list_link {
        text-align: center; } }
    .howto .cont_type_a .column .list_link li {
      text-align: center;
      display: block; }
    .howto .cont_type_a .column .list_link .list_arrow {
      display: inline-block;
      background-position: top 0.3em left 0%; }
      @media only screen and (min-width: 768px) {
        .howto .cont_type_a .column .list_link .list_arrow {
          background-position: center left 0%; } }
      @media only screen and (min-width: 1380px) {
        .howto .cont_type_a .column .list_link .list_arrow {
          background-position: center left 0%; } }
  .howto .cont_type_a .column .column_cont {
    margin-top: 1em !important; }
.howto .cont_type_a .list_link {
  margin-top: 5vw; }
  @media only screen and (min-width: 768px) {
    .howto .cont_type_a .list_link {
      margin-top: calc(30 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .howto .cont_type_a .list_link {
      margin-top: 30px; } }
  .howto .cont_type_a .list_link.full {
    margin-top: 5vw; }
    @media only screen and (min-width: 768px) {
      .howto .cont_type_a .list_link.full {
        margin-top: calc(30 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .howto .cont_type_a .list_link.full {
        margin-top: 30px; } }
.howto .cont_type_a .note {
  margin-top: 2vw; }
  @media only screen and (min-width: 768px) {
    .howto .cont_type_a .note {
      margin-top: calc(10 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .howto .cont_type_a .note {
      margin-top: 10px; } }
.howto .cont_type_a .arrow {
  width: 15vw;
  margin: 0vw auto 0; }
  @media only screen and (min-width: 768px) {
    .howto .cont_type_a .arrow {
      width: calc(60 / 1380 * 100vw);
      margin: calc(20 / 1380 * 100vw) auto 0; } }
  @media only screen and (min-width: 1380px) {
    .howto .cont_type_a .arrow {
      width: 60px;
      margin: 20px auto 0; } }
.howto .cont_type_a .case li {
  width: 100%;
  margin: 15vw auto 0; }
  @media only screen and (min-width: 768px) {
    .howto .cont_type_a .case li {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: calc(75 / 1380 * 100vw) auto 0; } }
  @media only screen and (min-width: 1380px) {
    .howto .cont_type_a .case li {
      margin: 75px auto 0; } }
  .howto .cont_type_a .case li .ill {
    width: 40%;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .howto .cont_type_a .case li .ill {
        width: calc(190 / 1380 * 100vw);
        margin: 0 auto 0 0; } }
    @media only screen and (min-width: 1380px) {
      .howto .cont_type_a .case li .ill {
        width: 190px; } }
  .howto .cont_type_a .case li .text_area {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .howto .cont_type_a .case li .text_area {
        width: calc(758 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .howto .cont_type_a .case li .text_area {
        width: 758px; } }
    .howto .cont_type_a .case li .text_area h3.md_h3_type_c {
      margin: 5vw 0 0 0; }
      @media only screen and (min-width: 768px) {
        .howto .cont_type_a .case li .text_area h3.md_h3_type_c {
          margin: 0; } }
      .howto .cont_type_a .case li .text_area h3.md_h3_type_c span {
        display: inline-block;
        vertical-align: middle;
        border: 1px solid #3f7fc2;
        border-radius: 0.5em;
        padding: 0.2em 0.5em;
        margin: -0.3em 0 0 0.5em;
        font-size: 2.8vw;
        color: #3f7fc2; }
        @media only screen and (min-width: 768px) {
          .howto .cont_type_a .case li .text_area h3.md_h3_type_c span {
            font-size: calc(15 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .howto .cont_type_a .case li .text_area h3.md_h3_type_c span {
            font-size: 1.5rem; } }
        .howto .cont_type_a .case li .text_area h3.md_h3_type_c span:first-child {
          margin-left: 1em; }
    .howto .cont_type_a .case li .text_area ul.list_link {
      margin-top: 3vw; }
      @media only screen and (min-width: 768px) {
        .howto .cont_type_a .case li .text_area ul.list_link {
          margin-top: calc(20 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .howto .cont_type_a .case li .text_area ul.list_link {
          margin-top: 20px; } }
      .howto .cont_type_a .case li .text_area ul.list_link li {
        margin-top: 0 !important; }
        .howto .cont_type_a .case li .text_area ul.list_link li .list_arrow {
          display: inline-block;
          background-position: top 0.3em left 0%; }
          @media only screen and (min-width: 768px) {
            .howto .cont_type_a .case li .text_area ul.list_link li .list_arrow {
              background-position: center left 0%; } }
          @media only screen and (min-width: 1380px) {
            .howto .cont_type_a .case li .text_area ul.list_link li .list_arrow {
              background-position: center left 0%; } }
.howto .cont_type_a .two_block {
  margin-top: 5vw; }
  @media only screen and (min-width: 768px) {
    .howto .cont_type_a .two_block {
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      margin-top: calc(50 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .howto .cont_type_a .two_block {
      margin-top: 50px; } }
  .howto .cont_type_a .two_block .ph {
    width: 100%;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .howto .cont_type_a .two_block .ph {
        width: calc(400 / 1380 * 100vw);
        margin: 0; } }
    @media only screen and (min-width: 1380px) {
      .howto .cont_type_a .two_block .ph {
        width: 400px; } }
  .howto .cont_type_a .two_block .text_area {
    width: 100%;
    margin: 5vw 0 0 0; }
    @media only screen and (min-width: 768px) {
      .howto .cont_type_a .two_block .text_area {
        width: calc(534 / 1380 * 100vw);
        margin: 0; } }
    @media only screen and (min-width: 1380px) {
      .howto .cont_type_a .two_block .text_area {
        width: 534px; } }
    .howto .cont_type_a .two_block .text_area h3 {
      width: 100%;
      font-size: 4.5vw;
      line-height: 1.5em;
      font-weight: bold;
      text-align: left;
      color: #3f7fc2; }
      @media only screen and (min-width: 768px) {
        .howto .cont_type_a .two_block .text_area h3 {
          font-size: calc(29 / 1380 * 100vw);
          font-weight: bold; } }
      @media only screen and (min-width: 1380px) {
        .howto .cont_type_a .two_block .text_area h3 {
          font-size: 2.9rem;
          font-weight: bold; } }
    .howto .cont_type_a .two_block .text_area p.text {
      font-size: 3.466vw;
      color: #505050;
      margin: 0em 0 0;
      line-height: 1.9em; }
      @media only screen and (min-width: 768px) {
        .howto .cont_type_a .two_block .text_area p.text {
          font-size: calc(18 / 1380 * 100vw);
          margin: 0em 0 0; } }
      @media only screen and (min-width: 1380px) {
        .howto .cont_type_a .two_block .text_area p.text {
          font-size: 1.8rem; } }
    .howto .cont_type_a .two_block .text_area .btn-skyblue {
      margin: 5vw auto 0; }
      @media only screen and (min-width: 768px) {
        .howto .cont_type_a .two_block .text_area .btn-skyblue {
          margin: calc(30 / 1380 * 100vw) auto 0 0; } }
      @media only screen and (min-width: 1380px) {
        .howto .cont_type_a .two_block .text_area .btn-skyblue {
          margin: 30px auto 0 0; } }
.howto .cont_type_a .btarea {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 5vw; }
  @media only screen and (min-width: 768px) {
    .howto .cont_type_a .btarea {
      margin: calc(30 / 1380 * 100vw) auto 0 0; } }
  @media only screen and (min-width: 1380px) {
    .howto .cont_type_a .btarea {
      margin: 30px auto 0 0; } }
  .howto .cont_type_a .btarea li {
    text-align: center;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .howto .cont_type_a .btarea li {
        width: 50%; } }
    @media only screen and (min-width: 1380px) {
      .howto .cont_type_a .btarea li {
        width: 50%; } }
    .howto .cont_type_a .btarea li h4 {
      width: 100%;
      margin-top: 2em; }
    .howto .cont_type_a .btarea li h4 + a {
      margin-top: 0.8em; }
.howto .cont_type_a .btn-skyblue {
  margin: 8vw auto 0; }
  @media only screen and (min-width: 768px) {
    .howto .cont_type_a .btn-skyblue {
      margin-top: calc(80 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .howto .cont_type_a .btn-skyblue {
      margin-top: 80px; } }

/*******　タイトルエリア　*******/
.desk .cont_type_a .panel {
  margin-top: 10vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media only screen and (min-width: 768px) {
    .desk .cont_type_a .panel {
      margin-top: calc(100 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .desk .cont_type_a .panel {
      margin-top: 100px; } }
  .desk .cont_type_a .panel li {
    width: 48%;
    filter: drop-shadow(5px 5px 0px rgba(185, 185, 185, 0.6));
    background: #FFF;
    margin-bottom: 1em; }
    @media only screen and (min-width: 768px) {
      .desk .cont_type_a .panel li {
        max-width: 480px;
        margin-bottom: 2em; } }
    .desk .cont_type_a .panel li div {
      padding: 1em 1em 1.5em;
      font-size: 3.466vw; }
      @media only screen and (min-width: 768px) {
        .desk .cont_type_a .panel li div {
          font-size: calc(18 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .desk .cont_type_a .panel li div {
          font-size: 1.8rem; } }
      .desk .cont_type_a .panel li div h3 {
        font-weight: bold;
        font-size: 3.5vw;
        line-height: 1.3em; }
        @media only screen and (min-width: 768px) {
          .desk .cont_type_a .panel li div h3 {
            font-size: calc(21 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .desk .cont_type_a .panel li div h3 {
            font-size: 2.1rem; } }
      .desk .cont_type_a .panel li div .date {
        margin-top: 0.5em;
        font-size: 3.466vw; }
        @media only screen and (min-width: 768px) {
          .desk .cont_type_a .panel li div .date {
            font-size: calc(18 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .desk .cont_type_a .panel li div .date {
            font-size: 1.8rem; } }
      .desk .cont_type_a .panel li div .text {
        line-height: 1.3em;
        font-size: 3vw;
        margin-top: 0.5em; }
        @media only screen and (min-width: 768px) {
          .desk .cont_type_a .panel li div .text {
            font-size: calc(18 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .desk .cont_type_a .panel li div .text {
            font-size: 1.8rem; } }
      .desk .cont_type_a .panel li div a.btn-skyblue {
        width: 80%;
        min-height: 2.5em;
        line-height: 1.3em;
        border-radius: 6.7vw;
        color: #fff;
        text-align: center;
        font-size: 3vw;
        font-weight: bold;
        background: #5ebef9 url("../img/common/btn_arrow_w.svg") center right 8% no-repeat;
        background-size: 1.5vw auto;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0.7em auto 0; }
        @media only screen and (min-width: 768px) {
          .desk .cont_type_a .panel li div a.btn-skyblue {
            width: calc(228 / 1380 * 100vw);
            border-radius: calc(40 / 1380 * 100vw);
            font-size: calc(20 / 1380 * 100vw);
            background-size: calc(7 / 1380 * 100vw) auto; } }
        @media only screen and (min-width: 1380px) {
          .desk .cont_type_a .panel li div a.btn-skyblue {
            width: 228px;
            border-radius: 40px;
            font-size: 2rem;
            background-size: 7px auto; } }
        .desk .cont_type_a .panel li div a.btn-skyblue:hover {
          opacity: 0.8;
          text-decoration: none; }
        .desk .cont_type_a .panel li div a.btn-skyblue.pdf {
          background: #5ebef9 url("../img/common/btn_pdf_w.svg") center right 7% no-repeat;
          background-size: 1.2em auto; }
          @media only screen and (min-width: 768px) {
            .desk .cont_type_a .panel li div a.btn-skyblue.pdf {
              background-size: calc(23 / 1380 * 100vw) auto; } }
          @media only screen and (min-width: 1380px) {
            .desk .cont_type_a .panel li div a.btn-skyblue.pdf {
              background-size: 23px auto; } }
        .desk .cont_type_a .panel li div a.btn-skyblue.browser {
          background: #5ebef9 url("../img/common/btn_browser_w.svg") center right 6% no-repeat;
          background-size: 1.2em auto; }
          @media only screen and (min-width: 768px) {
            .desk .cont_type_a .panel li div a.btn-skyblue.browser {
              background-size: calc(21 / 1380 * 100vw) auto; } }
          @media only screen and (min-width: 1380px) {
            .desk .cont_type_a .panel li div a.btn-skyblue.browser {
              background-size: 21px auto; } }

/*******　タイトルエリア　*******/
.desk .cont_type_c {
  margin-top: 7vw;
  /*タブ切り替え全体のスタイル*/
  /*タブのスタイル*/
  /*タブ切り替えの中身のスタイル*/
  /*選択されているタブのコンテンツのみを表示*/
  /*選択されているタブのスタイルを変える*/ }
  @media only screen and (min-width: 768px) {
    .desk .cont_type_c {
      margin: calc(110 / 1380 * 100vw) auto 0; } }
  @media only screen and (min-width: 1380px) {
    .desk .cont_type_c {
      margin: 110px auto 0; } }
  .desk .cont_type_c .tabs_all {
    margin-top: 50px;
    background-color: #fff;
    width: 100%;
    margin: 0 auto; }
  .desk .cont_type_c .tabs_wrap {
    width: 100%;
    border-bottom: solid #2b75ca 2px;
    min-height: 2.5em; }
  .desk .cont_type_c .tabs {
    width: 90%;
    margin: 0 auto -2px;
    display: flex;
    justify-content: space-between; }
    @media only screen and (min-width: 768px) {
      .desk .cont_type_c .tabs {
        width: calc(1000 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .desk .cont_type_c .tabs {
        width: 1000px; } }
  .desk .cont_type_c .tab_item {
    width: 48%;
    min-height: 2.5em;
    border: 2px solid #2b75ca;
    border-bottom: none;
    border-radius: 0.5em 0.5em 0 0;
    background-color: #2b75ca;
    line-height: 1.2em;
    font-size: 4vw;
    text-align: center;
    color: #FFF;
    display: block;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
    padding: 0.7em; }
    @media only screen and (min-width: 768px) {
      .desk .cont_type_c .tab_item {
        width: 49%;
        font-size: calc(20 / 1380 * 100vw);
        padding: 1.5em 0.7em;
        cursor: pointer; } }
    @media only screen and (min-width: 1380px) {
      .desk .cont_type_c .tab_item {
        font-size: 2rem; } }
  .desk .cont_type_c .tab_item span:hover {
    opacity: 0.75; }
  .desk .cont_type_c .tab_content {
    width: 100%;
    display: none;
    padding: 0;
    clear: both;
    overflow: hidden;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .desk .cont_type_c .tab_content {
        width: 100%; } }
  .desk .cont_type_c #first_content.active,
  .desk .cont_type_c #second_content.active {
    display: block; }
  .desk .cont_type_c .tabs_all .tab_item.active {
    background-color: #FFF;
    color: #2b75ca; }
.desk .introduce {
  width: 100%;
  margin: 10vw auto; }
  @media only screen and (min-width: 768px) {
    .desk .introduce {
      width: calc(1000 / 1380 * 100vw);
      margin: calc(80 / 1380 * 100vw) auto 0;
      display: flex;
      justify-content: space-between; } }
  @media only screen and (min-width: 1380px) {
    .desk .introduce {
      width: 1000px;
      margin: 80px auto 0; } }
  .desk .introduce li {
    width: 100%;
    margin: 12vw 0 0; }
    @media only screen and (min-width: 768px) {
      .desk .introduce li {
        width: 30%;
        margin: 0 0 0; } }
    .desk .introduce li .ph {
      width: 50%;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .desk .introduce li .ph {
          width: calc(163 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .desk .introduce li .ph {
          width: 163px; } }
    .desk .introduce li h3 {
      background-image: linear-gradient(90deg, #5ebdf8, #3c86de);
      padding: 0.5em 0.5em;
      color: #FFF;
      font-weight: bold;
      font-size: 4vw;
      margin: 2em 0 0; }
      @media only screen and (min-width: 768px) {
        .desk .introduce li h3 {
          font-size: calc(20 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .desk .introduce li h3 {
          font-size: 2rem; } }
    .desk .introduce li p.text {
      font-size: 3.466vw;
      color: #505050;
      margin: 1em 0 0;
      line-height: 1.8em; }
      @media only screen and (min-width: 768px) {
        .desk .introduce li p.text {
          font-size: calc(18 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .desk .introduce li p.text {
          font-size: 1.8rem; } }
.desk .baloon {
  position: relative;
  width: 100%;
  height: auto;
  background: #DFF2FE;
  padding: 0;
  color: #505050;
  font-size: 4vw;
  margin: 3em 0;
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  flex-wrap: wrap-reverse;
  padding: 5vw; }
  @media only screen and (min-width: 768px) {
    .desk .baloon {
      font-size: calc(22 / 1380 * 100vw);
      justify-content: space-between;
      align-items: center;
      flex-direction: row;
      flex-wrap: wrap;
      padding: 0 calc(120 / 1380 * 100vw) 0 calc(160 / 1380 * 100vw);
      margin: 4em 0; } }
  @media only screen and (min-width: 1380px) {
    .desk .baloon {
      font-size: 2.2rem;
      padding: 0 120px 0 160px; } }
  .desk .baloon .baloon_ill {
    width: 40%;
    margin: 1em auto 0; }
    @media only screen and (min-width: 768px) {
      .desk .baloon .baloon_ill {
        width: calc(91 / 1380 * 100vw);
        margin: calc(14 / 1380 * 100vw) 0 0; } }
    @media only screen and (min-width: 1380px) {
      .desk .baloon .baloon_ill {
        width: 91px;
        margin: 14px 0 0; } }
  .desk .baloon .baloon_text {
    width: 100%;
    margin: 0 auto 0;
    font-weight: bold;
    line-height: 1.5em; }
    @media only screen and (min-width: 768px) {
      .desk .baloon .baloon_text {
        width: calc(590 / 1380 * 100vw);
        margin: 0 0 0; } }
    @media only screen and (min-width: 1380px) {
      .desk .baloon .baloon_text {
        width: 590px; } }
.desk .baloon:after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-top-width: 20px;
  border-bottom-width: 20px;
  border-left-width: 20px;
  border-right-width: 20px;
  margin-left: -20px;
  border-top-color: #DFF2FE;
  top: 100%;
  left: 50%; }
.desk .bt_area .btn-skyblue {
  margin: 10vw auto 0; }
  @media only screen and (min-width: 768px) {
    .desk .bt_area .btn-skyblue {
      margin-top: calc(110 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .desk .bt_area .btn-skyblue {
      margin-top: 110px; } }
.desk .support_wrap {
  background: #DFF2FE;
  padding: 10vw 0;
  margin-top: 15vw; }
  @media only screen and (min-width: 768px) {
    .desk .support_wrap {
      padding: calc(75 / 1380 * 100vw) 0;
      margin: calc(110 / 1380 * 100vw) auto 0; } }
  @media only screen and (min-width: 1380px) {
    .desk .support_wrap {
      padding: 75px 0;
      margin: 110px auto 0; } }
  .desk .support_wrap .support {
    width: 90%;
    margin: 0 auto;
    background: #FFF;
    padding: 7vw 5vw; }
    @media only screen and (min-width: 768px) {
      .desk .support_wrap .support {
        width: calc(1000 / 1380 * 100vw);
        padding: calc(50 / 1380 * 100vw) calc(55 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .desk .support_wrap .support {
        width: 1000px;
        padding: 50px 55px; } }
    .desk .support_wrap .support h2 {
      text-align: center;
      font-size: 4vw; }
      @media only screen and (min-width: 768px) {
        .desk .support_wrap .support h2 {
          font-size: calc(29 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .desk .support_wrap .support h2 {
          font-size: 2.9rem; } }
    .desk .support_wrap .support h3 {
      background-image: linear-gradient(90deg, #5ebdf8, #3c86de);
      padding: 0.5em 0.5em;
      color: #FFF;
      font-weight: bold;
      font-size: 4vw;
      margin: 1em 0 0;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        .desk .support_wrap .support h3 {
          font-size: calc(20 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .desk .support_wrap .support h3 {
          font-size: 2rem; } }
    .desk .support_wrap .support p.text {
      font-size: 3.466vw;
      color: #505050;
      margin: 1em 0 0;
      line-height: 1.8em; }
      @media only screen and (min-width: 768px) {
        .desk .support_wrap .support p.text {
          font-size: calc(18 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .desk .support_wrap .support p.text {
          font-size: 1.8rem; } }
    .desk .support_wrap .support .fig {
      width: 100%;
      margin: 5vw auto 0; }
      @media only screen and (min-width: 768px) {
        .desk .support_wrap .support .fig {
          width: calc(890 / 1380 * 100vw);
          margin: calc(30 / 1380 * 100vw) auto 0; } }
      @media only screen and (min-width: 1380px) {
        .desk .support_wrap .support .fig {
          width: 890px;
          margin: 30px auto 0; } }
.desk .faqwrap {
  margin-top: 7vw; }
  @media only screen and (min-width: 768px) {
    .desk .faqwrap {
      margin-top: calc(50 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .desk .faqwrap {
      margin-top: 50px; } }
.desk dl.last {
  margin: 0 0 3em !important;
  font-size: 3.466vw;
  color: #505050;
  margin: 1em 0 0;
  line-height: 1.8em; }
  @media only screen and (min-width: 768px) {
    .desk dl.last {
      font-size: calc(18 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .desk dl.last {
      font-size: 1.8rem; } }
.desk dl.faq dt {
  padding: 1em 3.5em 1em 0.7em;
  background-image: url("../img/desk/bt_open.svg"), linear-gradient(90deg, #5ebdf8, #3c86de);
  background-repeat: no-repeat,no-repeat;
  background-position: right 1em center,0 0;
  background-size: 2em auto,100% auto;
  margin: 0.5em 0 0 0;
  cursor: pointer;
  line-height: 1.5em;
  min-height: 2em;
  font-size: 3.466vw;
  font-weight: bold;
  display: flex;
  align-items: top; }
  @media only screen and (min-width: 768px) {
    .desk dl.faq dt {
      font-size: calc(18 / 1380 * 100vw);
      padding: 1em 3.7em 1em 1.7em;
      background-position: right 1.3em center,0 0;
      background-size: 2em auto,100% auto; } }
  @media only screen and (min-width: 1380px) {
    .desk dl.faq dt {
      font-size: 1.8rem; } }
  .desk dl.faq dt .icon {
    width: 3em;
    margin: 0.5em 1em 0 0 !important; }
    @media only screen and (min-width: 768px) {
      .desk dl.faq dt .icon {
        width: calc(60 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .desk dl.faq dt .icon {
        width: 60px; } }
  .desk dl.faq dt .text {
    width: calc(100% - 3em);
    font-size: 3.466vw;
    color: #FFF;
    line-height: 1.5em; }
    @media only screen and (min-width: 768px) {
      .desk dl.faq dt .text {
        width: calc(820 / 1380 * 100vw);
        font-size: calc(18 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .desk dl.faq dt .text {
        width: 820px;
        font-size: 1.8rem; } }
.desk dl.faq dt.active {
  background-image: url("../img/desk/bt_close.svg"), linear-gradient(90deg, #5ebdf8, #3c86de); }
.desk dl.faq dd {
  display: none;
  padding: 1em 1em 1em 0.7em;
  background-color: #e7f5fe;
  background-repeat: no-repeat;
  background-position: 1em 1.3em;
  background-size: 3em auto;
  margin: 0.5em 0em 0 0;
  line-height: 1.5em;
  min-height: 2em;
  font-size: 3.466vw; }
  @media only screen and (min-width: 768px) {
    .desk dl.faq dd {
      font-size: calc(18 / 1380 * 100vw);
      padding: 1em 1em 1em 1.7em;
      background-size: 2em auto,100% auto;
      background-position: 1.5em 1.3em; } }
  @media only screen and (min-width: 1380px) {
    .desk dl.faq dd {
      font-size: 1.8rem; } }
  .desk dl.faq dd .icon {
    width: 3em;
    margin: 0.5em 1em 0 0 !important; }
    @media only screen and (min-width: 768px) {
      .desk dl.faq dd .icon {
        width: calc(60 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .desk dl.faq dd .icon {
        width: 60px; } }
  .desk dl.faq dd .text {
    width: calc(100% - 3em);
    font-size: 3.466vw;
    color: #505050;
    margin: 0;
    line-height: 1.5em; }
    @media only screen and (min-width: 768px) {
      .desk dl.faq dd .text {
        width: calc(880 / 1380 * 100vw);
        font-size: calc(18 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .desk dl.faq dd .text {
        width: 880px;
        font-size: 1.8rem; } }
.desk dl.faq dd .link {
  display: block;
  margin-top: 0.5em; }
.desk dl.faq dd.active {
  display: flex;
  align-items: top; }
@media only screen and (min-width: 768px) {
  .desk dl.faq + .bt_area a {
    margin-top: calc(70 / 1380 * 100vw); } }
@media only screen and (min-width: 1380px) {
  .desk dl.faq + .bt_area a {
    margin-top: 70px; } }
.desk .twoblock .ph {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .desk .twoblock .ph {
      width: calc(547 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .desk .twoblock .ph {
      width: 547px; } }
.desk .twoblock .text_area {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .desk .twoblock .text_area {
      width: calc(400 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .desk .twoblock .text_area {
      width: 400px; } }
  .desk .twoblock .text_area .md_h3_type_b {
    margin-top: 1.2em; }
    @media only screen and (min-width: 768px) {
      .desk .twoblock .text_area .md_h3_type_b {
        margin-top: 0; } }
  .desk .twoblock .text_area .text {
    margin-top: 0.8em; }
    @media only screen and (min-width: 768px) {
      .desk .twoblock .text_area .text {
        margin-top: 1em; } }
.desk .fit .ph {
  width: 70% !important;
  margin: 5vw auto 0; }
  @media only screen and (min-width: 768px) {
    .desk .fit .ph {
      width: calc(300 / 1380 * 100vw) !important;
      margin: 0vw 0 0 0; } }
  @media only screen and (min-width: 1380px) {
    .desk .fit .ph {
      width: 300px !important; } }
.desk .fit .text_area {
  width: 100%;
  margin-top: 1em; }
  @media only screen and (min-width: 768px) {
    .desk .fit .text_area {
      width: calc(650 / 1380 * 100vw) !important;
      margin-top: 0em !important; } }
  @media only screen and (min-width: 1380px) {
    .desk .fit .text_area {
      width: 650px !important; } }
  .desk .fit .text_area .text {
    margin-top: 0.8em; }
    @media only screen and (min-width: 768px) {
      .desk .fit .text_area .text {
        margin-top: 0em !important; } }
.desk .fit .btn-skyblue, .desk .fit .btn-close {
  margin: 1.5em auto 0; }
  @media only screen and (min-width: 768px) {
    .desk .fit .btn-skyblue, .desk .fit .btn-close {
      margin: 1.5em auto 0 0; } }
  @media only screen and (min-width: 1380px) {
    .desk .fit .btn-skyblue, .desk .fit .btn-close {
      margin: 1.5em auto 0 0; } }
  .desk .fit .btn-skyblue a, .desk .fit .btn-close a {
    margin: 0 auto; }
.desk .inquiry_wrap {
  background: #DFF2FE;
  padding: 5vw 0;
  margin-top: 15vw; }
  @media only screen and (min-width: 768px) {
    .desk .inquiry_wrap {
      padding: calc(75 / 1380 * 100vw) 0;
      margin: calc(110 / 1380 * 100vw) auto 0; } }
  @media only screen and (min-width: 1380px) {
    .desk .inquiry_wrap {
      padding: 75px 0;
      margin: 110px auto 0; } }
  .desk .inquiry_wrap .inquiry {
    width: 90%;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .desk .inquiry_wrap .inquiry {
        width: calc(1000 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .desk .inquiry_wrap .inquiry {
        width: 1000px; } }
    .desk .inquiry_wrap .inquiry h2 {
      margin-top: 0; }
    .desk .inquiry_wrap .inquiry p.text {
      font-size: 3.466vw;
      color: #505050;
      margin: 1em 0 0;
      line-height: 1.8em; }
      @media only screen and (min-width: 768px) {
        .desk .inquiry_wrap .inquiry p.text {
          font-size: calc(18 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .desk .inquiry_wrap .inquiry p.text {
          font-size: 1.8rem; } }
      .desk .inquiry_wrap .inquiry p.text.lead {
        margin-top: 10vw; }
        @media only screen and (min-width: 768px) {
          .desk .inquiry_wrap .inquiry p.text.lead {
            margin-top: calc(75 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .desk .inquiry_wrap .inquiry p.text.lead {
            margin-top: 75px; } }
    .desk .inquiry_wrap .inquiry .fig {
      width: 100%;
      margin: 5vw auto 0; }
      @media only screen and (min-width: 768px) {
        .desk .inquiry_wrap .inquiry .fig {
          width: calc(890 / 1380 * 100vw);
          margin: calc(30 / 1380 * 100vw) auto 0; } }
      @media only screen and (min-width: 1380px) {
        .desk .inquiry_wrap .inquiry .fig {
          width: 890px;
          margin: 30px auto 0; } }
  .desk .inquiry_wrap .map_wrap {
    background-color: #FFF;
    padding: 8vw 5vw;
    margin: 10vw auto 0; }
    @media only screen and (min-width: 768px) {
      .desk .inquiry_wrap .map_wrap {
        padding: calc(50 / 1380 * 100vw) calc(90 / 1380 * 100vw);
        margin: calc(80 / 1380 * 100vw) auto 0; } }
    @media only screen and (min-width: 1380px) {
      .desk .inquiry_wrap .map_wrap {
        padding: 50px 90px;
        margin: 80px auto 0; } }
    .desk .inquiry_wrap .map_wrap h3 {
      width: 100%;
      font-size: 5vw;
      line-height: 1.2em;
      font-weight: bold;
      text-align: center;
      color: #3f7fc2; }
      @media only screen and (min-width: 768px) {
        .desk .inquiry_wrap .map_wrap h3 {
          font-size: calc(29 / 1380 * 100vw);
          line-height: 1.2em;
          font-weight: bold; } }
      @media only screen and (min-width: 1380px) {
        .desk .inquiry_wrap .map_wrap h3 {
          font-size: 2.9rem;
          line-height: 1.2em;
          font-weight: bold; } }
    .desk .inquiry_wrap .map_wrap .map_cont {
      width: 100%;
      margin: 5vw auto 0; }
      @media only screen and (min-width: 768px) {
        .desk .inquiry_wrap .map_wrap .map_cont {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin: calc(36 / 1380 * 100vw) auto 0; } }
      @media only screen and (min-width: 1380px) {
        .desk .inquiry_wrap .map_wrap .map_cont {
          margin: 36px auto 0; } }
      .desk .inquiry_wrap .map_wrap .map_cont .googlemap {
        width: 100%;
        height: 90vw;
        margin: 0 auto; }
        @media only screen and (min-width: 768px) {
          .desk .inquiry_wrap .map_wrap .map_cont .googlemap {
            width: calc(593 / 1380 * 100vw);
            height: calc(437 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .desk .inquiry_wrap .map_wrap .map_cont .googlemap {
            width: 593px;
            height: 437px; } }

/*******　タイトルエリア　*******/
.area .area_wrap {
  margin-top: 2vw; }
  @media only screen and (min-width: 768px) {
    .area .area_wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: calc(20 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .area .area_wrap {
      margin-top: 20px; } }
.area .area_map {
  width: 90%;
  margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    .area .area_map {
      width: calc(505 / 1380 * 100vw);
      margin: calc(0 / 1380 * 100vw) 0 0 calc(0 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .area .area_map {
      width: 505px;
      margin: 0px 0 0 0px; } }
.area .area_navi {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 2vw;
  padding-right: 2px; }
  @media only screen and (min-width: 768px) {
    .area .area_navi {
      width: calc(450 / 1380 * 100vw);
      margin-top: 0; } }
  @media only screen and (min-width: 1380px) {
    .area .area_navi {
      width: 450px;
      margin-top: 0px; } }
  .area .area_navi li {
    width: 47%;
    margin-top: 2vw; }
    @media only screen and (min-width: 768px) {
      .area .area_navi li {
        width: calc(210 / 1380 * 100vw);
        margin-top: calc(8 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .area .area_navi li {
        width: 210px;
        margin-top: 8px; } }
    .area .area_navi li a.btn_arrow_plink {
      display: block;
      width: 100%;
      min-height: 7vw;
      line-height: 1.3em;
      color: #2b75ca;
      text-align: left;
      font-size: 3.5vw;
      font-weight: bold;
      background: #FFF url("../img/common/btn_arrow_plink.svg") center right 7% no-repeat;
      background-size: 1.5vw auto;
      border-bottom: 1px solid #2b75ca;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      margin-top: 0.5em; }
      @media only screen and (min-width: 768px) {
        .area .area_navi li a.btn_arrow_plink {
          min-height: calc(40 / 1380 * 100vw);
          font-size: calc(18 / 1380 * 100vw);
          background-size: calc(7 / 1380 * 100vw) auto; } }
      @media only screen and (min-width: 1380px) {
        .area .area_navi li a.btn_arrow_plink {
          min-height: 40px;
          font-size: 1.8rem;
          background-size: 7px auto; } }
      .area .area_navi li a.btn_arrow_plink:hover {
        opacity: 0.8;
        text-decoration: none; }
    .area .area_navi li .area_text {
      margin-top: 0.5em;
      line-height: 1.5em;
      font-size: 2.8vw; }
      @media only screen and (min-width: 768px) {
        .area .area_navi li .area_text {
          font-size: calc(16 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .area .area_navi li .area_text {
          font-size: 1.6rem; } }

/*******　タイトルエリア　*******/
.interview .cont_type_blue {
  background: #DFF2FE;
  padding: 5vw 0 12vw;
  margin-top: 3vw; }
  @media only screen and (min-width: 768px) {
    .interview .cont_type_blue {
      padding: calc(46 / 1380 * 100vw) 0 calc(80 / 1380 * 100vw);
      margin-top: calc(0 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .interview .cont_type_blue {
      padding: 46px 0 80px;
      margin-top: 0px; } }
  .interview .cont_type_blue__inner .special_index {
    width: 80vw;
    margin: 5vw auto 0; }
    @media only screen and (min-width: 768px) {
      .interview .cont_type_blue__inner .special_index {
        display: flex;
        justify-content: space-between;
        width: 90%;
        margin: calc(40 / 1380 * 100vw) auto 0; } }
    @media only screen and (min-width: 1380px) {
      .interview .cont_type_blue__inner .special_index {
        width: 1280px;
        margin: 40px auto 0; } }
    .interview .cont_type_blue__inner .special_index li {
      position: relative;
      margin: 8vw auto 0; }
      @media only screen and (min-width: 768px) {
        .interview .cont_type_blue__inner .special_index li {
          width: calc(390 / 1380 * 100vw);
          margin: 0 calc(15 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .interview .cont_type_blue__inner .special_index li {
          margin: 0 15px;
          width: 390px; } }
      .interview .cont_type_blue__inner .special_index li a:hover {
        text-decoration: none; }
      .interview .cont_type_blue__inner .special_index li .ph {
        padding-left: 2vw; }
        @media only screen and (min-width: 768px) {
          .interview .cont_type_blue__inner .special_index li .ph {
            padding-left: calc(7 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .interview .cont_type_blue__inner .special_index li .ph {
            padding-left: 7px; } }
      .interview .cont_type_blue__inner .special_index li .name {
        position: relative;
        display: inline-block;
        margin-top: -2vw;
        padding: 2vw 3vw;
        min-height: 8.66vw;
        background: linear-gradient(90deg, #5ebef9 0%, #3d88e0 100%);
        color: #fff;
        font-size: 4.8vw;
        font-weight: bold;
        line-height: 1.3; }
        @media only screen and (min-width: 768px) {
          .interview .cont_type_blue__inner .special_index li .name {
            margin-top: calc(-6 / 1380 * 100vw);
            padding: calc(10 / 1380 * 100vw) calc(7 / 1380 * 100vw);
            min-height: calc(46 / 1380 * 100vw);
            font-size: calc(20 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .interview .cont_type_blue__inner .special_index li .name {
            margin-top: -6px;
            padding: 10px 7px;
            min-height: 46px;
            font-size: 2rem; } }
        .interview .cont_type_blue__inner .special_index li .name span {
          font-size: 3.5vw;
          font-weight: normal; }
          @media only screen and (min-width: 768px) {
            .interview .cont_type_blue__inner .special_index li .name span {
              font-size: calc(13 / 1380 * 100vw); } }
          @media only screen and (min-width: 1380px) {
            .interview .cont_type_blue__inner .special_index li .name span {
              font-size: 1.3rem; } }
          .interview .cont_type_blue__inner .special_index li .name span.small {
            font-size: 2.8vw;
            font-weight: normal; }
            @media only screen and (min-width: 768px) {
              .interview .cont_type_blue__inner .special_index li .name span.small {
                font-size: calc(13 / 1380 * 100vw); } }
            @media only screen and (min-width: 1380px) {
              .interview .cont_type_blue__inner .special_index li .name span.small {
                font-size: 1.3rem; } }
      .interview .cont_type_blue__inner .special_index li .msg {
        padding: 0.5em 0;
        font-size: 4.2vw;
        font-weight: bold;
        line-height: 1.3; }
        @media only screen and (min-width: 768px) {
          .interview .cont_type_blue__inner .special_index li .msg {
            padding: calc(15 / 1380 * 100vw) 0;
            font-size: calc(18 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .interview .cont_type_blue__inner .special_index li .msg {
            padding: 15px 0;
            font-size: 1.8rem; } }
  .interview .cont_type_blue__inner .bt_area {
    margin: 5vw auto 0; }
    @media only screen and (min-width: 768px) {
      .interview .cont_type_blue__inner .bt_area {
        margin: calc(20 / 1380 * 100vw) 0 0; } }
    @media only screen and (min-width: 1380px) {
      .interview .cont_type_blue__inner .bt_area {
        margin: 20px 0 0; } }
    .interview .cont_type_blue__inner .bt_area a {
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .interview .cont_type_blue__inner .bt_area a {
          margin: 0 auto 0 auto; } }
.interview .cont_type_a {
  padding: 0vw 0 8vw;
  margin-top: 5vw; }
  @media only screen and (min-width: 768px) {
    .interview .cont_type_a {
      padding: 0 0 calc(80 / 1380 * 100vw);
      margin-top: calc(50 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .interview .cont_type_a {
      padding: 0 0 80px;
      margin-top: 50px; } }
  .interview .cont_type_a .active_index {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0vw auto 0;
    width: 90vw; }
    @media only screen and (min-width: 768px) {
      .interview .cont_type_a .active_index {
        margin-top: calc(40 / 1380 * 100vw);
        width: calc(1000 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .interview .cont_type_a .active_index {
        margin-top: 40px;
        width: 1000px; } }
    .interview .cont_type_a .active_index li {
      padding: 3vw 0;
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .interview .cont_type_a .active_index li {
          width: calc(480 / 1380 * 100vw);
          padding: calc(20 / 1380 * 100vw) 0; } }
      @media only screen and (min-width: 1380px) {
        .interview .cont_type_a .active_index li {
          width: 480px;
          padding: 20px 0; } }
      .interview .cont_type_a .active_index li a {
        width: 100%;
        display: flex;
        justify-content: space-between; }
        .interview .cont_type_a .active_index li a .ph {
          width: 35%;
          margin: 0 auto; }
          @media only screen and (min-width: 768px) {
            .interview .cont_type_a .active_index li a .ph {
              width: calc(180 / 1380 * 100vw);
              margin: 0; } }
          @media only screen and (min-width: 1380px) {
            .interview .cont_type_a .active_index li a .ph {
              width: 180px; } }
        .interview .cont_type_a .active_index li a .text_block {
          width: 60%; }
          @media only screen and (min-width: 768px) {
            .interview .cont_type_a .active_index li a .text_block {
              width: calc(290 / 1380 * 100vw);
              margin-top: 0; } }
          @media only screen and (min-width: 1380px) {
            .interview .cont_type_a .active_index li a .text_block {
              width: 290px; } }
          .interview .cont_type_a .active_index li a .text_block .date {
            font-size: 2.5vw; }
            @media only screen and (min-width: 768px) {
              .interview .cont_type_a .active_index li a .text_block .date {
                font-size: calc(14 / 1380 * 100vw); } }
            @media only screen and (min-width: 1380px) {
              .interview .cont_type_a .active_index li a .text_block .date {
                font-size: 1.4rem; } }
          .interview .cont_type_a .active_index li a .text_block .name {
            display: inline-block;
            width: 100%;
            background-image: linear-gradient(90deg, #5ebef9, #3c87df);
            padding: 0.5em 0.7em;
            font-size: 2.7vw;
            vertical-align: center;
            color: #FFF;
            margin: 0 0 0;
            line-height: 1.5em; }
            @media only screen and (min-width: 768px) {
              .interview .cont_type_a .active_index li a .text_block .name {
                min-width: 70%;
                font-size: calc(15 / 1380 * 100vw); } }
            @media only screen and (min-width: 1380px) {
              .interview .cont_type_a .active_index li a .text_block .name {
                font-size: 1.5rem; } }
            .interview .cont_type_a .active_index li a .text_block .name span {
              font-size: 130%;
              font-weight: bold; }
          .interview .cont_type_a .active_index li a .text_block .text {
            font-size: 3.2vw;
            margin-top: 0.7em;
            line-height: 1.5em;
            font-weight: bold;
            padding-left: 0.3em; }
            @media only screen and (min-width: 768px) {
              .interview .cont_type_a .active_index li a .text_block .text {
                font-size: calc(17 / 1380 * 100vw); } }
            @media only screen and (min-width: 1380px) {
              .interview .cont_type_a .active_index li a .text_block .text {
                font-size: 1.7rem; } }
        .interview .cont_type_a .active_index li a:hover {
          text-decoration: none;
          opacity: 0.7; }
  .interview .cont_type_a .bt_area {
    margin: 7vw auto 0; }
    @media only screen and (min-width: 768px) {
      .interview .cont_type_a .bt_area {
        margin: calc(35 / 1380 * 100vw) 0 0; } }
    @media only screen and (min-width: 1380px) {
      .interview .cont_type_a .bt_area {
        margin: 35px 0 0; } }
    .interview .cont_type_a .bt_area a {
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .interview .cont_type_a .bt_area a {
          margin: 0 auto 0 auto; } }

.special .cont_type_a .activity_lead, .activity .cont_type_a .activity_lead {
  font-size: 3.466vw;
  margin-top: 10vw;
  line-height: 2em;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .special .cont_type_a .activity_lead, .activity .cont_type_a .activity_lead {
      font-size: calc(18 / 1380 * 100vw);
      margin-top: calc(90 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .special .cont_type_a .activity_lead, .activity .cont_type_a .activity_lead {
      font-size: 1.8rem;
      margin-top: 90px; } }
.special .cont_type_a .index, .activity .cont_type_a .index {
  margin-top: 12vw; }
  @media only screen and (min-width: 768px) {
    .special .cont_type_a .index, .activity .cont_type_a .index {
      margin-top: calc(100 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .special .cont_type_a .index, .activity .cont_type_a .index {
      margin-top: 100px; } }
  .special .cont_type_a .index li, .activity .cont_type_a .index li {
    border-bottom: dotted 3px #c1c4d1;
    padding: 10vw 0;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .special .cont_type_a .index li, .activity .cont_type_a .index li {
        padding: calc(70 / 1380 * 100vw) 0;
        display: flex;
        justify-content: space-between; } }
    @media only screen and (min-width: 1380px) {
      .special .cont_type_a .index li, .activity .cont_type_a .index li {
        padding: 70px 0; } }
    .special .cont_type_a .index li:first-child, .activity .cont_type_a .index li:first-child {
      padding-top: 0; }
    .special .cont_type_a .index li:last-child, .activity .cont_type_a .index li:last-child {
      border-bottom: none;
      padding-bottom: 0; }
    .special .cont_type_a .index li .ph, .activity .cont_type_a .index li .ph {
      width: 70vw;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .special .cont_type_a .index li .ph, .activity .cont_type_a .index li .ph {
          width: calc(300 / 1380 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1380px) {
        .special .cont_type_a .index li .ph, .activity .cont_type_a .index li .ph {
          width: 300px; } }
    .special .cont_type_a .index li .text_block, .activity .cont_type_a .index li .text_block {
      width: 100%;
      margin-top: 5vw; }
      @media only screen and (min-width: 768px) {
        .special .cont_type_a .index li .text_block, .activity .cont_type_a .index li .text_block {
          width: calc(656 / 1380 * 100vw);
          margin-top: 0; } }
      @media only screen and (min-width: 1380px) {
        .special .cont_type_a .index li .text_block, .activity .cont_type_a .index li .text_block {
          width: 656px; } }
      .special .cont_type_a .index li .text_block .date, .activity .cont_type_a .index li .text_block .date {
        font-size: 3.5vw; }
        @media only screen and (min-width: 768px) {
          .special .cont_type_a .index li .text_block .date, .activity .cont_type_a .index li .text_block .date {
            font-size: calc(20 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .special .cont_type_a .index li .text_block .date, .activity .cont_type_a .index li .text_block .date {
            font-size: 2rem; } }
      .special .cont_type_a .index li .text_block h3, .activity .cont_type_a .index li .text_block h3 {
        font-size: 4.5vw;
        line-height: 1.3em;
        margin-top: 0.5em; }
        @media only screen and (min-width: 768px) {
          .special .cont_type_a .index li .text_block h3, .activity .cont_type_a .index li .text_block h3 {
            font-size: calc(29 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .special .cont_type_a .index li .text_block h3, .activity .cont_type_a .index li .text_block h3 {
            font-size: 29px; } }
      .special .cont_type_a .index li .text_block .name, .activity .cont_type_a .index li .text_block .name {
        display: inline-block;
        width: 100%;
        background-image: linear-gradient(90deg, #5ebef9, #3c87df);
        padding: 0.7em 1em;
        font-size: 3vw;
        font-weight: bold;
        vertical-align: center;
        color: #FFF;
        margin: 1em 0 0;
        line-height: 1.5em; }
        @media only screen and (min-width: 768px) {
          .special .cont_type_a .index li .text_block .name, .activity .cont_type_a .index li .text_block .name {
            width: auto;
            min-width: 70%;
            font-size: calc(13 / 1380 * 100vw);
            line-height: 1.7em; } }
        @media only screen and (min-width: 1380px) {
          .special .cont_type_a .index li .text_block .name, .activity .cont_type_a .index li .text_block .name {
            font-size: 1.3rem; } }
        .special .cont_type_a .index li .text_block .name span, .activity .cont_type_a .index li .text_block .name span {
          font-size: 4vw;
          vertical-align: center; }
          @media only screen and (min-width: 768px) {
            .special .cont_type_a .index li .text_block .name span, .activity .cont_type_a .index li .text_block .name span {
              font-size: calc(26 / 1380 * 100vw); } }
          @media only screen and (min-width: 1380px) {
            .special .cont_type_a .index li .text_block .name span, .activity .cont_type_a .index li .text_block .name span {
              font-size: 2.6rem; } }
      .special .cont_type_a .index li .text_block .text, .activity .cont_type_a .index li .text_block .text {
        font-size: 3.466vw;
        margin-top: 1em;
        line-height: 2em; }
        @media only screen and (min-width: 768px) {
          .special .cont_type_a .index li .text_block .text, .activity .cont_type_a .index li .text_block .text {
            font-size: calc(18 / 1380 * 100vw); } }
        @media only screen and (min-width: 1380px) {
          .special .cont_type_a .index li .text_block .text, .activity .cont_type_a .index li .text_block .text {
            font-size: 1.8rem; } }
      .special .cont_type_a .index li .text_block .bt_area, .activity .cont_type_a .index li .text_block .bt_area {
        margin: 5vw auto 0; }
        @media only screen and (min-width: 768px) {
          .special .cont_type_a .index li .text_block .bt_area, .activity .cont_type_a .index li .text_block .bt_area {
            margin: calc(20 / 1380 * 100vw) 0 0; } }
        @media only screen and (min-width: 1380px) {
          .special .cont_type_a .index li .text_block .bt_area, .activity .cont_type_a .index li .text_block .bt_area {
            margin: 20px 0 0; } }
        .special .cont_type_a .index li .text_block .bt_area a, .activity .cont_type_a .index li .text_block .bt_area a {
          margin: 0 auto; }
          @media only screen and (min-width: 768px) {
            .special .cont_type_a .index li .text_block .bt_area a, .activity .cont_type_a .index li .text_block .bt_area a {
              margin: 0 0 0 auto; } }
.special .cont_type_a .interviwer, .activity .cont_type_a .interviwer {
  display: flex;
  align-items: top;
  color: #2b75ca;
  font-size: 3.466vw;
  margin-top: 1.8em;
  line-height: 2em; }
  @media only screen and (min-width: 768px) {
    .special .cont_type_a .interviwer, .activity .cont_type_a .interviwer {
      font-size: calc(18 / 1380 * 100vw);
      line-height: 2em; } }
  @media only screen and (min-width: 1380px) {
    .special .cont_type_a .interviwer, .activity .cont_type_a .interviwer {
      font-size: 1.8rem; } }
  .special .cont_type_a .interviwer:before, .activity .cont_type_a .interviwer:before {
    content: "";
    height: 1px;
    display: block;
    width: 2em;
    margin: 1em 0.3em 0 0; }
  .special .cont_type_a .interviwer:before, .activity .cont_type_a .interviwer:before {
    margin-left: 0;
    background: #2b75ca; }
.special .cont_type_a .interviwee, .activity .cont_type_a .interviwee {
  color: #505050;
  font-size: 3.466vw;
  margin-top: 0.8em;
  line-height: 2em; }
  @media only screen and (min-width: 768px) {
    .special .cont_type_a .interviwee, .activity .cont_type_a .interviwee {
      font-size: calc(18 / 1380 * 100vw);
      line-height: 2em; } }
  @media only screen and (min-width: 1380px) {
    .special .cont_type_a .interviwee, .activity .cont_type_a .interviwee {
      font-size: 1.8rem; } }
  .special .cont_type_a .interviwee span, .activity .cont_type_a .interviwee span {
    font-weight: bold; }
.special .cont_type_a .interviw_note, .activity .cont_type_a .interviw_note {
  color: #505050;
  font-size: 2.8vw;
  margin-top: 0.8em;
  line-height: 2em; }
  @media only screen and (min-width: 768px) {
    .special .cont_type_a .interviw_note, .activity .cont_type_a .interviw_note {
      font-size: calc(16 / 1380 * 100vw);
      line-height: 2em; } }
  @media only screen and (min-width: 1380px) {
    .special .cont_type_a .interviw_note, .activity .cont_type_a .interviw_note {
      font-size: 1.6rem; } }
  .special .cont_type_a .interviw_note span, .activity .cont_type_a .interviw_note span {
    font-weight: bold; }
.special .cont_type_a .interview_note_3t, .activity .cont_type_a .interview_note_3t {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 0.8em;
  font-size: 3vw;
  line-height: 1.6em; }
  @media only screen and (min-width: 768px) {
    .special .cont_type_a .interview_note_3t, .activity .cont_type_a .interview_note_3t {
      font-size: calc(16 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .special .cont_type_a .interview_note_3t, .activity .cont_type_a .interview_note_3t {
      font-size: 1.6rem; } }
  .special .cont_type_a .interview_note_3t dt, .activity .cont_type_a .interview_note_3t dt {
    width: 3em;
    margin-right: 0.5em;
    margin-top: 0.5em; }
  .special .cont_type_a .interview_note_3t dd, .activity .cont_type_a .interview_note_3t dd {
    width: calc(100% - 3.5em);
    margin-top: 0.5em; }
.special .cont_type_a .ph_s, .activity .cont_type_a .ph_s {
  width: 70%;
  margin: 7vw auto; }
  @media only screen and (min-width: 768px) {
    .special .cont_type_a .ph_s, .activity .cont_type_a .ph_s {
      width: calc(400 / 1380 * 100vw);
      margin: calc(80 / 1380 * 100vw) auto; } }
  @media only screen and (min-width: 1380px) {
    .special .cont_type_a .ph_s, .activity .cont_type_a .ph_s {
      width: 400px;
      margin: 80px auto; } }
.special .cont_type_a .ph_l, .activity .cont_type_a .ph_l {
  width: 100%;
  margin: 7vw auto; }
  @media only screen and (min-width: 768px) {
    .special .cont_type_a .ph_l, .activity .cont_type_a .ph_l {
      width: calc(670 / 1380 * 100vw);
      margin: calc(80 / 1380 * 100vw) auto; } }
  @media only screen and (min-width: 1380px) {
    .special .cont_type_a .ph_l, .activity .cont_type_a .ph_l {
      width: 670px;
      margin: 80px auto; } }
.special .cont_type_a h3.profile, .activity .cont_type_a h3.profile {
  margin-top: 10vw; }
  @media only screen and (min-width: 768px) {
    .special .cont_type_a h3.profile, .activity .cont_type_a h3.profile {
      margin-top: calc(150 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .special .cont_type_a h3.profile, .activity .cont_type_a h3.profile {
      margin-top: 150px; } }
.special .cont_type_a p.profile, .activity .cont_type_a p.profile {
  font-size: 3vw;
  margin-top: 0.5em;
  line-height: 1.7em; }
  @media only screen and (min-width: 768px) {
    .special .cont_type_a p.profile, .activity .cont_type_a p.profile {
      font-size: calc(16 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .special .cont_type_a p.profile, .activity .cont_type_a p.profile {
      font-size: 1.6rem; } }
.special .cont_type_a .bt_area, .activity .cont_type_a .bt_area {
  text-align: center;
  margin-top: 10vw; }
  @media only screen and (min-width: 768px) {
    .special .cont_type_a .bt_area, .activity .cont_type_a .bt_area {
      margin-top: calc(80 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .special .cont_type_a .bt_area, .activity .cont_type_a .bt_area {
      margin-top: 80px; } }
  .special .cont_type_a .bt_area .btn-skyblue, .activity .cont_type_a .bt_area .btn-skyblue {
    margin: 0 auto; }
.special .cont_type_a .list_link li, .activity .cont_type_a .list_link li {
  width: 100%; }

/*******　タイトルエリア　*******/
.sitepolicy .cont_type_a .btn-skyblue {
  margin: 20vw auto 0; }
  @media only screen and (min-width: 768px) {
    .sitepolicy .cont_type_a .btn-skyblue {
      margin-top: calc(120 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .sitepolicy .cont_type_a .btn-skyblue {
      margin-top: 120px; } }

/*******　タイトルエリア　*******/
.sitemap .cont_type_a {
  margin: 10vw auto 0; }
  @media only screen and (min-width: 768px) {
    .sitemap .cont_type_a {
      margin-top: calc(100 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .sitemap .cont_type_a {
      margin-top: 100px; } }
  .sitemap .cont_type_a .sitemap_link li {
    width: 100%;
    padding: 1.5em 0.5em;
    font-size: 3.466vw; }
    @media only screen and (min-width: 768px) {
      .sitemap .cont_type_a .sitemap_link li {
        font-size: calc(18 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .sitemap .cont_type_a .sitemap_link li {
        font-size: 1.8rem; } }
    .sitemap .cont_type_a .sitemap_link li span {
      padding-left: 0.8em; }
    .sitemap .cont_type_a .sitemap_link li.dot {
      border-bottom: dotted 3px #c1c4d1; }
    .sitemap .cont_type_a .sitemap_link li .child {
      margin: 0.8em 0 0 1em; }
      .sitemap .cont_type_a .sitemap_link li .child li {
        padding: 0 0 0 0; }
        .sitemap .cont_type_a .sitemap_link li .child li .list_arrow {
          display: inline-block;
          margin-top: 0.5em;
          font-size: 3vw; }
          @media only screen and (min-width: 768px) {
            .sitemap .cont_type_a .sitemap_link li .child li .list_arrow {
              font-size: calc(16 / 1380 * 100vw); } }
          @media only screen and (min-width: 1380px) {
            .sitemap .cont_type_a .sitemap_link li .child li .list_arrow {
              font-size: 1.6rem; } }
        .sitemap .cont_type_a .sitemap_link li .child li .list_grandchild {
          display: block;
          padding: 0;
          color: #3f7fc2;
          margin: 0;
          padding: 0 0 0 1em;
          height: auto;
          line-height: 1.2em;
          text-align: left;
          font-size: 3vw; }
          @media only screen and (min-width: 768px) {
            .sitemap .cont_type_a .sitemap_link li .child li .list_grandchild {
              font-size: calc(16 / 1380 * 100vw); } }
          @media only screen and (min-width: 1380px) {
            .sitemap .cont_type_a .sitemap_link li .child li .list_grandchild {
              font-size: 1.6rem; } }
          .sitemap .cont_type_a .sitemap_link li .child li .list_grandchild::before {
            content: "ー";
            padding-right: 0.5em;
            color: #3f7fc2;
            font-weight: bold; }
      .sitemap .cont_type_a .sitemap_link li .child li + li {
        margin-top: 0.5em; }

/*******　タイトルエリア　*******/
.contact .cont_type_a .btn-skyblue {
  margin: 10vw auto 0; }
  @media only screen and (min-width: 768px) {
    .contact .cont_type_a .btn-skyblue {
      margin-top: calc(50 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .contact .cont_type_a .btn-skyblue {
      margin-top: 50px; } }
@media only screen and (min-width: 768px) {
  .contact .cont_type_a .md_h3_type_c {
    margin: calc(50 / 1380 * 100vw) auto 0; } }
@media only screen and (min-width: 1380px) {
  .contact .cont_type_a .md_h3_type_c {
    margin: 50px auto 0; } }
.contact .cont_type_a .map {
  margin-top: 10vw; }
  @media only screen and (min-width: 768px) {
    .contact .cont_type_a .map {
      margin-top: calc(90 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .contact .cont_type_a .map {
      margin-top: 90px; } }
  .contact .cont_type_a .map .googlemap {
    width: 100%;
    height: 90vw;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .contact .cont_type_a .map .googlemap {
        width: calc(593 / 1380 * 100vw);
        height: calc(437 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .contact .cont_type_a .map .googlemap {
        width: 593px;
        height: 437px; } }

/*******　フッター　*******/
.footer {
  width: 100vw;
  margin-top: 20vw; }
  @media only screen and (min-width: 768px) {
    .footer {
      width: 100%;
      margin-top: calc(300 / 1380 * 100vw); } }
  @media only screen and (min-width: 1380px) {
    .footer {
      margin-top: 300px; } }
  .footer.footer_toppage {
    margin-top: 0vw; }
    @media only screen and (min-width: 768px) {
      .footer.footer_toppage {
        margin-top: 0; } }
    @media only screen and (min-width: 1380px) {
      .footer.footer_toppage {
        margin-top: 0; } }
  .footer .footer_belt {
    display: none; }
    @media only screen and (min-width: 768px) {
      .footer .footer_belt {
        display: block;
        background: linear-gradient(90deg, #5ebdf8, #3c86de);
        height: calc(120 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .footer .footer_belt {
        height: 120px; } }
    .footer .footer_belt-inner {
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .footer .footer_belt-inner {
          position: relative; } }
      @media only screen and (min-width: 1380px) {
        .footer .footer_belt-inner {
          width: 1380px;
          margin: 0 auto; } }
      @media only screen and (min-width: 768px) {
        .footer .footer_belt-inner .footer_ill01 {
          width: calc(129 / 1380 * 100vw);
          position: absolute;
          top: calc(-91 / 1380 * 100vw);
          left: calc(186 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .footer .footer_belt-inner .footer_ill01 {
          width: 129px;
          position: absolute;
          top: -91px;
          left: 186px; } }
      @media only screen and (min-width: 768px) {
        .footer .footer_belt-inner .footer_ill02 {
          width: calc(241 / 1380 * 100vw);
          position: absolute;
          top: calc(-169 / 1380 * 100vw);
          right: calc(195 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .footer .footer_belt-inner .footer_ill02 {
          width: 241px;
          position: absolute;
          top: -169px;
          right: 195px; } }
  .footer-inner .footer-cont {
    width: 95%;
    padding: 8.8vw 0; }
    @media only screen and (min-width: 768px) {
      .footer-inner .footer-cont {
        width: calc(1280 / 1380 * 100vw);
        margin: 0 auto;
        padding: calc(75 / 1380 * 100vw) 0 calc(25 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .footer-inner .footer-cont {
        width: 1280px;
        padding: 75px 0; } }
  .footer-inner .footer-area01 {
    width: 70vw;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center; }
    @media only screen and (min-width: 768px) {
      .footer-inner .footer-area01 {
        justify-content: flex-start;
        width: 100%;
        justify-content: left;
        margin: 0; } }
    .footer-inner .footer-area01 .footer-logo {
      width: 50vw;
      margin-right: 3vw; }
      @media only screen and (min-width: 768px) {
        .footer-inner .footer-area01 .footer-logo {
          width: calc(390 / 1380 * 100vw);
          margin-right: calc(25 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .footer-inner .footer-area01 .footer-logo {
          width: 390px;
          margin-right: 25px; } }
    .footer-inner .footer-area01 .footer-fb {
      width: 10vw;
      margin: 5vw auto 0; }
      @media only screen and (min-width: 768px) {
        .footer-inner .footer-area01 .footer-fb {
          width: calc(50 / 1380 * 100vw);
          margin: 0 calc(20 / 1380 * 100vw) 0 0; } }
      @media only screen and (min-width: 1380px) {
        .footer-inner .footer-area01 .footer-fb {
          width: 50px;
          margin: 0 20px 0 0; } }
    .footer-inner .footer-area01 .footer-tw {
      width: 6.66vw;
      margin: 0 0; }
      @media only screen and (min-width: 768px) {
        .footer-inner .footer-area01 .footer-tw {
          width: calc(50 / 1380 * 100vw);
          margin: 0 calc(38 / 1380 * 100vw) 0 0; } }
      @media only screen and (min-width: 1380px) {
        .footer-inner .footer-area01 .footer-tw {
          width: 50px;
          margin: 0 38px 0 0; } }
    .footer-inner .footer-area01 .footer-message {
      width: 100%;
      font-size: 2.8vw;
      line-height: 1.7em;
      margin: 1.5em 0 0 0; }
      @media only screen and (min-width: 768px) {
        .footer-inner .footer-area01 .footer-message {
          width: calc(480 / 1380 * 100vw);
          text-align: left;
          font-size: calc(12.5 / 1380 * 100vw);
          margin: 0 calc(25 / 1380 * 100vw) 0 0; } }
      @media only screen and (min-width: 1380px) {
        .footer-inner .footer-area01 .footer-message {
          width: 480px;
          font-size: 1.25rem;
          margin: 0 25px 0 0; } }
    .footer-inner .footer-area01 .footer-btn {
      width: 100%;
      text-align: center;
      margin: 5.86vw auto 0; }
      @media only screen and (min-width: 768px) {
        .footer-inner .footer-area01 .footer-btn {
          width: calc(260 / 1380 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1380px) {
        .footer-inner .footer-area01 .footer-btn {
          width: 260px; } }
      .footer-inner .footer-area01 .footer-btn a {
        display: flex;
        width: 47vw;
        height: 12vw;
        border: 1px solid #5ebef9;
        border-radius: 6vw;
        color: #5ebef9;
        text-align: center;
        font-size: 3.4vw;
        font-weight: bold;
        background: url("../img/common/btn_arrow_sb.svg") center right 8% no-repeat;
        background-size: 1.5vw auto;
        align-items: center;
        justify-content: center;
        padding-right: 0.5em;
        margin: 0 auto; }
        @media only screen and (min-width: 768px) {
          .footer-inner .footer-area01 .footer-btn a {
            width: calc(260 / 1380 * 100vw);
            height: calc(70 / 1380 * 100vw);
            border-radius: calc(40 / 1380 * 100vw);
            font-size: calc(20 / 1380 * 100vw);
            background-size: calc(7 / 1380 * 100vw) auto; } }
        @media only screen and (min-width: 1380px) {
          .footer-inner .footer-area01 .footer-btn a {
            width: 260px;
            height: 70px;
            border-radius: 40px;
            font-size: 2rem;
            background-size: 7px auto; } }
        .footer-inner .footer-area01 .footer-btn a:hover {
          opacity: 0.8;
          text-decoration: none; }
  .footer-inner .footer-area02 .footer-addres {
    margin: 6.4vw auto 0; }
    @media only screen and (min-width: 768px) {
      .footer-inner .footer-area02 .footer-addres {
        width: calc(610 / 1380 * 100vw);
        margin: calc(40 / 1380 * 100vw) 0 0;
        display: flex;
        justify-content: space-between; } }
    @media only screen and (min-width: 1380px) {
      .footer-inner .footer-area02 .footer-addres {
        width: 610px;
        margin: 40px 0 0; } }
    .footer-inner .footer-area02 .footer-addres p {
      text-align: center;
      margin: 6.4vw auto 0;
      font-size: 2.8vw;
      line-height: 1.7em; }
      @media only screen and (min-width: 768px) {
        .footer-inner .footer-area02 .footer-addres p {
          text-align: left;
          margin: 0;
          font-size: calc(15 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .footer-inner .footer-area02 .footer-addres p {
          font-size: 1.5rem; } }
  @media only screen and (min-width: 768px) {
    .footer-inner .footer-area02 .footer-link {
      display: flex;
      margin: calc(30 / 1380 * 100vw) 0 0; } }
  @media only screen and (min-width: 1380px) {
    .footer-inner .footer-area02 .footer-link {
      margin: 30px 0 0; } }
  .footer-inner .footer-area02 .footer-link li {
    font-size: 2.8vw;
    margin-right: 0.3em; }
    @media only screen and (min-width: 768px) {
      .footer-inner .footer-area02 .footer-link li {
        font-size: calc(15 / 1380 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .footer-inner .footer-area02 .footer-link li {
        font-size: 15px; } }
    .footer-inner .footer-area02 .footer-link li::after {
      display: inline-block;
      content: "｜"; }
    .footer-inner .footer-area02 .footer-link li:last-child::after {
      content: ""; }
    .footer-inner .footer-area02 .footer-link li a.policy::after {
      content: '';
      /*何も入れない*/
      display: inline-block;
      width: 1.3em;
      /*画像の幅*/
      height: 1em;
      /*画像の高さ*/
      background-image: url(../img/common/btn_browser_g.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top right;
      vertical-align: top;
      margin: 0 0 0 0.3em; }
  .footer .footer-logo-copy {
    margin: 4.9vw auto 0;
    padding: 5.3vw 0 10vw;
    border-top: 1px solid #e1e1e1; }
    @media only screen and (min-width: 768px) {
      .footer .footer-logo-copy {
        display: flex;
        align-items: center;
        width: 100%;
        margin: calc(0 / 1380 * 100vw) auto 0;
        padding: calc(30 / 1380 * 100vw) 0; } }
    @media only screen and (min-width: 1380px) {
      .footer .footer-logo-copy {
        width: 1380px;
        margin: 0px auto 0;
        padding: 30px 0; } }
    .footer .footer-logo-copy .footer-logo {
      width: 42.6vw;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .footer .footer-logo-copy .footer-logo {
          width: calc(290 / 1380 * 100vw);
          margin: 0 calc(125 / 1380 * 100vw) 0 0; } }
      @media only screen and (min-width: 1380px) {
        .footer .footer-logo-copy .footer-logo {
          width: 290px;
          margin: 0 125px 0 0; } }
    .footer .footer-logo-copy .footer-copyright {
      text-align: center;
      font-size: 2vw;
      margin: 2.6vw auto 0; }
      @media only screen and (min-width: 768px) {
        .footer .footer-logo-copy .footer-copyright {
          width: calc(1010 / 1380 * 100vw);
          margin: 0;
          text-align: left;
          font-size: calc(14 / 1380 * 100vw); } }
      @media only screen and (min-width: 1380px) {
        .footer .footer-logo-copy .footer-copyright {
          width: 1010px;
          font-size: 1.4rem; } }

.ptop {
  position: fixed;
  width: 17vw;
  bottom: -45vw;
  right: 2vw;
  z-index: 10000;
  transition: all 0.5s ease; }
  @media only screen and (min-width: 768px) {
    .ptop {
      bottom: calc(-300 / 1190 * 100vw);
      right: calc(25 / 1190 * 100vw);
      display: block;
      width: calc(100 / 1190 * 100vw);
      margin: 0; } }
  @media only screen and (min-width: 1380px) {
    .ptop {
      width: 100px;
      bottom: -300px;
      right: 25px; } }
  .ptop:hover {
    cursor: pointer;
    opacity: 0.8; }
  .ptop.active {
    bottom: 2vw; }
    @media only screen and (min-width: 768px) {
      .ptop.active {
        bottom: calc(25 / 1190 * 100vw); } }
    @media only screen and (min-width: 1380px) {
      .ptop.active {
        bottom: 25px; } }

/***********************************
共通  印刷用CSS　
***********************************/
@media print {
  .only_sp {
    display: none; }

  .only_pc {
    display: inherit; }

  .contents {
    padding-top: calc(115 / 1380 * 100vw); }

  a.btn-skyblue {
    width: calc(350 / 1380 * 100vw);
    min-height: calc(80 / 1380 * 100vw);
    border-radius: calc(40 / 1380 * 100vw);
    font-size: calc(20 / 1380 * 100vw);
    background-size: calc(7 / 1380 * 100vw) auto; }
    a.btn-skyblue.pdf {
      background-size: calc(23 / 1380 * 100vw) auto; }
    a.btn-skyblue.browser {
      background-size: calc(21 / 1380 * 100vw) auto; }

  a.btn-white {
    width: calc(350 / 1380 * 100vw);
    min-height: calc(80 / 1380 * 100vw);
    border-radius: calc(40 / 1380 * 100vw);
    font-size: calc(20 / 1380 * 100vw);
    background-size: calc(7 / 1380 * 100vw) auto; }
    a.btn-white.pdf {
      background-size: calc(23 / 1380 * 100vw) auto; }
    a.btn-white.browser {
      background-size: calc(21 / 1380 * 100vw) auto; }

  a.btn-line_skyblue {
    width: calc(350 / 1380 * 100vw);
    min-height: calc(80 / 1380 * 100vw);
    border-radius: calc(40 / 1380 * 100vw);
    font-size: calc(20 / 1380 * 100vw);
    background-size: calc(7 / 1380 * 100vw) auto; }

  .btn-close {
    width: calc(350 / 1380 * 100vw);
    min-height: calc(80 / 1380 * 100vw);
    border-radius: calc(40 / 1380 * 100vw);
    font-size: calc(20 / 1380 * 100vw);
    background-size: calc(7 / 1380 * 100vw) auto; } }
/***********************************
ヘッダー  印刷用CSS　
***********************************/
@media print {
  .header {
    position: absolute;
    width: 100%;
    height: calc(115 / 1380 * 100vw); }
    .header-inner {
      box-shadow: none; }
      .header-inner-logo {
        width: calc(280 / 1380 * 100vw);
        margin: calc(25 / 1380 * 100vw) 0 calc(20 / 1380 * 100vw) calc(50 / 1380 * 100vw); }
      .header-inner .sp-menu-btn {
        display: none; }
      .header-inner .header-link-pc {
        display: flex;
        margin: calc(25 / 1380 * 100vw) calc(50 / 1380 * 100vw) 0 0; }

  /*******　ナビゲーションメニュー　*******/
  .header-nav {
    position: absolute;
    z-index: 9999;
    left: inherit;
    background-color: transparent;
    transition: unset;
    width: 1140px;
    right: 50px;
    top: 40px; }
    .header-nav.active {
      top: 0; }
      .header-nav.active .header-nav-links {
        display: block; }
    .header-nav .header-nav-links {
      display: flex;
      position: absolute;
      right: 0; }
      .header-nav .header-nav-links li {
        border: none;
        margin-right: calc(30 / 1380 * 100vw);
        position: relative;
        background-color: transparent; }
        .header-nav .header-nav-links li:last-child {
          margin-right: 0; }
        .header-nav .header-nav-links li p, .header-nav .header-nav-links li a {
          padding: calc(22 / 1380 * 100vw) 0;
          background-color: transparent;
          color: #505050;
          font-size: calc(16 / 1380 * 100vw); }
        .header-nav .header-nav-links li p {
          padding-right: 17px;
          background: url("/osirase/4310/shougaku/assets/img/common/arrow_dwn.svg") center right no-repeat;
          background-size: 12px auto; }
          .header-nav .header-nav-links li p.active {
            background: url("/osirase/4310/shougaku/assets/img/common/arrow_dwn.svg") center right no-repeat;
            background-size: 12px auto; }
        .header-nav .header-nav-links li.about a, .header-nav .header-nav-links li.activity a {
          background-image: none; }
        .header-nav .header-nav-links li .dropdown-list {
          width: calc(320 / 1380 * 100vw);
          position: absolute;
          top: calc(40 / 1380 * 100vw);
          left: 0; }
          .header-nav .header-nav-links li .dropdown-list li {
            margin-right: 0; }
            .header-nav .header-nav-links li .dropdown-list li a {
              padding: 10px 10px;
              background-color: #D7ECF8;
              font-size: calc(16 / 1380 * 100vw);
              line-height: 1.2;
              border-bottom: 1px solid #5ebef9; }
              .header-nav .header-nav-links li .dropdown-list li a:hover {
                text-decoration: none;
                background-color: #5ebef9;
                color: #fff; }
            .header-nav .header-nav-links li .dropdown-list li:first-child {
              border-top: none; }
            .header-nav .header-nav-links li .dropdown-list li:last-child {
              border-bottom: none; }
        .header-nav .header-nav-links li:hover {
          cursor: pointer; }
          .header-nav .header-nav-links li:hover .dropdown-list {
            display: block; }
    .header-nav .header-link-sp {
      display: none;
      flex-wrap: wrap;
      padding: 6.66vw 7.5vw; }
      .header-nav .header-link-sp.active {
        display: flex; }
      .header-nav .header-link-sp a {
        font-size: 3.3vw;
        font-weight: bold;
        color: #fff;
        padding: 0 0.15em 0 0; }
        .header-nav .header-link-sp a.policy::after {
          content: '';
          /*何も入れない*/
          display: inline-block;
          width: 1.3em;
          /*画像の幅*/
          height: 1em;
          /*画像の高さ*/
          background-image: url(/osirase/4310/shougaku/assets/img/common/btn_browser_w.svg);
          background-size: contain;
          background-repeat: no-repeat;
          background-position: top right;
          vertical-align: top;
          margin: 0 0 0 0.3em; }
      .header-nav .header-link-sp li:nth-child(1) a:after, .header-nav .header-link-sp li:nth-child(2) a:after {
        content: "／";
        color: #fff;
        margin-left: 0.2em; }
      .header-nav .header-link-sp .header-link-contact {
        margin-top: 7.33vw; }
        .header-nav .header-link-sp .header-link-contact a {
          display: block;
          width: 46.6vw;
          font-size: 4vw;
          color: #5ebef9;
          padding: 3.33vw 0;
          text-align: center;
          background-color: #fff;
          border-radius: 5vw; }
      .header-nav .header-link-sp .header-link-facebook {
        margin: 7.33vw 0 0 6vw;
        width: 9.33vw; }
      .header-nav .header-link-sp .header-link-tw {
        margin: 7.33vw 0 0 3.33vw;
        width: 9.33vw; }

  /*SPメニューカレント設定*/
  .fsa-recruit-intro .header-nav-links li:nth-child(1) .dropdown-list {
    display: block; }
  /*PCメニュードロップメニュー設定*/
  .fsa-recruit-intro .header-nav-links li:nth-child(1):hover .dropdown-list {
    display: block; } }
/***********************************
ヘッダー  印刷用CSS　
***********************************/
@media print {
  .toppage .keyvisual-carousel {
    width: 100vw !important; }
    .toppage .keyvisual-carousel .slick-track {
      width: 900vw !important;
      transform: translate3d(-200vw, 0, 0) !important; }
    .toppage .keyvisual-carousel .slick-slide {
      width: 100vw !important; }
  .toppage .manabi-type-wrap .manabi-block {
    padding: calc(77 / 1380 * 100vw) 0 calc(35 / 1380 * 100vw); }
    .toppage .manabi-type-wrap .manabi-block h2 {
      width: calc(304 / 1380 * 100vw); }
    .toppage .manabi-type-wrap .manabi-block .manabi-lead {
      margin: calc(55 / 1380 * 100vw) auto 0;
      font-size: calc(18 / 1380 * 100vw); }
    .toppage .manabi-type-wrap .manabi-block .manabi-index {
      width: calc(960 / 1380 * 100vw);
      margin: calc(77 / 1380 * 100vw) auto 0; }
      .toppage .manabi-type-wrap .manabi-block .manabi-index li {
        width: calc(310 / 1380 * 100vw);
        margin-bottom: calc(15 / 1380 * 100vw); }
    .toppage .manabi-type-wrap .manabi-block .type-block {
      position: relative;
      width: 100%;
      margin: calc(160 / 1380 * 100vw) auto 0; }
      .toppage .manabi-type-wrap .manabi-block .type-block .type-block-inner {
        width: calc(1000 / 1380 * 100vw);
        margin: 0 auto;
        padding: calc(27 / 1380 * 100vw) 0 calc(32 / 1380 * 100vw); }
      .toppage .manabi-type-wrap .manabi-block .type-block h2 {
        width: calc(716 / 1380 * 100vw);
        margin: 0 auto; }
      .toppage .manabi-type-wrap .manabi-block .type-block .type-lead {
        margin: calc(47 / 1380 * 100vw) auto 0;
        font-size: calc(18 / 1380 * 100vw); }
      .toppage .manabi-type-wrap .manabi-block .type-block .type-btn {
        margin: calc(65 / 1380 * 100vw) auto 0;
        width: calc(350 / 1380 * 100vw); }
      .toppage .manabi-type-wrap .manabi-block .type-block .type-block-illust-sp {
        display: none; }
      .toppage .manabi-type-wrap .manabi-block .type-block .type-block-illust-pc1 {
        display: block;
        width: calc(339 / 1380 * 100vw);
        position: absolute;
        bottom: calc(-35 / 1380 * 100vw);
        left: 0; }
      .toppage .manabi-type-wrap .manabi-block .type-block .type-block-illust-pc2 {
        display: block;
        width: calc(368 / 1380 * 100vw);
        position: absolute;
        bottom: calc(-35 / 1380 * 100vw);
        right: 0; }
  .toppage .interview .interview-inner {
    padding: calc(145 / 1380 * 100vw) 0 0; }
    .toppage .interview .interview-inner h2 {
      width: calc(480 / 1380 * 100vw);
      font-size: calc(50 / 1380 * 100vw); }
      .toppage .interview .interview-inner h2 img {
        width: calc(100 / 1380 * 100vw);
        margin-bottom: calc(25 / 1380 * 100vw); }
    .toppage .interview .interview-inner .interview-lead {
      font-size: calc(18 / 1380 * 100vw);
      margin: calc(65 / 1380 * 100vw) auto 0; }
  .toppage .interview .interview-carousel {
    width: 95%;
    margin: calc(75 / 1380 * 100vw) auto 0; }
    .toppage .interview .interview-carousel li {
      margin: 0 calc(15 / 1380 * 100vw); }
      .toppage .interview .interview-carousel li .ph {
        padding-left: calc(7 / 1380 * 100vw); }
      .toppage .interview .interview-carousel li .name {
        margin-top: calc(-6 / 1380 * 100vw);
        padding: calc(10 / 1380 * 100vw) calc(7 / 1380 * 100vw);
        min-height: calc(46 / 1380 * 100vw);
        font-size: calc(20 / 1380 * 100vw); }
        .toppage .interview .interview-carousel li .name span {
          font-size: calc(13 / 1380 * 100vw); }
      .toppage .interview .interview-carousel li .msg {
        padding: calc(15 / 1380 * 100vw) 0;
        font-size: calc(18 / 1380 * 100vw); }
    .toppage .interview .interview-carousel .slick-prev {
      left: calc(-28 / 1380 * 100vw);
      width: calc(57 / 1380 * 100vw); }
    .toppage .interview .interview-carousel .slick-prev:before {
      width: calc(57 / 1380 * 100vw); }
    .toppage .interview .interview-carousel .slick-next {
      right: calc(-28 / 1380 * 100vw);
      width: calc(57 / 1380 * 100vw); }
    .toppage .interview .interview-carousel .slick-next:before {
      width: calc(57 / 1380 * 100vw); }
  .toppage .about_block {
    background-image: url("/osirase/4310/shougaku/assets/img/toppage/about_bg_pc.png");
    background-size: auto calc(700 / 1380 * 100vw);
    margin: calc(270 / 1380 * 100vw) auto 0; }
    .toppage .about_block .about-inner {
      padding: 0;
      width: 100%;
      height: calc(700 / 1380 * 100vw); }
      .toppage .about_block .about-inner .about_ph01 {
        top: calc(-40 / 1380 * 100vw);
        left: calc(0/ 1380 * 100vw);
        width: calc(710 / 1380 * 100vw); }
      .toppage .about_block .about-inner h2 {
        width: 11em;
        top: calc(105 / 1380 * 100vw);
        left: calc(643 / 1380 * 100vw);
        font-size: calc(60 / 1380 * 100vw);
        line-height: 1em;
        padding: 0;
        background-color: transparent;
        color: #FFF; }
      .toppage .about_block .about-inner .about-lead {
        top: calc(215 / 1380 * 100vw);
        left: calc(720 / 1380 * 100vw);
        width: 30em;
        font-size: calc(20 / 1380 * 100vw);
        line-height: 1.5;
        margin: 0; }
      .toppage .about_block .about-inner .about-btn {
        top: calc(540 / 1380 * 100vw);
        left: calc(830 / 1380 * 100vw);
        width: calc(380 / 1380 * 100vw);
        margin: 0; }
      .toppage .about_block .about-inner .about_ph02 {
        display: none; }
  .toppage .ban_block .ban-inner {
    width: calc(1100 / 1380 * 100vw);
    margin: calc(122 / 1380 * 100vw) auto 0; }
  .toppage .ban_block ul {
    width: calc(1100 / 1380 * 100vw);
    display: flex;
    justify-content: space-between; }
    .toppage .ban_block ul li {
      flex-wrap: wrap;
      justify-content: center;
      width: calc(492 / 1380 * 100vw);
      margin-top: 0; }
      .toppage .ban_block ul li .ban_bt_area {
        width: calc(492 / 1380 * 100vw); }
      .toppage .ban_block ul li .ban_text_area {
        width: calc(492 / 1380 * 100vw);
        text-align: left; }
        .toppage .ban_block ul li .ban_text_area h3 {
          font-size: calc(35 / 1380 * 100vw);
          text-align: center;
          margin: calc(40 / 1380 * 100vw) auto 0; }
        .toppage .ban_block ul li .ban_text_area p {
          font-size: calc(20 / 1380 * 100vw);
          text-align: center;
          line-height: 2.11em;
          margin: calc(35 / 1380 * 100vw) auto 0; }
  .toppage .news_block {
    margin-top: calc(100 / 1380 * 100vw); }
    .toppage .news_block .news-inner {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      width: calc(1100 / 1380 * 100vw);
      margin: 0 auto 0;
      padding: calc(126 / 1380 * 100vw) 0 calc(122 / 1380 * 100vw); }
      .toppage .news_block .news-inner h3 {
        text-align: left;
        font-size: calc(35 / 1380 * 100vw);
        width: calc(238 / 1380 * 100vw); }
        .toppage .news_block .news-inner h3 span {
          font-size: calc(18 / 1380 * 100vw); }
      .toppage .news_block .news-inner .news_cont {
        text-align: left;
        font-size: calc(35 / 1380 * 100vw);
        width: calc(862 / 1380 * 100vw);
        margin: calc(0 / 1380 * 100vw) auto; }
        .toppage .news_block .news-inner .news_cont dt {
          text-align: left;
          font-size: calc(23 / 1380 * 100vw);
          width: calc(180 / 1380 * 100vw); }
        .toppage .news_block .news-inner .news_cont dd {
          text-align: left;
          font-size: calc(23 / 1380 * 100vw);
          width: calc(682 / 1380 * 100vw); }
      .toppage .news_block .news-inner .news-btn {
        margin: calc(40 / 1380 * 100vw) 0 0 auto;
        width: calc(350 / 1380 * 100vw); } }
/***********************************
セカンドページ共通  印刷用CSS　
***********************************/
@media print {
  .ti_wrap {
    background-size: auto 100%;
    width: 100%;
    min-height: calc(400 / 1380 * 100vw);
    padding: calc(80 / 1380 * 100vw) 0 calc(85 / 1380 * 100vw); }
    .ti_wrap.about {
      background-image: url("../img/about/tiarea-bg_pc.jpg"); }
    .ti_wrap.study {
      background-image: url("../img/study/tiarea-bg_pc.jpg"); }
    .ti_wrap.interview {
      background-image: url("../img/special/tiarea-bg_pc.jpg"); }
    .ti_wrap.special, .ti_wrap.interview {
      background-image: url("../img/special/tiarea-bg_pc.jpg"); }
    .ti_wrap.type {
      background-image: url("../img/type/tiarea-bg_pc.jpg"); }
    .ti_wrap.activity {
      background-image: url("../img/activity/tiarea-bg_pc.jpg"); }
    .ti_wrap.link {
      background-image: url("../img/link/tiarea-bg_pc.jpg");
      min-height: calc(200 / 1380 * 100vw); }
    .ti_wrap.contact {
      background-image: url("../img/contact/tiarea-bg_pc.jpg"); }
    .ti_wrap.desk {
      background-image: url("../img/desk/tiarea-bg_pc.jpg"); }
    .ti_wrap .cate_top_ti_inner {
      width: calc(1000 / 1380 * 100vw); }
      .ti_wrap .cate_top_ti_inner h1 {
        font-size: calc(41 / 1380 * 100vw); }
      .ti_wrap .cate_top_ti_inner .cate_top_lead {
        width: calc(1000 / 1380 * 100vw);
        font-size: calc(18 / 1380 * 100vw);
        line-height: 1.888em;
        margin: calc(50 / 1380 * 100vw) auto 0; }
    .ti_wrap .cate_top_s_inner {
      width: calc(1000 / 1380 * 100vw); }
      .ti_wrap .cate_top_s_inner h1 {
        font-size: calc(41 / 1380 * 100vw); }
    .ti_wrap .ti_inner {
      width: calc(1000 / 1380 * 100vw); }
      .ti_wrap .ti_inner .ti_block .ti_shoulder {
        font-size: calc(16 / 1380 * 100vw); }
      .ti_wrap .ti_inner .ti_block h1 {
        margin: calc(12 / 1380 * 100vw) auto 0;
        padding: calc(12 / 1380 * 100vw) calc(15 / 1380 * 100vw); }
        .ti_wrap .ti_inner .ti_block h1 span {
          font-size: calc(41 / 1380 * 100vw); }
      .ti_wrap .ti_inner .ti_block .ti_lead {
        width: calc(1000 / 1380 * 100vw);
        font-size: calc(18 / 1380 * 100vw);
        line-height: 1.888em;
        margin: calc(30 / 1380 * 100vw) auto 0; }

  /*******　パンくずナビ　*******/
  .pan_navi {
    display: block;
    color: #505050;
    width: calc(1000 / 1380 * 100vw);
    margin: calc(20 / 1380 * 100vw) auto 0;
    font-size: 11px;
    line-height: 1.2em; }

  /*******　コンテンツエリアサイズ用　*******/
  .cont_type_a {
    width: calc(1000 / 1380 * 100vw); }

  .cont_type_b {
    width: calc(1380 / 1380 * 100vw); }

  /**** リード ****/
  .lead_center, .lead_left, .lead_right {
    font-size: calc(18 / 1380 * 100vw);
    margin: calc(70 / 1380 * 100vw) auto 0;
    max-width: calc(1000 / 1380 * 100vw); }
    .lead_center .date, .lead_left .date, .lead_right .date {
      text-align: right;
      margin-top: 0.5em; }

  /*******　見出し　*******/
  h2.md_h2 {
    width: calc(1000 / 1380 * 100vw);
    margin: calc(150 / 1380 * 100vw) auto 0;
    font-size: calc(38 / 1380 * 100vw);
    background-size: calc(226 / 1380 * 100vw) auto;
    padding: 0 0 calc(40 / 1380 * 100vw); }
    h2.md_h2:first-child {
      margin: calc(115 / 1380 * 100vw) auto 0; }
    h2.md_h2.mt_l {
      margin-top: calc(180 / 1380 * 100vw); }

  h2.md_blue {
    width: 100%;
    font-size: calc(38 / 1380 * 100vw);
    line-height: 1.2em;
    font-weight: bold;
    margin: calc(90 / 1380 * 100vw) 0 0; }

  h3.md_h3_type_a {
    width: 100%;
    font-size: calc(20 / 1380 * 100vw);
    line-height: 1.2em;
    font-weight: bold;
    margin: calc(75 / 1380 * 100vw) 0 0; }
    h3.md_h3_type_a .shoulder {
      margin: 0 0.5em 0.1em 0; }

  h3.md_h3_type_b {
    width: 100%;
    font-size: calc(29 / 1380 * 100vw);
    line-height: 1.2em;
    font-weight: bold;
    margin: calc(75 / 1380 * 100vw) 0 0; }

  h3.md_h3_type_c {
    width: 100%;
    font-size: calc(22 / 1380 * 100vw);
    line-height: 1.2em;
    font-weight: bold;
    margin: calc(75 / 1380 * 100vw) 0 0;
    border-bottom: calc(5 / 1380 * 100vw) solid #3f7fc2; }

  h3.md_h3_type_d {
    width: 100%;
    font-size: calc(22 / 1380 * 100vw);
    line-height: 1.2em;
    font-weight: bold;
    margin: 0 0;
    border-bottom: calc(5 / 1380 * 100vw) solid #3f7fc2;
    padding: calc(110 / 1380 * 100vw) 0 0.2em; }

  .md_h3_type_a + .md_h3_type_c {
    margin-top: calc(25 / 1380 * 100vw); }

  .md_h3_type_a + .text {
    margin-top: calc(25 / 1380 * 100vw); }

  .md_h3_type_c + .text {
    margin-top: calc(25 / 1380 * 100vw); }

  .md_h3_type_a + .twoblock {
    margin-top: calc(25 / 1380 * 100vw); }

  .md_h3_type_a + .list_link {
    margin-top: calc(25 / 1380 * 100vw); }

  .md_h3_type_c + .twoblock {
    margin-top: calc(25 / 1380 * 100vw); }

  h4 {
    width: calc(1000 / 1380 * 100vw);
    font-size: calc(20 / 1380 * 100vw);
    line-height: 1.2em;
    font-weight: bold;
    margin: calc(25 / 1380 * 100vw) 0 0; }

  /**** コラム ****/
  .column {
    padding: calc(50 / 1380 * 100vw) calc(90 / 1380 * 100vw);
    margin: calc(55 / 1380 * 100vw) auto 0; }
    .column h3 {
      font-size: calc(29 / 1380 * 100vw);
      line-height: 1.2em;
      font-weight: bold; }
    .column h4 {
      width: 100%;
      color: #3f7fc2;
      line-height: 1.2em;
      font-weight: bold;
      margin: 0 0 0.5em;
      font-size: calc(20 / 1380 * 100vw); }
    .column .left {
      text-align: left; }
    .column .column_cont {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      margin: calc(36 / 1380 * 100vw) auto 0; }
      .column .column_cont p img {
        width: 100% auto; }
      .column .column_cont p.text {
        font-size: calc(18 / 1380 * 100vw);
        margin: 0; }
      .column .column_cont div.text {
        font-size: calc(18 / 1380 * 100vw);
        margin: 0; }
    .column p.text {
      font-size: calc(18 / 1380 * 100vw);
      margin: 0; }
    .column p.date {
      font-size: calc(18 / 1380 * 100vw); }

  /**** 装飾 ****/
  .inline_browser {
    font-size: calc(18 / 1380 * 100vw); }

  .inline_browser_w {
    font-size: calc(18 / 1380 * 100vw); }

  .inline_pdf {
    font-size: calc(18 / 1380 * 100vw); }

  .inline_word {
    font-size: calc(18 / 1380 * 100vw); }

  .list_arrow {
    font-size: calc(18 / 1380 * 100vw);
    background-size: calc(7 / 1380 * 100vw) auto; }

  /**** リスト ****/
  .list_link {
    margin-top: calc(15 / 1380 * 100vw); }
    .list_link li {
      width: 47%;
      font-size: calc(18 / 1380 * 100vw); }
    .list_link li.dot {
      width: 47%;
      font-size: calc(18 / 1380 * 100vw); }
      .list_link li.dot span {
        padding-left: 0.8em; }
      .list_link li.dot .add {
        line-height: 1.3em;
        padding: 0em 0 0em; }
        .list_link li.dot .add span {
          padding: 0;
          color: #2b75ca;
          margin-top: 0.3em; }
        .list_link li.dot .add a {
          margin-top: 0em; }
      .list_link li.dot .second {
        margin-top: 1em; }
    .list_link.full li {
      width: 100%; }
    .list_link.three li {
      width: 30%; }

  .area_list {
    margin-top: calc(0 / 1380 * 100vw); }
    .area_list li {
      width: 100%;
      font-size: calc(18 / 1380 * 100vw); }
      .area_list li span {
        padding: 0;
        color: #2b75ca;
        margin-left: 0; }
      .area_list li a {
        margin: 0.5em 0 0.2em; }
        .area_list li a.last {
          margin-bottom: 0; }
      .area_list li .second {
        margin-top: 1.5em; }
      .area_list li .second:first-child {
        margin-top: 0.5em; }
      .area_list li .nolink {
        margin: 0.5em 0 0.2em;
        color: #505050; }
        .area_list li .nolink.last {
          margin-bottom: 0; }

  .list_link + h4, .area_link + h4 {
    margin-top: calc(25 / 1380 * 100vw); }

  .md_h2 + .list_link, .md_h2 + .area_link {
    margin-top: calc(50 / 1380 * 100vw); }

  .list_dot {
    font-size: calc(18 / 1380 * 100vw); }

  /**** コンテンツ ****/
  .text {
    font-size: calc(18 / 1380 * 100vw);
    margin-top: 1em; }

  .ph {
    margin: 0; }
    .ph .cap {
      font-size: calc(15 / 1380 * 100vw); }

  .twoblock {
    display: flex;
    justify-content: space-between;
    margin-top: calc(70 / 1380 * 100vw);
    font-size: calc(18 / 1380 * 100vw); }
    .twoblock .text_area {
      width: auto; }
      .twoblock .text_area .text:first-child {
        margin-top: 0; }

  .twoblock02 {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: calc(70 / 1380 * 100vw);
    font-size: calc(18 / 1380 * 100vw); }
    .twoblock02 .text_area {
      width: auto; }
      .twoblock02 .text_area .text:first-child {
        margin-top: 0; }

  .oneblock .text {
    font-size: calc(18 / 1380 * 100vw); }
    .oneblock .text:first-child {
      margin: 1.5em 0 0; }
  .oneblock .ph {
    width: calc(670 / 1380 * 100vw);
    margin: calc(80 / 1380 * 100vw) auto 0; }
  .oneblock .text + .ph {
    margin: calc(80 / 1380 * 100vw) auto 0; }
  .oneblock .ph + .text {
    margin: calc(80 / 1380 * 100vw) auto 0; }
  .oneblock ol {
    margin: 3em 0 0 1.5em; }
    .oneblock ol li {
      font-size: calc(18 / 1380 * 100vw); }
      .oneblock ol li:first-child {
        margin: 0 0 0; }

  .report_block .text {
    font-size: calc(18 / 1380 * 100vw); }
    .report_block .text:first-child {
      margin: 1.5em 0 0; }
  .report_block .text_l1em {
    font-size: calc(18 / 1380 * 100vw); }
    .report_block .text_l1em:first-child {
      margin: 1.5em 0 0; }
  .report_block .text_number {
    font-size: calc(18 / 1380 * 100vw); }
    .report_block .text_number:first-child {
      margin: 1.5em 0 0; }
  .report_block .ph {
    width: calc(670 / 1380 * 100vw);
    margin: calc(80 / 1380 * 100vw) auto 0; }
  .report_block .text + .ph {
    margin: calc(80 / 1380 * 100vw) auto 0; }
  .report_block .text + .text {
    margin: 1em auto 0; }
  .report_block .ph + .text {
    margin: calc(80 / 1380 * 100vw) auto 0; }
  .report_block ol {
    margin: 3em 0 0 1.5em; }
    .report_block ol li {
      font-size: calc(18 / 1380 * 100vw); }
      .report_block ol li:first-child {
        margin: 0 0 0; }
  .report_block .date {
    text-align: right;
    margin-top: 1.5em;
    font-size: calc(18 / 1380 * 100vw); }
  .report_block .date + .text {
    margin-top: 1em; }

  .list_item {
    font-size: calc(18 / 1380 * 100vw);
    margin-top: calc(25 / 1380 * 100vw); }
    .list_item dt {
      width: 5em;
      margin-top: 0.5em; }
      .list_item dt.first {
        margin-top: 0; }
    .list_item dd {
      margin-top: 0.5em;
      margin-left: 0.5em;
      width: calc(100% - 6.5em); }
      .list_item dd.first {
        margin-top: 0; }

  .news_cont {
    text-align: left;
    font-size: calc(35 / 1380 * 100vw);
    width: calc(862 / 1380 * 100vw);
    margin: calc(50 / 1380 * 100vw) auto 0; }
    .news_cont dt {
      text-align: left;
      font-size: calc(18 / 1380 * 100vw);
      width: calc(140 / 1380 * 100vw); }
    .news_cont dd {
      text-align: left;
      font-size: calc(18 / 1380 * 100vw);
      width: calc(722 / 1380 * 100vw); }

  .text_area .list_item {
    margin-top: 0; }

  .close_comment {
    border: #FF0000 solid 1px;
    padding: 0.8em;
    margin: 1em auto 0;
    color: #FF0000;
    line-height: 1.6em;
    font-size: calc(20 / 1380 * 100vw) !important; }

  .note, .cap {
    font-size: calc(15 / 1380 * 100vw) !important; }

  /*マージン調整*/
  .mt0_5 {
    margin-top: 0.5em !important; } }
/***********************************
このサイトについて  印刷用CSS　
***********************************/
@media print {
  .about .cont_type_a {
    margin: calc(60 / 1380 * 100vw) auto 0; }
    .about .cont_type_a .column {
      padding: calc(120 / 1380 * 100vw) 0; }
      .about .cont_type_a .column .about_logo {
        width: calc(497 / 1380 * 100vw); }
    .about .cont_type_a .lead_center p + p {
      margin-top: 1em; }
    .about .cont_type_a .about_ill {
      width: calc(546 / 1380 * 100vw);
      margin: calc(115 / 1380 * 100vw) auto 0; }
    .about .cont_type_a .about_bt_shoulder {
      margin: calc(100 / 1380 * 100vw) auto 0;
      font-size: calc(18 / 1380 * 100vw); }
    .about .cont_type_a .btn-skyblue {
      margin: 1em auto 0; }
    .about .cont_type_a .banarea {
      width: calc(600 / 1380 * 100vw);
      margin: calc(0/ 1380 * 100vw) auto 0;
      /*******　HTMLコードが入ったら差替　
      .ban_s{

          width: calc(234 / 1380 * 100vw);
          margin: calc(50/ 1380 * 100vw) auto 0 0;

      }
      .ban_m{

          width: calc(320 / 1380 * 100vw);
          margin: calc(50/ 1380 * 100vw) auto 0 0;

      }
      .ban_l{

          width: calc(600 / 1380 * 100vw);
          margin: calc(50/ 1380 * 100vw) auto 0 0;

      }*******/ }
      .about .cont_type_a .banarea .ban_s {
        width: calc(234 / 1380 * 100vw);
        margin: calc(20/ 1380 * 100vw) auto 0 0; }
      .about .cont_type_a .banarea .ban_m {
        width: calc(320 / 1380 * 100vw);
        margin: calc(20/ 1380 * 100vw) auto 0 0; }
      .about .cont_type_a .banarea .ban_l {
        width: calc(600 / 1380 * 100vw);
        margin: calc(30/ 1380 * 100vw) auto 0 0; }
      .about .cont_type_a .banarea .ban_quadrilateral {
        width: calc(400 / 1380 * 100vw);
        margin: calc(30/ 1380 * 100vw) auto 0 0; }
      .about .cont_type_a .banarea .code_ti {
        margin: calc(20 / 1380 * 100vw) auto 0;
        font-size: calc(18 / 1380 * 100vw); }
      .about .cont_type_a .banarea .code {
        font-size: calc(16 / 1380 * 100vw); }
      .about .cont_type_a .banarea .text_code {
        margin-top: calc(70 / 1380 * 100vw); }
    .about .cont_type_a .manabee_wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      width: 100%;
      padding: calc(55 / 1380 * 100vw) calc(70 / 1380 * 100vw); }
      .about .cont_type_a .manabee_wrap .md_h3_type_b {
        margin-top: 0;
        width: 100%; }
      .about .cont_type_a .manabee_wrap .manabee_text {
        width: calc(600 / 1380 * 100vw);
        font-size: calc(18 / 1380 * 100vw); }
      .about .cont_type_a .manabee_wrap .manabee_ill {
        width: calc(204 / 1380 * 100vw);
        padding: 0; } }
/***********************************
このサイトについて  印刷用CSS　
***********************************/
@media print {
  .study .index_w .index_w_inner, .study .index_w .index_b_inner, .study .index_b .index_w_inner, .study .index_b .index_b_inner {
    margin: 0 auto;
    width: calc(1000 / 1380 * 100vw);
    padding: calc(80 / 1380 * 100vw) 0 calc(115 / 1380 * 100vw); }
    .study .index_w .index_w_inner h2, .study .index_w .index_b_inner h2, .study .index_b .index_w_inner h2, .study .index_b .index_b_inner h2 {
      color: #505050;
      text-align: center;
      font-size: calc(38 / 1380 * 100vw); }
      .study .index_w .index_w_inner h2 span, .study .index_w .index_b_inner h2 span, .study .index_b .index_w_inner h2 span, .study .index_b .index_b_inner h2 span {
        color: #3f7fc2; }
      .study .index_w .index_w_inner h2 img, .study .index_w .index_b_inner h2 img, .study .index_b .index_w_inner h2 img, .study .index_b .index_b_inner h2 img {
        width: calc(95 / 1380 * 100vw);
        margin-bottom: calc(25 / 1380 * 100vw); }
    .study .index_w .index_w_inner .index_cont, .study .index_w .index_b_inner .index_cont, .study .index_b .index_w_inner .index_cont, .study .index_b .index_b_inner .index_cont {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: calc(46 / 1380 * 100vw) auto 0; }
      .study .index_w .index_w_inner .index_cont .ill, .study .index_w .index_b_inner .index_cont .ill, .study .index_b .index_w_inner .index_cont .ill, .study .index_b .index_b_inner .index_cont .ill {
        text-align: center;
        width: calc(364 / 1380 * 100vw); }
        .study .index_w .index_w_inner .index_cont .ill img, .study .index_w .index_b_inner .index_cont .ill img, .study .index_b .index_w_inner .index_cont .ill img, .study .index_b .index_b_inner .index_cont .ill img {
          margin: 0 auto;
          width: 100%; }
      .study .index_w .index_w_inner .index_cont .text, .study .index_w .index_b_inner .index_cont .text, .study .index_b .index_w_inner .index_cont .text, .study .index_b .index_b_inner .index_cont .text {
        width: calc(590 / 1380 * 100vw);
        margin: 0; }
        .study .index_w .index_w_inner .index_cont .text p, .study .index_w .index_b_inner .index_cont .text p, .study .index_b .index_w_inner .index_cont .text p, .study .index_b .index_b_inner .index_cont .text p {
          width: 100%;
          font-size: calc(18 / 1380 * 100vw);
          line-height: 2.25em; }
        .study .index_w .index_w_inner .index_cont .text .manabi_index-btn, .study .index_w .index_b_inner .index_cont .text .manabi_index-btn, .study .index_b .index_w_inner .index_cont .text .manabi_index-btn, .study .index_b .index_b_inner .index_cont .text .manabi_index-btn {
          margin: calc(50 / 1380 * 100vw) 0 0; }
          .study .index_w .index_w_inner .index_cont .text .manabi_index-btn a, .study .index_w .index_b_inner .index_cont .text .manabi_index-btn a, .study .index_b .index_w_inner .index_cont .text .manabi_index-btn a, .study .index_b .index_b_inner .index_cont .text .manabi_index-btn a {
            margin: 0; }
  .study .index_b {
    background-color: #DFF2FE; }
    .study .index_b .index_b_inner .index_cont {
      flex-direction: row-reverse; }

  .study_navi {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-right: 2px;
    z-index: 100;
    margin-top: calc(50 / 1380 * 100vw); }
    .study_navi li {
      width: 19.5%;
      margin-top: calc(8 / 1380 * 100vw); }
      .study_navi li a.btn_arrow_plink {
        display: block;
        width: 100%;
        line-height: 1.3em;
        color: #2b75ca;
        text-align: center;
        font-weight: bold;
        background: #FFF url("../img/common/btn_arrow_plink.svg") center right 7% no-repeat;
        border: 1px solid #2b75ca;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: calc(50 / 1380 * 100vw);
        border-radius: calc(40 / 1380 * 100vw);
        font-size: calc(18 / 1380 * 100vw);
        background-size: calc(7 / 1380 * 100vw) auto; }
        .study_navi li a.btn_arrow_plink:hover {
          opacity: 0.8;
          text-decoration: none; }

  #reading01 + h3.md_h3_type_a {
    margin-top: 0vw; }

  #reading01, .report_id00 {
    margin-top: calc(-200 / 1380 * 100vw);
    padding: calc(250 / 1380 * 100vw) 0 0.2em 0; }

  #reading02, #reading03, #reading04, .report_id {
    margin-top: calc(-100 / 1380 * 100vw);
    padding: calc(160 / 1380 * 100vw) 0 0.2em 0; }

  .text + h4 {
    margin-top: 2.5em !important; }

  h4 + .text {
    margin-top: 1em !important; } }
/***********************************
このサイトについて  印刷用CSS　
***********************************/
@media print {
  .library .index_a {
    display: flex;
    justify-content: space-between;
    margin: calc(70 / 1380 * 100vw) auto 0;
    padding: 0 calc(190 / 1380 * 100vw) 0 0; }
    .library .index_a .ph {
      width: calc(542 / 1380 * 100vw);
      margin: calc(0 / 1380 * 100vw) auto 0 0; }
    .library .index_a .text_area {
      color: #505050;
      line-height: 1.8em;
      font-size: calc(18 / 1380 * 100vw);
      width: calc(580 / 1380 * 100vw);
      margin: calc(0 / 1380 * 100vw) 0 0 auto; }
      .library .index_a .text_area p .blue {
        color: #3f7fc2; }
      .library .index_a .text_area p + p {
        margin-top: 1em; }
      .library .index_a .text_area .btn-skyblue, .library .index_a .text_area .btn-close {
        margin: calc(30 / 1380 * 100vw) auto 0 0; }
        .library .index_a .text_area .btn-skyblue a, .library .index_a .text_area .btn-close a {
          margin: 0 auto 0 0; }
  .library .index_b {
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin: calc(70 / 1380 * 100vw) auto 0;
    padding: 0 0 0 calc(190 / 1380 * 100vw); }
    .library .index_b .ph {
      width: calc(542 / 1380 * 100vw);
      margin: calc(0 / 1380 * 100vw) 0 0 auto; }
    .library .index_b .text_area {
      color: #505050;
      line-height: 1.8em;
      font-size: calc(18 / 1380 * 100vw);
      width: calc(580 / 1380 * 100vw);
      margin: calc(0 / 1380 * 100vw) 0 0 0; }
      .library .index_b .text_area .btn-skyblue, .library .index_b .text_area .btn-close {
        margin: calc(30 / 1380 * 100vw) auto 0 0; }
        .library .index_b .text_area .btn-skyblue a, .library .index_b .text_area .btn-close a {
          margin: 0 auto 0 0; }
  .library .index_outline {
    display: flex;
    justify-content: space-between;
    margin-top: calc(43 / 1380 * 100vw); }
    .library .index_outline .ph {
      width: calc(300 / 1380 * 100vw);
      margin: 0; }
    .library .index_outline .text_area {
      width: calc(652 / 1380 * 100vw);
      margin: 0; }
      .library .index_outline .text_area p.text {
        color: #505050;
        margin: 0 0 0;
        line-height: 1.9em;
        font-size: calc(18 / 1380 * 100vw); }
    .library .index_outline .btn-skyblue, .library .index_outline .btn-close {
      margin: calc(30 / 1380 * 100vw) auto 0 0; }
      .library .index_outline .btn-skyblue a, .library .index_outline .btn-close a {
        margin: 0 auto 0 0; } }
/***********************************
このサイトについて  印刷用CSS　
***********************************/
@media print {
  .volunteer .cont_type_a .lead_block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: calc(100 / 1380 * 100vw); }
    .volunteer .cont_type_a .lead_block .ph {
      width: calc(350 / 1380 * 100vw);
      margin: 0; }
    .volunteer .cont_type_a .lead_block .text {
      line-height: 2em;
      width: calc(600 / 1380 * 100vw);
      font-size: calc(18 / 1380 * 100vw);
      margin-top: 0em; }
      .volunteer .cont_type_a .lead_block .text .blue {
        color: #3f7fc2; }
    .volunteer .cont_type_a .lead_block .text_block {
      font-size: calc(18 / 1380 * 100vw);
      margin-top: 0; }
      .volunteer .cont_type_a .lead_block .text_block .text {
        margin-top: 0;
        line-height: 2em;
        width: calc(600 / 1380 * 100vw);
        font-size: calc(18 / 1380 * 100vw); }
        .volunteer .cont_type_a .lead_block .text_block .text .blue {
          color: #3f7fc2; }
      .volunteer .cont_type_a .lead_block .text_block h3 {
        margin-top: 2em; }
      .volunteer .cont_type_a .lead_block .text_block .schedule {
        width: 100%;
        margin: 1em 0 0 0;
        font-size: calc(18 / 1380 * 100vw); }
        .volunteer .cont_type_a .lead_block .text_block .schedule th {
          padding: 0.5em;
          border-bottom: 1px solid #2b75ca;
          border-right: 1px solid #2b75ca;
          line-height: 1.2em; }
        .volunteer .cont_type_a .lead_block .text_block .schedule td {
          padding: 0.5em;
          border-bottom: 1px solid #2b75ca;
          line-height: 1.2em; }
          .volunteer .cont_type_a .lead_block .text_block .schedule td .list_link {
            margin-top: 0.2em; }
            .volunteer .cont_type_a .lead_block .text_block .schedule td .list_link li {
              width: 100%;
              margin: 0; }
  .volunteer .cont_type_a .report_block {
    margin-bottom: 7em !important; }
  .volunteer .cont_type_a .twoblock .text_area {
    width: calc(650 / 1380 * 100vw); }
  .volunteer .cont_type_a .twoblock .ph {
    width: calc(300 / 1380 * 100vw);
    margin: 0; }
  .volunteer .cont_type_a .twoblock .btn-skyblue {
    margin: calc(30 / 1380 * 100vw) auto 0 0; }
    .volunteer .cont_type_a .twoblock .btn-skyblue a {
      margin: 0 auto 0 0; }
  .volunteer .cont_type_a .reiwa_top + h3.md_h3_type_a {
    margin-top: calc(0 / 1380 * 100vw); }
  .volunteer .cont_type_a .reiwa_top, .volunteer .cont_type_a .report_id00 {
    margin-top: calc(-200 / 1380 * 100vw);
    padding: calc(250 / 1380 * 100vw) 0 0.2em 0; }
  .volunteer .cont_type_a .reiwa, .volunteer .cont_type_a .report_id {
    margin-top: calc(-100 / 1380 * 100vw);
    padding: calc(160 / 1380 * 100vw) 0 0.2em 0; } }
/***********************************
このサイトについて  印刷用CSS　
***********************************/
@media print {
  .university .index_a {
    display: flex;
    justify-content: space-between;
    margin: calc(70 / 1380 * 100vw) auto 0;
    padding: 0 calc(190 / 1380 * 100vw) 0 0; }
    .university .index_a .ph {
      width: calc(542 / 1380 * 100vw);
      margin: calc(0 / 1380 * 100vw) auto 0 0; }
    .university .index_a .text_area {
      color: #505050;
      line-height: 1.8em;
      font-size: calc(18 / 1380 * 100vw);
      width: calc(580 / 1380 * 100vw);
      margin: calc(0 / 1380 * 100vw) 0 0 auto; }
      .university .index_a .text_area .btn-skyblue {
        margin: calc(30 / 1380 * 100vw) auto 0 0; }
        .university .index_a .text_area .btn-skyblue a {
          margin: 0 auto 0 0; }
      .university .index_a .text_area .list_arrow {
        margin-top: 1.5em;
        background-position: center left 0%; }
      .university .index_a .text_area a + a {
        margin-top: 0.8em !important; }
  .university .index_b {
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin: calc(70 / 1380 * 100vw) auto 0;
    padding: 0 0 0 calc(190 / 1380 * 100vw); }
    .university .index_b .ph {
      width: calc(542 / 1380 * 100vw);
      margin: calc(0 / 1380 * 100vw) 0 0 auto; }
    .university .index_b .text_area {
      color: #505050;
      line-height: 1.8em;
      font-size: calc(18 / 1380 * 100vw);
      width: calc(580 / 1380 * 100vw);
      margin: calc(0 / 1380 * 100vw) 0 0 auto; }
      .university .index_b .text_area .btn-skyblue {
        margin: calc(30 / 1380 * 100vw) auto 0 0; }
        .university .index_b .text_area .btn-skyblue a {
          margin: 0 auto 0 0; }
      .university .index_b .text_area .list_arrow {
        margin-top: 1.5em;
        background-position: center left 0%; }
  .university .index_outline {
    display: flex;
    justify-content: space-between;
    margin-top: calc(43 / 1380 * 100vw); }
    .university .index_outline .ph {
      width: calc(300 / 1380 * 100vw);
      margin: 0; }
    .university .index_outline .text_area {
      width: calc(652 / 1380 * 100vw);
      margin: 0; }
      .university .index_outline .text_area p.text {
        color: #505050;
        margin: 0 0 0;
        line-height: 1.9em;
        font-size: calc(18 / 1380 * 100vw); }
    .university .index_outline .btn-skyblue {
      margin: calc(30 / 1380 * 100vw) auto 0 0; }
      .university .index_outline .btn-skyblue a {
        margin: 0 auto 0 0; }
  .university .info {
    width: 100%;
    background-image: url("../img/study/university/bg_information.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: calc(200 / 1380 * 100vw) auto 0; }
    .university .info .info_wrap {
      margin: 0 auto;
      width: calc(1000 / 1380 * 100vw);
      padding: calc(90 / 1380 * 100vw) 0 calc(105 / 1380 * 100vw); }
      .university .info .info_wrap h3 {
        text-align: center;
        color: #FFF;
        font-weight: bold;
        line-height: 1.2em;
        width: calc(1000 / 1380 * 100vw);
        font-size: calc(29 / 1380 * 100vw);
        margin: calc(92 / 1380 * 100vw) 0 0; }
        .university .info .info_wrap h3:first-child {
          margin-top: 0; }
      .university .info .info_wrap .info_cont {
        display: flex;
        justify-content: space-between;
        margin-top: calc(43 / 1380 * 100vw); }
      .university .info .info_wrap .ph {
        width: calc(300 / 1380 * 100vw);
        margin: 0; }
      .university .info .info_wrap .text_area {
        width: calc(652 / 1380 * 100vw);
        margin: 0; }
        .university .info .info_wrap .text_area p.text {
          color: #FFF;
          line-height: 1.9em;
          font-size: calc(18 / 1380 * 100vw) !important;
          margin: -0.5em 0 0 0; }
      .university .info .info_wrap .btn-white {
        margin: calc(30 / 1380 * 100vw) auto 0 0; }
        .university .info .info_wrap .btn-white a {
          margin: 0 auto 0 0; }
    .university .info .reverse {
      flex-direction: row-reverse; }

  .fair {
    width: 100%;
    margin: calc(74 / 1380 * 100vw) 0 0 0; }
    .fair p.text {
      color: #505050;
      margin: 0 0 0;
      line-height: 1.9em;
      font-size: calc(18 / 1380 * 100vw) !important; }
    .fair .btn-skyblue {
      margin: calc(50 / 1380 * 100vw) auto 0; }
      .fair .btn-skyblue a {
        margin: 0 auto; } }
/***********************************
このサイトについて  印刷用CSS　
***********************************/
@media print {
  .mylan {
    /*******　まいらん　*******/ }
    .mylan .mylan_column .column_cont .ph01 {
      width: calc(278 / 1380 * 100vw);
      margin: calc(-50 / 1380 * 100vw) 0 0; }
    .mylan .mylan_column .column_cont .text {
      width: calc(470 / 1380 * 100vw);
      margin: 0; }
    .mylan .mylan_column .column_cont .sns {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
      width: calc(470 / 1380 * 100vw);
      font-size: calc(20 / 1380 * 100vw);
      margin: 1em 0 0 auto; }
      .mylan .mylan_column .column_cont .sns dt {
        width: 2em;
        margin: 0.7em 0.5em 0 0; }
      .mylan .mylan_column .column_cont .sns dd {
        align-self: center;
        width: calc(100% - 2.5em);
        margin: 0.7em 0 0 0; }
        .mylan .mylan_column .column_cont .sns dd a {
          display: inline-block;
          padding: 0 0 0 1em;
          margin: 0;
          color: #2b75ca;
          background: url("../img/common/acc_arrow_blue.svg") no-repeat;
          background-size: 0.3em auto;
          background-position: left 0.2em top 0.5em;
          font-size: calc(20 / 1380 * 100vw);
          line-height: 1.4em; }
    .mylan .mylan_event01 {
      display: flex;
      justify-content: space-between;
      margin-top: calc(70 / 1380 * 100vw); }
      .mylan .mylan_event01 .ph {
        width: calc(343 / 1380 * 100vw);
        margin: 0; }
        .mylan .mylan_event01 .ph .list_arrow {
          margin-top: 0.5em;
          background-position: top 0.3em left 0%; }
      .mylan .mylan_event01 .text_area {
        width: calc(590 / 1380 * 100vw);
        margin: 0; }
        .mylan .mylan_event01 .text_area h3 {
          width: 100%;
          line-height: 1.5em;
          font-weight: bold;
          text-align: left;
          color: #3f7fc2;
          font-size: calc(29 / 1380 * 100vw); }
        .mylan .mylan_event01 .text_area p.text {
          color: #505050;
          line-height: 1.9em;
          font-size: calc(18 / 1380 * 100vw);
          margin: calc(30 / 1380 * 100vw) 0 0 0; }
    .mylan .mylan_event02 {
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      margin-top: calc(25 / 1380 * 100vw); }
      .mylan .mylan_event02 .ph {
        width: calc(400 / 1380 * 100vw);
        margin: 0; }
        .mylan .mylan_event02 .ph .list_arrow {
          margin-top: 0.5em;
          background-position: top 0.3em left 0%; }
      .mylan .mylan_event02 .text_area {
        width: calc(534 / 1380 * 100vw);
        margin: 0; }
        .mylan .mylan_event02 .text_area h3 {
          width: 100%;
          line-height: 1.5em;
          font-weight: bold;
          text-align: left;
          color: #3f7fc2;
          font-size: calc(29 / 1380 * 100vw); }
        .mylan .mylan_event02 .text_area p.text {
          color: #505050;
          margin: 0em 0 0;
          line-height: 1.9em;
          font-size: calc(18 / 1380 * 100vw); }
    .mylan .alignment_cont {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .mylan .alignment_cont li {
        width: calc(300 / 1380 * 100vw);
        margin-top: calc(80 / 1380 * 100vw); }
        .mylan .alignment_cont li a {
          display: inline-block;
          margin-top: 0.5em;
          padding: 0 0 0 1em;
          color: #2b75ca;
          background: url("../img/common/acc_arrow_blue.svg") no-repeat;
          background-size: 0.3em auto;
          background-position: left 0.2em top 0.5em;
          line-height: 1.4em;
          font-size: calc(20 / 1380 * 100vw); }
        .mylan .alignment_cont li p {
          margin-top: 0.7em;
          line-height: 1.8em;
          font-size: calc(18 / 1380 * 100vw); }
          .mylan .alignment_cont li p.note {
            width: 100%;
            margin-top: 0.2em;
            font-size: calc(15 / 1380 * 100vw) !important; } }
/***********************************
このサイトについて  印刷用CSS　
***********************************/
@media print {
  .fair .organizer {
    margin-top: calc(150 / 1380 * 100vw); }
  .fair .twoblock .text_area {
    width: calc(650 / 1380 * 100vw); }
    .fair .twoblock .text_area .text:first-child {
      margin-top: 0; }
    .fair .twoblock .text_area .btn-skyblue, .fair .twoblock .text_area .btn-close {
      margin: 1.5em auto 0; }
      .fair .twoblock .text_area .btn-skyblue a, .fair .twoblock .text_area .btn-close a {
        margin: 0 auto; }
    .fair .twoblock .text_area .list_arrow {
      background-position: top 0.3em left 0%; }
    .fair .twoblock .text_area .btn-skyblue, .fair .twoblock .text_area .btn-close + .list_arrow {
      margin: 1.5em auto 0 0;
      width: 350px; }
  .fair .twoblock .ph {
    width: calc(300 / 1380 * 100vw);
    margin: 0vw 0 0 0; }
    .fair .twoblock .ph.tate {
      width: calc(240 / 1380 * 100vw);
      margin: 0; }
  .fair .twoblock + h2 {
    margin: calc(150 / 1380 * 100vw) 0 0; }
  .fair .md_blue + .md_h3_type_a {
    margin-top: calc(50 / 1380 * 100vw); }
  .fair .text {
    margin-top: 0.5em; }
    .fair .text span {
      color: #3f7fc2;
      font-weight: bold !important; }
    .fair .text .list_dot {
      margin-top: 0; }
      .fair .text .list_dot li:first-child {
        margin-top: 0; }

  .fair_list .list_link li .name {
    font-size: 110%;
    font-weight: bold; }
  .fair_list .list_link li .add {
    padding-top: 0; }
    .fair_list .list_link li .add span {
      display: inline-block;
      color: #505050;
      font-weight: bold; }
    .fair_list .list_link li .add a {
      color: #3f7fc2; }
    .fair_list .list_link li .add .list_arrow {
      display: inline-block;
      background-position: center left 0%; } }
/***********************************
このサイトについて  印刷用CSS　
***********************************/
@media print {
  .learning {
    /*******　県立社会教育施設4館で学ぶ　*******/ }
    .learning .md_h3_type_a .inline_browser_w::after {
      width: 1.1em;
      /*画像の幅*/
      height: 1.5em;
      /*画像の高さ*/ }
    .learning .learning_event {
      display: flex;
      justify-content: space-between;
      margin-top: calc(25 / 1380 * 100vw); }
      .learning .learning_event .ph {
        width: calc(300 / 1380 * 100vw);
        margin: 0; }
      .learning .learning_event .ph_w {
        width: calc(300 / 1380 * 100vw);
        margin: 0; }
      .learning .learning_event .text_area {
        width: calc(660 / 1380 * 100vw);
        margin: 0; }
        .learning .learning_event .text_area .list_item {
          margin-top: 0; }
          .learning .learning_event .text_area .list_item dt {
            width: 3.3em;
            margin-top: 0.5em; }
            .learning .learning_event .text_area .list_item dt.first {
              margin-top: 0; }
          .learning .learning_event .text_area .list_item dd {
            margin-top: 0.5em; }
            .learning .learning_event .text_area .list_item dd.first {
              margin-top: 0;
              width: calc(590 / 1380 * 100vw); }
    .learning .learning_event + h3 {
      margin-top: calc(70 / 1380 * 100vw); }
    .learning .alignment_cont {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .learning .alignment_cont li {
        width: calc(300 / 1380 * 100vw);
        margin-top: calc(80 / 1380 * 100vw); }
        .learning .alignment_cont li a {
          display: inline-block;
          margin-top: 0.8em;
          padding: 0 0 0 1em;
          color: #2b75ca;
          background: url("../img/common/acc_arrow_blue.svg") no-repeat;
          background-size: 0.3em auto;
          background-position: left 0.2em top 0.5em;
          line-height: 1.4em;
          font-size: calc(20 / 1380 * 100vw); }
        .learning .alignment_cont li p {
          margin-top: 0.7em;
          line-height: 1.8em;
          font-size: calc(18 / 1380 * 100vw); }
          .learning .alignment_cont li p.note {
            font-size: 90%; } }
/***********************************
このサイトについて  印刷用CSS　
***********************************/
@media print {
  .type .cont_type_c .type_wrap {
    background-image: linear-gradient(0deg, #dde8f0, white);
    min-height: calc(460 / 1380 * 100vw); }
    .type .cont_type_c .type_wrap .type_inner {
      display: flex;
      justify-content: space-between;
      align-items: end;
      width: calc(1000 / 1380 * 100vw);
      margin: calc(50 / 1380 * 100vw) auto 0; }
      .type .cont_type_c .type_wrap .type_inner.reverse {
        flex-direction: row-reverse; }
      .type .cont_type_c .type_wrap .type_inner .ill {
        vertical-align: bottom;
        width: calc(273 / 1380 * 100vw);
        margin: 0; }
      .type .cont_type_c .type_wrap .type_inner .text_area {
        width: calc(635 / 1380 * 100vw);
        min-height: calc(460 / 1380 * 100vw);
        margin: 0;
        padding: calc(45 / 1380 * 100vw) 0 0 0; }
        .type .cont_type_c .type_wrap .type_inner .text_area .balloon {
          position: relative;
          width: 100%;
          min-height: 2em;
          background-image: linear-gradient(90deg, #5ebef9 26%, #3c87df);
          padding: 0.5em;
          text-align: center;
          color: #FFFFFF;
          font-weight: bold;
          font-size: calc(27 / 1380 * 100vw); }
          .type .cont_type_c .type_wrap .type_inner .text_area .balloon span {
            color: #fcee21; }
        .type .cont_type_c .type_wrap .type_inner .text_area .balloon:after {
          border: solid transparent;
          content: '';
          height: 0;
          width: 0;
          pointer-events: none;
          position: absolute;
          border-color: rgba(94, 190, 249, 0);
          border-top-width: 0.7em;
          border-bottom-width: 0.7em;
          border-left-width: 0.7em;
          border-right-width: 0.7em;
          margin-left: -0.7em;
          border-top-color: #5ebef9;
          top: 100%;
          left: 14%; }
        .type .cont_type_c .type_wrap .type_inner .text_area .balloon + .balloon {
          margin-top: 1.5em; }
        .type .cont_type_c .type_wrap .type_inner .text_area .btn_wrap {
          display: block;
          background: linear-gradient(90deg, #5ebef9 0%, #2b75ca 100%);
          border-radius: 3em;
          padding: 3px;
          margin: 2.5em 0 0; }
          .type .cont_type_c .type_wrap .type_inner .text_area .btn_wrap:hover {
            text-decoration: none;
            opacity: 0.8; }
        .type .cont_type_c .type_wrap .type_inner .text_area .btn {
          width: 100%;
          padding: 1em;
          font-weight: bold;
          text-align: center;
          margin: 0 0 0;
          box-sizing: border-box;
          background-color: #FFF;
          background-image: url("../img/common/btn_arrow_mb.svg");
          background-position: center right 5%;
          background-repeat: no-repeat;
          background-size: 0.8vw auto;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 2em;
          font-size: calc(28 / 1380 * 100vw); }
          .type .cont_type_c .type_wrap .type_inner .text_area .btn .btn_text {
            background: linear-gradient(90deg, #5ebef9 0%, #2b75ca 100%);
            /* 背景色にグラデーションを指定 */
            color: #2b75ca;
            /* 非対応のブラウザの為に色を設定 */
            -webkit-background-clip: text;
            /* テキストで切り抜く */
            -webkit-text-fill-color: transparent;
            /* 切り抜いた部分は背景を表示 */ }
            .type .cont_type_c .type_wrap .type_inner .text_area .btn .btn_text .line {
              border-bottom: solid 0.3em #fcee21; }

  .try .cont_type_a .btn-skyblue {
    margin: calc(110 / 1380 * 100vw) auto 0; }
  .try .try_ph {
    margin: calc(90 / 1380 * 100vw) auto 0;
    width: calc(305 / 1380 * 100vw); }

  .howto .cont_type_a h3 + p {
    margin-top: 1.8rem !important; }
  .howto .cont_type_a h3.md_h3_type_c {
    margin: calc(50 / 1380 * 100vw) 0 0; }
    .howto .cont_type_a h3.md_h3_type_c span {
      color: #3f7fc2; }
  .howto .cont_type_a p a {
    color: #3f7fc2; }
  .howto .cont_type_a .step_wrap {
    margin-top: 1.5em;
    display: flex;
    justify-content: space-between; }
    .howto .cont_type_a .step_wrap .step_ill {
      width: calc(480 / 1380 * 100vw); }
    .howto .cont_type_a .step_wrap .step_text {
      width: calc(480 / 1380 * 100vw); }
      .howto .cont_type_a .step_wrap .step_text h4 {
        width: 100%;
        color: #3f7fc2;
        font-weight: bold;
        font-size: calc(20 / 1380 * 100vw);
        margin: 0 0 0; }
      .howto .cont_type_a .step_wrap .step_text p {
        margin-top: 0; }
      .howto .cont_type_a .step_wrap .step_text .list_link {
        margin-top: calc(30 / 1380 * 100vw); }
        .howto .cont_type_a .step_wrap .step_text .list_link.full {
          margin-top: calc(30 / 1380 * 100vw); }
  .howto .cont_type_a .column {
    margin-top: calc(80 / 1380 * 100vw); }
    .howto .cont_type_a .column .list_link {
      margin: 0 auto !important;
      text-align: center; }
      .howto .cont_type_a .column .list_link li {
        text-align: center;
        display: block; }
      .howto .cont_type_a .column .list_link .list_arrow {
        display: inline-block;
        background-position: center left 0%; }
    .howto .cont_type_a .column .column_cont {
      margin-top: 1em !important; }
  .howto .cont_type_a .list_link {
    margin-top: calc(30 / 1380 * 100vw); }
    .howto .cont_type_a .list_link.full {
      margin-top: calc(30 / 1380 * 100vw); }
  .howto .cont_type_a .note {
    margin-top: calc(10 / 1380 * 100vw); }
  .howto .cont_type_a .arrow {
    width: calc(60 / 1380 * 100vw);
    margin: calc(20 / 1380 * 100vw) auto 0; }
  .howto .cont_type_a .case li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: calc(75 / 1380 * 100vw) auto 0; }
    .howto .cont_type_a .case li .ill {
      width: calc(190 / 1380 * 100vw);
      margin: 0 auto 0 0; }
    .howto .cont_type_a .case li .text_area {
      width: calc(758 / 1380 * 100vw); }
      .howto .cont_type_a .case li .text_area h3.md_h3_type_c {
        margin: 0; }
        .howto .cont_type_a .case li .text_area h3.md_h3_type_c span {
          display: inline-block;
          vertical-align: middle;
          border: 1px solid #3f7fc2;
          border-radius: 0.5em;
          padding: 0.2em 0.5em;
          margin: -0.3em 0 0 0.5em;
          color: #3f7fc2;
          font-size: calc(15 / 1380 * 100vw); }
          .howto .cont_type_a .case li .text_area h3.md_h3_type_c span:first-child {
            margin-left: 1em; }
      .howto .cont_type_a .case li .text_area ul.list_link {
        margin-top: calc(20 / 1380 * 100vw); }
        .howto .cont_type_a .case li .text_area ul.list_link li {
          margin-top: 0 !important; }
          .howto .cont_type_a .case li .text_area ul.list_link li .list_arrow {
            display: inline-block;
            background-position: center left 0%; }
  .howto .cont_type_a .two_block {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: calc(50 / 1380 * 100vw); }
    .howto .cont_type_a .two_block .ph {
      width: calc(400 / 1380 * 100vw);
      margin: 0; }
    .howto .cont_type_a .two_block .text_area {
      width: calc(534 / 1380 * 100vw);
      margin: 0; }
      .howto .cont_type_a .two_block .text_area h3 {
        width: 100%;
        line-height: 1.5em;
        font-weight: bold;
        text-align: left;
        color: #3f7fc2;
        font-size: calc(29 / 1380 * 100vw); }
      .howto .cont_type_a .two_block .text_area p.text {
        color: #505050;
        margin: 0em 0 0;
        line-height: 1.9em;
        font-size: calc(18 / 1380 * 100vw); }
      .howto .cont_type_a .two_block .text_area .btn-skyblue {
        margin: calc(30 / 1380 * 100vw) auto 0 0; }
  .howto .cont_type_a .btn-skyblue {
    margin: calc(80 / 1380 * 100vw) auto 0; } }
/***********************************
このサイトについて  印刷用CSS　
***********************************/
@media print {
  .desk .cont_type_a .panel {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: calc(100 / 1380 * 100vw); }
    .desk .cont_type_a .panel li {
      width: 48%;
      filter: drop-shadow(5px 5px 0px rgba(185, 185, 185, 0.6));
      background: #FFF;
      max-width: 480px;
      margin-bottom: 2em; }
      .desk .cont_type_a .panel li div {
        padding: 1em 1em 1.5em;
        font-size: calc(18 / 1380 * 100vw); }
        .desk .cont_type_a .panel li div h3 {
          font-weight: bold;
          line-height: 1.3em;
          font-size: calc(21 / 1380 * 100vw); }
        .desk .cont_type_a .panel li div .date {
          margin-top: 0.5em;
          font-size: calc(18 / 1380 * 100vw); }
        .desk .cont_type_a .panel li div .text {
          line-height: 1.3em;
          margin-top: 0.5em;
          font-size: calc(18 / 1380 * 100vw); }
        .desk .cont_type_a .panel li div a.btn-skyblue {
          min-height: 2.5em;
          line-height: 1.3em;
          color: #fff;
          text-align: center;
          font-weight: bold;
          background: #5ebef9 url("../img/common/btn_arrow_w.svg") center right 8% no-repeat;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0.7em auto 0;
          width: calc(228 / 1380 * 100vw);
          border-radius: calc(40 / 1380 * 100vw);
          font-size: calc(20 / 1380 * 100vw);
          background-size: calc(7 / 1380 * 100vw) auto; }
          .desk .cont_type_a .panel li div a.btn-skyblue:hover {
            opacity: 0.8;
            text-decoration: none; }
          .desk .cont_type_a .panel li div a.btn-skyblue.pdf {
            background: #5ebef9 url("../img/common/btn_pdf_w.svg") center right 7% no-repeat;
            background-size: calc(23 / 1380 * 100vw) auto; }
          .desk .cont_type_a .panel li div a.btn-skyblue.browser {
            background: #5ebef9 url("../img/common/btn_browser_w.svg") center right 6% no-repeat;
            background-size: calc(21 / 1380 * 100vw) auto; } }
/***********************************
このサイトについて  印刷用CSS　
***********************************/
@media print {
  .desk .cont_type_c {
    margin: calc(110 / 1380 * 100vw) auto 0;
    /*タブ切り替え全体のスタイル*/
    /*タブのスタイル*/
    /*タブ切り替えの中身のスタイル*/
    /*選択されているタブのコンテンツのみを表示*/
    /*選択されているタブのスタイルを変える*/ }
    .desk .cont_type_c .tabs_all {
      margin-top: 50px;
      background-color: #fff;
      width: 100%;
      margin: 0 auto; }
    .desk .cont_type_c .tabs_wrap {
      width: 100%;
      border-bottom: solid #2b75ca 2px;
      min-height: 2.5em; }
    .desk .cont_type_c .tabs {
      margin: 0 auto -2px;
      display: flex;
      justify-content: space-between;
      width: calc(1000 / 1380 * 100vw); }
    .desk .cont_type_c .tab_item {
      min-height: 2.5em;
      border: 2px solid #2b75ca;
      border-bottom: none;
      border-radius: 0.5em 0.5em 0 0;
      background-color: #2b75ca;
      line-height: 1.2em;
      text-align: center;
      color: #FFF;
      display: block;
      text-align: center;
      font-weight: bold;
      transition: all 0.2s ease;
      width: 49%;
      font-size: calc(20 / 1380 * 100vw);
      padding: 1.5em 0.7em;
      cursor: pointer; }
    .desk .cont_type_c .tab_item span:hover {
      opacity: 0.75; }
    .desk .cont_type_c .tab_content {
      width: 100%;
      display: none;
      padding: 0;
      clear: both;
      overflow: hidden;
      margin: 0 auto; }
    .desk .cont_type_c #first_content.active,
    .desk .cont_type_c #second_content.active {
      display: block; }
    .desk .cont_type_c .tabs_all .tab_item.active {
      background-color: #FFF;
      color: #2b75ca; }
  .desk .introduce {
    width: calc(1000 / 1380 * 100vw);
    margin: calc(80 / 1380 * 100vw) auto 0;
    display: flex;
    justify-content: space-between; }
    .desk .introduce li {
      width: 30%;
      margin: 0 0 0; }
      .desk .introduce li .ph {
        margin: 0 auto;
        width: calc(163 / 1380 * 100vw); }
      .desk .introduce li h3 {
        background-image: linear-gradient(90deg, #5ebdf8, #3c86de);
        padding: 0.5em 0.5em;
        color: #FFF;
        font-weight: bold;
        margin: 2em 0 0;
        font-size: calc(20 / 1380 * 100vw); }
      .desk .introduce li p.text {
        color: #505050;
        margin: 1em 0 0;
        line-height: 1.8em;
        font-size: calc(18 / 1380 * 100vw); }
  .desk .baloon {
    position: relative;
    width: 100%;
    height: auto;
    background: #DFF2FE;
    padding: 0;
    color: #505050;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
    font-size: calc(22 / 1380 * 100vw);
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 calc(120 / 1380 * 100vw) 0 calc(160 / 1380 * 100vw);
    margin: 4em 0; }
    .desk .baloon .baloon_ill {
      width: calc(91 / 1380 * 100vw);
      margin: calc(14 / 1380 * 100vw) 0 0; }
    .desk .baloon .baloon_text {
      font-weight: bold;
      line-height: 1.5em;
      width: calc(590 / 1380 * 100vw);
      margin: 0 0 0; }
  .desk .baloon:after {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-top-width: 20px;
    border-bottom-width: 20px;
    border-left-width: 20px;
    border-right-width: 20px;
    margin-left: -20px;
    border-top-color: #DFF2FE;
    top: 100%;
    left: 50%; }
  .desk .bt_area .btn-skyblue {
    margin: calc(110 / 1380 * 100vw) auto 0; }
  .desk .support_wrap {
    background: #DFF2FE;
    padding: calc(75 / 1380 * 100vw) 0;
    margin: calc(110 / 1380 * 100vw) auto 0; }
    .desk .support_wrap .support {
      margin: 0 auto;
      background: #FFF;
      width: calc(1000 / 1380 * 100vw);
      padding: calc(50 / 1380 * 100vw) calc(55 / 1380 * 100vw); }
      .desk .support_wrap .support h2 {
        text-align: center;
        font-size: calc(29 / 1380 * 100vw); }
      .desk .support_wrap .support h3 {
        background-image: linear-gradient(90deg, #5ebdf8, #3c86de);
        padding: 0.5em 0.5em;
        color: #FFF;
        font-weight: bold;
        margin: 1em 0 0;
        text-align: center;
        font-size: calc(20 / 1380 * 100vw); }
      .desk .support_wrap .support p.text {
        color: #505050;
        margin: 1em 0 0;
        line-height: 1.8em;
        font-size: calc(18 / 1380 * 100vw); }
      .desk .support_wrap .support .fig {
        width: calc(890 / 1380 * 100vw);
        margin: calc(30 / 1380 * 100vw) auto 0; }
  .desk .faqwrap {
    margin-top: calc(50 / 1380 * 100vw); }
  .desk dl.last {
    margin: 0 0 3em !important;
    color: #505050;
    margin: 1em 0 0;
    line-height: 1.8em;
    font-size: calc(18 / 1380 * 100vw); }
  .desk dl.faq dt {
    background-image: url("../img/desk/bt_open.svg"), linear-gradient(90deg, #5ebdf8, #3c86de);
    background-repeat: no-repeat,no-repeat;
    margin: 0.5em 0 0 0;
    cursor: pointer;
    line-height: 1.5em;
    min-height: 2em;
    font-weight: bold;
    display: flex;
    align-items: top;
    font-size: calc(18 / 1380 * 100vw);
    padding: 1em 3.7em 1em 1.7em;
    background-position: right 1.3em center,0 0;
    background-size: 2em auto,100% auto; }
    .desk dl.faq dt .icon {
      margin: 0.5em 1em 0 0 !important;
      width: calc(60 / 1380 * 100vw); }
    .desk dl.faq dt .text {
      color: #FFF;
      line-height: 1.5em;
      width: calc(820 / 1380 * 100vw);
      font-size: calc(18 / 1380 * 100vw); }
  .desk dl.faq dt.active {
    background-image: url("../img/desk/bt_close.svg"), linear-gradient(90deg, #5ebdf8, #3c86de); }
  .desk dl.faq dd {
    display: none;
    background-color: #e7f5fe;
    background-repeat: no-repeat;
    margin: 0.5em 0em 0 0;
    line-height: 1.5em;
    min-height: 2em;
    font-size: calc(18 / 1380 * 100vw);
    padding: 1em 1em 1em 1.7em;
    background-size: 2em auto,100% auto;
    background-position: 1.5em 1.3em; }
    .desk dl.faq dd .icon {
      margin: 0.5em 1em 0 0 !important;
      width: calc(60 / 1380 * 100vw); }
    .desk dl.faq dd .text {
      color: #505050;
      margin: 0;
      line-height: 1.5em;
      width: calc(880 / 1380 * 100vw);
      font-size: calc(18 / 1380 * 100vw); }
  .desk dl.faq dd .link {
    display: block;
    margin-top: 0.5em; }
  .desk dl.faq dd.active {
    display: flex;
    align-items: top; }
  .desk dl.faq + .bt_area a {
    margin-top: calc(70 / 1380 * 100vw); }
  .desk .twoblock .ph {
    width: calc(547 / 1380 * 100vw); }
  .desk .twoblock .text_area {
    width: calc(400 / 1380 * 100vw); }
    .desk .twoblock .text_area .md_h3_type_b {
      margin-top: 0; }
    .desk .twoblock .text_area .text {
      margin-top: 1em; }
  .desk .fit .ph {
    width: calc(300 / 1380 * 100vw) !important;
    margin: 0vw 0 0 0; }
  .desk .fit .text_area {
    width: calc(650 / 1380 * 100vw) !important;
    margin-top: 0em !important; }
    .desk .fit .text_area .text {
      margin-top: 0em !important; }
  .desk .fit .btn-skyblue, .desk .fit .btn-close {
    margin: 1.5em auto 0 0; }
    .desk .fit .btn-skyblue a, .desk .fit .btn-close a {
      margin: 0 auto; }
  .desk .inquiry_wrap {
    background: #DFF2FE;
    padding: calc(75 / 1380 * 100vw) 0;
    margin: calc(110 / 1380 * 100vw) auto 0; }
    .desk .inquiry_wrap .inquiry {
      margin: 0 auto;
      width: calc(1000 / 1380 * 100vw); }
      .desk .inquiry_wrap .inquiry h2 {
        margin-top: 0; }
      .desk .inquiry_wrap .inquiry p.text {
        color: #505050;
        margin: 1em 0 0;
        line-height: 1.8em;
        font-size: calc(18 / 1380 * 100vw); }
        .desk .inquiry_wrap .inquiry p.text.lead {
          margin-top: calc(75 / 1380 * 100vw); }
      .desk .inquiry_wrap .inquiry .fig {
        width: calc(890 / 1380 * 100vw);
        margin: calc(30 / 1380 * 100vw) auto 0; }
    .desk .inquiry_wrap .map_wrap {
      background-color: #FFF;
      padding: calc(50 / 1380 * 100vw) calc(90 / 1380 * 100vw);
      margin: calc(80 / 1380 * 100vw) auto 0; }
      .desk .inquiry_wrap .map_wrap h3 {
        width: 100%;
        line-height: 1.2em;
        font-weight: bold;
        text-align: center;
        color: #3f7fc2;
        font-size: calc(29 / 1380 * 100vw); }
      .desk .inquiry_wrap .map_wrap .map_cont {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: calc(36 / 1380 * 100vw) auto 0; }
        .desk .inquiry_wrap .map_wrap .map_cont .googlemap {
          margin: 0 auto;
          width: calc(593 / 1380 * 100vw);
          height: calc(437 / 1380 * 100vw); } }
/***********************************
このサイトについて  印刷用CSS　
***********************************/
@media print {
  .area .area_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: calc(20 / 1380 * 100vw); }
  .area .area_map {
    width: calc(505 / 1380 * 100vw);
    margin: calc(0 / 1380 * 100vw) 0 0 calc(28 / 1380 * 100vw); }
  .area .area_navi {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-right: 2px;
    width: calc(450 / 1380 * 100vw);
    margin-top: 0; }
    .area .area_navi li {
      width: calc(210 / 1380 * 100vw);
      margin-top: calc(8 / 1380 * 100vw); }
      .area .area_navi li a.btn_arrow_plink {
        display: block;
        width: 100%;
        line-height: 1.3em;
        color: #2b75ca;
        text-align: left;
        font-weight: bold;
        background: #FFF url("../img/common/btn_arrow_plink.svg") center right 7% no-repeat;
        border: 1px solid #2b75ca;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        min-height: calc(50 / 1380 * 100vw);
        font-size: calc(18 / 1380 * 100vw);
        background-size: calc(7 / 1380 * 100vw) auto; }
        .area .area_navi li a.btn_arrow_plink:hover {
          opacity: 0.8;
          text-decoration: none; }
      .area .area_navi li .area_text {
        font-size: calc(16 / 1380 * 100vw); }
  .area .md_h3_type_c {
    margin-top: calc(-40 / 1380 * 100vw);
    padding: calc(110 / 1380 * 100vw) 0 0.2em 0; } }
/***********************************
このサイトについて  印刷用CSS　
***********************************/
@media print {
  .interview .cont_type_blue {
    background: #DFF2FE;
    padding: calc(46 / 1380 * 100vw) 0 calc(80 / 1380 * 100vw);
    margin-top: calc(0 / 1380 * 100vw); }
    .interview .cont_type_blue__inner .special_index {
      display: flex;
      justify-content: space-between;
      width: 90%;
      margin: calc(40 / 1380 * 100vw) auto 0; }
      .interview .cont_type_blue__inner .special_index li {
        position: relative;
        width: calc(390 / 1380 * 100vw); }
        .interview .cont_type_blue__inner .special_index li a:hover {
          text-decoration: none; }
        .interview .cont_type_blue__inner .special_index li .ph {
          padding-left: calc(7 / 1380 * 100vw); }
        .interview .cont_type_blue__inner .special_index li .name {
          position: relative;
          display: inline-block;
          background: linear-gradient(90deg, #5ebef9 0%, #3d88e0 100%);
          color: #fff;
          font-weight: bold;
          line-height: 1.3;
          margin-top: calc(-6 / 1380 * 100vw);
          padding: calc(10 / 1380 * 100vw) calc(7 / 1380 * 100vw);
          min-height: calc(46 / 1380 * 100vw);
          font-size: calc(20 / 1380 * 100vw); }
          .interview .cont_type_blue__inner .special_index li .name span {
            font-weight: normal;
            font-size: calc(13 / 1380 * 100vw); }
            .interview .cont_type_blue__inner .special_index li .name span.small {
              font-weight: normal;
              font-size: calc(13 / 1380 * 100vw); }
        .interview .cont_type_blue__inner .special_index li .msg {
          font-weight: bold;
          line-height: 1.3;
          padding: calc(15 / 1380 * 100vw) 0;
          font-size: calc(18 / 1380 * 100vw); }
    .interview .cont_type_blue__inner .bt_area {
      margin: calc(20 / 1380 * 100vw) 0 0; }
      .interview .cont_type_blue__inner .bt_area a {
        margin: 0 auto 0 auto; }
  .interview .cont_type_a {
    padding: 0 0 calc(80 / 1380 * 100vw);
    margin-top: calc(50 / 1380 * 100vw); }
    .interview .cont_type_a .active_index {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: calc(40 / 1380 * 100vw) auto 0;
      width: calc(1000 / 1380 * 100vw); }
      .interview .cont_type_a .active_index li {
        width: calc(480 / 1380 * 100vw);
        padding: calc(20 / 1380 * 100vw) 0; }
        .interview .cont_type_a .active_index li a {
          width: 100%;
          display: flex;
          justify-content: space-between; }
          .interview .cont_type_a .active_index li a .ph {
            width: calc(180 / 1380 * 100vw);
            margin: 0; }
          .interview .cont_type_a .active_index li a .text_block {
            width: calc(290 / 1380 * 100vw);
            margin-top: 0; }
            .interview .cont_type_a .active_index li a .text_block .date {
              font-size: calc(14 / 1380 * 100vw); }
            .interview .cont_type_a .active_index li a .text_block .name {
              display: inline-block;
              width: 100%;
              background-image: linear-gradient(90deg, #5ebef9, #3c87df);
              padding: 0.5em 0.7em;
              vertical-align: center;
              color: #FFF;
              margin: 0 0 0;
              line-height: 1.5em;
              min-width: 70%;
              font-size: calc(15 / 1380 * 100vw); }
              .interview .cont_type_a .active_index li a .text_block .name span {
                font-size: 130%;
                font-weight: bold; }
            .interview .cont_type_a .active_index li a .text_block .text {
              margin-top: 0.7em;
              line-height: 1.5em;
              font-weight: bold;
              padding-left: 0.3em;
              font-size: calc(17 / 1380 * 100vw); }
          .interview .cont_type_a .active_index li a:hover {
            text-decoration: none;
            opacity: 0.7; }
    .interview .cont_type_a .bt_area {
      margin: calc(35 / 1380 * 100vw) 0 0; }
      .interview .cont_type_a .bt_area a {
        margin: 0 auto; }

  .special .cont_type_a .activity_lead, .activity .cont_type_a .activity_lead {
    line-height: 2em;
    text-align: center;
    font-size: calc(18 / 1380 * 100vw);
    margin-top: calc(90 / 1380 * 100vw); }
  .special .cont_type_a .index, .activity .cont_type_a .index {
    margin-top: calc(100 / 1380 * 100vw); }
    .special .cont_type_a .index li, .activity .cont_type_a .index li {
      border-bottom: dotted 3px #c1c4d1;
      width: 100%;
      padding: calc(70 / 1380 * 100vw) 0;
      display: flex;
      justify-content: space-between; }
      .special .cont_type_a .index li:first-child, .activity .cont_type_a .index li:first-child {
        padding-top: 0; }
      .special .cont_type_a .index li:last-child, .activity .cont_type_a .index li:last-child {
        border-bottom: none;
        padding-bottom: 0; }
      .special .cont_type_a .index li .ph, .activity .cont_type_a .index li .ph {
        width: calc(300 / 1380 * 100vw);
        margin: 0; }
      .special .cont_type_a .index li .text_block, .activity .cont_type_a .index li .text_block {
        width: calc(656 / 1380 * 100vw);
        margin-top: 0; }
        .special .cont_type_a .index li .text_block .date, .activity .cont_type_a .index li .text_block .date {
          font-size: calc(20 / 1380 * 100vw); }
        .special .cont_type_a .index li .text_block h3, .activity .cont_type_a .index li .text_block h3 {
          line-height: 1.3em;
          margin-top: 0.5em;
          font-size: calc(29 / 1380 * 100vw); }
        .special .cont_type_a .index li .text_block .name, .activity .cont_type_a .index li .text_block .name {
          display: inline-block;
          background-image: linear-gradient(90deg, #5ebef9, #3c87df);
          padding: 0.7em 1em;
          font-weight: bold;
          vertical-align: center;
          color: #FFF;
          margin: 1em 0 0;
          line-height: 1.7em;
          width: auto;
          min-width: 70%;
          font-size: calc(13 / 1380 * 100vw); }
          .special .cont_type_a .index li .text_block .name span, .activity .cont_type_a .index li .text_block .name span {
            vertical-align: center;
            font-size: calc(26 / 1380 * 100vw); }
        .special .cont_type_a .index li .text_block .text, .activity .cont_type_a .index li .text_block .text {
          margin-top: 1em;
          line-height: 2em;
          font-size: calc(18 / 1380 * 100vw); }
        .special .cont_type_a .index li .text_block .bt_area, .activity .cont_type_a .index li .text_block .bt_area {
          margin: calc(20 / 1380 * 100vw) 0 0; }
          .special .cont_type_a .index li .text_block .bt_area a, .activity .cont_type_a .index li .text_block .bt_area a {
            margin: 0 0 0 auto; }
  .special .cont_type_a .interviwer, .activity .cont_type_a .interviwer {
    display: flex;
    align-items: top;
    color: #2b75ca;
    margin-top: 1.8em;
    line-height: 2em;
    font-size: calc(18 / 1380 * 100vw); }
    .special .cont_type_a .interviwer:before, .activity .cont_type_a .interviwer:before {
      content: "";
      height: 1px;
      display: block;
      width: 2em;
      margin: 1em 0.3em 0 0; }
    .special .cont_type_a .interviwer:before, .activity .cont_type_a .interviwer:before {
      margin-left: 0;
      background: #2b75ca; }
  .special .cont_type_a .interviwee, .activity .cont_type_a .interviwee {
    color: #505050;
    margin-top: 0.8em;
    line-height: 2em;
    font-size: calc(18 / 1380 * 100vw); }
    .special .cont_type_a .interviwee span, .activity .cont_type_a .interviwee span {
      font-weight: bold; }
  .special .cont_type_a .interviw_note, .activity .cont_type_a .interviw_note {
    font-size: calc(16 / 1380 * 100vw);
    line-height: 2em; }
    .special .cont_type_a .interviw_note span, .activity .cont_type_a .interviw_note span {
      font-weight: bold; }
  .special .cont_type_a .interview_note_3t, .activity .cont_type_a .interview_note_3t {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 0.8em;
    font-size: calc(16 / 1380 * 100vw);
    line-height: 1.6em; }
    .special .cont_type_a .interview_note_3t dt, .activity .cont_type_a .interview_note_3t dt {
      width: 3em;
      margin-right: 0.5em;
      margin-top: 0.5em; }
    .special .cont_type_a .interview_note_3t dd, .activity .cont_type_a .interview_note_3t dd {
      width: calc(100% - 3.5em);
      margin-top: 0.5em; }
  .special .cont_type_a .ph_s, .activity .cont_type_a .ph_s {
    width: calc(400 / 1380 * 100vw);
    margin: calc(80 / 1380 * 100vw) auto; }
  .special .cont_type_a .ph_l, .activity .cont_type_a .ph_l {
    width: calc(670 / 1380 * 100vw);
    margin: calc(80 / 1380 * 100vw) auto; }
  .special .cont_type_a h3.profile, .activity .cont_type_a h3.profile {
    margin-top: calc(150 / 1380 * 100vw); }
  .special .cont_type_a p.profile, .activity .cont_type_a p.profile {
    margin-top: 0.5em;
    line-height: 1.7em;
    font-size: calc(16 / 1380 * 100vw); }
  .special .cont_type_a .bt_area, .activity .cont_type_a .bt_area {
    text-align: center;
    margin-top: calc(80 / 1380 * 100vw); }
    .special .cont_type_a .bt_area .btn-skyblue, .activity .cont_type_a .bt_area .btn-skyblue {
      margin: 0 auto; }
  .special .cont_type_a .list_link li, .activity .cont_type_a .list_link li {
    width: 100%; } }
/***********************************
このサイトについて  印刷用CSS　
***********************************/
@media print {
  .sitepolicy .cont_type_a .btn-skyblue {
    margin: calc(120 / 1380 * 100vw) auto 0; } }
/***********************************
このサイトについて  印刷用CSS　
***********************************/
@media print {
  .sitemap .cont_type_a {
    margin: calc(100 / 1380 * 100vw) auto 0; }
    .sitemap .cont_type_a .sitemap_link li {
      width: 100%;
      padding: 1.5em 0.5em;
      font-size: calc(18 / 1380 * 100vw); }
      .sitemap .cont_type_a .sitemap_link li span {
        padding-left: 0.8em; }
      .sitemap .cont_type_a .sitemap_link li.dot {
        border-bottom: dotted 3px #c1c4d1; }
      .sitemap .cont_type_a .sitemap_link li .child {
        margin: 0.8em 0 0 1em; }
        .sitemap .cont_type_a .sitemap_link li .child li {
          padding: 0 0 0 0; }
          .sitemap .cont_type_a .sitemap_link li .child li .list_arrow {
            display: inline-block;
            margin-top: 0.5em;
            font-size: calc(16 / 1380 * 100vw); }
          .sitemap .cont_type_a .sitemap_link li .child li .list_grandchild {
            display: block;
            padding: 0;
            color: #3f7fc2;
            margin: 0;
            padding: 0 0 0 1em;
            height: auto;
            line-height: 1.2em;
            text-align: left;
            font-size: calc(16 / 1380 * 100vw); }
            .sitemap .cont_type_a .sitemap_link li .child li .list_grandchild::before {
              content: "ー";
              padding-right: 0.5em;
              color: #3f7fc2;
              font-weight: bold; }
        .sitemap .cont_type_a .sitemap_link li .child li + li {
          margin-top: 0.5em; } }
/***********************************
このサイトについて  印刷用CSS　
***********************************/
@media print {
  .contact .cont_type_a .btn-skyblue {
    margin-top: calc(50 / 1380 * 100vw); }
  .contact .cont_type_a .md_h3_type_c {
    margin: calc(50 / 1380 * 100vw) auto 0; }
  .contact .cont_type_a .map {
    margin-top: calc(90 / 1380 * 100vw); }
    .contact .cont_type_a .map .googlemap {
      margin: 0 auto;
      width: calc(593 / 1380 * 100vw);
      height: calc(437 / 1380 * 100vw); } }
/***********************************
フッター  印刷用CSS　
***********************************/
@media print {
  /*******　フッター　*******/
  .footer {
    width: 100%;
    margin-top: calc(300 / 1380 * 100vw); }
    .footer.footer_toppage {
      margin-top: 0; }
    .footer .footer_belt {
      display: block;
      background: linear-gradient(90deg, #5ebdf8, #3c86de);
      height: calc(120 / 1380 * 100vw); }
      .footer .footer_belt-inner {
        position: relative; }
        .footer .footer_belt-inner .footer_ill01 {
          width: calc(129 / 1380 * 100vw);
          position: absolute;
          top: calc(-91 / 1380 * 100vw);
          left: calc(186 / 1380 * 100vw); }
        .footer .footer_belt-inner .footer_ill02 {
          width: calc(241 / 1380 * 100vw);
          position: absolute;
          top: calc(-169 / 1380 * 100vw);
          right: calc(195 / 1380 * 100vw); }
    .footer-inner .footer-cont {
      width: calc(1280 / 1380 * 100vw);
      margin: 0 auto;
      padding: calc(75 / 1380 * 100vw) 0 calc(25 / 1380 * 100vw); }
    .footer-inner .ptop {
      display: none; }
    .footer-inner .footer-area01 {
      justify-content: flex-start;
      width: 100%;
      justify-content: left;
      margin: 0; }
      .footer-inner .footer-area01 .footer-logo {
        width: calc(390 / 1380 * 100vw);
        margin-right: calc(25 / 1380 * 100vw); }
      .footer-inner .footer-area01 .footer-fb {
        width: calc(50 / 1380 * 100vw);
        margin: 0 calc(20 / 1380 * 100vw) 0 0; }
      .footer-inner .footer-area01 .footer-tw {
        width: calc(50 / 1380 * 100vw);
        margin: 0 calc(38 / 1380 * 100vw) 0 0; }
      .footer-inner .footer-area01 .footer-message {
        width: calc(480 / 1380 * 100vw);
        text-align: left;
        font-size: calc(12.5 / 1380 * 100vw);
        margin: 0 calc(25 / 1380 * 100vw) 0 0; }
      .footer-inner .footer-area01 .footer-btn {
        width: calc(260 / 1380 * 100vw);
        margin: 0; }
        .footer-inner .footer-area01 .footer-btn a {
          display: flex;
          width: calc(260 / 1380 * 100vw);
          height: calc(70 / 1380 * 100vw);
          border: 1px solid #5ebef9;
          border-radius: calc(40 / 1380 * 100vw);
          color: #5ebef9;
          text-align: center;
          font-size: calc(20 / 1380 * 100vw);
          font-weight: bold;
          background: url("../img/common/btn_arrow_sb.svg") center right 8% no-repeat;
          background-size: calc(7 / 1380 * 100vw) auto;
          align-items: center;
          justify-content: center;
          padding-right: 0.5em;
          margin: 0 auto; }
    .footer-inner .footer-area02 .footer-addres {
      width: calc(610 / 1380 * 100vw);
      margin: calc(40 / 1380 * 100vw) 0 0; }
      .footer-inner .footer-area02 .footer-addres p {
        text-align: left;
        margin: 0;
        font-size: calc(15 / 1380 * 100vw);
        line-height: 1.7em; }
    .footer-inner .footer-area02 .footer-link {
      width: calc(1280/ 1380 * 100vw);
      display: flex;
      flex-wrap: nowrap;
      margin: calc(30 / 1380 * 100vw) 0 0; }
      .footer-inner .footer-area02 .footer-link li {
        font-size: calc(15 / 1380 * 100vw);
        margin-right: 0.3em; }
        .footer-inner .footer-area02 .footer-link li::after {
          display: inline-block;
          content: "｜"; }
        .footer-inner .footer-area02 .footer-link li:last-child::after {
          content: ""; }
        .footer-inner .footer-area02 .footer-link li a.policy::after {
          content: '';
          /*何も入れない*/
          display: inline-block;
          width: 1.3em;
          /*画像の幅*/
          height: 1em;
          /*画像の高さ*/
          background-image: url(../img/common/btn_browser_g.svg);
          background-size: contain;
          background-repeat: no-repeat;
          background-position: top right;
          vertical-align: top;
          margin: 0 0 0 0.3em; }
    .footer .footer-logo-copy {
      border-top: 1px solid #e1e1e1;
      display: flex;
      align-items: center;
      width: 100%;
      margin: calc(0 / 1380 * 100vw) auto 0;
      padding: calc(30 / 1380 * 100vw) 0; }
      .footer .footer-logo-copy .footer-logo {
        width: calc(290 / 1380 * 100vw);
        margin: 0 calc(125 / 1380 * 100vw) 0 0; }
      .footer .footer-logo-copy .footer-copyright {
        width: calc(1010 / 1380 * 100vw);
        margin: 0;
        text-align: left;
        font-size: calc(14 / 1380 * 100vw); }

  .ptop {
    display: none; } }