/* CSS Document */


.spNone{display: none;}
.pcNone{display: block;}

/*----------------------------------------------------------------------------
 ***                                                                 body
----------------------------------------------------------------------------*/
body {	font-size: 12px;
background-color: #fff;}


/*----------------------------------------------------------------------------
 ***                                                                 container
----------------------------------------------------------------------------*/
.container {}


/*----------------------------------------------------------------------------
 ***                                                                 header
----------------------------------------------------------------------------*/
header {
    /* background: url(../schools/images/1701/back_header.png) left top no-repeat; */
    background-size: 100%;
    border-bottom: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

header .page_title {
    float: left;
    width: 75%;
    padding-bottom: 2%;
    /* margin-left: 5%; */
    xborder: #f00 1px solid;
}

.hAddP {
    padding-left: 5%;
    font-size: 90%;
    color: #777;
    padding-bottom: 1.2%;
    margin: 0;
    line-height: 1.1em;
    padding-top: 1%;
    background: #FFF;
    font-size: 80%;
}

header nav {
    width: 7%;
    height: auto;
    margin-left: 5%;
    margin-right: 2%;
    padding-top: 1vh;
    color: #333;
    float: left;
}

header .page_title h1 {
    position: absolute;
    top: 86%;
    left: 5%;
    padding-top: 0.4em;
    xfloat: left;
    font-size: 90%;
    font-weight: normal;
    text-indent: 0.1em;
    color: #000;
    line-height: 1em;
    width: 65%;
    margin-bottom: 0.2em;
    padding-top: -0.5vh;
}
header .page_title h1 img{
    width: 100%;
}

header .page_title h1 img:first-child{
    height: auto;

}

header .page_title h2 {
    float: left;
    font-weight: normal;
    font-size: 195%;
    color: #000;
    line-height: 1.0em;
    width: 75%;
}

header .page_title h2.small_size {
    font-size: 150%;
}

header .page_title a {
    text-decoration: none;
}

header ul {
}

header ul li {
    float: right;
}

header #menu {
    width: 15%;
    height: auto;
    float: right;
}

header #return {
    width: 10%;
    height: auto;
    margin-top: 2.3%;
}

/*追加*/
.schoolHeader .headertxt{
   font-size: 83%;
   font-weight: normal;
    background-color: #BFEB21;
    clip-path: polygon(0 0, 100% 0, 93% 100%, 0 100%);
    background-size: 176%;
    background-position: left center;
    padding: 0% 5% 1% 5%;
    margin-bottom: 1.5%;
    order: -1;
    line-height: 1;
    white-space: nowrap;
    overflow-x: scroll;
}

.schoolHeader .headerBox{
    border-bottom: 0.4em solid #BFEB21;
   box-shadow: 0px 2px 4px #d2cfcf;

}

.schoolHeader .headerBox .flexBox{
    display: flex;
    flex-direction: column;
}


/*----------------------------------------------------------------------------
 ***                                                              breadcList
----------------------------------------------------------------------------*/
#breadcList{}
#breadcList ol{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: scroll;
	overflow-y:hidden;
    word-break: keep-all;
    white-space: nowrap;
	padding:0.5em 5%;
	-ms-overflow-style: none; /* IE, Edge 対応 */
    scrollbar-width: none; /* Firefox 対応 */
}
#breadcList ol::-webkit-scrollbar{ display:none;}
#breadcList li{    font-size: 75%;
    padding: 0 1em 0 0;
    margin: 0 0.6em 0 0;
    position: relative;}
#breadcList li:not(:last-child):after{
	 content: ">";
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    color: #036eb6;
    z-index: 100;
}
#breadcList li a{ text-decoration:none;}
#breadcList li span{  color: #036eb6;}
#breadcList li:last-child span{  color: #036eb6;}

/*----------------------------------------------------------------------------
 ***                                                              basicSec
----------------------------------------------------------------------------*/

#basicSec .sectionInner{
    width: 90%;
    margin: 0.5em auto 1.5em;
}
#basicSec .koushaTxt{
    width: 70%;
    display: flex;
    flex-direction: column;
}
#basicSec .koushaTxt a{
    position: relative;
}

#basicSec .koushaTxt a::after{
   content: '';
    display: inline-block;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #595757 transparent transparent transparent;
    display:block;
    position: absolute;
    right: 12%;
    top: 30%;
    margin-left: 0.4em;
    width: 0;
    height: 0;
    z-index: 100;
}

#basicSec .koushaTxt .subheading{
    font-size: 81%;
   order: 1;
   line-height: 1;
}

#basicSec .koushaTxt .subheading span {
    margin-right: 0.2em;
    padding: 0.27em 0.4em 0.15em;
    font-size: 110%;
    border-radius: 1em;
    color: #fff;
}
#basicSec .koushaTxt p span:last-child{
    margin-right: 0.5em;
}

#basicSec .koushaTxt p .primary{   
    background-color: #ff7ba4;
}
#basicSec .koushaTxt p .junior{   
    background-color: #84be3f;
}
#basicSec .koushaTxt p .hight{   
    background-color: #40a1ed;
}

#basicSec .koushaTxt .heading {
display: block;
line-height: 1;
order: 2;
    margin-top: 0.35em;
    font-size: 260%;
}

#basicSec .koushaTxt  .koushaArea{
display: block;
order: 3;
   margin: 0.5em 0 0.3em;
    font-size: 90%;
    font-weight: normal;
    color: #595757;
    line-height: 1;
}

#basicSec .koushaTxt .koushaInfo{
    width: 30%;
    padding: 0.1em 2em 0 0.8em;
    color: #595757;
    order: 10;
    font-size: 104%;
    text-decoration: none;
    border: 2px solid #BFEB21;
    border-radius: 0.8em;
    line-height: 1;
}

#basicSec .kousha img{
    width: 35%;
    height: 100%;
	padding-left: 2%;
}

#basicSec .commitment{
    position: relative;
}

#basicSec .commitment div{
    border-left: 3px solid #BFEB21;
}

#basicSec .commitment .commitmentLogo{
    width: 11%;
    height: 100%;
    padding: 0 0.3em;
}

#basicSec .commitment .character{
  position: absolute;
    width: 20%;
    bottom: 0;
    right: -10px;
}

#basicSec .commitment p{
    font-size: 92%;
    font-weight: bold;
    color: #684602;
}

#basicSec .commitment p .textStrong{
    font-size: 160%;
    color: #f19600;
}
#basicSec .commitment .commitmentList{
    width: 82%;
    margin-top: 0.9em;
}

#basicSec .commitment .commitmentList .commitmentItem{
   width: 21%;
    padding: 0.25em 0.1em;
    text-align: center;
    background-color: #de156e;
    color: #fff;
    border-radius: 0.3em;
     line-height: 1;
     font-family:  A-OTF Shin Go Pro,"M PLUS 1";
}
#basicSec .commitment .commitmentList .item01{
   font-size: 192%;
   padding-top: 0.2em;
    padding-bottom: 0.4em;
}

