@charset "UTF-8";

body {
    min-width: 0;
}

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

.parts,
#area_header,
#area_global_navi,
#area_pagination,
#area_topic_path,
#area_footer,
#area_footer #area_banner_list,
#area_footer #area_footer_general,
.layout_popup #headingLv1-pagetitle,
.elem_section_block,
#elem_heading_lv1 {
    min-width: 0;
}

.parts .padder,
#area_header .padder,
#area_global_navi .padder,
#area_pagination .padder,
#area_topic_path .padder,
#area_footer .padder,
#area_footer #area_banner_list .padder,
#area_footer #area_footer_general .padder,
.layout_popup #headingLv1-pagetitle .padder,
.layout_popup #area_pagination,
.layout_popup #area_footer .padder,
.layout_popup #area_footer #area_footer_general .padder,
.elem_section_block .padder,
#elem_heading_lv1 .padder,
#contentBody,
.layout_popup .elem_section_block .padder {
    width: auto;
    max-width: 990px;
}

.layout_popup .parts,
.layout_popup #area_header,
.layout_popup #area_global_navi,
.layout_popup #area_pagination,
.layout_popup #area_topic_path,
.layout_popup #area_footer,
.layout_popup #area_footer #area_banner_list,
#area_footer .layout_popup #area_banner_list,
.layout_popup #area_footer #area_footer_general,
#area_footer .layout_popup #area_footer_general,
.layout_popup #headingLv1-pagetitle,
.layout_popup .elem_section_block,
.layout_popup #elem_heading_lv1 {
    min-width: 0;
}

.layout_popup #area_header .padder,
.layout_popup #contentBody {
    width: auto;
    max-width: 930px;
}

.layout_popup #headingLv1-pagetitle,
.layout_popup #headingLv1-pagetitle>div {
    width: 100% !important;
    max-width: 930px;
}

.layout_popup #area_pagination {
    margin: 0 auto;
}

.elem_section_block_slider {
    max-width: 1280px;
    margin: 0 auto;
    width: auto;
}

/* todo: トップページカルーセル差し替え */
.honbun {
    max-width: 1280px;
    max-height: 350px;
    width: 100%;
    height: 27.34vw;
    margin: 0 auto;
}

.honbun .album {
    width: 19.53%;
}

.honbun .album2,
.honbun .album3,
.honbun .album4,
.honbun .album5 {
    width: 40.23%;
}

#headingLv1-pagetitle {
    min-width: 0;
    width: auto;
    max-width: 1280px;
    margin: 0 auto;
}

#headingLv1-pagetitle>div {
    width: 100%;
    max-width: 990px;
}

#area_global_navi>.padder>ul {
    display: table;
    table-layout: fixed;
}

#area_global_navi>.padder>ul>li {
    display: table-cell;
    vertical-align: top;
    float: none;
    width: auto;
}

#area_global_navi>.padder>ul>li>a {
    position: relative;
}

#area_global_navi>.padder>ul>li>.hover:before,
#area_global_navi>.padder>ul>li>a:hover:before,
#area_global_navi>.padder>ul>li>a:active:before {
    position: absolute;
    display: block;
    bottom: -17px;
    left: 50%;
    margin-left: -82px;
    width: 165px;
    height: 20px;
    background: url(../images/components/area_global_navi/arrow.png) no-repeat 0 bottom;
    content: '';
}

#area_global_navi>.padder>ul:after {
    display: none;
}

#area_global_navi ul li .item {
    width: 100%;
}

/* ----------------------------------------------------------------
    Clearfix
----------------------------------------------------------------- */
#area_header .area_header_inner:after,
#area_header_menu:after,
#area_global_navi ul li .item section .heading header a:after,
.categoryNavigation .itemList:after,
.elem_pic_list ul:after,
#elem_map_changer ul:after {
    clear: both;
    display: block;
    content: '';
}

/* ----------------------------------------------------------------
    Header
----------------------------------------------------------------- */
/* #area_header
----------------------------------------------- */
#area_header {
    position: relative;
    padding-bottom: 72px;
}

.layout_popup #area_header {
    padding-bottom: 0;
}

/* #area_header #logo
----------------------------------------------- */
#area_header #logo {
    width: 356px;
}

/* .area_header_inner
----------------------------------------------- */
#area_header .area_header_inner {
    max-width: 990px;
    margin: 0 auto;
}

/* #area_header_logo
----------------------------------------------- */
#area_header_logo {
    position: relative;
    float: left;
}

/* #description
----------------------------------------------- */
#area_header #description {
    left: 40px;
}

/* .header-menu-btn
----------------------------------------------- */
.header-menu-btn {
    display: none;
}

/* .area_header_utility
----------------------------------------------- */
#area_header .area_header_utility {
    position: relative;
    float: right;
    width: 420px;
}

/* ----------------------------------------------------------------
    Global Nav
----------------------------------------------------------------- */
/* #area_global_navi
----------------------------------------------- */
#area_global_navi {
    top: auto;
    left: 0;
    bottom: 0;
}

#area_global_navi ul {
    display: table;
    table-layout: fixed;
}

#area_global_navi ul li {
    float: none;
    display: table-cell;
    width: auto;
}

#area_global_navi ul li>a>span+span {
    display: none;
}

#area_global_navi ul li .item section .heading {
    padding-right: 150px;
}

#area_global_navi ul li .item section .heading header {
    padding: 0;
}

#area_global_navi ul li .item section .heading header a {
    display: block;
    margin-top: .05em;
    padding: 12px 15px 9px;
    text-decoration: none;
}

#area_global_navi ul li .item section .heading header a h2 {
    padding-left: 30px;
    font-size: 172%;
}

#area_global_navi ul li .item section .heading header a:hover h2,
#area_global_navi ul li .item section .heading header a:active h2,
#area_global_navi ul li .item section .heading header a:focus h2 {
    background-position: 0 -376px;
    text-decoration: underline;
}

#area_topic_path {
    margin-top: 0;
}

/* ----------------------------------------------------------------
    Footer
----------------------------------------------------------------- */
/* #area_footer
----------------------------------------------- */
#area_footer #area_footer_localnavi .padder,
#area_footer #area_footer_localnavi_sub .padder {
    width: 100%;
}

/* ----------------------------------------------------------------
    Headings
----------------------------------------------------------------- */
/* .headingLv1-pagetitle-image-02
----------------------------------------------- */
.headingLv1-pagetitle-image-02 {
    display: table;
    table-layout: fixed;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}

.headingLv1-pagetitle-image-02>div {
    box-sizing: border-box;
    width: 100%;
    padding: 13px 0;
    background: #2c5200;
}

.headingLv1-pagetitle-image-02>div div {
    box-sizing: border-box;
    display: table;
    padding: 0 10px;
    width: 100%;
    max-width: 1047px;
    margin: 0 auto;
}

.headingLv1-pagetitle-image-02>div+div {
    display: table-header-group;
    text-align: center;
}

