.online-guide{
	font-size:14px;
	line-height: 1.8em;
}
.main-box{
	margin:0;
	padding:0
}
.main-box2{
	margin:0 0 30px 0;
	padding:0
}
.main-box h1,.main-box2 h1{
	margin:0;
	padding:0
}
.main-box h1 img,.main-box2 h1 img{
	margin:0;
	display: block;
	width:100%;
}
.main-box p,.main-box2 p{
	margin:0 0 30px 0;
	padding:10px 16px;
	background: #ffff7e;
	line-height: 1.8em;
	font-size:14px;
}
.mokuji{
	margin:0 0 30px 0;
	border: #c2c4d2 solid 1px;
	padding:20px 10px 10px 10px;
	text-align: center;
}
.mokuji h3{
	margin:0 auto 20px auto;
	font-size:16px;
	color:#353c6a;
	font-weight:bold;
}
.mokuji ol{
	list-style-type: decimal;
	margin:0 auto;
	display: inline-block;
	text-align: left;
}
.mokuji li{
	padding-bottom:10px;
	
}
.mokuji a{
	color:#333;
}
.mokuji a:link,.mokuji a:visited{
	text-decoration: none;
}
.mokuji a:hover,.mokuji a:active{
	text-decoration: underline;
}
.kakomi,.kakomi-list{
	margin:0 0 30px 0;
	border: #c2c4d2 solid 1px;
	padding:20px 10px 10px 10px;

}
.kakomi h3,.kakomi-list h3{
	margin:0 auto 10px auto;
	text-align: center;
}
.kakomi h3 span,.kakomi-list h3 span{
	padding:5px 10px;
	font-size:16px;
	background:#353c6a;
	font-weight:bold;
	color:#FFF;
	display: inline-block;
}
.kakomi ul{
	list-style-type: none;
	margin:0;
	padding:0 10px;
	text-align: left;
}
.kakomi li{
	padding-bottom:5px;
	position: relative;
	padding-left: 15px;
}
.kakomi li:before {
  content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #c2c4d2;
  border-radius: 50%;
}
.kakomi-list ol{
	margin:0 0 0 24px;
	padding:0;
	list-style-type: decimal;
}

.kakomi-list ol{
	margin-bottom:10px;
}
.online-h2-yellow{
	margin:0 auto 20px auto;
	text-align: center;
}
.online-h2-yellow span{
	font-size:18px;
	color:#353c6a;
	font-weight:bold;
	display: inline-block;
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
.online-guide-p{
	margin:0 0 30px 0;	
}
.online-merit{
	margin:0 0 30px 0;
	padding;0;
	display: flex;
    align-items: center;
    flex-direction: column;
}
.online-merit ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
.online-merit li{
	background: url("../guide_img/icon_good.png") no-repeat center left;
	background-size:20px;
	color:#353c6a;
	font-weight:bold;
	padding-left:26px;
	margin-bottom:5px;

}
.img100{
	display: block;
	width:100%;
} 
.img90{
	display: block;
	width:90%;
	margin-left:auto;
	margin-right:auto;

} 
.mb30{
	margin-bottom:30px;
}
.online-guide-next{
	display: flex;
    align-items: center;
}
.online-guide-next p{
	background: #ffff7e;
	border: #353c6a solid 1px;
	padding:0;
	margin:0 auto 30px auto;
	color:#353c6a;
	display: inline-block;
}
.online-guide-next a{
	display: block;
	color:#353c6a;
	text-decoration: none;
	padding:10px;
}
.next-txt1::after{
	content: '';
	display: inline-block;/*忘れずに！*/
	width: 35px;/*画像の幅*/
	height: 21px;/*画像の高さ*/
	background-image: url(../guide_img/icon_next.png);
	background-size: contain;
	vertical-align: middle;
}
.next-txt1{
	font-size:16px;
}
.next-txt2{
	padding-right:40px;
	font-size:18px;
}
/*ページネーション*/
.science-i-group-pager{
	width:100%;
}
.science-i-group-pager ul {
  list-style: none;
  padding: 0;
  margin: 40px 0 0 0;
  text-align: center;
}
  .science-i-group-pager ul li {
    width: 36px;
    display: inline-block;
    margin: 0 3px;
    vertical-align: middle; }
    .science-i-group-pager ul li a,
    .science-i-group-pager ul li span {
      border: 1px solid #353c6a;
      display: block;
      line-height: 36px;
      text-align: center;
      color: #353c6a; }
    .science-i-group-pager ul li.current a {
      border-color: #353c6a;
      background-color: #353c6a;
      color: #fff; }
    .science-i-group-pager ul li.prev, .science-i-group-pager ul li.next {
      width: auto; }
      .science-i-group-pager ul li.prev a, .science-i-group-pager ul li.next a {
        border: 0 none; }
    .science-i-group-pager ul li.prev {
      margin-right: 20px; }
      .science-i-group-pager ul li.prev a:before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 15px;
        vertical-align: middle;
        background: url(../guide_img/icon-prev.png) no-repeat 0 0;
        background-size: 100%;
        margin: -2px 8px 0 0; }
    .science-i-group-pager ul li.next {
      margin-left: 20px; }
      .science-i-group-pager ul li.next a:after {
        content: "";
        display: inline-block;
        width: 8px;
        height: 15px;
        vertical-align: middle;
        background: url(../guide_img/icon-next.png) no-repeat 0 0;
        margin: -2px 0 0 8px;
        background-size: 100%; }
    .science-i-group-pager ul li.more span {
      border-color: transparent; }
.online-event-link {
	margin: 0 auto 40px auto;
	padding:0;
	text-align: center;
  }
.online-event-btn{
	width:96%;
	margin:0;
    font-size: 18px;
	margin:0;
	padding:0;
	display: inline-block;
	background: #09095b;
}
.online-event-btn a{
	width:100%;
    padding: 16px 20px 16px 5px;
	color:#FFF;
	text-decoration: none;
	display: block;
}
.arrow-icon-top{
    background: url(/sp/common_n/images/icon-arrow-2.png) no-repeat right 16px  center;
	background-size:14px;
}
/* ------------------------------------------------------------ */
@media screen and (max-width: 324px) {
.online-event-btn{
	width:100%;
    font-size: 16px;
}
.arrow-icon-top{
    background: url(/sp/common_n/images/icon-arrow-2.png) no-repeat right 10px  center;
	background-size:12px;
}
}