@charset "utf-8";
/* 共通
---------------------------------------------- */
/* 余白調節 */
.ui-content {
 padding-top: 0;
}
.yohakuReset {
 /* width:calc(100% + 30px);
margin-left:-15px;*/
}
/* スマホ非表示・特有 */
.sp_none {
 display: none;
}
.nomal_p {
 width: 94%;
 margin: 0 auto 0.5em auto;
 display: block;
}
/* 高汎用 */
/*
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.clear_left{
 clear: left;
}
*/
.centering {
 text-align: center;
}
.font_bold {
 font-weight: 900;
}
.font_bold_110 {
 font-weight: 900;
 font-size: 110%;
}
.font_bold_red {
 font-weight: 900;
 color: #e04a70;
}
.no_margin {
 margin: 0 !important;
}

.pageTitle {
	margin: 0;
}


/* コンテンツ　見出し */
#raishun .infoTitle > .intro h3 {
 color: #FFF;
 font-size: 1em;
 font-weight: bold;
 padding: 10px;
}
#raishun .infoTitle > .intro p {
 font-size: 14px;
 padding: 0.5em 1em;
}
/* 画像伸縮 */
#raishun img {
 width: 100%;
 max-width: 100%;
 height: auto;
}

/* コンテンツ全体、MV
---------------------------------------------- */
#closed {
 width: 96%;
 margin: 0 auto;
 height: 800px;
 padding: 2em 3%;
 background-image: url("../img/closed.jpg");
 background-repeat: no-repeat;
 background-size: 100%;
}
#closed h2 {
 display: block;
 width: 90%;
 margin: 0 auto;
 font-size: 140%;
 font-weight: 900;
 color: #fff;
 line-height: 1.6em;
 text-align: center;
 text-shadow: 2px 2px 1px #201b18, -2px 2px 1px #201b18, 2px -2px 1px #201b18, -2px -2px 1px #201b18;
}
#aprilcp {
 margin: 0 auto;
 transition: ease-in-out 1.4s;
 font-size: 16px !important;
 line-height: 1.5em !important;
}
#aprilcp .keyV {
 width: 100%;
}
#aprilcp .keyV .inner {
 height: auto;
}
#aprilcp .keyV .inner img {
 width: 100%;
}
.track1 {
 width: 94%;
 padding: 0.3em 3%;
 margin: 0.5em 0;
 background-color: #fdd300;
}
.track2 {
 width: 94%;
 padding: 0.3em 3%;
 margin: 0.5em 0 0 0;
 background-color: #fdd300;
}
.track1 p {
 display: block;
 font-weight: 900;
 line-height: 1.2em;
}
.track2 p {
 display: block;
 font-size: 85%;
 font-weight: 900;
 line-height: 1.4em;
}
.info_kuma {
 width: 94%;
 margin: 0;
 padding: 5px 3%;
 background-color: #fffeea;
}
.info_kuma p {
 font-size: 110%;
 font-weight: 900;
 line-height: 1.9em;
 text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff;
}
.info_kuma p img {
 width: 2em !important;
 margin-right: 5px;
}
/* .band
---------------------------------------------- */
.band, .band_f {
 width: 94%;
 padding: 0.5em 3% 0.8em 3%;
 background-color: #64c55e;
}
.band p, .band_f p {
 display: block;
 width: 100%;
 margin: 0 auto;
 color: #fff;
 font-weight: 900;
 text-align: center;
 text-shadow: none;
 line-height: 1.5em;
}
.band span {
 font-size: 110%;
 /* border: 2px solid #ffe51e;*/
 /*  border-radius: 5px; CSS3草案 */
 /* -webkit-border-radius: 5px; Safari,Google Chrome用 */
 /* -moz-border-radius: 5px;  Firefox用 */
 padding: 0 0.1em;
 margin: 0 0.1em;
}
.band_f p {
 position: relative;
}

/* #gaiyou
---------------------------------------------- */
#gaiyou {
 width: 94%;
 padding: 3%;