.headingLv1-pagetitle-image-02>div h1,
.headingLv1-pagetitle-image-02>div p {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}

.headingLv1-pagetitle-image-02>div h1 {
    font-size: 2.8rem;
    line-height: 3.6rem;
}

.headingLv1-pagetitle-image-02>div p {
    text-align: right;
    font-size: 1.8rem;
}

/* .headingLv2
----------------------------------------------- */
.sumius .headingLv2>h2.linked span a {
    background: none;
}

.sumius .headingLv2>h2.linked span a:before {
    background: url(../images/shared/arrow/sumius/right01.png) 0 0 no-repeat;
}

/* .headingLv3
----------------------------------------------- */
.headingLv3 {
    margin-top: 15px;
}

/* .headingLv4
----------------------------------------------- */
.headingLv4 {
    margin-top: 4px;
}

/* ----------------------------------------------------------------
    Texts
----------------------------------------------------------------- */
/* .textList
----------------------------------------------- */
.textList ul li {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.textList._em ul li {
    position: relative;
    color: #bf8300;
    font-size: 129%;
    background: none;
}

.textList._em ul li:before {
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #bf8300;
    content: '';
}

/* .textListNavi
----------------------------------------------- */
.textListNavi ul>.no-indent {
    padding-left: 0;
    text-indent: 0;
}

.textListNavi ul li a {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* .paragraph
----------------------------------------------- */
.categoryNavigation+.paragraph {
    margin-top: 4px;
}

/* ----------------------------------------------------------------
    Lists
----------------------------------------------------------------- */
/* .textListNews
----------------------------------------------- */
.textListNews ul li {
    display: table;
}

.textListNews ul>.item {
    display: block;
}

.textListNews ul>.item>strong,
.textListNews ul>.item>span {
    display: inline-block;
}

.textListNews ul li span {
    text-indent: 0;
}

.textListNews.block ul li {
    display: block;
}

.textListNews.block ul li span {
    text-indent: -10px;
}

/* ----------------------------------------------------------------
    Links
----------------------------------------------------------------- */
/* .textLinkPdf
----------------------------------------------- */
.textLinkPdf {
    position: relative;
    padding: 0 0 0 30px;
}

.textLinkPdf img {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
}

/* ----------------------------------------------------------------
    Navigations
----------------------------------------------------------------- */
/* .categoryNavigation
----------------------------------------------- */
.categoryNavigation {
    margin: 0;
}

.categoryNavigation .itemList {
    margin: 0 0 0 -2.15%;
    letter-spacing: normal;
}

.categoryNavigation .itemList:after {
    display: block;
    content: '';
    clear: both;
}

.categoryNavigation .itemList .item {
    display: block;
    float: left;
    margin-left: 2.1%;
    width: 22.89%;
}

.categoryNavigation .itemList .item:nth-child(4n+1) {
    clear: both;
}

.categoryNavigation .itemList .item .imgArea img {
    width: 100%;
    height: auto;
}

.categoryNavigation.widthAuto .itemList .item .imgArea img {
    width: auto;
}

.sumius .gotop ul li a,
.sumius .gotop ul li a:hover,
.sumius .gotop ul li a:active,
.sumius .gotop ul li a:focus {
    background-position: 0 0;
}

/* ----------------------------------------------------------------
    Media
----------------------------------------------------------------- */
/* .pik
----------------------------------------------- */
.pikbox .pik img,
.pikList table td.item .pik img {
    max-width: none;
}

.pikList table td.item .pik> :last-child {
    padding-bottom: 0;
}

.pikbox .pik img.lv1 {
    width: 217px;
    box-sizing: border-box;
}

/* .pik
----------------------------------------------- */
.pikList table.itemList.cols3 {
    table-layout: fixed;
    width: 100%;
}

.pikList table.itemList.cols3 td.item .pik img {
    max-width: 100%;
}

/* .elem_pic
----------------------------------------------- */
.elem_pic .elem_pic_pad .elem_pic_pad_wrap {
    max-width: 560px;
    max-height: 315px;
    overflow: hidden;
    margin: 0 auto;
}

.elem_pic .elem_pic_pad .elem_pic_pad_inner {
    position: relative;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding-top: 65.5%;
}

.elem_pic .elem_pic_pad .elem_pic_pad_inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 560px;
    max-height: 315px;
}

/* .elem_pic_list
----------------------------------------------- */
.elem_pic_list ul {
    display: block;
    margin: 0 0 0 -2.29%;
}

.elem_pic_list.lv1 ul li,
.textListTerms>table th.elem_pic_list.lv2 ul li,
.textListTerms>table th.elem_pic_list.lv3 ul li,
.elem_pic_list.lv1 ul li:first-child,
.textListTerms>table th.elem_pic_list.lv2 ul li:first-child,
.textListTerms>table th.elem_pic_list.lv3 ul li:first-child {
    float: left;
    margin: 0 0 0 2.24%;
    width: 17.52%;
    padding: 0;
}

/* ----------------------------------------------------------------
    Carousel
----------------------------------------------------------------- */
/* .slick-slide
----------------------------------------------- */
.slick-slide img {
    width: 226px;
    height: 148px;
}

.top-main-slider .slick-slide img {
    width: 100%;
    height: auto;
}

.elem_section_block.js_slider.pickup {
    height: auto;
}

/* ----------------------------------------------------------------
    Uniques
----------------------------------------------------------------- */
/* .msg-lyt
----------------------------------------------- */
.msg-lyt {
    background: url(/ww-images/msg_bg.png) no-repeat #fff 50% 0;
}

.msg-lyt #contentBody {
    margin-top: 0;
    padding-top: 47px;
}

.msg-lyt p {
    margin-bottom: 30px;
}

/* .msg-txt-catch
----------------------------------------------- */
.msg-txt-catch {
    color: #6cc7b6;
    font-size: 2.6rem;
}

.msg-txt-catch b {
    font-weight: normal;
}

/* .msg-txt-sign
----------------------------------------------- */
.msg-txt-sign {
    text-align: right;
}

/* #elem_map_changer
----------------------------------------------- */
#elem_map_changer ul li {
    position: static;
    margin: 0 0 40px 60px;
    float: left;
}

#elem_map_changer ul li:first-child {
    margin-left: 0;
}

#elem_map_changer.domestic ul,
#elem_map_changer.offices ul,
#elem_map_changer.overseas ul {
    background: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

#elem_map_changer.overseas {
    padding-top: 0;
}

#elem_map_changer ul {
    max-width: 534px;
}

#elem_map_changer.domestic ul li,
#elem_map_changer.offices ul li,
#elem_map_changer.overseas ul li {
    text-indent: 0;
    padding: 0;
    width: 237px;
    height: 87px;
}

#elem_map_changer.domestic ul li.overseas a,
#elem_map_changer.offices ul li.overseas a,
#elem_map_changer.domestic ul li.offices a,
#elem_map_changer.offices ul li.offices a,
#elem_map_changer.offices ul li.domestic a,
#elem_map_changer.overseas ul li.offices a,
#elem_map_changer.overseas ul li.domestic a {
    display: block;
    position: static;
    width: 100%;
    height: 100%;
    padding: 0;
    background: url(/common/images/components/elem_map_changer/btn.png) no-repeat;
}

