@media only screen and (max-width: 640px) {
#gnavi-pc,  #gnavi-sp {
	display: none;
}
#wrapper {
	min-width: 100%;
	overflow: auto;
}
.container {
	width: 100%;
	box-sizing: border-box;
	padding: 0 5%;
}
img {
	max-width: 100%;
}
#totop {
	right: 10px;
}
/*Header*/
#header {
	position: static;
	background: #fff;
	min-width: 100%;
}
#header .container {
	padding: 0 10px;
}
#header .header-info .container {
	padding: 0;
}
.header-tel,  .header-mail {
	display: none !important;
}
.header-info {
	display: table;
	width: 100%;
	margin: 0;
}
.header-logo {
	width: 55%;
	display: table-cell;
	vertical-align: middle;
	float: left;
	padding: 1% 5% 0 0;
}
.header-utm {
	display: table-cell;
	width: 40%;
	float: right;
	margin: 0;
}
.header-fixed .header-utm, .header-utm {
	padding: 0;
}
.header-tel-sp span,  .header-mail-sp span {
	display: block;
	text-align: center;
}
.header-tel-sp,  .header-mail-sp,  .header-menu {
	display: table-cell;
	vertical-align: middle;
	width: 33%;
	padding: 0 0 0 5%;
	text-align: center;
	float: right;
	box-sizing: border-box;
}
.header-tel-sp a,  .header-mail-sp a {
	text-decoration: none;
	color: #333333;
	font-size: 12px;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 700;
}
.header-tel-sp a img,  .header-mail-sp a img {
	max-width: 60%;
}
.header-fixed {
	padding: 5px 10px 0;
}
/* Gnavi */
#gnavi-sp,  #gnavi-sp .container {
	padding: 0;
	overflow: auto;
	height: 100%;
}
.submenu ul {
	width: 100%;
	display: block;
	margin: 0;
}
.submenu ul li {
	padding: 0;
}
.submenu ul li a {
	background-position: left center;
	margin: 0 15px;
	display: block;
	padding: 15px;
}
#gnavi-sp .menu {
	margin: 0;
}
.btn-close {
	color: #fff;
	cursor: pointer;
	border: none;
	font-size: 14px;
	text-decoration: none;
	padding: 15px;
	box-sizing: border-box;
	display: block;
	width: 100%;
	text-align: center;
}
.btn-close span {
	background: url(../images/icon_close.png) left center no-repeat;
	background-size: 9px 7px;
	padding: 0 0 0 15px;
}
.menu-icon {
	font-size: 12px;
	width: auto;
	height: auto;
	padding: 30px 0 0 0;
}
.menu-icon span {
	top: 18px;
}
.menu-icon.active {
	background: transparent;
	color: #756c5f;
}
.menu-icon.active span::before,  .menu-icon.active span::after {
	background-color: #756c5f;
}
.menu-icon span::after,  .menu-icon span::before,  .menu-icon span {
	width: 65%;
}
.menu-icon span::after,  .menu-icon span::before {
	width: 100%;
}
.menu-icon span::before {
	margin-top: -8px;
}
.menu-icon span::after {
	margin-top: 8px;
}
#mainvisual {
	height: 355px;
	background-position: 63% top;
	background-size: cover;
}
#mainvisual h2 br {
	display: block;
}
#mainvisual h2 {
	font-size: 5.94vw;
	padding: 0;
	margin-top: 150px;
}
#mainvisual h2 span {
	font-size: 3.59vw;
	line-height: 1.3em;
}
/* INDEX */
	/* --- BOX 01 --- */
