@charset "utf-8";

/***************************************************************************
Media Queries
****************************************************************************/

/*iPad (mini含む) w768px 1024px*/
@media only screen and (max-width: 768px) {
}
/*iPad 以下 w767px*/
@media only screen and (max-width: 767px) {
}

/***************************************************************************
top_img（override）
****************************************************************************/

#top_img {
    text-align: center;
    margin-bottom: 40px;
}
#top_img img {
    width: 100%;
}
@media only screen and (max-width: 767px) {
#top_img {
    margin-bottom: 20px;
}
}

/***************************************************************************
event_date
****************************************************************************/

#event_date li {
    margin-bottom: 30px;
    text-align: center;
}
#event_date li:nth-child(3) {
    margin-bottom: 50px;
}
#event_date li:last-child {
    margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
#event_date li {
    margin-bottom: 20px !important;
}
}

/***************************************************************************
select_school
****************************************************************************/

#select_school .head_ttl {
    text-align: center;
	margin-bottom: 50px;
}
#select_school .head_ttl img {
	width: 100%;
}
.margin_t_10 {
	margin-top: 10px;
}
.margin_t_20 {
	margin-top: 20px;
}
.margin_t_30 {
	margin-top: 30px;
}
.margin_t_40 {
	margin-top: 40px;
}
.margin_t_50 {
    margin-top: 50px;
}
.margin_b_10 {
	margin-bottom: 10px;
}
.margin_b_20 {
	margin-bottom: 20px;
}
.margin_b_30 {
	margin-bottom: 30px;
}
.margin_b_40 {
	margin-bottom: 40px;
}
.margin_b_50 {
    margin-bottom: 50px;
}
.select_time li.checked {
	background-color: #ff8800;
}
.select_time li.disabled {
	opacity: 0.5;
	background-color: #999;
}

@media only screen and (max-width: 1180px) {
#select_school .head_ttl {
	/*margin-left: 10%;*/
	/*margin-right: 10%;*/
}
}

#select_school .ttl {
    cursor: pointer;
    position: relative;
    padding: 0px 0px 3px 0px;
}
#select_school .ttl img {
    width: 100%;
    height: auto;
}
#select_school .ttl span {
    position: absolute;
    display: block;
    top: 0;
    right: 15px;
    height: 100%;
    width: 34px;
    background-image: url(../image/index/bg-btn_select_school_lower.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
#select_school .toggle_close span {
    background-image: url(../image/index/bg-btn_select_school_upper.png);
}

#select_school #school_designer .ttl {
	background-color: transparent;
}
#select_school #school_arts .ttl {
	background-color: transparent;
}
#select_school #school_business .ttl {
	background-color: transparent;
}
#select_school #school_kanko .ttl {
	background-color: transparent;
}

@media only screen and (max-width: 767px) {
#select_school .ttl {
    padding: 0% 0% 1% 0%;
}
#select_school .ttl img {
	width: 100%;
}
#select_school .ttl span {
    right: 10px;
    height: 100%;
    width: 25px;
}
.margin_b_20 {
	margin-bottom: 5%;
}
.margin_b_50 {
    margin-bottom: 10%;
    width: 100%;
}
}

#select_school .course .inner {
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
}
#select_school .box {
    width: 23.75%;
    margin-left: 1.66%;
    margin-bottom: 45px;
    display: flex;
    flex-direction: column;
}
#select_school .box:nth-child(4n+1) {
    margin-left: 0%;
}

#select_school .box > div {
    min-height: 0%;
}

#select_school .sam img {
    width: 100%;
}

#select_school .sam {
/*
margin-bottom: 10px;
*/
}

#select_school .subcategory, 
#select_school .subject {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1.3em;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
}

#select_school .D.subject {
	background-color: #0068b6;
/*
	background-color: #e50012;
*/
}
#select_school .V.subject {
	background-color: #0068b6;
/*
	background-color: #0068b6;
*/
}
#select_school .B.subject {
	background-color: #0068b6;
/*
	background-color: #00a971;
*/
}
#select_school .K.subject {
	background-color: #0068b6;
/*
	background-color: #f7b400;
*/
}

