@charset "UTF-8";
/* ==============================================================================================
 define
================================================================================================= */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
}

body {
    margin: 0;
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

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

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

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

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

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

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

small {
    font-size: 80%;
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 0;
}

hr {
    height: 0;
}

pre {
    overflow: auto;
}

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

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

input[type=checkbox], input[type=radio] {
    padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto;
}

input[type=search] {
    appearance: textfield;
}

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

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

legend {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

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

td, th {
    padding: 0;
}

:root {
    font-size: 10px;
}

body {
    min-width: 320px;
    font-size: 1.6rem;
    font-family: "Hiragino Kaku Gothic ProN", "¥Ò¥é¥®¥Î½Ç¥´ ProN W3", Meiryo, "¥á¥¤¥ê¥ª", sans-serif;
    color: #333;
    line-height: 1.75;
    background: #fff;
}

*, *::before, *::after {
    box-sizing: border-box;
}

ul {
    list-style-type: none;
}

a {
    color: #009eea;
    text-decoration: none;
}

em {
    font-weight: bold;
    font-style: normal;
}

strong {
    font-weight: bold;
    color: #b90909;
}

img {
    max-width: 100%;
    vertical-align: bottom;
}

hr {
    display: none;
}

p, ul, ol, dl, table {
    margin: 0;
    padding: 0;
}

blockquote {
    margin: 0;
}

small {
    font-size: inherit;
}

button, input[type="submit"] {
    -webkit-appearance: none;
    appearance: none;
}

/* ==============================================================================================
 clearfix
================================================================================================= */
/* ==============================================================================================
 sprite
================================================================================================= */
.site-main._program .contents-lead .contents-lead-inner .txt-lead:before, .site-main._program .contents-lead .contents-lead-inner .txt-lead:after, .nav-global .nav-list ul > li .list-inner a > .txt:before, [data-script-enabled="true"] .nav-branch .nav-branch-inner > li > .btn-branch .btn-inner .txt-wrap .txt:before, .nav-spot .nav-spot-inner li a .list-inner:after, .hdg-ty1-02 > .hdg-inner:after, .hdg-ty1-02 > .hdg-inner .hdg-txt:before, .hdg-ty2 > .hdg-inner > .hdg-ttl:before, .hdg-ty2-03 > .hdg-inner:after, .hdg-ty3 .hdg-ty3-inner:after, .hdg-ty3-02 > .hdg-inner:before, .hdg-ty3-02 > .hdg-inner:after, .hdg-ty3-03 > .hdg-inner .hdg-txt:before, .hdg-ty4 .hdg-txt:before, .link-program .link-program-inner > li a .link-txt:after, .link-spot .link-spot-inner > li a > .link-txt:before, .link-list li a:before, .btn .btn-inner > .txt:before, .btn-02:before, .btn-03:after, .box-about-03:before, .box-about-03:after, .box-mv._living:before, .box-mv._living:after, [data-script-enabled="true"] .list-category .list-category-inner li .btn-category .txt:before, .slick-prev:before, .slick-next:before, .slider-area .slider-area-inner .slider-item .slider-item-inner .content .item > .slider-btn > .txt:before {
    position: absolute;
    display: block;
    background-image: url(/kodomo-support/common/img/sprite.png);
    content: "";
}

/* ==============================================================================================
 structure
================================================================================================= */
/*----------------------------------------
 header
----------------------------------------*/
.site-header {
    position: relative;
    z-index: 20;
    width: 100%;
    margin: 0 auto;
    background: #fff;
}

.header-contents {
    width: 100%;
}
.header-contents .header-contents-inner {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    padding: 30px 10px 3px 11px;
}
.header-contents .header-contents-inner:after {
    display: table;
    clear: both;
    content: "";
}
.header-contents .header-contents-inner .site-logo {
    float: left;
    width: 42%;
    margin: 1px 0 0;
    font-size: 0;
}
.header-contents .header-contents-inner .site-logo > * {
    display: inline-block;
    font-size: 1.3rem;
}
.header-contents .header-contents-inner .site-logo > a {
    margin: 0 30px 0 0;
}
.header-contents .header-contents-inner .header-pc-contents {
    display: table;
    float: right;
}
.header-contents .header-contents-inner .header-pc-contents > * {
    display: table-cell;
    vertical-align: middle;
}
.header-contents .header-contents-inner .header-pc-contents > .utility {
    text-align: right;
}
.header-contents .header-contents-inner .header-pc-contents > .utility > li {
    margin: 0 0 10px;
}
.header-contents .header-contents-inner .header-pc-contents > .utility > li:last-child {
    margin-bottom: 0;
}
.header-contents .header-contents-inner .header-pc-contents > .utility > li a {
    font-size: 1.3rem;
}
.header-contents .header-contents-inner .header-pc-contents .group-logo {
    padding: 3px 21px 0 25px;
}
@media only screen and (max-width: 768px) {
    .header-contents .header-contents-inner {
        padding: 6px 22px 5px;
        border-bottom: solid 1px #d1d1d3;
    }
    .header-contents .header-contents-inner .site-logo {
        width: auto;
    }
    .header-contents .header-contents-inner .site-logo > * {
        font-size: 1rem;
    }
    .header-contents .header-contents-inner .site-logo a {
        display: inline-block;
    }
    .header-contents .header-contents-inner .site-logo a > img {
        display: block;
        width: 76px;
        margin: 0;
    }
    .header-contents .header-contents-inner .site-logo .sub-txt {
        display: block;
        margin-top: 2px;
    }
    .header-contents .header-contents-inner .header-pc-contents {
        display: none;
    }
}

.header-nav {
    position: relative;
    width: 100%;
}
.header-nav .header-nav-inner {
    display: table;
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    padding: 12px 10px 7px;
    background: #fff;
}
.header-nav .header-nav-inner:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: url(/kodomo-support/common/img/bg-bar-01.png) center top repeat-x;
    content: "";
}
.header-nav .header-nav-inner > * {
    display: table-cell;
    vertical-align: middle;
}
@media only screen and (max-width: 768px) {
    .header-nav .header-nav-inner {
        position: relative;
        display: block;
        margin: 0;
        padding: 15px 0 0;
    }
    .header-nav .header-nav-inner:before {
        height: 4px;
        background-size: 100% 4px;
    }
    .header-nav .header-nav-inner > .hdg-ty1 {
        display: inline-block;
    }
    .header-nav .header-nav-inner > .nav-global {
        position: absolute;
        display: block;
        background: #fff;
    }
}
.header-nav.is-fixed .header-nav-inner {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}

/*----------------------------------------
 footer
----------------------------------------*/
.site-footer .footer-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: #fff;
}
.site-footer .footer-wrap:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: url(/kodomo-support/common/img/bg-bar-01.png) center top repeat-x;
    content: "";
}
@media only screen and (max-width: 768px) {
    .site-footer .footer-wrap:before {
        height: 4px;
        background-size: 100% 4px;
    }
}

.footer-banner {
    margin: 0 0 42px;
    padding: 40px 0 0;
}
.footer-banner .footer-banner-inner {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    padding: 0 10px;
}
.footer-banner .footer-banner-inner .banner {
    margin: 0 0 -34px -32px;
    font-size: 0;
    text-align: center;
}
.footer-banner .footer-banner-inner .banner > li {
    display: inline-block;
    padding: 0 0 34px 32px;
    font-size: 1.6rem;
    vertical-align: middle;
}
.footer-banner .footer-banner-inner .banner > li a {
    display: block;
    transition: all .3s ease 0s;
}
.footer-banner .footer-banner-inner .banner > li a:hover, .footer-banner .footer-banner-inner .banner > li a:active, .footer-banner .footer-banner-inner .banner > li a:focus {
    opacity: .6;
}
@media only screen and (max-width: 768px) {
    .footer-banner {
        margin: 0;
        padding: 27px 0 32px;
    }
    .footer-banner .footer-banner-inner .banner {
        margin: 0 0 -19px -25px;
    }
    .footer-banner .footer-banner-inner .banner > li {
        padding: 0 0 19px 25px;
    }
}

.footer-contents {
    border-top: solid 1px #00aeeb;
}
.footer-contents .footer-contents-inner {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    padding: 16px 10px 15px;
}
.footer-contents .footer-contents-inner:after {
    display: table;
    clear: both;
    content: "";
}
.footer-contents .footer-contents-inner > .utility {
    float: left;
    margin: 0 0 5px;
    font-size: 0;
}
.footer-contents .footer-contents-inner > .utility > li {
    position: relative;
    display: inline-block;
    margin: 0 0 0 17px;
    padding: 0 14px 0 0;
    font-size: 1.3rem;
}
.footer-contents .footer-contents-inner > .utility > li:first-child {
    margin-left: 0;
}
.footer-contents .footer-contents-inner > .utility > li:before {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background: #bdbdbd;
    content: "";
}
.footer-contents .footer-contents-inner > .utility > li:last-child:before {
    content: none;
}
.footer-contents .footer-contents-inner > .utility > li a {
    color: #333;
}
.footer-contents .footer-contents-inner > .utility > li a:hover, .footer-contents .footer-contents-inner > .utility > li a:active, .footer-contents .footer-contents-inner > .utility > li a:focus {
    text-decoration: underline;
}
.footer-contents .footer-contents-inner .copyright {
    float: right;
    margin: 0;
    padding: 0 20px 0 0;
    font-size: 1.3rem;
    text-align: right;
}
.footer-contents .footer-contents-inner .footer-sp-contents {
    display: none;
}
@media only screen and (max-width: 768px) {
    .footer-contents {
        border-top: none;
    }
    .footer-contents .footer-contents-inner {
        padding: 0 0 22px;
    }
    .footer-contents .footer-contents-inner > .utility {
        float: none;
        width: 100%;
        margin-bottom: 0;
        border-bottom: solid 2px #00aeeb;
    }
    .footer-contents .footer-contents-inner > .utility > li {
        display: block;
        margin: 0;
        padding: 9px 18px;
        border-top: solid 1px #bdbdbd;
        border-left: none;
    }
    .footer-contents .footer-contents-inner > .utility > li:first-child {
        padding-left: 17px;
    }
    .footer-contents .footer-contents-inner > .utility > li:before {
        content: none;
    }
    .footer-contents .footer-contents-inner .copyright {
        float: none;
        width: 100%;
        padding: 0 15px;
        text-align: center;
        line-height: 1.7;
    }
    .footer-contents .footer-contents-inner .footer-sp-contents {
        display: block;
        padding: 20px 15px 0;
    }
    .footer-contents .footer-contents-inner .footer-sp-contents > .group-logo {
        margin: 0 0 19px;
        text-align: center;
    }
    .footer-contents .footer-contents-inner .footer-sp-contents > .searchArea {
        margin: 0 0 20px;
    }
}

.site-footer:not(._top) .footer-contents {
    position: relative;
    padding-top: 5px;
    border: none;
}
.site-footer:not(._top) .footer-contents:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: url(/kodomo-support/common/img/bg-bar-01.png) center top repeat-x;
    content: "";
}
@media only screen and (max-width: 768px) {
    .site-footer:not(._top) .footer-contents {
        padding-top: 4px;
    }
    .site-footer:not(._top) .footer-contents:before {
        height: 4px;
        background-size: 100% 4px;
    }
    .site-footer:not(._top) .footer-contents .footer-contents-inner {
        padding-bottom: 0;
    }
    .site-footer:not(._top) .footer-contents .footer-contents-inner > .utility {
        border-bottom: solid 1px #bdbdbd;
    }
    .site-footer:not(._top) .footer-contents .footer-contents-inner > .utility > li:first-child {
        border-top: none;
    }
    .site-footer:not(._top) .footer-contents .footer-contents-inner .copyright {
        padding: 14px 15px;
    }
}

/*----------------------------------------
 contents
----------------------------------------*/
.site-main {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    background: #fff;
}
.site-main._pet .contents-mv .contents-mv-inner .sp_hide {
    display: block !important;
}
@media only screen and (max-width: 768px) {
    .site-main._pet .contents-mv .contents-mv-inner .sp_hide {
        display: none !important;
    }
}
.site-main._pet .contents-mv .contents-mv-inner .pc_hide {
    display: none !important;
}
@media only screen and (max-width: 768px) {
    .site-main._pet .contents-mv .contents-mv-inner .pc_hide {
        display: block !important;
    }
}
.site-main._pet .contents-mv .contents-mv-inner .img {
    width: 100%;
}
.site-main._pet .contents-mv .contents-mv-inner .img img {
    display: block;
    margin: 0 auto;
}
.site-main._pet .str-contents .str-contents-inner {
    margin-top: 64px !important;
}
.site-main._about {
    background: #89d5f2;
}
.site-main._program {
    background: #cdefff;
}
.site-main._program > .str-contents {
    background: url(/kodomo-support/common/img/bg-01.png) center top repeat;
}
.site-main._program > .str-contents .str-contents-inner {
    padding: 40px 10px 215px;
}
.site-main._spot {
    background: #fff4bd;
}
.site-main._spot > .str-contents {
    background: url(/kodomo-support/common/img/bg-02.png) center top repeat;
}
.site-main._spot > .str-contents .str-contents-inner {
    padding: 40px 10px 215px;
}
.site-main._spot > .str-contents._spot-top {
    overflow: hidden;
}
.site-main._spot > .str-contents._spot-top .str-contents-inner {
    position: relative;
    padding-bottom: 116px;
}
.site-main._spot > .str-contents._spot-top .str-contents-inner:before, .site-main._spot > .str-contents._spot-top .str-contents-inner:after {
    position: absolute;
    display: block;
    content: "";
}
.site-main._spot > .str-contents._spot-top .str-contents-inner:before {
    bottom: 21px;
    left: -35px;
    width: 150px;
    height: 238px;
    background: url(/kodomo-support/spot/img/bg-img-01.png) left bottom no-repeat;
}
.site-main._spot > .str-contents._spot-top .str-contents-inner:after {
    right: -50px;
    bottom: 38px;
    width: 184px;
    height: 168px;
    background: url(/kodomo-support/spot/img/bg-img-02.png) right bottom no-repeat;
}
.site-main._spot > .str-contents._spot-top .str-contents-inner p {
    font-size: 1.8rem;
    line-height: 1.6;
}
.site-main._living {
    background: #dafbc1;
}
.site-main._living > .str-contents {
    background: url(/kodomo-support/common/img/bg-03.png) center top repeat;
}
.site-main._living > .str-contents .str-contents-inner {
    padding: 40px 15px 215px;
}
.site-main._campaign {
    background: #ffe6cd;
}
.site-main._campaign > .str-contents {
    background: #fff;
}
.site-main._campaign > .str-contents .str-contents-inner {
    padding: 40px 15px 215px;
}
.site-main._campaign > .str-contents .str-contents-inner > *:first-child {
    margin-top: 0;
}
@media only screen and (max-width: 1015px) {
    .site-main._spot > .str-contents._spot-top .str-contents-inner:before {
        left: 5%;
    }
    .site-main._spot > .str-contents._spot-top .str-contents-inner:after {
        right: 5%;
    }
}
@media only screen and (max-width: 768px) {
    .site-main._program > .str-contents .str-contents-inner {
        padding: 39px 15px 95px;
    }
    .site-main._spot > .str-contents .str-contents-inner {
        padding: 14px 15px 91px;
    }
    .site-main._spot > .str-contents._spot-top .str-contents-inner:before, .site-main._spot > .str-contents._spot-top .str-contents-inner:after {
        content: none;
    }
    .site-main._spot > .str-contents._spot-top .str-contents-inner p {
        font-size: 1.6rem;
        line-height: 1.75;
    }
    .site-main._living > .str-contents .str-contents-inner, .site-main._campaign > .str-contents .str-contents-inner {
        padding: 14px 15px 91px;
    }
}

html[data-site="active"] .str-contents > .str-contents-inner {
    margin: 64px auto 0;
}
html[data-site="active"] .str-contents > .str-contents-inner .c_title {
    margin-bottom: 65px;
}

.str-contents {
    position: relative;
    width: 100%;
}
.str-contents > .str-contents-inner {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    padding: 0 10px;
}
.str-contents > .str-contents-inner > *:last-child {
    margin-bottom: 0;
}
.str-contents._top {
    z-index: 4;
    padding: 0 0 124px;
}
.str-contents._top:after {
    position: absolute;
    bottom: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 164px;
    background: url(/kodomo-support/img/bg-top-01.png) center bottom no-repeat;
    content: "";
}
.str-contents._top .str-contents-inner {
    max-width: none;
    padding: 0;
    background: #7aceee;
}
.str-contents._about-sec-01 {
    position: relative;
    z-index: 0;
    padding: 40px 0 60px;
    background: #89d5f2;
}
.str-contents._about-sec-01:after {
    position: absolute;
    bottom: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 15px;
    background: url(/kodomo-support/about/img/bg-17.png) center bottom repeat-x;
    content: "";
}
.str-contents._about-sec-01 > .str-contents-inner {
    position: relative;
    z-index: 0;
}
.str-contents._about-sec-01 > .str-contents-inner:before, .str-contents._about-sec-01 > .str-contents-inner:after {
    position: absolute;
    z-index: -1;
    display: block;
    content: "";
}
.str-contents._about-sec-01 > .str-contents-inner:before {
    top: 110px;
    left: 50%;
    width: 330px;
    height: 147px;
    margin-left: -655px;
    background: url(/kodomo-support/about/img/bg-01.png) left top no-repeat;
}
.str-contents._about-sec-01 > .str-contents-inner:after {
    top: 84px;
    right: 50%;
    width: 188px;
    height: 112px;
    margin-right: -620px;
    background: url(/kodomo-support/about/img/bg-02.png) left top no-repeat;
}
.str-contents._about-sec-02 {
    position: relative;
    padding: 40px 0 117px;
    background: #009eea;
}
.str-contents._about-sec-02:before, .str-contents._about-sec-02:after {
    position: absolute;
    display: block;
    content: "";
}
.str-contents._about-sec-02:before {
    top: 773px;
    left: 50%;
    width: 35px;
    height: 52px;
    margin-left: -574px;
    background: url(/kodomo-support/about/img/bg-05.png) left top no-repeat;
}
.str-contents._about-sec-02:after {
    top: 1340px;
    right: 50%;
    width: 41px;
    height: 80px;
    margin-right: -570px;
    background: url(/kodomo-support/about/img/bg-06.png) right top no-repeat;
}
.str-contents._about-sec-02 > .str-contents-inner {
    position: relative;
}
.str-contents._about-sec-02 > .str-contents-inner:after {
    position: absolute;
    bottom: 218px;
    left: 50%;
    display: block;
    width: 35px;
    height: 52px;
    margin-left: -574px;
    background: url(/kodomo-support/about/img/bg-05.png) left top no-repeat;
    content: "";
}
.str-contents._about-sec-03 {
    position: relative;
    padding: 53px 0 181px;
    background: #fef9e6 url(/kodomo-support/about/img/bg-09.png) center bottom repeat-x;
}
.str-contents._about-sec-03:before {
    position: absolute;
    top: -14px;
    display: block;
    width: 100%;
    height: 15px;
    background: url(/kodomo-support/about/img/bg-11.png) center bottom repeat-x;
    content: "";
}
.str-contents._about-sec-04 {
    position: relative;
    padding: 57px 0 0;
    background: #c1e87c;
}
.str-contents._about-sec-04:before {
    position: absolute;
    top: -14px;
    display: block;
    width: 100%;
    height: 15px;
    background: url(/kodomo-support/about/img/bg-12.png) center bottom repeat-x;
    content: "";
}
.str-contents._about-sec-04 .str-contents-inner {
    padding-bottom: 209px;
}
.str-contents._about-sec-05 {
    position: relative;
    z-index: 0;
    padding: 40px 0 60px;
    background: #fbc3d1;
}
.str-contents._about-sec-05:after {
    position: absolute;
    bottom: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 15px;
    background: url(/kodomo-support/about/img/bg-10.png) center bottom repeat-x;
    content: "";
}
.str-contents._about-sec-05 > .str-contents-inner {
    position: relative;
    z-index: 0;
}
.str-contents._program {
    z-index: 3;
    overflow: hidden;
    margin-top: -132px;
    padding: 150px 0 70px;
    background: url(/kodomo-support/common/img/bg-01.png) center bottom repeat;
    border-radius: 0 0 1500px 1500px/ 0 0 164px 164px;
}
.str-contents._spot {
    z-index: 2;
    overflow: hidden;
    margin-top: -150px;
    padding: 170px 0 70px;
    background: url(/kodomo-support/common/img/bg-02.png) center bottom repeat;
    border-radius: 0 0 1500px 1500px/ 0 0 164px 164px;
}
.str-contents._living {
    z-index: 1;
    overflow: hidden;
    margin-top: -150px;
    padding: 170px 0 70px;
    background: url(/kodomo-support/common/img/bg-03.png) center bottom repeat;
    border-radius: 0 0 1500px 1500px/ 0 0 164px 164px;
}
.str-contents._info {
    z-index: 0;
    margin-top: -150px;
    padding: 145px 0 0;
    background: url(/kodomo-support/common/img/bg-04.png) center top repeat;
}
.str-contents._info .str-contents-inner {
    padding: 0 10px 215px;
}
@media only screen and (max-width: 768px) {
    .str-contents > .str-contents-inner {
        padding: 0 15px;
    }
    .str-contents._top {
        padding: 0 0 9.7vw;
    }
    .str-contents._top:after {
        top: 0;
        bottom: auto;
        z-index: 0;
        height: 100%;
        background: url(/kodomo-support/img/bg-top-01_sp.png) center bottom no-repeat;
        background-size: 100%;
    }
    .str-contents._top > .str-contents-inner {
        padding: 0;
    }
    .str-contents._about-sec-01 {
        padding: 15px 0 39px;
        background: #89d5f2;
    }
    .str-contents._about-sec-01:after {
        bottom: 0;
        background-size: 20px 7.5px;
    }
    .str-contents._about-sec-02 {
        padding: 30px 0 48px;
    }
    .str-contents._about-sec-02:before, .str-contents._about-sec-02:after {
        content: none;
    }
    .str-contents._about-sec-03 {
        padding: 39px 0 21.875vw;
        background: #fef9e6 url(/kodomo-support/about/img/bg-09_sp.png) center bottom no-repeat;
        background-size: 100%;
    }
    .str-contents._about-sec-03:before {
        background-size: 20px 7.5px;
    }
    .str-contents._about-sec-04 {
        padding: 39px 0 0;
    }
    .str-contents._about-sec-04:before {
        background-size: 20px 7.5px;
    }
    .str-contents._about-sec-04 > .str-contents-inner {
        padding-bottom: 91px;
    }
    .str-contents._about-sec-05 {
        padding: 24px 0 39px;
    }
    .str-contents._about-sec-05:after {
        bottom: 0;
        background-size: 20px 7.5px;
    }
    .str-contents._program, .str-contents._spot, .str-contents._living {
        border-radius: 0 0 1800px 1800px/ 0 0 150px 150px;
    }
    .str-contents._program {
        padding: 132px 0 30px;
    }
    .str-contents._spot {
        padding: 155px 0 27px;
    }
    .str-contents._spot p {
        margin-bottom: .9em;
        line-height: 1.625;
    }
    .str-contents._living {
        padding: 152px 0 40px;
    }
    .str-contents._info {
        background: none;
    }
    .str-contents._info .str-contents-inner {
        padding-bottom: 95px;
    }
}

.site-main._program .contents-lead {
    background: #ffebec;
}
.site-main._program .contents-lead .contents-lead-inner {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    padding: 0 10px;
    text-align: center;
}
.site-main._program .contents-lead .contents-lead-inner .txt-lead {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 22px 70px 20px;
    font-weight: bold;
    color: #333;
    line-height: 1.8;
}
.site-main._program .contents-lead .contents-lead-inner .txt-lead:before, .site-main._program .contents-lead .contents-lead-inner .txt-lead:after {
    position: absolute;
    bottom: 27px;
    display: block;
    content: "";
}
.site-main._program .contents-lead .contents-lead-inner .txt-lead:before {
    left: 0;
    width: 67px;
    height: 77px;
    background: url(/kodomo-support/program/img/icon-mv-02.png) center no-repeat;
}
.site-main._program .contents-lead .contents-lead-inner .txt-lead:after {
    right: 0;
    width: 37px;
    height: 28px;
    background: url(/kodomo-support/program/img/icon-mv-01.png) center no-repeat;
}
@media only screen and (max-width: 768px) {
    .site-main._program .contents-lead {
        background: #ffebec;
    }
    .site-main._program .contents-lead .contents-lead-inner {
        padding: 0 20px;
    }
    .site-main._program .contents-lead .contents-lead-inner .txt-lead {
        padding: 15px 0 20px;
        color: #333;
        text-align: left;
        line-height: 1.5;
    }
    .site-main._program .contents-lead .contents-lead-inner .txt-lead:before, .site-main._program .contents-lead .contents-lead-inner .txt-lead:after {
        content: none;
    }
}

