@charset "UTF-8";

/* ================================================== *
 *
 *    base style
 *
 * ================================================== */
body {
	background: #fff;
}
body.pageTop {
	padding-top: 76px;
}

@media(min-width:768px) {
	body.pageTop {
		padding-top: 116px;
	}
}
body p{
	line-height: 180%;
}
/*追記------------------*/
/*toTop*/
p.toTop {
	bottom:28px;
	display: none;
	position: fixed;
	right:40px;
	z-index:10;
}

p.toTop a {
	display: block;
	background:url(../images/toTop.png) no-repeat;
	height:38px;
	position:absolute;
	text-indent:-9999px;
	width:38px;
}

/* ================================================== *
 *
 *    block modules
 *
 * ================================================== */
.navbar-toggle {
  border: none;
  background:transparent !important;
}

 .navbar-toggle:hover {
    background: transparent !important;
  }

 .navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s;
  }
 .navbar-toggle .top-bar {
    opacity: 0;
  
  }
 .navbar-toggle .middle-bar {
    
  }
 .navbar-toggle .bottom-bar {
    opacity: 0;
 }

 
 .navbar-toggle.collapsed .top-bar {
    opacity: 1;
  }
 .navbar-toggle.collapsed .middle-bar {
    
  }
 .navbar-toggle.collapsed .bottom-bar {
    opacity: 1;
  }



/* ------------------------------------------------- *
 *        demo-header
 * ------------------------------------------------- */
ul.nav.navbar-nav li a p{
	font-size: 70%;
}

.demo-header {
	padding: 15px 0 0;
}
.demo-header.navbar-default {
	border: none;
	margin-top: -60px;
	margin-bottom:0;
	background: #fff;
}
.demo-header.navbar-default .nav.navbar-nav>li>a {
	color: #333;
}
.demo-header.navbar-default .nav.navbar-nav>li>a:hover {
	color: #999;
}
.demo-header.navbar-default .navbar-header {
	margin-top: 0;
	margin-bottom: 0;
}
.demo-header.navbar-default .navbar-brand {
	height: auto;
	margin-top: -9px;
	margin-right: 30px;
}
.demo-header.navbar-default .navbar-collapse {
	max-height: none;
}
.demo-header.navbar-default .navbar-collapse .navbar-nav {
	float: none;
}
.demo-header.navbar-default .navbar-collapse .navbar-form {
	clear: right;
	float: right;
}
.demo-header.navbar-default .navbar-nav .dropdown-menu {
	background: #000;
	border-radius: 0;
}
.demo-header.navbar-default .navbar-nav .dropdown-menu>li>a {
	color: #fff;
}
.demo-header.navbar-default .dropdown-menu a:hover {
	background: #333;
}
.demo-header.navbar-default .navbar-toggle {
	margin-right: 10px;
}
.demo-header.navbar-default .navbar-form {
	margin-bottom: 0;
}
.demo-header.navbar-default .navbar-form input {
	background: #F7F7F7;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	font-size: 16px;
}
.demo-header.navbar-default .navbar-form .btn {
	background: #333;
	color: #FFF;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-color: #333;
	padding-right: 15px;
}

/*@media(min-width:768px) {
	.demo-header {
		padding: 30px 0;
	}
	.demo-header.navbar-default .navbar-header {
		margin-bottom: 15px;
	}
	.demo-header.navbar-default .navbar-brand {
		padding-top: 24px;
		margin-top: 0;
	}
	.demo-header.navbar-default .navbar-collapse .navbar-nav {
		float: right;
		margin-right: -30px;
	}
	.demo-header.navbar-default .navbar-collapse .navbar-form {
		float: right;
		clear: right;
		margin-right: -30px;
	}
}*/
/*@media(min-width:768px) {
	.demo-header {
		padding: 30px 0 10px;
	}
	.demo-header.navbar-default .navbar-brand {
		margin-top: -17px;
	}
	.demo-header.navbar-default .navbar-collapse .navbar-nav {
		float: left;
	}
	.demo-header.navbar-default .navbar-form {
		margin-top: 8px;
	}
}*/

