@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

@media screen and (max-width: 750px) {

.pc-del{
    display:block;    
    }
.sp-del{
    display: none;    
    }
  section {
    padding: 35px 8%;
  }
  section#lpSupport {
    padding-top: 60px;
  }
#kensyu,#noruma{

    }
h2 {
    margin-bottom: 30px;
  }
h2 img.sp-del {
    display: none;
}
  h2 img {
    width: 100%;
  }
  h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
h3.keiken {
  font-size: 25px;
  margin-bottom: 20px;
  padding: 0;
}
  h4 {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .wrap {
    width: 100%;
  }
  .pc {
    display: none !important;
  }
  .mobile {
    display: block !important;
  }
  header {
    padding: 20px;
  }
  #lpContact img,#lpContact2 img {
    width: 100%;
  }
  #lpContact .btns,#lpContact2 .btns {
    margin-bottom: 20px;
    display: block;
  }
#lpContact .tel,#lpContact2 .tel{
  padding-top: 20px;
}

.telhead {
  display: block;
  width: auto;
	margin-right: auto;
	margin-left: auto;
  margin-top: 20px;
}

.telhead .headtel {
  display: block;
  width: auto;
	height: auto;
}

.telhead .headtel img {
  width: 100%;
	height: auto;
}

.telhead .headtime {
  display: block;
  width: 100%;
	height: auto;
	padding-top: 5px;
	padding-left: 0px;
}


#lpContact .tel .footertelbox,#lpContact2 .tel .footertelbox {
  margin-top: 20px;
  display: block;
}
#lpContact .tel .footertelbox div,#lpContact2 .tel .footertelbox div {
  display: block;
    padding: 0px;
}
#lpContact .tel .footertelbox .footerlogo,#lpContact2 .tel .footertelbox .footerlogo {
  display: none;
}
#lpContact .tel .footertelbox .footertel img,#lpContact2 .tel .footertelbox .footertel img{
    max-width: 300px;
    height: auto;
}
#lpContact .tel .footerlogo img,#lpContact2 .tel .footerlogo img{
    max-width: 120px;
    height: auto;
    padding-top: 30px;
}
#lpContact .tel .footertelbox .footertim,#lpContact2 .tel .footertelbox .footertime {
  padding-top: 13px;
}
    
    
    
.clone-nav #lpContact .wrap,.clone-nav #lpContact2 .wrap {
    width: 94%;
}
.clone-nav #lpContact img,.clone-nav #lpContact2 img{
    width: 100%;
    height: auto;
}
.clone-nav #lpContact .btns,.clone-nav #lpContact2 .btns {
    padding-bottom: 7px;
    display: flex;
  }
    
 
#lpVoice {
	padding-top: 50px;
	padding-bottom: 0;
}	
	
#lpVoice ul {
      display: block;
  }
#lpVoice ul.pc-del {
  display: block;
    padding-bottom: 30px;
}
    
#lpVoice ul li {
    padding-bottom: 20px;
    display: block;
  }
#lpVoice ul li img {
    width: 100%;
  }
#lpVoice ul.sp-del {
    display: none;
  }


#lpSupport{
   padding-top: 50px;
	}	
	
#lpSupport .checkList p {
    font-size: 20px;
    margin-bottom: 20px;
  }
#lpSupport .checkList .imagesofkidsroom {
    margin: 20px 0;
    display: block;
  }
#lpSupport .checkList .imagesofkidsroom img {
    width: 100%;
  }
#lpSupport .checkList .priceofkidsroom {
    display: block;
  }
#lpSupport .checkList .priceofkidsroom .order {
    margin-top: 20px;
    margin-left: 0;
  }
#lpSupport .checkList .priceofkidsroom .order ol {
    padding-left: 25px;
  }
#lpSupport .checkList .priceofkidsroom + img {
    width: 100%;
    margin-top: 20px;
  }
#lpSupport .checkList .priceofkidsroom img{
    width: 100%;
}
#lpSupport .checkList .priceofkidsroomimg{
    line-height: 0;
}