#basicSec .commitment .commitmentList .item02{
    padding-top: 0.4em;
    font-size: 136%;
    line-height: 1;
}

#basicSec .commitment .commitmentList .item02 span{
    font-size: 71%;
    color: #fff;
    line-height: 1.5;
}

#basicSec .commitment .commitmentList .item03{
    font-size: 159%;
   padding-top: 0.5em;
}

#basicSec .commitment .commitmentList .item04{
font-size: 175%;
    padding-top: 0.4em;
}

/*----------------------------------------------------------------------------
 ***                                                             inquirySec
----------------------------------------------------------------------------*/

#inquirySec .sectionInner{
    width: 90%;
    margin: 2em auto;
    position: relative;
    font-family: A-OTF Shin Go Pro,"M PLUS 1";
}

#inquirySec p{
    margin-bottom: 1.2em;
    padding-top: 0.6em;
text-align: center;
    font-size: 145%;
    line-height: 1.1;
    font-weight: bold;
}
#inquirySec p span{
    
    font-size: 81%;
    background: linear-gradient(transparent 63.4%, #BFEB21 30%);
    background-position: 0 -0.4em;
    background-size: 115%;
}
#inquirySec .content01{
    position: absolute;
    width: 7%;
    top: 0;
    left: 19%;

}
#inquirySec .content02{
position: absolute;
    width: 7%;
    top: 0;
    right: 19%;
}
#inquirySec .content03{
position: absolute;
    width: 7%;
    top: 13%;
    right: 18%;
}



.nav1Sec li{
    font-weight: bold;
    font-family: A-OTF Shin Go Pro, "M PLUS 1";
}


.nav1Sec li a{
    text-decoration: none;
    font-weight: bold;
     padding: 1.2em 0;
    font-size: 122%;
    text-align: center;
    border-radius: 1em;
}

.nav1Sec  .experience a{
   display: block;
   position: relative;
    margin-bottom: 0.8em;
    background: linear-gradient(to bottom, #fff 0%, #ffd900 15%, #ffeb98 85%, #fff3c2 100%);
    border: 1.5px solid #f7d300; 
}
.nav1Sec  .experience a::before{
content: '';
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 53px;
    height: 36px;
    background: url(../common_images/btn_contents02_ico2.png) no-repeat;
    vertical-align: middle;
    background-size: contain;
}

.nav1Sec .experience a ::before{
    content: "";
   height: 0.3em;
    width: 0.3em;
    top: 45%;
    right: 10%;
    font-size: 120%;
    border-width: 2px 2px 0 0;
  border-color: #c10d23;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  display: block;
  z-index: 100;
}

.nav1Sec .experience a ::after{
   content: "";
   height: 0.3em;
    width: 0.3em;
    top: 45%;
    right: 12%;
    border-width: 2px 2px 0 0;
  border-color: #c10d23;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  display: block;
  z-index: 100;
}


.nav1Sec  .experience a span{
    color: #c10d23;
    padding-left: 0.5em;
    font-size: 120%;
}

.nav1Sec .materials a{
    width: 48%;
    position: relative;
    display: inline-block;
    background: linear-gradient(
      to bottom,
      #fff 0%, 
      #7dccf3 15%,
      #acddf7 85%,     
      #d2ecfa 100%     
    );
    border: 1.5px solid #7ac7ec;
   
}

.nav1Sec .materials a::before{
    content: '';
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 32px;
    background: url(../common_images/btn_contents03_ico2.png) no-repeat;
    vertical-align: middle;
    background-size: contain;
}
.nav1Sec  .materials a span{
    color: #171c61;
    font-size: 110%;
    padding-left: 0.5em;
}

.nav1Sec .materials a ::before{
    content: "";
   height: 0.3em;
    width: 0.3em;
    top: 45%;
    right: 12%;
    border-width: 2px 2px 0 0;
  border-color: #171c61;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  display: block;
  z-index: 100;
}

.nav1Sec .materials a ::after{
   content: "";
   height: 0.3em;
    width: 0.3em;
    top: 45%;
    right: 9%;
    border-width: 2px 2px 0 0;
  border-color: #171c61;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  display: block;
  z-index: 100;
}

.nav1Sec .tel a{
    width: 48%;
    display: inline-block;
    float: right;
    line-height: 1.1;
    margin-top: -8.5em;
    padding: 2em 0 2.3em;
    background: linear-gradient(to bottom, #fff 0%, #b6d350 15%, #d5e59c 85%, #ecf3d3 100%);
    border: 1.5px solid #b1cd4e;
    border-radius: 2em;
   
}
.nav1Sec .tel a {
   color: #006934;
    font-size: 54%;
    line-height: 0;
}
.nav1Sec .tel div {
    color: #006934;
    margin-bottom: 0.5em;
    font-size: 210%;
    line-height: 1;
}

.nav1Sec .tel img{
   width: 1em;
    padding-right: 0.2em;
}

#tokutenSec ul li:last-child{
    margin-bottom: 0;
}

/*----------------------------------------------------------------------------
 ***                                                             pageNavi
----------------------------------------------------------------------------*/
#pageNaviSec{
    padding: 2em 0 1em;
    background-image: linear-gradient(0deg, #fffbe1, #fff4a0);
}
#pageNaviSec .sectionInner{
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

#pageNaviSec .textSmall{
    font-size: 72%;
}

#pageNaviSec .schoolName{
    color: #161b5f;
    font-weight: bold;
    font-size: 220%;
    line-height: 1.3;
}
#pageNaviSec .naviTxt{
    font-weight: bold;
    text-align: left;
}

.pageNavi {
    margin: 3% 0 1%;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}



.pageNavi:has(> li:nth-child(5):nth-last-child(1)) {
    width: 100%;
    justify-content: center;
    gap: 4%;
}

.pageNavi li {
    width: 30%;
    /* float:left; */
    margin: 0 0 4% 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px 0 #ccc, 0 0 2px 0 #ccc, 2px 2px 2px 0 #ccc;
    box-shadow: 0 0 2px 0 #ccc, 0 0 2px 0 #ccc, 2px 2px 2px 0 #ccc;
}

.pageNavi li:last-child {
    /* margin:0; */
}

.pageNavi:has(> li:nth-child(4):nth-last-child(1)) li {
    width: 23%;
    display:grid;
}

.pageNavi:has(> li:nth-child(5):nth-last-child(1)) li {
    width: 30%;
    display:grid;
}

.pageNavi li a {
    color: #4d4d4d;
   padding: 10% 5% 24%;
    font-size: 83%;
    line-height: 1.3;
    font-weight: bold;
    text-decoration: none;
    display: block;
    background: url(../schools/images/img_pagenavi.png) no-repeat center bottom 5%/90%;
    /*background-image:url(../schools/images/img_pagenavi.png);
	background-repeat:no-repeat;
	background-position:center bottom 5%;
	background-size:95%;*/
}

