@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------------------------
h1
----------------------------------------------------------*/
h1 {
	position: absolute;
	bottom: 50%;
	left: 50%;
	font-size: 2.8rem;
	font-weight: normal;
	color: #fff;
	background-color: rgba(0,167,234,.8);
  line-height: 1.3;
	padding: 20px;
	transform: translateY(50%);
	margin-left: -540px;
  max-width: 1080px;
  box-sizing: border-box;
}
h1::after {
	content: '';
	position: absolute;
	bottom: -30px;
	left: 10px;
	display: block;
	width: 20px;
	height: 20px;
	background-color: rgba(0,167,234,.8);
}

/* ---------------------------------------------------------
#breadcrumb
----------------------------------------------------------*/
#breadcrumb {
	background: #F8F8F8;
}
#breadcrumb ul {
	display: flex;
	align-items: center;
	width: 1080px;
	height: 40px;
	font-size: 1.2rem;
	list-style: none;
	margin: 0 auto;
}
#breadcrumb li {
	display: flex;	
	align-items: center;
}
.single-news #breadcrumb li:first-child {
  width: 63px;
  flex-grow: 0;
flex-shrink: 0;
}
.single-news #breadcrumb li:nth-child(2) {
  width: 83px;
  flex-grow: 0;
flex-shrink: 0;
}
#breadcrumb li::after {
	content: '>';
	display: block;
	color: #333;
	margin: 0 10px;
}
#breadcrumb li:last-child::after {
	display: none;
}
#breadcrumb a {
	color: #00A7EA;
}

/* ---------------------------------------------------------
margin,padding
----------------------------------------------------------*/
article .panel-grid,
article .so-panel {
	margin-bottom: 0 !important;
}
article > div > .panel-grid {
	padding-bottom: 20px;
}
article > div > .panel-grid:last-child {
	padding-bottom: 0;
}
article .panel-grid-cell {
	margin-bottom: 0;
}
article h2 {
	margin: -9px 0 51px;
}
article h3 {
	margin-bottom: 40px;
}
article h3.mb0 {
	margin-bottom: 30px;
}
article h5,
article h6 {
	margin-bottom: 15px;
}
article h7 {
	margin-bottom: 40px;
}
article h7.mb0 {
	margin-bottom: 30px;
}
article p {
	margin: -8px 0 52px;
}
article .mb10 p {
	margin-bottom: 10px;
}
article p + ol {
	margin-top: -42px;
}
article .btn p {
	margin: 0 0 60px;
}
article .btn.mb0 p {
	margin: 10px;
}
article p img {
	display: block;
	padding: 8px 0;
}
article img.mb0 {
	margin-bottom: -22px;
}
article p.mb0 {
	margin-bottom: 0;
}
article ul,
article ol {
	margin-bottom: 60px;
}

/* ---------------------------------------------------------
article
----------------------------------------------------------*/
article {
	width: 1080px;
	font-size: 1.6rem;
	line-height: 2;
	padding: 80px 0;
	margin: 0 auto;
}
article img {
	width: 100%;
	height: auto;
}
article h2 {
	font-family: 'Sawarabi Mincho', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", sans-serif;
	font-size: 3rem;
	font-weight: normal;
	line-height: 1.6;
	letter-spacing: .1em;
	text-align: center;
}
article .lead h2 {
	font-size: 2.2rem;
}
article h3 {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 60px;
	font-size: 2.2rem;
	line-height: 1.3;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #8B6E5F;
	padding: 10px 20px;
	box-sizing: border-box;
}
article h3::after {
	content: '';
	position: absolute;
	right: 50%;
	bottom: -11px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11px 11px 0 11px;
	border-color: #8B6E5F transparent transparent transparent;
	transform: translateX(50%);
}
article h4 {
	font-size: 1.8rem;
	color: #8B6E5F;
	background-image: linear-gradient(to right, #8B6E5F, #8B6E5F 1px, transparent 1px, transparent 3px);
	background-size: 4px 1px;
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
article h5 {
	color: #8B6E5F;
	line-height: 1.3;
	text-align: center;
	border: 1px solid #8B6E5F;
	padding: 5px 10px;
}
article h6 {
	color: #8B6E5F;
}
article h7 {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 60px;
	font-size: 2.2rem;
	line-height: 1.3;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #8B6E5F;
	padding: 10px 20px;
	margin: 0px 120px 30px;
	box-sizing: border-box;
}
article h7::after {
	content: '';
	position: absolute;
	right: 50%;
	bottom: -11px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11px 11px 0 11px;
	border-color: #8B6E5F transparent transparent transparent;
	transform: translateX(50%);
}
article ul {
	list-style: none;
}
article ol {
	margin-left: 1.5em;
}
article .txt-mincho {
	font-size: 3rem;
	text-align: center;
}
article a {
	color: #00A7EA;
}

/* ---------------------------------------------------------
article .list-news
----------------------------------------------------------*/
article .list-news dl {
	display: flex;
	background-image: linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 4px);
	background-size: 5px 1px;
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
article .list-news dl a {
	position: relative;
	color: #666;
	text-decoration: underline;
}
article .list-news a[target="_blank"]::after,
article .list-news a[href$=".pdf"]::after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url("../img/common/icon_blank_gray.svg") no-repeat;
	background-size: 10px auto;
	margin-left: 5px;
	vertical-align: super;
}
article .list-news a[href$=".pdf"]::after {
	width: 26px;
	height: 26px;
  background: url(../img/common/icon_pdf.png) no-repeat right center;
	background-size: 26px auto;
	vertical-align: middle;
}
article .list-news a[href$=".pdf"] {
	background: none;
}
article .list-news dl a:hover {
	text-decoration: none;
}
article .list-news dl:last-child {
	margin-bottom: 40px;
}
article .list-news dt {
	width: 11%;
	color: #666;
	margin-right: 1%;
}
article .list-news dd {
	width: 88%;	
}

/* ---------------------------------------------------------
article .list-exam
----------------------------------------------------------*/
article .list-exam dl {
	display: flex;
	background-image: linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 4px);
	background-size: 5px 1px;
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 10px;
	margin: 0px 120px 10px;
}
article .list-exam dl a {
	position: relative;
	color: #666;
	text-decoration: underline;
}
article .list-exam a[target="_blank"]::after,
article .list-exam a[href$=".pdf"]::after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url("../img/common/icon_blank_gray.svg") no-repeat;
	background-size: 10px auto;
	margin-left: 5px;
	vertical-align: super;
}
article .list-exam a[href$=".pdf"]::after {
	width: 26px;
	height: 26px;
  background: url(../img/common/icon_pdf.png) no-repeat right center;
	background-size: 26px auto;
	vertical-align: middle;
}
article .list-exam a[href$=".pdf"] {
	background: none;
}
article .list-exam dl a:hover {
	text-decoration: none;
}
article .list-exam dl:last-child {
	margin-bottom: 40px;
}
article .list-exam dt {
	width: 11%;
	color: #666;
	margin-right: 1%;
}
article .list-exam dd {
	width: 88%;	
}

