@charset "UTF-8";

/*色情報*/
/*common*/
.txtcolor {
    color: #666;
}

.grn {
    color: #82c792;
}

.bggrn {
    background: #82c792;
}

.grn2 {
    color: #e3fae9;
}

.bggrn2 {
    background: #e3fae9;
}

.ora {
    color: #f6a454;
}

.bgora {
    background: #f6a454;
}

.ylw {
    color: #fff134;
}

.bgylw {
    background: #fff134;
}

table {
    width: 100%;
}


.mail {
    padding-left: 30px;
    position: relative;
}

.mail:after {
    content: "\f0e0";
    font-family: FontAwesome;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
}

.calendericon {
    padding-left: 30px;
    position: relative;
}

.calendericon:after {
    content: "\f073";
    font-family: FontAwesome;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
}

.nami {
    padding: 0 40px;
    position: relative;
}

.nami:before {
    content: "";
    width: 32px;
    height: 14px;
    background: url(#);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
}

.nami:after {
    content: "";
    width: 32px;
    height: 14px;
    background: url(#);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 0;
}

.lghtblue {
    color: #4582d2;
}

.bglightblue {
    background: #4582d2;
}

.bglightblue2 {
    background: #bad0ef;
}

.blue {
    color: #0063c6;
}

.bgblue {
    background: #0063c6;
}

.bggrey {
    background: #eefaff;
}


@media only screen and (max-width: 599px) {
    .nami {
        padding: 0 30px;
    }

    .nami:before {
        width: 25px;
    }

    .nami:after {
        width: 25px;
    }

    .calendericon {
        padding-left: 20px;
    }
}

h2 {
    padding: 10px 20px;
}

.titscale {
    font-size: 120%;
}

.arrowgrn {
    position: relative;
}

.arrowgrn:after {
    content: "";
    width: 14px;
    height: 14px;
    background: url(#);
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 1;
}

.arrowgrnunder {
    position: relative;
}

.arrowgrnunder:after {
    content: "";
    width: 14px;
    height: 14px;
    background: url(#);
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    position: absolute;
    top: 50%;
    right: 10px;
}

.arrowgrnback {
    position: relative;
}

.arrowgrnback:after {
    content: "";
    width: 14px;
    height: 14px;
    background: url(#);
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 1;
}

.hcircleylw {
    padding-top: 20px;
    position: relative;
}

.hcircleylw:after {
    content: "";
    width: 60%;
    height: 140%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    background: #fff134;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
}

.hcirclegrn {
    padding-top: 20px;
    position: relative;
}

.hcirclegrn:after {
    content: "";
    width: 60%;
    height: 140%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    background: #82c792;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
}

.more {
    width: 200px;
    margin: 0 auto;
}

.more a {
    display: block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    background: #4582d2;
}

.more2 a {
    display: inline-block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    background: #4582d2;
}

.efmore a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #4582d2;
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease;
}

.efmore a:hover {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #4582d2;
    border: 1px solid #4582d2;
    background: #fff;
}

.titora {
    display: block;
    font-weight: 600;
    font-size: 36px;
    color: #f6a454;
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}

@media only screen and (max-width: 599px) {
    .titora {
        font-size: 24px;
    }

    .more {
        width: 90%;
    }
}

.titblack {
    display: block;
    font-weight: 600;
    font-size: 24px;
    color: #444;
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}

@media only screen and (max-width: 599px) {
    .titblack {
        font-size: 14px;
    }
}

.pakaora {
    padding: 0 40px;
    position: relative;
}

.pakaora:before {
    content: "";
    width: 5px;
    height: 40px;
    border-radius: 10px;
    background: #f6a454;
    -webkit-box-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
    box-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    position: absolute;
    top: 0;
    left: 0;
}

.pakaora:after {
    content: "";
    width: 5px;
    height: 40px;
    border-radius: 10px;
    background: #f6a454;
    -webkit-box-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
    box-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    position: absolute;
    top: 0;
    right: 0;
}

@media only screen and (max-width: 599px) {
    .pakaora {
        padding: 0 30px;
    }

    .pakaora:before {
        width: 3px;
        height: 30px;
    }

    .pakaora:after {
        width: 3px;
        height: 30px;
    }
}

.pakaylw {
    padding: 0 30px;
    position: relative;
}

.pakaylw:before {
    content: "";
    width: 3px;
    height: 30px;
    border-radius: 10px;
    background: #fff134;
    -webkit-transform: translateY(-50%) rotate(-40deg);
    transform: translateY(-50%) rotate(-40deg);
    position: absolute;
    top: 50%;
    left: 0;
}

.pakaylw:after {
    content: "";
    width: 3px;
    height: 30px;
    border-radius: 10px;
    background: #fff134;
    -webkit-transform: translateY(-50%) rotate(40deg);
    transform: translateY(-50%) rotate(40deg);
    position: absolute;
    top: 50%;
    right: 0;
}

.pakablue {
    display: inline-block;
    padding: 0 30px;
    position: relative;
}

.pakablue:before {
    content: "";
    width: 3px;
    height: 30px;
    border-radius: 10px;
    background: #0063c6;
    -webkit-transform: translateY(-50%) rotate(-40deg);
    transform: translateY(-50%) rotate(-40deg);
    position: absolute;
    top: 50%;
    left: 0;
}

.pakablue:after {
    content: "";
    width: 3px;
    height: 30px;
    border-radius: 10px;
    background: #0063c6;
    -webkit-transform: translateY(-50%) rotate(40deg);
    transform: translateY(-50%) rotate(40deg);
    position: absolute;
    top: 50%;
    right: 0;
}

@media only screen and (max-width: 599px) {
    .pakaylw {
        padding: 0 15px;
        font-size: 16px;
    }

    .pakaylw:before {
        height: 25px;
    }

    .pakaylw:after {
        height: 25px;
    }
}

@media only screen and (max-width: 599px) {

    h2,
    h2 span {
        font-size: 18px !important;
    }
}

/*header*/
h1 span {
    display: block;
}

.haedbox .left {
    width: 10%;
    margin-right: auto;
    margin-right: 8%;
}

.haedbox .left dt.logo {
    width: 100%;
}

.haedbox .left dd {
    width: 100%;
}

.haedbox .logo img {
    max-width: 300px !important;
}

.haedbox .center {
    width: 40%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-right: 2%;
}

.haedbox .center table {
    width: 100%;
}

.haedbox .center * {
    font-size: 14px;
}

.haedbox .center .time {
    margin-bottom: 10px;
}

.haedbox .right {
    width: 34%;
    margin-left: auto;
}

.haedbox .right .iconlist {
    display: inline-block;
}

.haedbox .right .iconlist li {
    display: inline-block;
}

.haedbox .right .iconlist li a {
    width: 30px;
    height: 30px;
    display: block;
    color: #fff;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: #0063c6;
}

/*

.haedbox .right p {
    width: 100%;
}
*/

.haedbox .right .tel {
    display: inline-block;
}

.haedbox .tel a {
    font-weight: 600;
    font-size: 30px;
    color: #0063c6;
}

.haedbox .tel a span {
    font-size: 12px;
}

.haedbox .contactbtn {
    text-align: right;
}

.haedbox .contactbtn a {
    width: 255px;
    display: inline-block;
    padding: 10px 0;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #4582d2;
    position: relative;
}



#gnav li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 15px;
    position: relative;
}

#gnav li:after {
    content: "";
    width: 1px;
    height: 1rem;
    display: block;
    background: #666;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
}

#gnav li:first-of-type:after {
    display: none;
}

.gnavinn .table {
    display: none;
}

#gnav .ddbox .dd {
    width: 600px;
    visibility: hidden;
    margin-top: 5px;
    padding: 10px;
    border: 2px solid #82c792;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 0 1px 0 #000;
    box-shadow: 0 0 1px 0 #000;
    opacity: 0;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
    -webkit-transform: translate(-50%, -20px);
    transform: translate(-50%, -20px);
    position: absolute;
    left: 50%;
    z-index: 10;
}

#gnav .ddbox:hover .dd {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
}

#gnav .dd li {
    width: 48%;
    text-align: left;
}

#gnav .dd li:before {
    padding: 10px 0;
}

#gnav .dd li:after {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .haedbox {
        padding-top: 10px;
    }

    .haedbox .left {
        width: 80px;
    }

    .haedbox .left dd {
        font-size: 16px;
        text-align: left;
    }

    .haedbox .center {
        display: none;
    }

    .haedbox .right {
        width: 55%;
        text-align: right;
    }

    .haedbox .tel a {
        font-size: 24px;
    }

    .haedbox .contactbtn a {
        width: 200px;
        font-size: 16px;
    }

    .gnavinn .table {
        display: block;
        padding: 3%;
    }

    .gnavinn table {
        width: 100%;
        max-width: 600px;
    }

    #gnav .ddbox .dd {
        width: calc(100% - 15px);
        visibility: visible;
        margin-bottom: 10px;
        background: #fff;
        opacity: 1;
        -webkit-transform: none !important;
        transform: none !important;
        position: relative;
        position: relative;
        left: 15px;
    }

    #gnav .dd li {
        width: 100%;
        padding-left: 0;
    }

    #gnav li:after {
        display: none;
    }
}

@media only screen and (max-width: 599px) {
    #header h1 {
        font-size: 10px;
    }

    .haedbox {
        padding: 10px 0;
    }

    .haedbox .left {
        width: 100%;
        margin: 0;
    }

    .haedbox .left dt.logo {
        text-align: center;
    }

    .haedbox .left img {
        width: 60px;
    }

    .haedbox .right {
        width: 100%;
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 200;
    }


    .haedbox p a {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 50px;
        text-align: center;
    }

    .haedbox .tel a {
        width: 100%;
        display: block;
        font-size: 14px;
        color: #0063c6;
        background: #fff;
    }

    .haedbox .contactbtn a {
        width: 100%;
        padding: 0;
        font-size: 16px;
    }

    .haedbox .mail {
        padding-left: 20px;
    }

    #totop {
        bottom: 60px;
    }

    #gnav {
        padding: 0;
    }

    .haedbox .right .iconlist {
        display: none;
    }

    .haedbox .right .uebox {
        width: 50%;
    }

    .haedbox .right .tel {
        width: 100%;
        padding-top: 0;
    }

    .haedbox .right .contactbtn {
        width: 50%;
        padding-top: 0;
    }

    .haedbox .right .contactbtn a {
        font-size: 14px;
    }
}

/*footer*/
#footer {
    padding: 60px 0 80px;
}

.footnav li {
    padding: 5px 30px;
    font-size: 14px;
    position: relative;
}

.footnav li:after {
    content: "";
    width: 1px;
    height: 1rem;
    display: block;
    background: #464646;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 0;
}

.footnav li:last-of-type:after {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .footnav a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 599px) {
    #footer {
        padding: 60px 0 120px;
    }

    .footnav a {
        font-size: 12px;
    }

    .footnav li {
        padding: 5px 15px;
    }
}

