@charset "UTF-8";


/*-------------------------------------------

    0. anker--reset
    1. anker--class
    2. anker--header
    3. anker--temp
    4. anker--footer

-------------------------------------------*/


/* anker--reset
----------------------------------------------------------------*/
header abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;background:0 0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}dl,li,ol,ul{list-style:none}blockquote,q{quotes:none}a{display:inline-block;margin:0;padding:0;text-decoration:none}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}img{vertical-align:top;-webkit-backface-visibility:hidden;backface-visibility:hidden;display: block;}strong{font-weight:700}body,html{width:100%}


html{
    position: relative;
    height: 100%;
    color: #000;
    font-size: 62.5%;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    min-width: 1400px;
}

/* html * {
    transition: none !important;
} */

@media screen and (max-width: 750px){ html{font-size: 2.2vw;} }
body {
    font-size: 1.4rem;
    line-height: 1.85;
}

/* @media and (orientation: landscape) { body { -webkit-text-size-adjust: 100%; } } */

p {margin-bottom: 30px;font-weight: 400;}
@media screen and (max-width: 750px) {p {margin-bottom: 20px;font-size: 1.4rem;line-height: 2.2;}}

a {
    color: #000;
    text-decoration: none;
}


.pcmode{}
.ipadmode{display: none !important;}
.spmode{display: none !important;}

a[href^="tel:"] {
  cursor: default;
  text-decoration: none;
  pointer-events: none;
  color: #000;
}
a[href^="mailto:"] {
  text-decoration: underline;
  color: #000;
}

#container {
    background-color: #EBF4FA;
}
#wrapper {
    position: relative;
}
#wrapper.is-active {
    position: relative;
    overflow: hidden;
}


#container {
    padding-bottom: 120px;
}


body.notouch #container {
    position: relative;
    overflow-y: hidden;
    pointer-events: none;
}

@media screen and (max-width: 767px){
    .spmode{display: inline-block !important;}
    .pcmode{display: none !important;}
    a[href^="tel:"] {
        pointer-events: auto;
        text-decoration: underline;
    }
}



/* form */
input[type="text"] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="radio"] {
    display: none;
}
input[type="radio"]:checked + label {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
}
input[type="checkbox"] {
    display: none;
}
input[type="checkbox"]:checked + label {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
button,
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}



/*  ::-webkit-input-placeholder {
     color: transparent !important;
}
 :-moz-placeholder {
     color: transparent !important;
}
 ::-moz-placeholder {
     color: transparent !important;
}
 :-ms-input-placeholder {
     color: transparent !important;
}
 input::placeholder {
     color: transparent !important;
}
 textarea::-webkit-input-placeholder {
     color: transparent !important;
}
 textarea:-moz-placeholder {
     color: transparent !important;
}
 textarea::-moz-placeholder {
     color: transparent !important;
}
 textarea:-ms-input-placeholder {
     color: transparent !important;
}
 textarea::placeholder {
     color: transparent !important;
} */




::selection {
    background:#EEE;
}
::-webkit-selection {
    background:#EEE;
}
::-moz-selection {
    background:#EEE;
}


/* anker--class
----------------------------------------------------------------*/

.object-fit {
    object-fit: cover;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;'
}

/* FLOATERS & CLEARERS */
.lefty{
    float: left;
}.righty{
    float: right;
}.clearme{
    clear: both;
}
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}


.flex-box {
    display: flex;
    flex-wrap: wrap;
}


/*TEXT-ALIGN Class*/
.t_left {text-align: left;}
.t_center{text-align: center;}
.t_right{text-align: right;margin-bottom: 0;}

/* font-size */
.f12 {font-size: 1.2rem !important;}
.f14 {font-size: 1.4rem !important;}
.f16 {font-size: 1.6rem !important;}
.f18 {font-size: 1.8rem !important;}
.f20 {font-size: 2rem !important;}
.f22 {font-size: 2.2rem !important;}
.f24 {font-size: 2.4rem !important;}
.f26 {font-size: 2.6rem !important;}
.f28 {font-size: 2.8rem !important;}
.f30 {font-size: 3.0rem !important;}
.f32 {font-size: 3.2rem !important;}
.f34 {font-size: 3.4rem !important;}

