@charset "utf-8";

/* 
@import "//static.plimo.com/static/type5/css/reset.css";
@import "//static.plimo.com/static/type5/css/skeleton.css";
@import "//static.plimo.com/static/type5/css/font-awesome.css";
@import "//static.plimo.com/static/type5/css/superfish.css";
 @import url(//fonts.googleapis.com/css?family=Cantarell:400,700,400italic);
@import url(//fonts.googleapis.com/css?family=Jockey+One);
@import url(//fonts.googleapis.com/css?family=Ubuntu:400,700); */

* {
    box-sizing: border-box;
}

body {
/*    min-width: 1000px;*/
    font-size: 15px;
    line-height: 1.7;
    font-family: 'Meiryo', 'メイリオ', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    color: #8f8e8e;
}
.disIB {
    display: inline-block;
}
p {
    margin-bottom: 22px;
}

img {
    max-width: 100%;
}

h2 {
    font-size: 48px;
    line-height: 48px;
    color: #fff;
    border-bottom: 1px solid #ddd;
}

h4 {
    line-height: 39px;
    color: #fff;
    text-shadow: 1px 1px 0px #ADADAD;
    font-size: 48px;
    text-transform: uppercase;
    padding-bottom: 28px;
    margin-bottom: 30px;
}

h3 {
    margin-bottom: 14px;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 30px;
    display: inline-block;
    color: #000;
}

h5 {
    font-size: 33px;
    line-height: 36px;
    text-transform: uppercase;
    color: #2f2f2f;
    margin-bottom: 22px;
}

h6 {
    padding: 65px 0 18px;
    text-transform: uppercase;
    margin-bottom: 18px;
    color: #444;
    position: relative;
    font-size: 38px;
    line-height: 38px;
}

h6:before {
    content: '';
    bottom: 0;
    text-align: center;
    width: 146px;
    right: 17%;
    position: absolute;
    height: 1px;
    display: inline-block;
    background: #d3d3d3;
}

a:focus,
*:focus {
    outline: none;
}

a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
}

input[type=submit]:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}

* {
    -webkit-text-size-adjust: none;
}

figure {
    position: relative;
}

figcaption {
    color: #fff;
    text-transform: uppercase;
    right: 28px;
    position: absolute;
    font: bold 48px/44px;
    text-align: right;
    bottom: 32px;
}

figcaption span {
    font-size: 36px;
    display: block;
}

/*-----------Header------------*/
#header {
    text-align: center;
}

#header h1 {
    clear: both;
    padding-top: 44px;
    margin-bottom: 40px;
    display: inline-block;
}

#header h1 img {
    display: block;
}

.shadow {
    position: relative;
    background: url('../img/bg4.png') center 148px no-repeat;
}

/* h2 span {
	font-size: 68px;
	display: block;
	margin-bottom: 10px;
} */
.brd1 {
    border-bottom: #e6f9fe solid 1px;
}

.brd2 {
    border-bottom: #fde9f0 solid 1px;
}

.brd3 {
    border-bottom: #f5fceb solid 1px;
}

.item {
    padding: 60px 19px 64px;
    margin-top: 28px;
}

.item1 {
    background: #00bff3;
}

.item2 {
    background: #ee1c67;
}

.item3 {
    background: #94e238;
}

/*-----------Content-----------*/
#content {
    text-align: center;
}

.bg1 {
    background: url('../img/bg1.jpg');
    padding-bottom: 49px;
    border-top: 1px solid #e5e5e5;
}

.bg6 {
    background: url('../img/bg1.jpg');
    padding-bottom: 65px;
    border-top: 1px solid #e5e5e5;
}

.bg2 {
    background: url('../img/bg1.jpg');
    padding-bottom: 49px;
}

.bg3 {
    background: url('../img/bg6.jpg');
    padding-bottom: 10px;
    border-top: 1px solid #e5e5e5;
}

.bg5 {
    background: url('../img/bg6.jpg');
    padding-bottom: 50px;
    border-top: 1px solid #e5e5e5;
}

.div1 {
    color: #fff;
    margin-top: 46px;
    padding: 3px 18px 9px;
    display: inline-block;
    border-radius: 34px;
    text-shadow: 1px 1px 0px #CFCFCF;
    position: relative;
    letter-spacing: -2.5px;
    font: bold 36px/48px;
    background: #00bff3;
}

.flt {
    float: left;
}

.div1:before {
    bottom: -31px;
    content: '';
    left: 50%;
    position: absolute;
    height: 31px;
    background: url('../img/corner.png') no-repeat;
    width: 31px;
    margin-left: 7px;
}

.block2 {
    margin: 18px 0 30px;
    background: #e5e5e5;
    position: relative;
    padding: 25px 25px 30px;
}

.block2:before {
    content: '';
    left: 50%;
    margin-left: -16px;
    position: absolute;
    border-top: 20px solid #e5e5e5;
    border-right: 16px solid transparent;
    border-bottom: none;
    border-left: 16px solid transparent;
    width: 0px;
    height: 0px;
    bottom: -15px;
}

.block1,
.block3,
.block4,
.block5 {
    margin-bottom: 20px;
    border: 1px solid #e3e3e3;
    background: #fff;
    padding: 24px 18px 25px 31px;
}

.div6,
.div3,
.div4,
.div5 {
    width: 65px;
    display: inline-block;
    height: 54px;
    overflow: hidden;
    margin: 6px 15px 15px 0;
    float: left;
}

.div6 {
    background: url('../img/page2_icon1.png') 0 0 no-repeat;
}

.div3 {
    background: url('../img/page2_icon2.png') 0 0 no-repeat;
}

.div4 {
    background: url('../img/page2_icon3.png') 0 0 no-repeat;
}

.div5 {
    background: url('../img/page2_icon4.png') 0 0 no-repeat;
}

.block1:hover .div6,
.block3:hover .div3,
.block4:hover .div4,
.block5:hover .div5 {
    background-position: right 0;
}

.brd4 {
    border-bottom: 1px solid #d3d3d3;
    overflow: hidden;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

.block6 {
    background: #e5e5e5;
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #e3e3e3;
    margin: 10px !important;
}

div.p8 {
    padding: 25px 75px 18px 15px;
}
.m_20 {
  margin-top: 20px;
}
/*------------Images-----------*/
a.lightbox {
    display: block;
    position: relative;
}

a.lightbox span {
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    display: block;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../img/magnify.png) -100px center no-repeat;
}

a.lightbox:hover span {
    background-position: center center;
}

.img {
    display: inline-block;
    margin-bottom: 20px;
}

.img1 {
    margin: 0 0 1px 1px;
    display: inline-block;
    float: right;
    border: 1px solid #e3e3e3;
}

.img2 {
    margin-bottom: 20px;
    display: inline-block;
    border: 1px solid #e3e3e3;
}

.img3 {
    margin: 20px 0 28px;
    border: 1px solid #e3e3e3;
}

.img1,
.img2,
.img3,
.block6 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

/*-------------Text------------*/
.txt {
    text-align: left;
}

.p1 {
    text-transform: uppercase;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}

h2.p1>span {
    color: #000;
    display: block;
    font-size: 72px;
}

.p2 {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
}

.p3 {
    font-size: 13px;
    line-height: 21px;
}

.p4 {
    color: #444;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 21px;
}

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

.p6 {
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #aeaeae;
}

.p7 {
    text-transform: uppercase;
    display: block;
    color: #444;
    margin-bottom: 20px;
}

.p8,
.p9,
.p10 {
    text-transform: uppercase;
    color: #444;
    position: relative;
}

.p10 {
    font-size: 38px;
    line-height: 38px;
    border-bottom: #d3d3d3 solid 1px;
    padding-bottom: 18px;
    margin-bottom: 18px;
}

/*-------------Links-----------*/
a {
    text-decoration: none;
    color: inherit;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

a:hover {
    color: #999;
}

.a1 {
    padding: 10px 18px 10px;
    position: relative;
    font-size: 11px;
    line-height: 18px;
    text-transform: uppercase;
    margin-top: 18px;
    background: #fff;
    display: inline-block;
    border-radius: 5px;
}

.a2 {
    color: #00bff3
}

.a3 {
    color: #ee1c67;
}

.a4 {
    color: #94e238;
}

.a1:hover {
    color: #afafb6;
    background: #fbfbfb;
}

.a5 {
    width: 125px;
    position: relative;
    font-size: 14px;
    margin-top: 4px;
    padding: 5px;
    height: 26px;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
}

.a6 {
    background: #ee1c67;
}

.a7 {
    background: #00bff3;
}

.a5+.a5 {
    margin-left: 3px;
}

.a8 {
    display: inline-block;
    width: 43px;
    background: url('../img/link6.png') right 0 no-repeat;
    height: 43px;
    margin-bottom: 38px;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
    transition: 0s ease;
}

.a8:hover {
    background-position: left 0;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
    transition: 0s ease;
}

.a9 {
    color: #00bff3;
    text-transform: none;
}

.a9:hover {
    color: #444;
}

.a10 {
    text-transform: uppercase;
    color: #444;
}

.a10:hover {
    color: #00bff3;
}

.a11 {
    margin-bottom: 3px;
    display: inline-block;
    font-size: 19px;
    font-weight: bold;
}

.a12 {
    top: 50%;
    display: inline-block;
    right: 20px;
    position: absolute;
    width: 43px;
    background: url('../img/link6.png') left 0 no-repeat;
    height: 43px;
    margin-top: -22px;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
    transition: 0s ease;
}

.a12:hover,
.a13:hover {
    background-position: right 0;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
    transition: 0s ease;
}

.a13 {
    width: 43px;
    display: inline-block;
    margin-bottom: 30px;
    background: url('../img/link6.png') left 0 no-repeat;
    height: 43px;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
    transition: 0s ease;
}

.a6:hover {
    color: #fff;
    background-color: #fe4186;
}

.a7:hover {
    color: #fff;
    background: #4cdffc;
}

/*------------- margin bottom --------------------*/
.m_0 {
    margin-bottom: 0px !important;
}

.m_10 {
    margin-bottom: 10px;
}

.m_15 {
    margin-bottom: 15px;
}

.m_20 {
    margin-bottom: 20px;
}

.m_21 {
    margin-bottom: 21px !important;
}

.m_22 {
    margin-bottom: 22px !important;
}

.m_23 {
    margin-bottom: 23px;
}

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

.m_27 {
    margin-bottom: 27px !important;
}

.m_30 {
    margin-bottom: 30px;
}

.m_40 {
    margin-bottom: 40px;
}

.m_44 {
    margin-bottom: 44px;
}

.m_45 {
    margin-bottom: 45px;
}

.m_46 {
    margin-bottom: 46px;
}

.m_47 {
    margin-bottom: 47px;
}

.m_48 {
    margin-bottom: 48px;
}

.m_50 {
    margin-bottom: 50px;
}

.m_64 {
    margin-bottom: 64px;
}

.m_65 {
    margin-bottom: 65px;
}

.m_66 {
    margin-bottom: 66px;
}

.m_67 {
    margin-bottom: 67px;
}

.m_70 {
    margin-bottom: 70px;
}

.m_76 {
    margin-bottom: 76px;
}

/*-------------Indent-----------*/
.pad1 {
    padding-top: 56px;
}

.pad2 {
    padding-top: 30px;
}

.pad3 {
    padding-top: 75px;
}

.pad4 {
    padding-bottom: 80px;
}

.mrg1 {
    margin-top: 28px;
}

.mrg2 {
    margin-top: 87px;
}

.mrg3 {
    margin-bottom: 30px;
}

.mrg4 {
    margin-bottom: 26px;
}

.mrg5 {
    margin-top: 49px;
}

.mrg6 {
    margin-bottom: 76px;
}

.mrg7 {
    margin-bottom: 32px;
}

.mrg8 {
    margin-top: 45px;
}

.mrg9 {
    margin-bottom: 32px;
}

.mrg10 {
    margin-top: 70px;
}

/*-------------List------------*/
.list {
    margin: 8px 0 17px;
}

.list a {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 30px;
    color: #aeaeae;
}

.list li:hover a {
    color: #ee1c67;
}

.list li:hover {
    background: url('../img/link7.png') 0 9px no-repeat;
}

.list1 figure {
    margin-top: 6px;
    margin-bottom: 16px;
}

/*-------------Footer-----------*/
#footer {
    text-align: center;
    padding-bottom: 30px;
}

#footer p.logo {
    margin: 40px 0 8px;
    display: inline-block;
}

.brd {
    border-top: 6px solid #eaeaea;
    position: relative;
}

.brand>a {
    margin-top: 24px;
    display: inline-block;
    background: #fff;
}

.brand>a+a {
    margin-left: 32px;
}

.privacy {
    color: #444;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 12px;
    letter-spacing: 0.5px;
}

.socials a {
    margin: 0 9px;
    display: inline-block;
    background: #fff;
}

.socials>a:hover,
.brand>a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/*--------------To_Top----------*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 40px;
    left: 51%;
    margin-left: 500px;
    overflow: hidden;
    width: 52px;
    height: 52px;
    border: none;
    text-indent: -999px;
    z-index: 20;
    background: url(../img/totop.png) no-repeat left 0;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
}

#toTop:hover {
    outline: none;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

@media only screen and (max-width: 1130px) {
    #toTop {
        left: auto;
        margin-left: 0;
        right: 10px !important;
        bottom: 20px !important;
        margin-right: 10px !important;
    }
}

.map figure iframe {
    width: 100%;
    height: 489px;
    max-width: 100%;
}

address {
    font-style: normal;
    margin-bottom: 30px;
    line-height: inherit;
}

address dt {
    color: #444;
    text-transform: uppercase;
    margin-bottom: 20px;
}

address dd {
    height: 22px;
}

address dd span {
    color: inherit;
    padding: 0;
    display: inline-block;
    text-align: left;
}

address a {
    color: #00bff3;
}

address a:hover {
    color: #444;
}


/*=======================RESPONSIVE LAYOUTS===========================*/

@media only screen and (max-width: 1000px) {
    body {
/*        min-width: 768px;*/
    }

    .caption {
        height: 130px !important;
    }

    .caption h2 {
        font-size: 38px;
        line-height: 38px;
    }

    .caption h2 span {
        font-size: 58px;
    }

    .shadow:before {
        left: 0;
        width: 100% !important;
    }

    .list li {
        padding-left: 17px;
    }

    .list a {
        line-height: 12px;
    }

    .list li:hover {
        background-position: 0 0;
    }
}

