/*
Theme Name: AVANTIAリニューアル
Theme URI: 
Author: CHUKYO
Author URI: 
Description: 
Version: 2.0
License: 
License URI: 

*/
@charset "UTF-8";
/* css mouse animation用 
---------------------------------------------------------- */
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index:100000000000;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}
.tansion{
	transition: 1.0s;
	transition-delay:0.0s;
	-webkit-transition: 1.0s;
	-webkit-transition-delay: 0.0s;
}
.animouse{
	display:inline-block;
	position:relative;
}
.animouse a {
	padding: 10px;
	font-weight: 700;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	text-decoration:none;
	background-color: #ffffffb3;
	padding: 12px;
	color:#c2c2c2;
}

.animouse a::before,
.animouse a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #000;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.animouse a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.animouse a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}
.animouse a:hover,
.animouse a:focus {
	color: #000;
}

.animouse a:hover::before,
.animouse a:focus::before,
.animouse a:hover::after,
.animouse a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
.animouse02 a {
	position:relative;
}
.animouse02 .img_mask{
	overflow:hidden;
}

.animouse02 a::before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #000;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, height 0.3s;
	-moz-transition: opacity 0.3s, height 0.3s;
	transition: opacity 0.3s, height 0.3s;
	z-index:3;
}


.animouse02 a div.over {
	z-index: 3;
	display: block;
	font-weight:normal;
	position:absolute;
	left:5%;
	opacity:0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}
.animouse02 .about_box_r a div.over{
	left:auto;
	right:5%;
}
.animouse02 a div.over h4{
	border-bottom: 1px solid #fff;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 120%;
}
.animouse02 a div.over p{
	font-size: 160%;
	line-height: 120%;
}

.animouse02 a:hover div.over{
	opacity: 1;
	-webkit-transform: translateY(-180%);
	-moz-transform: translateY(-180%);
	transform: translateY(-180%);
}
.animouse02 a:hover div.over.row1{
	opacity: 1;
	-webkit-transform: translateY(-210%);
	-moz-transform: translateY(-210%);
	transform: translateY(-210%);
}
.animouse02 a:hover::before,
.animouse02 a:focus::before {
	height: 100%;
}

.animouse02 a:hover::before,
.animouse02 a:focus::before
{
	opacity: 0.9;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.animouse02 a .img {
	transition:0.3s;
}
.animouse02 a:hover .img {
	transform: scale(1.3);
}
.btn01{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	display: inline-block;
    position: relative;
    text-decoration: none;
    color: #fff;
    width: 300px;
    height: 70px;
    text-align: center;
    background: #f7f7f7;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08);
}
.btn01 .fa {/*ボタン自体*/
    position: absolute;
    content: '';
    width: 280px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle; 
    left: 10px;
    top: 10px;
    font-size: 20px;
	font-style:normal;
    background-image: -webkit-linear-gradient(#7f351a 0%, #682b15 100%);
    background-image: linear-gradient(#7f351a 0%, #682b15 100%);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
    border-bottom: solid 2px #b5b5b5;
  }
  
.btn01 .fa:active{
    background-image: -webkit-linear-gradient(#efefef 0%, #d6d6d6 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
    border-bottom: solid 2px #d8d8d8;
}

/* BUTTON 4 */
.btn02{
  display: inline-block;
  padding: 20px 50px;
  margin: 20px 0;
  position: relative;
  color: #007698;
  text-decoration:none;
  cursor:pointer;
}
.btn02:visited{
	color:#007698;
}
.btn02{
  border: 2px solid #007698;
  color: #007698;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn02:before, .btn02:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  top: 50%;
  z-index: -1;
  background-color: #007698;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn02:after{
  top: auto;
  bottom: 50%;
}

.btn02:hover{
  color: #ecf0f1;
}

.btn02:hover:before{
  height: 50%;
}

.btn02:hover:after{
  height: 50%;
}

.btn03{
  position: relative;
  display:inline-block;
  text-decoration:none;
  border-radius: 4px;
  color: #fff;
  line-height: 70px;
  font-size:16px;
  padding:0 5%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0px 1px 0px #666;
  width:90%;
  color:#fff !important;
  cursor:pointer;
}
.btn03:visited{
	color:#fff;
}
.btn03,
.btn03:hover {
  border-bottom: 4px solid #194561;
  background-color: #0d617c;
  background-image: -webkit-linear-gradient(top, #107698, #0d617c);
  background-image: linear-gradient(to bottom, #107698, #0d617c);
  box-shadow: inset 1px 1px 0 #194561;
}
.btn03::before,
.btn03::after {
  bottom: -1px;
  left: -1px;
  width: 200px;
  height: 50px;
  border: 1px solid #ee8090;
  border-bottom: 1px solid #b84d5a;
  border-radius: 4px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: none;
  transition: none;
}
.btn03::before {
  height: 48px;
  bottom: -4px;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 1px 0px #bfbfbf;
}
.btn03:hover {
  background: #20667d;
  background-image: -webkit-linear-gradient(top, #257b97, #20667d);
  background-image: linear-gradient(to bottom, #257b97, #20667d);
  text-shadow: 0px 1px 0px #f9a0ad;
}
.btn03:active {
  bottom: -4px;
  margin-bottom: 4px;
  border: none;
  box-shadow: 1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, .3);
}
.btn03:active::before,
.btn03:active::after {
  border: none;
  box-shadow: none;
}

.btn04{
  position: relative;
  display:inline-block;
  text-decoration:none;
  border-radius: 4px;
  color: #fff;
  line-height: 70px;
  font-size:16px;
  padding:0 5%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0px 1px 0px #666;
  width:90%;
  color:#fff !important;
  cursor:pointer;
}
.btn04:visited{
	color:#fff;
}
.btn04,
.btn04:hover {
  border-bottom: 4px solid #08321d;
  background-color: #0f4f30;
  background-image: -webkit-linear-gradient(top, #13613a, #0f4f30);
  background-image: linear-gradient(to bottom, #13613a, #0f4f30);
  box-shadow: inset 1px 1px 0 #194561;
}
.btn04::before,
.btn04::after {
  bottom: -1px;
  left: -1px;
  width: 200px;
  height: 50px;
  border: 1px solid #ee8090;
  border-bottom: 1px solid #b84d5a;
  border-radius: 4px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: none;
  transition: none;
}
.btn04::before {
  height: 48px;
  bottom: -4px;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 1px 0px #bfbfbf;
}
.btn04:hover {
  background: #294e3c;
  background-image: -webkit-linear-gradient(top, #36624c, #294e3c);
  background-image: linear-gradient(to bottom, #36624c, #294e3c);
  text-shadow: 0px 1px 0px #f9a0ad;
}
.btn04:active {
  bottom: -4px;
  margin-bottom: 4px;
  border: none;
  box-shadow: 1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, .3);
}
.btn04:active::before,
.btn04:active::after {
  border: none;
  box-shadow: none;
}
.btn05{
  position: relative;
  display:inline-block;
  text-decoration:none;
  border-radius: 4px;
  color: #fff;
  line-height: 70px;
  font-size:16px;
  padding:0 5%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0px 1px 0px #666;
  width:90%;
  text-align:center;
  color:#fff !important;
  cursor:pointer;
}
.btn05:visited{
	color:#fff;
}
.btn05,
.btn05:hover {
  border-bottom: 4px solid #530703;
  background-color: #692b15;
  background-image: -webkit-linear-gradient(top, #7e341a, #692b15);
  background-image: linear-gradient(to bottom, #7e341a, #692b15);
  box-shadow: inset 1px 1px 0 #530703;
}
.btn05::before,
.btn05::after {
  bottom: -1px;
  left: -1px;
  width: 200px;
  height: 50px;
  border: 1px solid #530703;
  border-bottom: 1px solid #530703;
  border-radius: 4px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: none;
  transition: none;
}
.btn05::before {
  height: 48px;
  bottom: -4px;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 1px 0px #530703;
}
.btn05:hover {
  background: #643321;
  background-image: -webkit-linear-gradient(top, #7e4530, #643321);
  background-image: linear-gradient(to bottom, #7e4530, #643321);
  text-shadow: 0px 1px 0px #530703;
}
.btn05:active {
  bottom: -4px;
  margin-bottom: 4px;
  border: none;
  box-shadow: 1px 1px 0 #530703, inset 0 1px 1px rgba(0, 0, 0, .3);
}
.btn05:active::before,
.btn05:active::after {
  border: none;
  box-shadow: none;
}

.btn06{
  position: relative;
  display:inline-block;
  text-decoration:none;
  border-radius: 4px;
  line-height: 70px;
  font-size:16px;
  padding:0 5%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0px 1px 0px #666;
  width:90%;
  color:#fff !important;
  cursor:pointer;
}
.btn06:visited{
	color:#fff;
}
.btn06,
.btn06:hover {
  border-bottom: 4px solid #30403e;
  background-color: #749995;
  background-image: -webkit-linear-gradient(top, #749995, #526d6a);
  background-image: linear-gradient(to bottom, #749995, #526d6a);
}
.btn06::before,
.btn06::after {
  bottom: -1px;
  left: -1px;
  width: 200px;
  height: 50px;
  border: 1px solid #749995;
  border-bottom: 1px solid #526d6a;
  border-radius: 4px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: none;
  transition: none;
}
.btn06::before {
  height: 48px;
  bottom: -4px;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 1px 0px #526d6a;
}
.btn06:hover {
  background: #20667d;
  background-image: -webkit-linear-gradient(top, #749995, #526d6a);
  background-image: linear-gradient(to bottom, #749995, #526d6a);
  text-shadow: 0px 1px 0px #526d6a;
}
.btn06:active {
  bottom: -4px;
  margin-bottom: 4px;
  border: none;
  box-shadow: 1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, .3);
}
.btn06:active::before,
.btn06:active::after {
  border: none;
  box-shadow: none;
}

.btn07 {
  display: inline-block;
  line-height: 35px;
  padding: 0 10px;
  font-size: 100%;
  position: relative;
  opacity: .999;
  border-radius: 3px;
  text-decoration:none;
  font-weight:bold;
  width:100%;
  box-sizing:border-box;
}
.btn07:link,.btn07:visited{
	color:#007698;
}
.btn07.blue:link,.btn07.blue:visited{
	color:#191f61;
}
.btn07,.btn-fill-horz:before, .btn-fill-horz:after {
  transition: all 0.3s;
}
.btn-fill-horz {
  background-color: #fff;
  border: 1px solid #007698;
  color: #007698;
}
.btn-fill-horz.blue {
  border: 1px solid #191f61;
  color: #191f61;
}
.btn-fill-horz:before, .btn-fill-horz:after {
  content: '';
  width: 0;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}
.btn-fill-horz:before {
  left: 50%;
}
.btn-fill-horz:after {
  right: 50%;
}
.btn-fill-horz:hover,.btn-fill-horz.blue:hover {
  color: #fff;
}
.btn-fill-horz:hover:before, .btn-fill-horz:hover:after {
  width: 50%;
  opacity: 1;
}

.btn-fill-horz:before, .btn-fill-horz:after {
  background-color: #007698;
}
.btn-fill-horz:hover {
  border-color: #007698;
}
.btn-fill-horz.blue:before, .btn-fill-horz.blue:after {
  background-color: #191f61;
}
.btn-fill-horz.blue:hover {
  border-color: #191f61;
}

/*　＋、×切り替え　*/
.accordion_icon {
	position:relative;
}
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon span {
	position: absolute;
    left: 2%;
    width: 2%;
	height: 5%;
    background-color: #fff;
	top:45%;
}
.accordion_icon span:nth-of-type(1) {
    transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
	
}
.accordion_icon.active span:nth-of-type(1) {
	top:45%;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.accordion_icon.active span:nth-of-type(2) {
	top:45%;
    transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
/*btnarea*/
.two_btn li{
	width:48%;
	display:block;
	text-align:center;
	margin:1%;
	float:left;
}
/*btnarea*/
.one_btn li{
	width:100%;
	display:inline-block;
	text-align:center;
}

/* css checkbox01 */
.checkbox01-input{
  display: none;
}
.checkbox01-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.page_register #regis_form table span.checkbox01-parts{
	color:#191f61;
	padding-left:23px;
}
.checkbox01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
}
.checkbox01-input:checked + .checkbox01-parts{
  color: #191f61;
}
.checkbox01-input:checked + .checkbox01-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #191f61;
  border-right: 3px solid #191f61;
}
/* ローディングの背景部分のCSS */
.loader{
  background:#fff;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:100000;
}
 
/* ローディングのアニメーション部分のCSS (https://projects.lukehaas.me/css-loaders/) */
.loader-animation,
.loader-animation:before,
.loader-animation:after {
  background:#E3E3E3;
  -webkit-animation:load1 1s infinite ease-in-out;
  animation:load1 1s infinite ease-in-out;
  width:1em;
  height:4em;
}
.loader-animation {
  height:10px;
  left:50%;
  margin:-5px 0 0 -5px;
  position:absolute;
  top:0%;
  width:10px;
  color:#ffffff;
  text-indent:-9999em;
  font-size:10px;
  -webkit-transform:translateZ(0);
  -ms-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-animation-delay:-0.16s;
  animation-delay:-0.16s;
}
.loader-animation:before,
.loader-animation:after {
  position:absolute;
  top:0;
  content:'';
}
.loader-animation:before {
  left:-1.5em;
  -webkit-animation-delay:-0.32s;
  animation-delay:-0.32s;
}
.loader-animation:after {
  left:1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow:0 0;
    height:4em;
  }
  40% {
    box-shadow:0 -2em;
    height:5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow:0 0;
    height:4em;
  }
  40% {
    box-shadow:0 -2em;
    height:5em;
  }
}
.info_change{
	padding:1%;
	text-align:center;
	color:#191f61 !important;
	margin:1% 0;
	font-size:160%;
}
/* css common 
---------------------------------------------------------- */
#wrapper {
	min-height:100%;
	margin:0px auto;
	position:relative;
}

#mainnav .topmenu, #footer_box, #copy_right p, #main_img, #main, .box, #topicPath ul{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.box2{
	width:100%;
	max-width:980px;
	margin:0 auto;
}
.box3{
	width:960px;
	min-width:960px;
	margin:0 auto;
}
.wrap01{
	width:630px;
	margin-left:auto;
	margin-right:auto;
}
.btn_area{
	padding:30px 0 0;
}
.btn_area02{
	width:60%;
	margin-left:auto;
	margin-right:auto;
	padding:30px 0 0;
}
/* header 
---------------------------------------------------------- */
#h_box{
	border-bottom: 1px solid #bfbfbf;
}
#header {
	background: #FFF;
}
#h_left {
	width: 185px;
	float: left;
	padding:10px;
	box-sizing:border-box;
}
#h_left2 {
	width: 140px;
	float: left;
	padding:10px 5px;
	box-sizing:border-box;
}

#h_right {
	float: right;
	width: 70%;
	text-align: right;
}
#header .btn_social{
	float: right;	
	padding-top: 6px;
	margin-right: 20px;
}
#header .btn_social li{
	display: inline-block;	
	margin-left: 2px;
	width:40px;
}

#header .btn_head{
	float: right;
}
#header .btn_head li{
	width: 130px;
	float: left;
	font-family: "Meiryo", "Tahoma", "Verdana", "Arial", "sans-serif";
	background: #749995;
	text-align: center;
}
#header .btn_head li a{
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 15px 0;
	height: 55px;
	box-sizing: border-box;
}
#header .btn_head li a span{
	background: url(common/images/common/ico_privacy.png) no-repeat left center;	
	padding-left: 22px;
}
#header .btn_head li a span.logout{
	background: url(common/images/common/ico_logout.png) no-repeat left center;	
}
#header .btn_head li:nth-child(2){ background-color: #bda47d; }
#header .btn_head li:nth-child(2) span{ background-image: url(common/images/common/ico_info.png); }

#header .btn_head li:nth-child(3){ background-color: #90928f; }
#header .btn_head li:nth-child(3) span{ background-image: url(common/images/common/ico_profile.png); }

/* mainnav 
---------------------------------------------------------- */
#mainnav .topmenu {

}
#mainnav .topmenu li{
	float:left;	
	text-align: center;
	width:20%;
}