/*sidecontbox*/
/*sidenav*/

.sidenav {
    width: 100%;
}

.sidenav dl {
    margin-bottom: 40px;
}

.sidenav dl:last-of-type {
    margin-bottom: 0;
}

.sidenav .navtit {
    padding: 14px 10px;
}

.sidenav li a {
    display: block;
    padding: 10px;
    border-top: 1px solid #0063c6;
    background: #bad0ef;
}

.sidenav li:last-of-type a {
    border-bottom: 1px solid #0063c6;
}

.sideinfobox .tel a {
    font-weight: 600;
    font-size: 34px;
    color: #0063c6;
}

.sideinfobox .tel a span {
    font-size: 12px;
}

.sideinfobox .parking {
    width: 100%;
    display: inline-block;
    padding: 10px;
}

.sidemap {
    margin-top: 40px;
}

.sidefb a {
    display: block;
    padding: 5px;
    padding-left: 40px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: #3b5998;
    position: relative;
}

.sidefb a:after {
    content: "";
    width: 46px;
    height: 46px;
    background: url(#);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 5px;
}

.sidefb a span {
    display: block;
    line-height: 140%;
}

.sidecontactbox h2 {
    padding: 10px;
}

.sidecontactbox .box {
    padding: 5px 5px 20px 5px;
    border: 1px solid #0063c6;
}

.sidecontactbox .contactbtn a {
    display: block;
    padding: 10px 0;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #4582d2;
    position: relative;
}

.sidebannerbox .item {
    margin-bottom: 20px;
    border: 1px solid #0063c6;
}

.sidebannerbox .item:last-of-type {
    margin-bottom: 0;
}

.sidebannerbox .item a {
    display: block;
}

.sidebannerbox .item .tit {
    padding: 40px 10px;
}

[data-element-id].sidebannerbox .item .ofiImg {
    position: relative;
}

.sidebannerbox .item .ofiImg:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

[data-element-id].sidebannerbox .item .ofiImg:after {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .maincontbox {
        width: 100%;
        margin-bottom: 60px;
    }

    .sidecontbox {
        width: 100%;
        max-width: 600px;
        margin: 0 auto 60px;
    }

    .sideinfobox {
        padding-top: 0;
    }

    .sideinfobox .tel a {
        font-size: 30px;
    }
}

@media only screen and (max-width: 599px) {
    .maincontbox {
        margin-bottom: 40px;
    }

    .sidenav {
        width: 100%;
    }

    .sidenav dl {
        margin-bottom: 20px;
    }

    .infoarea {
        width: 100%;
        padding-top: 40px;
    }
}

/*top*/
.homeSlide {
    padding: 140px 0;
}

.homeSlide .txtbox {
    padding: 0 40px 0 0;
}

.homeSlide .txtbox dl {
    width: 65%;
    max-width: 800px;
    margin-left: auto;
    text-align: right;
}

.homeSlide .txtbox dl * {
    font-weight: 700;
    color: #fff;
    text-shadow: 2px 2px 5px #333;
}

.homeSlide .txtbox .tit {
    display: inline-block;
}

.homeSlide .txtbox .txt {
    display: inline-block;
    padding: 30px 0 20px;
    border-bottom: 3px solid;
}

@media only screen and (max-width:1024px) {
    .homeSlide .txtbox dl {
        width: 75%;
    }

    .homeSlide {
        padding: 60px 0;
    }

    .homeSlide .txtbox {
        padding: 0 20px 0 0;
    }

    .homeSlide .txtbox .tit {
        font-size: 28px;
    }

    .homeSlide .txtbox .tit span {
        font-size: 20px;
    }

    .homeSlide .txtbox .txt {
        font-size: 20px;
    }
}

@media only screen and (max-width:599px) {
    .homeSlide {
        padding: 40px 0;
    }

    .homeSlide .txtbox {
        padding: 0 10px;
    }

    .homeSlide .txtbox dl {
        width: 100%;
    }

    .homeSlide .txtbox .tit {
        font-size: 20px;
    }

    .homeSlide .txtbox .tit span {
        font-size: 14px;
    }

    .homeSlide .txtbox .txt {
        font-size: 14px;
    }
}

.top01 .txtbox {
    width: 96%;
    margin: 0 auto;
    padding: 100px 0;
}

.top01 .ofiImg:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 99, 198, 0.4);
    position: absolute;
    top: 0;
    z-index: 1;
}

[data-element-id].top01 .ofiImg:before {
    display: none;
}

.top01 .ofiImg:after {
    content: "";
    width: 100%;
    height: 100%;
    background: white;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(white));
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

[data-element-id].top01 .ofiImg:after {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .top01 .txtbox {
        padding: 80px 0;
    }

    .top01 .txtbox .txt {
        padding-top: 40px;
    }
}

@media only screen and (max-width: 599px) {
    .top01 .txtbox {
        padding: 60px 0;
    }

    .top01 .txtbox .txt {
        padding-top: 30px;
        text-align: left;
    }
}

.top02 li.item {
    width: 28%;
    margin: 2%;
    padding: 20px;
    border: 1px solid #0063c6;
    border-radius: 5px;
}

.top02 li.item a {
    display: block;
}

.top02 li.item .tit {
    margin-top: 10px;
    text-align: center;
}


@media only screen and (max-width: 1024px) {
    .top02 li {
        width: 48%;
        margin: 0 4% 2% 0;
    }

    .top02 li:nth-of-type(3n+3) {
        margin-right: 4%;
    }

    .top02 li:nth-of-type(2n+2) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 599px) {
    .top02 li.item {
        width: 46%;
        padding: 10px;
    }
}

.top03 h2 {
    padding: 10px 20px;
    color: #fff;
}

.top03 .box li {
    border-bottom: 1px solid #d3d3d3;
}

.top03 .box li a {
    width: 100%;
    display: block;
    overflow: hidden;
}

.top03 .box li a span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:599px) {
    .top03 .w48 {
        margin-bottom: 40px;
    }

    .top03 .w48:last-of-type {
        margin-bottom: 0;
    }
}

/*top-sodan*/
.top-sodan {
    margin-bottom: 40px;
}

.top-sodan .item {
    width: 31%;
    margin: 1%;
    background-color: #fff;
}

.top-sodan .item a {
    display: block;
}

.top-sodan .pic {
    background: #3382d1;
}

.top-sodan .pic img {
    opacity: 0.8;
}

