@charset "UTF-8";
html { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 62.5%; }
body { font-size: 10px; font-size: 1rem; }
img { vertical-align: bottom; }
a { color: #444; }
a figure img { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
a:hover figure img { opacity: 0.6; filter: alpha(opacity=60); }
.img-center { margin: 0 auto; }
.image_a {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.image_a img {
    margin-bottom: 30px;
}
span + table { margin-bottom: 5px !important; }
.caution {
    display: inline-block;
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif; 
    color: #666666;
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 1.4em;
}
.text-unit { margin-bottom: 5px !important; text-align: right; }
.san-serif { font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif; }
.text10 { font-size: 10px; font-size: 1rem; }
.text11 { font-size: 11px; font-size: 1.1rem!important; }
.text12 { font-size: 12px; font-size: 1.2rem!important; }
.text13 { font-size: 13px; font-size: 1.3rem!important; }
.text14 { font-size: 14px; font-size: 1.4rem!important; }
.text15 { font-size: 15px; font-size: 1.5rem!important; }
.text16 { font-size: 16px; font-size: 1.6rem!important; }
.text17 { font-size: 17px; font-size: 1.7rem!important; }
.text18 { font-size: 18px; font-size: 1.8rem!important; }
.text19 { font-size: 19px; font-size: 1.9rem!important; }
.text20 { font-size: 20px; font-size: 2.0rem!important; }
.text21 { font-size: 21px; font-size: 2.1rem!important; }
.text22 { font-size: 22px; font-size: 2.2rem!important; }
.text23 { font-size: 23px; font-size: 2.3rem!important; }
.text24 { font-size: 24px; font-size: 2.4rem!important; }
.text25 { font-size: 25px; font-size: 2.5rem!important; }
.text26 { font-size: 26px; font-size: 2.6rem!important; }
.text27 { font-size: 27px; font-size: 2.7rem!important; }
.text28 { font-size: 28px; font-size: 2.8rem!important; }
.text29 { font-size: 29px; font-size: 2.0rem!important; }
.text30 { font-size: 30px; font-size: 3.0rem!important; }
.pxr1 { padding-left: 1rem; padding-right: 1rem; }
.mxn1 { margin-left: -1rem; margin-right: -1rem; }
.pxr2 { padding-left: 2rem; padding-right: 2rem; }
.mxnr2 { margin-left: -2rem; margin-right: -2rem; }
.px25 { padding-left: 1.25rem; padding-right: 1.25rem; }
.mxn25 { margin-left: -1.25rem; margin-right: -1.25rem; }
.px30 { padding-left: 3rem; padding-right: 3rem; }
.lh10 { line-height: 1; }
.lh11 { line-height: 1.1; }
.lh12 { line-height: 1.2; }
.lh13 { line-height: 1.3; }
.lh14 { line-height: 1.4; }
.lh15 { line-height: 1.5; }
.lh16 { line-height: 1.6; }
.lh17 { line-height: 1.7; }
.lh18 { line-height: 1.8; }
.lh19 { line-height: 1.9; }
.lh20 { line-height: 2; }
.sp-img { display: none!important; }
.pc-img { display: block!important; margin: 0 auto; }
/*input:focus { padding-left: 62px!important; text-align: left !important; }
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
input:focus::placeholder { color:transparent; }
*/

@media (max-width:639px) {
    .sp-img { display: block!important; margin: 0 auto; }
    .pc-img { display: none!important; }
}


/* ===================================================================================

sp

====================================================================================== */

body.sp #header { border-bottom: none; height: 54px; }
body.sp #header h1 { padding-top: 15px; padding-bottom: 15px; width: 190px; /*width: 212px;*/}
#contactButton { display: block; width: 72px; height: 18px; position: fixed; top: 19px; right: 48px; z-index: 3; }
#menuButton { display: block; width: 42px; height: 42px; position: fixed; top: 6px; right: 0; z-index: 3; }
#menuButton span { display: block; background: #000; width: 19px; height: 3px; position: absolute; left: 9px; border-radius: 16px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; }
#menuButton span:first-child { top: 14px; }
#menuButton span:nth-child(2) { margin-top: -1px; top: 50%; }
#menuButton span:last-child { bottom: 13px; }
.nav-open #menuButton span:first-child { -webkit-transform: translateY(5px) rotate(45deg); transform: translateY(5px) rotate(45deg); }
.nav-open #menuButton span:nth-child(2) { width: 0; margin-left: 10px; }
.nav-open #menuButton span:last-child { -webkit-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); }
body.sp #gnav { overflow: scroll; display: block; width: 300px; height: 100%; position: fixed; left: 100%; font-size: 1.2rem; font-size: 12px; border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED; z-index: 99; background-color: #fff; -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; }
body.sp #gnav .container > h3 { display: none; }
body.sp #gnav ul.par-menu { padding-bottom: 20px; }
body.sp #gnav ul.par-menu .chi-menu { display: none; visibility: visible; position: relative; top: 0; }
body.sp #gnav ul.par-menu .chi-menu .chi-inner { opacity: 1; margin-top: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; }
body.sp #gnav ul.par-menu .chi-menu:not(.chi05) .chi-inner .container { padding-left: 0; padding-right: 0; }
body.sp #gnav ul.par-menu .chi-menu:not(.chi05) .chi-inner .container > ul { margin-left: 0; margin-right: 0; }
body.sp #gnav ul.par-menu .chi-menu:not(.chi05) .chi-inner .container > ul > li { padding-left: 0; padding-right: 0; }
body.sp #gnav ul.par-menu .chi-menu .chi-inner .container .wb { width: 100%; top: 0; }
body.sp #gnav ul.par-menu .chi-menu .chi-inner .container .wb .more_button { display: block; padding: 12px 0; border-style: none; border-radius: 0; font-size: 11px; }
body.sp #gnav ul.par-menu .chi-menu .chi-inner .container .wb .more_button i::before { right: 93px; margin-top: -7px; width: 13px; height: 13px; }
body.sp #gnav ul.par-menu .chi-menu.chi05 .chi-inner .container .wb .more_button i::before { right: 78px; }
body.sp #gnav ul.par-menu .chi01 ul.gnav-contents li ul.news-list li a,
body.sp #gnav ul.par-menu .chi02 ul.gnav-contents li ul.news-list li a { height: auto; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; }
body.sp #gnav ul.par-menu .chi01 ul.gnav-contents > li > div,
body.sp #gnav ul.par-menu .chi02 ul.gnav-contents > li > div { margin-bottom: 0px; display: block; border-style: none; border-radius: 0; }
body.sp #gnav ul.par-menu .chi03 ul li figure img { margin-left: -32px; }
body.sp #gnav ul.par-menu .chi03 ul li figure, body.sp #gnav ul.par-menu .chi04 ul li figure { float: left; width: 45px; height: 45px; margin-bottom: 0; overflow: hidden; }
body.sp #gnav ul.par-menu .chi03 ul li figure img { margin-left: -28px; }
body.sp #gnav ul.par-menu .chi04 ul li figure img { margin-left: -58px; }
body.sp #gnav ul.par-menu .chi03 ul li figure img, body.sp #gnav ul.par-menu .chi04 ul li figure img { max-width: none; height: 100%; }
body.sp #gnav ul.par-menu .chi03 ul li h3, body.sp #gnav ul.par-menu .chi04 ul li h3 { padding-top: 9px; margin-left: 50px; margin-bottom: 0; padding-bottom: 0; padding-left: 13px; }
body.sp #gnav ul.par-menu .chi03 ul li p { display: none; }
body.sp #gnav ul.par-menu .chi04 ul li .icon { display: none; }
body.sp #gnav ul.par-menu .chi04 ul li figure { position: absolute; top: 0; left: 0; }
body.sp .tabs { }
body.sp .tabs .tabs__menu { position: relative !important; text-align: left; margin-top: 20px; margin-bottom: 10px; top: 0; left: 0; }
body.sp .tabs .tabs__menu li { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
body.sp .tabs .tabs__content ul.news-list li {  font-size: 1.1rem;font-size: 11px; line-height: 1.5; }
body.sp .tabs .tabs__content ul.news-list li a { padding-top: 10px; padding-bottom: 10px; }
body.sp #gnav ul.par-menu .chi05 .apply { position: relative; text-align: left; top: 0; left: 0; }
body.sp #gnav ul.par-menu > li:hover .chi-menu .chi-inner { margin-top: 0; }
body.sp #gnav ul.par-menu .chi03 ul li a:before, 
body.sp #gnav ul.par-menu .chi04 ul li a:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(../img/common/arrow_r04.png);
    background-size: contain;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
body.sp #gnav ul.par-menu .chi03 ul li a:hover::before, 
body.sp #gnav ul.par-menu .chi04 ul li a:hover::before { -webkit-transform: translateX(4px); transform: translateX(4px); }
body.sp #gnav .gnav-contents a:before, body.sp .tabs .tabs__content ul.news-list li a:before { width: 6px; height: 10px; right: 20px; }
body.sp #gnav .gnav-contents a, body.sp #gnav .chi03 ul li a, body.sp #gnav .chi04 ul li a { position: relative; display: block; height: 45px; padding-top: 0; padding-bottom: 0; border-style: none; border-bottom: 1px solid #eeeeee; border-radius: 0; overflow: hidden; }
body.sp #top, body.sp #contents, body.sp #footer { -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; }
body.sp.nav-open #gnav { background-color: #F6F6F6; -webkit-transform: translateX(-300px); transform: translateX(-300px); }
body.sp.nav-open #top, body.sp.nav-open #contents, body.sp.nav-open #footer { -webkit-transform: translateX(-300px); transform: translateX(-300px); }
body.sp #header .hc { display: none; }
#gnav ul.par-menu > li > a::after { position: absolute; top: -4px; left: 0; width: 100%; height: 1px; background: #5FC08C; content: ''; opacity: 0; filter: alpha(opacity=0); -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; -webkit-transform: translateY(5px); transform: translateY(5px); }
#gnav ul.par-menu > li > a::before { z-index: 9999; content: ""; display: block; position: absolute; bottom: -10px; left: 50%; width: 16px; height: 6px; margin-left: -8px; background: url(../img/common/arrow_under.png); background-size: contain; vertical-align: middle; opacity: 0; filter: alpha(opacity=0); -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; -webkit-transform: translateY(-5px); transform: translateY(-5px); }
#gnav ul.par-menu > li:nth-of-type(4) > a::before { background: none; }
body.sp #gnav ul.par-menu > li { background-color: #ffffff; width: 100%; }
body.sp #gnav ul.par-menu > li > a { width: 90%; padding-left: 5%; padding-right: 5%; padding-top: 23px; padding-bottom: 23px; border-top: solid 1px #eeeeee; text-align: left; }
body.sp #gnav ul.par-menu > li > a::after { top: -1px; }
body.sp #gnav ul.par-menu > li > a::before {
    opacity: 1;
    top: 50%;
    left: auto;
    right: 20px;
    width: 15px;
    height: 9px;
    margin-top: -2px;
    background: url(../img/common/arrow_up.png);
    background-size: contain;
    vertical-align: middle;
    -webkit-transform: rotate(0); transform: rotate(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}
body.sp #gnav ul.par-menu > li:nth-of-type(4) > a::before {
    -webkit-transform: rotate(90deg); transform: rotate(90deg);
}
body.sp #gnav ul.par-menu > li > a.sp-active { background-color: #F6F6F6; }
body.sp #gnav ul.par-menu > li > a.sp-active::after { height: 4px; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); transform: translateY(0px); }
body.sp #gnav ul.par-menu > li:not(:nth-of-type(4)) > a.sp-active::before { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
body.sp #gnav ul.par-menu > li > a.sp-active::before { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
body.sp #content_f02 h1 { width: 200px; margin: 30px auto 0; } 
@media (min-width:640px) {
    #contactButton { display: none; }
    #menuButton { display: none; }
    #gnav ul.par-menu > li > a:hover { background-color: #F6F6F6; }
    #gnav ul.par-menu > li:hover > a::after { height: 4px; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); transform: translateY(0px); }
    #gnav ul.par-menu > li > a.nav-active::after { height: 4px; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); transform: translateY(0px); }
    #gnav ul.par-menu > li:hover > a::before { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); transform: translateY(0px); }
}
body.sp #contents { padding-top: 54px; }
body.sp.home #contents { padding-top: 0; }
.gnav-contact {
    display: none;
    text-align: center;
    padding-bottom: 70px
}
.gnav-contact__item {
    margin-bottom: 10px;
}


/* ===================================================================================

common

====================================================================================== */

/* common --------------------------------------------------- */
.container { max-width: 100%; padding-left: 15px; padding-right: 15px; }
.box-radius { width: 100%; display: inline-block; border: 1px solid #dddddd; color: #444444; border-radius: 4px; background-color: #ffffff; overflow: hidden; }
.wrap-result { width: 100%; padding: 20px 25px 10px; margin-bottom: 20px; border-radius: 4px; background-color: #E3F2EC; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wrap-result ul li {
    display: inline-block;
    width: 25%;
    margin-bottom: 15px;
    position: relative;

    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    font-size: 1.2rem;
    font-size: 12px;
    letter-spacing: .08rem;
    line-height: 1.2;
    vertical-align: middle;
}
.wrap-result ul li:before { content: ""; position: absolute;background: url(../img/common/arrow_r01.png); top: 50%; left: 0; width: 16px; height: 16px; margin-top: -7px; background-size: contain; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;	}
.wrap-result ul li:hover:before { -webkit-transform: translateX(4px); transform: translateX(4px); }
.wrap-result ul li a {
    padding-left: 20px;
    padding-right: 10px;
    display: inline-block;
}
.wrap-result span {
    font-size: 16px;
    color: #12905E;
    /*text-decoration: underline;*/
    text-decoration: none;
    vertical-align:baseline;
}
#contents .content-container #main .content-navi .mc .search-mun .wb { position: absolute; width: auto; }
.search-mun.result .wrap-result ul li:before,
.search-mun.keyword .wrap-result ul li:before ,
.search-mun.zipcode .wrap-result ul li:before { background: none; }
.search-mun.keyword .wrap-result ul li,
.search-mun.zipcode .wrap-result ul li {
    font-size: 14px;
    display: block;
    width: 100%;
    letter-spacing: .05rem;
}
.search-mun.keyword .wrap-result ul li:first-child {
    font-size: 12px;
}

.result-list {}
.result-list ul {}
.result-list ul li { border-top: 2px solid #00B182; }
.result-list ul li .wrap-data { margin-left: 10px; margin-right: 10px; }
.result-list ul li .wrap-data .image {
    float: left;
    margin-bottom: 33px;
    position: relative;
    overflow: hidden;
    width: 25%;
    border: 1px solid #eee;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
}
.result-list ul li .wrap-data .image figure {
    /*
    height: 135px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1000%;
    height: 2000px;
    line-height: 2000px;
    margin: -1002px 0 0 -500%;
    text-align: center;
    */
}
.result-list ul li .wrap-data .image figure img {
    width: 100%;
    height :auto;
    vertical-align: middle;
}
.result-list ul li .wrap-data .data {
    float: right;
    width: 100%;
    margin-left: -180px;
    margin-bottom: 33px;
}
.result-list ul li .wrap-data .data dl {
    margin-left: 200px;
}
.result-list ul li .wrap-data .data dl dt {
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    width: 28%;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: .05rem;
    color: #3F3F3F;
    padding: 2px 0;
}
.result-list ul li .wrap-data .data dl dd {
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    width: 72%;
    float: left;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.8;
    letter-spacing: .05rem;
    color: #666666;
    word-wrap : break-word;
    overflow-wrap : break-word;
    padding: 2px 0;
}
.more-result.wb {
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.more-result.wb .more_button {
    border-radius: 6px;
    width: auto;
    padding: 10px 50px 10px 40px;
    font-size: 14px;
    letter-spacing: .08rem;
    color: #666666;
}
.more-result.wb .more_button i::before {
    right: 32px;
    width: 14px;
    height: 14px;
}
ul li .wrap-list { margin: 20px; }
ul.link-list { margin-bottom: 30px; }
ul.link-list li { margin-bottom: 10px; }
ul.link-list li:nth-child(3n+1) { clear: left; }
ul.link-list:after,ul.link-list:before{content:" ";display:table}ul.link-list:after{clear:both}
ul.link-list li a {
    display: inline-block;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    font-size: 13px;
    color: #12905E;
    letter-spacing: .08em;
    line-height: 1.5em;
}
ul.link-list li a::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-radius: 50%;
    background: #A8E3C5;
}
ul.link-list li a:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 11px;
    margin-top: -6px;
    background: url(../img/common/arrow_r04.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
ul.link-list li a:hover::after { -webkit-transform: translateX(4px); transform: translateX(4px); background-color: #F9F9F9; }
.pager {
    margin-top: 40px;
    padding: 20px;
    border-top: 1px solid #00B181;
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    font-size: 13px;
    line-height: 1.8em;
    color: #444444;
}
.pager ul.list-pager { text-align: center; }
.pager ul.list-pager li { display: inline-block; }
.pager ul.list-pager li.prev a::before, .pager ul.list-pager li.next a::before {
    content: "";
    display: block;
    background: url(../img/common/arrow_r01.png);
    background-size: contain;
    position: absolute;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -9px;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.pager ul.list-pager li.prev{
    position: relative;
    float: left;
    padding-left: 25px;
}
.pager ul.list-pager li.prev a:before {
    left: 10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.pager ul.list-pager li.next{
    position: relative;
    float: right;
    padding-right: 25px;
}
.pager ul.list-pager li.next a:before {
    background: url(../img/common/arrow_r01.png);
    background-size: contain;
    right: 10px;
}
.pager ul.list-pager li.current a {
    color: #00B181;
}
.pager ul.list-pager li a { padding-left: 10px; padding-right: 10px; }
.pager ul.list-pager li a:hover { text-decoration: underline; color: #00B181; }

.pager ul.list-pager li.prev a:hover::before { -webkit-transform: translateX(-4px) rotate(180deg); transform: translateX(-4px) rotate(180deg); }
.pager ul.list-pager li.next a:hover::before { -webkit-transform: translateX(4px); transform: translateX(4px); }






.wb { position: absolute; top: 0; left: 0; }
.wb a { position: relative; }
.wb .more_button { width: 140px; padding-top: 7px; padding-bottom: 7px; font-size: 1.2rem; font-size: 12px; text-align: center; border-radius: 5px; }
.wb .more_button i::before { content: ""; display: block; position: absolute; top: 50%; right: 12px; width: 16px; height: 16px; margin-top: -8px; background: url(../img/common/arrow_r01.png); background-size: contain; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.wb .more_button:hover i::before { -webkit-transform: translateX(4px); transform: translateX(4px); background-color: #F9F9F9; }
.wb .more_button, .wb .more_button:hover i:before { -webkit-transition: 0.2s; transition: 0.2s; }
.inner-q { padding: 8px 14px 0; }
.inner-q a { text-align: left; position: relative; font-size: 13px; font-weight: bold; padding-top: 15px; padding-bottom: 14px; margin-bottom: 8px; width: auto; padding-left: 46px; padding-right: 30px; display: block; color: #444444; border-radius: 6px; background-color: #E3F2EC; overflow: hidden; }
.inner-q a span { display: inline-block; }
.inner-q a:before { content: ""; display: block; position: absolute; top: 50%; left: 18px; width: 16px; height: 16px; margin-top: -7px; background: url(../img/common/arrow_r01.png); background-size: contain; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.inner-q a:hover::before { -webkit-transform: translateX(4px); transform: translateX(4px); }

/* #header --------------------------------------------------- */

#header { font-size: 0; width: 100%; background-color: #ffffff; position: fixed; z-index: 9999; border-bottom: solid 5px #5FC08C; -webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 4px 3px; box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 4px 3px; }
#header h1 { display: inline-block; width: 360px; padding-top: 14px; padding-bottom: 14px; }
/*#header .hc { text-align: center; font-weight: bold; position: absolute; bottom: 20px; right: 0; }
#header .hc a { width: 134px; padding-top: 5px; padding-bottom: 5px; }*/
#header .hc { text-align: center; font-weight: bold; position: absolute; top: 10px; right: 0; }
#header .hc a { width: 320px; display: inline-block; margin-left: 5px;}
#header .hc a img { width: 100%; height: auto;}
#gnav ul.par-menu { border-top: 1px solid #E3E3E3; }
#gnav ul.par-menu > li { text-align: center; width: 16.66666666%; }
#gnav ul.par-menu > li > a { position: relative; display: inline-block; width: 100%; border-top: solid 3px #F6F6F6; padding-top: 15px; padding-bottom: 16px; }
#gnav ul.par-menu .chi-menu { visibility: hidden; position: absolute; top: 118px; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; z-index: 99; -webkit-transition: all 0s ease; transition: all 0s ease; }
#gnav ul.par-menu .chi-menu .chi-inner { opacity: 0; width: 100%; margin-top: -5px; padding-top: 25px; padding-bottom: 15px; background: #ffffff; -webkit-transition: all 0s ease; transition: all 0s ease; -webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 3px 1px; box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 3px 1px; }
#gnav ul.par-menu .chi-menu .chi-inner a figure img,
#gnav ul.par-menu .chi-menu .chi-inner ul.news-list li a { -webkit-transition: all 0s ease; transition: all 0s ease; }
#gnav ul.par-menu .chi-menu .chi-inner ul.news-list li a:hover { -webkit-transition: 0.2s; transition: 0.2s; }
#gnav ul.par-menu > li:hover .chi-menu { visibility: visible; -webkit-transition: all 0s ease; transition: all 0s ease; }
#gnav ul.par-menu > li:hover .chi-menu .chi-inner { margin-top: 5px; opacity: 1; -webkit-transition: all .2s ease; transition: all .2s ease; }
#gnav .container > h3 { text-align: left; margin-bottom: 15px; }
#gnav .wb { top: -5px; left: auto; right: 0; }
#gnav .iarea { width: 50px; height: 50px; }
#gnav .iarea .iwrap { overflow: hidden; width: 100%; }
#gnav .iarea .iwrap img { max-width: none; }
#gnav .tarea { float: right; padding-top: 10px; margin: 0; width: 100%; margin-left: -60px; }
#gnav .tarea .twrap { margin-left: 50px; padding-left: 13px; padding-right: 28px; }
#gnav .tarea .twrap h3 { text-align: left; }

#gnav .gnav-contents > li > div {
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
    border: 1px solid #dddddd;
    color: #444444;
    text-align: left;
    border-radius: 4px;
    background-color: #ffffff;
    overflow: hidden;
}
#gnav .gnav-contents > li .gnav-contents-ttl > a:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    width: 8px;
    height: 13px;
    margin-top: -4px;
    background: url(../img/common/arrow_r04.png);
    background-size: contain;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
#gnav .gnav-contents > li .gnav-contents-ttl { border-bottom: 2px solid #00B182; position: relative; }
#gnav .gnav-contents > li .gnav-contents-ttl > a:hover:before { -webkit-transform: translateX(4px); transform: translateX(4px); background-color: #F9F9F9; }
#gnav .gnav-contents > li .gnav-contents-ttl > a:hover { -webkit-transition: 0.2s; transition: 0.2s; }
#gnav .chi01 .gnav-contents > li .gnav-contents-ttl { padding-top: 10px; padding-bottom: 6px; padding-left: 20px; width: 100%; }
#gnav .gnav-contents li ul.news-list li { margin-left: 10px; margin-right: 10px; border-bottom: none; line-height: 1.2; }
#gnav .gnav-contents li ul.news-list li a { padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; font-size: 13px; color: #333; font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif; }
#gnav .gnav-contents li ul.news-list li a::after { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 6px; height: 6px; margin-top: -3px; background-color: #A8E3C5; border-radius: 50%; }
#gnav .gnav-contents li ul.news-list li a::before { right: 0;}
#gnav .gnav-contents li ul.news-list li a:hover { background-color: transparent; }
#gnav .gnav-contents li ul.news-list li a, #gnav .gnav-contents li ul li a:hover { -webkit-transition: 0.2s; transition: 0.2s; }

#gnav .chi03 ul li a { padding-bottom: 10px; }
#gnav .chi03 ul li figure { margin-bottom: 13px; }
#gnav .chi03 ul li h3 { margin-bottom: 10px; }
#gnav .chi04 ul li a { padding-top: 20px; position: relative; }
#gnav .chi04 ul li h3 { padding-bottom: 16px; position: relative; z-index: 9; }
#gnav .chi04 ul li .icon { position: absolute; top: 50%; left: 50%; margin-top: -31.5px; margin-left: -31.5px; }
.tabs .tabs__menu { position: absolute !important; top: 10px; left: 130px; }
.tabs .tabs__menu li { position: relative; margin-left: 15px; padding-left: 22px; display: inline-block; -webkit-transition: .2s all cubic-bezier(.215, .61, .355, 1); transition: .2s all cubic-bezier(.215, .61, .355, 1); }
.tabs .tabs__menu li:before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin-top: -9px; background: url(../img/common/arrow_r01g.jpg); background-size: contain; vertical-align: middle; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.tabs .tabs__menu li, #content_f02 .footer_nav li:hover { -webkit-transition: 0.2s; transition: 0.2s; }
.tabs .tabs__menu li a { font-size: 1.3rem; font-size: 13px; line-height: 2.6rem; letter-spacing: .05rem;
    color: #878787; position: relative; }
.tabs .tabs__menu li a:after { position: absolute; bottom: -8px; left: 0; width: 100%; height: 1px; background: #5FC08C; content: ''; opacity: 0; filter: alpha(opacity=0); -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; -webkit-transform: translateY(5px); transform: translateY(5px); }
.tabs .tabs__menu li.active { -webkit-transform: translateY(-4px); transform: translateY(-4px) }
.tabs .tabs__menu li.active a { color: #12905E; }
.tabs .tabs__menu li.active a:after { height: 4px; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); transform: translateY(0px); }
.tabs .tabs__menu li.active:before { background: url(../img/common/arrow_r01.png); content: ""; display: block; position: absolute; margin-top: -9px; background-size: contain; vertical-align: middle; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.tabs .tabs__content .tabs__content-item { width: 100%; }
ul.news-list { text-align: left; }
ul.news-list li { font-size: 1.3rem; font-size: 13px; line-height: 1.6;  letter-spacing: .05rem;
    border-bottom: 1px solid #E1F2EC; }
ul.news-list li:after {
    clear: both;
}
ul.news-list li:after,
ul.news-list li:before {
    content: " ";
    display: table;
}

ul.news-list li a { position: relative; display: inline-block; width: 100%; padding-bottom: 8px; padding-top: 11px; }
ul.news-list li a:before { content: ""; display: block; position: absolute; top: 50%; right: 12px; width: 8px; height: 13px; margin-top: -4px; background: url(../img/common/arrow_r04.png); background-size: contain; background-repeat: no-repeat; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
ul.news-list li a:hover::before, ul.news-list li a:hover { -webkit-transform: translateX(4px); transform: translateX(4px); background-color: #F9F9F9; }
ul.news-list li a, ul.news-list li a:hover { -webkit-transition: 0.2s; transition: 0.2s; }
ul.news-list li time { margin-left: 10px; display: block; float: left; width: 100px; }
ul.news-list li time:after { font-size: 1.3rem; font-size: 13px; color: #00B381; content: "|"; margin-left: 23px; margin-right: 17px; }
ul.news-list li span { display: block; padding-right: 60px; margin-left: 140px; }
/* #contents --------------------------------------------------- */

#contents { width: 100%; text-align: left; background: #fff; position: relative; z-index: 120; padding-top: 123px; /*padding-top: 124px;*/}
#contents.page-top { padding-top: 90px; }
.home #contents { padding-top: 0; }
#contents .wbc {
    padding-top: 14px;
    padding-bottom: 11px;
    background-color: #F6F6F6;
}
#contents .wbc .bread-crumbs ul li {
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    font-size: 1.2rem;
    font-size: 12px;
    font-weight: bold;
    color: #858585;
    display: inline-block;
}
#contents .wbc .bread-crumbs ul li a {
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    font-weight: normal;
    color: #999999;
}
#contents .wbc .bread-crumbs ul li.current { font-weight: bold; }
#contents .wbc .bread-crumbs ul li:after {
    font-size: 1.1rem; font-size: 11px; content: ">"; margin-left: 9px; margin-right: 6px;top: -1px;
    position: relative;
}
#contents .wbc .bread-crumbs ul li:last-child:after {
    content: normal;
}

/* #contents .wt--------------------------------------------------- */

#contents .wt { padding-top: 60px; /*padding-bottom: 65px;*/ text-align: center;}
#contents .wt h1.wt-ttl { font-size: 30px; font-size: 3.0rem;}
#contents .wt h1.wt-ttl span { font-size: 12px; font-size: 1.2rem; text-align: center; color: #999; font-family: Georgia, "Times New Roman", Times, "serif"; font-style: italic; letter-spacing: 0.2em;}

/* #contents .wv--------------------------------------------------- */

#contents .wv {
    width: 100%;
    min-height: 580px;
    margin-bottom: 80px;
    background-position:center top;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#contents .wv .wv-content {
    width: 450px;
    height: 100%;
    min-height: 580px;
    margin-left: auto;
    padding: 60px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#contents .wv .wv-content h1,
#contents .wv .wv-content p,
#contents .wv .wv-content ul li{
    -webkit-animation: show-wv 1.4s both;
    animation: show-wv 1.4s both; 
}
#contents .wv .wv-content p { margin-bottom: 40px; -webkit-animation-delay: .8s; animation-delay: .8s; }
#contents .wv .wv-content ul li {
    margin-bottom: 10px;
}


#contents .wv .wv-content ul li a {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: .04em;
    color: #FAF6F0;
    border: 1px solid #ffffff;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#contents .wv .wv-content ul li a:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    background: #fff;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.2s;
    transition: opacity 0.3s, -webkit-transform 0.2s;
    transition: transform 0.2s, opacity 0.3s;
    transition: transform 0.2s, opacity 0.3s, -webkit-transform 0.2s;
    opacity: 0;
    filter: alpha(opacity=0);
}
#contents .wv.funeral .wv-content ul li a:hover {
    color: #010409;
    border-color: #010409;
}
#contents .wv.wedding .wv-content ul li a:hover {
    color: #a76c10;
    border-color: #a76c10;
}
#contents .wv .wv-content ul li a:hover:after {
    opacity: .8;
    filter: alpha(opacity=80);
}
#contents .wv .wv-content ul li:nth-of-type(1) {
    -webkit-animation-delay: 1.6s; animation-delay: 1.6s;
}
#contents .wv .wv-content ul li:nth-of-type(2) {
    -webkit-animation-delay: 1.9s; animation-delay: 1.9s;
}
#contents .wv .wv-content ul li:nth-of-type(3) {
    -webkit-animation-delay: 2.2s; animation-delay: 2.2s;
}

@-webkit-keyframes show-wv {
    0% {
        -webkit-transform:translate(0, 5rem);
        transform:translate(0, 5rem);
        opacity:0;
        filter: alpha(opacity=0);
    }
    100% {
        -webkit-transform:translate(0, 0);
        transform:translate(0, 0);
        opacity:1;
        filter: alpha(opacity=100);
    }
}

@keyframes show-wv {
    0% {
        -webkit-transform:translate(0, 5rem);
        transform:translate(0, 5rem);
        opacity:0;
        filter: alpha(opacity=0);
    }
    100% {
        -webkit-transform:translate(0, 0);
        transform:translate(0, 0);
        opacity:1;
        filter: alpha(opacity=100);
    }
}
#contents .wv .wv-content h1 {
    position: relative;
    margin-bottom: 60px;
}
#contents .wv .wv-content h1:after {
    position: absolute;
    bottom: -35px;
    left: 0;
    content: "";
    display: inline-block;
    width: 80px;
    height: 1px;
    background: #fff;
}
#contents .wv .wv-content p{
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: .04em;
    color: #FAF6F0;
}
@media (max-width:1023px) {
    #contents .wv .wv-content {
        width: 50%;
    }
}
@media (max-width:767px) {
}
@media (max-width:639px) {
    #contents .wv {
        background-image: none !important;
        height: auto;
        padding: 0;
    }
    #contents .wv .wv-content {
        width: 100%;
        min-height: auto;
        padding: 50px 20px;
    }
}


