@charset "utf-8";
/* CSS Document */
html {
  min-height: 100%;
  position: relative;
}

body {
	margin: 0 auto;
	padding: 0;
	font-family: -apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */
               'Helvetica Neue', /* Macの欧文 (OS X 10.10以前) */
               'Segoe UI',       /* Windowsの欧文 */
               YuGothicM,        /* Windows8.1以上は游ゴシック */
               YuGothic,         /* Macの游ゴシック */
               Meiryo,           /* 游ゴシックが入っていないWindows */
               sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 2.5;
	border-width: medium;
	background: #fcfcfc;
	height: 100%;
}
.pc { display: none; }
.clr { clear: both; }
img {
	display: block;
	margin: 0 auto;
	width: 100%;
}
/* IE8?11はメイリオ */
@media screen\0 {
  body {
    font-family: 'Segoe UI', /* Windowsの欧文 */
                 Meiryo,     /* メイリオ */
                 sans-serif;
  }
}

/* Windows */
@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  src: local('YuGothic-Medium'),  /* Mediumを明示的に指定 */
       local('Yu Gothic Medium'), /* Chrome用 */
       local('YuGothic-Regular'); /* Windows8.1ではMediumがないのでRegularを指定 */
}
@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  src: local('YoGothic-Bold'), /* Boldはそのまま */
       local('Yu Gothic');     /* Chrome用 */
}

/* header */
header {
	border-bottom: 2px #005BAC solid;
}

header h1 { display: none; }
.hwrap {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
}
.hlogo {
	width: 98%;
	padding: 10px 1%;
}

.hlogo img {
	display: block;
	width: 100%;
	max-width: 320px;
}
.hnav ul li {
	background-color: #09061B;
	text-align: center;
	border-bottom: 1px solid #fff;
}
.hnav ul li a {
	text-decoration: none;
	color: #fff;
}

/* hero */

.hero {
	width: 100%;
	background-color: #f4eede;
}

.wrap { 
	width: 100%;
	margin: 0 auto;
}

.contents_bg { background-color: #fff3f9; }

.contents {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
}

.contents_list { padding: 30px 0; }

.contents_list li{
	width: 48%;
	margin: 30px 1%;
	float: left;
}

.contents_list li img {
	max-width: 320px;
	width: 100%;
	margin: 0 auto;
}

/* お知らせ */

.info {
	width: 100%;
	background-color: #FFFEE6;
}

.info_wrap, .philosophy {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}

.info_list { margin: 10px 5%; }
.info_list li { border-bottom: 1px dotted #c0c0c0; }
.date {
	color: #fc0000;
	margin-right: 20px;
}
.info_tit { letter-spacing: 0.5rem; }

.information {
	background-color: #005BAC; 
	text-align: center;
	float: right;
	padding: 0 20px;
	margin: 10px 20px;
}

.information  a { 
	color: #fff;
	text-decoration: none;
}

.fix_menu {
	width: 100%;
  	position: fixed;
  	bottom: 0px;
  	left: 0px;
  	z-index: 10000;
	background-color: #005BAC;
}

.fix_menu ul {
	width: 100%;
	background-color: #005BAC;
}

.fix_menu ul li{
	float: left;
	width: 50%;
}

.fix_menu ul li:first-child {
	border-right: 1px #fff dotted;
	box-sizing: border-box;
}

.fix_menu img{
	display: block;
	margin: 0 auto;
	max-height: 50px;
	height: auto;
  	width: auto;
}
.philosophy, .gaiyou, .business, .access {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.philosophy h3, .gaiyou h3, .business h3, .access h3, .gaiyou h4 {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	line-height: 3;
}

.philosophy dt, .gaiyou dt {
	font-size: 110%;
	font-weight: bold;
}

.philosophy dd, .gaiyou dd, .gaiyou li, .business li, .gaiyou p .gaiyou h5 {
	font-weight: bold;
	margin: 0 2%;
	line-height: 3;
}

.access img {
	max-width: 740px;
	display: block;
	margin: 30px auto;
	width: 100%;
	
}

.access p { line-height: 3;}

footer {
	background-color: #09061B;
	color: #fff;
	text-align: center;
	margin-bottom: 50px;
}

/*  トップリード */
.read {
	padding: 2rem;
	line-height: 2.5;
}
.read p { font-size: 1.1rem; }
.eigyou {
	line-height: 1.75;
	margin: 20px;
}