.top-sodan .item .tit {
    padding: 10px 20px 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.top-sodan .item .txt {
    padding: 10px 20px;
}

@media only screen and (max-width:1024px) {
    .top-sodan .item {
        width: 48%;
    }
}

@media only screen and (max-width:599px) {
    .top-sodan .item {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .top-sodan .item:last-of-type {
        margin-bottom: 0;
    }

    .top-sodan .item .tit {
        height: auto !important;
        padding: 10px 10px 0;
    }

    .top-sodan .item .txt {
        padding: 10px;
    }
}

.top04 ul {
    counter-reset: section;
}

.top04 li {
    margin-bottom: 5px;
    border: 1px solid #0063c6;
}

.top04 .pointbox {
    width: 15%;
    counter-increment: section;
    padding: 10px;
    position: relative;
}

.top04 .pointbox span {
    width: 100%;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 30%;
    left: 38%;
}

/*
.top04 .pointbox:before {
    content: counter(section, decimal-leading-zero);
    font-size: 38px;
    font-weight: normal;
    position: absolute;
    top: 65%;
    left: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
*/
.top04 .pointbox span:before {
    content: counter(section, decimal-leading-zero);
    width: 100%;
    font-weight: normal;
    font-size: 38px;
    text-align: center;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    top: 100%;
    left: 50%;
}

.top04 .pointbox:after {
    content: "";
    width: 30%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #fff)) no-repeat bottom left/100% 51%, -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(51%, #fff)) no-repeat top right/100% 50%;
    background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #fff 50%) no-repeat bottom left/100% 51%, linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #fff 51%) no-repeat top right/100% 50%;
    position: absolute;
    top: 0;
    right: 0;
}

.top04 .txtbox {
    width: 85%;
    padding: 10px;
}

.top04 .txtbox dt {
    font-weight: 700;
}

.top04 .txtbox dd {
    padding-top: 5px;
}

@media only screen and (max-width: 1024px) {
    .top04 .pointbox:after {
        width: 20%;
    }
}

@media only screen and (max-width: 599px) {
    .top04 .pointbox {
        width: 100%;
        padding: 10px 10px 30px 10px;
        text-align: center;
    }

    .top04 .pointbox span {
        font-size: 14px;
        text-align: center;
        -webkit-transform: none;
        transform: none;
        position: relative;
        top: 0;
        left: 0;
    }

    .top04 .pointbox span:before {
        font-size: 22px;
    }

    .top04 .pointbox:after {
        display: none;
    }

    .top04 .txtbox {
        width: 100%;
    }

    .top04 .txtbox dt br {
        display: none;
    }
}

.top05 .bannerbox .item {
    width: 48%;
    border: 1px solid #4582d2;
}

.top05 .bannerbox .item a {
    display: block;
}

[data-element-id].top05 .bannerbox .item .ofiImg {
    position: relative;
}

.top05 .bannerbox .pic:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

[data-element-id].top05 .bannerbox .pic:after {
    display: none;
}

.top05 .bannerbox .tit {
    padding: 60px 10px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    text-shadow: 1px 1px 4px #fff, 1px -1px 4px #fff, -1px 1px 4px #fff, -1px -1px 4px #fff, 1px 1px 4px #fff, 1px -1px 4px #fff, -1px 1px 4px #fff, -1px -1px 4px #fff, 1px 1px 4px #fff, 1px -1px 4px #fff, -1px 1px 4px #fff, -1px -1px 4px #fff;
    position: relative;
    ;
}


.top05 .bannerbox .tit:after {
    content: "→";
    display: inline-block;
    margin-left: 10px;
}

@media only screen and (max-width:1024px) {
    .top05 .box .w35 {
        width: 35%;
        margin: 0;
    }

    .top05 .bannerbox .tit {
        padding: 40px 10px;
    }
}

@media only screen and (max-width:599px) {
    .top05 .box .w35 {
        width: 100%;
        max-width: 280px;
        margin: 0 auto 10px;
    }

    .top05 .bannerbox .item {
        width: 100%;
        margin: 1% 0;
    }

    .top05 .bannerbox .tit {
        height: auto !important;
        padding: 35px 10px;
        font-size: 16px;
    }
}

.top06 .list li {
    margin-bottom: 10px;
    padding-left: 1em;
    position: relative;
}

.top06 .list li:before {
    content: "・";
    position: absolute;
    left: 0;
}

.top07 .list .item {
    width: 100%;
    max-width: 240px;
    margin: 1% auto;
}

.top07 .list .item a {
    display: block;
    padding: 10px;
    color: #fff;
    text-align: center;
    background: #4582d2;
}

.top08 .list li {
    margin-bottom: 10px;
    padding-left: 1em;
    position: relative;
}

.top08 .list li:before {
    content: "・";
    position: absolute;
    left: 0;
}


.top09 .item {
    padding: 10px;
    border: 1px solid #82c792;
}

.top09 .trimmingInner {
    border-radius: 50%;
}

.top09 .more {
    width: 130px;
    margin: 0 0 0 auto;
}

.top09 .more:hover {
    cursor: pointer;
}

.top09 .more span {
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #82c792;
}

.top09 .more .arrowgrnunder:before {
    content: "続きを読む";
}

.top09 .moretxt {
    display: none;
}

.top09 .moretxt.action {
    display: block;
}

.top09 .moretxt.action+.more .arrowgrnunder:before {
    content: "元に戻す";
}

.top09 .moretxt.action+.more .arrowgrnunder:after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.top10 .map:after {
    padding-top: 50%;
}

.top10 .tel a {
    font-weight: 600;
    font-size: 30px;
    color: inherit;
    display: block;
    padding: 10px;
}

.top10 .tel a span {
    font-size: 12px;
}

.top10 .parking {
    display: inline-block;
    padding: 0 20px;
}

.top10 .info2 .road {
    padding: 10px;
    color: #fff;
    text-align: center;
    color: #0063c6;
    font-size: 22px;
    font-weight: bold;
}

@media only screen and (max-width:1024px) {
    .top10 .map:after {
        padding-top: 80%;
    }

    .top10 .tel {
        padding-top: 20px;
    }

    .top10 .tel a {
        font-size: 30px;
    }
}

@media only screen and (max-width:599px) {
    .top10 .logo {
        text-align: center;
    }
}

/*下層common*/
.under .mainimg {
    padding: 120px 0;
}

.under .contbox {
    padding: 100px 0;
}

.checkora {
    padding-left: 2em;
    position: relative;
}

.checkora:before {
    content: "";
    width: 25px;
    height: 25px;
    background: url(#);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.checkgrn {
    padding-left: 2em;
    position: relative;
}

.checkgrn:before {
    content: "";
    width: 25px;
    height: 25px;
    background: url(#);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.checkblue {
    padding-left: 2em;
    position: relative;
}

.checkblue:before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: #0063c6;
    position: absolute;
    top: 0;
    left: 0;
}

.checkfinger {
    padding-left: 2em;
    position: relative;
}

.checkfinger:before {
    content: "\f0a6";
    width: 25px;
    height: 25px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    background: #0063c6;
    position: absolute;
    top: 0;
    left: 0;
}

.checkfinger a {
    color: #0063c6;
    text-decoration: underline;
}

@media only screen and (max-width: 1024px) {
    .under .mainimg {
        padding: 80px 0;
    }

    .under .contbox {
        padding: 70px 0;
    }
}

@media only screen and (max-width: 599px) {
    .under .mainimg {
        padding: 40px 0;
    }

    .under .contbox {
        padding: 40px 0;
    }

    .checkfinger:before {
        width: 20px;
        height: 20px;
        font-size: 14px;
        line-height: 20px;
    }
}

.resetnumber {
    counter-reset: number;
}

.numberylw {
    padding-left: 3em;
    position: relative;
}

.numberylw:before {
    content: counter(number);
    width: 40px;
    height: 50px;
    counter-increment: number;
    font-weight: 600;
    font-size: 30px;
    color: #444;
    line-height: 50px;
    text-align: center;
    background: #fff134;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0px;
}

.numberblue {
    padding-left: 2.5em;
    position: relative;
}

.numberblue:before {
    content: counter(number);
    width: 40px;
    height: 50px;
    counter-increment: number;
    font-weight: 600;
    font-size: 30px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    background: #0063c6;
    position: absolute;
    top: -10px;
    left: 0px;
}

.numbertxt {
    width: 40px;
    height: 50px;
    font-weight: 600;
    font-size: 30px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    background: #0063c6;
    position: absolute;
    top: -10px;
    left: 0px;
}


.numberylwt0 {
    padding-left: 4em;
    position: relative;
}

.numberylwt0:before {
    content: counter(number);
    width: 40px;
    height: 50px;
    counter-increment: number;
    font-weight: 600;
    font-size: 30px;
    color: #444;
    line-height: 50px;
    text-align: center;
    background: #fff134;
    position: absolute;
    top: 0;
    left: 0px;
}

@media only screen and (max-width: 599px) {
    .numberylwt0 {
        padding: 50px 0 0 0;
    }

    .numberylwt0:before {
        width: 30px;
        height: 40px;
        font-size: 24px;
        line-height: 40px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
    }

    .numberblue:before {
        width: 30px;
        height: 40px;
        font-size: 20px;
        line-height: 40px;
    }
}

.linelylw {
    padding-left: 5px;
    border-left: 6px solid #fff134;
}

.linelgrn {
    padding-left: 5px;
    border-left: 6px solid #82c792;
}

/*commonlinkbox*/
.commonlinkbox li {
    width: 32%;
    overflow: hidden;
    margin: 0 2% 2% 0;
    border: 2px solid #82c792;
    border-radius: 5px;
}

.commonlinkbox li:nth-of-type(3n+3) {
    margin-right: 0;
}

.commonlinkbox li a {
    display: block;
}

.commonlinkbox dl {
    position: relative;
}

.commonlinkbox dt {
    width: 100%;
    padding-left: 10px;
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
}

@media only screen and (max-width: 1024px) {
    .commonlinkbox li {
        width: 48%;
        margin: 0 4% 2% 0;
    }

    .commonlinkbox li:nth-of-type(3n+3) {
        margin-right: 4%;
    }

    .commonlinkbox li:nth-of-type(2n+2) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 599px) {
    .commonlinkbox li {
        width: 100%;
        margin: 0 0 2% 0;
    }

    .commonlinkbox li:nth-of-type(3n+3) {
        margin-right: 0;
    }
}

/*first*/
.first02 ul {
    padding: 0 10px;
}

.first02 .item {
    padding: 20px 10px;
    border-bottom: 1px solid #82c792;
}

.first02 .item:last-of-type {
    border-bottom: none;
}

.first03 .pakaylw:before {
    -webkit-transform: translateY(-50%) rotate(-40deg);
    transform: translateY(-50%) rotate(-40deg);
    top: 50%;
}

.first03 .pakaylw:after {
    -webkit-transform: translateY(-50%) rotate(40deg);
    transform: translateY(-50%) rotate(40deg);
    top: 50%;
}

.first03 .box02 p {
    padding: 20px 10px;
}

@media only screen and (max-width: 599px) {
    .first03 .box01 dt {
        font-size: 22px;
    }

    .first03 .box01 .pic {
        max-width: 200px;
    }

    .first03 .box02 dt span {
        font-size: 15px;
    }

    .first03 .box02 p {
        font-size: 12px;
    }
}

.first05 p a {
    width: 50%;
    display: inline-block;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.first05 p a:hover {
    color: #fff;
}

.first05 .box ul {
    border: 1px solid #82c792;
}

.first05 .item {
    border-bottom: 1px solid #82c792;
}

.first05 .item:last-of-type {
    border-bottom: none;
}

.first05 .item dt {
    width: 45%;
    padding: 10px;
    border-right: 1px solid #82c792;
}

.first05 .item dd {
    width: 55%;
    padding: 10px;
}

@media only screen and (max-width: 599px) {
    .first05 .item dt {
        width: 100%;
        border-right: none;
    }

    .first05 .item dd {
        width: 100%;
    }

    .first05 p a {
        width: 100%;
        max-width: 400px;
    }
}

.first06 .trimmingInner {
    border-radius: 50%;
}

.first06 .item dt {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-top: 10px;
}

.first06 .listbox {
    width: 80%;
    margin: 0 auto;
}

@media only screen and (max-width: 599px) {
    .first06 .pic {
        width: 50%;
    }

    .first06 .listbox {
        width: 100%;
    }

    .first06 .item dt {
        font-size: 16px;
    }
}

.first07 .listbox dt {
    width: 15%;
}

.first07 .listbox dt span {
    width: 100%;
    display: inline-block;
    padding: 5px;
    text-align: center;
}

.first07 .listbox dd {
    width: 85%;
    padding: 0 0 0 10px;
}

.first07 .more {
    width: 230px;
    margin: 0 0 0 auto;
}

@media only screen and (max-width: 599px) {
    .first07 .listbox dt {
        width: 100%;
    }

    .first07 .listbox dd {
        width: 100%;
        padding: 10px;
    }

    .first07 .more {
        margin: 0 auto;
    }
}

/*about*/
.about01 .slider {
    width: 100%;
}

.about01 .thumbnail_slider {
    width: 100%;
}

.about01 .thumbnail_slider_wrap {
    margin: 0 60px;
}

.about01 .listbox dt {
    width: 20%;
}

.about01 .listbox dt span {
    width: 100%;
    display: inline-block;
    padding: 5px;
    text-align: center;
}

.about01 .listbox dd {
    width: 76%;
    padding: 5px 0;
}

.about01 .tel a {
    font-weight: 600;
    font-size: 18px;
}

@media only screen and (max-width: 1024px) {
    .about01 .listbox dt span {
        font-size: 16px;
    }

    .about01 .listbox dd {
        font-size: 16px;
    }
}

@media only screen and (max-width: 599px) {
    .about01 .listbox dt {
        width: 100%;
    }

    .about01 .listbox dd {
        width: 100%;
        padding: 10px;
        font-size: 14px;
    }

    .about01 .tel a {
        font-size: 14px;
    }
}

.about02 .tel a {
    font-weight: 600;
    font-size: 34px;
    color: #82c792;
}

.about02 .tel a span {
    font-size: 12px;
}

.about02 .parking {
    display: inline-block;
    padding: 0 20px;
}

.about02 th {
    padding: 5px 0;
}

/*kotsujiko*/
.kotsujiko02 ul {
    counter-reset: section;
}

.kotsujiko02 li {
    margin-bottom: 5px;
    border: 1px solid #82c792;
}

.kotsujiko02 .pointbox {
    width: 15%;
    counter-increment: section;
    padding: 10px;
    position: relative;
}

.kotsujiko02 .pointbox:before {
    content: counter(section, decimal-leading-zero);
    font-weight: normal;
    font-size: 38px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 65%;
    left: 40%;
}

.kotsujiko02 .pointbox:after {
    content: "";
    width: 30%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #fff)) no-repeat bottom left/100% 51%, -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(51%, #fff)) no-repeat top right/100% 50%;
    background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #fff 50%) no-repeat bottom left/100% 51%, linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #fff 51%) no-repeat top right/100% 50%;
    position: absolute;
    top: 0;
    right: 0;
}

@media only screen and (max-width: 1024px) {
    .kotsujiko02 .pointbox:after {
        width: 20%;
    }
}

@media only screen and (max-width: 599px) {
    .kotsujiko02 .pointbox {
        width: 100%;
        padding: 10px 10px 30px 10px;
        text-align: center;
    }

    .kotsujiko02 .pointbox:before {
        font-size: 26px;
        top: 70%;
        left: 50%;
    }

    .kotsujiko02 .pointbox:after {
        display: none;
    }
}

.kotsujiko02 .txtbox {
    width: 85%;
    padding: 10px;
}

@media only screen and (max-width: 599px) {
    .kotsujiko02 .txtbox {
        width: 100%;
    }
}

/*kotsuban*/
.kotsuban06 .listbox dt {
    width: 15%;
}

.kotsuban06 .listbox dt span {
    width: 100%;
    display: inline-block;
    padding: 5px;
    text-align: center;
}

.kotsuban06 .listbox dd {
    width: 85%;
    padding: 0 0 0 10px;
}

@media only screen and (max-width: 1024px) {
    .kotsuban06 .listbox dt span {
        font-size: 16px;
    }
}

@media only screen and (max-width: 599px) {
    .kotsuban06 .listbox dt {
        width: 100%;
    }

    .kotsuban06 .listbox dd {
        width: 100%;
        padding: 10px;
    }
}

/*sports*/
.sports03 .trimmingInner {
    border-radius: 50%;
}

@media only screen and (max-width: 599px) {
    .sports03 .pic {
        width: 50%;
    }

    .sports03 .listbox {
        width: 100%;
    }

    .sports03 .item dt {
        font-size: 16px;
        text-align: center;
    }
}

/*hiza*/
.hiza03 .item:last-of-type {
    width: 100%;
    margin-bottom: 0;
}

@media only screen and (max-width: 599px) {
    .hiza03 .heightLine-hiza03 {
        height: auto !important;
    }
}

.hiza04 .rise {
    padding: 20px 0;
    border: 1px solid #82c792;
}

.hiza04 h3 {
    margin-bottom: 0;
}

.hiza04 ul {
    width: 50%;
    margin: 0 auto;
}

.hiza04 .item span {
    width: 16px;
    display: inline-block;
    text-align: center;
}

.hiza04 .osusume {
    padding: 10px 0;
}

.hiza04 .osusume ul {
    width: 20%;
    margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
    .hiza04 ul {
        width: 60%;
    }

    .hiza04 .osusume ul {
        width: 25%;
    }
}

@media only screen and (max-width: 599px) {
    .hiza04 ul {
        width: 90%;
        max-width: 270px;
    }

    .hiza04 .item {
        font-size: 14px;
    }

    .hiza04 .item span {
        width: 10px;
    }

    .hiza04 .osusume ul {
        width: 50%;
        max-width: 160px;
    }
}

.kata03 .item:last-of-type {
    margin-bottom: 0;
}

/*koshi*/
.koshi03 .item:last-of-type {
    margin-bottom: 0;
}

/*shisei*/
.shisei03 .item:last-of-type {
    margin-bottom: 0;
}

/*counseling*/
.counseling01 .trimmingInner {
    border-radius: 50%;
}

@media only screen and (max-width: 599px) {
    .counseling01 .pic {
        width: 50%;
    }

    .counseling01 .listbox {
        width: 100%;
    }

    .counseling01 .item dt {
        font-size: 16px;
        text-align: center;
    }
}

@media only screen and (max-width: 599px) {
    .counseling02 dt br {
        display: none;
    }
}

.interview01 .name {
    padding-bottom: 10px;
    border-bottom: 1px solid #d3d3d3;
}

.interview01 .name dt {
    display: inline-block;
    margin-right: 20px;
}

.interview01 .name dd {
    display: inline-block;
}

.interview01 .item:last-of-type {
    width: 100%;
    margin-bottom: 0;
}

@media only screen and (max-width: 599px) {
    .interview01 .heightLine-interview01 {
        height: auto !important;
    }
}

/*
.interview02 .box {
    width: 60%;
    margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
    .interview02 .box {
        width: 80%;
        max-width: 465px;
    }
}

@media only screen and (max-width: 599px) {
    .interview02 .box {
        width: 100%;
        max-width: auto;
    }

    .interview02 .box ul {
        margin: 0;
    }
}
*/

.interview03 .item:last-of-type {
    margin-bottom: 0;
}

.interview03 dt {
    padding-bottom: 10px;
    border-bottom: 1px solid #82c792;
}

/*faq*/
.faq01 .item {
    padding: 20px 0;
    border-bottom: 1px solid #82c792;
}

.faq01 .item:first-of-type {
    padding-top: 0;
}

.faq01 .question {
    padding-left: 40px;
    position: relative;
}

.faq01 .question:before {
    content: "Q";
    width: 30px;
    height: 30px;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    background: #82c792;
    position: absolute;
    top: 0;
    left: 0;
}

.faq01 .answer {
    margin-top: 20px;
    padding-left: 40px;
    position: relative;
}

.faq01 .answer:before {
    content: "A";
    width: 30px;
    height: 30px;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    background: #e3fae9;
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 599px) {
    .faq01 .question {
        padding-left: 30px;
    }

    .faq01 .question:before {
        width: 25px;
        height: 25px;
        font-size: 18px;
        line-height: 25px;
    }

    .faq01 .answer {
        padding-left: 30px;
    }

    .faq01 .answer:before {
        width: 25px;
        height: 25px;
        font-size: 18px;
        line-height: 25px;
    }
}

/*contact*/
.contact01 .form {
    padding: 40px;
    border: 1px solid #82c792;
}

.contact01 .form dd input {
    border: 1px solid #82c792;
}

.contact01 .form dd textarea {
    border: 1px solid #82c792;
}

.contact01 .formbtn li button {
    padding: 10px 40px;
    background: #82c792;
}

@media only screen and (max-width: 599px) {
    .contact01 .form {
        padding: 40px 20px;
    }
}

/*news・blog*/
.post01 .item {
    margin-bottom: 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #0063c6;
}

.post01 .item:last-of-type {
    margin-bottom: 0;
}

.post01 .item a {
    display: block;
}



.post01 dt {
    display: inline-block;
}

.post01 dd.tit {
    width: 100%;
    display: block;
    overflow: hidden;
}

.post01 dd.tit span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.post01 .c {
    display: block;
}

.post01 .c span {
    display: inline-block;
    margin: 5px;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: #0063c6;
}

.post01 .subc {
    display: block;
}

.post01 .subc span {
    display: inline-block;
    margin: 5px;
    padding: 0 10px;
    font-size: 12px;
    color: #666;
    text-align: center;
    background-color: #bad0ef;
}

.post01 .more2 a {
    padding: 5px 20px;
    font-size: 14px;
}

.post01 .more {
    width: auto;
}

.post01 .more a {
    display: inline-block;
    padding: 5px 10px 5px 40px;
}

@media only screen and (max-width: 599px) {
    .post01 .more {
        text-align: center;
    }

    .post01 .c span {
        font-size: 12px;
    }
}

.catarcarea .catlist,
.catarcarea .subcatlist,
.catarcarea .arclist {
    width: 100%;
}

.catarcarea .catlist dt,
.catarcarea .subcatlist dt,
.catarcarea .arclist dt {
    padding: 10px 5px;
}

.catarcarea .catlist .item,
.catarcarea .subcatlist .item,
.catarcarea .arclist .item {
    border-bottom: 1px solid #0063c6;
}

.catarcarea .catlist .item a,
.catarcarea .subcatlist .item a,
.catarcarea .arclist .item a {
    display: block;
    padding: 10px;
    background: #bad0ef;
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {
    /*
    .catarcarea .catlist,
    .catarcarea .arclist {
        width: 100%;
    }
*/
}

/*ページネーション*/
.pagenav li.prev a,
.pagenav li.next a {
    color: #0063c6;
}

.pagenav li.now a {
    color: #0063c6;
}

/*レコメンド */
.recommendbox {
    margin-bottom: 60px;
}

.recommendbox .item {
    margin-bottom: 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #0063c6;
}

.recommendbox .item:last-of-type {
    margin-bottom: 0;
}

.recommendbox .item a {
    display: block;
}



.recommendbox dt {
    display: inline-block;
}

.recommendbox dd.tit {
    width: 100%;
    display: block;
    overflow: hidden;
}

.recommendbox dd.tit span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.recommendbox .c {
    display: block;
}

.recommendbox .c span {
    display: inline-block;
    margin: 5px;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: #0063c6;
}

.recommendbox .subc {
    display: block;
}

.recommendbox .subc span {
    display: inline-block;
    margin: 5px;
    padding: 0 10px;
    font-size: 12px;
    color: #666;
    text-align: center;
    background-color: #bad0ef;
}

@media only screen and (max-width: 599px) {
    .recommendbox {
        margin-bottom: 40px;
    }

    .recommendbox .more {
        text-align: center;
    }
}


/*post-detail*/
.post-detail .post01 {
    margin-bottom: 60px;
}

.post-detail .post01 .titbox {
    padding-bottom: 10px;
    border-bottom: 1px solid #0063c6;
}

.post-detail .post01 .contents a {
    color: #0063c6;
    text-decoration: underline;
}

.post-detail .textwidget ul li {
    width: 48%;
    margin: 0 1% 10px 1%;
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:599px) {
    .post-detail .post01 {
        margin-bottom: 40px;
    }

    .post-detail .textwidget ul li {
        width: 98%;
    }
}






/*shareボタン*/
.sharebox .snsitem {
    width: 31%;
    margin: 1%;
}

.sharebox .snsitem a {
    display: block;
    padding: 5px 0;
    text-align: center;
}

.sharebox .twitter {
    background: #1ba1f3;
}

.sharebox .facebook {
    background: #1778f2;
}

.sharebox .hatena {
    background: #00a4de;
}


.sharebox i {
    vertical-align: middle;
    font-size: 20px;
    color: #fff;
}

.fa-hatena:before {
    content: "B!";
    font-family: Verdana;
    font-weight: bold;
    font-style: normal;
}

/*adjust*/
.dib {
    display: inline-block;
}

.pcnone {
    display: none;
}

.sponly {
    display: none !important;
}

@media only screen and (max-width:1024px) {
    .pcnone {
        display: block;
    }
}

@media only screen and (max-width:599px) {
    .spnone {
        display: none;
    }

    .sponly {
        display: block !important;
    }
}

/*下層共通*/
.under .mvtit {
    padding: 0 10px;
    font-weight: 700;
    font-size: 36px;
    color: #fff;
    text-shadow: 2px 2px 5px #333;
}

h2.bgblue {
    padding: 10px 20px;
    color: #fff;
}

.uborder {
    padding-bottom: 5px;
    border-bottom: solid 3px #bad0ef;
    position: relative;
}

.uborder:after {
    content: " ";
    width: 20%;
    display: block;
    border-bottom: solid 3px #0063c6;
    position: absolute;
    bottom: -3px;
}

.axialinkbox ul.axialink {
    padding: 20px 10px;
    background: #f0f0f0;
}

.axialink .item {
    width: 31%;
    margin: 1%;
}

.axialink .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 5px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #4582d2;
}

.axiabannerbox .item {
    width: 48%;
    border: 1px solid #4582d2;
}

.axiabannerbox .item a {
    display: block;
}

[data-element-id].axiabannerbox .item .ofiImg {
    position: relative;
}

.axiabannerbox .pic:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

[data-element-id].axiabannerbox .pic:after {
    display: none;
}

.axiabannerbox .tit {
    padding: 40px 10px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    text-shadow: 1px 1px 4px #fff, 1px -1px 4px #fff, -1px 1px 4px #fff, -1px -1px 4px #fff, 1px 1px 4px #fff, 1px -1px 4px #fff, -1px 1px 4px #fff, -1px -1px 4px #fff, 1px 1px 4px #fff, 1px -1px 4px #fff, -1px 1px 4px #fff, -1px -1px 4px #fff;
    position: relative;
}

.linelblue {
    padding-left: 5px;
    border-left: 6px solid #bad0ef;
}

h3.uborder {
    margin-bottom: 0;
    font-weight: normal;
    font-size: 22px;
}


/*breadcrumbs*/

.breadcrumbs {
    padding: 10px 0 0;
}

.breadcrumbs li {
    color: #0063c6;
}

.breadcrumbs li a {
    color: #0063c6;
}

.breadcrumbs ul li:after {
    content: "\f054";
    vertical-align: bottom;
    margin: 0 20px;
    font-family: FontAwesome;
    font-size: 12px;
}

.breadcrumbs ul li:last-of-type:after {
    display: none;
}

.txtborderylw {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #ff0));
    background: linear-gradient(rgba(0, 0, 0, 0) 50%, #ff0 50%);
    position: relative;
}

h3.uborder {
    font-weight: 600;
}

h4.linelblue {
    margin-bottom: 0;
    font-size: 18px;
}

@media only screen and (max-width:1024px) {
    .under .mvtit {
        font-size: 30px;
    }

    .axiabannerbox .tit {
        padding: 30px 10px;
    }

    h3.uborder {
        font-size: 20px;
    }
}

@media only screen and (max-width:599px) {
    .under .mvtit {
        font-size: 20px !important;
    }

    h3.uborder {
        font-size: 18px;
    }

    .axialink .item {
        width: 100%;
        margin-bottom: 10px;
    }

    .axialink .item:last-of-type {
        margin-bottom: 0;
    }

    .axialink .item {
        height: auto !important;
        text-align: center;
    }

    .axiabannerbox .item {
        width: 100%;
        margin-bottom: 10px;
    }

    .axiabannerbox .tit {
        height: auto !important;
        font-size: 16px;
    }

    h4.linelblue {
        font-size: 16px;
    }
}


/*form*/
.form {
    margin-top: 60px;
    padding: 40px;
    border: 1px solid #0063c6;
}

.form dt .reqw {
    padding: 0;
    color: red;
    background: none;
}

.form dd input,
.form dd textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    background: #bad0ef;
}

.form dd input[type="radio"]+label {
    display: inline-block;
}

.form dd input[type="radio"]+label::before {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

.form dd input[type="radio"]:checked+label::after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

.formbtn li button {
    background: #0063c6;
}

.form dd .dateselect {
    width: 98%;
    margin: 0 1% 10px;
}

.form input[type="text"].maxlength {
    max-width: 180px;
    margin-left: 10px;
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:599px) {
    .form {
        padding: 30px 10px;
    }

    .form dt {
        padding-bottom: 0.5em;
    }

    .form .att {
        font-size: 12px;
    }

    .form dd input[type="radio"]+label {
        display: block;
    }
}

/*

.axiabannerbox .tit:after {
    display: inline-block;
    content: "→";
    margin-left: 10px;
}
*/

/*aboutus*/
.axia-aboutus .koshi03 .linklist .more {
    margin: 1%;
}

.axia-aboutus .koshi03 .item:nth-last-of-type(even) .txtbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.axia-aboutus .koshi03 .item {
    margin-bottom: 40px;
}

.axia-aboutus .koshi03 .item:last-of-type {
    margin-bottom: 0;
}

.axia-aboutus .koshi03 .linkbox dt {
    font-weight: bold;
}

.axia-aboutus .koshi04 .item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d3d3d3;
}

.axia-aboutus .koshi04 .item:last-of-type {
    margin-bottom: 0;
    border-bottom: 0;
}

.axia-aboutus .koshi04 dt {
    padding-left: 1.2em;
    position: relative;
}

.axia-aboutus .koshi04 dt:after {
    content: "■";
    position: absolute;
    left: 0;
}

.axia-aboutus .koshi04 .more {
    margin: 0 auto 0 0;
}

@media only screen and (max-width:1024px) {
    .axia-aboutus .koshi01 .w35 {
        width: 35%;
        margin: 1% 0 0;
    }

    .axia-aboutus .koshi03 .w35 {
        width: 35%;
        margin: 1% 0 0;
    }
}

@media only screen and (max-width:599px) {
    .axia-aboutus .koshi01 .w35 {
        width: 100%;
        max-width: 280px;
        margin: 0 auto 1%;
    }

    .axia-aboutus .koshi03 .w35 {
        width: 100%;
        margin: 0 auto 1%;
    }

    .axia-aboutus .koshi03 .linklist .more {
        width: 100%;
        margin: 0 0 10px;
    }
}

/*access*/
.axia-access .koshi01 dl {
    margin-bottom: 30px;
}

.axia-access .koshi01 dl:last-of-type {
    margin-bottom: 0;
}

.axia-access .koshi01 dd {
    padding-top: 10px;
}

.axia-access .koshi01 .more {
    width: auto;
    display: inline-block;
    margin-top: 10px;
}

.axia-access .koshi01 .more a {
    padding: 10px 20px;
}

.axia-access .koshi03 .map:after {
    padding-top: 70%;
}

.axia-access .koshi04 dl {
    margin-bottom: 50px;
    padding: 20px;
    position: relative;
}

.axia-access .koshi04 dl:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 25px 25px 0 25px;
    border-style: solid;
    border-color: #0063c6 transparent transparent transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: -38px;
    left: 50%;
}

.axia-access .koshi04 dl:last-of-type {
    margin-bottom: 0;
}

.axia-access .koshi04 dl:last-of-type:after {
    display: none;
}

.axia-access .koshi04 p.pic {
    width: 50%;
    margin: 0 auto;
}

/*counselor*/
.axia-counselor .interview01 .staffitem {
    margin-bottom: 60px;
}

.axia-counselor .interview01 .staffitem:last-of-type {
    margin-bottom: 0;
}

.axia-counselor .interview01 .staffitem .more2 {
    width: 100%;
    margin: 1% 0;
}

.axia-counselor .interview01 .staffitem .more2 a {
    width: 250px;
}

.axia-counselor .interview01 .staffitem .tit {
    padding-left: 1.2em;
    position: relative;
}

.axia-counselor .interview01 .staffitem .tit:before {
    content: "\f303";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
}

.axia-counselor .interview04 ul {
    padding: 0 10px;
}

.axia-counselor .interview04 .item {
    padding: 20px 10px;
    border-bottom: 1px solid #0063c6;
}

.axia-counselor .interview04 .item a {
    display: block;
}

.axia-counselor .interview04 .item:last-of-type {
    border-bottom: none;
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:599px) {
    .axia-counselor .interview01 .pic.w35 {
        max-width: 280px;
    }

    .axia-counselor .interview01 .staffitem .more2 {
        text-align: center;
    }

    .axia-counselor .interview01 .staffitem .more2 a {
        width: 90%;
    }
}

/*axia-counselor-detail*/
.axia-counselor-detail .interview01 .pic {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
}

.axia-counselor-detail .twitter {
    vertical-align: super;
}

.axia-counselor-detail .twitter a {
    width: 30px;
    height: 30px;
    display: block;
    color: #fff;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: #0063c6;
}

.axia-counselor-detail .facebook a {
    display: block;
}

.axia-counselor-detail .facebook a .fab {
    vertical-align: bottom;
    font-size: 35px;
    color: #1778f2;
}

.axia-counselor-detail .bloglinklist .more2 {
    width: 100%;
    margin: 1% 0;
}

.axia-counselor-detail .bloglinklist .more2 a {
    width: 250px;
}

.axia-counselor-detail .bloglinklist .tit {
    padding-left: 1.2em;
    position: relative;
}

.axia-counselor-detail .bloglinklist .tit:before {
    content: "\f303";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
}


.axia-counselor-detail .listbox ul {
    padding: 20px;
    border: 1px solid #0063c6;
}

.axia-counselor-detail .listbox ul:first-of-type {
    border-right: none;
}

.axia-counselor-detail .listbox .item dd.kagemon a {
    width: 118px;
    display: block;
}

.axia-counselor-detail .listbox .more2 {
    margin: 2% 0;
}

.axia-counselor-detail .listbox .more2 a {
    width: 250px;
}

.axia-counselor-detail .interview03item:nth-of-type(even) .box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.axia-counselor-detail .interview03item {
    margin-bottom: 60px;
}

.axia-counselor-detail .interview03item:last-of-type {
    margin-bottom: 0;
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:599px) {
    .axia-counselor-detail .twitter {
        display: block;
        padding-top: 10px;
    }

    .axia-counselor-detail .twitter a {
        margin-left: auto;
    }

    .axia-counselor-detail .bloglinklist .more2 {
        text-align: center;
    }

    .axia-counselor-detail .bloglinklist .more2 a {
        width: 90%;
    }

    .axia-counselor-detail .listbox .more2 {
        text-align: center;
    }

    .axia-counselor-detail .listbox .more2 a {
        width: 90%;
    }

    .axia-counselor-detail .listbox ul {
        padding: 20px 10px;
    }

    .axia-counselor-detail .listbox ul:first-of-type {
        border-right: 1px solid #0063c6;
    }

    .axia-counselor-detail .facebook a .fab {
        font-size: 30px;
    }
}

/*hajimete*/
.hajimete .first06 dt {
    padding-left: 2.5em;
    position: relative;
}

.hajimete .first06 dt span {
    display: block;
}

.hajimete .first06 .numbertxt {
    width: 40px;
    height: 50px;
    font-weight: 600;
    font-size: 30px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    background: #0063c6;
    position: absolute !important;
    top: -10px;
    left: 0px;
}

.hajimete .first06 .pic .ofiImg {
    overflow: hidden;
    border-radius: 50%;
}

.hajimete .first01 .itembox {
    margin-bottom: 40px;
}

.hajimete .first01 .itembox:last-of-type {
    margin-bottom: 0;
}

.hajimete .first01 .itembox:nth-of-type(even) .box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.hajimete-faq .item:last-of-type {
    margin-bottom: 0;
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:599px) {
    .hajimete .first06 .numbertxt {
        width: 30px;
        height: 40px;
        font-size: 20px;
        line-height: 40px;
    }

    .hajimete .first06 .more2 a {
        width: 90%;
    }

    .hajimete .first01 .more2 a {
        width: 90%;
    }
}

/*jisseki*/
.axia-jisseki01 .item {
    margin-bottom: 40px;
}

.axia-jisseki01 .item:last-of-type {
    margin-bottom: 0;
}

.axia-jisseki01 .item .ofiImg {
    overflow: hidden;
    border-radius: 50%;
}

.axia-jisseki01 .item .boxtit {
    width: 80px;
    padding: 5px 10px;
    color: #fff;
    line-height: 25px;
    letter-spacing: 0.1em;
    text-align: center;
    background: #0063c6;
}

.axia-jisseki02 .item {
    margin-bottom: 10px;
}

.axia-jisseki02 .item:last-of-type {
    margin-bottom: 0;
}

.axia-jisseki02 .item .tit {
    width: 100px;
    margin-right: 20px;
    padding: 5px;
}

.axia-jisseki02 .item .txt {
    width: calc(100% - 120px);
}

.axia-jisseki03 .item {
    margin-bottom: 10px;
}

.axia-jisseki03 .item:last-of-type {
    margin-bottom: 0;
}

.axia-jisseki04 .cont {
    margin-bottom: 60px;
    padding: 40px;
    border: 1px solid #0063c6;
}

.axia-jisseki04 .cont:last-of-type {
    margin-bottom: 0;
}

.axia-jisseki04 .cont .keikoinfo {
    padding-top: 10px;
}

.axia-jisseki04 .listbox {
    width: 80%;
    margin: 0 auto;
}

.axia-jisseki04 .listbox li {
    margin-bottom: 20px;
}

.axia-jisseki04 .listbox li:last-of-type {
    margin-bottom: 0;
}

.axia-jisseki04 .listbox li a {
    display: block;
}

@media only screen and (max-width:1024px) {
    .axia-jisseki04 .cont {
        padding: 30px;
    }
}

@media only screen and (max-width:599px) {
    .axia-jisseki01 .item .boxtit {
        margin: 0 auto 10px;
    }

    .axia-jisseki01 .item .pic {
        width: 50%;
    }

    .axia-jisseki04 .listbox {
        width: 100%;
        max-width: 600px;
    }

    .axia-jisseki02 .item {
        margin-bottom: 20px;
    }

    .axia-jisseki02 .item .tit {
        width: 100%;
        margin: 0;
    }

    .axia-jisseki02 .item .txt {
        width: 100%;
        padding-top: 10px;
    }

    .axia-jisseki04 .cont {
        padding: 20px;
    }

    .axia-jisseki04 .listbox {
        width: 100%;
        max-width: 400px;
    }

    .axia-jisseki04 .listbox .tit {
        font-size: 16px;
    }
}

/*koushi*/
.axia-koushi01 .item {
    margin-bottom: 60px;
}

.axia-koushi01 .item:last-of-type {
    margin-bottom: 0;
}

.axia-koushi01 .item:nth-last-of-type(even) .box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.axia-koushi02 .item {
    margin-bottom: 60px;
}

.axia-koushi02 .item:last-of-type {
    margin-bottom: 0;
}

.axia-koushi02 .list li {
    padding-left: 1.2em;
    font-weight: 600;
    position: relative;
}

.axia-koushi02 .list li:before {
    content: "・";
    position: absolute;
    left: 0;
}

.axia-koushi02 .bannerbox .item {
    width: 48%;
    border: 1px solid #4582d2;
}

.axia-koushi02 .bannerbox .item a {
    display: block;
}

[data-element-id].axia-koushi02 .bannerbox .ofiImg {
    position: relative;
}

.axia-koushi02 .bannerbox .pic:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

[data-element-id].axia-koushi02 .bannerbox .pic:after {
    display: none;
}

.axia-koushi02 .bannerbox .tit {
    padding: 60px 10px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    text-shadow: 1px 1px 4px #fff, 1px -1px 4px #fff, -1px 1px 4px #fff, -1px -1px 4px #fff, 1px 1px 4px #fff, 1px -1px 4px #fff, -1px 1px 4px #fff, -1px -1px 4px #fff, 1px 1px 4px #fff, 1px -1px 4px #fff, -1px 1px 4px #fff, -1px -1px 4px #fff;
    position: relative;
    ;
}

@media only screen and (max-width:1024px) {
    .axia-koushi02 .bannerbox .tit {
        padding: 40px 10px;
    }
}

@media only screen and (max-width:599px) {
    .axia-koushi01 .more2 {
        text-align: center;
    }

    .axia-koushi01 .more2 a {
        width: 90%;
    }

    .axia-koushi02 .bannerbox .item {
        width: 100%;
        margin: 1% 0;
    }

    .axia-koushi02 .bannerbox .tit {
        height: auto !important;
        padding: 35px 10px;
        font-size: 16px;
    }
}

/*service*/
.axia-service01 .item {
    width: 31%;
    margin: 1%;
    text-align: center;
}

.axia-service01 .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 10px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 14px;
}

.axia-service01 .mokujibox .list {
    padding: 20px;
}

.axia-service01 .mokujibox h2 {
    position: relative;
}

.axia-service01 .mokujibox h2:hover {
    cursor: pointer;
}

/* .axia-service01 .mokujibox h2:before {
    content: "";
    width: 20px;
    height: 3px;
    background: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 13px;
}
 */
/*
.axia-service01 .mokujibox h2:after {
    position: absolute;
    top: 50%;
    right: 21px;
    width: 3px;
    height: 20px;
    background: #fff;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.axia-service01 .mokujibox h2.on:after {
    display: none;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
*/
/* .axia-service01 .mokujibox h2.on:after {
    content: "";
    width: 3px;
    height: 20px;
    background: #fff;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 21px;
} */


.axia-service01 .mokujiitem {
    padding: 20px 0;
    border-bottom: 1px solid #0063c6;
}

.axia-service01 .mokujiitem>a {
    display: inline-block;
    padding: 0 0 0 25px;
    font-weight: 600;
    font-size: 18px;
    position: relative;
}

.axia-service01 .mokujiitem>a:before {
    content: "\f044";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    color: #0063c6;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
}

.axia-service01 .mokujiitem .sublist {
    padding: 10px 0 0 30px;
}

.axia-service01 .mokujiitem .submokjjiitem {
    padding: 10px 0;
}

.axia-service01 .mokujiitem .submokjjiitem a {
    display: inline-block;
    padding-left: 1.2em;
    position: relative;
}

.axia-service01 .mokujiitem .submokjjiitem a:before {
    content: "・";
    position: absolute;
    left: 0;
}

.axia-service02 li {
    margin-bottom: 10px;
}

.axia-service02 li:last-of-type {
    margin-bottom: 0;
}

.axia-service03 .pricebox ul {
    border: 1px solid #0063c6;
}


.axia-service03 .contitem {
    margin-bottom: 60px;
}

.axia-service03 .contitem:last-of-type {
    margin-bottom: 0;
}

.axia-service03 .pricebox .item {
    border-bottom: 1px solid #0063c6;
}

.axia-service03 .pricebox .item:last-of-type {
    border-bottom: none;
}

.axia-service03 .pricebox .item dt {
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    border-right: 1px solid #0063c6;
}

.axia-service03 .pricebox .item dd {
    width: 55%;
    padding: 10px;
}

.axia-service03 .priceitembox {
    margin-bottom: 40px;
}

.axia-service03 .priceitembox:last-of-type {
    margin-bottom: 0;
}

.axia-service03 .pricesplist {
    margin-top: 40px;
    padding: 40px;
    border: 1px solid #0063c6;
}

.axia-service03 .pricesplist .checkfinger {
    margin-bottom: 10px;
}

.axia-service03 .pricesplist .checkfinger:last-of-type {
    margin-bottom: 0;
}

.axia-service03 .pricesplist .checkfinger a {
    display: block;
    font-weight: 600;
}

.axia-service04 th {
    font-weight: normal;
}

.axia-service04 th,
.axia-service04 td {
    padding: 10px;
    border: solid 1px #0063c6;
}


.axia-service04 table {
    border-collapse: collapse;
}

.axia-service04 .listbox {
    width: 80%;
    margin: 0 auto;
}

.axia-service04 .listbox li {
    margin-bottom: 20px;
}

.axia-service04 .listbox li:last-of-type {
    margin-bottom: 0;
}

.axia-service04 .listbox li a {
    display: block;
}

@media only screen and (max-width:1024px) {
    .axia-service04 .listbox {
        width: 100%;
        max-width: 600px;
    }
}

@media only screen and (max-width:599px) {
    .axia-service01 .item {
        width: 100%;
        margin-bottom: 5px;
    }

    .axia-service01 .item:last-of-type {
        margin-bottom: 0;
    }

    .axia-service01 .item a {
        height: auto !important;
    }

    .axia-service01 .mokujibox h2:before {
        width: 15px;
    }

    .axia-service01 .mokujibox h2:after {
        height: 15px !important;
        right: 19px !important;
    }

    .axia-service01 .mokujiitem {
        padding: 10px 0;
    }

    .axia-service01 .mokujiitem>a {
        font-size: 16px;
    }

    .axia-service01 .mokujiitem .sublist {
        padding: 5px 0 0 25px;
    }

    .axia-service01 .mokujiitem .submokjjiitem {
        padding: 5px 0;
    }

    .axia-service03 .pricesplist {
        padding: 20px;
    }

    .axia-service04 .table {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        padding: 20px 0;
    }

    .axia-service04 table {
        width: 600px !important;
    }

    .axia-service04 .listbox .tit {
        font-size: 16px;
    }
}

/*saiyo*/
.axia-saiyo01 .contitem {
    margin-bottom: 60px;
}

.axia-saiyo01 .contitem:last-of-type {
    margin-bottom: 0;
}

.axia-saiyo01 .contitem:nth-of-type(even) .box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.axia-saiyo02 .list {
    border: 1px solid #0063c6;
}

.axia-saiyo02 .item {
    border-bottom: 1px solid #0063c6;
}

.axia-saiyo02 .item:last-of-type {
    border-bottom: 0;
}

.axia-saiyo02 .item .tit {
    width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
}

.axia-saiyo02 .item .info {
    width: calc(100% - 120px);
    padding: 10px;
    line-height: 180%;
    border-left: 1px solid #0063c6;
}

.axia-saiyo02 .item .info,
.axia-saiyo02 .item .info * {
    font-size: 14px;
}

.axia-saiyo02 .item .infoitem {
    padding-left: 1.2em;
    position: relative;
}

.axia-saiyo02 .item .infoitem:before {
    content: "・";
    position: absolute;
    left: 0;
}

.axia-saiyo02 .item .info dl {
    margin-bottom: 20px;
}

.axia-saiyo02 .item .info dl:last-of-type {
    margin-bottom: 0;
}

.axia-saiyo03 .telbox {
    width: 90%;
    max-width: 400px;
    display: block;
    margin: 20px auto 0;
    padding: 20px 30px;
}

.axia-saiyo03 .telbox .tel a {
    padding: 10px 0 0;
    font-weight: 600;
    font-size: 24px;
    color: #fff;
}

.axia-saiyo03 .telbox .pakablue:before {
    background: #fff;
}

.axia-saiyo03 .telbox .pakablue:after {
    background: #fff;
}

.axia-saiyo03 .box .tel a {
    width: 90%;
    padding: 20px 40px;
    font-weight: 600;
    font-size: 30px;
    line-height: 1;
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:599px) {
    .axia-saiyo02 .item .tit {
        width: 100%;
    }

    .axia-saiyo02 .item .info {
        width: 100%;
        border-left: none;
    }

    .axia-saiyo03 .telbox {
        padding: 20px 10px;
    }

    .axia-saiyo03 .telbox .tit {
        font-size: 14px;
    }

    .axia-saiyo03 .telbox .tel a {
        padding: 10px 0 0;
        font-size: 20px;
    }

    .axia-saiyo03 .telbox .pakablue {
        padding: 0 20px;
    }

    .axia-saiyo03 .telbox .pakablue:before {
        height: 20px;
    }

    .axia-saiyo03 .box .tel a {
        padding: 20px 30px;
        font-size: 24px;
    }

    .axia-saiyo03 .telbox .pakablue:after {
        height: 20px;
    }
}

/*corporatedata*/
.axia-corporatedata01 .txt span.tit {
    display: inline-block;
    margin: 10px 0;
    padding: 10px 20px;
}

.axia-corporatedata02 .list {
    border: 1px solid #0063c6;
}

.axia-corporatedata02 .item {
    border-bottom: 1px solid #0063c6;
}

.axia-corporatedata02 .item:last-of-type {
    border-bottom: 0;
}

.axia-corporatedata02 .item .tit {
    width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
}

.axia-corporatedata02 .item .info {
    width: calc(100% - 120px);
    padding: 10px;
    line-height: 180%;
    border-left: 1px solid #0063c6;
}

.axia-corporatedata02 .item .info,
.axia-corporatedata02 .item .info * {
    font-size: 14px;
}

.axia-corporatedata02 .item .infoitem {
    padding-left: 1.2em;
    position: relative;
}

.axia-corporatedata02 .item .infoitem:before {
    content: "・";
    position: absolute;
    left: 0;
}

.axia-corporatedata02 .item .info dl {
    margin-bottom: 20px;
}

.axia-corporatedata02 .item .info dl:last-of-type {
    margin-bottom: 0;
}

.axia-corporatedata02 .tel a {
    color: #666;
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:599px) {
    .axia-corporatedata01 .txt span.tit {
        font-size: 16px;
    }

    .axia-corporatedata02 .item .tit {
        width: 100%;
    }

    .axia-corporatedata02 .item .info {
        width: 100%;
        border-left: none;
    }
}


/*c-yoyaku*/
.axia-c-yoyaku01 {
    padding-bottom: 60px;
}

/*datetimepicker*/

.xdsoft_datetimepicker .xdsoft_month {
    width: 80px;
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 70px;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    width: 100%;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
    font-size: 14px;
}

@media only screen and (max-width: 599px) {
    .xdsoft_datetimepicker {
        width: 100%;
        margin: 0 !important;
        padding: 10px !important;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        position: fixed !important;
        top: 0 !important;
        left: 50% !important;
    }

    .xdsoft_datetimepicker .xdsoft_datepicker {
        width: 98% !important;
        float: none !important;
        margin: 1% !important;
    }

    .xdsoft_datetimepicker .xdsoft_timepicker {
        width: 98% !important;
        float: none !important;
        margin: 1% !important;
    }

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
        margin: 2% auto !important;
    }
}

/*otoiawase*/
.axia-otoiawase01 .checkblue {
    margin-bottom: 10px;
}

.axia-otoiawase01 .checkblue:last-of-type {
    margin-bottom: 0;
}

.axia-otoiawase02 .telbox {
    width: 90%;
    max-width: 400px;
    display: block;
    margin: 20px auto 0;
    padding: 20px 30px;
}

.axia-otoiawase02 .telbox .tel a {
    padding: 10px 0 0;
    font-weight: 600;
    font-size: 24px;
    color: #fff;
}

.axia-otoiawase02 .telbox .pakablue:before {
    background: #fff;
}

.axia-otoiawase02 .telbox .pakablue:after {
    background: #fff;
}

.axia-otoiawase02 .box .tel a {
    width: 90%;
    padding: 20px 40px;
    font-weight: 600;
    font-size: 30px;
    line-height: 1;
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:599px) {
    .axia-otoiawase02 .telbox {
        padding: 20px 10px;
    }

    .axia-otoiawase02 .telbox .tit {
        font-size: 14px;
    }

    .axia-otoiawase02 .telbox .tel a {
        padding: 10px 0 0;
        font-size: 20px;
    }

    .axia-otoiawase02 .telbox .pakablue {
        padding: 0 20px;
    }

    .axia-otoiawase02 .telbox .pakablue:before {
        height: 20px;
    }

    .axia-otoiawase02 .box .tel a {
        padding: 20px 30px;
        font-size: 24px;
    }

    .axia-otoiawase02 .telbox .pakablue:after {
        height: 20px;
    }
}

/*sitemap*/
/* .axia-sitemap ul li {
    width: 48%;
    margin: 0 1% 10px 1%;
} */

.axia-sitemap .mainlinkbox ul li {
    width: 48%;
    margin: 0 1% 10px 1%;
}

.axia-sitemap ul li::before {
    display: none;
}

.axia-sitemap .checkfinger {
    margin-bottom: 10px;
}

.axia-sitemap02 .item {
    margin-bottom: 40px;
}

.axia-sitemap02 .item:last-of-type {
    margin-bottom: 0;
}

@media (max-width: 599px) {
    .axia-sitemap ul li {
        width: 48%;
    }
}

/*link*/
.axia-link01 .itembox .item {
    margin-bottom: 60px;
}

.axia-link01 .itembox .item:last-of-type {
    margin-bottom: 0;
}

.axia-link .checkfinger {
    margin-bottom: 10px;
}


/*other*/
.other h2,
.other h3,
.other h4 {
    margin-bottom: 0;
}

.other .haedbox {
    padding: 20px 0 30px;
}

.other .haedbox dd {
    vertical-align: bottom;
    margin-left: 1em;
}

.other .head {
    display: none;
}

.otherfootbox * {
    color: #464646;
}

.otherfootbox .list li a {
    text-decoration: underline;
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:599px) {
    .other .haedbox {
        padding: 10px 0 20px;
    }

    .other .haedbox .logo {
        display: block;
        text-align: center;
    }

    .other .haedbox dd {
        display: block;
        font-size: 14px;
        text-align: center;
    }

    .other .haedbox .subtit {
        font-size: 12px;
        text-align: center;
    }

    .otherfootbox li {
        -moz-text-align-last: center;
        text-align-last: center;
    }

    .otherfootbox li a {
        font-size: 12px;
    }
}

/*seihanzai*/
.seihanzai01 .item {
    margin-bottom: 40px;
}

.seihanzai01 .item:last-of-type {
    margin-bottom: 0;
}

.seihanzai02 .box01 li {
    margin-bottom: 10px;
    padding-left: 1.2em;
    position: relative;
}

.seihanzai02 .box01 li:last-of-type {
    margin-bottom: 0;
}

.seihanzai02 .box01 li:before {
    content: "・";
    position: absolute;
    left: 0;
}

.seihanzai02 .box01 li:last-of-type:before {
    display: none;
}

.seihanzai02 .box03 .pricebox dd {
    display: inline-block;
}

.seihanzai02 .box03 .pricebox .more2 {
    margin-left: 20px;
}

.seihanzai02 .box03 .txtlink {
    margin-top: 20px;
}

.seihanzai02 .box03 .txtlink a {
    display: inline-block;
    color: #0063c6;
    text-decoration: underline;
}

.seihanzai02 .box04 li {
    margin: 5px 10px;
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:599px) {
    .seihanzai02 .box01 .pic {
        max-width: 200px;
    }

    .seihanzai02 .box02 h3 {
        text-align: center;
    }

    .seihanzai02 .box03 dd span {
        display: inline-block;
    }

    .seihanzai02 .box03 .pricebox dd.more2 {
        display: block;
        text-align: left;
    }

    .seihanzai02 .box02 .pic {
        max-width: 280px;
    }

    .seihanzai02 .box04 li {
        width: 200px;
        display: block;
        margin: 5px auto;
        text-align: center;
    }
}

/*low1*/
.low101 .list {
    border: 1px solid #0063c6;
}

.low101 .item {
    border-bottom: 1px solid #0063c6;
}

.low101 .item:last-of-type {
    border-bottom: 0;
}

.low101 .item .tit {
    width: 210px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    font-size: 14px;
}

.low101 .item .info {
    width: calc(100% - 210px);
    padding: 10px;
    line-height: 180%;
    border-left: 1px solid #0063c6;
}

.low101 .item .info,
.low101 .item .info * {
    font-size: 14px;
}

.low101 .item .infoitem {
    padding-left: 1.2em;
    position: relative;
}

.low101 .item .infoitem:before {
    content: "・";
    position: absolute;
    left: 0;
}

.low101 .item .info dl {
    margin-bottom: 20px;
}

.low101 .item .info dl:last-of-type {
    margin-bottom: 0;
}

.low101 .tel a {
    color: #666;
}

.low101 .txtblue {
    color: #0063c6;
    text-decoration: underline;
}

.low101 .list li {
    padding-left: 1.2em;
    position: relative;
}

.low101 .list li:before {
    content: "・";
    position: absolute;
    left: 0;
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:599px) {
    .low101 .item .tit {
        width: 100%;
    }

    .low101 .item .info {
        width: 100%;
        border-left: none;
    }
}


/*kosodatehou*/
.kosodatehou01 .item {
    margin-bottom: 60px;
}

.kosodatehou01 .item:last-of-type {
    margin-bottom: 0;
}

.kosodatehou01 .list li {
    margin-bottom: 10px;
    padding-left: 1.2em;
    position: relative;
}

.kosodatehou01 .list li:last-of-type {
    margin-bottom: 0;
}

.kosodatehou01 .list li:before {
    content: "・";
    position: absolute;
    left: 0;
}

.kosodatehou02 div.tit {
    padding-bottom: 40px;
    position: relative;
}

.kosodatehou02 div.tit:after {
    content: "\f063";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: -10px;
    left: 50%;
}

.kosodatehou02 .box01 li {
    margin-bottom: 10px;
    padding-left: 1.2em;
    position: relative;
}

.kosodatehou02 .box01 li:last-of-type {
    margin-bottom: 0;
}

.kosodatehou02 .box01 li:before {
    content: "・";
    position: absolute;
    left: 0;
}

.kosodatehou02 .box01 li:last-of-type:before {
    display: none;
}

.kosodatehou02 .box03 .pricebox dd {
    display: inline-block;
}

.kosodatehou02 .box03 .tokutenbox dd .list li {
    padding-left: 1.2em;
    position: relative;
}

.kosodatehou02 .box03 .tokutenbox dd .list li:before {
    content: "・";
    position: absolute;
    left: 0;
}

.kosodatehou02 .box03 .txtlink a {
    display: inline-block;
    color: #0063c6;
    text-decoration: underline;
}


.kosodatehou02 .box04 li {
    margin: 5px 10px;
}

@media only screen and (max-width:1024px) {
    .kosodatehou02 div.tit:after {
        bottom: -5px;
    }
}

@media only screen and (max-width:599px) {
    .kosodatehou02 .box01 .pic {
        max-width: 200px;
    }

    .kosodatehou02 .box02 h3 {
        text-align: center;
    }

    .kosodatehou02 .box03 dd span {
        display: inline-block;
    }

    .kosodatehou02 .box03 .pricebox dd.more2 {
        display: block;
        text-align: left;
    }

    .kosodatehou02 .box02 .pic {
        max-width: 280px;
    }

    .kosodatehou02 .box04 li {
        width: 200px;
        display: block;
        margin: 5px auto;
        text-align: center;
    }
}



/*PC追従*/


#totop .tel a {
    display: block;
    margin: 0 5px;
    padding: 10px;
    color: inherit;
    color: #fff;
    background-color: #0063c6;
}

