@charset "UTF-8";
@import url("https://use.typekit.net/uax0rmf.css");

/*******************
Initial setting
*******************/
#basicWrap *{-webkit-box-sizing: border-box;box-sizing: border-box;}
#basicWrap { margin-bottom: 200px; color:#000;}
@media screen and (max-width: 940px) { #basicWrap{margin-bottom:70px;} }
#basicWrap img{
	border:none;
    height: auto;}
#basicWrap img[src$=".svg"] {
    width: 100%;
}

#basicWrap ul{list-style-type:none;}

#basicWrap a {
	text-decoration: underline;
	color: #000;
}

#basicWrap a:hover {
	text-decoration: none;
	opacity: 0.8;
}


/*******************
Layout
*******************/
body {overflow-y: scroll;}

#basicWrap {
	padding: 0;
	margin-bottom: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 16px;
	padding-top: 140px;
	font-family: ryo-gothic-plusn, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

#basicWrap img {
	width: 100%;
}

@media screen and (min-width: 940px) {
	.pc_no {
		display: none !important;
	}

	.pc_br:before {
		content: "\A" ;
		white-space: pre ;
	}
}


@media screen and (max-width: 940px) {
	#basicWrap{
		padding-top: 21.3333333333%;
    	margin-bottom: 50px;
	}
	.sp_no {
		display: none !important;
	}
	.sp_br:before {
		content: "\A" ;
		white-space: pre ;
	}
}

/*******************
mv
*******************/


#mv_area {
    width: 100%;
    background: url(/special/basic2020/images/basic_bg.png);
    background-position: left 0px bottom 170px;
    margin-bottom: 17.3611vw;
    position: relative;
    padding-bottom: 11.8055vw;
}

#mv_area .mv_inner {
    background: url(/special/basic2020/images/basic_mv.png) no-repeat;
    background-size: 100% ;
    padding: 5.5555vw 5.5555vw 0;
    height: 43.4027vw;
}

#mv_area h2 {
	width: 31.6666vw;
	margin-left: 4.6527vw;
	margin-bottom: 5.5555vw;
}

#mv_area h2 img {
	display: block;
}

#mv_area .mv_txt {	
	display: inline-block;
	background: linear-gradient(225deg,  transparent 60px, #182f63 60px);
	position: absolute;
	top: 31.25vw;
	left: 5.5555vw;
}

@keyframes fade-in { 
    0% {opacity: 0} 
    100% {opacity: 1} 
}

#mv_area .mv_copy {
	text-align: left;
	font-family: ryo-gothic-plusn, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 1.25vw;
	padding: 4.86111vw;
	color: #fff;
	line-height: 2.22222;
	/*animation-name: fade-in;
	animation-timing-function: ease-out;
	animation-delay: 4s;
	animation-duration: 4s;*/
}

@keyframes main-txt {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

#mv_area h2 {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-animation: main-txt .5s ease .5s 1 normal forwards;
  animation:main-txt .5s ease .5s 1 normal forwards;
}


@media screen and (max-width: 940px) {
	#mv_area {
		text-align: center;
		background-size: 4px;
	    width: 100%;
	    padding-bottom: 66.6666vw;
	    margin-bottom: 81.3333vw;
	}

	#mv_area .mv_inner {
	    background: url(/special/basic2020/images/basic_mv_sp.png) no-repeat;
	    background-size: 100%;
	    padding: 12vw 0 0;
	    height: 131.3333vw;
	}

	#mv_area h2 {
		width: 60.8vw;
		margin: 0 auto;
	}

	#mv_area .mv_txt {	
		display: inline-block;
		background: linear-gradient(225deg,  transparent 25px, #182f63 25px);
		position: absolute;
		top: 126vw;
		left: 5.3333vw;
		width: 89.3334%;
	}

	#mv_area .mv_copy {
		text-align: center;
		font-size: 3.7333vw;
		padding: 17.3333vw 0;
		line-height: 2;
	}
}


/*******************
basic_items
*******************/

