@charset "UTF-8";
/********************************************************************
	共通
********************************************************************/
/* margin-bottom */
.u-mb--1 { margin-bottom: 1px !important; }
.u-mb--2 { margin-bottom: 2px !important; }
.u-mb--3 { margin-bottom: 3px !important; }
.u-mb--4 { margin-bottom: 4px !important; }
.u-mb--5 { margin-bottom: 5px !important; }
.u-mb--6 { margin-bottom: 6px !important; }
.u-mb--7 { margin-bottom: 7px !important; }
.u-mb--8 { margin-bottom: 8px !important; }
.u-mb--9 { margin-bottom: 9px !important; }
.u-mb--10 { margin-bottom: 10px !important; }
.u-mb--11 { margin-bottom: 11px !important; }
.u-mb--12 { margin-bottom: 12px !important; }
.u-mb--13 { margin-bottom: 13px !important; }
.u-mb--14 { margin-bottom: 14px !important; }
.u-mb--15 { margin-bottom: 15px !important; }
.u-mb--16 { margin-bottom: 16px !important; }
.u-mb--17 { margin-bottom: 17px !important; }
.u-mb--18 { margin-bottom: 18px !important; }
.u-mb--19 { margin-bottom: 19px !important; }
.u-mb--20 { margin-bottom: 20px !important; }
.u-mb--21 { margin-bottom: 21px !important; }
.u-mb--22 { margin-bottom: 22px !important; }
.u-mb--23 { margin-bottom: 23px !important; }
.u-mb--24 { margin-bottom: 24px !important; }
.u-mb--25 { margin-bottom: 25px !important; }
.u-mb--26 { margin-bottom: 26px !important; }
.u-mb--27 { margin-bottom: 27px !important; }
.u-mb--28 { margin-bottom: 28px !important; }
.u-mb--29 { margin-bottom: 29px !important; }
.u-mb--30 { margin-bottom: 30px !important; }
.u-mb--31 { margin-bottom: 31px !important; }
.u-mb--32 { margin-bottom: 32px !important; }
.u-mb--33 { margin-bottom: 33px !important; }
.u-mb--34 { margin-bottom: 34px !important; }
.u-mb--35 { margin-bottom: 35px !important; }
.u-mb--36 { margin-bottom: 36px !important; }
.u-mb--37 { margin-bottom: 37px !important; }
.u-mb--38 { margin-bottom: 38px !important; }
.u-mb--39 { margin-bottom: 39px !important; }
.u-mb--40 { margin-bottom: 40px !important; }
.u-mb--41 { margin-bottom: 41px !important; }
.u-mb--42 { margin-bottom: 42px !important; }
.u-mb--43 { margin-bottom: 43px !important; }
.u-mb--44 { margin-bottom: 44px !important; }
.u-mb--45 { margin-bottom: 45px !important; }
.u-mb--46 { margin-bottom: 46px !important; }
.u-mb--47 { margin-bottom: 47px !important; }
.u-mb--48 { margin-bottom: 48px !important; }
.u-mb--49 { margin-bottom: 49px !important; }
.u-mb--50 { margin-bottom: 50px !important; }
.u-mb--51 { margin-bottom: 51px !important; }
.u-mb--52 { margin-bottom: 52px !important; }
.u-mb--53 { margin-bottom: 53px !important; }
.u-mb--54 { margin-bottom: 54px !important; }
.u-mb--55 { margin-bottom: 55px !important; }
.u-mb--56 { margin-bottom: 56px !important; }
.u-mb--57 { margin-bottom: 57px !important; }
.u-mb--58 { margin-bottom: 58px !important; }
.u-mb--59 { margin-bottom: 59px !important; }
.u-mb--60 { margin-bottom: 60px !important; }
.u-mb--61 { margin-bottom: 61px !important; }
.u-mb--62 { margin-bottom: 62px !important; }
.u-mb--63 { margin-bottom: 63px !important; }
.u-mb--64 { margin-bottom: 64px !important; }
.u-mb--65 { margin-bottom: 65px !important; }
.u-mb--66 { margin-bottom: 66px !important; }
.u-mb--67 { margin-bottom: 67px !important; }
.u-mb--68 { margin-bottom: 68px !important; }
.u-mb--69 { margin-bottom: 69px !important; }
.u-mb--70 { margin-bottom: 70px !important; }
.u-mb--71 { margin-bottom: 71px !important; }
.u-mb--72 { margin-bottom: 72px !important; }
.u-mb--73 { margin-bottom: 73px !important; }
.u-mb--74 { margin-bottom: 74px !important; }
.u-mb--75 { margin-bottom: 75px !important; }
.u-mb--76 { margin-bottom: 76px !important; }
.u-mb--77 { margin-bottom: 77px !important; }
.u-mb--78 { margin-bottom: 78px !important; }
.u-mb--79 { margin-bottom: 79px !important; }
.u-mb--80 { margin-bottom: 80px !important; }
.u-mb--81 { margin-bottom: 81px !important; }
.u-mb--82 { margin-bottom: 82px !important; }
.u-mb--83 { margin-bottom: 83px !important; }
.u-mb--84 { margin-bottom: 84px !important; }
.u-mb--85 { margin-bottom: 85px !important; }
.u-mb--86 { margin-bottom: 86px !important; }
.u-mb--87 { margin-bottom: 87px !important; }
.u-mb--88 { margin-bottom: 88px !important; }
.u-mb--89 { margin-bottom: 89px !important; }
.u-mb--90 { margin-bottom: 90px !important; }
.u-mb--91 { margin-bottom: 91px !important; }
.u-mb--92 { margin-bottom: 92px !important; }
.u-mb--93 { margin-bottom: 93px !important; }
.u-mb--94 { margin-bottom: 94px !important; }
.u-mb--95 { margin-bottom: 95px !important; }
.u-mb--96 { margin-bottom: 96px !important; }
.u-mb--97 { margin-bottom: 97px !important; }
.u-mb--98 { margin-bottom: 98px !important; }
.u-mb--99 { margin-bottom: 99px !important; }
.u-mb--100 { margin-bottom: 100px !important; }

