@charset "utf-8";
@import url("font-style.css");

/***************************************************************************
 *
 * COMMON STYLE
 *
 ***************************************************************************/
.noto {
    font-family: 'Noto Sans JP', sans-serif;
}

.futura {
    font-family: futura-pt, sans-serif;
}

body {
    background: url(../images/common/background.jpg) repeat-y center top/100%;
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}

body.fixed {
    overflow: hidden;
}

.inner {
    max-width: 1262px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
}

/*VALIDATE CONTACT*/
p.error,
span.error {
    display: block;
    font-size: 12px;
    color: red;
}

/* FIXH */
#fixH {
    height: 116px;
}

/* HEADER */
#header {
    position: fixed;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
    padding: 23px 0;
}

#header .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#header .headerBar {
    padding-left: 1px;
    padding-top: 6px;
}

#header .headerBar .logo {
    width: 233px;
}

#header .hdWrap {
    display: flex;
    align-items: center;
}

#header .mainMenu .menu {
    display: flex;
}

#header .mainMenu .menu li {
    margin-left: 22px;
}

#header .mainMenu .menu li a {
    position: relative;
    display: flex;
    align-items: center;
    letter-spacing: 0.8px;
    font-size: 16px;
}

#header .mainMenu .menu li a:before {
    content: "";
    position: absolute;
    bottom: 0;
    /* left: 24px; */
    right: 0;
    width: 0;
    height: 1px;
    background: #37434c;
    transition: all .3s;
}

#header .mainMenu .menu li a span {
    display: inline-block;
    transform: translateY(3.3px);
    margin-right: 4px;
}

#header .hdGlobal {
    display: flex;
    justify-content: space-between;
    width: 159px;
    padding-right: 1px;
    margin-left: 31px;
}

#header .hdGlobal .favorite a {
    display: block;
    position: relative;
    background: #FBC500;
    border-radius: 8px;
    font-size: 9px;
    font-weight: bold;
    padding: 9px 11.5px 8px;
    color: #fff;
}

#header .hdGlobal .favorite .number {
    position: absolute;
    top: 0;
    right: -2px;
    color: #37434C;
    font-size: 11px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #FBCE00;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 1px;
}

#header .hdGlobal .favorite .favoritePhoto {
    display: block;
    width: 17px;
    margin: 0 auto -2px;
}

#header .hdGlobal .favorite .favoritePhoto img {
    width: 100%;
}

#header .hdGlobal .favorite.browsing a {
    background: #4484CE;
    padding: 9px 10px 8px;
}

/* CONTENT */
#content {
    width: 100%;
}


/*.areaSubsidy*/
.areaSubsidy {
    margin: 0 0 172px;
}

.areaSubsidy .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.areaSubsidy .subsidyBox {
    position: relative;
    width: 72%;
    max-width: 860px;
}

.areaSubsidy .subsidyBox .subsidyNote {
    position: absolute;
    top: 59px;
    right: 0;
    font-size: 22px;
}

.areaSubsidy .subsidyBox .subsidyNote span {
    font-size: 16px;
}

.areaSubsidy .subsidyBox .subsidyList .subsidyWrap {
    position: relative;
    background-color: #fff;
    padding: 30px 30px 15px 31px;
    margin: 14px 0 51px;
}

.subsidyList .subsidyWrap .wrapNote {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -6px;
    left: 31px;
    width: 51px;
    height: 61px;
    background: url(../images/subsidy-list/wrap-note-grey.png)no-repeat top -2px center/51px 63px;
    color: #fff;
    padding: 0px 5px 6px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    line-height: 1.1;
    text-align: center;
}

.subsidyList .subsidyWrap .wrapNote.noteAccep {
    background: url(../images/subsidy-list/wrap-note-orange.png)no-repeat top -2px center/51px 63px;
}

.subsidyList .subsidyWrap .wrapHeart {
    position: absolute;
    top: 30px;
    right: 29px;
}

.subsidyList .subsidyWrap .wrapHeart a {
    position: relative;
    display: inline-block;
    font-size: 13px;
    background: #D6D9DA;
    border-radius: 30px;
    color: #fff;
    padding: 9px 13px 8px 32px;
    letter-spacing: 0.4px;
}

.subsidyList .subsidyWrap .wrapHeart a:before {
    content: "";
    position: absolute;
    top: 52%;
    left: 14px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../images/subsidy-list/icon-heart.svg)no-repeat;
    background-size: 100%;
}

.subsidyList .subsidyWrap .wrapHeart.active a {
    background-color: #FBC500;
}

.subsidyList .subsidyWrap .wrapHeart a.loading {
    pointer-events: none;
    opacity: 0.8;
}

.subsidyList .subsidyWrap .wrapHeart a.loading:before {
    animation: beat .25s infinite alternate;
}

@keyframes beat {
    to {
        transform: translateY(-50%) scale(1.4);
    }
}

.subsidyList .subsidyWrap .subsidyContent .subsidyTop {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 17px;
}

.subsidyList .subsidyTop .subsidyLeft {
    width: 73%;
    max-width: 581px;
}

.subsidyList .subsidyTop .subsidyLeft .subsidyInfo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 7px;
}

.subsidyList .subsidyTop .subsidyLeft .subsidyInfo .infoBasic {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 170px);
    margin-left: 65px;
}

.subsidyList .subsidyTop .subsidyLeft .subsidyInfo .infoBasic .basicAddress {
    background: url(../images/subsidy-list/icon-address.svg)no-repeat bottom 3px left 1px/ 14px 18px;
    padding: 0 0 0 19px;
    margin-right: 16px;
}

.subsidyList .subsidyTop .subsidyLeft .subsidyInfo .infoBasic .basicTime {
    background: url(../images/subsidy-list/icon-calendar.svg)no-repeat bottom 3px left/ 16px 18px;
    padding-left: 21px;
}

.subsidyList .subsidyTop .subsidyLeft .subsidyInfo .infoBasic .basicTime span {
    display: inline-block;
    padding-left: 14px;
}

.subsidyList .subsidyTop .subsidyLeft .subsidyInfo .infoReceipt {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: #4484CE;
    border-radius: 4px;
    padding: 2px 5px;
    letter-spacing: 0.8px;
}

.subsidyList .subsidyTop .subsidyLeft .subsidyInfo .infoReceipt.receiptMedium {
    background-color: #F19F4D;
}

.subsidyList .subsidyTop .subsidyLeft .leftNote {
    font-size: 18px;
    font-weight: bold;
    color: #4484CE;
    margin-bottom: 7px;
}

.subsidyList .subsidyTop .subsidyLeft .subsidyTitle {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.45;
    letter-spacing: 0.9px;
}

.subsidyList .subsidyTop .subsidyLeft .subsidyTitle a {
    color: #37434C;
}

.subsidyList .subsidyTop .subsidyRight {
    width: 25.4%;
    max-width: 204px;
    margin-top: 49px;
}

.subsidyList .subsidyTop .subsidyRight .rightLogo {
    display: block;
    width: 100%;
    height: 60px;
    margin-bottom: 9px;
}

.subsidyList .subsidyTop .subsidyRight .rightLogo a {
    width: 100%;
    height: 100%;
}

.subsidyList .subsidyTop .subsidyRight .rightLogo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right;
    margin-bottom: 4px;
}

