@charset "utf-8";
/*
Theme Name: skk2022
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.0.0
*/
@import url("font/style.css");
/* 各コースの色：制御（トップページのCOURSE、各コース案内ページ、年度関係なく共通状態なので変更には注意。使用箇所：1654行〜、2083行〜） */
:root {
	/* 高度IT学科 */
	--it:#2583d1;
	/* ITエンジニアコース, ITドローンエンジニアコース */
    --it_E:#38C2E6;
	--it_E_b:#F2F8FA; /* 背景 */
	--it_E_c:#0A5B94;
	/* デジタルクリエイターコース */
	--creative:#FDA936;
	--creative_b:#FFF9F0; /* 背景 */
	--creative_c:#FF730B;
	/* eスポーツビジネスコース */
    --esports:#7030a0; /* Purple */
	/* 登録販売者コース */
    --drug:#87D043;
	--drug_b:#F9FFF4; /* 背景 */
	--drug_c:#58A80E;
	/* 医療事務・メディカルスタッフコース */
	--medical:#30CCC5;
	--medical_b:#F0FDFD; /* 背景 */
	--medical_c:#00A8A1;
	/* ホテル・ブライダルコース */
	--hotel:#FF7070;
	--hotel_b:#FDF8FC; /* 背景 */
	--hotel_c:#C74EA8;
	/* オフィス・サービスコース, 販売・総務事務専攻 */
    --office:#D81B60; /* Reddish Pink */
	--office_b:#FFF7F8; /* 背景 */
	--office_c:#F44B67;
	/* 公務員学科 */
    --public:#9966CC; /* Amethyst */
	--public_b:#f5edfc; /* 背景 */
	--public_c:#9966CC;
}
/* ----------------------------------- 共通 ----------------------------------- */
body{
	color:#242424;
	font-size:15px;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.no_margin {
	margin:0 !important;
}
p a , li a , a , a:hover{
	text-decoration:none;
	color:#242424;
	transition:all 0.4s;
	letter-spacing: 0.01em;
}
p{	
	line-height:1.8em;
}
h1,h2,h3,h4,h5 {
	border:none;
}
h3::after {
	border:none;
}
.site-body a {
	color:#0091CF;
}
.flex_box{
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
}
hr {
	margin: 1em 0 2.5em;
}
.w50 {
	width:50%;
	padding: 1em;
}
.w40 {
	width:40%;
	padding: 1em;
}
.w30 {
	width:30%;
	padding: 1em;
}
.w25 {
	width:25%;
	padding: 1em;
}
.w20 {
	width:20%;
	padding: 1em;
}
.sp , .sps , .entry-meta-item-updated , .entry-meta-item-author , .logged-in .um-login , .logged-in .login_text , .logged-in .um-form div.um-account-meta , .logged-in .logout_text , .category-open_c .entry-meta{
	display:none;
}
.height_c {
	align-items:center;
}
.width_c {
	justify-content:center;
}
.bunner1 {
	margin:15px;
}
.clear {
	clear:both;
}
.mt23{
	margin-top:2.3rem;
}
.mt3{
	margin-top:3rem;
}
.big1 {
	font-size:1.1em;
}
.big2 {
	font-size:1.4em;
}
.small1 {
	font-size:0.9em;
}
.small2 {
	font-size:0.75em;
	color:#777777;
}
.small3 {
	font-size:0.75em;
	color:#dc143c;
}
.kesu {
	text-decoration-line: line-through;
	text-decoration-style:solid;
	text-decoration-color: red;
}
table {    
	width: 98%;
   margin: 2em 1%;
	overflow-x: scroll;
}
table th {
	font-weight:bold;
	text-align: center;
	background-color: #CCEFFF;
	font-size:90%;
	padding:0.9em 1.5em;
	letter-spacing: 0.1em;
	white-space: nowrap;
}
table td {
	font-size:90%;
	padding:0.9em 1.5em;
	background-color: #ffffff;
}
table td.c_blue {
	background-color:#E8F6FE;
    text-align: center;
    width: auto;
	font-weight: 700;
    letter-spacing: 0.1em;
}
.btn_blue {
	margin:2em 0;
}
.btn_blue a {
	padding: 1rem 3rem;
   color: #ffffff;
   background-color: #005b94;
	font-weight: bold;
   font-size: 1.1em;
	display: inline-block
}
.btn_blue a:hover {
    background-color: #38C2E6;
}
.btn_pink {
	margin:2em 0;
}
.btn_pink a {
	padding: 1rem 3rem;
    color: #ffffff;
    background-color: #F44B67;
    font-weight: bold;
    font-size: 1.1em;
	 border-radius: 4px;
}
.btn_pink a:hover {
    background-color: #F58194;
}
.white {
	color:#ffffff;
}
.red {
	color:#E00020;
}
.blue {
	color:#0A5B94;
}
.half_margin {
	margin-bottom:0.5em;
}
.bold {
	font-weight: 700;
}
.sns_box {
	background-color: #005b94;
	border-radius: 3px;
 	padding: 1em;
	display:block;
}
/* ---------- form ---------- */
label {
	font-weight:bold;
	font-size:1.1em;
}
.hissu {
	font-size:80%;
	color:#E00020;
	padding-left: 0.5em;
}
.hissu_b {
	font-size:80%;
	color:#0A5B94;
	padding-left: 0.5em;
}
.hissu_r_box{
	position:relative;
	line-height:2rem;
}
.hissu_r {
	font-size:70%;
	line-height:1rem;
	font-weight:normal;
	color:#ffffff;
	background-color:#E00020;
	padding:0.2rem;
	border-radius:0.2rem;
	position:absolute;
	display:block;
	bottom:-0.15rem;
	right:-2.5rem;
}
input.w_time {
	width:auto !important;
}

/* ----------------------------------- Header ----------------------------------- */
.header_box{
	padding:0 3rem;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items:center;
	-webkit-align-items:center;
	position:relative;
}
.site-header-logo{
	width:30%;
	padding-top:0.5rem;
	margin-bottom:0.5rem;
}
/* menu */
.menu_pc_box{
	width:70%;
	padding-left:1rem;
}
.menu_pc_child{
	padding:0;
	margin:0;
	list-style:none;
	justify-content:flex-end;
	-webkit-justify-content:flex-end;
	align-items:center;
	-webkit-align-items:center;
}
.menu_pc_child > li{
	margin:0 1rem;
}
.menu_pc_child > li >a{
	display:block;
	padding:1.8rem 0.5rem;
	font-weight:bold;
	position:relative;
}
.menu_pc_child > li:not( .cb_mail ) > a:after{
	content:"";
	position:absolute;
	left:0;
	bottom:1rem;
	width:100%;
	height:2px;
	background-color:#005b94;
	transform:scaleX(0);
	transform-origin: right;
	transition: transform .7s cubic-bezier(.19, 1, .22, 1);
}
.menu_pc_child > li:hover > a:after{
	transform:scaleX(1);
	transform-origin: left;
}
.menu_course_box{
	opacity:0;
	transition:all 0.6s;
	position:absolute;
	left:0;
	top:5rem;
	z-index:-1;
	background-color:#ffffff;
	width:100%;
}
.menu_pc_child li:hover > .menu_course_box{
	z-index:9999;
	opacity:1;
	transition:all 0.6s;
}
/* hamburger */
#vk-mobile-nav-menu-btn{
	display:none;
}
.hamburger{
	display : none;
	width:36px;
	height:36px;
	cursor:pointer;
	position:fixed;
	top:1.4rem;
	right:1.2rem;
	z-index:10000;
}
.hamburger span{
	display:block;
	position:absolute;
	width:36px;
	height:2px;
	right:0;
	background:#005b94;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
	top:6px;
}
.hamburger span:nth-child(2) {
	top:18px;
}
.hamburger span:nth-child(3) {
	top:30px;
}
/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1){
	width:36px;
	top:18px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3){
	width:36px;
	top:18px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
/* 資料請求 */
.menu_pc_child .cb_mail{
	margin:0 0 0 2rem;
}
.menu_pc_child .cb_mail a{
	padding:0.8rem 2.5rem 0.8rem 4rem;
	color:#ffffff;
	background-color:#005b94;
	position:relative;
}
.menu_pc_child .cb_mail a:before{
	content:"";
	width:calc( 13px * 1 );
	height:calc( 17px * 1 );
	background:url("img/icon_shiryou.svg") no-repeat center;
	background-size:contain;
	position:absolute;
	left:2.5rem;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.menu_pc_child .cb_mail a:hover{
	background-color:#38c2e6;
}
/* menu_child */
.menu_course_child{
	padding:2rem 5% 2rem 38%;
	position:relative;
	overflow:hidden;
	min-height:300px;
}
.menu_course_child h3{
	font-size:1.2rem;
	color:#005b94;
	padding-bottom:0.3rem;
	margin-bottom:1.5rem;
	border-bottom:solid 1px #9a9a9a;
}
.menu_course_child h4{
	font-size:1rem;
	color:#005b94;
	margin:0 0 0.5rem 0;
	padding:0 0.5rem;
}
.menu_child_text_box{
	padding:0 1rem;
	list-style:none;
	margin:0 0 1rem 0;
}
.menu_child_text_box li{
	width:33%;
	padding:0 0.5rem 0 1rem;
	margin:0 0 0.5rem 0;
}
/* 20240404 ↓ */
.menu_course_child .course_th{
	color:#999999;
	font-size:1.2rem;
}
.menu_course_child h4 a{
	color:#005b94;
}
.menu_course_child h4 small , .menu_img_of a small{
	color:#ffffff;
	font-size:0.6rem;
	padding:0.3rem;
	margin-left:0.5rem;
	background-color:#f22744;
	border-radius:0.2rem;
}
.course_box .menu_child_text_box li{
	width:100%;
	padding:0 0.5rem 0 1rem;
	margin:0 0 0.3rem 0;
}
.course_box .menu_child_text_box02 li{
	width:50%;
}
.menu_cc_text_box{
	margin:0;
	padding:0;
}
.course_box .menu_cc_text_box li{
	list-style:none;
	width:auto;
	padding:0 0 0 0.5rem;
}
.course_box .menu_cc_text_box li:not(:last-child):after{
	content:"/";
	padding-left:0.5rem;
	color:#999999;
}
.menu_cc_text_box li a{
	color:#999999;
	font-size:0.8rem;
}
.menu_cc_text_box li a:hover{
	color:#005b94;
}
/* 20240404 ↑ */
.menu_course_child:before , .menu_child_text_box li a:before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:35vw;
	height:100%;
	background-position:center;
	background-size:cover;
	transition:all 0.6s;
}
.menu_child_text_box li a:before{
	opacity:0;	
}
.menu_child_text_box li a:hover:before{
	transition:all 0.6s;
	background-position:center;
	background-size:cover;
	opacity:1;
}
.menu_child_text_box li a span{
	position:relative;
}
.menu_child_text_box li a span:before{
	content:"";
	display:block;
	position:absolute;
	width:7px;
	height:7px;
	border-top:solid 2px #d9d9d9;
	border-right:solid 2px #d9d9d9;
	-webkit-transform: rotate(45deg);
   transform: rotate(45deg);
	top:4px;
	left:-1.2rem;
}
.menu_child_text_box li a span:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	bottom:-0.2rem;
	width:100%;
	height:1px;
	background-color:#005b94;
	transform:scaleX(0);
	transform-origin: right;
	transition: transform .7s cubic-bezier(.19, 1, .22, 1);
}
.menu_child_text_box li a:hover span:after{
	transform:scaleX(1);
	transform-origin: left;
}
/* 背景画像の変更 */
/* 背景_コース案内 */
.menu_course_child01:before{
	background:url("img/other_top.jpg") no-repeat center;
	background-size:cover;
}


