@charset "utf-8";


.tsushin .rbn strong{ color:var(--mainColor);}
.tsushin .rbn{filter:var(--shadow_rbn);}

/* 3-1（通学課程）
******************************************************************/
.tsugaku .subtop{margin: 0;}
.tsugaku .boxdash,
.foreigner .boxdash,
.tsushin .boxdash{outline: 2px dashed #fff;}
.foreigner h3.bg_blue_u{ padding: 1rem;}
.foreigner a.linkbtn_r{ width: 90%; max-width: 650px;}
.foreigner .tb_title{ margin-bottom: 1rem;}
.foreigner .huki{
	background: url("img/dept3_huki.png") no-repeat;
	background-size: 100% 100%;
	padding:3rem 5rem 5rem;
	position: relative; z-index: 2;
}
.giza{
background: url("img/dept3_61.png") no-repeat;background-size: 100% 100%;
color: #fff;
padding: 2rem;
font-size: 1.2rem;

}

.tsugaku h3{ margin-bottom:1em;}
.tsugaku h4{ font-size:1.6rem !important;} 

.voice_w .arrows{ justify-content:space-between; padding-bottom:1rem; }
.voice_w .arrows button{ border:none; background:none; font-size:30px;}

.voice_w{max-width:500px; margin:0 auto;}
.voice_con{
	display:flex !important;
	align-items:center;
	margin:0 1rem;
}

.voice_con .in{ padding:2rem 3rem 4rem 2rem;}

.correspond .rbn h4::before{background-color: #e4f1fa;}
.correspond .rbn svg{ color:#e4f1fa}

.pita{
	margin: 3rem auto 1rem;
	padding: 0 6rem 3.5rem;
	background: url("img/dept1_06.png") no-repeat;
	background-size: 100% 100%;
}
.pita h3{
	margin-top: -2rem;
	margin-bottom: 0!important;
}
.pita li{margin-bottom: 0.3rem;}
.pita b{
	font-weight: 500;
	padding: 0 3px 1px;
	display: inline;
}


/*こども学科*/
.child .box_line{border:solid 3px #FFA0C8;}

.child .kamokulist li{background: #E6017A; width: 10em;}
.child .pita b{
	background:linear-gradient(transparent 85%, #FFA0C8 0%);
}
.child .boxcheck_li li::before{color:#FFA0C8; }

.kamokulist{margin: 0 auto 1rem; text-align: left;}
.kamokulist.child_label{
	margin: 0 auto 1rem;
	text-align: left;
	display: inline-block;
}
.kamokulist li{
	white-space: nowrap;
	text-align: center;
    color: #fff;
    -webkit-border-radius: 2em;
    border-radius: 2em;
}

.child #title{background:#ffa0c9;}
.child .voice_con{
	aspect-ratio:750/571;
	background:url(img/dept1_11.png) no-repeat;
	background-size:100% 100%;
}
.bg_pink .timesk thead strong { border:solid 1px #f4a584}
.bg_pink .timesk tbody th{background:#f26979;}
.bg_pink .timesk tbody td{background:#fdece0;}

.bg_pink a.henbtn{	box-shadow:5px 5px 0 rgba(240,130,160,0.3);}
.bg_pink a.henbtn::after{ color:#00cc00;}
.bg_pink a.henbtn svg .punk{fill:#f06e78;}
.bg_pink a.henbtn svg .nami{fill:#ffa0c8;}


/*介護福祉士学科*/
.care #title{background:#8fe9e6;}
.care .kamokulist li{background: #03B4C2; width: 8em; margin-left: 0.5rem;}
.care .pita b{
	background:linear-gradient(transparent 85%, #8CE6E6 0%);
}
.care .box_line{border:solid 3px #8CE6E6;}

.care .boxcheck_li li::before{color:#8CE6E6; }
.care .voice_con{
	aspect-ratio:693/621;
	background:url(img/dept1_30.png) no-repeat;
	background-size:100% 100%;
}
.bg_aqua .timesk thead strong { border:solid 1px #5acdaf}
.bg_aqua .timesk tbody th{background:#66afe2;}
.bg_aqua .timesk tbody td{background:#e9f5f5;}

.bg_aqua a.henbtn{	box-shadow:5px 5px 0 rgba(90 ,205,175,0.3);}
.bg_aqua a.henbtn::after{ color:#ffea00;}
.bg_aqua a.henbtn svg .punk{fill:#8cdc69;}
.bg_aqua a.henbtn svg .nami{fill:#8ce6e6;}


/* 時間割 */
.timesk{
	background:#fff;
	padding:1rem;
	-webkit-border-radius: 1rem;
	border-radius: 1rem;
}
.timesk table{border-collapse: separate; border-spacing: 5px;}
.timesk thead strong,
.timesk th,
.timesk td{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
}
.timesk tbody th,
.gakuhi th{ color:#fff !important;}

.timesk thead{ background:#fff !important;}
.timesk thead strong {display:block;}
.timesk p{ margin:5px 0 0;}
.timesk tbody th{ white-space:normal;}
.timesk tbody td{ width:17%; padding:0.5rem 1rem;}


/* 3-2（通信課程）
******************************************************************/
.social #title{background:#f9ce7c;}
.mental #title{background:#80e4ea;}
.mshort #title{background:#cde89f;}

.kami{ background:url(../img/bg_kami.jpg);}

.correspond h3{ padding:15px; margin-bottom:60px;}
.point5 h4{ margin-bottom:3rem;}
.point5 hr{ border-bottom:dotted 3px var(--mainColor); margin:3rem 0;}
.point5 picture img{
	-webkit-border-radius: 1rem;
	border-radius: 1rem;
}

.tenin { margin:0 auto 1rem;}
.tenin td{ padding:0.5rem 1rem; text-align:center;}
.tenin td:nth-child(1){ border-right:solid 1px #000;}
.tenin tr:not(:last-child) td { border-bottom:solid 1px #000;}


.shiryoLink{ color:#fff; padding:30px; margin-top:3rem;}
.shiryoLink ul{ margin:0; padding:0; list-style:none;}
.shiryoLink li{ margin:10px 0;}
.shiryoLink a{
	display: block;
	background:#fff;
	padding:0.5rem 3rem;
	border:solid 1px currentColor;
	font-weight:bold;
	position: relative;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
.shiryoLink a::before,
.shiryoLink a::after{
    display: block;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    aspect-ratio: 1/1;
    font-size: 16px;
    line-height: 1.3em;
    width: 1.3em;
    height: 1.3em;
}
.shiryoLink a::after{
    font-family: 'icomoon' !important;
    content: "\e905";
    color: #fff;
}
.shiryoLink a::before {
    content: "";
    background: currentColor;
}

.gakka h3{
	border-top:solid 2px #eaeaea;
	border-bottom:solid 2px #eaeaea;
	background:#fff;
	margin-bottom:2rem;
}
.gakka h3  strong{
	display:block;
	padding:10px;
}
.maruNO{ margin:0; padding:0; list-style: none;}
.maruNO strong{
	width:2rem;
	height:2rem;
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:1rem;
	left:5px;
	color:#fff;
}
.maruNO li{padding:1rem 0 1rem 3rem; position:relative;}

.pointBG_w{ position:relative;}
.pointBG{
	position:relative;
	background:url(img/pointbg.png) no-repeat; background-size:100% 100%;
	padding:2rem 3rem 4rem;
	z-index:1;
}
.pointBG_w .phot{ position:relative; z-index:0; margin:-5rem 0 0;}
.kumo{
	background:url(img/dept2_22.png) no-repeat;
	background-size:100% 100%;
	padding:7% 3rem;
	margin-bottom:3rem;
}
.kumo .t_l{ padding:2rem 2rem 1rem; line-height:2;}

/*社会福祉士養成〜*/
.social .tit_bg{ background:var(--ce79900-h);}
.social .shiryoLink{
	background:url(../dept/img/dept2_34.png) no-repeat;
	background-size:100% 100%;
}
.social h3 strong{	border-left: solid 12px #e79900;}

/*テーブル装飾*/
.social .colortable .radius,
.social .colortable .radius th,
.social .colortable .radius td,
.social .colortable table:not(.radius),
.social .colortable table:not(.radius) td
{border-color:#fac559;}
.social .colortable .radius th{background-color:#fac559;}

.social .rbn h4::before{background-color: #fac559;}
.social .rbn svg{ color:#fac559}


.social .colorbox.line{ border:solid 1px #f48445;}
.social .line li:not(:last-child){border-bottom:dotted 2px #fac559;}
.social .maruNO li{border-bottom:dotted 2px #fac559!important;}
.social .maruNO strong{ background:url(img/tsushin_o.png) no-repeat; background-size:contain;}
.social .pointBG{ filter:drop-shadow(0 0 1px #f48445)}


/*精神保健福祉士養成〜*/
.mental .tit_bg{ background:#72e1ea;}
.mental .shiryoLink{
	background:url(../dept/img/dept2_50_1.png) no-repeat;
	background-size:100% 100%;
}

.mental .colorbox.line{ border:solid 1px #17aab6;}
.mental .line li:not(:last-child){border-bottom:dotted 2px #17aab6;}
.mental .maruNO li{border-bottom:dotted 2px #70dfea !important;}
.mental .maruNO strong{ background:url(img/tsushin_b.png) no-repeat; background-size:contain;}
.mental h3 strong{	border-left: solid 12px #009dae;}

.mental .rbn h4::before{background-color: #71dfe7;}
.mental .rbn svg{ color:#71dfe7}

/*テーブル装飾*/
.mental .colortable .radius,
.mental .colortable .radius th,
.mental .colortable .radius td,
.mental .colortable table:not(.radius),
.mental .colortable table:not(.radius) td
{border-color:#17aab6;}
.mental .colortable .radius th{background-color:#70dfe8;}
.mental .pointBG{ filter:drop-shadow(0 0 1px #009dae)}


/*精神保健福祉士養成短期〜*/
.mshort .tit_bg{ background:#cde89e;}
.mshort .shiryoLink{
	background:url(../dept/img/dept2_62.png) no-repeat;
	background-size:100% 100%;
}

.mshort .colorbox.line{ border:solid 1px #7dbfb2;}
.mshort .line li:not(:last-child){border-bottom:dotted 2px #a7d63c;}
.mshort .maruNO li{border-bottom:dotted 2px #a7d63c!important;}
.mshort .maruNO strong{ background:url(img/tsushin_g.png) no-repeat; background-size:contain;}
.mshort h3 strong{	border-left: solid 12px #017d67;}

.mshort .rbn strong{ color:#fff;}
.mshort .rbn h4::before{background-color: #a7d63c;}
.mshort .rbn svg{ color:#a7d63c}

/*テーブル装飾*/
.mshort .colortable .radius,
.mshort .colortable .radius th,
.mshort .colortable .radius td,
.mshort .colortable table:not(.radius),
.mshort .colortable table:not(.radius) td
{border-color:#a7d63c;}
.mshort .colortable .radius th{background-color:#a7d63c;}
.mshort .pointBG{ filter:drop-shadow(0 0 1px #017d67)}

.kateiList{padding: 0.5rem!important;}
.kateiList p {margin: 0 0 5px!important;}
.kateiList p strong{
	display: block;
	border:solid 1px #1FB3CC;
	padding: 5px;
	border-radius: 5px;
}
.kateiList table{
	width:calc(100% + 10px);
	margin-left: -5px;
}
.kateiList th{
	padding: 5px 3px;
	border-radius: 10px;
	line-height: 1;
}
th.a_katei1{ border: solid 3px #5ACDAF;}
.a_katei1 .ar{fill:#8cdc69;}

th.a_katei2{ border: solid 3px #64AFE6;}
.a_katei2 .ar{fill:#64AFE6;}

th.a_katei3{ border: solid 3px #F0AF28;}
.a_katei3 .ar{fill:#F0AF28;}

.kateiList .inlineblock {border-radius: 5px; padding: 5px; line-height: 1;}



/* 3-3（通学課程（留学生））
******************************************************************/
.japan #title{background:#cc95d8;}
.it #title{background:#9c99d6;}
.inter #title{background:#7ca4d1;}
.foreigncare #title{background:#5cd0a6;}
.psycho #title{background:#7ad4d3;}


.foreigner .onlybg{background:#dfddf7;}
.foreigner main h3{ margin-bottom:3rem;}

.kuni li{ padding:0.5rem; background:#fff;}

.in_w,
.in_b{display:inline-block; padding:6px 1.5rem; line-height:1;}
.in_w{ background:#fff;}
.in_b{ background:#64afe6; color:#fff;
-webkit-border-radius: 2em;
border-radius: 2em;}

.boxcheck {
	background:url(img/kumo2.png) no-repeat;
	background-size:100% 100%;
	padding:3rem 3rem 3rem;
	text-align:center;
}
.boxcheck h3{
	background:url(img/back.png) no-repeat;background-size:100% 100%;
	max-width:50%;
	min-width:14rem;
	color:#fff;
	font-size:1.5rem !important;
	margin:0 auto 0.5rem !important;
	padding:10px;
	line-height:1.8 !important;
	position:relative;
}
.boxcheck h3::after{
	content:"";
	position:absolute; bottom:-1px; left:0;
	width:100%;
	height:2px;
	background:#fff;
}

.boxcheck ul,
.boxcheck_li { display:inline-block; margin:0; padding:0; list-style:none; text-align:left;}
.boxcheck li,
.boxcheck_li li{ position:relative; padding-left:2rem;}
.boxcheck li::before,
.boxcheck_li li::before{
	font-family: 'icomoon' !important;
	content: "\e904";
	position:absolute;
	top:0.4em;
	left:0.2em;
	font-size:1em;
	line-height:1;
	z-index:2;
}
.boxcheck li::after,
.boxcheck_li li::after{
	position:absolute;
	top:0.5em;
	left:0;
	content:"";
	display:block;
	width:1em;
	height:1em;
	border:2px solid var(--mainColor);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index:1;
}


/* 学費 */
.gakuhi table{
	background:#fff;
	-webkit-border-radius: 1rem;
	border-radius: 1rem;
	border-collapse:collapse;
	overflow:hidden;
}
.gakuhi th,
.gakuhi td{ padding:5px; text-align:center;}
.gakuhi th:not(:last-child){ border-right:solid 1px #fff;}
.gakuhi td{ border:solid 1px #dfddf7;}

.dl{ background-size:100% 100% !important; max-width:750px; margin:0 auto; padding:3rem 4rem;}
.dl ul{ margin:0; padding:0; list-style: none;}
.dl ul li{ margin:0.5rem 0;}
.dl a{ width:100%; text-align:center;}

/* 「詳しくは学費ページへ」 */
.foreigner a.henbtn{	box-shadow:5px 5px 0 rgba(240,130,160,0.3);}
.foreigner a.henbtn svg .punk{fill:#f06e78;}
.foreigner a.henbtn svg .nami{fill:#ffa0c8;}
.foreigner a.linkbox{
    background: #fff;
	border:solid 2px currentColor;
    filter: drop-shadow(0 0 0);
}

.japan .boxcheck h3,
.japan .rbn h4::before{ background-color: #c896dc;}
.japan .boxcheck li::before,
.japan .rbn svg{ color:#c896dc}
.japan .boxdash{border-color:#c896dc; background:#c896dc;}
.japan .dl{ background:url(img/dept3_51.png) no-repeat;}
.japan .dl a{ color:#52a035;}
/* 「詳しくは学費ページへ」 */
.japan a.henbtn::after{ color:#0fe4f7;}

.japan .timesk thead strong { border:solid 1px #c896dc}
.japan .timesk tbody th{background:#c896dc;}
.japan .timesk tbody td{background:rgba(200,150,220,0.5);}
.japan .gakuhi th{background:#c896dc;}


.it .boxcheck h3,
.it .rbn h4::before{background-color: #9696dc;}
.it .boxdash{	border-color:#9696dc;	background:#9696dc;}
.it .dl{ background:url(img/dept3_61.png) no-repeat;}
.it .dl a{ color:#b5a109;}
.it .boxcheck li::before,
.it .rbn svg{ color:#9696dc}
/* 「詳しくは学費ページへ」 */
.it a.henbtn::after,
.it a.linkbox::before{ color:#2cb4ad;}
.it .timesk thead strong { border:solid 1px #9696dc}
.it .timesk tbody th{background:#9696dc;}
.it .timesk tbody td{background:rgba(150,150,220,0.5);}
.it .gakuhi th{background:#9696dc;}

.inter .boxcheck h3,
.inter .rbn h4::before{background-color: #73a0d2;}
.inter .boxdash{	border-color:#73a0d2;	background:#73a0d2;}
.inter .dl{ background:url(img/dept3_72.png) no-repeat;}
.inter .dl a{ color:#f29700;}
.inter .boxcheck li::before,
.inter .rbn svg{ color:#73a0d2}
/* 「詳しくは学費ページへ」 */
.inter a.henbtn::after,
.inter a.linkbox::before{ color:#0066ff;}
.inter .timesk thead strong { border:solid 1px #73a0d2}
.inter .timesk tbody th{background:#73a0d2;}
.inter .timesk tbody td{background:rgba(115,160,210,0.5);}
.inter .gakuhi th{background:#73a0d2;}

.foreigncare .boxcheck h3,
.foreigncare .rbn h4::before{background-color: #78d2d2;}
.foreigncare .boxdash{	border-color:#78d2d2;	background:#78d2d2;}
.foreigncare .timesk thead strong { border:solid 1px #78d2d2}
.foreigncare .timesk tbody th{background:#78d2d2;}
.foreigncare .timesk tbody td{background:rgba(120,210,210,0.5);}
.foreigncare .gakuhi th{background:#78d2d2;}
.foreigncare .dl{ background:url(img/dept3_82.png) no-repeat;}
.foreigncare .dl a{ color:#0d7878;}
.foreigncare .boxcheck li::before,
.foreigncare .rbn svg{ color:#78d2d2}
/* 「詳しくは学費ページへ」 */
.foreigncare a.henbtn::after,
.foreigncare a.linkbox::before{ color:#e35ba6;}

.psycho .boxcheck h3,
.psycho .rbn h4::before{background-color: #64cda5;}
.psycho .boxdash{	border-color:#64cda5;	background:#64cda5;}
.psycho .timesk thead strong { border:solid 1px #64cda5}
.psycho .timesk tbody th{background:#64cda5;}
.psycho .timesk tbody td{background:rgba(100,205,165,0.5);}
.psycho .gakuhi th{background:#64cda5;}
.psycho .dl{ background:url(img/dept3_93.png) no-repeat;}
.psycho .dl a{ color:#cc648c;}
.psycho .boxcheck li::before,
.psycho .rbn svg{ color:#64cda5}
/* 「詳しくは学費ページへ」 */
.psycho a.henbtn::after,
.psycho a.linkbox::before{ color:#f3981d;}

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

h4.font120{
	font-size:var(--font50)!important;
	margin: 1rem 0;
}

}