.search_box {
    padding: 1rem .5rem
}

section.search h2 {
    font-weight: normal;
    border: none;
    padding: 0;
    font-size: 1rem
}

section.search h2:after {
    display: none
}

section.search p {
    padding: .5rem;
    font-size: .9rem
}

section.search span {
    color: #999;
    font-size: .8rem;
    padding: 0 .5rem
}

nav.pagination {
    text-align: center;
    width: 100%;
    display: block
}

ul.page-numbers {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto
}

ul.page-numbers li {
    flex-basis: 4%
}

ul.page-numbers li a.page-numbers {
    display: inline-block;
    width: 30px;
    background: #4aa5f5;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    color: #FFF
}

ul.page-numbers li a.page-numbers:hover {
    background: #0D9A57
}

ul.page-numbers li span.page-numbers {
    display: inline-block;
    width: 30px;
    background: #000;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    color: #FFF
}

section.reason3 table {
    border: 1px solid #CCC;
    width: 100%;
    font-size: .9rem
}

section.reason3 table th,
section.reason3 table td {
    border: 1px solid #CCC;
    padding: .2rem .5rem
}

section.reason3 table th {
    background: #528fdc;
    color: #FFF;
    border-color: #FFF
}

section.reason3 table td {
    text-align: center
}

section.reason3 th.myanmar {
    background: #0D9A57
}

section.reason3 td.myanmar {
    background: #eafaff;
    font-weight: bold
}

@media screen and (max-device-width: 767px) and (orientation: portrait) {
    .reason2 * {
        margin-left: 0 !important
    }
}

.mu section.introduction h2 {
    border: 0;
    font-size: 1rem;
    background: #eafaff;
    padding: 1em;
    line-height: 1.5rem
}

.mu section.introduction h2:after {
    display: none
}

.media_gallary {
    background: #FFF !important;
    padding: 0 !important
}

figure.shorai {
    float: left;
    width: 30%;
    margin: 10px
}

ol.shorai {
    margin: 1rem 0rem;
    font-size: 1rem;
    float: right;
    width: 65%
}

ol.shorai ul {
    margin: 1rem 0
}

li.shorai {
    list-style-type: none;
    margin: 0;
    padding: .2rem 0;
    border-bottom: 1px #CCC dashed;
    font-size: .9rem
}

li.shorai:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: '\f058';
    padding: 0 .5rem;
    color: #2196F3
}

dl.keireki {
    margin: 0;
    font-size: .9rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

dl.keireki dt {
    flex-basis: 18%;
    border-bottom: 1px dashed #CCC;
    padding: .5rem
}

dl.keireki dd {
    flex-basis: 82%;
    border-bottom: 1px dashed #CCC;
    padding: .5rem 0
}

figure.koushi-left {
    float: left;
    width: 25%;
    text-align: center
}

div.koushi-right {
    float: right;
    width: 70%
}

div.koushi-right h3,
div.koushi-right h4 {
    text-align: center;
    font-size: 1rem;
    background: #EEE;
    line-height: 2.5rem;
    margin-bottom: .5rem;
    padding: 0;
    border: 0
}

ul.usp-list li {
    list-style-type: none;
    font-size: 1rem;
    padding-left: 2.5rem;
    line-height: 1.8rem;
    text-indent: -2rem
}

ul.usp-list li:before {
    content: '\f058';
    padding: 0rem .5rem;
    color: #2196F3;
    font-family: "Font Awesome 5 Free";
    font-weight: bold
}

dl.usp-list {
    padding: 0 2rem 2rem 2rem;
    margin: 2rem 0;
    border: solid 3px #CCC;
    color: #333;
    background: #F8F8F8
}

dl.usp-list dt {
    list-style-type: decimal;
    list-style-position: inside;
    display: list-item;
    font-size: 1.4rem;
    margin: 1rem 0;
    border-top: dashed 1px #CCC;
    font-weight: bold;
    color: #333;
    padding-top: 1rem;
    padding-left: 5px
}

dl.usp-list dt:first-child {
    border: none
}

dl.usp-list dd {
    margin: 0rem;
    padding-left: 1rem
}

dl.usp-list div.detail_link {
    margin: .5rem
}

dl.usp-list div.detail_link a {
    padding: .2rem .5rem;
    margin: 0 .5rem;
    display: inline-block;
    border: 1px solid #2196f3;
    text-decoration: none;
    color: #2196f3;
    font-weight: 600;
    font-size: .95rem;
    background-color: #e2f2ff
}

dl.usp-list div.detail_link a:after {
    content: '\f0da';
    font-family: "Font Awesome 5 Free";
    padding-left: .5rem
}

dl.usp-list div.detail_link a:hover {
    background-color: #2196f3;
    color: #FFF
}

section.jisseki p.red {
    color: #ff005c;
    font-weight: bold;
    text-align: center;
    font-size: 2rem;
    line-height: 2.5rem
}

section.jisseki p.red span {
    font-size: 6rem;
    font-family: "Roboto Condensed", "游ゴシック", "Yu Gothic", YuGothic, "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif
}

section.jisseki table.default {
    width: auto !important;
    margin: 1rem auto !important
}

section.jisseki table.default th {
    text-align: left !important;
    width: auto !important
}

section.jisseki table.default td {
    text-align: right !important;
    width: auto !important
}

section.jisseki table.default strong {
    font-size: 1.2rem;
    color: #ff005c;
    font-family: "Roboto Condensed", "游ゴシック", "Yu Gothic", YuGothic, "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif
}

section.reason .flex-parent {
    margin: 1rem 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

section.reason .flex-parent-left {
    flex-basis: 75%;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

section.reason .flex-parent-right {
    flex-basis: 25%
}

section.reason .flex-boshu {
    flex-basis: 250px;
    margin: 10px;
    border: 1px solid #CCC;
    padding-bottom: 1rem
}

section.reason .flex-boshu h4 {
    text-align: center;
    font-size: 1rem;
    background: #EEE;
    padding: .5rem;
    color: #333
}

section.reason .flex-boshu p {
    padding: 1rem
}

section.reason .flex-boshu img {
    padding: 0 1rem
}

section.reason .flex-boshu ul {
    margin: 1rem 2rem
}

section.reason .flex-boshu ul li {
    line-height: 1.5rem
}

section.reason .before_lecture {
    text-align: center;
    margin: 3rem auto
}

section.reason p.bf_cc_cap {
    font-size: 1.3rem;
    font-weight: 600;
    color: #0D9A57;
    margin-top: 2rem
}

section.reason p.bf_cc_cap:before {
    content: '▼';
    margin-right: .5rem
}

section.reason .bf_cc_box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    padding: 10px
}

section.reason .bf_cc_box div.s_item {
    flex-basis: 32%;
    max-width: 32%
}

section.reason .bf_cc_box div.l_item {
    flex-basis: 100%;
    max-width: 100%
}

section.reason .bf_cc_box div.l_item div.test_box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 1rem;
    justify-content: space-around
}

section.reason .bf_cc_box div.l_item div.test_box div {
    flex-basis: 49%;
    max-width: 49%;
    border: 2px dashed #cccccc;
    padding: 1rem;
    margin-bottom: .7rem
}

section.reason .bf_cc_box div.l_item div.test_box div p.test_tit {
    font-size: .95rem;
    font-weight: 600;
    border-bottom: 1px solid #CCC
}

section.reason .bf_cc_box div.l_item div.test_box div p.test_txt {
    margin-top: .5rem
}

section.reason .bf_cc_box div.bf_cc_item {
    border: 1px solid #CCC;
    margin-bottom: 1.5rem
}

section.reason .bf_cc_box div.bf_cc_item p.bf_cc_tit {
    text-align: center;
    font-size: 1rem;
    background: #e2f2ff;
    padding: .5rem;
    color: #333;
    font-weight: 600;
    line-height: 1.5rem
}

section.reason .bf_cc_box div.bf_cc_item p.bf_cc_txt {
    padding: 1rem
}

section.reason .bf_cc_box div.bf_cc_item table {
    margin: 0 1rem 1rem
}

section.reason .bf_cc_box div.bf_cc_item table th:after {
    content: '…';
    margin: 0 .2rem
}

section.reason .bf_cc_box figure {
    text-align: center;
    padding: 1rem
}

section.reason .bf_cc_box figure img {
    width: 80%
}

.program {
    background: #eafaff
}

.program h3 {
    background: #11bf6b;
    padding: .5rem 1rem;
    font-size: .9rem;
    margin-bottom: 1rem;
    color: #FFF
}

.program h4 {
    margin: 0 .5rem;
    font-size: .9rem;
    border-bottom: 1px solid #11bf6b;
    padding: 0 .5rem
}

.program ul {
    column-count: 2;
    list-style-type: none;
    padding: 1rem 1rem
}

.program ul li {
    line-height: 1.5rem
}

.program ul li:before {
    content: '\f111';
    color: #50B446;
    padding-right: .5rem;
    font-family: "Font Awesome 5 Free";
    font-weight: bold
}

section.escape h2 {
    font-size: 1.5rem
}

section.escape h3 {
    font-size: 1.3rem;
    border: none;
    margin: 1rem 0 0 0
}

section.escape h3:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    margin-right: .7rem;
    color: #11bf6b
}

.escape_topi {
    background-color: aliceblue;
    padding: 2rem;
    border-radius: 30px
}

.escape_topi h2 {
    border-bottom: none
}

.escape_topi h2:after {
    display: none
}

.escape_topi h2:before {
    content: 'TOPICS';
    background-color: #11bf6b;
    font-size: 1.2rem;
    padding: .1rem .5rem;
    color: #FFF;
    margin-right: .8rem
}

.escape_topi blockquote {
    position: relative;
    padding: 10px 15px 10px 60px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555
}

.escape_topi blockquote:before {
    display: inline-block;
    position: absolute;
    top: 18px;
    left: 15px;
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    color: #cfcfcf;
    font-size: 30px;
    line-height: 1;
    font-weight: 900
}

.escape_topi blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7
}

.escape_topi blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em
}

.escape_step {
    margin-bottom: 3rem
}

.escape_step h4 {
    border: 1px solid #11bf6b;
    display: inline-block;
    padding: .2rem .5rem;
    color: #11bf6b;
    font-size: 1rem;
    margin-top: .5rem
}

.escape_flow p.flow_tit {
    font-size: 2rem;
    text-align: center;
    margin-top: 4rem;
    font-weight: 600
}

.left_txt {
    display: inline-block;
    width: 65%;
    padding-right: 1rem;
    vertical-align: top
}

figure.right_img {
    display: inline-block;
    width: 34%
}

p.escape_reason {
    background-color: #000;
    display: inline-block;
    padding: .3rem .5rem;
    color: #FFF;
    margin-bottom: .5rem
}

@media screen and (max-device-width: 767px) and (orientation: portrait) {
    .program ul {
        column-count: 1
    }

    figure.education-img ul {
        column-count: 1;
        margin: 0
    }

    section.usp-head h1 {
        font-size: 1rem
    }

    section.usp-head p {
        font-size: .7rem
    }

    section.usp-head br {
        display: none
    }

    p.fs9 {
        font-size: .8rem;
        line-height: 1.4rem
    }

    section.jisseki p.red {
        padding: 0
    }

    section.jisseki p.red span {
        display: inline-block;
        line-height: 6rem;
        margin-top: 1rem;
        margin-bottom: -1rem
    }

    section.jisseki table.default {
        width: 100% !important
    }

    section.jisseki table.default td,
    section.jisseki table.default th {
        padding: .2rem .5rem
    }

    dl.usp-list {
        padding: 0 0 1rem 0
    }

    dl.usp-list li {
        font-size: .9rem
    }

    dl.usp-list dt {
        margin: 1rem 0;
        padding: .5rem;
        font-size: .9rem
    }

    dl.usp-list dd {
        padding: 0 .5rem;
        font-size: .7rem
    }

    section.usp-head h1 {
        font-size: 1rem
    }

    section.usp-head p {
        font-size: .7rem
    }

    section.usp-head br {
        display: none
    }

    p.fs9 {
        font-size: .8rem;
        line-height: 1.4rem
    }

    section.jisseki p.red {
        padding: 0
    }

    section.jisseki p.red span {
        display: inline-block;
        line-height: 6rem;
        margin-top: 1rem;
        margin-bottom: -1rem
    }

    section.jisseki table.default {
        width: 100% !important
    }

    section.jisseki table.default td,
    section.jisseki table.default th {
        padding: .2rem .5rem
    }

    dl.usp-list {
        padding: 0 0 1rem 0
    }

    dl.usp-list dt {
        margin: 1rem 0;
        padding: .5rem;
        font-size: .9rem
    }

    dl.usp-list dd {
        padding: 0 .5rem;
        font-size: .7rem
    }

    dl.usp-list div.detail_link a {
        margin: .5rem
    }

    section.reason .flex-boshu {
        width: 100%;
        margin: 0 0 1rem 0;
        padding: 0
    }

    section.reason .flex-boshu h4 {
        font-size: .9rem;
        padding: .2rem
    }

    section.reason .flex-boshu ul {
        margin: .5rem;
        font-size: .7rem
    }

    section.reason .flex-boshu p {
        padding: .5rem 1rem;
        font-size: .7rem
    }

    section.reason .flex-parent-left {
        display: block
    }

    section.reason div.s_item {
        flex-basis: 100% !important;
        max-width: 100% !important
    }

    section.reason div.test_box div {
        flex-basis: 100% !important;
        max-width: 100% !important
    }

    figure.shorai {
        float: none;
        width: 100%
    }

    ol.shorai {
        float: none;
        width: 100%;
        margin: 0
    }

    figure.koushi-left {
        float: none;
        width: 100%
    }

    .koushi-right {
        float: none;
        width: 100% !important
    }

    dl.keireki {
        display: block;
        font-size: .8rem
    }

    dl.keireki dd {
        padding: .5rem 1rem
    }

    .left_txt {
        display: inline-block;
        width: 65%;
        padding-right: 1rem;
        vertical-align: top
    }

    figure.right_img {
        display: inline-block;
        width: 34%
    }

    .left_txt {
        width: 100%;
        padding-right: 0;
        padding-bottom: 1rem
    }

    figure.right_img {
        width: 100%
    }

    .escape_topi {
        padding: 1rem;
        border-radius: 15px
    }

    .escape_topi blockquote {
        padding: 10px 15px 10px 50px
    }

    .escape_topi blockquote:before {
        font-size: 20px
    }

    .escape_topi h2:before {
        content: 'TOPICS\A';
        white-space: pre
    }

    .escape_flow p.flow_tit {
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 3rem
    }

    .escape_step {
        margin-bottom: 2rem
    }
}

.facilities .flex-parent {
    margin: 1rem 0;
    list-style-type: none;
    font-size: .9rem
}

.facilities .flex-parent li {
    flex-basis: 100%;
    padding: .5%;
    border-bottom: 1px solid #CCC
}

.facilities .flex-parent li:before {
    content: '■';
    padding-right: 3px;
    color: deepskyblue
}

.facilities .flex-parent li.gray {
    background: #DCDCDC;
    color: #666
}

.facilities .flex-parent li.gray:before {
    color: #666
}

.facilities .flex-parent li.yellow:before {
    color: #f3b933
}

ul.flex-parent.example li {
    flex-basis: auto;
    border: none;
    padding-right: 1em;
    margin: 0 0 1rem 0
}

.school section.introduction div.jpedu_point {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between
}

.school section.introduction div.jpedu_point div {
    flex-basis: 49%;
    max-width: 49%;
    padding: 1.5rem 1rem;
    font-size: .9rem;
    text-align: center;
    color: #000;
    border-radius: 10px;
    margin-bottom: 1rem
}

.school section.introduction div.jpedu_point div span {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: .7rem;
    line-height: 2rem
}

.school section.introduction div.jpedu_point div.jpedu_p1 {
    background-color: #c7ebff;
    border: 4px solid #11bf6b
}

.school section.introduction div.jpedu_point div.jpedu_p2 {
    background-color: #e1fddf;
    border: 4px solid #50b446
}

.school section.introduction div.program_point {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.school section.introduction div.program_point div.pg_p {
    flex-basis: 49%;
    max-width: 49%;
    text-align: center;
    margin: 0 0 2rem
}

.school section.introduction div.program_point div.pg_p p {
    font-weight: 600;
    font-size: 1.5rem
}

.school section.introduction div.program_point div.pg_p.pg_other p {
    color: #0D9A57
}

.school section.introduction div.program_point div.pg_p.pg_other div div {
    background-color: #0D9A57
}

.school section.introduction div.program_point div.pg_p.pg_kaigo p {
    color: #054db8
}

.school section.introduction div.program_point div.pg_p.pg_kaigo div div {
    background-color: #054db8
}

.school section.introduction div.program_point div.pg_box {
    display: flex;
    justify-content: space-around
}

.school section.introduction div.program_point div.pg_box div {
    flex-basis: 49%;
    max-width: 49%;
    font-size: 1.1rem;
    color: #FFF;
    padding: 1rem;
    border-radius: 5px
}

.school section.introduction div.program_point div.pg_box div span {
    display: block;
    font-size: 2.5rem;
    font-weight: 600
}

.school section.introduction div.program_img {
    border: 2px solid #CCC;
    padding: 1rem 0 0
}

.school section.introduction figure.rinen-img {
    float: right;
    width: 40%;
    margin: 1rem 0rem 1rem 1rem
}

.school figure.education-img ul {
    column-count: 2;
    margin: 1rem 0;
    list-style-type: none
}

.school .program {
    background: #eafaff;
    padding-bottom: 1rem
}

.school .program h3 {
    background: #11bf6b;
    padding: .5rem 1rem;
    font-size: 1.3rem;
    margin-bottom: 1rem
}

.school .program h4 {
    margin: 0 .5rem;
    font-size: 1.1rem;
    border-bottom: 1px solid #11bf6b;
    padding: 0 .5rem
}

.school .program p {
    font-size: .9rem
}

.school .program ul {
    column-count: 2;
    list-style-type: none;
    padding: 1rem 1rem
}

.school .program ul li {
    line-height: 1.5rem;
    font-size: .9rem
}

.school .program ul li:before {
    content: '\f111';
    color: #11bf6b;
    padding-right: .5rem;
    font-family: "Font Awesome 5 Free";
    font-weight: bold
}

.school .program div.zairyu_betsu {
    background-color: white;
    margin: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-top: 1rem
}

.school .program div.zairyu_betsu div {
    flex-basis: 49%;
    max-width: 49%
}

.school .program div.zairyu_betsu div ul {
    column-count: 1 !important
}

.school .program div.kyotsu_program {
    padding: 0 1.3rem
}

@media screen and (max-device-width: 767px) and (orientation: portrait) {
    .school section.introduction div.jpedu_point div {
        flex-basis: 100%;
        max-width: 100%
    }

    .school section.introduction div.jpedu_point div span {
        font-size: 1.4rem
    }

    .school section.introduction figure.rinen-img {
        float: none !important;
        width: 100% !important;
        margin: 1rem 0 !important
    }

    .school section.introduction div.program_point div.pg_p {
        flex-basis: 100%;
        max-width: 100%
    }

    .school section.introduction div.program_point div.pg_box div {
        font-size: .9rem;
        padding: 1rem .5rem
    }

    .school section.introduction div.program_point div.pg_box div span {
        font-size: 1.8rem
    }

    .school .program ul {
        column-count: 1
    }

    .school .program div.kyotsu_program {
        padding: 0 .5rem
    }

    .school .program div.zairyu_betsu {
        margin: .7rem
    }

    .school .program div.zairyu_betsu div {
        flex-basis: 100%;
        max-width: 100%
    }

    .school figure.education-img ul {
        column-count: 1;
        margin: 0
    }

    .school .media_gallary dl {
        flex-basis: 100%;
        max-width: 100%
    }
}

table.flow_table {
    width: 100%;
    background: #eafaff;
    border-collapse: separate;
    border-spacing: 11px
}

table.flow_table td {
    vertical-align: middle;
    border-spacing: 3px;
    border-collapse: separate
}

table.flow_table td.flow_title {
    width: 16%;
    text-align: center;
    font-size: 1rem
}

table.flow_table td.flow_title span {
    display: block;
    color: #FFF;
    background: #50B446;
    padding: .5rem
}

table.flow_table td.vertical-text {
    width: 3%;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5rem
}

table.flow_table td.flow_text {
    width: 54%;
    font-size: .9rem
}

table.flow_table td.flow_note {
    width: 25%
}

table.flow_table td.flow_note span {
    background: #0D9A57;
    display: block;
    color: #FFF;
    padding: .2rem .5rem
}

@media screen and (max-device-width: 767px) and (orientation: portrait) {

    table.flow_table tr,
    table.flow_table th {
        width: 100% !important;
        display: block
    }

    table.flow_table td {
        width: 100% !important;
        display: block
    }

    table.flow_table td.flow_text p {
        font-size: .8rem;
        line-height: 1.2rem;
        padding: .5rem 0
    }

    table.flow_table td.flow_note {
        padding-bottom: 1rem
    }

    table.flow_table td.flow_note span {
        text-align: center;
        display: inline-block;
        margin: auto
    }
}

section.summary {
    margin: 0 0 0 0
}

section.summary ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    list-style-type: none
}

