@charset "utf-8";

/* スマホ or PC表示設定
----------------------------------------------------------------------*/

@media screen and (min-width:769px) {
	.sp { display: none!important; }
}

@media screen and (max-width:768px) {
	.pc { display: none!important; }
}

/* アンカー設定
----------------------------------------------------------------------*/

/*===============================================
768pxまで　スマホ・タブレット用
===============================================*/
@media screen and (max-width:768px) {
    span.an_link {
       position: relative;
       display: block;
       top: -96px;
    }
}

/* 
----------------------------------------------------------------------*/

/*===============================================
769px以上　PC用
===============================================*/

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

	body {
		min-width: 1120px;
		background: url(../images/bg_pc.jpg) repeat 0 0;
	}

	header {
		width: 100%;
		border-top: solid 3px #b41900;
		border-bottom: solid 1px #d6d6d6;
	}
	
	#hd_inside {
		width: 1120px;	
		margin: 0 auto;
	}
	
	.idx_cnt, .pg_cnt {
		margin-top: 40px;
		width: 100%;	
	}
		
	.idx_inside, .pg_inside {
		width: 1120px;
		margin: 0 auto;	
		padding: 10px 40px;
	}
	
	footer {
		margin-top: 50px;
		width: 100%;
	}
	
	#ft_inside {
		width: 1120px;	
		margin: 0 auto;	
		padding:  10px 40px;
	}
	
}

/*===============================================
768pxまで　スマホ・タブレット用
===============================================*/

@media screen and (max-width:768px) {

	body {
		width: 100%;
		background: url(../images/bg_sp.jpg) repeat 0 0;
	}

	header {
		position: fixed;
		top: 0;
		z-index: 999;
		width: 100%;
		background: #ffffff;
		opacity: 0.9;
		border-bottom: solid 8px #000000;
	}
	
	.pg_cnt {
		max-width: 768px;
		margin-top: 96px;
	}
	
	.idx_inside, .pg_inside {
		max-width: 768px;
		padding: 10px 20px;
	}

	footer {
		max-width: 768px;
		margin-top: 50px;
	}
	
	#ft_inside {
		padding:  10px 20px;
	}

}

/*===============================================
414pxまで　スマホ用
===============================================*/

@media screen and (max-width:414px) {
	
	.pg_cnt {
		max-width: 414px;
	}
	
	.idx_inside, .pg_inside {
		max-width: 414px;
	}

	footer {
		max-width: 414px;
	}

}



/*  header
----------------------------------------------------------------------*/

/*===============================================
769px以上　PC用
===============================================*/

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

	.hd_txt {
		padding:15px;
		font-size: 12rem;	
	}

	h1 {
		float: left;	
		width: 320px;
	}
	
	.hd_cnt {
		padding: 20px;	
	}
	
	.hd_cnt p {
		float: right;
	}
	
	#top-head {
		width: 100%;
		line-height: 1;
	}
		
	#global-nav ul {
			display: flex;
			 -webkit-justify-content: center; 
	 		 justify-content:   center;
	 		 padding: 25px;
	}
	
	#global-nav ul li {
			text-align: center;
	}
	
	#global-nav ul li a {
		padding: 0 20px;
	}
	
	#global-nav ul li a:link,
	#global-nav ul li a:visited {
			display: block;
			width: 200px;
			height:50px;
			padding-top: 15px;
			font-size: 18rem;	
			font-weight: bold;
			color: #000000;
		}
	
	#global-nav ul li a:hover, #global-nav ul .active a:link, #global-nav ul .active a:visited {
			color: #ffffff;
			background-color: #b41900;
			text-decoration: none;
		}
		
	#nav-toggle {
			display: none;	
		}

}


/*===============================================
768pxまで　スマホ・タブレット用
===============================================*/

