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


/* ==========================================================================//
//
//　SP 750px以下
//
// ========================================================================== */

@media screen and (max-width: 750px) {
  


/* area_ttl
---------------------------------------------------------- */
.area_ttl.page_gachapin {
  height: 500px;
}
.area_ttl.page_gachapin .box_txt {
  width: 440px;
  height: 180px;
  padding: 15px 0 0;
}
.area_ttl.page_gachapin .box_txt img {
  width: 370px;
  height: auto;
}


/* area_pagenavi
---------------------------------------------------------- */
.area_pagenavi {
  padding: 0;
}
.area_pagenavi ul {
  display: block;
}
.area_pagenavi ul li {
  width: 100%;
  margin: 0;
  position: relative;
  font-size: 24px;
}
.area_pagenavi ul li::before{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  right: 35px;
  width: 8px;
  height: 8px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.area_pagenavi ul li a {
  padding: 35px 0 30px;
}



/* area_info
---------------------------------------------------------- */
.area_info {
  background: url(/business/gachapin/img/bg_info_01.jpg) center no-repeat;
  background-size: cover;
  height: 394px !important;
  position: relative;
  margin: 0 0 500px;
}
.area_info .box_txt {
  background-color:#f0eccd;
  width: 550px;
  height: 400px;
  padding: 45px 100px 40px;
  position: absolute;
  top: 394px;
  left: 0;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
}
.area_info .box_txt .ttl_01 {
  font-size: 24px;
}
.area_info .box_txt .txt_01 {
}



/* area_business
---------------------------------------------------------- */
.area_business {
  padding-bottom:50px ;
}
.area_business .box_business_info {
  padding:90px 0;
}
.area_business .box_business_info .ttl_01 {
  font-size: 34px;
}

/*box*/
.area_business .box_business {
  justify-content: left;
  width: 100%;
  margin: 0 0 35px;
}
.area_business .box_business .box_img {
  width: 48%;
  min-width: 360px;
}
.area_business .box_business.reverse .box_img {
  order: 2;
}
.area_business .box_business .box_img img {
  width: 100%;
  height: auto;
}
.area_business .box_business .box_txt {
  width: 44%;
  margin: 0 0 0 4%;
}
.area_business .box_business .box_txt p {
  letter-spacing: 0em;
}

.area_business .box_business .box_txt_inner {
  margin:0;
  width: 100%;
}
.area_business .box_business.reverse .box_txt {
  width: 44%;
  margin: 0 4% 0 4%;

}
.area_business .box_business.reverse .box_txt_inner {
  order: 1;
  margin: 0;
  width: 100%;
}
.area_business .box_business .box_txt .ttl_01 {
  font-size: 30px;
}


/* area_moririce
---------------------------------------------------------- */
.area_moririce {
  width: 100%;
  padding: 0 0 70px;
}
.area_moririce .box_ttl {
  background: url(/business/gachapin/img/bg_moririce_01.png) center top no-repeat;
  background-size: cover;
  height:98px;
  padding: 0;
  margin: 0 0 45px;
}
.area_moririce .box_ttl .ttl_01 {
  font-size:34px ;
}
.area_moririce .box_ttl .ttl_01 span {
  display: block;
  font-size: 24px;
}
.area_moririce .box_moririce {
}
.area_moririce .box_moririce .ttl_02 {
  display: none;
  /*text-align: center;
  font-size: 22px;
  margin: 0 0 38px;*/
}
.area_moririce .box_moririce .box_moririce_inner {
  display: block;
}
.area_moririce .box_moririce .box_moririce_inner .box_img {
  width:540px ;
  margin: 0 auto 30px;
}
.area_moririce .box_moririce .box_moririce_inner .box_img img {
  width: 100%;
  height: auto;
}

.area_moririce .box_moririce .box_moririce_inner .box_txt {
  width: 680px;
  margin: 0 auto;
}
.area_moririce .box_moririce .box_moririce_inner .box_txt dl {
  margin: 0 0 30px;
}
.area_moririce .box_moririce .box_moririce_inner .box_txt dl dt {
  width: 137px;
  margin: 0 20px 15px 0;
  padding: 10px 0 8px;
}
.area_moririce .box_moririce .box_moririce_inner .box_txt dl dd {
  width: 508px;
  margin: 0 0 10px 0;
  padding: 9px 0 6px;
}
.area_moririce .box_moririce .box_moririce_inner .btn_01 {
  width: 320px;
  margin: 0 auto;
}
.area_moririce .box_moririce .box_moririce_inner .btn_01 a {
  padding: 20px 0;
}


/* area_menu
---------------------------------------------------------- */
.area_menu {
  padding: 90px 0 70px;
}
.area_menu .ttl_01 {
  font-size: 34px;
  margin: 0 0 40px;
}
.area_menu .txt_01 {
  margin: 0 0 35px;
}
.area_menu ul {
  display: block;
}
.area_menu ul li {
  width: 500px;
  margin: 0 auto 20px;
  position: relative;
  font-size: 26px;
  padding: 0 0 0 0;
}
.area_menu ul li::before{
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  content: '';
  display: inline-block;
  width: 32px;
  height: 40px;
  background-image: url(/assets/img/icon_pdf_01.png);
  background-size: contain;
  vertical-align: middle;
}
.area_menu ul li a {
  color: #fff;
  display: block;
  padding: 28px 0 25px;
}



/* area_access
---------------------------------------------------------- */
.area_access {
  padding: 60px 0 0;
}
.area_access p {
}
.area_access .ttl_01 {
  font-size: 34px;
  margin-bottom: 25px;
}
.area_access .gmap {
  width: 750px;
  height: 750px;
  margin: 0 auto 40px;
}
.area_access .tel_link {
  font-size: 34px;
  margin: -10px 0 0;
}
.area_access .tel_link a {
}
.area_access .tel_link span {
  font-size: 24px;
}
.area_access dl {
  width: 670px;
  margin: 60px auto 70px;
  display: block;
}
.area_access dl dt {
  border-bottom: none !important;
  width: 100%;
  padding: 15px 0 0;
}
.area_access dl dd {
  padding:0 0 15px;
  width: 100%;
}
.area_access dl dt,
.area_access dl dd {
}



}