/* ==== Google font ==== */
@import url('http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Montserrat:700|Merriweather:400italic');


body {
    width: 100%;
    height: 100%;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #333333;
    background-color: #fff;

    background: url(img2/.jpg) repeat !important;
}

html {
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
{
margin: 0 0 30px;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-weight: 700;
letter-spacing: 1px;
}

p {
    font-size: 15px;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.7em;
    color: #454545;
}

p.lead {
    font-weight: 600;
}


a:hover,
a:focus {
    text-decoration: none;
    color: #00436e;
}

.display-none {
    display: none;
}

.light {
    font-weight: 400;
}

.navbar {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    background: rgba(20, 85, 182, .9);
    background-color: rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.02);
    -webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.02);
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.02);
    background-color: #FFF;

}

.navbar-brand {
    font-weight: 700;
}

.mb5 {
    padding-bottom: 5px;
}

@media (min-width:1180px) {
    .navbar-brand {
        height: 40px;
        padding: 0px 28px;
        font-size: 18px;
        line-height: 1em;
        margin-top: -4px;
    }

    .navbar-brand img {
        width: 250px;
    }
}


@media (max-width:1179px) {
    .navbar-brand {
        height: 40px;
        padding: 3px 2px;
        font-size: 18px;
        line-height: 1em;
    }

    .navbar-brand img {
        width: 230px;
    }
}

.navbar-brand h1 {
    color: #fff;
    font-size: 20px;
    line-height: 40px;
}

.navbar-brand:focus {
    outline: 0;
}

.nav.navbar-nav {
    /*  background-color: rgba(255,255,255,.4); */
}


.navbar-custom.top-nav-collapse .nav.navbar-nav {
    background-color: rgba(0, 0, 0, 0);
}

@media (min-width:1180px) {
    .navbar-custom ul.nav li a {
        font-size: 14px;
        letter-spacing: 0.6px;
        color: #444;

        text-transform: uppercase_bk;
        font-weight: 700;

    }

    .navbar-custom.top-nav-collapse ul.nav li a {
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        color: #444444;
    }
}

@media (max-width:1179px) {
    .navbar-custom ul.nav li a {
        font-size: 13px;
        letter-spacing: 1px;
        color: #444;
        font-weight: 600;
        text-transform: uppercase_bk;
        font-weight: ;
    }


    .navbar-custom.top-nav-collapse ul.nav li a {
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        color: #444444;
        border-top: 1px solid #eaeaea;
    }

}





.navbar-custom ul.nav ul.dropdown-menu {
    border-radius: 0;
}

.navbar-custom ul.nav ul.dropdown-menu li {
    border-bottom: 1px solid #f5f5f5;

}

.navbar-custom ul.nav ul.dropdown-menu li:last-child {
    border-bottom: none;
}

.navbar-custom ul.nav ul.dropdown-menu li a {
    padding: 10px 20px;
}

.navbar-custom ul.nav ul.dropdown-menu li a:hover {
    background: #fefefe;
}

.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {
    color: #666;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    background-color: rgba(255, 255, 255, .2);
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    background-color: rgba(255, 255, 255, .2);
}

.navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #000;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}


/* loader */
#preloader {
    background: #ffffff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}


#loaderInner {
    background: #ffffff url(img/spinner1.gif) center center no-repeat;
    height: 70px;
    left: 48%;
    margin: -50px 0 0 -50px;
    position: absolute;
    top: 50%;
    width: 160px;
}


@keyframes boxSpin {
    0% {
        transform: translate(-10px, 0px);
    }

    25% {
        transform: translate(10px, 10px);
    }

    50% {
        transform: translate(10px, -10px);
    }

    75% {
        transform: translate(-10px, -10px);
    }

    100% {
        transform: translate(-10px, 10px);
    }
}


@keyframes shadowSpin {
    0% {
        box-shadow: 10px -10px #39CCCC, -10px 10px #FFDC00;
    }

    25% {
        box-shadow: 10px 10px #39CCCC, -10px -10px #FFDC00;
    }

    50% {
        box-shadow: -10px 10px #39CCCC, 10px -10px #FFDC00;
    }

    75% {
        box-shadow: -10px -10px #39CCCC, 10px 10px #FFDC00;
    }

    100% {
        box-shadow: 10px -10px #39CCCC, -10px 10px #FFDC00;
    }
}

#load {
    z-index: 9999;
    background-color: #FF4136;
    opacity: 0.75;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    margin: -5px auto 0 auto;
    left: 0;
    right: 0;
    border-radius: 0px;
    border: 5px solid #FF4136;
    box-shadow: 10px 0px #39CCCC, 10px 0px #01FF70;
    animation: shadowSpin 1s ease-in-out infinite;
}

/* misc */
hr {
    margin-top: 10px;
}

/* margins */
.marginbot-0 {
    margin-bottom: 0 !important;
}

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

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

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

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

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

/* ===========================
--- General sections
============================ */

@media (min-width:768px) {
    .home-section {
        padding-top: 30px;
        padding-bottom: 20px;
        display: block;
        position: relative;
        z-index: 120;
    }
}

@media (max-width:767px) {
    .home-section {
        padding-top: 0px;
        padding-bottom: 20px;
        display: block;
        position: relative;
        z-index: 120;
    }
}


.section-heading i {
    margin-bottom: 20px;
}


/* --- section bg var --- */

.bg-white {
    background: #fff;
}

.bg-gray {
    background: #f8f8f8;
}


.bg-dark {
    background: #575757;
}

/* --- section color var --- */

.text-light {
    color: #fff;
}



/* ===========================
--- Intro
============================ */
@media (min-width:768px) {
    .intro {
        width: 100%;


        background: url(../img/.jpg) no-repeat top center;
    }
}

@media (max-width:767px) {
    .intro {
        width: 100%;
        position: relative;

        background: url(../img/b122.jpg) no-repeat top center;
    }
}

#intro.intro {
    padding: 20% 0 0 0;
}

.intro .slogan {
    text-align: center;

}

.intro .page-scroll {
    text-align: center;
}

.brand-heading {
    font-size: 40px;
}

.intro-text {
    font-size: 18px;
}

.intro .slogan h2 {
    color: #FFF;
    text-shadow: none;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    text-transform: uppercase;
    border-width: 0px;
    border-color: #000;
    border-style: none;
    text-shadow: -1px 0 1px #000;
}

.intro .slogan h4 {
    color: #fff;
    text-shadow: -1px 1px 1px #000;
}


/* ===========================
--- About
============================ */

.boxed-grey {
    background: #f9f9f9;
    padding: 20px;
}

.team h5 {
    margin-bottom: 10px;
}

.team p.subtitle {
    margin-bottom: 10px;
}

.avatar {
    margin-bottom: 20px;
}

.team-social {
    margin-left: 0;
    padding-left: 0;

}

.team-social {
    text-align: center;
}

.team-social li {
    display: inline-block;
    margin: 0 !important;
    padding: 0;
}


.team-social a {
    margin: 0;
    padding: 0;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #3bbec0;
    color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.team-social a i {
    text-align: center;
    margin: 0;
    padding: 0;
}

.team-social .social-facebook a {
    background: #3873ae;
}

.team-social .social-twitter a {
    background: #62c6f8;
}

.team-social .social-dribble a {
    background: #d74980;
}

.team-social .social-deviantart a {
    background: #8da356;
}

.team-social .social-google a {
    background: #000;
}

.team-social .social-vimeo a {
    background: #51a6d3;
}

.team-social .social-facebook a:hover {
    background: #4893ce;
}

.team-social .social-twitter a:hover {
    background: #82e6ff;
}

.team-social .social-dribble a:hover {
    background: #f769a0;
}

.team-social .social-deviantart a:hover {
    background: #adc376;
}

.team-social .social-google a:hover {
    background: #333;
}

.team-social .social-vimeo a:hover {
    background: #71c6f3;
}


/* ===========================
--- Services
============================ */
@media (min-width: 768px) {
    .service-icon {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .service-box {
        display: flex;
        justify-content: space-between;
    }

    .service-txt {
        text-align: left !important;
        width: 68%;
    }

    .service-icon {
        width: 30%;
        margin-bottom: 3px;
    }

    .topshouhinmidasi {
        margin-bottom: 0px !important;
    }
}

.ta-main-functuin {
    width: 100%;
    border: 3px solid #00436e;
    padding: 20px;
    margin-bottom: 20px;
}

.functuin-box {
    display: flex;
    align-items: center;
}

.functuin-item-icon {
    width: 25%;
}

.functuin-item-txt {
    width: 70%;
}

.functuin-item-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.functuin-item-detail {
    font-size: 16px;
}

@media (max-width: 767px) {
    .functuin-box {
        display: block;
        text-align: center;
    }

    .functuin-item-icon {
        width: 100%;
    }

    .functuin-item-icon img {
        max-width: 200px;
        margin: 0 auto;
    }

    .functuin-item-txt {
        width: 100%;
    }

    .functuin-item-title {
        font-size: 18px;
    }

    .functuin-item-detail {
        font-size: 14px;
    }
}


/* ===========================
--- Contact
============================ */

form#contact-form .form-group label1 {
    text-align: left !important;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}

form#contact-form input,
form#contact-form select,
form#contact-form textarea {
    border-radius: 0;
    border: 1px solid #eee;
    -webkit-box-shadow: none;
    box-shadow: none;
}

form#contact-form input:focus,
form#contact-form select:focus,
form#contact-form textarea:focus {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.input-group-addon {
    background-color: #fefefe;
    border: 1px solid #eee;
    border-radius: 0;
}

.widget-contact {
    text-align: left;
}


.company-social {
    margin-left: 0;
    padding-left: 0;
    margin-top: 10px;
}

.company-social {
    text-align: left;
}

.company-social li {
    display: inline-block;
    margin: 0 !important;
    padding: 0;
}


.company-social a {
    margin: 0;
    padding: 0;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #3bbec0;
    color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.company-social a i {
    text-align: center;
    margin: 0;
    padding: 0;
}

.company-social .social-facebook a {
    background: #3873ae;
}

.company-social .social-twitter a {
    background: #62c6f8;
}

.company-social .social-dribble a {
    background: #d74980;
}

.company-social .social-deviantart a {
    background: #8da356;
}

.company-social .social-google a {
    background: #000;
}

.company-social .social-vimeo a {
    background: #51a6d3;
}

.company-social .social-facebook a:hover {
    background: #4893ce;
}

.company-social .social-twitter a:hover {
    background: #82e6ff;
}

.company-social .social-dribble a:hover {
    background: #f769a0;
}

.company-social .social-deviantart a:hover {
    background: #adc376;
}

.company-social .social-google a:hover {
    background: #333;
}

.company-social .social-vimeo a:hover {
    background: #71c6f3;
}



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

footer {
    text-align: ;
    padding: 50px 0;
    border-top: 1px solid #c7c7c7;
    font-size: 12px;

}



ul li {
    list-style-type: none;
}

/* ==========================
Parallax
============================= */

#parallax1 {
    background-image: url(../img/parallax/1.jpg);
}

#parallax1:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.7;
    z-index: -1;
}


#parallax2 {
    background-image: url(../img/parallax/2.jpg);

}

#parallax2:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.7;
    z-index: -1;
}


/* ===========================
--- Elements
============================ */

.btn {
    border-radius: 0;


    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: inline-block;
    padding: 7px 20px;
    margin-bottom: 0;
    font-size: 16px;

    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;

}


.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle.btn-dark {
    border: 2px solid #666;
    color: #666;
}


.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255, 255, 255, .1);

}

.btn-circle.btn-dark :hover,
.btn-circle.btn-dark :focus {
    outline: 0;
    color: #999;
    background: #fff;
}

.btn-circle.btn-dark :hover i,
.btn-circle.btn-dark :focus i {
    color: #999;
}

.page-scroll .btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.page-scroll .btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0 {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}


#text {
    color: #fff;
    background: #ffcc00;
}

#map {
    height: 500px;
}


.btn-skin:hover,
.btn-skin:focus,
.btn-skin:active,
.btn-skin.active {
    color: #fff;
    background-color: #666;
    border-color: #666;
}


.btn-default:hover,
.btn-default:focus {
    border: 1px solid #28c3ab;
    outline: 0;
    color: #000;
    background-color: #28c3ab;
}

.btn-huge {
    padding: 25px;
    font-size: 26px;
}

.banner-social-buttons {
    margin-top: 0;
}


/* Media queries */

@media(min-width:1180px) {

    .navbar {
        padding: 10px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
        transition: background .5s ease-in-out, padding .5s ease-in-out;

        background-color: rgba(255, 255, 255, 0.6);
        -moz-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.02);
        -webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.02);
        box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.02);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
        background: #FFF;
    }

    .top-nav-collapse {}

    .navbar-custom.top-nav-collapse {
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        border-bottom: 1px solid #e2e2e2;
    }

    .intro {
        height: 100%;
        padding: 0;
    }

    .brand-heading {
        font-size: 100px;
    }


    .intro-text {
        font-size: 25px;
    }

    .sphyouzi {
        display: none !important;
    }

    .pyoko10 {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width:1179px) {

    .team.boxed-grey {
        margin-bottom: 30px;
    }

    .boxed-grey {
        margin-bottom: 30px;
    }

    .sphyouzi {}

    .pyoko10 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width:480px) {

    .navbar-custom .nav.navbar-nav {

        background-color: rgba(255, 255, 255, 0.2);

    }

    .navbar.navbar-custom.navbar-fixed-top {
        margin-bottom: 2px;
    }

    .tp-banner-container {
        padding-top: 40px;
    }

    .page-scroll a.btn-circle {
        width: 40px;
        height: 40px;
        margin-top: 10px;
        padding: 7px 0;
        border: 2px solid #fff;
        border-radius: 50%;
        font-size: 20px;
    }

}

.hhh {

    margin: 0 0 30px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    display: block;

}


.tleft {
    text-align: left !important;
}

#fh5co-footer ul {
    padding: 0;
    margin: 0;
}

#fh5co-footer ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

#main_txt {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding-top: 76px;
    width: 362px;
    height: 122px;
    text-align: center;
}

.rsample {
    width: 100px;
    margin: 0 auto;
    z-index: 120;
    height: 100%;
    padding: 20% 0 0 0;
    bottom: 200px;
}

.rsample span {
    position: absolute;

    left: 0px;
    width: 100%;
    text-align: center;
    color: #fff;


}

.rsample img {
    width: 100px;
    margin: 0 auto;
    position: absolute;
    bottom: 100px;
    text-align: center;
}

.rsample .page-scroll {
    width: 100px;
    margin: 0 auto;
    position: absolute;
    bottom: 100px;
    text-align: center;

}

@media (min-width:1281px) {

    .rsample {
        width: 100px;
        margin: 0 auto;
        z-index: 1200;

        bottom: 500px;
        height: 100%;
        padding: 20% 0 0 0;


    }

    .rsample span {
        position: absolute;
        top: 140px;
        left: 0px;
        width: 100%;
        text-align: center;
        color: #fff;
        text-shadow: -1px 1px 1px #000;
        clear: both;


    }

    .rsample img {
        width: 100px;
        margin: 0 auto;

        text-align: center;
        clear: both;
    }

    .rsample .page-scroll {
        width: 100px;
        margin: 0 auto;
        position: absolute;
        top: 560px;
        text-align: center;

    }

    .sptop {
        /*margin-bottom: -290px;*/
        clear: both;
    }


}

@media only screen and (max-width: 1280px) and (min-width: 660px) {


    .rsample {
        width: 100px;
        margin: 0 auto;
        z-index: 1200;
        height: 100%;
        padding: 20% 0 0 0;
        bottom: 240px;
    }

    .rsample span {
        position: absolute;
        top: 100px;
        left: 0px;
        width: 100%;
        text-align: center;
        color: #fff;
        clear: both;


    }

    .rsample img {
        position: absolute;
        top: 400px;
        margin: 0 auto;
        position: absolute;
        top: 200px;
        text-align: center;
        clear: both;
    }

    .rsample .page-scroll {
        width: 100px;
        margin: 0 auto;
        position: absolute;
        top: 260px;
        text-align: center;

    }

    .sptop {
        /*margin-bottom: -180px;*/

    }



}

@media (max-width:659px) {


    .rsample {
        width: 100px;
        margin: 0 auto;
        z-index: 1200;
        height: 100%;
        padding: 20% 0 0 0;
        bottom: 100px;
    }

    .rsample span {
        position: absolute;
        top: 100px;
        left: 0px;
        width: 100%;
        text-align: center;
        color: #fff;
        clear: both;


    }

    .rsample img {
        width: 180px;
        margin: 0 auto;
        position: absolute;
        top: 100px;
        text-align: center;
        clear: both;
    }

    .rsample .page-scroll {
        width: 100px;
        margin: 0 auto;
        position: absolute;
        top: 120px;
        text-align: center;

    }

    .sptop {
        /*margin-bottom: -100px;*/
    }



}




.midasi11 {
    position: relative;
    padding-bottom: .5em;
    border-bottom: 5px solid #d5d5d5;
    font-size: px;
    font-weight: ;
    color: #5e5e5e;
    font-weight: bold;
    letter-spacing: 1.2px;
}

.midasi11::after {
    position: absolute;
    bottom: -5px;
    left: 0;
    z-index: 2;
    content: '';
    width: 26%;
    height: 5px;
    background-color: #9cc842;
}


.sabu {

    color: #9cc842;
    font-weight: bold;
    font-size: 15px;

}

@media only screen and (max-width: 767px) {
    .midasi11 {
        position: relative;
        padding-bottom: .5em;
        border-bottom: 5px solid #ddd;
        font-size: px;
        font-weight: ;
        color: #5e5e5e;
        font-size: 18px;
    }

    .midasi11::after {
        position: absolute;
        bottom: -5px;
        left: 0;
        z-index: 2;
        content: '';
        width: 20%;
        height: 5px;
        background-color: #9cc842;
    }

    .sabu {

        color: #9cc842;
        font-weight: bold;
        font-size: 12px;

    }


}

@media only screen and (min-width: 768px) {
    .read011 {
        font-size: 26px;
        font-family: "Times New Roman", Times, serif;
        font-weight: normal;
        margin-top: 0px;
        margin-bottom: 20px;
        color: #000;
        line-height: 134%;
        letter-spacing: 1px;
        font-weight: 600;

    }


    .section-heading h2 {
        font-size: 26px;

    }

}