@media screen and (max-width:768px) {

	h1 {
		float: left;	
		width: 200px;
		padding: 20px 0 0 15px;
	}

	/* Toggle Button */
	#nav-toggle {
		display: none;
		position: absolute;
		right: 0;
		top: 0;
		width: 80px;
		height: 70px;
		cursor: pointer;
		z-index: 101;
		background-color: #b41900;
	}
	
	#nav-toggle div {
		position: relative;
		top: 20px;
		left: 25px;
	}
	#nav-toggle span {
		display: block;
		position: absolute;
		width: 100%;
		font-size: 30rem;
		color: #ffffff;
	}

	#top-head {
		width: 100%;
		padding: 0;
	}
	#top-head {
		top: 0;
		position: fixed;
		margin-top: 0;
	}
	
	#mobile-head {
		background: #ffffff;
		width: 100%;
		height: 70px;
		z-index: 999;
		position: relative;
	}

	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -500px;
		background: #ffffff;
		width: 100%;
		text-align: center;
		padding: 10px 0;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#global-nav ul {
		list-style: none;
		position: static;
		right: 0;
		bottom: 0;
		font-size: 18rem;
	}
	#global-nav ul li {
		float: none;
		position: static;
	}
	#global-nav ul li:after  {
		display: none;
	}
	#top-head #global-nav ul li a {
		width: 100%;
		display: block;
		padding: 20px;
		color: #c9171d;
		text-decoration: none;
		line-height: 24px;
		font-size: 18rem;
		border-bottom:solid 1px #eeeeee;
	}
	#nav-toggle {
		display: block;
	}

	/* #global-nav スライドアニメーション */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(556px);
		-webkit-transform: translateY(556px);
		transform: translateY(556px);
	}

}



/*  index
----------------------------------------------------------------------*/

/*===============================================
769px以上　PC用
===============================================*/

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

	#idx_visual {
		width: 100%;
		height: 500px;
		background: url(../images/idx_visual_pc.jpg) no-repeat 50% 0;
	}
	
	#idx_info section {
		float: left;
		width: 510px;
	}
	
	#idx_info h2 {
		margin-bottom: 15px;
		padding: 8px 20px;
		font-size: 18rem;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;	
		background-color: #ffffff;
	}
	
	#idx_info h2:before {
		font-family: FontAwesome;
		font-size: 28rem;
		content: "\f27b";
		padding-right: 10px;
	}
	
	#idx_info h2 span {
		font-weight: bold;
	}
	
	#idx_info dt {
		float:left;
		width: 100px;
		padding: 8px;
		font-size: 15rem;
		line-height:160%;
	}
	
	#idx_info dd {
		width: 410px;
		min-height: 18px;
		margin-left: 100px;
		padding: 8px;
		font-size: 15rem;
		line-height: 160%;
	}
	
	#idx_info .fb {
		float: right;
		width: 500px;
	}

	#idx_srvc {
		padding: 40px 0;	
	}
	
	#idx_srvc .h2_box {
		text-align: center;
	}
	
	#idx_srvc h2 {
		position: relative;
		display: inline-block;
		margin-bottom: 20px;

		padding: 0 90px;
		font-size: 20rem;
		font-weight: bold;
	}
	
	#idx_srvc h2:before, #idx_srvc h2:after{
		content: '';
		position: absolute;
		top: 50%;
		display: inline-block;
		width: 80px;
		height: 2px;
		border-top: solid 1px black;
		border-bottom: solid 1px black;
	}
	
	#idx_srvc h2:before {left:0;}
	#idx_srvc h2:after {right: 0;}
	
	#idx_srvc ul {
		display: flex;
		flex-wrap: wrap;
		width: 1040px;
	}
	
	#idx_srvc li {
		width: 520px;
		padding:30px;
		background-color: #ffffff;	
		border: solid 1px #e3e3e3;
	}
	
	#idx_srvc li h3 {
		text-align: center;
		font-size: 20rem;	
		font-weight: bold;
	}
	
	#idx_srvc li h3 a {
		color: #000000;
	}
	
	#idx_srvc li p {
		padding: 15px 0;
		font-size: 16rem;
		line-height: 160%;
	}
	
	#idx_srvc li img {
		display: block;
		width: 320px;
		margin: 0 auto;
		border: solid 1px #e3e3e3;
	}

}