.pageNavi li a span {
    color: #42210b;
    padding: 0;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 0.5em;
    display: block;
}
/*
.pageNavi li:nth-child(n+3) a span {
    line-height: 2.5em;
}
*/

.pageNavi.csv_states {
    display: flex;
    justify-content: center;
}

.pageNavi.csv_states li:last-child a span {
    line-height: inherit;
}



/*-------------------------------------------*/

#topicsSec{ border-bottom:1px dotted #ccc; padding:4% 0 0; margin:0 0 4%;}
#topicsSec h3{
	font-size:160%;
    font-weight:bold;
    text-align:center;
    color:#333;
    /* line-height:0.6em; */
    margin:0;
}
#topicsSec h3 span{ font-size:80%; font-weight:normal; color:#666; margin:0 0 0 0.5em;}
#topicsSec .sectionInner{
	width:90%;
	margin:3% auto 1%;
}
#topicsSec .topicBox{
	margin:0 auto 3%;
	width:100%;
	padding:3%;
	border:3px solid #8CC23C;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#topicsSec .topicBox p{ width:30%; float:left; margin:0 2% 0 0;}
#topicsSec .topicBox dl{ width: 70%;}
#topicsSec .topicBox dt{ font-size:110%; line-height:1.2em; margin:0 0 0.5em; font-weight:bold;}
#topicsSec .topicBox dd{ font-size:95%; line-height:1.2em; color:#666;}
#topicsSec .topicBox dt span{ font-size:12px; color: #444; font-weight:100;}

#topicsSec .ittoTopic,
#topicsSec .schoolNone{ display:none;}

#topicsSec .topicBox2{
	margin:0 auto 3%;
	width:100%;
	padding:3%;
	border:3px solid #8CC23C;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	border-radius:5px;
}
#topicsSec .topicBox2 p{ width:30%; float:left; margin:0 2% 0 0;}
#topicsSec .topicBox2 dt{ font-size:110%; line-height:1.2em; margin:0 0 0.5em; font-weight:bold;}
#topicsSec .topicBox2 dd{ font-size:95%; line-height:1.2em; color:#666;}
#topicsSec .topicBox2 .new span {
	display: inline-block;
	background: #f75d13;
	padding: 0.3em 1em 0.1em;
	font-size: 8px;
	line-height: 1.3em;
	margin-bottom: 0.6em;
	border-radius: 100vh;
	color: #FFF;
	font-weight: normal;
}






#photoSec{padding-top:16.9%; padding-bottom:0%;}
#photoSec .sectionInner{}

	#photoSec{padding:0 0 0% 0; }
/*@media screen and (min-aspect-ratio : 1/1){
	#photoSec{padding:0 0 0% 0; }
}*/


#textSec{ background-color:#666;}
#textSec .sectionInner{ padding:2% 5% 3% 5%;}
#textSec nav{ width:42%; height:auto; float:right; margin-left:2%;}
#textSec nav li{ margin-bottom:8%;}

#textSec p{ font-size:105%; line-height:1.4em; color:#FFF;}

#textSec ul li:not(:last-of-type){ padding:0.5em 0;}
#textSec ul li a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  position: relative;
}
#textSec ul li a span{ 
	font-size: 90%;
	line-height: 1.3em;
	text-align: center;
	color: #FFF;
}
#textSec ul li a span::after {
  content: '';
  position: absolute;
  right:5px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  background: url(../common_images/btn_contents02b.png) no-repeat;
  vertical-align: middle;
  background-size: contain;
}
#textSec ul li:nth-child(1) a span::before {
  content: '';
  position: absolute;
  left:5px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 25px;
  height: 18px;
  background: url(../common_images/btn_contents02_ico.png) no-repeat;
  vertical-align: middle;
  background-size: contain;
}
#textSec ul li:nth-child(2) a span::before {
  content: '';
  position: absolute;
  left:5px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 25px;
  background: url(../common_images/btn_contents03_ico.png) no-repeat;
  vertical-align: middle;
  background-size: contain;
}

#textSec ul li:nth-child(1) { background: -o-linear-gradient(top, rgba(244, 175, 180, 1) 0%, rgba(229, 66, 78, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(244, 175, 180, 1)), to(rgba(229, 66, 78, 1))); background: linear-gradient(180deg, rgba(244, 175, 180, 1) 0%, rgba(229, 66, 78, 1) 100%);}
#textSec ul li:nth-child(2) { background: -o-linear-gradient(top, rgba(135, 215, 217, 1) 0%, rgba(0, 169, 157, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(135, 215, 217, 1)), to(rgba(0, 169, 157, 1))); background: linear-gradient(180deg, rgba(135, 215, 217, 1) 0%, rgba(0, 169, 157, 1) 100%);}



/* 新新フリスタ用css start*/
#textSec.sclTitleSec_newF {}
#textSec.sclTitleSec_newF #sTopTxtBox{}
#textSec.sclTitleSec_newF #sTopTxtBox #koushaImgP{}
#textSec.sclTitleSec_newF #sTopTxtBox #koushaImgP img{}
#textSec.sclTitleSec_newF .newF_txt{background: #fff; text-align: center; padding: 0.5em 0; margin-bottom: 1em;}
#textSec.sclTitleSec_newF .newF_txt h3{color: #000; text-align: center; border-bottom: #999 dotted 2px; display: inline-block; margin: 0 auto 0.4em;}
#textSec.sclTitleSec_newF .newF_txt h3 span{font-size: 1.6em; color: #DE1477;}
#textSec.sclTitleSec_newF .newF_txt p{color: #000; font-size: 0.8em; font-weight: 600;}
/* 新新フリスタ用css end*/






#submit_summer{ background-image:url(../schools/images/btn_summer2018.png); background-repeat:no-repeat; background-size:100% auto; background-color:#fff; display:block; border:none; width:96%; height:auto; padding:20% 0 0; margin:1em auto;}
#submit_winter{ background-image:url(../schools/images/btn_winter.png); background-repeat:no-repeat; background-size:100% auto; background-color:#fff; display:block; border:none; width:96%; height:auto; padding:20% 0 0; margin:1em auto;}
/* #submit_season{ background-image:url(../schools/images/btn_season.png); background-repeat:no-repeat; background-size:100% auto; background-color:#fff; display:block; border:none; width:92%; height:auto; padding:25% 0 0; margin:4% auto 0;} */


#scInfoSec{}
#scInfoSec .sectionInner{ padding:3% 5% 2% 5%;}
#scInfoSec h3{ color: #161b5f; font-size: 165%; font-weight: bold; margin-bottom: 6%; padding-top: 1em;}
#scInfoSec li{ border-bottom:#666 dotted 1px; padding-bottom:1em; margin-bottom:1em; clear:both;}
#scInfoSec li:after { content: ".";display:block; height:0; clear: both; visibility: hidden;}
#scInfoSec li { display: inline-block; }
#scInfoSec li dd.telFD > a{ color:#333; font-size: 80%;}
#scInfoSec li dd.telFD span{ color:#ff3399; display:block; font-size:60%;}
#scInfoSec li dd.telFD span a{ display:block; font-size:170%;}

