/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600);*/
/*---------------------------------------------
Reset Style
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

html {
	height: 100%;
	color: #fff;
	-webkit-font-smoothing: antialiased;
}

body {
	height: 100%;
	-webkit-font-smoothing: antialiased;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Meiryo, "メイリオ", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	height: 100%;
	text-align: center;
}

* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

* + html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

hr,
legend {
	display: none;
}

img {
	border: none;
	vertical-align: bottom;
}

div,
dl,
dt,
dd,
form,
input,
ul,
ol,
li,
p,
select,
textarea,
span,
th,
td {
	margin: 0;
	padding: 0;
}

address,
th,
caption,
em,
	{
	font-style: normal;
	font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

input,
select,
textarea {
	font-size: 100%;
	font-family: inherit;
	font-weight: inherit;
}

sup {
	vertical-align: top;
	font-size: 72%;
}

sub {
	vertical-align: bottom;
	font-size: 72%;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-size: inherit;
}

caption {
	text-align: left;
}

fieldset {
	border: 0;
}

a {
	overflow: hidden;
	outline: none;
}

a:link {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #333;
	text-decoration: none;
}

a:hover,
a:active {
	color: #333;
	text-decoration: underline;
}

@font-face {
	font-family: EngFontRe;
	src: url("../fonts/Roboto-Regular.eot");
}

@font-face {
	font-family: EngFontRe;
	src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}

@font-face {
	font-family: EngFontMe;
	src: url("../fonts/Roboto-Medium.eot");
}

@font-face {
	font-family: EngFontMe;
	src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}

/*-------------------------------------------------- */
/* title
-------------------------------------------------- */
h2 {
	font-size: 180%;
	line-height: 120%;
	font-weight: 600;
}

h3 {
	font-size: 180%;
	line-height: 120%;
	font-weight: 600;
	margin-bottom: 30px;
}

h3 span {
	font-size: 200%;
	line-height: 100%;
	letter-spacing: -0.05em;
	font-weight: normal;
	font-family: EngFontRe;
	opacity: 0.5;
}

h4 {
	font-size: 160%;
	line-height: 120%;
	font-weight: 700;
	margin-bottom: 20px;
	color: #00448d;
}

/*-------------------------------------------------- */
/* common
-------------------------------------------------- */
.img-responsive {
	max-height: 100%;
}

.tlc {
	display: block;
	text-align: center !important;
	margin: 0 auto 10px;
}

.tll {
	text-align: left !important;
}

.text-white {
	color: #FFFFFF;
}

.pat10 {	padding-top: 10px !important;}
.pat20 {	padding-top: 20px !important;}
.pat30 {	padding-top: 30px !important;}
.pat40 {	padding-top: 40px !important;}
.pat50 {	padding-top: 70px !important;}

.pab10 {	padding-bottom: 10px !important;}
.pab20 {	padding-bottom: 20px !important;}
.pab30 {	padding-bottom: 30px !important;}
.pab40 {	padding-bottom: 40px !important;}
.pab50 {	padding-bottom: 70px !important;}

.mat05 {	margin-top: 5px !important;}
.mat10 {	margin-top: 10px !important;}
.mat15 {	margin-top: 15px !important;}
.mat20 {	margin-top: 20px !important;}
.mat25 {	margin-top: 25px !important;}
.mat30 {	margin-top: 30px !important;}
.mat35 {	margin-top: 35px !important;}
.mat40 {	margin-top: 40px !important;}
.mat45 {	margin-top: 45px !important;}
.mat50 {	margin-top: 50px !important;}

.mab05 {	margin-bottom: 5px !important;}
.mab10 {	margin-bottom: 10px !important;}
.mab15 {	margin-bottom: 15px !important;}
.mab20 {	margin-bottom: 20px !important;}
.mab25 {	margin-bottom: 25px !important;}
.mab30 {	margin-bottom: 30px !important;}
.mab35 {	margin-bottom: 35px !important;}
.mab40 {	margin-bottom: 40px !important;}
.mab45 {	margin-bottom: 45px !important;}
.mab50 {	margin-bottom: 50px !important;}


.radio {
	text-align: left;
}

.posR {
	position: relative;
}

.pab30 {
	padding-bottom: 30px;
}

.fl {
	float: left;
}

.fr {
	float: right:
}

.fw {
	font-weight: bold;
}

.title {
	background: #00a0e9;
	color: #ffffff;
	font-size: 2.4rem;
	font-weight: bold;
	padding: 20px;
}