/*  margin */
.mb00 {margin-bottom: 0px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb120 {margin-bottom: 120px !important;}
@media screen and (max-width: 750px) {
    .mb00 {margin-bottom: 5px !important;}
    .mb10 {margin-bottom: 5px !important;}
    .mb20 {margin-bottom: 10px !important;}
    .mb30 {margin-bottom: 15px !important;}
    .mb40 {margin-bottom: 20px !important;}
    .mb50 {margin-bottom: 25px !important;}
    .mb60 {margin-bottom: 30px !important;}
    .mb70 {margin-bottom: 35px !important;}
    .mb80 {margin-bottom: 40px !important;}
    .mb90 {margin-bottom: 45px !important;}
    .mb100 {margin-bottom: 50px !important;}
    .mb120 {margin-bottom: 60px !important;}
}


.mr12 {margin-right: 12px;}
.mr22 {margin-right: 22px;}


.lato { font-family: 'Lato', sans-serif; }
.bold {font-weight: bold;}
.red{color: #E22E2E;}
.black{color: #000;}
.blue{color: #006AAF;}
.underline{text-decoration: underline;}
.no_border{border-bottom: none !important;}
.lineblock { display: inline-block; }
.all-image {width: 100%;text-align: center;}
.all-image img {max-width: 100%;}
.mask {
    position: relative;
    overflow: hidden;
}
.link-hover:hover {
    opacity: .6;
}


/* edit-area */
.edit-area {
    position: relative;
}

.inner {position: relative;margin: 0 auto;box-sizing: border-box;}


.w1080 {width: 94%;max-width: 1080px;}
.w960 {width: 94%;max-width: 960px;}
.w720 {width: 720px !important;}
.w650 {width: 650px !important;}
.w540 {width: 94%;max-width: 540px;}
.w490 {width: 490px !important;}
.w380 {width: 380px !important;}
.w280 {width: 280px !important;}
.w255 {width: 255px !important;}
.w230 {width: 230px !important;}
.w200 {width: 200px !important;}
.w150 {width: 150px !important;}
.w100 {width: 100px !important;}
.w40 {width: 40px !important;}

.white-block {
    background-color: #FFF;
    max-width: 1080px;
    margin: 0 auto;
    padding: 60px 150px;
    box-sizing: border-box;
}

.pinter-false {
    pointer-events: none !important;
    background-color: #F6F6F6 !important;
}





/* anker--header
----------------------------------------------------------------*/

header {
    position: sticky;
    width: 100%;
    top: 0;
    z-index: 1000;
}
header .inner {
    height: 110px;
    background-color: #FFF;
}
header .logomark {
    position: absolute;
    top: 35px;
    left: 30px;
}
header .logomark img {}

header .contact-box {
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
}
header .contact-box dl {
    /* display: flex; */
    /* align-items: center; */
}
header .contact-box dl dt {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0;
    position: absolute;
    top: 42px;
    right: 756px;
    padding-right: 40px;
}
header .contact-box dl dt:after {
    content: "";
    display:block;
    width:1px;
    height:56px;
    background: #000;
    position: absolute;
    top: -12px;
    right: 0;
}
header .contact-box dl dd {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
header .contact-box dl dd .support {
    font-size: 2rem;
    color: #006AAF;
    font-weight: 600;
    position: absolute;
    top: 27px;
    right: 498px;
    margin: 0;
}
header .contact-box dl dd .tel {
    font-size: 2.4rem;
    font-weight: 300;
    position: absolute;
    top: 23px;
    right: 250px;
    margin: 0;
}
header .contact-box dl dd .tel a {
    padding: 0 0 0 30px;
    background: url(../img/tel-icon.png) no-repeat 0% 50% / auto 19px;
}
header .contact-box dl dd .cap {
    letter-spacing: 0.08em;
    position: absolute;
    right: 235px;
    bottom: 20px;
    margin: 0;
}

header .contact-box .btn-style {
    width: 200px;
    position: absolute;
    top: 30px;
    right: 30px;
}


header .flow-inner {
    background: #006AAF;
    padding: 20px 0;
}
header .flow-inner ol {
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    flex: 0 1 auto;
    justify-content: space-between;
}
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    header .flow-inner ol:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
    }
}

header .flow-inner ol li {
    position: relative;
    overflow: hidden;
    padding-right: 24px;
}
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    header .flow-inner ol li {
        float: left;
    }
}
header .flow-inner ol li span {
    position: relative;
    font-weight: 600;
    padding: 16px 12px;
    background-color: #FFF;
    display: inline-block;
    letter-spacing: .05em;
}
header .flow-inner ol li.current span {
    background-color: #1198F0;
    color: #FFF;
}

header .flow-inner ol li span:after {
    content: "";
    display: block;
    width: 10px;
    height: 50px;
    border: solid 32px transparent;
    border-left: solid 24px #fff;
    /* margin-top: -5px; */
    box-sizing: border-box;
    position: absolute;
    top: -3px;
    right: -55px;
    overflow: hidden;
}
header .flow-inner ol li.current span:after {border-left-color: #1198F0;}












/* anker--temp
----------------------------------------------------------------*/

/* btn-style */
.btn-style {
    text-align: center;
}

.btn-style.notclick {
    pointer-events: none;
}

.btn-style .link {
    color: #FFF;
    display: block;
    padding: 16px 0;
    width: 100%;
    border-radius: 10px;
    transition: all .3s;
    cursor: pointer;
}
.btn-style.zip-btn .link {
    padding: 10px 0;
}

.btn-style.blue .link {
    background-color: #056aaf;
}
.btn-style.blue:hover .link {
    background-color:#0088E1
}
.btn-style.green .link {
    background-color: #07B410;
}
.btn-style.green:hover .link {
    opacity: .6;
}


.btn-style.grey .link {
    background-color: #B6B6B6;
}
.btn-style.grey:hover .link {
    background-color:#0088E1
}

.btn-style.white .link {
    background-color: #FFF;
    color: #707070;
    border: solid 1px #707070;
}
.btn-style.white:hover .link {
    background-color: #707070;
    color: #FFF;
}


.btn-style.arrow {}
.btn-style.pdf {}

.btn-style.arrow .link span {
    position: relative;
    padding-right: 10px;
}
.btn-style.arrow .link span:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-top: solid 1px #FFF;
    border-right: solid 1px #FFF;
    margin-top: -3px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    transition: all .3s;
}
.btn-style.arrow.white .link span:after {
    border-color: #707070;
}
.btn-style.arrow.white:hover .link span:after {
    border-color: #FFF;
}

.btn-style.arrow.left-side .link span {
    position: relative;
    padding-left: 10px;
}
.btn-style.arrow.left-side .link span:after {
    right: auto;
    left: 0;
    transform: rotate(-135deg);
}

.btn-style.pdf .link span {
    padding-right: 20px;
    background: url(../img/pdf-icon.png) no-repeat 100% 50% / auto 16px;
}





/* p-style */
.p-style01 {
    font-size: 1.6rem;
    line-height: 30px;
    letter-spacing: .05em;
}
.p-style02 {
    font-size: 1.6rem;
    line-height: 30px;
    color: #929292;
}
.p-style03 {
    font-size: 1.4rem;
    line-height: 24px;
    color: #929292;
}


/* h-style */
.h-style01 {
    font-size: 2.8rem;
    text-align: center;
    position: relative;
    padding: 50px 0 20px;
    margin-bottom: 30px;
}
.h-style01:after {
    content: "";
    display: block;
    width: 70px;
    height: 3px;
    background: #006AAF;

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.h-style02 {
    font-size: 2rem;
    line-height: 1.4;
    padding: 0 0 16px 16px;
    position: relative;
    letter-spacing: .05em;
}
.h-style02:before {
  content: "";
  display: block;
  width: 4px;
  height: 24px;
  background-color: #016aaf;
  position: absolute;
  top: 3px;
  left: 0;
}
.h-style02:after {
  content: "";
  display: block;
  width:100%;
  height:1px;
  background-color: #707070;
  position: absolute;
  left: 0;
  bottom: 0;
}

.h-style03 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #056aaf;
}

.h-style04 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #FFF;
    background-color: #056aaf;
    padding: 8px 14px;
}


.pdf-link {
    padding: 0 0 0 20px;
    background:  url(../img/pdf-icon.png) no-repeat 0% 50% / auto 16px;
    text-decoration: underline;
}
.pdf-link:hover {
  color: #e43b3b;
}
.arrow-icon {
    position: relative;
    padding-right: 30px;
}
.arrow-icon:after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    
    margin-top: -3px;
    
    transform: rotate(45deg);
    
    position: absolute;
    top: 50%;
    right: 5%;
}



