@charset utf-8;

/* smartPhoneTraining Contents */


.hero-section {
	background: ffff00 url("../img/smartPhoneTraining/bg-orange.jpg") 50% no-repeat;
	background-size: cover;
	height: 100vh;
	text-align: left;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
		-webkit-align-items: left;
		-ms-flex-align: left;
          		align-items: left;
		-webkit-justify-content: left;
		-ms-flex-pack: left;
			justify-content: left; 
	margin-bottom: 50px;
}

.hero-section .hero-section-text {
	color: #fefefe;
	text-shadow: 1px 1px 2px #0a0a0a;
}
@media screen and (max-width: 39.9375em) {
	.hero-section {
		background: #fff;
		background-size: cover;
		height: 50vh;
		text-align: center;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
			-webkit-align-items: center;
			-ms-flex-align: center;
	          		align-items: center;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
				justify-content: center;
	}
}

/* parallax */
section.myParallaxTop {
	margin: 0;
	padding: 0;
}
section.myParallax div {
	margin-bottom: 3em;
}

section.myParallax {
	margin: 2em 0;
	padding: 2em 0;
}
section.myParallax div {
	margin-bottom: 3em;
}
/*固定する背景*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:700');
div.pbg {
  box-sizing: border-box;
  font-size: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 5%;
}
.parallax-bg {
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 70%;
}
/*各背景の画像*/
.img-bg-01 {
  background-image: url('../img/smartPhoneTraining/2025/simpleAndroid.jpg') ;
	height: 100vh;
}

@media screen and (max-width: 39.9375em) {
	.parallax-bg {
		display:none;
/*	  background-attachment: fixed;
	  background-position: center;
	  background-size: cover;
	  background-repeat: no-repeat;
	  height: 0%; */
	}
	/*各背景の画像*/
	.img-bg-00 {
	    background-image: url('../img/smartPhoneTraining/2025/simpleAndroid.jpg') ;
		background-size: cover;
		width: 100%;
		height: 0vh;
	}
	.img-bg-01 {
	  background-image: url('');
		height: 50vh;
	}
	.img-bg-02 {
	   background-image: url('');
		height: 50vh;
	}
	.img-bg-03 {
	  background-image: url('');
		height: 50vh;
	}
	.img-bg-04 {
	  background-image: url('');
		height: 50vh;
	}




	/*スクロールするコンテンツ*/
	.scrollbox1 {
	  background-color: #fff;
	}
	.scrollbox2 {
	  background-color: #fff;
	}
	.scrollbox3 {
	  background-color: #fff;
	}
	.scrollbox4 {
	  background-color: #fff;
	}
	.scrollbox5 {
	  background-color: #fff;
	}
	.scrollbox6 {
		height: 351px; 
		box-sizing: border-box; 
		display: flex; 
		align-items: center; 
		justify-content: center; 
		border: 2px solid; 
		margin: 0; 
		padding: 1em;
		color: #fff;
	}

	.scrollbox1 h1,
	.scrollbox2 h1,
	.scrollbox3 h1,
	.scrollbox4 h1,
	.scrollbox5 h1 {
		color: #fff;
	}

}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}
 
.clearfix {
	display: block;
	height: 100px;
}
body#smartPhoneTraining div.column-30 p {
	margin-bottom: 2em;
}
body#smartPhoneTraining h2 {
	font-weight: bold;
	font-size: 1.5em;
}

h2.courseTTL {
	margin:50px 0 20px 0;
	padding: 1em;
	font-weight: bold;
	color:#ff8c00;
/*	border-top: 3px solid #808080;
	border-bottom: 3px solid #808080; */
}
body#smartAndroid .column-30 h2 {
	color: #ff0055;
}
h2.orderTTL {
	margin: 100px 0 0 0;
	padding: 1em;
}
h2.orderPhone {
	color: #ff00aa;
	font-weight: bold;
	font-size: 44px;
	margin: 0.5em 0 0 0;
/*	text-shadow: 1px  1px 1px #a9a9a9; */
}
h2.endDate {
	color: #ff66cc;
	font-weight: bold;
	margin: 0.5em 0 0 0;
}
h2.endDate small {
	color: #ff66cc;
}
dl.mobileDL {
	margin:30px 0 10px 0;
	padding: 10px 0;
	border-top: 1px solid #dcdcdc;
}
dl.mobileDL dt {
	font-size: 144%;
}
dl.mobileDL dt small {
	margin-right: 1em;
}
dl.mobileDL dt span.amCourse,
h2.androidh2 {
	color: #ff8c00;
	font-weight: bold;
	margin-bottom: 1em;
}
dl.mobileDL dt span.pmCourse,
h2.iPhoneh2 {
	color: #3366ff;
}

dl.zaidan-info {
	margin: 50px 0;
}
dl.zaidan-info dt {
	font-size: 130%;
}
h3.mustTTL {
	margin-bottom: 1em;
	font-weight: bold;
	border-bottom: 3px solid #ff4dc4;
	padding: 0.5em 0.75em 0.75em 0.75em;;
}
section.buttonRow {
	position:fixed;
	bottom:0;
	width:100%;
	background: rgba(132, 158, 135,.1);
	padding: 1em 0 0 0;
	border-top: 1px solid #e6e600;
	z-index: 999;
}
h3.eventDay {
	margin:0;

}
.eventDay2 {
	margin-bottom: 1.5em;
}

p.mobileParagraph {
	margin: 2em 0 1em 0;
}
div.Capacity {
	margin: 1em 0;
}
p.smh {
	margin-bottom: 1em;
}

h2.fullseat {
	padding: 1em;
	color: #fff;
	font-weight: bold;
	background: #3333cc

}

h2.Vacant {
	padding: 1em;
	color: #fff;
	font-weight: bold;
	background: #ff3399;
	text-align: center;
}

h1.smartLOGO{
	color: #fff;
	background: #ffa500;
	margin: 0;
	padding: 1em;
	font-weight: bold;

}
@media screen and (max-width: 39.9375em) {
	h1.smartLOGO{
		color: #fff;
		background: #ffa500;
		margin: 0;
		padding: 1em;
		font-weight: bold;
		font-size: 80%;

	}
}
div.column-target {
	margin: 0;
	padding: 5em 1em;
	text-align :center;
	font-weight: bold;
	color: #fff;
	background: #ff6699;
}
body#smartAndroid ol.must-list li {
	font-size: 20px;
	margin: 0;
	padding: 0 0 0.1em 0;
}
.simekiriE {
	background:#fff;
	font-weight: bold;
	color: #ff00aa;
	border-left: 10px solid #ff00aa;
	padding:0.7em 1em;	
	margin: 0 0 3em 0;
}
.simekiriE small {
	color: #ff00aa;
	font-weight: normal;
}