@charset "utf-8";

/**
 * Table of Contents:
 *
 * 1.0 - common
 * 2.0 - Header
 * 3.0 -
 * 4.0 - slider
 * 4.1 - mv
 * 4.2 - banner
 * 5.0 - contents
 * 6.1 - con1
 * 6.2 - con2
 * 6.3 - con3
 * 6.4 - con4
 * 6.5 - con5
 * 6.6 - con6
 * 6.7 - con7
 * 6.8 - con8
 * 7.0 - footer
 * -----------------------------------------------------------------------------
 */

#con1 .wrapper_oc{
  overflow-x: scroll;
  height:550px;
  /*padding-left:67px;表示3の場合*/
  /*padding-left:207px;表示2の場合*/
	}
#con1 .wrapper_oc .innerBox{
  overflow: hidden;
  width:2000px;
  width : -moz-calc(280px * 15);
  width : -webkit-calc(280px * 15);
  width : calc(280px * 15);
  text-align:center !important;
	}
@media screen and (max-width:768px){
  #con1 .wrapper_oc{
    height:420px !important;
    padding-left:0 !important;
    }
  #con1 .wrapper_oc .innerBox{
    width:1800px;
    width : -moz-calc(180px * 15.1);
    width : -webkit-calc(180px * 15.1);
    width : calc(180px * 15.1);
    }
  }

/*表示1の場合
#con1 .wrapper_oc .innerBox{
  width: auto !important;
  text-align: center !important;
	}
#con1 .wrapper_oc .ocBox{
  float:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
	}
@media screen and (max-width:768px){
  #con1 .wrapper_oc .innerBox{
    width: auto !important;
    }
  }*/
/* =========================================================
 1.0 - common
========================================================= */





/* =========================================================
 2.0 - wrapper
========================================================= */
#wrapper {
	z-index:1;
	position: absolute;
	top:0;
	left:0;
	}
@media screen and (max-width:768px){
	#wrapper {
		position: static !important;
	}
}


/* =========================================================
 2.0 - Header
========================================================= */
#header {

	}
#header #topMenu li.library,
#header #topMenu li.sotsugyo,
#header #topMenu li.seikoukai{
  display: inline-block !important;
	}

/* =========================================================
 3.0 -
=========================================================






/* =========================================================
 4.0 - slider
========================================================= */
.slider{
  opacity:1;
  position:relative;
  width: 100%;
  min-width:960px;
  height:430px;
  /*margin-bottom: 20px;*/
  background-color:#FFF;
	/*-webkit-transition: opacity .2s;
  transition: opacity .2s;*/
	}
/*.slider.mainimg_load{
  opacity:1;
	}*/
.slider div{
  width: 100%;
  min-width:960px;
  height:430px;
	}
.slider li{
  width: 100%;
  min-width:960px;
  /*height:430px;*/
  background-repeat: no-repeat;
	}
.slider li a{
  display: block;
  width: 100%;
  min-width:960px;
  height:430px;
	-webkit-transition: all .2s;
  transition: all .2s;
	}
.slider li a:hover{
  background-color:rgba(255,255,255,.3);
	}

.slider .prev,
.slider .next {
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  margin:auto !important;
  display:block !important;
  width:20px !important;
  height:90px !important;
  border-radius:0 !important;
  text-indent:-9999px !important;
  background:#eb6d87 !important;
	-webkit-transition: all .2s;
  transition: all .2s;
  }
.slider .prev {
  left:0 !important;
  }
.slider .next {
  right:0 !important;
  }
.slider .prev:after,
.slider .next:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  margin:auto !important;
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
	-webkit-transition: all .2s;
  transition: all .2s;
  }
.slider .prev:after {
  left:6px !important;
  border-width: 4px 5px 4px 0 !important;
  border-color: transparent #FFF transparent transparent !important;
  }
.slider .next:after {
  right:6px !important;
  border-width: 4px 0 4px 5px !important;
  border-color: transparent transparent transparent #FFF !important;
  }
.slider .prev:hover,
.slider .next:hover{
  opacity:0.8;
  }
.slider .prev:hover:after{
  left:3px !important;
  }
.slider .next:hover:after{
  right:3px !important;
  }

@media screen and (max-width:768px){
  .slider{
    width: 100%;
    min-width:auto !important;
    height:116vw !important;
    }
  .slider div{
    width: 100%;
    min-width:auto !important;
    height:116vw !important;
    }
  .slider li{
    width: 100%;
    min-width:auto !important;
    height:116vw !important;
    background-repeat: no-repeat;
    }

  .slider li a{
    width: 100%;
    min-width:auto !important;
    height:70vh !important;
    -webkit-transition: none;
    transition: none;
    }
  .slider li a:hover{
    background-color: inherit;
    }
  /*.slider .s1 a{
    pointer-events:none;
    }
    */

  .slider .prev,
  .slider .next {
    width:15px !important;
    height:60px !important;
    }
  .slider .prev:after,
  .slider .next:after{
    }
  .slider .prev:after {
    left:5px !important;
    }
  .slider .next:after {
    right:5px !important;
    }
  .slider .prev:hover:after{
    left:2px !important;
    }
  .slider .next:hover:after{
    right:2px !important;
    }
}

/* mainimg */
.slider .s1,
.slider .s2b,
.slider .s3,
.slider .s4,
.slider .s5,
.slider .s6,
.slider .s7,
.slider .s8{
  background-position:center center;
  background-repeat: no-repeat;
  background-size: auto;
	}
.slider .s1{
	background-image:url(../images/index/mainimg01.jpg);
  background-position:center top;
	}
/*.slider .s2{
	background-image:url(../images/index/mainimg02_1.jpg);
  background-repeat:repeat-x;
  background-position:right 411px center;
	}
.slider .s2 .tbl{
  display:table;
  width:1440px;
  height:430px;
  margin:0 auto;
	}
.slider .s2 .cell{
  display:table-cell;
  width:auto;
  background-position:center center;
  background-repeat:no-repeat;
  background-size: auto;
	}
.slider .s2 .cell1{
  width:auto;
  background-image:url(../images/index/mainimg02_3.png);
	}
.slider .s2 .cell2{
  width:411px;
  background-image:url(../images/index/mainimg02_2.png);
	}*/
.slider .s2b{
	background-image:url(../images/index/mainimg02b.jpg);
  /*background-color: #e24a8d;*/
	}

/*.slider .s3{
	background-image:url(../images/index/mainimg03.jpg);
	}*/

.slider .s4{
	background-image:url(../images/index/mainimg04.png);
	}
.slider .s5{
  position:relative;
	background-image:url(../images/index/mainimg05.png);
	}
/*.slider .s5 .email{
  position:absolute;
  bottom: 90px;left: 0; right: 0;
  display: block;
  width: 370px;
  height: 40px;
  margin: auto;
	}
.slider .s5 .email a{
  display: block;
  width: 370px;
  height: 40px;
	}*/
.slider .s6{
	background-image:url(../images/index/mainimg06.png);
	}
.slider .s6 a{
  pointer-events: none;
	}
.slider .s7{
	background-image:url(../images/index/mainimg07.jpg);
  background-color: #dd7a86;
	}
.slider .s8{
	background-image:url(../images/index/mainimg_parents.jpg);
	}
@media screen and (max-width:1440px){
  /*.slider .s2 .tbl{
    width:100%;
    }*/
}
@media screen and (max-width:1125px){
  /*.slider .s2 .cell1{
    background-size: contain;
    }*/
}
@media screen and (max-width:768px){
  .slider .s1,
  .slider .s2b,
  .slider .s4,
  .slider .s5,
  .slider .s6,
  .slider .s7,
  .slider .s8{
    background-position:center top;
    background-repeat: no-repeat;
    background-size: cover;
    }
  .slider .s1{
    background-image:url(../images/index/mainimg01_smt.jpg);
    }
  /*.slider .s2{
    background-image:url(../images/index/mainimg02_smt.jpg);
    }
  .slider .s2 .tbl{
    display: none;
    }*/
  .slider .s2b{
    background-image:url(../images/index/mainimg02b_smt.jpg);
    background-color: inherit;
    }
  /*.slider .s3{
    background-image:url(../images/index/mainimg03_smt.jpg);
    }*/
  .slider .s4{
    background-image:url(../images/index/mainimg04_smt.png);
    }
  .slider .s5{
    background-image:url(../images/index/mainimg05_smt.png);
    background-color: inherit;
    }
  /*.slider .s5 .email{
    bottom: 27vw;
    width: 70vw;
    height: 10vw;
    }
  .slider .s5 .email a{
    width: 100%;
    height: 10vw;
    } */
  .slider .s6{
    background-image:url(../images/index/mainimg06_smt.png);
    }
  .slider .s7{
    background-image:url(../images/index/mainimg07_smt.jpg);
    }
  .slider .s8{
    background-position:center -10px;
    background-image:url(../images/index/mainimg_parents_smt.jpg);
    }
}
/* =========================================================
 4.1 - mv
========================================================= */
.mv {
  opacity:1;
  width: 100%;
  min-width:960px;
  height:430px;
  background-image:url(../images/index/mainimg01.jpg);
  background-position:center top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  transition:all .2s
}

