@charset "utf-8";
/* CSS Document */

/*--------------------------------------
　Main Index
---------------------------------------*/


/*キービジュアル*/

#keyOut {
    position: relative;
    max-height: 100rem;
    margin: 0 auto 10rem;
}

#keyOut .mainTxt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#keyOut .mainTxt .logo {
    width: 24rem;
    margin: 0 auto 2rem;
    position: relative;
    z-index: 2;
}

#keyOut .mainTxt .keyTxt {
    font-size: 2.4rem;
    color: #FFF;
    text-align: center;
    line-height: 4.6rem;
    font-weight: 400;
    letter-spacing: 0.3rem;
    position: relative;
    z-index: 2;
}

.keyArea_idx {
    margin: 0 auto;
    position: relative;
}

.keyArea_idx:before {
    content: "";
    position: absolute;
    background: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.keyArea_idx .slick-arrow {
    display: none !important;
}

.keyArea_idx .slideArea_idx .slide-img {
    max-height: 100rem;
    overflow: hidden;
}

.keyArea_idx .slideArea_idx .slide-img img {
    object-fit: cover;
    width: 100%;
}

/*オープンテキスト*/
.openTxt {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: 0.1rem;
    margin: 0 auto 10rem;
    color: #b74357;
}


/*共通*/
#index .sec {
    margin: 0 auto 16rem;
    position: relative;
}

#index .sec .titArea_h2 {
    text-align: center;
    position: relative;
    padding: 0 5rem;
    margin: 0 auto 8rem;
}

#index .sec .titArea_h2 .idxh2 {
    font-size: 2rem;
    font-weight: 400;
    padding: 0 0 3rem 0;
    margin: 0 auto 5rem;
    position: relative;
}

#index .sec .titArea_h2 .idxh2:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 4rem);
    background: #537e4a;
    width: 4rem;
    height: .3rem;
}

#index .sec .titArea_h2 .idxh2:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: calc(50% - 4rem);
    background: #efdebb;
    width: 4rem;
    height: .3rem;
}

#index .sec .titArea_h2 .enTit {
    /* height: 3rem; */
    /* width: auto; */
    margin: 0 auto 2rem;
}

#index .sec .titArea_h2 .enTit img {
    /* height: 100%; */
    /* width: 100%; */
}

#index .sec .titArea_h2 p {
    padding: 0 10rem;
}

#index .sec:last-child {
    margin: 0 auto;
}

#contents .captionWrap {
    overflow: hidden;
    white-space: nowrap;
}

#contents .captionWrap .caption {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    /*height: calc(100% + 18px);*/
    /*overflow-x: scroll;*/
}

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

.caption::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #ddd;
}

.caption::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #eee;
}

#contents {
    overflow: hidden;
}

a:hover {
    opacity: 0.7;
}

/* Firefox */
@-moz-document url-prefix() {}

#index .titArea_h2 .idxh2 a:hover {
    opacity: 0.7;
}


/*各セクション*/

.idxCatch_area {
    max-width: 85rem;
    margin: 0 auto 12rem;
}

/*プレ*/
.pre_area {
    max-width: 110rem;
    margin: 0 auto 10rem;
}
.pre_area .fc_blue,
.pre_area .fc_red {
    font-weight: 700;
    font-size: 1.8rem;
}
.pre_area .sTit_area {
    margin: 0 0 1rem 0;
}
.pre_area .sTit_area .sTit {
    font-size: 1.8rem;
    font-weight: 700;
    position: relative;
    padding: 0 0 0 2rem;
}
.pre_area .sTit_area .sTit:before {
    content: "";
    position: absolute;
    background: #537e4a;
    width: .6rem;
    height: 1.2rem;
    top: calc(50% - .6rem);
    left: 0;
}
.pre_area .sTit_area .sTit:after {
    content: "";
    position: absolute;
    background: #efdebb;
    width: .6rem;
    height: 1.2rem;
    top: calc(50% - .6rem);
    left: .6rem;
}

.pre_area .listCont {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.pre_area .listCont li {
    margin: 0 0 0 1.5rem;
    font-size: 1.5rem;
}
.pre_area .fc_blue {
    color: #36cde0;
}
.pre_area .fc_red {
    color: #e03e36;
}
.pre_area table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

.pre_area th, td {
  border: 1px solid #ccc;
  padding: 8px;
}

.pre_area thead th {
  background-color: #f5f5f5;
}

.pre_area td:contains("休み") {
  background-color: #fce4e4;
}



/*sec01_cont*/
#index #sec01_cont .dtlArea {
    margin: 0 auto 6rem;
}