.contents-mv {
    overflow: hidden;
}
[data-site="pet"] .contents-mv .contents-mv-inner .img {
    padding-top: 0 !important;
    padding-bottom: 20px;
    background: url(/pet-smile/event/img/bg-mv-01.png) top repeat;
}
@media only screen and (max-width: 768px) {
    [data-site="pet"] .contents-mv .contents-mv-inner .img {
        background: url(/pet-smile/event/img/bg-mv-01_sp.png) top repeat;
    }
}
[data-site="pet"] .contents-mv .contents-mv-inner .img::after {
    display: none !important;
}
[data-site="pet"] .contents-mv .contents-mv-inner::after {
    display: none !important;
}
.site-main._about .contents-mv .contents-mv-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background: url(/kodomo-support/about/img/bg-mv-01.png) 37% top no-repeat;
}
@media only screen and (max-width: 768px) {
    .site-main._about .contents-mv .contents-mv-inner {
        width: 100%;
        background: url(/kodomo-support/about/img/bg-mv-01_sp.png) center top no-repeat;
        background-size: 100%;
    }
}
.site-main._program .contents-mv {
    position: relative;
    overflow: visible;
    background: #fff;
}
.site-main._program .contents-mv .contents-mv-inner {
    position: relative;
    z-index: 0;
    width: 100%;
    margin: 0 auto;
    background: url(/kodomo-support/program/img/bg-mv-01.png) center/cover no-repeat;
}
.site-main._program .contents-mv .contents-mv-inner > .img {
    padding-top: 40px;
}
.site-main._program .contents-mv .contents-mv-inner > .img::after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 246px;
    background: url(/kodomo-support/program/img/bg-lead-01.png) center bottom repeat-x;
    content: "";
}
.site-main._program .contents-mv .contents-mv-inner > .img img {
    width: auto;
    margin: 0 auto;
    -webkit-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px);
}
.site-main._program .contents-mv .contents-mv-inner::before {
    position: absolute;
    top: 10px;
    right: 44%;
    bottom: 0;
    display: block;
    width: 326px;
    height: 220px;
    margin: auto 300px auto 0;
    background: url(/kodomo-support/program/img/img-mv-02.png) right center no-repeat;
    content: "";
}
.site-main._program .contents-mv .contents-mv-inner::after {
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 47%;
    display: block;
    width: 326px;
    height: 228px;
    margin: auto 0 auto 300px;
    background: url(/kodomo-support/program/img/img-mv-03.png) center bottom no-repeat;
    content: "";
}
@media only screen and (max-width: 768px) {
    .site-main._program .contents-mv:after {
        background-size: 20px 7.5px;
    }
    .site-main._program .contents-mv .contents-mv-inner {
        padding: 5px 5px 1px;
    }
    .site-main._program .contents-mv .contents-mv-inner:before, .site-main._program .contents-mv .contents-mv-inner:after {
        content: none;
    }
    .site-main._program .contents-mv .contents-mv-inner > .img {
        padding-top: 20px;
    }
    .site-main._program .contents-mv .contents-mv-inner > .img::after {
        position: absolute;
        display: block;
        width: 100%;
        height: 47px;
        background: url(/kodomo-support/program/img/bg-lead-01-sp.png) center bottom repeat-x;
        content: "";
    }
    .site-main._program .contents-mv .contents-mv-inner > .img img {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.site-main._spot .contents-mv, .site-main._campaign .contents-mv {
    margin: 0 0 25px;
}
.site-main._spot .contents-mv .contents-mv-inner, .site-main._campaign .contents-mv .contents-mv-inner {
    width: 100%;
    margin: 0 auto;
}
.site-main._spot .contents-mv .contents-mv-inner > .img img, .site-main._campaign .contents-mv .contents-mv-inner > .img img {
    width: 100%;
}
@media only screen and (max-width: 768px) {
    .site-main._spot .contents-mv, .site-main._campaign .contents-mv {
        margin-bottom: 16px;
    }
}
.site-main._spot .contents-mv .contents-mv-inner {
    max-width: 1200px;
}
.site-main._campaign .contents-mv .contents-mv-inner {
    max-width: 1000px;
}
.site-main._living .contents-mv {
    overflow: hidden;
    background: #fffefb;
}
.site-main._living .contents-mv .contents-mv-inner {
    position: relative;
    z-index: 0;
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    padding: 40px 10px 60px;
}
.site-main._living .contents-mv .contents-mv-inner:before {
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    z-index: -1;
    display: block;
    width: 581px;
    height: 387px;
    margin: auto -591px auto 0;
    background: url(/kodomo-support/living/img/bg-mv-01.png) right center no-repeat;
    content: "";
}
@media only screen and (max-width: 768px) {
    .site-main._living .contents-mv {
        background: none;
    }
    .site-main._living .contents-mv .contents-mv-inner {
        padding: 0;
    }
    .site-main._living .contents-mv .contents-mv-inner:before {
        content: none;
    }
}

/*----------------------------------------
 nav
----------------------------------------*/
.nav-global {
    width: 79.5%;
}
.nav-global .nav-list ul {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.nav-global .nav-list ul > li {
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
}
.nav-global .nav-list ul > li:before {
    position: absolute;
    top: 13px;
    bottom: 0;
    left: 0;
    display: block;
    width: 2px;
    height: 30px;
    margin: auto;
    background: url(/kodomo-support/common/img/bg-dots-01.png) repeat-y;
    content: "";
}
.nav-global .nav-list ul > li:last-child:after {
    position: absolute;
    top: 13px;
    right: 0;
    bottom: 0;
    display: block;
    width: 2px;
    height: 30px;
    margin: auto;
    background: url(/kodomo-support/common/img/bg-dots-01.png) repeat-y;
    content: "";
}
.nav-global .nav-list ul > li .list-inner {
    padding: 7px 6px;
}
.nav-global .nav-list ul > li .list-inner a {
    position: relative;
    z-index: 0;
    display: table;
    width: 100%;
    min-height: 82px;
    font-weight: bold;
    font-size: 1.4rem;
    color: #333;
    line-height: 1.375;
    border-radius: 6px;
}
.nav-global .nav-list ul > li .list-inner a:after {
    position: absolute;
    right: 0;
    bottom: -4px;
    left: 0;
    z-index: -1;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    border-radius: 3px;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav-global .nav-list ul > li .list-inner a:first-child:before {
    display: block;
    float: left;
    min-height: 82px;
    content: "";
}
.nav-global .nav-list ul > li .list-inner a > .txt {
    position: relative;
    display: table-cell;
    padding: 0 5px 8px 40px;
    font-size: 1.4rem;
    vertical-align: middle;
    text-align: center;
}
.nav-global .nav-list ul > li .list-inner a > .txt:before {
    position: absolute;
    bottom: 20px;
    left: 8.51063%;
    display: block;
    content: "";
}
.nav-global .nav-list ul > li .list-inner a > .txt > .sub-txt {
    display: block;
    margin: 0 0 7px;
}
.nav-global .nav-list ul > li._home {
    display: none;
}
.nav-global .nav-list ul > li._about .list-inner a:hover, .nav-global .nav-list ul > li._about .list-inner a:active, .nav-global .nav-list ul > li._about .list-inner a:focus {
    background: #ccecfb;
}
.nav-global .nav-list ul > li._about .list-inner a:hover:after, .nav-global .nav-list ul > li._about .list-inner a:active:after, .nav-global .nav-list ul > li._about .list-inner a:focus:after {
    background: #ccecfb;
}
.nav-global .nav-list ul > li._about .list-inner a > .txt {
    padding-bottom: 0;
}
.nav-global .nav-list ul > li._about .list-inner a > .txt:before {
    width: 20px;
    height: 20px;
    background-position: -342px 0;
}
.nav-global .nav-list ul > li._about.is-current .list-inner a {
    background: #ccecfb;
}
.nav-global .nav-list ul > li._about.is-current .list-inner a:after {
    background: #ccecfb;
}
.nav-global .nav-list ul > li._report .list-inner a:hover, .nav-global .nav-list ul > li._report .list-inner a:active, .nav-global .nav-list ul > li._report .list-inner a:focus {
    background: #ffdaf0;
}
.nav-global .nav-list ul > li._report .list-inner a:hover:after, .nav-global .nav-list ul > li._report .list-inner a:active:after, .nav-global .nav-list ul > li._report .list-inner a:focus:after {
    background: #ffdaf0;
}
.nav-global .nav-list ul > li._report .list-inner a > .txt {
    padding-bottom: 0;
}
.nav-global .nav-list ul > li._report .list-inner a > .txt:before {
    width: 20px;
    height: 20px;
    background-image: url(/kodomo-support/common/img/arrow-report.png);
}
.nav-global .nav-list ul > li._program .list-inner a:hover, .nav-global .nav-list ul > li._program .list-inner a:active, .nav-global .nav-list ul > li._program .list-inner a:focus {
    background: #ffdada;
}
.nav-global .nav-list ul > li._program .list-inner a:hover:after, .nav-global .nav-list ul > li._program .list-inner a:active:after, .nav-global .nav-list ul > li._program .list-inner a:focus:after {
    background: #ffdada;
}
.nav-global .nav-list ul > li._program .list-inner a > .txt:before {
    width: 20px;
    height: 20px;
    background-position: -267px 0;
}
.nav-global .nav-list ul > li._program.is-current .list-inner a {
    background: #ffdada;
}
.nav-global .nav-list ul > li._program.is-current .list-inner a:after {
    background: #ffdada;
}
.nav-global .nav-list ul > li._spot .list-inner a:hover, .nav-global .nav-list ul > li._spot .list-inner a:active, .nav-global .nav-list ul > li._spot .list-inner a:focus {
    background: #ffebd6;
}
.nav-global .nav-list ul > li._spot .list-inner a:hover:after, .nav-global .nav-list ul > li._spot .list-inner a:active:after, .nav-global .nav-list ul > li._spot .list-inner a:focus:after {
    background: #ffebd6;
}
.nav-global .nav-list ul > li._spot .list-inner a > .txt:before {
    width: 20px;
    height: 20px;
    background-position: -317px 0;
}
.nav-global .nav-list ul > li._spot.is-current .list-inner a {
    background: #ffebd6;
}
.nav-global .nav-list ul > li._spot.is-current .list-inner a:after {
    background: #ffebd6;
}
.nav-global .nav-list ul > li._living .list-inner a:hover, .nav-global .nav-list ul > li._living .list-inner a:active, .nav-global .nav-list ul > li._living .list-inner a:focus {
    background: #cefad9;
}
.nav-global .nav-list ul > li._living .list-inner a:hover:after, .nav-global .nav-list ul > li._living .list-inner a:active:after, .nav-global .nav-list ul > li._living .list-inner a:focus:after {
    background: #cefad9;
}
.nav-global .nav-list ul > li._living .list-inner a > .txt:before {
    width: 20px;
    height: 20px;
    background-position: -367px 0;
}
.nav-global .nav-list ul > li._living.is-current .list-inner a {
    background: #cefad9;
}
.nav-global .nav-list ul > li._living.is-current .list-inner a:after {
    background: #cefad9;
}
.nav-global .btn-menu {
    display: none;
}
@media only screen and (max-width: 768px) {
    .nav-global {
        width: 100%;
        border-top: solid 1px #ddddde;
    }
    .nav-global.js-toggle-menu.is-close .js-toggle-content {
        display: none;
    }
    .nav-global .nav-list ul {
        display: block;
    }
    .nav-global .nav-list ul li {
        display: block;
        border-bottom: solid 1px #d1d1d3;
    }
    .nav-global .nav-list ul li:before, .nav-global .nav-list ul li:last-child:after {
        content: none;
    }
    .nav-global .nav-list ul li .list-inner {
        padding: 0;
    }
    .nav-global .nav-list ul li .list-inner a {
        display: block;
        min-height: auto;
        padding: 11px 15px;
        font-weight: normal;
        font-size: 15px;
        border-radius: 0;
    }
    .nav-global .nav-list ul li .list-inner a:before, .nav-global .nav-list ul li .list-inner a:after {
        content: none;
    }
    .nav-global .nav-list ul li .list-inner a:first-child:before {
        content: none;
    }
    .nav-global .nav-list ul li .list-inner a > .txt {
        display: block;
        padding: 0 25px 0 25px;
        text-align: left;
    }
    .nav-global .nav-list ul li .list-inner a > .txt:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        margin: auto;
        background: url(/kodomo-support/common/img/sprite.png);
        content: "";
    }
    .nav-global .nav-list ul li .list-inner a > .txt > .sub-txt {
        display: none;
    }
    .nav-global .nav-list ul li._home {
        display: block;
    }
    .nav-global .nav-list ul li._home .list-inner a:hover, .nav-global .nav-list ul li._home .list-inner a:active, .nav-global .nav-list ul li._home .list-inner a:focus {
        background-color: transparent;
    }
    .nav-global .nav-list ul li._home .list-inner a:hover:after, .nav-global .nav-list ul li._home .list-inner a:active:after, .nav-global .nav-list ul li._home .list-inner a:focus:after {
        background-color: transparent;
        border-radius: 0;
    }
    .nav-global .nav-list ul li._home .list-inner a > .txt:before {
        left: -3px;
        width: 20.5px;
        height: 16.5px;
        background-position: -898.5px 0;
        background-size: 1996.5px 30px;
    }
    .nav-global .nav-list ul li._about .list-inner a:hover, .nav-global .nav-list ul li._about .list-inner a:active, .nav-global .nav-list ul li._about .list-inner a:focus {
        background-color: transparent;
    }
    .nav-global .nav-list ul li._about .list-inner a:hover:after, .nav-global .nav-list ul li._about .list-inner a:active:after, .nav-global .nav-list ul li._about .list-inner a:focus:after {
        background-color: transparent;
        border-radius: 0;
    }
    .nav-global .nav-list ul li._about .list-inner a > .txt:before {
        left: 0;
        width: 16.5px;
        height: 20px;
        background-position: -517px 0;
        background-size: 1996.5px 30px;
    }
    .nav-global .nav-list ul > li._report .list-inner a > .txt:before {
        width: 20px;
        height: 16px;
        background: url(/kodomo-support/common/img/icon-report.svg) no-repeat center/cover;
    }
    .nav-global .nav-list ul li._program .list-inner a:hover, .nav-global .nav-list ul li._program .list-inner a:active, .nav-global .nav-list ul li._program .list-inner a:focus {
        background-color: transparent;
    }
    .nav-global .nav-list ul li._program .list-inner a:hover:after, .nav-global .nav-list ul li._program .list-inner a:active:after, .nav-global .nav-list ul li._program .list-inner a:focus:after {
        background-color: transparent;
        border-radius: 0;
    }
    .nav-global .nav-list ul li._program .list-inner a > .txt:before {
        width: 15.5px;
        height: 15.5px;
        background-position: -295.5px 0;
        background-size: 1996.5px 30px;
    }
    .nav-global .nav-list ul li._spot .list-inner a:hover, .nav-global .nav-list ul li._spot .list-inner a:active, .nav-global .nav-list ul li._spot .list-inner a:focus {
        background-color: transparent;
    }
    .nav-global .nav-list ul li._spot .list-inner a:hover:after, .nav-global .nav-list ul li._spot .list-inner a:active:after, .nav-global .nav-list ul li._spot .list-inner a:focus:after {
        background-color: transparent;
        border-radius: 0;
    }
    .nav-global .nav-list ul li._spot .list-inner a > .txt:before {
        width: 17.5px;
        height: 20px;
        background-position: -633.5px 0;
        background-size: 1996.5px 30px;
    }
    .nav-global .nav-list ul li._living .list-inner a:hover, .nav-global .nav-list ul li._living .list-inner a:active, .nav-global .nav-list ul li._living .list-inner a:focus {
        background-color: transparent;
    }
    .nav-global .nav-list ul li._living .list-inner a:hover:after, .nav-global .nav-list ul li._living .list-inner a:active:after, .nav-global .nav-list ul li._living .list-inner a:focus:after {
        background-color: transparent;
        border-radius: 0;
    }
    .nav-global .nav-list ul li._living .list-inner a > .txt:before {
        width: 17px;
        height: 15.5px;
        background-position: -555px 0;
        background-size: 1996.5px 30px;
    }
    .nav-global .nav-list ul li._home.is-current .list-inner a, .nav-global .nav-list ul li._about.is-current .list-inner a, .nav-global .nav-list ul li._program.is-current .list-inner a, .nav-global .nav-list ul li._spot.is-current .list-inner a, .nav-global .nav-list ul li._living.is-current .list-inner a {
        background: transparent;
    }
    .nav-global .btn-menu {
        position: absolute;
        top: -50px;
        right: 15px;
        display: block;
    }
    .nav-global .btn-menu > button {
        position: relative;
        width: 43px;
        height: 43px;
        padding: 21px 0 0;
        font-size: 1rem;
        color: #fff;
        text-align: center;
        -webkit-appearance: none;
        appearance: none;
        background: #1297e3;
        border: none;
        border-radius: 4px;
    }
    .nav-global .btn-menu > button:before {
        position: absolute;
        top: 7px;
        right: 0;
        left: 0;
        display: block;
        width: 22px;
        height: 16px;
        margin: auto;
        background: url(/kodomo-support/common/img/sprite.png);
        background-position: -921.5px 0;
        background-size: 1996.5px 30px;
        content: "";
    }
    .nav-global.is-open .btn-menu > button:before {
        width: 17px;
        height: 16px;
        background-position: -574.5px 0;
        background-size: 1996.5px 30px;
    }
}

[data-site="pet"] .nav-breadcrumb {
    background: #fef3d5 !important;
}
.nav-breadcrumb .nav-breadcrumb-inner {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    padding: 6px 10px;
    font-size: 0;
    list-style: none;
}
.nav-breadcrumb .nav-breadcrumb-inner li {
    position: relative;
    display: inline-block;
    margin: 0 7px 0 0;
    padding: 0 13px 0 0;
    font-size: 1.2rem;
    color: #5d5d5d;
}
.nav-breadcrumb .nav-breadcrumb-inner li:before {
    position: absolute;
    top: 0;
    right: 2px;
    bottom: 0;
    display: block;
    width: 7px;
    height: 7px;
    margin: auto;
    border-width: 1px;
    border-style: solid;
    border-color: transparent #5d5d5d #5d5d5d transparent;
    content: "";
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.nav-breadcrumb .nav-breadcrumb-inner li:last-child:before {
    content: none;
}
.nav-breadcrumb .nav-breadcrumb-inner li a {
    color: #009eea;
}
.nav-breadcrumb .nav-breadcrumb-inner li a:hover, .nav-breadcrumb .nav-breadcrumb-inner li a:active, .nav-breadcrumb .nav-breadcrumb-inner li a:focus {
    text-decoration: underline;
}
.nav-breadcrumb .nav-breadcrumb-inner li > strong {
    font-weight: normal;
    color: #5d5d5d;
}
@media only screen and (max-width: 768px) {
    .nav-breadcrumb .nav-breadcrumb-inner {
        padding-bottom: 4px;
    }
    .nav-breadcrumb .nav-breadcrumb-inner li {
        font-size: 1.0rem;
        line-height: 1.9;
    }
}

.nav-branch {
    display: none;
}
[data-site="active"] .nav-branch {
    padding: 30px 40px 45px !important;
    background: #fef9eb !important;
    border-radius: 0 !important;
}
[data-site="active"] .nav-branch .nav-branch-inner > li._checkbox input[type=checkbox]:checked + .checkbox::before {
    background: #8b82ba !important;
}
[data-site="active"] .nav-branch .nav-branch-inner > li._checkbox > .checkbox .txt {
    font-weight: normal !important;
    font-size: 1.6rem;
}
[data-site="active"] .nav-branch .nav-branch-inner > li._checkbox > .checkbox::before {
    top: -5px !important;
    border: 1px solid #bcbcbc !important;
    border-radius: 0 !important;
}
[data-site="active"] .nav-branch .nav-branch-inner > li._checkbox > .checkbox::after {
    top: -10% !important;
}
[data-site="active"] .nav-branch .nav-branch-inner > li > dl > dt {
    margin-bottom: 7px !important;
    font-weight: bold !important;
    font-size: 1.6rem;
}
[data-site="active"] .nav-branch .nav-branch-inner > li > dl > dd {
    border: 0 !important;
    border-radius: 0 !important;
}
[data-site="active"] .nav-branch .nav-branch-inner > li > dl > dd.keyword-branch {
    border: none !important;
    border-radius: 0 !important;
}
[data-site="active"] .nav-branch .nav-branch-inner > li > dl > dd.keyword-branch > .txt-branch {
    font-size: 1.5rem;
    border: solid 1px #bcbcbc !important;
    border-radius: 0 !important;
}
[data-site="active"] .nav-branch .nav-branch-inner > li > dl > dd.keyword-branch > .btn-keywords {
    background: #8b82ba !important;
    border-radius: 0 !important;
}
[data-site="active"] .nav-branch .nav-branch-inner > li > dl > dd > .btn-branch {
    font-size: 1.5rem;
    border: solid 1px #bcbcbc !important;
}
[data-site="active"] .nav-branch .nav-branch-inner > li > dl > dd > .btn-branch::before {
    background: url("/kodomo-support/common/img/icon-arrow-03.png") no-repeat center/contain !important;
}
[data-site="active"] .nav-branch .nav-branch-inner > li._all > .btn-branch .btn-inner .txt {
    height: 24px !important;
}
[data-site="active"] .nav-branch .nav-branch-inner > li._all > .btn-branch .btn-inner .txt:before {
    position: absolute;
    display: block;
    background: url("/kodomo-support/program/img/icon-all-02.png") center/contain no-repeat !important;
    content: "";
}
@media only screen and (max-width: 768px) {
    [data-site="active"] .nav-branch {
        padding: 30px 20px 88px !important;
    }
}
[data-site="pet"] .nav-branch {
    background: #f9f0e7 !important;
    border-top: solid 2px #764b1f;
    border-radius: 0 !important;
}
[data-site="pet"] .nav-branch .nav-branch-inner > li._checkbox input[type=checkbox]:checked + .checkbox::before {
    background: #00aab9 !important;
}
[data-site="pet"] .nav-branch .nav-branch-inner > li._checkbox > .checkbox > .txt {
    font-size: 1.8rem;
}
[data-site="pet"] .nav-branch .nav-branch-inner > li._checkbox > .checkbox::before {
    top: 0 !important;
    border: none !important;
    border-radius: 6px !important;
}
[data-site="pet"] .nav-branch .nav-branch-inner > li._checkbox > .checkbox::after {
    top: 8% !important;
}
[data-site="pet"] .nav-branch .nav-branch-inner > li > dl > dt {
    font-size: 1.8rem;
}
[data-site="pet"] .nav-branch .nav-branch-inner > li > dl > dd {
    border: none !important;
    border-radius: 6px !important;
}
[data-site="pet"] .nav-branch .nav-branch-inner > li > dl > dd.keyword-branch {
    border: none !important;
    border-radius: 6px !important;
}
[data-site="pet"] .nav-branch .nav-branch-inner > li > dl > dd.keyword-branch > .txt-branch {
    border: none !important;
    border-radius: 6px 0 0 6px !important;
}
[data-site="pet"] .nav-branch .nav-branch-inner > li > dl > dd.keyword-branch > .btn-keywords {
    background: #00aab9 !important;
    border-radius: 0 !important;
}
[data-site="pet"] .nav-branch .nav-branch-inner > li > dl > dd > .btn-branch::before {
    background: url("/kodomo-support/common/img/icon-arrow-04.png") no-repeat center/contain !important;
}
[data-site="pet"] .nav-branch .nav-branch-inner > li._all > .btn-branch .btn-inner .txt {
    height: 24px !important;
}
[data-site="pet"] .nav-branch .nav-branch-inner > li._all > .btn-branch .btn-inner .txt:before {
    position: absolute;
    display: block;
    background: url("/kodomo-support/program/img/icon-all-03.png") center/contain no-repeat !important;
    content: "";
}
@media only screen and (max-width: 768px) {
    [data-site="pet"] .nav-branch {
        padding: 30px 20px 88px !important;
    }
}
[data-script-enabled="true"] .nav-branch {
    position: relative;
    display: block;
    margin: 0 0 40px;
    padding: 25px 40px 48px;
    background: #cdefff;
    border-radius: 20px;
}
[data-script-enabled="true"] .nav-branch button {
    padding: 0;
    background: transparent;
    border: 0;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: -19px;
    margin-left: -25px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li {
    width: calc((100% / 3) - 25px);
    margin-top: 24px;
    margin-left: 25px;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li:first-child {
    border-left: none;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._checkbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    width: auto;

    align-items: flex-end;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._checkbox input[type=checkbox] {
    opacity: 0;
    filter: alpha(opacity=0);

    -moz-opacity: 0;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._checkbox input[type=checkbox]:checked + .checkbox::before {
    background: #009eea;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._checkbox input[type=checkbox]:checked + .checkbox::after {
    opacity: 1;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._checkbox > .checkbox {
    position: relative;
    padding-bottom: 10px;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._checkbox > .checkbox::before, [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._checkbox > .checkbox::after {
    position: absolute;
    content: "";
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._checkbox > .checkbox::before {
    left: 0;
    width: 30px;
    height: 30px;
    background: #fff;
    border: 2px solid #009eea;
    border-radius: 4px;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._checkbox > .checkbox::after {
    position: absolute;
    top: 9%;
    left: 9px;
    width: 13px;
    height: 18px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: "";
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._checkbox > .checkbox > .txt {
    display: inline-block;
    padding-left: 40px;
    font-weight: bold;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li > dl > dt {
    margin-bottom: 5px;
    font-weight: bold;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li > dl > dd {
    position: relative;
    margin-left: 0;
    background: #fff;
    border: solid 2px #009eea;
    border-radius: 6px;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li > dl > dd.keyword-branch {
    display: -ms-flexbox;
    display: flex;
    background: none;
    border: none;
    border-radius: 0;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li > dl > dd.keyword-branch > .txt-branch {
    width: 100%;
    padding: 10px 15px;
    background: #fff;
    border: none;
    border: solid 2px #009eea;
    border-radius: 6px 0 0 6px;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li > dl > dd.keyword-branch > .btn-keywords {
    display: inline-block;
    width: 60px;
    color: #fff;
    text-align: center;
    background: #009eea;
    border-radius: 0 6px 6px 0;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li > dl > dd > .btn-branch {
    position: relative;
    width: 100%;
    padding: 10px 35px 10px 15px;
    text-align: left;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li > dl > dd > .btn-branch::before {
    position: absolute;
    top: 50%;
    right: 14px;
    display: block;
    width: 16px;
    height: 9px;
    background: url("/kodomo-support/common/img/icon-arrow-02.png") no-repeat center/contain;
    content: "";
    transition: .2s;
    -webkit-transform: translate(0, -50%) rotate(0);
    -ms-transform: translate(0, -50%) rotate(0);
    transform: translate(0, -50%) rotate(0);
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li > dl > dd .js-toggle-text {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li > .btn-branch {
    position: relative;
    display: block;
    width: 100%;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li > .btn-branch .btn-inner {
    width: 100%;
    min-height: 66px;
    border-bottom: solid 4px #ff4545;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li > .btn-branch .btn-inner:before {
    display: block;
    float: left;
    height: 66px;
    content: "";
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li > .btn-branch .btn-inner .txt-wrap .txt {
    position: relative;
    display: inline-block;
    padding: 0 0 0 28px;
    font-size: 14px;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li > .btn-branch .btn-inner .txt-wrap .txt:before {
    position: absolute;
    top: 0;
    right: 6px;
    bottom: 0;
    display: block;
    margin: auto 0;
    content: "";
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li.is-open > dl > dd > .btn-branch::before {
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg);
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._all {
    position: absolute;
    right: 39px;
    bottom: 22px;
    overflow: hidden;
    width: auto;
    height: 100%;
    max-height: 28px;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._all > .btn-branch:hover .btn-inner .txt-wrap .txt, [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._all > .btn-branch:active .btn-inner .txt-wrap .txt, [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._all > .btn-branch:focus .btn-inner .txt-wrap .txt {
    text-decoration: underline;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._all > .btn-branch .btn-inner {
    border-bottom: none;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._all > .btn-branch .btn-inner .txt:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin: auto 0;
    background: url("/kodomo-support/program/img/icon-all-01.png") center/cover no-repeat;
    content: "";
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._category > .btn-branch .btn-inner {
    border-bottom: solid 4px #ff4545;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._category > .btn-branch .btn-inner .txt:before {
    width: 20px;
    height: 20px;
    background-position: -267px 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._category.is-open > .btn-branch .btn-inner {
    color: #fff;
    background: #ff4545;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._category.is-open > .btn-branch .btn-inner .txt:before {
    width: 20px;
    height: 20px;
    background-position: -192px 0;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._category.is-current > .btn-branch .btn-inner {
    color: #fff;
    background: #ff4545;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._category.is-current > .btn-branch .btn-inner .txt:before {
    width: 20px;
    height: 20px;
    background-position: -142px 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._region > .btn-branch .btn-inner {
    border-bottom: solid 4px #facc1e;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._region > .btn-branch .btn-inner .txt:before {
    width: 20px;
    height: 20px;
    background-position: -217px 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._region.is-open > .btn-branch .btn-inner {
    color: #fff;
    background: #facc1e;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._region.is-open > .btn-branch .btn-inner .txt:before {
    width: 20px;
    height: 20px;
    background-position: -192px 0;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._region.is-current > .btn-branch .btn-inner {
    color: #fff;
    background: #facc1e;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._region.is-current > .btn-branch .btn-inner .txt:before {
    width: 20px;
    height: 20px;
    background-position: -142px 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._month > .btn-branch .btn-inner {
    border-bottom: solid 4px #38c885;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._month > .btn-branch .btn-inner .txt:before {
    width: 20px;
    height: 20px;
    background-position: -367px 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._month.is-open > .btn-branch .btn-inner {
    color: #fff;
    background: #38c885;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._month.is-open > .btn-branch .btn-inner .txt:before {
    width: 20px;
    height: 20px;
    background-position: -192px 0;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._month.is-current > .btn-branch .btn-inner {
    color: #fff;
    background: #38c885;
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner > li._month.is-current > .btn-branch .btn-inner .txt:before {
    width: 20px;
    height: 20px;
    background-position: -142px 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
@media only screen and (max-width: 768px) {
    [data-script-enabled="true"] .nav-branch {
        margin: 8px 0 30px;
        padding: 30px 20px 78px;
        border-radius: 10px;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner {
        display: block;
        border: none;
        border-radius: 0;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > * {
        display: block;
        width: 100%;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li {
        width: 100%;
        margin-top: 15px;
        border-left: none;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._checkbox {
        margin-top: 24px;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li > dl > dt {
        font-size: 1.5rem;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li > dl > dd.keyword-branch > .btn-keywords {
        width: 75px;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li > .btn-branch .btn-inner {
        min-height: 42px;
        text-align: left;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li > .btn-branch .btn-inner:before {
        height: 42px;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li > .btn-branch .btn-inner .txt-wrap .txt {
        font-weight: normal;
        font-size: 1.5rem;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._checkbox {
        display: inline-block;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._checkbox > .checkbox::after {
        top: -4%;
        left: 10px;
        width: 10px;
        height: 20px;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._all {
        position: absolute;
        right: auto;
        bottom: 20px;
        left: 0;
        text-align: left;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._category > .btn-branch .btn-inner {
        border-bottom: 0;
        border-left: solid 4px #ff4545;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._category > .btn-branch .btn-inner .txt:before {
        width: 16px;
        height: 16px;
        background-position: -350.5px 0;
        background-size: 1996.5px 30px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._category.is-open > .btn-branch .btn-inner {
        color: #fff;
        background: #ff4545;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._category.is-open > .btn-branch .btn-inner .txt:before {
        width: 16px;
        height: 16px;
        background-position: -387.5px 0;
        background-size: 1996.5px 30px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._category.is-current > .btn-branch .btn-inner {
        color: #fff;
        background: #ff4545;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._category.is-current > .btn-branch .btn-inner .txt:before {
        width: 16px;
        height: 16px;
        background-position: -387.5px 0;
        background-size: 1996.5px 30px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._region > .btn-branch .btn-inner {
        border-bottom: 0;
        border-left: solid 4px #facc1e;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._region > .btn-branch .btn-inner .txt:before {
        width: 16px;
        height: 16px;
        background-position: -369px 0;
        background-size: 1996.5px 30px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._region.is-open > .btn-branch .btn-inner {
        color: #fff;
        background: #facc1e;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._region.is-open > .btn-branch .btn-inner .txt:before {
        width: 16px;
        height: 16px;
        background-position: -387.5px 0;
        background-size: 1996.5px 30px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._region.is-current > .btn-branch .btn-inner {
        color: #fff;
        background: #facc1e;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._region.is-current > .btn-branch .btn-inner .txt:before {
        width: 16px;
        height: 16px;
        background-position: -387.5px 0;
        background-size: 1996.5px 30px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._month > .btn-branch .btn-inner {
        border-bottom: 0;
        border-left: solid 4px #38c885;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._month > .btn-branch .btn-inner .txt:before {
        width: 16px;
        height: 16px;
        background-position: -332px 0;
        background-size: 1996.5px 30px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._month.is-open > .btn-branch .btn-inner {
        color: #fff;
        background: #38c885;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._month.is-open > .btn-branch .btn-inner .txt:before {
        width: 16px;
        height: 16px;
        background-position: -387.5px 0;
        background-size: 1996.5px 30px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._month.is-current > .btn-branch .btn-inner {
        color: #fff;
        background: #38c885;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner > li._month.is-current > .btn-branch .btn-inner .txt:before {
        width: 16px;
        height: 16px;
        background-position: -387.5px 0;
        background-size: 1996.5px 30px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

.nav-spot {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto 28px;
    padding: 20px 10px 0;
}
.nav-spot .nav-spot-inner {
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
}
.nav-spot .nav-spot-inner li {
    display: table-cell;
    padding-left: 3px;
    vertical-align: bottom;
}
.nav-spot .nav-spot-inner li:first-child {
    padding-left: 0;
}
.nav-spot .nav-spot-inner li a {
    display: block;
    color: #333;
    text-align: center;
}
.nav-spot .nav-spot-inner li a:before {
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 4px;
    content: "";
}
.nav-spot .nav-spot-inner li a .list-inner {
    position: relative;
    display: table;
    width: 100%;
    min-height: 76px;
    background: #fff;
    border-radius: 9px 9px 0 0;
}
.nav-spot .nav-spot-inner li a .list-inner:before {
    display: block;
    float: left;
    height: 76px;
    content: "";
}
.nav-spot .nav-spot-inner li a .list-inner:after {
    position: absolute;
    top: -20px;
    right: 0;
    left: 0;
    display: block;
    margin: 0 auto;
    content: "";
}
.nav-spot .nav-spot-inner li a .list-inner > .txt {
    display: table-cell;
    padding: 15px 6px 0;
    font-weight: bold;
    font-size: 1.8rem;
    vertical-align: middle;
    line-height: 1.1;
}
.nav-spot .nav-spot-inner li a .list-inner:hover, .nav-spot .nav-spot-inner li a .list-inner:active, .nav-spot .nav-spot-inner li a .list-inner:focus {
    color: #fff;
}
.nav-spot .nav-spot-inner li._attraction a .list-inner:after {
    width: 40px;
    height: 40px;
    background-position: -1571px 0;
}
.nav-spot .nav-spot-inner li._attraction a .list-inner:hover, .nav-spot .nav-spot-inner li._attraction a .list-inner:active, .nav-spot .nav-spot-inner li._attraction a .list-inner:focus {
    background: #ff7d7d;
}
.nav-spot .nav-spot-inner li._attraction.is-current a {
    color: #fff;
}
.nav-spot .nav-spot-inner li._attraction.is-current a:before {
    border-bottom: solid 4px #ff4545;
}
.nav-spot .nav-spot-inner li._attraction.is-current a .list-inner {
    background: #ff4545;
}
.nav-spot .nav-spot-inner li._aquarium a .list-inner:after {
    width: 40px;
    height: 40px;
    background-position: -1481px 0;
}
.nav-spot .nav-spot-inner li._aquarium a .list-inner:hover, .nav-spot .nav-spot-inner li._aquarium a .list-inner:active, .nav-spot .nav-spot-inner li._aquarium a .list-inner:focus {
    background: #4dbbf0;
}
.nav-spot .nav-spot-inner li._aquarium.is-current a {
    color: #fff;
}
.nav-spot .nav-spot-inner li._aquarium.is-current a:before {
    border-bottom: solid 4px #009eea;
}
.nav-spot .nav-spot-inner li._aquarium.is-current a .list-inner {
    background: #009eea;
}
.nav-spot .nav-spot-inner li._park a .list-inner:after {
    width: 40px;
    height: 40px;
    background-position: -1661px 0;
}
.nav-spot .nav-spot-inner li._park a .list-inner:hover, .nav-spot .nav-spot-inner li._park a .list-inner:active, .nav-spot .nav-spot-inner li._park a .list-inner:focus {
    background: #4dda91;
}
.nav-spot .nav-spot-inner li._park.is-current a {
    color: #fff;
}
.nav-spot .nav-spot-inner li._park.is-current a:before {
    border-bottom: solid 4px #00ca62;
}
.nav-spot .nav-spot-inner li._park.is-current a .list-inner {
    background: #00ca62;
}
.nav-spot .nav-spot-inner li._sport a .list-inner:after {
    width: 40px;
    height: 40px;
    background-position: -1436px 0;
}
.nav-spot .nav-spot-inner li._sport a .list-inner:hover, .nav-spot .nav-spot-inner li._sport a .list-inner:active, .nav-spot .nav-spot-inner li._sport a .list-inner:focus {
    background: #ffdb4d;
}
.nav-spot .nav-spot-inner li._sport.is-current a {
    color: #fff;
}
.nav-spot .nav-spot-inner li._sport.is-current a:before {
    border-bottom: solid 4px #fc0;
}
.nav-spot .nav-spot-inner li._sport.is-current a .list-inner {
    background: #fc0;
}
.nav-spot .nav-spot-inner li._hotel a .list-inner:after {
    width: 40px;
    height: 40px;
    background-position: -1616px 0;
}
.nav-spot .nav-spot-inner li._hotel a .list-inner:hover, .nav-spot .nav-spot-inner li._hotel a .list-inner:active, .nav-spot .nav-spot-inner li._hotel a .list-inner:focus {
    background: #ffad4d;
}
.nav-spot .nav-spot-inner li._hotel.is-current a {
    color: #fff;
}
.nav-spot .nav-spot-inner li._hotel.is-current a:before {
    border-bottom: solid 4px #ff8a00;
}
.nav-spot .nav-spot-inner li._hotel.is-current a .list-inner {
    background: #ff8a00;
}
.nav-spot .nav-spot-inner li._seiburailway a .list-inner:after {
    width: 40px;
    height: 40px;
    background-position: -1526px 0;
}
.nav-spot .nav-spot-inner li._seiburailway a .list-inner:hover, .nav-spot .nav-spot-inner li._seiburailway a .list-inner:active, .nav-spot .nav-spot-inner li._seiburailway a .list-inner:focus {
    background: #a7e27c;
}
.nav-spot .nav-spot-inner li._seiburailway.is-current a {
    color: #fff;
}
.nav-spot .nav-spot-inner li._seiburailway.is-current a:before {
    border-bottom: solid 4px #81d643;
}
.nav-spot .nav-spot-inner li._seiburailway.is-current a .list-inner {
    background: #81d643;
}
.nav-spot .nav-spot-inner li._shop a .list-inner:after {
    width: 40px;
    height: 40px;
    background-position: -1706px 0;
}
.nav-spot .nav-spot-inner li._shop a .list-inner:hover, .nav-spot .nav-spot-inner li._shop a .list-inner:active, .nav-spot .nav-spot-inner li._shop a .list-inner:focus {
    background: #f49fb5;
}
.nav-spot .nav-spot-inner li._shop.is-current a {
    color: #fff;
}
.nav-spot .nav-spot-inner li._shop.is-current a:before {
    border-bottom: solid 4px #fa7d9d;
}
.nav-spot .nav-spot-inner li._shop.is-current a .list-inner {
    background: #fa7d9d;
}
@media only screen and (max-width: 768px) {
    .nav-spot {
        margin-bottom: 15px;
        padding-top: 0;
    }
    .nav-spot .nav-spot-inner {
        display: block;
        width: auto;
        margin: 0 0 -6px -6px;
    }
    .nav-spot .nav-spot-inner:after {
        display: table;
        clear: both;
        content: "";
    }
    .nav-spot .nav-spot-inner li {
        display: block;
        float: left;
        width: 50%;
        padding: 0 0 6px 6px;
    }
    .nav-spot .nav-spot-inner li:first-child {
        padding-left: 6px;
    }
    .nav-spot .nav-spot-inner li a {
        text-align: left;
    }
    .nav-spot .nav-spot-inner li a .list-inner {
        min-height: 50px;
        padding: 0 0 0 45px;
        border-radius: 5px;
        box-shadow: 2px 3px 1px 0 rgba(219, 219, 219, .4);
    }
    .nav-spot .nav-spot-inner li a .list-inner:before {
        height: 50px;
    }
    .nav-spot .nav-spot-inner li a .list-inner:after {
        top: 0;
        bottom: 0;
        left: 9.5px;
        margin: auto 0;
    }
    .nav-spot .nav-spot-inner li a .list-inner > .txt {
        padding: 0;
        font-weight: normal;
        font-size: 1.5rem;
        line-height: 1.2;
    }
    .nav-spot .nav-spot-inner li._attraction.is-current a:before, .nav-spot .nav-spot-inner li._aquarium.is-current a:before, .nav-spot .nav-spot-inner li._park.is-current a:before, .nav-spot .nav-spot-inner li._sport.is-current a:before, .nav-spot .nav-spot-inner li._hotel.is-current a:before, .nav-spot .nav-spot-inner li._seiburailway.is-current a:before, .nav-spot .nav-spot-inner li._shop.is-current a:before {
        border: none;
    }
    .nav-spot .nav-spot-inner li._attraction a .list-inner:after {
        width: 30px;
        height: 30px;
        background-position: -1374.5px 0;
        background-size: 1996.5px 30px;
    }
    .nav-spot .nav-spot-inner li._attraction.is-current a .linst-inner {
        background: #ff4545;
    }
    .nav-spot .nav-spot-inner li._aquarium a .list-inner:after {
        width: 30px;
        height: 30px;
        background-position: -1342px 0;
        background-size: 1996.5px 30px;
    }
    .nav-spot .nav-spot-inner li._aquarium.is-current a .linst-inner {
        background: #009eea;
    }
    .nav-spot .nav-spot-inner li._park a .list-inner:after {
        width: 30px;
        height: 30px;
        background-position: -1309.5px 0;
        background-size: 1996.5px 30px;
    }
    .nav-spot .nav-spot-inner li._park.is-current a .linst-inner {
        background: #00ca62;
    }
    .nav-spot .nav-spot-inner li._sport a .list-inner:after {
        width: 30px;
        height: 30px;
        background-position: -1244.5px 0;
        background-size: 1996.5px 30px;
    }
    .nav-spot .nav-spot-inner li._sport.is-current a .linst-inner {
        background: #fc0;
    }
    .nav-spot .nav-spot-inner li._hotel a .list-inner:after {
        width: 30px;
        height: 30px;
        background-position: -1212px 0;
        background-size: 1996.5px 30px;
    }
    .nav-spot .nav-spot-inner li._hotel.is-current a .linst-inner {
        background: #ff8a00;
    }
    .nav-spot .nav-spot-inner li._seiburailway a .list-inner:after {
        width: 30px;
        height: 30px;
        background-position: -1407px 0;
        background-size: 1996.5px 30px;
    }
    .nav-spot .nav-spot-inner li._seiburailway.is-current a .linst-inner {
        background: #81d643;
    }
    .nav-spot .nav-spot-inner li._shop a .list-inner:after {
        width: 30px;
        height: 30px;
        background-position: -1277px 0;
        background-size: 1996.5px 30px;
    }
    .nav-spot .nav-spot-inner li._shop.is-current a .linst-inner {
        background: #fa7d9d;
    }
}

/* ==============================================================================================
 modules
================================================================================================= */
/*----------------------------------------
 heading
----------------------------------------*/
.hdg-ty1 {
    padding: 0 10px 0 0;
}
@media only screen and (max-width: 768px) {
    .hdg-ty1 {
        margin: 0 0 12px;
        padding: 0 0 0 15px;
    }
    .hdg-ty1 a > img {
        max-width: 235px;
    }
}

.hdg-ty1-02 {
    margin: 18px 0 37px;
}
.hdg-ty1-02 > .hdg-inner {
    position: relative;
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    padding: 0 10px;
}
.hdg-ty1-02 > .hdg-inner:after {
    position: absolute;
    right: 30px;
    bottom: 15px;
    display: block;
    width: 48px;
    height: 15px;
    background-position: -1941px 0;
    content: "";
}
.hdg-ty1-02 > .hdg-inner .hdg-txt {
    position: relative;
    padding: 0 58px 10px 60px;
    font-size: 3.0rem;
}
.hdg-ty1-02 > .hdg-inner .hdg-txt:before, .hdg-ty1-02 > .hdg-inner .hdg-txt:after {
    position: absolute;
    display: block;
    content: "";
}
.hdg-ty1-02 > .hdg-inner .hdg-txt:after {
    bottom: 0;
    left: 0;
    width: 99.1%;
    height: 10px;
}
.hdg-ty1-02._about > .hdg-inner .hdg-txt:before {
    top: -10px;
    bottom: 0;
    left: 8px;
    width: 37px;
    height: 40px;
    margin: auto;
    background-position: -1307px 0;
}
.hdg-ty1-02._about > .hdg-inner .hdg-txt:after {
    background: url(/kodomo-support/about/img/hdg-bg-01.png) left bottom repeat-x;
}
.hdg-ty1-02._program > .hdg-inner .hdg-txt:before {
    top: -8px;
    bottom: 0;
    left: 9px;
    width: 35px;
    height: 35px;
    margin: auto;
    background-position: -1227px 0;
}
.hdg-ty1-02._program > .hdg-inner .hdg-txt:after {
    background: url(/kodomo-support/program/img/hdg-bg-01.png) left bottom repeat-x;
}
.hdg-ty1-02._spot > .hdg-inner .hdg-txt._top:before {
    top: -8px;
    bottom: 0;
    left: 9px;
    width: 33px;
    height: 37px;
    margin: auto;
    background-position: -1072px 0;
}
.hdg-ty1-02._spot > .hdg-inner .hdg-txt._attraction:before {
    top: -8px;
    bottom: 0;
    left: 12px;
    width: 32px;
    height: 35px;
    margin: auto;
    background-position: -997px 0;
}
.hdg-ty1-02._spot > .hdg-inner .hdg-txt._aquarimu:before {
    top: -8px;
    bottom: 0;
    left: 9px;
    width: 41px;
    height: 29px;
    margin: auto;
    background-position: -1751px 0;
}
.hdg-ty1-02._spot > .hdg-inner .hdg-txt._park:before {
    top: -8px;
    bottom: 0;
    left: 12px;
    width: 32px;
    height: 34px;
    margin: auto;
    background-position: -923px 0;
}
.hdg-ty1-02._spot > .hdg-inner .hdg-txt._sport:before {
    top: -8px;
    bottom: 0;
    left: 14px;
    width: 30px;
    height: 31px;
    margin: auto;
    background-position: -556px 0;
}
.hdg-ty1-02._spot > .hdg-inner .hdg-txt._hotel:before {
    top: -8px;
    bottom: 0;
    left: 20px;
    width: 21px;
    height: 28px;
    margin: auto;
    background-position: -442px 0;
}
.hdg-ty1-02._spot > .hdg-inner .hdg-txt._seiburailway:before {
    top: -8px;
    bottom: 0;
    left: 12px;
    width: 34px;
    height: 22px;
    margin: auto;
    background-position: -1188px 0;
}
.hdg-ty1-02._spot > .hdg-inner .hdg-txt._shop:before {
    top: -8px;
    bottom: 0;
    left: 17px;
    width: 27px;
    height: 27px;
    margin: auto;
    background-position: -524px 0;
}
.hdg-ty1-02._spot > .hdg-inner .hdg-txt:after {
    background: url(/kodomo-support/spot/img/hdg-bg-01.png) left bottom repeat-x;
}
.hdg-ty1-02._living > .hdg-inner .hdg-txt:before {
    top: -8px;
    bottom: 0;
    left: 9px;
    width: 38px;
    height: 35px;
    margin: auto;
    background-position: -1349px 0;
}
.hdg-ty1-02._living > .hdg-inner .hdg-txt:after {
    background: url(/kodomo-support/living/img/hdg-bg-01.png) left bottom repeat-x;
}
@media only screen and (max-width: 768px) {
    .hdg-ty1-02 {
        margin: 3px 0 10px;
    }
    .hdg-ty1-02 > .hdg-inner:after {
        right: 15px;
        bottom: 10px;
        width: 24px;
        height: 7.5px;
        background-position: -970.5px 0;
        background-size: 1996.5px 30px;
    }
    .hdg-ty1-02 > .hdg-inner .hdg-txt {
        padding: 0 24px 10px 31px;
        font-size: 2.2rem;
        line-height: 1.1;
    }
    .hdg-ty1-02._about > .hdg-inner .hdg-txt:before {
        left: 8px;
        width: 18.5px;
        height: 20px;
        background-position: -653.5px 0;
        background-size: 1996.5px 30px;
    }
    .hdg-ty1-02._about > .hdg-inner .hdg-txt:after {
        width: 100%;
        background-size: 27.5px 5px;
    }
    .hdg-ty1-02._program > .hdg-inner .hdg-txt:before {
        left: 3px;
        width: 17.5px;
        height: 17.5px;
        background-position: -613.5px 0;
        background-size: 1996.5px 30px;
    }
    .hdg-ty1-02._program > .hdg-inner .hdg-txt:after {
        width: 100%;
        background-size: 27.5px 5px;
    }
    .hdg-ty1-02._spot > .hdg-inner .hdg-txt._top:before {
        left: 7px;
        width: 16.5px;
        height: 18.5px;
        background-position: -536px 0;
        background-size: 1996.5px 30px;
    }
    .hdg-ty1-02._spot > .hdg-inner .hdg-txt._attraction:before {
        left: 3px;
        width: 16px;
        height: 17.5px;
        background-position: -498.5px 0;
        background-size: 1996.5px 30px;
    }
    .hdg-ty1-02._spot > .hdg-inner .hdg-txt._aquarimu:before {
        left: 7px;
        width: 20.5px;
        height: 14.5px;
        background-position: -875.5px 0;
        background-size: 1996.5px 30px;
    }
    .hdg-ty1-02._spot > .hdg-inner .hdg-txt._park:before {
        left: 3px;
        width: 16px;
        height: 17px;
        background-position: -461.5px 0;
        background-size: 1996.5px 30px;
    }
    .hdg-ty1-02._spot > .hdg-inner .hdg-txt._sport:before {
        left: 3px;
        width: 15px;
        height: 15.5px;
        background-position: -278px 0;
        background-size: 1996.5px 30px;
    }
    .hdg-ty1-02._spot > .hdg-inner .hdg-txt._hotel:before {
        left: 3px;
        width: 10.5px;
        height: 14px;
        background-position: -221px 0;
        background-size: 1996.5px 30px;
    }
    .hdg-ty1-02._spot > .hdg-inner .hdg-txt._seiburailway:before {
        left: 3px;
        width: 17px;
        height: 11px;
        background-position: -594px 0;
        background-size: 1996.5px 30px;
    }
    .hdg-ty1-02._spot > .hdg-inner .hdg-txt._shop:before {
        left: 3px;
        width: 13.5px;
        height: 13.5px;
        background-position: -262px 0;
        background-size: 1996.5px 30px;
    }
    .hdg-ty1-02._spot > .hdg-inner .hdg-txt:after {
        width: 100%;
        background-size: 27.5px 5px;
    }
    .hdg-ty1-02._living > .hdg-inner .hdg-txt:before {
        left: 7px;
        width: 19px;
        height: 17.5px;
        background-position: -674.5px 0;
        background-size: 1996.5px 30px;
    }
    .hdg-ty1-02._living > .hdg-inner .hdg-txt:after {
        width: 100%;
        background-size: 27.5px 5px;
    }
}

.hdg-ty1-03 {
    margin: 18px 0 37px;
}
.hdg-ty1-03 > .hdg-inner {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    padding: 0 10px;
}
.hdg-ty1-03 > .hdg-inner .hdg-txt {
    font-size: 3.0rem;
    line-height: 1.2;
}
.hdg-ty1-03 > .hdg-inner .hdg-txt .sub-txt {
    display: block;
    margin: 0 0 5px;
    font-size: 2.0rem;
}
@media only screen and (max-width: 768px) {
    .hdg-ty1-03 {
        margin: 3px 0 10px;
    }
    .hdg-ty1-03 > .hdg-inner .hdg-txt {
        font-size: 2.2rem;
        line-height: 1.1;
    }
    .hdg-ty1-03 > .hdg-inner .hdg-txt .sub-txt {
        font-size: 1.4rem;
    }
}

.hdg-ty2 {
    margin: 20px 0;
}
.hdg-ty2 > .hdg-inner {
    position: relative;
    text-align: center;
}
.hdg-ty2 > .hdg-inner:before, .hdg-ty2 > .hdg-inner:after {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto;
    content: "";
}
.hdg-ty2 > .hdg-inner:before {
    left: 50%;
}
.hdg-ty2 > .hdg-inner:after {
    right: 50%;
}
.hdg-ty2 > .hdg-inner > .hdg-ttl {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 42px 24px 16px 24px;
    font-size: 2.6rem;
}
.hdg-ty2 > .hdg-inner > .hdg-ttl:before, .hdg-ty2 > .hdg-inner > .hdg-ttl:after {
    position: absolute;
    display: block;
    content: "";
}
.hdg-ty2 > .hdg-inner > .hdg-ttl:before {
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.hdg-ty2 > .hdg-inner > .hdg-ttl:after {
    bottom: 0;
    left: 50%;
    width: 206px;
    height: 4px;
    margin-left: -103px;
    background: url(/kodomo-support/common/img/hdg-bar-01.png) center bottom no-repeat;
}
.hdg-ty2 > .hdg-inner > .hdg-ttl > .sub-txt {
    display: block;
    margin: 0 auto;
}
.hdg-ty2._program > .hdg-inner:before {
    top: 8px;
    width: 349px;
    height: 129px;
    margin-left: -482px;
    background: url(/kodomo-support/img/bg-hdg-01.png) center top no-repeat;
}
.hdg-ty2._program > .hdg-inner:after {
    top: -7px;
    width: 332px;
    height: 144px;
    margin-right: -433px;
    background: url(/kodomo-support/img/bg-hdg-02.png) center top no-repeat;
}
.hdg-ty2._program > .hdg-inner > .hdg-ttl:before {
    width: 158px;
    height: 24px;
    background-position: -3835px 0;
}
.hdg-ty2._program > .hdg-inner > .hdg-ttl > .sub-txt {
    width: 131px;
}
.hdg-ty2._spot > .hdg-inner:before {
    top: -4px;
    width: 352px;
    height: 122px;
    margin-left: -478px;
    background: url(/kodomo-support/img/bg-hdg-03.png) center top no-repeat;
}
.hdg-ty2._spot > .hdg-inner:after {
    top: -4px;
    width: 339px;
    height: 129px;
    margin-right: -437px;
    background: url(/kodomo-support/img/bg-hdg-04.png) center top no-repeat;
}
.hdg-ty2._spot > .hdg-inner > .hdg-ttl:before {
    width: 158px;
    height: 24px;
    background-position: -3509px 0;
}
.hdg-ty2._spot > .hdg-inner > .hdg-ttl > .sub-txt {
    width: 132px;
}
.hdg-ty2._living > .hdg-inner:before {
    top: 7px;
    width: 346px;
    height: 135px;
    margin-left: -484px;
    background: url(/kodomo-support/img/bg-hdg-05.png) center top no-repeat;
}
.hdg-ty2._living > .hdg-inner:after {
    top: 10px;
    width: 332px;
    height: 127px;
    margin-right: -436px;
    background: url(/kodomo-support/img/bg-hdg-06.png) center top no-repeat;
}
.hdg-ty2._living > .hdg-inner > .hdg-ttl:before {
    width: 158px;
    height: 24px;
    background-position: -3183px 0;
}
.hdg-ty2._living > .hdg-inner > .hdg-ttl > .sub-txt {
    width: 150px;
}
.hdg-ty2._info > .hdg-inner > .hdg-ttl {
    padding-top: 16px;
}
@media only screen and (max-width: 768px) {
    .hdg-ty2 > .hdg-inner > .hdg-ttl {
        padding: 24px 0 5px;
        font-size: 2.0rem;
    }
    .hdg-ty2 > .hdg-inner > .hdg-ttl:after {
        width: 145.5px;
        height: 2px;
        margin-left: -72.75px;
        background: url(/kodomo-support/common/img/hdg-bar-01_sp.png) center bottom no-repeat;
        background-size: 100%;
    }
    .hdg-ty2._program > .hdg-inner:before {
        top: 4px;
        width: 95px;
        height: 76px;
        margin-left: -152px;
        background: url(/kodomo-support/img/bg-hdg-01_sp.png) center top no-repeat;
        background-size: 100%;
    }
    .hdg-ty2._program > .hdg-inner:after {
        top: 3px;
        width: 95.5px;
        height: 75px;
        margin-right: -156px;
        background: url(/kodomo-support/img/bg-hdg-02_sp.png) center top no-repeat;
        background-size: 100%;
    }
    .hdg-ty2._program > .hdg-inner > .hdg-ttl:before {
        width: 79px;
        height: 12px;
        background-position: -1836px 0;
        background-size: 1996.5px 30px;
    }
    .hdg-ty2._program > .hdg-inner > .hdg-ttl > .sub-txt {
        width: 83.5px;
    }
    .hdg-ty2._spot > .hdg-inner:before {
        top: 3px;
        width: 93px;
        height: 72.5px;
        margin-left: -152px;
        background: url(/kodomo-support/img/bg-hdg-03_sp.png) center top no-repeat;
        background-size: 100%;
    }
    .hdg-ty2._spot > .hdg-inner:after {
        top: -1px;
        width: 94px;
        height: 78.5px;
        margin-right: -155px;
        background: url(/kodomo-support/img/bg-hdg-04_sp.png) center top no-repeat;
        background-size: 100%;
    }
    .hdg-ty2._spot > .hdg-inner > .hdg-ttl:before {
        width: 79px;
        height: 12px;
        background-position: -1673px 0;
        background-size: 1996.5px 30px;
    }
    .hdg-ty2._spot > .hdg-inner > .hdg-ttl > .sub-txt {
        width: 84.5px;
    }
    .hdg-ty2._living > .hdg-inner:before {
        top: 1px;
        width: 92px;
        height: 76.5px;
        margin-left: -153px;
        background: url(/kodomo-support/img/bg-hdg-05_sp.png) center top no-repeat;
        background-size: 100%;
    }
    .hdg-ty2._living > .hdg-inner:after {
        top: 0;
        width: 90px;
        height: 78.5px;
        margin-right: -160px;
        background: url(/kodomo-support/img/bg-hdg-06_sp.png) center top no-repeat;
        background-size: 100%;
    }
    .hdg-ty2._living > .hdg-inner > .hdg-ttl:before {
        width: 79px;
        height: 12px;
        background-position: -1510px 0;
        background-size: 1996.5px 30px;
    }
    .hdg-ty2._living > .hdg-inner > .hdg-ttl > .sub-txt {
        width: 87.5px;
    }
    .hdg-ty2._info > .hdg-inner > .hdg-ttl {
        padding: 3px 0;
    }
}

.hdg-ty2-02 {
    text-align: center;
}
.hdg-ty2-02 .hdg-txt {
    position: relative;
    display: inline-block;
    margin: 5px 0 40px;
    padding: 0 0 15px;
    font-weight: bold;
    font-size: 2.6rem;
    text-align: center;
}
.hdg-ty2-02 .hdg-txt:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 206px;
    height: 4px;
    margin-left: -103px;
    background: url(/kodomo-support/common/img/hdg-bar-01.png) center bottom no-repeat;
    content: "";
}
@media only screen and (max-width: 768px) {
    .hdg-ty2-02 .hdg-txt {
        margin: 0 0 22px;
        padding-bottom: 10px;
        font-size: 2.0rem;
        line-height: 1.2;
    }
    .hdg-ty2-02 .hdg-txt:before {
        width: 145.5px;
        height: 2px;
        margin-left: -72.75px;
        background: url(/kodomo-support/common/img/hdg-bar-01_sp.png) center bottom no-repeat;
        background-size: 100%;
    }
}

.hdg-ty2-03 {
    margin: 60px 0 30px;
    border-radius: 20px 20px 0 0;
    box-shadow: 2px 3px 6px -1px rgba(207, 207, 207, .4);
}
.hdg-ty2-03 > .hdg-inner {
    position: relative;
    display: table;
    width: 100%;
    padding: 5px 40px 5px 21px;
}
.hdg-ty2-03 > .hdg-inner:before {
    display: block;
    float: left;
    height: 66px;
    content: "";
}
.hdg-ty2-03 > .hdg-inner:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 21px;
    display: block;
    width: 39px;
    height: 26px;
    margin: auto;
    background-position: -1392px 0;
    content: "";
}
.hdg-ty2-03 > .hdg-inner .hdg-txt {
    display: table-cell;
    margin: 0;
    padding: 0 0 0 49px;
    font-weight: bold;
    font-size: 3.0rem;
    color: #fff;
    vertical-align: middle;
    line-height: 1.2;
}
.hdg-ty2-03._type-01 {
    background: #26c378;
}
.hdg-ty2-03._type-01 > .hdg-inner {
    border-bottom: solid 4px #0aa65c;
}
.hdg-ty2-03._type-02 {
    background: #4ebc23;
}
.hdg-ty2-03._type-02 > .hdg-inner {
    border-bottom: solid 4px #2a9700;
}
@media only screen and (max-width: 768px) {
    .hdg-ty2-03 {
        margin: 30px 0 15px;
        border-radius: 10px 10px 0 0;
    }
    .hdg-ty2-03 > .hdg-inner {
        padding: 5px 20px 5px 6px;
        border-width: 2px;
    }
    .hdg-ty2-03 > .hdg-inner:before {
        height: 28px;
    }
    .hdg-ty2-03 > .hdg-inner:after {
        left: 6px;
        width: 19.5px;
        height: 13px;
        background-position: -696px 0;
        background-size: 1996.5px 30px;
    }
    .hdg-ty2-03 > .hdg-inner .hdg-txt {
        padding-left: 32px;
        font-size: 1.8rem;
    }
}

.hdg-ty2-04 {
    margin: 0 0 20px;
}
.hdg-ty2-04 > .hdg-inner {
    padding: 0 0 16px;
}
.hdg-ty2-04 > .hdg-inner .hdg-txt {
    margin: 0;
    padding: 12px 0;
    font-weight: bold;
    font-size: 3.0rem;
    color: #fff;
    text-align: center;
    line-height: 1.2;
}
.hdg-ty2-04._type-01 > .hdg-inner {
    background: url(/kodomo-support/about/img/hdg-bg-02.png) center top no-repeat;
}
.hdg-ty2-04._type-02 {
    position: relative;
}
.hdg-ty2-04._type-02:before, .hdg-ty2-04._type-02:after {
    position: absolute;
    display: block;
    content: "";
}
.hdg-ty2-04._type-02:before {
    bottom: 27px;
    left: 50%;
    width: 141px;
    height: 83px;
    margin-left: -419px;
    background: url(/kodomo-support/about/img/bg-03.png) center bottom no-repeat;
}
.hdg-ty2-04._type-02:after {
    right: 50%;
    bottom: 17px;
    width: 110px;
    height: 84px;
    margin-right: -389px;
    background: url(/kodomo-support/about/img/bg-04.png) center bottom no-repeat;
}
.hdg-ty2-04._type-02 > .hdg-inner {
    background: url(/kodomo-support/about/img/hdg-bg-03.png) center top no-repeat;
}
.hdg-ty2-04._type-03 > .hdg-inner {
    background: url(/kodomo-support/about/img/hdg-bg-04.png) center top no-repeat;
}
.hdg-ty2-04._type-04 > .hdg-inner {
    background: url(/kodomo-support/about/img/hdg-bg-05.png) center top no-repeat;
}
.hdg-ty2-04._type-05 {
    position: relative;
}
.hdg-ty2-04._type-05:before, .hdg-ty2-04._type-05:after {
    position: absolute;
    display: block;
    content: "";
}
.hdg-ty2-04._type-05:before {
    bottom: 5px;
    left: 53%;
    width: 141px;
    height: 83px;
    margin-left: -419px;
    background: url(/kodomo-support/about/img/bg-15.png) center bottom no-repeat;
}
.hdg-ty2-04._type-05:after {
    right: 52%;
    bottom: 16px;
    width: 110px;
    height: 84px;
    margin-right: -389px;
    background: url(/kodomo-support/about/img/bg-16.png) center bottom no-repeat;
}
.hdg-ty2-04._type-05 > .hdg-inner {
    background: url(/kodomo-support/about/img/hdg-bg-06.png) center top no-repeat;
}
@media only screen and (max-width: 768px) {
    .hdg-ty2-04 {
        margin-bottom: 10px;
    }
    .hdg-ty2-04 > .hdg-inner {
        width: 245px;
        margin: 0 auto;
        padding-bottom: 8px;
    }
    .hdg-ty2-04 > .hdg-inner .hdg-txt {
        padding: 5px 0;
        font-size: 1.6rem;
    }
    .hdg-ty2-04._type-01 > .hdg-inner, .hdg-ty2-04._type-02 > .hdg-inner, .hdg-ty2-04._type-03 > .hdg-inner, .hdg-ty2-04._type-04 > .hdg-inner, .hdg-ty2-04._type-05 > .hdg-inner {
        background-size: 100%;
    }
    .hdg-ty2-04._type-02:before, .hdg-ty2-04._type-02:after {
        content: none;
    }
}

.hdg-ty2-05 {
    text-align: center;
}
.hdg-ty2-05 .hdg-txt {
    position: relative;
    display: inline-block;
    margin: 5px 0 40px;
    padding: 0 0 15px;
    font-weight: bold;
    font-size: 2.6rem;
    text-align: center;
}
.hdg-ty2-05 .hdg-txt:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 5px;
    background: url(/pet-smile/event/img/hdg-bar-01.png) bottom left repeat;
    content: "";
}
@media only screen and (max-width: 768px) {
    .hdg-ty2-05 .hdg-txt {
        margin: 0 0 22px;
        padding-bottom: 10px;
        font-size: 2.0rem;
        line-height: 1.2;
    }
    .hdg-ty2-05 .hdg-txt:before {
        width: 100%;
        height: 2px;
        background: url(/pet-smile/event/img/hdg-bar-01.png) bottom left repeat;
        background-size: 100%;
    }
}

.hdg-ty3 {
    position: relative;
    min-height: 80px;
}
.hdg-ty3:before {
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    display: block;
    width: 20px;
    height: 10px;
    margin: 0 auto;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    content: "";
}
.hdg-ty3 .hdg-ty3-inner {
    position: relative;
    display: table;
    width: 100%;
    padding: 5px 30px;
}
.hdg-ty3 .hdg-ty3-inner:before {
    display: block;
    float: left;
    height: 70px;
    content: "";
}
.hdg-ty3 .hdg-ty3-inner:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    display: block;
    width: 20px;
    height: 20px;
    margin: auto;
    background-position: -292px 0;
    content: "";
}
.hdg-ty3 .hdg-ty3-inner .hdg-txt {
    display: table-cell;
    margin: 0;
    padding: 0 0 0 40px;
    font-weight: bold;
    font-size: 2.6rem;
    vertical-align: middle;
    line-height: 1.2;
}
.hdg-ty3 .hdg-ty3-inner .hdg-txt > .sub-txt {
    display: inline-block;
    margin: 0 0 3px;
    font-size: 1.8rem;
    vertical-align: middle;
}
.hdg-ty3._spot {
    background: #cdefff;
}
.hdg-ty3._spot:before {
    border-color: #cdefff transparent transparent transparent;
}
.hdg-ty3._living {
    background: #fff3c5;
}
.hdg-ty3._living:before {
    border-color: #fff3c5 transparent transparent transparent;
}
@media only screen and (max-width: 768px) {
    .hdg-ty3 {
        min-height: 40px;
    }
    .hdg-ty3:before {
        bottom: -5px;
        width: 10px;
        height: 5px;
        border-width: 5px 5px 0 5px;
    }
    .hdg-ty3 .hdg-ty3-inner {
        padding: 5px 10px;
    }
    .hdg-ty3 .hdg-ty3-inner:before {
        height: 30px;
    }
    .hdg-ty3 .hdg-ty3-inner:after {
        left: 10px;
        width: 12px;
        height: 12px;
        background-position: -247.5px 0;
        background-size: 1996.5px 30px;
    }
    .hdg-ty3 .hdg-ty3-inner .hdg-txt {
        padding-left: 22px;
        font-size: 1.6rem;
    }
    .hdg-ty3 .hdg-ty3-inner .hdg-txt > .sub-txt {
        display: inline;
        margin-bottom: 1px;
        font-size: 1.4rem;
    }
}

.hdg-ty3-02 {
    margin: 56px 0;
    text-align: center;
}
.hdg-ty3-02 > .hdg-inner {
    position: relative;
    display: inline-block;
}
.hdg-ty3-02 > .hdg-inner:before, .hdg-ty3-02 > .hdg-inner:after {
    position: absolute;
    top: -12px;
    bottom: 0;
    display: block;
    width: 64px;
    height: 36px;
    margin: auto;
    background-position: -2879px 0;
    content: "";
}
.hdg-ty3-02 > .hdg-inner:before {
    left: 0;
}
.hdg-ty3-02 > .hdg-inner:after {
    right: 3px;
}
.hdg-ty3-02 > .hdg-inner .hdg-txt {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 85px 11px;
    font-weight: bold;
    font-size: 3.0rem;
    text-align: center;
    line-height: 1.2;
}
.hdg-ty3-02 > .hdg-inner .hdg-txt:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: calc(100% - 168px);
    height: 3px;
    margin: auto;
    content: "";
}
.hdg-ty3-02._type-01 > .hdg-inner .hdg-txt:before {
    border-bottom: solid 3px #009eea;
}
.hdg-ty3-02._type-02 > .hdg-inner .hdg-txt:before {
    border-bottom: solid 3px #ff9d2a;
}
@media only screen and (max-width: 768px) {
    .hdg-ty3-02 {
        margin: 18px 0 27px;
    }
    .hdg-ty3-02 > .hdg-inner:before, .hdg-ty3-02 > .hdg-inner:after {
        top: -1px;
        width: 32px;
        height: 18px;
        background-position: -1439.5px 0;
        background-size: 1996.5px 30px;
    }
    .hdg-ty3-02 > .hdg-inner .hdg-txt {
        padding: 0 37.5px 7px;
        font-size: 1.6rem;
        border-bottom-width: 2px;
    }
    .hdg-ty3-02 > .hdg-inner .hdg-txt:before {
        width: calc(100% - 75px);
    }
}

.hdg-ty3-03 {
    margin: 45px 0 20px;
}
.hdg-ty3-03 > .hdg-inner {
    position: relative;
    padding: 0 0 10px;
}
.hdg-ty3-03 > .hdg-inner:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: url(/kodomo-support/spot/img/hdg-bg-02.png) center bottom repeat-x;
    content: "";
}
.hdg-ty3-03 > .hdg-inner .hdg-txt {
    position: relative;
    margin: 0;
    padding: 0 0 0 31px;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1.3;
}
.hdg-ty3-03 > .hdg-inner .hdg-txt:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 24px;
    margin: auto;
    background-position: -242px 0;
    content: "";
}
@media only screen and (max-width: 768px) {
    .hdg-ty3-03 {
        margin: 20px 0 10px;
    }
    .hdg-ty3-03 > .hdg-inner {
        padding-bottom: 7px;
    }
    .hdg-ty3-03 > .hdg-inner .hdg-txt {
        font-size: 1.6rem;
    }
}

.hdg-ty4 {
    margin: 0 0 22px;
}
.hdg-ty4 .hdg-txt {
    position: relative;
    margin: 0;
    padding: 0 0 0 29px;
    font-weight: bold;
    font-size: 2.6rem;
    color: #009eea;
    line-height: 1.2;
}
.hdg-ty4 .hdg-txt:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    margin: auto;
    background-position: -292px 0;
    content: "";
}
@media only screen and (max-width: 768px) {
    .hdg-ty4 {
        margin-bottom: 10px;
    }
    .hdg-ty4 .hdg-txt {
        padding-left: 20px;
        font-size: 1.6rem;
    }
    .hdg-ty4 .hdg-txt:before {
        width: 12px;
        height: 12px;
        background-position: -247.5px 0;
        background-size: 1996.5px 30px;
    }
}

/*----------------------------------------
 text
----------------------------------------*/
p {
    margin: 0 0 1.5em;
}
p + .hdg-ty3-03 {
    margin-top: 28px;
}
@media only screen and (max-width: 768px) {
    p {
        margin: 0 0 1.2em;
    }
    p + .hdg-ty3-03 {
        margin-top: 19px;
    }
}

.txt-em-01 {
    font-weight: bold;
}

.txt-em-02 {
    font-weight: bold;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjMGY1ZTMiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MiUiIHN0b3AtY29sb3I9IiNjMGY1ZTMiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MyUiIHN0b3AtY29sb3I9IiNjMGY1ZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzBmNWUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: linear-gradient(rgba(192, 245, 227, 0) 63%, rgba(192, 245, 227, 0) 62%, #c0f5e3 63%, #c0f5e3 100%);
}

.txt-total {
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 1.6rem;
}
[data-site="active"] .txt-total > .num-wrap::before {
    background: #edb29b !important;
}
[data-site="pet"] .txt-total > .num-wrap {
    color: #00aab9 !important;
}
[data-site="pet"] .txt-total > .num-wrap::before {
    background: #fffca4 !important;
}
.txt-total > .num-wrap {
    position: relative;
    z-index: 1;
    margin-left: 9px;
    font-weight: bold;
}
.txt-total > .num-wrap::before {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 6px;
    background: #facc1e;
    content: "";
}
.txt-total > .num-wrap > .num {
    font-weight: bold;
    font-size: 2.4rem;
}
@media only screen and (max-width: 768px) {
    .txt-total {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

._size-01 {
    font-size: 2.4rem;
    line-height: 1.25;
}
@media only screen and (max-width: 768px) {
    ._size-01 {
        font-size: 1.6rem;
    }
}

/*----------------------------------------
 list
----------------------------------------*/
.list-btn {
    margin-bottom: 60px;
}
.list-btn .list-btn-inner {
    margin: 0 0 -20px -30px;
    font-size: 0;
    text-align: center;
}
.list-btn .list-btn-inner > li {
    display: inline-block;
    padding: 0 0 20px 30px;
    font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {
    .list-btn {
        margin-bottom: 25px;
    }
    .list-btn .list-btn-inner > li {
        display: block;
        width: 320px;
        margin: 0 auto;
    }
}

.list-btn-02 {
    max-width: 844px;
    margin: 0 auto 48px;
}
.list-btn-02 .list-btn-inner {
    margin: 0 0 -20px -44px;
    font-size: 0;
    text-align: center;
}
.list-btn-02 .list-btn-inner > li {
    display: inline-block;
    width: 50%;
    padding: 0 0 20px 44px;
    font-size: 1.6rem;
    vertical-align: top;
}
.list-btn-02 .list-btn-inner > li > a {
    width: 100%;
    min-width: auto;
    min-width: inherit;
}
@media only screen and (max-width: 768px) {
    .list-btn-02 {
        margin-bottom: 20px;
    }
    .list-btn-02 .list-btn-inner {
        margin-bottom: -15px;
    }
    .list-btn-02 .list-btn-inner > li {
        display: block;
        width: auto;
        margin: 0 auto;
        padding-bottom: 15px;
    }
}

.list-info > li {
    display: table;
    width: 100%;
    min-height: 52px;
    margin: 0 0 6px;
    border-bottom: dotted 2px #f0de98;
}
.list-info > li:last-child {
    border: none;
}
.list-info > li > * {
    display: table-cell;
    padding: 0 0 9px;
    vertical-align: top;
}
.list-info > li > .date {
    width: 77px;
    padding-top: 11px;
    font-size: 1.3rem;
    white-space: nowrap;
}
.list-info > li > .group {
    width: 97px;
    padding-top: 8px;
}
.list-info > li > .group > img {
    vertical-align: middle;
}
.list-info > li > .content {
    vertical-align: middle;
}
.list-info > li > .content > .icon > img {
    margin-top: 2px;
    vertical-align: top;
}
.list-info > li > .content a:hover, .list-info > li > .content a:active, .list-info > li > .content a:focus {
    text-decoration: underline;
}
@media only screen and (max-width: 768px) {
    .list-info > li {
        display: block;
        margin-bottom: 1px;
        border-width: 1px;
    }
    .list-info > li > * {
        padding-bottom: 5px;
    }
    .list-info > li > .date, .list-info > li > .group {
        display: inline-block;
    }
    .list-info > li > .date {
        font-size: 1.5rem;
    }
    .list-info > li > .content {
        display: block;
        font-size: 1.5rem;
    }
    .list-info > li > .content > .icon > img {
        width: 39px;
        margin-top: -3px;
        vertical-align: middle;
    }
}

.list-data {
    margin: 0 0 20px;
}
[data-site="active"] .list-data .place .txt a {
    color: #ac6c80;
}
[data-site="active"] .list-data .place .txt a:hover, [data-site="active"] .list-data .place .txt a:active, [data-site="active"] .list-data .place .txt a:focus {
    text-decoration: underline;
}
[data-site="pet"] .list-data .place .txt a {
    color: #e17417;
}
[data-site="pet"] .list-data .place .txt a:hover, [data-site="pet"] .list-data .place .txt a:active, [data-site="pet"] .list-data .place .txt a:focus {
    text-decoration: underline;
}
.list-data .date, .list-data .place {
    display: table;
}
.list-data .date > *, .list-data .place > * {
    display: table-cell;
    vertical-align: top;
}
.list-data .date .icon, .list-data .place .icon {
    width: 22px;
    padding: 0 6px 0 0;
    text-align: center;
}
.list-data .date .icon > img, .list-data .place .icon > img {
    vertical-align: middle;
}
.list-data .date .txt {
    font-weight: bold;
    font-size: 12px;
    color: #5c5c5c;
}
.list-data .place .txt a {
    font-size: 1.2rem;
}
.list-data .place .txt a:hover, .list-data .place .txt a:active, .list-data .place .txt a:focus {
    text-decoration: underline;
}

.list-facility {
    padding: 0 0 15px;
}
.list-facility .list-facility-inner {
    margin: -30px 0 0 -3.67%;
}
.list-facility .list-facility-inner:after {
    display: table;
    clear: both;
    content: "";
}
.list-facility .list-facility-inner li {
    display: table;
    float: left;
    width: 25%;
    padding: 30px 0 0 3.54%;
    direction: rtl;
}
.list-facility .list-facility-inner li:nth-child(4n+1) {
    clear: both;
}
.list-facility .list-facility-inner li > * {
    display: table-cell;
    direction: ltr;
}
.list-facility .list-facility-inner li .img {
    width: 39%;
    padding: 0 10px 0 0;
    vertical-align: top;
}
.list-facility .list-facility-inner li .txt {
    width: 61%;
    font-size: 1.4rem;
    vertical-align: middle;
    line-height: 1.4;
}
@media only screen and (max-width: 768px) {
    .list-facility {
        padding-bottom: 10px;
    }
    .list-facility .list-facility-inner {
        margin: -10px 0 0 -3.8%;
    }
    .list-facility .list-facility-inner li {
        padding: 10px 0 0 3.6%;
        direction: inherit;
    }
    .list-facility .list-facility-inner li > * {
        text-align: center;
        direction: inherit;
    }
    .list-facility .list-facility-inner li .img {
        display: table-header-group;
        width: auto;
        margin: 0 auto;
        padding: 0;
    }
    .list-facility .list-facility-inner li .img img {
        display: block;
        width: 32px;
        margin: 0 auto;
    }
    .list-facility .list-facility-inner li .txt {
        width: 100%;
        padding: 5px 4px 0;
        font-size: 1.0rem;
        line-height: 1.2;
    }
}

.list-notes {
    margin: 0 0 30px;
}
.list-notes li {
    display: table;
    margin: 0 0 6px;
}
.list-notes li > * {
    display: table-cell;
    font-size: 1.4rem;
    vertical-align: top;
    line-height: 1.5;
}
.list-notes li > .mark {
    padding: 0 12px 0 0;
}
.list-notes li:last-child {
    margin: 0;
}
@media only screen and (max-width: 768px) {
    .list-notes {
        margin-bottom: 15px;
    }
    .list-notes li > .mark {
        padding-right: 8px;
    }
}

.list-order {
    margin: 0 0 30px;
    counter-reset: num;
}
.list-order li {
    display: table;
    width: 100%;
    margin: 0 0 6px;
    counter-increment: num;
}
.list-order li:before {
    display: table-cell;
    white-space: nowrap;
    content: counter(num) ".";
}
.list-order li .txt {
    display: table-cell;
    width: 100%;
    padding: 0 0 0 14px;
    font-size: 1.6rem;
    line-height: 1.5;
}
.list-order li:last-child {
    margin: 0;
}
@media only screen and (max-width: 768px) {
    .list-order {
        margin-bottom: 15px;
    }
    .list-order li .txt {
        padding-left: 10px;
    }
}

/*----------------------------------------
 link
----------------------------------------*/
.link-program {
    margin: 60px 0 30px;
}
.link-program .link-program-inner {
    margin: 0 0 -33px -3.901133%;
    font-size: 0;
    text-align: center;
}
.link-program .link-program-inner > li {
    display: inline-block;
    margin: 0 0 33px 3.755%;
    font-size: 1.6rem;
}
.link-program .link-program-inner > li a {
    position: relative;
    display: block;
    background: #fff;
    border: solid #fff;
    border-width: 4px 5px;
    border-radius: 7px;
}
.link-program .link-program-inner > li a > img {
    border-radius: 7px;
}
.link-program .link-program-inner > li a .link-txt {
    position: absolute;
    top: -24px;
    left: -19px;
    display: block;
    padding: 10px 10px 37px;
    font-weight: bold;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    content: "";
}
.link-program .link-program-inner > li a .link-txt:after {
    position: absolute;
    right: 0;
    bottom: 30px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    margin: auto;
    background-position: -142px 0;
    content: "";
}
.link-program .link-program-inner > li a .link-txt > .txt {
    display: table;
    width: 100%;
    height: 100%;
}
.link-program .link-program-inner > li a .link-txt > .txt > .txt-inner {
    display: table-cell;
    vertical-align: middle;
}
.link-program .link-program-inner > li a:hover > img, .link-program .link-program-inner > li a:active > img, .link-program .link-program-inner > li a:focus > img {
    opacity: .7;
}
.link-program .link-program-inner > li._create a .link-txt {
    width: 152px;
    height: 144px;
    background: url(/kodomo-support/img/bg-btn-01.png) center top no-repeat;
}
.link-program .link-program-inner > li._learn a .link-txt {
    width: 151px;
    height: 141px;
    background: url(/kodomo-support/img/bg-btn-02.png) center top no-repeat;
}
.link-program .link-program-inner > li._animal a .link-txt {
    width: 154px;
    height: 138px;
    background: url(/kodomo-support/img/bg-btn-03.png) center top no-repeat;
}
.link-program .link-program-inner > li._exercise a .link-txt {
    width: 160px;
    height: 142px;
    background: url(/kodomo-support/img/bg-btn-04.png) center top no-repeat;
}
.link-program .link-program-inner > li._profession a .link-txt {
    width: 169px;
    height: 151px;
    background: url(/kodomo-support/img/bg-btn-05.png) center top no-repeat;
}
.link-program + * {
    margin-top: 32px;
}
@media only screen and (max-width: 768px) {
    .link-program {
        margin-top: 30px;
    }
    .link-program .link-program-inner {
        margin: 0 0 -31px -5.334%;
    }
    .link-program .link-program-inner li {
        width: 295px;
        margin: 0 0 75px 5.065%;
    }
    .link-program .link-program-inner li a {
        border-width: 2px;
        border-radius: 3px;
    }
    .link-program .link-program-inner li a img {
        border-radius: 3px;
    }
    .link-program .link-program-inner li a .link-txt {
        top: auto;
        right: -12px;
        bottom: -78px;
        left: auto;
        padding: 10px 8px 20px;
        font-size: .8rem;
        font-size: 1.1rem;
    }
    .link-program .link-program-inner li a .link-txt:after {
        bottom: 13px;
        width: 10px;
        height: 10px;
        background-position: -71px 0;
        background-size: 1996.5px 30px;
    }
    .link-program .link-program-inner li._create a .link-txt {
        width: 115.5px;
        height: 105.5px;
        background-size: 100%;
    }
    .link-program .link-program-inner li._learn a .link-txt {
        width: 119.5px;
        height: 106.5px;
        background-size: 100%;
    }
    .link-program .link-program-inner li._animal a .link-txt {
        width: 118.5px;
        height: 104.5px;
        background-size: 100%;
    }
    .link-program .link-program-inner li._exercise a .link-txt {
        width: 128.5px;
        height: 109.5px;
        background-size: 100%;
    }
    .link-program .link-program-inner li._profession a .link-txt {
        width: 117.5px;
        height: 100.5px;
        background-size: 100%;
    }
    .link-program + * {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 670px) {
    .link-program .link-program-inner {
        margin: 0 0 -31px -5.334%;
    }
    .link-program .link-program-inner li {
        width: 44.5%;
        margin: 0 0 75px 5.065%;
    }
}

.link-banner .link-banner-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 -15px -20px;
    text-align: center;
}
.link-banner .link-banner-inner:after {
    display: table;
    clear: both;
    content: "";
}
.link-banner .link-banner-inner li {
    float: left;
    width: 33.3333333333%;
    padding: 0 0 15px 20px;
}
.link-banner .link-banner-inner li a {
    position: relative;
    display: block;
    width: 100%;
    max-width: 301px;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: left;
    line-height: 1.6;
    background: #fff;
    border: solid 3px;
    border-radius: 4px;
}
.link-banner .link-banner-inner li a .content-wrap {
    display: table;
    width: 100%;
    min-height: 86px;
    direction: rtl;
}
.link-banner .link-banner-inner li a .content-wrap > * {
    display: table-cell;
    vertical-align: middle;
    direction: ltr;
}
.link-banner .link-banner-inner li a .content-wrap .img {
    padding: 0 10px;
    text-align: center;
}
.link-banner .link-banner-inner li a .content-wrap .txt {
    width: 70%;
    padding: 18px 10px 18px 0;
}
.link-banner .link-banner-inner li a > .icon {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 11px;
    height: 11px;
}
.link-banner .link-banner-inner li a > .icon > img {
    display: block;
}
.link-banner .link-banner-inner li a:hover .content-wrap, .link-banner .link-banner-inner li a:hover > .icon, .link-banner .link-banner-inner li a:active .content-wrap, .link-banner .link-banner-inner li a:active > .icon, .link-banner .link-banner-inner li a:focus .content-wrap, .link-banner .link-banner-inner li a:focus > .icon {
    opacity: .7;
}
.link-banner .link-banner-inner li._type-01 a {
    color: #ff4545;
    border-color: #ff4545;
}
.link-banner .link-banner-inner li._type-01 a:hover, .link-banner .link-banner-inner li._type-01 a:active, .link-banner .link-banner-inner li._type-01 a:focus {
    border-color: #ff7d7d;
}
.link-banner .link-banner-inner li._type-02 a {
    color: #009eea;
    border-color: #009eea;
}
.link-banner .link-banner-inner li._type-02 a:hover, .link-banner .link-banner-inner li._type-02 a:active, .link-banner .link-banner-inner li._type-02 a:focus {
    border-color: #4dbbf0;
}
.link-banner .link-banner-inner li._type-03 a {
    color: #00377c;
    border-color: #00377c;
}
.link-banner .link-banner-inner li._type-03 a:hover, .link-banner .link-banner-inner li._type-03 a:active, .link-banner .link-banner-inner li._type-03 a:focus {
    border-color: #4d73a4;
}
@media only screen and (max-width: 768px) {
    .link-banner .link-banner-inner li {
        float: none;
        width: 310px;
        margin: 0 auto;
    }
}

.link-spot .link-spot-inner {
    margin: 0 0 -30px -40px;
    text-align: center;
}
.link-spot .link-spot-inner > li {
    display: inline-block;
    margin: 0 0 30px 40px;
}
.link-spot .link-spot-inner > li a {
    position: relative;
    display: block;
}
.link-spot .link-spot-inner > li a > .link-txt {
    position: absolute;
    right: -7px;
    bottom: 5px;
    display: table;
    width: 107px;
    height: 88px;
    padding: 0 0 16px;
    font-weight: bold;
    color: #fff;
    line-height: 1.25;
    content: "";
}
.link-spot .link-spot-inner > li a > .link-txt:before {
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    margin: auto;
    background-position: -142px 0;
    content: "";
}
.link-spot .link-spot-inner > li a > .link-txt .link-txt-inner {
    display: table-cell;
    vertical-align: middle;
}
.link-spot .link-spot-inner > li a:hover:before, .link-spot .link-spot-inner > li a:active:before, .link-spot .link-spot-inner > li a:focus:before {
    position: absolute;
    display: block;
    content: "";
}
.link-spot .link-spot-inner > li._attraction a > .link-txt {
    background: url(/kodomo-support/img/bg-btn-06.png) center center no-repeat;
}
.link-spot .link-spot-inner > li._attraction a:hover:before, .link-spot .link-spot-inner > li._attraction a:active:before, .link-spot .link-spot-inner > li._attraction a:focus:before {
    width: 214px;
    height: 165px;
    background: url(/kodomo-support/img/bg-img-06_h.png) center center no-repeat;
}
.link-spot .link-spot-inner > li._aquarium a > .link-txt {
    background: url(/kodomo-support/img/bg-btn-07.png) center center no-repeat;
}
.link-spot .link-spot-inner > li._aquarium a:hover:before, .link-spot .link-spot-inner > li._aquarium a:active:before, .link-spot .link-spot-inner > li._aquarium a:focus:before {
    width: 207px;
    height: 165px;
    background: url(/kodomo-support/img/bg-img-07_h.png) center center no-repeat;
}
.link-spot .link-spot-inner > li._park a > .link-txt {
    background: url(/kodomo-support/img/bg-btn-08.png) center center no-repeat;
}
.link-spot .link-spot-inner > li._park a:hover:before, .link-spot .link-spot-inner > li._park a:active:before, .link-spot .link-spot-inner > li._park a:focus:before {
    width: 217px;
    height: 168px;
    background: url(/kodomo-support/img/bg-img-08_h.png) center center no-repeat;
}
.link-spot .link-spot-inner > li._ski a > .link-txt {
    background: url(/kodomo-support/img/bg-btn-09.png) center center no-repeat;
}
.link-spot .link-spot-inner > li._ski a:hover:before, .link-spot .link-spot-inner > li._ski a:active:before, .link-spot .link-spot-inner > li._ski a:focus:before {
    width: 217px;
    height: 160px;
    background: url(/kodomo-support/img/bg-img-09_h.png) center center no-repeat;
}
.link-spot .link-spot-inner > li._hotel a > .link-txt {
    background: url(/kodomo-support/img/bg-btn-10.png) center center no-repeat;
}
.link-spot .link-spot-inner > li._hotel a:hover:before, .link-spot .link-spot-inner > li._hotel a:active:before, .link-spot .link-spot-inner > li._hotel a:focus:before {
    width: 217px;
    height: 168px;
    background: url(/kodomo-support/img/bg-img-10_h.png) center center no-repeat;
}
.link-spot .link-spot-inner > li._transportation a > .link-txt {
    background: url(/kodomo-support/img/bg-btn-11.png) center center no-repeat;
}
.link-spot .link-spot-inner > li._transportation a:hover:before, .link-spot .link-spot-inner > li._transportation a:active:before, .link-spot .link-spot-inner > li._transportation a:focus:before {
    width: 214px;
    height: 165px;
    background: url(/kodomo-support/img/bg-img-11_h.png) center center no-repeat;
}
.link-spot .link-spot-inner > li._shop a > .link-txt {
    background: url(/kodomo-support/img/bg-btn-12.png) center center no-repeat;
}
.link-spot .link-spot-inner > li._shop a:hover:before, .link-spot .link-spot-inner > li._shop a:active:before, .link-spot .link-spot-inner > li._shop a:focus:before {
    width: 205px;
    height: 166px;
    background: url(/kodomo-support/img/bg-img-12_h.png) center center no-repeat;
}
@media only screen and (max-width: 768px) {
    .link-spot .link-spot-inner {
        margin: 0 0 -25px -29px;
    }
    .link-spot .link-spot-inner li {
        margin: 0 0 25px 29px;
    }
    .link-spot .link-spot-inner li a > img {
        width: 126px;
    }
    .link-spot .link-spot-inner li a .link-txt {
        right: -13px;
        bottom: -10px;
        width: 75px;
        height: 61.68px;
        padding-top: 11px;
        font-size: 1.3rem;
    }
    .link-spot .link-spot-inner li a .link-txt:before {
        bottom: 5px;
        width: 10px;
        height: 10px;
        background-position: -71px 0;
        background-size: 1996.5px 30px;
    }
    .link-spot .link-spot-inner li._attraction a > .link-txt {
        background-size: 100%;
    }
    .link-spot .link-spot-inner li._attraction a:hover:before, .link-spot .link-spot-inner li._attraction a:active:before, .link-spot .link-spot-inner li._attraction a:focus:before {
        content: none;
    }
    .link-spot .link-spot-inner li._aquarium a > .link-txt {
        background-size: 100%;
    }
    .link-spot .link-spot-inner li._aquarium a:hover:before, .link-spot .link-spot-inner li._aquarium a:active:before, .link-spot .link-spot-inner li._aquarium a:focus:before {
        content: none;
    }
    .link-spot .link-spot-inner li._park a > .link-txt {
        background-size: 100%;
    }
    .link-spot .link-spot-inner li._park a:hover:before, .link-spot .link-spot-inner li._park a:active:before, .link-spot .link-spot-inner li._park a:focus:before {
        content: none;
    }
    .link-spot .link-spot-inner li._ski a > .link-txt {
        background-size: 100%;
    }
    .link-spot .link-spot-inner li._ski a:hover:before, .link-spot .link-spot-inner li._ski a:active:before, .link-spot .link-spot-inner li._ski a:focus:before {
        content: none;
    }
    .link-spot .link-spot-inner li._hotel a > .link-txt {
        background-size: 100%;
    }
    .link-spot .link-spot-inner li._hotel a:hover:before, .link-spot .link-spot-inner li._hotel a:active:before, .link-spot .link-spot-inner li._hotel a:focus:before {
        content: none;
    }
    .link-spot .link-spot-inner li._transportation a > .link-txt {
        background-size: 100%;
    }
    .link-spot .link-spot-inner li._transportation a:hover:before, .link-spot .link-spot-inner li._transportation a:active:before, .link-spot .link-spot-inner li._transportation a:focus:before {
        content: none;
    }
    .link-spot .link-spot-inner li._shop a > .link-txt {
        background-size: 100%;
    }
    .link-spot .link-spot-inner li._shop a:hover:before, .link-spot .link-spot-inner li._shop a:active:before, .link-spot .link-spot-inner li._shop a:focus:before {
        content: none;
    }
}

.link-list {
    margin: 0 0 15px;
}
.link-list li {
    margin: 0 0 12px;
    line-height: 1;
}
.link-list li a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 21px;
    font-size: 1.4rem;
    color: #333;
    text-align: left;
    line-height: 1.3;
}
.link-list li a:before {
    position: absolute;
    top: .16em;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    background-position: -74px 0;
    content: "";
}
.link-list li a:hover, .link-list li a:active, .link-list li a:focus {
    text-decoration: underline;
}
.link-list li:last-child {
    margin-bottom: 0;
}
.link-list li > p {
    margin: 10px 0;
}
.link-list li ul {
    margin: 0 0 0 20px;
}
.link-list._inline {
    margin-left: -3.78378%;
}
.link-list._inline:after {
    display: table;
    clear: both;
    content: "";
}
.link-list._inline > li {
    float: left;
    width: 21.21622%;
    margin: 40px 0 0 3.78378%;
}
.link-list._inline > li:nth-child(4n+1) {
    clear: both;
}
.link-list._inline > li:nth-of-type(1), .link-list._inline > li:nth-of-type(2), .link-list._inline > li:nth-of-type(3), .link-list._inline > li:nth-of-type(4) {
    margin-top: 0;
}
.link-list._inline > li > a {
    font-weight: bold;
    vertical-align: top;
}
@media only screen and (max-width: 768px) {
    .link-list {
        margin-bottom: 10px;
    }
    .link-list._inline {
        margin: 0;
        text-align: left;
    }
    .link-list._inline > li {
        float: none;
        width: 100%;
        margin: 0 0 12px;
    }
    .link-list._inline > li:last-child {
        margin-bottom: 0;
    }
    .link-list._inline > li > a {
        padding-left: 15px;
        font-weight: normal;
        font-size: 1.0rem;
        color: #f02951;
    }
    .link-list._inline > li > a:before {
        top: .05em;
        width: 11px;
        height: 11px;
        background-position: -234px 0;
        background-size: 1996.5px 30px;
    }
}

.anchor {
    display: inline-block;
    padding: 3px 0 0;
    font-weight: bold;
    font-size: 1.4rem;
    color: #333;
}
.anchor > .txt {
    position: relative;
    z-index: 0;
    display: inline;
    padding: 0 16px 0 0;
    background: url(/kodomo-support/common/img/icon-arrow-01.png) right center no-repeat;
}
.anchor:hover .txt, .anchor:active .txt, .anchor:focus .txt {
    background: url(/kodomo-support/common/img/icon-arrow-01.png) right center no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYmYwMSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmYzYwMSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmYzYwMSIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmY2MwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: url(/kodomo-support/common/img/icon-arrow-01.png) right center no-repeat, linear-gradient(to bottom, rgba(254, 191, 1, 0) 0%, rgba(255, 198, 1, 0) 50%, rgba(255, 198, 1, .4) 51%, rgba(255, 204, 0, .4) 100%);
}
@media only screen and (max-width: 768px) {
    .anchor {
        display: inline-block;
        font-weight: normal;
        font-size: 1.0rem;
        color: #009eea;
    }
    .anchor .txt {
        padding-right: 11px;
        background-size: 7.5px 8px;
    }
    .anchor:hover .txt, .anchor:active .txt, .anchor:focus .txt {
        background: url(/kodomo-support/common/img/icon-arrow-01.png) right center no-repeat;
        background-size: 7.5px 8px;
    }
}

.link-anchor {
    position: relative;
    z-index: 0;
    margin: 0 0 38px;
}
.link-anchor > .link-anchor-inner {
    margin: 0 0 -15px -8.847%;
}
.link-anchor > .link-anchor-inner:after {
    display: table;
    clear: both;
    content: "";
}
.link-anchor > .link-anchor-inner li {
    float: left;
    padding: 0 0 15px 8.127%;
}
.link-anchor._col-2 .link-anchor-inner li {
    width: 50%;
}
.link-anchor._col-2 .link-anchor-inner li:nth-child(2n+1) {
    clear: both;
}
.link-anchor._col-3 .link-anchor-inner li {
    width: 33.33333333%;
}
.link-anchor._col-3 .link-anchor-inner li:nth-child(3n+1) {
    clear: both;
}
.link-anchor._col-4 .link-anchor-inner li {
    width: 25%;
}
.link-anchor._col-4 .link-anchor-inner li:nth-child(4n+1) {
    clear: both;
}
.link-anchor._col-7 .link-anchor-inner {
    margin-left: -1.59576%;
}
.link-anchor._col-7 .link-anchor-inner li {
    width: 14.285713%;
    padding-left: 1.571229%;
}
.link-anchor._col-7 .link-anchor-inner li:nth-child(7n+1) {
    clear: both;
}
.link-anchor._col-8 .link-anchor-inner {
    margin-left: -1.59576%;
}
.link-anchor._col-8 .link-anchor-inner li {
    width: 12.5%;
    padding-left: 1.571229%;
}
.link-anchor._col-8 .link-anchor-inner li:nth-child(8n+1) {
    clear: both;
}
@media only screen and (max-width: 768px) {
    .link-anchor {
        margin-bottom: 10px;
    }
    .link-anchor .link-anchor-inner {
        margin: 0;
    }
    .link-anchor .link-anchor-inner li {
        padding: 0 0 8px;
        line-height: 1;
    }
    .link-anchor._col-2 .link-anchor-inner li, .link-anchor._col-3 .link-anchor-inner li, .link-anchor._col-4 .link-anchor-inner li {
        float: none;
        width: 100%;
    }
    .link-anchor._col-7 .link-anchor-inner li, .link-anchor._col-8 .link-anchor-inner li {
        width: 50%;
    }
    .link-anchor._col-7 .link-anchor-inner li:nth-child(2n+1), .link-anchor._col-8 .link-anchor-inner li:nth-child(2n+1) {
        clear: both;
    }
}

.link-anchor-02 {
    margin: 0 0 20px;
}
.link-anchor-02 > .link-anchor-inner {
    margin: -20px 0 0 -20px;
    font-size: 0;
}
.link-anchor-02 > .link-anchor-inner li {
    display: inline-block;
    width: 25%;
    padding: 20px 0 0 20px;
    font-size: 1.6rem;
    vertical-align: top;
}
@media only screen and (max-width: 768px) {
    .link-anchor-02 {
        margin-bottom: 10px;
    }
    .link-anchor-02 > .link-anchor-inner {
        margin: 0;
    }
    .link-anchor-02 > .link-anchor-inner li {
        width: 100%;
        margin: 0 0 18px;
        padding: 0;
    }
    .link-anchor-02 > .link-anchor-inner li:last-child {
        margin-bottom: 0;
    }
}

.link-anchor-wrap {
    width: 100%;
    max-width: 900px;
    margin: 0 auto 40px;
}
.link-anchor-wrap > .link-anchor {
    margin: 0 18px 0 0;
    padding: 11px 30px 17px 38px;
    background: #fff;
    box-shadow: 2px 3px 6px -1px rgba(207, 207, 207, .4);
}
.link-anchor-wrap > .link-anchor:before {
    position: absolute;
    right: -13px;
    bottom: 4px;
    z-index: 0;
    display: block;
    width: 28px;
    height: 28px;
    border: solid 14px;
    border-color: transparent transparent #ede3c3;
    box-shadow: 0 3px 3px -1px rgba(207, 207, 207, .4);
    content: "";
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.link-anchor-wrap > .link-anchor:after {
    position: absolute;
    top: 0;
    right: -18px;
    z-index: 0;
    width: 19px;
    height: calc(100% - 18px);
    background: #fff;
    box-shadow: 2px 0 4px -1px rgba(207, 207, 207, .4);
    content: "";
}
.link-anchor-wrap + * {
    margin-top: 0;
}
.site-main._about .link-anchor-wrap {
    margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
    .link-anchor-wrap {
        margin-bottom: 15px;
    }
    .link-anchor-wrap > .link-anchor {
        margin: 0;
        padding: 0;
        background: transparent;
        box-shadow: none;
    }
    .link-anchor-wrap > .link-anchor:before, .link-anchor-wrap > .link-anchor:after {
        content: none;
    }
    .site-main._about .link-anchor-wrap {
        margin-bottom: 12px;
    }
}

/*----------------------------------------
 button
----------------------------------------*/
.btn-top {
    position: relative;
    z-index: 10;
    margin-bottom: 0;
}
.btn-top a {
    position: absolute;
    right: 30px;
    bottom: 30px;
    display: block;
    width: 109px;
    height: 124px;
    padding: 19px 0 0 43px;
    font-weight: bold;
    font-size: 1.4rem;
    color: #333;
    content: "";
}
.btn-top a:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 109px;
    height: 124px;
    background: url(/kodomo-support/common/img/btn-top-01.png) center top no-repeat;
    background-size: 109px 124px;
    content: "";
}
.btn-top.is-fixed a {
    position: fixed;
    bottom: 20px;
}
@media only screen and (max-width: 768px) {
    .btn-top a {
        right: 5px;
        bottom: 10px;
        width: 61.5px;
        height: 64.5px;
        padding: 16px 0 0 16px;
    }
    .btn-top a:before {
        width: 61.5px;
        height: 64.5px;
        background: url(/kodomo-support/common/img/btn-top-01_sp.png) center top no-repeat;
        background-size: 100%;
    }
    .btn-top.is-fixed a {
        bottom: 20px;
    }
}

.btn {
    display: table;
    min-width: 400px;
    padding: 10px 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border: solid 2px #fff;
    border-radius: 6px;
}
.btn .btn-inner {
    display: table-cell;
    vertical-align: middle;
}
.btn .btn-inner > .txt {
    position: relative;
    display: inline-block;
    padding: 0 0 0 28px;
}
.btn .btn-inner > .txt:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    margin: auto;
    background-position: -142px 0;
    content: "";
}
.btn._type-01 {
    background: #fa7d9d;
}
.btn._type-02 {
    background: #00ca62;
}
.btn._type-03 {
    background: #009eea;
}
.btn._type-04 {
    color: #333;
    background: #fff;
    border-color: #ccc;
}
.btn._type-04 .btn-inner > .txt:before {
    width: 20px;
    height: 20px;
    background-position: -392px 0;
}
.btn:hover._type-01, .btn:active._type-01, .btn:focus._type-01 {
    color: #fa7d9d;
    background: #fff;
    border-color: #fa7d9d;
}
.btn:hover._type-01 .btn-inner > .txt:before, .btn:active._type-01 .btn-inner > .txt:before, .btn:focus._type-01 .btn-inner > .txt:before {
    width: 20px;
    height: 20px;
    background-position: -167px 0;
}
.btn:hover._type-02, .btn:active._type-02, .btn:focus._type-02 {
    color: #00ca62;
    background: #fff;
    border-color: #00ca62;
}
.btn:hover._type-02 .btn-inner > .txt:before, .btn:active._type-02 .btn-inner > .txt:before, .btn:focus._type-02 .btn-inner > .txt:before {
    width: 20px;
    height: 20px;
    background-position: -367px 0;
}
.btn:hover._type-03, .btn:active._type-03, .btn:focus._type-03 {
    color: #009eea;
    background: #fff;
    border-color: #009eea;
}
.btn:hover._type-03 .btn-inner > .txt:before, .btn:active._type-03 .btn-inner > .txt:before, .btn:focus._type-03 .btn-inner > .txt:before {
    width: 20px;
    height: 20px;
    background-position: -342px 0;
}
.btn:hover._type-04, .btn:active._type-04, .btn:focus._type-04 {
    border-color: #009eea;
}
.btn:hover._type-04 .btn-inner > .txt:before, .btn:active._type-04 .btn-inner > .txt:before, .btn:focus._type-04 .btn-inner > .txt:before {
    width: 20px;
    height: 20px;
    background-position: -342px 0;
}
@media only screen and (max-width: 768px) {
    .btn {
        position: relative;
        width: 100%;
        min-width: auto;
        min-width: inherit;
        padding: 10px 38px 10px 11px;
        font-size: 1.5rem;
    }
    .btn:before {
        position: absolute;
        top: 0;
        right: 12px;
        bottom: 0;
        display: block;
        width: 16px;
        height: 16px;
        margin: auto;
        background-image: url(/kodomo-support/common/img/sprite.png);
        background-position: -387.5px 0;
        background-size: 1996.5px 30px;
        content: "";
    }
    .btn .btn-inner > .txt {
        display: inline;
        padding: 0;
    }
    .btn .btn-inner > .txt:before {
        content: none;
    }
    .btn._type-04:before {
        width: 16px;
        height: 16px;
        background-position: -406px 0;
        background-size: 1996.5px 30px;
    }
    .btn:hover._type-01:before, .btn:active._type-01:before, .btn:focus._type-01:before {
        width: 16px;
        height: 16px;
        background-position: -313.5px 0;
        background-size: 1996.5px 30px;
    }
    .btn:hover._type-02:before, .btn:active._type-02:before, .btn:focus._type-02:before {
        width: 16px;
        height: 16px;
        background-position: -332px 0;
        background-size: 1996.5px 30px;
    }
    .btn:hover._type-03:before, .btn:active._type-03:before, .btn:focus._type-03:before {
        width: 16px;
        height: 16px;
        background-position: -424.5px 0;
        background-size: 1996.5px 30px;
    }
    .btn:hover._type-04:before, .btn:active._type-04:before, .btn:focus._type-04:before {
        width: 16px;
        height: 16px;
        background-position: -424.5px 0;
        background-size: 1996.5px 30px;
    }
}

.btn-02 {
    position: relative;
    display: inline-block;
    min-width: 200px;
    padding: 3px 25px;
    font-size: 1.4rem;
    color: #fff !important;
    text-align: center;
    background: #4cbbf0;
    border-radius: 15px;
}
[data-site="active"] .btn-02._type-a {
    background: #0065b3;
    color: #fff !important;
}
[data-site="active"] .btn-02._type-a:hover, [data-site="active"] .btn-02._type-a:active, [data-site="active"] .btn-02._type-a:focus {
    color: #fff !important;
    background: #30738f;
}
.btn-02._type-a {
    padding: 3px 25px 3px 15px;
    font-size: 1.2rem;
}
.btn-02:before {
    position: absolute;
    top: 0;
    right: 11px;
    bottom: 0;
    display: block;
    width: 6px;
    height: 9px;
    margin: auto 0;
    background-position: 0 0;
    content: "";
}
.btn-02:hover, .btn-02:active, .btn-02:focus {
    background: #ff4545;
}

.btn-03 {
    position: relative;
    display: table;
    width: 100%;
    min-height: 46px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #009eea;
    border: solid 2px #009eea;
    border-radius: 4px;
}
.btn-03:before {
    display: block;
    float: left;
    height: 46px;
    content: "";
}
.btn-03:after {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    display: block;
    width: 20px;
    height: 20px;
    margin: auto;
    background-position: -142px 0;
    content: "";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.btn-03 > .btn-inner {
    position: relative;
    display: table-cell;
    padding: 0 40px 0 10px;
    vertical-align: middle;
}
.btn-03:hover, .btn-03:active, .btn-03:focus {
    color: #009eea;
    background: #fff;
    border-color: #009eea;
}
.btn-03:hover:after, .btn-03:active:after, .btn-03:focus:after {
    width: 20px;
    height: 20px;
    background-position: -342px 0;
}
@media only screen and (max-width: 768px) {
    .btn-03 {
        font-weight: normal;
        font-size: 1.5rem;
    }
}

/*----------------------------------------
 box
----------------------------------------*/
.box-living {
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 906px;
    margin: 40px auto 0;
    color: #333;
    background: #fff;
    border: solid 3px #fff;
    border-radius: 23px;
    box-shadow: 0 6px 5px -3px #c9c9c9;
}
.box-living > .box-living-inner {
    background: #fffcf0 url(/kodomo-support/img/img-13.png) right center no-repeat;
}
.box-living > .box-living-inner .lyt-living {
    display: table;
    width: 100%;
}
.box-living > .box-living-inner .lyt-living > * {
    display: table-cell;
}
.box-living > .box-living-inner .lyt-living > * > *:last-child {
    margin-bottom: 0;
}
.box-living > .box-living-inner .lyt-living > .content {
    width: 60%;
    padding: 25px 23px;
    vertical-align: top;
}
.box-living > .box-living-inner .lyt-living > .content > .txt-lead {
    position: relative;
    margin: 0 0 18px;
    padding: 0 0 22px;
    text-align: center;
}
.box-living > .box-living-inner .lyt-living > .content > .txt-lead:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    max-width: 484px;
    height: 4px;
    background: url(/kodomo-support/img/bg-dot-02.png) left top repeat-x;
    content: "";
}
.box-living > .box-living-inner .lyt-living > .content > .txt-lead b {
    letter-spacing: .12em;
}
.box-living > .box-living-inner .lyt-living > .content > .txt-lead b .row {
    display: block;
}
.box-living > .box-living-inner .lyt-living > .content > .txt-lead b .row + .row {
    margin-top: -10px;
}
.box-living > .box-living-inner .lyt-living > .content > .txt-lead b .txt-img {
    padding: 0 5px 0 0;
}
.box-living > .box-living-inner .lyt-living > .item {
    width: 40%;
    padding: 20px;
    vertical-align: bottom;
    text-align: right;
}
.box-living > .box-living-inner .lyt-living > .item .btn {
    display: inline-block;
    min-width: 304px;
}
.box-living:hover, .box-living:active, .box-living:focus {
    border-color: #4dda91;
}
.box-living:hover > .box-living-inner, .box-living:active > .box-living-inner, .box-living:focus > .box-living-inner {
    opacity: .7;
}
.box-living:hover > .box-living-inner .btn._type-02, .box-living:active > .box-living-inner .btn._type-02, .box-living:focus > .box-living-inner .btn._type-02 {
    color: #00ca62;
    background: #fff;
    border-color: #00ca62;
}
.box-living:hover > .box-living-inner .btn._type-02 .btn-inner .txt:before, .box-living:active > .box-living-inner .btn._type-02 .btn-inner .txt:before, .box-living:focus > .box-living-inner .btn._type-02 .btn-inner .txt:before {
    width: 20px;
    height: 20px;
    background-position: -367px 0;
}
@media only screen and (max-width: 768px) {
    .box-living {
        margin-top: 29px;
        background: #fff;
        border: none;
        border-radius: 10px;
    }
    .box-living > .box-living-inner {
        background: none;
    }
    .box-living > .box-living-inner .lyt-living {
        display: block;
        padding: 13px 12px;
    }
    .box-living > .box-living-inner .lyt-living > * {
        display: block;
    }
    .box-living > .box-living-inner .lyt-living > .content, .box-living > .box-living-inner .lyt-living > .item {
        width: 100%;
    }
    .box-living > .box-living-inner .lyt-living > .content {
        padding: 0 0 13px;
        font-size: 1.5rem;
        line-height: 1.6;
    }
    .box-living > .box-living-inner .lyt-living > .content > .txt-lead {
        margin-bottom: 8px;
        padding-bottom: 8px;
        font-size: 1.2rem;
    }
    .box-living > .box-living-inner .lyt-living > .content > .txt-lead:before {
        max-width: none;
        background-size: 12.5px 2px;
    }
    .box-living > .box-living-inner .lyt-living > .content > .txt-lead b {
        letter-spacing: normal;
    }
    .box-living > .box-living-inner .lyt-living > .content > .txt-lead b .row + .row {
        margin-top: -4px;
    }
    .box-living > .box-living-inner .lyt-living > .content > .txt-lead b .txt-img {
        padding-right: 2px;
    }
    .box-living > .box-living-inner .lyt-living > .content > .txt-lead b .txt-img > img {
        width: 51.5px;
    }
    .box-living > .box-living-inner .lyt-living > .item {
        padding: 0;
        text-align: center;
    }
    .box-living > .box-living-inner .lyt-living > .item .btn {
        min-width: auto;
    }
    .box-living > .box-living-inner .lyt-living > .item .btn .btn-inner {
        display: inline-block;
    }
    .box-living:hover > .box-living-inner .btn._type-02:before, .box-living:active > .box-living-inner .btn._type-02:before, .box-living:focus > .box-living-inner .btn._type-02:before {
        width: 16px;
        height: 16px;
        background-position: -332px 0;
        background-size: 1996.5px 30px;
    }
}

.box-info {
    width: 100%;
    max-width: 906px;
    margin: 40px auto 0;
    padding: 24px 40px 28px;
    background: #fffcf0;
    border: solid 3px #f0de98;
    border-radius: 22px;
}
@media only screen and (max-width: 768px) {
    .box-info {
        margin-top: 20px;
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
    }
}

.box-program {
    position: relative;
    z-index: 0;
    height: 100% !important;
    background: #fff;
    border-radius: 14px;
    box-shadow: 8px 8px 0 0 #cdefff;
}
[data-site="active"] .box-program {
    padding: 0;
    box-shadow: none !important;
    background: #f7f7f7;
    border-radius: 0;
}
[data-site="active"] .box-program > .img-content > .hdg-content {
    padding: 18px 15px 20px;
}
[data-site="active"] .box-program > .img-content > .hdg-content .box-ttl a {
    color: #c9613a;
}
[data-site="active"] .box-program > .img-content > .hdg-content > .keywords-list > ul > .item > a {
    font-weight: normal;
    color: #6c5fac;
    background: #fff;
    border: solid 1px #b1aad5;
}
[data-site="active"] .box-program > .img-content > .hdg-content > .keywords-list > ul > .item > a:hover, [data-site="active"] .box-program > .img-content > .hdg-content > .keywords-list > ul > .item > a:active, [data-site="active"] .box-program > .img-content > .hdg-content > .keywords-list > ul > .item > a:focus {
    color: #fff;
    background: #b1aad5;
}
[data-site="active"] .box-program > .img-content > .img > a > img {
    border-radius: 0 0 0 0;
}
[data-site="active"] .box-program > .img-content > .img > a > .details-wrap {
    bottom: 8px;
}
[data-site="active"] .box-program > .img-content > .img > a > .details-wrap > .detail-items._type-a {
    padding: 5px 9px;
    color: #30738f;
    background: #fff;
    border: solid 1px #30738f;
}
[data-site="active"] .box-program > .img-content > .img > a > .details-wrap > .detail-items._type-b {
    color: #8e8306;
    background: #fef9eb;
    border: solid 1px #8e8306;
}
[data-site="active"] .box-program > .img-content > .img > a > .details-wrap > .detail-items._type-a {
    color: #fff !important;
    background: #30738f;
}
[data-site="active"] .box-program > .content {
    padding: 16px 20px 16px;
}
[data-site="active"] .box-program > .content .item > p {
    margin-bottom: 20px;
}
[data-site="active"] .box-program > .icon-new {
    top: 0;
}
[data-site="active"] .box-program > .icon-new._member {
    top: 0;
    left: 46px;
}
[data-site="pet"] .box-program {
    padding: 0;
    background: #f7f7f7;
    box-shadow: none !important;
}
[data-site="pet"] .box-program > .icon-new {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    content: "";
}
[data-site="pet"] .box-program > .icon-new._member {
    position: absolute;
    top: 0;
    left: 45px;
    z-index: 1;
    display: block;
    content: "";
}
[data-site="pet"] .box-program > .img-content > .img > a .details-wrap > .detail-items._type-a {
    padding: 5px 9px;
    color: #42b7c3;
    background: #fff;
    border: solid 1px #42b7c3;
    border-radius: 5px;
}
[data-site="pet"] .box-program > .img-content > .img > a .details-wrap > .detail-items._type-b {
    padding: 5px 9px;
    color: #fff;
    background: #e17417;
    border: solid 1px #fff;
    border-radius: 5px;
}
[data-site="pet"] .box-program > .img-content > .hdg-content {
    padding: 15px 20px 16px;
}
[data-site="pet"] .box-program > .img-content > .hdg-content::before {
    display: none;
}
[data-site="pet"] .box-program > .img-content > .hdg-content .box-ttl {
    margin: 0 0 16px;
}
[data-site="pet"] .box-program > .img-content > .hdg-content .box-ttl a {
    color: #06a9ba;
}
[data-site="pet"] .box-program > .img-content > .hdg-content > .keywords-list > ul > .item > a {
    padding: 3px 10px;
    color: #000;
    background: #fff;
    border: solid 1px #dfb233;
    border-radius: 1000px;
}
[data-site="pet"] .box-program > .img-content > .hdg-content > .keywords-list > ul > .item > a:hover, [data-site="pet"] .box-program > .img-content > .hdg-content > .keywords-list > ul > .item > a:active, [data-site="pet"] .box-program > .img-content > .hdg-content > .keywords-list > ul > .item > a:focus {
    color: #fff;
    background: #dfb233;
}
[data-site="pet"] .box-program > .content {
    padding: 4px 20px 16px;
    font-size: 1.2rem;
}
[data-site="pet"] .box-program > .content .item > *:last-child {
    margin-bottom: 0;
}
.box-program > .icon-new {
    position: absolute;
    top: -7px;
    left: 0;
    z-index: 1;
    display: block;
    content: "";
}
.box-program > .icon-new._member {
    position: absolute;
    top: -7px;
    left: 66px;
    z-index: 1;
    display: block;
    content: "";
}
.box-program > .img-content > .img {
    position: relative;
    width: 100%;
    max-width: 320px;
    max-height: 216px;
    text-align: center;
    overflow: hidden;
}
.box-program > .img-content > .img > a {
    position: relative;
    display: block;
    transition: .3s;
}
.box-program > .img-content > .img > a:hover, .box-program > .img-content > .img > a:active, .box-program > .img-content > .img > a:focus {
    opacity: .6;
}
.box-program > .img-content > .img > a > img {
    width: 100%;
    border-radius: 14px 14px 0 0;
}
.box-program > .img-content > .img > a .details-wrap {
    position: absolute;
    right: 6px;
    bottom: 6px;
}
.box-program > .img-content > .img > a .details-wrap > .detail-items {
    margin-right: 6px;
    padding: 6px 10px;
    font-size: 1.2rem;
}
.box-program > .img-content > .img > a .details-wrap > .detail-items:last-of-type {
    margin-right: 0;
}
.box-program > .img-content > .img > a .details-wrap > .detail-items._type-a {
    color: #000;
    background: #ffdd5e;
}
.box-program > .img-content > .img > a .details-wrap > .detail-items._type-b {
    padding: 5px 9px;
    color: #fb6a3e;
    background: #fff;
    border: solid 1px #fb6a3e;
}
.box-program > .img-content > .img > a .details-wrap > .detail-items._type-c {
    color: #fff;
    background: #009eea;
}
.box-program > .img-content > .hdg-content {
    position: relative;
    padding: 18px 15px 20px;
}
.box-program > .img-content > .hdg-content::before {
    position: absolute;
    bottom: 0;
    left: 20px;
    display: block;
    width: calc(100% - 40px);
    height: 1px;
    background: #e3e3e3;
    content: "";
}
.box-program > .img-content > .hdg-content .box-ttl {
    margin: 0 0 14px;
    font-size: 1.6rem;
}
.box-program > .img-content > .hdg-content .box-ttl a {
    font-weight: bold;
    line-height: 1.57;
}
.box-program > .img-content > .hdg-content .box-ttl a:hover, .box-program > .img-content > .hdg-content .box-ttl a:active, .box-program > .img-content > .hdg-content .box-ttl a:focus {
    text-decoration: underline;
}
.box-program > .img-content > .hdg-content > .keywords-list > ul {
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 -12px -6px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.box-program > .img-content > .hdg-content > .keywords-list > ul > .item {
    margin: 0 0 12px 6px;
    font-size: 1.2rem;
}
.box-program > .img-content > .hdg-content > .keywords-list > ul > .item > a {
    padding: 3px 10px;
    color: #000;
    border: solid 2px #cdefff;
    border-radius: 1000px;
}
.box-program > .img-content > .hdg-content > .keywords-list > ul > .item > a:hover, .box-program > .img-content > .hdg-content > .keywords-list > ul > .item > a:active, .box-program > .img-content > .hdg-content > .keywords-list > ul > .item > a:focus {
    background: #cdefff;
}
.box-program > .content {
    padding: 16px 20px 16px;
    font-size: 1.2rem;
}
.box-program > .content .item > p {
    font-size: 1.4rem;
}
.box-program > .content .item > *:last-child {
    margin-bottom: 0;
}
.box-program > .content .item .list-btn > .list-btn-inner {
    margin: 0 -30px -20px -30px;
}
.box-program > .content .item .list-btn > .list-btn-inner > li {
    width: 100%;
    padding: 0 30px 20px 30px;
}
.box-program > .content .item .list-btn > .list-btn-inner > li > a {
    width: 100%;
}
@media only screen and (max-width: 768px) {
    .box-program {
        box-shadow: 0 4px 0 0 #cdefff;
    }
    .box-program > .icon-new {
        left: 0;
        width: 50px;
    }
    .box-program > .icon-new._member {
        position: absolute;
        top: -7px;
        left: 66px;
        z-index: 1;
        display: block;
        content: "";
    }
    .box-program > .img-content {
        display: block;
        margin-bottom: 18px;
    }
    .box-program > .img-content > .img {
        width: 100%;
        max-width: none;
        max-height: none;
        border-radius: 14px 14px 0 0;
    }
    .box-program > .img-content > .img > a > img {
        width: 100%;
        border-radius: 14px 14px 0 0;
    }
    .box-program > .img-content > .img > a .details-wrap {
        right: 10px;
        bottom: 10px;
    }
    .box-program > .img-content > .img > a .details-wrap > .detail-items {
        padding: 6px 4px;
    }
    .box-program > .img-content > .img > a .details-wrap > .detail-items:last-of-type {
        margin-right: 0;
    }
    .box-program > .img-content > .img > a .details-wrap > .detail-items._type-b {
        padding: 5px 3px;
        background: #fff;
    }
    .box-program > .img-content > .hdg-content {
        margin-left: 0;
        padding: 12px 15px 15px;
    }
    .box-program > .content {
        padding: 0 15px 18px;
    }
    .box-program > .content .box-ttl {
        height: auto !important;
    }
    .box-program > .content .item p {
        height: auto !important;
    }
    .box-program > .content .item .list-data {
        height: auto !important;
    }
}

.box-noprogram {
    background: #fff;
    border: solid 3px #009eea;
    border-radius: 20px;
    box-shadow: 2px 3px 6px -1px rgba(207, 207, 207, .8);
}
.box-noprogram .box-noprogram-inner {
    position: relative;
    padding: 37px 40px 48px;
    text-align: center;
}
.box-noprogram .box-noprogram-inner > *:last-child {
    margin-bottom: 0;
}
.box-noprogram .box-noprogram-inner:before {
    position: absolute;
    right: 9px;
    bottom: 9px;
    display: block;
    width: 137px;
    height: 132px;
    background: url(/kodomo-support/program/img/bg-img-01.png) right bottom no-repeat;
    content: "";
}
.box-noprogram .box-noprogram-inner > .txt-lead {
    margin: 0 0 30px;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1.25;
}
.box-noprogram .box-noprogram-inner > p {
    margin: 0 0 38px;
    font-size: 1.8rem;
}
.box-noprogram .box-noprogram-inner button {
    padding: 0;
    color: #009eea;
    background: none;
    border: none;
}
.box-noprogram .box-noprogram-inner button:hover, .box-noprogram .box-noprogram-inner button:active, .box-noprogram .box-noprogram-inner button:focus {
    text-decoration: underline;
}
@media only screen and (max-width: 768px) {
    .box-noprogram {
        background: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }
    .box-noprogram .box-noprogram-inner {
        padding: 0;
    }
    .box-noprogram .box-noprogram-inner:before {
        content: none;
    }
    .box-noprogram .box-noprogram-inner > .txt-lead {
        margin-bottom: 15px;
        font-size: 1.6rem;
    }
    .box-noprogram .box-noprogram-inner > p {
        margin-bottom: 12px;
        font-size: 1.6rem;
        line-height: 1.5;
    }
}
.site-main._program._past .box-noprogram .box-noprogram-inner {
    padding: 37px 150px 48px;
}
.site-main._program._past .box-noprogram .box-noprogram-inner .list-btn {
    display: none;
}
@media only screen and (max-width: 768px) {
    .site-main._program._past .box-noprogram .box-noprogram-inner {
        padding: 0;
    }
}

.box-noscript {
    display: none;
}
html:not([data-script-enabled="true"]) .box-noscript {
    display: block;
}
html:not([data-script-enabled="true"]) .box-noscript .hdg-ty2-invalid {
    text-align: center;
}
html:not([data-script-enabled="true"]) .box-noscript .hdg-ty2-invalid .hdg-txt {
    margin: 0 0 25px;
    font-weight: bold;
    font-size: 2.4rem;
    color: #ff4545;
}
html:not([data-script-enabled="true"]) .box-noscript > p {
    font-size: 1.8rem;
    text-align: center;
}
@media only screen and (max-width: 768px) {
    html:not([data-script-enabled="true"]) .box-noscript .hdg-ty2-invalid {
        padding: 0 8px;
    }
    html:not([data-script-enabled="true"]) .box-noscript .hdg-ty2-invalid .hdg-txt {
        margin-bottom: 18px;
        font-size: 1.6rem;
        line-height: 1.5;
    }
    html:not([data-script-enabled="true"]) .box-noscript > p {
        font-size: 1.6rem;
        line-height: 1.5;
    }
}

.box-about {
    background: #fcfaf3;
    border: solid 6px #fc0;
    border-radius: 20px;
}
.box-about > .box-about-inner {
    padding: 35px 54px 27px;
}
.box-about > .box-about-inner > *:last-child {
    margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
    .box-about {
        border-width: 3px;
        border-radius: 10px;
    }
    .box-about > .box-about-inner {
        padding: 15px 11px 20px;
    }
}

.box-about-02 {
    background: url(/kodomo-support/common/img/bg-04.png) center top repeat;
    border: solid 6px #82d8ff;
    border-radius: 20px;
}
.box-about-02 > .box-about-inner {
    padding: 32px 54px 45px;
}
.box-about-02 > .box-about-inner > *:last-child {
    margin-bottom: 0;
}
.site-main._about .box-about-02 > .box-about-inner {
    position: relative;
    z-index: 0;
}
.site-main._about .box-about-02 > .box-about-inner:before, .site-main._about .box-about-02 > .box-about-inner:after {
    position: absolute;
    z-index: 1;
    display: block;
    content: "";
}
.site-main._about .box-about-02 > .box-about-inner:before {
    top: 37px;
    left: 24px;
    width: 119px;
    height: 128px;
    background: url(/kodomo-support/about/img/bg-07.png) left top no-repeat;
}
.site-main._about .box-about-02 > .box-about-inner:after {
    top: 24px;
    right: 20px;
    width: 152px;
    height: 144px;
    background: url(/kodomo-support/about/img/bg-08.png) right top no-repeat;
}
@media only screen and (max-width: 900px) {
    .site-main._about .box-about-02 > .box-about-inner:before, .site-main._about .box-about-02 > .box-about-inner:after {
        background-size: 75%;
    }
    .site-main._about .box-about-02 > .box-about-inner:before {
        top: 50px;
        left: 5px;
    }
    .site-main._about .box-about-02 > .box-about-inner:after {
        top: 37px;
        right: 5px;
    }
}
@media only screen and (max-width: 768px) {
    .site-main._about .box-about-02 > .box-about-inner:before, .site-main._about .box-about-02 > .box-about-inner:after {
        content: none;
    }
}
@media only screen and (max-width: 768px) {
    .box-about-02 {
        border-width: 3px;
        border-radius: 10px;
    }
    .box-about-02 > .box-about-inner {
        padding: 15px 12px 20px;
    }
}

.box-about-03 {
    position: relative;
    background: #fcfaf3;
    border-radius: 20px;
}
.box-about-03:before, .box-about-03:after {
    position: absolute;
    display: block;
    width: 67px;
    height: 38px;
    background-position: -2948px 0;
    content: "";
}
.box-about-03:before {
    top: 0;
    left: 0;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.box-about-03:after {
    top: 0;
    right: 0;
}
.box-about-03 > .box-about-inner {
    padding: 40px 46px 40px 40px;
}
.box-about-03 > .box-about-inner > .lyt-media > .item {
    width: 61.26914%;
}
.box-about-03 > .box-about-inner > .lyt-media > .item > *:last-child {
    margin-bottom: 0;
}
.box-about-03 > .box-about-inner > .lyt-media > .img {
    width: 38.73086%;
    padding-left: 17px;
    vertical-align: middle;
}
.box-about-03 > .box-about-inner > .lyt-media > .img > .img-inner {
    position: relative;
    z-index: 0;
    overflow: inherit;
    text-align: left;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.box-about-03 > .box-about-inner > .lyt-media > .img > .img-inner:before {
    position: absolute;
    top: 9px;
    right: 18px;
    z-index: -1;
    display: block;
    width: calc(100% - 7px);
    height: 100%;
    background: #ddefbd;
    border-radius: 4px;
    content: "";
}
.box-about-03 > .box-about-inner > .lyt-media > .img > .img-inner > img {
    border-radius: 0;
    box-shadow: 3px 4px 6px -1px rgba(207, 207, 207, .6);
}
.box-about-03 > .box-about-inner .box-txt {
    padding: 0;
}
@media only screen and (max-width: 768px) {
    .box-about-03 {
        background: #fff;
        border-radius: 10px;
    }
    .box-about-03:before, .box-about-03:after {
        width: 33.5px;
        height: 19px;
        background-position: -1474px 0;
        background-size: 1996.5px 30px;
    }
    .box-about-03 > .box-about-inner {
        padding: 20px 15px 12px;
    }
    .box-about-03 > .box-about-inner > .lyt-media._img-left._img-top > .item {
        width: 100%;
    }
    .box-about-03 > .box-about-inner > .lyt-media._img-left._img-top > .img {
        width: 100%;
        padding: 0 0 10px;
    }
    .box-about-03 > .box-about-inner > .lyt-media._img-left._img-top > .img > .img-inner {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    .box-about-03 > .box-about-inner > .lyt-media._img-left._img-top > .img > .img-inner:before {
        content: none;
    }
}

.box-about-05 {
    position: relative;
    background: #fcfaf3;
    border: solid 3px #fa7d9d;
    border-radius: 20px;
}
.box-about-05 > .box-about-inner {
    padding: 40px 46px 40px 40px;
}
.box-about-05 > .box-about-inner > .lyt-media > .item {
    width: 15.26914%;
}
.box-about-05 > .box-about-inner > .lyt-media > .item .box-txt .row > .decorate::before {
    background: url(/kodomo-support/about/img/bg-14.png) left top no-repeat;
}
.box-about-05 > .box-about-inner > .lyt-media > .item .btn {
    margin: 0 auto;
    background: #fa7d9d;
}
.box-about-05 > .box-about-inner > .lyt-media > .item .btn:hover .btn-inner > .txt:before {
    background: url(/kodomo-support/common/img/arrow-report.png);
}
.box-about-05 > .box-about-inner > .lyt-media > .item .btn:hover {
    background: #fff;
    color: #fa7d9d;
    border: solid 2px #fa7d9d;
}
.box-about-05 > .box-about-inner > .lyt-media > .item > *:last-child {
    margin-bottom: 0;
}
.box-about-05 > .box-about-inner > .lyt-media > .img {
    width: 38.73086%;
    padding-left: 17px;
    vertical-align: middle;
}
.box-about-05 > .box-about-inner > .lyt-media > .img > .img-inner {
    position: relative;
    z-index: 0;
    overflow: inherit;
    text-align: left;
}
.box-about-05 > .box-about-inner > .lyt-media > .img > .img-inner > img {
    border-radius: 0;
}
.box-about-05 > .box-about-inner .box-txt {
    padding: 0;
}
@media only screen and (max-width: 768px) {
    .box-about-05 {
        background: #fff;
        border-radius: 10px;
    }
    .box-about-05:before, .box-about-05:after {
        width: 33.5px;
        height: 19px;
        background-position: -1474px 0;
        background-size: 1996.5px 30px;
    }
    .box-about-05 > .box-about-inner {
        padding: 20px 15px 12px;
    }
    .box-about-05 > .box-about-inner > .lyt-media._img-left._img-top > .item {
        width: 100%;
    }
    .box-about-05 > .box-about-inner > .lyt-media._img-left._img-top > .img {
        width: 100%;
        padding: 0 0 10px;
    }
    .box-about-05 > .box-about-inner > .lyt-media._img-left._img-top > .img > .img-inner {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    .box-about-05 > .box-about-inner > .lyt-media._img-left._img-top > .img > .img-inner:before {
        content: none;
    }
}

.box-txt {
    margin: 0 0 40px;
    padding: 0 46px;
}
.box-txt .row {
    position: relative;
    display: block;
    padding: 6px 0 8px;
    font-size: 2.0rem;
    text-align: center;
}
.box-txt .row:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: url(/kodomo-support/about/img/bg-txt-01.png) center bottom repeat-x;
    content: "";
}
.box-txt .row .logo {
    display: inline-block;
    padding: 4px 20px 0;
    line-height: 1.0;
}
.box-txt .row > .decorate {
    position: relative;
    padding: 0 0 0 25px;
}
.box-txt .row > .decorate:before {
    position: absolute;
    top: -12px;
    left: 0;
    display: block;
    width: 25px;
    height: 24px;
    background: url(/kodomo-support/about/img/bg-13.png) left top no-repeat;
    content: "";
}
@media only screen and (max-width: 768px) {
    .box-txt {
        margin-bottom: 18px;
        padding: 0;
        text-align: center;
        line-height: 1.5;
    }
    .box-txt .row {
        display: inline;
        padding: 0;
        font-size: 1.6rem;
    }
    .box-txt .row:before {
        content: none;
    }
    .box-txt .row .logo {
        display: inline;
        padding: 0;
    }
    .box-txt .row > .decorate {
        padding-left: 0;
    }
    .box-txt .row > .decorate:before {
        content: none;
    }
    .box-txt .row._sp-break {
        display: block;
    }
}

.box-mv._about {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 10px;
}
.box-mv._about .box-txt-02 {
    width: 50%;
    max-height: 340px;
    padding: 110px 0 86px;
}
.box-mv._about .box-txt-02 > .txt-lead {
    margin-bottom: 0;
    text-align: center;
}
.box-mv._about .box-txt-02 > .txt-lead > b {
    font-size: 2.6rem;
    line-height: 1.8;
}
.box-mv._about .box-txt-02 > .txt-lead > b > .row {
    display: block;
    margin: -5px 0 0;
    letter-spacing: 1.7px;
}
.box-mv._about .box-txt-02 > .txt-lead > b > .row ._em-01 {
    color: #009eea;
}
.box-mv._about .box-txt-02 > .txt-lead > b > .row ._em-02 {
    color: #ff4545;
}
.box-mv._about .box-txt-02 > .txt-lead > b > .row + .row {
    margin-top: 5.5px;
}
.box-mv._about .box-txt-02 > .txt-lead > b > .row > .decorate {
    position: relative;
    padding: 0 25px;
}
.box-mv._about .box-txt-02 > .txt-lead > b > .row > .decorate:before {
    position: absolute;
    top: -12px;
    left: -7px;
    display: block;
    width: 25px;
    height: 24px;
    background: url(/kodomo-support/about/img/bg-13.png) left top no-repeat;
    content: "";
}
@media only screen and (max-width: 768px) {
    .box-mv._about {
        padding: 0 10px 0 0;
    }
    .box-mv._about .box-txt-02 {
        width: 52%;
        height: 34.375vw;
        min-height: 110px;
        padding: 12.5vw 0 9.375vw;
    }
    .box-mv._about .box-txt-02 > .txt-lead > b {
        font-size: 3.125vw;
    }
    .box-mv._about .box-txt-02 > .txt-lead > b > .row {
        line-height: 1;
        letter-spacing: .8px;
    }
    .box-mv._about .box-txt-02 > .txt-lead > b > .row:first-child {
        margin: 0;
    }
    .box-mv._about .box-txt-02 > .txt-lead > b > .row + .row {
        margin-top: 1.5625vw;
    }
    .box-mv._about .box-txt-02 > .txt-lead > b > .row > .decorate {
        padding: 0 1vw;
    }
    .box-mv._about .box-txt-02 > .txt-lead > b > .row > .decorate:before {
        top: -.875vw;
        width: 2.5vw;
        height: 2.34375vw;
        background-size: 100%;
    }
}
.box-mv._living {
    position: relative;
    width: 66%;
}
.box-mv._living > *:last-child {
    margin-bottom: 0;
}
.box-mv._living:before, .box-mv._living:after {
    position: absolute;
    bottom: -25px;
    display: block;
    content: "";
}
.box-mv._living:before {
    left: -17px;
    width: 67px;
    height: 38px;
    background-position: -2948px 0;
}
.box-mv._living:after {
    right: -17px;
    width: 67px;
    height: 38px;
    background-position: -2948px 0;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.box-mv._living .box-lead > .txt-lead {
    position: relative;
    padding: 0 0 30px;
    text-align: center;
}
.box-mv._living .box-lead > .txt-lead:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 5px;
    background: url(/kodomo-support/living/img/bg-dots-01.png) left bottom repeat-x;
    content: "";
}
.box-mv._living .box-lead > .txt-lead > b {
    font-size: 0;
    line-height: 1;
}
.box-mv._living .box-lead > .txt-lead > b > .row {
    font-size: 2.6rem;
    letter-spacing: .12em;
}
.box-mv._living .box-lead > .txt-lead > b > .row .txt-img {
    margin: 0 10px 0 0;
}
.box-mv._living .box-lead > .txt-lead > b > .row .txt-img > img {
    margin-bottom: -3px;
}
.box-mv._living .box-lead > .txt-lead > b > .row > ._em-01 {
    font-size: 3.6rem;
}
.box-mv._living .box-lead > .txt-lead > b > .row:last-child {
    margin-top: 10px;
}
.box-mv._living > .box-txt-02 {
    padding: 0 15px;
    font-size: 1.8rem;
    text-align: center;
    list-style-type: 1.8;
}
.box-mv._living > .box-txt-02 > *:last-child {
    margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
    .box-mv._living {
        width: auto;
    }
    .box-mv._living .box-lead {
        position: relative;
        overflow: hidden;
        padding: 20px 10px 18px;
        background: #fff;
    }
    .box-mv._living .box-lead:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        display: block;
        width: 59.21875vw;
        height: 39.375vw;
        margin: auto;
        background: url(/kodomo-support/living/img/bg-mv-01.png) right center no-repeat;
        background-size: 100%;
        content: "";
    }
    .box-mv._living .box-lead:after {
        position: absolute;
        bottom: 18px;
        left: 10px;
        display: block;
        width: 52.16666%;
        height: 5px;
        background: url(/kodomo-support/living/img/bg-dots-01.png) left bottom repeat-x;
        background-size: 5.15625vw;
        content: "";
    }
    .box-mv._living .box-lead > .txt-lead {
        position: relative;
        width: 54.16666%;
        margin-bottom: 0;
        padding-bottom: 2.8125vw;
    }
    .box-mv._living .box-lead > .txt-lead:before, .box-mv._living .box-lead > .txt-lead:after {
        position: absolute;
        top: 0;
        bottom: 0;
        display: block;
        width: 6.875vw;
        height: 3.90625vw;
        margin: auto;
        background: url(/kodomo-support/living/img/bg-flag-01.png) left center no-repeat;
        background-size: 100%;
        content: "";
    }
    .box-mv._living .box-lead > .txt-lead:before {
        left: 0;
    }
    .box-mv._living .box-lead > .txt-lead:after {
        right: 0;
        left: auto;
        -webkit-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1);
    }
    .box-mv._living .box-lead > .txt-lead > b > .row {
        font-size: 3.125vw;
        vertical-align: bottom;
    }
    .box-mv._living .box-lead > .txt-lead > b > .row .txt-img {
        margin-right: .9375vw;
    }
    .box-mv._living .box-lead > .txt-lead > b > .row .txt-img > img {
        width: 13.125vw;
    }
    .box-mv._living .box-lead > .txt-lead > b > .row > ._em-01 {
        font-size: 3.75vw;
        vertical-align: bottom;
    }
    .box-mv._living .box-lead > .txt-lead > b > .row:last-child {
        margin-top: 2.125vw;
    }
    .box-mv._living > .box-txt-02 {
        padding: 15px 15px 15px;
        font-size: 1.6rem;
        line-height: 1.5;
    }
}

.box-01 {
    width: 100%;
    margin: 0 0 40px;
    box-shadow: 2px 3px 6px -1px rgba(207, 207, 207, .4);
}
.box-01 .box-01-inner {
    padding: 52px 30px 48px;
    background: #fff;
}
.box-01 .box-01-inner > *:last-child {
    margin-bottom: 0;
}
.box-01 .box-01-inner .txt-lead {
    margin-bottom: 33px;
    font-size: 2.4rem;
    line-height: 1.2;
}
.box-01 .box-01-inner .txt-lead b {
    font-weight: normal;
}
.box-01._type-01 {
    border: 3px solid #fff3c5;
    border-top-width: 0;
}
@media only screen and (max-width: 768px) {
    .box-01 {
        margin-bottom: 20px;
    }
    .box-01 .box-01-inner {
        padding: 15px 15px 20px;
    }
    .box-01 .box-01-inner .txt-lead {
        margin-bottom: 16px;
        font-size: 1.6rem;
        line-height: 1.75;
    }
    .box-01._type-01 {
        border-width: 2px;
        border-top-width: 0;
    }
}

.box-02 {
    margin-bottom: 30px;
    background: #fff7f9;
    border-radius: 20px;
}
.box-02 > .box-02-inner {
    padding: 40px 35px 40px 40px;
}
.box-02 > .box-02-inner > *:last-child {
    margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
    .box-02 {
        border-radius: 10px;
    }
    .box-02 > .box-02-inner {
        padding: 20px 15px 15px;
    }
}

/*----------------------------------------
 madia
----------------------------------------*/
figure.lyt-media, p.lyt-media {
    display: block;
    margin: 0 0 30px;
    text-align: center;
}
figure.lyt-media > span, p.lyt-media > span {
    display: block;
}
figure.lyt-media .caption, p.lyt-media .caption {
    display: block;
    margin-top: 10px;
    font-size: 1.4rem;
    color: #999;
    text-align: center;
}

.lyt-media {
    display: table;
    width: 100%;
}
.lyt-media > * {
    display: table-cell;
    vertical-align: top;
}
.lyt-media > .item {
    width: 67.6%;
}
.lyt-media > .item > *:last-child {
    margin-bottom: 0;
}
.lyt-media > .img {
    width: 32.4%;
    padding: 0 0 0 30px;
}
.lyt-media > .img > .img-inner {
    overflow: hidden;
    text-align: center;
}
.lyt-media > .img > .img-inner > img {
    border-radius: 20px;
}
.lyt-media._img-left {
    direction: rtl;
}
.lyt-media._img-left > * {
    direction: ltr;
}
.lyt-media._img-left > .img {
    padding: 0 30px 0 0;
}
@media only screen and (max-width: 768px) {
    .lyt-media {
        display: block;
    }
    .lyt-media > * {
        display: block;
    }
    .lyt-media > .item {
        width: 100%;
    }
    .lyt-media > .img {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .lyt-media > .img > .img-inner {
        display: inline-block;
    }
    .lyt-media > .img > .img-inner > img {
        width: 100%;
        max-width: 270px;
    }
    .lyt-media._img-top > .item {
        display: table-footer-group;
    }
    .lyt-media._img-top > .img {
        display: table-cell;
        padding-bottom: 10px;
    }
    .lyt-media._img-left {
        direction: inherit;
    }
    .lyt-media._img-left > * {
        direction: inherit;
    }
    .lyt-media._img-left > .img {
        padding: 15px 0 0 0;
    }
    .lyt-media._img-left._img-top > .img {
        padding: 0 0 8px 0;
    }
}

.lyt-media-02 {
    display: table;
    width: 100%;
    margin: 0 0 40px;
}
.lyt-media-02 .lyt-media-fot > p {
    margin-bottom: 17px;
    line-height: 1.875;
}
.lyt-media-02 .lyt-media-img {
    display: table-cell;
    vertical-align: top;
    direction: ltr;
}
.lyt-media-02 .lyt-media-img .item {
    padding: 30px 0;
}
.lyt-media-02 .lyt-media-img .item > ._rotate {
    display: inline;
}
.lyt-media-02 .lyt-media-img .item > ._rotate > img {
    box-shadow: 0 3px 7px 1px rgba(207, 207, 207, .6);
}
.lyt-media-02 .lyt-media-img .item .img > img {
    width: 100%;
    max-width: 300px;
}
.lyt-media-02._img-right {
    direction: ltr;
}
.lyt-media-02._img-right .lyt-media-hdg {
    direction: rtl;
}
.lyt-media-02._img-right .lyt-media-hdg > * {
    direction: ltr;
}
.lyt-media-02._img-right .lyt-media-fot {
    direction: ltr;
}
.lyt-media-02._img-right .lyt-media-img {
    width: 41.27272%;
    padding-left: 46px;
    direction: ltr;
}
.lyt-media-02._img-right .lyt-media-img .item > ._rotate {
    text-align: right;
}
.lyt-media-02._img-right .lyt-media-img .item > ._rotate > img {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}
.lyt-media-02._img-left {
    direction: rtl;
}
.lyt-media-02._img-left .lyt-media-hdg {
    direction: ltr;
}
.lyt-media-02._img-left .lyt-media-fot {
    direction: ltr;
}
.lyt-media-02._img-left .lyt-media-img {
    width: 42.27272%;
    padding: 0 46px 0 15px;
}
.lyt-media-02._img-left .lyt-media-img .item {
    display: block;
}
.lyt-media-02._img-left .lyt-media-img .item > ._rotate {
    text-align: left;
}
.lyt-media-02._img-left .lyt-media-img .item > ._rotate > img {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
@media only screen and (max-width: 768px) {
    .lyt-media-02 {
        margin-bottom: 37px;
    }
    .lyt-media-02 .lyt-media-fot {
        display: table-footer-group;
    }
    .lyt-media-02 .lyt-media-fot > p {
        margin-bottom: 14px;
        font-size: 1.6rem;
        line-height: 1.5;
    }
    .lyt-media-02 .lyt-media-fot > *:last-child {
        margin-bottom: 0;
    }
    .lyt-media-02 .lyt-media-img {
        display: table-row-group;
        text-align: center;
    }
    .lyt-media-02 .lyt-media-img .item {
        margin-bottom: 10px;
        padding: 0;
    }
    .lyt-media-02._img-right .lyt-media-img, .lyt-media-02._img-left .lyt-media-img {
        width: auto;
    }
    .lyt-media-02._img-right .lyt-media-img .item > ._rotate, .lyt-media-02._img-left .lyt-media-img .item > ._rotate {
        margin: 0;
        text-align: center;
    }
    .lyt-media-02._img-right .lyt-media-img .item > ._rotate > img, .lyt-media-02._img-left .lyt-media-img .item > ._rotate > img {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    .lyt-media-02._img-right .lyt-media-hdg {
        display: table-header-group;
        direction: ltr;
    }
    .lyt-media-02._img-right .lyt-media-img {
        padding: 0;
    }
    .lyt-media-02._img-left {
        direction: ltr;
    }
    .lyt-media-02._img-left .lyt-media-hdg {
        display: table-header-group;
        direction: ltr;
    }
    .lyt-media-02._img-left .lyt-media-img {
        padding: 0;
    }
}

/*----------------------------------------
 layout
----------------------------------------*/
.lyt-column {
    margin: 0 0 60px;
}
.lyt-column .lyt-column-inner {
    margin: 0 0 -20px -20px;
}
.lyt-column .lyt-column-inner:after {
    display: table;
    clear: both;
    content: "";
}
.lyt-column .lyt-column-inner > .col {
    float: left;
    padding: 0 0 30px 20px;
}
.lyt-column .lyt-column-inner > .col > *:first-child {
    margin-top: 0;
}
.lyt-column .lyt-column-inner > .col > *:last-child {
    margin-bottom: 0;
}
.lyt-column._col-2 .lyt-column-inner > .col {
    width: 50%;
}
.lyt-column._col-2 .lyt-column-inner > .col:nth-child(2n+1) {
    clear: both;
}
.lyt-column._col-3 .lyt-column-inner {
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.lyt-column._col-3 .lyt-column-inner > .col {
    width: 33.33333333%;
}
.lyt-column._col-3 .lyt-column-inner > .col:nth-child(3n+1) {
    clear: both;
}
#program-output-area .lyt-column._col-3 .lyt-column-inner > .col:nth-child(3n+1) {
    clear: inherit;
}
.lyt-column._col-4 .lyt-column-inner > .col {
    width: 25%;
}
.lyt-column._col-4 .lyt-column-inner > .col:nth-child(4n+1) {
    clear: both;
}
@media only screen and (max-width: 768px) {
    .lyt-column {
        margin-bottom: 20px;
    }
    .lyt-column._col-2 .lyt-column-inner .col, .lyt-column._col-3 .lyt-column-inner .col, .lyt-column._col-4 .lyt-column-inner .col {
        width: 100%;
    }
    .lyt-column._col-2 .lyt-column-inner .col > *:last-child, .lyt-column._col-3 .lyt-column-inner .col > *:last-child, .lyt-column._col-4 .lyt-column-inner .col > *:last-child {
        border-radius: 14px;
    }
    .lyt-column .lyt-column-inner > .col {
        padding: 0 0 20px 20px;
    }
}

.lyt-spot {
    display: table;
    width: 100%;
    margin: 0 0 46px 0;
    table-layout: fixed;
    direction: rtl;
}
.lyt-spot > * {
    display: table-cell;
    vertical-align: top;
    direction: ltr;
}
.lyt-spot .col._left {
    width: 43%;
    padding: 0 30px 0 0;
}
.lyt-spot .col._right {
    width: 57%;
}
.lyt-spot .col._right > * {
    display: table-cell;
}
.lyt-spot .col._right .txt-area {
    display: table-footer-group;
    line-height: 2;
}
.lyt-spot .col._right .txt-area > *:first-child {
    margin-top: 0;
}
.lyt-spot .col._right .txt-area > *:last-child {
    margin-bottom: 0;
}
.lyt-spot .col._right .item-area > *:last-child {
    margin: 0 0 30px;
}
@media only screen and (max-width: 768px) {
    .lyt-spot {
        margin-bottom: 17px;
        table-layout: fixed;
        direction: inherit;
    }
    .lyt-spot > * {
        direction: inherit;
    }
    .lyt-spot .col._left {
        display: table-header-group;
        width: 100%;
        padding: 0;
    }
    .lyt-spot .col._right {
        width: 100%;
    }
    .lyt-spot .col._right > *:first-child {
        margin-bottom: 0;
    }
    .lyt-spot .col._right .txt-area {
        line-height: 1.5;
        direction: ltr;
    }
    .lyt-spot .col._right .item-area > *:last-child {
        margin-bottom: 15px;
    }
}

.lyt-pickup {
    margin: 0 0 48px;
}
.lyt-pickup .lyt-pickup-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 -20px -20px;
}
.lyt-pickup .lyt-pickup-inner:after {
    display: table;
    clear: both;
    content: "";
}
.lyt-pickup .lyt-pickup-inner > .col {
    float: left;
    width: 33.33333333%;
    padding: 0 0 20px 20px;
}
.lyt-pickup .lyt-pickup-inner > .col .box-pickup {
    position: relative;
    padding: 15px 14px 13px;
    border: solid 2px #f02951;
    border-radius: 20px;
}
.lyt-pickup .lyt-pickup-inner > .col .box-pickup .box-pickup-inner .icon-pickup {
    position: absolute;
    top: -2px;
    left: -2px;
    display: block;
    content: "";
}
.lyt-pickup .lyt-pickup-inner > .col .box-pickup .box-pickup-inner .content {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.lyt-pickup .lyt-pickup-inner > .col .box-pickup .box-pickup-inner .content > * {
    vertical-align: top;
}
.lyt-pickup .lyt-pickup-inner > .col .box-pickup .box-pickup-inner .content .img {
    display: table-header-group;
    text-align: center;
}
.lyt-pickup .lyt-pickup-inner > .col .box-pickup .box-pickup-inner .content .img > img {
    overflow: hidden;
    margin: 0 0 18px;
    border: solid 1px #ccc;
    border-radius: 16px;
}
.lyt-pickup .lyt-pickup-inner > .col .box-pickup .box-pickup-inner .content .item {
    display: table-cell;
    text-align: left;
}
.lyt-pickup .lyt-pickup-inner > .col .box-pickup .box-pickup-inner .content .item > *:last-child {
    margin-bottom: 0;
}
.lyt-pickup .lyt-pickup-inner > .col .box-pickup .box-pickup-inner .content .item > .box-hdg {
    position: relative;
    margin: 0 0 14px;
    padding: 0 0 9px;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.2;
}
.lyt-pickup .lyt-pickup-inner > .col .box-pickup .box-pickup-inner .content .item > .box-hdg:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: url(/kodomo-support/spot/img/bg-dot-01.png) left top repeat-x;
    content: "";
}
.lyt-pickup .lyt-pickup-inner > .col .box-pickup .box-pickup-inner .content .item > p {
    margin-bottom: 1.2em;
    line-height: 1.9;
}
.lyt-pickup .lyt-pickup-inner > .col .box-pickup .box-pickup-inner .content .item > .link-list {
    text-align: right;
}
@media only screen and (max-width: 768px) {
    .lyt-pickup .lyt-pickup-inner > .col .box-pickup {
        border-radius: 10px;
    }
}
.lyt-pickup .lyt-pickup-inner > .col:only-child {
    width: 100%;
}
.lyt-pickup .lyt-pickup-inner > .col:only-child .box-pickup {
    padding: 20px 30px 20px 20px;
}
.lyt-pickup .lyt-pickup-inner > .col:only-child .box-pickup .box-pickup-inner .content {
    direction: rtl;
}
.lyt-pickup .lyt-pickup-inner > .col:only-child .box-pickup .box-pickup-inner .content > * {
    direction: ltr;
}
.lyt-pickup .lyt-pickup-inner > .col:only-child .box-pickup .box-pickup-inner .content .img {
    display: table-cell;
    width: 33.8983%;
    padding: 0 30px 0 0;
}
.lyt-pickup .lyt-pickup-inner > .col:only-child .box-pickup .box-pickup-inner .content .img > img {
    width: 100%;
}
.lyt-pickup .lyt-pickup-inner > .col:only-child .box-pickup .box-pickup-inner .content .item {
    width: 66.1017%;
}
.lyt-pickup .lyt-pickup-inner > .col:only-child .box-pickup .box-pickup-inner .content .item > .box-hdg {
    padding-bottom: 11px;
    font-size: 1.8rem;
    line-height: 1.1;
}
.lyt-pickup .lyt-pickup-inner > .col:only-child .box-pickup .box-pickup-inner .content .item > p {
    margin-bottom: 1.3em;
}
@media only screen and (max-width: 768px) {
    .lyt-pickup {
        margin-bottom: 20px;
    }
    .lyt-pickup .lyt-pickup-inner > .col {
        float: none;
        width: 100%;
    }
    .lyt-pickup .lyt-pickup-inner > .col .box-pickup {
        padding-bottom: 11px;
    }
    .lyt-pickup .lyt-pickup-inner > .col .box-pickup .box-pickup-inner .content .img > img {
        margin-bottom: 10px;
    }
    .lyt-pickup .lyt-pickup-inner > .col .box-pickup .box-pickup-inner .content .item > .box-hdg {
        padding-bottom: 5px;
        font-weight: normal;
        line-height: 1.5;
    }
    .lyt-pickup .lyt-pickup-inner > .col .box-pickup .box-pickup-inner .content .item .link-list {
        text-align: right;
    }
    .lyt-pickup .lyt-pickup-inner > .col .box-pickup .box-pickup-inner .content .item > p {
        margin-bottom: .9em;
        line-height: 1.5;
    }
    .lyt-pickup .lyt-pickup-inner > .col:only-child .box-pickup {
        padding: 15px 14px 11px;
    }
    .lyt-pickup .lyt-pickup-inner > .col:only-child .box-pickup .box-pickup-inner .content {
        direction: inherit;
    }
    .lyt-pickup .lyt-pickup-inner > .col:only-child .box-pickup .box-pickup-inner .content > * {
        direction: inherit;
    }
    .lyt-pickup .lyt-pickup-inner > .col:only-child .box-pickup .box-pickup-inner .content .img {
        display: table-header-group;
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .lyt-pickup .lyt-pickup-inner > .col:only-child .box-pickup .box-pickup-inner .content .img > img {
        width: 100%;
        max-width: 270px;
    }
    .lyt-pickup .lyt-pickup-inner > .col:only-child .box-pickup .box-pickup-inner .content .item > .box-hdg {
        padding-bottom: 5px;
        font-size: 1.6rem;
        line-height: 1.5;
    }
    .lyt-pickup .lyt-pickup-inner > .col:only-child .box-pickup .box-pickup-inner .content .item > p {
        margin-bottom: .9em;
        line-height: 1.5;
    }
}

/*----------------------------------------
 table
----------------------------------------*/
.tbl {
    width: 100%;
    margin: 0 0 20px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
}
.tbl > thead > tr > th, .tbl > tbody > tr > th {
    font-weight: bold;
    font-size: 1.4rem;
    vertical-align: middle;
    background: #cdefff;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
}
.tbl > thead > tr > th {
    height: 60px;
    padding: 5px;
}
.tbl > tbody > tr:nth-child(even) > td {
    background: #fffdf5;
}
.tbl > tbody > tr > th, .tbl > tbody > tr td {
    height: 60px;
    padding: 5px;
    line-height: 1.57;
}
.tbl > tbody > tr > td {
    font-weight: normal;
    font-size: 1.4rem;
    vertical-align: middle;
    text-align: center;
    background: #fffae6;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
}
@media only screen and (max-width: 768px) {
    .tbl > thead > tr > th, .tbl > tbody > tr > th {
        font-size: 1.2rem;
    }
    .tbl > tbody > tr > th, .tbl > tbody > tr td {
        padding: 11px 5px;
    }
    .tbl > tbody > tr > td {
        font-size: 1.2rem;
    }
}

.tbl-scroll {
    overflow-x: auto;
    margin: 0 0 20px;
}
.tbl-scroll > * {
    margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
    .tbl-scroll .tbl {
        width: 800px;
    }
}

/*----------------------------------------
 form
----------------------------------------*/
.searchBox > form {
    display: table;
    margin: 0 auto;
}
.searchBox > form > * {
    display: table-cell;
    vertical-align: top;
}
.searchBox > form .searchwrap {
    padding: 0 5px 0 0;
}
.searchBox > form .searchwrap .i_search_input {
    width: 195px;
    height: 32px;
    padding: 0 6px;
    font-size: 1.3rem;
    border: solid 1px #dcdddd;
    border-radius: 3px;
}
.searchBox > form .fll .btnsearch {
    overflow: hidden;
    width: 66px;
    height: 32px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    background: #00aeeb;
    border: none;
    border-radius: 3px;
}
@media only screen and (max-width: 768px) {
    .searchBox > form .fll.searchwrap .i_search_input {
        width: 250px;
    }
    .searchBox > form .fll.btnwrap {
        cursor: pointer;
    }
    .searchBox > form .fll.btnwrap .btnsearch {
        position: relative;
        width: 33px;
        height: 33px;
        padding: 0;
        font-size: 10px;
    }
    .searchBox > form .fll.btnwrap .btnsearch:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 29.5px;
        height: 29px;
        margin: auto;
        background: url(/kodomo-support/common/img/sprite.png);
        background-position: -1180px 0;
        background-size: 1996.5px 30px;
        content: "";
    }
}

/*----------------------------------------
 js
----------------------------------------*/
[data-script-enabled="true"] .js-toggle-menu.is-close.js-toggle-content {
    display: none;
}

@media only screen and (max-width: 768px) {
    [data-script-enabled="true"] #overlay {
        position: fixed;
        top: 0;
        z-index: 5;
        width: 100%;
        background: rgba(0, 0, 0, .6);
    }
}

.icon-window {
    display: inline-block;
    max-width: inherit;
    margin: -3px 5px 0;
    vertical-align: middle;
}

.icon-pdf {
    display: inline-block;
    max-width: inherit;
    margin: -3px 5px 0;
    vertical-align: middle;
}

[data-script-enabled="true"] .dropdown {
    position: absolute;
    z-index: 1;
    margin: 0 auto 0;
}
[data-script-enabled="true"] .dropdown .dropdown-inner {
    position: relative;
    z-index: 0;
    background: #fff;
    border-radius: 0 0 6px 6px;
}

[data-site="active"] .nav-branch .nav-branch-inner li .dropdown {
    top: 38px !important;
    left: 0 !important;
    width: 100% !important;
}
[data-site="active"] .nav-branch .nav-branch-inner li .dropdown .dropdown-inner {
    border-right: solid 1px #bcbcbc !important;
    border-bottom: solid 1px #bcbcbc !important;
    border-left: solid 1px #bcbcbc !important;
    border-radius: 0 !important;
}
@media only screen and (max-width: 768px) {
    [data-site="active"] .nav-branch .nav-branch-inner li .dropdown {
        top: -1px !important;
        left: 0 !important;
        width: 100% !important;
    }
}
[data-site="pet"] .nav-branch .nav-branch-inner li .dropdown {
    top: 38px !important;
    left: 0 !important;
    width: 100% !important;
}
[data-site="pet"] .nav-branch .nav-branch-inner li .dropdown .dropdown-inner {
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
}
@media only screen and (max-width: 768px) {
    [data-site="pet"] .nav-branch .nav-branch-inner li .dropdown {
        top: 0 !important;
    }
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner li .dropdown {
    top: 46px;
    left: -2px;
    display: block;
    width: calc(100% + 4px);
}
[data-script-enabled="true"] .nav-branch .nav-branch-inner li .dropdown .dropdown-inner {
    border-right: solid 2px #009eea;
    border-bottom: solid 2px #009eea;
    border-left: solid 2px #009eea;
}
@media only screen and (max-width: 768px) {
    [data-script-enabled="true"] .nav-branch .nav-branch-inner li {
        width: calc(100% + 4px);
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner li .dropdown {
        position: relative !important;
        top: 3px;
    }
    [data-script-enabled="true"] .nav-branch .nav-branch-inner li .dropdown .dropdown-inner {
        overflow: auto;
        max-height: 260px;
    }
}

[data-script-enabled="true"] .site-main._program._past .nav-branch-inner li._category .dropdown .dropdown-inner:before {
    right: 0;
    left: 0;
    margin: auto;
}
[data-script-enabled="true"] .site-main._program._past .nav-branch-inner li._category .dropdown .dropdown-inner:after {
    right: 0;
    left: 0;
    margin: auto;
}
@media only screen and (max-width: 950px) {
    [data-script-enabled="true"] .site-main._program._past .nav-branch-inner li._category .dropdown {
        right: 0;
        left: 0;
        margin: auto;
    }
}
[data-script-enabled="true"] .site-main._program._past .nav-branch-inner li._region .dropdown {
    right: 50%;
    left: auto;
    margin-right: -48%;
    margin-left: auto;
}
@media only screen and (max-width: 768px) {
    [data-script-enabled="true"] .site-main._program._past .nav-branch-inner li._region .dropdown {
        right: auto;
        margin-right: auto;
    }
}

[data-script-enabled="true"] .list-category .list-category-inner:after {
    display: table;
    clear: both;
    content: "";
}
[data-script-enabled="true"] .list-category .list-category-inner li {
    text-align: center;
}
[data-script-enabled="true"] .list-category .list-category-inner li .btn-category {
    display: block;
    width: 100%;
    padding: 8px 8px 8px 15px;
    text-align: left;
}
[data-script-enabled="true"] .list-category .list-category-inner li .btn-category .img {
    display: block;
    margin: 0 0 9px;
}
[data-script-enabled="true"] .list-category .list-category-inner li .btn-category .img > img {
    width: 100%;
}
[data-script-enabled="true"] .list-category .list-category-inner li .btn-category .txt {
    position: relative;
}
[data-script-enabled="true"] .list-category .list-category-inner li .btn-category .txt:before {
    position: absolute;
    top: 4px;
    left: 0;
    display: block;
    content: "";
}
[data-script-enabled="true"] .list-category .list-category-inner li .btn-category:hover, [data-script-enabled="true"] .list-category .list-category-inner li .btn-category:active, [data-script-enabled="true"] .list-category .list-category-inner li .btn-category:focus {
    background: #dedede;
}
[data-script-enabled="true"] .list-category .list-category-inner li .btn-category:hover .img, [data-script-enabled="true"] .list-category .list-category-inner li .btn-category:active .img, [data-script-enabled="true"] .list-category .list-category-inner li .btn-category:focus .img {
    opacity: .7;
}
[data-script-enabled="true"] .list-category .list-category-inner li .btn-category[disabled] .txt {
    color: #a6a6a6;
}
[data-script-enabled="true"] .list-category .list-category-inner li .btn-category[disabled]:hover .img, [data-script-enabled="true"] .list-category .list-category-inner li .btn-category[disabled]:active .img, [data-script-enabled="true"] .list-category .list-category-inner li .btn-category[disabled]:focus .img {
    opacity: 1;
}
[data-script-enabled="true"] .list-category .list-category-inner li._create .btn-category .txt:before {
    width: 20px;
    height: 20px;
    background-position: -342px 0;
}
[data-script-enabled="true"] .list-category .list-category-inner li._create .btn-category:hover .txt, [data-script-enabled="true"] .list-category .list-category-inner li._create .btn-category:active .txt, [data-script-enabled="true"] .list-category .list-category-inner li._create .btn-category:focus .txt {
    color: #009eea;
}
[data-script-enabled="true"] .list-category .list-category-inner li._learn .btn-category .txt:before {
    width: 20px;
    height: 20px;
    background-position: -367px 0;
}
[data-script-enabled="true"] .list-category .list-category-inner li._learn .btn-category:hover .txt, [data-script-enabled="true"] .list-category .list-category-inner li._learn .btn-category:active .txt, [data-script-enabled="true"] .list-category .list-category-inner li._learn .btn-category:focus .txt {
    color: #3c9;
}
[data-script-enabled="true"] .list-category .list-category-inner li._animal .btn-category .txt:before {
    width: 20px;
    height: 20px;
    background-position: -217px 0;
}
[data-script-enabled="true"] .list-category .list-category-inner li._animal .btn-category:hover .txt, [data-script-enabled="true"] .list-category .list-category-inner li._animal .btn-category:active .txt, [data-script-enabled="true"] .list-category .list-category-inner li._animal .btn-category:focus .txt {
    color: #fc0;
}
[data-script-enabled="true"] .list-category .list-category-inner li._exercise .btn-category .txt:before {
    width: 20px;
    height: 20px;
    background-position: -317px 0;
}
[data-script-enabled="true"] .list-category .list-category-inner li._exercise .btn-category:hover .txt, [data-script-enabled="true"] .list-category .list-category-inner li._exercise .btn-category:active .txt, [data-script-enabled="true"] .list-category .list-category-inner li._exercise .btn-category:focus .txt {
    color: #f93;
}
[data-script-enabled="true"] .list-category .list-category-inner li._profession .btn-category .txt:before {
    width: 20px;
    height: 20px;
    background-position: -267px 0;
}
[data-script-enabled="true"] .list-category .list-category-inner li._profession .btn-category:hover .txt, [data-script-enabled="true"] .list-category .list-category-inner li._profession .btn-category:active .txt, [data-script-enabled="true"] .list-category .list-category-inner li._profession .btn-category:focus .txt {
    color: #ff4545;
}
[data-script-enabled="true"] .list-category .list-category-inner li._create .btn-category[disabled] .txt:before, [data-script-enabled="true"] .list-category .list-category-inner li._learn .btn-category[disabled] .txt:before, [data-script-enabled="true"] .list-category .list-category-inner li._animal .btn-category[disabled] .txt:before, [data-script-enabled="true"] .list-category .list-category-inner li._exercise .btn-category[disabled] .txt:before, [data-script-enabled="true"] .list-category .list-category-inner li._profession .btn-category[disabled] .txt:before {
    width: 20px;
    height: 20px;
    background-position: -392px 0;
}
[data-script-enabled="true"] .list-category .list-category-inner li._create .btn-category[disabled]:hover .txt, [data-script-enabled="true"] .list-category .list-category-inner li._create .btn-category[disabled]:active .txt, [data-script-enabled="true"] .list-category .list-category-inner li._create .btn-category[disabled]:focus .txt, [data-script-enabled="true"] .list-category .list-category-inner li._learn .btn-category[disabled]:hover .txt, [data-script-enabled="true"] .list-category .list-category-inner li._learn .btn-category[disabled]:active .txt, [data-script-enabled="true"] .list-category .list-category-inner li._learn .btn-category[disabled]:focus .txt, [data-script-enabled="true"] .list-category .list-category-inner li._animal .btn-category[disabled]:hover .txt, [data-script-enabled="true"] .list-category .list-category-inner li._animal .btn-category[disabled]:active .txt, [data-script-enabled="true"] .list-category .list-category-inner li._animal .btn-category[disabled]:focus .txt, [data-script-enabled="true"] .list-category .list-category-inner li._exercise .btn-category[disabled]:hover .txt, [data-script-enabled="true"] .list-category .list-category-inner li._exercise .btn-category[disabled]:active .txt, [data-script-enabled="true"] .list-category .list-category-inner li._exercise .btn-category[disabled]:focus .txt, [data-script-enabled="true"] .list-category .list-category-inner li._profession .btn-category[disabled]:hover .txt, [data-script-enabled="true"] .list-category .list-category-inner li._profession .btn-category[disabled]:active .txt, [data-script-enabled="true"] .list-category .list-category-inner li._profession .btn-category[disabled]:focus .txt {
    color: #a6a6a6;
}
@media only screen and (max-width: 950px) {
    [data-script-enabled="true"] .list-category .list-category-inner li {
        width: 33.33333333%;
    }
    [data-script-enabled="true"] .list-category .list-category-inner li:nth-child(3n+1) {
        clear: both;
    }
    [data-site="kodomo"] .list-category .list-category-inner li {
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    [data-script-enabled="true"] .list-category .list-category-inner {
        margin: 0;
    }
    [data-script-enabled="true"] .list-category .list-category-inner li {
        float: none;
        width: 100%;
        padding: 0;
    }
    [data-script-enabled="true"] .list-category .list-category-inner li .btn-category {
        display: block;
        overflow: visible;
        width: 100%;
        min-height: 42px;
        padding: 0 10px 0 18px;
        text-align: left;
    }
    [data-script-enabled="true"] .list-category .list-category-inner li .btn-category .img {
        display: none;
    }
    [data-script-enabled="true"] .list-category .list-category-inner li .btn-category .txt {
        display: block;
        padding: 0;
        padding-right: 28px;
        font-weight: normal;
        font-size: 1.5rem;
        line-height: 1.2;
    }
    [data-script-enabled="true"] .list-category .list-category-inner li .btn-category .txt:before {
        content: none;
    }
    [data-script-enabled="true"] .list-category .list-category-inner li._create .btn-category:hover .txt, [data-script-enabled="true"] .list-category .list-category-inner li._create .btn-category:active .txt, [data-script-enabled="true"] .list-category .list-category-inner li._create .btn-category:focus .txt {
        color: #333;
    }
    [data-script-enabled="true"] .list-category .list-category-inner li._learn .btn-category:hover .txt, [data-script-enabled="true"] .list-category .list-category-inner li._learn .btn-category:active .txt, [data-script-enabled="true"] .list-category .list-category-inner li._learn .btn-category:focus .txt {
        color: #333;
    }
    [data-script-enabled="true"] .list-category .list-category-inner li._animal .btn-category:hover .txt, [data-script-enabled="true"] .list-category .list-category-inner li._animal .btn-category:active .txt, [data-script-enabled="true"] .list-category .list-category-inner li._animal .btn-category:focus .txt {
        color: #333;
    }
    [data-script-enabled="true"] .list-category .list-category-inner li._exercise .btn-category:hover .txt, [data-script-enabled="true"] .list-category .list-category-inner li._exercise .btn-category:active .txt, [data-script-enabled="true"] .list-category .list-category-inner li._exercise .btn-category:focus .txt {
        color: #333;
    }
    [data-script-enabled="true"] .list-category .list-category-inner li._profession .btn-category:hover .txt, [data-script-enabled="true"] .list-category .list-category-inner li._profession .btn-category:active .txt, [data-script-enabled="true"] .list-category .list-category-inner li._profession .btn-category:focus .txt {
        color: #333;
    }
}

[data-script-enabled="true"] .list-prefectures .list-prefectures-inner:after {
    display: table;
    clear: both;
    content: "";
}
[data-script-enabled="true"] .list-prefectures .list-prefectures-inner li > .btn-prefectures {
    position: relative;
    width: 100%;
    padding: 8px 8px 8px 15px;
    text-align: left;
}
[data-script-enabled="true"] .list-prefectures .list-prefectures-inner li > .btn-prefectures:hover, [data-script-enabled="true"] .list-prefectures .list-prefectures-inner li > .btn-prefectures:active, [data-script-enabled="true"] .list-prefectures .list-prefectures-inner li > .btn-prefectures:focus {
    background: #dedede;
}
[data-script-enabled="true"] .list-prefectures .list-prefectures-inner li > .btn-prefectures[disabled]:before {
    width: 20px;
    height: 20px;
    background-position: -392px 0;
}
[data-script-enabled="true"] .list-prefectures .list-prefectures-inner li > .btn-prefectures[disabled] .txt {
    color: #a6a6a6;
}
[data-script-enabled="true"] .list-prefectures .list-prefectures-inner li > .btn-prefectures[disabled]:hover .txt, [data-script-enabled="true"] .list-prefectures .list-prefectures-inner li > .btn-prefectures[disabled]:active .txt, [data-script-enabled="true"] .list-prefectures .list-prefectures-inner li > .btn-prefectures[disabled]:focus .txt {
    color: #a6a6a6;
    text-decoration: none;
}
[data-script-enabled="true"] .list-prefectures .list-prefectures-inner li:nth-child(2n+1) {
    clear: both;
}
@media only screen and (max-width: 768px) {
    [data-script-enabled="true"] .list-prefectures .list-prefectures-inner {
        margin: 0;
    }
    [data-script-enabled="true"] .list-prefectures .list-prefectures-inner li {
        float: none;
        width: 100%;
        padding: 0;
    }
    [data-script-enabled="true"] .list-prefectures .list-prefectures-inner li > .btn-prefectures {
        width: 100%;
        min-height: 42px;
        padding: 5px 10px 5px 18px;
    }
    [data-script-enabled="true"] .list-prefectures .list-prefectures-inner li > .btn-prefectures:before {
        content: none;
    }
    [data-script-enabled="true"] .list-prefectures .list-prefectures-inner li > .btn-prefectures .txt {
        position: relative;
        display: block;
        padding: 0 28px 0 0;
        font-size: 1.5rem;
    }
    [data-script-enabled="true"] .list-prefectures .list-prefectures-inner li > .btn-prefectures:hover .txt, [data-script-enabled="true"] .list-prefectures .list-prefectures-inner li > .btn-prefectures:active .txt, [data-script-enabled="true"] .list-prefectures .list-prefectures-inner li > .btn-prefectures:focus .txt {
        color: #333;
        text-decoration: none;
    }
}

[data-script-enabled="true"] .list-month .list-month-inner li > .btn-month {
    display: block;
    width: 100%;
    padding: 8px 8px 8px 15px;
    text-align: left;
}
[data-script-enabled="true"] .list-month .list-month-inner li > .btn-month:hover, [data-script-enabled="true"] .list-month .list-month-inner li > .btn-month:active, [data-script-enabled="true"] .list-month .list-month-inner li > .btn-month:focus {
    background: #dedede;
}
[data-script-enabled="true"] .list-month .list-month-inner li > .btn-month[disabled]:before {
    width: 20px;
    height: 20px;
    background-position: -392px 0;
}
[data-script-enabled="true"] .list-month .list-month-inner li > .btn-month[disabled] .txt {
    color: #a6a6a6;
}
[data-script-enabled="true"] .list-month .list-month-inner li > .btn-month[disabled]:hover .txt, [data-script-enabled="true"] .list-month .list-month-inner li > .btn-month[disabled]:active .txt, [data-script-enabled="true"] .list-month .list-month-inner li > .btn-month[disabled]:focus .txt {
    color: #a6a6a6;
    text-decoration: none;
}
@media only screen and (max-width: 768px) {
    [data-script-enabled="true"] .list-month .list-month-inner li {
        width: 100%;
        padding: 0;
    }
    [data-script-enabled="true"] .list-month .list-month-inner li > .btn-month {
        width: 100%;
        min-height: 42px;
        padding: 5px 10px 5px 18px;
    }
    [data-script-enabled="true"] .list-month .list-month-inner li > .btn-month:before {
        content: none;
    }
    [data-script-enabled="true"] .list-month .list-month-inner li > .btn-month .txt {
        position: relative;
        display: block;
        padding-right: 28px;
        font-size: 1.5rem;
    }
    [data-script-enabled="true"] .list-month .list-month-inner li > .btn-month:hover .txt, [data-script-enabled="true"] .list-month .list-month-inner li > .btn-month:active .txt, [data-script-enabled="true"] .list-month .list-month-inner li > .btn-month:focus .txt {
        color: #333;
        text-decoration: none;
    }
}

/* ==============================================================================================
 slick
================================================================================================= */
/*----------------------------------------
 slick-theme
----------------------------------------*/
/* Slider */
/* Icons */
@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: "slick";
    src: url("/kodomo-support/common/css/fonts/slick.eot");
    src: url("/kodomo-support/common/css//kodomo-support/common/css/fonts/slick.eot") format("embedded-opentype"), url("/kodomo-support/common/css/fonts/slick.woff") format("woff"), url("/kodomo-support/common/css/fonts/slick.ttf") format("truetype"), url("/kodomo-support/common/css/fonts/slick.svg") format("svg");
}
/* Arrows */
.slick-prev, .slick-next {
    position: absolute;
    top: -37px;
    right: 50%;
    bottom: 0;
    left: 50%;
    z-index: 5;
    display: block;
    width: 58px;
    height: 57px;
    margin: auto;
    padding: 0;
    font-size: 0;
    color: transparent;
    line-height: 0;
    background: transparent;
    border: none;
    outline: none;
    content: "";
    cursor: pointer;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: transparent;
    background: transparent;
    outline: none;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: .25;
}
.slick-prev:before, .slick-next:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    line-height: 1;
    content: "";
}
@media only screen and (max-width: 768px) {
    .slick-prev, .slick-next {
        top: auto;
        bottom: 10px;
        width: 9.5px;
        height: 14.5px;
        margin: auto 0;
    }
}

.slick-prev {
    margin-left: -480px;
}
[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}
.slick-prev:before {
    width: 57px;
    height: 58px;
    background-position: -2298px 0;
}
.slick-prev:hover:before, .slick-prev:active:before, .slick-prev:focus:before {
    width: 57px;
    height: 58px;
    background-position: -2236px 0;
}
@media screen and (max-width: 990px) {
    .slick-prev {
        right: auto;
        left: 8px;
        margin-left: 0;
    }
}
@media only screen and (max-width: 768px) {
    .slick-prev {
        left: 12.5px;
    }
    .slick-prev:before {
        width: 9.5px;
        height: 14.5px;
        background-position: -46.5px 0;
        background-size: 1996.5px 30px;
    }
    .slick-prev:hover:before, .slick-prev:active:before, .slick-prev:focus:before {
        width: 9.5px;
        height: 14.5px;
        background-position: -46.5px 0;
        background-size: 1996.5px 30px;
    }
}

.slick-next {
    margin-right: -480px;
}
[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}
.slick-next:before {
    width: 57px;
    height: 58px;
    background-position: -2112px 0;
}
.slick-next:hover:before, .slick-next:active:before, .slick-next:focus:before {
    width: 57px;
    height: 58px;
    background-position: -2174px 0;
}
@media screen and (max-width: 990px) {
    .slick-next {
        right: 8px;
        left: auto;
        margin-right: 0;
    }
}
@media only screen and (max-width: 768px) {
    .slick-next {
        right: 12.5px;
    }
    .slick-next:before {
        width: 10px;
        height: 15px;
        background-position: -58.5px 0;
        background-size: 1996.5px 30px;
    }
    .slick-next:hover:before, .slick-next:active:before, .slick-next:focus:before {
        width: 10px;
        height: 15px;
        background-position: -58.5px 0;
        background-size: 1996.5px 30px;
    }
}

/* Play/Pause */
.slick-controller {
    position: absolute;
    bottom: -125px;
    left: 50%;
    display: inline-block;
    margin-left: -75px;
    padding: 10px 12px;
    font-size: 0;
    background: #fff;
    border-radius: 16px 16px 0 0;
    /* Dots */
}
@media only screen and (max-width: 768px) {
    .slick-controller {
        position: static;
        margin: 0 auto;
        padding-bottom: 10px;
        background: none;
        border-radius: 0;
    }
}
.slick-controller.slick-pause .slick-playstop, .slick-controller.slick-playing .slick-playstop {
    position: relative;
    display: inline-block;
    width: 11px;
    height: 14px;
    margin: 0 6px;
    font-size: 0;
    vertical-align: top;
}
.slick-controller.slick-pause .slick-playstop button, .slick-controller.slick-playing .slick-playstop button {
    width: 15px;
    height: 14px;
    background: transparent;
    border: none;
    outline: none;
}
@media only screen and (max-width: 768px) {
    .slick-controller.slick-pause .slick-playstop, .slick-controller.slick-playing .slick-playstop {
        margin: 0 12px;
    }
}
.slick-controller.slick-playing .slick-playstop button:before, .slick-controller.slick-playing .slick-playstop button:after {
    position: absolute;
    top: 0;
    display: block;
    width: 4px;
    height: 14px;
    background: #b4b4b4;
    content: "";
    pointer-events: none;
}
.slick-controller.slick-playing .slick-playstop button:before {
    left: 0;
}
.slick-controller.slick-playing .slick-playstop button:after {
    right: 0;
}
@media only screen and (max-width: 768px) {
    .slick-controller.slick-playing .slick-playstop button:before, .slick-controller.slick-playing .slick-playstop button:after {
        background: #fff;
    }
}
.slick-controller.slick-pause .slick-playstop button:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 4px;
    height: 14px;
    background: #009eea;
    content: "";
    pointer-events: none;
}
.slick-controller.slick-pause .slick-playstop button:after {
    position: absolute;
    top: 0;
    right: -4px;
    display: block;
    border-width: 7px 0 7px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #009eea;
    content: "";
    pointer-events: none;
}
.slick-controller .slick-dots {
    display: inline-block;
    padding: 0;
    font-size: 0;
    text-align: center;
    line-height: .5;
}
.slick-controller .slick-dots li {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 6px;
    padding: 0;
    font-size: 1rem;
    cursor: pointer;
}
.slick-controller .slick-dots li button {
    display: block;
    width: 14px;
    height: 14px;
    padding: 5px;
    font-size: 0;
    color: transparent;
    line-height: 0;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer;
}
.slick-controller .slick-dots li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    border: solid 4px #b4b4b4;
    border-radius: 50%;
    content: "";
}
.slick-controller .slick-dots li.slick-active:before {
    border-color: #009eea;
}
@media only screen and (max-width: 768px) {
    .slick-controller .slick-dots {
        margin: 0;
    }
    .slick-controller .slick-dots li {
        margin: 0 12px;
    }
    .slick-controller .slick-dots li:before {
        border-color: #fff;
    }
}

/*----------------------------------------
 slick-slider
----------------------------------------*/
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before, .slick-track:after {
    display: table;
    content: "";
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/*----------------------------------------
 slider-item
----------------------------------------*/
.slider-area {
    padding: 38px 0 0;
}
.slider-area .slider-area-inner {
    z-index: 1;
    text-align: center;
}
.slider-area .slider-area-inner .slider-item {
    margin: 0 21px;
}
.slider-area .slider-area-inner .slider-item .slider-item-inner {
    display: inline-block;
    overflow: hidden;
    max-width: 818px;
    color: #fff;
    text-align: left;
    border: solid 4px #fff;
    border-radius: 18px;
}
.slider-area .slider-area-inner .slider-item .slider-item-inner img {
    width: 100%;
}
.slider-area .slider-area-inner .slider-item .slider-item-inner .content {
    display: table;
    width: 100%;
    min-height: 122px;
    font-size: 1.6rem;
}
.slider-area .slider-area-inner .slider-item .slider-item-inner .content > *:first-child:before {
    display: block;
    float: left;
    height: 99px;
    content: "";
}
.slider-area .slider-area-inner .slider-item .slider-item-inner .content > * {
    display: table-cell;
    vertical-align: middle;
}
.slider-area .slider-area-inner .slider-item .slider-item-inner .content .txt-wrap {
    padding: 12px 20px 11px;
}
.slider-area .slider-area-inner .slider-item .slider-item-inner .content .txt-wrap > .txt-lead {
    margin: 0 0 4px 0;
    line-height: 1.3;
}
.slider-area .slider-area-inner .slider-item .slider-item-inner .content .txt-wrap > .txt-lead b {
    font-weight: bold;
    font-size: 3.0rem;
}
.slider-area .slider-area-inner .slider-item .slider-item-inner .content .txt-wrap > *:last-child {
    margin-bottom: 0;
}
.slider-area .slider-area-inner .slider-item .slider-item-inner .content .item {
    width: 35%;
    padding: 10px 20px 15px 15px;
}
.slider-area .slider-area-inner .slider-item .slider-item-inner .content .item > .slider-btn {
    display: inline-block;
    min-width: 271px;
    padding: 11px 15px 11px 17px;
    font-weight: bold;
    color: #333;
    text-align: center;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .1);
}
.slider-area .slider-area-inner .slider-item .slider-item-inner .content .item > .slider-btn > .txt {
    position: relative;
    padding: 0 0 0 32px;
}
.slider-area .slider-area-inner .slider-item .slider-item-inner .content .item > .slider-btn > .txt:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    content: "";
}
.slider-area .slider-area-inner .slider-item .slider-item-inner .content .item > *:last-child {
    margin-bottom: 0;
}
.slider-area .slider-area-inner .slider-item a {
    display: inline-block;
    overflow: hidden;
    font-size: 0;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 6px 5px -3px #6eb9d6;
}
.slider-area .slider-area-inner .slider-item a:hover .slider-item-inner, .slider-area .slider-area-inner .slider-item a:active .slider-item-inner, .slider-area .slider-area-inner .slider-item a:focus .slider-item-inner {
    opacity: .7;
}
.slider-area .slider-area-inner .slider-item._type-01 .slider-item-inner .content {
    background: #009eea;
}
.slider-area .slider-area-inner .slider-item._type-01 .slider-item-inner .content .item > .slider-btn > .txt:before {
    width: 20px;
    height: 20px;
    background-position: -342px 0;
}
.slider-area .slider-area-inner .slider-item._type-02 .slider-item-inner .content {
    background: #ff4545;
}
.slider-area .slider-area-inner .slider-item._type-02 .slider-item-inner .content .item > .slider-btn > .txt:before {
    width: 20px;
    height: 20px;
    background-position: -267px 0;
}
.slider-area .slider-area-inner .slider-item._type-03 .slider-item-inner .content {
    background: #f93;
}
.slider-area .slider-area-inner .slider-item._type-03 .slider-item-inner .content .item > .slider-btn > .txt:before {
    width: 20px;
    height: 20px;
    background-position: -317px 0;
}
.slider-area .slider-area-inner .slider-item._type-04 .slider-item-inner .content {
    background: #26c378;
}
.slider-area .slider-area-inner .slider-item._type-04 .slider-item-inner .content .item > .slider-btn > .txt:before {
    width: 20px;
    height: 20px;
    background-position: -367px 0;
}
.slider-area .slider-area-inner .slider-item._type-05 .slider-item-inner .content {
    background: #fa7d9d;
}
.slider-area .slider-area-inner .slider-item._type-05 .slider-item-inner .content .item > .slider-btn > .txt:before {
    width: 20px;
    height: 20px;
    background-position: -167px 0;
}
.slider-area .slider-area-inner .slider-item._type-06 .slider-item-inner .content {
    background: #4ebc23;
}
.slider-area .slider-area-inner .slider-item._type-06 .slider-item-inner .content .item > .slider-btn > .txt:before {
    width: 20px;
    height: 20px;
    background-position: -417px 0;
}
@media only screen and (max-width: 768px) {
    .slider-area {
        padding-top: 0;
    }
    .slider-area .slider-area-inner .slider-item {
        margin: 0;
    }
    .slider-area .slider-area-inner .slider-item .slider-item-inner {
        border: none;
        border-radius: 0;
    }
    .slider-area .slider-area-inner .slider-item .slider-item-inner .content {
        display: block;
        width: auto;
        margin: 10px 12.5px 0;
        border: solid 3px #fff;
        border-radius: 5px;
    }
    .slider-area .slider-area-inner .slider-item .slider-item-inner .content > * {
        display: block;
    }
    .slider-area .slider-area-inner .slider-item .slider-item-inner .content .txt-wrap {
        width: 100%;
        padding: 15px 15px 10px;
        font-size: 1.2rem;
    }
    .slider-area .slider-area-inner .slider-item .slider-item-inner .content .txt-wrap .txt-lead b {
        font-size: 2.1rem;
    }
    .slider-area .slider-area-inner .slider-item .slider-item-inner .content .item {
        width: 100%;
        padding: 0 15px 15px;
    }
    .slider-area .slider-area-inner .slider-item .slider-item-inner .content .item .slider-btn {
        width: 100%;
        min-width: initial;
        min-width: auto;
        padding: 10px;
        font-size: 1.4rem;
    }
    .slider-area .slider-area-inner .slider-item .slider-item-inner .content .item .slider-btn > .txt {
        display: block;
        padding: 0 22px 0 0;
    }
    .slider-area .slider-area-inner .slider-item .slider-item-inner .content .item .slider-btn > .txt:before {
        right: 0;
        left: auto;
    }
    .slider-area .slider-area-inner .slider-item a {
        background: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }
    .slider-area .slider-area-inner .slider-item a:hover .slider-item-inner, .slider-area .slider-area-inner .slider-item a:active .slider-item-inner, .slider-area .slider-area-inner .slider-item a:focus .slider-item-inner {
        opacity: inherit;
    }
    .slider-area .slider-area-inner .slider-item._type-01 .slider-item-inner .content .item > .slider-btn > .txt:before {
        width: 16px;
        height: 16px;
        background-position: -424.5px 0;
        background-size: 1996.5px 30px;
    }
    .slider-area .slider-area-inner .slider-item._type-02 .slider-item-inner .content .item > .slider-btn > .txt:before {
        width: 16px;
        height: 16px;
        background-position: -350.5px 0;
        background-size: 1996.5px 30px;
    }
    .slider-area .slider-area-inner .slider-item._type-03 .slider-item-inner .content .item > .slider-btn > .txt:before {
        width: 16px;
        height: 16px;
        background-position: -480px 0;
        background-size: 1996.5px 30px;
    }
    .slider-area .slider-area-inner .slider-item._type-04 .slider-item-inner .content .item > .slider-btn > .txt:before {
        width: 16px;
        height: 16px;
        background-position: -332px 0;
        background-size: 1996.5px 30px;
    }
    .slider-area .slider-area-inner .slider-item._type-05 .slider-item-inner .content .item > .slider-btn > .txt:before {
        width: 16px;
        height: 16px;
        background-position: -313.5px 0;
        background-size: 1996.5px 30px;
    }
    .slider-area .slider-area-inner .slider-item._type-06 .slider-item-inner .content .item > .slider-btn > .txt:before {
        width: 16px;
        height: 16px;
        background-position: -443px 0;
        background-size: 1996.5px 30px;
    }
}

/*----------------------------------------
 slider-area2
----------------------------------------*/
.slider-area2 {
    width: 100%;
    max-width: 374px;
}
.slider-area2 .slider-area2-inner {
    width: 100%;
    text-align: center;
}
.slider-area2 .slider-area2-inner .slider-item {
    width: 100%;
}
.slider-area2 .slider-area2-inner .slider-item .slider-item-inner {
    overflow: hidden;
    border-radius: 23px;
}
.slider-area2 .slider-area2-inner .slider-item .slider-item-inner > img {
    width: 100%;
}
.slider-area2 .slider-area2-inner .slick-prev, .slider-area2 .slider-area2-inner .slick-next {
    width: 27px;
    height: 36px;
    background: rgba(255, 255, 255, .9);
}
.slider-area2 .slider-area2-inner .slick-prev:before, .slider-area2 .slider-area2-inner .slick-next:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 7px;
    height: 11px;
    margin: auto;
    background-position: -11px 0;
}
.slider-area2 .slider-area2-inner .slick-prev {
    left: 0;
    margin-left: 0;
    border-radius: 0 12px 12px 0;
}
.slider-area2 .slider-area2-inner .slick-prev:before {
    bottom: 3.5px;
    left: -6px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.slider-area2 .slider-area2-inner .slick-next {
    right: 0;
    margin-right: 0;
    border-radius: 12px 0 0 12px;
}
.slider-area2 .slider-area2-inner .slick-next:before {
    right: -6px;
}
.slider-area2 .slider-area2-inner .slick-dots {
    display: inline-block;
    margin: 12px 0 0;
    padding: 0;
    font-size: 0;
    text-align: center;
    line-height: .5;
}
.slider-area2 .slider-area2-inner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 6px;
    padding: 0;
    font-size: 1rem;
    cursor: pointer;
}
.slider-area2 .slider-area2-inner .slick-dots li button {
    display: block;
    width: 14px;
    height: 14px;
    padding: 5px;
    font-size: 0;
    color: transparent;
    line-height: 0;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer;
}
.slider-area2 .slider-area2-inner .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    border: solid 4px #b4b4b4;
    border-radius: 50%;
    content: "";
}
.slider-area2 .slider-area2-inner .slick-dots li.slick-active button:before {
    border-color: #009eea;
}
@media only screen and (max-width: 768px) {
    .slider-area2 {
        margin: 0 auto 20px;
    }
    .slider-area2 .slider-area2-inner .slick-prev, .slider-area2 .slider-area2-inner .slick-next {
        top: -16px;
        bottom: 0;
        width: 19px;
        height: 26px;
        margin: auto;
    }
    .slider-area2 .slider-area2-inner .slick-prev:before, .slider-area2 .slider-area2-inner .slick-next:before {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 5px;
        height: 8px;
        margin: auto;
        background-position: -11.5px 0;
        background-size: 1996.5px 30px;
    }
    .slider-area2 .slider-area2-inner .slick-prev {
        left: 0;
        border-radius: 0 8px 8px 0;
    }
    .slider-area2 .slider-area2-inner .slick-prev:before {
        bottom: 2.5px;
        left: -5px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .slider-area2 .slider-area2-inner .slick-next {
        right: 0;
        border-radius: 8px 0 0 8px;
    }
    .slider-area2 .slider-area2-inner .slick-next:before {
        right: -3px;
    }
}

/*----------------------------------------
 adjust
----------------------------------------*/
.al_c {
    text-align: center !important;
}

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

.al_r {
    text-align: right !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w1 {
    width: 1% !important;
}

.w2 {
    width: 2% !important;
}

.w3 {
    width: 3% !important;
}

.w4 {
    width: 4% !important;
}

.w5 {
    width: 5% !important;
}

.w6 {
    width: 6% !important;
}

.w7 {
    width: 7% !important;
}

.w8 {
    width: 8% !important;
}

.w9 {
    width: 9% !important;
}

.w10 {
    width: 10% !important;
}

.w11 {
    width: 11% !important;
}

.w12 {
    width: 12% !important;
}

.w13 {
    width: 13% !important;
}

.w14 {
    width: 14% !important;
}

.w15 {
    width: 15% !important;
}

.w16 {
    width: 16% !important;
}

.w17 {
    width: 17% !important;
}

.w18 {
    width: 18% !important;
}

.w19 {
    width: 19% !important;
}

.w20 {
    width: 20% !important;
}

.w21 {
    width: 21% !important;
}

.w22 {
    width: 22% !important;
}

.w23 {
    width: 23% !important;
}

.w24 {
    width: 24% !important;
}

.w25 {
    width: 25% !important;
}

.w26 {
    width: 26% !important;
}

.w27 {
    width: 27% !important;
}

.w28 {
    width: 28% !important;
}

.w29 {
    width: 29% !important;
}

.w30 {
    width: 30% !important;
}

.w31 {
    width: 31% !important;
}

.w32 {
    width: 32% !important;
}

.w33 {
    width: 33% !important;
}

.w34 {
    width: 34% !important;
}

.w35 {
    width: 35% !important;
}

.w36 {
    width: 36% !important;
}

.w37 {
    width: 37% !important;
}

.w38 {
    width: 38% !important;
}

.w39 {
    width: 39% !important;
}

.w40 {
    width: 40% !important;
}

.w41 {
    width: 41% !important;
}

.w42 {
    width: 42% !important;
}

.w43 {
    width: 43% !important;
}

.w44 {
    width: 44% !important;
}

.w45 {
    width: 45% !important;
}

.w46 {
    width: 46% !important;
}

.w47 {
    width: 47% !important;
}

.w48 {
    width: 48% !important;
}

.w49 {
    width: 49% !important;
}

.w50 {
    width: 50% !important;
}

.w51 {
    width: 51% !important;
}

.w52 {
    width: 52% !important;
}

.w53 {
    width: 53% !important;
}

.w54 {
    width: 54% !important;
}

.w55 {
    width: 55% !important;
}

.w56 {
    width: 56% !important;
}

.w57 {
    width: 57% !important;
}

.w58 {
    width: 58% !important;
}

.w59 {
    width: 59% !important;
}

.w60 {
    width: 60% !important;
}

.w61 {
    width: 61% !important;
}

.w62 {
    width: 62% !important;
}

.w63 {
    width: 63% !important;
}

.w64 {
    width: 64% !important;
}

.w65 {
    width: 65% !important;
}

.w66 {
    width: 66% !important;
}

.w67 {
    width: 67% !important;
}

.w68 {
    width: 68% !important;
}

.w69 {
    width: 69% !important;
}

.w70 {
    width: 70% !important;
}

.w71 {
    width: 71% !important;
}

.w72 {
    width: 72% !important;
}

.w73 {
    width: 73% !important;
}

.w74 {
    width: 74% !important;
}

.w75 {
    width: 75% !important;
}

.w76 {
    width: 76% !important;
}

.w77 {
    width: 77% !important;
}

.w78 {
    width: 78% !important;
}

.w79 {
    width: 79% !important;
}

.w80 {
    width: 80% !important;
}

.w81 {
    width: 81% !important;
}

.w82 {
    width: 82% !important;
}

.w83 {
    width: 83% !important;
}

.w84 {
    width: 84% !important;
}

.w85 {
    width: 85% !important;
}

.w86 {
    width: 86% !important;
}

.w87 {
    width: 87% !important;
}

.w88 {
    width: 88% !important;
}

.w89 {
    width: 89% !important;
}

.w90 {
    width: 90% !important;
}

.w91 {
    width: 91% !important;
}

.w92 {
    width: 92% !important;
}

.w93 {
    width: 93% !important;
}

.w94 {
    width: 94% !important;
}

.w95 {
    width: 95% !important;
}

.w96 {
    width: 96% !important;
}

.w97 {
    width: 97% !important;
}

.w98 {
    width: 98% !important;
}

.w99 {
    width: 99% !important;
}

.w100 {
    width: 100% !important;
}

.clearfix:after {
    display: table;
    clear: both;
    content: "";
}
.clearfix .f-left {
    float: left;
}
.clearfix .f-right {
    float: right;
}
@media only screen and (max-width: 768px) {
    .clearfix .f-left, .clearfix .f-right {
        float: none;
    }
}

.sp_hide {
    display: block;
}
@media only screen and (max-width: 768px) {
    .sp_hide {
        display: none;
    }
}

.sp_hide-02 {
    display: inline-block;
}
@media only screen and (max-width: 768px) {
    .sp_hide-02 {
        display: none;
    }
}

.pc_hide {
    display: none;
}
@media only screen and (max-width: 768px) {
    .pc_hide {
        display: block;
    }
}

.pc_hide-02 {
    display: none;
}
@media only screen and (max-width: 768px) {
    .pc_hide-02 {
        display: inline;
    }
}

.pc_break {
    display: block;
}
@media only screen and (max-width: 768px) {
    .pc_break {
        display: inline;
    }
}

.sp_break {
    display: inline;
}
@media only screen and (max-width: 768px) {
    .sp_break {
        display: block;
    }
}

._break-inline {
    display: inline-block;
}

._break-block {
    display: block;
}

html:not([data-script-enabled="true"]) .js_hide {
    display: none;
}

/* 2018.02.16 ¥È¥Ã¥×¥Ú©`¥¸(FB¥Ú©`¥¸¥×¥é¥°¥¤¥ó¤ÎÔOÖÃ)
 ---------------------------------------------------------------------- */
.link-program {
    display: inline-block;
    width: 70%;
}

/* main.css:3604¤òÉÏ•ø¤­ */
.link-program ~ * {
    margin-top: 60px;
}

.fb-page-plugin {
    display: inline-block;
    max-width: 25%;
    vertical-align: top;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .link-program, .fb-page-plugin {
        display: block;
        width: 100%;
        max-width: none;
    }
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe[style] {
    width: 100% !important;
}