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

/*------------------------------common page------------------------------*/
/* header under page*/
header{width:100%;height:64px;margin:0 auto; position:fixed; z-index:100; background:#946b45;}
.header-inner{width:90%;height:auto;margin:0 auto; padding:0;}
.header-h1-wrap{width:100%; margin:0 auto; position:relative; top:0; }
.header-h1-wrap h1{width:65%; height:auto; position:absolute; right:55px;top:10px; }
.symbol-mark{width:12%; height:autopx; position:absolute; right:0;top:5px;  }
.header-h1-wrap h1 img,
.symbol-mark img{width:100%; height:auto;}
.menu-wrap{position:absolute;  z-index:5100;}

/*------------------------------concept page------------------------------*/
#concept-page{width:100%; height:auto; padding-top:24px;}

#concept-wrap{color:#946b45;}
#concept-banner{width:100%;height:320px; background:url(../../img/concept/c_and_c_banner.jpg) no-repeat;background-position:center; background-size:cover;}

#page-banner-wrap{width:100%; height:320px; margin:0 auto; position:relative;}
#page-banner-wrap .local-visual{text-align:center; position:absolute;margin:auto;top:0;right:0;bottom:0;left:0; z-index:2;}
#page-banner-wrap .local-catch-phrase{width:75%;height:140px;position:absolute;margin:auto;top:2.5%;right:0;left:0;z-index:3;}
#page-banner-wrap .local-catch-phrase img{width:100%; height:auto; position:absolute;margin:auto;top:0;right:0;bottom:0;left:0; }

#concept-wrap .concept-inner1{width:100%; margin:0px auto 0 auto;}
#concept-wrap .concept-mark{width:100%;height:auto; float:none; margin:0 auto 20px auto; text-align:center;}
#concept-wrap .concept-lead1{width:80%;height:auto; float:none; margin:0 auto 40px auto; text-align:center;}
#concept-wrap .concept-lead2{width:60%;height:auto;margin:0 auto 0 auto; text-align:center;}

#concept-wrap ul{margin:40px 0 0 0;}
#concept-wrap ul li{width:100%; height:auto; float:left; margin:0 0 20px 0; text-align:center;}
#concept-wrap ul li:nth-child(3){margin:0 0 0 0;}
#concept-wrap ul li p{padding:20px 0 0 0; text-align:left;}

#concept-wrap .concept-mark img{width:50%; height:auto;}
#concept-wrap .concept-lead1 img,
#concept-wrap .concept-lead2 img{width:100%; height:auto;}
#concept-wrap ul li img{width:60%; height:auto; margin:0 auto;}

/*------------------------------scene page------------------------------*/
#scene-page{width:100%; height:auto; padding-top:24px;}

#scene-wrap{color:#946b45; /*border:1px solid #f00;*/}
#scene-wrap h2{font-size:3.2rem;font-weight:bold; line-height:180%; text-align:center; margin-top:40px;}
#scene-wrap p{ margin-bottom:1.4rem; text-align:left;}

#scene-wrap .scene-inner{width:100%; height:auto; margin:40px 0 40px 0;}
#scene-wrap .scene-inner .scene-lead{width:80%; height:auto; float:none;margin:0px auto 40px auto;}
#scene-wrap .scene-inner .scene-description{width:100%; height:auto; float:none;}
#scene-wrap .scene-inner .scene-description p{margin:0px 0 20px 0;padding:0 0 0 0; text-align:none;}
#scene-wrap .scene-inner .scene-photo-wrap-1{width:100%; height:auto; float:none; margin:0 0 30px 0;}
#scene-wrap .scene-inner .scene-photo-wrap-2{width:100%; height:auto; float:none; margin:0 0 30px 0;}
#scene-wrap .scene-inner .scene-photo-box-r{width:45%; height:auto; float:right;}
#scene-wrap .scene-inner .scene-photo-box-l{width:45%; height:auto; float:left;}
#scene-wrap .scene-schedule{width:100%; height:auto;}

#scene-wrap .scene-schedule img,
#scene-wrap .scene-inner .scene-lead img,
#scene-wrap .scene-inner .scene-photo-wrap-1 img,
#scene-wrap .scene-inner .scene-photo-wrap-2 img,
#scene-wrap .scene-inner .scene-photo-wrap-3 img{width:100%; height:auto;}


/*------------------------------storeformat page------------------------------*/
#storeformat-page{width:100%; height:auto; padding-top:24px;}

#storeformat-wrap{color:#946b45; /*border:1px solid #f00;*/}
#storeformat-wrap h2{font-size:3.2rem;font-weight:bold; line-height:180%; text-align:center; margin-top:40px;}
#storeformat-wrap .storeformat-catch{width:80%; height:auto;margin:40px auto 0 auto;}
#storeformat-wrap .storeformat-proposal-wrap{width:100%; height:auto;margin:40px 0 0 0;}
#storeformat-wrap .storeformat-proposal-wrap h3{width:100%;font-size:1.6rem; text-align:center; margin:0 0 0 0; float:none;}
#storeformat-wrap .storeformat-proposal-wrap .storeformat-lead{width:100%; height:auto;float:none;margin:20px auto 0 auto;}
#storeformat-wrap .storeformat-proposal-wrap .storeformat-logo-box1{width:80%; height:auto; text-align:center; float:none;margin:30px auto 0 auto;}
#storeformat-wrap .storeformat-proposal-wrap .storeformat-logo-box2{width:50%; height:70px; text-align:center; float:none;margin:30px auto 0 auto;}
#storeformat-wrap .storeformat-proposal-wrap .storeformat-description{width:100%; height:auto;float:none;margin:30px 0 30px 0;}
#storeformat-wrap .storeformat-proposal-wrap .caption-harf-l{width:100%;font-size:1.4rem;line-height:140%; text-align:right;float:none;}
#storeformat-wrap .storeformat-proposal-wrap .caption-harf-r{width:100%;font-size:1.4rem;line-height:140%; text-align:right;float:none;}

#storeformat-wrap .storeformat-proposal-wrap ul{width:100%; margin:0 0 0 0;}
#storeformat-wrap .storeformat-proposal-wrap ul li{width:46%;height:auto;float:left; margin:0 2.0% 10px 2.0%;}

#storeformat-wrap .storeformat-catch img,
#storeformat-wrap .storeformat-proposal-wrap .storeformat-lead img,
#storeformat-wrap .storeformat-proposal-wrap .storeformat-logo-box1 img,
#storeformat-wrap .storeformat-proposal-wrap ul li img {width:100%; height:auto;}

#storeformat-wrap .storeformat-proposal-wrap .storeformat-logo-box2 img {width:auto; height:70px;}


/*------------------------------benefit page------------------------------*/
#benefit-page{width:100%; height:auto; padding-top:24px;}

#benefit-wrap h2{font-size:3.2rem;font-weight:bold; line-height:180%; text-align:center; margin-top:40px;}
#benefit-wrap .benefit-catch1{width:80%; height:auto;margin:40px auto 0 auto;}
#benefit-wrap .benefit-catch2{width:80%; height:auto;margin:40px auto 0 auto;}
#benefit-wrap .benefits-lead{width:100%; text-align:center;margin:40px 0 0 0;}
#benefit-wrap .fig-benefit{width:100%; height:auto; margin:40px auto 0 auto;}

#benefit-wrap .benefit-group-wrap{width:100%;height:auto; padding:4%; border:1px solid #946b45;color:#946b45;margin:40px 0 0 0;}
#benefit-wrap .benefit-group-wrap h3{width:100%; height:42px;padding-left:0; background:#946b45; font-size:4.0vw;color:#fff;text-align:center;line-height:42px; font-weight:bold;}
#benefit-wrap .benefit-group-wrap h4{width:100%; height:auto; text-align:center; background:#946b45; font-size:1.6rem;color:#fff;line-height:32px;}
#benefit-wrap .benefit-group-wrap ul{margin:10px 0 30px 0;}
#benefit-wrap .benefit-group-wrap ul li{width:100%;}

#benefit-wrap .benefit-group-wrap .benefit-fig-ifm-service{width:100%;height:auto;text-align:center;margin:10px auto 30px auto;}
#benefit-wrap .benefit-group-wrap .benefit-fig-ifm-service span{font-size:4.0vw; font-weight:bold; display:inline-block;margin-top:10px;}
#benefit-wrap .benefit-group-wrap .benefits-lead-01{width:80%; float:none; margin:30px auto 0 auto;}
#benefit-wrap .benefit-group-wrap .benefits-lead-02{width:90%; float:none; margin:30px auto 0 auto;}
#benefit-wrap .benefit-group-wrap .benefits-lead-03{width:70%; float:none; margin:30px auto 0 auto;}
#benefit-wrap .benefit-group-wrap .benefits-lead-04{width:100%; float:none; margin:30px auto 0 auto;}
#benefit-wrap .benefit-group-wrap .benefits-logo-01{width:70%;height:auto; float:none; margin:30px auto 0 auto;}
#benefit-wrap .benefit-group-wrap .benefits-logo-02{width:70%;height:auto; float:none; margin:30px auto 0 auto;}
#benefit-wrap .benefit-group-wrap .benefits-logo-03{width:70%;height:auto; float:none; margin:30px auto 0 auto;}
#benefit-wrap .benefit-group-wrap .benefits-logo-04{width:70%;height:auto; float:none; margin:30px auto 0 auto;}

#benefit-wrap .benefit-group-wrap .benefits-logo-01 img{width:100%;height:auto;}
#benefit-wrap .benefit-group-wrap .benefits-logo-02 img{width:100%;height:auto;}
#benefit-wrap .benefit-group-wrap .benefits-logo-03 img{width:100%;height:auto;}
#benefit-wrap .benefit-group-wrap .benefits-logo-04 img{width:100%;height:auto;}

#benefit-wrap .benefit-group-wrap .benefits-description{width:100%; height:auto;margin:30px 0 30px 0;padding-top:30px; border-top:1px solid #946b45;}

#benefit-wrap .benefit-group-wrap .caption-r{width:100%; font-size:1.4rem; text-align:left;table-layout: fixed;}
#benefit-wrap .benefit-group-wrap .service-company-box-r{width:100%;height:auto;margin:20px 0; text-align:left;float:none;word-wrap:break-word;}
#benefit-wrap .benefit-group-wrap .qr-box-r{width:64px;height:64px;margin:16px; text-align:right;float:none; margin:0 auto;}

#benefit-wrap .benefit-group-wrap .qr-box-r img,
#benefit-wrap .benefit-group-wrap .benefits-lead-01 img,
#benefit-wrap .benefit-group-wrap .benefits-lead-02 img,
#benefit-wrap .benefit-group-wrap .benefits-lead-03 img,
#benefit-wrap .benefit-group-wrap .benefits-lead-04 img,
#benefit-wrap .benefit-group-wrap .benefit-fig-ifm-service img,
#benefit-wrap .benefit-catch1 img,
#benefit-wrap .benefit-catch2 img,
#benefit-wrap .fig-benefit img{width:100%; height:auto;}


/*------------------------------case page------------------------------*/
#case-page{width:100%; height:auto; padding-top:24px;}

#case-wrap{color:#946b45; /*border:1px solid #f00;*/}
#case-wrap h2{font-size:3.2rem;font-weight:bold; line-height:180%; text-align:center; margin-top:40px;}
#case-wrap .case-lead{font-size:2.0rem; text-align:center;margin:30px 0 0 0;}
#case-wrap .case-proposal-wrap{width:100%; height:auto;margin:40px 0 0 0;}
#case-wrap .case-proposal-wrap .case-title-wrap{width:100%; height:auto;margin:0 0 0 0;}
#case-wrap .case-proposal-wrap .case-title-wrap h3{width:100%; font-size:2.0rem;text-align:center; margin:0 0 0 0; float:none;}
#case-wrap .case-proposal-wrap .case-title-wrap .logo-kic,
#case-wrap .case-proposal-wrap .case-title-wrap .logo-scafe{width:30%;height:auto;margin:20px auto 20px auto;  float:none;}

#case-wrap .case-proposal-wrap ul{width:100%; margin:0 0 0 0;}
#case-wrap .case-proposal-wrap ul li{width:46%;height:auto;float:left; margin:0 2.0% 4.0% 2.0%;}

#case-flow h3{width:100%; font-size:2.4rem;text-align:left; margin:0px 0 20px 0; float:left;}
#case-flow figure{width:100%;height:auto; margin:0 0 0 0;}

#case-flow figure img,
#case-wrap .case-proposal-wrap ul li img ,
#case-wrap .case-proposal-wrap .case-title-wrap .logo-kic img,
#case-wrap .case-proposal-wrap .case-title-wrap .logo-scafe img{width:100%; height:auto;}


}


