/* 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: 9%;
    height: auto;
    margin-top: 2%;
}

/*追加*/
.schoolHeader .headertxt{
   font-size: 83%;
   font-weight: normal;
    background-color: #FFE500;
    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 #FFE500;
   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;
}

#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: 8px 6px 0 6px;
    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;
}

#basicSec .koushaTxt p span {
    margin-right: 0.2em;
    padding: 0.15em 0.4em;
    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;
}

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

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

#basicSec .commitment{
    position: relative;
}

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

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

#basicSec .commitment .character{
    position: absolute;
    width: 17.5%;
    bottom: 0;
    right: 0;
}

#basicSec .commitment p{
        font-size: 97%;
    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%, #ffe500 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: 90%;
    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;
    margin-bottom: 0;
}

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

.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: 120%;
    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 #FBD60D;
    -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 #FBD60D;
    -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;
}

/* #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;} */
#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%);
}

.shitopBtnSec {
    margin: 1.5em auto 2.5em;
}

.shitopBtnSec #submit_season {
    text-align: center;
}

#scInfoSec {
    margin-top: 6%;
}

#scInfoSec .sectionInner {
    padding: 3% 5% 2% 5%;
}

#scInfoSec h3 {
    color: #161b5f;
    font-size: 165%;
    font-weight: bold;
    margin-bottom: 6%;
}

#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% 10% 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: 100%;
    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 .kinrin_open {
    width: 13%;
    height: auto;
    float: right;
    cursor: pointer;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}

#kinrinSec .kinrin_open:hover {
}

#kinrinSec .scTitle {
    padding-bottom: 2%;
    border-bottom: #ccc 2px dotted;
}

#kinrinSec .openArea {
    display: none;
    background-color: #fff;
}

#kinrinSec .scList {
    padding: 2% 0;
    margin-bottom: 2%;
    line-height: 2em;
}

#kinrinSec .modoruBtn {
    text-align: right;
    padding-bottom: 3%;
    font-size: 120%;
    border-bottom: #ccc 2px dotted;
}

#kinrinSec .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.2em 0 0.7em;
    text-align: center;
    font-weight: normal;
    font-size: 190%;
    line-height: 1.2;
    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 #FAAB18;
    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%;
}

#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 #FFBD52;
    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.3em 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: #ffffff;
    border: 1px solid #ff7ba5;
    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 {
    border: 1px solid #85bf3f;
    color: #85bf3f;
}

#courseSec #highschoolArea .btnBox li a {
    border: 1px solid #3fa2ee;
    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 {
    background-color: #FFD800;
}

#optSec1 .sectionInner {
    padding: 6% 3% 6% 3%;
}

#optSec1 h3 {
    padding: 0;
    font-weight: bold;
    font-size: 110%;
    color: #1a1a1a;
    margin-bottom: 0.1em;
}

#optSec1 h4 {
    font-weight: normal;
    font-size: 100%;
    font-weight: bold;
    color: #1a1a1a;
    margin-bottom: 0.6em;
}

#optSec1 p.txt {
    overflow: hidden;
    font-size: 100%
}

#optSec1 p img {
    float: left;
    margin-top: 0;
    margin-right: 3%;
    width: 25%;
    height: auto;
}

#optSec2 {
}

#optSec2 h3 {
    padding: 1.5em 0 0 0;
    text-align: center;
    font-weight: normal;
    font-size: 190%;
    color: #4d4d4d;
}

#optSec2 .sectionInner {
    padding: 7% 5% 7% 5%;
}

#optSec2 .content {
    border-top: #666 2px dashed;
    padding: 1em 0;
}

#optSec2 .content:nth-of-type(2) {
    display: none;
}

#optSec2 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%;
}

#optSec2 p.caption {
    overflow: hidden;
    font-size: 100%;
    color: 333;
}

#optSec2 p.txt {
    clear: both;
    overflow: hidden;
    font-size: 100%;
    color: #4d4d4d;
    padding-top: 0.5em;
}

#optSec2 p img {
    float: right;
    margin-top: 0.3em;
    margin-right: 2%;
    width: 30%;
    height: auto;
}

#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 ul {
}

#tokutenSec ul li {
    margin-bottom: 3%;
}

#messeageSec {
    background: #fef9d1
}

#messeageSec h4 {
    position: relative;
    background: #f8e117;
    color: black;
    padding: 0.8em 0;
    font-size: 5vw;
    margin-bottom: calc(0.4em + 26px);
    /* align-items: center; */
    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 {
    /* padding-top:5px; */
    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 .teacherName {
        /* justify-content: left; */
        /* font-size: 4.2vw; */
    }

    width: 16vw; #messeageSec .teacherName .txtSizeS {
    }

    #messeageSec #t_subject {
        /* padding-left: 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 {
    }

    #messeageSec #teacherComBox dt {
    }
}

#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, #messeageSec #descriBox dd {
}

#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;
    /* padding-right:20px; */
}

#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: 177%;
    color: #fff;
    width: 90%;
    margin: 0 0 0 auto;
}

#tmsgSec p {
    color: #fff;
    width: 90%;
    margin: 0 0 0 auto;
}

/*----------------------------------------------------------------------------
 ***                                                             	blog
----------------------------------------------------------------------------*/
#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 {
    max-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: #FFD800;
    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: #FFD800;
    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;}