@charset "UTF-8";
/*Reset Style*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

*:focus {
  outline: none;
}
a,summary {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
}


body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  position: relative;
}

h1, h2, h3, h4, h5, h6 {
  /*	clear: both;*/
  font-weight: normal;
}

/*ol, */
ul {
  list-style: none;
}

blockquote {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

a img {
  border: none;
}

* {
  box-sizing: border-box;
}

/*  clearfix  */
.clearfix:after {
  content: ".";
  /* 新しい要素を作る */
  display: block;
  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*/
  /*/
	height: auto;
	overflow: hidden;
	/**/
}

body {
  background: none;
  color: #343426;
  font-family: 'Noto Sans JP','Noto Serif JP', sans-serif;
  color: #290809;

}

img {
  max-width: 100%;
}

p {
  font-size: 14px;
  line-height: 1.8;
}
a[href^="tel:"] {
	color:#fff;
	text-decoration: none;
	pointer-events: none;
}


header {
    width: 100%;
    position: fixed;
    z-index: 11;
    background: #fff;
    top: 0;
}

  header .inner {
      max-width: 1340px;
      margin: auto;
      padding: 0 0 0 0;
      width: 100%;
      overflow: hidden;
      position: relative;
  }
  header .inner .logo {
    margin: 15px 0 15px 15px;
    max-width: 249px;
    float: left;
  }
  header .inner .logo + ul {
      float: right;
      margin: 15px 0;
  }
header .inner .logo + ul li{
  float: left;
  max-width:230px;
  width: 49%;
}
header .inner .logo + ul li + li {
    margin: 0 0 0 2%;
}


	nav{
	    position: relative;
      background:#D54545;
	}

nav ul {
     display: -webkit-flex;
	 display: flex;
	 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	 align-items: center; /* 縦方向中央揃え */
	 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	 justify-content: center; /* 横方向中央揃え */
    max-width: 1180px;
	margin: 0 auto;
        padding: 0px 0px 0;
	position: relative;

  }
  nav ul li {
    line-height: 16px;
	color: #fff;
	    width: 20%;
	padding: 0;
	text-align: center;

    height: 60px;

	}
  nav ul li + li{
	border-left: none;

	}
  nav ul li + li a{
	}
  nav ul li:hover {
	}
  nav ul li a, nav ul li span {
      text-decoration: none;
      font-size: 14px;
      color: #fff;
      font-weight: bold;
      width: 100%;
      display: block;
  }
  nav ul li a, nav ul li span {

  }


	nav ul li a{
      padding: 22px 0;
	}

  nav ul li:nth-of-type(1) a{
    background:url(../img/nav01.png)no-repeat 10% 50%;
    background-size: 25px auto;
	}
  nav ul li:nth-of-type(2) a{
    background:url(../img/nav02.png)no-repeat 10% 50%;
    background-size: 25px auto;
  }
  nav ul li:nth-of-type(3) a{
    background:url(../img/nav03.png)no-repeat 10% 50%;
	   background-size: 25px auto;
  }
  nav ul li:nth-of-type(4) a{
    background:url(../img/nav04.png)no-repeat 10% 50%;
	   background-size: 25px auto;
  }
  nav ul li:nth-of-type(5) a{
    background:url(../img/nav05.png)no-repeat 10% 50%;
	  background-size: 25px auto;
  }



  nav ul li a:hover {

  }


#breadcrumb{
	padding: 0px 0;
	background:#333333;
	color:#fff;
}
#breadcrumb p{
    margin: 2px auto 0;
}

#breadcrumb p a{
	color:#fff;
	text-decoration: none;
	vertical-align: top;
}

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


@media (max-width: 768px) {





}
/*------------------------------------------------------------*/




#mainvisual {
    z-index: 3;
    position: relative;
    margin-top: 78.98px;
}
#mainvisual img{
  width:100%;
}

section {
    padding: 0;
	clear:both;
	overflow: hidden;
	position: relative;
}

section .inner{
	max-width:1180px;
	margin:0 auto;
}




section h2{
	text-align: center;
	margin: 0px auto 50px;
}


#footer{
	padding: 50px 0 0;

}
#footer .inner{
	max-width: 1000px;
	overflow: hidden;
    margin-bottom: 50px;
}
#footer .f_list{

}

