@media screen and (min-width:680px) and (max-width:919px) {


/*--------------------------------------------------------
  共通レイアウトパーツ設定
--------------------------------------------------------*/
/* ヘッダー内パーツ */

*{
margin: 0;
padding: 0;
}

ol  {
  margin: 0;
  padding: 0
}
ol li  {
  list-style: none;
  padding-left: 1.5em;
  text-indent: -2.0em;
}


.box20{
 
 
  background-color: #DCF8CB;
  background-image: linear-gradient(#fff 1px, transparent 0),
                    linear-gradient(90deg, #fff 1px, transparent 0);
  background-size: 20px 20px;
  
}


.box30{

  background-color: #e6e6fa;
  background-image: linear-gradient(#fff 1px, transparent 0),
                    linear-gradient(90deg, #fff 1px, transparent 0);
  background-size: 20px 20px;
}


.box40{

  background-color: #EEFFFF;
  background-image: linear-gradient(#fff 1px, transparent 0),
                    linear-gradient(90deg, #fff 1px, transparent 0);
  background-size: 20px 20px;
}



hr.line2{
  border: none;
  border-top: 1px dotted green;
  color: green;
 width:80%;
}

hr.line4{
 border: none;
  border-top: 1px dotted green;
  color: green;
 width:95%;

margin:20px 0 20px 0;
}




#header{
width: 100%;
height:auto;
}


.header2{
height:55px;
text-align: center;
padding:0 0 10px 30px;
font-size:1.5em;
background-repeat:no-repeat;
}

#header1{
width: 100%;
height:30vh;
background-image: url(../9553.jpg); 
background-color: white;
background-width:100%;

}


.header3{
height:auto;
text-align: center;
padding-top:20px;
font-size:0.7em;
background-repeat:no-repeat;
}




.title2 {
width:85%;
font-size:1em;
color:white;
line-height:3;
position: absolute;
  top: 26%; 
  left: 50%; 
  transform: translate(-50%,-50%);

}

.title3 {
width:80%;
margin:0 auto;
padding:40px 0 40px 0;
font-size:1.2em;
color:green;
line-height:2.3rem;
}


.fuchidori {
  color: white;
  text-shadow:1px 1px 0 #000, -1px -1px 0 #000,
              -1px 1px 0 #000, 1px -1px 0 #000,
              0px 1px 0 #000,  0-1px 0 #000,
              -1px 0 0 #000, 1px 0 0 #000;
}

.fuchidori2 {
  color: #FFF;
  text-shadow:1px 1px 0 #00F, -1px -1px 0 #00F,
              -1px 1px 0 #00F, 1px -1px 0 #00F,
              0px 1px 0 #00F,  0-1px 0 #00F,
              -1px 0 0 #00F, 1px 0 0 #00F;
}

.scroll {

 width:80%;

  height: auto;

border-radius: 30px;

 margin:5vh auto 20px auto;

  overflow-y: auto;

background-color:white;

font-size:1.0em;



line-height:2.2rem;

}
 



.scroll-cont {

width:60%;
height:auto;
margin:10px auto 10px auto;

}



.scroll-2 {

 width:95%;

  height: auto;

border-radius: 30px;

 margin:5vh auto 20px auto;

  overflow-y: auto;

background-color:white;


}




.scroll-cont-2 {


width:80%;
height:auto;
margin:10px auto 10px auto;




}

.title5{
padding:0 30% 0 30%;
font-size:1.8em;

}

.title6{

font-size:1.2em;
line-height:1.7;
}






h.scroll-cont-2 {
line-height:2;
font-size:20px;
padding:0 10px 0 20px;
}



.box15{
width:60%;
margin:0 auto;
padding:50px 0 50px 0;
font-size:1.2em;
text-align:center;
}

.scroll-3 {

width:90%;
height: auto;
margin:8vh auto 40px auto;

overflow-y: auto;
background-color:white;
font-size:18px;
line-height:30px;

}

.scroll-cont-3 {


width:85%;
height:auto;
margin:10px auto 10px auto;
padding-top:10px;


}

hr.font{
font-size:30px;
}





hr.line4{
border:non;
border-top 2px dotted green;
width:95%;
padding:10px 0 10px 0;
}



.box15{
width:60%;
margin:0 auto;
padding:50px 0 50px 0;
font-size:1.2em;
text-align:center;
}

.box2 {

 width:35%;

background-color: #FFFFFF;

  height: auto;
 
 text-align: center;

 padding: 5px 5px 20px 5px;

margin:10px auto 10px 10%;

border-radius: 30px;

box-shadow: 2px 2px 4px gray;

}

.boxm:after {content:"";
display: block;
clear: both}

.box4 {float: left;
}

.box2 {float: left;
}



.container{
width: 100%;
padding: 3rem 1rem;
}

.title9{
font-size:30px;
padding-bottom:50px;
}



ul.item{
list-style: none;
display: flex;
justify-content: center;
max-width: 960px;
margin: 0 auto;
}

li.list{
width: 33.3%;
min-height: 400px;
margin-right: 2rem;
margin-top: 40px;
margin-bottom: 30px;
}

li.list:last-child{
margin-right: 0;
}

div.image img{
width: 100%;
height:100%;
object-fit: cover;
}


div.oshirase img{
width:30%;
height:auto;
margin:10px 0 30px 0;
}

h5.title{
font-weight: bold;
font-size: 15px;
margin-top:5px;
}

p.content{
line-height: 1.6;
color: #333;
}


li.list{
display: frex;
flex-direction: column;
min-height: 380px;
background: #fff;
box-shadow: 5px 5px 25px rgba(0.0.0.0.2);

}

li.list div.image{
width: 100%;
height: 300px;
}

h5.title{
padding: 1rem 5rem 0 5rem;
}

p.content{
font-size:13px;
padding: 0 1rem;
}

 a.btn{
display: inline-block;
text align: center;
font-weight: bold;
font-size: 16px;
border-radius: 30px;
padding: 6px 18px;
color: #fff;
background: #00c;
margin auto auto 1.5rem auto;
border: 2px solid #00c;
transition: 0.2s;
}

 a.btn:hover{
color: #00c;
background: #fff;
}


#information{
height: auto;
width: 60%;
margin: 30px auto 30px auto;
}

.pc-disabled {
  display: none;
}

#information-cont{
height: auto;
font-size:1.2em;
width: 70%;

margin: 0 auto 0 auto;
}


#schedule{
height: auto;
width:85%;
margin: 0 auto 0 auto;
padding:30px 40px 20px 40px;
line-height:2.5em;
background-color:#EEFFFF;
}

.list-style-none li{
 list-style:none;
}



.sk{
font-size: 1.3em;
color: red; 
text-align:center;
}

.sk2{
font-size: 1.2em;
 
}




/*--------------------------------------------------------
  ナビゲーションデザイン設定
--------------------------------------------------------*/
.gnavi__wrap {
    width: 100%;
    margin: 0 auto;
z-index: 8;
}
.gnavi__lists {
    display: flex;

  flex-wrap: wrap;
}
.gnavi__list {
    width: 33%;
    height: 60px;
    background-color: #E5F0F8;
    position: relative;
    transition: all .3s;
}
.gnavi__list:hover {
    background-color: #0071BB;
}
.gnavi__list:not(:first-child)::before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s;
}
.gnavi__list:hover::before {
    background-color: #0071BB;
}
.gnavi__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #1b4059;
    font-size: 16px;
    letter-spacing: 0.05em;
    font-weight: 600;
    transition: all .3s;

}
.gnavi__list:hover a {
    color: #fff;
}
.dropdown__lists {
    display: none;/*デフォルトでは非表示の状態にしておく*/
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
}
.gnavi__list:hover .dropdown__lists {
    display: block;/*Gナビメニューにホバーしたら表示*/

}
.dropdown__list {
    background-color: #004d80;
    height: 60px;
    transition: all .3s;
    position: relative;
z-index: 6;
}
.dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #3492d1;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list:hover {
    background-color: #003558;
}
.dropdown__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
}
.dropdown__list a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
}



