@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500&display=swap');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:400,700&display=swap');
/*--------------------------------------------------------------------------------------------------

   common

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


/*reset-------------------------------------------------*/
body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd {
  margin: 0;
  padding: 0;
  font-weight: 300;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: none;
  vertical-align: top;
}

header,section,article,aside,footer,nav {
 display: block;
}



/*-------------------------------------------------reset*/


/*common-------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000;
  font-weight: 300;
}

.font-serif {
  font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		/*font-family: 'Noto Serif JP', serif;*/
}

.font-maru-gothic {
  font-family: 'M PLUS Rounded 1c', sans-serif;
}

a {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  display: block;
}

ul,li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

address {
  font-style: normal;
}

.clear:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear {
  display: inline-table;
}

/* mac \*/
* html .clear {
  height: 1%;
}

.clear {
  display: block;
}


/*-------------------------------------------------common*/


/*--------------------------------------------------------------------------------------------
  header
--------------------------------------------------------------------------------------------*/

header {
  padding: 57px 0 15px 0;
}

header .container {
  position: relative;
  justify-content: space-between;
  -ms-justify-content: space-between;
}

nav ul {
  align-items: flex-end;
  -ms-align-items: flex-end;
		flex-direction : row-reverse;
}

nav li {
  display: inline-block;
  width: 50px;
  margin-top: 18px;
}

nav li a {
  color: #000;
  padding: 0 15px;
  font-size: 18px;
  -webkit-writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
  display: inline-block;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 20px;
}

nav li:first-child {
  width: 35px;
}

nav li:first-child a {
  padding-right: 0;
}

nav li a:hover, nav li a:active {
	color: #C5210A;
}

.banner-page {
  width: 1200px;
  height: 400px;
}

.banner-page h1 {
  padding: 175px 0 0 120px;
  color: #fff;
  font-size: 36px;
}


/*------------------------------------------------------------------------------------------------
  content
--------------------------------------------------------------------------------------------------*/
.container {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}

.cont-960 {
  width: 960px;
  margin: 0 auto;
}

.fl-left {
  float:left;
}

.fl-right {
  float:right;
}

.fl-none {
  float: none;
}

.al-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.al-right {
  text-align: right;
}

.al-left {
  text-align: left;
}

.flex {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;   
}

.position {
  position: relative;
}


.table {
  display: table;
}

.table .row {
  display: table-row;
}

.table .cell {
  display: table-cell;
  vertical-align: top;
}

.table-form {
  display: table;
}

.table-form .row {
  display: table-row;
}

.table-form .col {
  display: table-cell;
  vertical-align: top;
}

input,
textarea {
  width: 490px;
  height: 36px;
  border: 1px solid #A31C22;
  padding: 5px 10px;
}

textarea {
  width: 490px;
  height: 206px;
}

.triangle::before,
.triangle::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}

.btn {
  width: 260px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  border: 1px solid #cabfb7;
}

.btn:hover, .btn:active {
  border: 1px solid #cabfb7;
		background-color: #5B0F04;
		color: #FFF;
}




/*------------------------------------------------------------------------------------------------
  footer
--------------------------------------------------------------------------------------------------*/
footer .box-map {
  margin: 85px 0 70px 0;
}

footer .box-map h2 {
  margin-bottom: 50px;
}

footer .box-map iframe {
  width: 100%;
  height: 400px;
}

footer .box-map .info {
  align-items: center;
  -ms-align-items: center;
  /*justify-content: space-between;
  -ms-justify-content: space-between;*/
  width: 860px;
  margin: 30px auto 0 auto;
  line-height: 30px;
}

footer .box-map .info .text {
	margin: 0 0 0 30px;
}

footer .box-map .info .text a {
	display: inline;
}

footer .box-map .info img {
	margin-right: 30px;
}

footer .box-map .info address {
  margin-top: 8px;
}

footer .box-contact .info {
  margin: 20px auto 35px auto;
  width: 840px;
  justify-content: center;
  -ms-justify-content: center;
  font-size: 18px;
}

footer .box-contact .info .intro {
  width: 350px;
  font-size: 18px;
  line-height: 36px;
  padding-top: 5px;
		padding-right: 40px;
  border-right: 1px solid #959595;
}

footer .box-contact .info .text-contact {
  padding: 5px 46px 40px 40px;
  padding-top: 10px;
}

footer .box-contact .info .text-contact .tel {
  margin-bottom: 32px;
  margin-top: 5px;
}

footer .box-contact .info .text-contact .tel span {
  font-size: 30px;
}

footer .box-contact .info .text-contact .tel a {
	display: inline;
}

footer .box-contact .info .text-contact .tel p {
  font-size: 14px;
  margin-top: 5px;
}

footer .box-menu {
  padding: 40px 250px 30px 200px;
  justify-content: space-between;
  -ms-justify-content: space-between;
}

footer .coppy-right {
  width: 100%;
  text-align: center;
  font-size: 12px;
  margin-bottom: 60px;
}

.pager_wrap,
.pager_wrap2 {
	position: relative;
	overflow: hidden;
	margin: 0;
}
.pager_wrap ul.pager,
.pager_wrap2 ul.pager {
	position: relative;
	left: 50%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
.pager_wrap ul.pager li {
	position: relative;
	left: -50%;
	float: left;
	display: inline;
	min-width: 50px;
	margin: 0 10px !important;
	padding: 0;
	text-align: center;
}
.pager_wrap ul.pager li a {
	display: block !important;
	border: 1px solid #DDD;
 line-height: 50px;
	color: #000;
}
.pager_wrap ul.pager li a:hover, .pager_wrap ul.pager li a:active {
	background-color: #FBEEE5;
	color: #000;
	opacity: 1;
}
.pager_wrap ul.pager li.active {
	background-color: #FBEEE5;
	display: block;
	line-height: 50px;
	color: #000;
 border: 1px solid #EEE;
}
.pager_wrap ul.pager li.nolink {
	display: block;
	line-height: 50px;
 border: 1px solid #EEE;
}

.pager_wrap2 ul.pager li {
	position: relative;
	left: -50%;
	float: left;
	display: inline;
	margin: 0 8px !important;
	padding: 0;
	text-align: center;
}

.pager_wrap2 ul.pager li a {
	display: block !important;
	border: 1px solid #DDD;
 line-height: 50px;
	color: #000;
	padding: 0 24px;
}

.pager_wrap2 ul.pager li a:hover, .pager_wrap2 ul.pager li a:active {
	background-color: #FBEEE5;
	color: #000;
	opacity: 1;
}
.pager_wrap2 ul.pager li.active {
	background-color: #FBEEE5;
	display: block;
	line-height: 50px;
	color: #000;
 border: 1px solid #EEE;
}
.pager_wrap2 ul.pager li.nolink {
	display: block;
	line-height: 50px;
 border: 1px solid #EEE;
}