/*#mainnav .topmenu li:nth-child(1).current{
	border-bottom: 3px solid #4d5357;
}
#mainnav .topmenu li:nth-child(2).current{
	border-bottom: 3px solid #191f61;
}
#mainnav .topmenu li:nth-child(3).current{
	border-bottom: 3px solid #007698;
}
#mainnav .topmenu li:nth-child(4).current{
	border-bottom: 3px solid #11623a;
}
#mainnav .topmenu li:nth-child(5).current{
	border-bottom: 3px solid #aa9e00;
}*/
#mainnav .topmenu li a{
	font-size: 100%;
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 1;
	cursor:pointer;
}
#mainnav .topmenu li a span.line-box{
	display: block;
	/*padding: 20px 63px;*/
	padding:5% 0;
	position: relative;
}

/*#mainnav .topmenu li:first-child a{ padding-left: 0; }

/*#mainnav .topmenu li:first-child a{ padding-left: 0; }
#mainnav .topmenu li:last-child a{ padding-right: 0; }*/
#mainnav .topmenu li a:hover{ color: #999; }


/* level2 */
#mainnav .topmenu  .mainnav_sub a,
#mainnav .topmenu  .mainnav_sub li{
	padding: 0;	
	margin: 0;
}
#mainnav .topmenu  .mainnav_sub a:hover{ color: inherit;}
#mainnav .mainnav_sub .container{ margin-bottom: 0;}
#mainnav .mainnav_sub{
	width: 100%;
	display:none;
	background: url(common/images/common/bg_main01.png) repeat-y center;
	position:absolute;
	z-index:9999;
	left: 0;
	 -webkit-box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.4);
    box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.4);
}
#mainnav .mainnav_sub.sub02{ background-image: url(common/images/common/bg_main02.png); }
#mainnav .mainnav_sub.sub03{ background-image: url(common/images/common/bg_main03.png); }
#mainnav .mainnav_sub.sub04{ background-image: url(common/images/common/bg_main04.png); }
#mainnav .mainnav_sub.sub05{ background-image: url(common/images/common/bg_main05.png); }
#mainnav .mainnav_sub.sub06{ background-image: url(common/images/common/bg_main06.png); }

#mainnav .mainnav_sub .img{
	width: 30%;
	box-sizing: border-box;
	padding-left: 4%;
}
#mainnav .mainnav_sub .msg{
	width: 67.5%;
	box-sizing: border-box;
	padding: 13px;
}
#mainnav .mainnav_sub .menu_img li{
	width: 23.5%;
	float: left;	
	margin-left: 2%;
	margin-bottom: 2%;
	font-size: 80%;
	text-align: left;
	min-height:165px;
}
#mainnav .mainnav_sub .menu_img li:nth-child(4n+1){
	margin-left: 0;	
}
#mainnav .mainnav_sub .menu_img .min_h{ min-height: 171px; }

#mainnav .mainnav_sub .menu_img li img{ margin-bottom: 10px; }

#mainnav .mainnav_sub .title_nav{
	font-size: 120%;
	letter-spacing: 3px;	
	color: #FFF;
	padding-top: 35px;
	line-height: 1.2;
}
#mainnav .mainnav_sub .title_nav em{
	display: block;
	width: 100px;
	height: 1px;
	background: #FFF;
	margin: 10px auto;
}
#mainnav .mainnav_sub .title_nav span{
	display: block;
	font-size: 70%;	
}
#mainnav .mainnav_sub .title_nav a{
	display: block;
	font-size: 100%;
	border: 1px solid #FFF;
	padding: 10px;
	color: #FFF;
	text-decoration: none;
	margin-top: 20px;
}

#mainnav .mainnav_sub.sub03 .title_nav{ padding-top: 60px; }
#mainnav .mainnav_sub.sub02 .title_nav{ padding-top: 100px; }
#mainnav .mainnav_sub.sub05 .title_nav{ padding-top: 65px; }
#mainnav .mainnav_sub.sub06 .title_nav{ padding-top: 140px; }

#mainnav .mainnav_sub #search_nav .menu_img{
	width: 23.5%;
	float: right;	
}
#mainnav .mainnav_sub #search_nav .menu_img li{
	width: 100%;
	float: none;
	margin-left: 0;	
	margin-bottom: 15px;
}
#mainnav .mainnav_sub #search_nav .menu_img li:last-child{ margin-bottom: 0;}
#mainnav .mainnav_sub #search_nav .search_box{
	background: #ededed;
	padding: 20px;	
	width: 75%;
	min-height: 337px;
	float: left;
	box-sizing: border-box;
}
#mainnav .mainnav_sub #search_nav .search_box span{
	display: block;
	font-size: 120%;	
	color: #2e2f62;
	margin-bottom: 20px;
	letter-spacing: 3px;
}
#mainnav .mainnav_sub #search_nav .search_box li{
	width: 31.3%;
	float: left;
	margin-left: 3%;
	margin-bottom: 3%;
}
#mainnav .mainnav_sub #search_nav .search_box li:nth-child(3n+1){
	margin-left: 0;
}
#mainnav .mainnav_sub #search_nav .search_box li a{
	background: #2e2f62;
	color: #FFF;
	text-decoration: none;
	padding: 13px 5px;	
	display: block;
}
#mainnav .mainnav_sub #search_nav .title_nav{ padding-top: 100px; }




/* main 
---------------------------------------------------------- */
#main{
	display: block;
}
#content{
	width: 970px;
	float: right;
}

#snav{
	width: 205px;
	float: left;
}


/* pagetop 
---------------------------------------------------------- */
#bk_top {
	text-align:center;
}

#scrollUp {
	width: 60px;
	height: 60px;
	bottom: 10%;
	left: 5%;
	background:url(common/images/common/pagetop.jpg) no-repeat right bottom;
	background-size: contain;
}
/* floating 
---------------------------------------------------------- */
#float_bnr{
	position:fixed;
	left:0;
	bottom:0;
}

#close{
	position:absolute;
	top:5px;
	right:5px;
	width:30px;
}
/* footer 
---------------------------------------------------------- */
#footer {
	padding: 50px 0;
	background:#191f61;
}
#footer *,
#sub_footer *{ 
	color: #FFF; 
	font-family: "Meiryo", "Tahoma", "Verdana", "Arial", "sans-serif";
	letter-spacing: 2px;
}
#footer .f_link{
	width: 290px;
	float: left;
}
#footer .f_link ul{ margin-bottom: 15px; }
#footer .f_link a{
	text-decoration: none;	
	font-size: 90%;
	font-weight: bold;
	background: url(common/images/common/bg_dash.png) no-repeat left center;
	padding-left: 25px;
}
#footer .f_link a:hover{ opacity: 0.7; }
#footer .f_link li ul{
	margin-left: 25px;
	margin-bottom: 0;	
}
#footer .f_link li ul a{
	font-weight: normal;
	background: none;
	padding-left: 0;	
	display: inline-block;
	padding-left: 15px;
	text-indent: -15px;
}


#footer_r{
	float: right;
	text-align: right;	
	padding-top: 30px;
	margin-right:30px;
}

#footer_r .logo_f li{ margin-bottom: 30px; }

#footer_r .f_social li{
	display: inline-block;	
	margin-left: 30px;
}
#footer_r .f_social li img{ vertical-align: middle; }
#footer_r .f_social .f_contact a{
	display: inline-block;
	background: #a49c7c;
	padding: 7px 40px;
	font-weight: bold;
	text-decoration: none;
	line-stacking: 5px;
}


/* --- copy_right --- */
#sub_footer{
	background: #181919;
	padding: 40px 0;
}
#sub_footer .sub_l{
	float: left;	
}
#sub_footer .sub_l ul{ margin-bottom: 15px;}
#sub_footer .sub_l ul:last-child{ margin-bottom: 0; }
#sub_footer .sub_l a{
	font-size: 80%;
	text-decoration: none;	
}
#sub_footer .sub_l a:hover{ opacity: 0.7; }
#sub_footer .sub_l li{
	display: inline-block;
	margin-right: 15px;	
}
#sub_footer .sub_l .need_block{
	display: block;	
}

#sub_footer p{
	font-size: 80%;
	float: right;	
	padding-top: 40px;
}

/* margin style
---------------------------------------------------------- */
.master{
	margin-bottom: 180px;	
}
.section {
	margin-bottom:110px;
}
.container {
	margin-bottom:70px;
}
.container2 {
	margin-bottom:20px;
}
.case {
	margin-bottom:40px;
}
.pack {
	margin-bottom:30px;
}
.item {
	margin-bottom:20px;
}
.mb_clear{ margin-bottom: 0px !important; }

.section .container:last-child,
.container .case:last-child,
.case .pack:last-child,
.pack .item:last-child {
	margin-bottom:0px;
}

/* text-align style
---------------------------------------------------------- */
.txt_l{
	text-align:left !important;
}
.txt_c{
	text-align:center !important;
}
.txt_r{
	text-align:right !important;
}
.txt_b{
	font-weight:bold !important;
}
.txt_m{ font-size: 110%; }
.txt_big{ font-size: 120%; }
.li_h2{ line-height: 2; }
.txt_sm{ font-size: 80% !important; }
.txt_ss{ font-size: 60%; }
.txt_ind{
	padding-left: 10px;
	text-indent: -10px;	
}

.txt_sty p{
	font-size: 110%;
	letter-spacing: 5px;	
	line-height: 2;
}

.font *{
	font-family:"ヒラギノ角ゴ W4 JIS2004","Hiragino Kaku Gothic W4 JIS2004","Meiryo", "Tahoma", "Verdana", "Arial", "sans-serif";
}

.txt_sky{ color: #0b3c69;}

.hilight_box{
	background: #FFF;	
	padding: 30px 50px;
}
/* p section 
---------------------------------------------------------- */
main p {
	margin-bottom:20px;
}
main * p:last-child {
	margin-bottom:0px;
}


/* tb_style 
---------------------------------------------------------- */
.tb_style{
	width:100%;
	table-layout: auto;
	border-collapse: collapse;
}
.tb_style td,
.tb_style th{
	padding:5px 10px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.tb_style th{
	background:#eee;
}


/* title style 
---------------------------------------------------------- */
.title_main {
	text-align: center;
	font-size: 200%;
	color: #000;
	margin-bottom: 60px;
}
.title_main img{
	width: 70px;
	margin-bottom: 5px;	
}
.title_sub {
	text-align: center;
	font-size: 200%;
	letter-spacing: 3px;
	color: #000;
	margin-bottom: 60px;
}
.title_sub em{
	display: inline-block;
	width: 70px;
	height: 1px ;
	background: #000;
	position: relative;
	top: -10px;
}
.title_sub span{
	display: inline-block;
	padding: 0 30px;	
}
.title_sub span span{
	display: block;
	padding: 0;	
	font-size: 60%;
}
.jp_txt em{
	top: -40px;	
}

.title_sec {
	font-size: 120%;
	margin-bottom: 10px;
}
.title_item {
	font-size: 160%;
	border-bottom: 1px solid #063968;
	padding-bottom: 10px;
	margin-bottom: 10px;	
}
.title_page{
	font-size: 190%;
	font-weight: normal;
	/*margin-bottom: 30px;*/
}

.title_page02{
	font-size: 170%;
	margin-left: 50px;
	margin-bottom: 30px;
}
.title_page03{
	font-size: 200%;
	font-weight: normal;
	margin-bottom: 30px;
}
.title_page04{
	font-size: 170%;
	margin-bottom: 30px;
}
.title_page05{
	font-size: 115%;
	margin-bottom: 30px;
}
.title_page06{
	font-size: 130%;
	font-weight: normal;
	background: #191f61;
	color: #FFF;
	/*margin-bottom: 30px;*/
}

.title_triangle{
	border-bottom: 2px solid #000;	
	position: relative;
	overflow: hidden;	
}
.title_triangle span{
	background: #a1b86d;	
	display: block;
	float: left;
	position: relative;
	z-index:2;
	font-size: 140%;
	color: #FFF;
	font-weight: normal;
	padding: 8px 0px 0px 30px;
	min-width: 210px;
	min-height: 50px;
	box-sizing: border-box;
}
.title_triangle em{
	-moz-transform: skew(30deg, 0deg);
	-webkit-transform: skew(30deg, 0deg);
	-o-transform: skew(30deg, 0deg);
	-ms-transform: skew(30deg, 0deg);
	transform: skew(30deg, 0deg);
	
	display: block;
	width: 60px;
	height: 50px;
	margin-left: -30px;
	background: #a1b86d;
	float: left;
	z-index: 1;
}


.title_tri{
	background: #191f61;	
	overflow: hidden;
	color: #FFF;
	letter-spacing: 2px;
	margin-bottom: 30px;
}
.title_tri span{
	width: 190px;
	display: inline-block;
	float: left;
	background: url(common/images/common/bg_tri01.png) no-repeat left bottom;
	background-size: cover;
	box-sizing: border-box;
	padding: 5px 0px 10px 30px;
}
.title_tri span em{
	font-size: 180%;
	padding-left: 10px;
	display: inline-block;	
	position: relative;
	bottom: -5px;
}
.title_tri strong{
	font-weight: normal;
	font-size: 140%;	
	padding-top: 14px;
	display: inline-block;
}
.date em.day{
	font-size: 12px;
	margin-bottom:5px;
}
.date{
	text-align:right;
}
.bg_blue .title_tri { background-color: #7579a0; }
.bg_blue .title_tri span{
	background-image: url(common/images/common/bg_tri02.png);
}
.page_nav{
	overflow:hidden;
	margin-bottom:50px;
}
.page_nav li{
	width:20%;
	float:left;
	background-color:#75799f;
	box-sizing:border-box;
	border-right:1px dashed #5f6382;
	border-bottom:1px dashed #5f6382;
}
.page_nav span{
	box-sizing: border-box;
}
.page_nav li a{
	color:#fff;
	display:block;
	line-height:60px;
	text-align:center;
	text-decoration:none;
}
.page_nav span em{
	font-size: 180%;
	padding-left: 10px;
	display: inline-block;
	position: relative;
	bottom: -5px;
	text-decoration:none;
}

/* topicPath 
---------------------------------------------------------- */
#topicPath {
	background: #191f61;
	padding:10px 0 12px 0;
}
#topicPath li {
	display:inline-block;
	padding-top: 3px;
	list-style-type:none;
	color:#FFF;
	font-family: "Meiryo", "Tahoma", "Verdana", "Arial", "sans-serif";
	font-size: 80%;
}
#topicPath li a {
	padding-right:15px;
	margin-right: 5px;
	background:url(common/images/common/arrow02.png) no-repeat right center;
	background-size: 5px;
	color:#FFF;
	text-decoration:none;
}
#topicPath li a:hover {
	opacity: 0.7;
}

/* container 
---------------------------------------------------------- */
.container {

}
.container .msg {
	width: 62%;
	word-break: break-all;
}
.container .img {
	width: 35%;
}
.container2 .img {
	width: 50%;
}
.container3 .img {
	width: 25%;
}
.container4 .img {
	width: 80%;
}

.pic_l .img, .pic_r .msg {
	float: left;
}
.pic_l .msg, .pic_r .img {
	float: right;
}

