@charset "utf-8";
/*ページ幅指定*/
#wrap{width: 100%;/*max-width: 1200px;*/margin: auto;}
.content{min-height:600px;}

.section-inner{padding: 40px;max-width: 1200px;margin: auto;}
.box{margin-bottom: 30px;}
@media screen and (max-width:640px){
.content{min-height:0;}
.section-inner{padding: 20px;}
.box{margin-bottom: 20px;}
}
/* 　text
******************************************/
body{color: #3d1200;}

p{margin-bottom: 11px;}
strong{color: #e60012;font-weight: bold;}
.come{font-size: 12px;color: #999;}

.label{padding: 3px 8px;border-radius:2px;font-size: 12px;}
.label-required{background: #e60012;color: #fff;margin-left: 10px;vertical-align: 2px;}

h1,h2,h3,h4,h5,h6{font-size: 120%;font-weight: bold;}
h1{font-size: 300%;/*font-family:"游明朝",'Droid Serif',"ヒラギノ明朝 Pro W3", "小塚明朝 Pro","ＭＳ Ｐ明朝",serif;*/}
h2{font-size: 200%;line-height: 1.4;}
h3{font-size: 150%;}
@media screen and (max-width:900px){
h1{font-size: 240%;}
h2{font-size: 180%;}
h3{font-size: 130%;}
}
@media screen and (max-width:640px){
h1{font-size: 150%;}
h2{font-size: 130%;}
h3{font-size: 110%;}
}

.title{font-size: 180%;text-align: center;color: #3d1200}
.img-title{max-width: 900px;}
@media screen and (max-width:900px){
.title{font-size: 220%;}
.title .title-inner{background-size: 60px;padding-left: 60px;}
}
@media screen and (max-width:640px){
.title{font-size: 160%;line-height: 1.4;}
}
.balloon{border-radius:30px;font-size: 90%;padding: 3px 13px 5px;background: #205879;color: #fff;margin-right: 10px;position: relative;}
.balloon:after {
  top: 30%;
  right: -30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #205879;
	border-width: 10px;
	margin-left: -10px;
}

a{color: #f08200;text-decoration: underline;}
a:hover,a:visited,a:active{color: #fe9e2d;}

.btn{text-decoration: none;}
.btn-zerogreen{background: #7FBE25;color: #fff !important;text-shadow:-1px -1px 1px  rgba(0,0,0,.1);border-bottom: solid 3px #99CB51;}
.btn-zerogreen:hover,
.btn-zerogreen:active,
.btn-zerogreen:focus{border-bottom: solid 3px #7aaa31;color: #fff;}

.btn-zeroorange{background: #f39c33;color: #fff !important;text-shadow:-1px -1px 1px  rgba(0,0,0,.1);border-bottom: solid 3px #f39c33;}
.btn-zeroorange:hover,
.btn-zeroorange:active,
.btn-zeroorange:focus{border-bottom: solid 3px #d37000;color: #fff;}

/* 　header
******************************************/
.header-title{background: #111;color: #fff;font-size: 70%;font-weight: normal;padding:3px 20px;
position: relative;z-index: 20;}
.headline{background: #fff;position: relative;padding: 10px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
.headline .logo,
.headline .tel{max-width: 300px;margin: auto;}
.headline .tel{margin-top: 10px;}
#sp-nav,
#sp-nav-close{display: none;}
@media screen and (min-width:1300px){.logo{left: 45%;}}
@media screen and (max-width:900px){
.logo{position: static;padding: 0;max-width: 150px;}
.headline li{font-size: 80%;}
.headline li i{font-size: 4vw;}
.headline li:nth-child(1),
.headline li:nth-child(2),
.headline li:nth-child(3),
.headline li:nth-child(4){width: 20%;margin-right: 0;margin-left: 0;}
.headline li:nth-child(5){width: 18%;margin-left: 2%;}
}
@media screen and (max-width:640px){
.headline .logo{max-width: 200px;}
.header-title{line-height: 1.2;padding: 3px 10px;}
.headline .tel{text-align: center;max-width: 200px;}
	
#sp-nav{display:block;color: #3a86d3;}
#sp-nav-close{display: block;}
#sp-nav a{display: block;border-radius:10px;color: #3a86d3;}
#sp-nav a:hover,
#sp-nav a:active{background: #eee;}
.headline li:nth-child(5){margin-left: 0;}
.headline nav > ul{display: none;}
.headline nav.show > ul{display: block;position: absolute;background: rgba(255,255,255,.95);width: 100%;left: 0;margin-top: 10px;}
.headline nav.show > ul li{width: 100%;display: block;float: none;border-top: solid 1px #3a86d3;}
.headline nav.show > ul li a{border-radius:0;padding: 15px 10px;}
.headline nav.show > ul li#sp-nav-close a{background: rgba(0,0,0,.7);color: #fff;cursor:pointer;}
.headline nav.show > ul li a:hover,
.headline nav.show > ul li a:active{background: rgba(0,0,0,.1);color: #1160b0;text-decoration: none !important;}
.headline nav.show > ul li#sp-nav-close a:hover,
.headline nav.show > ul li#sp-nav-close a:active{background: rgba(0,0,0,.9);}
}

.mainvisual{position: relative;text-align: center;box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.2);z-index: 2;background: url(/src/img/mainimg-bg.jpg) repeat-x center center;background-size:cover;
-webkit-animation: anime1 50s linear infinite;
-ms-animation: anime1 50s linear infinite;
animation: anime1 50s linear infinite;}
.index .mainvisual{padding-bottom: 40px;}
.mainvisual img{max-width: 800px;}

@-webkit-keyframes anime1 {
0% {background-position: 0 0;}
100% {background-position: -2000px 0;}
}

@keyframes anime1 {
0% {background-position: 0 0;}
100% {background-position: -2000px 0;}
}
@media screen and (min-width:640px){
}


/* 　list:single
******************************************/
.slick-initialized{opacity: 1;}
.list-all{margin-top: -40px;position: relative;z-index: 99;padding: 0 20px 20px;}


.list-single{width: 19%;margin-right: 1.25%;float: left;}
.list-single:nth-child(5n){margin-right: 0;}
.list-single:nth-child(5n+1){clear: both;}

@media screen and (max-width:1600px){
.list-single{width: 24%;margin-right: 1.33%;float: left;}
.list-single:nth-child(5n){margin-right: 1.33%;}
.list-single:nth-child(5n+1){clear: none;}
.list-single:nth-child(4n){margin-right: 0;}
.list-single:nth-child(4n+1){clear: both;}
}
@media screen and (max-width:1200px){
.list-single{width: 32.4%;margin-right: 1.4%;float: left;}
.list-single:nth-child(5n){margin-right: 1.4%;}
.list-single:nth-child(5n+1){clear: none;}
.list-single:nth-child(4n){margin-right: 1.4%;}
.list-single:nth-child(4n+1){clear: none;}
.list-single:nth-child(3n){margin-right: 0;}
.list-single:nth-child(3n+1){clear: both;}
}
@media screen and (max-width:900px){
.list-single{width: 49%;margin-right: 1%;float: left;}
.list-single:nth-child(5n){margin-right: 1%;}
.list-single:nth-child(5n+1){clear: none;}
.list-single:nth-child(4n){margin-right: 1%;}
.list-single:nth-child(4n+1){clear: none;}
.list-single:nth-child(3n){margin-right: 1%;}
.list-single:nth-child(3n+1){clear: none;}
.list-single:nth-child(2n){margin-right: 0;}
.list-single:nth-child(2n+1){clear: both;}
}
@media screen and (max-width:640px){
.list-single{width: 100%;margin-right: 0 !important;float: none !important;}
}


.list-single{box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);padding: 0 10px 10px;border-radius:5px;border: solid 1px #3d1200;position: relative;text-align: left;font-size: 80%;overflow: hidden;margin-bottom: 10px;background: #fff;}

.list-single .thumb .mainimg{margin-bottom: 3%;border: solid 1px #ddd;position: relative;width: 100%;background: no-repeat center center;background-size:contain;padding-top: 75%;border: solid 1px #ddd;transition:all .2s linear 0s;}
.list-single .thumb a{display: block;position: relative;overflow: hidden;}
.list-single .thumb a:hover .mainimg,
.list-single .thumb a:active .mainimg,
.list-single .thumb a:focus .mainimg{transform:scale(1.05);}

.list-single .labels{margin-bottom: 10px;}
.list-single .labels li{padding:2px 10px;border-radius:0 0 5px 5px;display: inline-block;border: solid 1px #a87561;border-top: 0;color: #3d1200;vertical-align: top;float: right;margin-left: 5px;}
.list-single .labels .fee{font-size: 120%;background: #FCC800;color: #3d1200;position: absolute;top: 20px;left: -117px;transform:rotate(-45deg);border-radius:0;width: 300px;text-align: center;float: none;line-height: 1;padding: 10px 0 8px;border-bottom: 0;z-index: 10;}
.list-single .labels .is-new{background: #7FBE25;border: 0;color: #fff;}
.list-single .labels .is-newbuild{background: #F08200;color: #fff;border-color: #e27900;}

.list-single .title{font-size: 130%;text-align: left;margin-bottom: 10px;line-height: 1.6;height: 3em;overflow: hidden;}
.list-single .title a{color: #004CCA;}
.list-single .title a:hover,
.list-single .title a:active,
.list-single .title a:focus{color: #3500c6;text-decoration: underline;}
.list-single .catch{margin-bottom: 8px;}
.list-single .catch{background: #fcf4d6;border-radius:5px;padding: 10px;font-size: 90%;font-weight: bold;}

.list-single h3.detail-title{font-size: 90%;line-height: 1;background: #3d1200;color: #fff;padding: 5px 20px;display: inline-block;border-radius:5px 5px 0 0;}
.list-single .data .data-single{margin-bottom: 5px;}
.list-single .data .data-single i{margin-right: 3px;}
.list-single .data .data-price{font-size: 150%;border-bottom: solid 1px #3d1200;}
.list-single .data dt,
.list-single .data dd{display: block;vertical-align: middle;}
.list-single .data dt{width: 30%;float: left;background: #3d1200;color: #fff;border-radius:3px 3px 0 0;font-size: 90%;text-align: center;padding:5px;margin-top: 5px;}
.list-single .data dd{padding: 0 5px;width: 70%;float: right;text-align: center;}
.list-single .data .data-price .num{color: #f00;font-size: 180%;line-height: 1;}
.list-single .data .data-address{font-size: 90%;color: #3d1200;margin-bottom: 3px;}
.list-single .data .data-info table{margin: 0;font-size: 90%;}
.list-single .data .data-info tr{border-bottom: solid 1px #f2f0ef;}
.list-single .data .data-info th,
.list-single .data .data-info td{font-size: 90%;color: #3d1200;padding: 2px;text-align: center;}
.list-single .data .data-info th{background: #f2f0ef;}
.list-single .data .data-info .tsubo{font-size: 90%;}

@media screen and (max-width:640px){
.list-single{padding: 0 10px 10px;}
.list-single .thumb{width: 40%;float: left;}
.list-single .thumb .mainimg{border-top: 0;}
.list-single .heading{width: 58%;float: right;}
.list-single .data{width: 58%;float: right;}
.list-single .title{font-size: 90%;margin-bottom: 5px;}
.list-single .data .data-price{font-size: 100%;}
.list-single .data dd{padding-top: 5px;}
.list-single .data .data-address{font-size: 70%;margin-bottom: 2px;line-height: 1.2;}
}

.list-footer{padding: 20px;}
/* 　about
******************************************/
.about{background: #7fbe25;color: #fff;text-align: center;}
.about strong{color: #ff0;}
.about h1{border-bottom: solid 5px #52810f;}
.about .text{background: #679b1c;padding: 40px 20px;font-size: 110%;}
.about strong{color: #ff0;}
@media screen and (max-width:640px){
.about-header{border-radius:0;padding: 10px 0;}
.about-body h3{margin-top: 20px;}
.about .text{font-size: 100%;}
}

/* 　reason
******************************************/
.reason h1{margin-top: 30px;}
.reason h2{margin-bottom: 30px;}
.reason h2 img{max-width: 600px;}
.reason-single.even{background: #f6f6f6;}
.reason-single strong{color: #f08200;}
.reason-single .text{line-height: 2;}
@media screen and (min-width:641px){
.reason .reason-img{width: 48%;}
.reason .right{width: 50%;font-size: 110%;}
}

/* 　cta
******************************************/
.cta{text-align: center;padding: 30px 0;}
.cta .cta-btn img{max-width: 900px;}
@media screen and (min-width:640px){
.cta{background-attachment: fixed;padding: 20px;}
}
@media screen and (max-width:640px){
.cta{padding: 20px;}
}

/* 　flow
******************************************/
.flow{background: #eee ;border-top: solid 5px #ddd;}
.flow-single{background: rgba(255,255,255,.9);color: #3d1200;border-radius:10px;text-align: left;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);width: 23.5%;margin-right: 2%;float: left;}
.flow-single:last-child{margin-right: 0;}
.flow h2{margin-bottom: 20px;}
.flow-single .left{text-align: center;padding-top: 30px;}
/*.flow-single h3,*/
.flow-single strong{color: #3d1200/*#FCE395*/;font-size: 110%;}
.flow-single a{color: #3d1200;text-decoration: underline;}
.flow-single .number{background: #3d1200;color: #fff;text-shadow:none;padding: 2px 8px;margin-right: 8px;}
.flow-single h3{padding: 10px;font-size: 110%;}
.flow-single .text{padding: 10px;font-size: 90%;}
.flow-single img{border-top: solid 1px rgba(0,0,0,.1);border-bottom: solid 1px rgba(0,0,0,.1);}
@media screen and (max-width:640px){
.flow-single{min-height:0;font-size: 90%;width: 100%;margin-right: 0;margin-bottom: 10px;}
.flow-single h3{text-align: left;font-size: 120%;margin: 10px 0 20px;}
}


/* 　company
******************************************/
.company{background: #7fbe25 url(/src/img/company/company-bg2.png) no-repeat right bottom;}
.company h2{margin-bottom: 30px;color: #fff;font-size: 200%;border: none;}
.company .table-company{font-family: "Noto Sans JP";background: transparent;}
.company .table-company tr{background: transparent;}
.company .table-company th{background: #fff;color: #7fbe25;}
.company .table-company td{text-align: left;color: #000;}
.company .table-company img{width: auto;}
.company .table-company a{color: #205879;}
.company .table-company .img-auto{width: auto;}
.company .table-company tr{box-shadow:none;}
.company .table-company .company-address{max-width: 210px;}
.company .table-company .company-ceo{max-width: 75px;}
@media screen and (max-width:640px){
}
/* 　footer
******************************************/
.footer-link{clear: both;background: #111;color: #fff;padding: 30px;text-align: center;}
.footer-link li{display: inline-block;border-left: solid 1px rgba(255,255,255,.5);line-height: 1;}
.footer-link li:first-child{border-left: 0;}
.footer-link a{color: #fff;text-decoration: none;display: block;padding: 2px 10px;}
.footer-link a:hover,
.footer-link a:active,
.footer-link a:focus{color: #F08200;}
footer{width: 100%;background: #205879;color: #fff;
font-size: 80%;text-align: center;padding: 40px 20px;}
@media screen and (max-width:640px){
.footer-link{padding: 10px;}
.footer-link li{display: block;border-left: 0;border-top: solid 1px rgba(255,255,255,.5);line-height: 1.4;}
.footer-link li:first-child{border-top: 0;}
.footer-link a{display: block;padding: 15px 10px;text-align: center;}
.footer-link a:hover,
.footer-link a:active{background: #1160b0;}
}

/* 　sub
******************************************/
.sub .content{padding: 40px 20px;background: #fff;border-radius:20px;max-width: 1200px;margin: 60px auto;
box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}

/* 　contact
******************************************/
#contact h2{margin-bottom: 30px;}
#contact th{background: rgba(32,88,121,.1);}
#contact th,
#contact td{border: solid 5px #fff;padding: 10px;}
.label-required{border-radius:30px;}
.submit{margin-top: 30px;}
@media screen and (max-width:640px){
#contact th,#contact td{padding: 10px 5px;}
}
.form-group .input-s{width: 30%;margin-right: 1%;}
.form-subttl{display: block;}


/* slide
***************************/

.slide{position: relative;overflow: hidden;width: 100%;}
.slide *{transition: all .3s ease-in 0s;}
.slide ul{width: 100%;position: relative;margin: auto;}
.slide li{position: absolute;width: 30%;float: left;text-align: center;margin-left: -100%;
box-shadow:0 3px 20px 0 rgba(0,0,0,.3);transform:scale(.7,.7);opacity: 0;}
.slide li.current{margin-left: 35%;z-index: 10;transform:scale(1,1);opacity: 1;}
.slide li.prev{margin-left: 15%;z-index: 2;transform:scale(.8,.8);opacity: 1;}
.slide li:hover img{opacity: .95;}

/* brand
***************************/

#slide-brand li.next{margin-left: 55%;z-index: 2;transform:scale(.8,.8);opacity: 1;}
#slide-brand li.prev2{margin-left: -8%;z-index: 2;transform:scale(.7,.7);opacity: 1;}
#slide-brand li.next2{margin-left: 78%;z-index: 1;transform:scale(.7,.7);opacity: 1;}
@media screen and (max-width:1200px){
#slide-brand li{width: 50%;}
#slide-brand li.current{margin-left: 25%;}
#slide-brand li.prev{margin-left: 0%;}
#slide-brand li.next{margin-left: 50%;}
#slide-brand li.prev2{margin-left: -38%;}
#slide-brand li.next2{margin-left: 88%;}
}
@media screen and (max-width:640px){
#slide-brand li{width: 80%;}
#slide-brand li.prev2,
#slide-brand li.next2{margin-left: -100%;}
#slide-brand li.current{margin-left: 10%;}
#slide-brand li.prev{margin-left: -30%;}
#slide-brand li.next{margin-left: 70%;}
}


#footer-contact{background: rgba(0,0,0,.4);position: fixed;bottom: 0;width: 100%;text-align: center;padding: 10px;opacity: 0;z-index: 99;}
#footer-contact.show{opacity: 1;}
#footer-contact .tel{width: 44%;float: left;}
#footer-contact .btn{width: 54%;float: right;color: #3d1200;padding: 15px;margin-top: 5px;}
/*@media screen and (min-width:641px){ #footer-contact{display: none !important;} }*/
@media screen and (min-width:641px){
#footer-contact{width: 40%;right: 0;}
}
@media screen and (max-width:640px){
#footer-contact .btn{padding: 10px;margin-top: 0;}
}