@charset "utf-8";
.sm-wrap{
	max-width: 1000px;
	margin:0 auto;
}

.headline-xs2{
	font-size: 1.8rem;
	margin-bottom: 10px;
}

.clr-red{
	color:#ff0000;
}



/*pager*/
.pager{
	text-align: center;
	letter-spacing: -0.5em;
	padding: 40px 0;
}
	.pager li{
		display: inline-block;
		margin: 0 5px;
		font-size: 171.5%; /*24px*/
		font-weight: normal;
		line-height: 37px;
		text-align: center;
		color:#08823C;
		letter-spacing: normal;
		vertical-align: middle;
	}
	.pager .first{}
	.pager .prev{margin-right: 0px;}
	.pager .next{margin-left: 0px;}
	.pager .last{}

		.pager span{
			display: block;
			background: #08823C;
			width: 34px;
			color: #fff;
			font-weight: bold;
		}
		.pager a{
			display: block;
			width: 34px;
			color:#08823C;
			font-weight: bold;
			background: transparent;
		}
		.pager .first a,.pager .first span,
		.pager .prev a,.pager .prev span,
		.pager .next a,.pager .next span,
		.pager .last a,.pager .last span{
			position: relative;
			background: transparent !important;
			text-indent: 200%;
			white-space: nowrap;
			overflow: hidden;
		}
			.pager .prev a::after{
				content: "";
				position: absolute;
				top: 50%;
				left: 12px;
				margin-top: -6px;
				width: 10px;
				height: 10px;
				border-left: 2px solid #08823C;
				border-bottom: 2px solid #08823C;
				-webkit-transform: rotate(45deg);
				   -moz-transform: rotate(45deg);
				    -ms-transform: rotate(45deg);
				     -o-transform: rotate(45deg);
				        transform: rotate(45deg);
			}
			.pager .next a::after{
				content: "";
				position: absolute;
				top: 50%;
				right: 12px;
				margin-top: -6px;
				width: 10px;
				height: 10px;
				border-top: 2px solid #08823C;
				border-right: 2px solid #08823C;
				-webkit-transform: rotate(45deg);
				   -moz-transform: rotate(45deg);
				    -ms-transform: rotate(45deg);
				     -o-transform: rotate(45deg);
				        transform: rotate(45deg);
			}

/*デフォルトテーブル*/
.tbl {
	font-size: 1.6rem;
	width: 100%;
}

.tbl tr{
	border-bottom: 1px solid #DDDDDD;
	width: 100%;
}

.tbl tr:last-child{
	border: none;
}

.tbl tr th,
.tbl tr td{
	text-align: left;
	padding: 0.8em;
	line-height: 1.5em;
}


.sub-contents .section-head{
	/*background: #BEE8F5;*/
	background: #F6FED9 url(../img/main_visual_bg.jpg) 50% 50% no-repeat;
	background-size: cover;
	padding: 52px 20px;
}

.sub-contents .section-head .headline-mid{
	background: transparent url(../img/headline_bg.png) 0% 50% no-repeat;
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
	padding: 50px;
}

#introduce .section-main p{
	padding: 1.5em 0.5em 0;
	font-size: 2.4rem;
	color: #76AC35;
}

#introduce .proposal{
	background: #F3F3F3;
}

#introduce .proposal.pad{
	padding: 40px 0;
}

#introduce .proposal .flex-box{
	display: -webkit-flex;
	display: flex;
	max-width: 1000px;
	margin : 0 auto;
	padding: 0 50px;
	overflow: hidden;
 -webkit-flex-direction: row-reverse; 
  flex-direction:         row-reverse;
	color:#76AC35;
		-webkit-align-items: center;
	align-items:         center;
}

#introduce .proposal .flex-box>li{
	text-align: center;
}

#introduce .proposal .flex-box>li:nth-child(1){
	width: 62%;
	padding: 25px 0;
}

#introduce .proposal .flex-box>li:nth-child(2){
	width: 38%;
	padding: 20px;
	text-align: center;
}
#introduce .proposal .inner{

	padding:10px 0;
}

#introduce .proposal .read{
	font-size: 4rem;
	padding: 10px 0;
	text-align: left;
	line-height: 1.2em;
}

