@media (min-width: 768px) {
}
@media (max-width: 1200px) and (min-width: 992px) {
	#index .voice-list div {
		padding: 6px;
	}
}

@media (max-width: 1300px) {
	#index .list-picture.function-list .row > div {
		padding-left: 15px;
		padding-right: 15px;
	}
}
	
@media (max-width: 1200px) {
	h1.title {  
		font-size: 2.2rem;
	}
	.user a:after {
		display: none;	
	}
	.user a:before {
		display:  none;
	}
	.list-picture .row > div {
		padding: 25px;
	}	
}

@media (max-width: 991px) {	
	body,html {		
		line-height: 1.8em;
	}
	section {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#index .img-title {
		padding: 15px 0;
	}
	h2 {
		font-size: 2rem;
		margin-bottom: 30px;
	}
	#index .fone {
		margin-bottom: 30px;
	}
	#index .text {
		line-height: 1.8em;
	}
}
	
@media (max-width: 767px) {
	.container-fluid.padding {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.container-fluid.padding-t {
		padding-top: 60px;		
	}
	.container-fluid.padding-b {
		padding-bottom: 60px;		
	}
	#index .bg_base section {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	#index .list-picture .card-header {
		padding: 5px;
	}
	#index .list-picture.function-list .row > div {
		padding: 5px;
	}
	#index .list-picture.function-list.list-picture .card-header {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 10px;
	}
	#index .fixed {
		top: -5px;
	}
	.text-bese {
		line-height: 1.8em;
	}
	a.btn-c i {
		margin-right: 5px;
	}
	#function p.kinou {
		font-size: 1.6em;
		margin-bottom: 15px;
	}
	#price .all .name,
	#price .all .detail {
		margin-bottom: 0.5em;
		font-size: 1em;
	}
	#price .bg-white {
		padding-top: 50px;
	}
	a.btn-plan.one {
		margin-bottom: 15px;
	}
	form dt {
		margin-bottom: 3px;
		margin-top: 5px;
	}
	#function dl.good dt {
		float: none;
	}
	#function .main dl dd {
		margin-left: 0;
	}
	div.waku {
		padding: 15px;
	}
	#contact .accordion-button {
		padding-left: 5px;
		padding-right: 5px;	
	}
}
@media (max-width: 575px) {	
	.container-fluid.padding {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.container-fluid.padding-s {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.user.mb a {
		padding: 10px 15px;
	}
	h3 {
		font-size: 1.3rem;
	}
	header h1 {
		margin: 15px 0;
	}
	.main h1 {
		padding: 10px;
		font-size: 1.1em;
	}
	#index h1 {
		font-size: 1.3em;
	}
	#index h5 {
		margin-bottom: 5px;
		margin-top: 0;
	}
	#index .attention li {
		display: block;		
	}
	#index .function-list.list-picture h5 {
		font-size: 14px;
	}
	.list-picture .row > div {
		padding: 30px 10px;
	}
	a.btn-c {
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		font-size: 1.2em;
	}
	#index .barner .row > div {
		margin-bottom: 30px;	
	}
	#index .barner .row > div:last-child {
		margin-bottom: 0;	
	}
	#index .img-title {
		padding: 8px 0;
	}
	#function .accordion-body {
		padding: 30px 15px;
	}
	#function .accordion {
		--bs-accordion-btn-padding-y: 0.75rem;		
	}	
	form dt.mb,
	form dd.mb {
		margin-bottom: 0;
	}
	#function .accordion-button {
		padding: 7px;
	}
	#function .accordion-button h3 {
		font-size: 1em;
		font-weight: bold;
	}
	#function h5 {
		font-size: 1.2em;
	}
	#function .sub-title {
		font-size: 1.4em;
	}
	.f__common-text_highlighter {
		font-size: 1em;
	}
	#function dl.list dt {
		font-size: 1em;
	}
	#function .imp {
		padding: 15px;
		font-size: 1rem;
	}	
}

@media (max-width: 480px) {
	ul ,
	ol {
		padding-left: 1em;
	}
	h1.title {  
		font-size: 1.6rem;
	}
	h2 {
		margin-bottom: 0.75rem;
	}
	a.btn-main {
		max-width: 220px;
	}	
	#index .attention li.nav-item {
		display: block;
	}
	#index .attention li {
		padding-left: 0;
	}
	#index .address-info a.phone {
		font-size: 1.8em;
		padding-top: 0;
	}	
	h6 {
		padding-left: 5px;
		padding-right: 5px;
	}
	header .menu {
		margin-top: 10px;
	}
}

@media (max-width: 320px) {
}