@media only screen and (max-width: 767px) {
    body {
/*        min-width: 420px;*/
    }

    .caption {
        height: 110px !important;
    }

    .caption h2 {
        font-size: 34px;
        letter-spacing: -2px;
        line-height: 30px;
    }

    .caption h2 span {
        font-size: 46px;
    }

    .camera_pag {
        bottom: 8px !important;
    }

    h2 {
        line-height: 64px;
    }

    .mrg1 {
        margin-top: 37px;
    }

    .mrg2 {
        margin-top: 37px;
    }

    .img1,
    .flt {
        float: none;
    }

    h6 {
        padding-top: 15px;
    }

    .mrg11 {
        margin-top: 0px;
    }

    .mrg12 {
        margin-bottom: 12px;
    }

    h6:before {
        width: 85%;
        right: 10%;
    }

    .mrg6 {
        margin-bottom: 30px;
    }

    .list a:hover {
        position: relative;
        color: #ee1c67;
        display: inline-block;
    }

    .list a:hover:before {
        content: '';
        width: 13px;
        position: absolute;
        height: 13px;
        background: url('../img/link7.png') 0 0 no-repeat;
        top: 1px;
        display: block;
        left: -18px;
    }

    .list li:hover {
        background: none;
    }

    .gallery1 a.lightbox img,
    .gallery a.lightbox img {
        width: 100%;
    }

    .gallery li {
        margin-bottom: 20px;
    }

    .a13 {
        margin-bottom: 40px;
    }

    .img3 {
        margin: 20px 0 0;
    }

    .block1,
    .block3,
    .block4,
    .block5 {
        margin-bottom: 0;
    }

    .sp_img_height {
        max-width: 80%;
    }
}

@media only screen and (max-width: 480px) {
    body {
/*        min-width: 300px;*/
    }

    .caption {
        display: none !important;
    }

    h2 {
        margin-top: 0px !important;
        font-size: 36px;
        line-height: 40px;
    }

    h2.p1>span {
        font-size: 50px;
    }

    .img {
        width: 100%;
    }
}

#footer h1 {
    display: inline-block;
    margin: 40px 0 8px;
}

/*-----------------------------------------------------------------------------------------------------------------------*/
/* inquiry */
.inquiry #content .contentArea {
    margin: 4em 0;
    width: 100%;
}

.inquiry #content .message {
    margin-bottom: 2.4em;
}

.inquiryFormTable {
    border-bottom: 1px solid rgb(153, 153, 153);
    border-top: 1px solid rgb(153, 153, 153);
    padding: 2.4em 0;
}

.inquiryFormTable dl {
    display: table;
    width: 100%;
}

.inquiryFormTable dt {
    border-right: medium none;
    font-weight: 700;
    width: 25%;
}

.inquiryFormTable dd,
.inquiryFormTable dt {
    display: table-cell;
    padding: 7px 10px 20px;
    text-align: left;
    vertical-align: top;
}

.inquiryFormTable dd label.side {
    padding-right: 20px;
}

.inquiryFormTable dd label.side input {
    margin-right: 10px;
}

#inquiryForm .comment {
    color: rgb(153, 153, 153);
    display: block;
    font-size: 70%;
    margin-top: 0.3em;
}

.inquiryFormTable .formS {
    width: 30%;
}

.inquiryFormTable .formM {
    width: 50%;
}

.inquiryFormTable .formL {
    width: 82%;
}

.inquiryFormTable textarea {
    padding: 0.3em;
    width: 98%;
}

.inquiryFormTable .required {
    color: rgb(204, 0, 0);
    font-size: 80%;
    font-weight: 700;
    padding-left: 0.5em;
}

.inquiryFormTable .title {
    border-bottom: 1px solid rgb(153, 153, 153);
    color: rgb(51, 51, 51);
    margin: 1.5em 0;
    padding: 0.7em 0.5em;
}

.inquiryFormTable hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0) -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 15px 0 0;
    color: rgb(255, 255, 255);
    height: 0;
}

.inquiryFormTable .text {
    color: rgb(102, 102, 102);
    font-size: 90%;
    margin: 0.5em 0;
}

.inquiryFormTable label.tandem {
    display: block;
}

.inquiry #content .btBox {
    margin: 3.5em 0 0;
    text-align: center;
}

.inquiry #content .backBt,
.inquiry #content .confirmBt,
.inquiry #content .submitBt,
.inquiry #content .topBt {
    height: auto;
    margin: 0;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    width: 152px;
}

@media only screen and (max-width: 767px) {
    .inquiryFormTable dt {
        display: block;
        width: 100%;
        padding: 20px 0 0 0;
    }

    .inquiryFormTable dd {
        display: block;
        width: 100%;
        padding: 5px 0 0 0;
    }
}

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

    .inquiry #content .backBt,
    .inquiry #content .confirmBt,
    .inquiry #content .submitBt,
    .inquiry #content .topBt {
        width: 120px;
    }
}

.inquiry #content .backBt {
    margin-right: 30px;
}

.inquiry #content .topBt {
    display: block;
    margin: 2em auto;
}

.inquiry #content .errorText:before {
    content: "※";
}

.inquiry #content .errorText {
    color: rgb(204, 0, 0);
    display: block;
    font-size: 85%;
}

.inquiryFormTable textarea,
input.formM {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 3px;
}

/* =====================================
 blog
===================================== */
.blog h3 {
    margin-top: 0;
    padding-bottom: 0;
}

/* blog imgs -------------------------- */
.blog #content img {
    height: auto;
    max-width: 100%;
    width: auto;
}

.blog #content .icon_imgs {
    width: auto !important;
}

/* blog link -------------------------- */
#blogBody .contentArea a {
    word-break: break-all;
}

/* blog回り込み解除 */
#blogBody .blogArea:after {
    content: ".";
    display: block;
    clear: both;
}

/* =====================================
 pagenation
===================================== */
#pagenation .inner {
    margin: 30px auto 20px;
    padding-top: 20px;
    white-space: nowrap;
    width: 235px;
}

#pagenation ul,
#pagenation ol {
    margin: 0;
    padding: 0;
}

#pagenation ul {
    list-style: none outside none;
}

#pagenation li {
    float: left;
    font-size: 100%;
    margin: 0.15em;
    text-align: center;
    width: 2em;
}

#pagenation li a {
    background: none repeat scroll 0 0 rgb(237, 237, 237);
    color: rgb(102, 102, 102);
    display: block;
    padding: 0.25em 0;
}

#pagenation .active a,
#pagenation a.active:hover {
    background: none #000;
    color: #fff;
}

#pagenation .arrow {
    float: left;
    margin: 0.2em;
}

/* =====================================
 notfound
===================================== */
#notfoundBody p {
    text-align: center;
}

#notfoundBody p strong {
    font-size: 130%;
    font-weight: bold;
}

#notfoundBody form {
    text-align: center;
}

#notfoundBody .contentArea {
    margin-left: 0;
    margin-bottom: 2em;
}

.static #content .contentArea p {
    line-height: 1.4em;
    margin: 1em 0 !important;
}

.static #content h2.titleBg,
h2.titleBg {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgb(237, 237, 237);
    border-left: medium none;
    border-top: 3px solid rgb(0, 0, 0);
    font-size: 120%;
    padding: 10px 15px;
    color: #000;
    letter-spacing: 0;
}

#notFound.grid_8 {
    min-height: 200px;
}

#notfoundBody form input {
    padding: 5px;
}

#notfoundBody form input.searchButton {
    padding: 0 5px;
}

/* =====================================
 sitemap
===================================== */
ul.sitemap_ic li a {
    position: relative;
    display: block;
    padding: 20px 40px 20px 15px;
    border-bottom: 1px dotted #ccc;
}

ul.sitemap_ic li a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1px solid #888;
    border-right: 1px solid #888;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* =====================================
 news
===================================== */
#news {
    position: relative;
    margin-left: 0;
}

#news h2 {
    border-top: 3px solid rgb(0, 0, 0);
    display: block;
    font-size: 130%;
    margin: 0 0 1em !important;
    padding: 10px;
    color: #000;
    letter-spacing: 0;
}

#news dl {
    border-bottom: 1px dashed rgb(204, 204, 204);
    margin-bottom: 0.6em;
    width: 100%;
}

#news dt {
    float: none;
    font-weight: bold;
    margin-bottom: 0.1em;
    padding: 0 10px;

}

#news dt .newsNew {
    background: none repeat scroll 0 0 rgb(0, 0, 0);
    border-radius: 2px;
    color: rgb(255, 255, 255);
    font-size: 0.8em;
    margin: 0 0 0 10px;
    padding: 0.3em 0.5em;
}

#news dd {
    float: none;
    padding: 0 10px 0.6em;
    width: auto;
}

#news dd a {
    text-decoration: underline;
}

/* title 変更用 -------------------------- */
.gnv_tmp_008_title_block .gnv_tmp_008_link {
    display: none;
}

.gnv_tmp_008_title_block #news h2 {
    display: none;
}

.gnv_tmp_008_title_block #news .ov {
    top: -45px;
    position: relative;
}

/* news link -------------------------- */
#news .ov {
    display: block;
    float: left;
    position: absolute;
    text-align: right;
    top: 21px;
    width: 100%;
}

/* news detail -------------------------- */
#newsDetail {
    margin-top: 10px;
}

.newsDetailBody {
    margin-top: 1em;
    padding: 0 10px 10px;
}

/* =====================================
 news
===================================== */
.news_con {
    padding-top: 47px;
    padding-bottom: 102px;
}

#news {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    padding: 10px 20px 47px 18px !important;
    box-sizing: border-box;
    box-shadow: 0 3px 5px 2px rgba(204, 204, 204, 0.94);
}

#news .ov {
    width: auto;
    right: 20px;
    top: 21px;
    font-family: "ヒラギノUD角ゴ StdN W3", "HiraginoUDSansStd-W3";
    color: #555;
    font-size: 16px;
}

#news .ov:hover {
    color: #406b9c;
    text-decoration: underline;
}

#news h2 {
    margin-bottom: 11px !important;
    font-size: 22px !important;
    color: #333 !important;
    letter-spacing: 3.5px !important;
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: bold;
    padding-bottom: 12px !important;
    text-align: left;
    padding-left: 50px !important;
    position: relative;
    border-bottom: 4px solid #f2f2f2 !important;
    background: #fff !important;
    border-radius: 0 !important;
}

#news h2:before {
    position: absolute;
    content: "";
    display: block;
    width: 41px;
    height: 27px;
    left: 0;
    top: 50%;
    background: url(../img/news_icon.png) no-repeat center center;
    margin-top: -12px;
}

#news dl {
    border-bottom: 1px dashed #dddddd;
    font-size: 17px;
    padding: 10px 0 2px;
    margin-bottom: 0;
}

#news dt {
    float: none;
    color: #a2a2a2;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 16px;
    width: 100%;
    letter-spacing: 0.6px;
    margin-bottom: 2px;
    padding-left: 10px;
}

#news dt .newsNew {
    background: #fdef0e;
    border-radius: 5px;
    box-sizing: border-box;
    color: #676767;
    display: inline-block;
    font-size: 11px;
    height: 18px;
    letter-spacing: 0;
    line-height: 20px;
    margin: -3px 0 0 13px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 39px;
    font-weight: normal;
}

#news dd {
    padding-left: 0;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 1.6;
    padding-left: 10px;
}

#news dd a {
    color: #333;
    display: inline-block;
    text-decoration: underline;
}

#news dd a:hover {
    color: #4db97b;
}

.news_con .news_box {
    width: 50%;
    float: left;
    margin-right: 3%;
}

.news_con .medal_box {
    width: 20%;
    margin-right: 3%;
    box-sizing: border-box;
    float: left;
}

.news_con .log_box {
    width: 24%;
    margin-right: 0%;
    box-sizing: border-box;
    float: left;
    background: #ff9e96;
    padding: 20px 10px;
    box-sizing: border-box;
}

.news_con .medal_box .link_txt {
    text-align: center;
    color: #4db97b;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: bold;
    margin-bottom: 10px !important;
    text-decoration: underline;
}

.news_con .medal_box .img_box {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    max-width: 200px;
}

.news_con .medal_box .txt {
    font-size: 13px;
    letter-spacing: 0px;
    color: #525252;
    font-weight: bold;
    line-height: 1.7;
}

.news_con .log_box .link_txt {
    font-size: 14px;
    letter-spacing: 1px;
    color: #333;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 10px !important;
}

.log_box iframe {
    width: 100%;
    height: 300px;
}

.news_con .log_box .img_box {
    width: 90%;
    max-width: 171px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 18px;
}

