/*-----------------------------common*/
*{
    margin:0;
    padding:0;
}
html{
    height:100%;
    font-size:62.5%;
		scrollbar-gutter: stable;
}
body{
    height: 100%;
    font-size:1.6rem;
    font-family: "Noto Sans JP", sans-serif;
		text-align: justify;
}
ul{
    list-style: none;
}
img{
    width:100%;
    max-width: 100%;
    vertical-align: bottom;
}
sup{
  color:#ea6285;
}
sup.clBk{
  color:#000;
}
.btnLink{
	display: inline-block;
	background: #ea6285 no-repeat url("../images/icn_tri01.png") 27px 50%;
	border-radius: 4px;
	padding:10px 40px;
}
.btnLink a{
	display: block;
	height:100%;
	color:#fff;
	text-decoration: none;
}
.through{
	text-decoration: line-through;
}
.caption{
	font-size:1.2rem;
	line-height: 1.5;
}
.txtPink{color:#ea6285;}
.mb20{margin-bottom: 20px!important}
.mb50{margin-bottom: 50px!important}

@media screen and (max-width:768px){
body{
    font-size:1.8rem;
}
.btnLink{
	display: inline-block;
	width:75%;
	border-radius: 4px;
	margin: 0 auto;
	padding:10px 40px;
}
}

/*scroll*/
.scroll-space {
    box-sizing: border-box;/*
    padding-top: 300px;
    height: 1600px;
    color: #fff;*/
    overflow: hidden;
}
.fadein {
    opacity: 0;
    transform: translate(0, 0);
    transition: all 1.0s;
}
.fadein.fadein-left {
    transform: translate(-80px, 0);
}
.fadein.fadein-right {
    transform: translate(80px, 0);
}
.fadein.fadein-up {
    transform: translate(0, -30px);
}
.fadein.fadein-bottom {
    transform: translate(0, 80px);
}
.fadein.scrollin {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
}


.fadein.fadein-bottom:after {
    transform: translate(0, 80px);
}
.fadein.scrollin::after {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
}

/*-----------------------------header*/
header{
    padding-top:55px;
}
header h1{
    width:170px;
    margin:0 auto 30px;
}
nav ul{
    display: flex;
    justify-content: space-between;
		width:calc(100% - 100px);
		max-width:1000px;
    margin:0 auto;
}
nav a{
    color:#ea6285;
    transition: 0.2s;
    text-decoration: none;
}
nav a:hover{
    text-decoration: underline;
}


/*-----------------------------footer*/
footer{
    background:#ea6285;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top:45px;
}
.boxLogo{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.ftCatch{
    margin-bottom:8px;
    color:#fff;
    text-align: center;
}
.ftLogo{
    width:156px;
    margin-bottom:32px;
}
.boxFtNav{
		width:calc(100% - 100px);
		max-width:1000px;
}
footer ul{
    display: flex;
    justify-content: space-between;
    margin:0 90px 20px;
}
footer a{
    color:#fff;
    transition: 0.2s;
    text-decoration: none;
}
footer a:hover{
    text-decoration: underline;
}
.ftNav2{
    justify-content: space-around;
}
.ftNav2 li{
    margin:0 50px;
}
footer small{
    color:#fff;
    margin:40px 0 20px;
}
.sampleTxt{
	margin:20px 0;
	color:red!important;
	font-weight: bold;
}

@media screen and (max-width:768px){
	footer ul{
			flex-direction: column;
			justify-content: space-between;
			margin:0 20px 20px;
	}
	footer li{
			margin:0 0 10px 0!important;
	}
	
}

/*--------------------------------------------------------animation*/
/*1.フェードインアニメーションの指定*/
.animated {opacity: 0;} /*一瞬表示されるのを防ぐ*/
.fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 0.6s;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;         
    }
    100% {
    opacity: 1;
    transform: translate(0);
    }
}


.fadeInUp {
  animation-name: fadeInUp;
  animation-duration: 0.6s;
  animation-delay: 0.4s;
  animation-fill-mode: forwards;
}
@-webkit-keyframes fadeInUp{
  0%{opacity:0;-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0)}
  100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInUp{
  0%{opacity:0;-webkit-transform:translate3d(0,80px,0);-ms-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0)}
  100%{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}