@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/*****************************************
共通
*****************************************/
body {
	margin: 0;
	padding: 0;
}
.wrapper {
	width: 100%;
	padding-top: 0;
 }
.container {
	width: 100%;
	padding: 0;
}
#aoki_lp_wrap{
	font-family: "Noto Sans JP", sans-serif;
	font-size: 15px;
	color:#333333;
	font-feature-settings: "palt";
	text-align:center;
}
#aoki_lp_wrap .sp {
	display:none !important;
}
#aoki_lp_wrap .lp_container {
	width:1020px;
	margin:auto;
}

@media screen and (max-width: 768px) {
	#aoki_lp_wrap {
		font-size: 3.6vw;
	}
	#aoki_lp_wrap .pc {
		display:none !important;
	}
	#aoki_lp_wrap .sp {
		display:block !important;
	}
	#aoki_lp_wrap .lp_container {
		width:90%;
	}
}



/* 色/書式関係 */
#aoki_lp_wrap .grad{
	display: inline-block;
	background: linear-gradient(90deg, #2e659c 0%, #cd31cd 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height:1.4;
	font-weight:500;
	letter-spacing:0.1em;
	text-indent:0.1em;
}
#aoki_lp_wrap .en{
	display:block;
	line-height:0;
}
#aoki_lp_wrap a{
	text-decoration:none;
}



/* #mv_sec */
#aoki_lp_wrap #mv_sec{
	width:1120px;
	margin:auto;
	padding:120px 0 90px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#aoki_lp_wrap #mv_sec figure{
	width:350px;
}
#aoki_lp_wrap #mv_sec section{
	width:420px;
}
#aoki_lp_wrap #mv_sec section h1 .en{
	width:215px;
	margin:auto;
}
#aoki_lp_wrap #mv_sec section h1 .jp{
	margin:0.5em 0 0.5em;
	font-size:56px;
	font-weight:300;
	letter-spacing:0.14em;
	text-indent:0.14em;
}
#aoki_lp_wrap #mv_sec section h1 .jp .large{
	line-height:1.3;
	display:block;
	font-size:62px;
}
#aoki_lp_wrap #mv_sec section p{
	line-height:2;
}

@media screen and (max-width: 768px) {
	#aoki_lp_wrap #mv_sec{
		width:auto;
		padding:22% 0 12%;
		display: block;
	}
	#aoki_lp_wrap #mv_sec figure{
		width:auto;
	}
	#aoki_lp_wrap #mv_sec section{
		width:auto;
	}
	#aoki_lp_wrap #mv_sec section h1 .en{
		width:46%;
	}
	#aoki_lp_wrap #mv_sec section h1 .jp{
		margin:0.4em 0 0.6em;
		font-size:11.7vw
	}
	#aoki_lp_wrap #mv_sec section h1 .jp .large{
		font-size:13vw;
	}
	#aoki_lp_wrap #mv_sec section p{
		margin-top:1em;
	}
}


/* #check_sec */
#aoki_lp_wrap #check_sec{
	padding:70px 0 80px;
	background:url(../_img/check_bg.png)no-repeat center center;
	background-size:cover;
}
#aoki_lp_wrap #check_sec h2 .fuki{
	display:block;
	line-height:2.4;
	padding-bottom:0.5em;
	font-size:15px;
	font-weight:bold;
	letter-spacing:0.1em;
	text-indent:0.1em;
	background:url(../_img/check_fuki.png)no-repeat center center;
	background-size:auto 100%;
}
#aoki_lp_wrap #check_sec h2 .jp{
	line-height:1.2;
	margin:0.5em 0 0;
	font-size:26px;
}
#aoki_lp_wrap #check_sec h2 .en{
	width:125px;
	margin:0.6em auto 0;
}
#aoki_lp_wrap #check_sec #tab{
	width:670px;
	margin:auto;
	display: -webkit-flex;
	display: flex;
	transform:translateY(50%);
}
#aoki_lp_wrap #check_sec #tab li{
	width:50%;
	line-height:3;
	position:relative;
	cursor:pointer;
	font-size:17px;
	font-weight:bold;
	color:#fff;
}
#aoki_lp_wrap #check_sec #tab li:after{
	content:'';
	display:block;
	width:0.5em;
	height:0.5em;
	border-bottom:1px solid;
	border-right:1px solid;
	position:absolute;
	right:1em;
	top:50%;
	transform:translateY(-60%) rotate(45deg);
}
#aoki_lp_wrap #check_sec #tab li:first-child{
	background-color:#2e659c;
}
#aoki_lp_wrap #check_sec #tab li:last-child{
	background-color:#cb539c;
}
#aoki_lp_wrap #check_sec #tab_cont{
	padding:50px 140px;
	background-color:#fff;
}
#aoki_lp_wrap #check_sec #tab_cont > li:nth-child(n+2){
	display:none;
}
#aoki_lp_wrap #check_sec #tab_cont > li .list{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#aoki_lp_wrap #check_sec #tab_cont > li .list li{
	width:25%;
	margin-top:1.5em;
}
#aoki_lp_wrap #check_sec #tab_cont > li .list li figure{
	font-size:15px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
