@charset "UTF-8";

/*----------- global -----------*/

body {
	margin: 0 auto;
	font-family: 'Helvetica Neue','Segoe UI','ヒラギノ角ゴシック','Hiragino Sans','YuGothic','Yu Gothic',メイリオ,Meiryo,sans-serif;
	line-height: 1.5;
	color: #484b4d;
	}

img {
  max-width: 100%;
  height: auto;
}

.sp { display: none !important; }

.box {
  max-width: 960px;
  margin: 0 auto;
}

.cv {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 147px;
  background: #115198;
}

.cv .btn {
  display: inline-block;
  position: relative;
  text-decoration: none;
  width: 460px;
  height: 68px;
  font-size: 1.875em;
  line-height: 68px;
  letter-spacing: 0.05em;
  font-family: Georgia, 'ヒラギノ明朝 ProN W3','HiraMinProN-W3', 'HG明朝E', 'MS P明朝', 'MS PMincho', 'MS 明朝', serif;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  background: #f37139;
  background-image: -webkit-linear-gradient(top, #f37139, #be3b08);
  background-image: -moz-linear-gradient(top, #f37139, #be3b08);
  background-image: -ms-linear-gradient(top, #f37139, #be3b08);
  background-image: -o-linear-gradient(top, #f37139, #be3b08);
  background-image: linear-gradient(to bottom, #f37139, #be3b08);
  border-radius: 12px;
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  box-shadow: 4px 4px 2px #352d1c, 0 0 6px #ffe011 inset;
  -webkit-box-shadow: 4px 4px 2px #352d1c, 0 0 6px #ffe011 inset;
  -moz-box-shadow: 4px 4px 2px #352d1c, 0 0 6px #ffe011 inset;
}
.cv .btn:after {
	content: "";
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: -9px 0 0 8px;
    background: url(../img/ico_CV.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
}
.cv .btn:hover{
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: 0 0 6px #ffea5e inset;
    -webkit-box-shadow: 0 0 6px #ffea5e inset;
    -moz-box-shadow: 0 0 6px #ffea5e inset;
    background-image: -webkit-linear-gradient(top, #f99068, #c14f27);
    background-image: -moz-linear-gradient(top, #f99068, #c14f27);
    background-image: -ms-linear-gradient(top, #f99068, #c14f27);
    background-image: -o-linear-gradient(top, #f99068, #c14f27);
    background-image: linear-gradient(to bottom, #f99068, #c14f27);
}


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

.contact { background-color: #fff; }
	.contact-box {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  padding: 0 1em;
	  height: 85px;
	}

.catch {
  box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.25) inset;
  -webkit-box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.25) inset;
  -moz-box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.25) inset;
  background: url(../img/bk_firstview.jpg) no-repeat top right #fff;
}
h1 {
  max-width: 960px;
  margin: 0 auto;
}

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

h2 {
  padding: 0 1em;
  margin-bottom: 40px;
}

.arrow {
  position: relative;
  margin-bottom: 70px;
  padding: 25px 1em;
  text-align: center;
  background: #357ecf;
}
	.arrow:after {
	  position: absolute;
	  content: '';
	  border-top: 45px solid #357ecf;
	  border-right: 55px solid transparent;
	  border-left: 55px solid transparent;
	  top: 100%;
	  left: 50%;
	  transform: translateX(-50%);
	}

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

/* sec 2 */
.container-sec02 {
 padding: 55px 0;
 text-align: center;
 background: #fff url(../img/bk_sec02.png);
}

/* sec 3 */
.container-sec03 {
 padding-bottom: 55px;
 text-align: center;
 background: #fff;
}
.container-sec03 .founders {
  display: flex;
  justify-content: space-around;
}
.container-sec03 .profile {
  position: relative;
  padding: 0 1em;
  width: 50%;
  text-align: center;
}
	.container-sec03 .profile:first-child {
		border-right: 1px solid #e8e8e8;
	}
.container-sec03 .name {
 font: 2.25em Georgia, 'ヒラギノ明朝 ProN W3','HiraMinProN-W3', 'HG明朝E', 'MS P明朝', 'MS PMincho', 'MS 明朝', serif;
 font-weight: 500;
 letter-spacing: .05em;
 color: #082545;
 margin: 1em 0;
}
.container-sec03 .sns {
 display: flex;
 justify-content: space-around;
 align-items: center;
 width: 160px;
 margin: 0 auto;
 }
 	 a.twitter { width: 30px; height: 24px; transition: .4s; }
 	 a.facebook { width: 14px; height: 28px; transition: .4s; }
 	 a.instagram { width: 28px; height: 28px; transition: .4s; }
	 a.twitter:hover { opacity: 0.5; }
	 a.facebook:hover { opacity: 0.5; }
	 a.instagram:hover { opacity: 0.5; }

.container-sec03 .intro {
  margin-top: 2em;
  line-height: 2;
  letter-spacing: -0.01em;
}

/* sec 4A */
.container-sec04A {
  padding: 55px 0;
  text-align: center;
  background: #fff url(../img/bk_sec04A.png);
}
.sec04 {
  padding: 0 1em;
  text-align: left;
  }
.container-sec04A dt {
  position: relative;
  background: #78bfe6;
  height: 100px;
  padding: 0 1.5em;
  margin-left: 60px;
  border-radius: 10px;
  color: #232323;
  }
	.container-sec04A dt p{
	  position: absolute;
	  top: 50%;
	  -ms-transform: translateY(-50%);
	  -webkit-transform : translateY(-50%);
	  transform : translateY(-50%);
	  font-size: 1.25em;
	  text-align: justify;
  	  text-justify: inter-ideograph;
	  }
	.container-sec04A dt:before {
	  position: absolute;
	  content: '';
	  top: 0;
	  left: -60px;
	  display: inline-block;
	  width: 32px;
	  height: 100px;
	  background: url(../img/ico_04_question.png) 50% 50% no-repeat;
	}
	.container-sec04A dt:after {
	  position: absolute;
	  content: '';
	  border-right: 15px solid #78bfe6;
	  border-top: 8px solid transparent;
	  border-bottom: 8px solid transparent;
	  top: 43%;
	  left: -5px;
	  transform: translateX(-50%);
	}

.container-sec04A dd {
  position: relative;
  margin: 30px 0 30px 138px;
  font-size: 1.83em;
  font-weight: 600;
  letter-spacing: 0.005em;
  text-align: justify;
  text-justify: inter-ideograph;
  color: #fff;
	}
	.container-sec04A dd span { color: #ffe011; }
.container-sec04A dd p {
  margin-top: 10px;
  font-size: .6em;
  font-weight: lighter;
  color: #fff;
}
	.container-sec04A dd:before {
  	  position: absolute;
      content: url(../img/ico_04_check.png);
      top: -8px;
      left: -80px
	}
	.container-sec04A .sec04 dd:last-child { margin-bottom: 0; }

/* sec 4B */
.container-sec04B {
  padding: 55px 0;
  text-align: center;
  background: #fff url(../img/bk_sec04B.png);
}
.container-sec04B ol {
  list-style-type: none;
}
.container-sec04B li {
  position: relative;
  display: inline-block;
  margin: 0 0 30px 100px;
  padding: .1em .5em;
  font-size: 1.750em;
  letter-spacing: -0.01em;
  text-align: justify;
  text-justify: inter-ideograph;
  color: #115198;
  background-color: #fff;
}
.container-sec04B li span {
	font-size: 1.286em;
	font-weight: 600;
	background-color: #ffe011;
	}
	.container-sec04B li:before {
	  position: absolute;
	  top: 0;
	  left: -80px;
	}
	.container-sec04B li.first:before { content: url(../img/ico_04B_no1.png); }
	.container-sec04B li.second:before { content: url(../img/ico_04B_no2.png); }
	.container-sec04B li.third:before { content: url(../img/ico_04B_no3.png); }
	.container-sec04B li.fourth:before { content: url(../img/ico_04B_no4.png); }
	.container-sec04B li.fifth:before { content: url(../img/ico_04B_no5.png); }
	.container-sec04B li.sixth:before { content: url(../img/ico_04B_no6.png); }
	.container-sec04B li.sixth { margin-bottom: 0; }

/* sec 5 */
.container-sec05 {
  padding-bottom: 55px;
  text-align: center;
  background: #fff url(../img/bk_sec05.png);
}

.container-sec05 ul.pricelist {
  list-style-type: none;
  display: flex;
  margin: 0 1em;
   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);
}
  .container-sec05 li.pricebox {
	  display: flex;
	  width: 33.33333%;
	  width:-webkit-calc(100% / 3);
	  width : calc(100% / 3) ;
	  background-color: #fff;
  }
  	.container-sec05 ul li:last-child { border-right: none; }

.container-sec05 .plan { list-style-type: none; }
	.container-sec05 .plan dt {
		height: 83px;
		line-height: 83px;
		color: #fff;
		font-size: 1.875em;
	}
		.container-sec05 .plan dt.minimum {
			background: #78bfe6;
			background: -moz-linear-gradient(top, #78bfe6 0%, #cfe8f6 100%);
			background: -webkit-linear-gradient(top, #78bfe6 0%,#cfe8f6 100%);
			background: linear-gradient(to bottom, #78bfe6 0%,#cfe8f6 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bfe6', endColorstr='#cfe8f6',GradientType=0 );
		}
		.container-sec05 .plan dt.normal {
			background: #357ecf;
			background: -moz-linear-gradient(top, #357ecf 0%, #78bfe6 100%);
			background: -webkit-linear-gradient(top, #357ecf 0%,#78bfe6 100%);
			background: linear-gradient(to bottom, #357ecf 0%,#78bfe6 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#357ecf', endColorstr='#78bfe6',GradientType=0 );
		}
		.container-sec05 .plan dt.premire {
			background: #115198;
			background: -moz-linear-gradient(top, #115198 0%, #357ecf 100%);
			background: -webkit-linear-gradient(top, #115198 0%,#357ecf 100%);
			background: linear-gradient(to bottom, #115198 0%,#357ecf 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#115198', endColorstr='#357ecf',GradientType=0 );
		}

	.container-sec05 .plan dd.price {
		height: 117px;
		line-height: 117px;
		background-color: #fff;
	}
		.container-sec05 ul li:nth-child(2n) dd.price {
			border-left: 1px solid #e8e8e8;
			border-right: 1px solid #e8e8e8;
		}
		.container-sec05 .plan dd.price img {
			 display: inline-block;
			 vertical-align: middle;
		}

	.container-sec05 .plan dd.contents {
	    position: relative;
		background-color: #e8e8e8;
		padding: 50px 1em;
		font-size: 1.125em;
		line-height: 1.8;
		text-align: justify;
  		text-justify: inter-ideograph;
		height: 324px;
	}
			.container-sec05 ul li:nth-child(2n) dd.contents  {
			border-left: 1px solid #fff;
			border-right: 1px solid #fff;
		}
		.container-sec05 .plan dd.contents:before {
	  		  position: absolute;
			  content: '';
			  border-top: 20px solid #fff;
			  border-right: 25px solid transparent;
			  border-left: 25px solid transparent;
			  top: 0;
			  left: 50%;
			  transform: translateX(-50%);
		}

		.container-sec05 .plan dd.contents p { padding-bottom: 1em; }
		.container-sec05 .plan dd.contents p:last-child { padding-bottom: 0; }
		.container-sec05 .plan dd.contents ul {
		    width: 90%;
		    margin: 0 auto;
		}
		.container-sec05 .plan dd.contents ul li {
			position: relative;
			list-style-type: none;
			padding: .1em 0 .1em 0;
			vertical-align: middle;
		}

			.container-sec05 .plan dd.contents ul li:before {
				content: "";
			    display: inline-block;
			    width: 18px;
			    height: 18px;
			    margin-right: 12px;
			    background: url(../img/ico_05_check.png) no-repeat;
				background-size: contain;
			    vertical-align: middle;
			}

	.container-sec05 .plan dd.details {
	    position: relative;
		padding: 2em 1em;
		font-size: 0.875em;
		line-height: 1.7;
		text-align: justify;
  		text-justify: inter-ideograph;
		background-color: #fff;
	}
		.container-sec05 ul li:nth-child(2n) dd.details {
			border-left: 1px solid #e8e8e8;
			border-right: 1px solid #e8e8e8;
		}

/* sec 6 */
.container-sec06 {
  padding: 55px 0;
  text-align: center;
  background: #fff url(../img/bk_sec06.png);
}
.feedback {
  display: flex;
  flex-direction: column;
  margin: 0 1em;
  text-align: left;
  }
.feedback img { margin-right: 1.5em; }
.feedback li {
  list-style-type: none;
  display: flex;
  align-items: flex-start;
  padding: 2em;
  border: 1px solid #b5b5b5;
  background-color: #fff;
  margin-bottom: 2em;
}
	.feedback li:last-child { margin-bottom: 0; }
.feedback dl { position: relative; }
.feedback dt {
  padding-left: .5em;
  font-size: 1.500em;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: #115198;
  border-left: solid .3em #ffe011;
}

.feedback dd {
  margin-top: 1.5em;
  font-size: 0.875em;
  line-height: 1.7;
  text-align: justify;
  text-justify: inter-ideograph;
  background-color: #fff;
}

/* sec 7 */
.container-sec07 {
  padding: 55px 0;
  text-align: center;
  background: #cfe8f6;
}
.faq {
  margin: 0 1em;
  text-align: left;
  }
.faq li {
  list-style-type: none;
  display: flex;
  align-items: flex-start;
  padding: 2em 2.5em 0;
  background-color: #fff;
}
.faq dl {
	padding-bottom: 2em;
	border-bottom: 1px solid #e8e8e8;
}
.faq li:last-child dl { border-bottom: none; }

.faq dt {
  position: relative;
  margin: 10px 0 10px 80px;
  font-size: 1.375em;
  font-weight: 500;
  text-align: justify;
  text-justify: inter-ideograph;
  color: #115198;
}
	.faq dt:before {
	  position: absolute;
      content: url(../img/ico_07_question.png);
      top: -10px;
      left: -80px;
	  }
.faq dd {
  position: relative;
  margin: 2em 0 10px 80px;
  font-size: 0.875em;
  line-height: 1.7;
  text-align: justify;
  text-justify: inter-ideograph;
}
	.faq dd:before {
	  position: absolute;
      content: url(../img/ico_07_answer.png);
      top: 0;
      left: -80px;
	  }

/* sec 8 */
.container-sec08 {
  padding: 55px 0;
  text-align: center;
/*  background: #cfe8f6;
  background: #115198;*/
}
.faq {
  margin: 0 1em;
  text-align: left;
  }

/*----------- footer -----------*/

footer {
  position: relative;
  height: 340px;
  font-size: 0.875em;
  text-align: center;
  color: #fff;
  background: url(../img/bk_footer.jpg) no-repeat bottom center #fff;
}
footer p {
	position: absolute;
	bottom: 1em;
	left: 0;
    right: 0;
    margin: auto;
}