*{color:#000;}
.mobile,.mobile-menu {display: none;}
.mobile_none {display: block;}

/*--------------------[ HEADER ]------------------*/
.header{width:100%; background:url(/images/earlytms/bg.png); position: fixed; z-index: 5000;}
.header_wrap{height:80px; margin:0 auto; display: flex; justify-content:space-between;}
.logo{display: block; background: url(/images/earlytms/logo-01.svg) no-repeat; width:180px; margin-top:30px;}
.top_menu{display: flex;}
.top_menu li{padding-right:40px; line-height: 80px;}
.top_menu li:last-child{padding-right: 0;}
.top_menu li a{color:#fff; font-size: 1em}
.top_menu li .button0{color:#fff; font-size: 1em}
.top_menu li:last-child a{color:#91d5ff!important;}

.container{margin:0 auto; padding:0 100px;}
.section {padding-top:80px;}
.section>*{margin:0 auto; text-align: center;}
body{font-family: 'Lato', sans-serif; letter-spacing:0.05em; min-width: 1024px; margin:0 auto;}
h2{font-size: 3em; line-height: 110%;}
h3{font-size: 2em; color:#2975b0; font-weight:500;}
.sub_title{font-size: 1.8em; font-weight: 700; color:#2975b0; line-height: 150%; letter-spacing: 1px;}
.sub_txt{font-size: 1.2em; color: #5e6164; line-height: 150%;  font-weight:  300!important;}
button {
    border: none;
    box-shadow: 0 30px 80px -20px rgb(5, 17, 59);
    border-radius: 50px;
    font-size: 1.2em;
    text-align: center;
    cursor: pointer;
    background: -webkit-linear-gradient(45deg,#d3d3d3,#fff);
    background: -o-linear-gradient(45deg,#d3d3d3,#fff);
    background: -moz-linear-gradient(45deg,#d3d3d3,#fff);
    background: linear-gradient(45deg,#d3d3d3,#fff);
}
.button0 {
    border: none;
    box-shadow: 0 30px 80px -20px rgb(5, 17, 59);
    border-radius: 50px;
    font-size: 1.2em;
    text-align: center;
    cursor: pointer;
    padding: 14px 6px;
    background: -webkit-linear-gradient(45deg,#d3d3d3,#fff);
    background: -o-linear-gradient(45deg,#d3d3d3,#fff);
    background: -moz-linear-gradient(45deg,#d3d3d3,#fff);
    background: linear-gradient(45deg,#d3d3d3,#fff);
    align-items: flex-start;
    text-align: center;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    margin: 0em;
    font: 13.3333px Arial;
    vertical-align:middle;
}
div .button0:hover{box-shadow: 0 30px 60px -20px rgb(5, 17, 59);}
.button1{width:250px; height:60px; margin-top: 40px; margin-right:10px; color: #125fa3; padding: 16px 6px; font-size:19.2px;}
.button2{width:250px; height:60px; border:3px solid #fff; background: none; margin-top: 40px; margin-right:10px; color:#fff; padding: 16px 6px; font-size:19.2px;}
.button3{width:120px; height:45px; margin-top: 0px; margin-right:0; border:2px solid #fff; box-shadow:none; background: none;}
.button3:hover{box-shadow:none;}
.button4{width:320px; height:60px; margin-top: 20px; margin-right:10px; color: #fff; background: #125fa3;}
.button_login {width:45px; height:45px; background-color: #e3e3e3; border-radius: 50px;}

.active{color:#2975b0 !important;}

.main_box, .info_btn {border-radius: 50px; width:400px; height:60px; margin-top: 15px; padding:0 20px;}
.main_box{display: block; border:1px solid #d3dadf; font-size: 1.2em; color:#4c575f; opacity: 0.8;}
.main_box:focus {border:2px solid #125fa3;}
.info_btn {width:360px; border:none; background: #125fa3; cursor: pointer; box-shadow: 0 5px 30px 0 rgba(0,0,0,0.2);}
.info_btn:hover {box-shadow: 0 30px 60px -20px rgba(4, 126, 224,0.5); transition: all 0.2s;}
.info_btn>div {color:#fff!important; font-size:2.5em!important;  letter-spacing: 0.08em; }
.info_btn[type="submit"] {color:#fff!important; font-size:1.5em!important;  letter-spacing: 0.08em;}
input[type=email], input[type=text],input[type=password],input[type=tel], input[type=num]{color:#125fa3;}

.login_box {display: flex; position: relative;}
.login_box .button_login {margin-top: 16px; cursor: pointer; background: url(/images/earlytms/account.svg) no-repeat #fff center 5px; background-size: cover;}
.login_box>a {display: inline-block; margin-left:10px; color:#fff; margin-top:25px; clear: both;}

/*--------------------[ FOOTER ]------------------*/
.footer_box {background: #2e3032; padding-bottom: 60px;}
.footer_box>*{font-size: 0.8em;}
.footer_box .logo{margin-top:0px; background: url(/images/earlytms/logo-02.svg) no-repeat;}
.footer_box li,a,p {color:#5e6164; line-height: 150%;}
.footer_box ul li:first-child{padding-bottom: 20px; font-weight: bold; color:#d3d3d3;}
.footer1_at {display: flex; justify-content: space-between; padding-top: 40px;}
.footer2_at {padding-top:60px; display: flex; justify-content: space-between; align-items:flex-end;}
.footer2_at .footer_txt {display: flex; margin-bottom: 10px;}
.footer2_at .bar {width:1px; background: #5e6164; margin-left:10px; margin-right:10px; display: block;}
.footer_sns div {width:2em; height:2em; border-radius: 50%; background: #a0a0a1;; display: inline-block; margin-right:10px; position: relative;}
.footer_sns div i {color:#2e3032; font-size: 1.2em; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}

/* popup common */
.modal{display:none; position:fixed; top:0; left:0; z-index:50; width:100%; height:100%; background:url(/images/earlytms/bg_tran_black80.png) repeat;}
.layer_popup{position:fixed; top:-1000em; left:-1000em; z-index:100; background:#fff;}
.layer_popup .popup_header{height:50px; padding:0 40px; background:#222933;}
.layer_popup .popup_header h2{line-height:46px; color:#fff; font-size:26px; font-family:roboto_bo,arial,sans-serif; margin-top:0px;}
.layer_popup .popup_content{padding:32px 40px 0 40px;}
.layer_popup .popup_close{position:absolute; top:5px; right:5px; z-index:10;}
.layer_popup .popup_close a{display:block; width:17px; height:17px; text-indent:-1000em; overflow:hidden; background:url(/images/earlytms/popup_close.gif) no-repeat; background-position:0 0;}
.layer_popup .popup_close a:hover{background-position:0 100%;}
.layer_popup .search_top{padding-bottom:20px;}
.layer_popup table.type1 tbody td > p{padding:3px 0;}
.layer_popup .center_btns{padding:30px 0 0 0;}

/* modal 99 */
.modal99{display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 899999; width: 100%; height: 100%; opacity: .50; }
.modal100{display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 999999; width: 100%; height: 100%; opacity: .50; }
.layer_popup99{display: none; z-index:900000; background:#fff; margin: 0; background: white; position:fixed; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); max-height:95%; max-width:95%; overflow:auto; }
.layer_popup99 .popup_header99{height:40px; padding:0 20px; background:#222933; border-bottom:4px solid #2789e9;}
.layer_popup99 .popup_header99 h2{line-height:46px; color:#fff; font-size:20px; font-family:roboto_bo,arial,sans-serif;}
.layer_popup99 .popup_content99{padding:7px 20px 7px 20px;}
.layer_popup99 .popup_close99{position:absolute; top:14px; right:14px; z-index:899998; margin:0;}
.layer_popup99 .popup_close99 a{display:block; width:17px; height:17px; text-indent:-1000em; overflow:hidden; background:url(/images/earlytms/popup_close.gif) no-repeat; background-position:0 0;}
.layer_popup99 .popup_close99 a:hover{background-position:0 100%;}

/*--------------------[ MEDIA QUERY ]------------------*/

@media only screen and (max-device-width : 667px) {
body{min-width:100%; margin:0 auto;}
.mobile {display: block;}
.mobile_none {display: none;}
.top_menu {display: none;}
.container{margin:0 auto; padding:0 10px;}
    
.sub_txt {font-size:1em !important; text-align: center;}
.sub_title {font-size:1.2em !important; text-align: center;padding-bottom: 20px;}
h2 {font-size:2em !important; text-align: center;}
.main_box, .info_btn {width:280px;}

/*[ HEADER ]*/
.mobile-menu {width: 100%; height: 100%; background: rgba(0,0,0,0.85); position: fixed; display: none; z-index: 99999;}
.main-menu {padding:5px; height:600px;}
.main-menu a {display: block; width:100%; height:80px; line-height: 80px; border-bottom: 1px solid rgba(255,255,255,0.5); color:#fff; font-size: 1.2em; text-align: center;}
.main-menu li:last-child a{color:#2975b0!important;}
.open-button {width: 30px; height: 30px; transform: rotate(0deg); transition: .5s ease-in-out; position: absolute; cursor: pointer;
border-bottom: 0; top: 30px; right: 10px; z-index: 9999; border-bottom: 0;}
.open-button span {display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 2px; opacity: 1; left: 0;transform: rotate(0deg); transition: .25s ease-in-out;}
.open-button span:nth-child(1) {top: 0px; transform-origin: left center;}
.open-button span:nth-child(2) {top: 10px; transform-origin: left center;}
.open-button span:nth-child(3) {top: 20px; transform-origin: left center;}
.open-button.open span:nth-child(1) {transform: rotate(45deg); top: -3px; left: 8px;}
.open-button.open span:nth-child(2) {width: 0%; opacity: 0;}
.open-button.open span:nth-child(3) {transform: rotate(-45deg); top: 19px; left: 8px;}

/*[ FOOTER ]*/
.footer1_at {display: none;}
.footer2_at {padding-top:30px; display: flex; flex-direction: column; justify-content: center; align-items:center;}
.footer2_at .footer_txt {margin-top:20px; padding-top:20px; justify-content: center; border-top:1px solid rgba(255,255,255,0.2); }
.footer2_at .bar {width:1px; background: #5e6164; margin-left:10px; margin-right:10px; display: block;}
.footer_sns div {width:3em; height:3em; margin-top:30px;}
.footer_sns div i {font-size: 2em;}
.contact_m {padding-top:20px; text-align: center;}

.footer2_at select {-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none; border: 0 !important; background: #000; background-image: none; }
.footer2_at .select {position: relative; display: block; width: 300px; height: 60px; line-height: 60px; background: #fff; overflow: hidden; border-radius: 5px;}
.footer2_at select {width: 100%; height: 100%; margin: 0; padding: 0 0 0 15px; color: #a0a0a1; cursor: pointer; font-size: 1.5em; }
.footer2_at select::-ms-expand {display: none; }
.footer2_at .select::after {content: '\25BC'; position: absolute; top: 0; right: 0; bottom: 0; padding: 0 20px; background: #a0a0a1; pointer-events: none; border-radius: 0 5px 5px 0;}
.footer2_at .select:hover::after {color: #000;}
.footer2_at .select::after {-webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease;}
}

@media only screen and (min-device-width : 667px) {

}