/** resetStart **/

h1 {
  border-left:4px solid #19abe0;
}

.button a, .button input {
  background:#19abe0;
}

.button a:hover, .button input:hover {
  background:#5FC3E7;
}

.flow dl {
	background-image:url(../img/common/flowBg2.png);
}

.flowStart {
	background:url(../img/common/flowBgStart2.png) no-repeat top left !important;
}

.flowEnd {
	background-image:url(../img/common/flowBgEnd2.png) !important;
}

.flow dt {
	color:#19abe0;
}


/** resetEnd **/


/*================================================
カテゴリトップ
================================================*/


#serviceIndex #mainBanner {
  margin:0 auto 30px auto;
  width:850px;
}
@media only screen and (max-width: 640px) { /** forMobile **/
  #serviceIndex #mainBanner {
    width:100%;
    overflow:hidden;
    text-align:center;
  }
}

#serviceIndex #mainBanner img {
  width: 100%;
}
@media only screen and (max-width: 640px) { /** forMobile **/
  #serviceIndex #mainBanner img{
  }
}


#serviceIndex #catchcopy {
  font-size:2.5em;
  border-bottom:none;
  margin:20px 30px;
  padding:0;
  line-height:1.2em;
}
@media only screen and (max-width: 640px) { /** forMobile **/
  #serviceIndex #catchcopy {
    font-size:1.4em;
    margin:0;
    line-height:1.5em;
  }
}


#serviceMenu {
  overflow:hidden;
  width:850px;
  margin:auto;
  padding-bottom:10px;
}
@media only screen and (max-width: 640px) { /** forMobile **/
  #serviceMenu {
    width:100%;
  }
}


#serviceMenu .serviceLink {
  width:400px;
  height:300px;
  float:right;
  background:#F4F6EE;
  border:1px solid #E5E5E5;
  padding-bottom:25px;
  margin:20px 0;
  box-sizing: border-box;
}
@media only screen and (max-width: 640px) { /** forMobile **/
  #serviceMenu .serviceLink {
    width:100%;
    height:auto;
    float:none;
  }
}

#serviceMenu .serviceLink:first-child {
  float:left;
}
@media only screen and (max-width: 640px) { /** forMobile **/
  #serviceMenu .serviceLink:first-child {
    float:none;
  }
}


#serviceMenu .serviceLink h3 {
  border:none;
  border-left:5px solid #19abe0;
  background:#ace1f4;
  margin:0 !important;
  padding:8px 0 8px 15px;
  font-weight:normal;
  color:#693000;
}

#serviceMenu .serviceLink p {
  background:url(../img/common/iconBoardGray.png) left top no-repeat;
  background-size:45px;
  margin:30px 30px 40px 30px;
  padding-left:60px;
}

#serviceMenu .serviceLink .button {
  margin:5px 30px;
}

#serviceMenu .serviceLink .button a {
  display:block;
}


#serviceMenu .serviceLink .icon {
  width:20px;
  vertical-align:middle;
}

#serviceMenu .miniButton a {
  color:#FFF;
	padding:5px 20px;
  text-decoration:none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border:none;
  text-align:center;
}
@media only screen and (max-width: 640px) { /** forMobile **/
  #serviceMenu .miniButton a {
    padding:20px;
  }
}


/*================================================
サービス一覧
================================================*/


#departmentIntro {
  overflow:hidden;
  width:850px;
  margin:10px auto 30px auto;
  line-height:1.8em;
  font-size:1.2em;
}
@media only screen and (max-width: 640px) { /** forMobile **/
  #departmentIntro {
    width:100%;
    margin:0 auto 30px auto;
    line-height:1.3em;
    font-size:1em;
  }
}

.departmentList {
  width:850px;
  margin:30px auto 30px auto;
}
@media only screen and (max-width: 640px) { /** forMobile **/
  .departmentList {
    width:100%;
    margin:0 auto 30px auto;
  }
}