@media screen and (min-width: 761px) {


}

/*-------------------------*/
/* SPレイアウト 760px*/
/*-------------------------*/
@media screen and (max-width: 760px) {
*, *:before, *:after {
  box-sizing: border-box;
}

body {
	width:100%;
	min-width:100%!important;
	-webkit-text-size-adjust: 100%;
	font-size:14px;
}
img {
	max-width:100%;
	height:auto;
}
a:hover,
a:active {
	text-decoration: none;
	color: #110701;
}

.sn{ display:none;}
.pn{ display:block;}

section { width: 100%;}

/*-------sp_menu--------*/
.menu-trigger,
.menu-trigger span {
	float: right;
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	z-index:9999;
	position:fixed;
	right:0px;
}
.menu-trigger {
	width: 55px;
	height: 55px;
	text-align: center;
	margin: 0;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 30px;
	height: 2px;
	background-color: #f6a71c;
}
.menu-trigger span:nth-of-type(1) {
	top: 19px;
	left: 15px;
}
.menu-trigger span:nth-of-type(2) {
	top: 26px;
	left: 15px;
}
.menu-trigger span:nth-of-type(3) {
	bottom:27px;
	left: 15px;
}
.menu-trigger span:nth-of-type(4) {
	bottom:20px;
	left: 15px;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) ,
.menu-trigger.active span:nth-of-type(3)  {
	left: 200%;
	opacity: 0;
	-webkit-transform: translateY(0px);
	transform: translateY(5px);
	-webkit-animation: active-menu-bar02 .8s forwards;
	animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
	100% {
		height: 0;
	}
}
@keyframes active-menu-bar02 {
	100% {
		height: 0;
	}
}
.menu-trigger.active span:nth-of-type(4) {
	-webkit-transform: translateY(-30px) rotate(45deg);
	transform: translateY(-5px) rotate(45deg);
}

header nav.sp{
	position:absolute;
	top:0;
	width:100%;
	text-align:center;
	z-index:9000;
	height:auto;
	left:0;
	padding: 30px 40px 80px;
	background:#fff;
	box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.2);
}

header nav.sp .sidenav ul{}
header nav.sp .sidenav ul li{
	background:#f4721e;
	overflow:hidden;
	font-size:16px;
	width: 100%;
	border-bottom: 1px solid #fff;
}

header nav.sp .sidenav li:last-child {border-bottom:none;}

header nav.sp .sidenav li a{
	padding:12px 0;
	display:block;
	color:#fff;
}
.logo {margin-bottom:10px;}	
.tel {
	font-size:30px;
	font-family: 'Varela Round', sans-serif;
	float:none;
	text-align:center;
	line-height:60px;
}
	.tel span {font-size:18px;}
	.tel a {
		display:block;
		text-decoration:none;
	}





/*=============================
	Layout-Base
===============================*/
/* header
-------------------------*/
header {border-top:5px solid #f4721e;}
#header {
	width:96%;
	margin:0 auto;
	padding:8px 0;
	text-align:left;
}
	.siteTitle {
		float:none;
		margin-top:0;
		width:50%;
	}
		.siteTitle img {float:none;}
	
	
	

/* main-visual
-------------------------*/
#visual.top {}
    #visual h2 {}
	
	/* top image and slideshow */
	.slides {
		height: auto;
		overflow: hidden;
	}







/* pagetop
-------------------------*/
#pagetop {}
#totop {
	position:fixed;
	z-index:9999;
	right:0;
	bottom:50px;
	width:65px;
}
#totop a {display:block;}






/* footer
-------------------------*/
footer {}
#footer {
	width:96%;
	margin:0 auto;
	padding:90px 0 20px;
}
.ft_logo {margin-bottom:30px;}
	.ft_logo p {
		line-height:24px;
		margin-top:15px;
	}