#introduce .proposal p{
	text-align: left;
	font-size: 1.6rem;
	line-height: 1.5em;
	color:#000;
}

#introduce .proposal .ch-box{
	margin:20px 0;
	display: table;
	width: 460px;
}

#introduce .proposal .ch-box>li{
	display: table-cell;
	padding:0 5px;
}

#introduce .proposal .ch-box>li>span{
  	display: -webkit-inline-flex;
  	display: inline-flex;
	-webkit-align-items: center;
	align-items:         center;
	width: 138px;
	height:138px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background:#FFFF4D;
	color: #76AC35;
	font-weight: bold;
	font-size: 3.2rem;
	text-align: center;
	white-space: nowrap;
	 -webkit-justify-content: space-around;
  	justify-content:         space-around;
}

#introduce .proposal .ch-box>li:nth-child(3)>span{
	font-size: 2.6rem;
}

#introduce .proposal .btn-area{
	margin: 0;
	display: table;
	width: 100%;
}

#introduce .proposal .btn-area>li{
	display: table-cell;
	width: 50%;
	vertical-align: top;
}

#introduce .section-main{
	padding: 80px 20px 60px;
	background: url(../img/bg_dots.gif) 0 0;
}

#introduce #flow{
	padding: 80px 20px 60px;
}



#introduce #visual{
	width: 100%;
	margin: 10px 0 0;
}

#introduce #visual img{
	width: 100%;
}

/******************************************************************************************
#contact
*******************************************************************************************/

#contact .regist{
	padding: 60px 20px 120px;
}

#contact .regist .exp{
	padding: 10px 0;
	font-size: 2.2rem;
	padding-left: 1em;
}
#contact .regist .exp span{
	color:#78AD31;
}

#contact .regist .bd-box{
	border:1px solid #78AD31;
	padding:  0 20px;
}

#contact .regist .inner{
	max-width: 900px;
	padding: 70px 0;
	margin: 0 auto;
}

#contact .regist .tbl-type-c{
	width: 100%;
}
#contact .regist .tbl-type-c tbody tr th{
	width: 235px;
	padding: 30px 0;
	font-size: 3rem;
	color:#78AD31;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

#contact .regist .tbl-type-c tbody tr td{
	padding: 20px 0;
	font-size: 2.6rem;
}

#contact .regist label{
	/*display: inline-block;*/
}

#contact .regist label .input-label{
	display: inline-block;
	text-align: left;
	padding:0 0.5em 0 0;
}

#contact .regist input.type-a{
	width: 200px;
}
#contact .regist input.type-b{
	width: 450px;
}

#contact .regist .kakko{
	color: #999999;
	font-size: 2.4rem;
	display: inline-block;
}

#contact .wcheck{
	padding-left: 5px;
	padding-top: 20px;
	font-size: 1.9rem;
}

#contact .consent-area{
	text-align: center;
	padding: 30px 50px 50px;
}
#contact .consent-area p{
	text-align: left;
	padding: 10px 0 40px;
	font-size: 2.1rem;
}

#contact .checkbox02-input{
  display: none;
}

#contact .checkbox02-parts{
display: inline-block;
  position:relative;
  display: inline-block;
  font-size:2.1rem;
  padding: 0 0 0 32px;
  cursor: pointer;
  line-height: 28px;
}

#contact .checkbox02-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  width: 28px;
  height: 28px;
  background: url(../img/icon_check.png) 0 0 no-repeat;
  -webkit-background-size: 28px 28px;
  background-size: 28px 28px;
}

#contact .checkbox02-input:checked + .checkbox02-parts{
  color: #000;
}

#contact .checkbox02-input:checked + .checkbox02-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 8px;
  width: 10px;
  height: 19px;
  transform: rotate(40deg);
  border-bottom: 3px solid #08823C;
  border-right: 3px solid #08823C;
}
#contact .regist .btn-area{
	text-align: center;
}

#contact .regist .btn-area .btn-a{
	font-size: 2.4rem;
	width: 330px;
	padding: 0.8em;
}
#contact .regist .btn-area .btn-a.gray{
	background-color: #ccc;
}

#contact .regist .btn-area .btn-a:after{
	display: none;
}

#contact .radiobox01-input{
  display: none;
}

