/*
Theme Name: kaio
Description: 
Author: RAデザイン
Template: lightning
Version: 1.0.0
*/



body{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

li a, p a {
    text-decoration: none;
}
a:hover, p a:hover {
   opacity: .7;
}
.al-c{
	text-align: center!important;
}
.al-l{
	text-align: left!important;
}
.al-r{
    text-align: right;
}
.row-inner {
    align-items: center;
}
.row-inner-b{
    align-items: flex-end;
}

/*アニメーション
=========================*/




*:popover-open {
border: none;
    text-align: center;
    min-width: auto;
padding: 8px 0 0;
}
*::backdrop {
  background-color: rgba(0, 0, 0, 0.8);
}
video{
	width: 100%;
}
button {
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  width: auto;
  overflow: visible;
  background: transparent;
}
.open-button img{
    border-radius: 25px;
}

.close-button {
  background: white;
  position: absolute;
  right: 0;
  top: 0;
}
.fade_in {
  animation: fadeIn 1.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
 
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.slideinTop {
  animation: slideinTop 1s;
}

@keyframes slideinTop {
  0% {
    transform: translateY(-60px);
  }
  100% {
    transform: translateY(0);
  }
}
.slideinBottom {
  animation: slideinBottom 1s;
}

@keyframes slideinBottom {
  0% {
    transform: translateY(60px);
  }
  100% {
    transform: translateY(0);
  }
}
.slideinLeft {
  animation: slideinLeft 1s;
}

@keyframes slideinLeft {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(0);
  }
}


.slideinRight {
  animation: slideinRight 1s;
}

@keyframes slideinRight {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(0);
  }
}

/*TOP
=========================*/
.fv-pc{
  height:100svh;
    background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/main-pc.jpg) !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center !important;
    overflow: hidden;
	position: relative;
}
.fv-sp{
  height:100svh;
    background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/main-sp.jpg) !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center !important;
	position: relative;
}

.fv-1sp{
position: absolute;
    top: 18%;
    left: 0;
    right: 0;
    margin: auto;
    max-width:90%;
}

.fv-2sp{
position: absolute;
    top: 48%;
    left: 2%;
    max-width:46%;
}
.fv-3sp{
    position: absolute;
    top: 53%;
    right: 0;
    max-width: 55%;
}
.fv-4sp{
    position: absolute;
    top: 76%;
    left: 1%;
    max-width: 57%;
	z-index: 2;
}



/*アニメーション*/
.animation{
  animation: dokundokun 1500ms ease;
}

@keyframes dokundokun {
  0%  { transform: scale(1); }
  15% { transform: scale(1.2); }
  30% { transform: scale(1); }
  45% { transform: scale(1.2); }
  70% { transform: scale(1); }
}


.fv-1{
position: absolute;
   margin: auto;
    top: 9%;
   left: 0;
   right: 0;
    max-width: 36vw;
}
.fv-2{
position: absolute;
    top: -3%;
    left: 3%;
    max-width: 25vw;
}
.fv-3{
position: absolute;
    top: 37%;
    left: 1%;
    max-width: 22vw;
}
.fv-4{
position: absolute;
    top: 41%;
    left: 39%;
    max-width: 26vw;
}
.fv-5{
position: absolute;
    top: 0%;
    right: 6%;
    max-width: 24vw;
}
.fv-6{
    position: absolute;
    top: 54%;
    right: 0%;
    max-width: 23vw;
}

.fv-7{
position: absolute;
    bottom: 2%;
    left: 9%;
    max-width: 43vw;
}
.fv-8{
        position: absolute;
        bottom: 5%;
        left: 58%;
        max-width: 21vw;
}
.top-wrap{
    max-width: 1680px;
    margin: -30px auto 0;
    padding: 0 30px;
    z-index: 2;
    position: relative;
}
#page_top {
    position: fixed;
    right: 30px;
    width: 137px;
    height: 137px;
    z-index: 12;
}
#contact-btn img {
    position: fixed;
	top:18%;
    right: 0;
    width: 75px;
	z-index: 10;
}
#contact-btn img.contact-btn {
	z-index: 11;
}
#contact-btn:hover{
    opacity: 1!important;
}
#contact-btn:hover img.contact-btn{
    opacity: 0!important;
}
.next-prev {
    content-visibility: auto;
    display: flex;
    align-items: center;
}
.next-prev a{
    width: 120px;
    height: auto;
    display: block;
}
.next-prev a:has(.next){
	float: right;
	margin-left: auto
}



iframe { border-radius: 25px;
}
.al-c{
	text-align: center;
}

.keio-hed h2{
	padding:0;
	border:none;
font-weight: 600;
    color: #E83F28;
    font-size: 2em;
    margin: 40px 0 0;
}
.keio-hed p{
    font-size: 1.3em;
    font-family: "Zen Maru Gothic", serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.05em;
}
.inner-wrap2{
	max-width: 1100px;
	padding:0 15px;
	margin: 70px auto;
}

	.keio-p{
	padding: 70px 15px!important;
	}	
.inner-wrap{
	max-width: 1100px;
	padding:0 15px;
	margin: 90px auto;
}
.gray-back{
	overflow: hidden;
	background: #EDEAE4;
}
.mvbox img{
	border-radius: 25px;
}

h2.class-hed{
	border:none;
	margin: 1.5em 0 1.5em;
	text-align: center;
}
.class-img img{
	border-radius: 25px;
}

.row.class-img{
    margin-right: -40px;
    margin-left: -40px;
}
.row.class-img .col-lg-6{
    padding:0 40px;
    margin-top: 60px;
}
.row.class-img .col-lg-12{
    padding:0 40px;
}
.class-img{
	position: relative;
}
.class-img .class-icon {
    position: absolute;
    top: -30px;
    left: -10px;
    max-width: 120px;
}