.notes {
	font-size: 1.3rem;
	margin-top: 20px;
}

/*-------------------------------------------------- */
/* #section1
-------------------------------------------------- */
#section1 {
	margin-bottom: 40px;
}

#section1 .row {
	width: 95%;
	margin: 0 auto;
}

#section1 p img {
	text-align: center;
	margin: 0 auto;
}

#section1 .features-list {
	width: 100%;
	margin: 0 auto;
}

#section1 .features-list li {
	padding: 0;
	line-height: 0.7;
}

#section1 .features-list li a {
	display: inline-block;
	color: #ffffff;
	transition: .3s;
}

#section1 .features-list li .more::after {
	display: inline-block;
	content: "＞";
	margin-left: 5px;
}

#section1 .features-list li a:hover {
	text-decoration: none;
	opacity: 0.7;
}

#section1 .features-list li:first-of-type {
	background: #00449c;
}

#section1 .features-list li:nth-of-type(2) {
	background: #f39700;
}

#section1 .features-list li:nth-of-type(3) {
	background: #3eb034;
}

#section1 .features-list li:last-of-type {
	background: #00a0e9;
}

#section1 .features-list li .textarea {
	color: #ffffff;
	padding: 15px;
}

#section1 .features-list li .textarea .lead {
	font-size: 2.1rem;
	font-weight: 700;
}

#section1 .features-list li .textarea .more {
	margin-bottom: 0;
	text-align: right;
}

/*-------------------------------------------------- */
/* #section3
-------------------------------------------------- */
.section3 .notes {
	padding-left: 3em;
}

/*-------------------------------------------------- */
/* #plan-example
-------------------------------------------------- */

.plan-example .price {
	border-top: 1px solid #999999;
	padding-top: 25px;
}

.plan-example .thumb {
	margin: 0 auto;
}

.plan-example .thumb > div {
	margin-bottom: 25px;
}

/*-------------------------------------------------- */
/* .tent-type
-------------------------------------------------- */

.tent-type {
	margin-bottom: 55px;
}

/*-------------------------------------------------- */
/* #section3
-------------------------------------------------- */
.section3 .notes {
	padding-left: 3em;
}


/*-------------------------------------------------- */
/* #section5
-------------------------------------------------- */
#outline {
	color: #666;
}

#outline th {
	padding: 15px 0;
	width: 23%;
}

#outline td {
	padding: 15px 0;
	text-align: left;
}

#outline td a {
	color: #2a73aa;
}

#outline td dt {
	float: left;
	width: 13em;
	font-weight: 400;
}

#outline td dd {
	float: left;
}

.warn {
	width: 80%;
	margin: 20px auto 0;
	text-align: left;
	color: #666;
}

.container .row .visionTxt {
	text-align: center !important;
	font-size: 115%;
	margin-bottom: 40px;
}

/*-------------------------------------------------- */
/* #section6
-------------------------------------------------- */
.section6 {
	padding: 0px 20px !important;
}

/*-------------------------------------------------- */
/* #section7
-------------------------------------------------- */
.section7 {
	margin-bottom: 40px;
}

.section7 img {
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 40px;
}

/*-------------------------------------------------- */
/* banner
-------------------------------------------------- */
.banner {
	padding: 20px;
	background: #00448d;
	width: 95%;
	margin: 0 auto 10px;
}

.banner h3 {
	font-size: 180%;
	line-height: 120%;
	font-weight: 600;
	padding: 5px;
	margin-bottom: 0px;
	display: block;
	background: #fff300;
	color: #00448d;
}

.banner p {
	text-align: left;
	color: #fff300;
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #fff300;
}

.banner p:last-child {
	border-bottom: none;
	padding-bottom: 0px;
	font-size: 94%;
}

.banner a {
	color: #fff;
}

.banner2 {
	padding: 10px 5px;
	border: 1px solid #ccc;
	width: 95%;
	margin: 0 auto;
	text-align: center;
}

.banner2 img {
	margin: 0 auto;
}

.pamphlet-banar {
	margin: 0 auto 40px;
	text-align: center;
	width: 95%;
}

.pamphlet-banar a {
	display: block;
	transition: .3s;
}

.pamphlet-banar a:hover {
	opacity: 0.7;
}

/*-------------------------------------------------- */
/* base
-------------------------------------------------- */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;
	padding: 0 0 60px;
}

