@charset "UTF-8";

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	outline:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
html{
	scroll-behavior:smooth;
	font-size:17px;
}
@media screen and (max-width: 768px){
	html{
		font-size:16px;
	}
}
@media screen and (max-width: 500px){
	html{
		font-size:15px;
	}
}
body{
	font-size: 17px;
	position:relative;
	background-color: #FFF;
	word-break:break-all;
	font-feature-settings: "palt";
}
body, button, input, textarea{
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}
main,#main{
	display:block;
	width:100%;
}

@media screen and (max-width: 500px){
	body{
		font-size: 14px;
	}
}




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

.mincho{
	font-family:  "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

p strong{
	color:#FF4447;
}

p em{
	font-style:normal;
	font-size:1.3rem !important;
}

.white{
	color:#FFF !important;
}

.caption{
	margin-top:5px;
	font-size: 14px;
}
/*--------------------------------------------------------------
# Main Header
--------------------------------------------------------------*/

#main-header{
	background-color:#000;
}
#main-header > div{
	width: 100%;	
	height:60px;
	max-width: 980px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
#logo{
	max-width:120px;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
}
#logo img{
	display:block;
	width:100%;
}
#advisory{
	max-width:240px;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;	
}
#advisory img{
	display:block;
	width:100%;
}
@media screen and (max-width: 500px) {
	#logo{
		max-width:140px;
	}
	#advisory{
		max-width:140px;
	}
}


/*--------------------------------------------------------------
# Main Footer
--------------------------------------------------------------*/

footer{
	margin-top: 20px;
	width: 100%;
	background: #ebebeb;
	padding: 30px 0;
	text-align: center;
}
footer .wrap{
	max-width: 900px;
	margin: 0 auto;
	box-sizing: border-box;
    position: relative;
}
footer ul.menu{
	text-align: left;
	max-width: 100%;
	margin-bottom: 2em;
}
footer ul.menu > li{
	display: inline-block;
	font-size: 14px;
	line-height: 1.4;
	position: relative;
	margin-right: 20px;
}
footer ul.menu > li:last-child{
	margin-right: 0;
}
footer ul.menu > li a{
	color: #333;
}
footer ul.menu > li a:hover{
	cursor: pointer;
}
footer .txt{
	font-size: 14px;
	line-height: 1.6;
	color: #333;
	text-align: left;
}
@media screen and (max-width: 768px){
	footer{
		padding: 20px 0;
	}
	footer .wrap{
		padding: 0 10px;
		width: 100%;
	}
	footer ul.menu > li{
		font-size: 12px;
		margin-right: 1.5em;
	}
	footer .txt{
		font-size: 12px;
	}
}


/*--------------------------------------------------------------
# Headline
--------------------------------------------------------------*/





/*--------------------------------------------------------------
. Button
--------------------------------------------------------------*/


.button{
	display:block;
	width:100%;
	max-width:600px;
	padding:15px;
	background-color:#E2002B;
	box-shadow:0 20px 0 #970625;
	transition:0.3s ease-in-out;
	margin:0 auto 50px;
	cursor:pointer;
	border-radius:10px;
}
.button:hover{
	box-shadow:0 5px 0 #970625;
	transform:translate(0, 15px);
}
.button img{
	display:block;
	width:100%;
	margin:0 auto;
}
@media screen and (max-width: 500px){
	.button{
		box-shadow:0 10px 0 #970625;
	}
	.button:hover{
		box-shadow:0 5px 0 #970625;
		transform:translate(0, 5px);
	}	
}




/*--------------------------------------------------------------
. Section
--------------------------------------------------------------*/