#footer .f_list:nth-of-type(2){
    width: 24%;
	margin-left: 2%;
}
#footer .f_list:nth-of-type(3){
    width: 23%;
	margin-left: 2%;
}
#footer .f_list:nth-of-type(4){
    width: 24%;
	margin-left: 2%;
}

#footer .f_list li a{
  margin-bottom: 15px;
  font-size: 15px;
  color:#000;
}

#footer .f_list li{
	margin-bottom:10px;
}
#footer .f_list li li{
	margin-bottom:0;
}
#footer .f_list li li a{
	border-left: none;
	font-size:14px;
	background: url(../img/icon_ft.png)no-repeat left 6px;
    padding-left: 15px;
}
#footer .f_list li li li{
	margin-bottom:0;
}
#footer .f_list li li li a{
	border-left: none;
	font-size:14px;
	background: none;
    padding-left: 0;
}

#footer .ft_logo{
	background: #fff;
	overflow: hidden;
	padding:30px 0;
}
#footer .ft_logo .inner{
	margin-bottom: 0;
}
#footer .ft_logo img {
    max-width: 249px;
    display: block;
    margin: 0 auto;
}
#footer .ft_logo p{
	float:left;
	width:74.8%;
	padding-left:3%;
	font-size:14px;
}




#footer ul a{
	color:#fff;
	text-decoration: none;
}
#footer ul{
	margin: 0 auto 15px;
	color: #fff;
  display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0px 0px 0;
    position: relative;
}
#footer ul span{
	border-left:3px solid #65B822;
	padding-left:10px;
}

#footer ul ul{
	font-size:14px;
    margin-left: 15px;
}

#footer ul:nth-of-type(2n){

}
.copyright{
	clear: both;
	color:#fff;
	background:#333333;
	padding: 10px 0;
	text-align: center;
}
.copyright .inner{
	max-width:1000px;
	position:relative;
}
.copyright .inner ul{
	position:absolute;
	right: 80px;
    top: 0;
}
.copyright .inner ul li{
	float:left;
    margin-left: 10px;
}
.copyright p{
	margin:0;
}
.list {
    position: absolute;
    right: 0px;
    height: 93%;
    top: 0;
    z-index: 999999999;
}
.sticky{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.sticky li + li{
    margin-top:10px;
}

.slick-prev, .slick-next {
  width: 40px !important;
  height: 90px !important;
}

.slick-prev:before, .slick-next:before {
  display: none;
}

.slick-prev {
  z-index: 1;
}

.slick-next {
  z-index: 1;
}



#banner .inner {
	margin: 0 auto;
	overflow: hidden;
}
#banner ul li {
	float:left;
	width:32%;
	width:48%;
	text-align: center;
}
#banner ul li + li {
	margin-left:2%;
}
#banner ul li span{
	margin:20px auto;
	display: block;
	font-size: 14px;
}


@media (max-width: 1180px){
section .inner {
  padding:0 1%;
}

}
@media (max-width: 1519px) and (min-width: 769px) {

	nav ul li.annivarsery{
		display: none;
}
	#mainvisual p.annivarsery{
		position: absolute;
		top: inherit;
		left: inherit;
		z-index: 999999;
		bottom: -29%;
		right: 0;
		width: 30%;
		display: block;
}
}
@media (max-width: 1260px) and (min-width: 769px) {
	header .inner .logo {
		margin: 25px 0 0 10px;
		width: 59%;
	}

	header .inner .tel {
		width: 33%;
	}

}
@media (max-width: 1153px) and (min-width: 769px) {
	nav ul{
	}

}
@media (max-width: 1024px) and (min-width: 769px) {
	header .inner .logo {
		margin: 25px 0 0 10px;
		width: 59%;
	}

	header .inner .tel {
		width: 33%;
	}

}

@media (max-width: 1100px) {
  .list {
    display: none;
  }
}




@media (min-width: 1001px) {
  #pagetop {
    position: fixed;
    right: 0px;
    bottom: 0;
    z-index: 999999999999;
  }
  .sp {
    display: none!important;
  }
  .pc {
    display: inherit!important;
  }
}

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

  #pagetop {
    position: fixed;
	right: 0;
    bottom: 0;
	}
  .sp {
    display: none!important;
  }
  .pc {
    display: inherit!important;
  }



}

