@charset "utf-8";

html {
  height: 100%;
}

body
    {
     margin:0px;          /* ページ全体のmargin */
     padding:0px;         /* ページ全体のpadding */
     text-align:center;   /* 下記のautoに未対応用のセンタリング */
	height: 100%;
	font-family:"MS Pゴシック",sans-serif;
    }

#main
    {
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:800px;         /* 幅を決定する */
    }

@media screen and (max-width: 801px) {
#main
    {
     text-align:left;     /* 中身を左側表示に戻す */
     width:100%;         /* 幅を決定する */
    }
}

footer {
  position: sticky;
  top: 100vh;
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
margin-top:10px;
margin-bottom:0px;
  width: 800px;
	text-align:right;
	font-size: 12px;
}

@media screen and (max-width: 801px) {
footer {
  width: 100%;
}
}

header {
  display: flex;
  background: #000000;
  height: 60px;
}
.main-menu {
  margin: 0 auto;
  display: flex;
  width: 1280px;
}
.logo {
  padding: 0px;
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
}

/* メニューボックス */
.sp-menu__box {
  position: fixed;
  top: 0;
  right: 0;
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  z-index: 90;
  background: #000000;
}
.sp-menu__box span,
.sp-menu__box span:before,
.sp-menu__box span:after {
  content: "";
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #ffffff;
  position: absolute;
}
.sp-menu__box span:before {
  bottom: 8px;
}
.sp-menu__box span:after {
  top: 8px;
}
#sp-menu__check {
  display: none;
}
#sp-menu__check:checked ~ .sp-menu__box span {
  background: rgba(255, 255, 255, 0);
}
#sp-menu__check:checked ~ .sp-menu__box span::before {
  bottom: 0;
  transform: rotate(45deg);
}
#sp-menu__check:checked ~ .sp-menu__box span::after {
  top: 0;
  transform: rotate(-45deg);
}
#sp-menu__check:checked ~ .sp-menu__content {
  left: 0;
}
.sp-menu__content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 80;
  background-color: #000000;
Background-image: url("../img/menu_bg.jpg");
background-repeat: no-repeat;
  transition: all 0.5s;
}
.sp-menu__list {
  padding: 70px 10px 0;
}
.sp-menu__item {
  border-bottom: solid 1px #ffffff;
  list-style: none;
}
.sp-menu__link {
  display: block;
  width: 100%;
  font-size: 15px;
  box-sizing: border-box;
  color: #ffffff;
  text-decoration: none;
  padding: 9px 15px 10px 0;
}

  .menu_pc {display: block;}
header {display: none;}

@media screen and (max-width: 801px) {
  .menu_pc {display: none;}
header {display: flex;}
}

.menu_pc {
width: 800px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
/** border: 1px solid #ff0000; **/
	border-top:0px solid #000066;
	border-right:1px solid #000066;
	border-bottom:px solid #000066;
	border-left:0px solid #000066;

font-size: 12px;
}


.menu_pc ul.pageNav01 {
	margin: 0px 0 0 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	display: flex;
}



.menu_pc ul.pageNav01 li{
	display: inline;
	width: 130px;
	margin: 0px;
	padding: 0px;
	border-top:1px solid #000066;
	border-right:0px solid #000066;
	border-bottom:1px solid #000066;
	border-left:1px solid #000066;
}

.menu_pc ul.pageNav01 li.sizeL{
	display: inline;
	width: 150px;
	margin: 0px;
	padding: 0px;
	border-top:1px solid #000066;
	border-right:0px solid #000066;
	border-bottom:1px solid #000066;
	border-left:1px solid #000066;
}

.menu_pc ul.pageNav01 li:hover{
    background-color: #aaddff;
}


.menu_pc ul.pageNav01 li a {
	display: inline-block;
	margin-bottom: 0px;
	padding: 0px 0px;
	/**	background: #fff;
 border: 1px solid #aaa; **/
	text-decoration: none;
	vertical-align: middle;
	color: #005500;
	
}

.menu_pc ul.pageNav01 li a:hover {
	background: #aaddff;
	color: #005500;
	text-decoration:underline;
}