#contents .content-container { width: 100%; position: relative; margin-bottom: 30px; padding-top: 65px; }
/* #contents #main --------------------------------------------------- */
#contents .content-container #main { width: 100%; margin-bottom: 40px; }
#contents .content-container #main h2 {}
#contents .content-container #main h2 { position: relative; margin-bottom: 10px; padding-left: 35px; font-size: 24px; font-weight: normal; letter-spacing: .08em; line-height: 1.4em; color: #555; }
#contents .content-container #main h2::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url(../img/common/mark_g.png);
    background-size: contain;
    vertical-align: middle;
}
#contents .content-container #main h3 {
    position: relative;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: .08em;
    line-height: 1.4em;
    color: #444;
    margin-bottom: 20px;
    padding-left: 15px;
}
#contents .content-container #main h3:before { 
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 100%;
    transform: translateY(-50%);
    background: #00B381;
    content: '';
    border-radius: 5px;
}

#contents .content-container #main h4 {
    position: relative;
    font-size: 19px;
    font-weight: normal;
    line-height: 1.6em;
    letter-spacing: .05em;
    padding-left: 22px;
    margin-bottom: 20px;
}
#contents .content-container #main h4:before { 
    position: absolute;
    top: 50%;
    left: 0;
    width: 7px;
    height: 7px;
    margin-top: -8px;
    border: solid 4px #00B381;
    content: '';
    border-radius: 50%;
}
#contents .content-container #main h5 {
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: .05em;
    color: #00B181;
    margin-bottom: 12px;
}
#contents .content-container #main h6 {
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: .05em;
    color: #444;
    margin-bottom: 10px;
}

