@charset "utf-8";

/***********************************************************************************************************************
* リサイズ	935px以下から
***********************************************************************************************************************/
@media screen and (max-width: 935px){
	/*デフォルトテーブル*/
	.tbl {
		font-size: 1.4rem;
		width: 100%;
	}

	.sub-contents .section-head {
		/*background: #BEE8F5;*/
		background: #F6FED9;
	    padding: 20px 20px;
	}
.sub-contents .section-head{
	/*background: #BEE8F5;*/
	background: #F6FED9 url(../img/main_visual_bg.jpg) 50% 50% no-repeat;
	background-size: cover;
	padding: 20px 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: 20px;
}
	#introduce .section-main p {
    	padding: 1.2em 0.5em 0;
    	font-size: 1.8rem;
   	}

	#introduce .proposal.pad {
	    padding: 30px 0;
	}
	#introduce .section-main {
	    padding: 20px 20px 30px;
	}


	#introduce .proposal .flex-box{
		display: block;
		max-width: 600px;
		margin: 0 auto;
		padding: 0 20px;
	}
	#introduce .proposal .flex-box>li:nth-child(1),
	#introduce .proposal .flex-box>li:nth-child(2){
		width: 100%;
		display: block;
		padding: 0;
	}

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

	#introduce .proposal .ch-box {
    margin: 20px auto;
    display: table;
    width: 80%;
	}
	#introduce .proposal .ch-box>li>span{
			 width: 100px;
		    height: 100px;
		    font-size: 2rem;	
	}
	#introduce .proposal .ch-box>li:nth-child(3)>span {
		    font-size: 1.8rem;
	}

	#introduce #flow {
	    padding: 20px 10px 30px;
	}

/******************************************************************************************
#contact
*******************************************************************************************/
	#contact .regist{
		padding: 30px 10px 30px;
	}

	#contact .regist .exp{
		padding: 10px 0;
		font-size: 1.4rem;
		padding-left: 0;
	}

	#contact .regist .inner{
		padding: 10px 10px 30px;
	}
	#contact .regist .tbl-type-c,
	#contact .regist .tbl-type-c tbody,
	#contact .regist .tbl-type-c tbody tr,
	#contact .regist .tbl-type-c tbody tr th,
	#contact .regist .tbl-type-c tbody tr td{
		display: block;
		width: 100%;
	}

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

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

	#contact .regist label.name .kakko{
		font-size: 1.2rem;
		padding-top: 10px;
		margin-left: -5px;
	}

	#contact .regist label.name .input-label{
		padding: 0 0.3em 0 0;
	}

	#contact .regist input.type-a{
		width: 35%;
	}

	#contact .regist .label-address{
		width: 100%;
	}

	#contact .regist .label-address .kakko{
		font-size: 1.2rem;
	}

	#contact .regist input.type-b{
		width: 80%;
	}

	#contact .regist .kakko{
		font-size: 1.4rem;
	}

	#contact .wcheck{
		padding-left: 0px;
		padding-top: 10px;
		font-size: 1.4rem;
	}

	#contact .consent-area{
		text-align: center;
		padding: 10px 0px 20px;
	}
	#contact .consent-area p{
		text-align: left;
		padding: 10px 0 10px;
		font-size: 1.4rem;
	}


	#contact .checkbox02-parts {
	    font-size: 1.4rem;
	    padding: 0 0 0px 1.6em;
	    line-height: 1.4em;
	}

	#contact .checkbox02-parts::before{
	  width: 20px;
	  height: 20px;
	  background: url(/admin/images/icon_check.jpg) 0 0 no-repeat;
	  -webkit-background-size: 20px 20px;
	  background-size: 20px 20px;
	}

	#contact .checkbox02-input:checked + .checkbox02-parts::after {
	    top: -1px;
	    left: 5px;
	    width: 7px;
	    height: 14px;
	}

	#contact .regist .btn-area .btn-a{
		font-size: 1.6rem;
		width: 230px;
		padding: 0.8em;
	}

	#contact .radiobox01-parts{
	  font-size:1.4rem;
	  padding: 0 0 0 28px;
	  margin-right: 20px;
	  line-height: 20px;
	}

	#contact .radiobox01-parts::before{
	  content: "";
	  display: block;
	  position: absolute;
	  top: 0px;
	  left: 0;
	  width: 20px;
	  height: 20px;
	 }

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

	#contact .radiobox01-input:checked + .radiobox01-parts::after{
	  top: 6px;
	  left: 6px;
	  width: 10px;
	  height: 10px;
	}

	#contact .slt-label{
		width: 100%;
	}

	#contact .slt-label select {
		position: relative;
		width: 100%;
		padding: 5px;
		font-size: 1.4rem;
	}

	#contact .slt-label:after {
		position: absolute;
		content: "";
		display: block;
		top: 50%;
		right: 15px;
		width: 0;
		margin-top: -4px;
		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: 200px;
	}

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

