@charset "UTF-8";
/*---------------------------- Contents PC  ----------------------------*/
.el-d-section {
		margin: 0 auto 30px;
		max-width: 100% !important;
		background-image: url(/_var/elis/compact-guard/campaign/natura_attennto_2021/img/bg.jpg);
		background-repeat: repeat;
		background-size: auto;
}

#natura_attennto_2021 {
		max-width: 100%;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
		font-weight: 500;
		-webkit-text-size-adjust: 100%;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		/*アンカーボタン*/
}

#natura_attennto_2021 * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

#natura_attennto_2021 a {
		text-decoration: underline;
		color: #1111cc;
}

#natura_attennto_2021 a:visited {
		color: #1111cc;
}

#natura_attennto_2021 sup {
		font-size: 1.1rem;
		line-height: 1;
		position: relative;
		bottom: 1ex;
		height: 0;
		vertical-align: baseline;
}

#natura_attennto_2021 b {
		font-weight: bold;
		font-size: 16px;
}

#natura_attennto_2021 hr {
		display: block;
		height: 1px;
		border: 0;
		border-bottom: 1px solid #969696;
		margin: 20px 0 20px 0;
		padding: 0px;
}

#natura_attennto_2021 .indent {
		padding-left: 1em;
		text-indent: -1em;
}

#natura_attennto_2021 .br-sp {
		display: none;
}

#natura_attennto_2021 .br-pc {
		display: block;
}

#natura_attennto_2021 .sp {
		display: none !important;
}

#natura_attennto_2021 .btn {
		position: relative;
		z-index: 1;
		display: block;
		width: 100%;
		margin: 0 auto 1.0rem;
		padding: 2.0rem 0;
		text-align: center;
		color: #fff;
}

#natura_attennto_2021 .btn:hover {
		zoom: 1;
		transition: all .9s;
		opacity: .7;
		filter: alpha(opacity=70);
		-ms-filter: 'alpha(opacity=70)';
		-moz-opacity: .7;
		-khtml-opacity: .7;
}

#natura_attennto_2021 .btn a {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-indent: -999px;
}

#natura_attennto_2021 a:hover {
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		zoom: 1;
		transition: all .9s;
}

#natura_attennto_2021 a:hover {
		zoom: 1;
}

#natura_attennto_2021 p {
		font-size: 15px;
		font-weight: normal;
		color: #1f1f1f;
}

#natura_attennto_2021 .kv_head {
		background-image: url(/_var/elis/compact-guard/campaign/natura_attennto_2021/img/kv_head_line.jpg);
		background-repeat: repeat-x;
		background-size: auto;
		width: 100%;
		height: 32px;
}

#natura_attennto_2021 .kv {
		background-color: #fff;
		text-align: center;
}

#natura_attennto_2021 .inner {
		max-width: 1000px;
		margin: 0 auto;
		text-align: center;
}

#natura_attennto_2021 .inner .end_info {
		width: 900px;
		background-color: #6A3D52;
		border-radius: 10px;
		padding: 75px;
		text-align: center;
		margin: 75px auto;
}

#natura_attennto_2021 .inner .end_info p {
		font-size: 22px;
		font-weight: bold;
		line-height: 2.2;
		color: #fff;
}

#natura_attennto_2021 .s7 {
		width: 100%;
		background-color: #c04f83;
		padding: 50px 0;
		text-align: center;
}

#natura_attennto_2021 .s7 h3 {
		width: 416px;
		background-color: #fff;
		font-size: 22px;
		font-weight: bold;
		line-height: 1;
		color: #c04f83;
		border-radius: 5px;
		padding: 10px 0;
		text-align: center;
		margin: 0 auto 25px;
}

#natura_attennto_2021 .s7 h4 {
		font-size: 22px;
		font-weight: bold;
		color: #fff;
		line-height: 1.6;
		text-align: center;
		margin-bottom: 10px;
}

#natura_attennto_2021 .s7 h2 {
		font-size: 34px;
		font-weight: bold;
		color: #fff;
		text-align: center;
		margin-bottom: 10px;
}

#natura_attennto_2021 .s7 h2 a {
		text-decoration: none;
		color: #fff;
}

#natura_attennto_2021 .s7 p {
		font-size: 16px;
		font-weight: normal;
		color: #fff;
		line-height: 1;
		text-align: center;
		margin-bottom: 10px;
}