#select_school .subject {
    margin-bottom: 10px;
}

#select_school .category_13 .subcategory,
#select_school .category_24 .subcategory {
    font-size: 10px;
    line-height: 15.6px;
}

#select_school .category_01 .subcategory {
	background-color: #E63178;
}
#select_school .category_02 .subcategory {
	background-color: #E968A1;
}
#select_school .category_03 .subcategory {
	background-color: #E95541;
}
#select_school .category_04 .subcategory {
	background-color: #EB6D6C;
}
#select_school .category_05 .subcategory {
	background-color: #AE4B96;
}
#select_school .category_06 .subcategory {
	background-color: #E84D07;
}
#select_school .category_07 .subcategory {
	background-color: #E27900;
}
#select_school .category_08 .subcategory {
	background-color: #36A0DA;
}
#select_school .category_09 .subcategory {
	background-color: #5DC1CF;
}
#select_school .category_10 .subcategory {
	background-color: #EB6D6C;
}
#select_school .category_11 .subcategory {
	background-color: #EA6DA4;
}
#select_school .category_12 .subcategory {
	background-color: #846DAE;
}
#select_school .category_13 .subcategory {
	background-color: #B48E19;
}
#select_school .category_14 .subcategory {
	background-color: #7FBE26;
}
#select_school .category_15 .subcategory {
	background-color: #40AE36;
}
#select_school .category_16 .subcategory {
	background-color: #009844;
}
#select_school .category_17 .subcategory {
	background-color: #43BEE5;
}
#select_school .category_18 .subcategory {
	background-color: #00AA9D;
}
#select_school .category_19 .subcategory {
	background-color: #7A432E;
}
#select_school .category_20 .subcategory {
	background-color: #A54E5C;
}
#select_school .category_21 .subcategory {
	background-color: #802E4A;
}
#select_school .category_22 .subcategory {
	background-color: #9E9E9F;
}
#select_school .category_23 .subcategory {
	background-color: #AE4B96;
}
#select_school .category_24 .subcategory {
	background-color: #EA6000;
}
#select_school .category_25 .subcategory {
	background-color: #E63178;
}
#select_school .category_26 .subcategory {
	background-color: #E968A1;
}
#select_school .category_27 .subcategory {
	background-color: #E95541;
}
#select_school .category_28 .subcategory {
	background-color: #EB6D6C;
}
#select_school .category_29 .subcategory {
	background-color: #AE4B96;
}
#select_school .category_30 .subcategory {
	background-color: #E84D07;
}
#select_school .category_31 .subcategory {
	background-color: #E27900;
}
#select_school .category_32 .subcategory {
	background-color: #36A0DA;
}
#select_school .category_33 .subcategory {
	background-color: #5DC1CF;
}

#select_school .exp {
    font-size: 15px;
    line-height: 1.3em;
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: auto;
}

@media only screen and (max-width: 767px) {
#select_school .course .inner {
    padding-top: 15px;
}
#select_school .box {
    width: 48%;
    margin-left: 4% !important;
    margin-bottom: 40px;
}
#select_school .box:nth-child(2n+1) {
    margin-left: 0% !important;
}
#select_school .subject {
    font-size: 11px;
    line-height: 1.2em;
}
#select_school .exp {
    font-size: 12px;
}
}

#select_school .btn input[type*="submit"] {
    outline: none;					/*枠線をhover時オリジナルに*/
	-webkit-appearance: none;		/*iPhoneでオリジナルのinput*/
    border: none;
	display: block;
    cursor: pointer;
	border-radius: 8px;
	text-decoration: none;
	padding: 7px 0px 7px 0px;
	font-size: 21px;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	color: #FFFFFF;
    width: 90%;
    margin: 0px auto 0px auto;
}
#select_school .btn input[type*="submit"]:hover {
	opacity: 0.8;
}

.submit_next input[type="submit"] {
    outline: none;					/*枠線をhover時オリジナルに*/
	-webkit-appearance: none;	/*iPhoneでオリジナルのinput*/
    border: none;
	display: block;
    cursor: pointer;
	border-radius: 8px;
	text-decoration: none;
    /*padding: 7px 0px 7px 0px;*/
    padding: 30px 0px 30px 0px;
	font-size: 21px;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	color: #FFFFFF;
    width: 90%;
    /*margin: 0px auto 0px auto;*/
    margin: 40px auto 60px auto;
}

