body, h1, h2, h3, h4, h5, h6, p, div, dt, dd, dl, img, input, form, ul, ol,  li, span, iframe {
	margin: 0px;
	padding: 0px;
vertical-align: bottom;
}

a.jump_point {height: 1px;
display: block;
padding-top: 100px;
margin-top: -100px;
}

ul,
ul li {
	list-style: none;
}
ol {
  margin: 0;
  padding: 0;
  list-style: none; /* デフォルトの数字を非表示に */
  counter-reset: li;
}

/* ol内のliのスタイル */
ol li {
  position: relative;
  padding-left: 1.7em;
  line-height: 1.5;
}

/* 2つ目以降のliにmargin-topを指定 */
ol li:not(:first-child) {
  margin-top: 10px;
}

/* 数字のスタイル */
ol li::before {
  counter-increment: li;
  content: counter(li);
  position: absolute;
  left: 0;
  top: 0; /* 数字のY軸線上の位置を調整 */
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #587F91;
  font-size: 13px;
  color: #fff;
  line-height: 22px;
  text-align: center;
}
_::-webkit-full-page-media, _:future, :root ol li::before {
  line-height: 25px;
}

.br_sp,
.br_sp3 { 
display:none;
}
.br_sp2 { 
display: block;
	clear: both;
	min-height: 1px;
}
.pc {
	display: none;
}
.sb0 {
	background: #000;
	box-sizing: border-box;
	margin: 10px 0 20px 0;
	width: 100%;
	text-align: center;
border-radius: 10px;
	padding: 10px 0;
}
.sb {
	margin: auto;
	text-align: center;
	width: 200px;
}
.t_b {
 font-size: 120%;
}
.t_80 {
 font-size: 80%;
}

.t_70 {
 font-size: 65%;vertical-align: middle;
}
.point {
	color:  #F90;
	font-weight: bold;
	line-height:2;
}
.point2 {
	color:  #587F91;
	font-weight: bold;
	line-height:2;
}
.fixed {
    position: fixed;
    top: 0;
    padding: 0;
    width: 100%;
    z-index: 1000;
background-color: rgba(255,255,255,0.9);
  -webkit-transition: all .4s ease 0s,background .6s ease .2s;
  transition: all .4s ease 0s,background .6s ease .2s;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  }