#contact .radiobox01-parts{
  position:relative;
  display: inline-block;
  font-size:3rem;
  padding: 0 0 0 38px;
  margin-right: 20px;
  cursor: pointer;
  line-height: 28px;
}

#contact .radiobox01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border:1px solid #AAAAAA;
  background: #EEEEEE
 }

#contact .radiobox01-input:checked + .radiobox01-parts{
  color: #000;
}

#contact .radiobox01-input:checked + .radiobox01-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 8px;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #AAAAAA;
}

#contact .slt-label select {
	position: relative;
	width: 282px;
	padding: 8px;
	font-size: 2.6rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	cursor: pointer;
}

#contact .slt-label {
	position: relative;
}

#contact .slt-label:after {
	position: absolute;
	content: "";
	display: block;
	top: 50%;
	right: 15px;
	width: 0;
	margin-top: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: #000 transparent transparent transparent;
	pointer-events: none;
}

#contact .slt-label select::-ms-expand {
	display: none;
}

#contact .textarea-a{
	width: 100%;
	max-width: 632px;
	height: 354px;
}
#contact .va-top{
	vertical-align: top;
}

/******************************************************************************************
#concelge
*******************************************************************************************/
#concelge .cclg-list{
	display: block;
	letter-spacing: -0.4em;
	text-align: left;
}
#concelge .contents-inner{
	padding: 60px 20px;
}

#concelge .cclg-list>li{
	text-align: center;
	display: inline-block;
	letter-spacing: normal;
	width: 20%;
	padding: 0 10px;
	margin:25px 0;
}

#concelge .cclg-list>li img{
	max-width: 180px;
	width: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

#concelge .cclg-list>li .resist-num{
	font-size: 1.2rem;
	padding: 10px 0;
}
#concelge .cclg-list>li .name{
	font-size: 2rem;
	font-weight: bold;
	color:#08823C;
}


/******************************************************************************************
#concelge.detail
*******************************************************************************************/
#concelge.detail .wrap{
	padding: 0 20px;
}


#concelge.detail .contents-inner{
	padding: 50px 0;
}

#concelge.detail .flex-box{
	display: -webkit-flex; 
	display: flex;
	-webkit-flex-direction: row;
	flex-direction:         row;
}

#concelge.detail .flex-box>div:nth-child(1){
	width: 28%;
}
#concelge.detail .flex-box>div:nth-child(2){
	width: 65%;
	padding:0 0 0 40px;
}

#concelge.detail .resist-num{
	font-size: 1.2rem;
	padding: 10px 0;
}
#concelge.detail .name{
	font-size: 2.6rem;
	font-weight: bold;
}
#concelge.detail .kana{
	padding: 0.5em 0;
	font-size: 1.2rem;
}

#concelge.detail .tbl.type-a{
	margin-top: 10px;
}


#concelge.detail .tbl.type-a tr th{
	width: 130px;
}
#concelge.detail .tbl.type-a tr td{
	padding: 1em 1.5em 1em 1.5em;
}

#concelge.detail .tbl.type-b{
	margin: 50px 0;
}

#concelge.detail .tbl.type-b tr th{
	width: 185px;
	padding: 1em;
}

#concelge.detail .tbl.type-b tr td{
	padding: 1em 1.5em 1em 1.5em;
	/*font-size: 1.8rem;*/
}
#concelge.detail .tbl.type-b tr th p{
	color: #999;
}

/******************************************************************************************
#partnership 提携キャンパス一覧
*******************************************************************************************/
#partnership {
	/*padding: 0 20px;*/
	padding: 0:
}
#partnership .wrap{
padding: 0 20px;
}
#partnership .sect-head {
	padding:20px 0;
}

#partnership .sect-head .headline-lg{
	text-align: left;
}

#partnership .flex-box{
	position: relative;
	border:1px solid #DDDDDD;
	display: -webkit-flex;
	display: flex;
	margin : 0 auto;
	padding: 58px 50px 42px;
	overflow: hidden;
	-webkit-flex-direction: row;
	flex-direction:         row;
}
#partnership .flex-box.partner{
	padding: 100px 50px 42px;
}

#partnership .flex-box{
	margin-bottom:37px;
}

#partnership .detail-link{
	color: #08823C;
	display: inline-block;
	text-decoration: underline;
	border-bottom:2px solid #08823C;
}

