@charset "UTF-8";

/* Reset
  ========================================================================== */

* {
    color: #242424;
}

.main-content a:hover {
    text-decoration: none;
}

.breadcrumbs,
.main-content,
.sub-content {
    font-size: .9375em;
    line-height: 1.5;
    text-align: left;
}

@media screen and (max-width: 640px) {
    .breadcrumbs,
    .main-content,
    .sub-content {
        font-size: .859375em;
    }
}

.breadcrumbs a,
.main-content a,
.sub-content a {
    color: #333333;
}

.breadcrumbs a:hover,
.main-content a:hover,
.sub-content a:hover,
.breadcrumbs a:active,
.main-content a:active,
.sub-content a:active {
    color: #253494;
}

p {
    margin: 0;
}

#wrapper {
    background: #fff;
}


/* Adjust Common Area
  ========================================================================== */

.only-pc {
    display: block;
}

.only-sp {
    display: none;
}

@media only screen and (max-width:640px) {
    .only-pc {
        display: none;
    }
    .only-sp {
        display: block;
    }
}

a:hover img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

@media only screen and (max-width:640px) {
    a:hover img {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
}

.nospace {
    white-space: nowrap;
    display: inline-block !important;
}


/* ==========================================================================
   Bread Crumbs
   ========================================================================== */

.breadcrumbs {
    padding: 21px 0 20px;
    border-bottom: 1px solid #eaeaea;
}

.breadcrumbs > ul {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

.breadcrumbs > ul > li {
    float: left;
    color: #aaa;
    padding-left: 16px;
    margin-left: 10px;
    background: url(/person/common/img/arrow_breadcrumbs.png) left 4px no-repeat;
}

.breadcrumbs > ul > li:first-child {
    padding-left: 26px;
    margin-left: 0;
    background: url(/person/common/img/ico_home.png) left top no-repeat;
    background-size: 16px auto;
}

.breadcrumbs > ul > li a {
    color: #242424;
}

@media only screen and (max-width:640px) {
    .breadcrumbs {
        padding: 11px 10px 10px;
    }
    .breadcrumbs > ul {
        width: 100%;
    }
    .breadcrumbs > ul > li {
        padding-left: 10px;
        margin-left: 6px;
    }
}


/* ==========================================================================
   Header
   ========================================================================== */

#header .inner {
    padding-right: 0;
    padding-left: 0;
}

#header .inner .head_right {
    right: 0;
}

#header .inner #mainnav ul {
    width: 100%;
}

@media screen and (max-width: 640px) {
    #header .inner {
        padding-right: 10px;
        padding-left: 10px;
    }
}

div#n-global-dropdown .dropdown-inner {
    width: 1000px;
}


/* ==========================================================================
   Header-menu
   ========================================================================== */

#header-menu .fixheader {
    position: absolute;
    top: 105px;
    width: 100%;
    min-width: 1000px;
    height: 90px;
    background-color: #1d50a3;
    z-index: 300;
}

#header-menu.fixed .fixheader {
    position: fixed;
    top: 0px;
}

#header-menu .inner {
    width: 1000px;
    margin: 0 auto;
}

#header-menu .fixheader h1 {
    float: left;
    width: 163px;
    margin-top: 25px;
}

#header-menu .fixheader .btn {
    float: left;
    width: 463px;
    font-size: 0;
}

#header-menu .fixheader .btn li {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    padding: 0;
    border-left: 1px solid #567cbb;
    height: 90px;
}

#header-menu .fixheader .btn li:first-child {
    border-left: none;
}

#header-menu .fixheader .btn li a {
    display: block;
    color: #fff;
    padding: 70px 20px 0;
    height: 90px;
}

#header-menu .fixheader .btn li:first-child a {
    background: url(/person/common/img/ico_header01.png)no-repeat center top 15px;
}

#header-menu .fixheader .btn li:nth-child(2) a {
    background: url(/person/common/img/ico_header02.png)no-repeat center top 15px;
    padding-top: 58px;
}

#header-menu .fixheader .btn li:nth-child(3) a {
    background: url(/person/common/img/ico_header03.png)no-repeat center top 15px;
}

#header-menu .fixheader .document_request {
    float: left;
    width: 140px;
}

#header-menu .fixheader .document_request a {
    display: block;
    width: 140px;
    height: 90px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 63px 0 0;
    background: #ff4e00 url(/person/common/img/ico_header04.png)no-repeat center top 15px;
}

#header-menu .fixheader .tel {
    float: left;
    width: 205px;
    margin-left: 29px;
}

#header-menu .fixheader .tel span {
    display: block;
    color: #fff;
    font-size: 10px;
    text-align: right;
}

#header-menu .fixheader .tel .txt01 {
    padding-top: 15px;
}

#header-menu .fixheader .tel .txt02 {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    padding: 6px 0 6px 28px;
    background: url(/person/common/img/ico_tel_header.png) left center no-repeat;
}

#header-menu .fixheader .tel .txt03 {
    text-align: center;
    padding: 5px 0;
    background-color: #577db6;
}

#header-menu .fixheader .tel a {
    display: none;
}

#header-menu #menu-bt,
nav#menu {
    display: none;
}

@media only screen and (min-width:641px) {
    #header-menu .fixheader .btn li:hover {
        background-color: #fff;
    }
    #header-menu .fixheader .btn li:hover a {
        color: #1d50a3;
        text-decoration: none;
    }
    #header-menu .fixheader .btn li:hover:first-child a {
        background-image: url(/person/common/img/ico_header01_on.png);
        background-position: center top 18px;
    }
    #header-menu .fixheader .btn li:hover:nth-child(2) a {
        background-image: url(/person/common/img/ico_header02_on.png);
        background-position: center top 19px;
    }
    #header-menu .fixheader .btn li:hover:nth-child(3) a {
        background-image: url(/person/common/img/ico_header03_on.png);
        background-position: center top 17px;
    }
    #header-menu .fixheader .document_request a:hover {
        background-color: #fff;
        background-image: url(/person/common/img/ico_header04_on.png);
        color: #ff4e00;
        text-decoration: none;
    }
}