.flow_picl .img{ float:left; margin-right: 15px; margin-bottom: 5px;}
.flow_picr .img{ float:right; margin-left: 15px; margin-bottom: 5px;}



.con_big .img{ width: 48%; }
.con_big .msg{ width: 48%; }
.con_big.blog .img{ width: 24%; }
.con_big.blog  .msg{ width: 73%; }

.container .fr_r{ float: right; }
.container .fr_l{ float: left; }
.pagenation{
	margin:50px 0 0;
	clear: both;
	text-align: center;
}
.pagenation{
	margin:0px 0 0px;
	padding:50px 0 50px;
}
.pagenation span,.pagenation  a{
	font-size:16px;
	padding:0.6rem 1rem;
}
.pagenation .current{
	font-size:16px;
	background:#fff;
	color:#000;
}
.pagenation.news .current{
	font-size:16px;
	background:#000;
	color:#fff;
}
.pagenation a{
	color:#000;
	text-decoration:none;
}
.col2{
	width: 48%;
	float: left;
	margin-left: 4%;	
	box-sizing: border-box;
}
.col2:first-child{
	margin-left: 0;	
}

.mb5{ margin-bottom: 5px; }
/* switch pc sp 
---------------------------------------------------------- */
.sp{ display: none; }
.tab{display:none;}
.pc{ display:block; }
.hidden_pc{display:none;}
.tab_horizon{display:none;}

/* list_dot 
---------------------------------------------------------- */
.list_dot{
	list-style:disc;
	margin-left: 17px;
}
.list_dot li{ margin-bottom: 5px; }
.list_dot li:last-child{ margin-bottom: 0; }

/* btn_sty 
---------------------------------------------------------- */
a.btn_sty{
	background: #910000;
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	font-size: 200%;
	letter-spacing: 10px;
	padding: 15px 10px;	
	width: 480px;
	box-sizing: border-box;
}

/* main_img_sub 
---------------------------------------------------------- */
#main_img_sub{
	background: url(common/images/sns/bg_main.jpg) no-repeat center;
	background-size: cover;
	height: 300px;
	padding-top: 110px;
	text-align: center;
	box-sizing: border-box;
	position:relative;
}
#main_img_sub h2{
	font-size: 290%;
	color: #FFF;
	letter-spacing: 6px;	
	font-weight: normal;
}
#main_img_sub.plan h2,#main_img_sub.interior h2{
	color: #000;
}

#main_img_sub.title_line{ padding-top: 90px;}
#main_img_sub.title_line span{
	font-size: 40%;
	min-width: 230px;
	display: inline-block;
	border-top: 1px solid #FFF;
	padding: 5px 10px 0 10px;
	top: -20px;
	position: relative;
}

#main_img_sub.sub_full{
	height: 350px;
	padding-top: 130px;
	
}
#main_img_sub.sub_full h2{ font-size: 260%; }
#main_img_sub.sub_full h2 span{
	font-size: 40%;
	display: block;	
}
#main_img_sub.main_location .layer{
	background:#393939;
	opacity:0.4;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
}

#main_img_sub.sub_full h2 em{
	display: inline-block;
	border: 1px solid #FFF;	
	font-size: 60%;
	padding: 5px 40px;
}
	
#main_img_sub.main_afterservice h2{ color: #fff; }
#main_img_sub.main_afterservice{ background-image: url(common/images/afterservice/bg_main.jpg); }

#main_img_sub.main_campaign{ background-image: url(common/images/campaign/bg_main.jpg);}
#main_img_sub.main_event{ background-image: url(common/images/event/bg_main.jpg); }
#main_img_sub.main_news{ background-image: url(common/images/news/bg_main.jpg); }
#main_img_sub.main_special{ background-image: url(common/images/special/bg_main.jpg); }
#main_img_sub.main_kengaku{ background-image: url(common/images/kengaku/bg_main.jpg); }
#main_img_sub.main_register{ background-image: url(common/images/register/bg_main.jpg); }
#main_img_sub.main_iedukuri{ background-image: url(common/images/iedukuri/bg_main.jpg); }
#main_img_sub.main_avantiaclub{ background-image: url(common/images/avantiaclub/bg_main.jpg); }
#main_img_sub.main_point{ background-image: url(common/images/point/bg_main.jpg); }
#main_img_sub.main_results{ background-image: url(common/images/results/bg_main.jpg); }
#main_img_sub.main_photogallery{ background-image: url(common/images/photogallery/bg_main.jpg); }
#main_img_sub.main_avantiaquality{ background-image: url(common/images/avantiaquality/bg_main.jpg); }
#main_img_sub.main_avantiaquality2{ background-image: url(common/images/avantiaquality2/bg_main.jpg); }
#main_img_sub.main_showroom{ background-image: url(common/images/showroom/bg_main.jpg); }
#main_img_sub.main_location{ background-image: url(common/images/location/bg_main.jpg); }
#main_img_sub.main_property{ background-image: url(common/images/property/bg_main.jpg); }
#main_img_sub.main_design{ background-image: url(common/images/design/bg_main.jpg); }
#main_img_sub.main_design.plan{ background-image: url(common/images/plan/bg_main.jpg); }
#main_img_sub.main_design.interior{ background-image: url(common/images/interior/bg_main.jpg); }
#main_img_sub.main_design.reserve{ background-image: url(common/images/reserve/bg_main.jpg); }
#main_img_sub.main_find_residence,#main_img_sub.main_find_detail{
	background-image: url(common/images/find_residence/bg_main.jpg);
	height:300px;
	padding-top:100px;
	background-position:bottom;
}

#main_img_sub.main_professionals{ background-image: url(common/images/professionals/bg_main.jpg); }
#main_img_sub.avantialabo{ background-image: url(common/images/avantialabo/bg_main.jpg); }
#main_img_sub.avantialabo2{ background-image: url(common/images/avantialabo/bg_main2.jpg); }
#main_img_sub.main_vend{ background-image: url(common/images/reform/bg_main.jpg); }



/* menu_sub 
---------------------------------------------------------- */
#menu_sub{
	background: #191f61;
	overflow: hidden;
	position: relative;
	margin-bottom: 1px;
}
#menu_sub p{
	color: #FFF;	
	font-size: 100%;
	width: 160px;
	float: left;
	position: absolute;
	top: 16px;
	letter-spacing: 3px;
	margin-left:20px;
}
#menu_sub .menu_col_warp{
	float: left;	
	width: 3000px;
	background: #FFF;
	border-top: 1px solid #191f61;
	border-bottom: 1px solid #191f61;
	text-align: center;
	margin-left: 180px;
	
	position: relative;
}
#menu_sub .menu_col{
	width: 1000px;	
	
}
#menu_sub .menu_col a{
	color: #333;
	text-decoration: none;	
	padding: 15px 0;
	display: block;
	letter-spacing: 3px;
	cursor:pointer;
}
#menu_sub .menu_col a.active{
	background: url(common/images/find_residence/bg_menu_active.jpg) repeat-x;
	background-size: 15px, contain;
	color:#FFF;
}
#menu_sub .menu_col .col:hover{ background: #eee;}
#menu_sub .menu_col .col.active{ background: #eee;}


/* menu_bottom 
---------------------------------------------------------- */
#menu_bottom{
	width: 1000px; min-width: 1000px;
}
#menu_bottom li{
	width: 32.6%;
	float: left;
	margin-left: 1%;	
}
#menu_bottom li:first-child{ margin-left: 0; }
#menu_bottom li a{
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 20px 10px;
	text-align: center;
	letter-spacing: 3px;
}
#menu_bottom .manu_sty01 li{ margin-bottom: 2%; }
#menu_bottom .manu_sty01 li{
	display: block;
	background: url(common/images/common/bg_menu.jpg) repeat-x;
	background-size: contain;
}

#menu_bottom .manu_sty02 li,
#menu_bottom .manu_sty03 li{
	width: 49%;
	float: left;
	margin-left: 2%;	
	margin-bottom: 2%;
	background: #737373;
}
#menu_bottom .manu_sty02 li:nth-child(2n+1){
	margin-left: 0%;
}

#menu_bottom .manu_sty03 li{
	width: 32%;
	background: #222222;
	padding: 3px;
	box-sizing: border-box;
}
#menu_bottom .manu_sty03 li:nth-child(3n+1){
	margin-left: 0%;
}	
#menu_bottom .manu_sty03 li a{
	border: 1px solid #434343;
	padding: 10px 0px;	
	font-size: 80%;
	height: 80px;
	box-sizing: border-box;
}

#menu_bottom .manu_sty03 li.pad2 a{ padding-top: 20px; }
#menu_bottom .manu_sty03 li.pad1 a{ padding-top: 27px; border-color: #912d2c;  }	
#menu_bottom .manu_sty03 li.pad1 { background: #7f0909; }

/* menu_avan 
---------------------------------------------------------- */
#menu_avan li{
	background: url(common/images/common/bg_menu01.jpg) no-repeat center;
	background-size: cover;
	height: 287px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 80px;
	margin-bottom: 1px;
}
#menu_avan .btn_full li:nth-child(2){ background-image: url(common/images/common/bg_menu02.jpg); }
#menu_avan .btn_full li:nth-child(3){ background-image: url(common/images/common/bg_menu03.jpg); }

#menu_avan li span{
	font-size: 200%;
	font-weight: bold;
	color: #FFF;	
	display: block;
	letter-spacing: 10px;
	margin-bottom: 20px;
}
#menu_avan li a{
	display: inline-block;
	color: #FFF;	
	letter-spacing: 3px;
	border: 1px solid #FFF;
	padding: 5px 20px;
	text-decoration: none;
	font-size: 80%;
	font-family: "Meiryo", "Tahoma", "Verdana", "Arial", "sans-serif";
}

#menu_avan .menu2 li{
	width: 49%;
	float: left;
	margin-left: 2%;	
}
#menu_avan .menu2 li:first-child{ margin-left: 0; }
#menu_avan .menu2 li:nth-child(1){ background-image: url(common/images/common/bg_menu04.jpg); }
#menu_avan .menu2 li:nth-child(2){ background-image: url(common/images/common/bg_menu05.jpg); }
#menu_avan .box{ width: 1000px; min-width: 1000px; }



/* background color 
---------------------------------------------------------- */
.bg_blue{ background: #191f61; padding-bottom: 1px; margin: 0px; }
.bg_blue *{ color: #FFF; }
.bg_blue .title_sub em{ background: #FFF; }

.bg_sky{ background: #f0f5f7; }
.bg_gray{ background: #eaedef; }

.bg_dark{ background: #2b2d45; }
.bg_dark .title_sub span{ color: #FFF; }
.bg_dark .title_sub em{ background: #FFF; }

.pad_pb{ padding: 180px 0; }
.pad_pb02{ padding: 70px 0; }
.pad_pb03{ padding: 70px 0 0; }
.pad_pb04{ padding: 20px 0; }

.pb01{
	padding:50px 0;
}

.warp{ padding-left: 50px; padding-right: 50px; }


/* page_sns 
---------------------------------------------------------- */
.need_top{ padding-top: 50px}
.page_sns{
	padding-top:30px;
}
.page_sns ul.snsicon{
	text-align:center;
	margin-bottom:50px;
}
.page_sns ul.snsicon li{
	display:inline-block;
	margin:0 5px;
}
.page_sns .col{
	background: #e8ecee;
	text-align: center;
	padding-bottom:20px;
}
.page_sns .social_youtube .col.desc{
	width:34%;
	float:left;
}
.page_sns .social_youtube .col.movie{
	width:66%;
	float:right;
}
.page_sns .col h4{
	text-align: center;
	border-top: 50px solid #b4b4b4;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    height: 0;
    text-align: center;
    line-height: 80px;
	font-size: 130%;
	color: #FFF;
	padding: 0px 5px;
	position:relative;
}
.page_sns .col h4 span{
	position: absolute;
	top: -65px;
	display: block;
	font-size: 14px;
	text-align: center;
	width: 100%;
}

.page_sns .col h4 img{
	width:auto;
	height:30px;
	margin-right:10px;
	vertical-align: middle;
}
.page_sns .col .col_warp{
	padding: 30px 0;
}
.page_sns .col .example{
	background-color:#fff;
	padding:40px 30px 20px;
	width: 90%;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}
.page_sns .col .example span{
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	padding:2px 25px 0 10px;
}
.page_sns .col .example.line span{
	background-image:url(common/images/sns/ex_bg01.png);
	background-repeat:no-repeat;
}
.page_sns .col .example.ins span{
	background-image:url(common/images/sns/ex_bg02.png);
	background-repeat:no-repeat;
}
.page_sns .col .example.fb span{
	background-image:url(common/images/sns/ex_bg03.png);
	background-repeat:no-repeat;
}

.page_sns .col .youtube {
	padding:65px 20px 25px;
}
.page_sns .youtube iframe{
	width: 100%;
	height:200px;
}
.page_sns .youtube .col{ padding: 0;}
.page_sns .linename{
	font-size:140%;
	line-height: 80%;
	margin-bottom: 4%;
}
.page_sns .contents{
	margin-bottom: 4%;
}
.manu_f{ text-align: center; margin-bottom: 20px;}
.manu_f li{
	display: inline-block;
	margin: 0 10px;	
}
#instafeed img{
	max-width:100%;
}
#instafeed .ave{
	width:134px;
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
}
#instafeed .ave:nth-child(3n){
	margin-right:0;
}

/* page_lab 
---------------------------------------------------------- */
.page_lab .banner{
	box-sizing: border-box;
	display: block;
	padding: 5%;
	border: 1px solid #000;
	text-align:center;
	margin-bottom:50px;
}
.page_lab .labo_col .col{
	box-sizing:border-box;
	padding:2%;
}
.page_lab .labo_col .col .qr{
	box-sizing: border-box;
	border: 1px solid #000;
	padding: 5%;
	width: 100%;
	margin: auto;
}
.page_lab .theata a{
	display:inline-block;
	border:1px solid #666;
	padding:10px;
	text-decoration:none;
	color:#666;
}
.page_lab .theata{
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;	
}
.page_lab .theata a{
  position: relative;
  display:inline-block;
  text-decoration:none;
  border-radius: 4px;
  color: #fff;
  line-height: 130%;
  font-size:16px;
  padding:6% 5%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0px 1px 0px #666;
  width:90%;
  color:#fff !important;
  cursor:pointer;
}
.page_lab .theata a:visited{
	color:#fff;
}
.page_lab .theata a,
.page_lab .theata a:hover {
  border-bottom: 4px solid #194561;
  background-color: #0d617c;
  background-image: -webkit-linear-gradient(top, #107698, #0d617c);
  background-image: linear-gradient(to bottom, #107698, #0d617c);
  box-shadow: inset 1px 1px 0 #194561;
}
.page_lab .theata a::before,
.page_lab .theata a::after {
  bottom: -1px;
  left: -1px;
  width: 200px;
  height: 50px;
  border: 1px solid #ee8090;
  border-bottom: 1px solid #b84d5a;
  border-radius: 4px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: none;
  transition: none;
}
.page_lab .theata a::before {
  height: 48px;
  bottom: -4px;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 1px 0px #bfbfbf;
}
.page_lab .theata a:hover {
  background: #20667d;
  background-image: -webkit-linear-gradient(top, #257b97, #20667d);
  background-image: linear-gradient(to bottom, #257b97, #20667d);
  text-shadow: 0px 1px 0px #f9a0ad;
}
.page_lab .theata a:active {
  bottom: -4px;
  margin-bottom: 4px;
  border: none;
  box-shadow: 1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, .3);
}
.page_lab .theata a:active::before,
.page_lab .theata a:active::after {
  border: none;
  box-shadow: none;
}


/* page_afterservice 
---------------------------------------------------------- */
.page_afterservice .hilight_box{
	padding: 30px;
}
.page_afterservice .line_box {
    padding: 35px;
}
@media screen and (max-width:420px) {
	.page_afterservice .line_box_jyutakusetsubitokucho {
    	padding: 35px;
		letter-spacing: -0.5px;
	}
}
.box_ss .box{ width: 980px; }
.page_afterservice #intro_afservice .msg .title_page{ letter-spacing: -1px;}
.page_afterservice #intro_afservice .img{ margin-top: 40px;}
.page_afterservice #support .title_page{
	font-size: 320%;
	color: #191f61;
	margin-bottom: 10px;
}
.page_afterservice #service_ems .main_ems{
	position: relative;
}
.page_afterservice #service_ems .main_ems img{
	position: absolute;
	right: 0;
	top: 0;
}

.page_afterservice .ems_col .ems_box{
	padding: 0 30px;
	border-left: 1px solid #191f61;
}
.page_afterservice .ems_col .col:first-child .ems_box{ border: none; }
.page_afterservice .ems_col h4{
	background: #191f61;
	font-size: 130%;
	font-weight: bold;
	color: #FFF;
	padding: 3px 10px;
}
.page_afterservice .ems_col .ems01{ 
	margin: 10px 0;
	letter-spacing: -0.5px;
}
@media screen and (max-width:768px) {
	.page_afterservice .ems_col .ems01{ 
		letter-spacing: -0.8px;
	}
}

.page_afterservice .ems_col h5{ 
	font-size: 140%;
	margin-bottom: 10px;
}
.page_afterservice .ems_col h5 span{ color: #191f61; } 
.page_afterservice .ems_col h5 em{ font-size: 50%; position: relative; top: -10px; }
.page_afterservice .ems_col .ems_hil{
	background: #FFF;
	padding: 6px;
	margin-top: 15px;
}

.page_afterservice .ems_col .ems_hil span{
	display: block;
	color: #191f61;
	font-weight: bold;
}

.page_afterservice .ems_col .ems_hil span.txt_mizutra{
	letter-spacing: -0.8px;
	font-size:96%;
	color:#222;
}

.page_afterservice .ems_col .ems_hil span.txt_mizutra_03{
	font-size:95%;
}
.page_afterservice .ems_col .ems_hil span.txt_mizutra_04{
	font-size:85%;
	letter-spacing: -1px;
}
@media (min-width:420px) and (max-width:770px){
	.page_afterservice .ems_col .ems_hil span.txt_mizutra_03{
		float:left;
	}
}

@media screen and (max-width:420px) {
	.page_afterservice .ems_col .ems_hil span.txt_mizutra_03,
	.page_afterservice .ems_col .ems_hil span.txt_mizutra_04{
		font-size:100%;
	}
}

.page_afterservice .warr_box{
	padding: 0 20px 0 40px;
	background: url(common/images/afterservice/bg_01.png) no-repeat left center;
	background-size: 20px;
}
.page_afterservice .col:first-child .warr_box{
	background: none;
	padding-left: 0;
}

.page_afterservice .warr_box .txt_hosyosyuri_nagare {
	letter-spacing: -0.8px;
}


.page_afterservice .warr_box h5{
	font-size: 130%;
	color: #191f61;
	font-weight: bold;
	margin-bottom: 5px;
}
sup{ 
	font-size: 70%; 
	position: relative;
	top: -5px;
}


.page_afterservice .txt_sm_jyutakusetsubi_kome {
	letter-spacing: -0.4px;
}

@media screen and (max-width:420px) {
	.page_afterservice .txt_sm_kaketsuke_kome,
	.page_afterservice .txt_sm_kosyojirei_kome {
		letter-spacing: -0.4px;
	}
}

.page_afterservice #equipment .title_page02{
	margin-left: 0;
	margin-bottom: 10px;
}
.line_box{
	border: 1px solid #191f61;
	padding: 40px;
}
.page_afterservice #equipment li{
	width: 52%;
	float: left;
	margin-left: 2%;
}
.page_afterservice #equipment li:first-child{ margin-left: 0; width: 46%; }

@media screen and (max-width:420px) {
	.page_afterservice #equipment li:first-child{
		margin-left: none;
		width: auto;
	}
}

.page_afterservice #equipment li span{
	display: block;
	font-size: 130%;
	color: #191f61;
}

.page_afterservice #equipment .tb_equ{
	width: 100%;
	border: 1px solid #191f61;
}
.page_afterservice #equipment .tb_equ th,
.page_afterservice #equipment .tb_equ td{
	border-bottom: 1px solid #191f61;
	vertical-align: middle;
}
.page_afterservice #equipment .tb_equ th{ width: 140px; padding: 10px; box-sizing: border-box; }
.page_afterservice #equipment .tb_equ td{
	padding: 25px 40px;
	border-left: 1px solid #191f61;
}
.page_afterservice #equipment .tb_equ li:last-child{ font-size: 105%;}
.page_afterservice #equipment .tb_equ li:first-child span{
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.page_afterservice #equipment .tb_equ li:first-child span em{ font-size: 80%;}

