@charset "UTF-8";

html{
	scroll-behavior: smooth;
	}


body {
	margin: 0;
	padding: 0px 0 0px 0;
	font-family: "ヒラギノ丸ゴ Pro W3", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
	font-weight: normal;
	background-image: linear-gradient(to right, #f5f9de, #eaf0bc, #e8ecad, #f4eab1);
}
 

hr {
border-width: 2px 0px 0px 0px;
border-style: dashed;
border-color: #F9F7F7;
height: 2px;
}


ul {
  list-style: none;
}

.resizeimage img { max-width: 100%; }

/* スライドする要素 */
.content {
  width: 180px;
margin: 50px 100px 10px 50px;
}

 /* スライドレールの枠 */
.wrap {
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 320px;

}
/* content4つをまとめたスライドブロック */
.slideshow {
  display: flex;
  -webkit-animation: loop-slide 50s infinite linear 1s both;
  animation: loop-slide 50s infinite linear 1s both;
}
@-webkit-keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/* ホバー時に動きを止める（パターン2・3）*/
.slide-paused:hover .slideshow {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
/* ホバー時の装飾（パターン3） */
.content-hover {
  transition: all 0.2s;
  margin-right: 10px;
}
.content-hover:hover {
  transform: translateY(-20px);
  border-radius: 0 0%;
  box-shadow: 0 3px 10px 0 #333;
  opacity: 0.8;
  cursor: pointer;
}



/* コンテンツコンテナ */
.container{
	background :#FFFFFF;
	border-radius: 40px 40px 40px 40px;

}
/* コンテンツコンテナ3 */
.container3{
font-size: 12px;
	color:#373839;
		background :#F5C8AA;

}

/* コンテンツコンテナフッター */
.container-footer{
	background :#F5C8AA;
	border-radius: 0px 40px 0px 0px;
width:95%;
}




/* 見出し */
.font-midashi {
font-size: 26px;
	font-weight: normal;
 color:#373839;
background: linear-gradient(transparent 50%, #a8eaff 50%);
margin: 10px 10px 10px 10px;
	
}


.navbar-light .navbar-toggler {
    border-color: rgba(0,0,0,0);
	}

.navbar-collapse{
	z-index: 100;
}

.navbar-text {
  background-color:#F6E98F;
	text-align:right;
}


.dropdown-menu{
color:#000000;
}

#kotei {
	z-index: 50;	
position:sticky;
top:0;

width:100%;
height:4em;
}
 
.photo{
  animation-name: fade;
  animation-duration: 1s;
  animation-iteration-count: 1;
}
@keyframes fade{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}



label {
  display: block;
  margin: 0 0 2px 0;
	padding :12px;
  line-height: 1;
	color :#fff;
  background :#007bbb;
	cursor :pointer;
}

input {
	display: none;
}





 
#content {
	position: relative;
	background:fff;
	height: 151px;
	z-index: 10;
	top: 0;
}






header {
    position: absolute;
    top: 0px;
    width: 100%;
    text-align: center;
}
#content .follow {
    position: fixed;
    top: 0;
	
}

/*グローバルナビゲーション部*/
.header-1{
	flex: 20%;
	padding:10px;
	display: flex;
	align-items: center;
}
	.header-1 img{
		max-width: 100%;
	}
.header-2{
	flex: 70%;
	padding:10px;
	display: flex;
	flex-direction: column;
	justify-content:start;
}
	.header-2 ul{
		list-style: none;
		display:inline-block;
	}
	.header-2 ul li{
		display:inline-block;
	}
	.header-2 ul li a{
		border-left: 1px solid #4d473b;
		margin: 10px;
		padding: 0 0 0 10px;
		display:inline-block;
	}
.hamburger-menu{
	display: none;
}
.for-sp{
	display: none;
}

@media screen and (max-width: 767px) {
/* 例: メニューのリストのスタイリング */
.header-1 {
	display: none;
	/* その他のスタイルを追加 */
  }
.header-2 ul {
	display: none;
  }
.header-2 ul li{
	display:block;
}
.header-2 ul li a{
	display:block;
}
  
  /* 例: メニューが表示されるときのスタイル */
  .header-2 ul.show {
	display: block;
  }
  .hamburger-menu{
	display: inherit;
}
.for-sp{
	display: inherit;
}

}
	

.header-3{
	flex: 10%;
	padding:10px;
	min-width: 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(to right, #afbc01, #d3d890);
}
a.a-brown:link{
	color:#4d473b;
}
a.a-brown:visited{
	color:#4d473b;
}
a.a-brown:hover{
	color:#4d473b;
}

a.akane:link{
	color:#001FF0;
}
a.akane:visited{
	color:#F20000;
}
a.akane:hover{
	color:#F39802;
}




#menu {
	position: fixed;
	color: #FFF;
	background-repeat: repeat;
	background-position: center center;
	font-size: 16px;
	font-family: "ヒラギノ丸ゴ Pro W3", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
	width: auto;
	padding-top: 0px;
	font-weight: bold;

}

div#headerArea {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 100px;  
	  background-color:#F6E98F;
    color: #fff;  
}  
#container {
	font-weight: normal;
	background-color: #FFFFFF;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	z-index: 10;
	font-weight: normal;
	
}
#container2 {
	font-weight: normal;
	background-color: #FEF6F1;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	z-index: 10;
	font-weight: normal;
	border-radius: 40px 40px 40px 40px;

}



a:link {
		
	color: #070489;
	background-repeat: repeat;
	background-position: center center;
	font-size: 16px;
	font-family: "ヒラギノ丸ゴ Pro W3", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
	width: auto;
	padding-top: 10px;
	text-decoration: none;

}


a:hover {
	opacity: 0.5;
  filter: alpha(opacity=50);
}

a:visited {
	color: #373736;
	font-weight: bold;
}

a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=70)";
}





h1 {
"ヒラギノ丸ゴ Pro W3", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
	font-size: 14px;
	font-weight: normal;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}


h2 {
"ヒラギノ丸ゴ Pro W3", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
    font-size: 20px;
    color: #5D4A2D;
    font-weight: normal;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
}

h3 {
"ヒラギノ丸ゴ Pro W3", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
	font-size: 15px;
	color: #FF0000;
	font-weight: normal;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}

h4 {
"ヒラギノ丸ゴ Pro W3", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: normal;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}


h5 {
"ヒラギノ丸ゴ Pro W3", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
	font-size: 14px;
	color: #D41A16;
	font-weight: normal;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}

.headline {
	"ヒラギノ丸ゴ Pro W3", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
    font-size: 18px;
		width: 98%;
    color: #141413;
    font-weight: normal;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
    background-color: #E1FB8D;
}


#footer {
	"ヒラギノ丸ゴ Pro W3", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
	font-size: 14px;
	color: #393838;
	line-height: 16px;
	font-weight: normal;
	padding-left: 30px;
}

#top {
	background-image: url(../image/top/top_bg.png);
	background-repeat: repeat;
	background-position: center;
	height: 200px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}

.balloon1-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}

.balloon1-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #e0edff;
}

.balloon1-left p {
  margin: 0;
  padding: 0;
}

.balloon1-right {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}

.balloon1-right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #e0edff;
}

.balloon1-right p {
  margin: 0;
  padding: 0;
}