section.summary ul li {
    flex-basis: 50%
}

section.summary ul li a {
    display: block;
    padding: 2rem;
    text-align: center;
    font-size: 1.5rem;
    margin: 1rem 0;
    background-image: linear-gradient(0deg, #60B6E1, #5CCEFF);
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    border-radius: 55px
}

section.summary ul li a span {
    font-size: 1rem
}

section.summary ul li a:hover {
    background: #60B6E1
}

table.kani-handan {
    width: 100%;
    font-size: 1rem;
    border: 1px solid #CCC
}

table.kani-handan table.cost {
    width: 100%
}

table.kani-handan table.cost th,
table.kani-handan table.cost td {
    width: 20%;
    font-size: .8rem;
    text-align: center
}

table.kani-handan table.cost th {
    background: #e9f7ff
}

table.kani-handan th {
    border: 1px solid #CCC;
    padding: .3rem 1rem;
    background: #EEE;
    text-align: left;
    vertical-align: middle;
    font-size: .9rem
}

table.kani-handan td {
    padding: .5rem 1rem;
    border: 1px solid #CCC;
    vertical-align: middle
}

table.kani-handan td .circle {
    list-style-type: circle
}

table.kani-handan td .circle ol {
    margin: 0rem 0rem 1rem 1.5rem;
    font-size: .9rem
}

table.kani-handan td ul {
    margin: 0 0 0 1.5rem
}

table.kani-handan td i {
    color: #CCC;
    letter-spacing: 6px
}

table.kani-handan td i.gold {
    color: #ff6c00;
    letter-spacing: 6px
}

table.kani-handan td dd {
    display: inline-block;
    padding: 0 .3rem
}

table.kani-handan td dt {
    margin-bottom: .25rem
}

input.submit_link {
    color: blue;
    border: none;
    background: no-repeat;
    text-decoration: underline;
    cursor: pointer
}

section.note {
    background: #ccf0ff;
    font-size: 1rem
}

section.note ul {
    margin: 0 0 0 2rem;
    padding: 1rem;
    list-style-type: circle
}

section.to-tokutei {
    background: #9cecff;
    padding: 1rem;
    font-size: 1rem;
    margin: 1rem 0
}

section.to-tokutei p:before {
    content: '\f05a';
    color: #48b7d2;
    padding-right: .5rem;
    font-size: 1.5rem;
    font-family: "Font Awesome 5 Free";
    font-weight: bold
}

.ginou-capacity th {
    text-align: center !important
}

.ginou-capacity .kihon .kihon-child1 {
    flex-basis: 62%
}

.ginou-capacity .kihon .kihon-child2 {
    flex-basis: 38%;
    padding-left: 2%
}

.ginou-capacity .kihon .kihon-child2 td,
.ginou-capacity .kihon .kihon-child2 th {
    font-size: .75rem !important
}

.ginou-capacity .kihon .flex-parent {
    margin: 2rem 0;
    align-items: flex-end
}

.ginou-capacity .dantai table,
.ginou-capacity .tandoku table {
    margin: 2rem 0
}

section.index {
    background: #e5f9ff
}

section.index ol {
    column-count: 2;
    padding: 1rem 0 1rem 1.5rem;
    font-size: 1rem;
    line-height: 2rem;
    width: 90%;
    margin: auto !important
}

section.index h2 {
    text-align: center;
    border: none;
    margin: 0;
    padding: 1rem 0 0 0;
    font-size: 1rem
}

section.index h2:after {
    background: no-repeat
}

section.index p {
    text-align: center;
    border: none;
    margin: 0 !important;
    padding: 1rem 0 0 0;
    font-size: 1rem !important;
    font-weight: 600
}

section.index p:after {
    background: no-repeat
}

section.index1 {
    padding-bottom: 1rem
}

section.index1 ol {
    column-count: 1 !important
}

.gyoshu .gleft {
    padding: 0 1% 0 0
}

.gyoshu .gright {
    padding: 0 0 0 1%
}

.gyoshu ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.gyoshu ul li {
    flex-basis: calc(100% / 2)
}

.gyoshu ul li a {
    display: block;
    font-size: .9rem;
    padding: .3rem .5rem;
    border-bottom: 1px solid #CCC;
    margin: .5rem;
    text-decoration: none;
    color: #333
}

.gyoshu h3 {
    border: none;
    background: gainsboro;
    padding: .5rem;
    margin: 1rem 0
}

.gyoshu ul li a:hover {
    background: #EEE
}

.gyoshu ul li a:before {
    content: '\f0da';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    padding: 0 .5rem 0 0
}

section.youbou p,
section.kaitou p {
    font-size: 1.2rem;
    margin: 1rem
}

p.koukan-title {
    border: 3px solid #d2d6de;
    padding: 1rem;
    background: #f7faff;
    font-weight: bold;
    margin: 1rem 0px !important;
    font-size: 1rem
}

.koukan-block {
    padding: 0 0 1.5rem 0 !important
}

ul.koukan-list {
    list-style-type: none;
    margin: 2rem 1rem
}

ul.koukan-list li {
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding: .3rem 0
}

ul.koukan-list li a:hover {
    color: #F00
}

.koukan-head {
    text-align: center;
    margin: auto;
    background: #fed42a;
    font-size: 0
}

p.yk_a {
    font-weight: 600;
    color: #2a72fe;
    text-indent: -.7rem;
    margin-top: 2rem !important
}

p.yk_a:before {
    content: '【 '
}

p.yk_a:after {
    content: ' 】'
}

p.youbou_ruiji {
    font-weight: 600;
    margin-top: 2rem !important;
    text-indent: -0.7rem
}

p.youbou_ruiji:before {
    content: '【 '
}

p.youbou_ruiji:after {
    content: ' 】'
}

@media screen and (max-device-width: 767px) {
    p.koukan-title {
        font-size: 1rem !important;
        padding: .3rem .5rem !important
    }

    section.youbou p,
    section.kaitou p {
        font-size: 1rem;
        margin: 0
    }

    ul.koukan-list li {
        font-size: 1rem;
        margin: 0
    }

    ul.koukan-list {
        margin: 0
    }
}

.contact form dd,
.confirmation form dd,
.entry form dd,
.entry_check form dd {
    margin: .5rem
}

.contact form .text-center,
.confirmation form .text-center,
.entry form .text-center,
.entry_check form .text-center {
    margin: 2rem 0 3rem 0
}

.contact form .submit,
.confirmation form .submit,
.entry form .submit,
.entry_check form .submit {
    border: none;
    background: #ec86bd;
    color: #FFF;
    font-size: 1rem;
    padding: 1rem 3rem
}

.contact form .submit:hover,
.confirmation form .submit:hover,
.entry form .submit:hover,
.entry_check form .submit:hover {
    background: #50B446;
    cursor: pointer
}

table.form-input {
    width: 100%;
    font-size: .9rem;
    border-collapse: separate
}

table.form-input th {
    text-align: left;
    padding: .5rem 1rem;
    background: #EEE;
    vertical-align: middle;
    width: 30%;
    border-bottom: 1px solid #CCC
}

table.form-input td {
    text-align: left;
    padding: .5rem 1rem;
    border-bottom: 1px solid #CCC;
    width: 70%
}

table.form-input td textarea.text {
    width: 50rem;
    height: 10rem;
    font-size: 1rem;
    background: lightgoldenrodyellow;
    border: none
}

table.form-input td input,
table.form-input td select {
    border: 0 !important;
    font-size: 1rem;
    padding: .5rem;
    background: lightgoldenrodyellow
}

table.form-input td input.phone,
table.form-input td input.fax,
table.form-input td select.phone,
table.form-input td select.fax {
    width: 10rem
}

table.form-input td input.group,
table.form-input td input.number,
table.form-input td input.class,
table.form-input td input.zip1,
table.form-input td input.zip2,
table.form-input td input.ginou,
table.form-input td input.tokutei,
table.form-input td input.year,
table.form-input td input.month,
table.form-input td input.koudo,
table.form-input td input.joinnumber,
table.form-input td select.group,
table.form-input td select.number,
table.form-input td select.class,
table.form-input td select.zip1,
table.form-input td select.zip2,
table.form-input td select.ginou,
table.form-input td select.tokutei,
table.form-input td select.year,
table.form-input td select.month,
table.form-input td select.koudo,
table.form-input td select.joinnumber {
    width: 5rem
}

table.form-input td input.com-name,
table.form-input td input.industry,
table.form-input td input.address,
table.form-input td input.mail,
table.form-input td input.name,
table.form-input td select.com-name,
table.form-input td select.industry,
table.form-input td select.address,
table.form-input td select.mail,
table.form-input td select.name {
    width: 30rem
}

table.form-input td ul li {
    display: inline-block;
    padding-right: 1rem
}

table.form-input td input#join_year,
table.form-input td input#join_month,
table.form-input td input#join_date {
    margin: .5rem .2rem .5rem .5rem
}

table.form-input .text-center {
    margin: 2rem 0 3rem 0
}

span.must {
    position: relative;
    display: block
}

span.must:after {
    content: '必須';
    position: absolute;
    top: 0;
    right: 0;
    background: crimson;
    padding: 0 .5rem;
    color: #FFF;
    display: inline-block
}

span.fukusu-ok {
    font-size: .5rem;
    position: relative;
    left: 1rem;
    color: #0578b9
}

.submit_button {
    padding: 1rem 3.2rem;
    border-radius: 1.6em;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background: linear-gradient(-45deg, #f99476 0%, #ff5e00 100%);
    box-shadow: 0 5px 20px rgba(165, 166, 171, 0.5);
    border: none;
    margin: 1rem 0
}

span.example {
    color: #3a9c30;
    display: inline-block;
    font-size: 0.8rem;
    margin-left: 0.8rem
}

span.example_2 {
    display: block;
    font-size: .7rem;
    margin-top: .3rem;
    color: #6f6f6f
}

.form_plus {
    font-size: .8rem;
    margin: .3rem 0 .3rem .5rem
}

input#gyoushu_other {
    margin-bottom: .8rem
}

section.visit {
    margin: 3rem 0;
    font-size: 1rem
}

.visit_info {
    margin: 2rem 0;
    background-color: #e4fbe2;
    padding: 2em;
    border-radius: 10px
}

.visit_info p {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem
}

.visit_info ul {
    list-style-position: inside
}

.visit_info li {
    margin: .5rem 0
}

.visit_plan {
    display: flex
}

table.plan1,
table.plan2 {
    flex-basis: 49%;
    margin: 2rem auto
}

table.plan1 caption,
table.plan2 caption {
    font-size: 1rem;
    background-color: #04314a;
    color: #FFF;
    padding: .5rem
}

table.plan1 th,
table.plan2 th {
    vertical-align: middle;
    padding: .8rem 0;
    width: 20%;
    background-color: #044f79;
    color: #FFF
}

table.plan1 td,
table.plan2 td {
    vertical-align: middle;
    text-indent: 1rem;
    background-color: #d7f1ff;
    width: 80%
}

table.plan1 th.visit_idou,
table.plan2 th.visit_idou {
    padding: .3rem 0;
    font-size: .7rem;
    background-color: #0D9A57;
    width: 100%
}

.plan_left {
    flex-basis: 70%
}

.plan_right {
    flex-basis: 30%;
    margin-left: 2rem
}

input#gyoushu_other1 {
    margin-bottom: .5rem
}

span.time_kara {
    display: block
}

span.visit_mu {
    padding-left: 1rem;
    font-size: .9rem
}

tr.visit_mu p {
    font-size: 1.1rem;
    font-weight: 600
}

tr.visit_mu td {
    line-height: 1rem
}

.visit span.must:after {
    content: '*';
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 .5rem;
    color: crimson;
    display: inline-block;
    background: none
}

span.must_memo {
    color: crimson;
    font-size: .8rem
}

input.submit_button2 {
    background-color: #50b446;
    padding: 1rem 2rem;
    color: #FFF;
    font-weight: 600;
    font-size: 1.1rem;
    border: 1px solid #50b446;
    border-radius: 5px;
    box-shadow: 0px 5px #3c8635;
    margin: 1rem
}

input.submit_button2:hover {
    opacity: .8
}

table.form-input .join {
    margin: .5rem 0 .3rem 0
}

@media screen and (max-device-width: 767px) and (orientation: portrait) {

    .contact form table,
    .entry form table,
    .entry_check form table {
        font-size: .8rem;
        border-collapse: collapse !important;
        width: auto !important;
        border-top: 1px solid #CCC
    }

    table.form-input tr,
    table.form-input th,
    table.form-input td {
        display: block;
        width: 90vw
    }

    table.form-input th,
    table.form-input td {
        border: 1px solid #CCC;
        border-collapse: collapse !important;
        border-top: 0
    }

    .form-input .com-name,
    .form-input .name,
    .form-input .group,
    .form-input .class,
    .form-input .address,
    .form-input .phone,
    .form-input .fax,
    .form-input .mail,
    .form-input .industry,
    .form-input .syokushu_kento,
    .form-input .syokushu_jisseki,
    .form-input .country_jisseki,
    .form-input .naiyou,
    .form-input .gyoushu_other,
    .form-input textarea {
        width: 100% !important
    }

    .form-input .phones,
    .form-input .faxs,
    .form-input textarea {
        width: 29% !important
    }

    .form-input .name,
    .form-input .number_jisseki,
    .form-input textarea {
        width: 70% !important
    }

    span.mwform-radio-field.horizontal-item {
        display: block;
        margin-left: 0 !important;
        margin: .5rem 0
    }

    section.visit {
        margin: 1rem 0 3rem 0
    }

    .visit_info {
        padding: 1.1rem
    }

    .visit_info p {
        margin-bottom: 0
    }

    .visit_info li {
        text-indent: -1.4rem;
        padding-left: 1.4rem;
        margin: 1rem 0;
        font-size: .9rem
    }

    .visit_plan {
        display: block
    }

    table.plan1,
    table.plan2 {
        width: 100%
    }

    table.plan1 caption,
    table.plan2 caption {
        font-size: .9rem;
        padding: .5rem
    }

    table.plan1 td,
    table.plan2 td {
        font-size: .9rem
    }

    table.plan1 th,
    table.plan2 th {
        font-size: .8rem
    }

    span.visit_mu {
        font-size: .7rem
    }

    .plan_right {
        margin: 1rem auto;
        width: 80%
    }

    span.must_memo {
        display: block
    }
}

section.contact_window li {
    transition: .3s
}

section.contact_window li:hover {
    opacity: 0.7
}

.contact_mail h2 {
    font-size: 2rem;
    text-align: center;
    border: none;
    margin: 4rem 0
}

