@charset "utf-8";
/* CSS Document */

/*---------------学科案内共通---------------*/
h1,h2,h3,h4{
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: bold;
}


.course h2 {
	margin-bottom: 20px;
    font-size: 200%;
    font-weight: bold;
    color: #000;
    letter-spacing: 1px;
    display:flex;
    align-items:center;
}

.course h2:before{
	content:"";
	width:50px;
	height:5px;
	background:#ccc;
	display:inline-block;
	margin-right:20px;
}


/*3タイプ分け20210513▼▼▼*/
#course-index h2 {
	align-items:flex-end;
	font-size:1.4rem;
    margin-bottom: 15px;
}

#course-index h2:before {
	display: none;
}
/*3タイプ分け20210513▲▲▲*/

/*---------------------------------*/
/* トップページ */
/*---------------------------------*/
/*3カラム構成リスト*/
.wrap_cource {
  margin-bottom: 70px;
}
ul.course_list {
	max-width: 960px;
	padding-inline: 15px;
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

ul.course_list li {
	margin-bottom: 30px;
	width: 48%;
}

ul.course_list li a {
	width: 100%;
	height: 100%;
	display: flex;
	gap:10px;
	text-decoration: none;
	color: #4D4D4D;
	border: 1px solid transparent;
	font-size:14px;
}

ul.course_list li a:hover {
	border: 1px solid #000;
}

ul.course_list li img.course_img {
	display: inline-block;
	width:110px;
}

ul.course_list li h3.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 25px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 138%;
	font-weight: bold;
    }
ul.course_list li h3.arrow:before,
ul.course_list li h3.arrow:after{
	position: absolute;
    /*top: 0;
    bottom: 0;
    left: 0;
    margin: auto;*/
    content: "";
    vertical-align: middle;
    }
    ul.course_list li h3.arrow:before{
    width: 20px;
    height: 20px;
	margin-right:10px;
	left:0;
	top:2px;
    }
    ul.course_list li h3.arrow:after{
    left: 5px;
	top:8px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    }