#totop .contact {
    margin: 0 5px;
    padding: 10px;
    color: #fff;
    background-color: #0063c6;
}

#totop .b-type .contact {
    background-color: #FAC61E;
}

@media only screen and (max-width:1024px) {

    #totop .tel,
    #totop .contact {
        display: none;
    }
}

.form dd input[type="radio"]:checked+label {
    border-bottom: none;
}

.topback a {
    width: 250px;
}

@media only screen and (max-width:599px) {
    .formbtn li {
        max-width: 120px;
    }
}


/*スライドショー*/
.uk-slidenav-position {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

.uk-slideshow {
    height: 100% !important;
}

.uk-slideshow>li {
    height: 100% !important;
}

.uk-flex.uk-flex-middle.uk-flex-center {
    height: 100% !important;
}

.uk-flex.uk-flex-middle.uk-flex-center img {
    height: 100% !important;
}

/*スマホナビ*/
[data-element-id] #gnav li.pcnone:before {
    content: "スマホナビのリンク";
    display: block;
    font-size: 12px;
    color: #fff;
    background: #333;
    position: relative;
    z-index: 2;
}

/* 20210428追記 */
.blog-custom-bnr li {
    width: 80% !important;
    list-style: none !important;
    margin: auto;
    padding-bottom: 0 !important;
}

