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

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

#con-greeting{ width: 800px; margin: 0 auto 50px; }
#con-greeting .right{ float: right; }
#con-greeting .left{ float: left; }

#con-greeting .h-img{ margin-bottom: 30px; }
#con-greeting h4{ margin-bottom: 30px; }
#con-greeting .inner{ background: url('../images/greeting/inner-bg.jpg') top center; padding: 40px; margin-bottom: 70px; }
#con-greeting .inner .in-bx{ border-bottom: 1px dashed #b5b5b5; padding-bottom: 30px; margin-bottom: 35px; }
#con-greeting .inner .in-bx .txt-bx{ width: 400px; line-height: 1.5; padding-top: 25px; color: #453728; }
#con-greeting .inner .f-in-bx{ padding-bottom: 30px; margin-bottom: 35px; position: relative; }
#con-greeting .inner .f-in-bx .f-txt-bx{ width: 410px; margin: 0 auto; line-height: 1.5; text-align: center; padding-top: 25px; color: #453728; }
#con-greeting .f-in-ttl{ text-align: center; margin-bottom: 0; }
#con-greeting .inner .f-in-bx .f-abs01{ position: absolute; top: 0 ; left: 35px; }
#con-greeting .inner .f-in-bx .f-abs02{ position: absolute; top: 0 ; right: 35px; }
#con-greeting .inner .f-in-bx .in-txt-b{ font-size: 16px; font-weight: bold; margin-bottom: 25px; }

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

}

 
@media screen and (max-width: 767px) { .cc-h2 { background-image: url(../images/works_reform/h2.jpg); }
  .cc-ttl { margin-bottom: 7%; }
  
#con-greeting{ width:100%; margin: 0 auto 50px; }
#con-greeting .right{ float: none; }
#con-greeting .left{ float: none; }

#con-greeting .h-img{ margin-bottom: 30px; }
#con-greeting h4{ margin-bottom: 30px; }
#con-greeting .inner{ background: url('../images/greeting/inner-bg.jpg') top center; padding: 10% 3%; margin-bottom: 70px; }
#con-greeting .inner .in-bx{ border-bottom: 1px dashed #b5b5b5; padding-bottom: 30px; margin-bottom: 35px; }
#con-greeting .inner .in-bx .in-img{ text-align: center; }
#con-greeting .inner .in-bx .txt-bx{ width:100%; line-height: 1.5; padding-top: 25px; color: #453728; }
#con-greeting .inner .f-in-bx{ padding-bottom: 30px; margin-bottom: 35px; position: relative; }
#con-greeting .inner .f-in-bx .f-txt-bx{ width:100%; margin: 0 auto; line-height: 1.5; text-align: center; padding-top: 25px; color: #453728; }
#con-greeting .f-in-ttl{ text-align: center; margin-bottom: 0; }
#con-greeting .inner .f-in-bx .f-abs01{ position: absolute; top: 50px; left: 10px; width: 15%; }
#con-greeting .inner .f-in-bx .f-abs02{ position: absolute; top: 50px; right: 10px; width: 15%; }
#con-greeting .inner .f-in-bx .in-txt-b{ font-size: 16px; font-weight: bold; margin-bottom: 25px; }

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

}