.subsidyList .subsidyTop .subsidyRight .rightReview {
    text-align: right;
}

.subsidyList .subsidyTop .subsidyRight .rightReview a {
    position: relative;
    font-weight: bold;
    color: #4484CE;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.subsidyList .subsidyTop .subsidyRight .rightReview a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -33px;
    width: 28px;
    height: 24px;
    background: url(../images/subsidy-list/icon-reviews.png)no-repeat;
    background-size: 100%;
}

.subsidyList .subsidyTop .subsidyRight .rightReview span {
    font-size: 19px;
}

.subsidyList .subsidyMid {
    padding-top: 16px;
    border-top: 1px solid #D6D9DA;
    margin-bottom: 10px;
}

.subsidyList .subsidyMid .midWrap {
    display: flex;
    flex-wrap: wrap;
}

.subsidyList .subsidyMid .midWrap .midType {
    display: flex;
    flex-wrap: wrap;
    width: 300px;
    margin: 0 10px 20px 0;
}

.subsidyList .subsidyMid .midWrap .midType li {
    display: inline-block;
    width: calc(100%/4 - 6px);
    background-color: #D6D9DA;
    border-radius: 11px;
    text-align: center;
    padding: 8px 1px 6px;
}

.subsidyList .subsidyMid .midWrap .midType li.active {
    background-color: #4484CE;
}

.subsidyList .subsidyMid .midWrap .midType li:not(:last-child) {
    margin-right: 8px;
}

.subsidyList .subsidyMid .midWrap .midType .typeName {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin-top: -4px;
}

.subsidyList .subsidyMid .midWrap .midPrice {
    display: flex;
    min-width: calc(100% - 310px);
    height: 57px;
    margin-bottom: 20px;
}

.subsidyList .subsidyMid .midWrap .midPrice .priceSub {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    border-radius: 10px 0 0 10px;
    background-color: #F19F4D;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 10px;
}

.subsidyList .subsidyMid .midWrap .midPrice .priceAbout {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 110px);
    font-size: 28px;
    font-weight: bold;
    color: #F58D26;
    border-radius: 0 10px 10px 0;
    background-color: rgba(251, 206, 0, 0.11);
    padding: 5px 10px;
}

.subsidyList .subsidyMid .midWrap .midPrice .priceAbout span {
    font-size: 19px;
    margin-top: 5px;
}

.subsidyList .subsidyMid .midSub {
    font-size: 16px;
    margin: -3px 0 8px;
    letter-spacing: 0.6px;
    line-height: 1.6;
}

.subsidyList .subsidyMid .midTarget .targetWrap.targetBussiness {
    margin-bottom: 3px;
}

.subsidyList .subsidyMid .midTarget .targetWrap {
    display: flex;
    flex-wrap: wrap;
}

.subsidyList .subsidyMid .midTarget .targetWrap .targetName {
    width: 65px;
    font-size: 13px;
}

.subsidyList .subsidyMid .midTarget .targetWrap .targetList {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 70px);
}

.subsidyList .subsidyMid .midTarget .targetWrap .targetList li {
    margin: 0 5px 6px 0;
}

.subsidyList .subsidyMid .midTarget .targetWrap .targetList li a {
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    background-color: #4484CE;
    border-radius: 20px;
    padding: 1px 5px;
    border: 1px solid #4484CE;
    line-height: 1.45;
}

.subsidyList .subsidyBot {
    display: flex;
    justify-content: center;
    padding-top: 17px;
    border-top: 1px solid #D6D9DA;
}

.subsidyList .subsidyBot .botBtn {
    display: inline-block;
    width: 262px;
}

.subsidyList .subsidyBot .botExpert {
    margin-right: 23px;
}

.subsidyList .subsidyBot .botBtn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 57px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 9px;
    padding: 5px 25px 5px 53px;
    letter-spacing: 0.2px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.subsidyList .subsidyBot .botExpert a {
    background: url(../images/common/icon-phone-white.svg)no-repeat center left 36px/21px, #F58D26;
}

.subsidyList .subsidyBot .botDetail a {
    background: url(../images/subsidy-list/icon-views.png)no-repeat center left 30px/20px, #2669B5;
}

/*areaSubsidy*/


/*SUBSIDY MORE BTN*/
.subsidyMoreBtn {
    display: flex;
    justify-content: center;
    position: relative;
}

.subsidyMoreBtn:before {
    content: "";
    width: 100%;
    height: 3px;
    border-top: 3px solid #2669B5;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
}

.subsidyMoreBtn a {
    width: 240px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #2669B5;
    font-size: 16px;
    font-weight: bold;
    border-radius: 30px;
    padding: 5px 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    transition: all 0.3s;
    position: relative;
    z-index: 5;
}

.subsidyMoreBtn a:hover {
    box-shadow: 0 0 10px #2669B5;
}

.subsidyMoreBtn a:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/subsidy-list/icon-views.png) no-repeat center center;
    background-size: 100%;
    transform: rotate(90deg);
    margin-right: 7px;
}


/*AREATITLE*/

.areaTitle {
    position: relative;
}

.areaTitle .titleMain {
    font-size: 71px;
    color: #bad7eb;
    font-style: italic;
    font-weight: 300;
}

.areaTitle .titleJp {
    position: absolute;
    bottom: 14px;
    left: 8px;
    font-size: 22px;
    font-weight: 400;
    color: #00192a;
    letter-spacing: 0.5px;
}

/*BREADCRUMB*/

.breadcrumb {
    padding: 17px 0 8px;
}

.breadcrumb .listBreadcrumb {
    display: flex;
    margin-left: 2px;
}

.breadcrumb .listBreadcrumb li {
    position: relative;
    padding-right: 17px;
    margin-right: 11px;
}

.breadcrumb .listBreadcrumb li:before {
    content: ">";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.breadcrumb .listBreadcrumb li:last-child {
    padding: 0;
    margin: 0;
}

.breadcrumb .listBreadcrumb li:last-child:before {
    content: "";
    display: none;
}

.breadcrumb .listBreadcrumb li:last-child a {
    pointer-events: none;
}

.breadcrumb .listBreadcrumb li a {
    font-size: 11px;
    letter-spacing: 1px;
}

/*areaContact*/
.areaContact {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 104px;
    background-color: #fff;
    z-index: 11;
}

.areaContact .inner {
    position: relative;
    display: flex;
}

.areaContact .contactImg {
    position: absolute;
    bottom: -20px;
    left: 51px;
    width: 104px;
    height: 132px;
}

.areaContact .contactNote {
    margin: 19px 16px 0 147px;
}

.areaContact .contactNote span {
    font-size: 24px;
    font-weight: bold;
    color: #37434C;
    background: linear-gradient(0deg, rgba(251, 197, 0, 1) 0%, rgba(251, 197, 0, 1) 30%, rgba(255, 255, 255, 1) 30%);
    letter-spacing: 1.5px;
    line-height: 1.45;
}

.areaContact .contactNote span:first-child {
    letter-spacing: 0.3px;
}

.areaContact .contactWrap {
    display: flex;
    flex-wrap: wrap;
}

.areaContact .contactWrap .contactPhone {
    padding-left: 94px;
    background: url(../images/common/icon-phone-orange.svg)no-repeat top 12px left 25px/ 56px;
    margin-right: 22px;
    margin-top: 18px;
}

.areaContact .contactWrap .contactPhone .phoneSub {
    font-size: 16px;
}

.areaContact .contactWrap .contactPhone .phoneNumber {
    margin-top: -2px;
}

.areaContact .contactWrap .contactPhone .phoneNumber a {
    font-size: 42px;
    font-weight: bold;
    color: #F19F4D;
    line-height: 1;
}

.areaContact .contactWrap .contactMess {
    display: inline-block;
    width: 279px;
    margin-top: 27px;
}

.areaContact .contactWrap .contactMess a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    border-radius: 11px;
    padding: 9px 4px 9px 30px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: url(../images/common/icon-messenger-white.svg)no-repeat center left 26px/ 33px 18px, #4484CE;
    letter-spacing: 0.5px;
    border: 1px solid #4484CE;
}