@media only screen and (max-width:640px) {
    #header-menu .fixheader .tel .txt01 {
        display: none!important;
    }
    #header-menu .fixheader .tel .txt02 {
        display: none!important;
    }
    #header-menu .fixheader .tel .txt03 {
        display: none!important;
    }
    #header-menu .fixheader .tel a {
        display: block!important;
        text-align: center;
    }
    #header-menu .fixheader {
        top: 65px;
        min-width: 100%;
        height: 65px;
    }
    #header-menu .inner {
        width: auto;
        padding-left: 10px;
    }
    #header-menu .fixheader h1 {
        width: 40%;
        text-align: left;
        margin-top: 0;
    }
    #header-menu .fixheader h1 a {
        display: block;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #header-menu .fixheader h1 img {
        width: 100px;
    }
    #header-menu .fixheader .btn {
        display: none;
    }
    #header-menu .fixheader .document_request {
        width: 22%;
    }
    #header-menu .fixheader .document_request a {
        width: 100%;
        height: 65px;
        font-size: 10px;
        padding: 40px 0 0;
        background-size: 20px 28px;
        background-position: center top 7px;
    }
    #header-menu .fixheader .document_request a img {
        width: 20px;
        margin: 0 auto 5px;
    }
    #header-menu .fixheader .tel {
        width: 22%;
        margin: 0;
    }
    #header-menu .fixheader .tel a {
        width: 100%;
        height: 65px;
        color: #fff;
        font-size: 10px;
        text-decoration: none;
        padding: 7px 0;
        pointer-events: auto;
    }
    #header-menu .fixheader .tel a img {
        width: 20px;
        margin: 0 auto 5px;
    }
    #header-menu #menu-bt {
        float: left;
        display: block;
        width: 16%;
        height: 65px;
        text-align: right;
        background: #0f459d url(/person/common/img/open_btn.jpg) center no-repeat;
        background-size: auto 45px;
    }
    #header-menu #menu-bt.active {
        background: #f0f0f0 url(/person/common/img/close_btn.jpg) center no-repeat;
        background-size: auto 45px;
    }
    #header-menu.sp .fixheader .fixheader-overflow {
        position: absolute;
        top: 65px;
        width: 100%;
        padding-bottom: 65px;
        background-color: #f0f0f0;
        overflow: auto;
        display: none;
    }
    #header-menu.sp .fixheader .fixheader-overflow #menu {
        display: block;
    }
}


/* ==========================================================================
   Pop-menu
   ========================================================================== */

.pop-menu {
    position: relative;
    width: 720px;
    padding: 30px;
    margin: 0 auto;
    background-color: #fff;
}

.pop-menu h3.personlink a {
    display: block;
    width: 365px;
    padding: 10px 35px 10px 10px;
    margin: 0 auto;
    text-decoration: none;
    background: url(/person/common/img/arrow_blue.svg) no-repeat 96% center;
    background-size: 16px 32px;
    border: solid 1px #1d50a3;
}

.pop-menu h3.nolink {
    display: block;
    width: 340px;
    padding: 10px;
    margin: 0 auto;
    text-decoration: none;
}

.pop-menu h3.personlink a p {
    display: block;
    width: 320px;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    line-height: 1.5;
    padding-left: 100px;
    margin: 0 auto;
    color: #242424;
}

.pop-menu h3.nolink p {
    display: block;
    width: 320px;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    line-height: 1.5;
    padding-left: 100px;
    margin: 0 auto;
    color: #242424;
}

.pop-menu h3.nolink.row01 {
    padding-top: 25px;
}

#pop-homesecurity.pop-menu h3 a p {
    height: 72px;
    background: url(/person/img/home/ico_home-security.png) left top no-repeat;
}

#pop-service.pop-menu h3.nolink {
    height: 75px;
    background: url(/person/img/home/ico_personal-security.png) left top no-repeat;
}

.pop-menu h3 span {
    display: block;
    font-size: 16px;
    padding-top: 10px;
}

.pop-menu ul {
    width: 660px;
    font-size: 0;
    margin: 40px auto 0;
}

.pop-menu ul li {
    display: inline-block;
    width: 320px;
    vertical-align: middle;
    padding-top: 20px;
}

.pop-menu ul li:nth-child(even) {
    margin-left: 20px;
}

.pop-menu ul li a {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    line-height: 1.5;
    padding: 20px 30px 20px 20px;
    background: #1d50a3 url(/person/common/img/arrow_link-area.png) 96% center no-repeat;
    border: solid 1px #1d50a3;
}
.pop-menu ul li a.light-blue{
    background-color: #569fd7;
    border-color: #569fd7;
}
.pop-menu ul li.list-layout a {
    padding: 8px 30px;
}

.pop-menu ul li a span {
    display: block;
    color: #fff;
    font-size: 12px;
}

#pop-service.pop-menu li a {
    vertical-align: middle;
    padding: 10px 30px 10px 20px;
}

#pop-service.pop-menu .h82 a {
    line-height: 62px;
    padding: 0 30px 0 20px;
}

@media only screen and (min-width:641px) {
    .pop-menu ul li a:hover {
        background-color: #fff;
        color: #1d50a3;
        text-decoration: none;
    }
    .pop-menu ul li a.light-blue:hover{
        background-color: #fff;
        color: #569fd7;
    }
    .pop-menu ul li a:hover span {
        color: #1d50a3;
    }
    .pop-menu ul li a.light-blue:hover span{
        color: #569fd7;
    }
    .pop-menu h3 a:hover {
        background-color: #1d50a3;
        background-image: url(/person/common/img/arrow_white.svg);;
    }
    .pop-menu h3 a:hover p {
        color: #fff;
    }
    .pop-menu h3 a:hover p span {
        color: #fff;
    }
}