/*#lpSupport .priceofkidsroom{
	margin-bottom: 0px;
	}		*/
	
#lpSupport .priceofkidsroom .price{
	margin-bottom: 25px;	
	}	
	
#lpSupport .priceofkidsroom .price p {
  font-size: 16px;
}	
	
	
#lpSupport .checkList .icoCheck {
    font-size: 16px;
    padding-left: 30px;
    background: url(../img/ico_check.png) no-repeat 0 0px;
    background-size: 20px;
    list-style-type: none;
}
#lpSupport .abouttraining p {
    text-align: center;
    font-size: 16px;
}
#lpSupport .abouttraining {
    margin-top: 20px;
  }
.dayflow {
    margin-top: 20px;
      margin-left:0;
      margin-right:0;
  }
  .dayflow .day{
      display: block;
  }

.dayflow .day .daytitle{
      background: #ff74a6;
      color: #fff;
    text-align: center;
    font-size: 20px;
	font-weight: 400;
  }
#lpSupport .abouttraining p.daytitle {
    text-align: center;
    font-size: 20px;
    line-height: 2;
}
 .dayflow .day .daytitle.adj{
      background: #e81a4c;
  }
  .dayflow .day + .day {
    margin-top: 50px;
  }
  .dayflow .day div {
    margin-left: 0px;
  }
.dayflow .day div ul {
        margin-top: 20px;
}
.dayflow .day div li {
    font-size: 16px;
	line-height:2;
    margin-bottom: 5px;
	padding-left:1.9em;
	text-indent:-1.9em;
}
.dayflow .day div span {
    font-size: 14px;
    line-height: 1.6;
    display:  block;
    margin-top: 20px;
}

.dayflow .day div li:before {
    top: 0px;
}
.dayflow .day .flowimg img{
    height:auto;
    width: 100%;
    margin-left: 0px;
    padding-top: 20px;
}
	
.dayflow-w1 {
  margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
	padding: 10px;
}
	
.dayflow-w1-txt {
	width: 100%;
	display: block;
	font-size: 16px;
}
	
.dayflow-w1-txt span {
	font-size: 18px;
	margin-bottom: 10px;
}	
	
.dayflow-w1-img {
	width: 100%;
	display: block;
    margin-top: 10px;
}
	
.dayflow-w1-img img {
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
	
.dayflow-w2 {
  margin-top: 20px;
	padding: 10px;
	font-size: 0;
	background-color: #fffbd0;
}
	
.dayflow-w2-txt {
	width: 100%;
	display: block;
	font-size: 16px;
}

.dayflow-w2-txt span {
	font-size: 18px;
	margin-bottom: 10px;
}	
	
.dayflow-w2-img {
	width: 100%;
	display: block;
    margin-top: 10px;
}

.dayflow-w2-img img {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

  #lpReview .reviews {
    display: block;
  }
  #lpReview .reviews img{
      width: 100%;
  }
  #lpReview .reviews li + li {
    margin-top: 20px;
  }

.voice{
	margin-bottom: 50px;
	}
		
	
.message {
    margin: 100px 0 20px;
    display: block;
  }
  .message div + div {
    margin-top: 30px;
    margin-left: 0;
  }
  .message img {
    width: 100%;
  }
	
#lpEnvironment{
	padding-top: 50px;
	}
	
  #lpEnvironment p {
    margin-bottom: 20px;
  }
  #lpEnvironment ul {
    text-align: center;
    display: block;
  }


#lpEnvironment ul.fuku_li li {
    display: inline-block;
    width: 49%;
    margin-bottom: 0px;
  }


.circle {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	margin-bottom: 15px;
}

.circle span {
	width :140px;
	font-size: 24px;
}	
		
	
	
#lpEnvironment .lead {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 10px;
}
#lpEnvironment .leadsub {
    text-align: center;
    margin-bottom: 0px;
}
	
