<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@import url('https://use.fontawesome.com/releases/v5.11.2/css/all.css');

/**
 * 1.0 - Normalize
 * 2.0 - Common
 * 3.0 - Header
 * 4.0 - Contents
 * 5.0 - Navi
 * 6.0 - Main
 * 7.0 - Footer
 * 8.0 - Single Page
 * 9.0 - Option
 */

/*----------------------------------------------------
	1.0 - Normalize
----------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table.table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

:focus {
    outline: 0;
}

ol,
ul {
    list-style: none;
}

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

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

a img {
    border: 0;
}

figure {
    margin: 0
}

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

/*Border*/
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*----------------------------------------------------
	2.0 - Common
----------------------------------------------------*/
html {
    background: #fff;
    font-size: 62.5%;
    /* base-font-size:10px */
}

body {
    color: #000;
    font-family: "Arial", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", "Osaka", "Verdana", sans-serif;
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 1.7;
    overflow-y: scroll;
    min-width: 1000px;
    width: 100%;
    margin: 0;
}

* {
    margin: 0;
    padding: 0;
}



@media(max-width: 999px) {
    * {
        white-space: normal;
    }

    body {
        min-width: 100%;
        width: 100%;
    }

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

@media(max-width: 480px) {
    body {
        font-size: 1.4rem;
    }
}




a {
    color: #3358b0;
}

a:link,
a:visited {
    color: #e60033;
}

a:hover {
    color: #999;
    text-decoration-color: transparent;
}

*tel-setting*/ a[href*="tel:"] {
    pointer-events: none;
}

#wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

@media(max-width: 999px) {
    #wrapper {
        min-width: 100%;
        width: 100%;
    }
}

/*----------------------------------------------------
	3.0 - Header
----------------------------------------------------*/
header {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    line-height: 0;
    background: url("../img/common/bg_title_x1.jpg") repeat-x center top;
    z-index: 1;
}

header h1 {
    max-width: 689px;
}

header img {
    width: 689px;
    aspect-ratio: auto 689 / 60;
    height: 60px;
}

.header {
    width: 100%;
    margin: 0 auto;
    display: flex;
    max-width: 1000px;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}


.site_title {
    box-sizing: border-box;
    margin: 0;
    padding: 25px 0 15px;
    vertical-align: middle;
    font-size: 0;
    text-align: center;
}

@media(min-width: 1000px) {
    .site_title {
        padding-left: 155px;
        background: none;
        position: relative;
    }
    .site_title::after{
    content: "";
    background: url(../img/common/isin_logo.png) no-repeat;
    background-size: contain;
    width: 132px;
    height: 80px;
    top: 12px;
    left: 0;
    position: absolute;
}
}

@media (max-width: 999px) {
    header {
        background: #fff;
        width: 100%;
        max-width: 100%;
        height: 60px;
        border-top: none;
        border-left: none;
        border-right: none;
        box-shadow: none;
        z-index: 2;
    }

    .header {
        border-bottom: 2px solid #c30d23;
        justify-content: center;
    }

    header h1 {
        display: flex;
        align-items: center;
        height: 60px;
        margin: 0 1em 0 0;
        padding-right: 60px;
    }

    header h1 img {
        width: 100%;
        max-width: 689px;
        margin-left: 0.3em;
        transition: .3s;
        height: auto;
        padding-right: 60px;
    }

}








/*----------------------------------------------------
	4.0 - Contents
----------------------------------------------------*/
#contents {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}


#contents h1 {
    background: url(../img/contents/index/bg_title_conts_x1.jpg) no-repeat center bottom;
    border-bottom: 2px solid #c30d23;
    padding: 40px 0;
    margin: 0px 0 20px;
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 4.0rem;
    font-family: 'Lusitana', serif;
    font-weight: 700;
}

@media(max-width: 999px) {

    #contents h1 {
        background: url(../img/contents/index/bg_title_conts_x2.jpg) no-repeat center bottom;
        background-size: 200% auto;
        padding: 30px 0;
        font-size: 3.6rem;
        text-shadow: #f8cc95 1px 1px 1px, #f8cc95 -1px 1px 1px, #f8cc95 1px -1px 1px, #f8cc95 -1px -1px 1px;
    }

}


@media(max-width: 480px) {

    #contents h1 {
        background: url(../img/contents/index/bg_title_conts_sp.jpg) no-repeat left bottom;
        background-size: 180% auto;
        padding: 15px 0;
        font-size: 2.6rem;
        letter-spacing: 0;
    }


}

