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

.curriculum{
	background: #ff6666;
	color: #fff;
	width: 80%;
	border-radius: 5px;
	padding: 7px 0;
	text-align: center;
	margin: 0 auto 60px;
}
.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:400px;
	background:#FF8359;
	margin: 70px auto 0;
}

#main_visual img{
	width:100%;
	vertical-align:bottom;
}

h1.title{
	display: block;
	width: fit-content;
	text-align: center;
	font-family:YuGothic, "Yu Gothic", 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
	background: #FF8359;
	color: #fff;
	position: absolute;
	bottom: 0px;
	right: 0;
	margin: auto;
	padding: 10px 20px;
}
h1.title span{
	display: inline-block;
}
span.title_b{
	font-size: 146.5%;
	font-weight: bold;
	letter-spacing: 2px;
}

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

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

.sub{
	text-align:center;
	font-size:116%;
	color:#fafafa;
	background:#FF8359;
	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:#FF8359;
	text-align: center;
	letter-spacing:2px;
	margin-bottom:8px;
}

.p_txt{
	letter-spacing:1px;
	text-align:justify;
	line-height:1.7;
	color: #535353;
}


/*////////////魅力////////////////*/

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

/*写真*/
.pic img{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    object-fit: cover;
    object-position: 0% 15%;
}

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



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

span.font_orenge{
    color: #FF8359;
}

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

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

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

#text_box td.usu_green {
    background: #FF8359;
    color: #FFF;
}

#text_box td.green{
	background: #FF8359;
    color: #FFF;
}

#text_box td.grenn_text {
    color: #FF8359;
    font-weight: bold;
    background: #FFF;
}

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

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

#text_box02 td{
	padding:5px 5px;
	text-align: center;
	color:#333;
	border-right: 1px solid #535353;
	background:#fff;
}

#text_box02 td.usu_green02 {
    background: #FF8359;
    color: #fafafa;
	border-bottom:1px solid #535353;
}

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

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




/********************************
幼児教育コースだけで学べる実習
**********************************/
#program{
	background:#fafafa;
	padding:20px 0;
}

.p_title{
	display:block;
	width:95%;
	margin:0 auto 25px;
}

.program_box{
	width:95%;
	margin:0 auto;
}

.gakunen{
	display:block;
	width:100%;
	margin:0 auto;
}


.second{
	text-align:center;
	background:#228b22;
	font-size:131%;
	font-weight:bold;
	color:#fff;
	padding:10px 0;
}

.third{
	text-align:center;
	background:#0033cc;
	font-size:131%;
	font-weight:bold;
	color:#fff;
	padding:10px 0;
}

.first_box,
.second_box{
	margin-bottom:20px;
}

.first_box{
	height:auto;
	position:relative;
	border-radius: 0 0 8px 8px;
	background-color: #fef5ff;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #FFEFEF), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #FFEFEF),color-stop(.75, #FFEFEF), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 14px 14px;
	padding-bottom:8px;
}

.second_box{
	height:auto;
	position:relative;
	border-radius: 0 0 8px 8px;
	background-color: #f7fff8;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #ecffe3), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #ecffe3),color-stop(.75, #ecffe3), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 14px 14px;
	padding-bottom:8px;
}

.third_box{
	height:auto;
	position:relative;
	border-radius: 0 0 8px 8px;
	background-color: #f3fdff;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #E7F8FC), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #E7F8FC),color-stop(.75, #E7F8FC), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 14px 14px;
	padding-bottom:8px;
}


.yajirushi{
	width:94vw;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
}



.acc_ttl{
	position:relative;
	text-align:center;
	font-size:116%;
	color:#535353;
	letter-spacing: 1px;
  	padding-top: 10px;
	z-index:500;
}

.acc_img{
	position:relative;
	width: 95%;
  	text-align: center;
  	display: block;
  	padding: 10px 0 5px;
  	margin: 0 auto;
	z-index:500;
}


