@charset "UTF-8";
/* CSS Document */
.contents{
    color: #757575;
}
ul{
    padding-left: 0%;
}
li{
    list-style: none;
}

/*----------PC----------*/
@media only screen and (min-width:1025px) {
	.contents{
		max-width: 100%;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"
	}
	
	.main-wrapper{
/*		max-width: 1200px;*/
		margin: 0 auto;
		text-align: center;
	}
	
	
/*	レスポンシブによる出しわけ*/
	.page--pc{
		display: block;
	}
	.page--sp{
		display: none;
	}

	
/*	タイトルエリア*/
	.page--title{
/*
		text-align: center;
		margin: 0 auto;
*/
	}
	.page--title img{
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
	}
	
	
	.page--contents{
		width: 1000px;
		margin: 0 auto;
	}
	
/*	説明文エリア*/
	.page--explanation{
		text-align: center;
		margin: 30px 0 50px 0;
		line-height: 1.5;
	}
	.page--explanation-title{
        display: block;
        position: relative;
		padding: 10px 0;
        margin: 0 auto 20px;
        font-size: 26px;
        letter-spacing: 2px;
        font-weight: 500;
        color: #851e23;
/*        border-bottom: solid 1px #a83439;*/
/*        width: 500px;*/
        padding-bottom: 0px;
	}
    .page--explanation-title::before{
        content: '';
        position: absolute;
        left: 50%;
        bottom: -20px; /*下線の上下位置調整*/
        display: inline-block;
        width: 50px; /*下線の幅*/
        height: 2px; /*下線の太さ*/
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%); /*位置調整*/
        background-color: #a83439; /*下線の色*/
    }
    
	.page--explanation--period{
		margin: 30px 0 0;
		display: inline-block;
		text-align: left;
		line-height: 1.5;
		font-size: 17px;
	}
	.page--explanation--period a{
		text-decoration-line: underline !important;
		color: #a83439;
	}
    
    .coupon-attention{
        background-color: #595757;
        padding: 10px;
        width: 400px;
        margin: 20px auto 60px;
    }
    .coupon-attention a{
        display: block;
        color: #fff;
        font-size: 15px;
        text-decoration: none;
    }
	
	
	/*----------li------------*/
	.page--explanation--section-wrapper{
		display: inline-block;
		text-align: center;
/*		margin-bottom: 20px;*/
	}
	.page--explanation--section{
		list-style-type: none;
		margin-bottom: 10px;
		font-size: 20px;
		font-weight: 500;
		letter-spacing: 1px;
	}
	.page--explanation--section img{
		width: 500px;
	}
	.page--explanation .page--explanation-ul{
		text-align: left !important;
		line-height: 1.5;
		font-size: 17px;
		list-style: disc !important;
		list-style-position: inside !important;
        padding-top: 20px;
	}
	.page--explanation .page--explanation-ul li{
		list-style: disc !important;
		list-style-position: inside !important;
		text-indent:-1.3em;
		padding-left:1.3em;
		margin-left: 5px;
	}
	
	
/*　 ボタンエリア*/
	.page--btn-title{
		text-align: center !important;
		font-size: 28px !important;
/*		font-weight: 700 !important;*/
		color: #fff;
		background-color: #a83439;
		letter-spacing: 0.1vw;
		padding: 5px 0;
		margin-bottom: 30px;
/*		font-family: 'Lato', sans-serif;*/
	}
	
