@charset "utf-8";
/*
Copyright (c) 2020, Igini. All rights reserved.
version: 1.0.0
*/

.container{position:relative;max-width:1200px;margin:0 auto;}
.btn_wrap{text-align:center;}
.btn_wrap .btn{position:relative;display:inline-block;margin:0 auto;z-index:10;}

.main_top{padding:60px 0 70px;background:#c0dbfc url(../../images/welcome/bg_top.png) no-repeat 50% 100%;border-bottom:3px solid #000;}
.main_top #logo{position:absolute;top:40px;right:25px;}
.main_top .txt{padding:0 50px;text-align:center;}
.main_top .txt .title{margin-left:25px;}
.main_top .obj{position:absolute;bottom:-115px;left:50%;display:block;width:calc(100% - 40px);height:307px;max-width:903px;margin-left:-451px;background:url(../../images/welcome/top_obj.png) no-repeat 50% 100% / 100% auto;}
.main_top .btn_wrap{margin-top:40px;}

.sec2{padding:135px 0 110px;background:url(../../images/welcome/bg_sec2.png) no-repeat 50% 50%;text-align:center;border-bottom:3px solid #000;}
.sec3{padding:125px 0 110px;background-color:#c0dbfc;text-align:center;}
.sec3 .txt{padding:0 50px;}
.sec3 .title{margin-left:67px;}
.sec3 .book_list{margin:65px 0 85px;overflow:hidden;}
.sec3 .book_list li{float:left;width:25%;padding-right:10px;text-align:center;}

.sec_add{padding:125px 0 110px;background-color:#c0dbfc;border-bottom:3px solid #000;text-align:center;}
.sec_add .txt{padding:0 50px;}
.sec_add .title{margin-left:67px;}
.sec_add .book_list{margin:65px 0 85px;overflow:hidden;text-align:center;}
.sec_add .book_list li{position:relative;width:25%;margin:0 auto;padding-right:10px;text-align:center;}
.sec_add .book_list li::after{content:'';position:absolute;top:0;left:100%;width:35%;height:115px;margin-left:5%;background:url(../../images/welcome/sec_add_tb.png) no-repeat 0 0 / 100% auto;}

.sec3.soldout{position:relative;}
.sec3.soldout .container{opacity:.3;}
.sec3.soldout::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background:url(../../images/welcome/sold.png) no-repeat 50% 50%;}

@media screen and (max-width: 950px){ 
	.main_top .obj{left:20px;margin-left:0;}
	
}

@media screen and (max-width: 800px){ 
	.main_top #logo{top:-25px;right:20px;width:45px;}
	.btn_wrap .btn{max-width:50%;}
	.main_top{padding:45px 0 15%;}
	.main_top .txt .title{margin-left:0;}
	.main_top .obj{bottom:-25%;}

	.sec2{padding:20% 0 15%;}
	.sec2 .txt{padding:0 70px;}

	.sec3,
	.sec_add{padding:15% 0;}

	.sec3 .title,
	.sec_add .title{margin-left:0;}
	.sec3 .book_list,
	.sec_add .book_list{margin:65px 0 85px;padding:0 20px;overflow:hidden;}
	.sec3 .book_list li,
	.sec_add .book_list li{width:50%;padding-right:10px;}
	.sec_add .book_list li::after{width:30%;margin-left:3%;}
	.sec3 .book_list li:nth-child(-n+2){margin-bottom:30px;}
}

@media screen and (max-width: 640px){ 
	.main_top .txt{padding:0 40px;}
	.main_top .btn_wrap{margin-top:35px;}
	.sec2 .txt{padding:0 50px;}
	.sec3 .txt{padding:0 40px;}

	.sec3 .book_list,
	.sec_add .book_list{margin:40px 0 50px;}
	.sec3.soldout::after{background-size:70% auto;}
	.sec_add .book_list li::after{width:40%;}
}

@media screen and (max-width: 414px){ 
	.main_top .btn_wrap{margin-top:30px;}
	.sec3 .txt,
	.sec_add .txt{padding:0 30px;}
	.sec3 .book_list,
	.sec_add .book_list{margin:30px 0 35px;}
}