/*areaContact*/


/*#footer*/
#footer {
    width: 100%;
    /*    padding: 26px 0 103px;*/
    padding: 26px 0 0;
    background-color: #4484CE;
}

#footer.noContact {
    padding-bottom: 0;
}

#footer .ftLogo {
    width: 233px;
    margin: 55px 0 28px;
}

#footer .ftLogo img {
    width: 100%;
}

#footer .ftMenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 75px;
}

#footer .ftMenu .ftMenuWrap.ftMenuLeft {
    width: 32%;
}

#footer .ftMenu .ftMenuWrap.ftMenuRight {
    width: 65.8%;
}

#footer .ftMenu .ftMenuWrap .ftMenuBox {
    margin-bottom: 13px;
}

#footer .ftMenu .ftMenuWrap .ftMenuBox a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 2px;
    letter-spacing: 1px;
}

#footer .ftMenu .ftMenuWrap .ftMenuBox .menuName {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.3px;
    margin-bottom: 16px;
}

#footer .ftMenu .ftMenuWrap .ftMenuBox .menu {
    display: flex;
    flex-wrap: wrap;
    margin-left: 21px;
}

#footer .ftMenu .ftMenuWrap .ftMenuBox .menu li {
    margin: 0 16px 16px 0;
}

#footer .ftMenu .ftMenuWrap.ftMenuRight .boxPrefec {
    display: flex;
    margin-left: 20px;
}

#footer .ftMenu .ftMenuWrap.ftMenuRight .boxPrefec .prefecName {
    width: 108px;
    color: #fff;
    letter-spacing: 1.4px;
}

#footer .ftMenu .ftMenuWrap.ftMenuRight .ftMenuBox .boxPrefec .menu {
    width: calc(100% - 149px);
}

#footer .ftMenu .ftMenuWrap.ftMenuRight .ftMenuBox .boxPrefec .menu li {
    margin: 0 16px 15px 0;
}

#footer .ftInfo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 26px;
}

#footer .ftInfo li {
    position: relative;
    padding: 0 19px;
    line-height: 0.8;
}

#footer .ftInfo li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 12px;
    background-color: #fff;
}

#footer .ftInfo li:last-child:before {
    content: none;
}

#footer .ftInfo li:first-child {
    border-left: none;
}

#footer .ftInfo a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
}

#copyright {
    font-size: 11px;
    text-align: center;
    color: #1077ba;
    background: #e3f1f9;
    padding: 13px 0 11px;
    letter-spacing: 0.4px;
}

/*#footer*/

/*LOADING*/
.subsidyLoading {
    display: none;
    text-align: center;
}

.lds-facebook {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: #1077ba;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lds-facebook div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}

.lds-facebook div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
}

.lds-facebook div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
}

@keyframes lds-facebook {
    0% {
        top: 8px;
        height: 64px;
    }

    50%,
    100% {
        top: 24px;
        height: 32px;
    }
}

.lds-dual-ring {
    display: inline-block;
    width: 64px;
    height: 64px;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 6px solid #1077ba;
    border-color: #1077ba transparent #1077ba transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.sp {
    display: none;
}

@media(max-width:1440px) and (min-width:769px) {
    .areaContact .contactNote {
        margin: 19px 5px 0 135px;
    }
}

@media(max-width:1280px) and (min-width:769px) {

    /*areaContact*/
    .areaContact .contactImg {
        bottom: -25px;
        left: 20px;
    }

    .areaContact .contactNote {
        margin: 24px 0 0 120px;
    }

    .areaContact .contactNote span {
        font-size: 20px;
    }

    .areaContact .contactWrap .contactPhone {
        margin-top: 26px;
        padding-left: 70px;
        background-size: 45px;
        background-position: top 12px left 15px;
    }

    .areaContact .contactWrap .contactPhone .phoneSub {
        font-size: 14px;
    }

    .areaContact .contactWrap .contactPhone .phoneNumber a {
        font-size: 38px;
    }

    .areaContact .contactWrap .contactMess {
        margin-top: 29px;
    }

    /*areaContact*/
}

@media(max-width: 1200px) and (min-width: 769px) {
    #header .headerBar .logo {
        width: 19.5vw;
    }

    #header .mainMenu .menu li a {
        letter-spacing: 0;
        font-size: 1.3vw;
    }

    #header .mainMenu .menu li a span {
        margin-right: 2px;
        width: 1.5vw;
        transform: translateY(2px);
    }

    #header .mainMenu .menu li a span img {
        width: 100%;
    }

    #header .hdGlobal {
        width: 120px;
        padding-right: 0;
        margin-left: 14px;
    }

    #header .hdGlobal .favorite a {
        border-radius: 5px;
        padding: 4px 6px;
    }

    #header .hdGlobal .favorite.browsing a {
        padding: 4px 6px;
    }

}

@media(max-width:1170px) and (min-width:769px) {
    .areaTitle .titleMain {
        font-size: 68px;
    }
}

@media(max-width:1155px) and (min-width:769px) {

    /*areaSubsidy*/
    .subsidyList .subsidyTop .subsidyLeft .subsidyInfo {
        align-items: flex-start;
    }

    .subsidyList .subsidyTop .subsidyLeft .subsidyInfo .infoBasic .basicAddress {
        width: 100%;
        background-position: bottom left;
        margin: 0 0 10px;
    }

    .subsidyList .subsidyTop .subsidyLeft .subsidyInfo .infoBasic .basicTime {
        width: 100%;
    }

    /*areaSubsidy*/
}

@media(max-width:1140px) and (min-width:769px) {

    /*areaContact*/
    .areaContact .contactImg {
        bottom: -30px;
    }

    .areaContact .contactNote span {
        font-size: 18px;
    }

    .areaContact .contactWrap .contactPhone {
        padding-left: 60px;
        background-size: 35px;
        background-position: top 14px left 15px;
    }

    .areaContact .contactWrap .contactPhone .phoneNumber a {
        font-size: 34px;
    }

    .areaContact .contactWrap .contactMess {
        max-width: 260px;
    }

    .areaContact .contactWrap .contactMess a {
        font-size: 16px;
    }

    /*areaContact*/
}

@media(max-width:1050px) and (min-width:769px) {

    /*areaContact*/
    .areaContact .contactNote span {
        font-size: 16px;
    }

    .areaContact .contactWrap .contactMess {
        max-width: 240px;
    }

    /*areaContact*/
}

