.mainBos {
    color: #424753;
}

header {
    width: 100%;
    height: 100vh;
    background-color: rgba(21, 45, 72, 0.8);
    position: relative;
    background-size: cover;
}

header::after {
    content: "";
    background: url(../img/blocks.png) no-repeat top center;
    background-size: cover;
    opacity: 0.65;
    z-index: -2;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

header::before {
    content: "";
    background: url(../img/header.jpg) no-repeat top center;
    background-size: cover;
    opacity: 0.65;
    z-index: -2;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.headerTop {
    padding: 5rem 0 0 5.5rem;
    display: flex;
}

.headerTop img {
    width: 5.4rem;
    height: 5.4rem;
    margin: 0 5rem 0 auto;
}

.headerTop-p {
    color: white;
    display: flex;
}

.headerTop-p img {
    width: 13.18rem;
    height: 1.28rem;
    margin: auto 0;
}

.headerBottom {
    color: white;
    text-align: center;
    margin-top: 10rem;
}

.headerBottom .p1 {
    font-size: 3.6rem;
}

.headerBottom .p2 {
    font-size: 1.15rem;
}

.headerBottom .p3 {
    display: inline-block;
    font-size: 0.7rem;
    width: 7.48rem;
    height: 2.7rem;
    line-height: 2.7rem;
    border: rgba(255, 255, 255, 1) solid 0.09rem;
    border-radius: 1.8rem;
    margin: 2.2rem auto 0;
    cursor: pointer;
    color: white;
}

.dot {
    width: 0.37rem;
    height: 0.37rem;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    margin: auto 0.45rem;
}

.srm {
    font-size: 1.5rem;
    margin: auto 0;
    font-style: italic;
}


.header_back {
    background: url("../img/Bitmap.png") no-repeat;
    background-size: cover;
    text-align: center;
}

.font_large {
    font-size: 1.5rem;
    padding-top: 3.5rem;
}

.font_small {
    font-size: 0.9rem;
    margin-top: 0.3rem;
}

.message {
    display: flex;
    justify-content: space-around;
}

.message_list-header {
    font-size: 1.6rem;
    padding-bottom: 2.35rem;
    border-bottom: 0.1rem solid #ededef;
}

.img_div {
    display: flex;
    margin: auto auto 0.7rem;
    width: 4.05rem;
    height: 4.05rem;
    border-radius: 50%;
    border: .25rem solid #ededef;
}

.img_div img {
    margin: auto;
}

.message_list-footer {
    padding-top: 1.1rem;
    font-size: 0.7rem;
}

.message_list {
    margin: auto;
    text-align: center;
    width: 11.7rem;
    height: 13.5rem;
}

.font {
    background: url("../img/font.jpg") no-repeat;
    background-size: cover;
}

.attempt {
    width: 100%;
    height: 34.5rem;
    text-align: center;
}

.attempt img {
    width: 100%;
    height: auto;
    margin-top: 5rem;
}

.attempt span, .multi-scenario span {
    display: inline-block;
    width: 52rem;
    height: 5px;
    border-bottom: .05rem solid #ededef;
    margin: auto;
}

.business-box {
    display: flex;
    flex-direction: column;
}

.imaginaryLine {
    display: inline-block;
    width: 52rem;
    height: 5px;
    border-bottom: .05rem solid #ededef;
    margin: auto;
}

.business {
    width: 100%;
    height: 31.5rem;
    display: flex;
    justify-content: space-between;
}

.business img {
    width: 26rem;
    height: 21rem;
    margin: auto;
}

.business_left {
    margin: auto;
}

.business_list {
    display: flex;
    flex-direction: column;
}

.business_list h3 {
    font-size: 0.9rem;
    margin-bottom: 0.8rem;
}

.business_list p {
    color: #505050;
    font-size: 0.7rem;
    display: flex;
    flex-direction: column;
}

.multi-scenario {
    width: 100%;
    height: 37.5rem;
    text-align: center;
}

.safety {
    width: 100%;
    height: 30rem;
    text-align: center;
}

.safety_box {
    display: flex;
    justify-content: space-around;
    margin-top: 5rem;
}

.safety_list {
    display: flex;
    width: 20rem;
}

.safety_list img {
    width: 4rem;
    height: 4rem;
    margin: auto;
}

.safety_content {
    text-align: left;
    margin: auto auto auto 1rem;
}

.safety_content h1 {
    font-size: 0.8rem;
    margin-bottom: 0.3rem;
}

.safety_content p {
    font-size: 0.7rem;
    color: #505050;
}

footer {
    height: 6.2rem;
    width: 100%;
    background: #312f37;
    display: flex;
    color: white;
}

.footer_left {
    display: flex;
    height: 100%;
    margin-left: 5rem;
}

.footer_left_pon {
    display: flex;
}

.footer_left_pon img {
    width: 14.5rem;
    height: 2.2rem;
    margin: auto 0;
}

.footer_left_ptw {
    display: flex;
    flex-direction: column;
    font-size: 0.6rem;
}
.footer_left_ptw span{
    margin: auto 0 auto 0.8rem;
}

.footer_right {
    display: flex;
    margin: auto 2.25rem auto auto;
}

.footer_right div {
    display: flex;
    flex-direction: column;
}

.footer_right img {
    width: 3.8rem;
    height: 3.8rem;
}

.multi-scenario_list {
    display: flex;
    justify-content: space-around;
    margin-top: 6rem;
}

.multi-scenario_list_left {
    display: flex;
    flex-direction: column;
}

.multi-scenario_list_left img:first-child {
    margin: 0 0 2rem 4.55rem;
}

.multi-scenario_list_left img:last-child {
    margin: 0 0 0 3.55rem;
}

.multi-scenario_list_right img:first-child {
    margin: 0 3.55rem 2rem 1rem;
}

.multi-scenario_list_right img:last-child {
    margin: 0 4.55rem 0 0;
}

.multi-scenario_list_left img {
    width: 9.9rem;
    height: 9.9rem;
    opacity: 0.5;
}

.multi-scenario_list_right {
    display: flex;
    flex-direction: column;
}

.multi-scenario_list_right img {
    width: 9.9rem;
    height: 9.9rem;
    opacity: 0.5;
}

.center_img {
    width: 37.45rem;
    height: 17.15rem;
    margin: auto 0;
}