/* Hides from IE-mac \*/
* html #scInfoSec li {height:1%;}
#scInfoSec li {display:block;}
/* End hide from IE-mac */
#scInfoSec dt{font-size:110%; float:left; background:#80004B; width:23%; border-radius:2px; text-align:center; line-height:1.2em; padding:0.3em 0 0.2em 0; color:#FFF; font-weight:normal;}
#scInfoSec dd{font-size:110%; float:right; width:75%; line-height:1.2em; padding:0.3em 0 0.2em 0;}
#scInfoSec dd.access{font-size:100%; color:#666;}
#scInfoSec dd.option {padding:0 0 0 0 ;}
#scInfoSec dd.option img{width:auto; height:1.7em; margin-right:20px;}
#scInfoSec #telLi dd{ font-size:160%; font-weight:normal; padding:0 0 0 0 ;}
#scInfoSec #telLi dd a{ text-decoration:none;}

#commentSec{ background-color:#FFFED9; width:100%; margin-bottom:0%;}
#commentSec .sectionInner{ background-color:#FFFED9; padding:3% 5% 5% 5%;}
#commentSec h3{ text-align:left; font-size:140%; font-weight:normal; text-indent:1em; background:url(../schools/images/ico_small.png) left center no-repeat; background-size:3%; margin-bottom:1%; padding-top:1%;}
#commentSec p#addAdr{ font-size:120%;}

#main-gallery{ background:#000; padding:4% 0; margin-bottom:13%;}
#main-gallery .gallery-cell{ padding:0 3%;}
#main-gallery .gallery-cell img{ display:block; width:319px; height:263px;}
@media screen and (min-width:320px) and (max-width:360px) { 
	#main-gallery .gallery-cell img{ display:block; width:260px; height:191px;}
}
@media screen and (min-width:370px) and (max-width:400px) { 
	#main-gallery .gallery-cell img{ display:block; width:292px; height:215px;}
}

#mapSec{ width:100%;}
#mapSec .sectionInner{ padding:0 5% 5% 5%;}
#mapSec h3{ text-align: left; font-size:160%; font-weight:normal; text-indent:1em; background:url(../schools/images/ico_small.png) left center no-repeat; background-size:3%; margin-bottom:1%; padding-top:1%;}
#mapSec p{width:90%; margin:0 auto; padding:5%; background-color:#ccc; position:absolute; bottom:-29%;}
#mapSec iframe{width:100%; height:15em; clear:both;}
#mapSec a {display:inline-block; width:100%; margin-top:0; padding:1em 0 1em 0; text-align:center; text-decoration:none; color:#fff;
background-color:#666;}

.ggmap {
position: relative;
padding-bottom: 70%;
padding-bottom: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.map{
position: relative;
padding-bottom: 75%; /*これが縦横比*/
height: 0;
border:1px solid #999;
}

.map iframe {
position: absolute;
top: 0;
left: 0;
width: 99.8%% !important;
height: 100% !important;
}

#map_abu img{ display:none;}

#kinrinSec {border:#999 1px solid; margin:0 5% 7% 5%; padding:2% 5% 7% 5%;
	background:url(../schools/images/ico_open2.png) no-repeat;
	background-position:bottom;
	background-color:#fff;
	background-size:10%;
	cursor: pointer;
}
#kinrinSec h3{font-size:130%; font-weight:normal; width:80%; float:left; padding-top:0.7em;}
#kinrinSec p.kinrin_open{width:13%; height:auto; float:right;cursor: pointer; filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;}
#kinrinSec p.kinrin_open:hover {}
#kinrinSec div.scTitle{padding-bottom:2%; border-bottom:#ccc 2px dotted;}
#kinrinSec div.openArea{display: none; background-color:#fff;}
#kinrinSec p.scList{ padding:2% 0; margin-bottom:2%; line-height:2em;}
#kinrinSec p.scList a{ background:url(../schools/images/ico_kousha.png) left center no-repeat; text-decoration:none; background-size:1em auto; text-indent:1.5em; display:inline-block; width:100%; xfloat:left}
#kinrinSec p.modoruBtn{	text-align:right; padding-bottom:3%; font-size:120%; border-bottom:#ccc 2px dotted; }
#kinrinSec p.modoruBtn img{ height:1.5em; width:auto;}
#kinrinSec li:not([class]) {display: none;}
#kinrinSec li{ font-size:140%; line-height:1.4em; list-style:none; background:url(../schools/images/1701/ico_kousha.png) left top no-repeat; background-size:7%; padding:1% 0 1% 10%;}


