@charset "utf-8";

/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡

common parts

≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/

/*============================================================================
    text
============================================================================*/
.txtWh {
    color: #fff;
}

.txtWhHf {
    color: rgba(255, 255, 255, .5);
}

.org {
    color: #ED5101;
}

.red {
    color: #CC0000
}


/*============================================================================
    hover
============================================================================*/
.com_hover01 {
    -webkit-transition: .5s all ease;
    transition: .5s all ease;
    opacity: 1;
}

.com_hover01:hover {
    opacity: .5;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {}

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

/*============================================================================
    margin
============================================================================*/
.mgT0 {
    margin-top: 0 !important;
}


/*============================================================================
    common button
============================================================================*/
/* button
----------------------------------------------------------------------------*/
.com_btn01 {}

.com_btn01 a {
    position: relative;
    display: block;
    background-color: #fff;
    border: 1px solid #e6832c;
    border-radius: 5px;
    padding: 14px 20px;
    height: 40px;
    text-align: center;
    line-height: 1;
    box-sizing: border-box;
}

.com_btn01 a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #e6832c;
    border-right: 1px solid #e6832c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.com_btn01 a:hover {
    text-decoration: none;
    background-color: #e6832c;
    color: #fff;
}

.com_btn01 a:hover::before {
    border-top-color: #fff;
    border-right-color: #fff;
}

/* before */
[class*="com_btn"].blank a::before {
    right: 10px;
    margin-top: -6px;
    width: 13px;
    height: 10px;
    border: none;
    -webkit-transform: none;
    transform: none;
    background-position: 0 0;
    background-image: url(../img/com_icon02.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

[class*="com_btn"].blank a:hover::before {
    background-position: -13px 0;
}

[class*="com_btn"].print a {
    height: 30px;
    padding: 9px 13px 9px 22px;
    font-size: 12px;
    font-size: 1.2rem;
    border: none;
    line-height: 1;
    background: transparent;
    text-decoration: underline;
}

[class*="com_btn"].print a:hover {
    background: transparent;
    color: inherit;
    text-decoration: none;
}

[class*="com_btn"].print a::before {
    right: 2px;
}

[class*="com_btn"].print a:hover::before {
    border-top-color: #e6832c;
    border-right-color: #e6832c;
}

[class*="com_btn"].print a::after {
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    margin-top: -6px;
    width: 14px;
    height: 14px;
    border: none;
    -webkit-transform: none;
    transform: none;
    background-position: 0 0;
    background-image: url(../img/com_icon04.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.com_btnArea01 {
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: #e5e5e5;
}

.com_btnArea01[class*="com_btn"] a {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 auto;
    padding: 11px 10px;
    min-width: 200px;
    letter-spacing: .2em;
    color: #e6832c;
    border: 2px solid #e6832c;
}

.com_btnArea01[class*="com_btn"] a:hover {
    color: #fff;
}

.wid300 {
    width: 300px;
}

.mgA {
    margin-right: auto;
    margin-left: auto;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {
    .com_btn01 a {
        padding: 14px 35px;
        height: auto;
        margin: 0 20px;
        /*        line-height: 1.4;*/
    }
}

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

    /* com_btn◯◯全て、且つwid◯◯全て */
    [class*="com_btn"][class*="wid"] {
        width: auto;
    }

    .com_btnArea01 {
        width: auto;
        padding: 10px 15px;
    }
}

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


/* other
----------------------------------------------------------------------------*/
a.com_blank {
    position: relative;
    display: inline-block;
    padding-right: 22px;
    margin-left: 10px;
}

a.com_blank::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
    width: 13px;
    height: 10px;
    background-position: 0 0;
    background-image: url(../img/com_icon02.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.on-pc {
    display: block
}

.on-sp {
    display: none
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {
    .on-pc {
        display: none
    }

    .on-sp {
        display: block
    }
}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {}

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


/*============================================================================
    common form parts
============================================================================*/
[class*="com_form"] {
    position: relative;
    overflow: hidden;
}

.com_form01 input[type=text],
.com_form01 textarea {
    /*    font-size: inherit !important;*/
    outline: none;
    padding: 5px 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    font-size: 14px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    box-sizing: border-box;
    position: relative;
    min-width: 280px;
    height: 35px;
}

.com_form01 textarea {
    min-height: 180px;
}

.com_form01 input[type="text"]:focus,
.com_form01 textarea:focus {
    /*    border:solid 1px #E60012;*/
    /*    background: rgba(0,0,0,.02);*/
}

.com_form01 input[type="text"]::selection {
    color: inherit;
}

.com_form01 textarea::selection {
    color: inherit;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

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

    .com_form01 input[type=text],
    .com_form01 textarea {
        width: 100%;
        min-width: auto;
        box-sizing: border-box;
    }
}

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



/* select
----------------------------------------------------------------------------*/
.com_form01 [class*="com_form_select"] {
    position: relative;
    display: inline-block;
    /*    width: 100%;*/
    vertical-align: middle;
    background: transparent;
    border-radius: 5px;
    overflow: hidden;
    *display: inline;
    *zoom: 1;
}

.com_form01 [class*="com_form_select"]::before,
.com_form01 [class*="com_form_select"]::after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    z-index: 5;
}

.com_form01 [class*="com_form_select"]::before {
    /* bg */
    width: 30px;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #e6832c;
}

.com_form01 [class*="com_form_select"]::after {
    /* arrow */
    top: 50%;
    right: 12px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 3px solid transparent;
    border-top: 3px solid #fff;
}

.com_form01 [class*="com_form_select"] select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    text-indent: .01px;
    /* FF*/
    text-overflow: "";
    /* FF*/
    outline: none;
    font-size: inherit;
    /*    background: transparent;*/
    background-color: #fff;
    /*    padding: 15px 50px 15px 20px;*/
    padding: 5px 15px;
    box-sizing: border-box;
    height: 30px;
    color: #737373;
    border: 1px solid #E5E5E5;
    overflow: hidden;
    z-index: 1;
}

/* IE */
.com_form01 .com_form_select01 select::-ms-expand {
    display: none;
}


/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {}

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


/* input
----------------------------------------------------------------------------*/
.com_form01 [class*="com_form_input"] input[type=text] {
    width: 100%;
    font-size: inherit;
    background: #fff;
    /*    padding: 15px 15px;*/
    height: 30px;
    color: #737373;
    border: 1px solid #E5E5E5;
    border-radius: 6px;
    z-index: 1;
}

.com_form01 .com_form_input_search input[type=text] {
    padding-right: 50px;
}

.com_form01 .com_form_check01 {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 10px 0;
}

.com_form01 .com_form_check01 input[type=radio],
.com_form01 .com_form_check01 input[type=checkbox] {
    width: auto;
}

.com_form01 .com_form_btn01 {
    border: none;
    cursor: pointer;
    outline: none;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: .2em;
    border-radius: 5px;
    padding: 5px 10px;
    appearance: none;
    background-color: #fff;
    border: 2px solid #e6832c;
    color: #e6832c;
    min-width: 200px;
}

.com_form01 .com_form_btn01:hover {
    background-color: #e6832c;
    color: #fff;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {
    .com_form_sp input[type=submit] {
        position: absolute;
        top: 1px;
        right: 0;
        outline: none;
        cursor: pointer;
        width: 35px;
        height: 93%;
        border: none;
        background: url(../img/com_icon01.png) no-repeat center center #e6832c;
        -webkit-background-size: 14px;
        background-size: 14px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        z-index: 1;
    }
}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {
    .com_form_sp input[type=submit] {
        position: absolute;
        top: 1px;
        right: 0;
        outline: none;
        cursor: pointer;
        width: 35px;
        height: 93%;
        border: none;
        background: url(../img/com_icon01.png) no-repeat center center #e6832c;
        -webkit-background-size: 14px;
        background-size: 14px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        z-index: 1;
    }
}

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


/* submit,button
----------------------------------------------------------------------------*/
.com_form01 [class*="com_form_input"] input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    outline: none;
    cursor: pointer;
    width: 30px;
    height: 100%;
    border: none;
    background: url(../img/com_icon01.png) no-repeat center center #e6832c;
    -webkit-background-size: 14px;
    background-size: 14px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    z-index: 1;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {}

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


/* table
----------------------------------------------------------------------------*/
.com_table01 {
    margin-top: 20px;
}

[class*="com_form"] .com_table01:nth-child(4) {
    margin-top: 0;
}

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

.com_table01 dl dt,
.com_table01 dl dd {
    display: table-cell;
    vertical-align: top;
    padding: 10px 20px;
    border-top: 1px solid #e5e5e5;
}

.com_table01 dl:last-child dt,
.com_table01 dl:last-child dd {
    border-bottom: 1px solid #e5e5e5;
}

.com_table01 dl dt {
    width: 150px;
    font-weight: bold;
    background-color: #f7f7f7;
}

.com_table01 dl dt span.red {
    color: #cc0000;
    font-weight: bold;
}

.com_table01 dl dd {}

.com_table01 dl dd input {
    width: 200px;
}

.com_table01 dl dd a {
    text-decoration: underline;
}

.com_table01 dl dd a:hover {
    text-decoration: none;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {
    .com_table01 dl {
        display: table;
        margin-top: 0;
    }

    .com_table01 dl dt,
    .com_table01 dl dd {
        display: table-cell;
        padding: 5px 0 5px 10px;
        font-size: 13px;
        font-size: 1.3rem;
    }

    .com_table01 dl dt {
        width: 30%;
    }

    .com_table01 dl dd {
        width: 56%;
    }

    .com_table01 dl dd input {
        width: 100%;
    }
}

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


/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡

crumb

≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
.com_crumb {
    width: 100%;
    overflow: hidden;
    background-color: #e5e5e5;
}

.com_crumb ul {
    width: 960px;
    margin: 0 auto;
    letter-spacing: -.40em;
    text-align: left;
}

.com_crumb li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    padding: 5px 20px 5px 8px;
}

.com_crumb li::before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(-45deg) translate(25%, -50%);
    transform: rotate(-45deg) translate(25%, -50%);
}

.com_crumb li:last-child {
    opacity: .5;
}

.com_crumb li:last-child::before {
    display: none;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {
    .com_crumb {
        display: none;
    }
}

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


/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡

header

≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
header {
    position: relative;
    border-top: 5px solid #e6832c;
    box-shadow: 0 1px #E5E5E5;
    z-index: 100;
}

header .hd_contBlock01 {
    float: left;
    text-align: left;
    width: 280px;
    padding: 10px 0;
}

header .hd_contBlock01 a {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
}

header .hd_contBlock01 h1 {
    width: 207px;
}

header .hd_contBlock01 h1 img {
    width: 100%;
    height: auto;
}

header .hd_contBlock01 a.home {
    position: relative;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    /*
    height: 1em;
    line-height: 1em;
*/
    height: 30px;
    box-sizing: border-box;
    padding: 6px 10px 6px 25px;
    margin-right: 0;
    color: #e6832c;
    border: 1px solid #e6832c;
    background-color: #fff;
    border-radius: 5px;
}

header .hd_contBlock01 a.home::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -5px;
    width: 12px;
    height: 10px;
    background-position: 0 -10px;
    background-image: url(../img/com_iconset01.png);
    -webkit-background-size: 30px 20px;
    background-size: 30px 20px;
}

header .hd_contBlock01 a.home:hover {
    text-decoration: none;
    background-color: #e6832c;
    color: #fff;
}

header .hd_contBlock01 a.home:hover::before {
    background-position: 0 0;
}

/*
header .hd_contBlock01 p {
    color: #693d37;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 5px;
}
*/

header .hd_contBlock02 {
    float: right;
    text-align: right;
    width: 640px;
}

header .hd_contBlock02 nav {
    letter-spacing: -.40em;
}

header .hd_contBlock02 nav li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}

header .hd_contBlock02 nav li a {
    position: relative;
    display: block;
    line-height: 1em;
    padding: 10px;
    font-size: 12px;
    font-size: 1.2rem;
}

header .hd_contBlock02 nav li a::before,
header .hd_contBlock02 nav li:last-child a::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    width: 1px;
    height: 20px;
    background-color: #ededed;
}

header .hd_contBlock02 nav li:last-child a::after {
    left: inherit;
    right: 0;
}

header .hd_contBlock02 .com_form01 {
    margin-top: 0;
}

header .hd_contBlock02 .com_form01 p {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;

}

header .hd_contBlock02 .com_form01 p:last-child {
    margin-right: 0px;

}

header .hd_contBlock02 .com_form01 p.com_form_input_search {
    width: 200px;
    margin-right: 10px;
    border-radius: 5px;
    overflow: hidden;
}

header .hd_contBlock02 .com_form01 p.com_btn01 {
    width: 175px;
}

header .hd_contBlock02 .com_form01 p.com_btn02 {
    width: 175px;
}

header .hd_contBlock02 .com_form01 p.com_btn01 a {
    height: 30px;
    padding: 9px 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    background-color: #e6832c;
    color: #fff;
}


header .hd_contBlock02 .com_form01 p.com_btn01 a::before {
    border-color: #fff;
    right: 10px;
}

header .hd_contBlock02 .com_form01 p.com_btn01 a::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    width: 18px;
    height: 14px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-background-size: 18px 14px;
    background-size: 18px 14px;
}


