@charset "UTF-8";
/*----------------------------
  共通
-----------------------------


.border-w3 { 
    border-left-width: 3px !important;
    border-left-color: #262626 !important;
}

*/

*, ::after, ::before {
    box-sizing:border-box
}
:root {
    --white: #fff;
    --danger: #dc3545;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*, ::after, ::before {
    box-sizing:border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color:transparent
}

@-ms-viewport {
    width:device-width
}

header, main, nav, section {
    display:block
}
section{padding: 0;}
button {
    border-radius:0
}

button:focus {
    outline: 1px dotted;
    outline:5px auto -webkit-focus-ring-color
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height:inherit
}

button, input {
    overflow:visible
}

button, select {
    text-transform:none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance:button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border-style:none
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding:0
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance:listbox
}




[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height:auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance:none
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance:button
}

[hidden] {
    display:none !important
}



body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}
[tabindex="-1"]:focus {
    outline:0 !important
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left:auto;
	padding-top:3rem !important;
    padding-bottom:3rem !important
}

@media (min-width: 576px) {
    .container {
        max-width:540px
    }
	a[href^="tel:"] {
	pointer-events: none;
	
}

@media (min-width: 768px) {
    .container {
        max-width:720px;
    }
	
}

}

@media (min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left:auto;
	padding:0 !important
}
.container-fluid block{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left:-15px;
	-ms-flex-align: center !important;
    align-items:center !important;
	margin:0 !important
}
.container-fluid img{
	position: relative;
    width: 100%;
    min-height: 1px;
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:100%;
	padding:0 !important;
	height:100% !important;
}

@media (min-width: 768px) {
    .container-fluid img {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }
}

.box{
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left:15px;
	 -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:100%;
	padding:3rem !important;
	text-align: left;
}

@media (min-width: 768px) {
    .box {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left:-15px
}


p {
    margin-top: 0;
    margin-bottom:1rem
}

abbr[data-original-title], abbr[title] {
    
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom:0
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom:1rem
}
ol li{
	padding: 10px 0 10px 0;
}

b, strong {
    font-weight:bolder
}

a {
    color: #21386E;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip:objects
}

a:hover {
    color: #0056b3;
    text-decoration:underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration:none
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration:none
}

a:not([href]):not([tabindex]):focus {
    outline:0
}

img {
    vertical-align: middle;
    border-style:none
}


/* ======================== 
トップページ
========================*/
h1.top{
	text-align: center;
	font-size:4.5rem;
	margin-top: 0;
    margin-bottom:.5rem;
	color:#fff !important;
	font-weight:700 !important;
	vertical-align:bottom !important;
    line-height:1.2;
    font-family: inherit;
}

h2.top{
	margin-top: 0;
    margin-bottom:1.5rem;
	font-size:2rem;
	text-align: center;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color:#fff !important;
	vertical-align:bottom !important;
}
#sec1 h3, #sec2 h3, #sec3 h3, #sec4 h3{
	margin-top: 0;
    margin-bottom:0;
	font-size:1.75rem;
	text-align: center;
	background-color: #21386E !important;
	color:#ffffff;
	padding-top:1.5rem !important;
    padding-bottom:1.5rem !important
	
}

table {
    border-collapse:collapse;
	width: 100%;
    margin-bottom: 1rem;
    background-color:transparent
}

td, th {
    padding: .75rem;
    vertical-align: top;
    border-top:1px solid #dee2e6;
	 border:1px solid #dee2e6
}
th{
	text-align: center;
}

td ul{
	padding-left: 0;
    list-style:none
}
header .jumbotron-fluid {
	background-image: url(../img/bg-top.jpg);
	background-size: cover;
	background-position: center;
	min-height: 100%;
    padding-right: 0;
    padding-left: 0;
    border-radius:0;
	padding-top:3rem !important;
    padding-bottom:3rem !important
}
header .catch {
	width: 90%;
	bottom: 35%;
	left: 50%;
	margin-left: -45%;
}

.business{
	 padding:2rem 2rem 2rem 2rem !important
}
.business p{
	font-size: 18px;
	text-align: left;
	margin-bottom:4rem !important
}
#map{
	position: relative;
	padding-bottom: 50%;
	height: 0;
	overflow: hidden;
}

#map iframe{
	position: absolute;
	top: -50;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
}
h5 {
	font-size: 1.5rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.2;
    color:inherit;
	border-bottom: 1px solid #21386E;
	padding-bottom: .5rem;
}