.blog-custom-bnr li dl {
    text-align: center;
}

.blog-custom-bnr li .tit {
    padding: 60px 10px;
}

.blog-custom-bnr li dd {
    padding-left: 0 !important;
}

.intable-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.intable-list li {
    width: 48%;
    margin: 1%;
}

@media (max-width: 1024px) {
    .blog-custom-bnr li {
        width: 90% !important;
    }
}

@media (max-width: 599px) {
    .blog-custom-bnr li {
        width: 100% !important;
    }

    .intable-list li {
        width: 98%;
    }
}

/* embed-link */
.embed-link {
    width: 600px;
    max-width: 100%;
    overflow: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 14px;
    color: #82878c;
    line-height: 1.5;
    text-decoration: none;
    border: 1px solid #e5e5e5;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    zoom: 1;
}

.embed-link a {
    display: block;
    padding: 25px;
    text-decoration: none !important;
}

.embed-link-title {
    margin: 0 0 15px;
    font-weight: 600;
    font-size: 20px;
    color: #32373c !important;
    line-height: 1.3;
}

.embed-link-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.embed-img {
    width: 30%;
    max-width: 160px;
    display: block;
    position: relative;
}

.embed-img:after {
    content: "";
    display: block;
    padding-top: 70%;
}

.embed-img img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center;";
    position: absolute;
    top: 0;
    left: 0;
}

