@charset "UTF-8";

/* common */

*{
    box-sizing:border-box;
}
body{
    font-family: "Noto Sans Japanese", sans-serif;
    color:#333;
}

.cf:after{
    content:"";
    display:block;
    clear:both;
}

.sp-show{
    display:none;
    }
    @media screen and (max-width:768px){
    .sp-show{
        display:block;
    }
    .pc-show{
        display:none;
    }
}

a{
    transition:0.3s;
}
a:hover{
    transition:0.3s;
    opacity:0.8;
}

.main-container{

}
@media screen and (max-width:768px){
    .main-container{
        position:relative;
        padding-top:70px;
    }
}

.contents__link__button__1{
    display: block;
    width: 400px;
    height: 60px;
    line-height: 60px;
    background: #e07170;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    font-weight:600;
    position:relative;
}
.contents__link__button__1 img{
    width: 24px;
    position: absolute;
    right: 20px;
    top: 20px;
}
.contents__2__next__link__1{
    display: block;
    width: 630px;
    height: 60px;
    line-height: 60px;
    background: #e07170;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    font-weight:600;
    position:relative;
}
.contents__2__next__link__1 img{
    width: 24px;
    position: absolute;
    right: 20px;
    top: 18px;
}

@media screen and (max-width:768px){
    .contents__link__button__1{
        width:320px;
        margin:30px auto;
    }
    .contents__2__next__link__1{
        width:320px;
    }
}




/* header CSS */

.header-container{
    box-shadow:0 0 5px #ccc;
//    height:110px;
    height:130px;
}
.header{
    display:flex;
    width:1000px;
    margin:0 auto;
}
.header__left{
    width:290px;
}
.header__logo__link img{
    width: 220px;
//    margin-top: 17px;
    margin-bottom: 3px;
    margin-top:27px;
}
.header__right{
    width:750px;
}
.header__right__top{
    display:flex;
    justify-content:flex-end;
    border-bottom:1px solid #eee;
}
.header__right__top__link{

}
.header__logo__description{
    width:220px;
    text-align:center;
    color:#666;
    font-size:12px;
}
.header__right__top__tel__box{
    position:relative;
    width:300px;
    padding-top:4px;
}
.header__right__top__tel__border__left{
    position: absolute;
    top: 5px;
    left: 20px;
    font-size: 34px;
    color:#99ab4e;
}
.header__right__top__tel__border__right{
    position: absolute;
    top: 5px;
    right: 20px;
    font-size: 34px;
    color:#99ab4e;
}
.header__right__top__company{
    width: 200px;
    font-size: 14px;
    border-right: 1px solid #eee;
    line-height: 60px;
}
.header__right__top__tel{
//    margin-left:20px;
//    font-size:18px;
    font-weight:900;
    color:#99ab4e;
    text-align:center;
//    line-height:40px;
    line-height:20px;
    display:block;
    font-size:30px;
}
.header__right__top__tel__smallText{
    margin:0 20px 5px;
//    font-size:12px;
    color:#99ab4e;
    text-align:center;
//    line-height:40px;
    line-height:20px;
    display:block;
    font-size:13px;
    font-weight:700;
}
.header__right__top__contact{
    width:160px;
    display:inline-block;
//    line-height:40px;
    text-align:center;
    background:#99ab4e;
    color:#fff;
    font-weight:700;
    font-size:15px;
    line-height:60px;
}
.header__right__bottom{

}
.header__right__bottom__list{
    display:flex;
    justify-content:space-between;
}
.header__right__bottom__list__items{
    width:101.428571428px;
    text-align:center;
}
.header__right__bottom__list__items__link{
    display:block;
    height:70px;
    padding-top:18px;
}
.header__right__bottom__list__items__link__top{
    font-size:13px;
    font-weight:600;
    line-height:1;
}
.header__right__bottom__list__items__link__bottom{
    font-size:11px;
    color:#666;
}


/* mainVisual */
.mainVisual{
    margin-bottom:70px;
}
.mainVisual__box{
    width:1000px;
    margin:30px auto;
}
#topics {
    display:flex;
    position: relative;
    z-index: 10;
}
#topics .hide {
    display: none;
}
.topicon{
    width:720px;
}
.tab{
    width:280px;
    padding-left:20px;
}
.tab li{
    width:100%;
    height:130px;
    margin-bottom:10px;
    box-shadow:0 0 10px #ccc;
    position:relative;
}
.tab li.select{

}
.tab li.select:before{
    content:"";
    display:block;
    width:100%;
    height:100%;
    background:rgba(153,171,78,0.7);
    position:absolute;
    z-index:2;
}
.tab li:hover{
    cursor:pointer;
}
.tab__title{
    text-align:center;
    margin-bottom:3px;
    text-shadow:0 0 10px #000;
}
.tab__title__text{
    font-size:13px;
    font-weight: 800;
    text-shadow: 0 0 10px #000;
}
.tab__title__img{
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:1;
    top:0;
    left:0;
    filter: brightness(0.6);
}
.tab__title__inBox{
    position:absolute;
    z-index:3;
    top:0;
    left:0;
    color: #fff;
    padding: 19px;
}



#sp__topics {
    position: relative;
    z-index: 10;
    margin-bottom:50px;
    margin-top:-70px;
}
#sp__topics .hide {
    display: none;
}
.sp__topicon{

}
.sp__tab{

}
.sp__tab li{
    width:100%;
    height:110px;
    box-shadow:0 0 10px #ccc;
    position:relative;
}
.sp__tab li a.sp__select{

}
.sp__tab li a.sp__select:before{
    content:"";
    display:block;
    width:100%;
    height:100%;
    background:rgba(153,171,78,0.7);
    position:absolute;
    z-index:2;
}
.sp__tab li:hover{
    cursor:pointer;
}
.sp__tab__title{
    text-align:center;
    margin-bottom:3px;
    text-shadow:0 0 10px #000;
}
.sp__tab__title__text{
    font-size:13px;
    font-weight: 800;
    text-shadow: 0 0 10px #000;
}
.sp__tab__title__img{
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:1;
    top:0;
    left:0;
    filter: brightness(0.6);
}
.sp__tab__title__inBox{
    position:absolute;
    z-index:3;
    top:0;
    left:0;
    color: #fff;
    padding: 19px;
}
.sp__mainVisual__1__box{
    height:440px;
    position:relative;
}
.sp__mainVisual__1__box img{
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.sp__mainVisual__1__box__inBox{
    position:absolute;
    top:0;
    padding:50px 30px;
}
.sp__mainVisual__1__box__icon{
    background: #fff;
    display: inline-block;
    padding: 1px 14px;
    font-size: 14px;
    font-weight: 500;
}
.sp__mainVisual__1__box__title{
    font-size: 28px;
    color: #fff;
    border-bottom: 2px solid #fff;
    margin: 10px 0 20px;
    padding-bottom:4px;
    text-shadow:0 0 10px #000;
}
.sp__mainVisual__1__box__text{
    color:#fff;
    line-height:1.8;
    text-shadow: 0 0 10px #000;
    font-weight: 800;
}
.sp__mainVisual__1__box__link {
    display: block;
    width: 100%;
    height: 40px;
    margin: 0 auto;
    background: #e07170;
    text-align: center;
    line-height: 40px;
    border-radius: 35px;
    color: #fff;
    font-weight: 600;
    position: relative;
    margin-top: 22px;
}
.sp__mainVisual__1__box__link__LP {
    display: block;
    width: 200%;
    height: 41px;
    margin: 0 auto;
    background: #e07170;
    text-align: center;
    line-height: 40px;
    border-radius: 34px;
    color: #fff;
    font-weight: 600;
    position: relative;
    margin-top: 326px;
    margin-left: 39px;
}

.mainVisual__1__box{
    position:relative;
    z-index:1;
}
.mainVisual__1__box__img{
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    width:100%;
    height:410px;
    object-fit:cover;
}
.mainVisual__1__box__inBox{
    position:absolute;
    z-index:3;
    padding:60px;
//    box-shadow:0 0 10px #ccc;
}
.mainVisual__1__box__icon{
    background: #fff;
    display: inline-block;
    padding: 1px 14px;
    font-size: 14px;
    font-weight: 500;
}
.mainVisual__1__box__title{
    font-size: 42px;
    border-bottom: 3px solid #fff;
    color: #fff;
    margin-bottom:22px;
    text-shadow:0 0 10px #444;
}
.mainVisual__1__box__text{
    line-height: 2;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    margin-bottom:20px;
    text-shadow:0 0 10px #444;
}
.mainVisual__1__box__link{
    display: block;
    width: 240px;
    height: 50px;
    background: #e07170;
    text-align: center;
    line-height: 50px;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    position:relative;
}
.mainVisual__1__box__link .fas{
    position: absolute;
    top: 17px;
    right: 20px;
}

.mainVisual__1__box__link__LP{
    display: block;
    width: 240px;
    height: 50px;
    background: #e07170;
    text-align: center;
    line-height: 50px;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    position: relative;
    margin: 246px 0px 0px 350px;
}

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

}



