@charset "UTF-8";
/* CSS Document */

.sp{
	display:none !important;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

#topimg img {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

*{
	margin:0;
	padding:0;
}

img{
	border:0;
	border-style:none;
}

a{
	word-break: break-all !important;
}

a img {
	border:0;
    border-style:none;
}

html{
	height:100%;
}

body{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 200;
	width:100%;
	height:100%;
	min-width:1140px !important;
	margin:0;
}

header ul {
	list-style:none;
}

{
	white-space: nowrap;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}

#wrapper{
	display: block;
	width: 100%;
	margin: 0;
	float: left;
	clear: both;
}
header{
	display: block;
	position: fixed;
	width: 100%;
	height: 100px;
	min-width: 1140px;
	background-color: #0066cc;
	float: left;
	clear: both;
	z-index: 1000;
}

header div{
	display: block;
	width: 1100px;
	margin: 0 auto;
}

main{
	display: block;
	width: 100%;
	min-height: 300px;
	margin: 100px auto;
	overflow: auto;
	overflow-x: hidden;
	clear: both;
}
main section{
	width: 1100px;
	margin: 0 auto 0 auto;
	clear: both;
}
#overview{
	width: 100%;
	background-color: #0066cc;
}

footer{
	display: block;
	width: 100%;
	background-color: #0066cc;
	padding: 80px 0;
	margin: 0;
	float: left;
	clear: both;
}

.logo{
	display: block;
	position: relative;
	width: 241px;
	height: 60px;
	margin: 20px 0 0 20px !important;
	z-index: 100;
	float: left;
}

#tel a{
	display: block;
	list-style: none !important;
	border: solid 2px #fff;
	padding: 0 !important;
	margin: 27px 20px 0 0;
	pointer-events: none !important;
	float: right;
}
#tel img{
	display: block;
	margin: 4px 7px 4px 7px;
	padding: 0;
}

.copyright{
	display: block;
	width:100%;
	color: #fff;
	text-align:center;
	font-size:12px;
	margin:0 0 0 0 !important;
	float: left;
	clear: both;
}

nav{
	display: block;
	width: 1100px;
	height: 40px;
	margin: 0 auto;
}

#topimg{
	display: block;
	width: 100%;
	height: auto;
	min-height: 492px;
	margin: 0 0 80px 0;
	float:left;
	clear: both;
}
#topimg img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

.totop a{
	display: block;
	width: 117px;
	height: 75px;
	position: fixed;
	bottom:200px;
	right: 20px !important;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	z-index: 10000 !important;
	background-color: #fff;
	transition-duration: 0.6s;
}
.totop img{
	display: block;
	width: 97px;
	height: auto;
	margin: 10px;
}
.totop a:hover{
	background-color: #f5f5f5;
	transition-duration: 0.2s;
}

#lead {
	display: block;
	width: 100%;
	margin-bottom: 80px;
	float: left;
	clear: both;
}

#lead p{
	display: block;
	width: 100%;
	text-align: center;
	color: #000;
	font-size: 24px;
	line-height: 160%;
	font-weight: 400;
	letter-spacing: 2px;
	margin: 0 0 0 0;
	float: left;
	clear: both;
}
#lead .br01{
	display: none;
}
#lead p strong{
	display: block;
	width: 100%;
	text-align: center;
	color: #0066cc;
	font-size: 36px;
	font-weight: 800;
	letter-spacing: 2px;
	margin: 0 0 40px 0;
	float: left;
	clear: both;
}

section h2{
	display: block;
	width: 100%;
	text-align: center;
	color: #0066cc;
	font-size: 36px;
	font-weight: 800;
	letter-spacing: 2px;
	margin: 30px 0 40px 0;
	float: left;
	clear: both;
}
#overview h2{
	color: #fff;
}

#business {
	display: block;
	width: 100%;
	border-top: solid 1px #000;
	float: left;
	clear: both;
}

#business ul{
	display: block;
	width: 900px;
	font-size: 18px;
	letter-spacing: 1px;
	list-style: none !important;
	margin: 0 auto 100px auto;
}
#business li{
	display: block;
	width: 400px;
	text-align: left;
	padding: 14px 250px 10px 250px;
	border-bottom: dashed 1px #999;
	clear: both;
}

#overview{
	font-size: 16px;
	letter-spacing: 1px;
	color: #fff !important;
}
#overview dl{
	display: block;
	width: 900px;
	margin: 0 auto;
	padding-bottom: 100px;
	overflow: auto;
	overflow-x: hidden;
	clear: both;
}
#overview dl dt{
	display: block;
	width: 150px;
	padding: 14px 0 10px 0;
	border-bottom: dashed 1px #ccc;
	float: left;
}
#overview dl dd{
	display: block;
	width: 750px;
	padding: 14px 0 10px 0;
	border-bottom: dashed 1px #ccc;
	float: left;
}
#overview br{
	display: none !important;
}

#access iframe{
	display: block;
	width: 900px;
	margin: 0 auto;
}
.tri{
	display: block;
	margin: -1px auto 0 auto;;
}
.c-carousel {
  position: relative;
  width: 420px;
  margin: 0 auto;
}
.c-carousel__activator-main {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.c-carousel__main {
  overflow: hidden;
  position: relative;
}
.c-carousel__main-track {
  display: flex;
  white-space: nowrap;
  transition: transform 0.3s ease-out;
}
.c-carousel__main-item {
  flex-shrink: 0;
  width: 100%;
}
.c-carousel__main-image {
  display: block;
  width: 100%;
}

.c-carousel__main-control-item {
  display: none;
}
.c-carousel__btn-prev-main, .c-carousel__btn-next-main {
  position: absolute;
  top: 50%;
  right: 16px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  transform: translateY(-50%);
  background-color: #000;
  border-radius: 50%;
  transition: opacity 0.3s;
  cursor: pointer;
}
.c-carousel__btn-prev-main {
  right: auto;
  left: 16px;
}

/* カルーセルの外枠 */
.carousel {
  width: 1440px;
  height: 600px;
  display: flex;    /* 子要素を横に並べる */
  overflow: hidden; /* はみ出た部分は表示しない */
  margin: 0 auto;   /* 水平方向中央寄せ */
}
/* カルーセル内の画像 */
.carousel img {
  margin: 0;
  padding: 0;
  display: block; /* imgタグの改行のすき間を消すため */
}
/* スクロールアニメーションのキーフレーム */
@keyframes scroll {
  /* 初期位置は1個目の画像が左端 */
  0% { margin-left: 0; }      
  /* 1個分左の位置に進めて2個目の画像を左端にする */
  20% { margin-left: -100%; }
  /* 少しの間上と同じ位置 */  
  25% { margin-left: -100%; }
  /* 2個分左の位置に進めて3個目の画像を左端にする */
  45% { margin-left: -200%; }
  /* 少しの間上と同じ位置 */  
  50% { margin-left: -200%; }
  /* 以降は上と同様に繰り返し */
  70% { margin-left: -300%; }
  75% { margin-left: -300%; }
  95% { margin-left: -400%; }
  100% { margin-left: -400%; }
}
/* カルーセルの子要素にスクロールアニメーションを設定 */
.carousel > :first-child {
  animation-name: scroll;    /* キーフレーム名 */
  animation-duration: 60s;  /* 再生時間全体は20秒 */
  animation-delay: 0s;      /* 読込直後から遅延無しで開始 */
  animation-iteration-count: infinite;  /* 無限に繰り返す */
}