@media screen and (max-width: 767px) {
    .news_con {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .news_con .news_box {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 35px;
    }

    .news_con .medal_box {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 35px;
    }

    .news_con .log_box {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}

.category {
    max-width: 800px;
    margin: 0 auto 40px;
}

.pagination {
    margin: 20px auto;
    max-width: fit-content;
}

.pagination>.current {
    display: inline-block;
    padding: 10px;
    background: rgb(237, 237, 237);
    color: rgb(102, 102, 102);
    text-decoration: none;
}

.pagination>a {
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    background: #83c8bb;
    color: #fff;
    margin: 5px 5px;
}

/* =====================================
 youtube resp 対応コード
===================================== */
.youtube_contents {
    position: relative;
    height: 0;
    padding: 30px 0 56.25%;
    overflow: hidden;
}

.youtube_contents embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.youtube_contents iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* =====================================
 singlebox
===================================== */
/* 2 column -------------------------- */
.singlebox2 {
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
    width: 47.9% !important;
}

/* 3 column -------------------------- */
.singlebox3 {
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
    width: 31.2% !important;
}

/* 4 column -------------------------- */
.singlebox4 {
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
    width: 22.9% !important;
}

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

    /* 2 column -------------------------- */
    .singlebox2 {
        width: 47% !important;
    }

    /* 3 column -------------------------- */
    .singlebox3 {
        width: 30.5% !important;
    }

    /* 4 column -------------------------- */
    .singlebox4 {
        width: 22.2% !important;
    }
}

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

    /* common column -------------------------- */
    .singlebox2,
    .singlebox3,
    .singlebox4 {
        width: 100% !important;
        padding: 0 0 15px;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .singlebox2 .b_11_2_in,
    .singlebox3 .b_11_2_in,
    .singlebox4 .b_11_2_in {
        padding: 5px;
    }

    .singlebox2 .b_11_2_in span img,
    .singlebox3 .b_11_2_in span img,
    .singlebox4 .b_11_2_in span img {
        margin: 0;
    }
}



/*----------------------------------------------------------------------------------------------------------*/

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

img {
    max-width: 100%;
    height: auto;
}

.b_01,
.b_02 {
    margin: 0 0 2em
}

.b_02 p {
    margin: 0 0 1em
}

.b_02 p:last-child {
    margin: 0
}

.b_03 {
    margin: 0 0 2em
}

.b_03 span {
    display: block;
    margin: 0 0 1em;
    line-height: 1px;
    text-align: center
}

.b_03 span:last-child {
    margin: 0
}

.b_03 img {
    width: 100%;
    height: auto;
    margin: 0 auto
}

.b_03.b_03_column2 {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
    width: 100%;
    line-height: 1px
}

.b_03.b_03_column2 span,
.b_03.b_03_column2 span:last-child {
    margin: 0
}

.b_03.b_03_column2 div.column_l {
    display: table-cell;
    width: auto;
    padding-right: 5px;
    line-height: 1px;
    vertical-align: top
}

.b_03.b_03_column2 div.column_r {
    display: table-cell;
    width: auto;
    padding-left: 5px;
    line-height: 1px;
    vertical-align: top
}

.b_03.b_03_column3 {
    display: table;
    table-layout: auto;
    border-collapse: collapse;
    border: none;
    width: 100%;
    line-height: 1px
}

.b_03.b_03_column3 div.column_c,
.b_03.b_03_column3 div.column_l,
.b_03.b_03_column3 div.column_r {
    display: table-cell;
    width: 32%;
    vertical-align: top
}

.b_03.b_03_column3 div.column_blank {
    display: table-cell;
    width: auto;
    vertical-align: top
}

.b_03.b_03_column3 div.column_c span,
.b_03.b_03_column3 div.column_l span,
.b_03.b_03_column3 div.column_r span {
    display: block;
    width: auto
}

@media screen and (max-width: 600px) {
    .b_03.b_03_column2 {
        display: block;
        width: 100%;
        line-height: 1px
    }

    .b_03.b_03_column2 div.column_l {
        display: block;
        width: auto;
        margin: 0 0 1em;
        padding-right: 0;
        line-height: 1px
    }

    .b_03.b_03_column2 div.column_r {
        display: block;
        width: auto;
        padding-left: 0;
        line-height: 1px
    }

    .b_03.b_03_column3,
    .b_03.b_03_column3 div.column_c,
    .b_03.b_03_column3 div.column_l,
    .b_03.b_03_column3 div.column_r {
        display: block;
        width: 100%
    }

    .b_03.b_03_column3 div.column_blank {
        display: none
    }

    .b_03.b_03_column3 div.column_c,
    .b_03.b_03_column3 div.column_l {
        margin: 0 0 1em
    }

    .b_03.b_03_column3 div.column_r {
        margin: 0
    }
}

.b_04 {
    margin: 0 0 2em
}

.b_04_in {
    margin: 0 0 1em
}

.b_04_in:last-child {
    margin: 0
}

.b_04 .b_04_in div {
    margin: 0 0 .3em
}

.b_04 .b_04_in span img {
    display: block;
    float: left;
    width: 30%;
    margin: 0 .5em .5em 0
}

.b_04 img {
    width: 100%;
    height: auto;
    margin: 0 auto
}

.b_04.b_04_column2 {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
    width: 100%
}

.b_04.b_04_column2 div.column_l {
    display: table-cell;
    width: auto;
    padding-right: 5px;
    vertical-align: top
}

.b_04.b_04_column2 div.column_r {
    display: table-cell;
    width: auto;
    padding-left: 5px;
    vertical-align: top
}

.b_04.b_04_column2 div.column_l div,
.b_04.b_04_column2 div.column_r div {
    margin: 0 0 .3em
}

.b_04.b_04_column2 div.column_l span,
.b_04.b_04_column2 div.column_r span {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 .5em
}

.b_04.b_04_column3 {
    display: table;
    table-layout: auto;
    border-collapse: collapse;
    border: none;
    width: 100%
}

.b_04.b_04_column3 div.column_c,
.b_04.b_04_column3 div.column_l,
.b_04.b_04_column3 div.column_r {
    display: table-cell;
    width: 32%;
    vertical-align: top
}

.b_04.b_04_column3 div.column_blank {
    display: table-cell;
    width: auto;
    vertical-align: top
}

.b_04.b_04_column3 div.column_c div,
.b_04.b_04_column3 div.column_l div,
.b_04.b_04_column3 div.column_r div {
    margin: 0 0 .3em
}

.b_04.b_04_column3 div.column_c span,
.b_04.b_04_column3 div.column_l span,
.b_04.b_04_column3 div.column_r span {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 .5em
}

.b_04.b_04_column3 div.column_c span p,
.b_04.b_04_column3 div.column_l span p,
.b_04.b_04_column3 div.column_r span p {
    line-height: normal
}

@media screen and (max-width: 600px) {
    .b_04_img {
        display: block;
        float: none;
        width: 100%;
        margin: 0 0 .5em;
        line-height: 1px
    }

    .b_04.b_04_column2 {
        display: block;
        width: 100%
    }

    .b_04.b_04_column2 div.column_l {
        display: block;
        width: auto;
        margin: 0 0 1em;
        padding-right: 0
    }

    .b_04.b_04_column2 div.column_r {
        display: block;
        width: auto;
        padding-left: 0
    }

    .b_04.b_04_column3,
    .b_04.b_04_column3 div.column_c,
    .b_04.b_04_column3 div.column_l,
    .b_04.b_04_column3 div.column_r {
        display: block;
        width: 100%
    }

    .b_04.b_04_column3 div.column_c,
    .b_04.b_04_column3 div.column_l {
        margin: 0 0 1em
    }

    .b_04.b_04_column3 div.column_blank {
        display: none;
        width: auto
    }
}

.b_05 {
    width: 100%;
    margin: 0 auto 2em
}

.b_06 {
    margin: 0 0 2em
}

.b_06 table {
    display: table;
    table-layout: auto;
    border-collapse: collapse;
    border: none;
    width: 100%
}

.b_06 table td,
.b_06 table th {
    border: 1px solid #ccc
}

.b_06_item {
    width: 30%;
    padding: 7px 10px;
    text-align: left;
    background: #eee
}

.b_06_content {
    width: auto;
    padding: 7px 10px;
    text-align: left
}

@media screen and (max-width: 600px) {
    .b_06_item {
        width: 30%
    }
}

.b_07 {
    position: relative;
    margin: 0 0 2em
}

.b_07 iframe {
    width: 100% !important;
    height: 100% !important
}

.b_08 {
    margin: 0 0 2em
}

.btn_fb {
    display: block;
    float: left;
    width: 107px
}

.btn_fb iframe {
    height: 25px !important
}

.blueButton.blue .pluginButton {
    height: 22px;
    line-height: 22px
}

.btn_tweet {
    display: block;
    float: left;
    width: 100px
}

.btn_mixi {
    display: block;
    float: left;
    width: 58px
}

.btnMx {
    display: block;
    width: 58px;
    height: 18px;
    background: url(../img/btnMx.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden
}

.b_08 #line img {
    width: 88px !important
}

.b_04_2,
.b_09 {
    margin: 0 0 2em
}

.b_04_2_in {
    margin: 0 0 1em
}

.b_04_2_in:last-child {
    margin: 0
}

.b_04_2_in div {
    margin: 0 0 .3em
}

.b_04_2_in span {
    display: block;
    float: left;
    width: 30%;
    margin: 0 .5em .5em 0;
    line-height: 1px
}

.b_04_2 img {
    width: 100%;
    height: auto;
    margin: 0 auto
}

.b_04_2.b_04_2_column2 {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
    width: 100%
}

.b_04_2.b_04_2_column2 div.column_l {
    display: table-cell;
    width: auto;
    padding-right: 5px;
    vertical-align: top
}

.b_04_2.b_04_2_column2 div.column_r {
    display: table-cell;
    width: auto;
    padding-left: 5px;
    vertical-align: top
}

.b_04_2.b_04_2_column2 div.column_l div,
.b_04_2.b_04_2_column2 div.column_r div {
    margin: 0 0 .3em
}

.b_04_2.b_04_2_column2 div.column_l span,
.b_04_2.b_04_2_column2 div.column_r span {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 .5em;
    line-height: 1px
}

.b_04_2.b_04_2_column3 {
    display: table;
    table-layout: auto;
    border-collapse: collapse;
    border: none;
    width: 100%
}

.b_04_2.b_04_2_column3 div.column_c,
.b_04_2.b_04_2_column3 div.column_l,
.b_04_2.b_04_2_column3 div.column_r {
    display: table-cell;
    width: 32%;
    vertical-align: top
}

.b_04_2.b_04_2_column3 div.column_blank {
    display: table-cell;
    width: auto;
    vertical-align: top
}

.b_04_2.b_04_2_column3 div.column_c div,
.b_04_2.b_04_2_column3 div.column_l div,
.b_04_2.b_04_2_column3 div.column_r div {
    margin: 0 0 .3em
}

.b_04_2.b_04_2_column3 div.column_c span,
.b_04_2.b_04_2_column3 div.column_l span,
.b_04_2.b_04_2_column3 div.column_r span {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 .5em;
    line-height: 1px
}

@media screen and (max-width: 600px) {
    .b_04_2_img {
        display: block;
        float: none;
        width: 100%;
        margin: 0 0 .5em;
        line-height: 1px
    }

    .b_04_2.b_04_2_column2 {
        display: block;
        width: 100%
    }

    .b_04_2.b_04_2_column2 div.column_l {
        display: block;
        width: auto;
        margin: 0 0 1em;
        padding-right: 0
    }

    .b_04_2.b_04_2_column2 div.column_r {
        display: block;
        width: auto;
        padding-left: 0
    }

    .b_04_2.b_04_2_column3,
    .b_04_2.b_04_2_column3 div.column_c,
    .b_04_2.b_04_2_column3 div.column_l,
    .b_04_2.b_04_2_column3 div.column_r {
        display: block;
        width: 100%
    }

    .b_04_2.b_04_2_column3 div.column_c,
    .b_04_2.b_04_2_column3 div.column_l {
        margin: 0 0 1em
    }

    .b_04_2.b_04_2_column3 div.column_blank {
        display: none;
        width: auto
    }
}

.b_04_3 {
    margin: 0 0 2em
}

.b_04_3_in {
    margin: 0 0 1em
}

.b_04_3_in:last-child {
    margin: 0
}

.b_04_3_in div {
    margin: 0 0 .3em
}

.b_04_3_in span {
    display: block;
    float: left;
    width: 30%;
    margin: 0 .5em .5em 0;
    line-height: 1px
}

.b_04_3 img {
    width: 100%;
    height: auto;
    margin: 0 auto
}

.b_04_3.b_04_3_column2 {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
    width: 100%
}

.b_04_3.b_04_3_column2 div.column_l {
    display: table-cell;
    width: auto;
    padding-right: 5px;
    vertical-align: top
}

.b_04_3.b_04_3_column2 div.column_r {
    display: table-cell;
    width: auto;
    padding-left: 5px;
    vertical-align: top
}

.b_04_3.b_04_3_column2 div.column_l div,
.b_04_3.b_04_3_column2 div.column_r div {
    margin: 0 0 .3em
}

.b_04_3.b_04_3_column2 div.column_l span,
.b_04_3.b_04_3_column2 div.column_r span {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 .5em;
    line-height: 1px
}

.b_04_3.b_04_3_column3 {
    display: table;
    table-layout: auto;
    border-collapse: collapse;
    border: none;
    width: 100%
}

.b_04_3.b_04_3_column3 div.column_c,
.b_04_3.b_04_3_column3 div.column_l,
.b_04_3.b_04_3_column3 div.column_r {
    display: table-cell;
    width: 32%;
    vertical-align: top
}

.b_04_3.b_04_3_column3 div.column_blank {
    display: table-cell;
    width: auto;
    vertical-align: top
}

.b_04_3.b_04_3_column3 div.column_c div,
.b_04_3.b_04_3_column3 div.column_l div,
.b_04_3.b_04_3_column3 div.column_r div {
    margin: 0 0 .3em
}

.b_04_3.b_04_3_column3 div.column_c span,
.b_04_3.b_04_3_column3 div.column_l span,
.b_04_3.b_04_3_column3 div.column_r span {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 .5em;
    line-height: 1px
}

@media screen and (max-width: 600px) {
    .b_04_3_img {
        display: block;
        float: none;
        width: 100%;
        margin: 0 0 .5em;
        line-height: 1px
    }

    .b_04_3.b_04_3_column2 {
        display: block;
        width: 100%
    }

    .b_04_3.b_04_3_column2 div.column_l {
        display: block;
        width: auto;
        margin: 0 0 1em;
        padding-right: 0
    }

    .b_04_3.b_04_3_column2 div.column_r {
        display: block;
        width: auto;
        padding-left: 0
    }

    .b_04_3.b_04_3_column3,
    .b_04_3.b_04_3_column3 div.column_c,
    .b_04_3.b_04_3_column3 div.column_l,
    .b_04_3.b_04_3_column3 div.column_r {
        display: block;
        width: 100%
    }

    .b_04_3.b_04_3_column3 div.column_blank {
        display: none;
        width: auto
    }
}

.b_11 {
    margin: 0 0 2em
}

.b_11_in {
    margin: 0 0 1em
}

.b_11_in:last-child {
    margin: 0
}

.b_11 .b_11_in div {
    margin: 0 0 .3em
}

.b_11 .b_11_in span img {
    display: block;
    float: left;
    width: 30%;
    margin: 0 .5em .5em 0
}

.b_11 img {
    width: 100%;
    height: auto;
    margin: 0 auto
}

.b_11.b_11_column2 {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
    width: 100%
}

.b_11.b_11_column2 div.column_l {
    display: table-cell;
    width: auto;
    padding-right: 5px;
    vertical-align: top
}

.b_11.b_11_column2 div.column_r {
    display: table-cell;
    width: auto;
    padding-left: 5px;
    vertical-align: top
}

.b_11.b_11_column2 div.column_l div,
.b_11.b_11_column2 div.column_r div {
    margin: 0 0 .3em
}

.b_11.b_11_column2 div.column_l span img,
.b_11.b_11_column2 div.column_r span img {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 .5em
}

.b_11.b_11_column3 {
    display: table;
    table-layout: auto;
    border-collapse: collapse;
    border: none;
    width: 100%
}

.b_11.b_11_column3 div.column_c,
.b_11.b_11_column3 div.column_l,
.b_11.b_11_column3 div.column_r {
    display: table-cell;
    width: 32%;
    vertical-align: top
}

.b_11.b_11_column3 div.column_blank {
    display: table-cell;
    width: auto;
    vertical-align: top
}

.b_11.b_11_column3 div.column_c div,
.b_11.b_11_column3 div.column_l div,
.b_11.b_11_column3 div.column_r div {
    margin: 0 0 .3em
}

.b_11.b_11_column3 div.column_c span img,
.b_11.b_11_column3 div.column_l span img,
.b_11.b_11_column3 div.column_r span img {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 .5em
}

.b_11.b_11_column3 div.column_c span p,
.b_11.b_11_column3 div.column_l span p,
.b_11.b_11_column3 div.column_r span p {
    line-height: normal
}

@media screen and (max-width: 600px) {
    .b_11_img {
        display: block;
        float: none;
        width: 100%;
        margin: 0 0 .5em;
        line-height: 1px
    }

    .b_11.b_11_column2 {
        display: block;
        width: 100%
    }

    .b_11.b_11_column2 div.column_l {
        display: block;
        width: auto;
        margin: 0 0 1em;
        padding-right: 0
    }

    .b_11.b_11_column2 div.column_r {
        display: block;
        width: auto;
        padding-left: 0
    }

    .b_11.b_11_column3,
    .b_11.b_11_column3 div.column_c,
    .b_11.b_11_column3 div.column_l,
    .b_11.b_11_column3 div.column_r {
        display: block;
        width: 100%
    }

    .b_11.b_11_column3 div.column_c,
    .b_11.b_11_column3 div.column_l {
        margin: 0 0 1em
    }

    .b_11.b_11_column3 div.column_blank {
        display: none;
        width: auto
    }
}

.b_11_2 {
    margin: 0 0 2em
}

.b_11_2_in {
    margin: 0 0 1em
}

.b_11_2_in:last-child {
    margin: 0
}

.b_11_2_in div {
    margin: 0 0 .3em
}

.b_11_2_in span img {
    display: block;
    float: left;
    width: 30%;
    margin: 0 .5em .5em 0;
    line-height: 1px
}

.b_11_2 img {
    width: 100%;
    height: auto;
    margin: 0 auto
}

.b_11_2.b_11_2_column2 {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
    width: 100%
}

.b_11_2.b_11_2_column2 div.column_l {
    display: table-cell;
    width: auto;
    padding-right: 5px;
    vertical-align: top
}

.b_11_2.b_11_2_column2 div.column_r {
    display: table-cell;
    width: auto;
    padding-left: 5px;
    vertical-align: top
}

.b_11_2.b_11_2_column2 div.column_l div,
.b_11_2.b_11_2_column2 div.column_r div {
    margin: 0 0 .3em
}

.b_11_2.b_11_2_column2 div.column_l span img,
.b_11_2.b_11_2_column2 div.column_r span img {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 .5em;
    line-height: 1px
}

.b_11_2.b_11_2_column3 {
    display: table;
    table-layout: auto;
    border-collapse: collapse;
    border: none;
    width: 100%
}

.b_11_2.b_11_2_column3 div.column_c,
.b_11_2.b_11_2_column3 div.column_l,
.b_11_2.b_11_2_column3 div.column_r {
    display: table-cell;
    width: 32%;
    vertical-align: top
}

.b_11_2.b_11_2_column3 div.column_blank {
    display: table-cell;
    width: auto;
    vertical-align: top
}

.b_11_2.b_11_2_column3 div.column_c div,
.b_11_2.b_11_2_column3 div.column_l div,
.b_11_2.b_11_2_column3 div.column_r div {
    margin: 0 0 .3em
}

.b_11_2.b_11_2_column3 div.column_c span img,
.b_11_2.b_11_2_column3 div.column_l span img,
.b_11_2.b_11_2_column3 div.column_r span img {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 .5em;
    line-height: 1px
}

@media screen and (max-width: 600px) {
    .b_11_2_img {
        display: block;
        float: none;
        width: 100%;
        margin: 0 0 .5em;
        line-height: 1px
    }

    .b_11_2.b_11_2_column2 {
        display: block;
        width: 100%
    }

    .b_11_2.b_11_2_column2 div.column_l {
        display: block;
        width: auto;
        margin: 0 0 1em;
        padding-right: 0
    }

    .b_11_2.b_11_2_column2 div.column_r {
        display: block;
        width: auto;
        padding-left: 0
    }

    .b_11_2.b_11_2_column3,
    .b_11_2.b_11_2_column3 div.column_c,
    .b_11_2.b_11_2_column3 div.column_l,
    .b_11_2.b_11_2_column3 div.column_r {
        display: block;
        width: 100%
    }

    .b_11_2.b_11_2_column3 div.column_c,
    .b_11_2.b_11_2_column3 div.column_l {
        margin: 0 0 1em
    }

    .b_11_2.b_11_2_column3 div.column_blank {
        display: none;
        width: auto
    }
}

.b_11_3 {
    margin: 0 0 2em
}

.b_11_3_in {
    margin: 0 0 1em
}

.b_11_3_in:last-child {
    margin: 0
}

.b_11_3_in div {
    margin: 0 0 .3em
}

.b_11_3_in span {
    display: block;
    float: left;
    width: 30%;
    margin: 0 .5em .5em 0;
    line-height: 1px
}

.b_11_3 img {
    width: 100%;
    height: auto;
    margin: 0 auto
}

.b_11_3.b_11_3_column2 {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
    width: 100%
}

.b_11_3.b_11_3_column2 div.column_l {
    display: table-cell;
    width: auto;
    padding-right: 5px;
    vertical-align: top
}

.b_11_3.b_11_3_column2 div.column_r {
    display: table-cell;
    width: auto;
    padding-left: 5px;
    vertical-align: top
}

.b_11_3.b_11_3_column2 div.column_l div,
.b_11_3.b_11_3_column2 div.column_r div {
    margin: 0 0 .3em
}

.b_11_3.b_11_3_column2 div.column_l span img,
.b_11_3.b_11_3_column2 div.column_r span img {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 .5em;
    line-height: 1px
}

.b_11_3.b_11_3_column3 {
    display: table;
    table-layout: auto;
    border-collapse: collapse;
    border: none;
    width: 100%
}

.b_11_3.b_11_3_column3 div.column_c,
.b_11_3.b_11_3_column3 div.column_l,
.b_11_3.b_11_3_column3 div.column_r {
    display: table-cell;
    width: 32%;
    vertical-align: top
}

.b_11_3.b_11_3_column3 div.column_blank {
    display: table-cell;
    width: auto;
    vertical-align: top
}

.b_11_3.b_11_3_column3 div.column_c div,
.b_11_3.b_11_3_column3 div.column_l div,
.b_11_3.b_11_3_column3 div.column_r div {
    margin: 0 0 .3em
}

.b_11_3.b_11_3_column3 div.column_c span img,
.b_11_3.b_11_3_column3 div.column_l span img,
.b_11_3.b_11_3_column3 div.column_r span img {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 .5em;
    line-height: 1px
}

@media screen and (max-width: 600px) {
    .b_11_3_img {
        display: block;
        float: none;
        width: 100%;
        margin: 0 0 .5em;
        line-height: 1px
    }

    .b_11_3.b_11_3_column2 {
        display: block;
        width: 100%
    }

    .b_11_3.b_11_3_column2 div.column_l {
        display: block;
        width: auto;
        margin: 0 0 1em;
        padding-right: 0
    }

    .b_11_3.b_11_3_column2 div.column_r {
        display: block;
        width: auto;
        padding-left: 0
    }

    .b_11_3.b_11_3_column3,
    .b_11_3.b_11_3_column3 div.column_c,
    .b_11_3.b_11_3_column3 div.column_l,
    .b_11_3.b_11_3_column3 div.column_r {
        display: block;
        width: 100%
    }

    .b_11_3.b_11_3_column3 div.column_blank {
        display: none;
        width: auto
    }
}

.b_10 {
    margin: 0 0 2em
}

.b_10 span {
    display: block;
    margin: 0 0 1em;
    line-height: 1px;
    text-align: center
}

.b_10 span:last-child {
    margin: 0
}

.b_10 img {
    width: 100%;
    height: auto;
    margin: 0 auto
}

.b_10.b_10_column2 {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
    width: 100%;
    line-height: 1px
}

.b_10.b_10_column2 span,
.b_10.b_10_column2 span:last-child {
    margin: 0
}

.b_10.b_10_column2 div.column_l {
    display: table-cell;
    width: auto;
    padding-right: 5px;
    line-height: 1px;
    vertical-align: top
}

.b_10.b_10_column2 div.column_r {
    display: table-cell;
    width: auto;
    padding-left: 5px;
    line-height: 1px;
    vertical-align: top
}

.b_10.b_10_column3 {
    display: table;
    table-layout: auto;
    border-collapse: collapse;
    border: none;
    width: 100%;
    line-height: 1px
}

.b_10.b_10_column3 div.column_c,
.b_10.b_10_column3 div.column_l,
.b_10.b_10_column3 div.column_r {
    display: table-cell;
    width: 32%;
    vertical-align: top
}

.b_10.b_10_column3 div.column_blank {
    display: table-cell;
    width: auto;
    vertical-align: top
}

.b_10.b_10_column3 div.column_c span,
.b_10.b_10_column3 div.column_l span,
.b_10.b_10_column3 div.column_r span {
    display: block;
    width: auto
}

@media screen and (max-width: 600px) {
    .b_10.b_10_column2 {
        display: block;
        width: 100%;
        line-height: 1px
    }

    .b_10.b_10_column2 div.column_l {
        display: block;
        width: auto;
        margin: 0 0 1em;
        padding-right: 0;
        line-height: 1px
    }

    .b_10.b_10_column2 div.column_r {
        display: block;
        width: auto;
        padding-left: 0;
        line-height: 1px
    }

    .b_10.b_10_column3,
    .b_10.b_10_column3 div.column_c,
    .b_10.b_10_column3 div.column_l,
    .b_10.b_10_column3 div.column_r {
        display: block;
        width: 100%
    }

    .b_10.b_10_column3 div.column_blank {
        display: none
    }

    .b_10.b_10_column3 div.column_c,
    .b_10.b_10_column3 div.column_l {
        margin: 0 0 1em
    }

    .b_10.b_10_column3 div.column_r {
        margin: 0
    }
}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
* {
    font-size: 100%;
    margin: 0;
    padding: 0
}

img {
    vertical-align: top;
    outline: 0
}

li {
    list-style-type: none
}

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

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background: 0 0
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 0;
    margin: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.webcategory-list-link {
    float: right;
    width: auto
}

#pagenation,
.web-categories {
    clear: both
}




#slide_area {
    position: relative;
    width: 100%;
    max-width: 960px;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden
}