.embed-content {
    width: 65%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #82878c;
    line-height: 1.5;
}

.embed-site-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    margin-top: 15px;
}

.embed-favicon {
    width: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 15px;
}

.embed-site-title {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 600;
    color: #82878c !important;
    line-height: 1.78571428;
    text-decoration: none;
}

.embed-link a:hover .embed-link-title,
.embed-link a:hover .embed-site-title {
    text-decoration: underline !important;
}

@media (max-width: 599px) {
    .embed-link a {
        padding: 10px;
    }

    .embed-link-title {
        font-size: 20px;
    }

    .embed-content {
        font-size: 12px;
    }
}



.itme-w{
  width: 700px;
}

.item-w a{
      width: 100%;
    height: 100%;
}

[data-element-id].itme-w dt{
  height: 200px !important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.itme-w dt{
  height: 200px !important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.itme-w img{
  filter: opacity(0.5);
}

/* 202205DR追記 */

.axialink2 .item {
    width: 31%;
    margin: 1%;
    border-bottom:none;
}

.axialink2 .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 5px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
/* 20220517追記 */
.newblue {
  background:#0063c6;
}

.topfs15 {
  font-size: 14px;
}

.adresscenter {
  text-align: center;
}

.numbercenter {
  text-align: center;
}

.up-d-flex{
  display: flex;
}

.up-w-100{
  width: 100%;
}

.checkfinger2 {
    padding-left: 2em;
    position: relative;
    width: 33.333%;
}

.checkfinger2 a {
    color: #0063c6;
    text-decoration: underline;
}

.axia-sitemap .checkfinger2 {
    margin-bottom: 10px;
}

.tel01 {
  background: #4582d2;
  color: #fff;
  font-weight: bold;
  padding: 10px;
}

.mt20 {
  margin-top: 20px;
}

.fwb {
  font-weight: bold;
}

.more.fwb {
  font-size: 22px;
}
@media screen and (max-width:1024px) {
  .pc-view{
    display: none;
  }
}

@media only screen and (max-width: 599px) {
  .axia-sitemap .mainlinkbox ul li {
    width: 100%;
    margin: 0 1% 10px 1%;
  }
  .areat10 {
    padding-bottom: 10px;
  }
}
.search .s1 {
  width: 80%;
}
.search .s2 {
  width: 20%;
}

.f-text {
  margin-left: auto;
  font-size: 14px;
}

/*ブログ共通化*/
#common_contents01 , #common_contents02 , #common_contents03 ,  #common_contents04 , #common_contents05 , #common_contents06 , #common_contents07 , #common_contents08 ,#common_contents09 ,#common_contents10,#common_contents11,#common_contents12,#common_contents13,#common_contents14,#common_contents15{
  width: 100%;
}
#common_contents00 {
  height: 511px;
  width: 1024px;
  max-width: 100%;
}
#common_contents01 {
height: 450px !important;
}
#common_contents02 {
  height: 250px;
}
#common_contents03 {
height: 890px;
}
#common_contents04 {
height: 400px !important;
}
#common_contents05 {
height: 300px !important;
}
#common_contents06 {
height: 370px;
}
#common_contents07 {
height: 370px;
}
#common_contents08 {
height: 730px;
}
#common_contents09{
height: 408px;
}
#common_contents10 {
height: 240px;
}
#common_contents11 {
height: 370px;
}
#common_contents12 {
  height: 380px;
}
#common_contents17 {
  height: 260px;
}
#common_contents18 {
  height: 250px;
}
#common_contents21 {
  height: 350px;
}

