@charset "UTF-8";

/*------------------*/
/*      PC表示      */
/*------------------*/

@media screen and (min-width: 751px)
{
	body
	{
		margin: 0 auto;
		font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		max-width: 1000px;
		font-size: 24px;
	}
	
	a
	{
		color: #000000;
		text-decoration: none;
	}

	a:hover
	{
		color: #FFA500;
	}

	img
	{
	    vertical-align: bottom;
	    max-width: 100%;
	    height: auto;
	}
	
	div
	{
	    text-align: center;
	}
	
	td
	{
		padding: 0px;
	}
	
	p
	{
		margin: 10px 0;
	}
	
	hr
	{
		height: 1px;
		margin: 0 65px;
		background-color: black;
	}
	
	footer
	{
	    margin-top: 800px;
		margin-bottom: 0;
		font-size: 18px;
	}

	.page_SP
	{
		display: none;
	}
	
	.page_margin
	{
	    margin-top: 300px;
	}
	
	.page_title
	{
		margin: 0 0 10px 0;
		font-size: 58px;
	}
	
	.top_menu
	{
		position: fixed;
		background-color: #fff5ee;
	}

	.sub_title
	{
		margin: 0;
		font-size: 32px;
	}

	.header_table
	{
	    margin: auto;
		border-collapse:collapse;
	}
	
	.header_menu
	{
		width: 70%;
		max-height: 65px;
	    margin: auto;
	}
	
	.header_menu tr
	{
		width: 80%;
	}
	
	.top_message_head
	{
		margin:50px 0 35px 0;
	}
	
	.top
	{
	
	}
	
	.top_message
	{
	}
	
	.top_message p
	{
	    text-align: left;
	    margin: 5px auto;
	    width: 90%;
		/* max-width: 700px; */
	}
	
	.medical
	{
	    margin-top: 40px;
		font-size: 32px;
	}
	
	.medical_link
	{
	    margin-top: 80px;
	}
	
	.guide
	{
	}
	
	.week
	{
		font-size: 28px;
	}
	
	.reserv
	{
	    margin: 30px auto;
	}
	
	.reserv p
	{
	    margin: 0;
		font-size: 32px;
	}
	
	.director
	{
	    margin-top: 40px;
	}
	
	.address
	{
	    margin: 40px auto;
	}
	
	.map
	{
		margin: 0 5%;
		height: 0;
		overflow: hidden;
		padding-bottom: 75%;
		position: relative;
	}

	.map iframe
	{
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		z-index: -99;
	}
	
	.policy
	{
	}
	
	.img_title p
	{
	    font-size: 58px;
	    margin-top: -21%;
	    margin-bottom: 15%;
	    color: #ffffff;
	}
	
	.policy_message1-1
	{
		margin: 40px 0;
	}
	
	.policy_message1-1 p
	{
	    text-align: left;
	    margin: 5px auto;
	    width: 90%;
	
	}
	
	.policy_message1-2
	{
		margin: 70px 0;
	}
	
	.policy_message1-2 p
	{
	    text-align: left;
	    margin: 5px auto;
	    width: 90%;
	}
	
	.policy_message2-1
	{
		font-size: 32px;
	    margin: 20px auto 30px auto;
	}
	
	.policy_message2-2 p
	{
	    text-align: left;
	    margin: 5px auto;
	    width: 90%;
	}
	
	.device
	{
	
	}
	
	.device_title
	{
		margin-top: 80px;
	}
	
	.device_message
	{
		margin-top: 40px;
	}
	
	.device_message p
	{
	    text-align: left;
	    margin: 5px auto;
	    width: 90%;
	}
	
	.item_title
	{
		font-size: 6vmin;
	    margin-left: 5%;
	    margin-right: 5%;
	}
	
	.top_button
	{
	    position: fixed;
	    right: 5%;
	    bottom: 20px;
	    z-index: 99;
	}

	.footer_color
	{
		padding-top: 15px;
		padding-bottom: 30px;
		background-color: #fff5ee;
	}

	.copyright
	{
	    font-size: 14px;
	}

	.copyright p
	{
		margin-bottom: 0;
	}

}


/*------------------*/
/*    スマホ表示    */
/*------------------*/