.formBtnBlock{ background: #f7f7f7; padding: 5% 5% 8%;}
.formBtnBlock h3{
	font-size: 140%;
	text-align: center;
	padding: 5% 0;
	color: #555555;
}
.conBoxBtn li{ margin-bottom: 5%;}
.nav1Sec{}


.conBoxBtn li{ width: 100%; padding:5% 0; }
.conBoxBtn li a {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-decoration: none;
	position: relative;
	padding-left: 10px;
	font-weight: bold;
	font-size: 145%;
}

.conBoxBtn li a span {
	line-height: 1.3em;
	text-align: center;
	color: #FFF;
}

.conBoxBtn li a span::after {
	content: '';
	position: absolute;
	right: 25px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 30px;
	height: 30px;
	background: url(../common_images/btn_contents02b.png) no-repeat;
	vertical-align: middle;
	background-size: contain;
}
.conBoxBtn li:nth-child(1) a span::before {
	content: '';
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 56px;
	height: 38px;
	background: url(../common_images/btn_contents02_ico.png) no-repeat;
	vertical-align: middle;
	background-size: contain;
}
.conBoxBtn li:nth-child(2) a span::before {
	content: '';
	position: absolute;
	left: 25px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 32px;
	height: 40px;
	background: url(../common_images/btn_contents03_ico.png) no-repeat;
	vertical-align: middle;
	background-size: contain;
}
.conBoxBtn li:nth-child(1) { background: -o-linear-gradient(top, rgba(244, 175, 180, 1) 0%, rgba(229, 66, 78, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(244, 175, 180, 1)), to(rgba(229, 66, 78, 1))); background: linear-gradient(180deg, rgba(244, 175, 180, 1) 0%, rgba(229, 66, 78, 1) 100%);}
.conBoxBtn li:nth-child(2) { background: -o-linear-gradient(top, rgba(135, 215, 217, 1) 0%, rgba(0, 169, 157, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(135, 215, 217, 1)), to(rgba(0, 169, 157, 1))); background: linear-gradient(180deg, rgba(135, 215, 217, 1) 0%, rgba(0, 169, 157, 1) 100%);}


#ssSec #ss_bgc {background-color:#999; margin:0%;}
#ssSec h3{padding:1.1em 0 0 0; text-align:center; font-weight:normal; font-size:190%; color:#4d4d4d;}
#ssSec .sectionInner{padding:7% 5% 2% 5%;}
#ssSec .content{padding-bottom:3em; display:block;}
#ssSec h4{font-weight:normal; font-size:130%; font-weight:bold; color:#4d4d4d; margin-bottom:0.2em;}
#ssSec p.txt{overflow: hidden; font-size:110%}
#ssSec p.txt span{line-height:1.2em; color:#666;}
#ssSec p img{float:left; margin-top:0.3em; margin-right:1em; width:28%; height:auto;}
#ssSec #ss_explain{margin:0; color:#FFF; padding:3% 5% 3% 5%;}

#kodawariSec{}
#kodawariSec section{ margin-bottom:5%;}
#kodawariSec h3{ padding:1.5em 0 0 0; text-align:center; font-weight:normal; font-size:190%; color:#4d4d4d;}
#kodawariSec .sectionInner{ padding:3% 5% 2% 5%;}
#kodawariSec .sectionInner .sectionInner{ padding:3% 0;}
#kodawariSec .content{ padding-bottom:3em;}
#kodawariSec h4{ border-bottom:1px solid #000; border-left:4px solid #BFEB21; padding-left:1%;}
#kodawariSec h4 span{ font-size:90%; color:#F00; margin-left:1%;}
#kodawariSec h5{ font-size:110%; background:url(../schools/images/1701/icon_check.png) left 2% no-repeat; background-size:8%;}
#kodawariSec h5 span{ color:#E61673;}
#kodawariSec p.txt{ font-size:110%; line-height:1.6em;}
#kodawariSec p.txt2{ font-size:90%; line-height:1.6em; color:#666;}
#kodawariSec p.txt2 span{ font-size:80%;}
#kodawariSec p img{ float:left; margin-top:0.3em; margin-right:3%; width:39%; height:auto; margin-bottom:2%;}

#kodawariSec #iidBox h5{ margin:0% 0% 1% 42%; padding:0.5% 0% 0% 5%; font-weight:bold;}
#kodawariSec #testBox h5{ margin:0% 0% 1% 0%; padding:1% 0% 0% 6%; background-size:6%;}

@media screen and (min-width: 430px) {
#kodawariSec #testBox h5{padding: 1% 0% 0% 1.9em;background-size: 1.7em;}
}


#kodawariSec #testBox p.txt{ margin-bottom:3%; line-height:1.6em;}
#kodawariSec #testBox p.floatL{ float:left; width:39%;}
#kodawariSec #testBox p.floatL img{ width:100%;}
#kodawariSec #testBox .floatR{ float:right; width:58%;}
#kodawariSec #testBox .floatR dl{}
#kodawariSec #testBox .floatR dt{ font-weight:bold; border-bottom:1px dotted #B3B3B3; padding-bottom:1%; margin-bottom:2%;}
#kodawariSec #testBox .floatR dt span{ color:#E61673;}
#kodawariSec #testBox .floatR dd{ line-height:1.6em;}
#kodawariSec #testBox #jugyou{ margin-bottom:5%;}

#kodawariSec #testBox #jugyou #waku{ border:4px solid #BFEB21; border-radius:10px; padding:3%;}

#kodawariSec #jimanBox{ border:5px solid #C9CACA; border-radius:20px; margin-bottom:5%;}
#kodawariSec #jimanBox .sectionInner{ padding:4% 5%;}
#kodawariSec #jimanBox h4{ font-size:110%; line-height:1.4em; border-left:none; border-bottom: 1px dotted #b5b5b6; padding-bottom:1%; padding-left:0; margin-bottom:3%;}
#kodawariSec #jimanBox p{ line-height:1.6em;}
#kodawariSec #jimanBox .floatL{ float:left; width:37%; margin-right:3%;}
#kodawariSec #jimanBox .floatL img{ width:100%;}
#kodawariSec #jimanBox .floatR{ float:none;}
#kodawariSec #jimanBox #jisyu{ margin-bottom:5%;}
#kodawariSec #jimanBox ul{ height:2em; margin-bottom:2%;}
#kodawariSec #jimanBox li {
	float: left;
	background-color: #791d4c;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding: 0.3em 0;
}
#kodawariSec #jimanBox li:first-child{ width:25%; margin-right:2%;}
#kodawariSec #jimanBox li:last-child{ width:33%;}
#kodawariSec #jimanBox #koushi li{ width:auto; padding: 0.3em 0.5em;}
#kodawariSec #jimanBox #koushi{}
#kodawariSec #jimanBox #koushi p#oneImg img{ float:none; width:45%; margin-bottom:2%;}

#courseSec {}
#courseSec .sectionInner { padding: 2% 5% 2% 5%;} 
#courseSec h3 {
padding: 1.5em 0 0 0;
text-align: center;
font-weight: normal;
font-size: 190%;
color: #4d4d4d;
line-height: 1.4em;
}
#courseSec h3 span:first-child {
  color: #4c4c4c;
  font-size: 70%;
}
#courseSec h3 span:last-child {
  border-bottom: 3px solid #ffec0b;
  padding: 0 0.5em 0.2em;
}
#courseSec h3 span:last-child:before {
  content: "";
  background: url(../schools/images/images2104/img_contents01.png) no-repeat;
  width: 91px;
  height: 29px;
  display: inline-block;
  background-size: cover;
  margin: -0.3em 0.2em 0 0;
  vertical-align: middle;
}

#courseSec .section {
  background: #f7f7f7;
  position: relative;
  padding: 10% 5% 6%;
  margin: 10% auto 0;
}
#courseSec #highschoolArea {
  margin: 10% auto 5%;
}
#courseSec .section h4 {
  font-size: 180%;
  color: #fff;
  background: #ff7ba5;
  position: absolute;
  width: 7em;
  text-align: center;
  padding: 0.2em 0 0;
  color: #fff;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: calc(-1.5em / 2);
}
#courseSec #juniorArea h4 {
  background: #85bf3f;
}
#courseSec #highschoolArea h4 {
  background: #3fa2ee;
}

#courseSec .photoBox {
}
#courseSec .photoBox img {
  display: block;
}
#courseSec p.courseLink a {
  color: #ff7ba5;
  font-size: 100%;
  text-decoration: none;
}
#courseSec #juniorArea p.courseLink a {
  color: #85bf3f;
}
#courseSec #highschoolArea p.courseLink a {
  color: #3fa2ee;
}

#courseSec .checkBox {
  margin: 4% 0;
}
#courseSec .checkBox li {
  font-size: 120%;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 0.5em;
  line-height: 1em;

}
#courseSec .checkBox li:before {
  content: "";
  background: url(../schools/images/images2104/icon_check01.png) no-repeat;
  width: 1em;
  height: 1em;
  display: inline-block;
  background-size: cover;
  margin-right: 0.2em;
  vertical-align: middle;
}
#courseSec #juniorArea .checkBox li:before {
  content: "";
  background: url(../schools/images/images2104/icon_check02.png) no-repeat;
  background-size: cover;
}
#courseSec #highschoolArea .checkBox li:before {
  content: "";
  background: url(../schools/images/images2104/icon_check03.png) no-repeat;
  background-size: cover;
}