@media (max-width: 768px) {

a[href^="tel:"] {
	color:#fff;
	text-decoration: none;
	pointer-events: inherit;
}


  .sp {
    display: inherit!important;
  }
  .pc {
    display: none!important;
  }
  html {
    height: 100%;
  }
  .ovfw {
    height: 100%;
  }
  nav {
    z-index: 9;
  }
nav ul {
    display: inherit ;
    justify-content: space-between;
    align-items: center;
}
nav ul li a:hover {
    border-bottom: none;
    margin-bottom: 0;
}

nav ul li {
	padding: 0;
  }
  nav ul li:first-child {
  }
  nav ul li:last-child {
  }
  nav ul li a, nav ul li span {
	}
  nav ul li span {
  }
  nav ul li span.open {
  }
  nav ul ul.childnavi {
  }
  nav ul ul.childnavi li a {
  }
  nav ul.sp {
  }
  nav ul.sp li {
  }
  nav ul.sp li:first-child {
  }
  nav ul.sp li:first-child a {
  }
  nav ul.sp li a {
  }

  #pagetop {
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 9999999999;
}
section h2 {
    margin: 0px auto 3%;
}

#footer {
    padding: 0;
}
#footer .inner {
    margin-bottom: 0;
}

#footer ul {
    margin: 0;
}
#footer ul.sp_nav_f{
    overflow: hidden;
	}
#footer ul.sp_nav_f li {
float: left;
    padding: 6% 3%;
    margin: 0;
    width: 50%;
    border-top: 1px solid #595959;
    border-bottom: 1px solid #595959;
    text-align: left;
	}
#footer ul.sp_nav_f li:nth-of-type(2n){
	border-left:1px solid #595959;
	}

#footer ul.sp_nav_f li:nth-of-type(3),
#footer ul.sp_nav_f li:nth-of-type(4),
#footer ul.sp_nav_f li:nth-of-type(5),
#footer ul.sp_nav_f li:nth-of-type(6),
#footer ul.sp_nav_f li:nth-of-type(7),
#footer ul.sp_nav_f li:nth-of-type(8){
    border-top: none;
    border-bottom: 1px solid #595959;

}
#footer ul a {
    text-decoration: none;
}
#footer ul span {
    border-left: none;
    padding-left: 0;
    font-size: 11px;
}

#footer .sp_nav p{
		clear: both;
		text-align: center;
	}


#footer .ft_logo img {
    float: none;
    width: 100%;
	max-width:222px;
	display: block;
	margin:0 auto 15px;
}
#footer .ft_logo p {
    float: none;
    width: 95%;
    padding-left: 0;
	margin:0 auto;
}


#footer .sp_nav .list ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.copyright p {
    text-align: center;
}


#banner {
	padding: 30px 0;

}
#banner ul li {
    float: none;
	max-width:320px;
    width: 100%;
    margin:10px auto 20px;


}

#banner ul li + li {
    margin:10px auto 20px;
}
}


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

.side_list {
    /*position: absolute;
    left: 0px;
    height: 93%;
    top: 0;
    z-index: 999999999;*/
}

.sidebar {
	width: 100%;
    padding: 0;
    overflow: hidden;
	position:relative;
	z-index: 9;
}
.sidebar .inner {
    max-width: 300px;
    margin: auto;
}
.sidebar .sidenav {
    width: 260px;
    box-sizing: border-box;
}

.sidebar .sidenav ul{
    background:#333333;
	padding:10px 0 10px 10px
}
.sidebar .sidenav ul + ul{
	border-top:1px solid #fff;
}
.sidebar .sidenav ul:nth-of-type(2n){
    background:#444444;
}
.sidebar .sidenav ul li{
    color:#fff;
	font-size:16px;
	margin:10px auto 0;
    background:url("../img/side_icon.png") no-repeat left 1px;
    padding: 0 15px 0 25px;
	line-height: 1.3;
}
.sidebar .sidenav ul li.title{
    color:#fff;
	font-size:20px;
	font-weight:bold;
	border-bottom:1px solid #fff;
	padding:0 0 5px;
    background:none;
	margin:0 auto 0;


}

.sidebar .sidenav ul a{
	color:#fff;
	font-size:16px;
	text-decoration: none;
}

