html,body{
    height: 100%;  /* ページの高さ */
	margin: 0;
}

@media all and (-ms-high-contrast:none){
    body{
        margin-left:auto;
        margin-right:auto;
        text-align:center;
    }

    main{
        width:1000px;
    }

    .topimg{
		margin-top:40px;
		margin-left:-1000px;
    }
}




main{
	padding-top: 60px; 
    height: 100%;          /* 高さ */
	text-align:center;
	width:1000px;         /* 全体的な幅 */
	margin-right: auto;   /* 右側の余白 */
	margin-left: auto;    /* 左側の余白 */
	position: relative;   /* ポジションの固定 */
    min-height: 100%;     /* 一番下の高さ */
	padding-bottom:150px;
	font-size:20px;
}

.wrap{
	width:100%;
	position:relative;
	height:auto !important;
	height:1000px;
	min-height:100%;
}

.in-wrap{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:1000px;
	min-height:100%;
}

.rogo{  
	width: 600px;
	height: 70px;
}

.tel {
	float:right;/*☎番号imgを右づめにする */
	height:70px;
	
}

.header{
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}

.br{
	display:none;
}



/*---------------------------  メニューバー -----------------------------------*/

/*----------------アニメーション--------------------*/

ul ul {
 	visibility: hidden;
 	opacity: 0;
 	transition: .2s ease-in-out;
 	transform: translateY(-20px);
}

ul li:hover > ul {
  	visibility: visible;
 	opacity: 1;
  	transform: translateY(0);
}

/*---------------------------------------------------------*/

ul.menu {
    margin: 0px;               /* メニューバー外側の余白 */
    padding: 0px 0px 0px 15px; /* メニューバー内側の余白 */
    background-color: #3CA621; /* バーの背景色 */
}

ul.menu li {
    width: 115px;           /* メニュー項目の横幅 */
    display: inline-block;  /* ★1:横並びに配置する */
    list-style-type: none;  /* ★2:リストの先頭記号を消す */
    position: relative;     /* ★3:サブメニュー表示の基準位置にする */
}

ul.menu a {
    background-color: #3CA621; /* メニュー項目の背景色 */
    color: white;              /* メニュー項目の文字色 */
    line-height: 40px;         /* メニュー項目のリンクの高さ */
    text-align: center;        /* メインメニューの文字列の配置 */
    text-decoration: none;     /* メニュー項目の装飾 */
    font-weight: bold;         /* 太字にする */
    display: block;            /* ★4:項目内全域をリンク可能にする */
 }

ul.menu a:hover {
    background-color: #CDFDB8; /* メニュー項目にマウスが載ったときの背景色 */
    color: #3CA621;            /* メニュー項目にマウスが載ったときの文字色 */
}

ul.menu ul {
    margin: 0px;         /* ★2:サブメニュー外側の余白 */
    padding: 0px;        /* ★3:サブメニュー内側の余白 */
    position: absolute;  /* ★4:絶対配置にする */
    z-index: 1;          /* サブメニューを手前に表示　*/
}

ul.menu li:hover ul {
    display: block;      /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
}
/*----------------------------------------------------------------------------*/

/*----------------------------スライドショー-------------------------------------*/

.slideshow { 
    height: 400px; /*表示したい大きさ*/
}

.slideshow img {
	animation: show 17s infinite;
	-webkit-animation: show 17s infinite;
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 24px;
}

/*アニメーション*/

@keyframes show {
    0% {opacity:0}
    20% {opacity:1}
    40% {opacity:1}
    50% {opacity:0}
 }

@-webkit-keyframes show {
    0% {opacity:0}
    20% {opacity:1}
    40% {opacity:1}
    50% {opacity:0}
}

/*各画像のアニメーションの開始時間をずらす*/

.slideshow img:nth-of-type(1) {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}

.slideshow img:nth-of-type(2) {
    animation-delay: 6s;
    -webkit-animation-delay: 6s;
}

.slideshow img:nth-of-type(3) {
    animation-delay: 12s;
    -webkit-animation-delay: 12s;
}

/*----------------------------------------------------------------------------*/

.topimg{
	width: 1000px;
    padding:0;
}

.word{
	text-align:center;       /* テキストの寄せ */
	margin-left:50px;       /* テキスト左側の余白 */
	margin-right:50px;      /* テキスト右側の余白 */
}

