@charset "utf-8";

/**************************************
							スマートフォン
**************************************/
@media screen and (max-width: 640px) {

	.pc {
		display: none !important;
	}

	.sp {
		display: block;
	}

	a.notphone {
		pointer-events: none !important;
	}

	/**************************************
								構造・共通
**************************************/
	.container {
		max-width: 100%;
	}

	.box {
		flex-wrap: wrap;
	}

	.box1-1 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.box1-2 {
		width: 100%;
	}

	.box1-3 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.box1-4 {
		width: 100%;
	}

	/**************************************
						ヘッダー
**************************************/

	#header_container {
		display: block;
		width: 100%;
		padding: 10px;
		position: relative;
		overflow: hidden;
	}

	h1#logo {
		width: 83%;
	}

	h1#logo span {
		font-size: 12px;
		padding: 10px;
		margin-left: 10px;
	}

	h1#logo img {
		width: 50%;
	}

	header button {
		position: absolute !important;
		right: 0;
	}


	/**************************************
						グローバルメニュー
**************************************/
	nav {
		border-top: 1px solid #00a9dd;
	}

	nav ul {
		flex-wrap: wrap;
	}

	nav ul li {
		width: 100% !important;
		border-right: none;
		border-bottom: 1px solid #00a9dd;
	}

	nav ul li a {
		text-align: left;
	}

	nav ul li a:after {
		display: inline-block !important;
		margin: 0 !important;
		vertical-align: middle;
		padding-left: 8px;
		line-height: 1;
	}

	/**************************************
						メインビジュアル
**************************************/
	#main {
		margin-top: 67px;
		padding: 20px 10px;
	}

	#mainbox {
		padding: 0;
	}

	p.important_text {
		font-size: 11px;
		text-align: left;
		padding-right: 0;
	}

	p.top_copy {
		font-size: 12px;
	}

	#point01_section:after {
		display: none;
	}

	#point02_section:before {
		display: none;
	}

	.point_section {
		margin-bottom: 20px;
	}

	.point_section>.box {
		padding-left: 0;
	}

	.contents_section {
		max-width: 100%;
		margin-top: 50px !important;
		padding: 20px 10px !important;
	}

	#map_section {
		padding-bottom: 0;
	}

	.title_area01 {
		width: 100%;
		padding-left: 0;
	}

	p#map {
		position: static;
	}

	.yokoku {
		margin: 0 0 30px 0 !important;
		text-align: left;
	}

	.yokoku dl {
		display: flex;
		align-items: center;
	}

	.yokoku dl dt {
		max-width: 90px;
		width: 100%;
		padding: 20px 10px;
		line-height: 1;
		text-align: center;
	}

	.house_maker_colum {
		flex-wrap: wrap;
	}

	.house_maker_col {
		width: 47%;
		margin-right: 3%;
		margin-bottom: 25px;
	}

	.house_maker_col:nth-child(even) {
		margin-right: 0;
	}

	#guideline {
		display: none;
	}

	#guideline_sp {
		float: right;
		width: 30%;
		padding: 5px 5px 5px 10px;
	}

	#guideline_sp:after {
		content: "";
		display: block;
		clear: both;
	}

	/**************************************
									Access
**************************************/
	#access {
		max-width: 100%;
		margin: 50px 0;
	}


	.access_title_box:after {
		display: none;
	}

	.access_title_box {
		padding: 20px 10px;
	}

	.access_title_box p.copy_title {
		font-size: 21px;
	}

	.access_title_box p.copy {
		font-size: 14px;
	}

	.access_box {
		flex-wrap: wrap;
	}

	.access_box_left {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.access_box_right {
		width: 100%;
	}

	.maker_title {
		font-size: 11px;
	}

	.access_list dl dt {
		width: 20%;
		font-size: 11px;
	}

	.access_list dl dd {
		width: 78%;
	}

	/**************************************
								Overview
**************************************/
	.overview table th {
		width: 35%;
		padding: 10px 5px;
		font-size: 13px;
	}

	.overview table td {
		width: 65%;
		padding: 10px 5px;
		font-size: 13px;
	}

}

/* sp */




@media screen and (min-width: 640px) {
	.pc {
		display: block;
	}

	.sp {
		display: none !important;
	}


	header button {
		display: none;
	}

	#guideline_sp {
		display: none;
	}

}