@charset "Shift_JIS";
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/* clear */
.clearfix:after{
  content: "."; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix{
  min-height: 1px;
}
* html .clearfix{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

h1{
	margin:0 0 20px 0;
	padding:0;
}
h1 img{
	margin:0;
	display: block;
}
.school-choice-h1{
	border:#320a66 solid 1px;
	padding:16px;
	margin:0 0 20px 0;
	color:#320a66;
	text-align: center;
	font-size:28px;
	line-height: 1.5em;
	font-weight:bold;
}
.h1-span{
	background:#320a66;
	border-right:#ffff33 solid 3px;
	padding:0 5px;
	margin:0 10px 0 0;
	color:#FFF;
	font-weight:lighter;
	display: inline-block;
	font-size:20px;
	line-height: 42px;
	height:42px;
}
.school-choice-h2{
	color:#FFF;
	background: #320a66;
	font-size: 24px;
	margin: 0 0 10px 0;
	font-weight: bold;
	line-height:1.5em;
	padding:10px;
}
.school-choice-h4{
	color: #320a66;
	font-size: 20px;
	margin: 30px 0 20px 0;
	font-weight: normal;
	line-height:1.5em;
	border-bottom: 1px solid #320a66;
	padding-bottom:5px;
}
.school-choice-h3{
	color: #320a66;
	font-size: 20px;
	margin: 30px 0 10px 0;
	font-weight: bold;
	line-height:1.5em;
}

.list-link-2x {
  padding-left: 0;
  list-style: none;
}
  .list-link-2x li {
    font-size: 14px;/*11*/
    margin-top: 0.5em; }
    .list-link-2x li:first-child {
      margin-top: 0; }
    .list-link-2x li a {
      color: #333;
      position: relative;
      padding: 0 0 0 16px;
      display: inline-block; }
      .list-link-2x li a:before {
        content: "";
        border-color: transparent;
        border-style: solid;
        border-top-width: 4px;
        border-right-width: 0;
        border-bottom-width: 4px;
        border-left-width: 6px;
        border-left-color: #6cab21;
        vertical-align: middle;
        display: inline-block;
        margin: 0 0 0 0;
        position: absolute;
        left: 0;
        top: 8px; }

.mb20{
	margin-bottom:20px;
}
.mb40{
	margin-bottom:40px;
}
.mb5{
	margin-bottom:5px;
}

.group-pagerx {
  position: relative;
  margin: 40px auto 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 auto;
  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 #cccccc;
      display: block;
      line-height: 35px;
      text-align: center;
      color: #808080;
      text-decoration: none;
    }
    .group-pagerx ul li.current a {
      border-color: #320a66;
      background-color: #320a66;
      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: 100%;
        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;
        margin: -2px 0 0 8px;
        background-size: 100%;
      }
    .group-pagerx ul li.more span {
      border-color: transparent;
    }
.next-link-box{
	background: #ded7e6;
	color:#320a66;
	padding:10px;
	display: inline-block;
	border-radius: 6px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	
}
.next-link-box a{
	color:#320a66;
	display: block;
	
}
.bold-txt{
	background:linear-gradient(transparent 60%, #ff6 60%);
}
.pc_box{
	width:1024px;
	margin:50px auto 100px auto;
	padding:0;
}
.lead-txt{
	background: #e1dbe8;
	padding:10px;
	margin:-20px 0 30px 0;
}
.mokuji-title{
	display: flex;
	padding:0;
	height:50px;
	line-height:50px;
	width:100%;
}
.mokuji-title-1{
	font-size:21px;
	background:#FFF;
	font-weight:lighter;
	border: #320a66 solid 1px;
	color:#320a66;
	padding:0 10px;
	width:4em;
}
.mokuji-title-2{
	font-size:24px;
	background:#320a66;
	font-weight:bold;
	border: #320a66 solid 1px;
	color:#FFF;
	padding:0 10px;
	flex: 1;/*残りで100％にするため*/
}
/*アコーディオン start*/
.acd-check{
    display: none;
}
.acd-label{
    position: relative;
	cursor:pointer;
}
.acd-label:after{
    display: block;
	content: '';
	display: inline-block;
	width: 53px;
	height: 53px;
	background: url(../img/close.png) no-repeat;
	background-size: 26px;
	vertical-align: middle;
    position: absolute;
    right: -10px;
    top: 11px;
}
.acd-content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label:after{
	content: '';
	display: inline-block;
	width: 53px;
	height: 53px;
	background: url(../img/open.png) no-repeat;
	background-size: 26px;
	vertical-align: middle;
    position: absolute;
    right: -10px;
    top: 11px;

}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}
/*アコーディオン end*/
.acd-content-open{
    padding: 0 10px;
}





.index-h2{
	border-bottom:#320a66 solid 1px;
}
.index-h2 span{
	background:#320a66;
	color:#FFF;
	width:100px;
	font-weight: lighter;
	text-align: center;
	margin:0 0 0 10px;
	padding:10px auto;
	font-size:16px;
	display: inline-block;
	height:30px;
	line-height:30px; 
}
.color-box{
	background: #e1dbe8;
	padding:20px;
	text-align: center;
	margin:0 0 20px 0;
	display: inline-block;
}
.color-box ol{
	list-style-type: decimal;
	margin:0 0 0 2em;
	padding:0;
	text-align: left;
}
.color-box ol li{
	margin:0 0 5px 0;
}
.color-box h5{
	text-align: center;
	display: inline-block;
	background: #FFF;
	color:#320a66;
	margin:0 auto 20px auto;
	padding:5px;
}

.mokui-ol{
	list-style-type: none;
	margin:0 0 25px 0;
	padding:0;
}
.mokui-ol li{
	margin:0 0 5px 0;
	padding-left:20px;
	background: url(../img/listmark.png) no-repeat center left;
	background-size: 10px;
}
.mokui-ol li a{
	color:#333;
}
.mt20{
	margin-top:20px;
}
.mokuji-color-box{
	background:#e1dbe8;
	padding:10px 10px 5px 10px;
	margin:20px 0 30px 0;
}
.mokuji-h5{
	color:#320a66;
	font-size:16px;
	margin:0 0 10px 0;
	padding:0;
}

.mokuji-color-box .mokui-ol{
	margin:0;
}
.prof-img{
	float:left;
	display:block;
	margin:0 10px 10px 0;
}
.b-txt16{
	font-size:16px;
	font-weight:bold;
}
.txt16{
	font-size:16px;
	font-weight:lighter;
}
.prof-link-box{
	margin:1em 0 0 0;
	padding:0;
}
.link-span{
	background: #ed881c;
	color:#FFF;
	padding:0 3px;
	margin-right:10px;
	padding:3px 0 3px 6px;
	border-radius: 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 

}
.prof-link-box a{
	display: inline-block;
	margin-bottom:5px;
}
.back-mokuji{
	border: 1px solid #320a66;	
	color:#320a66;
	padding:5px 10px 5px 30px;
	background: url(../img/icon-prev.png)no-repeat center left 10px;
	background-size:6px;
	margin:20px 0;
	display: inline-block;
}
.back-mokuji a{
	color:#320a66;
}
.index-h2-new{
	border-bottom:#ed881c solid 1px;
}
.index-h2-new span{
	background:#ed881c;
}

.mokuji-new li:before{
	content: "NEW";
	padding:3px;
	background: #ed881c;
	color:#FFF;
	font-weight:bold;
	border-radius: 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	margin-right:8px;
	font-size:9px;
	line-height: 9px;
}
.txt-h1 {
	position: relative;
	padding: 14px;
	text-align: center;
	font-size:30px;
	font-weight:bold;
	color:#320a66;
	font-family: nitalago-ruika, sans-serif;
	font-weight: 100;
	line-height: 1.5em;
	text-align: center;
	padding:0;
	margin:0;
	text-shadow:2px 2px 0 #cbe7f7;
	border:#FFF solid 1px;
}

.txt-h1-span {
	background: #866fa5;
	padding:5px 3px;
	font-size:18px;
	color:#FFF;
	border-right:#ffff66 solid 3px;
	display: block;
	margin:0 auto 10px auto;
	width:4em;
	text-shadow:none;
	line-height:1em;
	font-weight:lighter;
}
.txt-h1:before,
.txt-h1:after {
  position: absolute;
  content: '';
}

.txt-h1:after {
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-top: 4px solid #8ec4ed;
  border-left: 4px solid #866fa5;
}

.txt-h1:before {
	right: 0;
	bottom: 0;
	width: 30px;
	height: 30px;
	border-right: 4px solid #8ec4ed;
	border-bottom: 4px solid #ef8ee1;
}

.circle-list{
	margin:0 0 20px 0;
	padding:0;
	text-align: left;
	list-style: none;
}
.circle-list li{
	margin:0 0 5px 0;
	padding-left:20px;
	background: url("../img/check.png") no-repeat top 5px left;
	background-size: 12px;
}

.color-box .circle-list{
	margin-bottom:0;

}
.circle-list2{
	margin:0 0 20px 0;
	padding:0;
	list-style-type: circle;
	list-style-position: inside;
	text-align: left;
}
.circle-list2 li{
	margin:0 0 5px 0;
}
.cp_breadcrumb *, .cp_breadcrumb *:aft.circle-list2{
	margin:0 0 20px 0;
	padding:0;
	list-style-type: circle;
	list-style-position: inside;
	text-align: left;
}
.circle-list2 li{
	margin:0 0 5px 0;
}er, .cp_breadcrumb *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_breadcrumb {
	overflow: hidden;
	width: 100%;
	margin: 1em auto;
	padding: 0;
	list-style: none;
}
.cp_breadcrumb li {
	display: inline-block;
	padding: 0;
	margin: 0 0 0.5em 0;
}
.cp_breadcrumb a {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0.7em 1em 0.7em 2em;
	text-decoration: none;
	color: #ffffff;
	background-color: #178799;
}
.cp_breadcrumb li:first-child a {
	padding-left: 1em;
	border-radius: 5px 0 0 5px;
}
.cp_breadcrumb a::after,
.cp_breadcrumb a::before {
	position: absolute;
	top: 50%;
	right: -1.5em;
	margin-top: -1.48em;
	content: '';
	border-top: 1.48em solid transparent;
	border-bottom: 1.48em solid transparent;
	border-left: 1.5em solid;
	}
.cp_breadcrumb a::after {
	z-index: 2;
	border-left-color: #178799;
}
.cp_breadcrumb a::before {
	z-index: 1;
	right: -1.8em;
	border-left-color: #ffffff;
}
.cp_breadcrumb li:nth-child(2) a       { background:        #50a9be; }
.cp_breadcrumb li:nth-child(2) a:after { border-left-color: #50a9be; }
.cp_breadcrumb li:nth-child(3) a       { background:        #7ebfcd; }
.cp_breadcrumb li:nth-child(3) a:after { border-left-color: #7ebfcd; }
.cp_breadcrumb li:nth-child(4) a       { background:        #acd4db; }
.cp_breadcrumb li:nth-child(4) a:after { border-left-color: #acd4db; }
.cp_breadcrumb li:nth-child(5) a       { background:        #F8BBD0; }
.cp_breadcrumb li:nth-child(5) a:after { border-left-color: #F8BBD0; }

.cp_breadcrumb li:last-child a {
	cursor: default;
	pointer-events: none;
	color: black;
	background:        #dae9ea;
	border-radius: 0 5px 5px 0;
}
.cp_breadcrumb li:last-child a:hover {
	background: none;
}
.cp_breadcrumb li:last-child a::before,
.cp_breadcrumb li:last-child a::after {
	content: normal;
}


@media screen and (max-width:768px) {
 .cp_breadcrumb {
    /* はみ出し部分をスクロールする */
    overflow-x: scroll;
 
    /* テキストを改行しないようにする */
    word-break: keep-all;
    white-space: nowrap;
 
    /* スクロールの動きを滑らかにする */
    -webkit-overflow-scrolling: touch;
}
}
.table-1{
	display: inline-block;
}
.table-1 td{
	padding:10px;
	border:#ded7e6 solid 1px;
}
.table-1 th{
	background: #ded7e6;
	font-weight:bold;
	vertical-align: top;
	color:#320a66;
	border-bottom:#FFF solid 1px;
}
table,th,td{
	border-collapse: collapse;
}
.txt-left{
	text-align: left;
}
.no-listmark{
	margin:0 0 20px 0;
	padding:0;
	list-style: none;
	text-align: left;
}
.no-listmark li{
	margin:0 0 5px 0;
}
.no-listmark li:last-of-type{
	margin:0 0 0 0;
}
/*上書き用*/
.pb0{
	padding-bottom:0;
}