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

.curriculum{
	background: #ff6666;
	color: #fff;
	width: 80%;
	border-radius: 5px;
	padding: 7px 0;
	text-align: center;
	margin: 25px auto 50px;
}
.arrow{
  position: relative;
  display: inline-block;
}

.arrow::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 51%;
  right: -20px;
  margin-top: -4px;
}

/* =======================================
	大枠
======================================= */

body{
	background-color: #fafafa;
	background-image: url(../img/back_color/so-white.png);
}
.contents{
	width:100%;
	height:auto;
	margin:0 auto;
    background-color: #fff;
    background: linear-gradient(to bottom, rgba(255,255,255,.1) 0%, #fff 100%), url(../img/back_color/so-white.png);
	background: -moz-linear-gradient(to bottom, rgba(255,255,255,.1) 0%, #fff 100%), url(../img/back_color/so-white.png);
	background: -webkit-linear-gradient(to bottom, rgba(255,255,255,.1) 0%, #fff 100%), url(../img/back_color/so-white.png);
	font-family:YuGothic, "Yu Gothic", 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
	font-weight: 500;
}

/* =======================================
	main_visual
======================================= */


#main_visual{
	width:100%;
	height:136px;
	margin:70px auto 0;
	background:url("../img/general/main02.jpg") no-repeat no-repeat;
	background-color:rgba(255,255,255,.3);
	background-blend-mode:lighten;
	background-position:  0 33%;
	background-size: cover;
	border-bottom: 1px solid #073c6c;
}


h1.title{
	padding-top:30px;
    font-size: 146.5%;
    text-align: center;
	font-family:YuGothic, "Yu Gothic", 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-weight: 500;
    color: #073c6c;
    letter-spacing: 2px;
}

span.title_b{
    display: inline-block;
    padding: 4px 8px;
	background:rgba(250,250,250,.8);
	border-bottom: 4px double #073c6c;
    border-top: 4px double #073c6c;
}

span.title_b img{
	display:block;
	margin: 8px auto 0;
    width: 56%;
}


/* =======================================
	コンテンツ
======================================= */

h2.title{
	width:96%;
	margin:0 auto;
	color: #45A6CC;
	border-bottom: 2px solid #45A6CC;
	padding:20px 0 5px;
	text-align:center;
	font-size:146.5%;
}

.sub{
	text-align:center;
	font-size:116%;
	color:#fafafa;
	background:#45A6CC;
	margin:20px auto 15px;
	padding:10px 0;
}

.list{
	width:96%;
	margin:0 auto 24px;;
}

.list img{
	display:block;
	margin:24px auto 8px;
}

.point_box{
	padding:8px;
}

.p_ttl{
	font-size:116%;
	font-weight:bold;
	color:#45A6CC;
	text-align: center;
	letter-spacing:2px;
	margin-bottom:8px;
}

.p_txt{
	letter-spacing:1px;
	text-align:justify;
	line-height:1.7;
	color: #535353;
}
/*////////////魅力////////////////*/
.title02{
	width:96%;
	margin:0 auto 16px;
	color: #45A6CC;
	border-bottom: 2px solid #45A6CC;
	padding:20px 0 5px;
	text-align:center;
	font-size:150%;
}



/*写真*/
.pic img{
    display: block;
    width: 100%;
    height: 130px;
    overflow: hidden;
    object-fit: cover;
}

.sub02 {
    font-size: 116%;
    color: #fafafa;
    background: #45A6CC;
    margin: 0 auto 15px;
    padding: 10px;
}

span.note{
	font-size: 93%;
}

.text {
    font-size: 108%;
    color: #535353;
    width: 93%;
    text-align: justify;
    margin: 0 auto 20px;
}

/*ここからテーブル*/
#text_box{
	width:96%;
	margin:10px auto 30px;
	border-top: 1px solid #595959;
	border-left: 1px solid #595959;
}

#text_box td{
	padding:10px 5px;
	text-align: center;
	border-right: 1px solid #595959;
    border-bottom: 1px solid #595959;
	color:#333;
}

#text_box td.usu_green {
    background: #39C;
    color: #fafafa;
}

#text_box td.green{
	background: #F9F3E0;
    color: #535353;
}

#text_box td.grenn_text {
    color: #39C;
    font-weight: bold;
    background: #fafafa;
}

/*ここまでテーブル*/



/*/////////////////「多様な進路」をサポートするキャリア教育////////////////////////*/



.title03{
	width:96%;
	margin:0 auto;
	color: #535353;
	border-bottom: 2px solid #45A6CC;
	padding:20px 0 5px;
	text-align:center;
	font-size:131%;
}

.title03 span{
	color: #45A6CC;
    font-size: 125%;
}