a.btn{
    font-weight: 600;
    display: block;
    width: 315px;
    padding: 20px 0 20px 30px;
    margin: 0 auto;
    color: #fff !important;
    background-image: linear-gradient(0deg, rgba(204, 0, 0, 1) 48%, rgba(226, 50, 32, 1) 48%);
    border-radius: 10px;
    text-align: left;
    font-size: 18px;
    position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a.btn:hover{
  opacity: 1!important;
}
a.btn::before,
a.btn::after{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a.btn::before{
  right: 28px;
  width: 19px;
  height: 1px;
  background: #ffffff;
}
a.btn::after{
  right: 29px;
  width: 16px;
  height: 16px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
a.btn:hover::before{
  right: 18px;
}
a.btn:hover::after{
  right: 19px;
}
 .row.class-img {
   margin-bottom: 60px;
 }

/*新着情報*/
.news-list {
	padding: 0;
	margin-bottom: 60px;
	text-align: left;
    margin-top: 120px;
}
.news-list p {
	border-bottom: solid 1px #d6d6d6;
	padding-bottom: 10px;
	margin-bottom: 26px;
	    line-height: 1.75;
}
.news-list .news-p {
    background-size: 10px 2px;
    background-image: linear-gradient(to right, #E33522 6px, transparent 6px);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-bottom: 5px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    line-height: 1.7;
}

.news-list a {
	color: #191919;
	text-decoration: none;
}
.news-list .nstxt {
	width: 200px;
	color: #7C7C7C;
	letter-spacing: 0.05em;
	padding-right: 26px;
    line-height: 1.7em;
	font-weight: 500;
  font-family: "Helvetica", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;

}


ul.list,ul.list ul,ul.list li{
	display:inline-block;
		padding-left:0;
	margin-bottom:0;
	margin-top:0;
}
.news-list .news-p .nsttl{
	margin: 12px 0 3px;
	letter-spacing: 0.03em;
}
ul.list li{
	margin-right: 20px;
}
.news-list .news-p .nstxt{
	padding: 0 20px;
    margin-bottom: 5px;
    vertical-align: bottom;
}
ul.list li {
    background: #E33522;
    font-size: .85em;
    color: #fff;
    font-weight: 500;
    border-radius: 5px;
    padding: 0px 9px 0px;
    line-height: 1.7;
    width: 85px;
    text-align: center;
}

h2.news{
    padding: 0;
    border: none;
    text-align: left;
    margin: 0 0 -60px;
}
h2.news img{
	width: 165px;
}
.news-p{
	position: relative;
}
.news-p::before {
    right: 27px;
    width: 19px;
    height: 1px;
    background: #E83F28;
}
.news-p::before, .news-p::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.news-p::after {
    right: 28px;
    width: 16px;
    height: 16px;
    border-top: 1px solid #E83F28;
    border-right: 1px solid #E83F28;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.news-p:hover::before{
  right: 13px;
}
.news-p:hover::after{
  right: 14px;
}





.guidance-back{
    background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/guidance-back.jpg) !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center !important;
    overflow: hidden;
}
.xo-event-calendar table.xo-month .month-dayname td div.today{
	color:#333;
}
.guidance a{
	color:#333333;
}
h2.guidance{
	text-align: center;
	border:none;
	padding: 0;
}
h2.guidance img{
	max-width: 400px;
}
.guidance-back a.btn {
    font-weight: 600;
    display: block;
    width: 100%;
    padding: 35px 0px 35px 0px;
    margin: 0 auto;
    color: #fff !important;
    background-image: linear-gradient(0deg, rgba(204, 0, 0, 1) 48%, rgba(226, 50, 32, 1) 48%);
    border-radius: 10px;
    text-align: center;
    font-size: 24px;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.guidance-back .col-lg-6{
	padding:0 30px;
}
.guidance-back a.btn::before{
  right: 35px;
  width: 24px;
  height: 1px;
  background: #ffffff;
}
.guidance-back a.btn::after{
  right: 37px;
  width: 16px;
  height: 16px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.guidance-back a.btn:hover::before{
  right: 20px;
}
.guidance-back a.btn:hover::after{
  right: 22px;
}
.guidance-back h3{
  color:#fff;
	border:none;
	padding:0;
	text-align: center;
    letter-spacing: 0.03em;
    font-size: min(2.5vw, 42px);
	margin-bottom: 1.5em;
}
.guidance-back h3:after{
	display:none;
}
.guidance-back h3 span{
    border-bottom: solid 2px #fff;
    padding-bottom: 7px;
}
.guidance-back p{
  color:#fff;
}
.footer-back .inner-wrap{
max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: -56px;
    z-index: 2;
    left: 50%;
    transform: translate(-50%, -0%);
}
.footer-link{
    background-image: linear-gradient(0deg, rgba(227, 152, 9, 1) 49%, rgba(252, 200, 6, 1) 51%);
    padding: 45px 0;
    border-radius: 10px;
    text-align: center;
}
.footer-link span{
margin-left: min(1.5vw, 28px);
    margin-right: min(1.5vw, 28px);
}
.footer-link span a{
    color: #191919;
    font-weight: 600;
    padding: 0px;
}

.footer-back{
	background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/footer-back.jpg) !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center !important;
    height: 0;
    position: relative;
}
.page-id-94 .footer-back{
    height: 37vw;
}

.site-footer p {
    font-size: 16px;
    color: #fff!important;
	font-weight: 600;
    line-height: 1.8;
}
.site-footer p a{
    color: #fff!important;
}
.site-footer .inner-wrap .footer-text{
    line-height:2.3;
    margin-bottom: 3em;
	font-size: 17px;
}
.footer-text span{
    border-bottom: solid 1px #fff;
	padding-bottom: 5px;
}
.site-footer {
    border: none;
    background: #E83F28;
}
.site-footer p img{
    margin-bottom: -5px;
	width: 90px;
}
.site-footer .inner-wrap {
    margin: 110px auto 20px;
    max-width: 1300px;
}

.site-footer-copyright{
	color:#FFA99D;
	text-align: center;
    padding-bottom: 35px;
}
.site-footer .footer-title{
    font-size: 24px;
}
.vk-mobile-nav-menu-btn {
    display: none!important;
}


.page-top {

  opacity: 0!important;
}

.page-top.is-hidden {
  opacity: 1!important;
}

/*固定ページ
=========================*/
.site-body{
	padding-top:5rem;
}
	
.page-hed {
    background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/page-hed-approach.jpg) !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center !important;
    overflow: hidden;
    height: 500px;
    position: relative;
}
.page-id-105 .page-hed {
    background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/page-hed-recruit.jpg) !important;
}
.page-id-108 .page-hed {
    background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/page-hed-qa-voice.jpg) !important;
}
.page-id-132 .page-hed {
    background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/page-hed-preschool.jpg) !important;
}
.page-id-138 .page-hed {
    background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/page-hed-guidance.jpg) !important;
}
.page-id-172 .page-hed {
    background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2025/02/page-hed-about.jpg) !important;
}
.page-id-213 .page-hed {
    background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/page-hed-contact.jpg) !important;
}
.page-id-216 .page-hed {
    background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/page-hed-contact.jpg) !important;
}
.page-id-218 .page-hed {
    background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/page-hed-contact.jpg) !important;
}