#lpEnvironment .kaizen{
	margin-top: 30px;
}	
	
#lpEnvironment .kaizen p{
	margin-bottom: 0px;
}	

#lpEnvironment .message img{
	margin-bottom:10px;
	}

#lpEnvironment .carRent h4{
	font-size: 20px;
	margin: 50px 0;	
	}
	
  #lpEnvironment .carRent .aboutRent {
    width: 100%;
    margin-bottom: 20px;
    box-sizing: border-box;
  }
  #lpEnvironment .carRent p + div {
    display: block;
  }
  #lpEnvironment .carRent p + div img {
    width: 100%;
  }
#lpEnvironment .strong {
    font-size: 20px;
    line-height: 1.6;
}

  #lpEnvironment .carRent ul {
    text-align: left;
    margin-right: 0 !important;
    margin-bottom: 20px;
  }
#lpEnvironment .environment2 {
    display: block;
    padding-bottom: 30px;
}
    #lpEnvironment .environment2 .left {
    margin-right: 0px;
}
    #lpEnvironment .environment2 .right {
    margin-right:0;
        text-align: center;
}    #lpEnvironment .environment2 img {
    width:70%;
}

   
    

#lpEnvironment2{
    margin-top: 50px;
}
#lpEnvironment2 .lead{
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 30px;
}
#lpEnvironment2 ul{
    width:100%;
    padding: 0px 0 30px;
    display: block;
    margin: 0 auto;
    border-top: 1px solid #333;
}
#lpEnvironment2 ul li{
    display: block;
    margin-bottom: 0;
}
#lpEnvironment2 ul li:nth-child(2n){
    flex-direction: row-reverse;
}
#lpEnvironment2 ul li div{
    width: 100%;
}
#lpEnvironment2 ul li div p{
    text-align: center;
    line-height: 1.7;
}
#lpEnvironment2 ul li div p.flowtitle{
    font-size: 18px;
    line-height: 1.6;
    color: #e50038;
    padding-top: 40px;
    border-bottom:none;
    height: 95px;
}
#lpEnvironment2 ul li.day1 div p.flowtitle{
    padding-right: 40%;
    background:url("../img/img_day1_2.jpg") no-repeat right top;background-size: contain;
}
#lpEnvironment2 ul li.day2 div p.flowtitle{
    padding-left: 40%;
    background:url("../img/img_day2_2.jpg") no-repeat left top;background-size: contain;
}
#lpEnvironment2 ul li.day3 div p.flowtitle{
    padding-right: 40%;
    background:url("../img/img_day3_2.jpg") no-repeat right top;background-size: contain;
}
#lpEnvironment2 ul li.day4 div p.flowtitle{
    padding-left: 40%;
    background:url("../img/img_day4_3.jpg") no-repeat left top;background-size: contain;
}
#lpEnvironment2 ul li.day5 div p.flowtitle{
    padding-right: 0;
}
#lpEnvironment2 ul li.day6 div p.flowtitle{
    padding-left: 40%;
    background:url("../img/img_day6_2.jpg") no-repeat left top;background-size: contain;
}
#lpEnvironment2 ul li.day7 div p.flowtitle{
    padding-right: 40%;
    background:url("../img/img_day7_2.jpg") no-repeat right top;background-size: contain;
}
#lpEnvironment2 ul li.day8 div p.flowtitle{
    padding-left: 40%;

    background:url("../img/img_day8_2.jpg") no-repeat left top;background-size: contain;
}
    
#lpEnvironment2 ul li div p.flowtitle span{
    font-size: 14px;
    display: block;
    color:#333;
}
#lpEnvironment2 ul li div p.flowtext{
    font-size: 16px;
    padding-top: 25px;
}
#lpEnvironment2 ul li.day1 div p.flowtext{
    padding-bottom: 30px;
    border-bottom: 1px solid #333;
    font-size: 14px;
}
#lpEnvironment2 ul li.day7 div p.flowtext{
    padding-bottom: 30px;
    border-bottom: 1px solid #333;
}
#lpEnvironment2 ul li div p.flowtext2{
    font-size: 14px;
    padding-top: 25px;
    padding-bottom: 30px;
    text-align: justify;
    margin-bottom: 0px;
    border-bottom: 1px solid #333;
}
#lpEnvironment2 ul li.day8 div p.flowtext2{
    padding-bottom: 0px;
    border-bottom: none;
}
  
		
	