.sidebar .ul_open_h {
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    position: fixed;
}
.sidebar .sidenav .navOpen {
    width: 34px;
    height: 100px;
    background: url("../img/sidemenu_open.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 260px;
}
.sidebar .sidenav .navOpen.on {
    background: url(../img/sidemenu_close.png) no-repeat;
    background-size: cover;
}

.sidebar .sideopen {
	left: -240px;
	top: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.sidebar .sideopen.active {
    left: 0;
}



@media (max-width: 768px) {
.sidebar {
	display:none;
}
header {
    height: 60px;
    position: fixed;
    top: 0;
}
header .inner .logo {
    width: 45%;
}
header .inner .logo + ul {
    /* float: right; */
    margin: 0;
    position: relative;
    top: 0;
    right:60px;
    z-index: 9999999999999999;
    height: 60px;
    width: 120px;
}

header .inner .logo + ul li {
    float: left;
    max-width: 60px;
    width: 100%;
    z-index: 9999999;
    position: absolute;
    top: 0;
    left: 0;
  }
header .inner .logo + ul li + li {
    margin: 0 0 0 0%;
    top: 0;
    left: 60px;
}

section .inner{
  width:95%;
}



#mainvisual {
    z-index: 0;
    position: relative;
    margin-top: 60px;
}


#footer .f_list li {
    margin-bottom: 0px;
    text-align: center;
}
#footer ul {
    display: -webkit-block;
    display: block;
  }
  #footer .f_list li a {
      margin-bottom: 0px;
      font-size: 15px;
      color: #000;
      padding: 15px 0 15px;
      display: block;
      margin: 0;
  }

  nav.sp ul li {
      width: 95%;
      text-align: left;
      margin: 0 auto;
  }
  nav.sp ul li + li{
    border-top:1px solid #fff;
}
  nav.sp ul li a {
      padding: 22px 0 22px 45px;
  }
nav ul li:nth-of-type(1) a,
nav ul li:nth-of-type(2) a,
nav ul li:nth-of-type(3) a,
nav ul li:nth-of-type(4) a,
nav ul li:nth-of-type(5) a{
  background-position:10px 50%;
}

.mean-bar + .mean-bar{
  display: none;
}


}
#copyright {
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 11px;
    font-weight: 200;
    padding: 20px;
}
#form{
  font-family: 'Noto Sans JP','Noto Serif JP', sans-serif;
}

#form h1{
  font-size:35px;
  text-align: center;
  margin:0 auto 50px;
  padding: 100px 0 0;
}
#mailform h2 {
    max-width: 534px;
    margin: 20px auto 100px;
}
.mailform th{
  line-height:1.5;
  overflow: hidden;
  position:relative;
  padding: 35px 40px 35px 20px !important;
}

.mailform th .cap{
  font-size:14px;
}

.mailform th .layout {
    padding: 0 40px 0px 0;
    display: block;
}
.must {
    display: block;
    background-color: #E64545;
    padding: 5px 7px;
    font-size: 10px;
    color: #FFF;
    float: right;
    margin: 0px 5px;
    border-radius: 0px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
}

.mailform td{
  overflow: hidden;
}


div.mfp_buttons button#mfp_button_cancel {
    background: #FFAC00;
    color: #fff;
    padding: 13px 0px;
    font-size: 0;
    max-width: 230px;
    width: 48%;
    background: url(../../contact/img/btn_back.png) no-repeat;
    background-size: 100%;
    height: 50px;
    float: left;

}
div.mfp_buttons button#mfp_button_send {
    background: #E05D5D;
    color: #fff;
    padding: 13px 0px;
    font-size: 0;
    max-width: 230px;
    width: 48%;
    background: url(../../contact/img/btn_submit2.png) no-repeat;
    background-size: 100%;
    height: 50px;
    float: right;
}

.mfp_element_button:hover{
  box-shadow: inherit !important;
}




tr.date .datetime-wrap{
  float:left;
}
tr.date .select-wrap{
  float:left;
  margin: 0 0 0 20px;
}
tr.date .mfp_element_text{
  width: 350px!important;
}

tr.date .mfp_element_date {
    width: 350px!important;
}