.page_afterservice #home_bg0{
	background: url(common/images/afterservice/bg_home.jpg) no-repeat center;
	background-size: cover;
	padding-top: 600px;
	padding-bottom: 50px;
}
.page_afterservice #home_bg0 p{ color: #FFF;}
/* page_campaign 
---------------------------------------------------------- */
.page_campaign #campaign_main{
	background: #66b0c4;
	padding-top:30px;
	padding-bottom: 30px;	
}
.cam_box{
	width:100%;
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
}
.cam_box2{
	width:500px;
	margin-left:auto;
	margin-right:auto;
}
.page_campaign #campaign_main h3{
	background: #191f61;
	padding: 40px;
	font-size: 260%;
	color: #FFF;
	margin-bottom: 80px;
}

.page_campaign .container{
	background: #FFF; 
	-webkit-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.2);
	padding: 20px 0 50px 0;
}
.page_campaign .container h4{
	background: url(common/images/campaign/arr.png) no-repeat center bottom;
	background-size: auto 15px;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.page_campaign .container h4 span{
	display: block;
	background: #191f61;
	font-size: 	200%;
	font-weight: bold;
	letter-spacing: 10px;
	font-style: italic;
	padding: 10px;
	color: #FFF;
	font-family: "Meiryo", "Tahoma", "Verdana", "Arial", "sans-serif";
}


.page_campaign .affordable{ padding-top: 40px;}
.page_campaign .affordable h4{ 
	background: none;
	padding-bottom: 0;
	text-align: center;
}
.page_campaign .affordable h4 span{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 200%;
	font-style: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}
.page_campaign .affordable h5{
	text-align: center;	
	font-size: 200%;
	color: #191f61;
	margin-bottom: 40px;
}
.page_campaign .affordable h5 span{
	font-size: 140%;
}
.page_campaign .affordable .con_warp{
	padding: 0 70px;	
}
.page_campaign .affordable .case{
	width: 48%;
	float: left;
	margin-left: 4%;
	margin-bottom: 0;
}
.page_campaign .affordable .case:first-child{
	margin-left: 0;
}

.page_campaign .affordable .case h6{
	font-size: 140%;
	color: #191f61;
	margin-bottom: 20px;
}


/* page_news_event 
---------------------------------------------------------- */
#menu_news{
	padding:30px 0;
}
#menu_news li{
	-webkit-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.2);	
	background: #FFF;	
	width: 25%;
	float: left;
	text-align: center;
}
#menu_news li:first-child{
	margin-left: 0;	
}
#menu_news li a{
	background: url(common/images/common/ico_new01.png) no-repeat center 20px;
	display: block;
	text-decoration: none;
	font-size: 130%;
	padding: 90px 5px 20px 5px;
	color: #191f61;
}
#menu_news li:nth-child(2) a{ background-image: url(common/images/common/ico_new02.png); }
#menu_news li:nth-child(3) a{ background-image: url(common/images/common/ico_new03.png); }
#menu_news li:nth-child(4) a{ background-image: url(common/images/common/ico_new04.png); }
#menu_news li:nth-child(5) a{ background-image: url(common/images/common/ico_new04.png); }

#menu_news.local_menu li a{
	background: none;
	background-repeat:no-repeat;
	display: block;
	text-decoration: none;
	font-size: 100%;
	padding: 15px 5px;
	color: #191f61;
}
#menu_news.local_menu li a{ background-image: none; }


#menu_news li.active,
#menu_news li:hover{ background: #191f61; }

#menu_news li.active a,
#menu_news li:hover a{
	background-image: url(common/images/common/ico_new01_on.png);
	color: #FFF;	
}
#menu_news li:nth-child(2).active a,
#menu_news li:nth-child(2):hover a{ background-image: url(common/images/common/ico_new02_on.png); }
#menu_news li:nth-child(3).active a,
#menu_news li:nth-child(3):hover a{ background-image: url(common/images/common/ico_new03_on.png); }
#menu_news li:nth-child(4).active a,
#menu_news li:nth-child(4):hover a{ background-image: url(common/images/common/ico_new04_on.png); }
#menu_news li:nth-child(5).active a,
#menu_news li:nth-child(5):hover a{ background-image: url(common/images/common/ico_new04_on.png); }

#menu_news.local_menu li.active a,#menu_news.local_menu li:hover a{ background-image: none; }


#menu_news-2 li{
	-webkit-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.2);	
	background: #FFF;	
	
	width: 25%;
	float: left;
	text-align: center;
}
#menu_news-2 li:first-child{
	margin-left: 0;	
}
#menu_news-2 li a{
	display: block;
	text-decoration: none;
	font-size: 130%;
	padding: 20px 5px 20px 5px;
	color: #191f61;
}

#menu_news-2 li.active,
#menu_news-2 li:hover{ background: #191f61; }

#menu_news-2 li.active a,
#menu_news-2 li:hover a{
	color: #FFF;	
}
#special_contents{
	padding-bottom:5%;
}
.page_news_event .container { position: relative; }
.page_news_event a{
	display:block;
	text-decoration:none;
}
.page_news_event .pagenation a{
	display:inline-block;
}
.page_news_event .img{
	background: #FFF;
	text-align:center;
	padding:20px 0;
	min-height:200px;
}
.page_news_event .container .msg{
	width: 470px;	
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 50px;
	z-index: 1;
}
.page_news_event .container em{
	position: absolute;
	left: 0;
	bottom: 0;	
	font-size: 120%;
	font-weight: bold;
}
.page_news_event .msg h3{
	font-size: 130%;
	color: #000;
	font-weight: bold;
	line-height: 1.4;
	margin-top:10px;
	margin-bottom: 10px;
	color:#191f61;
	padding:0 10px;
}
.page_news_event .msg-box{
	color:#191f61;
	padding:0 10px;
}
.page_news_event .msg h3 span{
	display: block;
	font-size: 60%;	
	font-weight: normal;
	margin-bottom: 10px;
}

.page_news_event .pic_r .img{ text-align: right; }
.page_news_event .pic_l .img{ text-align: left ; background: #f0f5f7; }

.page_news_event .pic_r{ margin-left: 90px; }
.page_news_event .pic_l{ margin-right: 90px;}

.page_news_event .pic_l .msg{
	left: auto;
	right: 0;	
}
.page_news_event .pic_l em{
	left: auto;
	right: 0;	
}
.page_news_event #load-btn{
	padding:2% 0;
	text-align:center;
	cursor:pointer;
	background-color:#749995;
	color:#fff;
	font-size:130%;
	width:50%;
	margin-left:auto;
	margin-right:auto;
}
.page_photogallery #load-btn{
	padding:2% 0;
	text-align:center;
	cursor:pointer;
	background-color:#749995;
	color:#fff;
	font-size:130%;
	width:50%;
	margin-left:auto;
	margin-right:auto;
}
.raise:hover,
.raise:focus {
  box-shadow: 0 0.7em 2em 0em var(--hover);
  -webkit-transform: translateY(-0.05em);
          transform: translateY(-0.05em);
  --color:#191f61;
}

.raise {
  --color: #999;
  --hover: #999;
}

.raise {
  color: var(--color);
  transition: 0.25s;
}
.raise:hover, .raise:focus {
  border-color: var(--hover);
}

/* page_kengaku 
---------------------------------------------------------- */
.page_kengaku .home_col{ padding: 30px;}
.page_kengaku .col .home_box{
	background: #FFF;	
	text-align: center;
	position: relative;
}
.page_kengaku .col .fame{
	padding: 2px;	
}
.page_kengaku .col em{
	background: url(common/images/kengaku/ico_new.png) no-repeat center;
	background-size: contain;
	width: 87px;
	height: 87px;	
	
	position: absolute;
	left: 0px;
	top: 0px;
}
.page_kengaku .col .title_home{
	font-size: 120%;
	background: #80351a;
	color: #FFF;
	padding: 10px 5px;
	letter-spacing: 2px;
	margin-bottom: 0;
	font-weight: bold;
}
.page_kengaku .col .green{ background-color: #13623b; }
.page_kengaku .col .orange{ background-color: #845b25; }

.page_kengaku .col .detail{
	padding: 20px;	
}
.page_kengaku .col .detail p{ 
	color: #191f61; 
	border-bottom: 1px dotted #191f61;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.page_kengaku .col .det_txt01{
	font-size: 100%;	
	font-weight: bold;
	line-height: 1.2;
}
.page_kengaku .col .det_txt02{
	font-size: 80%;	
	line-height: 1.2;
}
.page_kengaku .col .det_txt02 span{
	font-size: 160%;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
.page_kengaku .col .det_txt03{
	font-size: 100%;	
	font-weight: bold;
}
.page_kengaku .col .det_txt03 span{
	font-size: 150%;	
	line-height: 1.2;
}


.page_kengaku .col .detail ul{ margin-top: 20px;}
.page_kengaku .col .detail li{
	display: inline-block;	
	background: #191f61;
}
.page_kengaku .col .detail li a{
	color: #FFF;
	text-decoration: none;
	padding: 5px;
	font-size: 100%;
	display: block;
	min-width: 110px;
	box-sizing: border-box;
}
.page_kengaku .col .detail li a span{
	background: url(common/images/kengaku/ico_home.png) no-repeat left center;
	background-size: 20px;
	padding-left: 25px;	
}
.page_kengaku .col .detail li a.brie span{ background-image: url(common/images/kengaku/ico_user.png);}


/* login 
---------------------------------------------------------- */
.login{
	padding:0px 0 50px;
}
.login #regis_form h3{
	padding:0 !important;
	margin:30px 0 auto;
	background-color:transparent !important;
	color:#191f61 !important;
	font-size:30px;
}
/* page_register 
---------------------------------------------------------- */
.page_register .section{
	margin-bottom:20px;
}
.page_register h3{
	text-align: center;	
	color: #191f61;
	font-size: 250%;
	letter-spacing: 10px;
	margin-bottom: 70px;
}
.page_register *{ color: #191f61; }

.page_register .btm_regis{ text-align: center; }
.page_register .btm_regis li{
	width: 48%;	
	display: inline-block;
}


.page_register #regis_form h3{
	background: #191f61;
	color: #FFF;
	padding: 50px 0;
}

.page_register #regis_form table{
	width: 100%;	
	margin: 0 auto 20px;
	table-layout: fixed;
}
.page_register #regis_form .btn_area{
	width: 80%;	
	margin: 0 auto 20px;
	padding-top:0;
}
.page_register #regis_form .btn_area #edit{
	background-color:#11623a;
	display:inline-block;
	padding:2% 10%;
	color:#fff;
	cursor:pointer;
	margin:1%;
}
.page_register #regis_form .btn_area #commit{
	background-color:#7f351a;
	display:inline-block;
	padding:2% 10%;
	color:#fff;
	cursor:pointer;
	margin:1%;
}
.page_register #regis_form .f_td{
	width:200px;
}
.page_register #regis_form table th,
.page_register #regis_form table td{
	padding: 10px;
	vertical-align:middle;
}
.page_register #regis_form table span{ color: #F00; padding-left: 10px; }
.page_register #regis_form h4{
	background: #9e9e9e;
	color: #FFF;
	padding: 10px;
	font-size: 130%;
	text-align: center;
	margin-bottom: 10px;
}
input.input-text2{
	width:715px !important;
}

