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

.oc_banner{
	display:block;
	width:20em;
	position:absolute;
	bottom:0;
	right:0;
	padding:0 10px 60px;
	z-index:9990;
}
.oc_banner img{
	width:100%;
	display:block;
	margin-top:20px;
}

#slidertype1,
#slidertype2,
#slidertype3,
#slidertype4{
	width: 100%;
	overflow:hidden;
	position: absolute;
	top: 0;
}

#slidertype1 img,
#slidertype2 img,
#slidertype3 img,
#slidertype4 img{
	width: 100%;
	height: 100%;
	display: block;
}

#mainvisual{
    width: 100%;
	position: relative;
	overflow: hidden;
}

.first_img{
	width: 100%;
	opacity: 1;
	transition: 1s;
}

.first_img img{
	width: 100%;
	display: block;
}

.first_imgnone{
	opacity: 0;
}

/*#mainvisual{
    width: 100%;
	position: relative;
	height:80vh;
	
}

#mainvisual img{
	width:100%;
	height:80vh;
}*/

.top_contents{
	position: absolute;
	bottom: 80px;
	left: 50px;
}
.top_contents p{
	font-size: 170%;
	font-weight: bold;
	color: #fff;
	/*font-style: italic;*/
	font-family: U-OTF-GothicMB101Upr-Heavy;
}
span.top_contents_01{
	font-size: 260%;
}

span.top_contents_02{
	display:block;
	padding-bottom:5px;
	font-size: 140%;
	letter-spacing:2px;
}




.topics_wrap{
	width:100%;
	background:#f7f7f7;
	padding-top:10px;
}


.box_box{
	width:1100px;
	margin:0 auto;
	padding:20px 0 30px;
	overflow:hidden;
}

.topic_news00{
	width:520px;
	margin:10px auto 20px;
	letter-spacing:1px;
	float:left;
}

.news00_text{
	font-size: 100%;
    letter-spacing: 1px;
	border-bottom:2px solid #ccc;
	padding-bottom:7px;
	font-weight:bold;
	color:#00467e;
}

.topic_news00 li{
	border-bottom:2px dotted #ccc;
	padding: 6px 0;
}

.topic_news00 a{
	color: #333;
    font-size: 85%;
    font-weight: bold;
}

.topic_news00 a:hover{
	color:#00467e;
}

.fa-exclamation-circle{
	color:#d40c3b;
}


.top_kinkyu{
	position:absolute;
	width:100%;
	bottom:0;
	background-color: rgba(0,0,0,0.9) !important;
}

.top_kinkyu a{
	display:block;
	color:#fff;
	padding:15px 5px 15px 5px;
	/*text-decoration:underline !important;*/
	clear:both;
	font-size:100%;
	text-align:center;
}



/* =======================================
	NEWS
======================================= */
.news{
	width:100%;
	background:#fff;
	padding:70px 0 70px;
}

.news_box{
	width:900px;
	margin:0 auto;
	display: flex;
    justify-content: flex-start;
}

.news-title{
	flex: 0.6;
	position: relative;
	display: grid;
	justify-content: center;
}
.news-title h2{
	font-size: 300%;
	font-family: U-OTF-GothicMB101Upr-Heavy;
	position: relative;
	margin-bottom: 1em;
}

.news-title h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
  border-radius: 2px;
}

.news_list{
	padding-left:30px;
}
.news_list li{
	padding:6px 0;
	color:#333;
	font-size:93%;
	font-weight:bold;
	font-family: 'Noto', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic",          Sans-Serif;
}
.news_list li a{
	color:#333;
}
.news_list li a:hover{
	color:#00467e;
}
.news_list li span{
	padding-right:24px;
}

.button2{
    display:inline-block;
    background:#186aab;
    width: 100px;
    padding:10px 30px 10px 20px;
    text-align:center;
    color:#FFF;
    margin:5px;
    border:1px solid;
    cursor:pointer;
    position: relative;
    text-decoration: none;
}
.button2::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    width: 20px;
    height: 5px;
    border: none;
    border-right: 2px solid #FFF;
    border-bottom: 1px solid #FFF;
    transform: skew(45deg);
    transition: .3s;
}
.button2:hover::after{
    right: 10px;
    width: 30px;
}





/*////////PICK UP////////*/
.you_box{
	height: auto;
	background-color: #ecebeb;
	padding: 50px 0;
}
.you_box_slider{
	width: 80%;
	margin: 0 auto;
}
ul.slider img{
	width: 100%;
	height: auto;
}
ul.slider img:hover{
	opacity: 0.7;
}
.slider .slick-slide {
    margin:0 5px;
}
h2.you_box_title{
	font-size: 36px;
	margin-bottom: 25px;
	font-family: U-OTF-GothicMB101Upr-Heavy;
}

/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 40%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    height: 50px;
    width: 40px;
	z-index: 99;
}
.slick-prev {/*戻る矢印の位置と形状*/
    left: -2%;
	background-image: url(../img/arrow-prev.gif);
}
.slick-next {/*次へ矢印の位置と形状*/
    right: -2%;
	background-image: url(../img/arrow-next.gif);
}

/*ドットナビゲーションの設定*/
.slick-dots {
    text-align:center;
	margin:20px 0 0 0;
}
.slick-dots li {
    display:inline-block;
	margin:0 5px;
}
.slick-dots button {
    color: transparent;
    outline: none;
	border: none;
    width: 25px;/*ドットボタンのサイズ*/
	height: 3px;
    display:block;
    background:#ccc;/*ドットボタンの色*/
}
.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}
 