@media only screen and (max-width: 640px) {
    .pop-menu {
        width: 100%;
        padding: 0;
    }
    .mfp-bg {
        background: none !important;
    }
    #pop-homesecurity.display,
    #pop-service.display,
    #menu-login.display {
        display: block !important;
    }
    .pop-menu h3 {
        width: auto;
        font-size: 16px;
        padding: 8px 10px 5px 40px;
        margin: 0 auto;
        background-color: #f0f0f0;
    }
    #pop-homesecurity.pop-menu h3 {
        height: auto;
        background-image: url(/person/img/home/ico_home-security_sp.png), url(/person/img/home/ico_close_sp-menu.png);
        background-repeat: no-repeat;
        background-position: left 10px center, right 10px center;
        background-size: 26px auto, 20px auto;
    }
    #pop-homesecurity.pop-menu h3.active {
        background-image: url(/person/img/home/ico_home-security_sp.png), url(/person/img/home/ico_open_sp-menu.png);
    }
    #pop-service.pop-menu h3 {
        height: auto;
        background: url(/person/img/home/ico_personal-security_sp.png), url(/person/img/home/ico_close_sp-menu.png);
        background-repeat: no-repeat;
        background-position: left 10px center, right 10px center;
        background-size: 26px auto, 20px auto;
        border-top: 1px solid #c7c7c7;
        padding: 14px 10px 14px 40px;
    }
    #pop-service.pop-menu h3.active {
        background-image: url(/person/img/home/ico_personal-security_sp.png), url(/person/img/home/ico_open_sp-menu.png);
    }
    #menu-login.pop-menu h3 {
        background-color: #fff;
        background: url(/person/img/home/ico_login_sp.png) left 10px center no-repeat;
        background-size: 26px auto;
        padding-top: 15px;
        padding-bottom: 15px;
        border-top: 1px solid #c7c7c7;
    }
    .pop-menu h3 span {
        font-size: 11px;
        padding-top: 0;
    }
    .pop-menu ul {
        width: 100%;
        margin: 0 auto;
    }
    .pop-menu ul li {
        width: 100%;
        padding-top: 0;
    }
    .pop-menu ul li:nth-child(even) {
        margin-left: 0;
    }
    .pop-menu ul li a {
        color: #ffffff;
        font-size: 14px;
        background-color: #1D50A3;
        border-top: 1px solid #c7c7c7;
        padding: 12px 40px 12px 10px;
        /*    background-image: url(/person/img/home/ico_arrow_sp-menu.png);*/
        background-size: 9px 13px;
    }
    #pop-service.pop-menu a {
        padding-left: 10px;
    }
    #pop-service.pop-menu .h82 a {
        line-height: 1.5;
        padding: 10px 40px 10px 10px;
    }
    .menu-close-bottom {
        padding: 15px 16px;
        background-color: #cacaca;
    }
    .menu-close-bottom p {
        font-size: 16px;
        font-weight: bold;
        height: 42px;
        line-height: 42px;
        background: #fff url(/person/img/home/ico_close-btn_menu-bottom.png) left 10px center no-repeat;
        background-size: 14px;
    }
    .pop-menu ul li a.light-blue{
        border-top-color: #c7c7c7;
    }
}


/* ==========================================================================
   sub-content
   ========================================================================== */

.sub-content {
    width: 100%;
    font-size: 134%;
    padding: 60px 0 53px;
    background-color: #1d50a3;
}

.sub-content h3 {
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.sub-content .tel {
    float: left;
    width: 418px;
    text-align: center;
}

.sub-content .tel a {
    display: block;
    height: 110px;
    color: #fff;
    padding: 20px 0;
    border: 1px solid #fff;
}

.sub-content .tel a:hover {
    text-decoration: none;
}

.sub-content .tel > a {
    pointer-events: none;
}

.sub-content .tel a span {
    display: block;
}

.sub-content .tel a .number {
    display: inline-block;
    color: #fff;
    font-size: 217%;
    font-weight: bold;
    line-height: 41px;
    padding-left: 51px;
    background: url(/person/common/img/ico_tel_footer.png) left center no-repeat;
}

.sub-content .tel a .txt {
    color: #fff;
    font-size: 72%;
    margin-top: 10px;
}

.sub-content ul {
    float: left;
    /*display: table;
    width: 582px;*/
}

/*.sub-content ul li {
    display: table-cell;
    width: 266px;
    padding-right: 25px;
}

.sub-content ul li a {
    display: block;
    height: 110px;
    text-align: center;
    padding-top: 45px;
    text-decoration: none;
}*/

.sub-content ul li.link01 a {
    color: #fff;
    padding-left: 38px;
    background: #ff4e00 url(/person/common/img/ico_footer01.png)no-repeat center left 28px;
}

.sub-content ul li.link02 a {
    color: #253494;
    padding-left: 48px;
    background: #fff url(/person/common/img/ico_footer02.png)no-repeat center left 28px;
}

.sub-content ul li a img {
    vertical-align: middle;
    margin-right: 15px;
}

@media only screen and (min-width: 641px) {
    .sub-content ul li.link01 a:hover {
        background-color: #fff;
        color: #ff4e00;
        background-image: url(/person/common/img/ico_footer01_on.png);
    }
    .sub-content ul li.link02 a:hover {
        background-color: #253494;
        color: #fff;
        background-image: url(/person/common/img/ico_footer02_on.png);
    }
}

@media only screen and (max-width: 640px) {
    .sub-content {
        font-size: 100%;
        padding: 20px 0 45px;
    }
    .sub-content .tel {
        float: none;
        width: 100%;
        margin-top: 10px;
    }
    .sub-content .tel a {
        height: auto;
        padding: 10px;
    }
    .sub-content .tel > a {
        pointer-events: auto;
    }
    .sub-content .tel a .number {
        line-height: 25px;
        padding-left: 30px;
        background-size: auto 25px;
    }
    .sub-content .tel a .txt {
        margin-top: 5px;
    }
    .sub-content ul {
        float: none;
        width: 100%;
    }
    .sub-content ul li {
        width: 50%;
        padding: 0;
    }
    .sub-content ul li a {
        height: 70px;
        padding-top: 27px;
    }
    .sub-content ul li.link01 a {
        padding-left: 28px;
        background-size: 18px 27px;
        background-position: 10%;
    }
    .sub-content ul li.link02 a {
        padding-left: 32%;
        padding-right: 10%;
        background-size: 19px 27px;
        background-position: 17%;
    }
    aside.sub-content ul{
        display: block;
    }
    aside.sub-content ul li{
        width: 50%;
        float: left;
        display: table;
    }
    aside.sub-content ul li a{
        display: table-cell;
        vertical-align: middle;
        padding-top: 0;
        padding-bottom: 0;
    }
}


/* ==========================================================================
   Return to top Link
   ========================================================================== */

.return-top {
    position: fixed;
    right: 20px;
    bottom: -40px;
    z-index: 100;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.return-top.is-active {
    bottom: 20px;
    opacity: 1;
}

.return-top > a {
    white-space: nowrap;
    text-indent: 200%;
    overflow: hidden;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    display: block;
    width: 40px;
    height: 40px;
    background: url(/person/common/img/returntop_bg01.png) no-repeat center center;
    background-size: 100%;
}

.return-top > a:hover,
.return-top > a:active {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

@media screen and (max-width: 640px) {
    .return-top {
        opacity: 0.7;
        filter: alpha(opacity=70);
    }
    .return-top > a:hover,
    .return-top > a:active {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}


/* ==========================================================================
   Footer
   ========================================================================== */

#footer {
    text-align: center;
    background-color: #fff;
    min-width: 1000px;
}

#footer .sns_container{
    width: 1000px;
    margin: 0 auto;
}

#footer .f_upper {
    padding: 30px 0 20px 0;
    background-color: #eeeeee;
}

#footer .f_upper p.footer-person-link-ttl{
    font-size: 150%;
    font-weight: bold;
    line-height: 115%;
    text-align: left;
    width: 1000px;
    margin: 0 auto 5px;
}