#partnership .school-name{
	display: inline-block;
	font-size: 2.6rem;
	line-height: 1.2em;
	font-weight: bold;
	color: #08823C;
}

#partnership .exp{
	padding:0.8em 0;
	font-size: 1.8rem;
}


#partnership .flex-box>div:nth-child(1){
	width:30%;
	padding-right: 30px;
}
#partnership .flex-box>div:nth-child(2){
	width:70%;
}

#partnership .tbl.type-c tbody tr{
	border: none;
}
#partnership .tbl.type-c tbody tr th{
	border:1px solid #fff;
	background: #D6E6C1;
	padding: 0.5em 1em;
	width: 190px;
}
#partnership .tbl.type-c tbody tr td{
	padding: 0.5em 1.5em;
	background: #EBF3E0;
	border:1px solid #fff;
}
#partnership .school-head .check-area,
#partnership .flex-box .check-area{
	position: absolute;
	top:12px;
	right:15px;
	width: 182px;
	height: 37px;
	background: #08823C;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	border-radius: 0.3em;
}
#partnership .flex-box.partner .check-area{
	top:54px;
}
#partnership .flex-box.partner .partner{
	position: absolute;
	top: 30px;
	left: 50px;
}
	#partnership .flex-box.partner .partner li:nth-child(n+2){
		margin-left: 10px;
	}


#partnership .checkbox03-input{
	display: none;
}

#partnership .checkbox03-parts{
	position:relative;
	display: inline-block;
	font-size:1.6rem;
	padding: 0 0 0 34px;
	cursor: pointer;
	color:#fff;
	line-height: 37px;
}

#partnership .checkbox03-parts::before{
	content: "";
	display: block;
	position: absolute;
	top: 11px;
	left: 10px;
	width: 14px;
	height: 14px;
	background: url(../img/bg_check.png) 0 center no-repeat;
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
}

#partnership .checkbox03-input:checked + .checkbox03-parts{
  color: #fff;
  font-size: 1.6rem;
}

#partnership .checkbox03-input:checked + .checkbox03-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 12px;
  width: 8px;
  height: 16px;
  transform: rotate(40deg);
  border-bottom: 3px solid #FF0000;
  border-right: 3px solid #FF0000;
}

#partnership .request-area{
	margin-top: 20px;
}
#partnership .check-request{
	position: relative;
	background: #547922;
	width: 180px;
/*	height: 36px; */
	-webkit-border-radius: 0.3em;
	border-radius: 0.3em;
}
	#partnership .check-request::before{
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: calc(100% - 5px);
		height: calc(100% - 5px);
		background: #78AD31;
		z-index: 1;
		-webkit-border-radius: 0.3em;
		border-radius: 0.3em;
	}
	#partnership .check-request>label{
		position: relative;
		z-index: 2;
	}
	#partnership .check-request:hover::before{
		width: 100%;
		height: 100%;
	}

#partnership .check-request .checkbox03-parts{
	line-height: 1.3em;
	padding: 0.3em 34px 0.5em 34px;
	-webkit-border-radius: 0.2em;
	border-radius: 0.2em;
}
#partnership .check-request .checkbox03-input:disabled + .checkbox03-parts{
	background: #ccc;
}
#partnership .btn-area{
	margin-left: 24px;
}
#partnership .btn-red{
	font-size: 1.8rem;
	min-width: 200px;
}

/*検索マップ*/
#search-map{
	position: relative;
	width: 100%;
}
	#search-map .bg{
		width: 100%;
		padding-bottom: 47.6666%;
		background: url("../img/search.jpg");
		background-size: 100%;
	}
	#search-map nav>ul>li{
		position: absolute;
		background: rgba(255,255,255,0.8);
		width: 17%;
		border: 4px solid #08823C;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-webkitb-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px 5px 10px;
		text-align: center;
	}
	#search-map nav>ul>li.area1{top: 2%; right: 15%;}
	#search-map nav>ul>li.area2{top: 22%; right: 12.5%;}
	#search-map nav>ul>li.area3{top: 48%; right: 18%;}
	#search-map nav>ul>li.area4{top: 22%; right: 36%;}
	#search-map nav>ul>li.area5{top: 72%; right: 21%;}
	#search-map nav>ul>li.area6{top: 70%; right: 40%;}
	#search-map nav>ul>li.area7{top: 44%; right: 55%;}
	#search-map nav>ul>li.area8{top: 75%; right: 60%;}
	#search-map nav>ul>li.area9{top: 66%; left: 5%;}
		#search-map nav>ul>li>p{
			font-size: 1.6vw;
			font-weight: bold;
			color: #08823C;
			margin-bottom: 5px;
		}
		#search-map nav>ul>li li{
			display: inline-block;
			border-right: 1px solid #08823C;
			margin-bottom: 5px;
		}
		#search-map nav>ul>li li:last-child{border:none;}
		#search-map nav>ul>li li a{
			font-size: 1.2vw;
			padding: 5px 5px;
			color: #08823C;
		}
		#search-map nav>ul>li li a:hover{text-decoration: underline;}