header .hd_contBlock02 .com_form01 p.com_btn01 a:hover {
    background-color: #fa860f;
}




header #com_btn02 {
    width: 175px;
}

header.hd_contBlock02 .com_form01 p#com_btn02 a {
    height: 30px;
    padding: 9px 0px 9px 25px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    background-color: #e6832c;
    color: #fff;
}

header .hd_contBlock02 .com_form01 p #com_btn03 {
    width: 175px;
    margin-right: 10px;
    border-radius: 5px;
    overflow: hidden;
}




/*----------------------------------------------*/
@media screen and (max-width: 768px) {
    header {
        border-top: 3px solid #e6832c;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
    }

    header .hd_contBlock01 {
        float: none;
        width: auto;
        height: 47px;
        text-align: center;
        padding: 5px 0 0;
        box-sizing: border-box;
    }

    header .hd_contBlock01 h1 {
        display: block;
        width: 160px;
        margin: 0 auto;
    }

    header .hd_contBlock01 h1 img {
        width: 100%;
        height: auto;
    }

    header .hd_contBlock01 a.home {
        display: none;
    }

    header .hd_contBlock01 p {
        display: none;
    }

    header .hd_contBlock02 {
        display: none;
    }

    header .hd_gNavArea {
        display: none;
    }
}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {}

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

/*============================================================================
    header min
============================================================================*/
header.min .hd_contBlock01 {
    float: none;
    width: 100%;
}

header.min .hd_contBlock01 a.home {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    line-height: 30px;
    padding: 0 10px 0 25px;
}

header.min .hd_contBlock01 h1 {
    width: auto;
}

header.min .hd_contBlock01 h1 img {
    width: 166px;
}

header.min .hd_contBlock01 h1 span {
    display: inline-block;
    vertical-align: bottom;
    line-height: 1;
    height: 26px;
    box-sizing: border-box;
    padding: 8px 15px;
    border-radius: 100px;
    color: #fff;
    background-color: #e6832c;
    margin-left: 10px;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {
    header.min .hd_contBlock01 {
        padding: 8px 15px 0;
    }

    header.min .hd_contBlock01 h1 {
        margin: 0;
        width: 200px;
        text-align: left;
    }

    header.min .hd_contBlock01 h1 img {
        display: inline-block;
        vertical-align: botom;
        width: 100px;
    }

    header.min .hd_contBlock01 h1 span {
        font-size: 12px;
        font-size: 1.2rem;
        margin-left: 0;
        display: inline-block;
        vertical-align: botom;
    }

    header.min .hd_contBlock01 a.home {
        display: block;
        right: 15px;
    }
}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {}

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


/*============================================================================
    header globalnav area
============================================================================*/
header .hd_gNavArea {}

header .hd_gNavArea a {
    display: block;
}

header .hd_gNavArea a:hover {
    text-decoration: none;
    background-color: #1f1f1f;
}

header .hd_gNavArea .hd_gNavBlock01 {
    background-color: #333;
    box-shadow: 0 1px 0 #dfdfdf inset;
    height: 45px;
}

header .hd_gNavArea .hd_gNavBlock01 p {
    position: absolute;
    left: 0;
    top: 7px;
    z-index: 2;
}

header .hd_gNavArea .hd_gNavBlock01 p a {
    position: relative;
    color: #fff;
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    height: 1em;
    line-height: 1em;
    padding: 8px 10px 8px 25px;
    color: #e6832c;
    border: 1px solid #e6832c;
    background-color: #fff;
    border-radius: 5px;
}

header .hd_gNavArea .hd_gNavBlock01 p a:hover {
    background-color: #e6832c;
    color: #fff;
}

header .hd_gNavArea .hd_gNavBlock01 p a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -6px;
    width: 12px;
    height: 10px;
    background-position: 0 -10px;
    background-image: url(../img/com_iconset01.png);
    -webkit-background-size: 30px 20px;
    background-size: 30px 20px;
}

header .hd_gNavArea .hd_gNavBlock01 p a:hover::before {
    background-position: 0 0;
}

header .hd_gNavArea .hd_gNavBlock01 ul {
    position: absolute;
    left: 0;
    bottom: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-left: 100px;
    box-sizing: border-box;
    z-index: 1;
}

header .hd_gNavArea .hd_gNavBlock01 ul li {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 90px;
}

header .hd_gNavArea .hd_gNavBlock01 ul li::before,
header .hd_gNavArea .hd_gNavBlock01 ul li:last-child::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2px;
    height: 100%;
    background-color: #1f1f1f;
}

header .hd_gNavArea .hd_gNavBlock01 ul li:last-child::after {
    left: inherit;
    right: 0;
}

header .hd_gNavArea .hd_gNavBlock01 ul li.active::before {
    display: none;
}

header .hd_gNavArea .hd_gNavBlock01 ul li a {
    padding: 5px 0;
    color: #fff;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box;
}

header .hd_gNavArea .hd_gNavBlock01 ul li a:hover {
    text-decoration: none;
    background-color: #1f1f1f;
}

header .hd_gNavArea .hd_gNavBlock01 ul li.active a {
    background-color: #fff;
    color: inherit;
    box-shadow: 1px 0 0 #dfdfdf;
}

header .hd_gNavArea .hd_gNavBlock02 {
    width: 100%;
    position: relative;
    /*    height: 40px;*/
    margin-top: 5px;
    background-color: #333;
}

header .hd_gNavArea .hd_gNavBlock02 .com_innerArea01>ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

header .hd_gNavArea .hd_gNavBlock02>.com_innerArea01>ul>li {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

header .hd_gNavArea .hd_gNavBlock02>.com_innerArea01>ul>li::before,
header .hd_gNavArea .hd_gNavBlock02>.com_innerArea01>ul>li:last-child::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: -15px;
    width: 1px;
    height: 35px;
    background-color: #1f1f1f;
}

header .hd_gNavArea .hd_gNavBlock02>.com_innerArea01>ul>li:last-child::after {
    left: inherit;
    right: 0;
}

header .hd_gNavArea .hd_gNavBlock02>.com_innerArea01>ul>li>a {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.15em;
    height: 40px;
    box-sizing: border-box;
    padding: 5px 0 0;
    text-align: center;
    color: #fff;
    width: 129px;
}

header .hd_gNavArea .hd_gNavBlock02>.com_innerArea01>ul>li.home {
    width: 50px;
}

header .hd_gNavArea .hd_gNavBlock02>.com_innerArea01>ul>li.home a {
    position: relative;
    height: 100%;
}

header .hd_gNavArea .hd_gNavBlock02>.com_innerArea01>ul>li.home a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -8px;
    width: 15px;
    height: 13px;
    background-position: 0 -14px;
    background-image: url(../img/com_iconset01.png);
    -webkit-background-size: 40px 27px;
    background-size: 40px 27px;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {}

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


/*============================================================================
    header pulldown
============================================================================*/
header .hd_gNavArea .hd_gNavBlock02 .pldMenu {
    position: absolute;
    /*    background-color: rgba(51,51,51,.93);*/
    background-color: #f7f7f7;
    color: #fff;
    top: 40px;
    left: 0;
    width: 100%;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

header .hd_gNavArea .hd_gNavBlock02 .pldMenu .com_innerArea01 {
    padding: 10px 0;
    box-sizing: border-box;
}

header .hd_gNavArea .hd_gNavBlock02 .pldMenu .com_innerArea01::before {
    content: '';
    position: absolute;
    top: -16px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 8px solid transparent;
    border-bottom: 8px solid #f7f7f7;
}

header .hd_gNavArea .hd_gNavBlock02 .pldMenu,
header .hd_gNavArea .hd_gNavBlock02 .pldMenu .com_innerArea01::before {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
}

header .hd_gNavArea .hd_gNavBlock02 .pldMenu .com_innerArea01::before {
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
}

header .hd_gNavArea .hd_gNavBlock02 .pldMenu.active,
header .hd_gNavArea .hd_gNavBlock02 .pldMenu.active .com_innerArea01::before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

header .hd_gNavArea .hd_gNavBlock02 #pldMenu_news .com_innerArea01::before {
    left: 110px;
}

header .hd_gNavArea .hd_gNavBlock02 #pldMenu_country .com_innerArea01::before {
    right: 120px;
}

header .hd_gNavArea .hd_gNavBlock02 .pldMenu li {
    display: inline-block;
    vertical-align: top;
    /*    border-right: 1px solid #e5e5e5;*/

}

header .hd_gNavArea .hd_gNavBlock02 .pldMenu ul.cy_r {
    margin-left: 622px;
}

header .hd_gNavArea .hd_gNavBlock02 .pldMenu a {
    background-color: transparent;
    color: #333;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 5px 15px;
    border-radius: 100px;
}

header .hd_gNavArea .hd_gNavBlock02 .pldMenu a:hover {
    background-color: #e5e5e5;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {}

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


/*============================================================================
    [sp] drawer menu
============================================================================*/
#wrapper {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.drawer-nav {
    z-index: 11;
    /*    overflow: scroll;*/
    overflow: hidden;
    text-align: left;
}

.drawer--right .drawer-nav {
    width: 25rem;
    right: -25rem;
}

.drawer-overlay {
    z-index: 10;
}

.drawer-hamburger {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 47px;
    height: 47px;
    box-sizing: border-box;
    padding: 5px 12px;
    background-color: #f7f7f7;
}

.drawer--right.drawer-open .drawer-hamburger {
    right: 25rem;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {}

.drawer-hamburger-icon {
    margin-top: 0;
}

.drawer-hamburger-icon:before {
    top: -8px;
}

.drawer-hamburger-icon:after {
    top: 8px;
}

.drawer-menu {}

.drawer-menu-item {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    font-size: inherit;
    padding: 0;
}

.drawer-menu-item.mlmg {
    padding: 10px;
    background-color: #e5e5e5;
}

.drawer-menu-item.mlmg a {
    position: relative;
    height: 40px;
    border-radius: 5px;
    padding: 15px 20px;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    text-align: center;
    background-color: #e6832c;
    color: #fff;
}

.drawer-menu-item.mlmg a::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 15px;
    width: 18px;
    height: 14px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    /* background: url(../img/com_icon03.png) no-repeat center center; */
    -webkit-background-size: 18px 14px;
    background-size: 18px 14px;
}