.mv:hover {
  opacity:.8;
}

.mv-link {
  display:block;
  width: 100%;
  min-width:960px;
  height:430px;
}

.mv img {
  width:100%;
  height:100%;
  object-fit:cover;
}
@media screen and (max-width:768px){
  .mv {
    width: 100%;
    min-width:auto !important;
    max-width:768px;
    height:116vw !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-image:url(../images/index/mainimg01_smt.jpg);
    background-position:center top;
    }
  }


/* =========================================================
 4.2 - banner
========================================================= */
.banner {
  opacity:1;
  position:relative;
  width: 100%;
  max-width:960px;
  margin:30px auto 0;
  height:auto;
}

.banner ul {
  width:100%;
  max-width:960px;
  display:flex;
  justify-content:center;
  align-items: center;
  gap: 15px;
}

.banner ul li a {
  display:block;
  width:100%;
  height:100%;
}

.banner ul li {
  width: 310px;
  background-position:center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing:border-box;
}

.banner ul li:first-of-type {
  padding-left:0px;
}

.banner ul li:last-of-type {
  padding-right:0px;
}

.banner ul li img {
  width:100%;
  height:100%;
}

.banner ul li a:hover{
  background-color:rgba(255,255,255,.3);
  opacity:.8;
  }

@media screen and (max-width:768px){
  .banner ul {
    flex-direction:column;
    padding: 0 15px;
    box-sizing: border-box;
  }

  .banner ul li {
  width:100%;
  }

}

/* ttlBox */
.conBox .ttlBox{
  margin-bottom: 20px;
  text-align:center;
	}
.conBox .ttlBox .ttl{
  margin-bottom:0;
	font-size: 36px;
	/*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;*/
	font-weight:500;
	line-height:1.2;
  color:#20476b;/*eb6d87*/
	}
.conBox .ttlBox .ttl .ss{
	font-size: 36px;
	}
.conBox .ttlBox .ttl .sl{
	font-size: 58px;
	}
.conBox .ttlBox .lead{
  padding-bottom:30px;
	font-size: 24px;
	/*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;*/
	font-weight:500;
	line-height:1.4;
  color:#333;
	}
.conBox .ttlBox .line{
  margin:10px auto 15px auto;
  height:7px;
  background:url(../images/index/line_bg.png) left top repeat-x;
  background-size: auto 7px;
	}
#con3 .ttlBox .line{
  width: 200px;
	}
#con4 .ttlBox .line{
  width: 380px;
	}
#con6 .ttlBox .line{
  width: 320px;
	}
@media screen and (max-width:768px){
  .conBox .ttlBox{
    margin-bottom: 15px;
    text-align:center;
    }
  .conBox .ttlBox .ttl{
    font-size: 32px;
    }
  .conBox .ttlBox .ttl .ss{
    font-size: 18px;
    }
  .conBox .ttlBox .ttl .sl{
    font-size: 37px;
    }
  .conBox .ttlBox .lead{
    padding-bottom:20px;
    font-size: 14px;
    }
  .conBox .ttlBox .line{
    margin:10px 15px 15px 15px;
    height: 5px;
    background:url(../images/index/line_bg.png) left top repeat-x;
    background-size: auto 5px;
    }
  #con3 .ttlBox .line,
  #con4 .ttlBox .line,
  #con6 .ttlBox .line{
    width: auto;
    }
}

/* =========================================================
 5.0 - contents
========================================================= */
#contents.contents_index {
  position:relative;
  pointer-events: none !important;
}
#contents.contents_index .conBox {
  width:100% !important;
  margin: 0 auto;
}

/* =========================================================
 6.x - entry
========================================================= */
#entry{
  padding-top: 20px;
  padding-bottom: 0;
  background-color: #f5f5f5;
	}
#entry .innerBox{
  max-width:900px;
  margin: 0 auto;
	}
#entry h2{
  margin-bottom: 5px;
  /*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;*/
  font-size: 38px;
  font-weight: bold;
	}
#entry table{
  width: 100%;
  margin-bottom: 30px;
  background-color: #fff;
	}
#entry th,
#entry td{
  padding: 15px 20px;
  border: solid 1px #aaa;
  font-weight: bold;
	}
#entry th{
  font-size: 18px;
  background-color: #f8f0f2;
	}
#entry th li{
  text-indent: -1em;
  padding-left: 1em;
	}
#entry th li span{
  color: #e24a8d;
	}
#entry td{
  text-align:center;
  font-size: 20px;
	}
  #entry .btn_txt{
    margin-top: 15px;
    }
@media screen and (max-width:768px){
  #entry{
    box-sizing:border-box;
    padding: 20px 20px 0;
    }
  #entry h2{
    font-size: 24px;
    }
  #entry table{
    margin-bottom: 10px;
    border-bottom: solid 1px #aaa;
    }
  #entry th,
  #entry td{
    display: block;
    width: auto;
    border-bottom: 0;
    padding: 15px;
    text-align:center;
    }
  #entry th{
    font-size: 15px;
    }
  #entry td{
    font-size: 18px;
    }
  #entry .kome{
    text-align:center;
    }
  #entry .btn_txt{
    width: 100%;
    }
  }
/* =========================================================
 6.1 - con0
========================================================= */
#con0{
  display: none;
	}
@media screen and (max-width:768px){
  #con0{
    display: block;
    box-sizing:border-box;
    padding:40px 15px 40px;
    /*margin-bottom: 40px !important;*/
    }
  #con0 .txt{
    font-size: 19px;
    /*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;*/
    font-weight:500;
    line-height:1.6;
    color:#eb6d87;
    }
  #con0 .btn_txt{
    width:100%;
    height:60px;
    margin:20px auto 0 auto;
    }
  #con0 .btn_txt a{
    height:60px;
    line-height:60px;
    border-radius:6px;
    font-size: 18px;
    }
/*  #con0 .btn_txt a:hover{
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    background-position: 92% center;
    }
  #con0 .txtBox .btn_txt a{
    background-position: 94% center;
    }*/
}


/* =========================================================
 6.X - conX
========================================================= */
#conX{
  margin-bottom: 0;
  }
#conX .typhoon19{
  display: none;
  }


#header .innerBox .typhoon19{
  position: absolute;
  left: 0;
  top: -2px;
  }
#header  .innerBox .typhoon19 a{
  padding-left: 15px;
	font-size: 13px;
  line-height:1.1;
	}

#header.fixed  .innerBox .typhoon19{
	display:none;
	}

@media screen and (max-width:1180px){
  #conX{
    margin-bottom: 30px !important;
    }
  #conX .typhoon19{
    position:static;
    display: block;
    padding: 0 20px;
    text-align:center;
    }
  #conX .typhoon19 a br{
    display: block;
    }

  #header .innerBox .typhoon19{
    display:none;
    }

  }



/* =========================================================
 6.1 - con1
========================================================= */
.con1_mainttl{
  padding-top: 30px;
  text-align:center;
  background-color: #fff;
  }
.con1_mainttl img{
  width:100%;
  max-width:960px;
  height:auto;
  }

#con1{
	}
#con1 .ttl{
	margin:15px auto 20px auto;
	text-align:center;
	font-size: 48px;
	/*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;*/
	font-weight:400;
	line-height:1.3;
  color: #20476b;
	}
#con1 .ttl span{
	font-size: 32px;
  font-family:"Times New Roman", Times, serif;
	}
@media screen and (max-width:768px){
	#con1{
		}
	#con1 .ttl{
		margin:10px 10px 10px 10px !important;
		font-size: 26px !important;
		}
	#con1 .ttl span{
		font-size: 18px !important;
		}
}

/*#con1 .wrapper_oc{
  overflow-x: scroll;
  height:550px;
	}
#con1 .wrapper_oc .innerBox{
  overflow: hidden;
  width:2000px;
  width : -moz-calc(280px * 3);
  width : -webkit-calc(280px * 3);
  width : calc(280px * 3);
	}
@media screen and (max-width:768px){
  #con1 .wrapper_oc{
    height:420px !important;
    padding-left:0 !important;
    }
  #con1 .wrapper_oc .innerBox{
    width:1800px;
    width : -moz-calc(180px * 3.1);
    width : -webkit-calc(180px * 3.1);
    width : calc(180px * 3.1);
    }
}*/

#con1 .wrapper_oc .ocBox{
  position:relative;
  float:left;
  width:260px;
  height:490px;
  margin-right:20px;
  margin-bottom:6px;
  padding-bottom:10px;
  box-sizing:border-box;
  border:solid 1px #F7C8CF;
  border-radius:16px;
  background-color:#FFF;
  /* box-shadow:6px 6px 0px 0px rgba(0,0,0,0.2); */
  -webkit-transition: opacity .2s linear 0s;
  transition: opacity .2s linear 0s;
	}