/******************************************************************************************
#concelge
*******************************************************************************************/
	#concelge .contents-inner{
		padding: 30px 20px;
	}

	#concelge .cclg-list>li{
		width: 33.33%;
		margin:10px 0;
	}
	#concelge .cclg-list>li .resist-num {
	    font-size: 1.1rem;
	    padding: 10px 0;
	}

	#concelge .cclg-list>li .name {
	    font-size: 1.6rem;
	}


/******************************************************************************************
#concelge.detail
*******************************************************************************************/
	#concelge.detail .contents-inner{
		padding: 20px 0;
	}

	#concelge.detail .flex-box{
		display: block;
		width: 100%;
	}

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

	#concelge.detail .id-info {
		padding-left: 15px;
	}

	#concelge.detail .tbl.type-a tr:last-child{
		border-bottom: 1px solid #DDDDDD;
	}

	#concelge.detail .flex-box>div:nth-child(1) {
		padding: 30px 0;
		text-align: center;
	}

	#concelge.detail .tbl.type-a tr th,
	#concelge.detail .tbl.type-b tr th {
	    width: 130px;
	    padding: 1em 0.5em;
	}
	#concelge.detail .tbl.type-a tr td,
	#concelge.detail .tbl.type-b tr td {
	    padding: 1em 0.5em;
	}
	#concelge.detail .tbl.type-b{
		margin:0 0 20px;
	}

	#concelge.detail .flex-box>div img{
		max-width: 100%;
	}

	#partnership .flex-box {
	    margin: 0 auto 30px;
	    padding: 0px 10px 20px;
	    overflow: hidden;
	}
	#partnership .login .flex-box{
	    padding: 42px 20px 30px;
	}
	#partnership .flex-box.partner {
	    padding: 45px 10px 20px;
	}
	#partnership .login .flex-box.partner {
	    padding: 90px 10px 20px;
	}

#partnership .flex-box .check-area{
	top:13px;
}
#partnership .flex-box.partner .check-area{
	top:60px;
}
#partnership .flex-box.partner .partner{
	top: 15px;
	left: 10px;
}
	#partnership .flex-box.partner .partner li{
		width: 120px;
	}

#partnership .check-request{
	width: 130px;
}
	#partnership .check-request:hover::before{
		width: calc(100% - 5px);
		height: calc(100% - 5px);
	}
#partnership .check-request .checkbox03-parts{
	font-size: 1.2rem;
	padding: 0.3em 8px 0.5em 30px;
}
#partnership .check-request .checkbox03-input:checked + .checkbox03-parts{
	font-size: 1.2rem;
}
#partnership .btn-area{
	margin-left: 10px;
}
#partnership .btn-red{
	font-size: 1.6rem;
	min-width: 150px;
}

