@charset "utf-8";

body{background-color: #111338;font-size:16px;letter-spacing:-0.5px;overflow-wrap: break-word;}

.txt_point{color:#d42cb4;}
.top_area {position: fixed;top:0;padding:10px;border-bottom: 1px solid rgba(255,255,255,0.2);width:100%;transition: background-color 1s ease;background-color: none;z-index:100;}

.btn_info{display:inline-block;width:400px;padding:20px;position: relative;border:1px solid rgba(255,255,255,0.5);color:#fff;transition: all 0.3s;}
.btn_info span{position:absolute;top:50px;display:inline-block;height: 1px;width:20px;background: #fff;right:20px;top:30px;transition: all 0.3s;}
.btn_info:hover{border:1px solid #fff;}
.btn_info:hover span{right:20px;top:30px;transform: rotate( 45deg )}

.wrap{background: url(/theme/oneby/img/top_bg.png) no-repeat right top;min-height:800px; }
.section_wrap{margin:0 auto;width:100%;max-width:1200px;padding:300px 20px 50px;color:#fff; word-break: keep-all }

.company .desc{margin-bottom:100px;}
.company .desc p:first-child{font-size:30px;letter-spacing:-2px}
.company .desc p:nth-child(2){font-size:40px;letter-spacing:-2px}
.company .desc p:nth-child(3){font-size:18px;}
.company .contact{margin-top:50px;}
.company .contact .tit{font-size:20px;margin-bottom: 20px;font-weight:bold;}
.company .contact .talk {margin:20px 0;}
.company .contact .talk img{width:40px;}
.company .contact .talk a{color:#ffdc1c;padding:0 10px;}
.company .contact .talk a:hover{text-decoration: underline;}

.section_tit{margin:50px 0 20px;}
.section_tit .dot{display:inline-block;width:40px; height: 5px; background: #fff;margin-bottom:20px;}
.section_tit .tit{font-size:30px;font-weight:bold;}

.process{margin:100px 0;}
.process ul>li{float: left;display:inline-block;height: 160px;}
.process ul>li:nth-child(odd) {width:250px;}
.process ul>li:nth-child(odd) .tit{border: 1px solid #fff;text-align: center;width:100%;padding:20px;}
.process ul>li:nth-child(odd) p{font-size:14px;margin-top:10px;}
.process ul>li:nth-child(odd) p span{display:inline-block;margin-top:10px;}
.process ul>li:nth-child(even) {padding: 18px 10px;}
.process ul>li:nth-child(even) img{width:25px;}
.process .notice{color:#a4addd;margin-top: 20px;display:inline-block;width:100%}


.type{margin:100px 0;border-bottom: 1px solid rgba(255,255,255,0.4);padding-bottom:50px;}
.type ul{margin-top:30px;display:inline-block;}
.type ul>li{width:calc(100% / 2 - 40px);display:inline-block;margin-right:35px;float: left;}
.type ul>li img {width:100%;}
.type ul>li .info_wrap{margin: 20px 0 50px;height: 240px;letter-spacing:-2px}
.type ul>li .info_wrap .tit p:first-child{font-size:24px;}
.type ul>li .info_wrap .tit {margin-bottom: 20px;}
.type ul>li .info_wrap .desc{margin-bottom: 20px;}
.type ul>li .info_wrap a{padding: 10px 15px;display:inline-block;width:150px;border:1px solid #fff;text-align: center;color:#fff;}

.hi_kiosk{margin:160px 0;}
.hi_kiosk .tit{font-size:50px;font-weight:bold;margin-bottom:20px;}
.hi_kiosk img{width:100%;}
.hi_kiosk p{color:#6771a4;margin:20px 0;}
.hi_kiosk p .point{color:#fff;}

.review{margin:50px 0;text-align: center;}
.review .tit{font-size:30px;font-weight:bold;margin:20px 0;letter-spacing:-2px}
.review ul>li {margin:20px auto;width:90%;border:1px solid rgba(255,255,255,0.3);text-align: left;padding:20px;border-radius: 15px;}
.review ul>li p:first-child{color:#8993c5;margin-bottom:10px;}


.value{background: #fff;color:#000;padding:20px;text-align: center;}
.value .tit{font-size:26px;letter-spacing:-2px;margin: 60px 0;}
.value .dot{display:inline-block;width:30px;height:5px;background: #000;margin-bottom:50px;}
.value .desc{font-family: 'Libre Baskerville', serif;font-size:16px;line-height:24px;color:#666;margin-top:20px;}
.value .desc .txt_big{font-size:24px;margin:5px 0;margin-bottom:20px;color:#000;}
.value img{max-width: 100%;}
.value .company{padding:30px 0; font-weight:bold;}


@media screen and (max-width: 880px){
	.only_pc{display:none;}
	.wrap {background-size:90%;}
	
	.section_wrap{ padding: 200px 20px 20px;}
	.company .desc p:first-child{font-size:20px;}
	.company .desc p:nth-child(2){font-size:30px;}
	.company .desc p:nth-child(3){font-size:16px;}
	
	.btn_info{width:100%;font-size:14px;}
	
	.hi_kiosk{margin: 100px 0;}
	
	.value .tit{font-size: 18px;margin: 30px 0;}
	.value .dot{margin-bottom: 20px;}
	.value .desc .txt_big{font-size:30px;line-height:36px;}
	
	.review .tit{font-size:20px}
	.review .subtit{font-size:12px}
	
	.process ul>li{height: auto;margin-bottom:20px;}
	.process ul>li:nth-child(odd) {width:calc(100% - 50px);}
	
	.type ul>li{width:100%;}
	.type ul>li .info_wrap{height: auto;}
	
}