@charset "UTF-8";
/* CSS Document */
/*--------------------------------------------------
SP
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 980px) {
  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;
  }
  * {
    margin: 0;
    padding: 0;
  }
  p {
    font-size: 16px;
  }
  dt {
    float: left;
  }
  dd {
    margin-left: 60px;
    padding-bottom: 10px;
  }
  /*---特殊追加CSS---*/
  .clear {
    clear: both;
  }
  /*---特殊追加CSS---*/
  html {scroll-behavior: smooth; }
  body {
    -webkit-text-size-adjust: 100%;
    line-height: 1;
    font-size: 16px;
    color: #000;
    margin: auto;
    font-family: 'Noto Sans JP', '小塚ゴシック Pr6N R', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    overflow-x: hidden;
    background-color: #fff;
  }
  a:hover {
    opacity: 1.0;
    -webkit-filter: brightness(110%);
            filter: brightness(110%);
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  img {
    max-width: auto;
    height: auto;
  }
  img[src*='.svg'] {
    width: 100%;
    height: auto;
  }
  .br-sp::before {
    content: "\A";
    white-space: pre;
  }
  .fade-in {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s, -webkit-transform 1s;
  }
  .fade-in.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  /* ここからscssを記述 */
  #wrap {
    width: calc(750 *(100vw/750));
    height: auto;
    font-style: normal;
    font-weight: 400;
    /* mv-content */
    /* index-content-1 */
    /* index-content-2 */
    /* index-content-3 */
    /* index-content-4 */
    /* footer-content */
  }
  #wrap #mv-content {
    width: calc(750 *(100vw/750));
    height: calc(972 *(100vw/750));
    background-image: url(../img/mv-sp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    /* mv-content-tex */
  }
  #wrap #mv-content img {
    width: calc(349 *(100vw/750));
    height: calc(50 *(100vw/750));
    position: absolute;
    right: calc(30 *(100vw/750));
    top: calc(30 *(100vw/750));
  }
  #wrap #mv-content .mv-content-tex {
    max-width: calc(750 *(100vw/750));
    height: auto;
    position: absolute;
    right: calc(20 *(100vw/750));
    bottom: calc(20 *(100vw/750));
    padding: calc(20 *(100vw/750)) calc(10 *(100vw/750)) calc(20 *(100vw/750)) calc(20 *(100vw/750));
  }
  #wrap #mv-content .mv-content-tex p {
    font-size: calc(46 *(100vw/750));
    line-height: 1.48;
    text-align: right;
    font-weight: bold;
    text-shadow: 1px 0px  7px #fff;
  }
  #wrap #mv-content .mv-content-tex p span {
    color: #0066ff;
  }
  #wrap #mv-content .mv-s-tex {
    width: calc(200 *(100vw/750));
    font-size: calc(22 *(100vw/750));
    color: #000;
    display: block;
    margin: calc(10 *(100vw/750)) 0 0 auto;
  }
  #wrap #index-content-1 {
    width: calc(750 *(100vw/750));
    background-image: url(../img/index-1-bg-sp.png);
    background-size: cover;
    padding-top: calc(111 *(100vw/750));
    background-repeat: no-repeat;
    /* index-content-1--inner */
  }
  #wrap #index-content-1 .index-content-1--inner {
    max-width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
    /* i-c-2-tex-box */
  }
  #wrap #index-content-1 .index-content-1--inner p.i-1-f-tex {
    width: calc(620 *(100vw/750));
    text-align: center;
    font-family: a-otf-ryumin-pr6n, serif;
    font-size: calc(28 *(100vw/750));
    color: #fff;
    margin: auto;
    padding: calc(20 *(100vw/750)) 0 calc(15 *(100vw/750)) 0;
    background: rgba(255, 255, 255, 0.2);
  }
  #wrap #index-content-1 .index-content-1--inner h2 {
    text-align: center;
    font-family: a-otf-ryumin-pr6n, serif;
    font-size: calc(36 *(100vw/750));
    line-height: 1.56;
    padding: calc(70 *(100vw/750)) calc(70 *(100vw/750));
    color: #fff;
  }
  #wrap #index-content-1 .index-content-1--inner .i-c-2-tex-box {
    max-width: calc(700 *(100vw/750));
    font-family: "メイリオ", sans-serif;
  }
  #wrap #index-content-1 .index-content-1--inner .i-c-2-tex-box p {
    text-align: center;
    font-size: calc(24 *(100vw/750));
    line-height: 3;
    padding-bottom: calc(10 *(100vw/750));
    color: #fff;
    line-height: 2.6;
  }
  #wrap #index-content-2 {
    width: calc(750 *(100vw/750));
    height: auto;
    padding: 0 0 calc(90 *(100vw/750)) 0;
    background: #f4f4f4;
    /* index-content-2 */
  }
  #wrap #index-content-2 .index-content-inner-2::before {
    content: '';
    z-index: 2;
    display: inline-block;
    width: 100%;
    height: calc(165 *(100vw/750));
    background: url(../img/index-2-title-bg.png) center no-repeat;
    background-size: contain;
    vertical-align: middle;
  }
  #wrap #index-content-2 .index-content-inner-2 {
    max-width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
    position: relative;
    /* left-box */
  }
  #wrap #index-content-2 .index-content-inner-2 h2 {
    position: relative;
    z-index: 2;
    text-align: center;
    line-height: 1.3;
    font-family: a-otf-ryumin-pr6n, serif;
    font-size: calc(40 *(100vw/750));
    margin-top: calc(-50 *(100vw/750));
  }
  #wrap #index-content-2 .index-content-inner-2 .left-box {
    max-width: calc(700 *(100vw/750));
    height: auto;
    margin-top: calc(60 *(100vw/750));
    font-family: "メイリオ", sans-serif;
    /* left-box-in */
  }
  #wrap #index-content-2 .index-content-inner-2 .left-box .left-box-in {
    max-width: calc(700 *(100vw/750));
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: calc(120 *(100vw/750));
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /* left-box-in-left */
  }
  #wrap #index-content-2 .index-content-inner-2 .left-box .left-box-in img {
    width: calc(250 *(100vw/750));
    height: calc(250 *(100vw/750));
    margin: 0 auto calc(50 *(100vw/750)) auto;
    display: block;
  }
  #wrap #index-content-2 .index-content-inner-2 .left-box .left-box-in .left-box-in-left {
    max-width: calc(700 *(100vw/750));
    height: auto;
    font-family: "メイリオ", sans-serif;
  }
  #wrap #index-content-2 .index-content-inner-2 .left-box .left-box-in .left-box-in-left h3 {
    font-size: calc(32 *(100vw/750));
    font-weight: bold;
    text-align: center;
    padding-bottom: calc(20 *(100vw/750));
  }
  #wrap #index-content-2 .index-content-inner-2 .left-box .left-box-in .left-box-in-left p {
    font-size: calc(24 *(100vw/750));
    line-height: 1.66;
    text-align: justify;
  }
  #wrap #index-content-2 .index-content-inner-2 .left-box .left-box-in .left-box-in-left p span {
    font-weight: bold;
  }
  #wrap #index-content-2 .index-content-inner-2 .left-box .left-box-in .left-box-in-left p .in-left-s {
    font-weight: normal;
    font-size: calc(24 *(100vw/750));
    margin-top: calc(10 *(100vw/750));
    display: block;
    text-align: center;
  }
  #wrap #index-content-2 .index-content-inner-2 .left-box .left-box-in .left-box-in-left p .in-left-s b {
    width: calc(700 *(100vw/750));
    background: #74c5ed;
    color: #fff;
    border-radius: 5px;
    padding: calc(10 *(100vw/750)) calc(14 *(100vw/750)) calc(7 *(100vw/750)) calc(14 *(100vw/750));
    margin: calc(20 *(100vw/750)) auto calc(10 *(100vw/750)) auto;
    display: block;
    font-weight: bold;
    text-align: center;
  }
  #wrap #index-content-2 .index-content-inner-2 .left-box .left-box-last {
    font-size: calc(24 *(100vw/750));
    line-height: 1.66;
    text-align: justify;
    font-family: "メイリオ", sans-serif;
  }
  #wrap #index-content-2 .index-content-inner-2 .left-box .left-box-last span {
    font-weight: bold;
  }
  #wrap #index-content-3 {
    width: calc(750 *(100vw/750));
    height: auto;
    /* index-content-3 */
  }
  #wrap #index-content-3 .index-content-3--inner {
    max-width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
  }
  #wrap #index-content-3 .index-content-3--inner h2 {
    text-align: center;
    padding-top: calc(256 *(100vw/750));
    font-family: a-otf-ryumin-pr6n, serif;
    font-size: calc(58 *(100vw/750));
    font-weight: 600;
    position: relative;
  }
  #wrap #index-content-3 .index-content-3--inner h2::before {
    content: '';
    display: inline-block;
    width: calc(410 *(100vw/750));
    height: calc(105 *(100vw/750));
    margin: calc(70 *(100vw/750)) 0 0 calc(50 *(100vw/750));
    background-image: url(../img/index-3-title-bg.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    position: absolute;
  }
  #wrap #index-content-4 {
    margin-top: calc(220 *(100vw/750));
    /* index-content-4--innre */
  }
  #wrap #index-content-4 h2 {
    text-align: center;
    font-family: a-otf-ryumin-pr6n, serif;
    font-size: calc(60 *(100vw/750));
    font-weight: bold;
    color: #0066cc;
  }
  #wrap #index-content-4 .index-content-4--innre {
    width: calc(750 *(100vw/750));
    height: auto;
    margin-top: calc(20 *(100vw/750));
    background: #0066cc;
    /* index-content-4--innre-box */
  }
  #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box {
    max-width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* i-4-box-in */
  }
  #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in, #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in-2 {
    width: calc(700 *(100vw/750));
    padding: calc(20 *(100vw/750));
  }

  #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in img, #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in-2 img {
    width: calc(100 *(100vw/750));
    height: auto;
    display: block;
    margin: auto auto calc(34 *(100vw/750)) auto;
  }
  #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box div:nth-child(3) img{
    width: calc(80 *(100vw/750));
    height: auto;
    display: block;
  }
  #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in a, #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in-2 a {
    width: calc(170 *(100vw/750));
    margin: auto;
    color: #fff;
    text-align: center;
    font-family: "メイリオ", sans-serif;
    font-size: calc(18 *(100vw/750));
  }
  #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in .sp-i-add, #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in .sp-i-add-2, #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in .sp-i-add-2-2, #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in-2 .sp-i-add, #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in-2 .sp-i-add-2, #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in-2 .sp-i-add-2-2, #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in .sp-i-add-3, #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in .sp-i-add-3-2 {
    position: relative;
    top: calc(3 *(100vw/750));
  }
  #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in .sp-i-add-2, #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in-2 .sp-i-add-2 {
    top: calc(13 *(100vw/750));
  }
  #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in .sp-i-add-2-2, #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in-2 .sp-i-add-2-2 {
    top: calc(15 *(100vw/750));
  }
  #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in .sp-i-add-3, #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in-2 .sp-i-add-3 {
    top: calc(5 *(100vw/750));
  }
  #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in .sp-i-add-3-2, #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in-2 .sp-i-add-3-2 {
    top: calc(10 *(100vw/750));
  }
  #wrap #index-content-4 .index-content-4--innre .index-content-4--innre-box .i-4-box-in-2 {
    border-right: solid #fff 2px;
    border-left: solid #fff 2px;
  }
  #wrap #footer-content {
    width: calc(750 *(100vw/750));
    height: auto;
    /* footer-content--inner */
  }
  #wrap #footer-content .footer-content--inner {
    max-width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
  }
  #wrap #footer-content .footer-content--inner .sns-box {
    width: calc(300 *(100vw/750));
    height: auto;
    margin: calc(54 *(100vw/750)) auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #wrap #footer-content .footer-content--inner .sns-box img {
    width: calc(80 *(100vw/750));
    height: calc(80 *(100vw/750));
  }
  #wrap #footer-content .footer-content--inner .f-c-2 {
    width: auto;
    height: auto;
    /* f-c-2--in-2 */
    /* f-c-2--in */
    /* f-c-2--in-3 */
  }
  #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in-2 span {
    display: inline-block;
  }
  #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in-2 .tel, #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in-2 .mail {
    position: relative;
  }
  #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in-2 .tel::before, #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in-2 .mail::before {
    position: absolute;
    left: calc(0 *(100vw/750));
    top: calc(20 *(100vw/750));
    content: '';
    display: inline-block;
    width: calc(30 *(100vw/750));
    height: calc(30 *(100vw/750));
    background-image: url(../img/tel.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
  }
  #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in-2 .mail::before {
    background-image: url(../img/mail.png);
    top: calc(30 *(100vw/750));
    left: calc(0 *(100vw/750));
  }
  #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in, #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in-2, #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: solid #c7b3ae 1px;
  }
  #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in img, #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in-2 img, #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in-3 img {
    width: calc(349 *(100vw/750));
    height: calc(50 *(100vw/750));
    display: block;
    margin: auto;
  }
  #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in p, #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in-2 p, #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in-3 p {
    font-size: calc(26 *(100vw/750));
    font-family: "メイリオ", sans-serif;
    padding: calc(20 *(100vw/750)) 0 0 calc(40 *(100vw/750));
    line-height: 1.6;
    margin: auto;
  }
  #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: solid #fff 1px;
  }
  #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in-3 .f-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: calc(10 *(100vw/750)) auto auto auto;
  }
  #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in-3 .f-link p {
    padding: 0 calc(30 *(100vw/750)) 0 0;
    color: #666666;
    border-right: solid #bcbcbc 1px;
  }
  #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in-3 .f-link .f-link-2 {
    padding-left: 30px;
    border-right: solid #fff 1px;
  }
  #wrap #footer-content .footer-content--inner .f-c-2 .f-c-2--in-3 .copy {
    font-size: calc(20 *(100vw/750));
    padding: calc(40 *(100vw/750)) 0 0 0;
  }

  /* 2024/3 追加 */
  .pc{display: none;}
  .sp{display: block;}

  #wrap #index-content-1 .index-content-1--inner .menu {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin: 10% auto 0 auto;
    padding-bottom: 10%;
    overflow: hidden;
    border-top: 1px solid #CCC;
  }
  #wrap #index-content-1 .index-content-1--inner .menu li {
    width: 100%;
    text-align: center;
  }
  #wrap #index-content-1 .index-content-1--inner .menu li a{
    color: #FFF;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0;
    padding: 10% 0 10% 10%;
    font-size: calc(24 *(100vw/750));
    position: relative;
    background: url(../img/menu-arrow.png) center right 10% no-repeat ;
    background-size: 5%;
    border-bottom: 1px solid #CCC;
  }


  #wrap #index-content-5 {
    width: calc(750 *(100vw/750));
    height: auto;
    padding: 0 0 calc(30 *(100vw/750)) 0;
    background:url(../img/index-5-title-bg.png) #fff center top no-repeat;
    background-size: calc(400 *(100vw/750));
    /* index-content-5 */
  }
  #wrap #index-content-5 .index-content-inner-5 {
    max-width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
    position: relative;
    /* left-box */
  }
  #wrap #index-content-5 .index-content-inner-5 p.tex-box {
    max-width: calc(700 *(100vw/750));
    margin: auto;
    padding: 15% 0 0 0;
    font-size: calc(24 *(100vw/750));
    line-height: 1.66;
    text-align: justify;
    font-family: "メイリオ", sans-serif;
  }
  #wrap #index-content-5 .index-content-inner-5 h2 {
    position: relative;
    z-index: 2;
    font-family: a-otf-ryumin-pr6n, serif;
    text-align: center;
    line-height: 1.3;
    font-size: calc(36 *(100vw/750));
    padding-top: 50px;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box {
    max-width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
    margin-top: calc(100 *(100vw/750));
    /* left-box-in */
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in {
    max-width: calc(700 *(100vw/750));
    height: auto;
    background: #eef6f0;
    font-family: "メイリオ", sans-serif;
    padding: calc(40 *(100vw/750)) 0 0 0;
    position: relative;

  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in h4.tx{
    text-align: center;
    padding: 6% 0 5% 0;
    font-size: calc(26 *(100vw/750));
    font-family: "メイリオ", sans-serif;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in h3 {
    width:  calc(500 *(100vw/750));
    height:  calc(100 *(100vw/750));
    position: absolute;
    top: calc(-45 *(100vw/750));
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:  calc(40 *(100vw/750));
    font-weight: bold;
    text-align: center;
    color: #fff;
    background:url(../img/index-5-box-title-bg.png) center top no-repeat;
    background-size: cover;
    font-family: "メイリオ", sans-serif;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in h3 span:nth-child(1){
    font-size:  calc(32 *(100vw/750));
    display: inline-block;
    margin:3px 11% 0 0.5rem;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in h3 span:nth-child(2){
    font-size:  calc(24 *(100vw/750));
    display: inline-block;
    margin:3px 0 0 5%;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in ul.basic{
    width:  calc(570 *(100vw/750));
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: calc(80 *(100vw/750)) auto 0 auto;
    padding:  0;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in ul.basic li:nth-child(1){
    width: 100%;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in ul.basic li:nth-child(2){
    width: 100%;
    text-align: center;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in ul.basic li:nth-child(2) img{
    width:  calc(60 *(100vw/750));
    margin: 5% 0;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in ul.basic li:nth-child(3){
    width: 100%;
    margin: 0 0 10% 0;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in ul.basic h4{
    background: #c6e2ce;
    text-align: center;
    padding:  calc(40 *(100vw/750)) 0;
    margin-bottom: calc(20 *(100vw/750));
    font-size:  calc(28 *(100vw/750));
    font-family: "メイリオ", sans-serif;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in ul.basic p{
    line-height: 160%;
    font-size:  calc(24 *(100vw/750));
    font-family: "メイリオ", sans-serif;
    text-align: center;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in ul.basic p span{
    font-weight: bold;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box p.arrow{
    text-align: center;
    margin: -10px 0  calc(60 *(100vw/750)) 0;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box p.arrow img{
    width:  calc(100 *(120vw/750));
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality{
    width: 90%;
    margin: 15% auto 0 auto;
    padding: 0 0 5% 0;

  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality .title{
    color: #FFF;
    height:  calc(190 *(100vw/750));
    text-align: center;
    padding:calc(90 *(100vw/750))  calc(30 *(100vw/750)) calc(10 *(100vw/750)) calc(30 *(100vw/750));
    border-radius: 10px 10px 0 0;
    font-size: calc(30 *(100vw/750));
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality.food .title{
    background: #5bbbc9;
    position: relative;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality.food .title::before{
    content: "";
    display: inline-block;
    position: absolute;
    top:calc(-80 *(100vw/750));
    background: url(../img/img-1.png) no-repeat;
    background-size: contain;
    width: calc(110 *(150vw/750));
    height: calc(110 *(150vw/750));
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality.data .title{
    background:#e78195;
    position: relative;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality.data .title::before{
    content: "";
    display: inline-block;
    position: absolute;
    top:calc(-80 *(100vw/750));
    background: url(../img/img-2.png) no-repeat;
    background-size: contain;
    width: calc(110 *(150vw/750));
    height: calc(110 *(150vw/750));
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality.clinical .title{
    background:#9580b6;
    position: relative;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality.clinical .title::before{
    content: "";
    display: inline-block;
    position: absolute;
    top:calc(-80 *(100vw/750));
    background: url(../img/img-3.png) no-repeat;
    background-size: contain;
    width: calc(110 *(150vw/750));
    height: calc(110 *(150vw/750));
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0;
    background: #FFF;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality ul li{
    width: 100%;
    margin: 2% 0;
    padding: 2% 5%;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality ul li .step{
    float: left;
    width: 18%;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality ul li .step p{
    width: 100%;
    height: 0;
    padding-top: 100%;
    border-radius: 5px;
    position: relative;
    color: #fff;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality ul li .step p::before{
    content: "STEP";
    font-size: 3.5vw;
    position: absolute;
    top: 23%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality ul li .step p::after{
    font-size: 4.5vw;
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality ul li:nth-child(1) .step p::after{
    content: "1";
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality ul li:nth-child(2) .step p::after{
    content: "2";
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality ul li:nth-child(3) .step p::after{
    content: "3";
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality ul li:nth-child(4) .step p::after{
    content: "4";
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality.food ul li:nth-child(1) .step p{
    background: #bde4e9;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality.food ul li:nth-child(2) .step p{
    background: #9dd6df;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality.food ul li:nth-child(3) .step p{
    background: #8ccfd9;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality.food ul li:nth-child(4) .step p{
    background: #5bbbc9;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality.data ul li:nth-child(1) .step p{
    background: #f5cdd5;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality.data ul li:nth-child(2) .step p{
    background: #f1b3bf;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality.data ul li:nth-child(3) .step p{
    background: #ec9aaa;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality.data ul li:nth-child(4) .step p{
    background: #e78195;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality.clinical ul li:nth-child(1) .step p{
    background: #d5cce2;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality.clinical ul li:nth-child(2) .step p{
    background: #bfb3d3;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality.clinical ul li:nth-child(3) .step p{
    background: #aa99c4;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality.clinical ul li:nth-child(4) .step p{
    background: #9580b6;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality ul li .tx{  
    float: right;
    width: 77%;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality ul li .tx p{  
    font-size: calc(24 *(100vw/750));
    line-height: 160%;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality ul li .tx p span{  
    font-weight: bold;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality ul li .tx p.pickup-icon{  
    font-size: calc(24 *(100vw/750));
    background: #74c5ed;
    color: #fff;
    display: inline-block;
    padding: 1px 7px;
    margin: 1em 0 0.5em 0;
    border-radius: 5px;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality ul li .tx p.pickup-tx{   
    font-size: calc(24 *(100vw/750));
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality .pickup-class{  
    width: 100%;
    margin: 0;
    padding: 0 0 3% 0;
    background: #FFF;
    overflow: hidden;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality .pickup-class .img{  
    float: none;
    width: 90%;
    margin: 1.2em auto;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality .pickup-class .tx{  
    float: none;
    width: 90%;
    margin: 0 auto;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality .pickup-class-icon{   
    font-size: calc(23*(100vw/750));
    background: #74c5ed;
    color: #fff;
    display: inline-block;
    padding: 6px 7px 4px 7px;
    margin: 0;
    border-radius: 5px;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality .pickup-class-title{  
    font-size: calc(28*(100vw/750));
    font-weight: bold;
    margin: 0.5em 0;
    border-radius: 10px;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality .pickup-class-tx{  
    font-size: calc(25*(100vw/750));
    line-height: 180%;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality .pickup-class .tx .frame{  
    border: 1px solid #e78195;
    padding: 3% 2%;  
    margin: 1em 0 0 0;
    font-size: calc(24*(100vw/750));
    line-height: 160%;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality .pickup-class .tx .frame .frame-title{  
    color: #e78195;
    font-weight: bold;
    font-size: calc(26*(100vw/750));
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality .pickup-class .tx .frame .bt{  
    text-align: center;

  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality .pickup-class .tx .frame a{  
    color: #fff;
    font-weight: bold;
    text-align:center;
    background: #e78195;
    display: inline-block;
    margin: 0.5em auto ;
    padding: 10px 30px 10px 30px;
    border-radius: 100vh;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality .pickup-class .tx .frame a::after{ 
    content: "";
    display: inline-block;
    background: url(../img/icon-link.png) no-repeat center center;
    background-size: contain;
    width: 12px;
    height: 12px;
    margin-left: 1em;
    vertical-align: middle;
  }
  #wrap #index-content-5 .index-content-inner-5 .left-box .left-box-in .speciality hr{  
    border: none;
    border-bottom: 1px solid #CCC;
    width: 98%;
    margin: 0 auto 3% auto;
  }

  #wrap #index-content-6 {
    width: 100%;
    height: auto;
    padding: 0 0 calc(30 *(100vw/750)) 0;
    background:url(../img/index-6-title-bg.png) #e5f8fd center top 1.2%  no-repeat;
    background-size: calc(600 *(100vw/750));
    /* index-content-6 */
  }
  #wrap #index-content-6 .index-content-inner-6 {
    max-width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
    position: relative;
    /* left-box */
  }
  #wrap #index-content-6 .index-content-inner-6 p.tex-box {
    max-width: 100%;
    margin: auto;
    padding: 6% 0 3% 0;
    font-size: calc(24 *(100vw/750));
    line-height: 1.66;
    text-align: center;
    font-family: "メイリオ", sans-serif;
  }
  #wrap #index-content-6 .index-content-inner-6 h2 {
    position: relative;
    z-index: 2;
    font-family: a-otf-ryumin-pr6n, serif;
    text-align: center;
    line-height: 1.3;
    font-size: calc(50 *(100vw/750));
    padding-top: 50px;
  }
  #wrap #index-content-6 .index-content-inner-6 .balloon {
    max-width: 100%;
    height: auto;
    margin: auto;
    margin-top: calc(20 *(100vw/750));
  }
  #wrap #index-content-6 .index-content-inner-6 .balloon .balloon1{
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
  }
  #wrap #index-content-6 .index-content-inner-6 .balloon .balloon1 .faceicon {
    float: left;
    margin-right: calc(-100 *(100vw/750));
    width: calc(120 *(100vw/750));
  }
  #wrap #index-content-6 .index-content-inner-6 .balloon1 .says {
    display: inline-block;
    position: relative; 
    margin: 5px 0 0 calc(130 *(100vw/750));
    padding: 0.8rem 0.8rem;
    border-radius: 15px;
    font-size: calc(24 *(100vw/750));
    font-weight: bold;
    color: #fff;
    background: #00b9ee;
  }
  #wrap #index-content-6 .index-content-inner-6 .balloon1 .says p{
    text-indent: -2.1em;
    padding-left: 2.1em;
    line-height: 160%;
    font-family: "メイリオ", sans-serif;
  }
  #wrap #index-content-6 .index-content-inner-6 .balloon1 .says p span{
    font-weight: normal;
    margin-right: 0.5em;
    font-size: calc(30 *(100vw/750));
    font-family: arial, sans-serif;
  }
  #wrap #index-content-6 .index-content-inner-6 .balloon1 .says:after {
    content: "";
    display: inline-block;
    position: absolute;
    background: url(../img/balloon1-2.png);
    background-size: cover;
    width: 20px;
    height: 27px;
    top: 0; 
    left: -10px;
  }
  #wrap #index-content-6 .index-content-inner-6 .balloon .balloon2 {
    width: 100%;
    margin: 1.5em 0 4em 0;
    overflow: hidden;
  }
  #wrap #index-content-6 .index-content-inner-6 .balloon .balloon2 .faceicon {
    float: right;
    margin-left: calc(-100 *(100vw/750));
    width: calc(120 *(100vw/750));
  }
  #wrap #index-content-6 .index-content-inner-6 .balloon2 .says {
    float: right;
    display: inline-block;
    position: relative; 
    margin: 5px calc(100 *(130vw/750)) 0 0;
    padding: 1rem 1rem;
    max-width:78%;
    border-radius: 15px;
    font-size: calc(24 *(100vw/750));
    background: #99e3f8;
  }
  #wrap #index-content-6 .index-content-inner-6 .balloon2 .says p{
    line-height: 160%;
    font-family: "メイリオ", sans-serif;
  }
  #wrap #index-content-6 .index-content-inner-6 .balloon2 .says p span{
    font-size: calc(28 *(100vw/750));
    display: block;
    margin-bottom: 0.2rem;
    color: #0066cc;
    font-family: arial, sans-serif;
  }
  #wrap #index-content-6 .index-content-inner-6 .balloon2 .says:after {
    content: "";
    display: inline-block;
    position: absolute;
    background: url(../img/balloon2-2.png);
    background-size: cover;
    width: 20px;
    height: 27px;
    top: 0; 
    right: -10px;
  }
  /* 卒業生 */
  #wrap #index-content-7 {
    width: calc(750 *(100vw/750));
    height: auto;
    padding: 10% 0;
    background:url(../img/index-7-title-bg.png) #f4f4f4 center top no-repeat;
    background-size: calc(700 *(100vw/750));
    /* index-content-7 */
  }
  #wrap #index-content-7 .index-content-inner-7 {
    max-width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
    position: relative;
    /* left-box */
  }
  #wrap #index-content-7 .index-content-inner-7 p.i-7-f-tex {
    max-width: calc(700 *(100vw/750));
    text-align: center;
    font-size: calc(30 *(100vw/750));
    color: #000;
    margin: auto;
    padding: 20px 0 15px 0;
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.35);
  }
  #wrap #index-content-7 .index-content-inner-7 h2 {
    position: relative;
    z-index: 2;
    font-family: a-otf-ryumin-pr6n, serif;
    text-align: center;
    line-height: 1.3;
    font-size: calc(40 *(100vw/750));
  }
  #wrap #index-content-7 .index-content-inner-7 p.tex-box {
    max-width: calc(700 *(100vw/750));
    margin: auto;
    padding: 6% 0 3% 0;
    font-size: calc(24 *(100vw/750));
    line-height: 1.66;
    text-align: justify;
    font-family: "メイリオ", sans-serif;
  }
  #wrap #index-content-7 .index-content-inner-7 .box {
    max-width: calc(700 *(100vw/750));
    height: auto;
    margin: auto;
    padding: 8% 0;
    border-bottom: 1px solid #CCC;
  }
  #wrap #index-content-7 .index-content-inner-7 .box.box3 {
    padding: 8% 0 0 0;
    border-bottom: none;
  }
  #wrap #index-content-7 .index-content-inner-7 .box .card{
    width: calc(450 *(100vw/750));
    display: inline-block;
    background: #FFF;
    margin: -10% 0 0 4%;
    padding: 3% 3% 2% 3%;  
    font-family: "メイリオ", sans-serif;  
  }
  #wrap #index-content-7 .index-content-inner-7 .box1 .card{
    border-top: #5bbbc9 10px solid;
  }
  #wrap #index-content-7 .index-content-inner-7 .box2 .card{
    border-top: #e78195 10px solid;
  }
  #wrap #index-content-7 .index-content-inner-7 .box3 .card{
    border-top: #9580b6 10px solid;
  }
  #wrap #index-content-7 .index-content-inner-7 .box .card .work{
    font-size: calc(24 *(100vw/750));
    font-weight: bold;
    line-height: 160%;
  }
  #wrap #index-content-7 .index-content-inner-7 .box .card .name{
    font-size: calc(32 *(100vw/750));
    font-weight: bold;
    line-height: 160%;
  }
  #wrap #index-content-7 .index-content-inner-7 .box .card .profile{
    font-size: calc(20 *(100vw/750));
    line-height: 160%;
    margin-top: 5%;
  }
  #wrap #index-content-7 .index-content-inner-7 .box h3{
    font-size: calc(30 *(100vw/750));
    font-weight: bold;
    line-height: 130%;
    margin: 5% 0;
    font-family: "メイリオ", sans-serif;
  }
  #wrap #index-content-7 .index-content-inner-7 .box1 h3{
    color: #5bbbc9;
  }
  #wrap #index-content-7 .index-content-inner-7 .box2 h3{
    color: #e78195;
  }
  #wrap #index-content-7 .index-content-inner-7 .box3 h3{
    color: #9580b6;
  }
  #wrap #index-content-7 .index-content-inner-7 .box .tx{
    font-size: calc(24 *(100vw/750));
    line-height: 160%;
    font-family: "メイリオ", sans-serif;
  }

  /* wrap */
}
/*# sourceMappingURL=style_sp.css.map */