.u-mb--110  { margin-bottom: 110px !important; }
.u-mb--120  { margin-bottom: 120px !important; }
.u-mb--130  { margin-bottom: 130px !important; }
.u-mb--150  { margin-bottom: 150px !important; }
.u-mb--160  { margin-bottom: 160px !important; }
.u-mb--180  { margin-bottom: 180px !important; }
.u-mb--200  { margin-bottom: 200px !important; }
.u-mb--210  { margin-bottom: 210px !important; }
.u-mb--220  { margin-bottom: 220px !important; }

/* margin-bottom マイナス*/
.u-mb--minus10 { margin-bottom: -10px !important; }
.u-mb--minus15 { margin-bottom: -15px !important; }
.u-mb--minus20 { margin-bottom: -20px !important; }
.u-mb--minus25 { margin-bottom: -25px !important; }
.u-mb--minus30 { margin-bottom: -30px !important; }
.u-mb--minus35 { margin-bottom: -35px !important; }
.u-mb--minus40 { margin-bottom: -40px !important; }

/* margin-top */
.u-mt--20   { margin-top: 20px !important; }
.u-mt--25   { margin-top: 25px !important; }
.u-mt--35   { margin-top: 35px !important; }
.u-mt--50   { margin-top: 50px !important; }
.u-mt--80   { margin-top: 80px !important; }

/* margin-right */
.u-mr--5   { margin-right: 5px !important; }
.u-mr--10   { margin-right: 10px !important; }
.u-mr--12   { margin-right: 12px !important; }
.u-mr--15   { margin-right: 15px !important; }
.u-mr--20   { margin-right: 20px !important; }
.u-mr--25   { margin-right: 25px !important; }
.u-mr--30   { margin-right: 30px !important; }

/* margin-left */
.u-ml--10   { margin-left: 10px !important; }
.u-ml--15   { margin-left: 15px !important; }
.u-ml--80   { margin-left: 80px !important; }