.page-id-224 .page-hed {
    background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/page-hed-preschool-1.jpg) !important;
}
.page-id-226 .page-hed {
    background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/page-hed-preschool-1.jpg) !important;
}
.page-id-228 .page-hed {
    background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/page-hed-preschool-1.jpg) !important;
}

.archive .page-hed {
    background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/page-hed-news.jpg) !important;
}
.single .page-hed {
    background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/page-hed-news.jpg) !important;
}


.error404 .page-hed {
    background-image: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/page-hed-notfound.jpg) !important;
}


.archive .news-list{
	margin: 2em 0 7em!important;
}

.page-title {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 58%;
    left: 50%;
    color: #fff;
    font-weight: 600;
    font-size: 2.5em;
    letter-spacing: 0.08em;
    text-align: center;
    line-height: 1.6;
}
.page-title span {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0em;
    display: block;
	    font-family: "Zen Maru Gothic", serif;
}
.site-body p{
    line-height: 2em;
}
p.approach span{
    background: #3658A4;
    color: #fff;
    padding: 0 7px;
    border-radius: 7px;
    margin-bottom: 10px;
    display: inline-block;
}
p.approach.appred span{
    background:#E83F28;
}
.approach-p{
	padding: 30px 0 90px;
    text-align: center;
}
.approach-a{
	padding: 70px 0 90px;
    text-align: center;
}
.site-body h2{
	display:inline-block;
	border:none;
	border-bottom: solid 2px #000;
	padding:0 0 5px;
margin-top: 30px;
}

.site-padding{
	padding-top:50px;
}
table.recruit{
	border:none;
}
table.recruit th{
	border:none;
	border-bottom: solid 2px #000;
    padding: 16px 25px;
font-size: 1em;
	text-align: left;
}
table.recruit th {
    padding: 16px 10px;
    width: 16%;
}
.page-id-105 table.recruit td{
	border:none;	
	border-bottom: solid 1px #9F9F9F;
    padding: 16px 25px;
font-size: 1em;
}
.page-id-138 table.recruit td{
	border:none;	
	border-bottom: solid 1px #9F9F9F;
    padding: 16px 25px;
font-size: 1em;
}