.drawer-menu-item.mlmg a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.drawer-menu-item>a,
.drawer-menu-item.dropdown>span {
    display: block;
    padding: 12px 15px;
}

.drawer-menu-item a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #e6832c;
    border-right: 1px solid #e6832c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.drawer-menu-item:hover,
.drawer-menu-item a:hover {
    text-decoration: none;
}

.drawer-menu-item.dropdown>span {
    position: relative;
}

.drawer-menu-item.dropdown>span::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 3px solid transparent;
    border-top: 3px solid #333;
    -webkit-transition: .5s all ease;
    transition: .5s all ease;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center .1em;
}

.drawer-menu-item.dropdown>span.active::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.drawer-dropdown-menu {
    background-color: #f7f7f7;
}

.drawer-dropdown-menu li {
    position: relative;
}

.drawer-dropdown-menu li::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-size: 4px 4px;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 100%);
}

.drawer-dropdown-menu a {
    position: relative;
    display: block;
    padding: 12px 15px;
}

.drawer-dropdown-menu a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #e6832c;
    border-right: 1px solid #e6832c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*----------------------------------------------*/
@media screen and (max-width: 768px) {
    .drawer-hamburger {
        display: block;
    }
}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {}

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



/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡

contents

≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
#contentWrapper {
    position: relative;
    width: 100%;
    margin-top: 18px;
}

#contents {
    float: left;
    width: 632px;
    text-align: left;
}

#contents .titArea01 {
    display: block;
    position: relative;
    border-top: 5px solid #e6832c;
    border-bottom: 5px solid #f7f7f7;
    padding: 10px 10px 6px;
    margin-bottom: 25px;
}

#contents .titArea01::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
}

#contents .titArea01 h2 {
    position: relative;
    font-size: 30px;
    font-size: 3.0rem;
    color: #e6832c;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

#contents .titArea01.imgTit {
    padding: 0;
}

#contents .titArea01.imgTit h2 {
    margin-right: 0;
}

#contents .titArea01 h2 span {
    display: inline-block;
    vertical-align: middle;
}

#contents .titArea01 h2 span.min {
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 10px;
}

/*============================================================================
    syukyaku  J-cool
===================================================*/
#contents h3 .seminar {
    height: auto;
}

/*===========================*/
#contents h3 {
    position: relative;
    font-size: 20px;
    font-size: 2.0rem;
    height: auto;
    /*40px → auto 変更*/
    box-sizing: border-box;
    padding: 11px 0 11px 15px;
    line-height: 1;
    font-weight: bold;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f7f7f7;
    margin-bottom: 10px;
}

#contents h3::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12px;
    width: 5px;
    height: 24px;
    background-color: #e6832c;
}

#contents h3 span {
    display: inline-block;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -11px;
    height: 22px;
}

#contents h3 span a {
    position: relative;
    display: block;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    height: 22px;
    line-height: 1;
    box-sizing: border-box;
    padding: 5px 20px;
    border: 1px solid #e6832c;
    background-color: #fff;
    border-radius: 5px;
}

#contents h3 span a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 11px;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #e6832c;
    border-right: 1px solid #e6832c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#contents h3 span a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #e6832c;
}

#contents h3 span a:hover::before {
    border-color: #fff;
}

#contents h4 {
    display: block;
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 15px 0 10px;
}

#contents .com_contArea01>p {
    margin-top: 10px;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {

    #contentWrapper {
        margin-top: 50px;
    }

    #contents {
        float: none;
        width: auto;
    }

    #contents .titArea01.imgTit h2 {
        display: block;
    }

    #contents .titArea01.imgTit img {
        width: 100%;
        height: auto;
    }

    #contents h3 {
        height: auto;
        line-height: 1.2;
        padding: 12px 10px 10px 15px;
    }

}

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

    #contents .titArea01 {
        margin-bottom: 15px;
    }

    #contents .titArea01 h2 {
        font-size: 24px;
        font-size: 2.4rem;
    }

    #contents h3 {
        font-size: 18px;
        font-size: 1.8rem;
        display: block;
        width: auto;
        padding-left: 15px;
        margin-bottom: 15px;
    }

    #contents h3::before {
        margin-top: 0;
        height: 60%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #contents h3 span {
        width: auto;
        height: auto;
    }

    #contents h3 span a {}

    #contents h3 span a::before {
        right: 12px;
    }

}

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

/*============================================================================
    contents area
============================================================================*/
.com_contArea01 {
    margin-top: 30px;
}

.com_contArea01:first-child {
    margin-top: 0;
}

/* inner */
.com_innerArea01 {
    position: relative;
    width: 950px;
    margin: 0 auto;
    height: 100%;
}

.com_contArea01.backnumber_none_m {
    margin: 30px 0 20px
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {

    .com_contArea01 {
        padding: 0 20px;
    }

    /* inner */
    .com_innerArea01 {
        width: auto;
    }

}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {
    .com_contArea01:not(:first-child) {
        margin-top: 30px;
    }

}

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


/*============================================================================
    com_defList
============================================================================*/
.com_defList01 {
    margin-top: 20px;
}



/*============================================================================
    com_bkList01
============================================================================*/
.com_bkList01 {}

.com_bkList01 li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.com_bkList01 li:not(:first-child)::before {
    content: '/';
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}


/*============================================================================
    com_taglist
============================================================================*/
#contents>.com_tagList01 {
    display: inline-block;
    vertical-align: middle;
}

.com_tagList01,
.com_tagList01 li {
    display: inline-block;
    vertical-align: middle;
}

.com_tagList01 li a {
    background-color: #f7f7f7;
    border: 1px solid #e5e5e5;
    border-radius: 100px;
    /*    line-height: 1em;*/
    padding: 5px 10px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
}

.com_tagList01 li a:hover {
    text-decoration: none;
    background-color: #e5e5e5;
}

.com_btn01.print {
    float: right;
    display: block;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {
    .com_btn01.print {
        display: none;
    }
}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {}

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


/*============================================================================
    com_arrowList
============================================================================*/
[class*="com_arrowList"] {}

.com_arrowList01 {}

/*
[class*="com_arrowList"].mgTn {
    margin-top: -20px;
}
*/

[class*="com_arrowList"] li {
    position: relative;
}

[class*="com_arrowList"] li::before,
[class*="com_arrowList"] li:last-child::after {
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-size: 4px 4px;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 100%);
}

[class*="box30"] li::before,
[class*="box30"] li:last-child::after {
    display: block;
    content: '';
    background-image: none;
}


[class*="com_arrowList"] li:last-child::after {
    top: inherit;
    bottom: 0;
}

[class*="com_arrowList"].mgTn li:first-child::before {
    display: none;
}

[class*="com_arrowList"] li a {
    position: relative;
    display: block;
    /*    padding: 12px 40px 12px 0;*/
    padding: 10px 35px 10px 0;
    background-color: transparent;
}

[class*="thumbnail_link"] a {
    padding: 0 !important;
}

[class*="thumbnail_link"] a::before {
    content: '';
    position: static !important;
    margin: 0px !important;
    height: 8px !important;
    border: 0px !important;
    width: auto !important;
}

[class*="com_arrowList"] li a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -5px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #e6832c;
    border-right: 2px solid #e6832c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

[class*="com_arrowList"] li a:hover {
    text-decoration: none;
    background-color: #f7f7f7;
}

[class*="com_arrowList"] li a .date {
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    opacity: .6;
    margin-right: 10px;
    line-height: 1.4em;
}

[class*="com_arrowList"] li .txt,
[class*="com_arrowList"] li .pic {
    float: left;
}

[class*="com_arrowList"] li .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4em;
}

.com_arrowList01 li a .date {
    width: 38px;
}

.com_arrowList01 li a .txt {
    width: 542px;
}

.com_arrowList01.dWide li a .date,
.com_arrowList01.dWide li a .txt {
    float: none;
    width: auto;
}

.com_arrowList02 li {
    padding: 5px 0;
}

.com_arrowList02 li:first-child {
    margin-top: 0;
}

.com_arrowList02 li a {
    padding: 0 30px 0 0;
}

.com_arrowList02 li a .pic {
    float: left;
    width: 100px;
    margin-right: 1.25rem;
}

.com_arrowList02 li a .pic img {
    width: 100px !important;
    height: 75px !important;
    object-fit: cover;
}

.com_arrowList02 li a .txt {
    float: left;
    padding: 10px 0;
    width: 465px;
}

.com_arrowList02 li a .txt .date {
    opacity: .6;
    float: none !important;
}

.com_arrowList03 li {
    border: 1px solid #e5e5e5;
    box-shadow: 0px 1px 0 #e5e5e5;
    margin-top: 10px;
}

.com_arrowList03 li::before,
.com_arrowList03 li:last-child::after {
    display: none;
}

.com_arrowList03 li a {
    padding: 0 30px 0 0;
    background-color: #fff;
}

.com_arrowList03 li .pic {
    width: 240px;
}

.com_arrowList03 li .txt {
    width: 360px;
    padding: 15px 0 15px 15px;
    box-sizing: border-box;
    font-size: inherit;
    line-height: 1.4em;
}

.com_arrowList03 li .txt p:first-child {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 5px;
}

#hashiwatashi .hashiwatashi_list li img {
    height: 154px;
}

#hashiwatashi .hashiwatashi_list li p.title {
    font-size: 20px;
    line-height: 1.2;
    margin-top: 15px;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {

    [class*="com_arrowList"] li a .date {
        float: none;
        width: auto;
    }

    [class*="com_arrowList"] li a .txt {
        float: none;
        line-height: 1.4em;
        width: auto;
    }

    .com_arrowList03 li a .txt {
        width: auto;
        /*        margin-left: -240px;*/
        padding: 15px 0 15px 255px;
        text-align: left;
    }

    #hashiwatashi .hashiwatashi_list li img {
        height: auto;
    }

    #hashiwatashi .hashiwatashi_list li p.title {
        font-size: 16px;
    }

}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {
    [class*="com_arrowList"] li a {
        padding: 10px 25px 10px 0;
    }

    [class*="com_arrowList"] li a::before {
        right: 3px;
    }

    [class*="com_arrowList"] li a .txt {
        font-size: inherit;
    }

    [class*="com_arrowList"] li a .date {
        font-size: 12px;
        font-size: 1.2rem;
    }

    /*
    .com_arrowList02 li a .date {
        float: none;
        width: auto;
        padding-left: 70px;
        margin-left: -70px;
    }
*/
    .com_arrowList02 li a {
        /* padding: 15px 30px 15px 15px; */
        padding: 0;
    }

    .com_arrowList02 li a .txt {
        /* float: none; */
        float: left;
        /* width: auto; */
        width: 60%;
        /* margin-top: 20px; */
        margin-top: 0;
        padding: 0;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .com_arrowList02 li a .pic {
        width: 30%;
        margin-right: 0.75rem;
    }

    .com_arrowList02 li a .pic img {
        width: 100% !important;
        height: 100% !important;
    }

    .com_arrowList02 li a::before {
        right: 1.25rem;
    }

    /*
    .com_arrowList03 li::before,
    .com_arrowList03 li:last-child::after { display: none;}
    .com_arrowList03 li a {
        padding: 0 30px 0 0;
    }
*/
    .com_arrowList03 li a {
        padding: 0;
    }

    .com_arrowList03 li a .pic {
        float: none;
        width: auto;
    }

    .com_arrowList03 li a .txt {
        position: relative;
        float: none;
        width: auto;
        padding: 20px 40px 20px 20px;
    }

    .com_arrowList03 li a .txt::before {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        width: 8px;
        height: 8px;
        border-top: 2px solid #e6832c;
        border-right: 2px solid #e6832c;
        -webkit-transform: translate(0, -50%) rotate(45deg);
        transform: translate(0, -50%) rotate(45deg);
    }

    .com_arrowList03 li a::before {
        display: none;
    }

    #hashiwatashi .hashiwatashi_list li img {
        height: auto;
    }

    #hashiwatashi .hashiwatashi_list li p.title {
        margin-top: 0px;
    }

}

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

