@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,700;1,700&display=swap');

html,body{width: 100%;position: relative;height: 100%;}

body {margin: 0;padding: 0;background-color: #ffffff; color: #000000;font-size: 15px;line-height: 1;font-weight: bold;height: 100%;font-family:'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;font-weight: 400;letter-spacing: 0.1em;}

p,h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0; font-weight: 600;}

img {vertical-align:bottom;}

ul {margin: 0;padding: 0;}

a {text-decoration: none; color: #000000;}

li{list-style: none;margin: 0;padding: 0;}

em{font-style: normal;}

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

.fade-up,.fade-up2{
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
}
.main_fade{transition: opacity 0.4s ease-in-out;}

br._sp{display: none;}
img._sp{display: none;}

#loader-bg {position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;background: #000;z-index: 100;}
#loading{text-align: center;}
#loading .col-3{position: absolute;margin: auto;top:calc(50% - 10px);bottom: 0;left: 0;right: 0; height: auto; width: 100%;}
/*#loading img{position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0; width: 300px;}*/

/*nondeza-----------*/
.contents_wrap {}
h1{width: 100%; position: relative; height: 100vh;background: url(../images/main.gif)no-repeat top;background-size: contain;background-attachment: scroll;}
h1 > .dezaken{width: 160px;position: absolute; bottom: 10%; right: 7%;}
h1 .main_read_wrap{padding-top: calc(82px + 5%);padding-left: 7%;}
h1 .main_read_wrap .main_read{font-size: 69px; line-height: 1; font-style: italic; font-weight: bold;}
h1 .main_read_wrap .main_read > div{position: relative; display: inline-block;}
h1 .main_read_wrap .main_read > div .read_text{display: inline-block;position: relative;z-index: 1;}
h1 .main_read_wrap .main_read > div .read_line{position: absolute; top: 3px;left: 0;animation: bg 1s cubic-bezier(0.22, 1, 0.36, 1) forwards; width: 104%;height: 100%; transform-origin: left center; display: inline-block;}
h1 .main_read_wrap .main_read .read_1 .read_line{background: #ecbdcf;}
h1 .main_read_wrap .main_read .read_2{margin-top: 30px;}
h1 .main_read_wrap .main_read .read_2 .read_line{background: #b3cfe8; animation: bg 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;}
h1 .main_read_wrap .main_read .read_3{margin-top: 30px;}
h1 .main_read_wrap .main_read .read_3 .read_line{background: #ecbdcf; animation: bg 3s cubic-bezier(0.22, 1, 0.36, 1) forwards;}
h1 .main_read_wrap .sub_read{font-size: 18px; line-height: 45px; padding-top: 60px;}

@keyframes bg {
    0% {
        opacity: 0;
        transform: scaleX(0) translateX(-5%);
    }
    100% {
        transform: scaleX(1) translateX(0);
    }
    30%, 100% {
        opacity: 1;
    }
}

/*メニュー---------*/
header{animation-delay: 3s; position: fixed; top: 0; right: 0; left: 0;width: 100%;margin: 0; background: #fff;height: 82px;box-shadow: 0 0 13px 0 rgba(0,0,0,0.17); z-index: 4;transition: all 0.5s ease;}
header a img{width: 94px; padding: 22px 40px 0;}
.nav_fixed {position: fixed;top: 0;left: 0; background: rgba(255,255,255,0.7)}
nav.sp_menu{display: none;}
.sp_nav{display: none;}

header nav{display: inline-block;padding: 20px 0; position: absolute; top: 0; right: 0;}
header nav a{color: #000;font-size: 14px; font-weight: bold;line-height: 42px; padding:0 24px;}
header nav .detail{background: #000;border-radius: 21px; display: inline-block; width: 170px; text-align: center;color: #fff;box-sizing: border-box;margin: 0 24px; transition: 1s all ease;}
header nav .detail:hover{}

#sec1 .scroll{display: block; width: 46px; position: absolute; top:-40px; right: 0; left: 0; margin:0 auto; animation: 1.5s ease infinite scrolling;}
@keyframes scrolling{
    0%{ top:-40px;}
    40%{top:-60px;}
    100%{ top:-40px;}
}
#sec1 .scroll._sp{display: none;}

#sec1{background: url(../images/bg_line.png)repeat-y top center; background-size: 100%;position: relative;}
#sec1 .sec_wrap{background: url(../images/about_bg_1.png)no-repeat;background-position:top 0 left calc(50% + 630px);}
#sec1 .sec_wrap2{background: url(../images/about_bg_2.png)no-repeat;background-position:top 0 left calc(50% + 300px);}
#sec1 .sec_wrap3{background: url(../images/about_bg_3.png)no-repeat;background-position:top 0 right calc(50% + 620px);padding-top: 175px;padding-bottom: 250px;}
#sec1 h2{font-size: 102px; font-weight: bold; font-style: italic;text-align: center;height: 265px; padding-top: 115px;box-sizing: border-box;background: url(../images/about_ttl.png)no-repeat top left;}
#sec1 h2 span{font-size: 13px;display: block; padding-top: 40px; letter-spacing: 0.2em;}

#sec1 ul{text-align: center;margin-top: 180px;font-size: 0;}
#sec1 ul li{padding-bottom: 160px;text-align: left; display: inline-block;padding-left: 34px;width: 1080px; margin-left: 44px;}
#sec1 ul li h3{font-size: 38px; font-style: italic; font-weight: bold;line-height: 60px;position: relative;display: inline-block;width: 500px;}
#sec1 ul li h3 .sec1_read{display: inline-block;position: relative;z-index: 1;letter-spacing: 0.1em;}
#sec1 ul li h3 .read_line2{position: absolute; top: 38px;left: -3px; height: 16px; transform-origin: left center;border-radius: 8px;opacity: 0;}
.underline{animation: bg 3s cubic-bezier(0.22, 1, 0.36, 1) forwards; opacity: 1; transition: all 1s ease;}
#sec1 ul li h3 .read_line2.line1{background: #b3cfe8;width: 190px;}
#sec1 ul li h3 .read_line2.line2{background: #ecbdcf;width: 336px;top: auto; bottom: 6px;}
#sec1 ul li h3 .read_line2.line3{background: #b3cfe8;width: 420px;top: auto; bottom: 6px;}
#sec1 ul li p{display: inline-block; font-size: 20px; line-height: 45px;font-weight: normal;}
#sec1 ul li p span{display: block; height: 3px; width: 76px; background: #000;margin:10px 0 15px;}

.btn_area{background: url(../images/btn_area_bg.png)no-repeat center;height: 328px;position: relative; padding-top: 220px; box-sizing: border-box;}
.btn_area .balloon_blue{width: 164px; position: absolute; top: 52px; right: calc(50% + 40px);transition: all 0.6s ease;}
.btn_area .balloon_pink{width: 164px; position: absolute; top: 52px; left: calc(50% + 40px);transition: all 0.6s ease;}
.btn_area .detail_btn{display: block; background: #000; color: #fff; padding: 16px 0; width: 330px; border-radius: 100px; text-align: center; margin: 0 auto; transition: all 0.3s ease;}
.btn_area .detail_btn span{background: url(../images/arrow.png)no-repeat right 30px center;background-size: 23px; width: 330px; line-height: 26px;display: block;font-weight: bold;}
.btn_area .detail_btn:hover{background: #333;}

#sec2{background: url(../images/bg_sec2.png)repeat top left; text-align: center;padding: 180px 0 160px;}
.sec_ttl{font-size: 55px;font-style: italic; text-align: center;position: relative;display: inline-block;padding-bottom: 100px;}
.sec_ttl span{font-size: 13px;display: block; padding-top: 36px; letter-spacing: 0.2em;}
.sec_ttl .none_blue{width: 102px; position: absolute; top: 5px; left:-135px; animation: 2s ease infinite ttl_sub;}
.sec_ttl .none_pink{width: 102px; position: absolute; top: 5px; right:-135px; animation: 2s ease infinite ttl_sub;}
@keyframes ttl_sub{
    0%{ top: -10px;}
    40%{top: 10px;}
    100%{ top:-10px;}
}
#sec2 .recommend{padding-bottom: 100px;}
#sec2 .recommend li{display: inline-block; margin-left:80px;}
#sec2 .recommend li:first-child{margin-left:0;}
#sec2 .recommend li .illust{position: relative;width: 336px; height: 336px; margin-bottom: 40px;}
#sec2 .recommend li .illust .siromaru{background: #fff; width: 336px; height: 336px; border-radius: 336px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: 3s all ease;}
#sec2 .recommend li .illust img{position: relative; z-index: 1;width: 336px; }
#sec2 .recommend li h3{font-size: 35px; line-height: 55px; position: relative;display: inline-block;}
#sec2 .recommend li h3 .sec2_ttl{position: relative; z-index: 1;}
#sec2 .recommend li h3 .read_line2{position: absolute; top: 3px;left: -5%; height: 100%;width: 110%; transform-origin: left center; opacity: 0;}
#sec2 .recommend li h3 .read_line2.line1{background: #ecbdcf}
#sec2 .recommend li h3 .read_line2.line2{background: #b3cfe8}
#sec2 .recommend li h3 .read_line2.line3{background: #ecbdcf}
#sec2 .recommend li h3 .sub{position: absolute; bottom: 35px; left: -80px;}
#sec2 .recommend li h3 .sub2{position: absolute; bottom: 30px; left: -90px;}
#sec2 .recommend li p{text-align: left; padding-left: 70px; padding-top: 20px; line-height: 35px; font-size: 16px; font-weight: normal;}
#sec2 .recommend li:first-child p{padding-left: 50px;}

#sec2 .notreco{display: inline-block;text-align: left; padding-top: 20px; padding-right: 200px;}
#sec2 .notreco h4{font-size: 23px;}
#sec2 .notreco ul{padding-top: 40px;}
#sec2 .notreco ul li{font-size: 18px;padding-left: 35px;padding-bottom: 24px; background: url(../images/batsu.png)no-repeat top 2px left 5px; background-size: 16px;}

#sec2 .reco_dezaken{display: inline-block;vertical-align: top;}
#sec2 .reco_dezaken .balloon{background: url(../images/reco_balloon.png)no-repeat top left; font-size: 26px; line-height: 45px; font-weight: bold;width: 450px; height: 205px; box-sizing: border-box;padding: 30px 0 0 36px; text-align: left; display: inline-block;}
#sec2 .reco_dezaken .balloon span{font-size: 20px; display: block;}
#sec2 .reco_dezaken img{width: 150px; vertical-align: top; padding-top: 13px; padding-left: 20px;}

#sec3{text-align: center;padding: 260px 0 160px;background: url(../images/bg_line.png)repeat-y top center; background-size: 100%;position: relative;}
#sec3 .schedule{padding-top: 47px; text-align: left; width: 1100px; margin: 0 auto; font-size: 0;}
#sec3 .schedule li{display: inline-block; vertical-align: top; padding-left: 24px;}
#sec3 .schedule li:first-child{padding-left: 0;}
#sec3 .schedule li h3{font-size: 25px; background: url(../images/schedule_arrow.png)no-repeat top 10px right;width: 280px; background-size: 152px;}
#sec3 .schedule li h3 em{font-size: 35px;}
#sec3 .schedule li h3.end{background: none; width: 80px;}
#sec3 .schedule li .text_area{ padding-top: 40px;}
#sec3 .schedule li .text_area p{font-size: 16px;padding-bottom: 22px;display: block; font-weight: normal; }
#sec3 .line_blue{background: #b3cfe8;padding: 0 6px;border-radius: 50px;}
#sec3 .line_pink{background: #ecbdcf;padding: 0 6px;border-radius: 50px;}
#sec3 .line_gray{background: #e7e7e7;padding: 0 6px;border-radius: 50px;}
#sec3 .sche_text{font-size: 20px; line-height: 40px;padding-top: 90px; text-align: center; font-weight: bold;}
#sec3 .sche_text em{}
#sec3 .sche_text span{font-size: 16px; display: block;margin: 0 auto; font-weight: normal;}

#sec3 .table{font-size: 0; margin-top: 130px;}
#sec3 .table ul {padding-bottom: 10px; font-size: 0;letter-spacing:-1px;}
#sec3 .table li {display: inline-block; width: 200px;height: 140px; box-sizing: border-box; vertical-align: top;font-weight: 500;line-height: 140px;}
#sec3 .table li span{font-size: 20px;}
#sec3 .table .tb_top li{font-size: 20px; height: 84px; line-height: 84px; }
#sec3 .table .tb_nondeza li{font-size: 26px;}
#sec3 .table .tb_other li{font-size: 26px;}
#sec3 .table .tb_other li.other_th{font-size: 20px;}
#sec3 .table .white{background: #f6f6f6;}
#sec3 .table .gray{ background: #ebebeb;}
#sec3 .table .p_white{background: #f3e5ea;}
#sec3 .table .p_gray{ background: #ebdde3;}
#sec3 .table li .maru{background: url(../images/table_maru.png)no-repeat center; height: 100%;}
#sec3 .table li .maru2{background: url(../images/table_2maru.png)no-repeat center; height: 100%;}
#sec3 .table li .batsu{background: url(../images/table_batsu.png)no-repeat center; height: 100%;}
#sec3 .table li .sankaku{background: url(../images/table_sankaku.png)no-repeat center; height: 100%;}
#sec3 .matome{ font-size: 23px; line-height: 55px;background: #fff; position: relative; border: 3px solid #000;width: 1100px; padding: 30px; box-sizing: border-box; border-radius: 10px; margin: 100px auto 170px; font-weight: bold;}
#sec3 .matome h4{ font-size: 20px;background: #fff; position: absolute; top: -32px; left: 0; right: 0; margin: 0 auto; width: 140px;}

#sec4{text-align: center;padding: 190px 0 160px;background: url(../images/bg_faq.png)repeat top left; position: relative;}
.acd-check{display: none;}
.acd-label{background: #fff;color: #000;display: block;height: 100px; width: 1120px; margin: 0 auto 5px;position: relative; border-radius: 10px;line-height: 100px; text-align: left; padding-left: 55px; font-size: 20px; font-weight: bold;}
.acd-label em{font-size: 32px; padding-right: 46px;color: #b3cfe8;}
.acd-label:after{box-sizing: border-box;content: '+';display: block;font-size: 30px;height: 100px;position: absolute;right: 45px;top: 0px;}
.acd-content{display: block;height: 0;opacity: 0;transition: .5s;visibility: hidden; text-align: left; width:1120px; margin: 0 auto;padding: 0 0 0 55px;}
.acd-content p{display: inline-block; font-weight: normal; line-height: 30px;}
.acd-content p.line-one{line-height: 60px;}
.acd-content em{font-size: 32px; padding-right: 46px;color: #ecbdcf; vertical-align: top; line-height: 60px;}
.acd-check:checked + .acd-label:after{content: ''; height: 3px; width: 15px; background: #000; top: 49px; right: 47px;}
.acd-check:checked + .acd-label + .acd-content{height: auto;opacity: 1;visibility: visible;padding: 30px 0 30px 55px;}

#sec5{text-align: center;padding: 260px 0 160px;background: url(../images/bg_line.png)repeat-y top center; background-size: 100%;position: relative;}
#sec5 .swiper-container._sp{display: none;}
#sec5 .voice{font-size: 0;margin-bottom: 160px;}
#sec5 .voice li{width: 340px; display: inline-block;padding-left: 17px;}
#sec5 .voice li:first-child{padding-left: 0;}
#sec5 .voice li .voice_icon{width: 150px; margin-bottom: 17px;}
#sec5 .voice li .voice_arrow{width: 35px;display: block; margin: 0 auto;}
#sec5 .voice li .voice_wrap{font-size: 16px;line-height: 30px;width: 100%; height: 472px; overflow-y: scroll; border-radius: 10px; text-align: left;margin-top: -2px; box-sizing: border-box;padding: 35px; }
#sec5 .voice li .voice_wrap._blue{border: 3px solid #b3cfe8; background: url(../images/sec5_bg_blue.png)no-repeat top 34px left 21px;background-size: 128px;scrollbar-face-color: #b3cfe8;}
#sec5 .voice li .voice_wrap._pink{border: 3px solid #ecbdcf; background: url(../images/sec5_bg_pink.png)no-repeat top 34px left 21px;background-size: 128px;scrollbar-face-color: #ecbdcf;}

footer{ text-align: center; background: url(../images/bg_line.png)repeat-y top center; background-size: 100%;position: relative; padding: 117px 0 52px;}
footer .logo{width: 296px;}
footer .sns_area{margin-top: 90px;}
footer .sns_area a{padding: 0 19px;}
footer .sns_area a img{ width: 30px;}
footer .sc_top{position: absolute;width: 150px;bottom: 115px;right: 10%; transition: 1s all ease;}
footer .sc_top img{width: 100%;}
footer .unei{ font-size: 12px;margin-top: 40px;}
footer .copy{font-size: 13px;margin-top: 70px;}

@media screen and (max-width:1440px) {
    #sec5 .voice li{width: 280px; display: inline-block;padding-left: 10px;}
    #sec5 .voice li .voice_wrap{padding: 20px 20px; }
}

@media screen and (max-width:1180px) {
    br._sp{display: block;}
    img._sp{display: inline;}
    br._pc{display: none;}
    img._pc{display: none;}

    /*ハンバーガー--------*/
    #menu_pc{display: none;}
    .sp_nav{display: block; height: 73px; width: 100%; position: fixed; top: 0; left: 0; background: #fff;box-shadow: 0 0 8px 0 rgba(0,0,0,0.17); z-index: 3;}
    .sp_nav img{width: 86px;padding: 18px 0 0 18px;}
    .sp_nav .detail{display: block; position: absolute; width: 130px; height: 35px; background: #000; color: #fff; font-size: 11px; border-radius: 35px; line-height: 35px;text-align: center; top: 18px; right: 70px;}
    div.menu-btn{display: block;z-index: 10;}
    .menu-btn {position: fixed;top: 26px;right: 17px;width: 30px;height: 22px;line-height: 50px;font-size: 12px;text-align: center;cursor: pointer;z-index: 4;}
    .menu-btn,.menu-btn span {display: inline-block;transition: transform .4s;box-sizing: border-box;}
    .menu-btn span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #000;border-radius: 4px;}
    .menu-btn span:nth-of-type(1) {top: 0;}
    .menu-btn span:nth-of-type(2) {top: 10px;}
    .menu-btn span:nth-of-type(3) {bottom: 0;}
    .menu-btn.active span:nth-of-type(1) {
        -webkit-transform: translateY(7px) rotate(-45deg);
        transform: translateY(7px) rotate(-45deg);
    }
    .menu-btn.active span:nth-of-type(2) {opacity: 0;}
    .menu-btn.active span:nth-of-type(3) {
        -webkit-transform: translateY(-14px) rotate(45deg);
        transform: translateY(-14px) rotate(45deg);
    }
    .sp_menu {display: none; opacity: 0; position: fixed;top: 0;left: 0;width: 100%; height: 100%; z-index: 2;padding-top: 50px;text-align: center;color: #000;background: rgba(255,255,255,0.9) ;}
    .sp_menu h1{position: fixed; top: 0; display: block; text-align: left; width: 100%;}
    .sp_menu h1 img{width: 137px;}
    .sp_menu ul {text-align: left;margin-top: 30px;}
    .sp_menu ul li {width: 100%;padding-top: 60px;text-align: center;}
    .sp_menu ul li a{font-size: 14px; color: #000; line-height: 1; font-weight: bold;}
    .sp_menu.active { display: block; opacity: 1; animation: show .4s linear 0s;z-index: 2;}
    @keyframes show{from{opacity: 0;}to{opacity: 1;}}

    .top_logo{position: fixed; top: 20px; left: 17px; width: 62px; z-index: 7;}
    h1 span img{ width: 132px;}

    #sec1 .scroll._sp{display: block; width: 40px; }
    #sec1 .scroll._pc{display: none;}

    h1{height: calc(100vh - 70px);margin-top: 70px;background-size: cover;}
    h1 > .dezaken{width: 80px;position: absolute; bottom: 6%; right: 18px;}
    h1 .main_read_wrap{padding-top:33px;padding-left: 18px;}
    h1 .main_read_wrap .main_read{font-size: 40px; }
    h1 .main_read_wrap .main_read > div .read_line{top: 1px;left: 0;}
    h1 .main_read_wrap .main_read .read_2{margin-top: 15px;}
    h1 .main_read_wrap .main_read .read_3{margin-top: 15px;}
    h1 .main_read_wrap .sub_read{font-size: 11px; line-height: 22px; padding-top: 27px;}

    #sec1{background: url(../images/sp_bg_line.png)repeat-y top center; background-size: 100%;}
    #sec1 .sec_wrap{background: none;}
    #sec1 .sec_wrap2{background: url(../images/sp_about_bg.png)no-repeat;background-position:center center ; background-size: 100%;background-attachment: scroll;}
    #sec1 .sec_wrap3{background: none;padding-top: 75px;padding-bottom: 35px;}
    #sec1 h2{font-size: 37px; font-weight: bold; font-style: italic;text-align: center;height: 125px; padding-top: 58px;box-sizing: border-box;background: url(../images/about_ttl.png)no-repeat top left; background-size: 200px; width: 100%; max-width: 414px; margin: 0 auto;}
    #sec1 h2 span{font-size: 10px;display: block; padding-top:15px; letter-spacing: 0.2em;}

    #sec1 ul{text-align: center;margin-top: 72px;font-size: 0;overflow: hidden;}
    #sec1 ul li{padding-bottom: 45px;text-align: left; display: block;padding-left: 4.6%;max-width: 414px; width: 100%; margin:0 auto;}
    #sec1 ul li h3{font-size: 24px; line-height: 38px; display:block; width: auto;}
    #sec1 ul li h3 .sec1_read{display: inline-block;position: relative;z-index: 1;letter-spacing: 0.1em;}
    #sec1 ul li h3 .read_line2{position: absolute; top: 26px;left: -1px; height: 8px;}
    #sec1 ul li h3 .read_line2.line1{width: 120px;}
    #sec1 ul li h3 .read_line2.line2{width: 212px;top: auto; bottom: 3px;}
    #sec1 ul li h3 .read_line2.line3{width: 265px;top: auto; bottom: 3px;}
    #sec1 ul li p{display: block; font-size: 12px; line-height: 22px;letter-spacing: 0.1em;}
    #sec1 ul li p span{display: block; height: 2px; width: 38px; margin:15px 0 15px;}

    .btn_area{background: url(../images/btn_area_bg.png)no-repeat center bottom;background-size: 100%; height: auto;padding-top: 115px; padding-bottom: 20px; box-sizing: border-box;overflow: hidden;}
    .btn_area .balloon_blue{width: 130px; position: absolute; top: 0; right: calc(50% + 19px);}
    .btn_area .balloon_pink{width: 130px; position: absolute; top: 0; left: calc(50% + 19px);}
    .btn_area .detail_btn{padding: 13px 0; width: 260px; font-size: 14px;}
    .btn_area .detail_btn span{background: url(../images/arrow.png)no-repeat right 27px center;background-size: 20px; width: 260px; line-height: 20px;display: block;}

    #sec2{padding: 90px 0;overflow: hidden;}
    .sec_ttl{font-size: 25px;position: relative;padding-bottom: 50px;}
    .sec_ttl span{font-size: 10px;padding-top: 15px; }
    .sec_ttl .none_blue{width: 35px; top: 5px; left:-50px; animation: 2s ease infinite ttl_sub2;}
    .sec_ttl .none_pink{width: 35px; top: 5px; right:-50px; animation: 2s ease infinite ttl_sub2;}
    @keyframes ttl_sub2{
        0%{ top: -3px;}
        40%{top: 10px;}
        100%{ top:-3px;}
    }
    #sec2 .recommend{padding-bottom: 73px; padding: 0 10px; max-width: 414px;margin: 0 auto;}
    #sec2 .recommend li{display: flex; margin:0 auto 27px;}
    #sec2 .recommend li.sp_flex{}
    #sec2 .recommend li.sp_flex .wrap_text{ order: 1;}
    #sec2 .recommend li .wrap_text{margin-top: 30px;width: 50%; box-sizing: border-box;}
    #sec2 .recommend li.sp_flex .illust{ order: 2;}
    #sec2 .recommend li:first-child{margin-left:auto;}
    #sec2 .recommend li .illust{width: 50%; height: 168px; margin-bottom: 0;}
    #sec2 .recommend li .illust img{width: 168px; margin: 0 auto;}
    #sec2 .recommend li .illust .siromaru{width: 168px; height: 168px; border-radius: 168px; margin: 0 auto;}
    #sec2 .recommend li h3{font-size: 17px; line-height: 27px;}
    #sec2 .recommend li h3 .read_line2{top: 1px;}
    #sec2 .recommend li h3 .sub{position: absolute; bottom: 20px; left: -30px; width: 55px;}
    #sec2 .recommend li h3 .sub2{position: absolute; bottom: 20px; left: -50px; width: 75px;}
    #sec2 .recommend li p{text-align: left; padding-left: 36px; padding-top: 20px; line-height: 20px; font-size: 11px; letter-spacing: 0.1em;}
    #sec2 .recommend li:first-child p{padding-left: 26px;}

    #sec2 .notreco{display: block;text-align: left; padding-top: 48px; padding-right: 0; padding-left: 30px; max-width: 414px; padding-bottom: 32px; box-sizing: border-box; margin: 0 auto;}
    #sec2 .notreco h4{font-size: 15px;}
    #sec2 .notreco ul{padding-top: 20px;}
    #sec2 .notreco ul li{font-size: 10px;padding-left: 17px;padding-bottom: 9px; background: url(../images/batsu.png)no-repeat top 1px left 2px; background-size: 8px;}

    #sec2 .reco_dezaken{display: inline-block; vertical-align: top;}
    #sec2 .reco_dezaken .balloon{background: url(../images/reco_balloon.png)no-repeat top left; background-size: 225px; font-size: 13px; line-height: 22px; width: 225px; height: 110px; box-sizing: border-box;padding: 18px 0 0 24px; text-align: left; display: inline-block;letter-spacing: 0;}
    #sec2 .reco_dezaken .balloon span{font-size: 10px; display: block;}
    #sec2 .reco_dezaken img{width: 75px; vertical-align: top; padding-top: 8px; padding-left: 20px;}

    #sec3{text-align: center;padding: 90px 0 52px;background: url(../images/sp_bg_line.png)repeat-y top center; background-size: 100%;position: relative;overflow: hidden;}
    #sec3 .schedule{padding-top: 47px; padding-bottom: 10px; text-align: left; width: 100%; max-width: 414px; margin: 0 auto; font-size: 0; overflow-x: scroll;-webkit-overflow-scrolling: touch;position: relative;}
    .sec3_scroll_x{position: absolute; top: 15px; left: 0; right: 0; margin: 0 auto; width: 60px;animation: 1.5s ease infinite scrolling_x;}
    .matome .sec3_scroll_x{position: absolute; top: -60px; left: 0; right: 0; margin: 0 auto; width: 60px;animation: 1.5s ease infinite scrolling_x;}
    @keyframes scrolling_x{
        0%{padding-left:0;}
        40%{padding-left:14px;}
        100%{padding-left:0;}
    }
    #sec3 .schedule .schedule_wrap{width: 600px;padding:0 4.6%;}
    #sec3 .schedule::-webkit-scrollbar {height: 4px;width: 10px;}
    #sec3 .schedule::-webkit-scrollbar-track {background: #eee;}
    #sec3 .schedule::-webkit-scrollbar-thumb {background: #ddd;border: none;border-radius: 10px;height: 4px;}
    #sec3 .schedule li{display: inline-block; vertical-align: top; padding-left: 24px;}
    #sec3 .schedule li:first-child{padding-left: 0;}
    #sec3 .schedule li h3{font-size: 12px; background: url(../images/schedule_arrow.png)no-repeat top 5px right;width: 132px; background-size: 62px;}
    #sec3 .schedule li h3 em{font-size: 15px;}
    #sec3 .schedule li h3.end{background: none; width: 80px;}
    #sec3 .schedule li .text_area{ padding-top: 40px;}
    #sec3 .schedule li .text_area p{font-size: 11px;padding-bottom: 15px;}
    #sec3 .sche_text{font-size: 11px; line-height: 25px;text-align: left; letter-spacing: 0; width: 100%; max-width: 414px; margin: 0 auto; padding: 50px 4.6% 0; box-sizing: border-box;}
    #sec3 .sche_text em{}
    #sec3 .sche_text span{font-size: 10px; }

    #sec3 .table{font-size: 0; width: 100%; max-width: 414px; margin: 50px auto 0;padding: 0 4.6% 10px;overflow-x: scroll;-webkit-overflow-scrolling: touch; box-sizing: border-box;}
    #sec3 .table::-webkit-scrollbar {height: 4px;}
    #sec3 .table::-webkit-scrollbar-track {background: #eee;}
    #sec3 .table::-webkit-scrollbar-thumb {background: #ddd;border: none;border-radius: 10px;}
    #sec3 .table .table_wrap{width: 500px;}
    #sec3 .table ul {padding-bottom: 5px; }
    #sec3 .table li {display: inline-block; width: 100px;height: 70px; line-height: 70px;}
    #sec3 .table li span{font-size: 10px;}
    #sec3 .table .tb_top li{font-size: 10px; height: 42px; line-height: 42px; }
    #sec3 .table .tb_nondeza li{font-size: 13px;}
    #sec3 .table .tb_other li{font-size: 13px;}
    #sec3 .table .tb_other li.other_th{font-size: 10px;}
    #sec3 .table li .maru{background-size: 40px;}
    #sec3 .table li .maru2{background-size: 40px;}
    #sec3 .table li .batsu{background-size: 40px;}
    #sec3 .table li .sankaku{background-size: 40px;}
    #sec3 .matome{ font-size: 14px; line-height: 27px; border: 2px solid #000;width: calc(100% - 9.2%); max-width: 414px; padding: 35px 0; box-sizing: border-box; border-radius: 5px; margin: 70px auto 0; letter-spacing: 0.1em; margin-bottom: 30px;}
    #sec3 .matome h4{ font-size: 10px;background: #fff; position: absolute; top: -16px; left: 0; right: 0; margin: 0 auto; width: 70px;}

    #sec4{padding: 90px 0;overflow: hidden;}
    .acc_wrap{padding: 0 4.6%;}
    .acd-label{height: 50px; width: calc(100% - 30px); max-width: 600px; margin: 0 auto 3px;border-radius: 5px;line-height: 50px; padding-left: 21px; font-size: 12px; letter-spacing: 0;}
    .acd-label em{font-size: 16px; padding-right: 16px;}
    .acd-label:after{font-size: 15px;height: 50px;position: absolute;right: 22px;top: 0px;}
    .acd-content{ width: calc(100% - 30px); max-width: 600px; padding: 0 0 0 21px;}
    .acd-content p{line-height: 18px; font-size: 11px; width: calc(100% - 60px);}
    .acd-content p.line-one{line-height: 18px;}
    .acd-content em{font-size: 16px; padding-right: 22px; line-height: 16px;}
    .acd-check:checked + .acd-label:after{content: ''; height: 1.5px; width: 8px; background: #000; top: 24px; right: 23px;}
    .acd-check:checked + .acd-label + .acd-content{height: auto;opacity: 1;visibility: visible;padding: 10px 0 10px 21px;}

    #sec5{text-align: center;padding: 90px 0 52px;background: url(../images/sp_bg_line.png)repeat-y top center; background-size: 100%;position: relative;overflow: hidden;}
    #sec5 .voice{display: none;}
    #sec5 .swiper-container._sp{display: block;margin-bottom: 68px;}
    #sec5 .swiper-container{ width: calc(100% - 30px); max-width: 400px;}
    #sec5 .swiper-container .voice_icon{width: 150px; margin-bottom: 17px;}
    #sec5 .swiper-container .voice_arrow{width: 35px;display: block; margin: 0 auto;}
    #sec5 .swiper-container .voice_wrap{font-size: 11px;line-height: 25px;width: 100%; height: 472px; overflow-y: scroll; border-radius: 10px; text-align: left;margin-top: -2px; box-sizing: border-box;padding: 35px; }
    #sec5 .swiper-container .voice_wrap._blue{border: 3px solid #b3cfe8; background: url(../images/sec5_bg_blue.png)no-repeat top 34px left 21px;background-size: 128px;scrollbar-face-color: #b3cfe8;}
    #sec5 .swiper-container .voice_wrap._pink{border: 3px solid #ecbdcf; background: url(../images/sec5_bg_pink.png)no-repeat top 34px left 21px;background-size: 128px;scrollbar-face-color: #ecbdcf;}

    footer{ text-align: center; background: url(../images/sp_bg_line.png)repeat-y top center; background-size: 100%;position: relative; padding: 150px 0 30px;overflow: hidden;}
    footer .logo{width: 148px;}
    footer .sns_area{margin-top: 50px;}
    footer .sns_area a{padding: 0 25px;}
    footer .sns_area a img{ width: 18px;}
    footer .sc_top{position: absolute;width: 75px;bottom: auto; top: 43px; right: 0; left: 0; margin: 0 auto;transition: 1s all ease;}
    footer .sc_top img{width: 100%;}
    footer .unei{ font-size: 10px;margin-top: 22px;}
    footer .copy{font-size: 10px;margin-top: 48px;}

}

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

}