@charset "shift_jis";
html{
	scroll-behavior: smooth;
	color:#333;
}
h1{
	margin:15px auto 20px auto;
	padding:0;
}
h1 img{
	width:100%;
}
h2{
	font-size:20px;
	font-weight:bold;
	text-align: left;
	margin:20px 0 20px 0;
	line-height: 1.5em;
}
h3 span{
	color:#0ca5b0;
	margin-right:5px;
}
h3{
	text-align: left;
	font-weight:bold;
	border-left: #0ca5b0 solid 4px;
	padding:0 0 0 10px;
	margin:0 0 20px 0;
	font-size:18px;
	line-height: 1.5em;
}
h4{
	text-align: left;
	font-weight:bold;
	padding:0;
	margin:0 0 20px 0;
	font-size:16px;	
	line-height: 1.5em;
}
h5{
	border: #0ca5b0 solid 1px;
	padding:5px 8px;
	border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px;
	display: inline-block;
	line-height: 1em;
	font-size:14px;
	font-weight:400;
}
h6{
	font-weight:bold;
	font-size:14px;
}
.mokuji{
	background:#FFF;/*#ddf2f4 ★エメグリ背景★*/
	/*padding:16px;*/
	text-align: left;
	margin-bottom:30px;
}
.mokuji-box{
	/*border-left:#0ca5b0 solid 4px;*/
	text-align: left;
	margin-bottom: 20px;
}
.mokuji-box:last-of-type{
	margin-bottom: 0;
}
.mokuji-box h3{
	background:#ddf2f4;
	font-size:18px;
	color:#333;
	font-weight:bold;
	border-left: none;
	line-height: 1.5em;
	display: flex;
	justify-content: flex-start;
	text-align: left;
	margin-bottom:10px;
	padding:10px;
	border-left:#0ca5b0 solid 4px;
}

.mokuji-box h3 span{
	color: #0ca5b0;
	width: 2em; /* 2文字分の固定幅 */
	flex-shrink: 0; /* 横幅が縮まないようにする */
	text-align: left;
}
.mokuji-box h3 a{
	color: #333;
	text-decoration: none;
	flex: 1; /* 残りの幅を占める */
	text-align: left;
	word-break: break-word; /* 折り返しを有効にする */
}

.mokuji-box h3 a:hover {
  text-decoration: underline; 
}
.mokuji-box ul{
	margin:0 0 20px 48px;
	padding:0;
	list-style-type: none;
}
.mokuji-box li{
	margin:0 0 5px 0;
	padding:0;
}
.mokuji-box li a{
	color:#333;
	text-decoration: none;

}
.mokuji-box a:hover,.mokuji-box h3 a:hover{
	text-decoration: underline;
}
.mokuji-box p{
	margin:0;
	padding:0;
}
.mokuji-box ol{
	margin:10px 0 5px 0px;
	padding:0;
	list-style: none;
}
.mokuji-box li{
	margin:0 0 5px 0;
	padding:0;
}
.listmark-check{
	margin:0 0 0 0;
	padding:0;
	list-style-type: none;
}
.listmark-check li{
	margin:0 0 5px 0;
	padding:0 0 0 24px;
	background: url("../img/check.png")no-repeat left top 2px;
	background-size: 14px;
}
.basic-p{
	margin:0 0 20px 0;
	padding:0;
}
.basic-p2{
	margin:0 0 10px 0;
	padding:0;
}
.pc-img{
	background: url("../img/pc.png")no-repeat right center;
	background-size: 34%;
	margin-bottom:20px;
}
.new-life-img{
	display: block;
	margin:0 auto 20px auto;
	width:80%;
}
.new-life-img2{
	display: block;
	margin:0 auto 20px auto;
	width:96%;
}
.new-life-img3{
	display: block;
	margin:0 auto 20px auto;
	width:50%;
}
.new-life-img4{
	display: block;
	margin:0 auto 20px auto;
	width:54%;
}
.new-life-img5{
	display: block;
	margin:0 auto 20px auto;
	width:46%;
}
.new-life-img6{
	display: block;
	margin:0 auto 20px auto;
	width:42%;
}
.new-life-img100{
	display: block;
	margin:0 auto 20px auto;
	width:100%;
}
.new-life-banner{
	display: block;
	margin:20px auto 0 auto;
	width:100%;
}
.mb20{
	margin-bottom:20px;
}

