@charset "utf-8";

.contentsSubArea { width: 1250px; margin: auto; margin-top: 58px; }
.contentsSubArea > div.title_txt { font-size: 36px; word-break: keep-all; }
.contentsSubArea > div.subtitle_txt { font-size: 20px; margin-top: 30px; font-weight: 600; word-break: keep-all; }
.contentsSubArea > div.subtitle_txt2 { font-size: 17px; margin-top: 30px; word-break: keep-all; text-align: center; }
.contentsSubArea > div.subtitle_txt2 > b { color: #23257b; }

.contentsSubArea > div.comment_txt { font-size: 16px; word-break: keep-all; }

.margint150px { margin-top: 100px !important; }
.img_viewer {}
.img_viewer > div.title_txt { font-size: 24px; color: #23257b; font-weight: 600; margin-top: 100px; }
.img_viewer > ul { margin-top: 80px; }
.img_viewer > ul > li { float: left; width: 50%; }
.img_viewer > ul > li:nth-child(1) { padding-right: 7px; }
.img_viewer > ul > li:nth-child(2) { padding-left: 7px; }
.img_viewer img { width: 100%; }

.img_viewer > ul > li > div { margin-top: 20px; }
.img_viewer > ul > li > div > p:nth-child(1) { font-weight: 600; font-size: 21px; }
.img_viewer > ul > li > div > p:nth-child(2) { font-size: 17px; }

.img_viewer2 { margin-top: 50px; text-align: center; }
.img_viewer2 > img {}

@media all and (max-width: 1250px){
	.contentsSubArea { width: 100%; margin-top: 20px; padding: 10px 20px; }
}

@media all and (max-width: 600px){
	.contentsSubArea > div.title_txt { font-size: 21px; }
	.contentsSubArea > div.subtitle_txt { font-size: 17px; margin-top: 20px; }
	.contentsSubArea > div.comment_txt { font-size: 15px; }
	.img_viewer > ul { margin-top: 50px; }
	.img_viewer > ul > li { float: left; width: 100%; margin-bottom: 5px; }
	.contentsSubArea > div.subtitle_txt2 { font-size: 13px; text-align: left; }

	.img_viewer2 > img { width: 320px; }
	.img_viewer > div.title_txt { font-size: 15px; margin-top: 50px; }

	.img_viewer > ul > li{ margin-bottom: 30px;  }
	.img_viewer > ul > li:nth-child(1) { padding-right: 0px; }
	.img_viewer > ul > li:nth-child(2) { padding-left: 0px; }
	.img_viewer > ul > li > div > p:nth-child(1) { font-size: 15px; }
	.img_viewer > ul > li > div > p:nth-child(2) { font-size: 13px; }
	.margint150px { margin-top: 50px !important; text-align: center !important; }
	.alignc { text-align: center !important; }
}