@charset "utf-8";

html {
  font-size: 62.5%;
}
#case .mb_20{ margin-bottom: 20px;}
#case .mb_30{ margin-bottom: 30px;}
#case .mb_40{ margin-bottom: 40px;}
.caption{width: 900px; margin: 0 auto; text-align: left; clear: both; display: block; font-size: 12px; color: #666;}
html { overflow-y:scroll; }
.bnr_hojin{position: fixed; right: 0; top:180px;}

#case .main_img02{ background: url(images/case/mv.jpg) center 120px no-repeat; height: 640px;  padding: 120px 0 0 0; overflow: hidden; display: block;}
#case .main_img02 .main_area{ width:1200px; position: relative; margin: 0 auto;}
#case .main_img02 .main_area div.l_img{ position: absolute; top:0; left: -200px;}
#case .main_img02 .main_area div.r_img{ position: absolute;top:0px; right: -150px;}
#case .main_img02 .main_area h1.c_img{ position: absolute;top:10px; left: 20%;}

#case #pagepath{ width:100%; background-color: rgba(255,255,255,0.8); height: 20px; margin: -45px 0 0 0; position: relative;}
#case #pagepath ol{width: 1100px; margin: 0 auto;}

#case .sec001{ background:url(images/case/bg_sec001.jpg) right 0 #202020 no-repeat; padding: 50px 0 50px 0;}
#case .sec001 h1{ text-align: center; font-size: 29px; color: #fff; margin: 0 0 50px 0;}
#case .sec001 h1 span{ text-align: center; font-size: 50px; display: block; margin: -7px 0 0 0}

#case .sec001 .box001{ width:700px; padding: 0 0 20px 0; margin: 0 auto;}
#case .sec001 .box001 .box001_l{ width:325px; padding: 0 0 0px 0; float: left;}
#case .sec001 .box001 .box001_r{ width:325px; padding: 35px 0px 0px 0px; float: right;}
#case .sec001 .box001 .box001_r h2{text-align: center; font-size: 22px; color: #fff; margin: 35px 0 10px 0;}
#case .sec001 .box001 .box001_r h2 span{text-align: center; font-size: 13px; color: #fff; margin: 0 0 0px 0; display: block;}
#case .sec001 .box001 .box001_r p.address{ text-align: center; font-size: 13px; color: #fff;}

#case .sec001 p.txt001{ clear: both; font-size: 15px; text-align:left; color: #fff; line-height: 1.6; padding: 50px 0 50px 0; letter-spacing: 0.1em;}

#case .sec001 .box002{ width:1200px; padding: 0 0 0px 0; margin: 0 auto;}
#case .sec001 .box002 .box002_l{ width:550px; padding: 0 0 0px 0; float: left;}
#case .sec001 .box002 .box002_l img{ width: 100%;}
#case .sec001 .box002 .box002_r{ width:550px; padding: 0px 0px 0px 0px; float: right;}
#case .sec001 .box002 .box002_r p{ margin: 0 0 50px 0; padding: 0; vertical-align: top;}
#case .sec001 .box002 .box002_r p img{line-height: 0; vertical-align: top;font-size: 0;}
#case .sec001 .box002 .box002_r p:last-child{ margin: 0 0 0px 0; }

#case .sec002{ background:url(images/case/bg_sec002.jpg) left 0 #ffffff no-repeat; padding: 50px 0 50px 0;}
#case .sec002 h3{ text-align: center; font-size: 18px; color: #444; margin: 0 0 50px 0;}
#case .sec002 h3 span{ text-align: center; font-size: 40px; display: block; margin: -7px 0 0 0}

#case .sec002 .box001{ width:770px; padding: 0 0 20px 0; margin: 0 auto;}

#case .sec002 .box001 p.img770{clear: both; margin: 0 0 40px 0; font-size: 0;}
#case .sec002 .box001 p.img_l{float: left; margin: 0 40px 40px 0; font-size: 0;}
#case .sec002 .box001 p.img_r{float: right; margin: 0 0 40px 0; font-size: 0;}


#case .sec002 .box001 dl{ margin: 20px 0 40px 0;}
#case .sec002 .box001 dl dt{ clear: both;color: #0A5991; background: url(images/case/fujiwork.png) left top no-repeat; padding: 20px 0 40px 80px; text-align: left; font-size: 17px; font-weight: bold;}
#case .sec002 .box001 dl dd{ color: #444; background: url(images/case/qubehotel.png) left top no-repeat; padding: 20px 0 20px 80px; text-align: left; font-size: 17px; font-weight: bold;}

#case .sec003{ clear: both; padding: 0px 0 100px 0;}
#case .sec003 .box001{
    width:700px;
    padding: 0 0 0px 0;
    margin: 0 auto;
    border-left: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#case .sec003 .box001 div.img_l{float: left; margin: 0 30px 0px 0; font-size: 0;}
#case .sec003 .box001 h2{font-size: 20px; text-align: left; padding: 30px 20px 30px 0px; line-height: 1.6;}
#case .sec003 .box001 p.txt001{text-align: left; padding: 0 20px 20px 0; font-size: 13px; line-height: 1.6; }


#case .sec004{ clear: both; padding: 0px 0 100px 0;}
#case .sec004 .box001{
    background: url(images/case/logo_qubehotelchiba.jpg) 530px center no-repeat;
    width:700px;
    padding: 30px 30px 30px 30px;
    margin: 0 auto;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#case .sec004 .box001 dl{ width: 480px;}
#case .sec004 .box001 dl dt{font-size: 22px; font-weight: bold; text-align: left; margin: 0 0 25px 0;}
#case .sec004 .box001 dl dd{font-size: 12px; text-align: left; margin: 0 0 0px 0;}

@media screen and (max-width:1200px) {
   #case .main_img02{background: none; height: auto;}
    #case .main_img02 .main_area{ width:auto; height: auto;  margin: 0 auto 0 a; font-size: 0;overflow: hidden;}
    
    #case .sec001{ background:url(images/case/bg_sec001.jpg) right 0 #202020 no-repeat; padding: 50px 0 0px 0;background-size:contain;}
    #case .sec001 h1{ text-align: center; font-size: 2.5rem; color: #fff; margin: 0 0 30px 0;}
    #case .sec001 h1 span{ text-align: center; font-size: 4rem; display: block; margin: -7px 0 0 0}
    
    #case .sec001 .box002{ width:100%; padding: 0 0 0px 0; margin: 0 auto;}
    #case .sec001 .box002 .box002_l{ width:48.3%; padding: 0 0 0px 0; float: left;}
    #case .sec001 .box002 .box002_l img{ width: 100%;}
    #case .sec001 .box002 .box002_r{ width:51.6%; padding: 0px 0px 0px 0px; float: right;}
    #case .sec001 .box002 .box002_r img{ width: 100%;}
    #case .sec001 .box002 .box002_r p{ margin: 0 0 0px 0; padding: 0; vertical-align: top;}
    #case .sec001 .box002 .box002_r p img{line-height: 0; vertical-align: top;font-size: 0;}
    #case .sec001 .box002 .box002_r p:last-child{ margin: 0 0 0px 0; }
    

}
@media screen and (max-width:770px) {
    #case .sec002 .box001{ width:90%; padding: 0 0 0px 0; margin: 0 auto;}

    #case .sec002 .box001 p.img770{ width: 100%; clear: both; margin: 0 0 0px 0; font-size: 0;}
    #case .sec002 .box001 p.img770 img{ width: 100%;}
    #case .sec002 .box001 p.img_l{ width: 50%; float: left; padding: 0; margin: 0 0px 40px 0; font-size: 0;}
    #case .sec002 .box001 p.img_l img{ width: 100%; float: left; margin: 0 0px 40px 0; font-size: 0;}
    #case .sec002 .box001 p.img_r{ width: 50%; float: right; margin: 0 0 40px 0; font-size: 0;}
    #case .sec002 .box001 p.img_r img{ width: 100%;  float: right; margin: 0 0 40px 0; font-size: 0;}
    
    #case .sec003{ clear: both; padding: 0px 0 50px 0;}
    #case .sec003 .box001{
    width:90%;
    padding: 0 0 0px 0;
    margin: 0 auto;
    border-left: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    }
    #case .sec003 .box001 div.img_l{ width: 40%; float: left; margin: 0 20px 0px 0; font-size: 0;}
    #case .sec003 .box001 div.img_l img{ width: 100%;}
    #case .sec003 .box001 h2{font-size: 1.6rem; text-align: left; padding: 20px 10px 10px 0px; line-height: 1.6;}
    #case .sec003 .box001 h2 br{display: none;}
    #case .sec003 .box001 p.txt001{text-align: left; padding: 0 10px 10px 0; font-size: 1.1rem; line-height: 1.6; }
    
    #case .sec004{ clear: both; padding: 0px 0 50px 0;}
    #case .sec004 .box001{
    background: url(images/case/logo_qubehotelchiba.jpg) center 20px no-repeat;
    width:90%;
    padding: 170px 0px 30px 0px;
    margin: 0 auto;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    }
    #case .sec004 .box001 dl{ width: 100%; text-align: center;}
    #case .sec004 .box001 dl dt{font-size: 22px; font-weight: bold; text-align: center; margin: 0 0 25px 0;}
    #case .sec004 .box001 dl dd{font-size: 12px; text-align: center; margin: 0 0 0px 0;}
}