.page_register #regis_form input.text-box1{ 
	width: 20%;
}
.page_register #regis_form select{
	width:100%;
}
.page_register #regis_form select#refer_year,
.page_register #regis_form select#refer_month,
.page_register #regis_form select#refer_day,
.page_register #regis_form select#refer_time{
	width:20%;
	border-radius: 0;
	padding: 15px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	display: inline-block;
}

.page_register #regis_form textarea{
	width:100%;
	height:150px; 
}
.page_register .btn_area{
	text-align:center;
}
.page_register #regis_form td.td_auto{
	float:left;
}
.page_register #regis_form #auto_btn{
	display:block;
	width:250px;
}
.page_register #regis_form #auto{
	width:30px;
	display:block;
	float:left;
}

.page_register.reserve label{
	display:block;
	float:left;
}
.page_register .thanks{
	width:48%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
}
/*page_reserve*/
.page_reserve .section{
	padding-top:70px;
	margin-bottom:70px;
}
.page_reserve h3{
	text-align: center;	
	color: #191f61;
	font-size: 180%;
	letter-spacing: 3px;
	margin-bottom: 40px;
	margin-top: 40px;
}
.page_reserve.confirm h3{
	margin-top: 0px;
}

.page_reserve { color: #191f61; }

.page_reserve .red{
	color:#ff0000!important;
}
.page_reserve .btm_regis{ text-align: center; }
.page_reserve .btm_regis li{
	width: 48%;	
	display: inline-block;
}


.page_reserve #regis_form h3{
	background: #191f61;
	color: #FFF;
	padding: 50px 0;
}

.page_reserve #regis_form table{
	width: 100%;	
	margin: 0 auto 20px;
	table-layout: fixed;
}
.page_reserve #regis_form .btn_area{
	width: 80%;	
	margin: 0 auto 20px;
}
.page_reserve #regis_form .btn_area #edit{
	background-color:#11623a;
	display:inline-block;
	padding:2% 10%;
	color:#fff;
	cursor:pointer;
	margin:1%;
}
.page_reserve #regis_form .btn_area #commit{
	background-color:#7f351a;
	display:inline-block;
	padding:2% 10%;
	color:#fff;
	cursor:pointer;
	margin:1%;
}
.page_reserve #regis_form .f_td{
	width:200px;
}
.page_reserve #regis_form table th,
.page_reserve #regis_form table td{
	padding: 10px;
	vertical-align:middle;
}
.page_reserve #regis_form table td.first{
	width:40%;
}
.page_reserve #regis_form table span{ color: #F00; padding-left: 10px;font-size:11px;}
.page_reserve #regis_form h4{
	background: #9e9e9e;
	color: #FFF;
	padding: 10px;
	font-size: 130%;
	text-align: center;
	margin-bottom: 10px;
}
.page_reserve #regis_form input[type="text"],.page_reserve #regis_form input[type="password"],#tomo-form .submit-button{ 
	-webkit-appearance: none;
	border-radius: 0;
	padding: 15px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	width: 100%;
}
.page_reserve #regis_form input[type="text"],.page_reserve #regis_form textarea{
	text-align: left;
}
.page_reserve #regis_form input.text-box1{ 
	width: 20%;
}
.page_reserve #regis_form select{
	width:100%;
	height:54px;
}
.page_reserve #regis_form textarea{
	width:100%;
	height:150px; 
}
.page_reserve .btn_area{
	text-align:center;
}
.page_reserve #regis_form td.td_auto{
	float:left;
}
.page_reserve #regis_form #auto_btn{
	display:block;
	width:250px;
}
.page_reserve #regis_form #auto{
	width:30px;
	display:block;
	float:left;
}

input[type=submit],input[type=text],input[type=password],button.btn_submit{ 
	-webkit-appearance: none;
	border-radius: 0;
	padding: 15px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	margin-top: 5px;
	width:100%;
	display: inline-block;
}
button.btn_submit{
	font-family: "リュウミン R-KL","Ryumin Regular KL","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.page_register #regis_form .btn_submit{
}

#inspection-button{
	cursor: pointer;
	display: block;
	border: none;
	font-size:20px;
	width:50%;
	position: relative;
	background-color: #7f351a;
	border-radius: 4px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 4px 0 #4A1F0F;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	border:0;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#inspection-button:hover{
	background-color:#8A472E;
	box-shadow: 0 4px 0 #4A1F0F;
}
#inspection-button:active {
	top: 3px;
	box-shadow: none;
}
select#PREF_ID{
	width:140px !important;
	height:54px;
	margin-top:5px;
}
select#KIBOU_TIIKI{
	height:54px;
	margin-top:5px;
}

.page_reserve #regis_form input#HOPE_DATE{
	width:180px;
	margin-right:5px;
}
.page_reserve #regis_form select#time{
	width:200px;
	height:54px;
}
.zip-btn,.ui-datepicker-trigger{
    display: inline-block;
    padding: 14px 8px;
    text-decoration: none;
    background: #638c0b;
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
	width:auto !important;
	font-size:14px !important;
	margin-top:6px;
}
.zip-btn:active,.ui-datepicker-trigger:active {/*ボタンを押したとき*/
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
.page_reserve #regis_form select#PREF_ID{
	width:140px;
	height:54px;
}
.page_reserve #regis_form input.input-text2{
	width:715px;
}

input[type=radio], input[type=checkbox] {
  display: none;
}

.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 0px 0px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #f6f7f8;
  vertical-align: middle;
  cursor: pointer;
}
.page_reserve .radio{
	width:49%;
}
.radio:hover, .checkbox:hover {
  background-color: #e2edd7;
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #53b300;
}
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #53b300;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #53b300;
  border-bottom: 3px solid #53b300;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}
/* page_design_gallery 
---------------------------------------------------------- */
.page_design_gallery #main_design h4{
	font-size: 280%;
	text-align: center;
	margin: 40px 0 60px 0;
}
.page_design_gallery #main_design li{
	width: 41%;
	margin-left: 6%;
	float: left;
}
.page_design_gallery #main_design li a{
	background: #648c0b;
	color: #FFF;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 200%;
	letter-spacing: 10px;
	padding: 15px 5px;
}



/*guide*/
.page_design_gallery #guide .container{
	margin-bottom: 0;
	padding: 25px;
	padding-bottom: 0;	
}
.page_design_gallery #guide .img{ width: 65%; }
.page_design_gallery #guide .msg{ width: 30%; }
.page_design_gallery #guide .img.ex{ width: 70%; }
.page_design_gallery #guide .msg.ex{ width: 27%; }
.page_design_gallery #guide h5{
	font-size: 120%;	
	margin-bottom: 10px;
}

.page_design_gallery #guide .bg_guide{	background: #eff3e7;	}

/*hilight*/
.page_design_gallery #hilight{
	background: #a1b86d;	
}
.page_design_gallery #hilight *{ color: #FFF; }
.page_design_gallery #hilight h3{
	font-size: 140%;
	
	margin-bottom: 30px;
}
.page_design_gallery #hilight .container{
	width: 46%;
	float: left;
	margin-left: 6%;	
	margin-bottom: 0;
}
.page_design_gallery #hilight .first{
	margin-left: 0;	
}
.page_design_gallery #hilight .img{ width: 57%; padding: 0; }
.page_design_gallery #hilight .msg{ width: 40%; }
.page_design_gallery #hilight h4{
	font-size: 120%;
	line-height: 1.3;
	margin-bottom: 10px;	
}

/*information*/
.page_design_gallery #information .title_sub span{ padding: 0;}
.page_design_gallery #information .col2{
	width: 48%;
	float: left;
	margin-left: 4%;	
	margin-bottom: 0;
}
.page_design_gallery #information .col2:first-child{
	margin-left: 0;	
}
.page_design_gallery #information h4{
	font-size: 160%;
	margin: 15px 0;
	color: #000;
}
.page_design_gallery #information .area{ text-align: center; }
.page_design_gallery #information .area p{ text-align: left; }
.page_design_gallery #information .area h5{
	background: #191f61;
	text-align: center;
	color: #FFF;
	padding: 5px;
	font-size: 120%;
	margin-bottom: 10px;
	margin-top: 30px;
}

/*base*/
.page_design_gallery #information .base{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 20px;	
}
.page_design_gallery #information .base p{
	width: 27%;
	float: left;	
	text-align: center;
	background: url(common/images/common/arrow04.jpg) no-repeat right center #191f61;
	background-size: contain;
	color: #FFF;
	padding: 5px 20px 5px 5px;
	box-sizing: border-box;
	margin-bottom: 0;
}
.page_design_gallery #information .base ul{
	width: 70%;
	float: right;
	padding-top: 6px;
}	
.page_design_gallery #information .base ul li{
	display:inline-block;
	margin-right:10%;
	box-sizing: border-box;	
}
.page_design_gallery #information .base ul li:last-child{
}
.page_design_gallery #information .base ul li a{
	text-decoration: none;
	color: #333;
	background: url(common/images/common/arrow03.png) no-repeat left 7px;
	background-size: 6px;
	padding-left: 13px;	
	display: inline-block;
}
.page_design_gallery #information .base ul li a:hover{ color: #999; }



/* designgallery_kasugai */
.kasugai #main_design li a{ background: #a6381c; }
.kasugai .title_triangle span,
.kasugai .title_triangle em{ background: #bd6749; }
.kasugai #guide .bg_guide{	background: #f5e5dc;	}
.kasugai #hilight{ background: #bd6749; }


/* designgallery_toyota */
.toyota #main_design li a{ background: #13623b; }
.toyota .title_triangle span,
.toyota .title_triangle em{ background: #759d7e; }
.toyota #guide .bg_guide{	background: #e7eee8;	}
.toyota #hilight{ background: #759d7e; }


/* designgallery_nagoyaminami */
.nagoyaminami #main_design li a{ background: #a09600; }
.nagoyaminami .title_triangle span,
.nagoyaminami .title_triangle em{ background: #c7bd68; }
.nagoyaminami #guide .bg_guide{	background: #f5f2e1;	}
.nagoyaminami #hilight{ background: #beb452; }

/* designgallery_nagoyanishi */
.nagoyanishi #main_design li a{ background: #007392; }
.nagoyanishi .title_triangle span,
.nagoyanishi .title_triangle em{ background: #007392; }
.nagoyanishi #guide .bg_guide{	background: #e4f1f4;	}
.nagoyanishi #hilight{ background: #007392; }




/* page_iedukuri 
---------------------------------------------------------- */
.page_iedukuri .cl_btn{
	clear: both;
	padding-top: 70px;	
}
.page_iedukuri .step .container{
	background: url(common/images/iedukuri/arr01.png) no-repeat center bottom;	
	padding-bottom: 120px;
	margin-bottom: 0;
}
.page_iedukuri .bg_blue .container{
	background-image: url(common/images/iedukuri/arr02.png);	
}
.page_iedukuri .step .arr_none { background: none; padding-bottom: 0px !important;}

.page_iedukuri .img{
	width:35% !important;
}
.page_iedukuri .msg{
	width:60%;
	padding-right: 50px;
	box-sizing: border-box;	
	font-size: 100%;
}

/* page_avantiaclub 
---------------------------------------------------------- */
.page_avantiaclub .col h5{
	font-size: 120%;
	border-bottom: 1px solid #FFF;	
	padding-bottom: 10px;
	margin-bottom: 10px;
	line-height:120%;
}
.page_avantiaclub .msg{
	width: 50%;
}
.page_avantiaclub .col .msg{
	width: 60%;
	padding-right: 50px;	
	box-sizing: border-box;
}
.page_avantiaclub .btn-01{
	display:block;
	float:left;
	width: 48%;
}
.page_avantiaclub .btn-02{
	display:block;
	float:right;
	width: 48%;
}
.page_avantiaclub .col p{ font-size: 100%; }

.page_avantiaclub .voice p{
	font-size: 100%;
}
.page_avantiaclub .voice .title_tri{
	letter-spacing:0;
}
.page_avantiaclub .voice .title_tri span{
	width: 110px;
	font-size: 140%;
	padding-bottom: 5px;
}
.page_avantiaclub .voice .title_tri strong,.page_avantiaclub .title_tri strong{
	font-size: 90%;
	padding-top: 7px;
	padding-left: 7px;
	padding-bottom: 7px;
}


/* page_point 
---------------------------------------------------------- */
.page_point .gallery li{
	width: 32%;
	float: left;
	margin-left: 2%;
	margin-bottom: 2%;
}
.page_point .gallery li:nth-child(3n+1){
	margin-left: 0;	
}
.page_point .gallery .txt_big{
	font-size: 160%;	
}

/*ico_point*/
.page_point .ico_point {
	text-align: center;	
}
.page_point .ico_point .col{
	width: 16%;
	margin: 1%;
	display: inline-block;	
	vertical-align: top;
}
.page_point .ico_point .col img{
	width: 75px;
	margin-bottom: 10px;
}
.page_point .ico_point .col p{
	font-size: 120%;	
}
.page_point .ico_point .col p span{
	display: block;
	font-size: 60%;	
}

/*banch_col*/
.page_point .banch_col .col{
	width:32%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}
.page_point .banch_col .col.three{
	margin-right:0%;
}
.page_point .banch_col a{
	display: block;
	background: #181E60;
	color: #FFF;
	text-decoration: none;
	font-size: 120%;	
	text-align: center;
	padding: 15px;
	display: block;
	padding-bottom: 30px;
}
.page_point .banch_col .col.night_box a{
	background: none;
	padding:0;
	margin-bottom:0;
}
.page_point .banch_col a.night .txt{
	margin:38% 0;
}
.page_point .banch_col img{ margin-bottom: 20px;}
.page_point .banch_col a span{
	display: block;
	font-size: 180%;
	line-height: 1.2;	
}
.page_point a.sakae{
	display: block;
    background: #181E60;
    color: #FFF;
    text-decoration: none;
    font-size: 120%;
    text-align: center;
    padding: 15px;
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    box-sizing: border-box;
}

.page_point a.sakae .txt{
	margin-top:60px;
	float:left;
	margin-left:75px;
}
.page_point a.sakae img{
	float: left;
	width: 50%;
}
.page_point a.sakae span{
	display: block;
	font-size: 180%;
	line-height: 1.2;	
}
.page_point .btn_sty{ background: #181E60; }


/* page_results 
---------------------------------------------------------- */
.page_results .tb_img li{
	width: 31%;
	float: left;	
	margin-left: 3%;
}
.page_results .tb_img li:first-child{
	margin-left: 0;	
}

.page_results .con_big h4{ margin-bottom: 30px; }


.page_results .title_number,.page_results .case{
	width:860px;
	margin-left:auto;
	margin-right:auto;
}
.page_results .title01{
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
.page_results .title02{
	width:320px;
}
.page_results .con_big .msg{
	width:55%;
}
.page_results .con_big .img{
	width:45%;
}
/* page_photogallery 
---------------------------------------------------------- */
#photo{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}
#itab div.ui-tabs-hide {
	display: none;
}
#photo .disnon{
	display:none;
}
#tab li{
	width: 32%;
	float: left;	
	margin-left: 2%;
	text-align: center;
}
#tab li:first-child{
	margin-left: 0;	
}
#tab li a{
	background: #FFF;	
	display: block;
	text-decoration: none;	
	font-size: 140%;
	letter-spacing: 3px;
	color: #999;
	padding: 10px 5px;
	opacity: 0.5;
	position:relative;
	cursor:pointer;
}
#itab #tab li a.sub-select{
	visibility: visible;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	
	color: #000;
	opacity: 1;
	
	position: relative;
	z-index: 2;
}
#tab li a.sub-select em{
	width: 100%;
	height: 15px;
	background: #FFF;	
	position: absolute;
	left: 0;
	bottom: -7px;
}
#tab_sty{
	padding: 50px;
	padding-bottom: 0px !important;
	background: #FFF;	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

