@charset "UTF-8";
@media screen and (min-width: 768px),print {

.cc-ttl-Box-01 { background: url('../images/policy/h2.jpg') top center no-repeat , url('../images/index/h-bg.jpg') top center ; }
.cc-ttl { margin-bottom: 45px; }

#con-policy{ width: 800px; margin: 0 auto 50px; }
#con-policy .h-bx{ width: 800px; margin: 0 auto 45px; background: #fff; padding: 60px 0 45px 20px;  position: relative; }
#con-policy .h-bx li{ float: left; margin-right: 13px; width: 245px; }
#con-policy .h-bx li:last-child{ float: left; margin-right: 0px; }
#con-policy .h-bx .h-ttl{ text-align: center; margin-bottom: 25px; }
#con-policy .h-bx .h-txt{ text-align: center; color: #fff; font-size: 14px; margin-bottom: 20px; background: #000; opacity: 0.8; width: 615px; margin: 0 auto; padding: 15px 0; }

#con-policy h5{ text-align: center; margin-bottom: 20px; }
#con-policy .con01{ background: url('../images/policy/con01-bg.png') top center no-repeat , #975f18; padding: 50px 50px; margin-bottom: 40px; }
#con-policy .con02{ background: url('../images/policy/con02-bg.png') top center no-repeat , #744d24; padding: 50px 50px; margin-bottom: 40px; }
#con-policy .con03{ background: url('../images/policy/con03-bg.png') top center no-repeat , #a38f77; padding: 50px 50px; margin-bottom: 40px; }

#con-policy .con01 .bx01{ position: relative; }
#con-policy .con01 .bx02{ position: relative; }
#con-policy .con01 .bx01 .inner-bx-abs01{ position: absolute; left: 3px; bottom: -7px; }
#con-policy .con01 .bx02 .inner-bx-abs01{ position: absolute; right: -2px; bottom: 0; }
#con-policy .con01 .bx02 .inner-bx-abs02{ position: absolute; left: -3px; bottom: -7px; }

#con-policy .con01 .bx01 .inner-bx01{ background: url('../images/policy/bx01-bg.jpg') top center no-repeat; width: 100%; padding: 30px 30px 0; border-bottom: 3px solid #ebebeb;  }
#con-policy .con01 .bx02 .inner-bx01{ background: url('../images/policy/bx02-bg.jpg') top center no-repeat; width: 100%; padding: 30px 30px 0; border-bottom: 3px solid #ebebeb;  }
#con-policy .con01 .bx03 .inner-bx01{ background: url('../images/policy/bx03-bg.jpg') top center no-repeat , #fff; width: 100%; padding: 30px 30px 40px;   }
#con-policy .con01 .bx01 .inner-bx02{ background: #fff; padding: 10px 0 35px; margin-bottom: 30px; }
#con-policy .con01 .bx02 .inner-bx02{ background: #fff; padding: 10px 0 35px; margin-bottom: 30px; }


#con-policy .con02 .bx01 .inner-bx01{ background: url('../images/policy/con02-bx01-bg.png') top right no-repeat , #fff; width: 100%; padding: 30px 30px 10px; margin-bottom: 25px; }
#con-policy .con02 .bx02 .inner-bx01{ background: #fff url('../images/policy/con02-bx02-bg.jpg') top right no-repeat ; width: 100%; padding: 30px 30px 20px; margin-bottom: 0; border-bottom: 3px solid #ebebeb; }
#con-policy .con02 .bx02 .inner-bx02{ background: #fff url('../images/policy/con02-bx02-bg2.png') top left no-repeat ; padding: 30px 30px 35px 180px; color: #727171;}
#con-policy .con02 .bx02 .inner-bx02 .inner-ttl { text-align: center; margin-bottom: 15px;}

#con-policy .con03 .bx01 .inner-bx01{ background: url('../images/policy/con03-bx01-bg.jpg') top right no-repeat , #fff; width: 100%; padding: 30px 30px 20px; margin-bottom: 25px; }
#con-policy .con03 .bx02 .inner-bx01{ background: url('../images/policy/con03-bx02-point01.png') top left 10px no-repeat , #fff ; width: 100%; padding: 30px 0 185px 30px; margin-bottom: 25px; }

#con-policy .con01 .inner-bx01 h6{ margin-bottom: 15px; }
#con-policy .con01 .inner-bx02 h6{ width: 480px; margin:0 auto 15px; text-align: center;  }
#con-policy .in-ttl{ font-size: 16px; color: #433526; font-weight: bold; margin-bottom: 10px; }
#con-policy .inner-bx01 .in-txt01{ width: 420px; color: #727171; }
#con-policy .con01 .inner-bx01 .in-txt02{ width: 420px; color: #727171; }
#con-policy .con01 .inner-bx02 .in-txt02{ text-align: center; color: #727171; position: relative; z-index: 33; }

#con-policy .f-bx{ width: 800px; margin: 0 auto 95px; }
#con-policy .f-bx li{ float: left; margin-right: 10px; width: 395px; }
#con-policy .f-bx li:last-child{ float: left; margin-right: 0px; }

}