#contents .content-container #main .mc { padding-top: 40px; }
.content-ttl { border-bottom: 3px solid #4AC488; }
#contents .content-container #main .content-ttl { font-weight: normal; position: relative; padding-top: 0; }
#contents .content-container #main .content-ttl .wb {
    top: 0;
    left: auto;
    right: 0;
    margin-bottom: 10px;
}
#contents .content-container #main .content-ttl .wb a {
    width: auto;
    letter-spacing: .1rem;
    padding-left: 26px;
    padding-right: 37px;
}
#contents .content-container #main .mc .merchants_list {
    margin-bottom:60px;
}
#contents .content-container #main .mc .merchants_list li {
    width: 166px;
    float:left;
    line-height:1.6rem;
}
#contents .content-container #main .mc .merchants_list  li:nth-child(4n) {
    margin-right: 0px;
}
#contents .content-container #main .mc .merchants_list li a{
    text-decoration:underline;
}

/* #contents #main .content-manner --------------------------------------------------- */

.image_art { padding-bottom: 30px;}
.right_img::after,
.left_img::after {
    clear: both;
}
.right_img::after,
.right_img::before,
.left_img::after,
.left_img::before {
    content: " ";
    display: table;
}
.right_img img { float: right; margin-left: 20px; margin-bottom: 20px; }
.left_img img { float: left; margin-right: 20px; margin-bottom: 20px; }
.pagination { margin-top: 80px; padding: 20px; border-top: 1px solid #FFD4D3; font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif; font-size: 13px; color: #666; }
.pagination .prev::before,
.pagination .next::before { 
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -9px;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.pagination .prev::before {
    left: 0;
    -webkit-transform: rotate(180deg); transform: rotate(180deg);
}
.pagination .next::before { 
    right: 0;

}
.pagination .prev { position: relative; float: left; padding-left: 25px; }
.pagination .next { position: relative; float: right; padding-right: 25px; }
.pagination .prev:hover::before { -webkit-transform: translateX(-4px) rotate(180deg); transform: translateX(-4px) rotate(180deg); }
.pagination .next:hover::before { -webkit-transform: translateX(4px); transform: translateX(4px); }

/* #contents #main .content-approach --------------------------------------------------- */
#contents .content-container #main .content-approach.quality {
    width: 100%;
    height: 1500px;
    background-image: url(../img/activity/quality.jpg); background-repeat: no-repeat; background-size: 100%; }



/* #contents #side --------------------------------------------------- */

#contents .content-container #side { width: 100% }
#contents .content-container #side ul li { margin-bottom: 17px; }
#contents .content-container #side ul li h3 { padding: 23px 20px 17px; }
#contents .content-container #side ul li figure { overflow: hidden; }
#contents .content-container #side ul li figure img { margin-top: -25px; width: 100%; }
#contents .content-container #side ul li .inner-q { padding-top: 0; padding-bottom: 5px;}
#contents .content-container #side ul li .inner-q a { padding-top: 25px; padding-bottom: 21px; }
#contents .content-container #side>div { text-align: center; }
#contents .content-container #side>div div { display: inline-block; margin-bottom: 17px; width: 100%; }
#contents .content-container #side>div div img { border-radius: 3px; }

/* #footer --------------------------------------------------- */

#footer { background-color: #ffffff; position: relative; z-index: 120; border-top: solid 1px #E3E3E3; }
#content_f01 { padding-top: 60px; padding-bottom: 30px; }
#content_f01 ul { text-align: center; }
#content_f01 .kyodo { padding-right: 40px; }
#content_f01 .kyodo img, #content_f01 .kyodo p { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
#content_f01 .kyodo:hover img, #content_f01 .kyodo:hover p { opacity: 0.6; filter: alpha(opacity=60); }
#content_f01 .kyodo .fc-box { margin-bottom: 30px; }
#content_f01 .kyodo h3 { margin-bottom: 10px; }
#content_f01 .kyodo i:after { content: ""; display: block; position: absolute; top: 50%; width: 12px; height: 20px; margin-left: 20px; margin-top: -10px; background: url(../img/common/arrow_r04.png); background-repeat: no-repeat; background-size: contain; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#content_f01 .kyodo:hover i:after { -webkit-transform: translateX(4px); transform: translateX(4px); }

#content_f01 .bnr li { margin-bottom: 10px; display: inline-block; }
#content_f02 { background-color: #5FC08C; padding-top: 60px; padding-bottom: 55px; }
#content_f02 .footer_nav li { position: relative; padding-left: 22px; }
#content_f02 .footer_nav li:before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin-top: -9px; background: url(../img/common/arrow_r05.png); background-size: contain; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#content_f02 .footer_nav li:hover::before { -webkit-transform: translateX(4px); transform: translateX(4px); }
#content_f02 .footer_nav li, #content_f02 .footer_nav li:hover { -webkit-transition: 0.2s; transition: 0.2s; }
#content_f02 .footer_nav li a { font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif; font-size: 1.3rem; font-size: 13px; line-height: 3; letter-spacing: .05rem;
    color: #ffffff; }
#content_f02 h1 { position: absolute; width: 360px; bottom: 0; right: 0; }
.footer-contact {
    position: absolute; width: 400px; top: 0; right: 0; text-align: right;
}
.footer-contact__item {
    display: inline-block;
    margin-left: 10px;
}

#copy-right { padding-top: 30px; padding-bottom: 24px; background-color: #ffffff; }
.home #copy-right { padding-bottom: 104px;}
#copy-right p { text-align: left; width: 100%; float: left; margin-right: -30px; }
#copy-right .up { position: relative; float: right; width: 30px; }
#copy-right .up a { display: block; width: 30px; height: 18px; margin: 0 auto;}
#copy-right .up i:after {
    content: "";
    display: block;
    width: 30px;
    height: 18px;
    background: url(../img/common/arrow_up.png);
    background-size: contain;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
#copy-right .up a:hover i:after { -webkit-transform: translateY(-4px); transform: translateY(-4px); }


/* ===================================================================================

media

====================================================================================== */

@media (max-width:1023px) {
    #header .container { max-width: 100% }
    .container { max-width: 728px; }
    .pxr1 { padding-left:.7rem;
        padding-right:.7rem;
    }
    .mxn1 { margin-left:-.7rem;
        margin-right:-.7rem;
    }
    .pxr2 { padding-left: 1rem; padding-right: 1rem; }
    .mxnr2 { margin-left: -1rem; margin-right: -1rem; }
    .px25 { padding-left: .8rem;
        padding-right: .8rem;
    }
    .mxn25 { margin-left: -.8rem;
        margin-right: -.8rem;
    }
    #content_f02 h1 { position: relative; margin-top: 30px; text-align: right; }
    #contents .content-container #side>div div img { max-width: 240px; }
    #contents .content-container #main .mc .merchants_list {
        margin-bottom:10%;
    }
    #contents .content-container #main .mc .merchants_list li {
        width: 25%;
        float:left;
        line-height:1.6rem;
    }
    #contents .content-container #main .mc .merchants_list  li:nth-child(4n) {
        margin-right: 0px;
    }
    #header .hc { top: 15px; }
    #header .hc a { width: 250px;}
    #header h1  {
        width: 340px;
        text-align: left;
    }
    #header h1 .pc-img {
        width: 100%; height: auto;
    }
    .footer-contact {
        width: 100%;
        position: static;
        text-align: center;
    }
    .footer-contact__item {
        width: 140px;
        margin-left: 0;
        margin-top: 10px;
    }
}
@media (max-width:767px) {
    .container { max-width: 600px; }
    .wrap-result ul li { width: 33.3333%;}
    .pxr1 { padding-left:.5rem;
        padding-right:.5rem;
    }
    .mxn1 { margin-left:-.5rem;
        margin-right:-.5rem;
    }
    .scale90 { zoom: .9; -moz-transform: scale(0.9, 0.9); }
    #contents .content-container #main .content-navi .mc .search { width: 100%!important; }
    #contents .content-container #side ul li figure img { margin-top: 0; }
    #contents .content-container #main .mc .merchants_list {
        margin-bottom:10%;
    }
    #contents .content-container #main .mc .merchants_list li {
        width: 33.333333%;
        float:left;
        line-height:1.6rem;
    }
    #contents .content-container #main .mc .merchants_list  li:nth-child(3n) {
        margin-right: 0px;
    }

}