#natura_attennto_2021 .teaser {
		margin: 0 auto 100px;
}

#natura_attennto_2021 .modal-wrapper {
		z-index: 9999;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 20px 0;
		text-align: center;
}

#natura_attennto_2021 .modal-wrapper:not(:target) {
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s, visibility 0.3s;
}

#natura_attennto_2021 .modal-wrapper:target {
		opacity: 1;
		visibility: visible;
		transition: opacity 0.4s, visibility 0.4s;
}

#natura_attennto_2021 .modal-wrapper::after {
		display: inline-block;
		height: 100%;
		margin-left: -.05em;
		vertical-align: middle;
		content: "";
}

#natura_attennto_2021 .modal-wrapper .modal-window {
		box-sizing: border-box;
		display: inline-block;
		z-index: 102;
		position: relative;
		max-width: 800px;
		width: 100%;
		height: 50vh;
		padding: 0;
		vertical-align: middle;
		overflow-y: scroll;
}

#natura_attennto_2021 .modal-wrapper .modal-window .modal-content {
		max-height: 90vh;
		padding: 0;
}

#natura_attennto_2021 .modal-overlay {
		z-index: 100;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.85);
}

#natura_attennto_2021 .modal-wrapper .modal-close:hover {
		color: #2b2e38 !important;
}

#natura_attennto_2021 .up_close_btn {
		position: absolute;
		top: 10px;
		right: 10px;
		background-image: url(/_var/elis/compact-guard/campaign/natura_attennto_2021/img/md_close_btn.svg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 40px;
		height: 40px;
		z-index: 101;
}

#natura_attennto_2021 .up_close_btn a {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
}

#natura_attennto_2021 .modal-content {
		height: auto;
		width: 100%;
}

#natura_attennto_2021 .modal-content #md01 {
		background-color: #fff;
		border-radius: 0;
		margin: 0 auto;
		padding: 50px;
		box-sizing: border-box;
}

#natura_attennto_2021 .modal-content #md01 .md_inner {
		width: 100%;
		padding: 0;
}

#natura_attennto_2021 .modal-content #md01 .logo {
		margin: 40px auto;
}

#natura_attennto_2021 .modal-content #md01 .btn_flex {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
}

#natura_attennto_2021 .modal-content #md01 .btn_bx {
		flex-basis: 335px;
		max-width: 335px;
		margin-bottom: 20px;
}

