@charset "UTF-8";

/* ----------------------------- リセット */
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, 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;vertical-align: baseline;background: transparent;font-size: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: "";content: none;}
a {margin: 0;padding: 0;vertical-align: baseline;background: transparent;}
ins {background-color: #ff9;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;}
img {vertical-align: top;line-height: 0;}
sup {font-size: 8px;}
em {font-style: normal;}

a {-webkit-transition: .2s ease all;transition: .2s ease all;}
a:hover img {opacity: 0.8;}

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

@media screen and (max-width: 768px) {
    .pc-only {display: none !important;}
}

@media screen and (min-width: 769px) {
    .sp-only {display: none !important;}
}





/* ================================================================
 * Layout
 * headerやfooterなどレイアウトに関わるスタイルを記述
================================================================ */

body {}

.sidenav,
.l-pagetop {display: none;}


/* パーツ */
.c-wrap {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}



/* KV */
.p-kv {
    background: url(../img/kv_img1.jpg) no-repeat center;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 40px;
    text-align: center;
}
.p-kv h1 {margin-bottom: 50px;}
.p-kv ul {
    display: flex;
    justify-content: space-between;
}
.p-kv li {
    width: 47.2727%;
    box-shadow: 0 5px 10px rgba(0,0,0,.3);
}
.p-kv li a {
    display: block;
    text-decoration: none;
    color: #fff;
}
.p-kv li .anchor {
    background: #49BCBD;
    color: #fff;
    text-decoration: none;
    padding: 15px 30px;
    text-align: center;
    font-size: 20px;
    margin-top: 0;
    font-weight: 700;
}
.p-kv li .anchor span {
    display: block;
    background: url(../img/kv_icon1.svg) no-repeat right center;
    background-size: 18px 10px;
}

.p-kv + .btn {
    padding-top: 40px;
    padding-bottom: 40px;
}

.btn {
    text-align: center;
    padding: 60px 30px;
}

.btn1 {
    text-align: center;
    margin-top: 30px;
}
.btn1 a {
    display: inline-block;
    background: #f1881f;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 20px 30px;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 340px;
    width: 100%;
    border-radius: 40px;
}
.btn1 a span {
    display: block;
    background: url(../img/arrow_4-white.svg) no-repeat right center;
    background-size: 12px;
}


.link-btn {
    text-align: center;
    margin-top: 40px;
}
.link-btn a { display: inline-block; border: 1px solid #dd2f24; color: #dd2f24; text-decoration: none; font-weight: 400; border-radius: 6px; padding: 3px 12px 3px; font-size: 16px; }
.link-btn a span { display: block; background: url(../img/arrow1-red.png) no-repeat right center; background-size: 6px 11px; padding-right: 15px; font-style: normal; }
.link-btn a:hover { background: #dd2f24; color: #fff; }
.link-btn a:hover span { background-image: url(../img/arrow1.png); }



/* コンテンツ */
.l-contents {background: #FFEEF2;}



.p-top__festival {
    background: #FFF9AF url(../img/festival_bg1.jpg) no-repeat center top;
    padding-top: 100px;
    padding-bottom: 100px;
}
.p-top__festival .h {
    text-align: center;
    margin-bottom: 20px;
}
.p-top__festival ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}
.p-top__festival li {
    width: 50%;
    text-align: center;
    margin-bottom: 10px;
}


.p-top__support {padding: 100px 30px 0;}
.p-top__support .c-wrap {
    background: #fff;
    padding: 78px 60px 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.p-top__support .h {
    text-align: center;
    margin-bottom: 28px;
}
.p-top__support .limited {
    text-align: center;
    margin-bottom: 23px;
}
.p-top__support .content {margin-bottom: 60px;}
.p-top__support .content h4 {margin-bottom: 24px;}
.p-top__support .content:last-child {margin-bottom: 0;}

.p-top__support .flex { display: flex; justify-content: space-between;}
.p-top__support .flex:before,
.p-top__support .flex:after { display: none;}
.p-top__support .border {
    font-size: 24px;
    font-weight: 700;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 10px 0;
    margin-bottom: 30px;
    text-align: center;
}

.p-top__support .accordion .btns { display: block; cursor: pointer; width: 426px; padding: 24px 0; margin: 0 auto 30px; background: #fff462  url(../img/arrow2.png) no-repeat 70% center; background-size: 17px; etxt-align: center;}
.p-top__support .accordion .btns p { font-size: 18px; font-weight: 700;text-align: center;}
.p-top__support .accordion .top.btns.active { display: none; }

.p-top__support .accordion-body{ /*display: none;*/ transition: 0.3s;}
.p-top__support .buspref { display: flex; justify-content: center; flex-wrap: wrap;margin-bottom: 8px;border-bottom: 2px solid #32abac;}
.p-top__support .buspref p { cursor: pointer; background: #fff;border: 2px solid #32abac;border-bottom: 0;border-radius: 8px 8px 0 0;padding: 6px 10px 7px;margin-right: 2px;margin-left: 2px;color: #32abac;font-weight: bold;font-size: 16px;}
.p-top__support .buspref p span { font-weight: bold; display: block;padding-right: 20px;background: url(../img/arrow2.png) no-repeat right 63%;background-size: 11px;}
.p-top__support .buspref p:hover { background: #f0f0f0;}
.p-top__support .buspref p.is-open { background: #32abac;color: #fff;}
.p-top__support .buspref p.is-open span {background-image: url(../img/arrow2_white.png);background-position: right 54%;}
.p-top__support .bustime { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 30px;position: relative;margin-right: -20px;}
.p-top__support .bustime .bus { width: 490px; margin-bottom: 20px; text-align: center; display: none;margin-right: 20px;}
.p-top__support .bustime .bus.is-open { display: block;}
.p-top__support .bustime .bus .dep { font-size: 18px; font-weight: 700; width: 100%; line-height: 40px; color: #fff; background-color: #32abac; margin-bottom: 10px;}
.p-top__support .bustime .bus:nth-child(n+15) { margin-bottom: 0;} 
.p-top__support .bustime .bus .flex { margin-bottom: 10px;}
.p-top__support .bustime .bus .flex dl { width: 240px; border: 1px solid #c9c9c9;margin: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
.p-top__support .bustime .bus .flex dt,
.p-top__support .bustime .bus .flex dd { padding: 13px 0; font-size: 16px; line-height: 1.2;}
.p-top__support .bustime .bus .flex dt { font-weight: 700; color: #32abac; background-color: #d0f8f5;}
.p-top__support .bustime .bus .flex dd { font-weight: 500; border-top: 1px solid #c9c9c9;}
.p-top__support .bustime .bus .flex dd.big { padding: 21px 17px; line-height: 2; text-align: start;}
.p-top__support .bustime .bus a { display: inline-block; font-size: 14px; font-weight: 400; color: #666; border-bottom: 1px solid #666; padding-bottom: 6px;}
.p-top__support .accordion-body .btns { display: block; background: #fff462  url(../img/arrow3.png) no-repeat 75% center; background-size: 17px; color: #000; text-decoration: none; }
.p-top__support .accordion-body .busstop p { margin-top: 8px; }


.p-top__support .note-wrap,
.p-top__support .benefit-wrap {
    position: relative;
    margin-top: 40px;
/*    margin-bottom: -40px;*/
    background: #fff;
    border-radius: 0;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}
.p-top__support .note-wrap {margin-bottom: 60px;}
.p-top__support .benefit-wrap {}
.p-top__support .note-trigger,
.p-top__support .benefit-trigger {
    font-size: 26px;
    padding: 30px;
    line-height: 160%;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.p-top__support .note-trigger span,
.p-top__support .benefit-trigger span {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    padding-right: 35px;
    font-weight: bold;
}
.p-top__support .note-trigger span:before,
.p-top__support .note-trigger span:after,
.p-top__support .benefit-trigger span:before,
.p-top__support .benefit-trigger span:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
    width: 20px;
    border-top: 3px solid #333;
    transition: .2s ease all;
    -webkit-transition: .2s ease all;
}
.p-top__support .note-trigger span:after,
.p-top__support .benefit-trigger span:after {
    transform: rotate(-90deg);
}
.p-top__support .note-trigger.is-open span:after,
.p-top__support .benefit-trigger.is-open span:after {
    transform: rotate(0);
}
.p-top__support .note-trigger strong,
.p-top__support .benefit-trigger strong {
    display: inline-block;
    border: 1px solid #e31a1a;
    border-radius: 5px;
    font-size: 14px;
    color: #e31a1a;
    padding: 5px 10px;
    line-height: 90%;
    vertical-align: 6px;
    font-weight: bold;
}
.p-top__support .note-wrap .note,
.p-top__support .benefit-wrap .benefit {
    display: none;
    text-align: left;
    font-size: 16px;
    line-height: 180%;
/*    padding-top: 20px;*/
}
.p-top__support .note-wrap .note h4,
.p-top__support .benefit-wrap .benefit h4 {
    color: #e31a1a;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
}
.p-top__support .note-wrap .note ul,
.p-top__support .benefit-wrap .benefit ul {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
}
.p-top__support .note-wrap .note li,
.p-top__support .benefit-wrap .benefit li {
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 8px;
    line-height: 160%;
}
.p-top__support .note-wrap .note li.indent,
.p-top__support .benefit-wrap .benefit li.indent {
    text-indent: 0;
}



.p-top__actual {
    background: #FFEEF2;
    padding-top: 80px;
    padding-bottom: 100px;
}
.p-top__actual .heading {
    text-align: center;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
}
.p-top__actual .nav {
    background: #fff;
    padding-top: 60px;
    padding-bottom: 1px;
}
.p-top__actual .nav ul {
    display: flex;
    flex-wrap: wrap;
}
.p-top__actual .nav li {
    width: 16.666%;
    margin-bottom: 60px;
}
.p-top__actual .nav li a {
    display: block;
    text-align: center;
    border-left: 1px solid #104444;
    color: #104444;
    text-decoration: none;
}
.p-top__actual .nav li:nth-child(6n) a {border-right: 1px solid #104444;}
.p-top__actual .nav li p {
    margin-top: 12px;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.111;
}
.p-top__actual .nav li p.two-line {margin-top: 0;}

.p-top__actual .timeschedule {
    background: #49BCBD;
    padding-top: 100px;
    padding-bottom: 100px;
/*    margin-bottom: 60px;*/
}
.p-top__actual .timeschedule .t {
    text-align: center;
    margin-bottom: 40px;
}
.p-top__actual .timeschedule .img1 {text-align: center;}

.p-top__actual .content {
    background: url(../img/bg1.png) center top;
    margin-bottom: 60px;
    padding-top: 80px;
    padding-bottom: 80px;
}
.p-top__actual .content .c-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.p-top__actual .content .c-wrap:before,
.p-top__actual .content .c-wrap:after {display: none;}
.p-top__actual .content .box1 {
    width: 43.6364%;
    margin-right: 42px;
}
.p-top__actual .content .box1.w100 {
    width: 100%;
    margin-right: 0;
}
.p-top__actual .content#actual10 .box1 {width: auto;}
.p-top__actual .content .box1.w500 {width: 560px;}
.p-top__actual .content .box1.w500 + .img1 {margin-right: -123px;}
.p-top__actual .content .box1.w500 p {max-width: 370px;}
.p-top__actual .content .box1-wrap {
    display: flex;
    align-items: center;
}
.p-top__actual .content .box1-wrap:before,
.p-top__actual .content .box1-wrap:after {display: none;}
.p-top__actual .content .box1-inner {padding-left: 60px;}
.p-top__actual .content .box1 .title {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1;
}
.p-top__actual .content .box1 .title small {font-size: 30px;}
.p-top__actual .content .box1 dl {
    display: inline-block;
    border: 1px solid #104444;
    border-radius: 6px;
    padding: 2px 8px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.6;
    color: #104444;
    font-weight: bold;
}
.p-top__actual .content .box1 dl small {
    font-size: 13px;
    font-weight: bold;
    color: #D20000;
}
.p-top__actual .content .box1 dt {
    display: inline;
    margin-right: 6px;
}
.p-top__actual .content .box1 dd {
    display: inline-block;
    background: url(../img/icon_hour.svg) no-repeat left center;
    background-size: 17px 16px;
    padding-left: 24px;
}
.p-top__actual .content .box1 dd.noicon {
    background: none;
    padding-left: 0;
}
.p-top__actual .content .box1 .t {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px;
    margin-top: 12px;
    color: #104444;
}
.p-top__actual .content .box1 .tag {}
.p-top__actual .content .box1 .tag li {
    display: inline-block;
    background: #D5EFBA;
    padding: 2px 15px;
    line-height: 1.4;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 700;
    border-radius: 20px;
}
.p-top__actual .content .box1 p {
    font-size: 18px;
    line-height: 1.6;
    margin-top: 20px;
    font-weight: 700;
    max-width: 380px;
}
.p-top__actual .content .box1 p.w100 {max-width: initial;}
.p-top__actual .content .img1 {}
.p-top__actual .content .img1 p {
/*    max-width: 370px;*/
    font-weight: 700;
    line-height: 1.6;
}
.p-top__actual .content#actual4 .img1 {margin-right: -80px;}
.p-top__actual .content .txt1 {margin-left: 60px;}
.p-top__actual .content .txt1 p {margin-top: 0;}
.p-top__actual .content .dept {
    width: 100%;
    margin-top: 40px;
    padding-left: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.p-top__actual .content .dept ul {
    display: flex;
    flex-wrap: wrap;
}
.p-top__actual .content .dept ul:before,
.p-top__actual .content .dept ul:after {display: none;}
.p-top__actual .content .dept li {
    width: 23.4215%;
    margin-left: 2.1046%;
    margin-bottom: 20px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 27px 18px 20px;
    color: #fff;
}
.p-top__actual .content .dept li:nth-child(4n+1) {margin-left: 0;}
.p-top__actual .content .dept li.pt {background: #8975B2;}
.p-top__actual .content .dept li.pt p.h {color: #8975B2;}
.p-top__actual .content .dept li.ot {background: #617ABA;}
.p-top__actual .content .dept li.ot p.h {color: #617ABA;}
.p-top__actual .content .dept li.st {background: #2FABE6;}
.p-top__actual .content .dept li.st p.h {color: #2FABE6;}
.p-top__actual .content .dept li.at {background: #2AAAA4;}
.p-top__actual .content .dept li.at p.h {color: #2AAAA4;}
.p-top__actual .content .dept li.ap {background: #CD746C;}
.p-top__actual .content .dept li.ap p.h {color: #CD746C;}
.p-top__actual .content .dept li.mt {background: #2C7BC1;}
.p-top__actual .content .dept li.mt p.h {color: #2C7BC1;}
.p-top__actual .content .dept li.ort {background: #3E5BA5;}
.p-top__actual .content .dept li.ort p.h {color: #3E5BA5;}
.p-top__actual .content .dept li.em {background: #318ED0;}
.p-top__actual .content .dept li.em p.h {color: #318ED0;}
.p-top__actual .content .dept li.rt {background: #41AAC4;}
.p-top__actual .content .dept li.rt p.h {color: #41AAC4;}
.p-top__actual .content .dept li.hn {background: #F6973E;}
.p-top__actual .content .dept li.hn p.h {color: #F6973E;}
.p-top__actual .content .dept li.hs {background: #DC6443;}
.p-top__actual .content .dept li.hs p.h {color: #DC6443;}
.p-top__actual .content .dept li.nr {background: #E77997;}
.p-top__actual .content .dept li.nr p.h {color: #E77997;}
.p-top__actual .content .dept li.sw {background: #8ABC56;}
.p-top__actual .content .dept li.sw p.h {color: #8ABC56;}
.p-top__actual .content .dept li.ps {background: #6AB387;}
.p-top__actual .content .dept li.ps p.h {color: #6AB387;}
.p-top__actual .content .dept li.hi {background: #AC6E96;}
.p-top__actual .content .dept li.hi p.h {color: #AC6E96;}
.p-top__actual .content .dept li .d {
    text-align: center;
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 1.6;
    font-weight: 700;
    color: #fff;
}
.p-top__actual .content .dept li p {
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
}
.p-top__actual .content .dept li p.h {
    background: #fff;
    border-radius: 50px;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
}
.p-top__actual .content .dept .note {
    text-align: right;
    font-size: 12px;
}

.p-top__actual .walk {
    background: #fff;
    border: 2px solid #104444;
    border-radius: 21px;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding: 75px 60px 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.p-top__actual .walk-wrap {
    background: #49BCBD;
    padding-bottom: 60px;
}
.p-top__actual .walk .t {
    text-align: center;
    margin-bottom: 50px;
}
.p-top__actual .walk ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.p-top__actual .walk li {
    width: 48.3673%;
    margin-left: 3.2654%;
    margin-bottom: 20px;
}
.p-top__actual .walk li:nth-child(2n+1) {margin-left: 0;}
.p-top__actual .walk .lead {
    background: url(../img/title1_bg1.svg) no-repeat center;
    background-size: contain;
    text-align: center;
    color: #104444;
    font-size: 20px;
    font-weight: 700;
    padding: 7px;
}



.p-top__web {
    background: #DDF6F6;
    padding-top: 100px;
}
.p-top__web .heading {
    text-align: center;
    margin-bottom: 70px;
}
.p-top__web .heading .h {margin-bottom: 100px;}
.p-top__web .heading .lead {
    background: url(../img/web_title1_icon1.svg) no-repeat center;
    background-size: contain;
    text-align: center;
    color: #104444;
    font-size: 30px;
    font-weight: 700;
    padding: 21px;
}
.p-top__web .heading .lead span {
    display: inlien-block;
    position: relative;
}
.p-top__web .heading .lead span:before,
.p-top__web .heading .lead span:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -4px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.p-top__web .heading .lead span:before {
    background-image: url(../img/web_icon1.svg);
    width: 71px;
    height: 99px;
    left: -123px;
}
.p-top__web .heading .lead span:after {
    background-image: url(../img/web_icon2.svg);
    width: 127px;
    height: 99px;
    right: -148px;
}
.p-top__web .nav {
    background: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-bottom: 52px;
}
.p-top__web .nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.p-top__web .nav li {width: 220px;}
.p-top__web .nav li:last-child a {border-right: 1px solid #104444;}
.p-top__web .nav li a {
    display: block;
    text-align: center;
    border-left: 1px solid #104444;
    color: #104444;
    text-decoration: none;
}
.p-top__web .nav li p {
    margin-top: 20px;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.111;
}
.p-top__web .nav li p.two-line {margin-top: 8px;}
.p-top__web .content {
    background: url(../img/bg1.png) center top;
    margin-bottom: 60px;
    padding-top: 80px;
    padding-bottom: 80px;
}
.p-top__web .content .c-wrap {
    display: flex;
    align-items: center;
}
.p-top__web .content .c-wrap:before,
.p-top__web .content .c-wrap:after {display: none;}
.p-top__web .content .box1 {
    width: 52.7272%;
    margin-right: 42px;
}
.p-top__web .content .box1.w100 {
    width: 100%;
    margin-right: 0;
}
.p-top__web .content .box1.w500 {width: 560px;}
.p-top__web .content .box1.w500 + .img1 {margin-right: -123px;}
.p-top__web .content .box1.w500 p {max-width: 370px;}
.p-top__web .content .box1-wrap {
    display: flex;
    align-items: center;
}
.p-top__web .content .box1-wrap:before,
.p-top__web .content .box1-wrap:after {display: none;}
.p-top__web .content .box1-inner {padding-left: 60px;}
.p-top__web .content .box1 .title {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1.2;
    padding-bottom: 22px;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
.p-top__web .content#web1 {background: #fbf9c8;}
.p-top__web .content#web1 .box1 {text-align: center;}
.p-top__web .content#web1 .box1-inner {padding-left: 0;}
.p-top__web .content#web1 .box1 .title {
    background-image: url(../img/web_line1.svg);
    background-size: 530px 15px;
    background-position: center bottom;
}
.p-top__web .content#web2 .box1 .title {
    background-image: url(../img/web_line2.svg);
    background-size: 450px 13px;
}
.p-top__web .content#web3 .box1 .title {
    background-image: url(../img/web_line3.svg);
    background-size: 450px 13px;
}
.p-top__web .content#web4 .box1 .title {
    background-image: url(../img/web_line4.svg);
    background-size: 450px 13px;
}
.p-top__web .content .box1 .title small {font-size: 30px;}
.p-top__web .content .box1 .title span {
    display: inline-block;
    background: #D1D2FF;
    border-radius: 7px;
    font-size: 26px;
    line-height: 1.5;
    padding: 3px 12px;
    margin-left: 5px;
    vertical-align: top;
}
.p-top__web .content .box1 dl {
    display: inline-block;
    border: 1px solid #104444;
    border-radius: 6px;
    padding: 2px 8px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.6;
    color: #104444;
    font-weight: bold;
}
.p-top__web .content .box1 dl small {
    font-size: 13px;
    font-weight: bold;
    color: #D20000;
}
.p-top__web .content .box1 dt {
    display: inline;
    margin-right: 6px;
}
.p-top__web .content .box1 dd {
    display: inline-block;
    background: url(../img/icon_hour.svg) no-repeat left center;
    background-size: 17px 16px;
    padding-left: 24px;
}
.p-top__web .content .box1 p {
    font-size: 18px;
    line-height: 1.6;
    margin-top: 20px;
    font-weight: 700;
}
.p-top__web .content .box1 span {
    display: inline-block;
    background: #D1D2FF;
    border-radius: 7px;
    line-height: 1.4;
    padding: 1px 5px;
    margin-left: 3px;
    margin-right: 3px;
}
.p-top__web .content .img1 {margin-right: -137px;}
.p-top__web .content .img1 p {
    max-width: 370px;
    font-weight: 700;
    line-height: 1.6;
}
.p-top__web .content .txt1 {margin-left: 60px;}


.p-top__web .content2 {
    background: url(../img/bg1.png) center top;
    margin-bottom: 60px;
    padding-top: 80px;
    padding-bottom: 80px;
}
/*.p-top__web .content2 .c-wrap {
    display: flex;
    align-items: center;
}*/
.p-top__web .content2 .c-wrap:before,
.p-top__web .content2 .c-wrap:after {display: none;}
.p-top__web .content2 .box1 {
    width: 43.6364%;
    margin-right: 42px;
}
.p-top__web .content2 .box1.w100 {
    width: 100%;
    margin-right: 0;
}
.p-top__web .content2 .box1.w500 {width: 560px;}
.p-top__web .content2 .box1.w500 + .img1 {margin-right: -123px;}
.p-top__web .content2 .box1.w500 p {max-width: 370px;}
.p-top__web .content2 .box1-wrap {
    display: flex;
    align-items: center;
}
.p-top__web .content2 .box1-wrap:before,
.p-top__web .content2 .box1-wrap:after {display: none;}
.p-top__web .content2 .box1-inner {padding-left: 60px;}
.p-top__web .content2 .box1 .title {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1;
}
.p-top__web .content2 .box1 .title small {font-size: 30px;}
.p-top__web .content2 .box1 dl {
    display: inline-block;
    border: 1px solid #104444;
    border-radius: 6px;
    padding: 2px 8px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.6;
    color: #104444;
    font-weight: bold;
}
.p-top__web .content2 .box1 dl small {
    font-size: 13px;
    font-weight: bold;
    color: #D20000;
}
.p-top__web .content2 .box1 dt {
    display: inline;
    margin-right: 6px;
}
.p-top__web .content2 .box1 dd {
    display: inline-block;
    background: url(../img/icon_hour.svg) no-repeat left center;
    background-size: 17px 16px;
    padding-left: 24px;
}
.p-top__web .content2 .box1 dd.noicon {
    background: none;
    padding-left: 0;
}
.p-top__web .content2 .box1 .t {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px;
    margin-top: 12px;
    color: #104444;
}
.p-top__web .content2 .box1 .tag {}
.p-top__web .content2 .box1 .tag li {
    display: inline-block;
    background: #D5EFBA;
    padding: 2px 15px;
    line-height: 1.4;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 700;
    border-radius: 20px;
}
.p-top__web .content2 .box1 p {
    font-size: 18px;
    line-height: 1.6;
    margin-top: 20px;
    font-weight: 700;
    max-width: 380px;
}
.p-top__web .content2 .box1 p.w100 {max-width: initial;}
.p-top__web .content2 .img1 {}
.p-top__web .content2 .img1 p {
/*    max-width: 370px;*/
    font-weight: 700;
    line-height: 1.6;
}
.p-top__web .content2 .content-detail {}
.p-top__web .content2 .content-detail li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 65px;
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: 510px 13px;
}
.p-top__web .content2#web2 .content-detail li {
    background-image: url(../img/web_line1.svg);
}
.p-top__web .content2#web3 .content-detail li {
    background-image: url(../img/web_line2.svg);
}
.p-top__web .content2#web4 .content-detail li {
    background-image: url(../img/web_line3.svg);
}
.p-top__web .content2 .content-detail li:last-child {
    background-image: none !important;
    padding-bottom: 0;
}
.p-top__web .content2 .content-detail li .txt1 {
    width: 53%;
}
.p-top__web .content2 .content-detail li .txt1 .t {
    font-size: 35px;
    line-height: 1.4;
    margin-bottom: 25px;
}
.p-top__web .content2 .content-detail li .txt1 p {
    font-size: 17px;
    line-height: 1.8;
}
.p-top__web .content2 .content-detail li .img1 {
    width: 43%;
    text-align: right;
}


.p-top__web .others {
    background: #FFF9AF;
    padding-top: 62px;
    padding-bottom: 60px;
}
.p-top__web .others .h {
    text-align: center;
    margin-bottom: 55px;
}
.p-top__web .others .body ul {
    display: flex;
    justify-content: space-between;
}
.p-top__web .others .body ul:before,
.p-top__web .others .body ul:after {display: none;}
.p-top__web .others .body li {width: 47.2727%;}
.p-top__web .others .body li .t {
    text-align: center;
    background: #49BCBD;
    color: #fff;
    font-size: 33px;
    letter-spacing: 0.09em;
    line-height: 1.5;
    padding: 7px;
}


/*=======================================
求人検索ボタン
=========================================*/
.l-application {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 999;
}
.l-application a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff100;
    border-radius: 100%;
    color: #333;
    text-align: center;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    text-decoration: none;
    font-weight: 700;
    width: 140px;
    height: 140px;
    transition: .6s ease all;
    box-shadow: 3px 3px 8px rgba(0,0,0,.2);
    position: relative;
    left: 0;
    top: 0;
}
.l-application a:hover {
    opacity: 1;
    background-position: right center;
}
.l-application span {
    display: inline-block;
    background: url(../img/arrow_4.svg) no-repeat center bottom;
    background-size: 8px 20px;
    margin-top: 10px;
    padding-bottom: 24px;
}




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


.p-kv {
/*    padding-top: 0;*/
    padding-top: 20px;
    padding-bottom: 0;
    background-image: url(../img/kv_bg1_sp.jpg);
    background-size: cover;
}
.p-kv .c-wrap {
    padding-left: 5px;
    padding-right: 5px;
}
.p-kv h1 {
/*    margin-top: 20px;*/
    margin-bottom: 30px;
}
.p-kv ul {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
/*    margin-bottom: 30px;*/
    margin-bottom: 15px;
}
.p-kv li {
    width: auto;
    margin-bottom: 15px;
}
.p-kv li:last-child {margin-bottom: 0;}
.p-kv li .anchor {
    font-size: 18px;
    padding: 12px;
}
.p-kv .img1 {
    position: relative;
    margin-left: -5px;
    margin-right: -5px;
}
.p-kv__slider {
    margin-bottom: 40px;
}
.p-kv__slider ul {
    white-space: nowrap;
    overflow: hidden;
}
.p-kv__slider li {
    display: inline;
    vertical-align: top;
}
.p-kv + .btn {
    padding-top: 20px;
    padding-bottom: 30px;
}
.btn {
    padding-top: 30px;
    padding-bottom: 30px;
}

.link-btn {
    margin-top: 20px;
}


.btn1 a {
    font-size: 18px;
}



.p-top__festival {
    padding-top: 40px;
    padding-bottom: 40px;
}
.p-top__festival .img1 {
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 30px;
}


.l-contents {padding: 30px 0;}



.p-top__support {
    padding: 40px 15px 0;
}
.p-top__support .c-wrap {
    padding: 30px 15px;
}
.p-top__support .content {
    margin-bottom: 40px;
}
.p-top__support .content:last-child {
    margin-bottom: 0;
}
.p-top__support .h {
    margin-bottom: 18px;
}
.p-top__support .limited {
    margin-bottom: 10px;
}


.p-top__support .scroll { overflow-x: scroll; margin-bottom: 30px;}
.p-top__support .scroll img { max-width: none;}

.p-top__support .border { font-size: 15px; padding: 10px 0; margin-bottom: 20px;}

.p-top__support .accordion .btns { display: block; cursor: pointer; width: 100%; padding: 19px 0; margin: 0 auto 20px; background: #fff462  url(../img/arrow2.png) no-repeat 70% center; background-size: 17px;}
.p-top__support .accordion .btns p { font-size: 13px; font-weight: 700;line-height: 1;text-align: center;}
.p-top__support .accordion .top.btns.active { display: none; }


.p-top__support .buspref {justify-content: flex-start;display: block;overflow: auto;white-space: nowrap;}
.p-top__support .buspref p {font-size: 13px;padding: 13px 8px 12px;margin-left: 0;margin-right: 2px;/*margin-bottom: 6px;width: calc(100% / 2 - 3px);*/ -webkit-box-sizing: border-box; box-sizing: border-box;line-height: 1.2;/*display: flex;*/align-items: center;display: inline-block;}
.p-top__support .buspref p span {width: 100%;padding-right: 16px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.p-top__support .buspref p:nth-child(2n) {margin-right: 0;}


.p-top__support .bustime { display: block;}
.p-top__support .bustime .bus { width: calc(100% - 20px); margin-bottom: 15px;}
.p-top__support .bustime .bus .dep { font-size: 14px; line-height: 30px;}
.p-top__support .bustime .bus:nth-child(n+15) { margin-bottom: 15px;}
.p-top__support .bustime .bus:last-child { margin-bottom: 0;} 
.p-top__support .bustime .bus .flex { margin-bottom: 5px;}
.p-top__support .bustime .bus .flex dl { width: 100%;}
/*.p-top__support .bustime .bus .flex dl:first-child { margin-bottom: 10px;}*/
.p-top__support .bustime .bus .flex dt,
.p-top__support .bustime .bus .flex dd { padding: 9.5px 0; font-size: 12px; }
.p-top__support .bustime .bus .flex dd.big { padding: 8px 0; text-align: center;}
.p-top__support .bustime .bus .flex dd.big span { display: inline-block; text-align: start; line-height: 2;}
.p-top__support .bustime .bus a { font-size: 10px; padding-bottom: 6px;}
.p-top__support .accordion-body .btns { display: block; background: #fff462  url(../img/arrow3.png) no-repeat 75% center; background-size: 17px; }


.p-top__support .note-wrap,
.p-top__support .benefit-wrap {
    border-radius: 0;
    padding-top: 10px;
}
.p-top__support .bus-wrap {
/*  margin-bottom: -10px;*/
}
.p-top__support .note-wrap {
/*    margin-bottom: -10px;*/
}
.p-top__support .benefit-wrap {
    margin-bottom: 0;
}
.p-top__support .bus-trigger,
.p-top__support .note-trigger,
.p-top__support .benefit-trigger {
    font-size: 15px;
    line-height: 1.2;
    padding: 15px 10px;
}
.p-top__support .bus-trigger span,
.p-top__support .note-trigger span,
.p-top__support .benefit-trigger span {
    padding-left: 20px;
    padding-right: 20px;
}
.p-top__support .note-trigger strong,
.p-top__support .benefit-trigger strong {
    vertical-align: 0;
    margin-top: 8px;
    font-size: 12px;
}
.p-top__support .bus-trigger span:before,
.p-top__support .bus-trigger span:after,
.p-top__support .note-trigger span:before,
.p-top__support .note-trigger span:after,
.p-top__support .benefit-trigger span:before,
.p-top__support .benefit-trigger span:after {
    width: 15px;
    border-top-width: 2px;
}

.p-top__support .note-wrap .note,
.p-top__support .benefit-wrap .benefit {
    font-size: 14px;
    line-height: 160%;
    padding-top: 10px;
}
.p-top__support .note-wrap .note ul,
.p-top__support .benefit-wrap .benefit ul {
    padding-left: 15px;
    padding-right: 15px;
}
.p-top__support .benefit-wrap .benefit li {
    border-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}



.p-top__actual .nav {
    padding-top: 30px;
    padding-bottom: 15px;
}
.p-top__actual .nav ul {}
.p-top__actual .nav li {
    width: 33.3333%;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.p-top__actual .nav li:nth-child(3n) a {
    border-right: 1px solid #104444;
}
.p-top__actual .nav li img {
    width: auto;
    height: 40px;
}
.p-top__actual .nav li p {
    font-size: 12px;
}


.p-top__actual {
    padding-top: 0;
    padding-bottom: 40px;
}
.p-top__actual .heading {
    margin-bottom: 30px;
}
.p-top__actual .timeschedule {
    padding-top: 40px;
    padding-bottom: 40px;
/*    margin-bottom: 40px;*/
}
.p-top__actual .timeschedule .img1 {
    overflow: auto;
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
}
.p-top__actual .timeschedule .img1 img {
    width: 1100px;
    max-width: initial;
    margin-left: 20px;
    margin-right: 20px;
}

.p-top__actual .content {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.p-top__actual .content .icon {
    margin-bottom: 10px;
}
.p-top__actual .content .icon img {
    width: 80px;
}
.p-top__actual .content .box1 {
    width: auto;
    margin-right: 0;
}
.p-top__actual .content .box1-inner {
    padding-left: 0;
}
.p-top__actual .content .box1 .title {
    background: transparent;
    border: 0;
    padding: 0;
    font-size: 30px;
    margin-bottom: 15px;
}
.p-top__actual .content .box1 .title small {
    font-size: 20px;
}
.p-top__actual .content .box1 dl.lh {
    line-height: 1.1;
    padding-top: 3px;
    margin-bottom: 5px;
}
.p-top__actual .content .box1 p {
    font-size: 16px;
    max-width: initial;
    margin-top: 10px;
}
.p-top__actual .content .box1-wrap {
    display: block;
}
.p-top__actual .content .box1 .tag li {
    margin-right: 5px;
    margin-bottom: 5px;
}
.p-top__actual .content .txt1 {
    margin-left: 0;
    margin-top: 20px;
}
.p-top__actual .content .img1 {
    margin-top: 20px;
}
.p-top__actual .content#actual4 .img1 {
    margin-right: 0;
}
.p-top__actual .content .box1.w500 + .img1 {
    margin-right: 0;
}
.p-top__actual .content .dept {
    padding-left: 0;
    margin-top: 20px;
}
.p-top__actual .content .dept ul {}
.p-top__actual .content .dept li {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 10px;
    padding: 15px 10px 12px;
}
.p-top__actual .content .dept li:nth-child(2n+1) {
    margin-left: 0;
}
.p-top__actual .content .dept li .d {
    font-size: 18px;
    margin-bottom: 12px;
    position: relative;
    margin-left: -5px;
    margin-right: -5px;
}
.p-top__actual .content .dept li.at .d {
    font-size: 15px;
}
.p-top__actual .content .dept li p {
    font-size: 14px;
}
.p-top__actual .content .dept li p.h {
    padding: 6px 0;
    font-size: 14px;
}

.p-top__actual .walk {
    padding: 30px 20px;
    margin-left: 20px;
    margin-right: 20px;
}
.p-top__actual .walk .t {
    margin-bottom: 30px;
}
.p-top__actual .walk ul {
    display: block;
}
.p-top__actual .walk li {
    width: auto;
    margin-left: 0;
}
.p-top__actual .walk .lead {
    font-size: 14px;
    line-height: 1.2;
    background-image: url(../img/title1_bg1_sp.svg);
    background-size: cover;
}


.p-top__web {
    padding-top: 60px;
}
.p-top__web .heading {
    margin-bottom: 40px;
}
.p-top__web .heading .h {
    margin-bottom: 40px;
}
.p-top__web .heading .lead {
    font-size: 20px;
    padding: 11px;
    background-image: url(../img/web_title1_icon1_sp.svg);
    background-size: cover;
}
.p-top__web .heading .lead span:before {
    width: 43px;
    height: 59px;
    left: -50px;
}
.p-top__web .heading .lead span:after {
    width: 73px;
    height: 56px;
    right: -83px;
}

.p-top__web .nav {
    padding-left: 20px;
    padding-right: 20px;
}
.p-top__web .nav li {
    width: 33.3333%;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.p-top__web .nav li img {
    width: auto;
    height: 40px;
}
.p-top__web .nav li p {
    font-size: 12px;
}

.p-top__web .content {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.p-top__web .content .c-wrap {
    display: block;
}
.p-top__web .content .icon {
    margin-bottom: 10px;
}
.p-top__web .content .icon img {
    width: 80px;
}
.p-top__web .content .box1 {
    width: auto;
    margin-right: 0;
}
.p-top__web .content .box1-inner {
    padding-left: 0;
}
.p-top__web .content .box1 .title {
    background-color: transparent;
    border: 0;
    padding: 0;
    padding-bottom: 15px;
    font-size: 28px;
    margin-bottom: 15px;
}
.p-top__web .content#web1 .box1 .title {
    background-size: 280px 13px;
}
.p-top__web .content#web2 .box1 .title {
    background-size: 320px 13px;
}
.p-top__web .content .box1 .title small {
    font-size: 20px;
}
.p-top__web .content .box1 .title span {
    font-size: 20px;
    padding: 2px 10px;
    margin-left: 8px;
}
.p-top__web .content .box1 p {
    font-size: 16px;
    max-width: initial;
    margin-top: 10px;
}
.p-top__web .content .box1-wrap {
    display: block;
}
.p-top__web .content .box1 .tag li {
    margin-right: 5px;
    margin-bottom: 5px;
}
.p-top__web .content .txt1 {
    margin-left: 0;
    margin-top: 20px;
}
.p-top__web .content .img1 {
    margin-top: 20px;
    margin-right: 0;
}


.p-top__web .content2 {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.p-top__web .content2 .icon {
    margin-bottom: 10px;
}
.p-top__web .content2 .icon img {
    width: 80px;
}
.p-top__web .content2 .box1 {
    width: auto;
    margin-right: 0;
}
.p-top__web .content2 .box1-inner {
    padding-left: 0;
}
.p-top__web .content2 .box1 .title {
    background: transparent;
    border: 0;
    padding: 0;
    font-size: 30px;
    margin-bottom: 15px;
}
.p-top__web .content2 .box1 .title small {
    font-size: 20px;
}
.p-top__web .content2 .box1 dl.lh {
    line-height: 1.1;
    padding-top: 3px;
    margin-bottom: 5px;
}
.p-top__web .content2 .box1 p {
    font-size: 16px;
    max-width: initial;
    margin-top: 10px;
}
.p-top__web .content2 .box1-wrap {
    display: block;
}
.p-top__web .content2 .box1 .tag li {
    margin-right: 5px;
    margin-bottom: 5px;
}
.p-top__web .content2 .txt1 {
    margin-left: 0;
    margin-top: 20px;
}
.p-top__web .content2 .img1 {
    margin-top: 20px;
}
.p-top__web .content2#actual4 .img1 {
    margin-right: 0;
}
.p-top__web .content2 .box1.w500 + .img1 {
    margin-right: 0;
}

.p-top__web .content2 .content-detail li {
    display: block;
    padding-top: 15px;
    padding-bottom: 35px;
    background-size: auto 8px;
}
.p-top__web .content2 .content-detail li .txt1 {
    width: auto;
    margin-bottom: 20px;
}
.p-top__web .content2 .content-detail li .txt1 .t {
    font-size: 23px;
    margin-bottom: 15px;
}
.p-top__web .content2 .content-detail li .txt1 p {
    font-size: 15px;
    line-height: 1.6;
}
.p-top__web .content2 .content-detail li .img1 {
    width: auto;
}


.p-top__web .others {
    padding-top: 30px;
    padding-bottom: 30px;
}
.p-top__web .others .h {
    margin-bottom: 30px;
}
.p-top__web .others .body ul {
    display: block;
}
.p-top__web .others .body li {
    width: auto;
    margin-bottom: 35px;
}
.p-top__web .others .body li .t {
    font-size: 22px;
}



.l-application {
    right: 0;
    bottom: 70px;
    width: 100%;
}
.l-application a {
    width: 100%;
    height: 50px;
    font-size: 18px;
    box-shadow: none;
    border-radius: 0;
}
.l-application span {
    background-size: 8px 20px;
    background-position: right center;
/*    padding-top: 0;*/
    padding-bottom: 0;
    padding-right: 25px;
    margin-top: 0;
}


.l-footer {
    padding-bottom: 120px !important;
}





}
