:root {
    --brown: #43220b;
    --pink: #f67e94;
    --orange: #ff7e00;
    --blue: #25b1e2;
    --green: #63bf00;
}

.contentsWrap {
    position: relative;
    min-width: 1024px;
    line-height: 1.5;
}

.contentsWrap .parallaxContents {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

.contentsWrap .parallaxContents__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    overflow: hidden;
    box-sizing: border-box;
    background: #fffbf2;
}

.contentsWrap .parallaxContents__backgroundImage {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    min-width: 2000px;
    height: auto;
}

.contentsWrap .parallaxContents__main {
    display: flex;
    column-gap: 20px;
    width: 960px;
    margin: 0 auto;
    box-sizing: border-box;
}

.contentsWrap .parallaxContents__fixedArea {
    width: 300px;
    position: relative;
    box-sizing: border-box;
}

.contentsWrap .parallaxContents__fixedContents {
    width: 300px;
    position: absolute;
    top: 0;
    box-sizing: border-box;
}

.contentsWrap .parallaxContents__fixedContentsInner {
    background: #fff;
    width: 100%;
    padding: 15px 0;
    box-shadow: 0px 0px 10px 10px rgba(26, 16, 7, 0.04);
    text-align: center;
}

.contentsWrap .parallaxContents__scrollArea {
    width: 640px;
    position: relative;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px 10px rgba(26, 16, 7, 0.04);
}

.contentsWrap .otherContents {
    position: relative;
    background: #fff;
}

/*header*/
.contentsWrap .header__title {
    padding: 0 0 11px;
}

.contentsWrap .header__buttonTitle {
    padding: 15px 0 0;
}

.contentsWrap .header__button {
    padding: 9px 0 0;
}

/*navigation*/
.contentsWrap .navigation {
    padding: 21px 0 0;
    text-align: left;
}

.contentsWrap .navigation__item {
    border-bottom: 1px solid #e9dacb;
}

.contentsWrap .navigation__item a {
    display: block;
    padding: 16px 15px;
    font-size: 16px;
    font-weight: bold;
}

.contentsWrap .navigation__item:first-of-type {
    border-top: 1px solid #e9dacb;
}

.contentsWrap .font--pink a {
    color: var(--pink);
    background: url('https://r.r10s.jp/evt/event/mc/kosodate/shiga/_pc/img/20250617/nav_arw_01.png') no-repeat center right 14px;
}
.contentsWrap .font--orange a {
    color: var(--orange);
    background: url('https://r.r10s.jp/evt/event/mc/kosodate/shiga/_pc/img/20250617/nav_arw_02.png') no-repeat center right 14px;
}
.contentsWrap .font--blue a {
    color: var(--blue);
    background: url('https://r.r10s.jp/evt/event/mc/kosodate/shiga/_pc/img/20250617/nav_arw_03.png') no-repeat center right 14px;
}
.contentsWrap .font--green a {
    color: var(--green);
    background: url('https://r.r10s.jp/evt/event/mc/kosodate/shiga/_pc/img/20250617/nav_arw_04.png') no-repeat center right 14px;
}

/*mainContents*/
.contentsWrap .mainContents__notice {
    padding: 18px 30px 21px;
    background: var(--brown);
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}

/*contents01*/
.contentsWrap .contents01 {
    padding: 0 0 115px;
}

.contentsWrap .contents01__title {
    padding: 56px 0 38px;
    font-size: 40px;
    color: #f7607d;
    font-weight: bold;
    text-align: center;
    background: url('https://r.r10s.jp/evt/event/mc/kosodate/shiga/_pc/img/20250617/sec01_bg_flower.png') no-repeat;
}

.contentsWrap .contents01__leadText {
    text-align: center;
}

.contentsWrap .contents01__text {
    padding: 60px 0 0;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: var(--brown);
}

.contentsWrap .contents01__navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 119px 29px 0;
}

.contentsWrap .contents01__navigationBox {
    padding: 0 0 83px;
}

