@charset "Shift_JIS";

body {
    color: #FFFFFF;
    font-weight: bold;
    font-family: 'メイリオ' , Meiryo , 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' , sans-serif;
    text-align: center;
}

div, ul, li, p, span, h1, h2, h3 {
    margin: 0px;
    padding: 0px;
}

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

a:hover {
    color: #0000FF;
}

#header {
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0px;
    z-index: 10;
}

#header table {
    font-size: 30px;
    width: 100%;
    border-spacing: 0px;
}

#header table a {
    color: #FFFFFF;
    text-decoration: none;
}

#header table.menu a {
    display: block;
}

#header table.top td {
    width: 100%;
    padding: 0px;
    background-color: rgba(255,255,255,0.7);
}

#header table.menu td {
    line-height: 50px;
    width: 20%;
    height: 50px;
    padding: 0px;
    padding-top: 5px;
}

#header td.menu-enroll {
    background-color: #F39800;
}

#header td.menu-achievement {
    background-color: #FF69B4;
}

#header td.menu-SNS {
    background-color: #00BDF2;
}

#header td.menu-contact {
    background-color: #32CD32;
}

.noscript {
    color: #FF0000;
    width: 100%;
    position: fixed;
    top: 33%;
    left: 0px;
    right: 0px;
    background-color: #F8DAD2;
}

.section {
    background-size: cover;
    background-size: 100% 100%;
}

.contents {
    width: 100%;
}

.PORTA {
    background-image: url("../image/PORTA-background-image.jpg");
}

.PORTA h1 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.PORTA .explanation {
    display: block;
    font-size: 30px;
    line-height: 30px;
    text-shadow: 2px 2px 5px #F39800, -2px 2px 5px #F39800, 2px -2px 5px #F39800, -2px -2px 5px #F39800;
    margin-top: 10px;
    margin-bottom: 5px;
}

.PORTA table.enroll-achievement, .PORTA table.SNS-contact {
    table-layout: fixed;
    font-size: 30px;
    text-shadow: none;
    width: 100%;
    height: 65px;
    margin-top: 15px;
    margin-bottom: 0px;
    border-spacing: 50px 0px;
}

.PORTA table.enroll-achievement a, .PORTA table.SNS-contact a {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
}

.PORTA table.enroll-achievement td, .PORTA table.SNS-contact td {
    line-height: 65px;
    width: 40%;
    height: 65px;
    padding: 0px;
    padding-top: 3px;
    border-radius: 10px;
}

.PORTA td.enroll {
    border: 1px #F39800 solid;
    border-bottom: solid 5px #D7223C;
    background-color: #F39800;
}

.PORTA td.enroll:hover {
    border-bottom: solid 2px #D7223C;
}

.PORTA td.achievement {
    border: 1px #FF69B4 solid;
    border-bottom: solid 5px #E53B4E;
    background-color: #FF69B4;
}

.PORTA td.achievement:hover {
    border-bottom: solid 2px #E53B4E;
}

.PORTA td.SNS {
    border: 1px #00BDF2 solid;
    border-bottom: solid 5px #2B7ADB;
    background-color: #00BDF2;
}

.PORTA td.SNS:hover {
    border-bottom: solid 2px #2B7ADB;
}

.PORTA td.contact {
    border: 1px #32CD32 solid;
    border-bottom: solid 5px #17936A;
    background-color: #32CD32;
}

.PORTA td.contact:hover {
    border-bottom: solid 2px #17936A;
}

.course1 {
    background-image: url("../image/course1-background-image.jpg");
}

.thumbnail {
    margin-top: 100px;
}

.click {
    display: block;
    font-size: 25px;
    line-height: 25px;
    text-shadow: 2px 2px 5px #555555, -2px 2px 5px #555555, 2px -2px 5px #555555, -2px -2px 5px #555555;
    margin-top: 15px;
}

.course2 {
    background-image: url("../image/course2-background-image.jpg");
}

.consultation {
    background-image: url("../image/consultation-background-image.jpg");
}

.LINE {
    background-image: url("../image/LINE-background-image.jpg");
}

.fadein {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    z-index: 9000;
}

.fadein div {
    display: none;
    width: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9500;
}

.skip {
    cursor: pointer;
    color: #FFFFFF;
    font-size: 20px;
    width: 100px;
    height: 50px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    border: 1px #00BDF2 solid;
    border-bottom: solid 5px #2B7ADB;
    border-radius: 10px;
    background-color: #00BDF2;
    z-index: 9999;
}

.skip:hover {
    border-bottom: solid 2px #2B7ADB;
}