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

/* ==========================================================================
note cast
========================================================================== */

body.note_popup {
	background: #fff;
}


body.note_popup .container {
	width: 100%;
	padding: 5%;
}
#close-btn{
	position:absolute;
	top: 10px;
	right: 10px;
	width:5%;
	height:auto;
	cursor:pointer;
	z-index:99;
}
#close-btn img{
	width:100%;
}

.note_popup .col-md-12 {
	position:relative;
	padding:5% 3%;
	box-sizing:border-box;
}
.note_popup .col-xs-12 {
	position:relative;
	float:none !important;
}
.note_popup .row {
	padding:0;
	margin:0;
}
.note_popup .note_01 {
	background:url(../img/note_01_bg.jpg) no-repeat 15% 0;
	background-size:cover;
	background-attachment:fixed;
}
.note_popup .note_02 {
	background:url(../img/note_02_bg.jpg) no-repeat 10% 0;
	background-size:cover;
	padding-bottom:20%;
	background-attachment:fixed;
}
.note_popup .note_03 {
	background:url(../img/note_03_bg.jpg) no-repeat top left;
	background-size:cover;
	padding-bottom:20%;
	background-attachment:fixed;
}
.note_popup .note_04 {
	background:url(../img/note_04_bg.jpg) no-repeat 20% 0;
	background-size:cover;
	background-attachment:fixed;
}
.note_popup .note_05 {
	background:url(../img/note_05_bg.jpg) no-repeat 20% 0;
	background-size:cover;
	background-attachment:fixed;
}
@media screen and (max-width:1000px){	
.note_popup .note_02,
.note_popup .note_03 {
	padding-bottom:40px;
}
}
@media screen and (max-width:768px){	
.note_popup .note_01 {
	background-attachment:scroll;
	background-size:auto 100%;
}
.note_popup .note_02 {
	background-attachment:scroll;
	background-size:auto 100%;
}
.note_popup .note_03 {
	background:url(../img/note_03_bg.jpg) no-repeat 20% top;
	background-attachment:scroll;
	background-size:auto 100%;
}
.note_popup .note_04 {
	background-attachment:scroll;
	background-size:auto 100%;
}
.note_popup .note_05 {
	background-attachment:scroll;
	background-size:auto 100%;
}
}
.note-text{
	position:relative;
	bottom: 0;
	right: 0;
	left:0;
	margin:auto;
	z-index:1;
}
.note-text img{
	max-width:100%;
	margin-bottom:3%;
}
.note-text p{
	margin:0;
}
.note_popup p{
	color: #fff;
	font-family: "Noto Sans Japanese", Nunito, sans-serif;
}