.contentsWrap .contents01__navigationBox:last-of-type,
.contentsWrap .contents01__navigationBox:nth-last-child(2) {
    padding: 0;
}

.contentsWrap .contents01__navigationItem {
    display: table;
    width: 285px;
    height: 341px;
    padding: 0 0 15px;
    position: relative;
    border-radius: 16px;
    box-sizing: border-box;
    text-align: center;
}

.contentsWrap .contents01__navigationBox:nth-of-type(1) .contents01__navigationImage {
    padding: 47px 0 0;
}

.contentsWrap .contents01__navigationBox:nth-of-type(2) .contents01__navigationImage {
    padding: 71px 0 0;
}

.contentsWrap .contents01__navigationBox:nth-of-type(3) .contents01__navigationImage {
    padding: 60px 0 0;
}

.contentsWrap .contents01__navigationBox:nth-of-type(4) .contents01__navigationImage {
    padding: 66px 0 0;
}

.contentsWrap .contents01__navigationImage {
    box-sizing: content-box;
}

.contentsWrap .contents01__navigationText {
    vertical-align: bottom;
    display: table-row;
    font-size: 22px;
    font-weight: bold;
    line-height: 28px;
    color: var(--brown);
}

.contentsWrap .border--pink {
    border: 4px solid var(--pink);
}

.contentsWrap .border--orange {
    border: 4px solid var(--orange);
}

.contentsWrap .border--blue {
    border: 4px solid var(--blue);
}

.contentsWrap .border--green {
    border: 4px solid var(--green);
}

.contentsWrap .contents01__navigationIcon {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-70px);
}

.contentsWrap .contents01__notice {
    padding: 18px 30px 0;
    font-size: 22px;
    color: var(--brown);
}

/*conversion*/
.contentsWrap .conversion {
    padding: 0 0 80px;
    background: #fffde5;
}

.contentsWrap .conversion__title {
    padding-top: 58px;
    text-align: center;
}

.conversion__button {
    padding: 18px 0 0 0;
    text-align: center;
}

.contentsWrap .conversion__notice {
    padding: 37px 30px 0;
    font-size: 22px;
    color: var(--brown);
}

.contentsWrap .conversion__anchor {
    padding: 20px 0 0;
    font-size: 13px;
    text-decoration: underline;
    color: #0783c2;
    text-align: center;
}

/*contents02*/
.contentsWrap .contents02 {
    padding: 0 0 116px;
}
.contentsWrap .contents02__title {
    padding: 55px 0 21px;
    background: url('https://r.r10s.jp/evt/event/mc/kosodate/shiga/_pc/img/20250617/underline_title.png') no-repeat bottom center;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #f7607d;
}

.contentsWrap .contents02__leadText {
    padding: 42px 0 0;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    color: var(--brown);
}

.contentsWrap .contents02__text {
    padding: 55px 30px 0;
    font-size: 22px;
    color: var(--brown);
    text-align: center;
}

.contentsWrap .contents02__notice {
    padding: 55px 30px 33px;
    font-size: 22px;
    color: var(--brown);
}

.contentsWrap .contents02__stepTitle {
    padding: 33px 0 0;
    text-align: center;
}

.contentsWrap .contents02__stepList {
    padding: 63px 30px 0;
}

.contentsWrap .contents02__step {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 0 44px;
    padding: 0 0 73px;
    background: url('https://r.r10s.jp/evt/event/mc/kosodate/shiga/_pc/img/20250617/sec2_arw.png') no-repeat bottom center;
}

.contentsWrap .contents02__step:last-of-type {
    margin: 0;
    padding: 0;
    background: none;
}

.contentsWrap .contents02__stepImage {
    width: 50%;
}

.contentsWrap .contents02__stepText {
    width: 50%;
}

.contentsWrap .contents02__step:nth-of-type(2) .contents02__stepImage img {
    padding: 0 0 0 14px;
}

.contentsWrap .contents02__step:nth-of-type(3) .contents02__stepImage img {
    padding: 0 0 0 38px;
}