/* ---------------------------------------------------------
article .local-nav
----------------------------------------------------------*/
article .local-nav ul,
article .local-nav-fixed ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
article .local-nav a,
article .local-nav-fixed a {
	position: relative;
	display: flex;
	justify-content: center;
	color: #666;
	padding: 4px 15px 15px;
	border: 1px solid #666;
	margin: 0 10px;
	transition: opacity .3s;
}
article .local-nav-fixed li {
	width: 20%;
	margin: 0 1% 20px;
}
article .local-nav-fixed a {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}
article .local-nav a:hover,
article .local-nav-fixed a:hover {
	text-decoration: none;
	opacity: .7;
}
article .local-nav a::after,
article .local-nav-fixed a::after {
	content: '';
	position: absolute;
	right: 50%;
	bottom: 8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #666 transparent transparent transparent;
	transform: translateX(50%);
}

/* ---------------------------------------------------------
.btn
----------------------------------------------------------*/
article .btn {
	text-align: center;
}
article .btn a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 430px;
	height: 60px;
	font-size: 1.8rem;
	color: #fff;
	text-decoration: none !important;
	background-color: #00A7EA;
	padding: 5px 40px;
	margin: 0 auto;
	box-sizing: border-box;
	transition: opacity .3s;
}
article .btn a:hover {
	opacity: .7;
	text-decoration: none;
}
article .btn a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	width: 14px;
	height: 13px;
	background: url("../img/common/icon_arrow_white.svg") no-repeat;
	background-size: 14px 13px;
	margin-top: -6px;
	transition: right .3s;
}
article .btn a:hover::after {
	right: 7px;
}
article .btn a[target="_blank"]::after,
article .btn a[href$=".pdf"]::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	width: 14px;
	height: 14px;
	background: url("../img/common/icon_blank.svg") no-repeat;
	background-size: 14px 14px;
	margin-top: -7px;
}
article .btn a[href$=".pdf"]::after {
	width: 26px;
	height: 26px;
  background: url(../img/common/icon_pdf.png) no-repeat right center;
	background-size: 26px auto;
	margin-top: -13px;
}
article .btn a[target="_blank"]:hover::after,
article .btn a[href$=".pdf"]:hover::after {
	right: 15px;
}
/* :not('.no-icon') */
a[href$=".pdf"] {
  display: inline-block;
	color: #333;
	text-decoration: underline;
  padding-right: 30px;
  background: url(../img/common/icon_pdf.png) no-repeat right center;
	background-size: 26px auto;
}
a.no-icon {
  background: none;
}
.btn a[href$=".pdf"] {
	background: #00A7EA;
}
a[href$=".pdf"]:hover {
	text-decoration: none;
}

/* ---------------------------------------------------------
.bg-gray
----------------------------------------------------------*/
article .bg-gray,
article .bg-yellow {
	position: relative;
	padding: 80px 0 20px;
	margin-bottom: 60px;
}
article .bg-gray::before,
article .bg-yellow::before {
	content: '';
	position: absolute;
	top: 0;
	right: 50%;
	display: block;
	height: 100%;
	width: 100vw;
	background: #F8F8F8;
	z-index: -1;
	transform: translateX(50%);
}
article .bg-yellow::before {
	background: #FFFDF7;
}
article .bg-gray .panel-grid-cell {
	margin-bottom: 0;
}

/* ---------------------------------------------------------
.box-link
----------------------------------------------------------*/
article .box-link {
	padding: 20px;
	border: 1px solid #E6E6E6;
	margin-bottom: 60px;
}
article .box-link a {
	display: block;
}
article .box-link a img {
	transition: opacity .3s;
}
article .box-link a:hover img {
	opacity: .7;
}
article .box-link h4,
article .box-link p {
	margin-bottom: 5px;
}
article .box-link h4 a {
	position: relative;
	color: #666;
	border-collapse: #666;
}
article .box-link h4 a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 14px;
	height: 13px;
	background: url(../img/common/icon_arrow.svg) no-repeat;
	background-size: 14px 13px;
	margin-top: -6px;
	transition: right .3s;
}
article .box-link.self h4 a::after {
	transform: rotate(90deg);
	transition: margin .3s;
}
article .box-link h4 a:hover {
	text-decoration: none;
}
article .box-link h4 a:hover::after {
	right: -5px;
}
article .box-link.self h4 a:hover::after {
	right: 0;
	margin-top: -1px;
}
article .box-link p a {
	color: #666;
}
article .box-link h4 + p {
	margin-top: 15px;
}

/* ---------------------------------------------------------
table
----------------------------------------------------------*/
article .tablepress,
article .tablepress th,
article .tablepress td {
	border: 1px solid #D1D1D1;
}
article .tablepress .odd td,
article .tablepress .even td {
	background-color: #fff;
	padding: 8px 15px;
}
article .tablepress .column-1,
article .tablepress .odd .column-1,
article .tablepress .even .column-1 {
	font-weight: bold;
	background-color: #F8F8F8;
}
article #tablepress-9.tablepress .column-1,
article #tablepress-10.tablepress .column-1,
article #tablepress-11.tablepress .column-1 {
		width: 20%;
	}

#table-contact {
	width: 70%;
	margin: 0 auto 30px;
}
#table-contact th,
#table-contact td {
	vertical-align: top;
	padding: 10px;
	border: 1px solid #D1D1D1;
	box-sizing: border-box;
}
#table-contact th {
	width: 40%;
	background-color: #F8F8F8;
	text-align: left;
}
#table-contact input {
	padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;

	width: 100%;
	font-size: 1.6rem;
	padding: 5px;
	border: 1px solid #D1D1D1;
	box-sizing: border-box;
}