@media screen and (max-width:1024px) {
  #common_contents00 {
    height: 230px; 
  }
  #common_contents04{
    height: 400px;
  }
  #common_contents08 {
    height: 450px; 
  }
  #common_contents12 {
    height: 420px;
  }
  #common_contents20 {
    height: 450px;
  }
}

@media screen and (max-width:599px) {
  #common_contents00 {
    height: 180px; 
  }
  #common_contents09 {
    height: 510px;
  }
  #common_contents12 {
    height: 580px; 
  }
  #common_contents17 {
    height: 260px; 
  }
  #common_contents18 {
    height: 210px; 
  }
}


.kh-list {
  border: 1px solid #0063c6;
  margin-bottom: 20px;
  width: 100%;
}

[data-element-id] .iframe-t {
  width: 1000px;
  margin: auto;
}

.iframe-t .post01 {
  margin-bottom: 0;
}

.centeritem{
    font-weight: 600;
    font-size: 18px;
}

.mr10{
  margin-right: 10%;
}
.mg0{
margin: 1em 0 0.5em 1.5em;
}
.mb0{
  margin-bottom: 0!important;
}
.wd100{
  width: 100%;
}

@media screen and (max-width:599px) {
  .dsf{
    display: grid;
  }
}

/*1/25*/
.mb0{
  margin-bottom: 0px;
}