#con1 .wrapper_oc .bl{
  height:410px;
	}
#con1 .wrapper_oc .bl:hover{
  cursor:pointer;
  opacity:0.75;
	}
#con1 .wrapper_oc .ocBox .img{
  position:relative;
  text-align: center;
	}
#con1 .wrapper_oc .ocBox .img img{
  width: 240px;
  height: 180px;
  border-radius:12px;
  object-fit:cover;
	}
#con1 .wrapper_oc .ocBox .img .online{
  position:absolute;
  left: 0;right: 0;bottom: 10px;
  width: 90%;
  margin:auto;
  padding: 5px 0;
  text-align:center;
  color:#fff;
  font-weight: normal;
  font-size: 13px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  letter-spacing:0.02em;
  background-color: #007CFF;
	}

@media screen and (max-width:768px){
  #con1 .wrapper_oc .ocBox{
    width:170px !important;
    height:400px !important;
    margin-right:0;
    margin-left:10px;
    /* margin-bottom:0 !important; */
    padding:0px 0px 9px 0px !important;
    box-sizing:border-box !important;
    box-shadow:none !important;
    -webkit-transition: none !important;
    transition: none !important;
    }
  #con1 .wrapper_oc .bl:hover{
    opacity:1 !important;
    }
  #con1 .wrapper_oc .ocBox .img img{
    width: 150px !important;
    height: 113px !important;
    }
  #con1 .wrapper_oc .ocBox .img .online{
    bottom: 5px;
    font-size: 8px !important;
    letter-spacing:0;
    }
}

#con1 .wrapper_oc .ocBox ul{
  display:table;
  width: 100%;
  padding:0 10px;
  box-sizing:border-box;
	}
#con1 .wrapper_oc .ocBox ul .d{
  width: 50%;
  display:table-cell;
  vertical-align:middle;
  font-size: 36px;
	}
#con1 .wrapper_oc .ocBox ul .d .w{
  font-size: 20px;
  margin-left:5px;
	}
#con1 .wrapper_oc .ocBox ul .d .ws{
  font-size: 17px;
	}
#con1 .wrapper_oc .ocBox ul .d .w .sun{
	color:#e23333;
	}
#con1 .wrapper_oc .ocBox ul .d .w .sat{
	color:#3b94c2;
	}
#con1 .wrapper_oc .ocBox ul .t{
  width: 45%;
  display:table-cell;
  font-size: 16px;
  line-height:1.3;
  text-align:center;
  vertical-align:middle;
  font-weight:bold;
	}
  #con1 .wrapper_oc .ocBox ul .t span {
    font-size:14px;
    font-weight:normal;
    display:block;
    text-align:center;
    width:100%;
  }
#con1 .wrapper_oc .ocBox ul .t .am,
#con1 .wrapper_oc .ocBox ul .t .pm{
  display:block;
  width:80px;
  height:12px;
  line-height:12px;
  margin:0 auto 2px auto;
  text-align:center;
  font-size: 10px;
  color:#FFF;
	}
#con1 .wrapper_oc .ocBox ul .t .am{background-color: #C03;}
#con1 .wrapper_oc .ocBox ul .t .pm{background-color:#096;}

#con1 .wrapper_oc .ocBox ul .t11{
  font-size: 11px;
  line-height:1.3;
	}

/*
oc_210714-15-19-20-21
oc_210818-24-26-27-30
oc_210913-22-1001
oc_211007-12-20-25
oc_211102-11-15-26-30
*/
#con1 .wrapper_oc #oc_210714-15-19-20-21 ul,
#con1 .wrapper_oc #oc_210818-24-26-27-30 ul,
#con1 .wrapper_oc #oc_210913-22-1001 ul
/*#con1 .wrapper_oc #oc_211007-12-20-25 ul,
#con1 .wrapper_oc #oc_211102-11-15-26-30 ul*/{
  margin-top: 10px;
	}
#con1 .wrapper_oc #oc_210714-15-19-20-21 ul .d,
#con1 .wrapper_oc #oc_210818-24-26-27-30 ul .d,
#con1 .wrapper_oc #oc_210913-22-1001 ul .d
/*#con1 .wrapper_oc #oc_211007-12-20-25 ul .d,
#con1 .wrapper_oc #oc_211102-11-15-26-30 ul .d*/{
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  word-break: break-all;
  text-align:left;
  letter-spacing: -.05em;
	}
#con1 .wrapper_oc #oc_210714-15-19-20-21 ul .d .w,
#con1 .wrapper_oc #oc_210818-24-26-27-30 ul .d .w,
#con1 .wrapper_oc #oc_210913-22-1001 ul .d .w
/*#con1 .wrapper_oc #oc_211007-12-20-25 ul .d .w,
#con1 .wrapper_oc #oc_211102-11-15-26-30 ul .d .w*/{
  font-size: 13px;
  margin-left:3px;
	}
/*#con1 .wrapper_oc #oc_211007-12-20-25 ul .d .w,
#con1 .wrapper_oc #oc_211102-11-15-26-30 ul .d .w{
  margin-left:0;
	}*/
#con1 .wrapper_oc #oc_210714-15-19-20-21 ul .t,
#con1 .wrapper_oc #oc_210818-24-26-27-30 ul .t,
#con1 .wrapper_oc #oc_210913-22-1001 ul .t
/*#con1 .wrapper_oc #oc_211007-12-20-25 ul .t,
#con1 .wrapper_oc #oc_211102-11-15-26-30 ul .t*/{
  vertical-align:top;
	}

/*
#con1 .wrapper_oc #oc_210913-22-1001 ul .d,
#con1 .wrapper_oc #oc_211007-12-20-25 ul .d,
#con1 .wrapper_oc #oc_211102-11-15-26-30 ul .d{
  font-size: 30px;
  line-height: 1.4;
  font-weight: 500;
  text-align:center;
	}
#con1 .wrapper_oc #oc_210913-22-1001 ul .d .w,
#con1 .wrapper_oc #oc_211007-12-20-25 ul .d .w,
#con1 .wrapper_oc #oc_211102-11-15-26-30 ul .d .w{
  font-size: 18px;
	}
*/

#con1 .wrapper_oc .ocBox .bg_f,
#con1 .wrapper_oc .ocBox .bg_c,
#con1 .wrapper_oc .ocBox .bg_a,
#con1 .wrapper_oc .ocBox .bg_mogi,
#con1 .wrapper_oc .ocBox .bg_special,
#con1 .wrapper_oc .ocBox .bg_regular,
#con1 .wrapper_oc .ocBox .bg_nyushi,
#con1 .wrapper_oc .ocBox .bg_weekday,
#con1 .wrapper_oc .ocBox .bg_online,
#con1 .wrapper_oc .ocBox .bg_twilight
{
  margin:0 0 5px 0;
  padding:3px 0;
  text-align:center;
  font-size: 16px;
  font-weight: bold;
  color:#FFF;
  border-radius:13px 13px 0 0;
	}
#con1 .wrapper_oc .ocBox .bg_mogi{
  background-color:#EFAF20;
}
#con1 .wrapper_oc .ocBox .bg_special{
  background-color: #2C87DD;
	}
#con1 .wrapper_oc .ocBox .bg_regular{
  background-color:#E54136;
}
#con1 .wrapper_oc .ocBox .bg_nyushi{
  background-color:#B980DE;
	}
#con1 .wrapper_oc .ocBox .bg_weekday{
  background-color:#6BCE09;
	}
#con1 .wrapper_oc .ocBox .bg_online{
  background-color:#47C4D8;
  }
#con1 .wrapper_oc .ocBox .bg_twilight{
  background-color:#E67A1E;
  }
  #con1 .wrapper_oc .ocBox#fr_mogi{
    border:2px solid #EFAF20;
  }
  #con1 .wrapper_oc .ocBox#fr_special{
    border:2px solid #2C87DD;
    }
  #con1 .wrapper_oc .ocBox#fr_regular{
    border:2px solid #E54136;
  }
  #con1 .wrapper_oc .ocBox#fr_nyushi{
    border:2px solid #B980DE;
    }
  #con1 .wrapper_oc .ocBox#fr_weekday{
    border:2px solid #6BCE09;
    }
  #con1 .wrapper_oc .ocBox#fr_online{
    border:2px solid #47C4D8;
    }
  #con1 .wrapper_oc .ocBox#fr_twilight{
    border:2px solid #E67A1E;
    }

#con1 .wrapper_oc .ocBox .seminar{
  margin:15px 0 0 0;
  text-align:center;
  font-size: 34px;
  line-height:1.3;
  color:#757CBB;
	}
#con1 .wrapper_oc .ocBox .soudan{
  position:relative;
  margin:15px 0 0 0;
  text-align:center;
  font-size: 34px;
  line-height:1.3;
  color:#4DBBAA;
	}