@media (max-width:639px) {
    section { padding-bottom: 40px; }
    section ul li { margin-bottom: 15px; }
    .text12 { font-size: 10px; font-size: 1.0rem; }
    .pxr2 {  padding-left:.4rem; padding-right:.4rem; }
    .mxnr2 {  margin-left:-.4rem; margin-right:-.4rem; }
    .wb { position: relative; width: 95%; margin: 0 auto; }
    .wb .more_button { width: 100%; padding: 10px 0; background-position: center right 17px; }
    .scale80 { zoom: .8; -moz-transform: scale(0.8, 0.8); }
    .wrap-result ul li { width: 33.3333%;}
    .result-list ul li .wrap-data .image { width:100%; margin-bottom: 10px; float: none; margin-left: auto; margin-right: auto; }
    .result-list ul li .wrap-data .data { margin-left: 0; float: none; }
    .result-list ul li .wrap-data .data dl { margin-left: 0; }
    .result-list ul li .wrap-data .data dl dt { margin-left: 0; float:none; width:100%;}
    .result-list ul li .wrap-data .data dl dd { margin-left: 0; float:none; width:100%;}
    ul.news-list li time { float: none; width: 100px; }
    ul.news-list li time:after { font-size: 1.3rem; font-size: 13px; color: #00B381; content: "|"; margin-left: 23px; margin-right: 17px; }
    ul.news-list li span { margin-left: 0; }
    .scale70 { zoom: .7; -moz-transform: scale(0.7, 0.7); }
    .scale60 { zoom: .8; -moz-transform: scale(0.8, 0.8); }
    #contents .content-container #side ul li { margin: 0 auto 17px;}
    #contents .content-container #side ul li figure img { margin-top: -40px; }
    #copy-right { padding-top: 22px; text-align: center; }
    #copy-right .container { width: 100%; padding: 0; }
    #copy-right p { float: none; text-align: center; }
    #copy-right .up { float: none; display: inline-block; width: 100%; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #EEEEEE; }
    #contents .wt {padding-top: 45px; /*padding-bottom: 40px;*/}
    #contents .wt h1 img {zoom: .8; -moz-transform: scale(0.8, 0.8);}
    #contents .content-container{ padding-top: 40px; }
    #contents .content-container #main h2 { font-size: 20px; margin-bottom: 6px; padding-left: 24px; }
    #contents .content-container #main h2::before {	width: 20px; height: 20px; margin-top: -10px; }
    #contents .content-container #main h3 {	font-size: 18px; }
    #contents .content-container #main .content-navi .mc .map-area>div { padding: 15px 10px 20px; }
    #contents .content-container #main .content-navi .mc .map-area p { font-size: 14px; }
    #contents .content-container #main .content-navi .mc .search { margin-bottom: 25px;}
    #contents .content-container #main .content-navi .mc .search legend { margin-bottom: 15px;}
    #contents .content-container #main .content-navi .mc .search legend img,
    #contents .content-container #main .content-navi .mc .search-map p img { zoom: .9; -moz-transform: scale(0.9, 0.9); }
    #contents .content-container #main .content-navi .mc .search-map .wrap-pref .pref-list li { width: 25%; }
    #contents .content-container #main .content-navi .mc .search-map .wrap-pref .pref-detail .pref-detail-list ul li { width: 25%; }
    #contents .content-container #main .mc .merchants_list {
        margin-bottom:10%;
    }
    #contents .content-container #main .mc .merchants_list li {
        width: 50%;
        float:left;
        line-height:1.6rem;
    }
    #contents .content-container #main .mc .merchants_list  li:nth-child(2n) {
        margin-right: 0px;
    }
    .gnav-contact {
        display: block;
    }
}

