@charset "UTF-8";
/*
// display
@include prop(d, block) {
	display: block !important;
}

@include prop(d, iblock) {
	display: inline-block !important;
}

@include prop(d, flex) {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

@include prop(d, iflex) {
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
}

@include prop(d, inline) {
	display: inline !important;
}

@include prop(d, none) {
	display: none !important;
}

// justify-content
@include prop(justify-content, start) {
	-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
			justify-content: flex-start !important;
}

@include prop(justify-content, center) {
	-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
			justify-content: center !important;
}

@include prop(justify-content, end) {
	-webkit-box-pack: end !important;
		-ms-flex-pack: end !important;
			justify-content: flex-end !important;
}

@include prop(justify-content, space-between) {
	-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
			justify-content: space-between !important;
}

// align-items
@include prop(align-items, start) {
	-webkit-box-align: start !important;
		-ms-flex-align: start !important;
			align-items: flex-start !important;
}

@include prop(align-items, center) {
	-webkit-box-align: center !important;
		-ms-flex-align: center !important;
			align-items: center !important;
}

@include prop(align-items, end) {
	-webkit-box-align: end !important;
		-ms-flex-align: end !important;
			align-items: flex-end !important;
}

@include prop(align-items, stretch) {
	-webkit-box-align: stretch !important;
		-ms-flex-align: stretch !important;
			align-items: stretch !important;
}

// flex-direction
@include prop(flex-direction, column) {
	-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
			flex-direction: column !important;
}

@include prop(flex-direction, column-reverse) {
	-webkit-box-direction: reverse !important;
		-ms-flex-direction: column-reverse !important;
			flex-direction: column-reverse !important;
}
*/
.text-center {
  text-align: center !important;
}

@media only screen and (min-width: 768px) {
  .text-sm-center {
    text-align: center !important;
  }
}

@media only screen and (min-width: 836px) {
  .text-md-center {
    text-align: center !important;
  }
}

@media only screen and (min-width: 1281px) {
  .text-lg-center {
    text-align: center !important;
  }
}

.text-left {
  text-align: left !important;
}

@media only screen and (min-width: 768px) {
  .text-sm-left {
    text-align: left !important;
  }
}

@media only screen and (min-width: 836px) {
  .text-md-left {
    text-align: left !important;
  }
}

@media only screen and (min-width: 1281px) {
  .text-lg-left {
    text-align: left !important;
  }
}

.u-tb {
  display: none;
}

@media only screen and (max-width: 1280px) {
  .u-tb {
    display: block;
  }
}

.u-ntb {
  display: block !important;
}

@media only screen and (max-width: 1280px) {
  .u-ntb {
    display: none !important;
  }
}

.u-sm {
  display: none;
}

@media only screen and (max-width: 767px) {
  .u-sm {
    display: block;
  }
}

.u-smlg {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .u-smlg {
    display: block;
  }
}

.u-mdlg {
  display: none;
}

@media only screen and (min-width: 836px) and (max-width: 1280px) {
  .u-mdlg {
    display: block;
  }
}

.u-sm-mdlg {
  display: none;
}

@media only screen and (max-width: 767px) {
  .u-sm-mdlg {
    display: block;
  }
}
@media only screen and (min-width: 836px) and (max-width: 1280px) {
  .u-sm-mdlg {
    display: block;
  }
}

.m-0 {
  margin: 0 !important;
}

@media only screen and (min-width: 768px) {
  .m-sm-0 {
    margin: 0 !important;
  }
}

@media only screen and (min-width: 836px) {
  .m-md-0 {
    margin: 0 !important;
  }
}

@media only screen and (min-width: 1281px) {
  .m-lg-0 {
    margin: 0 !important;
  }
}

.m-auto {
  margin: auto !important;
}

@media only screen and (min-width: 768px) {
  .m-sm-auto {
    margin: auto !important;
  }
}

@media only screen and (min-width: 836px) {
  .m-md-auto {
    margin: auto !important;
  }
}

@media only screen and (min-width: 1281px) {
  .m-lg-auto {
    margin: auto !important;
  }
}

.m-auto0 {
  margin: auto 0 !important;
}

@media only screen and (min-width: 768px) {
  .m-sm-auto0 {
    margin: auto 0 !important;
  }
}

@media only screen and (min-width: 836px) {
  .m-md-auto0 {
    margin: auto 0 !important;
  }
}

@media only screen and (min-width: 1281px) {
  .m-lg-auto0 {
    margin: auto 0 !important;
  }
}

.m-0auto {
  margin: 0 auto !important;
}

@media only screen and (min-width: 768px) {
  .m-sm-0auto {
    margin: 0 auto !important;
  }
}

@media only screen and (min-width: 836px) {
  .m-md-0auto {
    margin: 0 auto !important;
  }
}

@media only screen and (min-width: 1281px) {
  .m-lg-0auto {
    margin: 0 auto !important;
  }
}