/* padding-top */
.u-pt--10   { padding-top: 10px !important; }
.u-pt--20   { padding-top: 20px !important; }
.u-pt--30   { padding-top: 30px !important; }

/* padding-bottom: */
.u-pb--20   { padding-bottom: 20px !important; }
.u-pb--30   { padding-bottom: 30px !important; }

/* Width */
.u-width--8   { width: 8% !important; }
.u-width--10  { width: 10% !important; }
.u-width--15  { width: 15% !important; }
.u-width--16  { width: 16% !important; }
.u-width--17  { width: 17% !important; }
.u-width--18  { width: 18% !important; }
.u-width--19  { width: 19% !important; }
.u-width--20  { width: 20% !important; }
.u-width--21  { width: 21% !important; }
.u-width--22  { width: 22% !important; }
.u-width--23  { width: 23% !important; }
.u-width--24  { width: 24% !important; }
.u-width--25  { width: 25% !important; }
.u-width--26  { width: 26% !important; }
.u-width--27  { width: 27% !important; }
.u-width--28  { width: 28% !important; }
.u-width--29  { width: 29% !important; }
.u-width--30  { width: 30% !important; }
.u-width--31  { width: 31% !important; }
.u-width--32  { width: 32% !important; }
.u-width--33  { width: 33% !important; }
.u-width--34  { width: 34% !important; }
.u-width--35  { width: 35% !important; }
.u-width--36  { width: 36% !important; }
.u-width--37  { width: 37% !important; }
.u-width--38  { width: 38% !important; }
.u-width--39  { width: 39% !important; }
.u-width--40  { width: 40% !important; }
.u-width--41  { width: 41% !important; }
.u-width--42  { width: 42% !important; }
.u-width--43  { width: 43% !important; }
.u-width--44  { width: 44% !important; }
.u-width--45  { width: 45% !important; }
.u-width--46  { width: 46% !important; }
.u-width--47  { width: 47% !important; }
.u-width--48  { width: 48% !important; }
.u-width--49  { width: 49% !important; }
.u-width--50  { width: 50% !important; }
.u-width--51  { width: 51% !important; }
.u-width--52  { width: 52% !important; }
.u-width--53  { width: 53% !important; }
.u-width--54  { width: 54% !important; }
.u-width--55  { width: 55% !important; }
.u-width--56  { width: 56% !important; }
.u-width--57  { width: 57% !important; }
.u-width--58  { width: 58% !important; }
.u-width--59  { width: 59% !important; }
.u-width--60  { width: 60% !important; }
.u-width--65  { width: 65% !important; }
.u-width--70  { width: 70% !important; }
.u-width--75  { width: 75% !important; }
.u-width--80  { width: 80% !important; }
.u-width--81  { width: 81% !important; }
.u-width--82  { width: 82% !important; }
.u-width--83  { width: 83% !important; }
.u-width--84  { width: 84% !important; }
.u-width--85  { width: 85% !important; }
.u-width--88  { width: 88% !important; }
.u-width--90  { width: 90% !important; }
.u-width--100 { width: 100% !important; }

/* text-align */
.u-text-align--left   { text-align: left !important; }
.u-text-align--right  { text-align: right !important; }
.u-text-align--center { text-align: center !important; }

/* img　画像位置 */
.u-img-align--right img { margin: 0 0 0 auto !important; }/*右寄せ*/
.u-img-align--left img  { margin: auto 0 0 0 !important; }/*左寄せ*/

/* Position */
.u-position--relative { position: relative; }
.u-position--absolute { position: absolute; }

/* Flex　横並び */
.u-flex { display: flex; }

/* Flex Justify 並べ方*/
.u-flex-justify--space-between { justify-content: space-between; }
.u-flex-justify--space-around  { justify-content: space-around; }
.u-flex-justify--start         { justify-content: flex-start; }
.u-flex-justify--flex-end      { justify-content: flex-end; }
.u-flex-justify--space-evenly  { justify-content: space-evenly; }
.u-flex-justify--center        { justify-content: center; }