/*
	.page--btn{
		display: grid;
		gap: 30px;
		grid-template-columns: repeat(4,1fr);
		margin-bottom: 80px;
		}
	.page--btn img{
		width: 100%;
		}
	.page--btn a{
		text-decoration-line: none;
	}
	.page--btn a:hover{
		opacity: 0.8;
		transition: 0.3s;
	}
	
	
	.page--btn--top{
		display: grid;
		gap: 50px;
		grid-template-columns: repeat(3,1fr);
		margin-bottom: 80px;
		margin: 0 40px 70px 40px;
		}
	.page--btn--top img{
		width: 100%;
		}
	.page--btn--top a{
		text-decoration-line: none;
	}
	.page--btn--top a:hover{
		opacity: 0.8;
		transition: 0.3s;
	}
*/
    
    .page--btn-contents{
        max-width: 900px;
        margin: 0 auto;
        padding: 30px 0;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
    .page--btn-contents p{
        padding: 10px 0;
        margin: 0 auto 20px;
        font-size: 26px;
        letter-spacing: 2px;
        font-weight: 500;
        color: #851e23;
        position: relative;
        display: inline-block;
/*
        border-bottom: solid 1px #a83439;
        width: 300px;
        padding-bottom: 20px;
*/
    }
    .page--btn-contents p::before{
        content: '';
        position: absolute;
        left: 50%;
        bottom: -9px; /*下線の上下位置調整*/
        display: inline-block;
        width: 50px; /*下線の幅*/
        height: 2px; /*下線の太さ*/
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%); /*位置調整*/
        background-color: #851e23; /*下線の色*/
    }
    
    .page--btn-c{
        display: flex;
        flex-wrap: wrap;
        width: 900px;
        margin: 0 auto;
        justify-content: center;
    }
	.page--btn-c img{
		width: 160px;
/*        padding: 15px;*/
        margin: 10px;
    }
	.page--btn-c a{
		text-decoration-line: none;
	}
	.page--btn-c a:hover{
		opacity: 0.4;
		transition: 0.3s;
	}
    
	.page--btn{
        display: flex;
        flex-wrap: wrap;
        width: 900px;
        justify-content: center;
        margin: 5px auto 0;
        
    }
	.page--btn img{
		width: 180px;
/*        padding: 15px;*/
        margin: 10px;
    }
	.page--btn a{
		text-decoration-line: none;
	}
	.page--btn a:hover{
		opacity: 0.8;
		transition: 0.3s;
	}
    
    .all-btn{
        background-color: #a83439;
        width: 600px;
        margin: 20px auto 0;
    }
    .all-btn a{
        display: block;
        color: #fff;
        font-size: 16px;
        padding: 15px 80px;
        text-decoration-line: none;
    }
	
	
/*	テキストエリア*/
	.page--text-box{
		margin: 0 0 50px 0;
		text-align: left;
		line-height: 1.5;
	}
	.page--text-box-title{
		font-size: 20px;
		font-weight: 400 !important;
		line-height: 2;
	}
	
	
/*	ライン*/
	.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) {
	.contents{
		max-width: 100%;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	}
	
	.main-wrapper{
/*		max-width: 800px;*/
		width:100%;
		margin: 0 auto;
		text-align: center;
	}
	
	
/*	レスポンシブによる出しわけ*/
	.page--pc{
		display: block;
		margin-top: 100px;
	}
	.page--sp{
		display: none;
	}

	
	
/*	タイトルエリア*/
	.page--title{
		text-align: center;
		margin: 0 auto;
	}
	.page--title img{
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
	}
	
	.page--contents{
		max-width: 800px;
		width: 100%;
		margin: 0 auto;
	}
	
	
/*	説明文エリア*/
	.page--explanation{
		text-align: center;
		margin: 30px 0 60px 0;
		line-height: 1.5;
	}
	.page--explanation-title{
        position: relative;
		text-align: center !important;
		font-size: 23px !important;
/*		font-weight: 700 !important;*/
		color: #851e23;
/*		background-color: #2E170C;*/
		letter-spacing: 0.2vw;
/*		padding: 5px 0;*/
		margin-bottom: 10px;
/*
        border-bottom: solid 1px #a83439;
        padding-bottom: 20px;
*/
	}
    .page--explanation-title::before{
        content: '';
        position: absolute;
        left: 50%;
        bottom: -14px; /*下線の上下位置調整*/
        display: inline-block;
        width: 50px; /*下線の幅*/
        height: 2px; /*下線の太さ*/
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%); /*位置調整*/
        background-color: #a83439; /*下線の色*/
    }
    
	.page--explanation--period{
		margin: 20px;
		display: inline-block;
		text-align: left;
		line-height: 1.5;
		font-size: 15px;
        padding-top: 15px;
	}
	.page--explanation--period a{
		text-decoration-line: underline !important;
		color: #a83439;
	}
    
    .coupon-attention{
        background-color: #595757;
        padding: 10px;
        width: 400px;
        margin: 20px auto 60px;
    }
    .coupon-attention a{
        display: block;
        color: #fff;
        font-size: 15px;
        text-decoration: none;
    }
	
	
	/*----------li------------*/
	.page--explanation--section-wrapper{
		display: inline-block;
		text-align: center;
/*		margin-bottom: 20px;*/
        padding-top: 15px;
	}
	.page--explanation--section{
		list-style-type: none;
		margin-bottom: 25px;
		font-size: 17px;
		font-weight: 500;
		letter-spacing: 1px;
	}
	.page--explanation--section img{
		width: 450px;
	}
	.page--explanation .page--explanation-ul{
		text-align: left !important;
		line-height: 1.5;
		font-size: 15px;
		list-style: disc !important;
		list-style-position: inside !important;
        margin: 30px 20px 0;
        padding-top: 12px;
	}
	.page--explanation .page--explanation-ul li{
		list-style: disc !important;
		list-style-position: inside !important;
		text-indent:-1.3em;
		padding-left:1.3em;
		margin-left: 5px;
	}

	