#index #sec01_cont .dtlArea .sBlock {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#index #sec01_cont .dtlArea .sBlock .txtArea,
#index #sec01_cont .dtlArea .sBlock .ph {
    width: 50%;
}

#index #sec01_cont .dtlArea .sBlock .txtArea {
    padding: 10rem 4rem;
    position: relative;
}

#index #sec01_cont .dtlArea .sBlock .txtArea p {
    margin: 0;
}

#index #sec01_cont .dtlArea .sBlock .txtArea .enTit {
    position: absolute;
    top: 0;
    left: 4rem;
    width: auto;
    height: 5.8rem;
}

#index #sec01_cont .dtlArea .sBlock .txtArea .enTit img {
    width: 100%;
    height: 100%;
}

#index #sec01_cont .dtlArea .sBlock .ph img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#index #sec01_cont .dtlArea .sBlock:nth-child(even) .txtArea {
    order: 2;
}

#index #sec01_cont .dtlArea .sBlock:nth-child(even) .ph {
    order: 1;
}


/*sec02_cont*/

#sec02_cont {
    margin: 15rem auto 10rem;
}

#sec02_cont .inner {
    position: relative;
}

#sec02_cont .slide-img {
    width: 40rem;
    position: relative;
    overflow: hidden;
    margin: 0 2rem;
}

#sec02_cont .slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s;
}

#sec02_cont .slide-img img:hover {
    transform: scale(1.1, 1.1);
}

#sec02_cont .slide_com {
    margin: 0 auto 6rem;
}

#sec02_cont .slick-arrow {
    width: 5rem;
    height: 5rem;
    position: absolute;
    top: calc(50% - 2.5rem);
    z-index: 2;
}

#sec02_cont .slick-arrow:hover {
    opacity: 0.7;
    cursor: pointer;
}

#sec02_cont .slick-arrow.prev {
    background: rgba(0, 0, 0, 0.6);
    left: 10%;
}

#sec02_cont .slick-arrow.prev:before {
    content: "";
    border-top: .2rem solid #FFF;
    border-left: .2rem solid #FFF;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 1.8rem;
    left: 2.2rem;
    display: block;
    transform: rotate(-45deg);
}

#sec02_cont .slick-arrow.next {
    background: rgba(0, 0, 0, 0.6);
    right: 10%;
}

#sec02_cont .slick-arrow.next:before {
    content: "";
    border-top: .2rem solid #FFF;
    border-right: .2rem solid #FFF;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 1.8rem;
    right: 2.2rem;
    display: block;
    transform: rotate(45deg);
}


/* ポップアップオーバーレイ */
#sec02_cont #popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    /* 黒の透過 */
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#sec02_cont #popup-overlay img {
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

#sec02_cont #popup-close {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 3rem;
    color: #fff;
    cursor: pointer;
}


/*sec03_cont*/

#index #sec03_cont {
    display: none;
    background: url(../img/top/bgimg_cont03.png) 50% 0 no-repeat;
    background-size: cover;
    padding: 10rem 0;
}

#index #sec03_cont .idxh2,
#index #sec03_cont .titArea_h2 p {
    color: #FFF;
}

#index #sec03_cont .titArea_h2 {
    margin: 0 auto 6rem;
}

#index #sec03_cont .calendarArea {
    margin: 0 auto 6rem;
    background: #FFF;
    padding: 5rem;
}

/* My Calendarの自動生成h2タイトルを非表示 */
#index #sec03_cont .calendarArea h2 {
    display: none;
}

#mc-modal .sharing {
  display: none;
}

#index #sec03_cont .mc-main .mc-date-switcher select:first-of-type,
#index #sec03_cont .mc-main .mc-search-form input[type="text"],
#index #sec03_cont .mc-main .mc_filters select {
  border-radius: 0;
}
#index #sec03_cont .mc-main .mc-date-switcher .button,
#index #sec03_cont .mc-main .mc-search-form .button,
#index #sec03_cont .mc-main .mc_filters .button {
  border-radius: 0;
  position: relative;
  border-left-width: 0;
  color: var(--nav-button-color);
  background: var(--nav-button-bg);
  border-color: var(--nav-button-border);
  line-height: 1.62;
  word-break: normal;
}