.contents__1{
    width:1000px;
    margin:0 auto;
}
.contents__1__title{
    position:relative;
    display:flex;
    justify-content:center;
    width:550px;
    margin:0 auto 30px;
    text-align:center;
}
.contents__1__title__leftImg{
    position:absolute;
    left:0;
    top:0;
    width:90px;
}
.contents__1__title__rightImg{
    position:absolute;
    right:0;
    bottom:0;
    width:90px;
}
.contents__1__title__box{

}
.contents__1__title__box__top{
    font-size: 13px;
    color:#99ab4e;
}
.contents__1__title__box__bottom{
    font-size:24px;
}
.contents__1__text{
    width:800px;
    margin:0 auto 30px;
    font-size:15px;
    color:#444;
}
.contents__1__list{
    display:flex;
    justify-content:space-between;
    width:860px;
    margin:50px auto 80px;
}
.contents__1__list__items{
    width:275px;
    box-shadow: 0 1rem 2rem hsl(0deg 0% 0% / 10%);
}
.contents__1__list__items img{
    width:100%;
}


@media screen and (max-width:768px){
    .contents__1__title{
        width:100%;
        margin: 0 auto 60px;
    }
    .contents__1__list{
        overflow-x:scroll;
        white-space:nowrap;
        width:100%;
        padding:0 20px;
    }
    .contents__1__title__leftImg{
        left:15px;
    }
    .contents__1__title__rightImg{
        right:15px;
    }
    .contents__1__list__items{
        margin-right:10px;
    }
    .contents__1__list__items img{
        width:275px;
    }
}



.contents__2{
    background:#f2f4e8;
    padding:60px 0 80px;
}
.contents__2__box{
    width:760px;
    margin:0 auto;
}
.contents__2__box__title{
    text-align:center;
    margin-bottom:40px;
}
.contents__2__box__title__box__top{
    font-size: 13px;
    color: #99ab4e;
}
.contents__2__list__items__link__top img{
    width:100%;
    height:auto;
    object-fit:cover;
}
.contents__2__box__title__box__bottom{
    font-size: 24px;
}
.contents__2__list{

}
.contents__2__list__items{
    float:left;
    width:360px;
    margin-right:40px;
    margin-bottom:40px;
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 0 8px #ccc;
}
.contents__2__list__items:nth-child(even){
    margin-right:0;
}
.contents__2__list__items__link{
    display:block;
}
.contents__2__list__items__link__top{

}
.contents__2__list__items__link__bottom{
    padding:30px;
}
.contents__2__list__items__link__bottom__title{
    margin-bottom:14px;
}
.contents__2__list__items__link__bottom__text{

}

@media screen and (max-width:768px){
    .contents__2__box{
        width:100%;
    }
    .contents__2__list__items{
        float:none;
        width:90%;
        margin:0 auto 40px;
    }
    .contents__2__list__items:nth-child(even){
        margin:0 auto 40px;
    }
}



.contents__3{
    background:url(../img/contents__3__img__bg.png);
    background-size:cover;
    padding:60px 0 80px;
}
.contents__3__box{
    width:1000px;
    margin:0 auto;
}
.contents__3__list{
    display:flex;
    justify-content:space-between;
    margin-bottom:40px;
}
.contents__3__list__items{
    width:170px;
    background:#fff;
    box-shadow:0 0 5px #ddd;
    border-radius:7px;
    padding:20px 15px;
    position:relative;
}
.contents__3__list__items__step{
    color:#99ab4e;
    font-weight:800;
    position:absolute;
    top:-17px;
    font-size:20px;
}
.contents__3__list__items__step__num{
    display:inline-block;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    border-radius:50%;
    background:#99ab4e;
    color:#fff;
    margin-left:6px;
}
.contents__3__list__items__title{
    text-align:center;
    font-size:16px;
    margin-bottom:6px;
}
.contents__3__list__items__img img{
    width:100%;
    height:auto;
    object-fit:cover;
}
.contents__3__list__items__text{
    font-size:14px;
    margin-top:10px;
}
.contents__3__list__items__sankaku{
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 0 21px 16px;
    border-color: transparent transparent transparent #99ab4e;
    position: absolute;
    left: -26px;
    top: 110px;
}

@media screen and (max-width:768px){
    .contents__3__list{
        display:block;
    }
    .contents__3__list__items{
        width:90%;
        margin:0 auto 40px;
    }
    .contents__3__list__items__step__wrap{
        display:flex;
    }
    .contents__3__list__items__text{
        margin-top:0;
    }
    .contents__3__list__items__img{
        width:50%;
    }
    .contents__3__list__items__text{
        width:50%;
        padding-left:14px;
    }
    .contents__3__list__items__sankaku{
        left: 0;
        top: -40px;
        right: 0;
        margin: auto;
        transform: rotate(90deg);
    }
}