@media screen and (min-width: 1200px){
	#search-map nav>ul>li>p{
		font-size: 1.9rem;
	}
	#search-map nav>ul>li li a{
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 930px){
/*	.area-search{display: none;}*/

	#search-map .bg{
		width: 100%;
		padding-bottom: 0;
		background: none;
	}
	#search-map nav>ul>li{
		position: relative;
		width: 100%;
		border: 2px solid #08823C;
		padding: 10px 5px 10px;
		margin-bottom: 10px;
		display: -webkit-flex;
		display: flex;
		text-align: left;
	}
	#search-map nav>ul>li.area1,
	#search-map nav>ul>li.area2,
	#search-map nav>ul>li.area3,
	#search-map nav>ul>li.area4,
	#search-map nav>ul>li.area5,
	#search-map nav>ul>li.area6,
	#search-map nav>ul>li.area7,
	#search-map nav>ul>li.area8,
	#search-map nav>ul>li.area9{
		top: 0px;
		left: auto;
		right: auto;
	}
		#search-map nav>ul>li>p{
			font-size: 1.6rem;
			margin-bottom: 0;
			width: 110px;
		}
		#search-map nav>ul>li>ul{
			width: -webkit-calc(100% - 110px);
			width: calc(100% - 110px);
		}
		#search-map nav>ul>li li{
			border: none;
			position: relative;
		}
			#search-map nav>ul>li li::after{
				content: "";
				width: 1px;
				height: 10px;
				background: #08823C;
				position: absolute;
				right: 0px;
				top: 50%;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
			}
			#search-map nav>ul>li li:last-child::after{display: none;}
		#search-map nav>ul>li li a{
			font-size: 1.4rem;
			padding: 5px 10px;
			color: #08823C;
			display: block;
		}
}



/******************************************************************************************
#partnership 検索
*******************************************************************************************/

#partnership.search{
	padding-bottom: 100px;
}
#partnership.search .area-search{
	margin-bottom: 60px;
}

#partnership.search .bd-box{
	border:4px solid #78AD31;
	padding: 45px;
}

#partnership.search .check-box-list{
	display: block;
	letter-spacing: -0.4em;
	text-align: left;
}
#partnership.search .check-box-list>li{
	letter-spacing: normal;
	display: inline-block;
	width: 25%;
	margin-bottom: 20px;
	vertical-align: top;
	text-align: left;
}

#partnership.search .checkbox02-parts{
	white-space: nowrap;
}

#partnership.search .checkbox02-input{
  display: none;
}

#partnership.search .checkbox02-parts{
display: inline-block;
  position:relative;
  display: inline-block;
  font-size:1.8rem;
  padding: 0 0 0 32px;
  cursor: pointer;
  line-height: 1.7em;
  white-space: normal;
}

#partnership.search .checkbox02-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  width: 28px;
  height: 28px;
  background: url(../img/icon_check.png) 0 0 no-repeat;
  -webkit-background-size: 28px 28px;
  background-size: 28px 28px;
}

#partnership.search .checkbox02-input:checked + .checkbox02-parts{
  color: #000;
}

#partnership.search .checkbox02-input:checked + .checkbox02-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 8px;
  width: 10px;
  height: 19px;
  transform: rotate(40deg);
  border-bottom: 3px solid #08823C;
  border-right: 3px solid #08823C;
}

#partnership.search .slt-label select {
	position: relative;
	width: 376px;
	padding: 8px;
	font-size: 2.6rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	cursor: pointer;
}