/*============================================================================
    com_adsBox
============================================================================*/
.com_adsBox01 {
    margin: 30px 0;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {
    .com_adsBox01 {
        text-align: center;
    }
}

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


/*============================================================================
    com_snsList
============================================================================*/
.com_snsList01 {
    margin-top: 15px;
    letter-spacing: -.40em;
}

.com_snsList01 li {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    line-height: 1em;
    margin-right: 10px;
}

/*
.com_snsList01 li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}
.com_snsList01 li a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    background-image: url(../img/com_iconset03.png);
    background-repeat: no-repeat;
    -webkit-background-size: 20px 36px;
    background-size: 20px 36px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.com_snsList01 li.tw a {
    background-color: #55ACEE;
    box-shadow: 0 -2px 0 #4b8dc3 inset;
}
.com_snsList01 li.fb a {
    background-color: #315096;
    box-shadow: 0 -2px 0 #2c3e68 inset;
}
.com_snsList01 li.tw a::before {
    height: 17px;
    background-position: 0 -20px;
}
.com_snsList01 li.fb a::before {
    background-position: 0 0;
}
*/

/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {
    .com_snsList01 {
        width: 100%;
        padding-right: 10px;
        box-sizing: border-box;
    }

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

    .com_snsList01 li {
        float: left;
        width: 50%;
        margin-right: 10px;
    }

    .com_snsList01 li:nth-child(2n) {
        margin-right: -10px;
    }
}

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


/*============================================================================
    com_pager
============================================================================*/
.com_pager01 {
    margin: 20px 0 30px;
}

.com_pager01 ul {
    padding-top: 15px;
    position: relative;
    letter-spacing: -.40em;
    text-align: center;
}

.com_pager01 ul::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-size: 4px 4px;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 100%);
}

.com_pager01.bdn ul {
    padding-top: 0;
}

.com_pager01.bdn ul::before {
    display: none;
}

.com_pager01 ul li {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

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

.com_pager01 ul li a,
.com_pager01 ul li span {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1em;
    font-weight: bold;
    color: #e6832c;
    width: 40px;
    height: 40px;
    padding: 12px 0;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #e6832c;
    border-radius: 6px;
}

.com_pager01 ul li span {
    border: 1px solid #e5e5e5;
    background-color: #f7f7f7;
    color: #333;
}

.com_pager01 ul li a:hover {
    text-decoration: none;
    background-color: #e6832c;
    color: #fff;
}

.com_pager01 ul li a.prev,
.com_pager01 ul li a.next {
    position: relative;
}

.com_pager01 ul li a.prev::before,
.com_pager01 ul li a.next::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -4px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #e6832c;
    border-right: 2px solid #e6832c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.com_pager01 ul li a.prev::before {
    transform: rotate(-135deg);
    margin-left: -2px;
}

.com_pager01 ul li a.prev:hover::before,
.com_pager01 ul li a.next:hover::before {
    border-color: #fff;
}


/*============================================================================
    pagenavi
============================================================================*/
.pagenavi {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.pagenavi div.pagination {
    text-align: center;
}

.pagenavi a {
    display: inline-grid;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1em;
    font-weight: bold;
    color: #e6832c;
    width: 40px;
    height: 40px;
    padding: 12px 0;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #e6832c;
    border-radius: 6px;
    margin-right: 2px;
    margin-bottom: 5px;
}

.pagenavi span {
    border: 1px solid #e5e5e5;
    background-color: #f7f7f7;
    color: #333;
}

.pagenavi a:hover {
    text-decoration: none;
    background-color: #e6832c;
    color: #fff;
}

.pagenavi .current {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    margin-top: -7px;
    border: 1px solid #e5e5e5;
    background-color: #f7f7f7;
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1em;
    font-weight: bold;
    width: 40px;
    height: 40px;
    padding: 12px 0;
    text-align: center;
    box-sizing: border-box;
    border-radius: 6px;
}

.pagenavi span.page-numbers.dots {
    border: none;
    background: none;
}

.pagenavi a.prev_text {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -4px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #e6832c;
    border-right: 2px solid #e6832c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {}

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




/*============================================================================
    com_contList
============================================================================*/
.com_contList01 {}

.com_contList01 ul {
    width: 100%;
    box-sizing: border-box;
    padding-right: 20px;
}

.com_contList01 li {
    float: left;
    width: 33.333%;
    margin-right: 10px;
    border: 1px solid #e5e5e5;
    box-shadow: 0px 1px 0 #e5e5e5;
    box-sizing: border-box;
}

.com_contList01 li:nth-child(3n) {
    margin-right: -20px;
}

.com_contList01 li:nth-child(n+4) {
    margin-top: 10px;
}

.com_contList01 li.new {
    position: relative;
    overflow: hidden;
}

.com_contList01 li.new::before {
    content: 'NEW';
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: middle;
    background-color: #df2020;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 4px 5px;
    z-index: 5;
}

.com_contList01 li a {
    display: block;
    height: 100%;
}

.com_contList01 li a:hover {
    text-decoration: none;
    background-color: #f7f7f7;
}

.com_contList01 li .pic {
    height: 152px;
    overflow: hidden;
    text-align: center;
}

.com_contList01 li .pic img {
    width: auto;
    height: 100%;
    max-width: inherit;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.com_contList01 li .txt {
    padding: 10px 15px 0px 15px;
    /*padding: 10px 15px */
    border-top: none;
}

#contents .com_contList01 li .txt h4 {
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4em;
    margin: 5px 0 8px;
    padding: 0 0 8px 0;
    border: none;
}

#contents .com_contList01 li .txt h4 p {
    font-size: 14px;
    font-size: 1.4rem;
}

/*#contents .com_contList01 li .txt h4::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-size: 4px 4px;
    background-image: linear-gradient(90deg, rgba(0,0,0,0.3) 25%, transparent 25%,transparent 100%);
}*/
.com_contList01 li .txt p:first-child {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
}

.com_contList01 li .txt p.data {
    position: relative;
}

.com_contList01 li .txt p.data span {
    font-size: 14px;
    font-size: 1.4rem;
    /*    line-height: 1em;*/
    display: inline-block;
    vertical-align: middle;
}

/*.com_contList01 li .txt p.data .date { opacity: .6;}*/
.com_contList01 li .txt p.data .tag {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: -.05em;
    height: 20px;
    box-sizing: border-box;
    /*    padding: 2px 10px;*/
    /*    background-color: #333;*/
    /*    color: #fff;*/
    padding: 0;
    margin-right: 3px;
    border-radius: 100px;
}

.com_contList01 li .txt p:last-child {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5em;
}

.com_contList01 li .txt p.date {
    display: inline-block;
    opacity: .6;
    margin-left: 5px;
    font-weight: normal;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

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

    .com_contList01 {}

    .com_contList01 ul {
        padding-right: 5px;
    }

    .com_contList01 li {
        width: 50%;
        margin-right: 5px;
    }

    .com_contList01 li:nth-child(3n) {
        margin-right: 5px;
    }

    .com_contList01 li:nth-child(n+3) {
        margin-top: 5px;
    }

    .com_contList01 li:nth-child(2n) {
        margin-right: -5px;
    }

    .com_contList01 li .txt {
        padding: 10px 10px 0 10px;
    }

    .com_contList01 li .txt p.data {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .com_contList01 li .txt p:first-child {
        font-size: 14px;
        font-size: 1.4rem;
    }

}

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

/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡

report_template

≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
.report_contList01 {}

.report_contList01 .com_btn01 {
    margin-top: 20px;
}

.report_contList01 ul {
    width: 100%;
    box-sizing: border-box;
    padding-right: 20px;
    margin-top: 10px;
}

.report_contList01 ul li {
    float: left;
    width: 33.333%;
    margin-right: 10px;
    border: 1px solid #e5e5e5;
    box-shadow: 0px 1px 0 #e5e5e5;
    box-sizing: border-box;
}

.report_contList01 ul li:nth-child(3n) {
    margin-right: -20px;
}

.report_contList01 ul li:nth-child(n+4) {
    margin-top: 10px;
}

.report_contList01 ul.wide {
    padding-right: 0;
}

.report_contList01 ul.wide li {
    float: none;
    width: 100%;
    margin-top: 0;
}

.report_contList01 ul li a {
    display: block;
    height: 100%;
    background-color: transparent;
}

.report_contList01 ul li a:hover {
    text-decoration: none;
    background-color: #f7f7f7;
}

.report_contList01 .txt {
    padding: 10px 15px 15px;
    /*    border: 1px solid #e5e5e5;*/
    /*    box-shadow: 0px 1px 0 #e5e5e5;*/
    border-top: none;
}

.report_contList01 ul.wide li .txt {
    border-top: 1px solid #e5e5e5;
}

.report_contList01 .txt p:last-child {
    margin-top: 10px;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4em;
    font-weight: bold;
    background-color: transparent;
}

.report_contList01 ul.wide li .txt p:last-child {
    font-size: 18px;
    font-size: 1.8rem;
}


.report_contList01 li .pic img {
    margin-left: 50%;
    transform: translateX(-50%);
}


.report_data01 {
    display: inline-block;
    background-color: #333;
    padding: 5px 10px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
}

.report_data01 span {
    display: inline-block;
    vertical-align: middle;
}

.report_data01 span.vol {
    margin-right: 5px;
    font-weight: bold;
    padding-right: 10px;
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.report_data01 span.date {}

.report_contBlock01 {}

.report_contBlock01 h2 {
    position: relative;
    margin-top: 15px;
    padding-bottom: 20px;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.4em;
    font-weight: bold;
    /*    border-bottom: 5px solid #f7f7f7;*/
}

.report_contBlock01 h2::after {
    /*
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
*/
}

.report_contBlock01>.pic {
    margin-bottom: 15px;
}

.report_contBlock02 {
    margin-top: 30px;
}

.report_contBlock02 h5 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin-top: 20px;
}

.report_contBlock02 p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 15px;
    line-height: 1.6em;
}

.report_contBlock02 .pic {
    float: right;
    width: 160px;
    text-align: center;
    margin: 20px 0 20px 20px;
}

.report_contBlock02 .pic p.cap {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6em;
    margin-top: 10px;
    text-align: left;
}


/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {
    .report_contList01 ul {
        padding-right: 0;
    }

    .report_contList01 ul li {
        width: 100%;
        float: none;
        margin: 0;
    }

    .report_contList01 ul li:not(:first-child) {
        margin-top: 10px;
    }

    .report_contBlock01 h2 {
        font-size: 24px;
        font-size: 2.4rem;
    }

    .report_contBlock01 h2 span {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .report_contBlock02 .pic {
        width: 100px;
    }
}

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


/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡

news_template

≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
.news_contBlock01 {}

.news_contBlock01 h2 {
    margin-top: 20px;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.4em;
    font-weight: bold;
}

.news_contBlock01 p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 15px;
    line-height: 1.6em;
}

.news_contBlock01 p.date {
    margin: 5px 0 20px;
    line-height: 1em;
    opacity: .6;
}

.news_contBlock02 {
    position: relative;
    margin-top: 18px;
    padding-top: 18px;
    color: #7f7f7f;
}

.news_contBlock02::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-size: 4px 4px;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 100%);
}

