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



.mainVisual .inner{
	position:relative;
}

.mainContainer{
	padding:0 0 13%;
}

h1{
	color:#1963ae;
	font-size:2.6rem;
	font-weight:bold;
	margin-bottom:15px;
}

#mainvisual_st_sp{
	margin:0 auto;
	text-align: center;
}
#mainvisual_st img{
	width:100%;
	max-width:1400px;
}

.detailBlock{
	padding:5% 3.5%;
	background:#fff;
	margin-top:6%;
	font-size:1.1rem;
	letter-spacing:0.06rem;
}

.detailBlock h2{
	font-size:1.6rem;
	margin-bottom:5%;
	position: relative;
	letter-spacing:0.1rem;
}

.detailBlock h2 span{
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0;
	padding: 0 0.5em 0 0;
	background-color: #fff;
	text-align: left;
}

.detailBlock h2::after {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: #ededed;
}

.detailBlock .detailMain h3{
  color: #538ed1;
  font-size: 1.4rem;
		margin:15px 0;
		font-weight: bold;
}
.detailBlock .detailMain .textBox{
	width:100%;
	float:none;
}
.detailBlock .detailMain .textBox p{
	line-height:1.6;
	font-size:1.2rem;
}

.detailBlock .catch{
	font-size:1.4rem;
	line-height:1.6;
	margin-bottom:3%;
	letter-spacing:0.06rem;
}

.detailBlock .photo{
	margin-bottom:3%;
    line-height: 0;
    margin-top: 20px;
    padding: 3px;
}

.detailBlock .photo img{
	vertical-align:top;
  width: 100%;
  height: auto;
}

.detailBlock ul li{
	line-height:1.8;
}



.eventSection {
	background: #c0d3e9;
	margin-top:4%;
	margin-bottom: 4%;
	padding: 3% 4.7%;
}
.eventSection .upper {
 width:90%;
	margin:0 auto;
}
.eventSection .upper li dl {
margin:0 0 2%;
	font-weight:bold;
	color:#333;
}
.eventSection .upper li dl dt{
	width:16%;
	float:left;
	color:#fff;
	text-align:center;
	padding:3% 2%;
	line-height:1.4;
	background: #538ed1;
}
.eventSection .upper li dl dd{
	background:#fff;
	width:75%;
	float:right;
	padding:3% 2.5%;
	line-height:1.4;
}
.eventSection .upper li:last-child dl{
	margin-bottom:0;
}
.eventSection .note{
line-height:1.6;
	font-size:1.2rem;
	margin-top:0.8em;
}



.contactBtn{
	background:#f8f8f8;
	padding:8.7% 0;
}

.contactBtn a{
	display:block;
	width:53%;
	margin:auto;
	text-align:center;
	background:#e71873;
	color:#fff;
	border-radius:25px;
	padding:3%;
	font-size:1.4rem;
	font-weight:bold;
	line-height:1.3;
}

.contactBtn a span{
	display:block;
	font-size:1rem;
}


#creatorsContentArea h3{
  margin-top: 30px;
  margin-bottom: 15px;
  color: #538ed1;
  font-size: 2rem;
		font-weight: bold;
  border-left:6px solid #538ed1;
  padding:6px 0 6px 8px;
  background:#f0f0f0;
}
.creatorsContentBox h4{
  font-size: 1.3rem;
  font-weight: bold;
  margin: 3% 0 3% 0;
  line-height: 1.5;
  color:#F1A221;
}
.creatorsContentBox p{
  font-size: 1.2rem;
  line-height: 1.5;
}
.creatorsContentImage{
  margin:20px 0 40px;
}
.creatorsContentImage img{
  width: 100%;
  height: auto;
}

.classrooms{
	overflow: hidden;
}
.classroom {
	float:none;
	width:99%;
	margin-bottom:20px;
}
.classroom p{
	line-height:1.4;
	margin-bottom:1em;
}
.classroom img{
	 border:1px solid #ccc;
		width: 213px;
}
.classroom h4{
	margin:15px 0 8px 0;
}

.strong{
color:#cc0000;
font-weight: bold;
}


.youtube {
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}

.youtube .youtube_inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
}

.youtube .youtube_inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bn{
margin:30px auto;
text-align: center;
}

.gmap_wrap {
  position: relative;
  width: 100%;
  padding-top: 40%; /* = height ÷ width × 100 */
  margin:15px 0;
}

.gmap_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃*/
/*　768px以上　*/
/*＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃*/
@media screen and (min-width: 768px) {

.mainVisual{
	height:480px;
	position:static;
	background:url("../img/mv_ai_pc.jpg") no-repeat center center;
	background-size:cover;
}

#mainvisual_st_pc{
	margin:0 auto;
	text-align: center;
}
#mainvisual_st_pc img{
	width:100%;
	max-width:1400px;
}


.spVer{
  display: none !important;
}

.mainContainer{
	padding:15px 0 110px;
}

h1{	
	font-size:4.2rem;
	margin-bottom:20px;
	letter-spacing:0.06rem;
}

.detailBlock{
	padding:25px 40px 40px 40px;
	background:#fff;
	margin-top:10px;
	font-size:1.4rem;
}

.detailBlock .detailMain .pic{
	width:360px;
	float:left;
	margin:10px 0 0 0;
}

.detailBlock .detailMain .pic img{
	width:100%;
}
.detailBlock .detailMain .textBox{
	width:540px;
	float:right;
}
.detailBlock .detailMain .textBox p{
	line-height:1.8;
	font-size:1.5rem;
	margin-bottom:20px;
}
.detailBlock .catch{
	font-size:1.8rem;
	margin-bottom:30px;
}

.detailBlock .detailMain h3{
  margin: 30px 0 10px;
  font-size: 1.8rem;
}




.eventSection .upper {
    width: 100%;
    margin: 0 auto;
}
.eventSection .upper li {
    width: 266px;
    float: left;
    margin-right: 17px;
}
.eventSection .upper li:last-child{
	margin-right:0;
}
.eventSection .upper li dl{
    background: #fff;
	width:100%;
	height:60px;
	margin:0;
	display:table;
}
.eventSection .upper li dl dt{
	width:36px;
	padding:0 5px;
	display:table-cell;
	vertical-align:middle;
	float:none;
}
.eventSection .upper li dl dd{
	width:205px;
	padding:0 0 0 15px;
	display:table-cell;
	vertical-align:middle;
	float:none;
}
.eventSection .upper li dl dd span{
	font-size:1.2rem;
}
.eventSection .note{
	font-size:1.4rem;
}


#creatorsContentArea h3{
	font-size: 2rem;
}
.creatorsContentBox h4{
	font-size: 1.6rem;
	margin:15px 0;
}
.creatorsContentBox p{
	font-size: 1.5rem;
	line-height:1.8;
}
.creatorsContentBox p.str{
	font-size: 1.7rem;
	line-height:2;
}

.classroom {
	float:left;
	width:50%;
}
.classroom h4{
	margin:15px 0 8px 0;
}

.classroom img{
	 border:1px solid #ccc;
		width: 300px;
}

.contactBtn{
	padding:40px 0;
}

.contactBtn a{
	width:310px;
	border-radius:40px;
	padding:12px 50px;
	font-size:2.6rem;
	line-height:1.4;
	letter-spacing:0.05rem;
}

.contactBtn a span{
	font-size:1.6rem;
}
}