.foot-contact{
	text-align:center !important;
	padding-top:3rem !important;
    padding-bottom:3rem !important
	
}
/* ======================== 
　　　　問い合わせページ
========================*/
h1.contact, h1.contact a{
	text-align: center;
	font-size:2.5rem;
	margin-top: .5rem;
    margin-bottom:.5rem;
	color:#fff !important;
	font-weight:700 !important;
	vertical-align:bottom !important;
    line-height:1.2;
    font-family: inherit;
	padding-top:  1.5rem;
	padding-bottom:  1.5rem;
}

#contact{
	padding-top: 1rem !important;
}

#contact h2{
	margin-top: 2rem !important;
	margin-bottom:1rem !important;
	font-size:2rem;
	text-align: center;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.2;
    color:inherit;
	vertical-align:bottom !important;
	border-bottom: 1px solid #21386E;
	padding-bottom: 1rem;
}

#contact h3{
	font-weight: bold;
	text-align: left;
	font-size: 18px;
	margin-top: 4rem !important;
	margin-bottom:1.5rem !important;
	border-bottom: 1px solid #21386E;
	padding-bottom: .5rem;
	padding-left: .5rem;
}
#contact .pad{
	padding-top:1rem !important;
	padding-bottom:1rem !important;
}
#thanks{
	padding-top:14rem !important;
    padding-bottom:14rem !important;
	
}
#thanks p{
	text-align: center;
	height:100% !important;
	font-size: 1.5rem;
}
/* ====== カラー指定 ====== 
*/
.bg-brand-color {
	background-color: #21386E !important;
	
}
/* ====== GLOVAL NAV ====== */
.gloval-nav {
	height: 10%;
}
.navbar-white a {
	color: #fff;
}
/* ======================== 
　　　　　　FOOTER
========================*/

footer {
	display:block;
	text-align:center !important;
	color:#6c757d !important;
	 padding-top:3rem !important;
    padding-bottom:5rem !important
}
h4 {
    font-size:.75rem;
	margin-top: 0;
    margin-bottom:.5rem;
	margin-bottom:1rem !important
}


/*----------------------------
  SP TOGGLE NAV
-----------------------------*/
.nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
}
.nav-scroller .nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	color: rgba(255, 255, 255, 0.75);
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.nav-underline .nav-link {
	padding-top: .75rem;
	padding-bottom: .75rem;
	font-size: .875rem;
	color: #6c757d;
}
.nav-underline .nav-link:hover {
	color: #007bff;
}
.nav-underline .active {
	font-weight: 500;
	color: #343a40;
}

/*----------------------------
  TOP ページ
-----------------------------*/
/* ====== TOP IMAGE ====== */


/* ==============================================*/
/* 中デバイス（タブレット, 992px 未満）
==============================================*/
@media screen and (max-width: 991.98px) {
#glovalNavbar ul li {
	border-left: none;
}
#glovalNavbar ul li:last-child {
	border-right: none;
}

/* ====== SP TOGGLE NAV ====== */
.offcanvas-collapse {
	position: fixed;
	z-index: 9999;
	top: 0;
	/* ナビバーの高さ */
	bottom: 10%;
	left: 100%;
	width: 100%;
	padding-right: 1rem;
	padding-left: 1rem;
	overflow-y: auto;
	background-color: #fff;
	transition-timing-function: ease-in-out;
	transition-duration: .3s;
	transition-property: left, visibility;
}
.offcanvas-collapse.open {
	left: 0;
	visibility: visible;
}
}

/* END */
/* 小デバイス（横向きモバイル, 768px 未満）
==============================================*/
@media screen and (max-width: 767.98px) {

h1.top {
	font-size: 3rem;
}
.bar li, .bar li.first-child  {
	border-left: none !important;
	border-right: none !important;
}
}

/* END */
/* 極小デバイス（縦向きモバイル, 576px 未満）
==============================================*/
@media screen and (max-width: 575.98px) {
header .catch {
	bottom: 35%;
}
header .catch .h1 {
	font-size: 2rem;
}
header .catch h2 {
	font-size: 1rem;
}
.schedule-img {
    width: 100%;
}
form .border-top,
    form .border-bottom {
        border: none !important;
    }  
td {
    width:70%;
}
th{
	width:30%;
}

}
/* END */