.ft_nav {margin-bottom:48px;}
	.ft_nav ul {}
	.ft_nav ul:first-of-type li {
		padding:0;
		line-height:50px;
		height:50px;
		color:#fff;
		display:block;
		width:48%;
		float:left;
		background:#f6a71c;
		font-size:13px;
		letter-spacing:1px;
		margin:0 0 10px 0;
	}
	.ft_nav ul:first-of-type li:nth-child(odd){ float:right;}
	.ft_nav ul:first-of-type li:first-child{
		width:100%;
		float:none;
		background:#f6a71c;
	}
	.ft_nav ul:last-of-type li {
		padding:0;
		line-height:50px;
		height:50px;
		color:#fff;
		display:block;
		width:48%;
		float:left;
		background:#f6a71c;
		font-size:13px;
		letter-spacing:1px;
		margin:0 0 10px 0;
	}
	.ft_nav ul:last-of-type li:first-child{background:#f6a71c;}
	.ft_nav ul:last-of-type li:nth-child(even){ float:right;}
	.ft_nav li a {display:block;}
	.ft_nav li a:link,
	.ft_nav li a:visited,
	.ft_nav li a:hover,
	.ft_nav li a:active { color: #fff;}	
.ft_bnr {
	width:100%;
	margin:0 auto;
}
	.ft_bnr li {float:none;}
	.ft_bnr li:last-child {float:none; margin-top:30px;}
.copyright {margin-top:42px;}
	.copyright address {
		line-height:60px;
	}




/*=============================
	TopPage setting
===============================*/
section {
	width:96%;
	margin:0 auto;
}
.greeting {
	padding-top:84px;
	margin-bottom:65px;
}
	.greeting h3 {
		font-size:30px;
		color:#f4721e;
		margin-bottom:28px;
		font-family: 'Varela Round', sans-serif;
	}
	.greeting h4 {
		font-size:20px;
		margin-bottom:20px;
		letter-spacing:1px;
		line-height:30px;
	}
	.greeting p {
		line-height:24px;
	}
.menu {margin-bottom:98px;}
	.menu ul {
		width:100%;
		margin:0 auto;
	}
	.menu li {
		width:280px;
		float:none;
		margin:0 auto 60px;
	}
	.menu li:last-child {margin:0 auto;}
	.menu .mImg {margin-bottom:20px;}
	.menu h4 {
		margin-bottom:12px;
		font-size:24px;
		letter-spacing:1px;
	}
	.menu p {
		line-height:18px;
		text-align:left;
		height:56px;
		letter-spacing:-1px;
	}
	.menu .btn_detail {
		width:180px;
		height:50px;
		line-height:50px;
		font-size:16px;
		background:#f4721e;
		margin:30px auto 0;
		font-weight:bold;
	}
		.menu .btn_detail a {
			display:block;
			text-decoration:none;
			background:url(../images/top/arw02.gif) no-repeat 150px 18px;
			color:#fff;
		}
	.menu .btn_detail:hover,
	.menu .btn_detail:active { 
		background:#fff;
		border:1px solid #f4721e;
	}
		.menu .btn_detail a:hover,
		.menu .btn_detail a:active { 
			display:block;
			text-decoration:none;
			background:url(../images/common/arw01.gif) no-repeat 150px 18px;
			color:#f4721e;
		}
#news {
	background:none;
	height:auto;
	margin-bottom:10px;
}		
.news {width:100%;}
	.nTtl {
		width:100%;
		float:none;
		padding:110px 0;
		background:#f4721e;
	}
	.news h3 {
		font-size:30px;
		line-height:40px;
		font-family: 'Varela Round', sans-serif;
		color:#fff;
	}
		.news h3 span {
			font-size:18px;
			font-family:"游ゴシック", YuGothic, Meiryo, sans-serif;
			display:block;
		}
	.newList {
		width:100%;
		float:none;
		padding:60px 0 20px;
		background:url(../images/top/arw03.jpg) no-repeat center top,#f5f0e7;
	}	
	.news ul {
		width:96%;
		margin:0 auto;
		text-align:left;
	}
	.news li {
		line-height:18px;
		overflow:hidden;
		margin-bottom:24px;
	}
	.news li span {
		display:block;
	}
	.news li a {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
#contact {
	background:url(../images/top/bg_contact.jpg) no-repeat center top;
	height:auto;
	background-size:cover;
}
.contact {padding:75px 0 100px;}
	.contact h3 {
		margin-bottom:26px;
		font-size:30px;
		color:#f4721e;
		font-family: 'Varela Round', sans-serif;
	}
	.contact p {
		font-size:18px;
		letter-spacing:1px;
		line-height:30px;
		font-weight:bold;
		margin-bottom:30px;
	}
	.cTel {
		width:90%;
		height:auto;
		background:url(../images/top/bg_tel.png) repeat;
		padding:15px 0;
		margin:0 auto 20px;
	}
		.cTel h4 {
			color:#f4721e;
			font-size:18px;
			font-family: 'Varela Round', sans-serif;
			margin-bottom:10px;
		}
		.cTel li {
			display:block;
			font-family: 'Varela Round', sans-serif;
			font-size:30px;
			margin:0 auto;
		}
		.cTel li:first-child {margin:0 auto 10px;}
			.cTel li span {font-size:18px;}
			.cTel a {text-decoration:none;}
	.c_btn_cotnact {
		width:90%;
		height:60px;
		margin:0 auto;
		background:#f6a71c;
		line-height:60px;
		font-size:24px;
		font-family: 'Varela Round', sans-serif;
	}
		.c_btn_cotnact a {
			display:block;
			background:url(../images/top/mail.jpg) no-repeat 18% 20px;
			text-decoration:none;
			color:#fff;
		}

/*=============================
	Sub(Lower)Page setting
===============================*/
/* sub-visual
-------------------------*/
#Subvisual.top {}
    #Subvisual { height:110px; }
		#Subvisual h2 {
			top:45px;
			position: relative;
			font-size:22px;
			letter-spacing:.5px;
			padding:0 15px;
		}