#footer .f_upper p.footer-person-link-ttl span{
    font-weight: normal;
    font-size: 75%;
}

#footer .f_upper .inner {
    width: 1000px;
    padding: 0;
    margin: 0 auto;
}

#footer .f_link_box{
    width: calc(100% / 3);
}

#footer .f_link_box a {
    color: #333333;
}

#footer .f_link_box ul {
    padding: 0 0 13px 0;
}

#footer .f_link_box li {
    padding: 6px 0 6px;
    font-size: 95%;
}
#footer .f_link_box li.lower{
    padding-left: 1em;
}

#footer .f_link_box li.title {
    font-weight: bold;
    font-size: 125%;
}

#footer .f_link_box li a {
    display: inline-block;
    padding: 3px 1px 3px 15px;
    background-image: url(/common/image/icon_arrow01.png);
    background-repeat: no-repeat;
    background-position: left 4px;
}

#footer .f_link_box li.title a {
    padding: 3px 1px 3px 1px;
    background: none;
}

#footer .corporate-sitelink {
    overflow: hidden;
}

#footer .corporate-sitelink > li {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    margin-top: 13px;
}

#footer .corporate-sitelink > li:nth-child(-n+4) {
    margin-top: 0;
}

#footer .corporate-sitelink_haslower {
    width: 75% !important;
    overflow: hidden;
}

#footer .corporate-sitelink_haslower > p {
    margin: 0;
}

#footer .corporate-sitelink_lower {
    margin-top: 13px;
}

#footer .corporate-sitelink_lower > dl {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33%;
    margin: 0;
    padding: 0 10px;
}

#footer .corporate-sitelink_lower_title {
    font-size: .875em;
    font-weight: normal;
}

#footer .corporate-sitelink_lower_list {
    font-size: .76041em;
    font-weight: normal;
}

#footer .corporate-sitelink_lower_list > ul {
    margin: 10px 0 0;
}

#footer .f_link_box li.title .corporate-sitelink_lower_list > ul > li a {
    display: inline-block;
    padding: 3px 1px 3px 15px;
    background-image: url(/common/image/icon_arrow01.png);
    background-repeat: no-repeat;
    background-position: left 4px;
}
#footer .pagetop {
    background-color: #253494;
}

#footer .pagetop .inner {
    margin: 0 auto;
    width: 1000px;
    padding: 10px 10px;
    text-align: right;
}

#footer .pagetop .inner img {
    vertical-align: middle;
}

#footer .pagetop .inner a .u_for_pc {
    display: inline;
}

#footer .pagetop .inner a {
    color: #fff;
}

#footer .f_lower {
    padding: 28px 0 18px 0;
}

#footer .f_lower .inner {
    margin: 0 auto;
    width: 1000px;
}

#footer .footer_sp_text {
    display: none;
    line-height: 1.5;
}

#f_link {
    float: left;
}

#f_link ul li {
    display: inline-block;
    padding: 0 10px;
    /*0 10px */
    border-right: 1px solid #cccccc;
    line-height: 1.6em;
}

#f_link ul li:first-child {
    padding: 0 10px 0 0;
}

#f_link ul li:last-child {
    border-right: none;
}

#f_link ul li a {
    color: #333333;
}

#f_link ul li a:hover {
    text-decoration: underline;
}

.f_right {
    float: right;
    font-size: 95%;
    text-align: right;
    margin-top: -15px!important;
}

.f_right ul {
    display: table;
    margin: 10px auto;
    text-align: right;
}

.f_right ul li {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

@media screen and (max-width: 640px) {
    #footer {
        min-width: 100%;
        margin-top: -30px;
        background: none;
    }
    #footer .sns_container{
        width: 100%;
    }
    #footer .f_upper {
        display: none;
    }
    #footer .f_lower {
        border-top: 1px solid #ccc;
    }
    #footer .pagetop {
        position: relative;
        top: 1px;
        margin-top: 0;
        background: none;
    }
    #footer .pagetop .inner a .u_for_pc {
        display: none;
    }
    #footer .pagetop .inner {
        width: 100%;
        padding: 0 4.6%;
        position: relative;
    }
    #footer .pagetop .inner a {
        color: #333;
        display: inline-block;
        height: 30px;
        padding: 10px 10px;
        border-radius: 1px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-top: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        background-color: #fff;
    }
    #footer .pagetop .inner a .u_for_sp {
        display: inline;
    }
    #footer .f_lower {
        padding: 15px 4.6%;
        background: #fff;
    }
    #footer .f_lower .inner {
        width: 100%;
    }
    #footer .footer_sp_text {
        display: block;
        text-align: left;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 10px;
    }
    #f_link {
        float: none;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #f_link ul {
        width: 100%;
    }
    #f_link ul li {
        padding: 0 7px;
    }
    .f_right {
        width: 100%;
    }
    .f_right ul li {
        width: 100%;
    }
    .f_right .pmark img {
        width: 60px;
        /*75*/
        height: auto;
    }
    .f_right .f_logo img {
        width: 97px;
        /*122*/
        height: auto;
    }
    .f_right {
        float: none;
        text-align: right;
    }
    .f_right ul li.nortonimg + li img {
        width: 97px;
    }
}


/* ==========================================================================
   Content
   ========================================================================== */

.main-content {
    display: block;
    width: 100%;
    min-width: 1000px;
    margin: -90px auto 0;
    padding-top: 183px;
}

.page-width {
    width: 1000px;
    margin: 0 auto;
}

.cam_none {
    display: none;
}

@media screen and (max-width: 640px) {
    .main-content {
        display: block;
        min-width: 100%;
        margin: -65px auto 0;
        padding-top: 130px;
    }
    .page-width {
        width: auto;
        padding: 0 10px;
    }
}

