@charset "utf-8";

/* リセット的な指定
============================================================================================================ */
/*
ul,li {
	list-style:none;
}
img {
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}
address {
	font-weight: normal;
	font-style: normal;
}
cite {
	font-weight: normal;
	font-style: normal;
}
caption {
	font-weight: normal;
}
button {
	cursor: pointer;
}
*, *::before, *::after {
	box-sizing: border-box;
}
*/

/* clearfix
========================================================= */
.clearfix {   
   zoom: 1; 
}   
.clearfix:after { 
   content: ".";   
   clear: both;   
   display: block;   
   line-height: 0;   
   height: 0;   
   visibility: hidden;   
}

/* flex
========================================================= */
/*
.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.reverse {
	flex-direction: row-reverse;
}
.flexcenter1 {
	justify-content: center;
}
.flexcenter2 {
	align-items: center;
}
*/



/* マージン・パディング用
============================================================================================================ */
/* マージン
========================================================= */
.ma-btm5 {
	margin-bottom: 5px !important;
}
.ma-btm10 {
	margin-bottom: 10px !important;
}
.ma-btm15 {
	margin-bottom: 15px !important;
}
.ma-btm20 {
	margin-bottom: 20px !important;
}
.ma-btm25 {
	margin-bottom: 25px !important;
}
.ma-btm30 {
	margin-bottom: 30px !important;
}
.ma-btm35 {
	margin-bottom: 35px !important;
}
.ma-btm40 {
	margin-bottom: 40px !important;
}
.ma-btm45 {
	margin-bottom: 45px !important;
}
.ma-btm50 {
	margin-bottom: 50px !important;
}
.ma-btm55 {
	margin-bottom: 55px !important;
}
.ma-btm60 {
	margin-bottom: 60px !important;
}
.ma-btm65 {
	margin-bottom: 65px !important;
}
.ma-btm70 {
	margin-bottom: 70px !important;
}
.ma-btm75 {
	margin-bottom: 75px !important;
}
.ma-btm80 {
	margin-bottom: 80px !important;
}
.ma-btm85 {
	margin-bottom: 85px !important;
}
.ma-btm90 {
	margin-bottom: 90px !important;
}
.ma-btm95 {
	margin-bottom: 95px !important;
}
.ma-btm100 {
	margin-bottom: 100px !important;
}
.ma-btm150 {
	margin-bottom: 150px !important;
}
.ma-btm200 {
	margin-bottom: 200px !important;
}
.ma-top5 {
	margin-top: 5px !important;
}
.ma-top10 {
	margin-top: 10px !important;
}
.ma-top15 {
	margin-top: 15px !important;
}
.ma-top20 {
	margin-top: 20px !important;
}
.ma-top25 {
	margin-top: 25px !important;
}
.ma-top30 {
	margin-top: 30px !important;
}
.ma-top35 {
	margin-top: 35px !important;
}
.ma-top40 {
	margin-top: 40px !important;
}
.ma-top45 {
	margin-top: 45px !important;
}
.ma-top50 {
	margin-top: 50px !important;
}
.ma-top55 {
	margin-top: 55px !important;
}
.ma-top60 {
	margin-top: 60px !important;
}
.ma-top65 {
	margin-top: 65px !important;
}
.ma-top70 {
	margin-top: 70px !important;
}
.ma-top75 {
	margin-top: 75px !important;
}
.ma-top80 {
	margin-top: 80px !important;
}
.ma-top85 {
	margin-top: 85px !important;
}
.ma-top90 {
	margin-top: 90px !important;
}
.ma-top95 {
	margin-top: 95px !important;
}
.ma-top100 {
	margin-top: 100px !important;
}
.ma-top150 {
	margin-top: 150px !important;
}
.ma-top200 {
	margin-top: 200px !important;
}

/* パディング
========================================================= */
.pa-top5 {
	padding-top: 5px !important;
}
.pa-top10 {
	padding-top: 10px !important;
}
.pa-top15 {
	padding-top: 15px !important;
}
.pa-top20 {
	padding-top: 20px !important;
}
.pa-top25 {
	padding-top: 25px !important;
}
.pa-top30 {
	padding-top: 30px !important;
}
.pa-top35 {
	padding-top: 35px !important;
}
.pa-top40 {
	padding-top: 40px !important;
}
.pa-top45 {
	padding-top: 45px !important;
}
.pa-top50 {
	padding-top: 50px !important;
}
.pa-top55 {
	padding-top: 55px !important;
}
.pa-top60 {
	padding-top: 60px !important;
}
.pa-top65 {
	padding-top: 65px !important;
}
.pa-top70 {
	padding-top: 70px !important;
}
.pa-top75 {
	padding-top: 75px !important;
}
.pa-top80 {
	padding-top: 80px !important;
}
.pa-top85 {
	padding-top: 85px !important;
}
.pa-top90 {
	padding-top: 90px !important;
}
.pa-top95 {
	padding-top: 95px !important;
}
.pa-top100 {
	padding-top: 100px !important;
}
.pa-top150 {
	padding-top: 150px !important;
}
.pa-top200 {
	padding-top: 200px !important;
}
.pa-btm5 {
	padding-bottom: 5px !important;
}
.pa-btm10 {
	padding-bottom: 10px !important;
}
.pa-btm15 {
	padding-bottom: 15px !important;
}
.pa-btm20 {
	padding-bottom: 20px !important;
}
.pa-btm25 {
	padding-bottom: 25px !important;
}
.pa-btm30 {
	padding-bottom: 30px !important;
}
.pa-btm35 {
	padding-bottom: 35px !important;
}
.pa-btm40 {
	padding-bottom: 40px !important;
}
.pa-btm45 {
	padding-bottom: 45px !important;
}
.pa-btm50 {
	padding-bottom: 50px !important;
}
.pa-btm55 {
	padding-bottom: 55px !important;
}
.pa-btm60 {
	padding-bottom: 60px !important;
}
.pa-btm65 {
	padding-bottom: 65px !important;
}
.pa-btm70 {
	padding-bottom: 70px !important;
}
.pa-btm75 {
	padding-bottom: 75px !important;
}
.pa-btm80 {
	padding-bottom: 80px !important;
}
.pa-btm85 {
	padding-bottom: 85px !important;
}
.pa-btm90 {
	padding-bottom: 90px !important;
}
.pa-btm95 {
	padding-bottom: 95px !important;
}
.pa-btm100 {
	padding-bottom: 100px !important;
}
.pa-btm150 {
	padding-bottom: 150px !important;
}
.pa-btm200 {
	padding-bottom: 200px !important;
}


/* アニメーション
============================================================================================================ */
/*1.フェードインアニメーションの指定*/
.scrollanime {
  opacity: 0;
}
.fadeInDown {
  animation-name: fadeInDown;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}
@keyframes fadeInDown {
  0% {
      opacity: 0;         
  }
  100% {
  opacity: 1;
  transform: translate(0);
  }
}
 
/*2.上下の動きを指定*/
.updown {
  transform: translateY(-50px);
}
.downup {
  transform: translateY(50px);
}
 
/*3.左右の動きを指定*/
.sect02{
  overflow: hidden;
} /*横スクロールバーを隠す*/
.slide-right {
  transform: translateX(200px);
}
.slide-left {
  transform: translateX(-200px);
}