#table-contact textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
	
	width: 100%;
	font-size: 1.6rem;
	padding: 5px;
	border: 1px solid #D1D1D1;
	box-sizing: border-box;
}
.btn-send {
	text-align: center;
}
.btn-send input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
	
	
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 430px;
	min-height: 60px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	background-color: #00A7EA;
	padding: 5px 40px;
	margin: 0 auto;
	box-sizing: border-box;
}
.btn-send .ajax-loader {
	width: auto;
}

/* ---------------------------------------------------------
table
----------------------------------------------------------*/
.table-04nyugakuannai table .column-1 {
	width: 30%;
}

/* ---------------------------------------------------------
.pickup
----------------------------------------------------------*/
.pickup {
}
.pickup h3 {
	position: relative;
	display: flex;
	align-items: center;
	width: 525px;
	height: 50px;
	min-height: auto;
	font-weight: bold;
	color: #fff;
	background-color: transparent;
	margin: 0 auto -30px;
	z-index: 2;
}
.pickup h3 .lang-en {
	font-size: 2.2rem;
	margin-right: 15px;
}
.pickup h3 .lang-ja {
	font-size: 1.6rem;
}
.pickup h3::before,
.pickup h3::after {
	content: '';
	position: absolute;
	right: -5px;
	bottom: -5px;
	width: 525px;
	height: 50px;
	background: #4C9337;
	border: none;
	transform: none;
	z-index: -2;
}
.pickup h3::before {
	bottom: 0;
	right: 0;
	background-color: #6EC952;
	z-index: -1;
}
.pickup ul {
	display: flex;
	justify-content: center;
	width: 1080px;
	background: #F8F8F8;
	list-style: none;
	padding: 75px 10px 50px;
	margin: 0 auto;
	border-radius: 6px;
	box-sizing: border-box;
}
.pickup li {
	margin: 0 10px;
}
.pickup a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 180px;
	height: 130px;
	font-size: 1.8rem;
	line-height: 1.2;
	text-align: center;
	font-weight: bold;
	background: #fff;
	color: #6EC952;
	border: 1px solid #6EC952;
	transition: color .3s,background .3s;
}
.pickup a:hover {
	text-decoration: none;
	color: #fff;
	background: #6EC952;
}

/* ---------------------------------------------------------
.box1
----------------------------------------------------------*/
.box1 {
	background: #FAF6F4;
	border: 1px solid #8B6E5F;
	padding: 20px;
	margin-bottom: 60px;
}
.box1 h6 {
	text-align: center;
}
.box1 ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.box1 p,
.box1 li {
	font-size: 1.4rem;
	color: #8B6E5F;
	margin: 0 10px 10px;
}

/* ---------------------------------------------------------
#page-aisatsu
----------------------------------------------------------*/
#page-aisatsu .txt-principal h6 {
	font-size: 1.8rem;
}

/* ---------------------------------------------------------
#page-connection
----------------------------------------------------------*/
#page-connection article p {
	margin-bottom: 15px;
}

/* ---------------------------------------------------------
#page-seikatsu
----------------------------------------------------------*/
#page-seikatsu table {
	table-layout: fixed;
}
#page-seikatsu td {
	line-height: 1.3;
	text-align: center;
	vertical-align: middle;
	padding: 10px 15px
}
#page-seikatsu .row-1 td:not(.column-1) {
	font-weight: bold;
	color: #8B6E5F;
	background: #FAF6F4;
}

/* ---------------------------------------------------------
#page-concept
----------------------------------------------------------*/
#page-concept .row-1 .column-2,
#page-concept .row-1 .column-3 {
	font-weight: bold;
	color: #8B6E5F;
	background: #FAF6F4;
}

/* ---------------------------------------------------------
#page-news
----------------------------------------------------------*/
#page-news {
  background-image: linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 4px);
  background-size: 5px 1px;
  background-repeat: repeat-x;
  background-position: top;
  padding-top: 10px;
}
#page-news dl {
  display: flex;
  background-image: linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 4px);
  background-size: 5px 1px;
  background-position: bottom;
  background-repeat: repeat-x;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#page-news dt {
  width: 100px;
  flex-grow: 0;
  flex-shrink: 0;
}
#page-news dd a {
  color: #333;
  text-decoration: none;
}
#page-news dd a[target="_blank"] {
  display: inline-block;
  padding-right: 20px;
	background: url("../img/common/icon_blank_gray.svg") no-repeat right center;
	background-size: 10px auto;
}
#page-news dd a[href$=".pdf"] {
  display: inline-block;
	color: #333;
  padding-right: 30px;
  background: url(../img/common/icon_pdf.png) no-repeat right center;
	background-size: 26px auto;
}
#page-news dd a:hover {
  text-decoration: underline;
}
#page-news #pagination {
  text-align: center;
}
#page-news #pagination a,
#page-news #pagination span {
  margin: 0 2px;
}

/* ---------------------------------------------------------
#page-news-detail
----------------------------------------------------------*/
#page-news-detail h2 {
  font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic Medium",YuGothic,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  color: #8B6E5F;
  background-image: linear-gradient(to right, #8B6E5F, #8B6E5F 1px, transparent 1px, transparent 3px);
  background-size: 4px 1px;
  background-position: bottom;
  background-repeat: repeat-x;
  text-align: left;
  line-height: 2;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
#page-news-detail img {
  width: auto;
  height: auto;
  max-width: 100%;
}


/* ---------------------------------------------------------
media queries
----------------------------------------------------------*/
@media screen and (max-width:768px) {
/* ---------------------------------------------------------
#main sp
----------------------------------------------------------*/
	#main {
		position: relative;
		width: 100%;
		height: 150px;
		overflow:hidden;
	}
	#main img {
		width: 100%;
		height: auto;
	}

/* ---------------------------------------------------------
h1 sp
----------------------------------------------------------*/
	h1 {
		position: absolute;
		bottom: 50%;
		left: 20px;
		font-size: 2rem;
		font-weight: normal;
		color: #fff;
		background-color: rgba(0,167,234,.8);
		padding: 12px 20px;
		transform: translateY(50%);
		margin-left: 0;
	}
	h1::after {
		content: '';
		position: absolute;
		bottom: -24px;
		left: 10px;
		display: block;
		width: 14px;
		height: 14px;
		background-color: rgba(0,167,234,.8);
	}