#aoki_lp_wrap #check_sec #tab_cont > li .list li figure img{
	width:4em;
}
#aoki_lp_wrap #check_sec #tab_cont > li .list li figure figcaption{
	padding-left:1em;
	text-align:left;
	flex:1;
}

@media screen and (max-width: 768px) {
	#aoki_lp_wrap #check_sec{
		padding:15% 0 20%;
		background:url(../_img/check_bg_s.png)no-repeat center center;
		background-size:cover;
	}
	#aoki_lp_wrap #check_sec h2 .fuki{
		font-size:3.5vw;
	}
	#aoki_lp_wrap #check_sec h2 .jp{
		margin:0.5em 0 0;
		font-size:6.1vw;
	}
	#aoki_lp_wrap #check_sec h2 .en{
		width:28%;
	}
	#aoki_lp_wrap #check_sec #tab{
		width:90%;
	}
	#aoki_lp_wrap #check_sec #tab li{
		line-height:2.6;
		font-size:4vw;
		
	}
	#aoki_lp_wrap #check_sec #tab_cont{
		padding:5% 5% 7%;
	}
	#aoki_lp_wrap #check_sec #tab_cont > li .list li{
		width:50%;
		margin-top:1.2em;
	}
	#aoki_lp_wrap #check_sec #tab_cont > li .list li figure{
		font-size:3.3vw;
	}
}


/* .cont */
.cont{
	padding:120px 0 20px;
}
.cont .flex{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	position:relative;
}
.cont .flex section{
	width:615px;
	text-align:left;
}
.cont .flex section h2 {
	line-height:0;
	margin:0;
	padding:0;
}
.cont .flex section h2 .en{
	line-height:0;
	position:relative;
}
.cont .flex section h2 .en:after{
	content:'';
	display:block;
	width:100%;
	height:1px;
	background-color:#000;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.cont .flex section h2 .en span{
	line-height:0;
	padding-right:0.6em;
	background-color:#fff;
	position:relative;
	z-index:2;
}
.cont .flex section h2 .en span img{
	height:0.38em;
	width:auto;
}
.cont .flex section h2 .ja{
	margin-top:0.8em;
	font-size:30px;
}
.cont .flex section p{
	margin-top:1.5em;
	line-height:2.3;
	letter-spacing:0.1em;
}
.cont .flex .cont_left{
	width:350px;
}
.cont .flex .cont_bottom{
	width:615px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position:absolute;
	right:0;
	bottom:-20px;
}
.cont .flex .cont_bottom li{
	width:27%;
	width:31.5%;
}
.cont .flex .cont_bottom li img{
	width:86%;
}
.cont .flex .cont_bottom li a{
	line-height:3;
	margin-top:1em;
	display:block;
	font-size:15px;
	font-weight:bold;
	border:1px solid;
	border-radius:100px;
	position:relative;
}
.cont .flex .cont_bottom li a:before{
	content:'';
	display:block;
	width:1em;
	height:1px;
	border-top:1px solid;
	position:absolute;
	right:0.8em;
	top:50%;
}
.cont .flex .cont_bottom li a:after{
	content:'';
	display:block;
	width:1px;
	height:0.4em;
	border-right:1px solid;
	position:absolute;
	right:0.8em;
	bottom:50%;
	transform:rotate(-45deg);
	transform-origin:right bottom;
}