#basic_items .item_txt {
	font-size: 1.6666vw;
	line-height: 2.25;
	font-weight: 700;
	color: #182f63;
}

#basic_items .item_info {
	cursor: pointer;
	position: relative;
}

#basic_items .item_info .detail {
	opacity: 0;
	font-size: 1.25vw;
	color: #182f63;
	line-height: 1.2;
	padding: 4.8611vw 5.5555vw;
	background: #fff;
	box-sizing: border-box;
	position: absolute;
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}

#basic_items .detail li {
	margin-bottom: 22px;
	font-family: din-2014, sans-serif;
	font-weight: 600;
}

#basic_items .detail li:last-child {
	margin-bottom: 0;
}

#basic_items .basic_sec0 {
	margin-bottom: 10.4166vw;
	position: relative;
}

#basic_items .basic_sec0 .item_info {
	margin-left: 40.625%;
    width: 59.375%;
    margin-bottom: 0;
}

#basic_items .basic_sec0 .item_copy img {
	width: 16.1111vw;
	margin-left: 0;
}

#basic_items .basic_sec0 .item_copy {
	position: absolute;
	top: 4.16666vw;
	left: 10.4166vw;
}

#basic_items .basic_sec0 .item_txt {
	position: absolute;
	top: 10.4166vw;
	left: 31.25vw;
}

#basic_items .basic_sec0 .detail {
	top: 0;
	right: 0;
}

#basic_items .basic_sec0 .item_info:hover .detail {
	opacity: 1;
}

#basic_items .basic_sec0:before {
    background: url(/special/basic2020/images/basic_bg.png);
    left: 0;
    top: 27.7777vw;
    width: 20.8333%;
    height: 100%;
    content: '';
    position: absolute;	
    z-index: -1;
}

#basic_items .basic_sec1 {
	margin-bottom: 10.4166vw;
	position: relative;
}

#basic_items .basic_sec1 .item_info {
	margin-left: 10.4166%;
    width: 42.7083%;
    margin-bottom: 0;
}

#basic_items .basic_sec1 .item_copy img {
	width: 16.1111vw;
	margin-left: 0;
}

#basic_items .basic_sec1 .item_copy {
	position: absolute;
	top: 0;
	left: 51.1111vw;
}

#basic_items .basic_sec1 .item_txt {
	position: absolute;
	top: 4.86111vw;
	left: 62.8472vw;
}

#basic_items .basic_sec1 .detail {
	top: 0;
	left: 0;
}

#basic_items .basic_sec1 .item_info:hover .detail {
	opacity: 1;
}

#basic_items .basic_sec1:before {
    background: url(/special/basic2020/images/basic_bg.png);
    right: 0;
    top: 24.3055vw;
    width: 20.8333%;
    height: 100%;
    content: '';
    position: absolute;	
    z-index: -1;
}

#basic_items .basic_sec2 {
	margin-bottom: 10.4166vw;
	position: relative;
}

#basic_items .basic_sec2 img {
    width: 100%;
    margin-bottom: 0;
}

#basic_items .basic_sec2 .item_copy img {
	width: 16.1111vw;
	margin-left: 0;
}

#basic_items .basic_sec2 .item_copy {
	position: absolute;
	top: -5.5555vw;
	left: 4.86111vw;
}

#basic_items .basic_sec2 .item_txt {
	text-align: center;
	display: block;
    padding: 2.4305vw 0;
    margin-top: -2px;
}

#basic_items .basic_sec2:before {
    background: url(/special/basic2020/images/basic_bg.png);
    left: 0;
    top: 38.88888vw;
    width: 69.4444%;
    height: 9.0277vw;
    content: '';
    position: absolute;	
    z-index: -1;
}

#basic_items .basic_sec2 .detail {
	bottom: 0;
	right: 0;
}

#basic_items .basic_sec2 .item_info:hover .detail {
	opacity: 1;
}

#basic_items .basic_sec3 {
	margin-bottom: 13.8888vw;
	position: relative;
}

