/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 6, 2018, 11:45:10 PM
    Author     : mariani
*/
#mapid {
    clear: both; width:100%; height:400px;
}

body{
    font-family: 'MS PGothic', 'ＭＳ Ｐゴシック', 'メイリオ', Meiryo, sans-serif;
    background-color: white;
    margin: 0;
}
.layout-wrapper.layout-slim .layout-main {
    margin-left: 0!important;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover {
    background-color: #1a3a88;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border-color: #1a3a88;
    background-color: #1a3a88;
    color: #ffffff;
}
body .ui-button {
    border: 0px solid #d8efe9;
    border-radius: 3px;
}
body p{
    color:#2d3435;
}
.content{
    width: 100%;
}
.wrapper90vw{
    width: 90vw;
    margin: auto auto;
}
.no-padding{
    padding: 0;
}
.no-margin{
    margin: 0;
}
.no-marginTop{
    margin-top: 0!important;
}
.with-padding{
    padding-left: 1em;
    padding-right: 1em;
}
.with-padding3-5{
    padding-left: 5em;
    padding-right: 5em;
    padding-top:3em;
}
.with-padding3-5-3{
    padding-left: 5em;
    padding-right: 5em;
    padding-top:3em;
    padding-bottom: 3em;
}
.with-padding1-5-1{
    padding-left: 5em;
    padding-right: 5em;
    padding-top:1em;
    padding-bottom: 1em;
}
.t-margin5{
    margin-top:5em;
}
/*code for all text*/
.white-text{
    color:#fff!important;
}
.normal-text{
    text-align: justify;
    font-size: 15px;
    line-height: 1.5em;
}
.normal-text-left{
    text-align: left;
    font-size: 15px;
    line-height: 1.5em;
}
.f-left{
    float: left!important;
}
.m-top-3em{
    margin-top: 3em;
}
.centered-text{
    text-align: center;
}
.img-white-logo{
    width: 60%;
}
.img-top-course{
    width: 100%;
    display:none;
}
.top-course{
    margin-top: 38em!important;
}
.course-text{
    text-align: left;
    font-size: 1.5em;
    padding-left: 1em;
}
.login-ttl-text{
    text-align: left;
    font-size: 1.7em;
    text-align: center;

}
.bold-text{
    font-weight: bold;
}
.box
{
    position: relative;
}

.box div.text
{
    position: absolute;
    width: 100%;
    left: 0; 
    top: calc(50% - 25px); 
    text-align: center; 
    color: #393939; 
    font-weight: bold; 
    font-size: 3.0em;
    line-height: 2.0em;
}
.big-text-index
{
    position: absolute;
    width: 100%;
    left: 0; 
    top: 12em; 
    text-align: center; 
    color: #fff; 
    font-weight: bold; 
    font-size: 1.5em;
    line-height: 2em;
}
.big-text-index p{
    margin-bottom: 0;
    margin-top: 0;
    color: white;
}
.w100{
    width: 100%;
}

.subtitle-big-text-index{
    font-family: Helvetica;
    color: #a98d3e;
    font-size: 20px;
    line-height: 1em;
}
.text-centered-vertically{
    display: table-cell;
    vertical-align: middle;
}
.content-wrapper{
    margin-top: 3em;
}
.public-wrapper{
    margin-bottom: 3em;
    margin-top: 3em;
}
.item-inside-wrapper{
    margin-bottom: 3em;
}

.h1-ttl{
    font-weight: 500;
    line-height: 1.5em;
    text-align: justify;
}
.h1-ttl-underline{
    font-weight: 500;
    line-height: 1.5em;
    text-align: justify;
    border-bottom: #fff 2px solid;

}
.h2-title-blue{
    border-bottom: #f2f2f2 2px solid;
    color: #3853a8;
    font-weight: bold;
    line-height: 2em;
}
.h2-title-black{
    border-bottom: #f2f2f2 2px solid;
    color: #000;
    font-weight: bold;
    line-height: 2em;
    text-align: justify;
}
.h2-title-black-no-underline{
    color: #000;
    font-weight: bold;
    line-height: 1em;
    text-align: justify;
}
.h2-title-white-no-underline{
    color: #fff;
    font-weight: bold;
    line-height: 1em;
    text-align: justify;
}
.h3-title-underline{
    border-bottom: #f2f2f2 2px solid;
    color: #000000;
    font-weight: bold; 
    font-size: 1.3em;
    line-height: 2em;
}
.h3-title-no-underline{
    color: #000000;
    font-weight: bold; 
    font-size: 1.3em;
    line-height: 2em;
}

.bg-purple-trans{
    background-color: rgba(148, 136, 151, 0.8);
    min-height: 200px;
}
.bg-green-trans{
    background-color: rgba(142, 154, 132, 0.8);
    min-height: 200px;
}


/*-------------------------------footer.html*/
.footer-wrapper{
    padding-top: 3em;
    padding-bottom: 3em;
}

.footer{
    padding-top: 3em;
    padding-bottom: 3em;
    width: 100%;
}

.footer p{
    color: #ffffff;
    margin-bottom: -8px;
}
.footer a{
    color: #ffffff;
}
.footer a:hover{
    color: #ae9e5b;
}
.footer .copyright p{
    font-size:10px;
    padding:6px;
    color:#404748;
    text-align: center;
    margin-bottom: 8px;
}
.footer .copyright p i{
    padding:0px 10px;
    color:#404748;
}
.footer .copyright p a{
    padding:0px 10px;
    color:#fff;
}
.footer .copyright a:hover{
    color: #ae9e5b;
}
.copyright{
    margin-top: -55px;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.80);
}
.copyright-left-text p{
    float: left;
}
.copyright-right-text ps{
    float: right;    
}
.link-footer {
    margin-bottom: 20px;
}
/*-------------------------------top navigation*/
.topnav {
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.75);
    /*    border-bottom: 2px solid #e6e6e6;*/
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-box-shadow: 0 1px 10px 0 rgba(182, 183, 195, 0.5);
    -moz-box-shadow: 0 1px 10px 0 rgba(182, 183, 195, 0.5);
    box-shadow: 0 1px 10px 0 rgba(182, 183, 195, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.topnav-right{
    float: right;
}
.topnav-wrapper{
    padding-left: 0em;
    padding-right: 0em;
    padding-bottom: 2em;
    padding-top: 2em;
    margin-bottom: 0.1em;
    z-index: 99999;
    position: absolute;
    width: 100%;
}

.topnav a {
    float: left;
    display: block;
    color: #383838;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
    font-size: 14px;
}
.logo-topbar{
    width: 270px;
    position: absolute;
    margin-top: -1em;
    margin-left: -1em;
}
.topnav a:hover {
    color: #ae9e5b;
}
.topnav .login-menu {
    color: white;
    background-color: #152c85; 
    border-radius: 100px;
    margin-left: 1em;
}


/*breadcumb*/
body.ui-breadcrumb {
    background-color: transparent;
    border: 0px;
    padding: 7px 0px;
    float:left;
}

body .ui-breadcrumb ul li,
body .ui-breadcrumb ul li a {
    color:#333;
}
body .ui-breadcrumb ul li a:hover {
    color:#333;
    border:none;
}
/*end of breadcumb*/
.login-body {
    padding: 0;
    /*    background: url("/javax.faces.resource/images/pages/login-bg.jpg.html?ln=olympia-layout");
        background: url(); */
    background: url("")!important;
    background-size: cover; 
}

.login-body .login-topbar {
    height: 60px;
    padding: 15px 150px 15px 150px;
    background-color: #3a3e45;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.24); }

.login-body .login-topbar img {
    height: 30px;
    vertical-align: middle; }

.active {
    color: #ae9e5b;
}

.topnav .icon {
    display: none;
}

.form-contact{
    text-align: left;
    margin-left: auto;
    margin-right: auto; 
    padding: 0em;
    margin-bottom: 1em;
}

.group { 
    position: relative; 
    margin-bottom: 45px; 
}

.group input, .group textarea {
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    -webkit-appearance: none;
    display: block;
    margin-left: 0px;
    color: #636363;
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #bfbfbf;
}

.group input:focus { outline: none; }


/* Label */

.group label {
    color: #2b2b2b; 
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: all 0.2s ease;
}


/* active */

.group input:focus ~ label, .group input.used ~ label {
    top: -5px;
    transform: scale(.90);
    /* font-size: 14px; */
    color: #0d2b89;
}

.group textarea:focus ~ label, .group textarea.used ~ .group label {
    top: -5px;
    transform: scale(.90); 
    /* font-size: 14px; */
    color: #0d2b89;
}

/* active */
.group input:not(:placeholder-shown) + label{
    transform: translateY(-100%);
    font-size: 1rem;

}

.group input:placeholder-shown + label{
    transform: translateY(0%);
    font-size: 1rem;

}

.group textarea:not(:placeholder-shown) + label{
    transform: translateY(-100%);
    font-size: 1rem;

}

.group .input:focus + .label,
.group input:valid + .label {
    transform: translateY(-100%);
    font-size: 0.75rem;

}
.group .textarea:focus + .label, 
.group textarea:valid + .label {
    transform: translateY(-100%);
    font-size: 0.75rem;

}
/* BOTTOM BARS ================================= */
.group .bar    { position:relative; display:block; width:300px; }
.group .bar:before,.group .bar:after     {
    content:'';
    height:2px; 
    width:0;
    bottom:1px; 
    position:absolute;
    background:#5264AE; 
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all;
}
.group .bar:before {
    left:50%;
}
.group .bar:after {
    right:50%; 
}

/* active state */
.group input:focus ~ .bar:before, .group input:focus ~ .bar:after {
    width:50%;
}


/* active */

.group input:focus ~ .bar:before, .group input:focus ~ .bar:after { width: 50%; }
.group textarea:focus ~ .bar:before, .group textarea:focus ~ .bar:after { width: 50%; }

/* Highlight */

.group .highlight {
    position: absolute;
    height: 60%; 
    width: 100px; 
    top: 25%; 
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}



.group textarea:focus ~ .highlight {
    animation: inputHighlighter 0.3s ease;
}
.group input:focus ~ .highlight {
    animation: inputHighlighter 0.3s ease;
}
.group textarea:focus ~ .highlight {
    animation: inputHighlighter 0.3s ease;
}
/*-------------------------------buttom to top*/
#myButton {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color:#0d2b89;
    color: white;
    cursor: pointer;
    padding: 9px 13px;
    border-radius: 10px;
}

#myButton i {
    color: #fff;
    margin: 0;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#myButton:hover {
    background-color: #555;
}
.button-language{
    width: 100%;
    font-size: 0.9em;
    text-align: left;
    background-color: #fff;
    border:none;
    padding: 0.5em;
}
.button-language:hover{
    background-color: #f1f2f7;
}

