@charset "utf-8";
/* CSS Document */

body{
	font-family:"ヒラギノ角ゴ Pro W3" , "游ゴシック" , "Yu Gothic" , "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.obj-fit-img {
object-fit: cover;
object-position: 0 100%;
font-family: 'object-fit: cover; object-position: 0 100%;'
}

.luxbar-fixed {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow:none;
}

.luxbar-menu-light, .luxbar-menu-light .dropdown ul {
    background-color: #fff; 
    color: #212121;
}


.luxbar-checkbox:checked ~ .luxbar-menu {
    transition: height 0.6s ease;
    height: 300px;
}



/* スライダー */
.slider{
   margin: 58px 0 50px;
}
.slider img{
	width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
.center .slick-next { right: 20px; z-index: 99;}
.center .slick-prev { left: 15px; z-index: 100;}




.shopping_bn{
	margin-top: 40px;
	margin-bottom:40px;
}
.topcompany,
.topcontact{
	display:inline-block;
	width: 400px;
	height: 120px;
}
.topbn img{
	width: 100%;
}
.topcontact{
	margin-left: 40px;
}




@media screen and (max-width:860px){
	
.shopping_bn img{
	width:90%;
}
.tobn{
	width:90%
}
.topcompany,
.topcontact{
	margin: 0 auto 20px;
	height: auto;
	
}

.shopping_bn{
	margin-top: 30px;
	margin-bottom:20px;
}

}


@media screen and (max-width:450px){
	
.topcompany,
.topcontact{
	width:90%;
	
}
	
}
	
footer{
	background-color: #0071BC;
	color: #fff;
	height:130px;
	padding-top: 30px;
}


@-ms-viewport {
  width: device-width;
}

/******* company page *******/

.companyimg{
	position: relative;
	padding-top: 58px;
}

.companyimg p{
   position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  color: black;
  font-weight: bold; /*太字に*/
  font-size: 2em;/*サイズ2倍*/
  }

.companyimg img{
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: 0 0;
}

.cmp_dl h2{
	font-size:1.5em;
	color: #0071BC;
	font-weight:bold;
	}

dl{
  max-width: 850px;
  margin: 0 auto;
  display:flex;
  flex-wrap: wrap;
  border-top: none;
}
dt{
  width: 30%;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px #ccc dotted; 
  color: #333;
}
dd{
  padding: 10px;
  margin: 0;
  border-top: 1px dotted #ccc; 
  width: 70%;
  background: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 320px) {
  dl{
    flex-flow: column nowrap;
  }
  dt,
  dd{
    width: 100%;
  }
  dt{
	    background: #ddd;
  }
  dd{
    border-left: none;
  }
}



/**20201103追加**/
.formimg{
  position: relative;
  padding-top: 58px;
}

.formimg p{
   position: absolute;
  top: 50%;
  left: 49%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  color: black;
  font-weight: bold; /*太字に*/
  font-size: 2em;/*サイズ2倍*/
  }

.formimg img{
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: 0 0;
}



.form_wrap {
  width: 850px; 
  margin: auto;
  margin-top: 30px;
}
@media screen and (min-width:451px){
.pc_none {display: none;}
}
@media screen and (max-width:450px){

.form_wrap.flex {
  flex-wrap: wrap;
  margin-top: 30px;
}
.form_wrap {
  width: 96%;
  margin: auto;

}
.form_box dt,dd {
  width: 100%;
}
.g_cal {
  width: 96%;
  margin: auto;
  font-size: 1.5em;
    color: #0071BC;
    font-weight: bold;
    text-align: center;
}

.g_cal h3 {
  margin: 40px 0;
}


.g_cal_box iframe,#calendar2 iframe {
  width: 100%;
  height: 330px;
}
.g_cal_box iframe,#calendar3 iframe {
  width: 100%;
  height: 330px;
}

.attention {
  margin-bottom: 30px;
}
.form_box dt {
  background: #F6F6F6;
}

.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
dd ul.flex {
  display: flex;
  justify-content: flex-start;
}
dd ul.flex li {
  margin-right: 10px;
}
input[type="text"],input[type="email"],input[type="tel"],textarea,select{
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding:5px;
}

input[type="date"] {
 width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding:2px; 
}

.contact_btn {
  margin: 50px 0 100px 0;
}


.contact_btn input[type="button"] {
  display: block;
  text-align: center;
  background: #0071BC;
  color: #fff;
  width: 200px;
  padding: 15px 0;
  margin: auto;
  justify-content: center;
  border: none;
}


.contact_btn li {
  display: inline-block;
}

.contact_btn li input[type="submit"],.contact_btn li input[type="button"] {
  color: #fff;
  border: none;
  font-size: 120%;
  font-weight: bold;
  padding: 15px 70px;
  cursor: pointer;
  background-color: #004891;
  -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
  -moz-box-shadow:0px 5px 0px rgb(0,71,158); -webkit-box-shadow:0px 5px 0px rgb(0,71,158); box-shadow:0px 5px 0px rgb(0,71,158);
}


}


@media screen and (min-width:451px){
.form_box dt {
  background: #F6F6F6;
}

.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
dd ul.flex {
  display: flex;
  justify-content: flex-start;
}
dd ul.flex li {
  margin-right: 10px;
}

.form_box {
  width: 580px;
}



input[type="text"],input[type="email"],input[type="tel"],textarea,select{
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding:5px;
}

input[type="date"] {
 width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding:2px; 
}

.contact_btn {
  margin: 50px 0 100px 0;
}


.contact_btn input[type="button"] {
  display: block;
  text-align: center;
  background: #0071BC;
  color: #fff;
  width: 200px;
  padding: 15px 0;
  margin: auto;
  justify-content: center;
  border: none;
}


.contact_btn li {
  display: inline-block;
}

.contact_btn li input[type="submit"],.contact_btn li input[type="button"] {
  color: #fff;
  border: none;
  font-size: 120%;
  font-weight: bold;
  padding: 15px 70px;
  cursor: pointer;
  background-color: #004891;
  -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
  -moz-box-shadow:0px 5px 0px rgb(0,71,158); -webkit-box-shadow:0px 5px 0px rgb(0,71,158); box-shadow:0px 5px 0px rgb(0,71,158);
}


.g_cal {
  width: 250px;
}


.g_cal {
  font-size: 1.5em;
    color: #0071BC;
    font-weight: bold;
    text-align: center;
}


.g_cal_box iframe,#calendar2 iframe {
  width: 100%;
  height: 250px;
}

.g_cal_box iframe,#calendar3 iframe {
  width: 100%;
  height: 250px;
}

}