/*　 ボタンエリア*/
	.page--btn-title{
		text-align: center !important;
		font-size: 28px !important;
/*		font-weight: 700 !important;*/
		color: #fff;
		background-color: #2E170C;
		letter-spacing: 0.1vw;
		padding: 5px 0;
		margin-bottom: 30px;
/*		font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"*/
	}
	
/*
	.page--btn{
		display: grid;
		gap: 25px;
		grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
		margin-bottom: 70px;
		}
	.page--btn img{
		width: 100%;
		}
	.page--btn a{
		text-decoration-line: none;
	}
	.page--btn--top{
		display: grid;
		gap: 25px;
		grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
		margin-bottom: 70px;
		}
	.page--btn--top img{
		width: 100%;
		}
	.page--btn--top a{
		text-decoration-line: none;
	}
*/
    .page--btn-contents{
        padding: 30px 0;
    }
    .page--btn-contents p{
        color: #851e23;
        padding: 10px 0;
        width: 300px;
        margin: 0 auto 20px;
        font-size: 3.2vw;
        letter-spacing: 2px;
        font-weight: 500;
/*
        border-bottom: solid 1px #a83439;
        padding-bottom: 20px;
*/
        position: relative;
    }
    .page--btn-contents p::before{
        content: '';
        position: absolute;
        left: 50%;
        bottom: -8px; /*下線の上下位置調整*/
        display: inline-block;
        width: 50px; /*下線の幅*/
        height: 2px; /*下線の太さ*/
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%); /*位置調整*/
        background-color: #851e23; /*下線の色*/
    }
    
    .page--btn-c{
        display: flex;
        flex-wrap: wrap;
        width: 90%;
        margin: 0 auto;
        justify-content: center;
        padding-left: 0%
    }
	.page--btn-c img{
		width: 22vw;
        margin: 10px;
    }
	.page--btn-c a{
		text-decoration-line: none;
	}
	.page--btn-c a:hover{
		opacity: 0.4;
		transition: 0.3s;
	}

    .page--btn{
        display: flex;
        flex-wrap: wrap;
        width: 90%;
        margin: 0 auto;
        padding-left: 0%;
        justify-content: center;
        padding: 10px 0 0;
		}
	.page--btn img{
		width: 21vw;
        padding: 0.5vw 1vw;
		}
	.page--btn a{
		text-decoration-line: none;
	}
    
    .all-btn{
        background-color: #a83439;
        width: 60vw;
        margin: 20px auto 0;
    }
    .all-btn a{
        display: block;
        color: #fff;
        font-size: 16px;
        padding: 15px 80px;
    }

	
	
/*	テキストエリア*/
	.page--text-box{
		margin: 0 0 50px 0;
		text-align: left;
		line-height: 1.5;
	}
	.page--text-box-title{
		font-size: 20px;
		font-weight: 400 !important;
		line-height: 2;
	}
	
	
/*	ライン*/
	.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;
	}
	
	
}