/*よくある質問*/
.faq-li dl dt {
    padding: 5px 0 25px 60px;
    background: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/q.png) no-repeat;
    color: #404040;
    margin: 10px 0 0px;
    font-weight: bold;
    border: none;
    font-size: 20px;
    background-size: 45px;
}
.faq-li dl dd {
padding: 0 0 30px 60px;
    background: url(http://keio-kids.main.jp/test/wp-content/uploads/2024/12/a.png) no-repeat;
    margin: 0;
    border: none;
    font-size: 15px;
    line-height: 2.2;
    letter-spacing: .05em;
    background-size: 45px;
}
.faq-li.guidance dl dt {
    padding: 15px 0 15px 100px;
    background:#FFFDC4;
    color: #404040;
margin: 0 0 15px;
    font-weight: bold;
    border: none;
    font-size: 20px;
    background-size: 45px;
	border-radius: 50px;
}
.faq-li.guidance dl dd {
padding: 0 0 10px 100px;
    background:#fff;

    border: none;
    font-size: 15px;
    line-height: 2.2;
    letter-spacing: .05em;
    background-size: 45px;
}
.faq-li.guidance dl dt {
    position: relative;
}
.faq-li.guidance dl dt img{
position: absolute;	
    top: -10px;
    left: 0px;
    width: 80px;
}



/*保護者の声*/
.voice{
    border: solid 2px #E83F28;
    border-radius: 15px;
    padding: 50px 30px 0px;
    position: relative;
    margin-top: 40px;
    height: 420px;
}

.voice.blue{
	border:solid 2px #3658A4;
}
.voice.green{
	border:solid 2px #53BF72;
}
.voice h3{
	padding: 0;
	padding-left: 20px;
	border:none;
	color:#E83F28;
    width: 75%;
}
.voice.blue h3{
	color:#3658A4;
}
.voice.green h3{
	color:#53BF72;
}

.voice h3:after{
	display:none;
}

.voice .voice-1{
    position: absolute;
    top: 27px;
    width: 25px;
    left: 27px;
}
.voice .voice-3{
    position: absolute;
    bottom: 0px;
    right: 27px;
    width: 100px;
    text-align: right;
}
.voice .voice-1{
    position: absolute;
    top: 27px;
    width: 25px;
    left: 27px;
}

.voice .voice-01{
    position: absolute;
    top: -25px;
    width: 100px;
    right: -15px;

}
.site-body {
        padding-bottom: 6rem;
    }
table.info p{
	margin: 0;
}
/* XO Event Calendar ------------------------- */
 
.xo-event-calendar {
    margin: 0 auto;
}
.xo-months {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.xo-month-wrap {
    width: 47%; 
}
@media screen and (max-width: 599px) {
    .xo-event-calendar {
        width: 100%; 
    }
    .xo-months {
        display: block;
    }
    .xo-month-wrap {
        width: 100%; 
    }
}
.preschool{
	margin:0;
}
.preschool .col-3,.preschool .col-9{
	border-radius: 10px;
border:none;
	padding:16px;
	margin-bottom: 10px;
}
.preschool .col-3{
	background: #B2AAAA;
	color:#fff;
	text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
}

.preschool .col-9{
	background: #F0F0F0;
}
.xo-event-calendar table.xo-month button {
    display: none;
}
.xo-event-calendar table.xo-month .month-header {
    display: block;
    font-weight: 600;
    margin: 20px 0 20px;
    text-align: left;
    font-size: 1.1em;
}
.xo-event-calendar table.xo-month>thead th {
    border-width: 0 1px 0 0;
    font-size: .9em;
    font-weight: 700;
    text-align: center;
    color: #fff !important;
    background: #E83F28;
    padding: 12px 0 !important;
}
.xo-event-calendar table.xo-month .month-week {
    padding: 5px 0 !important;
}


/* お問い合わせ */
.mand {
    background: #E83F28;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
    border-radius: 5px;
    line-height: 1.4;
    padding: 1px 12px 2px;
    position: relative;
}
.scroll-gray {
    padding: 30px 0px;
}
.scroll-gray .scroll-box{
    border-radius: 15px;
    padding: 20px 40px;
}
.site-body table.contact p {
    font-size: 1.15em;
}
.site-body table.contact,.site-body table.contact th,.site-body table.contact td {
    border:none;
}
.site-body table.contact th {
   text-align: left;
}
.site-body table.contact input[type=text] {
    border: none;
    background:#FFFDC4;
	margin: 0;
	    font-size: 1.2em;
}
.site-body table.contact input[type=date] {
    border: none;
    background:#FFFDC4;
	margin: 0;
	    font-size: 1.2em;
}
.site-body table.contact input[type=email] {
    border: none;
    background:#FFFDC4;
	margin: 0;
	    font-size: 1.2em;
}
.site-body table.contact textarea {
    border: none;
    background:#FFFDC4;
	margin: 0;
	    font-size: 1.2em;
}

.site-body table.contact p {
	margin: 0;
}
.site-body table.contact input[name=contact-5],.site-body table.contact input[name=contact-6],.site-body table.contact input[name=preschool-6],.site-body table.contact input[name=preschool-7],.site-body table.contact input[name=preschool-10],.site-body table.contact input[name=preschool-11]{
width: 18%;
    display: inline-block;
    margin: 0 10px;
}
.site-body table.contact {
    margin-bottom: 50px;
}	
.button .has-spinner {
    font-weight: 600;
    display: block;
    width: 450px;
    padding: 25px;
    border: none;
    margin: 0 auto;
    color: #fff !important;
    background-image: linear-gradient(0deg, rgba(204, 0, 0, 1) 48%, rgba(226, 50, 32, 1) 48%);
    border-radius: 10px;
    text-align: center;
    font-size: 24px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.button div.btn{
    position: relative;
}
.button div.btn ::before {
    right: 38px;
    width: 19px;
    height: 1px;
    background: #ffffff;
}
.button div.btn ::before, .button div.btn::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.button div.btn p {
    line-height: 0;
    margin: 0;
}
.button div.btn::after {
    right: 39px;
    width: 16px;
    height: 16px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.button div.btn:hover ::before{
  right: 25px;
}
.button div.btn:hover::after{
  right: 26px;
}


.wpcf7-spinner {
    display:none;
}
.button .wpcf7-previous {
    font-weight: 600;
    display: block;
    width: 450px;
    padding: 30px;
    border: none;
    margin: 0 auto;
    color: #2c2c2c !important;
    background:#EFEFEF;
    border-radius: 10px;
    text-align: center;
    font-size: 24px;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
h2.thanks{
font-size: 2em;
	text-align: center;
}
.confirm{
border: solid 2px #E83F28;
    border-radius: 15px;
    max-width: 750px;
margin: 0 auto 80px;
    padding: 30px 15px 5px;
}
.confirm img{
    margin: 0 auto;
    max-width: 500px;
}

.sub-section--col--two,#comments,.vk_posts.next-prev,.site-body-bottom{
	display:none;
}


.pager-b{
padding: 4em 0 5em;
	margin-top:4em;
	border-top:solid 2px #000;
}

.pager{
	display: block;
	position: relative;
}

.pager .back,.pager .c_top,.pager .next{
display: inline-block;
}
.pager .next{
	float:right;
}

.pager .c_top{
    top:50%;
	left:50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 0;
}
.entry-header time{
	font-weight: 500;
	color:#7C7C7C;
}

.pager .back img{
	width: 80px;
}
.pager .c_top img{
	width: 100px;
}
.pager .next img{
	width: 80px;
}

ul.page-numbers li a, ul.page-numbers li span.page-numbers {
    border: none;
}
.pagination .nav-links {
    margin-bottom: 0em;
}

.category-news .main-section--col--one{
	    margin-bottom:4em;
}
ul.page-numbers li {
	border:none;
    border-radius: 50px;
	    width: 38px;
}
ul.page-numbers li span.page-numbers.current {
    color: #fff;
    background-color: #E83F28;
}

@media screen and (min-width: 600px) {
.pagination {
    width: 400px;
    margin: 0 auto -33px;
}
.pager .back img{
	width: 120px;
}
.pager .c_top img{
	width: 160px;
}
.pager .next img{
	width: 120px;
}
.pager-b{
padding: 5em 0 8em;
	margin-top:6em;
}	
.preschool .col-sm-10 {
        max-width: 82%;
    }
.sp-none{
		display:none!important;
	}	
	.fv-sp{
		display:none;
	}
.top-wrap-sp {
		display:none;
}
.news-p::before, .news-p::after {
    bottom: 30px;
}
	.sp-float{
		display:none;
	}
/*固定ページ
=========================*/	
.approach-p img{
	width: 75%;
	margin:0 auto;
}
	.contact-wrap{
		max-width: 900px;
		margin: 0 auto;
	}	
.site-body table.contact th {
    width: 27%;
}
.site-body table.contact th,.site-body table.contact td {
    padding-top:30px;
}
	.por{
		text-align: center;
	}	
	}
@media screen and (min-width: 992px) {
    .col-lg-l {
        flex: 0 0 54%;
        max-width: 54%;
    }
    .col-lg-r {
        flex: 0 0 46%;
        max-width: 46%;
		padding-left: 30px;
    }
    .col-lg-r p{
        margin-bottom:15px;
    }	
.guidance-back p{
  text-align: center;
}
	.inner-wrap2.keio-p{
		max-width: 880px;
		
	}	
	.app-r{
		padding-right: 35px;
	}
	.app-l{
		padding-left: 35px;
	}

}






@media screen and (min-width: 1200px) {
	.top-wrap{
		padding-bottom: 50px;
	}
.guidance-back a.btn {
    font-size: 28px;
}
	.header-sp{
		display:none!important;
	}
.col-xxl-5{
    flex: 0 0 37%!important;
    max-width: 37%!important;	
}		
.col-xxl-7{
    flex: 0 0 63%!important;
    max-width: 63%!important;	
}	
    .siteHeader_logo {
        float: left;
    display: inline-block;
    height: auto;
    margin: 0;
		
        padding-top: 13.5px;
    }	
.siteHeader_logo img {
    width: 260px;
}
    .gMenu_outer {
        float: right;
    }	
.gMenu {
        padding: 0;
        display: flex;
        margin: 0 auto;
        float: right;
    }
.gMenu a{
font-weight: 600;
        margin: 0 15px;
        letter-spacing: 0em;
	color:#191919!important;
        font-size: .95em;
}

	.gray-back.al-c{
    overflow: unset;
	}
	.siteHeader{
        background: #fff;
        max-width: 95%;
        margin: 0 auto;
        border-radius: 0 0 10px 10px;
	}
	.gMenu_outer p{
        font-size: 11.8px;
        text-align: right;
        color: #E83F28;
		font-weight: 600;
		margin: 10px;
	}
	
#global-nav {
height: 100px;
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 11;
        padding: 0 12px;
}
body, html {
    overflow-x: unset;
}
.topnav#global-nav{
        display: none;
 transition:.7s;
}
.scrolled .topnav#global-nav{
        display: block;
}
/*固定ページ
=========================*/
.page-hed {
    top: -100px;
}	
.site-body{
	padding-top:0!important;
}
.site-body table.contact input[name=contact-1],.site-body table.contact input[name=contact-2],.site-body table.contact input[name=contact-4]{
    width: 68%;
}
.site-body table.contact input[name=preschool-2],.site-body table.contact input[name=preschool-3],.site-body table.contact input[name=preschool-4],.site-body table.contact input[name=preschool-9]{
    width: 68%;
}	
.site-body table.contact input[name=contact-3]{
    width: 80%;
}
.site-body table.contact input[name=preschool-8]{
    width: 80%;
}
.site-body table.contact input[name=contact-7]{
    width: 100%;
}
.site-body table.contact input[name=preschool-1],.site-body table.contact input[name=preschool-5]{
    width: 40%;
}
}

@media screen and (min-width: 1500px) {
.gMenu a{
        margin: 0 25px;
        letter-spacing: 0.05em;
        font-size: 1em;
}
	.gMenu_outer p{
font-size: 14.55px;
	}
	

.fv-1{
position: absolute;
   margin: auto;
    top: 10%;
   left: 0;
   right: 0;
    max-width: 33vw;
}
.fv-2{
position: absolute;
    top: -2%;
    left: 3%;
    max-width: 20vw;
}
.fv-3{
position: absolute;
    top: 37%;
    left: 1%;
    max-width: 20vw;
}
.fv-4{
position: absolute;
    top: 40%;
    left: 41%;
    max-width: 24.5vw;
}
.fv-5{
position: absolute;
    top: 0%;
    right: 6%;
    max-width: 22vw;
}
.fv-6{
    position: absolute;
    top: 54%;
    right: 1%;
    max-width: 20vw;
}

.fv-7{
position: absolute;
    bottom: 2%;
    left: 9%;
    max-width: 41vw;
}	
.fv-8{
        position: absolute;
        bottom: 5%;
        left: 58.5%;
        max-width: 21vw;
}	
	
	
}



@media screen and (max-width: 1399px) {
.row.class-img {
    max-width: 95%;
    margin: 0 auto 60px;
}
}

@media screen and (max-width: 1199px) {
.footer-back .inner-wrap{
		display:none;
}
.site-footer .inner-wrap {
    margin: 60px auto 10px;
}
	.siteHeader{
		display:none;
	}		
.header-sp .sp-logo{
        height: 56px;
        padding: 10px;
        width: auto;
}
/*保護者の声*/
.voice{
    height: 485px;
}

@keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
	.header-sp{
        background: #fff;
        height: 56px;
        position: fixed;
        z-index: 12;
        width: 100%;
        line-height: 0;
	}	
#overlay-button {
position: fixed;
	right: 0em;
    top: 0em;
    padding: 27px 13px;
  z-index: 9999;
  cursor: pointer;
  user-select: none;
	background-color: #E83F28;
}
.page-template-page-industry-temp2 #overlay-button {
position: fixed;
	right: 0em;
    top: 0em;
    padding: 22px 8px;
  z-index: 9999;
  cursor: pointer;
  user-select: none;
    background: rgba(27,5,195,1);
}
#overlay ul a {
    transition: 0s;
}