.contents__4{
    background:url(../img/contents__4__img__creator__bg__1.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    padding:60px 0 80px;
}
.contents__4__box{
    width:900px;
    margin:0 auto;
}
.contents__4__creator{

}
.contents__4__creator__box{
    display:flex;
    margin-bottom:60px;
}
.contents__4__creator__box:nth-child(even){
    flex-flow:row-reverse;
}
.contents__4__creator__box__left{
    width:300px;
}
.contents__4__creator__box__left img{
//    width:100%;
//    height:auto;
    object-fit:cover;
    box-shadow:0 1rem 2rem hsl(0deg 0% 0% / 10%);
    width: 300px;
    height: 300px;
    border-radius: 50%;
}
.contents__4__creator__box__right{
    width:600px;
    padding-left:30px;
}
.contents__4__creator__box:nth-child(even) .contents__4__creator__box__right{
    padding-left:0;
    padding-right:30px;
}
.contents__4__creator__box__right__bigText{
    font-size:53px;
    font-weight:700;
    text-shadow:2px 2px 3px #fff, -2px 2px 3px #fff, 2px -2px 3px #fff, -2px -2px 3px #fff, 2px 2px 3px #fff, -2px 2px 3px #fff, 2px -2px 3px #fff, -2px -2px 3px #fff, 2px 2px 3px #fff, -2px 2px 3px #fff, 2px -2px 3px #fff, -2px -2px 3px #fff, 2px 2px 3px #fff, -2px 2px 3px #fff, 2px -2px 3px #fff, -2px -2px 3px #fff;
}
.contents__4__creator__1 .contents__4__creator__box__right__bigText{
    color:#f2f4ea;
}
.contents__4__creator__2 .contents__4__creator__box__right__bigText{
    color:#e8eaef;
}
.contents__4__creator__3 .contents__4__creator__box__right__bigText{
    color:#f6ecec;
}
.contents__4__creator__4 .contents__4__creator__box__right__bigText{
    color:#f1eacf;
}
.contents__4__creator__box__right__name{
    padding-bottom:14px;
    margin-bottom:14px;
    font-size:21px;
}
.contents__4__creator__1 .contents__4__creator__box__right__name{
    border-bottom:1px solid #99ab4e;
    color:#99ab4e;
}
.contents__4__creator__2 .contents__4__creator__box__right__name{
    border-bottom:1px solid #41628f;
    color:#41628f;
}
.contents__4__creator__3 .contents__4__creator__box__right__name{
    border-bottom:1px solid #c67675;
    color:#c67675;
}
.contents__4__creator__4 .contents__4__creator__box__right__name{
    border-bottom:1px solid #cbac03;
    color:#cbac03;
}
.contents__4__creator__box__right__text{
    color:#555;
    line-height:2;
}



.contents__5{
    background:url(../img/contents__5__img__bg__1.png);
    background-size:cover;
    padding:60px 0 80px;
}
.contents__5__box{
    width:1000px;
    margin:0 auto;
}
.contents__5__list{
    width:820px;
    margin:0 auto;
}
.contents__5__list__items{
    float:left;
    width:390px;
    background:#fff;
    margin-right:40px;
    padding:26px;
    border-radius:8px;
    box-shadow:0 0 7px#ccc;
}
.contents__5__list__items:nth-child(even){
    margin-right:0;
}
.contents__5__list__items__title{
    text-align:center;
    margin-bottom:20px;
}
.contents__5__list__items__img img{
    width:100%;
    height:200px;
    object-fit:cover;
}
.contents__5__list__items__text{
    font-size: 15px;
    color: #555;
    margin:20px 0;
}
.contents__5__list__items__link{
    display: block;
    width: 280px;
    height: 50px;
    margin:0 auto;
    line-height: 50px;
    background: #e07170;
    text-align:center;
    color:#fff;
    font-weight:800;
    border-radius:5px;
    position:relative;
}
.contents__5__list__items__link .fas{
    position:absolute;
    top:20px;
    right:20px;
}

@media screen and (max-width:768px){
    .contents__5__list{
        width:90%;
        margin:0 auto;
    }
    .contents__5__list__items{
        float:none;
        width:100%;
        margin-bottom:40px;
    }
    .contents__5__list__items__img img{
        height:170px;
    }
}


.contents__6{
    padding:80px 0 80px;
    position:relative;
}
.contents__6__box{
    display:flex;
    justify-content:space-between;
    margin:0 auto;
    position:relative;
}
.contents__6__box__left{
    background: #f1f3e6;
    position: absolute;
    width: 50%;
    height: 470px;
}
.contents__6__box__right{
    margin: auto 0 auto auto;
}
.contents__6__list{
    width:930px;
    padding:20px 0 20px 20px;
}
.contents__6__list__items{
}
.contents__6__list__items__link{
    display:block;
    width:300px;
    height:480px;
    margin-right:20px;
    background:#fff;
    box-shadow:0 0 10px #ccc;
}
.contents__6__list__items__link__top{

}
.contents__6__list__items__link__top img{
    width:40%;
    margin:0 auto;
    padding-top:30px;
}
.contents__6__list__items__link__bottom{
    padding:20px;
}
.contents__6__list__items__link__bottom__title{
    font-size:14px;
    margin-bottom:10px;
}
.contents__6__title{
    position: absolute;
    right: 280px;
    top: 90px;
}
.contents__6__title__smallText{
    font-size: 13px;
    color: #99ab4e;
    margin-bottom:5px;
}
.contents__6__title__bottomText{
    color: #99ab4e;
}
.contents__6 .slick-dotted.slick-slider {
    margin-bottom: 10px!important;
}

@media screen and (max-width:768px){
    .contents__6__list{
        width:100%;
    }
}


.contents__7{
    padding:60px 0 80px;
    background:url(../img/contents__7__img__bg__1.png);
    background-size:cover;
}
.contents__7__box{
    width:1000px;
    margin:0 auto;
}
.contents__7__box .contents__1__title{
    width:440px;
}
.contents__7__box .contents__1__title__box__top{
    color:#fff;
}
.contents__7__box .contents__1__title__box__bottom{
    color:#fff;
}
.contents__7__box{
    text-align:center;
}
.contents__7__text{
    margin:40px auto;
    color:#fff;
}
.contents__7__contact{
    display:flex;
    justify-content:space-between;
    width:810px;
    margin:0 auto;
}
.contents__7__contact__left{

}
.contents__7__contact__left__link{
    display:block;
    width:420px;
    height:120px;
    background:#fff;
    box-shadow:0 0 7px #777;
    position:relative;
    border-radius:3px;
}
.contents__7__contact__left__link:before{
    display:inline-block;
    position:absolute;
    bottom:10px;
    right:10px;
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #69821b transparent;

}
.contents__7__contact__left__link__top{
    font-size: 17px;
    padding-top: 20px;
    margin-bottom: 6px;
    color:#69821b;
}
.contents__7__contact__right__link__bottom{
    font-size: 30px;
    font-weight: 700;
    color:#69821b;
}
.contents__7__contact__right__link__bottom .fas{
    margin-right:6px;
}
.contact__7__contact__right{
    color:#fff;
}
.contents__7__contact__right__top{
    color:#fff;
}
.contents__7__contact__right__middle{
    color: #fff;
    font-size: 40px;
    font-weight: 800;
}
.contents__7__contact__right__middle .fas{
    margin-right:10px;
}
.contents__7__contact__right__bottom{
    color:#fff;
    font-size:15px;
}
.contents__7__contact__right__link{
    display:block;
}
.slick-list{

}

@media screen and (max-width:768px){
    .contents__7__contact{
        display:block;
        width:100%;
    }
    .contents__7__contact__left__link{
        width:90%;
        margin:0 auto 20px;
    }
    .contents__7__box .contents__1__title{
        width: 90%;
        height: 100px;
    }
    .contents__7__contact__right__link{
        width:90%;
        margin:0 auto;
        background:#69821b;
        height:120px;
        padding-top: 10px;
        box-shadow: 0 0 7px #777;
        position: relative;
        border-radius: 3px;
    }
    .contents__7__contact__right__middle{
        line-height:1.3;
    }
    .contents__7__contact__right__link:before{
        display: inline-block;
        position: absolute;
        bottom: 10px;
        right: 10px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 14px 14px;
        border-color: transparent transparent #fff transparent;
    }
}


.contents__8{
    padding:60px 0 80px;
}
.contents__8__box{
    width:1000px;
    margin:0 auto;
}
.contents__8__box__box{
    display:flex;
}
.contents__8__box__box__left{
    width:500px;
}
.contents__8__box__box__left__title__box{

}
.contents__8__box__box__left__title__smallText{
    font-size: 13px;
    color: #99ab4e;
}
.contents__8__box__box__left__title__border{
    display: inline-block;
    width: 40px;
    border-bottom: 1px solid #99ab4e;
    margin-left: 8px;
    margin-bottom: 4px;
}
.contents__8__box__box__left__title{
    font-size:38px;
    margin-bottom:26px;
}
.contents__8__box__box__left__text{
    font-size: 15px;
    line-height: 1.8;
    color:#555;
    margin-bottom:50px;
    width:470px;
}
.contents__8__box__box__left__button__1{
    display: block;
    background: #e07170;
    width: 400px;
    height: 60px;
    border-radius: 30px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-weight: 600;
    position:relative;
    margin-bottom:10px;
}
.contents__8__box__box__left__button__2{
    display: block;
    background: #b62726;
    width: 400px;
    height: 60px;
    border-radius: 30px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-weight: 600;
    position:relative;
}
.contents__8__box__box__left__button__1 img,
.contents__8__box__box__left__button__2 img{
    position:absolute;
    right:18px;
    top:20px;
    width:24px;
}
.contents__8__box__box__right{
    width:500px;
}
.contents__8__box__box__right img{
    width:100%;
}

@media screen and (max-width:768px){
    .contents__8__box__box{
        display:block;
        width:90%;
        margin:0 auto;
    }
    .contents__8__box__box__left{
        width:100%;
    }
    .contents__8__box__box__right{
        width:100%;
    }
    .contents__8__box__box__right img{
        width:100%;
    }
    .contents__8__box__box__left__text{
        width:90%;
        margin:0 auto 40px;
    }
    .contents__8__box__box__left__button__1{
        width:320px;
        margin:0 auto 10px;
    }
    .contents__8__box__box__left__button__2{
        width:320px;
        margin:0 auto 40px;
    }
    .contents__8__box__box__left__title{
        font-size:26px;
    }
}


.footer{
    background:#676767;
    padding:60px 0;
}
.footer__box{
    width:1000px;
    margin:0 auto;
}
.footer__top{
    margin-bottom:40px;
}
.footer__top__left{
}
.footer__top__left__link img{
    width:240px;
}
.footer__top__left__text{
    color: #fff;
    font-size: 13px;
    margin-left: 13px;
    margin-bottom: 10px;
    display: inline-block;
}
.footer__top__right{

}
.footer__bottom{
    display:flex;
    justify-content:space-between;
}
.footer__bottom__list{
}
.footer__bottom__list__items{
    margin-bottom:10px;
}
.footer__bottom__list__items__link{
    display:block;
    color:#fff;
    font-size:15px;
    margin-bottom:10px;
}
.footer__bottom__list__items__list__items{
    margin-bottom:10px;
}
.footer__bottom__list__items__list__items__link{
    display:block;
    color:#fff;
    font-size:15px;
}

.footer__bottom__subBox{
    display:flex;
    justify-content:space-between;
    border-top:1px solid #777;
    margin-top:30px;
    padding-top:30px;
}
.footer__bottom__subBox__left__text{
    font-size:13px;
    color:#fff;
    line-height:2;
}
.footer__bottom__subBox__right__sns__topText{
    text-align: center;
    font-size: 13px;
    color: #fff;
    margin-bottom: 8px;
}
.footer__bottom__subBox__right__sns__bottom{
    width: 132px;
    display: flex;
    justify-content: space-between;
}
.footer__bottom__subBox__right__sns__bottom__link img{
    width:40px;
}

.copyright{

}
.copyright__text{
    color:#fff;
    font-size:12px;
    color:#fff;
    text-align:center;
    background:#444444;
    height:90px;
    line-height:90px;
}

@media screen and (max-width:768px){
    .footer__top__left{
        width: 240px;
        margin: 0 auto;
        text-align:center;
    }
    .footer__bottom{
        display:block;
        width: 90%;
        margin: 0 auto;
    }
    .footer__top__left__text{
        margin:0;
    }
    .footer__bottom__list__items__link{
        padding: 13px 25px;
        background: #575555;
        border-radius: 7px;
        position:relative;
    }
    .footer__bottom__list__items__link a img{
        width:60%;
    }
    .footer__bottom__list__items__link:after,
    .footer__bottom__list__items__list__items__link:after{
        position:absolute;
        top:14px;
        right:20px;
        font-family: "Font Awesome 5 Free";
        content: '\f054';
        font-weight: 900;
        color:#797878;
    }
    .footer__bottom__list__items__list__items__link{
        position:relative;
        padding: 13px 25px;
        background: #575555;
        border-radius: 7px;
    }
    .footer__bottom__subBox{
        display:block;
    }
    .footer__bottom__subBox__left{
        width:90%;
        margin:0 auto 40px;
    }
    .footer__bottom__subBox__right{
        width:100%;
    }
    .footer__bottom__subBox__right__sns{
        width: 140px;
        margin: 0 auto;
    }
}


/* =============================================
プライバシーポリシー
============================================= */
.privacy__page__box{

}
.privacy__page__box__text__top{
    margin:30px auto 30px;
    width:900px;
    line-height:1.8;
}
.privacy__page__box__list{
    width:900px;
    margin:70px auto 110px;
}
.privacy__page__box__list__items{
    margin-bottom:40px;
}
.privacy__page__box__list__items__title{
    font-size: 17px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.privacy__page__box__list__items__text{
    font-size:14px;
    color:#555;
}

@media screen and (max-width:768px){
    .privacy__page__box{
        margin:30px 0 100px;
    }
    .privacy__page__box__text__top{
        width:90%;
    }
}


/* =============================================
特定商取引法に基づく表示
============================================= */
.custom-company-table{
    width: 800px;
    margin:70px auto 110px;
    border: 0.5px solid #ccc;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:14px;
}
.custom-company-table tr {
    border-bottom: 0.5px solid #ccc;
}
.custom-company-table tr th {
    width: 20%;
    padding: 2%;
    border-bottom: 0.5px solid #fff;
    text-align: left;
    font-weight: 400;
    border: 1px solid #ccc;
    font-weight:500;
}
.custom-company-table tr td {
    width: 80%;
    padding: 2%;
    border-right: 0.5px solid #ccc;
}

@media screen and (max-width:768px){
    .custom-company-table tr th{
        display:block;
        width:100%!important;
        border:none;
        background:#eee;
        padding: 12px 21px;
    }
    .custom-company-table tr td{
        display:block;
        width:100%!important;
        padding: 21px;
    }
}



/* =============================================
ご利用方法 guide
============================================= */




/* =============================================
利用規約 agreement
============================================= */

.agreement__page__box{
    width:1000px;
    margin:70px auto 100px;
}
.agreement__page__box__title{

}
.agreement__page__box__box{

}
.agreement__page__box__text{
    font-size:15px;
}

@media screen and (max-width:768px){
    .agreement__page__box{
        width:90%;
        margin:30px auto 100px;
    }
}


/* =============================================
特定商取引法に基づく表示 tradelaw
============================================= */


.kobo__tradelaw__box{
    margin:70px 0 100px;
}
@media screen and (max-width:768px){
    .kobo__tradelaw__box{
        margin:30px 0 100px;
    }
}



/* =============================================
クリエイター紹介 creator
============================================= */

.creator__page{

}
.creator__page__box{

}
.creator__page__box__box{

}
.creator__page__box__box__1{
    background:url(../img/creator__page__bg__img__1.png);
    background-repeat:no-repeat;
    background-position:left;
    height: 610px;
    padding-top: 120px;
}
.creator__page__box__box__2{
    background:url(../img/creator__page__bg__img__2.png);
    background-repeat:no-repeat;
    background-position:left;
    height: 540px;
    padding-top: 120px;
}
.creator__page__box__box__3{
    background:url(../img/creator__page__bg__img__3.png);
    background-repeat:no-repeat;
    background-position:left;
    height: 540px;
    padding-top: 120px;
}
@media screen and (max-width:768px){
    .creator__page__box__box__1,
    .creator__page__box__box__2,
    .creator__page__box__box__3{
        height: 610px;
    }
}
.creator__page__box__box__1__wrap{
    width:1000px;
    margin:0 auto;
}
.creator__page__box__box__1__img{

}
.creator__page__box__box__textBox{
    width: 550px;
    margin: auto 0 auto auto;
}
.creator__page__box__box__textBox__title{
    color: #e07170;
    font-size: 26px;
    margin-bottom: 90px;
    position:relative;
    font-weight:800;
}
.creator__top__img__border__left__1{
    position: absolute;
    top: -50px;
    left: -60px;
    width: 80px;
}
.creator__top__img__border__right__1{
    position: absolute;
    bottom: -50px;
    right: -30px;
    width: 80px;
}
.creator__page__box__box__textBox__text{
    line-height: 1.8;
}


.creator__page__box__box__list:nth-child(1){
    background:#f9faf5;
    padding:110px 0 90px;
}
.creator__page__box__box__list:nth-child(2){
    background:#f4f6f8;
    padding:110px 0 90px;
}
.creator__page__box__box__list:nth-child(3){
    background:#fdf7f7;
    padding:110px 0 90px;
}
.creator__page__box__box__list:nth-child(4){
    background:#fcfaf0;
    padding:110px 0 90px;
}
.creator__page__box__box__2{

}
.creator__page__box__box__list{

}
.creator__page__box__box__list__items{
    width:1000px;
    margin:0 auto;
}
.creator__page__box__box__list__items__top{
    position:relative;
    margin-bottom:20px;
}
.creator__page__box__box__list__items__icon{
    width:100px;
    height:100px;
    background:#99ab4e;
    text-align:center;
    position:absolute;
    top:0;
    left:0;
    color:#fff;
}
.creator__page__box__box__list:nth-child(2) .creator__page__box__box__list__items__icon{
    background:#41628f;
}
.creator__page__box__box__list:nth-child(3) .creator__page__box__box__list__items__icon{
    background:#c67675;
}
.creator__page__box__box__list:nth-child(4) .creator__page__box__box__list__items__icon{
    background:#cbac03;
}
.creator__page__box__box__list__items__icon__top{
    display:block;
    margin-top: 7px;
}
.creator__page__box__box__list__items__icon__bottom{
    display: block;
    font-size: 57px;
    font-weight: 900;
    line-height: 1;
}
.creator__page__box__box__list__items__person__img{
//    width:330px;
    width:350px;
    height:350px;
    object-fit:cover;
    border-radius:50%;
}
.creator__page__box__box__list__items__text{
    position: absolute;
    top: 50px;
    right: 0;
    width: 600px;
}
.creator__page__box__box__list__items__text img{
    width:80px;
    position:absolute;
    right: -30px;
    bottom: -30px;
}
.creator__page__box__list__items__text__bgTitle{
    font-size: 50px;
    font-weight: 700;
    color: #dfe4cc;
}
.creator__page__box__box__list:nth-child(2) .creator__page__box__list__items__text__bgTitle{
    color: #c9d1dc;
}
.creator__page__box__box__list:nth-child(3) .creator__page__box__list__items__text__bgTitle{
    color: #edd5d5;
}
.creator__page__box__box__list:nth-child(4) .creator__page__box__list__items__text__bgTitle{
    color: #eee4bf;
}
.creator__page__box__list__items__text__title{
    margin: 0 0 17px;
    font-size: 25px;
    color:#99ab4e;
}
.creator__page__box__box__list:nth-child(2) .creator__page__box__list__items__text__title{
    color:#41628f;
}
.creator__page__box__box__list:nth-child(3) .creator__page__box__list__items__text__title{
    color:#c67675;
}
.creator__page__box__box__list:nth-child(4) .creator__page__box__list__items__text__title{
    color:#cbac03;
}
.creator__page__box__list__items__text__content{
    line-height: 1.8;
    color: #555;
}


.creator__page__box__box__list__items__bottom{

}
.creator__page__box__box__list__items__box__list{
    display: flex;
    justify-content: space-between;
    width: 810px;
    margin: 0 auto 70px;
}
.creator__page__box__box__list__items__box__list__items{
    width:390px;
}
.creator__page__box__box__list__items__box__list__items__top{
    margin-bottom:24px;
}
.creator__page__box__box__list__items__box__list__items__top img{
    width: 100%;
    height: 230px;
    object-fit: cover;
    box-shadow:0 1rem 2rem hsl(0deg 0% 0% / 10%);
}
.creator__page__box__box__list__items__box__list__items__bottom{

}
.creator__page__box__box__lsit__items__box__list__items__bottom__title{

}

@media screen and (max-width:768px){
    .creator__page__box__box__textBox{
        width:90%;
        margin:0 auto;
    }
    .creator__page__box__box__textBox__title{
        font-size:21px;
        padding: 0 46px;
    }
    .creator__top__img__border__left__1{
        left:0;
    }
    .creator__top__img__border__right__1{
        right:0;
    }
    .creator__page__box__box__1{
        padding-top:100px;
        height:620px;
    }
    .creator__page__box__box__list__items__box__list{
        display:block;
        width:100%;
    }
    .creator__page__box__box__list__items__box__list__items{
        width:90%;
        margin:0 auto 40px;
    }
    .creator__page__box__box__list__items__person__img{
        width:100%;
    }
    .creator__page__box__box__list__items__text{
        width:100%;
        margin-bottom:50px;
    }
    .creator__page__box__box__list__items__top,
    .creator__page__box__box__list__items__icon,
    .creator__page__box__box__list__items__text,
    .creator__page__box__box__list__items__text img{
        position:inherit;
    }
    .creator__page__box__box__list__items__icon{
        display:inline-block;
        padding-top:7px;
        margin-bottom: -90px;
        position: relative;
    }
    .creator__page__box__box__list__items__top{
        width:90%;
        margin:0 auto;
    }
    .creator__page__box__box__list__items__icon__top{
        margin-top:0;
    }
    .creator__page__box__list__items__text__bgTitle{
        font-size:32px;
    }
    .creator__page__box__box__list__items__text img{
        margin: auto 0 auto auto;
        display: block;
    }
    .creator__page__box__box__list:nth-child(1){
        padding:50px 0 90px;
    }
    .creator__page__box__box__list:nth-child(2){
        padding:50px 0 90px;
    }
    .creator__page__box__box__list:nth-child(3){
        padding:50px 0 90px;
    }
    .creator__page__box__box__list:nth-child(4){
        padding:50px 0 90px;
    }
}


/* =============================================
KOBOについて kobo
============================================= */

.kobo__page__box__1__wrapBg{
    background:url(../img/kobo__page__content__1__img__bg.png);
    padding-top: 60px;
    background-size: contain;
    height: 570px;
}
.kobo__page__box__content{
    width:1000px;
    margin:0 auto;
}
.kobo__page__box__content__1{
}
.kobo__page__box__content__1__wrap{
    display:flex;
    margin-bottom:40px;
}
.kobo__page__box__content__1__left{
    width:470px;
}
.kobo__page__box__content__1__left img{
    width:100%;
    box-shadow:0 1rem 2rem hsl(0deg 0% 0% / 10%);
}
.kobo__page__box__contnet__1__right{
    width:530px;
    padding-left:40px;
    padding-top:30px;
}
.kobo__page__box__contnet__1__right__title{
    font-size: 24px;
    color: #e07170;
    font-weight: 800;
    margin-bottom: 22px;
}
.kobo__page__box__content__1__right__text{
    line-height:1.8;
}

@media screen and (max-width:768px){
    .kobo__page__box__content__1__wrap{
        display:block;
    }
    .kobo__page__box__contnet__1__right{
        width:90%;
        margin:0 auto;
        padding-left:0;
    }
    .kobo__page__box__1__wrapBg{
        height:auto;
        background-size:cover;
    }
    .kobo__page__box__content__1__left{
        width:90%;
        margin:0 auto;
    }
    .kobo__page__box__contnet__1__right__title{
        font-size: 19px;
    }
}


.kobo__page__box__content__2{
    display:flex;
    margin-bottom:90px;
}
.kobo__page__box__content__2__left{
    width:500px;
    padding-right:40px;
    padding-top:30px;
}
.kobo__page__box__content__2__left__title{
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 22px;
}
.kobo__page__box__content__2__left__text{
    line-height:1.8;
}
.kobo__page__box__content__2__right{
    width:500px;
}
.kobo__page__box__content__2__right img{
    width:100%;
    box-shadow:0 1rem 2rem hsl(0deg 0% 0% / 10%);
}

@media screen and (max-width:768px){
    .kobo__page__box__content__2{
        display:block;

    }
    .kobo__page__box__content__2__left{
        width: 90%;
        margin: 0 auto;
        padding-right:0;
    }
    .kobo__page__box__content__2__right{
        width:100%;
    }
    .kobo__page__box__content__2__right img{
        width: 90%;
        margin: 0 auto;
        display: block;
    }
    .kobo__page__box__content__2__left__text{
        margin-bottom:20px;
    }
    .kobo__page__box__content__2__left__title{
        font-size:19px;
    }
}

.kobo__page__box__content__3{
    flex-flow:row-reverse;
}
.kobo__page__box__content__3 .kobo__page__box__content__2__left{
    padding-right:0;
    padding-left:40px;
}
@media screen and (max-width:768px){
    .kobo__page__box__content__3 .kobo__page__box__content__2__left{
        padding-left:0;
    }
}


.kobo__page__box__3__wrapBg{
    background:#fdf4f4;
    padding:90px 0;
}
.kobo__page__box__content__3__list__items{
    display:flex;
    margin-bottom:40px;
}
.kobo__page__box__content__3__list__items:nth-child(even){
    flex-flow:row-reverse;
}
.kobo__page__box__content__3__list__items__left{
    width:580px;
    padding-right:40px;
    padding-top:40px;
    text-align:center;
}
.kobo__page__box__content__3__list__items__left__num{
    width:70px;
    margin: 0 auto 24px;
}
.kobo__page__box__content__3__list__items__left__title{
    font-size: 28px;
    margin-bottom: 20px;
    color: #e07170;
}
.kobo__page__box__content__3__list__items__left__text{

}
.kobo__page__box__content__3__list__items__left img{
    width:100%;
}
.kobo__page__box__content__3__list__items__right{
    width:420px;
}

@media screen and (max-width:768px){
    .kobo__page__box__content__3__list__items{
        display:block;
    }
    .kobo__page__box__content__3__list__items__left{
        width:90%;
        margin:0 auto;
        padding-right:0;
    }
    .kobo__page__box__content__3__list__items__right{
        width:90%;
        margin:0 auto;
    }
    .kobo__page__box__content__3__list__items__right img{
        width:100%;
    }
    .kobo__page__box__content__3__list__items__left__title{
        font-size:19px;
    }
}


.kobo__page__box__content__4{
    padding: 60px 0 80px;
}


.kobo__page__box__5__wrapBg{
    padding: 60px 0 80px;
    background:#faf8f2;
}
.kobo__page__flow__list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
#page_hunkotsu .kobo__page__flow__list {
    width:80%;
    margin:0 auto 50px;
}
.kobo__page__flow__list__items {
    width: 180px;
    height: 190px;
    padding: 20px;
    background: #e7e9d1;
    text-align: center;
    border-radius: 14px;
    position: relative;
}
.kobo__page__flow__list__items:nth-child(even){
    background:#f4eed4;
}
.kobo__page__flow__list__items__title {
    font-size: 23px;
    font-weight: 800;
    border-bottom: 1px solid #99ab4e;
    padding-bottom: 10px;
    color:#99ab4e;
}
.kobo__page__flow__list__items:nth-child(even) .kobo__page__flow__list__items__title{
    border-bottom: 1px solid #d1bf61;
    padding-bottom: 10px;
    color:#d1bf61;
}
.kobo__page__flow__list__items__text {
    font-size: 18px;
    font-weight: 700;
    margin-top: 27px;
    color: #555;
}
.kobo__page__flow__list__items__arrow {
    display: block;
    position: absolute;
    right: -18px;
    top: 77px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0px 20px 18px;
    border-color: transparent transparent transparent #e7e9d1;
}
.kobo__page__flow__list__items:nth-child(even) .kobo__page__flow__list__items__arrow{
    border-color: transparent transparent transparent #f4eed4;
}

@media screen and (max-width:768px){
    .kobo__page__flow__list{
        display:none;
    }
}


.kobo__page__flow__content__list{
    width:890px;
    margin:0 auto;
}
.kobo__page__flow__content__list__items{
    background:#e7e9d1;
    padding:30px;
    position:relative;
    z-index:1;
}
.kobo__page__flow__content__list__items:nth-child(even){
    background:#f4eed4;
}
.kobo__page__flow__content__list__items__box{
    display:flex;
}
.kobo__page__flow__content__list__items__box__left{
    width:130px;
}
.kobo__page__flow__content__list__items__box__left img{
    width:100%;
}
.kobo__page__flow__content__list__items__box__right{
    width:610px;
    padding-left:20px;
}
.kobo__page__flow__content__list__arrow{
    display:block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 60px 0 60px;
    border-color: #e7e9d1 transparent transparent transparent;
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
    z-index:10;
}
.kobo__page__flow__content__list__items:nth-child(odd) .kobo__page__flow__content__list__arrow{
    border-color: #f4eed4 transparent transparent transparent;
}

.kobo__page__list__items__title{
    margin-bottom: 16px;
}
.kobo__page__list__items__title__step{
    padding: 2px 12px;
    background: #fff;
    color: #99ab4e;
    margin-right: 10px;
}
.kobo__page__flow__content__list__items:nth-child(even) .kobo__page__list__items__title__step{
        color: #d1bf61;
}
.kobo__page__list__items__title__title{
    font-size: 21px;
    font-weight: 700;
}

@media screen and (max-width:768px){
    .kobo__page__flow__content__list{
        width:90%;
    }
    .kobo__page__flow__content__list__items__box{
        display:block;
    }
    .kobo__page__flow__content__list__items__box__left{
        width:100%;
    }
    .kobo__page__flow__content__list__items__box__right{
        width:100%;
        padding-left:0;
        margin-top:20px;
    }
    .kobo__page__list__items__title__title{
        display: block;
        margin-top:13px;
    }
}


.kobo__page__box__content__6{
    padding: 60px 0 80px;
}
.kobo__page__box__content__6__box{
    width:800px;
    margin:0 auto 40px;
}
.kobo__page__box__content__6__top{
    display:flex;
}
.kobo__page__box__content__6__top__left{
    width:400px;
}
.kobo__page__box__content__6__top__right{
    width:400px;
}
.kobo__page__box__content__6__top__right__title{
    font-size: 26px;
    padding-top: 100px;
}
.kobo__page__content__6__post{
    width:800px;
    margin:0 auto;
}
.kobo__page__content__6__post__text{
    margin-bottom:20px;
    color:#444;
}

@media screen and (max-width:768px){
    .kobo__page__box__content__6__top{
        display:block;
    }
    .kobo__page__box__content__6__top__left{
        width:90%;
        margin:0 auto;
    }
    .kobo__page__box__content__6__top__left img{
        width:100%;
    }
    .kobo__page__box__content__6__top__right{
        width:90%;
        margin:0 auto;
    }
    .kobo__page__box__content__6__top__right__title{
        padding-top:50px;
    }
    .kobo__page__content__6__post{
        width:100%;
    }
    .kobo__page__content__6__post__text{
        width:90%;
        margin:0 auto 20px;
    }
}



/* =============================================
散骨 scatter
============================================= */

.scatter__page__box__2{
    background:#faf8f2;
    padding:70px 0;
}
.scatter__page__box__2__list{
    width:1000px;
    margin:0 auto;
}
.scatter__page__box__2__list__items{
    display:flex;
}
.scatter__page__box__2__list__items:nth-child(1){
    margin-bottom:30px;
}
.scatter__page__box__2__list__items__left{
    width:330px;
}
.scatter__page__box__2__list__items__left img{
    width:100%;
}
.scatter__page__box__2__list__items__right{
    width:670px;
    padding: 0 0 0 30px;
}
.scatter__page__box__2__list__items__right__title{
    font-size:21px;
    margin-bottom:10px;
    color:#ab8101;
    font-weight:800;
}
.scatter__page__box__2__list__items__right__text{

}

.scatter__page__box__3__box{
    padding:90px 0;
}
.scatter__page__box__3__box__box__list{
    width:900px;
    margin:0 auto;
}
.scatter__page__box__3__box__box__list__items{
    display:flex;
}
.scatter__page__box__3__box__box__list__items__left{
    width:500px;
    padding-top:20px;
    padding-right:30px;
}
.scatter__page__box__3__box__box__list__items__left__title{
    font-size: 24px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #333;   
}
.scatter__page__box__3__box__box__list__items__left__text{
    line-height:1.8;
    color:#444;
}
.scatter__page__box__3__box__box__list__items__right{
    width:500px;
}
.scatter__page__box__3__box__box__list__items__right img{
    width:100%;
}

.scatter__page__box__4{
    padding:0 0 90px;
}
.scatter__page__box__4__box{
    width: 870px;
    margin: 0 auto 30px;
    background: pink;
    border-radius: 12px;
    padding: 50px 0 60px;
    background:url(../img/scatter__img__4__bg__img.png);
    background-position:center;
    background-size:cover;
}
.scatter__page__box__4__box__title{
    text-align:center;
}
.scatter__page__box__4__box__title__top{
    display: block;
    background: #c84e4d;
    font-size: 14px;
    width:100px;
    margin:0 auto 12px;
    padding: 2px 12px;
    color:#fff;
}
.scatter__page__box__4__box__title__bottom{
    display:inline-block;
    font-size: 33px;
    margin-bottom: 28px;
    color:#fff;
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 70%, #c84e4d 0%) repeat scroll 0 0;
}
.scatter__page__box__4__list{
    width:620px;
    margin:0 auto;
}
.scatter__page__box__4__list__items{
    font-size: 29px;
    margin-bottom:10px;
    color:#fff;
    font-weight:700;
}
.scatter__page__box__4__list__items .fas{
    font-size:34px;
    margin-right:10px;
}
.scatter__page__box__4__bottom__text{
    width:870px;
    margin:0 auto;
}

.page__bottom__product__contact{
    padding:80px 0;
}
.page__bottom__product__contact__top{
    text-align: center;
    font-size: 17px;
    margin-bottom: 15px;
    color:#b62726;
}
.page__bottom__product__contact__top__left{
    margin-right:10px;
}
.page__bottom__product__contact__top__center{

}
.page__bottom__product__contact__top__right{
    margin-left:10px;
}
.page__bottom__product__contact__link{
    display:block;
    background:#b62726;
    text-align:center;
    width:630px;
    height:90px;
    margin:0 auto;
    line-height:90px;
    color:#fff;
    font-size:19px;
    font-weight:700;
    border-radius:8px;
    position:relative;
}
.page__bottom__product__contact__link img{
    width:30px;
    position:absolute;
    top: 32px;
    right: 22px;
}

@media screen and (max-width:768px){
    .scatter__page__box__2__list__items{
        display:block;
    }
    .scatter__page__box__2__list__items__right{
        width: 90%;
        margin: 20px auto;
        padding: 0;
    }
    .scatter__page__box__2__list__items__left{
        width: 90%;
        margin: 0 auto;
    }
    .scatter__page__box__3__box__box__list__items{
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    .scatter__page__box__3__box__box__list__items__left{
        width:100%;
        padding-right:0;
    }
    .scatter__page__box__3__box__box__list__items__right{
        width:100%;
    }
    .scatter__page__box__4__box{
        width:100%;
        padding: 50px 0 50px;
        border-radius:0;
    }
    .scatter__page__box__4__bottom__text{
        width: 90%;
        margin: 30px auto 0;
    }
    .page__bottom__product__contact__link{
        width:90%;
    }
    .scatter__page__box__4__list{
        width:90%;
    }
    .scatter__page__box__4__list__items{
        font-size:17px;
    }
    .scatter__page__box__4__list__items .fas{
        font-size: 17px;
        margin-right: 3px;
    }
    .scatter__page__box__4__box__title__bottom{
        font-size:17px;
    }
    .scatter__page__box__3__box__box__list__items__left__text{
        margin-bottom:20px;
    }
}


.kobo__product__detail__list{
    width: 455px;
    margin:0 auto;
}
.kobo__product__detail__list__box__title{
    font-size: 19px;
    padding-bottom: 10px;
    border-bottom: 2px solid #555;
    margin: 80px auto 20px;
}
.kobo__product__detail__list__box__list{
//    width:100%;
}
.kobo__product__detail__list__box__list__items{
    float:left;
    width:48%;
    margin-right:4%;
    margin-bottom:25px;
}
.kobo__product__detail__list__box__list__items:nth-child(even){
    margin-right:0;
}
.kobo__product__detail__list__box__list__items__link{

}
.kobo__product__detail__list__box__list__items img{
    margin-bottom: 10px;
    height: 160px;
    object-fit: cover;
    box-shadow:0 1rem 2rem hsl(0deg 0% 0% / 10%);
}

.kobo__product__detail__list__box__list__items__link__price{
    color:#e07170;
    font-weight:600;
    margin-bottom:6px;
}
.kobo__product__detail__list__box__list__items__link__name{
    margin-bottom:6px;
    font-weight:600;
    font-size:17px;
    line-height:1.5;
}
.kobo__product__detail__list__box__list__items__link__description{
    font-size: 14px;
    color: #555;
}

@media screen and (max-width:768px){
    .kobo__product__detail__list{
        width: 90%;
    }
    .kobo__product__detail__list__box__list__items{
        float:none;
        width:100%;
        margin-right:0;
    }
    .kobo__product__detail__list__box__list__items img{
        height:240px;
    }
}
.product__detail__next__link{
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
//    background: #777;
    background:#e07170;
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    border-radius: 5px;
    color: #fff!important;
    font-weight: bold;
}


/* =============================================
カスタマイズCSS　
============================================= */

@media screen and (max-width:768px){
    .header,
    .mainVisual__box,
    .contents__1,
    .contents__3__box,
    .contents__5__box,
    .contents__7__box,
    .contents__8__box,
    .footer__box,
    .creator__page__box__box__1__wrap,
    .creator__page__box__box__list__items,
    .kobo__page__box__content,
    .scatter__page__box__2__list,
    .scatter__page__box__3__box__box__list,
    .kobo__page__box__content__6__box{
        width:100%;
    }
    
    .contents__1__text{
        width:90%;
        margin:0 auto;
    }
    /* 900px */
    .contents__4__box,
    .privacy__page__box__list{
        width:90%;
        margin:0 auto;
    }
    /* 800px */
    .custom-company-table{
        width:90%;
        margin:0 auto;
    }
}



.banner{
    width: 850px;
    margin: -35px auto 80px;
}
.banner img{
    width:100%;
    height:auto;
}
@media screen and (max-width:768px){
    .banner{
        width: 90%;
        margin: -15px auto 80px;
    }
}
.product__detail__banner{
    margin-top:60px;
}
.pay__how__to__banner{
    margin-bottom:50px;
}
/* 修正 */
#shopping_order_Shippings_0_DeliveryTime{
    width:100%;
}
.ec-select__time > label{
    margin-bottom: 10px;
    display: block;
}



/* ご利用方法　キャンペーン */
.campaign__1__box{
    width:1000px;
    margin:0 auto;
    padding:70px 0;
    display:flex;
    justify-content:space-between;
}
.campaign__1__box__box{
    width:470px;
    margin-bottom:50px;
}
.campaign__1__box__box__title{
    font-size: 24px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #555;
}
.campaign__1__box__box__list{

}
.campaign__1__box__box__list__items{
    margin-bottom:20px;
}
.campaign__1__box__box__list__items__title{
    margin-bottom:10px;
}
.campaign__1__box__box__list__items__text{
    color:#555;
}
.campaign__1__box__box__list__items__title__icon{
    display:inline-block;
    width:30px;
    height:30px;
    border-radius:50%;
    text-align:center;
    line-height:30px;
    font-size:19px;
    font-weight:700;
    color:#fff;
    background:#99ab4e;
    margin-right:12px;
}
.campaign__1__box__box__list__2{
    background: #f8f1db;
    margin: 20px 0px;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 5px;
}
@media screen and (max-width:768px){
    .campaign__1__box{
        width:90%;
        display:block;
    }
    .campaign__1__box__box{
        width:100%;
    }
}


.product__detail__contact__link{
    width: 350px;
    background: #eee;
    display: block;
    text-align: center;
    line-height: 56px;
    border-radius: 5px;
}
.product__detail__contact__link .fas{
    margin-right: 6px;
    font-size: 21px;
    display: inline-block;
    vertical-align: middle;
}
@media screen and (max-width:768px){
    .product__detail__contact__link{
        width:100%;
    }
}


.ec-tabaCustomFields{
    margin-bottom:40px;
}

#shopping_order_plg_custom_field_3{
    width:100%;
}