/*----------SP----------*/
@media only screen and (max-width:519px){
	
	.contents{
		max-width: 100%;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	}
	.main-wrapper{
		margin: 0 auto;
		text-align: center;
	}
	
	
/*	レスポンシブによる出しわけ*/
	.page--pc{
		display: none;
	}
	.page--sp{
		display: block;
	}
	
	

/*	タイトルエリア*/
	.page--title{
		text-align: center;
		margin: 0 auto;
	}
	.page--title img{
		width: 100%;
	}

	.page--contents{
		width: 100%;
		margin: 0 auto;
	}
	
/*	説明文エリア*/
	.page--explanation{
        width: 90%;
		text-align: center;
		margin: 10px auto 40px;
		line-height: 1.5;
	}
	.page--explanation-title{
		text-align: center !important;
		font-size: 6vw !important;
		font-weight: 500 !important;
		color: #851e23;
/*		background-color: #a83439;*/
		letter-spacing: 0.2vw;
/*		padding: 5px 10px;*/
		margin: 0 auto 10px;
        position: relative;
	}
    .page--explanation-title::before{
        content: '';
        position: absolute;
        left: 50%;
        bottom: -14px; /*下線の上下位置調整*/
        display: inline-block;
        width: 50px; /*下線の幅*/
        height: 2px; /*下線の太さ*/
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%); /*位置調整*/
        background-color: #a83439; /*下線の色*/
    }
	.page--explanation--period{
		display: inline-block;
		text-align: left;
		line-height: 1.5;
		font-size: 15px;
        padding-top: 5vw;
        margin-bottom: 5vw;
	}
	.page--explanation--period a{
		text-decoration-line: underline !important;
		color: #a83439;
	}
    
    .coupon-attention{
        background-color: #595757;
        padding: 7px;
        width: 87%;
        margin: 20px auto 60px;
    }
    .coupon-attention a{
        display: block;
        color: #fff;
        font-size: 4vw;
        line-height: 1.3;
        text-decoration: none;
    }
	
	
	/*----------li------------*/
	.page--explanation--section-wrapper{
		display: inline-block;
		text-align: center;
/*		margin-bottom: 20px;*/
        padding-top: 2vw;
	}
	.page--explanation--section{
		list-style-type: none;
		margin-bottom: 25px;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
	}
	.page--explanation--section img{
		width: 500px;
	}
	.page--explanation .page--explanation-ul{
		text-align: left !important;
		line-height: 1.5;
		font-size: 15px;
		list-style: disc !important;
		list-style-position: inside !important;
/*		margin-top: -10px;*/
        padding: 5vw 0;
	}
	.page--explanation .page--explanation-ul li{
		list-style: disc !important;
		list-style-position: inside !important;
		text-indent:-1em;
		padding-left:1em;
/*		margin-left: 5px;*/
	}
	
	
/*　 ボタンエリア*/
	.page--btn-title{
		text-align: center !important;
		font-size: 20px !important;
/*		font-weight: 700 !important;*/
		color: #fff;
		background-color: #2E170C;
		letter-spacing: 0.2vw;
		padding: 5px 0;
		margin: 0 auto 30px;
/*		font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"*/
	}
	
/*
	.page--btn{
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(auto-fit,minmax(120px,1fr));
		margin-bottom: 60px;
		}
	.page--btn img{
		width: 100%;
		}
	.page--btn a{
		text-decoration-line: none;
	}
	.page--btn--top{
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(auto-fit,minmax(120px,1fr));
		margin-bottom: 60px;
		}
	.page--btn--top img{
		width: 100%;
		}
	.page--btn--top a{
		text-decoration-line: none;
	}
*/
    .page--btn-contents{
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
        
    }
    .page--btn-contents p{
        color: #851e23;
        padding: 10px 0;
        width: 95%;
        margin: 0 auto 20px;
        font-size: 5.5vw;
        letter-spacing: 2px;
/*
        border-bottom: solid 1px #a83439;
        width: 60%;
        padding-bottom: 15px;
*/
        position: relative;
    }
    .page--btn-contents p::before{
        content: '';
        position: absolute;
        left: 50%;
        bottom: -8px; /*下線の上下位置調整*/
        display: inline-block;
        width: 50px; /*下線の幅*/
        height: 2px; /*下線の太さ*/
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%); /*位置調整*/
        background-color: #851e23; /*下線の色*/
    }

    .page--btn-c{
        display: -ms-grid;
		display: grid;
        width: 95%;
		gap: 10px;
		grid-template-columns: repeat(3,1fr);
		margin: 0 auto 40px;
        padding: 3vw 1vw 0;
    }
	.page--btn-c img{
		width: 100%;
        margin-bottom: -5px;
    }
	.page--btn-c a{
		text-decoration-line: none;
	}
    
    .page--btn{
        display: flex;
        flex-wrap: wrap;
        width: 90%;
        margin: 0 auto;
        justify-content: center;
        padding: 1vw 0 9vw;
		}
	.page--btn img{
		width: 45vw;
        padding: 6px;
		}
	.page--btn a{
		text-decoration-line: none;
	}
    
    .all-btn{
        background-color: #a83439;
        width: 93%;
        margin: -20px auto 30px;
    }
    .all-btn a{
        display: block;
        color: #fff;
        font-size: 15px;
        padding: 10px 50px;
    }

	
	
/*	テキストエリア*/
	.page--text-box{
		text-align: left;
		padding: 10px 0 30px 0;
	}
	.page--text-box-title{
		font-size: 20px;
		font-weight: 400 !important;
		line-height: 2;
	}
	
	
/*	ライン*/
	.page--line{
/*		width: 90%;*/
		margin: 0 auto;
		border-bottom: solid 1px #2E170C ;
	}

	
/*	フューチャーエリア*/
	.page--feature-btn{
		width: 80%;
		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;
	}
}