/* スマホのみ */
@media screen and (max-width: 900px){
	
	
	a.pcnone.list-back {
    background: #1e3154;
    color: #fff;
    margin-left: auto;
    display: block;
    width: 100px;
    text-align: center;
    margin-top: 15px;
    font-size: 13px;
    position: relative;
}
	.top-feature-flex {

    padding-top: 60px;
    margin-top: -60px;
}
	
	p.seng.scroll.fade-left {
font-size: 30px;
}
	p.sent {
    width: 100%;
}
	.voice h3 span {
    line-height: inherit;
}
	div.jisseki:before {
    width: 94%;

    left: 3%;

}
	.voice h3 {
    font-size: 18px;
}
	.kaso span.daigaku {
    font-size: 17px;
		    line-height: 1.8;
}
	.results-k .innner div {
    float: none;
}
	.results-k .entry-content {
    max-width: 100%;
		    overflow: visible;
}

		.results-k .innner div {
			    box-sizing: border-box;
    width: 100%;
    margin: 0 0 45px;
}
 
	#body .story-wrap.kaso article {
    width: 100%;
		    margin-bottom: 40px;
}
	.kaso .builder-posts-wrap.loops-wrapper.stories {
    display: block;
}
	.subject div#f-wrap .on div {
    padding: 15px 20px;
}
	.subject div#f-wrap .on div h5 {
    font-size: 17px;
}
	.voice .inner {
    width: 100%;
}
	.c-feat p.ilc {
    font-size: 15px;
    left: -10px;
    top: -20px;
}
	.right-wrap img.course-img {
    width: 100%;
}
	.about-flex .right-wrap {
    padding-top: 22px;
}
.course-flex .btn-flex {
    justify-content: center;
}
	a.fbtn {
    top: 0;
    font-size: 13px;
    width: 88px;
}
	h3.foot-school {
    font-size: 21px;
}
	#body div#s-wrap {
    padding-top: 70px;
    margin-top: -30px;
}
	p.ilc {
    font-size: 15px;
}
	@keyframes slow-in {
0% {opacity:0;     text-shadow: 0 0 0px #ffffff91, 0 0 0px #ffffff91;}
100% {opacity:1;text-shadow: 0 0 4px #ffffff91, 0 0 2px #ffffff91;}
}

.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
0% {opacity:0;     text-shadow: 0 0 0px #ffffff91, 0 0 0px #ffffff91;}
100% {opacity:1;text-shadow: 0 0 4px #ffffff91, 0 0 2px #ffffff91;}
}
	
	button#c2, button#c4 {
    border-left: 0;
}
	button#c1 {
    border: 0;
}
	.tab-wrap button {
    border-top: 1px solid #5c77a7;
}
	button#c1 {
    width: 100%;
}
	.tab-wrap button {
    width: 50%;
}
	.tab-wrap {
    flex-wrap: wrap;
}
	.vww2 {
    width: 100vw;
}
	#body .philo-flex div {
    width: 100%;
}

.philo-flex {
    flex-wrap: wrap;
    gap: 40px;
}
	
	span.namae {
    font-size: 11px;
    left: -3px;
}
	.skew img,.stand .skew img {
    max-width: 100%;
    max-height: 95%;
}
	ul.lect li {
    width: 25%;
}
	ul.lect {
    flex-wrap: wrap;
}
	#body div.kasoh .row_inner {
    background-image: url(https://rams-yobikou.com/wp-content/uploads/2023/03/page-title1-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
}
	ul.feature.school li {
    padding: 20px;
		font-size: 24px;
}
div.ins-video {
    width: 90%;
    height: 50vw;
    background: url(https://rams-yobikou.com/wp-content/uploads/2023/03/haikei.jpg);
    background-size: cover;
}
	
	h2.gokaku:before{display:none;}
	.voice {
    width: 90%;
    flex-wrap: wrap;
    gap: 60px;
}
	ul.feature.subject span {
    left: 0;
}
	ul.feature.subject li {
    padding: 20px;
}
	ul.feature.subject i {
    position: relative;
}
	.c-feat .inner {
    width: 100%;
}
.c-feat {
	gap: 60px;
    width: 90%;
    flex-wrap: wrap;
}
	h3.bo.scroll {
    margin: 0 0 15px;
    font-size: 20px;
}
	#body .top-about-flex ul {
    margin: 0;
}
	
	ul.list li {
    font-size: 15px;
}
	.moji-wrap p.big {
    font-size: 18px;
}
	.moji-wrap h2.sec-title {
    font-size: 22px;
}
#body .moji-wrap {
    padding: 20px 30px;
    width: 95%;
}
	.course-flex a.btn.blue {
    margin: 20px auto 0;
}
	.btn-flex {
    gap: 20px;
}
	btn-flex p {
    width: 100%;
}
	.course-flex p.sent.big {
    white-space: normal;
		    font-size: 18px;
}
	.course-flex {
    flex-wrap: wrap;
    width: 90%;
}
	.course-flex .left-wrap, .course-flex .right-wrap {
    width: 100%;
}
	.course-flex {
    flex-wrap: wrap;
}
	.left-inner {
    margin: 0 auto;
}
.spl p {
    text-align: left;
}
dl.history dd {
    margin: 0 0 30px;
}
dl.history dt:after {
display:none;
}
dl.history dt {
    position: relative;
}
	h1.kasot {
    font-size: 24px;
}
	.kajo ul li:before {
    top: 14px;
}
h2.sec-title.feature {
    font-size: 22px;
    line-height: 1.8;
}
.ft-wrap .left-wrap, .ft-wrap .right-wrap {
    width: 100%;
}
	
	.ft-wrap {
    flex-wrap: wrap;
		gap: 30px;
}
	.about-flex.right p.seng,p.seng {
    left: 0;
    font-size: 45px;
}
	.about-flex.right {
    flex-direction: column-reverse;
}
	.about-flex .right-wrap,.about-flex.right .left-wrap {
    width: 90%;
		    padding: 0;
}
.about-flex img {
    position: absolute;
    top: 0;
    width: 90%;
    margin: 0 auto;
    height: 90%;
    display: block;
    left: 0;
    right: 0;
}

