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

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  src: local("Noto Sans CJK JP Thin"),
       url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff2) format('woff2'),
       url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff) format('woff'),
       url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: local("Noto Sans CJK JP Light"),
       url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff2) format('woff2'),
       url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff) format('woff'),
       url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP Regular"),
       url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
       url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
       url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans CJK JP Medium"),
       url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format('woff2'),
       url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format('woff'),
       url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans CJK JP Bold"),
       url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format('woff2'),
       url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format('woff'),
       url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  src: local("Noto Sans CJK JP Black"),
       url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format('woff2'),
       url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format('woff'),
       url(https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format('opentype');
}

#mwcp {
}

#mwcp::before {
	background:url(../img/bg.jpg) top center;
	background-size:cover;
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	height:100dvh;
	min-height:100vh;
	min-height:100dvh;
	z-index:-100;
}

#mwcp #mwcp_in {
	background:url(../img/bg_about.png) no-repeat bottom center;
	background-size:100% auto;
}

#mwcp,
#mwcp * {
	margin:0;
	padding:0;
	text-shadow:none;
	letter-spacing:-0.01px;
	font-weight:normal;
	line-height:1.6;
	-webkit-text-size-adjust:100%;
	font-size:12px;
	font-family:"Roboto","Noto Sans JP","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"CI",Meiryo,"メイリオ","lroSVbN","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#232323;
    outline : none;
	font-feature-settings: "palt";
	text-align:left;
}

html {
	position:relative;
}

/* マスタ */

header {
        background: url(https://www.aeoncinema.com/ac_common/img/head_bg_02.gif) 0 0 repeat-x;
}

#wmc_masthead .header_section01 {
	width:960px;
	height:135px;
}

#footer_contents {
	line-height: 1.4;
}

/* カスタム */

* {
	margin: 0;
	padding: 0;
}

#mwcp a {
	outline:0;
	border:0;
	color:#0099ff;
	text-decoration:underline;
}

#mwcp a img {
	transition:1.0s;
}

#mwcp a img:hover {
	opacity:0.5;
}

#mwcp img {
	vertical-align:top;
	border:0;
    outline : none;
}

#mwcp ul,
#mwcp ol {
	list-style:none;
}

/* コンテント */

#mwcp .content {
	width:950px;
	margin:0 auto;
}

/* メイン */

#mwcp #cp_header {
	background:url(../img/bg_main.png) no-repeat top center;
	background-size:75% auto;
}

#mwcp #cp_header #main {
	position:relative;
}

#mwcp #cp_header #main h2 {
	position:absolute;
	top:0;
	left:0;
}

#mwcp #cp_header p {
	font-size:20px;
	text-align:center;
	color:#ffffff;
	font-weight:500;
	margin:0 0 20px 0;
}

#mwcp #cp_header p span {
	font-size:26px;
	color:#ffffff;
	font-weight:700;
}

#mwcp #main img {
	width:100%;
}

#mwcp #cp_header .cpkikan {
	margin:10px 0 0 0;
	text-align:center;
}

#mwcp #cp_header .cpkikan img {
	width:500px;
}

/* ステップ */

#mwcp #step {
	padding:25px 0 40px 0;
}

#mwcp #step .step_box {
	background:#000000;
	margin:0 0 20px 0;
	position:relative;
	padding:35px;
}

#mwcp #step .step_box:after{
	border: solid transparent;
	content:'';
	height:0;
	width:0;
	pointer-events:none;
	position:absolute;
	border-color: rgba(255, 255, 255, 0);
	border-top-width:20px;
	border-bottom-width:20px;
	border-left-width:20px;
	border-right-width:20px;
	margin-left: -20px;
	border-top-color:#000000;
	top:100%;
	left:50%;
}

#mwcp #step .step_box:last-child:after{
	display:none;
}

#mwcp #step .step_icon {
	position:absolute;
	top:-5px;
	left:-5px;
}

#mwcp #step .step_icon.star {
	top:-28px;
	left:-20px;
}