ul li { list-style-type:none; background-image:none; padding-left:0; }


/*--------------------------------------------------------
  基本パーツデザイン設定
--------------------------------------------------------*/


p{
    margin-top: 0.5em;
    margin-bottom: 2em;
    padding-right: 0.1em;
    padding-left: 0.1em;
    line-height: 1.4;
    text-align: left;
}




p.large{
    color: #666666;
    font-weight: bold;
}
p.indent{
    padding-left: 25px;
}

.left{
    float: left;
}
.right{
    float: right;
}

#hpb-footer{
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 0 15px 0;
    clear: both;

   background-color:blue;
   
 }

img.example2 {
width: 30%;
height: auto;
padding:0 40% 0 40%;

}

.contact {
	position:absolute;
	top:40px;
	right:10px;
	vertical-align:top;
        font-size:15px;
        width:15%;
       
}
.contact a {
	display:block;
	padding:10px 1px 10px 1px;
	color:#fff;
	background:#f19500;
	border-radius:4px;
	text-decoration:none;
	}

.contact a:hover {
	color:#fff;
       
	}

.title8{
font-size:10%;
padding-bottom:5px;
}



p.scroll-cont-2 {

font-size:20px;
line-height:40px;
}

.example5{
font-size:20px;

padding :5px 0 5px 0
}



/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:50px;
	right:40px;
 z-index:8;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:#f19500;
}
.totop img:hover {
	background:#e78f00;
}


.table{


width:70%;

}

.example8{

width:80%;
height:auto;
margin:10px auto 10px auto;
}


table td{
font-size:20px;
line-height:1;
width:;
}


th{
font-size:20px;
line-height:1;
width:200px;
}