@media(max-width:1005px) and (min-width:769px) {

    /*areaContact*/
    .areaContact .contactWrap .contactPhone .phoneNumber a {
        font-size: 30px;
    }

    .areaContact .contactWrap .contactPhone {
        padding-left: 55px;
        background-size: 30px;
        background-position: top 17px left 15px;
    }

    .areaContact .contactWrap .contactMess {
        max-width: 220px;
    }

    .areaContact .contactWrap .contactMess a {
        height: 50px;
        background-position: center left 10px;
    }

    .areaContact .contactWrap .contactMess a:hover {
        background-position: center left 10px;
    }

    /*areaContact*/

    /*footer*/
    #footer .ftMenu .ftMenuWrap.ftMenuLeft {
        width: 39%;
    }

    #footer .ftMenu .ftMenuWrap.ftMenuRight {
        width: 59%;
    }

    /*footer*/
}

@media(max-width:970px) and (min-width:769px) {
    .areaTitle .titleMain {
        font-size: 65px;
    }

    .areaTitle .titleJp {
        font-size: 20px;
    }


    .areaSubsidy .subsidyBox .subsidyList .subsidyWrap {
        padding: 30px 20px;
    }

    .subsidyList .subsidyWrap .wrapNote {
        left: 20px;
    }

    .subsidyList .subsidyWrap .wrapHeart {
        top: 10px;
        right: 15px;
    }

    .areaSubsidy .subsidyBox .subsidyNote {
        font-size: 20px;
    }

    .subsidyList .subsidyTop .subsidyLeft .leftNote {
        font-size: 16px;
    }

    .subsidyList .subsidyTop .subsidyLeft .subsidyTitle {
        font-size: 24px;
    }

    .sideList .subsidyTop .subsidyLeft .leftNote {
        font-size: 12px;
    }

    .sideList .subsidyTop .subsidyLeft .subsidyTitle a {
        font-size: 14px;
    }
}

@media(max-width:955px) and (min-width:769px) {

    /*areaContact*/
    .areaContact .contactImg {
        width: 95px;
        height: 120px;
    }

    .areaContact .contactNote {
        margin: 24px 0 0 95px;
    }

    .areaContact .contactWrap .contactPhone .phoneSub {
        font-size: 12px;
    }

    .areaContact .contactWrap .contactPhone {
        padding-left: 45px;
        background-size: 26px;
        background-position: top 20px left 15px;
        margin-right: 10px;
    }

    .areaContact .contactWrap .contactMess {
        max-width: 200px;
    }

    .areaContact .contactWrap .contactMess a {
        height: 45px;
        font-size: 14px;
    }

    /*areaContact*/
}


@media(max-width: 950px) and (min-width: 769px) {
    #header .mainMenu .menu li a {
        font-size: 1.35vw;
    }

    .breadcrumb .listBreadcrumb li a {
        font-size: 10px;
        letter-spacing: 0;
    }
}

@media(max-width:900px) and (min-width:769px) {

    /*areaContact*/
    .areaContact .inner {
        flex-wrap: wrap;
    }

    .areaContact .contactImg {
        bottom: -15px;
    }

    .areaContact .contactNote {
        width: 100%;
        margin: 10px 0 13px 0;
        text-align: center;
    }

    .areaContact .contactNote br {
        display: none;
    }

    .areaContact .contactWrap {
        justify-content: center;
        width: 100%;
    }

    .areaContact .contactWrap .contactPhone,
    .areaContact .contactWrap .contactMess {
        margin-top: 0;
    }

    /*areaContact*/
}

@media(max-width:855px) and (min-width:769px) {
    #header .mainMenu .menu li {
        margin-left: 13px;
    }
}

@media(max-width:800px) and (min-width:769px) {
    .areaTitle .titleMain {
        font-size: 60px;
    }
}

@media(min-width: 769px) {
    .hover {
        transition: all .3s;
    }

    .hover:hover {
        opacity: 0.7;
    }

    .breadcrumb .listBreadcrumb li {
        padding-right: 13px;
        margin-right: 5px;
    }

    .breadcrumb .listBreadcrumb li a:hover {
        opacity: 1;
        text-decoration: underline;
        text-underline-offset: 2px;
    }

    #header .mainMenu .menu li a:hover:before {
        width: calc(100% - 24px);
        left: 23px;
    }

    #header .hdGlobal .favorite a:hover {
        box-shadow: 0 0 10px #FBC500;
    }

    #header .hdGlobal .favorite.browsing a:hover {
        box-shadow: 0 0 10px #4484CE;
    }

    /*areaSubsidy*/
    .subsidyList .subsidyWrap .wrapHeart a:hover {
        background-color: #FBC500;
    }

    .subsidyList .subsidyTop .subsidyLeft .subsidyTitle a:hover {
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    .subsidyList .subsidyTop .subsidyRight .rightReview a:hover {
        text-decoration: none;
    }

    .subsidyList .subsidyBot .botExpert a:hover {
        box-shadow: 0 0 10px #F58D26;
    }

    .subsidyList .subsidyBot .botDetail a:hover {
        box-shadow: 0 0 10px #2669B5;
    }

    .subsidyList .subsidyMid .midTarget .targetWrap .targetList li a:hover {
        background-color: #fff;
        color: #2669B5;
    }

    /*areaSubsidy*/

    /*areaContact*/
    .areaContact .contactWrap .contactPhone .phoneNumber a {
        pointer-events: none;
    }

    .areaContact .contactWrap .contactMess a:hover {
        box-shadow: 0 0 10px #4484CE;
    }

    /*areaContact*/
    /*footer*/
    #footer .ftMenu .ftMenuWrap .ftMenuBox a:hover {
        text-decoration: none;
    }

    #footer .ftInfo a:hover {
        text-decoration: underline;
    }

    /*footer*/
}

