@charset "utf-8" ;

header .wrap {
    width: 1100px;
}

.technologyList {
  width: 1100px;
  margin: 0 auto;
}
.technologyList li { margin-bottom: 1px; line-height: 0;}
.technologyList li a { display: block;}
.technologyList li a:hover { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.txtAc.pageTtl {
    font-size: 19px;
    line-height: 2;
    padding: 50px 0 0;
}
.pageTtl {
    font-size: 19px;
}
.technologyArea { padding: 0; }
.technologyArea .bgGray { background: #fafafa;}
.technologyArea .column2 {
	position: relative;}

.technologyArea .column2:after {
    content:"";
    display:block;
    clear:both;
}
.technologyArea .column2 .boxL { vertical-align: top; margin: 0; float: left; width: 530px;}
.technologyArea .txtBox .column2 .boxL {
	width: 670px;
}
.technologyArea .txtBox .column2 .boxR {
	width: 300px;
}
.technologyArea .column2 .boxR { vertical-align: top; margin: 0; float: right;width: 530px;}
.technologyArea .column2 .boxR img {
	padding-left: 40px;
}
.technologyArea .column2 p,
.technologyArea .column2_2 p { font-size: 16px; line-height: 1.8; margin-bottom: 10px;}

.technologyArea .txtBox {
    border: 8px solid #f4f4f4;
    padding: 30px;
    width: 997px;
    margin-bottom: 65px!important;
        margin-top: -30px;
}
.technologyArea .txtBox .column2 .boxR img {
    padding-left: 0;
}
.technologyArea .txtBox h3 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}
.technologyArea .column2 .boxL .caption { text-align: left; font-size: 14px; margin-top: 10px;}
.technologyArea .column2 .boxR .caption { text-align: right; font-size: 14px; margin-top: 10px; padding-right: 30px;}
.technologyArea .column2 .boxR .caption.left { text-align: left; padding-left: 50px;}
.technologyArea .topicsTtl { text-align: center; border-bottom: none; padding-bottom: 0; margin-bottom: 40px;}
.contentsMbR {
    margin-bottom: 0px!important;
    padding: 65px 0 60px;
}
.technologyArea .bgGray.otherContents {
	background: #F4F4F4;
}

.technologyArea h2.txtAc + .column2 {
    padding-top: 40px;
}

.history .pageTtl {
    margin-bottom: 20px;
}

.history .pageTtl.histtl01 {
    margin-top: 26px;
}

.history .pageTtl.histtl02 {
    margin-top: 35px;
}

.history .pageTtl.histtl03 {
    margin-top: 77px;
}

.history .pageTtl.histtl04 {
    margin-top: 142px;
}

.history .pageTtl.histtl05 {
    margin-top: 57px;
}
.technologyArea .column2.history p {
     margin-bottom: 0;
}

.detailAreaMain .column2 figure {
    position: inherit;
}

.technologyArea .column2 {
    padding-right: 0;
}

.detailAreaMain .column2 { min-height:0; padding-right:0; width:100%; overflow:hidden;margin-bottom: 80px;}
.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 { float: left; max-width: 100%; height: auto;width: auto;}

.detailAreaMain .column2_2 { min-height:0; padding-left:0; overflow: hidden;margin-bottom: 80px;}
.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;}


.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;
}


.maxWidth1100 { width: 100%; max-width: 1100px; margin-left: auto; margin-right:auto; overflow: hidden;}

.maxWidth1100>img { float: left; width: 100%; height: auto;}

@media screen and (max-width:800px) {
    #responsive .technologyList li img { width: 100%;}
    .txtAc.pageTtl {
	    font-size: 19px;
	    padding: 50px 10px 0;
	    font-feature-settings : "palt";

	}
	.technologyArea .column2 .boxL {
		width: auto;
		display: block;
		margin-top: 20px;
		float: none;
	}
	.technologyArea .column2 .boxR {
		width: auto;
		display: block;
		float: none;
	}
	.technologyArea .column2 .boxR img {
    padding-left: 0;
}
.technologyArea .column2 .boxR .caption {

    padding-right: 0;
}
.contentsMbR {
    margin-bottom: 0px!important;
    padding: 45px 0 40px;
}
.technologyArea .txtBox .column2 .boxL {
    width: auto;
}
.technologyArea .txtBox .column2 .boxR {

    margin: auto;
    padding-bottom: 20px;
}
.technologyArea .column2 .boxR .caption.left {
    padding-left: 0;
}

.technologyArea .column2.history .boxR {
     margin-bottom: 60px;
}

.technologyArea .column2.history:last-of-type .boxR {
     margin-bottom: 0px;
}
.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%;}


}