@charset "UTF-8";

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

@media(min-width:768px) {
	body.pageTop {
		padding-top: 33px;
	}
}

/* ================================================== *
 *
 *    block modules
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        fn-header
 * ------------------------------------------------- */
#header {
}
.fn-header {
	padding: 15px 0 0;
}
.fn-header.navbar-default {
	border: none;
	margin-bottom: 0;
	background: #4A78BC;
}
.fn-header.navbar-default .nav.navbar-nav>li>a {
	background: #4A78BC;
	color: #fff;
}
.fn-header.navbar-default .nav.navbar-nav>li>a:hover {
	background: #4A78BC;
	color: #fff;
}
.fn-header.navbar-default .navbar-header {
	margin-top: 0;
	margin-bottom: 0;
}
.fn-header.navbar-default .navbar-brand {
	height: 40px;
	margin-top: -9px;
	margin-right: 30px;
}
.fn-header.navbar-default .navbar-collapse {
	max-height: none;
}
.fn-header.navbar-default .navbar-collapse .navbar-nav {
	float: none;
}
.fn-header.navbar-default .navbar-nav .dropdown-menu {
	background: #001A66;
	border-radius: 0;
}
.fn-header.navbar-default .navbar-nav .dropdown-menu>li>a {
	color: #fff;
}
.fn-header.navbar-default .dropdown-menu a:hover {
	background: #333;
}
fno-header.navbar-default .navbar-toggle {
	margin-right: 0;
}
.fn-header.navbar-default .navbar-form {
	margin-bottom: 0;
}

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

/* ------------------------------------------------- *
 *        keyVisual
 * ------------------------------------------------- */
.keyVisual {
	padding-top: 130px;
	height: 500px;
	background: url('../images/kv_img.png') center 0 no-repeat;
	background-size: cover;
}
.keyVisual .btn-group {
	margin-top: 10px;
}
.keyVisual .btn-group .btn {
	margin-left: 1px;
}
@media(min-width:768px) {
	.keyVisual {
		padding-top: 170px;
		height: 700px;
	}
	.keyVisual .btn-group {
		margin-top: 20px;
	}
}


/* ------------------------------------------------- *
 *        sub catch
 * ------------------------------------------------- */
#fn-catchcopy {
  padding: 0 0 0 0;
}