tr.date .mfp_element_text + img{
  display: inline-block;
  margin: 0 0 0 10px;
}
tr.date .mfp_element_date + img{
  display: inline-block;
  margin: 0 0 0 10px;
}
tr.date .mfp_element_select-one {
    max-width: 240px;
    font-size: 14px;
    color: #000;
}
form#mailformpro tr.date label{
  display: none;

}
form#mailformpro tr.date th,form#mailformpro tr.date td,
form#mailformpro tr.date + tr.date th,
form#mailformpro tr.date + tr.date td{
  border-top: none;
}

@media (min-width: 768px){
form#mailformpro tr.date td,form#mailformpro tr.date th{
	padding: 25px 40px 15px 20px !important;
}
	form#mailformpro tr.date:nth-child(3) + tr.date td{
	margin: 0;
	padding: 0px 0px 0px 20px;
	position: relative;
	top: -1.0em;
}
	form#mailformpro tr.date:nth-child(3) + tr.date td p{
	margin: 0 0 2em 0;
	/* padding: 0; */
}

}


form#mailformpro tr.place label{
  width:50%;
  float:left;
  margin:0 auto 10px;
}


form#mailformpro tr.naiyou label{
  width:20%;
  float:left;
  margin:0 auto 10px;
}

form#mailformpro tr.naiyou .mfp_element_textarea{
  width:95% !important;
  max-width:650px !important;
  height:100px !important;
}

form#mailformpro tr.naiyou + tr.naiyou th,
form#mailformpro tr.naiyou + tr.naiyou td{
  border-top: none;
  padding: 0px 20px 35px;
}
form#mailformpro tr.naiyou + tr.naiyou th{
  padding: 0px 20px 35px !important;

}
form#mailformpro tr.onamae th,
form#mailformpro tr.onamae td {
  padding: 20px 0px 20px 20px !important;

}
form#mailformpro tr.onamae div.mfp_rows div {
    float: left;
    width: 48%;
}
form#mailformpro tr.onamae div.mfp_rows div + div{
  margin-left:2%;
}

form#mailformpro tr.hurigana th,
form#mailformpro tr.hurigana td {
  border-top: none;
  padding: 20px 0px 20px 20px !important;

}

form#mailformpro tr.hurigana div.mfp_rows div {
    float: left;
    width: 48%;
}
form#mailformpro tr.hurigana div.mfp_rows div + div{
  margin-left:2%;
}

form#mailformpro tr.yubin th,
form#mailformpro tr.yubin td {
  border-top: none;
  padding: 20px 0px 20px 20px !important;

}

form#mailformpro tr.yubin .mfp_element_text{
      width: 150px!important;
}


form#mailformpro tr.todouhuken th,
form#mailformpro tr.todouhuken td {
  border-top: none;
  padding: 20px 0px 20px 20px !important;

}


form#mailformpro tr.todouhuken .mfp_element_select-one{
  width:214px!important;
}
form#mailformpro tr.shityouson th,
form#mailformpro tr.shityouson td {
  border-top: none;
  padding: 20px 0px 20px 20px !important;
}

form#mailformpro tr.other1 th,
form#mailformpro tr.other1 td {
  border-top: none;
  padding: 20px 0px 20px 20px !important;
}
form#mailformpro tr.other2 th,
form#mailformpro tr.other2 td {
  border-top: none;
  padding: 20px 0px 20px 20px !important;

}
form#mailformpro tr.tel th,
form#mailformpro tr.tel td {
  border-top: none;
  padding: 20px 0px 20px 20px !important;

}
form#mailformpro tr.mail th,
form#mailformpro tr.mail td {
  border-top: none;
  padding: 20px 0px 20px 20px !important;
}
form#mailformpro tr.text th,
form#mailformpro tr.text td {
  border-top: none;
  padding: 0px 0px 20px 20px !important;
}
form#mailformpro tr.text th p,
form#mailformpro tr.text td p{
    padding: 0;
    margin: 0;
}

form#mailformpro tr.old th,
form#mailformpro tr.old td {
  border-top: none;
  padding: 20px 0px 20px 20px !important;

}
form#mailformpro tr.ninzu th,
form#mailformpro tr.ninzu td {
  padding: 20px 0px 20px 20px !important;

}
form#mailformpro tr.kaiin th,
form#mailformpro tr.kaiin td {
  border-top: none;
  padding: 20px 0px 20px 20px !important;

}

form#mailformpro tr.kikkake th,
form#mailformpro tr.kikkake td {
  border-top: none;
  padding: 20px 0px 20px 20px !important;

}