#wrap > .container {
	padding: 40px 20px 20px;
}

.container .credit {
	margin: 20px 0;
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}

.container .row p {
	text-align: left;
	margin-bottom: 20px;
}

.container .row dl {
	margin: 0px 0px 30px;
}

.container .row dt {
	font-size: 130%;
	line-height: 120%;
	font-weight: 600;
	margin: 20px 0px 0px;
	color: #666;
	border-top: 1px solid #ccc;
	padding: 20px 0px;
}
.container .row dt.noborder {
	border-top: none;
}


.container .row dd {
	text-align: left;
	margin: 20px 0px 0px;
}

.container.section6 .row dd {
	margin: 0px;
}

.container .row dd img {
	margin: 0px auto;
}

.container .row button a {
	color: #fff;
	text-decoration: none;
}

.container .project dd {
	text-align: center;
	margin: 10px 0px 0px;
}

.news {
	background-color: #eeeeee;
	padding: 30px 0;
}

.news dl.row + dl.row {
	margin-top: 20px;
}

.news .row dt {
	font-size: 100%;
	line-height: inherit;
	font-weight: normal;
	margin: 0;
	color: inherit;
	border-top: none;
	padding: 0;
	text-align: left;
}

.news .row dd {
	text-align: left;
	margin: 0;
}

section {
	color: #ffffff;
	min-height: 200px;
	height: auto !important;
	height: 100%;
	padding-top: 60px;
}

.bg2 {
	background: url('../images/bg2.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg3 {
	background: url('../images/bg3.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg4 {
	background: url('../images/bg4.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg5 {
	background: url('../images/bg5.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*
.bg5 {
background: url('../images/bg6.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
*/
.bg6 {
	background: url('../images/bg6.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg7 {
	background: url('../images/bg7.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg_style01 {
	background: #eeeeee;
	padding: 30px 0;
}

.bg_style02 {
	background: #f7f4e6;
	padding: 40px 0;
}

/*-------------------------------------------------- */
/* header
-------------------------------------------------- */
header {
	background: #333;
	color: #555;
	overflow: hidden;
	margin-bottom: 50px;
}

header .dropdown-menu {
	top: 74px;
	background: #ffcc33;
	border-width: 0;
}

.headArea {
	width: 100%;
	height: auto;
	position: fixed;
	z-index: 999;
	background: #333;
}

.headArea a {
	text-decoration: none;
}

.headArea .forTxt {
	text-align: left;
	color: #ffffff;
	font-size: 90%;
	padding-top: 14px;
}

.headArea .forTxt br {
	display: none;
}

.headArea .tel {
	text-align: right;
	color: #ffffff;
	font-size: 143%;
	padding-top: 12px;
}

#type_a,
#type_b,
#type_c {
	margin-top: -112px;
	padding-top: 112px;
}

#fqa2 {
	margin-top: -112px;
	padding-top: 112px;
}

.txtul a {
	text-decoration: underline;
}

.txtul a:hover {
	color: #999;
}

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
	bottom: 170px;
	font-size: 207%;
	position: absolute;
	left: 0;
	right: 0;
	padding-bottom: 30px;
}

.carousel-caption p {
	font-size: 72%;
}

.carousel-caption a {
	margin-top: 20px;
	color: #fff;
}

.carousel-caption a span {
	padding: 0 10px;
}

.container-fluid:before,
.container-fluid:after {
	display: table;
	content: " "
}

.container-fluid:after {
	clear: both
}

.swiper-container {
	margin-top: 102px !important;
}

.swiper-slide {
	height: 800px !important;
}

.swiper-slide:first-of-type {
	background: url(../images/main_visual1.jpg) no-repeat center top;
	background-size: cover;
}
.swiper-slide:nth-of-type(2) {
	background: url(../images/main_visual2.jpg) no-repeat center top;
	background-size: cover;
}
.swiper-slide:nth-of-type(3) {
	background: url(../images/main_visual3.jpg) no-repeat center top;
	background-size: cover;
}
.swiper-slide:nth-of-type(4) {
	background: url(../images/main_visual4.jpg) no-repeat center top;
	background-size: cover;
}
/*-------------------------------------------------- */
/*visual
-------------------------------------------------- */
#myCarousel .item {
	height: 800px;
	/*620px*/
	background-color: #000;
	/*bbb*/
	padding-top: 100px;
}

#myCarousel2 .item {
	height: 250px;
	background-color: #bbb;
}

#myCarousel img {
	position: absolute;
	top: 100px;
	left: 0;
	min-width: 100%;
	width: 100%;
	min-width: 794px;
	min-height: 500px;
	height: auto;
}

#myCarousel2 img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	width: 100%;
	min-width: 640px;
	min-height: 150px;
	height: auto;
}

.logo {
	font-size: 40px;
	position: absolute;
	z-index: 990;
	color: #333;
	top: 144px;
	text-align: center;
	width: 100%;
	left: -20%;
}

.leadInq {
	margin-top: 20px;
	min-width: 100%;
	width: 100%;
	background-color: #000000;
	margin: 0;
	padding: 5px 0;
	color: #ffffff;
	/*opacity: 0.5;*/
	/*min-width:794px;
	min-height:500px;*/
	height: auto;
}

.leadInq a {
	color: #ffffff;
	text-decoration: underline;
}

.leadInq a:hover {
	color: #999;
}

.leadInq span {
	display: inline-block;
}

/*-------------------------------------------------- */
/*navi
-------------------------------------------------- */
.navbar {
	margin-bottom: 0;
}

#nav {
	position: static;
	width: 100%;
}

/* 160721 変更
#nav { width: 100%; position:static;  top:-32px;}
#nav.affix {position: fixed; top: 0; z-index:10; -webkit-transition: all .6s ease-in-out;}
*/
@media (min-width: 767px) {
	.navbar-nav.nav-justified > li {
		float: none;
	}
}

.navbar-nav {
	margin: 1px 1px;
}

/* customize nav style */
.navbar-custom {
	background-color: #2e2e2e;
	font-weight: 700;
	text-transform: uppercase;
	box-sizing: border-box;
	border-top: solid 1px #666666;
	box-shadow: 0 -1px 0 rgba(16, 16, 16, 1);
}

.navbar-custom .navbar-nav > li > a {
	color: #ddd;
}

.navbar-custom .dropdown-menu li > a:hover {
	color: #eee;
}

.navbar-custom .navbar-nav li > a:hover,
.navbar-nav li .open,
.navbar-custom .navbar-nav .active a {
	background-color: #000;
}

.navbar-custom .navbar-nav > .dropdown > a .caret {
	border-top-color: #999;
	border-bottom-color: #999;
}

.navbar-collapse.in {
	/*3.0.2 bug workaround*/
	overflow-y: visible;
}

.navbar-toggle {
	outline: 0;
}

.panel {
	border-width: 0;
}

@media (max-width: 768px) {
	header {}
}

#map-canvas {
	width: 100%;
	height: 300px;
	margin: 0;
	padding: 15px;
}

