@charset "UTF-8";

html {
	width: 100%;
	font-size: 62.5%;
}
@media screen and (max-width: 1200px) {
	html {
		font-size: 50%;
	}	
}
@media screen and (max-width: 1000px) {
	html {
		font-size: 45%;
	}	
}
@media screen and (max-width: 960px) {
	html {
		font-size: 62,5%;
	}	
}
body{
	font-family: "Zen Maru Gothic","RocknRoll One","Noto Sans JP", "游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
	font-size: 1.8rem;
	font-weight: normal;
	font-style: normal;
	overflow-x: hidden;
	color: #464646;
}
a:hover{
	opacity: 0.7;
}
img {
	width: 100%;
}
.rocknroll {
	font-family: "RocknRoll One", sans-serif;
}
.zen-maru {
	font-family: "Zen Maru Gothic", serif;
}
.noto {
	font-family: "Noto Sans JP", sans-serif;
}
.img-box {
	font-size: 0;
	line-height: 1;
	text-align: center;
}
.content-width {
	margin: 0 auto;
	max-width: 1630px;
	padding: 0 20px;
	box-sizing: border-box;
}
@media screen and (max-width: 960px) {
	.content-width {
		padding: 0 10px;
	}
}
.sec-title-box {
	position: relative;
	text-align: center;
}
.sec-title-box .ribbon {
	position: relative;
	display: inline-block;
}

.sec-title-box .ribbon > img {
	max-width: 328px;
}
.sec-title {
	font-family: "RocknRoll One", sans-serif;
	margin-top: 30px;
	font-size: 4.2rem;
	font-weight: 400;
	line-height: normal;
	color: #994714;
}
@media screen and (max-width: 960px) {
	.sec-title {
		margin-top: 5.9vw;
		font-size: 6.5vw;
	}
}
.sec-sub-title {
	text-align: center;
	color: #FFF;
	text-align: center;
	font-family: "Kaisei Decol";
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: 50px;
}
.sec-sub-title span {
	letter-spacing: 6.8px;
}
.ribon {
	max-width: 318px;
}
.link-btn {
	text-align: center;
}
.link-btn a {
	display: inline-block;
	color: #994714;
	font-size: 1.6rem;
	font-weight: 700;
	padding: 18px 90px 18px 88px;
	background: #FEF6DE;
	border: 2px solid #994714;
	outline-offset: -4px;
	border-radius: 30px;
	line-height: normal;
	max-width: 370px;
	width: 90%;
}
@media screen and (max-width: 960px) {
	.link-btn a {
		padding: 3.8vw 12vw;
		font-size: 3.8vw;
		max-width: 100%;
	}
}
.link-btn-g a {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	background: #D52728;
	border-radius: 40px;
	line-height: normal;
}
@media screen and (max-width: 960px) {
	.link-btn-g a {
		padding: 3.8vw 12vw;
		font-size: 3.8vw;
		border-radius: 8vw;
	}
}
.link-btn-g a:after {
    position: absolute;
    top: 50%;
    right: 33px;
    content: "";
    width: 12px;
    height: 18px;
    background: url(../img/common/arrow-right-white.svg) no-repeat;
    background-size: 100%;
    transform: translate(0, -50%);
}
@media screen and (max-width: 960px) {
	.link-btn-g a:after {
		width: 2.6vw;
		height: 3.8vw;
		right: 6.8vw;
	}
}
.link-btn-r {
	text-align: center;
}
.link-btn-r a {
	color: #fff;
	background: #E00000;
	outline-color: #fff;
}
.qa-contents {
	margin: 0 auto;
	max-width: 1018px;
}
ul.slider > li:not(:first-child) {
    display: none;
}