/* --▼margin-------------------- */
/*top*/
.mt05{ margin-top: 5px !important;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}
.mt25{ margin-top: 25px !important;}
.mt30{ margin-top: 30px !important;}
.mt40{ margin-top: 40px !important;}
.mt50{ margin-top: 50px !important;}
.mt-40{ margin-top: -40px !important;}

/*bottom*/
.mb00 { margin-bottom: 0 !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb100 { margin-bottom: 100px !important;}

/*left*/
.ml00 { margin-left: 0 !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml30 { margin-left: 30px !important;}

/*right*/
.mr00 { margin-right: 0 !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}

/* --▼padding-------------------- */
.pt05{ padding-top: 5px !important;}
.pt10{ padding-top: 10px !important;}
.pt15{ padding-top: 15px !important;}
.pt20{ padding-top: 20px !important;}

.pb00 { padding-bottom: 0 !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}

body {
  padding-top: 70px;
  padding-bottom: 30px;
}

.mainImg .visual {
  overflow: hidden;
}
 .mainImg .visual img {
  position: relative;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.page-header_c {
  margin-top : -50px;
  padding-top : 50px;
  padding-bottom: 9px;
  margin: 40px 0 20px;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.no-gutters {
  margin:0;
  padding:0;
}
 
.no-gutters　> .col,
.no-gutters　> [class*="col-"] {
  margin:0;
  padding:0;
}

.plan dt{
  float: left;
  margin-bottom: 10px;
}

.plan dd{
  margin-bottom: 10px;
  margin-left: 100px;
}

.plango {
  border: 2px solid #9eda2b;
}

.plantitle {
background: rgb(17,111,0);
background: linear-gradient(0deg, rgba(17,111,0,1) 0%, rgba(17,111,0,1) 100%);
}

.plantitle_c {
background: rgb(53,79,175);
background: linear-gradient(0deg, rgba(53,79,175,1) 0%, rgba(53,79,175,1) 100%);
}

.planbody {
border: 1px solid #116f00;
}

.planbody_c {
border: 1px solid #354faf;
}

.h-80px {
  height: 80px !important;
}

.w-200px {
  width: 200px !important;
}

.w-300px {
  width: 300px !important;
}

.contactBG {
	background-color: #07a8bb;
	color:#fff;
}

.priceBG {
	background-color: #90c31f;
	color:#fff;
}

.table-ruler {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table-ruler th,.table-ruler td {
  border-right: none !important;
  border-left: none !important;
  padding: 20px;
}

.table-ruler th{
  white-space: nowrap;
}

.w-100{
  width: 100% !important;
}

.DLbottan{
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #e9ceff;
}

.text-background-title {
  display: inline-block;
  width: 100px;
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  line-height: 1.4em;
  padding: 10px 0 10px 10px;
  background:#33b57c;
  border-radius: 20px;
}