.box01 {
	padding: 50px 0 25px;
}
.b01-L {
	width: 100%;
	float: none;
	margin: 0 auto 10px;
}
.b01-ttl {
	line-height: 1.4em;
	font-size: 17px;
	margin: 0 0 10px 0;
}
.b01-map {
	width: 100%;
	float: none;
	height: 300px;
	margin: 0;
}
.b01-list li {
	width: 48%;
	float: left;
	margin: 0 0 15px;
}
.b01-list li:last-child {
	float: right;
}
.b01-list li a,  .b01-list .tel a {
	font-size: 15px;
}
.b01-list .tel span {
	font-size: 12px;
	padding: 0 5px 0 0;
}
/* --- BOX 02 --- */
.box02 {
	padding: 0 0 25px 0;
}
.box02 .b01-news li span.title,  .box02 .b01-news li span.info-box {
	display: block;
}
.box02 .b01-news li {
	padding: 10px 0;
}
.box02 .b01-news li span.title {
	padding: 5px 0 0 0;
}
/* --- BOX 03 --- */
#index h3 {
	font-size: 19px;
	line-height: 1.5em;
	letter-spacing: 2px;
}
.h3-ttl {
	margin: 0 0 15px 0;
}
.box-slider {
	display: block;
}
.box03 {
	padding: 50px 0;
}
.slider {
	width: 75%;
	margin: 0 auto;
}
.b03-slider {
	float: none;
	text-align: center;
	margin: 0 auto 10px;
}
.box-btn,  .box-btn a {
	margin: 0 auto;
}
/* --- BOX 04 --- */
.box04 {
	padding: 50px 0 45px;
}
.b04-slider {
	float: none;
	margin: 0 auto 15px;
}
.box04 .box-article {
	width: 100%;
	float: none;
	padding: 0;
}
/* --- BOX 05  --- */
#index h4 {
	font-size: 17px;
	margin: 0 0 5px 0;
}
.b05-item,  .b05-item:nth-of-type(2n) {
	width: 100%;
	float: none;
	margin: 0 0 80px 0;
}
.b05-img {
	text-align: right;
	margin: 0 0 10px 0;
}
.b05-img img {
	max-width: 90%;
}
.b05-img span {
	width: 25%;
	top: -13%;
	left: 0;
}
/* --- BOX 06  --- */
.box06 {
	padding: 50px 0;
}
.b06-slider {
	float: none;
	margin: 0 auto 10px;
}
/* --- BOX 07  --- */
.box07 {
	padding: 40px 0 30px;
}
.box07 h3 {
	margin: 0 0 20px 0;
}
.b07-article li {
	float: left;
	width: 48%;
	margin: 0 0 20px 0;
	clear: left;
}
.b07-article li:nth-of-type(2n),  .b07-article li:nth-of-type(4n) {
	float: right;
	clear: right;
}
.b07-article .ttl {
	margin: 0 0 10px 0;
}
/* --- BOX 08  --- */
	
.box08 {
	padding: 20px 0;
}
.box08 h3 {
	margin: 0;
}
.b08-bnr li:before,  .b08-bnr li.icon-plus:after,  .b08-bnr li:nth-child(5) a:before,  .b08-bnr li:nth-child(10) a:after,  .b08-bnr li:nth-child(5) a:after {
	content: none;
}
.b08-bnr li {
	width: 50%;
	float: left;
	clear: left;
	padding: 0;
}
.b08-bnr li:nth-of-type(2n) {
	float: right;
	clear: right;
}
/* --- BOX 09  --- */
	
.box09 {
	height: auto;
	background: #fff;
	padding: 30px 0;
}
.box09 .b09-img {
	display: block;
	margin: 0;
}
.box09 .box-article {
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
}
.box09:before {
	content: none;
}
/* --- BOX 10  --- */
.box10 .box-txt {
	margin: 0 0 20px 0;
}
.box10 {
	background: url(../images/b10_bg_sp.jpg) no-repeat center top;
	padding: 30px 0;
	background-size: cover;
}
.box10 .box-R {
	width: 100%;
	float: none;
	padding: 0;
}
/*FOOTER*/
	
