/* トップ下の宣伝アピール
------------------------------------------------------------*/

.ad {
	width: 100%;
	height:370px;
	background-image: linear-gradient(0deg, rgba(48, 117, 106, 1), rgba(10, 50, 43, 1) 94%);
	position: relative;
}
.ad2 {
	width: 100%;
	height:350px;
	background-image: linear-gradient(-45deg, rgba(247, 93, 139, 1), rgba(254, 220, 64, 1) 94%);
	position: relative;
}
.ad3 {
	width: 100%;
	height:400px;
	background: url(../images/anne_main.jpg)  no-repeat;
	background-size: cover;
	background-color:#8F040D;
	position: relative;
}

.ad_book {
	width: 490px;
	position:absolute;
	top: -145px;
	left: 10%;
}
.ad_book2 {
	width: 550px;
	position:absolute;
	top: 45px;
	left: 10%;
}

.ad_text, .ad_text2, .ad_text3 {
	position:absolute;
	width: 600px;
	height:280px;
	top: 90px;
	right:10%;
}
.ad_text h3, .ad_text p, .ad_text2 h3, .ad_text2 p, .ad_text3 h3, .ad_text3 p {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:900;
	color: #FFF;
}

a.btn_01 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 200px;
	margin: auto;
	padding: 0.7rem 3rem;
	font-weight: bold;
	border: 1px solid #FFF;
	color: #FFF;
	transition: 0.5s;
}
a.btn_01:hover {
	color: #fff;
	background: #000;
	border: 1px solid #000;
}






@media only screen and (max-width: 799px){


/* トップ下の宣伝アピール
------------------------------------------------------------*/

.ad {
	width: 100%;
	height:500px;
	background-image: linear-gradient(0deg, rgba(48, 117, 106, 1), rgba(10, 50, 43, 1) 94%);
	position: relative;
}

.ad2 {
	width: 100%;
	height:450px;
	background-image: linear-gradient(0deg, rgba(247, 93, 139, 1), rgba(254, 220, 64, 1) 94%);
	position: relative;
}
.ad3 {
	width: 100%;
	height:650px;
	background: url(../images/anne_main_.jpg)  no-repeat;
	background-size: contain;
	background-color:#8F040D;
	position: relative;
}


.ad_book {
	width: 300px;
	position:absolute;
	top: -30px;
	right: 0;
    left: 0;
    margin: 0 auto;
}

.ad_book2 {
	width: 300px;
	position:absolute;
	top: 30px;
	right: 0;
    left: 0;
    margin: 0 auto;
}



.ad_text {
	position: absolute;
	width: 100%;
	height: 200px;
	padding-top: 50px;
	top: 250px;
	right: 0px;
	left: 0;
	margin: 0 auto;
	background-color: #163F36;
}

.ad_text2 {
	position: absolute;
	width: 100%;
	height: 200px;
	padding-top: 50px;
	top: 180px;
	right: 0px;
	left: 0;
	margin: 0 auto;
}
.ad_text3 {
	position: absolute;
	width: 100%;
	height: 250px;
	padding-top: 50px;
	top: 330px;
	right: 0px;
	left: 0;
	margin: 0 auto;
}


.ad_text h3, .ad_text p, .ad_text2 h3, .ad_text2 p, .ad_text3 h3, .ad_text3 p {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:900;
	color: #FFF;
}

a.btn_01 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 200px;
	margin: auto;
	padding: 0.7rem 3rem;
	font-weight: bold;
	border: 1px solid #FFF;
	color: #FFF;
	transition: 0.5s;
}
a.btn_01:hover {
	color: #fff;
	background: #000;
	border: 1px solid #000;
}





}