/******************************************************************************************
#partnership 提携キャンパス一覧
*******************************************************************************************/
#partnership.search-list{
	padding: 0 10px;
}

	#partnership .school-name {
	    font-size: 1.8rem;
	}

	#partnership .exp {
	    padding: 0.8em 0;
	    line-height: 1.3em;
	    font-size: 1.6rem;
	}

	#partnership .flex-box{
		display: block;
	}
	#partnership .flex-box>div:nth-child(1),
	#partnership .flex-box>div:nth-child(2){
		width:100%;
	}

	#partnership .flex-box>div:nth-child(1){
		padding: 20px 0;
		text-align: center;
	}

	#partnership .tbl.type-c tbody tr th {
	    padding: 0.5em;
	    width: 100px;
	}


	#partnership .tbl.type-c tbody tr td {
	    padding: 0.5em 1em;
	}


	#partnership .flex-box>div:nth-child(1) img{
		width: 75%;
	}
/******************************************************************************************
#partnership 検索
*******************************************************************************************/
	#partnership.search .check-box-list>li{
		width: 100%;
		display: block;
	}

	#partnership.search .btn-c {
	    max-width: 100%;
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    padding-left: 20px;
	    font-size: 1.8rem;
	}
	#partnership.search .slt-label select {
	    position: relative;
	    width: 100%;
	    font-size: 1.4rem;
	}

	#partnership.search .slt-label:after {
	    margin-top: -4px;
	}

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

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

	#partnership.search .area-search {
		margin-bottom: 30px;
	}
#partnership.search .checkbox02-parts{
	white-space: normal;
	font-size: 1.5rem;
}

	/******************************************************************************************
	#partnership.detail 詳細
	*******************************************************************************************/
	#partnership .school-head .exp {
	    font-size: 1.4rem;
	}

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

	#partnership.detail .school-head ,
	#partnership.detail .school-head>div:nth-child(1) ,
	#partnership.detail .school-head>div:nth-child(2) {
	    display: block;
	    width: 100%;
	}
	#partnership.detail .school-head>div:nth-child(1) img{
		width: 100%;
	}

	#partnership.detail .tbl.type-a tr td {
	    padding: 1em 0.5em 1em 0;
	}

	#partnership.detail .school-head {
	    padding: 60px 20px 0;
	    margin-bottom: 30px;
	}

	#partnership.detail .school-head>div:nth-child(2) {
	    width: auto;
	    padding: 20px 0;
	}

	#partnership.detail .tbl.type-a tr th {
	    width: 80px;
	    padding-left: 0;
	    font-size: 1.4rem;
	}

/*キャンパス一覧*/
.campus-section{
	padding: 20px 0px;
}
	.article-detail .campus-section .heading-s{
		margin-bottom: 1.5em;
	}