.tooltip{
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: initial;
    width: 30px;
    height: 30px;
    top: 8px;
    left: 16px;
}


@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    .tooltip{
        float: right;
        left: 0;
    }
}

.tooltip img{
    position: absolute;
    top: 50%;
    left: 50%;
    right: -50%;
    bottom: -50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
    margin: 0 0 0 0;
}
.description {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 1.2rem;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #000;
    width: 45rem;
    height: max-content;
    z-index: 10;
}
.description a {
  display: contents;
  color: #FFF;
}


.tooltip .description.is-open {
    display: block;
    top: 50%;
    right: -50%;
    transform: translate(0%, 50%);
}
.description:before {
    content: "";
    position: absolute;
    top: 99%;
    right: 20px;
    border: 10px solid transparent;
    border-top: 10px solid #000;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .tooltip:hover .description{
        display: flex;
        top: 50%;
        right: -50%;
        transform: translate(0%, 50%);
    }
}
@media all and (-ms-high-contrast: none) {
    .tooltip:hover .description{
        display: flex;
        top: 50%;
        right: -50%;
        transform: translate(0%, 50%);
    }
}


.tooltip.row01 .description {
    margin: -90px 0 0 0;
}
.tooltip.row02 .description {
    margin: -120px 0 0 0;
}
.tooltip.row03 .description {
    margin: -150px 0 0 0;
}
.tooltip.row04 .description {
    margin: -180px 0 0 0;
}
.tooltip.row05 .description {
    margin: -210px 0 0 0;
}