/* ---------------------------------------------------------
#breadcrumb sp
----------------------------------------------------------*/
	#breadcrumb {
		display: none;
	}

/* ---------------------------------------------------------
article sp
----------------------------------------------------------*/
	article {
		width: 100%;
		font-size: 1.4rem;
		line-height: 1.7;
		padding: 40px 8%;
		box-sizing: border-box;
	}
	article h2 {
		font-size: 2rem;
	}
	article .lead h2 {
		font-size: 1.8rem;
	}
	article h3 {
		width: 100%;
		height: auto;
		min-height: 46px;
		font-size: 1.8rem;
		padding: 10px 20px;
		margin-bottom: 20px;
		box-sizing: border-box;
	}	
	article h4 {
		font-size: 1.6rem;
	}
	article h7 {
		width: 100%;
		height: auto;
		min-height: 46px;
		font-size: 1.8rem;
		padding: 10px 20px;
		margin: 0px 0px 30px;
		box-sizing: border-box;
	}	
	article .txt-mincho {
		font-size: 2rem;
	}

/* ---------------------------------------------------------
article .list-news sp
----------------------------------------------------------*/
	article .list-news dl:last-child {
		margin-bottom: 30px;
	}
	article .list-news dt {
		width: 25%;
		margin-right: 0;
	}
	article .list-news dd {
		width: 75%;	
	}

/* ---------------------------------------------------------
article .list-exam sp
----------------------------------------------------------*/
	article .list-exam dl {
		margin: 0px 0px 10px;
	}
	article .list-exam dl:last-child {
		margin-bottom: 30px;
	}
	article .list-exam dt {
		width: 25%;
		margin-right: 0;
	}
	article .list-exam dd {
		width: 75%;	
	}

/* ---------------------------------------------------------
article .local-nav sp
----------------------------------------------------------*/
	article .local-nav ul {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	article .local-nav li {
		width: 48%;
		margin-bottom: 10px;
	}
	article .local-nav-fixed li {
		width: 47%;
		margin: 0 1% 20px;
	}
	article .local-nav a,
	article .local-nav-fixed a {
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		font-size: 1.1rem;
		padding: 4px 10px 4px;
		margin: 0;
		box-sizing: border-box;
	}
	article .local-nav a::after,
	article .local-nav-fixed a::after {
		right: 7px;
		bottom: 50%;
		border-width: 3px 3px 0 3px;
		transform: translateY(50%);
	}
/* ---------------------------------------------------------
.btn sp
----------------------------------------------------------*/
	article .btn a {
		width: 64vw;
		height: auto;
		font-size: 1.6rem;
		line-height: 1.3;
		padding: 15px 40px;
	}

/* ---------------------------------------------------------
.pickup sp
----------------------------------------------------------*/
	.pickup {
		width: 100%;
		padding: 0;
		box-sizing: border-box;
	}
	.pickup h3 {
		display: block;
		width: 72vw;
		height: 60px;
		text-align: center;
		padding-top: 12px;
		box-sizing: border-box;
		margin: 0 auto -30px;
	}
	.pickup h3 .lang-en {
		display: block;
		font-size: 2rem;
		line-height: 1;
		margin: 0 0 6px;
	}
	.pickup h3 .lang-ja {
		display: block;
		font-size: 1.4rem;
		line-height: 1;
	}
	.pickup h3::before,
	.pickup h3::after {
		width: 72vw;
		height: 60px;
	}
	.pickup ul {
		justify-content: flex-start;
		flex-wrap: wrap;
		width: 100%;
		padding: 55px 0 15px 6vw;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.pickup li {
		margin: 0 0 10px;
	}
	.pickup li:nth-child(odd) {
		margin-right: 3vw;
	}
	.pickup a {
		width: 34.6vw;
		height: 80px;
		font-size: 1.4rem;
		line-height: 1.4;
		text-align: center;
		padding: 10px;
		box-sizing: border-box;
	}

/* ---------------------------------------------------------
margin,padding sp
----------------------------------------------------------*/
	article > div > .panel-grid {
		padding-bottom: 0px;
	}
	article > div > .panel-grid:last-child {
		padding-bottom: 0;
	}
	article .panel-grid-cell {
		margin-bottom: 0 !important;
	}
	article h2 {
		margin: -9px 0 31px;
	}
	article h3 {
		margin-bottom: 30px;
	}
	article p {
		margin: -8px 0 32px;
	}
	article p + ol {
		margin-top: -22px;
	}
	article .btn p {
		margin: 0 0 40px;
	}
	article p img {
		display: block;
		padding: 8px 0;
	}
	article img.mb0 {
		margin-bottom: -22px;
	}
	article ul,
	article ol {
		margin-bottom: 40px;
	}

/* ---------------------------------------------------------
.bg-gray
----------------------------------------------------------*/
	article .bg-gray,
	article .bg-yellow {
		padding: 40px 0 0;
		margin-bottom: 40px;
	}

/* ---------------------------------------------------------
.box-link
----------------------------------------------------------*/
article .box-link {
	padding: 15px;
	margin-bottom: 30px;
}
article .box-link h4 + p {
	margin-top: 10px;
}

/* ---------------------------------------------------------
.table-overflow sp only
----------------------------------------------------------*/
	.table-overflow {
		width: 100%;
		overflow-x: scroll;
	}
	.table-overflow table {
		width: 280%;
	}
/* ---------------------------------------------------------
table
----------------------------------------------------------*/
	#tablepress-1 .column-1 {
	}

	article #tablepress-1.tablepress,
	article #tablepress-2.tablepress,
	article #tablepress-9.tablepress,
	article #tablepress-10.tablepress,
	article #tablepress-11.tablepress {
		border: none;
		border-top: 1px solid #D1D1D1;
	}
	article #tablepress-1.tablepress td,
	article #tablepress-2.tablepress td,
	article #tablepress-9.tablepress td,
	article #tablepress-10.tablepress td,
	article #tablepress-11.tablepress td {
		display: block;
		width: 100%;
		border-top: none !important;
		box-sizing: border-box;
	}
	article .tablepress .odd td,
	article .tablepress .even td {
	}
