@CHARSET "UTF-8";

/*laptop*/
@media ( max-width:1439px){
	/* max-width:1439px */
	#wrapper{
	}
	
	.container{
		padding-left:2%;
		padding-right:2%;
	}
	
	.row{
		padding-left:-2%;
		padding-right:-2%;
	}
	
	.fix-right{
		padding:0 5px;
	}
	
	.page-index .tokucho .card-list .item .head{
		font-size:2.1rem;
		min-height:76px;
	}
	
}

/*tablet*/
@media ( max-width:1023px){
	/* max-width:1023px */
	#nav{
		display:none;
	}
	
	/*
	body{
		scroll-padding-top:137px;
	}
	*/
	/*
	.contents-bg[id]::before{
		content:"";
		display:block;
		height:140px;
		margin-top:-140px;
		visibility:hidden;
	}
	*/
	.target{
		position:absolute;
		top:120px;
	}
	
	#wrapper{
		padding-top:120px;
	}
	
	
	#header{
		background:#fff;
		box-shadow:0px 4px 10px rgba(0, 0, 0, 0.4);
		position:fixed;
		top:0;
		left:0;
		right:0;
		margin:0 auto;
		z-index:99;
	}
	
	#header .header-bottom .flex{
	
	}
	
	#header .header-bottom .entry img{
		display:none;
	}
	
	#header .nav .button-menu{
		width:30px;
		height:24px;
		display:block;
		margin:0 16px 0 0;
		position:relative;
	}
	
	#header .nav .menu{
		transition:all 300ms 0s ease;
		overflow:scroll;
		position:fixed;
		width:100%;
		top:70px;
		left:0;
		padding-top:0;
		box-sizing:border-box;
		height:0;
		background:#FFFFFF;
		display:block;
	}
	
	#header .nav .trigger:checked ~ .menu{
		z-index:1;
		height:calc(100vh);
	}
	
	#header .nav .button-menu span{
		display:block;
		height:2px;
		background:#000;
		transition:all 0.3s;
		transform:rotate(0deg);
		position:absolute;
		z-index:1000001;
		width:100%;
	}
	
	#header .nav .button-menu span:nth-of-type(1){
		top:0;
	}
	
	#header .nav .button-menu span:nth-of-type(2){
		top:12px;
	}
	
	#header .nav .button-menu span:nth-of-type(3){
		top:24px;
	}
	
	#header .nav .trigger:checked + .button-menu span:nth-of-type(1){
		transform:rotate(-45deg);
		top:12px;
	}
	
	#header .nav .trigger:checked + .button-menu span:nth-of-type(2){
		top:12px;
		background:rgba(255, 255, 255, 0);
	}
	
	#header .nav .trigger:checked + .button-menu span:nth-of-type(3){
		transform:rotate(45deg);
		top:12px;
	}
	
	#header .nav .menu .nav-list{
		background:#fff;
		padding:50px 20px;
		text-align:left;
		height:auto;
	}
	
	#header .nav .menu .nav-list .item{
		border-bottom:1px solid #c0c0c0;
	}
	
	#header .nav .menu .nav-list .item a, #header .nav .menu .nav-list .item span{
		font-size:1.6rem;
		color:#333;
		line-height:100%;
		padding:15px 0;
		display:block;
		text-decoration:none;
		height:auto;
		border:none;
	}
	
	#header .nav .menu .close{
		background:#fff;
		padding:30px 20px;
	}
	
	#header .nav .menu .close .button-close{
		border:1px solid #333;
		border-radius:2px;
		padding:16px 0;
		line-height:100%;
		font-weight:bold;
		font-size:16px;
		color:#333;
		position:relative;
		display:block;
		text-align:center;
	}
	
	#footer{
		padding-bottom:150px;
		font-size:2.2rem;
	}
	
	#footer .footer-nav .nav-list{
		justify-content:flex-start;
	}
	
	#footer .footer-nav .nav-list .item{
		width:25%;
		text-align:center;
	}
	
	#footer .footer-nav .nav-list .item a{
		font-size:2.2rem;
	}
	
	.fix-right{
		position:fixed;
		bottom:0;
		top:auto;
		width:100%;
		padding-bottom:15px;
	}
	
	.fix-right .inner{
	
	}
	
	.fix-right .nav-list{
		position:static;
		width:100%;
		display:flex;
		justify-content:space-around;
	}
	
	.fix-right .nav-list .item{
		margin-bottom:0;
		opacity:0.8;
	}
	
	.page-index .page-head{
		padding-top:8%;
		padding-bottom:8%;
		height:auto;
	}
	
	.page .page-head .title{
		width:80%;
	}
	
	.page .page-head .message{
		margin-top:30px;
	}
	
	.page-index .page-head{
		background-size:auto 100%;
	}
	
	.page .page-head .message{
		font-size:3.6rem;
	}
	
	.page .page-head .message .text{
		font-size:2.6rem;
	}
	
	.page .button-entry a{
		/*
		font-size:2rem;
		width:100%;
		max-width:460px;
		padding-left:30px;
		padding-right:30px;
		*/
	}
	
	.page-index .contents-bg.banner .container{
		height:auto;
	}
	
	.page-index .banner-service .inner{
		justify-content:flex-end;
	}
	
	.page-index .banner-overview{
		background-image:url("../img/index/sp/catchcopy_bg.jpg");
		
	}
	
	.page-index .contents-bg.banner .title{
	}
	
	.page-index .contents-bg.banner .message{
	}
	
	.page-index .contents-bg.banner-service .message{
		text-align:right;
	}
	
	.page-index .contents-bg.banner .button{
		margin-top:15px;
	}
	
	.page .entry .entry-bg{
		padding:0 4%;
	}
	
	.page .entry .entry-bg .button-group{
		padding:6% 0;
	}
	
	.page .entry .entry-bg .shop-info{
		padding:6% 0;
		line-height:4rem;
		font-size:2.0rem;
	}
	
	.page .entry .entry-bg .shop-info .time{
		font-size:1.8rem;
	}
	
	.page-index .index1 .button-list .item{
		width:100%;
		max-width:620px;
	}
	
	.page-index .tokucho .card-list .item{
		width:100%;
		max-width:600px;
	}
	
	.page-index .tokucho .card-list .item .head{
		min-height:0;
	}
	
	.page-index .merit .contents-list .item .flex{
		flex-wrap:wrap;
	}
	
	.page-index .merit .contents-list .item .left{
		order:1;
		margin:30px auto !important;
	}
	
	.page-index .merit .contents-list .item .photo{
		margin-left:auto;
		margin-right:auto;
	}
	
}