/*helper class*/
.num-indent li {padding-left:1.6rem;text-indent:-1.6rem;}

@media only screen and (min-width: 481px) and (max-width: 980px){
/*------------------------------common page------------------------------*/
/* header under page*/
header{width:100%;height:72px;}
/*.header-inner{width:90%;height:auto;margin:0 auto; padding:0;}
.header-h1-wrap{width:100%; margin:0 auto; position:relative; top:0px; }*/
.header-h1-wrap h1{width:300px; height:auto; position:absolute; right:70px;top:18px; }
.symbol-mark{width:48px; height:auto; position:absolute; right:0;top:4px;}
.header-h1-wrap h1 img,
.symbol-mark img{width:100%; height:auto;}

/*------------------------------concept page------------------------------*/

#concept-banner{width:auto;max-width:960px;height:400px; background:url(../../img/concept/c_and_c_banner.jpg) no-repeat;background-position:center; background-size:cover;}

#page-banner-wrap{width:100%; height:400px; margin:0 auto; position:relative;}
#page-banner-wrap .local-visual{text-align:center; position:absolute;margin:auto;top:0;right:0;bottom:0;left:0; z-index:2;}
#page-banner-wrap .local-catch-phrase{width:40%;height:140px;position:absolute;margin:auto;top:40px;right:0;left:0;z-index:3;}
#page-banner-wrap .local-catch-phrase img{width:100%; height:auto; position:absolute;margin:auto;top:0;right:0;bottom:0;left:0; }

#concept-wrap .concept-inner1{width:444px; margin:20px auto 0 auto;}
#concept-wrap .concept-mark{width:40%;height:auto; float:none; margin:0 auto 20px auto; text-align:center;}
#concept-wrap .concept-lead1{width:80%;height:auto; float:none; margin:0 auto 20px auto; text-align:center;}
#concept-wrap .concept-lead2{width:40%;height:auto;margin:40px auto 0 auto;}

#concept-wrap ul{margin:60px 0 0 0;}
#concept-wrap ul li{width:28%; height:auto; float:left; margin:0 8% 0 0;}
#concept-wrap ul li:nth-child(3){margin:0 0 0 0;}
#concept-wrap ul li p{ padding:40px 0 0 0; text-align:left;}

#concept-wrap .concept-mark img{width:100%; height:auto;}
#concept-wrap ul li img{width:100%; height:auto;}


/*------------------------------scene page------------------------------*/
#scene-wrap .scene-inner .scene-lead{width:50%; height:auto; float:none;margin:0px auto 40px auto;}


/*------------------------------storeformat page------------------------------*/
#storeformat-wrap .storeformat-catch{width:50%; height:auto;margin:40px 0 0 0;}
#storeformat-wrap .storeformat-proposal-wrap{width:100%; height:auto;margin:60px 0 0 0;}
#storeformat-wrap .storeformat-proposal-wrap h3{width:100%; text-align:left; margin:0 0 0 0; float:left;}
#storeformat-wrap .storeformat-proposal-wrap .storeformat-lead{width:50%; height:70px;float:left;margin:30px 0 0 0;}
#storeformat-wrap .storeformat-proposal-wrap .storeformat-logo-box1{width:40%; height:70px; text-align:right; float:right;margin:30px 0 0 0;}
#storeformat-wrap .storeformat-proposal-wrap .storeformat-logo-box2{width:40%; height:70px; text-align:right; float:right;margin:30px 0 0 0;}
#storeformat-wrap .storeformat-proposal-wrap .storeformat-description{width:100%; height:auto;float:left;margin:30px 0 30px 0;}
#storeformat-wrap .storeformat-proposal-wrap .caption-harf-l{width:100%; text-align:right;float:none;}
#storeformat-wrap .storeformat-proposal-wrap .caption-harf-r{width:100%; text-align:right;float:none;}


/*------------------------------benefit page------------------------------*/
#benefit-wrap .benefit-catch1{width:50%; height:auto;margin:40px auto 0 auto;}
#benefit-wrap .benefit-catch2{width:50%; height:auto;margin:40px auto 0 auto;}
#benefit-wrap .benefits-lead{width:100%; text-align:center;margin:40px 0 0 0;}
#benefit-wrap .fig-benefit{width:60%; height:auto; margin:40px auto 0 auto;}

#benefit-wrap .benefit-group-wrap .benefit-fig-ifm-service{width:100%;height:auto;text-align:center;margin:10px auto 30px auto;}
#benefit-wrap .benefit-group-wrap .benefit-fig-ifm-service span{font-size:2.4vw; font-weight:bold; display:inline-block;margin-top:10px;}
#benefit-wrap .benefit-group-wrap .benefits-lead-01{width:46%; float:left; margin:30px auto 0 auto;}
#benefit-wrap .benefit-group-wrap .benefits-lead-02{width:44%; float:left; margin:30px auto 0 auto;}
#benefit-wrap .benefit-group-wrap .benefits-lead-03{width:33%; float:left; margin:30px auto 0 auto;}
#benefit-wrap .benefit-group-wrap .benefits-lead-04{width:50%; float:left; margin:30px auto 0 auto;}
#benefit-wrap .benefit-group-wrap .benefits-logo-01{width:50%;height:auto; text-align:center; float:right; margin:30px auto 0 auto;}
#benefit-wrap .benefit-group-wrap .benefits-logo-02{width:50%;height:auto; text-align:center; float:right; margin:30px auto 0 auto;}
#benefit-wrap .benefit-group-wrap .benefits-logo-03{width:50%;height:auto; text-align:center; float:right; margin:30px auto 0 auto;}
#benefit-wrap .benefit-group-wrap .benefits-logo-04{width:50%;height:auto; text-align:center; float:right; margin:30px auto 0 auto;}

#benefit-wrap .benefit-group-wrap .caption-r{width:100%; font-size:1.4rem; text-align:right;}

#benefit-wrap .benefit-group-wrap .benefits-logo-01 img{width:50%;height:auto;}
#benefit-wrap .benefit-group-wrap .benefits-logo-02 img{width:50%;height:auto;}
#benefit-wrap .benefit-group-wrap .benefits-logo-03 img{width:50%;height:auto;}
#benefit-wrap .benefit-group-wrap .benefits-logo-04 img{width:50%;height:auto;}



/*------------------------------case page------------------------------*/
#case-wrap .case-proposal-wrap .case-title-wrap .logo-kic,
#case-wrap .case-proposal-wrap .case-title-wrap .logo-scafe{width:100px;height:auto;margin:20px auto 20px auto;  float:none;}

}