#index #sec03_cont .mc-main .my-calendar-navigation select:focus,
#index #sec03_cont .mc-main .my-calendar-navigation select:hover,
#index #sec03_cont .mc-main .my-calendar-navigation input:hover,
#index #sec03_cont .mc-main .my-calendar-navigation input:focus,
#index #sec03_cont .mc-main .my-calendar-navigation button:hover,
#index #sec03_cont .mc-main .my-calendar-navigation button:focus,
#index #sec03_cont .mc-main .my-calendar-navigation a:hover,
#index #sec03_cont .mc-main .my-calendar-navigation a:focus {
	outline: inherit;
	outline-offset: inherit;
	border-radius: 0;
}

#index #sec03_cont .mc-main .my-calendar-navigation select,
#index #sec03_cont .mc-main .my-calendar-navigation input[type=text],
#index #sec03_cont .mc-main .my-calendar-navigation input[type=submit],
#index #sec03_cont .mc-main .my-calendar-navigation button {
    padding: 4px 30px 4px 10px;
	margin: 0;
	font-size: var(--navigation-controls);
	border: 1px solid #ddd;
	background-color: var(--nav-input-background);
	color: var(--nav-input-color);
	-webkit-appearance: none;
	appearance: none;
	line-height: 1.62;
	height: auto;
}
#index #sec03_cont .mc-main .my-calendar-navigation input[type=text],
#index #sec03_cont .mc-main .my-calendar-navigation input[type=submit],
#index #sec03_cont .mc-main .my-calendar-navigation button {
    padding: 4px 10px 4px 10px;
    background: #537e4a;
  color: #FFF;
  text-align: center;
}

#index #sec03_cont .mc-main.my-calendar .heading,
#index #sec03_cont .mc-main.my-calendar .my-calendar-header,
#index #sec03_cont .mc-main.my-calendar .my-calendar-footer,
#index #sec03_cont .mc-main.my-calendar .calendar-event .details,
#index #sec03_cont .mc-main.my-calendar .calendar-events {
  background: none;
  padding: 0;
  margin: 0;
}
#index #sec03_cont .mc-main.my-calendar .heading,
#index #sec03_cont .mc-main.my-calendar .my-calendar-header,
#index #sec03_cont .my-calendar-footer,
#index #sec03_cont .mc-main.my-calendar .my-calendar-nav li a:hover {
  border: none;
}
#index #sec03_cont .mc-main.my-calendar .weekend .mc-date {
  background: #ffe6ea;
  color: #333;
}
#index #sec03_cont .mc-main td {
  border: 1px solid var(--grid-cell-border);
  background: #FFF;
  padding: 0 !important;
  height: 6em;
  vertical-align: top;
}
#index #sec03_cont .mc-main .has-events .mc-date {
  background: #bbb;
}
#index #sec03_cont .mc-main .current-day:not(.day .current-day,
#index #sec03_cont .list .current-day) {
  outline: 2px solid #ccc;
  background: #FFF;
  color: var(--current-day-color);
  outline-offset: -2px;
}
#index #sec03_cont .mc-main thead {
  border-bottom: 1px solid var(--grid-cell-border);
}
#index #sec03_cont .mc-main th {
  line-height: 1.5;
  text-align: center;
  padding: 10px 0;
}
#index #sec03_cont .mc-main .mc-date {
  text-align: center;
}




/*sec04_cont*/

#sec04_cont .slide-img {
    width: 40rem;
    position: relative;
    overflow: hidden;
    margin: 0 2rem;
}

#sec04_cont .slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s;
}

#sec04_cont .slide-img img:hover {
    transform: scale(1.1, 1.1);
}

#sec04_cont .slide_com {
    margin: 0 auto 6rem;
}

#sec04_cont .slick-arrow {
    width: 5rem;
    height: 5rem;
    position: absolute;
    top: calc(50% - 2.5rem);
    z-index: 2;
}

#sec04_cont .slick-arrow:hover {
    opacity: 0.7;
    cursor: pointer;
}

#sec04_cont .slick-arrow.prev {
    background: rgba(0, 0, 0, 0.6);
    left: 10%;
}

#sec04_cont .slick-arrow.prev:before {
    content: "";
    border-top: .2rem solid #FFF;
    border-left: .2rem solid #FFF;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 1.8rem;
    left: 2.2rem;
    display: block;
    transform: rotate(-45deg);
}

#sec04_cont .slick-arrow.next {
    background: rgba(0, 0, 0, 0.6);
    right: 10%;
}

#sec04_cont .slick-arrow.next:before {
    content: "";
    border-top: .2rem solid #FFF;
    border-right: .2rem solid #FFF;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 1.8rem;
    right: 2.2rem;
    display: block;
    transform: rotate(45deg);
}