/*//////////////////学科紹介///////////////////////////*/
.gakka{
	width:100%;
	margin:70px auto 100px;
}

.department_title{
	font-size: 260%;
    text-align:center;
    font-weight: 400;
    color:#333;
	padding-bottom:40px;
	letter-spacing:10px;
	line-height:1.3em;
	font-family: U-OTF-GothicMB101Upr-Heavy;
}

#banner_box{
	width:78%;
	display: flex;
    justify-content: space-between;
	margin:0 auto;
}

#banner_box li{
	width:33%;
}

.b_airline{
	background:#FFB0CA !important;
}

.b_seibi{
	background:#0073b8 !important;
}

.b_airport{
	background:#ec9f0e !important;
}

.b_pilot{
	background:#48baa0 !important;
}

#banner_box li img{
    width: 100%;
	display: block;
	transition: 0.5s;
}

#banner_box li img:hover {
	transform: scale(0.95, 0.95);
	opacity:0.9;
}








/*/////////////////////////////////////////////*/
.pointo{
	width: 100%;
	margin: 0 auto;
	padding: 0 0 180px;
	background:#ecebeb;
}

.pointo-inner{
	width: 100%;
	height: 530px;
	background-image: url(../img/support01.jpg);
	background-size: cover;
	position: relative;
}

.pointo-text{
	width: 38%;
	min-width: 718px;
	height: 420px;
	background-color: #fff;
	position: absolute;
	top: 38%;
	right: 0;
	z-index: 9;
}

h2.pointo-title{
	padding: 70px 0 0 10%;
	font-weight: bold;
	letter-spacing: 2px;
	font-family: U-OTF-GothicMB101Upr-Heavy;
	font-size: 189%;
}

.pointo-text p{
	padding: 40px 0 0 10%;
	letter-spacing: 1px;
	line-height: 1.7;
	font-size: 100%;
	font-weight:bold;
}

span.big-pointo{
	font-size: 197%;
	vertical-align: top;
}

span.round{
	display: inline-block;
	font-size: 189%;
	width: 90px;
	height: 90px;
	line-height: 90px;
	border-radius: 50%;
	background-color: #186aab;
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin: 0 10px 0 0;
}

.pointo-text a{
	display: block;
	/*position: absolute;
	top: 76%;
	right: 14%;*/
	color: #00467e;
	padding-top: 10px;
	font-size: 108%;
	font-weight:bold;
}

.pointo-inner_02{
	width: 100%;
	height: 520px;
	background-image: url(../img/point7_1.jpg);
	background-size: cover;
	position: relative;
}

.pointo-text_02{
	width: 38%;
	min-width: 718px;
	height: 380px;
	background-color: #fff;
	position: absolute;
	top: 38%;
	left: 0;
	z-index: 9;
}

.pointo-text_02 p{
	padding: 30px 0 0 10%;
	letter-spacing: 1px;
	line-height: 1.7;
	font-size: 100%;
	font-weight:bold;
}

.pointo-text_02 a{
	display: block;
	/*position: absolute;
	top: 74%;
	right: 14%;*/
	color: #00467e;
	padding-top: 10px;
	font-size: 108%;
	font-weight:bold;
}

span.round_02{
	display: inline-block;
	font-size: 189%;
	line-height: 90px;
	padding:0 10px 0 0;
	color: #186aab;
	text-align: center;
	font-weight: bold;
}



.insta_banner {
    width: 830px;
    margin: 60px auto;
    display: flex;
    justify-content: space-between;
}

/*////////// ブログ ////////////*/
.wrap_blog{
	width:1100px;
	margin:130px auto 180px;
	overflow:hidden;
	display: flex;
    justify-content: space-between;
}

#airline_blog{
	width:45%;
	margin-right:40px;
}

.blog_text01{
	font-size:160%;
	color:#186aab;
	letter-spacing:1px;
	width:100%;
	padding-bottom:10px;
	border-bottom:2px solid #ccc;
	font-family: U-OTF-GothicMB101Upr-Heavy;
}

.blog_title{
	color:#333;
	font-size:80%;
}

.blog_ichilan a{/*//一覧表はこちら//*/
    display:block;
	color:#333;
	font-weight:bold;
	font-size:116%;
	letter-spacing:1px;
	text-align:right;
	padding-top:10px;
}

.blog_ichilan a:hover{
	color:#186aab;
}

.fa-angle-right{
	color:#186aab;
}

.news_02 li {
	width:100%;
	border-bottom:2px dotted #ccc;
	/*overflow:hidden;*/
	padding:10px 0;
}

span.day01_blog{
	font-size:77%;
	font-weight:bold;
	color:#999;
	letter-spacing:1px;
	/*float:left;*/
}

.news_02 a{
	display:block;
	color:#333;
	/*white-space:nowrap;
	overflow:hidden;
    text-overflow: ellipsis;*/
	font-size:77%;
	letter-spacing:1px;
	/*padding-left:20px;*/
	font-weight:bold;
}
.news_02 li a:hover{
	color:#186aab;
}

/*////////// 大阪航空専門学校ブログ ////////////*/
#kouku_blog{
	width:45%;
	margin-right:40px;
}



/*ipad 縦*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
	#mainvisual{
		height: 40vh;
	}
	#mainvisual img{
		width:100%;
		height: 40vh;
	}
	
}