/* ご利用ガイド */

.guide__page{

}
.guide__page__box{
    width:1000px;
    margin:70px auto 60px;
}


.contents__2__box__title{

}
.contents__2__box__title__box__bottom{
    color:#333;
}
.guide__page__box__price{
    width:800px;
    margin:0 auto;
}
.guide__page__box__price__table{
    width: 800px;
    margin: 0 auto 20px;
    border: 0.5px solid #ccc;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 15px;
}
.guide__page__box__price__table tr{
    border-bottom: 0.5px solid #ccc;
}
.guide__page__box__price__table tr:nth-child(1){
    background:#e07170;
    color:#fff;
}
.guide__page__box__price__table tr th:nth-child(1),
.guide__page__box__price__table tr th:nth-child(2){
    width:30%;
}
.guide__page__box__price__table tr th:nth-child(3){
    width:40%;
}
.guide__page__box__price__table tr td:nth-child(1),
.guide__page__box__price__table tr td:nth-child(2){
    width:30%;
}
.guide__page__box__price__table tr td:nth-child(3){
    width:40%;
}
.guide__page__box__price__table tr td:nth-child(1){
    background:#fbefef;
}

.guide__page__box__price__table tr th{
    padding: 2%;
    border-bottom: 0.5px solid #fff;
    text-align: left;
    font-weight: 400;
    border: 1px solid #ccc;
    font-weight: 500;
}
.guide__page__box__price__table tr td{
    padding: 2%;
    border-right: 0.5px solid #ccc;
}