.live {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.live li {
    display: table-cell;
    padding: 0 10px;
    text-align: center;
}

.live li a {
    text-align: center;
    padding: 13px 15px 15px;
    display: inline-block;
    background-color: #C30D23;
    border: 3px solid #910C22;
    color: #fff;
    text-decoration: none;
    font-size: 2.0rem;
    font-family: 'Noto Sans JP';
    font-weight: 600;
}

.live_tx01 a {
    width: 636px;
}


.banner {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.banner li {
    display: table-cell;
    padding: 0 10px;
    text-align: center;
}

.banner li a {
    display: inline-block;
    text-align: center;
    line-height: 0.6;
}

@media(max-width: 480px) {
    .banner li {
        display: inline-block;
        width: 100%;
        padding: 0 1%;
        box-sizing: border-box;
    }
}



.inner {

    width: 1000px;
    margin: 0 auto;
    text-align: left;
}

.inner h2 {
    background: #c30d23;
    border: 3px double #fff;
    font-family: 'Lusitana', serif;
    font-size: 2.4rem;
    font-weight: 500;
    padding: 10px 10px 8px;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
    line-height: 1.7;
}



.contents_inner {
    width: 100%;
    min-height: 340px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    padding: 0;
}

[class*="_inner"] {
    margin: 0 auto;
}

@media (max-width: 999px) {
    .inner {
        width: 100%;
    }
}

@media (max-width: 999px) {

    [class*="_inner"],
    #contents {
        width: 100%;
    }

    .contents_inner {
        min-height: 0;
    }
}

@media (max-width: 480px) {
    .inner h2 {
        font-size: 2.0rem;
        margin-bottom: 15px;
    }

    .inner p {
        font-size: 1.4rem;
    }

}

/*----------------------------------------------------
	5.0 - Navi
----------------------------------------------------*/

/* Hamburger */
@media(min-width: 1000px) {
    .hamburger {
        display: none;
        z-index: 2;
        position: relative;
    }
}

@media(max-width: 999px) {

    .hamburger {
        position: fixed;
        display: flex;
        justify-content: center;
        background-color: #fff;
        border: 1px solid #ddd;
        right: 0;
        top: 0;
        width: 60px;
        height: 60px;

        box-sizing: border-box;
        cursor: pointer;
        z-index: 100;
    }



    .hamburger span {
        background: #666;
        display: block;
        position: absolute;
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
        width: 32px;
        height: 3px;
    }

    .hamburger span:nth-child(1) {
        top: 16px;
    }

    .hamburger span:nth-child(2) {
        top: 24px;
    }

    .hamburger span:nth-child(3) {
        top: 32px;
    }

    .hamburger.active span:nth-child(1) {
        top: 24px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }

    .hamburger.active span:nth-child(2) {
        width: 0;
        left: 50%;
    }

    .hamburger.active span:nth-child(3) {
        top: 24px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }


    .hamburger p {
        width: 100%;
        color: #000;
        text-align: center;
        position: absolute;
        bottom: 0.5em;
        font-size: 1.1rem;
        padding-bottom: 10px;
    }

    .hamburger.active p {
        color: #000;
    }

    .hamburger.active {
        position: fixed;
    }

    .open #head_nav {
        display: block;
        position: fixed;
        top: 0;
        z-index: 99;
    }
}