.subpage {
	font-size:12px;
	padding-bottom:0;
}
	.subpage h3 {
		margin: 50px 0 10px;
		font-size: 18px;
	}
	.subpage h4 {
		font-size: 16px;
		padding:5px 0 3px 8px;
	}



/* table */
table.defTable01 {
	margin-bottom:30px;
	border:1px solid #d2beb0;
}
table.defTable01 th {
	display:block;
	width:100%;
	padding:15px;
	border:none;
}
table.defTable01 td { display:block; border:none; }




/* about.html
-------------------------*/
.txt_box {
	width:100%;
	background:#fff;
	margin:30px auto 0;
	padding:0 30px 30px 30px;
}
.txt_box li {
	width:100%;
	font-size:14px;
	padding:15px 0 0 ;
}
.defTable03 th{ width:24%; }
.defTable03 tbody td{ width:16%;}

.CalorioueImg {
	margin-top:20px;
	display:block;
}
	.CalorioueImg li{
		width:100%;
		margin:0 0 50px;
	}

/* flow.html
-------------------------*/
.subpage .flowBox h4 { margin:15px 0; }
.flowBox dd {
	width:100%;
	float:none;
}
.flowBox dt { float:none; }
	.flowBox dt img { width:100%; }


/* staff.html
-------------------------*/
.txtBox dd {
	width:100%;
	float:none;
}
.txtBox dt { float:none; }
	.txtBox dt img { width:100%; }
.security_txt { font-size:14px; }
	.txtBox .security_txt span { font-size:20px; }
.txtBox .securityImg { float:none; }

.fotorama{
	width:100%;
	margin:0 auto;
}


/* case.html
-------------------------*/
.works_list01 li{
	width: 100%;
	margin:20px 0 0 0;
}
.works_list01 li:first-child{margin:10px 0 0 0;}


/* voice.html
-------------------------*/
.dlfaq01{ font-size:14px; }
	.dlfaq01 dl{ margin-bottom:50px; }
		.dlfaq01 dt { margin-bottom:15px; }
		.dlfaq01 dt span{ padding:14px 0 18px 60px; }
	.dlfaq01 dd{ padding:16px 10px 12px 60px; }
	
.voice_list li{ padding-bottom:50px; }
	.voice_list li dt{
		width:100%;
		float:none;
	}
	.voice_list li dd{
		width:100%;
		float:none;
		font-size:12px;
	}
		.voice_list li dd span {
			font-size:14px;
			padding-bottom:15px;
		}


/* company.html
-------------------------*/
.greetingBox dt {
	width:100%;
	float:none;
}
.greetingBox dd {
	float:none;
	margin-top:30px;
	text-align:center;
}

.companyTable{
	background:#fff0e6;
	padding:20px;
}
.companyTable table.defTable01 tr td {
    display: block;
    border: none;
	border-bottom:1px solid #d2beb0;
}
.companyTable table.defTable01 tr:last-child td{border-bottom:none;}


/* blog.html
-------------------------*/
.blogpage li , .infopage li { height:80px; }
.blogpage li span , .infopage li span {
	width:100%;
	display:block;
	float:none;
	padding-left:10px;
	height:20px;
}
.blogpage li a , .infopage li a {
	padding-left:10px;
	width:100%;
	float:none;
	display:block;
}

/* blog_detail.html
-------------------------*/
.subpage h4.blog_ditail span {
	font-size:12px;
}


/* contact.php
-------------------------*/
/* tab */
.content_wrap {}
	.tab li{
		width:48%;
		margin-right:3%;
		font-size:14px;
	}
.aboutTab{
	margin:50px 0 30px;
	padding:0 3%;
}

	td [type="tel"]{ width:30%; }
	td textarea[name="comment"]{ width:100%; }




/* sitemap.html
-------------------------*/
.sitemap-list { margin:20px 0; font-size:14px; }
	.sitemap-list li{
		display:block;
		width:100%;
		float:none;
		border:none;
		margin:20px 0 0px 0;
		background-color:#f6a71c;
	}
		.sitemap-list li a{
			color:#fff;
			display:block;
			padding:25px 0 ;
		}


}