#tab_sty li{
	width: 30%;
	float: left;
	margin-left: 5%;
	margin-bottom: 5%;
}
#tab_sty li:nth-child(3n+1){
	margin-left: 0;	
}
#menu_photo{
	padding:30px 0;
}
#menu_photo li:first-child{
	margin-left: 0;	
}
#menu_photo li {
    -webkit-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.2);
    background: #FFF;
    width: 25%;
    float: left;
    text-align: center;
}
#menu_photo li a{
	display: block;
	text-decoration: none;
	font-size: 120%;
	padding: 10px 5px;
	color: #191f61;
}
#menu_photo li.active,
#menu_photo li:hover{ background: #191f61; }

#menu_photo li.active a,
#menu_photo li:hover a{
	color: #FFF;	
}
.photogallery .col{
	position:relative;
}
.photogallery a{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
	padding-bottom:15px;
}
.photogallery .img {
    background: #FFF;
    text-align: center;
    padding: 10px;
    min-height: 160px;
	margin-bottom:10px;
}
.photogallery .msg .title{
	font-size:1.2rem;
	line-height:1.8rem;
	margin-bottom:10px;
	padding:0 10px;
	font-weight:bold;
}
.photogallery .msg .msg-box{
	padding:0 10px;
	margin-bottom:25px;
}
.photogallery ul,.recomend ul{
	padding:0 5px;
}
.photogallery ul li,.recomend ul li{
	display:inline-block;
	margin:0 2px;
}
.photogallery ul li a,.recomend ul li a{
	position:relative;
}
.photogallery ul li a,.recomend ul li a {
	-moz-box-shadow:inset 0px 0px 15px 3px #23395e;
	-webkit-box-shadow:inset 0px 0px 15px 3px #23395e;
	box-shadow:inset 0px 0px 15px 3px #23395e;
	background-color:#191f61;
	-moz-border-radius:17px;
	-webkit-border-radius:17px;
	border-radius:17px;
	border:1px solid #1f2f47;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:12px;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
	text-align:center;
	width:auto;
	height:auto;
}
.photogallery ul li a:hover,.recomend ul li a:hover {
	background-color:#595e99;
}
.photogallery ul li a:active,.recomend ul li a:active {
	position:relative;
	top:1px;
}
.recomend h2{
	text-align:center;
	font-size:160%;
	position:relative;
	margin-bottom:30px;
	font-weight:bold;
}
.recomend h2 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #f0f5f7;
	text-align: left;
}
.recomend h2:before{
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}
.recomend .col{
	position:relative;
	clear:both;
	margin-bottom:30px;
	padding:10px;
}
.recomend a{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
}
.recomend .img {
    background: #FFF;
    text-align: center;
    padding: 10px;
    min-height: 160px;
	width:32%;
	float:left;
}
.recomend .msg {
	width:63%;
	float:right;
}
.recomend .msg .title{
	font-size:1.2rem;
	line-height:1.8rem;
	margin-bottom:10px;
	padding:0 10px;
	font-weight:bold;
}
.recomend .msg .msg-box{
	padding:0 10px;
	margin-bottom:25px;
}
.recomend ul li a{
	position:relative;
}

/* page_photogallery 
---------------------------------------------------------- */
.page_photogallery .pad_pb02{
	padding:40px 0;
}
.page_photogallery .catch{
	max-width:240px;
	width:28%;
	float:left;
}
.page_photogallery .mainvisual{
	max-width:700px;
	width:70%;
	float:right;
}
.page_photogallery .catch ul{
	padding:0 5px;
}
.page_photogallery .catch ul li{
	display:inline-block;
	margin:0 2px;
}
.page_photogallery .catch ul li a{
	position:relative;
}
.page_photogallery .catch ul li a {
	-moz-box-shadow:inset 0px 0px 15px 3px #23395e;
	-webkit-box-shadow:inset 0px 0px 15px 3px #23395e;
	box-shadow:inset 0px 0px 15px 3px #23395e;
	background-color:#191f61;
	-moz-border-radius:17px;
	-webkit-border-radius:17px;
	border-radius:17px;
	border:1px solid #1f2f47;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:12px;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
	text-align:center;
	width:auto;
	height:auto;
}
.page_photogallery .catch ul li a:hover {
	background-color:#595e99;
}
.page_photogallery .catch ul li a:active {
	position:relative;
	top:1px;
}
/* page_avantiaquality 
---------------------------------------------------------- */
.page_avantiaquality .msg{
	width:52%;
}
.txt_blue *,
.txt_blue{ color: #191f61 !important;}

.title_hilight{
	color: #191f61;
	font-family: "Meiryo", "Tahoma", "Verdana", "Arial", "sans-serif";
	margin-bottom: 5px;
}
.title_hilight span{
	font-size: 120%;
	font-weight: bold;
	display: inline-block;
	background: #191f61;
	padding: 0 10px;
	color: #FFF;
	margin-bottom: 5px;
}
.bg_blue .title_hilight span{ background: #8184a8; }
.bg_blue .title_hilight{ color: #8184a8;}

.page_avantiaquality .serie_col .col{ margin-bottom: 0px !important; }
.page_avantiaquality  .serie_col h4{
	font-size: 115%;
	color: #191f61;
	margin: 10px 0; 
}
.page_avantiaquality  .box_syoreitaika .serie_col h4{
	font-size: 130%;
	line-height: 62px;
}
.page_avantiaquality  .box_syoreitaika .serie_col h4.sekkou{
	font-size: 130%;
	line-height: 32px;
}
.page_avantiaquality .serie_col p{ margin-top: 10px; }

.cl_both{ clear: both; }



/* mamory */
.page_avantiaquality #mamory .img{ width: 31%;}
.page_avantiaquality #mamory .msg{ width: 67%;}

.page_avantiaquality .title_page02{
	margin-left: 0;
	color: #191f61;
	font-size:150%;
}
.page_avantiaquality #mamory .msg .col{
	width: 48%;
	float: left;
	margin-right: 4%;
}
.page_avantiaquality #mamory .msg .col:last-child{
	margin-right: 0;
}
.page_avantiaquality .title_quality{
	font-size: 130%;
	color: #191f61;
	overflow: hidden;
	margin-bottom: 20px;
}
.page_avantiaquality .title_quality span{
	display: inline-block;
	background: #191f61;
	color: #FFF;
	padding: 0 10px;
	margin-right: 20px;
}
.page_avantiaquality .title_quality em{ 
	font-size: 80%;
	display: inline-block;
}
.page_avantiaquality .title_quality em img{ margin-right: 5px; }

.page_avantiaquality .title_num{
	color: #191f61;
	font-size: 130%;
	margin-bottom: 10px;
}
.page_avantiaquality .title_num em{
	width:30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	display: inline-block;
	background: #191f61;
	margin-right: 10px;
}

/* earthquake */
.page_avantiaquality .earth_sty .img{ width: 52%; }
.page_avantiaquality .earth_sty .msg{ width: 45%; }
.page_avantiaquality .earthquake{
	border: 1px solid #ccc;
	padding: 40px;
	margin-top: 40px;
	background: #FFF;
}
.page_avantiaquality .earthquake *{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.page_avantiaquality .earthquake h4{
	font-size: 160%;
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
}
.page_avantiaquality .earthquake h4 span{
	display: block;
	font-size: 70%;
	font-weight: normal;
}
.page_avantiaquality .earthquake .img{
	width: 30% !important;
	float: left !important;
}
@media screen and (max-width:768px) {
	.page_avantiaquality .earthquake .dannetu_hyoka_img {
		width: 24% !important;
	}
}
.page_avantiaquality .earthquake .msg{
	width: 70% !important;
	float: right !important;
}
@media screen and (max-width:768px) {
	.page_avantiaquality .earthquake .dannetu_hyoka_msg {
		width: 76% !important;
	}
	.page_avantiaquality .earthquake .horumu_03_msg p {
		font-size: 96%;
		letter-spacing: 0.1px;
	}
}

.page_avantiaquality .earth_sty .pack .img{
	width: 38% !important;
	float: left !important;
}
.page_avantiaquality .earth_sty .pack .msg{
	width: 59% !important;
	float: right !important;
}

.page_avantiaquality .earth_sty .con_kuy .img{
	width: 57% !important;
	float: left !important;
}
.page_avantiaquality .earth_sty .con_kuy .msg{
	width: 37% !important;
	float: right !important;
}

.page_avantiaquality #structure .title_page02{ margin-bottom: 10px; }
.page_avantiaquality #structure .need_top{ padding-top: 70px;}

/* ground */
.page_avantiaquality #ground{
	background: url(common/images/avantiaquality/bg_ground.jpg) no-repeat center bottom #c9e9f9;
	background-size: cover;
}
.page_avantiaquality #ground h3{
	font-size: 200%;
	color: #191f61;
	margin-bottom: 20px;
}
.page_avantiaquality #ground h3 span{
	color: #333;
	font-size: 50%;
	margin-left: 20px;
}
.page_avantiaquality #ground .ground_box{
	background: rgba(255,255,255,0.9);
	padding: 30px;
}
.page_avantiaquality #ground .ground_box .title_page02{ margin-bottom: 10px;}
.page_avantiaquality #ground .title_ground{
	background: #191f61;
	color: #FFF;
	font-size: 120%;
	padding: 5px 10px;
}


@media screen and (max-width:768px) {
	.page_avantiaquality #ground .txt_jiban_00 {
		letter-spacing: -1px;
	}
}





/*クオリティ*/
/*#ground{
	background-image:url(../sanyo-new/common/images/avantiaquality/ground_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
*/




/* page_talk 
---------------------------------------------------------- */
.page_talk .bg_gray{
	background: url(common/images/talk/bg_line.png) no-repeat center bottom #eaeaea;	
}
.page_talk #message h3{ margin-bottom: 30px;}
.page_talk #message h3 span{
	display: inline;
	background: #FFF;
	font-weight: bold;
	font-size: 330%;
	letter-spacing: 10px;
	line-height: 2;
	padding: 5px 0;
}
.page_talk #message h3 em{
	display: inline-block;
	width: 30px;	
}


.page_talk .talk_home{ position: relative; }
.page_talk .talk_home .img_talk{
	position: absolute;
	right: 0;
	top: 0;	
}

.page_talk .talk_home.title_r .img_talk{
	right: auto;
	left: 0;	
}
.page_talk .talk_home.title_r .title_sub{
	float: right;
}
.page_talk .talk_home.title_r  .container{
	clear: both;	
}

.page_talk .title_sub {
	font-weight: bold;
	font-size: 400%;
	line-height: 2;
	padding-left: 20px;
	text-align: left;
	background: url(common/images/talk/bg_title.png) no-repeat left 30px;
	max-width: 590px;
	min-height: 420px;
}
.page_talk .title_sub em{
	display: none;
}


/* page_showroom 
---------------------------------------------------------- */
.page_showroom .intro_show{
	padding: 40px 0;	
}
.page_showroom .intro_show h3{
	font-weight: normal;
	letter-spacing: 5px;
}
.page_showroom .intro_show h3 span{
	display: block;	
	font-weight: bold;
}

.page_showroom .container {
	position: relative;	
	margin-bottom: 1.5%;
	background: #FFF;
}
.page_showroom .container .img{ 
	width: 100%;
	background-size: cover;
	position:relative;
	left: 0;
	top: 0;	
	height: 240px;
	overflow:hidden;
}
.page_showroom .container .img .thumb{
	transform:scale(1.3,1.3);
	-moz-transform:scale(1.3,1.3);
	-webkit-transform:scale(1.3,1.3);
}

.page_showroom .container .msg{ width: 50%; }
.page_showroom .container .msg .design{
	color: #FFF;
	padding: 5px 15px;
	font-size: 130%;
	font-weight: bold;
	display: inline-block;
	letter-spacing: 0px;
	margin-bottom: 15px;
}
.page_showroom .container .msg .night{
	color: #FFF;
	padding: 5px 20px 5px 40px;
	font-size: 85%;
	font-weight: bold;
	display: inline-block;
	letter-spacing: 0px;
	margin-bottom: 15px;
	background-color: #16274e;
	background-image: url(common/images/showroom/icon_moon.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 20px;
	float:right;
}
.page_showroom .container .msg h4{
	font-size: 200%;
	letter-spacing: 5px;	
	text-align: center;	 
}
.page_showroom .container .msg h4 span{
	display: block;	
	font-size: 50%;
}

.page_showroom .container .msg ul{
	text-align: center;	
	margin: 15px 0;
}
.page_showroom .container .msg ul li{
	display: inline-block;	
	width: 25%;
}
.page_showroom .container .msg .tel{
	text-align: center;
	margin-bottom:5px;
}
.page_showroom .container .msg .tel span{
	font-size: 170%;
	letter-spacing: 5px;	
	display: inline-block;
	background: url(common/images/showroom/ico_tel.png) no-repeat left center;
	padding: 10px 0 10px 60px;
}
.page_showroom .container .msg .tel span a{
	text-decoration: none;
	color: #222;	
}
.page_showroom .container .msg table{ width: 100%; }
.page_showroom .container .msg th,
.page_showroom .container .msg td{
	padding: 10px 30px;
	background: #4e538e;
	color: #FFF;
	box-sizing: border-box;
	text-align: left;
	font-weight: bold;
}
.page_showroom .container .msg th {
	width: 120px;
}
.page_showroom .show_col .at_show{ box-sizing: content-box; padding-bottom: 20px; }
.page_showroom .show_col .msg{ width: 100%; float: none;}
.page_showroom .show_col .msg .design{ background: #006c8f;  }
.page_showroom .show_col.dg .msg .design{ background: #191f61;  }
.page_showroom .show_col .msg th{ background: #45a0be;  }
.page_showroom .show_col .msg td{ background: #107799;  }
.page_showroom .show_col.dg .msg th{ background: #6b6f97;  }
.page_showroom .show_col.dg .msg td{ background: #4e538e;  }

.page_showroom  #showroom{
	padding-top: 0;
	width:980px;
	margin-left:auto;
	margin-right:auto;
}




/* page_location 
---------------------------------------------------------- */
.page_location .btn_sty{
	background: #FFF;
	letter-spacing: 5px;
	color: #222;	
	font-weight: bold;
}

.page_location .tb_location{
	width: 60%;
	margin: auto;
	table-layout: auto;
	border-collapse:separate;
	border-spacing: 0 5px;	
}
.page_location .tb_location.nodg{
	width: 60%;
	float:left;
}
.page_location .nodg_img{
	width: 40%;
	float:right;
	margin: auto;
	table-layout: auto;
	border-collapse:separate;
	border-spacing: 0 5px;	
}

.page_location .tb_location th,
.page_location .tb_location td{
	padding: 10px 20px;	
}
.page_location .tb_location th{
	background: #FFF;	
	vertical-align: middle;
}

.page_location .case{
	width: 100%;	
	height: 500px;
}

.page_location .tb_location p{
	margin-bottom:0;
}
#staff_col{
	padding: 0 100px;
	color: #222;
}
#staff_col .staff_des{
	background: #FFF;
	padding: 10px;	
	position: relative;
	font-size: 70%;
	margin-bottom: 5px;
}
#staff_col .photo{
	height:150px;
	overflow:hidden;
}

#staff_col .col{ margin-bottom: 2% !important;}
#staff_col .col img{ width: 100%; }
#staff_col .staff_des .name{
	width: 70%;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;	
	font-size: 140%;
	margin-bottom: 10px;
	letter-spacing: 3px;
}
#staff_col .staff_des .name span{
	font-size: 50%;	
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;	
	display: block;
}

#staff_col .staff_des .age{
	position: absolute;
	top: 10px;
	right: 10px;	
	font-size: 250%;
	line-height: 1;
	background: url(common/images/location/bg_age.png) no-repeat left top;
	background-size: auto 8px;
	padding-top: 7px; 
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;	
	color: #dad6c9;
}
#staff_col .staff_des .age em{
	font-size: 40%;	
}
#staff_col .qualifi{
	background: #f4f4e9;
	padding: 10px;	
	font-size: 70%;	
}
#staff_col .qualifi p{ font-weight: bold; }
#staff_col .qualifi span{
	display: block;
	font-weight: normal;	
}