.menu_pc ul.pageNav01 li a:visited { color: #000000 }
.menu_pc ul.pageNav01 li a:active { color: #000000 }


.menu_pc ul.pageNav01 li span.now {
	display: inline-block;
	margin-bottom: 0px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
	font-weight: bold;
	color: #000000;
}

.menu_pc ul.pageNav01 li span.none {
	display: inline-block;
	margin-bottom: 0px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #ccc;
	text-decoration: none;
	vertical-align: middle;
	color: #cccccc;
}

.top_hero {
margin-top:0px;
margin-right:0px;
margin-bottom:10px;
margin-left:0px;
display: block;
}

.top_hero_sp {
margin-top:0px;
margin-right:0px;
margin-bottom:10px;
margin-left:0px;
display: none;
}

@media screen and (max-width: 801px) {
	.top_hero {display: none;}
	.top_hero_sp {display: block;}
}


.h1_pc {
	color: #000066;
	font-size:16px;
	line-height:19px; 
font-weight: normal;
margin-top:5px;
margin-right:150px;
margin-bottom:0px;
margin-left:0px;
	padding: 0px;
	border-top:0px solid #000066;
	border-right:0px solid #000066;
	border-bottom:1px solid #003366;
	border-left:0px solid #000066;
}

@media screen and (max-width: 801px) {
	.h1_pc {
		margin-top:5px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:0px;
	}
}


.page_hero {
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
	padding: 0px;
}

.page_hero_sp {
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
	padding: 0px;
	border-top:0px solid #000066;
	border-right:0px solid #000066;
	border-bottom:1px solid #640000;
	border-left:0px solid #000066;
	display: none;
}

@media screen and (max-width: 801px) {
	.page_hero {display: none;}
	.page_hero_sp {display: block;}
}

/** photo.html **/

.img01 {
	margin-top:60px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	text-align:center;
}

.img_cent {
	display: inline-block;
}


/** prof.html **/

.prof_tex {
	margin-top:20px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
}

.prof_tex dl {
display: flex;
flex-flow: row wrap;
width: 100%;
font-size:14px;

}
.prof_tex dt {
flex-basis: 15%;
padding: 5px 0 5px 0px;
margin:0px 0px 5px 0px;
text-align:center;
	border-top:0px solid #000066;
	border-right:2px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:0px solid #000066;
}
.prof_tex dd {
flex-basis: 80%;
padding: 5px 0 5px 0px;
margin:0px 0px 5px 10px;
	border-top:0px solid #000066;
	border-right:0px solid #cccccc;
	border-bottom:1px solid #ffffff;
	border-left:0px solid #000066;
}
.prof_font_15 {
font-size:14px;
}

@media screen and (max-width: 801px) {
	.prof_tex {
		margin-top:20px;
		margin-right:auto;
		margin-bottom:0px;
		margin-left: auto;
		width: 90%;
	}

	.prof_tex dl {
	flex-flow: column;
	text-align:center;
	}

	.prof_tex dt {
		border-top:0px solid #000066;
		border-right:0px solid #cccccc;
		border-bottom:1px solid #ffffff;
		border-left:0px solid #000066;
		background: #eeeeee;
		color: #777777;
	}

	.prof_tex dd {
		margin:0px 0px 5px 0px;
	}
}

/** link.html **/

.link_tex {
	margin-top:20px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
}

.link_tex dl {
display: flex;
flex-flow: row wrap;
width: 100%;
font-size:12px;

}
.link_tex dt {
flex-basis: 35%;
padding: 0px 0 0px 0px;
margin:0px 5px 10px 0px;
text-align:right;

}
.link_tex dd {
flex-basis: 60%;
padding: 0px 0px 0px 0px;
margin:0px 0px 10px 5px;
Text-align:left;
}

.link_mid_tex_base {
	margin:12px 0px 0px 0px;
}

.link_tex A:link {
	color: #005500;
	text-decoration:none;
}
.link_tex A:visited {
	color: #000099;
	text-decoration:none;
}
.link_tex A:active {
	color: #880000;
	text-decoration:none;
}
.link_tex a:hover{
	background-color:#aaddff;
	text-decoration:underline;
}

@media screen and (max-width: 801px) {
	.link_tex {
		margin-top:20px;
		margin-right:auto;
		margin-bottom:0px;
		margin-left: auto;
		width: 90%;
	}

	.link_tex dl {
	flex-flow: column;
	}

	.link_tex dt {
		border-top:0px solid #000066;
		border-right:0px solid #cccccc;
		border-bottom:1px solid #cccccc;
		border-left:0px solid #000066;
		padding: 5px 0px 5px 0px;
		margin:0px 0px 0px 0px;
		background: #eeeeee;
		text-align:center;
	}

	.link_tex dd {
		padding: 6px 0px 5px 0px;
		margin:0px 0px 10px 0px;
		background: #eeeeee;
		text-align:center;
	}

	.link_tex dd img {
		margin-top:0px;
		margin-right:auto;
		margin-bottom:0px;
		margin-left: auto;
	}


	.link_mid_tex_base {
		margin:0px 0px 0px 0px;
	}

}

/** care.html **/

.care_tex {
	padding: 5px 0px 0px 0px;
	margin-top:20px;
	margin-right:10px;
	margin-bottom:0px;
	margin-left:10px;
	border-top:1px solid #003366;
	border-right:0px solid #cccccc;
	border-bottom:0px solid #cccccc;
	border-left:0px solid #000066;
	font-size:12px;
}

/** info.html **/

.info_tex01 {
	width:600px;
	padding: 5px;
	margin-top:20px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left: auto;
	background : #aaffff;
	color: #000066;
	font-size:16px;
	line-height:19px;
	text-align:center;
}

.info_tex01_sig {
	padding: 5px 0px 0px 0px;
	margin:0px;
	text-align:right;
}

@media screen and (max-width: 801px) {
	.info_tex01 {
		width: 100%;
	}
}

.info_tex02 {
	width:750px;
	padding: 0px;
	margin-top:20px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left: auto;
	font-size:15px;
	line-height:19px;
	text-align:left;
	display: flex;
	flex-direction:row;
	justify-content:space-between;
}
.info_tex02_box_l {
	width:540px;
	padding: 5px;
	margin:0px;
}

.info_tex02_box_r {
	width:200px;
	padding: 0px;
	margin:0px;
}

.info_tex02_img01 {
	width: 150px;
	padding: 0px 0px 5px 0px;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left: auto;
}



@media screen and (max-width: 801px) {
	.info_tex02 {
		width: 100%;
		flex-direction:column;
	}

	.info_tex02_box_l {
		width:100%;
		padding: 0px;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:10px;
		margin-left: 5px;
		border-top:0px solid #000066;
		border-right:0px solid #cccccc;
		border-bottom:1px solid #cccccc;
		border-left:0px solid #000066;
	}

	.info_tex02_box_r {
		width:100%;
		padding: 0px;
		margin:0px;
	}

	.info_tex02_img01 {
		width: 100%;
		max-width: 360px;
	}
}


.info_tex02_name {
	padding: 0px;
	margin:0px 0px 10px 0px;
	color: #006600;
	font-size:16px;
	line-height:18px; 
}
.info_tex02_tit {
	padding: 0px;
	margin:0px 0px 10px 0px;
	color: #CC0033;
	font-size:25px;
	line-height:28px;
	text-align:center;
}

.info_tex02 dl {
	padding:0em 0em 0em 0em;
	margin: 0px;
	font-size:15px;
	line-height:19px;
	color: #000033";
}

.info_tex02 dl dt {
  clear: left;
  float: left;
  width: 8em;
text-align:right;
}

.info_tex02 dl dd {
	margin: 0em 0em 10px 8.5em;
}

.info_tex02_st {
	font-weight: bold;
}



.nowrapname {
	display: inline-block;
}


.info_tex01 A:link {
	color: #005500;
	text-decoration:none;
}
.info_tex01 A:visited {
	color: #000099;
	text-decoration:none;
}
.info_tex01 A:active {
	color: #880000;
	text-decoration:none;
}
.info_tex01 a:hover{
	background-color:#aaddff;
	text-decoration:underline;
}

.info_tex02 A:link {
	color: #005500;
	text-decoration:none;
}
.info_tex02 A:visited {
	color: #000099;
	text-decoration:none;
}
.info_tex02 A:active {
	color: #880000;
	text-decoration:none;
}
.info_tex02 a:hover{
	background-color:#aaddff;
	text-decoration:underline;
}