#slide_area .slide_cover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0
}

#slide_area .slide_box {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0
}

#slide_area .slide_box div {
    display: none;
    float: left;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0
}

#slide_area .slide_box div:first-child {
    display: block
}

#slide_area .slide_box div a {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-decoration: none
}

#slide_area .slide_box div img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0
}

.slide_prev_nav {
    position: absolute;
    top: 36%;
    left: 5px;
    width: 24px;
    height: 43px
}

.slide_next_nav {
    position: absolute;
    top: 36%;
    right: 5px;
    width: 24px;
    height: 43px
}

.slide_index {
    display: none;
    float: right
}

.slide_index li {
    display: block;
    float: left;
    width: 15px;
    padding: 10px 0
}

.slide_index li a {
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 auto;
    text-indent: -9999px;
    background: url(../img/pagination.png) no-repeat left top
}

.slide_index li a:hover {
    background: url(../img/pagination.png) no-repeat left -30px
}

.slide_index li a.focus {
    background: url(../img/pagination.png) no-repeat left -15px
}

#blogside .category_count_block,
.blogside .category_count_block {
    display: none
}

/*----------------------------------------------------------------------------------------------------------*/

.sf-menu {
    padding-top: 17px;
    display: inline-block;
}

.sf-menu>li {
    min-height: 23px;
    position: relative;
    padding: 0 5px;
    float: left;
    margin: 0 10px 25px;
}

.sf-menu>li>a {
    font-weight: bold;
    color: #000;
    position: relative;
    font-family: 'Cantarell', sans-serif;
    display: inline-block;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
}

.sf-menu>li.current,
.sf-menu>li.sfHover,
.sf-menu>li:hover {
    border-bottom: 4px solid #f25254;
    margin-bottom: 21px;
}

.sf-menu>li.current a.sf-with-ul:before {
    display: none;
}

.sf-menu ul {
    padding: 23px 0;
    position: absolute;
    z-index: 1000;
    text-align: left;
    left: -5px;
    top: 17px;
    min-width: 116px;
    background-color: #00bff3;
}

.sf-menu ul li a {
    font: 12px/34px 'Arial', sans-serif;
    text-transform: capitalize;
    color: #fff;
    text-decoration: none;
}

.sf-menu li ul li ul {
    left: 116px;
    min-width: 96px;
    top: 33px;
    background: #444;
}

.sf-menu ul li {
    padding-left: 24px;
}

.sf-menu ul li a:hover {
    color: #000;
}

.sf-menu ul ul li a:hover {
    color: #00bff3;
}

.sf-menu ul li a {
    text-align: left;
}

.sf-menu a.sf-with-ul:before {
    content: '';
    background: url('../img/arrow.png') 0 0 no-repeat;
    width: 5px;
    right: 25px;
    top: 20px;
    display: block;
    position: absolute;
    height: 7px;
}

.sf-menu ul a.sf-with-ul:first-child:before {
    display: none;
}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {}

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

    .sf-menu {
        display: none !important;
        float: none;
    }

    #mm0 {
        font: 12px/15px Arial, Helvetica, sans-serif;
        color: #202020;
        width: 100%;
        margin: 20px auto;
        float: none;
        outline: none;
        border: 1px solid #474646;
    }

}



/* =====================================
 body
===================================== */
body {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    font-size: 16px;
    color: #666;
    line-height: 1.7;
    letter-spacing: 3px;
}

/* =====================================
     under
===================================== */
.inquiry #content .contentArea {
    margin: 0;
}

.under #content {
    margin: 50px 0;
}

.under #content p:last-child {
    margin-bottom: 0;
}

.under #content p {
    margin-bottom: 15px;
}

#blogBody .contentArea a {
    display: block;
}

#blogBody .contentArea a:hover {
    color: #fff !important;
    text-decoration: underline;

}

#archiveLatest ul {
    margin-top: 20px;
}

#archiveMonth ul {
    margin-top: 20px;
}

.blog_search_form {
    margin-top: 20px;
}

.inquiryFormTable dt {
    width: 35%;
}

.inquiry #content .backBt,
.inquiry #content .confirmBt,
.inquiry #content .submitBt,
.inquiry #content .topBt {
    width: auto !important;
    padding: 7px 5px !important;
}

p:last-child {
    margin-bottom: 0;
}

.inquiry .footerLink a,
.inquiry .copyright,
.inquiry .sitemap,
.inquiry #content-bottom .txt {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

ul.sitemap_ic li a {
    font-weight: bold;
}

ul.sitemap_ic li a:hover {
    color: #55b7a4;
}

.under.static #content h2.titleBg {
    background: #70c896;
    color: #fff;
    font-size: 28px;
    border-radius: 10px;
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: bold;
    padding: 15px 10px;
    margin-top: 20px;
    margin-bottom: 15px;
}

div#searchFrame {
    margin-bottom: 20px;
}

input.searchInput {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
}

@media only screen and (max-width:1000px) and (min-width: 768px) {
    .container_12 .grid_4 {
        width: 236px;
    }

    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .container_12 .grid_8 {
        width: 492px;
    }

    #blogBody #content .container_12 {
        width: 768px !important;
    }
}

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

    .inquiryFormTable .formM {
        width: 100% !important;
        box-sizing: border-box;
    }

    .inquiryFormTable dt {
        width: 100%;
    }

    .searchInput {
        width: 100%;
    }

    #notfoundBody form input.searchInput {
        box-sizing: border-box;
    }

    .inquiryFormTable textarea {
        width: 100%;
        box-sizing: border-box;
    }
}

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

