@charset "UTF-8";
/* CSS Document */

/*----------全体----------*/
.contents{
    max-width: 100%;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"
	}

li{
    list-style: none;
}


/*--------.main-wrapper--------*/
@media only screen and (min-width:1025px) {
	.main-wrapper{
		width: 1000px;
		margin: 0 auto;
		text-align: center;
    }
}
@media only screen and (min-width:520px) and (max-width:1024px) {
    .main-wrapper{
		width:100%;
		margin: 0 auto;
		text-align: center;
	}
}
@media only screen and (max-width:519px){
    .main-wrapper{
		margin: 0 auto;
		text-align: center;
	}
}



/*	レスポンシブによるトップの出しわけ*/
@media only screen and (min-width:1025px) {
	.page--top-pc{
		display: block;
		padding-top: 70px;
	}
	.page--top-sp{
		display: none;
	}
}
@media only screen and (min-width:520px) and (max-width:1024px) {
    .page--top-pc{
		display: block;
	}
	.page--top-sp{
		display: none;
	}
}
@media only screen and (max-width:519px){
    .page--top-pc{
		display: none;
	}
	.page--top-sp{
		display: block;
	}
}	




/*	レスポンシブによる出しわけ*/
@media only screen and (min-width:1025px) {
	.page--pc{
		display: block;
	}
	.page--sp{
		display: none;
	}
}
@media only screen and (min-width:520px) and (max-width:1024px) {
    .page--pc{
		display: block;
	}
	.page--sp{
		display: none;
	}
}
@media only screen and (max-width:519px){
    .page--pc{
		display: none;
	}
	.page--sp{
		display: block;
	}
}



/*--------.page--contents--------*/
@media only screen and (min-width:1025px) {
	.page--contents{
		width: 1000px;
		margin: 0 auto;
	}
}
@media only screen and (min-width:520px) and (max-width:1024px) {
    .page--contents{
		max-width: 800px;
		width: 100%;
		margin: 0 auto;
	}
}
@media only screen and (max-width:519px){
    .page--contents{
		width: 90%;
		margin: 0 auto;
	}
}




/*	タイトルエリア*/
@media only screen and (min-width:1025px) {
    .page--title{
/*        margin-bottom: 40px;*/
    }
	.page--title img{
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
	}
}
@media only screen and (min-width:520px) and (max-width:1024px) {
    .page--title{
		text-align: center;
/*		margin-bottom: 40px;*/
	}
	.page--title img{
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
	}
}
@media only screen and (max-width:519px){
    .page--title{
		text-align: center;
		margin: 0 auto;
	}
	.page--title img{
		width: 100%;
		padding-top: 10px;
	}
}


	
	
/*　 ボタンエリア*/
@media only screen and (min-width:1025px) {
    .page--btn-contents{
        background-color: #aadbfa;
        padding: 30px 0;
    }
    .page--btn-contents p{
        background-color: #8ad5ff;
        color: #fff;
        padding: 5px 0;
        width: 900px;
        margin: 0 auto 20px;
        font-size: 30px;
        letter-spacing: 2px;
        font-weight: 500;
    }
	.page--btn{
        display: flex;
        flex-wrap: wrap;
        width: 900px;
        margin: 0 auto;
        justify-content: center;
    }
	.page--btn img{
		width: 180px;
        padding: 10px;
    }
	.page--btn a{
		text-decoration-line: none;
	}
	.page--btn a:hover{
		opacity: 0.5;
		transition: 0.3s;
	}
}
@media only screen and (min-width:520px) and (max-width:1024px) {
    .page--btn-contents{
        background-color: #aadbfa;
        padding: 30px 0;
    }
    .page--btn-contents p{
        background-color: #8ad5ff;
        color: #fff;
        padding: 5px 0;
        width: 90%;
        margin: 0 auto 20px;
        font-size: 3.5vw;
        letter-spacing: 2px;
        font-weight: 500;
    }
    .page--btn{
        display: flex;
        flex-wrap: wrap;
        width: 90%;
        margin: 0 auto;
        padding-left: 0%;
        justify-content: center;
		}
	.page--btn img{
		width: 28vw;
        padding: 15px 15px;
		}
	.page--btn a{
		text-decoration-line: none;
	}
}
@media only screen and (max-width:519px){
    .page--btn-contents{
        background-color: #aadbfa;
        padding: 30px 0;
    }
    .page--btn-contents p{
        background-color: #8ad5ff;
        color: #fff;
        padding: 5px 0;
        width: 90%;
        margin: 0 auto 20px;
        font-size: 5vw;
        letter-spacing: 2px;
        font-weight: 700;
    }
    .page--btn{
        display: flex;
        flex-wrap: wrap;
        width: 90%;
        margin: 0 auto;
        justify-content: center;
        padding-left: 0%;
		}
	.page--btn img{
		width: 43vw;
        padding: 1.6vw 2vw;
		}
	.page--btn a{
		text-decoration-line: none;
	}
}
	
	


/*-------フッター--------*/
@media only screen and (min-width:1025px) {
	/*	ライン*/
	.page--line{
		border-bottom: solid 1px #2E170C ;
	}

	/*	フューチャーエリア*/
	.page--feature-btn{
		width: 500px;
		margin: 50px auto 30px auto;
		border: solid 1px #2E170C;
		padding: 10px 10px;
	}
	.page--feature-btn:hover{
		border: solid 1px #7E7E7E;
		transition: 0.3s;
	}
	.page--feature-btn a{
		display: block;
		text-decoration-line: none;
	}
	.page--feature-btn a:hover{
		opacity: 0.5;
		transition: 0.3s;
	}

	/*	SNSボタンエリア*/
	.page--sns-btn{
		width: 600px;
		margin: 0 auto 50px auto;
	}
	.page--sns-btn img{
		width: 30px;
		margin: 10px 10px;
	}
	.page--sns-btn a{
		text-decoration-line: none;
	}

}

@media only screen and (min-width:520px) and (max-width:1024px) {
    /*	ライン*/
	.page--line{
		border-bottom: solid 1px #2E170C ;
	}

    /*	フューチャーエリア*/
	.page--feature-btn{
		width: 500px;
		margin: 50px auto 30px auto;
		border: solid 1px #2E170C;
		padding: 10px 10px;
	}
	.page--feature-btn:hover{
		border: solid 1px #7E7E7E;
		transition: 0.3s;
	}
	.page--feature-btn a{
		display: block;
		text-decoration-line: none;
	}
	.page--feature-btn a:hover{
		opacity: 0.5;
		transition: 0.3s;
	}
	
    /*	SNSボタンエリア*/
	.page--sns-btn{
		width: 600px;
		margin: 0 auto 50px auto;
	}
	.page--sns-btn img{
		width: 30px;
		margin: 10px 10px;
	}
	.page--sns-btn a{
		text-decoration-line: none;
	}
}
	
@media only screen and (max-width:519px){
	/*	ライン*/
	.page--line{
		width: 90%;
		margin: 0 auto;
		border-bottom: solid 1px #2E170C ;
	}

    /*	フューチャーエリア*/
	.page--feature-btn{
		width: 90%;
		margin: 35px auto 30px auto;
		border: solid 1px #2E170C;
		padding: 10px 10px;
	}
	.page--feature-btn a{
		display: block;
		text-decoration-line: none;
		font-size: 13px;
	}

    /*	SNSボタンエリア*/
	.page--sns-btn{
		width: 80%;
		margin: 0 auto 30px auto;
	}
	.page--sns-btn img{
		width: 25px;
		margin: 7px 7px;
	}
	.page--sns-btn a{
		text-decoration-line: none;
	}
	
}