/* STYLE MOBILE */
@media (max-width: 768px) {
    body {
        background: url(../images/common/background-sp.jpg) repeat-y center top/100%;
    }

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    .inner {
        width: 100%;
        padding: 0 3.8%;
    }

    /* MENU */
    .hamburger {
        position: absolute;
        top: 54%;
        right: 14px;
        transform: translateY(-50%);
        width: 15px;
        height: 50px;
        z-index: 9991;
        background: transparent;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }

    .hamburger span {
        display: block;
        height: 2px;
        width: 100%;
        background: #707070;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    .hamburger span:nth-child(1) {
        margin-bottom: 3px;
    }

    .hamburger span:nth-child(2) {
        opacity: 1
    }

    .hamburger span:nth-child(3) {
        margin-top: 3px;
    }

    .hamburger.open span:nth-child(1) {
        margin-bottom: -2px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .hamburger.open span:nth-child(2) {
        opacity: 0;
    }

    .hamburger.open span:nth-child(3) {
        margin-top: -2px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    /* FIXH */
    #fixH {
        height: 48px;
    }

    /*HEADER*/
    #header {
        padding: 7px 0 6px;
    }

    #header .mainMenu.pc {
        display: none !important;
    }

    #header .mainMenu {
        position: absolute;
        display: none;
        top: 57px;
        left: 0;
        width: 100%;
        height: calc(100vh - 47px);
        overflow-y: auto;
        background: #DBE5F1;
        padding: 34px 3.7% 100px 3.6%;
    }

    #header .mainMenu .search {
        border-bottom: 1px solid #FFFFFF;
        padding-bottom: 16px;
        margin-bottom: 18px;
    }

    #header .mainMenu .search .questSearch {
        position: relative;
        width: 100%;
        border-radius: 7px;
        overflow: hidden;
    }

    #header .mainMenu .search .questSearch input {
        font-size: 12px;
        color: #37434c;
        width: 100%;
        border: 0;
        height: 38px;
        padding: 0 14px;
        box-sizing: border-box;
        letter-spacing: -0.6px !important;
    }

    #header .mainMenu .search .questSearch input::placeholder {
        color: #929292;
    }

    #header .mainMenu .search .questSearch button {
        position: absolute;
        top: 0;
        right: 0;
        background: #4484CE url(../images/common/icon-search.png) no-repeat left 7px center/12px;
        font-size: 10px;
        font-weight: bold;
        color: #fff;
        width: 71px;
        height: 100%;
        padding-left: 16px;
        padding-right: 0;
        letter-spacing: 0.4px !important;
    }

    #header .mainMenu .menu {
        flex-direction: column;
    }

    #header .headerBar {
        padding-left: 0;
        padding-top: 4px;
        width: 27.7%;
    }

    #header .headerBar .logo {
        width: auto;
        max-width: 150px;
    }

    #header .hdGlobal {
        width: 126px;
        margin-left: 0;
        padding-right: 23.5px;
    }

    #header .hdGlobal .favorite a {
        font-size: 9px;
        padding: 4px 5.4px 3px;
        letter-spacing: -0.3px !important;
        border-radius: 7px;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 100%;
        display: flex;
    }

    #header .hdGlobal .favorite.browsing a {
        padding: 4px 4.5px 3px;
        letter-spacing: -0.3px !important;
    }

    #header .hdGlobal .favorite .favoritePhoto {
        width: 12px;
        margin-bottom: -3px;
    }

    #header .hdGlobal .favorite .number {
        right: -1px;
        font-size: 8px;
        width: 12px;
        height: 12px;
    }

    #header .mainMenu .menu li {
        border-bottom: 1px solid #FFFFFF;
        padding-bottom: 17px;
        margin: 0 0 17px;
    }

    #header .mainMenu .menu li a {
        display: block;
        padding-left: 8px;
        letter-spacing: 0.5px !important;
        font-size: 14px;
    }

    #header .mainMenu .menu li a:after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 7px;
        background: url(../images/common/icon-link.svg) no-repeat center center/100%;
        width: 9px;
        height: 9px;
    }


    /*breadcrumb*/
    .breadcrumb {
        margin-bottom: 62px;
    }

    .breadcrumb .listBreadcrumb {
        flex-wrap: wrap;
        margin-left: 0;
    }

    .breadcrumb .listBreadcrumb li {
        padding: 0;
        margin-right: 22px;
    }

    .breadcrumb .listBreadcrumb li a {
        font-size: 9px;
        letter-spacing: 0.5px !important;
    }

    .breadcrumb .listBreadcrumb li:before {
        right: -13px;
    }

    /*breadcrumb*/

    /*CONTENT*/
    /*areaSubsidy*/
    .areaSubsidy {
        margin: 66px 0 50px;
    }

    .areaSubsidy .subsidyBox {
        width: 100%;
        margin: 0 auto;
    }

    .areaSubsidy .subsidyBox .subsidyList .subsidyWrap {
        padding: 17px 7px 18px;

        margin-bottom: 34px;
    }

    .subsidyList .subsidyWrap .wrapNote {
        top: -7px;
        left: 7px;
        width: 43px;
        height: 54px;
        background-size: 43px 54px;
        padding: 0px 3px 10px;
    }

    .subsidyList .subsidyWrap .wrapNote.noteAccep {
        background-size: 43px 54px;
    }

    .subsidyList .subsidyWrap .wrapHeart {
        top: 17px;
        right: 7px;
    }

    .subsidyList .subsidyWrap .wrapHeart a {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        padding: 0;
    }

    .subsidyList .subsidyWrap .wrapHeart a:before {
        left: 50%;
        transform: translate(-50%, -50%);
        width: 10px;
        height: 10px;
    }

    .subsidyList .subsidyWrap .subsidyContent .subsidyTop {
        margin-bottom: 4px;
    }

    .subsidyList .subsidyTop .subsidyLeft {
        width: 100%;
    }

    .subsidyList .subsidyTop .subsidyLeft .subsidyInfo {
        flex-direction: column-reverse;
        margin-bottom: 7px;
    }

    .subsidyList .subsidyTop .subsidyLeft .subsidyInfo .infoBasic {
        width: 100%;
        margin: 35px 0 0;
        font-size: 12px;
    }

    .subsidyList .subsidyTop .subsidyLeft .subsidyInfo .infoBasic .basicAddress {
        padding: 0 0 0 17px;
        margin-right: 13px;
        letter-spacing: -0.5px !important;
        background-position: center left -4px;
        background-size: 20px 15px;
    }

    .subsidyList .subsidyTop .subsidyLeft .subsidyInfo .infoBasic .basicTime {
        letter-spacing: -0.5px !important;
        background-position: center left;
        background-size: 16px 14px;
    }

    .subsidyList .subsidyTop .subsidyLeft .subsidyInfo .infoBasic .basicTime span {
        padding-left: 11px;
        letter-spacing: -0.3px !important;
    }

    .subsidyList .subsidyTop .subsidyLeft .subsidyInfo .infoReceipt {
        width: 100%;
        max-width: 84px;
        margin: 0 0 10px 48px;
        font-size: 10px;
        padding: 5px;
        letter-spacing: 1px !important;
    }

    .subsidyList .subsidyTop .subsidyLeft .leftNote {
        font-size: 14px;
    }

    .subsidyList .subsidyTop .subsidyLeft .subsidyTitle {
        font-size: 18px;
    }

    .subsidyList .subsidyTop .subsidyRight {
        display: block;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        margin-top: 6px;
    }

    .subsidyList .subsidyTop .subsidyRight .rightLogo {
        float: left;
        width: 46.6%;
        height: 50px;
        margin-bottom: 0;
    }

    .subsidyList .subsidyTop .subsidyRight .rightLogo img {
        object-position: left;
    }

    .subsidyList .subsidyTop .subsidyRight .rightReview {
        float: right;
        padding-left: 29px;
        margin-top: 27px;
    }

    .subsidyList .subsidyTop .subsidyRight .rightReview a {
        font-size: 10px;
        letter-spacing: 0.8px !important;
        text-underline-offset: 1px;
    }

    .subsidyList .subsidyTop .subsidyRight .rightReview a:before {
        bottom: -3px;
        left: -29px;
        width: 25px;
        height: 22px;
    }

    .subsidyList .subsidyTop .subsidyRight .rightReview span {
        font-size: 14px;
    }

    .subsidyList .subsidyMid {
        padding-top: 7px;
        margin-bottom: 1px;
    }

    .subsidyList .subsidyMid .midWrap .midType {
        width: 100%;
        margin: 0 0 10px;
    }

    .subsidyList .subsidyMid .midWrap .midType li {
        width: calc(100%/4 - 5px);
        border-radius: 5px;
        padding: 9px 1px 8px;
    }

    .subsidyList .subsidyMid .midWrap .midType li:not(:last-child) {
        margin-right: 6px;
    }

    .subsidyList .subsidyMid .midWrap .midType li .typeIcon {
        height: 25px;
        margin-bottom: 5px;
    }

    .subsidyList .subsidyMid .midWrap .midType li .typeIcon img {
        height: 100%;
    }

    .subsidyList .subsidyMid .midWrap .midPrice {
        width: 100%;
        height: 45px;
        margin-bottom: 15px;
    }

    .subsidyList .subsidyMid .midWrap .midPrice .priceSub {
        width: 22%;
        font-size: 12px;
        padding: 5px 6px;
        border-radius: 3px 0 0 3px;
    }

    .subsidyList .subsidyMid .midWrap .midPrice .priceAbout {
        width: calc(100% - 73px);
        font-size: 20px;
        border-radius: 0 3px 3px 0;
    }

    .subsidyList .subsidyMid .midWrap .midPrice .priceAbout span {
        font-size: 12px;
        margin-top: 4px;
        letter-spacing: -0.3px !important;
    }

    .subsidyList .subsidyMid .midSub {
        font-size: 12px;
        margin: -3px 0 6px;
        letter-spacing: 0.3px !important;
    }

    .subsidyList .subsidyMid .midTarget .targetWrap .targetName {
        width: 57px;
        font-size: 11px;
    }

    .subsidyList .subsidyMid .midTarget .targetWrap .targetList li {
        margin: 0 5px 5px 0;
    }

    .subsidyList .subsidyMid .midTarget .targetWrap .targetList li a {
        font-size: 10px;
        padding: 0 4px 0.5px;
        line-height: 1.45;
    }

    .subsidyList .subsidyMid .midTarget .targetWrap.targetBussiness {
        margin-bottom: 2px;
    }

    .subsidyList .subsidyBot {
        padding-top: 13px;
    }

    .subsidyList .subsidyBot .botExpert {
        margin-right: 7px;
    }

    .subsidyList .subsidyBot .botBtn {
        width: calc(100%/2 - 3px);
        max-width: 163px;
    }

    .subsidyList .subsidyBot .botBtn a {
        height: 44px;
        font-size: 11px;
        padding: 7px 6px 7px 27px;
        letter-spacing: 0.4px !important;
        border-radius: 7px;
    }

    .subsidyList .subsidyBot .botExpert a {
        background-position: center left 14px;
        background-size: 18px;
    }

    .subsidyList .subsidyBot .botDetail a {
        background-position: center left 9px;
        background-size: 17px;
    }

    @keyframes beat {
        to {
            transform: translate(-50%, -50%) scale(1.4);
        }
    }

    /*areaSubsidy*/

    /*SUBSIDY MORE BTN*/
    .subsidyMoreBtn a {
        width: 190px;
        height: 48px;
        font-size: 14px;
    }

    /*areaTitle*/
    .areaTitle {
        margin-top: 31px;
    }

    .areaTitle .titleMain {
        font-size: 32px;
        letter-spacing: -1.2px !important;
    }

    .areaTitle .titleJp {
        font-size: 14px;
        bottom: 3px;
        left: 5px;
        letter-spacing: 0.7px !important;
    }

    /*areaTitle*/

    /*areaContact*/
    .areaContact {
        min-height: 92px;
    }

    .areaContact .inner {
        width: 104%;
        margin: 0 -2%;
        flex-wrap: wrap;
    }

    .areaContact .contactImg {
        bottom: -28px;
        left: 18%;
        width: 74px;
        height: 114px;
    }

    .areaContact .contactNote {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 4px 0 7px 66px;
    }

    .areaContact .contactNote span {
        font-size: 18px;
        margin-right: 10px;
        letter-spacing: -1px !important;
    }

    .areaContact .contactWrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: calc(100% - 55px);
        margin-left: 55px;
    }

    .areaContact .contactWrap .contactPhone {
        background: transparent;
        padding-left: 0;
        margin: 0 9px 0 0;
    }

    .areaContact .contactWrap .contactPhone .phoneNote {
        width: 185px;
    }

    .areaContact .contactWrap .contactPhone .phoneNote a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 35px;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        background: url(../images/common/icon-phone-white.svg)no-repeat center left 20px/18px, #F19F4D;
        border-radius: 6px;
        padding: 3px 5px 3px 29px;
        letter-spacing: 0.5px !important;
    }

    .areaContact .contactWrap .contactMess {
        width: 185px;
        margin: 0;
    }

    .areaContact .contactWrap .contactMess a {
        height: 35px;
        font-size: 16px;
        border-radius: 6px;
        background-size: 24px 13px;
        background-position: center left 10px;
        letter-spacing: 0.6px !important;
        padding-left: 32px;
    }

    .areaContact .contactWrap .contactSub {
        width: 100%;
        font-size: 14px;
        text-align: center;
        margin-top: 4px;
    }

    /*areaContact*/

    /*#footer*/
    #footer {
        padding: 11px 0 91px;
    }

    #footer.noContact {
        padding-bottom: 0;
    }

    #footer .ftLogo {
        width: 203px;
        margin: 16px 0 12px;
    }

    #footer .ftMenu {
        margin-bottom: 3px;
    }

    #footer .ftMenu .ftMenuWrap.ftMenuLeft {
        width: 100%;
    }

    #footer .ftMenu .ftMenuWrap .ftMenuBox {
        margin-bottom: 15px;
    }

    #footer .ftMenu .ftMenuWrap .ftMenuBox .menuName {
        font-size: 14px;
        margin-bottom: 10px;
    }

    #footer .ftMenu .ftMenuWrap .ftMenuBox a {
        font-size: 11px;
        letter-spacing: 1px !important;
    }

    #footer .ftMenu .ftMenuWrap .ftMenuBox .menu {
        margin-left: 13px;
    }

    #footer .ftMenu .ftMenuWrap .ftMenuBox .menu li {
        margin: 0 19px 11px 0;
    }

    #footer .ftMenu .ftMenuWrap.ftMenuRight {
        width: 100%;
    }

    #footer .ftMenu .ftMenuWrap.ftMenuRight .boxPrefec {
        margin-left: 13px;
    }

    #footer .ftMenu .ftMenuWrap.ftMenuRight .boxPrefec .prefecName {
        width: 72px;
        font-size: 12px;
        margin-top: 3px;
    }

    #footer .ftMenu .ftMenuWrap.ftMenuRight .ftMenuBox .menu {
        width: calc(100% - 13px);
    }

    #footer .ftMenu .ftMenuWrap.ftMenuRight .ftMenuBox .boxPrefec .menu {
        width: calc(100% - 86px);
    }

    #footer .ftInfo {
        margin-bottom: 6px;
    }

    #footer .ftInfo li {
        padding: 0 15px;
        margin-bottom: 9px;
    }

    #footer .ftInfo li:before {
        top: 4px;
        height: 8px;
    }

    #footer .ftInfo li:last-child:before {
        content: "";
    }

    #footer .ftInfo li:after {
        content: "";
        position: absolute;
        top: 4px;
        left: -1px;
        width: 1px;
        height: 8px;
        background-color: #fff;
    }

    #footer .ftInfo a {
        font-size: 10px;
    }

    #copyright {
        font-size: 10px;
        padding: 5px 0;
        background: #fff;
    }

    /*#footer*/

    .lds-facebook div {
        width: 10px;
    }

    @keyframes lds-facebook {
        0% {
            top: 8px;
            height: 52px;
        }

        50%,
        100% {
            top: 24px;
            height: 26px;
        }
    }


    @media (orientation:landscape) {
        .areaContact .contactImg {
            left: 13%;
        }
    }
}


