@media screen and (min-width:768px){
}
@media screen and (min-width:993px){
}
@media(min-width:1280px){
}
@media(min-width:1200px){
}
@media screen and (min-width:1400px){
}
@media screen and (max-width:1400px){
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1200px){
	.statementContents{max-width:900px;}
}
@media screen and (max-width:1199px){
}
@media screen and (max-width:1024px){
	.indexInfo{max-width:350px;}
	.indexInfo h1{font-size:6rem;letter-spacing:6px;}
}
@media screen and (max-width:1023px){
	.gt-wrapper .gt-contents{background-color:transparent}
	.gt-wrapper .gt-contents{padding:62px  0 90px;}
	.btnPic{width:100%;float:none;height:50%;}
	.btnPic .infoBox{display:flex;}
	.btnPic .infoBox .info{bottom:auto;height:100%;padding:0px;margin:auto;display:flex;align-items:center;justify-content:center;}
	.statementContents{max-width:800px;}
	.statementBox{padding:30px 30px 50px 30px;}
	.statementContents h1{font-size:3rem;letter-spacing:0px;}
	.statementBox p{margin:0 0 30px 0;}
	.remindBox ol li{margin:0 0 5px 0;}
	.okBox{margin:30px 0 30px 0;}
	.payBox .payRight{padding:30px 40px;}
}
@media screen and (max-width:767px){
}
@media screen and (max-width:640px){
	.modal-header{padding:20px 20px;}
	.modal-body{padding:20px 20px;}
	.input-field{margin:20px 0 20px 0;}
	.loginModal button.buttonStyle{margin:20px auto 20px auto;}
	.statementContents h1{font-size:2.4rem;margin:60px 0 30px 0;}
	.statementContents h1 span{padding:10px 8px;}
	.statementBox{padding:20px 20px 30px 20px;}
	.remindBox{padding:20px 20px;}
	[type="checkbox"]+span:not(.lever){padding-left:22px;}
	.okBox{text-align:left;margin:30px 0 10px 0;}
	.btnBox button{margin:0 0 15px 0;max-width:none;}
	.scheduleList{margin:30px 0;}
	.scheduleList li{font-size:2rem;text-indent:15px;}
	.scheduleList li span:after{display:none;}
	.scheduleList li span{margin:0 0px 0 0;}
	.tableBox table tbody tr td:after{display:none;}
	.tableBox table tbody tr:hover{box-shadow:none;background:none;}
	.tableBox table tbody tr td{line-height:1.6}
	.tableBox button{width:100%;}
	#no-more-tables table,#no-more-tables thead,#no-more-tables tbody,#no-more-tables th,#no-more-tables td,#no-more-tables tr{display:block;}
	#no-more-tables thead tr{position:absolute;top:-9999px;left:-9999px;}
	#no-more-tables tr{border:1px solid #ccc;}
	#no-more-tables td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:45%;white-space:normal;text-align:left;}
	#no-more-tables td:before{position:absolute;top:10px;left:6px;width:40%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:bold;}
	#no-more-tables td:before{content:attr(data-title);}
	.tableBox .totalBox{margin:0 0 40px 0;padding:0 0 10px 0;}
	.tableBox table{margin:0 0 10px 0;}
	.payBox .payLeft{width:100%;float:none;padding:15px 15px;}
	.payBox .payLeft .payLeftContent h3{margin:0;font-size:2rem;}
	.payBox .payLeft .imgBox:after,.payBox .payLeft .imgBox{display:none;}
	.payBox .payRight{width:100%;float:none;box-shadow:0 0  5px #ddd;padding:30px 20px;}
	.scheduleList li.active:after,.scheduleList li.active:before,.scheduleList li.Executing:after,.scheduleList li.Executing:before{right:-30px;}
	.scheduleList li.active:before,.scheduleList li.Executing:before{right:-33px;}
}
@media screen and (max-width:414px){
}
@media screen and (max-width:413px){
	.indexInfo{max-width:280px;}
	.indexInfo h1{font-size:5rem;letter-spacing:3px;}
}