.news_contBlock02 a {
    color: #7f7f7f;
    text-decoration: underline;
    word-break: break-all;
}

.news_contBlock02 a:hover {
    text-decoration: none;
}

.news_tabList {
    position: relative;
}

.news_tabList>ul {
    height: 30px;
    overflow: hidden;
}

.news_tabList li {
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
}

.news_tabList li::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -1px;
    margin-top: -15px;
    width: 1px;
    height: 30px;
    background-color: #e5e5e5;
}

.news_tabList li a,
.news_tabList li span {
    position: relative;
    display: block;
}

.news_tabList li a {
    outline: 0;
    text-decoration: none;
}

.news_tabList li span {
    width: 100%;
    height: 30px;
    line-height: 1;
    padding: 9px 20px;
    box-sizing: border-box;
    background-color: #f7f7f7;
}

.news_tabList li span::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 11px;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #e6832c;
    border-right: 1px solid #e6832c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.news_tabList li.stay span {
    background-color: #fff;
    padding: 7px 35px 9px;
    font-weight: bold;
    color: #e6832c;
    border-top: 2px solid #e6832c;
}

.news_tabList li.stay span::before {
    display: none;
}

.news_tabList li a:hover {
    text-decoration: none;
}

.news_tabList li a:hover span {
    text-decoration: none;
    background-color: #e5e5e5;
}

.news_tabList .control {
    position: absolute;
    top: 0;
    width: 13px;
    height: 30px;
    background-color: #e6832c;
    cursor: pointer;
}

.news_tabList .control::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    margin: -2px 0 0 -4px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.news_tabList .control.prev {
    left: -10px;
    border-right: 2px solid #fff;
}

.news_tabList .control.prev::before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: -2px 0 0 -2px;
}

.news_tabList .control.next {
    right: -10px;
    border-left: 2px solid #fff;
}

.news_tabList .control.next::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*
#top_newsArea > .com_arrowList01 > .com_btn01 {
    margin-top: 10px;
}
#top_newsArea > .com_arrowList01 > .com_btn01::after {
    content: '';
    clear: both;
    display: block;
}
#top_newsArea > .com_arrowList01 > .com_btn01 a {
    width: 150px;
    float: right;
    height: 30px;
    padding: 6px 20px;
    font-size: 12px;
    font-size: 1.2rem;
}
*/

/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {
    .news_contBlock01 h2 {
        font-size: 24px;
        font-size: 2.4rem;
    }

    .news_tabList li {
        height: auto;
    }

    .news_tabList li span {
        padding: 9px 20px;
        line-height: 1;
    }

    .news_tabList li::before {
        left: -1px;
        margin-top: -20px;
        height: 40px;
    }

    .news_tabList li span::before {
        margin-top: -2px;
        right: 8px;
    }
}

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




/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡

event_template

≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
.event_contBlock01 {}

.event_contBlock01 h2 {
    margin-top: 20px;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.4em;
}

.event_contBlock01 p {
    margin-top: 15px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8em;
}

.event_contBlock01 p.date {
    margin: 5px 0 20px;
    line-height: 1em;
    opacity: .6;
}

.event_tableFrame01 {
    margin-top: 30px;
}

.event_tableFrame01>dl {
    display: table;
    width: 100%;
}

.event_tableFrame01>dl>dt,
.event_tableFrame01>dl>dd {
    display: table-cell;
    vertical-align: top;
    padding: 10px 20px;
    border-top: 1px solid #e5e5e5;
}

.event_tableFrame01>dl:last-child>dt,
.event_tableFrame01>dl:last-child>dd {
    border-bottom: 1px solid #e5e5e5;
    word-break: break-all;
}

.event_tableFrame01>dl>dt {
    width: 150px;
    font-weight: bold;
    background-color: #f7f7f7;
}

.event_tableFrame01>dl>dd {}

.event_tableFrame01>dl>dd a {
    text-decoration: underline;
}

.event_tableFrame01>dl>dd a:hover {
    text-decoration: none;
}

.event_tableFrame01_min {
    display: table;
    width: 100%;
}

.event_tableFrame01_min dt,
.event_tableFrame01_min dd {
    display: table-cell;
    vertical-align: middle
}

.event_tableFrame01_min dt {
    width: 220px;
}

.event_tableFrame01_min dd {}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {
    .event_contBlock01 h2 {
        font-size: 24px;
        font-size: 2.4rem;
    }

    .event_tableFrame01>dl>dt,
    .event_tableFrame01>dl>dd {
        padding: 10px 15px;
        box-sizing: border-box;
        word-break: break-all;
    }

    .event_tableFrame01>dl>dt {
        width: 90px;
        min-width: 120px;
    }

    .event_tableFrame01_min {
        margin-top: 8px;
    }

    .event_tableFrame01_min dt,
    .event_tableFrame01_min dd {
        vertical-align: top;
        line-height: 1.4;
    }

    .event_tableFrame01_min dt {
        width: 100px;
        padding-right: 10px;
    }

}

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



/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡

column_template

≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
.column_contList01 {}

.column_contList01 ul {
    width: 100%;
    box-sizing: border-box;
    padding-right: 20px;
    margin-top: 10px;
}

.column_contList01 ul li {
    float: left;
    width: 33.333%;
    margin-right: 10px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    box-shadow: 0px 1px 0 #e5e5e5;
}

.column_contList01 ul li:nth-child(3n) {
    margin-right: -20px;
}

.column_contList01 ul li:nth-child(n+4) {
    margin-top: 10px;
}

.column_contList01 ul li a {
    display: block;
}

.column_contList01 li>.pic {
    overflow: hidden;
    text-align: center;
}

.column_contList01 li>.pic img {
    width: 100%;
    height: auto;
    max-width: inherit;
}

.pic.column_ob-fit img {
    height: 134px !important;
    object-fit: cover;
}

.column_contList01 li>.txt {
    padding: 10px 15px 15px;
    border-top: none;
    height: 100%;
    box-sizing: border-box;
}

.column_contList01 ul:first-child li>.txt {
    border-top: 1px solid #e5e5e5;
}

.column_contList01 li>.txt>p.column_data01 {
    display: inline-block;
    background-color: #333;
    padding: 5px 10px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
}

.column_contList01 li>.txt>h5 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4em;
    font-weight: bold;
    margin-top: 10px;
}

.column_contList01 li>.txt>p {
    margin-top: 5px;
}

.column_contList02 {
    margin-top: 30px;
}

.column_contList02 li {
    position: relative;
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
}

.column_contList02 li::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-size: 4px 4px;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 100%);
}

.column_contList02 li:first-child {
    margin-top: 0;
    padding-top: 0;
}

.column_contList02 li:first-child::before {
    display: none;
}

.column_contList02 li .pic {
    float: left;
    width: 120px;
}

.column_contList02 li .txt {
    float: right;
    width: 492px;
}

.column_contList02 li .txt h5 {
    font-size: 20px;
    font-size: 2.0rem;
}

.column_contList02 li .txt p {
    margin: 10px 0;
}

[class*="column_profBlock"] {
    position: relative;
    margin-top: 8px;
    padding-top: 8px;
    letter-spacing: -.40em;
}

[class*="column_profBlock"]::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-size: 4px 4px;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 100%);
}

[class*="column_profBlock"] a {
    margin: -8px -15px -15px;
    padding: 8px 15px 15px;
}

[class*="column_profBlock"] a:hover {
    background-color: #f7f7f7;
}

[class*="column_profBlock"] .pic,
[class*="column_profBlock"] .txt {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}

[class*="column_profBlock"] .pic {
    width: 40px;
    height: 40px;
    margin: 0 5px 0 -5px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    border-radius: 100px;
    box-sizing: border-box;
    overflow: hidden;
}

[class*="column_profBlock"] .pic img {
    width: 100%;
    height: auto;
}

[class*="column_profBlock"] .txt p:first-child {
    font-weight: bold;
}

[class*="column_profBlock"] .txt p:last-child {
    opacity: .6;
    font-style: italic;
}

.column_profBlock01 .txt {
    width: 128px;
}

.column_profBlock01 .txt p {
    font-size: 11px;
    font-size: 1.1rem;
}

.column_profBlock02 .pic,
.column_profBlock02 .txt {
    vertical-align: middle;
}

.column_profBlock02 .pic {
    margin-right: 10px;
}

.column_profBlock02 .txt p {
    display: inline-block;
    vertical-align: middle;
}

.column_profBlock02 .txt p:first-child {
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 5px;
}

.column_profBlock02 {
    padding-top: 0;
}

.column_profBlock02 a {
    position: relative;
    display: block;
    padding: 8px 0;
    margin: 0;
}

.column_profBlock02 a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -5px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #e6832c;
    border-right: 2px solid #e6832c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.column_profBlock02 .pic {
    margin-left: 0;
}

.column_contBlock01 {
    background-color: #f7f7f7;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 20px;
}

.column_contBlock01 .pic {
    float: right;
    width: 120px;
}

.column_contBlock01 .txt {
    float: left;
    width: 452px;
}

#contents .column_contBlock01 .txt h3 {
    border-top: none;
    border-bottom: none;
    margin-left: -20px;
    padding-left: 20px;
    font-size: 22px;
    font-size: 2.2rem;
    height: 45px;
}

#contents .column_contBlock01 .txt h3::before {
    height: 30px;
    margin-top: -15px;
}

#contents .column_contBlock01 .txt h3::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    padding-left: 20px;
    box-sizing: border-box;
    background-size: 4px 4px;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 100%);
}

#contents .column_contBlock01 .txt p {
    margin-top: 10px;
}

#contents .column_contBlock01 .txt p:first-child,
#contents .column_contBlock01 .txt p:nth-child(2) {
    margin-top: 0;
}

.column_contBlock02 {}

.column_contBlock02 h2 {
    position: relative;
    margin-top: 15px;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.4em;
    margin-top: 0;
    font-weight: bold;
    /* border-bottom: 5px solid #f7f7f7; */
}

.column_contBlock02>.pic {
    margin: 20px 0;
}

.column_contBlock02 p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 15px;
    line-height: 1.6em;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {
    .column_contList01 ul {
        padding-right: 0;
    }

    .column_contList01 ul li {
        width: 100%;
        float: none;
        margin: 0;
    }

    .column_contList01 ul li:not(:first-child) {
        margin-top: 10px;
    }

    .column_contList02 li {
        margin-top: 20px;
        padding-top: 20px;
    }

    .column_contList02 li .pic {
        float: none;
        width: auto;
        text-align: center;
        border: 1px solid #e5e5e5;
    }

    .column_contList02 li .pic img {
        width: 120px;
    }

    .column_contList02 li .txt {
        float: none;
        width: auto;
        box-sizing: border-box;
    }

    .column_contList02 li .txt h5 {
        margin-top: 10px;
    }

    .column_contList02 li .txt p {
        margin: 5px 0 10px;
    }

    .column_profBlock02 .pic,
    .column_profBlock02 .txt {
        float: left;
    }

    .column_profBlock02 .pic {
        margin: 0;
    }

    .column_profBlock02 .txt {
        width: 100%;
        margin-left: -40px;
    }

    .column_profBlock02 .txt p {
        margin-left: 45px;
    }

    .column_profBlock02 .txt p:first-child {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .column_profBlock02 .txt p:last-child {
        font-size: 11px;
        font-size: 1.1rem;
    }

    .column_profBlock02 a {
        padding: 10px 0;
    }

    .column_contBlock02>.pic {
        margin: 15px 0 20px;
    }

    .column_contBlock01 {
        padding: 15px;
    }

    .column_contBlock01 .pic {
        float: none;
        width: auto;
        text-align: center;
    }

    .column_contBlock01 .txt {
        margin-top: 15px;
        float: none;
        width: auto;
    }

    .column_profBlock01 .txt {
        width: auto;
    }

    #contents .column_contBlock01 .txt h3 {
        margin-left: -15px;
        margin-bottom: 5px;
        padding-left: 15px;
        font-size: 20px;
        font-size: 2.0rem;
        height: auto;
    }

    #contents .column_contBlock01 .txt h3::before {
        height: 30px;
        margin-top: -3px;
    }

    #contents .column_contBlock01 .txt p {
        margin-top: 10px;
    }

    #contents .column_contBlock01 .txt p:first-child,
    #contents .column_contBlock01 .txt p:nth-child(2) {
        margin-top: 0;
    }

    .column_contBlock02 h2 {
        font-size: 24px;
        font-size: 2.4rem;
    }

    .pic.column_ob-fit img {
        height: auto !important;
        object-fit: none;
    }
}

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