#courseSec .checkBox li span {
  font-size: 80%;
}
#courseSec .iconBox {
  margin: 10px 0 5px;
}
#courseSec .iconBox li {
  margin-right: 0.2em;
}
#courseSec .iconBox li:last-child{ margin-right: 0;}
#courseSec .txtArea {
  margin: 3% 0;
}
#courseSec p.courseLink {
  margin: 1em 0 0;
}
#courseSec p.courseLink:before {
  content: "";
  background: url(../schools/images/images2104/icon_link.png) no-repeat;
  width: 10px;
  height: 10px;
  display: inline-block;
  background-size: cover;
  margin-right: 0.2em;
}
#courseSec .btnBox {
  margin: 5% auto 0;
}
#courseSec .btnBox li {
  width: calc( 95% / 2);
}
#courseSec .btnBox li a {
  background: #ffe3ee;
  display: block;
  text-align: center;
  color: #ff7ba5;
  vertical-align: middle;
  padding: 0.7em 0;
  border-radius: 100vh;
  cursor: pointer;
  position: relative;
  text-decoration: none;
}

#courseSec .btnBox li a:after {
  content: "";
  width: 0.4em;
  height: 0.4em;
  border-right: 1px solid #ff7ba5;
  border-bottom: 1px solid #ff7ba5;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: scale(1, 1.2) translateY(-70%) rotate(45deg);
      -ms-transform: scale(1, 1.2) translateY(-70%) rotate(45deg);
          transform: scale(1, 1.2) translateY(-70%) rotate(45deg);
}
#courseSec .btnBox li:last-child a {
}
#courseSec .btnBox li a:hover {
  text-decoration: none;
  opacity: 0.7;
}
#courseSec #juniorArea .btnBox li a {
  background: #e5f7c4;
  color: #85bf3f;
}
#courseSec #highschoolArea .btnBox li a {
  background: #d2f3fc;
  color: #3fa2ee;
}
#courseSec #juniorArea .btnBox li a:after {
  content: "";
  border-right: 1px solid #85bf3f;
  border-bottom: 1px solid #85bf3f;
}
#courseSec #highschoolArea .btnBox li a:after {
  content: "";
  border-right: 1px solid #3fa2ee;
  border-bottom: 1px solid #3fa2ee;
}

#planSec{}
#planSec h3{ padding:1.5em 0 0 0; text-align:center; font-weight:normal; font-size:190%; color:#4d4d4d;}
#planSec h4{ margin-bottom:3%;}
#planSec .sectionInner{ padding:7% 5% 5% 5%;}
#planSec p.floatR{ float:right; width:42%; margin-left:3%;}
#planSec dl{ margin-bottom:5%;}
#planSec dt{ font-size:120%; font-weight:bold; margin-bottom:1%;}
#planSec dd{ line-height:1.6em;}
#planSec dd.floatL{ float:left; margin-right:3%; width:20%;}
#planSec #standard{ margin-bottom:8%;}
#planSec #free{}
#planSec #free .spacing{ letter-spacing:-0.11em;}

#planSec .priceTtlBox{ border:1px solid #c9caca; background: -o-linear-gradient(bottom, rgba(254, 254, 254, 1) 0%, rgba(231, 231, 231, 1) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(254, 254, 254, 1)), to(rgba(231, 231, 231, 1))); background: linear-gradient(0deg, rgba(254, 254, 254, 1) 0%, rgba(231, 231, 231, 1) 100%); padding: 3%; border-radius: 5px; margin-bottom: 5%; }
#planSec .priceTtlBox h4{ font-weight:bold; font-size: 160%; line-height: 1.2em; color: #3e3a39; border-bottom: 1px solid #CCC; }
#planSec .priceTtlBox h4 span{ color: #e61673; font-size: 65%; font-weight:normal;}
#planSec .priceTtlBox .priceTime{ margin: 0.5em 0 0;}
#planSec .priceTtlBox .priceTime * { line-height: 1.2em; font-size: 90%; color: #3e3a39; font-weight:normal; text-align:center;}
#planSec .priceTtlBox .priceTime dt{ margin-right: 0.3em;}
#planSec .priceTtlBox .priceTime dd::before{ content: '/'; display: inline-block; width: 20px; }
#planSec .priceTtlBox .priceTime dd:nth-of-type(1)::before{ content: normal; display: inline-block; width: 1em; }
#planSec .priceTtlBox .priceDetail{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0.4em 0;}
#planSec .priceTtlBox .priceDetail dt{ background: #e61673; color: #FFF; padding: 0.2em 0.5em 0; margin-right: 0.5em; font-weight: normal; line-height: 1.4em; font-size: 80%;}
#planSec .priceTtlBox .priceDetail dd{ color: #3e3a39; font-size: 80%;}
#planSec .priceTtlBox .priceDetail dl:last-child{ margin:0;}

#planSec #frPlan h4 span{ color: #2271bc; letter-spacing: -0.03em; }
#planSec #frPlan .priceDetail dt{ background: #2271bc;}
#planSec #frPlan .priceDetail dd{ letter-spacing: -0.03em;}




#optSec1 .sectionInner .master{background-color:#BFEB21; background-size: 110%;  padding: 6% 3%;flex-direction: row-reverse;}
#optSec1 .sectionInner{padding:6% 0;}
#optSec1 .sectionInner .master .masterText{width: 79%; margin-left: 5%;}
#optSec1 h3{padding: 1em 0 0.5em 0; text-align: center; font-weight: normal; font-size: 190%; color: #4d4d4d;}
#optSec1 .sectionInner .clearfix{padding: 6% 3%;}
#optSec1 .master h4{font-weight:normal; font-size:100%; font-weight:bold; color:#1a1a1a; margin-bottom:0.6em;}
#optSec1 .clearfix h4{font-weight: normal; font-size: 100%; font-weight: bold; color: #1a1a1a; margin-top: 0; margin-bottom: 0.5em; text-indent: 1em; background: url(../schools/images/ico_small.png) left center no-repeat; background-size: 3%;}
#optSec1 p.txt{overflow: hidden; font-size:100%}
#optSec1 .master p img{float:left; margin-top: -3%; margin-right:2%; width: 100%; height:auto;}
#optSec1 .master .masterImg{width: 25%;}
#optSec1 .clearfix  img{float:right; margin-top: -30%; margin-right:2%; width:25%; height:auto;}
#optSec1 .sectionInner .clearfix{background-color: #fff;}
#optSec1 .clearfix  .txt{clear: both; overflow: hidden; font-size: 100%; color: #4d4d4d;  padding-top: 0.5em;}



#tokutenSec{}
#tokutenSec > h3{padding:1.5em 0 0 0; text-align:center; font-weight:normal; font-size:190%; color:#4d4d4d;}
#tokutenSec .sectionInner{padding:7% 5% 7% 5%;}
#tokutenSec .formBtnBlock .sectionInner{padding: 0;}
#tokutenSec ul{}
#tokutenSec ul li{ margin-bottom:3%;}
#tokutenSec .formBtnBlock ul li{margin-bottom: 0;}


