/*PC*/
@media screen and (min-width:668px) {

/*現PCデザインに合わせる為記述*/
#maison #page #allcts #cts #sider p {
    line-height: 130%;
    margin-top: 10px;
    margin-bottom: 10px;
}


div.index_main{
  width:640px;
  height:770px;
  background:url(/maison/quality/img/bg.jpg)    no-repeat;
}
div.index_main ul{
  margin-left:23px;
  padding-top:370px;
}
div.index_main ul li{
  float:left;
  margin:0 15px 15px 0;
}
div.index_main ul li a{
  display:block;
}
div.index_main ul li a:hover img ,.bousai img {
  opacity:1.0 !important;
  filter: alpha(opacity=100) !important;
  -ms-filter: "alpha(opacity=100)" !important;
}

.bousai {text-align:center;}

.sider_quality h1{
  background-image:none !important;
  display: block;
  height:auto;
  padding: 0 !important;
  margin:0 !impotant;
}
h2.bg_gray_navy{
  background:#F1F3F2 !important;
  padding:10px 20px !important;
  color:#1A2169 !important;
  font-weight:bold !important;
  margin:20px 0 0 0 !important;
}
h2.bg_navy_white{
  background:#2A52A7 !important;
  padding:10px 20px !important;
  color:#ffffff !important;
  font-weight:bold !important;
  margin:20px 0 0 0 !important;
}

h2.bg_gray_black{
  background:#e5e5e5 !important;
  padding:10px 20px !important;
  color:#000 !important;
  font-weight:bold !important;
  margin:20px 0 0 0 !important;
}
div.bg_black{
  background:url(/maison/quality/img/alc/bg_black.png);
  color:#fff;
}
div.bg_black h3{
  margin-left:20px;
  padding-top:30px;
}
p.lead{
  font-size:100%;
  font-weight:bold;
  line-height:24px !important;
  margin-top:15px !important;
  margin-bottom:15px !important;
}
p.lead2{
  font-size:100%;
  font-weight:normal;
  line-height:24px !important;
  padding-top:8px;
  padding-left:14px;
  border-top:solid 1px #999;
  border-left:solid 2px #1C206A;
  margin-bottom:15px !important;
}
p.main_lead{
  font-size:115%;
  font-weight:bold;
  line-height:24px !important;
  margin-top:15px !important;
  margin-bottom:15px !important;
}

ul.quality_ul01{
  margin:0 0 0 20px;
  padding:0;
}
ul.quality_ul01 li{
  float:left;
  margin:15px 12px 0 0;
}
#sider ul.quality_ul02{
  background:url(/maison/quality/img/bg_quality_ul02.png) repeat-y !important;
  margin:15px 0 0 20px;
  padding:0;
}
#sider ul.quality_ul02 li{
  color:#000;
  float:left;
  margin:0 12px 0 0;
  width:192px !important;
}
#sider ul.quality_ul02 li p{
  margin-left:14px !important;
  margin-right:14px !important;
  font-size:86%;
  color:#333;
  }
#sider a:hover img{
  opacity:0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
  background:#fff;
}

#sider h3.out_of_ul{
  margin:20px 0 10px 0;
  border-left:solid 5px #327BB9;
  padding:0 0 0 6px;
  font-size:93%;
  line-height:13px;
  height:13px;
  font-weight:bold;
}
#sider h3.out_of_ul2{
  margin:0 0 0 0;
  border-left:solid 5px #1C206A;
  padding:0 0 0 6px;
  font-size:93%;
  line-height:13px;
  height:13px;
  font-weight:bold;
}
#sider p.quality_link01{
  margin:15px 0 0 0 !important;
}
#sider p.quality_link02{
  margin:5px 0 0 0 !important;
}
#sider p.quality_link03{
  margin:30px 0 0 0 !important;
}
#sider p.quality_link04{
  text-align:right !important;
}

div.quality_div03{width:608px;}
div.quality_div03 p{
  line-height:40px;
}
div.quality_div03 h4,h4.out_of_div{
  font-size:129%;
  color:#005AA0 !important;
  font-weight:bold !important;
}

div.go_to_top{
  text-align:right;
  margin:37px 0 40px 0;
}

div.main_image{margin-top:15px;}