@media only screen and (max-width: 767px) {
    .read011 {
        font-size: 20px;
        font-family: "Times New Roman", Times, serif;
        font-weight: normal;
        margin-top: 0px;
        margin-bottom: 20px;
        color: #000;
        line-height: 122%;
        letter-spacing: 1px;
        font-weight: 600;
    }

    .section-heading h2 {
        font-size: 20px;

        line-height: 122%;
    }
}

.mb10 {
    padding-bottom: 10px;

}


.mb15 {
    padding-bottom: 15px;

}




.mb20 {
    padding-bottom: 20px;

}


.mb30 {
    padding-bottom: 30px;

}

.mb40 {
    padding-bottom: 40px;

}

.aka {
    color: #ea0012;
}

.ao {
    color: #1455b6;
}

ul {
    paddig-left: 0px;
    -webkit-padding-start: 0px !important;
}

.clear {
    clear: both;
}


.btn-warningao {
    color: #ffffff;
    background-color: #af1e29;
    border-color: #af1e29;

}


.btn-warningao:hover {
    color: #fff !important;
    background-color: #af1e29;
    border-color: #af1e29;


}

.btn-warningaoao {
    color: #ffffff;
    background-color: #00436e;
    border-color: #00436e;
    border-radius: 2px;
    padding: 11px;

}


.btn-warningaoao:hover {
    color: #fff !important;
    background-color: #003355;
    border-color: #003355;
    border-radius: 2px;
    padding: 11px;

}



.btn-warningaoao1 {
    color: #ffffff !important;
    background-color: #00436e;
    border-color: #00436e;
    border-radius: 0px;
    padding: 10px;
    width: 100%;

}


.btn-warningaoao1:hover {
    color: #fff !important;
    background-color: #003355;
    border-color: #003355;
    border-radius: 0px;
    padding: 10px;
    opacity: 0.8;
    width: 100%;

}


.btn-warningmizuiro {
    color: #ffffff;
    background-color: #009ded;
    border-color: #009ded;
    border-radius: 0px;
    padding: 10px;

}


.btn-warningmizuiro :hover {
    color: #fff !important;
    background-color: #009ded;
    border-color: #009ded;
    border-radius: 0px;
    padding: 10px;
    opacity: 0.8;

}


.list02 {

    padding: 0;
    margin: 0;
}

.list02 li {
    list-style: none;
    padding: 0 0 0 0px;
    margin: 0;
    font-size: 13px;
    line-height: 30px;
    font-weight: 400;
}

.list02 li a {
    color: #1e1e1e;
}


@media only screen and (min-width: 768px) {
    .copyright {
        font-size: 14px !important;
        font-weight: ;
        text-align: center;
        margin: 1em auto;
        display: block;
        padding: 10px 0;
        padding-bottom: 0px;
        border-top: dotted 0px #ccc;
        color: #;
        padding-bottom: 60px;

    }

    .pcgazou {}

    .spgazou {
        display: none;
    }

    .sphyouziclear {
        display: none;
    }

    .f26 {
        font-size: 26px;
    }

}



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

    .copyright {
        font-size: 14px !important;
        font-weight: ;
        text-align: center;
        margin: 1em auto;
        display: block;
        padding: 10px 0;
        padding-bottom: 0px;
        border-top: dotted 0px #ccc;
        color: #;
        padding-bottom: 10px;

    }

    .spgazou {}

    .pcgazou {
        display: none;
    }

    .sphyouziclear {
        clear: both;
    }

    .f26 {
        font-size: 20px;
    }

}


#fh5co-clients {
    padding: 0.3em 0;
    background: #00436e;
    position: fixed !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1000;
}




.fh5co-page-heading-lead {
    text-align: center;
    padding: 0px 0 60px 0;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.fh5co-page-heading-lead {
    position: relative;
    padding-bottom: 20px;
}

@media only screen and (min-width: 768px) {
    .fh5co-page-heading-lead .fh5co-border {
        width: 100px;
        height: 5px;
        background: #1455b6;
        margin-left: -25px;
        left: 47%;
        bottom: 0;
        position: absolute;

    }

    .midasisaisho {
        font-size: 42px;
        font-weight: 600;

        color: #222222;
    }
}

@media only screen and (max-width: 767px) {
    .fh5co-page-heading-lead .fh5co-border {
        width: 100px;
        height: 5px;
        background: #1455b6;
        margin-left: -25px;
        left: 43%;
        bottom: 0;
        position: absolute;

    }

    .midasisaisho {
        font-size: 28px;
        font-weight: 600;

        color: #222222;
    }
}

.center {
    text-align: center;
}

.c33 {
    color: #333;
}

.ao {
    color: #1455b6;
}

.help-block1 {
    /* display: block; */
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

.pad-top40 {
    padding-top: 40px;
}

.brdrbtm {
    color: #333;
    font-size: 120%;
    border-bottom: #333 dotted 1px;
    letter-spacing: 0.9px;
    font-weight: bold;
    line-height: 32px;
}

.gly-bk {
    background-color: #eaeaea;
    padding: 10px 10px;
    width: auto;
    padding: 20px;
}

#load1 {
    background: url(skin/preloader.gif) 0 0 no-repeat;
}

.right {
    text-align: right;
}

table {
    font-size: 14px;

}


a .wakukoe {
    background: #1455b6 !important;
    padding: 20px !important;
    color: #FFF !important;
}

a:hover .wakukoe {
    background: #333333 !important;
    padding: 20px !important;
    color: #FFF !important;
}

.sirowaku {
    background: #ffffff;
    color: #000;
    font-size: 18px;
    padding: 15px;
    font-weight: 600;
}

.f20 {
    font-size: 20px;
}

.border3 {
    border: solid 4px #1455b6;
    padding: 20px;
}

h5 {
    margin: 0 0 15px !important;
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.sensen {

    border: 0;
    border-top: 1px dotted #333333;
}

.fom {}

.btn-warningaopdf {

    background-color: #ffffff;

    border-color: #333333;
    font-weight: 600;
    color: #333;
}

a:hover .btn-warningaopdf {

    background-color: #e3f2fc;

    border-color: #333333;
    font-weight: 600;
    color: #333;
}



.menu {
    /* height: 500px;
  width: 500px;
  margin: 100px auto;
  padding: 50px;
  background: #fff;*/
    font-weight: ;
    color: #000000;
}

input[type="checkbox"].on-off {
    display: none;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

.menu li {
    padding: 15px;
    font-size: 19px;
    color: #000000;
}

input[type="checkbox"].on-off+ul {
    display: none;
}

input[type="checkbox"].on-off:checked+ul {
    display: block;
}



.ao1 {
    color: #1455b6 !important;
}


.box-gray {
    background: #e8e8e8;
    padding: 20px 20px 25px;
}

.pb225 {
    margin-bottom: -25px;
}

.box-bottom {
    background: #005BC6;
    padding: 15px 0;
    text-align: center;
    color: #FFF;
}

.aligncenter {
    text-align: center;
}

.bold {
    font-weight: bold;

}

.clearfix {
    zoom: 1;
}

ul,
ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

.staff-list li:nth-child(odd) {
    margin-right: 16px;
}

.staff-list li {
    border: #8C6900 1px solid;

    float: left;
    max-width: 520px;
    margin-bottom: 20px;
    position: relative;
}


@charset "UTF-8";

* {
    padding: 0;
    margin: 0;
}


section,
article,
header,
nav,
aside,
footer,
canvas,
details,
figure,
figcaption,
hgroup,
menu,
summary {
    display: block;
}


img {
    border: none;
}



ul,
ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

@media only screen and (max-width: 767px) {
    #slideMenu {
        display: block;
    }



    nav#global {
        display: none;
    }

    nav#global ul {
        width: 100% !important;
        height: auto !important;
        font-size: 108%;
        letter-spacing: 2px !important;
    }

    nav#global ul li {
        width: 100% !important;
        height: auto !important;
    }

    nav#global ul li a {
        border-left: none;
        border-right: none;
        border-top: 1px solid #515151;
        margin: 0;
        margin-bottom: -1px;
    }

    nav#global img#mailIcon {
        top: 1.15em;
    }

    .twoLine {
        display: inline;
        height: 1.3em;
        margin-top: 0;
    }

    nav#global ul#contact li.freedial {
        font-size: 88%;
        letter-spacing: 0;
        border-top: 1px solid #CCC;
        background: #EFEFEF;
        line-height: 0;
        padding: 5px 0;
    }

    nav#global ul#contact li .dialTitle {
        margin-top: 1.1em;
    }

    nav#global .freedial .dialCopy {
        margin: 0.8em;
    }

    nav#global .freedial .dialNumber {
        font-size: 1.6em;
        margin: 0.1em;
        margin-bottom: 0.6em
    }

    nav#global ul#contact li.linedial {
        max-width: none;
    }

    nav#global ul#contact li.linedial a {
        width: 100%;
        background: #39D52C;
    }

    nav#global ul#contact li.linedial img {
        width: 20%;
    }

    nav#global ul#contact li#reservedial {
        border-top: 1px solid #515151;
    }

    nav#global ul#navimenu {
        margin-top: 0;
    }

    #topicBox {
        position: relative;
    }

    .guideBox {
        font-size: 11px;
    }

    .hotelcap p {
        display: none;
    }

    .more {
        display: none;
    }

    .textBox {
        width: 90%;
        float: none;
        margin: 0 auto;
        margin-bottom: 2em;
    }

    .photoBox {
        width: 60%;
        min-width: 250px;
        margin: 0 auto 45px auto;
        float: none;
    }

    nav#chanel ul#orderNavi li.request ul li a {
        width: 140%;
    }

    footer nav ul {
        padding-top: 0;
    }

    .nbxTopimage .imageCopy {
        top: 30%;
    }
}

@media only screen and (min-width: 768px) {
    nav#global {
        display: block !important;
    }
}

@media only screen and (max-width: 600px) {
    #mapMenu li a {
        padding: 0.25em 1em;
    }

    .mapicon {
        width: 28px;
        top: -12px;
        left: 0.25em;
    }

    .photoicon {
        width: 28px;
        top: -9px;
        left: 0.25em;
    }

    ol#topicpath {
        width: 100%;
        margin-top: 0.5em;
    }

    #addressBox {
        width: 100%;
        float: none;
        display: inline-block;
        height: auto;
        padding-bottom: 1em;
    }

    .hotelName br {
        display: none;
    }

    #googlemapBox iframe {
        width: 100% !important;
    }

    nav#chanel {
        line-height: 0;
    }

    nav#chanel ul {
        display: inline-block;
        background: #FAF7F3;
    }

    nav#chanel ul#sideNavi li {
        width: 33.3%;
        margin-top: 1px;
    }

    nav#chanel ul#sideNavi li a {
        border-bottom: 1px solid #C9B4A0;
    }
}

@media only screen and (max-width: 540px) {
    header #logo {
        max-width: 240px;
    }

    nav#global ul li a {
        padding: 0.75em 0.5em;
    }

    nav#global ul li.request ul li a {
        padding: 0.75em 0.5em;
    }

    nav#global ul li.request ul li a:hover {
        padding: 0.75em 0.5em;
    }

    .imageCopy {
        font-size: 100% !important;
    }

    div#tabmenu {
        width: 90%;
        padding: 0 5%;
    }

    #mapBox {
        width: 100%;
    }

    #mapBox a.point {
        padding: 0;
    }

    #grbadge {
        width: 60px;
        top: -15px;
        right: -15px;
    }

    .guideBox {
        top: 15%;
        left: 10%;
        font-size: 10px;
    }

    .imgcontainer {
        width: 85%;
        float: none;
        margin: 1% auto;
    }

    .hotelcap {
        width: 100%;
        float: none;
        margin: 1% auto;
        font-size: 92%;
        text-align: center;
    }

    .hotelcap h1,
    .hotelcap h2 {
        line-height: 1.5em;
    }

    #mapMenu li a.point {
        padding: 0;
    }

    #mapMenu li a {
        padding: 0.25em 0.75em;
    }

    nav#chanel ul#orderNavi li.request ul li a {
        width: 200%;
    }

    .textBox h1 {
        font-size: 128%;
        letter-spacing: 0;
    }

    .textBox h1 br {
        display: none;
    }

    footer #okuraLogo {
        width: 70px;
        float: none;
        margin-bottom: 1em;
    }

    footer nav ul li {
        width: 50%;
    }

    footer nav ul li a {
        border-left: 1px solid #464646;
        margin-right: -1px;
    }

    div.scrollFadeView a.topBtn {
        bottom: 9em;
    }
}

@media only screen and (max-width: 479px) {
    #topImages #photoPc {
        display: none;
    }

    #topImages #photoSp {
        display: block;
    }

    #mapMenu li {
        font-size: 80%;
    }

    #mapMenu li a.point {
        font-size: 12px;
    }

    nav#chanel ul#sideNavi li,
    nav#chanel ul#orderNavi li {
        width: 100%;
        margin-top: 1px;
    }

    nav#chanel ul#sideNavi li a {
        border-bottom: 1px solid #C9B4A0;
    }

    nav#chanel ul#orderNavi li.request {
        position: relative;
        z-index: 100;
    }

    nav#chanel ul#sideNavi li.request03 {
        position: relative;
        z-index: 110;
    }

    nav#chanel ul#orderNavi li.request ul li a {
        padding: 0 2%;
        width: 95.8%;
    }

    nav#chanel ul#orderNavi li a {
        border-color: #5E4512;
        border-top-color: #fff;
    }

    nav#global ul li.linedial a {
        background: #39D52C;
    }

    nav#global ul li.linedial a img {
        display: block;
        width: 40%;
        margin: 0 auto;
        padding: 0.2em 0 0.5em 0;
    }

    nav#global ul#contact li.linedial img {
        width: 35%;
    }
}

@media only screen and (max-width: 767px) {
    #topicBox {
        padding-top: 1.25em;
    }

    #spGNaviWrap {
        display: block;
        line-height: 0;
    }

    #spGNavi {
        display: inline-block;
        width: 100%;
    }

    #spGNavi li {
        float: left;
        width: 25%;
        text-align: center;
        height: 48px;
        line-height: 48px;
        color: #FFF;
        border-top: 1px solid #592677;
        border-bottom: 1px solid #592677;
    }

    #spGNavi .request2 {
        position: relative;
    }

    #spGNavi li a {
        font-size: 1.2em;
        background: #592677;
        color: #fff;
        text-decoration: none;
        display: block;
        border-left: 1px solid #fff;
        margin-left: -1px;
    }

    #spGNavi li a:hover {
        background: #f7f7f7;
        color: #592677;
        font-weight: bold;
        border-right: 1px solid #592677;
    }

    #mailIcon2 {
        width: 2.25em;
        margin-right: 0.5em;
        vertical-align: middle;
    }

    #spGNavi .request2 .reSelect {
        display: none;
        position: absolute;
        z-index: 88888888;
        width: 100%;
    }

    #spGNavi li.request2 .reSelect li {
        width: 100%;
        border: none;
        margin-top: 0;
    }

    #spGNavi li.request2 .reSelect li a {
        background: #8E2B8D;
        border-top: 1px solid #fff;
    }

    #spGNavi li.request2 .reSelect li a:hover {
        background: #EAD1E6;
        border-top: 1px solid #8E2B8D;
    }

    #spGNavi li.freedial2 {
        width: 50%;
        background: #f7f7f7;
        border: 1px solid #592677;
        border-left: none;
        border-right: none;
    }

    #spGNavi li.linedial2 a {
        width: 100%;
        background: #39D52C;
        border: 1px solid #592677;
        border-left: none;
        border-right: none;
        padding-top: 0.5em;
    }

    #spGNavi li.freedial2 .dialBox {
        display: inline-block;
    }

    #spGNavi li.freedial2 .dialText {
        float: left;
        color: #622986;
    }

    #spGNavi li.freedial2 .dialTitle {
        font-weight: bold;
        margin: 0.7em 0;
        margin-right: 0.75em;
        color: #FFF;
        line-height: 1.4em;
        float: left;
        font-size: 10px;
        padding: 0.3em 0.75em;
        background: #622986;
    }

    #spGNavi li.freedial2 .dialCopy {
        font-size: 10px;
        margin: 0.75em 0 0.25em 0;
        text-align: left;
        line-height: 1em;
    }

    #spGNavi li.freedial2 .dialNumber,
    #spGNavi li.freedial2 .dialNumber a {
        font-weight: bold;
        margin: 0.25em 0;
        text-align: center;
        line-height: 1em;
        font-size: 1.5em;
        letter-spacing: 0;
    }

    #spGNavi li.freedial2 .dialNumber a {
        font-size: 1em;
        background: none;
        color: #592677;
        display: inline;
        border: none;
    }

    #spGNavi li.freedial2 .dialNumber img {
        width: 1.1em;
        margin-right: 0.25em;
        vertical-align: bottom;
    }
}

@media only screen and (max-width: 599px) {
    #spGNavi li {
        width: 100%;
        margin-top: -1px;
    }

    #spGNavi li.freedial2 {
        width: 100%;
    }

    .list-map {
        display: block;
    }

    #hotel-map {
        display: none;
    }

    .hotel-list_title {
        display: block;
        width: 94%;
        margin: 20px 0 10px 2%;
        border-left: #BE8600 5px solid;
        padding-left: 10px;
        font-size: 13px;
    }
}

@media only screen and (max-width: 340px) {
    #spGNavi li {
        width: 100%;
    }

    .list-map {
        display: block;
    }

    #hotel-map {
        display: none;
    }

    .hotel-list_title {
        display: block;
        width: 94%;
        margin: 20px 0 10px 2%;
        border-left: #BE8600 5px solid;
        padding-left: 10px;
        font-size: 13px;
    }
}

@charset "UTF-8";
@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1040px) {
    #aboutNavi li a {
        font-size: 116%;
    }
}