.acc_txt{
    position: relative;
    /* font-size: 108%; */
    color: #535353;
    padding: 8px 10px;
    z-index: 500;
    letter-spacing: 1px;
    text-align: justify;
}

.acc_txt:last-of-type{
	padding-bottom:10px;
}

.result{
	background:#fff;
	position:relative;
	text-align:center
}

.result_img{
	width:100%;
}

.acc_ttl{
    position: absolute;
    top: 21%;
    right: 0;
    font-size: 4vw;
}

.acc_ttl_big{
    font-size: 150%;
    text-shadow: 1px 1px 3px #fff;
    padding: 1px;
}

.result_ttl{
	background: linear-gradient(transparent 60%, yellow 40%);
}

.acc_txt2{
	position:absolute;
	top:51%;
	left:0;
	right:0;
	color:#fff;
	font-weight:bold;
	font-size: 4vw;
    padding: 5px;
}

.acc_txt2_black{
    color: #333333;
}

/*//////////////5年で幼稚園・保育所・こども園の先生に！////////////////////*/
.box{
/*	background-color: #fafafa;
    background: linear-gradient(to bottom, rgba(255,255,255,.1) 0%, #fafafa 100%), url(../img/back_color/so-white.png);
	background: -moz-linear-gradient(to bottom, rgba(255,255,255,.1) 0%, #fafafa 100%), url(../img/back_color/so-white.png);
	background: -webkit-linear-gradient(to bottom, rgba(255,255,255,.1) 0%, #fafafa 100%), url(../img/back_color/so-white.png);*/
}

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

.title03 span{
	color: #FF8359;
    font-size: 150%;
}





.back{
	background:#FAF5E1;
	width:96%;
	margin:8px auto 0;
	border-radius:5px;
	border:2px solid #FF8359;
	padding-bottom:11px;
}

.sub03{
	color: #FF8359;
	padding:20px 0 0;
	text-align:center;
	font-size:108%;
	font-weight:bold;
}

.sub03 span{
	font-size:131%;
}

.nen{
	background: #FF9673;
	color:#fafafa;
	text-align:center;
	font-size:131%;
	margin:10px auto;
	padding:8px 0;
}

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

.pic03 img{
    display: block;
    width: 96%;
    margin: 5px auto;
}

.pic04 img{
    display: block;
    width: 85%;
    height: 310px;
    margin: 15px auto 0;
    border: 2px solid #fff;
    border-radius: 50%;
    object-fit: cover;
}
.nen_sub{
	text-align:center;
	font-size:150%;
	font-weight:bold;
	color:#535353;
}

/*////////短大/////////*/

.back02{
    width: 96%;
    background: #fbe4e7;
    margin: 16px auto;
    border-radius: 4px;
    border: 2px solid #f6707f;
    padding-bottom: 15px;
}

.sub04{
	color: #f6707f;
	padding:20px 0 5px;
	text-align:center;
	font-size:141%;
	font-weight:bold;
	text-shadow:
        0 1px 0 #fff,
        1px 0 0 #fff,
        0 -1px 0 #fff,
        -1px 0 0 #fff,
        -1px -1px 0 #fff,
        1px -1px 0 #fff,
        -1px 1px 0 #fff,
        1px 1px 0 #fff
        ;
}

.sub05{
	color: #f6707f;
    padding-bottom: 10px;
	text-align:center;
	font-size:123%;
	font-weight:bold;
	text-shadow:
        0 1px 0 #fff,
        1px 0 0 #fff,
        0 -1px 0 #fff,
        -1px 0 0 #fff,
        -1px -1px 0 #fff,
        1px -1px 0 #fff,
        -1px 1px 0 #fff,
        1px 1px 0 #fff
        ;
}

.pink{
	display: inline-block;
    font-size: 131%;
    background: #f6707f;
    color: #fff;
    padding: 10px;
    text-shadow: none !important;
    border-radius: 50%;
    width: 50px;
    height: 48px;
    line-height: 30px;
}

.big{
	font-size:131%;
}