body {
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-feature-settings : "palt";
letter-spacing: .5px;
color: #000;
font-size: 1.2rem;
line-height:1.8rem;
}
a {
 text-decoration: none;
}
img {
 border: 0;
 vertical-align: bottom;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
overflow:hidden;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.item {
  width:100%;
}
.h_logo {
	z-index: 999999;
  width: 200px;
  height: 24px;
	display: block;
	position: absolute;
	top:13px;
	left: 10px;
}
h1 a {
	background: url(../img/logo.png) no-repeat;
	background-size: 200px 24px;
  display: block;
  width: 200px;
  height: 24px;
}
h1 a span {
	display: none;
}
.contact {
	display: none;
}


.drawer-hamburger {
  margin: 4% 0 0 0;
}
.container {
margin: 5%;
}

img {
	vertical-align: bottom;
}
.more_box{
	margin: 3% auto 0 auto;
	text-align: center;
}
.more {
    /*矢印の基点とするためrelativeを指定*/
	position: relative;
    /*ボタンの形状*/
	border-bottom: 1px solid #587F91;
    padding: 8px 50px 8px 0px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #587F91;
    outline: none;
    /*アニメーションの指定*/
    transition: all .2s linear;
	font-size: 80%;
}
.more:hover{
	color:#587F91;
}
/*矢印と下線の形状*/
.more::before{
	content:"";
    /*絶対配置で下線の位置を決める*/
	position: absolute;
	top:50%;
	right:0px;
    /*下線の形状*/
	width:30px;
	height:1px;
	background:#587F91;
    /*アニメーションの指定*/
    transition: all .2s linear;
}

.more::after{
	content:"";
    /*絶対配置で矢印の位置を決める*/
	position: absolute;
    top: 20%;
    right: 5px;
    /*矢印の形状*/
	width:1px;
	height:13px;
	background:#587F91;
    transform:skewX(45deg);
    /*アニメーションの指定*/
    transition: all .2s linear;
}

/*hoverした際の移動*/
.more:hover::before{
	right:-10px;
}

.more:hover::after{
	right:-5px;
}

.sub {
	display: none;
}


.news_box {
	margin: 0px 0px 10px 0px;
	padding:  0px 0px 10px 0px;
	text-align: left;
	border-bottom: 1px solid #CCC;
 width: 100%;
}
.day {
 font-weight: normal;
 font-size:70%;
	line-height: 2;
	float: left;
	margin: 0 10px 0 0;
}
.news_box a {
 width: 100%;
	display: block;
	clear: both;
}
.news_box a h5 {
 font-size:75%;
	line-height: 1.7;
 color: #000;
 font-weight: normal;
	-webkit-filter: opacity(100%);
	filter: opacity(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.news_box a:hover h5 {
	-webkit-filter: opacity(50%);
	filter: opacity(50%);
	text-decoration: none;
}


.c_outline,
.c_item,
.c_sus,
.c_other {
	margin: 0px 20px 5px 0px;
	padding: 7px 0;
	float: left;
	font-size: 60%;
	line-height: 1;
	background: #EEE;
	width: 150px;
	text-align: center;
}
.c_outline {
	border-left: 6px solid #6B9;
}
.c_item {
	border-left: 6px solid #F90;
}
.c_sus {
	border-left: 6px solid #6AC;
}
.c_other {
	border-left: 6px solid #CCC;
}


/*	service
/* ------------------------------------- */

.ser,
.item_ser {
width: 50%;
	float: left;
	box-sizing: border-box;
}
.service a:hover,
.item_service a:hover {
  filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}
.ser01,
.ser02,
.ser03,
.ser04,
.ser05,
.ser06,
.ser07,
.ser08,
.item_ser01,
.item_ser02,
.item_ser03,
.item_ser04,
.item_ser05,
.item_ser06,
.item_ser07,
.item_ser08{
position: relative;
overflow: hidden;
width: 99%;
	margin: 0 0 1% 0;
}
.ser01::before,
.ser02::before,
.ser03::before,
.ser04::before,
.ser05::before,
.ser06::before,
.ser07::before,
.ser08::before,
.item_ser01::before,
.item_ser02::before,
.item_ser03::before,
.item_ser04::before,
.item_ser05::before,
.item_ser06::before,
.item_ser07::before,
.item_ser08::before{
  content: "";
  display: block;
  padding-bottom: 100%;
}
.ser01:after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)),url(../img/top/ser01.jpg)no-repeat center center;
}
.ser02:after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),url(../img/top/ser02.jpg)no-repeat center center;
}
.ser03:after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),url(../img/top/ser03.jpg)no-repeat center center;
}
.ser04:after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),url(../img/top/ser04.jpg)no-repeat center center;
}
.ser05:after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),url(../img/top/ser05.jpg)no-repeat center center;
}
.ser06:after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),url(../img/top/ser06.jpg)no-repeat center center;
}
.ser07:after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),url(../img/top/ser07.jpg)no-repeat center center;
}
.ser08:after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),url(../img/top/ser08.jpg)no-repeat center center;
}
.ser01:after,
.ser02:after,
.ser03:after,
.ser04:after,
.ser05:after,
.ser06:after,
.ser07:after,
.ser08:after,
.item_ser01:after,
.item_ser02:after,
.item_ser03:after,
.item_ser04:after,
.item_ser05:after,
.item_ser06:after,
.item_ser07:after,
.item_ser08:after {
	background-size: 100%;
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.ser01:hover:after,
.ser02:hover:after,
.ser03:hover:after,
.ser04:hover:after,
.ser05:hover:after,
.ser06:hover:after,
.ser07:hover:after,
.ser08:hover:after,
.item_ser01:hover:after,
.item_ser02:hover:after,
.item_ser03:hover:after,
.item_ser04:hover:after,
.item_ser05:hover:after,
.item_ser06:hover:after,
.item_ser07:hover:after,
.item_ser08:hover:after {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.ser01,
.ser02,
.ser03,
.ser04,
.ser05,
.ser06,
.ser07, 
.ser08,
.item_ser01,
.item_ser02,
.item_ser03,
.item_ser04,
.item_ser05,
.item_ser06,
.item_ser07, 
.item_ser08 {
position: relative;
align-items: center;
justify-content: center;
z-index: 1;
height: 120px;
text-decoration: none;
color: #fff;
	display: block;
}
.item_ser01,
.item_ser02,
.item_ser03,
.item_ser04,
.item_ser05,
.item_ser06,
.item_ser07, 
.item_ser08 {
height: 160px !important;
}
.ser01 p,
.ser02 p,
.ser03 p,
.ser04 p,
.ser05 p,
.ser06 p,
.ser07 p,
.ser08 p,
.item_ser01 p,
.item_ser02 p,
.item_ser03 p,
.item_ser04 p,
.item_ser05 p,
.item_ser06 p,
.item_ser07 p,
.item_ser08 p {
  position: absolute;
  bottom: 0;
  margin: 10px;
	font-size: 70%; 
	z-index: 3;
}
.item_ser01 span,
.item_ser02 span,
.item_ser03 span,
.item_ser04 span,
.item_ser05 span,
.item_ser06 span,
.item_ser07 span,
.item_ser08 span {
	font-size: 80%;
	line-height: 1.3;
	display: block;
}
/*	item_service
/* ------------------------------------- */
.item_ser01:after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)),url(../img/item/item_ser01.jpg)no-repeat center center;
	background-size: 100%;
}
.item_ser02:after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),url(../img/item/item_ser02.jpg)no-repeat center center;
	background-size: 100%;
}
.item_ser03:after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),url(../img/item/item_ser03.jpg)no-repeat center center;
	background-size: 100%;
}
.item_ser04:after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),url(../img/item/item_ser04.jpg)no-repeat center center;
	background-size: 100%;
}
.item_ser05:after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),url(../img/item/item_ser05.jpg)no-repeat center center;
	background-size: 100%;
}
.item_ser06:after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),url(../img/item/item_ser06.jpg)no-repeat center center;
	background-size: 100%;
}
.item_ser07:after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),url(../img/item/item_ser07.jpg)no-repeat center center;
	background-size: 100%;
}
.item_ser08:after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),url(../img/item/item_ser08.jpg)no-repeat center center;
	background-size: 100%;
}



