@media screen and (max-width:667px) {

	.of_con1{
		width: 90%;
		margin: 9% auto 10%;
	}

	.of_con1 .office1{
		padding-bottom: 9%;
		margin-bottom: 12%;
		border-bottom: 1px dotted #bbb;
	}

	.of_con1 .office1:last-child{
		padding-bottom: 0;
		margin-bottom:0;
		border-bottom: none;
	}

	.of_con1 .of_left{
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.of_con1 .of_right{
		float: none;
		width: 100%;
	}

	.of_con1 .of_right h3{
		font-size: 23px!important;/*202103 MOD +2px*/
		color: #db6687;
		font-family: "新ゴ R", sans-serif;
		letter-spacing: 2px;
		margin-bottom: 5%;
		margin-top: 6%;
		line-height: 1.2;
	}

	.of_con1 .of_right .of_detail{
		font-size: 16px;/*202103 MOD +2px*/
		padding-bottom: 0.5px;
		line-height: 1.6;
	}

	.of_con1 .of_right .free_f{
		font-size: 16px;/*202103 MOD +2px*/
		color: #db6687;
		background: url(../img/freed.png) no-repeat 0px center;
		background-size: 19px;
		padding: 0 0 0 24px;
		margin-bottom: 3%;
	}

	.free_f a{
		color: #db6687;
		text-decoration: none;
	}

	.of_con1 .of_right .detail_btn a{
		font-size: 15px;/*202103 MOD +2px*/
		background: url(../img/arrow2.png) no-repeat 90px center;
		background-size: 6px;
		background-position: 20em;
	}

	/* =========================================================
			office_detail
	========================================================= */

	.office_detail{
		margin-bottom: 7%;
	}

	.office_detail h4{
		font-size: 18px;/*202103 MOD +2px*/
		color: #db6687;
		font-family: "新ゴ R", sans-serif;
		letter-spacing: 1px;
		margin-bottom: 8px;
		background: url(../img/access_icon.png) no-repeat 0px center;
		background-size: 14px;
		padding: 0 0 0 20px;
	}

	.office_detail .access{
		padding: 4% 4% 3%;
		background: #f1f1f1;
		width: 92%;
		margin-top: 5%
	}

	.office_detail .access li{
		padding-bottom: 5px;
		font-size: 15px;/*202103 MOD +2px*/
	}

	.map_detail{
		padding-top: 10px;
	}

	.map_up, .googlemap{
		margin-right: 10px;
		float: left;
	}

	.map_up a{
		color: #db6687;
		text-decoration: none;
		/* background: url(../img/arrow2.png) no-repeat 82px center; */
		background: url(../img/arrow2.png) no-repeat 95px center;
		background-size: auto auto;
		background-size: 5px;
		letter-spacing: 0.5px;
		padding: 0px 20px 0 0;
		font-size: 14px;/*202103 MOD +2px*/
	}

	.googlemap a{
		color: #db6687;
		text-decoration: none;
		/* background: url(../img/arrow2.png) no-repeat 117px center; */
		background: url(../img/arrow2.png) no-repeat 130px center;
		background-size: auto auto;
		background-size: 5px;
		letter-spacing: 0.2px;
		padding: 0px 20px 0 0;
		font-size: 14px;/*202103 MOD +2px*/
	}

	.office_teacher h4{
		margin-top: 14%;
	}

	.office_teacher h4{
		font-size: 16px;/*202103 MOD +2px*/
		color: #db6687;
		font-family: "新ゴ R", sans-serif;
		letter-spacing: 0.5px;
		padding: 8px 10px 8px 10px;
		background: #fdf1f4;
		margin-bottom: 5%;
	}

	.office_teacher li{
		float: left;
		width: 47%;
		margin-right: 6%;
		margin-bottom: 5%;
	}

	.office_teacher li p{
		padding-top: 5px;
		font-size: 14px;/*202103 MOD +2px*/
	}
		
	.office_teacher li:nth-child(2n){
		margin-right: 0;
	}
	.office_teacher li:nth-child(5n){
		margin-right: 6%;
	}


	#lightbox img {
		width: 100% !important;
		height: auto;
	}

	.of_con1 h3 .date1 {
		font-size: 12px;
		letter-spacing: 0px;
	}

	.of_con1 h5 {
		font-size: 14px;
		margin-top: 0px;
		letter-spacing: 1px;
	}
	.of_con1 h5 span {
		font-size: 12px;
	}

}