.section {
    font-size: 134%;
    padding: 70px 0;
    border-bottom: 1px solid #e5e5e5;
}

.guide_container.section,
.section.no-border {
    border-bottom: none;
}

@media screen and (max-width: 640px) {
    .section {
        font-size: 117%;
        padding: 40px 0;
    }
}


/* ==========================================================================
   Helper classes
   ========================================================================== */


/* Space
   ========================================================================== */

.space-section-normal {
    margin-top: 35px;
}

.space-section-normal:first-child {
    margin-top: 0;
}

.space-section-far {
    margin-top: 40px;
}

.space-section-far:first-child {
    margin-top: 0;
}

.space-normal {
    margin-top: 20px;
}

.space-normal:first-child {
    margin-top: 0;
}

@media screen and (max-width: 640px) {
    .space-normal {
        margin-top: 10px;
    }
    .space-normal:first-child {
        margin-top: 0;
    }
}

.space-near {
    margin-top: 10px;
}

.space-near:first-child {
    margin-top: 0;
}

@media screen and (max-width: 640px) {
    .space-near {
        margin-top: 5px;
    }
    .space-near:first-child {
        margin-top: 0;
    }
}

.space-far {
    margin-top: 30px;
}

.space-far:first-child {
    margin-top: 0;
}

@media screen and (max-width: 640px) {
    .space-far {
        margin-top: 20px;
    }
    .space-far:first-child {
        margin-top: 0;
    }
}

.space-none {
    margin-top: 0 !important;
}


/* Button
   ========================================================================== */

.buttonBlock {
    display: block;
    width: 320px;
    text-align: center;
    line-height: 60px;
}

.buttonBlock img.imgqr {
    width: 100px;
    vertical-align: middle;
    display: inline-block;
}

.buttonBlock02 {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 90px;
}

.buttonBlock03 {
    display: block;
    width: 320px;
    text-align: center;
    line-height: 24px;
    margin: auto;
    padding: 8px 0px;
    margin-bottom: 30px;
    margin-top: 15px;
}

.guidebuttonBlock {
    display: block;
    width: 600px;
    text-align: center;
    padding: 34px 42px 29px;
}

.guidebuttonBlock span {
    display: table-cell;
    vertical-align: middle;
}

.guidebuttonBlock span img {
    margin-right: 26px;
    padding: 5px;
}

.arrow_navy {
    background: url(/person/common/img/arrow_recommend.png) 96% center no-repeat;
}

.arrow_blue {
    /*background: url(/person/common/img/arrow_guide.png) 96% center no-repeat;*/
    background: url(/person/common/img/arrow_aqua.svg) 96% center no-repeat;
    background-size: 16px 32px;
}

.qrlink {
    width: 495px;
    display: table;
}

.qrlink .inner {
    display: table-cell;
    text-align: center;
}

.qrlink .inner p {
    display: block;
}

.qrlink .inner .imgqr {
    width: 100px;
    margin: 0 auto;
}

.qrlink .inner p.blank:after {
    right: 10px;
}

@media screen and (min-width: 641px) {
    a.guidebuttonBlock:hover span {
        color: #fff;
    }
    a.guidebuttonBlock:hover {
        background-color: #1d50a3;
        background-image: url(/person/common/img/arrow_white.svg);
    }
    a.guidebuttonBlock:hover span img {
        background-color: #fff;
        opacity: 1;
    }
}

@media screen and (max-width: 640px) {
    .buttonBlock {
        width: 100%;
        line-height: 1.5;
        padding: 15px 20px 15px 10px;
    }
    .buttonBlock {
        line-height: 1.5;
        padding: 20px 20px 20px 10px;
    }
    .buttonBlock img.imgqr {
        display: none;
    }
    .buttonBlock03 {
        width: 100%;
    }
    .guidebuttonBlock {
        width: 100%;
        padding: 15px 30px 15px 10px;
    }
    .guidebuttonBlock span img {
        width: 38px;
        margin-right: 18px;
    }
    .arrow_navy {
        background-size: 6px auto;
    }
    .arrow_blue {
        background-size: 10px auto;
    }
    .qrlink {
        display: block;
        width: 100%;
        margin-top: 20px;
    }
    .qrlink .inner {
        display: block;
    }
}


/* Width
   ========================================================================== */

.width2 {
    width: 20%;
}

.width3 {
    width: 30%;
}

.width4 {
    width: 40%;
}

.width5 {
    width: 50%;
}

.width6 {
    width: 60%;
}

.width7 {
    width: 70%;
}

.width8 {
    width: 80%;
}

.pcwidth100 {
    width: 100%;
}


/* Float
   ========================================================================== */

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.only-pc_float-left {
    float: left;
}

.only-pc_float-right {
    float: right;
}


/* Font style
   ========================================================================== */

.weight-normal {
    font-weight: normal !important;
}

.weight-bold {
    font-weight: bold !important;
}

.style-lined {
    text-decoration: underline !important;
}


/* Font color
   ========================================================================== */

.color-normal {
    color: #666666 !important;
}

.color-blue {
    color: #1d50a3 !important;
}

.color-white {
    color: #fff !important;
}

.color-black {
    color: #242424 !important;
}

@media only screen and (min-width:641px) {
    .colorh-yellow:hover {
        color: #fff100 !important;
    }
}


/* Border
   ========================================================================== */

.border-blue {
    border: 1px solid #1d51a4;
}

.border-e5 {
    border: 1px solid #e5e5e5;
}

.border-d5 {
    border: 1px solid #d5d5d5;
}

.border-bottom_e3 {
    border-bottom: 1px solid #e3e3e3;
}


/* Bockground color
   ========================================================================== */

.bg-navy {
    background-color: #1d51a4;
}

.bg-yellow {
    background-color: #fff100;
}

@media only screen and (min-width:641px) {
    .bgh-blue:hover {
        background-color: #1d50a3;
    }
}


/* Font size
   ========================================================================== */

.f10 {
    font-size: 72%;
}

.f11 {
    font-size: 77%;
}

.f12 {
    font-size: 84%;
}

.f13 {
    font-size: 92%;
}

.f14 {
    font-size: 117%;
}

.f15 {
    font-size: 125%;
}

.f16 {
    font-size: 134%;
}

.f17 {
    font-size: 142%;
}