background-color: #f4f0ed;
}
#gaiyou img {
 width: 100%;
}
#gaiyou .gokakumae {
 font-size: 130%;
 text-align: center;
 font-weight: bold;
}
#gaiyou .gokakumae span {
 color: #FF0004;
}
.gaiyou1 {
 margin: 0 auto;
 background-repeat: no-repeat;
 background-size: 100% auto;
}
.gaiyou1 .sub_tit {
 background-image: url("../img/sp/tit_ribbon_sp.png");
 background-repeat:no-repeat;
 background-size:100% 100%;
 font-size: 110%;
 line-height:1.2em;
 font-weight: bold;
 margin: 20px 0 1em 0;
 padding:12px 5% 14px 17%;
}
.gaiyou1 p {
 display: block;
 margin: 0 auto;
 line-height: 1.5em;
 font-size: 90%;
 text-shadow: none;
 margin-bottom: 3%;
}
.gaiyou1 p span{
 font-weight:700;
 font-size:105%;
}
.gaiyou1 p.nomargin_b{
 margin-bottom:0!important;
}
.gaiyou1 h2 {
 font-size: 140%;
 text-align: center;
 color: #ed1c25;
 font-weight: bold;
 margin-bottom: 10px;
}
.gaiyou1 ul li.persona1 p {
 background-image: url(../img/persona1.png);
 background-repeat: no-repeat;
 background-size: 36% auto;
 background-position: 2% center;
 padding-left: 150px;
 padding-top: 33px;
 font-weight: bold;
 color: #f00;
 height: 54px;
}
.gaiyou1 ul li.persona2 p {
 background-image: url(../img/persona2.png);
 background-repeat: no-repeat;
 background-size: 36% auto;
 background-position: 2% center;
 padding-left: 150px;
 padding-top: 33px;
 font-weight: bold;
 color: #f00;
 height: 54px;
}
.gaiyou1 ul li.persona3 p {
 background-image: url(../img/persona3.png);
 background-repeat: no-repeat;
 background-size: 36% auto;
 background-position: 2% center;
 padding-left: 135px;
 padding-top: 33px;
 font-weight: bold;
 color: #f00;
 height: 54px;
}
.target_sp{
 margin:0 0 2em 0;
}
.target_pc {
 display: none;
}

#gaiyou p.notice {
	font-size: 80%;
}


/*.chushaku
---------------------------------------------- */
.chushaku {
 width: 100%;
 padding: 0.8em 0;
 margin: 0 0 2em;
 background-color: #e5e5e5;
 color: #3d3d3d;
 border-radius:8px;
}
.chushaku p {
 font-weight: 700;
 margin: 0 0 0.5em 0;
 display: block !important;
}
.chushaku ul {
 display: block;
 width: 94%;
 margin: 0 auto;
 padding: 0 3%;
 list-style: none;
}
.chushaku ul li {
 list-style: circle;
 margin: 0 0 0.3em 0;
 line-height: 1.5em;
 font-size: 80%;
 margin-left: 1.5em;
}

/*学校検索エリア*/

.sclNameBox .headLine06 {
	text-align: center;
}

#search{
    margin: auto 0;
    padding: 2%;
}
#search h2{
    font-size: 130%;
    text-align: center;
     background-image: url("../img/sumdaruma.png");
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    background-clip: border-box;
    line-height: normal;
    padding-top: 22px;
    border-bottom: #2196EF 3px solid;
}
#search .step{
    margin: 20px 0;
    text-align: center;
}
#search .step .red{
    color: red;
    font-weight: bold;
    display: inline-block;
}
#search .step .blue{
    color: #0B27C7;
    font-weight: bold;
}
#search .step h3{
    font-size: 2.3rem;
    margin-bottom: 20px;
    text-align: center;
}

#search .step h3 span{
    font-family: "Bungee Tint", serif;
	background: #ffd1bf;
    padding: 6px 15px;
	border-radius: 10px;
	display: block;
	margin-bottom: 1em;
}
#search .step h3 span.sp_none{
	display: none;	
}
#search .step p{
    text-align: left;
    margin: 20px 0;
    wi
}

#search .step img{
    margin: 0 auto;
}

#search .searchnav{
    margin-bottom: 70px;
}

#search .searchnav a{
    display: block;
    background: #2196F3;
    padding: 30px;
    font-size: 2rem;
    text-align: center;
    border-radius: 50px;
    width: 80%;
    color: #fff;
    margin: 0 auto;
}

#search .searchnav a:hover{
    background: #000;
}


.doragonbox{
    height: 0;
}
.doragon{
    width: 60%;
    position: relative;
    top: 66px;
    left: 58%;
}

/*ここまで学校検索エリア*/



.sclNameBox .inner {
    padding: 0 2%;
}
.headLine06{
    text-align: center;
}


.doragonbox{
    height: 0;
}
.doragon{
    width: 60%;
    position: relative;
    top: 66px;
    left: 58%;
}