.section{
	width: 100%;
	padding:40px 10px;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
@media screen and (max-width: 768px){
	.section{
		padding: 20px 10px;
	}
}
.section > div{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}
.section > div img{
	display:block;
	width:100%;
}
.section p{
	color:#323232;
	line-height: 1.8;
	/* text-indent:1em; */	
	text-align:justify;	
	margin:0 auto 1.5em;
}
.section p:last-child{
	margin:0 auto;
}

.section > div > p{
}
@media screen and (max-width: 768px){
	.section p{
		line-height:1.8;
	}
}
@media screen and (max-width: 500px){
	.section p{
		line-height:1.7;
	}
}



/*--------------------------------------------------------------
. Section Content
--------------------------------------------------------------*/

.section-content{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.section-content.reverse{
	flex-direction:row-reverse;
}
.section-content > div{
	margin-bottom:30px;
}

.section-content p{
	line-height:1.8;
}
.section-content-half{
	width:48%;
}
.section-content-athird,
.section-content-33{
	width:31%;
}
.section-content-40{
	width:38%;
}
.section-content-60{
	width:58%;
}
.section-content-30{
	width:28%;
}
.section-content-70{
	width:68%;
}
.section-content-20{
	width:18%;
}
.section-content-80{
	width:78%;
}
.section-half{
	width:50%;
	margin-bottom:0 !important;
}
.section-33, .section-athird{
	width:33.333%;
	margin-bottom:0 !important;
}
@media screen and (max-width: 500px){
	.section-content-half,
	.section-content-athird,
	.section-content-40,
	.section-content-60,
	.section-content-33,
	.section-content-30,
	.section-content-70,
	.section-content-20,
	.section-content-80,
	.section-half,
	.section-athird,
	.section-33{
		width:100%;
	}
}



/*--------------------------------------------------------------
. Subhead
--------------------------------------------------------------*/

.subhead{
	font-weight:normal;
	font-size:2.4rem;
	color:#565656;
	text-align:center;
	margin-bottom:1.5em;
}
.subhead br.break{
	display:none;
}
.subhead.black{
	margin-top: 0;
	padding: 20px 10px;
	background: #000;
	width: calc(100% + 20px);
	margin-left: -10px;
}
.subhead.black img{
	max-width: 900px;
	width: 100%;
}
@media screen and (max-width: 768px){
	.subhead{
		font-size:2.0rem;
	}
}
@media screen and (max-width: 500px){
	.subhead{
		font-size:1.6rem;
	}
	.subhead br.break{
		display:inline;
	}
	.subhead.black{
		padding: 18px 10px 20px;
	}
}


/*--------------------------------------------------------------
. faq
--------------------------------------------------------------*/


.faq{
	padding:30px;
	border:solid 1px #DADADA;
	width:100%;
	margin:0 auto 30px;
	background-color:#FFF;
}
.faq .faq-header{
	margin-bottom:20px;
}
.faq .faq-question{
	padding-top:15px;
	font-size:20px;
	color:#111;
	padding-left:70px;
	background-size:50px;
	min-height:80px;
	background-repeat:no-repeat;
	background-image:url('images/pity/question-icon.svg');
}
.faq .faq-answer{
	font-size:16px;
	line-height:1.7;
	color:#333;
	padding-left:70px;
	background-repeat:no-repeat;
	background-image:url('images/pity/answer-icon.svg');
	background-size:50px;
	min-height:80px;	
}
@media screen and (max-width: 500px) {
	.faq{
		padding:10px;
	}
	.faq .faq-question{
		font-size:15px;
	}
	.faq .faq-answer{
		font-size:14px;
	}
}


/*--------------------------------------------------------------
. Table of Contents
--------------------------------------------------------------*/

.toc{
	padding:0;
	background-color:#000;
	border-radius:5px;
	margin:0 auto 30px;
}
.toc li{
	width:100%;
	list-style-type:none;
	line-height: 1.8;
	color:#FFF;
}
.toc li::before{
	content: '●';
	color: #00ccff;
}
@media screen and (max-width: 500px) {
	.toc li{
		font-size:14px;
	}
	.toc li{
		line-height: 1.7;
		font-size: 14px;
	}
	.toc{
		padding:15px 0 15px;
	}
}







/*--------------------------------------------------------------
. Table
--------------------------------------------------------------*/

.section-easy-order p.tablettl{
	text-align: center;
	font-size: 33px;
	color: #fff;
	margin-top: 40px;
	margin-bottom: 15px;
}
.table{
	border-collapse:collapse;
	margin-bottom:40px;
	width:100%;
}
.table th, .table td{
	border:solid 1px #656565;
	padding:20px;
	text-align: center;
	vertical-align: middle!important;
	background: #fff;
}
.table th{
	background-color:#d3d3d3;
}
.table th:nth-child(1),
.table td:nth-child(1){
	width: 18%;
}
.table th:nth-child(2),
.table td:nth-child(2){
	width: 17%;
}
.table th:nth-child(3),
.table td:nth-child(3){
	width: 15%;
}
.table th:nth-child(4),
.table td:nth-child(5){
	width: 30%;
}
@media screen and (max-width: 500px){
	.section-easy-order p.tablettl{
		font-size: 20px;
		margin-bottom: 10px;
		margin-top: 30px;
	}
	.table th, .table td{
		font-size:0.8rem;
		padding:10px 8px;
	}
	.spscroll .table{
		width: 670px;
		margin: 0 auto;
	}
	.spscroll{
		white-space: nowrap;
		width: 100%;
		overflow-x: auto;
		margin-bottom: 30px;
		-webkit-overflow-scrolling: touch;
	}
	.spscroll::-webkit-scrollbar {
	  height: 5px;
	}
	.spscroll::-webkit-scrollbar-track {
	  border-radius: 5px;
	  background: #eee;
	}
	.spscroll::-webkit-scrollbar-thumb {
	  border-radius: 5px;
	  background: #d3d3d3;
	}
}





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

.toc-part-header{
	border-left:solid 4px #00ccff;
	padding-left:20px;
	padding-bottom: 8px;
	margin-bottom: 20px;
	position: relative;
}
.toc-part-header::before{
	content: '';
	position: absolute;
	bottom: -8px;
	left: -4px;
	width: 100%;
	background: #fff;
	height: 1px;
}
.toc-part-number{

}
.toc-part-number{
	font-weight:normal;
	color:#00ccff;
}
.toc-part-number > img{
	display:block;
	width:20% !important;
	margin-bottom:10px;
}
.toc-part-title{
	font-weight: bold;
	color:#00ccff;
	font-size: 30px;
	margin-bottom: 0;
}
.toc-part-title span{
	display: block;
	color: #fff;
	font-size: 20px;
	margin-bottom: 10px;
}
.toc-part-title > img{
	width:80% !important;
}
.act-title{
	color:#FFF;
	margin-bottom:5px;
}

.section-toc{
	background-color:#000;
}

.section-toc p{
	font-size: 20px;
	color: #fff;
}
.section-toc > div{
	width:100%;
	max-width:900px;
	margin:0 auto;
}
.section-toc > div > div{
	margin-top: 40px;
}
.section-toc-half{
	width:48%;
}
@media screen and (max-width: 500px) {
	.section-toc-half{
		width:100%;
	}
	.toc-part-header{
		padding-left: 10px;
	}
	.toc-part-title{
		font-size: 18px;
	}
	.toc-part-title span{
		font-size: 14px;
		line-height: 1.4;
		margin-bottom: 5px;
	}
	.section-toc p{
		font-size: 14px;
		margin-bottom: 0;
	}
	.section-toc > div > div{
		margin-top: 25px;
	}
}





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

.section-author{
	background-color:#D9D9D9;
}
.section-author-title{
	margin-bottom:12%;
}
.section-author > div{
	max-width:1180px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.section-author-achievement{
	width:50%;
	padding:40px;
	background-color:#000;
}
.section-author-portrait{
	width:50%;
}
@media screen and (max-width: 768px) {
	.section-author-achievement{
		width:100%;
		padding:30px;
	}
	.section-author-portrait{
		width:100%;
	}
}
.section-author-achievement p{
	color:#DDDDDD;
	font-size:0.9rem;
	line-height:1.6;
	margin-bottom:1em;
}
.section-author-achievement p:last-child{
	margin-bottom:0;
}
.author-name{
	margin-bottom:8%;
}



.books{
	padding:14% 3%;
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	background-color:#F6F6F6;
}
.book{
	width:23%;
}
.book img{
	display:block;
	width:100%;
	margin:0 auto;
}
.introduce-books{
	width:100%;
	font-size:0.9rem;
	text-align:center;
	color#656565;
	letter-spacing:2px;
	margin-bottom:10px;
}




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

.section-easy-order{
	background-color:#000;
}
.section-easy-order p{
	color:#FFF;
	text-align: center;
	margin-bottom: 50px;
}
.section-easy-order .table{
	font-size:0.9rem;
	background-color:#FFF;
}

@media screen and (max-width: 500px){
	.section-easy-order p{
		font-size: 14px;
		line-height: 1.7;
		margin-bottom: 35px;
	}
}


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

.section-risk{
	background-color:#000;
}
.section-risk > div{

}
.section-risk p{
	font-size:0.8rem;
	color:#D3D3D3;
}




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

.section-customer-review{

}


.ghost-button{
	display:block;
	width:100%;
	max-width:640px;
	margin:0 auto;
	text-decoration:none;
	border:solid 3px #000;
	padding:2% 7%;
	transition:0.3s ease-in-out;
}
.ghost-button:hover{
	transform:scale(1.1);
}
.purchase-notice{
	width:100%;
	display:block;
	text-align:center;
	color:#656565;
	font-size:17px;
}







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

.section-white-black{
	background-image: linear-gradient( to right, rgba(255,255,255,1) 0% ,  rgba(255,255,255,1) 50% , rgba(0,0,0,1)50%, rgba(0,0,0,1) 100% ), url(admin/images/sample-bg.jpg);
}
.section-white-black > div{
	max-width:920px;
}

.white-ghost-button{
	width:100%;
	max-width: 640px;
	display:block;
	border:solid 2px #FFF;
	padding:2% 7%;
	margin:0 auto;
	transition:0.3s ease-in-out;
	cursor:pointer;
}
.white-ghost-button img{
	width:100%;
	display:block;
	margin:0 auto;
}
.white-ghost-button:hover{
	transform:scale(1.1);
}
.postage{
	font-size:14px;
	text-align:center;
	padding: 15px 0 5px;
	color:#FFF;
}
.postage.black{
	color: #333;
}

.section-headline{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	flex-direction:row-reverse;
}
.main-image-section{
	position:relative;
	width:50%;
	padding:3%;
	background: url(../img/head-bg.jpg) no-repeat left top /cover;
}

.headline-section{
	width:50%;
	background-color:#000;
	padding:6%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.headline-section > div{
	width:100%;
}
.headline-image{
	display:block;
	width:100%;
	margin:0 auto 8%;
}

@media screen and (max-width: 768px){
	.main-image-section{
		width:100%;
	}
	.headline-section{
		width:100%;
	}
}

.main-image{
	display:block;
	width:70%;
	max-width: 486px;
	margin: 0 auto;
	position:relative;
}
.break{
	display:block;
	position:absolute;
	width:30%;
	bottom:8%;
	right:5%;
}

@media screen and (max-width: 768px){
	.main-image{
		width: 56%;
	}
}




.millionaire{
	width:100%;
	flex-wrap:wrap;
	margin-top:40px;
	background-color:#FAFAFA;
	padding:20px 20px;
	border:solid 1px #DADADA;
}
.millionaire p{
	margin-bottom: 1em;
}
.millionaire .strong{
	font-size: 120%;
	font-weight: bold;
}
.millionaire-content{
	width:68%;
}
.millionaire-portrait{
	width:28%;
}
.millionaire-portrait img{
	display:block;
	width:100% !important;
	margin:0 auto 10px;
}
.millionaire-name{
	margin:0 0 10px;
	padding:0;
	font-size:20px;
}
.millionaire-name img{
	display:block;
	width:60% !important;
}
@media screen and (max-width: 500px){
	.millionaire-content{
		width:100%;
	}
	.millionaire-portrait{
		width:100%;
	}
	.millionaire-portrait img{
		max-width200px:
	}
}



/*--------------------------------------------------------------
. Section Icon
--------------------------------------------------------------*/

.small-icon{
	display:block;
	width:50px !important;
	height:auto;
	margin:0 auto 20px;
}
.middle-icon{
	display:block;
	width:90px !important;
	height:auto;
	margin:0 auto 8%;
}

.large-icon{
	display:block;
	width:100% !important;
	min-width:70px;
	max-width:240px;
	height:auto;
	margin:0 auto 20px;
}


.section-content.guarantee p{
	font-size:0.95rem;
}
.guarantee-title{
	display:block;
	width:100%;
	max-width:65vw;
	margin:0 auto 10%;
}
@media screen and (max-width: 500px){
	.section-content.guarantee p{
		font-size:1rem;
	}
	.guarantee-title{
		margin-bottom:3%;
	}
	.middle-icon{
		margin-bottom:4%;
	}
}



.rightfloat{
	float: right;
	margin-left: 40px;
	margin-bottom: 20px;
}

.rightfloat .txt{
	font-size: 14px;
	margin-top: 8px!important;
	text-align: center;
}

.big{
	font-size: 140%;
	font-weight: bold;
}

.section-customer-review span.note{
	color: #999999;
	margin-top: 8px;
	display: inline-block;
}

@media screen and (max-width: 768px){
	.rightfloat{
		width: 60%;
		max-width: 250px;
		float: none;
		margin: 0 auto 20px;
	}
	.rightfloat .txt{
		font-size: 12px;
		text-align: center;
	}

	.big{
		font-size: 140%;
		font-weight: bold;
	}
}


/*-------------------------
quality
---------------------------*/
.section-quality{
	padding-top: 0;
}
.section-quality .list{
	list-style: none;
	display: flex;
	justify-content: space-between;
}
.section-quality .list li{
	width: 30%;
}
.section-quality .list li .img{
	text-align: center;
	max-width: 132px;
	margin: 0 auto 15px;
}
.section-quality .list li .ttl{
	font-size: 20px;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	margin-top: 0;
	margin-bottom: 10px;
}
.section-quality .list li .txt{
	line-height: 1.75;
	margin-top: 0;
}
@media screen and (max-width: 768px){
	.section-quality .list{
		display: block;
	}
	.section-quality .list li{
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
	}
	.section-quality .list li+li{
		margin-top: 15px;
	}
	.section-quality .list li+li+li{
		margin-top: 25px;
	}
}
@media screen and (max-width: 500px){
	.section-quality .list li .ttl{
		font-size: 18px;
	}
}

/*-------------------------
set
---------------------------*/
.section-set{
	background: #f6f6f6;
}
.section-set .flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}
.section-set .img{
	max-width: 314px;
	margin: 0 20px;
}
.section-set .txtwrap{
	max-width: 60%;
	width: calc(100% - 314px - 40px);
}
.section-set .txtwrap ul{
	list-style: none;
}
.section-set .txtwrap ul li{
	font-size: 14px;
	position: relative;
	padding-left: 28px;
}
.section-set .txtwrap ul li+li{
	margin-top: 14px;
}
.section-set .txtwrap ul li::before{
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 23px;
	height: 17px;
	background: url(../img/set-icon.png) no-repeat center center /contain;
}
.section-set .txtwrap ul li strong{
	font-weight: normal;
	display: block;
	font-size: 22px;
	margin-bottom: 3px;
}

@media screen and (max-width: 768px){
	.section-set .flex{
		display: block;
		margin-bottom: 1.5em;
	}
	.section-set .img{
		max-width: 314px;
		width: 60%;
		margin: 0 auto 1.5em;
	}
	.section-set .txtwrap{
		max-width: 100%;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.section-set .txtwrap ul li{
		padding-left: 28px;
	}
	.section-set .txtwrap ul li+li{
		margin-top: 15px;
	}
	.section-set .txtwrap ul li::before{
		top: 4px;
		width: 20px;
		height: 16px;
	}
	.section-set .txtwrap ul li strong{
		font-size: 18px;
	}
}

/*-------------------------
intro
---------------------------*/
.section-intro{
	padding-top: 0;
}
.section-intro .img{
	width: 35%;
}
.section-intro .name{
	max-width: 473px;
	width: 55%;
	margin: 0 0 1.5em;
}
@media screen and (max-width: 768px){
	.section-intro{
		padding-bottom: 50px;
		padding-top: 0;
	}
	.section-intro .img{
		width: 60%;
	}
	.section-intro .name{
		width: 70%;
		margin: 0 0 1.5em;
	}
}

/*-------------------------
section-message
---------------------------*/
.section-message{
	padding-top: 0;
}
.section-message dl{
	margin-bottom: 35px;
}
.section-message dt{
	margin-bottom: 0;
	color: #221815;
	font-size: 24px;
	line-height: 1.6;
	font-weight: bold;
}
.section-message dd{
	line-height: 1.6;
	margin-top: 10px;
	letter-spacing: -0.5px;
}
.section-message .pcwrap .img_recomme1{
	display: none;
}
.section-message .flex{
	display: flex;
}
.section-message .flex .img_recome1_pc{
	width: 195px;
	flex: none;
	margin-left: 20px;
}
.section-message .flex .img_recome1_pc img+img{
	margin-top: 10px;
}
.section-message .img_recomme2{
	max-width: 444px;
	width: 49%;
	margin: 0 0 0 20px!important;
	flex: none;
}
.section-message .box_recomme2{
	display: flex;
	margin-top: 20px;
	margin-bottom: 20px;
}
@media screen and (max-width: 500px){
	.section-message{
		padding-bottom: 50px;
	}
	.section-message dt{
		font-size: 18px;
	}
	.section-message dd{
		font-size: 14px;
		line-height: 1.7;
		margin-top: 10px;
		letter-spacing: -0.5px;
	}
	.section-message .pcwrap .img_recomme1{
		display: block;
		width: 60%;
		max-width: 250px;
		margin: 0 auto;
	}
	.section-message .flex{
		display: flex;
	}
	.section-message .box_recomme1{
		margin-bottom: 25px;
	}
	.section-message .flex .img_recome1_pc{
		display: none;
	}
	.section-message .img_recomme2{
		max-width: 444px;
		width: 80%;
		margin: 0 auto!important;
		flex: none;
	}
	.section-message .box_recomme2{
		display: block;
		margin-top: 0;
		margin-bottom: 25px;
	}
}


/*-------------------------
section-prof
---------------------------*/
.section-prof{
	padding-top: 0;
}
.section-prof .img ul{
	list-style: none;
	display: flex;
	justify-content: center;
}
.section-prof .img ul li{
	margin: 0 10px;
}

@media screen and (max-width: 768px){
	.section-prof {
		padding-bottom: 50px;
	}
	.section-prof .img{
		width: 100%;
		max-width: 600px;
	}

}


/*-------------------------
fixbtn
---------------------------*/
footer{
	padding-bottom: 162px;
}
.fixbnr{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url(../img/fixbnr_bg.png) repeat-x ;
}
.fixbnr.off{
	display: none!important;
}
.fixbnr p{
	margin-bottom: 0;
}
.fixbnr .wrap{
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
.fixbnr img{
	max-width: 100%;
}
.fixbnr .btn{
	position: absolute;
	bottom:6px;
	right: -10px;
	width: 40%;
}
.fixbnr .closebtn{
	position: absolute;
	top: 24%;
	right: 0;
}
.fixbnr .btn a,
.fixbnr .closebtn{
	cursor: pointer;
	transition: opacity .4s;
}
.fixbnr .btn a:hover,
.fixbnr .closebtn:hover{
	opacity: .7;
}
@media screen and (min-width: 769px){
	.fixbnr .wrap.sp{
		display: none!important;
	}
}
@media screen and (max-width: 768px){
	.fixbnr .wrap.pc{
		display: none!important;
	}
	footer{
		padding-bottom: 20vw;
	}
	.fixbnr img{
		max-width: 100%;
	}
	.fixbnr{
		background: none;
	}
	.fixbnr a{
		display: block;
	}
	.fixbnr p{
		margin-bottom: 0;
	}
	.fixbnr .wrap{
		max-width: 1000px;
	}
	.fixbnr .btn{
		bottom: .5%;
		right: 0;
		width: 38%;
	}
	.fixbnr .closebtn{
		top: 11%;
		right: 1%;
	}
}



.cf:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

.cf {display: inline-block;}

/* Hides from IE Mac */
* html .cf {height: 1%;}
.cf {display:block;}
/* End Hack */