/*-------------------------------------------------- */
/* FOOTER
-------------------------------------------------- */
#footer {
	height: 80px;
	background-color: #414141;
	margin-top: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#footer a {
	color: #efefef;
}

.scroll-top {
	position: fixed;
	bottom: 0;
	right: 6%;
	z-index: 100;
	background: #f2f3f2;
	font-size: 24px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.scroll-top a:link,
.scroll-top a:visited {
	color: #222;
}

#footer > .container {}

.form-group {
	text-align: center;
	margin: 0 auto;
}

textarea.form-control {
	height: 8em;
}

/*-------------------------------------------------- */
/*gallery
-------------------------------------------------- */
.bg_gallery01 {
	background: url('../images/bg_gallery01.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#Gallery .gallery-row .gallery-item img {
	width: 100%;
	margin-top: 16.666666666666664%;
}

@media screen and (max-width:768px) {
	#Gallery .gallery-row .gallery-item img {
		margin-top: 25%;
	}
}

.gallery_bnner a {
	width: 95%;
	margin-top: 20px;
	color: #FFF;
	background-color: #428bca;
	border-color: #357ebd;
}

.gallery_bnner a:hover {
	color: #FFF;
	background-color: #3276b1;
	border-color: #285e8e;
}

.navbar-nav li .glyphicon-new-window {
	padding: 0 10px;
}

.gallery_bnner .glyphicon-picture {
	padding: 0 35px;
}

.gallery_bnner .glyphicon-new-window {
	padding: 0 15px;
}

.qanda .row .flow {
	margin-top: 20px;
}

.qanda .row dl span {
	margin-right: 10px;
}

.qanda .row dd span {
	font-size: 130%;
	font-weight: bold;
}

.qanda .row dt {
	color: #428bca;
	text-align: left;
}

.qanda .row dd {
	text-align: left;
	margin: 0 0 0 30px;
	text-indent: -30px;
}

.qanda .row dd ol,
.qanda .row dd ul {
	margin: 10px 0;
}

.qanda .row ol {
	border: solid 1px #dddddd;
	padding: 10px;
}

.qanda .row ol li {
	margin: 0 0 15px 15px;
	text-indent: -15px;
}

.qanda .row ul li {
	margin: 0 0 5px 15px;
	text-indent: -15px;
	font-size: 86%;
}

/* ----- gallery ----- */
#gallery .logo {
	top: 40px;
}