ul.course_list li h3.welfare{color: #355AD4;}
ul.course_list li h3.general {color: #35AED4;}
ul.course_list li h3.cooking{color: #EFBB54;}
ul.course_list li h3.beauty {color: #EFA254;}
ul.course_list li h3.it{color: #358FD4;}
ul.course_list li h3.confectionery{color: #357FD4;}
ul.course_list li h3.weekend{color: #80C53B;}
ul.course_list li h3.daytime_general {color: #EF8954;}

ul.course_list li h3.welfare:before{background: #355AD4;}
ul.course_list li h3.general:before{background: #35AED4;}
ul.course_list li h3.cooking:before{background: #EFBB54;}
ul.course_list li h3.beauty:before{background: #EFA254;}
ul.course_list li h3.it:before{background: #358FD4;}
ul.course_list li h3.confectionery:before{background: #357FD4;}
ul.course_list li h3.weekend:before{background: #80C53B;}
ul.course_list li h3.daytime_general:before{background: #EF8954;}

ul.course_list li h3.welfare span{
  font-size: 0.9rem;
  color:#4d4d4d;
  padding-left: 5px;
}

/*---------------------------------*/
/* 学科ページ */
/*---------------------------------*/

/*ページ冒頭*/
div#course_head_text {
	margin: 30px 0;
}

.course_mv {
	display:flex;
    align-items:center;
    background:#ccc;
}
.course_mv img,.dtl img{
    flex-shrink: 0;
}
div#course_head_text .course_mv img + div {
  display: flex;
  justify-content: center;
  width:334px;
}
div#course_head_text .course_mv h1 {
	font-size:250%;
	color:#fff;
    letter-spacing: 4px;
	display:flex;
    flex-direction: column;
	justify-content:center;
    line-height: 1.4;
    margin:0;
}
div#course_head_text .course_mv h1 span {
  font-size: 55%;
}

.course h3.topics {
	color:#ccc;
	text-align:center;
	font-size:200%;
	margin:30px 0;
    letter-spacing: 4px;
}
/*ピックアップ授業▼*/
.dtl{
	display:flex;
	margin:0 0 100px;

}
.dtl img{
	align-self:center;
}
#beauty .dtl img{
	margin-top:-130px;
}

.dtl_txt{
    margin:120px 0 0 -60px;
    padding-right:40px;
    background:#f7f7f7;
    padding:70px 40px 60px 100px;
    z-index:-1;
    
}
.dtl_txt h4,.choice_box div h4 {
	font-size:120%;
	margin-bottom:0.8em;
	display:flex;
	align-items:center;

}
#beauty .dtl_txt h4 {
  display: inline-block;
}
.dtl_txt h4:before,.choice_box div h4:before{
	content:"";
	width:16px;
	height:16px;
	background:#ccc;
	display:inline-block;
	margin-right:0.8em;
}
.dtl_txt p {
	line-height:2;
}
.course_pic {
    margin-bottom:80px;
}
.dtl_txt b {
    font-weight: bold;
}
#weekend .dtl_txt b {
    display: inline-block;
    margin-bottom: 10px;
}

/*色変更*/
#general.course h2:before,#general .course_mv,#general .choice_box div h4:before {
    background:#00b1cb;
}
#welfare.course h2:before,#welfare .course_mv,#welfare .dtl_txt h4:before {
    background:#f57496;
}
#cooking.course h2:before,#cooking .course_mv,#cooking .dtl_txt h4:before,.ttl_cooking {
    background:#00b4f3;
}
#beauty.course h2:before,#beauty .course_mv,#beauty .dtl_txt h4:before,.ttl_beauty {
    background:#f23392;
}
#it.course h2:before,#it .course_mv,#it .choice_box div h4:before,#it .dtl_txt h4:before {
    background:#b862a6;
}
#confectionery.course h2:before,#confectionery .course_mv,#confectionery .dtl_txt h4:before,.ttl_confectionery {
    background:#f88841;
}
#weekend.course h2:before,#weekend .course_mv,#weekend .dtl_txt h4:before {
    background:#416db8;
}
#parttimegeneral.course h2:before,#parttimegeneral .course_mv,#parttimegeneral .dtl_txt h4:before,.ttl_parttimegeneral {
    background:#5fb54f;
}

#general h3.topics,#general .choice_ttl{
    color:#00b1cb;
}
#welfare h3.topics{
    color:#f57496;
}
#cooking h3.topics {
    color:#00b4f3;
}
#beauty h3.topics,.beauty_point_ttl {
    color:#f23392;
}
.beauty_point_ttl {
    font-weight: bold;
    font-size: 120%;
}
#it h3.topics,#it .choice_ttl {
    color:#b862a6;
}
#confectionery h3.topics {
    color:#f88841;
}
#weekend h3.topics {
    color:#416db8;
}
#parttimegeneral h3.topics {
    color:#5fb54f;
}

.ttl_cooking,.ttl_confectionery,.ttl_beauty,.ttl_parttimegeneral {
  font-size: 1.1rem;
  color:#fff;
  display: inline-block;
  margin-bottom: 10px;
  padding:1px 8px;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: bold;
}
/*太字*/
.ttl_cooking + p,.ttl_confectionery + p,.ttl_beauty + p,.ttl_parttimegeneral + p{
  font-weight: bold;
}

/*---------------------------------*/
/* カリキュラム */

div#curriculum {
	margin-bottom: 90px;
}

div#curriculum table {
	width: 100%;
	margin-bottom: 5px;
}

div#curriculum table tr th,
div#curriculum table tr td {
	padding: 20px;
}