#mwcp #step .step_h {
	font-size:24px;
	text-align:center;
	font-weight:700;
	color:#ffffff;
}

#mwcp #step .step_h span {
	color:#bb0d86;
	font-weight:700;
	display:block;
	font-size:16px;
	line-height:1.2;
	text-align:center;
	margin:8px 0 0 0;
}

#mwcp #step .step_present {
	font-size:36px;
	text-align:center;
	font-weight:700;
	color:#ffffff;
}

#mwcp #step .step_p {
	font-size:18px;
	text-align:center;
	font-weight:500;
	color:#ffffff;
	margin:10px 0 0 0;
}

#mwcp #step .step_t {
	font-size:16px;
	text-align:center;
	font-weight:500;
	color:#ffffff;
}

#mwcp #step .step_t span {
	font-size:20px;
	font-weight:700;
	color:#ffffff;
}

#mwcp #step .step_img {
	text-align:center;
	margin:15px 0 0 0;
}

#mwcp #step .step_img img.only_pc {
	display:inline-block;
}

#mwcp #step #oubo_btn {
	text-align:center;
	margin:30px 0 0 0;
	font-size:30px;
	font-weight:700;
	color:#ffcc00;
}

#mwcp #step #oubo_btn a {
	width:360px;
	display:block;
	background:#bb0d86;
	font-size:36px;
	font-weight:700;
	color:#ffffff;
	text-decoration:none;
	transition:1.0s;
	border-radius:85px;
	padding:10px 80px 10px 65px;
	margin:0 auto 20px auto;
	text-align:center;
	position:relative;
}

#mwcp #step #oubo_btn a::after {
	content: '';
	position: absolute;
	top:calc(50% - 5px);
	right:30px;
	vertical-align: middle;
	color: #faf700;
	line-height: 1;
	width:10px;
	height:10px;
	border-top:3px solid #ffffff;
	border-right:3px solid #ffffff;
	transform: rotate(45deg);
}

#mwcp #step .step_ul {
}

#mwcp #step .step_ul ul {
}

#mwcp #step .step_ul ul li {
	list-style-type: none;
	padding:0 0 0 12px;
	font-size:12px;
	position:relative;
	color:#ffffff;
}

#mwcp #step .step_ul ul li:before {
	display: inline;
	content: "●";
	position: absolute;
	top:2px;
	left:0;
	font-size:10px;
	color:#bb0d86;
}

#mwcp #step .step_present_img {
	clear:both;
	overflow:hidden;
	margin:-50px 0 40px 0;
}

#mwcp .step_present_img_item {
	width:50%;
/*	float:left;*/
	margin:0 auto;
}

#mwcp .step_present_img_item_img {
	text-align:center;
}

#mwcp .step_present_img_item_p {
	margin:5px 0 0 0;
	text-align:center;
	font-size:36px;
	font-weight:700;
	color:#ffffff;
/*	line-height:1;*/
/*	height:75px;*/
}

#mwcp .step_present_img_item_p span {
	font-size:24px;
	font-weight:700;
	color:#ffffff;
	display:inline-block;
	line-height:1;
}

#mwcp .step_present_img_item_t {
	text-align:center;
	margin:15px 0 0 0;
}

#mwcp .step_present_img_item_t_in {
	display:inline-block;
	background:#bb0d86;
	font-size:24px;
	font-weight:700;
	color:#ffffff;
	line-height:1;
	padding:5px 10px;
}

#mwcp .step_present_img_item_t_in span {
	font-size:48px;
	color:#ffffff;
	line-height:1;
	font-weight:700;
}

/* コンセプト */

#mwcp #about {
	padding:60px 0 130px 0;
}

#mwcp #about h4,
#mwcp #about h5 {
	text-align:center;
}

#mwcp #about h5 {
	margin:0 0 20px 0;
}

#mwcp #about p {
	font-size:20px;
	text-align:center;
	margin:0 0 20px 0;
}

#mwcp #about .ci {
	text-align:center;
}

/* ボタン */

