@charset "UTF-8";
:root {
  --site-blue-color: #304F6D;
  --site-green-color: #899481;
  --site-orange-color: #E07D54;
  --site-yellow-color: #FFE1A0;
  --site-sky-color: #E2F3FD;
  --site-gray-color: #E6E1DD;
  --site-lgreen-color: #eaf0f0;
  --box-shadow: 0 8px 22px rgba(0,0,0,0.2);
}

html .row {
    display: flex;
    flex-wrap: wrap;
}

/* @font-face {
  font-family: myfont;
  src: url("/font/BIZUDGothic-Regular.ttf") format("woff");
  font-display: swap; 
}

body {
  font-family:"myfont";
} */

.navbar li a{
  font-size: large;
}

.navbar-toggler {
  /*color: var(--site-sky-color);*/
  /*border-color: var(--site-sky-color);*/
  background-color: white;
}

.nav-bgcolor {
  background-color: var(--site-blue-color);
}

.nav-color a{
  color: var(--site-sky-color)!important;
}

.bg-color-blue {
  background-color:var( --site-blue-color);
}


.bg-color-green {
  background-color:var( --site-green-color);
}


.bg-color-orange {
  background-color:var( --site-orange-color);
}


.bg-color-yellow {
  background-color:var( --site-yellow-color);
}


.bg-color-sky {
  background-color:var( --site-sky-color);
}

.bg-color-lgreen {
  background-color: var(--site-lgreen-color);
}

.bg-color-gray {
  background-color:var( --site-gray-color);
}

.text-color-blue {
  color:var( --site-blue-color);
}

.text-color-green {
  color:var( --site-green-color);
}

.text-color-orange {
  color:var( --site-orange-color);
}

.text-color-yellow {
  color:var( --site-yellow-color);
}

.text-color-sky {
  color:var( --site-sky-color);
}

.text-color-gray {
  color:var( --site-gray-color);
}

.navbar-brand h2 {
  color:var( --site-sky-color);
}

.pointleft {
  width:200px;
  height: 200px;
}

.pointleft img {
  max-width: 100%;
  height: auto;
  display: block;  
}

.pointrignt h3{
  line-height: 1.5em;
}

.num {
  display: block;
  line-height: 1.0em;
}

.point {
  font-family:"Arial Black", Gadget, "sans-serif";
  font-weight: 500;
}
.point .num span {
  /*font-size: xx-large;*/
  text-align: center;
}

.hero .point p {
  color:black;
}

.point .num .min {
  line-height:0em;
}

.w100px {
  width: 100px;
  height: auto;
}

.col-img {
  background-image: url("/image/top01.jpg");
  background-position: center;
  background-size: cover;
  min-height: 500px;
}

footer .address {
  line-height: 1.0;
}

footer .address p {
  margin-bottom: 0.5rem;
}

.iconmk::after {
  content: url("/image/arr-right.png");
}

.summer-info img {
  object-fit: contain;
}

.bkimg-arr-down img {
  width: 30px;
}

.summer-flow {
  border:2px solid var(--site-green-color);
}

.text-br {
  display: inline-block;
}

/* bs5lightbox.jsで使用 */
img#LightboxCanvas {
  max-width: 100%;
}

.list-border-none li{
  border:none!important;
}

.h1-title img{
  width:100px!important;
  max-width:100px!important;
  height:auto;
}

.h2-title h2 {
  position: relative;
  padding: 1rem 2rem;
  /*border-bottom: 6px solid var(--site-blue-color);*/
  border-bottom: 6px solid var(--site-sky-color);
}
.h2-title h2::before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  /*background: var(--site-gray-color);*/
  background: var(--site-blue-color);
}

/*
.h-title h1{
  conten:"";
  background-image: url("/image/logo.jpg");
  background-position:left center;
  background-repeat: no-repeat;
  background-size: 100px;
  padding: 25px 120px;
  height: auto;
  
}
*/

.h-title p {
  margin-top:-10px;
}

/*冬期講習の詳細はこちらボタン*/
a.btn_02 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	/*width: 120px;*/
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	background: #27acd9;
	color: #fff;
	transition: 0.5s;
}
a.btn_02:hover {
	color: #27acd9;
	background: #fff;
}

.w-10 {
  width:10%;
}

.color-line {
  background:linear-gradient(transparent 60%, #ff6 60%);
}

.del-word {
  text-decoration:line-through;
  text-decoration-color:#ff0000;/*線の色を指定*/
  text-decoration-style:double;/*線のスタイルを指定*/
}

@media screen and (max-width:768px){
  .pointleft {
    width:100px;
    height: 100px;
  }
  
  .hero-wrapper {
    padding-top: 3px!important;
    
  }
  
  .sp-width-sm img {
    padding:5% 15%;
  }

  .h1-title img{
    width:70px!important;
    max-width:70px!important;
    height:auto;
  }
}


@media (max-width: 768px) {
 iframe[src^="ID"]{
        height: 100px;
        /* height: 3236px; */
        width:100%;
    }
}