@media(max-width:414px) {
    #header .mainMenu {
        top: 47px;
    }

    .areaContact .contactImg {
        left: 7px;
    }

    .areaContact .contactWrap .contactPhone .phoneNote {
        width: 148px;
    }

    .areaContact .contactWrap .contactPhone .phoneNote a {
        font-size: 12px;
    }

    .areaContact .contactWrap .contactMess {
        width: 148px;
    }

    .areaContact .contactWrap .contactMess a {
        font-size: 12px;
    }

    .areaContact .contactWrap .contactSub {
        font-size: 10px;
    }

    #footer .ftInfo a {
        font-size: 8px;
    }

    #copyright {
        font-size: 9px;
    }
}

@media(max-width:360px) {
    .areaContact .contactNote span {
        font-size: 17px;
    }

    .areaContact .contactWrap .contactPhone {
        margin-right: 5px;
    }

    .areaContact .contactWrap .contactPhone .phoneNote {
        width: 143px;
    }

    .areaContact .contactWrap .contactMess {
        width: 143px;
    }

    .subsidyList .subsidyBot .botBtn a {
        padding-right: 4px;
    }
}

@media(min-width:769px) {
    .MacOS .areaContact .contactImg {
        bottom: -22px;
    }

    .MacOS .areaContact .contactNote {
        margin: 19px 0 0 135px;
    }
}