@media only screen and (max-width: 950px) {
    .toiawaseBox {
        padding: 5%;
    }

    .telBox {
        width: 96%;
        margin: 2% 0;
    }

    .annaiBox {
        width: 100%;
        border-left: none;
        border-top: 1px solid #c8c8c8;
        padding: 4% 0% 0%;
        margin-top: 15px;
    }

    #aboutNavi li a {
        width: 96%;
        font-size: 116%;
    }

    .kotira {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
    .pageTitle {
        padding: 10px 3%;
    }

    .kojinNavi {
        width: 94%;
    }

    .hojinNavi {
        width: 94%;
    }

    .shinkiBotton {
        width: 82%;
    }

    .memberNavi {
        padding-bottom: 30px;
    }

    .tokuchoTxt {
        width: 94%;
    }

    .tokuchoImg {
        width: 100%;
    }

    .miryokuTxt {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1em;
    }

    .miryokuImg {
        width: 50%;
    }

    .customerImg {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2em;
    }

    .customerTxt {
        width: 100%;
    }

    .voiceText {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1em;
    }

    .voicePhoto {
        width: 100%;
        margin-right: 0;
    }

    .tokuchoCont {
        position: relative;
    }

    .tokuchoNum {
        float: none;
        position: absolute;
        top: 3%;
        left: 3%;
        z-index: 99;
        padding-top: 0;
    }

    .tokuchoNumW {
        color: #fff;
    }

    .tokuchoBox {
        width: 100%;
    }

    .memberTxtBox {
        width: 100%;
        margin-bottom: 20px;
    }

    .memberImgBox {
        width: 100%;
        float: none;
        text-align: center;
    }

    .cardImg {
        width: 31.33%;
        display: inline-block;
        float: none;
        margin: 0;
    }

    .memberImgBox {
        width: 100%;
    }

    .riyoken {
        width: 66.6%;
        margin: 0 16.65%;
    }

    .kaigyo {
        clear: left;
    }

    .flow {
        float: none;
        width: auto;
        height: auto;
        padding: 1.5%;
    }

    .flowCopy {
        margin: 0.5em 0;
    }

    .arrowImg {
        width: 40px;
        height: auto;
        line-height: 1;
        margin: 0.5em auto;
        float: none;
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }

    .arrowCenter {
        display: inline;
        margin: 0 0.25em;
    }
}

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

@media only screen and (max-width: 580px) {
    .miryokuImg {
        width: 100%;
    }
}

@media only screen and (max-width: 500px) {
    .topicTitle {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 420px) {
    .toiawaseNumber {
        font-size: 220%;
        height: 30px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .kaiinBox {
        width: 96%;
    }

    .shinkiKaiinkenButton {
        width: 100%;
    }

    .shinkiKaiinkenButton a {
        width: 75%;
    }
}


@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);

#main-wrapper {
    width: %;
    padding: 1% 2%;
    max-width: px;
    margin: 2% auto;
}

#main_contents {
    max-width: 1280px;
    margin: 0 auto;
}

.title-staff {
    text-align: center;
    margin-bottom: 6%;
}

.staff-list li {
    border: #8C6900 1px solid;
    border: #1455b6 3px solid;
    float: left;
    max-width: 520px;
    margin-bottom: 20px;
    position: relative;
}

.staff-list li:nth-child(odd) {
    margin-right: 16px;
}

.staff-photo {
    display: block;
    float: left;
    margin-right: 4%;
}

.staff-list li dl {
    float: left;
    max-width: 305px;
    padding: 20px 0;
    width: 50%;
}

.staff-list li dt {
    color: #1F1F1F;
    font-size: 30px;
    margin-bottom: 20px;
}

.staff-list li dt span {
    display: block;
    padding: 0 0 5px 0;
    font-size: 18px;
}

.staff-list li dt em {
    display: block;
    padding-top: 10px;
    font-weight: normal;
    font-style: normal;
}

.staff-list li dd {
    color: #666;
    font-size: 16px;
    line-height: 1.6;
}

.staff-list li a {
    display: block;
    max-width: 120px;
    position: absolute;
    right: 4%;
    bottom: 4%;
}

.staff-list li.select {
    display: block;
    opacity: 0.50;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    position: relative;
    z-index: 1;
}

@media(max-width:1024px) and (min-width: 769px) {
    .staff-list li {
        max-width: none;
        width: 48%;
    }

    .staff-list li a {
        display: block;
        max-width: 120px;
    }

    .staff-photo {
        display: block;
        float: left;
        margin-right: 4%;
    }

    .staff-list li dl {
        width: 49%;
    }
}

@media(max-width:768px) and (min-width: 481px) {
    .staff-list li {
        max-width: none;
        padding: 20px 0 0 0;
        position: relative;
        width: 48%;
        height: 665px;
    }

    .staff-photo {
        width: 85%;
        height: auto;
        margin: 0 auto;
        float: none;
    }

    .staff-list li dl {
        float: none;
        max-width: none;
        padding: 20px 0;
        margin: 0 auto;
        width: 85%;
    }

    .staff-list li a {
        max-width: 120px;
        margin: 0 auto 10px;
        position: absolute;
        right: 30%;
        bottom: 0%;
    }

    .staff-list li:nth-child(odd) {
        margin-right: 15px;
    }
}



@media only screen and (max-width: 480px) {
    .staff-list li {
        margin-bottom: 10px;
        float: none;
    }

    .staff-list li:nth-child(odd) {
        margin-right: 0;
    }

    .title-staff img {
        display: block;
        height: auto;
        margin: 0 auto;
        width: 80%;
    }

    .staff-photo {
        margin-right: 2%;
        height: auto;
        width: 20%;
    }

    .staff-list li dl {
        padding: 10px 0 0;
        width: 65%;
    }

    .staff-list li dt {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .staff-list li dt span {
        font-size: 13px;
        padding: 0;
    }

    .staff-list li dt em {
        padding-top: 5px;
    }

    .staff-list li dd {
        display: none;
    }

    .staff-list li a {
        right: 5px;
        max-width: none;
        bottom: 0;
        width: 25%;
    }

    .staff-list li a img {
        height: auto;
        width: 100%;
    }
}

.detail-name {
    color: #1F1F1F;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.detail-name span {
    display: block;
    font-size: 18px;
    font-weight: normal;
    padding-top: 20px;
}

.staff-detailbox {
    margin: 0 auto 3.5%;
}

.staff-detail li {
    max-width: 460px;
}

.staff-detail li dt {
    color: #664C00;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 20px;
}

.staff-detail li dt span {
    font-size: 26px;
}

.staff-detail li dd {
    color: #666;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 40px;
}

.left-staffbox {
    float: left;
}

.right-staffbox {
    float: right;
}

.visual-wrapper {
    max-width: 640px;
    margin: 0 auto 6%;
}

.youtube iframe {
    width: 100%;
}

#photoPc img {
    display: block;
    height: auto;
    width: 100%;
}

#photoSp img {
    display: block;
    height: auto;
    width: 100%;
}



@media(max-width:768px) and (min-width: 481px) {
    .staff-detail li {
        width: 100%;
        max-width: none;
    }

    .staff-detailbox {
        max-width: 768px;
        margin: 0 auto;
    }

    .staff-detail li dt {
        font-size: 18px;
    }

    .staff-detail li dt span {
        font-size: 20px;
    }

    .left-staffbox {
        float: none;
    }

    .right-staffbox {
        float: none;
    }
}

@media only screen and (max-width: 480px) {
    .detail-name {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .detail-name span {
        font-size: 16px;
    }

    .staff-detailbox {
        max-width: 480px;
    }

    .staff-detail li dt {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .staff-detail li dt span {
        font-size: 18px;
    }

    .staff-detail li dd {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .left-staffbox {
        float: none;
    }

    .right-staffbox {
        float: none;
    }

    .staff-visual img {
        display: block;
        height: auto;
        width: 100%;
    }
}


.lightbox {
    display: none;
}

.qmidasi {

    color: #;
    font-size: 20px !important;
    margin-bottom: px;
    font-weight: 900;
}

.amidasi {
    padding: .5em .75em;
    background-color: #f6f6f6;
}

.haikeil {
    display: inline;
    padding: .1em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    background-color: #999;
    text-align: left !important;
    white-space: nowrap;

}






#recruit {}

#recruit .main h6 {
    border-bottom-color: #F85079;
    margin: 0px 0 20px;
}

#recruit .main h6.sessiontitle {
    border: 2px solid #F85079;
    margin: 40px 0 20px;
    padding: 20px;
    border-radius: 10px;
}

#recruit .main h6.iconFlag {
    margin: 0px 0 20px;
}

#recruit .topImg {
    background: url(../img/bg.jpg) repeat;

    background: url(../img/topImg.png) no-repeat 50% 0 #efefed;
}

#recruit .topImg h6 {
    left: auto;
    right: 0;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 175%;
    letter-spacing: 0.1em;
    color: #333;
    text-shadow:
        0 0 20px #ffffff,
        0 0 20px #ffffff,
        0 0 0.10px #ffffff;

}


.topImg h6:before {
    background: url(../img/nerima.png) no-repeat 0 0;
    width: 178px;
    height: 137px;
    z-index: 1;
    right: 0;
    top: -200px;
    content: " ";
    display: block;
    position: absolute;
}




#recruit .topImg h6:before {
    width: 46px;
    height: 58px;
    display: block;
    position: absolute;
    top: -78px;

    background: url(../img/nerima.png) no-repeat 0 0 !important;
    width: 178px !important;
    height: 137px !important;
    right: 0 !important;
    top: -200px !important;
}


#recruit .topImg h6 span {
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 30px;
    color: #F85079;
    font-weight: bold;
    right: 0;
    top: -150px;
    line-height: 140%;
    color: #008a32;


}

#recruit .topImg h6 {}

#recruit .topNews {
    background: none;
}

#recruit .topNews span {
    color: #f95079;
}

#recruit .pinkBox h3 {
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-top: 0px;
}

#recruit .topTxt {
    background: none;
    padding: 160px 0 90px;
    text-align: center;
}

#recruit.bsession .fr {
    display: none;
}

#recruit.bsession .fl {
    float: none;
}

#recruit .topImg h7 {
    top: 40%;
}

.topImg h6:before {
    background: url(../img/iconMark.svg) no-repeat 0 0;
    background-size: 100% auto;
    width: 46px;
    height: 58px;
    display: block;
    position: absolute;
    top: -78px;
}



@media screen and (max-width: 767px) {
    #recruit .topImg .wrapper {
        margin: 0;
        left: 32%;
        width: 200px;
        height: 34%;
        right: 10%;
        height: 10%;
    }

    #recruit .topImg {
        background-size: 188.2% !important;
        background-position: 13% 0;
        padding-top: 88%;
        background-color: #fff;

    }

    #recruit .topImg h6 {
        font-size: 13px;
        top: 0%;
        text-align: left;

    }

    #recruit .topImg h6:before {
        top: -13em !important;
        width: 21.4%;
        background-size: 100% auto;
        height: auto;
        padding-top: 40% !important;
        background: url(../img/nerima.png);
    }

    #recruit .topImg h6 span {
        font-size: 18px;
        top: -5em;
        text-align: right;
    }

    #recruit .topImg h7 {
        top: 40%;
    }

    #recruit .pinkBox h3 {
        padding: 0;
        margin: 0.5em 0 1em 0;
    }

    #recruit .topTxt {
        display: block;
        padding: 45% 9% 2em;
        width: auto;
    }

    #recruit img.recbnr {
        width: 48%;
    }
}

#recruit .iconFlag:before {
    background: url(../img/iconFlagP.svg) no-repeat 0 0;
}

#recruit .dlList2 a {
    color: #f95079;
}

#recruit #key {
    background: url(../recruit/img/key.jpg) no-repeat 50% 0%;
    background-size: 100% auto !important;
    height: 150px;
}

#recruit #key h6 {
    padding-left: 0px;
}

#recruit #key h6:before {
    display: none;
}

#recruit #key .wrapper {
    top: 30%;
}

#recruit .infoBox h4:before {
    display: none
}

#recruit .subImg {
    position: relative;
}

#recruit .subImg h7 {
    position: absolute;
    right: 45px;
    top: 45px;
    text-align: right;
    font-size: 30px;
}

#recruit .subImg p {
    position: absolute;
    right: 45px;
    top: 200px;
}

#recruit .colorTable th {
    background: #FDCAD7;
    color: #000;
    font-weight: 500;
}

#recruit .olList h3 {
    color: #000;
}

#recruit .olList a {
    color: #F95079;
}

#recruit .olList li:before {
    background: #F95079;
}

#recruit .olList2 li {
    list-style: disc outside;
    margin: 0 0 1em 1.5em;
}

#recruit .dlTime dt {
    color: #f95079;
    border-color: #f95079;
}

#recruit .dlTime h3 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    padding-left: 1.5em;
}

#recruit .dlTime h3:before {
    content: "";
    background: url(../img/iconFlagP.svg) no-repeat 0 0;
    background-size: 100% auto;
    width: 18px;
    height: 23px;
    display: block;
    position: absolute;
    top: 1em;
    left: 0;
}

#recruit .dlTime h4 {
    font-size: 16px;
    margin-bottom: .5em;
}

#recruit.category.ss01 .fl.pc {
    margin: 0 30px 15px 0;
}

#recruit #cvBox {
    background: #f95079;
}

#recruit .cvNav li a {
    color: #f95079;
}

#recruit .cvNav .navArrow {
    background: url(../img/iconArrowP.svg) no-repeat 95% 50% #fff;
}

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

    #recruit #key h1 {
        padding-left: 0;
    }

    #recruit #key .wrapper {
        top: 30%;
    }

    #recruit .subImg {}

    #recruit .subImg h2 {
        right: 5%;
        top: 5%;
        font-size: 20px;
    }

    #recruit .subImg p {
        right: 5%;
        top: 8em;
    }

    #recruit.ss2 .w230 {
        width: 60% !important;
        float: none;
    }
}




.topImg .wrapper {
    position: absolute;
    left: 100%;
    margin-left: -550px;
    margin-bottom: 142px;
    bottom: 0;
    display: block;
}

.topImg {
    background: url(../img/topImg.png) no-repeat 50% 0 #efefed;
    height: 630px;
    position: relative;
    display: block;
    background-size: 1300px auto !important;
}

.topImg h1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 175%;
    letter-spacing: 0.1em;
    position: absolute;
    bottom: 120px;
    left: 0;
}

.topImg h1:before {
    content: "";
    background: url(../img/iconMark.svg) no-repeat 0 0;
    background-size: 100% auto;
    width: 46px;
    height: 58px;
    display: block;
    position: absolute;
    top: -78px;
}

.topImg h2 {
    background: url(../img/topImgTxt.svg) no-repeat 0 100%;
    background-size: 100% auto !important;
    width: 333px;
    height: 101px;
    position: absolute;
    display: block;
    text-indent: -99999px;
    font-size: 1px;
    line-height: 1em;
    left: 0;
    margin: 0;
    bottom: -16px;
}

.topImg .recruitBt {
    background: url(../img/recruitBt.png) no-repeat 0 0;
    background-size: 100% auto;
    width: 370px;
    height: 175px;
    display: block;
    text-indent: -99999px;
    font-size: 1px;
    line-height: 1em;
    position: absolute;
    right: 0;
    bottom: 0;
}

.topRead {
    background: url(../img/topReadBg.jpg) no-repeat 100% 0 #C6DCC5;
    height: 300px;
    background-size: 1300px auto;
}

.topRead p {
    font-size: 16px;
    line-height: 200%;
    padding-top: 110px;
}

@media screen and (max-width: 767px) {
    .topImg {
        height: auto;
        padding-top: 145%;
        background-size: 188.2% !important;
        background-position: 50% 0;
    }

    .topImg h1 {
        font-size: 16px;
        bottom: auto;
        top: 40%;
        letter-spacing: 0;
        left: 3%;
    }

    .topImg h1:before {
        width: 7.1%;
        height: auto;
        padding-top: 10%;
        top: -60%;
    }

    .topImg h2 {
        width: 52%;
        height: auto;
        padding-top: 20%;
        left: auto;
        right: 0;
        bottom: auto;
        top: 53%;
    }

    .topImg .wrapper {
        margin: 0;
        left: 50%;
        height: 100%;
    }

    .topImg .recruitBt {
        width: 90%;
        height: auto;
        padding-top: 40%;
        right: 5%;
        bottom: 4%;
    }

    .topRead {
        display: none;
    }
}


a:hover {
    opacity: 0.7;
}

.pc {
    display: block;
}

.tya {
    color: #603813;
}

.kmidori {
    color: #008a32;
}

.aaka {
    color: #af1e29;
}

.sinside1 {
    background: #FCEFE3;
    background: #e7dcd1;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 10px;

}

.sinsaide1naka {
    background: #FFF;
}


.sidemidori1 {
    background: #67A142;
    background: url(../img/sidemidori1.png) 7px 8px no-repeat #67A142 !important;
    padding: 10px 20px 10px 34px;
    border-bottom: 0px dotted #ccc;
    font-weight: bold;
    color: #ffffff;
    font-size: 100%;
    margin-bottom: 5px;

}

.sidemidori1 a {
    color: #ffffff;
}


.sinside2 {
    background: #FCEFE3;
    background: #ffffff;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 10px;
    border: 1px solid #a57b51;

}

.sinsaide2naka {
    background: #FFF;
}

.sidemidori2 {
    background: #e7dcd1;
    background: url(../img/sideya2.png) 7px 8px no-repeat #e7dcd1 !important;
    padding: 10px 20px 10px 34px;
    border: 1px solid #a57b51;
    font-weight: bold;
    color: #744B23;
    font-size: 100%;
    margin-bottom: 10px;
    border-radius: 4px;

}

.sidemidori2img {
    background: #e7dcd1;
    background: url(../img/sideya2.png) 7px 18px no-repeat #e7dcd1 !important;
    padding: 10px 20px 10px 34px;
    border: 1px solid #a57b51;
    font-weight: bold;
    color: #744B23;
    font-size: 100%;
    margin-bottom: 10px;
    border-radius: 4px;

}


.sidemidori2_1 {
    background: #e7dcd1;
    background: url(../img/sideya2.png) 7px 8px no-repeat #e7dcd1 !important;
    padding: 10px 20px 10px 34px;
    border: 1px solid #a57b51;
    font-weight: bold;
    color: #744B23;
    font-size: 100%;
    margin-bottom: 0px;
    border-radius: 4px;

}


.sidemidori2_2 {
    background: #ffffff;
    margin-top: 3px;
    padding: 10px;
    border: 0px solid #a57b51;
    font-weight: bold;
    color: #454545;
    font-size: 82%;
    line-height: 16px;
    margin-bottom: 0px;
    border-radius: 4px;
}

.sidemidori2 a {
    color: #744B23;
}


.sidemidori2_1 a {
    color: #744B23;
}




.sinside3 {
    background: #FCEFE3;
    background: #e7dcd1;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 10px;

}

.sinsaide3naka {
    background: #FFF;
}