.sub03{
	width:96%;
	margin:0 auto;
	color: #333;
	padding:20px 0 0;
	text-align:center;
	font-size:116%;
}

.p_sub{
display: block;
    width: 93%;
    margin: 0 auto 10px;
    padding: 5px 5px;
    color: #fafafa;
    background: #FF6B3D;
    border-radius: 5px;
	line-height: 30px;
}



.back{
	width:96%;
	margin:0 auto;
}
.blue{
	font-size: 116%;
    color: #45A6CC;
	padding:0 10px;
	font-weight:bold;
}

.text02{
	font-size: 116%;
    color: #333;
	padding:10px 10px 20px;
}

.pic02 img{
    display: block;
    width: 96%;
    height: 155px;
    margin: 10px auto 10px;
    object-fit: cover;
    object-position: top;
}

/*ここからテーブル2*/
#text_box02,
#text_box03{
	width:96%;
	margin:10px auto 20px;
	border: 1px solid #535353;
}

#text_box02 td,
#text_box03 td{
	width: 50%;
	padding:5px 5px;
	color:#333;
	border-right: 1px solid #535353;
	border-bottom: 1px solid #535353;
	background:#fff;
}

#text_box02 td.usu_green02,
#text_box03 td.usu_green02{
    background: #45A6CC;
    color: #fafafa;
	border-bottom:1px solid #535353;
	text-align:center;
	font-size:131%;
}

.maru{
	text-align:right;
	padding:10px;
	color:#333;
}

/*ここまでテーブル*/

.sub_title{
	width:96%;
	margin:0 auto 10px;
	text-align:center;
	font-size:131%;
	color: #fafafa;
    background: #03C;
	padding:10px 0;
}

.p_sub02{
	display:block;
	width:98%;
    margin:0 auto 10px;
	padding:5px 5px;
    color: #fafafa;
    background: #FF6B3D;
    border-radius: 5px;
}

/*////////奨学金/////////*/
.syougakukin{
	font-size:131%;
	padding:10px 10px 0;
	color:#535353;
	font-weight:bold;
}

.syougakukin02{
	font-size:116%;
	padding:0 10px 0;
	color:#535353;
}

.syougakukin03{
	color:#f29c9e;
	font-size:121%;
	padding:5px 10px 0;
	font-weight:bold;
	
}

.syougakukin02 a{
	color:#535353;
	text-decoration:underline !important;
}

/*////////私がオススメします！/////////*/

.title04{
	width:96%;
	margin:0 auto;
	color: #45A6CC;
	border-bottom: 2px solid #45A6CC;
	padding:20px 0 5px;
	text-align:center;
	font-size:146.5%;
}


.sub04{
	font-size:116%;
	color:#fff;
	background: #09C;
	width:96%;
	margin:20px auto 15px;
	padding:10px;
	border-radius:10px;
}

.pic_text{
	padding:0 10px;
	font-size:108%;
	color:#535353;
}


/*////////先輩からのメッセージ！/////////*/


.title05{
	width:96%;
	margin:0 auto;
	color: #45A6CC;
	border-bottom: 2px solid #45A6CC;
	padding:20px 0 5px;
	text-align:center;
	font-size:160%;
}


.senior_voice{
	font-weight: 600;
	text-align: center;
    font-size: 161.6%;
    color: #45A6CC;
    margin: 32px auto 0;
}

img.senior_pic{
	display: block;
    width: 93%;
    height: 230px;
    margin: 8px auto 10px;
    border-radius: 4px;
    object-fit: cover;
    object-position: top;
}

img.senior_pic2{
    height: 235px;
    object-position: 5% 18%;
}

.pic_text{
    font-size: 108%;
    color: #535353;
    border-left: 5px solid #45A6CC;
    padding-left: 8px;
    width: 93%;
    margin: 0 auto;
}

.voice{
    width: 92%;
    margin: 16px auto 0;
    font-size: 108%;
    text-align: justify;
    color: #535353;
    position: relative;
}

.syougakukin_baner{
	width: 95%;
	margin: 10px auto 30px;
}

.syougakukin_baner img{
	width: 100%;
}


/*横向き*/
@media screen and (orientation: landscape) {
	#main_visual{
		background-position: 0 27%;
	}
	span.title_b {
    padding: 4px 130px;
	}
	.pic02 img {
    object-position: 0% 33%;
	}
	img.senior_pic {
    object-position: 0% 46%;
	}
	img.senior_pic2 {
    object-position: 5% 50%;
	}
}
/*スマホ　6.7.8よりsmall画面*/
@media screen and (max-width:374px){
	.point_box{
		padding: 16px 8px;
	}
	.senior_voice {
    font-size: 146.5%;
	}
}