.mt-0 {
  margin-top: 0 !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-0 {
    margin-top: 0 !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-0 {
    margin-top: 0 !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-0 {
    margin-top: 0 !important;
  }
}

.mt-1em {
  margin-top: 1em !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-1em {
    margin-top: 1em !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-1em {
    margin-top: 1em !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-1em {
    margin-top: 1em !important;
  }
}

.mt-10px {
  margin-top: 10px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-10px {
    margin-top: 10px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-10px {
    margin-top: 10px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-10px {
    margin-top: 10px !important;
  }
}

.mt-20px {
  margin-top: 20px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-20px {
    margin-top: 20px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-20px {
    margin-top: 20px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-20px {
    margin-top: 20px !important;
  }
}

.mt-30px {
  margin-top: 30px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-30px {
    margin-top: 30px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-30px {
    margin-top: 30px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-30px {
    margin-top: 30px !important;
  }
}

.mt-40px {
  margin-top: 40px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-40px {
    margin-top: 40px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-40px {
    margin-top: 40px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-40px {
    margin-top: 40px !important;
  }
}

.mt-50px {
  margin-top: 50px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-50px {
    margin-top: 50px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-50px {
    margin-top: 50px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-50px {
    margin-top: 50px !important;
  }
}

.mt-60px {
  margin-top: 60px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-60px {
    margin-top: 60px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-60px {
    margin-top: 60px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-60px {
    margin-top: 60px !important;
  }
}

.mt-70px {
  margin-top: 70px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-70px {
    margin-top: 70px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-70px {
    margin-top: 70px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-70px {
    margin-top: 70px !important;
  }
}

.mt-80px {
  margin-top: 80px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-80px {
    margin-top: 80px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-80px {
    margin-top: 80px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-80px {
    margin-top: 80px !important;
  }
}

.mt-90px {
  margin-top: 90px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-90px {
    margin-top: 90px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-90px {
    margin-top: 90px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-90px {
    margin-top: 90px !important;
  }
}

.mt-100px {
  margin-top: 100px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-100px {
    margin-top: 100px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-100px {
    margin-top: 100px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-100px {
    margin-top: 100px !important;
  }
}

.mt-110px {
  margin-top: 110px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-110px {
    margin-top: 110px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-110px {
    margin-top: 110px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-110px {
    margin-top: 110px !important;
  }
}

.mt-120px {
  margin-top: 120px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-120px {
    margin-top: 120px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-120px {
    margin-top: 120px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-120px {
    margin-top: 120px !important;
  }
}

.mt-130px {
  margin-top: 130px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-130px {
    margin-top: 130px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-130px {
    margin-top: 130px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-130px {
    margin-top: 130px !important;
  }
}

.mt-140px {
  margin-top: 140px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-140px {
    margin-top: 140px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-140px {
    margin-top: 140px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-140px {
    margin-top: 140px !important;
  }
}

.mt-150px {
  margin-top: 150px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-150px {
    margin-top: 150px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-150px {
    margin-top: 150px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-150px {
    margin-top: 150px !important;
  }
}

.mt-160px {
  margin-top: 160px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-160px {
    margin-top: 160px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-160px {
    margin-top: 160px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-160px {
    margin-top: 160px !important;
  }
}

.mt-170px {
  margin-top: 170px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-170px {
    margin-top: 170px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-170px {
    margin-top: 170px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-170px {
    margin-top: 170px !important;
  }
}

.mt-180px {
  margin-top: 180px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-180px {
    margin-top: 180px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-180px {
    margin-top: 180px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-180px {
    margin-top: 180px !important;
  }
}

.mt-190px {
  margin-top: 190px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-190px {
    margin-top: 190px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-190px {
    margin-top: 190px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-190px {
    margin-top: 190px !important;
  }
}

.mt-200px {
  margin-top: 200px !important;
}

@media only screen and (min-width: 768px) {
  .mt-sm-200px {
    margin-top: 200px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mt-md-200px {
    margin-top: 200px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mt-lg-200px {
    margin-top: 200px !important;
  }
}

.me-0 {
  margin-right: 0 !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-0 {
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-0 {
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-0 {
    margin-right: 0 !important;
  }
}

.me-1em {
  margin-right: 1em !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-1em {
    margin-right: 1em !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-1em {
    margin-right: 1em !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-1em {
    margin-right: 1em !important;
  }
}

.me-10px {
  margin-right: 10px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-10px {
    margin-right: 10px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-10px {
    margin-right: 10px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-10px {
    margin-right: 10px !important;
  }
}

.me-20px {
  margin-right: 20px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-20px {
    margin-right: 20px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-20px {
    margin-right: 20px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-20px {
    margin-right: 20px !important;
  }
}

.me-30px {
  margin-right: 30px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-30px {
    margin-right: 30px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-30px {
    margin-right: 30px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-30px {
    margin-right: 30px !important;
  }
}

.me-40px {
  margin-right: 40px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-40px {
    margin-right: 40px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-40px {
    margin-right: 40px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-40px {
    margin-right: 40px !important;
  }
}

.me-50px {
  margin-right: 50px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-50px {
    margin-right: 50px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-50px {
    margin-right: 50px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-50px {
    margin-right: 50px !important;
  }
}

.me-60px {
  margin-right: 60px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-60px {
    margin-right: 60px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-60px {
    margin-right: 60px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-60px {
    margin-right: 60px !important;
  }
}

.me-70px {
  margin-right: 70px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-70px {
    margin-right: 70px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-70px {
    margin-right: 70px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-70px {
    margin-right: 70px !important;
  }
}

.me-80px {
  margin-right: 80px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-80px {
    margin-right: 80px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-80px {
    margin-right: 80px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-80px {
    margin-right: 80px !important;
  }
}

.me-90px {
  margin-right: 90px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-90px {
    margin-right: 90px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-90px {
    margin-right: 90px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-90px {
    margin-right: 90px !important;
  }
}

.me-100px {
  margin-right: 100px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-100px {
    margin-right: 100px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-100px {
    margin-right: 100px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-100px {
    margin-right: 100px !important;
  }
}

.me-110px {
  margin-right: 110px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-110px {
    margin-right: 110px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-110px {
    margin-right: 110px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-110px {
    margin-right: 110px !important;
  }
}

.me-120px {
  margin-right: 120px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-120px {
    margin-right: 120px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-120px {
    margin-right: 120px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-120px {
    margin-right: 120px !important;
  }
}

.me-130px {
  margin-right: 130px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-130px {
    margin-right: 130px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-130px {
    margin-right: 130px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-130px {
    margin-right: 130px !important;
  }
}

.me-140px {
  margin-right: 140px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-140px {
    margin-right: 140px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-140px {
    margin-right: 140px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-140px {
    margin-right: 140px !important;
  }
}

.me-150px {
  margin-right: 150px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-150px {
    margin-right: 150px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-150px {
    margin-right: 150px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-150px {
    margin-right: 150px !important;
  }
}

.me-160px {
  margin-right: 160px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-160px {
    margin-right: 160px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-160px {
    margin-right: 160px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-160px {
    margin-right: 160px !important;
  }
}

.me-170px {
  margin-right: 170px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-170px {
    margin-right: 170px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-170px {
    margin-right: 170px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-170px {
    margin-right: 170px !important;
  }
}

.me-180px {
  margin-right: 180px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-180px {
    margin-right: 180px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-180px {
    margin-right: 180px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-180px {
    margin-right: 180px !important;
  }
}

.me-190px {
  margin-right: 190px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-190px {
    margin-right: 190px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-190px {
    margin-right: 190px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-190px {
    margin-right: 190px !important;
  }
}

.me-200px {
  margin-right: 200px !important;
}

@media only screen and (min-width: 768px) {
  .me-sm-200px {
    margin-right: 200px !important;
  }
}

@media only screen and (min-width: 836px) {
  .me-md-200px {
    margin-right: 200px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .me-lg-200px {
    margin-right: 200px !important;
  }
}

.mb-0 {
  margin-bottom: 0 !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
}

.mb-1em {
  margin-bottom: 1em !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-1em {
    margin-bottom: 1em !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-1em {
    margin-bottom: 1em !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-1em {
    margin-bottom: 1em !important;
  }
}

.mb-10px {
  margin-bottom: 10px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-10px {
    margin-bottom: 10px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-10px {
    margin-bottom: 10px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-10px {
    margin-bottom: 10px !important;
  }
}

.mb-20px {
  margin-bottom: 20px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-20px {
    margin-bottom: 20px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-20px {
    margin-bottom: 20px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-20px {
    margin-bottom: 20px !important;
  }
}

.mb-30px {
  margin-bottom: 30px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-30px {
    margin-bottom: 30px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-30px {
    margin-bottom: 30px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-30px {
    margin-bottom: 30px !important;
  }
}

.mb-40px {
  margin-bottom: 40px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-40px {
    margin-bottom: 40px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-40px {
    margin-bottom: 40px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-40px {
    margin-bottom: 40px !important;
  }
}

.mb-50px {
  margin-bottom: 50px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-50px {
    margin-bottom: 50px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-50px {
    margin-bottom: 50px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-50px {
    margin-bottom: 50px !important;
  }
}

.mb-60px {
  margin-bottom: 60px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-60px {
    margin-bottom: 60px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-60px {
    margin-bottom: 60px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-60px {
    margin-bottom: 60px !important;
  }
}

.mb-70px {
  margin-bottom: 70px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-70px {
    margin-bottom: 70px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-70px {
    margin-bottom: 70px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-70px {
    margin-bottom: 70px !important;
  }
}

.mb-80px {
  margin-bottom: 80px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-80px {
    margin-bottom: 80px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-80px {
    margin-bottom: 80px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-80px {
    margin-bottom: 80px !important;
  }
}

.mb-90px {
  margin-bottom: 90px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-90px {
    margin-bottom: 90px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-90px {
    margin-bottom: 90px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-90px {
    margin-bottom: 90px !important;
  }
}

.mb-100px {
  margin-bottom: 100px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-100px {
    margin-bottom: 100px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-100px {
    margin-bottom: 100px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-100px {
    margin-bottom: 100px !important;
  }
}

.mb-110px {
  margin-bottom: 110px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-110px {
    margin-bottom: 110px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-110px {
    margin-bottom: 110px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-110px {
    margin-bottom: 110px !important;
  }
}

.mb-120px {
  margin-bottom: 120px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-120px {
    margin-bottom: 120px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-120px {
    margin-bottom: 120px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-120px {
    margin-bottom: 120px !important;
  }
}

.mb-130px {
  margin-bottom: 130px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-130px {
    margin-bottom: 130px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-130px {
    margin-bottom: 130px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-130px {
    margin-bottom: 130px !important;
  }
}

.mb-140px {
  margin-bottom: 140px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-140px {
    margin-bottom: 140px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-140px {
    margin-bottom: 140px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-140px {
    margin-bottom: 140px !important;
  }
}

.mb-150px {
  margin-bottom: 150px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-150px {
    margin-bottom: 150px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-150px {
    margin-bottom: 150px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-150px {
    margin-bottom: 150px !important;
  }
}

.mb-160px {
  margin-bottom: 160px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-160px {
    margin-bottom: 160px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-160px {
    margin-bottom: 160px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-160px {
    margin-bottom: 160px !important;
  }
}

.mb-170px {
  margin-bottom: 170px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-170px {
    margin-bottom: 170px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-170px {
    margin-bottom: 170px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-170px {
    margin-bottom: 170px !important;
  }
}

.mb-180px {
  margin-bottom: 180px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-180px {
    margin-bottom: 180px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-180px {
    margin-bottom: 180px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-180px {
    margin-bottom: 180px !important;
  }
}

.mb-190px {
  margin-bottom: 190px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-190px {
    margin-bottom: 190px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-190px {
    margin-bottom: 190px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-190px {
    margin-bottom: 190px !important;
  }
}

.mb-200px {
  margin-bottom: 200px !important;
}

@media only screen and (min-width: 768px) {
  .mb-sm-200px {
    margin-bottom: 200px !important;
  }
}

@media only screen and (min-width: 836px) {
  .mb-md-200px {
    margin-bottom: 200px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .mb-lg-200px {
    margin-bottom: 200px !important;
  }
}

.ms-0 {
  margin-left: 0 !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-0 {
    margin-left: 0 !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-0 {
    margin-left: 0 !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-0 {
    margin-left: 0 !important;
  }
}

.ms-1em {
  margin-left: 1em !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-1em {
    margin-left: 1em !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-1em {
    margin-left: 1em !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-1em {
    margin-left: 1em !important;
  }
}

.ms-10px {
  margin-left: 10px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-10px {
    margin-left: 10px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-10px {
    margin-left: 10px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-10px {
    margin-left: 10px !important;
  }
}

.ms-20px {
  margin-left: 20px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-20px {
    margin-left: 20px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-20px {
    margin-left: 20px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-20px {
    margin-left: 20px !important;
  }
}

.ms-30px {
  margin-left: 30px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-30px {
    margin-left: 30px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-30px {
    margin-left: 30px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-30px {
    margin-left: 30px !important;
  }
}

.ms-40px {
  margin-left: 40px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-40px {
    margin-left: 40px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-40px {
    margin-left: 40px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-40px {
    margin-left: 40px !important;
  }
}

.ms-50px {
  margin-left: 50px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-50px {
    margin-left: 50px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-50px {
    margin-left: 50px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-50px {
    margin-left: 50px !important;
  }
}

.ms-60px {
  margin-left: 60px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-60px {
    margin-left: 60px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-60px {
    margin-left: 60px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-60px {
    margin-left: 60px !important;
  }
}

.ms-70px {
  margin-left: 70px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-70px {
    margin-left: 70px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-70px {
    margin-left: 70px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-70px {
    margin-left: 70px !important;
  }
}

.ms-80px {
  margin-left: 80px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-80px {
    margin-left: 80px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-80px {
    margin-left: 80px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-80px {
    margin-left: 80px !important;
  }
}

.ms-90px {
  margin-left: 90px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-90px {
    margin-left: 90px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-90px {
    margin-left: 90px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-90px {
    margin-left: 90px !important;
  }
}

.ms-100px {
  margin-left: 100px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-100px {
    margin-left: 100px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-100px {
    margin-left: 100px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-100px {
    margin-left: 100px !important;
  }
}

.ms-110px {
  margin-left: 110px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-110px {
    margin-left: 110px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-110px {
    margin-left: 110px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-110px {
    margin-left: 110px !important;
  }
}

.ms-120px {
  margin-left: 120px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-120px {
    margin-left: 120px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-120px {
    margin-left: 120px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-120px {
    margin-left: 120px !important;
  }
}

.ms-130px {
  margin-left: 130px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-130px {
    margin-left: 130px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-130px {
    margin-left: 130px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-130px {
    margin-left: 130px !important;
  }
}

.ms-140px {
  margin-left: 140px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-140px {
    margin-left: 140px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-140px {
    margin-left: 140px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-140px {
    margin-left: 140px !important;
  }
}

.ms-150px {
  margin-left: 150px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-150px {
    margin-left: 150px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-150px {
    margin-left: 150px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-150px {
    margin-left: 150px !important;
  }
}

.ms-160px {
  margin-left: 160px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-160px {
    margin-left: 160px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-160px {
    margin-left: 160px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-160px {
    margin-left: 160px !important;
  }
}

.ms-170px {
  margin-left: 170px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-170px {
    margin-left: 170px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-170px {
    margin-left: 170px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-170px {
    margin-left: 170px !important;
  }
}

.ms-180px {
  margin-left: 180px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-180px {
    margin-left: 180px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-180px {
    margin-left: 180px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-180px {
    margin-left: 180px !important;
  }
}

.ms-190px {
  margin-left: 190px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-190px {
    margin-left: 190px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-190px {
    margin-left: 190px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-190px {
    margin-left: 190px !important;
  }
}

.ms-200px {
  margin-left: 200px !important;
}

@media only screen and (min-width: 768px) {
  .ms-sm-200px {
    margin-left: 200px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ms-md-200px {
    margin-left: 200px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ms-lg-200px {
    margin-left: 200px !important;
  }
}

.p-0 {
  padding: 0 !important;
}

@media only screen and (min-width: 768px) {
  .p-sm-0 {
    padding: 0 !important;
  }
}

@media only screen and (min-width: 836px) {
  .p-md-0 {
    padding: 0 !important;
  }
}

@media only screen and (min-width: 1281px) {
  .p-lg-0 {
    padding: 0 !important;
  }
}

.pt-0 {
  padding-top: 0 !important;
}

@media only screen and (min-width: 768px) {
  .pt-sm-0 {
    padding-top: 0 !important;
  }
}

@media only screen and (min-width: 836px) {
  .pt-md-0 {
    padding-top: 0 !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pt-lg-0 {
    padding-top: 0 !important;
  }
}

.pt-10px {
  padding-top: 10px !important;
}

@media only screen and (min-width: 768px) {
  .pt-sm-10px {
    padding-top: 10px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pt-md-10px {
    padding-top: 10px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pt-lg-10px {
    padding-top: 10px !important;
  }
}

.pt-20px {
  padding-top: 20px !important;
}

@media only screen and (min-width: 768px) {
  .pt-sm-20px {
    padding-top: 20px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pt-md-20px {
    padding-top: 20px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pt-lg-20px {
    padding-top: 20px !important;
  }
}

.pt-30px {
  padding-top: 30px !important;
}

@media only screen and (min-width: 768px) {
  .pt-sm-30px {
    padding-top: 30px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pt-md-30px {
    padding-top: 30px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pt-lg-30px {
    padding-top: 30px !important;
  }
}

.pt-40px {
  padding-top: 40px !important;
}

@media only screen and (min-width: 768px) {
  .pt-sm-40px {
    padding-top: 40px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pt-md-40px {
    padding-top: 40px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pt-lg-40px {
    padding-top: 40px !important;
  }
}

.pt-50px {
  padding-top: 50px !important;
}

@media only screen and (min-width: 768px) {
  .pt-sm-50px {
    padding-top: 50px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pt-md-50px {
    padding-top: 50px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pt-lg-50px {
    padding-top: 50px !important;
  }
}

.pt-60px {
  padding-top: 60px !important;
}

@media only screen and (min-width: 768px) {
  .pt-sm-60px {
    padding-top: 60px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pt-md-60px {
    padding-top: 60px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pt-lg-60px {
    padding-top: 60px !important;
  }
}

.pt-70px {
  padding-top: 70px !important;
}

@media only screen and (min-width: 768px) {
  .pt-sm-70px {
    padding-top: 70px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pt-md-70px {
    padding-top: 70px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pt-lg-70px {
    padding-top: 70px !important;
  }
}

.pt-80px {
  padding-top: 80px !important;
}

@media only screen and (min-width: 768px) {
  .pt-sm-80px {
    padding-top: 80px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pt-md-80px {
    padding-top: 80px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pt-lg-80px {
    padding-top: 80px !important;
  }
}

.pt-90px {
  padding-top: 90px !important;
}

@media only screen and (min-width: 768px) {
  .pt-sm-90px {
    padding-top: 90px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pt-md-90px {
    padding-top: 90px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pt-lg-90px {
    padding-top: 90px !important;
  }
}

.pt-100px {
  padding-top: 100px !important;
}

@media only screen and (min-width: 768px) {
  .pt-sm-100px {
    padding-top: 100px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pt-md-100px {
    padding-top: 100px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pt-lg-100px {
    padding-top: 100px !important;
  }
}

.pe-0 {
  padding-right: 0 !important;
}

@media only screen and (min-width: 768px) {
  .pe-sm-0 {
    padding-right: 0 !important;
  }
}

@media only screen and (min-width: 836px) {
  .pe-md-0 {
    padding-right: 0 !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pe-lg-0 {
    padding-right: 0 !important;
  }
}

.pe-10px {
  padding-right: 10px !important;
}

@media only screen and (min-width: 768px) {
  .pe-sm-10px {
    padding-right: 10px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pe-md-10px {
    padding-right: 10px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pe-lg-10px {
    padding-right: 10px !important;
  }
}

.pe-20px {
  padding-right: 20px !important;
}

@media only screen and (min-width: 768px) {
  .pe-sm-20px {
    padding-right: 20px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pe-md-20px {
    padding-right: 20px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pe-lg-20px {
    padding-right: 20px !important;
  }
}

.pe-30px {
  padding-right: 30px !important;
}

@media only screen and (min-width: 768px) {
  .pe-sm-30px {
    padding-right: 30px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pe-md-30px {
    padding-right: 30px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pe-lg-30px {
    padding-right: 30px !important;
  }
}

.pe-40px {
  padding-right: 40px !important;
}

@media only screen and (min-width: 768px) {
  .pe-sm-40px {
    padding-right: 40px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pe-md-40px {
    padding-right: 40px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pe-lg-40px {
    padding-right: 40px !important;
  }
}

.pe-50px {
  padding-right: 50px !important;
}

@media only screen and (min-width: 768px) {
  .pe-sm-50px {
    padding-right: 50px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pe-md-50px {
    padding-right: 50px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pe-lg-50px {
    padding-right: 50px !important;
  }
}

.pe-60px {
  padding-right: 60px !important;
}

@media only screen and (min-width: 768px) {
  .pe-sm-60px {
    padding-right: 60px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pe-md-60px {
    padding-right: 60px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pe-lg-60px {
    padding-right: 60px !important;
  }
}

.pe-70px {
  padding-right: 70px !important;
}

@media only screen and (min-width: 768px) {
  .pe-sm-70px {
    padding-right: 70px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pe-md-70px {
    padding-right: 70px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pe-lg-70px {
    padding-right: 70px !important;
  }
}

.pe-80px {
  padding-right: 80px !important;
}

@media only screen and (min-width: 768px) {
  .pe-sm-80px {
    padding-right: 80px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pe-md-80px {
    padding-right: 80px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pe-lg-80px {
    padding-right: 80px !important;
  }
}

.pe-90px {
  padding-right: 90px !important;
}

@media only screen and (min-width: 768px) {
  .pe-sm-90px {
    padding-right: 90px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pe-md-90px {
    padding-right: 90px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pe-lg-90px {
    padding-right: 90px !important;
  }
}

.pe-100px {
  padding-right: 100px !important;
}

@media only screen and (min-width: 768px) {
  .pe-sm-100px {
    padding-right: 100px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pe-md-100px {
    padding-right: 100px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pe-lg-100px {
    padding-right: 100px !important;
  }
}

.pb-0 {
  padding-bottom: 0 !important;
}

@media only screen and (min-width: 768px) {
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
}

@media only screen and (min-width: 836px) {
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
}

.pb-10px {
  padding-bottom: 10px !important;
}

@media only screen and (min-width: 768px) {
  .pb-sm-10px {
    padding-bottom: 10px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pb-md-10px {
    padding-bottom: 10px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pb-lg-10px {
    padding-bottom: 10px !important;
  }
}

.pb-20px {
  padding-bottom: 20px !important;
}

@media only screen and (min-width: 768px) {
  .pb-sm-20px {
    padding-bottom: 20px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pb-md-20px {
    padding-bottom: 20px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pb-lg-20px {
    padding-bottom: 20px !important;
  }
}

.pb-30px {
  padding-bottom: 30px !important;
}

@media only screen and (min-width: 768px) {
  .pb-sm-30px {
    padding-bottom: 30px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pb-md-30px {
    padding-bottom: 30px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pb-lg-30px {
    padding-bottom: 30px !important;
  }
}

.pb-40px {
  padding-bottom: 40px !important;
}

@media only screen and (min-width: 768px) {
  .pb-sm-40px {
    padding-bottom: 40px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pb-md-40px {
    padding-bottom: 40px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pb-lg-40px {
    padding-bottom: 40px !important;
  }
}

.pb-50px {
  padding-bottom: 50px !important;
}

@media only screen and (min-width: 768px) {
  .pb-sm-50px {
    padding-bottom: 50px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pb-md-50px {
    padding-bottom: 50px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pb-lg-50px {
    padding-bottom: 50px !important;
  }
}

.pb-60px {
  padding-bottom: 60px !important;
}

@media only screen and (min-width: 768px) {
  .pb-sm-60px {
    padding-bottom: 60px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pb-md-60px {
    padding-bottom: 60px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pb-lg-60px {
    padding-bottom: 60px !important;
  }
}

.pb-70px {
  padding-bottom: 70px !important;
}

@media only screen and (min-width: 768px) {
  .pb-sm-70px {
    padding-bottom: 70px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pb-md-70px {
    padding-bottom: 70px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pb-lg-70px {
    padding-bottom: 70px !important;
  }
}

.pb-80px {
  padding-bottom: 80px !important;
}

@media only screen and (min-width: 768px) {
  .pb-sm-80px {
    padding-bottom: 80px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pb-md-80px {
    padding-bottom: 80px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pb-lg-80px {
    padding-bottom: 80px !important;
  }
}

.pb-90px {
  padding-bottom: 90px !important;
}

@media only screen and (min-width: 768px) {
  .pb-sm-90px {
    padding-bottom: 90px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pb-md-90px {
    padding-bottom: 90px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pb-lg-90px {
    padding-bottom: 90px !important;
  }
}

.pb-100px {
  padding-bottom: 100px !important;
}

@media only screen and (min-width: 768px) {
  .pb-sm-100px {
    padding-bottom: 100px !important;
  }
}

@media only screen and (min-width: 836px) {
  .pb-md-100px {
    padding-bottom: 100px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .pb-lg-100px {
    padding-bottom: 100px !important;
  }
}

.ps-0 {
  padding-left: 0 !important;
}

@media only screen and (min-width: 768px) {
  .ps-sm-0 {
    padding-left: 0 !important;
  }
}

@media only screen and (min-width: 836px) {
  .ps-md-0 {
    padding-left: 0 !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ps-lg-0 {
    padding-left: 0 !important;
  }
}

.ps-10px {
  padding-left: 10px !important;
}

@media only screen and (min-width: 768px) {
  .ps-sm-10px {
    padding-left: 10px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ps-md-10px {
    padding-left: 10px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ps-lg-10px {
    padding-left: 10px !important;
  }
}

.ps-20px {
  padding-left: 20px !important;
}

@media only screen and (min-width: 768px) {
  .ps-sm-20px {
    padding-left: 20px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ps-md-20px {
    padding-left: 20px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ps-lg-20px {
    padding-left: 20px !important;
  }
}

.ps-30px {
  padding-left: 30px !important;
}

@media only screen and (min-width: 768px) {
  .ps-sm-30px {
    padding-left: 30px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ps-md-30px {
    padding-left: 30px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ps-lg-30px {
    padding-left: 30px !important;
  }
}

.ps-40px {
  padding-left: 40px !important;
}

@media only screen and (min-width: 768px) {
  .ps-sm-40px {
    padding-left: 40px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ps-md-40px {
    padding-left: 40px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ps-lg-40px {
    padding-left: 40px !important;
  }
}

.ps-50px {
  padding-left: 50px !important;
}

@media only screen and (min-width: 768px) {
  .ps-sm-50px {
    padding-left: 50px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ps-md-50px {
    padding-left: 50px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ps-lg-50px {
    padding-left: 50px !important;
  }
}

.ps-60px {
  padding-left: 60px !important;
}

@media only screen and (min-width: 768px) {
  .ps-sm-60px {
    padding-left: 60px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ps-md-60px {
    padding-left: 60px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ps-lg-60px {
    padding-left: 60px !important;
  }
}

.ps-70px {
  padding-left: 70px !important;
}

@media only screen and (min-width: 768px) {
  .ps-sm-70px {
    padding-left: 70px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ps-md-70px {
    padding-left: 70px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ps-lg-70px {
    padding-left: 70px !important;
  }
}

.ps-80px {
  padding-left: 80px !important;
}

@media only screen and (min-width: 768px) {
  .ps-sm-80px {
    padding-left: 80px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ps-md-80px {
    padding-left: 80px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ps-lg-80px {
    padding-left: 80px !important;
  }
}

.ps-90px {
  padding-left: 90px !important;
}

@media only screen and (min-width: 768px) {
  .ps-sm-90px {
    padding-left: 90px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ps-md-90px {
    padding-left: 90px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ps-lg-90px {
    padding-left: 90px !important;
  }
}

.ps-100px {
  padding-left: 100px !important;
}

@media only screen and (min-width: 768px) {
  .ps-sm-100px {
    padding-left: 100px !important;
  }
}

@media only screen and (min-width: 836px) {
  .ps-md-100px {
    padding-left: 100px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .ps-lg-100px {
    padding-left: 100px !important;
  }
}

.fontwt-nor {
  font-weight: normal;
}

.fontwt-bold {
  font-weight: bold;
}

.fontsize-10px {
  font-size: 10px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-10px {
    font-size: 10px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-10px {
    font-size: 10px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-10px {
    font-size: 10px !important;
  }
}

.fontsize-11px {
  font-size: 11px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-11px {
    font-size: 11px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-11px {
    font-size: 11px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-11px {
    font-size: 11px !important;
  }
}

.fontsize-12px {
  font-size: 12px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-12px {
    font-size: 12px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-12px {
    font-size: 12px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-12px {
    font-size: 12px !important;
  }
}

.fontsize-13px {
  font-size: 13px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-13px {
    font-size: 13px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-13px {
    font-size: 13px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-13px {
    font-size: 13px !important;
  }
}

.fontsize-14px {
  font-size: 14px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-14px {
    font-size: 14px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-14px {
    font-size: 14px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-14px {
    font-size: 14px !important;
  }
}

.fontsize-15px {
  font-size: 15px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-15px {
    font-size: 15px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-15px {
    font-size: 15px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-15px {
    font-size: 15px !important;
  }
}

.fontsize-16px {
  font-size: 16px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-16px {
    font-size: 16px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-16px {
    font-size: 16px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-16px {
    font-size: 16px !important;
  }
}

.fontsize-17px {
  font-size: 17px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-17px {
    font-size: 17px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-17px {
    font-size: 17px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-17px {
    font-size: 17px !important;
  }
}

.fontsize-18px {
  font-size: 18px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-18px {
    font-size: 18px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-18px {
    font-size: 18px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-18px {
    font-size: 18px !important;
  }
}

.fontsize-19px {
  font-size: 19px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-19px {
    font-size: 19px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-19px {
    font-size: 19px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-19px {
    font-size: 19px !important;
  }
}

.fontsize-20px {
  font-size: 20px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-20px {
    font-size: 20px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-20px {
    font-size: 20px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-20px {
    font-size: 20px !important;
  }
}

.fontsize-21px {
  font-size: 21px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-21px {
    font-size: 21px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-21px {
    font-size: 21px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-21px {
    font-size: 21px !important;
  }
}

.fontsize-22px {
  font-size: 22px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-22px {
    font-size: 22px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-22px {
    font-size: 22px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-22px {
    font-size: 22px !important;
  }
}

.fontsize-23px {
  font-size: 23px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-23px {
    font-size: 23px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-23px {
    font-size: 23px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-23px {
    font-size: 23px !important;
  }
}

.fontsize-24px {
  font-size: 24px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-24px {
    font-size: 24px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-24px {
    font-size: 24px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-24px {
    font-size: 24px !important;
  }
}

.fontsize-25px {
  font-size: 25px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-25px {
    font-size: 25px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-25px {
    font-size: 25px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-25px {
    font-size: 25px !important;
  }
}

.fontsize-26px {
  font-size: 26px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-26px {
    font-size: 26px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-26px {
    font-size: 26px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-26px {
    font-size: 26px !important;
  }
}

.fontsize-27px {
  font-size: 27px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-27px {
    font-size: 27px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-27px {
    font-size: 27px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-27px {
    font-size: 27px !important;
  }
}

.fontsize-28px {
  font-size: 28px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-28px {
    font-size: 28px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-28px {
    font-size: 28px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-28px {
    font-size: 28px !important;
  }
}

.fontsize-29px {
  font-size: 29px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-29px {
    font-size: 29px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-29px {
    font-size: 29px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-29px {
    font-size: 29px !important;
  }
}

.fontsize-30px {
  font-size: 30px !important;
}

@media only screen and (min-width: 768px) {
  .fontsize-sm-30px {
    font-size: 30px !important;
  }
}

@media only screen and (min-width: 836px) {
  .fontsize-md-30px {
    font-size: 30px !important;
  }
}

@media only screen and (min-width: 1281px) {
  .fontsize-lg-30px {
    font-size: 30px !important;
  }
}

.lineht-1 {
  line-height: 1;
}

.lineht-1_1 {
  line-height: 1.1;
}
.lineht-1_1::before, .lineht-1_1::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.lineht-1_1::before {
  margin-top: -0.05em;
}
.lineht-1_1::after {
  margin-bottom: -0.05em;
}

.lineht-1_2 {
  line-height: 1.2;
}
.lineht-1_2::before, .lineht-1_2::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.lineht-1_2::before {
  margin-top: -0.1em;
}
.lineht-1_2::after {
  margin-bottom: -0.1em;
}

.lineht-1_3 {
  line-height: 1.3;
}
.lineht-1_3::before, .lineht-1_3::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.lineht-1_3::before {
  margin-top: -0.15em;
}
.lineht-1_3::after {
  margin-bottom: -0.15em;
}

.lineht-1_4 {
  line-height: 1.4;
}
.lineht-1_4::before, .lineht-1_4::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.lineht-1_4::before {
  margin-top: -0.2em;
}
.lineht-1_4::after {
  margin-bottom: -0.2em;
}

.lineht-1_5 {
  line-height: 1.5;
}
.lineht-1_5::before, .lineht-1_5::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.lineht-1_5::before {
  margin-top: -0.25em;
}
.lineht-1_5::after {
  margin-bottom: -0.25em;
}

.lineht-1_6 {
  line-height: 1.6;
}
.lineht-1_6::before, .lineht-1_6::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.lineht-1_6::before {
  margin-top: -0.3em;
}
.lineht-1_6::after {
  margin-bottom: -0.3em;
}

.lineht-1_7 {
  line-height: 1.7;
}
.lineht-1_7::before, .lineht-1_7::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.lineht-1_7::before {
  margin-top: -0.35em;
}
.lineht-1_7::after {
  margin-bottom: -0.35em;
}

.lineht-1_8 {
  line-height: 1.8;
}
.lineht-1_8::before, .lineht-1_8::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.lineht-1_8::before {
  margin-top: -0.4em;
}
.lineht-1_8::after {
  margin-bottom: -0.4em;
}

.lineht-1_9 {
  line-height: 1.9;
}
.lineht-1_9::before, .lineht-1_9::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.lineht-1_9::before {
  margin-top: -0.45em;
}
.lineht-1_9::after {
  margin-bottom: -0.45em;
}

.lineht-2 {
  line-height: 2;
}
.lineht-2::before, .lineht-2::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.lineht-2::before {
  margin-top: -0.5em;
}
.lineht-2::after {
  margin-bottom: -0.5em;
}

.txt-ind-1 {
  padding-left: 1em;
  text-indent: -1em;
}

.txt-ind-2 {
  padding-left: 2em;
  text-indent: -2em;
}

.txt-ind-3 {
  padding-left: 3em;
  text-indent: -3em;
}

.txt-ind-4 {
  padding-left: 4em;
  text-indent: -4em;
}

.txt-ind-5 {
  padding-left: 5em;
  text-indent: -5em;
}

.txt-ind-6 {
  padding-left: 6em;
  text-indent: -6em;
}

.color-lbl {
  color: #4abcb9 !important;
}

.color-transp {
  color: transparent !important;
}

.bullet::before {
  content: "・" !important;
}

.annot::before {
  content: "※" !important;
}

.sq::before {
  content: "■" !important;
}

.txt-link {
  border-bottom: 1px solid;
}

/* --------------------------------------------------------- *
 *  top
 * --------------------------------------------------------- */
/* fixed */
.l-side {
  z-index: 10;
}
@media only screen and (max-width: 835px) {
  .l-side .l-side__list .l-side__item--web .l-side__text {
    font-size: min(3.5vw, 1.5rem);
  }
}
@media only screen and (max-width: 835px) {
  .l-side .l-side__list .l-side__item--tel .l-side__text {
    font-size: min(3.5vw, 1.5rem);
  }
}

.l-table {
  z-index: 10;
}
@media only screen and (min-width: 836px) {
  .l-table {
    top: 340px;
  }
}

.phone__note {
  display: block;
  margin-top: 5px;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.3rem;
}
.phone__note::before {
  content: "※";
}

@media only screen and (max-width: 767px) {
  .l-nav__phone:has(.phone__note) {
    width: 100%;
  }
}

/* footer */
.l-footer .l-footer__main .m-content .l-footer__clinic .c-clinic__inner .c-clinic__name a .c-clinic__footerLogo {
  width: 200px;
}

/* banner */
@media only screen and (min-width: 768px) {
  .p-intro__banner li:not(:has(+ li)) {
    width: 40%;
  }
}

/* clinic */
@media only screen and (max-width: 767px) {
  .l-clinic .l-clinic__main .l-clinic__body {
    width: 84%;
  }
}

/* service */
.l-service .l-service__list {
  max-width: 910px;
}
.l-service .l-service__list .l-service__item {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .l-service .l-service__list .l-service__item {
    width: calc(20% - 1.2em);
  }
}

/* link */
@media only screen and (min-width: 1281px) {
  .c-link--phone:not(:has(+ .c-link--web)) {
    width: 100%;
  }
}

/*
.c-link--phone {
	.c-link__title {
		.text {
			@include brp-min(sm) {
				font-size: 1.9rem;
			}
		}
	}

	a {
		@include brp-min(sm) {
			font-size: 4.45rem;
		}
	}

	p {
		@include brp-min(sm) {
			font-size: 1.55rem;
		}
	}
}
*/
/* mv */
@media only screen and (max-width: 835px) {
  .p-top .p-top__mvArea .p-top__mv img {
    object-position: 0 30%;
  }
}
@media only screen and (max-width: 767px) {
  .p-top .p-top__mvArea .p-top__mv img {
    object-position: 0;
  }
}
.p-top .p-top__mvArea .p-top__copy {
  top: 36%;
  right: 0;
  bottom: auto;
  left: 0;
  width: 45.8333333333vw;
  margin: 0 auto;
}
@media only screen and (max-width: 835px) {
  .p-top .p-top__mvArea .p-top__copy {
    top: 25%;
    width: 89.7435897436vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-top .p-top__mvArea .p-top__copy {
    top: 28%;
  }
}
.p-top .p-top__mvArea .p-top__copy::before {
  display: none;
}
.p-top .p-top__clinic .c-clinic .c-clinic__inner .c-clinic__name {
  width: 200px;
}

/* intro */
@media only screen and (min-width: 836px) {
  .p-intro .p-intro__list .p-intro__item {
    width: 75%;
  }
}

/* features */
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .p-features .p-features__body .p-features__main {
    padding-bottom: 50px;
  }
}
.p-features .p-features__body .p-features__main .p-features__list .p-features__item .p-features__text .p-features__copy.p-features__copy--twolines::before {
  bottom: calc(12px + 4.08rem);
}
@media only screen and (max-width: 835px) {
  .p-features .p-features__body .p-features__main .p-features__list .p-features__item .p-features__text .p-features__copy.p-features__copy--twolines::before {
    bottom: calc(4px + 3.4rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-features .p-features__body .p-features__main .p-features__list .p-features__item .p-features__text .p-features__copy.p-features__copy--sm-twolines::before {
    bottom: calc(4px + 3.4rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-features .p-features__body .p-features__main .p-features__list .p-features__item .p-features__text .p-features__copy.p-features__copy--sm-threelines::before {
    bottom: calc(4px + 6.8rem);
  }
}

/* greeting */
@media only screen and (max-width: 767px) {
  .p-greeting .p-greeting__head .p-greeting__title {
    font-size: 7rem;
  }
}
@media only screen and (max-width: 835px) {
  .p-greeting .p-greeting__body .p-greeting__content .p-greeting__img .p-greeting__fig .p-greeting__cap {
    width: 90%;
  }
}

/* services */
@media only screen and (max-width: 835px) {
  .p-services::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    height: 24px;
    background-color: #fff;
  }
}
.p-services .p-services__body .p-services__button {
  position: relative;
  z-index: 2;
}

/* facilities */
@media only screen and (max-width: 767px) {
  .p-facilities .p-facilities__head .c-logoTitle {
    padding-top: 24px;
  }
}

/* --------------------------------------------------------- *
 *  services
 * --------------------------------------------------------- */
.p-service .p-service__section .p-service__body .p-service__text .p-service__list .p-service__item {
  padding-left: 48px;
  text-indent: -48px;
}
@media only screen and (max-width: 835px) {
  .p-service .p-service__section .p-service__body .p-service__text .p-service__list .p-service__item {
    padding-left: 28px;
    text-indent: -28px;
  }
}

/* --------------------------------------------------------- *
 *  staff
 * --------------------------------------------------------- */
.p-intro .p-intro__body .p-intro__main .p-intro__img .p-intro__personalbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-intro .p-intro__body .p-intro__main .p-intro__img .p-intro__personalbox .p-intro__personal {
  flex-basis: 50%;
}
.p-intro .p-intro__body .p-intro__main .p-intro__img .p-intro__personalbox .p-intro__personal .p-intro__pos {
  width: 75%;
  padding-right: 0;
  padding-left: 0;
}
.p-intro .p-intro__body .p-intro__main .p-intro__img .p-intro__personalbox .p-intro__personal .p-intro__namebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-intro .p-intro__body .p-intro__main .p-intro__img .p-intro__personalbox .p-intro__personal .p-intro__namebox .p-intro__name {
  padding: 0 0.25em;
  white-space: nowrap;
}
@media only screen and (min-width: 836px) {
  .p-intro .p-intro__body .p-intro__bottom .p-info .p-info__body {
    padding-top: 30px;
    padding-bottom: 40px;
  }
}
.p-intro .p-intro__body .p-intro__bottom .p-info .p-info__body .p-intro__director .p-intro__head,
.p-intro .p-intro__body .p-intro__bottom .p-info .p-info__body .p-intro__dentist .p-intro__head {
  margin-bottom: 10px;
  color: #4abcb9;
}
@media only screen and (min-width: 768px) and (max-width: 835px) {
  .p-intro .p-intro__body .p-intro__bottom .p-info .p-info__body .p-intro__director .p-info__dl,
  .p-intro .p-intro__body .p-intro__bottom .p-info .p-info__body .p-intro__dentist .p-info__dl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 24px;
    width: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 835px) {
  .p-intro .p-intro__body .p-intro__bottom .p-info .p-info__body .p-intro__director .p-info__dl .p-info__dt,
  .p-intro .p-intro__body .p-intro__bottom .p-info .p-info__body .p-intro__dentist .p-info__dl .p-info__dt {
    min-width: 60px;
  }
}
.p-intro .p-intro__body .p-intro__bottom .p-info .p-info__body .p-intro__director .p-info__dl .p-info__dt, .p-intro .p-intro__body .p-intro__bottom .p-info .p-info__body .p-intro__director .p-info__dl .p-info__dd,
.p-intro .p-intro__body .p-intro__bottom .p-info .p-info__body .p-intro__dentist .p-info__dl .p-info__dt,
.p-intro .p-intro__body .p-intro__bottom .p-info .p-info__body .p-intro__dentist .p-info__dl .p-info__dd {
  font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
  .p-intro .p-intro__body .p-intro__bottom .p-info .p-info__body .p-intro__director .p-info__dl .p-info__dt, .p-intro .p-intro__body .p-intro__bottom .p-info .p-info__body .p-intro__director .p-info__dl .p-info__dd,
  .p-intro .p-intro__body .p-intro__bottom .p-info .p-info__body .p-intro__dentist .p-info__dl .p-info__dt,
  .p-intro .p-intro__body .p-intro__bottom .p-info .p-info__body .p-intro__dentist .p-info__dl .p-info__dd {
    font-size: 1.6rem;
  }
}
.p-intro .p-intro__body .p-intro__bottom .p-info .p-info__body .p-intro__director {
  margin-bottom: 30px;
}

.content_10.page_content .content_text {
  width: 100%;
  padding: 40px 6% 50px;
}
@media only screen and (min-width: 836px) {
  .content_10.page_content .content_text {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 1281px) {
  .content_10.page_content .content_text {
    padding: 75px;
  }
}
.content_10.page_content .content_text .content_table:not(:last-of-type) {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 4px dashed #5D88D5;
}
@media only screen and (min-width: 836px) {
  .content_10.page_content .content_text .content_table:not(:last-of-type) {
    margin-bottom: 30px;
    padding-bottom: 26px;
  }
}
@media only screen and (min-width: 836px) {
  .content_10.page_content .content_text .content_table {
    display: flex;
    align-items: center;
  }
  .content_10.page_content .content_text .content_table dt {
    flex-basis: 30%;
  }
  .content_10.page_content .content_text .content_table dd {
    flex-basis: 70%;
  }
}
.content_10.page_content .content_text .content_table dt {
  font-weight: 700;
  color: #5D88D5;
}
@media only screen and (min-width: 836px) {
  .content_10.page_content .content_text .content_table dt {
    text-align: center;
  }
}
.content_10.page_content .content_text .content_table dd .content_subttl {
  padding-left: 1em;
  text-indent: -1em;
}
.content_10.page_content .content_text .content_table dd .content_subttl::before {
  content: "■";
  color: #5D88D5;
}

/* --------------------------------------------------------- *
 *  equipments
 * --------------------------------------------------------- */
.p-column .l-column .l-column__main .l-column__content .l-column__body .l-column__text {
  width: auto;
}

/* --------------------------------------------------------- *
 *  access
 * --------------------------------------------------------- */
@media screen and (min-width: 1001px) {
  .p-info .p-info__body .p-info__item {
    width: 45%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 835px) {
  .p-info .p-info__body .p-info__item {
    width: 45%;
  }
}
.p-info .p-info__body .p-info__item .p-info__text {
  padding-right: 10px;
  padding-left: 10px;
}

/*# sourceMappingURL=style.css.map */