
/**********************************************************************
*
*縲縲 笆�繧､繝ｳ繝輔か繝槭�繧ｷ繝｣繝ｫ	/etc/infomercial.html
*
**********************************************************************/
#maincontents_cont.informar .iframe_cont {margin-bottom: 80px;}
#maincontents_cont.informar .iframe_box {position: relative;width: 100%;padding: 75% 0 0 0;}
#maincontents_cont.informar .iframe_box iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* --SP-- */
@media screen and (max-width: 750px) {
#maincontents_cont.informar .iframe_cont {width: 92%;margin: 0 auto 50px;}
}


/**********************************************************************
*
*縲縲 笆�tvcm	/etc/tvcm/
*
**********************************************************************/

#maincontents_cont #tvcm section {margin: 0 auto 50px;}
#maincontents_cont #tvcm section .sub_title {margin-bottom: 40px;}

/* --PC-- */
@media screen and (min-width: 751px) {
#maincontents_cont #tvcm {widtj: 800px;margin: 0 auto;}
}

/* --SP-- */
@media screen and (max-width: 750px) {
video {max-width: 100%;height: auto;}
}

/**********************************************************************
*
*縲縲 笆�蛟倶ｺｺ諠��ｱ菫晁ｭｷ
*
**********************************************************************/
#maincontents_cont #protect {line-height: 1.6;}
#maincontents_cont #protect h5 {font-weight: bold;}
#maincontents_cont a {color:hsla(0,1%,29%,1.00);  }
#maincontents_cont #protect ol li {margin-bottom: 20px;}
#maincontents_cont #protect ol li:last-child {margin-bottom: 20px;}
#maincontents_cont #protect .copyright {border: 1px solid #ccc;padding: 30px;}
#protect table.purpose {display:block;width: 100%;font-size:15px;line-height:1.3;margin:10px 0;}
#protect table.purpose tr th,
#protect table.purpose tr td {padding:10px;border:1px solid #ccc;vertical-align: middle;}
#protect table.purpose tr th {width: 50%;margin-bottom:10px;text-align:center;}

/* btn */
#maincontents_cont .kwskbtn a { color: #2d97d3; border: solid 2px #2d97d3; background: #fff; padding: 12px; display: block; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
#maincontents_cont .kwskbtn a .icon_arr { background: url(https://std-ie.jp/img/common/icon_circlearr.png) no-repeat right center; padding-right: 20px; font-weight: bold;}


/* --PC-- */
@media screen and (min-width: 751px) {
#maincontents_cont #protect {width: 800px;margin: 0 auto;}
#maincontents_cont #protect h4:nth-of-type(2) {margin-top: 70px;}
#maincontents_cont #protect .protect_tit {font-size: 16px;}
#maincontents_cont #protect h5 {font-size: 20px;margin: 30px 0 20px;}
#maincontents_cont #protect .copyright {margin: 40px 0;}
#maincontents_cont #protect .kwskbtn {width: 530px;margin: 50px auto;}
#maincontents_cont #protect .administrator {text-align: right;margin: 40px 0;}
}

/* --SP-- */
@media screen and (max-width: 750px) {
#maincontents_cont #protect section {padding: 4%;}
#maincontents_cont #protect h4:nth-of-type(2) {margin-top: 50px;}
#maincontents_cont #protect h5 {margin-bottom: 7px;}
#maincontents_cont #protect .protect_tit {margin: 4%;}
#maincontents_cont #protect ol li {margin-bottom: 10px;}
#maincontents_cont #protect .copyright {padding: 4%;}
#maincontents_cont #protect .kwskbtn {width: 92%;margin: 30px auto;}
#maincontents_cont #protect .administrator {margin: 4%;}
#protect table.purpose tr {display: block;}
#protect table.purpose tr th {display: block;width: auto;margin-bottom: 0;}
#protect table.purpose tr td {display: block;}
#protect table.purpose tr td:first-child {display: block;background: #ccc;}
}

