@charset "utf-8";

body{
	font: 14px/2 "Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	"Noto Sans JP",
	sans-serif;
	color: #444;
	letter-spacing: 0.2em;
}
html{
	scroll-behavior: smooth;
}
a:link{color: #444;text-decoration: none;}
a:visited{color: #444;text-decoration: none;}
#wrapper{
	width: 100%;
}
/*--header--*/
#header{
	width: 100%;
	overflow: hidden;
	background: #f8f8f8;
}
#header h1 a{
	float: left;
	height: 70px;
}
/*--nav--*/
#nav ul{
	float: right;
	overflow: hidden;
	margin-right: 20px;
}
#nav li{
	float: left;
	padding-top: 43px;

}
#nav li a{
	font-size: 15px;
	color: #444;
	margin: 0 15px;
	position: relative; /*アンダーラインの位置を決めるための基準 */
}

#nav li a::after {
  background-color: #F68B1F; /* 下線の色 */
  bottom: -4px; /* 要素の下端からの距離 */
  content: ""; /* 要素に内容を追加 */
  height: 2px; /* 下線の高さ */
  left: 0; /* 要素の左端からの距離 */
  position: absolute; /* 絶対位置指定 */
  transform: scale(0, 1); /* 下線を横方向に0倍、縦方向に1倍に変形（非表示） */
  transform-origin: left top; /* 変形の原点を左上に指定 */
  transition: transform .3s; /* 変形をアニメーション化 */
  width: 100%; /* 要素の幅 */
}
#nav li a:hover::after {
  transform: scale(1, 1); /* 下線を横方向に1倍、縦方向に1倍に変形（表示） */
}
/*--slider--*/
ul.slides img{
	clear: both;
	min-width: 1400px;
}
.flexslider{
	clear: both;
}
/*--contents--*/
#contents{
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 20px;
	clear: both;
	overflow: hidden;
	background: #fff;
}
#contents p{
	width: 1080px;
	margin: 0 auto;
}
p.about{
	text-align: center;
	font-weight: bold;
}
h2{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	padding: 5px 0;
	background-color: #F68B1F;
	color: #fff;
	border-radius: 10px;
	margin: 30px 0;
	clear: both;
}
h3.subject01{
	width: 400px;
	margin: 20px auto;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	background-color: #ff69b4;
	color: #fff;
}
h3.subject02{
	width: 400px;
	margin: 20px auto;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	background-color: #4169e1;
	color: #fff;
}
h3.use{
	font-size: 18px;
	font-weight: bold;
	border-left: 5px solid #F68B1F;
	padding-left: 10px;
	width: 1080px;
	margin: 10px auto;
}
h4{
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #F68B1F;
	border-left: 5px solid #F68B1F;
	width: 1080px;
	margin: 0 auto;
	padding-left: 10px;
}
.flow{
	overflow: hidden;
}
ol.oneday{
	counter-reset:list;
	list-style-type:none;
	font: 14px/1.6 'arial narrow', sans-serif;
	padding:0;
	width: 400px;
	margin: 20px 0 0 120px;
	float: left;
}
ol.oneday li{
	position:relative;
	margin: 10px 0 10px 0px;
	padding-left:40px;
	font-weight: bold;
	font-size:14px;
	line-height: 30px;
	border: solid 1px #F6A38B;
	border-radius:20px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
ol.oneday li:before{
	counter-increment: list;
	content: counter(list);
	position: absolute;
	left: 0px;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #fff;
	line-height:30px;
	background: #F6A38B;
	border-radius: 50%;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
ol.oneday li:hover{
	background: #F6A38B;
	color: #fff;
}
ol.oneday li:hover:before{
	background: #fff;
	color: #F6A38B;
}
img.right{
	float: right;
	margin: 28px 70px 10px 0;
	border-radius: 30px;
}
.box{
	border: 3px solid #F68B1F;
	width: 900px;
	margin: 20px auto;
	padding: 20px;
	border-radius: 10px;
}
.box p{
	font-size: 17px;
}
p.q{
	color: #F68B1F;
}
table {
	width: 800px;
	margin: 40px auto;
}

th{
	border-bottom: 1px solid #F68B1F;
	text-align: center;
	vertical-align: middle;
	padding: 20px 0;
}
td{
	border-bottom: 1px solid #ddd;
	text-align: center;
	vertical-align: middle;
}
#map{
	margin: 0 auto;
	width: 800px;
}
#contact2{
	margin: 0 auto;
	width: 900px;
	background-color: #F68B1F;
	border-radius: 10px;
	padding: 20px 0;
}
#contact2 p{
	font-size: 16px;
	color: #fff;
	text-align: center;
	width: 600px;
	margin: 20px auto;
}
/*--footer--*/
#footer{
	width: 100%;
	clear: both;
	overflow: hidden;
	background: #f8f8f8;
}
#footerNav {
	margin: 20px auto;
	overflow: hidden;
}
#footerNav a:link{
}
#footerNav a:hover{
	opacity: 0.6;
}
#footerNav a:visited{
}
#footerNav ul {
	position: relative;
	left: 50%;
	float:left;
}
#footerNav ul li {
	font-size: 14px;
	position: relative;
	left: -50%;
	float: left;
	padding:0 10px;
}
#footer p{
	clear: both;
	text-align: center;
}
h5{
	text-align: center;
}
h6{
	text-align: center;
}