.headline{
	text-align:center;
	color:#3CA621;
}

.office{
	width:600px;
	float:left;
}

.info{
	background-color: #3CA621;    /* 見出し背景色 */
	text-align: center;           /* 中央寄せ */
	color: white; 
}

.table-info{
	text-align: center;           /* 中央寄せ */
}


.table-info a{
    color: white;              /* メニュー項目の文字色(白色) */
    text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
    text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
    font-weight: bold;         /* 太字にする */
    display: block;            /* ★4:項目内全域をリンク可能にする */
	background-color:#3CA621;
}

.table-info a:hover {
    background-color: #CDFDB8; /* メニュー項目にマウスが載ったときの背景色 */
    color: #3CA621;            /* メニュー項目にマウスが載ったときの文字色 */
}

.info-table{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.info-table-mo{
	display:none;
}


.face1{
	width:200px;
	height:200px;
	float:left;
}

.map{
	width:400px;
}

.face2{
	width:200px;
	height:200px;
	float:right;
	top:30px;
}

.intro{
	display:block;
	text-align:left;
	margin-left:215px;
	
}

.intro-mo{
	display:none;
	margin-right:230px;
}

.head{
	background:linear-gradient(-100deg, white,#3CA621);
	margin-right: 400px;
	color: white;
	text-align:left;
}

.head2{
	background:linear-gradient(-100deg, white,#3CA621);
	margin-left: 600px;
	color: white;
	text-align:left;
}

.head-mo{
	display:none;
}

.name1{
	background:linear-gradient(-100deg,white,#3CA621);
	margin-left:200px;
	color:white;
}

.name2{
	background:linear-gradient(100deg,white,#3CA621);
	margin-right:200px;
	text-align:right;
	color:white;
}

.table {
	width:80%;
	border-color:#3CA621;
	text-align: center;
	border-collapse: collapse;
}

.content{
	width:400px;
	height:200px;
	font-size:13px;
}

.bottun{
	width:60px;
	height:30px;
	font-size:20px;
}

.foottel{
	display:none;
}

.table th, .table td {
 	border: dashed 2px #3CA621;
	height: 70px;
}

.box-left{
	width:790px;
	height:100%;
	float:left;
	text-align:left;
}

.box-right{
	width:200px;
	height:100%;
	float:right;
	background-color:#BEF2A3;
}

.subject-blog{
	display:none;
}

.container section {
 	margin: 10px;
 	padding: 20px;
}

.container{
  	display: flex;
}

.container .side {
  	width: 200px;
	background-color:#BEF2A3;
}

.container .content {
	text-align:left;
  	flex: 1;
	font-size:18px;
	height:100%;
}

/*-------------------------フッター部分-----------------------------------------*/

.footer{
    height:95px;
	background-color: #3CA621;   /* フッター背景*/
	width:100%;
	text-align:center;/*テキストの中央揃え*/
    position: absolute;
    bottom:0px;

}

.footer,
.push{
	height:95px;
}

/*--------------------フッターメニュー----------------------*/

.footmenu{
	margin-left: auto;         /*フッターメニューの左側の余白 */
	margin-right: auto;        /*フッターメニューの右側の余白 */
}

ul .footmenu {
    margin: 0px;               /* メニューバー外側の余白 */
    padding: 0px 0px 0px 15px; /* メニューバー内側の余白 */
}

ul.footmenu li {
    width: 115px;           /* メニュー項目の横幅(125px) */
    display: inline-block;  /* ★1:横並びに配置する */
    list-style-type: none;  /* ★2:リストの先頭記号を消す */
    position: relative;     /* ★3:サブメニュー表示の基準位置にする */
}

ul.footmenu a {
    color: white;              /* メニュー項目の文字色(白色) */
    line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
    text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
    text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
    font-weight: bold;         /* 太字にする */
    display: block;            /* ★4:項目内全域をリンク可能にする */
}

ul.footmenu a:hover {
    color: #585858;            /* メニュー項目にマウスが載ったときの文字色 */
}

ul.footmenu ul {
    margin: 0px;         /* ★2:サブメニュー外側の余白(ゼロ) */
    padding: 0px;        /* ★3:サブメニュー内側の余白(ゼロ) */
    position: absolute;  /* ★4:絶対配置にする */
	bottom: 0px;
}

/*--------------------------------------------------------*/

/*--------------------------------------------------------------------------*/