/*---------------------------- Contents SP  ----------------------------*/
@media screen and (max-width: 699px) {
		.el-d-section {
				padding: 0;
				margin: 0 auto;
				max-width: 100% !important;
				background-image: url(/_var/elis/compact-guard/campaign/natura_attennto_2021/img/bg-s.jpg);
				background-repeat: repeat-y;
				background-size: contain;
		}
		#natura_attennto_2021 {
				width: 100%;
				-moz-text-size-adjust: 100%;
				-webkit-text-size-adjust: 100%;
				-ms-text-size-adjust: 100%;
		}
		#natura_attennto_2021 span {
				font-size: 3.1vw;
				line-height: 1.5;
		}
		#natura_attennto_2021 .br-sp {
				display: block;
		}
		#natura_attennto_2021 .br-pc {
				display: none;
		}
		#natura_attennto_2021 .pc {
				display: none !important;
		}
		#natura_attennto_2021 .sp {
				display: block !important;
		}
		#natura_attennto_2021 p {
				font-size: 3.07692vw;
				font-weight: normal;
				color: #1f1f1f;
		}
		#natura_attennto_2021 .kv_head {
				background-image: url(/_var/elis/compact-guard/campaign/natura_attennto_2021/img/kv_head_line.jpg);
				background-repeat: repeat-x;
				background-size: auto;
				width: 100%;
				height: 32px;
		}
		#natura_attennto_2021 .kv {
				background-color: #fff;
				text-align: center;
		}
		#natura_attennto_2021 .kv img {
				max-width: 100%;
		}
		#natura_attennto_2021 .inner {
				max-width: 90vw;
				margin: 0 auto;
				text-align: center;
		}
		#natura_attennto_2021 .inner .end_info {
				width: 90vw;
				background-color: #6A3D52;
				border-radius: 10px;
				padding: 10vw 5vw;
				text-align: center;
				margin: 10vw auto;
		}
		#natura_attennto_2021 .inner .end_info p {
				font-size: 3.33333vw;
				font-weight: bold;
				line-height: 2.2;
				color: #fff;
		}
		#natura_attennto_2021 .s7 {
				width: 100%;
				background-color: #c04f83;
				padding: 10vw 0;
				text-align: center;
		}
		#natura_attennto_2021 .s7 h3 {
				width: 80vw;
				background-color: #fff;
				font-size: 3.58974vw;
				font-weight: bold;
				line-height: 1;
				color: #c04f83;
				border-radius: 3px;
				padding: 2.5vw 0;
				text-align: center;
				margin: 0 auto 2vw;
		}
		#natura_attennto_2021 .s7 h4 {
				font-size: 3.58974vw;
				font-weight: bold;
				color: #fff;
				line-height: 1.6;
				text-align: center;
				margin-bottom: 2vw;
		}
		#natura_attennto_2021 .s7 h2 {
				font-size: 6.15385vw;
				font-weight: bold;
				color: #fff;
				text-align: center;
				margin-bottom: 3vw;
		}
		#natura_attennto_2021 .s7 h2 a {
				text-decoration: none;
				color: #fff;
		}
		#natura_attennto_2021 .s7 p {
				font-size: 3.07692vw;
				font-weight: normal;
				color: #fff;
				line-height: 1;
				text-align: center;
				margin-bottom: 1vw;
		}
		#natura_attennto_2021 .teaser {
				margin: 0 auto 10vw;
		}
		#natura_attennto_2021 .modal-wrapper {
				z-index: 9999;
				position: fixed;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				padding: 10vw 0;
				text-align: center;
		}
		#natura_attennto_2021 .modal-wrapper:not(:target) {
				opacity: 0;
				visibility: hidden;
				transition: opacity 0.3s, visibility 0.3s;
		}
		#natura_attennto_2021 .modal-wrapper:target {
				opacity: 1;
				visibility: visible;
				transition: opacity 0.4s, visibility 0.4s;
		}
		#natura_attennto_2021 .modal-wrapper::after {
				display: inline-block;
				height: 100%;
				margin-left: -.05em;
				vertical-align: middle;
				content: "";
		}
		#natura_attennto_2021 .modal-wrapper .modal-window {
				box-sizing: border-box;
				display: inline-block;
				z-index: 102;
				position: relative;
				max-width: 90vw;
				width: 90%;
				height: 50vh;
				padding: 0;
				vertical-align: middle;
				overflow-y: scroll;
		}
		#natura_attennto_2021 .modal-wrapper .modal-window .modal-content {
				max-height: 50vh;
				overflow-y: auto;
				overflow-x: hidden;
				padding: 0;
		}
		#natura_attennto_2021 .modal-overlay {
				z-index: 100;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background: rgba(0, 0, 0, 0.85);
		}
		#natura_attennto_2021 .modal-wrapper .modal-close:hover {
				color: #2b2e38 !important;
		}
		#natura_attennto_2021 .up_close_btn {
				position: absolute;
				top: 2vw;
				right: 2vw;
				background-image: url(/_var/elis/compact-guard/campaign/natura_attennto_2021/img/md_close_btn.svg);
				background-repeat: no-repeat;
				background-size: contain;
				width: 5vw;
				height: 5vw;
				z-index: 101;
		}
		#natura_attennto_2021 .up_close_btn a {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
		}
		#natura_attennto_2021 .modal-content {
				height: auto;
				width: 100%;
		}
		#natura_attennto_2021 .modal-content #md01 {
				width: 90vw;
				background-color: #fff;
				border-radius: 0;
				margin: 0 auto;
				padding: 5vw;
				box-sizing: border-box;
		}
		#natura_attennto_2021 .modal-content #md01 .md_inner {
				width: 100%;
				padding: 0;
		}
		#natura_attennto_2021 .modal-content #md01 .logo {
				margin: 3vw auto;
		}
		#natura_attennto_2021 .modal-content #md01 .btn_flex {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				width: 100%;
		}
		#natura_attennto_2021 .modal-content #md01 .btn_bx {
				flex-basis: 100%;
				max-width: 100%;
				margin-bottom: 3vw;
		}
}