/* ---------------------------------------------------------------
	start max 700px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 700px ) {

	body {
		margin-top: 64px;
		font-size: 15px;
		line-height: 1.6;
	}

	.sp_none {
		display: none;
	}


	/* --------------- header --------------- */

	#header {
		height: 64px;
		background-image: url(../img/sp/bg_header.jpg);
		background-size: cover;
	}

	.logo_header {
		width: 75%;
		max-width: 270px;
	}

	#menubtn {
		width: 64px;
		height: 61px;
	}

	#menubtn .btn {
		width: 35px;
	}

	#menubtn span:nth-child(1) {
		top: 17px;
	}

	#menubtn span:nth-child(2) {
		top: 30px;
	}

	#menubtn span:nth-child(3) {
		top: 43px;
	}

	#menubtn.active span:nth-of-type(1) {
		top: 10px;
	}

	#menubtn.active span:nth-of-type(3) {
		top: 50px;
	}

	nav {
		height: calc(100vh - 64px);
		top: 64px;
	}

	/* --------------- footer --------------- */

	dl.col_address {
		padding-top: 14px;
		text-align: center;
		display: block;
	}

	dl.col_address dt {
		width: auto;
		margin-bottom: 10px;
		font-size: 13px;
	}

	dl.col_address dd {
		width: auto;
	}

	dl.col_address dd strong {
		font-size: 13px;
	}

	.pagetop {
		bottom: 15px;
		right: 15px;
	}

	.pagetop a {
		width: 54px;
		padding-top: 54px;
		background-size: 100% auto;
	}


	/* --------------- content --------------- */

	.col_content {
		width: 96%;
	}

	.box_content {
		margin-bottom: 15px;
		padding: 12px 12px 30px;
	}

	.mds1 {
		padding: 11px 65px 9px 15px;
		font-size: 15px;
	}

	.mds1 .deco {
		width: 50px;
	}

	.col_prepare {
		min-height: 300px;
	}



	/* --------------- top --------------- */
	
	.inner_box_content{
		display: block;
	}
	
	.list_topsummary {
		margin: 0 0 30px;
	}
	.list_topsummary dt,
	.list_topsummary.block dt {
		width: 100%;
		margin: 0 0 5px;
		padding: 0 10px 5px;
		border-bottom: 1px solid #21a889;
	}
	.list_topsummary dt.top_list {
		width: 100%;
		margin: 0 0 5px;
	}
	.list_topsummary dd,
	.list_topsummary dd.txt_list,
	.list_topsummary.block dd {
		width: 100%;
		margin: 0 0 15px;
		padding: 0 10px;
	}
	
	.list_topsummary dd:last-of-type {
		margin: 0;
	}
	
	.list_topsummary dt.top_list2{
		width: 100%;
	}

	.col_topnews {
		border: none;
		display: block;
	}

	.mds_topnews {
		width: 120px;
	}

	.mds_topnews .inner {
		padding: 5px 18px 1px 0;
	}

	.mds_topnews:after {
		border-width: 33px 0px 0 25px;
	}

	.cont_topnews {
		width: 100%;
		border: solid 1px #c49944;
	}

	.scroll_topnews {
		max-height: 115px;
		padding: 12px 0 9px 20px;
	}

	.scroll_topnews dl {
		padding: 3px 0;
	}

	.scroll_topnews dl dt {
		width: 105px;
	}

	.scroll_topnews dl dd {
		width: calc(100% - 105px);
		padding-right: 20px;
	}

	.indent_top2 {
    padding-left: 31px;
    text-indent: -37px;
}

	.box_topannounce {
		font-size: 15px;
	}

	/* --------------- summary --------------- */

	.indent2 {
		padding-left: 40px;
		text-indent: -40px;
	}

	.indent_roll {
		padding-left: 40px;
		text-indent: -40px;
	}


	/* --------------- contact --------------- */


	#mailform #wrap_form,
	#mailform #wrap_form tbody,
	#mailform #wrap_form tbody tr,
	#mailform #wrap_form tbody th,
	#mailform #wrap_form tbody td {
		display: block;
	}

	#mailform #wrap_form tbody tr {
		padding: 18px 6px;
	}

	#mailform #wrap_form tbody th {
		width: auto;
		margin-bottom: 5px;
		padding: 0;
		font-size: 15px;
	}

	#mailform #wrap_form tbody td {
		width: auto;
		padding: 0;
		font-size: 15px;
	}

	#mailform #wrap_form tbody th.btm {
		margin-bottom: 15px;
		padding-top: 20px;
		text-align: center;
	}

	.btnarea_submit {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#mailform #wrap_form .btnarea_submit input[type="button"],
	#mailform #wrap_form .btnarea_submit input[type="submit"],
	#mailform #wrap_form .btnarea_submit input[type="reset"] {
		min-width: auto;
		width: 44%;
	}

	/* --------------- past --------------- */

	.p-table__th {
		width: 100%;
		padding: 10px 20px 8px;
		text-align: left;
		display: block;
	}

	.p-table td {
		width: 100%;
		padding: 10px 20px 8px;
		display: block;
	}

	.p-table tr:last-of-type td {
		border-bottom: none;
	}

	.btnarea_past1 {
		display: block;
	}

	.btnarea_past1 a {
		margin-bottom: 20px;
	}

	.txt_keisiki1 {
		padding-left: 30px;
		text-indent: -40px;
	}

	/* --------------- program --------------- */


	dl.list_program {
    flex-wrap: wrap;
	}

	dl.list_program dt.name1 {
		width: 100%;
	}

	dl.list_program dd.shozoku1 {
		width: 90%;
		margin: 0;
	}

	.date_pprogram {
		text-align: left;
	}

	.mds2.date {
    display: block;
	}


/* --------------- movie --------------- */


	.video-btn {
		width: 18vw;
		height: 18vw;
		border-width: 1.5vw;
	}

	.video-btn:after,
	.finished .video-btn:after {
		border-width: 6vw;
		border-left-width: 9vw;
	}


/* --------------- viewing --------------- */

	ul.list_text_dl li .endai {
		width: calc( 100% - 20px );
		padding: 0;
		line-height: 1.6;
	}


/* --------------- 3seminar program --------------- */

	a.program1 img{
		width: 100%;
		max-width: 500px;
	}

}

/* ---------------------------------------------------------------
	end max 700px
--------------------------------------------------------------- */