#partnership.search .slt-label {
	position: relative;
}

#partnership.search .slt-label:after {
	position: absolute;
	content: "";
	display: block;
	top: 50%;
	right: 15px;
	width: 0;
	margin-top: -7px;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: #000 transparent transparent transparent;
	pointer-events: none;
}

#partnership.search .slt-label select::-ms-expand {
	display: none;
}

#partnership.search .stl-wrap{
	padding: 20px 0;
	text-align: center;
}

#partnership.search .btn-area{
	padding: 20px 0;
	text-align: center;
}
#partnership.search .btn-c{
	max-width: 356px;
	width: 100%;
	height: 76px;
	line-height: 76px;
	padding-left:30px;
	text-align: center;
	color:#fff;
	font-size:2.2rem;
	background: #78AD31 url(../img/icon_search.png) 18px center no-repeat;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	border-radius: 0.3em;
	box-shadow:0px 6px 0px 0px #08823C;
	-moz-box-shadow:0px 6px 0px 0px #08823C;
	-webkit-box-shadow:0px 6px 0px 0px #08823C;
}

#partnership.detail .contents-inner{
	padding: 90px 0 30px;
}

#partnership.detail .school-head{
	position: relative;
	display: -webkit-flex; 
	display: flex;
	-webkit-flex-direction: row;
	flex-direction:         row;
	padding: 58px 50px 42px;
	border:1px solid #DDDDDD;
}
#partnership .school-head .exp {
    padding: 0.8em 0 0;
    font-size: 1.8rem;
}

#partnership.detail .school-head>div:nth-child(1){
	width: 417px;
}
#partnership.detail .school-head>div:nth-child(2){
	width: -webkit-calc(100% - 417px);
	width: calc(100% - 417px);
	padding:0 0 0 40px;
}


#partnership.detail .resist-num{
	font-size: 1.2rem;
	padding: 10px 0;
}
#partnership.detail .name{
	font-size: 2.6rem;
	font-weight: bold;
}
#partnership.detail .kana{
	padding: 0.5em 0;
	font-size: 1.2rem;
}

#partnership.detail .tbl.type-a{
	margin-top: 10px;
}


#partnership.detail .tbl.type-a tr th{
	width: 130px;
	font-size: 1.4rem;
}
#partnership.detail .tbl.type-a tr td{
	font-size: 1.4rem;
	padding: 1em 1.5em 1em 1.5em;
}

#partnership.detail .tbl.type-b{
	margin: 50px 0;
}

#partnership.detail .tbl.type-b tr th{
	width: 185px;
	font-size: 1.4rem;
	padding: 1em;
}

#partnership.detail .tbl.type-b tr td{
	padding: 1em 1.5em 1em 1.5em;
}

#partnership.detail .school-name {
	position: relative;
    border-bottom: none;
}

#partnership .thumb{
	width: 100%;
}
#partnership .main-thumb{
	position: relative;
	margin-bottom: 3px;
	width: 100%;
}
#partnership .main-thumb img{
	max-width: 100%;
}
#partnership .thumb ul{
	display: block;
	overflow: hidden;
}
#partnership .thumb ul li{
	display: block;
	float: left;
	width: 19.2%;
	margin-right: 1%;
}
#partnership .thumb ul li:last-child{
	margin-right: 0;
}
#partnership .thumb ul li img{
	width: 100%;
}

#partnership .map-wrap{
	margin:5px 0;
}
#howto .contents{
	padding:0 20px 100px;
}


#howto .sect{
	padding: 50px 0 20px;
}

#howto .sect .gray-box{
	padding: 40px 30px;
	background:#F6F6F6;
}

#howto .sect .clm-box{
	display: table;
	width: 100%;
	margin-bottom: 50px;
}
#howto .sect .clm-box:last-child {
    margin-bottom: 0;
}

#howto .sect .headline-mm{
	margin-bottom: 0.5em;
}

#howto .sect .clm-box>div{
	display: table-cell;
	vertical-align:top;
}
#howto .sect .clm-box>div:nth-child(1){
	width: 460px;
}
#howto .sect .clm-box>div:nth-child(2){
	padding:20px 20px 20px 40px;
}