.sidemidori3 {
    background: #67A142;
    background: url(../img/sidemidori3.png) 7px 8px no-repeat #67A142 !important;
    padding: 10px 20px 10px 34px;
    border-bottom: 0px dotted #ccc;
    font-weight: bold;
    color: #ffffff;
    font-size: 100%;
    margin-bottom: 5px;

}

.sidemidori3 a {
    color: #ffffff;
}


.sidemidori4 {
    background: #67A142;
    background: url(../img/sidemidori2.png) 7px 8px no-repeat #67A142 !important;
    padding: 10px 20px 10px 34px;
    border-bottom: 0px dotted #ccc;
    font-weight: bold;
    color: #ffffff;
    font-size: 100%;
    margin-bottom: 5px;

}

.sidemidori4 a {
    color: #ffffff;
}



.sidemidori5 {
    background: #67A142;
    background: url(../img/sidemidori4.png) 7px 8px no-repeat #67A142 !important;
    padding: 10px 20px 10px 34px;
    border-bottom: 0px dotted #ccc;
    font-weight: bold;
    color: #ffffff;
    font-size: 100%;
    margin-bottom: 5px;

}

.sidemidori5 a {
    color: #ffffff;
}



.nakanaka {
    background: url(../img/sideya.png) 7px 8px no-repeat #ffffff !important;
    padding: 10px 20px 10px 34px;
    border-bottom: 1px dotted #ccc;
    font-weight: bold;
    color: #744B23;
    font-size: 100%;
    margin-bottom: 5px;
}



.nakanaka a {

    font-weight: bold !important;
    color: #744B23 !important;

}



.nakanaka1 {
    background: url(../img/sideya.png) 7px 8px no-repeat #ffffff !important;
    padding: 10px 20px 10px 34px;
    border-bottom: 0px dotted #ccc;
    font-weight: bold;
    color: #744B23;
    font-size: 100%;
    margin-bottom: 0px;
    text-align: left;
}



.nakanaka1 a {

    font-weight: bold !important;
    color: #744B23 !important;

}

.tyawaku {

    width: 100%;
    text-align: left;
    background-color: #FFFFFF;
    border: solid 1px #DECFBF;
    padding: 25px;

}

.tyawakunews {
    width: 100%;
    text-align: left;
    background-color: #FFFFFF;
    border: solid 1px #DECFBF;
    padding: 25px;
    height: 200px;
    overflow: auto;
    clear: both;
}

.zyunmidori {
    color: #67a142;
}

.area {
    background-color: #68A243;
    color: #FFFFFF;
    padding: 5px;
    font-size: 16px;
}


.yokoawase {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


.mosimowaku {
    width: 100%;
    text-align: left;
    background: #e7dcd1;
    background-color: #f0f0f0;
    border: solid 0px #DECFBF;

}




h9 {
    position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0 1em;
    background-color: #af1e29;
    font-size: 24px;
    color: #FFF;
    padding: 8px;
    padding-left: 15px;
    padding-right: 40px;
    font-weight: bold;
}

h9::before,
h9::after {
    content: '';
    position: absolute;
}

h9::before {
    top: 100%;
    left: 0;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: transparent;
    border-right-color: #8c0e1e;
}

h9::after {
    top: 0;
    right: 0;
    z-index: 2;
    border-width: 25px 20px;
    border-style: solid;
    border-color: transparent;
    border-right-color: #fff;
}


@media screen and (min-width: 1180px) {
    #key {
        /* background: url(../img/key1.jpg) no-repeat 50% 0%;*/
        background-size: 100% auto !important;
        height: 116px;
        margin-top: 72px;
        color: #fff;
        background-color: #00436e;
    }

    #key h4 {
        color: #fff;
        font-size: 30px;
        font-weight: 500;
        position: relative;
        /*padding-left: 70px;*/
        line-height: 50px;
        letter-spacing: 0em;
        text-align: center;
        padding-top: 20px;

    }

    #key h4:before {
        content: "";
        display: none;
        width: 50px;
        height: 50px;
        background: url(../pharmacy/img/keyIcon.png) no-repeat 0 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    #key h4 span {
        font-size: 20px;
        font-weight: 500;
        display: inline-block;
        padding-left: .3em;
    }

    #key h4 span:before {
        content: "/";
        display: inline-block;
        padding-right: .5em;
    }

}

@media screen and (max-width: 1179px) {
    #key {
        /* background: url(../img/key1.jpg) no-repeat 50% 0%;*/
        background-size: 100% auto !important;
        height: 110px;
        margin-top: 10px;
        color: #fff;
        background-color: #00436e;


    }

    #key h4 {
        font-size: 22px;
        font-weight: 500;
        position: relative;
        /*padding-left: 70px;*/
        line-height: 50px;
        letter-spacing: 0em;
        text-align: center;
        padding-top: 40px;

    }

    #key h4:before {
        content: "";
        display: none;
        width: 50px;
        height: 50px;
        background: url(../pharmacy/img/keyIcon.png) no-repeat 0 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    #key h4 span {
        font-size: 20px;
        font-weight: 500;
        display: inline-block;
        padding-left: .3em;
    }

    #key h4 span:before {
        content: "/";
        display: inline-block;
        padding-right: .5em;
    }
}


.awaseru {
    margin-left: -20px;
    margin-right: -20px;
}

.awaseru1 {
    margin-left: -40px;
    margin-right: -40px;
}

.aob {
    color: #00436e;
    font-weight: bold;
}

.bold {
    font-weight: bold;
}


.contactmidasi1 {
    background: #67A142;
    background: url(../img/.png) 7px 8px no-repeat #67A142 !important;
    padding: 10px 20px 10px 15px;
    border-bottom: 0px dotted #ccc;
    font-weight: bold;
    color: #ffffff;
    font-size: 100%;
    margin-bottom: 5px;
    border-radius: 4px;
}

