@charset "utf-8";

.detailAreaMain .column2 { min-height:0; padding-right:0; width:100%; overflow:hidden;}
.detailAreaMain .column2 .textArea1 { width: 540px; float: left;}
.detailAreaMain .column2 h4 { padding-left:0; line-height: 1.5em; width:100%;word-break: break-all;}
.detailAreaMain .column2 p { padding-left:0; width:100%; text-align:justify; text-justify:inter-ideograph;word-break: break-all;}
.detailAreaMain .column2 figure,
.detailAreaMain .column2_2 figure{ overflow: hidden; display: block; line-height:0; position:relative; top:auto; right:auto; float: right; max-width:540px; width: 100%;}
.detailAreaMain .column2 figure { float: right;}
.detailAreaMain .column2 figure>img,
.detailAreaMain .column2_2 figure>img,
.detailAreaMain .column3 .column3Box figure>img,
.columnList.list2 ul li figure>img,
.columnList.list4 ul li figure>img { float: left; max-width: 100%; height: auto;width: auto;}

.detailAreaMain .column2_2 { min-height:0; padding-left:0; overflow: hidden;}
.detailAreaMain .column2_2 .textArea1 { width: 540px; float: right;}
.detailAreaMain .column2_2 h4 { line-height: 1.5em; width:100%; padding-right: 0;word-break: break-all;}
.detailAreaMain .column2_2 p { width:100%; padding-right: 0; text-align:justify; text-justify:inter-ideograph;word-break: break-all;}
.detailAreaMain .column2_2 figure { float: left; left: auto;}

.detailAreaMain .column3 .column3Box { width:calc(100% / 3 - 20px); float: left; margin:0; }
.detailAreaMain .column3 .column3Box:first-of-type { margin-right: 30px;}
.detailAreaMain .column3 .column3Box:last-of-type { float: right;}

.detailAreaMain .column3 .column3Box figure { display: block; line-height: 0; margin-bottom: 25px; }
.detailAreaMain .column3 .column3Box h4 { line-height: 1.5em; width: 100%; word-break: break-all;}
.detailAreaMain .column3 .column3Box p { text-align:justify; text-justify:inter-ideograph; width: 100%; word-break: break-all;}
.detailAreaMain .column3 .column3Box figure { /*max-width:340px;*/ margin-left: auto; margin-right: auto; overflow: hidden;}
.detailAreaMain .column3 .column3Box > a { display: block;}


.columnList.list2 ul { margin-left: 0; overflow: hidden;}
.columnList.list2 ul li { width:calc(100% / 2 - 10px); padding-left: 0;}
.columnList.list2 ul li:after { content:none; clear: none;}
.columnList.list2 ul li:nth-of-type(2n+1) { float: left;}
.columnList.list2 ul li:nth-of-type(2n) { float: right;}
.columnList.list2 ul li p { padding-right: 0; text-align:justify; text-justify:inter-ideograph;}
.columnList.list2 ul li > a { display: block;}
.columnList.list2 ul li figure,
.columnList.list4 ul li figure { /*max-width: 526px;*/ width: 100%; margin-left: auto; margin-right: auto; }
.columnList ul:after { content:none;}

.columnList.list4 ul {
	overflow: hidden;
	margin-left:0 !important;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.columnList.list4 ul li { width:calc(100% / 4 - 15px); padding-left:0 !important;}
.columnList.list4 ul li:nth-child(1) { float: left; margin-right: 20px !important;}
.columnList.list4 ul li:nth-child(2),
.columnList.list4 ul li:nth-child(3) { float: left; margin-right: 20px !important;}
.columnList.list4 ul li:nth-child(4) { float: right;}
.columnList.list4 ul li .txt2 { text-align:justify; text-justify:inter-ideograph;}
.columnList.list2 ul li figure, .columnList.list4 ul li figure {
  display: block;
}
.detailAreaMain .column2 figure>img, .detailAreaMain .column2_2 figure>img, .detailAreaMain .column3 .column3Box figure>img, .columnList.list2 ul li figure>img, .columnList.list4 ul li figure>img {
  float: none;
}


@media screen and (max-width:800px){
.detailAreaMain .column2 .textArea1,
.detailAreaMain .column2_2 .textArea1 { width: 100%; float: none;}
.detailAreaMain .column2 figure,
.detailAreaMain .column2_2 figure{ float: none; margin-left: auto; margin-right: auto;}
.detailAreaMain .column2 figure { margin-top:20px;}
.detailAreaMain .column2_2 figure { margin-bottom:20px;}
.detailAreaMain .column2_2 h4,
.detailAreaMain .column2_2 p{ width: 100%;}
}



.columnList.list4 ul li:nth-child(5) {float: left;margin-right: 20px !important;}
.columnList.list4 ul li:nth-child(6) {float: left;margin-right: 20px !important;}
.columnList.list4 ul li:nth-child(7) {float: left;margin-right: 20px !important;}
.columnList.list4 ul li:nth-child(8) {float: right;}