@charset "utf-8";
article, aside, footer, header, hgroup, main, nav, section {
  display: block;
}
/* メインスライド
----------------------------------------------------------------------------- */

/*次矢印のアイコンフォント*/
.sp-next-arrow:before {
  content: ' ' !important;
  display: block;
  background: url(../img/slide_next.png) no-repeat left top;
  text-indent: -9999px;
  width: 40px;
  height: 100px;
}
/*前矢印のアイコンフォント*/
.sp-previous-arrow:before {
  content: ' ' !important;
  display: block;
  background: url(../img/slide_prev.png) no-repeat left top;
  text-indent: -9999px;
  width: 40px;
  height: 100px;
}


/*title
----------------------------------------------------------------------------- */

.title01 {
  margin-top: 25px;
}
.title01 .title01_nav {
  margin: 50px auto 75px;
}
.title01 .title01_nav ul {
  width: 61.4%;
  margin: 0 auto;
}
.title01 .title01_nav li {
  float: left;
  border-left: 1px solid #CCCCCC;
  width: 165px;
  padding: 1px;
}
.title01 .title01_nav li a {
  display: block;
  padding: 8px 0;
  width: 100%;
  background-color: #FFFFFF;
  text-align: center;
  color: #0E7E9A;
  text-decoration: none;
}
.title01 .title01_nav li a:hover {
  display: block;
  padding: 8px 0;
  width: 100%;
  background-color: #0E7E9A;
  text-align: center;
  color: #FFFFFF;
}
.title01 .title01_nav ul li:last-child {
  border-right: 1px solid #CCCCCC;
}

/* service
----------------------------------------------------------------------------- */
#service01 {
	margin-bottom: 80px;
}
#service01 h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size:29px;
}
#service01 ul {
	padding: 50px;
  border: 1px solid #CCCCCC;
	text-align: left;
}
#service01 li {
	float: left;
	width: 220px;
	margin-left:1em;
	margin-bottom:1em;
  list-style: url('../img/info_left_icon_pc.jpg') !important;
  list-style-position: inside;
}
#service01 li a,
#service01 li a:hover {
  color: #666666;
  text-decoration:none;
}


/* BreakPoint 768px
=============================================================*/
@media only screen and (max-width: 768px) {
main {
  margin-top: 80px;
}
/*title
----------------------------------------------------------------------------- */

.title01 {
  font-size: 2.2vw;
}
.title01 .title01_nav {
  margin: 45px auto 48px;
}
.title01 .title01_nav ul {
  width: 100%;
}
.title01 .title01_nav ul li {
}
.title01 .title01_nav .nav_l {
  border: 1px solid #CCCCCC;
  width: 48%;
  padding: 0.5%;
  margin-bottom: 1%;
  float: left;
}
.title01 .title01_nav .nav_r {
  border: 1px solid #CCCCCC;
  width: 48%;
  padding: 0.5%;
  margin-bottom: 1%;
  float: right;
}
.title01 .title01_nav .nav_b {
  border: 1px solid #CCCCCC;
  width: 98.8%;
  padding: 0.5%;
  float: none;
  clear: both;
}

/* service
----------------------------------------------------------------------------- */
#service01 dl dt img {
  max-width:100%;
  width:auto;
}
#service01 ul {
	padding: 30px;
}

}
/* BreakPoint 520px
=============================================================*/
@media only screen and (max-width: 520px) {
.main02_title img {
  width: 68%;
}
.main03_title img, .main04_title img {
  width: 95%;
}
}