@media (max-width:439px) {
    #contents .content-container #main .content-navi .mc .search-map .wrap-pref .pref-detail .pref-detail-list ul li {
        width: 33.33333%;
    }
    .wrap-result ul li { width: 50%;}
}
@media (max-width:320px) {
    body.sp #tv ul li div { zoom: .7; -moz-transform: scale(0.7, 0.7);}
}
@media (min-width:640px) {
    .container { padding-left: 20px; padding-right: 20px; }
}
@media (min-width:768px) {}
@media (min-width:1024px) {
    .container { max-width: 980px; padding-left: 0; padding-right: 0; }
    #contents .content-container #main { width: 68%; float: left; padding-right: 5%; }
    #contents .content-container #side { width: 27%; float: left; }
}


.c-video video {
    width: 100%;
    max-width: 100%;
}

.l-row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.l-row.l-gutter-0 {
    margin-right: 0;
    margin-left: 0;
}

.l-row.l-gutter-10 {
    margin-right: -5px;
    margin-left: -5px;
}

.l-row.l-gutter-20 {
    margin-right: -10px;
    margin-left: -10px;
}

.l-row.l-gutter-30 {
    margin-right: -15px;
    margin-left: -15px;
}

.l-row.l-gutter-40 {
    margin-right: -20px;
    margin-left: -20px;
}