#howto .sect .title{
	position: relative;
	font-size: 2rem;
	font-weight: bold;
	padding: 0.3em 0 0.3em 2em;
	margin-bottom: 5px;
}

#howto .sect .title>span{
	position: absolute;
	left: 0;
	top:0;
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 1.8rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: #78AD31;
	color: #fff;
}

#howto .sect .in-block{
	padding-left: 2em;
}
#howto .sect .in-block .title>span{
	position: absolute;
	left: 0;
	top:0;
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 24px;
	text-align: center;
	font-size: 1.8rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: #FFF;
	border: 2px solid #78AD31;
	color: #78AD31;
}
#howto .sect .block{
	margin-bottom: 30px;
}
#howto .sect .block-sm{
	margin-bottom: 10px;
}

#howto .text-box p{
	font-size: 1.8rem;
	padding: 0.3em 0;
	line-height: 1.5em;
}

#howto .text-box p.sm{
	font-size: 1.4rem;
	padding: 0.2em 0;
}

/******************************************************************************************
#company 運営
*******************************************************************************************/
#company .min-wrap{
	padding: 50px;
	min-height: 50vh;
}

#company .tbl.type-b tr{
	border:none;
}
#company .tbl.type-b tr th{
	width: 360px;
	background: #EEEEEE;
	padding-left:1.8em;
	border:1px solid #CCCCCC;
}
#company .tbl.type-b tr td{
	padding-left:1.8em;
	border:1px solid #CCCCCC;
}


/******************************************************************************************
#fagPage よくあるご質問
*******************************************************************************************/
#faqPage{
	padding:  0 20px;
}
#faqPage .contents-inner{
	padding: 30px 0;
}

#faqPage .faq-box{
	margin-top: 30px;
	margin-bottom: 40px;
	padding-left:30px;
}

#faqPage .faq-box>div{
	display: table;
	font-size: 1.8rem;
	margin-bottom: 15px;	
}
#faqPage .faq-box>div>div{
	display: table-cell;
	line-height: 1.5em;
	vertical-align: top;
}
#faqPage .faq-box>div>div:nth-child(1){
	width: 40px;
}

#faqPage .faq-box>div>div>span{
	display: inline-block;
	font-size: 1.8rem;
	width: 30px;
	height: 30px;
	color:#fff;
	background: #78AD31;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}
#faqPage .faq-box>div.ans>div>span{
	color:#78AD31;
	border:1px solid #78AD31;
	background: #fff;
}


/******************************************************************************************
#rule / #privacy
ご利用規約 / プライバシーポリシー
*******************************************************************************************/
.rule {
	padding: 0 20px;
}

#privacy .contents-inner{
	padding:30px 0 130px;
}

.rule .contents-inner{
	padding:30px 0px 130px;
}
.rule .exp{
	margin-bottom: 40px;
}


.rule .sect{
	padding: 0 0 30px 0;
}

.rule .headline-xs{
	margin-bottom:8px;
}
.rule .headline-xs.num{
	position: relative;
	padding-left: 1.5em;
}
.rule .headline-xs.num>span{
	position: absolute;
	left: 0;
	top:0;
}

.rule .contents-inner p,
.rule .contents-inner li{
	font-size: 1.8rem;
	line-height: 1.5em;
}

.rule .mark>li{
	position: relative;
	padding-left: 1.2em;
}
.rule .mark>li>span{
	position: absolute;
	top:0;
	left:0;
}

.rule .revision{
	padding: 20px 0;
}

/*キャンパス一覧*/
.campus-section{
	padding: 40px 0px;
}
	.article-detail .campus-section .heading-s{
		margin-bottom: 2em;
	}
.campus-list{
	padding: 0 20px;
}
.campus-list .sp{
	display: none;
}
	.campus-list article{
		font-size: 1.6rem;
		line-height: 1.4em;
		margin-bottom: 2em;
	}
	.campus-list table{
		width: 100%;
	}
	.campus-list table th{
		padding: 0.5em 1em;
		width: 225px;
		text-align: left;
		background: #D6E6C1;
		border: 1px solid #fff;
	}
	.campus-list table td{
		padding: 0.5em 1.5em;
		background: #EBF3E0;
		border: 1px solid #fff;
	}