.oomidasi {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #09c300), color-stop(1.00, #004c15));
    background: -webkit-linear-gradient(#9cc842, #67a142);
    background: -moz-linear-gradient(#9cc842, #67a142);
    background: -o-linear-gradient(#9cc842, #67a142);
    background: -ms-linear-gradient(#9cc842, #67a1422);
    background: linear-gradient(#9cc842, #67a142);




    padding: 10px 20px 10px 20px;
    font-size: 20px;
    color: #FFF;
    font-weight: bold;
    border-radius: 2px;

    margin-bottom: 15px;

}


.toktyoumozi1 {
    background: url(../img/t1.png) 7px 8px no-repeat !important;
    padding: 15px 20px 15px 65px;
    font-size: 20px;
    color: #af1e29;
    color: #71554e;

    font-weight: bold;
    margin-bottom: 15px;

}



.toktyoumozi2 {
    background: url(../img/t2.png) 7px 8px no-repeat !important;
    padding: 15px 20px 15px 65px;
    font-size: 20px;
    color: #71554e;
    font-weight: bold;
    margin-bottom: 15px;

}




.toktyoumozi3 {
    background: url(../img/t3.png) 7px 8px no-repeat !important;
    padding: 15px 20px 15px 65px;
    font-size: 20px;
    color: #71554e;
    font-weight: bold;
    margin-bottom: 15px;

}



.toktyoumozi4 {
    background: url(../img/t4.png) 7px 8px no-repeat !important;
    padding: 15px 20px 15px 65px;
    font-size: 20px;
    color: #71554e;
    font-weight: bold;
    margin-bottom: 15px;

}



.toktyoumozi5 {
    background: url(../img/t5.png) 7px 8px no-repeat !important;
    padding: 15px 20px 15px 65px;
    font-size: 20px;
    color: #71554e;
    font-weight: bold;
    margin-bottom: 15px;

}



.toktyoumozi6 {
    background: url(../img/t6.png) 7px 8px no-repeat !important;
    padding: 15px 20px 15px 65px;
    font-size: 20px;
    color: #71554e;
    font-weight: bold;
    margin-bottom: 15px;

}





.toktyou1 {
    background: url(../img/point/t1.png) 7px 8px no-repeat !important;
    padding: 32px 20px 20px 96px;
    font-size: 20px;
    color: #af1e29;
    color: #71554e;

    font-weight: bold;
    margin-bottom: 15px;

}



.toktyou2 {
    background: url(../img/point/t2.png) 7px 8px no-repeat !important;
    padding: 32px 20px 20px 96px;
    font-size: 20px;
    color: #af1e29;
    color: #71554e;

    font-weight: bold;
    margin-bottom: 15px;

}




.toktyou3 {
    background: url(../img/point/t3.png) 7px 8px no-repeat !important;
    padding: 32px 20px 20px 96px;
    font-size: 20px;
    color: #af1e29;
    color: #71554e;

    font-weight: bold;
    margin-bottom: 15px;

}




.btn-warning1 {
    color: #fff;
    background-color: #F15A24;
    border-color: #F15A24;
}

.btn-warning1:hover {
    color: #fff;
    background-color: #FBB03B;
    border-color: #FBB03B;
}

.btn-warning1:visited {
    color: #fff;
    background-color: #FBB03B;
    border-color: #FBB03B;
}

.orenzi {
    color: #F15A24;
}

.mds-bk_iro {
    background-color: #363480;

    color: #FFF;
    padding: 10px;
    margin: 30px 0;
}

.mds-bk_iro2 {
    background-color: #363480;

    color: #FFF;
    padding: 10px;
    margin: 0 0 10px;
}

/*div中でたてに中央揃え*/
div.outer {
    display: ;
    /* â‘  */
    height: auto;
    width: 100%;
    /* â‘¡ */
    background: #FFF;
    color: #00436e !important;
    border: solid 1px #00436e;
    padding: 8px;
    padding-left: 0px;
    margin-bottom: 5px;
    font-size: 12px;

}

a div.outer:hover {
    display: ;
    /* â‘  */
    height: auto;
    width: 100%;
    /* â‘¡ */
    background: #ffffff;
    background: #cbe2ed;
    color: #FFF;
    border: solid 1px #00436e;
    padding: 8px;
    padding-left: 0px;
    margin-bottom: 5px;

    font-size: 12px;
}


* html div.outer {
    position: relative;
    /* â‘¢ */
}

*+html div.outer {
    position: relative;
    /* â‘¢ */
}

div.vertical_middle {
    display: ;
    /* â‘£ */
    vertical-align: middle;
    /* ⑤ */
}

* html div.vertical_middle {
    position: absolute;
    /* â‘¥ */
    top: 50%;
    /* â‘¥ */
}

*+html div.vertical_middle {
    position: absolute;
    /* â‘¥ */
    top: 50%;
    /* â‘¥ */
}

div.vertical_middle p.inner {
    margin: 0;
    font-size: 13px;
    color: #555555;
}

* html div.vertical_middle p.inner {
    position: relative;
    /* ⑦ */
    top: -50%;
    /* ⑦ */
}

*+html div.vertical_middle p.inner {
    position: relative;
    /* ⑦ */
    top: -50%;
    /* ⑦ */
}

/*／div中でたてに中央揃え*/
.btnmini {
    background: #363480;
    border: 1px solid #363480;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #FFF;
    width: auto;
    padding: 5px 10px;
    text-align: center;
}

/*チェック見出し*/
.heading2 {
    position: relative;
    padding-left: 30px;
    border-bottom: 2px solid #ccc;
    font-weight: bold;
    font-size: 22px;
    line-height: 38px;
}

.heading2:after,
.heading2:before {
    content: '';
    height: 18px;
    width: 4px;
    display: block;
    background: #00A8FF;
    position: absolute;
    top: 8px;
    left: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.heading2:before {
    height: 10px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    top: 16px;
    left: 7px
}

/*チェック見出し*/
.shikaku_arrow {
    background-image: url(../img/shikaku_arrow.png);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 23px;
    list-style: none;
    line-height: 22px;

}

.waku {
    background-color: #DEE7FC;
    padding: 20px;
}

.gly_bk2 {
    background-color: #FFF;
    padding: 5px 15px;
    border: 2px solid #F4F4F4;
    border-radius: 2px;
}

.iro_bk2 {
    background-color: #FFF;
    color: #363480;
    padding: 10px;
    border: #363480 solid 1px;
    text-decoration: none;

}

a .iro_bk2:hover {
    background-color: #363480;
    color: #FFF;
    padding: 10px;
    border: #363480 solid 1px;

}

.iro_bk3 {
    background-color: #FFF;
    color: #363480;
    padding: 20px;
    border: #363480 solid 1px;
    text-decoration: none;

}

a .iro_bk3:hover {
    background-color: #F4F4F4;
    color: #363480;
    padding: 20px;
    border: #363480 solid 1px;

}

.brdr_bottom {
    border-bottom: 1px dotted #cccccc;

}

/*キャッチコピーセンター寄せ*/
@media only screen and (min-width: 993px),
print {
    .fnt_cntr_cath {
        font-size: 26px;
        text-align: center;
        line-height: 30px;
    }
}

@media only screen and (min-width: 391px) and (max-width: 992px) {
    .fnt_cntr_cath {
        font-size: 18px;
        text-align: center;
    }
}

@media only screen and (max-width: 390px) {
    .fnt_cntr_cath {
        font-size: 16px;
        text-align: center;
    }
}


.padtop {
    padding-top: 5px;
}

.cntr {
    text-align: center;
    margin: 0 auto;
}

.pad-btm20 {
    padding-bottom: 20px;
}

.tyabold {
    color: #71554e;
    font-weight: bold;
}



.voicemidasi {
    background: url(../img/wood1.jpg) 0px 8px no-repeat !important;
    padding: 20px 20px 11px 20px;
    font-size: 18px;
    color: #ffffff;
    font-weight: ;
    margin-bottom: 15px;
}


.voicemidasi1 {
    display: block;
    border-left: 8px solid #D3AF8C;
    border-top: 1px solid #D3AF8C;
    border-right: 1px solid #D3AF8C;
    border-bottom: 1px solid #D3AF8C;
    background-color: #;
    padding: 8px 10px;
    text-decoration: none;
    color: #42210B;
    width: 100%;
    margin: 1px 0px;
    text-align: left;
    font-size: 14px;
}

.midori {
    color: #67A142;
}

.contactBox {
    float: left;
    background: #ebebeb;
    width: 100%;
    height: 240px;
    margin: 6px 6px 0 0;
}

.imgdiv {
    padding: 20px 0 15px 0;
    text-align: center;
    position: relative;
}

.title {
    text-align: center;
}


.title a {
    background: url(../img/icon_01.png) no-repeat left 3px;
    padding-left: 15px;
    color: #000;
}


.tit {
    margin-top: 90px;
    background: #a10e08;
    padding: 10px 0;
    text-align: center;
    font-size: 22px;
    color: #fff;

}

.sekouzireimidasi {
    font-size: 18px;
    color: #754C24;
    font-weight: normal;
    border-bottom-width: 1px;
    border-left-width: 10px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #67a142;
    border-left-color: #67a142;
    padding-bottom: 2px;
    padding-left: 10px;
}

.sekoujirei {
    background-color: #ece3da;
    padding: 10px;

}

h3 {
    font-size: 14px;
    font-weight: bold;
    color: #303;
}

.midorimidasi {
    background: #67A142;

    padding: 10px 20px 10px 20px;
    border-bottom: 0px dotted #ccc;
    font-weight: bold;
    color: #ffffff;
    font-size: 100%;
    font-size: 16px;

}

.tyahaikei {
    background: #e7dcd1;

    padding: 10px 20px 10px 20px;
    border: 1px solid #a57b51;
    font-weight: ;
    color: #333333;
    font-size: 100%;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 26px;

}


.tyahaikei1 {
    background: #e7dcd1;
    text-align: center;
    padding: 10px 8px 10px 8px;
    border: 1px solid #a57b51;
    font-weight: bold;
    color: #744B23;
    font-size: 100%;
    margin-bottom: 10px;
    border-radius: 4px;
    font-size: 14px;
    color: #633;
}

.tyahaikei2 {
    background: #e7dcd1;
    text-align: left;
    padding: 25px;
    border: 1px solid #a57b51;
    font-weight: bold;
    color: #744B23;
    font-size: 100%;
    margin-bottom: 10px;
    border-radius: 4px;
    font-size: 15px;
    color: #633;
    line-height: 24px;
}

.f24 {
    font-size: 24px;
}


.point1 {
    background: url(../img/renovation04/p1.png) 7px 8px no-repeat !important;
    padding: 32px 20px 20px 96px;
    font-size: 20px;
    color: #af1e29;
    color: #71554e;

    font-weight: bold;
    margin-bottom: 15px;

}

.point2 {
    background: url(../img/renovation04/p2.png) 7px 8px no-repeat !important;
    padding: 32px 20px 20px 96px;
    font-size: 20px;
    color: #af1e29;
    color: #71554e;

    font-weight: bold;
    margin-bottom: 15px;

}

.point3 {
    background: url(../img/renovation04/p3.png) 7px 8px no-repeat !important;
    padding: 32px 20px 20px 96px;
    font-size: 20px;
    color: #af1e29;
    color: #71554e;

    font-weight: bold;
    margin-bottom: 15px;

}

.tyamidasi {

    padding: 10px;
    font-size: 20px;
    color: #af1e29;
    color: #71554e;
    font-weight: bold;
    margin-bottom: 15px;
    padding-left: 0px;
}


.article {

    line-height: 1.4;
    background: url(img/sprite.svg) no-repeat;
    background-size: 302px 744px;
    background-position: 0 -200px;
    border-bottom: 3px #0bd solid;
    padding: 10px 0 8px 25px;
    margin-bottom: 15px;
    margin: 40px 0 10px;
    font-weight: bold;
    font-size: 1.5rem;
}

.sample {
    position: relative;
    padding: 5px 35px;
    border-bottom: 3px solid #81c2fa;
    font-size: 18px;
    color: #5e5e5e;
    font-weight: bold;
    margin-bottom: 15px;
}

.sample:before,
.sample:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #81c2fa;
    position: absolute;
    top: 11px;
    left: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sample:after {
    top: 12px;
    left: 10px;
    height: 12px;
    width: 12px;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    border: none;
    background: rgba(129, 194, 250, 0.3);
}




.sample1 {
    position: relative;
    padding: 5px 40px;
    border-bottom: 3px solid #;
    font-size: 18px;
    color: #5e5e5e;
    font-weight: bold;
    margin-bottom: 15px;
}

.sample1:before,
.sample1:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid #40210f;
    position: absolute;
    top: 11px;
    left: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sample1:after {
    top: 10px;
    left: 10px;
    height: 18px;
    width: 18px;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    border: none;
    background: rgba(178, 179, 70, 0.3);
}





.sample2 {
    position: relative;
    padding: 5px 40px;
    border-bottom: 3px solid #;
    font-size: 18px;
    color: #5e5e5e;
    font-weight: bold;
    margin-bottom: 15px;
}

.sample2:before,
.sample2:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid #ea5414;
    position: absolute;
    top: 11px;
    left: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sample2:after {
    top: 10px;
    left: 10px;
    height: 18px;
    width: 18px;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    border: none;
    background: rgba(248, 182, 44, 0.3);
}

.akamidasi {
    background: #af1e29;
    padding: 10px 20px 10px 20px;
    border-bottom: 0px dotted #ccc;
    font-weight: bold;
    color: #ffffff;
    font-size: 130%;
    margin-bottom: 15px;
}

.akakakomi {
    padding: 20px;
    font-size: 16px;
    border: solid 1px #af1e29;
    font-weight: bold;
    border-radius: 8px;

}

.koimidorimidasi {
    background: #3c763d;
    padding: 10px 20px 10px 20px;
    border-bottom: 0px dotted #ccc;
    font-weight: bold;
    color: #ffffff;
    font-size: 130%;
    margin-bottom: 15px;
}

.iro_bkgre {
    background-color: #FFF;
    color: #333333;
    padding: 20px;
    border: #999999 solid 2px;
    text-decoration: none;
}

.taisinq {
    font-size: 19px;
    color: #754C24;
    font-weight: normal;
    border-bottom-width: 1px;
    border-left-width: 10px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #67a142;
    border-left-color: #67a142;
    padding-bottom: 2px;
    padding-left: 10px;
}

.taisina1 {
    background: url(../img/questions/a1.png) 7px 8px no-repeat !important;
    padding: 18px 20px 40px 81px;
    font-size: 15px;
    color: #af1e29;
    color: #454545;
    font-weight: ;
    margin-bottom: 20px;
}

.taisina2 {
    background: url(../img/questions/a2.png) 7px 8px no-repeat !important;
    padding: 18px 20px 40px 81px;
    font-size: 15px;
    color: #af1e29;
    color: #454545;
    font-weight: ;
    margin-bottom: 20px;
}

.taisina3 {
    background: url(../img/questions/a3.png) 7px 8px no-repeat !important;
    padding: 18px 20px 40px 81px;
    font-size: 15px;
    color: #af1e29;
    color: #454545;
    font-weight: ;
    margin-bottom: 20px;
}

.taisina4 {
    background: url(../img/questions/a4.png) 7px 8px no-repeat !important;
    padding: 18px 20px 40px 81px;
    font-size: 15px;
    color: #af1e29;
    color: #454545;
    font-weight: ;
    margin-bottom: 20px;
}

.taisina5 {
    background: url(../img/questions/a5.png) 7px 8px no-repeat !important;
    padding: 18px 20px 40px 81px;
    font-size: 15px;
    color: #af1e29;
    color: #454545;
    font-weight: ;
    margin-bottom: 20px;
}

.taisina6 {
    background: url(../img/questions/a6.png) 7px 8px no-repeat !important;
    padding: 18px 20px 40px 81px;
    font-size: 15px;
    color: #af1e29;
    color: #454545;
    font-weight: ;
    margin-bottom: 20px;
}

.tbl01 table tr td {

    padding: 5px;
    text-align: center;
}

.tbl02 table tr td {

    padding: 5px;
    text-align: center;
}

.tbl01 table tr th {

    padding: 5px;
    text-align: center;
}

.tbl02 table tr th {

    padding: 5px;
    text-align: center;
}



.taisintohaie1 {
    background: url(../img/seismic/ie.png) 7px 8px no-repeat !important;
    padding: 20px 20px 23px 76px;
    font-size: 15px;
    color: #754C24;
    font-weight: ;
}



.taisintohaie2 {
    background: url(../img/seismic/ie.png) 7px 8px no-repeat !important;
    padding: 15px 20px 12px 76px;
    font-size: 16px;
    color: #754C24;
    font-weight: ;
}


.taisintohaiemawari {
    background: #FCEFE3;
    padding: 3px;
    border-radius: 4px;
    margin-bottom: 10px;
}



.aj table tr td {

    padding: 5px;

}


.aj table tr th {

    padding: 5px;
}

.aj1 table {
    border-radius: 4px;

}


.aj1 table tr td {
    padding: 10px;
    width: 100%;
    line-height: 24px;
}


.aj1 table tr th {
    padding: 10px;
    width: 100%;
    font-size: 18px;
}


.taisinsindanmawari {
    background: #FCEFE3;
    padding: 3px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.taisinsindanhou {
    background: url(../img/method/sindan.png) 7px 8px no-repeat !important;
    padding: 13px 20px 12px 48px;
    font-size: 16px;
    color: #333333;
    font-weight: ;
}

.fontiro {
    color: #930;
}

.f12 {
    font-size: 12px;
}

.linkaaa {
    padding: 10px 0.5em 8px;
    border-bottom: 1px solid #e5e5e5;
    color: #464646;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
}


.linkaaab {
    padding: 10px 0.5em 8px;
    border-bottom: 1px solid #e5e5e5;
    color: #464646;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
    font-weight: bold;
}








.sl-slider-wrapper {
    width: px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.sl-slider {
    position: absolute;
    top: 0;
    left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.sl-slide {
    z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
    overflow: hidden;
    position: absolute;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
    width: 100%;
    height: 50%;
    left: -200px;
    -webkit-transform: translateY(0%) scale(1);
    -moz-transform: translateY(0%) scale(1);
    -o-transform: translateY(0%) scale(1);
    -ms-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
    top: -200px;
    padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
    top: 50%;
    padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
    width: 50%;
    height: 100%;
    top: -200px;
    -webkit-transform: translateX(0%) scale(1);
    -moz-transform: translateX(0%) scale(1);
    -o-transform: translateX(0%) scale(1);
    -ms-transform: translateX(0%) scale(1);
    transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
    left: -200px;
    padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
    left: 50%;
    padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
    position: absolute;
}

.sl-content {
    width: 100%;
    height: 100%;
    background: #fff;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
    background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
    background: #fff;
}


@media (min-width:1180px) {
    .navbar-brand {
        height: 40px;
        padding: 4px 20px;
        font-size: 18px;
        line-height: 1em;
        margin-top: -8px;
    }

    .navbar-brand img {
        width: 350px;
    }
}


@media (max-width:1179px) {
    .navbar-brand {
        height: 40px;
        padding: 7px 10px;
        font-size: 18px;
        line-height: 1em;
    }

    .navbar-brand img {
        width: 230px;
        margin-top: 3px;
    }
}


@media (min-width:768px) {
    .topue {
        padding-top: 75px;
    }

    .topyoko {}
}


@media (max-width:767px) {
    .topue {
        padding-top: 60px;
    }

    .topyoko {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.titlea {
    background-color: #f5f5f5;
    padding: 14px 15px 10px;
    border-top: 2px solid #00436e;
    font-size: 24px;
    border-bottom: 1px solid #e9e9e9;
}

.iro_bk {
    overflow: hidden;
    padding: 18px;
    border: 3px solid #00436e;
    box-shadow: inset 0px 0px 0px 1px #fff;
    text-decoration: none;
}



a .iro_bk:hover {
    overflow: hidden;
    padding: 18px;
    border: 3px solid #dddddd;
    box-shadow: inset 0px 0px 0px 1px #fff;
    text-decoration: none;
    backgroung-color: #fafafa !important;

}

.row2 {
    margin-left: -20px;
    margin-right: -20px;
    clear: both;
}

.row1 {
    margin-left: -5px;
    margin-right: -5px;
    clear: both;
}

.tatesaizu {
    height: 340px;
}

.tatesaizu1 {
    height: 340px;
}

.pad5 {
    padding-right: 5px !important;
    padding-left: 5px !important;

}


.btn-sidemidasi {
    background-color: #00436e;
    border-color: #00436e;
    font-weight: 600;
    color: #ffffff !important;
    width: 100%;
    text-align: center;
    font-size: 13px;
    padding: 12px;
    border-radius: 0px;
    letter-spacing: 1px;
}

.btn-sidemidasidai1 {
    background-color: #dddddd;
    border-color: #dddddd;
    font-weight: 600;
    color: #00436e !important;
    width: 100%;
    text-align: center;
    font-size: 13px !important;
    padding: 12px;
    border-radius: 0px;
    letter-spacing: 1px;
}




a .btn-sidemidasi:hover {
    background-color: #00436e;
    border-color: #00436e;
    font-weight: 600;
    color: #ffffff !important;
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding: 12px;
    border-radius: 0px;
    letter-spacing: 1.4px;
}

@media only screen and (min-width: 768px) {
    table.formTable {
        width: 100%;
        margin: 0 auto;
        border-collapse: collapse;
    }



    table.formTablecenter {
        width: 100%;
        margin: 0 auto;
        border-collapse: collapse;
    }

    /* 自由に編集下さい */
    #formWrap {
        width: 100%;
        margin: 0 auto;
        color: #555;
        line-height: 120%;
        font-size: 90%;
    }

    table.formTable {
        width: 100%;
        margin: 0 auto;
        border-collapse: collapse;
    }

    table.formTable td,
    table.formTable th {
        border: 1px solid #ccc !important;
        padding: 10px !important;
    }

    table.formTable th {
        width: 30%;
        font-weight: normal;
        background: #F0F5F5;
        text-align: left;
        font-weight: bold;
    }

    table.formTable td .child_area {
        margin: 5px 0 20px 1em;
    }

    table.formTable td .child_area>p {
        margin-bottom: 10px;
    }

    table.formTable td .child_area li {
        margin-bottom: 5px;
        display: flex;
        align-items: flex-start;
    }

    table.formTable td .child_area li span {
        display: block;
        margin-left: 5px;
    }

    table.formTable1 {
        width: 100%;
        margin: 0 auto;
        border-collapse: collapse;
    }

    table.formTable1 td,
    table.formTable1 th {
        border: 1px solid #ccc !important;
        padding: 10px;
    }


    table.formTable1 th {
        width: 30% !important;
        font-weight: normal;
        background: #F0F5F5;
        text-align: left;
        font-weight: bold;

    }

    table.formTable_enkaku {
        width: 100%;
        margin: 0 auto;
        border-collapse: collapse;
    }

    table.formTable_enkaku td,
    table.formTable_enkaku th {
        border: 1px solid #ccc !important;
        padding: 10px;
    }

    table.formTable_enkaku th {
        width: 20%;
        font-weight: normal;
        background: #F0F5F5;
        text-align: left;
        font-weight: bold;

    }



    table.formTablecenter {
        width: 100%;
        margin: 0 auto;
        border-collapse: collapse;
    }

    table.formTablecenter td,
    table.formTablcentere th {
        border: 1px solid #ccc !important;
        padding: 10px;
    }

    table.formTablecenter th {
        width: 30%;
        font-weight: normal;
        background: #F0F5F5;
        text-align: center;
        font-weight: bold;
        padding: 10px;
        border: 1px solid #ccc !important;

    }

    table.formTablecenter td {

        text-align: center !important;


    }

    p.error_messe {
        margin: 5px 0;
        color: red;
    }

    .aotitle {
        color: #00436e;
        font-size: 24px;

    }

    .chach10 {
        font-size: 40px;
        line-height: 56px;
    }
}




@media only screen and (max-width: 767px) {
    table.formTable {
        width: 100%;
    }

    table.formTable td,
    table.formTable th {
        border: 0px solid #ccc;
        padding: 10px;
    }

    table.formTable th {
        width: 100%;
        font-weight: normal;
        background: #F0F5F5;
        text-align: left;
        font-weight: bold;
        padding: 10px;

    }

    .formTable th {
        padding-top: 10px;
        display: block;
        margin-bottom: 3px;
    }

    .formTable td {
        display: block;
        padding-bottom: 15px;
    }

    table.formTable td .child_area {
        margin: 5px 0 20px 1em;
    }

    table.formTable td .child_area>p {
        margin-bottom: 10px;
    }

    table.formTable td .child_area li {
        margin-bottom: 5px;
        display: flex;
        align-items: flex-start;
    }

    table.formTable td .child_area li span {
        display: block;
        margin-left: 5px;
    }


    table.formTable1 {
        width: 100%;
        margin: 0 auto;
        border-collapse: collapse;
    }

    table.formTable1 td,
    table.formTable1 th {
        border: 1px solid #ccc !important;
        padding: 10px;
    }


    table.formTable1 th {
        width: 30%;
        font-weight: normal;
        background: #F0F5F5;
        text-align: left;
        font-weight: bold;

    }




    table.formTable_enkaku td,
    table.formTable_enkaku th {
        border: 0px solid #ccc;
        padding: 10px;
    }

    table.formTable_enkaku th {
        width: 100%;
        font-weight: normal;
        background: #F0F5F5;
        text-align: left;
        font-weight: bold;
        padding: 10px;

    }

    .formTable_enkaku th {
        padding-top: 10px;
        display: block;
        margin-bottom: 3px;
    }

    .formTable_enkaku td {
        display: block;
        padding-bottom: 15px;

    }





    table.formTablecenter td,
    table.formTablecenter th {
        border: 0px solid #ccc;
        padding: 10px;
    }

    table.formTablecenter th {
        width: 100%;
        font-weight: normal;
        background: #F0F5F5;
        text-align: center;
        font-weight: bold;
        padding: 10px;

    }

    .formTablecenter th {
        padding-top: 10px;
        display: block;
        margin-bottom: 3px;
    }

    .formTablecenter td {
        display: block;
        padding-bottom: 15px;
        text-align: center;

    }

    .formTable__text {
        width: 100%;
        display: block;
    }

    .formTable__textarea {
        width: 100%;
        /* display: block; */
    }

    .aotitle {
        color: #00436e;
        font-size: 17px;
    }

    .chach10 {
        font-size: 20px;
    }
}




table.formTablecenter11 {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
}

table.formTablecenter11 td,
table.formTablcentere th {
    border: 1px solid #ccc !important;
    padding: 10px;
}

table.formTablecenter11 th {
    width: 30%;
    font-weight: normal;
    background: #F0F5F5;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    border: 1px solid #ccc !important;

}

table.formTablecenter11 td {

    text-align: center !important;


}

.kakunin1 {
    background: #00436E;
    color: #fff;
    line-height: 60px;
    font-size: 18px;
    margin: 0 5px;
    text-align: center;
    font-weight: bold;
    border-radius: 4px;

}


.kakunin2 {
    color: #333333;
    background: #ECECEC;
    line-height: 60px;
    font-size: 18px;
    margin: 0 5px;
    text-align: center;
    font-weight: bold;
    border-radius: 4px;

}


.btn-defaultcontact {
    color: #FFFFFF;
    /*color: #084ea1;*/
    background-color: #ED7D0C;
    /*background-color: #ffffff;*/
    border-color: #ED7D0C;
    /*border-color: #084ea1;*/
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    font-weight: bold;
    /*追加*/
}

.label-dangerao {
    background-color: #00436E;
}

.bold {
    font-weight: bold;
}

.kon {
    color: #00436e;
}

.red {
    color: #FF0004;
}

.l22 {
    line-height: 22px;
}

.l26 {
    line-height: 26px;
}

.ecot01 {
    background: url(../img/ecochim/t1.png) 0 0 no-repeat;
    padding: 3px 18px 14px 106px;
    border-bottom: 1px dotted #555555;
    font-weight: bold;
    color: #00436e;
    line-height: 32px;
    font-size: 140%;
    margin-bottom: 10px;
}

.ecot02 {
    background: url(../img/ecochim/t2.png) 0 0 no-repeat;
    padding: 3px 18px 14px 106px;
    border-bottom: 1px dotted #555555;
    font-weight: bold;
    color: #00436e;
    line-height: 32px;
    font-size: 140%;
    margin-bottom: 10px;
}


.ecot03 {
    background: url(../img/ecochim/t3.png) 0 0 no-repeat;
    padding: 3px 18px 14px 106px;
    border-bottom: 1px dotted #555555;
    font-weight: bold;
    color: #00436e;
    line-height: 32px;
    font-size: 140%;
    margin-bottom: 10px;
}

.f11 {
    font-size: 11px;
}

.f18 {
    font-size: 18px;
}

.aka-bk {
    background-color: #fff0f3;
    padding: 15px;
    margin-bottom: 10px;
    width: auto;
    border: solid 0px #a91212;
}

img.bigimage {
    display: block;
}

.pp10 {
    padding: 10px;
}

.pp20 {
    padding: 20px;
}

.pp40 {
    padding: 40px;
}


< !--Q&A-->.qa dl {
    width: 650px;
    margin: 80px;
    line-height: 1.8em;
    font-size: 1.4em;
    overflow: hidden;
    _zoom: 1;
}

.qa dl dd,
.qa dl dt {
    text-indent: -2.6em;
    padding: 0 20px 0px 50px;
}

.qa dl dt {
    margin: 20px 20px 0 0;
}

.qa dl dd:first-letter,
.qa dl dt:first-letter {
    font-size: 1.6em;
    font-weight: bold;
    margin-right: 10px;
    padding: 5px;
    font-family: 'Nunito', sans-serif;
}


.qa dl dd {
    margin: 20px 0 -1px 0;
    padding-bottom: 15px;
    border-bottom: 1px #000 dotted;
}


.qa dl dt:first-letter {
    color: #01008a;
}

.qa dl dd:first-letter {
    color: #C7151C;
}

< !--Q&A-->.usumidori {
    color: #0C3;
}

.minusumidori {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", "メイリオ", "Meiryo", "serif" !important;
    color: #0C3;
}

.merit1 {
    background: url(../img/foodlink/m1.png) 0 0 no-repeat;
    padding: 3px 18px 10px 110px;
    border-bottom: 1px dotted #f79800;
    font-weight: ;
    color: #333;
    line-height: 32px;
    font-size: 116%;
    margin-bottom: 10px;
}

.merit2 {
    background: url(../img/foodlink/m2.png) 0 0 no-repeat;
    padding: 3px 18px 10px 110px;
    border-bottom: 1px dotted #f79800;
    font-weight: ;
    color: #333;
    line-height: 32px;
    font-size: 116%;
    margin-bottom: 10px;
}



.merit3 {
    background: url(../img/foodlink/m3.png) 0 0 no-repeat;
    padding: 3px 18px 10px 110px;
    border-bottom: 1px dotted #f79800;
    font-weight: ;
    color: #333;
    line-height: 32px;
    font-size: 116%;
    margin-bottom: 10px;
}


.merit4 {
    background: url(../img/foodlink/m4.png) 0 0 no-repeat;
    padding: 3px 18px 10px 110px;
    border-bottom: 1px dotted #f79800;
    font-weight: ;
    color: #333;
    line-height: 32px;
    font-size: 116%;
    margin-bottom: 10px;
}


.merit5 {
    background: url(../img/foodlink/m5.png) 0 0 no-repeat;
    padding: 3px 18px 10px 110px;
    border-bottom: 1px dotted #f79800;
    font-weight: ;
    color: #333;
    line-height: 32px;
    font-size: 116%;
    margin-bottom: 10px;
}



.merit6 {
    background: url(../img/foodlink/m6.png) 0 0 no-repeat;
    padding: 3px 18px 10px 110px;
    border-bottom: 1px dotted #f79800;
    font-weight: ;
    color: #333;
    line-height: 32px;
    font-size: 116%;
    margin-bottom: 10px;
}


.kanyunagare1 {
    padding: 10px;
    border-bottom: 0px dotted #ccc;
    font-weight: bold;
    color: #0a3d90;
    font-size: 120%;
    margin-bottom: 10px;
    background-color: #bddcf6;
    background-color: #cbdff0;
    text-align: center;
}


.shuri1 {
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 4px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #5d7fbc;
    background-color: #819bcb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));
    background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
    background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
    background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
    background-image: -o-linear-gradient(top, #819bcb, #536f9d);
    background-image: linear-gradient(to bottom, #819bcb, #536f9d);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#819bcb, endColorstr=#536f9d);
    text-align: center;
    padding: 20px;
    font-size: 20px;
    width: 100%;
}


.shuri2 {
    border: 2px solid #bfbfbf;
    text-align: center;
    padding: 20px;
    border-radius: 4px;
    width: 100%;
}

.shuri2 table {
    text-align: center;
}

.free {
    border-bottom: 0px dotted #ccc;
    font-weight: bold;
    color: #f15a24;
    font-size: 24px !important;
    font-weight: bold;
    font-size: 100%;
    margin-bottom: 10px;
    vertical-align: middle !important;

}

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


.tuyomiaaa {
    border: 1px solid #CCCCCC;
    -webkit-box-shadow: #FEFFFF 0px 1px 1px;
    -moz-box-shadow: #FEFFFF 0px 1px 1px;
    box-shadow: #FEFFFF 0px 1px 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 6px;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    padding: 20px 20px 20px 20px;
    text-decoration: none;
    display: inline-block;
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);
    font-weight: bold;
    color: #4A4A4A;
    background-color: #f2f5f6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f5f6), to(#c8d7dc));
    background-image: -webkit-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: -moz-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: -ms-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: -o-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: linear-gradient(to bottom, #f2f5f6, #c8d7dc);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f2f5f6, endColorstr=#c8d7dc);
    font-size: 20px;
    text-align: center;
    width: 100%;

}

.l30 {
    line-height: 30px;
}

.l34 {
    line-height: 34px;
}

.mizuirocc {
    background-color: #dfebf5;
    border-color: #dddddd;
    font-weight: 600;

    width: 100%;
    margin-bottom: 10px;

    padding: 12px;
    border-radius: 0px;
    letter-spacing: 1px;

}

.omiseu {
    background: url(../img/tousibatecrerax/omiseu.png) 0 0 no-repeat;
    padding: 0px 10px 10px 45px;
    border-bottom: 1px dotted #bbb;
    font-weight: bold;
    font-size: 24px !important;
    font-size: 100%;

    margin-bottom: 10px;
}

.glaycc {
    background: #ececec;
    font-weight: 600;
    width: 100%;
    margin-bottom: 10px;
    padding: 12px;
    border-radius: 0px;
    letter-spacing: 1px;
}


@media (min-width:481px) {
    .suzi1 {
        background: url(../img2/su1.png) 0 0 no-repeat;
        padding: 0px 10px 10px 43px;
        border-bottom: 1px dotted #ccc;
        font-weight: bold;
        font-size: 1.5em;
        line-height: 26px;
        margin-bottom: 15px;
    }

    .suzi2 {
        background: url(../img2/su2.png) 0 0 no-repeat;
        padding: 0px 10px 10px 43px;
        border-bottom: 1px dotted #ccc;
        font-weight: bold;
        font-size: 1.5em;
        line-height: 26px;
        margin-bottom: 15px;
    }


    .suzi3 {
        background: url(../img2/su3.png) 0 0 no-repeat;
        padding: 0px 10px 10px 43px;
        border-bottom: 1px dotted #ccc;
        font-weight: bold;
        font-size: 1.5em;
        line-height: 26px;
        margin-bottom: 15px;
    }


    .suzi4 {
        background: url(../img2/su4.png) 0 0 no-repeat;
        padding: 0px 10px 10px 43px;
        border-bottom: 1px dotted #ccc;
        font-weight: bold;
        font-size: 1.5em;
        line-height: 26px;
        margin-bottom: 15px;

    }


    .suzi5 {
        background: url(../img2/su5.png) 0 0 no-repeat;
        padding: 0px 10px 10px 40px;
        border-bottom: 1px dotted #ccc;
        font-weight: bold;
        font-size: 1.5em;
        line-height: 26px;
        margin-bottom: 15px;

    }

    .suzi6 {
        background: url(../img2/su6.png) 0 0 no-repeat;
        padding: 0px 10px 10px 43px;
        border-bottom: 1px dotted #ccc;
        font-weight: bold;
        font-size: 1.5em;
        line-height: 26px;
        margin-bottom: 15px;

    }

    .suzi7 {
        background: url(../img2/su7.png) 0 0 no-repeat;
        padding: 0px 10px 10px 43px;
        border-bottom: 1px dotted #ccc;
        font-weight: bold;
        font-size: 1.5em;
        line-height: 26px;
        margin-bottom: 15px;

    }
}


@media (max-width:480px) {
    .suzi1 {
        background: url(../img2/su1.png) 0 0 no-repeat;
        padding: 0px 10px 10px 43px;
        border-bottom: 1px dotted #ccc;
        font-weight: bold;
        font-size: 1.2em;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .suzi2 {
        background: url(../img2/su2.png) 0 0 no-repeat;
        padding: 0px 10px 10px 43px;
        border-bottom: 1px dotted #ccc;
        font-weight: bold;
        font-size: 1.2em;
        line-height: 24px;
        margin-bottom: 15px;
    }


    .suzi3 {
        background: url(../img2/su3.png) 0 0 no-repeat;
        padding: 0px 10px 10px 43px;
        border-bottom: 1px dotted #ccc;
        font-weight: bold;
        font-size: 1.2em;
        line-height: 24px;
        margin-bottom: 15px;
    }


    .suzi4 {
        background: url(../img2/su4.png) 0 0 no-repeat;
        padding: 0px 10px 10px 43px;
        border-bottom: 1px dotted #ccc;
        font-weight: bold;
        font-size: 1.2em;
        line-height: 24px;
        margin-bottom: 15px;

    }


    .suzi5 {
        background: url(../img2/su5.png) 0 0 no-repeat;
        padding: 0px 10px 10px 40px;
        border-bottom: 1px dotted #ccc;
        font-weight: bold;
        font-size: 1.2em;
        line-height: 24px;
        margin-bottom: 15px;

    }

    .suzi6 {
        background: url(../img2/su6.png) 0 0 no-repeat;
        padding: 0px 10px 10px 43px;
        border-bottom: 1px dotted #ccc;
        font-weight: bold;
        font-size: 1.2em;
        line-height: 24px;
        margin-bottom: 15px;

    }

    .suzi7 {
        background: url(../img2/su7.png) 0 0 no-repeat;
        padding: 0px 10px 10px 43px;
        border-bottom: 1px dotted #ccc;
        font-weight: bold;
        font-size: 1.2em;
        line-height: 24px;
        margin-bottom: 15px;

    }
}


@media (min-width:481px) {
    .suzi {

        padding: 12px 10px 12px 0px;
        border-bottom: 1px dotted #ccc;
        font-weight: ;
        font-size: 1.5em;
        line-height: 26px;
        margin-botttom: 20px;

    }
}



@media (max-width:480px) {
    .suzi {

        padding: 12px 10px 12px 0px;
        border-bottom: 1px dotted #ccc;
        font-weight: ;
        font-size: 1.2em;
        line-height: 24px;
        margin-botttom: 20px;

    }


}

.letter20 {
    letter-spacing: 2px;
}

.l30 {
    line-height: 30px;
}

@media (min-width: 768px) {
    #MainVisualSec {
        padding-top: 8rem;
        background-image: url(../img/b1.png);
        -ms-flex-align: center;
        align-items: center;
        height: 350px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .main-visual {
        padding-top: 7.5rem;
        background-image: url(../img/b1.png);
        -ms-flex-align: center;
        align-items: center;
        height: 350px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    #MainVisualSec .box {
        padding: 3rem;
        background-color: rgba(255, 255, 255, .9);
        width: 610px;
    }

    #MainVisualSec .box .title {
        font-size: 2.142rem;
    }

    .map-area .map-box h3 {
        padding-bottom: 1rem;
        text-align: center;
        border-bottom: 1px solid #e5e5e5;
    }

    .section-base .section-title {
        margin-bottom: 2rem;
        font-size: 2.142rem;
    }

    .map-area .map-box {
        padding: 0 1.8rem 4rem;
    }



}



@media (max-width: 767px) {
    #MainVisualSec {
        padding-top: 13rem;
        height: 350px;
        background-size: 110%;
        background-position: center top;
    }

    .main-visual {
        padding-top: 7.5rem;
        background-image: url(../img/b1.png);
        -ms-flex-align: center;
        align-items: center;
        height: 300px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        padding-top: 13rem;

        background-size: 110%;
        background-position: center top;
    }


    #MainVisualSec .box {
        padding: 2rem 2rem 1.5rem;
        background-color: #fff;
        width: 100%;
        font-size: .875rem;
    }

    #MainVisualSec .box .title {
        font-size: 1.8rem;
    }

    .map-area .map-box h3 {
        font-size: 1.8rem;
    }

    .section-base .section-title {
        font-size: 1.8rem;
        text-align: center;
    }

}

section1 {
    padding: 0 0 2rem;
    width: 100%;
}

.go-showroom {
    padding: 4rem 0 2rem;
    text-align: center;
}

.go-showroom li {
    margin: 1.5rem;
    display: inline-block;
    line-height: 1.5em;
}

.text-xs-center {
    text-align: center !important;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.map-area .map-box h3 {
    padding-bottom: 1rem;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.phone .ontime {
    font-size: .786rem;
    color: #888;
}

.map-area .map-box .reserve-area {
    padding: .8rem 0 .6rem;
}

.phone {
    padding: .1rem 0 0 0rem;

    background-size: 25px;
    line-height: 1.5em;
    letter-spacing: 0;
    text-align: left;
}

.phoneoshinagaki .num {
    display: block;
        padding-left: 10px;
        font-size: 16px;
        margin-top: 3px;
        letter-spacing: 1px;
        font-weight: normal;
        float: left;
        text-align: center;
}

.map-area .map-box .reserve-area .phone {
    float: left;
}

.map-area .map-box .reserve-area .web {
    float: right;
}

.phone .num {
    display: block;
    font-size: 1.0rem;
    letter-spacing: 1px;
    font-weight: bold;
    color: #0084CF;
}

.btn1 {
    border-radius: 0;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: inline-block;
    padding: 6px 10px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 50px;
}

.l-map {
    color: #0275d8;
    text-decoration: none;
}

#showroomPhoto {
    margin: -3rem 0 5rem;
}

#showroomPhoto .inner span.img-1 {
    width: 55%;
}

#showroomPhoto .inner span {
    padding: 5px;
    float: left;
    display: block;
    box-sizing: border-box;
}


#infoPhoto {
    margin: -3rem 0 5rem;
}


#infoPhoto .inner span {
    padding: 5px;
    float: right;
    display: block;
    box-sizing: border-box;
}



@media (min-width: 768px) {
    #showroomPhoto .inner span.img-1 {
        width: 55%;
    }

    #showroomPhoto .inner span.img-2 {
        width: 45%;
    }

    #showroomPhoto .inner span.img-3,
    #showroomPhoto .inner span.img-4 {
        width: 22.4%;
    }

    #infoPhoto .inner span.imgroom1 {
        width: 70%;
    }

    #infoPhoto .inner span.imgroom2,
    #infoPhoto .inner span.imgroom3 {
        width: 30%;
    }

    #infoPhoto .inner span.imgroom4 {
        width: 30%;
    }

    #infoPhoto .inner span.imgroom5 {
        width: 70%;
    }

    #infoPhoto .inner span.imgold1 {
        width: 50%;
    }


}