.contact_mail h2:before {
    content: '';
    background: url(https://www.myanmarunity.jp/wp-content/uploads/2019/10/icon_mail.jpg) no-repeat;
    background-size: contain;
    width: 4rem;
    height: 4rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem
}

.contact_mail h2:after {
    display: none
}

.entry_form h2 {
    font-size: 2rem;
    text-align: center;
    border: none;
    margin: 9rem 0 4rem 0
}

.entry_form h2:before {
    content: '';
    background: url(https://www.myanmarunity.jp/wp-content/uploads/2019/10/icon_entry.png) no-repeat;
    background-size: contain;
    width: 4rem;
    height: 4rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem
}

.entry_form h2:after {
    display: none
}

.entry_form li {
    list-style-type: none;
    margin-bottom: 2rem
}

.mail_1 {
    border: 2px solid #034E76;
    text-align: center;
    margin-bottom: 2rem;
    box-shadow: 2px 2px 3px #d8d8d8
}

.mail_1 ul {
    list-style-type: none;
    display: flex;
    margin: 1rem
}

.mail_1 ul li {
    flex-basis: 50%;
    margin: 1rem;
    box-sizing: border-box;
    font-size: 1.3rem;
    font-weight: 600;
    border-radius: 10px;
    line-height: 1.5rem;
    position: relative
}

.mail_1 li.siryou {
    border: 2px solid #51b447;
    color: #51b447
}

.mail_1 li.siryou:before {
    content: '';
    background: url(https://www.myanmarunity.jp/wp-content/uploads/2019/10/tri_grwh.png) no-repeat;
    background-size: contain;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 40px;
    top: 1.5rem
}

.mail_1 li.siryou a {
    color: #51b447;
    text-decoration: none;
    display: block;
    padding: 1.5rem
}

.mail_1 li.toiawase {
    border: 2px solid #51b447;
    background-color: #51b447;
    color: #FFF
}

.mail_1 li.toiawase:before {
    content: '';
    background: url(https://www.myanmarunity.jp/wp-content/uploads/2019/10/tri_whgr.png) no-repeat;
    background-size: contain;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 40px;
    top: 1.5rem
}

.mail_1 li.toiawase a {
    color: #FFF;
    text-decoration: none;
    display: block;
    padding: 1.5rem
}

p.mail_1_tit {
    background-color: #034E76;
    color: #FFF;
    font-size: 1.5rem;
    padding: .5rem
}

p.mail_1_txt {
    margin: 2rem 2rem 1rem 2rem;
    font-size: 1rem
}

.mail_2 {
    display: flex;
    width: 100%
}

.mail_2 li {
    list-style-type: none
}

.mail_2 li.toiawase {
    line-height: 1.1rem;
    background-color: #555;
    font-size: 1.1rem;
    color: #FFF;
    margin: 1rem 2rem 2rem 2rem;
    border-radius: 10px;
    position: relative
}

.mail_2 li.toiawase:before {
    content: '';
    background: url(https://www.myanmarunity.jp/wp-content/uploads/2019/10/tri_whbk.png) no-repeat;
    background-size: contain;
    width: 1.1rem;
    height: 1.1rem;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 40px;
    top: 1.1rem
}

.mail_2 li.toiawase a {
    color: #FFF;
    text-decoration: none;
    display: block;
    padding: 1rem
}

.mail_2c {
    flex-basis: 50%;
    border: 2px solid #666;
    box-sizing: border-box;
    margin-right: 1rem;
    text-align: center;
    box-shadow: 2px 2px 3px #d8d8d8
}

.mail_2c:last-child {
    margin-right: 0
}

p.mail_2c_tit {
    background-color: #666;
    color: #FFF;
    padding: .5rem;
    font-size: 1.1rem
}

p.mail_2c_txt {
    padding: 2rem 4rem 1rem 4rem;
    font-size: .9rem;
    height: 6rem
}

.contact_tel {
    border: 2px solid #50b446;
    text-align: center;
    margin: 8rem 0
}

.contact_tel h2 {
    border: 0;
    padding: 2.3rem 0 1rem 0;
    font-size: 1.5rem
}

.contact_tel h2:after {
    display: none
}

.contact_tel address a {
    text-decoration: none;
    font-style: normal;
    color: #50b446;
    font-weight: 600;
    font-size: 4rem;
    line-height: 4rem;
    margin: 0;
    padding: 0
}

.contact_tel address a:before {
    content: '';
    background: url(https://www.myanmarunity.jp/wp-content/uploads/2019/10/icon_tel.jpg) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 4rem;
    height: 4.5rem;
    vertical-align: middle;
    margin-right: 1.2rem
}

p.opentime {
    margin: 1rem 0 2rem 0;
    font-size: 1rem
}

img.contacthiromi {
    position: absolute;
    height: 129px;
    left: 31%;
    top: 5%;
}

@media screen and (max-device-width: 767px) and (orientation: portrait) {
    section.contact_window .sp_none {
        display: none
    }

    .contact_mail h2 {
        font-size: 1.5rem;
        margin: 1rem 0
    }

    .contact_mail h2:before {
        width: 3rem;
        height: 3rem;
        margin-right: .5rem
    }

    p.mail_1_tit {
        font-size: 1.1rem;
        padding: 1rem .5rem;
        font-weight: 600
    }

    p.mail_1_txt {
        margin: 1rem;
        font-size: .8rem
    }

    .mail_1 ul {
        display: block
    }

    .mail_1 ul li {
        font-size: 1rem;
        margin: 1rem
    }

    .mail_1 li.siryou:before {
        left: 13px
    }

    .mail_1 li.toiawase:before {
        left: 13px
    }

    .mail_2 {
        display: block
    }

    .mail_2 li.toiawase {
        margin: 0 1.5rem 1rem 1.5rem;
        font-size: 1rem;
        font-weight: 600
    }

    .mail_2 li.toiawase:before {
        left: 13px
    }

    .mail_2c {
        margin: 0 0 2rem 0
    }

    p.mail_2c_tit {
        font-size: .9rem;
        font-weight: 600
    }

    p.mail_2c_txt {
        height: auto;
        padding: 1rem;
        font-size: .8rem
    }

    .entry_form h2 {
        font-size: 1.5rem;
        margin: 1rem 0
    }

    .entry_form h2:before {
        width: 3rem;
        height: 3rem;
        margin-right: .5rem
    }

    .entry_form li {
        margin-bottom: 1.5rem
    }

    .contact_tel {
        margin: 3rem 0
    }

    .contact_tel h2 {
        font-size: 1.2rem
    }

    .contact_tel address a {
        font-size: 2.2rem;
        line-height: 2.2rem
    }

    .contact_tel address a:before {
        width: 2.2rem;
        height: 2.5rem;
        margin-right: .8rem
    }

    p.opentime {
        font-size: .7rem;
        margin: 1rem .5rem 2rem .5rem
    }

    span.sp_br {
        display: block
    }
}

#p404 {
    width: 100%;
    max-width: 1080px;
    text-align: center
}

#p404 .pnf {
    font-family: "Roboto Condensed", "游ゴシック", "Yu Gothic", YuGothic, "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    font-weight: bold;
    color: #DDD;
    font-size: 6rem;
    display: block !important;
    width: 100%;
    margin: 3rem 0 2rem 0;
    padding: 0;
    line-height: 100%
}

#p404 h1 {
    font-size: 1.5rem
}

#p404 p {
    padding: 2rem !important
}

#p404 ul {
    max-width: 500px;
    margin: 0 auto 6rem auto;
    text-align: left;
    list-style-type: none
}

#p404 ul li a {
    display: block;
    padding: .3rem 1rem;
    color: #ed143d;
    text-decoration: none;
    font-weight: bold
}

.home .panel-group .panel {
    display: none
}

.home .panel-group .is-show {
    display: block;
    transition: all 0.2s ease-out
}

.home ul.news_txt_list {
    list-style-type: none;
    margin-bottom: 20px;
    text-align: left
}

.home li.news_txt_list {
    border-bottom: 1px dashed #CCC
}

.home .news_txt_list a {
    display: block;
    padding: .5rem 1rem;
    text-decoration: none
}

.home .news_txt_list a:hover {
    background: #FFF;
    color: #333 !important
}

.home .news_txt_list a span {
    display: inline-block;
    min-width: 100px
}

.home ul.tab-group {
    display: flex;
    width: 1080px;
    max-width: 90%;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 auto 30px auto;
    padding: 0
}

.home ul.tab-group li {
    flex-basis: 33.3%;
    background: #CCC;
    cursor: pointer;
    font-size: 1rem;
    padding: .5rem;
    position: relative;
    border-right: 1px solid #EEE
}

.home ul.tab-group li.is-active {
    background: #0D9A57;
    transition: all 0.2s ease-out;
    color: #FFF
}

.home ul.tab-group li.is-active:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 47%;
    border: 15px solid transparent;
    border-top: 15px solid #0D9A57;
    width: 0;
    height: 0
}

.home section.top-head {
    text-align: center
}

.home section.top-head h2 {
    border: none;
    padding: 0
}

.home section.top-head h2:after {
    background: none
}

.home section.t-intro {
    display: table;
    width: 100%;
    min-height: 500px
}

.home section.t-intro div.intro-left {
    color: #FFF;
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    background: url(https://www.myanmarunity.jp/wp-content/uploads/2019/06/intro.jpg);
    background-size: cover
}

.home section.t-intro div.intro-left h1 {
    padding: 0
}

.home section.t-intro div.intro-left span {
    font-weight: bold
}

.home section.t-intro div.intro-right {
    display: table-cell;
    width: 50%;
    padding: 3rem;
    background: #0D9A57;
    color: #FFF;
    vertical-align: middle
}

.home section.t-intro div.intro-right p {
    font-size: 1rem;
    padding: 0.5rem 0
}

.home .mense_box {
    border: #FFF 1px solid;
    flex-basis: 50%;
    display: flex;
    flex-wrap: wrap;
    height: 130px;
    align-items: center;
    margin: 2rem .8rem
}

.home .mense_box p {
    padding: 0 !important
}

.home .intro-mense {
    display: flex
}

.home .mense_tit {
    vertical-align: middle;
    flex-basis: 40%;
    font-size: 1.1rem;
    border-right: #FFF 1px solid;
    text-align: center
}

.home .mense_tit img {
    height: 50px
}

.home .mense_num {
    text-align: center;
    vertical-align: middle;
    flex-basis: 60%;
    font-size: 2.6rem;
    font-weight: 600
}

.home .mense_num p {
    font-weight: 400
}

.home section.t-news {
    background: #EEE;
    margin-top: -30px
}

.home section.t-news .back {
    padding: 4rem 0
}

.home section.t-news h2:after {
    width: 5%;
    height: 5px;
    bottom: -15px;
    left: 47.5%;
    text-align: center;
    background: #0D9A57
}

.home section.t-news .flex-parent {
    padding-bottom: 4rem;
    min-height: 680px
}

.home section.t-news .news-box {
    margin: 1rem 1% .5rem 1%;
    flex-basis: 23%;
    border: 1px solid #CCC;
    padding: 0 0rem;
    border-radius: 5px;
    background: #FFF
}

.home section.t-news .news-box:hover {
    border: 1px solid #0D9A57
}

.home section.t-news a {
    color: #333;
    display: block;
    text-decoration: none
}

.home section.t-news a:hover {
    color: #0D9A57
}

.home section.t-news a .news-date {
    text-align: left
}

.home section.t-news a .news-date span {
    display: inline-block;
    padding: .5rem .5rem 0 .5rem
}

.home section.t-news a p.news-text {
    padding: .5rem .5rem;
    line-height: 1.5rem;
    text-align: left
}

.home section.t-news .news-thumb img {
    width: 100% !important;
    height: 130px;
    object-fit: cover
}

.home section.t-news .more {
    padding-bottom: 2rem
}

.home section.t-news .more a {
    display: inline-block !important;
    background: #0D9A57;
    padding: 1rem 2rem;
    margin-bottom: 4rem;
    font-size: 1rem;
    border-radius: 40px;
    color: #FFF !important
}

.home section.t-news .more a:hover {
    background: #11bf6b
}

.home section.t-myanmar hr {
    width: 600px;
    margin: auto;
    max-width: 100%
}

.home section.t-myanmar .back {
    padding: 4rem 0
}

.home section.t-myanmar h2 {
    letter-spacing: -3px
}

.home section.t-myanmar .flex-parent {
    padding: 4rem 0
}

.home section.t-myanmar .t-myanmar-child {
    flex-basis: calc(100%/3);
    padding: 0 1rem 2rem 1rem
}

.home section.t-myanmar .t-myanmar-child p.t-myanmar-tit {
    text-align: left;
    font-size: 1.2rem;
    border: none;
    padding: .7rem 0;
    font-weight: bold
}

.home section.t-myanmar .t-myanmar-child p {
    text-align: left;
    line-height: 1.5rem
}

.home section.t-myanmar .t-myanmar-text {
    padding-top: 1rem
}

.home section.t-myanmar span a {
    color: deepskyblue;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin-top: .5rem
}

.home section.t-myanmar span a:hover {
    color: skyblue
}

.home section.t-mu p.t-mu-tit {
    border: none;
    padding: .5rem 0 1.5rem 0;
    font-size: 1.5rem;
    font-weight: bold
}

.home section.t-mu .back {
    padding: 6rem 0;
    background: url(https://www.myanmarunity.jp/wp-content/uploads/2019/05/mu.jpg);
    color: #FFF;
    background-size: cover;
    background-position-y: -440px
}

.home section.t-mu .back a {
    color: deepskyblue;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin-top: .5rem
}

.home section.t-mu .back a:hover {
    color: #FFF
}

.home section.t-mu .back h2 {
    letter-spacing: -1px
}

.home section.t-mu .back .t-myanmar-text {
    padding-top: 1rem
}

.home section.t-mu .t-mu-box {
    padding: 4rem 0
}

.home section.t-mu .t-mu-child {
    position: relative;
    flex-basis: 50%;
    text-align: left;
    min-height: 110px;
    padding: 10px 2rem 2rem 5rem;
    border-bottom: 1px solid #CCC;
    line-height: 1.5rem
}

.home section.t-mu .one {
    border-right: 1px solid #CCC
}

.home section.t-mu .one:before {
    content: '01';
    font-family: "Roboto Condensed", "游ゴシック", "Yu Gothic", YuGothic, "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    color: rgba(237, 2, 129, 0.2);
    font-size: 3rem;
    position: absolute;
    top: 20px;
    left: 1rem;
    font-weight: bold
}

.home section.t-mu .two:before {
    content: '02';
    font-family: "Roboto Condensed", "游ゴシック", "Yu Gothic", YuGothic, "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    color: rgba(237, 2, 129, 0.2);
    font-size: 3rem;
    position: absolute;
    top: 20px;
    left: 1rem;
    font-weight: bold
}

.home section.t-mu .three {
    border-right: 1px solid #CCC
}

.home section.t-mu .three:before {
    content: '03';
    font-family: "Roboto Condensed", "游ゴシック", "Yu Gothic", YuGothic, "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    color: rgba(237, 2, 129, 0.2);
    font-size: 3rem;
    position: absolute;
    top: 20px;
    left: 1rem;
    font-weight: bold
}

.home section.t-mu .four:before {
    content: '04';
    font-family: "Roboto Condensed", "游ゴシック", "Yu Gothic", YuGothic, "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    color: rgba(237, 2, 129, 0.2);
    font-size: 3rem;
    position: absolute;
    top: 20px;
    left: 1rem;
    font-weight: bold
}

.home section.t-mu .five {
    border-right: 1px solid #CCC
}

.home section.t-mu .five:before {
    content: '05';
    font-family: "Roboto Condensed", "游ゴシック", "Yu Gothic", YuGothic, "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    color: rgba(237, 2, 129, 0.2);
    font-size: 3rem;
    position: absolute;
    top: 20px;
    left: 1rem;
    font-weight: bold
}

.home section.t-mu .six:before {
    content: '06';
    font-family: "Roboto Condensed", "游ゴシック", "Yu Gothic", YuGothic, "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    color: rgba(237, 2, 129, 0.2);
    font-size: 3rem;
    position: absolute;
    top: 20px;
    left: 1rem;
    font-weight: bold
}

.home section.t-mu .seven {
    border-right: 1px solid #CCC;
    border-bottom: 0
}

.home section.t-mu .seven:before {
    content: '07';
    font-family: "Roboto Condensed", "游ゴシック", "Yu Gothic", YuGothic, "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    color: rgba(237, 2, 129, 0.2);
    font-size: 3rem;
    position: absolute;
    top: 20px;
    left: 1rem;
    font-weight: bold
}

.home section.t-mu .eight {
    border-bottom: 0
}

.home section.t-mu .eight:before {
    content: '08';
    font-family: "Roboto Condensed", "游ゴシック", "Yu Gothic", YuGothic, "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    color: rgba(237, 2, 129, 0.2);
    font-size: 3rem;
    position: absolute;
    top: 20px;
    left: 1rem;
    font-weight: bold
}

.home section.t-record {
    display: table;
    width: 70%;
    margin: auto;
    max-width: 1200px;
    margin-bottom: 4rem
}

.home section.t-record hr {
    width: 600px;
    margin: auto;
    max-width: 100%;
    margin-bottom: 4rem
}

.home section.t-record .record-left {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    padding: 2rem
}

.home section.t-record .record-left h2 {
    font-size: 1.5rem;
    text-align: center;
    border: none;
    color: #50B446;
    line-height: 2rem;
    padding: 0
}

.home section.t-record .record-left h2:after {
    background: none
}

.home section.t-record .record-left h2 span {
    font-size: 4rem;
    font-family: "Roboto Condensed", "游ゴシック", "Yu Gothic", YuGothic, "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif
}

.home section.t-record .record-left table.default th {
    width: 35%
}

.home section.t-record .record-left table.default td {
    background: #FFF;
    width: 15%;
    text-align: right
}

.home section.t-record .record-right {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

.home section.t-mission {
    background: url(../../../wp-content/uploads/2024/05/head.jpg.webp);
    padding: 5rem 0;
    color: #FFF
}

.home section.t-mission p {
    font-size: 1rem;
    padding: 4rem 0
}

.home section.t-menu ul {
    display: flex;
    width: 1080px;
    margin: 5rem auto;
    list-style-type: none;
    flex-wrap: wrap;
    text-align: left
}

.home section.t-menu ul li {
    flex-basis: calc(100%/3);
    position: relative
}

.home section.t-menu ul li a {
    font-size: .9rem;
    padding: 2rem;
    border: 1px solid #CCC;
    display: block;
    margin: 1rem;
    color: #333;
    text-decoration: none
}

.home section.t-menu ul li a:hover {
    background: #0D9A57;
    color: #FFF
}

.home section.t-menu ul li a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    content: '\f105';
    right: 30px
}

.home section.t-menu h2 {
    padding-top: 5rem;
    letter-spacing: -2px
}

.home section.sns {
    width: 100%;
    max-width: 1080px;
    margin: 5rem auto
}

.home section.sns .sns-child {
    flex-basis: calc(99%/2);
    padding: 0 2%;
    margin-bottom: 20px;
}

.home section.sns .sns-child ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: auto
}

.home section.sns .sns-child ul li {
    flex-basis: calc(100%/2);
    padding: 1%;
    margin: 0
}

.home section.sns .sns-child h5 {
    margin-bottom: 2rem;
    border-bottom: 1px solid #CCC;
    font-size: 1.2rem
}

.home section.sns .sns-child .fb-page span {
    width: 100%;
    display: block
}

.home section.sns .sns-child .fb-page span iframe {
    width: 100%;
    display: block
}

.home section.sns a.yrc-video-link {
    font-size: .8rem
}

.home section.sns span.yrc-video-date {
    display: none
}

.home section.sns .yrc-banner {
    display: none
}

@media screen and (max-device-width: 767px) and (orientation: portrait) {
    .home li.tab {
        flex-basis: 100% !important
    }

    .home * {
        letter-spacing: 0 !important;
        font-weight: normal line-height: 1rem;
    }

    .home section.t-news .back {
        padding: 1rem
    }

    .home .top-head .fs30,
    .home .top-head .fs20 {
        font-size: 1rem
    }

    .home section.top-head * {
        overflow: hidden !important
    }

    .home section.t-news .news-box {
        flex-basis: 100%;
        margin: 0 1rem 1rem 1rem
    }

    .home section.t-news .news-box .news-date {
        font-size: 0
    }

    .home section.t-news .flex-parent {
        padding-bottom: 0
    }

    .home section.t-intro {
        display: block
    }

    .home section.t-intro .intro-left,
    .home section.t-intro .intro-right {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        background: #FFF !important;
        color: #333 !important
    }

    .home section.t-myanmar .back,
    .home section.t-myanmar .flex-parent {
        padding: 1rem 0 !important
    }

    .home section.t-myanmar .t-myanmar-child {
        flex-basis: 100% !important;
        padding: 1rem 1rem 1rem 1rem !important;
        background: #EEE;
        margin: 0 0 1rem 0
    }

    .home section.t-myanmar .t-myanmar-child p.t-myanmar-tit {
        padding: 0 0 .5rem 0
    }

    .home section.t-mu .back {
        padding: 0 !important;
        color: #333 !important;
        background: none !important
    }

    .home section.t-mu .t-mu-box {
        padding: 0 !important
    }

    .home section.t-mu .t-mu-child {
        padding: 4rem 1rem 1rem 1rem !important;
        min-height: auto !important;
        border-right: none !important;
        border-bottom: 1px solid #CCC !important
    }

    .home section.t-record hr {
        display: none
    }

    .home section.t-record {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important
    }

    .home section.t-record .record-left h2 {
        padding: 1rem 0 !important
    }

    .home section.t-record .record-left h2 span {
        display: block;
        line-height: 4rem
    }

    .home section.t-record .record-left table.default th,
    .home section.t-record .record-left table.default td {
        width: 100% !important
    }

    .home section.t-mission {
        padding: 1rem !important
    }

    .home section.t-mission p {
        padding: 1rem 0 !important
    }

    .home section.t-mission br {
        display: none
    }

    .home section.t-mission iframe {
        width: 100% !important;
        height: auto !important
    }

    .home section.t-menu h2 {
        padding: 1rem 0 !important
    }

    .home section.t-menu ul {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important
    }

    .home section.t-menu ul li {
        flex-basis: 100% !important
    }

    .home section.t-menu ul li a {
        padding: .5rem !important;
        margin: .5rem 0 !important
    }

    .home section.sns {
        margin: 1rem 0 !important
    }

    .home .fs10 {
        font-size: 0.8rem !important
    }

    .home .fs20 {
        font-size: 1.2rem !important
    }

    .home .fs30 {
        font-size: 1.5rem !important
    }

    .home .record-table,
    .home .record-left,
    .home .record-right {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important
    }

    .home .intro-mense {
        display: block;
        margin-bottom: 2rem
    }

    .home .mense_box {
        margin: 1rem 0;
        background-color: #0D9A57;
        color: #FFFFFF
    }
}

a.sp-selectable {
    color: #333;
    text-decoration: none;
    margin-bottom: .5rem;
    display: inline-block;
    cursor: pointer
}

.single article .excerpt {
    line-height: 1.5rem
}

.single article ul.meta {
    list-style-type: none;
    border-bottom: 1px solid #CCC;
    padding: 1rem 0
}

.single article ul.meta li {
    display: inline-block;
    font-size: .9rem
}

.single article ul.meta li.date {
    font-weight: bold
}

.single article ul.meta li.talent a {
    background: #f59a4a !important
}

.single article ul.meta li.employment a {
    background: #4aa5f5 !important
}

.single article ul.meta li.myanmar-post a {
    background: #8bc34a !important
}

.single article ul.meta li.system a {
    background: #f576a4 !important
}

.single article ul.meta li.ginou_jisyu a {
    background: #53a258 !important
}

.single article ul.meta li.tokutei_ginou a {
    background: #fb4848 !important
}

.single article ul.meta li.koudo_jinzai a {
    background: #8aa0b5 !important
}

.single article ul.meta li.category {
    margin-left: 1rem
}

.single article ul.meta li.category a {
    background: #CCC;
    display: block;
    padding: 0rem 1.5rem;
    color: #FFF;
    font-size: .9rem;
    text-decoration: none;
    line-height: 1.5rem;
    height: 1.5rem
}

.single article ul.meta li.category a:hover {
    opacity: 0.75
}

.single article .single-head-info {
    position: relative
}

.single article .single-head-info h1 {
    border-bottom: 1px solid #CCC;
    font-size: 1.6rem
}

.single article .single-head-info .metabox {
    padding-top: .5rem
}

.single article .single-head-info .metabox span.date {
    display: block;
    text-align: right;
    flex-basis: 20%
}

.single article .single-head-info .metabox .tags {
    flex-basis: 80%;
    list-style-type: none
}

.single article .single-head-info .metabox .tags li {
    display: inline-block
}

.single article .single-head-info .metabox .tags li a {
    text-decoration: none;
    color: crimson;
    display: block;
    padding: 0 0 0 .75rem;
    font-size: .8rem
}

.single article .single-head-info .metabox .tags li a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: '\f02c';
    padding-right: .25rem
}