/*-------------------------------Purchase page*/
.purchase-text{
    font-size: 17px;
    margin-bottom: 1em;
}
.logoJhia-purchase{
    width: 50%;
    margin-bottom: 3em;
    margin-top: 3em;
}

.table-purchase{
    width: 100%;
}
.container-table-cloud table thead th, .container-table-cloud table tbody tr td, .container-table-cloud table tbody tr th {
    text-align: center;
    border: 1px solid #e1e1e1;
}
table thead, table tfoot, table thead th {

    color: #28282c;
    font-size: 16px;
    line-height: 1.35em;
    font-weight: 600;
}
table .bg-grey{
    background-color: #f3f4f6;
}
table th {
    text-align: left;
}
table thead th, table tbody td,  table tbody th {
    text-align: center;
    border: 0px solid #e1e1e1;
}


.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content .ui-button {
    color: #000000;
    background-color: transparent;
    border: 1px solid transparent;
}
.dropdown-content.dropdownVisible {
    display: block;
    margin-top: 3em;
    margin-left: 11em;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}
.dropdown-content.dropdownVisible{display: block}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

.textColorRed{
    color:red;
}

.text-date-purchase{
    vertical-align: middle;
}
.text-date-purchase span{
    font-size: 1.3em;
    margin-bottom: 1em;
}
.required{
    color:red;
}

