@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

/* ==========================================================================
	CONTENT
========================================================================== */

#easy .box01{ background-color:#fff2f3;}
#easy .box02{ background-color:#efefef;}

.green{ color:#35801e;}
.red{ color:#ee1119;}

#form-start{
  text-align:left;
}


.cmn-title2 {
    color: #434343;
    font-size: 140%;
    text-align: left;
    border-bottom: 1px dotted #434343;
    background: url(../images/check-images/easy-icon.gif) 0 16px no-repeat;
    padding: 5px 0 5px 32px;
    margin-bottom: 20px;
}

/* ------------------------------------------------------------
	 PC   800px -
------------------------------------------------------------ */
@media screen and (min-width: 1025px){
#main{
  height:518px;
  border-bottom:1px solid #f78b97;
  background:url(../images/check-images/main.jpg) 50% 0 no-repeat;
  background-color:#ffffff;
  margin-bottom:60px;
}
#main .wrapper{
  padding-top:190px;
  text-align:right;
}
#main .wrapper h2{
  float:right;
  width:574px;
  height:185px;
  background:url(../images/check-images/main-catch.png) 0 0 no-repeat;
}

#feature{
  margin-bottom:50px;
}
#feature-in{
  background-color:#f29da6;
}
#feature ul{
  width:1000px;
  margin:0 auto;
  overflow:hidden;
  border-right:1px solid #f7b2ba;
}
#feature li{
  float:left;
  width:33%;
  padding:50px 0 30px 0;
  border-left:1px solid #f7b2ba;
}
#feature li h3{
  color:#ffffff;
  font-size:150%;
  padding:20px 0;
}
#feature li p{
  color:#fff;
  text-align:left;
  padding:0 20px;
}
#easy .box01,#easy .box02{
  padding:40px 0;
}
.easy-img{
  float:left;
  width:30%;
  height:auto;
}
.easy-info{
  float:right;
  text-align:left;
  width:60%;
}
#form .catch{
  margin-bottom:24px;
}
#form .catch-in{
  height:465px;
  background:url(../images/check-images/middle-bg.jpg) 50% 0 no-repeat;
}
#form .catch-in .wrapper{
  padding-top:280px;
  text-align:right;
}
#form .catch-in .wrapper h2{
  width:735px;
  height:173px;
  float:right;
  background:url(../images/check-images/middle-title.png) 0 0 no-repeat;
}

/*入力フォーム*/

#form-start{
  margin-bottom:40px;
}
#form-start table{
  width:100%;
  border-top:1px solid #dcdcdc;
  border-left:1px solid #dcdcdc;
  margin-bottom:30px;
}
#form-start th{
  width:200px;
  background-color:#f7ffea;
  border-bottom:1px solid #dcdcdc;
  border-right:1px solid #dcdcdc;
  padding:15px;
}
#form-start td{
  border-bottom:1px solid #dcdcdc;
  border-right:1px solid #dcdcdc;
  padding:15px;
}
#form-start td dl{
  overflow:hidden;
  margin-bottom:10px;
}
#form-start td dt{
  float:left;
  width:120px;
}
#form-start td dd{
  margin-left:120px;
}
#form-start .input01{
  width:440px;
  padding:5px;
}
#form-start .input02{
  width:150px;
  padding:5px;
}
#form-start .input03{
  padding:7px 0;
}

/*個人情報保護方針*/
#policy{
  text-align:left;
}
#policy h4{
  font-size:110%;
  margin-bottom:10px;
}
#policy .line{
  text-decoration:underline;
}


}

/* ------------------------------------------------------------
	 TABLET   for - 799px
------------------------------------------------------------ */

@media screen and (max-width:1024px){
#main{
  padding-top:15%;
  border-bottom:1px solid #f78b97;
  background:url(../images/check-images/main-sp.jpg) 50% 100% no-repeat;
  background-size:100% auto;
  background-color:#ffffff;
  margin-bottom:30px;
}
#main .wrapper{
  text-align:right;
  margin-bottom:15%
}
#main .wrapper img{
  width:65%;
  height:auto;
}

#feature{
  margin-bottom:40px;
}
#feature-in{
  background-color:#f78b97;
}
#feature ul{
  margin:0 10px;
  overflow:hidden;
  border-right:1px solid #f7b2ba;
}
#feature li{
  float:left;
  width:33%;
  padding:50px 0 30px 0;
  border-left:1px solid #f7b2ba;
}
#feature li h3{
  color:#ffffff;
  font-size:120%;
  padding:20px 0;
}
#feature li p{
  color: #fff;
  text-align:left;
  padding:0 20px;
}

