
@media screen and (max-width: 768px) {

	/*common--------------------------------*/

	.sp {
		display: block;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}

	.pc {
		display: none;
	}

	.container {
		width: 90vw;
		margin: 0 auto;
		position: relative;
		padding: 0;
	}

	.lower article {
		padding-bottom: 0;
	}

	section {
		padding: 15% 0;
	}

	.sec_tit {
		margin: 0 auto 10%;
	}

	.sec_tit span {
		font-size: 5vw;
		margin-bottom: 5%;
	}

	.sec_tit em {
		font-size: 5vw;
		font-weight: 500;
		font-style: normal;
		color: #444;
		position: relative;
		z-index: 2;
	}

	.sec_tit em b {
		font-size: 6.8vw;
	}


	/*----------------------------------------*/
	
	/*mv_container*/
	
	/*----------------------------------------*/
	
	.mv_container {
		height: 101.45vw;
		padding-top: 14.49vw;
	}
	
	.mv_container .txt_container {
		width: 10%;
	}
	
	.mv_container .img_container {
		width: 90%;
	}
	
	.mv_container .chatch_container {
		width: 96vw;
		bottom: 5vw;
	}
	
	.mv_container .chatch_ttl {
		padding-bottom: 2.42vw;
	}
	
	.mv_container .chatch_ttl span {
		padding: .48vw 1.21vw .72vw 3.62vw;
		font-size: 4.11vw;
	}
	
	.mv_container .chatch_ttl strong {
		font-size: 7.73vw;
		letter-spacing: .08em;
	}		
	
	.mv_container .chatch_txt {
		padding: .48vw 1.21vw .72vw 3.62vw;
		margin-top: 2.42vw;
		font-size: 3.62vw;
	}
	
	
	/*----------------------------------------*/
	
	/*sec01*/
	
	/*----------------------------------------*/
	
	.ex_list_container {
		padding: 7.25vw 1.21vw 1.21vw;
		border: 1.21vw solid #fff;
		border-radius: 4.83vw;
		display: block;
	}
	
	.ex_list_item {
		padding: 0 .5em 2em .5em;
		font-size: 3.86vw;
		line-height: 1.2em;
	}
	
	.ex_list_item span {
		font-size: 3.86vw;
		line-height: 1.4em;
		letter-spacing: .05em;
	}
	
	.ex_list_item span::before {
		width: 102%;
		left: -1%;
	}
	
	.ex_container {
		display: block;
		padding-top: 9.66vw;
	}
	
	.ex_container .txt_container {
		width: 100%;
	}
	
	.ex_container .img_container {
		width: 100%;
		padding-bottom: 4.83vw;
	}
	
	.ex_container .ex_subttl {
		font-size: 5.8vw;
		padding-bottom: 2.42vw;
		margin-bottom: 4.83vw;
	}
	
	
	/*----------------------------------------*/
	
	/*sec02*/
	
	/*----------------------------------------*/
	
	.feature_subttl {
		font-size: 5.8vw;
		text-align: left;
		padding-bottom: 2.42vw;
		margin-bottom: 9.66vw;
	}
	
	.feature_wrap {
		display: block;
	}
	
	.feature_list_container {
		width: 80%;
		margin: 0 auto;
		border: 1.21vw solid #fff;
		border-radius: 4.83vw;
	}
	
	.feature_list_container + .feature_list_container {
		margin-top: 4.83vw;
	}
	
	.feature_list_container dt {
		height: 36.23vw;
		padding: 4.83vw 0 0 4.83vw;
		font-size: 3.86vw;
	}
	
	.feature_list_container dt strong {
		font-size: 17.39vw;
	}
	
	.feature_list_container dd {
		height: unset;
		padding: 0 0 2.42vw 2.42vw;
	}
	
	.feature_list_container dd span {
		font-size: 4.83vw;
	}
	
	.feature_list_container dd strong {
		font-size: 9.18vw;
	}



	/*----------------------------------------*/
	
	/*sec03*/
	
	/*----------------------------------------*/
	
	.contact_ttl {
		font-size: 5.31vw;
		padding-bottom: 4.83vw;
	}
	
	.contact_lead {
		font-size: 4.35vw;
		padding-bottom: .5em;
	}
	



	/*----------------------------------------*/

	/*sec06*/

	/*----------------------------------------*/

	#sec06 .sec_tit em {
		color: #fff;
	}

	#sec06 .tel {
		font-size: 13vw;
		padding-bottom: 3%;
	}

	.form_btn_container {
		padding-bottom: 5%;
	}

	.form_btn_container a {
		width: 94%;
		height: 50px;
	}

	.form_btn_container a:before {
		width: 30px;
		height: 2px;
		top: 28px;
		right: 10px;
		z-index:10;
	}
	.form_btn_container a:after {
		width: 15px;
		height: 2px;
		top: 25px;
		right: 10px;
	}

	.form_btn_container a span {
		font-size: 5vw;
		line-height: 50px;
	}

	.form_btn_container a span:after {
		width: 28px;
		height: 20px;
		background: url('../img/ico_mail.png') center center no-repeat;
		background-size: 28px 20px;
		left: 5%;
	}



	/*----------------------------------------*/

	/*footer*/

	/*----------------------------------------*/

	#colophon {
		width: 90%;
	}

	#footer ul {
		width: 100%;
		margin-left: 0;
		float: none;
		padding-bottom: 20px;
	}

	#footer ul li{
		background: url(../../common/img/arrow01.png) no-repeat left center;
		font-size: 14px;
		text-indent: 1.8em;
		line-height: 2em;
	}

	#footer ul li a {
		font-family: 'Meiryo', 'メイリオ', 'ヒラギノ 角ゴPro W3', 'Hiragino Kaku Gothic Pro', 'MS PGothic', 'ＭＳ Ｐゴシック'!important;
		font-size: 14px;
	}

	#footer #map_canvas00 {
		margin: 0 0 20px 0;
		float: none;
		width: 100%;
	}

	#footer p#footer_add {
		font-size: 13px;
		text-align: left;
		margin-right: 0;
	}

	#footer p#copy {
		font-size: 11px;
	}

	#footer p#copy span {
		display: none;
	}





/*-------------------------------------*/
}

