#simulation .sec1 h3 { font-size: 12px; color: #E95943; font-weight: 400; padding-top: 10px; z-index: 2; position: relative; text-align: center; margin-left: -140px; }
#simulation .sec1 h3 span { position: relative; display: inline-block; vertical-align: middle; margin-right: 10px; }
#simulation .sec1 h3 span img { height: 40px; display: block; vertical-align: bottom; width: auto; }
@media screen and (max-width: 584px) { #simulation .sec1 h3 span { margin-bottom: 10px; } }
#simulation .sec1 h3 img { display: block; vertical-align: bottom; width: 100%; }
#simulation .sec1 h3 p { padding-left: 10px; position: relative; box-sizing: border-box; display: inline-block; font-size: 18px; font-weight: 700; vertical-align: bottom; font-feature-settings: "pwid"; letter-spacing: 0px; }
#simulation .sec1 h3 p::after { width: 1px; height: 80px; content: ""; background-color: #000; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); zoom: 1; -webkit-text-fill-color: transparent; }
@media screen and (max-width: 584px) { #simulation .sec1 h3 p { text-align: center; font-size: 16px; padding-left: 0; display: block; }
  #simulation .sec1 h3 p::after { display: none; } }
@media screen and (max-width: 584px) { #simulation .sec1 h3 { text-align: center; margin-left: 0px; } }
#simulation .sec1 h4 { margin-top: 0; margin-bottom: 10px; font-size: 40px; position: relative; box-sizing: border-box; text-align: center; overflow: visible; font-weight: 900; z-index: 1; max-width: 960px; margin-left: auto; margin-right: auto; }
#simulation .sec1 h4 span { font-size: 24px; display: block; text-align: center; }
#simulation .sec1 h4.h4bg1::before { width: 30%; height: 300%; position: absolute; right: 0; top: 30%; content: ""; background-size: 100%; background-repeat: no-repeat; background-position: center right; background-image: url("../images/simulation/h3i_01.png"); z-index: -1; }
@media screen and (max-width: 584px) { #simulation .sec1 h4.h4bg1::before { width: 50%; } }
#simulation .sec1 h4.h4bg2::before { width: 30%; height: 300%; position: absolute; right: 0; top: -25%; content: ""; background-size: 100%; background-repeat: no-repeat; background-position: center right; background-image: url("../images/simulation/h3i_02.png"); z-index: -1; }
@media screen and (max-width: 584px) { #simulation .sec1 h4.h4bg2::before { width: 40%; top: -15%; } }
#simulation .sec1 h4.h4bg3::before { width: 30%; height: 300%; position: absolute; right: 0; top: 30%; content: ""; background-size: 100%; background-repeat: no-repeat; background-position: center right; background-image: url("../images/simulation/h3i_03.png"); z-index: -1; }
@media screen and (max-width: 584px) { #simulation .sec1 h4.h4bg3::before { width: 40%; } }
@media screen and (max-width: 584px) { #simulation .sec1 h4 { font-size: 28px; } }
#simulation .sec1 p.lead { text-align: center; position: relative; width: 100%; font-size: 16px; line-height: 2em; z-index: 3; font-weight: 700; }
@media screen and (max-width: 584px) { #simulation .sec1 p.lead { font-size: 14px; text-align: left; } }
#simulation .sec1f { box-sizing: border-box; padding: 40px; padding-top: 0px; padding-bottom: 0px; border: 2px solid #E9613E; }
@media screen and (max-width: 584px) { #simulation .sec1f { padding: 15px; padding-top: 0px; padding-bottom: 0px; } }
#simulation .sec1a { width: 48%; float: left; padding-top: 40px; }
#simulation .sec1a h5 { color: #E9613E; position: relative; box-sizing: border-box; display: inline-block; font-size: 22px; font-weight: 400; font-feature-settings: "pwid"; letter-spacing: 0.5px; margin-bottom: 15px; vertical-align: bottom; }
#simulation .sec1a h5 span { font-size: 36px; font-weight: 500; }
#simulation .sec1a p.lead { text-align: left; }
@media screen and (max-width: 584px) { #simulation .sec1a { width: 100%; float: none; }
  #simulation .sec1a h5 { width: 100%; font-size: 18px; text-align: center; }
  #simulation .sec1a h5 span { font-size: 22px; } }
#simulation .sec1e h5 { color: #E9613E; text-align: center; position: relative; box-sizing: border-box; font-size: 22px; font-weight: 700; font-feature-settings: "pwid"; letter-spacing: 0.5px; margin-left: auto; margin-right: auto; margin-bottom: 15px; margin-top: 0; vertical-align: bottom; }
#simulation .sec1e h5 span { font-size: 36px; }
@media screen and (max-width: 584px) { #simulation .sec1e h5 { width: 100%; font-size: 18px; text-align: center; }
  #simulation .sec1e h5 span { font-size: 24px; } }
#simulation .sec1d { display: block; box-sizing: border-box; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; height: 50px; background-color: #FFF000; position: relative; text-align: center; -webkit-transition: 3s; -moz-transition: 3s; -o-transition: 3s; transition: 3s; margin-bottom: 60px; }
#simulation .sec1d::before { content: ""; position: absolute; bottom: 4px; right: 4px; width: 0; height: 0; border-style: solid; border-width: 0 0 16px 16px; border-color: transparent transparent #fff transparent; }
#simulation .sec1d::after { width: calc(100% - 4px); height: calc(100% - 4px); content: ""; border: 1px solid #FFFFFF; position: absolute; left: 2px; top: 2px; box-sizing: border-box; }
#simulation .sec1d p { width: 100%; color: #595757; position: absolute; left: 50%; top: 50%; font-size: 16px; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center; }
@media screen and (max-width: 584px) { #simulation .sec1d { margin-bottom: 20px; } }
#simulation .sec1c { margin-top: 60px; margin-bottom: 40px; width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; }
#simulation .sec1c figure img { display: block; vertical-align: bottom; width: 100%; }
@media screen and (max-width: 584px) { #simulation .sec1c { max-width: 300px; margin-top: 40px; margin-bottom: 0px; } }
#simulation .sec1b { width: 50%; float: right; padding-bottom: 40px; }
#simulation .sec1b figure { position: relative; }
#simulation .sec1b figure img { display: block; vertical-align: bottom; width: 100%; }
@media screen and (max-width: 584px) { #simulation .sec1b { width: 100%; max-width: 240px; margin-left: auto; margin-right: auto; float: none; } }
#simulation .pagetit { position: relative; overflow: visible; }
#simulation .pagetit h2 { margin-top: 0; border-bottom: 1px solid #000; padding-top: 20px; }
#simulation .pagetit h2 .h2a { position: absolute; width: 30%; max-width: 160px; left: 40px; bottom: -40px; }
#simulation .pagetit h2 .h2a img { display: block; vertical-align: bottom; width: 100%; }
@media screen and (max-width: 584px) { #simulation .pagetit h2 .h2a { left: 0px; bottom: -60px; width: 36%; max-width: 200px; } }
#simulation .pagetit h2 .h2b { position: absolute; width: 30%; max-width: 140px; right: 40px; bottom: -40px; box-sizing: border-box; padding: 15px; padding-bottom: 25px; padding-top: 40px; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; background-color: #fff; }
#simulation .pagetit h2 .h2b img { display: block; vertical-align: bottom; width: 100%; }
#simulation .pagetit h2 .h2b::after { width: 20px; height: 20px; position: absolute; left: 50%; bottom: -18px; z-index: 3; content: ""; border-top: 1px solid #000; border-left: 1px solid #000; background-color: #fff; -webkit-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); }
@media screen and (max-width: 584px) { #simulation .pagetit h2 .h2b { padding: 5px; right: 0px; bottom: -95px; padding-top: 0px; padding-bottom: 6px; margin-bottom: 30px; z-index: 1; }
  #simulation .pagetit h2 .h2b::after { width: 10px; height: 10px; bottom: -9px; } }
#simulation .pagetit h2 p { font-size: 24px; line-height: 1em; position: relative; margin: 0; color: #595757; font-weight: 700; padding-top: 0px; }
#simulation .pagetit h2 p img { display: block; vertical-align: bottom; width: 100%; max-width: 390px; margin-left: auto; margin-right: auto; }
#simulation .pagetit h2 p::after { display: none; }
@media screen and (max-width: 584px) { #simulation .pagetit h2 p { font-size: 18px; } }
@media screen and (max-width: 584px) { #simulation .pagetit h2 { margin-bottom: 70px; }
  #simulation .pagetit h2 img { margin-bottom: 4px; } }
#simulation .pagetit p.lead { text-align: center; position: relative; width: 100%; font-size: 16px; line-height: 2em; z-index: 3; font-weight: 700; }
@media screen and (max-width: 584px) { #simulation .pagetit p.lead { font-size: 14px; } }
#simulation .pagetit .secin { padding-top: 0px; }
#simulation .secin { max-width: 1100px; }
#simulation figure { max-width: 800px; margin-left: auto; margin-right: auto; }