#basic_items .basic_sec3 .item_info {
	margin-left: 10.4166%;
    width: 42.7083%;
    margin-bottom: 0;
}

#basic_items .basic_sec3 .item_copy img {
	width: 16.1111vw;
	margin-left: 0;
}

#basic_items .basic_sec3 .item_copy {
	position: absolute;
	top: 19.7916vw;
	left: 51.1111vw;
}

#basic_items .basic_sec3 .item_txt {
	position: absolute;
	top: 9.375vw;
	left: 51.1111vw;
}

#basic_items .basic_sec3 .detail {
	top: 0;
	left: 0;
}

#basic_items .basic_sec3 .item_info:hover .detail {
	opacity: 1;
}

#basic_items .basic_sec3:before {
    background: url(/special/basic2020/images/basic_bg.png);
    right: 0;
    top: 17.3611vw;
    width: 20.8333%;
    height: 120%;
    content: '';
    position: absolute;	
    z-index: -1;
}

#basic_items .basic_sec4 {
	margin-bottom: 11.1111vw;
	position: relative;
}

#basic_items .basic_sec4 img {
    width: 100%;
    margin-bottom: 0;
}

#basic_items .basic_sec4 .item_copy img {
	width: 16.1111vw;
	margin-left: 0;
}

#basic_items .basic_sec4 .item_copy {
	position: absolute;
	top: 7.2916vw;
	left: 10.4166vw;
}

#basic_items .basic_sec4 .item_txt {
	display: block;
    padding: 2.4305vw 0 2.4305vw 46.3888vw;
    margin-top: -2px;
}

#basic_items .basic_sec4 .detail {
	position: absolute;
	bottom: 0;
	right: 0;
}

#basic_items .basic_sec4 .item_info:hover .detail {
	opacity: 1;
}

#basic_items .basic_sec4:before {
    background: url(/special/basic2020/images/basic_bg.png);
    left: 0;
    top: 38.88888vw;
    width: 69.4444%;
    height: 9.0277vw;
    content: '';
    position: absolute;	
    z-index: -1;
}

#basic_items .basic_sec5 {
	margin-bottom: 10.4166vw;
	position: relative;
}

#basic_items .basic_sec5 .item_info {
    width: 59.375%;
    margin-bottom: 0;
}

#basic_items .basic_sec5 .item_copy img {
	width: 16.1111vw;
	margin-left: 0;
}

#basic_items .basic_sec5 .item_copy {
	position: absolute;
	top: 0;
	left: 57.2916vw;
}

#basic_items .basic_sec5 .item_txt {
	position: absolute;
	top: 34.0277vw;
	left: 57.3611vw;
}

#basic_items .basic_sec5 .detail {
	top: 0;
	left: 0;
}

#basic_items .basic_sec5 .item_info:hover .detail {
	opacity: 1;
}

#basic_items .basic_sec5:before {
    background: url(/special/basic2020/images/basic_bg.png);
    right: 0;
    top: 15.2777vw;
    width: 6.9444%;
    height: 110%;
    content: '';
    position: absolute;	
    z-index: -1;
}

#basic_items .basic_sec6 {
	margin-bottom: 7.6388vw;
	position: relative;
}

#basic_items .basic_sec6 .item_info {
    width: 89.5833%;
    margin-left: 10.4167%;
    margin-bottom: 0;
}

#basic_items .basic_sec6 .item_copy img {
	width: 16.1111vw;
	margin-left: 0;
}

#basic_items .basic_sec6 .item_copy {
	position: absolute;
	top: 13.8888vw;
	left: 8.3333vw;
}

#basic_items .basic_sec6 .item_txt {
	display: block;
    padding: 2.4305vw 0 2.4305vw 38.6111vw;
    margin-top: -2px;
}

#basic_items .basic_sec6 .detail {
	position: absolute;
	bottom: 0;
	right: 0
}

#basic_items .basic_sec6 .item_info:hover .detail {
	opacity: 1;
}