.fn-catchcopy-area {
  background-image: url("../images/sub_kv_img.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0;
}

.fn-catchcopy {
    border: 10px solid #f6f5f0;
    border-radius: 50%;
    height: 300px;
    width: 300px;
    box-shadow: 0px 0px 3px 3px #e7e4dc;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
.panel {
    background: url("../images/sub_kv_img.png") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
	color :#FFF;
}
.panel {
    position: relative;
}
.panel_w {
    background: #FFF no-repeat center;
	-webkit-background-size: cover;
    background-size: cover;
	color :#3C3E43;
}
.panel_w {
    position: relative;
}
.panel-in::before {
    content: "";
    position: absolute;
    background-clip: content-box;
    width: 100%;
    height: 100%;
    padding: 30px;
    top: 0;
    left: 0;
    -webkit-filter: blur(5px);
    filter: blur(5px);
}
.panel-in {
    padding: 30px;
    position: relative;
}
.panel-main {
    padding: 30px;
    z-index: 30;
    position: relative;
    margin-bottom: 0;
    border: solid 1px rgba(255,255,255,0.4);
    background: rgba(0,0,0,0.5);
}
/* ------------------------------------------------- *
 *        demo-footer
 * ------------------------------------------------- */
.fn-footer {
	background: #000;
	color: #fff;
	padding: 30px 0;
}
.fn-footer .list-group .list-group-item {
	background: none;
	color: #999;
	border-left: none;
	border-right: none;
	border-radius: 0;
	border-color: #444;
}
.fn-footer .glyphicon {
	position: absolute;
	right: 15px;
	top: 13px;
}
.fn-footer .text-center {
	margin-top: 15px;
}

@media(min-width:768px) {
	.fn-footer .list-group .list-group-item {
		border: none;
		padding: 0;
		padding-top: 5px;
	}
	.fn-footer .glyphicon {
		display: none;
	}
	.fn-footer .text-center {
		margin-top: 30px;
	}
}


/* ================================================== *
 *
 *    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-all-md {
	margin: 5px 10px 15px 20px;
}
.margin-top-llg {
	margin-top: 100px;
}
.margin-top-lg {
	margin-top: 80px;
}
.margin-top-md {
	margin-top: 40px;
}
.margin-top-sm {
	margin-top: 15px;
}
.margin-bottom-llg {
	margin-bottom: 100px;
}
.margin-bottom-lg {
	margin-bottom: 60px;
}
.margin-bottom-md {
	margin-bottom: 30px;
}
.margin-bottom-sm {
	margin-bottom: 15px;
	font-size: medium;
}

/* ------------------------------------------------- *
 *        padding
 * ------------------------------------------------- */
.padding-all-md {
	padding: 5px 10px 15px 20px;
}
.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: #324A77;
}
.text-imgIcon {
	color: #4d0c0b;
}
.text-arrowIcon {
	opacity: 0.3;
}
/* ------------------------------------------------- *
 *        block
 * ------------------------------------------------- */
.demo-frame1, .demo-frame2, .demo-frame3, .demo-frame4 {
  background-size: cover;
  background-attachment: fixed;
  overflow: hidden; }

.demo-frame1 {
  background: #fff; }

.demo-frame2 {
  background-image: url('../assets/images/about_bg.jpg'); }

.demo-frame3 {
  background-image: url('../assets/images/schedule_bg.jpg'); }

.demo-frame4 {
  background: #f5f5f5; }

.block-lg {
  margin-top: 45px;
  margin-bottom: 45px; }
  @media (min-width: 768px) {
    .block-lg {
      margin-top: 90px;
      margin-bottom: 90px; } }

.block-md {
  margin-top: 30px;
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    .block-md {
      margin-top: 60px;
      margin-bottom: 60px; } }

.block-sm {
  margin-top: 20px;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .block-sm {
      margin-top: 30px;
      margin-bottom: 30px; } }

.block-xs {
  margin-top: 15px;
  margin-bottom: 15px; }

.block-padding-lg {
  padding-top: 45px;
  padding-bottom: 45px; }
  @media (min-width: 768px) {
    .block-padding-lg {
      padding-top: 90px;
      padding-bottom: 90px; } }

.block-padding-md {
  padding-top: 30px;
  padding-bottom: 30px; }
  @media (min-width: 768px) {
    .block-padding-md {
      padding-top: 60px;
      padding-bottom: 60px; } }

.block-padding-sm {
  padding-top: 20px;
  padding-bottom: 20px; }
  @media (min-width: 768px) {
    .block-padding-sm {
      padding-top: 30px;
      padding-bottom: 30px; } }

.block-padding-xs {
  padding-top: 15px;
  padding-bottom: 15px; }
/* ------------------------------------------------- *
 *        section-title
 * ------------------------------------------------- */

.demo-section-title {
  font-family: 'Oswald', sans-serif;
  font-size: 36px;
  font-weight: 300;
  padding-bottom: 30px;
  text-align: center;
  position: relative; }
  @media (min-width: 768px) {
    .demo-section-title {
      font-size: 54px; } }
  .demo-section-title:before {
    display: block;
    content: '';
    width: 100px;
    height: 5px;
    background: #7f7f7f;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    opacity: 0.5; }
  .demo-section-title.is-white {
    color: #fff; }
    .demo-section-title.is-white:before {
      background: rgba(255, 255, 255, 0.5); }
  @media (min-width: 992px) {
    .demo-section-title.is-noBorder {
      text-align: left;
      padding-bottom: 0; } }
  @media (min-width: 992px) {
    .demo-section-title.is-noBorder:before {
      display: none; } }
h3{
  font-size: 25px;
}
.title-under {
	padding: 0px 50px;
	line-height: 1.4;
	display: inline-block;
	text-align: center;
	letter-spacing: .04em;
	border-bottom: 4px solid #314770;
	margin-bottom: 20px
  
}
/* ------------------------------------------------- *
 *        fntable
 * ------------------------------------------------- */
 .fntable {
	background-color: #EAEAEA;
 	color:#000; 
 }
 .fntext {
	color:#142157;
 }
/* ------------------------------------------------- *
 *        GoogleMap
 * ------------------------------------------------- */
 
 .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%;
}
/* ------------------------------------------------- *
 *        Contents
 * ------------------------------------------------- */
.fnbutton {
	display: inline-block;
	margin: 0;
	width: 248px;
}
.fnbutton a {
	color: #666666;
	font-size: 15px;
	font-size: 1.5rem;
	text-align: center;
	display: block;
	border: 1px solid #666666;
	padding: 10px;
	background: transparent;
}
.fn_heading {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	clear: both;
	background: #f2f2f2;
}
.img_title {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #d6d6d6;
	padding: 15px 0;
	margin: 0 0 15px 0;
}
.img_title_left {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #d6d6d6;
	padding: 15px 0;
	margin: 0 0 15px 0;
	color: rgba(21,30,231,1);
}
.contactbox_w100{
	width:100%;
	background:#f3f3f3;
	border-radius:5px;
	padding:20px;
	border:solid 3px #497fc1;
	text-align:center;}
/* ------------------------------------------------- *
 *        折り返し行合わせ
 * ------------------------------------------------- */
.indentback{
  text-indent: -1em;
  padding-left: 1em;
}
/* ------------------------------------------------- *
 *        LIST
 * ------------------------------------------------- */
ul.li_bg_bluecircle li{
  background:url(../images/common/li_bg_bluecircle.png) 0 1px no-repeat;
  padding-left:16px;
  margin-bottom:10px;
  list-style:none;
}
.h_blue{
	color:#1c2687;
	font-size:140%;
	margin-bottom:10px;
}
dl {
  width:100%;
}
dt {
  float:left;
}
dd {
}
/* ------------------------------------------------- *
 *        ALT LINK（高さ合わせ）
 * ------------------------------------------------- */
#link01 {
  margin-top: -100px;
  padding-top: 100px;
}