#con1 .wrapper_oc .ocBox .kobetsu_soudan{
  position:relative;
  margin:30px 0 0 0;
  text-align:center;
  font-size: 34px;
  line-height:1.3;
  color:#333;
	}
#con1 .wrapper_oc .ocBox .soudan.kominesai{
  font-size: 26px;
  color:#F091A0;
	}
#con1 .wrapper_oc .ocBox .soudan .icon_re,
#con1 .wrapper_oc .ocBox .twiright .icon_re{
  display: block;
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  width:54px;
  height: 54px;
  line-height: 54px;
  margin:auto;
  border-radius:100%;
  text-align:center;
  color:#FFF;
  font-weight: bold;
  font-size: 13px;
  background-color:#F091A0;
  transform: rotate(-10deg);
  }

/*#con1 .wrapper_oc .ocBox .setsumei_181020{
  margin:5px 0 0 0 !important;
  }*/
#con1 .wrapper_oc .ocBox .seminar2{
  text-align:center;
	}
#con1 .wrapper_oc .ocBox .seminar2 dt{
  font-size: 19px;
  font-weight: bold;
  color:#bd9acb;
	}
#con1 .wrapper_oc .ocBox .seminar2 dd{
  font-size: 12px;
  line-height:1.2;
	}
#con1 .wrapper_oc .ocBox .setsumei,
#con1 .wrapper_oc .ocBox .shinro{
  margin:15px 0 0 0;
  text-align:center;
  font-size: 34px;
  line-height:1.3;
  color:#F091A0;
	}
#con1 .wrapper_oc .ocBox .setsumei_f,
#con1 .wrapper_oc .ocBox .setsumei_c{
  margin:15px 0 0 0;
  text-align:center;
  font-size: 24px;
  line-height:1.3;
	}
#con1 .wrapper_oc .ocBox .setsumei_f{
  color:#249794;
	}
#con1 .wrapper_oc .ocBox .setsumei_c{
  color:#E44138;
	}
#con1 .wrapper_oc .ocBox .twiright,
#con1 .wrapper_oc .ocBox .online,
#con1 .wrapper_oc .ocBox .soudan{
  position:relative;
  margin:10px 0 0 0;
  text-align:center;
  font-size: 24px;
  line-height:1.3;
  letter-spacing:-0.1em;
  color:#022156;
	}
#con1 .wrapper_oc .ocBox .online{
  color:#000;
	}
#con1 .wrapper_oc .ocBox .online .txt_kome{
  font-size: 13px;
	}
#con1 .wrapper_oc .ocBox .online .txt_online{
  display: block;
  font-size: 16px;
  line-height:1.6;
	}
#con1 .wrapper_oc .ocBox .soudan{
  margin:0;
  color:#000;
	}

#con1 .wrapper_oc .ocBox .ttl1{
  font-size: 16px;
  /*font-weight: bold;*/
  line-height:1.4;
  text-align: left;
  padding:0 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;

	}
#con1 .wrapper_oc .ocBox .soudan + .ttl1{
  padding-top: 5px;
  font-size: 15px !important;
  font-weight: normal !important;
  color: #333;
  text-align: left;
  letter-spacing: -0.02em;
	}

#con1 .wrapper_oc .ocBox .ttl1.ttl1_sp{
  font-size: 15px;
  /*font-weight: bold;*/
  line-height:1.4;
	}
#con1 .wrapper_oc .ocBox .ttl1.ttl1_sp span{
  font-size: 13px;
  letter-spacing: -.1em;
	}
#con1 .wrapper_oc .ocBox .ttl1.line2{
  padding-top: .5em;
  font-size: 18px;
  line-height:1.5;
	}
#con1 .wrapper_oc .ocBox .ttl1 .txt_blk{
  color:#333;
  font-weight: normal;
	}
#con1 .wrapper_oc .ocBox .ttl1 span.txt_c,
#con1 .wrapper_oc .ocBox .ttl1 span.txt_f{
  display: block;
  text-align: center;
  font-size: 15px;
	}
#con1 .wrapper_oc .ocBox .icon{
  display: inline-block;
  width:60px;
  /*margin-left: 5px;*/
  padding:2px 5px;
  text-align:center;
  font-size: 11px;
  color:#FFF;
  background-color:#F00;
	}
/*#con1 .wrapper_oc .ocBox .yoyaku{
  position:absolute;
  left:10px;
  top:250px;
  width:50px;
  height:50px;
  line-height:50px;
  border-radius:25px;
  text-align:center;
  color:#FFF;
  font-size: 11px;
  background-color:#EA6182;
	}*/
/*#con1 .wrapper_oc .ocBox .kominesai{
  position:absolute;
  left:10px;
  top:250px;
  width:60px;
  padding:8px 0;
  border-radius:4px;
  line-height:1.4;
  text-align:center;
  font-size: 11px;
  color:#FFF;
  background-color:#EA6182;
	}*/
#con1 .wrapper_oc .ocBox .btn_txt{
  position:absolute;
  left:0;
  right:0;
  margin:auto;
  text-align:center;
  width:210px;
	}
#con1 .wrapper_oc .ocBox .btn_txt1{
  bottom:63px;
	}
#con1 .wrapper_oc .ocBox .btn_txt2{
  bottom:15px;
	}
#con1 .wrapper_oc .ocBox .btn_txt a{
  margin:0 auto;
  width:210px;
  font-size: 15px;
  border-radius:40px;
  font-weight:bold;
	}
#con1 .wrapper_oc .ocBox .btn_txt1 a{
  color:#eb6d87;
  border:1px solid #eb6d87;
  line-height:37px;
	}
#con1 .wrapper_oc .ocBox .btn_txt a:hover{
  opacity:1.0;
	}
#con1 .wrapper_oc .bl:hover .btn_txt a{
  background-position: 94% center;
  }
#con1 .wrapper_oc .ocBox .btn_txt2 a:hover{
  opacity:0.75 !important;
  }

@media screen and (max-width:768px){
  #con1 .wrapper_oc .ocBox ul{
    display:block !important;
    }
  #con1 .wrapper_oc .ocBox ul .d{
    width: 100% !important;
    display:block !important;
    text-align:center !important;
    font-size: 28px !important;
    }
  #con1 .wrapper_oc .ocBox ul .d .w{
    font-size: 18px !important;
    }
  #con1 .wrapper_oc .ocBox ul .d .ws{
    font-size: 16px !important;
    }
  #con1 .wrapper_oc .ocBox ul .t{
    width: 100% !important;
    margin-bottom: 5px !important;
    display:block !important;
    font-size: 10px !important;
    line-height:1.2 !important;
    text-align:center !important;
    }
    #con1 .wrapper_oc .ocBox ul .t span {
      font-size: 10px !important;
      width:100%;
      }
    #con1 .wrapper_oc .ocBox .btn_txt a {
      line-height:41px;
    }