#basic_items .basic_sec6:before {
    background: url(/special/basic2020/images/basic_bg.png);
    left: 0;
    top: 9.02777vw;
    width: 20.8333%;
    height: 78.2279%;
    content: '';
    position: absolute;	
    z-index: -1;
}

#basic_items .basic_sec7 {
	margin-bottom: 11.1111vw;
	position: relative;
}

#basic_items .basic_sec7 .item_info {
	margin-left: 10.4166%;
    width: 42.7083%;
    margin-bottom: 0;
}

#basic_items .basic_sec7 .item_copy img {
	width: 16.1111vw;
	margin-left: 0;
}

#basic_items .basic_sec7 .item_copy {
	position: absolute;
	top: 0;
	left: 51.1111vw;
}

#basic_items .basic_sec7 .item_txt {
	position: absolute;
	top: 34.0277vw;
	left: 51.1111vw;
}

#basic_items .basic_sec7 .detail {
	top: 0;
	left: 0;
}

#basic_items .basic_sec7 .item_info:hover .detail {
	opacity: 1;
}

#basic_items .basic_sec7:before {
    background: url(/special/basic2020/images/basic_bg.png);
    right: 0;
    top: -19vw;
    width: 20.8333%;
    height: 100%;
    content: '';
    position: absolute;	
    z-index: -1;
}

#basic_items img.fadein {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#basic_items .item_copy.fadein {
    opacity: 0;
    -webkit-transform: translate(0, 75px);
    -ms-transform: translate(0, 75px);
    transform: translate(0, 75px);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

#basic_items .item_txt.fadein {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

#basic_items .fadein.scrollin {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}