.campus-list{
	padding: 0;
}
.campus-list .sp{
	display: block;
}
	.campus-list article{
		font-size: 1.4rem;
		line-height: 1.4em;
		margin-bottom: 1.5em;
	}
	.campus-list table th{
		padding: 0.5em;
		width: 5.5em;
	}
	.campus-list table td{
		padding: 0.5em;
	}

	/******************************************************************************************
	#ご利用方法
	*******************************************************************************************/
	#howto .contents {
	    padding: 0 10px 40px;
	}

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

	#howto .sect .gray-box {
	    padding: 20px 15px;
	    background: #F6F6F6;
	}

	#howto .sect .clm-box,
	#howto .sect .clm-box>div{
		display: block;
	}
	#howto .sect .clm-box>div:nth-child(1){
		width: 100%;
		text-align: center;
		padding-bottom: 30px;
	}

	#howto .sect .clm-box>div:nth-child(2){
		padding:0;
	}

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

	#howto .sect .title>span{
		position: absolute;
		left: 0;
		top:0;
		display: inline-block;
		width: 25px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		font-size: 1.4rem;
		-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 .block{
		margin-bottom: 15px;
	}

	#howto .sect .block:last-child{
		margin-bottom: 0;
	}

	#howto .sect .block-sm{
		margin-bottom: 5px;
	}

	#howto .text-box p{
		font-size: 1.6rem;
	}

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

	#howto .sect .clm-box {
	    margin-bottom: 30px;
	}


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

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

	/******************************************************************************************
	#faqPage よくあるご質問
	*******************************************************************************************/
	#faqPage .faq-box>div{
		font-size: 1.4rem;
	}

	#faqPage .sect {
	    padding: 0;
	}

	#faqPage .faq-box {
	    padding-left: 0;
	}

	#faqPage .faq-box {
	    margin-top: 20px;
	    margin-bottom: 30px;
	}

	/******************************************************************************************
	#rule ご利用規約 
	*******************************************************************************************/

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

	.rule .exp{
		margin-bottom: 20px;
	}

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

	.rule .headline-xs{
		font-size: 1.6rem;
		margin-bottom:5px;
	}

	.rule .contents-inner p,
	.rule .contents-inner li {
	    font-size: 1.4rem;
	}

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


	/******************************************************************************************
	.about_school
	通信制高校について
	*******************************************************************************************/

	.about_school .sct-heading {
	    margin: 15px 0;
	}

	.about_school .inner {
	    border: 1px solid #78AD31;
	    padding: 20px 20px 18px;
	}

	.about_school .calc-block .exp {
	    font-size: 1.6rem;
	}


	.section-menu-lists dl {
	    font-size: 1.6rem;
	    display: block;
	}
	.section-menu-lists dl>dt{
		display: block;
		margin-bottom: 0.5em;
	}
	.section-menu-lists ul>li{
		font-size: 1.6rem;
		line-height: 1.6em;
		margin-bottom: 0.8em;
	}

	.section-menu-lists ul>li .sp-br{
		display: block;
		text-align: right;
	}

	.about_school .sct-heading .headline-xs>span{
		display: block;
		text-align: left;
	}

	.about_school .child-section {
	    padding: 15px 0 0;
	}

	.about_school .figure-block {
	    padding: 15px 0 0;
	}

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

	.about_school .tbl.type-b,
	.about_school .tbl.type-b tbody,
	.about_school .tbl.type-b tr,
	.about_school .tbl.type-b tr td,
	.about_school .tbl.type-b tr th{
		display: block;
		width: 100%;
		border:none;
	}
	.about_school .tbl.type-b tr td,
	.about_school .tbl.type-b tr th{
		margin-top: -1px;
		font-size: 1.6rem;
		border: 1px solid #CCCCCC;
	}

	.about_school .tbl.type-b tr td .sp-br{
		display: block;
	}




	.about_school .calc-block {
	    margin: 25px 0 20px;
	}


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


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

	.about_school .calc-block dl>dd>span {
	    max-width: 400px;
	    width: 100%;
	    margin: 0 auto;
	}

	.about_school .link-area a {
	    font-size: 1.6rem;
	}


	.about_school .calc-block .exp{
		margin:0 auto;
		text-align: left;
		margin-top: 20px;
	}
	.about_school .calc-block .exp br{
		display: none;
	}

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

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

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

	.about_school  .headline-mm {
	    font-size: 2.2rem;
	    line-height: 1.5em;
	}



}

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

	#introduce .proposal .ch-box>li>span {
	    width: 80px;
	    height: 80px;
	    font-size: 1.8rem;
	}
	#introduce .proposal .ch-box>li:nth-child(3)>span {
		    font-size: 1.6rem;
	}

	#introduce .proposal .ch-box {
	    margin: 10px auto;
	    width: 100%;
	}

	#concelge .cclg-list>li{
		width: 50%;
		margin:10px 0;
	}

	#partnership.detail iframe{
		width: 100%;
		height: 160px;
	}

	#partnership .wrap{
		padding: 0 10px;
	}

#partnership .check-request{
	width: 45%;
	max-width: 167px;
	min-width: 130px;
}
	#partnership .check-request>label{
		display: block;
	}
	#partnership .check-request .checkbox03-parts{
		padding: 0.4em 8px 0.7em 30px;
	}
#partnership .request-area .btn-area{
	width: 55%;
}
	#partnership .request-area .btn-red{
		width: 100%;
	}

}




@media screen and (max-width: 340px){
	#partnership .btn-red{
		min-width: 137px;
	}
}