@charset "UTF-8";


/* pc */
@media screen and (min-width: 768px) {
    .main{
        width: 100%;
    }
    .main-slider{
        width: 100%;
    }
    .main-slider li{
        
    }
    .main-slider li img{
       width: 100%;
    }
    .top_concept_inner{
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin: 140px auto 60px;
    }
    .top_concept_inner::before{
        content: "";
        background-image: url(../img/concept_img02.jpg);
        width: 200px;
        height: 200px;
        position: absolute;
        right: 0px;
        bottom: 0px;
    }
    .top_concept_inner::after{
        content: "";
        background-image: url(../img/concept_img03.jpg);
        width: 150px;
        height: 150px;
        position: absolute;
        left: 0px;
        top: 0px;
    }
    .top_concept_inner img{
        width: auto;
    }
    .top_concept_inner p{
        text-align: center;
        font-size: 14px;
        color: #3F210E;
        line-height: 200%;
    }
    .top_concept_inner_p01{margin-bottom: 50px;}
    .top_concept_inner_p02{
        margin-bottom: 70px;
    }
    .top_ordermade{
        position: relative;
    }
    .top_ordermade::before{
        content: "";
        width: calc(100% - 200px);
        height: 543px;
        background: linear-gradient(to right, #fefefe 0%,#d2e7ea 50%,#eaf1fc 100%);
        position: absolute;
        z-index: -2;
    }
    .top_ordermade_inner{
        padding-top: 70px;
    }
    .top_ordermade_inner_ttl img{
        margin-bottom: 15px;
    }
    .top_ordermade_inner_ttl p{
        color: #3F210E;
        font-size: 110%;
    }
    .top_ordermade_inner_box{
        display: flex;
        margin: 40px 0 0;
    }
    .top_ordermade_inner_box_right{
        width: 161px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .top_ordermade_inner_box_left{
        position: relative;
        padding-top: 515px;
    }
    .top_ordermade_inner_box_left::before{
        content: "";
        width: 965px;
        height: 467px;
        background-image: url(../img/order_topimg01.png);
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0px;
    }
    .top_ordermade_inner_box_left__p01{
        color: #3F210E;
        font-size: 24px;
        line-height: 170%;
        margin-bottom: 20px;
    }
    .top_ordermade_inner_box_left__p02{
        color: #3F210E;
        font-size: 14px;
        line-height: 200%;
        margin-bottom: 30px;
    }
    .top_ordermade_inner_box2{
        display: flex;
        margin: 80px 0 100px;
    }
    .top_ordermade_inner_box2_right{
        width: 832px;
        height: 550px;
        position: relative;
    }
    .top_ordermade_inner_box2_right::after{
        content: "";
        background-image: url(../img/order_topimg02.png);
        background-repeat: no-repeat;
        width: 583px;
        height: 532px;
        position: absolute;
        z-index: -1;
        right: 40px;
        top: 15px;
    }
    .top_ordermade_inner_box2_right__a01{
        position: absolute;
        top: 60px;
        right: 0px;
    }
    .top_ordermade_inner_box2_right__a01::before{
        content: "";
        background-image: url(../img/order_topbtn01.png);
        width: 77px;
        height: 77px;
        position: absolute;
        left: -55px;
        top: -55px;
        background-size: cover;
    }
    .top_ordermade_inner_box2_right__a02{
        position: absolute;
        left: 160px;
        top: 170px;
        width: 280px;
    }
    .top_ordermade_inner_box2_right__a03{
        position: absolute;
        left: 540px;
        top: 380px;
        width: 190px;
        line-height: 135%;
    }
    .top_ordermade_inner_box2_left{
        width: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .top_original{
        position: relative;
    }
    .top_original::before{
        content: "";
        width: calc(100% - 200px);
        height: 340px;
        background: linear-gradient(to right, #fefefe 0%,#d2e7ea 50%,#eaf1fc 100%);
        position: absolute;
        z-index: -2;
    }
    .top_original_inner{
        display: flex;
        justify-content: space-between;
        width: 952px;
        padding: 70px 0 80px;
    }
    .top_original_inner_left{
        width: 400px;
    }
    .top_original_inner_left__span01{
        margin-bottom: 30px;
        display: inline-block;
    }
    .top_original_inner_right{
        width: 465px;
    }
    .top_original_inner_ttl{
        margin-bottom: 30px;
    }
    .top_original_inner_ttl img{
        margin-bottom: 15px;
    }
    .top_original_inner_ttl p{
        color: #3F210E;
        font-size: 110%;
    }
    .top_original_inner_right__box{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .top_original_inner_right__box__a{
        box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
        display: flex;
    }
    .top_original_inner_right__box__div{
        width: 114px;
    }
    .top_qa{
        background-image: url(../img/bg_texture01.jpg);
        background-repeat: repeat;
    }
    .top_qa_inner{
        padding: 100px 0;
        display: flex;
        justify-content: space-between;
    }
    .top_qa_inner_left{
        position: relative;
        width: 490px;
    }
    .top_qa_inner_left::after{
        content: "";
        background-image: url(../img/topqa_img01.jpg);
        width: 556px;
        height: 290px;
        position: absolute;
        right: 0px;
        top: 70px;
    }
    .top_qa_inner_ttl{
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .top_qa_inner_ttl p{
        color: #3F210E;
        font-size: 16px;
        position: relative;
        width: 200px;
    }
    .top_qa_inner_ttl p::after{
        content: "";
        width: 45px;
        height: 1px;
        background-color: #3F210E;
        position: absolute;
        right: 20px;
        top: 4px;
    }
    .top_qa_inner_ttl img{
        margin-top: -12px;
    }
    .top_qa_inner_right{
        width: 490px;
    }
    .top_qa_inner_right__p01{
        font-size: 24px;
        line-height: 165%;
        color: #3F210E;
        border-bottom: solid 1px #C8C2BF;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .top_qa_inner_right__li{
        font-size: 14px;
        color: #3F210E;
        border-bottom: solid 1px #C8C2BF;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .top_qa_inner_right__a01{
        color: #3F210E;
        font-size: 14px;
        position: relative;
        text-decoration: none;
    }
    .top_qa_inner_right__a01::after{
        content: "";
        background-image: url(../img/side_arrow2.png);
        background-repeat: no-repeat;
        background-position: 90% center;
        position: absolute;
        width: 46px;
        height: 7px;
        right: -55px;
        top: 1px;
    }
    
    .top_topics{
        background: linear-gradient(to bottom, #EAF2FC 0%,#F4F6F7 80%,#ffffff 100%);
    }
    .top_topics_inner{
        padding: 80px 0 100px;
    }
    .top_topics_inner_ttl{
        margin: 0 auto;
        display: block;
        width: fit-content;
        text-align: center;
        margin-bottom: 40px;
    }
    .top_topics_inner_ttl img{
        margin-bottom: 15px;
    }
    .top_topics_inner_ttl p{
        color: #3F210E;
        font-size: 16px;
    }
    .topics-slider_wrapper{
        width: 828px;
        margin: 0 auto;
    }
    .topics-slider .slick-list{
        box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
    }
    .topics-slider .slick-prev,.topics-slider .slick-prev:active,.topics-slider .slick-prev:hover{
        background-image: url(../img/topics_arrow_right.png) !important;
        width: 22px;
        height: 27px;
        left: -75px;
    }
    .topics-slider .slick-next,.topics-slider .slick-next:active,.topics-slider .slick-next:hover{
        background-image: url(../img/topics_arrow_left.png) !important;
        width: 22px;
        height: 27px;
        right: -75px;
    }
    .topics-slider .slick-prev:hover,.topics-slider .slick-next:hover{
        opacity: 0.7;
    }
    .slick-prev:before,.slick-next:before{
        content: none !important;
    }
    .slick-slide img{
        width: 100%;
    }
    .top_news{
        background-image: url(../img/bg_texture01.jpg);
        background-repeat: repeat;
    }
    .top_news_inner{
        padding: 60px 0 80px ;
    }
    .top_news_inner_ttl{
        margin: 0 auto;
        display: block;
        width: fit-content;
        text-align: center;
        margin-bottom: 40px;
    }
    .top_news_inner_ttl img{
        margin-bottom: 15px;
    }
    .top_news_inner_ttl p{
        color: #3F210E;
        font-size: 16px;
    }
    .top_news__ul{
        position: relative;
    }

    .top_news__li{
        border-top: solid 1px #C8C2BF;
        font-size: 14px;
        color: #3F210E;
        padding: 20px 0;
        line-height: 165%;
        display: flex;
        width: 100%;
    }
    .top_news__li:last-child{
        border-bottom: solid 1px #C8C2BF;
        margin-bottom: 30px;
    }
    .top_news__li .tag{
        background-color: #3F210E;
        color: #fff;
        display: flex;
        width: 100px;
        align-items: center;
        justify-content: center;
        height: 30px;
        margin: 0 10px 0 0;
        font-size: 12px;
    }
    .top_news__li .date{
        margin: 0 10px 0 0;
    }
    .top_news__a{
        color: #3F210E;
        font-size: 14px;
        position: relative;
        text-decoration: none;
    }
    .top_news__a::after{
        content: "";
        background-image: url(../img/side_arrow2.png);
        background-repeat: no-repeat;
        background-position: 90% center;
        position: absolute;
        width: 46px;
        height: 7px;
        right: -55px;
        top: 1px;
    }
}





/* sp */
@media screen and (max-width: 767px) {
    .main{
        width: 100%;
        padding-top: 46px;
    }
    .main-slider{
        width: 100%;
    }
    .main-slider li{
        
    }
    .main-slider li img{
       width: 100%;
    }
    .top_concept_inner{
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin: 40px auto;
    }
    .top_concept_inner img{
        width: 20%;
    }
    .top_concept_inner p{
        text-align: center;
        font-size: 12px;
        color: #3F210E;
        line-height: 200%;
    }
    .top_concept_inner_p01{margin-bottom: 20px;}
    .top_concept_inner_p02{
        margin-bottom: 30px;
    }
    .top_concept_inner img.sp_concept_img03{
        width: 88%;
        margin: 0 auto;
    }
    .top_ordermade{
        position: relative;
    }
    .top_ordermade::before{
        content: "";
        width: 100%;
        height: 240px;
        background: linear-gradient(to right, #fefefe 0%,#d2e7ea 50%,#eaf1fc 100%);
        position: absolute;
        z-index: -2;
    }
    .top_ordermade_inner{
        padding-top: 40px;
    }
    .top_ordermade_inner_ttl{
        text-align: center;
        margin-bottom: 20px;
    }
    .top_ordermade_inner_ttl img{
        margin-bottom: 15px;
        height: 37px;
    }
    .top_ordermade_inner_ttl p{
        color: #3F210E;
        font-size: 110%;
    }
    .top_ordermade_inner_spimg{
        width: 100%;
    }
    .top_ordermade_inner_spimg img{
        width: 100%;
    }
    .top_ordermade_inner_box{
        display: flex;
        margin: 0 auto 50px;
        width: 88%;
    }
    .top_ordermade_inner_box_right{
        width: 22%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin-top: 30px;
    }
    .top_ordermade_inner_box_right img{
        width: 40px;
    }
    .top_ordermade_inner_box_left{
        width: 78%;
        position: relative;
        padding-top: 34px;
    }
    .top_ordermade_inner_box_left__p01{
        color: #3F210E;
        font-size: 16px;
        line-height: 160%;
        margin-bottom: 15px;
    }
    .top_ordermade_inner_box_left__p02{
        color: #3F210E;
        font-size: 12px;
        line-height: 180%;
        margin-bottom: 15px;
    }
    .top_ordermade_inner_box2{
        display: flex;
        margin: 60px auto;
        width: 88%;
        justify-content: flex-end;
    }
    .top_ordermade_inner_box2_right{
        width: 78%;
        height: auto;
        position: relative;
        padding: 350px 0 0;
    }
    .top_ordermade_inner_box2_right::after{
        content: "";
        background-image: url(../img/order_topimg02.png);
        background-repeat: no-repeat;
        width: 130%;
        height: 100%;
        position: absolute;
        z-index: -1;
        left: -30%;
        top: 30px;
        background-size: contain;
    }
    .top_ordermade_inner_box2_right__a01{
        position: relative;
        margin-bottom: 12px;
    }
    .top_ordermade_inner_box2_right__a01::before{
        content: "";
        background-image: url(../img/order_topbtn01.png);
        width: 77px;
        height: 77px;
        position: absolute;
        left: -60px;
        top: -45px;
        background-size: cover;
    }
    .top_ordermade_inner_box2_right__a02{
        margin-bottom: 12px;
    }
    .top_ordermade_inner_box2_right__a03{
        line-height: 135%;
    }
    .top_ordermade_inner_box2_left{
        position: absolute;
        width: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 6%;
    }

    .top_ordermade_inner_box2_left img{
        width: 100%;
    }
    .top_original{
        position: relative;
    }
    .top_original::before{
        content: "";
        width: 100%;
        height: 340px;
        background: linear-gradient(to right, #fefefe 0%,#d2e7ea 50%,#eaf1fc 100%);
        position: absolute;
        z-index: -2;
    }
    .top_original_inner{
        display: flex;
        justify-content: center;
        flex-direction: column-reverse;
        width: 88%;
        padding: 40px 0;
        margin: 0 auto;
    }
    .top_original_inner_left{
        width: 100%;
        margin: 0 auto;
    }
    .top_original_inner_left span{
        display: block;
        margin-bottom: 12px;
    }
    .top_original_inner_left span img{
        width: 100%;
    } 
    .top_original_inner_right{
        width: 100%;
        margin: 0 auto 30px;
    }
    .top_original_inner_ttl{
        text-align: center;
        margin-bottom: 20px;
    }
    .top_original_inner_ttl img{
        margin-bottom: 15px;
        height: 37px;
    }
    .top_original_inner_ttl p{
        color: #3F210E;
        font-size: 110%;
    }
    .top_original_inner_sptxt p{
        font-size: 85%;
        color: #3F210E;
        line-height: 140%;
        margin-bottom: 22px;
		text-align: center;
    }
    .top_original_inner_right__box{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .top_original_inner_right__box__a{
		margin: 0 10%;
    }
    .top_original_inner_right__box__div{
        width: 114px;
    }
    .top_qa{
        background-image: url(../img/bg_texture01.jpg);
        background-repeat: repeat;
    }
    .top_qa_inner{
        padding: 40px 0;
    }
    .top_qa_inner_left{
        position: relative;
    }
    .top_qa_inner_ttl{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 88%;
        margin: 0 auto 20px;
        flex-direction: column-reverse;
    }
    .top_qa_inner_ttl p{
        color: #3F210E;
        font-size: 16px;
        position: relative;
    }
    .top_qa_inner_ttl img{
        margin-bottom: 10px;
        height: 40px;
    }
    .top_qa_inner_spimg{
        width: 100%;
        margin: 0 0 30px 0;
    }
    .top_qa_inner_spimg img{
        width: 100%;
    }
    .top_qa_inner_right{
        width: 88%;
        margin: 0 auto;
    }
    .top_qa_inner_right__p01{
        font-size: 18px;
        line-height: 165%;
        color: #3F210E;
        border-bottom: solid 1px #C8C2BF;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .top_qa_inner_right__ul{
        margin-bottom: 30px;
    }
    .top_qa_inner_right__li{
        font-size: 12px;
        color: #3F210E;
        border-bottom: solid 1px #C8C2BF;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .top_qa_inner_right__a01{
        color: #3F210E;
        font-size: 12px;
        position: relative;
        text-decoration: none;
    }
    .top_qa_inner_right__a01::after{
        content: "";
        background-image: url(../img/side_arrow2.svg);
        background-repeat: no-repeat;
        background-position: 90% center;
        position: absolute;
        width: 46px;
        height: 7px;
        right: -55px;
        top: 1px;
    }
    
    .top_topics{
        background: linear-gradient(to bottom, #EAF2FC 0%,#F4F6F7 80%,#ffffff 100%);
    }
    .top_topics_inner{
        padding: 40px 0;
    }
    .top_topics_inner_ttl{
        margin: 0 auto;
        display: block;
        width: fit-content;
        text-align: center;
        margin-bottom: 20px;
    }
    .top_topics_inner_ttl img{
        margin-bottom: 5px;
        height: 40px;
    }
    .top_topics_inner_ttl p{
        color: #3F210E;
        font-size: 16px;
    }
    .topics-slider_wrapper{
        width: 80%;
        margin: 0 auto;
    }
    .topics-slider .slick-list{
        box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
    }
    .topics-slider .slick-prev,.topics-slider .slick-prev:active,.topics-slider .slick-prev:hover{
        background-image: url(../img/topics_arrow_right.png) !important;
        width: 22px;
        height: 27px;
        left: -30px;
    }
    .topics-slider .slick-next,.topics-slider .slick-next:active,.topics-slider .slick-next:hover{
        background-image: url(../img/topics_arrow_left.png) !important;
        width: 22px;
        height: 27px;
        right: -30px;
    }
    .topics-slider .slick-prev:hover,.topics-slider .slick-next:hover{
        opacity: 0.7;
    }
    .slick-prev:before,.slick-next:before{
        content: none !important;
    }
    .slick-slide img{
        width: 100%;
    }
    .top_news{
        background-image: url(../img/bg_texture01.jpg);
        background-repeat: repeat;
    }
    .top_news_inner{
        padding: 40px 0;
    }
    .top_news_inner_ttl{
        margin: 0 auto;
        display: block;
        width: fit-content;
        text-align: center;
        margin-bottom: 40px;
    }
    .top_news_inner_ttl img{
        margin-bottom: 15px;
    }
    .top_news_inner_ttl p{
        color: #3F210E;
        font-size: 16px;
    }
    .top_news_inner_spimg{
        width: 100%;
        margin: 0 0 30px 0;
        display: flex;
    }
    .top_news_inner_spimg img{
        width: 100%;
    }
    .top_news__ul{
        position: relative;
        width: 88%;
        margin: 0 auto;
    }
    .top_news__li{
        border-top: solid 1px #C8C2BF;
        font-size: 14px;
        color: #3F210E;
        padding: 15px 0;
        line-height: 165%;
        display: flex;
        flex-direction: column;
    }
    .top_news__li:last-child{
        border-bottom: solid 1px #C8C2BF;
        margin-bottom: 30px;
    }
    .top_news__li .tag{
        background-color: #3F210E;
        color: #fff;
        display: flex;
        width: 30%;
        align-items: center;
        justify-content: center;
        height: 30px;
        margin: 0 0 7px 0;
        font-size: 12px;
    }
    .top_news__li .date{
        margin: 0 10px 0 0;
    }
    .top_news__a{
        color: #3F210E;
        font-size: 14px;
        position: relative;
        text-decoration: none;
        width: 88%;
        margin: 0 auto;
        display: flex;
    }
    .top_news__a::after{
        content: "";
        background-image: url(../img/side_arrow2.png);
        background-repeat: no-repeat;
        background-position: 90% center;
        position: absolute;
        width: 46px;
        height: 7px;
        right: 185px;
        top: 1px;
    }
}

.jibun_series_movie{
	padding: 0.5em 1em 3em ;
}

.jibun_series_movie img {
	max-width: 100%;
}