/* ポップアップオーバーレイ */
#sec04_cont #popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    /* 黒の透過 */
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#sec04_cont #popup-overlay img {
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

#sec04_cont #popup-close {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 3rem;
    color: #fff;
    cursor: pointer;
}


/*sec05_cont*/

#index #sec05_cont .dtlArea {
    background: #faf7f1;
    padding: 0 0 6rem 0;
}

#index #sec05_cont .map {
    height: 50rem;
    margin: 0 auto 6rem;
}

#index #sec05_cont .map iframe {
    width: 100%;
    height: 100%;
}

#index #sec05_cont .addBox {
    background: #FFF;
    padding: 4rem 5rem;
    /* width: 55%; */
    max-width: 50rem;
    margin: 0 auto;
    border-radius: 1rem;
}

#index #sec05_cont .addBox p {
    text-align: center;
}

#index #sec05_cont ul {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
}

#index #sec05_cont ul li {
    /* width: 50%; */
    padding: .5rem 0;
}

#index #sec05_cont ul li span {
    width: 9rem;
    display: inline-block;
    line-height: 2rem;
    text-align: center;
    background: #f1f1f1;
    padding: .4rem 0 .6rem 0;
    margin: 0 1rem 0 0;
}



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

    p {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 0 0 1rem 0;
    }

    .wi1000,
    .wi1100,
    .wi1200 {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    /* Chrome Edge Opera */
    @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {}

    /* Firefox */
    @-moz-document url-prefix() {}

    #index .sec {
        margin: 0 auto 5rem;
    }



    /*共通*/
    #index .sec {
    margin: 0 auto 6rem;
    }

    #index .sec .titArea_h2 {
        padding: 0 1.5rem;
        margin: 0 auto 4rem;
    }

    #index .sec .titArea_h2 .idxh2 {
        font-size: 1.6rem;
        font-weight: 400;
        padding: 0 0 1.5rem 0;
        margin: 0 auto 2.5rem;
        position: relative;
    }

    #index .sec .titArea_h2 .idxh2:before {
        left: calc(50% - 3rem);
        width: 3rem;
    }

    #index .sec .titArea_h2 .idxh2:after {
        right: calc(50% - 3rem);
        width: 3rem;
    }

    #index .sec .titArea_h2 .enTit {
        margin: 0 auto .8rem;
    }

    #index .sec .titArea_h2 .enTit img {
        transform: scale(0.73);
    }

    #index .sec .titArea_h2 p {
        padding: 0;
        text-align: left;
    }

    #index .sec:last-child {
        margin: 0 auto;
    }


    /*各セクション*/

    /*キービジュアル*/

    #keyOut {
        max-height: inherit;
        margin: 0 auto 8rem;
    }
    #keyOut .mainTxt {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 1.5rem;
    }

    #keyOut .mainTxt .logo {
        /* width: 8rem; */
        width: 14rem;
        margin: 0 auto 1.5rem;
    }

    #keyOut .mainTxt .keyTxt {
        font-size: 1.6rem;
        color: #FFF;
        line-height: 3rem;
        font-weight: 400;
        letter-spacing: 0.3rem;
        text-align: center;
    }

    .keyArea_idx {
        width: 100%;
        height: 42rem;
    }

    .keyArea_idx .slideArea_idx .slide-img {
        height: 42rem;
    }

    .keyArea_idx .slideArea_idx .slide-img img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .keyArea_idx .slick-arrow {
        display: none !important;
    }

    .idxCatch_area {
        margin: 0 auto 5rem;
        width: calc(100% - 3rem);
    }


    /*オープンテキスト*/
    .openTxt {
        font-size: 2rem;
        margin: 0 auto 6rem;
        line-height: 3rem;
    }

    /*プレ*/
    .pre_area {
        max-width: calc(100% - 3rem);
        margin: 0 auto 6rem;
    }
    .pre_area .fc_blue,
    .pre_area .fc_red {
        font-size: 1.6rem;
    }
    .pre_area .sTit_area {
        display: block;
        margin: 0 0 1rem 0;
    }
    .pre_area .sTit_area .sTit {
        display: block;
        font-size: 1.6rem;
        line-height: 2.6rem;
        padding: 0 0 0 2rem;
    }

    .pre_area .sTit_area ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .pre_area .sTit_area ul li {
        margin: 0 0 0 1.5rem;
        font-size: 1.4rem;
    }
    .pre_area table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    }

    .pre_area th {
        font-size: 1.3rem;
    }
    .pre_area th, td {
    border: 1px solid #ccc;
    padding: 8px 4px;
    line-height: 2.4rem;
    }



    /*sec01_cont*/
    #index #sec01_cont .dtlArea {
        margin: 0 auto 4rem;
    }

    #index #sec01_cont .dtlArea .sBlock {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #index #sec01_cont .dtlArea .sBlock .txtArea,
    #index #sec01_cont .dtlArea .sBlock .ph {
        width: 100%;
    }

    #index #sec01_cont .dtlArea .sBlock .txtArea {
        padding: 3rem 1.5rem;
        position: relative;
    }

    #index #sec01_cont .dtlArea .sBlock .txtArea p {
        margin: 0;
        position: relative;
    }

    #index #sec01_cont .dtlArea .sBlock .txtArea .enTit {
        position: absolute;
        top: 0;
        left: 1.5rem;
        width: auto;
        height: 5.8rem;
    }

    #index #sec01_cont .dtlArea .sBlock .txtArea .enTit img {
        width: 100%;
        height: 100%;
    }

    #index #sec01_cont .dtlArea .sBlock .ph img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #index #sec01_cont .dtlArea .sBlock:nth-child(odd) .txtArea,
    #index #sec01_cont .dtlArea .sBlock:nth-child(even) .txtArea {
        order: 2;
    }

    #index #sec01_cont .dtlArea .sBlock:nth-child(odd) .ph,
    #index #sec01_cont .dtlArea .sBlock:nth-child(even) .ph {
        order: 1;
    }

    /*sec02_cont*/
    #sec02_cont {
        margin: 6rem auto 6rem;
        overflow: hidden;
    }

    #sec02_cont .slide_com {
        margin: 0 auto 4rem;
    }

    #sec02_cont .slide-img {
        width: 30rem;
        position: relative;
        overflow: hidden;
        margin: 0 1rem;
    }

    #sec02_cont .slick-arrow {
        display: none !important;
        width: 4rem;
        height: 4rem;
        position: absolute;
        top: 0;
    }

    #sec02_cont .slick-arrow:hover {
        opacity: 0.7;
    }

    #sec02_cont .slick-arrow.prev {
        background: url(img/arr_slide_prev.png) 50% 50% no-repeat;
        background-size: cover;
        left: calc(50% - 2rem - 3rem);
    }

    #sec02_cont .slick-arrow.next {
        background: url(img/arr_slide_next.png) 50% 50% no-repeat;
        background-size: cover;
        right: calc(50% - 2rem - 3rem);
    }

    #sec02_cont .btn-internal {
        width: 82%;
    }



    /*sec03_cont*/

    #index #sec03_cont {
        padding: 6rem 0;
    }

    #index #sec03_cont .idxh2,
    #index #sec03_cont .titArea_h2 p {
        color: #FFF;
    }

    #index #sec03_cont .titArea_h2 {
        margin: 0 auto 4rem;
    }

    #index #sec03_cont .dtlArea {
        padding: 0 1.5rem;
    }

    #index #sec03_cont .calendarArea {
        margin: 0 auto 3rem;
        background: #FFF;
        padding: 1.5rem;
    }



    /*sec04_cont*/
    #sec04_cont {
    }

    #sec04_cont .slide_com {
        margin: 0 auto;
    }

    #sec04_cont .slide-img {
        width: 30rem;
        position: relative;
        overflow: hidden;
        margin: 0 1rem;
    }

    #sec04_cont .slick-arrow {
        display: none !important;
        width: 4rem;
        height: 4rem;
        position: absolute;
        top: 0;
    }



    /*sec05_cont*/

    #index #sec05_cont .dtlArea {
        padding: 0 0 4rem 0;
    }

    #index #sec05_cont .map {
        height: 30rem;
        margin: 0 auto 3rem;
    }

    #index #sec05_cont .map iframe {
        width: 100%;
        height: 100%;
    }

    #index #sec05_cont .addBox p {
        text-align: left;
    }
    #index #sec05_cont .addBox {
        padding: 2rem 1.5rem;
        max-width: calc(100% - 3rem);
        margin: 0 auto;
    }

    #index #sec05_cont ul li {
        font-size: 1.2rem;
        padding: .5rem 0;
    }

    #index #sec05_cont ul li span {
        width: 8rem;
        display: inline-block;
        line-height: 2rem;
        text-align: center;
        background: #f1f1f1;
        padding: .4rem 0 .6rem 0;
        margin: 0 1rem 0 0;
    }






}