/*===============================================
768pxまで　スマホ・タブレット用
===============================================*/

@media screen and (max-width:768px) {

	#idx_visual {
		max-width: 750px;
		height: 320px;
		margin-top: 96px;
		background: url(../images/idx_visual_sp.jpg) no-repeat 50% 0;
	}
	
	#idx_info {
		margin: 40px 0;
	}

	#idx_info h2 {
		width: 400px;
		margin: 0 auto 15px;
		padding: 8px 20px;
		font-size: 24rem;
		text-align: center;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;	
		background-color: #ffffff;
	}
	
	#idx_info h2:before {
		font-family: FontAwesome;
		font-size: 28rem;
		content: "\f27b";
		padding-right: 10px;
	}
	
	#idx_info h2 span {
		font-weight: bold;
	}
	
	#idx_info dl {
		margin-bottom: 20px;	
	}
	
	#idx_info dt {
		float:left;
		width: 120px;
		padding: 8px;
		font-size: 20rem;
		line-height:160%;
	}
	
	#idx_info dd {
		width: 590px;
		min-height: 18px;
		margin-left: 120px;
		padding: 8px;
		font-size: 20rem;
		line-height: 160%;
	}
	
	#idx_info .fb {
		display: block;
		max-width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	#idx_srvc {
		padding: 40px 0;	
	}
	
	#idx_srvc .h2_box {
		text-align: center;
	}
	
	#idx_srvc h2 {
		position: relative;
		display: inline-block;
		margin-bottom: 30px;
		padding: 0 90px;
		font-size: 30rem;
		font-weight: bold;
	}
	
	#idx_srvc h2:before, #idx_srvc h2:after{
		content: '';
		position: absolute;
		top: 50%;
		display: inline-block;
		width: 80px;
		height: 2px;
		border-top: solid 1px black;
		border-bottom: solid 1px black;
	}
	
	#idx_srvc h2:before {left:0;}
	#idx_srvc h2:after {right: 0;}

	#idx_srvc ul {
	}
	
	#idx_srvc li {
		width: 100%;
		padding:30px;
		background-color: #ffffff;	
		border: solid 1px #e3e3e3;
	}
	
	#idx_srvc li .txt_box {
		float: left;
		width: 50%;
		padding-right: 20px;
	}
	
	#idx_srvc li h3 {
		font-size: 26rem;	
		font-weight: bold;
	}
	
	#idx_srvc li h3 a {
		color: #000000;
	}
	
	#idx_srvc li p {
		padding: 15px 0;
		font-size: 20rem;
		line-height: 160%;
	}
	
	#idx_srvc li img {
		float: right;
		width: 48%;
		border: solid 1px #e3e3e3;
	}

}

/*===============================================
414pxまで　スマホ用
===============================================*/

@media screen and (max-width:414px) {

	#idx_visual {
		max-width: 414px;
		height: 320px;
	}
	
	#idx_info h2 {
		width: 90%;
		font-size: 20rem;
	}
	
	#idx_info h2:before {
		font-size: 22rem;
	}
	
	#idx_info dl {
		margin-bottom: 30px;
	}

	#idx_info dt {
		float: none;
		padding: 0px;
		font-size: 16rem;
	}
	
	#idx_info dd {
		width: 100%;
		margin-left: 0;
		padding: 0px;
		font-size: 16rem;
	}
	
	#idx_info .fb {
		width: 100%;
	}

	#idx_srvc h2 {
		padding: 0 50px;
		font-size: 24rem;
	}
	
	#idx_srvc h2:before, #idx_srvc h2:after{
		width: 30px;
	}
	
	#idx_srvc li h3 {
		font-size: 20rem;	
	}
	
	#idx_srvc li p {
		font-size: 15rem;
	}

	#idx_srvc li .txt_box {
		float: none;
		width: 100%;
		padding-right: 0px;
	}

	#idx_srvc li img {
		width: 100%;
	}

}