/* page_property 
---------------------------------------------------------- */
.head_prop{ margin-bottom: 20px; }
.head_prop .tag{
	width: 25%;
	float: left;
	background: #666;
	padding: 10px 5px;
	box-sizing: border-box;
	color: #FFF;
	text-align: center;
	color: #FFF;
	font-weight: bold;
}
.head_prop p{
	width: 72%;
	float: right;
	font-size: 80%; 
	letter-spacing: 3px;
	padding-top: 2px;
	color: #666;
}

.head_prop .img .tag{
	width: 50%;	
}
.head_prop .img .result{
	background: #FFF;	
	color: #e78216;
	letter-spacing: 5px;
}
.head_prop .trigger{
	display: block;
	background: url(common/images/property/arr2.png) no-repeat 95% center #171a3c;
	background-size: 10px;
	color: #FFF;
	padding: 10px;
	cursor: pointer;
	letter-spacing: 3px;
	text-align: center;
}
.head_prop .trigger.active{
	background: url(common/images/property/arr3.png) no-repeat 95% center #171a3c;
	background-size: 10px;
}
.head_prop .acordion_tree{
	background: #171a3c;
	text-align: center;
	display: none;
}
.head_prop .acordion_tree a{
	border-top: 1px solid #323661;
	display: block;
	padding: 10px;	
	color: #FFF;
	text-decoration: none;
	font-size: 80%;
	letter-spacing: 3px;
}
/* pagination */
.pagination {
	border-top: 2px solid #bdbdbd;
	padding-top: 10px;	
	text-align: right;
	margin-bottom: 20px;
}
.pagination li{
	display: inline-block;	
	text-align: center;
}
.pagination li a{
	display: inline-block;	
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: #FFF;
	color: #222;
	font-size: 80%;
	text-decoration: none;
}
.pagination li a:hover,
.pagination li .active{
	background: #565656;
	color: #FFF;	
}

/* prop_sty */
.page_property .prop_sty{
	background: #FFF;
	padding: 20px;	
	margin-bottom: 20px;
}
.page_property .prop_sty .img{ 
	width: 25%; 
	word-break: normal;
	word-wrap: break-word;
}
.page_property .prop_sty .msg{ width: 72%; }
.page_property .prop_sty .img p{
	font-size: 80%;
	letter-spacing: 2px;
	margin-top: 10px;
	text-align: center;
}
.page_property .prop_sty .img p span,
.page_property .prop_sty .img p span a{
	color: #c38708;
	text-decoration: none;
}
.page_property .prop_sty h3{
	font-size: 130%;
	letter-spacing: 2px;
	font-weight: bold;	
	border-bottom: 1px solid #222;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.page_property .prop_title{ margin-bottom: 10px;}
.page_property .prop_title span{
	display: inline-block;
	color: #FFF;
	font-weight: bold;
	background: #c38708;
	padding: 0 10px;
	letter-spacing: 3px;
}
.page_property .prop_title em{
	float: right;
	font-size: 70%;	
	padding-top: 3px;
}

/* tb_prop */
.page_property .tb_prop{
	width: 100%;	
	margin-bottom: 15px;
}
.page_property .tb_prop th,
.page_property .tb_prop td{
	padding: 8px;
	border-bottom: 1px dashed #7d7d7d;
	text-align: left;
	vertical-align: middle;
	font-size: 80%;
	letter-spacing: 2px;
}
.page_property .tb_prop th{ width: 70px;}
.page_property .tb_prop th span{
	border-left: 2px solid #222;
	line-height: 1;	
	padding-left: 5px;
}
.page_property .tb_prop .price{
	color: #de0404;
	font-size: 120%;
	font-weight: bold;
	padding-left: 10px;
}
.page_property .tb_prop .w01{ width: 40%;}
/* prop_ft */
.page_property .prop_ft ul{
	width: 70%;
	float: left;
}
.page_property .prop_ft li{
	width: 19%;
	float: left;
	margin-left: 1%;
	margin-bottom: 1%;
	background: #8dc07f;
	color: #FFF;
	text-align: center;	
}
.page_property .prop_ft li:nth-child(5n+1){ margin-left: 0; }

.page_property .prop_ft .btn_more{
	float: right;	
}

.snav_box{
	background: #171a3c;
	padding: 30px;
	text-align: center;
}
.snav_box h3{
	font-size: 70%;
	letter-spacing: 3px;
	border-bottom: 1px solid #FFF;
	color: #FFF;	
	padding-bottom: 5px;
	margin-bottom: 20px;
}
.snav_box li{ margin-bottom: 10px;}
.snav_box li a{
	color: #FFF;
	text-decoration: none;
	letter-spacing: 3px;
	font-weight: bold;
	font-size: 80%;	
	padding-left: 12px;	
}
.snav_box li a:hover{
	background: url(common/images/property/arr.png) no-repeat left center;
	background-size: 7px;
	
}



/* page_about 
---------------------------------------------------------- */
.page_about{
}
.page_about p{ line-height: 2;}

.page_about .title_about{
	font-size: 230%;	
	color: #FFF;
	margin-bottom: 100px;
}
.page_about .title_about span{
	display: block;
	font-size: 50%;	
}

/* about_sec01 */
.f_color *{ color: #FFF; }
.page_about #about_sec01{
	padding-top: 230px;	
	padding-bottom: 500px;
	background-color:#191f61;
}
.page_about #about_sec01 h2{
	font-size: 300%;
	margin-bottom: 100px;
}
.page_about #about_sec01 .logo{
	width: 350px;
	border: 1px solid #FFF;	
	margin-top: 40px;
}


/* about_sec02 */
.page_about #about_sec02{
	background:#191f61 url(common/images/about/bg_about02.png) no-repeat center 540px;
	position:relative;
}
.page_about #mainimg{
	width:50%;
	height:84vh;
	position:fixed;
	top:119px;
	right:0;
	overflow:hidden;
}
.page_about #mainimg.abs{
	position:absolute;
	top:auto;
	bottom:0;
}
.page_about #mainimg .bgimg{
    position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}/*
.page_about #mainimg .bgimg .slick-active img {
	-moz-animation: bgAnime 20s ease infinite;
	-webkit-animation: bgAnime 20s ease infinite;
	-o-animation: bgAnime 20s ease infinite;
	-ms-animation: bgAnime 20s ease infinite;
}*/
@keyframes bgAnime {
   0% { transform: scale(1.0, 1.0); }
 100% { transform: scale(1.2, 1.2); }
}
/* スリックカスタムCSS
.page_about #mainimg .slick-slide img {
  transform: scale(1.2);
  transition: .8s cubic-bezier(.645, .045, .355, 1);
}
.page_about #mainimg .slick-current img {
  transform: scale(1);
}
*/
.page_about .about_box{ margin-bottom: 430px; }
.page_about .about_box h4{
	font-size: 150%;	
	margin-bottom: 40px;
}
.page_about .about_box h4 span{
	display: block;	
	font-family: 'Poppins', sans-serif;
	font-size: 140%;
	letter-spacing: 3px;
	margin-bottom: 20px;
}
.page_about .about_box .btn_sty02{
	margin-top: 30px;
}
a.btn_sty02{
	display: inline-block;
	border: 1px solid #FFF;	
	min-width: 220px;
	padding: 8px 5px;
	color: #FFF;
	text-decoration: none;
	text-align: center;	
	background: url(common/images/common/arrow04.png) no-repeat 95% center;
	background-size: 8px;
}
.page_about .about_box.bg03{
	margin-bottom: 0px;
	padding-bottom:430px;
	}

/* about_sec03 */
.page_about #about_sec03{
	background: url(common/images/about/ico_next.png) no-repeat center bottom;
	background-image: url(common/images/about/bg_about02_03.png);
	background-repeat:no-repeat;
	background-position: center 0px;
	padding-top: 800px;
	padding-bottom: 250px;
	margin-top: -400px;
	background-color:#fff;
	position:relative;
	margin-bottom:20px;
}
.page_about #about_sec03 h4{
	font-size: 200%;
	color: #007698;
	letter-spacing: 10px;	
	margin-bottom: 5px;
}
.page_about #about_sec03 .case{ margin-left: 30px; }
.page_about #about_sec03 .thought_box{
	padding-left:	100px;
	margin-top: -70px;
	position: relative;
}
.page_about #about_sec03 .thought_box li{
	background: url(common/images/about/bg_sq.png) no-repeat left center;
	background-size: 10px;
	padding-left: 20px;	
}
.page_about .arrow{
	text-align:center;
}
/* pro */
.page_about  .pro{
	background: url(common/images/about/bg_pro.png) no-repeat center #181f60;
	background-size:contain;
	text-align: center;
	padding: 80px 0;
}
.page_about .pro img{ margin-bottom: 10px; }
.page_about .work{ background: #181f60; }

.page_about .about_f{ margin: 20px 0;}
.page_about .about_f li{
	width: 32.5%;
	float: left;	
	margin-left: 1%;
}
.page_about .about_f li:first-child{ margin-left: 0; }



/* page_design 
---------------------------------------------------------- */
#top_design{
	border-top:1px solid #fff;
	padding:30px 0;
}
#main_img_sub.main_design{ 
	height: auto;
	padding-top: 0;
}
#main_img_sub.main_design h2{
	font-size: 280%;
	color:#fff;
	text-shadow: 5px 2px 4px rgba(0,0,0,1);
} 
#main_img_sub.main_design #main_img{ 
	position: relative; 
	height: 540px;
	padding-top: 100px;
	box-sizing: border-box;
}

.main_design .logo{	
	margin-top: 150px;
	text-align: center;
	position: relative;
	z-index: 5;
}
.main_design .logo img{
	border: 1px solid #FFF;
	width: 300px;
}
#main_img { position: relative; }
#main_img .menu_design{
	position: absolute;
	left: 0;
	bottom: 0px;	
}
.menu_design li.active{
	position:relative;
	top:1px;
}
.menu_design li{
	width: 34%;
	float: left;
	margin-left: -1%;
}


.page_design .intro{
	padding-bottom: 100px;
	margin-top: -1px;
}	

.title_m_des{
	font-family: 'Poppins', sans-serif;
	font-size: 700%;
	line-height: 1;
	position: relative;
	margin-top: -30px;
	margin-bottom: 40px;
}
.title_design{
	font-size: 130%;
	margin-bottom: 30px;
}
.title_design span{
	font-family: 'Poppins', sans-serif;	
	display: block;
	font-size: 130%;
	margin-bottom: 10px;
}


.page_design  #ext_mat .container{
	background: url(common/images/design/bg_exterior.jpg) no-repeat center center;
	padding: 50px 0;	
}
.page_design  #ext_mat.plan_sec .container{
	background: url(common/images/plan/bg_exterior.jpg) no-repeat center center;
	padding: 50px 0;	
}
.page_design  #ext_mat.interior_sec .container{
	background: url(common/images/interior/bg_exterior.jpg) no-repeat center center;
	padding: 50px 0;	
}
.page_design  #ext_mat .mat{
	background-image:url(common/images/design/bg_material.jpg);
}
.page_design  #ext_mat.plan_sec .mat02{
	background-image:url(common/images/plan/bg_life.jpg);
}
.page_design  #ext_mat.interior_sec .mat02{
	background-image:url(common/images/interior/bg_scene.jpg);
}
.page_design  #ext_mat .msg{ width: 45%;}


.page_design #landscape{
	background: url(common/images/design/bg_land.jpg) no-repeat center center;
	background-size: cover;
	height: 600px;
	position: relative;
}
.page_design #landscape.plan_sec02{
	background: url(common/images/plan/bg_land.jpg) no-repeat center top;
}
.page_design #landscape.interior_sec02{
	background: url(common/images/interior/bg_land.jpg) no-repeat center top;
}
.page_design #landscape .landscape_box{
	background: url(common/images/design/bg_land02.png) no-repeat -180% 0;
	padding: 50px 0 50px 0;
	position: absolute;
	bottom: -160px;
	width: 100%;
	box-sizing: border-box;
	transition: 1.0s;
	transition-delay:0.0s;
	-webkit-transition: 1.0s;
	-webkit-transition-delay: 0.0s;
}
.page_design #landscape .landscape_box.anime{
	background-position:center top;
}
.page_design #landscape .landscape_box .box{
	padding-left:350px;
	box-sizing: border-box;	
}


.page_design #interview{
	background: url(common/images/design/bg_inter_view.jpg) no-repeat center top #221714;
	color: #FFF;
	padding-bottom: 200px;
}
.page_design #interview.plan_sec03{
	background: url(common/images/plan/bg_interview.jpg) no-repeat center top #221714;
	color: #FFF;
	padding-bottom: 200px;
}
.page_design #interview.interior_sec03{
	background: url(common/images/interior/bg_interview.jpg) no-repeat center top #221714;
	color: #FFF;
	padding-bottom: 200px;
}
.page_design #interview .inter_box{
	width: 36%;	
	padding-top: 300px;
}
.page_design #interview  .name_txt{
	width: 88%;
	margin-top: 70px;
}






/* page_find_residence 
---------------------------------------------------------- */
#main_img_sub.main_find_residence h2{
	text-shadow: 5px 2px 4px rgba(0,0,0,1);
} 

.page_find_residence_top{
	background-image:url(common/images/find_residence/find_img_01.jpg);
	background-position:center top;
	background-size:cover;
	padding:40px 0 20px;
}


.page_find_residence_border{
	margin-top:10px;
	/*border-top:2px solid #CDCEDC;
	padding-top:50px;*/
}

.find_residence_box1{
}

.find_residence_box1 ul li{
	width: 190px;
	float: left;
	border-left:1px solid #EEEEEE;
	display:block;
	text-align:center;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#191F61;
}
.find_residence_box1 ul li:first-child{
	border-left:none;
}

.find_residence_box1 ul li input[type=checkbox] {
	display:none;
}

.find_residence_box1 ul li .tabcheck {
	position: relative;		/* ボックスの位置を指定する */
	padding: 0 0 0 42px;	/* ボックス内側の余白を指定する */
}
.find_residence_box1 ul li .tabcheck:after,  .tabcheck:before{
	position: absolute;	/* ボックスの位置を指定する */
	content: "";		/* ボックスのコンテンツ */ 
	display: block;		/* ブロックレベル要素化する */ 
	top: 50%;			/* 上部から配置の基準位置を決める */ 
}
.find_residence_box1 ul li .tabcheck:after {
	left: 15px;			/* 左から配置の基準位置を決める */ 
	margin-top: -10px;	/* チェック枠の位置 */
	width: 15px;		/* ボックスの横幅を指定する */
	height: 15px;		/* ボックスの高さを指定する */
	border: 2px solid #191F61;	/* ボックスの境界線を実線で指定する */
}
.find_residence_box1 ul li .tabcheck:before {
	left: 21px;			/* 左から配置の基準位置を決める */ 
	margin-top: -7px;	/* チェックマークの位置 */
	width: 5px;			/* ボックスの横幅を指定する */
	height: 9px;		/* ボックスの高さを指定する */
	border-right: 3px solid #191F61;	/* 境界線（右）のスタイルを指定する */
	border-bottom: 3px solid #191F61;	/* 境界線（下）のスタイルを指定する */
	transform: rotate(45deg);	/* 要素を回転させる */
	opacity: 0;			/* 要素を透過指定する */
}
.find_residence_box1 ul li input[type=checkbox]:checked + .tabcheck:before {
	opacity: 1;		/* 要素を表示する */
}