#messeageSec {background: #fef9d1}

#messeageSec h4 {
    position: relative;
    background: #f8e117;
    color: black;
    padding: 0.8em 0;
    font-size: 5vw;
    margin-bottom: calc(0.4em + 26px);
    display: flex;
    justify-content: center;
}

#messeageSec h4:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin: auto;
    bottom: -23px;
    right: 0;
    left: 0;
    border-style: solid;
    border-width: 26px 70px 0 70px;
    border-color: #f8e117 transparent transparent transparent;
}

#messeageSec h4 img {
    margin: auto 1%;
    width: 20%;
    height: auto;
}

#messeageSec .messeageBox {
    width: 84%;
    margin: 5% auto;
    background: #fff;
    padding: 2%;
    border: 4px solid #ffe17e;
    flex-wrap: wrap;
}

#messeageSec .teacherInfoBox {
    width: 100%;
    display: flex;
    margin-bottom: 3%;
}

#messeageSec .teacherInfoBox .teacherImg {
    width: 25%;
}

#messeageSec .teacherNameBox {
    /* margin-bottom: 1em; */
    flex-wrap: wrap;
    width: 75%;
}

#messeageSec .teacherName {
    font-weight: bold;
    color: black;
    align-items: center;
    font-size: 4.2vw;
    padding-left: 3.5%;
    width: 100%;
    border-bottom: 1px dashed #ccc;
}

#messeageSec .teacherInfoBox .bkBox {
    background: black;
    color: white;
    height: 1.2em;
    font-size: 3.5vw;
    font-weight: bold;
    margin-right: 3%;
    padding: 5px 0.5em;
    line-height: 1.4;
    width: 16vw;
    text-align: center;
}

#messeageSec .teacherName .txtSizeS {
    margin-left: 0.5em;
}

#messeageSec #t_subject {
    align-items: center;
    justify-content: left;
    padding-left: 3.5%;
    width: 100%;
    font-size: 170%;
}

#messeageSec #t_subject li {
    margin: auto 0.5vw;
    width: 6vw;
    font-size: 3.5vw;
}

#messeageSec #t_subject li:first-child {
    margin-left: 0;
    width: 16vw;
    margin: auto 1.5vw auto 0;
}

#messeageSec #t_subject li img {
    vertical-align: middle;
    margin: 0px 1px;
}

#messeageSec #teacherComBox {
}

#messeageSec #teacherComBox dt {
    background: #f8e117;
    padding: 0.3em 0.5em;
    font-size: 4vw;
    font-weight: bold;
}

@media screen and (max-width: 380px) {
    #messeageSec .teacherInfoBox .teacherImg {width: 25vw;}

    #messeageSec .teacherNameBox {width: 75vw;}

    #messeageSec .teacherNameBox .bkBox {
        font-size: 3.5vw;
        padding: 5px 2vw;
        width: 16vw;
        margin-right: 2vw;
    }
    #messeageSec #t_subject li {
        margin: auto 0.5vw;
        width: 6vw;
    }

    #messeageSec #t_subject li:first-child {
        margin: auto 1.5vw auto 0;
    }

    #messeageSec #t_subject li img {
        vertical-align: -11%;
    }

}

#messeageSec #teacherComBox dd {
    padding: 2% 0;
    color: #000000;
    font-size: 3.2vw;
}

#messeageSec #descriBox {
    position: relative;
    background: #fdedbf;
    margin-top: 3em;
    padding: 1.5em 5% 2.5em 5%;
}

#messeageSec #descriBox dl {
    float: right;
    width: 720px;
}

#messeageSec #descriBox dt {
    color: #000;
    font-size: 6.5vw;
    font-weight: bold;
    line-height: 1.2;
    width: 60%;
    margin-bottom: 0.4em;
}

#messeageSec #descriBox dt span {
    color: #000;
    margin-left: 3vw;
    font-size: 65%;
    display: block;
}

#messeageSec #descriBox dd {
    font-size: 3.2vw;
    line-height: 1.5em;
    color: #000000;
    position: relative;
    text-align: justify;
}

#messeageSec #descriBox dd img {
    float: right;
    width: 40%;
    margin: -15% 0 0.7em 0.7em;
}

#messeageSec #descriBox dd.detailsInfo {
    margin: 0.5em auto 0;
    text-align: center;
}

#messeageSec #descriBox dd.detailsInfo a {
    position: relative;
    background: #fff;
    color: black;
    border: 1px solid;
    border-radius: 3em;
    margin: 0.5em 0;
    padding: 0.275em 2.5em 0.2em 2em;
    transition: ease-in-out 0.2s;
    text-decoration: none;
}

#messeageSec #descriBox dd.detailsInfo a:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-87%);
    -ms-transform: scale(1, 1.2) translateY(-70%) rotate(45deg);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    margin-left: 0.2em;
    border-style: solid;
    border-width: 6px 0 6px 10.4px;
    border-color: transparent transparent transparent #000;
}

#messeageSec #descriBox dd.detailsInfo a:hover {
    text-decoration: none;
    opacity: 0.6;
}

#messeageSec #descriBox p {float: right;}

#messeageSec #descriBox p#p_abu03 {
    position: absolute;
    left: 445px;
    bottom: -29px;
}

#enSec{ padding-top:7%;}
#enSec .sectionInner{ padding:0% 5% 7% 5%;}


#tmsgSec{
	background-color:#F99BBB;
	background-image: url(../schools/images/1701/back_message_b.png);
	background-position:left top;
	background-size:auto 100%;
	background-repeat:no-repeat;
}
#tmsgSec .sectionInner{padding:3% 3% 7% 37%; width: auto;}
#tmsgSec h3{padding:0; font-weight:normal; font-size:190%; color:#fff;}
#tmsgSec p{color:#fff;}


/*----------------------------------------------------------------------------
 ***                                                             ブログ掲載用
----------------------------------------------------------------------------*/
#blogSec{ width:80%; padding:5%; margin:0 auto 5%; background-color:#FFFEED; border:1px solid #46210C; border-radius:5px;}
#blogSec h2{ padding:2% 0; text-align:center; font-size:120%; background-color:#46210C; color:#fff;}
#blogSec #blogInner{ height:450px; padding:0 2.5% 0 0; margin:5% 0 0; overflow:auto;}
#blogSec dl{ margin:0 0 10%; padding:0 0 10%; border-bottom:2px dotted #999;}
#blogSec dt{ font-size:120%; color:#000; margin:0 0 2%; line-height:1.5em; color:#46210C;}
#blogSec dt strong{ font-size:130%; color:#000;}
#blogSec img{ width:50%; height:auto; float:right; margin:0 4% 0 0;}
#blogSec .blogTxt{ font-size:120%; line-height:1.7em; color:#000;}
#blogSec .signature{ font-size:100%; background-color:#fff; padding:4% 6%; margin:5% 0 0; color:#666; line-height:1.7em;}
#blogSec .signature li{ font-size:100%; font-weight:bold; color:#000; line-height:2em;}