.bg_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

@media (max-width: 959px) and (min-width: 768px) {
    .bg_list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .bg_list {
        grid-template-columns: repeat(1, 1fr);
    }
}

.bg_list .ic_01 {
    position: relative;
    border: 1px solid #ccc;
}

.bg_list .ic_01 a {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: block;
    z-index: 999;
}

.bg_list p.tle {
    padding: 10px;
    font-size: 18px;
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: bold;
    color: #fff;
    margin-bottom: 15px;
}

.bg_list .bg01 p.tle {
    background: #93d7a6;
}

.bg01.ic_01 li:before {
    background: #93d7a6;
}

.bg_list .bg01.ic_01 a:hover {
    background: rgba(147, 215, 166, 0.3);
}

.bg_list .bg02 p.tle {
    background: #f7c53e;
}

.bg02.ic_01 li:before {
    background: #f7c53e;
}

.bg_list .bg02.ic_01 a:hover {
    background: rgba(247, 197, 62, 0.3);
}

.bg_list .bg03 p.tle {
    background: #a1cdfc;
}

.bg03.ic_01 li:before {
    background: #a1cdfc;
}

.bg_list .bg03.ic_01 a:hover {
    background: rgba(161, 205, 252, 0.3);
}

.bg_list .bg04 p.tle {
    background: #cc99fe;
}

.bg04.ic_01 li:before {
    background: #cc99fe;
}

.bg_list .bg04.ic_01 a:hover {
    background: rgba(204, 153, 254, 0.3);
}

.bg_list .bg05 p.tle {
    background: #e9ac6d;
}

.bg05.ic_01 li:before {
    background: #e9ac6d;
}

.bg_list .bg05.ic_01 a:hover {
    background: rgba(233, 172, 109, 0.3);
}

.bg_list .bg06 p.tle {
    background: #f0a09f;
}

.bg06.ic_01 li:before {
    background: #f0a09f;
}

.bg_list .bg06.ic_01 a:hover {
    background: rgba(240, 160, 159, 0.3);
}

.bg_list ul {
    padding: 10px;
    box-sizing: border-box;
}

.image.img_auto img {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}

.ic_01>a+p:empty {
    display: none;
}

.ic_01 p:has(>a) {
    margin: 0;
}

table.access_box {
    width: 100%;
}

table.access_box th,
table.access_box td {
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    padding: 15px 0 10px 0;
}

table.access_box th {
    border-bottom: 1px solid #59be84;
    width: 24%;
}

table.b_06 {
    width: 100%;
}

.b_06_content {
    border: 1px solid #c1eed5;
    text-align: left !important;
}

.under_btn {
    text-align: center;
}

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

.under_btn .green_btn a {
    padding-left: 45px;
    padding-right: 45px;
    letter-spacing: 2px;
}

.under_btn .green_btn a .btn_inner {
    display: block;
    width: 100%;
}

.sub_tle {
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: bold;
    line-height: 1.2;
}

.bg_box .sub_tle {
    font-size: 20px;
    margin-bottom: 15px;
    color: #55a076;
}

.bg_box {
    background: rgba(77, 185, 123, 0.2);
    padding: 25px;
    box-sizing: border-box;
}

.bg_box2 .sub_tle {
    font-size: 22px;
    margin-bottom: 15px;
}

.bg_box2 {
    background: #f6f2e7;
    padding: 25px;
    box-sizing: border-box;
}

.bg_box2 .ic_01 li:before {
    background: #ff9e96;
}

.bg_box2 .ic_01 li {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 3px;
}

.bg_box2 .ic_01 ul {
    font-size: 0;
    letter-spacing: 0;
}

.text_box {
    width: 64%;
}

.move .gnv_tmp_map,
.move2 .gnv_tmp_map {
    padding-top: 57%;
}

.shadow_box {
    box-shadow: 3px 3px 0 0 #d0e4d8;
    padding: 40px 45px;
    background: #f7fffb;
}

.shadow_box .sub_tle {
    border-bottom: 1px dashed #5da97e;
    padding: 8px 0;
    margin-bottom: 20px;
    font-size: 20px;
    color: #70c896;
}

/* .bordertop_box {
    background: #dffaea;
    padding: 35px 30px;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 0 10px 2px rgba(204, 204, 204, 0.72);
    border-top: 4px solid #4db97b;
} */
.bordertop_box .post_box_item {
    background: #dffaea;
    padding: 35px 30px;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 0 10px 2px rgba(204, 204, 204, 0.72);
    border-top: 4px solid #4db97b;
}

.bordertop_box .sub_tle {
    font-size: 20px;
    margin-bottom: 15px !important;
    position: relative;
    padding-left: 25px;

}

.bordertop_box .sub_tle:before {
    position: absolute;
    content: "";
    display: block;
    height: 15px;
    width: 15px;
    background: #4db97b;
    border-radius: 50%;
    left: 0;
    top: 5px;
}
@media screen and (max-width: 959px) and(min-width: 768px) {
    .bg_box2 .ic_01 li {
        display: block;
        width: 100%;
    }
}

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

    .b_11_3.b_11_3_column3,
    .b_11_3.b_11_3_column3 div.column_c,
    .b_11_3.b_11_3_column3 div.column_l,
    .b_11_3.b_11_3_column3 div.column_r {
        display: block;
        width: 100%;
    }

    .b_11_3.b_11_3_column3 div.column_blank {
        display: block;
        width: auto;
    }

    .text_box {
        width: 100%;
    }

    .bg_box2 .ic_01 li {
        display: block;
        width: 100%;
    }

    .b_11_3.b_11_3_column2 div.column_l {
        display: block;
        width: auto;
        margin: 0 0 1em;
        padding-right: 0;
    }

    .b_11_3.b_11_3_column2 div.column_r {
        display: block;
        width: auto;
        padding-left: 0;
    }

    /* .bordertop_box {
    padding: 35px 20px;

} */
    .bordertop_box .post_box_item {
        padding: 35px 20px;
    }

    .bordertop_box .sub_tle {
        font-size: 20px;
        margin-bottom: 20px !important;
    }
}

/* =====================================
under_title
===================================== */

.gnv_tmp_h3_bg h3,
h3.gnv_tmp_h3 {
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: bold;
    font-size: 36px;
    color: #fff;
    background: #70c896;
    border-radius: 10px;
    border-bottom: 4px solid #5da97e;
    display: block;
    box-sizing: border-box;
    padding-left: 100px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 21px;
    padding-right: 15px;
    line-height: 1.2;
    margin-bottom: 45px;
}
.gnv_tmp_h3_bg h3:before,
h3.gnv_tmp_h3::before {
    position: absolute;
    content: "";
    display: block;
    width: 60px;
    height: 75px;
    background: url(../img/h3_icon.png) no-repeat center left;
    background-size: contain;
    left: 18px;
    top: 50%;
    margin-top: -32px;
}
@media (max-width: 767px){
  .gnv_tmp_h3_bg h3,
  h3.gnv_tmp_h3 {
    font-size: 24px;
    padding-left: 78px;
    padding-top: 20px;
    padding-bottom: 21px;
    padding-right: 15px;
  }
  .gnv_tmp_h3_bg h3:before,
  h3.gnv_tmp_h3::before {
    width: 45px;
    left: 16px;
    margin-top: -31px;
  }
}

.gnv_tmp_h4_bg h4,
h4.gnv_tmp_h4 {
    color: #606060;
    font-size: 32px;
    line-height: 1.2;
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: bold;
    text-shadow: none;
    border-bottom: 2px dashed #cccccc;
    position: relative;
    padding-left: 60px;
    padding-bottom: 13px;
    margin-bottom: 35px;
}
.gnv_tmp_h4_bg h4:before,
h4.gnv_tmp_h4::before {
    position: absolute;
    content: "";
    display: block;
    width: 43px;
    height: 28px;
    background: url(../img/h4_icon.png) no-repeat left center;
    background-size: contain;
    left: 2px;
    top: 50%;
    margin-top: -20px;
}
@media (max-width: 767px){
  .gnv_tmp_h4_bg h4,
  h4.gnv_tmp_h4 {
    font-size: 22px;
    padding-left: 50px;
  }
  .gnv_tmp_h4_bg h4:before,
  h4.gnv_tmp_h4::before {
    width: 38px;
  }
}

.under .center_tle {
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 4px;
    margin-bottom: 45px;
}

.under .center_tle .btxt {
    display: block;
    color: #5da97e;
    font-size: 32px;
}

.h2_b {
    display: block;
    color: #5da97e;
    font-size: 32px;
}

.num_tle {
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5;
    position: relative;
    padding-left: 75px;
    margin-bottom: 35px;
    display: inline-block;
}

.lower h3:has(.num_tle) {
    margin-bottom: 0;
    color: inherit;
}

.num_tle .tle_num {
    background: #85cabd;
    color: #fff;
    border-radius: 10px;
    padding: 0;
    margin-right: 5px;
    font-size: 18px;
    vertical-align: middle;
    display: inline-block;
    letter-spacing: 0.5px;
    position: absolute;
    left: 0;
    top: 50%;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: -15px;
}

@media screen and (max-width: 767px) {
    .gnv_tmp_h3_bg h3 {
        font-size: 24px;
        padding-left: 78px;
        padding-top: 20px;
        padding-bottom: 21px;
    }

    .gnv_tmp_h3_bg h3:before {
        width: 45px;
        left: 16px;
        margin-top: -31px;
    }

    .gnv_tmp_h4_bg h4 {
        font-size: 22px;
        padding-left: 50px;
    }

    .gnv_tmp_h4_bg h4:before {
        width: 38px;
    }

    .num_tle {
        font-size: 20px;
    }

    .num_tle .tle_num {
        font-size: 15px;
    }

    .under .center_tle .btxt {
        font-size: 28px;
    }

    .h2_b {
        font-size: 28px;
    }

    .under .center_tle {
        font-size: 22px;
    }
}

/* =====================================
 mainimage
===================================== */
.top #mainimage {
    position: relative;
}

div#mainimage .img_box img {
    width: 100%;
}

.catch_btxt {
    position: absolute;
    top: 23%;
    left: 7.5%;
    width: 27%;
    max-width: 435px;
}

.catch_stxt {
    position: absolute;
    right: 13%;
    top: 31.5%;
    width: 12.5%;
    max-width: 197px;
    min-width: 140px;
}

@media screen and (max-width: 767px) {
    .top #mainimage {
        box-shadow: 0 0 25px 5px rgba(204, 204, 204, 0.48);
    }
}

/* =====================================
      #toTop
===================================== */
#toTop {
    background: url(../img/pagetop.png) no-repeat center;
    background-size: contain;
    width: 74px;
    height: 78px;
    bottom: 134px !important;
}

/* =====================================
 header
===================================== */
.sf-menu li a,
.sf-menu li span:active,
span:hover {
    outline: 0 none;
}

.shadow {
    background: none;
}

#header h1 {
    padding-top: 17px;
    margin-bottom: 8px;
}

#header h1 img {
    max-width: 250px;
    width: 100%;
}

.header_label img {
    margin: 0 auto;
}

.sf-menu li a {
    font-size: 16px;
    color: #212121;
    line-height: inherit;
    font-family: inherit;
    font-weight: normal;
    letter-spacing: 3px;
    padding: 8px 35px;
}

.sf-menu li ul li a:hover {
    color: #fad22f !important;
}

.sf-menu li ul li {
    width: 100%;
    border-bottom: 1px solid #fff;
}

.sf-menu li a,
.sf-menu li>span {
    color: #464646;
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.6px;
    padding: 10px 26px 15px 26px;
    line-height: 1.2;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    border-bottom: 4px solid #fff;
    box-sizing: border-box;
}

.sf-menu li>span:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background: url(../img/menu_arrow.png) no-repeat center center;
    background-size: contain;
    bottom: 12px;
    left: 0;
}

.sf-menu li .sub_txt {
    display: block;
    font-size: 10px;
    color: #bababa;
}

.sf-menu li a:hover,
.sf-menu li>span:hover,
.sf-menu li>span:hover .sub_txt,
.sf-menu li a:hover .sub_txt {
    color: #83c7ba;
}

.sf-menu li a:hover,
.sf-menu li>span:hover {
    border-bottom: 4px solid #98dbb5;

}

.sf-menu ul li {
    padding: 0;
}

.sf-menu li a .sf-menu {
    width: 100%;
    max-width: inherit !important;
    margin: 0;
    padding: 0;
}

.sf-menu>li {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.sf-menu>li.current,
.sf-menu>li.sfHover,
.sf-menu>li:hover {
    border-bottom: inherit;
    margin-bottom: 0;
}

.sf-menu {
    padding: 11px 0 0px;
}

.sf-menu li ul {
    padding: 0;
}

.sf-menu li ul li a {
    font-size: 14px;
    display: block;
    padding: 5px 3px;
    letter-spacing: 0px;
    text-align: center;
    border-bottom: 0px;
}

.sf-menu li ul li a:hover {
    border-bottom: 0px;
}

@media screen and (max-width: 767px) {
    #header .container_12 {
        width: 100%;
    }

    #header .container_12 .grid_12 {
        width: 100% !important;
        margin: 0;
    }

    #header h1 {
        display: block;
        float: left;
        margin: 6% 0 0 10px;
        padding: 0;
        width: 45.5%;
    }

    #header h1 img {
        max-width: 454px;
    }

    .header_label {
        margin-bottom: 22px;
    }

    .header_label img {
        margin: 0 auto;
        max-width: 935px;
        width: 95%;
    }

    .rightbox {
        float: right;
        width: 30%;
        max-width: 300px;
        margin-right: 10px;
        margin-top: 4%;
        margin-bottom: 12px;
    }

    .sf-menu.disp {
        display: block !important;
    }

    .sf-menu {
        background: none;
        overflow: hidden;
        float: right;
        padding: 0;
    }

    .sf-menu li {
        padding: 0;
        width: 100%;
        text-align: left;
    }

    .sf-menu li a:hover,
    .sf-menu li>span:hover {
        color: #fff;
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha( opacity=70 )";
        border-bottom: 1px solid #fff;
    }

    .sf-menu li a,
    .sf-menu li>span {
        border-bottom: 1px solid #fff;
        color: #fff;
        padding: 19px 30px 16px 30px;
        background: #69c2b1;
        text-align: left;
        position: relative;
    }

    .sf-menu li a:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha( opacity=70 )";
    }

    .sf-menu li a:before {
        background: rgb(85, 85, 85) none repeat scroll 0 0;
        content: "";
        display: block;
        height: 10px;
        left: 8px;
        margin-top: -5px;
        position: absolute;
        top: 50%;
        transform: rotate(45deg);
        width: 10px;
    }

    .sf-menu li a:before {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border-right: 2px solid rgb(255, 255, 255);
        border-top: 2px solid rgb(255, 255, 255);
        height: 7px;
        left: 10px;
        margin-top: -5px;
        width: 7px;
    }

    .sf-menu li>span:before {
        background: rgb(255, 255, 255) none repeat scroll 0 0;
        content: "";
        display: block;
        height: 15px;
        margin-top: -5px;
        position: absolute;
        right: 15px;
        top: 16px;
        transform: rotate(45deg);
        width: 15px;
    }

    .sf-menu li>span:before {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border-bottom: 2px solid rgb(255, 255, 255);
        border-right: 2px solid rgb(255, 255, 255);
        height: 12px;
        margin-top: -10px;
        right: 15px;
        top: 50%;
        width: 12px;
    }

    .sf-menu li .sub_txt {
        display: none;
    }

    .sf-menu ul {
        width: 100% !important;
        background: none;
        left: 0 !important;
        top: 0 !important;
        margin: 0 !important;
        position: inherit !important
    }

    .sf-menu li ul li {
        border-bottom: none;
    }

    .sf-menu li ul li a:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha( opacity=70 )";
        color: #fff !important;
        border-bottom: 1px solid #fff;
    }

    .sf-menu li ul li a {
        text-align: left;
        padding: 12px 28px 10px 28px;
        background: #96d4c8;
        border-bottom: 1px solid #fff;
    }






    #mm0 {
        display: none !important;
    }


}