/**********************************************************************
*
*縲縲 笆�莨夂､ｾ譯亥�/company.html
*
**********************************************************************/
.policy {background: url(https://std-ie.jp/img/etc/policy_bg.png) no-repeat center center;text-align: center;background-size: contain;}
.policy h3 {font-weight: bold;}
.policy h3 span {font-weight: bold;border-bottom: 2px solid #2d97d3;padding-bottom: 10px;display: inline-block;margin-top: 15px;}
.policy .tit {font-weight: bold;letter-spacing: 0.07em;}
.policy .txt {font-weight: bold;line-height: 1.9;}
.summary {margin-bottom: 50px;}
.summary table {width: 100%;}
.summary th, .summary td {line-height: 1.4;}
.summary th {font-weight: bold;}
.summary td a {color: #2d97d3;text-decoration: underline!important;}
.summary td a.window {background: url(https://std-ie.jp/img/etc/window.png) no-repeat center right;padding-right: 20px;}
.history dl dt  {font-weight: bold;line-height: 1.4;}

#map_canvas {width: 540px;height: 240px;}

/* --PC-- */
@media screen and (min-width: 751px) {
.policy {padding:80px 0;margin-bottom: 80px;}
.policy h3 span {font-size: 20px;}
.policy .tit {font-size: 37px; margin: 30px 0;}
.policy .txt {font-size: 17px;}
.summary tr:nth-child(2n) {background: #f7fcff;}
.summary th, .summary td {padding:20px;vertical-align: top;}
.summary td.summary td ul li {font-weight: bold;}
.history dl {overflow: hidden;}
.history dl dt {width: 100px;float: left;padding: 20px;}
.history dl dd {padding: 20px 20px 20px 100px;}
.history dl dd  {line-height: 1.4;}
.history dl dd:nth-of-type(2n) {background:#f7fcff;}
}

/* --SP-- */
@media screen and (max-width: 750px) {
.policy {padding: 50px 4%;background-size: cover;margin: 0 0 40px;}
.policy .tit {font-size: 1.2rem;margin: 20px 0;}
.policy .txt {line-height: 1.5;}
.summary {margin-bottom: 50px;}
.summary table, .summary tbody, .summary tr, .summary th, .summary td {display: block;}
.summary th {background: #f7fcff;}
.summary th {padding: 2% 4%;}
.summary td {padding: 6% 4%;}
.history dl {display: flex;display:-webkit-box;display:-ms-flexbox;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.history dl dt {padding: 4%;background:#f7fcff;width: 25%;}
.history dl dd {padding: 4%;width: 75%;}
#map_canvas {width: 100%;}
}

/**********************************************************************
*
*縲縲 笆�謳ｺ蟶ｯ繧ｵ繧､繝医↓縺､縺�※ /etc/mobile.html
*
**********************************************************************/
#mobile_cont .block {display: flex;display:-webkit-box;display:-ms-flexbox;display: -webkit-flex;align-items: flex-start;-webkit-align-items: flex-start;-ms-align-items: flex-start;}
#mobile_cont .block .txtbox .tit {display: inline-block;padding: 10px 30px;background: #2d97d3;color: #FFF;}
#mobile_cont .block .txtbox .txt {line-height: 1.5;}
#mobile_cont .block .txtbox .qrbox {display: flex;display:-webkit-box;display:-ms-flexbox;display: -webkit-flex;align-items: flex-start;-webkit-align-items: flex-start;}

#mobile_cont ul li {line-height: 1.4;font-size: 12px;color: #555555;}

/* --PC-- */
@media screen and (min-width: 751px) {
#mobile_cont .block {padding: 40px;}
#mobile_cont .block .txtbox .txt {margin: 20px 0;}
#mobile_cont .block .txtbox .qrbox .txt {margin-right:30px;}
}

/* --SP-- */
@media screen and (max-width: 750px) {
#mobile_cont .block {padding: 4% 4% 4% 0;}
#mobile_cont .block img {width: 30%;}
#mobile_cont .block .txtbox .tit {padding: 5px 10px;}
#mobile_cont .block .txtbox .txt {margin: 10px 10px 20px 0;}
#mobile_cont ul {padding: 4%;}
#mobile_cont ul li {font-size: 10px;}

}


/**********************************************************************
*
*縲縲 笆�繧医￥縺ゅｋ縺碑ｳｪ蝠�/etc/faq.html
*
**********************************************************************/
#maincontents_cont.faq .cont_tittxt {line-height: 3;}
#maincontents_cont.faq .cont_tittxt a {color: #2c97d5;text-decoration: underline!important;}
#maincontents_cont #qa_cont .qalist li {margin-bottom: 2px;}
#maincontents_cont #qa_cont .qalist li a {font-weight: bold;color: #2d97d3;text-decoration: underline!important;}
#maincontents_cont #qa_cont .qalist li .qbox { background : repeating-linear-gradient(315deg,
										 rgba(131, 201, 255, 0.88),
                                         rgba(131, 201, 255, 0.88) 6px,
                                         rgba(98, 191, 246, 0.78) 0,
                                         rgba(98, 191, 246, 0.78) 12px)
                                        /* #83c9ff,
                                         #83c9ff 6px,
                                         rgba(98, 191, 246, 0.82) 0,
                                         rgba(98, 191, 246, 0.82) 12px)*/;
/*background: #87ceeb*/ /*url(/img/common/tit_bg.gif) repeat;*/border:1px solid #EBE4E4;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;-ms-border-radius: 3px;}

#maincontents_cont #qa_cont .qalist li .qbox .icon {background: url(https://std-ie.jp/img/about/icon_open.png) no-repeat center right 20px;padding: 10px 60px 10px 30px;cursor: pointer;}

#maincontents_cont #qa_cont .qalist li .qbox.active .icon {background: url(https://std-ie.jp/img/about/icon_close.png) no-repeat center right 20px;}

#maincontents_cont #qa_cont .qalist li .qbox .qtxt { color:#003399;background: url(https://std-ie.jp/img/about/icon_q.png) no-repeat top left;padding: 15px 15px 15px 60px;line-height: 1.3;font-size: 17px;}

#maincontents_cont #qa_cont .qalist li .abox {background: /*#f2f7fa*/#FFFFE0;padding:20px 60px 20px 30px; border-bottom: solid 2px #dce1e4;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-o-border-radius: 6px;-ms-border-radius: 6px;}
#maincontents_cont #qa_cont .qalist li .abox .atxt {background: url(https://std-ie.jp/img/about/icon_a.png) no-repeat top left;padding: 5px 15px 5px 60px;line-height: 1.8;font-size: 14px; min-height: 50px;}
#maincontents_cont #qa_cont .qalist li .abox .atxt .notes { display: block; font-size: 10px; color: #BBB; margin-top: 8px;}
/* --PC-- */
@media screen and (min-width: 751px) {
#maincontents_cont #qa_cont .qalist {padding: 0 20px;}
#maincontents_cont #qa_cont .qalist li .qbox .qtxt {min-height: 50px;}
}

/* --SP-- */
@media screen and (max-width: 750px) {
#maincontents_cont #qa_cont .qalist {padding:0;}
#maincontents_cont #qa_cont .qalist li {margin-bottom: 2px;}
#maincontents_cont #qa_cont .qalist li .qbox .icon {padding: 4% 10% 4% 4%;background-size: auto 25px;background-position: center right 10px;}
#maincontents_cont #qa_cont .qalist li .qbox .qtxt {background-size: auto 30px;padding: 5px 15px 5px 40px; font-size:16px;}
#maincontents_cont #qa_cont .qalist li .qbox.active .icon {padding: 4% 10% 4% 4%;background-size: auto 25px;background-position: center right 10px;}
#maincontents_cont #qa_cont .qalist li .abox { padding: 4%;}
#maincontents_cont #qa_cont .qalist li .abox .atxt {background-size: auto 30px;padding: 5px 0 5px 40px;}
}

/**********************************************************************
*
*縲縲 笆�髢区�｡繝ｻ遘ｻ霆｢諠��ｱ/etc/open.html
*
**********************************************************************/

.open_list .line {background: #f7fcff;}
.open_list .line h4 span {background: #e5f5ff;font-weight: bold;padding: 15px;display: inline-block;width: 100%;}
.open_list .line .box {padding: 7px 17px;color: #fff;font-weight: bold;}
.open_list .line .box.open{background: #fbc134;}
.open_list .line .box.move {background: #43bafe;}
.open_list .classroom {line-height: 1.5;margin: 10px 0;}
.open_list .classroom a {color: #2c97d5;text-decoration: underline!important;}

/* --PC-- */
@media screen and (min-width: 751px) {
.open_list .line {display: flex;display:-webkit-box;display:-ms-flexbox;display: -webkit-flex;align-items: center; -webkit-align-items: center;height: 45px;}
.open_list {margin: 40px 0;}
.open_list .line h4  {width: 70px;}
.open_list .line .date {padding: 0 20px;}
.open_list .classroom {padding-left: 185px;}
}
/* --SP-- */
@media screen and (max-width: 750px) {
.open_list {margin: 0 0 50px;}
.open_list li {margin-bottom: 20px;}
.open_list .line h4 {width: 100%;}
.open_list .line h4 span {width: 100%;border-left: 10px solid #e5f5ff;padding: 15px 2% 15px 3%;}
.open_list .line .date {width: 50%;display: inline-block;padding: 15px 2% 15px 3%;font-weight: bold;border-left: 10px solid #f7fcff;}
.open_list .line .box {display: inline-block;padding: 5px 10px;}
.open_list .classroom {padding-left: 3%;border-left: 10px solid #fff;}
.open_list .classroom p {line-height: 2;}
}


/**********************************************************************
*
*縲縲 笆�繧ｵ繧､繝医�繝�� /etc/
*
**********************************************************************/
span.att_txt {display: block;margin-top: 8px;color: #595757;font-size: 14px;}
span.sub_txt {color: #2C97D5;font-size: 20px;}

#sitemap_cont p a {font-weight: bold;font-size: 17px;color: #252525;}
#sitemap_cont .block .list li a {color: #252525;position: relative;padding-left: 19px;}
#sitemap_cont .block .list li a:before {display: block;content: "";position: absolute;top: 50%;left: 0;width: 0;height: 0;margin: -3px 20px 0 0;border-top: 8px solid #2c97d5;border-left: 8px solid transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#sitemap_cont .block #area_list li h3 a {font-weight: bold;font-size: 17px;color: #252525;}

#sitemap_cont .block #area_list li .classroom_list li a.high-s {color: #2C97D5;}
#sitemap_cont .block #area_list li .classroom_list li a {color: #252525;position: relative;padding: 7px 7px 7px 19px;display: block;}
#sitemap_cont .block #area_list li .classroom_list li a:before {display: block;content: "";position: absolute;top: 50%;left: 0;width: 0;height: 0;margin: -3px 20px 0 0;border-top: 8px solid #2c97d5;border-left: 8px solid transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#maincontents_cont .mainimg img { text-align: center; margin:10px 0;}


.block .mainimg img { text-align: center; margin:10px 0;}
.block p{ font-size:16px; line-height:1.3; color:rgba(88,88,88,1.00); margin:10px 20px; }
.education_policy_txt .att_txt{ font-size:13px; line-height:1.3; color:rgba(88,88,88,1.00); }
.education_policy_sub{ font-size:19px; line-height:2;   font-weight:600; color:rgba(19,19,19,0.91); }
.block .education_policy_sub{ font-size:19px; line-height:2;   font-weight:600; color:rgba(19,19,19,0.91); padding-left:20px;  display: block;}
.education_policy_t{ font-size:17px; line-height:2; color:rgba(88,88,88,1.00); font-weight:600; padding-left:20px; display: block; padding-top:6px;}


/* --PC-- */
@media screen and (min-width: 751px) {
#sitemap_cont p {margin: 16px 0;pointer-events: none;}
#sitemap_cont p a {position: relative;padding-left: 33px;pointer-events: auto;}
#sitemap_cont p a:before {display: block;content: "";position: absolute;top: 50%;left: 0;width: 23px;height: 23px;margin-top: -13px;border-radius: 50%;background: #2d97d3;}
#sitemap_cont p a:after {display: block;content: "";position: absolute;top: 50%;left: 9px;width: 0;height: 0;margin-top: -7px;
border: 5px solid transparent;border-left: 7px solid #fff;}
#sitemap_cont .block .list {padding: 0 15px 15px 15px;}
#sitemap_cont .block .list li {margin: 10px 0;}
#sitemap_cont .block .list {display: block!important;}
#sitemap_cont .block {padding: 20px;overflow: hidden;}
#sitemap_cont .block .block_inner {width: 50%;float: left;}
#sitemap_cont .block #area_list li h3 {}
#sitemap_cont .block #area_list li h3 a {position: relative;padding-left: 33px;}
#sitemap_cont .block #area_list li h3 a:before {display: block;content: "";position: absolute;top: 50%;left: 0;width: 23px;height: 23px;margin-top: -13px;border-radius: 50%;background: #2d97d3;}
#sitemap_cont .block #area_list li h3 a:after {display: block;content: "";position: absolute;top: 50%;left: 9px;width: 0;height: 0;margin-top: -7px;
border: 5px solid transparent;border-left: 7px solid #fff;}
#sitemap_cont .block #area_list li .classroom_list {display: block!important;padding: 15px 0 15px 15px;margin-bottom: 20px;}
#sitemap_cont .block #area_list li .classroom_list li {display: inline-block;margin-right: 20px;}
}
/* --SP-- */
@media screen and (max-width: 750px) {
#wrap #sitemap_cont .sub_title {margin-bottom: 0;}
#sitemap_cont p {padding: 4%;cursor: pointer;border-bottom: 1px solid #DDD;position: relative;}
#sitemap_cont p a {font-size: 1rem;}
#sitemap_cont p.sprink {padding: 0;}
#sitemap_cont p.sprink a {display: block;padding: 4%;}
#sitemap_cont p.sprink:after {display: block;content: "";position: absolute;top: 50%;right: 0;width: 0;height: 0;margin: -3px 20px 0 0;border-top: 8px solid #2c97d5;border-left: 8px solid transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#sitemap_cont p:after {display: block;content: "";position: absolute;top: 50%;right: -3px;width: 0;height: 0;margin: -3px 20px 0 0;border-top: 8px solid #2c97d5;border-left: 8px solid transparent;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
#sitemap_cont .block {margin-bottom: 50px;}
#sitemap_cont .block .list li {border-bottom: 1px solid #DDD;padding-left: 4%;}
#sitemap_cont .block .list li a {display: block;padding: 4%;}
#sitemap_cont .block #area_list li h3 {padding: 4%;cursor: pointer;border-bottom: 1px solid #DDD;position: relative;}
#sitemap_cont .block #area_list li h3:after {display: block;content: "";position: absolute;top: 50%;right: -3px;width: 0;height: 0;margin: -3px 20px 0 0;border-top: 8px solid #2c97d5;border-left: 8px solid transparent;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
#sitemap_cont .block #area_list li h3 a {font-size: 1rem;}
#sitemap_cont .block #area_list li .classroom_list {}
#sitemap_cont .block #area_list li .classroom_list li {border-bottom: 1px solid #DDD;padding-left: 4%;}
#sitemap_cont .block #area_list li .classroom_list li a {display: block;padding: 4%;}

.education_policy_txt span.att_txt {word-break: break-all; font-size:13px;  color:rgba(88,88,88,1.00); }


}
/**********************************************************************
*
*縲縲 笆�MAP霑ｽ蜉�CSS
*
**********************************************************************/

.relation_posts {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  margin: 0 0px 50px;
}
.relation_posts img {
  max-width: 100%;
  height: auto;
}
.relation_posts > div {
overflow:hidden;
width: 267px;
padding: 25px;
border: 1px solid #dddddd;
position: relative;
}
.relation_posts .text {
  padding: 1em 0.5em;
  line-height: 1.5;
  height: 6.6em;
  overflow: hidden;
  font-size: 16px;
}
.relation_tip a {
  display: block;
  color: #000;
}
.relation_posts .text:after {
  position: absolute;
  content: "邯壹″繧定ｪｭ繧";
  color: #168ed2;
  font-weight: bold;
  padding-left: 0.5em;
  right: 0.5em;
  bottom: 1em;
  display: inline-block;
}
.relation_posts img {
  vertical-align: top;
}
.relation {
  margin: 100px auto 0;
}

.relation_link {
  text-align: center;
}
#maincontents_cont .relation_link a {
display: inline-block;
background: #168ed2;
border-radius: 5px;
color: white;
	font-size: 17px;
font-weight: bold;
padding: 1.2em 3.5em 1.2em 2.5em;
position: relative;
}
.relation_link a:after {
content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 3px #FFF;
border-right: solid 3px #FFF;
position: absolute;
right: 1em;
top: 50%;
margin-top: -6px;
transform: rotate(45deg);
}
/* --PC-- */
@media screen and (min-width: 751px) {
}
/* --SP-- */
@media screen and (max-width: 750px) {

	.relation_posts {
display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 2.5% 50px;
	}
	.relation_posts > div {
    width: 49%;
    padding: 4%;
    margin-bottom: 10px;
	}
	.relation_tip a {
    display: block;
    color: #2e2e2e;
	}
	.relation_posts .image {
margin: 0;
    padding: 0;
    border-width: 0px;
    border-style: none;
    border-color: #ffffff;
    color: #ffffff;
    background: transparent;
    -webkit-transition: opacity 1.4s ease;
    -moz-transition: opacity 1.4s ease;
    transition: opacity 1.4s ease;
    backface-visibility: hidden;
	}
	.relation_posts .text {
    font-size: 0.9rem;
    padding-bottom: 1.5em;
    height: auto;
    padding-top: 0.8em;
	}
	.relation_posts .text:after {
		bottom: 0.6em;
		line-height: 1;
		right: 1em;
	}
}