/*
oc_210714-15-19-20-21
oc_210818-24-26-27-30
oc_210913-22-1001
oc_211007-12-20-25
oc_211102-11-15-26-30
*/
  #con1 .wrapper_oc #oc_210714-15-19-20-21 ul,
  #con1 .wrapper_oc #oc_210818-24-26-27-30 ul,
  #con1 .wrapper_oc #oc_210913-22-1001 ul
  /*#con1 .wrapper_oc #oc_211007-12-20-25 ul,
  #con1 .wrapper_oc #oc_211102-11-15-26-30 ul*/{
    margin-top: 0 !important;
    }
  #con1 .wrapper_oc #oc_210714-15-19-20-21 ul .d,
  #con1 .wrapper_oc #oc_210818-24-26-27-30 ul .d,
  #con1 .wrapper_oc #oc_210913-22-1001 ul .d
  /*#con1 .wrapper_oc #oc_211007-12-20-25 ul .d,
  #con1 .wrapper_oc #oc_211102-11-15-26-30 ul .d*/{
    margin: 5px 0 !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: -.02em !important;
    }

  #con1 .wrapper_oc #oc_210714-15-19-20-21 ul .d .w,
  #con1 .wrapper_oc #oc_210818-24-26-27-30 ul .d .w,
  #con1 .wrapper_oc #oc_210913-22-1001 ul .d .w
  /*#con1 .wrapper_oc #oc_211007-12-20-25 ul .d .w,
  #con1 .wrapper_oc #oc_211102-11-15-26-30 ul .d .w*/{
    font-size: 13px !important;
    margin-left: 3px !important;
    }
  /*
  #con1 .wrapper_oc #oc_210818-24-26-27-30 .ttl1,
  #con1 .wrapper_oc #oc_211007-12-20-25 .ttl1{
    font-size: 12px !important;
    }*/

  #con1 .wrapper_oc .ocBox ul .t .am,
  #con1 .wrapper_oc .ocBox ul .t .pm{
    width:40px !important;
    margin:0 auto 4px auto !important;
    }
  #con1 .wrapper_oc .ocBox ul .t11{
    margin-top:-5px !important;
    }
  #con1 .wrapper_oc .ocBox ul .t br{
    display: none !important;
    }
  #con1 .wrapper_oc .ocBox ul .t .br_pc{
    display: block !important;
    }
  #con1 .wrapper_oc .ocBox .bg_f,
  #con1 .wrapper_oc .ocBox .bg_c,
  #con1 .wrapper_oc .ocBox .bg_a,
  #con1 .wrapper_oc .ocBox .bg_mogi,
  #con1 .wrapper_oc .ocBox .bg_regular,
  #con1 .wrapper_oc .ocBox .bg_nyushi,
  #con1 .wrapper_oc .ocBox .bg_weekday,
  #con1 .wrapper_oc .ocBox .bg_special,
  #con1 .wrapper_oc .ocBox .bg_online,
  #con1 .wrapper_oc .ocBox .bg_twilight{
    padding:2px 10px !important;
    font-size: 11px !important;
    font-weight: normal !important;
    }
  #con1 .wrapper_oc .ocBox .seminar,
  #con1 .wrapper_oc .ocBox .soudan{
    font-size: 24px !important;
    line-height:1.3 !important;
    }
  #con1 .wrapper_oc .ocBox .kobetsu_soudan{
    font-size: 24px !important;
    line-height:1.3 !important;
    }
  #con1 .wrapper_oc .ocBox .soudan.kominesai{
    font-size: 20px !important;
    line-height:1.2 !important;
    }
  #con1 .wrapper_oc .ocBox .soudan .icon_re,
  #con1 .wrapper_oc .ocBox .twiright .icon_re{
    top:0 !important;
    left:0 !important;
    width:40px !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 12px !important;
    }
  /*#con1 .wrapper_oc .ocBox .setsumei_181020{
    margin-top:15px !important;
    }*/
  #con1 .wrapper_oc .ocBox .seminar2{
    margin-top:7px !important;
    }
  #con1 .wrapper_oc .ocBox .seminar2 dt{
    font-size: 14px !important;
    }
  #con1 .wrapper_oc .ocBox .seminar2 dd{
    font-size: 10px !important;
    }
  #con1 .wrapper_oc .ocBox .setsumei,
  #con1 .wrapper_oc .ocBox .shinro{
    font-size: 24px !important;
    line-height:1.3 !important;
    }
  #con1 .wrapper_oc .ocBox .setsumei_f,
  #con1 .wrapper_oc .ocBox .setsumei_c{
    font-size: 20px !important;
    line-height:1.3 !important;
    }
  #con1 .wrapper_oc .ocBox .twiright,
  #con1 .wrapper_oc .ocBox .online{
    font-size: 18px !important;
    line-height:1.3 !important;
    /*letter-spacing:-0.2em !important;*/
    }
  #con1 .wrapper_oc .ocBox .online .txt_kome{
    font-size: 10px !important;
    }
  #con1 .wrapper_oc .ocBox .online .txt_online{
    font-size: 12px !important;
    line-height:1.4 !important;
    }
  #con1 .wrapper_oc .ocBox .ttl1{
    font-size: 12px !important;
    line-height:1.3 !important;
    }
  #con1 .wrapper_oc .ocBox .ttl1.ttl1_sp{
    font-size: 12px !important;
    line-height:1.2 !important;
    }
  #con1 .wrapper_oc .ocBox .ttl1.ttl1_sp span{
    font-size: 10px !important;
    }

  #con1 .wrapper_oc .ocBox .ttl1.line2{
    font-size: 14px !important;
    line-height:1.4 !important;
    }
  #con1 .wrapper_oc .ocBox .icon{
    width:40px !important;
    padding:1px 3px !important;
    font-size: 8px !important;
    }
  /*#con1 .wrapper_oc .ocBox .yoyaku{
    position:absolute;
    left:5px !important;
    top:190px !important;
    width:40px !important;
    height:40px !important;
    line-height:40px !important;
    border-radius:20px !important;
    font-size: 10px !important;
    }*/
  /*#con1 .wrapper_oc .ocBox .kominesai{
    position:absolute;
    left:5px !important;
    top:190px !important;
    width:50px !important;
    padding:5px 0 !important;
    font-size:10px !important;
    }*/
  #con1 .wrapper_oc .ocBox .btn_txt{
    width:140px !important;
    }
  #con1 .wrapper_oc .ocBox .btn_txt1{
    bottom:65px !important;
    }
  #con1 .wrapper_oc .ocBox .btn_txt a{
    width:140px !important;
    font-size: 11px !important;
    /* background-position: 96% center !important; */
    background-size:6px 10px !important;
	}
  #con1 .wrapper_oc .ocBox .btn_txt a:hover{
    opacity:1.0 !important;
    }
  #con1 .wrapper_oc .bl:hover .btn_txt a{
    background-position: 96% center !important;
  }
  #con1 .btn_l{
    margin-top:10px !important;
  }
}
@media screen and (min-width:769px){
  /*スクロールバー全体*/
  #con1 ::-webkit-scrollbar {
    width:10px;
    background-color:#FFF;
    border-radius:10px;
  }
  /*スクロールバーの動く部分*/
  #con1 ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 80, .5);
    border-radius:10px;
    box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
  }
}

#con1 .wrapper_oc .ocBox .discontinued{
  position:absolute;
  bottom: 10px;
  width: 150px;
  padding: 20px;
  border: solid 2px #f30;
  box-sizing:border-box;
  text-align:center;
  font-size: 24px;
  font-weight: bold;
  color: #f30;
  }
#con1 .wrapper_oc .ocBox .discontinued2{
  position:absolute;
  left:0; right: 0; bottom: 65px;
  width: 150px;
  margin: auto;
  padding: 10px 0;
  border: solid 2px #f30;
  box-sizing:border-box;
  text-align:center;
  font-size: 12px;
  line-height:1.3;
  font-weight: bold;
  color: #f30;
  }
@media screen and (min-width:769px){
  #con1 .wrapper_oc .ocBox .discontinued{
    width: 240px;
    padding: 15px;
    border: solid 4px #f30;
    font-size: 30px;
    }
  #con1 .wrapper_oc .ocBox .discontinued2{
    width: 210px;
    padding: 8px 0;
    border: solid 4px #f30;
    font-size: 16px;
    }
}


/* =========================================================
 6.1.1 - con1_1
========================================================= */
/*#con1_1{
  margin-top:60px !important;
	}
#con1_1 iframe{
  width: 960;
  height: 540px;
  }
@media screen and (max-width:768px){
	#con1_1{
    margin-top:30px !important;
		}
	#con1_1 iframe{
    width: 100%;
    height:56.25vw;
		}
}	*/

#con1_1{
  margin-top:60px !important;
	}

#con1_1 .bnr_parents{
  width: 100%;
  max-width: 793px;
  margin: 0 auto 50px;
	}
#con1_1 .bnr_parents img{
  width: 100%;
  height: auto;
  border-bottom: solid 1px #b5b5b5;
	}
#con1_1 .bnr_parents a:hover img{
  opacity: .7;
	}

#con1_1 .youtube{
  width: 100%;
  display:table;
  }
#con1_1 .youtube .youtube_cell{
  width: 50%;
  display:table-cell;
  }
#con1_1 .youtube iframe{
  width: 470px;
  height : 264px;
  border: solid 1px #ccc;
  box-sizing:border-box;
  }
#con1_1 .youtube .youtube_cell_right{
  text-align:right;
  }

@media screen and (max-width:768px){
	#con1_1{
    margin-top:30px !important;
		}

  #con1_1 .bnr_parents{
    margin: 0 auto 30px;
    padding: 0 10px;
    box-sizing: border-box;
    }
  #con1_1 .bnr_parents a:hover img{
    opacity: 1 !important;
    }

  #con1_1 .youtube{
    display: block;
    margin: 0 auto 20px;
    text-align:center;
    font-size:1.2rem;
    }
  #con1_1 .youtube .youtube_cell{
    width: 100%;
    display:block;
    text-align:center;
    }
  #con1_1 .youtube .youtube_cell_right{
    margin-top: 10px;
    text-align:center;
    }
  #con1_1 .youtube iframe{
    width: 100%;
    height : -webkit-calc(100vw * 0.5625) !important;
    height : calc(100vw * 0.5625) !important;
    }
 }


/* =========================================================
 6.2 - con2
========================================================= */
#con2{
	padding:70px 0 50px 0;
	/*padding:30px 0 70px 0;非表示*/
	background-color:#FFF;
	}
#con2 .w960{
	position:relative;
	/*padding-top:420px;350+70*/
	}
@media screen and (max-width:768px){
	#con2{
		/*padding:60px 0 60px 0 !important;*/
		padding:20px 0 70px 0 !important;/*非表示*/
		}
	#con2 .w960{
		position: static !important;
		padding-top:0 !important;
		}
	/*#con2 .blog,
	#con2 .twitter{
		position: static !important;
		width:100% !important;
		height:auto !important;
		border:0 !important;
		}*/
}

/* news */
#con2 #news{
	clear:both;
	border-top:solid 1px #E2E9EC;
	}