@media screen and (min-width: 768px) and (max-width:1000px) {

    .sf-menu li a,
    .sf-menu li>span {
        padding: 10px 11px;
        font-size: 15px;
    }

    #header h1 img {
        max-width: 220px;
    }
}

/* =====================================
common
===================================== */
.top h2 {
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: bold;
    color: #333333;
    font-size: 30px;
    text-align: center;
    line-height: 1.2;
}

h2 .b_txt {
    font-size: 30px;
    letter-spacing: 4px;
    border-bottom: 1px solid #f0f0f0;
    display: inline-block;
    margin-bottom: 9px;
    padding: 0 6% 8px 6%;
    box-sizing: border-box;
}

span.h2_txt {
    font-family: "Galindo";
    color: #98dbb5;
    font-size: 14px;
    display: block;
    font-weight: normal;
    letter-spacing: 2.8px;
}

.wid_btn {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.wid_btn a {
    background: #fff;
    display: block;
    border-radius: 50px;
    border: 1px solid #333333;
    text-align: center;
    color: #333333;
    font-size: 16px;
    padding: 29px 20px 25px 20px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    letter-spacing: 4.5px;
}

.wid_btn a:before {
    position: absolute;
    content: "";
    display: block;
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    box-sizing: border-box;
    top: 50%;
    right: 25.5%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top-color: #393939;
    border-right-color: #393939;
}

.wid_btn a:hover {
    background: rgba(250, 210, 47, 0.35);
}

@media screen and (min-width: 768px) and (max-width:1000px) {
    .wid_btn a:before {
        right: 20%;
    }
}

@media screen and (max-width: 767px) {
    .top h2 {
        margin-bottom: 40px !important;
    }

    h2 .b_txt {
        font-size: 24px;
        padding: 0 0 8px 0;
        line-height: 1.5;
    }

    .wid_btn {
        width: 100%;
    }

    .wid_btn a {
        font-size: 15px;
        letter-spacing: 1px;
    }

    .wid_btn a:before {
        right: 12%;
    }

    .height_auto {
        height: auto !important;
    }
}

/* =====================================
  btn a
===================================== */
.btn_group {
    font-size: 0;
    letter-spacing: 0;
}

.green_bt.wbt {
    width: 70%;
}

.green_btn a {
    background: #4db97b;
    border-radius: 50px;
    text-align: center;
    width: 100%;
    color: #fff;
    display: block;
    position: relative;
    font-size: 16px;
    letter-spacing: 5px;
    line-height: 1.2;
    padding-top: 16px;
    padding-bottom: 13px;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}

.green_btn.wbt a {
    padding-top: 27px;
    padding-bottom: 25px;
    font-size: 21px;
}

.green_btn a .btn_inner {
    position: relative;
}

.green_btn a .btn_inner:before {
    position: absolute;
    content: "";
    display: block;
    height: 3px;
    width: 3px;
    border: 1px solid transparent;
    right: -8px;
    border-top-color: #fff;
    border-right-color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    margin-top: -2px;
}

.green_btn a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}

p.green_btn {
    margin-bottom: 0;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.btn_group .green_btn {
    display: inline-block;
    width: 287px;
    margin-right: 10px;
}

.btn_group .green_btn:last-child {
    margin-right: 0;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
    .btn_group>.green_btn:nth-child(n+3) {
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .btn_group .green_btn {
        display: block;
        margin-right: auto;
        margin-bottom: 20px !important;
    }

    .btn_group .green_btn:last-child {
        margin-right: auto;
        margin-bottom: 0px !important;
    }
}


/* =====================================
 bottom
===================================== */
div#content-bottom .btn_box {
    font-size: 0;
    letter-spacing: 0;
    line-height: 0;
    text-align: center;
    background: #f2f2f2;
    padding-top: 47px;
    padding-bottom: 27px;
}

div#content-bottom .btn_box li {
    width: 32%;
    margin-right: 2%;
    display: inline-block;
    margin-bottom: 14px;
}

div#content-bottom .btn_box li:nth-child(3n) {
    margin-right: 0;
}

div#content-bottom .txt_box {
    background: #4db97b;
    padding-top: 32px;
    padding-bottom: 48px;
}

#content-bottom .txt {
    color: #fff;
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 200;
    text-align: center;
    font-size: 17px;
    letter-spacing: 1.7px;
    line-height: 2.4;
    margin-bottom: 23px;
}

#content-bottom .txt_box li {
    width: 49%;
    float: left;
    margin-right: 2%;
}

#content-bottom .txt_box li:last-child {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    div#content-bottom .txt_box {
        display: none;
    }

    div#content-bottom .btn_box li {
        width: 100%;
        margin-right: auto;
        display: block;
        margin-bottom: 15px;
        margin-left: auto;
        max-width: 320px;
    }

    div#content-bottom .btn_box li:nth-child(3n) {
        margin-right: auto;
    }

    div#content-bottom .btn_box {
        padding-top: 50px;
        padding-bottom: 35px;
    }
}

/* =====================================
  footer
===================================== */
#footer {
    background: #fff;
    margin-top: 0px;
    padding-top: 58px;
    padding-bottom: 62px;
}

#footer p.logo {
    margin: 10px 0 8px;
}

@media screen and (max-width: 767px) {
    #footer {
        padding-top: 50px;
        padding-bottom: 24%;
    }

    .fixed_box ul li {
        float: left;
        width: 50%;
        box-sizing: border-box;
    }

    .foot_box {
        padding-bottom: 27% !important;
    }

    #footer img {
        width: 100% !important;
    }

    .fixed_box {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 999;
    }

    #footer p.logo {
        width: 90%;
    }

    ul.footerLink span.sp {
        display: inline-block !important;
    }
}

@media screen and (max-width: 320px) {
    .foot_box {
        padding: 20px 0;
    }
}





/* *******************************************************************************
 1. common
 ├ 1-1. float
 ├ 1-2. margin
 ├ 1-3. padding
 ├ 1-4. text-align
 ├ 1-5. bold
 ├ 1-6. ph
 ├ 1-7. pc sp change
 ├ 1-8. image layout
 ├ 1-9. image decoration
 ├ 1-10. rollover(Transmission)
 ├ 1-11. other
 │ ├ 1-11-1. before after
 │ ├ 1-11-2. list
 │ ├ 1-11-3. flow
 │ └ 1-11-4. qa
 └ 1-12. table
    ├ 1-12-1. default
    ├ 1-12-2. table01
    ├ 1-12-3. table02 
    └ 1-12-4. hours 
 2. header
 3. nav
 4. mainimage
 ├ 4-1. top 
 └ 4-2. under
 5. footer
 6. content
 ├ 6-1. title
 ├ 6-2. top
 ├ 6-3. under 
 ├ 6-4. map 
 ├ 6-5. tel
 └ 6-6. other
 7. full content
 8. blog
 ├ 8-1. img
 ├ 8-2. side list
 ├ 8-3. writer 
 └ 8-4. sns 
 9. tel link
 ├ 9-1. content text link
 ├ 9-2. tel link
 └ 9-3. side link
 10. 動画テンプレート
 11. 管理画面
 12. 下層TPL
 13. お問い合わせバナー(フッター下部固定)
******************************************************************************* */
/* =====================================
 1. common
===================================== */
/* 1-1. float -------------------------- */
.fl {
    float: left;
}

.fr {
    float: right;
}

/* 1-2. margin -------------------------- */
.m00 {
    margin: 0 !important;
}