/*	 search
/* ------------------------------------- */
.search {
	background: #DDD;
	padding: 5%;
	font-size: 80%;
}
.search p {
	margin: 5px 0 0 0;
}
form[name="form1"] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    border: 2px solid #000;
    border-radius: 3px;
}

/* テキスト入力欄のスタイル */
form[name="form1"] input.txt {
    width: 100%;
    height: 45px;
    padding: 5px 15px;
    border: none;
    box-sizing: border-box;
    font-size: 1em;
    outline: none;
}
form[name="form1"] input.txt::placeholder{
    color: #777777;
}
#searchsubmit {
     display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 45px;
     border: none;
    background-color: #000000;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    
    /* テキスト（"検索"）を非表示にする */
    color: transparent;
    text-shadow: none;
    font-size: 0;
}



/*	footer
/* ------------------------------------- */
#footer{
	background: #1A1A1A;
	width: 100%;
	margin: 6% 0px 0px 0px;
	color: #FFF;
	font-size: 80%;
}
.footer_box {
	padding: 20px;
}

#footer h4 a,
#footer address a {
	color: #FFF;
}
#footer address {
	font-style: normal;
	font-size: 80%;
line-height:1.6;
  margin: 10px auto 0 auto;
}
#footer p {
	font-style: normal;
	font-size: 80%;
line-height:1.6;
  margin: 10px auto 0 auto;
}
.c {
 font-size: 120%;
	line-height:1.3;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 0px;
}
.pagetop a {
    display: block;
    background-color: #666;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px 10px 10px;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.pagetop a:hover {
    display: block;
    background-color: #333;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

.t_cart {
	z-index:9999999;
    position: fixed;
    top: 0px;
    right: 0px;
	background: #000;
	padding: 6px 10px;
}
.t_cart img {
	width: 35px;
}
.t_cart a {
    display: block;
}
.t_cart a img {
	transition: 1s;
}
.t_cart a:hover img {
opacity: .6;
}

a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
}
a:hover {
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
}

.sns img,
.sns01 img,
.sns02 img,
.sns03 img {
  width: 100%;
}
.sns {
	display: none;
}
.sns01,
.sns02,
.sns03{
	margin: 20px 0 0 0;
}
.sns01 {
  width: 29px;
  height: 24px;
	float: left;
}
.sns02 {
  width: 35px;
  height: 24px;
	float: left;
}
.sns03 {
  width: 35px;
  height: 24px;
	float: left;
}
/* ------------------------------------- */
/*	 resposive480
/* ------------------------------------- */
@media screen and (min-width: 480px) {

.item {
  margin: 0px 0px 0px 0px;
}
.br_sp3 { 
display:none;
}
}
/* ------------------------------------- */
/*	 resposive768
/* ------------------------------------- */
@media screen and (min-width: 768px) {
.clearfix2:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix2 {
	min-height: 1px;
overflow:hidden;
}

* html .clearfix2 {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.t_b {
 font-size: 140%;
}
.br_sp2 { 
display:none;
}
.sf {
	display: none;
}
.pc {
	display: block;
}
.item {
  margin: 0px 0px 0px 0px;
}
.h_logo {
  width: 250px;
  height: 29px;
	top:13px;
	left: 10px;
}
h1 a {
	background: url(../img/logo.png) no-repeat;
	background-size: 250px 29px;
  display: block;
  width: 250px;
  height: 29px;
}

.more_box{
	margin: 3% auto 0 auto;
	text-align: left;
}
.container {
	margin: 4%;
}	
	
.day {
 color: #000;
 font-weight: normal;
	float: left;
width: 12%;
}
.news_box a {
 width:58%;
	float: left;
	clear: none;
}
.news_box a h5 {
 font-size:80%;
}
	
.ser,
.item_ser{
width: 25%;
	float: left;
	box-sizing: border-box;
}	
.ser01,
.ser02,
.ser03,
.ser04,
.ser05,
.ser06,
.ser07, 
.ser08 {
height: 150px;
}	
	
	
/*	 search
/* ------------------------------------- */
.search {
	padding: 4%;
}
	
	
	
/*	footer
/* ------------------------------------- */
#footer{
	margin: 4% 0px 0px 0px;
}
.footer_box {
	padding: 4% 30px;
}
#footer address {
  margin: 5px auto 0 auto;
}
#footer p {
  margin: 5px auto 0 auto;
}
	