@media screen and (max-width: 767px) { .cc-h2 { background-image: url(../images/works_policy/h2.jpg); }
  .cc-ttl { margin-bottom: 7%; }

#con-policy{ width:100%; margin: 0 auto 50px; }
#con-policy .right{ float: none; }
#con-policy .left{ float: none; }
#con-policy .h-bx li{ float: none; margin:0 auto 7%; width: 95%; }
#con-policy .h-bx{ width: 100%; margin: 0 auto; background: url('../images/policy/h-img.jpg') top center no-repeat; padding: 20px 0 35px; margin-bottom: 100px; position: relative; }
#con-policy .h-bx .h-ttl{ text-align: center; margin:0 auto 7%; width: 85%; }
#con-policy .h-bx .h-txt{ text-align: center; color: #fff; font-size: 12px; margin-bottom: 20px; background: #000; opacity: 0.8; width: 100%; margin: 0 auto; padding: 5% 3%; }

#con-policy h5{ text-align: center; margin-bottom: 20px; }
#con-policy .con01{ background: url('../images/policy/con01-bg.jpg') top center no-repeat , #975f18; padding:3% 5%; margin-bottom: 40px; }
#con-policy .con01 .bx01{ position: relative; }
#con-policy .con01 .bx02{ position: relative; }
#con-policy .con01 .bx01 .inner-bx-abs01{ position: absolute; left: 3px; bottom: -7px; }
#con-policy .con01 .bx02 .inner-bx-abs01{ position: absolute; right: -2px; bottom: 0; width: 20%; }
#con-policy .con01 .bx02 .inner-bx-abs02{ position: absolute; left: -3px; bottom: -7px; width: 20%; }
#con-policy .con02{ background: url('../images/policy/con02-bg.jpg') top center; padding:3% 5%; margin-bottom: 40px; }
#con-policy .con02 .bx02 .inner-bx02{ padding: 8% 3% 5%; color: #727171;}
#con-policy .con02 .bx02 .inner-bx02 .inner-ttl { }
#con-policy .con03{ background: url('../images/policy/con03-bg.jpg') top center; padding:3% 5%; margin-bottom: 40px; }

#con-policy  .inner-bx01{ background: #fff; width: 100%; padding:3% 3%; border-bottom: 3px solid #ebebeb;  }
#con-policy  .inner-bx01 figure{ text-align: center; margin-bottom: 7%; }
#con-policy  .inner-bx02{ background: #fff; width: 100%; padding:3% 3%; margin-bottom: 25px; }
#con-policy .con01 .inner-bx02{ background: #fff; width: 100%; padding:3% 3% 15%; margin-bottom: 25px; }
#con-policy  .inner-bx02 figure{ text-align: center; margin-bottom: 7% }
#con-policy  .bx0 .inner-bx02{ background: #fff; width: 100%; padding:3% 5%; margin-bottom: 25px; }

#con-policy .inner-bx01 h6{ margin-bottom: 5%; }
#con-policy .inner-bx02 h6{ margin-bottom: 5%; text-align: center;  }
#con-policy .in-ttl{ font-size: 16px; color: #433526; font-weight: bold; margin-bottom: 10px; }
#con-policy .inner-bx01 .in-txt01{ width:100%; color: #727171; }
#con-policy .con01 .inner-bx01 .in-txt02{ width:100%; color: #727171; }
#con-policy .con01 .inner-bx02 .in-txt02{ text-align: center; color: #727171; position: relative; z-index: 33; }

#con-policy .f-bx{ width:100%; margin: 0 auto 10%; }
#con-policy .f-bx li{ float: none; margin:0 auto 7%; width:90%; }

}