.single article .single-body p {
    font-size: 1rem;
    margin: 2rem 0
}

.single article .single-body h4 {
    font-size: 1.3rem;
    color: #0D9A57;
    margin-top: 1rem
}

.single article .single-body ol,
.single article .single-body ul {
    font-size: 1rem;
    margin: 1rem 0 2rem 2rem;
    line-height: 2rem
}

.single article .single-body .thumbnail {
    margin: 1rem 0
}

.single article .single-body .thumbnail img {
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    max-width: 670px;
    height: auto
}

.single article .single-body .linklist {
    list-style-type: none;
    margin: 2rem 1rem
}

.single article .single-body .linklist li a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-weight: normal;
    content: '\f2d2';
    margin-right: .5rem
}

.single article .single-body figure.fig_img {
    border: 1px solid #CCC;
    background: #EEE;
    margin: 2rem 0;
    padding: 1rem;
    text-align: center
}

.single article .single-body figure.fig_img img {
    max-width: 100%;
    margin: auto
}

.single article .single-body .note {
    border: 3px solid #d2d6de;
    padding: 1rem;
    background: #f7faff
}

.single article .single-body .note p {
    margin: 0 !important;
    padding: 0 !important
}

.single article .single-body .note ol {
    margin: 1rem 0 1rem 1.5rem !important;
    font-size: .9rem !important
}

.single article .single-body ol.rome_list {
    list-style-type: lower-roman
}

.single article .single-body ol.num_list {
    list-style-type: decimal
}

.single article .single-body a.outlink:before {
    content: '\f2d2';
    padding: 0 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: bold
}

.single article .single-foot {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between
}

.single article .single-foot .single-foot-prev {
    flex-basis: 50%
}

.single article .single-foot .single-foot-prev a {
    display: block;
    padding: 1rem 1.5rem;
    font-size: .9rem;
    border: 1px solid #CCC;
    min-height: 8rem;
    text-decoration: none;
    color: #333;
    margin-right: .5rem
}

.single article .single-foot .single-foot-prev a span {
    display: block;
    font-size: 1.2rem;
    border-bottom: 1px dashed #999;
    padding-bottom: .5rem;
    margin: 0 0 .5rem 0;
    font-weight: bold
}

.single article .single-foot .single-foot-prev a span:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: '\f359';
    margin-right: .5rem
}

.single article .single-foot .single-foot-prev a:hover {
    background: #EEE;
    color: #0D9A57;
    border: 1px solid #0D9A57
}

.single article .single-foot .single-foot-next {
    flex-basis: 50%
}

.single article .single-foot .single-foot-next a {
    display: block;
    padding: 1rem 1.5rem;
    font-size: .9rem;
    border: 1px solid #CCC;
    min-height: 8rem;
    text-decoration: none;
    color: #333;
    margin-left: .5rem;
    text-align: right
}

.single article .single-foot .single-foot-next a span {
    display: block;
    font-size: 1.2rem;
    border-bottom: 1px dashed #999;
    padding-bottom: .5rem;
    margin: 0 0 .5rem 0;
    font-weight: bold
}

.single article .single-foot .single-foot-next a span:after {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: '\f35a';
    margin-left: .5rem
}

.single article .single-foot .single-foot-next a:hover {
    background: #EEE;
    color: #0D9A57;
    border: 1px solid #0D9A57
}

.single article .single-relate p.relate_doc {
    font-size: 1rem;
    font-weight: normal;
    margin: 1rem 0;
    padding: .3rem 0;
    border-bottom: #000 1px solid;
    flex-basis: 100%
}

.single article .fuki_left {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden
}

.single article .fuki_left div.faceicon {
    float: left;
    margin-right: -90px;
    width: 80px
}

.single article .fuki_left div.faceicon img {
    width: 100%;
    height: auto
}

.single article .fuki_left div.chatting {
    width: 100%
}

.single article .fuki_left div.chatting div.says {
    display: inline-block;
    position: relative;
    margin: 5px 0 0 105px;
    padding: 5px 13px;
    border-radius: 12px
}

.single article .fuki_left div.chatting div.says p {
    margin: 1rem .5rem;
    padding: 0;
    line-height: 1.6rem;
    font-size: .95rem
}

.single article .fuki_left div.chatting div.says p strong {
    color: black
}

.single article .fuki_left div.chatting div.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px;
    left: -24px
}

.single article .fuki_left div.chatting div.kisya {
    background: #e0f3fe
}

.single article .fuki_left div.chatting div.kisya:after {
    border: 12px solid transparent;
    border-right: 12px solid #e0f3fe
}

.single article .fuki_left div.chatting div.kita {
    background: #e5ffe2
}

.single article .fuki_left div.chatting div.kita:after {
    border: 12px solid transparent;
    border-right: 12px solid #e5ffe2
}

.single aside p {
    font-size: 1rem;
    font-weight: normal;
    margin: 1rem 0;
    padding: .3rem 0;
    border-bottom: #000 1px solid
}

.hiromiaccess {
    position: relative;
}

p.access_p {
    margin-top: 8rem !important;
}

img.hiromiside.ls-is-cached.lazyloaded {
    position: absolute;
    top: -331%;
}

.single aside section.link_collection {
    margin: 1.5rem 0
}

.single aside section.link_collection img {
    width: 100%;
    max-width: 378px;
    height: auto
}

.single aside section.link_collection a {
    text-decoration: none
}

.single aside section.link_collection a p {
    border: none;
    margin: 0 0 1rem;
    padding: 0;
    color: #333;
    line-height: 1.5rem;
    font-size: .9rem
}

.single aside section.link_collection a p:before {
    content: '\f35a';
    font-family: "Font Awesome 5 Free";
    margin-right: .5rem;
    font-weight: bold
}

.single aside section.link_collection a p:hover {
    color: #4aa5f5
}

.single aside section.link_collection .sns-child {
    text-align: center;
}

.single aside p.no_plan {
    text-align: center;
    margin: 2rem 0 !important;
    border: none !important;
    color: #999
}

.single aside .post_list {
    list-style-type: none;
    margin: .5rem
}

.single aside .post_list li {
    position: relative
}

.single aside .post_list li i {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #000;
    text-align: center;
    font-style: normal;
    font-size: .9rem;
    font-family: "Roboto Condensed", "游ゴシック", "Yu Gothic", YuGothic, "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    color: #FFF
}

.single aside .post_list li i.r1 {
    background: #e0bd00 !important
}

.single aside .post_list li i.r2 {
    background: #afadad !important
}

.single aside .post_list li i.r3 {
    background: #825f0d !important
}

.single aside .post_list li a {
    display: block;
    color: #333;
    text-decoration: none
}

.single aside .post_list li a:hover {
    opacity: 0.7
}

.single aside .post_list li a span {
    background: #ccc;
    font-size: .9rem;
    display: inline-block;
    padding: 0 1rem;
    color: #FFF;
    margin-top: 5px
}

.single aside .post_list li a span.talent {
    background: #f59a4a !important
}

.single aside .post_list li a span.employment {
    background: #4aa5f5 !important
}

.single aside .post_list li a span.myanmar-post {
    background: #8bc34a !important
}

.single aside .post_list li a span.system {
    background: #f576a4 !important
}

.single aside .post_list li a span.ginou_jisyu {
    background: #53a258 !important
}

.single aside .post_list li a span.koudo_jinzai {
    background: #8aa0b5 !important
}

.single aside .post_list li a span.tokutei_ginou {
    background: #0000ff !important
}

.single aside .post_list li a span.kaigo {
    background: #ff9800 !important
}

.single aside .post_list li a span.gijinkoku {
    background: #42b1bf !important
}

.single aside .post_list li a span.it {
    background: #2196f3 !important
}

.single aside .post_list li a span.problem {
    background: #8a2be2 !important
}

.single aside .post_list li a span.documents {
    background: #467388 !important
}

.single aside .post_list li a span.point {
    background: #e55252 !important
}

.single aside .post_list li a span.support {
    background: #3f51b5 !important
}

.single aside .post_list li a span.visa {
    background: #009688 !important
}

.single aside .post_list li a span.ikenkoukankai {
    background: #8fbc8f !important
}

.single aside .post_list li a img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    float: left;
    margin-right: 10px
}

.single aside ul.past_post_list {
    list-style-type: none
}

.single aside ul.past_post_list li {
    display: block;
    text-decoration: none;
    color: #333;
    padding: .5rem 1rem;
    border-bottom: 1px solid #CCC
}

.single aside ul.past_post_list li:hover {
    background: #EEE
}

.single aside ul.past_post_list li:before {
    content: '\f0da';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    padding-right: 1rem
}

.single aside ul.wp-tag-cloud {
    list-style-type: none
}

.single aside ul.wp-tag-cloud li {
    display: inline-block;
    margin: .25rem
}

.single aside ul.wp-tag-cloud li a.tag-cloud-link {
    display: block;
    color: #333;
    border: 1px solid #333;
    padding: .2rem .5rem;
    border-radius: 5px;
    text-decoration: none
}

.single aside ul.wp-tag-cloud li a.tag-cloud-link:hover {
    background: #CCC
}

.single aside .inquire {
    background: #e0f3fe;
    margin: 2rem 0 0;
    padding: 1rem
}

.single aside .inquire p {
    border: none !important
}

.single aside .side_clm_ct_item {
    background: #FFF;
    padding: 0 0 1rem;
    text-align: center
}

.single aside .side_clm_ct_item p {
    color: #FFF
}

.single aside .side_clm_ct_item ul {
    list-style-type: none;
    margin: 0 !important;
    padding: 0 !important
}

.single aside .side_clm_ct_item ul li {
    margin-bottom: 20px;
    position: relative
}

.single aside .side_clm_ct_item ul li a {
    border-radius: 10px;
    display: block;
    margin: auto 10px;
    padding: 1rem;
    text-decoration: none
}

.single aside p.side_clm_ct {
    color: #004971;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center
}

.entry-list-parent {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between
}

.entry-list-parent .entry-list-child {
    flex-basis: 48%;
    margin: 1%;
    border: 1px solid #CCC
}

.entry-list-parent .entry-list-child span.talent,
.relate-list-title span.talent {
    color: #FFF;
    background: #f59a4a;
    display: inline-block;
    padding: .0rem 1rem;
    margin-right: .5rem
}

.entry-list-parent .entry-list-child span.employment,
.relate-list-title span.employment {
    color: #FFF;
    background: #4aa5f5;
    display: inline-block;
    padding: .0rem 1rem;
    margin-right: .5rem
}

.entry-list-parent .entry-list-child span.myanmar-post,
.relate-list-title span.myanmar-post {
    color: #FFF;
    background: #8bc34a;
    display: inline-block;
    padding: .0rem 1rem;
    margin-right: .5rem
}

.entry-list-parent .entry-list-child span.kaigo,
.relate-list-title span.kaigo {
    color: #FFF;
    background: #ff9800;
    display: inline-block;
    padding: .0rem 1rem;
    margin-right: .5rem
}

.entry-list-parent .entry-list-child span.system,
.relate-list-title span.system {
    color: #FFF;
    background: #f576a4;
    display: inline-block;
    padding: .0rem 1rem;
    margin-right: .5rem
}

.entry-list-parent .entry-list-child span.ginou_jisyu,
.relate-list-title span.ginou_jisyu {
    color: #FFF;
    background: #53a258;
    display: inline-block;
    padding: .0rem 1rem;
    margin-right: .5rem
}

.entry-list-parent .entry-list-child span.ikenkokankai,
.relate-list-title span.ikenkokankai {
    color: #FFF;
    background: #8fbc8f;
    display: inline-block;
    padding: .0rem 1rem;
    margin-right: .5rem
}

.entry-list-parent .entry-list-child span.tokutei_ginou,
.relate-list-title span.tokutei_ginou {
    color: #FFF;
    background: #0000ff;
    display: inline-block;
    padding: .0rem 1rem;
    margin-right: .5rem
}

.entry-list-parent .entry-list-child span.koudo_jinzai,
.relate-list-title span.koudo_jinzai {
    color: #FFF;
    background: #8aa0b5;
    display: inline-block;
    padding: .0rem 1rem;
    margin-right: .5rem
}

.entry-list-parent .entry-list-child span.gijinkoku,
.relate-list-title span.gijinkoku {
    color: #FFF;
    background: #42b1bf;
    display: inline-block;
    padding: .0rem 1rem;
    margin-right: .5rem
}

.entry-list-parent .entry-list-child span.it,
.relate-list-title span.it {
    color: #FFF;
    background: #2196f3;
    display: inline-block;
    padding: .0rem 1rem;
    margin-right: .5rem
}

.entry-list-parent .entry-list-child span.problem,
.relate-list-title span.problem {
    color: #FFF;
    background: #8a2be2;
    display: inline-block;
    padding: .0rem 1rem;
    margin-right: .5rem
}

.entry-list-parent .entry-list-child span.documents,
.relate-list-title span.documents {
    color: #FFF;
    background: #467388;
    display: inline-block;
    padding: .0rem 1rem;
    margin-right: .5rem
}

.entry-list-parent .entry-list-child span.point,
.relate-list-title span.point {
    color: #FFF;
    background: #e55252;
    display: inline-block;
    padding: .0rem 1rem;
    margin-right: .5rem
}

.entry-list-parent .entry-list-child span.support,
.relate-list-title span.support {
    color: #FFF;
    background: #3f51b5;
    display: inline-block;
    padding: .0rem 1rem;
    margin-right: .5rem
}

.entry-list-parent .entry-list-child span.visa,
.relate-list-title span.visa {
    color: #FFF;
    background: #009688;
    display: inline-block;
    padding: .0rem 1rem;
    margin-right: .5rem
}

.entry-list-parent .entry-list-child div {
    font-size: 0
}

.entry-list-parent .entry-list-child div img {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-width: 320px;
    max-height: 120px
}

.entry-list-parent .entry-list-child p.doc_tit {
    padding: .5rem;
    font-weight: normal
}

.entry-list-parent .entry-list-child a.list-child {
    text-decoration: none;
    color: #333;
    display: block;
    background: #EEE !important
}

.entry-list-parent .entry-list-child a.list-child:hover {
    background: #0D9A57 !important;
    color: #FFF
}

.entry-list-parent .entry-list-child a.list-child img {
    opacity: 1
}

.entry-list-parent .entry-list-child p {
    padding: .5rem 1rem
}

.relate-list-child {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.realte-list-image {
    flex-basis: 35%;
    max-width: 35%;
}

.relate-list-title {
    flex-basis: 65%;
    max-width: 65%;
    padding: 0 0 0 1rem;
}

.relate-list-title h3 {
    font-size: 1rem;
    border: none;
    padding: 0 0 .5rem 0;
    color: #079ae7;
    font-weight: bold !important;
}

.relate-list-child a {
    color: #300;
    text-decoration: none;
}

.flex-slider-img {
    flex-basis: 55%
}

.flex-slider-img img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    padding: 30px
}

div.relatelink {
    /* border: 1px solid #49a5f5; */
    /* border-radius: 5px; */
    padding: .5rem 1rem;
    background: #cfe9ff;
}

div.relatelink ul {
    padding: .5rem 2rem;
    margin: 0 !important;
    list-style-type: none;
    background: #FFF
}

div.relatelink ul li {
    padding: 0 !important;
    font-size: .9rem !important;
    line-height: 1.5rem
}

div.relatelink ul li:before {
    content: '\f192';
    font-family: "Font Awesome 5 Free";
    color: #02a2ec;
    font-weight: 600;
    margin-right: .5rem
}

div.relatelink span {
    display: block;
    padding: .5rem 1rem;
    font-size: 1.3rem;
    border-bottom: 3px solid #4ba5f7;
    font-weight: bold;
    color: #0085ff;
}

div.relatelink span:before {
    content: '\f00c';
    padding-right: .5rem;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    color: #4aa5f5
}

.relatelink-box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    margin: 1rem 0;
}

.relatelink-img {
    flex-basis: 35%;
    max-width: 35%;
    margin-bottom: 1rem;
}

.relatelink-img img {
    max-height: 140px;
    width: 100%;
    object-fit: cover;
}

.relatelink-txt {
    flex-basis: 62%;
    max-width: 62%;
}