/* Flex Align 縦横中央*/
.u-flex-align--center    { align-items: center; }
.u-flex-align--flex-end  { align-items: flex-end; }

/* Flex Wrap and Direction */
.u-flex--wrap         { flex-wrap: wrap; }/*折り返す*/
.u-flex--row-reverse  { flex-direction: row-reverse; }/*位置を逆にする*/
.u-flex--column       { flex-direction: column; }/*縦に並べる*/

/* Flex Grow/Shrink */
.u-flex-shrink--0     { flex-shrink: 0; }/*スペースが足りないとき、どれだけ縮むか*/
.u-flex-grow--1       { flex-grow: 1; }/*余ったスペースをどれだけ広がって使うか*/
.u-margin-top--auto   { margin-top: auto; }/*上の余白を自動で広げて、要素を下に寄せる*/

/* aos用　範囲外を非表示にする */
.u-overflow--hidden   { overflow: hidden; }

/********************************************************************
	ページ全体
********************************************************************/
/*line-heightリセット*/
#housekibako p,#housekibako ,#housekibako ul li,#housekibako h1,#housekibako h2,#housekibako h3,#housekibako h4,#housekibako h5,#housekibako h6,#housekibako h7{
	line-height: 1;
}

/*buttonリセット*/
#housekibako button{padding: 0; background: none; border: none;}

/*ページ全体の指定*/
#housekibako{
	margin: 0 auto;/*中央揃え*/
	max-width: 770px;/*最大横幅*/
	width: 100%;
	background: #cee4fa;/*背景色*/
	text-align: center;/*テキスト中央揃え*/
}

/*ページの内側共通*/
#housekibako .wrap{
	margin: 0 auto;/*中央揃え*/
	padding: 30px 0 80px 0;/*要素の上下余白*/
	max-width: 770px;/*最大横幅*/
	width: 630px;
	box-sizing: border-box;
}

/*ページ内の文章指定*/
#housekibako p{
    text-align: center;/*中央揃え*/
    color: #201613;/*文字色*/
	font-size: 0.75rem;
	letter-spacing:  0em;/*文字間*/
	line-height: 1.5;/*行間*/
}

#housekibako img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	width: auto;
	height: auto;
}

#housekibako .img_width100 img{width: 100%;}/*画像の横幅を100%にする*/
#housekibako .img_auto img{width: auto!important;}/*画像の横幅を自動にする*/

/*色*/
#housekibako .orange{color: #f19007!important;}
#housekibako .red{color: #f60e39!important;}
#housekibako .wine-red{color: #c93b66!important;}
#housekibako .blue{color: #0fc3c8!important;}
#housekibako .light-blue{color: #0fc3c8!important;}
#housekibako .green{color: #00a1be!important;}
#housekibako .pink{color: #ee008c!important;}
#housekibako .white{color: #fff!important;}
#housekibako .black{color: #00000a!important;}

/*太字*/
#housekibako .bold{font-weight: bold;}

/*リスト*/
#housekibako ul{
	list-style: none;
}

#housekibako ul li{
	color: #24281f;
	text-align: center;/*中央揃え*/
    font-size: 1.8rem;/*フォントサイズ*/
	letter-spacing:  0em;/*文字間*/
	line-height: 2.8rem;/*行間*/
}

 /********************************************************************
	リンク
********************************************************************/
#housekibako {
	color: #1e1e1e;
}

#housekibako :hover{text-decoration: none;}

 /********************************************************************
	アニメーション-じわっと表示
********************************************************************/
#housekibako .blur{
	animation-name:blurAnime;
	animation-duration:2s;
	animation-fill-mode:forwards;
}

@keyframes blurAnime{
	from {
	filter: blur(10px);
	transform: scale(1.02);
	opacity: 0;
  }

	to {
	filter: blur(0);
	transform: scale(1);
	opacity: 1;
	}
}
 
#housekibako .blurTrigger{
    opacity: 0;
	transition: opacity 1.5s ease, filter 1.5s ease;
}