@media only screen and (min-width: 1025px){
.ml26 {
  margin-left: 26px;
}
.mr68 {
  margin-right: 68px;
}
}
.li_flex {
  display: flex;
  flex-wrap: wrap;
}

.post-detail .contents .li_flex li {
    width: 48%;
    margin: 1%;
    list-style: none;
}

@media (max-width: 599px) {
    .post-detail .contents .li_flex li {
        width: 100%;
    }
}

/*2023/04/03*/
.top-img {
  width: 100%;
}
.top-img img {
  width: 100%;
}
.top-txt {
  width: 100%;
  margin: 10px auto 0;
  line-height: 200%;
}


/* 2023/05/19 */
.block-type-01 .list {
    position: relative;
}

.block-type-01 .list .item {
}

.block-type-01 .list .item .title {
    margin: 0;
    margin-bottom: 10px;
}

.block-type-01 .list .item .txt {
    padding: 0 5px;
}

.block-type-01 .list .item a {
    display: block;
    background: #bad0ef;
    padding: 5px;
    position: relative;
    border-radius: 10px;
    font-size: 20px;
}


.block-type-01 .list .item a:after {
    content: "\f054";
    font-family: "font awesome 5 Free";
    font-weight: bold;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
}
.block-type-01 .list .item + .item {
    margin-top: 30px;
}

@media (max-width:599px) {
  .block-type-01 .list .item a {
      font-size: 16px;
  }
}

.top-about {
    margin-bottom: 0;
    background: #bad0ef;
}

.top-about .txt .acc {
    background-color: rgb(255, 255, 0);
    color: #000;
    font-weight: bold;
}

.top-about .more {
    width: 90%;
    max-width: 300px;
}