a.find_residence_a_1{
	display:block;
	width:471px;
	margin:0 auto;
}



.page_find_residence_right h3{
	height:40px;
	line-height:40px;
	font-size:18px;
	background-image:url(common/images/find_residence/find_img_02.png);
	background-repeat:no-repeat;
	background-position:20px center;
	background-size:20px 20px;
	padding-left:50px;
	border-bottom:1px solid #FFF;
}

.page_find_residence_right ul{
	margin:0 0px 50px;
}

.page_find_residence_right ul li a{
	color:#FFF;
	display:block;
	border-bottom:1px solid #FFF;
	text-decoration:none;
	font-size:16px;
	height:40px;
	line-height:40px;
	padding:0 50px;
}
.page_find_residence_right ul li a.bnr{
	color:#FFF;
	display:block;
	border-bottom:0;
	text-decoration:none;
	font-size:18px;
	height:auto;
	line-height:45px;
	padding:20px 40px;
}
.page_find_residence_right .branch_nav ul li{
	width:50%;
	float:left;
	box-sizing:border-box;
}
.page_find_residence_right .branch_nav ul li a{
	padding:0 0;
	text-align:center;
}
.page_find_residence_right .branch_nav ul li:nth-child(2n){
	border-left:1px solid #fff;
}
.page_find_residence_right .branch_nav ul li:last-child{
	border-right:1px solid #fff;
}
.page_find_residence_right ul li a.active,
.page_find_residence_right ul li a:hover{
	color:#191F61;
	background-color:#fff;
}

.page_find_residence_right ul li a:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}

.page_find_residence_left_wrap{
	width:90%;
	float:right;
	margin:40px 40px 40px 0;
	min-height:1280px;
}


.page_find_residence_paging{
	color:#191F61;
	font-size:22px;
	border-bottom:1px solid #191F61;
	margin-bottom:10px;
}
.page_find_residence_paging span:nth-child(2){
	margin-left: 30px;
	margin-right: 20px;
}
.page_find_residence_paging .pager{
	font-size:0;
	font-size: 0;
	width: 500px;
	float: right;
	margin-bottom: 0;
	text-align: right;
	padding-top: 2px;
}
.page_find_residence_paging .select_tab{
	width: 180px;
	float: left;
	margin-bottom: 0;
}
.page_find_residence_paging .select_tab select{
	vertical-align:2px;
	margin-right:4px;
}
.page_find_residence_paging .pager a{
	margin:0 15px;
	text-decoration:none;
	font-size:20px;
}
.page_find_residence_paging .pager span{
	margin:0 15px;
	text-decoration:none;
	font-size:20px;
}

.page_find_residence_hit{
	color:#191F61;
	font-size:14px;
	margin-left:0px;
	margin-bottom:0px;
}

.page_find_residence_hit span{
	font-size:30px;
	margin-right:3px;
}

a.page_find_residence_left_box{
	display:block;
	border:5px solid #EEEEEE;
	text-decoration:none;
	padding:28px;
	position:relative;
	color:#2D2F61;
	margin-bottom:15px;
}

a:hover.page_find_residence_left_box{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}
.page_find_residence_left_box_l{
	width:36%;
	float:left;
}
.page_find_residence_box_ul.sakae .page_find_residence_left_box_l{
	width:30%;
	float:left;
}

.contain {
    display: inline-block;
    background-color: #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 5px;
    width: 257px;
    height: 257px;
    background-size: contain;
}

.page_find_residence_left_box_r{
	width:60%;
	float:right;
}

.find_residence_obi{
	background-repeat:no-repeat;
	background-size:117px 20px;
	color:#FFF;
	width:112px;
	height:20px;
	line-height:20px;
	font-size:14px;
	text-align:center;
	padding-right:5px;
	margin-bottom:5px;
	display:inline-block;
}


.find_residence_obi1{
	background-image:url(common/images/find_residence/find_img_07.png);
}
.find_residence_obi2{
	background-image:url(common/images/find_residence/find_img_08.png);
}
.find_residence_obi3{
	background-image:url(common/images/find_residence/find_img_13.png);
}
.page_find_residence_left_box_r h4{
	font-size:20px;
	margin-bottom:0px;
}

.find_residence_txt{
	font-size:13px;
	margin-bottom:10px;
}

table.ind_residence_table1{
	width:100%;
}
table.ind_residence_table1 th{
	background-color:#191F61;
	text-align:center;
	width:30%;
	height:30px;
	line-height:30px;
	color:#FFF;
	font-weight:normal;
	border-bottom:1px solid #FFF;
	font-size:14px;
}
table.ind_residence_table1 td{
	padding-left:5%;
	width:65%;
	vertical-align:middle;
	font-size:14px;
}

.news_ico{
	background-color:#BD0000;
	color:#FFF;
	text-align:center;
	width:50px;
	height:20px;
	line-height:23px;
	font-family: "Meiryo", "Tahoma", "Verdana", "Arial", "sans-serif";
	font-size:12px;
	letter-spacing:0.1em;
	display:inline-block;
}
.branch .news_ico{
	margin-right: 3px;
	vertical-align: 1px;
	line-height: 160%;
}


/* page_find avantialabo
---------------------------------------------------------- */
.page_find_residence_box_ul.sakae .page_find_residence_left_wrap{
	width:960px;
	float:none;
	margin:90px auto 90px;
}
.page_find_residence_box_ul.sakae .page_find_residence_left_box_r{
	width:600px;
}
/* page_find_detail 
---------------------------------------------------------- */

.page_find_detail{
	color:#191F61;
}

.page_find_detail_wrap{
	width:980px;
	margin:0 auto;
	padding:20px 0 0px;
}

.page_find_detail h3{
	text-align:center;
	font-size:26px;
	margin:30px 0 10px;
	clear:both;
}
.detail_icon{
	text-align:center;
}
.page_find_detail .detail_header{
	position:relative;
}
.page_find_detail .news_ico{
	background-color: #BD0000;
	color: #FFF;
	text-align: center;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-family: "Meiryo", "Tahoma", "Verdana", "Arial", "sans-serif";
	font-size: 14px;
	letter-spacing: 0.1em;
	vertical-align:4px;
}
.page_find_detail .detail_header p.info {
	background: #191f61;
	width:125px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:5px;
}
.page_find_detail .detail_header span {
    background-size: 20px;
    color: #FFF;
    text-decoration: none;
    padding: 5px;
    font-size: 110%;
    min-width: 130px;
    box-sizing: border-box;
    padding-left: 25px;
	background-repeat:no-repeat;
	background-position:0px center;
}
.page_find_detail .detail_header span.brie{
    background-image: url(common/images/kengaku/ico_user.png);
}
.find_residence_obi1{
	background-image:url(common/images/find_residence/find_img_07.png);
}
.find_residence_obi2{
	background-image:url(common/images/find_residence/find_img_08.png);
}
.find_residence_obi3{
	background-image:url(common/images/find_residence/find_img_13.png);
}
.page_find_detail .find_residence_obi{
	background:none;
	font-size:20px;
	color:#FFF;
	background-color:#009944;
	width:192px;
	height:50px;
	line-height:50px;
	text-align:center;
	margin:0px auto 0px;
	display:block;
	padding-right:0;
	display:inline-block;
	margin-bottom:5px;
}
.page_find_detail .find_residence_obi.shinchiku{
	background-color:#845b25;
}
.page_find_detail .find_residence_obi.takuchi{
	background-color:#aa9e00;
}

.find_detail_box2{
	text-align:right;
}

.page_find_detail_gallery{
	background-color:#F0F4F6;
	padding:20px;
	width:300px;
	float:left;
}

.page_find_detail.login .page_find_detail_gallery{
	padding:20px;
	width:100%;
	float:none;
	margin-bottom:50px;
}

.page_find_detail_gallery_l{
	float:left;
	width:427px;
}
.page_find_detail_gallery_c{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#navi{
	float:right;
	width:540px;
}

.page_find_detail_gallery #photo{
	position:relative;
	height:auto;
}

.page_find_detail_gallery #photo img{
}

#navi{
	padding-top:22px;
}

#navi ul li{
	display:block;
	width:103px;
	height:103px;
	margin-left:5px;
	margin-bottom:5px;
	float:left;
}

#navi ul li a:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}




.page_find_detail_wrap2{
	width:630px;
	margin:0 auto;
	padding:0px 0 0px;
	font-size:18px;
	float:right;
}
.page_find_detail.login .page_find_detail_wrap2{
	width:980px;
	margin:0 auto;
	padding:30px 0 40px;
	font-size:18px;
	float:none;
}

.page_find_detail h3.title{
	text-align:center;
	font-size:18px;
	color:#FFF;
	line-height:40px;
	background-color:#191F61;
	margin:0;
}
.page_find_detail.login h3.title{
	text-align:center;
	font-size:18px;
	color:#FFF;
	line-height:60px;
	background-color:#191F61;
	margin:0;
	margin-bottom:0px;
	margin-top:0px;
	border-bottom:1px solid #fff;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.slide_box2{
	display:none;
}

.slide_btn2{
	cursor:pointer;
}
.find_detail_box3{
	margin:10px 0 20px;
	font-size:12px;
}

.page_find_detail h5{
	text-align:center;
	font-size:14px;
	line-height:40px;
	background-color:#EDEDED;
	margin:10px 0;
}

.find_detail_box4{
	width:890px;
	margin:0 auto;
	font-size:14px;
}
.find_detail_box5{
	font-size:14px;
}
.find_merit ul li:first-child{
	margin-left:1%;
}
.find_merit ul li{
	display:block;
	float:left;
	width:14%;
	box-sizing:border-box;
	border-left:1px solid #000;
}
.find_merit ul li:last-child{
	border-right:1px solid #000;
}
.find_merit .merit_txt{
	font-size:20px;
	padding:20px 0;
}
.find_merit .merit_l{
	float:left;
	width:50%;
}
.find_merit .merit_r{
	float:right;
	width:50%;
}

ul.find_detail_ul{
	width:960px;
	margin:0 auto;
	padding:20px 0;
}

ul.find_detail_ul li{
	display:block;
	float:left;
	margin:0 9px 0;
	width:142px;
	text-align:center;
	height:130px;
}

.find_detail_pb{
	padding-bottom:100px;
}

#page_register .btm_regis{ text-align: center; }
#page_register .btm_regis li{
	width: 48%;	
	display: inline-block;
}



#page_register .find_merit .merit_txt{
	text-align:center;
	text-align:20px;
}
#page_register #regis_form table{
	width: 80%;	
	margin: auto;
	table-layout: fixed;
}
#page_register #regis_form table th,
#page_register #regis_form table td{
	padding: 10px;	
}
#page_register #regis_form table span{ color: #F00; padding-left: 10px; }
#page_register #regis_form h4{
	background: #9e9e9e;
	color: #FFF;
	padding: 10px;
	font-size: 130%;
	text-align: center;
	margin-bottom: 60px;
}
#page_register #regis_form input.text-box1{
	width:200px;
}
#page_register #regis_form select{
	width:100%; 
}
.agree_box{
	display:block;
	margin:0 auto;
	text-align:center;
	padding:40px 0;
}
.reform #regis_form h3{
	background:transparent;
	color: #191f61;
	padding: 0px 0;
}
.reform #regis_form h4 {
    background: transparent;
    color: #9e9e9e;
    font-size: 160%;
    text-align: center;
    margin-bottom: 10px;
}
.vend {
	padding-top:30px;
}

.page_privacy .plasbox{
	padding:30px 0;
}
.page_privacy .plas h2{margin-bottom:20px;margin-top:20px;padding-top:14px;padding-bottom:14px;padding-left:5px;padding-right:5px;border-bottom:1px solid #000;font-size:180%;color:#0F3B3C;background:url("../images/head1.gif") no-repeat left top;}
.page_privacy .pltex{font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:190%;color:#0F3B3C;}
.page_privacy .pltex2{font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:200%;color:#0F3B3C;}
.page_privacy .plas h3{margin-bottom:15px;padding:10px 10px 12px 10px;border-top:1px solid #0D3C3D;background-color:transparent;font-size:117%;}
.page_privacy .plas h2,
.page_privacy .plas h3,
.page_privacy .plas h4{font-weight:bold;line-height:1.231;}
.page_privacy .plas p{margin-bottom:1em;}
.page_privacy .plas #concept img{margin-bottom:15px;}
.page_privacy .plas .plask{padding-bottom:26px;}
.page_privacy .plas .plasbox{padding-bottom:26px;}
.page_privacy .plas{padding-bottom:26px;}
.page_privacy .plas table{margin-bottom:20px;width:100%;border-top:1px solid #999;}
.page_privacy .plas table th{padding:10px;font-weight:bold;background:rgba(0, 0, 0, 0) url("../images/house/bg_01.jpg") repeat scroll 0 0;border-bottom:1px solid #848484;border-top:1px solid #848484;vertical-align:top;}
.page_privacy .plas table td{padding:10px;border-right:none;border-bottom:1px solid #848484;border-top:1px solid #848484;border-left:none;vertical-align:top;}
.page_privacy .plasbox p{margin-bottom:15px;}
.page_privacy .plasbox p:last-child{margin-bottom:0;}
.page_privacy .plasbox .noteNoList{margin-bottom:15px;}
.page_privacy .plasbox .noteNoList2{margin-bottom:15px;}
.page_privacy .plasbox .dllast{margin-bottom:15px;}
.page_privacy .plasbox .noteNoList:last-child{margin-bottom:0;}
.plas .left-col{float:left;width:430px;}
.plas .right-col{float:right;width:133px;}
.plas #concept{margin:0 auto;width:580px;}
.sitemappl .leftBox{width:48%;float:left;}
.sitemappl .rightBox{width:48%;float:right;}
.pluslist ul{border-top:1px solid #000;border-bottom:1px solid #000;}
.pluslist li{float:left;margin-right:9%;}
.pluslist li:last-child{margin-right:0;}
.pluslist2 ul{border-top:1px solid #000;border-bottom:1px solid #000;}
.pluslist2 li{float:left;margin-right:8.2%;}
.pluslist2 li:last-child{margin-right:0;}
#inquiry .content{
	padding:0 0 3%;
}
#inquiry .content .forminfo {
    border-top: 1px solid #848484;
    margin-bottom: 17px;
    padding: 12px 0 0 12px;
}
#inquiry .content .inquirytitle {
    background: rgba(0, 0, 0, 0) url("../images/head1.gif") no-repeat scroll left top;
    border-bottom: 1px solid #000;
    color: #0f3b3c;
    font-size: 180%;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 14px 5px;
	font-weight:bold;
}
#inquiry .content .subtitle {
    background-color: #f6f7f7;
    border-top: 1px solid #0d3c3d;
    font-size: 117%;
    margin-bottom: 15px;
    padding: 10px 10px 12px;
	font-weight:bold;
}
#inquiry table td.second{
	width:70%;
}
.contact{
	padding:50px 0;
}

#errorMessage {
    margin: 50px auto;
    border: 1px solid #191f61;
    padding: 8%;
	font-size:90%;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}
.sitemappl .leftBox .siteList{
	margin-bottom:1em;
}