.admin-bar #overlay-button {
    top: 2em;
}

#overlay-button span {
    height: 3px;
    width: 30px;
  border-radius: 2px;
  background-color: white;
  position: relative;
  display: block;
}
#overlay-button span:before {
  top: -10px;
  visibility: visible;
}
#overlay-button span:after {
  top: 10px;
}
#overlay-button span:before, #overlay-button span:after {
    height: 3px;
    width: 30px;
  border-radius: 2px;
  background-color: white;
  position: absolute;
  content: "";
}
#overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after {
  background: #fff;
}

input[type=checkbox] {
  display: none; 
  
}

input[type=checkbox]:checked ~ #overlay {
  visibility: visible; 
}

input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span {
  background: transparent;
  
  
}
input[type=checkbox]:checked ~ #overlay-button span:before {
  transform: rotate(45deg) translate(7px, 7px);
background-color: #E83F28;
}
input[type=checkbox]:checked ~ #overlay-button span:after {
  transform: rotate(-45deg) translate(7px, -7px);
background-color: #E83F28;

}

input[type=checkbox]:checked ~ #overlay-button{
	background-color: #fff;
}
	
	
#overlay {
	overflow-y: scroll;
	        top: 0;
  height: 100vh;
  width: 100vw;
  background: #E83F28;
  visibility: hidden;
  position: fixed;
	    z-index: 1001;
