@charset "utf-8";

#container .wrap:first-of-type+.contentsMbR { padding: 0;}

.technologyArea { max-width:1100px; width: 95%; margin-left: auto; margin-right: auto; margin-top: 50px;}
.technologyArea>.contentsMbS { margin-bottom: 0 !important;}
.technologyArea .innerWrap { width: 100%;}
.technologyArea .innerWrap .pageTtl:first-child { padding: 0; font-size: 1.15em; line-height: 1.7em;}
.technologyArea .content01,
.technologyArea .content02,
.technologyArea .content03 { width: 100%; overflow: hidden;}
.technologyArea .content01 { margin-top: 50px;}
.technologyArea .content01.mt01 { margin-top: 40px;}
.technologyArea .content02 { margin-top: 30px;}
.technologyArea .bgGray { padding-top: 30px; padding-bottom: 20px;}
.technologyArea .bgGray .contentInner { width: auto; margin-right: auto; margin-left: auto; overflow: hidden; height: 100%;}
.technologyArea .content01 .boxL .pageTtl,
.technologyArea .content01.switch .boxR .pageTtl,
.technologyArea .content02 .boxR .pageTtl,
.technologyArea .content02.switch .boxL .pageTtl,
.technologyArea .content03 .boxL .pageTtl { font-size: 1.15em; line-height:1.45em; margin-bottom: 0.5em; padding: 0;}
.technologyArea .content01 .boxL>p,
.technologyArea .content01.switch .boxR>p,
.technologyArea .content02 .boxR>p,
.technologyArea .content02.switch .boxL>p,
.technologyArea .content03 .boxL>p { font-size: 0.9em; line-height: 1.9em; text-align: justify; text-justify: inter-ideograph;}
.technologyArea .content01 .boxR,
.technologyArea .content01.switch .boxL,
.technologyArea .content02 .boxL,
.technologyArea .content02.switch .boxR{ width: 44.5454%; overflow: hidden; /*margin-bottom: 1em;*/}
.technologyArea .content01 .boxR,
.technologyArea .content02 .boxL,
.technologyArea .content02.switch .boxR { max-width: 490px;}
.technologyArea .content01.switch .boxL { max-width: 480px;}
.technologyArea .content01.switch .boxR,
.technologyArea .content02.switch .boxL{ width: auto; max-width:100%; margin-bottom: 0; float: none; margin-left: 0; overflow: visible;}
.technologyArea .content01 .boxR{ float: right; margin-left: 30px;}
.technologyArea .content02 .boxL,
.technologyArea .content01.switch .boxL { float: left; margin-right: 30px;}
.technologyArea .content02.switch .boxR { float: right; margin-left: 30px;}
.technologyArea .content01 .boxR img,
.technologyArea .content01.switch .boxL img,
.technologyArea .content02 .boxL img,
.technologyArea .content02.switch .boxR img{ width: 100%; height: auto; float: left;}
.technologyArea .content01 .boxR .caption,
.technologyArea .content02 .boxL .caption{ width: 100%; padding-top: 0.8em; line-height: 1.3em; font-size: 0.9em; padding-left: 0; clear: both;}
.technologyArea .content01 .boxR .caption { text-align: right;}
.technologyArea .content02 .boxL .caption { text-align: left;}
.technologyArea .content01 figure,
.technologyArea .content02 figure { width: 100%; float: left;}
.technologyArea .movieArea {}
.technologyArea .movieArea iframe {width: 100%;}
.technologyArea .subTitle01 { color: #afafaf; border-bottom: 1px #d9d9d9 solid; display: block; font-family: "Oswald", Arial, Helvetica, "sans-serif"; font-size: 1.2em; line-height: 1.3em; padding-bottom: 0.7em; text-align: center; font-weight: normal; margin-top: 45px;}
.technologyArea .historyArea.first { margin-top: 45px;}
.technologyArea .historyArea .boxR { width: calc(55.4546% - 30px); float: right; padding-top: 20px;}
.technologyArea .historyArea .boxR>p { font-size: 0.85em;}
.technologyArea .content03 { border: 8px solid #f4f4f4; box-sizing: border-box; margin-top: 40px; padding-bottom: 30px; padding-top: 30px;}
.technologyArea .content03 .contentInner { width: calc(100% - 76px); margin-left: auto; margin-right: auto;}
.technologyArea .content03 .boxR { max-width: 297px; width:100%; float: right; margin-left: 30px;}
.technologyArea .content03 .boxL { width: auto;}

/* その他のコンテンツ */
.technologyArea+.bgGray { max-width: 1100px; width: 95%; margin-left: auto; margin-right: auto; padding: 65px 0 0;}
.technologyArea+.bgGray .wrap { width: 100%;}
.technologyArea+.bgGray .columnList ul { margin-left: 0; width: 100%; overflow: hidden;}
.technologyArea+.bgGray .columnList ul li { float: left; padding-left: 0;}
/*.technologyArea+.bgGray .columnList ul li:nth-of-type(1) { margin-right: 1.8181% !important;}*/
/*.technologyArea+.bgGray .columnList ul li:nth-of-type(2) { margin-right: 1.8181% !important;}*/
/*.technologyArea+.bgGray .columnList ul li:nth-of-type(3) {}*/
/*.technologyArea+.bgGray .columnList ul li:nth-of-type(4) { float: right;}*/

.technologyArea+.bgGray .columnList ul li:nth-of-type(1) { margin-right: calc( (100% - 1045px) / 11 ) !important}
.technologyArea+.bgGray .columnList ul li:nth-of-type(2) { margin-right: calc( (100% - 1045px) / 11 ) !important}
.technologyArea+.bgGray .columnList ul li:nth-of-type(3) { margin-right: calc( (100% - 1045px) / 11 ) !important}
.technologyArea+.bgGray .columnList ul li:nth-of-type(4) { float: right; width:260px !important;}


/*.technologyArea+.bgGray .columnList ul li figure { width: 100%; overflow: hidden;}*/
.technologyArea+.bgGray .columnList ul li figure { width: 100%; overflow: hidden; background-color: #FFFFFF; margin-bottom:0px;}
.technologyArea+.bgGray .columnList ul li figure a { display: block; width: 100%; float: left;}
/*.technologyArea+.bgGray .columnList ul li figure img { width: 100%; height: auto; float: left;}*/
.technologyArea+.bgGray .columnList ul li figure img { width: 260px; height: auto; float: left;}

@media screen and (max-width:800px){
.technologyArea .innerWrap .pageTtl:first-child { font-size: 1.1em; line-height: 1.5em;}
.technologyArea .content01 .boxR,
.technologyArea .content02 .boxL,
.technologyArea .content01.switch .boxL,
.technologyArea .content02.switch .boxR { width: 100%; float: none; margin-left: auto; margin-right: auto; margin-bottom: 0;}
.technologyArea .content01 .boxL,
.technologyArea .content02 .boxR,
.technologyArea .content01.switch .boxR,
.technologyArea .content02.switch .boxL,
.technologyArea .content03 .boxL { margin-top: 25px;}
.technologyArea .content01.switch .boxL,
.technologyArea .content02.switch .boxR { margin-top: 0;}
.technologyArea .content01 .boxR .caption,
.technologyArea .content02 .boxL .caption { text-align: center;}
.technologyArea .content01 .boxL .pageTtl,
.technologyArea .content02 .boxR .pageTtl { margin-top: 1.15em; margin-bottom: 0.35em;}
.technologyArea .historyArea { margin-top:45px;}
.technologyArea .historyArea .boxR { width: 100%; float: none; padding-top: 0;}
.technologyArea .historyArea .boxR .pageTtl { margin-top: 0;}
.technologyArea .historyArea .boxL { margin-bottom: 0.5em;}
.technologyArea .content03 .boxR { width: 100%; float: none; margin-left: auto; margin-right: auto;}
}