@media (max-width: 767px) {
    #showroomPhoto .inner span.img-1 {
        width: 100%;
    }

    #showroomPhoto .inner span.img-2 {
        width: 100%;
    }

    #showroomPhoto .inner span.img-3,
    #showroomPhoto .inner span.img-4 {
        width: 50%;
    }



    #infoPhoto .inner span.imgroom1 {
        width: 100%;
    }

    #infoPhoto .inner span.imgroom2,
    #infoPhoto .inner span.imgroom3 {
        width: 50%;
    }

    #infoPhoto .inner span.imgroom4 {
        width: 100%;
    }

    #infoPhoto .inner span.imgroom5 {
        width: 100%;
    }


    #infoPhoto .inner span.imgold1 {
        width: 50%;
    }

}

.bghaikei {
    background: #ececec;
    padding: 2rem;
}

.bghaikeiinfo {
    background: #ececec;
    padding: 4rem;
}

.fontsmallyoko {
    font-size: 12px;
}

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


@media (max-width:461px) {
    .btn100 {
        width: 100%;
        font-size: 13px;
    }
}

@media (max-width:460px) {
    .btn100 {
        width: 100%;
        font-size: 12px;
    }
}

.title111 {
    /* height: 85px; */
    height: 100%;
    padding: 10px;
    background: url(img/bg_title.png) right center;
    background-repeat: no-repeat;
    background-color: #efefef;
    line-height: 1.8em;
    text-align: center;
}


/*-------記事詳細ページ-------*/
.monthly {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-bottom: 15px;
}

.monthly_mds {
    font-size: 1;
    color: #;
    border-bottom: 1px dotted #282828;
    padding-bottom: 3px;
    margin-bottom: 3px;
    font-weight: bold;
}

.monthly ul {
    list-style: none;
    font-size: 0.9em;
    line-height: 1.8em;
}

.monthly ul li {
    border-bottom: 1px dotted #cccccc;
    padding-top: 2px;
    padding-bottom: 2px;
}

.monthly ul li a {
    text-decoration: none;
    color: #;
    line-height: 2em;
    font-size: 112%;
}

.monthly ul li a:hover {
    text-decoration: none;
    color: #;
    line-height: 2em;
}

.monthly ul li.active a {
    font-size: 120%;
    font-weight: bold;
    color: #333;
}

.monthly ul li {
    border-bottom: 1px dotted #cccccc;
    padding-top: 2px;
    padding-bottom: 2px;
}

.txt {
    line-height: 40px;

}

.yoyakuwaku {
    overflow: hidden;
    border: 1px solid #dddddd;
    box-shadow: inset 0px 0px 0px 1px #fff;
    text-decoration: none;

}

.yoyakuaaa {
    background: #F0F5F5;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
}

a .btn-warningao1 {
    background-color: #fcee21;
}

div.estimate_box {
    margin: 20px auto;
    padding: 40px 60px;
    background: #E1F1FF;
    border-radius: 14px;
}

.olda a:hover img {
    opacity: 0.8;
}

.btn-warning_toi {
    width: 100% !important;
    -moz-box-shadow: inset 0px 52px 0px -24px #e67a73;
    -webkit-box-shadow: inset 0px 52px 0px -24px #e67a73;
    box-shadow: inset 0px 52px 0px -24px #e67a73;
    background-color: #e4685d;

    padding-top: 18px;
    padding-bottom: 18px;
    border-radius: 4px;
    color: #ffffff;
}

a:hover .btn-warning_toi {
    width: 100% !important;
    -moz-box-shadow: inset 0px 52px 0px -24px #e67a73;
    -webkit-box-shadow: inset 0px 52px 0px -24px #e67a73;
    box-shadow: inset 0px 52px 0px -24px #e67a73;
    background-color: #e4685d;

    padding-top: 18px;
    padding-bottom: 18px;
    border-radius: 4px;
    color: #ffffff;
    opacity: 0.8;
}

.sns0 {
    left: 0px;
    top: 900px;
    background-color: transparent;
    line-height: 32px;
    z-index: 100000;
}

.sns0 a {
    clear: left;
    display: block;
    overflow: hidden;
    padding: 4px;
    text-decoration: none;
}

.sns1 {
    left: 0px;
    top: 160px;
    background-color: transparent;
    line-height: 32px;
    z-index: 100000;
}

.sns1 a {
    clear: left;
    display: block;
    overflow: hidden;
    padding: 4px;
    text-decoration: none;
}

.shareList2 {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: -5px 0 0 -5px;
    padding: 0;
}

.shareList2__item {
    height: 30px;
    line-height: 30px;
    width: 30px;
    margin: 5px 0 0 5px;
    text-align: center;
}

.shareList2__link {
    display: block;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
}

.shareList2__link::before {
    font-size: 16px;
    display: block;
    transition: ease-in-out .2s;
    border-radius: 5px;
}

.shareList2__link:hover::before {
    background: #ffffff;
    transform: scale(1.2);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
}

.shareList2__link.icon-twitter {
    background: #55acee;
}

.shareList2__link.icon-twitter:hover::before {
    color: #55acee;
}

.shareList2__link.icon-facebook {
    background: #3B5998;
}

.shareList2__link.icon-facebook:hover::before {
    color: #3B5998;
}

.shareList2__link.icon-google-plus {
    background: #dd4b39;
}

.shareList2__link.icon-google-plus:hover::before {
    color: #dd4b39;
}

.shareList2__link.icon-hatebu {
    background: #008FDE;
}

.shareList2__link.icon-hatebu:hover::before {
    color: #008FDE;
}

.shareList2__link.icon-pocket {
    background: #EB4654;
}

.shareList2__link.icon-pocket:hover::before {
    color: #EB4654;
}

.shareList2__link.icon-rss {
    background: #ff9900;
}

.shareList2__link.icon-rss:hover::before {
    color: #ff9900;
}

.shareList2__link.icon-feedly {
    background: #6cc655;
}