div#curriculum table tr th {
	text-align: center;
	font-size: 21px;
	width: 14%;
	border-right: 5px solid #fff;
	border-bottom: 5px solid #fff;
	vertical-align: middle;
	font-weight: bold;
}
div#curriculum table tr:last-child th{
	border-bottom:0;
}
div#curriculum table tr:nth-child(odd) th{
	background:#ccc;
	color:#fff;
}
div#curriculum table tr:nth-child(even) th{
	background:#E9E9E9;
	color:#ccc;
}
div#curriculum table tr td {
	border-bottom: 5px solid #fff;
	vertical-align: top;
	background:#f5f5f5;
}
div#curriculum table tr:last-child td{
	border-bottom:0
}

div#curriculum table tr td ul {
}

div#curriculum table tr td ul li {
	font-size: 14px;
	white-space: nowrap;
}

div#curriculum p {
    margin-top:15px;
	text-align: right;
}

/*普通科*/
#general div#curriculum table tr th {
	background:#00b1cb;
	color:#fff;
}
/*
#general div#curriculum table tr:first-child th,#general div#curriculum table tr:nth-child(4) th,#general div#curriculum table tr:nth-child(5) th{
	background:#00b1cb;
	color:#fff;
}
#general div#curriculum table tr:nth-child(2) th,#general div#curriculum table tr:nth-child(3) th {
    background:#d9f3f7;
    color:#00b1cb;
}
*/
#general div#curriculum h2:before{
    background: #00b1cb;
}
#general div#curriculum .combine ul {
    padding-left: 147px;
}
#general div#curriculum .r_line{
    border-right: 5px solid #fff;
    vertical-align: middle;
    background:#d9f3f7;
}
#general div#curriculum .sub_course2 {
	color:#00b1cb;
    font-weight: bold;
}

/*福祉科*/
#welfare div#curriculum table tr th{
    background: #f57496;
    color:#fff;
}
/*
#welfare div#curriculum table tr:nth-child(odd) th{
    background: #f57496;
    color:#fff;
}
#welfare div#curriculum table tr:nth-child(even) th{
    color:#f57496;
    background:#fde5ec;
}
*/
/*食物調理科*/
#cooking div#curriculum table tr th{
    background: #00b4f3;
    color:#fff;
}
/*
#cooking div#curriculum table tr:nth-child(odd) th{
    background: #00b4f3;
    color:#fff;
}

#cooking div#curriculum table tr:nth-child(even) th{
    color:#00b4f3;
    background:#d4f2fd;
}
*/
#cooking div#curriculum h2:before{
    background: #00b4f3;
}
#cooking div#curriculum .combine ul {
    padding-left: 147px;
}
#cooking div#curriculum .r_line{
    border-right: 5px solid #fff;
    vertical-align: middle;
    background:#d3edfb;
}
#cooking div#curriculum .sub_course2 {
	color: #00b4f3;
    font-weight: bold;
}
/*美容コース*/
#beauty div#curriculum table tr th{
    background: #f23392;
    color:#fff;
}
#beauty div#curriculum h2:before{
    background: #f23392;
}
#beauty div#curriculum .combine ul {
    padding-left: 147px;
}
#beauty div#curriculum .r_line{
    border-right: 5px solid #fff;
    vertical-align: middle;
    background:#f9dae7;
}
#beauty div#curriculum .sub_course2 {
	color: #f23392;
    font-weight: bold;
}
/*
#beauty div#curriculum table tr:nth-child(odd) th{
    background: #f23392;
    color:#fff;
}
#beauty div#curriculum table tr:nth-child(even) th{
    color:#f23392;
    background:#fde2f0;
}
*/
/*情報ビジネスコース*/
#it div#curriculum table tr th{
    background: #b862a6;
    color:#fff;
}
/*
#it div#curriculum table tr:nth-child(odd) th{
    background: #b862a6;
    color:#fff;
}
#it div#curriculum table tr:nth-child(even) th{
    color:#b862a6;
    background:#f2e1ee;
}
*/
/*製菓コース*/
#confectionery div#curriculum table tr th{
    background: #f88841;
    color:#fff;
}
#confectionery div#curriculum .combine ul {
    padding-left: 147px;
}
#confectionery div#curriculum .r_line{
    border-right: 5px solid #fff;
    vertical-align: middle;
    background:#fdeddb;
}
#confectionery div#curriculum .sub_course2 {
	color:#f88841;
    font-weight: bold;
}
/*
#confectionery div#curriculum table tr:nth-child(odd) th{
    background: #f88841;
    color:#fff;
}
#confectionery div#curriculum table tr:nth-child(even) th{
    color:#f88841;
    background:#fee7d9;
}
*/
/*普通科普通コース*/
#parttimegeneral div#curriculum table tr th {
	background: #5fb54f;
	color: #fff;
}
#parttimegeneral div#curriculum h2:before{
    background: #5fb54f;
}
#parttimegeneral div#curriculum .combine ul {
    padding-left: 147px;
}
#parttimegeneral div#curriculum .r_line{
    border-right: 5px solid #fff;
    vertical-align: middle;
    background:#e1eeda;
}
#parttimegeneral div#curriculum .sub_course2 {
	color: #5fb54f;
    font-weight: bold;
}

