@charset "UTF-8"; @media screen and (min-width: 768px),print {
    #spec .seo_bread_list {
        position: relative;
        z-index: 3;
        color: #fff;
        margin-bottom: -58px;
        padding-top: 16px;
    }

    #spec .seo_bread_list a {
        color: #fff;
    }

    #contentsmain {
        margin: 0 auto -78px;
        position: relative;
        background: url('../images/spec/contentsmain-back01.png')no-repeat top center;
    }

    #contentsmain .inner-Box {
        margin: 0 auto;
        position: relative;
        padding: 262px 0 159px;
        width: 1100px;
    }

    #contentsmain .inner-Box h2 {
    }

    #contentsmain .inner-Box h2 span {
    }

    #contentsmain .inner-Box h2 img {
    }
#contentsmain .inner-Box p {color: #fff;font-size: 16px;line-height: 2.03;font-weight: 500;letter-spacing: 1.6px;margin-bottom: -6px;position: relative;margin-top: 32px;}



    #contentsmain .inner-Box2 {
        margin: 0 auto;
        position: relative;
        text-align: center;
        z-index: 3;
    }

    #contentsmain .inner-Box2 h3 {
        margin-bottom: 82px;
    }

    #contentsmain .inner-Box2 h3 span {
    }

    #contentsmain .inner-Box2 h3 img {
    }

    #contentsmain .inner-Box2 figure.img {
        position: relative;
        top: 0;
        left: 0;
    }

    #contentsmain .inner-Box2 figure.img img {
    }

    #contents01 {
        margin: 0 auto 120px;
        position: relative;
        background: #F6F4F2;
        padding: 210px 0 100px 0;
    }

    #contents01 .inner-Box1 {
        margin: 0 auto 20px;
        position: relative;
        width: 1280px;
        height: 661px;
        border: 1px solid #C9C7BA;
        background: #fff;
        padding: 116px 89px;
    }

    #contents01 .inner-Box1 h4.f-min {
        font-size: 22px;
        line-height: 1.5;
        font-weight: 500;
        letter-spacing: 2.2px;
        margin-bottom: 24px;
        position: relative;
    }

    #contents01 .inner-Box1 h4.f-min span {
        color: #AE7A46;
        font-size: 16px;
        display: block;
        position: relative;
        letter-spacing: 1.6px;
        margin-bottom: 20px;
    }

    #contents01 .inner-Box1 h4.f-min span::before {
        content: "";
        display: block;
        width: 78px;
        height: 1px;
        background: #AE7A46;
        position: absolute;
        top: 10px;
        left: -90px;
    }

    #contents01 .inner-Box1 figure.photo {
        position: absolute;
        top: 99px;
        right: 89px;
    }

    #contents01 .inner-Box1 figure.photo2 {
        position: absolute;
        top: 373px;
        right: 89px;
    }

    #contents01 .inner-Box1 figure.photo img {
    }

    #contents01 .inner-Box1 p {
        font-size: 16px;
        line-height: 2;
        font-weight: 400;
        letter-spacing: 0.8px;
        margin-bottom: 33px;
        position: relative;
        width: 550px;
    }

    #contents01 .inner-Box1 p.text2 {
        margin-bottom: 0;
    }

    #contents01 .inner-Box1 p.text3 {
        margin-top: 32px;
    }

    #contents01 .inner-Box2 {
        margin: 0 auto 20px;
        position: relative;
        width: 1280px;
        height: 603px;
        border: 1px solid #C9C7BA;
        background: #fff;
        padding: 116px 89px;
    }

    #contents01 .inner-Box2 h4.f-min {
        font-size: 22px;
        line-height: 1.5;
        font-weight: 500;
        letter-spacing: 2.2px;
        margin-bottom: 24px;
        position: relative;
    }

    #contents01 .inner-Box2 h4.f-min span {
        color: #AE7A46;
        font-size: 16px;
        display: block;
        position: relative;
        letter-spacing: 1.6px;
        margin-bottom: 20px;
    }

    #contents01 .inner-Box2 h4.f-min span::before {
        content: "";
        display: block;
        width: 78px;
        height: 1px;
        background: #AE7A46;
        position: absolute;
        top: 10px;
        left: -90px;
    }

    #contents01 .inner-Box2 figure.photo {
        position: absolute;
        top: 99px;
        right: 89px;
    }

    #contents01 .inner-Box2 p {
        font-size: 16px;
        line-height: 2;
        font-weight: 400;
        letter-spacing: 0.8px;
        margin-bottom: 33px;
        position: relative;
        width: 550px;
    }

    #contents01 .inner-Box3 {
        margin: 0 auto 20px;
        position: relative;
        width: 1280px;
        height: 661px;
        border: 1px solid #C9C7BA;
        background: #fff;
        padding: 116px 89px;
    }

    #contents01 .inner-Box3 h4.f-min {
        font-size: 22px;
        line-height: 1.5;
        font-weight: 500;
        letter-spacing: 2.2px;
        margin-bottom: 24px;
        position: relative;
    }

    #contents01 .inner-Box3 h4.f-min span {
        color: #AE7A46;
        font-size: 16px;
        display: block;
        position: relative;
        letter-spacing: 1.6px;
        margin-bottom: 20px;
    }

    #contents01 .inner-Box3 h4.f-min span::before {
        content: "";
        display: block;
        width: 78px;
        height: 1px;
        background: #AE7A46;
        position: absolute;
        top: 10px;
        left: -90px;
    }

    #contents01 .inner-Box3 figure.photo {
        position: absolute;
        top: 99px;
        right: 89px;
    }

    #contents01 .inner-Box3 p {
        font-size: 16px;
        line-height: 2;
        font-weight: 400;
        letter-spacing: 0.8px;
        margin-bottom: 33px;
        position: relative;
        width: 550px;
    }

    #contents01 .inner-Box3 figure.photo2 {
        position: absolute;
        top: 373px;
        right: 89px;
    }

    #contents02 {
        margin: 0 auto 83px;
        position: relative;
        width: 1100px;
    }

    #contents02 h2.ttl01 {
        text-align: center;
        margin-left: 51px;
        margin-bottom: -21px;
    }

    #contents02 h2.ttl01 span {
    }

    #contents02 h2.ttl01 img {
    }

    #contents02 p.subttl {
        font-size: 16px;
        line-height: 2.63;
        font-weight: 400;
        letter-spacing: 0.8px;
        margin-bottom: 106px;
        position: relative;
        text-align: center;
    }


    #contents03 {
        margin: 0 auto 141px;
        position: relative;
        background: url('../images/spec/contents03-back01.png')no-repeat top center;
        width: 1280px;
        padding: 140px 90px;
    }

    #contents03 .inner-Box1 {
        margin: 0 auto 55px;
        position: relative;
    }

    #contents03 .inner-Box1 h2.f-min {
        font-size: 20px;
        line-height: 2.1;
        font-weight: 500;
        letter-spacing: 2px;
        margin-bottom: 36px;
        position: relative;
    }

    #contents03 .inner-Box1 figure.photo {
        position: absolute;
        top: -32px;
        right: -26px;
    }

    #contents03 .inner-Box1 figure.photo img {
    }

    #contents03 .inner-Box1 p.text {
        font-size: 16px;
        line-height: 2;
        font-weight: 400;
        letter-spacing: 0.8px;
        margin-bottom: 18px;
        position: relative;
        width: 550px;
    }

    #contents03 .inner-Box2 {
        margin: 0 auto;
        position: relative;
        padding: 67px 0 0 610px;
        height: 325px;
        margin-bottom: 94px;
    }

    #contents03 .inner-Box2 figure.photo {
        position: absolute;
        top: 0;
        left: 0;
    }

    #contents03 .inner-Box2 figure.photo img {
    }

    #contents03 .inner-Box2 p.text {
        font-size: 16px;
        line-height: 2;
        font-weight: 400;
        letter-spacing: 0.8px;
        margin-bottom: 30px;
        position: relative;
    }


    #contents03 .inner-Box3 {
        margin: 0 auto;
        position: relative;
    }

    #contents03 .inner-Box3 ul {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 26px;
    }

    #contents03 .inner-Box3 ul li {
        position: relative;
        margin-right: 13px;
    }

    #contents03 .inner-Box3 ul li:nth-child(2n) {
        margin-right: 0px;
    }

    #contents03 .inner-Box3 h3.f-min {
        font-size: 18px;
        line-height: 1.5;
        font-weight: 500;
        letter-spacing: 1.8px;
        margin-bottom: 21px;
        position: relative;
        text-align: center;
    }

    #contents03 .inner-Box3 figure.img {
        position: relative;
        top: 0;
        left: 0;
    }

    #contents03 .inner-Box3 figure.img img {
    }

    #contents03 .inner-Box3 p.stext {
        font-size: 14px;
        line-height: 2;
        font-weight: 400;
        letter-spacing: 1.4px;
        margin-bottom: 30px;
        position: relative;
        text-align: right;
        color: #7C7C7C;
    }




    #contentsbottom {
        margin: 0 auto -70px;
        position: relative;
        background: url('../images/spec/contentsbottom-back01.png')no-repeat top center;
    }

    #contentsbottom .inner-Box {
        margin: 0 auto 138px;
        position: relative;
        width: 1100px;
        padding: 148px 0 0;
        height: 560px;
    }

    #contentsbottom .inner-Box h2 {
        line-height: 1.65;
        font-size: 26px;
        letter-spacing: 2.6px;
        margin-bottom: 15px;
    }

    #contentsbottom .inner-Box p.text {
        font-size: 18px;
        line-height: 2.25;
        font-weight: 400;
        letter-spacing: 0.9px;
        margin-bottom: 23px;
        position: relative;
        width: 550px;
    }

    #contentsbottom .inner-Box figure.img {
        position: absolute;
        bottom: 90px;
        left: -50px;
    }

    #contentsbottom .inner-Box figure.img img {
    }

    #contentsbottom .banner-Box {
        margin: 0 auto;
        position: relative;
        width: 1100px;
    }

    #contentsbottom .banner-Box ul {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #contentsbottom .banner-Box ul li {
        width: 522px;
        margin-right: 55px;
    }

    #contentsbottom .banner-Box ul li:nth-child(2n) {
        margin-right: 0px;
    }

    #contentsbottom .banner-Box ul li figure {
        margin-bottom: 16px;
    }

    #contentsbottom .banner-Box ul li a {
    }

    #contentsbottom .banner-Box ul li a:hover {
    }

    #contentsbottom .banner-Box p.ltext {
        font-size: 16px;
        line-height: 2;
        font-weight: 400;
        letter-spacing: 0.8px;
        margin-bottom: 46px;
        position: relative;
    }
}