#con2 #news .pc{
	display:block;
  margin-bottom:50px;
	}
#con2 #news .smt{
	display:none;
	}
#con2 #news .tab{
	}
#con2 #news .tab li{
	float:left;
	/*display:inline-block;*/
	/*width:33.3%;*/
  width: 50%;
	height:52px;
	border-right:solid 1px #E2E9EC;
	border-bottom:solid 2px #E2E9EC;
	box-sizing:border-box;
	background-color:#F7F0F2;
	}
#con2 #news .tab li:first-child{
	border-left:solid 1px #E2E9EC;
	}
#con2 #news .tab li.active{
	border-bottom:solid 2px #FFF;
	background-color:#FFF;
	}
#con2 #news .tab li span{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	font-size: 18px;
	text-align:center;
	cursor:pointer;
  -webkit-transition: all .2s linear 0s;
  transition: all .2s linear 0s;
	}
#con2 #news .tab li span:hover{
	background-color:#FFF;
	}

#con2 #news .panel{
	display:none;
	width:100%;
	}
#con2 #news .show{
	display:block;
	}
#con2 #news .panel iframe{
	width:100%;
	/*height:0;
	overflow-y:hidden !important;*/
	overflow-y: scroll !important;
	height:340px;
	}
@media screen and (max-width:768px){
	#con2 #news{
		width:100%;
		margin-bottom:50px !important;
		border-top:0 !important;
		}
	#con2 #news .pc{
		display:none !important;
		}
	#con2 #news .smt{
		display:block !important;
		}
	#con2 #news .smt h2{
		height:auto !important;
		margin-bottom:5px !important;
		line-height: inherit !important;
		padding-left:0 !important;
		border-bottom:0 !important;
		font-size: 26px !important;
		font-family: "Times New Roman", Times , serif !important;
		font-weight:400 !important;
		letter-spacing:0.15em !important;
		}
	#con2 #news h2 a{
		display: inherit !important;
		margin:0 15px !important;
		text-decoration:none !important;
		-webkit-transition: none !important;
		transition: none !important;
		}
	#con2 #news h2 a:hover{
		color:#333 !important;
		background-color: inherit !important;
		}
	#con2 #news iframe{
		width:100% !important;
		height:290px !important;
		overflow-y:hidden !important;
		}
}



/* news2 */
#con2 #news2{
	clear:both;
  width: 100%;
  overflow:hidden;
  margin-bottom:80px;
	}
#con2 #news2 .pc{
	display:block;
  width: 100%;
  overflow:hidden;
	}
#con2 #news2 .smt{
	display:none;
	}
#con2 #news2 .leftBox,
#con2 #news2 .rightBox{
  width: 470px;
  border:solid 1px #E2E9EC;
  box-sizing:border-box;
	}
#con2 #news2 h2{
  padding-top: 10px;
  margin-bottom: 0;
	font-size: 30px;
	/*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;*/
	font-weight:500;
  color: #20476b;
	}
#con2 #news2 .panel{

	}
#con2 #news2 .panel iframe{
	width:100%;
	overflow-y: scroll !important;
	height:340px;
  border: 0;
  vertical-align:bottom;
	}

@media screen and (max-width:768px){
	#con2 #news2{
    margin-bottom:50px;
    box-sizing:border-box;
		}
	#con2 #news2 .pc{
		display:none !important;
		}
	#con2 #news2 .smt{
		display:block !important;
		}
  #con2 #news2 .leftBox,
  #con2 #news2 .rightBox{
    width: 100%;
    border:0 !important;
    overflow-y:hidden !important;
    }
	#con2 #news2 h2{
		height:auto !important;
		margin-bottom:10px !important;
		line-height: inherit !important;
		padding-left:0 !important;

		font-size: 26px !important;
		font-family: "Times New Roman", Times , serif !important;
		font-weight:400 !important;
		letter-spacing:0.15em !important;
		}
	#con2 #news2 h2 a{
		display: inherit !important;
		margin:0 15px !important;
    padding-top: 0;
		text-decoration:none !important;
		-webkit-transition: none !important;
		transition: none !important;
		}
	#con2 #news2 h2 a:hover{
		color:#333 !important;
		background-color: inherit !important;
		}
	#con2 #news2 h3{
    margin-bottom: 5px;
		font-size: 20px;
    /*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;*/
    font-weight:500;
    text-align:center;
		}
	#con2 #news2 .panel iframe{
		height:330px !important;
		/*overflow-y:hidden !important;*/
		}
}
@media screen and (max-width:350px){
	#con2 #news2 .panel iframe{
		height:350px !important;
		overflow-y:hidden !important;
		}
}

/* =========================================================
 6.3 - con3
========================================================= */
#con3{
	padding:0 0 50px 0;
	background-color:#FFF;
	}
#con3 .w960{
	overflow:hidden;
	}
@media screen and (max-width:768px){
	#con3{
		padding:0 0 30px 0 !important;
		}
}

/* courseBox */
#con3 .courseBox{
	position:relative;
	width:100%;
	height:352px;
	text-align:center;
	box-sizing:border-box;
	cursor:pointer;
  -webkit-transition: all .2s linear 0s;
  transition: all .2s linear 0s;
	}
#con3 .courseBox:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	}
#con3 .course_child{
  margin-bottom: 1px;
  background-color:#f18f5a;
	}
#con3 .course_food{
  background-color:#00ae84;
	}
@media screen and (max-width:768px){
	#con3 .courseBox {
		height:auto !important;
		border:0;
	}
}


#con3 .courseBox .img{
  width:480px;
  height:352px;
  text-align:center;
	}
#con3 .course_child .img{float:right;}
#con3 .course_food .img{float:left;}
#con3 .courseBox .img img{
  width:480px;
  height:352px;
  }
#con3 .courseBox .txtBox{
  width:480px;
  height:352px;
  box-sizing:border-box;
  padding:30px;
	}
#con3 .course_child .txtBox{float:left;}
#con3 .course_food .txtBox{float:right;}

#con3 .courseBox .txtBox h2{
  margin-bottom:20px;
	font-size: 36px;
	/*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;*/
	font-weight:500;
	line-height:1.2;
  color:#FFF;
	}
#con3 .courseBox .txtBox .h2_lead{
  text-align:left;
  color:#FFF;
  font-size: 17px;
	}
#con3 .courseBox .txtBox .btn_txt{
	width:300px;
	height:60px;
	margin:40px auto 0 auto;
	}
#con3 .courseBox .txtBox .btn_txt a{
	height:60px;
	line-height:60px;
	border-radius:6px;
	font-size: 20px;
	font-weight: bold;
	}
#con3 .courseBox .txtBox .btn_txt a:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	background-position: 92% center;
  }
#con3 .courseBox:hover .txtBox .btn_txt a{
	background-position: 94% center;
	}
@media screen and (max-width:768px){
  #con3 .courseBox .img{
    float:none;
    width:100%;
    height:auto;
    }
  #con3 .courseBox .img img{
    width:100%;
    max-width:750px;
    height:auto;
    }
  #con3 .courseBox .txtBox{
    float:none;
    width:100%;
    height:auto;
    padding:15px;
    }
  #con3 .courseBox .txtBox h2{
    margin-bottom:10px;
    font-size: 27px;
    }
  #con3 .courseBox .txtBox .h2_lead{
    font-size: 15px;
    line-height:1.5;
    }
  /**/
  #con3 .courseBox .txtBox .btn_txt{
    width:100%;
    margin:20px auto 0 auto;
    }
  #con3 .courseBox .txtBox .btn_txt a{
    border-radius:6px;
    font-size: 18px;
    }
  #con3 .courseBox .txtBox .btn_txt a:hover{
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    background-position: 92% center;
    }
  #con3 .courseBox:hover .txtBox .btn_txt a{
    background-position: 94% center;
    }
  }


/* =========================================================
 6.4 - con4
========================================================= */
#con4{
	padding:50px 0 100px 0;
	background-color:#FFF;
	}

#con4 .btn_txt a{
  max-width: 250px;
  margin: 0 auto;
	height:50px;
	line-height:50px;
  border-radius: 25px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -.07em;
  }

#con4 h2{
  width: 625px;
  height: 114px;
  margin: 0 auto 50px;
  /*background: url("../images/index/about_ttl_pc.png") left top no-repeat;*/
	}
#con4 h2 img{
  width: 100%;
	}
/*#con4 h2 img{
  display: none;
	}
#con4 .lead{
  width: 1039px;
  height: 339px;
  margin: 0 auto 65px -47px;
  background: url("../images/index/about_lead_pc.png") left top no-repeat;
	}
#con4 .lead img{
  display: none;
	}*/

#con4 .contents{
  display: flex;
  justify-content: space-between;
}
#con4 .box{
  width:225px;
	}
#con4 .box h3{
  width: 100%;
  text-align: center;
  height: 280px;
	}
#con4 .box h3 img{
  width: 100%;
  max-width: 220px;
  height: auto;
	}