/* eスポーツビジネスコース */
.menu_img_esp a:before{
    background:url("https://net-skk.co.jp/wp-content/uploads/2026/02/ESP-scaled.jpg") no-repeat;
}

/* ドローンエンジニアコース */
.menu_img_itd a:before{
	background:url("img/drone_top.jpg") no-repeat;
}
/* ITビジネスコース */
.menu_img_itb a:before{
	background:url("img/itb_top.jpg") no-repeat;
}
/* ITエンジニアコース */
.menu_img_ite a:before{
	background:url("img/ite_top.jpg") no-repeat;
}
/* ITスペシャリストコース */
.menu_img_its a:before{
	background:url("img/its_top.jpg") no-repeat;
}
/* Web動画コース */
.menu_img_cd a:before{
	background:url("img/webdouga.jpg") no-repeat;
}
/* グラフィックデザインコース */
.menu_img_gr a:before{
	background:url("img/gd_top.jpg") no-repeat;
}
/* 医療事務コース */
.menu_img_ir > a:before{
	background:url("img/iryo_top2023.jpg") no-repeat;
}
/* 登録販売者コース */
.menu_img_to > a:before{
	background:url("img/touroku_top.jpg") no-repeat;
}
/* ホテル・ブライダルコース */
.menu_img_ho > a:before{
	background:url("img/hotel_top.jpg") no-repeat;
}
/* オフィスビジネスコース */
.menu_img_of > a:before{
	background:url("img/office_top2023.jpg") no-repeat;
}
/* 公務員学科 */
.menu_img_ko a:before{
	background:url("img/komuin_top2023.jpg") no-repeat;
}
/* 背景_学校案内 */
.menu_course_child02:before{
	background:url("img/gakko_top.jpg") no-repeat center;
	background-size:cover;
}
/* 背景_就職 */
.menu_course_child03:before{
	background:url("img/syu_top.jpg") no-repeat center;
	background-size:cover;
}
/* 背景_入学案内 */
.menu_course_child04:before{
	background:url("img/nyu_top.jpg") no-repeat center;
	background-size:cover;
}
/* 背景_オープンキャンパス */
.menu_course_child05:before{
	background:url("img/oc_top.jpg") no-repeat center;
	background-size:cover;
}
/* 総務事務専攻 */
.menu_img_so a:before{
	background:url("img/office_s.jpg") no-repeat center;
	background-size:cover;
}
/* ----------- スマホ時メニュー ----------- */
.vk-mobile-nav nav ul li a {
    font-weight: 700;
	color:#242424;
	font-size: 1.1em;
	padding: 0.8em 0.5em;
}
.vk-menu-acc ul.sub-menu li a {
    font-size: 85%;
	color:#666666;
}
ul#menu-sp_sub {
	border-top:none;
	display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
	align-content: center;
	margin: 0;
    padding: 0;
    justify-content: center;
	background-color: #005b94;
}
ul#menu-sp_sub li {
	text-align: center;
    position: relative;
    margin: 0;
	width: 50%;
    border-bottom: solid 0.5px #ffffff;
}
ul#menu-sp_sub li::after {
	content: "";
    display: block;
    width: 1px;
    height: 2rem;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	height: 100%;
}
ul#menu-sp_sub li a {
	display: block;
    color: #ffffff;
    font-weight: bold;
    padding: 1rem 0.5rem;
}