/*週末コース*/
#weekend div#curriculum table tr th{
    background: #416db8;
    color:#fff;
}
/*
#weekend div#curriculum table tr:nth-child(odd) th{
    background: #416db8;
    color:#fff;
}
#weekend div#curriculum table tr:nth-child(even) th{
    color:#416db8;
    background:#dde5f2;
}
*/


.choice_ttl {
	font-size:160%;
	font-weight:bold;
}
.choice2 {
	display:flex;
	margin-bottom:80px;
}
.choice2 .course_pic_block2 {
	width: 49.5%;
}
.choice2 p:first-of-type {
    margin-right: 1%;
}

.choice_box div {
	background:#f8f8f8;
	height:46%;
	margin-left:10px;
	padding:20px;
}
.choice_box div:first-child {
	margin-bottom:1%;
	height:51%;
	box-sizing:border-box;
}
.choice_box div ul li {
	text-indent:-1em;
	margin-left:1em;
	line-height:1.8;
}
.choice_box div ul li:before {
	content:"・";
}

#it .choice_box div,#it .choice_box div:first-child  {
    height: 48.5%;
}

.flex_fukushi {
    display: flex;
    justify-content: center;
    color:#f3537d;
    align-items: center;
    font-size:120%;
    margin-bottom:30px;
}
.flex_fukushi > p {
    font-size:450%;
    margin-right:20px;
}
.flex_fukushi ul {
    margin-left:20px;
}

.flex_fukushi ul li {
    font-size:150%;
    font-weight: bold;
}


/*---------------------------------*/
/* 週末コースのみ */
div#point {
	margin-bottom: 80px;
}

div#point h2 {
	background: #416db8;
	color: #fff;
	padding: 7px 20px;
	font-size: 16px;
	margin-bottom: 10px;
}
div#point h2:before{
	display:none;
}

div#point ul {
}

div#point ul li {
	position:relative;
	padding: 20px 10px 20px 70px;
	border-bottom: 1px solid #999;
	min-height: 30px;
	background: url(../course/images/weekend/img_weekend_05.png) no-repeat 10px 20px;
}
div#point ul li:before{
	position:absolute;
	top:32px;
	left:27px;
	font-size:160%;
}
div#point ul li:nth-child(1):before{
	content: "1";
}
div#point ul li:nth-child(2):before{
	content: "2";
}
div#point ul li:nth-child(3):before{
	content: "3";
}
	
	
div#point ul li h3 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}

div#event {
	padding: 30px;
	/*padding-right: 400px;*/
	margin-bottom: 80px;
	position: relative;
	  background-image: linear-gradient(-45deg,#fff 25%,#dce8fb 25%,#dce8fb 50%,#fff 50%,#fff 75%,#dce8fb 75%,#dce8fb);
  background-size: 6px 6px;

}

div#event h2 {
	display:inline-block;
	background: #416db8;
	color: #fff;
	padding: 5px 20px;
	text-align: center;
	margin-bottom: 10px;
	font-size:120%;
}
div#event h2:before{
	display:none;
}