@media ( max-width:767px){
	
	.page .contents-bg{
		padding-top:8%;
		padding-bottom:8%;
	}
	
	.page-index .page-head{
		background-image:url("../img/index/sp/header_bg.jpg");
		background-size:cover;
	}
	
	.page-index .index2{
	}
	
	.page-index .index2 .inner-bg{
		background-image:url("../img/index/sp/message_bg2.jpg");
		padding:50px 15px;
	}
	
	.page-index .index2 .inner-bg .head{
		font-size:4.4rem;
	}
	
	.page-index .overview .item-list .item .head{
		font-size:3.5rem;
		padding:20px 0 50px 100px;
	}
	
	.page-index .system .system-table th,
	.page-index .system .system-table td{
		display:block;
		padding:15px;
		width:100%;
		border-left:none;
		border-right:none;
	}
	
	.page-index .system .system-table th{
		border-top:2px solid #bfbfbf;
		border-bottom:1px dashed #bfbfbf;
	}
	
	.page-index .system .system-table td.detail{
		display:block;
		border-top:none;
		border-bottom:none;
		padding-bottom:10px;
		min-height:30px;
	}
	
	.page-index .system .system-table td.detail:before{
		content:none;
	}
	
	.page-index .system .system-table td.desc{
		height:auto;
		min-height:30px;
	}
	
	.page-index .system .system-table td.empty{
		height:0;
		min-height:0;
		padding-top:0;
		border-top:none;
	}
	
	.page-index .faq .contents-list .item .head{
	}
	
	.page-index .faq .contents-list .item .body{
	}
	
	.page-index .faq .contents-list .item .body .title{
	}
	
	.page-contact .contact-table{
		max-width:1000px;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		font-size:1.6rem;
		line-height:1.4;
		table-layout:fixed;
	}
	
	.page-contact .contact-table .title,
	.page-contact .contact-table .detail{
		display:block;
	}
	
	.page-contact .contact-table .title{
		width:100%;
	}
	
	.page-contact .contact-table .detail{
		width:100%;
	}
	
	.page .entry .content{
		flex-wrap:wrap;
	}
	
	.page .entry .content .logo{
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
	}
	
	.page .entry .body .text{
		font-size:2.6rem;
	}
	
	.page .entry .body{
		text-align:center;
	}
	
}

@media ( max-width:424px){
	/* max-width:424px */
}

@media ( max-width:374px){
	/* max-width:374px */
	
}