ul.brand_feature{
  margin:12px 20px 0 20px;
}
ul.brand_feature li{
  text-indent:-1.5em;
  margin-left:1.5em;
  margin-top:6px;
  font-size:93%;
  font-weight:bold;
}
div.gray_border_600{
  width:560px;
  margin:20px 0 0 20px;
  border:solid 1px #c2c2c2;
  padding:0 20px 20px 20px;
  font-weight:bold;
}
div.gray_border_600 p{
  margin:10px 0 0 0 !important;
  line-height:24px !important;
  font-size:93%;
}
div.gray_border_640{
  margin:20px 0 0 0;
  border:solid 1px #999;
  padding:18px 8px 18px 14px;
}
div.gray_border5_640{
  margin:20px 0 0 0;
  border:solid 5px #e5e5e5;
  padding:18px 8px 18px 14px;
}
div.gray_border5_640 p{
  font-size:93%;
  line-height:24px;
}
div.gray_border5_640 h5{
  font-size:129%;
  color:#fff;
  background:#0999BC;
  padding:0 8px;
  margin:0;
  height:30px;
  line-height:30px;
  font-weight:bold;
  width:80px;
  text-align:center;
}
div.gray_border5_640 h6{
  font-size:129%;
  color:#0999BC;
  margin:15px 0 0 0;
  font-weight:bold;
}
div.blue_border{
  margin:0;
  border:solid 1px #007FCC;
  padding:13px 14px;
}
div.gray_bg_640{
  position:relative;
  background:#f1f3f3;
  width:640px;
}
div.gray_bg_640 h3{
  padding-top:20px;
  margin:0 10px 0 0;
  font-size:93%;
  font-weight:bold;
}
div.gray_bg_640 p{
  margin:20px 10px 0 0;
  font-size:93%;
  line-height:20px !important;
}
div.gray_bg_640 div.right_text{
  width:350px;
  margin-left:20px;
  float:left;
}
div.gray_bg_640 div.left_text{
  position:absolute;
  bottom:10px;
  width:340px;
  margin-left:20px;
}
/*汎用class*/
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.ta_l{text-align:left !important;}
.ta_r{text-align:right !important;}
.ta_c{text-align:center !important;}
span.navy{
  color:#1C206A;
}
span.bold{font-weight:bold !important;}
p{font-size:93%;}
p.caption{
  font-size:79% !important;
  line-height:14px !important;
  padding-top:5px !important;
  margin:0 !important;
}
p.caption_s{
  font-size:72% !important;
  line-height:14px !important;
  padding-top:5px !important;
  margin:0 !important;
}
ul.small li{
  font-size:72%;
  text-indent:-1.0em;
  margin-left:1.0em;
}
p.small{
  font-size:72%;
  margin-top:0;
}
.indent_10{
  text-indent:-1.0em;
  margin-left:1.0em;
}
span.small{
  font-size:85%;
}
sup{
  font-size: 93% !important;
}

.small2{
  font-size:86%;
}
.indent_01{
  text-indent:-1.5em;
  margin-left:1.5em;
}
.w108{
  width:108px !important;
}
.w120{
  width:120px !important;
}
.w137{
  width:137px !important;
}
.w150{
  width:150px !important;
}
.w190{
  width:190px !important;
}
.w192{
  width:192px !important;
}
.w205{
  width:205px !important;
}
.w260{
  width:260px !important;
}
.w270{
  width:270px !important;
}
.w275{
  width:275px !important;
}
.w280{
  width:280px !important;
}
.w290{
  width:290px !important;
}
.w300{
  width:300px !important;
}
.w310{
  width:310px !important;
}
.w318{
  width:318px !important;
}
.pw320{
  width:320px !important;
}
.w360{
  width:360px !important;
}
.w370{
  width:370px !important;
}
.w380{
  width:380px !important;
}
.w390{
  width:390px !important;
}
.w612{
  width:612px !important;
}
.Pw640{
  width:640px !important;
}
.h18{
  height:18px !important;
}
.lh14{
  line-height:18px !important;
}
.lh24{
  line-height:24px !important;
}
.Ppl05{
  padding-left:5px !important;
}
.Ppl20{
  padding-left:20px !important;
}
.Ppl30{
  padding-left:30px !important;
}



}

/*スマホ表示用*/
@media screen and (max-width:667px) {

#sider div.index_main ul li {
    float: left;
    margin: 0 15px 15px 0;
    width: calc((100% - 15px) / 2)
}
#sider div.index_main ul li:nth-child(2n) {
    margin-right: 0;
}
div.index_main ul li a {
    display: block;
}

.bousai img {
    border: 1px solid #CCCCCC;
    width:100%;
}

div.gray_border5_640{
  margin:20px 0 0 0;
  border:solid 5px #F1F3F2;
  padding:18px 8px;
}

div.line_orange_t{
  margin:0 0 0 0;
  border-left:solid 5px #e68600;
  padding:0 0 0 6px;
  font-weight:bold;
}

div.gray_border5_640 h3{
  border-bottom: 1px solid #E5E5E5;
    font-size: 1.1rem;
    background-image: none;
    padding-left: 12px;
    padding-bottom: 2px;
    width: auto;
    color: #2A52A7;
    position: relative;
    z-index: 1;
}
div.gray_border5_640 h3:before {
    content: "";
    display: block;
    position: absolute;
    margin-left: -12px;
    margin-bottom: 3px;
    border-left: 3px solid #2A52A7;
    z-index: 10;
    min-height: 95%;
}
div.quality_div03 li.col2L{
  width:65%;
}
div.quality_div03 li.col2L img{
  width:100%;
}
div.quality_div03 li.col2R{
  width:30%;
}
div.quality_div03 li.col2R img{
  width:100%;
}
p.caption_s{
  font-size:72% !important;
}
.quality_h2_02{
  border-radius: 5px;
    border: 1px solid #b0b0b0;
}
.quality_h2_02 h2 {
    padding: 7px 7px 7px 14px;
    background-color: #2A52A7;
    background-image: none;
    font-size: 1.1rem;
    margin: -1px;
    border-radius: 5px 5px 0 0;
    color: #ffffff;
}
.quality_h2_02 .inner {
    overflow: hidden;
    padding: 10px;
}

.Simg45per{
    width:45% !important;
}

.Simg41per{
    width:41% !important;
}


h5.normal{
  font-size: 129%;
  color: #FFF;
  background: #0999BC none repeat scroll 0% 0%;
  padding: 0px 8px;
  margin: 0px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  width: 80px;
  text-align: center;
}
h6.normal {
    font-size: 129%;
    color: #0999BC;
    margin: 10px 0px 0px;
    font-weight: bold;
}
.fs120{ font-size:1.2rem;
}

}

.grayBox{
  background: #EDEDED;
  margin: 10px 0;
  padding: 10px;
}
.grayBox > p{
  margin: 0;
}