.f18 {
    font-size: 150%;
}

.f20 {
    font-size: 167%;
}

.f22 {
    font-size: 186%;
}


/* Font color
   ========================================================================== */

.line-h13 {
    line-height: 1.3;
}

.line-h16 {
    line-height: 1.6;
}

.line-h18 {
    line-height: 1.8;
}

.line-h20 {
    line-height: 2;
}


/* Block
   ========================================================================== */

.display-block {
    display: block;
}

.display-inline-block {
    display: inline-block;
}

.display-inline {
    display: inline;
}


/* Align
   ========================================================================== */


/* Horizontal */

.align-left,
.only-pc_align-left {
    text-align: left !important;
}

.align-center,
.only-pc_align-center {
    text-align: center !important;
}

.align-right,
.only-pc_align-right {
    text-align: right !important;
}


/* Vertical */

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-baseline {
    vertical-align: baseline !important;
}


/* indent
   ========================================================================== */

.txt-indent {
    padding-left: 1em;
    text-indent: -1em;
}


/* Margin
   ========================================================================== */

.side-auto {
    margin-left: auto;
    margin-right: auto;
}

.mt-40 {
    margin-top: -40px !important;
}

.mt-30 {
    margin-top: -30px !important;
}

.mt-20 {
    margin-top: -20px !important;
}

.mt-15 {
    margin-top: -15px !important;
}

.mt-10 {
    margin-top: -10px !important;
}

.mt-5 {
    margin-top: -5px !important;
}

