.login-container {
            position: relative;
            top: -10px;
            left: -1040px;
        }
        .tooltip2 {
            position: absolute;
            top: 50px;
            left: 0;
            background-color: #FFFFFF;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            padding: 20px;
            display: none;
            z-index: 17;
            width: 970px;
            border: solid 5px #008F79;
        }
        .tooltip2::before {
            content: "";
            position: absolute;
            top: -10px;
            left: 660px;
            border-width: 0 10px 10px 10px;
            border-style: solid;
            border-color: transparent transparent #008F79 transparent;
        }
        .login-options {
            display: flex;
            justify-content: space-between;
        }
        .option {
            width: 48%;
        }
        .flax {
            display: flex;
            justify-content: space-between;
        }
        .item {
            width: 48%;
        }
        .option h3 {
            color: #008F79;
            margin-bottom: 5px;
            font-weight: bold;
            font-size: 1.5em;
            padding-left: 150px;
        }
        .option p {
            font-size: 14px;
            margin-bottom: 10px;
            margin-top: 2em;
           padding-left: 10px;
        }
        .option button {
            background-color: #007749;
            color: white;
            border: none;
            padding: 8px 16px;
            border-radius: 4px;
            cursor: pointer;
        }
         .option .iconLink01 a {
            display: block !important;
        }
        .logon_col a {
            padding: 4px 20px 3px 30px;
            text-align: center;
            line-height: 1.2;
            background-color: #ffb122;
            border-top: solid 1px #ffb122;
            border-bottom: solid 1px #de9a1d;
            box-shadow: 0 1px 0 #b47c18;
            color: #ffffff;
            width: 80% !important;
        }
        .logon_col .icn {
            background: url(/kojin/kariru/images/icn_logon.png) no-repeat 0 0 / 15px auto;
            display: block;
            width: 15px;
            height: 20px;
            margin-right: 12px;
        }
        .logon_col:hover .icn {
            background: url(/kojin/kariru/images/icn_logon_on.png) no-repeat 0 0 / 15px auto;
        }
        .logon_col a:hover {
            padding: 4px 20px 3px 30px;
            text-align: center;
            line-height: 1.2;
            background-color: #ffffff;
            border: solid 1px #ffb122;
            border-bottom: solid 1px #de9a1d !important;
            box-shadow: 0 1px 0 #b47c18 !important;
            color: #ffb122 !important;

        }
        .logon_col span {
            display: contents;
            text-align: center;
        }
        .sub {
            font-size: 12px;
       }
      .iconLink01 a {
            position: relative;
            display: inline-block;
            padding-left: 1em;
            box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset !important;
            height: 15px !important;
            justify-content: left !important;
            font-weight: normal !important;
            color: #00619e !important;
       }
       .iconLink01 a:before {
            content: "";
            position: absolute;
            top: 0.3em;
            left: 0;
            display: inline-block;
            width: 10px;
            height: 14px;
            background: url(/common/img/com_bg01.png) no-repeat 0 0;
       }
      .iconLink01 a:hover {
	    text-decoration: underline !important;
            color: #008F79 !important;
       }
      .iconLink01 a:link    {
	    color: #00619e;
	    text-decoration: none;
	    outline: none !important;
	    transition-property: background-color, color !important;
	    transition-duration: 0.2s !important;
       }
       #header a {
            text-decoration: none;
       }