#faq{
	padding-top: 50px;
	padding-bottom: 50px;
	}	
    
  #faq .faqSolution {
    display: block;
  }
  #faq .faqSolution div:first-child {
    font-size: 15px;
    display: block;
  }
  #faq .faqSolution div:last-child {
    display: block;
  }
  #faq .faqSolution div:last-child img {
	margin-top: 20px;  
    width: 100%;
  }
  #faq .list ul {
    margin-bottom: 20px;
    padding: 20px;
  }
  #faq .list ul li p {
    font-size: 16px;
    margin-bottom: 10px;
}
  #faq .flowBox {
    padding: 20px;
  }
  #faq .flowBox p img { 
    width: 100%;
  }
  #faq .flowBox ul {
	width: auto;
    margin: 20px 0;
    display: block;
  }
  #faq .flowBox ul .arrow {
    height: auto !important;
  }
  #faq .flowBox ul .arrow img.mobile {
    margin: 20px auto;
  }
  #faq .flowBox ul + p {
    font-size: 20px;
  }
    
.grad-btn {
    background: #e50038;
    color: #fff;
    font-size: 24px;
    text-align: center;
    padding: 10px 0px;
    margin: 0px 25%;
    line-height: 1;
    width: 50%;
    display: block;
}

	
#about{
		padding-top: 50px;
		padding-bottom: 50px;
	}	
	
#about .list ul li p {
    font-size: 16px;
}
#about .list ul li p.topic {
    font-size: 20px;
    margin-bottom: 5px;
}
#about .list ul li {
    margin-top: 0px;
    margin-bottom: 20px;
}
#about .list ul ol li {
    font-size: 16px;
    margin-left: 20px;
}
#about .list ul ol li span {
    font-size: 14px;
    margin-top: 10px;
    display: block;
}
#about h4{
    font-size: 20px;
    padding-top: 15px;
    margin-bottom: 20px;
}

    
section#interview {
    padding: 50px 0;
}
section#interview h2{
    padding: 0 8%;
}
  #interview .case {
    background-size: 100% !important;
  }
  #interview .case .wrap {
    padding: 0px 8%;
    box-sizing: border-box;
  }
#interview .case.case01,
#interview .case.case02,
#interview .case.case03,
#interview .case.case04,
#interview .case.case05{
    background:none;
}
    
  #interview .case .wrap .text {
    width: 100%;
    font-size: 20px;
      text-align: center;
      margin-top: 20px;
  }
  #interview .case .wrap .detail {
    margin-top: 20px;
    padding: 10px 0;
      width: 100%;
  }
  #interview .case img.spimg{
    width: 100%;
    margin-top: 60px;
  }
  #interview .case.case04 img.spimg{
      margin-top: 0px;
  }

  #interview .case .wrap .detail p {
    font-size: 16px;
  }
  #interview .case .wrap .detail .name {
    font-size: 20px;
      margin-bottom: 5px;
  }
  #interview .description{
    padding: 0px 8%;
  }
#interview .description .wrap {
    padding: 0px 0 !important;
    flex-direction: column-reverse;
  }
#interview .interviews.even .description .wrap {
    padding: 0px 0 !important;
    flex-direction:column;
  }
#interview .interviews:last-of-type {
    padding-bottom: 30px;
}
  #interview .description .wrap img {
    width: 100%;
        margin-top: 30px;
  }
  #interview .description .wrap p {
    margin-top: 20px;
    margin-left: 0;
  }
  #interview .even .description p {
    margin-right: 0;
    margin-bottom: 0px;
	line-height:2;
  }
        