.shareList2__link.icon-feedly:hover::before {
    color: #6cc655;
}

.shareList2__link.icon-pinterest {
    background: #cb2027;
}

.shareList2__link.icon-pinterest:hover::before {
    color: #cb2027;
}

.shareList2__link.icon-linkedin {
    background: #0e76a8;
}

.shareList2__link.icon-linkedin:hover::before {
    color: #0e76a8;
}

.shareList2__link.icon-line {
    background: #1dcd00;
}

.shareList2__link.icon-line:hover::before {
    color: #1dcd00;
}



@media (min-width:1070px) {
    .shareList {
        list-style: none;
        position: absolute;

        width: 100%;
        margin: -5px 0 0 -5px;
        padding: 0;
    }
}

@media (max-width:1069px) {
    .shareList {
        display: none;
    }
}

.shareList__item {
    height: 30px;
    line-height: 26px;
    width: 36px;
    margin: 10px 0 0 10px;
    text-align: center;
}

.shareList__link {
    display: block;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
}

.shareList__link::before {
    font-size: 18px;
    display: block;
    transition: ease-in-out .2s;
    border-radius: 5px;
}

.shareList__link:hover::before {
    background: #ffffff;
    transform: scale(1.2);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
}

.shareList__link.icon-twitter {
    background: #55acee;
}

.shareList__link.icon-twitter:hover::before {
    color: #55acee;
}

.shareList__link.icon-facebook {
    background: #3B5998;
}

.shareList__link.icon-facebook:hover::before {
    color: #3B5998;
}

.shareList__link.icon-google-plus {
    background: #dd4b39;
}

.shareList__link.icon-google-plus:hover::before {
    color: #dd4b39;
}

.shareList__link.icon-hatebu {
    background: #008FDE;
}

.shareList__link.icon-hatebu:hover::before {
    color: #008FDE;
}

.shareList__link.icon-pocket {
    background: #EB4654;
}

.shareList__link.icon-pocket:hover::before {
    color: #EB4654;
}

.shareList__link.icon-rss {
    background: #ff9900;
}

.shareList__link.icon-rss:hover::before {
    color: #ff9900;
}

.shareList__link.icon-feedly {
    background: #6cc655;
}

.shareList__link.icon-feedly:hover::before {
    color: #6cc655;
}

.shareList__link.icon-pinterest {
    background: #cb2027;
}

.shareList__link.icon-pinterest:hover::before {
    color: #cb2027;
}

.shareList__link.icon-linkedin {
    background: #0e76a8;
}

.shareList__link.icon-linkedin:hover::before {
    color: #0e76a8;
}

.shareList__link.icon-line {
    background: #1dcd00;
}

.shareList__link.icon-line:hover::before {
    color: #1dcd00;
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?ookgoz');
    src: url('../fonts/icomoon.eot?ookgoz#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?ookgoz') format('truetype'),
        url('../fonts/icomoon.woff?ookgoz') format('woff'),
        url('../fonts/icomoon.svg?ookgoz#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-line:before {
    content: "\e90a";
}

.icon-feedly:before {
    content: "\e900";
}

.icon-pocket:before {
    content: "\e902";
}

.icon-instagram:before {
    content: "\ea92";
}

.icon-twitter:before {
    content: "\ea96";
}

.icon-youtube:before {
    content: "\ea9d";
}

.icon-google:before {
    content: "\ea88";
}

.icon-google2:before {
    content: "\ea89";
}

.icon-google-plus:before {
    content: "\ea8b";
}

.icon-google-plus2:before {
    content: "\ea8c";
}

.icon-facebook:before {
    content: "\ea90";
}

.icon-facebook2:before {
    content: "\ea91";
}

.icon-linkedin:before {
    content: "\eaca";
}

.icon-linkedin2:before {
    content: "\eac9";
}

.icon-pinterest:before {
    content: "\ead2";
}

.icon-pinterest2:before {
    content: "\ead1";
}

.icon-hatebu:before {
    content: "\e903";
}

.icon-hatebu2:before {
    content: "\e901";
}

.icon-rss:before {
    content: "\ea9b";
}

.icon-rss2:before {
    content: "\ea9c";
}


@media (min-width:1180px) {
    .square_btn {
        display: inline-block;
        padding: 0.8em 0.5em !important;
        text-decoration: none;
        background: rgb(32, 124, 202);
        /* Old browsers */
        background: -moz-linear-gradient(top, rgba(32, 124, 202, 1) 51%, rgba(30, 87, 153, 1) 99%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(32, 124, 202, 1) 51%, rgba(30, 87, 153, 1) 99%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(32, 124, 202, 1) 51%, rgba(30, 87, 153, 1) 99%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#207cca', endColorstr='#1e5799', GradientType=0);
        /* IE6-9 */
        color: #FFF !important;
        border-radius: 3px;
        right: 6px;
        top: 4px;

    }

    .square_btn:hover {
        display: inline-block;
        padding: 0.5em 0.5em;
        text-decoration: none;
        background: rgb(32, 124, 202);
        /* Old browsers */
        background: -moz-linear-gradient(top, rgba(32, 124, 202, 1) 51%, rgba(30, 87, 153, 1) 99%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(32, 124, 202, 1) 51%, rgba(30, 87, 153, 1) 99%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(32, 124, 202, 1) 51%, rgba(30, 87, 153, 1) 99%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#207cca', endColorstr='#1e5799', GradientType=0);
        /* IE6-9 */
        color: #FFF;

        border-radius: 3px;
        opacity: 0.8;
    }
}

@media (max-width:1179px) {
    .square_btn {

        color: #333 !important;


    }

    .square_btn:hover {}
}

.contactwaku {
    background-color: #fff;
    border: 1px solid #555;
    border-radius: 6px;
    padding: 7%;
}

.bb1 {

    background-color: #FFF;
    padding: 15px;
    border: 1px solid #CCC;

}


.m-panel3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    /* flex-wrap: wrap; */
    /* -webkit-box-align: stretch; */
    -ms-flex-align: stretch;
    /* align-items: stretch; */
    /* margin-top: 30px; */
}

.m-panel3__item {
    width: 32.4%;
    margin-top: 14px;
    margin-left: 1.4%;
    background-color: #fff;
    box-sizing: border-box;
}

.m-panel3__item:nth-child(3n+1) {
    margin-left: 0;
}

.m-panel3__img>img {
    width: 100%;
}

.m-panel3__body {
    padding: 20px;
    padding-top: 10px;
}

.m-panel3__ttl {
    display: block;
    line-height: 1.5;
    font-size: 20px;
    color: #ea0012;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-style: normal;
    font-weight: 700 !important;
}

.m-panel3__cont {
    margin-top: 10px;
}

.m-panel3__news {
    margin-top: 20px;
}

.m-panel3__news>dt {
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 12px;
}

@media (max-width: 700px) {
    .sp700 {
        display: none;
    }

    .m-panel3__body {
        padding: 25px 20px;
    }

    .m-panel3__ttl {
        font-size: 18px;
        padding-top: 2px;
    }

    .m-panel3__news {
        margin-top: 10px;
        line-height: 1.5;
    }
}

@media (max-width: 700px) {
    .m-panel3 {
        display: block;
        border-collapse: collapse;
        border-spacing: 0;
        margin: 20px 0 0;
    }

    .m-panel3__item {
        display: block;
        width: 100%;
        margin-top: 15px;
        margin-left: 0;
    }

    .m-panel3__item:nth-child(-n+3) {
        margin-top: 15px;
    }

    .m-panel3__item-inner {
        display: table;
        width: 100%;
    }

    .m-panel3__img {
        display: table-cell;
        vertical-align: top;
        width: 145px;
    }

    .m-panel3__img>img {
        width: 100%;
    }

    .m-panel3__body {
        display: table-cell;
        vertical-align: top;
        padding: 12px 15px;
        box-sizing: border-box;
    }

    .m-panel3__ttl {
        padding-top: 5px;
        font-size: 14px;
        word-break: break-all;
    }

    .m-panel3__cont {
        margin-top: 5px;
        font-size: 13px;
    }

    .m-panel3__news {
        line-height: 1.7;
    }

    .m-panel3__news>dt {
        margin-bottom: 0;
    }

    .m-panel3__news>dd {
        font-size: 13px;
    }
}


@media (min-width: 701px) {
    .pchyouzi700 {}

    .sphyouzi700 {
        display: none;
    }

}

@media (max-width: 700px) {
    .pchyouzi700 {
        display: none;
    }

    .sphyouzi700 {}
}

.flex {
    padding-bottom: 10px;
    display: flex;
}

.aaa {
    color: #000000 !important;
    background-color: #dddddd;
    border-color: #dddddd;
    text-align: center;
    padding: 12px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 2px;
}

.uuumizuiro {
    background: #c1ddef;
    padding: 30px;
    clear: both;
}

#bar {
    display: none;
}

#aar {
    display: none;
}

.akakaitori {
    background-color: #f10000;
    font-weight: 600;
    color: #ffffff !important;
    width: 100%;
    text-align: center;
    font-size: 13px;
    padding: 6px;
}

@media (min-width: 992px) {
    .h350 {
        height: 350px;
        text-align: center;
    }

    .h280 {
        height: 280px;
        text-align: center;
    }
}

@media (max-width: 991px) {
    .h350 {
        height: 100%;
        text-align: center;
    }

    .h280 {
        height: 100%;
        text-align: center;
    }
}

.atop {
    vertical-align: top;
    text-align: center;
}

.pp {
    text-align: center;
}

.kiirow {
    color: #ffffff !important;
    background-color: #ffc000;
    border-radius: 0px;
    padding: 11px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
}

.kiirow1 {
    color: #ffffff !important;
    background-color: #ffc000;
    border-radius: 4px;
    padding: 12px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
}

a .mizuirobotan {
    color: #ffffff !important;
    background-color: #03a9f4;
    border-radius: 4px;
    padding: 16px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
}

a:hover .mizuirobotan {
    color: #ffffff !important;
    background-color: #0b7dd8;
    border-radius: 4px;
    padding: 16px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
}

.oshina11 {
    border: 0px dotted #ccc;
    background: #ffffff;
    text-align: center;
}

.oshina11 p {
    padding: 25px;
    padding-top: 15px;

}

.oshina1 {
    background: url("img/image7.pngbk") 0 0 no-repeat;
    padding: 6px 0px 0px 37px;
    border-bottom: 0px dotted #ccc;
    font-weight: bold;
    color: #555555;
    font-size: 20px;
}

.oshina2 {
    font-weight: bold;
    font-size: 18px;
}

.oshina1waku {
    text-align: center;
    margin: 0 auto;
    padding: 8px;
    border: 2px solid #00436e;
}

.oshinagakiwakuwaku {
    border-radius: 2px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 12%), 0 2px 3px 0 rgb(0 0 0 / 22%);
}

.oshinagakiwakuwakuleft {
    float: left;
}

.phoneoshinagaki {
    display: block;
    font-size: 1.6rem;
    letter-spacing: 1px;
    font-weight: bold;
    float: left;
    text-align: center;
}

.weboshinagaki {
    display: block;
    padding-left: 10px;
    font-size: 1.0rem;
    margin-top: 3px;
    letter-spacing: 1px;
    font-weight: normal;
    float: left;
    text-align: center;
}

.btn-primaryoshinagaki {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    width: 100%;
}

.oshinagakiuesita {
    border-top: 1px solid #03a9f4;
    border-bottom: 1px solid #03a9f4;
    color: #03a9f4;
    font-size: 11px;
    float: left;
}

@media (min-width: 768px) {
    .tleftp {
        text-align: left;
        margin-left: 60px;
    }

    .mitu1 {
        height: 330px;
    }
}

@media (max-width: 767px) {
    .tleftp {
        text-align: center;
        margin-left: 0px;
    }

    .mitu1 {
        height: 240px;
    }
}

@media (min-width: 992px) {

    .gazou60 {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .pchyouzi60 {}

    .sphyouzi60 {
        display: none !important;
    }

}

@media (max-width: 991px) {

    .gazou60 {

        max-width: 90%;
        height: auto;
    }

    .pchyouzi60 {
        display: none !important;
    }

    .sphyouzi60 {}

}


.oshinagakitiisaiwaku {
    padding: 2px 6px;
    border: solid 1px #333333;
    color: #333333;
    font-size: 11px;
    display: inline-block;

}

.flex {
    display: flex;
}

.topshouhinmidasi {
    background-color: #00436e;
    border-color: #00436e;
    font-weight: 500;
    color: #ffffff !important;
    width: 100%;
    text-align: center;
    font-size: 13px;
    padding: 8px;
    border-radius: 0px;
    margin-bottom: 10px;
}

.oukan1 {
    background: url("../img2/o1.png") 0 0 no-repeat;
    padding: 8px 0px 16px 62px;
    border-bottom: 0px dotted #ccc;
    font-weight: bold;
    color: #c09b00;
    font-size: 28px;
}

.o1 {
    color: #c09b00;
}

.oukan2 {
    background: url("../img2/o2.png") 0 0 no-repeat;
    padding: 8px 0px 16px 62px;
    border-bottom: 0px dotted #ccc;
    font-weight: bold;
    color: #98a197;
    font-size: 28px;
}

.o2 {
    color: #98a197;
}

.oukan3 {
    background: url("../img2/o3.png") 0 0 no-repeat;
    padding: 8px 0px 16px 62px;
    border-bottom: 0px dotted #ccc;
    font-weight: bold;
    color: #c16e1a;
    font-size: 28px;
}

.o3 {
    color: #c16e1a;
}

.oukan4 {
    background: url("../img2/o4.png") 0 0 no-repeat;
    padding: 8px 0px 16px 62px;
    border-bottom: 0px dotted #ccc;
    font-weight: bold;
    color: #1e90ff;
    font-size: 28px;
}

.o4 {
    color: #1e90ff;
}

.pinkurow {
    color: #ffffff !important;
    background-color: #ff1967;
    border-radius: 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 24px;
}

.pinkurow1 {
    color: #ffffff !important;
    background-color: #000000;
    border-radius: 4px;
    padding: 12px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
}

.sirowakua {
    padding: 2px 6px;
    background: #ffffff;
}

@media (min-width: 992px) {
    .waku992 {
        height: 220px;
    }
}

@media (max-width: 991px) {
    .waku992 {
        height: 100%;
    }
}

.btn-topslide {
    background-color: #ef2516;
    border-color: #ef2516;
    font-weight: 600;
    color: #ffffff !important;
    width: 160px;
    text-align: center;
    font-size: 13px;
    padding: 12px;
    border-radius: 0px;
    letter-spacing: 1px;
}

a:hover .btn-topslide {
    background-color: #ef2516;
    border-color: #ef2516;
    font-weight: 600;
    color: #ffffff !important;
    width: 160px;
    text-align: center;
    font-size: 13px;
    padding: 12px;
    border-radius: 0px;
    letter-spacing: 1px;
    opacity: 0.8;
}

.kiirowaka {
    color: #B30002 !important;
    background-color: #FDEC51;
    border-radius: 0px;
    padding: 11px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
}


.hozyokintel {
    background: url("../img/hozyokin/free.jpg") 0 0 no-repeat;
    padding: 4px 10px 10px 76px;
    color: #00436e;
    font-weight: bold;
    font-size: 2em;
    line-height: 26px;

}

#hozyokina th,
td {
    border-bottom: 0px dotted #ddd !important;
    border-left: 0px solid #ddd !important;
    text-align: left !important;
    padding: 2px !important;
}



@media screen and (min-width: 1163px) {
    a.anchor {
        display: block;
        padding-top: 71px;
        margin-top: -71px;
    }
}

@media screen and (max-width: 1162px) {
    a.anchor {
        display: block;
        padding-top: 50px;
        margin-top: -50px;
    }
}

@media (min-width:1180px) {
    #Smallchat {
        position: absolute !important;
        bottom: 20px !important;
        left: 10px !important;
    }
}

@media (max-width:1179px) {
    #Smallchat {
        position: absolute !important;
        top: 15px !important;
        left: 180px !important;
    }
}




.footfix_in_1 a {}

.footfix_in_1 img {
    max-width: 450px;
    padding-right: 15px;
}

.footfix_in_2 {
    border: solid 0px #fff;
    color: #383838;
    color: #7a7375;
    font-family: "Kosugi Maru", sans-serif;
    font-family: "Balsamiq Sans", cursive;
    font-size: 1.1em;
    color: #4d4d4d;
    margin: 0 15px;
    padding: 1px 5px;
    vertical-align: middle;
}

.footfix_in_3 a {
    width: 100%;
}

.footfix_in_3 a:hover {}

.footfix_in_3 img {
    max-width: 250px;
    padding-right: 20px;
}


@media screen and (max-width:1200px) {
    .footfix_in_1 a {
        font-size: 30px;
    }

    .footfix_in_2 {
        font-size: 12px;
    }

    .footfix_in_3 a {
        font-size: 13px;
        padding: 1px 20px;
    }

    .footfix_in_3 a:hover {
        font-size: 13px;
        padding: 1px 20px;
    }
}

@media screen and (max-width:1179px) {
    .footfix_in_1 img {
        max-width: 300px;
    }

    .footfix_in_3 img {
        max-width: 200px;
    }
}

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


    .footfix_in_2 {
        display: none;
        font-size: 9px;
        margin: 0 5px;
        /* order: 3;*/
        padding: 1px 5px;
    }

    .footfix_in_3 a {
        font-size: 11px;
        padding: 1px 10px;
    }

    .footfix_in_3 a:hover {
        font-size: 11px;
        padding: 1px 10px;
    }
}

.footeranimation {
    background: #00436e;
    position: fixed !important;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    padding: 10px 0px;
    z-index: 9999;
}

@media screen and (min-width:768px) {
    #footfix_in {
        align-items: center;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        padding: 0px 0;
        float: right;
    }
}

@media screen and (max-width:767px) {
    #footfix_in {
        align-items: center;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        padding: 0px 0;
        width: 55%;
        float: right;
    }
}

@media screen and (min-width:701px) {
    #footfix_in_sp {
        display: none;
    }
}

