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


.container {
	background-color:rgba(255,255,255,0.7);
}
@media (min-width: 992px){
.container { width: 750px;}
}
.row {
    margin-right:-15px;
    margin-left: -15px;
}
img {
	max-width:100%;
}


hr {
  border:0;
  height:0;
  border-top: 1px solid #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) {


}

@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() no-repeat center top;
	background-size: 100% auto;
	top: 0;
	left: 0;
	z-index: -1;
} 

h2{font-size:18px;}

.brno br {
    display: none;
}

}



/* -------------------------------------- */
.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;
}



/* ------------------QA-------------------- */
.kaitou{
 font-size: 14px;
 padding: 0px 50px 20px 50px;
}


/* ------------------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 60px;
    font-size: 1em;
    width: 100%;
    max-width: 80%;
    color: #fff;

   display: block;

   border-style: solid;
   border-width: 1px;
   border-color: #ccc #4682b4 #4682b4 #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(#6699cc), to(#4682b4)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); /* IE */
   background: -moz-linear-gradient(top, #6699cc, #4682b4); /* Firefox */
   background: -o-linear-gradient(top, #6699cc, #4682b4);   /* Opera */
   background: linear-gradient(top, #6699cc, #4682b4);      /* CSS3 */
}

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

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

/* ------------------other-------------------- */

.kakaku1,.kakaku2{
    transition: background-color 0.5s;
}

.kakaku1:hover {
	background-color: #f4f7fb;
	border-radius: 20px;
    transition: background-color 1s;
}

.kakaku2:hover {
	background-color: #f4f7fb;
	border-radius: 20px;
    transition: background-color 1s;
}



.wakusen {
	padding:5px;
	border:1px solid #444444;
}


.curriculumitem p {
 margin: 10px 0 20px;
 padding: 10px;
 display: block;
 background:#eeece5;
 border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
 font-weight:bold;
}


.curriculumitem p.bread {
 position: relative;
 font-size: 12pt;
 background:#fff;
 margin: 10px 0 0px;
 font-weight:bold;
}

.curriculumitem p.kaisetu {
 font: 1em/1.2em Avenir , /*"Open Sans" ,*/ "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
 position: relative;
 background:#fff;
 margin: 5px 10px 20px;
 padding: 5px;
 font-weight:normal;
}

.curriculumitem p.bread::after {
	display: block;
	content: '';
	position: absolute;
	top: 0.6em;
	left: -0.1em;
	width: 18px;
	height: 18px;
	background-color: #3366cc;
	border-radius: 100%;
}


.curriculumitem_memo {
 margin: 10px 50px 20px;
 padding: 10px;
 display: block;
 background:#ffffff;
 font-weight:normal;
}
.curriculumitem_memo p{
 margin: 0;
 padding: 0;
 font-weight:normal;
 background:#ffffff;
}

/* -------------------------------------- */
@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;}

.bd,.bd-b{border-bottom:1px solid #000}.bd-red,.bd-red-b{border-bottom:3px double #fda2a2}.bd-blue,.bd-blue-b{border-bottom:3px double #3094dd}.bd-green,.bd-green-b{border-bottom:3px double #1abc9c}.bd-yellow,.bd-yellow-b{border-bottom:3px double #f7d745}.bd-navy,.bd-navy-b{border-bottom:3px double #153d62}.bd-darkblue,.bd-darkblue-b{border-bottom:3px double #1a6fb1}.bd-gray,.bd-grey,.bd-gray-b,.bd-grey-b{border-bottom:3px double #95a5a6}.bd-lightgray,.bd-lightgray-b{border-bottom:3px double #efefef}.bd-orange,.bd-orange-b{border-bottom:3px double #f39c12}.bd-pink,.bd-pink-b{border-bottom:3px double #fdc2d6}.bd-purple,.bd-lilac,.bd-purple-b,.bd-lilac-b{border-bottom:3px double #da9ef7}.bd-olive,.bd-olive-b{border-bottom:3px double #c1c167}.bd-lightblue,.bd-lightblue-b{border-bottom:3px double #aee2fc}.bd-lightgreen,.bd-lightgreen-b{border-bottom:3px double #2ecc71}.bd-mocha,.bd-mocha-b{border-bottom:3px double #cdbcb1}.bd-b,.bd-red-b,.bd-blue-b,.bd-green-b,.bd-yellow-b,.bd-navy-b,.bd-darkblue-b,.bd-gray-b,.bd-grey-b,.bd-orange-b,.bd-pink-b,.bd-purple-b,.bd-lilac-b,.bd-olive-b,.bd-lightgray-b,.bd-lightblue-b,.bd-lightgreen-b,.bd-mocha-b{border-bottom-style:solid}

.bg-none{background:transparent !important}.bg-black,.mk-black{color:#fff;background:#353c42;text-shadow:none !important}.bg-gray,ins,.bg-grey,.mk-gray{color:#fff;background:#95a5a6;text-shadow:none !important}.bg-lightgray,.mk-lightgray{color:#444;background:#efefef;text-shadow:none !important}.bg-yellow,.mk-yellow{color:#fff;background:#f7d745;text-shadow:none !important}.bg-lightgreen,.mk-lightgreen{color:#fff;background:#2ecc71;text-shadow:none !important}.bg-green,.mk-green{color:#fff;background:#1abc9c;text-shadow:none !important}.bg-navy,.mk-navy{color:#fff;background:#153d62;text-shadow:none !important}.bg-darkblue,.mk-darkblue{color:#fff;background:#1a6fb1;text-shadow:none !important}.bg-blue,.mk-blue{color:#fff;background:#3094dd;text-shadow:none !important}.bg-lightblue,.mk-lightblue{color:#444;background:#aee2fc;text-shadow:none !important}.bg-red,.mk-red{color:#fff;background:#fda2a2;text-shadow:none !important}.bg-orange,.mk-orange{color:#fff;background:#f39c12;text-shadow:none !important}.bg-pink,.mk-pink{color:#444;background:#fdc2d6;text-shadow:none !important}.bg-purple,.bg-lilac,.mk-purple{color:#fff;background:#da9ef7;text-shadow:none !important}.bg-olive,.mk-olive{color:#fff;background:#c1c167;text-shadow:none !important}.bg-mocha,.mk-mocha{color:#fff;background:#cdbcb1;text-shadow:none !important}.bg-white{color:#444;background:#fff;text-shadow:none !important}.bg-tweets{background:#daf2fe}.bg-likes{background:#dbe4fd}