#easy .box01,#easy .box02{
  padding:40px 0;
}
.easy-img{
  float:left;
  width:40%;
  height:auto;
}
.easy-info{
  float:right;
  text-align:left;
  width:56%;
}
#form .catch{
  background: url(../images/check-images/middle-bottom.png) 50% 100% no-repeat;
  padding-bottom:39px;
  margin-bottom:24px;
}
#form .catch-in{
  background:url(../images/check-images/middle-bg.jpg) 50% 0 no-repeat;
  background-size:auto 100%;
}
#form .catch-in .wrapper{
  padding-top:30%;
  text-align:right;
}
#form .catch-in .wrapper img{
  height:auto;
  width:100%;
  margin-bottom:5%;
}

/*入力フォーム*/

#form-start{
  margin-bottom:30px;
}
#form-start table{
  width:100%;
  border-top:1px solid #dcdcdc;
  border-left:1px solid #dcdcdc;
  margin-bottom:30px;
}
#form-start th{
  width:20%;
  background-color:#f7ffea;
  border-bottom:1px solid #dcdcdc;
  border-right:1px solid #dcdcdc;
  padding:15px;
}
#form-start td{
  border-bottom:1px solid #dcdcdc;
  border-right:1px solid #dcdcdc;
  padding:15px;
}
#form-start td dl{
  overflow:hidden;
  margin-bottom:10px;
}
#form-start td dt{
  float:left;
  width:120px;
}
#form-start td dd{
  margin-left:120px;
}
#form-start .input01{
  width:280px;
  padding:5px;
}
#form-start .input02{
  width:150px;
  padding:5px;
}

/*個人情報保護方針*/
#policy{
  text-align:left;
}
#policy h4{
  font-size:110%;
  margin-bottom:10px;
}
#policy .line{
  text-decoration:underline;
}

}
/* ------------------------------------------------------------
	 SP　599pxまで
------------------------------------------------------------ */

@media screen and (max-width: 640px) {
#feature ul{
  margin:0 0;
  overflow:hidden;
}
/*#feature li{
  float:left;
  width:33%;
  padding:40px 0 20px 0;
  border-left:1px solid #afd768;
  box-sizing:border-box;
}*/
#feature li{
  float:left;
  width:100%;
  padding:30px 0 10px 0;
  border-bottom:1px solid #f7b2ba;
  box-sizing:border-box;
}
#feature li img{
  width:30%;
  height:auto;
}
#feature li h3{
  color:#ffffff;
  font-size:120%;
  padding:10px 5px;
}
#feature li p{
  font-size:90%;
  text-align:left;
  padding:0 20px;
}

#easy .box01,#easy .box02{
  padding:30px 0;
}
.easy-img{
	display: block;
  float:none;
  width:90%;
  height:auto;
  margin:0 auto 10px auto;
}
.easy-info{
  float:none;
  text-align:left;
  width:90%;
  margin:0 auto 0 auto;
}

#form .catch{
  background: url(../images/check-images/middle-bottom.png) 50% 100% no-repeat;
  background-size:auto 15px;
  padding-bottom:15px;
  margin-bottom:20px;
}

/*入力フォーム*/

#form-start{
  margin-bottom:30px;
}
#form-start table{
  width:100%;
  box-sizing:border-box;
  border-top:1px solid #dcdcdc;
  border-left:1px solid #dcdcdc;
  margin-bottom:30px;
}
#form-start th{
  width:100%;
  box-sizing:border-box;
  display:block;
  background-color:#f7ffea;
  border-bottom:1px solid #dcdcdc;
  border-right:1px solid #dcdcdc;
  padding:10px;
}
#form-start td{
  width:100%;
  box-sizing:border-box;
  display:block;
  border-bottom:1px solid #dcdcdc;
  border-right:1px solid #dcdcdc;
  padding:10px;
}
#form-start td dl{
  overflow:hidden;
  margin-bottom:10px;
}
#form-start td dt{
  float:left;
  width:40%;
}
#form-start td dd{
  margin-left:40%;
}
#form-start .input01{
  width:100%;
  box-sizing:border-box;
  padding:5px;
}
#form-start .input02{
  width:100%;
  box-sizing:border-box;
  padding:5px;
}

}