@charset "UTF-8";



/*----------- retina画像切り替え -----------*/

@media screen and (-webkit-min-device-pixel-ratio: 2),
                   (min-resolution: 2dppx),
                   (min--moz-device-pixel-ratio: 2),
                   (-o-min-device-pixel-ratio: 2/1) {

.cv .btn:after {
	background: url(../img/ico_CV@2x.png) no-repeat;
	background-size: contain;
	}
.container-sec05 .plan dd.contents ul li:before {
    background: url(../img/ico_05_check@2x.png) no-repeat;
	background-size: contain;
}

}

/*----------- 横幅960px以下 -----------*/
@media screen and (max-width:960px) {

h1, .container-sec02 .box { padding: 0 1em; }
.container-sec02 h2 { padding: 0;}
.container-sec05 .plan dd.contents { height: 394px; }

}

/*----------- 横幅768px以下 -----------*/
@media screen and (max-width:768px) {


/*----------- header -----------*/
.contact-box .tel { width: 200px; }

/*----------- contents -----------*/
/* sec 3 */
.container-sec03 .founders { flex-direction: column; }
.container-sec03 .profile {
	width: 100%;
	padding: 0;
	}
.container-sec03 .profile:first-child { border-right: none; }
.container-sec03 .profile:last-child { padding-top: 55px; }
.container-sec03 .intro { margin: 1.5em 1.5em 0; }
	  .container-sec03 .profile:first-child .intro {
		  padding-bottom: 55px;
	      border-right: none;
		  border-bottom: 1px solid #e8e8e8;
	  }

/* sec 4A */
.container-sec04A dt { height: 180px; }
.container-sec04A dt:before { top: 30px; }

/* sec 5 */
.container-sec05 ul.pricelist {
	flex-direction: column;
	box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
	}
.container-sec05 li.pricebox {
	width: 100%;
	box-shadow: 0 0 9px 1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 9px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 9px 1px rgba(0,0,0,0.25);
	margin-bottom: 2em;
	}
  .container-sec05 li.pricebox:last-child { margin-bottom: 0; }
.container-sec05 .plan dd.contents {
  	padding-bottom: 30px;
	height: auto;
	border-right: none;
}
.container-sec05 .plan dd.contents ul {
	display: flex;
    flex-wrap: wrap;
}
.container-sec05 .plan dd.contents li { width: 50% }
.container-sec05 ul li:nth-child(2n) dd.price { border: none; }
.container-sec05 ul li:nth-child(2n) dd.contents  { border: none; }
.container-sec05 ul li:nth-child(2n) dd.details { border: none; }

/* sec 6 */
.feedback img {
	margin: 0 auto;
	margin-bottom: 2em;
}
.feedback li { flex-direction: column; }
.feedback dl {
  margin-left: 0;
}

/* sec 7 */
.faq dt:before { top: 0; }

/* footer */
footer {
  height: 400px;
  padding-top: 10px;
}

}

/*----------- 横幅480px以下 -----------*/
@media screen and (max-width:480px) {

.pc { display: none !important; }
.sp { display: block !important; }

/*----------- header -----------*/

.contact-box {
	flex-direction: column;
	justify-content: space-around;
    padding: .5em 1em;
	height: 116px;
}

.logo {
  position: absolute;
  left: 5px;
  width: 70%;
  /* height: 90px */
}

.sp-tel {
  position: absolute;
  right: 5px;

  /* height: 90px */
}

/* .form-horizontal .form-group　{
  margin-left: 15px!important;
  margin-right: 15px!important;
} */

h1 { padding: 1.5em 1em; }
.cv .btn {
  width: auto;
  padding: 0 1em;
  height: 58px;
  font-size: 1.500em;
  letter-spacing: 0;
  line-height: 58px;
}
	.cv .btn:after {
		margin-top: -6px;
   		margin-left: 5px;
	}

/*----------- h2 -----------*/

.arrow { margin-bottom: 50px }
  .arrow:after {
      border-top: 25px solid #357ecf;
      border-right: 35px solid transparent;
      border-left: 35px solid transparent;
  }

/*----------- contents -----------*/

/* sec 2 */
.container-sec02 { padding: 25px 0 }

/* sec 3 */
.container-sec03 .name { font-size: 2.000em; }
.container-sec03 .intro { font-size: 0.875em; }

/* sec 4A */
.container-sec04A { padding: 40px 0; }
.container-sec04A dt { height: 140px; }
.container-sec04A dt p {
    font-size: 0.875em;
    padding-right: 1em;
}
.container-sec04A dt {  margin-left: 40px; }
	.container-sec04A dt:before {
	    top: 56px;
	    left: -40px;
	    width: 16px;
	    height: 25px;
	    background-size: contain;
	}
.container-sec04A dd {
	margin-left: 40px;
	font-size: 1.500em;
    line-height: 1.4;
	letter-spacing: -0.01em;
}
	.container-sec04A dd:before {
	    content: '';
	    display: inline-block;
	    top: 4px;
	    left: -45px;
	    background-image: url(../img/ico_04_check.png);
	    background-size: contain;
	    width: 29px;
	    height: 29px;
	}

/* sec 4B */
.container-sec04B { padding: 40px 0; }
.container-sec04B li {
	font-size: 1.375em;
	margin-left: 40px;
    letter-spacing: -0.03em;
	padding: .3em 0.8em;
}
.container-sec04B li:before {
	content: '';
	display: inline-block;
	top: 9px;
	left: -37px;
	background-size: contain;
	background-repeat: no-repeat;
	width: 23px;
	height: 28px;
}
	.container-sec04B li.first:before { content: ''; background-image: url(../img/ico_04B_no1.png); }
	.container-sec04B li.second:before { content: ''; background-image: url(../img/ico_04B_no2.png); }
	.container-sec04B li.third:before { content: ''; background-image: url(../img/ico_04B_no3.png); }
	.container-sec04B li.fourth:before { content: ''; background-image: url(../img/ico_04B_no4.png); }
	.container-sec04B li.fifth:before { content: ''; background-image: url(../img/ico_04B_no5.png); }
	.container-sec04B li.sixth:before { content: ''; background-image: url(../img/ico_04B_no6.png); }

/* sec 5 */
.container-sec05 { padding-bottom: 40px; }
.container-sec05 .plan dd.contents {
	padding-bottom: 30px;
	line-height: 1.7;
}
.container-sec05 .plan dd.contents ul {
	flex-direction: column;
	width: 80%;
	margin-left: auto;
}
.container-sec05 .plan dd.contents li { width: auto; }
.container-sec05 .plan dd.details { line-height: 1.6; }

/* sec 6 */
.container-sec06 h2, .container-sec07 h2 { padding: 0 4em; }
.container-sec06 { padding: 40px 0; }
.feedback li { padding: 1.5em; }

/* sec 7 */
.container-sec07 { padding: 40px 0; }
.faq li { padding: 1.5em 1.5em 0; }
.faq dl { padding-bottom: 1.5em; }
.faq dt {
	font-size: 1.250em;
	margin: 0 0 0 50px;
}
  .faq dt:before {
  	  content: '';
      display: inline-block;
      top: 4px;
      left: -50px;
  	  background-image: url(../img/ico_07_question.png);
  	  background-size: contain;
  	  width: 32px;
  	  height: 27px;
    }
.faq dd { margin: 2em 0 0 50px; }
  .faq dd:before {
  	  content: '';
      display: inline-block;
      top: 4px;
      left: -50px;
  	  background-image: url(../img/ico_07_answer.png);
  	  background-size: contain;
  	  width: 32px;
  	  height: 27px;
    }

}