padding: 100px 40px 70px;
}
#overlay .inner-s{
max-width: 500px;
	margin: 0 auto;
}	
.page-template-page-industry-temp2 #overlay {
  height: 100vh;
  width: 100vw;
 background: rgba(27,5,195,1);
  z-index: 2;
  visibility: hidden;
  position: fixed;
}

#overlay.active {

}
#overlay ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  height: 100vh;
  padding-left: 0;
  list-style-type: none;
}
#overlay ul li {
  padding: 1em;
}
#overlay ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 1.5em;
}
#overlay ul li a:hover {
  color: #000!important;
}
	
#overlay .sp-logo {
        height: 56px;
        padding: 10px;
        width: auto;
        top: 0em;
        position: fixed;
    }	
.admin-bar #overlay .sp-logo {
        top: 2em;
    }	
#overlay .sp-logo {
left: 0;
    }	
#overlay p{
	margin: 22px 0 0;
        font-size: 16.5px;
	        font-weight: 600;
}	
#overlay p.nav-sub{
	margin: 4px 0 0;
        font-size: 13px;
}
#overlay p a{
	color:#fff;
}
.archive .news-list{
	margin: 7em 0 7em!important;
}	
	
	.single-container{
		margin-top:6em;
	}	
}


@media screen and (max-width: 991px) {
.top-wrap {
    max-width: 720px;
    margin: 30px auto 0;
    padding: 0 30px;
    z-index: 2;
    position: relative;
}
.inner-wrap,.inner-wrap2 {
    max-width: 720px;
}
iframe {
    height: 400px!important;
}
.row.class-img .col-lg-6 {
    margin-top: 45px;
}
    h2.class-hed {
        margin: 0 0 .5em;
    }	
	.guidance-none{
		display:none;
	}
.guidance-back h3{
    font-size: min(3vw, 22px);
}

table.recruit th{
width: 20%;
}
.voice{
    height: 370px;
}
	
	}

@media screen and (max-width: 767px) {
.voice{
    height: 470px;
}
.site-body table.contact input[name=contact-5],.site-body table.contact input[name=contact-6],.site-body table.contact input[name=preschool-6],.site-body table.contact input[name=preschool-7],.site-body table.contact input[name=preschool-10],.site-body table.contact input[name=preschool-11]{
width: 25%;
}
}
	


@media screen and (max-width: 599px) {
	
.button div.btn{
    padding:0;
    width: 100%;
}	
.button div.btn .has-spinner{
	    font-size: 18px;
}	
	
	.fv-pc,.pc-none{
		display:none!important;
	}
.top-wrap {
		display:none;
}
.top-wrap-sp {
    margin: 20px auto 0;
    padding: 0 15px;
}	
.inner-wrap2{
	margin: 40px auto;
}
	.keio-p{
	padding: 40px 15px!important;
	}	
	
.inner-wrap{
	margin: 60px auto;
}	
#contact-btn {
		display:none;
}	
iframe {
    height: 210px!important;
}
#page_top {
    position: fixed;
    right: 15px;
    width: 90px;
    height: 80px;
    z-index: 10;
}	
h2.class-hed {
    border: none;
    margin: 0 0 1.5em;
    text-align: center;
    padding-top: 0;
}	
.row.class-img .col-lg-6 {
    padding: 0 15px;
    margin-top: 20px;
}
    h2.class-hed {
        margin: 0 0 1em;
    }		
.class-img .class-icon {
    top: -18px;
    left: -10px;
    max-width: 90px;

}	
 .row.class-img {
   margin-bottom: 30px;
 }
.news-list {
    margin-top: 100px;
        margin-bottom: 40px;
}
.news-list .news-p .nstxt {
    padding: 0 10px 0 0;
}	
.news-list .news-p .nsttl {
    display: block;
}
.news-p{
	    padding-right: 40px;
}	
.guidance-back a.btn {
    padding: 25px 0px 25px 0px;
    font-size: 17px;
}
.guidance-back a.btn::before {
    right: 19px;
    width: 19px;
    height: 1px;
    background: #ffffff;
}
.guidance-back a.btn::after {
    right: 20px;
    width: 16px;
    height: 16px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
h2.guidance img {
    max-width: 80%;
}
.guidance-back h3 {
    font-size: 17px;
    line-height: 2.3;
}	
.guidance-back .inner-wrap {
        margin: 40px auto;
    }	
.footer-back {
    height: 0;
}
.page-id-94 .footer-back{
    height: 80vw;
}	
	
.site-footer .inner-wrap {
    margin: 45px auto 5px;
}		
.site-footer .inner-wrap .footer-text{
	font-size: 12px;
}	
.site-footer p {
    font-size: 12px;
}
.site-footer {
    padding-bottom: 150px;
}
.admin-bar #overlay-button {
    top: 3.2em;
}	
.admin-bar #overlay .sp-logo {
        top: 3.2em;
    }	
	.sp-float{
		position: fixed;
		bottom:0;
margin: 0;
        line-height: 0;
		z-index: 11;
	}	
