@charset "utf-8";

/*=================================================================================================================================*/
/** 個別指定 for スマートフォン
/*=================================================================================================================================*/


/*---------------------------------------------
 ** 320px
---------------------------------------------*/
@media screen and (max-width: 320px) {
  .top_h2_01,.top_h2_02         {height: 86px !important;}
.h2_top_works_01   {height: 80px !important; }

.top_h2_01         {height: 95px !important;}
.top_h2_02         {height: 95px !important;}
}


/*---------------------------------------------
 ** 740px
---------------------------------------------*/
@media screen and (max-width: 740px) {

.sp_only_none{ display:none;}

/*---------------------------------------------
	body
  ---------------------------------------------*/
html { scroll-behavior: smooth; }
html {font-size: 62.5%;} /* 10px */
body { font-size: 15px;  font-family: sans-serif; color:#444; } /* 16px */
p    {font-size: 15px;} /* 16px */

/* コンテンツ全体 */
#content{}
#top #main{margin: 0 auto 24px;}
#top #main{margin: 0 auto 10px;padding: 30px 0 0 0;}
#main{padding: 30px 0 0 0;}

/* fook */
.only_sp_none {display:none!important; }
.sp_br{display: inline;}

/*画像*/
img{max-width:100%; height:auto;}


/*---------------------------------------------
 **  ロゴ
---------------------------------------------*/
#logo {
  width: 282px;
  height: 20px;
  bottom: 0px;
  left: 0%;
  right: 0px;
  margin: 0px auto;
}
#footer #logo {width: 224px;height: 77px;bottom:0;left: 0%;right:0;margin: 25px auto 13px;}







/*=================================================================================================================================*/
/**  フッター	*/
/*=================================================================================================================================*/
.footer_wrapper{ margin:0 ; padding-bottom:10px; }

/* フッターナビ */
#footer nav ul{ background:#F6F6F6;  display:flex;flex-wrap:wrap;justify-content: space-between; padding:1px 0 1px 0;}
#footer nav li{  width:49.3%;margin:1px;  }
#footer nav a{ width:100%; background:#FFF; font-size:12px;  padding:10px 0; text-align:center; text-decoration:none; display:block; position:relative; }
#footer nav a:after{width: 10px;height: 10px;position: absolute;top: 15px;right: 11px;background: url( ../img/common/bt_icon_blue.png) 0 0 no-repeat;background-size: 100%;content: '';}

#copyright {font-size:10px!important;}

/* ページTOPへ */
#pageTop {right: 6%;bottom:0;}
#pageTop a {width: 40px;height: 57px;}

.footer_add { text-align:center; }
.footer_add dt { padding:0 0 10px !important; margin:0 0 5px !important; font-size:18px; }
.footer_add dd,.footer_add dd span { font-size:16px;  }
.footer_inner_R{ width:90%; margin:0 auto; padding:20px 0 0 ; }
.footer_inner_R img { width:100%;   }





/*---------------------------------------------
 ** 料金表
---------------------------------------------*/
.flexbox{
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
}

.flexbox dl{ 
  width: calc(100% / 2);
  box-sizing: border-box;
}


.flexbox h3{
  display: block;
  width: 100%;
  background-color: #EEB42C;
  color: #332513;
  text-align: left;
  padding: 1rem 4rem;
  margin: 1.5rem 0 0 0;
}

.flexbox dl dt{
  background-color: #332513;
  color: #fff;
  text-align: center;
  padding: 1rem 0;
  font-weight: bold;
  border-right: 1px solid #666;
}
.flexbox dl dd{
  color: #332513;
  text-align: center;
  padding: 1rem 0;
  font-weight: bold;
  border: 1px solid #332513;
}

h2.pricettl{
  margin: 3rem auto 1rem auto;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}



}