@charset "UTF-8";

.main {overflow-x: hidden;}
a.btn_apply {position: relative;}
a.btn_apply::hover {opacity: .7;transition : .5s;}

.footer {background-color: #0075c1;}

.floatbnr_bg {display: block; position: fixed; bottom: 0; left: 0; width: 100vw; background-color: rgba(0,117,193,.8); padding: 15px 0; z-index: 10;}
.floatbnr {position: relative; width: 1100px; border-radius: 8px; background-color: rgba(255,255,255,.85); margin: 0 auto;box-shadow: 0 0 5px rgba(0,0,0,0.15);
display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: .35em 0;}
.floatbnr_close {position: absolute; top: -15px; right: -25px; padding: 5px; cursor: pointer;}
.floatbnr > span {flex-grow: 1.5;}
.floatbnr > span.ttl {display: inline-flex; flex-direction: row; align-items: center;font-size: 1em; font-weight: bold; line-height: 1.5; padding: 0 1em;}
.floatbnr > span.ttl::before {content: ""; display: block; width: 2.25em; height: 2em; margin-right: 1em; background-attachment: scroll; background-image: url(/r/img/ic_balloon.svg); background-position: center;background-size: cover;}
.floatbnr > address {display: inline-flex; align-items: center; justify-content:center; border-left: 1px #FFF solid; border-right: 1px #FFF solid; padding: 0 .65em; flex-grow: 2;}
.floatbnr > address dl {display: flex; align-items: center; flex-direction: row;}
.floatbnr > address dl dt {padding-right: 10px; padding-top: 3px;}
.floatbnr > address dl dd{ color: #0075c1; font-size: 3.65em; letter-spacing: .075em; font-weight: 600; padding-right: 10px;}
.floatbnr > address dl dd a { color: #0075c1;}
.floatbnr > address p { display: flex; align-items: center; justify-content: center; text-align: center;width: 3.75em; height: 3.75em; background-color: #fff; border: 2px #0075c1 solid; border-radius: 2em; color: #0075c1; padding: .5em; line-height: 1.1; font-weight: bold; font-size: .9375em;}

.floatbnr > span.information { display: inline-flex; flex-direction: column; padding:0 1em;}
.floatbnr > span.information p {font-size: 1.25em; font-weight: bold;}
.floatbnr > span.information dl {display: flex; align-items: center; flex-direction: row; font-size: .9375em;}
.floatbnr > span.information dl dd {font-weight: bold;}

.sec_copyright{ width: 90%; max-width: 800px; margin: 0 auto; padding: .5em 0 2em; text-align: center;}
.sec_copyright ul { display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.sec_copyright ul li { display: inline-flex;flex-grow: 1; justify-content: center;}
.sec_copyright ul li:first-child {flex-grow: 2; border-right-color: rgba(255,255,255,.3); border-right-style: solid; border-right-width: 1px; padding: 20px 2em; margin-right: 2.5em; }




.sec_faq {display: block; padding: 1.5em;}
.sec_faq dl { display: flex; flex-direction: column; width: 90%; max-width: 820px; border: 1px #ddd solid; border-radius: 3px; padding: 1.5em 2em; margin: 0 auto 1em;}
.sec_faq dt { display: flex; flex-direction: row; font-size: 1.25em; align-items: center; justify-content: flex-start; border-bottom: 1px #ddd solid; padding-bottom: .5em; margin-bottom: .5em;}
.sec_faq dt::before {content: ""; display: inline-flex; background-attachment: scroll; background-image: url(/r/img/ic_q.svg); background-position: center;background-size: cover; width: 2em ;height: 2em ; margin-right: 1em;}
.sec_faq dd { font-size: .875em; line-height: 1.6em;}

.sec_security { display: block; background-color: rgba(65,187,229,.1); padding: 2em 0; position: relative;overflow-x: hidden;}
.sec_security > h2 {display: block; font-size: 1.25em; margin: .75em auto; line-height: 1.5; text-align: center;}
.sec_security > h2 em { display: block;font-size: 1.25em; font-style: normal; }
.sec_security > h2::after { content: ""; display: block; margin:.75em auto; width: .5em; height: .5em; background-color: rgba(65,187,229,1); border-radius: 1em;}
.sec_security::after {
    content: "";
    position: absolute;
    top: 0px;
    left: calc(50% - 480px);
    transform: translateX(-50%);
    width: 683px;
    height: 417px;
    background-image: url(/r/img/bg_diag.svg);
    background-repeat: no-repeat;
    z-index: -1;}

.sec_security ul {display: flex; flex-direction: row; justify-content: space-between; width: 100%; max-width: 1000px; margin: 0 auto 20px;}
.sec_security ul li {width: 48.5%; background-color: #fff; border-radius: 1.5em; overflow: hidden;}
.sec_security ul li > h4 { font-size: 1.125em; font-weight: bold; text-align: center; margin: .75em auto; display: block; line-height: 1.6;}
.sec_security ul li > p { display: block; padding: 0 25px 25px; font-size: .875em;}

.sec_system {display: block; padding: 4em 0; max-width: 1000px; width: 100%; margin: 0 auto;}
.sec_system > h3 {
    border-bottom-color: #e8e8e8;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    font-size: 1.25em;
    margin-bottom: .75em; line-height: 1.6;}
.sec_system > h3::after {
      background-color: #41bbe5;
      content: '';
      display: block;
      margin: 0;
      position: relative;
      left: 0;
      bottom: -3px;
      height: 3px;
      width: 8.25em;}
.sec_system dl { display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 1em;}
.sec_system dt { display: inline-flex; width: 25%; padding:.5em 1em; justify-content: flex-end; font-size: 1.125em; font-weight: bold;}
.sec_system dd { display: inline-flex; width: 75%; flex-direction: column; padding-left: 1em;border-left: 5px #f2f2f2 solid; line-height: 1.7; font-size: .875em; letter-spacing: .05em;}

.sec_contact {display: block; background-color: rgba(65,187,229,.1); padding: 2em 0; position: relative;overflow-x: hidden; text-align: center;}
.sec_contact::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: calc(50% + 480px);
    transform: translateX(-50%);
    width: 683px;
    height: 417px;
    background-image: url(/r/img/bg_diag.svg);
    background-repeat: no-repeat;
    z-index: -1;}
.sec_contact > h2 {display: block; font-size: 1.25em; margin: .75em auto; line-height: 1.5; text-align: center;}
.sec_contact > h2 em { display: block;font-size: 1.25em; font-style: normal; }
.sec_contact > h2::after { content: ""; display: block; margin:.75em auto; width: .5em; height: .5em; background-color: rgba(65,187,229,1); border-radius: 1em;}
.sec_contact a.btn_apply {margin-bottom: .5em;}
.contact_box {display: block; width: 90%; max-width: 1000px; margin: 1em auto; background-color: #fff; border:1px #eee solid; padding: 2em 2em;}
.contact_box > dl { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: .5em;}
.contact_box > dl dt { font-size: 1.25em; margin-right: .5em; font-weight: bold;}
.contact_box > dl dd {font-size: 1.25em; display: inline-flex; align-items: center;}
.contact_box > dl dd span.oswald {padding: 0 .25em; font-weight: 500; margin-top: -.25em}
.contact_box > dl dd p {font-size: .8125em;padding: 0 1em;}
.contact_box > dl dd span.brd-box {font-size: .875em; border: 1px #333 solid; padding: .25em .5em;}
.sec_contact hr { color: #ddd; margin: 1em auto;}
p.bold {font-weight: bold;}
.contact_box p > b { position: relative; display: inline-block;}
.contact_box p > b::after { content: ""; display: block; position: absolute; bottom: -.25em; width: 100%; height: 2px; background-color: #ffc522;}
.contact_box ul.ast {display: inline-block; width: auto; text-align: left;line-height: 1.6;}
.contact_box ul.ast li {display: block; text-indent: -1em; padding-left: 1em; font-size: .875em;}
@media(min-width: 768px){
  a[href^="tel:"]{pointer-events: none;}
  }/* SPのみ */

@media screen and (max-width: 767px) {
.floatbnr {width: 92vw !important; padding: .35em 0; flex-wrap: wrap; justify-content: space-around;}
.floatbnr_close {position: absolute; top: -5vw; right: -5vw; padding: 5px; cursor: pointer;}
.floatbnr > span {flex-grow: unset;}
.floatbnr > span.ttl {align-items: center;width: 100%;font-size: 2.9vw;}
.floatbnr > span.ttl::before {content: ""; display: block; width: 2.25em; height: 2em; margin-right: 1em; background-attachment: scroll; background-image: url(/r/img/ic_balloon.svg); background-position: center;background-size: cover;}
.floatbnr > span.ttl p {font-size: 2.9vw;}
.floatbnr > span.ttl p >br {display: none;}
.floatbnr > address {display: inline-flex; align-items: center; justify-content:center; border-left: none; border-right: none; padding: 0 0 0 .5em; flex-grow: unset;}
.floatbnr > address dl {display: flex; align-items: center; flex-direction: row;}
.floatbnr > address dl dt {width:8vw;padding-right: 1vw;}
.floatbnr > address dl dd {font-size: 7.5vw; letter-spacing: -.01em;padding-right: 1vw;}
.floatbnr > address p {font-size: 2.6vw;}

.floatbnr > span.information { padding:0 .5em 0 0;}
.floatbnr > span.information p {font-size: 2.9vw; letter-spacing: 0;font-weight: bold;}
.floatbnr > span.information dl {display: flex; align-items: center; flex-direction: row; font-size: 2.9vw; letter-spacing: -0.02em;}
.floatbnr > span.information dl dt {display: none;}
.floatbnr > span.information dl dd {font-weight: normal;}


.sec_copyright ul { flex-wrap: wrap;}
.sec_copyright ul li { width: unset; padding: 0 .5em;}
.sec_copyright ul li:first-child {flex-grow: unset; width: 100%; border-right-width: 0; border-bottom-width: 1px; border-bottom-color: rgba(255,255,255,.3); border-bottom-style: solid; padding: 1em 0; margin-right: 0; margin-bottom: 1em;}.sec_copyright ul li:first-child img {max-width: 45vw;}
.sec_copyright ul li:nth-child(2) { width: 30%;}
.sec_copyright ul li:nth-child(3) { width: 10%;}
.sec_copyright ul li:nth-child(4) { width: 25%;}
.sec_faq dl {font-size: 1em; width: 88vw; padding: 1.5em;}
.sec_faq dt::before {padding: 1em;}
.sec_faq dt {font-size: 4.5vw; line-height: 1.5;}
.sec_faq dd {font-size: 3.2vw;}
.sec_security {padding: 2em 0 0 0;}
.sec_security ul {flex-direction: column;width: 90%;}
.sec_security ul li {width: 100%;margin-bottom: 5vw;}
.sec_security ul li > h4 {font-size: 4vw;}
.sec_security::after {    left:-10vw;;
    transform: translateX(0%);
    width: 60vw;
    height: 60vw;
	background-size: contain;}

.sec_system {padding: 2.5em 0;}
.sec_system dl {flex-direction: column;width: 100%;}
.sec_system dt {width: 100%; justify-content: flex-start;font-size: 4.5vw;padding: 0.5em 0;}
.sec_system dd {border-left: 0;border-top: 3px #f2f2f2 solid;width: 100%;font-size: 3vw;padding: 0.5em 0}

.contact_box {padding: 1.2em;}
.contact_box > dl {flex-direction: column; margin-bottom: 7vw;}
.contact_box > dl dt {font-size: 4.8vw;}
.sec_contact > h2 em {font-size: 5.8vw;}
.contact_box > dl dd {display: block;}
.contact_box > dl dd p {font-size: 4.27vw;}
.contact_box > dl dd p.flexverC { font-size: 5.5vw; margin-bottom: 0;}
.contact_box > dl dd span.brd-box {font-size: 4.8vw;}
.contact_box ul.ast {font-size: 3.2vw;}
.sec_contact a.btn_apply {margin: 2.5vw auto 4vw;}
.contact_box > dl dd {margin-top: 2vw;font-size: 5.5vw;}
.contact_box > dl dd p {margin-bottom: 0.4em;}
.contact_box > dl dd span.brd-box {padding: 0.4em 0.6em;}
.sec_security > h2 {font-size: 4vw;}
.sec_security ul li > p {font-size: 3.47vw; padding: 0 2em 1.5em;}
.sec_contact > h2::after,
.sec_security > h2::after {width: 2.6vw; height: 2.6vw;}

}
/*end 767px*/