@media screen and (max-width:900px) {
    #case .main_img02{background: none; height: auto;}
    #case .main_img02{ background:none; padding: 60px 0 0 0; overflow: hidden; display: block;}
    #case .main_img02 .main_area{ width:auto; height: auto;  margin: 0 auto 0 a; font-size: 0;overflow: hidden;}
}
@media screen and (max-width:700px) {
    #case .sec001 .box001{ width:100%; padding: 0 0 20px 0; margin: 0 auto;}
    #case .sec001 .box001 .box001_l{ float: none; clear: both; width:70%; padding: 0 0 0px 0; margin: 0 auto;}
    #case .sec001 .box001 .box001_l img{ clear: both; width:100%; padding: 0 0 0px 0;}
    #case .sec001 .box001 .box001_r{ width:100%; padding: 35px 0px 0px 0px; float: none;}
    #case .sec001 .box001 .box001_r h2{text-align: center; font-size: 22px; color: #fff; margin: 35px 0 10px 0;}
    #case .sec001 .box001 .box001_r h2 span{text-align: center; font-size: 13px; color: #fff; margin: 0 0 0px 0; display: block;}
    #case .sec001 .box001 .box001_r p.address{ text-align: center; font-size: 13px; color: #fff;}
    #case .sec001 p.txt001{ clear: both; font-size: 15px; text-align:left; color: #fff; line-height: 1.6; padding: 50px 20px 30px 20px; letter-spacing: 0.1em;}
    
    #case .sec002 h3{ text-align: center; font-size: 1rem; color: #444; margin: 0 0 30px 0;}
    #case .sec002 h3 span{ text-align: center; font-size: 3rem; display: block; margin: -7px 0 0 0}
    
    #case .sec003{ clear: both; padding: 0px 0 50px 0;}
    #case .sec003 .box001{
    width:90%;
    padding: 0 0 0px 0;
    margin: 0 auto;
    border-left: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    }
    #case .sec003 .box001 div.img_l{ width: 40%; float: left; margin: 0 20px 0px -60px; font-size: 0; position: }
    #case .sec003 .box001 div.img_l img{ width: 100%; margin: 0 0 0 0px}
    #case .sec003 .box001 h2{font-size: 1.6rem; text-align: left; padding: 20px 10px 10px 0px; line-height: 1.6;}
    #case .sec003 .box001 h2 br{display: none;}
    #case .sec003 .box001 p.txt001{text-align: left; padding: 0 10px 10px 0; margin: 0 0 0 -20px; font-size: 1.1rem; line-height: 1.6; }
}

@media screen and (max-width:550px) {
    
    #case .sec003 .box001 div.img_l{ width: 50%; float: none; margin: 0 auto; font-size: 0; position: }
    #case .sec003 .box001 div.img_l img{ width: 100%; margin: 0 0 0 0px}
    #case .sec003 .box001 h2{font-size: 2rem; text-align: left; padding: 20px 20px 10px 20px; line-height: 1.6;}
    #case .sec003 .box001 h2 br{display: none;}
    #case .sec003 .box001 p.txt001{text-align: left; padding: 0 20px 10px 20px; margin: 0 0 0 0px; font-size: 1.6rem; line-height: 1.6; }
}