@charset "UTF-8";
/* ######################################################################################

　あなぶきオリジナル

###################################################################################### */
/* ====================================================
  共通
==================================================== */
.pageOriginal .wallBelt.topZero{
    padding-top: 0;
}

/* ====================================================
  maincopy
==================================================== */
.pageOriginal .wallBelt.original{text-align: center;}
.pageOriginal .wallBelt.original .maincopy{padding-top: 30px;}
.pageOriginal .wallBelt.original .maincopy h2,
.pageOriginal .wallBelt.original .maincopy h3{line-height: 1.7;font-weight: normal;}
.pageOriginal .wallBelt.original .maincopy .logoMitasumo {margin: 0 auto 40px;}

@media print, screen and (min-width: 768px) {
	.pageOriginal .wallBelt.original .maincopy h2{font-size:26px; letter-spacing: 0.02em; margin-bottom: 60px; }
	.pageOriginal .wallBelt.original .maincopy h3{font-size:24px;margin-bottom: 40px;}
}
@media screen and (max-width: 767px) {
	.pageOriginal .wallBelt.original .maincopy h2{font-size:16px; margin-bottom: 20px;}
	.pageOriginal .wallBelt.original .maincopy h3{font-size:16px;margin-bottom: 20px;}
	.pageOriginal .wallBelt.original .maincopy .logoMitasumo img {width: 60%; height: auto;}
}

/******************************************************

 THE GranLax

******************************************************/
@media screen and (max-width: 767px) {
    .pageOriginal .wallBelt.gray2{
        padding-bottom: 60px!important;
    }
}

/* ====================================================
  mi+mo（ミタスモ） マルチクロゼット
==================================================== */

/* bnr
-------------------------------------*/
@media print, screen and (min-width: 768px) {
    .bnr__item + .bnr__item{
        margin-top: 2em;
    }
}
@media screen and (max-width: 767px) {
    .bnr__item + .bnr__item{
        margin-top: 1.5em;
    }
}

/* youtube
-------------------------------------*/
.youtube-box{
  background: #efefef;
}
.youtube {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  clear: both;
}
.youtube iframe {
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
}

@media print, screen and (min-width: 768px) {
  .youtube-box{
    padding: 0 4.167% 3em;
  }
}
@media screen and (max-width: 767px) {
  .youtube-box{
    padding: 0 3% 5%;
  }
}


/* ====================================================
  attention
==================================================== */
.pageOriginal .attentionList li{font-size: 70%; line-height: 1.7;}

@media print, screen and (min-width: 768px) {
	.pageOriginal .attention{text-align: center;padding: 3em 0 0;}
}
@media screen and (max-width: 767px) {
		.pageOriginal .attention{text-align: left;padding: 2em 0 0;}
}


/* end */