.relatelink-txt h3 {
    font-size: 1rem;
    margin: 0;
    padding: 0;
    border: none;
}

.relatelink-txt a {
    text-decoration: none;
    color: #4aa5f5
}

.relatelink-txt a:hover {
    color: #005eb1;
    text-decoration: underline;
}

.relatelink-txt p {
    font-size: 0.8rem !important;
    padding: .5rem 0 0 0 !important;
    line-height: 1.3rem;
    text-align: left !important;
    color: #333 !important;
}

.flex-slider-content {
    flex-basis: 45%
}

.flex-slider-content .flex-slider-content-box {
    padding: 30px
}

.flex-slider-content .flex-slider-content-box h2 {
    font-size: 1.5rem
}

.flex-slider-content .flex-slider-content-box p {
    font-size: .9rem
}

.flex-slider-content .flex-slider-content-box .owned-media-left p {
    font-size: 1.6rem
}

dl.owned_dl dt {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 1rem 0
}

dl.owned_dl dd {
    margin-bottom: 2rem
}

@media screen and (max-device-width: 767px) and (orientation: portrait) {
    .realte-list-image {
        flex-basis: 100%;
        max-width: 100%;
    }

    .realte-list-image img {
        max-height: 150px;
        width: 100%;
        object-fit: cover;
    }

    .relate-list-title {
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

    .relatelink-img {
        flex-basis: 100%;
        max-width: 100%;
        margin: .5rem 0;
    }

    .relatelink-txt {
        flex-basis: 100%;
        max-width: 100%;
    }

    .single article .fuki_left div.faceicon {
        width: 15%
    }

    .single article .fuki_left div.chatting div.says {
        margin: 0 0 0 20%
    }

    .single article .fuki_left div.chatting div.says:after {
        left: -12px
    }

    .single article .fuki_left div.chatting div.kita:after {
        border: 12px solid transparent;
        border-right: 12px solid #e5ffe2
    }
}

.single-body {
    font-size: 1rem
}

dl.archive_list_flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 1rem
}

dl.archive_list_flex dt,
dl.archive_list_flex dd {
    padding: .5rem;
    border-bottom: 1px solid #CCC
}

dl.archive_list_flex dt {
    flex-basis: 15%;
    text-align: center;
    font-weight: bold
}

dl.archive_list_flex dd {
    width: 85%
}

section.event {
    border: 1px solid #CCC;
    margin: 1rem 0
}

section.event h3 {
    margin: 0;
    padding: 0;
    border: none;
    background: #EEE;
    padding: .5rem 1rem;
    font-size: .9rem
}

section.event p {
    font-size: .8rem !important;
    padding: 0 !important;
    margin: 1rem !important
}

section.event table {
    font-size: .8rem;
    margin: 1rem
}

section.event table th {
    width: 13%;
    text-align: left
}

section.event table td p {
    margin: 0.5rem 0 !important
}

dl.test_list {
    background-color: #eaeaea;
    padding: 1.5rem
}

dl.test_list dt {
    font-weight: 600
}

dl.test_list dd {
    font-size: 0.8rem;
    margin: 0.8rem 0.3rem 1.5rem 0.5rem
}

.douga_box {
    display: table
}

.douga_detail {
    display: table-cell;
    width: 70%;
    padding-right: 5%
}

.douga_detail iframe {
    width: 100%;
    height: 410px
}

.douga_detail p {
    font-size: 1rem;
    padding: 1rem 0;
    line-height: 1.7rem
}

.douga_detail ul {
    list-style-type: none;
    font-size: 1rem;
    background: #f8f8f8;
    padding: 1rem
}

.douga_detail ul li {
    line-height: 1.7rem
}

.douga_detail ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: "\f138";
    padding-right: 0.5rem;
    color: #b1d5f5
}

.douga_list {
    display: table-cell;
    vertical-align: top;
    width: 25%
}

.movie-list-parent {
    display: table;
    width: 100%;
    margin-bottom: 10px
}

.movie-list-img {
    display: table-cell;
    width: 40%;
    vertical-align: middle
}

.movie-list-txt {
    display: table-cell;
    width: 55%;
    padding-left: 5%;
    vertical-align: middle
}

.faq-head :before {
    content: 'よくある質問';
    display: block;
    font-size: 3rem;
    margin-bottom: 4rem;
    text-align: center
}

.faq-head {
    position: relative;
}

img.faqhiromi {
    position: absolute;
    height: 224px;
    top: -29%;
    left: 16%;
}

.faq h1 {
    margin: 4rem 0;
    font-size: 2rem
}

.faq h1 span {
    background-color: #eaffe8;
    padding: 1.5rem 1rem 2rem;
    display: block;
    text-indent: -4.2rem;
    padding-left: 5rem;
    line-height: 3.5rem
}

.faq h1 :before {
    content: 'Q';
    display: inline;
    padding: 0 1rem .5rem;
    background-color: #50b446;
    font-size: 2rem;
    line-height: 2rem;
    color: #FFF;
    margin-right: .7rem
}

.faq single-body p {
    text-align: center
}

.faq .single-body p {
    width: 92%;
    margin: 2rem auto;
    font-size: 1.1rem
}

.faq .single-body dl {
    width: 92%;
    margin: 2rem auto
}

.faq .single-body dl dt {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem
}

.faq .single-body dl dd {
    margin-bottom: 2rem;
    line-height: 1.7rem
}

.otherq_box {
    background-color: #f3f3f3;
    text-align: center;
    margin: 5rem 0
}

.otherq_box p {
    font-size: 1.2rem;
    border-bottom: 1px #333 solid;
    width: fit-content !important;
    margin: 3rem auto !important;
    display: inline-block
}

ul.otherq_list {
    list-style-type: none;
    column-count: 2;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1.5rem
}

ul.otherq_list li:before {
    content: 'Q';
    display: inline;
    padding: .2rem .6rem;
    background-color: #50b446;
    color: #FFF;
    margin-right: .7rem
}

ul.otherq_list li {
    margin-bottom: 1.5rem;
    text-align: left;
    margin-left: 2rem;
    flex-basis: 44%;
    padding-left: 2.5rem;
    text-indent: -2.5rem;
    margin-right: 2rem
}

.otherq_contact {
    column-count: 2
}

.otherq_contact ul {
    text-align: center;
    list-style-type: none
}

.otherq_contact ul li {
    color: #FFF;
    padding: 1.5rem 1rem;
    font-size: 1.4rem;
    font-weight: 600;
    border-radius: 10px;
    margin: 0 1.5rem 5rem 1.5rem
}

.otherq_contact ul li a {
    color: #FFF
}

ul.otherq_list a {
    text-decoration: none;
    color: #000
}

.otherq_box a:hover {
    color: #11bf6b
}

li.faq_top {
    background: #50B446;
    border-bottom: #3c8a35 7px solid
}

li.faq_mail {
    background-color: #034E76;
    border-bottom: #012335 7px solid
}

.faq_top span:before {
    content: "";
    display: inline-block;
    width: 3rem;
    height: 2rem;
    background: url(https://www.myanmarunity.jp/wp-content/uploads/2019/09/faq_top.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: -45px;
    top: 5px
}

li.faq_top span {
    position: relative
}

.faq_top span:before {
    content: "";
    display: inline-block;
    width: 3rem;
    height: 2rem;
    background: url(https://www.myanmarunity.jp/wp-content/uploads/2019/09/faq_top.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: -45px;
    top: 5px
}

li.faq_top span {
    position: relative
}

.faq_mail span:before {
    content: "";
    display: inline-block;
    width: 2.2rem;
    height: 2rem;
    background: url(https://www.myanmarunity.jp/wp-content/uploads/2019/09/faq_mail.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: -45px;
    top: 5px
}

li.faq_mail span {
    position: relative
}

.faq-top h1 {
    font-size: 2rem;
    margin: 4rem 0 0 0 !important
}

ul.faqlist {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

ul.faqlist li.page_item_has_children {
    flex-basis: calc(96%/1);
    margin: 2rem 1%;
    text-align: center
}

ul.faqlist li.page_item_has_children ul li a {
    background: #FFF;
    text-align: left;
    color: #000;
    font-size: .9rem;
    position: relative;
    padding-left: 2rem
}

ul.faqlist * {
    list-style-type: none
}

ul.faqlist li.page_item_has_children a {
    display: block;
    background: #EEE;
    padding: .5rem 1rem;
    text-align: left
}

ul.faqlist li.page_item_has_children ul li a:hover {
    color: #F00
}

ul.faqlist li.page_item_has_children ul li a:before {
    content: '\f059';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    top: .75rem;
    left: .5rem;
    color: #FF5722
}

ul.index {
    border-bottom: #FF9800 solid 5px
}

ul.index * {
    list-style-type: none
}

ul.index li {
    flex-basis: calc(100%/3);
    text-align: center;
    border-right: 1px solid #FFF
}

ul.index li span {
    display: block;
    background: #ff9800;
    padding: .5rem;
    color: #FFF
}

ul.index li a {
    display: block;
    background: #DDD;
    padding: .5rem
}

ul.index li a:hover {
    background: #ff9800;
    color: #FFF
}

.okigaru {
    text-align: center;
    width: 92%;
    margin: 2rem auto;
    font-size: 1.3rem
}

.relatelink p {
    margin: 0 !important
}

.to_guidebook {
    background-color: #e3f2ff;
    padding: 2rem;
    text-align: center;
    margin-bottom: 3rem
}

p.to_gb_txt1 {
    font-size: 1.2rem !important;
    margin: 0 !important;
    padding: .5rem;
    width: 100% !important
}

p.to_gb_txt2 {
    font-size: 1.5rem !important;
    font-weight: bold;
    margin: 0 0 1.5rem !important;
    width: 100% !important
}

.to_gb_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.to_gb_item {
    flex-basis: 32%;
    max-width: 32%
}

@media screen and (max-device-width: 767px) and (orientation: portrait) {
    .faq-head :before {
        font-size: 2.3rem;
        text-align: right;
        padding-right: 2rem;
        margin-bottom: 2rem
    }

    img.faqhiromi {
        position: absolute;
        height: 126px;
        top: -1%;
        left: -1%;
    }

    img.hiromiside.lazyloaded {
        position: absolute;
        top: -6%;
        right: -6%;
    }

    .faq h1 {
        text-align: left;
        margin: 1rem 0;
        font-size: 1.5rem
    }

    .faq h1 span {
        line-height: 2.5rem;
        padding: 1.5rem 1rem;
        text-indent: 0rem
    }

    .faq h1 :before {
        display: block;
        margin: 0 0 1rem;
        text-align: center;
        padding: 0 0 .2rem;
        font-size: 1.5rem
    }

    .faq .single-body p {
        text-align: left;
        width: 100%;
        margin: 1rem 0 2rem 0
    }

    .faq .single-body dl {
        width: 100%;
        margin: 1rem 0 2rem 0
    }

    .faq .single-body dl dt {
        margin-bottom: 1rem
    }

    .faq .single-body dl dd {
        margin-bottom: 2rem
    }

    .otherq_box {
        margin: 5rem 0
    }

    .otherq_box p {
        font-size: 1.1rem;
        width: 80% !important;
        text-align: center !important;
        margin-bottom: 2rem !important
    }

    ul.otherq_list {
        column-count: 1;
        display: block
    }

    ul.otherq_list li {
        margin-left: 1rem
    }

    .otherq_contact {
        column-count: 1
    }

    .otherq_contact ul li {
        margin: 0 .2rem 1rem .2rem;
        font-size: 1.2rem
    }

    .faq_top span:before {
        width: 2rem;
        height: 1.5rem;
        position: absolute;
        left: -33px;
        top: 3px
    }

    .faq_mail span:before {
        width: 1.5rem
    }

    .to_gb_item {
        flex-basis: 100%;
        max-width: 100%;
        margin: .2rem 0
    }

    p.to_gb_txt1 {
        font-size: 1rem !important;
        text-align: center !important
    }

    p.to_gb_txt2 {
        line-height: 2rem !important;
        text-align: center !important
    }

    p.to_gb_txt2 span {
        display: block
    }
}

.entry_btn {
    text-align: center;
    font-size: 2rem;
    padding: 1rem 1rem;
    margin: 2rem 22%;
    border-radius: 50px;
    background-color: #11bf6b
}

.entry_btn a {
    display: block;
    padding: 0rem;
    background-color: #11bf6b;
    border-radius: 50px;
    color: #FFF;
    text-decoration: none
}

.entry_btn:hover {
    opacity: 0.7
}

section.tg-semi_intro p.fukidashi {
    text-align: center;
    margin-top: 1.5rem;
    font-size: 1.7rem;
    color: red
}

section.tg-semi_intro h2 {
    text-align: center;
    font-size: 3rem;
    border-bottom: none
}

section.tg-semi_intro p.sub_tit {
    font-size: 2.2rem;
    line-height: 2rem;
    text-align: center;
    margin-bottom: 5rem
}

section.tg-semi_intro h2:after {
    display: none
}

section.tg-semi_intro p {
    font-size: 1.1rem;
    margin: 1.5rem 0
}

section.tg-semi_info h3 {
    font-size: 1.3rem
}

section.tg-semi_info th {
    width: 25%;
    background-color: #efeeee;
    border-bottom: 1px solid #CCC;
    vertical-align: middle;
    padding: .5rem 0
}

section.tg-semi_info td {
    width: 75%;
    border-bottom: 1px solid #CCC;
    vertical-align: middle;
    padding: .5rem 0 .5rem 1rem
}

section.tg-semi_info dt {
    font-size: 1rem;
    margin: .5rem 0 .5rem 0
}

section.tg-semi_info dd {
    text-indent: 3rem
}

section.tg-semi_info li {
    margin-left: 1rem
}

section.tg-semi_contents h3 {
    font-size: 1.3rem;
    margin-top: 2rem
}

section.tg-semi_contents h4 {
    font-size: 1rem;
    margin-top: .8rem
}

section.tg-semi_contents h4:before {
    content: '◇';
    margin-right: .5rem
}

section.tg-semi_contents ul,
section.tg-semi_contents ol {
    margin: .5rem 0 1rem 2.5rem
}

section.tg-semi_contents li {
    font-size: .9rem
}

p.ak {
    font-size: 1.1rem
}

div.ak {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 1.5rem;
    margin: 1rem 0;
    background-color: aliceblue
}

.ak_img {
    flex-basis: 25%
}

.ak_profile {
    flex-basis: 75%;
    font-size: .7rem;
    padding-left: 1rem
}

tg-semi_info table {
    word-break: break-word
}

section.tg-semi_info table {
    word-break: break-word
}

@media screen and (max-device-width: 767px) and (orientation: portrait) {
    section.tg-semi_intro h2 {
        line-height: 4rem;
        margin-top: 0
    }

    section.tg-semi_intro p.sub_tit {
        font-size: 1.3rem;
        line-height: 2rem;
        margin-top: .5rem
    }

    section.tg-semi_intro img {
        display: none !important
    }

    section.tg-semi_intro p.fukidashi {
        font-size: .75rem;
        margin: 0;
        font-weight: 600
    }

    .entry_btn {
        font-size: 1.5rem;
        margin: 1rem 0 2rem 0
    }

    section.tg-semi_intro p {
        font-size: .9rem
    }

    section.tg-semi_info th {
        width: 10%;
        padding: .5rem .5rem
    }

    section.tg-semi_info td {
        font-size: 1rem;
        width: 90%
    }

    section.tg-semi_info dt {
        font-size: .9rem
    }

    section.tg-semi_info dd {
        text-indent: 0rem;
        font-size: .5rem
    }

    section.tg-semi_contents ul,
    section.tg-semi_contents ol {
        margin: .5rem 0 1rem 1rem
    }

    section.tg-semi_contents li {
        list-style-position: inside;
        text-indent: -.8rem;
        padding-left: .8rem;
        font-size: .8rem
    }

    p.ak {
        font-size: .9rem;
        line-height: 1.5rem
    }

    div.ak {
        padding: .5rem;
        display: block
    }

    .ak_profile {
        padding-left: 0;
        font-size: .6rem
    }
}

* {
    box-sizing: border-box
}

html {
    height: 100%;
    font-family: "Roboto", YuGothic, 游ゴシック, YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
    overflow-x: hidden;
    font-weight: 600
}

body {
    -webkit-text-size-adjust: 100%
}

header .important_head {
    background-color: #d2d2d2;
    padding: .3rem;
    text-align: center;
    margin-bottom: .5rem
}

header .important_head a {
    font-size: .8rem;
    text-decoration: none;
    color: #333;
    font-weight: bold
}

header .important_head a span {
    margin-right: 1rem
}

header .important_head a:hover {
    color: red
}

header .header_area {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-end;
    padding-bottom: 10px
}

header .header_area .left {
    flex-basis: 40%;
    font-size: .7rem
}

header .header_area .left div.logo_area div.hiromihead_img {
    max-width: 40%;
    flex-basis: 33%;
    box-shadow: none;
}

header .header_area .left div.logo_area {
    display: flex;
    align-items: center;
    width: 100%
}

header .header_area .left div.logo_area div.logo_img {
    flex-basis: 50%;
    max-width: 50%
}

header .header_area .left div.logo_area div.award_img {
    flex-basis: 25%;
    max-width: 25%
}

header .header_area .left a.logo {
    float: left;
    margin-right: 10px
}

header .header_area .left a.logo img {
    width: 200px;
    vertical-align: middle
}

header .header_area .left p.site-description {
    font-size: .7rem;
    line-height: 1.1rem;
    margin-top: 10px
}

header .header_area .left .menu {
    display: none
}

header .header_area .right {
    flex-basis: 32%;
    text-align: right
}

header .header_area .right ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    list-style-type: none
}

header .header_area .right ul li.page-item-category {
    flex-basis: 25%
}

header .header_area .right ul li.page-item-category a {
    background: #50B446
}

header .header_area .right ul li.page-item-30 {
    flex-basis: 25%
}

header .header_area .right ul li.page-item-30 a {
    background: #0D9A57
}

header .header_area .right ul li.page-item-492 {
    flex-basis: 50%
}

header .header_area .right ul li.page-item-492 a {
    background: #50B446
}

header .header_area .right ul li a {
    display: block;
    font-size: .8rem;
    text-decoration: none;
    color: #fff;
    text-align: center;
    margin: 0 3px;
    height: 1.6rem;
    line-height: 1.6rem
}

header .header_area .right ul li a:hover {
    opacity: 0.5
}

header .header_area .right form {
    display: block;
    padding: .3rem;
    background: #EEE;
    text-align: center;
    margin-bottom: 5px
}

header .header_area .right .placeholder {
    font-size: .8rem;
    padding: .2rem;
    width: 85%;
    min-height: 2.6rem
}

header .header_area .right .button {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 1.2rem;
    padding: .3rem;
    background: #50B446;
    border: none;
    color: #FFF;
    min-height: 2.6rem;
    width: 12%;
    text-align: center
}

header .header_area .right2 {
    flex-basis: 27%;
    font-size: .8rem;
    text-align: right
}

header .header_area .right2 .inquire {
    display: block;
    background: #F9D006;
    text-align: center;
    color: #FFF;
    line-height: 1.3rem
}

header .header_area .right2 .middle_area {
    display: flex;
    justify-content: space-around
}

header .header_area .right2 .phone {
    flex-basis: 56%;
    max-width: 65%;
    display: inline-block;
    color: #dc0d0d;
    font-size: 1.7rem;
    font-family: "Roboto Condensed", "游ゴシック", "Yu Gothic", YuGothic, "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    font-weight: bold;
    line-height: 110%;
    padding: 3px 5px
}

header .header_area .right2 .open {
    flex-basis: 43%;
    max-width: 43%;
    font-size: .7rem;
    line-height: 1rem !important;
    display: inline-block;
    text-align: left
}

header .header_area .right2 .bottom_area {
    display: flex;
    justify-content: space-between
}

header .header_area .right2 .inquurl {
    font-size: .8rem;
    text-decoration: none;
    color: #fff;
    text-align: center;
    height: 1.6rem;
    line-height: 1.6rem;
    display: inline-block;
    background: #F9D006;
    flex-basis: 55%;
    max-width: 55%;
    margin: 0 !important
}

header .header_area .right2 .inquurl:hover {
    opacity: 0.5
}

header .header_area .right2 .event_hub_link {
    font-size: .8rem;
    text-decoration: none;
    color: #fff;
    text-align: center;
    height: 1.6rem;
    line-height: 1.6rem;
    display: inline-block;
    background: #F9D006;
    flex-basis: 44%;
    max-width: 44%;
    margin: 0 !important
}

header .header_area .right2 .event_hub_link:hover {
    opacity: 0.5
}

header .owned-media {
    position: relative;
    box-shadow: 2px 2px 3px #CCC;
    height: 200px
}

header .owned-media:before {
    height: 201px;
    background: url(https://www.myanmarunity.jp/wp-content/uploads/2024/11/kazu_page_header.png) !important;
    content: '';
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: absolute;
    top: -1px;
    left: 0;
    width: 51%;
    z-index: -1
}

header .owned-media:after {
    height: 200px;
    background: url(https://www.myanmarunity.jp/wp-content/uploads/2019/06/5924.jpg) !important;
    content: '';
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    z-index: -1
}

header .owned-media .owned-media-box {
    width: 1080px;
    margin: auto;
    height: 200px;
    display: table;
    color: #FFF
}

header .owned-media .owned-media-box .owned-media-left {
    display: table-cell;
    width: 40%;
    vertical-align: middle;
    text-align: center
}

header .owned-media .owned-media-box .owned-media-left a {
    text-decoration: none;
    color: #FFF
}

header .owned-media .owned-media-box .owned-media-left h2 {
    font-size: 1.6rem
}

header .owned-media .owned-media-box .owned-media-right {
    display: table-cell;
    vertical-align: middle;
    width: 60%
}

header .owned-media .owned-media-box .owned-media-right p {
    font-size: .8rem
}

header .owned-media .owned-media-box .owned-media-right ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

header .owned-media .owned-media-box .owned-media-right ul li {
    display: inline-block
}

header .owned-media .owned-media-box .owned-media-right ul li a {
    font-size: .9rem;
    padding: .2rem 1rem;
    text-decoration: none;
    color: #FFF
}

header .owned-media .owned-media-box .owned-media-right ul li a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: '\f0da';
    margin-right: .5rem
}

header .owned-media .owned-media-box .owned-media-right hr {
    margin: 6px 0px
}

main {
    flex: 1;
    margin: auto
}

main article {
    font-size: .8rem
}

main article h1 {
    padding: 1rem 0;
    font-size: 2rem
}

main article h2 {
    font-size: 1.8rem;
    border-bottom: 3px solid #CCC;
    line-height: 2.2rem;
    padding: .7rem 0;
    position: relative;
    margin-top: 3rem
}

main article h2:after {
    width: 30%;
    height: 3px;
    position: absolute;
    bottom: -3px;
    left: 0;
    background: #0D9A57;
    content: ''
}

main article h3 {
    font-size: 1.5rem;
    padding: .7rem 0;
    border-bottom: 1px solid #CCC
}

main#wrapper {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between
}

main#wrapper article {
    flex-basis: 62%
}

main#wrapper aside {
    flex-basis: 35%
}

nav.top {
    background: #0D9A57
}

nav.top ul.level1 {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: center;
    font-size: 0
}

nav.top ul.level1 li.level1 {
    text-align: center;
    position: relative;
    flex-basis: 16.6%;
    font-size: .7rem
}

nav.top ul.level1 li.level1 a.level1 {
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    display: block;
    padding: 1rem 0rem;
    text-align: center
}

nav.top ul.level1 li.level1 a.level1:hover {
    background: #11bf6b
}

nav.top ul.level1 li.level1 a.level1:hover::after {
    bottom: -6px;
    opacity: 1;
    visibility: visible
}

nav.top ul.level1 ul.level2 {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between
}

nav.top ul.level1 ul.level2 li.level2 {
    position: relative;
    flex-basis: 31.3%;
    margin: 0 1%;
    border-bottom: 1px solid #FFF;
    color: #FFF
}

nav.top ul.level1 ul.level2 li.level2:after {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    right: 5px;
    top: 15px;
    content: '\f105'
}

nav.top ul.level1 ul.level2 li.level2 a.level2 {
    color: #FFF;
    display: block;
    padding: 10px;
    text-decoration: none;
    text-align: left
}

nav.top ul.level1 ul.level2 li.level2 a.level2:hover {
    color: #333
}

nav#gnav {
    background: #0D9A57
}