form#mailformpro tr.tokyu th,
form#mailformpro tr.tokyu td {
  border-top: none;
  padding: 20px 0px 20px 20px !important;

}

form#mailformpro tr.iken th,
form#mailformpro tr.iken td {
  border-top: none;
  padding: 20px 0px 20px 20px !important;

}













form#mailformpro tr.tel input,form#mailformpro tr.old input{
  max-width: 75px;
}


form#mailformpro tr.old .mfp_element_tel{
  max-width: 85px;
}

form#mailformpro tr.ninzu .mfp_element_select-one{
  max-width: 214px;
}


form#mailformpro tr.kaiin label {
    width: 50%;
    float: left;
    margin: 0 auto 10px;
}



form#mailformpro tr.kikkake label{
  width: 50%;
  float: left;
  margin: 0 auto 10px;

}

form#mailformpro tr.kikkake .mfp_element_textarea {
    width: 95% !important;
    max-width: 650px !important;
    height: 100px !important;
}

form#mailformpro tr.kikkake + tr.kikkake th,
form#mailformpro tr.kikkake + tr.kikkake td {
    border-top: none;
    padding: 0px 20px 35px!important;
}

form#mailformpro tr.iken .mfp_element_textarea {
  width: 95% !important;
  max-width: 650px !important;
  height: 100px !important;
}


#form h3 {
    font-size: 18px;
    text-align: center;
    margin: 100px auto 0px;
}
#form h4 {
    font-size: 14px;
    text-align: center;
    margin: 30px auto 20px;
}

#form .kiyaku{
  height:300px;
  width:95%;
  max-width:570px;
  overflow-y:scroll;
  margin:0 auto 50px;;

}
#form .kiyaku + p{
  font-size:14px;
  text-align: center;
}
#form .mfp_element_submit {
    max-width: 230px;
    margin: 10px auto 50px;
}

#form div.mfp_buttons {
    clear: both;
    padding: 10px 0px;
    text-align: center;
    margin: 0 auto 0;
    overflow: hidden;
    max-width: 480px;
}

#form .thanks_txt{
  font-size:16px;
  line-height: 2;
  text-align: center;
  margin:0 auto 30px;
}

#form .thanks_box {
    border: 1px solid #000;
    text-align: center;
    max-width: 917px;
    margin: 0 auto 100px;
    width: 95%;
    padding: 1% 2%;
}
#form .thanks_box .tit{
  font-size:22px;
  font-weight:bold;
}
#form .thanks_box .tel{
  font-size:16px;
}
#form .thanks_box .tel span {
    font-size: 24px;
    font-weight: bold;
    color: #D54545;
    vertical-align: -2px;
    margin-left: 40px;
}
#form .thanks_box div + div{
  margin:50px auto 0;
}
#form .thanks_box div + div span{
  margin-left: auto;

}

#form a[href^="tel:"] {
    color: #D54545;
}


@media (max-width: 906px) {

  tr.date .datetime-wrap {
      float: none;
      width: 100%;
  }
  tr.date .mfp_element_text {
      max-width: 350px!important;
      width: 70% !important;
  }
  tr.date .mfp_element_date {
      width: 350px!important;
      width: 70% !important;

  }

  tr.date .select-wrap {
      float: none;
      margin: 10px 0 0 0px;
  }




  form#mailformpro tr.place label {
      width: 100%;
      float: none;
  }
  form#mailformpro tr.naiyou label {
    width: 50%;
}
  form#mailformpro tr.kikkake label {
      width: 100%;
      float: none;
      margin: 0 auto 10px;
  }


}

@media (max-width: 768px) {

  #form h1 {
      font-size: 21px;
        margin: 0px auto 10px;
          line-height: 1.5;
  }

  #mailform h2 {
      max-width: 534px;
      margin: 10px auto 10px;
  }

  .mailform th {
    padding: 20px 40px 10px 0px !important;
  }

  tr.date .datetime-wrap {
      float: none;
      width: 100%;
  }
  tr.date .mfp_element_text {
      max-width: 350px!important;
      width: 70% !important;
      font-size:16px;
  }

  tr.date .select-wrap {
      float: none;
      margin: 10px 0 0 0px;
  }

form#mailformpro tr.date label{
  display: none;

}