.mt-1 {
    margin-top: -1px !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt1 {
    margin-top: 1px !important;
}

.mt2 {
    margin-top: 2px !important;
}

.mt3 {
    margin-top: 3px !important;
}

.mt4 {
    margin-top: 4px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt6 {
    margin-top: 6px !important;
}

.mt7 {
    margin-top: 7px !important;
}

.mt8 {
    margin-top: 8px !important;
}

.mt9 {
    margin-top: 9px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt55 {
    margin-top: 55px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mr-40 {
    margin-right: -40px !important;
}

.mr-30 {
    margin-right: -30px !important;
}

.mr-20 {
    margin-right: -20px !important;
}

.mr-15 {
    margin-right: -15px !important;
}

.mr-10 {
    margin-right: -10px !important;
}

.mr-5 {
    margin-right: -5px !important;
}

.mr-1 {
    margin-right: -1px !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mr1 {
    margin-right: 1px !important;
}

.mr2 {
    margin-right: 2px !important;
}

.mr3 {
    margin-right: 3px !important;
}

.mr4 {
    margin-right: 4px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr6 {
    margin-right: 6px !important;
}

.mr7 {
    margin-right: 7px !important;
}

.mr8 {
    margin-right: 8px !important;
}

.mr9 {
    margin-right: 9px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mr55 {
    margin-right: 55px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.mb-40 {
    margin-bottom: -40px !important;
}

.mb-30 {
    margin-bottom: -30px !important;
}

.mb-20 {
    margin-bottom: -20px !important;
}

.mb-15 {
    margin-bottom: -15px !important;
}

.mb-10 {
    margin-bottom: -10px !important;
}

.mb-5 {
    margin-bottom: -5px !important;
}

.mb-1 {
    margin-bottom: -1px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb1 {
    margin-bottom: 1px !important;
}

.mb2 {
    margin-bottom: 2px !important;
}

.mb3 {
    margin-bottom: 3px !important;
}

.mb4 {
    margin-bottom: 4px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb6 {
    margin-bottom: 6px !important;
}

.mb7 {
    margin-bottom: 7px !important;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mb9 {
    margin-bottom: 9px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb55 {
    margin-bottom: 55px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

/*--------------------------------------------------  20210916 申込追加 -----------------------------------------------------------*/
.mb105 {
	margin: 0 0 50px 0!important;
	text-align: left;
}


.ml-40 {
    margin-left: -40px !important;
}

.ml-30 {
    margin-left: -30px !important;
}

.ml-20 {
    margin-left: -20px !important;
}

.ml-15 {
    margin-left: -15px !important;
}

.ml-10 {
    margin-left: -10px !important;
}

.ml-5 {
    margin-left: -5px !important;
}

.ml-1 {
    margin-left: -1px !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml1 {
    margin-left: 1px !important;
}

.ml2 {
    margin-left: 2px !important;
}

.ml3 {
    margin-left: 3px !important;
}

.ml4 {
    margin-left: 4px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml6 {
    margin-left: 6px !important;
}

.ml7 {
    margin-left: 7px !important;
}

.ml8 {
    margin-left: 8px !important;
}

.ml9 {
    margin-left: 9px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml55 {
    margin-left: 55px !important;
}

.ml60 {
    margin-left: 60px !important;
}


/* Padding
   ========================================================================== */

.pt0 {
    padding-top: 0 !important;
}

.pt1 {
    padding-top: 1px !important;
}

.pt2 {
    padding-top: 2px !important;
}

.pt3 {
    padding-top: 3px !important;
}

.pt4 {
    padding-top: 4px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt6 {
    padding-top: 6px !important;
}

.pt7 {
    padding-top: 7px !important;
}

.pt8 {
    padding-top: 8px !important;
}

.pt9 {
    padding-top: 9px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt45 {
    padding-top: 45px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pt55 {
    padding-top: 55px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pr1 {
    padding-right: 1px !important;
}

.pr2 {
    padding-right: 2px !important;
}

.pr3 {
    padding-right: 3px !important;
}

.pr4 {
    padding-right: 4px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr6 {
    padding-right: 6px !important;
}

.pr7 {
    padding-right: 7px !important;
}

.pr8 {
    padding-right: 8px !important;
}

.pr9 {
    padding-right: 9px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr35 {
    padding-right: 35px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr45 {
    padding-right: 45px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pr55 {
    padding-right: 55px !important;
}

.pr60 {
    padding-right: 60px !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb1 {
    padding-bottom: 1px !important;
}

.pb2 {
    padding-bottom: 2px !important;
}

.pb3 {
    padding-bottom: 3px !important;
}

.pb4 {
    padding-bottom: 4px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb6 {
    padding-bottom: 6px !important;
}

.pb7 {
    padding-bottom: 7px !important;
}

.pb8 {
    padding-bottom: 8px !important;
}

.pb9 {
    padding-bottom: 9px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb45 {
    padding-bottom: 45px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb55 {
    padding-bottom: 55px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pl1 {
    padding-left: 1px !important;
}

.pl2 {
    padding-left: 2px !important;
}

.pl3 {
    padding-left: 3px !important;
}

.pl4 {
    padding-left: 4px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl6 {
    padding-left: 6px !important;
}

.pl7 {
    padding-left: 7px !important;
}

.pl8 {
    padding-left: 8px !important;
}

.pl9 {
    padding-left: 9px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl45 {
    padding-left: 45px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.pl55 {
    padding-left: 55px !important;
}

.pl60 {
    padding-left: 60px !important;
}


/* Table cell's collective settings.
   ========================================================================== */


/* Font weight */

.th-weight-normal th,
.td-weight-normal td {
    font-weight: normal;
}

.th-weight-bold th,
.td-weight-bold td {
    font-weight: bold;
}


/* Align */

.th-align-left th,
.td-align-left td {
    text-align: left;
}

.th-align-center th,
.td-align-center td {
    text-align: center;
}

.th-align-right th,
.td-align-right td {
    text-align: right;
}

.th-align-top th,
.td-align-top td {
    vertical-align: top;
}

.th-align-middle th,
.td-align-middle td {
    vertical-align: middle;
}

.th-align-bottom th,
.td-align-bottom td {
    vertical-align: bottom;
}

.th-align-baseline th,
.td-align-baseline td {
    vertical-align: bottom;
}

@media only screen and (max-width:640px) {
    .only-pc_float-left,
    .only-pc_float-right {
        float: none !important;
    }
    .only-pc_align-left,
    .only-pc_align-center,
    .only-pc_align-right {
        text-align: center !important;
    }
    .width100 {
        width: 100%;
    }
    .width50 {
        width: 50%;
    }
    .only-sp_mb10 {
        margin-bottom: 10px;
    }
    .mt10 {
        margin-top: 5px !important;
    }
    .mt15,
    .mt20 {
        margin-top: 10px !important;
    }
    .mt30 {
        margin-top: 20px !important;
    }
    .mt40 {
        margin-top: 25px !important;
    }
    .mt60 {
        margin-top: 40px !important;
    }
    .mt80 {
        margin-top: 50px !important;
    }
    .mb10 {
        margin-bottom: 5px !important;
    }
    .mb15,
    .mb20 {
        margin-bottom: 10px !important;
    }
    .mb25 {
        margin-bottom: 15px !important;
    }
    .mb30 {
        margin-bottom: 20px !important;
    }
    .mb35 {
        margin-bottom: 23px !important;
    }
    .mb40 {
        margin-bottom: 25px !important;
    }
    .mb50 {
        margin-bottom: 30px !important;
    }
    .mb55 {
        margin-bottom: 35px !important;
    }
    .mb60 {
        margin-bottom: 40px !important;
    }
    .mb100 {
        margin-bottom: 50px !important;
    }
    .mbpc20 {
        margin-bottom: 20px !important;
    }
    .mr20 {
        margin-right: 10px !important;
    }
    .pt15,
    .pt20 {
        padding-top: 10px !important;
    }
    .pt30 {
        padding-top: 20px !important;
    }
    .pb15,
    .pb20 {
        padding-bottom: 10px !important;
    }
    .pb30 {
        padding-bottom: 20px !important;
    }
    .pl30 {
        padding-left: 10px !important;
    }
}


/*introtext-section*/

.introtext_container {
    padding: 82px 0 74px 10px;
    text-align: center;
}

.introtext_container h1 {
    font-size: 35.866px;
    color: rgb(36, 36, 36);
    font-weight: bold;
    border-bottom: 4px solid #1d50a3;
    display: inline-block;
    padding: 0 15px 3px;
    margin-bottom: 22px;
    letter-spacing: 2px;
}

.introtext_container p {
    color: rgb(0, 0, 0);
    line-height: 1.875;
    letter-spacing: 0.82px;
    margin-bottom: 15px;
}

.introtext_container .bold {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1.6px;
    margin-bottom: 12px;
}

.introtext_container p.left {
    text-align: left;
}

@media only screen and (max-width:640px) {
    .introtext_container {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .introtext_container h1 {
        font-size: 134%;
    }
}


/*end*/


/*block 2 column*/

.box-grid2 {
    margin-left: -10px;
    margin-right: -10px;
}

.box-grid2 li {
    width: 50%;
    float: left;
    padding: 0px 10px;
}

.box-grid2 li img {
    display: block;
}

@media only screen and (max-width:640px) {
    h4.cv_hd_ct {
        font-size: 100%;
    }
    .box-grid2 .cv1_content {
        padding: 15px;
    }
    .cv1_content .cv1_tag {
        font-size: 86%;
        height: 25px;
        line-height: 23px;
    }
}

@media only screen and (max-width:640px) {
    .box-grid2 li {
        width: 100%;
    }
}


/*end*/

a.tel-link {
    pointer-events: none;
}

@media only screen and (max-width:640px) {
    a.tel-link {
        pointer-events: auto;
    }
}


/* Reset
  ========================================================================== */
.page-width + .area-manyconts{
    margin-top: 50px;
}
.area-manyconts{
    background-color: #f0f0f0;
}
.area-manyconts + div .column-area{
    margin-top: 50px;
}
.area-manyconts .rcmnd_container {
    padding: 45px 0 45px;
}
.area-manyconts .rcmnd_container ul{
    margin-top: 30px;
}
.area-manyconts .rcmnd_container li {
    width: 22%;
    margin-right: 4%;
    float: left;
}

.area-manyconts .rcmnd_container li:nth-child(4n) {
    margin-right: 0;
}

.area-manyconts .rcmnd_container li p {
    margin-right: 0;
    margin-left: 0;
}

.area-manyconts .rcmnd_container li p.ttl-rcmnd-list {
    font-weight: bold;
    font-size: 91%;
    margin: 7px 0;
}
.area-manyconts .rcmnd_container li p.ttl-rcmnd-list + p{
    font-size: 80%;
}

@media only screen and (max-width: 640px) {
    .area-manyconts{
        margin-top: 25px;
    }
    .area-manyconts .rcmnd_container {
        padding: 20px 10px;
    }
    .area-manyconts .rcmnd_container p.ttl-rcmnd {
        margin-bottom: 20px;
    }
    .area-manyconts .rcmnd_container li {
        width: 100%;
        margin-right: 0;
    }
    .area-manyconts .rcmnd_container li p.ttl-rcmnd-list {
        font-size: 100%;
    }
    .area-manyconts .rcmnd_container li p.ttl-rcmnd-list + p{
        font-size: 90%;
    }
    .area-manyconts .rcmnd_container li + li {
        margin-top: 30px;
    }
    .area-manyconts .rcmnd_container li img {
        width: 100%;
    }
    .area-manyconts + div .column-area{
        margin-top: 25px;
    }
    .page-width + .area-manyconts{
        margin-top: 25px;
    }
}

/* REQUESR LINK
========================================================================== */
li.req-form-link {
	width: 457px;
	height: 92px;
	position: relative;
}

.btn-icon {
	position: absolute;
	top: 24px;
	z-index: 2;
}

.req-form-btn {
	margin: 0 0 10px 15px;
	padding: 27px 16px 16px 90px;
	width: 442px;
	height: 92px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.3;
	background: #FC4F1E url(/person/common/img/button_icon_free.png) 65px center no-repeat;
	border: 3px solid #FFF;
	border-radius: 10px;
	position: absolute;
	z-index: 1;
}

.req-form-btn a {
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.req-form-btn a:hover {
	opacity: 0.3;
    background-color: #FFF;
	cursor: pointer !important;
}


aside li.req-form-link {
	margin-right: 75px;
	width: 507px !important;
	height: 110px;
}

aside div.btn-icon {
	top: 45px;
}

.aside div.req-form-btn {
	padding-top: 35px;
	width: 492px;
	height: 110px;
}


@media screen and (max-width: 640px) {
	li.req-form-link {
		width: 100% !important;
		height: 92px;
	}

	.btn-icon {
		top: 18px;
	}

	.btn-icon img {
		width: 32px;
	}

	.req-form-btn {
		margin: 0 0 10px 15px;
		padding: 27px 16px 16px 60px;
		width: calc(100% - 15px);
		width: -webkit-calc(100% - 15px);
		height: 82px;
		font-size: 1.6em;
		background-position: 18px center;
		background-size: 44px;
	}


	aside li.req-form-link {
		width: 100% !important;
		height: 92px;
	}

	aside div.btn-icon {
		top: 18px;
	}

	aside div.req-form-btn {
		padding-top: 26px;
		width: calc(100% - 15px);
		width: -webkit-calc(100% - 15px);
		height: 100px;
		height: 82px;
		font-size: 1.5em;
	}
}

/* PDF LINK
========================================================================== */
.pdf-link {
	margin: 0 0 20px 200px;
	height: 92px;
	position: relative;
}

.pdf-btn {
	margin: 0 0 10px 15px;
	padding: 25px 0 0 0;
	width: 442px;
	height: 92px;
	text-align: center;
	color: #FFF;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3em;
	background-color: #FFA21B;
	border: 3px solid #FFF;
	border-radius: 10px;
	position: absolute;
	z-index: 1;
}

.pdf-btn a {
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
}

.pdf-btn a:hover {
	opacity: 0.3;
    background-color: #FFF;
	cursor: pointer!important;
}

aside div.pdf-link {
	margin: 0 0 40px 245px;
	width: 507px !important;
	height: 110px;
}

aside div.pdf-btn {
	padding-top: 33px;
	width: 492px;
	height: 110px;
}
@media screen and (max-width: 640px) {
	.pdf-link {
		margin: 10px 0;
		width: 100% !important;
		height: 92px;
	}

	.pdf-btn {
		margin: 0 0 0 15px;
		padding: 27px 0 0 0;
		width: calc(100% - 15px);
		width: -webkit-calc(100% - 15px);
		height: 82px;
		font-size: 1.6em;
	}

	aside div.pdf-link {
		margin: 0 0 10px 0;
		width: 100% !important;
		height: 92px;
	}

	aside div.pdf-btn {
		padding-top: 26px;
		width: calc(100% - 15px);
		width: -webkit-calc(100% - 15px);
		height: 100px;
		height: 82px;
		font-size: 1.5em;
	}
}

/*------------------------------------------  申込ボタン追加 2021/09/16 -----------------------------------------------------*/

.west-form-link {
	margin: 0 0 20px 2px;
	height: 92px;
	position: relative;
}

.west-form-link02 {
	margin: 74px 0 20px 2px;
	height: 92px;
	position: relative;
}

.west-form-link03 {
	margin: 74px 0 50px 293px;
	height: 92px;
	position: relative;
}


.west-form-btn {
	margin: 0 0 10px 15px;
	padding: 10px 0 0 0;
	width: 296px;
	height: 92px;
	text-align: center;
	color: #FFF;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3em;
	background-color: #08bbff;
	border: 3px solid #FFF;
	border-radius: 10px;
	position: absolute;
	z-index: 1;
}


.west-form-btn a {
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
}

.west-form-btn a:hover {
	opacity: 0.3;
    background-color: #FFF;
	cursor: pointer!important;
}

.west-form-btn02 {
	margin: 0 0 10px 15px;
	padding: 25px 0 0 0;
	width: 442px;
	height: 92px;
	text-align: center;
	color: #FFF;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3em;
	background-color: #08bbff;
	border: 3px solid #FFF;
	border-radius: 10px;
	position: absolute;
	z-index: 1;

}

.west-form-btn02 a {
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
}

.west-form-btn02 a:hover {
	opacity: 0.3;
    background-color: #FFF;
	cursor: pointer!important;
}


@media screen and (max-width: 640px) {
		.mb105 {
			margin: 0 !important;
			text-align: left;
		}

		.west-form-link {
			margin: 10px 0;
			width: 100% !important;
			height: 92px;
		}
		.west-form-link02 {
			margin: 10px 0;
			width: 100% !important;
			height: 92px;
		}

		.west-form-link03 {
			margin: 10px 0;
			width: 100% !important;
			height: 92px;
		}



		.west-form-btn {
			margin: 0 0 0 15px;
			padding: 27px 0 0 0;
			width: calc(100% - 15px);
			width: -webkit-calc(100% - 15px);
			height: 82px;
			font-size: 1.6em;
	}

		.west-form-btn02 {
			margin: 0 0 0 10px;
			padding: 27px 0 0 0;
			width: calc(100% - 15px);
			width: -webkit-calc(100% - 15px);
			height: 82px;
			font-size: 1.6em;
	}

	.br-pc {
		display: none;
	}


}