/* ----------------------------------- Footer ----------------------------------- */
.footer_box{
	background-color:#005b94;
}
.footer_copy_box{
	align-items:center;
	padding:2rem 0;
}
.footer_copy_box01{
	width:32%;
	border-right:solid 1px #ffffff;
	padding:0 2rem 0 1rem;
}
.footer_copy_box02{
	width:23%;
	padding:0 0.5rem 0 2rem;
}
.footer_copy_box03{
	width:26%;
	padding:0 0.5rem;
}
.footer_copy_box04{
	width:19%;
	padding:0 1rem;
}
.footer_copy_box01 p{
	background:url("img/logo_white.svg") no-repeat left top;
	background-size:contain;
	font-size:0.7rem;
	padding-top:2.8rem;
	margin:0;
	color:#ffffff;
}
.footer_copy_box02 .txt{
	color:#ffffff;
	margin:0 0 0.3rem 0;
	font-weight:bold;
	font-size:0.7rem;
}
.footer_copy_box02 .tel{
	color:#ffffff;
	margin:0 0 0.6rem 0;
	font-size:1.2rem;
	line-height:1.2rem;
	font-weight:bold;
}
.footer_copy_box02 .tel a{
	color:#ffffff;
}
.fcb03_box{
	margin:0;
	padding:0;
	list-style:none;
	justify-content:center;
	align-items:center;
}
.fcb03_box li{
	width:50%;
	padding:0 0.5rem;
	margin:0;
}
.fcb03_box li a{
	display:block;
	padding:0.5rem 0.5rem 0.5rem 0.8rem;
	margin:0;
	color:#ffffff;
	border:solid 1px #ffffff;
	font-weight:bold;
	font-size:0.7rem;
	position:relative;
}
.fcb03_box li a:after{
	content:"";
	display:block;
	position:absolute;
	width:7px;
	height:7px;
	border-top:solid 2px #d9d9d9;
	border-right:solid 2px #d9d9d9;
	-webkit-transform: rotate(45deg);
   transform: rotate(45deg);
	top:13px;
	right:1.2rem;
	transition:all 0.6s;
}
.fcb03_box li a:hover{
	background-color:#38c2e6;
}
.fcb03_box li a:hover:after{
	right:0.8rem;
	transition:all 0.6s;
}
.fcb04_box{
	margin:0;
	padding:0;
	list-style:none;
	justify-content:space-between;
	align-items:center;
}
.fcb04_box li{
	width:20%;
}
.fcb04_box li a{
	display:block;
	margin:auto;
}
.icon_tw{
	width:calc( 30px * 0.8 );
	height:calc( 24px * 0.8 );
	background:url("img/x_icon.svg") no-repeat center;
	background-size:contain;
}
.icon_in{
	width:calc( 28px * 0.8 );
	height:calc( 28px * 0.8 );
	background:url("img/icon_insta.svg") no-repeat center;
	background-size:contain;
}
.icon_fb{
	width:calc( 14px * 0.8 );
	height:calc( 30px * 0.8 );
	background:url("img/icon_face.svg") no-repeat center;
	background-size:contain;
}
.icon_youtube{
	width:calc( 28px * 0.8 );
	height:calc( 28px * 0.8 );
	background:url("img/icon_youtube.svg") no-repeat center;
	background-size:contain;
}
.icon_li{
	width:calc( 28px * 0.8 );
	height:calc( 28px * 0.8 );
	background:url("img/icon_line.svg") no-repeat center;
	background-size:contain;
}
/* footer_menu */
.site-footer-content{
	padding:3rem 0.5rem 1rem 0.5rem;	
}
.footer_menu_box{
	margin-bottom:2rem;
	padding:0 1rem;
}
.footer_menu_title{
	font-size:1rem;
	border-bottom:solid 1px #9a9a9a;
	padding-bottom:0.3rem;
	margin-bottom:1rem;
}
.footer_menu_title a{
	display:block;
}
.footer_menu_title a:hover{
	color:#005b94;
}
.site-footer-content .footer_list{
	margin:0;
	padding-left:1.5rem;
	list-style:none;
}
.footer_list li{
	margin:0.5rem 0;
}
.footer_list li a{
	position:relative;	
}
.footer_list li a:before{
	content:"";
	display:block;
	position:absolute;
	width:7px;
	height:7px;
	border-top:solid 2px #d9d9d9;
	border-right:solid 2px #d9d9d9;
	-webkit-transform: rotate(45deg);
   transform: rotate(45deg);
	top:3px;
	left:-1rem;
}
.footer_list li a:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	bottom:-0.3rem;
	width:100%;
	height:1px;
	background-color:#005b94;
	transform:scaleX(0);
	transform-origin: right;
	transition: transform .7s cubic-bezier(.19, 1, .22, 1);
}
.footer_list li a:hover:after{
	transform:scaleX(1);
	transform-origin: left;
}
/* page to top */
.page-top{
	display:none;
	position:fixed;
	right:0;
	bottom:0;
	z-index:1000;
}
.page-top p{
	margin:0;
}
.move-page-top{
	display:block;
	position:relative;
	width:60px;
	height:60px;
	background-color:#005b94;
}
.move-page-top:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transform: scaleX(0);
   transform-origin: right;
   transition: transform .7s cubic-bezier(.19, 1, .22, 1);
   background: #38c2e6;
} 
.move-page-top i{
	font-size:1.2em;
	color:#ffffff;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.move-page-top:hover{
	background-color:#222222;
	opacity:1;
}
.move-page-top:hover:before {
   transform: scaleX(1);
   transform-origin: left;
}
.move-page-top:hover i{
	color:#ffffff;
	opacity:1;
   z-index: 3;
}
/* ------------------ TOPページ ------------------ */
/* swiper_slider button prev next */
.swiper-button-prev:before , .swiper-button-next:before{
	content:"";
	display:block;
	position:absolute;
	width:5.5rem;
	height:5.5rem;
	background-color:#005b94;
	border-radius:50%;
	z-index:-1;
}
.swiper-button-prev:before{
	left:-3.5rem;
}
.swiper-button-next:before{
	right:-3.5rem;
}
.swiper-button-prev:after{
	margin-right:0.5rem;
}
.swiper-button-next:before{
	margin-left:0.5rem;
}
.blogs .swiper-button-prev:after , .blogs .swiper-button-next:after{
	color:#ffffff;
	font-size:1.5em;
}
/* sub_menu */
.sub_menu{
	background-color:#005b94;
	padding:0 10%;
}
.sub_menu_box{
	margin:0;
	padding:0;
	list-style:none;
	justify-content:center;
}
.sub_menu_box li{
	width:20%;
	text-align:center;
	position:relative;
	margin:0;
}
.sub_menu_box li a{
	display:block;
	color:#ffffff;
	font-weight:bold;
	padding:1rem 0.5rem;
}
.sub_menu_box li:first-child:before , .sub_menu_box li:after{
	content:"";
	display:block;
	width:1px;
	height:2rem;
	background-color:#ffffff;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.sub_menu_box li:first-child:before{
	left:0;
}
.sub_menu_box li:after{
	right:0;	
}
.sub_menu_box li a:hover{
	background-color:#38c2e6;
}
.sub_menu_box li .sub_menu02:hover{
	background-color:#ffa300;
}
.sub_menu_box li .sub_menu03:hover{
	background-color:#49c906;
}
.sub_menu_box li .sub_menu04:hover{
	background-color:#f7618f;
}
/* pick_up */
.pickup{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	background-color:#ffffff;
	box-shadow:2px 2px 5px #cccccc;
	padding:1.2rem;
	width:15%;
	transition:all 0.6s;
}
.pickup h3{
	font-family:"noto_black";
	background-color:#38c2e6;
	color:#ffffff;
	text-align:center;
	margin-bottom:0.5rem;
	font-size:1rem;
	transition:all 0.4s;
}
.pickup a:hover h3{
	background-color:#f58194;
	transition:all 0.4s;
}
.pickup img{
	display:block;
}
.pickup.fixed{
	position:fixed;
	top:100px;
	transition:all 0.6s;
}
/* top共通 */
.sec{
	padding:5rem 0;
}
.sec_con{
	width:70%;
	margin:0 14% 0 16%;
}
.th01{
	font-family:"noto_black";
	text-align:center;
	font-size:2.5rem;
	color:#d9d9d9;
	letter-spacing:0.1rem;
}
.th02{
	font-family:"noto_black" , sans-serif;
	color:#005b94;
}
.btn_base{
	display:inline-block;
	text-decoration:none;
	position:relative;
}
.sec01_box .sec01_r p , .sec02_l .right , .sec04_box .sec04_l p{
	margin:0 0 1rem 0;	
}
/* 緊急 */
.warning_box{
	padding:5rem 0 3rem 0;
}
.th02a{
	color:#f44b67;
	font-size:1.5rem;
	text-align:right;
	padding-top:0.6rem;
}
.th02a:before{
	content:"！";
	border:solid 2px #f44b67;
	border-radius:50%;
	margin-right:0.5rem;
}
.warning_box .newsb_title a{
	color:#f44b67;
}
.warning_box .newsb_title a:hover{
	color:#f58194;
}
/* about skk sec01 */
.sec01{
	position:relative;
}
.sec01:before , .sec01:after{
	content:"";
	display:block;
	width:calc(181px * 1);
	height:calc(490px * 1);
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index:0;
}
.sec01:before{
	background:url("img/index_back1.png") no-repeat left center;
	background-size:contain;
	left:-1.5rem;
}
.sec01:after{
	background:url("img/index_back2.png") no-repeat left center;
	background-size:contain;
	right:-1.5rem;
}
.sec01 .sec_con{
	position:relative;
	z-index:1;
}
.sec01_l{
	width:55%;
	padding:0 0.5rem;
	margin-bottom:1rem;
}
.sec01_r{
	width:45%;
	padding:0 1rem;
}
.sec01child_box{
	align-items:center;
	justify-content:space-between;
}
.sec01_child{
	width:48%;
	margin-bottom:1rem;
	text-align:center;
}
/* 動画 */
.top_movie {
	margin-bottom:4em;
}
.top_movie iframe {
	width:100% !important;
}
/* campus news sec02 */
.sec02{
	position:relative;
}
.sec02:before{
	content:"";
	display:block;
	width:90%;
	height:100%;
	background-color:#f8f8f8;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index:0;
}
.sec02 .sec_con{
	position:relative;
	z-index:1;
}
.sec02_l{
	width:30%;
	padding:0 2rem;
}
.sec02_r{
	width:70%;
	padding:0 1rem;
}
.sec02_l .th02{
	padding-top:0.3rem;
	margin-bottom:1rem;
	font-size:2rem;
	text-align:right;
}
.btn01{
	padding-right:2rem;
	color: #005b94 !important;
}
.btn01:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	bottom:-0.3rem;
	width:100%;
	height:1px;
	background-color:#005b94;
	transform:scaleX(0);
	transform-origin: right;
	transition: transform .7s cubic-bezier(.19, 1, .22, 1);
}
.btn01:hover:after{
	transform:scaleX(1);
	transform-origin: left;
}
.btn01 span{
	display:block;
	position:absolute;
	top: 50%;
	right:0;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);	
}
.btn01 span:before , .btn01 span:after{
	content:"";
	display:block;
}
.btn01 span:before{
	background-color:#005b94;
	border-radius:50%;
	width:20px;
	height:20px;
	position:relative;
	transition:all 0.4s;
}
.btn01 span:after{
	position:absolute;
	width:7px;
	height:7px;
	border-top:solid 2px #ffffff;
	border-right:solid 2px #ffffff;
	-webkit-transform: rotate(45deg);
   transform: rotate(45deg);
	top:7px;
	right:8px;
}
.btn01:hover span:before{
	background-color:#38c2e6;
	transition:all 0.4s;
}
.sec02_r .news{
	margin:0;
}
.news_box{
	border-bottom:solid 1px #c4c4c4;
	margin:0;
	padding:0.8rem 0.5rem;
}
.news_box .newsb_date , .news_box .newsb_title{
	margin:0;
}
.newsb_date{
	width:20%;
	padding:0 1rem;
	color:#7a7a7a;
	text-align:center;
}
.newsb_title{
	width:80%;
	padding:0 1rem;
}
.newsb_title a{
	color:#4e4e4e;
	display:block;
	position:relative;
	padding-right:1.2rem;
}
.newsb_title a:hover{
	color:#005b94;
}
.icon:after{
	content:"";
	display:block;
	position:absolute;
	width:9px;
	height:9px;
	border-top:solid 2px #272727;
	border-right:solid 2px #272727;
	-webkit-transform: rotate(45deg);
   transform: rotate(45deg);
	top:9px;
	right:0.5rem;
	transition:all 0.6s;
}
.newsb_title a:hover .icon:after{
	right:0;
	transition:all 0.6s;
}
/* course sec03 */
.sec03 .sec_con{
	width: 80%;
	margin: 0 4% 0 16%;
}
.sec03_child{
	width:33.3%;
	padding: 0 0.5rem;
   margin-bottom: 1rem;
}
.sec03_child figure{
	overflow:hidden;
	margin:0;
}
.sec03_child a{
	position:relative;
	display:block;
	min-height:250px;
}
.sec03_child figure img{
	display:block;
	position: absolute;
	width:100%;
	height:100%;
	object-fit: cover;
	transition:all 0.6s;
}
.sec03_child figcaption{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:0.5rem 1rem;
	color:#ffffff;
}
.sec03_child figcaption span{
	position:relative;
	display:block;
}
.sec03_child figcaption span:after{
	content:"";
	display:block;
	position:absolute;
	width:9px;
	height:9px;
	border-top:solid 2px #ffffff;
	border-right:solid 2px #ffffff;
	-webkit-transform: rotate(45deg);
   transform: rotate(45deg);
	top:7px;
	right:0.5rem;
	transition:all 0.6s;
}
.sec03_child figure a:hover span:after{
	right:0;
	transition:all 0.6s;
}
.sec03_child figure a:hover img{
	transform:scale(1.1, 1.1);
	transition:all 0.6s;	
}
/* job support sec04 */
.sec04_l{
	width:50%;
	padding:0 1rem;
}
.sec04_r{
	width:50%;
	padding:0.5rem 1rem 0 2rem;
	margin-bottom:1rem;
}
.sec04child_box{
	align-items:center;
	justify-content:space-between;
}
.sec04_child{
	width:48%;
	margin-bottom:1rem;
	text-align:center;
}
.sec04_child img{
	width:100%;
	object-fit: cover;
}
.sec04_r p.txt{
	margin:0 0 1rem 0;
}
/* blogs sec05 */
.sec05{
	background-color:#f8f8f8;
}
/* sec05_blogs */
.blogs{
	padding-bottom:2rem !important;
}
.blogs>.swiper-pagination-bullets{
	bottom:-0.5rem;
}
.blogs_child{
	background-color:#ffffff;
	padding:1.5rem;
	text-align:center;
	box-shadow:1px 1px 10px #cccccc;
	overflow:hidden;
}
.blogs_child a div{
	height:250px;
}
.blogs_child img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.blogs_child figcaption{
	margin-top:0.5rem;
}
.blogs_child figcaption .blogs_date , .blogs_child figcaption .blogs_title{
	margin:0 0 0.5rem 0;
	line-height:1.2rem;
}
.blogs_date , .blogs_title{
	text-align:left;
	font-weight:bold;
}
.blogs_child figcaption .blogs_date{
	margin-top: 1.5em;
	color:#9a9a9a;
	font-size:0.8rem;
}
.blogs_title{
	color:#272727;
}
/* sec05_box */
.sec05 .sec_con{
	margin-top:3rem;
}
.sec05_box{
	justify-content:space-between;
	padding:0 1rem;
}
.sec05_child{
	width:49%;
	margin:0 0.5% 0.7rem 0.5%;
	overflow:hidden;
}
.sec05_child a{
	display:block;
	position:relative;
	height:260px;
}
.sec05_child figcaption{
	display:block;
	color:#ffffff;
	letter-spacing:0.2rem;
	font-size:1.5rem;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
	position:absolute;
	z-index:2;
	top:50%;
	left:50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
}
.sec05_child figcaption span{
	display:block;
	font-size:0.8rem;
	letter-spacing:0;
}
.sec05_child a:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	transition:all 0.6s;
}
.sec05_child img{
	display:block;
	position: absolute;
	width:100%;
	height:100%;
	object-fit: cover;
	transition:all 0.6s;
}
.sec05_child a:hover img{
	transform:scale(1.1, 1.1);
	transition:all 0.6s;	
}
/* banner sec06 */
.sec06_child{
	width:25%;
	padding:0 1rem;
	text-align:center;
	margin-bottom:1rem;
}
.sec06_child img{
	width:100%;
}
/* 投稿一覧 */
.news_archive{
	padding:0;
}
/* ------------------ 固定ページ ------------------ */

/* ---- 固定ページ共通 ---- */
.page_box {
	padding: 1em 0 2.5em;
}
.page-header {
    color:#989898;
    background-color:#F8F8F8;
	min-height: 7rem;
    text-align:left;
}
.page-header-title, h1.page-header-title {
    font-size: 1.8rem;
}
h1.page-header-title .gakka {
    font-size: 60%;
    padding-left: 0.5em;
    display: inline-block;
}
.breadcrumb {
    border-top: none;
    border-bottom: none;
}
.breadcrumb-list {
    margin: 0;
    padding: 14px 0;
}
.breadcrumb-list li,.breadcrumb-list li a{
	color:#888888;
}
.breadcrumb-list li:after {
    color:#888888;
}
h2.base_h2 {
	color:#005B94;
	font-size: 1.6em;
}
.entry-body p {
	margin-left:1em;
	margin-right: 1em;
}
.entry-body ol {
	margin: 0 1em;
    padding: 0;
}
.entry-body ul {
	margin: 0 1em;
    padding: 0;
}
.entry-body ol li {
	margin-top: 1em;
    margin-bottom: 1em;
    line-height: 1.7em;
    position: relative;
    padding-left: 1em;
}
.c_PR {
	padding: 2em 3em 3em;
	margin: 2em 0;
	border-radius: 5px;
}
h2.course_h2 {
	color: #ffffff;
    margin: 0 0 1em;
    border: none;
    font-size: 1.5em;
    line-height: 1.5em;
	padding:0;
}
.c_PR p {
	margin: 0;
    padding: 3.5%;
    background-color: #ffffff;
	border-radius: 5px;
}
.c_Point {
	margin:2em 0;
}
h3.course_h3:after {
	border-bottom:none;
}
ol.ol_course {
	list-style-type:none;
	counter-reset: count 0;
}
ol.ol_course li::before {
	content: counter(count) ". ";
 	counter-increment: count 1;
	padding-right: .5em;
  	font-weight: bold;
	font-size: 1.1em;
	position: absolute;
	left:-0.5em;
}
.curri {
	width: 180%;
    margin-left: -40%;
    padding-left: 40%;
    padding-right: 40%;
    padding-top: 5em;
    padding-bottom: 3em;
    margin-bottom: 4em;
}
h3.cu_h3c {
	position: relative;
    padding: 0 55px;
	text-align: center;
	font-size: 1.8em;
    margin-bottom: 1.8em;
}
h3.cu_h3c:before, h3.cu_h3c:after {
  content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 40px;
    height: 2px;
}
h3.cu_h3c:before {
  left: 20%;
}
h3.cu_h3c:after {
  right: 20%;
}

