@charset "utf-8";

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

body,h1,h2,h3,h4,h5,h6,td,th,p,div,input,textarea,pre,ul,li,ol{
	font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', sans-serif;
	font-weight:400;
}

.dspnone{display:none!important;}
.dpcnone{display:block!important;}

section{width:100%;padding-right:0;}

nav.glbnav{background:#fff;display:block;width:100%;height:140px;position:relative;text-align:center;top:0;left:0;right:0;z-index:100;}

div.sp_logo{display:block;position:absolute;left:15px;top:15px;}

nav.glbnav h1.logo{display:none;}

nav.glbnav dl#acmenu dd  div.sitemap_wrap{display:flex;flex-wrap:wrap;max-width:800px;margin:10px 0 10px 0;}
nav.glbnav dl#acmenu{width:100%;position:relative;z-index:1;}
nav.glbnav dl#acmenu dt{width:60px;height:60px;text-align:center;color:#000;font-size:12px;font-weight:bold;line-height:1.4;position: absolute;right: 40px;top:40px;z-index:1;}
nav.glbnav dl#acmenu dt.active{position:fixed;}
nav.glbnav dl#acmenu dd{display:none;width:100vw;height:100vh;background:#1cbcd1;right:0;position:fixed;top:0;z-index:0;bottom:0;}

nav.glbnav dl#acmenu dd ul{width:100%;position:static;padding:0 15px 0;}
nav.glbnav dl#acmenu dd li{font-size:12px;margin:0 0 5px;text-align:left;}
nav.glbnav dl#acmenu dd li a{font-size:18px;width:100%;color:#fff;display:block;}
nav.glbnav dl#acmenu dd li span{font-size:12px;}
nav.glbnav dl#acmenu dd  ul li{padding:10px;}

nav.glbnav dl#acmenu dd ul.nav01{margin-top:80px;}

nav.glbnav dl#acmenu dd  ul li ul li{line-height:1.3;}
nav.glbnav dl#acmenu dd  ul li ul li:after{position:absolute;content:"";width:12px;height:3px;background:#fff;left:10px;top:21px;}

.menu{
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    z-index: 99;
}

.menu__line{
    background: #000;
    display: block;
    height: 4px;
    position: absolute;
    transition:transform .3s;
    right:0;
}

dt.active .menu__line{background: #fff;width:50px;}

.menu__line--top{
    top: 15px;
    width:50px;
    
}

.menu__line--center{
    top: 50%;
    width:30px;
}
.menu__line--bottom{
    bottom: 11px;
    width:40px;
}
dt.active .menu__line--top {
    top: 30px;
    transform: rotate(45deg);
}
dt.active .menu__line--center{
    transform:scaleX(0);
}
dt.active .menu__line--bottom{
    bottom: 26px;
    transform: rotate(135deg);
}


nav.glbnav div.sns_icon{position:absolute;top:50px;right:130px;z-index:0;}
nav.glbnav div.sns_icon a{display:inline-block;margin-right:10px;}
nav.glbnav div.sns_icon a img{width:30px;}

nav.glbnav p.copyright{display:none;}

nav.glbnav h1.logo a{display:none;}

div.sec_wrap{padding:0 10px;}

section.kaso h2{font-size:30px;padding:30px 15px;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// main img
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.mimage{width:100%;height:auto;background:#dffbff;text-align:center;line-height:1;position:relative;margin-bottom:50px;padding:30px;}
section.mimage img{width:100%;position:static;padding:0;}
section.mimage div.img_bar{position:static;width:100%;padding-right:0;}
section.mimage p{width:100%;bottom:-50px;padding:15px;background:#1cbcd1;opacity:0.9;color:#fff;text-align:left;}

section.about div.topbnr_flex a{max-width:49%;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Pickup
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.pickup{position:relative;margin-top:50px;height:auto;padding:30px 10px 30px;}
section.pickup h2{width:100%;top:-20px;left:0;padding: 0 0 0 30px;font-size:36px;}

section.pickup ul{display:block;width:100%;padding:20px 15px;position:static;}
section.pickup li{width:100%;max-width:400px;margin:20px auto;;background:#fff;text-align:center;}
section.pickup li a{display:block;width:100%;color:#01b4cb;font-size:14px;line-height:1.5;padding:15px 5px;box-sizing:border-box;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// About
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.about{width:100%;max-width:1040px;padding:20px 30px;margin:50px auto 0;}
section.about h2{width:100%;padding-right:0;float:none;font-size:36px;color:#01b4cb;line-height:1.3;}

section.about div.youtube{width:100%;float:none;margin:15px auto 0;}
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}



section.kaso h3{padding:0 15px;font-size:26px;}
section.kaso ul.about_nav li{width:44%;}

ul.pankuzu{padding:15px;margin: 15px 0;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// outline
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.outline dl{width:100%;display:block;flex-wrap:wrap;}
section.outline dl dt{width:100%;padding:15px;background:#dffbff;border:1px solid #ccc;line-height:1.5;border-bottom:1px solid #eee;}
section.outline dl dd{width:100%;padding:15px 20px;border:1px solid #ccc;line-height:1.5;border-top:none;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// action
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.action{max-width:100%;padding:40px 30px;margin:50px auto 0;background:url(../images/top/bg_activity.jpg) repeat-y;position:relative;height:auto;}

section.action h2{width:100%;top:-20px;left:0;padding: 0 0 0 30px;font-size:36px;}

section.action ul{display:block;flex-wrap: wrap;width:100%;padding:20px 15px;position:static;margin:auto;}
section.action li{width:100%;max-width:450px;margin:20px auto;background:#01b4cb;text-align:center;}

section.action_kaso h2{position:absolute;left:0;right:0;margin:auto;padding: 0 0 0 30px;top:-15px;font-size:28px;color:#01b4cb;}
section.action_kaso{max-width:100%;padding:40px 30px;margin:50px auto 0;background:url(../images/top/bg_activity.jpg) repeat-y;position:relative;height:auto;}
section.action_kaso ul{display:block;flex-wrap: wrap;width:100%;padding:20px 15px;position:static;margin:auto;}
section.action_kaso li{width:100%;max-width:450px;margin:20px auto;background:#01b4cb;text-align:center;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// carshare
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.carshare ul{padding:0 15px;}

section.carshare ul.carshare_01 li{width:100%;padding-right:0;}
section.carshare ul.carshare_01 li img{margin-top:10px;}

section.carshare ul.share_feature li{width:100%;padding-right:0;margin-bottom:10px;}
section.carshare ul.share_feature li.feature_r{width:100%;margin-bottom:20px;}

section.carshare ul.user li{width:48%;margin:1%;}
section.carshare ul.user02 li{width:100%;padding:0 15px;margin-bottom:15px;}

section.carshare ul.jcsa_role li{width:100%;margin:10px auto 30px;}

section.carshare ul.spread li{width:100%;padding:15px;}

section.carshare ul.support_pro li{width:100%;margin:10px 0;}

section.carshare div.btn_global{max-width:550px;margin:50px 15px 35px;}

section.carshare table td{border-left:1px solid #ccc;border-bottom:1px dotted #ccc;padding:10px 15px;text-align:right;}
table.tbl-r05{width:100%;}
table.tbl-r05 tbody{width:100%;display:flex;flex-wrap:wrap;}
  .tbl-r05 .thead {display: none;}
  .tbl-r05 tr {width: 50%;}
section.carshare table.tbl-r05 td.f_color{background:#1cbcd1;color:#fff;}
  .tbl-r05 td {display: block; text-align: right; width: 100%;}
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
    }
    
section.carshare ul.top_bnr{display:flex;margin:40px auto;max-width:100%;}
section.carshare ul.top_bnr li{width:100%;padding:10px;}
section.carshare ul.top_bnr li img{width:100%;}
section.carshare ul.top_bnr li h3{font-size:16px;margin:10px 0;}

section.carshare dl.otasuke01{display:flex;margin:20px auto;}
section.carshare dl.otasuke01 dt{width:100%;text-align:center;}
section.carshare dl.otasuke01 dd{width:100%;padding-left:0;line-height:1.5;}

section.carshare dl.otasuke02{display:flex;flex-direction: row-reverse;margin:20px auto;}
section.carshare dl.otasuke02 dt{width:100%;text-align:center;}
section.carshare dl.otasuke02 dd{width:100%;padding-right:0;line-height:1.5;}

section.carsupport ul.carshare_01 li:first-child{width:100%;}

section.carsupport ul.about_nav li{width:44%;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// report
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.report{max-width:100%;padding:40px 30px;margin:50px auto 0;background:#eeeeee;position:relative;}

section.report h2{width:100%;top:-20px;left:0;padding: 0 0 0 30px;font-size:28px;}
section.report_blog h3{padding:0 15px;}
section.report_blog ul li.category{padding:0 15px 20px 15px;}
section#categories-2 ul li {margin:0 auto 20px}

section.carshare div.rent_flow_l{width:100%;margin-right:0;float:left;margin-top:10px;}
section.carshare div.rent_flow_l h4{background:#dffbff;padding:10px 7px;}
section.carshare div.rent_flow_r{width:100%;float:left;margin-top:10px;}
section.carshare div.rent_flow_r h4{background:#dffbff;padding:10px 7px;}


section.report_blog div.left_column{width:100%;padding:0;border-right:none;}
section.report_blog div.right_column{width:100%;padding:15px;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// news
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.news{max-width:100%;padding:40px 30px;margin:50px auto 0;position:relative;}

section.news h2{width:100%;top:-20px;left:0;padding: 0 0 0 30px;font-size:28px;}

section.news ul li{border-bottom:1px solid #ccc;padding:20px 20px;}
section.news dl dt{float:left;width:80px;}
section.news dl dd{float:left;font-weight:600;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// benefaction
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
section.benefaction h3{padding:0 15px;}
section.benefaction ul.about_nav li{width:44%;}

section.pitcrew ul li{font-size:16px;}
section.pitcrew div.sticker div.s_l{width:100%;}
section.pitcrew div.sticker div.s_r{width:100%;padding:0 20px;text-align:center;}


section.tel ul li{width:100%;margin-right:0;position:relative;background:#eeeeee;text-align:center;color:#1cbcd1;padding:20px 10px;font-size:22px;margin-bottom:15px;}


section.benefaction_02 dl{display:display;flex-wrap:wrap;margin:30px auto;border-top:1px solid #1cbcd1;border-right:1px solid #1cbcd1;border-left:1px solid #1cbcd1;}
section.benefaction_02 dt{width:100%;padding:15px 20px;background:#dffbff;border-right:1px solid #1cbcd1;border-bottom:1px solid #1cbcd1;line-height:1.5;}

section.benefaction_02 dd{width:100%;padding:15px 20px;border-bottom:1px solid #1cbcd1;line-height:1.5;}
section.benefaction_02 dd input{max-width:100%;padding:7px 13px;margin-top:7px;}

section.furusato dl{border:none;}
section.furusato dt{padding:0 10px 0 0;border:none;background:none;}
section.furusato dd{padding:0;border:none;}
section.furusato dd img{max-width:100%;margin:0;}


section.car ul.partner01 li,section.car ul.partner02 li,section.car ul.partner03 li{width:100%;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// bene_collabo
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.bene_collabo h4{font-size:22px;color: #1cbcd1;line-height: 1.5;margin:30px 0 5px;}
section.bene_collabo p{margin:5px auto 10px;line-height:1.4;}
section.bene_collabo img{max-width:100%;}
section.bene_collabo img.logo{max-width:100%;}
section.bene_collabo ul{display:flex;flex-wrap:wrap;}
section.bene_collabo ul li{width:50%;padding:15px;line-height:1.4;}
section.bene_collabo ul li img{max-width:100%;}

section.bene_collabo p a{color: #1cbcd1;text-decoration:underline;}

section.bene_collabo ul.logo3 li{width:50%;padding:15px;}
section.bene_collabo ul.logo4 li{width:50%;padding:15px;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// footer
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

footer{max-width:100%;padding:40px 0;margin:0 auto 0;position:relative;}

footer div.foot_staff{width:100%;background:#1cbcd1;padding:40px 30px;}
footer div.foot_benefaction{width:100%;background:#fea73c;padding:40px 30px;}

div.btn_staff{margin-bottom:20px;}

footer div.bnr_area{padding:40px 15px 20px;}
footer div.bnr_area img{margin-bottom:20px;}

footer div.foot_nav{padding:50px 30px 0;font-size:14px;}
footer div.foot_nav ul{width:100%;float:none;margin-bottom:20px;}
footer div.foot_nav ul li{float:left;margin-right:20px;}
footer div.foot_nav div.address{width:100%;margin-top:30px;float:none;text-align:left;line-height:1.5;}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// sitemap
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.sitemap ul{width:100%;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// faq
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.faq{height:570px;}
section.faq h3{position:absolute;width:100%;left:0;right:0;margin:auto;padding-right:0;}
section.faq ul{display:block;flex-wrap:no-wrap;width:100%;padding:15px;position:absolute;left:0;right:0;margin:auto;}
section.faq li{width:100%;margin-bottom:10px;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// sns embed
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
section.sns_embed div.fb_embed{width:100%;display: flex;justify-content: center;margin-bottom:30px;}
section.sns_embed div.tw_embed{width:100%;padding-left:0;display: flex; justify-content: center;}

}


@media screen and (max-width: 640px) {
ul.interview li{width:100%;max-width:400px;margin:20px auto;}

section.furusato ul.product li{width:100%;max-width:400px;}


section.content-anni ul.btn_anni li{width:100%;padding:0 15px;text-align:center;}



}