@charset "UTF-8";
/* CSS Document */


@media screen and (max-width: 47.96875em) {

  .pc {
    display: none !important;
  }

  img {
    width: auto;
  }

  .tab {
    display: block;
  }

  .sp {
    display: block !important;
  }

  .sp_phone {
    display: none;
  }
.pankuzu_inner{width:100%;padding:0.5rem 1rem;}
.pankuzu_inner ul{flex-wrap:wrap;}
.pankuzu_inner ul li a,
.pankuzu_inner ul li{font-size:1.2rem;}
.pankuzu_inner ul li:last-child{margin-right:0;}

/*bento top*/
.section_inner{padding:3rem 0 4rem;width:100%;}
.impotant_news{margin:0;}
.slide_area .prev{left: 18%;}
.slide_area .next{right: 21%;}
.impotant_news .title{margin-left:2rem;}
.impotant_news .news_list{padding-top:1.5rem;}
.impotant_news .news_list li{padding:0 2rem;}
.impotant_news .news_list li a span{margin-right:2rem;white-space:nowrap;}

.bento_section{margin-bottom:2rem;}
.bento_section .title{font-size:2.4rem;margin:0 0 3rem;}
.bento_item_list{padding:0 2rem;}
.bento_section .bento_item_list .item{width: 48%;margin: 0 4% 4% 0;}
.bento_section .bento_item_list .item:nth-child(2n){margin-right:0;}
.bento_section .bento_item_list .item .img{min-height:0;}
.bento_section .bento_item_list .item .link{font-size:1.4rem;}

.bg_area{background-position:center left 76% ;}
.index_link{margin: 0 0 2rem;padding-right:2rem;margin-top: -7rem;}
.news_list{padding:0 2rem;}
.news_list ul li dl{padding:0 2rem;display: block;}
.news_list ul li dl dt{width:100%;font-size: 1.5rem;margin-bottom:1rem;}
.news_list ul li dl dd{width:100%;font-size:1.5rem;}
.kondate_box{margin:0 2rem !important;border-radius:5px;}
.kondate_box ul{flex-wrap:wrap;position:relative;padding: 0 0 0 9rem;}
.kondate_box ul li{width: 48%;margin: 0 0 3rem;}
.kondate_box ul li:nth-child(n + 4){margin:0;}
.kondate_box ul li.title{width: 23%;position: absolute;left: 0;top: -5px;}
.kondate_box ul li a{width: 100%;font-size:1.5rem;font-weight:bold;}
.kondate_box ul li a span{font-size:1.4rem;padding:0 1rem 0 0.5rem;}

.news_list ul li{}

/*bento category*/
.bento_box_list{padding:0 2rem;}
.bento_box_list li a{align-items: flex-start;}
.bento_box_list li{width:100%;}
.bento_box_list li a .img{margin:0 2% 0 0;width:43%;}
.bento_box_list li a .content{width:55%;}
.bento_box_list li .flg{padding-top: 1rem;padding-right: 0rem;height: 6.4rem;left: 0rem;}
.bento_box_list li a .content .title{font-size:1.6rem;}
.bento_box_list li a .content .price{font-size:1.2rem;}
.bento_box_list li a .content .title span{font-size:1.1rem;}
.page_title{padding:2rem 0 2rem;}
.page_title h1{font-size:3rem;font-weight:bold;line-height:1.2;letter-spacing: 0;}
.page_title h1 span{font-size:1.2rem;bottom: -2rem;}
.page_title .title_lead{font-size:1.1rem;}
.page_title .title_lead .note{font-size:1rem;padding:0 2rem;}

/*bento detail*/
.bento_content .content_top{flex-wrap:wrap;}
.bento_content .content_top .left{width:100%;padding:0 2rem;}
.bento_content .content_top .right{width:100%;padding:0 2rem;}
.menu_table table tr,
.menu_table table tr td,
.menu_table table tr th{width:100%;display:block;}
.menu_table table tr th{text-align:center;border-bottom:2px solid #FFF;padding:1rem 0;display:flex;justify-content: flex-start;align-items: center;}
.menu_table table tr th p {font-size:1.5rem;padding:0 2rem;}
/*.menu_table table tr th p br{display: none;}*/
.menu_table table tr td dl dt{font-size:1.4rem;}
.menu_table table tr td dl dd{font-size:1.3rem;}
.bento_content .content_top .right .menu_table table tr th .note{margin:0 0 0 1rem;}
.bento_content .content_top .right .copy{margin-top:3rem;}
.mimamori_section:last-child{margin:0;}
.bento_content .content_top .right .c_list{padding:0 0rem;}
.c_list{padding:0 2rem;margin-top:2rem;}
.note_box{padding:2rem 0;}
.attention{font-size:1.4rem;margin:2rem;}
.-alert{background-size: 2rem;}
.bento_content .announce{width:95%;margin:0 auto;padding:1rem 1rem;border-radius:1rem;}

.bento_content .announce .text dl{flex-wrap:wrap}
.bento_content .announce .text dl dt{width:50%;margin:0 auto 0.5rem;font-size:1.4rem;}
.bento_content .announce .text dl dd{font-size:1.4rem;}
.bento_content .announce .title{font-size:1.5rem;}

/*cp*/
.cp_content .main_img{width:100%;}
.cp_content .content_movie iframe{width:100%;height: 57vw;}
.cp_content .main_text{padding:0 1rem;}
.cp_content .main_img{padding:0 1rem;}
.cp_content .content_img{padding:0 2rem;}
.cp_content .content_note{padding:0 2rem;}
.cp_content .content_title img{height:auto;margin:0 2rem;}
.cp_content_btn{padding:2rem;}

.cp_content .main_text{font-size:1.4rem;}
.cp_content .cp_content_inner{padding:3rem 0}
.cp_content .note_box .title{font-size:2rem;}
.cp_content .content_img.-mt8{margin-top:-5rem;margin-bottom:2rem;}
.cp_content .note_box{padding:3rem 1.5rem;}
.note_box{margin-bottom:2rem;}
.bento_detail_note{margin:0 1.5rem;}

/*tv*/
.tv_block .block_inner{width:90%;}
.tv_block .block_inner .tv_content{height:25rem;}
.tv_block .block_inner .icon{margin:0 0 2rem;width: 6rem; height: 0.5rem;}
.tv_block .block_inner .tv_content img.coming{height:2.5rem;}
.tv_block .block_inner .tv_content .play{height: 4rem;}
.tv_block .block_inner .tv_content .text{bottom:4.5rem;font-size:1.2rem}
.tv_block .block_inner .tv_content .mov iframe{width: 31.2rem;height: 17.5rem;position: relative;top: 3rem;}
.tv_block .making_block{width:90%;}
.tv_block .making_block{padding:2rem 1.5rem 2rem;}
.tv_block .making_block .mov iframe{height: 17.5rem;}
.tv_block .making_block .text{bottom: 2.5rem;width: 91%;font-size:1.2rem}

.btn_area{display:block;width:90%;margin:2rem auto 0 auto;}
.btn_area .tel_btn{margin:0 0 2rem;}
.anch_list ul{justify-content: center;}
.anch_list ul li{width:45%;}
.anch_list ul li a{font-size:1.3rem;padding-left: 2rem;}
.anch_list ul li a:before{width:1.5rem;}
.section_title h2{font-size:1.8rem;}
.faq_qa .faq_q p{font-size:1.5rem;}
.faq_qa .faq_q{padding-right:4rem;}
.faq_qa .faq_a ul li,
.faq_qa .faq_a p a,
.faq_qa .faq_a p{font-size:1.4rem;}
.faq_qa .faq_a .faq_tel{font-size:1.4rem;}

/*order*/
.page_title .subcopy{font-size:2.4rem;}
.page_title .order_illust{background:url(../img_bento/order_img01_sp.png) center center no-repeat;background-size:100%;margin: 0rem auto 0 auto;height: 21rem;}
.section_title.-border{font-size:2rem;}
.order_content{width:90%;margin:0 auto;}
.order_content > ul > li:after,
.order_content > ul > li:before{display:none;}
.order_content > ul > li .step .num{width:3rem;height:3rem;font-size:1.5rem;line-height:3rem;}
.order_content > ul > li .step{width:3rem;}
.order_content > ul > li .content.-full,
.order_content > ul > li .content{width: 28rem;margin-right: 0;}
.order_content > ul > li .content .title{font-size:1.8rem;margin:0 0 1rem;}
.order_content > ul > li .content .text{margin:0 0 2rem;}
.order_content > ul > li .content .text ul li,
.order_content > ul > li .content .text p{font-size:1.3rem;line-height:1.5;}
.order_content > ul > li > .illust{width:100%;max-width:100%;text-align:center;}
.order_content .btn_area{margin:0;}
.order_content > ul > li .other_section .btn_area .point{margin:0 0 1rem;}
.order_content > ul > li .bg_box .box_title{font-size:1.6rem;}
.order_content > ul > li .bg_box .text p{font-size:1.3rem;line-height:1.5;}
.order_content > ul > li .bg_box .table thead th{font-size:1.2rem;}
.order_content > ul > li .other_section .flex{flex-wrap:wrap;margin:0 0 1rem;}
.order_content > ul > li .other_section .flex a{margin:0;width:100%;}
.note_content .title{font-size:1.8rem;}
.note_content ul li{font-size:1.3rem;}

.border_title{font-size:1.6rem;width:95%;}
.beginner_content .kondate_btn{width:95%;margin:0 auto;}
.section_inner.beginner_bg{margin-top: -13rem;}
.page_title .beginner_illust{background:url(../img_bento/img_beginner01_sp.png) center center no-repeat;background-size:55rem;height:30rem;margin:-6rem auto 0 auto}
.point_block .point_list .point_box .content{width:100%;}
.point_block .point_list .point_box .img{}
.point_block .point_list .point_box{padding:2rem;}
.point_block .point_list .point_box .content .head .title{width: 70%;margin-right: 30%;}
.beginner_img{width:95%;margin:0 auto;}
.beginner_content .item_block .item{margin-right:0;}
.point_block .point_list .point_box .content .head{justify-content: center;margin:0 0 2rem;}
.point_block .point_list .point_box{width:95%;margin:0 auto 2rem auto;}
.point_block .point_list .point_box .content .head .num{margin:0 0 2rem;}
.point_block .point_list .point_box .content .head .num img{height:3rem;}
.point_block .point_list .point_box .content .head .title{font-size:1.8rem}
.point_block .point_list .point_box .img{width:39%;position:absolute;right:0;top:0;}
.point_block .point_list .point_box .content .text{font-size:1.4rem;padding:0;}
.point_block .point_list .point_box:nth-child(4),
.point_block .point_list .point_box:nth-child(3),
.point_block .point_list .point_box:nth-child(2){padding:2rem;}
.point_block .point_list .point_box:nth-child(4) .img,
.point_block .point_list .point_box:nth-child(3) .img,
.point_block .point_list .point_box:nth-child(2) .img{width: 11rem;top: 2rem;}
.point_block .point_list .point_box:nth-child(4) .img{width:16rem;}

.staff_content .staff_block{flex-wrap:wrap;width:90%;margin:0 auto;}
.staff_content .staff_block .left .title{font-size:1.8rem;}
.staff_content .staff_block .left .text{font-size:1.3rem;}
.staff_content .staff_block .right{width:25rem;margin:0 auto;}
.staff_content .staff_list{width:90%;margin:0 auto;}
.staff_content .staff_list .block.-gray{padding:3rem;flex-wrap: wrap;}
.staff_content .staff_list .block .left{width:40%;position:absolute;top:10rem;left:0;}
.staff_content .staff_list .block .right{width:100%;}
.staff_content .staff_list .block .right .title{font-size:1.6rem;}
.staff_content .staff_list .block .right .text{font-size:1.4rem;padding-left:40%;}

.rakuraku_block{padding:3rem;margin:0 auto;background:none;}
.rakuraku_block .flex{flex-wrap: wrap;}
.rakuraku_block .flex .block{width:100%;margin:0 0 2rem;}
.flex_btn{flex-wrap: wrap;}
.flex_btn a{max-width:90%;padding:0;font-size:1.4rem;margin:0 auto 2rem;}
.comment_lead{width:90%;margin:0 auto 2rem;}
.comment_block{flex-wrap: wrap;width:90%;margin:0 auto 3rem auto;}
.comment_block .box{width:100%;margin:0 0 2rem}
.comment_block .box .title{font-size:1.6rem;}
.comment_block .box .comment{font-size:1.3rem;padding:2rem;}
.comment_block .box .img{width:10rem;}
.rakuraku_block .rakuraku_list ul li .flex{position:relative;}
.rakuraku_block .rakuraku_list ul li .flex .img{position:absolute;left:0;top:0;width:4.5rem;}
.staff_content .staff_list .block.-orange{padding:2rem;}
.staff_content .staff_list .block.-orange .center .text{font-size:1.4rem}
.rakuraku_block .illust{position:inherit;left:0;top:0;width:60%;text-align:center;margin:0 auto 2rem}
.rakuraku_block .rakuraku_list ul li .flex .content .title{font-size:1.6rem;padding-left:6rem;margin-bottom:1rem;}
.rakuraku_block .rakuraku_list ul li .flex.content{width:23rem;}

.rakuraku_block .flex .block .title{font-size:1.6rem;text-align:center}
.c-lead.-center{text-align:left;font-size:1.4;width:90%;margin:0 auto;}

.other_content{width:95%;margin:0 auto 2rem;}
.other_content .content_title{font-size:2rem;}
.other_content .content_text p{font-size:1.4rem;line-height:1.5;}
.other_content .content_text .table table tr{display:block;margin:0 0 2rem;}
.other_content .content_text .table table th{width:100%;display:block;text-align:center;}
.other_content .content_text .table table td{width:100%;display:block;margin:1rem 0 2rem;}
.other_content .content_text .table table th span,
.other_content .content_text .table table td span{color:#C2C2BD;display:inline-block;margin:0 0.5rem 0 0;}
.other_content .content_text .mini_title{font-size:1.6rem;}
.other_content .content_text .mini_section{margin:0 0 2rem;}

.other_content .content_text p .float_right{margin:0 auto;float: none;display:block;}
.other_content .note_box .title{font-size:1.6rem;}
.other_content .note_box .text{font-size:1.4rem;}
.other_content .text_list ul li{font-size:1.4rem}

.trade_table {width:95%;margin:0 auto;}
.trade_table table{width:100%;border-collapse: collapse;}
.trade_table table tr{display: block;}
.trade_table table th{padding:1rem 2rem;font-size:1.5rem;display:block;width:100%;}
.trade_table table td{padding:1rem 2rem;font-size:1.5rem;display:block;}
.sitemap_box {width:95%;margin:0 auto 2rem;}
.sitemap_box .sitemap_flex{flex-wrap:wrap;}
.sitemap_box .sitemap_flex > div{width:100%;}
.sitemap_box .sitemap_title{font-size:1.8rem;}
.sitemap_box .sitemap_title2{font-size:1.6rem;}
.sitemap_box .sitemap_flex > div a{font-size:1.4rem;}

.company_tab {width:90%;margin:0 auto 4rem auto;}
.company_tab ul{flex-wrap:wrap;}
.company_tab ul li{width:50%;margin-bottom:1rem;}
.company_tab ul li a{font-size:1.4rem;}

.vision_list{width:100%;}
.vision_list ul li{font-size:1.4rem;text-indent:-2em;padding-left:2em;}

.sponsor_box {width:90%;margin:0 auto;}
.sponsor_box .box{width:100%;}
.sponsor_box .box .content{display:block;}
.sponsor_box .box .content .img{width:100%;}
.sponsor_box .box .content .right{width:100%;}
.sponsor_box .box .content .right .text{font-size:1.4rem;}
.sponsor_box .box .content .right .mini_title{font-size:1.6rem;}
.big_copy{font-size:2rem;}

.select_list{width:90%;margin:0 auto;}
.select_list ul li{flex-wrap: wrap;}
.select_list ul li .img{width:60%;margin:0 auto 2rem;}
.select_list ul li .right{width:100%;}

.message_list{width:90%;margin:0 auto;}
.ceo_message{width:90%;flex-wrap: wrap;margin:0 auto;}
.ceo_message .sgds,
.ceo_message .left{display:none;}
.ceo_message .right .name{margin:0;padding:0;background:none;}
.ceo_message .img{margin:2rem 0;}

.recruit_illust{margin-top:2rem;}
.recruit_box{width:90%;margin:0 auto;}
.recruit_box .box{display:block;padding:2rem;}
.recruit_box .box .img{width: 80%;margin: 0 auto 2rem;}
.recruit_box .box .right{width:100%;}
.recruit_box .box .right .title{font-size:2.4rem;text-align:center;}
.recruit_box .box .right .link{text-align:center;font-size:2rem;}
.recruit_box .box .right .text{font-size:2rem;}

.rec_img{width:90%;margin:0 auto;}

}



@media screen and (min-width: 769px)
{
.tab{display:none !important;}
.sp{display:none !important;}
.sp_phone{display:none !important;}




}
@media screen and (max-width:768px) and (min-width: 415px)
{
.tab{display:none !important;}
.sp_phone{display:none !important;}




}

@media screen and (max-width:768px)
{
body{min-width: 0;}
.pc{display:none !important;}
select,
input{width:100%;box-sizing:border-box;}




html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td,*,* *,* * *,* * * *,* * * * *,* * * * * *,
*,*:before,*:after,*:hover,*:checked{

}


}



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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td,*,* *,* * *,* * * *,* * * * *,* * * * * *,
*,*:before,*:after,*:hover,*:checked{

}
}


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






html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td,*,* *,* * *,* * * *,* * * * *,* * * * * *,
*,*:before,*:after,*:hover,*:checked{

}

}

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


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td,*,* *,* * *,* * * *,* * * * *,* * * * * *,
*,*:before,*:after,*:hover,*:checked{

}

}