.m05 {
    margin: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.m35 {
    margin: 35px !important;
}

.m40 {
    margin: 40px !important;
}

.m45 {
    margin: 45px !important;
}

.m50 {
    margin: 50px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 1-3. padding -------------------------- */
.pa00 {
    padding: 0 !important;
}

.pa05 {
    padding: 5px !important;
}

.pa10 {
    padding: 10px !important;
}

.pa15 {
    padding: 15px !important;
}

.pa20 {
    padding: 20px !important;
}

.pa25 {
    padding: 25px !important;
}

.pa30 {
    padding: 30px !important;
}

.pa35 {
    padding: 35px !important;
}

.pa40 {
    padding: 40px !important;
}

.pa45 {
    padding: 45px !important;
}

.pa50 {
    padding: 50px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 1-4. text-align -------------------------- */
.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

/* 1-5. bold -------------------------- */
.bold {
    font-weight: bold;
}

/* 1-6. ph -------------------------- */
.ph {
    display: inline-block;
    border: 1px solid #e3e3e3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.ph img {
    width: 100%;
}

/* 1-7. pc sp change -------------------------- */
.pc {
    display: block !important;
}

.sp {
    display: none !important;
}

@media screen and (max-width: 767px) {
    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }
}

/* 1-8. image layout -------------------------- */
/** 基本設定 **/
/* right */
.b_11_2_in span img,
.b_11 .b_11_in span img {
    float: right;
    margin: 0 0 20px 20px;
}

/** 個別設定 **/
/* left */
.img_l span img {
    float: left;
    margin: 0 20px 20px 0;
}

/* right */
.img_r span img {
    float: right !important;
    margin: 0 0 20px 20px !important;
}

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

    .b_11_2_in span img,
    .b_11 .b_11_in span img {
        width: 100%;
        margin: 0 0 15px;
        float: none;
    }

    .img_l span img {
        float: none !important;
        margin: 0 0 15px !important;
    }
}

/* 1-9. image decoration -------------------------- */
/* Round */
.image img,
.text_image img,
.gnv_tmp_style img {
    /*border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;*/
}

/* 1-10. rollover(Transmission) -------------------------- */
.rollover a img:hover,
.rollover span a img:hover,
.rollover .img_r span a img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

/* =====================================
 1-11. other
===================================== */
/* 1-11-1. before after -------------------------- */
.ba_box {
    background: url(../img/ba_ar.png) no-repeat 49% 55%;
    display: table;
    width: 100%;
}

.ba_box div.column_l,
.ba_box div.column_r {
    display: table-cell;
    width: 30%;
}

.ba_box div.column_l span,
.ba_box div.column_r span {
    width: 100%;
}

.ba_box div.column_l p,
.ba_box div.column_r p,
.ba_box div.column_l span img,
.ba_box div.column_r span img {
    width: 95% !important;
    margin: 0 auto !important;
}

.ba_box .column_r,
.ba_box .column_l {
    text-align: center;
    color: #B69440;
    font-size: 120%;
    font-weight: bold;
}

.ba_box .column_r span {
    text-align: right;
}

@media screen and (max-width: 767px) {
    .ba_box {
        background: url(../img/ba_ar_sp.png) no-repeat center 50%;
        margin: 0 auto 5em !important;
    }

    .ba_box div.column_l,
    .ba_box div.column_r {
        width: 100% !important;
        display: block !important;
    }

    .ba_box .column_l {
        margin-bottom: 2em !important;
    }

    .ba_box .column_r span {
        text-align: center;
    }
}

/* 1-11-2. list -------------------------- */
/* list 01 */
.ic_01 {
    width: 100%;
}

.ic_01 .clearfix {
    padding: 5px 5px 5px 0px;
}

.ic_01 span {
    position: relative;
    display: block;
    padding-left: 17px;
    display: block;
}

.ic_01 span:before {
    content: "";
    position: absolute;
    background: #406b9c;
    top: 4px;
    left: 0px;
    margin-top: 1px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}

/* ul */
.ic_01 ul {
    margin: 0px;
}

.ic_01 li {
    position: relative;
    padding: 5px 5px 5px 16px;
}

.ic_01 li:before {
    content: "";
    position: absolute;
    background: #5da97e;
    top: 14px;
    left: 0px;
    margin-top: 0px;
    height: 7px;
    width: 7px;
    border-radius: 50%;
}

/* list 02 */
.ic_02 .clearfix {
    padding: 5px 5px 5px 35px;
}

.ic_02 .clearfix span {
    position: relative;
    display: block;
}

.ic_02 span:before {
    content: "\00a0";
    display: block;
    position: absolute;
    border: 2px solid #deb668;
    left: -29px;
    top: 13px;
    width: 14px;
    height: 14px;
    margin-top: -10px;
}

.ic_02 span:after {
    content: "\00a0";
    display: block;
    width: 4px;
    height: 7px;
    border: solid #406b9c;
    border-width: 0 2px 2px 0;
    position: absolute;
    left: -23px;
    top: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ul */
.ic_02 ul {
    margin: 35px;
}

.ic_02 li {
    position: relative;
    padding: 5px 5px 5px 0;
}

.ic_02 li:before {
    content: "\00a0";
    display: block;
    border: solid 9px #000;
    height: 0;
    width: 0;
    position: absolute;
    left: -29px;
    top: 10px;
    margin-top: -4px;
}

.ic_02 li:after {
    content: "\00a0";
    display: block;
    width: 4px;
    height: 7px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    position: absolute;
    left: -23px;
    top: 10px;
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* arrow list 01 */
.ic_arrow_01 div {
    padding: 5px 5px 5px 25px;
}

.ic_arrow_01 span {
    position: relative;
}

.ic_arrow_01 span:before {
    display: block;
    content: "";
    position: absolute;
    left: -15px;
    width: 0;
    height: 0;
    margin-top: 6px;
    border: 5px solid transparent;
    border-left: 5px solid #000;
}

.ic_arrow_01 span:hover:before {
    left: -12px;
}

/* ul */
.ic_arrow_01 ul {
    margin: 25px;
}

.ic_arrow_01 li {
    position: relative;
    padding: 5px 5px 5px 0;
}

.ic_arrow_01 li:before {
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    left: -15px;
    width: 0;
    height: 0;
    margin-top: -1px;
    border: 5px solid transparent;
    border-left: 5px solid #000;
}

/* arrow list 02 */
.ic_arrow_02 .clearfix {
    padding: 5px 5px 5px 30px;
}

.ic_arrow_02 span {
    position: relative;
}

.ic_arrow_02 span:before {
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    left: -25px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 50%;
    background: #999;
}

.ic_arrow_02 span:after {
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    left: -19px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
}

.ic_arrow_02 span:hover:before {
    left: -22px;
}

.ic_arrow_02 span:hover:after {
    left: -16px;
}

/* ul */
.ic_arrow_02 ul {
    margin: 30px;
}

.ic_arrow_02 li {
    position: relative;
    padding: 5px 5px 5px 0;
}

.ic_arrow_02 li:before {
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    left: -25px;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    border-radius: 50%;
    background: #999;
}

.ic_arrow_02 li:after {
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    left: -19px;
    width: 0;
    height: 0;
    margin-top: -1px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
}

.ic_arrow_02 li:hover:before {
    left: -22px;
}

.ic_arrow_02 li:hover:after {
    left: -16px;
}

/* 1-11-3. flow -------------------------- */
img.gnv_tmp_flow_arrow_01,
img.gnv_tmp_flow_arrow_02 {
    margin: 10px auto 0;
}

.flow.b_11 .b_11_in span img {
    width: 30% !important;
    float: left !important;
}

@media screen and (max-width: 767px) {
    .flow.b_11 .b_11_in span img {
        width: 100% !important;
        float: none !important;
    }
}

/* 1-11-4. qa -------------------------- */
.gnv_tmp_qa_q {
    margin-bottom: 30px;
    display: table;
}

.gnv_tmp_qa_q span.tit {
    font-size: 200%;
    font-weight: bold;
    color: #333;
    padding-right: 77px;
    display: table-cell;
    width: 30px;
    position: relative;
}

.gnv_tmp_qa_q span.tit:before {
    background: rgb(64, 107, 156) none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    font-size: 35px;
    height: 50px;
    left: 0px;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: -18px;
    width: 50px;
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 500;
}

.gnv_tmp_qa_q span.tit:after {
    color: rgb(238, 238, 238);
    content: "Q";
    font-family: "メイリオ", "Meiryo", "Verdana", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-size: 35px;
    font-weight: normal;
    left: 14px;
    position: absolute;
    top: -27px;
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 500;
}

.gnv_tmp_qa_a {
    margin-bottom: 35px;
    display: table;
}

.gnv_tmp_qa_a span.tit {
    font-size: 200%;
    font-weight: bold;
    color: #ccc;
    padding-right: 77px;
    display: table-cell;
    width: 30px;
    position: relative;
}

.gnv_tmp_qa_a span.tit:after {
    color: #406b9c;
    content: "A";
    font-size: 35px;
    font-weight: normal;
    left: 15px;
    position: absolute;
    top: -16px;
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 500;
}

.gnv_tmp_qa_a span.tit:before {
    background: rgb(238, 238, 238);
    border-radius: 50px;
    content: "";
    font-size: 35px;
    height: 50px;
    left: 0px;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: -10px;
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 500;
    width: 50px;
}

.gnv_tmp_qa_a p,
.gnv_tmp_qa_q p {
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

/* =====================================
 1-12. table
===================================== */
/* 1-12-1. default -------------------------- */
.b_06 table td,
.b_06 table th {
    border: 1px solid #ccc;
    padding: 5px !important;
}

.b_06 table th {
    color: #406b9c;
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 500;
}

.b_06_item {
    background: none repeat scroll 0 0 #9dcbb0;
    width: 30%;
    border: 1px solid #c1eed5;
    color: #fff;
    vertical-align: middle;
}

/* 1-12-2. table01 -------------------------- */
table.gnv_tmp_table01 {
    margin-bottom: 1.5em;
}

table.gnv_tmp_table01 th,
table.gnv_tmp_table01 td {
    text-align: left;
    padding: 10px 5px 10px;
    color: #333333;
    font-weight: normal;
}

table.gnv_tmp_table01 {
    background: #fff;
    width: 100%;
}

table.gnv_tmp_table01 thead th {
    background: #b9e6cc;
    border: 0px;
}

table.gnv_tmp_table01 th {
    background: #fff;
    border-bottom: 1px solid #ccc;
}

table.gnv_tmp_table01 td {
    background: #fff;
    border-bottom: 1px solid #ccc;
}

/* 1-12-3. table02 -------------------------- */
table.gnv_tmp_table02 {
    margin-bottom: 1.5em;
}

table.gnv_tmp_table02 th,
table.gnv_tmp_table02 td {
    padding: 5px;
    text-align: left;
}

table.gnv_tmp_table02 {
    width: 100%;
}

table.gnv_tmp_table02 thead th {
    background: #efefef;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

table.gnv_tmp_table02 th {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

table.gnv_tmp_table02 td {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

/* 1-12-4. hours -------------------------- */
table.gnv_tmp_hours th,
table.gnv_tmp_hours td {
    text-align: center;
}

table.gnv_tmp_hours tbody th {
    width: 20%;
}

/*th {
    padding: 0px !important;
}*/
@media screen and (max-width: 1000px) {

    table.gnv_tmp_hours th,
    table.gnv_tmp_hours td {
        letter-spacing: 0;
    }
}

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

    table.gnv_tmp_hours th,
    table.gnv_tmp_hours td {
        font-size: 70%;
    }

    th.first_th {
        width: 34% !important;
    }
}

/* =====================================
 2. header
===================================== */

/* =====================================
 3. nav
===================================== */
#notfoundBody nav,
#sitemapBody nav,
#newsList nav,
#websiteNewsDetail nav {
    margin-bottom: 20px;
}

#newsDetail h2.titleBg {
    text-align: left;
    background: #70c896;
    color: #fff;
    font-size: 28px;
    border-radius: 10px;
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: bold;
    padding: 15px 10px;
    margin-top: 20px;
    margin-bottom: 15px;

}

#inquiryBody nav {
    display: block;
}

/* 12-1. global nav -------------------------- */
.sf-menu a.sf-with-ul:before {
    background: none;
}

/* 12-2. sub nav -------------------------- */
.sf-menu ul {
    top: 62px;
    left: 0;
    margin-left: 0px;
    width: 100%;
    background: #7bc29a;


}




/* =====================================
 4. mainimage
===================================== */
/* 4-1. top -------------------------- */

/* image size fixed */

@media screen and (max-width: 767px) {
    #mainimage .main_content {
        background: none;
        height: auto;
    }
}

/* 4-2. under -------------------------- */
.under #mainimage .under_mainimage {
    background: url(../img/under_mainimage.jpg) no-repeat center center;
    background-size: cover;
    padding: 43px 0 42px;
    line-height: 1.2 !important;
    margin-bottom: 50px;
}

#notfoundBody #mainimage,
#sitemapBody #mainimage,
#newsList #mainimage,
#websiteNewsDetail #mainimage,
#inquiryBody #mainimage {
    display: none;
}

.under #mainimage .under_mainimage h2 span {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .under #mainimage .under_mainimage {
        padding: 30px 0 24px;
    }

    .under h2 {
        font-size: 27px !important;
    }
}

/* =====================================
 5. footer
===================================== */

#footer img {
    width: auto;
}

#footer .footerLink {
    list-style: outside none none;
    margin: 25px 0 21px;
    line-height: 1.5;
    letter-spacing: 0px;
}

#footer .footerLink li {
    display: inline-block;
    margin-bottom: 6px;
}

.footerLink a {
    font-size: 16px;
    letter-spacing: 1px;
    padding: 0 3px;
    font-family: "ヒラギノUD角ゴ StdN W3", "HiraginoUDSansStd-W3";
    color: #333333;
    line-height: 1.5;

}

.footerLink a:hover {
    color: #99dbb5;
}

.footerLink li.pc {
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    margin-bottom: 0 !important;
}

.copyright,
.sitemap {
    font-family: "ヒラギノUD角ゴ StdN W3", "HiraginoUDSansStd-W3";
    color: #333333;
    line-height: 1.5;

}

.copyright {
    margin-bottom: 5px;
    font-size: 12px;
    letter-spacing: 0.2px;
}

.sitemap {
    font-size: 14px;
    letter-spacing: 1.5px;
}

/* =====================================
 6. content
===================================== */
#content {
    text-align: left;
    min-height: 870px;
    word-wrap: break-word;
}

#content p {
    margin-bottom: 0;
}

/* 6-1. title -------------------------- */
.under h2 {
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: bold;
    background: none;
    font-size: 34px;
    color: #333;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 5px;
}

.under h2 .sub_h2 {
    font-family: "Galindo";
    font-size: 14px;
    color: #98dbb5;
    display: block;
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .under h2 {
        margin-top: 0 !important;
    }
}

h2 {
    border-bottom: none;
}

h2.titleBg {
    text-align: center;
    font-size: 40px;
    color: #212121;
    font-weight: normal;
    border-top: none !important;
}

#content h4 {
    line-height: 1.2 !important;
}

#content h3 {
    line-height: 1.2 !important;
}

#content h5 {
    font-weight: bold !important;
    border-bottom: 1px dashed #406b9c;
    margin-bottom: 15px;
    padding-bottom: 8px;
}

#content .block3 h5,
#content .block4 h5,
#content .block5 h5,
#content .block1 h5 {
    overflow: hidden;
    font: 14px/18px;
}

/* 6-2. top -------------------------- */
/* balloon */
.div1 {
    font-size: 30px;
}

.div1:before {
    background: none;
}

.div1:after {
    content: '';
    position: absolute;
    border-top: 22px solid #00bff3;
    border-right: 0px solid transparent;
    border-left: 25px solid transparent;
    bottom: -19px;
    left: 35%;
}

/* 3color */
.item {
    height: 380px !important;
}

.item h4 {
    line-height: 1;
}

.mrg12 img {
    width: 100% !important;
}

.img1 {
    width: 32%;
}

/* 6-3. under -------------------------- */
.block2 {
    height: auto !important;
}

.div6 {
    background: url(../img/block1_div6.png) no-repeat;
}

.div3 {
    background: url(../img/block3_div3.png) no-repeat;
}

.div4 {
    background: url(../img/block4_div4.png) no-repeat;
}

.div5 {
    background: url(../img/block5_div5.png) no-repeat;
}

.box_inner figure img {
    width: 100% !important;
}

/* link */
.a13 {
    background: url(../img/ic_01.png) no-repeat;
    text-indent: -9999px;
    margin-bottom: 0;
}

/* list */
.list {
    padding-right: 15px;
}

.list li:hover {
    background: url(../img/ic_02.png) no-repeat 0 50%;
}

.list li {
    padding-left: 17px;
    margin-bottom: 20px;
}

.list a {
    line-height: 18px;
}

@media screen and (max-width: 767px) {
    .list {
        padding-right: 0;
    }

    .list li:hover {
        background: url(../img/ic_02.png) no-repeat 0 10%;
    }

    .list a {
        line-height: 18px !important;
    }

    .b_11_in:last-child {
        margin: 0 0 1em;
    }
}

/* 6-4. map -------------------------- */
.gnv_tmp_map {
    position: relative;
    width: 100%;
    padding-top: 35%;
}

.gnv_tmp_map iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

@media screen and (max-width: 767px) {
    .gnv_tmp_map {
        padding-top: 70%;
    }

    .gnv_tmp_map iframe {
        width: 100% !important;
    }
}

/* 6-5. tel -------------------------- */
.tel_txt a {
    cursor: text;
}

.tel_txt a:hover {
    text-decoration: none;
}

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

    .tel_txt a,
    .tel_txt a:hover {
        text-decoration: underline;
    }
}

/* 6-6. other-------------------------- */
/* column2 column margin */
.b_10.b_10_column2 div.column_l {
    padding-right: 10px;
}

.b_10.b_10_column2 div.column_r {
    padding-left: 10px;
}

/* box color */
.bc01 {
    background: #e8daca;
    padding: 20px 15px;
}

.bc02 {
    background: #cf9e64;
    padding: 20px 15px;
}

.bc03 {
    background: #b09371;
    padding: 20px 15px;
}

.bc04 {
    background: #635545;
    padding: 20px 15px;
}

.bc01 img,
.bc02 img,
.bc03 img,
.bc04 img {
    width: 100% !important;
}

/* w960 */
.w960 {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 10px;
}

/*----- googlecalender、googleMap、インドアビュー -----*/
.gMap,
.calenderWrap,
.indoorView {
    position: relative;
}

.gMap iframe,
.calenderWrap iframe,
.indoorView iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.gMap {
    padding-top: 33.25%;
}

.calenderWrap,
.indoorView {
    padding-top: 56.25%
}

.calenderWrap iframe {
    min-height: 260px;
}

.indoorView iframe {
    min-height: 240px;
}

@media only screen and (max-width: 480px) {
    .gMap {
        padding-top: 220px;
    }

    .calenderWrap {
        padding-top: 300px;
    }

    .indoorView {
        padding-top: 240px;
    }
}


/* =====================================
 7. full content
===================================== */
#content .container_12 {
    width: 1000px !important;
}

.full #content .container_12 {
    width: 100% !important;
}

#content .container_12 {
    width: 1000px !important;
}

#content-bottom .container_12,
#header .container_12,
#footer .container_12 {
    width: 100% !important;
}

.full .bg1 {
    border: none !important;
    margin: 0 !important;
    padding: 2em 0 !important;
}

.full .div1 {
    margin-top: 0;
}

.full p,
.full .block6,
.full .list {
    margin-bottom: 0;
}

.full .block2 {
    margin-top: 0;
}

.full #content .block4,
.full #content .block5 {
    margin-bottom: 0;
}

.full .b_01,
.full .b_02,
.full .b_04_2,
.full .b_09,
.full .b_10,
.full .b_11,
.full .b_10 .grid_12,
.full .b_11 .grid_12 {
    margin: 0 auto !important;
}

.grid_12 {
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
    width: 1000px !important;
    float: none;
    display: block;
}

#content-bottom .grid_12,
#header .grid_12 {
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
    width: 1000px !important;
    float: none;
    display: block;
}

.full .grid_12 .grid_1 {
    width: 60px !important;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
    #content .container_12 {
        width: 748px !important;
    }

    .grid_12 {
        width: 100% !important;
        max-width: 748px !important;
    }

    #content-bottom .grid_12,
    #header .grid_12 {
        width: 96% !important;
        max-width: 768px !important;
    }

    .full .grid_12 .grid_1 {
        width: 44px !important;
    }

    .full .grid_12 .grid_2 {
        width: 108px !important;
    }

    .full .grid_12 .grid_3 {
        width: 172px !important;
    }

    .full .grid_12 .grid_4 {
        width: 236px !important;
    }

    .full .grid_12 .grid_5 {
        width: 300px !important;
    }

    .full .grid_12 .grid_6 {
        width: 364px !important;
    }

    .full .grid_12 .grid_7 {
        width: 428px !important;
    }

    .full .grid_12 .grid_8 {
        width: 492px !important;
    }

    .full .grid_12 .grid_9 {
        width: 556px !important;
    }

    .full .grid_12 .grid_10 {
        width: 620px !important;
    }

    .full .grid_12 .grid_11 {
        width: 684px !important;
    }

    .full .grid_12 .grid_12 {
        width: 748px !important;
    }
}