.img-wrap {
    height: 0;
    padding-top: 66%;
    display: block;
    position: relative;
}

.about-flex .left-wrap ,.about-flex.right .right-wrap{
    width: 100%;
	    padding: 0;
}
.about-flex {
align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
	
	.kasoh .module.module-text {
    max-width: 90%;
}
	.back-block.sc {
    width: 75vw;
}
	img.fl-img {
    position: relative;
    right: 0;
    width: 90%;
    display: block;
    margin-left: auto;
}
	img.fl-img {
    position: relative;
    right: -5%;
}
	#body div.abs {
		    z-index: 1;
    left: 0%;
    width: 65%;
     top: 35vw;
}
	a.btn.mgt.left2.spcen {
    margin: 40px auto 0;
}
	p.big-back {
    font-size: 54px;
    top: -43px;
}
	p.sent {
    margin: 0 0 20px;
    width: 100%;
}
	.top-about-flex .left-wrap, .top-about-flex .right-wrap {
    width: 100%;
}
	.top-about-flex {
    flex-wrap: wrap;
    gap: 30px;
}
	img.foot-logo {
    max-width: 100%;
    margin: 0 auto 30px;
    display: block;
}
	.foot2 .left-wrap {
    margin-bottom: 60px;
}
	.foot2 .left-wrap {
    width: 100%;
}
	.foot2 .right-wrap {
    width: 95%;
}
	.foot1, .foot2 {
    width: 100%;
    flex-wrap: wrap;
}
	.cflex div {
    width: 100%;
}
	.cflex {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
}
	#footerwrap {
    background: none;
    background-color: #ffffff;
}
	
	#s-wrap .left-w {
    width: 100%;
}
	
	#s-wrap h4 span {
    top: 14px;
    left: -9px;
}
	#s-wrap h4 {
    font-size: 32px;
}
	.school-slide {
    margin-bottom: 50px;
}
	div#s-wrap div#s1.on, div#s-wrap div#s2.on {
    display: block;
}
	#s-wrap .right-w iframe {
    width: 100%;
    left: 0;
    height: 250px;
    position: relative;
}
	#s-wrap .right-w {
    width: 100%;
}
	#s-wrap .left-w
	ul.feature.school li {
    padding: 20px 30px;
}
	ul.feature.school span {
    left: 0;
}
	.top-feature-flex.school {
    width: 100%;
}
	.slick-prev:before ,.slick-next:before{
    width: 20px;
    height: 20px;
}
	.slick-prev, .slick-next {
    bottom: 0;
    top: unset;
}
	.teacher-slide .builder-posts-wrap {
    width: calc(100vw - 0px);
}
	.teach-wrap strong {
    font-size: 18px;
}
	
	.teach-wrap h3 {
    font-size: 30px;
}
	p.tanto {
    font-size: 12px;
}
	.teach-wrap h3 span {
    display: block;
    margin-left: 0;
}
	.teach-wrap div.right-wrap {
    width: 100%;
}
	.teach-wrap img {
    max-height: 226px;
}
.name-wrap {
    width: 50%;
    margin-left: 51%;
    height: 230px;
	    border-bottom: 0;
}
	.teach-wrap div.left-wrap {
    position: absolute;
    width: 50%;
    height: 230px;
    overflow: visible;}
	