/* t-style */
.t-style {
    margin: 0 auto;
    width: 100%;
}


@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    .t-style {
        table-layout:fixed;
    }
}

.t-style th {
    vertical-align: top;
    width: 220px;
    text-align: left;
    padding-right: 20px;
    letter-spacing: .05em;
}

.t-style th span {}
.t-style .txt {
    font-size: 1.6rem;
    font-weight: 600;
}
.validation {
    font-size: 1.2rem;
    font-weight: 300;
    padding: 0px 10px;
}
.validation.any {
    background-color: #EBF4FA;
    color: #006AAF;
}
.validation.mandatory {
    background-color: #E22E2E;
    color: #FFF;
}

.t-style .tag {
    background: #E6E6E6;
    font-size: 1.2rem;
    font-weight: 300;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 100px;
    line-height: 1.4;
    margin: 3px 0 0 0;
}
.t-style td {
    position: relative;
    width: 540px;
    font-size: 1.6rem;
}

.tr-type01 {}
.tr-type01 th,
.tr-type01 td {
    text-align: left;
    display: block;
    width: 100%;
}
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    .tr-type01 th,
    .tr-type01 td {
        float: left;
    }
}
.tr-type01 td {}


.tr-type02 {
    display: block;
}

.tr-type03 th,
.tr-type03 td {
    width: auto;
    padding:  0 20px 0 0;
}







