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




@media screen and (min-width:768px){
/*----------------------------------------------------------------------

PC Style

----------------------------------------------------------------------*/

#top_img h1 {
	background:url(../../guest/images/h1.jpg) no-repeat;}


.intro {
	margin: 0 auto;
	width: 1100px;
	height: 230px;
	background-image: url("../../guest/images/intro-bg.png");}
p.catch_txt {
	margin-bottom: 30px;
	background-image: url("../../guest/images/title-bg.png");
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 1.2em;
	font-weight: 700;}
p.catch_txt strong {
	display: block;
	font-size: 1.8em;
	font-family: "rift-soft", sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.1em;}
.intro p {
	text-align: center;
	font-size: 1.1em;}

p.attention {
	margin: 0 auto 1em auto;
	width: 1100px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	background-color: #666666;
	font-size: 1.2em;
	text-align: center;}
p.attention strong { font-size: 1.2em;}
p.notes {
	margin-bottom: 4em;
	text-align: center;}

h2 {
	margin: 0 auto 2em;;
	width: 300px;
	height: 42px;
	line-height: 42px;
	color: #fff;
	background-color: #ae9d6f;
	text-align: center;
	font-size: 1.8em;
	font-family: "rift-soft", sans-serif;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 0.1em;
	border-radius: 21px;}

.offers {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1100px;}
.offer-box {
	margin-bottom: 50px;
	padding: 30px;
	border: solid 5px #ddd;
	border-image: url(../images/border_gray.jpg) 5 5 round;
	width: 525px;
	box-sizing: border-box;}
.offer-box h3 {
	margin-bottom: 1em;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
	font-size: 1.4em;
	font-weight: 700;}
.offer-box h3 img {
	margin-right: 1em;
	border: solid 1px #ccc;}
.offer-box h4 { margin-bottom: 1em;}
.offer-box img.photo {
	margin: 0 auto 1em auto;
	display: block;
	width: 90%;}
.offer-box .offer-contents {
	padding-bottom: 2em;}
.offer-box .offer-contents .offer01 {
	display: block;
	color: #f96811;
	font-size: 2.4em;
	font-weight: 700;}
.offer-box .offer-contents .offer02 {
	display: block;
	color: #f96811;
	font-size: 1.4em;
	font-weight: 700;}
.offer-box .btn {
	text-align: center;}
	
}



@media screen and (max-width:767px){
/*----------------------------------------------------------------------

SP Style

----------------------------------------------------------------------*/


#top_img h1 {
	background:url(../../guest/images/h1.jpg) no-repeat center;
	background-size:cover;
}

.intro {
	margin: 0 auto;
	background-image: url("../../guest/images/intro-bg.png");}
p.catch_txt {
	margin-bottom: 30px;
	background-image: url("../../guest/images/title-bg.png");
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center !important;
	font-size: 1.2em;
	font-weight: 700;}
p.catch_txt strong {
	display: block;
	font-size: 1.8em;
	font-family: "rift-soft", sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.1em;}
.intro p {
	padding: 0 1em;
	text-align: left;
	font-size: 1.1em;}

p.attention {
	margin: 0 1em 1em 1em;
	padding: 0.5em 1em;
	line-height: 1.4;
	color: #fff;
	background-color: #666666;
	font-size: 1.2em;
	text-align: center;}
p.attention strong { font-size: 1.2em;}
p.notes {
	margin-bottom: 2em;
	text-align: center;}

h2 {
	margin: 0 auto 2em;;
	width: 300px;
	height: 42px;
	line-height: 42px;
	color: #fff;
	background-color: #ae9d6f;
	text-align: center;
	font-size: 1.8em;
	font-family: "rift-soft", sans-serif;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 0.1em;
	border-radius: 21px;}


.offer-box {
	margin: 0 1em 1.5em 1em;
	padding: 10px;
	border: solid 5px #ddd;
	border-image: url(../images/border_gray.jpg) 5 5 round;
	box-sizing: border-box;}
.offer-box h3 {
	margin-bottom: 1em;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
	font-size: 1.4em;
	font-weight: 700;}
.offer-box h3 img {
	margin-right: 1em;
	border: solid 1px #ccc;}
.offer-box h4 { margin-bottom: 1em;}
.offer-box img.photo {
	margin: 0 auto 1em auto;
	display: block;
	width: 90%;}
.offer-box .offer-contents {
	padding-bottom: 2em;}
.offer-box .offer-contents .offer01 {
	display: block;
	color: #f96811;
	font-size: 2.4em;
	font-weight: 700;}
.offer-box .offer-contents .offer02 {
	display: block;
	color: #f96811;
	font-size: 1.4em;
	font-weight: 700;}
.offer-box .btn {
	text-align: center;}






}