nav#gnav>ul {
    display: table
}

nav#gnav>ul>li {
    display: table-cell;
    width: auto
}

nav#gnav>ul>li:hover {
    color: #fff;
    background: #11bf6b
}

nav#gnav>ul>li:hover>a {
    color: #fff
}

nav#gnav>ul>li:hover .menu {
    max-height: 9999px;
    opacity: 1
}

nav#gnav>ul>li>a {
    display: block;
    padding: .8rem;
    transition: all .2s ease-in;
    color: #FFF;
    font-size: .9rem;
    text-decoration: none;
    text-align: center
}

nav#gnav>ul .menu {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    left: 0;
    text-align: center;
    position: absolute;
    background: #11bf6b;
    z-index: 3;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

nav#gnav>ul .menu .menu_inner {
    padding: 1em 0;
    text-align: left;
    display: table
}

nav#gnav>ul .menu .menu_inner li {
    display: table-cell;
    vertical-align: middle;
    padding: 1rem .5em 0 .5em
}

nav#gnav>ul .menu .menu_inner li.menu_inner2 {
    vertical-align: top;
    width: 720px
}

nav#gnav>ul .menu .menu_inner li.menu_inner2 ul.menu_inner2 {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0
}

nav#gnav>ul .menu .menu_inner li.menu_inner2 ul.menu_inner2 li.menu_thumbnail2 {
    flex-basis: 33.3%
}

nav#gnav>ul .menu .menu_inner li.menu_inner2 ul.menu_inner2 li.menu_thumbnail2 a {
    font-size: .8rem;
    text-align: left;
    display: block;
    text-decoration: none;
    padding: .5rem;
    border-bottom: 1px solid #ccc
}

nav#gnav>ul .menu .menu_inner li.menu_inner2 ul.menu_inner2 li.menu_thumbnail2 a:hover {
    border-bottom: 1px solid #FFF
}

nav#gnav>ul .menu .menu_inner li.menu_inner2 ul.menu_inner2 li.menu_thumbnail2 a:before {
    content: '\f0da';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    padding-right: 5px
}

nav#gnav>ul .menu .menu_inner li.menu_title {
    width: 360px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    height: 150px
}

nav#gnav>ul .menu .menu_inner li.menu_thumbnail {
    width: 220px;
    vertical-align: top
}

nav#gnav>ul .menu .menu_inner li.menu_thumbnail a {
    font-size: .8rem;
    width: 220px;
    text-align: left;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

nav#gnav>ul .menu .menu_inner li.menu_thumbnail a span {
    display: inline-block;
    padding-left: 10px
}

nav#gnav>ul .menu .menu_inner li.menu_thumbnail a img {
    width: 100% !important;
    height: 100px;
    object-fit: cover
}

nav#gnav>ul .menu .menu_inner li.menu_thumbnail a:hover {
    opacity: 0.7
}

nav#gnav>ul .menu .menu_inner li.menu_thumbnail a:before {
    content: '\f0da';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    bottom: 40px
}

nav#gnav>ul .menu a {
    color: #fff
}

nav#gnav>ul .menu_inner2 {
    padding: 1em 0;
    text-align: left;
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

nav#gnav>ul .menu_inner2 li.menu_thumbnail {
    flex-basis: 20%;
    padding: 1rem .5em 0 .5em
}

nav#gnav>ul .menu_inner2 li.menu_thumbnail a {
    width: 100%;
    text-align: left;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: relative;
    height: 140px
}

nav#gnav>ul .menu_inner2 li.menu_thumbnail a img {
    width: 100% !important;
    height: 140px;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