/* ------------------------------------------------- *
 *        demo-keyVisual
 * ------------------------------------------------- */
 /* ------------------------------------------------- *
 *        btn（見学予約）
 * ------------------------------------------------- */

 .btn-primary {
	/*padding: 8px 20px;*/
	background: #3498db;
	color: #fff;
	border-radius: 4px;
	border: none;
	margin-top: 10px;
	margin-bottom: -10px;
	padding: 2px 5px;/*以下追記*/
	font-size:135%;
	font-weight:bold;/*ここまで*/
	text-align: center
}
.btn-primary2 {
	/*padding: 8px 20px;*/
	background: green;
	color: #fff;
	border-radius: 4px;
	border: none;
	margin-top: 10px;
	padding: 2px 5px;/*以下追記*/
	font-size:135%;
	font-weight:bold;/*ここまで*/
	text-align: center
}
.btn-primary:hover, .btn-primary:focus {
	background: #2d78ae;
	outline: none;
	box-shadow: none;
}
div.toiawase1{
	text-align: center;
	margin-bottom: 15px;
	margin-top: 5px;

}

div.toiawase2{
	text-align: center;
	margin-bottom: 50px;
	margin-top: 5px;

}
/*************************
   table（時間割）
**************************/
/*.clearfix {
	margin:20px 0 45px;
}
.clearfix .leftArea {
	width:415px;
	border-top:1px #cfd2d2 solid;
}
.clearfix .leftArea table {
	width:100%;
	border-bottom:1px #cfd2d2 solid;
	font-size:14px;
	margin:0 0 20px;
}
.clearfix .leftArea table th,
.clearfix .leftArea table td {
	height:40px;
	line-height:40px;
	text-align:center;
}
.clearfix .leftArea table th {
	border-bottom:1px #cfd2d2 solid;
	color:#359fdc;
}
.clearfix .leftArea table th.col01 {
	width:126px;
}
.clearfix .leftArea table th.col02 {
	width:98px;
}
.clearfix .leftArea table td {
	border-bottom:1px #cfd2d2 solid;
	vertical-align:middle;
}
.clearfix .leftArea table td.dashed {
	border-bottom:1px #cfd2d2 dashed;
}
.clearfix .leftArea table td.lg {
	background:#e6f6f9;
}

.clearfix .leftArea table td.bg {
	background:#e7f0f9;
}
.clearfix .leftArea p {
	text-indent:0;
	width:370px;
	margin:0 0 0 10px;
	color:#7ebbe6;
}*/

#theme {
	 background:#f2f2f2;
 }
 #schedule.col h3,
 #what.col h3 {
	 margin:0 auto 60px;
 }
#schedule .col-md-4 {
		padding:0 5px;
	}
#schedule .panel-success > .panel-heading {
	 background:#009be4;
	 color:#fff;
	 text-align:center;
 }
#schedule .panel-body {
	padding:7px 0 0;
}
#schedule .panel.schedule {
		background:#fff;
	}
#schedule table {
	border-collapse: separate;
	border-spacing:0 5px;
	border:none;
	width:100%;
}


#schedule table th {
	background:#d2f2ff;
	color:#02034a;
	padding:10px 0;
	text-align:center;
	width:15%;
	border-left:5px solid #fff;
}
#schedule table td {
	background:#eee;
	border-left:5px solid #fff;
	padding:10px 15px;
	width:15%;
}
#theme .col-md-4 {
	padding:0 5px 10px;
}
#theme .feature-wrap {
	padding:10px;
}
#theme h4 {
	border:2px solid #009be4;
	color:#009be4;
	font-size:143%;
	padding:12px 0;
	text-align:center;
}
#theme .feature-wrap ol {
	padding:0 0 0 20px;
}



.demo-keyVisual {
	margin-top: 70px;
	margin-bottom: 100px;
	
}

.demo-keyVisual h1.kaiin{
	font-size: 150%;
	text-align: center;
	margin: 40px 15px 40px 15px;
	border-bottom: dotted;
	padding: 3%

}
.demo-keyVisual h1{
	font-size: 150%;
	text-align: center;
	margin: 20px 0 40px 0;
	border-bottom: dotted 1px;
	padding: 3%;
}


.demo-keyVisual div.tel h2{
	width: 100%;
	font-size: 120%;
	text-align: right;
	margin-top: -50px;
	margin-bottom: 20px;
	background-color:#7FC9F2;
	color:white;
}

.demo-keyVisual div.tel h2 a{
	font-size: 120%;
	text-align: right;
	color:white;
}

.demo-keyVisual div.topbunsyo h2{
	font-size: 135%;
	text-align: center;
	margin: 30px 0 30px 0;
}

.demo-keyVisual h2{
	font-size: 135%;
	text-align: center;
	margin: -20px 0 -25px 0;
}

.demo-keyVisual h3{
	font-size: 135%;
	text-align: center;
	margin:20px 15px 20px 15px;
	border-bottom: dotted 1px;
	color:blue;
}