#con4 .box .txt{
  min-height:5.5em;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
	}
@media screen and (max-width:768px){
  #con4 h2{
    width: 100%;
    height: auto;
    margin: 0 auto 25px;
    padding: 0 25px;
    box-sizing: border-box;
    background: none;
    }
  #con4 h2 img{
    /*display: inline;*/
    width: 100%;
    max-width:442px;
    height: auto;
    }
  /*#con4 .lead{
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
    padding: 0 25px;
    box-sizing: border-box;
    text-align: center;
    background: none;
    }
  #con4 .lead img{
    display: inline;
    width: 100%;
    max-width:480px;
    height: auto;
    }*/
  #con4 .contents{
    display: block;
  }
  #con4 .box{
    float:none;
    width:100%;
    }
  #con4 .box2{
    margin:50px 0;
    }
  #con4 .box4{
    margin:50px 0 0;
    }
  #con4 .inner{
    margin:0 15px;
    }
  #con4 .box h3{
    margin-bottom: 15px;
    }
  #con4 .box h3 img{
    max-width: 260px;
    }
  #con4 .box .txt{
    min-height:auto;
    margin-bottom: 15px;
    padding:0;
    font-size: 16px;
    }
  }


/* =========================================================
 6.5 - con5
========================================================= */
#con5{
  position: relative;
	padding:160px 0 100px 0;
  text-align: center;
  background:url(../images/index/recruit_bg.png) center top repeat #fceaef;
}

#con5 .w960 {
  position: relative;
}

#con5 .btn_txt a{
  max-width: 250px;
  margin: 0 auto;
	height:50px;
	line-height:50px;
  border-radius: 25px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -.07em;
}

#con5 h2{
  position: absolute;
  left: 0;right: 0;top: -50px;
  width: 100%;
  /*height: 137px;*/
  margin: auto;
  /*background: url("../images/index/recruit_ttl_pc.png") left top no-repeat;*/
  padding: 30px;
  border-radius: 20px 20px 0 0;
  text-align: center;
  box-sizing: border-box;
  background-color: #f3b2c1;
	}
#con5 h2 img{
  /*display: none;*/
  max-width: 540px;
	}
#con5 h2 img{
  /*display: none;*/
	}
#con5 .w960{
  padding: 110px 0 40px;
  border-radius: 30px;
  background: #fff;
	}

#con5 .col{
  margin-bottom: 60px;
  padding: 0 60px;
  box-sizing: border-box;
	}
#con5 .col > div .btn_txt{
  margin-top: 30px;
	}

#con5 .message{
	}
#con5 .message h3{
  /*width: 814px;
  height: 118px;*/
  margin: 0 auto 30px;
  /*background: url("../images/index/recruit_message_ttl_pc.png") center top no-repeat;*/
	}
#con5 .message h3 img{
  /*display: none;*/
	}
/*#con5 .message .txt{
  margin-bottom: 30px;
  text-align: center;
	}*/
#con5 .message .img{
  width: 900px;
  height: 218px;
  margin: 0 auto 30px;
  background: url("../images/index/recruit_message_img_pc.jpg") center top no-repeat;
  background-size: 100% 100%;
	}
#con5 .message .img img{
  display: none;
	}
#con5 .message .btn_txt a{
  width: 90%;
  max-width: 360px;
	height:70px;
	line-height:70px;
  border-radius: 35px;
  font-size: 20px;
}
@media screen and (max-width:768px){
  #con5{
    padding: 30px 15px;
    box-sizing: border-box;
  }

  #con5 .w960 {
    padding-top: 0;
  }

  #con5 h2{
    position: static;
    width: 100%;
    /*max-width:645px; */
    height: auto;
    margin-bottom: 20px;
    /*background: none;*/
    }
  #con5 h2 img{
    display: inline;
    width: 100%;
    height: auto;
    }

  #con5 .col{
    margin-bottom: 0;
    padding: 0 30px;
    }
  #con5 .col > div{
    margin-bottom: 30px;
    }
  #con5 .col > div .btn_txt{
    margin-top: 15px;
    }
  #con5 .message h3{
    width: 100%;
    height: auto;
    margin: 0 auto 15px;
    padding: 0 15px;
    box-sizing: border-box;
    background: none;
    }
  #con5 .message h3 img{
    display: inline;
    width: 100%;
    max-width:645px;
    height: auto;
    }

  #con5 .message .img{
    width: 100%;
    height: auto;
    margin: 0 auto 10px;
    text-align: center;
    background: none;
    }
  #con5 .message .img img{
    display: inline;
    width: 100%;
    max-width:640px;
    height: auto;

    }
}




/* =========================================================
 6.6 - con6
 キャンパスライフ
========================================================= */

#con6{
  padding: 80px 0 100px;
  text-align: center;
  background:url(../images/index/campus_bg.png) center top repeat #fffcd6;
	}
#con6 h2{
  margin-bottom: 30px;
	}
#con6 h2 img{
  max-width: 525px;
  width: 100%;
  height: auto;
	}
#con6 .btn_txt a{
  max-width: 350px;
  margin: 0 auto;
	height:70px;
	line-height:70px;
  border-radius: 35px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -.07em;
}
#con6 .w960{
  padding: 60px;
  border-radius: 30px;
  background: #fff;
	}


#con6 .oneday{
  margin-bottom: 70px;
	}
#con6 .oneday h3{
  margin-bottom: 40px;
	}
#con6 .oneday h3 img{
  width: 100%;
  height: auto;
	}



#con6 .ocs{
  position: relative;
  width: 100%;
  height: 430px;
  box-sizing: border-box;
  padding-right: calc(100% - 506px);
	}
#con6 .ocs h3{
  margin-bottom: 20px;
	}
#con6 .ocs h3 img{
  max-width: 506px;
  width: 100%;
  height: auto;
	}
#con6 .ocs .img{
  position: absolute;
  top: 10px;right: -40px;
  pointer-events: none;
	}
#con6 .ocs .img img{
  max-width: 420px;
  width: 100%;
  height: auto;
	}
@media screen and (max-width:768px){
  #con6{
    padding: 30px 15px;
    box-sizing: border-box;
    }
  #con6 h2{
    margin-bottom: 15px;
    }
  #con6 .w960{
    padding: 20px !important;
    box-sizing: border-box;
    border-radius: 20px;
    border:solid 1px #FDF0AB;
    }

  #con6 .oneday{
    margin-bottom: 40px;
    }
  #con6 .oneday h3{
    margin-bottom: 20px;
    }

  #con6 .ocs{
    position: static;
    height: auto;
    padding-right: 0;
    }
  #con6 .ocs h3{
    margin-bottom: 0;
    }
  #con6 .ocs h3 img{
    width: 100%;
    height: auto;
    }
  #con6 .ocs .img{
    position: static;
    margin-top: -50px;
    padding-left: 5%;
    }
  #con6 .ocs .img img{
    width: 100%;
    height: auto;
	  }
}




/* =========================================================
 6.7 - con7
 twitter
========================================================= */
#con7{
	padding:70px 0 50px 0;
	/*padding:30px 0 70px 0;con3非表示*/
	background-color:#FFF;
	}
#con7 .w960{
	position:relative;
	/*padding-top:420px;350+70*/
	}
/*#con7 .twitter{
	position:absolute;
	top:0;
	width:780px;
	height:350px;
	border:solid 1px #E2E9EC;
	box-sizing:border-box;
  margin:0 auto;
	}*/
@media screen and (max-width:768px){
	#con7{
		/*padding:60px 0 60px 0 !important;*/
		padding:20px 0 0 0 !important;/*con3非表示*/
		}
	#con7 .w960{
		position: static !important;
		padding-top:0 !important;
		}
	/*#con7 .twitter{
		position: static !important;
		width:100% !important;
		height:auto !important;
		border:0 !important;
		}*/
}

/* twitter */
#con7 .twitter{
	right:0;
	width:780px;
	height:501px;
	/*border:solid 1px #E2E9EC;*/
	box-sizing:border-box;
  margin:0 auto;
	}
/*#con7 .twitter .pc{
	display:block;
	}
#con7 .twitter .smt{
	display:none;
	}*/
.SandboxRoot.env-bp-550 .timeline-Tweet-text,
.SandboxRoot.env-bp-660 .timeline-Tweet-text,
.SandboxRoot.env-bp-820 .timeline-Tweet-text,
.SandboxRoot.env-bp-970 .timeline-Tweet-text{
  font-size: 18px !important;
  line-height: 1.6 !important;
  }

@media screen and (max-width:768px){
	/*#con7 .twitter .pc{
		display:none !important;
		}
	#con7 .twitter .smt{
		display:block !important;
		}*/
	#con7 .twitter{
		width:100% !important;
		height:auto !important;
		border:0 !important;
		}
	#con7 .twitter .smt #tw_smt{
		padding:0 10px !important;
	}
	#con7 .twitter .smt h2 span{
		display:block !important;
		padding:10px 0 !important;
		border-radius:4px !important;
		text-align:center !important;
		font-size: 20px !important;
		color:#FFF !important;
		background-color:#000000 !important;
	}
}