/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡

glossary_template

≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
.glos_wordList01 {
    margin-top: 10px;
    /*    border: 1px solid #e6832c;*/
}

.glos_wordList01.under {
    margin-top: 30px;
}

.glos_wordList01 ul {
    width: 100%;
    letter-spacing: -.40em;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #e6832c;
    /*
    border-top: 1px solid #e6832c;
    border-left: 1px solid #e6832c;
*/
}

.glos_wordList01 li {
    display: inline-block;
    vertical-align: middle;
    width: 10%;
    letter-spacing: normal;
    text-align: center;
    /*    height: 40px;*/
    padding: 5px 0;
    box-sizing: border-box;
    border-right: 1px solid #e6832c;
    border-bottom: 1px solid #e6832c;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #e6832c;
    cursor: pointer;
}

.glos_wordList01 li:nth-child(10n) {
    border-right: none;
}

.glos_wordList01 li:nth-last-child(-n+10) {
    border-bottom: none;
}

.glos_wordList01 li.blank {
    cursor: default;
}

.glos_wordList01 li.active {
    background-color: #f7f7f7;
    color: #333;
    cursor: default;
}

.glos_wordList01 li:not(.blank):not(.active):hover {
    background-color: #e6832c;
    color: #fff;
}

#glos_contBlock {
    position: relative;
    margin-top: 30px;
}

#glos_contBlock .glos_contFrame {
    display: none;
}

#glos_contBlock .glos_contFrame.active {
    display: block;
}

#glos_contBlock .glos_contFrame>section:not(:first-child) {
    margin-top: 30px;
}

#glos_contBlock .glos_contFrame>section h4 {
    margin-top: 0;
}

.glos_linkList01 {
    width: 100%;
    letter-spacing: -.40em;
}

.glos_linkList01 li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 50%;
    line-height: 2.2em;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {
    .glos_wordList01 li {
        width: 20%;
        padding: 10px 0;
    }

    .glos_wordList01 li:nth-child(10n) {
        border-right: 1px solid #e6832c;
    }

    .glos_wordList01 li:nth-last-child(-n+10) {
        border-bottom: 1px solid #e6832c;
    }

    .glos_wordList01 li:nth-child(5n) {
        border-right: none;
    }

    .glos_wordList01 li:nth-last-child(-n+5) {
        border-bottom: none;
    }

    #glos_contBlock .glos_contFrame>section:not(:first-child) {
        margin-top: 20px;
    }

    .glos_linkList01 li {
        display: block;
        width: 100%;
    }
}

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


/*============================================================================
    single
============================================================================*/
#glos_singleBlock {}

#glos_singleBlock h3 {
    position: relative;
    background-color: transparent;
    font-weight: normal;
    letter-spacing: .1em;
    border: none;
    padding: 0 0 5px 0;
    margin: 0 0 15px 0;
}

#glos_singleBlock h3 span {
    font-size: 18px;
    font-size: 1.8rem;
    vertical-align: middle;
    margin-left: 10px;
    letter-spacing: normal;
    position: relative;
    right: inherit;
    top: inherit;
    padding: 0;
    height: auto;
}

#glos_singleBlock h3::before {
    position: absolute;
    background-color: transparent;
    margin: 0;
    top: inherit;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-size: 4px 4px;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 100%);
}

#glos_singleBlock p {
    margin-top: 1.2em;
    line-height: 2em;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {}

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


/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡

mie top

≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
.mie_contBlock01 {
    text-align: center;
}

.mie_contBlock01 p {
    position: relative;
    display: inline-block;
    margin: 30px 0 10px;
}

.mie_contBlock01 p span {
    display: inline-block;
    vertical-align: baseline;
    line-height: 1;
    font-size: 16px;
    font-size: 1.6rem;
}

.mie_contBlock01 p span:first-child {
    position: absolute;
    top: 0;
    left: -150px;
    display: block;
    border: 2px solid #e6832c;
    /*
    border-radius: 100px;
    width: 60px;
    height: 60px;
*/
    font-size: 14px;
    font-size: 1.4rem;
    /*    color: #e6832c;*/
    /*    background-color: #e6832c;*/
    line-height: 1.4;
    font-weight: bold;
    padding: 5px 10px;
    box-sizing: border-box;
}

.mie_contBlock01 p span.num {
    font-size: 68px;
    font-size: 6.8rem;
    color: #e6832c;
    letter-spacing: -.05em;
    margin-right: 5px;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {
    .mie_contBlock01 p {
        margin-top: 20px;
    }

    .mie_contBlock01 p span:first-child {
        position: relative;
        top: -13px;
        left: inherit;
        display: inline-block;
        margin-right: 10px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}

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



/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡

sidebar

≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
#sidebar {
    float: right;
    width: 300px;
}

#sidebar [class*="sd_bnr"]:first-child {
    margin-top: 0;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {

    #sidebar {
        float: none;
        width: auto;
        padding: 0 20px;
        margin-top: 20px;
    }

}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {}

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


/*============================================================================
    sideber banner
============================================================================*/
#sidebar .sd_bnr01 {
    margin-top: 10px;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {
    #sidebar .sd_bnr01 img {
        width: 100%;
        height: auto;
    }
}

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


/*============================================================================
    sideber contArea
============================================================================*/
#sidebar [class*="sd_contArea"] {
    margin-top: 10px;
}

#sidebar .j_style_sd_contArea04 {
    margin-top: 0px;
}

#sidebar [class*="sd_contArea"] dl {
    border: 1px solid #1f1f1f;
    border-radius: 6px;
    overflow: hidden;
    text-align: left;
}

/*----------  170809.height:36pxからautoへ変更 -----------------------------*/
/*----------  170818. font-size: 1.8remからa font-size: 1.75remへ変更 -----------------------------*/

#sidebar [class*="sd_contArea"] dl dt {
    position: relative;
    background-color: #1f1f1f;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.75rem;
    line-height: 1;
    height: auto;
    padding: 10px 10px;
    box-sizing: border-box;
}

#sidebar [class*="sd_contArea"] dl dt .more {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    height: 22px;
    margin-top: -11px;
}

#sidebar [class*="sd_contArea"] dl dt .more a {
    position: relative;
    display: block;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    height: 22px;
    padding: 5px 20px;
    border-radius: 5px;
    line-height: 1;
    box-sizing: border-box;
    border: 1px solid #e6832c;
    background-color: #fff;
}

#sidebar [class*="sd_contArea"] dl dt .more a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 11px;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #e6832c;
    border-right: 1px solid #e6832c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#sidebar [class*="sd_contArea"] dl dt .more a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #e6832c;
}

#sidebar [class*="sd_contArea"] dl dt .more a:hover::before {
    border-color: #fff;
}

#sidebar [class*="sd_contArea"] dl dd {}

#sidebar [class*="sd_contArea"] dl dd.bgG {
    background-color: #f7f7f7;
    padding: 10px;
}

#sidebar [class*="sd_contArea"] dd {
    padding: 0;
}

#sidebar [class*="sd_contArea"] dd li {
    position: relative;
}

#sidebar [class*="sd_contArea"] dd li:not(:first-child)::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-size: 4px 4px;
    background-color: #1f1f1f;
    /*    background-image: linear-gradient(90deg, rgba(0,0,0,0.3) 25%, transparent 25%,transparent 100%);*/
}

#sidebar [class*="sd_contArea"] dd li .pic {
    float: left;
}

#sidebar [class*="sd_contArea"] dd li .txt {
    float: right;
}

#sidebar [class*="sd_contArea"] li a {
    display: block;
    background-color: transparent;
    padding: 10px;
}

#sidebar [class*="sd_contArea"] li a:hover {
    text-decoration: none;
    background-color: #f7f7f7;
}

#sidebar .sd_contArea01 dd li .pic {
    width: 60px;
}

#sidebar .sd_contArea01 dd li .txt {
    width: 208px;
}

#sidebar .sd_contArea01 dd li .txt p {
    line-height: 1.4em;
    display: inline;
}

#sidebar .sd_contArea01 dd li .txt p.date {
    opacity: .6;
    display: inline-block;
    margin-left: 5px;
}

#sidebar .sd_contArea02 dd {
    padding: 10px;
    text-align: center;
}

#sidebar .sd_contArea03 dl {
    background-color: #333;
}

#sidebar .sd_contArea03 ul.ranking li {
    position: relative;
}

#sidebar .sd_contArea03 li a {
    color: #fff;
}

#sidebar .sd_contArea03 li a:hover {
    background-color: rgba(255, 255, 255, .2);
}

#sidebar .sd_contArea03 ul.ranking li .pic {
    text-indent: -9999px;
    width: 30px;
    height: 31px;
    background-image: url(../img/com_iconset02.png);
    background-repeat: no-repeat;
    -webkit-background-size: 90px 61px;
    background-size: 90px 61px;
}

#sidebar .sd_contArea03 ul.ranking li:first-child .pic {
    background-position: 0 0;
}

#sidebar .sd_contArea03 ul.ranking li:nth-child(2) .pic {
    background-position: -30px 0;
}

#sidebar .sd_contArea03 ul.ranking li:nth-child(3) .pic {
    background-position: -60px 0;
}

#sidebar .sd_contArea03 ul.ranking li:nth-child(4) .pic {
    background-position: 0 -31px;
}

#sidebar .sd_contArea03 ul.ranking li:nth-child(5) .pic {
    background-position: -30px -31px;
}

#sidebar .sd_contArea03 ul.ranking li .txt {
    width: 238px;
}

#sidebar .sd_contArea03 ul.ranking li .txt p {
    line-height: 1.6em;
    display: inline;
}

#sidebar .sd_contArea03 ul.ranking li .txt p.date {
    display: inline-block;
    opacity: .6;
    margin-left: 5px;
}

#sidebar .sd_contArea04 dd li .txt {
    width: auto;
}

#sidebar .sd_contArea04 dd li .j_style_w100 {
    width: 100%;
}

#sidebar .sd_contArea04 li .txt p {
    display: inline;
}

#sidebar .sd_contArea04 li .txt p.date {
    display: inline-block;
    opacity: .6;
    margin-left: 5px;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {

    #sidebar .sd_contArea01 dd li .txt {
        width: 100%;
        margin-left: -60px;
        padding-left: 70px;
        box-sizing: border-box;
    }

    #sidebar .sd_contArea03 ul.ranking li .txt {
        width: 100%;
        margin-left: -30px;
        padding-left: 40px;
        box-sizing: border-box;
    }

}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {}

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


/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡

footer

≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
footer {
    margin-top: 30px;
}

footer nav {
    position: relative;
    border-top: 5px solid #f7f7f7;
}

footer nav::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
}

footer nav ul {
    width: 100%;
}

footer nav>ul>li {
    position: relative;
    float: left;
    width: 33.333%;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    box-sizing: border-box;
}