.demo-keyVisual h4{
	font-size: 135%;
	text-align: center;
	margin:20px 15px 20px 15px;
	border-bottom: dotted 1px;
	color:green;
}



.demo-keyVisual p{
	font-size: 120%;
	text-align: center;
	margin: 0 10px 0 15px;
}

div.demo-keyVisual div.gessya{
	text-align: center;
	
}

div.demo-keyVisual div.gessya img{
	width: 100%;
	text-align: center;

	
}


.demo-keyVisual img{
	width: 100%;
	display: block;
	text-align: center;
	padding: 0 16px 0 20px;
}

.demo-keyVisual iframe{
	padding: 0 33px 0 35px;
	margin-top: 25px;
	margin-bottom: 15px;
}










/*@media(min-width:768px) {
	.demo-keyVisual {
		padding-top: 170px;
		height: 550px;
	}
	.demo-keyVisual .btn-group {
		margin-top: 40px;
	}
}*/

/*追記ここまで*/
/*#testimonials .clients-name {
	color: #3498db;
}*/
#testimonials .lead, #testimonials h2 {
	color: #fff;
}
#middle {
	background: #f2f2f2;
}
#middle h3 {
	color: #4e4e4e;
	font-size: 18px;
	font-weight: 600;
}
#middle i {
	color: #52a7e0;
}
#middle .media-body h3 {
	color: #4e4e4e;
	font-size: 18px;
}

.accordion h2 {
	margin-bottom: 25px;
}
.panel-default {
	border-color: transparent;
}
.panel-default>.panel-heading, .panel {
	background-color: #ebebeb;
	border: 0 none;
	box-shadow: none;
}
.panel-default>.panel-heading+.panel-collapse .panel-body {
	background: #f1f1f1;
	color: #4e4e4e;
}
.panel-body {
	padding: 20px;
}
.panel-group .panel+.panel {
	margin-top: 0;
	border-top: 1px solid #d9d9d9;
}
.panel-group .panel {
	border-radius: 8px;
}
.panel-heading {
	border-radius: 0;
	padding:15px !important;/*追記*/
}
.panel-title>a {
	color: #4e4e4e;
	font-size: 14px;
}
.accordion-inner img {
	border-radius: 4px;
}
.accordion-inner h4 {
	margin-top: 0;
}
.panel-heading.active {
	background: #52a7e0;
	border-radius: 8px;
}
.panel-heading.active .panel-title>a {
	color: #fff;
}
a.accordion-toggle i {
	width: 45px;
	line-height: 44px;
	font-size: 20px;
	margin-top: -10px;
	text-align: center;
	margin-right: -15px;
	background: #ebebeb;
	border-radius: 8px;
}
.panel-heading.active a.accordion-toggle i {
	background: #52a7e0;
	color: #fff;
}
.panel-heading.active a.accordion-toggle.collapsed i {
	background: #52a7e0;
	color: #fff;
}
#partner {
	background: url(../images/partners/partner_bg.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#partner {
	text-align: center;
}
.partners ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.partners ul li {
	display: inline-block;
	float: left;
/*	width: 20%;*/
}
#get-started {
	padding: 50px 0 60px 0;
	text-align: center;
	/*background: #f2f2f2;*/
	background:#fff;/*以下追記*/
}
#get-started .fa-border {
	margin:65px 0 0;
}
#get-started .col-sm-6 {
	text-align:left;
	padding:30px 30px 20px;
}
#get-started .col-sm-6.partners {
	padding:20px 30px;
}
#get-started .col-sm-6 h2 {
	display:inline;
	font-size:143%;
	margin:0 35px 0 0;
}
#get-started .col-sm-6 p {
	display:inline;
}
#get-started .partners ul:after {
	content:"";
	display:block;
	overflow:hidden;
	height:0;
	clear:both;
}


/* ------------------------------------------------- *
 *        footer
 * -------------------------------------------------*/


footer div.footerup h2{
    color:#7FC9F2;
    font-size:135% ;
    padding-left:15px;
    margin-top: -70px;
}



footer div.footerup dl{  
	margin-left: 15px;
  font-weight : bold;
  margin-bottom: 0px;
}

footer div.footerup dt{  
  background-color :;        
  padding-top : 5px;    
  padding-bottom : 5px;
  padding-left : 5px;
  width : 25%;
  float : left;/* 左に寄せる */
  clear : both;/* フロートの解除 */
}

footer div.footerup dt.yagou{
	font-size: 100%;
	line-height: 180%
}


footer div.footerup dd{  
  background-color :;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  width : 60%;
  margin-left : 35%;  /* DTの幅分の設定 */
}