/* Menu */
nav {
    background: linear-gradient(to bottom, #e5a500 30%, #fff697);
    padding: 2px 0;
    font-size: 1.5rem;
}

nav div {
    border-top: 2px solid #c30d23;
    border-bottom: 2px solid #c30d23;
}



@media(max-width: 999px) {
    nav {
        display: block;
        position: absolute;
        top: 0;
        height: 100vh;
        padding-top: 90px;
        z-index: 99;
        width: 100%;
        background: none;
    }

    nav div {
        border: none;
    }

}

.dropmenu {
    top: 0;
    width: 1000px;
    /*overflow: hidden;*/
    margin: 5px auto;
    text-align: center;
    display: table;

}



.dropmenu li a {
    display: block;
    border-right: 1px solid #231815;
    padding: 0 5px;
}

.dropmenu li:nth-of-type(2) a {
    border-left: 1px solid #231815;
}

.dropmenu a.active {
    color: #c30d23;
}

.dropmenu a:link,
.dropmenu a:visited {
    color: #000;
    text-decoration: none;
}

.dropmenu a.active {
    color: #c30d23;
}

/*off*/

.dropmenu&gt;li.off a {
    cursor: default;
    pointer-events: none;
}

/*submenu*/




@media(min-width: 1000px) {


    .dropmenu li {
        position: relative;
        padding: 10px 0;
        color: #000;
        font-weight: bold;
        line-height: 1.7;
        transition: all 0.3s;
        text-align: center;
        display: table-cell;
    }

    .dropmenu li a:hover {
        color: #c30d23;
    }

    .dropmenu li a.on {
        color: #c30d23;
    }

    .dropmenu li ul {
        position: absolute;
        top: 100%;
        left: 0;
        width: auto;
        /* nowrap */
        min-width: 100%;
        /* nowrap */
        z-index: 1;
    }

    .submenu {
        background: linear-gradient(to bottom, #e5a500 30%, #fff697);
        margin-top: 5px;
    }

    .dropmenu .submenu a {

        border-right: none;

    }



    .dropmenu li ul li:nth-of-type(2) a {
        border-left: none;
    }






    .dropmenu li ul li {
        background: none;
        font-size: 1.3rem;
        /*overflow: hidden;*/
        transition-duration: 0.3s;
    }

    .dropmenu li ul li.nowrap,
    .dropmenu li ul li ul li.nowrap {
        white-space: nowrap;
        display: block;

    }




    .dropmenu li:hover&gt;ul&gt;li {

        overflow: visible;
    }

    .dropmenu li ul li ul {
        top: 0;
        left: 100%;
    }

    .dropmenu li:last-child ul li ul {
        left: -100%;
        width: 100%;
    }
}

@media(max-width: 999px) {

    .dropmenu {
        position: fixed;
        display: none;
        width: 100%;
        height: 100vh;
        color: #fff;
        z-index: 200;
        margin-top: 90px;
    }


    .dropmenu&gt;li {
        width: 100%;
        min-width: 100%;
        position: relative;
        display: block;
        border-right: none;
        border-bottom: 1px solid #231815;
        margin: 0;
    }

    .dropmenu&gt;li a {
        display: block;
        padding: 15px;
        color: #000;
        text-decoration: none;
        transition: color .3s, text-decoration .3s;
        border: none;
        line-height: 1.7em;
    }


    .dropmenu li a:hover {
        color: #c30d23;
    }

    .dropmenu li a.on {
        color: #c30d23;
    }

    .dropmenu {
        width: 100%;
        border-left: none;
        background: linear-gradient(to bottom, #e5a500 30%, #fff697);
        margin-top: 0;
        padding-top: 94px;
        overflow-y: auto;
    }


    .dropmenu li:nth-of-type(1) a,
    .dropmenu li:nth-of-type(6) a,
    .dropmenu li:nth-of-type(6) .nav_coming {
        border-left: none;
        border-right: none;
    }

}

/* arrow */
@media(max-width: 999px) {

    ul.dropmenu div.level01,
    ul.dropmenu div.level02 {
        position: relative;
    }

    ul.dropmenu div.level01 a,
    ul.dropmenu div.level02 a {
        align-items: center;
    }

    ul.dropmenu div.level01 a:after,
    ul.dropmenu div.level02 a:after {
        content: "";
        position: absolute;
        right: 20px;
        top: 1.2em;
        transition: all 0.2s ease-in-out;
        /* display: block; */
        width: 15px;
        height: 15px;
        border-top: solid 2px #333;
        border-right: solid 2px #333;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    ul.dropmenu div.level01 a:hover:after,
    ul.dropmenu div.level02 a:hover:after {
        border-top: solid 2px #999;
        border-right: solid 2px #999;
    }

    ul.dropmenu div.level01.open a:after,
    ul.dropmenu div.level02.openAcd a:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        /* top: 1.75em; */
    }
}


@media(max-width: 480px) {

    .dropmenu li a,
    .dropmenu li .nav_coming {
        padding: 10px;
    }

    .dropmenu li a {
        line-height: 1.7em;
    }

    .dropmenu {
        padding-top: 65px;
        font-size: 1.4rem;
    }

}

@media (min-width: 1000px){
    .en_nav .main_nav {
        margin: 0 auto;
        display: flex;
        /* align-items: center; */
        justify-content: space-between;
        column-gap: 1em;
    }
    .en_nav nav {
        width: 100%;
        /* height: 110px; */
        /* padding: 20px 0; */
        margin: 0 auto 0 0;
        order: 1;
    }
    .en_nav .dropmenu {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        row-gap: 0.75em;
    }
    .en_nav .dropmenu li {
        padding: 5px 0;
    }
    .en_nav .dropmenu li a {
        display: flex;
        line-height: 1.25;
        text-decoration: none;
        padding: 0.15em 1.1em;
        position: relative;
    }
    .en_nav .dropmenu li:nth-of-type(9) a {
    border-left: 1px solid #231815;
}
}

/*----------------------------------------------------
	6.0 - Main
----------------------------------------------------*/


section {
    width: 1000px;
    margin: 60px auto;
}


section ul,
section ol,
section dl{
    margin-bottom: 20px;
}

@media(max-width: 999px) {
    section {
        width: 100%;
        padding: 0px 4%;
    }
}


section:first-child {
    padding-top: 0;
}

section h2 {
    position: relative;
    margin: 2em auto 1em;
    padding-bottom: 0.4em;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2.625em;
    font-weight: 700;
    line-height: 1.15;
    color: #000;
    text-align: center;
}

section h2:first-child {
    margin-top: 0;
}

section h3 {
    position: relative;
    background: #000;
    margin: 2em auto 0.75em;
    padding: 0.3em;
    font-size: 1.625em;
    font-weight: 700;
    color: #fff;
    line-height: 1.15;
}

section h2+h3 {
    margin-top: 0;
}

section h4 {
    position: relative;
    margin: 1.5em auto 0.75em;
    padding-bottom: 0.1em;
    font-size: 1.5em;
    font-weight: 700;
    color: #000;
    line-height: 1.15;
    border-bottom: 3px solid #000;
}

section h3+h4 {
    margin-top: 0;
}

section h5 {
    position: relative;
    margin: 1.5em auto 0.5em;
    position: relative;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.15;
    color: #000;
}

section h4+h5 {
    margin-top: 0;
}


@media(max-width: 480px) {
    .inner h2 {
        padding: 5px 10px;
        font-size: 2.2rem;
        margin-bottom: 15px;
    }
}

/*----------------------------------------------------
	7.0 - Footer
----------------------------------------------------*/
footer {
    background-color: #40210d;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
}

.foot_secretariat {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.foot_inner {
    margin: 0 auto;
    padding: 40px 0;
    color: #fff;
    text-align: center;
}

.foot_inner li {
    display: inline-block;
    margin-bottom: 10px;
}

.foot_inner li dl {
    display: flex;
    column-gap: 1em;
    row-gap: 0.5em;
}


.foot_inner li dl dt {
    border: 1px solid #fff;
    font-size: 1.4rem;
    padding: 1px 8px 2px;
    display: inline-block;
    width: 150px;
    height: 2em;
    box-sizing: border-box;
    text-align: center;
}

.foot_inner li dl dd {
    text-align: left;
    font-size: 1.5rem;
}


footer a:link,
footer a:visited {
    color: #fff;
}


footer .copyright {
    text-align: center;
    font-size: 1.4rem;
    color: #fff;
    padding: 0 0 30px;
}


@media(max-width: 999px) {
    footer {
        padding-left: 0;
    }

    .foot_inner,
    .copyright {
        width: 100%;
        padding-left: 4%;
        padding-right: 4%;
    }

    .foot_secretariat {
        width: 100%;
    }
}

@media(max-width: 480px) {

    .foot_inner {
        padding-bottom: 20px;
    }

    .foot_inner li dl {
        display: block;
    }

    .foot_inner li {
        margin-bottom: 20px;
    }

    .foot_inner li dl dt {
        font-size: 1.4rem;
        width: 100%;
    }

    .foot_inner li dl dd {
        margin-left: 0;
        font-size: 1.4rem;
        line-height: 1.4;
        margin-top: 0.5em;
    }

    footer .copyright {
        text-align: center;
        font-size: 1.4rem;
        padding-bottom: 70px;
    }
}


/*----------------------------------------------------
	8.0 - Single Page
----------------------------------------------------*/
/*  Index
----------------------------------------------------*/

.index_main {
    background: url(../img/contents/index/bg_main_x1.jpg) repeat-x center top;
    height: 654px;
    width: 100%;
    z-index: 0;
    text-align: center;
}


@media(min-width: 1000px) {
    .index_main_pc {
        display: block;
    }

    .index_main_sp {
        display: none;
    }
}

@media(max-width: 999px) {
    .index_main_pc {
        display: none;
    }

    .index_main_sp {
        display: block;
    }

    .index_main {
        background: none;
        height: auto;
    }
}

/* Info */
ul.info {
    height: 14.8em;
}


ul.info li dl dd {
    padding: 0 100px 0 170px;
}

ul.info li {
    padding: 15px;
    position: relative;
}

section p:last-child,
section ul:last-child,
section ol:last-child,
section dl:last-child,
section table:last-child {
    margin-bottom: 0;
}

ul.info li dl dt {
    float: left;
    padding-right: 20px;
    z-index: 1;
}

ul.info li dl dt:before {
    left: 140px;
}

ul.info li dl dd:after {
    left: 135px;
}

ul.info li dl dd:before {
    left: 130px;
}

ul.info li dl dd:before,
ul.info li dl dd:after,
ul.info li dl dt:before {
    position: absolute;
    content: " ";
    border-top: 1px solid #40210d;
    border-right: 1px solid #40210d;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
    top: 25px;
}

ul.info li:nth-of-type(even) {
    background: #f4eae6;
}


@media(max-width: 999px) {

    ul.info {
        height: 18em;
    }

    .info dt,
    .info dd {
        padding-top: 0;
        padding-bottom: 0;
    }

    .info dt {
        float: none;
    }

    .info dt:before {
        top: 2px;
    }

    .info dd {
        padding-left: 0;
    }
}

@media(max-width: 480px) {
    ul.info li {
        padding: 10px;
        position: relative;
    }

    ul.info li:first-child {
        padding-top: 0px;
    }


    ul.info li dl dt {
        float: none;
        padding-right: 20px;
    }

    ul.info li dl dd {
        padding: 0 0 0 20px;
    }

    ul.info li dl dd:before,
    ul.info li dl dd:after,
    ul.info li dl dt:before {
        top: 42px;
    }

    ul.info li:first-child dl dd:before,
    ul.info li:first-child dl dd:after,
    ul.info li:first-child dl dt:before {
        top: 32px;
    }

    ul.info li dl dd:before {
        left: 5px;
    }

    ul.info li dl dd:after {
        left: 10px;
    }

    ul.info li dl dt:before {
        left: 15px;
    }

}


/*welcome Message*/
@media(min-width: 1000px) {
    .isin_logo {
        position: relative;
    }
    .isin_logo::after{
        content: "";
        background: url(../img/common/isin_logo.png) no-repeat;
        background-size: contain;
        width: 199px;
        height: 119px;
        top: 12px;
        left: 4em;
        position: absolute;
    }
}
@media(max-width: 999px) {
    .isin_logo {
        position: relative;
    }
    .isin_logo::after{
        content: "";
        background: url(../img/common/isin_logo.png) no-repeat;
        background-size: contain;
        width: 132px;
        height: 80px;
        top: 25%;
        left: 3%;
        position: absolute;
    }
}
@media(max-width: 768px) {
    .isin_logo p {
        margin-top: 10em;
    }
    .isin_logo::after{
        width: 199px;
        height: 119px;
        top: -50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

/* Attention Box Index */
.box_attention_index {
    background: #fff;
    width: 100%;
    padding: 1em;
    line-height: 1.6;
    border: 5px solid #e0363c;
}

/*  access
----------------------------------------*/
.gmap {
    width: 100%;
    position: relative;
    padding-top: 75%;
    height: 0;

}

.gmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*  Greeting
----------------------------------------------------*/


/*  Outline
----------------------------------------------------*/


/*  Abstracts
----------------------------------------------------*/


/*  Program
----------------------------------------------------*/
.program_list {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.program_list .prg_title {
    margin-top: 1em;
    padding-left: 4em;
    color: #e46b24;
    font-weight: 700;
    text-indent: -4em;
}

.program_list .prg_title&gt;.title_number {
    display: inline-block;
    background: #e46b24;
    width: 3.5em;
    margin-right: 0.5em;
    padding: 0 0.15em;
    color: #fff;
    line-height: 1.15;
    text-indent: 0;
    text-align: center;
}

.program_list dt {
    float: left;
    width: 3.0em;
}

.program_list dt:after {
    content: "：";
}

.program_list dd {
    display: block;
    padding-left: 9em;
    text-indent: -6em;
}

.program_list dd .prg_name {
    text-indent: 0;
    display: inline-table;
    width: 5em;
}

.prg_time {
    text-align: right;
}

.prg_time {
    text-align: right;
    color: #555;
}

.prg_sponsor {
    margin-top: 10px;
    text-align: right;
}

/* Flyer Style */
section .prg_flyer {
    float: right;
    margin-left: 1em;
    overflow: hidden;
}

section .prg_flyer img {
    width: 100px;
    float: right;
}

section .prg_flyer a:hover img {
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    opacity: 0.60;
    transition: 0.2s;
}

section .prg_flyer a:not(:first-of-type) {
    display: none;
}

/* Irregular Option */
section h3+.prg_time {
    margin-top: -20px;
}

section h4.prg {
    font-size: 1.25em;
    padding-right: 4em;
}

section h4.prg .prg_icon {
    position: absolute;
    bottom: 3px;
    right: 0;
    padding: 0.15em;
    color: #fff;
    font-size: 0.7em;
    font-weight: normal;
    border-radius: 2px;
}

.program_box {
    border: 2px solid #B61D22;
    padding: 0.75em 1em;
}
.program_menu {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.5em;
}
.program_menu &gt; li {
    position: relative;
    padding-left: 0.8em;
}
.program_menu &gt; li::before {
    content: "";
    width: 0.8em;
    height: 1em;
    background: #B61D22;
    position: absolute;
    top: 0.45em;
    left: 0;
    clip-path: polygon(0% 10%, 65% 50%, 0% 90%);
    display: inline-block;
}
.program_menu &gt; li a {
    color: #B61D22;
}

.program_menu &gt; li a:hover {
    color: #999;
    text-decoration-color: transparent;
}

.prg_tx_td {
    position: relative;
}

.prg_tx {
    position: absolute;
    border: 1px solid #B61D22;
    padding: 0.5em;
    background: #fff;
    width: 190%;
    margin-top: 1em;
    color: #B61D22;
}


/*  Registration
----------------------------------------------------*/
.registration_off {
    text-align: center;
}


/*----------------------------------------------------
	9.0 - Option
----------------------------------------------------*/
/*  List - Text
----------------------------------------------------*/
/* No icon Style */
ul.list_normal_jp li {
    padding-left: 1.0em;
}

ul.list_normal_jp li {
    padding-left: 1.0em;
    text-indent: -1.0em;
}

/* No icon Style/English */
ul.list_normal_en li {
    padding-left: 0.425em;
}

ul.list_normal_en li {
    padding-left: 0.425em;
    text-indent: -0.425em;
}

/* Disk Style */
ul.list_disc {
    margin-left: 1em;
}

ul.list_disc li {
    position: relative;
}

ul.list_disc li:after {
    display: block;
    background-color: #666;
    content: '';
    position: absolute;
    top: .65em;
    left: -0.75em;
    width: 6px;
    height: 6px;
    border-radius: 100%;
}

/* Mark Style */
ul.list_mark li {
    padding-left: 1.0em;
    position: relative;
}

ul.list_mark li:before,
ul.list_mark li:after {
    content: " ";
    position: absolute;
}

ul.list_mark li:before {
    background-color: #000;
    width: 1em;
    height: 1em;
    top: 0.35em;
    left: 0em;
    border-radius: 50%;
}

ul.list_mark li:after {
    top: 0.9rem;
    left: 0.6rem;
    border: 0.4rem solid transparent;
    border-left: 0.5rem solid #fff;
}

/* Link Style */
ul.list_link li {
    padding: 0 0 0.5em 1.0em;
    position: relative;
    border-bottom: 1px solid #ddd;
}

ul.list_link li:before {
    display: block;
    position: absolute;
    content: "\025b6";
    width: 1em;
    height: 1em;
    margin-left: -1em;
    color: #000;
}

/* Decimal Style */
ol.list_decimal {
    list-style: none;
    counter-reset: num;
    margin-left: 2.0em;
}

ol.list_decimal&gt;li {
    position: relative;
}

ol.list_decimal&gt;li:before {
    counter-increment: num;
    content: counter(num) ".";
    display: inline-block;
    position: absolute;
    width: 2em;
    top: 0;
    left: -2em;
    margin-right: 2em;
    text-align: center;
}

/* Decimal (Parentheses) Style */
ol.list_numberParen {
    list-style-type: none;
    counter-reset: ol_li;
    margin-left: 2em;
}

ol.list_numberParen&gt;li {
    position: relative;
}

ol.list_numberParen&gt;li:before {
    counter-increment: ol_li;
    content: "(" counter(ol_li)")";
    display: inline-block;
    position: absolute;
    width: 2em;
    top: 0;
    left: -2em;
    margin-right: 2em;
    text-align: center;
}

/* Decimal (Parentheses - One Side) Style */
ol.list_numberParenR {
    list-style-type: none;
    counter-reset: ul_lione;
    margin-left: 2em;
}

ol.list_numberParenR&gt;li {
    position: relative;
}

ol.list_numberParenR&gt;li:before {
    counter-increment: ul_lione;
    content: counter(ul_lione)")";
    display: inline-block;
    position: absolute;
    width: 2em;
    top: 0;
    left: -2em;
    margin-right: 2em;
    text-align: center;
}

/*  List - Button
----------------------------------------------------*/
ul.list_button {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
}

ul.list_button li {
    margin: 0 auto 0.75em;
}

/*
ul.list_button&gt;li a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e2edf4;
    min-width: 40%;
    height: 56px;
    color: #000;
    text-decoration: none;
    border: 2px solid #000;
    border-radius: 4px;
    box-shadow: 0 2px 5px #CCC;
    transition: 0.3s;
}

ul.list_button&gt;li a:hover {
    background-color: #fff;
    border-radius: 4px;
    color: #000;
}


ul.list_button&gt;li a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #C30D23;
    min-width: 40%;
    height: 56px;
    color: #fff;
    text-decoration: none;
    border: 2px solid #910C22;
    border-radius: 4px;
    box-shadow: 0 2px 5px #CCC;
    transition: 0.3s;
}

ul.list_button&gt;li a:hover {
    background-color: #000;
    border: 2px solid #000;
    border-radius: 4px;
    color: #fff;
}
*/

ul.list_button&gt;li a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fffcf3;
    min-width: 40%;
    height: 56px;
    color: #000;
    text-decoration: none;
    border: 2px solid #C30D23;
    border-radius: 4px;
    box-shadow: 0 2px 5px #CCC;
    transition: 0.3s;
}

ul.list_button&gt;li a:hover {
    background-color: #C30D23;
    border: 2px solid #C30D23;
    border-radius: 4px;
    color: #fff;
}


ul.list_button&gt;li.notLink {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #bcbcbc;
    height: 56px;
    color: #fff;
    text-decoration: none;
    border: 2px solid #fff;
    border-radius: 4px;
    box-shadow: 0 2px 5px #CCC;
    transition: 0.3s;
}

ul.list_button.btn_col01&gt;li {
    width: 48%;
}

ul.list_button.btn_col02&gt;li {
    width: 48%;
}

ul.list_button.btn_col02_center&gt;li {
    width: 40%;
}

ul.list_button.btn_col03&gt;li {
    width: 30%;
}

@media(max-width: 999px) {

    ul.list_button.btn_col02_center&gt;li,
    ul.list_button.btn_col03&gt;li {
        width: 48%;
    }
}

@media (max-width: 480px) {
    ul.list_button {
        flex-direction: column;

    }
}

/* 2 Column After */
ul.list_button.btn_col02:after {
    content: "";
    display: block;
    width: 50%;
    height: 0;
}

/* 3 Column After */
ul.list_button.btn_col03:after {
    content: "";
    display: block;
    width: 66.67%;
    height: 0;
}

@media(max-width: 999px) {
    ul.list_button.btn_col03:after {
        width: 50%;
    }
}

/*  List - Banner
----------------------------------------------------*/
ul.list_banner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 1.1;
    text-align: center;
}

ul.list_banner li {
    margin: 0 0 0.75em;
}

ul.list_banner li a img {
    width: 100%;
    border: 1px solid #ddd;
    transition: 0.3s;
}

ul.list_banner&gt;li a img:hover {
    border: 1px solid #999;
}

ul.list_banner li.blank {
    margin: 0;
}

ul.list_banner.banner_col01&gt;li {
    width: 100%;
}

ul.list_banner.banner_col02&gt;li {
    width: 48%;
}

ul.list_banner.banner_col03&gt;li {
    width: 32%;
}

ul.list_banner.banner_col04&gt;li {
    width: 24%;
}

@media(max-width: 480px) {
    ul.list_banner.banner_col04&gt;li {
        width: 30%;
    }

}


/*  Table
----------------------------------------------------*/
table.table_normal {
    width: 100%;
    border: solid 1px #ddd;
}

table.table_normal th {
    padding: 10px;
    background: #f8f1dc;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    font-weight: 700;
}

table.table_normal td {
    padding: 10px;
    background: #fff;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

/* Vertical Setting */
table th.vtl_center,
table td.vtl_center {
    vertical-align: middle;
}
table.vtl_center_all th, table.vtl_center_all td {
    vertical-align: middle;
}


/* Scroll */
@media (max-width: 768px) {
    .table_scroll {
        overflow-x: scroll;
    }

    .table_scroll::-webkit-scrollbar {
        height: 10px;
    }

    .table_scroll::-webkit-scrollbar-track {
        margin: 0 2px;
        background: #ccc;
        border-radius: 5px;
    }

    .table_scroll::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: #666;
    }

    .table_scroll:after {
        content: "*If the window size is narrow, this table is displayed with side scrolling.";
        position: relative;
        font-size: calc(768px * .015625);
    }

    .table_scroll .table_normal {
        min-width: 700px;
    }
}


/* Scroll jp */
@media (max-width: 768px) {
    .table_scroll_jp {
        overflow-x: scroll;
    }

    .table_scroll_jp::-webkit-scrollbar {
        height: 10px;
    }

    .table_scroll_jp::-webkit-scrollbar-track {
        margin: 0 2px;
        background: #ccc;
        border-radius: 5px;
    }

    .table_scroll_jp::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: #666;
    }

    .table_scroll_jp:after {
        content: "※ウィンドウサイズが小さい場合、この表は横スクロールで表示されます。";
        position: relative;
        font-size: calc(768px * .015625);
    }

    .table_scroll_jp .table_normal {
        min-width: 700px;
    }



}

/* Stack */
table.table_stack_sp {
    width: 100%;
}

table.table_stack_sp th {
    padding: 2em;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-bottom: solid 1px #ccc;
}

table.table_stack_sp td {
    padding: 2em;
    vertical-align: middle;
    border-bottom: solid 1px #ccc;
}

@media(max-width: 480px) {
    table.table_stack_sp th {
        width: auto;
        background: #fff;
        text-align: left;
    }

    table.table_stack_sp th,
    table.table_stack_sp td {
        border-bottom: none;
        border: 1px solid #ccc;
    }

    table.table_stack_sp th,
    table.table_stack_sp td {
        display: list-item;
        list-style: none;
        width: 100%;
        padding: 5px;
        border-width: 1px 0 0;
    }
}

/*  Back Ground Color
----------------------------------------------------*/
.bg_blue {
    background: #000;
}

.bg_green {
    background: #509869;
}

.bg_red {
    background: #e0363c;
}

.bg_orange {
    background: #ec7430;
}

/*  Align
----------------------------------------------------*/
.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

/*  Hr
-----------------------------------------------*/
hr {
    border: solid 1px #ddd;
}

/*  Text
----------------------------------------------------*/
sub,
sup {
    font-size: 0.75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

strong {
    font-weight: 700;
}

.tx_cancel {
    text-decoration: line-through;
}

.tx_cancel_red {
    text-decoration: line-through;
    color: #e0363c;
}

.tx_cancel_red span {
    color: black;
}

.tx_C {
    text-align: center;
}

.tx_red {
    color: #e0363c;
}

.tx_blue {
    color: #000;
}

.tx_black {
    color: #000;
}

.tx_white {
    color: #fff;
}

.tx_13 {
    font-size: 1.3rem;
}

.tx_13B {
    font-size: 1.3rem;
    font-weight: 700;
}

.tx_14 {
    font-size: 1.4rem;
}

.tx_14B {
    font-size: 1.4rem;
    font-weight: 700;
}

.tx_15 {
    font-size: 1.5rem;
}

.tx_15B {
    font-size: 1.5rem;
    font-weight: 700;
}

.tx_16 {
    font-size: 1.6rem;
}

.tx_16B {
    font-size: 1.6rem;
    font-weight: 700;
}

.tx_17 {
    font-size: 1.7rem;
}

.tx_17B {
    font-size: 1.7rem;
    font-weight: 700;
}

.tx_18 {
    font-size: 1.8rem;
}

.tx_18B {
    font-size: 1.8rem;
    font-weight: 700;
}

.tx_20 {
    font-size: 2.0rem;
}

.tx_20B {
    font-size: 2.0rem;
    font-weight: 700;
}

.tx_22 {
    font-size: 2.2rem;
}

.tx_22B {
    font-size: 2.2rem;
    font-weight: 700;
}

@media(max-width: 999px) {

    .tx_13,
    .tx_13B {
        font-size: 1.2rem;
    }

    .tx_14,
    .tx_14B {
        font-size: 1.3rem;
    }

    .tx_15,
    .tx_15B {
        font-size: 1.4rem;
    }

    .tx_16,
    .tx_16B {
        font-size: 1.5rem;
    }

    .tx_17,
    .tx_17B {
        font-size: 1.6rem;
    }

    .tx_18,
    .tx_18B {
        font-size: 1.7rem;
    }

    .tx_20,
    .tx_20B {
        font-size: 1.8rem;
    }

    .tx_22,
    .tx_22B {
        font-size: 2.0rem;
    }
}

.tx_space01 {
    letter-spacing: 0.1rem;
}

.tx_space02 {
    letter-spacing: 0.2rem;
}

.tx_space03 {
    letter-spacing: 0.3rem;
}

.tx_space04 {
    letter-spacing: 0.4rem;
}

.tx_space05 {
    letter-spacing: 0.5rem;
}

.tx_space_n001 {
    letter-spacing: -0.01rem;
}

.tx_space_n005 {
    letter-spacing: -0.05rem;
}

.tx_space_n01 {
    letter-spacing: -0.1rem;
}

.tx_space_n02 {
    letter-spacing: -0.2rem;
}

.tx_space_n03 {
    letter-spacing: -0.3rem;
}

.tx_indent005 {
    padding-left: 0.5em;
    text-indent: -0.5em;
}

.tx_indent01 {
    padding-left: 1.0em;
    text-indent: -1.0em;
}

.tx_indent02 {
    padding-left: 2.0em;
    text-indent: -2.0em;
}
.tx_indent025 {
    padding-left: 2.5em;
    text-indent: -2.5em;
}
.tx_indent03 {
    padding-left: 3.0em;
    text-indent: -3.0em;
}
.tx_indent04 {
    padding-left: 4.0em;
    text-indent: -4.0em;
}
.tx_indent05 {
    padding-left: 5.0em;
    text-indent: -5.0em;
}
.tx_indent06 {
    padding-left: 6.0em;
    text-indent: -6.0em;
}
.tx_indent065 {
    padding-left: 6.5em;
    text-indent: -6.5em;
}

.tx_indent07 {
    padding-left: 7.0em;
    text-indent: -7.0em;
}
.tx_indent075 {
    padding-left: 7.5em;
    text-indent: -7.5em;
}
.tx_indent08 {
    padding-left: 8.0em;
    text-indent: -8.0em;
}
.tx_indent09 {
    padding-left: 9.0em;
    text-indent: -9.0em;
}



/*  Line Height
----------------------------------------------------*/
.line_height00 {
    line-height: 0;
    vertical-align: middle;
}

.line_height01 {
    line-height: 1.0;
    vertical-align: middle;
}

.line_height02 {
    line-height: 2.0;
    vertical-align: middle;
}

/*  Text Break
----------------------------------------------------*/
@media(max-width: 999px) {
    span.br999_under:before {
        content: "\A";
        white-space: pre;
    }
}

@media(max-width: 999px) {
    span.br768_under:before {
        content: "\A";
        white-space: pre;
    }
}

@media(max-width: 480px) {
    span.br480_under:before {
        content: "\A";
        white-space: pre;
    }
}

/*  Margin
----------------------------------------------------*/
.mgt_10 {
    margin-top: 10px;
}

.mgt_20 {
    margin-top: 20px;
}

.mgt_30 {
    margin-top: 30px;
}

.mgt_40 {
    margin-top: 40px;
}

.mgt_50 {
    margin-top: 50px;
}

.mgb_10 {
    margin-bottom: 10px;
}

.mgb_20 {
    margin-bottom: 20px;
}

.mgb_30 {
    margin-bottom: 30px;
}

.mgb_40 {
    margin-bottom: 40px;
}

.mgb_50 {
    margin-bottom: 50px;
}

.mgl_10 {
    margin-left: 10px;
}

.mgl_01 {
    margin-left: 1.0em;
}

.mgl_02 {
    margin-left: 2.0em;
}

.mgl_03 {
    margin-left: 3.0em;
}

.mgl_038 {
    margin-left: 3.85em;
}

.mgl_04 {
    margin-left: 4.0em;
}

.mgl_05 {
    margin-left: 5.0em;
}

/*  Icon
----------------------------------------------------*/
/*Link Blank Icon*/
.link:after {
    font-family: "Font Awesome 5 Free";
    content: '\f360';
    margin-left: 0.2em;
    color: #4369c4;
    font-size: 1.375em;
    font-weight: 900;
}

.pdf:after {
    font-family: "Font Awesome 5 Free";
    content: '\f1c1';
    margin-left: 0.2em;
    color: #f54328;
    font-size: 1.6em;
    font-weight: 900;
}

.ppt:after {
    font-family: "Font Awesome 5 Free";
    content: '\f1c4';
    margin-left: 0.2em;
    color: #ce6243;
    font-size: 1.6em;
    font-weight: 900;
}

.word:after {
    font-family: "Font Awesome 5 Free";
    content: '\f1c2';
    margin-left: 0.2em;
    color: #254c9b;
    font-size: 1.6em;
    font-weight: 900;
}

.excel:after {
    font-family: "Font Awesome 5 Free";
    content: '\f1c3';
    margin-left: 0.2em;
    color: #347241;
    font-size: 1.6em;
    font-weight: 900;
}

.ssl:after {
    font-family: "Font Awesome 5 Free";
    content: '\f084';
    margin-left: 0.2em;
    color: #ceaf28;
    font-size: 1.6em;
    font-weight: 900;
}

/* Triangle Icon */
.triangle {
    /* margin: 0; */
    padding-left: 1.0em;
    text-indent: -1.0em;
    position: relative;
}

.triangle:before {
    content: "\025b6";
    color: #000;
}

/*  Page Top
----------------------------------------*/

#page_top {
    position: fixed;
    display: table;
    margin: 0;
    bottom: 40px;
    right: 40px;
}

#page_top a:link,
#page_top a:visited {
    background-color: #B61D22;
    border: 1px solid #fff;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
}

#page_top a {
    display: table-cell;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    line-height: 0;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
    opacity: 1.0;
    position: relative;
    width: 60px;
    height: 60px;
    text-align: center;
    vertical-align: middle;

}

@media(max-width: 999px) {
    #page_top {
        bottom: 60px;
        right: 20px;
    }
}


@media(max-width: 480px) {
    #page_top {
        bottom: 10px;
        right: 10px;

    }

    #page_top a {
        width: 60px;
        height: 50px;
        font-size: 14px;
    }
}