footer nav>ul>li:nth-child(3n) {
    border-right: none;
}

footer nav>ul>li>a {
    position: relative;
    display: block;
    line-height: 1.4em;
    padding: 15px 30px 15px 58px;
    text-align: center;
    min-height: 80px;
    /*    border-right: 1px solid #e5e5e5;*/
}

footer nav>ul>li>a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 24px;
    background-image: url(../img/com_iconset04.png);
    background-repeat: no-repeat;
    -webkit-background-size: 284px 27px;
    background-size: 284px 27px;
    -webkit-transform: translate(-140px, -50%);
    transform: translate(-140px, -50%);
}

footer nav>ul>li.special a::before {
    /* 特集 */
    width: 24px;
    height: 24px;
    background-position: -88px 0;
}

footer nav>ul>li.desk a::before {
    /* 相談デスク */
    width: 34px;
    height: 22px;
    background-position: -226px 0;
}

footer nav>ul>li.interview a::before {
    /* インタビュー */
    width: 23px;
    height: 27px;
    background-position: -135px 0;
}

footer nav>ul>li.column a::before {
    /* コラム */
    width: 23px;
    height: 23px;
    background-position: -158px 0;
}

footer nav>ul>li.seminar a::before {
    /* インバウンドセミナーイベント */
    width: 30px;
    height: 25px;
    background-position: -26px 0;
}

footer nav>ul>li.seminar a span {
    letter-spacing: -.08em;
}

footer nav>ul>li.dictionary a::before {
    /* 用語集 */
    width: 28px;
    height: 20px;
    margin-left: -4px;
    background-position: -198px 0;
}

footer nav>ul>li.news a::before {
    /* インバウンドNews */
}

footer nav>ul>li.country a::before {
    /* 国別情報 */
    width: 24px;
    height: 24px;
    margin-left: -1px;
    background-position: -260px 0;
}

footer nav>ul>li>a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #e6832c;
    border-right: 2px solid #e6832c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

footer nav>ul>li>a:hover {
    text-decoration: none;
    background-color: #f7f7f7;
}

footer nav>ul>li>a br {
    display: none;
}

footer nav>ul>li>a span {
    display: block;
    text-align: left;
}

footer nav>ul>li>a span:first-child {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 5px;
}

#ft_countryPop_trig {}

#ft_countryPop_targ {
    /*    display: none;*/
    position: absolute;
    top: -40px;
    right: 20px;
    width: 150px;
    background-color: #f7f7f7;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    z-index: 50;
    display: none;
}

#ft_countryPop_targ li {
    border-top: 1px solid #e5e5e5;
}

#ft_countryPop_targ li a {
    position: relative;
    display: block;
    text-align: left;
    box-sizing: border-box;
    height: 36px;
    padding: 10px 10px;
    background-color: #f7f7f7;
}

#ft_countryPop_targ li a:hover {
    text-decoration: none;
    background-color: #e5e5e5;
}

#ft_countryPop_targ li a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 11px;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #e6832c;
    border-right: 1px solid #e6832c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#ft_countryPop_targ .close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 100px;
    cursor: pointer;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

#ft_countryPop_targ .close::before {
    content: '×';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 20px;
    font-size: 2.0rem;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {
    footer nav ul {
        display: block;
    }

    footer nav>ul>li {
        display: block;
        float: left;
        width: 100%;
        box-sizing: border-box;
        border-right: none;
    }

    footer nav>ul>li:nth-child(-n+3),
    footer nav>ul>li:nth-child(n+4):nth-child(-n+6),
    footer nav>ul>li:nth-child(n+7):nth-child(-n+9) {
        min-height: auto;
    }

    footer nav>ul>li::before,
    footer nav>ul>li::after {
        display: none;
    }

    footer nav>ul>li:last-child {
        border-bottom: none;
    }

    footer nav>ul>li>a {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        text-align: left;
        padding: 10px 30px 10px 60px;
        box-sizing: border-box;
        border: none;
    }

    footer nav>ul>li:first-child a {
        border-top: none;
    }

    footer nav>ul>li.seminar a span {
        letter-spacing: normal;
    }

    footer nav>ul>li>a::before {
        left: 15px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    footer nav>ul>li>a span:first-child {
        font-size: 14px;
        font-size: 1.4rem;
    }

    footer nav>ul>li>a span:last-child {
        font-size: 12px;
        font-size: 1.2rem;
    }

    footer nav>ul>li>a br {
        display: none;
    }

    #ft_countryPop_targ {
        right: inherit;
        left: 40px;
    }
}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {}

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


/*============================================================================
    ft_contBlock01(bgbox)
============================================================================*/
footer .ft_contBlock01 {
    padding: 15px;
    border: 5px solid #e5e5e5;
    background-color: #f7f7f7;
}

footer .ft_contBlock01>h2 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 10px;
}

footer .ft_contBlock01 .btnFrame {}

footer .ft_contBlock01 .btnFrame ul {
    width: 100%;
    box-sizing: border-box;
    padding-right: 30px;
}

footer .ft_contBlock01 .btnFrame li {
    float: left;
    width: 25%;
    margin-right: 10px;
}

footer .ft_contBlock01 .btnFrame li:last-child {
    margin-right: -30px;
}

footer .ft_contBlock01 .btnFrame a {
    position: relative;
    display: block;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: -.05em;
    line-height: 1;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #e6832c;
    height: 40px;
    border-radius: 6px;
    padding: 12px 20px;
    box-sizing: border-box;
}

footer .ft_contBlock01 .btnFrame a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #e6832c;
}

footer .ft_contBlock01 .btnFrame a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 11px;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #e6832c;
    border-right: 1px solid #e6832c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

footer .ft_contBlock01 .btnFrame a:hover::before {
    border-color: #fff;
}

footer .ft_contBlock01 .btnFrame li:last-child a {
    letter-spacing: -.1em;
}

footer .ft_contBlock01 .bnrFrame {
    position: relative;
    margin-top: 15px;
    padding-top: 15px;
}

footer .ft_contBlock01 .bnrFrame::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-size: 4px 4px;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 100%);
}

footer .ft_contBlock01 .bnrFrame li {
    float: left;
    margin-right: 10px;
}

footer .ft_contBlock01 .bnrFrame li:last-child {
    margin-right: 0;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {

    footer .ft_contBlock01 {
        border: none;
        border-top: 1px solid #e5e5e5;
        padding: 15px 20px 30px;
    }

    footer .ft_contBlock01>h2 {
        margin-bottom: 0;
    }

    footer .ft_contBlock01 .btnFrame ul {
        padding-right: 10px;
        margin-top: 10px;
    }

    footer .ft_contBlock01 .btnFrame li {
        width: 50%;
        margin-right: 10px;
    }

    footer .ft_contBlock01 .btnFrame li:nth-child(2n) {
        margin-right: -10px;
    }

    footer .ft_contBlock01 .btnFrame li:nth-child(n+3) {
        margin-top: 10px;
    }

    footer .ft_contBlock01 .btnFrame li:last-child a {
        letter-spacing: normal;
    }

    footer .ft_contBlock01 .bnrFrame ul {
        width: 100%;
        padding-right: 5px;
        box-sizing: border-box;
    }

    footer .ft_contBlock01 .bnrFrame li {
        width: 50%;
        margin-right: 5px;
    }

    footer .ft_contBlock01 .bnrFrame li:nth-child(2n) {
        margin-right: -5px;
    }

    footer .ft_contBlock01 .bnrFrame li:nth-child(n+3) {
        margin-top: 5px;
    }

    footer .ft_contBlock01 .bnrFrame li img {
        width: 100%;
        height: auto;
    }
}

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

    footer .ft_contBlock01 .btnFrame ul {
        padding-right: 0;
    }

    footer .ft_contBlock01 .btnFrame li {
        width: 100%;
    }

    footer .ft_contBlock01 .btnFrame li:first-child {
        margin-right: 0;
    }

    footer .ft_contBlock01 .btnFrame li:not(:first-child) {
        margin: 10px 0 0 0;
    }

    footer .ft_contBlock01 .btnFrame li a {
        text-align: left;
        height: auto;
        line-height: 1;
        padding: 15px;
        /*
        font-size: 12px;
        font-size: 1.2rem;
*/
    }

}

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


/*============================================================================
    ft_contArea01(bgbar)
============================================================================*/
footer .ft_contArea01 {
    margin-top: 60px;
    padding: 40px 0;
    background-color: #333;
    color: #fff;
    text-align: left;
}

footer .ft_contArea01 a {
    display: block;
    color: #fff;
}

footer .ft_contArea01 a:hover {
    text-decoration: none;
}

footer .ft_contArea01 .bnrFrame li {
    float: left;
    margin-right: 10px;
}

footer .ft_contArea01 .bnrFrame li:last-child {
    margin-right: 0;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {

    footer .ft_contArea01 {
        margin-top: 0;
        padding: 0 0 10px;
    }

    footer .ft_contArea01 .bnrFrame {
        margin: 0 20px;
    }

    footer .ft_contArea01 .bnrFrame ul {
        width: 100%;
        padding-right: 10px;
        box-sizing: border-box;
    }

    footer .ft_contArea01 .bnrFrame li {
        width: 33.333%;
        margin-right: 5px;
    }

    footer .ft_contArea01 .bnrFrame li:nth-child(3n) {
        margin-right: -10px;
    }

    footer .ft_contArea01 .bnrFrame li:nth-child(n+4) {
        margin-top: 5px;
    }

    footer .ft_contArea01 .bnrFrame li img {
        width: 100%;
        height: auto;
    }

}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {}

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


/*	ft_contBlock02
----------------------------------------------------------------------------*/
footer .ft_contBlock02 {}

footer [class*="ft_contFrame"] {
    float: left;
    margin-right: 19px;
}

footer [class*="ft_contFrame"] h4 {
    background-color: #1f1f1f;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px 15px;
}

footer [class*="ft_contFrame"]:nth-child(3n) {
    margin-right: 0;
}

.ft_contFrame01 {
    width: 466px;
}

.ft_contFrame02 {
    width: 223px;
}

.ft_contFrame03 {
    width: 100%;
    margin-right: 0;
}

footer .ft_linkList01 {}

footer .ft_linkList01 li {
    position: relative;
    float: left;
    width: 223px;
    margin-right: 20px;
}

footer .ft_contFrame03 .ft_linkList01 li {
    width: 465px;
}

footer .ft_linkList01 li:not(:first-child)::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-size: 4px 4px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 100%);
}

footer .ft_contFrame01 .ft_linkList01 li:nth-child(2)::before {
    display: none;
}

footer .ft_contFrame03 .ft_linkList01 li::before {
    display: none;
}

footer .ft_linkList01 li:nth-child(2n) {
    margin-right: 0;
}

footer .ft_linkList01 li a {
    position: relative;
    display: block;
    padding: 10px;
}

footer .ft_linkList01 li a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #e6832c;
    border-right: 1px solid #e6832c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

footer .ft_linkList01 li a:hover {
    background-color: rgba(255, 255, 255, .2);
}

footer #copy {
    opacity: .6;
    margin-top: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
}

