.sclBox{
	position:relative;
}
.sclImg{
	float:left;
	width:30%;
}
.sclImg img{
	display:block;
	width:100%;
}
.sclText{
	float:right;
	width:65%;
}
.sclText p{
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
	font-size:14px;
	line-height:1.3em;
}
.sBoxfrend{
	float:right;
	display:block;
	margin:0;
	bottom:0;
	right:0;
}
.contentsAreaC{
	margin:0 1%;
	padding:0;
}


.lineat-navi{
	display: flex;
	justify-content: space-between;
	margin:0;
	list-style: none;
	width:100%;
	padding:0;
}
.lineat-navi li{
	list-style: none;
	margin:0;
	padding:0;
}
.lineat-navi a{
	background:#0ba2ef;
	color:#fff;
	padding:9px;
	margin:0;
}
.navi-btn{
	margin:0 0 20px 0;
	padding:0;
	list-style-type:none;
}
.navi-btn li{
	margin:0 0 10px 0;
	list-style-type:none;
	width:100%;
}
.arrow-icon-top{
    background: url(/sp/common_n/images/icon-arrow-2.png) no-repeat right 10px center;
	background-size:18px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:1.2em;
	text-align:left;
}
.border-1{
	border: 1px solid #FFF;
}
.scroll-contents{
	padding-bottom:20px;
}
.pb20{
	padding:0 0 20px 0;
}












.top-group-nav-list {
      padding-left: 0;
      list-style: none;
      margin: -10px -5px 0; }
.top-group-nav-list li {
        width: 50%;
        display: inline-block;
        padding: 0 5px;
        vertical-align: top;
        margin-top: 10px;
		width: 33%; }
 .top-group-nav-list li a {
          border: 1px solid #0ba2ef;
          color: #fff;
          display: inline-block;
          width: 100%;
          padding: 0 10px;
          line-height: 4em;
          background-color: #0ba2ef;
		  text-align:center; }
.top-group-nav-list li a span {
            display: inline-block;
            line-height: normal;
            vertical-align: middle;
            font-size: 11px; }



.bg1,.bg2,.bg3,.bg4,.bg5,.bg6,.bg7{
	border:none !important;
	color:#333 !important;
}
.bg1{
	background:#c8e5fc !important;
}
.bg2{
	background:#cdcff6 !important;
}

.bg3{
	background:#d2b9ef !important;
}
.bg4{
	background:#fcefca !important;
}
.bg5{
	background:#fed1bf !important;
}

.bg6{
	background:#ffb3b3 !important;
}
.bg7{
	background:#ede4d6 !important;
}

.main-img{
	width:100%;
	margin-bottom:10px;
}

/* clear */
.clearfix:after,.sclBox:after{
  content: "."; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix,.sclBo{
  min-height: 1px;
}
* html .clearfix,* html .sclBo{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}