h4.course_h4 {
	font-size: 1.1em;
    color: #ffffff;
	padding:0.3em 0.5em;
    border-radius: 4px;
	margin-top:2em;
}
.c_photo {
	background-color: #ffffff;
    width: 96%;
    margin: 25px 2%;
    padding: 5% 5% 5% 30px;
}
.c_photo img {
	width:100%;
	height: auto;
	margin:0;
	padding:0;
}
.c_photo h5 {
	margin:15px 5px 8px;
    font-size: 1.1em;
	padding: 0;
} 
.c_photo p {
	margin: 0 5px;
    font-size: 0.9em;
    line-height: 1.6em;
}
ul.course_list {
	list-style-type:none;
	padding-left:1.5em;
}
ul.course_list li {
	position: relative;
}
ul.course_list li::before {
	content: "■";
	font-size:1em;
	padding-right: 0.3em;
	position: absolute;
	left:-1.5em;
}
.to_oc {
	font-size: 1.15em;
    font-weight: 700;
    color: #888888;
    margin-bottom: 1em;
}
img.to_ocimg {
	width:900px;
	height:auto;
}
.red_s {
	color:#E00020;
    font-size: 90%;
}

/* ---- IT系コース ---- */
.PR_it {
	background-color:var(--it_E);
}
.c_it {
	color:var(--it_E);
}
ol.ol_it li::before {
  	color:var(--it_E);
}
.cur_it {
	background-color:var(--it_E_b);
}
.cu_it {
	color:var(--it_E_c);
}
.cu_it:before, .cu_it:after {
    background-color:var(--it_E_c);
}
.h4_it {
	background-color:var(--it_E_c);
}
ul.li_it li::before {
	color:var(--it_E);
}
ul.li_it li a {
	color:var(--it_E_c);
}
/* ---- デザイン系コース ---- */
.PR_de {
	background-color: var(--creative);
}
.c_de {
	color:var(--creative);
}
ol.ol_de li::before {
  	color:var(--creative);
}
.cur_de {
	background-color:var(--creative_b);
}
.cu_de {
	color:var(--creative_c);
}
.cu_de:before, .cu_de:after {
    background-color:var(--creative_c);
}
.h4_de {
	background-color:var(--creative_c);
}
ul.li_de li::before {
	color:var(--creative);
}
ul.li_de li a {
	color:var(--creative_c);
}
/* ---- 医療事務コース ---- */
.PR_ir {
	background-color:var(--medical);
}
.c_ir {
	color:var(--medical);
}
ol.ol_ir li::before {
  	color:var(--medical);
}
.cur_ir {
	background-color:var(--medical_b);
}
.cu_ir {
	color:var(--medical_c);
}
.cu_ir:before, .cu_ir:after {
    background-color:var(--medical_c);
}
.h4_ir {
	background-color:var(--medical_c);
}
ul.li_ir li::before {
	color:var(--medical);
}
ul.li_ir li a {
	color:var(--medical_c);
}
/* ---- 登録販売者コース ---- */
.PR_to {
	background-color:var(--drug);
}
.c_to {
	color:var(--drug);
}
ol.ol_to li::before {
  	color:var(--drug);
}
.cur_to {
	background-color:var(--drug_b);
}
.cu_to {
	color:var(--drug_c);
}
.cu_to:before, .cu_to:after {
    background-color:var(--drug_c);
}
.h4_to {
	background-color:var(--drug_c);
}
ul.li_to li::before {
	color:var(--drug);
}
ul.li_to li a {
	color:var(--drug_c);
}
/* ---- ホテルブライダルコース ---- */
.PR_ho {
	background-color:var(--hotel);
}
.c_ho {
	color:var(--hotel);
}
ol.ol_ho li::before {
  	color:var(--hotel);
}
.cur_ho {
	background-color:var(--hotel_b);
}
.cu_ho {
	color:var(--hotel_c);
}
.cu_ho:before, .cu_ho:after {
    background-color:var(--hotel_c);
}
.h4_ho {
	background-color:var(--hotel_c);
}
ul.li_ho li::before {
	color:var(--hotel);
}
ul.li_ho li a {
	color:var(--hotel_c);
}
/* ---- オフィスビジネスコース ---- */
.PR_of {
	background-color:var(--office);
}
.c_of {
	color:var(--office);
}
ol.ol_of li::before {
  	color:var(--office);
}
.cur_of {
	background-color:var(--office_b);
}
.cu_of {
	color:var(--office_c);
}
.cu_of:before, .cu_of:after {
    background-color:var(--office_c);
}
.h4_of {
	background-color:var(--office_c);
}
ul.li_of li::before {
	color:var(--office);
}
ul.li_of li a {
	color:var(--office_c);
}
/* ---- 公務員学科 ---- */
.PR_ko {
	background-color:var(--public);
}
.c_ko {
	color:var(--public);
}
ol.ol_ko li::before {
  	color:var(--public);
}
.cur_ko {
	background-color:var(--public_b);
}
.cu_ko {
	color:var(--public_c);
}
.cu_ko:before, .cu_ko:after {
    background-color:var(--public_c);
}
.h4_ko {
	background-color:var(--public_c);
}
ul.li_ko li::before {
	color:var(--public);
}
ul.li_ko li a {
	color:var(--public_c);
}
/* eスポーツビジネスコース */
.PR_es{
	background-color:var(--esports);
}

/* ---- コース案内 ---- */
.page_course{
	width:100%;
	margin:auto;
}
.page_course .sec03_child{
	width:100%;
	padding:0;
	margin-bottom:1rem;
}
.page_course .sec03_child figure{
	overflow:hidden;
}
.page_course .sec03_child a{
	position:relative;
	display:block;
	min-height:450px;
}
.page_course .sec03_child figure img{
	display:block;
	position: absolute;
	width:100%;
	height:100%;
	object-fit: cover;
	transition:all 0.6s;
}
.page_course .sec03_child figcaption{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:1.5rem;
	color:#ffffff;
}
.page_course .sec03_child figcaption h2{
	font-size: 1.5em;
    font-weight: 700;
	margin-bottom: 0.2em;
	padding-right: 2em;
	line-height: 1.3em;
}
.page_course .sec03_child figcaption span{
	display: inline-block !important;
	font-size: 75%;
    padding-left: 0.2em;
}
.page_course .sec03_child figcaption p{
	margin:0;
	padding-right: 3em;
	line-height: 1.6em;
}
.page_course .sec03_child figcaption:after{
	content:"";
	display:block;
	position:absolute;
	width:12px;
	height:12px;
	border-top:solid 2px #ffffff;
	border-right:solid 2px #ffffff;
	-webkit-transform: rotate(45deg);
   transform: rotate(45deg);
	top:50%;
	right:2rem;
	transition:all 0.6s;
}
.page_course .sec03_child figcaption span:after{
	content:none;
}
.page_course .sec03_child figure a:hover figcaption:after{
	right:1.5rem;
	transition:all 0.6s;
}
.page_course .sec03_child figure a:hover img{
	transform:scale(1.1, 1.1);
	transition:all 0.6s;	
}
/* ---- 学校案内 ---- */
.school_box {
	position: relative;
    background-color: #F44B67;
    padding: 1.5em;
    margin: 0 1em 1.5em;
}
img.s_point {
	position: absolute;
    left: 0;
    top: 0;
}
p.school_point {
	color: #FFFFFF;
    margin: 0 0 0.3em 75px;
    font-size: 1.4em;
    font-weight: 700;
}
.school_box p {
	color: #ffffff;
    margin: 0 0 0 75px;
}
.koutyo {
	position: relative;
    padding: 0 0 2em;
}
.koutyo img {
	position: absolute;
    left: 0;
    top: 0;
	width: auto;
	height: auto;
}
.koutyo p {
	padding-left: 190px;
}
/* ---- 就職 ---- */
.jouhou_a_b {
    background-color:#F44B67;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
    clear: both;
	padding-top: 1em;
	width: 96%;
}
.jouhou_a_b h5 {
    color: #FFFFFF;
    line-height:1.4em;
    margin: 0;
    padding: 0;
    text-align: center;
	margin-bottom:0.5em;
}
.jouhou_a_b h5 .h_big {
    font-size: 120%;
}
.jouhou_b_b {
    background-color:#FFF7F8;
    height: auto;
    margin: 0;
    padding:0;
}
.img_left_s {
    float: left;
    height: auto;
    margin-bottom:0;
    margin-right: 1.5em;
    width: auto;
}
p.nomal_w {
	padding: 1em 1em 0 1em;
	font-size:1em;
}
/* ---- オープンキャンパス ---- */
p.q1 {
    margin-bottom: 0 !important;
    padding-left: 1.7em !important;
    text-indent: -2.3em;
}
p.q1:before {
    margin-bottom: 0;
    content: 'Q';
    color: #1D8DE0;
    font-weight: 600;
    padding: 0 0.7em;
	font-size:1.2em;
}
p.a1 {
    padding-left: 1.7em !important;
    text-indent: -2.3em;
}
p.a1:before {
    margin-bottom: 0;
    content: 'A';
    color: #E02B4D;
    padding: 0 0.7em;
	font-size:1.2em;
}

/* ---- 就職実績 ---- */
.naitei_box {
	display: flex;
    width: 96%;
    padding: 3em 2%;
    border-bottom: solid 1px #cccccc;
}
.naitei_box .img_naitei {
	width: 220px;
    padding-right: 1.5em;
	margin-bottom: 1em;
}
.naitei_box .right_box {
	width: inherit;
}
.naitei_box .right_box table {
	width: 100%;
    margin: 0 0 1.5em 0;
}
.naitei_box .right_box p.comment {
	margin-bottom: 0;
    font-size: 95%;
}
/* ---- 卒業生の声 ---- */
.naitei_box2 {
	display: flex;
    width: 96%;
    padding: 2em 2% 0.2em;
}
.naitei_box2 .img_naitei {
	width: 220px;
    padding-right: 1.5em;
	margin-bottom: 1em;
}
.naitei_box2 .right_box {
	width: inherit;
}
.naitei_box2 .right_box p {
	margin-left:3px !important;
	margin-right:3px !important;
}	
.u_line {
	border-bottom: solid 1px #cccccc;
    padding-bottom: 3em;
}
/* ------------------ お知らせ・ブログ ------------------ */
.entry-title {
    font-size: 1.6em;
    color: #005b94;
}