article .tablepress .column-1,
article .tablepress .odd .column-1,
article .tablepress .even .column-1 {
	font-weight: bold;
	background-color: #F8F8F8;
}
article #tablepress-9.tablepress .column-1,
article #tablepress-10.tablepress .column-1,
article #tablepress-11.tablepress .column-1 {
		width: 100%;
	}

#table-contact {
	width: 70%;
	margin: 0 auto 30px;
}
#table-contact th,
#table-contact td {
	vertical-align: top;
	padding: 10px;
	border: 1px solid #999;
	box-sizing: border-box;
}
#table-contact th {
	width: 40%;
	text-align: left;
}
#table-contact input {
	padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;

	width: 100%;
	font-size: 1.6rem;
	padding: 5px;
	border: 1px solid #999;
	box-sizing: border-box;
}

#table-contact textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
	
	width: 100%;
	font-size: 1.6rem;
	padding: 5px;
	border: 1px solid #999;
	box-sizing: border-box;
}
.btn-send {
	text-align: center;
}
.btn-send input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
	
	
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 430px;
	min-height: 60px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	background-color: #00A7EA;
	padding: 5px 40px;
	margin: 0 auto;
	box-sizing: border-box;
}
.btn-send .ajax-loader {
	width: auto;
}


/* ---------------------------------------------------------
#page-aisatsu
----------------------------------------------------------*/
	#page-aisatsu .txt-principal h6 {
		font-size: 1.6rem;
	}

/* ---------------------------------------------------------
#page-news
----------------------------------------------------------*/
	#page-news dl {
		display: block;
		font-size: 1.4rem;
	}
	#page-news dt {
		width: auto;
		margin-bottom: 4px;
	}
	#page-news dd {
		width: auto;
		line-height: 1.7;
	}

/* ---------------------------------------------------------
#page-news-detail
----------------------------------------------------------*/
#page-news-detail h2 {
  font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic Medium",YuGothic,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #8B6E5F;
  background-image: linear-gradient(to right, #8B6E5F, #8B6E5F 1px, transparent 1px, transparent 3px);
  background-size: 4px 1px;
  background-position: bottom;
  background-repeat: repeat-x;
  text-align: left;
  line-height: 1.6;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
}

/* ---------------------------------------------------------
#contact-form 2022.01.12追加
----------------------------------------------------------*/
.mw_wp_form {
  width: 100%;
  color: #333;
}

.mw_wp_form table.mailform-tbl {
  width: 100%;
  margin-bottom: 40px;
}

.mw_wp_form table tr {
  width: 100%;
  border-bottom: 1px dotted #ccc;
  padding: 30px 0;
  font-weight: normal;
}

.mw_wp_form table tr:last-child {
  border-bottom: none;
}

.mw_wp_form table th {
  padding: 20px 0;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
  width: 30%;
  float: left;
}

.mw_wp_form table th .attention {
  font-size: 80%;
  margin-left: 10px;
  color: red;
  padding: 3px;
}

.mw_wp_form table td {
  padding: 20px 0;
  width: 70%;
  float: left;
}

.mw_wp_form table td.w50 input, .mw_wp_form table td.w50 select {
  width: 50%;
  box-sizing: border-box;
}

.mw_wp_form table td.w100 input, .mw_wp_form table td.w100 select {
  width: 100%;
  box-sizing: border-box;
}

.mw_wp_form table td.w100 textarea {
  width: 100%;
  box-sizing: border-box;
}

.mw_wp_form #submit-button {
  text-align: center;
}

.mw_wp_form #submit-button input {
  margin: 1em;
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #8B6E5F;
  background: #8B6E5F;
  color: #fff;
  box-sizing: border-box;
  height: 40px;
  -webkit-appearance: none;
  border-radius: 5px;
  font-size: 90%;
}

.mw_wp_form #submit-button input[name="submitBack"] {
  margin: 1em;
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #999;
  background: #999;
  color: white;
  box-sizing: border-box;
  height: 40px;
  -webkit-appearance: none;
  border-radius: 5px;
  font-size: 90%;
}

@media screen and (max-width: 768px) {
  .mw_wp_form table td {
    width: 65%;
    float: right;
  }
  .mw_wp_form table td.w50 input, .mw_wp_form table td.w50 select {
    width: 100%;
    box-sizing: border-box;
  }
  .mw_wp_form table td.w100 input, .mw_wp_form table td.w100 select {
    width: 100%;
    box-sizing: border-box;
  }
  .mw_wp_form table td.w100 textarea {
    width: 100%;
    box-sizing: border-box;
  }
}


/* ---------------------------------------------------------
#学校からのお知らせ 2022.03.26追加
----------------------------------------------------------*/
p.parents {
	display: flex;
	background-image: linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 4px);
	background-size: 5px 1px;
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 10px;
	margin: 0px 120px 10px;
}

@media screen and (max-width: 768px) {
p.parents {
	margin: auto;
}
}