/*  pages
----------------------------------------------------------------------*/

/*===============================================
769px以上　PC用
===============================================*/

@media screen and (min-width:769px) {
	
	.pg_cnt h2 {
		margin: 20px 0 50px;
		font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
		text-align: center;
	}
	
	.pg_cnt h2 span {
		font-size: 32rem;
		border-bottom: solid 5px	#b41900;
	}
	
	.pg_cnt section {
		padding: 40px 0;	
	}
	
	.pg_cnt section h3 {
		padding: 20px;
		font-size: 24rem;
		font-weight: bold;
		text-align: center;		
	}
	
	.pg_cnt section .txt {
		padding: 15px;
		font-size: 16rem;
		line-height: 160%;
		text-align: center;	
	}
	
	.pg_cnt .intro {
		margin-bottom: 30px;
	}
	
	.pg_cnt .intro p {
		padding: 10px 150px;
		font-size: 18rem;
		line-height: 160%;	
	}
	
	.pg_nav {
		margin: 50px 0 30px;
		display: flex;	
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.pg_nav li {
	}
	
	.pg_nav li a {
		position: relative;
		display: block;
		width: 250px;
		padding: 10px;
		font-size: 18rem;
		text-align: center;
		text-indent: -2rem;
		border: solid 1px #333333;	
	}
	
	.pg_nav li a::after {
		content: '';
		position: absolute;
		width: 6px;
	 	height: 6px;
		border-top: solid 2px #595757;
		border-right: solid 2px #595757;
		-ms-transform: rotate(135deg);
		 -webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		top: 53%;
		margin-left: 8px;
		margin-top: -8px;
	}
	
	.pg_nav li a:hover {
		background-color: #b41900;
		color: #ffffff;
		text-decoration: none;
	}
		
	.pg_prd ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 50px;
	}
	
	.pg_prd li {
		width: 240px;	
	}
	
	.pg_prd li img {
		border: solid 1px #e3e3e3;
	}
	
	.pg_prd li p {
		padding: 8px 0 25px;
		font-size: 16rem;
		line-height: 160%;
		text-align: center;
	}
	
	.pg_odr ul {
		margin-top: 30px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.pg_odr  li img {
		border: solid 1px #e3e3e3;
	}
	
	.pg_odr li p {
		padding: 8px 0 25px;
		font-size: 16rem;
		line-height: 160%;
		text-align: center;
	}
	
	.pg_vst img, .pg_rpr img {
		display: block;
		width: 500px;
		margin: 30px auto;
	}
	
	.pg_cmp {
		margin: 50px 0 30px;
		display: flex;	
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.pg_cmp li {
		margin: 20px 0;	
	}
	
	.pg_cmp li p {
		width: 470px;
		padding-bottom: 15px;
		font-size: 16rem;
		line-height: 160%;
	}

}

/*===============================================
768pxまで　スマホ・タブレット用
===============================================*/

@media screen and (max-width:768px) {

	.pg_cnt h2 {
		margin: 50px 0;
		font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
		text-align: center;
	}
	
	.pg_cnt h2 span {
		font-size: 36rem;
		border-bottom: solid 5px	#b41900;
	}
	
	.pg_cnt section {
		padding: 40px 0;	
	}
	
	.pg_cnt section h3 {
		padding: 30px;
		font-size: 32rem;
		font-weight: bold;
		line-height: 160%;
		text-align: center;		
	}
	
	.pg_cnt section .txt {
		padding: 20px;
		font-size: 24rem;
		line-height: 160%;
		text-align: center;	
	}
	
	.pg_cnt .intro {
		margin-bottom: 30px;
	}
	
	.pg_cnt .intro p {
		padding: 10px;
		font-size: 24rem;
		line-height: 160%;	
	}
	
	.pg_nav {
		margin: 50px 0 30px;
		border-bottom: solid 1px #333333;	
	}
	
	.pg_nav li {
		width: 100%;
	}
	
	.pg_nav li a {
		position: relative;
		display: block;
		padding: 25px;
		font-size: 24rem;
		text-align: center;
		text-indent: -2rem;
		border-top: solid 1px #333333;	
		border-right: solid 1px #333333;	
		border-left: solid 1px #333333;	
	}
	
	.pg_nav li a::after {
		content: '';
		position: absolute;
		width: 6px;
	 	height: 6px;
		border-top: solid 2px #595757;
		border-right: solid 2px #595757;
		-ms-transform: rotate(135deg);
		 -webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		top: 53%;
		margin-left: 8px;
		margin-top: -8px;
	}
	
	.pg_prd ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 50px;
	}
	
	.pg_prd li {
		width: 48%;
	}
	
	.pg_prd li img {
		display: block;
		margin: 0 auto;
		border: solid 1px #e3e3e3;
	}
	
	.pg_prd li p {
		padding: 15px 0 30px;
		font-size: 18rem;
		line-height: 160%;
		text-align: center;
	}

	.pg_odr li p {
		padding: 8px 0 25px;
		font-size: 18rem;
		line-height: 160%;
		text-align: center;
	}
	
	.pg_odr img, .pg_vst img, .pg_rpr img {
		display: block;
		margin: 30px auto;
		border: solid 1px #e3e3e3;
	}

	.pg_cmp {
		margin: 50px 0;
	}
	
	.pg_cmp li {
		margin: 20px 0;	
	}
	
	.pg_cmp li p {
		padding-bottom: 15px;
		font-size: 24rem;
		line-height: 160%;
	}
	
	.pg_cmp li img {
		display: block;
		margin: 0 auto;	
		padding-bottom: 20px;
	}

}

/*===============================================
414pxまで　スマホ用
===============================================*/

@media screen and (max-width:414px) {
	
	.pg_cnt h2 span {
		font-size: 32rem;
	}
	
	.pg_cnt section {
		padding:  0;	
	}
	
	.pg_cnt section h3 {
		padding: 10px;
		font-size: 20rem;
	}
	
	.pg_cnt section .txt {
		font-size: 16rem;
	}
	
	.pg_cnt .intro p {
		padding: 10px;
		font-size: 16rem;
	}
	
	.pg_nav li a {
		padding: 15px;
		font-size: 18rem;
	}
	
	.pg_prd li p {
		font-size: 12rem;
	}

	.pg_odr li p {
		font-size: 15rem;
	}
	
	.pg_cmp li p {
		font-size: 16rem;
	}
	
}


/*  inquiry
----------------------------------------------------------------------*/

.pg_inq div {
	text-align: center;	
}

.pg_inq .cmp {
	display: inline-block;
	padding-right: 20px;
	font-size: 20rem;
	font-weight: bold;
}

.pg_inq .tel {
	display: inline-block;
	font-size: 30rem;
	font-family:  'Century Gothic';
	font-weight: bold;
	color:#b41900;
}

/*===============================================
769px以上　PC用
===============================================*/

@media screen and (min-width:751px) {
	
	.inq {
		width: 	880px;
		margin: 0 auto 50px;
	}
	
	.inq dl {
		background-color: #eeeeee;
	}
	
	.inq dt {
		float:left;
		width: 260px;
		padding: 8px;
		font-size: 16rem;
		line-height:160%;
		border-top: solid 5px #ffffff;
	}
	
	.inq dd {
		width: 620px;
		min-height: 18px;
		margin-left: 260px;
		padding: 8px;
		font-size: 16rem;
		line-height: 160%;
		background-color: #ffffff;
		border-top: solid 5px #ffffff;
	}
	
	.inq .textbox, .inq textarea {
		width: 620px;
		padding: 3px;
		font-size: 16rem;
	}
	
	.inq  .submit {
		display: block;
		width:245px;
		height: 80px;
		margin: 0 auto;
		color:#ffffff;
		font-size:24rem;
		font-weight: bold;
		background-color:#b41900;
		border:none;
		cursor: pointer;
	}
	
	.inq ul {
		margin: 20px 0;
	}
	
	.inq li {
		padding: 5px 0;
		font-size: 14rem;	
	}
	
	.inq li:before {
		font-family: FontAwesome;
		font-size: 16rem;
		content: "\f14a";
		padding-right: 10px;
	}
	
	.inq span {
		color: #b41900;
	}
	
	.inq_tmp {
		width: 880px;	
		margin: 0 auto;
	}
	
	.inq_tmp table {
		margin: 40px 0;
	}
	
	.inq_tmp th {
		width: 160px;
		padding: 15px;
		font-size: 16rem;	
		text-align: left;
	}
	
	.inq_tmp td {
		width: 640px;
		padding: 15px;
		font-size: 16rem;	
		text-align: left;
	}
	.inq_tmp input {
		display: block;
		width:245px;
		height: 80px;
		margin: 0 auto;
		color:#ffffff;
		font-size:18rem;
		font-weight: bold;
		border:none;
		cursor: pointer;
	}
	
	.inq_tmp .button_back {
		background-color:#cccccc;
	}
	
	.inq_tmp .button_send {
		background-color:#b41900;
	}

}

/*===============================================
768pxまで　スマホ・タブレット用
===============================================*/

@media screen and (max-width:768px) {
	
	input[type="submit"],
	input[type="button"] {
	  border-radius: 0;
	  -webkit-box-sizing: content-box;
	  -webkit-appearance: button;
	  appearance: button;
	  border: none;
	  box-sizing: border-box;
	  cursor: pointer;
	}
	input[type="submit"]::-webkit-search-decoration,
	input[type="button"]::-webkit-search-decoration {
	  display: none;
	}
	input[type="submit"]::focus,
	input[type="button"]::focus {
	  outline-offset: -2px;
	}
	
	.inq {
		margin-bottom: 50px;
	}
	
	.inq dt {
		float:left;
		padding: 10px;
		font-size: 20rem;
		line-height:160%;
	}
	
	.inq dd {
		width: 100%;
		min-height: 20px;
		padding: 8px;
		font-size: 20rem;
		line-height: 160%;
	}
	
	.inq .textbox, .inq textarea {
		width: 100%;
		padding: 8px;
		font-size: 20rem;
	}
	
	.inq  .submit {
		display: block;
		width:245px;
		height: 80px;
		margin: 0 auto;
		color:#ffffff;
		font-size:24rem;
		font-weight: bold;
		background-color:#b41900;
		border:none;
		cursor: pointer;
	}
	
	.inq ul {
		margin: 20px 0 20px 20px;
	}
	
	.inq li {
		padding: 5px 0;
		font-size: 16rem;
		line-height: 160%;
	}
	
	.inq li:before {
		font-family: FontAwesome;
		font-size: 16rem;
		content: "\f14a";
		padding-right: 10px;
	}
	
	.inq span {
		color: #b41900;
	}
	
	.inq_tmp {
		margin: 0 auto;
	}
	
	.inq_tmp table {
		margin: 40px 0;
	}
	
	.inq_tmp th {
		width: 26%;
		padding: 15px;
		font-size: 24rem;	
		text-align: left;
	}
	
	.inq_tmp td {
		width: 74%;
		padding: 15px;
		font-size: 24rem;	
		text-align: left;
	}
	
	.inq_tmp input {
		display: block;
		width:245px;
		height: 80px;
		margin: 0 auto 20px;
		color:#ffffff;
		font-size:24rem;
		font-weight: bold;
		border:none;
		cursor: pointer;
	}
	
	.inq_tmp .button_back {
		background-color:#cccccc;
	}
	
	.inq_tmp .button_send {
		background-color:#b41900;
	}
	
}

/*===============================================
414px以下　スマホ用
===============================================*/

@media screen and (max-width:414px) {

	.inq_tmp table {
		margin: 10px 0 30px;
	}

	.inq_tmp th {
		padding: 5px;
		font-size: 15rem;	
	}
	
	.inq_tmp td {
		padding: 5px;
		font-size: 15rem;	
	}
}


/*  footer
----------------------------------------------------------------------*/

/*===============================================
769px以上　PC用
===============================================*/

@media screen and (min-width:769px) {
	
	footer ul {
		display: flex;
		justify-content: center;
		margin:  50px 0;
	}
	
	footer li {
		padding: 20px 50px;
		font-size: 17rem;	
	}
	
	address {
		padding-bottom: 20px;
		text-align: center;	
	}
	
	address p {
		display: inline-block;	
		padding-left: 15px;
	}
	
	address .cmp {
		font-weight: bold;
		font-size: 16rem;
	}
	
	address .zip, address .tel {
		font-size: 14rem;
	}
	
	small {
		display: block;
		width: 100%;
		padding: 10px 0;
		background-color: #000000;
		color: #ffffff;
		text-align: center;
		font-size: 11rem;
	}

}

/*===============================================
768pxまで　スマホ・タブレット用
===============================================*/

@media screen and (max-width:768px) {

	footer ul {
		margin:  40px 0;
	}
	
	footer li {
		width: 100%;
		margin-bottom: 15px;
		font-size: 24rem;
		text-align: center;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;	
		background-color: #ffffff;
}

	footer li a {
		display: block;	
		padding: 20px;
	}

	address {
		padding: 20px 0;
		text-align: center;	
	}
	
	address .cmp {
		padding-bottom: 20px;
		font-weight: bold;
		font-size: 34rem;
	}
	
	address .zip, address .tel {
		padding: 5px;
		font-size: 20rem;
		line-height: 160%;
	}
	
	small {
		display: block;
		width: 100%;
		padding: 15px 0;
		background-color: #000000;
		color: #ffffff;
		text-align: center;
		font-size: 12rem;
	}

}

/*===============================================
414pxまで　スマホ・タブレット用
===============================================*/

@media screen and (max-width: 414px) {

	footer li {
		margin-bottom: 10px;
		font-size: 20rem;
}

	footer li a {
		padding: 15px;
	}

	address {
		padding: 10px 0;
	}
	
	address .cmp {
		font-size: 24rem;
	}
	
	address .zip, address .tel {
		font-size: 16rem;
	}
	
	small {
		font-size: 11rem;
	}

}


/* etc
------------------------------------------------------------------*/

.bg_w {
	background-color: #ffffff;
}

/*===============================================
769px以上　PC用
===============================================*/

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

	#go_top {
		position: fixed;
		right: 5%;
		bottom: 10%;
		z-index: 999;
	}
	
	#go_top a {
		width: 70px;
		display: block;
	}
	
	#go_top span {
		width: 70px;
		height: 70px;
		display: block;
		margin-bottom: 7px;
		background: url(../images/go_top_pc.png) no-repeat center center;
	}

}

/*===============================================
768pxまで　スマホ・タブレット用
===============================================*/

@media screen and (max-width:768px) {

	#go_top {
		position: fixed;
		right: 5%;
		bottom: 10%;
		z-index: 999;
	}
	
	#go_top a {
		width: 96px;
		display: block;
	}
	
	#go_top span {
		width: 96px;
		height: 96px;
		display: block;
		margin-bottom: 7px;
		background: url(../images/go_top_sp.png) no-repeat center center;
	}

}