/* ------------------ 入学案内 ------------------ */
.kakaku{
	display: flex;
	background-color: #E8F6FE;
	width: 650px;
	margin: 0 auto;
}
.kakaku .left2{
	background-color: white;
	margin: 5px;
	text-align: center;
}
.kakaku .right2{
	margin: 5px;
}
.base_h2 .huka{
	font-size: 15px;
}
.zensyou{
	text-align: center;
}
.syougakukinn{
	text-align: center;
	text-decoration: underline overline;
}

.dli-arrow-down{
	display: inline-block;
  vertical-align: middle;
  color: #005b94;
  line-height: 1;
  position: relative;
  width: 0.1em;
  height: 1em;
  background: currentColor;
}
.dli-arrow-down::before {
  content: '';
  width: 0.65em;
  height: 0.65em;
  border: 0.1em solid currentColor;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  transform-origin: bottom left;
  position: absolute;
  left: 50%;
  bottom: -0.05em;
  box-sizing: border-box;
}
#ad6 {
	text-align: center;
	margin: 0 auto;
	width: 70%;
}
.page_box .tetuduki{
	background-color: #E8F6FE;
	border: 1px solid;
	margin: -4px;
}
.page_box .tetuduki2{
	border: 1px solid;
	margin: -4px;
}
.red_s2{
	color: red;
	margin: 1em -4px 0;
   line-height: 1.4em;
}
.kasen{
	border-bottom: 1px solid;
}
.syougakukinnsoudann{
	display: flex;
}
.syougakukinnsoudann2{
	margin-right: 20px;
}
.denwa{
	margin-right: 20px;
}

#ad2 .toiawase{
	background-color: #E8F6FE;
	border-radius: 5px;
	padding: 10px;
}
#guide40 .page_box4{
	width: 100%;
}
.page_box4 .saigo{
	width: 50%;
}
.page_box4 .saigo2{
	width: 50%;
}
.page_box4{
	display: flex;
	align-items:center;
}
.last2 .last{
	margin: 0 auto !important;
	align-items: center !important;
	text-align: center !important;
}
.last{
	display: block;
	align-items: center !important;
	text-align: center !important;
	font-size: 25px;
	border: 5px solid #E8F6FE;
}