@media only screen and (max-width: 767px) {
#select_school .btn input[type="submit"] {
	font-size: 16px;
	padding: 10px 0px 10px 0px;
}
.submit_next input[type="submit"] {
	font-size: 16px;
	padding: 20px 0px 20px 0px;
}
}

.submit_next input[type="submit"] {
	background-color: #E60012;
}


#select_school #school_designer .btn input[type*="submit"] {
	background-color: #F29600;
}
#select_school #school_arts .btn input[type*="submit"] {
	background-color: #E60012;
}
#select_school #school_business .btn input[type*="submit"] {
	background-color: #8DC21F;
}
#select_school #school_kanko .btn input[type*="submit"] {
	background-color: #E75297;
}


#select_school ul.select_time {
	display: flex;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
}
#select_school ul.select_time li {
    border-left: 1px solid #CCCCCC;
    width: 50%;
    text-align: center;
    padding: 6px 0px 6px 0px;
	vertical-align: bottom;
    font-weight: bold;
}
#select_school ul.select_time li:first-child {
    border-left: none;
}
#select_school ul.select_time li label {
    cursor: pointer;
}
#select_school ul input {
	vertical-align: middle;
}

/***************************************************************************
time_schedule
****************************************************************************/

#time_schedule {
    background-color: #EFEFEF;
    padding-bottom: 40px;
}
#time_schedule .schedule_ttl {
    text-align: center;
    background-image: url(../image/index/bg-time_schedule_ttl.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
#time_schedule {
    padding-bottom: 25px;
}
#time_schedule .schedule_ttl {
    margin-bottom: 25px;
}
#time_schedule .schedule_ttl img {
    width: 52%;
}
}

#time_schedule .sam_exp {
    overflow: hidden;
    width: 767px;
    margin: 30px auto 0px auto;
}
#time_schedule .sam_exp .sam {
    float: left;
    width: 205px;
}
#time_schedule .sam_exp .ttl {
    float: right;
    width: 562px;
    margin-bottom: 15px;
}
#time_schedule .sam_exp .exp {
    float: left;
    width: 329px;
    line-height: 2em;
}
#time_schedule .sam_exp ul {
    float: right;
    width: 202px;
}

@media only screen and (max-width: 767px) {
#time_schedule .sam_exp {
    width: 100%;
    margin: 15px auto 0px auto;
}
#time_schedule .sam_exp .sam {
    width: 31%;
    margin-bottom: 10px;
}
#time_schedule .sam_exp .ttl {
    width: 65.8%;
    margin-bottom: 10px;
}
#time_schedule .sam_exp .exp {
    float: right;
    width: 65.8%;
    line-height: 1.4em;
    font-size: 10px;
    margin-bottom: 10px;
}
#time_schedule .sam_exp ul {
    float: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
#time_schedule .sam_exp li {
    width: 50%;
}
#time_schedule .sam_exp li img {
	vertical-align: top;
    width: 100%;
}
}

#to_web ul {
    display: flex;
    flex-wrap: wrap;
}
#to_web ul li {
    width: 49%;
    margin-bottom: 15px;
}
#to_web ul li:nth-child(2n+1) {
    margin-right: auto;
}
#to_web ul li a {
    display: block;
    border: 2px solid #E60012;
    border-radius: 5px;
    background-color: #FFFFFF;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    color: #3E3A39;
    text-align: center;
    padding: 10px;
    background-image: url(../image/map/bg-school_map%20_link.png);
    background-repeat: no-repeat;
    background-position: left 97% center;
    background-size: 20px auto;
}
#to_web ul li a.contact {
    display: block;
    border-style: none;
    background-color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #3E3A39;
    text-align: left;
    padding: 3px;
    background-image: none;
}
#to_web ul li a span {
    display: block;
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
#to_web ul li {
    width: 100%;
}
#to_web ul li a {
    font-size: 16px;
    padding: 7px;
}
}