/*tab menu style*/
body .ui-tabmenu .ui-tabmenu-nav{
    border: none;
    background-color: #1a3a88;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
    color: #666666;
    padding: 0.3em;
    display: block;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active{
    border: 0;
    background-color: #ae9e5b;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
    list-style: none;
    position: static;
    margin: 0;
    border: 0;
    border-radius: 0;
    background-color: #1a3a88;
    color: white;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
    color: #ffffff;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon {
    color: #ffffff;
}
.layout-wrapper .layout-topbar-member {
    height: 100px;

}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon {
    color: #000000;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover, body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-tabs-outline {
    border: 0px solid #c8c8c8; 
}
.topbar-member-mobile{
    display: none;
}
.image-login{
    padding: 0em!important;
    overflow: hidden!important;
    width: 100%!important;
    height: 115px!important;
}
.image-login img{
    margin-top: -7em!important;
}
table[class="table-purchase"]  thead th, table[class="table-purchase"]  tbody td,  table[class="table-purchase"]  tbody th {
    border: 1px solid #e1e1e1;
    padding: 0.5em;
}
table[class="table-purchase"] input[type="radio"]:checked{
    visibility:hidden;
}
table[class="table-purchase"] .bg-grey{
    min-width: 160px;
}
.number-inside-circle{
    font-size: 1em;
    font-family: Helvetica;
}
/*background image*/
.background-index-top{
    top: -112px;
    z-index: -1;
    /*    position: relative;*/
    background: url("/javax.faces.resource/images/index-bg1.jpg.html")!important;
    max-height: 1000px;
    min-height: 1200px;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
.background-login{
    top: -112px;
    z-index: -1;
    /*    position: relative;*/
    background: url("/javax.faces.resource/images/bg-login1.jpg.html")!important;
    max-height: 900px;
    min-height: 900px;
    background-position: left!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
.background-top-left{
    background: url("/javax.faces.resource/images/top-left-bg.jpg.html")!important;
    background-position: right!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    height: 200px;
}
.background-top-right{
    background: url("/javax.faces.resource/images/top-right-bg.jpg.html")!important;
    background-position: right!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    height: 200px;
}
.background-top-panel{
    top: -112px;
    z-index: -1;
    /*    position: relative;*/
    background: url("/javax.faces.resource/images/bg-topanel.jpg.html")!important;
    min-height:450px;
    background-position: left!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
.background-top-panel1{
    top: -112px;
    z-index: -1;
    /*    position: relative;*/
    background: url("/javax.faces.resource/images/bg-topanel1.jpg.html")!important;
    min-height:450px;
    background-position: left!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
.background-top-panel2{
    top: -112px;
    z-index: -1;
    /*    position: relative;*/
    background: url("/javax.faces.resource/images/bg-topanel2.jpg.html")!important;
    min-height:450px;
    background-position: left!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
.background-menu{
    background: url("/javax.faces.resource/images/bg-menu_1.jpg.html")!important;
    background-position: right!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    height: auto;
}

/*-----------------------------login*/
.login-wraper{
    background-color: #fff;
    min-width: 450px;
    min-height: 400px;
    position: absolute;
    top: 35em;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 2em;

}
.login-form .ui-inputfield{
    padding: 0.7em 1em;
}

/*list page*/
.city-brown{
    background-color: #805656;
    padding: 0.6em 2em;
    color: white;
    display: inline;
    margin-right: 1em;
    border-radius: 5px;
    font-size: 18px;
    display: inline;
}
.detail-box-left{
    display:inline;
    font-weight: bold;
    vertical-align: middle;
}
.detail-box{
    background-color: #fff;
    padding: 0.3em 1em;
    color: #2d3435;
    display: inline;
    float:right;
    border-radius: 5px;
    font-size: 15px;
    display: inline;
}
.schooling-ttl{
    font-family: TBChibiRGothicPlusK Pro;
    font-weight: 700;
    display: inline;
    font-size: 18px;
}
.row-wrapper{
    margin-top:2em;
    margin-bottom:7em;
}
/*end of list page*/
/*detail page*/
.table-detail{
    font-size: 15px;
    margin-top:2em;
}
.border-grey{
    border: 1px solid #ebebeb;
    color: #666666;
}
.grey-bg-table{
    background-color: #eeeeee   
}
.border-grey-right{
    border-right: 1px solid #ebebeb;
}
.border-grey-left{
    border-left: 1px solid #ebebeb;
}
.border-grey-bot{
    border-bottom: 1px solid #ebebeb;

}
.border-grey-bot-right{
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.cell-padding{
    padding: 0.5em 1.214em;
}
/*end of detail page*/
/*table*/
.table-list table{
    border: none;
    width: 100%;
}
table {
    border-collapse: collapse;
}
.table-list th {
    background-color: #eeeeee!important;
    color: #2d3435!important;
    white-space: nowrap;
}
.table-list th, .table-list td {
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    color: #666666;
    padding: 0.5em 1.214em;
    text-align: left;
    font-size:13px;
}
.table-th-text{
    /*font-size: 14px; */
    text-align: left; 
    font-weight: bold;
    display: inline
}

/*end of table*/
/*map*/
.maps {
    width:100%;
    padding:1em;
}
.maps iframe{
    width:100%;
}

/*end of map*/

/*menu page*/
.grey-box{
    background-color: #eee;
    padding: 0.3em 0.3em;
    color: #2d3435;
    float:left;
    border-radius: 5px;
    font-size: 15px;
    display: block;
    margin-bottom: 1em;
    margin-right:1em;
    text-align: center;
    width: 68px;
}
.grey-box a{
    color: #333333;
}
.trans-box{

    padding: 0.3em 0.3em;
    float:left;
    border-radius: 5px;
    font-size: 15px;
    display: block;
    margin-bottom: 1em;
    margin-right:1em;
    text-align: center;
    width: 68px;
    color:#fff;
}
.grey-box a:hover{
    color: #6eceb7;
}
.city-col-wraper{
    margin-top: 0em;
    margin-right:1em;
}
.city-ttl{
    font-family: TBChibiRGothicPlusK Pro;
    font-weight: 700;
    font-size: 17px;
    color:#2d3435;
}
.japan-img{
    width: 100%;
    display: none;
}
/*end of menu page*/

.datatext-table .ui-lg-3{
    color: #ff940a;
    font-weight: 700;
    font-size: 10pt;

}

.datatext-table .ui-lg-3, .datatext-table .ui-lg-9{
    padding: 0px 7px;
}
.datatext-table-title{
    background-color: #eeeeee!important;
    color: #2d3435!important;
}
.datatext-table{
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding:0px;

}

.index-login-button{
    padding:10px;
    border-radius:5px;
    color: white;
    font-size: 14px;
    background-color: #724444;
}
@media screen and (min-width: 897px){
    .layout-wrapper .layout-menu-container {
        height:45px!important;
    } 
}

@media(min-width:1281px ){
    .layout-wrapper.layout-slim .layout-main {
        margin-left: 0px!important;
    }
    .layout-wrapper.layout-slim .layout-main .layout-topbar {
        width: 100%!important;
    }
    .br-sp{
        display: none;
        padding-top:10px;
    }
}

@media(max-width: 1024px){  

    .logo-topbar{
        width: 230px;
        position: absolute;
        margin-top: -0.5em;
    }
    .layout-topbar.layout-topbar-member{
        height: 9em;
    }
    .group-article-product{
        width: 94%;
    } 
    .flow-item{
        width: 94%;
    } 

    .left-class-box1{
        height: 300px;
    }
}

@media(max-width: 768px){


    .ui-breadcrumb ul li span{
        font-size: 10px;
    }
    .table-list th {
        background-color: #eeeeee!important;
        color: #2d3435!important;
        white-space: nowrap;
    }

    .wrapper90vw{
        width: 99%;
        margin: auto auto;
    }
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
        float: right;
        display: block;
    }
    .topnav-right a{
        display: none
    }
    .topnav-right{;
                  float: none;
    }
    .topnav.topnav-wrapper.responsive .topnav-right{
        float: none;
        margin-top: 2em;
    }
    .topnav.responsive {
        position: relative;
    }
    .topnav.responsive .icon {
        position: absolute;
        right: 0.5em;
        top: 1.5em;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    .vid-title-black {
        font-size: 1.6em;
        font-weight: bold;
        color: black;
        text-align: justify;
        /* margin-top: 0.5em; */
        padding: 0.5em;
        padding-right: 1em;
    }
    .blue-square{
        min-width: 4em;
    }
    .dropdown-content.dropdownVisible {
        display: block;
        margin-top: 0em;
        margin-left: 1em;
        position: relative;
        background: none;
        box-shadow: none;
    }
    .title-img-white {
        font-size: 1.2em;
    }
    .group-article-product{
        width: 100%;
    }
    .flow-item{
        width:100%;
    }
    .big-text-index
    {   
        font-size: 1.3em;

    }
    .big-text-index p
    {   
        margin-top: 2em;
    }
    .title-gold {
        font-size: 1.4em;
        word-break: keep-all;
    }

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

    .background-flow2{
        height: 462px;
    }
}


/*sm*/
@media screen and (max-width: 40.063em){
    .copyright{
        margin-top: -44px;

    }

    .footer .copyright p {
        margin-top: 6px;
        margin-bottom: 0px;
    }
    .login-wraper{
        padding: 0.2em;
        padding-top: 1em;
        min-width: 51%;
        top: 34em;
    }
    .schooling-ttl{
        font-size: 16px;
    }
    .japan-img{
        margin-bottom: 10em;
        margin-top: -5em;
        display:block;
    }
    .background-menu{
        background: none!important;
        height:auto;
    }
    /*    .row-wrapper{
            margin-top:0em;
        }*/

    .top-course{
        margin-top: 35em!important;
    }
    .img-white-logo{
        width: 95%;
    }
    .img-top-course{
        width: 100%;
        display:block;
    }
    .layout-topbar.layout-topbar-member.responsive{
        height: 19em;
    }
    .topnav-member-left{
        display: block;
    }
    .top-member-icon{
        display:block;
    }
    .item-topbar-member-right {
        margin-left: 0em; 
        margin-top: 1em;
        margin-bottom: 0em;
    }

    .public-wrapper{
        padding-left: 1.5em;
        padding-top: 3em;
        padding-bottom: 3em;
        padding-right: 1.5em;
    }
    .item-inside-wrapper{
        padding-left: 1.5em;
        padding-right: 1.5em;
    }


}


@media(max-width: 500px){

}

@media(max-width: 414px){

}
@media(max-width: 375px){


}
@media(max-width: 320px){


}