.teach-wrap {
    display: block;
    padding: 0;

}
#body .teacher-slide article {
    width: 100vw;
    padding: 0 5vw;
    box-sizing: border-box;
}
	a.btn {
    font-size: 16px;
}
	
	a.fixb {
    width: 90px;
    height: 90px;
    right: 10px;
    bottom: 15px;
}
	span.hami {
		    text-align: right;
    font-size: 9px;
    width: 94px;
    bottom: -9px;
}
	span.mojie {
    font-size: 12px;
    top: 9px;
}
	span.mojiy {
    font-size: 14px;
    top: 22px;
}
	a.fixb {
    width: 90px;
    height: 90px;
}
	.back-g.sc {
    width: 99%;
}
.back-g {
    height: 200px;
    right: -5%;
    left: 0;
    margin-left: auto;
}
	div.spc {
    padding-right: 5%;
    padding-left: 5%;
}
	a.btn.left.spcen {
    margin: 0 auto;
}
	.story-wrap .slick-list.draggable{
		padding:0;
	}
	div.spvw {
    width: 90vw;
}
	#body .story-wrap article {
    margin: 0 2px;
}
	.slide-test{
		width:100vw;
	}
	#body .story-wrap article {
    width: unset;
}
	.left-margin .subrow_inner {
    flex-wrap: wrap;
}
	.left-margin div.last {
    width: 100vw;
}
	.left-margin div.first {
    width: 100%;
}
	.results img {
    width: 53px;
    height: 53px;
    top: 2px;
}
	div.bgw {
width: 80vw;
    margin: 0 auto;
}
	span.daigaku {
font-size: 14px;
}
	div.result-slider h5 {
    font-size: 16px;
}
a.big {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}	
	#body span.plus {
    top: 34px;
}
	ul.feature i {
    position: absolute;
    left: 10px;
}
	ul.feature span {
    font-size: 13px;
    width: 250px;
    left: -50px;
    position: relative;
}
	ul.feature span {
    font-size: 13px;
    width: 250px;
}
ul.feature li {
    font-size: 16px;
    padding: 20px 20px 20px 60px;
}
#body .top-feature-flex div#f-wrap {
    margin-top: -10px;
    padding-top: 70px;
}
#body .top-feature-flex div.left-wrap, #body .top-feature-flex div.right-wrap { 
    width: 90%;
    margin: 0 auto;
}

.top-feature-flex {
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
	p.big-catch.sc:before {
    width: 25px;
}
	p.sent.big {
    font-size: 18px;
}
	.top-about-flex .left-wrap {
    padding-top: 109px;
}
p.big-catch {
font-size: 22px;
	    padding: 0 10px 0 24px;
}
	h2.sec-title span {
    font-size: 16px;
}
	h2.sec-title {
    font-size: 25px;
}
	p.cc2 {
    font-size: 16px;
    left: -20px;
}
	
	p.cc.posi {
    top: -12px;
}
p.cc {
font-size: 24px;
    left: -21px;
}
	.cenl,.cenr {
    max-width: 90%;
    margin: 0 auto;
}
		table.contact th, table.contact td {
    width: 100%;
    display: block;
}
	table.contact td {
    padding: 0 0 16px;
}
		.hht h2.post-title.entry-title {
    width: 100%;
    float: none;
}
	.hht .entry-content {
    width: 100%;
    float: none;
}
.hht .post-date-wrap {
    float: none;
    padding: 0;
}
div.hht {
    padding: 15px;
}
  div.fullcover {
    background-attachment: scroll!important;
}
  div#wpadminbar {
    display: none!important;
}
    .snsicon {
    display: none;
}
  div#site-description {
    display: none;
}
div.smb20{
  margin-bottom:20px;
  }
  div.smb{
  margin-bottom:30px;
  }
  .top-news-row h2.post-title.entry-title {
    display: block;
}
  .top-news-row time.post-date.entry-date.updated {
    display: block;
}
  a.phone-no {
    font-size: 32px;
    line-height: 32px;
    padding: 0;
}
  p.middle-size-font {
    font-size: 16px;
    line-height: 26px;
}
			table.contact th, table.contact td {
    width: 100%;
    display: block;
}
  table.contact th {
    padding: 16px 0;
  }
table.contact td {
    padding: 0 0 16px;
    border: 0;
}

  .loops-wrapper.list-thumb-image .post-title {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}
	p , *{font-size:15px;}
	
}
/* スマホのみここまで */


    /* スマホテンプレ */
@media screen and (max-width: 680px){
      /* スマホグリッド２ */
.sp-row-2 .loops-wrapper.grid4 .post {
    width: 48.4%;
        margin-left: 3.2%!important;
    float: left!important;
        clear: none;
}
.sp-row-2 .loops-wrapper.grid4 .post:nth-of-type(2n+1) {
    margin-left: 0!important;
    clear: left;
}
  .loops-wrapper.grid4 h2.post-title.entry-title {
    font-size: 16px;
}
  /* スマホグリッド２ここまで */
        /* スマホフッターメニュー２ */
ul#menu-foot,ul#menu-foot2 {
    margin: 0 -5%;
  border-bottom: #666 solid 1px;
        margin-top: 10px;
}
ul#menu-foot li,ul#menu-foot2 li {
    width: calc(50% - 30.5px);
    float: left;
    display: block;
    clear: none;
    border-top: #666 solid 1px;
    padding: 5px 15px;
}
ul#menu-foot li:nth-child(odd),ul#menu-foot2 li:nth-child(odd){
      border-right: #666 solid 1px;
}
  #footer .widget_nav_menu h4.widgettitle {
    display: none;
}
    /* スマホフッターメニュー２ここまで */
}
    /* スマホテンプレここまで */


@media screen and (max-width: 440px){
	p.foot-text {
    text-align: left;
}
}