@charset "utf-8";

@media screen and (max-width : 768px) {
	.section {
		margin-bottom: 80px;
	}

	#schedule {
		margin-bottom: 0;
	}

	#schedule .tab-content .pic {
		margin-bottom: 75px;
	}

	#period {
		position: initial;
	}

	#period .h_tit {
		margin-bottom: 0;
		border: none;
	}

	#period .h_tit img {
		max-width: 133px;
	}

	#period .tab_nav {
		position: initial;
		top: 0;
		right: 0;
	}

	#period .tab_nav li {
		float: none;
		padding: 18px 30px 17px 50px;
		height: 50px;
		color: #727171;
		font-size: 16px;
		background-color: #efefef;
		border-bottom: 2px solid #fff;
		box-sizing: border-box;
	}

	#period .tab_nav li.current {
		color: #fff;
		background-color: #8cbeaf;
		background-image: url(../image/ico_w_arrow_right.png);
		background-repeat: no-repeat;
		background-position: 30px 14px;
		background-size: 10px auto;
	}

	#period .tab_nav li span {
		display: block;
		padding: 0;
		line-height: 0.8em;
		border-right: none;
	}

	#period .tab_nav li.current::after {
		background: none;
	}

	#period .tab_content {
		padding: 0;
	}

	#period .tab-pane {
		position: relative;
	}

	#period .tab-pane h4 {
		padding: 35px 0 23px;
		font-size: 16px;
	}
	
	#period .tab-pane h4 span {
		font-size: 14px;
	}

	#period .tab-pane .sec_desc {
		padding: 0;
	}

	#period .tab-pane .img {
		margin: 0 -30px;
	}

	#period .c_wrap {
		position: relative;
		padding: 0 30px;
		background: url(../image/bg_period.jpg) repeat-y;
		background-size: contain;
	}

	#period .tab-pane .sec_desc {
		padding-bottom: 15px;
	}

	#period .tab-pane .sec_desc .caution {
		font-size: 10px;
		font-family: var(--font-light);
	}

	#period .ac_block {
		padding: 30px 30px 0;
	}

	#period .ac_block li {
		padding: 12px 0 15px;
		font-size: 14px;
		border-bottom: 1px solid #BEDCD2;
	}

	#period .ac_block li:last-child {
		border-bottom: none;
	}

	#period .ac_block li a {
		display: block;
		padding: 0 0 0 4em;
		color: #8CBEAF;
		font-size: 16px;
		font-family: var(--font-bold);
		text-indent: -4em;
	}

	#period .ac_block li a:before {
		position: relative;
		top: 7px;
		content: "";
		display: inline-block;
		margin-right: 21px;
		width: 10px;
		height: 20px;
		background: url(../image/ico_arrow_right.png) no-repeat left center;
		background-size: 10px 20px;
		-webkit-transition: -webkit-transform .2s ease-in-out;
		-ms-transition: -ms-transform .2s ease-in-out;
		transition: transform .2s ease-in-out;
	}

	#period .ac_block li a.toggle.active:before {
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}

	#period .ac_block li .num {
		display: inline-block;
		margin-right: 7px;
		padding: 6px 0;
		width: 28px;
		height: 28px;
		color: #fff;
		font-size: 17px;
		font-family: var(--font-bold);
		text-align: center;
		text-indent: 0;
		vertical-align: middle;
		border-radius: 15px;
		box-sizing: border-box;
		background-color: #8CBEAF;

	}

	#period .ac_block li ul li {
		padding: 1px 0 0 20px;
		line-height: 1.8;
		border: none;
		text-indent: -20px;
	}

	#period .ac_block li .inner {
		padding: 15px 0 0;
		display: none;
	}

	#comfort .h_tit img {
		max-width: 208px;
	}

	#comfort .sec_desc {
		margin-bottom: 15px;
	}


	#application .h_tit img {
		max-width: 168px;
	}

	#application .sec_desc {
		margin-bottom: 5px;
	}

	#application .cap {
		padding: 0 30px 18px;
		font-size: 10px;
		font-family: var(--font-light);
		line-height: 1.5em;
	}


}