@charset "UTF-8";
/* CSS Document */

.ttl_inner{
}

.ttl_inner .title{
	margin-bottom:5em;
}
.ttl_inner .title h1{
	font-size:1.1rem;
	margin-bottom:1em;
}
.ttl_inner .title h6{
	font-size:3.0rem;
	line-height:1em;
}
.ttl_inner .title h6 span{
}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
	.ttl_inner .title{
		text-align:center;
	}
}


/* ----------sm-wrap –---------- */
.sm-wrap {
	margin: 0 auto;
}
.sm-title {
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.sm-grid {
	display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
}
.sm-grid::after {
	display: block;
	content:"";
	width: 30%;
}
.sm-block {
	width:30%;
    background: #fff;
	margin-bottom:40px
  }
.sm-block h2 {
	font-size:1.1rem;
	margin:0 0 1em 0;
	border-bottom:1px solid #ccc;
	    padding: 6px 0 6px 0;
}

  /* 第２階層リスト */
  .sm-block ul {
    list-style: none;
    margin: 0;
  }
  .sm-block ul li {
    border-bottom: 1px dotted #ccc;
    padding: 6px 0;
    position: relative;
    line-height: 1.5;
  }
  .sm-block ul li a {
    text-decoration: none;
	  display:block;
	  height:100%;
	  width:100%;
  }
  .sm-block ul li a:hover {
    text-decoration: underline;
  }
  .sm-block ul li.nolink {
    color: #aaa;
  }
  /* 第３階層サブリスト */
  .sm-block ul li ul {
    margin-top: 6px;
    padding: 0 0 0 12px;
  }
  .sm-block ul li ul li {
    border-bottom: none;
    padding: 3px 0 3px 12px;
    font-size: 13px;
  }
  .sm-block ul li ul li::before {
    content: '–';
    color: #aaa;
  }
  .sm-block ul li ul li a {
    color: #555;
  }
  .sm-block ul li ul li.nolink {
    color: #bbb;
  }


/* ----------959px–---------- */
@media screen and (max-width: 959px) {
	.sm-block {
		width:48%;
	  }
}

/* ----------768px–---------- */
@media screen and (max-width: 768px) {
	.sm-block {
		width:100%;
	  }
}