#page_top{
	    bottom: 75px!important;	
	        right: 10px!important;
	}
	
/*固定ページ
=========================*/
.page-hed {
    height: 250px;
}	
    .page-title {
        width: 100%;
        font-size: 24px;
        letter-spacing: 0.05em;
    }
	.approach-img img{
		width: 100%!important;
	}
	.approach-img{
		text-align: center;
	}
.approach-p {
    padding: 20px 0 55px;
    text-align: center;
}
.approach-a{
    padding: 30px 0 55px;
    text-align: center;
}	
.site-padding{
	padding-top:20px;
}	
table.recruit th,table.recruit td{
    padding: 16px 8px;
font-size: .9em;
}
table.recruit th{
width: 24%;
}
.faq-li dl dt {
    font-size: 16px; 
} 		
.faq-li dl dd {
    font-size: 14px; 
} 
.voice{
    height:auto;
}	
.preschool .col-3{
	padding:12px 5px;
}
.preschool .col-9{
	padding:12px;
}
.preschool .col-9 {
    max-width: 72%;
}
.faq-li.guidance dl dt img {
    position: absolute;
    top: 0;
    left: 0px;
    width: 58px;
}	
.faq-li.guidance dl dt {
padding: 15px 0 15px 72px;
    font-size: 17px;
}	
.faq-li.guidance dl dd {
    padding: 0 0 10px 72px;

}	
.row.class-img .col-lg-12{
    padding:0 15px;
}	
.site-body table.contact input[name=contact-5],.site-body table.contact input[name=contact-6],.site-body table.contact input[name=preschool-6],.site-body table.contact input[name=preschool-7],.site-body table.contact input[name=preschool-10],.site-body table.contact input[name=preschool-11]{
width: 35%;
}	
.site-body table.contact th, .site-body table.contact td {
    display: block;
    text-align: left;
	padding-left: 0;
	padding-right: 0;
}	
.site-body table.contact th {
    padding-top:25px;
	padding-bottom: 0;
}
.site-body table.contact {
    margin-bottom: 50px;
}	
.scroll-gray {
    padding: 30px 0px;
}	
.scroll-gray .scroll-box{
    border-radius: 15px;
    padding: 20px 25px;
}
.button .has-spinner,.button .wpcf7-previous {
    width: 100%;
}
h2.thanks{
font-size: 1.5em;
}	
.site-body table.contact input[name=preschool-1],.site-body table.contact input[name=preschool-5]{
    width: 50%;
}	
.archive .news-list{
	margin: 5em 0 5em!important;
}
.voice{
    padding: 50px 30px 25px;
}	
.voice .voice-3 {
    margin: 0 0 10px;
}
	
	
}