@media screen and (max-width: 767px) {
    #content .container_12 {
        width: 300px !important;
    }

    .grid_12 {
        width: 300px !important;
    }

    .full #content .block1,
    .full #content .block3 {
        margin-bottom: 0;
    }

    #content-bottom .grid_12 {
        max-width: 300px !important;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    #content .container_12 {
        width: 420px !important;
    }

    .grid_12 {
        width: 420px !important;
    }

    .full .block6 {
        margin-bottom: 20px;
    }

    #content-bottom .grid_12 {
        max-width: 420px !important;
    }
}

@media screen and (max-width: 767px) {
    .full .block6 {
        margin-bottom: 20px;
    }

    .full .grid_2,
    .full .grid_3,
    .full .grid_4,
    .full .grid_5,
    .full .grid_6,
    .full .grid_7,
    .full .grid_8,
    .full .grid_9,
    .full .grid_10,
    .full .grid_11,
    .full .grid_12 {
        margin-bottom: 20px;
    }
}

.full .grid_12:after {
    clear: both !important;
    content: " " !important;
    display: block !important;
    height: 0 !important;
    visibility: hidden !important;
}

.w100,
.w100 img {
    width: 100%;
}

/* =====================================
 8. blog
===================================== */
#pagenation .active a,
#pagenation a.active:hover {
    background: #83c8bb;
}

#pagenation .active a:hover {
    background: rgb(222, 184, 104) !important;
}

.Individual .blogcontent {
    margin-top: 56px;
}

.blog h3.entry-title {
    box-sizing: border-box;
    text-align: left;
    margin: 10px 0 20px !important;
    width: 100%;
    background: #70c896;
    color: #fff;
    font-size: 28px;
    border-radius: 10px;
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: bold;
    padding: 15px 10px !important;
    margin-top: 20px;
    margin-bottom: 15px;

}

/* 8-1. img -------------------------- */
.blogArea img {
    margin-bottom: 10px;
}

.blogArea img.icon_imgs {
    margin-bottom: 0;
}

/* 8-2. side list -------------------------- */
.blogside h3 {
    background: #70c896;
    color: #fff;
    font-size: 18px;
    padding: 15px 10px;
    margin-bottom: 15px;
    border-radius: 0;
    text-transform: uppercase;
    margin-top: 0;
    width: 100%;
    text-align: center;
    border-top: 3px solid #5d856e;
    box-sizing: border-box;
}

.blogside .list li {
    background: url(../img/marker1.png) no-repeat scroll 0 16px rgba(0, 0, 0, 0);
    padding-left: 13px;
    text-align: left;
}

.blogside .list a {
    word-wrap: break-word;
}

.blogside li:before {
    color: #4f8768;
    content: "・";
    font-size: 100%;
    position: absolute;
    left: 0;
}

.blogside li {
    position: relative;
    padding: 0 16px;
}

input[type="text"] {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 3px;
    padding: 2px;
    margin-bottom: 5px;
}

#blogBody input[type="text"] {
    width: 100%;
    box-sizing: border-box;
}

#blogBody .blogArea:after {
    display: none;
}

.blog_search_submit {
    text-align: center;
    width: 98%;
    display: block;
}

.blog_search_submit input {
    padding: 0 5px;
}

/* 8-3. writer -------------------------- */
.blog #content .contributor {
    color: #999;
    font-size: 85%;
    margin: 3em 0 0.5em;
    text-align: right;
}

/* 8-4. sns -------------------------- */
.blog #content .shareBt {
    text-align: right;
}

.blog .shareBt .fb_iframe_widget {
    margin-right: 5px;
}

.blog .shareBt .twitter-tweet-button {
    text-align: right;
    vertical-align: middle;
    width: 90px !important;
}

.lineBt img {
    margin-top: 5px;
    width: auto;
}

/* =====================================
 9. link
===================================== */
/* 9-1. content text link -------------------------- */
.link a:link {
    text-decoration: underline;
}

/* 9-2. tel link -------------------------- */
a[href^="tel:"] {
    cursor: text;
}

@media screen and (max-width: 767px) {
    a[href^="tel:"] {
        cursor: pointer;
    }
}

/* 9-3. side link -------------------------- */
#sidecontact {
    display: block;
    position: fixed;
    top: 0%;
    z-index: 1000;
}

#sidecontact .top_btn li {
    float: left;
}

#sidecontact .top_btn li:first-child {
    width: 65.6%;
}

#sidecontact .top_btn li:last-child {
    width: 34.4%;
}

#sidecontact.rightContent {
    right: 0;
    box-shadow: 0 0 10px 3px rgba(204, 204, 204, 0.37);
    border-radius: 0 0 0 5px;
}

@media screen and (max-width:1100px) {
    #sidecontact.rightContent {
        width: 320px;
    }

}

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

    #sidecontact.rightContent {
        width: 250px;
    }
}

@media screen and (max-width: 767px) {
    #sidecontact {
        display: none;
    }
}

/* =====================================
	10. 動画テンプレート
===================================== */
/* 動画最大幅 */
.viemo.b_09,
.viemo.b_11_3.b_11_3_column2 {
    max-width: 700px;
    margin: 0 auto;
}

/* youtubeの縦横比 */
.viemo.b_09>div,
.viemo.b_11_3.b_11_3_column2 div.column_l>p,
.viemo.b_11_3.b_11_3_column2 div.column_r>p {
    position: relative;
    padding-top: 56.25%;
}

/* 絶対費で固定 */
.viemo.b_09 iframe,
.viemo.b_11_3.b_11_3_column2 div.column_l iframe,
.viemo.b_11_3.b_11_3_column2 div.column_r iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .viemo.b_11_3.b_11_3_column2 {
        width: 100%;
    }
}

@media screen and (min-width: 700px) and (max-width: 720px) {
    .viemo.b_11_3.b_11_3_column2 {
        width: 100%;
        max-width: 720px;
    }
}

@media screen and (max-width: 720px) {
    .viemo.b_09 {
        padding: 0 10px;
    }

    .viemo.b_11_3.b_11_3_column2 div.column_l {
        padding-left: 10px;
    }

    .viemo.b_11_3.b_11_3_column2 div.column_r {
        padding-right: 10px;
    }
}

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

    .viemo.b_11_3.b_11_3_column2 div.column_l,
    .viemo.b_11_3.b_11_3_column2 div.column_r {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .viemo.b_11_3.b_11_3_column2 div.column_l,
    .viemo.b_11_3.b_11_3_column2 div.column_r {
        padding: 0 10px;
    }
}

/* =====================================
 11. 管理画面
===================================== */
/* 非公開 */
.hikoukai {
    display: none !important;
}

#drag-temp-pre-content .parts.hikoukai {
    display: block !important;
    border: 5px solid #777;
    background: #555;
    padding: 20px 0;
}

/* 管理画面ズレ対応 */

@media screen and (min-width: 768px) {
    #drag-temp-pre-content .sp {
        margin: 0;
        padding: 0;
        height: 0;
    }
}

/* 新着情報ブロック */
#drag-temp-pre-content .news_list {
    position: relative;
    display: block;
    min-height: 50px;
    background: #777;
}

#drag-temp-pre-content .news_list:before {
    content: "新着情報";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.75em;
    margin-left: -4.5em;
    font-size: 20px;
    color: #fff;
    z-index: 10;
}


/* =====================================
	12. 下層TPL
===================================== */
/*--------------------------------------
	List of Check Design
--------------------------------------*/
ul.listCheck li {
    position: relative;
    padding-left: 2em;
    margin-bottom: 10px;
    font-size: 16px;
}

ul.listCheck li:before {
    display: block;
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 2px solid #bfbfbf;
}

ul.listCheck li:after {
    display: block;
    content: '';
    position: absolute;
    top: 5px;
    left: 4px;
    width: 7px;
    height: 3px;
    border-left: 2px solid #0061a5;
    border-bottom: 2px solid #0061a5;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*--------------------------------------
	手順矢印(下)
--------------------------------------*/
.stepArrow {
    position: relative;
    margin-bottom: 3em;
}

.stepArrow:before {
    content: "";
    position: absolute;
    bottom: -70px;
    left: 50%;
    margin-left: -45px;
    display: block;
    width: 0;
    height: 0;
    border: 25px solid transparent;
    border-top-color: #6FBA2C;
    border-right-width: 45px;
    border-left-width: 45px;
}

/*--------------------------------------
	table01
--------------------------------------*/
table.table01,
table .table01 {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #ccc;
}

.table01 th,
.table01 td {
    padding: 0.5em;
    text-align: center;
    vertical-align: middle;
}

.table01 thead th {
    background: #002e4e;
    color: #fff;
}

.table01 tbody th {
    background: #ddebf1;
}

.table01 th,
.table01 td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

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

    table.table01,
    table .table01 {
        font-size: 85%;
    }

    .table01 th,
    .table01 td {
        padding: 0.2em;
    }
}

@media (max-width: 480px) {

    table.table01,
    table .table01 {
        font-size: 70%;
    }
}

/*--------------------------------------
	anchorlinks
--------------------------------------*/
.anchorlinks {
    border: 3px double #333;
    background: #ccc;
    padding: 2em 2em 1em 2em;
    list-style: none;
}

.anchorlinks:after {
    content: "";
    display: block;
    clear: both;
}

.anchorlinks li {
    position: relative;
    width: 33.33%;
    float: left;
    padding: 0 .5em 0 1.2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1em;
}

.anchorlinks li:nth-child(3n) {
    padding-right: 0;
}

.anchorlinks li a {
    text-decoration: none;
}

.anchorlinks li a:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .5em;
    border-top: .4em solid transparent;
    border-bottom: .4em solid transparent;
    border-left: .8em solid #333;
    -webkit-transition-duration: .6s;
    -ms-transition-duration: .6s;
    -moz-transition-duration: .6s;
    transition-duration: .6s;
}

.anchorlinks li a:hover:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.anchorlinks li a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    .anchorlinks {
        padding: 1em 1em .5em 1em;
    }

    .anchorlinks li {
        width: 50%;
        margin-bottom: .5em;
    }

    .anchorlinks li:nth-child(even) {
        padding-right: 0;
    }

    .anchorlinks li:nth-child(3n) {
        padding-right: 1em;
    }
}

@media screen and (max-width: 480px) {
    .anchorlinks li {
        width: 100%;
        padding-right: 0;
    }
}

/*--------------------------------------
	症例写真 (クラスに「case_photo」を追加。画像サイズが大きくなり過ぎないように調整)
--------------------------------------*/
/*「テキスト+画像+文章」用*/
.case_photo.b_11_2.b_11_2_column2 div.column_l span img,
.case_photo.b_11_2.b_11_2_column2 div.column_r span img,
.case_photo.b_11_2.b_11_2_column3 div.column_c span img,
.case_photo.b_11_2.b_11_2_column3 div.column_l span img,
.case_photo.b_11_2.b_11_2_column3 div.column_r span img {
    width: 100%;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
}

.case_photo.b_11_2_in span img {
    width: 100%;
    max-width: 240px;
}

@media (max-width: 767px) {
    .case_photo .b_11_2_in span img {
        max-width: 240px;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

/*「画像」パーツ用*/
.case_photo.b_10.column_r span img,
.case_photo.column_c span img,
.case_photo.column_l span img {
    width: 240px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.case_photo.b_10 img {
    width: 100%;
    max-width: 240px;
}

@media (max-width: 767px) {
    .case_photo.b_10 img {
        max-width: 240px;
    }
}


/* =====================================
	13. お問い合わせバナー(フッター下部固定)
===================================== */
/*--------------------------------------
	contact boxs
--------------------------------------*/
.contactBox {
    background: #9ec56b;
    padding: 50px 30px 40px;
}

.contactBox .wrap {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    line-height: 2.5em;
    letter-spacing: .12em;
    font-size: 16px;
    color: #fff;
}

.contactBox .wrap h3 {
    margin: 0 0 .2em;
    line-height: 2.33em;
    letter-spacing: .2em;
    font-size: 30px;
    color: #fff;
}

.contactBox .wrap .bnr {
    margin-top: 28px;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    display: -webkit-flex;
    display: flex;
}

.contactBox .wrap .bnr .box {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin-right: 5px;
}

.contactBox .wrap .bnr .box:last-child {
    margin-right: 0;
}

.contactBox .wrap .bnr .box img {
    width: 100%;
    max-width: 100%;
}

.contactBox .tb {
    display: none;
}

@media screen and (max-width: 1060px) {
    .contactBox .tb {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .contactBox {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: none;
        padding: 0;
    }

    .contactBox .wrap h3,
    .contactBox .wrap h3+p {
        display: none;
    }

    .contactBox .wrap .bnr {
        margin-top: 0;
    }

    .contactBox .wrap .bnr .box {
        margin: 0 1px 0 0;
    }
}



/*viemo*/

.iframeWrap {
    position: relative;
    padding-top: 56.25%;
    margin-top: 50px;
}

.iframeWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.iframeWrap2 {
    position: relative;
    padding-top: 56.25%;
    margin-bottom: 100px;
}

.iframeWrap2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.iframeWrap3 {
    position: relative;
    padding-top: 56.25%;
}

.iframeWrap3 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.viemo_w {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.full #content .viemo_w .grid_12 {
    max-width: 800px;
}

.ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ggmap iframe,
.ggmapr object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/* app_banner */
.app_banner {
    text-align: center;
}

.app_banner img {
    width: 100%;
    max-width: 700px;
}

@media screen and (max-width: 600px) {
    .app_banner img {
        max-width: 600px;
    }

    .app_banner img.store01 {
        height: 40px;
        width: 135px;
        margin: 10px 0 0 0;
    }

    .app_banner img.store02 {
        height: 60px;
        width: 155px;
    }

    /* スマフォデザインでGooglePlayバナーがずれる場合は、 */
    /* .app_banner img.store01 {
      height:40px;
      width: 135px;
      margin: 0!important;
  } */
}

/* =====================================


■CORONAバナー


===================================== */
/* バナー設置 */
.pc {
    display: block;
}

.sp {
    display: none;
}

.corona {
    width: 90%;
    max-width: 700px;
    margin: 40px auto 40px;

}

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

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    .corona {
        width: 90%;
        max-width: 700px;
        margin: 4.5vw auto 4.5vw;
    }


}

/* バナー設置 */

.corona img {
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
}

@media screen and (max-width: 767px) {
    .corona img {
        width: 100%;
    }
}

.horizontal-nav {
    line-height: 0;
}