.scroll-follow {
	position: fixed; 
	bottom: 20px;
	right: 20px; 
	z-index: 1000;
}

.scroll-follow a img {
	display: block;
	width: 50px; /* ボタンの幅 */
	height: auto; /* 画像の縦横比を保持 */
	cursor: pointer;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.scroll-follow a img:hover {
  transform: scale(1.1); /* マウスホバー時に拡大 */
  opacity: 0.8; /* ホバー時の透明度変更 */
}
.group-pagerx {
  position: relative;
  margin: 0 auto;
  text-align: center;
  width: 266px;
}
.group-pagerx p {
  padding-top: 5px;
  color: #666;
  font-size: 12px;
  text-align: center;
  margin: 0;
}
.group-pagerx ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}
  .group-pagerx ul li {
    width: 30px;
    display: inline-block;
    margin: 0 1px;
    vertical-align: middle;
  }
    .group-pagerx ul li a,
    .group-pagerx ul li span {
      border: 1px solid #0ca5b0;
      display: block;
      line-height: 35px;
      text-align: center;
      color: #333;
      text-decoration: none;
    }
    .group-pagerx ul li.current a {
      border-color: #0ca5b0;
      background-color: #0ca5b0;
      color: #fff;
    }
    .group-pagerx ul li.prev, .group-pagerx ul li.next {
      width: auto;
    }
      .group-pagerx ul li.prev a, .group-pagerx ul li.next a {
        border: 0 none;
        margin: 1px;
      }
    .group-pagerx ul li.prev {
      position: absolute;
      top: 0;
      left: 0;
    }
      .group-pagerx ul li.prev a:before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 15px;
        vertical-align: middle;
        background: url(../img/icon-prev.png) no-repeat 0 0;
		  background-size: 90%;

        margin: -2px 8px 0 0;
      }
    .group-pagerx ul li.next {
      position: absolute;
      top: 0;
      right: 0;
    }
      .group-pagerx ul li.next a:after {
        content: "";
        display: inline-block;
        width: 8px;
        height: 15px;
        vertical-align: middle;
        background: url(../img/icon-next.png) no-repeat 0 0;
		  background-size: 90%;
        margin: -2px 0 0 8px;
      }
    .group-pagerx ul li.more span {
      border-color: transparent;
    }
.check-list{
	list-style-type: none;
	margin:10px 0 0 0;
	padding:0 10px 0 10px;
}

.check-list li{
	margin:0 0 10px 0;
}
.check-list li:before{
    content:"□";
    /*font-size: 140%;*/
    margin-right: 5px;
	vertical-align: top;
	color:#666;
	font-weight:bold;
}
.check-list-indent{
	margin-left:19px;
}
.grid-box{
	background: url(../img/bg.png) repeat;
	padding:10px;
}

.nl-banner img,.nl-banner2 img{
	display: block;
	width:100%;
	
}
.nl-banner2{
	display: block;
	margin-left:16px;
}
table,th,td{
	border-collapse: collapse;
	border: #b4d5d8 solid 1px;
}
.basic-table{
	width:100%;
	margin-bottom:20px;
}
.basic-table:last-of-type{
	margin-bottom:0;
}
.basic-table th{
	background:#ddf2f4;
	text-align: center;
	font-weight:lighter;
	color:#0ca5b0;
}
th,td{
	padding:5px;
}
.basic-table td:nth-of-type(odd) {
	width:10em;
}
.out-list{
	list-style-type: circle;
	list-style-position: outside;
	margin:20px 0 10px 1.5em;
	padding:0;
}
.out-list li{
	margin:0 0 5px 0;
	padding;0;
}
.mt0-list{
	margin:5px 0 0 1.5em;	
}

/* ------------------------------------------------------------ */
@media (max-width: 460px) {
}