.cont .links{
	margin-top:20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.cont .links li{
	width:330px;
	margin-top:1em;
}
.cont .links li a{
	line-height:3;
	display:block;
	font-size:16px;
	font-weight:bold;
	border:1px solid;
	border-radius:100px;
	position:relative;
}
.cont .links li a:before{
	content:'';
	display:block;
	width:1em;
	height:1px;
	border-top:1px solid;
	position:absolute;
	right:1em;
	top:50%;
}
.cont .links li a:after{
	content:'';
	display:block;
	width:1px;
	height:0.4em;
	border-right:1px solid;
	position:absolute;
	right:1em;
	bottom:50%;
	transform:rotate(-45deg);
	transform-origin:right bottom;
}

@media screen and (max-width: 768px) {
	.cont{
		padding:15% 4%;
	}
	.cont .flex{
		display: block;
		position:static;
	}
	.cont .flex section{
		width:auto;
	}
	.cont .flex section h2 {
		line-height:0;
		margin:0;
		padding:0;
		text-align:center;
	}
	.cont .flex section h2 .en{
		position:static;
	}
	.cont .flex section h2 .en:after{
		content:none;
	}
	.cont .flex section h2 .en span{
		font-size:3.6vw;
		padding-right:0;
		position:static;
	}
	.cont .flex section h2 .en span img{
		height:0.8em;
	}
	.cont .flex section h2 .ja{
		margin-top:0.5em;
		font-size:7.2vw;
		white-space:nowrap;
	}
	.cont .flex section p{
		line-height:1.7
	}
	.cont .flex .cont_left{
		width:auto;
		margin-top:9%;
	}
	.cont .flex .cont_bottom{
		width:84%;
		position:static;
		right:auto;
		bottom:auto;
		margin:auto;
		display:block;
	}
	.cont .flex .cont_bottom li{
		width:auto;
		margin:12% auto 0;
	}
	.cont .flex .cont_bottom li img{
		width:55%;
	}
	.cont .flex .cont_bottom li a{
		font-size:4vw;
	}
	
	.cont .links{
		margin-top:9%;
		display: block;
	}
	.cont .links li{
		width:auto;
	}
	.cont .links li a{
		font-size:4vw;
	}
	.cont .links li a:before{
		content:'';
		display:block;
		width:1em;
		height:1px;
		border-top:1px solid;
		position:absolute;
		right:1em;
		top:50%;
	}
	.cont .links li a:after{
		content:'';
		display:block;
		width:1px;
		height:0.4em;
		border-right:1px solid;
		position:absolute;
		right:1em;
		bottom:50%;
		transform:rotate(-45deg);
		transform-origin:right bottom;
	}
}


/* #cont1 */
#cont1{
}
#cont1 .flex .cont_bottom li a{
	color:#fff;
	background-color:#2e659c;
	border-color:#2e659c;
}
#cont1 .flex .cont_bottom li a:hover{
	color:#2e659c;
	background-color:#fff;
}

#cont1 .links li a{
	color:#2e659c;
}
#cont1 .links li a:hover{
	color:#fff;
	background-color:#2e659c;
	border-color:#2e659c;
}


@media screen and (max-width: 768px) {
	#cont1{
		position:relative;
	}
	#cont1:after{
		content:'';
		display:block;
		width:90%;
		height:1px;
		background-color:#cccccc;
		position:absolute;
		bottom:0;
		left:50%;
		transform:translateX(-50%);
	}
}


/* #cont2 */
#cont2{
	padding-bottom:120px;
}

#cont2 .flex .cont_bottom li a{
	color:#fff;
	background-color:#cb539c;
	border-color:#cb539c;
}
#cont2 .flex .cont_bottom li a:hover{
	color:#cb539c;
	background-color:#fff;
}

#cont2 .links{
	padding:0 120px;
}
#cont2 .links li{
	width:370px;
}
#cont2 .links li a{
	color:#cb539c;
}
#cont2 .links li a:hover{
	color:#fff;
	background-color:#cb539c;
	border-color:#cb539c;
}

@media screen and (max-width: 768px) {
	#cont2{
		padding-bottom:20%;
	}
	#cont2 .links{
		padding:0;
	}
	#cont2 .links li{
		width:auto;
	}
}



/* cmn-recommend */
#aoki_lp_wrap .cmn-recommend {
   padding: 60px 20px 0;
}
#aoki_lp_wrap .cmn-recommend h2 {
   display: flex;
   margin: 0 auto 47px;
   align-items: center;
   justify-content: center;
   font-size: 26px;
   font-weight: bold;
   text-align: center;
}
#aoki_lp_wrap .cmn-recommend .bnr_box {
   display: flex;
   max-width: 1020px;
   width: 100%;
   margin: 0 auto;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
#aoki_lp_wrap .cmn-recommend .bnr_box .bnr_img {
   cursor: pointer;
}
#aoki_lp_wrap .cmn-recommend .bnr_box .bnr_img img {
   width: 245px;
   height: 245px;
}


/*****************************************
PC only
*****************************************/
@media screen and (min-width: 769px) {
  .sp {
      display: none;
   }
   * {
      line-height: 1.6;
   }
   #aoki_lp_wrap .cmn-recommend h2:after,
   #aoki_lp_wrap .cmn-recommend h2:before {
      content: "";
      border-bottom: 2px solid #1a1311;
   }
   #aoki_lp_wrap .cmn-recommend h2:before {
      margin-right: 20px;
      padding-left: 120px;
   }
   #aoki_lp_wrap .cmn-recommend h2:after {
      margin-left: 20px;
      padding-right: 120px;
   }
}