input.input-text {
    border: solid 1px #CCC;
    font-size: 1.6rem;
    font-weight: 300;
    border-radius: 4px;
    line-height: 1.2;
    width: 100%;
    padding: 14px 16px;
    box-sizing: border-box;
    background-color: #FFF;
    color: #000;
}
input.input-text::placeholder {
  color: #B6B6B6;
}

input.input-text.error,
input.input-text:invalid {
    background-color: #FFEAEA;
    border-color: #E22E2E;
}

.error-log {
    font-size: 1.4rem;
    color: #E22E2E;
}


textarea.input-textarea {
    border: solid 1px #CCC;
    font-size: 1.6rem;
    font-weight: 300;
    border-radius: 4px;
    line-height: 1.2;
    width: 100%;
    padding: 14px 16px;
    box-sizing: border-box;
    background-color: #FFF;
    color: #000;
}


.input-select {
    position: relative;
    display: inline-block;
}
.input-select:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -6px;
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 7%;
    z-index: 1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .input-select:before {
        border-top: solid 1px #000;
        border-right: solid 1px #000;
    }
}


.input-select select {
    position: relative;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.2;
    color: #000;
    border: solid 1px #CCC;
    border-radius: 4px;
    padding: 14px 16px;
    background-color: #FFF;
}

.input-select option:first-of-type {
  color: #B6B6B6;
}
.input-select option {}



.silver-btn {
    width: 150px;
    line-height: 50px;
    border-radius: 5px;
    background: linear-gradient(#bdbdbd 0%, #5b5b5b 100%);
    font-size: 1.6rem;
    color: #FFF;
    text-align: center;
    display: inline-block;
    transition: all .3s;
    cursor: pointer;
}
.silver-btn:hover {
    background: linear-gradient( #5b5b5b 0%, #bdbdbd 100%);
}



.input-check {
    display: flex;
    align-items: center;
}
/* Base for label styling */
.input-check [type="checkbox"]:not(:checked),
.input-check [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.input-check [type="checkbox"]:not(:checked) + label,
.input-check [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
  align-items: center;
}

/* checkbox aspect */
.input-check [type="checkbox"]:not(:checked) + label:before,
.input-check [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 1.25em;
  height: 1.25em;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.input-check [type="checkbox"]:not(:checked) + label:after,
.input-check [type="checkbox"]:checked + label:after {
  content: '\2713\0020';
  position: absolute;
  top: .15em;
  left: .22em;
  font-size: 1.2em;
  line-height: 0.8;
  color: #096aaf;
  transition: all .2s;
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
/* checked mark aspect changes */
.input-check [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.input-check [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
  top: .3em;
}
/* disabled checkbox */
.input-check [type="checkbox"]:disabled:not(:checked) + label:before,
.input-check [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.input-check [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.input-check [type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
.input-check [type="checkbox"]:checked:focus + label:before,
.input-check [type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted blue;
}

/* hover style just for information */
.input-check label:hover:before {
  border: 2px solid #4778d9!important;
}




textarea {
    border: solid 1px #CCC;
    border-radius: 5px;
    width: 100%;
}



.input-radio {}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.input-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.input-radio input[type="radio"] + .radio-label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-flex;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  top: .15em;
}
.input-radio input[type="radio"]:checked + .radio-label:before {
  background-color: #016aaf;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.input-radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #3197ee;
}
.input-radio input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.input-radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}
}





/* anker--footer
----------------------------------------------------------------*/

footer {
    padding: 28px 0 20px;
}
footer .logomark {margin: 0 0 10px;}
footer .logomark img {
    margin: 0 auto;
}
footer small {
    text-align: center;
    display: block;
    font-size: 1.2rem;
    color: #707070;
    letter-spacing: .05em;
}