#mwcp .but_box_in a ,
#mwcp .but_box_in span {
	display:block;
	font-size:18px;
	font-weight:500;
	color:#ffffff;
	text-decoration:none;
	transition:1.0s;
	border-radius:85px;
	padding:15px 20px 15px 0;
	text-align:center;
	position:relative;
	border:1px solid #ffffff;
}

#mwcp .but_box_in a::after,
#mwcp .but_box_in span::after {
	content: '';
	position: absolute;
	top:calc(50% - 5px);
	right:30px;
	vertical-align: middle;
	color: #faf700;
	line-height: 1;
	width:10px;
	height:10px;
	border-top:3px solid #ffffff;
	border-right:3px solid #ffffff;
	transform: rotate(45deg);
}

#mwcp .but_box {
	padding:10px 35% 40px 35%;
}

#mwcp .but_box_in {
	margin:15px 0 0 0;
}

#mwcp .but_box_in span,
#mwcp .but_box_in a,
#mwcp .but_box_in img {
	display:block;
}

#mwcp .but_box_in img {
	width:100%;
}

/* レシポンシブ */

#mwcp .only_pc {
	display:block;
}

#mwcp .only_sp {
	display:none;
}

/* 規約 */

#mwcp .kiyaku_box {
	display:none;
}

#mwcp .kiyaku_box_in {
	position:fixed;
	background:rgba(0,0,0,0.85);
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:1010 !important;
}

#mwcp .kiyaku_text {
	position:fixed;
	top:17%;
	left:10%;
	bottom:17%;
	right:10%;
	background:#ffffff;
	z-index:1011 !important;
}

#mwcp .kiyaku_text_in_out {
	overflow-y:scroll;
	scrollbar-width:10px;
	margin:auto;
	height:100%;
}

#mwcp .kiyaku_text_in {
	position:relative;
	padding:30px 70px 50px 70px;
	z-index:1012 !important;
	margin:auto;
}

#mwcp .kiyaku_text_in_out::-webkit-scrollbar {
	width:10px;
}

#mwcp .kiyaku_text_in_out::-webkit-scrollbar-track {
	background:#ffffff;
}

#mwcp .kiyaku_text_in_out::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.5);
	box-shadow:0 0 0 1px rgba(255, 255, 255, 0.5);
}

#mwcp .kiyaku_text_in_out::-webkit-scrollbar-corner {
	display: none;
}

#mwcp .kiyaku_text h5 {
	font-size:30px;
	color:#232323;
	font-weight:900;
	text-align:center;
	padding:25px 0 13px 0;
}

#mwcp .kiyaku_text .step_box {
	margin:0 auto 5px auto;
}

#mwcp .kiyaku_text .step_h {
	font-size:24px;
	font-weight:700;
	padding:5px 10px 5px 0;
	letter-spacing:0.1em;
	text-align:center;
}

#mwcp .kiyaku_text .step_d {
	font-size:20px;
	text-align:center;
	letter-spacing:0.05em;
}

#mwcp .kiyaku_text .step_d a {
	font-size:20px;
	color:#232323;
	text-decoration:underline;
}

#mwcp .kiyaku_text .attention {
	font-size:18px;
	text-align:center;
	padding:0 0 10px 0;
}

#mwcp .kiyaku_text .attention a {
	font-size:18px;
	color:#232323;
	text-decoration:underline;
}

#mwcp .kiyaku_text ul {
	margin:10px 0 0 0;
}

#mwcp .kiyaku_text li {
	list-style-type: none;
	padding:0 0 0 16px;
	font-size:16px;
	position:relative;
}

#mwcp .kiyaku_text li b,
#mwcp .kiyaku_text li span {
	font-size:16px;
}

#mwcp .kiyaku_text li a {
	font-size:16px;
	color:#232323;
	text-decoration:underline;
}

#mwcp .kiyaku_text li:before {
	display: inline;
	content: "※";
	position: absolute;
	top:0;
	left:0;
}

#mwcp .kiyaku_text::-webkit-scrollbar {
	width:10px;
}

#mwcp .kiyaku_text::-webkit-scrollbar-track{
	background: #fff;
}

