@charset "utf-8";


.brochure {overflow:hidden;}
.brochure .img_wrap {float:left; width:50%;}
.brochure .tcont {float:left; width:50%; padding-left:50px;}
.brochure .tcont p {margin-left:28px; font-size:1.25em; color:#666666; font-weight:300;}
.brochure .acrobat_cbox {margin-top:72px; padding:40px; border-radius:20px; font-size:1.125em; text-align:center; line-height:1; background:#f8f8f8;}
.brochure .acrobat_cbox img {margin-right:10px;}
.brochure .acrobat_cbox a {display:inline-block; padding:5px 0; padding-right:35px; margin-top:35px; border-bottom:2px solid #c83636; font-weight:500; color:#c83636; background:url('/images/sub/icon_down_red02.png') no-repeat right 5px center;}
.brochure .btn_down01 {margin-top:55px;}



@media all and (max-width:1400px){
	.brochure .acrobat_cbox {margin-top:40px;}
	.brochure .btn_down01 {margin-top:25px;}
}
@media all and (max-width:991px){
	.brochure {max-width:660px; margin:auto;}
	.brochure .img_wrap {float:none; width:auto;}
	.brochure .tcont {float:none; width:auto; padding:0; margin-top:50px;}
}
@media all and (max-width:767px){
	.brochure .acrobat_cbox {margin-top:30px; padding:25px; border-radius:12px;}
	.brochure .acrobat_cbox a {margin-top:25px; padding:3px 0; padding-right:25px; background-size:12px auto;}
	.brochure .acrobat_cbox img {width:25px; margin-right:6px;}
	.brochure .tcont p {margin-left:25px;}
	.brochure .btn_down01 {margin-top:20px;}
}



.ci_c01 {position:relative; padding-bottom:80px; text-align:center;}
.ci_c01 .ci_wrap {position:relative; border:1px solid #cccccc;}
.ci_c01 .ci_wrap::before {position:absolute; top:-1px; left:50%; bottom:50%; z-index:-1; width:5000px; margin-left:-2500px; background:#fff; content:'';}
.ci_c01 .ctxt {margin-top:40px; font-size:1.125em; color:#666666; line-height:1.944; text-align:center;}
.ci_c01 .btn_down {margin-top:40px;}

@media all and (max-width:991px){
	.ci_c01 {padding-bottom:60px;}
	.ci_c01 .ctxt br {display:none;}
}
@media all and (max-width:767px){
	.ci_c01 {padding-bottom:50px;}
	.ci_c01 .ci_wrap p {overflow:hidden;}
	.ci_c01 .ci_wrap p span {display:block; margin:0 -30%;}
}

.ci_c02 {position:relative; padding:80px 0; text-align:center;}
.ci_c02 h4 {font-size:1.875em; color:#222222; font-weight:700;}
.ci_list {overflow:hidden; margin:-25px;}
.ci_list > li {float:left; width:50%; padding:25px;}
.ci_list > li.full {width:100%;}
.ci_list .inbox {overflow:hidden; position:relative; border:1px solid #cccccc}
.ci_list .st {position:absolute; top:28px; left:30px; font-size:1.125em; line-height:1;}
.ci_list .dark .st {color:#fff;}
.ci_color {padding:50px; text-align:center;}
.ci_color .slist {max-width:1000px; margin:0 auto;}
.ci_color ul {overflow:hidden; margin:-25px;}
.ci_color li {float:left; width:50%; padding:25px;} 
.ci_color li > div {overflow:hidden; position:relative; height:130px; background:#d80c18;}
.ci_color li > div.black {background:#050505;}
.ci_color .slist span {position:absolute; top:28px; font-size:1.125em; color:#fff; line-height:1;}
.ci_color .c01 {left:30px;}
.ci_color .c02 {right:30px;}
.ci_c02 .ctxt {margin-top:40px; font-size:1.125em; color:#666666; line-height:1.944; text-align:center;}

@media all and (max-width:1200px){	
	.ci_list {margin:-20px;}
	.ci_list > li {padding:20px;}
	.ci_list .st {top:20px; left:20px;}
	.ci_color ul {margin:-20px;}
	.ci_color li {padding:20px;}
	.ci_color .slist span {top:20px;}
	.ci_color .c01 {left:20px;}
	.ci_color .c02 {right:20px;}
}
@media all and (max-width:991px){
	.ci_c02 {padding:60px 0;}
	.ci_list {margin:-10px;}
	.ci_list > li {padding:10px;}
	.ci_color ul {margin:-10px;}
	.ci_color li {padding:10px;}
	.ci_list .st {top:15px; left:15px;}
	.ci_color {padding:50px 30px 30px;}
	.ci_color li > div {height:110px;}
	.ci_color .slist span {top:15px;}
	.ci_color .c01 {left:15px;}
	.ci_color .c02 {right:15px;}

	.ci_c02 .ctxt br {display:none;}
}
@media all and (max-width:767px){
	.ci_c02 {padding:50px 0;}
	.ci_list {margin:-5px;}
	.ci_list > li {padding:5px;}
	.ci_color ul {margin:-5px;}
	.ci_color li {padding:5px;}
	.ci_color {padding:40px 20px 20px;}
	.ci_color li > div {height:80px;}	
}
@media all and (max-width:480px){
	.ci_list > li {width:100%;}
	.ci_color .slist span {font-size:1em;}
}