@media screen and (max-width: 750px)
{
	body
	{
		margin: 0 auto;
		font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		max-width: 750px;
		font-size: 5vmin;
	}
	
	a
	{
		color: #000000;
		text-decoration: none;
	}

	a:hover
	{
		color: #FFA500;
	}

	img
	{
	    vertical-align: bottom;
	    max-width: 100%;
	    height: auto;
	}
	
	div
	{
	    text-align: center;
	}
	
	td
	{
		padding: 0px;
	}
	
	p
	{
		margin: 1vmin 0;
	}
	
	hr
	{
		height: 0.1vmin;
		margin: 0 7vmin;
		background-color: black;
	}
	
	footer
	{
	    margin-top: 80vmin;
		margin-bottom: 0;
		font-size: 3vmin;
	}

	button
	{
		  padding: 0;
		  border: none;
		  background: transparent;
	}
	
	button img
	{
		display: block;
	}


	.page_PC
	{
		display: none;
	}

	.page_margin
	{
	    margin-top: 15vmin;
	}
	
	.page_title
	{
		margin: 0 0 10px 0;
		font-size: 8vmin;
	}
	
	.top_menu
	{
		position: fixed;
		background-color: #fff5ee;
	}

	.sub_title
	{
		margin: 0;
		font-size: 3vmin;
	}

	.header_table
	{
	    margin: auto;
		border-collapse:collapse;
	}
	
	.header_menu
	{
		width: 70%;
		max-height: 65px;
	    margin: auto;
	}
	
	.header_menu tr
	{
		width: 80%;
	}
	
	.top_message_head
	{
		margin:3vmin 0;
	}
	
	.top_message p
	{
		font-size: 3.5vmin;
	    text-align: left;
	    margin: 5px auto;
	    width: 90%;
	}
	
	.medical
	{
	    margin-top: 40px;
	}
	
	.medical_link
	{
	    margin-top: 8vmin;
	}
	
	.guide
	{
	}
	
	.week
	{
		width: 85%;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		font-size: 4vmin;
	}
	
	.reserv
	{
	    margin: 30px auto;
	}
	
	.reserv p
	{
	    margin: 0;
	}
	
	.director
	{
	    margin-top: 3vmin;
	}
	
	.address
	{
	    margin: 4vmin auto;
	}
	
	.map
	{
		margin: 0 5%;
		height: 0;
		overflow: hidden;
		padding-bottom: 75%;
		position: relative;
	}

	.map iframe
	{
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		z-index: -99;
	}
	
	.policy
	{
	}
	
	.img_title p
	{
	    font-size: 7vmin;
	    margin-top: -25%;
	    margin-bottom: 15%;
	    color: #ffffff;
	}
	
	.img_title2 p
	{
	    font-size: 7vmin;
	    margin-top: -25%;
	    margin-bottom: 15%;
	    color: #4a4a4a;
	}
	
	.policy_message1-1
	{
		margin: 6.5vmin 0;
	}
	
	.policy_message1-1 p
	{
	    text-align: left;
	    font-size: 4vmin;
	    margin: 8px auto;
	    width: 90%;
	
	}
	
	.policy_message1-2
	{
		margin: 8vmin 0;
	}
	
	.policy_message1-2 p
	{
	    text-align: left;
	    font-size: 4vmin;
	    margin: 5px auto;
	    width: 90%;
	}
	
	.policy_message2-1
	{
	    font-size: 4.5vmin;
	    margin: 4vmin auto;
	}
	
	.policy_message2-2 p
	{
	    text-align: left;
	    font-size: 4vmin;
	    margin: 5px auto;
	    width: 90%;
	}
	
	.device
	{
	
	}
	
	.device_title
	{
		margin-top: 10vmin;
	}
	
	.device_message
	{
		margin-top: 4vmin;
	    font-size: 4vmin;
	}
	
	.device_message p
	{
	    text-align: left;
	    margin: 1vmin auto;
	    width: 90%;
	}
	
	.item_title
	{
		font-size: 5vmin;
	    margin-left: 5%;
	    margin-right: 5%;
	}
	
	.top_button
	{
	    position: fixed;
	    right: 3vmin;
	    bottom: 80px;
	    z-index: 99;
	}

	.top_button img
	{
	    min-width: 75px;
	    max-width: 110px;
	    width: 22vmin;
		height: auto;
	}

	.footer_color
	{
		padding-top: 2%;
		padding-bottom: 4%;
		background-color: #fff5ee;
	}

	.copyright
	{
	    font-size: 1.5vmin;
	}

	.copyright p
	{
		margin-bottom: 0;
	}

	/* 以下ハンバーガーメニュー */

	.nav_menu
	{
		display: none;
    	padding-top: 30%;
		position: fixed;
		height: 100%;
		text-align: center;
		top: 0;
		background: rgba(255,255,255,0.8);
	}

	.nav_menu.on
	{
		display: block;
		opacity: 1;
		-webkit-animation-duration: 0.3s;
		-webkit-animation-name: fade-in;
		z-index: 1000;
	}

	.menu
	{
		position: relative;
		z-index: 1001;
	}

	.menu_item
	{
	    font-size: 6vmin;
		display: inline-block;
		width: 65%;
	}

	.menu_list
	{
		padding: 0;
	}

}


@keyframes fade-in
{
	0%
{
		display: none;
		opacity: 0;
	}
	1%
{
		display: block;
		opacity: 0;
	}
	100%
{
		display: block;
		opacity: 1;
	}
}

@-moz-keyframes fade-in
{
	0%
	{
		display: none;
		opacity: 0;
	}

	1%
	{
		display: block;
		opacity: 0;
	}

	100%
	{
		display: block;
		opacity: 1;
	}
}

@-webkit-keyframes fade-in
{
	0%
	{
		display: none;
		opacity: 0;
	}

	1%
	{
		display: block;
		opacity: 0;
	}

	100%
	{
		display: block;
		opacity: 1;
	}
}