/*----------------------------------------------*/
@media screen and (max-width: 768px) {

    footer .ft_contBlock02 {
        margin-top: 0;
    }

    footer [class*="ft_contFrame"] {
        width: auto;
        float: none;
        margin-right: 0;
    }

    footer [class*="ft_contFrame"]:not(:first-child) {
        border-top: 1px solid rgba(255, 255, 255, .1);
    }

    footer [class*="ft_contFrame"] h4 {
        position: relative;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1;
        padding: 15px;
    }

    footer [class*="ft_contFrame"] h4::before {
        content: '';
        position: absolute;
        top: 50%;
        right: 17px;
        box-sizing: border-box;
        width: 4px;
        height: 4px;
        border: 3px solid transparent;
        border-top: 4px solid #fff;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .5s all ease;
        transition: .5s all ease;
        transform-origin: center.02em;
    }

    footer [class*="ft_contFrame"] h4.active::before {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    footer .ft_linkList01 {
        display: none;
    }

    footer .ft_linkList01 li {
        float: none;
        width: auto;
        margin-right: 0;
    }

    footer .ft_contFrame01 .ft_linkList01 li:nth-child(2)::before {
        display: block;
    }

    footer .ft_linkList01 li a {
        line-height: 1;
        padding: 15px;
    }

    footer .ft_linkList01 li a::before {
        right: 18px;
    }

}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {}

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

/*============================================================================
    footer min 
============================================================================*/
footer.min #copy {
    margin-top: 0;
}

footer.min .ft_contArea01 {
    padding: 20px 0;
}


/*============================================================================
    グラフ装飾 J-cool
============================================================================*/

.graph {
    position: relative;
    width: 95%;
    padding: 15px 15px 30px 15px;
    background-color: #fff6f0;
    display: block;
}

.graph:after {
    position: absolute;
    left: 180px;
    bottom: 3px;
    color: #333;
    content: '※本グラフはコピー＆ペーストで自由に転載可';
    text-align: center;
    font-size: 12px;
}

.graph img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: pixelated;
}


/*============================================================================
    event  mie-banner J-cool
============================================================================*/
.com_contArea01 .mie_banner {
    margin-top: 54px;
}

#contents .com_contArea01 h3 span.title_btn a {
    position: relative;
    display: block;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    height: 22px;
    line-height: 1;
    box-sizing: border-box;
    padding: 5px 20px;
    border: 1px solid #e6832c;
    background-color: #fff;
    border-radius: 5px;
}

#contents .com_contArea01 h3 span.title_btn a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 11px;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #e6832c;
    border-right: 1px solid #e6832c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#contents .com_contArea01 h3 span.title_btn a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #e6832c;
}

.pc-sp_none {
    display: none;
}



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

    /*============================================================================
    グラフ装飾 J-cool
============================================================================*/

    .graph {
        position: relative;
        width: 95%;
        padding: 15px 10px 0px 10px;
        background-color: #fff6f0;
        display: block;
    }

    .graph:after {
        position: static;
        color: #333;
        content: '※本グラフはコピー＆ペーストで自由に転載可';
        text-align: center;
        font-size: 10px;
    }


    #contents .com_contArea01 h3 span.sp_title_btn {
        display: none;
    }

    .pc-sp_none {
        display: block;
    }

}

/*============================================================================
    single-inboundnews.php  J-cool
============================================================================*/

.mb40 {
    margin-bottom: 40px;
}


@media screen and (max-width: 768px) {
    .mb40 {
        margin-bottom: 0px;
    }




}





/*============================================================================
    syukyaku  J-cool
============================================================================*/

a#readmore_btn {
    display: block;
    background-color: #e6832c;
    text-align: center;
    margin: 0 auto;
    margin-top: 0px;
    padding: 12px 0;
    border-radius: 5px;
    color: #fff;
    margin-top: 14px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}


a#readmore_btn_close :hover {
    background-color: #fa860f;
}



#contents h3.j-seminar {
    height: auto;
}


.inbound-bid-box table {
    width: 632px;
}

.inbound-bid-box {
    padding-top: 10px;
}

.inbound-bid-box table,
td,
th {
    border: 1px #333 solid;
    padding: 5px;
}


.syu_text_box {
    width: 480px;
    padding: 10px;
}

.syukyaku_hatubai_box {
    display: flex;
}

.syu_text_box .syu_konyu {
    font-size: 1.6em;
    font-weight: bold;
}

.syu_title {
    font-weight: bold;
}

.syukyaku_hatubai_box .syu_price {
    font-size: 1.0em;
    font-weight: bold;
    margin: 15px;
    text-align: right;
}

.syu_text {
    font-size: 1.1em;
    margin: 10px 0;
}

.j_style_com_arrowList03 li .txt {
    text-align: left;
}

.syukyaku_hatubai_box .syu_price2 {
    display: none;
}

.sub-box {
    padding-bottom: 20px;
}

#contents .sub-box h4 {

    border-bottom: none;
}

.use-box {
    padding: 15px 0 20px 0;
}

.use-box_img {
    text-align: center;
}

.ser-box {
    padding: 15px 0 20px 0;
}

.ser-box ul li {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 1em;
    text-indent: -1em;
}

.bid-box {
    display: flex;
}


.bid-img {
    padding: 15px 0 20px 0;
    width: 50%;
    text-align: center;
}

.bid-txt {
    padding: 10px;
}

.fee-box {
    padding: 15px 0 20px 0;
}

.fee-box p {
    padding-top: 5px;
}

.aligncenter {
    margin: 0 auto;
}


.app-box table {
    border: none;
}

.app-box table b {
    color: #333;
}


.app-box table td.td-01 {
    width: 150px;
    font-weight: bold;
    background-color: #f7f7f7;
    vertical-align: top;
    padding: 10px 20px;
    border-top: 1px solid #ccc
}

.app-box table td {
    background-color: #fff;
    border: none;
    border-top: 1px solid #ccc;
    padding: 10px 20px
}

.app-box table td.td-02 {
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #c2c1c1;
    background-color: #e5e5e5;

}

.app-box table td.td-02 input {
    border: none;
    cursor: pointer;
    outline: none;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: .2em;
    border-radius: 5px;
    padding: 5px 10px;
    appearance: none;
    background-color: #fff;
    border: 2px solid #e6832c;
    color: #e6832c;
    min-width: 200px;
}

.app-box table td.td-02 input:hover {
    background-color: #e6832c;
    color: #fff;

}


.app-box table td input,
textarea {
    border: solid 1px #e5e5e5;
}

.an-box {
    text-align: center;
    padding: 60px 0 20px 0;
}

.br::before {
    content: "\A";
    white-space: pre;
}

@media screen and (max-width: 768px) {
    .syukyaku_hatubai_box {
        width: 615px;
        margin: 0 auto;
    }

    .inbound-bid-box {
        padding: 0 20px;

    }

    .inbound-bid-box table {

        margin: 0 auto;
        width: 100%;
    }


    .bid-img {
        padding: 10px 5px;
        width: 50%;
        text-align: center;
    }

    .fee-box p {
        padding: 0 5%;
    }



}

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

    /*============================================================================
    グラフ装飾 J-cool
============================================================================*/

    .graph {
        position: relative;
        width: 95%;
        padding: 8px 8px 0px 8px;
        background-color: #fff6f0;
        display: block;
    }

    .graph:after {
        position: static;
        color: #333;
        content: '※本グラフはコピー＆ペーストで自由に転載可';
        text-align: center;
        font-size: 10px;
    }
}

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


    .syukyaku_hatubai_box {
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .syukyaku_hatubai_box .syu_price {
        display: none;
    }

    .syukyaku_hatubai_box .syu_price2 {
        display: flex;
    }

    .syu_text_box {
        width: 90%;
        margin: 0 auto;
    }

    .syu_photo {
        width: 130px;
        margin: 0 auto;
    }

    p.syu_price2 {
        width: 205px;
        margin: 10px auto;
    }

    .bid-box {
        display: block;
    }

    .fee-box {
        width: 90%;
        margin: 0 auto;
    }

    .fee-box p {
        padding: 0 5%;
    }

    .bid-img {
        margin: 0 auto;
        width: 100%;
    }

    .app-box table,
    .app-box table textarea,
    .app-box table input {
        width: 100%;
    }


    .app-box table td {
        display: block;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .app-box table td.td-01 {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .app-box table td.sp_w-auto input,
    p.sp_w-auto input {
        width: auto;
    }

}

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


/*外国人（訪日・在日）に、日本文化を気軽に、楽しく学んでもらうために！ 武将隊が浅草で"日本文化体験ショー"を開催！ページ*/
#test-size p {
    font-size: 15px;
}

#test-size2 p {
    font-size: 16px;
}

#test-size3 p {
    font-size: 18px;
}

#test-size4 h2 {
    font-size: 24px;
}


/*============================================================================
   inbound_example  J-cool
============================================================================*/

.mg_ex {
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
}


.example_title {
    position: relative;
    height: 250px;
    overflow: hidden;
}


.example_title h2 {
    width: 98%;
    position: absolute;
    text-align: center;
    /*height: 2em;*/
    font-size: 24px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 4em 0.2em 2em 0.4em;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
}

.ex_point_box {
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 16px;

}


.ex_point_box dl {
    overflow: hidden;
    margin: 1em 0 0;

}


.ex_point_box dt {
    font-size: 18px;
    font-weight: bold;
    color: #E6832C;
    display: inline-block;
    vertical-align: top;
    border: 2px solid #E6832C;
    padding: 5px 0;
    border-radius: 6px;
    margin: 0 2% 2% 0;
    text-align: center;
    width: 5%;
    text-indent: 2px;


}

.ex_point_box dd {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.9;
    width: 85%;
    display: inline-block;
    vertical-align: top;
}



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


    .example_title {
        height: 200px;
    }

    .example_title h2 {
        width: 98%;
        font-size: 20px;
        padding: 4em 0.5em 2em 0.2em;
    }



    .ex_point_box dt {
        padding: 6px 11px;
        margin: 0 0 1rem 0;
        text-align: center;
        width: auto;

    }

    .ex_point_box dd {
        padding-left: 1rem;
        width: 87%;
    }

}

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

    .example_title {
        height: 150px;
    }

    .example_title h2 {
        width: 100%;
        font-size: 16px;
        padding: 3.5em 0 3.2em 0;
    }


    .ex_point_box dt {
        padding: 6px 11px;
        margin: 1rem 0 1rem 0;
        text-align: center;
        width: auto;
        display: block;

    }

    .ex_point_box dd {
        width: auto;
        text-align: center;
        display: block;

    }

}

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

    .example_title h2 {
        font-size: 14px;
        padding: 3.5em 0 3em 0;
    }

    .ex_point_box dd {
        text-align: left;

    }

}

/*============================================================================
   header 20180110  J-cool
============================================================================*/

.list_size_1 {
    font-size: 11px;
}

.list_size_2 {
    font-size: 10px !important;
}


/*============================================================================
   B to B  年末年始報告表示 J-cool
============================================================================*/
.nenmatu_btob {
    text-align: center;
    margin-bottom: 50px;
    font-size: 18px;
    line-height: 1.7
}


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

    .nenmatu_btob {
        font-size: 16px;

    }
}

/*============================================================================
   column  J-cool
============================================================================*/
.date.cl_999 {
    color: #999
}

/*============================================================================
    search 日付 J-cool
============================================================================*/

#publishing {
    float: left;
    color: #7d7d7d;
}

#publishing time {
    color: #7d7d7d;
}


/*============================================================================
    YouTubeレスポンシブサイズ J-cool
============================================================================*/
.youtube {
    max-width: 100%;
}

.youtube .wp-video {
    display: block;
    margin: 0 auto;
}

.youtube iframe {
    width: 100%;
}

/*============================================================================
    TOPへ戻るボタン J-cool
============================================================================*/

#page_top {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #fa860f;
    opacity: 0.8;
    border-radius: 50%;
    z-index: 100;
}

#page_top a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none;
}

#page_top a::before {
    font-family: FontAwesome;
    content: '\f106';
    font-size: 25px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    bottom: 8px;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

/*============================================================================
   画像リサイズ時のぼやけ防止 J-cool
============================================================================*/

.resize {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: pixelated;
}