/* snsBox */
#con7 .snsBox{
	display: none;
	}
@media screen and (max-width:768px){
	#con7 .snsBox{
		/*display: block !important;*/
		margin:60px 0 0 0;
		}
	#con7 .snsBox ul{
		text-align:center;
		}
	#con7 .snsBox li{
		display: inline-block;
		margin:0 5px;
		}
	#con7 .snsBox li span{
		display:table;
		}
	#con7 .snsBox li a{
		display:table-cell;
		width:60px;
		height:60px;
		text-align:center;
		vertical-align:middle;
		border-radius:40px;
		background-color:#EA6182;
		}
	#con7 .snsBox li img{
		height:auto;
		}
	#con7 .snsBox li.insta img{width:32px;}
	#con7 .snsBox li.tw img{width:35px;}
	#con7 .snsBox li.line img{width:35px;}
	#con7 .snsBox li.fb img{width:32px;}
}


/* =========================================================
 6.8 - con8
 footer btn
========================================================= */
#con8{
	padding:57px 0 50px 0;
  background-color:#FFF;
	}
@media screen and (max-width:768px){
  #con8{
    padding:0 0 50px 0 !important;
    background:#FFF !important;
    }
	#con8 .menuBox,
  #con8 .bnrBox{
		display:none !important
	}
}

/* menuBox */
#con8 .menuBox{
	width:100%;
	overflow:hidden;
	margin-bottom:25px;
	}
#con8 .menuBox dl{
	float:left;
	width:240px;
	padding-bottom:30px;
	text-align:center;
	cursor:pointer;
	}
#con8 .menuBox dt{
	display:table;
	width:100%;
	height:50px;
	margin-bottom:10px;
	vertical-align:middle;
	font-size: 16px;
	text-align:center;
  -webkit-transition: color .2s linear 0s;
  transition: color .2s linear 0s;
	}
#con8 .menuBox dt .cell{
	display:table-cell;
	vertical-align:middle;
	line-height:1.3;
	}
#con8 .menuBox dt .cell span.blank{
	display: inline-block;
	width:15px;
	height:10px;
	background: url(../common/images/icon_blank3_b.png) right bottom no-repeat;
	}
#con8 .menuBox dl:hover .cell span.blank{
	background: url(../common/images/icon_blank3_p.png) right bottom no-repeat;
	}
/*#con8 .menuBox dt .cell span{
	display:block;
	width:96px;
	height: 24px;
	line-height: 24px;
	border-radius:4px;
	margin:3px auto 0 auto;
	font-size: 13px;
	}*/
#con8 .menuBox dl:hover dt{
	color:#EA6182;
	}
#con8 .menuBox dl.food:hover dt{
	color:#74A6A1;
	}
#con8 .menuBox dl.child:hover dt{
	color:#DFA536;
	}
#con8 .menuBox dl:hover dt .cell span{
	color:#FFF;
	}
#con8 .menuBox dd{
	position:relative;
	width:150px;
	height:150px;
	margin:0 auto;
	border-radius:70px;
	}
#con8 .menuBox dd:before{
	z-index:2;
	position:absolute;
	top:10px;
	left:10px;
	display:block;
	content:'';
	width:130px;
	height:130px;
	border-radius:70px;
	background-color:rgba(234,97,130,0.5);
  -webkit-transition: all .2s linear 0s;
  transition: all .2s linear 0s;
	}
/*#con8 .menuBox .food dd:before{
	background-color:rgba(162,204,206,0.7);
	}
#con8 .menuBox .child dd:before{
	background-color:rgba(241,189,111,0.7);
	}*/
#con8 .menuBox dd img{
	z-index:3;
	position:absolute;
	top:5px;
	left:5px;
	border-radius:70px;
  -webkit-transition: all .2s linear 0s;
  transition: all .2s linear 0s;
	}
#con8 .menuBox dl:hover dd:before{
	top:0px;
	left:0px;
	border-radius:75px;
	width:150px;
	height:150px;
	}

/* bnrBox */
#con8 .bnrBox{
	width:944px;
  margin-bottom:35px;
	}
#con8 .bnrBox li{
	display: inline-block;
	width:221px;
	height:90px;
	margin-left:15px;
	margin-bottom:15px;
	box-sizing:border-box;
	background-color:#FFF;
	}
#con8 .bnrBox li a{
	display:block;
	border:solid 1px #DDD;
}
#con8 .bnrBox li a img{
  -webkit-transition: all .2s linear 0s;
  transition: all .2s linear 0s;
	}
#con8 .bnrBox li a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	}

/* txtBox */
#con8 .txtBox{
	width:930px;
  margin:0 auto;
  box-sizing:border-box;
  border:solid 1px #CCC;
  background-color:#FFF;
	}
#con8 .txtBox .ttl{
  padding:15px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  border-bottom:solid 1px #CCC;
	}
#con8 .txtBox .txt{
  padding:10px 15px;
  font-size: 16px;
	}
#con8 .txtBox dl{
  margin:0 15px 15px 15px;
  padding:15px;
  font-size: 14px;
  background-color:#EBEBEB;
	}
#con8 .txtBox dt span{
  margin-right:10px;
	}
#con8 .txtBox dd span{
  margin-right:15px;
	}
#con8 .txtBox dd a{
  color:#5b8bbc;
	}
#con8 .txtBox dd a:hover{
  color:#F091A0;
	}
@media screen and (max-width:768px){
  #con8 .txtBox{
    width:auto !important;
    margin:0 15px !important;
    text-align:center !important;
    }
  #con8 .txtBox .ttl{
    font-size: 15px !important;
    }
  #con8 .txtBox .txt{
    font-size: 13px !important;
    text-align:left !important;
    }
  #con8 .txtBox dl{
    font-size: 13px !important;
    }
  #con8 .txtBox dt span,
  #con8 .txtBox dd span{
    margin-right:0 !important;
    }
  #con8 .txtBox dd a{
    color:#5b8bbc !important;
    }
  #con8 .txtBox dd a:hover{
    color:#F091A0 !important;
    }
}


/* =========================================================
 7.0 - Footer
========================================================= */
#footer{
	position:relative;
  padding-top:250px;
	}

@media screen and (max-width:768px){
  #footer{
    position: static !important;
    padding-top:0 !important;
    }
}



/* 	7.2 - smtBox
---------------------------------------------------------- */
#footer .smtBox{
	display:block !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  text-align:center;
  line-height:1.2;
  color:#333;
  background: url(../common/images/bg_line.png) left top repeat #F8F0F2;
}
#footer .smtBox dl{
}
#footer .smtBox dt{
  margin-bottom: 25px;
  font-size: 28px;
}
#footer .smtBox dd{
  margin-bottom: 15px;
  font-size: 20px;
}
#footer .smtBox .txt{
  margin-bottom: 5px;
  font-size: 16px;
}
#footer .smtBox .tel{
  font-size: 28px;
  font-weight: bold;
}
#footer .smtBox .tel a{
  text-decoration:none;
  pointer-events: none !important;
}
#footer .smtBox .tel a:before{
  content:'TEL：'
}
#footer .smtBox .mailadd{
  margin-top:10px;
}
#footer .smtBox .mailadd a{
  color:#5b8bbc;
  text-decoration:underline;
	}
#footer .smtBox .mailadd a:hover{
  color:#F091A0;
	}

@media screen and (max-width:768px){
  #footer .smtBox {
    position: static !important;
    width:290px !important;
    height:auto !important;
    color:#FFF !important;
    background: none !important;
  }
  #footer .smtBox dt{
    margin-bottom:15px !important;
    font-size: 24px !important;
  }
  #footer .smtBox dd{
    margin-bottom:0 !important;
    font-size: 13px !important;
  }
  #footer .smtBox .txt{
    margin-bottom:10px !important;
    font-size: 13px !important;
    line-height:1 !important;
  }
  #footer .smtBox .tel{
    margin-bottom:25px !important;
    font-weight: normal !important;
    line-height:1 !important;
  }
  #footer .smtBox .tel a{
    font-size: 32px !important;
    color:#FFF !important;
    pointer-events: auto !important;
  }
  #footer .smtBox .tel a:before{
    display: none !important;
  }
  #footer .smtBox .mailadd{
    margin-top:-15px !important;
    padding-bottom:5px !important;
  }
  #footer .smtBox .mailadd a{
    font-size: 14px !important;
    color:#FFF !important;
    }
  #footer .smtBox .mailadd a:hover{
    color:#FFF !important;
    }

}





/* 	7.4 - fix_footerNav
---------------------------------------------------------- */
/*#fix_footerNav{
	display:none;
}

@media screen and (max-width:768px){
  #fix_footerNav{
    display:block !important;
  }
}*/





/**********************************************/
@media screen and (max-width:768px){

}