@media (max-width:1024px) and (min-width:769px) {
    .MacOS .areaContact .contactNote {
        margin-left: 130px;
    }
}

/*CTA*/

/*HEADER*/

#header .hdGlobal {
    width: auto;
    padding-right: 0;
}

#header .hdGlobal .favorite {
    margin: 0 3px;
}

#header .hdGlobal .favorite.consultation a {
    display: flex;
    align-items: center;
    padding: 12px 11.5px 12.5px;
    background-color: #F19F4C;
}

#header .hdGlobal .favorite.consultation a .favoritePhoto {
    width: 25px;
}

#header .hdGlobal .favorite.consultation a .favTxt {
    width: calc(100% - 25px);
    padding-left: 5px;
    letter-spacing: 0.5px;
    font-size: 9px;
    text-align: left;
}

/*END-HEADER*/

/*SUBSIDYSIDEBAR*/

.subsidySideBar .subsidy {
    background: transparent;
    margin-bottom: 17px;
    text-align: center;
}

.subsidySideBar .subsidy a {
    display: block;
    line-height: 0;
}

/*END-SUBSIDYSIDEBAR*/


/*APPSUPPORT*/
.areaSubsidy .subsidyBox .subsidyList {
    margin-bottom: 28px;
}

.areaSubsidy .subsidyBox .subsidyList .subsidyWrap:last-child {
    margin-bottom: 0;
}

.appSupport {
    /* border: 2px solid #f19f4c;
    padding: 22px 24px 19px;
    background: #fff; */
    background-color: transparent;
    margin-bottom: 40px;
}

.supportBox.singleContent .supportPhoto {
    display: none;
}

.supportBox.singleContent .supportContent {
    width: 100% !important;
}

.supportBox.singleContent .supportBtn {
    margin: auto !important;
}

.supportBox.singleContent .titleBox {
    text-align: center;
}

.appSupport .supportTitle {
    font-size: 18px;
    font-weight: bold;
    color: #f19f4c;
    text-align: center;
    letter-spacing: 0.6px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
}

.appSupport .supportTitle .titleBox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.appSupport .supportTitle .titlePhoto {
    transform: translate(-3px, 2px);
    width: 41px;
}

.appSupport .supportTitle .titleTxt {
    width: calc(100% - 41px);
}

.supportBox {
    display: flex;
    justify-content: space-between;
}

.supportBox .supportPhoto {
    width: 47.3%;
}

.supportBox .supportContent {
    width: 49.5%;
}

.supportBox .supportContent .titleBox {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1.2px;
    margin-bottom: 14px;
}

.supportBox .supportContent .supportTxt {
    font-size: 12px;
    font-weight: 400;
    color: #37434c;
    text-align: justify;
    line-height: 1.45;
    letter-spacing: 0.4px;
    margin-bottom: 22px;
}

.supportBox .supportContent .supportBtn {
    max-width: 270px;
    width: 100%;
    margin: 0 auto;
}

.supportBox .supportContent .supportBtn a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 8px;
    padding: 8px 10px 7px;
    letter-spacing: 1.6px;
    background: #F19F4C;
}

.supportBox .supportContent .supportBtn a span {
    display: inline-block;
    background: url(../images/common/icon-support-02.svg) no-repeat center left -5px /31px;
    padding: 8px 0 7px 31px;
}

/*END-APPSUPPORT*/

/*AREASUPPORT*/

.areaSupport {
    padding: 24px 0 22px;
    margin: 0 !important;
}

.areaSupport .supportBox .supportPhoto {
    width: 31.3%;
}

.areaSupport .supportBox .supportContent {
    width: 66.6%;
}

.areaSupport .supportBox .supportContent .supportTxt {
    margin-bottom: 23px;
}

.areaSupport .supportBox .supportContent .supportBtn {
    margin: 0;
}

/*END-AREASUPPORT*/

/*FOOTER*/
#footer {
    padding-bottom: 80px;
}

#footer .ftBox {
    display: flex;
    align-items: center;
    margin: 55px 0 28px;
}

#footer .ftBox .ftLogo {
    margin: 0 15% 0 0;
}

#footer .ftBox .ftBtn {
    max-width: 240px;
    width: 100%;
    margin-top: 3px;
}

#footer .ftBox .ftBtn a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    color: #4483cd;
    background: #fff;
    border-radius: 8px;
    padding: 5px 10px 3px;
    letter-spacing: 0.7px;
}

#footer .ftBox .ftBtn a span {
    display: inline-block;
    background: url(../images/common/icon-btn-03.svg) no-repeat top 30% left -5px /29px;
    padding: 7px 0 6px 28px;
}

/*END-FOOTER*/

/*AREASUBSIDIZE*/

.areaSubsidize {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #4483CD;
    /* transform: translateY(80px);
    transition: transform 0.5s cubic-bezier(0, 0, 0, 1); */
}
.areaSubsidize.show {
    transition-delay: 0s;
    transform: translateY(0px);
}

.areaSubsidize .subsidizeBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
    height: 80px;
    max-width: 1400px;
    margin: auto;
}

.areaSubsidize .subsidizeLogo {
    width: 153px;
    margin-top: 5px;
}

.areaSubsidize .subsidizeRight {
    display: flex;
    align-items: center;
    justify-content: right;
    width: calc(100% - 153px);
    max-width: 850px;
    padding-left: 20px;
}

.areaSubsidize .subsidizeRight .subsidizeTxt {
    position: relative;
    display: flex;
    justify-content: right;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    padding-right: 37px;
    width: calc(100% - 274px);
    margin-right: 12px;
}

.areaSubsidize .subsidizeRight .subsidizeTxt:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: url(../images/common/icon-arrow.png) no-repeat center center;
    width: 20px;
    height: 40px;
}

