@media screen and (max-width: 1500px){
	
#header_right {
	float: right;
	width: 30%;
	padding-top: 10px;
}
.list_hr{
	display: block;
}
.list_hr li{
	width: 255px;
	height: auto;
}
.list_hr li img{
	min-width: 255px;
	min-height: auto;
	width: 100%;
	height: 100%;
}
}

@media screen and (max-width: 1400px){
	#gnavi li {
		padding: 0 1%;
	}
	.h_addr{
		padding-top: 0;
	}
	#img_osusume{
		position: absolute;
		bottom: -100px;
		right: -100px;
		width: 50%;
		max-width: 630px;
	}
}
@media screen and (max-width: 1200px){
	#gnavi li {
		font-size: 0.8em;
	}
	.h_addr{
		font-size: 0.7em;
		padding-top: 25px;
	}
	ul.list_why li:nth-child(1){
		left: -50px;
	}
	ul.list_why li:nth-child(2){
		right: -80px;
	}
}
@media screen and (max-width: 1150px){
	.table_wrap{
		overflow: auto;
		margin-bottom: 75px;
	}
	table.table_compare{
		margin: 0 auto;
	}
	table.table_compare tr:before{
		display: none;
	}
	table.table_compare .table_top{
		background: url(../images/bg_dot.jpg) no-repeat center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	table.table_compare tr.table_gy{
		background: #f5f5f5;
	}
	ul.list_itero li{
		margin: 0 2.5% 0 0;
	}
	ul.list_loan li{
		display: inline-block;
		float: inherit;
		margin: 0 1% 30px 0;
		width: 210px;
	}
	ul.list_loan li:last-child{
		margin-right: 0;
	}
	
}
@media screen and (max-width: 1000px){
	/*
	Base
	------------------------------------------------------------
	*/
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	

	/*
	Header
	------------------------------------------------------------
	*/
	header{
		padding: 0 3%;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 300;
		background: #FFF;
	}
	.header_box {
		padding: 10px 0;
	}
	#header_left{
		width: 225px;
	}
	#header_right,
	h1,
	.h_addr,
	#gnavi{
		display: none;
	}
	.logo{
		width: 160px;
	}
	.h_disc{
		font-size: 0.7em;
	}
	.menu-icon_wrap{
		position: fixed;
		top: 0;
		right: 0;
		width: 80px;
		height: 89px;
		cursor: pointer;
		z-index: 300;
		background: #1d9ed9;
		padding: 20px 15px;
		margin-top: 0 !important;
	}
	.menu-icon{
		display: block;
		-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
	}
	.menu-icon span{
		background: #FFF;
		display: block;
		width: 50px;
		height: 3px;
		margin-bottom: 15px;
		border-radius: 1px;
		-webkit-transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}
	.menu-icon.active {
		position:fixed;
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
		z-index:300;
		padding-left: 8px;
		
	}
	.menu-icon.active .bar1{
	  -webkit-transform: rotate(0deg) translateY(15px);
	  -moz-transform: rotate(0deg) translateY(15px);
	  -ms-transform: rotate(0deg) translateY(15px);
	  -o-transform: rotate(0deg) translateY(15px);
	  transform: rotate(0deg) translateY(15px);
	  background-color:#FFF;
	}
	.menu-icon.active .bar2 {
	  opacity: 0;
	}
	.menu-icon.active .bar3 {
	  -webkit-transform: rotate(-90deg) translateX(20px);
	  -moz-transform: rotate(-90deg) translateX(20px);
	  -ms-transform: rotate(-90deg) translateX(20px);
	  -o-transform: rotate(-90deg) translateX(20px);
	  transform: rotate(-90deg) translateX(20px);
	  background-color:#FFF;
	}
	#sp_navi {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: inherit;
		width: 100%;
		height: 100%;
		padding: 0 5%;
		background: rgba(255,255,255,0.9);
		overflow-y: auto;
		z-index: 150;
	}
	#sp_navi ul {
		margin: 120px auto 0;
	}
	#sp_navi li {
		display: block;
		border-bottom: 1px solid #1d9ed9;
	}
	#sp_navi li a{
		display: block;
		padding: 10px;
		width: 100%;
	}


	/*
	//フッター
	------------------------------------------------------------
	*/
	footer{
		padding: 70px 0 0;
		margin-bottom: 42px;
	}
	#footer_wrap{
		padding: 0 5% 50px;
	}
	.footer_left {
		float: inherit;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}
	.footer_right {
		float: inherit;
		width: 100%;
	}
	.f_tel{
		font-size: 2em;
	}
	#f_fix{
		width: 100%;
		z-index: 100;
		position: fixed;
		left: 0;
		bottom: 0;
	}
	#f_fix ul.list02{
		display: table;
		width: 100%;
	}
	#f_fix ul.list02 li{
		display: table-cell;
		width: 40%;
		text-align: center;
	}
	#f_fix ul.list02 li img{
		height: 22px;
		width: auto;
	}
	#f_fix ul.list02 li a{
		display: block;
		padding: 0 0 10px;
	}
	#f_fix ul.list02 li:last-child{
		width: 20%;
		background: #52412e;
	}
	#f_fix ul.list02 li.fix_btn_tel{
		background: #ec9a25;
	}
	#f_fix ul.list02 li.fix_btn_web{
		background: #1d9ed9;
	}

	/*
	content
	------------------------------------------------------------
	*/
	.main_img {
		margin: 90px 0 30px;
	}
	.main_img img{
		width: 100%;
	}
	#why{
		padding: 0;
		background: none;
	}
	ul.list_why{
		display: none;
	}
	#why img{
		width: 100%;
	}
	#intro{
		padding: 60px 5%;
	}
	#kazari{
		display: none;
	}
	h2.top_ti{
		text-align: center;
		font-size: 2.5em;
		margin-bottom: 40px;
	}
	h3.sub_ttl{
		font-size: 1.3em;
		margin-bottom: 20px;
		width: 60%
	}
	#intro p{
		font-size: 1.1em;
		width: 100%;
	}
	#img_osusume_sp{
		position: absolute;
		top: 18%;
		right: 0;
		width: 63%;
		max-width: 300px;
		z-index: -1;
	}
	#txt_osusume_sp{
		color: #fc5074;
		font-size: 0.7em;
		font-weight: bold;
		line-height: 1.5;
		margin-bottom: 40px;
	}
	#invisalign{
		padding: 60px 5% 0px;
	}
	h2.top_ti2{
		font-size: 2.5em;
	}
	h3.top_ti,
	p.top_ti{
		font-size: 1.3em;
	}
	ul.list_invisalign li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 70px;
	}
	ul.list_invisalign li .ti{
		font-size: 1.2em;
		padding: 10px 10px 10px 80px;
	}
	ul.list_invisalign li .ti:before{
		left: -10px;
		top: -23px;
		width: 72px;
		height: 90px;
	}
	ul.list_invisalign li img{
		display: block;
		margin: 0 auto 30px;
	}
	#unique{
		padding: 70px 5% 30px;
	}
	.unique_box{
		margin-bottom: 50px;
		display: inherit;
	}
	.uniqueL{
		width: 100%;
		display: inherit;
	}
	.uniqueR{
		width: 100%;
		display: inherit;
	}
	.uniqueR img{
		width: 100%;
	}
	h4.unique_ti{
		font-size: 1.5em;
	}
	.kazari_hiro{
		width: 60% !important;
		position: absolute;
		right: -10%;
		bottom: -20px;
	}
	#mouthpiece{
		padding: 70px 5% 30px;
	}
	ul.list_mouthpiece li{
		margin: 0 3% 40px 0;
		font-size: 1.3em;
	}
	#comparison{
		padding: 70px 5% 30px;
	}
	#mouthpiece h2,
	#comparison h2{
		margin-bottom: 50px;
	}
	.table_wrap{
		overflow: auto;
		margin-bottom: 75px;
	}
	table.table_compare{
		max-width: 600px;
		margin: 0 auto;
	}
	table.table_compare th{
		font-size: 1.3em;
	}
	table.table_compare td{
		padding: 45px 10px;
	}
	table.table_compare tr{
		min-width: 600px;
	}
	table.table_compare td.maru{
		background: url(../images/maru.svg) no-repeat center;
		-webkit-background-size: 80% auto;
		-moz-background-size: 80% auto;
		background-size: 80% auto;
	}
	table.table_compare td.batsu{
		background: url(../images/batsu.svg) no-repeat center;
		-webkit-background-size: 80% auto;
		-moz-background-size: 80% auto;
		background-size: 80% auto;
	}
	table.table_compare td.triangle{
		background: url(../images/triangle.svg) no-repeat center;
		-webkit-background-size: 80% auto;
		-moz-background-size: 80% auto;
		background-size: 80% auto;
	}
	table.table_compare td .ti{
		font-size: 1.1em;
	}
	table.table_compare td .f17{
		font-size: 1em;
	}
	ul.list_compare li{
		width: 100%;
		margin: 0 0 40px 0;
		padding: 30px;
	}
	ul.list_compare li .ti{
		font-size: 1.3em;
	}
	ul.list_compare li:nth-child(1) .ti{
		padding-top: 0;
		margin-bottom: 20px;
	}
	#itero{
		padding: 70px 5% 30px;
	}
	ul.list_itero li{
		width: 100%;
		margin: 0 0 40px 0;
		min-height: inherit;
	}
	ul.list_itero li .ti{
		font-size: 1.3em;
	}
	#box_3d{
		padding: 70px 5%;
	}
	#box_3d img{
		margin-bottom: 40px;
	}
	.contact_box{
		margin: 10px 0;
		padding: 70px 5%;
	}
	.con_inner{
		padding: 30px;
	}
	.btn_reserve{
		padding: 15px 10px;
		max-width: 920px;
		font-size: 1.3em;
		line-height: 1.5;
		margin: 0 auto 30px;
	}
	.btn_tel{
		font-size: 1.5em;
	}
	.btn_tel span{
		width: 51px;
		height: 55px;
		margin-right: 20px;
		background: url(../images/icon_tel.svg) no-repeat 0 0;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-size: 100% auto;
	}
	.con_inner p{
		font-size: 1.1em;
	}
	#flow{
		padding: 70px 5% 20px;
	}
	#flow h2.top_ti2{
		margin-bottom: 50px;
	}
	dl.flow_box{
		margin-bottom: 50px;
	}
	dl.flow_box dt{
		padding: 40px 40px 40px 100px;
		font-size: 2em;
		background: url(../images/under.svg) no-repeat 95% center;
	}
	dl.flow_box dt.active{
		background: url(../images/up.svg) no-repeat 95% center;
	}
	dl.flow_box dt img{
		width: 60px;
		top: 50%;
		margin-top: -30px;
		left: 30px;
	}
	dl.flow_box dd{
		padding: 0 30px 40px;
	}
	#qa{
		padding: 70px 5% 30px;
	}
	dl.qa_box dt{
		padding: 25px 60px 25px 30px;
		font-size: 1.3em;
	}
	#price{
		padding: 70px 5% 0;
	}
	h4.price_ti{
		font-size: 1.5em;
		margin-bottom: 30px;
	}
	.price_table{
		width: 700px;
	}
	.price_table th{
		font-size: 1.2em;
	}
	.price_table td{
		font-size: 1em;
	}
	.txt_price{
		font-size: 2.3em;
	}
	.or span{
		margin-left: 0;
	}
	#kazari_price{
		width: 100px;
	}
	#payment{
		padding: 70px 5%;
	}
	.charge_inner{
		padding: 70px 5% 0;
		overflow: hidden;
	}
	ul.list_check{
		max-width: inherit;
		padding: 30px;
		margin-bottom: 360px;
	}
	ul.list_check li{
		font-size: 1.2em;
	}
	#img_charge{
		width: 300px;
		bottom: -360px;
		right: 0;
		left: 0;
		margin: auto;
	}
	#loan{
		padding: 70px 5%;
	}
	h3.loan_ti{
		background: url(../images/bg_ti2_sp.svg) no-repeat center bottom;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-size: 100% auto;
		font-size: 2em;
		padding: 0 5%;
	}
	#kazari_point1{
		width: 80px;
		top: 95px;
		left: -60px;
	}
	#kazari_point2{
		width: 80px;
		top: auto;
		bottom: 0;
		right: 0;
	}
	ul.list_loan li{
		float: left;
		display: inherit;
		width: 48%;
		margin: 0 4% 30px 0;
	}
	ul.list_loan li:nth-child(2n){
		margin-right: 0;
	}
	ul.list_loan li:nth-child(1){
		background: url(../images/point1.svg) no-repeat center;
		-webkit-background-size: 220px auto;
		-moz-background-size: 220px auto;
		background-size: 220px auto;
	}
	ul.list_loan li:nth-child(2){
		background: url(../images/point2.svg) no-repeat center;
		-webkit-background-size: 220px auto;
		-moz-background-size: 220px auto;
		background-size: 220px auto;
	}
	ul.list_loan li:nth-child(3){
		background: url(../images/point3.svg) no-repeat center;
		-webkit-background-size: 220px auto;
		-moz-background-size: 220px auto;
		background-size: 220px auto;
	}
	ul.list_loan li:nth-child(4){
		background: url(../images/point4.svg) no-repeat center;
		margin-right: 0;
		-webkit-background-size: 220px auto;
		-moz-background-size: 220px auto;
		background-size: 220px auto;
	}
	#message{
		padding: 70px 5%;
	}
	#message .intro_ti{
		text-align: center;
		background-position: center bottom;
	}
	#messageL{
		float: inherit;
		width: 100%;
	}
	#messageL h2{
		text-align: center;
	}
	#img_incho{
		display: none;
	}
	#img_incho_sp{
		width: 50%;
		display: block;
		margin: 0 auto 30px;
	}
	h3.message_ti{
		text-align: center;
	}

}
@media screen and (max-width: 768px){
	ul.list_mouthpiece li img{
		display: none;
	}
	ul.list_mouthpiece li .bg_white,
	ul.list_mouthpiece li:nth-child(6) .bg_white{
		padding: 30px 5%;
	}
	ul.list_mouthpiece li br{
		display: none;
	}
	
	.go_img{
	overflow-x: scroll;
	}
	
	.movie{
	margin: 10px auto 0;
	}
	.movie iframe{
		width: 100%;
		height: 200px;
	}
	h2.top_ti2{
		font-size: 1.3em;
	}
	.border_area{
		margin: 30px 0;
	}
	h3.loan_ti02{
	font-size: 1.2em;
	background: url(../images/bg_ti2_blue.svg) no-repeat center bottom;
	}
	.blue_ti{
		font-size: 1.8em;
		margin-bottom: 30px;
	}
	.footer_box{
		margin: 0 15px 50px;
		padding: 20px 15px;
	}
	.f_ttl{
		font-size: 1.2em;
		margin-bottom: 15px;
	}
	
	.hp_bnr{
		width: 85%;
		margin: 25px auto 40px;
	}
	
	.hp_bnr a:before{
	width: 40px;
	right: -20px;
}
	
}
@media screen and (max-width: 530px){
	ul.list_mouthpiece li{
		width: 100%;
		margin: 0 0 40px;
	}
	ul.list_mouthpiece li br{
		display: block;
	}
	ul.list_loan li{
		width: 100%;
		margin: 0 0 30px;
	}
}