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

/* //////////////////////////////////////////////////////////////////
   190307 否レスポンシブのSPページ用のスタイル。
   ////////////////////////////////////////////////////////////////// */

font-face {
	font-family: "YuGothic-M";
	font-weight: normal;
	 src: local("YuGothic-Medium"),
		  local("Yu Gothic Medium"),
		  local("YuGothic-Regular");
}

@font-face {
	font-family: "YuGothic-M";
	font-weight: bold;
	 src: local("YoGothic-Bold"),
		  local("Yu Gothic");
}

html,
body {
	color: #333;
	-webkit-text-size-adjust: 100%;
	font-family:-apple-system, blinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	/*font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
}

#main_contents{
	max-width:1000px;
	margin:auto;
}

#main_contents h3{
	background-color: #EC4376;
	text-align: center;
	font-size:18px;
	padding:15px;
	color: #fff;
	margin-bottom: 10px;
	margin-left:-10px;
	margin-right:-10px;
}

@media (min-width: 640px) {
	#main_contents h3{
		margin-left:-20px;
		margin-right:-20px;
	}
}

#main_contents h3.movie{
	background-color: #52BC9A;
	margin:0;
}

.catch{
	text-align: center;
	font-size:16px;
	font-weight: bold;
	margin-bottom: 1.5rem;
}

@media (min-width: 600px) {
	.catch{
		font-size:2.5vw;
	}
}

.catch span { position: relative; }

.catch span:before{
	content: "";
	position: absolute;
	width:2px;
	height:90%;
	background-color:#333;
	left: -30px;
	top: 3px;
	z-index: 2;
	transform: rotate(-25deg);
}

.catch span:after{
	content: "";
	position: absolute;
	width:2px;
	height:90%;
	background-color:#333;
	right: -30px;
	top: 3px;
	z-index: 2;
	transform: rotate(25deg);
}

.catch.orange {
  color:#FF6633;
	font-size:16px;
	margin-bottom: 10px;
}
.catch.orange span:before,
.catch.orange span:after{
	background-color:#FF6633;
}

/* 申し込みボタン3つ ----------*/

[class*="btn_sp0"] {
	padding:15px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 15px;
	border-radius: 100px;
	font-weight: bold;
	max-width: 480px;
	margin:auto;
	text-shadow:0px 0px 5px #333;
}

.btn_sp01{ 
	background:#EC4376 url("../imgs/opencampus/sp/arrow.png") no-repeat right 10% center;
	background-size:7px 13px;
	margin-bottom: 15px;
	text-shadow:none;
}

.btn_sp02{
	padding:8px 10px 12px 10px;
	border-radius: 12px;
	font-size: 22px;
	line-height: 1.5;
	background: url("../imgs/opencampus/sp/arrow.png") , linear-gradient(to bottom, #00cc99 0%,#00cccc 100%);
	background-repeat: no-repeat,repeat;
	background-position: center right 10%;
	background-size:7px 13px , auto;
	border:3px solid #fff;
	box-shadow:1px 1px 4px 2px #dddddd;
	margin-bottom: 15px;
}

 /* LINEボタン */
.btn_sp03{
	border-radius: 12px;
	background:#30C724 url(../imgs/opencampus/icon_line.png) no-repeat right 5% center;
	background-size:22px 21px;
	border:3px solid #fff;
	box-shadow:2px 2px 6px 2px #dddddd;
}

[class*="btn_sp0"]:hover {
	text-decoration: none;
	color: #fff;
}

.btn_sp02 span{
	font-size: 13px;
}


/* 就職実績（トップページのcssから持ってきた指定）----------*/

#Container section#top_result,
#Container section#top_result02{
	display:block;
	text-align: center;
}

#Container section#top_result{
	display:block;
	background:url(../imgs/license/bg02.gif);
	background-size:85px;
	text-align:center;
	padding:8%;
}

#Container section#top_result02{
	display:block;
	background:url(../imgs/license/bg.gif);
	background-size:85px;
	text-align:center;
	padding:8% 4%;
}	
.top_result p.other{
	color:#CE000D;
	font-size:20px;
	font-weight:bold;
	margin-bottom:1.0rem;
}

.top_result p {
	font-size: 10px;
	margin: 0 0 1.0rem 0;
	padding: 0;
	text-align: center;
}

/* オープンキャンパスの流れ----------*/

.oc_flow02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
}

@media (min-width: 768px) {
	.oc_flow02 li {
		width: 49%;
	}
}

.oc_flow02 li{
	border:1px solid #ccc;
	padding:10px 10px 15px 10px;
	margin-bottom: 10px;
}

.oc_flow02 li:last-child{
	margin-bottom: 0;
}

.oc_flow02 li:nth-child(3){
	border:2px solid #EC4376;
}

.oc_flow02 .prg-title{
	color:#EC4376;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

.oc_flow02 .prg-title + p{
	font-size: 15px;
}

.oc_flow02 li .box-link{
	background: url("../imgs/opencampus/sp/arrow.png") , #FF9933;
	background-repeat: no-repeat,repeat;
	background-position: center right 10%;
	background-size:7px 13px , auto;
	display: block;
	border-radius: 30px;
	font-size: 15px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	line-height: 50px;
	width: 95%;
	margin:auto;
}

.oc_flow02 li:nth-child(3) .box-link{
	background: url("../imgs/opencampus/sp/arrow.png") , #EC4376;
	background-repeat: no-repeat,repeat;
	background-position: center right 10%;
	background-size:7px 13px , auto;	
}

.wakaru img{
	width: 50%;
	height: auto;
	margin:0 auto 2rem auto;
}

.calendar {
    margin: 0 -4px;
}

.oc-icon-info span{
	line-height: 30px;
}

.oc_schedule{
	margin-bottom: 20px;
}
.oc_schedule p{
	line-height:2.0;
	font-weight: bold;
}
.oc_schedule strong{
	color: #EC4376;
	font-size: 16px;
}
.oc_schedule span{
	color: #888;
}

.m0{ margin:0 !important; }
.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }

.mt0{ margin-top:0 !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }

.btn_ao{
	margin-top:30px;
	text-align: center;
}
.btn_ao img{
	width:90%;;
	margin:auto;
}