.footer01 {
	padding: 50px 0 40px 0;
	border: none;
}
.f-logo {
	margin: 0 0 20px 0;
}
.f-utm {
	overflow: hidden;
}
.f-utm li {
	width: 48%;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	font-size: 15px;
}
.f-utm li:last-child {
	float: right;
}
.f-utm .f-tel a {
	background: #756c5f;
	font-size: 15px;
}
.f-utm .f-mail a {
	background: #e383a5;
	color: #fff;
	line-height: 2.2em;
}
.f-utm li a,  .f-utm .f-tel a {
	font-size: 15px;
	color: #fff;
	padding: 9px 0;
	display: block;
}
.f-utm .f-tel span {
	font-size: 12px;
	padding: 0 5px 0 0;
}
.f-utm .f-mail span {
	background: url(../images/icon_mail_white.png) no-repeat left center;
	background-size: 16px 11px;
	padding: 0 0 0 25px;
}
.footer02,  .footer02 .container {
	padding: 0;
}
.f-link {
	display: block;
	margin: 0;
}
.f-link li {
	border-top: 1px solid #dcd4cc;
}
.f-link li a {
	display: block;
	padding: 3% 9%;
	background-position: 5% center;
}
.f-copy {
	font-size: 12px;
	padding: 10px 0;
}
.f-contact {
	padding: 10px 7px;
	background: #3e362b;
	width: 100%;
	position: fixed;
	bottom: 0;
	display: table;
	box-sizing: border-box;
}
.f-contact p {
	display: table-cell;
	padding: 0 3px;
	vertical-align: middle;
	margin-bottom: 0;
}
.f-contact .tel {
	text-align: left;
	width: 78%;
}
.f-contact .f-web {
	text-align: right;
	max-width: 22%;
}
.f-contact img {
	border-radius: 3px;
}
/* UNDER */
.image_l, .image_r, .step dd .image_l, .step dd .image_r, .frame01 .image_r, .frame01 .image_l {
	float: none;
	text-align: center;
	margin: 0 0 10px 0;
}
.topic-path ul {
	width: 100%;
}
.under .section {
	margin: 0 0 25px 0;
}
.under #mainvisual {
	height: 200px;
}
.under #main {
	width: 100%;
	padding: 25px 0 0 0;
}
.under #content {
	width: 100%;
	box-sizing: border-box;
	padding: 0 5%;
}
.under h2 {
	font-size: 25px;
	padding: 0 10px;
	line-height: 1.3em;
}
.under h3 {
	font-size: 22px;
	line-height: 1.3em;
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
}
.under h4 {
	font-size: 20px;
	line-height: 1.3em;
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
}
.under h5 {
	font-size: 18px;
	line-height: 1.3em;
	margin: 0 0 15px 0;
	padding: 0;
}
.under h6 {
	font-size: 17px;
	line-height: 1.3em;
	margin: 0 0 15px 0;
	padding: 0;
}
.under #mainvisual {
	background-size: cover;
}
.under #mainvisual h2 {
	padding: 0 3%;
	font-size: 25px;
}
#mainvisual .container {
	width: 100%;
}
.anchor-link li {
	width: 100%;
	display: block;
	margin: 0 auto 15px;
	text-align: center;
}
.anchor-link li a {
	margin: 0 auto;
	width: 70%;
}
.frame01 {
	padding: 15px 15px 0;
}
.pickup dd {
	padding: 20px;
}
.under-2column-l {
	margin: 0 0 15px 0;
}
.under-2column-l,  .under-2column-r {
	width: 100%;
	float: none;
}
.case-item {
	width: 46%;
	margin: 0 auto 20px;
}
.case-item:nth-of-type(2n) {
	float: right;
}
.case-detail-img {
	width: 100%;
}
.blog-detail-2img li {
	width: 45%;
}
.topic-path li {
	font-size: 12px;
}
/**table scroll***/
.tbl-scroll {
	overflow-x: scroll;
}
.tbl-scroll table {
	min-width: 640px;
	table-layout: fixed;
}
.tbl-scroll table table {
	min-width: 100%;
}
.sp_show02 {
	display: block;
	font-size: 11px;
	color: #e383a5;
}

.list-img li {
	width: 22.33%;
	float: none;
	display: inline-block;
	text-align: center;margin:1% 1% 1.5% 1%;
}
.list-img li:nth-of-type(4n){float:none;margin:1% 1% 1.5% 1%}
.frame03{outline:5px solid #F8F8EC;width:100%;padding:15px}
.list{width:100%;padding:0}
.tit02{padding-left:20px}
.tit02::before{left:0;}
.list li{padding:0}
.tit01 {font-size:15px}
.list li span{line-height:1.5em}
.list-img li img{padding:5px}
.list-img li span{padding:5px 2px}
.bite-box{
	display: block;
}
.bite-b-img{
	display: block;
	padding: 0;
	width: 100%;
	text-align: center;
	margin: 0 0 15px;
}
.bite-b-ctn{
	display: block;
	padding: 20px 3% 0;
}
	iframe.gmap{
		width: 100%;
	}
.w_p{
	width: 100%;
}
.box_bn_01{
	width: 100%;
}
.box_bn_01 img{
	width: 100%;
}
}

@media only screen and (max-width: 480px) {
.header-logo {
	padding: 3% 5% 0 0;
}
.b07-article li {
	float: none;
	width: 100%;
	margin: 0 0 15px 0;
	clear: none;
}
.b07-article li:nth-of-type(2n),  .b07-article li:nth-of-type(4n) {
	float: none;
	clear: none;
}
.case-item {
	width: 100%;
	margin: 0 auto 20px;
}
.case-detail-img {
	width: 100%;
}
.list-img li span{font-size:10px;padding:5px 2px}
.bite-items{
	display: block;
}
.bite-items dl{
	width: 100%;
	display: block;
	padding: 0 3%;
	margin: 0 0 20px;
}
.bite-list li{
	display: block;
	width: 100%;
	margin: 0 0 10px;
}
}

@media only screen and (max-width: 320px) {
	.list-img li{width:22%}
}