#calender{
    width:40vw
}
.container{
    width: 100vw;
    padding-right: 2vw;
    padding-left: 2vw;
    margin: 0 auto;   
}
iframe{
    width:50em;
    height:25em;
}
@media screen and (max-width:768px){/*スマホ画面*/
    iframe{
        height:50vh;
        width:94vw;
        padding-left: 2vw;
    }
    #calender{
        width:94vw
    }

}
a{
	line-height: 2em;
	font-size: small;
	text-decoration: none;
	font-size: small;
}
a:hover{
	font-weight:bold;
	text-decoration: none;
	font-size: medium;
}
.home_h2{
    font-family:'Hiragino Sans','Yu Gothic UI','Meiryo UI',sans-serif; 
	border-bottom:solid #5169A8;
	font-size: x-large;
	line-height: 2em;
	padding-left: 1em;
	padding-top: 1em;
	color: #666;
}
h2{
    font-family:'Hiragino Sans','Yu Gothic UI','Meiryo UI',sans-serif; 
	border-bottom:solid #5169A8;
	font-size: x-large;
	line-height: 2em;
	padding-left: 1em;
	color: #666;
}
.style-1{
	margin:0 1em;
	padding:0 0
}
.img-fluid{
	clip-path:ellipse(40% 50% at 50% 50%);
    width:20vh
}
.col-3{
	margin:0 auto;
	max-width: fit-content;
}
#kugi {
	display: grid;
	grid-template-columns: 15vw 15vw 15vw 15vw 15vw;
	gap:1vw
}
#kucho{
	display: grid;
	grid-template-columns: 30vw 30vw;
	gap: 10vw;
}
@media screen and (max-width:768px){/*スマホ画面*/
#kugi,#kucho{
	display: grid;
	grid-template-columns: 46vw 46vw;
	gap:5vw
}
}

.kouho{
    position:relative;
    border: 2px solid;
    border-color: #aaa;
    text-align: center;
    border-radius: 1em;
	font-size: x-large;
}
@media screen and (max-width:768px){/*スマホ画面*/
	.kouho{
		position:relative;
		border: 2px solid;
		border-color: #aaa;
		text-align: center;
		border-radius: 1em;
		font-size: large;
	}
}	

img{
    width:20vw;
}
.col-md-6{
	font-size: large;
	font-weight: 600;
	line-height: 3em;
	flex: 0 0 40%;
    max-width: 50%;
	position:relative;
    border: 2px solid;
    border-color: #ccc;
    text-align: center;
    border-radius: 1em;
	margin: 2em;
}
@media screen and (max-width:768px){/*スマホ画面 そのうち消すこと！*/ 
	.col-md-6{
		max-width: 80%;
		flex:0 0 80%;
		margin:1em
	}
}

div.top_image{
    background-image: url(../pic/top.png);
    height: 30vh;
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
}
@media screen and (max-width:768px){ /*スマホ画面*/
	div.top_image{
		background-image: url(../pic/top-sumaho.png);
		height: 20vh;
		background-size: 100% auto;
		background-position: bottom;
		background-repeat: no-repeat;
	}
}


ul.menu {
	padding: 0 ;
	margin: 0;
}
ul.menu li {
	float: left;  /*メインメニューは横並びに*/
	width: 150px;
	height: 40px;
	background-color: #2F4B97;
	position: relative;  /*子要素の基準とするために指定*/
	list-style-type: none;
	box-sizing:border-box;
}
ul.menu li a {
	display: block;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
ul.menu li a:hover {
	background-color: #5169A8;
}
ul.menu li ul.sub {
	display: none;
	position: absolute;
	/*サブメニューを開いた際に、背後の要素の影響を受けないようにする*/
	padding: 0;
	margin: 0;
}
ul.menu li:hover ul.sub {
	display: block; 
}
ul.menu li ul.sub li:first-child{
	border-top: 1px solid #1C2973; /*最初の要素のみボーダートップを指定*/
}
ul.menu li ul.sub li {
	border: 1px solid #1C2973;  /*ボーダーの指定*/
	border-top: none;  /*ボーダートップは重なって太くなるので解除*/
  }
ul.menu {
   zoom:1; /*Clearfix IE6-7 対応*/
  }
ul.menu:after { /*Clearfix*/
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
	}
 html{
  	position: relative;
  	min-height: 100%;
  }
 body{
	padding: 0;
	margin: 0;
    width:100vw;
    font-size: medium;
	/*margin-bottom: 60px;　⇐2022/5/7削除*/
  }

 .h1-title{
	  background-color: #5169A8;
	  margin:0em;
	  padding:0em
  }
 .h1-title>h1{
	  color:#fff;
	  font-size:x-large	  
  }
  .style-1{
	  background-color: rgb(191, 208, 237);
	  padding: 0.5em;
	  margin: 2em;
  }
  .style-2{
	padding: 0.6em;
 }
 h1.style-2{
	font-family:"Hiragino Maru Gothic Pro", "メイリオ", sans-serif;
	font-size: x-large;
}


 h1{
	 font-family:"Hiragino Maru Gothic Pro", "メイリオ", sans-serif;
	 font-size: xx-large;
 }

 
 
p{
	 font-family: "Hiragino Maru Gothic Pro", "メイリオ", sans-serif;
 }


 
 
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
 

.container .text-muted {
  margin: 3px 0;
  font-size: small;
}
ul.footer-menu li {
	display: inline;
	}

.footer{
	/*footerの装飾*/
	width: 100%;
	text-align: center;
	padding: 0px 0;
	/*position: absolute;←絶対位置*/
	bottom: 0; /*下に固定*/
	font-size: small;
}

div.style-1>ul>li>a{
    font-size: medium;
}