@charset "utf-8";

.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}
.bg-lightgreen {
	background-color: #E9F7EC;
}
.jumbotron {
	background-image: url('../img/2023staff1200px.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 600px;
	margin: 0; /*余白の削除*/
}

@media screen and (max-width: 767.98px) {
	.jumbotron {
	background-image: url('../img/2023staff-sp.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 600px;
	margin: 0; /*余白の削除*/
}
}

.heading {
	border-left: 6px solid #aaa;
	padding: 0 0 0 10px;
}

.breadcrumb-item + .breadcrumb-item::before {
	content: ">"
}

/* --- スマホの時電話をかける ---------------------------------------- */
@media (min-width: 768px) {
a[href^="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}


/* --- メイン画像の文字の定義 ---------------------------------------- */
.site__title-white{
	text-align:center;
	color: #fff;
}
.site__title-white h1{
	font-size:3.5rem;
	font-weight:300;
	line-height:1.2;
}
.site__title-white h6{
	font-size:1.1rem;
}

/* 画面の幅で改行を変える */
@media screen and (min-width: 576px) {
  .br-disp {
    display: none;
  }
}

@media screen and (max-width: 576px) {
  .br-displ {
    display: none;
  }
}

/* スタッフから */
.letter{
	line-height:1.8;
	text-align: justify;
}

/* --- 背景スライダーの定義 ---------------------------------------- */
.bg-slider {
	width: 100vw;
	height: 50vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0; /*余白の削除*/
}

.bg-slider__title{
	color: #fff;
	font-size: 36px;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	text-shadow: 0 0 4 #000;
}


.footer-copyright {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #f5f5f5;
}
.map iframe {
	width: 100%;
	height: 450px;
}
.snsbox {
	margin-left: auto;
	padding: 0;
	}

/* ヘッダーの固定
============================================== */
* {
  margin: 0; /*余白の削除*/
  padding: 0; /*余白の削除*/
}

#header {
  position: fixed; /*ヘッダーの固定*/
  z-index: 10; /*レイヤーの重なり順を指定*/
  background-color: #ffffff;
  width: 100%;
  top: 0; /*ブラウザのウィンドウを基準にヘッダーの位置を指定*/
  color: #fff;
  height: 124px;
}

main {
  padding-top: 124px; /*ヘッダーの高さ分だけ次の要素を下げます。 */
}

a.anchor{
    display: block;
    padding-top: 150px;
	margin-top: -124px;
}


/* 大デバイス（デスクトップ, 992px 未満）
============================================== */
@media screen and (max-width: 991.98px) {
.footer-logo {
	width: 100%;
}
} /* END */

/* 中デバイス（タブレット, 768px 未満）
============================================== */
@media screen and (max-width: 767.98px) {
.gnav-item {
	display: block;
	width: 100%;
	border: none;
}
.gnav-item+ .gnav-item {
	border: none;
}
table th, table td {
	padding: .25rem !important;
}
table th:first-child {
	width: 25%;
}
} /* END */

/* 小デバイス（縦向きモバイル, 576px 以上 デスクトップ, 992px 未満）
============================================== */
@media screen and (min-width: 576px) and (max-width: 991.98px) {
 #sec2  {
     height: 500px;
 } 
} /* END */

/* 小デバイス（縦向きモバイル, 576px 以上）
============================================== */
@media screen and (min-width: 576px) {
 #sec2 .message {
    position: fixed;
     left: 0;
 } 
} /* END */

/* *****共通設定***** */

h1 { 
	font-size: 2.5rem;
	font-family: serif;
	font-weight: bold;
	text-shadow: 1px 1px 5px #404040;
}

h2
{ 
	font-size: 1.7rem;
	font-family: serif;
	font-weight: bold;
}

h3
{ 
	font-size: 1.3rem;
	font-family: serif;
	font-weight: bold;
	color: #401f0f;
	border-bottom: dotted 1px #a9a9a9;
}

h4
{ 
	font-size: 1.3rem;
	font-family: serif;
	font-weight: bold;
	color: #401f0f;
	line-height: 1.4
}

h5
{ 
	font-size: 1.2rem;
	font-family: serif;
	font-weight: bold;
	color: #401f0f;
	letter-spacing: 0.1rem;
	border-bottom: dotted 1px #a9a9a9;
}

h6{ 
	font-size: 0.9rem;
	font-weight: bold;
	text-shadow: 1px 1px 5px #404040;
	line-height: 1.5
}



table {
	width:  100%;               /* 幅指定 */
    table-layout: fixed;        /* セルの幅計算指定 */
    background-color: none;  /* 背景色指定 */
	margin-top: 5px;


}
 
th {
	width: 30%;
	table-layout: fixed; 
    border-bottom: solid 1px #a9a9a9;
	text-align: center;
  	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

	
td{
 	border-bottom:  solid 1px #a9a9a9;
 	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
  	padding-left: 20px;
	padding-right: 20px;
	line-height: 1.2
}


.new{
	font-size: 0.8rem;
	color: #fff;
	margin-left: 0.5em;
	margin-right: 0.5em;
	padding-left:0.8em;
	padding-right:0.8em;
	background-color:#d00;
}



/*sec3*/
.heading01{
	position: relative;
	font-size: 20px;
	font-family: sans-serif;
	text-align: left;
	border-bottom: 4px solid #e6e6e6;
}

.heading01::after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0%;
	transform: translateX(0%);
	width: 60px;
	height: 4px;
	background-color: #6c757d;
}

.heading02{
	font-size:1.3rem;
	font-family: sans-serif;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
  	padding-left: 10px;
	padding-right: 10px;/*文字周りの余白*/
	color: #6c757d;/*文字色*/
	background: transparent;/*背景色*/
	border-left: solid 24px  #cc0000;/*左線（実線 太さ 色）*/
}

.heading03{
	font-size:1.3rem;
	font-family: sans-serif;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
  	padding-left: 10px;
	padding-right: 10px;/*文字周りの余白*/
	color: #6c757d;/*文字色*/
	background: transparent;/*背景色*/
	border-left: solid 24px  #337ab7;/*左線（実線 太さ 色）*/
}

.caution {
	font-size:0.9rem;
	font-family: sans-serif;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 20px;
}

/*丸に数字*/
.post none {
	font-size: 1.3rem;
	font-family: serif;
	font-weight: bold;
	color: #401f0f;
	line-height: 1.4
	
}

.post {
	counter-reset: h4;
	font-family: sans-serif;
	
}

.post h4{
	display: flex;
	border-left: 0;
	line-height: 1.5rem;
	counter-increment: h2;
	counter-reset: h3;
	font-family: sans-serif;
}
.post h4:before {
  content: counter(h2);
	background-color: #6c757d;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 1.0rem;
	margin-right: 0.6rem;
	margin-left: 0;
	flex-shrink: 0;
	}

/*円にアイコンを入れてバーをつける*/
.icon-bar {
	counter-reset: h4;
	}

.icon-bar h4 {
  position: relative;
  background: #70BB00;
  padding: 3px 0px 3px 70px;
  font-family: sans-serif;
  font-size: 24px;
  color: #ffffff;
}

.icon-bar h4:before {
  font-family:'Font Awesome 5 Free'; 
  content: '\f6ec';
  font-weight: 900;
  font-size: 1.4em;
  display: inline-block;
  line-height: 50px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #338800;
  width: 50px;
  text-align: center;
  vertical-align: middle;
  height: 50px;
  line-height: 45px;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid 3px white; 
  border-radius: 50%;
}

.price{
	margin-top: 0px;
}

.price table {
	width:  100%;               /* 幅指定 */
    table-layout: fixed;        /* セルの幅計算指定 */
    background-color: #fff;  /* 背景色指定 */
}


.price tr{
	border: 2px #f8f9fa solid;
}

.price th{
	width: 30%;
	table-layout: fixed; 
	border: 2px #f8f9fa solid;
    font-weight: bold;
	text-align: center;
	color: #ffffff;
  	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #a9a9a9;
}

	
.price td{
 	border: 2px #f8f9fa solid;
	text-align: center;
}

.btn2{
	display:inline-block;
	font-weight:400;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	border:1px solid transparent;
	padding:.375rem .75rem;
	font-size:1rem;
	line-height:1.5;
	border-radius:.25rem;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
	@media screen and (prefers-reduced-motion:reduce){
	.btn2{transition:none}
}

.btn--green,
a.btn--green {
  width: 100%;
  color: #fff;
  background-color: #70BB00;
	padding-top: 5px;
	padding-bottom: 5px;
  	padding-left: auto;
	padding-right: auto;
	margin-top: 7px;
}
.btn--green:hover,
a.btn--green:hover {
  opacity: 0.5;
}

.btn--blue,
a.btn--blue {
  width: 100%;
  color: #fff;
  background-color: #337ab7;
	padding-top: 5px;
	padding-bottom: 5px;
  	padding-left: auto;
	padding-right: auto;
	margin-top: 7px;
}
.btn--blue:hover,
a.btn--blue:hover {
  opacity: 0.5;
}

.btn--gray,
a.btn--gray {
  width: 100%;
  color: #fff;
  background-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
  	padding-left: auto;
	padding-right: auto;
	margin-top: 7px;
}

.btn--radius,
a.btn--radius {
   border-radius: 100vh;
}

.corse_01 {
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-size: 18px;
font-weight: 600;
background:linear-gradient(transparent 70%, #FFFF00 0%);
}

.corse_02 {
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "sans-serif";
}

.corse_03 {
 font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
 border-bottom:dotted;/*下線を点線にする*/
 border-color:#DD0000;
 border-width:1px;
 padding-bottom: 2px;
}


p.explanation{
font-family: "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-size: 15px;
}



.application{
  background-color: #ffffff;
  border-radius:10px;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 0;
  margin-left: 0;
}