/*===== CSS RESET =====*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,img,ins,kbd,q,s,samp,strike,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{outline:none;border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}.clear{clear:both}.clearfix{display:inline-block}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}* html .clearfix{height:1%}.clearfix{display:block}ul,ol{list-style:none;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body *{max-height: 99999em;}


/*===== COMMON =====*/

html, body {
	width: 100%;
	min-height: 100%;
}
body {
	background: #FFF;
	font-size: 48px;
	font-family: Meiryo, YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
	-webkit-text-size-adjust: none;
	color: #000;
}

.ft_serif {
	font-family: "Hiragino Mincho Pro", Times, "Times New Roman", Georgia, serif;
}

a {
	color: #000;
	text-decoration: none;
}

img {
	display: block;
	width: 100%;
	height: auto;
}
img.inline {
	display: inline;
	width: auto;
}

.container {
	max-width: 1280px;
	min-width: 320px;
	width: 100%;
	margin: 0 auto;
    line-height: 100%;
}
.wrapper {
	/*padding-left: 3.125%;
	padding-right: 3.125%;*/
	padding: 0;
}


/*===== FONT SIZE =====*/
@media (max-width: 1280px) { body { font-size: 48px; } }
@media (max-width: 1267px) { body { font-size: 47.5px; } }
@media (max-width: 1253px) { body { font-size: 47px; } }
@media (max-width: 1240px) { body { font-size: 46.5px; } }
@media (max-width: 1227px) { body { font-size: 46px; } }
@media (max-width: 1213px) { body { font-size: 45.5px; } }
@media (max-width: 1200px) { body { font-size: 45px; } }
@media (max-width: 1187px) { body { font-size: 44.5px; } }
@media (max-width: 1173px) { body { font-size: 44px; } }
@media (max-width: 1160px) { body { font-size: 43.5px; } }
@media (max-width: 1147px) { body { font-size: 43px; } }
@media (max-width: 1133px) { body { font-size: 42.5px; } }
@media (max-width: 1120px) { body { font-size: 42px; } }
@media (max-width: 1107px) { body { font-size: 41.5px; } }
@media (max-width: 1093px) { body { font-size: 41px; } }
@media (max-width: 1080px) { body { font-size: 40.5px; } }
@media (max-width: 1067px) { body { font-size: 40px; } }
@media (max-width: 1053px) { body { font-size: 39.5px; } }
@media (max-width: 1040px) { body { font-size: 39px; } }
@media (max-width: 1027px) { body { font-size: 38.5px; } }
@media (max-width: 1013px) { body { font-size: 38px; } }
@media (max-width: 1000px) { body { font-size: 37.5px; } }
@media (max-width: 987px) { body { font-size: 37px; } }
@media (max-width: 973px) { body { font-size: 36.5px; } }
@media (max-width: 960px) { body { font-size: 36px; } }
@media (max-width: 947px) { body { font-size: 35.5px; } }
@media (max-width: 933px) { body { font-size: 35px; } }
@media (max-width: 920px) { body { font-size: 34.5px; } }
@media (max-width: 907px) { body { font-size: 34px; } }
@media (max-width: 893px) { body { font-size: 33.5px; } }
@media (max-width: 880px) { body { font-size: 33px; } }
@media (max-width: 867px) { body { font-size: 32.5px; } }
@media (max-width: 853px) { body { font-size: 32px; } }
@media (max-width: 840px) { body { font-size: 31.5px; } }
@media (max-width: 827px) { body { font-size: 31px; } }
@media (max-width: 813px) { body { font-size: 30.5px; } }
@media (max-width: 800px) { body { font-size: 30px; } }
@media (max-width: 787px) { body { font-size: 29.5px; } }
@media (max-width: 773px) { body { font-size: 29px; } }
@media (max-width: 760px) { body { font-size: 28.5px; } }
@media (max-width: 747px) { body { font-size: 28px; } }
@media (max-width: 733px) { body { font-size: 27.5px; } }
@media (max-width: 720px) { body { font-size: 27px; } }
@media (max-width: 707px) { body { font-size: 26.5px; } }
@media (max-width: 693px) { body { font-size: 26px; } }
@media (max-width: 680px) { body { font-size: 25.5px; } }
@media (max-width: 667px) { body { font-size: 25px; } }
@media (max-width: 653px) { body { font-size: 24.5px; } }
@media (max-width: 640px) { body { font-size: 24px; } }
@media (max-width: 635px) { body { font-size: 23.8125px } }
@media (max-width: 630px) { body { font-size: 23.625px } }
@media (max-width: 625px) { body { font-size: 23.4375px } }
@media (max-width: 620px) { body { font-size: 23.25px } }
@media (max-width: 615px) { body { font-size: 23.0625px } }
@media (max-width: 610px) { body { font-size: 22.875px } }
@media (max-width: 605px) { body { font-size: 22.6875px } }
@media (max-width: 600px) { body { font-size: 22.5px } }
@media (max-width: 595px) { body { font-size: 22.3125px } }
@media (max-width: 590px) { body { font-size: 22.125px } }
@media (max-width: 585px) { body { font-size: 21.9375px } }
@media (max-width: 580px) { body { font-size: 21.75px } }
@media (max-width: 575px) { body { font-size: 21.5625px } }
@media (max-width: 570px) { body { font-size: 21.375px } }
@media (max-width: 565px) { body { font-size: 21.1875px } }
@media (max-width: 560px) { body { font-size: 21px } }
@media (max-width: 555px) { body { font-size: 20.8125px } }
@media (max-width: 550px) { body { font-size: 20.625px } }
@media (max-width: 545px) { body { font-size: 20.4375px } }
@media (max-width: 540px) { body { font-size: 20.25px } }
@media (max-width: 535px) { body { font-size: 20.0625px } }
@media (max-width: 530px) { body { font-size: 19.875px } }
@media (max-width: 525px) { body { font-size: 19.6875px } }
@media (max-width: 520px) { body { font-size: 19.5px } }
@media (max-width: 515px) { body { font-size: 19.3125px } }
@media (max-width: 510px) { body { font-size: 19.125px } }
@media (max-width: 505px) { body { font-size: 18.9375px } }
@media (max-width: 500px) { body { font-size: 18.75px } }
@media (max-width: 495px) { body { font-size: 18.5625px } }
@media (max-width: 490px) { body { font-size: 18.375px } }
@media (max-width: 485px) { body { font-size: 18.1875px } }
@media (max-width: 480px) { body { font-size: 18px } }
@media (max-width: 475px) { body { font-size: 17.8125px } }
@media (max-width: 470px) { body { font-size: 17.625px } }
@media (max-width: 465px) { body { font-size: 17.4375px } }
@media (max-width: 460px) { body { font-size: 17.25px } }
@media (max-width: 455px) { body { font-size: 17.0625px } }
@media (max-width: 450px) { body { font-size: 16.875px } }
@media (max-width: 445px) { body { font-size: 16.6875px } }
@media (max-width: 440px) { body { font-size: 16.5px } }
@media (max-width: 435px) { body { font-size: 16.3125px } }
@media (max-width: 430px) { body { font-size: 16.125px } }
@media (max-width: 425px) { body { font-size: 15.9375px } }
@media (max-width: 420px) { body { font-size: 15.75px } }
@media (max-width: 415px) { body { font-size: 15.5625px } }
@media (max-width: 410px) { body { font-size: 15.375px } }
@media (max-width: 405px) { body { font-size: 15.1875px } }
@media (max-width: 400px) { body { font-size: 15px } }
@media (max-width: 395px) { body { font-size: 14.8125px } }
@media (max-width: 390px) { body { font-size: 14.625px } }
@media (max-width: 385px) { body { font-size: 14.4375px } }
@media (max-width: 380px) { body { font-size: 14.25px } }
@media (max-width: 375px) { body { font-size: 14.0625px } }
@media (max-width: 370px) { body { font-size: 13.875px } }
@media (max-width: 365px) { body { font-size: 13.6875px } }
@media (max-width: 360px) { body { font-size: 13.5px } }
@media (max-width: 355px) { body { font-size: 13.3125px } }
@media (max-width: 350px) { body { font-size: 13.125px } }
@media (max-width: 345px) { body { font-size: 12.9375px } }
@media (max-width: 340px) { body { font-size: 12.75px } }
@media (max-width: 335px) { body { font-size: 12.5625px } }
@media (max-width: 330px) { body { font-size: 12.375px } }
@media (max-width: 325px) { body { font-size: 12.1875px } }
@media (max-width: 320px) { body { font-size: 12px } }