#elem_map_changer.domestic ul li.offices a,
#elem_map_changer.overseas ul li.offices a {
    background-position: -239px 0;
}

#elem_map_changer.offices ul li.domestic a,
#elem_map_changer.overseas ul li.domestic a {
    background-position: -239px -178px;
}

#elem_map_changer.domestic ul li.overseas a:hover,
#elem_map_changer.offices ul li.overseas a:hover,
#elem_map_changer.domestic ul li.offices a:hover,
#elem_map_changer.offices ul li.offices a:hover,
#elem_map_changer.offices ul li.domestic a:hover,
#elem_map_changer.overseas ul li.offices a:hover,
#elem_map_changer.overseas ul li.domestic a:hover,
#elem_map_changer.domestic ul li.overseas a:active,
#elem_map_changer.offices ul li.overseas a:active,
#elem_map_changer.domestic ul li.offices a:active,
#elem_map_changer.offices ul li.offices a:active,
#elem_map_changer.offices ul li.domestic a:active,
#elem_map_changer.overseas ul li.offices a:active,
#elem_map_changer.overseas ul li.domestic a:active,
#elem_map_changer.domestic ul li.overseas a:focus,
#elem_map_changer.offices ul li.overseas a:focus,
#elem_map_changer.domestic ul li.offices a:focus,
#elem_map_changer.offices ul li.offices a:focus,
#elem_map_changer.offices ul li.domestic a:focus,
#elem_map_changer.overseas ul li.offices a:focus,
#elem_map_changer.overseas ul li.domestic a:focus {
    width: 100%;
    height: 100%;
    padding: 0;
    background: url(/common/images/components/elem_map_changer/btn.png) no-repeat;
}

#elem_map_changer.domestic ul li.overseas a:hover,
#elem_map_changer.domestic ul li.overseas a:active,
#elem_map_changer.domestic ul li.overseas a:focus,
#elem_map_changer.offices ul li.overseas a:hover,
#elem_map_changer.offices ul li.overseas a:active,
#elem_map_changer.offices ul li.overseas a:focus {
    background-position: 0 -89px;
}

#elem_map_changer.domestic ul li.offices a:hover,
#elem_map_changer.domestic ul li.offices a:active,
#elem_map_changer.domestic ul li.offices a:focus,
#elem_map_changer.overseas ul li.offices a:hover,
#elem_map_changer.overseas ul li.offices a:active,
#elem_map_changer.overseas ul li.offices a:focus {
    background-position: -239px -89px;
}

#elem_map_changer.offices ul li.domestic a:hover,
#elem_map_changer.offices ul li.domestic a:active,
#elem_map_changer.offices ul li.domestic a:focus,
#elem_map_changer.overseas ul li.domestic a:hover,
#elem_map_changer.overseas ul li.domestic a:active,
#elem_map_changer.overseas ul li.domestic a:focus {
    background-position: -239px -267px;
}

#elem_map_changer .pik img {
    margin-right: auto;
    margin-left: auto;
}