/*  Background
----------------------------------------*/
.bg_beige {
    background: #f3efec;
}

/*  Float
----------------------------------------------------*/
.fL {
    float: left;
    margin: 0 1em 10px 0;
}

.fR {
    float: right;
    margin: 0 0 10px 1em;
}

/*  Attention
----------------------------------------------------*/
.box_attention {
    max-width: 100%;
    padding: 1em;
    line-height: 1.6;
    border: 5px solid #e0363c;
}

/*  Construction
----------------------------------------------------*/
.construction {
    width: 60%;
    margin: 5% auto 30%;
    padding: 20px 40px;
    display: block;
    color: #bbb;
    text-align: center;
    border: 3px solid #ddd;
}

.construction .title {
    font-size: 1.2em;
    font-weight: 700;
}

@media(max-width: 480px) {
    .construction {
        padding: 10px 20px;
    }
}


/*  langmenu
----------------------------------------*/



.langmenu li {

    height: 40px;
    text-align: center;
    border: 1px solid #C30D23;
}

.langmenu li a {
    position: relative;
    text-align: center;
    font-size: 1.5rem;
    top: 19px;
    color: #C30D23;
    text-decoration: none;
    padding: 10px 20px;
    transition: 0.2s;
}

.langmenu li:hover {
    background-color: #C30D23;
    border: 1px solid #C30D23;
    transition: 0.2s;
}