.footer_l {
		float: left;
	width: 70%;
	}
.footer_r {
		float: right;
	width: 100px;
	}
.sns {
	display: block;
  width: 100px;
  height: 30px;
}
.sns01 {
  width: 29px;
  height: 24px;
	float: left;
}
.sns02 {
  width: 35px;
  height: 24px;
	float: left;
}
.sns03 {
  width: 35px;
  height: 24px;
	float: left;
}	
	
}
/* ------------------------------------- */
/*	 resposive1200
/* ------------------------------------- */
@media screen and (min-width: 1200px) {
.t_70 {
 font-size: 80%;
}
.t_b {
 font-size: 160%;
}
.br_sp { 
display: block;
}
.h_logo {
  width: 300px;
  height: 35px;
	position: static;
}
h1 a {
	background: url(../img/logo.png) no-repeat;
	background-size: 300px 35px;
  display: block;
  width: 300px;
  height: 35px;
}
.container {
	width:1200px;
	margin: 2% auto;
	padding: 0;
}
.container2 {
margin: 0px auto;
}
.item {
  margin: 0px 0px 0px 0px;
}
.more_box{
	margin: 3% auto 0 auto;
	text-align: left;
}
	
	
.day {
width: 90px;
}
.news_box a {
 width:930px;
}	
	
.ser,
.item_ser{
width: 25%;
	float: left;
	box-sizing: border-box;
}	
.ser01,
.ser02,
.ser03,
.ser04,
.ser05,
.ser06,
.ser07, 
.ser08 {
height: 200px;
}
.item_ser01,
.item_ser02,
.item_ser03,
.item_ser04,
.item_ser05,
.item_ser06,
.item_ser07, 
.item_ser08 {
height: 250px !important;
}
.ser01 p,
.ser02 p,
.ser03 p,
.ser04 p,
.ser05 p,
.ser06 p,
.ser07 p,
.ser08 p,
.item_ser01 p,
.item_ser02 p,
.item_ser03 p,
.item_ser04 p,
.item_ser05 p,
.item_ser06 p,
.item_ser07 p,
.item_ser08 p {
  margin: 20px;
	font-size: 90%;
}		
	
.pi {
	height: auto;
}	
	
.sub {
	display: block;
	background: #1A1A1A;
	width: 100%;
	margin: 0px;
	padding: 40px 0px;
	color: #FFF;
	font-size: 70%;
	box-sizing: border-box;
	}
.sub_box {
	width: 1200px;
	margin: 0px auto;
	}
.sub a {
	color: #FFF;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
	}
.sub a:hover {
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
}
.sub dl dt {
		font-weight: bold;
	line-height: 2;
	}
.sub dl dd {
	margin: 0 0 0 1em;
	line-height: 2;
	}
.sub_m {
	padding: 1em 0 0 0;
	}
.sub_box01 {
		width: 220px;
	float: left;
	}	
.sub_box02 {
		width: 300px;
	float: left;
	}
.sub_box03 {
		width: 150px;
	float: left;
	}	
/*	footer
/* ------------------------------------- */

a[href^="tel:"] {
    pointer-events: none;
}
/*	footer
/* ------------------------------------- */
#footer{
	border-top: 1px solid #666;
	margin: 0px;
}
.footer_box {
	padding: 40px 0;
	width: 1200px;
	margin: auto;
}
#footer address {
  margin: 5px auto 0 auto;
}
#footer p {
  margin: 5px auto 0 auto;
}
	
.t_cart {
	padding: 10px 15px;
}
.t_cart img {
	width: 45px;
}
	
}