.contentsWrap .contents02__stepImage img {
    box-sizing: content-box;
}

.contentsWrap .contents02__stepDescription {
    padding: 28px 0 0;
    font-size: 24px;
    color: var(--brown);
}

.contentsWrap .contents02__stepNotice {
    font-size: 22px;
    color: var(--brown);
}

/*contents03*/
.contentsWrap .contents03 {
    background: #fef0f0;
    padding: 0 0 113px;
}

.contentsWrap .contents03__title {
    padding: 50px 0 0;
    text-align: center;
}

.contentsWrap .contents03__leadText {
    padding: 20px 0 0;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: var(--brown);
}

.contentsWrap .contents03__leadImage {
    padding: 35px 0 0;
    text-align: center;
}

.contentsWrap .contents03__text {
    padding: 60px 30px 0;
    font-size: 24px;
    color: var(--brown);
}

.contentsWrap .contents03__description {
    padding: 72px 30px 0;
    font-size: 24px;
    color: var(--brown);
}

.contentsWrap .contents03__descriptionTitle,
.contentsWrap .contents03__descriptionSubTitle {
    font-weight: bold;
}

.contentsWrap .contents03__descriptionText {
    padding: 36px 0 0;
}

.contentsWrap .contents03__descriptionText:first-of-type {
    padding: 0;
}

.contentsWrap .contents03__notice {
    font-size: 22px;
    color: var(--brown);
}

.contentsWrap .contents03__couponNotice {
    padding: 36px 30px 0;
    font-size: 24px;
    color: var(--brown);
}

.contentsWrap .contents03__couponNotice a {
    text-decoration: underline;
    color: var(--brown);
}

/*contents04*/
.contentsWrap .contents04 {
    background: #fff9ed;
    padding: 0 0 113px;
}

.contentsWrap .contents04__title {
    padding: 39px 0 0;
    text-align: center;
}

.contentsWrap .contents04__leadText {
    padding: 20px 0 0;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: var(--brown);
}

.contentsWrap .contents04__leadImage {
    padding: 37px 0 0;
    text-align: center;
}

.contentsWrap .contents04__text {
    padding: 42px 30px 0;
    font-size: 24px;
    color: var(--brown);
}

.contentsWrap .contents04__text + .contents04__text {
    padding: 36px 30px 0;
}

.contentsWrap .contents04__notice {
    padding: 36px 30px 0;
    font-size: 22px;
    color: var(--brown);
}

/*contents05*/
.contentsWrap .contents05 {
    background: #f1f9fe;
    padding: 0 0 113px;
}

.contentsWrap .contents05__title {
    padding: 87px 0 0;
    text-align: center;
}

.contentsWrap .contents05__leadText {
    padding: 20px 0 0;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: var(--brown);
}

.contentsWrap .contents05__leadImage {
    padding: 35px 0 0 19px;
    text-align: center;
}

.contentsWrap .contents05__text {
    padding: 42px 30px 0;
    font-size: 24px;
    color: var(--brown);
}

.contentsWrap .contents05__notice {
    padding: 36px 30px 0;
    font-size: 22px;
    color: var(--brown);
}

/*contents06*/
.contentsWrap .contents06 {
    padding: 0 0 113px;
    background: url('https://r.r10s.jp/evt/event/mc/kosodate/shiga/_pc/img/20250617/sec6_bg.png') no-repeat;
}

.contentsWrap .contents06__title {
    padding: 50px 0 0;
    text-align: center;
}

.contentsWrap .contents06__leadText {
    padding: 27px 0 0;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    line-height: 52px;
    color: var(--brown);
}

.contentsWrap .contents06--01__leadImage {
    padding: 41px 0 0;
    text-align: center;
}

.contentsWrap .contents06--01__textHead {
    padding: 44px 0 0;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    color: var(--brown);
}

.contentsWrap .contents06--01__text {
    padding: 47px 30px 0;
    font-size: 24px;
    text-align: center;
    line-height: 48px;
    color: var(--brown);
}