.langmenu li a:hover {
    color: #fff;
}

.langmenu {
    display: flex;
    justify-content: space-between;
    padding-right: 10px;
}

.langmenu .lang_on a {
    width: 100%;
    color: #fff;
    background-color: #C30D23;
    border: 1px solid #C30D23;
}

.langmenu .lang_off a {
    width: 100%;
    color: #C30D23;
    background-color: none;
    border: 1px solid #C30D23;
}


/*lang_sp*/
.langmenu_sp li {
    display: none;
}

.langmenu_sp ul {
    display: flex;
    justify-content: space-between;
}

.langmenu_sp li:first-child {
    border-top: none;
}

.langmenu_sp ul li {
    width: 50%;
}

.langmenu_sp ul .lang_on {
    padding-left: 5%;
}

.langmenu_sp ul .lang_off {
    padding-right: 5%;
}

.langmenu_sp ul .lang_on a {
    width: 100%;
    color: #fff;
    background-color: #C30D23;
    border: 1px solid #C30D23;
}

.langmenu_sp ul .lang_off a {
    width: 100%;
    color: #C30D23;
    background-color: #fff;
    border: 1px solid #C30D23;
}

.langmenu_sp ul li a:hover {
    background-color: #C30D23;
    border: 1px solid #C30D23;
    transition: 0.2s;
    color: #fff;
}

/*lang_sp_jp*/

.langmenu_sp ul .lang_on_jp {
    padding-right: 5%;
}

.langmenu_sp ul .lang_off_jp {
    padding-left: 5%;
}

.langmenu_sp ul .lang_on_jp a {
    width: 100%;
    color: #fff;
    background-color: #C30D23;
    border: 1px solid #C30D23;
}

.langmenu_sp ul .lang_off_jp a {
    width: 100%;
    color: #C30D23;
    background-color: #fff;
    border: 1px solid #C30D23;
}

.langmenu_sp ul li a:hover {
    background-color: #C30D23;
    border: 1px solid #C30D23;
    transition: 0.2s;
    color: #fff;
}


@media(max-width: 999px) {
    .langmenu li {
        display: none;
    }

    .langmenu_sp {
        display: block;
    }

    .dropmenu li:nth-of-type(2) a {
        border-left: none;
    }


    .langmenu_sp li {
        margin-bottom: 20px;
    }

    .langmenu_sp li {
        display: block;
    }
}</pre></body></html>