@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: #fff;
	height: 100%;
}
.sp { 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-top: #005BAC 30px solid;
	border-bottom: 2px #005BAC solid;
}

header h1 { 
	color: #fff;
    margin-top: -34px;
	text-align: center;
}
.hwrap {
	width: 100%;
	margin: 0 auto;
}
.hlogo {
	float: left;
	max-width: 480px;
	width: 50%;
	margin: 30px;
}

.hlogo img {
	display: block;
	width: 100%;
}
.hnav {
	float: right;
	width: 30%;
}
.hnav ul li {
	float: left;
	width: 20%;
	padding-top: 2rem;
}
.hnav ul li a {
	text-decoration: none;
	color: #000;
}
.hnav ul li a:hover { opacity: 0.5; }
/* hero */
.hero {
	width: 100%;
	max-width: 980px;
	margin: 0 auto ;
	background-color: #f4eede;
}

.wrap { 
	width: 100%;
    margin: 0 auto;
	background-color: #fcfcfc;
}

.contents_bg { background-color: #fff3f9; }

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

.contents_list { padding: 30px 0; }

.contents_list li{
	width: 40%;
	margin: 30px 5%;
	float: left;
}

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

/* お知らせ */

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

.info_wrap, .philosophy, .gaiyou, .business, .access {
	width: 100%;
	max-width: 980px;
	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 {  }

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

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

/*　サブ　*/
.sub_hero {
	background-image: url(../img/bg.png);
	width: 100% ;
}

.sub_hero h2 {}
.sub_hero h2 img {
	width: 100%;
	max-width: 980px;
	display: block;
	margin: 0 auto;
}

.philosophy, .gaiyou, .business, .access {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.philosophy h3 {
	font-size: 220%;
	font-weight: bold;
	text-align: center;
	line-height: 3.5;
}

.philosophy dt {
	font-size: 150%;
	font-weight: bold;
	margin-left: 20px;
}

.philosophy dd {
	font-size: 120%;
	font-weight: bold;
	margin: 0 5%;
	line-height: 3;
}

.gaiyou h3, .business h3, .access h3 {
	font-size: 180%;
	font-weight: bold;
	text-align: center;
}

.gaiyou dl, .business ul, .gaiyou h5, .gaiyou p, .access p, .access ul li, .gaiyou ul li { 
	margin: 20px auto;
	font-size: 110%;
	font-weight: bold;	
}

.gaiyou dt {
	float: left;
	margin-left: 50px;
	font-weight: bold;	
}

.gaiyou dd { 
	padding-left: 300px;
	font-weight: bold;	
}

.gaiyou h4 { 
	font-size: 150%;
	margin-left: 50px;
}

.gaiyou ul, .gaiyou h5, .gaiyou p { margin-left: 50px; }
 
.business ul li {
	float: left;
	width: 42%;
	margin: 0 2%;
	padding: 0 2%;
	font-size: 110%;
	font-weight: bold;	
}

.tel, .map { 
	margin-right: 50px;
	float: right;
}

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

.access p { 
	line-height: 3;
	margin-left: 50px;
}

.access ul { margin-left: 50px; }

/* お問い合わせ */
.mailform input {
    height: 1.5rem;
}

/* フッター */
footer {
	background-color: #09061B;
	color: #fff;
}
.foot_l {
	float:left;
	width: 50%;
}
address {
	line-height: 1.75;
	margin: 20px;
}
.eigyou {
	line-height: 1.75;
	margin: 20px;
}
.foot_r {
	float: right;
	width: 30%;
}
.cp { text-align: center; }
/*  トップリード */
.read {
	padding: 2rem;
	line-height: 2.5;
}
.read p { font-size: 1.25rem; }