/*****************************************
SP only
*****************************************/
@media screen and (max-width: 768px) {
   /* cmn-recommend */
   #aoki_lp_wrap .cmn-recommend {
      padding: 10vw 15px 0;
   }
   #aoki_lp_wrap .cmn-recommend h2 {
      margin-bottom: 4vw;
      font-size: 6.13vw;
   }
   #aoki_lp_wrap .cmn-recommend .bnr_box {
      flex-wrap: wrap;
   }
   #aoki_lp_wrap .cmn-recommend .bnr_box .bnr_img {
      display: inline-block;
      width: 48%;
      margin-left: 1%;
      margin-right: 1%;
   }
   #aoki_lp_wrap .cmn-recommend .bnr_box .bnr_img:nth-child(n + 3) {
      margin-top: 4.26vw;
   }
   #aoki_lp_wrap .cmn-recommend .bnr_box .bnr_img img {
      width: 100%;
      height: 100%;
      object-fit: contain;
   }
}


/* .coupon */
#aoki_lp_wrap .coupon{
	max-width:920px;
	margin:0 auto 90px;
	padding:40px 0 50px;
	box-shadow:0 0 20px rgba(0,0,0,0.1);
	border: 15px solid;
	border-image: linear-gradient(#b1c6dc, #f2c4f2) 1;
}
#aoki_lp_wrap .coupon h2{
	font-size:36px;
	font-weight:bold;
	letter-spacing:0.1em;
	padding-left:0.1em;
}
#aoki_lp_wrap .coupon h2 .line{
	border-bottom: 1px solid;
	border-image: linear-gradient(90deg,#b1c6dc, #f2c4f2) 1;
}
#aoki_lp_wrap .coupon h2 .small{
	display:block;
	font-size:32px;
	font-weight:bold;
}
#aoki_lp_wrap .coupon .coupon_list{
	width:720px;
	margin:70px auto 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	position:relative;
}
#aoki_lp_wrap .coupon .coupon_list:before{
	content:'';
	display:block;
	width:1.8em;
	height:0.9em;
	margin:auto;
	background-color:#333333;
	clip-path:polygon(0 0 , 100% 0, 50% 100%);
	position:absolute;
	bottom:calc(100% + 30px);
	left:50%;
	transform:translateX(-50%);
}
#aoki_lp_wrap .coupon .deadline{
	font-size:22px;
	font-weight:500;
	margin-top:40px;
}
#aoki_lp_wrap .coupon .barcode{
	margin-top:25px;
}
#aoki_lp_wrap .coupon .barcode figcaption{
	margin-top:25px;
	font-size:15px;
}
#aoki_lp_wrap .coupon .logo{
	width:108px;
	margin:25px auto 0;
}
#aoki_lp_wrap .coupon_list li .limit {
  position: absolute !important;
  left: 10px !important;
  top: 214px;
  color: #495061 !important;
  text-align: left !important;
  font-size: 15px;
}
#aoki_lp_wrap .coupon_list li {
  position: relative;
}
#aoki_lp_wrap .coupon_list li:nth-of-type(2) {
  margin-left: 10px;
 }
#aoki_lp_wrap .coupon_list li img {
  width: 100%;
}
@media screen and (max-width: 768px) {
	#aoki_lp_wrap .coupon{
		width:90%;
		margin:0 auto 15%;
		padding:5% 0 7%;
		box-shadow:0 0 2.5vw rgba(0,0,0,0.1);
		border: 2vw solid;
		border-image: linear-gradient(#b1c6dc, #f2c4f2) 1;
	}
	#aoki_lp_wrap .coupon h2{
		line-height:1.6;
		font-size:4.8vw;
		font-weight:bold;
	}
	#aoki_lp_wrap .coupon h2 .small{
		font-size:4.3vw;
	}
	#aoki_lp_wrap .coupon .coupon_list{
		width:74%;
		margin:12% auto 0;
		display: block;
	}
	#aoki_lp_wrap .coupon .coupon_list:before{
		width:1.4em;
		height:0.7em;
		bottom:105%;
	}
  #aoki_lp_wrap .coupon_list li .limit {
    top: 88%;
    font-size: 3vw;
  }
  #aoki_lp_wrap .coupon_list li:nth-of-type(2) {
  margin-top: 5vw;
  margin-left: 0;
 }
	#aoki_lp_wrap .coupon .deadline{
		font-size:4vw;
		margin-top:5%;
	}
	#aoki_lp_wrap .coupon .barcode{
		margin-top:4vw;
	}
	#aoki_lp_wrap .coupon .barcode figcaption{
		margin-top:5%;
		font-size:3.4vw;
	}
	#aoki_lp_wrap .coupon .logo{
		width:22%;
		margin:5% auto 0;
	}
}