/*----------------------------------------------------------------------------
 ***                                                                formsample
----------------------------------------------------------------------------*/
#sLBox2{background-color:#BFEB21; padding:0% 5% 7% 5%;}
#sLBox2 h3{padding:1.2em 0 0.2em 0; text-align:center; font-weight:normal; font-size:190%; color:#42210B;}
#sLBox2 h4{text-align:left; margin-top:1em; font-weight:normal;}
#sLBox2 .sectionInner{background-color:#fff; padding:1% 2%;}
#sLBox2 dt{margin-top:1em; font-size:150%;}
#sLBox2 dd textarea{font-size:160%; height:5em;}
#sLBox2 dd {margin-left:0em;}
#sLBox2 .select-box {
	border-radius: 5px;
	font-size: 160%;
	width:80%;
	text-align: left;
	text-indent: 0.2em;
	vertical-align: middle;
	xheight:1em;
}
 
#sLBox2 input {
	ime-mode:active; 
	width:90%; 
	border-radius: 5px;
	font-size: 160%;
	text-align: left;
	text-indent: 0.2em;
	vertical-align: middle;
	height:1em;
}
#sLBox2 #auto-addr{font-size:140%;}
#sLBox2 #Post {width:40%;}
#sLBox2 dd ul li{padding-bottom:0.5em;}	
#sLBox2 .address3{ margin-bottom:20px;}
#addHtxt{line-height:1.2em; display:block; padding:5px 0 0 0;}

#sLBox2 .tac{width:100%; text-align:center;}
input#subBtn{
	margin-top:1em;
	width:40%;
	height:60px;
	background:url(../schools/images/btn_send.png) center top no-repeat;
	background-size:auto 70% ;
	border:none;
	margin-bottom:1em;
}

/* お問い合わせセクション２　*/
#contact_top2{
	margin:0;
	padding:2% 0 2% 0; 
	background-color:#BFEB21;
	width:100%; 
	text-align:center;}
#contact_top2 ul{width:98%; margin:0 auto; padding-left:1%;}
#contact_top2 li.float{
	float:left;
	width:32.3%;
	padding-right:1%;
	margin-bottom:1%;
}
#contact_top2 li.last{
	padding-right:0;
}
#contact_top2 li.under{
	width:99%;
}

.content{margin:0;}


.kousya #openBox ul.listBox li{padding-top:0; padding-bottom:0;}



.sdw{
	background-image:url(../common_images/sdw01.png);
	background-repeat:repeat-x;
	background-position:top left;
	background-size:100% auto;
}

.sdw2{
	background-image:url(../common_images/sdw02.png);
	background-repeat:repeat-x;
	background-position:top left;
	background-size:100% auto;
}

.pdt7{ padding-top:7%;}

/*----------------------------------------------------------------------------
 ***                                                          header_fixed
----------------------------------------------------------------------------*/
header.schoolHeader .page_title h2 {
    display: none;
}

header.schoolHeader .page_title h1 span.h1TxtName {
    font-weight: normal;
    font-size: 220%;
    color: #000;
    line-height: 1.35em;
}

header.schoolHeader .hAddP {
    padding-top: 0em;
}

header.schoolHeader .page_title h1 span.h1TxtBrand {
    display: block;
}

header.schoolHeader .page_title .logoschool {
    display: none;
}



header.header_fixed {
    position: fixed;
    top: 0;
    left: 0;
    background-image: none;
    background-color: #FFF;
}

header.header_fixed .page_title h2 {
    display: block;
}

header.header_fixed #return {
    display: none;
}

header.header_fixed #breadcList {
    display: none;
}

header.header_fixed .hAddP {
    display: none;
}

header.header_fixed .flexBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -0.2em;
}

header.header_fixed .page_title {
    width: 80%;
}

header.header_fixed .page_title h1, header.header_fixed .page_title h2 {
    width: auto;
    font-size: 100%;
    text-indent: 0;
    margin: 0;
    padding: 0;
}

header.header_fixed .page_title h1 span.h1TxtName, header.header_fixed .page_title h2 span.headertxt {
    color: #605f60;
    font-size: 100%;
    display: inline-block;
    line-height: 1.5em;
}



header.header_fixed .headertxt{
    background:none;
}

header.header_fixed .page_title h1 span.h1TxtBrand {
    display: none;
}

header.header_fixed .flexBox h1 {
    position: relative;
    margin-right: 0.5em;
    margin-top: -0.7em;
}

header.header_fixed .flexBox h2 {
    margin-left: 0.5em;
}

header.header_fixed .flexBox h1:after {
    /* content: "";
    width: 1px;
    height: 1em;
    background: #605f60;
    line-height: 1em;
    position: absolute;
    top: 50%;
    right: -0.5em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%); */
}

header.header_fixed .page_title .logoschool {
    display: block;
    position: absolute;
    bottom: 0;
    left: 17%;
    width: 50%;
}

header.header_fixed .page_title {
    margin-left: 3%;
    margin-top: 3%;
}

header.header_fixed .page_title nav{
    padding-top: 0.7vh;
}

header.header_fixed .page_title nav img{
   width: 94%;
    margin-top: -0.7em;
}header.header_fixed .page_title h1 img{
    width: 65%;
    height: 100%;
}


/*----------------------------------------------------------------------------
 ***                                                          voiceSec
----------------------------------------------------------------------------*/

#voiceSec{ padding:3em 2%;}
#voiceSec h3{ text-align:center; font-size:200%; line-height:1.1em; margin-bottom:0.6em; }
#voiceSec h3 span{font-size:60%; color:#ffc2cb;}

#voiceSec .svBox{ color:#94657b; max-height:340px; overflow-y:auto;}
#voiceSec .svBox ul{ padding-bottom:70px;}
#voiceSec .svBox li{ width:93%; padding:0 3% 8%;}
#voiceSec .svBox .flexBoxL{ width:25%;}
#voiceSec .svBox .flexBoxL p{ margin-top:1em;}
#voiceSec .svBox .voiceTxtName{ text-align:center; font-size:90%; }
#voiceSec .svBox dl{ width:72%; margin-left:3%; box-shadow: 6px 6px 0px 0px #c1e8e0;  border:#94657b solid 3px; border-radius:5px; padding:3%;}
#voiceSec .svBox dt{ font-size:130%; font-weight:bold; line-height:1.1em; margin-bottom:0.3em; color:#6d2345;}
#voiceSec .svBox dd p{color:#6d2345;}
#voiceSec .svBox input{ display:none;}



/*----------------------------------------------------------------------------
 ***                                                          voiceSec
----------------------------------------------------------------------------*/

.cp_box1 { height:30px; width:100%; margin-top:-30px;}
.cp_box1 img{ width:100%; height:30px;}