/*===== HEADER =====*/
header {
	border-bottom: 0.167em solid #092f90;
}
header .title {
	font-size: 0.5833em;
	color: #fff;
	background: #313131;
	font-weight: bold;
	line-height: 1.72;
	padding: 0 1.5625%;
	letter-spacing: -0.08em;
}

header .box_logo .logo {
	width: 42.1875%;
	margin: 0.834em 0 1em 1.5625%;
	float: left;
}
header .box_logo .btn_phone {
	width: 38.28%;
	margin: 0.5em 2.5% 0.71em;
	float: right;
	
}


/*===== NAVIGATION =====*/

.navigation {}


/*===== FOOTER =====*/

footer {
	border-top: 0.167em solid #3977c0;
	padding: 1.4584em 2% 1.2em 5.46875%;
}
footer .logo {
	float: left;
	width: 16.38%;
	margin-right: 3.158%;
}
footer .box_info {
	width: 79.842%;
	float: left;
	font-size: 0.667em;
	line-height: 1.25;
	margin-top: -0.2em;
}
footer .box_info .txt_address {
	letter-spacing: -0.08em;
	margin-top: 0.3em;

}


/*===== MAIN =====*/

.block_mv .box_phone {
	position: relative;
}
.block_mv .box_phone .btn_phone {
	position: absolute;
	left: 16.25%;
	width: 100%;
	bottom: 11em;
	width: 79.6875%;
	/*box-shadow: 0px 5px 5px 0px rgba(103, 124, 135, 0.5);*/
}
.block_mv .box_phone .girl {
	position: absolute;
	width: 50.3125%;
	left: -5px;
	bottom: -15px;
}
.block_mv .box_phone .point {
	position: absolute;
	width: 18.75%;
	right: 0;
	bottom: 6.4em;
}
.block_mv .mv_img02 {
	margin-top: -3.52em;
    z-index: 2;
    position: relative;
}