/*余白設定
=========================*/
.m0 {
	margin: 0!important;
}
.m0-t {
	margin-top: 0!important;
}
.m0-r {
	margin-right: 0!important;
}
.m0-b {
	margin-bottom: 0!important;
}
.m0-l {
	margin-left: 0!important;
}
.m5 {
	margin: 5px!important;
}
.m5-t {
	margin-top: 5px!important;
}
.m5-r {
	margin-right: 5px!important;
}
.m5-b {
	margin-bottom: 5px!important;
}
.m5-l {
	margin-left: 5px!important;
}
.m10 {
	margin: 10px!important;
}
.m10-t {
	margin-top: 10px!important;
}
.m10-r {
	margin-right: 10px!important;
}
.m10-b {
	margin-bottom: 10px!important;
}
.m10-l {
	margin-left: 10px!important;
}
.m15 {
	margin: 15px!important;
}
.m15-t {
	margin-top: 15px!important;
}
.m15-r {
	margin-right: 15px!important;
}
.m15-b {
	margin-bottom: 15px!important;
}
.m15-l {
	margin-left: 15px!important;
}
.m20 {
	margin: 20px!important;
}
.m20-t {
	margin-top: 20px!important;
}
.m20-r {
	margin-right: 20px!important;
}
.m20-b {
	margin-bottom: 20px!important;
}
.m20-l {
	margin-left: 20px!important;
}
.m25 {
	margin: 25px!important;
}
.m25-t {
	margin-top: 25px!important;
}
.m25-r {
	margin-right: 25px!important;
}
.m25-b {
	margin-bottom: 25px!important;
}
.m25-l {
	margin-left: 25px!important;
}
.m30 {
	margin: 30px!important;
}
.m30-t {
	margin-top: 30px!important;
}
.m30-r {
	margin-right: 30px!important;
}
.m30-b {
	margin-bottom: 30px!important;
}
.m30-l {
	margin-left: 30px!important;
}
.m40 {
	margin: 40px!important;
}
.m40-t {
	margin-top: 40px!important;
}
.m40-r {
	margin-right: 40px!important;
}
.m40-b {
	margin-bottom: 40px!important;
}
.m40-l {
	margin-left: 40px!important;
}
.m50 {
	margin: 50px!important;
}
.m50-t {
	margin-top: 50px!important;
}
.m50-r {
	margin-right: 50px!important;
}
.m50-b {
	margin-bottom: 50px!important;
}
.m50-l {
	margin-left: 50px!important;
}
.m60 {
	margin: 60px!important;
}
.m60-t {
	margin-top: 60px!important;
}
.m60-r {
	margin-right: 60px!important;
}
.m60-b {
	margin-bottom: 60px!important;
}
.m60-l {
	margin-left: 60px!important;
}
.m70 {
	margin: 70px!important;
}
.m70-t {
	margin-top: 70px!important;
}
.m70-r {
	margin-right: 70px!important;
}
.m70-b {
	margin-bottom: 70px!important;
}
.m70-l {
	margin-left: 70px!important;
}
.m80 {
	margin: 80px!important;
}
.m80-t {
	margin-top: 80px!important;
}
.m80-r {
	margin-right: 80px!important;
}
.m80-b {
	margin-bottom: 80px!important;
}
.m80-l {
	margin-left: 80px!important;
}
.m90 {
	margin: 90px!important;
}
.m90-t {
	margin-top: 90px!important;
}
.m90-r {
	margin-right: 90px!important;
}
.m90-b {
	margin-bottom: 90px!important;
}
.m90-l {
	margin-left: 90px!important;
}
.m100 {
	margin: 100px!important;
}
.m100-t {
	margin-top: 100px!important;
}
.m100-r {
	margin-right: 100px!important;
}
.m100-b {
	margin-bottom: 100px!important;
}
.m100-l {
	margin-left: 100px!important;
}
.m120 {
	margin: 120px!important;
}
.m120-t {
	margin-top: 120px!important;
}
.m120-r {
	margin-right: 120px!important;
}
.m120-b {
	margin-bottom: 120px!important;
}
.m120-l {
	margin-left: 120px!important;
}
.m150 {
	margin: 150px!important;
}
.m150-t {
	margin-top: 150px!important;
}
.m150-r {
	margin-right: 150px!important;
}
.m150-b {
	margin-bottom: 150px!important;
}
.m150-l {
	margin-left: 150px!important;
}
.m200 {
	margin: 200px!important;
}
.m200-t {
	margin-top: 200px!important;
}
.m200-r {
	margin-right: 200px!important;
}
.m200-b {
	margin-bottom: 200px!important;
}
.m200-l {
	margin-left: 200px!important;
}
.m300 {
	margin: 300px!important;
}
.m300-t {
	margin-top: 300px!important;
}
.m300-r {
	margin-right: 300px!important;
}
.m300-b {
	margin-bottom: 300px!important;
}
.m300-l {
	margin-left: 300px!important;
}
.p0 {
	padding: 0!important;
}
.p0-t {
	padding-top: 0!important;
}
.p0-r {
	padding-right: 0!important;
}
.p0-b {
	padding-bottom: 0!important;
}
.p0-l {
	padding-left: 0!important;
}
.p5 {
	padding: 5px!important;
}
.p5-t {
	padding-top: 5px!important;
}
.p5-r {
	padding-right: 5px!important;
}
.p5-b {
	padding-bottom: 5px!important;
}
.p5-l {
	padding-left: 5px!important;
}
.p10 {
	padding: 10px!important;
}
.p10-t {
	padding-top: 10px!important;
}
.p10-r {
	padding-right: 10px!important;
}
.p10-b {
	padding-bottom: 10px!important;
}
.p10-l {
	padding-left: 10px!important;
}
.p15 {
	padding: 15px!important;
}
.p15-t {
	padding-top: 15px!important;
}
.p15-r {
	padding-right: 15px!important;
}
.p15-b {
	padding-bottom: 15px!important;
}
.p15-l {
	padding-left: 15px!important;
}
.p20 {
	padding: 20px!important;
}
.p20-t {
	padding-top: 20px!important;
}
.p20-r {
	padding-right: 20px!important;
}
.p20-b {
	padding-bottom: 20px!important;
}
.p20-l {
	padding-left: 20px!important;
}
.p25 {
	padding: 25px!important;
}
.p25-t {
	padding-top: 25px!important;
}
.p25-r {
	padding-right: 25px!important;
}
.p25-b {
	padding-bottom: 25px!important;
}
.p25-l {
	padding-left: 25px!important;
}
.p30 {
	padding: 30px!important;
}
.p30-t {
	padding-top: 30px!important;
}
.p30-r {
	padding-right: 30px!important;
}
.p30-b {
	padding-bottom: 30px!important;
}
.p30-l {
	padding-left: 30px!important;
}
.p40 {
	padding: 40px!important;
}
.p40-t {
	padding-top: 40px!important;
}
.p40-r {
	padding-right: 40px!important;
}
.p40-b {
	padding-bottom: 40px!important;
}
.p40-l {
	padding-left: 40px!important;
}
.p50 {
	padding: 50px!important;
}
.p50-t {
	padding-top: 50px!important;
}
.p50-r {
	padding-right: 50px!important;
}
.p50-b {
	padding-bottom: 50px!important;
}
.p50-l {
	padding-left: 50px!important;
}
.p60 {
	padding: 60px!important;
}
.p60-t {
	padding-top: 60px!important;
}
.p60-r {
	padding-right: 60px!important;
}
.p60-b {
	padding-bottom: 60px!important;
}
.p60-l {
	padding-left: 60px!important;
}
.p70 {
	padding: 70px!important;
}
.p70-t {
	padding-top: 70px!important;
}
.p70-r {
	padding-right: 70px!important;
}
.p70-b {
	padding-bottom: 70px!important;
}
.p70-l {
	padding-left: 70px!important;
}
.p80 {
	padding: 80px!important;
}
.p80-t {
	padding-top: 80px!important;
}
.p80-r {
	padding-right: 80px!important;
}
.p80-b {
	padding-bottom: 80px!important;
}
.p80-l {
	padding-left: 80px!important;
}
.p90 {
	padding: 90px!important;
}
.p90-t {
	padding-top: 90px!important;
}
.p90-r {
	padding-right: 90px!important;
}
.p90-b {
	padding-bottom: 90px!important;
}
.p90-l {
	padding-left: 90px!important;
}
.p100 {
	padding: 100px!important;
}
.p100-t {
	padding-top: 100px!important;
}
.p100-r {
	padding-right: 100px!important;
}
.p100-b {
	padding-bottom: 100px!important;
}
.p100-l {
	padding-left: 100px!important;
}