@media screen and (min-width: 981px){


/*------------------------------common page------------------------------*/
/* header under page*/
header{width:100%;height:80px;margin:0 auto; /*position:absolute;*/position:fixed; z-index:100; background:#946b45;}
.header-inner{width:100%;height:auto;margin:0 auto; padding:0;}
.header-h1-wrap{width:980px; margin:0 auto; position:relative; top:20px; }
.header-h1-wrap h1{width:344px; height:32px; position:absolute; right:120px;top:0px; }
.symbol-mark{width:50px; height:56px; position:absolute; right:0;top:-10px; }
.header-h1-wrap h1 img,
.symbol-mark img{width:100%; height:auto;}
.menu-wrap{width:42px;height:42px; background:rgba(148,107,69,0.0); position:absolute; top:19px;left:30px; z-index:5100;}

/*------------------------------concept page------------------------------*/
#concept-page{width:100%; height:auto; padding-top:40px;}/*ヘッダ高さ分padding*/

#concept-banner{width:auto;max-width:1440px;height:500px; background:url(../../img/concept/c_and_c_banner.jpg) no-repeat;background-position:center; background-size:cover;}

#page-banner-wrap{width:100%; height:500px; margin:0 auto; position:relative;}
#page-banner-wrap .local-visual{text-align:center; position:absolute;margin:auto;top:0;right:0;bottom:0;left:0; z-index:2;}
#page-banner-wrap .local-catch-phrase{width:418px;height:156px;position:absolute;margin:auto;top:60px;right:0;left:0;z-index:3;}
#page-banner-wrap .local-catch-phrase img{width:100%; height:auto; position:absolute;margin:auto;top:0;right:0;bottom:0;left:0; }

#concept-wrap .concept-inner1{width:444px; margin:40px auto 0 auto;}
#concept-wrap .concept-mark{width:118px;height:auto; float:left;margin:0 auto 0 auto;}
#concept-wrap .concept-lead1{width:296px;height:auto; float:right; margin:0 auto 0 auto;}
#concept-wrap .concept-lead2{width:618px;height:auto;margin:60px auto 0 auto;}

#concept-wrap ul{margin:60px 0 0 0;}
#concept-wrap ul li{width:254px; height:auto; float:left; margin:0 109px 0 0;}

#concept-wrap .concept-mark img{width:100%; height:auto;}


/*------------------------------scene page------------------------------*/
#scene-page{width:100%; height:auto; padding-top:40px;}/*ヘッダ高さ分padding*/

#scene-wrap h2{font-size:4.2rem; line-height:180%; text-align:center; margin-top:40px;}
#scene-wrap p{ font-size:1.6rem; line-height:180%; margin-bottom:1.4rem; text-align:left;}
#scene-wrap .scene-inner{width:100%; height:auto; margin:40px 0 40px 0;}
#scene-wrap .scene-inner .scene-lead{width:360px; height:auto; float:left;margin:0px 0 40px 0;}
#scene-wrap .scene-inner .scene-description{width:360px; height:auto; float:left;}
#scene-wrap .scene-inner .scene-description p{margin:0px 0 20px 0;padding:0 0 0 0; text-align:left;}
#scene-wrap .scene-inner .scene-photo-wrap-1{width:540px; height:auto; float:right; margin:0 0 30px 0;}
#scene-wrap .scene-inner .scene-photo-wrap-2{width:540px; height:auto; float:right; margin:0 0 30px 0;}
#scene-wrap .scene-inner .scene-photo-box-r{width:255px; height:auto; float:right;}
#scene-wrap .scene-inner .scene-photo-box-l{width:255px; height:auto; float:left;}


/*------------------------------storeformat page------------------------------*/
#storeformat-page{width:100%; height:auto; padding-top:40px;}/*ヘッダ高さ分padding*/

#storeformat-wrap h2{font-size:4.2rem; line-height:180%; text-align:center; margin-top:40px;}
#storeformat-wrap .storeformat-catch{width:396px; height:auto;margin:40px 0 0 0;}
#storeformat-wrap .storeformat-proposal-wrap{width:100%; height:auto;margin:60px 0 0 0;}
#storeformat-wrap .storeformat-proposal-wrap h3{width:100%; text-align:left; margin:0 0 0 0; float:left;}
#storeformat-wrap .storeformat-proposal-wrap .storeformat-lead{width:382px; height:70px;float:left;margin:30px 0 0 0;}
#storeformat-wrap .storeformat-proposal-wrap .storeformat-logo-box1{width:228px; height:70px; text-align:right; float:right;margin:30px 0 0 0;}
#storeformat-wrap .storeformat-proposal-wrap .storeformat-logo-box2{width:228px; height:70px; text-align:right; float:right;margin:30px 0 0 0;}
#storeformat-wrap .storeformat-proposal-wrap .storeformat-description{width:100%; height:auto;float:left;margin:30px 0 30px 0;}
#storeformat-wrap .storeformat-proposal-wrap .caption-harf-l{width:35%; text-align:left;float:left;}
#storeformat-wrap .storeformat-proposal-wrap .caption-harf-r{width:60%; text-align:right;float:right;}

#storeformat-wrap .storeformat-proposal-wrap ul{width:980px; margin:0 0 0 0;}
#storeformat-wrap .storeformat-proposal-wrap ul li{width:306px;height:auto;float:left; margin:0 31px 30px 0;}
#storeformat-wrap .storeformat-proposal-wrap ul li:nth-child(3n){ margin:0 0 30px 0;}
#storeformat-wrap .storeformat-proposal-wrap ul li:nth-child(n + 3){ margin-bottom:1rem;}


/*------------------------------benefit page------------------------------*/
#benefit-page{width:100%; height:auto; padding-top:40px;}/*ヘッダ高さ分padding*/

#benefit-wrap h2{font-size:4.2rem; line-height:180%; text-align:center; margin-top:40px;}
#benefit-wrap .benefit-catch1{width:382px; height:auto;margin:40px 0 0 0;}
#benefit-wrap .benefit-catch2{width:382px; height:auto;margin:40px 0 0 0;}
#benefit-wrap .benefits-lead{width:100%; text-align:center;margin:40px 0 0 0;}
#benefit-wrap .fig-benefit{width:600px; height:auto; margin:0 auto 0 auto;}


#benefit-wrap .benefit-group-wrap{width:100%;height:auto; padding:30px; border:1px solid ;color:#946b45;margin:40px 0 0 0;}
#benefit-wrap .benefit-group-wrap h3{width:458px; height:42px;padding-left:2.0rem; background:#946b45; font-size:2.0rem;color:#fff;line-height:42px; font-weight:bold;}
#benefit-wrap .benefit-group-wrap h4{width:160px; height:30px; text-align:center; background:#946b45; font-size:1.4rem;color:#fff;line-height:30px;}

#benefit-wrap .benefit-group-wrap .benefit-fig-ifm-service{width:860px;height:auto;text-align:center;margin:10px auto 30px auto;}
#benefit-wrap .benefit-group-wrap .benefit-fig-ifm-service span{font-size:2.2rem; font-weight:bold; display:inline-block;margin-top:20px;}
#benefit-wrap .benefit-group-wrap .benefits-lead-01{width:408px; float:left; margin:30px 0 0 0;}
#benefit-wrap .benefit-group-wrap .benefits-lead-02{width:374px; float:left; margin:30px 0 0 0;}
#benefit-wrap .benefit-group-wrap .benefits-lead-03{width:290px; float:left; margin:30px 0 0 0;}
#benefit-wrap .benefit-group-wrap .benefits-lead-04{width:436px; float:left; margin:30px 0 0 0;}
#benefit-wrap .benefit-group-wrap .benefits-logo-01{width:400px;height:168px; float:right; margin:30px 0 0 0;}
#benefit-wrap .benefit-group-wrap .benefits-logo-02{width:400px;height:72px; float:right; margin:30px 0 0 0;}
#benefit-wrap .benefit-group-wrap .benefits-logo-03{width:400px;height:72px; float:right; margin:30px 0 0 0;}
#benefit-wrap .benefit-group-wrap .benefits-logo-04{width:400px;height:72px; float:right; margin:30px 0 0 0;}

#benefit-wrap .benefit-group-wrap .benefits-logo-01 img{width:280px;height:auto;}
#benefit-wrap .benefit-group-wrap .benefits-logo-02 img{width:250px;height:auto;}
#benefit-wrap .benefit-group-wrap .benefits-logo-03 img{width:350px;height:auto;}
#benefit-wrap .benefit-group-wrap .benefits-logo-04 img{width:350px;height:auto;}

#benefit-wrap .benefit-group-wrap .caption-r{width:100%; font-size:1.4rem; text-align:right;}
#benefit-wrap .benefit-group-wrap .service-company-box-r{width:88%;height:auto;margin:20px 0; text-align:right;float:left;}
#benefit-wrap .benefit-group-wrap .qr-box-r{width:64px;height:64px;margin:16px; text-align:right;float:right;}


/*------------------------------case page------------------------------*/
#case-page{width:100%; height:auto; padding-top:40px;}/*ヘッダ高さ分padding*/

#case-wrap h2{font-size:4.2rem; line-height:180%; text-align:center; margin-top:40px;}
#case-wrap .case-lead{font-size:2.4rem; text-align:left;margin:30px 0 0 0;}
#case-wrap .case-proposal-wrap{width:100%; height:auto;margin:60px 0 0 0;}
#case-wrap .case-proposal-wrap .case-title-wrap{width:auto; height:auto;margin:0 0 0 0;}
#case-wrap .case-proposal-wrap .case-title-wrap h3{width:auto; font-size:2.0rem;text-align:left; margin:0 0 0 0; float:left;}

#case-wrap .case-proposal-wrap .case-title-wrap .logo-kic,
#case-wrap .case-proposal-wrap .case-title-wrap .logo-scafe{width:80px;height:80px;margin-left:20px;  float:left;}

#case-wrap .case-proposal-wrap ul li{width:306px;height:auto;float:left; margin:0 31px 30px 0;}
#case-wrap .case-proposal-wrap ul li:nth-child(3n){ margin:0 0 30px 0;}
#case-wrap .case-proposal-wrap ul li:nth-child(n + 3){ margin-bottom:1rem;}


/* helper calss */
/*flex box*/
#case-wrap .case-proposal-wrap .case-title-wrap{
display: -webkit-flex;
display: flex;
-webkit-align-items: center; /*Vertical middle Safari */
align-items: center; /* Vertical middle */

}

#benefit-wrap .benefit-group-wrap .benefits-logo-01,
#benefit-wrap .benefit-group-wrap .benefits-logo-02,
#benefit-wrap .benefit-group-wrap .benefits-logo-03,
#benefit-wrap .benefit-group-wrap .benefits-logo-04,
#concept-wrap .concept-inner1,
#storeformat-wrap .storeformat-proposal-wrap .storeformat-logo-box,
.flex-box{
display: -webkit-flex;
display: flex;
-webkit-align-items: center; /*Vertical middle Safari */
align-items: center; /* Vertical middle */
-webkit-justify-content: center; /*side middle Safari */
justify-content: center; /*side middle*/
}


}