@charset "UTF-8";
/*　変数の定義
==========================================================*/
/*　クラスの定義
==========================================================*/
.center {
  text-align: center; }

.left {
  float: left; }

.right {
  float: right; }

.floatImg-left {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px; }

.floatImg-right {
  float: right;
  margin-bottom: 30px;
  margin-left: 30px; }

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

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-primary {
  color: #810d01; }

.text-default {
  color: #111; }

.text-white {
  color: white; }

.text-xs {
  font-size: 1.2rem; }

.text-sm {
  font-size: 1.4rem; }

.text-md {
  font-size: 1.6rem; }

.text-lg {
  line-height: 1;
  font-size: 2.2rem; }

.text-xl {
  line-height: 1;
  font-size: 3rem; }

.text-xxl {
  line-height: 1;
  font-size: 3.2rem; }

.margin0 {
  margin-bottom: 0; }

.marginS {
  margin-bottom: 20px; }

.marginM {
  margin-bottom: 30px; }

.marginL {
  margin-bottom: 120px; }

.paddingS {
  padding-bottom: 30px; }

.paddingM {
  padding-bottom: 60px; }

.paddingL {
  padding-bottom: 100px; }

.img_hover:hover {
  opacity: 0.7; }

.bg-light {
  background: #f0f0f0; }

.letter-spacingS {
  letter-spacing: 0.025em; }

.letter-spacingM {
  letter-spacing: 0.08em; }

.letter-spacingL {
  letter-spacing: 0.15em; }

.line-heightS {
  line-height: 1.6; }

.line-heightM {
  line-height: 1.8; }

.line-heightL {
  line-height: 2; }

@media screen and (max-width: 767px){
  .text-xl{
    line-height: 1.6;
    font-size: 2.2rem; }
  .text-xxl{
    font-size: 2.2rem; }
  .marginS{
    margin-bottom: 10px; }
  .marginM{
    margin-bottom: 15px; }
  .marginL{
    margin-bottom: 60px; }
  .paddingS{
    padding-bottom: 15px; }
  .paddingM{
    padding-bottom: 30px; }
  .paddingL{
    padding-bottom: 50px; } }

@media screen and (min-width: 0) and (max-width: 568px){
  .text-xxl{
    font-size: 2.2rem; }
  .marginS{
    margin-bottom: 10px; }
  .marginM{
    margin-bottom: 15px; }
  .marginL{
    margin-bottom: 60px; }
  .paddingS{
    padding-bottom: 15px; }
  .paddingM{
    padding-bottom: 30px; }
  .paddingL{
    padding-bottom: 50px; }
  .line-heightM{
    line-height: 1.6; } }

/*# sourceMappingURL=maps/base.css.map */