.tandai{
	width:93%;
	margin:10px auto;
	background:#f6707f;
	padding-bottom:1px;
}

.tandai_title{
	font-size:131%;
	color:#fff;
	text-align:center;
	padding:10px 0;
	font-weight:bold;
}

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

.tandai_sub_center{
    text-align: center;
    padding-bottom: 3px;
}

.pic_tandai img{
	width: 95%;
	margin: 0 auto;
	display: block;
}

.plus img{
	display:block;
	margin:0 auto;
	width:10%;
}

/*////////編入/////////*/

.back03{
	background:#1BB38F;
	width:96%;
	margin:20px auto 10px;
	border-radius:5px;
	border:2px solid #1BB38F;
	padding-bottom:12px;
}

.sub06{
	color: #fff;
	padding:10px 0 5px;
	text-align:center;
	font-size:123%;
	font-weight:bold;
}

.hennyu{
	width:96%;
	margin:0 auto;
	background:#fff;
	padding:10px;
	border-radius:5px;
}

.hennyu_text{
    text-align: center;
}

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

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

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


/*////////先生/////////*/

.teacher_voice{
    width: 94%;
    font-weight: 600;
    font-size: 123.1%;
	text-align:justify;
    letter-spacing: 1px;
    color: #FF8359;
    margin: 16px auto 0;
}

/*////////先輩インタビュー/////////*/

.box02{
	padding-bottom:20px;
}

.student_voice_big{
    width: 92%;
    font-weight: 600;
    font-size: 123.1%;
    text-align: justify;
    letter-spacing: 1px;
    color: #FF8359;
    margin: 0 auto;
    display: block;
}

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

.sub07{
	font-size:116%;
	color:#fafafa;
	background: #FF8359;
	width:96%;
	margin:20px auto 15px;
	padding:10px;
	border-radius:4px;
}

.student_voice{
    width: 92%;
    margin: 8px auto;
    font-size: 108%;
    text-align: justify;
    color: #535353;
}


/*////////卒業生からのメッセージ！/////////*/


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


.senior_voice{
    width: 92%;
    font-weight: 600;
    font-size: 123.1%;
    color: #FF8359;
    margin: 16px auto 0;
    text-align: justify;
}

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


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

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



/*loop*/

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

.loop_css{
	width: 96%;
	margin:32px auto;
}
.loop_css ul li{
	width: 50%;
}
.loop_css ul li img{
	width: 85%;
}
.infiniteslide{
	display: flex;
  flex-flow: row nowrap;
  align-items: center;
  animation: 24s linear 0s infinite normal none running infiniteslide160039733634816a5;
}

.infiniteslide li img{
	margin:4px;
}

/* =======================================
			在校生・卒業生の声（3人）
======================================= */
.senior_list{
	margin-top: 15px;
}
.senior_list li{
	width: 90%;
	margin: 0 auto 15px;
}
.senior_list li img{
	width: 40%;
	float: left;
	margin-right: 5px;
}
.senior_list li p{
	font-size: 90%;
	letter-spacing: 1px;
	line-height: 1.6;
	margin-bottom: 0px;
}
.senior_list li p.name{
	color: #535353;
	text-align: right;
	font-size: 80%;
}
.senior_list li p.name span{
	color: #FF9673;
}
/*スマホ　6.7.8よりsmall画面*/
@media screen and (min-width:374px){
	.br{
		display: none;
	}
}

/*スマホ　6.7.8よりsmall画面*/
@media screen and (max-width:374px){
	.point_box {
    padding: 8px;
	}
}
.path{
	margin: 60px 10px;
}
.path .title{
	color: #FF8359;
	font-size: 200%;
	margin-bottom: 5px;
}
.path .content{
	border: 2px dashed #FF9673;
	padding: 10px;
	letter-spacing: 1px;
	font-size: 108%;
	color: #535353;
}
.path .content .red{
	color: #f00;
	font-weight: bold;
	font-size: 130%;
}