.guide__page__flow{
    background:#faf8f2;
    padding:60px 0 80px;
}
.contents__2__box__title__box__bottom{
    margin-bottom:10px;
}
.contents__2__box__title__box__bottomBottom{
    font-size:14px;
    font-weight:400;
}

.guide__page__flow__box{
    width:1000px;
    margin:0 auto;
}
.guide__page__flow__list{
    display:flex;
    justify-content:space-between;
    margin-bottom:50px;
}
.guide__page__flow__list__items{
    width:180px;
    height:190px;
    padding:20px;
    background:#577397;
    color:#fff;
    text-align:center;
    border-radius: 14px;
    position:relative;
}
.guide__page__flow__list__items__title{
    font-size: 23px;
    font-weight: 800;
    border-bottom: 1px solid #2b4e7b;
    padding-bottom: 10px;
}
.guide__page__flow__list__items__text{
    font-size: 18px;
    font-weight: 700;
    margin-top:27px;
}
.guide__page__flow__list__items__arrow{
    display: block;
    position: absolute;
    right: -18px;
    top: 77px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0px 20px 18px;
    border-color: transparent transparent transparent #577397;
}

.guide__page__list{
    width:890px;
    margin:0 auto;
}
.guide__page__list__items{
    margin-bottom:60px;
}
.guide__page__list__items__title{
    margin-bottom:16px;
}
.guide__page__list__items__title__step{
    padding: 2px 12px;
    background: #2b4e7b;
    color: #fff;
    margin-right: 10px;
}
.guide__page__list__items__title__title{
    font-size: 21px;
    font-weight: 700;
}
.guide__page__list___items__box{
    background:#e7e9e7; 
    padding: 34px 60px;
    border-radius:12px;
}
.guide__page__list__items__box__title{
    text-align: center;
    font-size: 20px;
    color: #2b4e7b;
    border-bottom: 1px solid #2b4e7b;
    padding-bottom: 15px;
    margin-bottom: 23px;
}
.guide__page__list__items__box__text{
    font-size: 15px;
    line-height: 2.5;
}
.guide__page__list__items__boxWrap{
    display:flex;
    margin-bottom: 20px;
}
.guide__page__list__items__box__left{
    width:50%;
}
.guide__page__list__items__box__left img{
    width:100%;
}
.guide__page__list__items__box__right{
    width:50%;
    padding-left:20px;
}
.guide__page__list__items__box__right__title{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.guide__page__list__items__box__right__list{

}
.guide__page__list__items__box__right__list__items{

}
.guide__page__list__items__box__bottom{
    font-size:14px;
    line-height:1.8;
}

.guide__page__list__items__flowList{
    background:#e7e9e7;
    padding:50px;
    border-radius:12px;
}
.guide__page__list__items__flowList__list{

}
.guide__page__list__items__flowList__list__items{
    padding: 30px;
    background: #fff;
    border-radius: 20px;
    display: flex;
    box-shadow: 0 0 10px #ddd;
}
.guide__page__list__itmes__flowList__list__items__left{
    width:36%;
}
.guide__page__list__itmes__flowList__list__items__left img{
    width:100%;
}
.guide__page__list__items__flowList__list__items__right{
    padding-left:20px;
    width:64%;
}
.guide__page__list__itmes__flowList__list__items__right__title{
    font-size:19px;
    margin-bottom:20px;
}
.guide__page__list__items__flowList__list__items__right__text{
    line-height:1.8;
}
.guide__page__list__items__flowList__arrow{
    display:block;
    margin:13px auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 55px 0 55px;
    border-color: #2b4e7b transparent transparent transparent;
}

.guide__page__list___items__box__5{
    display:flex;
    justify-content:space-between;
    width: 830px;
    margin: 0 auto;
}
.guide__page__list__items__box__content__5{
    width:400px;
    padding:40px 30px;
    background:#e7e9e7;
    text-align:center;
    border-radius:12px;
}
.guide__page__list__items__box__content__5__title{
    font-size:19px;
    margin-bottom:18px;
    color:#2b4e7b;
}
.guide__page__list__items__box__content__5 img{
    width:100%;
    height:auto;
    object-fit:cover;
    margin-bottom:20px;
}
.guide__page__list__items__box__content__5__text{
    width: 100%;
    padding: 14px;
    background: #fff;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 20px;
}
.guide__page__list__items__box__content__5__bottomText{
    line-height:2;
}
@media screen and (max-width:768px){
    .guide__page__box{
        width:100%;
    }
    .guide__page__box__price{
        width:90%;
        overflow-x:scroll;
        white-space:nowrap;
        -webkit-overflow-scrolling:touch;
    }
    .guide__page__box__price__table{
        font-size:14px;
    }
    .guide__page__flow{
        padding: 60px 0 60px;
    }
    .guide__page__flow__box{
        width:100%;
    }
    .guide__page__flow__list{
        display:none;
    }
    .guide__page__list{
        width:90%;
    }
    .guide__page__list__items__boxWrap{
        display:block;
    }
    .guide__page__list___items__box{
        padding: 34px 24px;
    }
    .guide__page__list___items__box__5{
        width:100%;
    }
    .guide__page__list__items__box__left{
        width:100%;
        margin-bottom:20px;
    }
    .guide__page__list__items__box__left img{
        width:100%;
    }
    .guide__page__list__items__box__right{
        width:100%;
    }
    .guide__page__list__items__title__title{
        display:block;
        margin-top:10px;
    }
    .guide__page__list__items__flowList{
        padding:18px;
    }
    .guide__page__list__items__flowList__list__items{
        display:block;
        padding:30px 20px;
    }
    .guide__page__list__itmes__flowList__list__items__left{
        margin-bottom:20px;
        width:100%;
    }

    .guide__page__list___items__box__5{
        display:block;
    }
    .guide__page__list__items__box__content__5{
        width:100%;
        padding:20px;
        margin-bottom:20px;
    }
    .guide__page__list__items__box__right{
        padding-left:0;
    }
    .guide__page__list__items__flowList__list__items__right{
        padding-left:0;
        width:100%;
    }
    .guide__page__list__itmes__flowList__list__items__right__title{
        margin-bottom:10px;
        font-size:17px;
    }
    .guide__page__list__items__flowList__list__items__right__text{
        font-size:15px;
    }
}


/* 商品購入ページに金利・手数料 */
.campaign__1__box__2{
    display:block;
    padding:0!important;
}
.campaign__1__box__box__2{
    width:630px;
}
@media screen and (max-width:768px){
    .campaign__1__box__2{
        width:100%;
    }
    .campaign__1__box__box__2{
        width:100%;
    }
}
.pay__how__to__banner{
    margin-bottom: 20px!important;
}
.product__detail__campaign__toggle{
    margin-bottom: 40px;
    display: inline-block;
    text-decoration: underline;
    font-size: 16px;
    cursor: pointer;
}


/* 商品詳細ページのセット表 */
.product__set__menu{
    margin-top: 6px;
    border: 1px solid #aaa;
    width: 350px;
}
.product__set__menu tr{
    border-bottom: 1px solid #aaa;
}
.product__set__menu tr:last-child{
    border-bottom: none;
}
.product__set__menu tr th{
    padding: 7px 7px 6px 20px;
    text-align: left;
    font-size:14px;
}
.product__set__menu tr td{
    padding: 7px;
    font-size: 14px;
    vertical-align: middle;
}
.product__set__menu__title{
    margin-top: 20px;
    font-size:14px;
    padding-left:20px;
    position:relative;
    color:#888;
    font-weight:700;
}
.product__set__menu__title:before{
    display:block;
    content:"";
    width:13px;
    height:13px;
    border-radius:50%;
    background:#69821b;
    position:absolute;
    top:3px;
    left:0;
}
.product__set__menu__title__select{
    margin-bottom:-8px;
}
@media screen and (max-width:768px){
    .product__set__menu{
        width:100%;
    }
    #classcategory_id1{
        max-width:100%!important;
        min-width:100%!important;
        width:100%;
    }
}