/* ---------------------------------------------------------
先生ブログ 2024.02.20追加
----------------------------------------------------------*/
.page-blog .container {
	display: flex;
}
.page-blog_imgWpr img {
	width: 100%;
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, screen and (min-width: 769px) {
	.page-blog .container {
		justify-content: space-between;
		max-width: 1000px;
		margin: 30px auto 0;
		padding: 0 20px 100px;
	}
	.page-blog .side {
		width: 250px;
	}
	.page-blog .main {
		width: 700px;
	}
	.page-blog_imgWpr {
		width: 640px;
		margin-bottom: 40px;
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 768px) {
	.page-blog .container {
		flex-direction: column-reverse;
		padding: 0 18px 50px;
	}
	.page-blog_imgWpr {
		margin-bottom: 15px;
	}
	.page-blog .side {
		margin-top: 43px;
	}
}
/*--------------------------------------------------
  = bl_newsPostUnits
--------------------------------------------------*/
.bl_newsPost {
	position: relative;
	border-left: 5px solid #02a7ea;
	background: #f8f8f8;
}
.bl_newsPost_time {
	color: #464646;
}
.bl_newsPost_ttl {
	color: #2867c5;
	font-weight: bold;
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, screen and (min-width: 769px) {
	.bl_newsPost {
		display: flex;
		align-items: center;
		padding: 9px 50px 11px 0;
	}
	.bl_newsPost + .bl_newsPost {
		margin-top: 20px;
	}
	.bl_newsPost::after {
		content: "";
		display: block;
		position: absolute;
		top: 20px;
		right: 18px;
		border-style: solid;
		border-color: transparent transparent transparent #b3b3b3;
		border-width: 5px 0px 5px 9px;
	}
	.bl_newsPost_time {
		width: 124px;
		line-height: 1.5;
		font-size: 16px;
		text-align: center;
	}
	.bl_newsPost_ttl {
		flex: 1;
		border-left: 1px solid #e5e5e5;
		padding: 3px 0 3px 18px;
		line-height: 1.5;
		font-size: 16px;
	}
	/* hover */
	.bl_newsPost:hover {
		text-decoration: none;
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 768px) {
	.bl_newsPost {
		display: block;
		border-left-width: 3px;
		padding: 11px 10px;
	}
	.bl_newsPost + .bl_newsPost {
		margin-top: 15px;
	}
	.bl_newsPost_time {
		display: block;
		font-size: 13px;
	}
	.bl_newsPost_ttl {
		margin-top: 5px;
		line-height: 1.538;
		font-size: 13px;
	}
}
/*--------------------------------------------------
  = bl_newsDetail
--------------------------------------------------*/
.bl_newsDetail_ttl {
	color: #464646;
	font-weight: bold;
	background: #f8f8f8;
	border-left: 5px solid #02a7ea;
}
.bl_newsDetail_date {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.bl_newsDetail_cat {
	position: relative;
	color: #2867c5;
}
.bl_newsDetail_cat::before {
	content: '';
	position: absolute;
	left: 0;
	background: #2867c5;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.bl_newsDetail_time {
	color: #464646;
}
/* bl_newsDetail_cont */
.bl_newsDetail_cont blockquote {
	background: #f8f8f8;
}
.bl_newsDetail_cont blockquote p:last-child {
	margin-bottom: 0;
}
.bl_newsDetail_cont ul {
	list-style: none;
}
.bl_newsDetail_cont ul li {
	position: relative;
}
.bl_newsDetail_cont ul li::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	border-radius: 50%;
	background: #02a7ea;
}
.bl_newsDetail_cont a {
	color: #2867c5;
	text-decoration: none;
}
.bl_newsDetail_cont a[target="_blank"] {
	display: inline-block;
	background: url("../img/common/icon_blank_gray.svg") no-repeat right center;
}
.bl_newsDetail_cont a[href$=".pdf"] {
	display: inline-block;
	background: url(../img/common/icon_pdf.png) no-repeat right center;
}
.bl_newsDetail_cont a[href$=".mp4"] {
	display: inline-block;
	background: url(../img/common/icon_video.png) no-repeat right center;
} 
.bl_newsDetail_cont .wp-caption {
	max-width: 100%;
}
.bl_newsDetail_cont .wp-caption-text {
	color: #737373;
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, screen and (min-width: 769px) {
	.bl_newsDetail .page-blog_imgWpr {
		display: none;
	}
	.bl_newsDetail_ttl {
		padding: 17px 24px;
		line-height: 1.2;
		font-size: 22px;
	}
	.bl_newsDetail_date {
		padding: 15px 0;
	}
	.bl_newsDetail_catWpr {
		margin-bottom: 20px;
	}
	.bl_newsDetail_cat {
		padding-left: 13px;
		line-height: 1.5;
		font-size: 13px;
	}
	.bl_newsDetail_cat::before {
		top: 6.5px;
		width: 7px;
		height: 8px;
	}
	.bl_newsDetail_cat + .bl_newsDetail_cat {
		margin-top: 13px;
	}
	.bl_newsDetail_time {
		line-height: 1.2;
		font-size: 16px;
	}
	/* bl_newsDetail_cont */
	.bl_newsDetail_cont {
		margin-top: 10px;
		padding-bottom: 60px;
		line-height: 1.75;
		font-size: 16px;
	}
	.bl_newsDetail_cont p {
		margin-bottom: 30px;
	}
	.bl_newsDetail_cont blockquote {
		margin-bottom: 30px;
		padding: 18px 24px;
	}
	.bl_newsDetail_cont ul {
		margin-bottom: 30px;
		padding: 0 0 0 10px;
	}
	.bl_newsDetail_cont ul li {
		padding-left: 20px;
	}
	.bl_newsDetail_cont ul li + li {
		margin-top: 3px;
	}
	.bl_newsDetail_cont ul li::before {
		top: 9px;
		width: 10px;
		height: 10px;
	}
	.bl_newsDetail_cont ol {
		margin-bottom: 30px;
		padding-left: 30px;
	}
	.bl_newsDetail_cont ol li + li {
		margin-top: 3px;
	}
	.bl_newsDetail_cont .wp-caption-text {
		margin-top: 10px;
		line-height: 1.7;
		font-size: 14px;
	}
	.bl_newsDetail_cont a[target="_blank"] {
		padding-right: 17px;
		background-size: 10px auto;
	}
	.bl_newsDetail_cont a[href$=".pdf"] {
		margin-right: 10px;
		padding-right: 27px;
		background-size: 26px auto;
	}
	.bl_newsDetail_cont a[href$=".mp4"] {
		margin-right: 10px;
		padding-right: 24px;
		background-size: 17px auto;
	}
	/* hover */
	.bl_newsDetail_cont a:hover {
		text-decoration: underline;
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 768px) {
	.bl_newsDetail_ttl {
		padding: 7px 17px 10px 12px;
		line-height: 1.438;
		font-size: 16px;
		border-left-width: 3px;
	}	  
	.bl_newsDetail_date {
		padding: 8px 0;
	}
	.bl_newsDetail_catWpr {
		margin-bottom: 30px;
	}
	.bl_newsDetail_cat {
		padding-left: 13px;
		line-height: 1.5;
		font-size: 12px;
	}
	.bl_newsDetail_cat::before {
		top: 5.5px;
		width: 7px;
		height: 8px;
	}
	.bl_newsDetail_cat + .bl_newsDetail_cat {
		margin-top: 13px;
	}
	.bl_newsDetail_time {
		line-height: 1.2;
		font-size: 13px;
	}
	/* bl_newsDetail_cont */
	.bl_newsDetail_cont {
		margin-top: 15px;
		padding-bottom: 25px;
		line-height: 1.692;
		font-size: 13px;
	}
	.bl_newsDetail_cont img {
		width: 100%;
	}
	.bl_newsDetail_cont p {
		margin-bottom: 20px;
	}
	.bl_newsDetail_cont blockquote {
		margin-bottom: 20px;
		padding: 10px 15px;
	}
	.bl_newsDetail_cont ul {
		margin-bottom: 20px;
		padding-left: 6px;
	}
	.bl_newsDetail_cont ul li {
		padding-left: 17px;
	}
	.bl_newsDetail_cont ul li + li {
		margin-top: 3px;
	}
	.bl_newsDetail_cont ul li::before {
		top: 6.5px;
		width: 9px;
		height: 9px;
	}
	.bl_newsDetail_cont ol {
		margin-bottom: 20px;
		padding-left: 23px;
	}
	.bl_newsDetail_cont ol li + li {
		margin-top: 3px;
	}
	.bl_newsDetail_cont .wp-caption {
		width: 100% !important;
	}
	.bl_newsDetail_cont .wp-caption-text {
		margin-top: 10px;
		line-height: 1.7;
		font-size: 12px;
	}
	.bl_newsDetail_cont a[target="_blank"] {
		padding-right: 15px;
		background-size: 8px auto;
	}
	.bl_newsDetail_cont a[href$=".pdf"] {
		margin-right: 10px;
		padding-right: 25px;
		background-size: 22px auto;
	}
	.bl_newsDetail_cont a[href$=".mp4"] {
		margin-right: 10px;
		padding-right: 22px;
		background-size: 13px auto;
	}
}
/*--------------------------------------------------
  = bl_sideNavPost
--------------------------------------------------*/
.bl_sideNavPost_ttl {
	position: relative;
	background: #666;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.bl_sideNavPost_ttl::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #666666 transparent transparent transparent;
	transform: translateX(-50%);
}
.bl_sideNavPost_item {
	background-image: linear-gradient(to right, #b2b2b2, #b2b2b2 0.2rem, transparent 0.2rem, transparent 0.4rem);
	background-size: 0.4rem 1px;
	background-repeat: repeat-x;
	background-position: left bottom;
	list-style: none;
}
.bl_sideNavPost_link {
	display: block;
	color: #2867c5;
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, screen and (min-width: 769px) {
	.bl_sideNavPost_archive + .bl_sideNavPost_archive {
		margin-top: 40px;
	}
	.bl_sideNavPost_ttl {
		padding: 7px;
		line-height: 1.2;
		font-size: 18px;
	}
	.bl_sideNavPost_ttl::after {
		bottom: -8px;
		border-width: 17px 13.5px 0 13.5px;
	}  
	.bl_sideNavPost_link {
		padding: 10px 5px;
		line-height: 1.538;
		font-size: 13px;
	}
	/* hover */
	.bl_sideNavPost_link:hover {
		text-decoration: underline;
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 768px) {
	.bl_sideNavPost_archive + .bl_sideNavPost_archive {
		margin-top: 30px;
	}
	.bl_sideNavPost_ttl {
		padding: 12px;
		line-height: 1.2;
		font-size: 14px;
	}
	.bl_sideNavPost_ttl::after {
		bottom: -5px;
		border-width: 8px 6px 0px 6px;
	}  
	.bl_sideNavPost_link {
		padding: 12px 3px;
		line-height: 1.75;
		font-size: 12px;
	}
}
/*--------------------------------------------------
  = bl_pagenavi_archive
--------------------------------------------------*/
.bl_pagenavi_archive {
	display: flex;
	align-items: center;
	justify-content: center;
}
.bl_pagenavi_archive .page-numbers.current {
	background-color: #02a7ea;
	color: #fff;
}
.bl_pagenavi_archive a.page-numbers:not(.prev, .next), .bl_pagenavi_archive .page-numbers.dots {
	border: 1px solid #ccc;
	color: #2867c5;
}
.bl_pagenavi_archive .page-numbers:not(.prev, .next) {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	cursor: pointer;
	transition: .4s ease-in-out;
}
.bl_pagenavi_archive .page-numbers.prev, .bl_pagenavi_archive .page-numbers.next {
	position: relative;
	color: #2867c5;
	font-weight: bold;
}
.bl_pagenavi_archive .page-numbers.prev::after, .bl_pagenavi_archive .page-numbers.next::after {
	content: "";
	display: block;
	position: absolute;
	top: 47%;
	border-style: solid;
	border-color: transparent transparent transparent #b3b3b3;
}
.bl_pagenavi_archive .page-numbers.prev::after {
	left: 0;
	transform: scale(-1, 1) translateY(-50%);
}
.bl_pagenavi_archive .page-numbers.next::after {
	right: 0;
	transform: translateY(-50%);
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, screen and (min-width: 769px) {
	.bl_pagenavi_archive {
		padding-top: 60px;
	}
	.bl_pagenavi_archive .page-numbers:not(.prev, .next) {
		width: 35px;
		height: 35px;
		margin: 0 7.5px;
		padding-bottom: 4px;
		font-size: 18px;
	}
	.bl_pagenavi_archive .page-numbers.prev, .bl_pagenavi_archive .page-numbers.next {
		padding-bottom: 4px;
		font-size: 18px;
	}
	.bl_pagenavi_archive .page-numbers.prev {
		margin-right: 22px;
		padding-left: 25px;
	}
	.bl_pagenavi_archive .page-numbers.next {
		margin-left: 22px;
		padding-right: 25px;
	}
	.bl_pagenavi_archive .page-numbers.prev::after, .bl_pagenavi_archive .page-numbers.next::after {
		border-width: 5px 0px 5px 9px;
	}
	/* hover */
	.bl_pagenavi_archive a.page-numbers:not(.prev, .next):hover {
		background-color: #02a7ea;
		border-color: #02a7ea;
		color: #fff;
		text-decoration: none;
	}
	.bl_pagenavi_archive .page-numbers.prev:hover, .bl_pagenavi_archive .page-numbers.next:hover {
		text-decoration: underline;
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 768px) {
	.bl_pagenavi_archive {
		padding-top: 40px;
	}
	.bl_pagenavi_archive .page-numbers:not(.prev, .next) {
		width: 26px;
		height: 26px;
		margin: 0 6px;
		padding-bottom: 2px;
		font-size: 13px;
	}
	.bl_pagenavi_archive .page-numbers.prev, .bl_pagenavi_archive .page-numbers.next {
		padding-bottom: 3px;
		font-size: 13px;
	}
	.bl_pagenavi_archive .page-numbers.prev {
		margin-right: 12px;
		padding-left: 20px;
	}
	.bl_pagenavi_archive .page-numbers.next {
		margin-left: 12px;
		padding-right: 20px;
	}
	.bl_pagenavi_archive .page-numbers.prev::after, .bl_pagenavi_archive .page-numbers.next::after {
		border-width: 3px 0px 3px 6px;
	}
}
/*--------------------------------------------------
  = bl_pagenavi_single
--------------------------------------------------*/
.bl_pagenavi_single {
	border-top: 1px solid #d9d9d9;
}
.bl_pagenavi_list {
	position: relative;
	width: 100%;
}
.bl_pagenavi_single_prev,
.bl_pagenavi_single_return,
.bl_pagenavi_single_next {
	position: absolute;
	top: 0;
}
.bl_pagenavi_single_prev a,
.bl_pagenavi_single_return a,
.bl_pagenavi_single_next a {
	position: relative;
	display: block;
	color: #2867c5;
	font-weight: bold;
}
.bl_pagenavi_single_prev a::before,
.bl_pagenavi_single_next a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	border-style: solid;
	border-color: transparent transparent transparent #b3b3b3;
}
.bl_pagenavi_single_prev a::before {
	left: 0;
	transform: scale(-1,1) translateY(-50%);
}
.bl_pagenavi_single_next a::before {
	right: 0;
	transform: translateY(-50%);
}
.bl_pagenavi_single_return {
	left: 50%;
	transform: translateX(-50%);
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, screen and (min-width: 769px) {
	.bl_pagenavi_single {
		padding-top: 30px;
	}
	.bl_pagenavi_list {
		min-height: 20px;
	}
	.bl_pagenavi_single_prev,
	.bl_pagenavi_single_return,
	.bl_pagenavi_single_next {
		font-size: 18px;
	}
	.bl_pagenavi_single_prev {
		left: 35px;
	}
	.bl_pagenavi_single_next {
		right: 35px;
	}
	.bl_pagenavi_single_prev a {
		padding-left: 24px;
	}
	.bl_pagenavi_single_next a {
		padding-right: 24px;
	}
	.bl_pagenavi_single_prev a::before,
	.bl_pagenavi_single_next a::before {
		border-width: 5px 0px 5px 9px;
	}
	/* hover */
	.bl_pagenavi_single a:hover {
		text-decoration: underline;
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 768px) {
	.bl_pagenavi_single {
		padding: 25px 0 10px;
	}
	.bl_pagenavi_list {
		min-height: 16px;
	}
	.bl_pagenavi_single_prev,
	.bl_pagenavi_single_return,
	.bl_pagenavi_single_next {
		font-size: 13px;
	}
	.bl_pagenavi_single_prev {
		left: 0;
	}
	.bl_pagenavi_single_next {
		right: 0;
	}
	.bl_pagenavi_single_prev a {
		padding-left: 20px;
	}
	.bl_pagenavi_single_next a {
		padding-right: 20px;
	}
	.bl_pagenavi_single_prev a::before,
	.bl_pagenavi_single_next a::before {
		border-width: 3.5px 0px 3.5px 6px;
	}
}


/* ---------------------------------------------------------
#contact-form7 お問い合わせ　2025.01.19追加
----------------------------------------------------------*/
.wpcf7 {
	width: 840px;
	margin: 0 auto;
	color: #333;
}
.wpcf7 table p {
	margin: 0;
}
.wpcf7 table.mailform-tbl {
	width: 100%;
	margin-bottom: 20px;
}
.wpcf7 table tr {
	width: 100%;
	border-bottom: 1px dotted #ccc;
	padding: 30px 0;
	font-weight: normal;
}
.wpcf7 table tr:last-child {
	border-bottom: none;
}
.wpcf7 table th {
	padding: 20px 0;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	width: 30%;
	float: left;
}
.wpcf7 table th .attention {
	font-size: 80%;
	margin-left: 10px;
	color: red;
	padding: 3px;
}
.wpcf7 table td {
	padding: 20px 0;
	width: 70%;
	float: left;
}
.wpcf7 table td.w50 input, .wpcf7 table td.w50 select {
	width: 50%;
	box-sizing: border-box;
}
.wpcf7 table td.w100 input, .wpcf7 table td.w100 select {
	width: 100%;
	box-sizing: border-box;
}
.wpcf7 table td.w100 textarea {
	width: 100%;
	height: 76px;
	box-sizing: border-box;
}
.wpcf7 #submit-button {
	margin: 0 0 10px;
	text-align: center;
}
.wpcf7 #submit-button input {
	margin: 1em;
	display: inline-block;
	padding: 10px 30px;
	border: 1px solid #8B6E5F;
	background: #8B6E5F;
	color: #fff;
	box-sizing: border-box;
	height: 40px;
	-webkit-appearance: none;
	border-radius: 5px;
	font-size: 90%;
	cursor: pointer;
}
.wpcf7 #submit-button input[name="submitBack"] {
	margin: 1em;
	display: inline-block;
	padding: 10px 30px;
	border: 1px solid #999;
	background: #999;
	color: white;
	box-sizing: border-box;
	height: 40px;
	-webkit-appearance: none;
	border-radius: 5px;
	font-size: 90%;
}
.wpcf7 .mailform-btn {
	display: flex;
	align-items: center;
	justify-content: center;
}
.wpcf7 .wpcf7-spinner {
	display: none;
}
@media screen and (max-width: 768px) {
	.wpcf7 {
		width: 100%;
	}
	.wpcf7 table td {
		width: 65%;
		float: right;
	}
	.wpcf7 table td.w50 input, .wpcf7 table td.w50 select {
		width: 100%;
		box-sizing: border-box;
	}
	.wpcf7 table td.w100 input, .wpcf7 table td.w100 select {
		width: 100%;
		box-sizing: border-box;
	}
	.wpcf7 table td.w100 textarea {
		width: 100%;
		box-sizing: border-box;
	}
}