nav#gnav>ul .menu_inner2 li.menu_thumbnail a span {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    background: -moz-linear-gradient(bottom, #000, transparent);
    background: -webkit-linear-gradient(bottom, #000, transparent);
    background: linear-gradient(to top, #000, transparent);
    padding: 10px 10px;
    font-size: .8rem
}

nav.right ul {
    border: 1px solid #CCC;
    font-size: .8rem
}

nav.right ul li a {
    padding: .5rem 1rem .5rem 2.5rem;
    display: block;
    border-bottom: 1px solid #CCC;
    text-indent: -1.5rem;
    text-decoration: none;
    background: #eafaff;
    color: #333;
    font-weight: bold
}

nav.right ul li a:before {
    content: '\f105';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    padding-right: .5rem
}

nav.right ul li a:hover {
    background: #FFF
}

nav.right ul li.page_item.page-item-26 a {
    border: none
}

nav.right ul li.current_page_item a {
    background: #11bf6b;
    color: #920d7f
}

footer {
    border-top: 1px solid #CCC;
    margin-top: 1rem;
    font-size: .8rem
}

footer section.address {
    padding: .7rem 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between
}

footer section.address a.logo {
    font-size: 0;
    display: inline-block;
    vertical-align: middle
}

footer section.address a.logo img {
    width: 200px;
    margin-right: 1rem
}

footer section.address div.logo {
    flex-basis: 22%
}

footer section.address dl {
    font-size: .8rem;
    display: inline-block;
    vertical-align: middle
}

footer section.address dl.address {
    flex-basis: 39%
}

footer section.address dl.contact {
    flex-basis: 39%;
    padding-left: 3%
}

footer section.address dl.contact dd.phone {
    font-size: 1.7rem;
    font-family: "Roboto Condensed", "游ゴシック", "Yu Gothic", YuGothic, "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    color: #333;
    margin-bottom: 5px
}

footer section.address dl.contact dd.phone i {
    color: #0D9A57;
    margin-right: 10px;
    display: inline-block
}

footer section.address dl.contact dd.phone a {
    color: #333
}

footer section.address dl.contact dd.mail {
    font-size: 1.7rem;
    font-family: "Roboto Condensed", "游ゴシック", "Yu Gothic", YuGothic, "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    color: #333;
    margin-top: 5px
}

footer section.address dl.contact dd.mail i {
    color: #0D9A57;
    margin-right: 10px;
    display: inline-block
}

footer section.address dl.contact dd.mail a {
    color: #333
}

footer section.footerinfo {
    background: #0D9A57;
    color: #FFF;
    padding: .5rem 0 1.5rem 0
}

footer section.footerinfo ul {
    display: inline-block;
    font-size: 0
}

footer section.footerinfo ul li {
    display: inline-block
}

footer section.footerinfo ul li a {
    color: #FFF;
    font-size: .8rem
}

footer section.footerinfo ul li:not(:last-child):after {
    content: '｜';
    display: inline;
    font-size: .8rem;
    margin: .5rem
}

footer section.footerinfo p {
    font-size: .8rem
}

footer section.footernavi {
    background: #11bf6b;
    padding: 2rem 0
}

footer section.footernavi * {
    color: #FFF
}

footer section.footernavi .sitemap {
    display: inline-block
}

footer section.footernavi .sitemap li.page-item-6686:before {
    content: none !important
}

footer section.footernavi .sitemap li {
    display: inline-block
}

footer section.footernavi .sitemap li:before {
    content: '／'
}

footer section.footernavi .sitemap li a {
    text-decoration: none
}

footer section.footernavi .sitemap li a:hover {
    color: #0D9A57
}

footer section.menu {
    display: none
}

footer dd.sg_caution {
    margin-top: .5rem
}

footer dd.sg_caution a:before {
    content: '※'
}

table.default {
    margin: 1rem 0;
    border: 1px solid #CCC;
    width: 100%
}

table.default th {
    width: 30%;
    border: 1px solid #CCC;
    padding: .5rem 1rem;
    vertical-align: middle;
    background: #EEE
}

table.default td {
    width: 70%;
    border: 1px solid #CCC;
    padding: .5rem 1rem;
    vertical-align: middle
}

table.default-border {
    border: 1px solid #CCC
}

table.default-border th {
    border: 1px solid #CCC;
    background: #EEE;
    vertical-align: middle;
    padding: .5rem 1em
}

table.default-border td {
    border: 1px solid #CCC;
    padding: .5rem 1em
}

table.default_ov {
    width: 100%;
    margin: 30px 0 25px 0
}

table.default_ov tr {
    border-bottom: 1px solid #ccc
}

table.default_ov th {
    padding: 1rem;
    width: 20%;
    text-align: left;
    vertical-align: middle
}

table.default_ov td {
    width: 80%;
    vertical-align: middle
}

img,
iframe {
    max-width: 100%
}

.default_map {
    height: 0;
    overflow: hidden;
    padding-bottom: 34.25%;
    position: relative
}

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

.japan_box {
    display: flex
}

.japan_ov2 {
    width: 700px
}

.japan_ov1 {
    width: 400px
}

p.japan_font {
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    margin: 3rem 0 1rem 0
}

.japan_ov {
    margin: 5rem 0 7rem 0
}

p.japan_contact {
    margin: 0.8rem 0
}

p.japan_time {
    font-size: .6rem
}

.jisseki_tit {
    font-size: 3rem;
    font-weight: bold
}

.jisseki_tit span {
    font-size: 3rem;
    font-weight: bold
}

.gove_box2 img {
    width: 250px;
    position: relative;
    bottom: 24px;
    left: 120px
}

section.gove_oya {
    margin: 250px 0 10px 0
}

.gove_back {
    display: flex;
    background: #25acf5;
    height: 300px;
    margin: 0 -200%;
    padding: 0 200%
}

p.gove_ce {
    font-size: 1.8rem;
    color: #fff;
    padding: 92px 0 31px 89px;
    font-weight: 600
}

.gove_box1 {
    width: 850px
}

.gove_box2 {
    width: 550px
}

.gove_box2 img {
    width: 250px;
    position: relative;
    bottom: 94px;
    left: 92px;
    filter: drop-shadow(1px 4px 6px gray)
}

.message_box {
    display: flex;
    margin: 2rem 0 10rem 0;
    width: 100%
}

p.min_ce {
    font-size: 1.1rem;
    padding: 10px 0 0 50px;
    line-height: 3rem
}

p.message_text {
    font-size: 3.5rem;
    font-weight: 600;
    text-align: center;
    margin: 7rem 0 5rem 0
}

.min_box1 {
    flex-basis: 30%
}

.min_box2 {
    flex-basis: 70%
}

.min_box1-sp {
    display: none
}

p.staff_link {
    margin-top: 1rem
}

p.staff_link a {
    display: block;
    color: #25acf5;
    text-decoration: none;
    padding: .2rem 3rem;
    border: 1px solid #25acf5;
    border-radius: 30px;
    text-align: center;
    font-weight: 600
}

p.staff_link a:hover {
    color: #FFF;
    background-color: #25acf5
}

section.mu_history h2 {
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    border: none
}

section.mu_history h2:before {
    content: 'HISTORY';
    display: block;
    font-size: 3rem;
    padding-bottom: .8rem
}

section.mu_history h2:after {
    background: none
}

.mu_his_list {
    text-align: -webkit-center;
    line-height: 2rem
}

.mu_his_list th {
    padding: 0 .3rem 0 0
}

.mu_his_list table {
    margin: 0 0 1rem 0
}

.mu_his_list p.year {
    font-weight: 600;
    background-color: #034e76;
    color: #FFF;
    display: inline;
    padding: 0.1rem 11rem;
    border-radius: 10px
}

.jisseki_box {
    margin: 2rem 0 4rem 0
}

.jisseki_box div.whats_odk {
    margin: 3rem 0
}

.jisseki_box div.whats_odk p.whats_odk_tit {
    font-size: 1.7rem
}

.jisseki_box div.whats_odk p.whats_odk_txt {
    font-size: .9rem
}

ul.jisseki-table {
    display: table;
    width: 100%;
    max-width: 1000px;
    border-spacing: 30px 10px;
    margin: 0 auto !important;
    padding: 0 !important
}

ul.jisseki-table li {
    display: table-cell;
    background: #EEE;
    text-align: center;
    padding: 30px 0;
    font-size: 1.2rem;
    width: 25%
}

ul.jisseki-table li span {
    display: block;
    font-size: 3rem;
    font-weight: bold;
    margin: 0px;
    font-family: "Roboto Condensed", "游ゴシック", "Yu Gothic", YuGothic, "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif
}

ul.jisseki-table li.kensetsu {
    color: #FFF;
    background: #88631c !important;
    background: linear-gradient(0deg, #88631c 0%, #c39c51 100%) !important
}

ul.jisseki-table li.syokuhin,
ul.jisseki-table li.nougyou {
    background: #43a146 !important;
    background: linear-gradient(0deg, #3a863d 0%, #7caf7e 100%) !important;
    color: #FFF
}

ul.jisseki-table li.yousetsu {
    background: #d48900 !important;
    background: linear-gradient(0deg, #d48900 0%, #ffb121 100%) !important;
    color: #FFF
}

ul.jisseki-table li.kikai,
ul.jisseki-table li.other {
    background: #5d6777 !important;
    background: linear-gradient(0deg, #5d6777 0%, #98a4b9 100%) !important;
    color: #FFF
}

ul.jisseki-table li.kaigo {
    color: #FFF;
    background: #e96b81;
    background: linear-gradient(0deg, #e43151 0%, #ff9eaf 100%)
}

ul.jisseki-table li.denki {
    color: #FFF;
    background: #4283d6;
    background: linear-gradient(0deg, #2c558a 0%, #84a3cc 100%)
}

ul.jisseki-table li.plastic {
    background: #1d898e;
    background: linear-gradient(0deg, #167b80 0%, #2fbdc3 100%);
    color: #FFF
}

ul.jisseki-table li.tosou {
    background: #611d8e;
    background: linear-gradient(0deg, #34263e 0%, #9570ad 100%);
    color: #FFF
}

ul.jisseki-table li.building {
    background: #1d93bf;
    background: linear-gradient(0deg, #1d93bf 0%, #55b0d2 100%);
    color: #FFF
}

ul.jisseki-table li.seni {
    background: #deae1d;
    background: linear-gradient(0deg, #7d4d00 0%, #ea9739 100%);
    color: #FFF
}

p {
    line-height: 2em
}

a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

a img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)"
}

input:focus {
    outline: none
}

input:focus-ring {
    outline: 2px solid blue
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.fl-right {
    float: right
}

.fl-left {
    float: left
}

.nonstyle {
    list-style: none
}

.kome {
    text-indent: -1em;
    margin-left: 1rem
}

.kome:before {
    content: '※';
    margin-right: .5em
}

#wrapper {
    max-width: 1080px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

div.path {
    background: #11bf6b
}

div.path * {
    color: #FFF
}

div.path ol {
    list-style-type: none;
    font-size: 0rem
}

div.path ol li {
    display: inline-block;
    font-size: .8rem
}

div.path ol li.home a:before {
    content: '\f015';
    padding-right: .7rem;
    font-family: "Font Awesome 5 Free";
    font-weight: bold
}

div.path ol li.child a:before,
div.path ol li span.gt:before {
    content: '\f101';
    padding: 0 .7rem;
    font-family: "Font Awesome 5 Free";
    font-weight: bold
}

div.path ol li a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

div.path ol li a,
div.path ol li span.gt {
    display: block;
    padding: .5rem 0em;
    text-decoration: none
}

div.path ol li a span.underline,
div.path ol li span.gt span.underline {
    text-decoration: underline
}

div.path ol li a span.underline:hover,
div.path ol li span.gt span.underline:hover {
    text-decoration: none
}

div.modal-content nav {
    width: 95%;
    max-width: 980px;
    margin: 30px auto
}

div.modal-content nav ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between
}

div.modal-content nav ul li {
    flex-basis: 50%
}

div.modal-content nav ul li a {
    display: block;
    position: relative;
    color: #FFF;
    text-decoration: none;
    border-bottom: 1px solid #FFF;
    margin: 0 1rem 0 0;
    padding: 1rem
}

div.modal-content nav ul li a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: '\f105';
    position: absolute;
    right: 1rem;
    top: 36%
}

div.modal-content nav ul li a:hover {
    background: rgba(255, 255, 255, 0.4)
}

.cf {
    zoom: 1
}

.cf:before {
    content: "";
    display: table
}

.cf:after {
    content: "";
    display: table;
    clear: both
}

.red {
    color: #F00
}

.pa05 {
    padding: .5em
}

.pa1 {
    padding: 1em
}

.ma1000 {
    margin: 1rem 0 0 0 !important
}

.ma1110 {
    margin: 1rem 1rem 1rem 0 !important
}

.ma0111 {
    margin: 0 1rem 1rem 1rem !important
}

.ma1010 {
    margin: 1rem 0 !important
}

.ma0010 {
    margin: 0 0rem 1rem 0rem !important
}

.ma0100 {
    margin: 0 1rem 0rem 0rem !important
}

.ma1011 {
    margin: 1rem 0rem 1rem 1rem !important
}

.ma1111 {
    margin: 1rem !important
}

.ma2000 {
    margin: 2rem 0 0 0 !important
}

.ma3000 {
    margin: 3rem 0 0 0 !important
}

.ma0020 {
    margin: 0 0 2rem 0 !important
}

.ma0030 {
    margin: 0 0 3rem 0 !important
}

.fs8 {
    font-size: .8rem
}

.fs9 {
    font-size: .9rem;
    line-height: 2rem
}

.fs10 {
    font-size: 1rem
}

.fs10 {
    font-size: 1rem
}

.fs11 {
    font-size: 1.1rem
}

.fs12 {
    font-size: 1.2rem
}

.fs13 {
    font-size: 1.3rem
}

.fs14 {
    font-size: 1.4rem
}

.fs15 {
    font-size: 1.5rem
}

.fs16 {
    font-size: 1.6rem
}

.fs17 {
    font-size: 1.7rem
}

.fs18 {
    font-size: 1.8rem
}

.fs19 {
    font-size: 1.9rem
}

.fs20 {
    font-size: 2rem
}

.fs30 {
    font-size: 3rem
}

.fs40 {
    font-size: 4rem
}

.ffnum {
    font-family: "Roboto Condensed", "游ゴシック", "Yu Gothic", YuGothic, "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif
}

.bold {
    font-weight: bold
}

.list-1 {
    counter-reset: number;
    list-style-type: none !important;
    padding: 0.3em 0.8em;
    border: solid 2px #11bf6b;
    background: #eafaff
}

.list-1 li {
    border-bottom: dashed 1px #11bf6b;
    position: relative;
    padding: .5rem .5rem .5rem 2rem;
    line-height: 1.5em
}

.list-1 li:before {
    position: absolute;
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    background: #11bf6b;
    color: white;
    font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
    font-weight: bold;
    font-size: 15px;
    border-radius: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.list-1 li:last-of-type {
    border-bottom: none
}

.list-2 dt {
    font-weight: bold;
    display: inline-block;
    width: 20%;
    padding: 0;
    margin: 0
}

.list-2 dd {
    display: inline-block;
    width: 79%;
    padding: 0;
    margin: 0
}

.block {
    display: block
}

.flex-parent {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between
}

.flex-child-1 {
    flex-basis: 10%
}

.flex-child-2 {
    flex-basis: 20%
}

.flex-child-3 {
    flex-basis: 30%
}

.flex-child-4 {
    flex-basis: 40%
}

.flex-child-5 {
    flex-basis: 50%
}

.flex-child-6 {
    flex-basis: 60%
}

.flex-child-7 {
    flex-basis: 70%
}

.flex-child-8 {
    flex-basis: 80%
}

.flex-child-9 {
    flex-basis: 90%
}

.flex-slider-box {
    background: #e6f3ff
}

.media_gallary {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1rem;
    background: #eafaff
}

.media_gallary dl {
    flex-basis: 33.3%
}

.media_gallary dl dt {
    text-align: center;
    font-size: 1rem;
    font-weight: bold
}

.media_gallary dl dd {
    line-height: 1.3rem;
    margin: 0 1rem 1rem 1rem
}

.media_gallary dl dd img {
    margin: .5rem 0;
    width: 100%;
    height: 200px;
    object-fit: cover;
    box-shadow: #e9e9e9 2px 2px 9px
}

.modal-content {
    padding: 70px 0 0 0
}

.modal-content form {
    text-align: center;
    width: 95%;
    max-width: 980px;
    margin: 30px auto;
    font-size: 0
}

.modal-content form input.txt {
    padding: 1rem;
    width: 80%;
    border: none;
    background: rgba(255, 255, 255, 0.7)
}

.modal-content form input.button {
    width: 19%;
    padding: 1rem;
    border: none;
    margin-left: 1%;
    background: black;
    color: #FFF;
    font-family: "Font Awesome 5 Free";
    font-weight: bold
}

.close-animatedModal .close-button {
    padding: 2rem 0;
    text-align: center;
    color: #FFF;
    font-size: 2rem;
    cursor: pointer
}

.headimg {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    left: 50%;
    transform: translateX(-50%)
}

.headimg .head {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    height: 300px;
    display: table-cell;
    vertical-align: middle;
    color: #FFF;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    padding: 0;
    margin: 0;
    text-shadow: 0 0 9px #000
}

.headimg .head h1 {
    font-size: 2.5rem;
    letter-spacing: 3px
}

.headimg .head p {
    max-width: 1080px;
    margin: auto;
    font-size: .9rem
}

.alert {
    background: #ffdb72;
    display: block;
    width: 100%;
    padding: 1rem
}

.alert:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: '\f071';
    color: #ff8401;
    padding-right: .5rem
}

.comment {
    background: #eafaff;
    display: block;
    width: 100%;
    padding: 1rem
}

.comment_tit:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: '\f05a';
    color: #4aa5f5;
    padding-right: .5rem;
    vertical-align: middle;
    font-size: 1.5rem
}

.comment_txt {
    background-color: white;
    padding: .1rem 1.5rem
}

.comment_list {
    counter-reset: number;
    list-style-type: none !important
}

.comment_list li {
    border-bottom: dashed 1px #11bf6b;
    position: relative;
    padding: .5rem .5rem .5rem 2rem;
    line-height: 1.5em
}

.comment_list li:before {
    position: absolute;
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    background: #11bf6b;
    color: white;
    font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
    font-weight: bold;
    font-size: 15px;
    border-radius: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.comment_list li:last-of-type {
    border-bottom: none
}

section.seminar_info a {
    background-color: #11bf6b;
    color: #FFF;
    text-decoration: none;
    padding: 1rem 2rem;
    border-radius: 10px;
    font-size: 1.5rem;
    border-bottom: 4px solid #0f6796;
    display: inline-block
}

section.seminar_info a:hover {
    opacity: .7
}

section.seminar_info th {
    border: 1px #CCC solid;
    vertical-align: middle;
    background-color: #f1f1f1;
    padding: .5rem 0
}

section.seminar_info td {
    vertical-align: middle;
    border: 1px #CCC solid;
    padding: .5rem 0 .5rem .7rem
}

section.seminar_info td p {
    margin: 1rem 0 !important
}

section.seminar_info td p span {
    font-size: 1.1rem;
    padding-left: .5rem;
    display: block;
    color: #005fb3
}

section.speaker_info {
    display: flex;
    width: 100%;
    margin: 1rem 0
}

section.speaker_info .speaker_img {
    flex-basis: 30%
}

section.speaker_info .speaker_career {
    flex-basis: 70%
}

section.speaker_info .speaker_career p {
    margin: 1rem 0 !important
}

section.speaker_info .speaker_career table {
    margin-left: .7rem;
    font-size: .7rem
}

section.speaker_info .speaker_career table th {
    text-align: right;
    border-bottom: 1px #CCC dotted;
    padding: .2rem 1rem .2rem 0
}

section.speaker_info .speaker_career table td {
    border-bottom: 1px #CCC dotted;
    padding: .2rem 0
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.list_underlayer {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between
}

.list_underlayer span.syokusyu {
    display: inline-block;
    font-size: .7rem;
    margin: 5px 0
}

.list_underlayer a.kaigo {
    border-bottom: #ff8ca0 3px solid
}

.list_underlayer a.syokuhin {
    border-bottom: orange 3px solid
}

.list_underlayer a.seizou {
    border-bottom: steelblue 3px solid
}

.list_underlayer a.syukuhaku {
    border-bottom: #57b35b 3px solid
}

.list_underlayer a.kensetsu {
    border-bottom: 3px solid #a56d2a
}

.list_underlayer a.cleaning {
    border-bottom: 3px solid #008dff
}

.list_underlayer a.rinen {
    border-bottom: 3px solid #e2e22c
}

.list_underlayer a.gijyutsu {
    border-bottom: 3px solid #fd3939
}

.list_underlayer a.jinbun {
    border-bottom: 3px solid #0D9A57
}

.list_underlayer a.tsuuyaku {
    border-bottom: 3px solid #81bf22
}

.list_underlayer a.other {
    border-bottom: 3px solid #CCC
}

.list_underlayer h2 {
    width: 100%
}

.list_underlayer dl,
.list_underlayer ul {
    list-style-type: none
}

.list_underlayer dl dt a,
.list_underlayer dl li a,
.list_underlayer ul dt a,
.list_underlayer ul li a {
    font-size: 1rem;
    display: block;
    padding: 1rem;
    margin: 0;
    text-align: left;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    border: 1px solid #CCC
}

.list_underlayer dl dt a:hover,
.list_underlayer dl li a:hover,
.list_underlayer ul dt a:hover,
.list_underlayer ul li a:hover {
    color: #0D9A57;
    background: #EEE
}

.list_underlayer dl dt a:before,
.list_underlayer dl li a:before,
.list_underlayer ul dt a:before,
.list_underlayer ul li a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    padding-right: .5rem;
    font-size: 1rem;
    content: '\f0da'
}

.list_underlayer dl dt a img,
.list_underlayer dl li a img,
.list_underlayer ul dt a img,
.list_underlayer ul li a img {
    width: 100%;
    object-fit: cover;
    height: 120px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.list_underlayer dl dt a span,
.list_underlayer dl li a span,
.list_underlayer ul dt a span,
.list_underlayer ul li a span {
    text-decoration: none
}

.list_underlayer dl dt a span:before,
.list_underlayer dl li a span:before,
.list_underlayer ul dt a span:before,
.list_underlayer ul li a span:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold
}

.list_underlayer dl dd,
.list_underlayer ul dd {
    line-height: 1.4rem;
    padding-top: .25rem
}

.list_underlayer .list_3 {
    flex-basis: 31.3%;
    margin: .5rem 1%
}

.seminar {
    position: absolute;
    right: 10px;
    z-index: 100
}

.entry2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.entry2 p {
    margin: 20px
}

.country {
    flex-basis: 50%;
    padding: 0px 30px 50px 30px
}

.country ol {
    margin: 15px 10px 0px 30px
}

.country ol li {
    font-size: 1rem;
    line-height: 2rem
}

figure.sp_notkaigo {
    display: none
}

figure.sp_yeskaigo {
    display: none
}

figure.flow_spk {
    display: none
}

section.consult_box {
    text-align: center;
    margin: 4rem 0
}

p.consult_free {
    font-size: 1.5rem;
    font-weight: 600;
    color: white;
    background-color: #50B446;
    display: inline;
    padding: 0.5rem 1rem;
    margin: 1rem
}

p.consult_sub {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 1.3rem 0 -1rem 0
}

p.consult_tit {
    font-size: 3rem;
    font-weight: 600
}

.consult_list {
    column-count: 2;
    margin: 1rem 0 3rem 0
}

.consult_bt {
    border: 1px #50B446 solid
}

section.consult_box div.syoukai a {
    text-decoration: none
}

.syoukai_box {
    background-color: #E3FECF;
    display: flex;
    flex-wrap: wrap
}

.syoukai_box div.syoukai_l {
    flex-basis: 30%;
    max-width: 30%;
    background-image: url(https://www.myanmarunity.jp/wp-content/uploads/2020/02/ribon_ukeire.png);
    background-repeat: no-repeat;
    background-size: auto;
    padding: 2.5rem;
    background-position: center;
    font-size: 1.2rem;
    color: #FFF;
    font-weight: bold
}

.syoukai_box div.syoukai_r {
    flex-basis: 70%;
    max-width: 70%;
    padding: 1rem;
    text-align: left;
    font-size: 1rem;
    font-weight: bold;
    color: #1c7111
}

.syoukai_box div.syoukai_r span {
    font-size: 2.1rem;
    margin-right: 1rem
}

section.clm_ct {
    background: #E0F3FE;
    width: 100%;
    text-align: center;
    padding: 1rem;
    margin: 2rem 0
}

.clm_ct_box {
    display: flex;
    width: 100%;
    margin-bottom: 1.5rem;
    justify-content: space-between
}

.hiromitoiawase {
    position: relative;
    height: 109px;
}

img.hiromi.lazyloaded {
    position: absolute;
    top: -66%;
}

p.clm_ct {
    margin: 1rem 0 !important;
    font-size: 1.8rem !important;
    text-align: left;
    color: #004971
}

.clm_ct_item {
    flex-basis: 49%;
    background-color: #FFF;
    box-shadow: #0f5d8a1a 5px 5px 8px 0px
}

.clm_ct_item p {
    color: #FFF;
    margin: 0 !important;
    padding: .5rem 0;
    font-size: 1rem
}

.it_end p {
    background-color: #0D9A57
}

.it_jnzi p {
    background-color: #50b446
}

.clm_ct_item ul {
    margin: 1.5rem !important
}

li.clm_ct_list {
    list-style-type: none;
    border-radius: 10px;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    position: relative;
    transition: 0.2s
}

li.clm_ct_list:hover {
    opacity: 0.7
}

li.clm_ct_list a {
    text-decoration: none;
    padding: 1rem;
    display: block;
    border-radius: 10px
}

li.end1 a {
    color: #0D9A57;
    border: 1px solid #0D9A57
}

li.end1:before {
    content: '';
    background-image: url(https://www.myanmarunity.jp/wp-content/uploads/2019/11/tri_blwh.png);
    background-size: contain;
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    position: absolute;
    top: 1.4rem;
    left: 20px
}

li.end2 a {
    border: 1px solid #0D9A57;
    color: #FFF;
    background-color: #0D9A57
}

li.end2:before {
    content: '';
    background-image: url(https://www.myanmarunity.jp/wp-content/uploads/2019/11/tri_whbl.png);
    background-size: contain;
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    position: absolute;
    top: 1.4rem;
    left: 20px
}

li.jnzi1 a {
    color: #50b446;
    border: 1px solid #50b446
}

li.jnzi1:before {
    content: '';
    background-image: url(https://www.myanmarunity.jp/wp-content/uploads/2019/10/tri_grwh.png);
    background-size: contain;
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    position: absolute;
    top: 1.4rem;
    left: 20px
}

li.jnzi2 a {
    border: 1px solid #50b446;
    color: #FFF;
    background-color: #50b446
}

li.jnzi2:before {
    content: '';
    background-image: url(https://www.myanmarunity.jp/wp-content/uploads/2019/10/tri_whgr.png);
    background-size: contain;
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    position: absolute;
    top: 1.4rem;
    left: 20px
}

.to-top {
    position: fixed;
    bottom: 150px;
    right: 10px;
    display: none;
    text-align: center
}

.to-top a {
    display: block;
    padding: 10px;
    background: #4aa5f5;
    color: #FFF;
    text-decoration: none;
    border-bottom: 2px solid #fff
}

a.to-top {
    /* position: absolute; */
    /* bottom: -80px; */
    /* border-radius: 100px; */
}

.to-top a:last-child {
    border-bottom: none
}

.to-top a:hover {
    background: #0D9A57
}

.to-top i {
    color: #FFF;
    font-size: 25px;
}

.to-top span {
    display: block;
    font-size: 11px;
    line-height: 1rem;
    margin-top: 5px;
    font-weight: bold
}

a.otoiawase {
    /* border-bottom: none; */
}

a.page_top {
    padding: 7px;
    border-radius: 30px;
    margin-top: 10px;
    width: 50%;
    float: right;
    background-color: #014480
}

@media screen and (max-device-width: 767px) {
    html {
        -webkit-text-size-adjust: 100%;
        font-weight: normal
    }

    nav#gnav {
        display: none
    }

    html * {
        overflow-x: hidden !important;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
    }

    header {
        margin-top: 65px
    }

    header .header_area .left,
    header .header_area2 .left {
        flex-basis: 100%;
        padding: 0 .5rem;
        display: table;
        text-align: center
    }

    header .header_area .left div.logo_area div.award_img,
    header .header_area2 .left div.logo_area div.award_img {
        flex-basis: 50%;
        max-width: 50%
    }

    header .header_area .left div.logo_area div.award_img img,
    header .header_area2 .left div.logo_area div.award_img img {
        width: 80px;
        float: left;
        margin: .5rem
    }

    header .header_area .left a.logo,
    header .header_area2 .left a.logo {
        display: table-cell;
        width: 100%
    }

    header .header_area .left a.logo img,
    header .header_area2 .left a.logo img {
        margin: 10px 0;
        width: 150px
    }

    header .header_area .left p.site-description,
    header .header_area2 .left p.site-description {
        display: none
    }

    header .header_area .right,
    header .header_area2 .right {
        flex-basis: 100%
    }

    header .header_area .right ul,
    header .header_area2 .right ul {
        display: none
    }

    header .header_area .right form,
    header .header_area2 .right form {
        width: 100%
    }

    header .header_area .right2,
    header .header_area2 .right2 {
        display: none
    }

    nav.top {
        display: none
    }

    main {
        width: 90%;
        margin: auto 5%
    }

    main article,
    main aside {
        flex-basis: 100% !important
    }

    main article {
        margin: auto 3% 1rem
    }

    main article h1 {
        font-size: 1.5rem
    }

    main article h2 {
        font-size: 1.3rem;
        overflow: hidden
    }

    main article h2:after {
        background: none;
        overflow: hidden
    }

    main article h3 {
        font-size: 1.2rem
    }

    main article h4 {
        font-size: 1.1rem
    }

    main aside {
        margin: auto
    }

    main .sp-box {
        width: 90% !important;
        margin-left: 5% !important;
        margin-right: 5% !important
    }

    footer section.address {
        display: block !important;
        text-align: center
    }

    footer section.address dl {
        font-size: .7rem
    }

    footer section.footernavi {
        padding: 0 !important
    }

    footer section.footernavi .sitemap {
        margin: 0 !important;
        padding: 0 !important;
        display: block
    }

    footer section.footernavi .sitemap li {
        display: block;
        text-align: left;
        margin: 0;
        padding: 0
    }

    footer section.footernavi .sitemap li:before {
        display: none
    }

    footer section.footernavi .sitemap li a {
        display: block;
        border-bottom: 1px solid #3db1ef;
        padding: .5rem 1rem
    }

    footer section.footernavi .sitemap li a:before {
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        padding-right: .5rem;
        content: '\f0da'
    }

    footer section.footerinfo {
        height: 140px;
        text-align: center
    }

    footer section.menu {
        display: block;
        z-index: 2;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        font-size: 0
    }

    footer section.menu ul {
        display: table;
        width: 100%
    }

    footer section.menu ul li {
        display: table-cell;
        width: 25%;
        vertical-align: middle
    }

    footer section.menu a,
    footer section.menu button {
        color: #FFF;
        background: #0D9A57;
        text-decoration: none;
        display: block;
        width: 100%;
        text-align: center;
        padding: 8px 0;
        border: none;
        font-size: 0
    }

    footer section.menu a:hover,
    footer section.menu button:hover {
        background: #11bf6b
    }

    footer section.menu a span,
    footer section.menu button span {
        font-size: .7rem;
        display: block;
        padding-top: 1px
    }

    footer section.menu a i,
    footer section.menu button i {
        display: block !important;
        font-size: 1.3rem;
        padding: 0;
        font-weight: bold
    }

    div.modal-content nav {
        width: 100%;
        margin: 0
    }

    div.modal-content nav ul li {
        flex-basis: 100%
    }

    div.modal-content nav ul li a {
        margin: 0;
        font-size: .8rem
    }

    div.path {
        padding: .5rem;
        margin-bottom: .5rem;
        overflow-x: scroll !important;
        width: 100vw
    }

    div.path ol li a,
    div.path ol li span.gt {
        padding: 0;
        font-size: .7rem
    }

    iframe.typesquare_tags {
        width: 100%;
        height: auto
    }

    table.default {
        border: 0
    }

    table.default tr:first-child {
        border-top: 1px solid #CCC
    }

    table.default th {
        border-top: 0 !important;
        border-bottom: 0 !important
    }

    table.default tr,
    table.default th,
    table.default td {
        display: block;
        width: 100%
    }

    header .owned-media {
        height: auto
    }

    .header_mobile {
        display: table !important;
        width: 100vw;
        height: 65px;
        margin: auto;
        position: fixed;
        z-index: 2;
        background: #FFF;
        left: 0;
        top: 0
    }

    .header_mobile div {
        display: table-cell;
        vertical-align: middle
    }

    .header_mobile .logo_m {
        font-size: 0;
        padding: 0;
        width: 50vw;
        text-align: left
    }

    .header_mobile .logo_m img {
        max-width: 85%;
        max-height: 5vh
    }

    .header_mobile .award {
        width: 12%
    }

    .header_mobile .menu_m {
        width: 14vw;
        text-align: center
    }

    .header_mobile .menu_m button {
        padding: 0;
        background: transparent;
        border: none;
        color: #444
    }

    .header_mobile .menu_m i {
        display: block;
        font-weight: bold;
        font-size: 1.3rem
    }

    .header_mobile .menu_m span {
        font-size: .7rem
    }

    .header_mobile .menu_m a {
        text-decoration: none;
        color: #444
    }

    .drawer_close {
        text-align: right;
        border-bottom: 1px solid #000
    }

    .drawer_close button {
        padding: 10px 20px;
        border: none;
        background: transparent
    }

    .drawer_close button i {
        font-weight: bold;
        font-size: 1.5rem;
        color: #FFF
    }

    .drawer-nav a {
        color: #FFF !important;
        border-bottom: 1px solid #000 !important
    }

    form.drawer_search {
        text-align: center;
        padding: 20px 10px
    }

    form.drawer_search .placeholder {
        background: rgba(255, 255, 255, 0.7);
        border: none;
        padding: 5px 10px;
        width: 80vw;
        height: 2rem
    }

    form.drawer_search .button {
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        background: rgba(255, 255, 255, 0.7);
        width: 10vw;
        border: none;
        height: 2rem
    }

    .fl-left,
    .fl-right {
        float: none;
        font-size: .7rem !important
    }

    .pa1,
    .ma0111 {
        padding-right: 0;
        padding-left: 0;
        margin-left: 0;
        margin-right: 0
    }

    .flex-parent {
        display: block !important
    }

    .scroll ol {
        display: block;
        overflow: auto !important;
        word-break: keep-all;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }

    div.path * {
        color: #737373
    }

    div.path {
        background-color: #f3f3f3
    }

    .modal-content {
        padding: 0rem .5rem !important
    }

    .modal-content form input.button,
    .modal-content form input.txt {
        height: 3rem;
        border-radius: 0
    }

    .media_gallary {
        padding: 0
    }

    .media_gallary dl {
        flex-basis: 46%;
        margin: 2%
    }

    .media_gallary dl dd {
        margin: 0
    }

    .list_underlayer dl {
        flex-basis: 100% !important;
        margin: 1rem 0 0 0 !important
    }

    .list_underlayer dt,
    .list_underlayer dd {
        margin: 0
    }

    .fs9 {
        line-height: 1.7rem
    }

    .headimg {
        position: static;
        left: 0;
        transform: translateX(0);
        width: 100%;
        margin: -.5rem 0 0 0
    }

    .headimg .head {
        height: auto;
        background: none !important;
        text-shadow: none;
        color: #000;
        position: static;
        transform: translateX(0);
        max-width: 100% !important;
        width: 100% !important
    }

    .headimg .head h1 {
        font-size: 1.5rem;
        letter-spacing: 0;
        text-align: left;
        margin: 0;
        padding: .5rem 0
    }

    .headimg .head p {
        padding: 0;
        font-size: .8rem;
        text-align: left;
        line-height: 1.5em
    }

    table.kani-handan th,
    table.kani-handan td,
    table.kani-handan p,
    table.kani-handan ul,
    table.kani-handan li,
    table.kani-handan a {
        font-size: 12px !important;
        width: auto !important;
        padding: 3px 10px !important;
        margin: 0 !important
    }

    .owned-media:before {
        display: none
    }

    .owned-media:after {
        height: 307px !important;
        width: 100% !important
    }

    .owned-media-box {
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
        background: #000 !important
    }

    .inner-wrapper-sticky {
        display: none
    }

    .owned-media-left {
        flex-basis: 100% !important;
        display: block !important;
        width: 100% !important;
        padding: 1rem
    }

    .owned-media-right {
        flex-basis: 100% !important;
        display: block !important;
        width: 100% !important;
        padding: 0 1rem
    }

    .owned-media-right ul {
        text-align: center
    }

    .owned-media-right ul li a {
        padding: 0 .5rem !important;
        margin: 0 !important
    }

    .home section.t-news .flex-parent {
        padding-bottom: 4rem;
        min-height: auto
    }

    section.index ol {
        padding: 0;
        list-style-position: inside
    }

    section.slider-wrap,
    .slider-box {
        display: none
    }

    section.top-head.t-news {
        margin: 0
    }

    ul.jisseki-table {
        border-spacing: 10px
    }

    ul.jisseki-table li {
        font-size: .8rem;
        padding: 10px
    }

    ul.jisseki-table li span {
        font-size: 2rem
    }

    .movie-child {
        flex-basis: 50% !important
    }

    .douga_box {
        display: block
    }

    section.douga_detail {
        display: block;
        width: 100%
    }

    section.douga_detail iframe {
        height: 200px;
        width: 100%
    }

    section.douga_list {
        display: block;
        width: 100%
    }

    .jisseki_tit {
        font-size: 2.1rem
    }

    .jisseki_tit span {
        display: block;
        font-size: 2.1rem;
        line-height: 2.1rem;
        margin-bottom: 2rem
    }

    .jisseki_box {
        margin: 0 0 1rem 0
    }

    p.consult_free {
        font-size: 1.2rem;
        padding: 0.5rem 1rem
    }

    p.consult_sub {
        font-size: 0.8rem;
        margin: 1.3rem 0 -0.5rem 0
    }

    p.consult_tit {
        font-size: 1.9rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        margin-right: 9rem;
        webkit-line-clamp: 2;
        webkit-box-orient: vertical;
    }

    .consult_list {
        column-count: 1;
        margin: 1rem 0 2rem 0
    }

    .consult_bt {
        margin-bottom: 1rem
    }

    .syoukai_box {
        padding: 1rem .5rem
    }

    .syoukai_box div.syoukai_l {
        flex-basis: 100%;
        max-width: 100%;
        background-size: contain;
        padding: 1rem
    }

    .syoukai_box div.syoukai_r {
        flex-basis: 100%;
        max-width: 100%;
        padding: 1rem 0 0;
        font-size: .75rem;
        text-align: center
    }

    .syoukai_box div.syoukai_r span {
        margin: 0;
        font-size: 1.5rem;
        font-weight: bold;
        display: block
    }

    .country {
        flex-basis: 100%;
        padding: 0
    }

    .country ol {
        list-style-position: inside;
        margin: 1rem
    }

    .country ol li {
        font-size: .9rem
    }

    .default_map {
        padding-bottom: 89.25%
    }

    table.default_ov th {
        padding: 0.5rem;
        width: 29%
    }

    table.default_ov td {
        width: 71%;
        padding: 0.5rem
    }

    p.japan_font {
        font-size: 1.5rem;
        text-align: left;
        margin: 0.5rem 0 0 0
    }

    .japan_ov {
        margin: 3rem 0 1rem 0
    }

    .japan_box {
        display: block
    }

    .japan_ov1 {
        width: 100%
    }

    .japan_ov2 {
        width: 100% !important
    }

    span.japan_br {
        display: block
    }

    .gove_back {
        display: block;
        height: 600px;
        text-align: center
    }

    section.gove_oya {
        margin: 50px 0 10px 0
    }

    .gove_box1 {
        width: 100%;
        text-align: center
    }

    p.gove_ce {
        font-size: 1.1rem;
        padding: 62px 0 28px 0
    }

    .gove_box2 {
        width: 100%;
        padding: 10px 0
    }

    .gove_box2 img {
        width: 250px;
        position: static
    }

    section.consult_box {
        margin: 2.5rem 0
    }

    .min_box1 {
        display: none
    }

    .min_box1-sp {
        display: block;
        text-align: center
    }

    .message_box {
        display: block;
        margin: 2rem 0 3rem 0
    }

    p.min_ce {
        font-size: 1rem;
        width: 100%;
        padding: 20px 0;
        line-height: 2rem
    }

    p.message_text {
        font-size: 2rem;
        margin: 5rem 0 1rem 0
    }

    p.staff_link {
        text-align: center
    }

    p.staff_link a {
        padding: .2rem 1rem;
        color: #FFF;
        background: #25acf5;
        box-shadow: #b1b1b1 2px 2px 5px 0px
    }

    .mu_his_list p.year {
        display: -webkit-box;
        padding: 0;
        text-align: -webkit-center
    }

    .mu_his_list table {
        margin: .5rem 0 1rem 0
    }

    .mu_his_list th {
        width: 3rem
    }

    .staff1.cf {
        margin: 0 !important
    }

    .staff_img {
        float: none !important;
        margin: 0 !important;
        padding: 0 !important
    }

    .staff_img img {
        width: 100% !important
    }

    .staff1 .staff_band {
        border-left-width: 20px !important
    }

    .staff2 .staff_band {
        border-right-width: 20px !important
    }

    .staff3.cf {
        margin: 0 !important;
        width: 100% !important
    }

    .staff3 .box_intro p {
        position: static !important;
        width: 100% !important;
        padding: 0.5rem !important;
        font-size: 1rem !important
    }

    .staff3 .box_band {
        position: static !important;
        border-left-width: 20px !important
    }

    .staff4 .box_band {
        position: static !important;
        border-right-width: 20px !important
    }

    .staff4 .box_intro p {
        position: static !important;
        width: 100% !important;
        padding: 0.5rem !important;
        font-size: 1rem !important
    }

    .staff4.cf {
        margin: 0 !important;
        width: 100% !important
    }

    figure.flow_pck {
        display: none
    }

    figure.flow_spk {
        display: block
    }

    figure.media_notkaigo {
        display: none
    }

    figure.sp_notkaigo {
        display: block
    }

    figure.madia_yeskaigo {
        display: none
    }

    figure.sp_yeskaigo {
        display: block
    }

    section.seminar_info a {
        padding: 0rem 1rem;
        font-size: 1rem;
        border-radius: 5px;
        border-bottom: none
    }

    section.seminar_info th {
        font-size: .7rem
    }

    section.seminar_info td {
        font-size: .9rem
    }

    section.seminar_info td p {
        font-size: .7rem !important
    }

    section.seminar_info td p span {
        font-size: 1rem;
        font-weight: 600
    }

    section.speaker_info {
        display: block
    }

    section.speaker_info .speaker_img {
        width: 50%;
        margin: 0 auto
    }

    section.speaker_info .speaker_career p {
        text-align: center;
        font-weight: 600
    }

    section.speaker_info .speaker_career table {
        margin: 0
    }

    section.speaker_info .speaker_career table th {
        text-align: left;
        width: 30%;
        padding: .2rem .5rem .2rem 0
    }

    section.speaker_info .speaker_career table td {
        width: 70%
    }

    li.f-level1,
    li.f-level2 {
        position: relative
    }

    li.f-level1 a,
    li.f-level2 a {
        display: block;
        text-align: left;
        border-bottom: 1px solid #CCC;
        padding: .5rem 0 .5rem 1rem;
        font-size: .9rem;
        color: #333;
        text-decoration: none
    }

    li.f-level1 a:before,
    li.f-level2 a:before {
        content: '\f0da';
        padding-right: .5rem;
        font-family: "Font Awesome 5 Free";
        font-weight: bold
    }

    ul.f-level2 {
        display: none;
        background: #444;
        padding: .5rem 0
    }

    li.f-level2 a {
        font-size: .8rem;
        border: none;
        padding: .25rem 0 .25rem 2rem
    }

    span.f-leveldown {
        position: absolute;
        height: 36px;
        right: 0;
        padding: 0 15px 0 25px;
        line-height: 36px;
        z-index: 9;
        top: 0;
        cursor: pointer
    }

    p.clm_ct {
        font-size: 1rem !important;
        font-weight: 600
    }

    img.hiromi.lazyloaded {
        height: 110px;
        position: absolute;
        top: -3%;
    }

    img.hiromiside.ls-is-cached.lazyloaded {
        position: absolute;
        top: -6%;
    }

    .clm_ct_box {
        display: block
    }

    .clm_ct_item {
        margin-bottom: 1rem
    }

    .clm_ct_item p {
        font-weight: 600;
        font-size: .9rem !important
    }

    .clm_ct_item ul {
        margin: 1.5rem 1.5rem .5rem !important
    }

    ul.page-numbers li {
        flex-basis: 35px
    }

    .to-top {
        bottom: 0;
        right: 0;
        display: flex !important;
        width: 100%
    }

    .to-top a {
        padding: 10px 5px;
        flex-basis: 29%;
        border-bottom: none;
        border-right: 1px solid #fff
    }

    .to-top span {
        margin-top: 0
    }

    .to-top i {
        font-size: 1.5rem
    }

    a.page_top {
        border-radius: 0;
        margin-top: 0;
        flex-basis: 13%
    }
}

@media print {

    header,
    aside,
    main article h2:after,
    .footernavi .fl-left {
        display: none
    }

    main,
    article {
        width: 100vw !important;
        max-width: 100vw !important
    }

    main {
        display: block
    }

    footer section.footernavi {
        background: #000;
        color: #FFF
    }

    .footernavi .fl-right {
        float: none;
        text-align: center
    }
}

/*2024 10 30*/

#top_main_banner {
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: center;
    max-width: 90%;
    margin: 30px auto;
    height: 400px;
}

#top_main_banner a {
    display: block;
    height: 100%;
    margin: 30px 0;
    width: fit-content;
}

#top_main_banner a img {
    display: block;
    width: 100%;
    max-height: 100%;
    object-fit: contain;
}

#top_main_banner a img.new_book_link.sp {
    display: none;
}

@media screen and (max-width:1650px) {
    #top_main_banner {
        height: 24.39vw;
    }
}

@media screen and (max-width:1000px) {
    #top_main_banner a img.new_book_link.pc {
        display: none;
    }

    .new_book_link.sp {
        display: block;
    }

    #top_main_banner a img.new_book_link.sp {
        display: block;
    }
}

@media screen and (max-width:1070px) {
    .home section.sns .sns-child {
        flex-basis: 100%;
        padding: 0 2%;
        margin-bottom: 20px;
    }

    .home section.sns .sns-child iframe {
        max-width: 95%;
        margin: 20px auto;
        display: block;
    }

    .fb_iframe_widget>span {
        max-width: 100%;
    }
}

@media screen and (max-width:850px) {
    #top_main_banner {
        display: block;
        height: fit-content;
    }

    #top_main_banner a {
        margin: 30px auto;
    }
}

/*記事一覧ページ用*/
.kiji_btn {
    cursor: pointer;
    background-color: #e3f2ff;
    display: block;
    padding: 10px;
}

.kiji_btn,
.kiji_btn span {
    font-weight: bold;
}

.kiji_btn span {
    font-size: 13px;
}

.kiji_btn span {
    display: block;
    margin: 5px 0;
}

.kiji_list_page li {
    margin-bottom: 5px;
}

.kiji_list_page li div {
    display: none;
}

.kiji_list_page {
    margin-top: 40px;
}

.close_btn {
    display: block;
    background-color: #000;
    color: #fff;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
}

.kiji_list_page h2 {
    border-left: solid 5px #008dff;
    padding-left: 10px;
    margin-bottom: 10px;
}

.kiji_list_page h3 {
    border-bottom: solid 2px #009688;
    margin-bottom: 10px;
}

.kiji_list_page h4 {
    color: #009688;
}

.kiji_list_page p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5em;
}

/*20241223*/
.clm_ct_box {
    display: block;
    margin-bottom: 0;
}

.clm_ct_item {
    padding: 20px 0;
}

.single aside .side_clm_ct_item {
    padding-bottom: 0;
}

.single aside .side_clm_ct_item ul {
    padding: 20px 0 !important;
}

.single aside .side_clm_ct_item ul li:last-of-type {
    margin-bottom: 0;
}

.home section.sns {
    margin-bottom: 20px;
}