.contentsWrap .contents06--02__leadimage {
    padding: 73px 0 0;
    text-align: center;
}

.contentsWrap .contents06--02__leadText {
    padding: 66px 30px 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 48px;
    color: var(--brown);
}

.contentsWrap .contents06--02__notice {
    padding: 0 30px 0;
    font-size: 22px;
    line-height: 48px;
    color: var(--brown);
}

.contentsWrap .contents06--02__text {
    padding: 50px 30px 0;
    font-size: 24px;
    line-height: 48px;
    color: var(--brown);
}

.contentsWrap .contents06--02__text a {
    text-decoration: underline;
}

.contentsWrap .contents06--03__leadText {
    padding: 100px 0 0;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    line-height: 52px;
    color: var(--brown);
}

.contentsWrap .contents06--03__leadimage {
    padding: 77px 0 0;
    text-align: center;
}

.contentsWrap .contents06--03__text {
    padding: 71px 30px 0;
    font-size: 24px;
    line-height: 48px;
    color: var(--brown);
}

.contentsWrap .contents06--04__leadText {
    padding: 63px 30px 0;
    font-size: 24px;
    font-weight: bold;
    color: var(--brown);
}

.contentsWrap .contents06--04__leadText a {
    text-decoration: underline;
    color: var(--brown);
}

.contentsWrap .contents06__notice {
    padding: 35px 30px 0;
    font-size: 22px;
    color: var(--brown);
}

/*contents07*/
.contentsWrap .contents07 {
    background: url('https://r.r10s.jp/evt/event/mc/kosodate/shiga/_pc/img/20250617/sec7_bg.png') #fffde5;
    padding: 0 0 87px;
}

.contentsWrap .contents07__title {
    padding: 75px 0 0;
    font-size: 34px;
    line-height: 68px;
    font-weight: bold;
    text-align: center;
}

.contentsWrap .contents07__highlight {
    color: #f7607d;
}

.contentsWrap .contents07__text {
    padding: 42px 30px 0;
    font-size: 28px;
    line-height: 42px;
    text-align: center;
    color: var(--brown);
}

/*contents08*/
.contentsWrap .contents08 {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 91px;
}

.contentsWrap .contents08__title {
    padding: 49px 0 21px;
    background: url('https://r.r10s.jp/evt/event/mc/kosodate/shiga/_pc/img/20250617/underline_title.png') no-repeat bottom center;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #fc6b86;
}

.contentsWrap .contents08__adMinder {
    padding: 50px 0 0;
}

/*contents09*/
.contentsWrap .contents09 {
    background: #fef0f0;
    padding: 0 0 93px;
}

.contentsWrap .contents09__title {
    padding: 49px 0 21px;
    background: url('https://r.r10s.jp/evt/event/mc/kosodate/shiga/_pc/img/20250617/underline_title.png') no-repeat bottom center;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #fc6b86;
}

.contentsWrap .contents09__button {
    padding: 43px 0 0;
    text-align: center;
}

/*summary*/
.contentsWrap .summary a {
    text-decoration: underline;
}

.contentsWrap .summary {
    padding: 0 0 50px;
}

.contentsWrap .summary__title {
    padding: 73px 0 0;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    color: var(--brown);
}

.contentsWrap .summary__wrap {
    margin: 0 auto;
    width: 960px;
    padding: 40px 0 0;
}

.contentsWrap .summary__table {
    margin: 31px 0 0;
}

.contentsWrap .summary__notice {
    padding: 20px 0 0;
    font-size: 14px;
    color: #333;
}

/*banner*/
.contentsWrap .banner {
    width: 750px;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
}

.contentsWrap .banner__text {
    padding: 0 0 20px;
    text-align: center;
    font-size: 14px;
}

.contentsWrap .banner__image img {
    width: 100%;
    height: auto;
}

/*js-fixed*/
.contentsWrap .js-fixed {
    position: fixed;
    top: 0;
}

.contentsWrap .js-fixedEnd {
    position: absolute;
    top: auto;
    bottom: 0;
    height: 100vh;
}