.l-row.l-gutter-50 {
    margin-right: -25px;
    margin-left: -25px;
}

.l-row.l-gutter-60 {
    margin-right: -30px;
    margin-left: -30px;
}

.l-row.l-gutter-70 {
    margin-right: -35px;
    margin-left: -35px;
}

.l-row.l-gutter-80 {
    margin-right: -40px;
    margin-left: -40px;
}

.l-row.l-gutter-90 {
    margin-right: -45px;
    margin-left: -45px;
}

.l-row.l-gutter-100 {
    margin-right: -50px;
    margin-left: -50px;
}

.l-gutter-0 > [class^="l-col-"], .l-gutter-0 > [class*='l-col-'] {
    padding-right: 0;
    padding-left: 0;
}

.l-gutter-10 > [class^="l-col-"], .l-gutter-10 > [class*='l-col-'] {
    padding-right: 5px;
    padding-left: 5px;
}

.l-gutter-20 > [class^="l-col-"], .l-gutter-20 > [class*='l-col-'] {
    padding-right: 10px;
    padding-left: 10px;
}

.l-gutter-30 > [class^="l-col-"], .l-gutter-30 > [class*='l-col-'] {
    padding-right: 15px;
    padding-left: 15px;
}

.l-gutter-40 > [class^="l-col-"], .l-gutter-40 > [class*='l-col-'] {
    padding-right: 20px;
    padding-left: 20px;
}

.l-gutter-50 > [class^="l-col-"], .l-gutter-50 > [class*='l-col-'] {
    padding-right: 25px;
    padding-left: 25px;
}

.l-gutter-60 > [class^="l-col-"], .l-gutter-60 > [class*='l-col-'] {
    padding-right: 30px;
    padding-left: 30px;
}

.l-gutter-70 > [class^="l-col-"], .l-gutter-70 > [class*='l-col-'] {
    padding-right: 35px;
    padding-left: 35px;
}

.l-gutter-80 > [class^="l-col-"], .l-gutter-80 > [class*='l-col-'] {
    padding-right: 40px;
    padding-left: 40px;
}

.l-gutter-90 > [class^="l-col-"], .l-gutter-90 > [class*='l-col-'] {
    padding-right: 45px;
    padding-left: 45px;
}

.l-gutter-100 > [class^="l-col-"], .l-gutter-100 > [class*='l-col-'] {
    padding-right: 50px;
    padding-left: 50px;
}

.l-row.is-reverse {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}

.l-col.is-reverse {
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
}

.l-col-xs,
.l-col-xs-1,
.l-col-xs-2,
.l-col-xs-2_5,
.l-col-xs-3,
.l-col-xs-4,
.l-col-xs-5,
.l-col-xs-6,
.l-col-xs-7,
.l-col-xs-8,
.l-col-xs-9,
.l-col-xs-10,
.l-col-xs-11,
.l-col-xs-12 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}

.l-col-xs {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
}

.l-col-xs-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
}

.l-col-xs-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
}

.l-col-xs-2_5 {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
}

.l-col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.l-col-xs-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
}

.l-col-xs-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
}

.l-col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.l-col-xs-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
}

.l-col-xs-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
}

.l-col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
}

.l-col-xs-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
}

.l-col-xs-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
}

.l-col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.l-col-xs-offset-1 {
    margin-left: 8.333%;
}

.l-col-xs-offset-2 {
    margin-left: 16.667%;
}

.l-col-xs-offset-2_5 {
    margin-left: 20%;
}

.l-col-xs-offset-3 {
    margin-left: 25%;
}

.l-col-xs-offset-4 {
    margin-left: 33.333%;
}

.l-col-xs-offset-5 {
    margin-left: 41.667%;
}

.l-col-xs-offset-6 {
    margin-left: 50%;
}

.l-col-xs-offset-7 {
    margin-left: 58.333%;
}

.l-col-xs-offset-8 {
    margin-left: 66.667%;
}

.l-col-xs-offset-9 {
    margin-left: 75%;
}

.l-col-xs-offset-10 {
    margin-left: 83.333%;
}

.l-col-xs-offset-11 {
    margin-left: 91.667%;
}

.l-start-xs {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
}

.l-center-xs {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
}

.l-end-xs {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
}

.l-top-xs {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
}