footer div.footerup dd.address{
	font-size: 100%;
	line-height: 180%;
}


footer.demo-footer div.container div.text-left,footer.demo-footer div.container div.text-right small{
	font-size: 50%;
	text-align: left;
	color:white;
	margin-top: 20px;
}

footer.demo-footer div.container div.text-left{
	text-align: left;
	line-height: 120%;
	font-size: 100%;

}

footer.demo-footer div.container div.text-right{
	text-align: left;
	line-height: 80%;
	font-size: 100%;
}

footer.demo-footer div.container div.text-right p a{
	color: white;
	text-align: left;
	
}
.demo-footer {
	background: #7fc9f2;
	color: #fff;
	padding: 0px 0 15px;
}
.demo-footer .list-group .list-group-item {
	background: none;
	color: #999;
	border-left: none;
	border-right: none;
	border-radius: 0;
	border-color: #444;
}
.demo-footer .glyphicon {
	position: absolute;
	right: 15px;
	top: 13px;
}
.demo-footer .text-center {
	margin-top: 15px;
}

@media(min-width:768px) {
	.demo-footer .list-group .list-group-item {
		border: none;
		padding: 0;
		padding-top: 5px;
	}
	.demo-footer .glyphicon {
		display: none;
	}
	.demo-footer .text-left {
		margin-top: 10px;
		text-align: left;
	}
     
    .demo-footer .text-right {
		margin-top: 10px;
		text-align: right;
	}

/* ================================================== *
 *
 *    title modules
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        demo-titleType1
 * ------------------------------------------------- */
.demo-titleType1 {
	vertical-align: middle;
	font-weight: normal;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	font-size: 27px;
}
.demo-titleType1 .glyphicon {
	font-size: 20px;
	margin-right: 7px;
}
.demo-titleType1 .badge {
	vertical-align: middle;
	margin-left: 7px;
}

/* ================================================== *
 *
 *    nav modules
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        demo-sideNav
 * ------------------------------------------------- */
.demo-sideNav.list-group .list-group-item {
	border-radius: 0;
	border-color: #ddd;
	border-left: none;
	border-right: none;
}
.demo-sideNav.list-group .list-group-item:first-child {
	border-top: none;
}
.demo-sideNav .glyphicon {
	position: absolute;
	right: 15px;
	top: 14px;
	font-size: 10px;
}

/* ================================================== *
 *
 *    button modules
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        demo-btnPagetop
 * ------------------------------------------------- */
.demo-btnPagetop a {
	color: #333;
	border-top: 1px solid #ddd;
	padding: 15px 0;
}
.demo-btnPagetop a:hover {
	text-decoration: none;
	background: #fafafa;
}

/* ================================================== *
 *
 *    helper
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        margin
 * ------------------------------------------------- */
.margin-top-lg {
	margin-top: 60px;
}
.margin-top-md {
	margin-top: 30px;
}
.margin-top-sm {
	margin-top: 15px;
}
.margin-bottom-lg {
	margin-bottom: 60px;
}
.margin-bottom-md {
	margin-bottom: 30px;
}
.margin-bottom-sm {
	margin-bottom: 15px;
}

/* ------------------------------------------------- *
 *        padding
 * ------------------------------------------------- */
.padding-top-lg {
	padding-top: 60px;
}
.padding-top-md {
	padding-top: 30px;
}
.padding-top-sm {
	padding-top: 15px;
}
.padding-bottom-lg {
	padding-bottom: 60px;
}
.padding-bottom-md {
	padding-bottom: 30px;
}
.padding-bottom-sm {
	padding-bottom: 15px;
}

/* ================================================== *
 *
 *    Custom Bootstrap Class
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        grid
 * ------------------------------------------------- */
.row .colPadding {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* ------------------------------------------------- *
 *        btn
 * ------------------------------------------------- */

.btn {
	border-radius: 2px;
	transition: .3s;
}
.btn:hover,
.btn:focus,
.btn.focus {
	box-shadow: 0 3px 10px rgba(0,0,0,.3);
}

.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-facebook,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary,
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success,
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger,
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook.focus,
.btn-facebook:active,
.btn-facebook.active,
.open>.dropdown-toggle.btn-facebook {
	border-color: transparent;
}

/* ------------------------------------------------- *
 *        text color
 * ------------------------------------------------- */
.text-titleIcon {
	color: #981615;
}
.text-imgIcon {
	color: #4d0c0b;
}
.text-arrowIcon {
	opacity: 0.3;
}