/******************************************************************************************
.about_school
通信制高校について
*******************************************************************************************/
.about_school{
	line-height: 1.8em;
}
.about_school p{
	font-size: 1.6rem;
}

.about_school .pad{
	padding: 0px 20px;
}
.about_school .main-section{
	padding: 40px 0 30px;
}

.about_school .inner {
    border: 1px solid #78AD31;
    padding: 40px 50px 30px;
}

.section-menu-lists dl{
	font-size: 2rem;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	margin-bottom: 15px;
}
.section-menu-lists dl>dt{
	padding-right: 1em;
	font-weight: bold;
}

.section-menu-lists ul{
	padding-right: 1em;
	font-size: 1.8rem;
	line-height: 1.8em;
}

.about_school .sct-heading{
	display: block;
	position: relative;
	line-height: 1.8em;
	margin: 30px 0;
}

.about_school .sct-heading .headline-xs{
	position: relative;
	line-height: 1.8em;
	padding-left: 0.8em;
}

.about_school .sct-heading .headline-xs::after{
	content:"";
	position: absolute;
	display: block;
	width: 100%;
	top:0;
	left:0;
	width: 5px;
	height: 1.8em;
	background: #78AD31;
}


.about_school .child-section{
	padding: 30px 0 0;
}
.about_school .text-block p{
	margin-bottom: 1em;
}


.about_school .figure-block{
	padding: 30px 0 20px;
	text-align: center;
}
.about_school .figure-block img {
    max-width: 100%;
}

.about_school .figure-block figcaption{
	text-align: left;
	margin-bottom: 20px;
}

.about_school .link-area{
	padding: 20px 0 0;
}
	.about_school .link-area a{
		font-size: 1.6rem;
	}

.about_school .tbl.type-b{
	margin-top: 40px;
}

	.about_school .tbl.type-b tr td {
		padding: 1em;
	    border: 1px solid #CCCCCC;
	}

	.about_school .tbl.type-b tr th {
	    width: 360px;
	    background: #EEEEEE;
	    padding-left: 1.8em;
	    border: 1px solid #CCCCCC;
	}

	.about_school .calc-block{
	    background: #F7F8FA;
	    /*color: #78AD31;*/
	    padding: 20px;
	    text-align: center;
	    font-weight: bold;
	    margin:40px 0 40px;
	}

	.about_school .calc-block dl>dt{
		font-size: 3rem;
		display: block;
		line-height: 1.8em;
		margin-bottom: 15px;
	}

		.about_school .calc-block dl>dd{
			font-size: 2.7rem;
			display: -ms-flex;
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: center;
			justify-content:         center;
			width: 100%;
			overflow: hidden;
			line-height: 1.8em;
			margin:0 auto;
		}

		.about_school .calc-block dl>dd>span{
			display: block;
			margin: 0 1%;
			background: #FFFF4D;
    		color: #78AD31;
			padding: 0 0.5em;
		}

		.about_school .calc-block dl>dd>span.pls{
			background: transparent;
		}

		.about_school .calc-block.ptn2 dl>dt {
		   font-size: 2rem;
		}

		.about_school .calc-block.ptn2 dl>dd {
		   font-size: 2rem;
		}

		.about_school .calc-block.ptn2 dl>dd>span>small{
		   font-size: 1.4rem;
		}

		.about_school .calc-block .exp{
			max-width: 730px;
			margin:0 auto;
			margin-top: 30px;
			font-size: 1.4rem;
			font-weight: normal;
		}



/*.about_school .calc-block.ptn2 dl>dd{
	-webkit-align-items: center;
	align-items:         center;
}*/
.about_school .calc-block.ptn2 dl>dd>span{

}





/***********************************************************************************************************************
* リサイズ	1200px以下から
***********************************************************************************************************************/
@media screen and (max-width: 1200px){

	#partnership.search .check-box-list>li{
		width: 50%;
	}

	#introduce .bd-crumb,
	#concelge .bd-crumb {
	    padding: 1em 20px;
	    text-align: left;
	}


	.about_school .calc-block dl>dt {
		font-size: 1.8rem;
	    font-size: 2.8vw;
	}

	.about_school .calc-block dl>dd {
	    font-size: 2.5vw;
	}

	.about_school .calc-block.ptn2 dl>dd {
		   font-size: 1.8vw;
	}

}