@media screen and (max-width: 767px) {
    #spec .seo_bread_list {
        position: relative;
        z-index: 3;
        color: #fff;
        margin-bottom: -13.5vw;
        padding-top: 2.36vw;
    }

    #spec .seo_bread_list a {
        color: #fff;
    }

    #contentsmain {
        margin: 0 auto -12.8vw;
        position: relative;
        background: url('../images/spec/sp-contentsmain-back01.png')no-repeat top center;
        background-size: 100% auto;
    }

    #contentsmain .inner-Box {
        position: relative;
        padding: 36.614vw 0 23.55vw;
    }

    #contentsmain .inner-Box h2 {
        width: 51.449vw;
        margin-left: 6.522vw;
        margin-bottom: 4.589vw;
    }

    #contentsmain .inner-Box h2 span {
    }

    #contentsmain .inner-Box h2 img {
    }

    #contentsmain .inner-Box p {color: #fff;font-size: 3.86vw;line-height: 2.29;font-weight: 500;letter-spacing: 0.34vw;margin: 0 6.7vw -0.82vw;position: relative;}

    #contentsmain .inner-Box2 {
        margin: 0 4vw;
        position: relative;
        text-align: center;
        z-index: 3;
    }

    #contentsmain .inner-Box2 h3 {
        margin-bottom: 10.11vw;
    }

    #contentsmain .inner-Box2 h3 span {
    }

    #contentsmain .inner-Box2 h3 img {
    }

    #contentsmain .inner-Box2 figure.img {
        position: relative;
        top: 0;
        left: 0;
    }

    #contentsmain .inner-Box2 figure.img img {
    }

    #contents01 {
        margin: 0 auto 19.69vw;
        position: relative;
        background: #F6F4F2;
        padding: 32.42vw 0 9.35vw 0;
    }

    #contents01 .inner-Box1 {
        margin: 0 4.1vw 4.83vw;
        position: relative;
        border: 0.24vw solid #C9C7BA;
        background: #fff;
        padding: 11.02vw 5.9vw 1.02vw 5.9vw;
    }

    #contents01 .inner-Box1 h4.f-min {
        font-size: 4.83vw;
        line-height: 1.5;
        font-weight: 500;
        letter-spacing: 0.53vw;
        margin-bottom: 3.6vw;
        position: relative;
    }

    #contents01 .inner-Box1 h4.f-min span {
        color: #AE7A46;
        font-size: 3.86vw;
        display: block;
        position: relative;
        letter-spacing: 0.29vw;
        margin-bottom: 2.83vw;
    }

    #contents01 .inner-Box1 h4.f-min span::before {
        content: "";
        display: block;
        width: 4.74vw;
        height: 0.24vw;
        background: #AE7A46;
        position: absolute;
        top: 3.02vw;
        left: -6.1vw;
    }

    #contents01 .inner-Box1 figure.photo {
        position: relative;
        margin-bottom: 3.3vw;
    }

    #contents01 .inner-Box1 figure.photo2 {
        position: relative;
        margin-bottom: 5.8vw;
    }

    #contents01 .inner-Box1 figure.photo img {
    }

    #contents01 .inner-Box1 p.text {
        font-size: 3.86vw;
        line-height: 2.29;
        font-weight: 400;
        letter-spacing: 0.17vw;
        margin-bottom: 7.85vw;
        position: relative;
    }

    #contents01 .inner-Box1 p.text2 {
        font-size: 3.86vw;
        line-height: 2.29;
        font-weight: 400;
        letter-spacing: 0.17vw;
        margin-bottom: 5.85vw;
        position: relative;
    }

    #contents01 .inner-Box1 p.text3 {
        font-size: 3.86vw;
        line-height: 2.29;
        font-weight: 400;
        letter-spacing: 0.17vw;
        margin-bottom: 8.85vw;
        position: relative;
        margin-top: 7.9vw;
    }

    #contents01 .inner-Box2 {
        margin: 0 4.1vw 4.83vw;
        position: relative;
        border: 0.24vw solid #C9C7BA;
        background: #fff;
        padding: 11.02vw 5.9vw 1.02vw 5.9vw;
    }

    #contents01 .inner-Box2 h4.f-min {
        font-size: 4.83vw;
        line-height: 1.5;
        font-weight: 500;
        letter-spacing: 0.53vw;
        margin-bottom: 3.6vw;
        position: relative;
    }

    #contents01 .inner-Box2 h4.f-min span {
        color: #AE7A46;
        font-size: 3.86vw;
        display: block;
        position: relative;
        letter-spacing: 0.29vw;
        margin-bottom: 2.83vw;
    }

    #contents01 .inner-Box2 h4.f-min span::before {
        content: "";
        display: block;
        width: 4.74vw;
        height: 0.24vw;
        background: #AE7A46;
        position: absolute;
        top: 3.02vw;
        left: -6.1vw;
    }

    #contents01 .inner-Box2 figure.photo {
        position: relative;
        margin-bottom: 3.3vw;
    }

    #contents01 .inner-Box2 figure.photo2 {
        position: relative;
        margin-bottom: 5.8vw;
    }

    #contents01 .inner-Box2 figure.photo img {
    }

    #contents01 .inner-Box2 p.text {
        font-size: 3.86vw;
        line-height: 2.29;
        font-weight: 400;
        letter-spacing: 0.17vw;
        margin-bottom: 7.85vw;
        position: relative;
    }

    #contents01 .inner-Box3 {
        margin: 0 4.1vw 4.83vw;
        position: relative;
        border: 0.24vw solid #C9C7BA;
        background: #fff;
        padding: 11.02vw 5.9vw 1.02vw 5.9vw;
    }

    #contents01 .inner-Box3 h4.f-min {
        font-size: 4.83vw;
        line-height: 1.5;
        font-weight: 500;
        letter-spacing: 0.53vw;
        margin-bottom: 3.6vw;
        position: relative;
    }

    #contents01 .inner-Box3 h4.f-min span {
        color: #AE7A46;
        font-size: 3.86vw;
        display: block;
        position: relative;
        letter-spacing: 0.29vw;
        margin-bottom: 2.83vw;
    }

    #contents01 .inner-Box3 h4.f-min span::before {
        content: "";
        display: block;
        width: 4.74vw;
        height: 0.24vw;
        background: #AE7A46;
        position: absolute;
        top: 3.02vw;
        left: -6.1vw;
    }

    #contents01 .inner-Box3 figure.photo {
        position: relative;
        margin-bottom: 3.3vw;
    }

    #contents01 .inner-Box3 figure.photo2 {
        position: relative;
        margin-bottom: 5.8vw;
    }

    #contents01 .inner-Box3 figure.photo img {
    }

    #contents01 .inner-Box3 p.text {
        font-size: 3.86vw;
        line-height: 2.29;
        font-weight: 400;
        letter-spacing: 0.17vw;
        margin-bottom: 7.85vw;
        position: relative;
    }

    #contents02 {
        margin: 0 auto 18.45vw;
        position: relative;
    }

    #contents02 h2.ttl01 {
        text-align: center;
        margin: 0 3.9vw 3vw 6.7vw;
    }

    #contents02 h2.ttl01 span {
    }

    #contents02 h2.ttl01 img {
    }

    #contents02 p.subttl {
        font-size: 3.86vw;
        line-height: 2.29;
        font-weight: 400;
        letter-spacing: 0.17vw;
        margin-bottom: 16.7vw;
        position: relative;
        text-align: center;
    }


    #contents03 {
        margin: 0 0vw -4.04vw;
        position: relative;
        background: url('../images/spec/sp-contents03-back01.png')no-repeat top center;
        padding: 24.82vw 1.54vw;
        background-size: 100% auto;
    }

    #contents03 .inner-Box1 {
        margin: 0 auto -14.91vw;
        position: relative;
    }

    #contents03 .inner-Box1 h2.f-min {
        font-size: 4.35vw;
        line-height: 2.1;
        font-weight: 500;
        letter-spacing: 0.48vw;
        margin-bottom: 1.1vw;
        position: relative;
        text-align: center;
    }

    #contents03 .inner-Box1 figure.photo {
        position: relative;
        top: 0vw;
        right: 0vw;
        width: 87.077vw;
        margin: 0 auto 1vw;
    }

    #contents03 .inner-Box1 figure.photo img {
    }

    #contents03 .inner-Box1 p.text {
        font-size: 3.86vw;
        line-height: 2.29;
        font-weight: 400;
        letter-spacing: 0.17vw;
        width: 75.604vw;
        margin: 0 auto 4.35vw;
        position: relative;
    }

    #contents03 .inner-Box2 {
        margin: 0 6.7vw;
        position: relative;
        padding: 16.18vw 0 0 0vw;
    }

    #contents03 .inner-Box2 figure.photo {
        position: relative;
        top: 0;
        left: 0;
        width: 75.604vw;
        margin: 0 auto;
        margin-bottom: 6vw;
    }

    #contents03 .inner-Box2 figure.photo img {
    }

    #contents03 .inner-Box2 p.text {
        font-size: 3.86vw;
        line-height: 2.29;
        font-weight: 400;
        letter-spacing: 0.17vw;
        width: 75.604vw;
        margin: 0 auto 7.75vw;
        position: relative;
    }



    #contents03 .inner-Box3 {
        width: 91.787vw;
        margin: 0px auto;
        margin-top: 14.976vw;
        position: relative;
    }

    #contents03 .inner-Box3 ul {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -9.52vw;
    }

    #contents03 .inner-Box3 ul li {
        position: relative;
        margin-bottom: 10.94vw;
    }

    #contents03 .inner-Box3 ul li:nth-child(2n) {
        margin-right: 0.0vw;
    }

    #contents03 .inner-Box3 h3.f-min {
        font-size: 4.35vw;
        line-height: 1.5;
        font-weight: 500;
        letter-spacing: 0.43vw;
        margin-bottom: 3.87vw;
        position: relative;
        text-align: center;
    }

    #contents03 .inner-Box3 figure.img {
        position: relative;
        top: 0;
        left: 0;
    }

    #contents03 .inner-Box3 figure.img img {
    }

    #contents03 .inner-Box3 p.stext {
        font-size: 2.90vw;
        line-height: 1.8;
        font-weight: 400;
        letter-spacing: 0.29vw;
        margin-bottom: 7.25vw;
        position: relative;
        text-align: right;
        color: #7C7C7C;
    }












    #contentsbottom {
        margin: 0 auto 0vw;
        position: relative;
        background: url('../images/spec/sp-contentsbottom-back01.png')no-repeat top center;
        background-size: 100% auto;
    }

    #contentsbottom .inner-Box {
        margin: 0 auto 29.15vw;
        position: relative;
        padding: 65.34vw 0 0;
    }

    #contentsbottom .inner-Box h2 {
        line-height: 2.25;
        font-size: 4.35vw;
        letter-spacing: 0.43vw;
        margin: 0 7vw 2.9vw;
    }

    #contentsbottom .inner-Box p.text {
        font-size: 3.86vw;
        line-height: 2;
        font-weight: 400;
        letter-spacing: 0.39vw;
        margin: 0 7vw 3.75vw;
        position: relative;
    }

    #contentsbottom .inner-Box figure.img {
        position: relative;
        bottom: 0vw;
        left: 0vw;
        margin: 10vw 30.3vw 7vw 6.7vw;
    }

    #contentsbottom .inner-Box figure.img img {
    }

    #contentsbottom .banner-Box {
        margin: 0 4vw;
        position: relative;
    }

    #contentsbottom .banner-Box ul {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #contentsbottom .banner-Box ul li {
        margin-bottom: -1.61vw;
    }

    #contentsbottom .banner-Box ul li:nth-child(2n) {
        margin-right: 0.0vw;
    }

    #contentsbottom .banner-Box ul li figure {
        margin-bottom: 1.86vw;
    }

    #contentsbottom .banner-Box ul li a {
    }

    #contentsbottom .banner-Box ul li a:hover {
    }

    #contentsbottom .banner-Box p.ltext {
        font-size: 3.86vw;
        line-height: 1.57;
        font-weight: 400;
        letter-spacing: 0.17vw;
        margin-bottom: 11.11vw;
        position: relative;
    }
}