@charset "UTF-8";

html {
    color: #000;
    background: #fff
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

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

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: 400
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

q:after,
q:before {
    content: ''
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

legend {
    color: #000
}

#yui3-css-stamp.cssreset {
    display: none
}

@font-face {
    font-family: NotoSansCJKjp-Regular;
    src: url(../webfont/NotoSansCJKjp-Regular.woff) format('woff');
    color: #000;
    font-display: swap
}

@font-face {
    font-family: A-OTF-GothicMB101Pro-Bold;
    src: url(../webfont/A-OTF-GothicMB101Pro-Bold.woff) format("woff");
    -ms-font-feature-settings: "normal";
    color: #000;
    font-display: swap
}

@font-face {
    font-family: CenturyGothicStd-Bold;
    src: url(../webfont/CenturyGothicStd-Bold.woff) format("woff");
    -ms-font-feature-settings: "normal";
    color: #000;
    font-display: swap
}

@font-face {
    font-family: CenturyGothicStd;
    src: url(../webfont/CenturyGothicStd.woff) format("woff");
    -ms-font-feature-settings: "normal";
    color: #000;
    font-display: swap
}

@font-face {
    font-family: A-OTF-GothicMB101Pro-Bold_ver;
    src: url(../webfont/A-OTF-GothicMB101Pro-Bold_ver.woff) format("woff");
    -ms-font-feature-settings: "normal";
    color: #000;
    font-display: swap
}

body {
    font-family: NotoSansCJKjp-Regular, serif;
    color: #1a1717
}

#topcontrol {
    z-index: 999;
    margin: 0 10px 10px 0
}

h2,
h3,
li,
p,
td,
th {
    line-height: 1.8em;
    letter-spacing: .1em
}

.img100 img {
    width: 100%;
    height: auto
}

.cy_hover img {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.cy_hover img:hover {
    opacity: .7
}

.a_h a {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.cy_container {
    width: 94%;
    max-width: 960px;
    margin: 0 auto
}

.container1440 {
    width: 94%;
    margin: 0 auto;
    max-width: 1440px
}

.container1280 {
    width: 94%;
    margin: 0 auto;
    max-width: 1280px
}

.container1200 {
    width: 94%;
    margin: 0 auto;
    max-width: 1200px
}

.container1680 {
    width: 94%;
    margin: 0 auto;
    max-width: 1680px
}

.container1500 {
    width: 94%;
    margin: 0 auto;
    max-width: 1500px
}

.container1140 {
    width: 94%;
    margin: 0 auto;
    max-width: 1140px
}

.container1600 {
    width: 94%;
    margin: 0 auto;
    max-width: 1600px
}

.container1400 {
    width: 94%;
    margin: 0 auto;
    max-width: 1400px
}

.a_b a {
    color: #000;
    text-decoration: none
}

.a_w a {
    color: #fff;
    text-decoration: none
}

.z500 {
    position: relative;
    z-index: 500
}

.z10 {
    position: relative;
    z-index: 10
}

.cy_hidden {
    overflow: hidden
}

.font {
    font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif
}

.font0 {
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "MS P明朝", "MS PMincho", serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent
}

.font1 {
    font-family: A-OTF-GothicMB101Pro-Bold, serif
}

.font2 {
    font-family: CenturyGothicStd-Bold, serif
}

.font3 {
    font-family: CenturyGothicStd, serif
}

.font26 {
    font-size: 26px;
    line-height: normal
}

.font24 {
    font-size: 24px;
    line-height: normal
}

.font22 {
    font-size: 22px;
    line-height: normal
}

.font20 {
    font-size: 20px;
    line-height: normal
}

.font18 {
    font-size: 18px;
    line-height: normal
}

.font16 {
    font-size: 16px;
    line-height: normal
}

.posi {
    position: relative
}

#cy_h1 {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 5px;
    z-index: 1000;
    font-size: 10px;
    color: #000;
    text-shadow: #fff 1px 1px 0, #fff -1px 1px 0, #fff 1px -1px 0, #fff -1px -1px 0
}

.tel-link2 a {
    text-decoration: none;
    color: inherit
}

.tel-link2 {
    text-decoration: none;
    color: inherit
}

.br1024 {
    display: none
}

.br740 {
    display: none
}

.br480 {
    display: none
}

.t-hi {
    line-height: 2.4em
}

.order2 {
    order: 2
}

@media only screen and (max-width:1024px) {
    .cy_container {
        width: 97%
    }

    .font26 {
        font-size: 18px
    }

    .font24 {
        font-size: 18px
    }

    .font22 {
        font-size: 18px
    }

    .font20 {
        font-size: 16px
    }

    .font18 {
        font-size: 14px
    }

    .font16 {
        font-size: 14px
    }

    .br1024 {
        display: block
    }

    .brnone1024 {
        display: none
    }

    .t-hi {
        line-height: 1.8em
    }
}

@media only screen and (max-width:740px) {
    body {
        font-size: 12px
    }

    .container1140,
    .container1200,
    .container1280,
    .container1440,
    .container1500,
    .container1750,
    .cy_container {
        width: 94%
    }

    .br740 {
        display: block
    }

    .brnone740 {
        display: none
    }
}

@media only screen and (max-width:480px) {
    .br480 {
        display: block
    }

    .brnone480 {
        display: none
    }
}