div#event h3 {
	font-size: 16px;
	margin-bottom: 20px;
}
div#event img {
    position: absolute;
    right: 50px;
    top: -50px;
}

/*スケジュール・先生のメッセージ*/
p#schedule {
	margin-bottom: 60px;
}

p#schedule img#course_a {
	margin-bottom: 30px;
}
div#message{
	font-size:86%;
	width:740px;
	height:235px;
	padding:45px 150px 10px 30px;
	margin:100px auto 50px auto;
	position:relative;
	border:solid 1px #ccc;
}
div#message h3{
	font-size:158%;
	margin-bottom:15px;
}
div#message p{
	font-size:108%;
	width:510px;
}
div#message p span{
	display:block;
	text-align:right;
	font-size:86%;
	margin-top:10px;
}
div#message:after{
	position:absolute;
	bottom:-7px;
	right:0;
}
#welfare #message h3{
	color:#EA5414;
}
#welfare #message:after{
	content:url(../course/images/welfare/img_welfare_05.png);
}
#general #message h3{
	color:#009943;
}
#general #message:after{
	content:url(../course/images/general/img_general_05.png);
}
#sports #message h3{
	color:#8EC31E;
}
#sports #message:after{
	content:url(../course/images/sports/img_sports_05.png);
}
#sports #message p{
	width:480px;
}
#cooking #message h3{
	color:#01B4ED;
}
#cooking #message:after{
	content:url(../course/images/cooking/img_cooking_05.png);
}
#standard #message h3{
	color:#E03631;
}
#standard #message:after{
	content:url(../course/images/standard/img_standard_06.png);
}
#beauty #message h3{
	color:#EE86A7;
}
#beauty #message p{
	width:530px;
}
#beauty #message:after{
	content:url(../course/images/beauty/img_beauty_06.png);
}
#it #message h3{
	color:#6457A3;
}
#it #message:after{
	content:url(../course/images/it/img_it_05.png);
}
#confectionery #message h3{
	color:#d7910b;
}
#confectionery #message:after{
	content:url(../course/images/confectionery/img_confectionery_05.png);
}
#weekend #message h3{
	color:#00A59F;
}
#weekend #message:after{
	content:url(../course/images/weekend/img_weekend_04.png);
}

/*---------------------------------*/
/* 介護福祉科　公開情報ページ */
/*---------------------------------*/

/*福祉科のリンク先のページh2*/
.course .plain_ttl_s {
	font-size:160%;
}
.course .plain_ttl_s:before{
	display:none;
}

table#section_02_table {
}

table#section_02_table tr td {
	border-right: 1px dotted #9b9b9b;
}

table#section_02_table tr#total_cel td {
	border-right: none;
}

table#section_03_table {
}

table#section_03_table tr th {
	background: none;
}

table#section_03_table tr.top_line th {
	background: #c4c4c4;
}

table#section_03_table tr td {
	border-right: 1px dotted #9b9b9b;
}

table#section_03_table tr.ttl_line th,
table#section_03_table tr.ttl_line td {
	background: #e3e3e3;
	border-top: 1px solid #9b9b9b;
}

ul#section_04_list {
}

ul#section_04_list > li {
	margin-bottom: 20px;
}

ul#section_04_list li ul,
ul#section_04_list li p{
	padding-left: 2em;
}

ul#section_04_list li span {
	font-weight: bold;
}


/*---------------調整用追記---------------*/

div#curriculum table {
	border:none;
}
div#curriculum table tr th {
	border:none;
	border-bottom:5px solid #fff;
	border-right:5px solid #fff;
}
div#curriculum table tr th.dashed_top {
    border-top:5px solid #fff;
}
div#curriculum table tr th.dashed {
    border-bottom:5px solid #fff;
}
div#curriculum table tr td.dashed {
    border-bottom:5px solid #fff;
}

.select_subject{
	font-size: 13px;
	font-weight: normal;
}