form#mailformpro tr.place th{
      border-top: solid 1px #CCC;
}
form#mailformpro tr.place label {
    width: 100%;
    float: none;
}

form#mailformpro tr.naiyou label {
    width: 50%;
}


form#mailformpro tr.naiyou + tr.naiyou th,
form#mailformpro tr.naiyou + tr.naiyou td{
      padding: 0px 0px 5px !important;
}

form#mailformpro tr.onamae div.mfp_rows div {
    float: none;
    width: 100%;
}
form#mailformpro tr.onamae div.mfp_rows div + div {
    margin-left: 0%;
    margin: 10px auto 0;
}
form#mailformpro tr.hurigana div.mfp_rows div {
    float: none;
    width: 100%;
}

form#mailformpro tr.hurigana div.mfp_rows div + div {
    margin-left: 0%;
    margin: 10px auto 0;

}




form#mailformpro tr.todouhuken th, form#mailformpro tr.todouhuken td {
    padding: 0px 0px 0px 0px;
}


form#mailformpro tr.kaiin label {
    width: 100%;
    float: none;
    margin: 0 auto 10px;
}
form#mailformpro tr.kikkake label {
    width: 100%;
    float: none;
    margin: 0 auto 10px;
}

form#mailformpro label {
    font-size: 14px;
}


div.mfp_buttons button#mfp_button_send {
    padding: 13px 0px;
    width: 70%;
    margin: 0px auto;
    float: none;
    display: block;
}

div.mfp_buttons button#mfp_button_cancel {
    width: 70%;
    margin-left: auto;
        margin: 10px auto 40px auto;
    float: none;
    display: block;
}

#form .thanks_txt {
    font-size: 15px;
    text-align: left;
    margin: 0 auto 30px;
}

#form .thanks_box .tit {
    font-size: 20px;
}

#form .thanks_box .tel span {
    vertical-align: 0px;
    margin-left: 0px;
    display: block;
}
#form .thanks_box .txt {
  font-size:12px;
}
#form .thanks_box .txt + .txt {
  text-align:left;
}

#form .thanks_box {
    width: 95%;
    padding: 1% 10%;
}


#form a[href^="tel:"] {
    color: #D54545;
}

.mfp_element_select-one {
    max-width: 240px;
    font-size: 14px;
    color: #000;
}
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password{
  font-size:16px;
}

form#mailformpro tr.onamae th, form#mailformpro tr.onamae td {
    padding: 20px 0px 0px 0px !important;
}
form#mailformpro tr.onamae td {
   padding: 10px 0px 0px 0px !important;
}

form#mailformpro tr.hurigana th, form#mailformpro tr.hurigana td {
    border-top: none;
    padding: 20px 0px 0px 0px !important;
}
form#mailformpro tr.hurigana td {
  padding: 10px 0px 0px 0px !important;
}

form#mailformpro tr.yubin th, form#mailformpro tr.yubin td {
  padding: 20px 0px 0px 0px !important;
}

form#mailformpro tr.yubin td {
  padding: 10px 0px 0px 0px !important;
}

form#mailformpro tr.todouhuken th, form#mailformpro tr.todouhuken td {
  padding: 20px 0px 0px 0px !important;
}

form#mailformpro tr.todouhuken td {
  padding: 10px 0px 0px 0px !important;
}

form#mailformpro tr.shityouson th, form#mailformpro tr.shityouson td {
    border-top: none;
    padding: 20px 0px 0px 0px !important;
}

form#mailformpro tr.shityouson td {
  padding: 10px 0px 0px 0px !important;
}

form#mailformpro tr.other1 th, form#mailformpro tr.other1 td {
    border-top: none;
    padding: 20px 0px 0px 0px !important;
}
form#mailformpro tr.other1 td {
  padding: 10px 0px 0px 0px !important;
}

form#mailformpro tr.other2 th, form#mailformpro tr.other2 td {
    border-top: none;
    padding: 20px 0px 0px 0px !important;
}
form#mailformpro tr.other2 td {
  padding: 10px 0px 0px 0px !important;
}

form#mailformpro tr.tel th, form#mailformpro tr.tel td {
    border-top: none;
    padding: 20px 0px 0px 0px !important;
}
form#mailformpro tr.tel td {
  padding: 10px 0px 0px 0px !important;
}


