body {font: 18px/20px -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; background: #fff url('../img/floral2c2.jpg') no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;}


.container {
	background-color:rgba(255,255,255,0.7);
}

.row {
    margin-right:-15px;
    margin-left: -15px;
}
img {
	max-width:100%;
}

hr {
  border:0;
  height:0;
  border-top: 1px dashed #999;
  width:80%;
  text-align: center;
  margin: 1em auto;
}

#footerwrap {
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#footerwrap h4, #footerwrap p{
    font-size:12px;
    line-height:20px;
}


@media screen and (min-width: 480px) {
  .brno br {
    display: none;
  }
}

@media screen and (max-width: 480px) {
/*body{font-size: 16px;line-height:18px;}*/
body::before {
	content: "";
	display: block;
	position: fixed;
	width: 120%;
	height: 180%;
	background:url('../img/floral2c2.jpg') no-repeat center top;
	background-size: 100% auto;
	top: 0;
	left: 0;
	z-index: -1;
} 
  #headerwrap {
    	min-height: 160px;
  }
}



/* -------------------------------------- */
.video{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.video iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;

	display: block;
	margin: 0 auto;
	z-index: 2;
	background-color: transparent;
	padding: 20px 5px 20px 5px;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
}


/* ------------------bread-------------------- */

.curriculumitem p.bread1, .curriculumitem p.bread2, .curriculumitem p.bread3{
 font-size: 18px;
 line-height: 20px;
 margin: 20px 0;
 padding: 10px 0 10px 50px;
 font-weight:bold;
 background: url(./icon/houseki_red.png) left center no-repeat;

}

.curriculumitem p.bread2 {
 background: url(./icon/houseki_blue.png) left center no-repeat;
}

.curriculumitem p.bread3 {
 background: url(./icon/houseki_green.png) left center no-repeat;
}

.breadtxt {
 margin: 0 0 0 25px;
}

/* ------------------QA-------------------- */
.qa{
 padding: 20px 0;
}

.qa p{
 padding: 0 0 0 50px;
}

.qa p.q, .qa p.a{
 font-size: 16px;
 line-height: 20px;
 margin: 20px 0 0 0;
 padding: 10px 0 10px 50px;
 font-weight:bold;
 background: url(./icon/icon_q.png) left center no-repeat;
}

.qa p.a{
 background: url(./icon/icon_a.png) left center no-repeat;
}

/* ------------------merit-------------------- */

.merit ul li {
	list-style:none;
	position: relative;
	padding-left:0px;
	margin-bottom:10px;
	font-weight:bold;

}
.merit ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .2em;
	left: -2em;
	width: 16px;
	height: 6px;
	border-left: 4px solid #fa7665;
	border-bottom: 4px solid #fa7665;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* ------------------input-------------------- */

.postform {
    width: 320px;
    max-width: 100%;
    margin: 30px auto;
}

.box-text{
 	float: left;
	margin:0;
	width:320px;
}
.boxContainer {
	overflow: hidden;
}
.postform input[type="text"],.postform input[type="email"]{
display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 4%;
    margin: 0 10px;
    font-size: 1em;
    color: #444;
	border:solid #ddd 1px;
    border-radius: 3px;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 3px #eee inset;
    -moz-box-shadow: 0 0 3px #eee inset;
    box-shadow: 0 0 3px #eee inset;
    width: 100%;
    max-width: 90%;
    background-color: #eaedf2;
    -webkit-transition: background-color .24s ease-in-out;
    transition: background-color .24s ease-in-out;
}


.submitBtn {

    height: 40px;
    line-height: 40px;
    padding: 0 4%;
    margin: 20px 10px;
    font-size: 1em;
    width: 100%;
    max-width: 90%;
    color: #fff;

   display: block;

   border-style: solid;
   border-width: 1px;
   border-color: #ccc #00a968 #00a968 #ccc;
   /* ▼角丸 */
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   /* ▼文字装飾 */
   text-decoration: none;
   /* ▼文字位置 */
   text-align: center;
   /* ▼背景 */
   background: -webkit-gradient(linear, left top, left bottom, from(#00a968), to(#00d382)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); /* IE */
   background: -moz-linear-gradient(top, #00a968, #00d382); /* Firefox */
   background: -o-linear-gradient(top, #00a968, #00d382);   /* Opera */
   background: linear-gradient(top, #00a968, #00d382);      /* CSS3 */
}

.bunkatsu {
   border-color: #ccc #b1c13b #b1c13b #ccc;
   background: -webkit-gradient(linear, left top, left bottom, from(#b1c13b), to(#c3d825)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); /* IE */
   background: -moz-linear-gradient(top, #b1c13b, #c3d825); /* Firefox */
   background: -o-linear-gradient(top, #b1c13b, #c3d825);   /* Opera */
   background: linear-gradient(top, #b1c13b, #c3d825);      /* CSS3 */
}

.submitBtn:hover {
	font-weight:bold;
    color: #fff;
}


/* ------------------other-------------------- */
/* -------------------------------------- */
@media only screen and (max-width: 800px) {
}

.b{font-weight:bold!important;} .normal{font-weight:normal!important;} .big{font-size:1.2em!important;} .big2{font-size:1.5em!important;} .big3{font-size:1.8em!important;} .small{font-size:0.8em!important;}

.f20px{font-size:20px!important;}.f21px{font-size:21px!important;}.f22px{font-size:22px!important;}.f23px{font-size:2xpt!important;}.f24px{font-size:24px!important;}

.red{color:#ff0000!important;}.blue{color:#0000dd!important;}.green{color:#008000!important;}.yellow{color:#ffff00!important;}.navy{color:#1F26A9!important;}.orange{color:#ff6600!important;}.pink{color:#cc6699!important;}.purple{color:#660099!important;}.olive{color:#808000!important;}.lime{color:#00ff00!important;}.aqua{color:#167FA6!important;}.black{color:#000!important;}.gray{color:#ccc!important;}.white{color:#fff!important;}.brown{color:#8B4513!important;}.magenta{color:#E5007E!important;}