@media screen and (max-width:700px) {
    #footfix_in {
        display: none;
    }

    #footfix_in_sp {
        height: 60px;
        display: flex;
        justify-content: space-between;
        text-align: center;
        align-items: stretch;
    }

    .footeranimation {
        padding: 0;
        background-color: none;
    }

    .footfix_in_sp_box1 {
        width: 48%;
        height: 100%;
        padding: 30px 10px;
        background-color: #EC640F;
    }

    .footfix_in_sp_box2 {
        width: 26%;
        background-color: #fff;
        border: 2px solid #E00000;
        padding-top: 10px;
    }

    .footfix_in_sp_box2 img {
        width: 70%;
    }

    .footfix_in_sp_box3 {
        width: 26%;
        background-color: #E00000;
        padding-top: 10px;
    }

    .footfix_in_sp_box3 img {
        width: 70%;
    }
}


.hidden_box {
    padding: 0;
}


.hidden_box label {
    color: #00436e;
    border: solid 3px #00436e;
    width: 100%;
    cursor: pointer;
    display: block;
    margin-bottom: 1px;
    padding: 15px;
    position: relative;
    font-size: 18px;
    text-align: center;
}

.hidden_box label:after {

    box-sizing: border-box;
    content: '\f067';
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 15px 20px;
    position: absolute;
    right: 0;
    top: 0px;
}

.hidden_box label:hover:after {

    box-sizing: border-box;
    content: '\f068';
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 15px 20px;
    position: absolute;
    right: 0;
    top: 0px;
}


.hidden_box label:checked+.hidden_box label:after {
    background: #060606;
    box-sizing: border-box;
    content: '\f068';
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0px;
}


.hidden_box input {
    display: none;
}


.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked~.hidden_show {
    padding: 20px 0;
    height: auto;
    opacity: 1;
}

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

@media screen and (max-width:767px) {
    .col-md-4-top {
        float: none;
        width: 100%;
    }

    .flexaaa {
        display: block !important;
    }
}

.contentsbox15 {
    display: flex;
    flex-direction: column;
}

.ajaxzip3 {
    display: inline-block;
    width: 150px;
    margin: 0 0 20px 26px;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-size: .7em;
    border: 0;
    border-radius: 5px;
    background-color: #a8aabc;
    box-shadow: none;
    cursor: pointer;

}

.address_hyoji {
    display: inline-block;
    padding: 0.6em 2.5em 0.6em 2em;
    margin: 0 0 1em;
    background-color: rgb(76, 130, 175);
    color: rgb(255, 255, 255);
    font-size: 16px;
    cursor: pointer;
    position: relative;
}

.address_hyoji {
    display: inline-block;
    padding: .6em 2.5em .6em 2em;
    margin: 0 0 1em;
    background-color: rgb(76, 130, 175);
    color: rgb(255, 255, 255);
    font-size: 16px;
    cursor: pointer;
    position: relative;
}

.address_hyoji::after {
    position: absolute;
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    top: 50%;
    right: .4em;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
}

/*追加 インボイス制度*/
.invoice-area {
    margin: 20px 0;
}

.invoice-area .invoice-ttl {
    margin: 15px 0 20px 0;
    font-size: 23px;
    font-weight: bold;
}

.invoice-area .invoice-ttl-waku {
    margin: 0 0 20px 0;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #00436e;
    border-top: 3px solid #00436e;
    border-bottom: 3px solid #00436e;
    padding: 15px;
}

.invoice-area .invoice-ttl2 {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: bold;
    color: #ff0000;
}

.invoice-area .invoice-txt {
    margin: 0 0 20px 0;
    font-size: 16px;
}

.invoice-area .invoice-txt2 {
    margin: 0 0 10px 0;
    font-size: 16px;
    padding-left: 5em;
    text-indent: -5em;
}

.invoice-area .invoice-txt2 span {
    font-weight: bold;
}

.invoice-area .invoice-txt3 {
    font-size: 14px;
    margin-bottom: 50px;
}

.invoice-area .invoice-txt3 a {
    color: rgb(76, 130, 175) !important;
    word-break: break-all;
}

@media screen and (max-width:767px) {
    .invoice-area .invoice-txt2 {
        padding-left: 0;
        text-indent: 0;
    }

    .invoice-area .invoice-txt2 span {
        display: block;
    }
}

.toshibatec-table-area {
    width: 100%;
}

.toshibatec-table-item {
    width: 100%;
    border-collapse: collapse;
    border: solid 1px #999;
}

.toshibatec-table-item th,
.toshibatec-table-item td {
    padding: 15px;
    border: solid 1px #999;
    text-align: center;
    box-sizing: border-box;
}

.toshibatec-table-item th {
    background-color: #ccc !important;
    color: #fff;

}

.toshibatec-sec3-box-up {
    border: 1px #c1c1c1 solid;
    padding: 10px;
    background-color: #d5d5d5;
    font-weight: bold;
}

.toshibatec-sec3-box-dw {
    border-bottom: 1px #c1c1c1 solid;
    border-right: 1px #c1c1c1 solid;
    border-left: 1px #c1c1c1 solid;
    padding: 10px;
    background-color: #f9f9f9;
}

@media screen and (max-width:767px) {
    .toshibatec-table-area {
        width: 100%;
        overflow-x: scroll;
    }

    .toshibatec-table-item {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
    }
}

/*お問合せフォーム追加*/
.contact_tel_img img {
    width: 100%;
    margin-bottom: 50px;
}

.contact_sub_title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
}

@media screen and (min-width:769px) {
    .form-sp {
        display: none;
    }
}

@media screen and (max-width:768px) {
    .form-pc {
        display: none;
    }
}

/*インボイス追加*/
.invo-about_mv {
    margin-bottom: 30px;
}

.invo-about_mv img {
    width: 100%;
}

.invo-about_txtlink {
    text-align: right;
}

.invo-about_txtlink {
    color: rgb(76, 130, 175) !important;
}

.invo-about_txtlink a {
    color: rgb(76, 130, 175) !important;
    word-break: break-all;
}

.invo-about_txtlink2 a {
    color: rgb(76, 130, 175) !important;
    word-break: break-all;
}

.invo-about_fig {
    text-align: center
}

.invo-about_fig img {
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
}

.invo-about_kani {
    max-width: 500px;
    width: 100%;
    padding: 15px;
    font-size: 18px !important;
    margin: 0 auto;
    border: 1px solid #006ad7;
    background-color: #c7e0fa;
    border-radius: 15px;
    margin-bottom: 50px;
    line-height: 2em;
}

.invo-about_btn_area {
    text-align: center;
    margin-bottom: 50px;
}

.invo-about_btn a {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding: 15px 50px;
    background-color: #FF0004;
    color: #ffffff;
}

.invo-about_btn img {
    width: 35px;
    padding-bottom: 5px;
    color: #fff;
}

.invo-about_btn a:hover {
    opacity: 0.5;
    transition: 0.5s;
}

@media screen and (max-width:768px) {
    .invo-about_btn a {
        padding: 15px 15px;
        font-size: 18px;
    }

    .invo-about_btn img {
        width: 17px;
    }
}

.ia_mb15 {
    margin-bottom: 15px;
}

.ia_mb20 {
    margin-bottom: 20px;
}

.ia_mb30 {
    margin-bottom: 30px;
}

.ia_mb50 {
    margin-bottom: 50px;
}

/*呼び出しシステムレンタル*/
.rc-rental2_flex {
    display: flex;
    justify-content: space-between;
}

.rc-rental2_flex .rc-rental_item {
    width: 32%;
}

.rc-rental2_ttl {
    width: 100%;
    background-color: #e1ebf4;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 0.5em 0;
    color: #1a436b;
}

.rc-rental2_img {
    width: 100%;
    margin-bottom: 10px;
}

.rc-rental2_img img {
    width: 100%;
}

.rc-rental2_txt {
    font-size: 16px;
    line-height: 1.5;
}

@media screen and (max-width:768px) {
    .rc-rental2_flex {
        display: block;
    }

    .rc-rental2_flex .rc-rental_item {
        width: 100%;
        margin-bottom: 20px;
    }
}

.rc-rental2_last_copy {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #2356a4;
}

.btn-rental_toi {
    width: 100% !important;
    -moz-box-shadow: inset 0px 52px 0px -24px #ff9b36;
    -webkit-box-shadow: inset 0px 52px 0px -24px #ff9b36;
    box-shadow: inset 0px 52px 0px -24px #ff9b36;
    background-color: #ff8420;

    padding-top: 18px;
    padding-bottom: 18px;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 500;
    text-align: center;
    font-size: 20px;
}

a:hover .btn-rental_toi {
    width: 100% !important;
    -moz-box-shadow: inset 0px 52px 0px -24px #ff9b36;
    -webkit-box-shadow: inset 0px 52px 0px -24px #ff9b36;
    box-shadow: inset 0px 52px 0px -24px #ff9b36;
    background-color: #ff8420;

    padding-top: 18px;
    padding-bottom: 18px;
    border-radius: 4px;
    color: #ffffff;
    opacity: 0.8;
}

@media screen and (max-width:768px) {
    .rc-rental2_last_copy {
        font-size: 18px;
        text-align: center;
        font-weight: bold;
        color: #2356a4;
    }

    .btn-rental_toi {
        font-size: 16px;
    }
}

.rc-rental_tb-wrap {
    width: 100%;
    height: 375px !important;
}

.rc-rental_tb-wrap table {
    border-collapse: collapse;
    width: 100%;
    border: solid 1px #ccc;
}

.rc-rental_tb-wrap .tb01 th,
.rc-rental_tb-wrap .tb01 td {
    padding: 10px;
    box-sizing: border-box;
}

.rc-rental_tb-wrap .tb01 th {
    font-weight: normal;
    border: solid 1px #ccc;
}

.rc-rental_tb-wrap .tb01 td {
    text-align: center !important;
    font-weight: bold;
    border: solid 1px #ccc;
}

@media screen and (max-width:768px) {
    .rc-rental_tb-wrap {
        overflow-x: scroll !important;
    }

    .rc-rental_tb-wrap table {
        border-collapse: collapse;
        width: 800px;
        max-height: 350px !important;
    }

    .scroll {
        overflow: auto;
    }

    .simplebar-track.simplebar-horizontal {
        height: 10px;
        background: #B5B5B5;
        border-radius: 5px;
        max-width: 800px;
        margin: 0 auto;
    }

    .simplebar-scrollbar {
        height: 10px;
        background: #41485B;
        border-radius: 5px;
        top: 0;
    }
}

.row-movie .titlea {
    margin-bottom: 30px;
}

.row-movie .titlea .small {
    font-size: 16px;
}

.movie__wrapper {}

.movie__wrapper .movie-ttl {
    font-size: 14px;
    color: #fff;
    background: #00446f;
    padding: 10px 15px;
    margin-bottom: 20px;
}

.movie__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 15px;
    margin-bottom: 20px;
}

.movie__list .movie__item {
    width: 32%;
    margin-bottom: 30px;
}

.movie__list .movie__item .movie__item-txt-sm {
    font-size: 12px;
    font-weight: bold;
}

.movie__list .movie__item .movie__item-txt {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.movie__list .movie__item .iframe__wrapper {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.movie__list .movie__item .iframe__wrapper iframe {
    width: 100%;
    height: 100%;
}

.movieContactBtn {
    display: block;
    width: 450px;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin: 20px auto 60px;
    padding: 10px 0;
    background: #dd3115;
    border-radius: 50px;
    box-shadow: 3px 5px 0px #a7250f;
    position: relative;
}

.movieContactBtn:hover {
    color: #fff;
}

.movieContactBtn::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    background: url('../img/arrow-white.png')center center /cover no-repeat;
    width: 10px;
    height: 13px;
}

@media (max-width:768px) {
    .row-movie {
        padding: 0 15px;
    }

    .row-movie .titlea {
        margin-bottom: 20px;
    }

    .row-movie .titlea .small {
        font-size: 16px;
        display: block;
        margin-top: 5px;
    }

    .movie__wrapper {}

    .movie__wrapper .movie-ttl {
        font-size: 14px;
        color: #fff;
        background: #00446f;
        padding: 10px 15px;
        margin-bottom: 20px;
    }

    .movie__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px;
    }

    .movie__list .movie__item {
        width: 100%;
        margin-bottom: 20px;
        padding: 0 10px;
    }

    .movie__list .movie__item .movie__item-txt-sm {
        font-size: 12px;
        font-weight: bold;
    }

    .movie__list .movie__item .movie__item-txt {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .movieContactBtn {
        width: 320px;
        margin: 20px auto 60px;
        padding: 13px 0;
        font-size: 18px;
    }

    .movieContactBtn::before {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        background: url('../img/arrow-white.png')center center /cover no-repeat;
        width: 13px;
        height: 16px;
    }
}
        .responsive-video {
            width: 100%;
            max-width: 800px;
            /* 最大幅を指定 */
            height: auto;
            display: block;
            margin: 0 auto;
        }

        /* MOMページの設定*/
                .oshinagakihaikeia {
                    background: #ffffff;
                    width: 100%;
                    max-width: 1200px;
                    /* 必要に応じて調整 */
                    margin: 0 auto;
                    padding: 20px;
                }
                .contact-sections-container {
                    display: flex;
                    flex-wrap: wrap;
                    /* 画面幅が狭い場合に折り返す */
                    gap: 20px;
                    /* セクション間の間隔 */
                }
                
                .contact-section {
                    flex: 1;
                    /* 均等な幅で配置 */
                    min-width: 300px;
                    /* 最小幅を設定 */
                    padding: 20px;
                    border: 1px solid #000000;
                    /* 必要に応じて */
                    border-radius: 5px;
                    box-sizing: border-box;
                }
                
                .section-divider {
                    display: none;
                    /* 横並びの場合は区切り線は不要 */
                }

                .contact-section h1 {
                    font-size: 24px;
                    color: #333;
                    border-bottom: 2px solid #333;
                    padding-bottom: 10px;
                    margin-bottom: 20px;
                }
        
                .contact-section {
                    margin-bottom: 30px;
                }
        
                .phone-number {
                    font-size: 28px;
                    font-weight: bold;
                    margin: 15px 0;
                    text-align: center;
                }
        
                .business-hours {
                    font-size: 16px;
                    text-align: center;
                }
        
                .button {
                    display: inline-block;
                    background-color: #333;
                    color: white;
                    padding: 10px 20px;
                    text-decoration: none;
                    border-radius: 5px;
                    margin-top: 10px;
                    font-weight: bold;
                }
        
                .button:hover {
                    background-color: #555;
                }
        
                .section-divider {
                    border-top: 1px solid #ddd;
                    margin: 30px 0;
                }


        /* 全体のコンテナと基本設定 */
        .line-integration-option-container {
            font-family: 'Helvetica Neue', 'Arial', 'Hiragino Sans', 'Meiryo', sans-serif;
            background-color: #eaf4ff;
            padding: 20px;
            max-width: 1200px;
            margin: 0 auto;
            color: #333;
        }
    
        /* ヘッダー */
        .lio-header {
            text-align: center;
            margin-bottom: 20px;
        }
    
        .lio-header h1 {
            font-size: 28px;
            color: #00B900;
            font-weight: bold;
            margin-bottom: 10px;
        }
    
        .lio-header p {
            font-size: 16px;
            line-height: 1.6;
        }
    
        /* メインコンテンツのレイアウト */
        .lio-main-content {
            display: flex;
            gap: 20px;
        }
    
        .lio-left-panel,
        .lio-right-panel {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
    
        .lio-left-panel {
            flex: 1;
        }
    
        .lio-right-panel {
            flex: 1;
        }
    
        /* カード共通スタイル */
        .lio-card {
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            /* h2の角丸を有効にするため */
        }
    
        .lio-card h2 {
            background-color: #00C300;
            color: white;
            font-size: 18px;
            padding: 12px 20px;
            margin: 0;
        }
    
        /* LINE活用カード */
        .lio-utilization-card .lio-features {
            display: flex;
            justify-content: space-around;
            padding: 20px;
            text-align: center;
        }
    
        .lio-feature-item {
            flex: 1;
            padding: 0 10px;
        }
    
        .lio-feature-item p {
            font-size: 14px;
            line-height: 1.5;
            margin-top: 10px;
        }
    
        .lio-feature-icon {
            margin: 0 auto 10px;
            width: 120px;
            height: 80px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            border: 2px solid #00C300;
            border-radius: 8px;
            background-color: #f0fff0;
        }
    
        .lio-icon-text {
            font-weight: bold;
            font-size: 14px;
        }
    
        .lio-icon-subtext {
            font-size: 12px;
            margin-top: 5px;
        }
    
        .lio-feature-item:nth-child(1) .lio-feature-icon {
            background-color: #c8e6c9;
            /* 最初のアイコンの背景色 */
        }
    
    
        /* 統計カード */
        .lio-stats-card .lio-stats-content {
            padding: 20px;
        }
    
        .lio-stats-description {
            font-size: 14px;
            margin-bottom: 15px;
            background-color: #f0f0f0;
            padding: 5px 10px;
            border-left: 3px solid #00C300;
        }
    
        .lio-stats-graph {
            width: 100%;
            height: auto;
            border-radius: 4px;
        }
    
        /* 機能カード */
        .lio-functions-card .lio-functions-content {
            display: flex;
            padding: 20px;
            gap: 20px;
        }
    
        .lio-function-list {
            flex: 1;
        }
    
        .lio-function-group {
            margin-bottom: 20px;
        }
    
        .lio-function-group h3 {
            font-size: 16px;
            border-bottom: 2px solid #00C300;
            padding-bottom: 5px;
            margin-bottom: 10px;
        }
    
        .lio-function-group ul {
            list-style: none;
            padding-left: 0;
            margin: 0;
        }
    
        .lio-function-group li {
            font-size: 14px;
            margin-bottom: 8px;
            position: relative;
            padding-left: 15px;
            font-weight:bold
        }
    
        .lio-function-group li::before {
            content: '';
            position: absolute;
            left: 0;
            top: 6px;
            width: 6px;
            height: 6px;
            background-color: #00C300;
        }
    
    
        /* スマホモックアップ */
        .lio-smartphone-mockup {
            flex-shrink: 0;
            /* 画像が縮まないように */
            width: 250px;
        }
    
        .lio-smartphone-image {
            width: 100%;
            height: auto;
        }
    
        /* レスポンシブ対応 */
        @media (max-width: 992px) {
            .lio-main-content {
                flex-direction: column;
            }
    
            .lio-functions-card .lio-functions-content {
                flex-direction: column;
            }
    
            .lio-smartphone-mockup {
                width: 50%;
                margin: 0 auto;
            }
        }
    
        @media (max-width: 768px) {
            .lio-utilization-card .lio-features {
                flex-direction: column;
                gap: 20px;
            }
    
            .lio-smartphone-mockup {
                width: 70%;
            }
        }