.block_sale .title {
	border-top: 1px solid #003b81;
	border-bottom: 1px solid #003b81;
	padding: 1px 0;
}
.block_sale .list_house li {
	width: 50%;
	float: left;
}

.block_banner {
	position: relative;
	background: #004392;
	background: -moz-linear-gradient(top,  #004392 0%, #003575 100%); 
	background: -webkit-linear-gradient(top,  #004392 0%,#003575 100%); 
	background: linear-gradient(to bottom,  #004392 0%,#003575 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004392', endColorstr='#003575',GradientType=0 ); 
	/*padding: 0.83em 0;*/
	padding: 0;
}
.block_banner .box {
	position: relative;
	background: #fff;
	font-size: 0.92em;
	font-weight: bold;
	line-height: 1.2;
	width: 100%;
	border-radius: 0.21em;
	display: table;
}
.block_banner .ttl {
	position: relative;
    z-index: 2;
    display: table-cell;
    vertical-align: middle;
    height: 3.4em;
    padding: 0 0 0 24.667%;
}
.block_banner .ttl.letter {
	letter-spacing: -0.07em;
}
.block_banner .box:after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-left: 1.27em solid transparent;
	border-right: 1.25em solid transparent;
	border-top: 0.8em solid #fff;
	left: 43.5%;
	bottom: -0.68em;
}
.block_banner .box span {
	font-size: 1.18em;
}
.block_banner a {
	display: block;
	/*margin-top: 0.83em;
	padding: 0 4%;*/
	padding: 0;
}
.block_banner .girl {
	position: absolute;
	width: 39.0625%;
	left:0;
	bottom: 0;
}
.block_banner .point {
	position: absolute;
	right: 0;
	bottom: -0.6em;
	width: 19.375%;
}

.block_banner .point02 {
	position: absolute;
	right: 0;
	bottom: -1.8em;
	width: 19.375%;
}

.block_customer .box_text {
	background: #d0edff; 
	background: -moz-linear-gradient(top,  #d0edff 0%, #ffffff 100%); 
	background: -webkit-linear-gradient(top,  #d0edff 0%,#ffffff 100%); 
	background: linear-gradient(to bottom,  #d0edff 0%,#ffffff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0edff', endColorstr='#ffffff',GradientType=0 );
	font-size: 1.08em;
	line-height: 1.15;
	text-align: center;
	padding: 0.8em 0 0.74em;
}

.block_bnr03 {
	position: relative;
	background: #004392;
	background: -moz-linear-gradient(top,  #004392 0%, #003575 100%); 
	background: -webkit-linear-gradient(top,  #004392 0%,#003575 100%); 
	background: linear-gradient(to bottom,  #004392 0%,#003575 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004392', endColorstr='#003575',GradientType=0 ); 
	padding: 0.83em 0;
	/*background: url(../images/top/banner_btn03_bg.png) no-repeat;
	background-size: contain;
	height: 0;
	padding-top: 87.03%;*/
}

.block_bnr03 a {
	display: block;
	margin-top: 0;
	padding: 0 4%;
	z-index: 2;
}

.block_bnr03 .point {
	position: absolute;
	right: 0;
	bottom: -0.375em;
	width: 19.375%;
}

iframe {
	display: none !important;
}


/* ---------------------
  動くボタン 
 ---------------------*/

/* type1 */

ul.detail {
  margin: 0;
}

ul.detail　li.type1 {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

/*
.type1 div.move {
  margin: 0;
}
 
.type1 div.move img {
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, transform 0.6s;
}
 
.type1:hover div.move img {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
*/









ul {
  list-style: none;
  top: 0;
  /*height: 180px;*/
  margin: 0;
  padding: 0;
  text-align: center;
}
 
ul li,
ul li dl {
  width: 100%;
  /*height: 180px;*/
}
 
ul {
  /*letter-spacing: -1em;*/
}
 
ul li {
  display: inline-block;
  position: relative;
  overflow: hidden;
  /*margin: 0 5px;*/
  letter-spacing: 0;
}
 
ul dl {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  top: 0;
  margin: 0;
  /*padding: 20px 25px;*/
  color: #fff;
  /*background: rgba(205,92,92,.9);*/
}
 
ul dl dt {
  /*margin-bottom: 0.3em;*/
}
 
ul dl dd {
  margin: 0;
  /*font-size: 10px;
  line-height: 1.6;
  text-align: justify;*/
  word-break: break-all;
}
 
ul dl dd:last-of-type {
  /*margin-top: 10px;
  text-align: right;*/
}
 
ul a {
  /*padding: 0.3em 0.5em;*/
  background-color: #fff;
}


/* type1 */
 
.type1 dl {
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  /*-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, transform 0.6s;*/
}
 
.type1:hover dl {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}