.l-middle-xs {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.l-bottom-xs {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
}

.l-around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.l-between-xs {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.l-first-xs {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
}

.l-last-xs {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
}

@media (min-width: 768px) {
    .l-col-sm,
    .l-col-sm-1,
    .l-col-sm-2,
    .l-col-sm-2_5,
    .l-col-sm-3,
    .l-col-sm-4,
    .l-col-sm-5,
    .l-col-sm-6,
    .l-col-sm-7,
    .l-col-sm-8,
    .l-col-sm-9,
    .l-col-sm-10,
    .l-col-sm-11,
    .l-col-sm-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 15px;
        padding-left: 15px;
    }
    .l-col-sm {
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }
    .l-col-sm-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%;
    }
    .l-col-sm-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%;
    }
    .l-col-sm-2_5 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
    .l-col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .l-col-sm-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
    .l-col-sm-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%;
    }
    .l-col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .l-col-sm-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%;
    }
    .l-col-sm-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%;
    }
    .l-col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .l-col-sm-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%;
    }
    .l-col-sm-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%;
    }
    .l-col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .l-col-sm-offset-1 {
        margin-left: 8.333%;
    }
    .l-col-sm-offset-2 {
        margin-left: 16.667%;
    }
    .l-col-sm-offset-2_5 {
        margin-left: 20%;
    }
    .l-col-sm-offset-3 {
        margin-left: 25%;
    }
    .l-col-sm-offset-4 {
        margin-left: 33.333%;
    }
    .l-col-sm-offset-5 {
        margin-left: 41.667%;
    }
    .l-col-sm-offset-6 {
        margin-left: 50%;
    }
    .l-col-sm-offset-7 {
        margin-left: 58.333%;
    }
    .l-col-sm-offset-8 {
        margin-left: 66.667%;
    }
    .l-col-sm-offset-9 {
        margin-left: 75%;
    }
    .l-col-sm-offset-10 {
        margin-left: 83.333%;
    }
    .l-col-sm-offset-11 {
        margin-left: 91.667%;
    }
    .l-start-sm {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }
    .l-center-sm {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
    }
    .l-end-sm {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end;
    }
    .l-top-sm {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }
    .l-middle-sm {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .l-bottom-sm {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end;
    }
    .l-around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .l-between-sm {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .l-first-sm {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }
    .l-last-sm {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}

@media (min-width: 979px) {
    .l-col-md,
    .l-col-md-1,
    .l-col-md-2,
    .l-col-md-2_5,
    .l-col-md-3,
    .l-col-md-4,
    .l-col-md-5,
    .l-col-md-6,
    .l-col-md-7,
    .l-col-md-8,
    .l-col-md-9,
    .l-col-md-10,
    .l-col-md-11,
    .l-col-md-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 15px;
        padding-left: 15px;
    }
    .l-col-md {
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }
    .l-col-md-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%;
    }
    .l-col-md-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%;
    }
    .l-col-md-2_5 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
    .l-col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .l-col-md-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
    .l-col-md-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%;
    }
    .l-col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .l-col-md-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%;
    }
    .l-col-md-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%;
    }
    .l-col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .l-col-md-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%;
    }
    .l-col-md-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%;
    }
    .l-col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .l-col-md-offset-1 {
        margin-left: 8.333%;
    }
    .l-col-md-offset-2 {
        margin-left: 16.667%;
    }
    .l-col-md-offset-2_5 {
        margin-left: 20%;
    }
    .l-col-md-offset-3 {
        margin-left: 25%;
    }
    .l-col-md-offset-4 {
        margin-left: 33.333%;
    }
    .l-col-md-offset-5 {
        margin-left: 41.667%;
    }
    .l-col-md-offset-6 {
        margin-left: 50%;
    }
    .l-col-md-offset-7 {
        margin-left: 58.333%;
    }
    .l-col-md-offset-8 {
        margin-left: 66.667%;
    }
    .l-col-md-offset-9 {
        margin-left: 75%;
    }
    .l-col-md-offset-10 {
        margin-left: 83.333%;
    }
    .l-col-md-offset-11 {
        margin-left: 91.667%;
    }
    .l-start-md {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }
    .l-center-md {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
    }
    .l-end-md {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end;
    }
    .l-top-md {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }
    .l-middle-md {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .l-bottom-md {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end;
    }
    .l-around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .l-between-md {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .l-first-md {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }
    .l-last-md {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}

@media (min-width: 1280px) {
    .l-col-lg,
    .l-col-lg-1,
    .l-col-lg-2,
    .l-col-lg-2_5,
    .l-col-lg-3,
    .l-col-lg-4,
    .l-col-lg-5,
    .l-col-lg-6,
    .l-col-lg-7,
    .l-col-lg-8,
    .l-col-lg-9,
    .l-col-lg-10,
    .l-col-lg-11,
    .l-col-lg-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 15px;
        padding-left: 15px;
    }
    .l-col-lg {
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }
    .l-col-lg-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%;
    }
    .l-col-lg-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%;
    }
    .l-col-lg-2_5 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%;
    }
    .l-col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .l-col-lg-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
    .l-col-lg-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%;
    }
    .l-col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .l-col-lg-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%;
    }
    .l-col-lg-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%;
    }
    .l-col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .l-col-lg-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%;
    }
    .l-col-lg-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%;
    }
    .l-col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .l-col-lg-offset-1 {
        margin-left: 8.333%;
    }
    .l-col-lg-offset-2 {
        margin-left: 16.667%;
    }
    .l-col-lg-offset-2_5 {
        margin-left: 20%;
    }
    .l-col-lg-offset-3 {
        margin-left: 25%;
    }
    .l-col-lg-offset-4 {
        margin-left: 33.333%;
    }
    .l-col-lg-offset-5 {
        margin-left: 41.667%;
    }
    .l-col-lg-offset-6 {
        margin-left: 50%;
    }
    .l-col-lg-offset-7 {
        margin-left: 58.333%;
    }
    .l-col-lg-offset-8 {
        margin-left: 66.667%;
    }
    .l-col-lg-offset-9 {
        margin-left: 75%;
    }
    .l-col-lg-offset-10 {
        margin-left: 83.333%;
    }
    .l-col-lg-offset-11 {
        margin-left: 91.667%;
    }
    .l-start-lg {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }
    .l-center-lg {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
    }
    .l-end-lg {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end;
    }
    .l-top-lg {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }
    .l-middle-lg {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .l-bottom-lg {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end;
    }
    .l-around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .l-between-lg {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .l-first-lg {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }
    .l-last-lg {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}

@media (min-width: 1680px) {
    .l-col-xlg,
    .l-col-xlg-1,
    .l-col-xlg-2,
    .l-col-xlg-2_5,
    .l-col-xlg-3,
    .l-col-xlg-4,
    .l-col-xlg-5,
    .l-col-xlg-6,
    .l-col-xlg-7,
    .l-col-xlg-8,
    .l-col-xlg-9,
    .l-col-xlg-10,
    .l-col-xlg-11,
    .l-col-xlg-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 15px;
        padding-left: 15px;
    }
    .l-col-xlg {
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }
    .l-col-xlg-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%;
    }
    .l-col-xlg-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%;
    }
    .l-col-xlg-2_5 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
    .l-col-xlg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .l-col-xlg-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
    .l-col-xlg-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%;
    }
    .l-col-xlg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .l-col-xlg-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%;
    }
    .l-col-xlg-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%;
    }
    .l-col-xlg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    .l-col-xlg-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%;
    }
    .l-col-xlg-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%;
    }
    .l-col-xlg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .l-col-xlg-offset-1 {
        margin-left: 8.333%;
    }
    .l-col-xlg-offset-2 {
        margin-left: 16.667%;
    }
    .l-col-xlg-offset-3 {
        margin-left: 25%;
    }
    .l-col-xlg-offset-4 {
        margin-left: 33.333%;
    }
    .l-col-xlg-offset-5 {
        margin-left: 41.667%;
    }
    .l-col-xlg-offset-6 {
        margin-left: 50%;
    }
    .l-col-xlg-offset-7 {
        margin-left: 58.333%;
    }
    .l-col-xlg-offset-8 {
        margin-left: 66.667%;
    }
    .l-col-xlg-offset-9 {
        margin-left: 75%;
    }
    .l-col-xlg-offset-10 {
        margin-left: 83.333%;
    }
    .l-col-xlg-offset-11 {
        margin-left: 91.667%;
    }
    .l-start-xlg {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }
    .l-center-xlg {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
    }
    .l-end-xlg {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end;
    }
    .l-top-xlg {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }
    .l-middle-xlg {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .l-bottom-xlg {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end;
    }
    .l-around-xlg {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .l-between-xlg {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .l-first-xlg {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }
    .l-last-xlg {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}




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

Utility 

--------------------------------------------------------- */
.u-fz-10 {
    font-size: 10px !important;
}

.u-fz-11 {
    font-size: 11px !important;
}

.u-fz-12 {
    font-size: 12px !important;
}

.u-fz-13 {
    font-size: 13px !important;
}

.u-fz-14 {
    font-size: 14px !important;
}

.u-fz-15 {
    font-size: 15px !important;
}

.u-fz-16 {
    font-size: 16px !important;
}

.u-fz-17 {
    font-size: 17px !important;
}

.u-fz-18 {
    font-size: 18px !important;
}

.u-fz-19 {
    font-size: 19px !important;
}

.u-fz-20 {
    font-size: 20px !important;
}

.u-fw-nm {
    font-weight: normal !important;
}

.u-fw-b {
    font-weight: bold !important;
}

.u-fw-br {
    font-weight: bolder !important;
}

.u-fw-l {
    font-weight: 200 !important;
}

.u-fw-lr {
    font-weight: lighter !important;
}

.u-fw-100 {
    font-weight: 100 !important;
}

.u-fw-200 {
    font-weight: 200 !important;
}

.u-fw-300 {
    font-weight: 300 !important;
}

.u-fw-400 {
    font-weight: 400 !important;
}

.u-fw-500 {
    font-weight: 500 !important;
}

.u-fw-600 {
    font-weight: 600 !important;
}

.u-fw-700 {
    font-weight: 700 !important;
}

.u-fw-800 {
    font-weight: 800 !important;
}

.u-fw-900 {
    font-weight: 900 !important;
}

.u-fs-nm {
    font-style: normal !important;
}

.u-fs-i {
    font-style: italic !important;
}

.u-fs-o {
    font-style: oblique !important;
}

.u-m-a {
    margin: auto !important;
}

.u-m-0 {
    margin: 0 !important;
}

.u-m-0_a {
    margin: 0 auto !important;
}

.u-m-xs {
    margin: 1rem !important;
}

.u-m-sm {
    margin: 2rem !important;
}

.u-m-md {
    margin: 3rem !important;
}

.u-m-lg {
    margin: 4rem !important;
}

.u-m-xl {
    margin: 5rem !important;
}

.u-m-xxl {
    margin: 6rem !important;
}

.u-mt-0 {
    margin-top: 0 !important;
}

.u-mt-xs {
    margin-top: 1rem !important;
}

.u-mt-sm {
    margin-top: 2rem !important;
}

.u-mt-md {
    margin-top: 3rem !important;
}

.u-mt-lg {
    margin-top: 4rem !important;
}

.u-mt-xl {
    margin-top: 5rem !important;
}

.u-mt-xxl {
    margin-top: 6rem !important;
}

.u-mr-a {
    margin-right: auto !important;
}

.u-mr-0 {
    margin-right: 0 !important;
}

.u-mr-xs {
    margin-right: 1rem !important;
}

.u-mr-sm {
    margin-right: 2rem !important;
}

.u-mr-md {
    margin-right: 3rem !important;
}

.u-mr-lg {
    margin-right: 4rem !important;
}

.u-mr-xl {
    margin-right: 5rem !important;
}

.u-mr-xxl {
    margin-right: 6rem !important;
}

.u-mb-0 {
    margin-bottom: 0 !important;
}

.u-mb-xs {
    margin-bottom: 1rem !important;
}

.u-mb-sm {
    margin-bottom: 2rem !important;
}

.u-mb-md {
    margin-bottom: 3rem !important;
}

.u-mb-lg {
    margin-bottom: 4rem !important;
}

.u-mb-xl {
    margin-bottom: 5rem !important;
}

.u-mb-xxl {
    margin-bottom: 6rem !important;
}

.u-ml-a {
    margin-left: auto !important;
}

.u-ml-0 {
    margin-left: 0 !important;
}

.u-ml-xs {
    margin-left: 1rem !important;
}

.u-ml-sm {
    margin-left: 2rem !important;
}

.u-ml-md {
    margin-left: 3rem !important;
}

.u-ml-lg {
    margin-left: 4rem !important;
}

.u-ml-xl {
    margin-left: 5rem !important;
}

.u-ml-xxl {
    margin-left: 6rem !important;
}

.u-p-0 {
    padding: 0 !important;
}

.u-p-xs {
    padding: 1rem !important;
}

.u-p-sm {
    padding: 2rem !important;
}

.u-p-md {
    padding: 3rem !important;
}

.u-p-lg {
    padding: 4rem !important;
}

.u-p-xl {
    padding: 5rem !important;
}

.u-p-xxl {
    padding: 6rem !important;
}

.u-pt-0 {
    padding-top: 0 !important;
}

.u-pt-xs {
    padding-top: 1rem !important;
}

.u-pt-sm {
    padding-top: 2rem !important;
}

.u-pt-md {
    padding-top: 3rem !important;
}

.u-pt-lg {
    padding-top: 4rem !important;
}

.u-pt-xl {
    padding-top: 5rem !important;
}

.u-pt-xxl {
    padding-top: 6rem !important;
}

.u-pr-0 {
    padding-right: 0 !important;
}

.u-pr-xs {
    padding-right: 1rem !important;
}

.u-pr-sm {
    padding-right: 2rem !important;
}

.u-pr-md {
    padding-right: 3rem !important;
}

.u-pr-lg {
    padding-right: 4rem !important;
}

.u-pr-xl {
    padding-right: 5rem !important;
}

.u-pr-xxl {
    padding-right: 5rem !important;
}

.u-pb-0 {
    padding-bottom: 0 !important;
}

.u-pb-xs {
    padding-bottom: 1rem !important;
}

.u-pb-sm {
    padding-bottom: 2rem !important;
}

.u-pb-md {
    padding-bottom: 3rem !important;
}

.u-pb-lg {
    padding-bottom: 4rem !important;
}

.u-pb-xl {
    padding-bottom: 5rem !important;
}

.u-pb-xxl {
    padding-bottom: 6rem !important;
}

.u-pl-0 {
    padding-left: 0 !important;
}

.u-pl-xs {
    padding-left: 1rem !important;
}

.u-pl-sm {
    padding-left: 2rem !important;
}

.u-pl-md {
    padding-left: 3rem !important;
}

.u-pl-lg {
    padding-left: 4rem !important;
}

.u-pl-xl {
    padding-left: 5rem !important;
}

.u-pl-xxl {
    padding-left: 6rem !important;
}

@media (max-width: 767px) {
    .u-m-xs {
        margin: 0.5rem !important;
    }
    .u-m-sm {
        margin: 1rem !important;
    }
    .u-m-md {
        margin: 2rem !important;
    }
    .u-m-lg {
        margin: 3rem !important;
    }
    .u-m-xl {
        margin: 4rem !important;
    }
    .u-m-xxl {
        margin: 5rem !important;
    }
    .u-mt-xs {
        margin-top: 0.5rem !important;
    }
    .u-mt-sm {
        margin-top: 1rem !important;
    }
    .u-mt-md {
        margin-top: 2rem !important;
    }
    .u-mt-lg {
        margin-top: 3rem !important;
    }
    .u-mt-xl {
        margin-top: 4rem !important;
    }
    .u-mt-xxl {
        margin-top: 5rem !important;
    }
    .u-mb-xs {
        margin-bottom: 0.5rem !important;
    }
    .u-mb-sm {
        margin-bottom: 1rem !important;
    }
    .u-mb-md {
        margin-bottom: 2rem !important;
    }
    .u-mb-lg {
        margin-bottom: 3rem !important;
    }
    .u-mb-xl {
        margin-bottom: 4rem !important;
    }
    .u-mb-xxl {
        margin-bottom: 5rem !important;
    }
    .u-p-xs {
        padding: 0.5rem !important;
    }
    .u-p-sm {
        padding: 1rem !important;
    }
    .u-p-md {
        padding: 2rem !important;
    }
    .u-p-lg {
        padding: 3rem !important;
    }
    .u-p-xl {
        padding: 4rem !important;
    }
    .u-pt-xs {
        padding-top: 0.5rem !important;
    }
    .u-pt-sm {
        padding-top: 1rem !important;
    }
    .u-pt-md {
        padding-top: 2rem !important;
    }
    .u-pt-lg {
        padding-top: 3rem !important;
    }
    .u-pt-xl {
        padding-top: 4rem !important;
    }
    .u-pt-xxl {
        padding-top: 5rem !important;
    }
    .u-pb-xs {
        padding-bottom: 0.5rem !important;
    }
    .u-pb-sm {
        padding-bottom: 1rem !important;
    }
    .u-pb-md {
        padding-bottom: 2rem !important;
    }
    .u-pb-lg {
        padding-bottom: 3rem !important;
    }
    .u-pb-xl {
        padding-bottom: 4rem !important;
    }
    .u-pb-xxl {
        padding-bottom: 4rem !important;
    }
}

.u-lisi-n {
    list-style-image: none !important;
}

.u-va-sup {
    vertical-align: super !important;
}

.u-va-t {
    vertical-align: top !important;
}

.u-va-tt {
    vertical-align: text-top !important;
}

.u-va-m {
    vertical-align: middle !important;
}

.u-va-bl {
    vertical-align: baseline !important;
}

.u-va-b {
    vertical-align: bottom !important;
}

.u-va-tb {
    vertical-align: text-bottom !important;
}

.u-va-sub {
    vertical-align: sub !important;
}

.u-ta-l {
    text-align: left !important;
}

.u-ta-c {
    text-align: center !important;
}

.u-ta-r {
    text-align: right !important;
}

.u-ta-j {
    text-align: justify !important;
}

.u-td-n {
    text-decoration: none !important;
}

.u-td-u {
    text-decoration: underline !important;
}

.u-td-o {
    text-decoration: overline !important;
}

.u-td-l {
    text-decoration: line-through !important;
}

.u-te-n {
    -webkit-text-emphasis: none !important;
    text-emphasis: none !important;
}

.u-float-l {
    float: left !important;
}

.u-float-r {
    float: right !important;
}

.u-c-require {
    color: #d5007d !important;
}

.u-c-white {
    color: #ffffff !important;
}

.u-c-primary {
    color: #1a1a1a !important;
}

.u-d-n {
    display: none !important;
}

.u-d-b {
    display: block !important;
}

.u-d-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.u-d-if {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.u-d-i {
    display: inline !important;
}

.u-d-ib {
    display: inline-block !important;
}

.u-d-li {
    display: list-item !important;
}

.u-d-ri {
    display: run-in !important;
}

.u-d-cp {
    display: compact !important;
}

.u-d-tb {
    display: table !important;
}

.u-d-itb {
    display: inline-table !important;
}

.u-d-tbcp {
    display: table-caption !important;
}

.u-d-tbcl {
    display: table-column !important;
}

.u-d-tbclg {
    display: table-column-group !important;
}

.u-d-tbhg {
    display: table-header-group !important;
}

.u-d-tbfg {
    display: table-footer-group !important;
}

.u-d-tbr {
    display: table-row !important;
}

.u-d-tbrg {
    display: table-row-group !important;
}

.u-d-tbc {
    display: table-cell !important;
}

.u-d-rb {
    display: ruby !important;
}

.u-d-rbb {
    display: ruby-base !important;
}

.u-d-rbbg {
    display: ruby-base-group !important;
}

.u-d-rbt {
    display: ruby-text !important;
}

.u-d-rbtg {
    display: ruby-text-group !important;
}

/* =========================================================
clearfix
========================================================= */
.clear,
.u-clearfix:before,
.u-clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.u-clearfix:after {
    clear: both;
}

/* =========================================================
display
========================================================= */
.u-sp-block {
    display: none;
}

@media (max-width: 767px) {
    .u-sp-block {
        display: block;
    }
}

.u-pc-block {
    display: block;
}

@media (max-width: 767px) {
    .u-pc-block {
        display: none;
    }
}

.u-sp-inline {
    display: none !important;
}

@media (max-width: 767px) {
    .u-sp-inline {
        display: inline !important;
    }
}

.u-pc-inline {
    display: inline !important;
}

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

.u-sp-inlineblock {
    display: none;
}

@media (max-width: 767px) {
    .u-sp-inlineblock {
        display: inline-block;
    }
}

.u-pc-inlineblock {
    display: inline-block;
}

@media (max-width: 767px) {
    .u-pc-inlineblock {
        display: none;
    }
}

/* =========================================================
img
========================================================= */
.u-img-responsive {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.u-img-no-responsive {
    display: inline-block;
    max-width: auto;
    height: auto;
}

.u-img-fit {
    display: inline-block;
    width: 100%;
    height: auto;
}





/* =========================================================
modal-video
========================================================= */

@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modal-video-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}

.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.modal-video-close {
  opacity: 0;
}

.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  -moz-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -o-transform: translate(0, 100px);
  transform: translate(0, 100px);
}

.modal-video-body {
  max-width: 960px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.modal-video-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

@media (orientation: landscape) {
  .modal-video-inner {
    padding: 10px 60px;
    box-sizing: border-box;
  }
}

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -ms-transition: -ms-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -45px;
  right: 0;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}

@media (orientation: landscape) {
  .modal-video-close-btn {
    top: 0;
    right: -45px;
  }
}

.modal-video-close-btn:before {
  transform: rotate(45deg);
}

.modal-video-close-btn:after {
  transform: rotate(-45deg);
}

.modal-video-close-btn:before, .modal-video-close-btn:after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}