/*
Theme Name: EI Theme
Theme URI: https://example.com
Author: EI
Description: Theme for the EI WordPress portal.
Version: 0.6.0
Text Domain: ei-theme
*/

html,
body,
*,
:before,
:after{box-sizing:border-box}

body{
    width:100%;
    margin:60px 0 0;
    padding:0;
    background-color:white;
    font-family:Manrope, sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.2;
    color:#111111;
}

h1,h2,h3,h4,h5,h6,h7{
    display:block;
    margin-block-start:0;
    margin-block-end:0;
    margin-inline-start:0;
    margin-inline-end:0;
    font-weight:normal;
    unicode-bidi:isolate;
}

h1{font-size:180%;line-height:1.05;font-weight:700}
h2{font-size:140%;line-height:1;font-weight:600}
h3{font-size:95%;line-height:1.2;font-weight:600}
h4{font-size:129%;line-height:1.30;font-weight:600}
h5{font-size:106%;line-height:1.35;font-weight:600}
h6{font-size:94%;line-height:1.40;font-weight:600}

a{
    display:inline;
    padding:0;
    margin:0;
    background:none;
    border:none;
    box-shadow:none;
    color:#2962f9;
    font:inherit;
    font-weight:400;
    line-height:inherit;
    text-decoration:underline;
    text-underline-offset:2px;
    cursor:pointer;
}

a:hover{color:#1d46cc}

button,
input,
textarea,
select{font:inherit}

.__ttl{
    display:block;
    width:100%;
    margin:0;
}

.__ttl_note{
    display:block;
    font-size:13px;
    font-weight:400;
    color:grey;
    width:100%;
    margin-top:0;
}

.__ttl_note a{font-weight:555}

.__main-side,
.__side-main{
    display:flex;
    gap:0;
}

.__main-side .__main{
    order:1;
    border-right:1px solid #e8e8e8;
}

.__main-side .__side{order:2}

.__side-main .__main{
    order:2;
    border-left:1px solid #e8e8e8;
}

.__side-main .__side{order:1}

.__fw{
    float:left;
    display:block;
    width:100%;
}

.__100{
    width:95%;
    max-width:1300px;
    margin-inline:auto;
    background:white;
}

.__70{width:calc(100% - 350px)}
.__30{width:350px}
.__60{width:60%;background:white}
.__40{min-width:400px;width:40%;background:white}

.__box{
    position:relative;
    padding:20px 40px;
}

.__border_line::before{
    content:"";
    position:absolute;
    left:40px;
    right:40px;
    bottom:0;
    width:calc(100% - 80px);
    height:.7px;
    background:#f0f0f0;
}

.ei-header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:20;
    height:60px;
    display:flex;
    align-items:center;
    background:white;
    border-bottom:1px solid #e8e8e8;
}

.ei-header-inner{
    width:95%;
    max-width:1300px;
    margin-inline:auto;
}

.ei-header a{
    font-size:18px;
    font-weight:700;
    color:#111111;
    text-decoration:none;
}

@media (max-width:867.99px){
    .__main-side,
    .__side-main{flex-direction:column}
    .__main-side .__main{border-right:none}
    .__side-main .__main{border-left:none}
    .__100,
    .__70,
    .__60,
    .__40,
    .__30{width:100%;min-width:100%;background:white}
    .__box{position:relative;padding:20px 20px 23px 20px}
    .__border_line::before{left:20px;right:20px;width:calc(100% - 40px)}
}