.product__list__set__content{
//    display: flex;
//    justify-content: space-between;
    margin-bottom: 10px;
    /* background: #eee; */
//    padding: 10px;
    padding: 17px;
    border-radius: 7px;
    /* text-align: left; */
    border: 1px solid #ccc;
//    padding-right:20px;
}
.product__list__set__content__left {
//    width: 100px;
    /* background: #eee; */
//    padding: 30px 8px;
    font-size: 13px;
    font-weight: 600;
    margin-right: 13px;
//    border-right: 1px solid #ccc;
    color: #888;
    border-bottom: 1px dotted #aaa;
    margin-bottom: 7px;
    display: block;
    padding-bottom: 8px;
    display: block!important;
    width:100%;
}
.product__list__set__content__right{
    display: block;
    font-size: 14px;
}
@media screen and (max-width:768px){
    .product__list__set__content{
        padding-right:20px;
    }
    .product__list__set__content__left{
    	font-size: 11px;
    //	padding: 16px 4px;
        padding: 0 0 10px;
    }
    .product__list__set__content__right{
         font-size:13px;
    }
}

/* 商品詳細ページ　お客様の声 */
.product__voice{
    margin: 30px auto 20px;
    border: 1px solid #999;
    padding: 30px;
}
.product__voice__title{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 1px solid #555;
    padding-bottom: 10px;
    font-size: 19px;
}
.product__voice__title__right{
    font-size: 14px;
    margin-top: 5px;
}
.product__voice__box{

}
.product__voice__box__img{
    float:left;
    width: 190px!important;
    margin-right: 22px;
    margin-bottom: 12px;
    box-shadow: 0 0 12px #ccc;
}
.product__voice__box__text{
    font-size:15px;
    color: #555;
    line-height: 1.7;
}
@media screen and (max-width:768px){
  .product__voice{
    padding:20px;
  }
  .product__voice__box__img{
    width:100%!important;
    margin-bottom: 20px;
  }
}


/* 商品詳細ページ　商品内容の表 */
.product__detail__table{
    width:100%;
    margin-top: 6px;
    border: 1px solid #aaa;
    font-size:14px;
}
.product__detail__table tr{
    border-bottom: 1px solid #aaa;
}
.product__detail__table tr th{
    width:25%;
    padding: 9px 7px 9px 20px;
    text-align: left;
    border-right:1px solid #aaa;
}
.product__detail__table tr td{
    width:75%;
    padding:0 16px;
}
@media screen and (max-width:768px){
    .product__detail__table tr th{
        padding-left:11px;
    }
}