form#mailformpro tr.mail th, form#mailformpro tr.mail td {
    border-top: none;
    padding: 20px 0px 0px 0px !important;
}
form#mailformpro tr.mail td {
  padding: 10px 0px 0px 0px !important;
}

form#mailformpro tr.old th, form#mailformpro tr.old td {
    border-top: none;
    padding: 20px 0px 0px 0px !important;
}
form#mailformpro tr.old td {
  padding: 10px 0px 0px 0px !important;
}

form#mailformpro tr.ninzu th, form#mailformpro tr.ninzu td {
  padding: 20px 0px 0px 0px !important;
}
form#mailformpro tr.ninzu td {
  padding: 10px 0px 0px 0px !important;
}

form#mailformpro tr.kaiin th, form#mailformpro tr.kaiin td {
    border-top: none;
    padding: 20px 0px 0px 0px !important;
}
form#mailformpro tr.kaiin td {
  padding: 10px 0px 0px 0px !important;
}

form#mailformpro tr.kikkake th, form#mailformpro tr.kikkake td {
    border-top: none;
    padding: 20px 0px 0px 0px !important;
}
form#mailformpro tr.kikkake td {
  padding: 10px 0px 0px 0px !important;
}
form#mailformpro tr.kikkake + tr.kikkake th, form#mailformpro tr.kikkake + tr.kikkake td {
    border-top: none;
    padding: 20px 0px 0px 0px !important;
}
form#mailformpro tr.kikkake + tr.kikkake td {
  padding: 10px 0px 0px 0px !important;
}

form#mailformpro tr.tokyu th, form#mailformpro tr.tokyu td {
    border-top: none;
    padding: 20px 0px 0px 0px !important;
}
form#mailformpro tr.tokyu td {
  padding: 10px 0px 0px 0px !important;
}

form#mailformpro tr.iken th, form#mailformpro tr.iken td {
    border-top: none;
    padding: 20px 0px 0px 0px !important;
}
form#mailformpro tr.iken td {
  padding: 10px 0px 0px 0px !important;
}






}


.ui-widget.ui-widget-content {
  /*  position: fixed !important;*/
}

























/**/

.yubin .mfp .problem,.other1 .mfp .problem,.shityouson .mfp .problem,.todouhuken .mfp .problem{
	box-shadow: 0px 0px 6px #ef1f1f;
}


.yubin #errormsg_zip31,.yubin #errormsg_zip32,.other1 .mfp .mfp_err,.shityouson .mfp .mfp_err,.todouhuken .mfp .mfp_err{
display:none!important;
}

.tyui{
font-size:0.8em;
}
.kojin{
	background-color: #FFF9DE;
	padding: 2em 0;
}
.kojin .inner{
	max-width:768px;
	line-height: 1.8em;
	text-align: center;
}
.kojin .inner a{
	color: #0132D6;
	/* display: block; */
	/* margin: 0 auto; */
}
.kojin .inner p{margin: 0;padding: 0;position: relative;left: -6px;text-align: center;}

.kojin .inner p .mfp_element_checkbox{
	margin: 0px 8px 0 0;
}
.kojin .inner a:after{
	content: " ";
	display: inline-block;
	height: 1.3em;
	width: 1.2em;
	background-image: url(../img/kojin.png);
	position: relative;
	left: 0.5em;
	top: 0.2em;
	background-size: cover;
}


#form #copyright {
	color: #FFF;
	background-color: #D54545;
}

@media (max-width: 768px){
	form#mailformpro tr.yubin .mfp_element_text {
	    width: 140px!important;
	}
	tr.date .mfp_element_select-one {
    max-width: 200px;
	}
	form#mailformpro tr.date:nth-child(4) th{
		display:none;
}
		form#mailformpro tr.date:nth-child(4) td p{
		margin: 0;
}
	form#mailformpro tr.text th,form#mailformpro tr.text td {
  border-top: none;
  padding: 5px 0px!important;
  margin: 0;
 }
	form#mailformpro tr.text th p,form#mailformpro tr.text td p{
    padding: 0;
    margin: 0;
    font-size: 1.0em;
 }
	form#mailformpro tr.text th{
		display:none;
	}
	.kojin .inner {
    font-size: 0.9em;
    text-align: left;
}
	.kojin .inner a{
	color: #0132D6;
	display: table;
	margin: 0 auto;
	text-align: center;
}
	
	
}