/* ----------------------------------------------------------------
    Helper
----------------------------------------------------------------- */
/* .gCenter02
----------------------------------------------- */
.gCenter02 {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
}

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

    /* ----------------------------------------------------------------
        Grid
    ----------------------------------------------------------------- */
    /* .contentDivide
    ----------------------------------------------- */
    .contentDivide .cols2 .dividedContent {
        width: auto;
    }

    /* ----------------------------------------------------------------
        Carousel
    ----------------------------------------------------------------- */
    /* .elem_section_block.js_slider
    ----------------------------------------------- */
    .elem_section_block.js_slider .padder {
        width: auto;
        max-width: 990px;
        padding-left: 0;
    }

    .elem_section_block.js_slider .padder .padder {
        width: auto;
        max-width: 990px;
        padding-left: 0;
    }

    .elem_section_block.js_slider .padder .padder .headingLv2 {
        margin-left: 0;
    }

    /* .slick-prev
    ----------------------------------------------- */
    .col2 .slick-prev,
    .col3 .slick-prev,
    .col4 .slick-prev {
        left: 0;
        background-position: 50% 50%;
    }

    /* .slick-next
    ----------------------------------------------- */
    .col2 .slick-next,
    .col3 .slick-next,
    .col4 .slick-next {
        right: 0;
        background-position: 50% 50%;
    }

    /* .slick-slide
    ----------------------------------------------- */
    .slick-slider:not(.top-main-slider) {
        padding: 0 30px;
        overflow: hidden;
    }

    .slick-slide .image figure {
        padding: 0;
    }

    .slick-slide .image img {
        margin: 0 auto;
    }

    /* .slick-dots
    ----------------------------------------------- */
    .slick-dots {
        margin: 0 -30px !important;
        position: static;
        width: auto;
        max-width: 990px;
    }

    .top-main-slider .slick-dots {
        margin: 0 !important;
    }
}

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

    /* ----------------------------------------------------------------
        Follow
    ----------------------------------------------------------------- */
    .textListAnchor.liner .js_follow {
        box-sizing: border-box;
        width: 100%;
        max-width: 900px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .textListAnchor.liner .js_follow.fixed {
        left: 0;
    }
}

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

    /* ----------------------------------------------------------------
        Header
    ----------------------------------------------------------------- */
    /* #area_header #logo
    ----------------------------------------------- */
    #area_header #logo {
        width: 267px;
    }
}

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

    body.sp p,
    body.sp li,
    body.sp caption,
    body.sp .textListTerms th,
    body.sp .textListTerms td,
    body.sp .table th,
    body.sp .table td,
    body.sp .elem_issue_list dl dt,
    body.sp .elem_issue_list dl dd,
    body.sp .elem_point_list dl dd,
    body.sp figure figcaption,
    body.sp .comp_column_button p,
    body.sp #area_footer #area_footer_general ul li,
    body.sp #area_footer #area_footer_general #copyright {
        font-size: 100%;
    }

    body {
        line-height: 1.5;
    }

    figure nav ul li a {
        right: 0;
    }

    figure nav ul li:first-child a {
        left: 0;
    }

    /* ----------------------------------------------------------------
        Clearfix
    ----------------------------------------------------------------- */
    #area_footer #area_footer_general ul:after {
        clear: both;
        display: block;
        content: '';
    }

    /* ----------------------------------------------------------------
        Header
    ----------------------------------------------------------------- */
    /* #area_header
    ----------------------------------------------- */
    #area_header {
        border-bottom: 2px solid #bfbfbf;
        padding: 0;
        background-image: none;
        z-index: 1001;
    }

    .layout_popup #area_header .padder {
        padding: 0 10px;
    }

    /* .area_header_inner
    ----------------------------------------------- */
    #area_header .area_header_inner {
        position: relative;
    }

    /* #area_header_logo
    ----------------------------------------------- */
    #area_header_logo {
        padding: 0 0 0 10px;
    }

    /* #area_header #logo
    ----------------------------------------------- */
    #area_header #logo {
        width: 178px;
        padding-top: 35px;
    }

    /* #description
    ----------------------------------------------- */
    #area_header #description {
        top: 20px;
        left: 30px;
        font-size: 67%;
    }

    /* .header-menu-btn
    ----------------------------------------------- */
    .header-menu-btn {
        position: absolute;
        top: 17px;
        right: 10px;
        display: block;
    }

    .header-menu-btn button {
        position: relative;
        display: block;
        padding: 7px 10px 7px 27px;
        border: 0;
        border-radius: 4px;
        background: #2c5200;
        color: #fff;
        font-size: 1.4rem;
        cursor: pointer;
    }

    .header-menu-btn button:before,
    .header-menu-btn button:after {
        position: absolute;
        left: 10px;
        box-sizing: border-box;
        width: 13px;
        height: 2px;
        border: 1px solid #fff;
        border-radius: 3px;
        background: #fff;
        content: '';
        transition: all .2s ease;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }

    .header-menu-btn button:before {
        top: 9px;
    }

    .header-menu-btn button:after {
        top: 19px;
    }

    .header-menu-btn .header-menu-btn-inner {
        display: block;
    }

    .header-menu-btn .header-menu-btn-inner:before {
        position: absolute;
        top: 14px;
        left: 10px;
        box-sizing: border-box;
        width: 13px;
        height: 2px;
        border: 1px solid #fff;
        border-radius: 3px;
        background: #fff;
        content: '';
        transition: all .2s ease;
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }

    .header-menu:not(.is-collapse) .header-menu-btn [aria-expanded='true']:before {
        top: 10px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .header-menu:not(.is-collapse) .header-menu-btn [aria-expanded='true']:after {
        top: 19px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .header-menu:not(.is-collapse) .header-menu-btn [aria-expanded='true'] .header-menu-btn-inner:before {
        left: 14px;
        -webkit-transform: scale(.1, 1);
        transform: scale(.1, 1);
    }

    /* #area_header_menu
    ----------------------------------------------- */
    #area_header_menu {
        position: absolute;
        top: 62px;
        z-index: 2;
    }

    /* .area_header_utility
    ----------------------------------------------- */
    #area_header .area_header_utility {
        float: none;
        padding: 20px;
        width: auto;
        background: #dedede;
    }

    #area_header #textsizer,
    #area_header .elem_text_list,
    #area_header form#search {
        position: static;
    }

    /* #textsizer
    ----------------------------------------------- */
    #area_header #textsizer {
        display: table;
        margin: 0 0 14px;
    }

    #area_header #textsizer p {
        display: table-cell;
        float: none;
        margin: 0;
        line-height: 1;
        vertical-align: middle;
        white-space: nowrap;
    }

    #area_header #textsizer #font_resizer {
        display: table-cell;
        float: none;
        vertical-align: middle;
    }

    #area_header #textsizer #j-font-size #j-font-size-medium,
    #area_header #textsizer #j-font-size #j-font-size-large {
        padding: 0 0 0 16px;
    }

    #area_header #textsizer #j-font-size #j-font-size-medium span,
    #area_header #textsizer #j-font-size #j-font-size-large span {
        box-sizing: border-box;
        min-width: 88px;
        width: auto;
        height: auto;
        margin: 0;
        padding: 3px;
        background: #717171;
        color: #fff;
        line-height: 1;
    }

    /* .elem_text_list
    ----------------------------------------------- */
    #area_header .elem_text_list {
        margin: 0 0 14px;
    }

    #area_header .elem_text_list ul {
        display: table;
        table-layout: fixed;
        width: 100%;
        text-align: left;
    }

    #area_header .elem_text_list ul:after {
        display: none;
    }

    #area_header .elem_text_list ul li {
        float: none;
        display: table-cell;
        vertical-align: top;
        text-indent: 0;
    }

    .elem_text_list ul li.nav a {
        display: block;
        padding: 0;
    }

    /* form#search
    ----------------------------------------------- */
    #area_header form#search .search_keyword {
        box-sizing: border-box;
        width: 57.14%;
        float: left;
    }

    #area_header form#search .category {
        box-sizing: border-box;
        width: 35.71%;
        margin: 0 0 0 7.14%;
        float: left;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==) no-repeat #fff right 50%;

        -webkit-appearance: none;
    }

    #area_header form#search input[type=submit] {
        width: 100%;
        margin: 10px 0 0;
        padding: 0 10px;
        background: #aaa;
        letter-spacing: normal;
        -webkit-appearance: none;
        clear: both;
    }

    #area_header form#search input[type=submit]:hover,
    #area_header form#search input[type=submit]:active,
    #area_header form#search input[type=submit]:focus {
        background-image: none;
    }

    /* ----------------------------------------------------------------
        Global Nav
    ----------------------------------------------------------------- */
    /* #area_global_navi
    ----------------------------------------------- */
    #area_global_navi {
        position: static !important;
        height: auto;
    }

    #area_global_navi .padder {
        padding: 0;
    }

    #area_global_navi>.padder>ul {
        display: block;
        background: none;
    }

    #area_global_navi>.padder>ul>li {
        display: block;
        border-top: 1px solid #fff;
    }

    #area_global_navi>.padder>ul>li:first-child {
        border-top: 0;
    }

    #area_global_navi ul li>a {
        position: relative;
        padding: 18px 40px 9px 10px;
        color: #fff;
        background: #6b864c;
        text-align: left;
    }

    /* 疑似要素で + を作成 */
    #area_global_navi ul li>a:before,
    #area_global_navi ul li>a:after {
        position: absolute;
        z-index: 1;
        display: block;
        content: '';
        background: #626262;
        transition: all .5s cubic-bezier(.23, 1, .32, 1);
    }

    /* important で上書き */
    #area_global_navi ul li>a:before,
    #area_global_navi ul li>.hover:before,
    #area_global_navi ul li>a:hover:before,
    #area_global_navi ul li>a:active:before {
        top: 22px;
        left: auto !important;
        right: 19px;
        width: 2px !important;
        height: 12px !important;
        background: #626262 !important;
    }

    #area_global_navi ul li>a:after {
        top: 27px;
        right: 14px;
        width: 12px;
        height: 2px;
    }

    #area_global_navi ul li:not(.is-collapse)>a[aria-expanded='true']:before,
    #area_global_navi ul li:not(.is-collapse)>a[aria-expanded='true']:after {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    #area_global_navi ul li:not(.is-collapse)>a[aria-expanded='true']:after {
        opacity: 0;
    }

    #area_global_navi ul li>a:hover,
    #area_global_navi ul li>a:active,
    #area_global_navi ul li>a:focus {
        border: 0;
        color: #fff;
    }

    #area_global_navi ul li>a>span {
        background: none;
    }

    /* トグルの□部分を作成 */
    #area_global_navi ul li>a>span+span {
        position: absolute;
        display: block;
        top: 18px;
        right: 10px;
        z-index: 0;
        overflow: hidden;
        width: 20px;
        height: 20px;
        padding: 0;
        border-radius: 3px;
        background: #fff;
        color: transparent;
    }

    #area_global_navi ul li>a.current {
        border: 0;
    }

    #area_global_navi ul li .item {
        position: static;
        visibility: visible;
    }

    #area_global_navi ul li .item .arrow {
        display: none;
    }

    #area_global_navi ul li .item section {
        padding: 0 0 92px;
        background: none;
    }

    #area_global_navi ul li .item section .heading {
        padding: 0;
    }

    #area_global_navi ul li .item section .heading header {
        float: none;
        padding: 0;
    }

    #area_global_navi ul li .item section .heading header a {
        position: relative;
        padding: 12px 30px 9px 10px;
    }

    #area_global_navi ul li .item section .heading header a h2 {
        float: none;
        padding: 0;
        background: none;
    }

    #area_global_navi ul li .item section .heading header h2:hover,
    #area_global_navi ul li .item section .heading header h2:hover:hover,
    #area_global_navi ul li .item section .heading header h2:active,
    #area_global_navi ul li .item section .heading header h2:focus {
        background: none;
    }

    #area_global_navi ul li .item section .heading header h2 a {
        display: block;
        padding: 0;
        font-size: 143%;
    }

    #area_global_navi ul li .item section .heading header p {
        float: none;
        margin: 7px 0 0;
    }

    #area_global_navi ul li .item section .heading .link {
        top: auto;
        bottom: 0;
        right: auto;
        left: 0;
        width: 100%;
        height: auto;
    }

    #area_global_navi ul li .item section .heading .link .inquiry,
    #area_global_navi ul li .item section .heading .link .question {
        float: none;
        padding: 0;
        border-top: 1px solid #c9c9c9;
    }

    #area_global_navi ul li .item section .heading .link .inquiry a,
    #area_global_navi ul li .item section .heading .link .question a {
        padding: 12px 30px 11px 43px;
        width: auto;
        height: auto;
        background: none;
        text-indent: 0;
    }

    #area_global_navi ul li .item section .heading .link .inquiry a.current,
    #area_global_navi ul li .item section .heading .link .question a.current {
        background-image: none;
    }

    #area_global_navi ul li .item section .heading .link .inquiry a:before,
    #area_global_navi ul li .item section .heading .link .question a:before {
        position: absolute;
        left: 10px;
        display: block;
        content: '';
    }

    #area_global_navi ul li .item section .heading .link .inquiry a:before {
        top: 15px;
        width: 23px;
        height: 15px;
        background: url('/common/images/components/area_global_navi/inquiry02.png') no-repeat;
        background-size: 23px 15px;
    }

    #area_global_navi ul li .item section .heading .link .question a:before {
        top: 14px;
        width: 22px;
        height: 20px;
        background: url('/common/images/components/area_global_navi/icon/question02.png') no-repeat;
        background-size: 22px 20px;
    }

    #area_global_navi ul li .item section .heading .link .inquiry a:hover,
    #area_global_navi ul li .item section .heading .link .question a:hover {
        width: auto;
        height: auto;
        background: #f4be17;
        color: #fff;
    }

    #area_global_navi ul li .item section .heading .link .inquiry a:hover:hover,
    #area_global_navi ul li .item section .heading .link .question a:hover:hover,
    #area_global_navi ul li .item section .heading .link .inquiry a:hover.current,
    #area_global_navi ul li .item section .heading .link .question a:hover.current {
        background: #f4be17;
    }

    #area_global_navi ul li .item section ul {
        margin: 0;
        letter-spacing: normal;
    }

    #area_global_navi ul li .item section ul li {
        display: block;
        padding: 0;
        width: auto;
        border-top: 1px solid #c9c9c9;
    }

    #area_global_navi ul li .item section ul li span {
        width: auto;
        height: auto;
    }

    #area_global_navi ul li .item section ul li img {
        display: none;
    }

    #area_global_navi ul li .item section ul li a {
        position: static;
        padding: 15px 30px 14px 10px;
        width: auto;
        text-align: left;
        font-size: 1.4rem;
        height: auto !important;
    }

    /* 疑似要素で '>' を出力 */
    #area_global_navi ul li .item section ul li a:after,
    #area_global_navi ul li .item section .heading header a:after,
    #area_global_navi ul li .item section .heading .link .inquiry a:after,
    #area_global_navi ul li .item section .heading .link .question a:after {
        position: absolute;
        display: block;
        content: '';
        top: 50%;
        right: 19px;
        width: 6px;
        height: 6px;
        border: 1px solid #626262;
        border-bottom: transparent;
        border-left: transparent;
        margin-top: -3px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /* ----------------------------------------------------------------
        Footer
    ----------------------------------------------------------------- */
    /* #area_footer_localnavi
    ----------------------------------------------- */
    #area_footer #area_footer_localnavi,
    #area_footer #area_footer_localnavi_sub {
        padding: 0;
        border-top: 1px solid #fff;
        border-bottom: 0;
    }

    #area_footer #area_footer_localnavi .padder,
    #area_footer #area_footer_localnavi_sub .padder {
        display: block;
    }

    #area_footer #area_footer_localnavi h4,
    #area_footer #area_footer_localnavi_sub h4 {
        display: block;
        width: auto;
        padding: 6px 10px;
        border-bottom: 1px solid #fff;
    }

    #area_footer #area_footer_localnavi ul:after,
    #area_footer #area_footer_localnavi_sub ul:after {
        display: block;
        content: '';
        clear: both;
    }

    #area_footer #area_footer_localnavi ul,
    #area_footer #area_footer_localnavi_sub ul {
        display: block;
        padding: 16px 10px 22px;
    }

    #area_footer #area_footer_localnavi ul li,
    #area_footer #area_footer_localnavi_sub ul li {
        display: block;
        float: left;
        box-sizing: border-box;
        width: 50%;
        padding-bottom: 10px !important;
    }

    #area_footer #area_footer_localnavi ul li:nth-child(2n),
    #area_footer #area_footer_localnavi_sub ul li:nth-child(2n) {
        padding-left: 15px;
        padding-right: 0;
    }

    #area_footer #area_footer_localnavi ul li:nth-child(2n+1),
    #area_footer #area_footer_localnavi_sub ul li:nth-child(2n+1) {
        padding-right: 15px;
        clear: both;
    }

    /* #area_footer_navi
    ----------------------------------------------- */
    #area_footer #area_footer_navi {
        padding-top: 0;
        border: 0;
    }

    #area_footer_navi .padder ul {
        border-bottom: 1px solid #fff;
    }

    #area_footer_navi .padder li {
        display: block;
        float: left;
        box-sizing: border-box;
        width: 33%;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        text-align: center;
    }

    #area_footer_navi .padder li:nth-child(3n+1) {
        border-left: 0;
        width: 34%;
    }

    #area_footer_navi .padder a {
        display: block;
        padding: 11px 5px;
    }

    /* #area_footer_general
    ----------------------------------------------- */
    #area_footer #area_footer_general {
        padding: 0;
    }

    #area_footer #area_footer_general .padder {
        padding: 0 10px;
    }

    #area_footer #area_footer_general ul {
        float: none;
        margin: -12px 0 0 -6.66%;
    }

    #area_footer #area_footer_general ul li {
        display: block;
        float: left;
        width: 43.75%;
        margin: 12px 0 0 6.25%;
        padding: 0;
        line-height: 1.5;
    }

    #area_footer #area_footer_general ul li:nth-child(2n+1) {
        clear: both;
    }

    #area_footer #area_footer_general #copyright {
        display: block;
        float: none;
        border-top: 1px solid #fff;
        margin: 17px -10px 0;
        padding: 20px 10px;
        text-align: center;
        line-height: 1.28;
    }

    /* ----------------------------------------------------------------
        Content
    ----------------------------------------------------------------- */
    /* #mainArea
    ----------------------------------------------- */
    #mainArea {
        margin: 20px 10px 10px;
    }

    #mainArea>.elem_section_block:first-child {
        margin-top: 0;
    }

    /* .elem_section_block
    ----------------------------------------------- */
    .elem_section_block {
        margin: 0 -10px;
        padding: 0 10px 10px;
    }

    .elem_section_block .padder {
        padding: 20px 0;
    }

    .elem_section_block .padder input#more_search {
        box-sizing: border-box;
        width: 57.14%;
        float: left;
    }

    .elem_section_block .padder .category {
        box-sizing: border-box;
        width: 35.71%;
        margin: 0 0 0 7.14%;
        float: left;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==) no-repeat #fff right 50%;
        -webkit-appearance: none;
    }

    .elem_section_block .padder .search input[type=submit] {
        width: 100%;
        margin: 10px 0 0;
        padding: 0 10px;
        background: #fff;
        letter-spacing: normal;
        -webkit-appearance: none;
        clear: both;
    }

    .elem_section_block .padder .search input[type=submit]:hover {
        background: #f4be17 no-repeat 7px 6px;
        color: #fff;
    }

    .elem_section_block.lv1 .headingLv2,
    .textListTerms>table th.elem_section_block.lv2 .headingLv2,
    .textListTerms>table th.elem_section_block.lv3 .headingLv2,
    .elem_section_block.lv2 .headingLv2 {
        margin-top: 0;
    }

    /* ----------------------------------------------------------------
        Heading
    ----------------------------------------------------------------- */
    /* #headingLv1-pagetitle
    ----------------------------------------------- */
    #headingLv1-pagetitle {
        background-color: #264c00;
    }

    #headingLv1-pagetitle>div,
    #headingLv1-pagetitle>div>div {
        display: block;
        background: #264c00;
    }

    #headingLv1-pagetitle h1 {
        height: auto;
        padding-right: 10px;
        padding-left: 10px;
        font-size: 143%;
    }

    .layout_popup #headingLv1-pagetitle {
        margin: 0 0 10px;
    }

    .s_bio #headingLv1-pagetitle>div {
        background-position: right 10px top 50%;
        background-size: 42px 47px;
    }

    .s_bio #headingLv1-pagetitle>div>div {
        padding-right: 57px;
        background: none;
    }

    .sumius #headingLv1-pagetitle>div {
        background-position: right 10px top 50%;
        background-size: 100px 26px;
    }

    .sumius #headingLv1-pagetitle>div>div {
        padding-right: 110px;
        background: none;
    }

    /* #headingLv1-pagetitle-image
    ----------------------------------------------- */
    #headingLv1-pagetitle-image {
        height: 23.43vw !important;
        min-height: 0;
        background-size: contain !important;
    }

    /* .headingLv1-pagetitle-image-02
    ----------------------------------------------- */
    .headingLv1-pagetitle-image-02>div {
        padding: 13px 0;
    }

    .headingLv1-pagetitle-image-02>div div {
        display: block;
    }

    .headingLv1-pagetitle-image-02>div h1,
    .headingLv1-pagetitle-image-02>div p {
        display: block;
    }

    .headingLv1-pagetitle-image-02>div h1 {
        margin: 0;
        font-size: 2rem;
    }

    .headingLv1-pagetitle-image-02>div p {
        margin: 0;
        text-align: left;
        font-size: 1.4rem;
    }

    /* .headingLv2
    ----------------------------------------------- */
    .headingLv2 {
        margin: 0 0 20px;
    }

    .headingLv2 h2 {
        padding: 2px 0 4px 6px;
        font-size: 143%;
    }

    .headingLv2>h2.linked span {
        top: 0;
    }

    /* .headingLv3
    ----------------------------------------------- */
    .headingLv3 h3 {
        font-size: 115%;
    }

    .headingLv3 h3.linked a,
    .headingLv3 h3.linked a:hover,
    .headingLv3 h3.linked a:active,
    .headingLv3 h3.linked a:focus {
        background-position: 0 0.1em;
    }

    /* .headingLv4
    ----------------------------------------------- */
    .headingLv4 h4.linked a {
        padding-bottom: 2px;
    }

    .headingLv4 h4.linked a,
    .headingLv4 h4.linked a:hover,
    .headingLv4 h4.linked a:active,
    .headingLv4 h4.linked a:focus {
        background-position: 0 0.1em;
    }

    /* .headingLvLowest
    ----------------------------------------------- */
    .headingLvLowest p.linked a,
    .headingLvLowest p.linked a:hover,
    .headingLvLowest p.linked a:active,
    .headingLvLowest p.linked a:focus {
        background-position: 0 0;
    }

    /* ----------------------------------------------------------------
        Texts
    ----------------------------------------------------------------- */
    /* .paragraph .lv1
    ----------------------------------------------- */
    .paragraph p strong.lv1 {
        font-size: 1.6rem;
    }

    /* .elem_catch
    ----------------------------------------------- */
    .elem_catch p strong {
        font-size: 115%;
    }

    /* ----------------------------------------------------------------
        Lists
    ----------------------------------------------------------------- */
    /* .textList
    ----------------------------------------------- */
    .textList ul li {
        background-position: 0 .5em;
    }

    .textList._em ul li {
        font-size: 115%;
    }

    /* .textListNote
    ----------------------------------------------- */
    .textListNote ul li {
        background-position: 6px .6em;
    }

    /* .textListTerms
    ----------------------------------------------- */
    .textListTerms.liner table,
    .textListTerms.liner table tbody,
    .textListTerms.liner table tbody tr,
    .textListTerms.liner table tbody tr th,
    .textListTerms.liner table tbody tr td {
        display: block;
    }

    .textListTerms.liner table tbody tr th {
        float: left;
        clear: both;
    }

    .textListTerms.liner td {
        overflow: hidden;
        padding-right: 0;
    }

    .textListTerms.theaderWrap>table th {
        white-space: initial;
    }

    /* .textListNavi
    ----------------------------------------------- */
    .textListNavi ul li a {
        padding-bottom: 2px;
    }

    .textListNavi ul li a,
    .textListNavi ul li a:hover,
    .textListNavi ul li a:active,
    .textListNavi ul li a:focus,
    .sumius .textListNavi ul li a,
    .sumius .textListNavi ul li a:hover,
    .sumius .textListNavi ul li a:active,
    .sumius .textListNavi ul li a:focus {
        background-position: 0 0;
    }

    /* .textListNavi
    ----------------------------------------------- */
    .textListNaviLinear.listWrap li {
        white-space: initial;
    }

    .textListNaviLinear ul li span,
    .textListNaviLinear ul li span:hover,
    .textListNaviLinear ul li span:focus {
        padding-top: 1px;
        padding-bottom: 1px;
        background-position: 0 0;
    }

    /* .textListAnchor
    ----------------------------------------------- */
    .textListAnchor ul li a {
        padding-bottom: 3px;
    }

    .textListAnchor ul li a,
    .textListAnchor ul li a:hover,
    .textListAnchor ul li a:active,
    .textListAnchor ul li a:focus,
    .sumius .textListAnchor ul li a,
    .sumius .textListAnchor ul li a:hover,
    .sumius .textListAnchor ul li a:active,
    .sumius .textListAnchor ul li a:focus {
        background-position: 0 0;
    }

    /* .textListNews
    ----------------------------------------------- */
    .textListNews ul li {
        margin: 0 0 10px;
        padding: 0;
    }

    .textListNews ul li:last-child {
        margin-bottom: 0;
    }

    .textListNews ul li strong {
        display: inline-block;
        width: auto;
        margin: 0 6px 0 0;
    }

    .textListNews ul li span {
        display: inline-block;
        padding-left: 0;
        text-indent: 0;
    }

    .textListNews ul li span:last-child,
    .textListNews ul .item span {
        display: block;
        margin: 5px 0 0;
    }

    .textListNews ul li span a {
        display: inline-block;
        background-position: 0 0.2em;
    }

    .textListNews ul li span a:hover,
    .textListNews ul li span a:active,
    .textListNews ul li span a:focus {
        background-position: 0 0.2em;
    }

    .textListNews.block ul li span {
        text-indent: 0;
    }

    /* .errorList
    ----------------------------------------------- */
    .errorList ul li {
        background-position: 0 .6em;
    }

    /* ----------------------------------------------------------------
        Icons
    ----------------------------------------------------------------- */
    /* .topics_icon
    ----------------------------------------------- */
    i.topics_icon {
        height: 22px;
        line-height: 22px;
    }

    /* ----------------------------------------------------------------
        Buttons
    ----------------------------------------------------------------- */
    /* .elem_button_list
    ----------------------------------------------- */
    .elem_button_list ul[class*="col"] {
        margin-left: 0 !important;
    }

    .elem_button_list ul[class*="col"] li {
        width: 100% !important;
        margin-left: 0 !important;
        float: none !important;
    }

    .elem_button_list ul li a {
        position: relative;
        font-size: 100%;
    }

    .elem_button_list ul li a img {
        position: absolute;
        top: 50%;
        margin-left: -35px;
    }

    /* .comp_column_button
    ----------------------------------------------- */
    .comp_column_button {
        display: block;
    }

    .comp_column_topics .area,
    .comp_column_button .area {
        display: block;
        width: auto;
        border: 0;
        padding: 0;
    }

    .comp_column_topics .area:first-child,
    .comp_column_button .area:first-child {
        padding: 0;
        border: 0;
    }

    .comp_column_topics .area+.area,
    .comp_column_button .area+.area {
        margin-top: 5px;
        padding-top: 15px;
        border-top: 1px solid #c7c7c7;
    }

    .comp_column_button .area .elem_button_list {
        margin-top: 0;
    }

    .comp_column_button .area .elem_button_list ul li a {
        position: relative;
        font-size: 100%;
    }

    .comp_column_button .area .elem_button_list ul li a img {
        position: absolute;
        top: 50%;
        margin-left: -35px;
    }

    /* #purchase img
    ----------------------------------------------- */
    .elem_button_list ul li #purchase img,
    .comp_column_button .area .elem_button_list ul li a#purchase img {
        margin-top: -12px;
    }

    /* #inquiry img
    ----------------------------------------------- */
    .elem_button_list ul li #inquiry img,
    .comp_column_button .area .elem_button_list ul li a#inquiry img {
        margin-top: -8px;
    }

    /* #company img
    ----------------------------------------------- */
    .elem_button_list ul li #company img,
    .comp_column_button .area .elem_button_list ul li a#company img {
        margin-top: -10px;
    }

    /* #access img
    ----------------------------------------------- */
    .elem_button_list ul li #access img,
    .comp_column_button .area .elem_button_list ul li a#access img {
        margin-top: -11px;
    }

    /* #sample img
    ----------------------------------------------- */
    .elem_button_list ul li #sample img,
    .comp_column_button .area .elem_button_list ul li a#sample img {
        margin-top: -11px;
    }

    /* ----------------------------------------------------------------
        Navigations
    ----------------------------------------------------------------- */
    /* .categoryNavigation
    ----------------------------------------------- */
    .categoryNavigation .itemList {
        margin: 0 0 0 -6.66%;
    }

    .categoryNavigation .itemList .item {
        margin-left: 6.25%;
        width: 43.75%;
    }

    .categoryNavigation .itemList .item:nth-child(2n+1) {
        clear: both;
    }

    .categoryNavigation .itemList .item h2 {
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .categoryNavigation .itemList .item h2 a:before {
        top: 4px;
    }

    .categoryNavigation .itemList .item .txtArea {
        padding-left: 0;
    }

    /* .gotop
    ----------------------------------------------- */
    .gotop ul li a,
    .gotop ul li a:hover,
    .gotop ul li a:active,
    .gotop ul li a:focus {
        background-position: 0 0;
    }

    /* ----------------------------------------------------------------
        Grid
    ----------------------------------------------------------------- */
    /* .elem_divide
    ----------------------------------------------- */
    .elem_divide {
        margin: 0 0 4px -6.66%;
        letter-spacing: normal;
    }

    .elem_divide:after {
        display: block;
        content: '';
        clear: both;
    }

    .elem_divide .area {
        display: block;
        padding: 0;
        float: left;
        margin-left: 6.25%;
        width: 43.75% !important;
    }

    .elem_divide .area:nth-child(2n+1) {
        clear: both;
    }

    /* .sp_col1
    ----------------------------------------------- */
    .elem_divide.sp_col1 {
        margin: 0;
    }

    .elem_divide.sp_col1 .area {
        float: none;
        margin-left: 0;
        width: auto !important;
    }

    /* .contentDivide
    ----------------------------------------------- */
    .contentDivide {
        letter-spacing: normal;
        margin-left: 0;
    }

    .contentDivide .dividedContent {
        display: block;
        margin-left: 0;
    }

    /* ----------------------------------------------------------------
        Media
    ----------------------------------------------------------------- */
    /* .pik
    ----------------------------------------------- */
    .pikbox .pik img,
    .pikList table td.item .pik img {
        max-width: 100%;
        width: auto;
    }

    /* .elem_pic_list
    ----------------------------------------------- */
    .elem_pic_list ul {
        margin: 0 0 0 -6.66%;
    }

    .elem_pic_list.lv1 ul li,
    .textListTerms>table th.elem_pic_list.lv2 ul li,
    .textListTerms>table th.elem_pic_list.lv3 ul li,
    .elem_pic_list.lv1 ul li:first-child,
    .textListTerms>table th.elem_pic_list.lv2 ul li:first-child,
    .textListTerms>table th.elem_pic_list.lv3 ul li:first-child {
        margin-left: 6.25%;
        width: 43.75%;
    }

    .elem_pic_list.lv1 ul li:nth-child(2n+1),
    .textListTerms>table th.elem_pic_list.lv2 ul li:nth-child(2n+1),
    .textListTerms>table th.elem_pic_list.lv3 ul li:nth-child(2n+1) {
        clear: both;
    }

    /* ----------------------------------------------------------------
        Media
    ----------------------------------------------------------------- */
    /* .pikbox / .pikList
    ----------------------------------------------- */
    .pikbox,
    .pikbox tbody,
    .pikbox tr,
    .pikList,
    .pikList table.itemList,
    .pikList tbody,
    .pikList tr,
    .pikList td {
        display: block;
    }

    .pikbox .textListNavi {
        margin: -.2em 0 5px;
    }

    .pikbox table {
        margin-bottom: 20px;
    }

    .pikList table.itemList {
        margin-left: 0;
    }

    .pikbox.txt .paragraph {
        margin-bottom: 10px;
    }

    .pikbox .pik .paragraph {
        margin-bottom: 0;
    }

    .pikList table td.item {
        padding-left: 0;
    }

    .pikbox table td:first-child {
        padding: 0;
    }

    .pikList table td.item:last-child>.pik {
        padding-bottom: 0;
    }

    /* .pik
    ----------------------------------------------- */
    .pik img {
        max-width: 100%;
        /*margin: 0 auto;*/
    }

    /* ----------------------------------------------------------------
        Toggle
    ----------------------------------------------------------------- */
    /* .toggle-overlay
    ----------------------------------------------- */
    .toggle-overlay {
        background: #282828;
    }

    /* ----------------------------------------------------------------
        Function Toggle (JavaScript)
    ----------------------------------------------------------------- */
    /* .fn-toggle
    ----------------------------------------------- */
    .fn-toggle .fn-toggle-content {
        display: none;
    }

    .fn-toggle .fn-toggle-content.is-block {
        display: block;
        overflow-y: hidden;
    }

    .fn-toggle .fn-toggle-content-inner {
        opacity: 0;
        transition: all .5s cubic-bezier(.23, 1, .32, 1) .2s;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    .fn-toggle .fn-toggle-content.is-show .fn-toggle-content-inner {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .fn-toggle.is-collapse .fn-toggle-content {
        transition: all .3s cubic-bezier(.23, 1, .32, 1);
    }

    /* .fn-toggle-Menu
    ----------------------------------------------- */
    .fn-toggle-menu>.fn-toggle-content {
        display: none;
    }

    .fn-toggle-menu>.fn-toggle-content.is-block {
        display: block;
        overflow-y: hidden;
    }

    .fn-toggle-menu>.fn-toggle-content>.fn-toggle-content-inner {
        opacity: 0;
        transition: all .5s cubic-bezier(.23, 1, .32, 1) .2s;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    .fn-toggle-menu>.fn-toggle-content.is-show>.fn-toggle-content-inner {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .fn-toggle-menu.is-collapse>.fn-toggle-content {
        transition: all .3s cubic-bezier(.23, 1, .32, 1);
    }

    /* .fn-toggle-overlay
    ----------------------------------------------- */
    .fn-toggle-overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1000;
        transition: opacity .5s cubic-bezier(.23, 1, .32, 1);
    }

    .fn-toggle-overlay.is-overlay-render {
        opacity: 0;
    }

    .fn-toggle-overlay.is-overlay-show {
        opacity: .6;
    }

    .fn-toggle-overlay.is-overlay-hide {
        transition-delay: .2s;
    }

    /* JavaScript Off
    ----------------------------------------------- */
    .no-js .fn-toggle-hook {
        display: none;
    }

    .no-js .fn-toggle-content {
        display: block;
    }

    .no-js .fn-toggle-content-inner {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    /* ----------------------------------------------------------------
        Follow
    ----------------------------------------------------------------- */
    .textListAnchor.liner .js_follow {
        z-index: 50;
    }

    .textListAnchor.liner .js_follow.fixed {
        top: 0;
        left: 0;
        width: 100%;
        max-width: 900px;
        padding-right: 10px;
        padding-left: 10px;
    }

    /* ----------------------------------------------------------------
        Carousel
    ----------------------------------------------------------------- */
    /* .slick-slider
    ----------------------------------------------- */
    .slick-slider {
        margin-bottom: 15px;
    }

    /* .elem_section_block.js_slider
    ----------------------------------------------- */
    .top-main-slider.slick-slider {
        margin-bottom: 0;
    }

    /* .slick-dots
    ----------------------------------------------- */
    .slick-dots {
        display: none !important;
    }

    /*.top-main-slider .slick-dots {
		display: block!important;
	}*/
}

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

    /* ----------------------------------------------------------------
        Texts
    ----------------------------------------------------------------- */
    /* .textListPagination
    ----------------------------------------------- */
    .textListPagination {
        position: relative;
        padding-bottom: 50px;
    }

    .textListPagination ul li {
        padding-left: 5px;
    }

    .textListPagination ul li a {
        padding: 0 5px;
    }

    .textListPagination li.prev {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .textListPagination li.prev+li {
        padding-left: 0;
    }

    .textListPagination li.next {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    /* ----------------------------------------------------------------
        Uniques
    ----------------------------------------------------------------- */
    /* #elem_map_changer
    ----------------------------------------------- */
    #elem_map_changer ul li {
        margin: 0 0 20px;
        float: none;
    }

    #elem_map_changer ul {
        max-width: 237px;
    }
}

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

    /* ----------------------------------------------------------------
        Lists
    ----------------------------------------------------------------- */
    /* .elem_info_list
    ----------------------------------------------- */
    .elem_info_list dl {
        display: block;
    }

    .elem_info_list dl:after {
        display: block;
        content: '';
        clear: both;
    }

    .elem_info_list dl dt {
        display: block;
        float: left;
        clear: both;
    }

    .elem_info_list dl dd {
        display: block;
        float: left;
    }
}