#mwcp .kiyaku_text::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.5);
	box-shadow:0 0 0 1px rgba(255, 255, 255, 0.5);
}

#mwcp .kiyaku_close {
	display:block;
	position:fixed;
	top:100px;
	right:20px;
	width:60px;
	height:60px;
	transition:0.35s;
	cursor: pointer;
	z-index:1013 !important;
}

#mwcp .kiyaku_close:hover {
	opacity:0.5;
}

#mwcp .kiyaku_close::before,
#mwcp .kiyaku_close::after {
	content: "";
	position: absolute;
	top:50%;
	left:50%;
	width:2px;
	height:60px;
	background:#ffffff;
}

#mwcp .kiyaku_close::before {
	transform: translate(-50%,-50%) rotate(45deg);
}

#mwcp .kiyaku_close::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}


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

	#mwcp #mwcp_in {
		background-size:220% auto;
	}

	/* マスタ */

	#wmc_masthead .header_section01 {
		width:auto;
		height:30px;
		padding:5px 10px;
	}

	/* レシポンシブ */

	#mwcp .only_pc {
		display:none;
	}

	#mwcp .only_sp {
		display:block;
	}

	#mwcp #cp_footer .release span.only_pc,
	#mwcp #cp_footer .copyright span.only_pc {
		display:none;
	}

	/* コンテント */

	#mwcp .content {
		width:auto;
	}

	/* メイン */

	#mwcp #cp_header {
		background:url(../img/bg_main.png) no-repeat center -30px;
		background-size:120% auto;
	}

	#mwcp #cp_header p {
		font-size:16px;
		color:#000000;
		margin:60px 0 15px 0;
	}

	#mwcp #cp_header p span {
		font-size:20px;
		color:#000000;
	}

	#mwcp #cp_header .cpkikan img {
		width:300px;
	}

	/* ステップ */

	#mwcp #step {
		padding:30px 5% 0 5%;
	}

	#mwcp #step .step_box {
		padding:25px;
	}

	#mwcp #step .step_box:last-child {
		margin:0;
	}

	#mwcp #step .step_icon.star {
		top:-20px;
		left:-15px;
	}

	#mwcp #step .step_icon img {
		width:100px;
	}

	#mwcp #step .step_h {
		font-size:20px;
	}

	#mwcp #step .step_present {
		font-size:24px;
	}

	#mwcp #step .step_p {
		font-size:12px;
		margin:5px 0 0 0;
	}

	#mwcp #step .step_t {
		font-size:12px;
		text-align:left;
		margin:10px 0 0 0;
	}

	#mwcp #step .step_t span {
		font-size:14px;
	}

	#mwcp #step .step_img {
		margin:10px 0 0 0;
	}

	#mwcp #step .step_img img.only_pc {
		display:none;
	}

	#mwcp #step .step_img img.only_sp {
		display:inline-block;
	}

	#mwcp #step #oubo_btn {
		margin:15px 0 0 0;
		font-size:20px;
	}

	#mwcp #step #oubo_btn a {
		font-size:18px;
		padding:15px 40px 15px 25px;
		width:auto;
		margin:0 auto 15px auto;
	}

	#mwcp #step .step_ul ul li {
		padding:0 0 0 10px;
		font-size:10px;
	}

	#mwcp #step .step_ul ul li:before {
		top:0;
	}

	#mwcp .step_present_img_item {
		width:auto;
	}

	#mwcp #step .step_present_img {
		margin:-15% 0 30px 0;
	}

	#mwcp .step_present_img_item_p {
		margin:0 0 10px 0;
		font-size:22px;
		/*height:75px;*/
	}

	#mwcp .step_present_img_item_p span {
		font-size:14px;
		display:block;
		line-height:1.4;
		text-align:center;
	}

	#mwcp .step_present_img_item_t {
		margin:5px 0 0 0;
	}

	#mwcp .step_present_img_item_t_in {
		font-size:16px;
		padding:5px;
	}

	#mwcp .step_present_img_item_t_in span {
		font-size:30px;
	}

	/* コンセプト */

	#mwcp #about {
		padding:30px 5% 60px 5%;
	}

	#mwcp #about p {
		font-size:14px;
		margin:0 0 15px 0;
	}

	#mwcp #about .ci img {
		height:35px;
	}

	// 規約

	#mwcp .kiyaku_box_in {
		position:fixed;
		background:rgba(0,0,0,0.85);
		top:0;
		left:0;
		bottom:0;
		right:0;
		z-index:1010 !important;
	}

	#mwcp .kiyaku_text {
		position:fixed;
		top:17%;
		left:10%;
		bottom:17%;
		right:10%;
		background:#ffffff;
		z-index:1011 !important;
		overflow-y:scroll;
		scrollbar-color:#999999 #ffffff;
		scrollbar-width: thin;
		align-items: center;
		margin:auto;
	}

	#mwcp .kiyaku_text_in {
		position:relative;
		padding:5px 30px 30px 30px;
		z-index:1012 !important;
		display:none;
		margin:auto;
	}

	#mwcp .kiyaku_text h5 {
		font-size:16px;
		color:#232323;
		font-weight: 700;
		font-style: normal;
		text-align:center;
		padding:25px 0 13px 0;
	}

	#mwcp .kiyaku_text .step_box {
		margin:0 auto 5px auto;
	}

	#mwcp .kiyaku_text .step_h {
		font-size:18px;
		font-weight: 700;
		font-style: normal;
		padding:5px 0 5px 0;
		letter-spacing:0.1em;
		text-align:center;
	}

	#mwcp .kiyaku_text .step_d {
		font-size:14px;
		letter-spacing:0.05em;
		text-align:center;
	}

	#mwcp .kiyaku_text .step_d a {
		font-size:14px;
		color:#232323;
		text-decoration:underline;
	}

	#mwcp .kiyaku_text .attention {
		font-size:14px;
		padding:0 0 10px 0;
	}

	#mwcp .kiyaku_text .attention a {
		font-size:14px;
		color:#232323;
		text-decoration:underline;
	}

	#mwcp .kiyaku_text ul {
		margin:10px 0 0 0;
	}

	#mwcp .kiyaku_text li {
		list-style-type: none;
		padding:0 0 0 10px;
		font-size:10px;
	}

	#mwcp .kiyaku_text li b,
	#mwcp .kiyaku_text li span {
		font-size:10px;
	}

	#mwcp .kiyaku_text li a {
		font-size:10px;
		color:#232323;
		text-decoration:underline;
	}

	#mwcp .kiyaku_text li:before {
		display: inline;
		content: "※";
	}

	#mwcp .kiyaku_text::-webkit-scrollbar {
		width:10px;
	}

	#mwcp .kiyaku_text::-webkit-scrollbar-track{
		background: #fff;
	}

	#mwcp .kiyaku_text::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, 0.5);
		box-shadow:0 0 0 1px rgba(255, 255, 255, 0.5);
	}

	#mwcp .kiyaku_close {
		display:block;
		position:fixed;
		top:70px;
		right:10px;
		width:40px;
		height:40px;
		transition:0.35s;
		cursor: pointer;
		z-index:1013 !important;
	}

	#mwcp .kiyaku_close:hover {
		opacity:0.5;
	}

	#mwcp .kiyaku_close::before,
	#mwcp .kiyaku_close::after {
		content: "";
		position: absolute;
		top:50%;
		left:50%;
		width:2px;
		height:40px;
		background:#ffffff;
	}
	 
	#mwcp .kiyaku_close::before {
		transform: translate(-50%,-50%) rotate(45deg);
	}
	 
	#mwcp .kiyaku_close::after {
		transform: translate(-50%,-50%) rotate(-45deg);
	}
	
	/* ボタン */

	#mwcp .but_box_in a ,
	#mwcp .but_box_in span {
		font-size:16px;
		padding:15px 40px 15px 20px;
	}

	#mwcp .but_box {
		padding:5px 7.5% 20px 7.5%;
	}

}