#questionnaire{
	padding-top: 50px;
	}
	
  #questionnaire .SmallTtl {
    margin: 0 0 20px;
  }
  #questionnaire .SmallTtl img {
    width: 100%;
  }
  #questionnaire .lead {
    padding-bottom: 40px;
    }
  #questionnaire .questions {
    margin-top: 0px;
    display: block;
      margin-left: 0;
  }
#questionnaire .questions.adj {
    margin-top: 0px;
}
#questionnaire .questions .question {
    margin-bottom: 20px;
    font-size: 20px;
}
  #questionnaire .questions .left1,
 #questionnaire .questions .right1,
 #questionnaire .questions .left2,
 #questionnaire .questions .right2,
#questionnaire .questions .left3,
 #questionnaire .questions .right3,
#questionnaire .questions .center3{
    margin-left: 0px;
    margin-right: 0px;
  }
  #questionnaire .questions div{
    margin-bottom: 30px;
  }
  #questionnaire .questions img{
    width: 100%;
      height: auto;
    }
  #questionnaire .questions .right1 img{
    margin:0;
    }
  #questionnaire .questions div + div {
    margin-top: 0px;
  }
  #questionnaire .questions .columns {
    display: block;
  }
  #questionnaire .questions .columns ul {
    margin-left: 0;
    margin-bottom: 0px;
      margin-top: 0;
  }
#questionnaire .questions ul p {
    margin-left: -23px;
}
#questionnaire .questions ul li {
    margin-left: 0px;
}
  #questionnaire .questions .stick {
    width: 100%;
  }
#questionnaire .questions.adj ul{
    padding-left: 0px;
}    
    
#point{
		padding-top: 50px;
	padding-bottom: 50px;
	}  
	
#point .checkList {
    padding: 0px;
    display: block;
      width: 100%;
  }    
  #point .checkList ul {
    display: block;
      padding: 10px 10px 40px 10px;
  }
  #point .checkList div {
    padding-top: 20px;
    padding-left: 0;
    display: block;
  }
  #point .checkList div img {
    width: 100%;
  }
  #point .checkList .icoCheck {
    font-size: 16px;
    padding-left: 30px;
    background: url(../img/ico_check.png) no-repeat 0 0px;
    background-size: 20px;
    list-style-type: none;
}
#point .aboutus {
    margin-top: -15px;
    margin-left: 0px;
    line-height: 0;
}
#point .aboutus img{
            width: 100%;
}

	
#info{
	padding-top: 50px;
	padding-bottom: 50px;
}
	
#info h5 img{
        width:100%;
    } 
#info dl {
        font-size: 16px;
}
#info dd {
    border-bottom: 1px solid #999;
    margin: 0;
    padding: 15px 0 15px 6em;
}
#info .btncenter{
    background: #e50038;
    font-size: 24px;
    text-align: center;
    width: 100%;
    line-height: 1;
    margin-top: 30px;
    margin-bottom: 30px;
}
#info .btncenter a{
    color: #fff;
    text-decoration: none;
    display:  block;
    width: auto;
    padding: 12px 0;
}
  
#campaign{
	padding-top: 50px; 
}	
	
#campaign .campaign {
    background: none;
    line-height: 0;
}
#campaign .campaign a img{
        margin-top: 20px;
}
#campaign img {
    width: 100%;
  }
#campaign p {
    font-size: 20px;
    margin-top: 15px;
  }
	
.campaign_kikan{
	padding-top: 20px;
    width: 100%;
}
	
.campaign_kikan2{
	padding-top: 20px;
    width: 100%;
}

.campaign_kikan img,
.campaign_kikan2 img{
    width: 100%;
}

	
.checkList p {
  font-size: 24px;
  margin-bottom: 20px;
}
	
#r01,
#r02,
#r03,
#r04,
#r05,
#r06,
#r07{
  margin-top:-70px;
  padding-top:70px;
}
	
	
}