.inno_area01{ margin-top: 20px; } .inno_area01 .inno_area01_right .inno_h3{ color: #1432aa; font-size: 1.4rem; letter-spacing: 0.2rem; } .inno_area01 .inno_area01_right .inno_txt{ margin-top: 8px; font-size: 0.8em; font-weight: bold; } .inno_area01 .inno_area01_right .inno_right_img{ margin-top: 4px; margin-left: -10px; } .inno_area01 .inno_area01_right .inno_txt_detail01, .inno_area01 .inno_area01_right .inno_txt_detail02{ display: flex; font-size: 0.8rem; line-height: 1.4; } .inno_area01 .inno_area01_right .inno_txt_detail01 + .inno_h3, .inno_area01 .inno_area01_right .inno_txt_detail02 + .inno_h3{ margin-top: 20px; } .inno_area01 .inno_area01_right .inno_txt_detail01 li:nth-child(3){ margin-left: 40px; } .inno_area01 .inno_area01_right .inno_txt_detail01 li:nth-child(1){ width: 26%; margin-left: 2%; } .inno_area01 .inno_area01_right .inno_txt_detail01 li:nth-child(2){ width: 20%; margin-left: 1%; } .inno_area01 .inno_area01_right .inno_txt_detail01 li:nth-child(3){ width: 22%; margin-left: 7%; } .inno_area01 .inno_area01_right .inno_txt_detail02 li:nth-child(1){ width: 25%; margin-left: 2%; } .inno_area01 .inno_area01_right .inno_txt_detail02 li:nth-child(2){ width: 24%; margin-left: 7%; } .inno_area01 .inno_area01_right .inno_txt_detail02 li:nth-child(3){ width: 28%; margin-left: 7%; } .inno_area02 { background-color: #dbecfb; padding: 18px; margin-top: 20px; } .inno_area02 .inno_area02_inner { background-color: #fff; padding: 15px; border-radius: 10px; } .inno_area02 .inno_area02_inner + .inno_area02_inner { margin-top: 15px; } .inno_area02 .inno_area02_img img{ width: 100%; max-width: inherit; } .inno_area02 .inno_h3 { color: #1432aa; font-size: 2.0rem; line-height: 1.4; } .inno_area03 { background-color: #3763ae; padding: 0 18px 18px; } .inno_area03 .inno_area03_inner{ background-color: #fff; padding: 15px; border-radius: 10px; } .inno_area03 .inno_h3 { color: #3763ae; font-size: 2.0rem; text-align: center; } .inno_area03 .inno_h4 { font-size: 1.8rem; text-align: center; margin-top: 18px; } .inno_area03 .inno_area03_img{ margin-top: 18px; } @media (min-width: 768px) { .inno_area01{ display: flex; } .inno_area01 .inno_area01_right .inno_h3{ font-size: 1.6rem; } .inno_area01 .inno_area01_left { width: 272px; margin-right: 45px; } .inno_area01 .inno_area01_left .img_left { width: 100%; } .inno_area01 .inno_area01_right { width: 520px; } .inno_area01 .inno_area01_right .inno_txt_detail01, .inno_area01 .inno_area01_right .inno_txt_detail02{ font-size: 1.0rem; } .inno_area01 .inno_area01_right .inno_txt_detail01 li:nth-child(1), .inno_area01 .inno_area01_right .inno_txt_detail01 li:nth-child(2), .inno_area01 .inno_area01_right .inno_txt_detail01 li:nth-child(3), .inno_area01 .inno_area01_right .inno_txt_detail02 li:nth-child(1), .inno_area01 .inno_area01_right .inno_txt_detail02 li:nth-child(2), .inno_area01 .inno_area01_right .inno_txt_detail02 li:nth-child(3) { width: inherit; margin-left: 10px; } .inno_area01 .inno_area01_right .inno_txt_detail01 li, .inno_area01 .inno_area01_right .inno_txt_detail02 li{ margin-left: 10px; } .inno_area01 .inno_area01_right .inno_txt_detail01 li:nth-child(3){ margin-left: 40px; } .inno_area01 .inno_area01_right .inno_txt_detail02 li:nth-child(2){ margin-left: 52px; } .inno_area01 .inno_area01_right .inno_txt_detail02 li:nth-child(3){ margin-left: 70px; } .inno_area02_inner { display: flex; align-items:center; } .inno_area02_left{ width: 67%; margin-right: 18px; } .inno_area02_right{ width: 45%; } .inno_area02 .inno_h3 { font-size: 1.7rem; } .inno_area03_left{ width: 47%; display: inline-block; margin-right: 40px; vertical-align: top; } .inno_area03_right{ width: 47%; display: inline-block; vertical-align: top; } .inno_area03 .inno_h4 { font-size: 1.6rem; } }