/* ----- 1607 ----- */
.visit {
	border: 1px solid #00448D;
	padding: 15px;
	margin-bottom: 40px;
	font-size: 115%;
	background: #e5ecf3;
}

.visit strong {
	font-size: 130%;
	font-weight: bold;
	display: block;
	padding-bottom: 5px;
}

.visit a {
	text-decoration: underline;
}

.visit a:hover {
	color: #999;
}

.price {
	margin-bottom: 20px;
}

.price h4 {
	float: left;
	vertical-align: bottom;
	line-height: 1em;
}

.price .notice {
	font-size: 100%;
	text-align: left;
}

.price .expenses {
	color: #00448d;
	font-size: 120%;
	line-height: 1.4em;
}

.price .payment {
	line-height: 2em;
}

.comparison {
	margin-bottom: 40px;
}

.comparison h5 {
	font-size: 120%;
	margin-bottom: 20px;
}

table {
	max-width: 1130px;
}

.comparison td {
	padding: 10px;
}

.comparison td.our {
	background-color: aliceblue;
}

/* //////////////////////////////////////////////
max-width: 768px
////////////////////////////////////////////// */
@media screen and (max-width: 768px) {
	#nav {
		top: 95px;
	}

	.headArea {
		height: auto;
	}

	.headArea .forTxt {
		font-size: 86%;
		padding-top: 10px;
		text-align: center;
	}

	.headArea .forTxt br {
		display: block;
	}

	.headArea .tel {
		/*font-size: 115%;*/
		font-size: 93%;
		text-align: left;
	}

	.headArea a:link {
		color: #fff !important;
		text-decoration: non !importante;
	}

	.headArea a:visited {
		color: #fff !important;
		text-decoration: none !important;
	}

	.headArea a:hover,
	.headArea a:active {
		color: #fff !important;
		text-decoration: underline !important;
	}

	.container#section1 .tlc,
	#section5 .container .tlc {
		text-align: left !important;
	}

	.container#section1 .tlc br {
		display: none;
	}

	#myCarousel .item {
		height: 646px;
	}

	#myCarousel img {
		top: 146px;
		left: -68%;
		min-width: 225%;
		min-height: auto;
		width: 100px;
	}
	.swiper-container {
		max-height: 440px !important;
	}
	.logo {
		top: 186px;
		left: 0;
	}
	.logo img {
		top: 186px;
		width: 50%;
		height: auto;

	}
	.carousel-caption {
		z-index: 10;
		bottom: 380px;
		font-size: 100%;
	}

	.carousel-caption a {
		margin-top: 30px;
		color: #fff;
	}

	.carousel-caption a span {
		padding: 0 10px;
	}

	.price {}

	.price h4 {
		width: 100%;
		margin-bottom: 0;
	}

	.price .notice {
		/*font-size: 100%;*/
		width: 100%;
		text-align: left;
	}

	.container .row .visionTxt {
		text-align: left !important;
		font-size: 115%;
	}

	.container .row .visionTxt br {
		display: none;
	}

	#footer {
		height: 100px;
	}

	#type_a,
	#type_b,
	#type_c {
		margin-top: -150px;
		padding-top: 150px;
	}
	
	.swiper-slide:first-of-type {
		background: url(../images/main_visual1_sp.jpg) no-repeat center top;
		background-size: contain;
	}
	.swiper-slide:nth-of-type(2) {
		background: url(../images/main_visual2_sp.jpg) no-repeat center top;
		background-size: contain;
	}
	.swiper-slide:nth-of-type(3) {
		background: url(../images/main_visual3_sp.jpg) no-repeat center top;
		background-size: contain;
	}
	.swiper-slide:nth-of-type(4) {
		background: url(../images/main_visual4_sp.jpg) no-repeat center top;
		background-size: contain;
	}
}