@media screen and (max-width: 940px) {
	#basic_items .item_txt {
		font-size: 4vw;
		line-height: 1.8;
	}

	#basic_items .item_info {
		cursor: default;
		position: relative;
	}

	#basic_items .item_info .detail {
		opacity: 0;
		font-size: 3.7333vw;
		width: 100%;
		padding: 5.333vw 0 5.333vw 10.666vw;
		background: rgba(255,255,255,0.95);
		z-index: 2;
		height: 100%;
		display: flex;
	}

	#basic_items .item_info .detail ul {
		align-self: center;
	}

	#basic_items .detail li {
		margin-bottom: 10px;
	}

	#basic_items .basic_sec0 {
		margin-bottom: 24vw;
		position: relative;
	}

	#basic_items .basic_sec0 .item_info {
		margin-left: 10.6667%;
	    width: 89.3333%;
	    margin-bottom: 0;
	}

	#basic_items .basic_sec0 .item_copy img {
		width: 100%;
		margin-left: 0;
	}

	#basic_items .basic_sec0 .item_copy {
		width: 26.2666%;
		position: absolute;
		top: -28vw;
		left: 8vw;
	}

	#basic_items .basic_sec0 .item_txt {
		position: absolute;
		top: -28vw;
		left: 43.2vw;
	}

	#basic_items .basic_sec0 .info {
		background: url(/special/basic2020/images/basic_info_btn.png) no-repeat;
		background-size: 7.4666vw 13.3333vw;
		width: 7.4666vw;
		height: 13.3333vw;
		position: absolute;
		top: 55.4666vw;
    	right: 2.6666vw;
	}

	#basic_items .basic_sec0 .close {
		background: url(/special/basic2020/images/info_close.png) no-repeat;
		background-size: 7.4666vw 13.3333vw;
		width: 7.4666vw;
		height: 13.3333vw;
		position: absolute;
		top: 55.4666vw;
    	right: 2.6666vw;
	}

	#basic_items .basic_sec0:before {
		background-size: 4px;
	    left: 26.6666vw;
	    top: -16vw;
	    width: 73.3333%;
	}

	#basic_items .basic_sec1 {
		margin-bottom: 44vw;
		position: relative;
	}

	#basic_items .basic_sec1 .item_info {
		margin-left: 10.6666%;
	    width: 59.4666%;
	    margin-bottom: 0;
	}

	#basic_items .basic_sec1 .item_copy img {
		width: 100%;
		margin-left: 0;
	}

	#basic_items .basic_sec1 .item_copy {
		width: 26.4%;
		position: absolute;
		top: 5.3333vw;
		left: 65.8666vw;
	}

	#basic_items .basic_sec1 .item_txt {
		position: absolute;
		left: 10.6666%;
		top: 62.6666vw;
	}

	#basic_items .basic_sec1 .info {
		background: url(/special/basic2020/images/basic_info_btn.png) no-repeat;
		background-size: 7.4666vw 13.3333vw;
		width: 7.4666vw;
		height: 13.3333vw;
		position: absolute;
		top: -2.6666vw;
    	left: -2.9333vw;
	}

	#basic_items .basic_sec1 .close {
		background: url(/special/basic2020/images/info_close.png) no-repeat;
		background-size: 7.4666vw 13.3333vw;
		width: 7.4666vw;
		height: 13.3333vw;
		position: absolute;
		top: -2.6666vw;
    	left: -2.9333vw;
	}

	#basic_items .basic_sec1:before {
		background-size: 4px;
	    left: 0;
	    top: -37.3333vw;
	    width: 26.6666%;
	}

	#basic_items .basic_sec2 {
		margin-bottom: 29.3333vw;
		position: relative;
	}

	#basic_items .basic_sec2 .item_info {
	    width: 100%;
	    margin-bottom: 0;
	}

	#basic_items .basic_sec2 .item_copy img {
		width: 100%;
		margin-left: 0;
	}

	#basic_items .basic_sec2 .item_copy {
		width: 26.1333%;
		position: absolute;
		top: 55.2vw;
		left: 8vw;
	}

	#basic_items .basic_sec2 .item_txt {
		text-align: left;
		display: block;
	    background: none;
	    padding: 9.3333vw 0 0;
	    margin-left: 43.2vw;
	    margin-top: 0;
	}

	#basic_items .basic_sec2 .info {
		background: url(/special/basic2020/images/basic_info_btn.png) no-repeat;
		background-size: 7.4666vw 13.3333vw;
		width: 7.4666vw;
		height: 13.3333vw;
		position: absolute;
		top: -5.3333vw;
    	right: 2.6666vw;
	}

	#basic_items .basic_sec2 .close {
		background: url(/special/basic2020/images/info_close.png) no-repeat;
		background-size: 7.4666vw 13.3333vw;
		width: 7.4666vw;
		height: 13.3333vw;
		position: absolute;
		top: -5.3333vw;
    	right: 2.6666vw;
	}

	#basic_items .basic_sec2:before {
		background-size: 4px;
	    left: 0;
	    top: 58.6666vw;
	    width: 89.3333%;
	    height: 18.6666vw;
	}

	#basic_items .basic_sec3 {
		margin-bottom: 44vw;
		position: relative;
	}

	#basic_items .basic_sec3 .item_info {
		margin-left: 10.6666%;
	    width: 59.4666%;
	    margin-bottom: 0;
	}

	#basic_items .basic_sec3 .item_copy img {
		width: 100%;
		margin-left: 0;
	}

	#basic_items .basic_sec3 .item_copy {
		width: 26.4%;
		position: absolute;
		top: 8.2666vw;
		left: 64.53333vw;
	}

	#basic_items .basic_sec3 .item_txt {
		position: absolute;
		top: 64.0666vw;
		left: 10.6666vw;
	}

	#basic_items .basic_sec3 .info {
		background: url(/special/basic2020/images/basic_info_btn.png) no-repeat;
		background-size: 7.4666vw 13.3333vw;
		width: 7.4666vw;
		height: 13.3333vw;
		position: absolute;
		top: -2.6666vw;
    	left: -2.9333vw;
	}

	#basic_items .basic_sec3 .close {
		background: url(/special/basic2020/images/info_close.png) no-repeat;
		background-size: 7.4666vw 13.3333vw;
		width: 7.4666vw;
		height: 13.3333vw;
		position: absolute;
		top: -2.6666vw;
    	left: -2.9333vw;
	}

	#basic_items .basic_sec3:before {
	    background-size: 4px;
	    right: 0;
	    top: 41.0666vw;
	    width: 42.6666%;
	    height: 140%;
	}

	#basic_items .basic_sec4 {
		margin-bottom: 22.6666vw;
		position: relative;
	}

	#basic_items .basic_sec4 .item_info {
	    width: 100%;
	    margin-bottom: 0;
	}

	#basic_items .basic_sec4 .item_copy img {
		width: 100%;
		margin-left: 0;
	}

	#basic_items .basic_sec4 .item_copy {
		width: 40.9333%;
		position: absolute;
		top: 73.5999vw;
		left: 8vw;
	}

	#basic_items .basic_sec4 .item_txt {
		display: block;
	    padding: 8vw 0 0;
	    margin-top: 0;
	    margin-left: 56.6666vw;
	}

	#basic_items .basic_sec4 .info {
		background: url(/special/basic2020/images/basic_info_btn.png) no-repeat;
		background-size: 7.4666vw 13.3333vw;
		width: 7.4666vw;
		height: 13.3333vw;
		position: absolute;
		top: -5.3333vw;
    	right: 2.6666vw;
	}

	#basic_items .basic_sec4 .close {
		background: url(/special/basic2020/images/info_close.png) no-repeat;
		background-size: 7.4666vw 13.3333vw;
		width: 7.4666vw;
		height: 13.3333vw;
		position: absolute;
		top: -5.3333vw;
    	right: 2.6666vw;
	}

	#basic_items .basic_sec4:before {
	    background-size: 4px;
	    top: 79.9999vw;
	    left: 0;
	    width: 89.3333%;
	    height: 18.6666vw;
	}

	#basic_items .basic_sec5 {
		margin-bottom: 38.9333vw;
		position: relative;
	}

	#basic_items .basic_sec5 .item_info {
	    width: 89.3333%;
	    margin-bottom: 0;
	}

	#basic_items .basic_sec5 .item_copy img {
		width: 100%;
		margin-left: 0;
	}

	#basic_items .basic_sec5 .item_copy {
		width: 26.4%;
		position: absolute;
		top: 33.3333vw;
		left: 68.6vw;
	}

	#basic_items .basic_sec5 .item_txt {
		position: absolute;
		top: 66.6666vw;
		left: 28.6666vw;
		text-align: right;
	}

	#basic_items .basic_sec5 .info {
		background: url(/special/basic2020/images/basic_info_btn.png) no-repeat;
		background-size: 7.4666vw 13.3333vw;
		width: 7.4666vw;
		height: 13.3333vw;
		position: absolute;
		top: -4vw;
    	right: 0;
	}

	#basic_items .basic_sec5 .close {
		background: url(/special/basic2020/images/info_close.png) no-repeat;
		background-size: 7.4666vw 13.3333vw;
		width: 7.4666vw;
		height: 13.3333vw;
		position: absolute;
		top: -4vw;
    	right: 0;
	}

	#basic_items .basic_sec5:before {
	    background-size: 4px;
	    right: 0;
	    top: 47.7333vw;
	    width: 26.6666%;
	    height: 110%;
	}

	#basic_items .basic_sec6 {
		margin-bottom: 17.8666vw;
		position: relative;
	}

	#basic_items .basic_sec6 .item_info {
	    width: 89.3333%;
	    margin-left: 10.6667%;
	    margin-bottom: 0;
	}

	#basic_items .basic_sec6 .item_copy img {
		width: 100%;
		margin-left: 0;
	}

	#basic_items .basic_sec6 .item_copy {
		width: 26.4%;
		position: absolute;
		top: 51.4666vw;
		left: 8vw;
	}

	#basic_items .basic_sec6 .item_txt {
		display: block;
		padding: 8vw 0 0;
		margin-top: 0;
		margin-left: 41.8666vw;
	}

	#basic_items .basic_sec6 .info {
		background: url(/special/basic2020/images/basic_info_btn.png) no-repeat;
		background-size: 7.4666vw 13.3333vw;
		width: 7.4666vw;
		height: 13.3333vw;
		position: absolute;
		top: -2.6666vw;
    	left: -2.9333vw;
	}

	#basic_items .basic_sec6 .close {
		background: url(/special/basic2020/images/info_close.png) no-repeat;
		background-size: 7.4666vw 13.3333vw;
		width: 7.4666vw;
		height: 13.3333vw;
		position: absolute;
		top: -2.6666vw;
    	left: -2.9333vw;
	}

	#basic_items .basic_sec6:before {
	    background-size: 4px;
	    left: 0;
	    top: 38.9333vw;
	    width: 26.6666%;
	    height: 58.6666vw;
	}

	#basic_items .basic_sec7 {
		margin-bottom: 40vw;
		position: relative;
	}

	#basic_items .basic_sec7 .item_info {
		margin-left: 10.6666%;
	    width: 59.4666%;
	    margin-bottom: 0;
	}

	#basic_items .basic_sec7 .item_copy img {
		width: 100%;
		margin-left: 0;
	}

	#basic_items .basic_sec7 .item_copy {
		width: 26.4%;
		position: absolute;
		top: 8.2666vw;
		left: 64.53333vw;
	}

	#basic_items .basic_sec7 .item_txt {
		position: absolute;
		top: 64.0666vw;
		left: 10.6666vw;
	}

	#basic_items .basic_sec7 .info {
		background: url(/special/basic2020/images/basic_info_btn.png) no-repeat;
		background-size: 7.4666vw 13.3333vw;
		width: 7.4666vw;
		height: 13.3333vw;
		position: absolute;
		top: -2.6666vw;
    	left: -2.9333vw;
	}

	#basic_items .basic_sec7 .close {
		background: url(/special/basic2020/images/info_close.png) no-repeat;
		background-size: 7.4666vw 13.3333vw;
		width: 7.4666vw;
		height: 13.3333vw;
		position: absolute;
		top: -2.6666vw;
    	left: -2.9333vw;
	}

	#basic_items .basic_sec7:before {
	    background-size: 4px;
	    right: 0;
	    top: 37.8666vw;
	    width: 50.6666%;
	    height: 41.6vw;
	}

	#basic_items img.fadein {
	    opacity: 0;
	    -webkit-transform: translate(0, 25px);
	    -ms-transform: translate(0, 25px);
	    transform: translate(0, 25px);
	    -webkit-transition: all 0.5s;
	    -o-transition: all 0.5s;
	    transition: all 0.5s;
	}

	#basic_items .item_copy.fadein {
	    opacity: 0;
	    -webkit-transform: translate(0, 40px);
	    -ms-transform: translate(0, 40px);
	    transform: translate(0, 40px);
	    -webkit-transition: all 1s;
	    -o-transition: all 1s;
	    transition: all 1s;
	}

	#basic_items .item_txt.fadein {
	    opacity: 0;
	    -webkit-transform: translate(0, 25px);
	    -ms-transform: translate(0, 25px);
	    transform: translate(0, 25px);
	    -webkit-transition: all 1s;
	    -o-transition: all 1s;
	    transition: all 1s;
	}

	#basic_items .fadein.scrollin {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}


/*******************
link_area
*******************/

#link_area .link_btn a {
	display: block;
	margin: 0 10.4166vw 40px;
}

#link_area .link_btn {
	text-align: center;
	font-size: 13px;
	line-height: 2;
	font-weight: 700;
	margin-bottom: 100px;
}

#link_area .limited {
	padding: 0 10.4166vw;
}


@media screen and (max-width: 940px) {
	#link_area .link_btn a {
		display: block;
		margin: 0 0 5.3333vw;
	}

	#link_area .link_btn {
		text-align: left;
		font-size: 10px;
		line-height: 1.6;
		margin: 0 5.3333vw 60px;
	}

	#link_area .limited {
		padding: 0 5.3333vw;
	}
}