.areaSubsidize .subsidizeRight .subsidizeBtn {
    width: 100%;
    max-width: 274px;
}

.areaSubsidize .subsidizeRight .subsidizeBtn a {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    background: #F23400;
    color: #fff;
    border-radius: 30px;
    padding: 11px 0 10px 6px;
    letter-spacing: 2.7px;
}

.subsidyList .subsidyBot .botBtn.about {
    margin-left: 23px;
}

.subsidyList .subsidyBot .botBtn.about a {
    background: #F19F4C url(../images/common/icon-support-02.svg)no-repeat center left 30px/25px;
    padding-right: 20px;
}

.subsidySideBar .listSidebar {
    margin-bottom: 21px;
}

/*END-AREASUBSIDIZE*/

@media(min-width: 769px) {

    .subsidyList .subsidyBot .botBtn.about a:hover,
    .supportBox .supportContent .supportBtn a:hover {
        box-shadow: 0 0 10px #F58D26;
    }

    .areaSubsidize .subsidizeRight .subsidizeBtn a:hover {
        box-shadow: 0 0 10px #F23400;
    }

    #footer .ftBox .ftBtn a:hover {
        box-shadow: 0 0 10px #fff;
    }

    #header .hdGlobal .favorite.consultation a:hover {
        box-shadow: 0 0 10px #F19F4C;
    }
}


@media (max-width: 1200px) and (min-width: 769px) {
    #header .hdGlobal {
        width: 250px;
    }

    #header .hdGlobal .favorite.consultation a {
        height: 43px;
    }

    .areaSubsidy {
        margin: 0 0 60px;
    }

    .areaSubsidize .subsidizeRight .subsidizeTxt {
        font-size: 12px;
        letter-spacing: 0;
        padding-right: 25px;
        width: calc(100% - 200px);
    }

    .areaSubsidize .subsidizeRight .subsidizeTxt:before {
        background-size: 100%;
        width: 20px;
        height: 30px;
    }

    .areaSubsidize .subsidizeRight .subsidizeBtn {
        max-width: 200px;
    }

    .areaSubsidize .subsidizeRight .subsidizeBtn a {
        font-size: 14px;
        letter-spacing: 0;
    }
}



@media(max-width: 768px) {
    #header .hdGlobal {
        width: auto;
        margin-left: 0;
        padding-right: 23px;
    }

    #header .hdGlobal .favorite.consultation {
        max-width: 97px;
    }

    #header .hdGlobal .favorite.consultation a {
        padding: 4px 4.5px 3px;
        flex-direction: initial;
    }


    #header .hdGlobal .favorite.consultation a .favTxt {
        width: calc(100% - 20px);
        padding-left: 0;
    }

    #header .hdGlobal .favorite.consultation a .favoritePhoto {
        width: 20px;
    }

    /*APPSUPPORT*/
    .appSupport {
        padding: 0;
    }

    .appSupport .supportTitle {
        font-size: 16px;
    }

    .supportBox {
        flex-direction: column;
    }

    .supportBox .supportPhoto {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    .supportBox .supportContent {
        width: 100%;
    }

    .areaSupport .supportBox .supportPhoto {
        width: 100%;
        text-align: center;
    }

    .areaSupport .supportBox .supportContent {
        width: 100%;
    }

    .areaSupport .supportBox .supportContent .supportBtn {
        margin: auto;
    }

    .areaSubsidize .subsidizeBox {
        padding: 10px 4%;
    }

    .areaSubsidize .subsidizeRight {
        width: calc(100% - 153px);
    }

    .areaSubsidize .subsidizeRight .subsidizeBtn {
        max-width: 210px;
    }

    .areaSubsidize .subsidizeRight .subsidizeBtn a {
        font-size: 14px;
        padding: 11px 0;
    }

    .areaSubsidize .subsidizeRight .subsidizeTxt {
        font-size: 12px;
        letter-spacing: 0;
        padding-right: 26px;
        width: calc(100% - 210px);
    }

    .areaSubsidize .subsidizeRight .subsidizeTxt:before {
        width: 15px;
        height: 35px;
        background-size: 100%;
    }

    /*END-APPSUPPORT*/
    .subsidyList .subsidyBot .botBtn.about a {
        background-position: center left 5px;
        background-size: 23px;
        padding-right: 6px;
    }
}

@media(max-width: 450px) {
    #footer {
        padding-bottom: 58px;
    }

    #footer .ftBox {
        flex-direction: column;
    }

    #footer .ftBox .ftLogo {
        margin: 0 0 20px;
    }

    .areaSubsidize .subsidizeLogo {
        display: none;
        width: 145px;
        margin: 0 0 10px;
    }

    .areaSubsidize .subsidizeBox {
        flex-direction: column;
        height: 58px;
    }

    .areaSubsidize .subsidizeRight {
        justify-content: center;
        width: 100%;
        padding-left: 0;
    }

    .areaSubsidize .subsidizeRight .subsidizeBtn {
        max-width: 169px;
    }

    .areaSubsidize .subsidizeRight .subsidizeTxt {
        font-size: 10px;
        letter-spacing: 0;
        padding-right: 19px;
        margin-right: 10px;
        width: calc(100% - 169px);
    }

    .areaSubsidize .subsidizeRight .subsidizeBtn a {
        font-size: 12px;
        padding: 10px 7px;
    }

    .areaSubsidize .subsidizeRight .subsidizeTxt:before {
        width: 15px;
        height: 20px;
        background-size: 100%;
    }
}

/*END-CTA*/

/*areaCtaFooter*/
.areaCtaFooter {
    padding: 30px 0;
    background-color: #e3f1f9;
}
.areaCtaFooter .ctaWrap {
    display: flex;
    justify-content: space-around;
}
.areaCtaFooter .ctaWrap .ctaBox {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 21px;
    margin: 0 10px;
}
.areaCtaFooter .ctaWrap .ctaBox .ctaName {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 6px;
}
.areaCtaFooter .ctaWrap .ctaBox .ctaName .icon{
    max-width: 40px;
    margin-right: 9px;
}
.areaCtaFooter .ctaWrap .ctaBox .ctaName .text {
    max-width: calc(100% - 49px);
    font-size: 1.9rem;
    font-weight: bold;
    margin: -4px 0 0;
    letter-spacing: 0.3px;
}
.areaCtaFooter .ctaWrap .ctaBox .ctaSub {
    margin-bottom: 20px;
}
.areaCtaFooter .ctaWrap .ctaBox .ctaBtn a {
    display: block;
    width: 100%;
    max-width: 300px;
    background-color: #f19f4c;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    border-radius: 10px;
    margin: 0 auto;
    padding: 9px 5px;
    letter-spacing: 2px;
}
/*areaCtaFooter*/  
@media(min-width:769px) {
    .areaCtaFooter .ctaWrap .ctaBox .ctaBtn a:hover {
        box-shadow: 0 0 10px #f19f4c;
    }
}
@media(max-width: 768px) {
    .areaCtaFooter .ctaWrap {
        flex-wrap: wrap;
    }
    .areaCtaFooter .ctaWrap .ctaBox {
        width: 100%;
        max-width: none;
    }
    .areaCtaFooter .ctaWrap .ctaBox:not(:last-child) {
        margin-bottom: 20px;
    }
}