/* ------------------ 公的な奨学金制度のご紹介 ------------------ */
.scholarship{
	font-size: 18px;
	font-weight: bold;
}
/* ------------------ webエントリー ------------------ */
.c_PR ul {
    margin: 0;
    padding: 2% 3% 2% 3em;
    background-color: #ffffff;
    border-radius: 5px;
}
/* ------------------ フォーム ------------------ */
input.sanka_num {
	width:6em;
}
input.suji1 {
	width:auto;
	min-width: 5rem;
}
input.suji2 {
	width:6em;
}
input.kana_half {
	width:43%;
}
article.doui {
	padding: 20px 40px;
	background-color:#D0E8EF;
	margin: 2em 1em;
}
.doui_inner {
	font-size:0.85em;
	width: 100%;
   height: 16rem;
   padding: 20px 15px 10px;
   background: #fff;
   border-radius: 3px;
	overflow: auto;
   resize: vertical;
}
article.doui h4 {
	border-bottom: solid 2px #242424;
	margin: 1em 0.2em;
	font-size:1.3em;
}
p.doui_check {
	margin: 1.5em 0 1em;
}
p.doui_check input {
	font-weight:bold;
}
/* account */
.web_menu_box{
	margin:0;
	padding:0 1rem;
	justify-content:flex-end;
	background-color:#005b94;
}
.web_menu_box li{
	margin:0.3rem 0.5rem 0.5rem 0.5rem;
	padding:0;
	list-style:none;
}
.web_menu_box li a{
	font-size:0.8rem;
	padding:0 1rem 0 1.8rem;
	display:inline-block;
	color:#ffffff;
}
.btn_mypage{
	background:url("img/mypage.svg") no-repeat center left;
	background-size:contain;
}
.btn_logout{
	background:url("img/logout.svg") no-repeat center left;
	background-size:contain;
}
.entry-body .ol_list{
	margin:0 1.5rem;
}
.entry-body .ol_list02{
	margin:0 2.5rem;
}
.entry-body .num_list > li{
	list-style:none;
	padding-left:2rem;
	text-indent:-1.6rem;
}
.entry-body .num_list_child > li{
	list-style:disc;
	text-indent:0;
	padding-left:0;
	margin:0.5rem 0;
}
.web_text{
	width:50%;
	margin-bottom:2rem;
}
.web_box .web_img{
	width:50%;
	padding:0 1rem;
	text-align:center;
	align-self:center;
}
input[type=submit].btn_back{
	background-color:transparent;
	color:#0A5B94;
}
.mw_wp_form .error{
	font-weight:bold;
}
.mw_wp_form input:read-only{
	outline:none;
	cursor:default;
}
/* 20240325追加 */
.page-id-380 .page-header-title:after{
	content:"（ ITスペシャリストコース ）";
	display:block;
	font-size:1.2rem;
}
.page-id-497 .page-header-title:after{
	content:"（ クリエイティブデザインコース ）";
	display:block;
	font-size:1.2rem;
}
/* 20240404 タブ追加 */
/*tabの形状*/
.entry-body .tab{
	display: flex;
	flex-wrap: wrap;
	padding:0;
	margin:3rem 0 0 0;
}
.tab li{
	list-style:none;
	position:relative;
	margin:0;
}
.tab li a{
	display: block;
	color:#999999;
	border-top:solid 1px #999;
	border-right:solid 1px #999;
	border-radius:0 0.3rem 0 0;
	margin:0 2px;
	padding:10px 20px;
}
.tab li a:hover{
	color:#005b94;
}
/*liにactiveクラスがついた時の形状*/
.tab li.active a{
	color:#005b94;
	font-weight:bold;
}
.tab li.active a span{
	background:linear-gradient(transparent 60%, #FFFF00 60%);
}
.tab li.active:after{
	content:"";
	display:block;
	width:calc(100% - 3px);
	height:0.5rem;
	background-color:#fff;
	position:absolute;
	left:0;
	bottom:-0.2rem;
	z-index:1;
}
/*エリアの表示非表示と形状*/
.area {
	display: none;/*はじめは非表示*/
	opacity: 0;/*透過0*/
	border-top:solid 1px #999;
	padding:1rem 0.5rem;
}
/*areaにis-activeというクラスがついた時の形状*/
.area.is-active {
    display: block;/*表示*/
    animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
@keyframes displayAnime{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* 高度IT用 2024 */
.it_H{
	background-color:var(--it);
}
.it_h_box{
	/* #223f9a */
	/* #ef5ba1 */
	margin:5rem 0;
}
.it_h_box_child{
	width:40%;
}
.it_h_box_around{
	width:20%;
	justify-content:center;
}
.it_strong{
	font-size:1.3rem;
	letter-spacing:0.2rem;
	margin:0;
}
.it_h_line_box{
	position:relative;
	padding:0 1rem;
}
.it_h_line_box:before{
	content:"";
	width:100%;
	height:84%;
	position:absolute;
	left:0;
	top:2.9rem;
}
.it_th{
	color:#ffffff;
	font-size:1.4rem;
	text-align:center;
	border-radius:0.3rem;
	padding:1rem 0.5rem;
	margin:0.5rem 0 1.5rem 0;
	position:relative;
	z-index:1;
}
.it_th span{
	font-size:1.1rem;
	line-height:1.5rem;
	display:inline-block;
}
.it_th_pink , .it_pink p span{
	background-color:#ef5ba1;
}
.it_th_blue , .it_blue p span{
	background-color:#223f9a;
}
.it_pink p span , .it_blue p span{
	color:#fff;
	padding:0.2rem 1rem;
	display:inline-block;
	margin-bottom:0.5rem;
}
.it_pink , .it_pink p , .it_pink h4 , .it_pink li{
	color:#ef5ba1;
}
.it_blue , .it_blue p , .it_blue h4 , .it_blue li{
	color:#223f9a;
}
.it_h_box h4{
	letter-spacing:0.3rem;
	position:relative;
	z-index:1;
}
.it_th01{
	padding:0.3rem 0.5rem;
	border-radius:0.4rem;
	background-color:#fff;
}
.it_pink .it_h_line_box:before , .it_pink .it_th01{
	border:solid 2px #ef5ba1;
}
.it_blue .it_h_line_box:before , .it_blue .it_th01{
	border:solid 2px #223f9a;
}
.it_h_box ul{
	padding:0 0 0 1rem;
	min-height:155px;
}
.it_h_box_around{
	padding:4rem 2rem 0 2rem;
}
.it_h_box_around .flex_box{
	justify-content:center;
	align-items:center;
}
.it_h_box_around .cicle{
	color:#223f9a;
	font-weight:bold;
	line-height:1.2rem;
	padding:1.8rem 2rem;
	position:relative;
	margin-bottom:2.5rem;
}
.it_h_box_around .cicle span{
	position:relative;
	z-index:1;
}
.it_h_box_around .cicle:before , .it_h_box_around .cicle:after{
	content:"";
	display:block;
	border-radius:50%;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
	z-index:0;
}
.it_h_box_around .cicle:before{
	width:100%;
	height:100%;
	background:linear-gradient(90deg , #ef5ba1 0% , #ef5ba1 50% ,#223f9a 50% , #223f9a 100%);
}
.it_h_box_around .cicle:after{
	width:90%;
	height:90%;
	background:#fff;
}
.it_h_box_around .tate{
	color:#223f9a;
	font-size:1.3rem;
	font-weight:bold;
	 -ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	margin-bottom:2.5rem;
}
.table_h_it th{
	color:#ffffff;
	border:solid 1px #fff;
}
.it_table_blue{
	background-color:#1b67b2;
}
.it_table_red{
	background-color:#e85449;
}
.table_h_it td{
	border:solid 1px #223f9a;
}
/* オフィスサービス */
.office_service_box{
	margin-bottom:2rem;
}
.office_service_box figure{
	width:30%;
	margin:0;
}
.office_service_box figure img{
	display:block;
	object-fit:cover;
	height:100%;
}
.osb_child{
	width:70%;
}
.ho_link{
	display:block;
	height:100%;
	padding:1.2rem 2rem 0.5rem 2rem;
}
.ho_link:hover{
	background-color:#F58194;
}
.ho_link:hover .ho_th{
	color:#fff;
}
a .ho_th{
	color:#F44B67;
	transition:all 0.4s;
	margin-bottom:1rem;
}
.ho_th span{
	display:block;
	font-size:1rem;
}
a .ho_text{
	color:#333;
}
.site-body .btn_it{
	border:solid 2px #223f9a;
	background-color:#223f9a;
	padding:0.8rem 2rem;
	border-radius:0.3rem;
	color:#ffffff;
	font-weight:bold;
}
.btn_it:hover{
	background-color:#ffffff;
	color:#223f9a;
}
.table_naitei{
	border:solid 1px #cccccc;
}
/* ------------------ Responnsive ------------------ */
/* -----------　PC1500px以下 --------------- */
@media screen and (max-width:1499.98px) {
	.pc1500{
		display:none;
	}
	/* header */
	.header_box{
		padding:0 1rem;
	}
	/* menu_pc_box */
	.menu_pc_child > li{
		margin:0 0.5rem;
	}
	.menu_pc_child .cb_mail{
		margin:0 0 0 1rem;
	}
	.menu_pc_child .cb_mail a{
		padding:0.8rem 2rem 0.8rem 3rem;
	}
	.menu_pc_child .cb_mail a:before{
		left:1.5rem;
	}
	/* menu_course_box */
	.menu_child_text_box li{
		width:50%;
	}
	/* sub_menu */
	.sub_menu{
		padding: 0 3rem;
	}
	/* sec */
	.sec_con{
		width:80%;
		margin:0 4% 0 16%;
	}
	.sec01 .sec_con {
    width: 70%;
    margin: 0 14% 0 16%;
	}
	/* sec02 */
	.sec02:before{
		width:95%;
	}
	.sec02_l .th02{
		font-size:1.8rem;
	}
	/* sec03 */
	.sec03_child{
		width:33%;
	}
}
/* -----------　PC1200px以下 ipad Air --------------- */
@media screen and (max-width:1199.98px) {
	/* menu */
	.menu_pc_child > li >a{
		font-size:0.8rem;
		padding:1.5rem 0.2rem;
	}
	/* menu_child_text_box */
	.pc1500{
		display:block;
	}
	.menu_course_box{
		top:4rem;
	}
	/* sub_menu */
	.sub_menu{
		padding:0 5%;
	}
	/* footer */
	.footer_copy_box01{
		width:60%;
		margin-bottom:1rem;
	}
	.footer_copy_box01 p{
		padding-top:3.5rem;
	}
	.footer_copy_box02{
		width:40%;
		margin-bottom:1rem;
	}
	.footer_copy_box03{
		width:50%;
	}
	.footer_copy_box04{
		width:25%;
	}
	/* pickup */
	.pickup{
		width:20%;
		padding:0.8rem;
	}
	/* 緊急 */
	.warning_box{
		padding:3rem 0;
	}
	.th02a{
		text-align:left;
		margin-bottom:0.5rem;
	}
	/* sec */
	.sec{
		padding:3rem 0;
	}
	.sec_con{
		width: 75%;
		margin: 0 4% 0 21%;
	}
	/* sec01 */
	.sec01:before , .sec01:after{
		top:5rem;
		transform:inherit;
		-webkit-transform:inherit;
	}
	.sec01 .sec_con{
		width: 60%;
		margin: 0 19% 0 21%;
	}
	.sec01_l , .sec01_r{
		width:100%;
		text-align: center;
	}
	.sec01_l .th02 , .sec01_l .txt02{
		text-align:center;
	}
	/* sec02 */
	.sec02_l{
		width:100%;
		position:relative;
		margin-bottom:1rem;
	}
	.sec02_r{
		width:100%;
	}
	.sec02_l .th02{
		text-align:left;
		padding:0;
		margin:0;
	}
	.sec02_l .right{
		position:absolute;
		right:2rem;
		top:50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	/* sec03 */
	.sec03 .sec_con{
		width: 75%;
		margin: 0 4% 0 21%;
	}
	.sec03_child {
    	width: 50%;
	}
	/* sec04 */
	.sec04_l{
		width:100%;
		margin-bottom:2rem;
		text-align:center;
	}
	.sec04_r{
		width:100%;
	}
	/* sec05 */
	.sec05_child a{
		height:150px;
	}
	/* sec06 */
	.sec06_child{
		padding:0 0.5rem;
	}
	.web_text , .web_box .web_img{
		width:100%;
	}
	/* 高度IT */
	.it_h_box_around{
		padding:4rem 1rem 0 1rem;
	}
}
/* -----------  PC 991.98px ipad ----------- */
@media screen and (max-width:991.98px) {
	body {
		-webkit-text-size-adjust: 100%;
	}
	.pc , .menu_course_box , .site-footer-content , .web_menu_box{
		display:none;
	}
	.sp , .hamburger{
		display:block;
	}
	/* header */
	.header_box{
		margin-right:4rem;
	}
	.site-header-logo{
		padding-top: 1rem;
		margin-bottom: 1rem;
	}
	.menu_pc_child > li:not( .cb_mail ){
		display:none;
	}
	.menu_pc_child .cb_mail a{
		padding:2.5rem 0.5rem 0.3rem 0.5rem;
	}
	.menu_pc_child .cb_mail a:before{
		width: calc( 13px * 1.5 );
		height: calc( 17px * 1.5 );
		left: 50%;
		top: 0.5rem;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.vk-mobile-nav{
		padding:2.5rem 1rem;
	}
	/* sub_menu */
	.sub_menu{
		padding:0;
	}
	.sub_menu_box li{
		width:25%;
	}
	.sub_menu_box li:first-child:before , .sub_menu_box li:last-child:after{
		display:none;
	}
	/* footer */
	.fcb03_box li a{
		font-size:0.9rem;	
	}
	/* sec */
	.sec_con , .sec03 .sec_con{
		width: 95%;
		margin: 0 auto;
	}
	/* sec01 */
	.sec01 .sec_con{
		width: 95%;
		margin: 0 auto;
	}
	.sec01:before, .sec01:after{
		width: calc( 181px * 0.6 );
		height: calc( 490px * 0.6 );
	}
	/* sec02 */
	.sec02:before{
		width:100%;
	}
h3.cu_h3c:before {
  left: 4%;
}
h3.cu_h3c:after {
  right: 4%;
}
	.c_PR p {
    padding: 6%;
	font-size:14px;
}
	/* 高度IT */
	.it_h_box_around{
		padding:7rem 0 0 0;
	}
	.it_h_line_box:before{
		top:3.4rem;
	}
}
/* -----------　SP 767.98px以下 スマホ横 --------------- */
@media screen and (max-width:767.98px) {
	.page-header-title, h1.page-header-title {
    font-size: 1.6rem;
}
	h2.base_h2 {
    font-size: 1.45em;
}
	.sps{
		display:block;
	}
	.site-header-logo{
		width:40%;
	}
	.menu_pc_box{
		width:60%;
	}
	.sub_menu_box li{
		width:50%;
		border-bottom:solid 1px #ffffff;
	}
	.sub_menu_box li:after{
		height:100%;
	}
	.sub_menu_box li:nth-child(even):after{
		display:none;
	}
	/* footer */
	.footer_copy_box01 p{
		padding-top:3rem;
	}
	/* sec02 */
	.newsb_date , .newsb_title{
		width:100%;
	}
	.newsb_date{
		text-align:left;
	}
	.newsb_title a{
		padding-right:1rem;
	}
	.icon:after{
		right:0;
	}
	.newsb_title a:hover .icon:after{
		right:-0.5rem;
	}
	/* sec05 */
	.sec05_box{
		padding:0 5rem;
	}
	.sec05_child{
		width:100%;
	}
	.blogs .swiper-button-prev:after, .blogs .swiper-button-next:after , .ltg-slide .swiper-button-next:after, .ltg-slide .swiper-button-prev:after{
		font-size:1.2rem;
	}
	.swiper-button-prev:before, .swiper-button-next:before{
		width:4.5rem;
		height:4.5rem;
	}
	.swiper-button-prev:before{
		left:-2.5rem;
	}
	.swiper-button-next:before{
		right:-2.5rem;
	}
	/* sec06 */
	.sec06_child{
		width:50%;	
	}
	
	.koutyo img {
    position: relative;
	margin-bottom:1em;
}
	.koutyo p {
    padding-left:0;
}
	.jouhou_a_b h5 .h_big {
    font-size: 110%;
}
	.img_left_s {
    margin-bottom: 4em;
    width: 140px;
}
	p.nomal_w {
	font-size:90%;
}
	.w50 {
	width:100%;
	padding: 1em;
}
	.w40 {
	width:100%;
	padding: 1em;
}
	.w30 {
	width:100%;
	padding: 1em;
}
	.w25 {
	width:100%;
	padding: 1em;
}
	.w20 {
	width:100%;
	padding: 1em;
}
/* ---- 就職実績 ---- */
.naitei_box .img_naitei {
	width: 130px;
    padding-right: 1.5em;
}
.naitei_box .right_box {
	width: inherit;
}
h3.cu_h3c:before {
  left: 2%;
}
h3.cu_h3c:after {
  right: 2%;
}
/* ---- 入学案内」 ---- */
.page_box4 .saigo{
	width: 100%;
}
.page_box4 .saigo2{
	width: 100%;
}
.page_box4{
	display: block;
}
#ad6 {
	text-align: center;
	margin: 0 auto;
	width: 96%;
}
	/* 高度IT */
	.it_h_box{
		margin:3rem 0 0 0;
	}
	.it_h_box_child{
		width:100%;
	}
	.it_h_box_around{
		width:100%;
		padding:0;
	}
	.it_h_box_around .flex_box{
		justify-content:space-between;
	}
	.it_h_box_around .tate{
		writing-mode:inherit;
	}
	.it_h_box ul{
		min-height:120px;
	}
	.it_h_line_box:before{
		top:3rem;
	}
	.it_h_box_around .cicle , .it_h_box_around .tate{
		margin:0 0.5rem 2rem;
	}
	.it_table_red{
		width:70px;
		padding:0.5rem;
	}
}
/* -----------　SP 599.98px以下 スマホ　--------------- */
@media screen and (max-width:599.98px) {
	body {
    font-size: 13px;
}
	table {
		font-size:85%;
	}
	table th {
		white-space: normal;
	}
	.c_PR {
    padding: 2em 1.5em 2.5em;
}
	article.doui {
    padding: 0.8em 1.5em;
}
	/* header */
	.site-header-logo{
		width:55%;
	}
	.menu_pc_box{
		width:45%;
	}
	/* footer */
	.footer_copy_box{
		padding:3rem 0;
	}
	.footer_copy_box01 , .footer_copy_box02 , .footer_copy_box03 , .footer_copy_box04{
		width:100%;
		margin-bottom:1.5rem;
	}
	.footer_copy_box01{
		border:none;
		text-align:center;
		padding:0 3rem;
	}
	.footer_copy_box02{
		text-align:center;
		padding:0;
	}
	.footer_copy_box03{
		padding:0 2rem;
	}
	.footer_copy_box04{
		padding:0 6rem;
	}
	.fcb03_box li a{
		padding:0.7rem 0.5rem 0.7rem 0.8rem;
	}
	.fcb03_box li a:after{
		top:16px;
	}
	/* slide */
	.ltg-slide .swiper-button-next:after, .ltg-slide .swiper-button-prev:after{
		display:block;
	}
	/* 緊急 */
	.warning_box{
		padding:3rem 0 2rem 0;
	}
	.warning_box .sec02_l{
		margin-bottom:0.5rem;	
	}
	.th02a{
		margin-bottom:0;
	}
	/* sec01 */
	.sec01:before, .sec01:after {
    	width: calc( 181px * 0.4 );
    	height: calc( 490px * 0.4 );
		top:8.5rem;
	}
	/* sec03 */
	.sec03_child{
		width:100%;
	}
	.sec03_child a{
		min-height:250px;
	}
	/* sec05 */
	.blogs_child{
		padding:1rem;
	}
	.blogs_child a div{
		height:150px;
	}
	.blogs_title{
		font-size:1rem;
	}
	.sec05_box{
		padding:0 2rem;
	}
	.page_course .sec03_child figcaption h2{
	font-size: 1.35em;
	}
/* オープンキャンパス */
	.w50 {
	width:100%;
	padding: 1em;
}
/* ---- 就職実績 ---- */
.naitei_box {
    display: block;
}
.naitei_box .right_box {
	width: inherit;
}
/* ---- 卒業生の声 ---- */
.naitei_box2 {
	display:block;
}
h3.cu_h3c:before {
  left: 0;
}
h3.cu_h3c:after {
  right: 0;
}
	.btn_pink a{
		padding:1rem 2rem;
	}
	
.sold-out {
  text-decoration: line-through;
  color: #dc143c;
}	
}
  .strikethrough {
    text-decoration: line-through;
    color: black;
  }

  .red-text {
    color: red;
  }


/* ２０２５年オープンキャンパス紹介ページ用 */
.event-section {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
}

.event-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.event-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    margin-bottom: 10px;
    background: white;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.event-item h3 {
    margin: 0;
    font-size: 1.2em;
    font-weight: bold;
    color: #333;
    flex: 1;
    display: block;
    line-height: 1.4;
}

.event-item h3 br {
    display: block;
}

.course-name {
    font-weight: bold;
    font-size: 0.9em;
    flex-shrink: 0;
    white-space: nowrap;
}

/* オフィス・サービスコースのフォントサイズを調整 */
.event-color-6 .course-name, 
.event-color-1 .course-name {
    font-size: 0.85em;
}

/* サマースペシャル用のスタイル */
.h4_summer {
    background: linear-gradient(135deg, #ff6b6b, #ffa500);
    color: white;
    padding: 10px 20px;
    border-radius: 25px;
    text-align: center;
    font-weight: bold;
}

.summer-special-notice {
    background: #fff3e0;
    border-left: 5px solid #ff9800;
    padding: 15px;
    margin: 20px 0;
    border-radius: 5px;
}

.summer-text {
    color: #e65100;
    font-weight: bold;
    margin: 0;
}

.summer-edition {
    background: #fafafa;
    border-radius: 10px;
    padding: 20px;
}

.day-header {
    background: linear-gradient(135deg, #2196f3, #21cbf3);
    color: white;
    padding: 15px;
    border-radius: 10px;
    margin: 20px 0 15px 0;
    text-align: center;
}

.day-title {
    margin: 0;
    font-size: 1.2em;
    font-weight: bold;
}

.time-block {
    margin-bottom: 25px;
}

.time-label {
    background: #607d8b;
    color: white;
    padding: 8px 15px;
    border-radius: 20px;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.1em;
}

/* SPECIALバッジのスタイル */
.special-event {
    position: relative;
    border: 2px solid #ff4081 !important;
    background: linear-gradient(135deg, #fff, #fce4ec);
}

.special-badge {
    background: linear-gradient(135deg, #ff4081, #e91e63);
    color: white;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 0.8em;
    font-weight: bold;
    position: absolute;
    top: -8px;
    right: 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    z-index: 10;
}

/* 定員表示のスタイル */
.capacity {
    background: #000000;
    color: black;
    padding: 3px 8px;
    border-radius: 10px;
    font-size: 0.8em;
    font-weight: bold;
    margin-left: 10px;
    display: inline-block;
}

/* サマー用の注意書き */
.summer-notice {
    background: #e8f5e8;
    border: 1px solid #4caf50;
    border-radius: 8px;
    padding: 15px;
    margin-top: 15px;
}

.summer-notice p {
    margin: 5px 0;
    color: #2e7d32;
    font-weight: bold;
}

/* サマー用ボタン */
.summer-btn a {
    background: linear-gradient(135deg, #ff6b6b, #ffa500) !important;
    border: none !important;
    box-shadow: 0 4px 8px rgba(255, 107, 107, 0.3);
    transition: all 0.3s ease;
}

.summer-btn a:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(255, 107, 107, 0.4);
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .special-badge {
        position: static;
        margin-bottom: 5px;
        display: inline-block;
    }
    
    .capacity {
        display: block;
        margin: 5px 0;
        width: fit-content;
    }
    
    .time-label {
        display: block;
        text-align: center;
        margin-bottom: 15px;
    }
}


/* ============================
   コースごとの色設定
   ============================ */

/* ============================
   コースごとの色設定
   ============================ */

/* --- 旧構造用（li に色クラスが付いているパターンを残す） --- */
/* 高度IT学科 */
.event-color-advanced-it {
    color: #004085;
    /* Darker Blue */
}

/* ITエンジニアコース, ITドローンエンジニアコース */
.event-color-it-engineer,
.event-color-drone {
    color: #007bff;
    /* Original Blue */
}

/* デジタルクリエイターコース */
.event-color-creative {
    color: #FF6600;
    /* Orange */
}

/* eスポーツビジネスコース */
.event-color-esports {
    color: #800080;
    /* Purple */
}

/* 登録販売者コース */
.event-color-drug {
    color: #4caf50;
}

/* 医療事務・メディカルスタッフコース */
.event-color-medical {
    color: #009688;
}

/* ホテル・ブライダルコース */
.event-color-hotel {
    color: #FF7070;
    /* Yellowish Pink */
}

/* オフィス・サービスコース, 販売・総務事務専攻 */
.event-color-office,
.event-color-sales {
    color: #D81B60;
    /* Reddish Pink */
}

/* 公務員学科 */
.event-color-public {
    color: #9966CC;
    /* Amethyst */
}

/* --- 新構造用（p.course-name に色クラスを付けるパターン） ---
   こちらは li の色よりも優先させたいので、セレクタの詳細度を高めている
*/

/* 高度IT学科 */
.event-color-advanced-it .course-name,
.course-name.event-color-advanced-it,
.course-name .event-color-advanced-it {
    color: #004085;
    /* Darker Blue */
}

/* ITエンジニアコース, ITドローンエンジニアコース */
.event-color-it-engineer .course-name,
.course-name.event-color-it-engineer,
.event-color-drone .course-name,
.course-name.event-color-drone {
    color: #007bff;
    /* Original Blue */
}

/* デジタルクリエイターコース */
.event-color-creative .course-name,
.course-name.event-color-creative,
.course-name .event-color-creative {
    color: #FF6600;
    /* Orange */
}

/* eスポーツビジネスコース */
.event-color-esports .course-name,
.course-name.event-color-esports,
.course-name .event-color-esports {
    color: #800080;
    /* Purple */
}

/* 登録販売者コース */
.event-color-drug .course-name,
.course-name.event-color-drug {
    color: #4caf50;
}

/* 医療事務・メディカルスタッフコース */
.event-color-medical .course-name,
.course-name.event-color-medical {
    color: #009688;
}

/* ホテル・ブライダルコース */
.event-color-hotel .course-name,
.course-name.event-color-hotel {
    color: #FF7070;
    /* Yellowish Pink */
}

/* オフィス・サービスコース, 販売・総務事務専攻 */
.event-color-office .course-name,
.course-name.event-color-office,
.event-color-sales .course-name,
.course-name.event-color-sales {
    color: #D81B60;
    /* Reddish Pink */
}

/* 公務員学科 */
.event-color-public .course-name,
.course-name.event-color-public {
    color: #9966CC;
    /* Amethyst */
}


/* ============================
   レイアウト
   ============================ */

.event-section {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
}

.event-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.event-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;   /* ← ここを center から変更。上揃えに */
    padding: 15px;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    flex-wrap: nowrap;         /* ← 横並びのままOK */
    gap: 10px;                 /* ← 左右の余白を正しく確保 */
}

.event-item h3 {
    margin: 0;
    font-size: 1.2em;
    font-weight: bold;
    color: #333;
    flex: 1;                   /* ← 左側を可変幅に */
    line-height: 1.4;
    min-width: 0;              /* ← ★改行が効くようにする必須設定 */
}

/* タイトル内の br は非表示のまま */
.event-item h3 br {
    display: none;
}


/* ============================
   コース名（右エリア）
   ============================ */

.course-name {
    font-weight: bold;
    font-size: 0.9em;
    text-align: right;

    /* ★ これが超重要：右側の幅を内容に合わせて縮める */
    flex: 0 0 auto;            /* ← shrink しない。auto幅 */

    white-space: normal;       /* ← br を効かせる */
    line-height: 1.4;
}

.course-name br {
    display: inline;
}



/* ============================
   色設定
   （p.course-name に class が付く想定）
   ============================ */

/* 高度IT学科 / ITエンジニア / ドローン / デジタルクリエイター */
.course-name.event-color-it-engineer,
.course-name.event-color-it-engineer a,
.course-name .event-color-it-engineer,
.course-name .event-color-it-engineer a,
.course-name.event-color-drone,
.course-name.event-color-drone a,
.course-name .event-color-drone,
.course-name .event-color-drone a {
    color: #007bff;
}

/* 登録販売者コース */
.course-name.event-color-drug,
.course-name.event-color-drug a,
.course-name .event-color-drug,
.course-name .event-color-drug a {
    color: #4caf50;
}

/* 医療事務・メディカルスタッフコース */
.course-name.event-color-medical,
.course-name.event-color-medical a,
.course-name .event-color-medical,
.course-name .event-color-medical a {
    color: #009688;
}

/* オフィス・サービス（ホテル・ブライダル / 販売・総務事務） */
.course-name.event-color-hotel,
.course-name.event-color-hotel a,
.course-name .event-color-hotel,
.course-name .event-color-hotel a,
.course-name.event-color-sales,
.course-name.event-color-sales a,
.course-name .event-color-sales,
.course-name .event-color-sales a {
    color: #e91e63;
}

/* 公務員学科 */
.course-name.event-color-public,
.course-name.event-color-public a,
.course-name .event-color-public,
.course-name .event-color-public a {
    color: #8bc34a;
}

/* ---- eスポーツビジネスコース (esports) ---- */
/* ポイントのテキスト色や強調部分 */
.c_esports {
    color: var(--esports); /* #7030a0 */
}

/* 番号付きリスト（1. 2. 3.）の数字の色 */
ol.ol_esports li::before {
    color: var(--esports);
}

/* 「めざす職業」などの見出し背景色 */
.h4_esports {
    background-color: var(--esports);
    color: #ffffff; /* 文字色は白 */
}

/* 職業リストの「■」アイコンの色 */
ul.li_esports li::before {
    color: var(--esports);
}

/* 職業リスト内の文字色 */
ul.li_esports li {
    color: #242424; /* 基本の黒色（必要であれば変更可能） */
}

/* もしリスト内にリンクがある場合の文字色 */
ul.li_esports li a {
    color: var(--esports);
}

/* ---- eスポーツビジネスコース (カリキュラム背景・見出し) ---- */

/* カリキュラム部分の背景色（薄い紫） */
.cur_esports {
    background-color: #fbf5ff;
}

/* カリキュラム見出し（文字色と横線の色） */
.cu_esports {
    color: var(--esports); /* #7030a0 */
}
/* 見出しの横棒の色 */
.cu_esports:before, .cu_esports:after {
    background-color: var(--esports);
}

/* ---- 新：ホテルブライダルコース (_hb) ---- */
.PR_hb {
    background-color: #FF7070;
}

.c_hb {
    color: #FF7070;
}

ol.ol_hb li::before {
    color: #FF7070;
}

.cur_hb {
    background-color: #FDF8FC;
}

.cu_hb {
    color: #FF7070;
}

.cu_hb:before,
.cu_hb:after {
    background-color: #FF7070;
}

.h4_hb {
    background-color: #FF7070;
}

ul.li_hb li::before {
    color: #FF7070;
}

ul.li_hb li a {
    color: #FF7070;
}

/* ---- 新：ホテルブライダルコース (_hb) ---- */
.cur_hb {
    background-color: #FDF8FC; /* 背景色（薄いピンク） */
}

.cu_hb {
    color: #FF7070; /* 文字色 */
}

.cu_hb:before,
.cu_hb:after {
    background-color: #FF7070; /* 装飾線の色 */
}

.h3.cu_h3c.cu_hb {
    /* ベーススタイルは cu_h3c で共通、色は cu_hb で上書きされます */
}

/* 医療事務・医薬品販売コース */
.menu_img_mi>a:before {
    background: url("img/touroku_top.jpg") no-repeat;
}

/* ---- 医療事務・医薬品販売コース ---- */
.PR_mi {
    background-color: #87D043;
}

.c_mi {
    color: #87D043;
}

ol.ol_mi li::before {
    color: #87D043;
}

.cur_mi {
    background-color: #F9FFF4;
}

.cu_mi {
    color: #58A80E;
}

.cu_mi:before,
.cu_mi:after {
    background-color: #58A80E;
}

.h4_mi {
    background-color: #58A80E;
}

ul.li_mi li::before {
    color: #87D043;
}

ul.li_mi li a {
    color: #58A80E;
}


/* 医療事務・医薬品販売コース */
.event-color-medical-sales {
    color: #4caf50;
}

/* 医療事務・医薬品販売コース */
.event-color-medical-sales .course-name,
.course-name.event-color-medical-sales {
    color: #4caf50;
}

/* 医療事務・医薬品販売コース */
.course-name.event-color-medical-sales,
.course-name.event-color-medical-sales a,
.course-name .event-color-medical-sales,
.course-name .event-color-medical-sales a {
    color: #4caf50;
}

/* スマホ向けの調整 */
@media (max-width: 768px) {
    .event-section {
        padding: 10px;
    }
    .event-item {
        flex-direction: column;
        padding: 10px;
        flex-wrap: wrap;
    }
    .event-item h3 {
        font-size: 0.95em;
        line-height: 1.2;
    }
    .event-item h3 br {
        display: block;
    }
    .course-name {
        font-size: 0.8em;
        margin-top: 5px;
    }
}



/* ============================
   体験実習（新レイアウト）
   ============================ */
.tj-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* 余白を狭くする */
    justify-content: space-between;
    margin: 2em 0;
}
.tj-card {
    display: flex;
    width: 48.5%; /* 2列レイアウトで少し枠を広げる設定 */
    background: #fff;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}
.tj-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.tj-img {
    width: 30%; /* 写真は全体の30%へ縮小 */
    position: relative;
    overflow: hidden;
}
.tj-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}
.tj-card:hover .tj-img img {
    transform: scale(1.05); /* 写真が少し拡大する */
}
.tj-text {
    width: 70%; /* テキストエリアは残りの70%へ拡大 */
    display: flex;
    flex-direction: column; /* 縦並びにして装飾をつけやすくする */
    align-items: center;    /* 横方向の中央寄せ */
    justify-content: center;/* 縦方向の中央寄せ */
    color: #fff;
    font-weight: normal; /* 太字を外し、少しスッキリ見せる */
    font-size: 0.95em;   /* 文字サイズを少し小さく */
    padding: 10px 15px;  /* 余白 */
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.05em; /* 文字間隔を少し開ける */
}

/* テキストの下に短い白線を足してデザインに寄せる（オプション） */
.tj-text::after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.7);
    margin-top: 6px;
}

/* 「高度IT学科」などの折り返し位置を調整するための br の扱い */
.tj-text br {
    display: block; /* 改行を有効にする */
}

/* 各コースのカラー設定（既存のブランドカラーを参照） */
.tj-it .tj-text { background-color: #00A1E9; } /* 写真に近い少し明るい青に変更 */
.tj-ite .tj-text { background-color: #38c2e6; } /* 水色 */
.tj-dc .tj-text { background-color: #f39800; } /* オレンジ */
.tj-es .tj-text { background-color: #7030a0; } /* 紫 */
.tj-sale .tj-text { background-color: #87D043; } /* 黄緑 */
.tj-med .tj-text { background-color: #009688; } /* 緑 */
.tj-hotel .tj-text { background-color:#FE639C; } /* ピンク */
.tj-office .tj-text { background-color:#FF145C; } /* トマトレッド */
.tj-gov .tj-text { background-color: #9966CC; } /* 薄い紫 */

/* スマホ向けの１列レイアウト */
@media (max-width: 768px) {
    .tj-container {
        gap: 10px;
    }
    .tj-card {
        width: 100%;
    }
    .tj-text {
        font-size: 0.9em;
    }
}



/* サマースペシャル用フォーム */

.skk-summer-form {
  max-width: 920px;
  margin: 0 auto 48px;
  color: #263238;
  font-size: 16px;
  line-height: 1.8;
}

.skk-summer-form * {
  box-sizing: border-box;
}

/* ヒーロー */
.ssf-hero {
  overflow: hidden;
  margin: 0 0 24px;
  padding: 30px 28px 32px;
  border: 1px solid #d9eef8;
  border-radius: 12px;
  background:
    radial-gradient(circle at 92% 10%, rgba(255, 214, 102, .45), transparent 28%),
    linear-gradient(135deg, #fffdf2 0%, #eef8ff 58%, #fff4f8 100%);
  box-shadow: 0 12px 28px rgba(20, 103, 158, .10);
}

.ssf-kicker {
  display: inline-flex;
  margin: 0 0 10px;
  padding: 4px 12px;
  border-radius: 999px;
  background: #fff;
  color: #e85b8d;
  font-size: 12px;
  font-weight: 700;
}

.ssf-hero h3 {
  margin: 0 0 10px;
  color: #116ba8;
  font-size: 26px;
  line-height: 1.35;
  letter-spacing: 0;
}

.ssf-hero p:last-child {
  margin: 0;
}

/* 注意文 */
.ssf-note {
  margin: 0 0 26px;
  padding: 14px 18px;
  border-left: 5px solid #f39ac1;
  border-radius: 8px;
  background: #fffdf4;
}

.ssf-required {
  color: #e85252;
  font-weight: 700;
}

/* セクション見出し */
.ssf-section-title {
  margin: 30px 0 14px;
  padding: 11px 16px;
  border-radius: 8px;
  background: #1478bc;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.45;
}

.ssf-lead {
  margin: 0 0 16px;
  color: #526772;
}

/* カード */
.ssf-card,
.ssf-time-card {
  border: 1px solid #e1edf5;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(26, 73, 105, .06);
}

.ssf-card {
  padding: 20px;
  margin-bottom: 20px;
}

/* 基本情報 */
.ssf-basic {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 22px;
}

.ssf-field label,
.ssf-message label {
  display: block;
  margin-bottom: 7px;
  color: #134b73;
  font-weight: 700;
}

.ssf-course,
.ssf-message,
.ssf-koutsuhi-full {
  grid-column: 1 / -1;
}

/* 入力欄 */
.skk-summer-form input[type="text"],
.skk-summer-form input[type="email"],
.skk-summer-form textarea {
  width: 100%;
  max-width: 100%;
  border: 1px solid #cfdde7;
  border-radius: 8px;
  padding: 10px 12px;
  background: #fff;
}

.skk-summer-form textarea {
  min-height: 130px;
}

/* ラジオボタン共通 */
.skk-summer-form .mwform-radio-field {
  display: inline-flex;
  align-items: center;
  margin: 0;
  line-height: 1.6;
}

.skk-summer-form .mwform-radio-field label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #263238;
  font-weight: 500;
}

.skk-summer-form input[type="radio"] {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 0;
}


/* 参加者情報内の選択肢 */
.ssf-basic .ssf-field:not(.ssf-course) .mwform-radio-field {
  margin: 6px 20px 6px 0;
}

/* 興味のある学科 */
.ssf-course .mwform-radio-field {
  display: inline-flex;
  width: calc(50% - 10px);
  margin: 6px 10px 6px 0;
  vertical-align: top;
}

/* チェックボックス版（興味のある学科用） */
.skk-summer-form .mwform-checkbox-field {
  display: inline-flex;
  align-items: center;
  margin: 0;
  line-height: 1.6;
}
.skk-summer-form .mwform-checkbox-field label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #263238;
  font-weight: 500;
}
.skk-summer-form input[type="checkbox"] {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 0;
}
.ssf-course .mwform-checkbox-field {
  display: inline-flex;
  width: calc(50% - 10px);
  margin: 6px 10px 6px 0;
  vertical-align: top;
}
/* 参加メニュー */
.ssf-time-grid {
  display: grid;
  gap: 18px;
  margin: 18px 0 24px;
}

.ssf-time-card {
  padding: 0;
  overflow: hidden;
  border: 1px solid #dcecf5;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(26, 73, 105, .06);
}

.ssf-time-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 14px 18px;
  background: linear-gradient(90deg, #1478bc 0%, #49a8de 100%);
  color: #fff;
}

.ssf-time-heading > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 74px;
  padding: 4px 12px;
  border-radius: 999px;
  background: #fff;
  color: #1478bc;
  font-weight: 700;
}

.ssf-time-heading strong {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
}

.ssf-time-heading .ssf-required {
  color: #fff8a8;
}

/* メニュー選択肢 */
.ssf-time-card .mwform-radio-field {
  display: flex;
  width: auto;
  margin: 0;
  padding: 13px 18px;
  border-top: 1px solid #edf4f8;
}

.ssf-time-card .mwform-radio-field:first-of-type {
  border-top: 0;
}

.ssf-time-card .mwform-radio-field label {
  width: 100%;
  gap: 10px;
  color: #263238;
  font-size: 15px;
  font-weight: 500;
}

.ssf-time-card .mwform-radio-field:hover {
  background: #f8fcff;
}

/* 送信ボタン */
.ssf-submit {
  text-align: center;
  margin-top: 28px;
}

.ssf-submit input,
.ssf-submit button,
.skk-summer-form input[type="submit"] {
  min-width: 220px;
  padding: 13px 24px;
  border: 0;
  border-radius: 999px;
  background: #1478bc;
  color: #fff;
  font-weight: 700;
  box-shadow: 0 8px 16px rgba(20, 120, 188, .22);
}

/* スマホ */
@media (max-width: 720px) {
  .ssf-hero {
    padding: 24px 18px;
  }

  .ssf-hero h3 {
    font-size: 22px;
  }

  .ssf-basic {
    grid-template-columns: 1fr;
  }

  .ssf-card {
    padding: 16px;
  }

  .ssf-basic .ssf-field:not(.ssf-course) .mwform-radio-field,
  .ssf-course .mwform-radio-field 
 .ssf-course .mwform-checkbox-field {   /* ← 追加 */
    display: flex;
    width: 100%;
    margin: 7px 0;
  }

  .ssf-time-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px;
  }

  .ssf-time-card .mwform-radio-field {
    padding: 12px 16px;
  }
}