@charset "utf-8";
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url('../font/NotoSerifCJKjp-Regular.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 700;
  src: url('../font/NotoSerifCJKjp-Bold.woff') format('woff');
  font-display: swap;
}
/* basic layout */

/*全体の設定
---------------------------------------------------------------------------*/
body{
	color: #333333;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'Verdana','Arial','Helvetica',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	color: #231815;
}
@media screen and (max-width: 768px){
	body {
		letter-spacing: .1em;
		font-size: 3.8vw;
	}
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img{
	max-width: 100%;
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	outline: none;
}
@media screen and (max-width:640px){
	img{
		max-width: 100%;
		height: auto;
		/*width /***//*:auto;*/
	}
}
input,textarea,select{
	font-size: .16em;
}
form{
	margin: 0px;
}
table{
	border-collapse:collapse;
	font-size: .16rem;
	border-spacing: 0;
}
@media screen and (max-width: 768px){
	html {
		font-size: 550%;
	}
}

h1, h2, h3, h4, h5, h6,
th {
	font-weight: 400;
}

*:focus {
	outline: none;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a{
	transition-property: all;
	transition: 0.3s linear;
	color: inherit;
	outline: none;
}
a:hover{
	cursor: pointer;
	opacity: 0.8;/* IE8 over, Opera, Safari, CSS3 over */
	transition-property: all;
	transition: 0.3s linear;
	text-decoration: none;
	color: inherit;
}
.trns {
	transition-property: all;
	transition: 0.3s linear;
}

/* 共通設定
---------------------------------------------------------------------------*/
#wrap{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
@media screen and (max-width: 768px){
	#wrap {
		margin-top: 0;
	}
}

/* clearfix */
.cf{
	zoom: 1
}
.cf:before, .cf:after{
	display: table;
	content: "";
}
.cf:after{
	clear: both;
}
.clear{
	clear: both;
}

/* flexbox */
.flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.f-center{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.f-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.f-start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.f-middle{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.f-bottom{
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.f-between{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.f-wrap{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.f-column{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.f-reverse{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
@media screen and (max-width: 768px){
	.sp-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.sp-f-row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.sp-f-column{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.sp-f-column > *,
	.sp-f-column-reverse > * {
		width: 100%!important;
	}
	.sp-f-column-reverse {
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.sp-f-wrap{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.sp-f-center {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.sp-f-between {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.sp-f-middle {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

/* 文字配置 */
.al-cnt {
	text-align: center;
}
.al-lft {
	text-align: left;
}
.al-rit {
	text-align: right;
}

/* フォント設定 */
.gothic {
	font-family:'Verdana','Arial','Helvetica',"ヒラギノ角ゴ ProN W3",游ゴシック,"Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mincho {
	font-family: 游明朝, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Calibri, serif;
	font-weight: 400;
}
.font-en {
	font-family: 'Gilda Display', serif;
}
.font-cursive {
	font-family: 'Dancing Script', cursive;
}


.font-num {
	font-family: 'Noto Serif Japanese', serif;
	letter-spacing: .06em;
}

/* レスポンシブ */
.view-sp {
	display: none;
}
@media screen and (max-width: 768px){
	.view-pc {
		display: none;
	}
	.view-sp {
		display: block;
	}
}

/* position */
.pos-rel {
	position: relative;
}
.pos-abs {
	position: absolute;
}



/* inner
---------------------------------------------------------------------------*/
.inner-base {
	max-width: 1040px;
}
.inner-semiwide {
	max-width: 1120px;
}
.inner-wide {
	max-width: 1280px;
}
.inner-mini {
	max-width: 950px;
}
.inner-max {
	max-width: 1487px;
}
.inner-base,
.inner-wide,
.inner-semiwide,
.inner-mini,
.inner-max {
	width: 100%;
	margin: 0 auto;
}
@media screen and (max-width: 1024px){
	body.sec .inner-base,
	body.sec .inner-semiwide,
	body.sec .inner-mini,
	body.page .inner-base,
	body.page .inner-semiwide,
	body.page .inner-mini,
	body.archive .inner-base,
	body.archive .inner-semiwide,
	body.archive .inner-mini,
	body.single .inner-base,
	body.single .inner-semiwide,
	body.single .inner-mini {
		padding-left: 2vw;
		padding-right: 2vw;
	}
}
@media screen and (max-width: 768px){
	body.sec .inner-base,
	body.sec .inner-semiwide,
	body.sec .inner-mini,
	.inner-base {
		padding-left: 3vw;
		padding-right: 3vw;
	}
}

/* lead
---------------------------------------------------------------------------*/
/* 見出し */
.hdl-def {
	font-size: .38rem;
	color: #0050A5;
	text-align: center;
}
@media screen and (max-width: 768px){
	.hdl-def {
		font-size: 7vw;
	}
}
/* タイトル横並び */
.ttl-row {
	margin-bottom: 20px;
}
.en-ttl-row {
	font-size: .4rem;
	color: #0050A5;
}
.ja-ttl-row {
	font-size: .21rem;
	color: #0050A5;
}
.en-ttl-row + .ja-ttl-row {
	margin-left: 30px;
}
@media screen and (max-width: 768px){
	.ttl-row {
		margin-bottom: 5vw;
	}
	.en-ttl-row {
		font-size: 7.6vw;
	}
	.ja-ttl-row {
		font-size: 4.5vw;
	}
	.en-ttl-row + .ja-ttl-row {
		margin-left: 4vw;
	}
}
/* タイトル横並び ライン付き */
.ttl-rowline {
	margin-bottom: 20px;
	text-align: center;
}
.name-rowline {
    position: relative;
    font-size: .38rem;
    color: #0050A5;
	margin-left: 25px;
    margin-right: 120px;
}
.name-rowline::after {
	position: absolute;
	right: -65px;
	bottom: calc(50% - 28.5px);
	content: "";
	width: 1px;
	height: 57px;
	background-image: url(../img/cmn/line-name-row-blue.png);
}
.ttl-rowline .catch-def {
	margin-bottom: 0;
}
@media screen and (max-width: 768px){
	.ttl-rowline {
		margin-bottom: 5vw;
	}
	.name-rowline {
		margin-left: 0;
		padding-left: 0;
		margin-right: 0;
		margin-bottom: 4vw;
		font-size: 6.7vw;
	}
	.name-rowline::after {
		left: calc(50% - 10vw);
		right: auto;
		bottom: -1vw;
		content: "";
		width: 20vw;
		height: .3vw;
		background-image: url(../img/cmn/line-name.png);
		background-size: 100% auto;
	}
}
/* キャッチ */
.catch-big {
	margin-bottom: 15px;
	font-size: .25rem;
	color: #0050A5;
}
.catch-def {
	margin-bottom: 15px;
	font-size: .21rem;
	color: #0050A5;
}
.catch-big.cnt,
.catch-def.cnt {
	text-align: center;
}
.catch-def.wh {
	color: #FFFFFF;
}
@media screen and (max-width: 768px){
	.catch-big,
	.catch-def {
		margin-bottom: 2vw;
		font-size: 5.5vw;
	}
}
/* 基本のリード */
.lead {
	font-size: .16rem;
	line-height: 215%;
	letter-spacing: -.03em;
}
.lead.mb {
	margin-bottom: 1.5em;
}
.lead.mt {
	margin-top: 1.5em;
}
.ind-aster {
	position: relative;
	margin-top: .5em;
	padding-left: 1em;
}
.ind-aster::before {
	position: absolute;
	content: "※";
	left: 0;
}
@media screen and (max-width: 768px){
	.lead {
		font-size: 4vw;
		line-height: 180%;
		letter-spacing: -.03em;
	}
}
.clr-def {
	color: #0050A5;
}
.clr-deep {
	color: #0050A5;
}
.clr-thinest {
	color: #FFFFFF;
}
.clr-attr {
	color: #FF0000;
}

/* 縦書き */
.tx-tate {
	position: relative;
	/* 各箇所で高さを指定 */
}
.tx-tate > div > div {
    position: absolute;
    width: 100%;
}
.tx-tate > div > div > p {
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
}


/* サイズ展開 */
.tx-ttl {
	font-size: .28rem;
	line-height: 150%;
}
.tx-name {
	font-size: .2rem;
	line-height: 150%;
}
.tx-catch {
	margin-bottom: .1rem;
	font-size: .25rem;
	line-height: 170%;
}
.subttl {
	margin-bottom: .5em;
	font-size: .22rem;
	line-height: 160%;
}
.zm {
	font-size: 150%;
}
.txmb {
	margin-bottom: .5em;
}
@media screen and (max-width: 768px){
	.tx-ttl {
		font-size: 7vw;
		line-height: 150%;
	}
	.tx-name {
		font-size: 5.5vw;
		line-height: 150%;
	}
	.tx-catch {
		font-size: 5.8vw;
	}
	.subttl {
		font-size: 5vw;
	}
}

/* 頭出し */
.ind {
	padding-left: 1em;
	text-indent: -1em;
}


/* ボタン
---------------------------------------------------------------------------*/
/* プラン */
.btn-plan {
	color: #FFFFFF;
}
.btn-plan a {
	background-color: #B08829;
}
.btn-plan a:hover {
	color: #B08829;
	background-color: #FFFFFF;
	opacity: 1;
	border: 1px solid #B08829;
}
/* 青ボタン */
.btn-def {
	color: #FFFFFF;
}
.btn-def a {
	background-color: #0050A5;
	border: 1px solid #0050A5;
}
.btn-def a:hover {
	color: #0050A5;
	background-color: #FFFFFF;
	border: 1px solid #0050A5;
	opacity: 1;
}
/* 水色ボタン */
.btn-fac {
	color: #FFFFFF;
}
.btn-fac a {
	background-color: #6696C6;
	border: 1px solid #6696C6;
}
.btn-fac a:hover {
	color: #6696C6;
	background-color: #FFFFFF;
	border: 1px solid #6696C6;
	opacity: 1;
}
/* gmapボタン */
.btn-gmap a {
	width: 240px;
	height: 60px;
	margin: 0 auto;
}
/* 地図を見るボタン */
.btn-maps {
	color: #6696C6;
}
.btn-maps a {
	background-color: #FFFFFF;
	border: 1px solid #6696C6;
	color: #0050A0;
}
.btn-maps a:hover {
	color: #6696C6;
	background-color: #6696C6;
	border: 1px solid #6696C6;
	opacity: 1;
	color: #FFFFFF;
}


/* 背景代わりの画像
---------------------------------------------------------------------------*/
.bg-fig {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.bg-fig img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	font-family: "object-fit: cover; object-position: center;";
}
.fig-cover img {
	width: 100%;
	object-fit: cover;
	object-position: center;
	font-family: "object-fit: cover; object-position: center;";
}
.fig-cover.lft img {
	object-position: right center;
	font-family: "object-fit: cover; object-position: right center;";
}
.fig-cover.rit img {
	object-position: left center;
	font-family: "object-fit: cover; object-position: left center;";
}


/* 背景
---------------------------------------------------------------------------*/
.bg-thinest {
	background-color: #FFFFFF;
}
.bg-thin {
	background-color: #DEDFD4;
}
.bg-def {
	padding-top: 40px;
	padding-bottom: 60px;
	background-color: #F2F1ED;
}
.bg-deep {
	background-color: #0050A5;
}
.bg-thinest {
	background-color: #FFFFFF;
}
.bg-def.nopad {
	padding-top: 0;
}

@media screen and (max-width: 768px){
	.bg-def {
		padding-top: 8vw;
		padding-bottom: 5vw;
	}
}

/* notfound
---------------------------------------------------------------------------*/
.notf {
	margin-top: 160px;
}


/* ヘッダー
---------------------------------------------------------------------------*/
.block-head {
	position: fixed;
	left: 0;
	top: -200px;
	width: 100%;
	z-index: 100;
	letter-spacing: 0;
	transition-property: all;
	transition: 0.3s linear;
}
.tx-tel-header {
	font-size: .16rem;
	line-height: 150%;
}
.num-tel-header {
	position: relative;
	margin-left: 30px;
	margin-right: 10px;
	font-size: .4rem;
	line-height: 120%;
	letter-spacing: 0;
}
.num-tel-header::before {
	position: absolute;
	content: "";
	left: -20px;
	bottom: 8px;
	width: 20px;
	height: 20px;
	background-image: url(../img/cmn/icon-tel-header.png);
	background-repeat: no-repeat;
}
@media screen and (max-width: 768px){
	.rit-header {
		display: none;
	}
	.block-head {
		z-index: 20000;
	}
	.block-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding: 2vw;
	}
	.logo-header {
		width: 70%;
	}
	.logo-header img {
		display: block;
	}
	.num-tel-header {
		margin-left: 0;
		margin-right: 0;
		text-align: center;
		font-size: 11vw;
	}
	.num-tel-header::before {
		left: 5vw;
	}

	/* ハンバーガー */
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: relative;
		width: 8vw;
		height: 7vw;
	}
	.menu-trigger:hover {
		opacity: 1;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #3C3C3C;
		border-radius: 1vw;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 3vw;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}

	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(3vw) rotate(-315deg);
		transform: translateY(3vw) rotate(-315deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-3vw) rotate(315deg);
		transform: translateY(-3vw) rotate(315deg);
	}

	.menu-btn-sp {
		position: absolute;
		top: 3vw;
		right: 4vw;
		transition-property: all;
		transition: 0.3s linear;
	}
	.menu-btn-sp.fixed {
		position: fixed;
		top: 5.5vw;
		right:  5.5vw;
		z-index: 99999;
		transition-property: all;
		transition: 0.3s linear;
	}
}

/* 固定時 */
.block-head.fixed {
	top: 0;
	transition-property: all;
	transition: 0.3s linear;
	z-index: 9000;
}

/* グロナビ
---------------------------------------------------------------------------*/
.block-glnv {
	height: 50px;
	font-size: .18rem;
	line-height: 120%;
	color: #424242;
	background-color: #F2F1ED;
}
.lst-glnv {
	width: 100%;
}
.slush-glnv {
	font-size: .14rem;
	color: #B5BDD2;
}
.tel-glnv {
	margin-left: 5px;
	font-size: .16rem;
	color: #0050A5;
}
.tel-glnv span {
	font-size: .23rem;
}
/* メインナビ */
.lst-glnv li {
	padding: 5px 0;
}
.lst-glnv-mini li {
	margin-left: 1em;
	font-size: .16rem;
}
@media screen and (max-width: 768px){
	.block-glnv {
		display: none;
		position: fixed;
		width: 100%;
		top: 12.5vw;
		padding: 3vw;
		background-repeat: repeat;
	}
	.top-glnv a {
		width: 100%;
		height: auto;
		margin-bottom: 2vw;
		padding: 2vw;
	}
	.lst-glnv li.slush-glnv {
		display: none;
	}
	.lst-glnv li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2vw;
		background-color: rgba(255, 255, 255, .1);
		text-align: center;
	}
	.lst-glnv li a {
		display: block;
		padding: 0vw;
	}
	.lst-glnv li:nth-of-type(2n+1) {
		margin-right: 0;
	}
	.block-glnv .box-ft {
		margin-top: 3vw;
		color: #3C3C3C;
	}
	.lst-glnv-mini li {
		width: 50%;
		margin-left: 0;
		font-size: 4vw;
	}
}


/* 検索パネル
---------------------------------------------------------------------------*/
.block-search {
	position: absolute;
	left: 0;
	bottom: 0;
	top: auto;
	width: 100%;
	height: 80px;
	background-color: rgba(51, 51, 51, .9);
	color: #FFFFFF;
	z-index: 10;
	background-position: center;
}

.ttl-search {
}
.block-search .slush {
	display: block;
	width: 1px;
	height: 40px;
	transform: rotate(30deg);
	background-color: #FFFFFF;
}



@media screen and (max-width: 1024px){
	.block-search .inner-base {
		position: static;
		left: auto;
		bottom: auto;
		top: auto;
		height: auto;
		padding: 0 2vw;
	}
	.block-search .slush {
		display: none;
	}
}
@media screen and (max-width: 768px){
	.block-search {
		position: static;
		left: auto;
		bottom: auto;
		top: auto;
		height: auto;
		padding: 3vw;
	}
}

/* 検索パネル */
#search_489ban {
	padding: 10px 0;
}
#search_489ban > form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.date_489ban,
.date_489ban dd,
.date_489ban label,
.inbox_489ban,
.inbox_489ban > * {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#search_489ban,
.ttl-search {
	font-size: .19rem;
}
#search_489ban dt {
	font-weight: 400;
}

#search_489ban label {
	margin-bottom: 0;
}

#search_489ban input[type="date"] {
	width: 200px;
	height: 50px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0 10px;
	border: 1px solid #333333;
	font-size: .2rem;
	border-radius: 5px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'Verdana','Arial','Helvetica',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
#search_489ban select {
	width: 60px;
	height: 50px;
	margin-left: 10px;
	border: 1px solid #333333;
	border-radius: 5px;
	font-size: .2rem;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'Verdana','Arial','Helvetica',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
#search_489ban button {
	width: 130px;
	height: 50px;
	margin-left: 10px;
	padding-left: 25px;
	cursor: pointer;
	background: #DCD7B2;
	background-image: url(../img/cmn/icon-search.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	border: none;
	font-size: .17rem;
	color: #4D4D4D;
}

.date_489ban input[type="checkbox"] {
	margin-right: 5px;
}
.inbox_489ban > * {
	margin-left: 10px;
}

@media screen and (max-width: 1024px){
	#search_489ban, .ttl-search {
		font-size: .17rem;
	}
}
@media screen and (max-width: 768px){
	#search_489ban {
		padding: 3vw 0;
		font-size: 3.8vw;
		letter-spacing: 0;
	}
	.ttl-search {
		font-size: 4.5vw;
	}
	#search_489ban > form {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.inbox_489ban {
		margin-top: 2vw;
	}
	.inbox_489ban > * {
		margin-left: 0;
		margin-right: 2vw;
	}

	#search_489ban input[type="date"] {
		width: 44vw;
		height: 9vw;
		font-size: 3.8vw;
	}
	#search_489ban select {
		width: 14vw;
		height: 9vw;
		font-size: 3.8vw;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-color: #FFFFFF;
	}
	#search_489ban button {
		width: 100%;
		height: 11vw;
		margin-top: 4vw;
		margin-left: 0;
		padding-left: 8vw;
		background-position: 33vw center;
	}

	.ttl-search {
		width: 100vw;
		margin-bottom: 2vw;
		padding-bottom: 2vw;
		padding-right: 0;
		border-right: none;
		border-bottom: 1px solid #999999;
		text-align: center;
	}
}






@media screen and (max-width: 768px){
	#search {
		font-size: 4.5vw;
		padding: 0;
	}
	.ttl-search {
		
	}
	.search_box p {
		font-size: 5vw;
	}
	.search_box span,
	.search_box label {
		font-size: 3.8vw;
	}
	.picker {
		width: 50vw;
		height: 9vw;
	}
	.search_box input[type=checkbox] {
	}
	.search_box select {
		width: 13.5vw;
		height: 9vw;
	}
	.btn-submit {
		width: 100%;
		margin-top: 2vw;
	}
	#botton {
		width: 32vw;
		height: 9vw;
		-webkit-appearance: none;
		border-radius: 0;
		font-size: 4.8vw;
		background-size: 4vw;
	}
	#search .pconly.flex {
		line-height: 250%;
	}
	#search .pconly.flex > * {
		margin-right: 1vw;
		margin-left: 1vw;
		margin-bottom: 1vw;
		font-size: 4.5vw;
	}
	.btn-submit01 #botton {
		width: 100%;
		height: 9.6vw;
		font-size: 4.5vw;
		background-position: 20vw center;
	}
}
@media screen and (max-width: 480px){
	#search .pconly.flex > * {
		margin-bottom: 0;
	}
}




/* スクロール時の固定ヘッダー
---------------------------------------------------------------------------*/
.fixed-head {
	position: fixed;
	top: -400px;
	left: 0;
	width: 100%;
	z-index: 9000;
	letter-spacing: 0;
	opacity: 0;
}
.fixed-head .lst-glnv li {
	padding: 0;
}
.fixed-head .lst-glnv li a {
	display: block;
	padding: 15px 10px;
}
.fixed-head .top-glnv a {
	width: auto;
	height: auto;
}
.fixed-head .plan-glnv a {
	background-color: #9C4433;
}
@media screen and (max-width: 768px){
	.fixed-head {
		display: none;
	}
}
/* 下付きメニュー */
.mininav {
	position: fixed;
	right: 10px;
	bottom: -400px;
	opacity: 0;
	z-index: 900;
	letter-spacing: 0;
}
.mininav img {
	display: block;
}
.lft-mininav {
	padding: 10px 20px;
	background-color: rgba(198, 156, 70, .9);
}
.lft-mininav p {
	margin-right: 10px;
	font-size: .13rem;
	line-height: 120%;
}
.tel-mininav {
	position: relative;
	margin-left: 5px;
	font-size: .33rem;
	line-height: 120%;
}
.tel-mininav::before {
	position: absolute;
	content: "";
	left: -30px;
	bottom: 1px;
	width: 33px;
	height: 33px;
	background-image: url(../img/cmn/icon-tel-mininv.png);
	background-repeat: no-repeat;
}
.mininav .box-tel {
	margin-right: 15px;
}
.pgtp {
	margin-left: 10px;
}
@media screen and (max-width: 768px){
	.mininav {
		right: 0;
		width: 100vw;
		padding: 0;
	}
	.mininav.fixed {
		bottom: -1px;
	}
	.icon-tel-mininav img {
		width: 5vw;
	}
	.lft-mininav {
		width: 100%;
		padding: 3vw;
	}
	.tel-mininav {
		text-align: center;
		font-size: 7vw;
		letter-spacing: .03em;
	}
	.tel-mininav::before {
		left: 10vw;
	}
	.lft-mininav p {
		font-size: 4vw;
	}
	.mail-mininav img {
		width: 6vw;
	}

	.pgtp {
		position: absolute;
		right: 0;
		bottom: 17vw;
	}
	.pgtp img {
		width: 10vw;
	}
}
/* 固定時 */
.fixed-head,
.fixed-head.fixed,
.block-search,
.block-search.ops0,
.block-search.fixed,
.block-search.over,
.mininav,
.mininav.fixed {
	transition-property: all;
	transition: 0.8s linear;
}
.block-search.over {
	position: fixed;
	top: -150px;
	bottom: auto;
	opacity: 0;
	height: 63px;
}
.block-search.down {
	position: fixed;
	top: -150px;
	bottom: auto;
	opacity: 0;
	height: 80px;
}
.block-search.over,
.block-search.down,
.block-search {
	transition-property: all;
	transition: 0.1s linear;
}
.fixed-head.fixed {
	top: 0;
	opacity: 1;
}
.block-search.fixed {
	position: fixed;
	top: 50px;
	bottom: auto;
	opacity: 1;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 900;
}

.block-search.fixed {
	height: 63px;
}
.block-search.fixed .picker,
.block-search.fixed .search_box select,
.block-search.fixed #botton {
	height: 40px;
}
.block-search.fixed .picker {
	width: 188px;
}
.block-search.fixed .btn-submit01 {
	display: none;
}
.block-search.fixed .btn-submit02 {
	display: block;
}
.block-search.fixed .btn-submit02 #botton {
	cursor: pointer;
	width: 84px;
	padding-left: 25px;
	font-size: .17rem;
	background: #DCD7B2;/*検索ボタンの背景色*/
	background-image: url(../img/cmn/icon-search.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	border: none;
	color: #4D4D4D;
}
.block-search .btn-plan {
	display: none;
}
.block-search.fixed .btn-plan {
	display: block;
}
.block-search.fixed .btn-plan a {
	width: 190px;
	height: 40px;
	font-size: .18rem;
}


body.sec .block-search.fixed {
	position: fixed;
	top: 54px;
	bottom: auto;
	animation: fadeIn 1.6s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {
    	top: -346px;
    	opacity: 0;
    }
    100% {
    	top: 54px;
    	opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
.mininav.fixed {
	opacity: 1;
	bottom: 0;
}
@media screen and (max-width: 768px){
	.mininav.fixed {
		width: 100%;
	}
	.block-search.fixed {
		display: none;
	}
	.lst-mininav {
		border-top: 1px solid #B4BEC8;
		background-color: #FFFFFF;
	}
	.lst-mininav li {
		width: 25%;
	}
	.lst-mininav li + li {
		border-left: 1px solid #B4BEC8;
	}
	.lst-mininav li img {
		width: 6.6vw;
	}
	.lst-mininav li p {
		margin-top: 2vw;
		font-size: 3vw;
	}
	.lst-mininav li a {
		padding: 2vw 1.5vw;
	}
	.lst-mininav li.res a {
		background-color: #B08829;
	}
}

/* フッター
---------------------------------------------------------------------------*/
.footer {
	padding-bottom: 0;
	text-align: center;
}
.logo-ft {
	margin-bottom: 35px;
}
.num-tel-ft {
	margin-bottom: 20px;
	font-size: .22rem;
}
.num-tel-ft span {
	font-size: .31rem;
}

.lst-icons-ft {
	margin-top: 30px;
	margin-bottom: 50px;
}
.lst-icons-ft li + li {
	margin-left: 20px;
}
.lst-icons-ft img {
	display: block;
}
@media screen and (max-width: 768px){
	.footer {
		padding-top: 8vw;
	}
	.logo-ft {
		margin-bottom: 3vw;
	}
	.logo-ft img {
		width: 58vw;
	}
	.num-tel-ft {
		margin-bottom: 3vw;
		font-size: 7vw;
	}
	.num-tel-ft span {
		font-size: 10vw;
	}
	.lst-icons-ft {
		margin-top: 3vw;
		margin-bottom: 3vw;
	}
	.footer .addr {
		letter-spacing: 0;
	}
}
/* ナビ */
.nav-ft li {
	font-size: .15rem;
}
.nav-ft li.clr-def {
	font-weight: 700;
	margin-right: 1em;
}
.nav-ft li.mr {
	margin-right: 2em;
}
.nav-ft li.slush {
	padding: 0 5px;
}
.lst-nav-ft + .lst-nav-ft {
	margin-top: 10px;
}

@media screen and (max-width: 768px){
	.nav-ft {
		display: none;
	}
}

/* ABOUT */
.box-about {
	margin-top: 50px;
	padding-top: 30px;
	padding-bottom: 60px;
	border-top: 1px dotted #0050A5;
}
.ttl-about {
	margin-bottom: 20px;
	font-size: .23rem;
	letter-spacing: .1em;
}
.lead-about {
	font-size: .15rem;
	line-height: 186%;
	text-align: left;
}
@media screen and (max-width: 768px){
	.box-about {
		margin-top: 5vw;
		padding-top: 5vw;
		padding-bottom: 5vw;
	}
	.ttl-about {
		margin-bottom: 3vw;
		font-size: 6vw;
	}
}

/* フッター部バナー
---------------------------------------------------------------------------*/
@media screen and (max-width: 1024px){
	.lst-ft-bana li {
		width: 24%;
	}
}
@media screen and (max-width: 768px){
	.lst-ft-bana li {
		width: 49%;
		margin-bottom: 2vw;
	}
}

/* コピーライト
---------------------------------------------------------------------------*/
.block-copy {
	padding: 20px 0 0;
	text-align: center;
}
.block-copy small {
	font-size: .14rem;
}
@media screen and (max-width: 1024px){
	.block-copy {
		padding: 2vw 0vw 7vw;
	}
}
@media screen and (max-width: 768px){
	.block-copy {
		padding: 3vw;
		margin-bottom: 15.5vw;
	}
	.block-copy small {
		font-size: 3vw;
	}
}



/* SP言語メニュー
---------------------------------------------------------------------------*/
.sp-lang {
	display: none;
}
@media screen and (max-width: 768px){
	.sp-lang{
		display: block;
		position: relative;
		top: auto;
		z-index: 900;
		background-color: #0050A5;
	}
	.lang a {
		width: 100%;
	}
	.lang > li {
		position: relative;
	}
	.lang > li > a {
		height: 75px;
		color: #FFFFFF!important;
	}
	.lst-lang-sub {
		display: none;
		position: absolute;
		width: 100%;
		z-index: 900;
		background-color: #0050A5;
		border-top: 1px solid #FFFFFF;
	}
	.lst-lang-sub a {
		height: 32px;
		color: #FFFFFF!important;
	}
	.lst-lang-sub li {
		border-bottom: 1px dotted #FFFFFF;
	}
	.lang > li > a {
		height: 10vw;
	}
}



/* SP上部ヘッダー
---------------------------------------------------------------------------*/
.sp-hd {
	display: none;
}
@media screen and (max-width: 768px){
	.sp-hd {
		display: flex;
		width: 100vw;
		height: 16vw;
		background-color: #FFFFFF;
		z-index: 50000;
	}
	.logo-sphd {
		text-align: center;
	}
	.logo-sphd img {
		width: 44vw;
	}
	.lst-sphd {
		width: 66vw;
	}
}

/* SPメニュー
---------------------------------------------------------------------------*/
.spmenu {
	display: none;
}
@media screen and (max-width: 768px){
	/* 上 */
	.spmenu {
		display: block;
		position: fixed;
		top: -150vh;
		width: 100vw;
		max-height: 100vh;
		padding: 0;
		z-index: 80000;
		transition-property: all;
		transition: 0.5s linear;
		opacity: 0;
		overflow: scroll;
		background-color: #0050A5;
		color: #FFFFFF;
	}
	.spmenu.active {
		top: 0;
		opacity: 1;
	}
	.hd-spmenu {
		height: 16vw;
		padding-left: 3vw;
		padding-right: 3vw;
	}
	.logo-spmenu {
		width: 51vw;
		text-align: center;
	}
	.logo-spmenu img {
		width: 44vw;
	}
	.close-spmenu {
	}
	.close-spmenu img {
		height: 7.2vw;
	}
	/* 中 */
	.bd-spmenu {
		padding-left: 3vw;
		padding-right: 3vw;
	}
	.lst-spmenu > li {
		width: 45%;
		font-size: 3.8vw;
		letter-spacing: 0;
	}
	.lst-spmenu > li.pri {
		width: 100%;
	}
	.lst-spmenu > li.str {
		width: 100%;
		padding: 1vw 0;
		font-weight: 700;
	}
	.lst-spmenu a {
		display: block;
		position: relative;
		padding: 1vw 0;
	}

	.lst-spmenu + .lst-spmenu {
		margin-top: 3vw;
		padding-top: 3vw;
		border-top: 1px dotted rgba(255, 255, 255, .5);
	}
	/* 下 */
	.ft-spmenu {
		margin-top: 5vw;
	}
	.ft-spmenu .bg-def {
		padding-top: 0;
		padding-bottom: 0;
	}
}

/* 下層のヘッダー
---------------------------------------------------------------------------*/
.sec-hd {
	display: none;
}
body.sec .sec-hd {
	display: block;
}
@media screen and (max-width: 768px){
	body.sec .sec-hd {
		display: none;
	}
}

.sec-hd .lst-icons-headtop img {
	display: block;
}
.sec-hd .lst-icons-headtop li {
	margin: 0 15px;
}
.sec-hd .lst-icons-headtop {
	margin-right: 30px;
	padding-right: 15px;
	border-right: 1px solid #333333;
}
.sec-hd .box-tel {
	margin-right: 15px;
}
.sec-hd .icon-tel {
	margin-right: 10px;
}
.sec-hd .num-tel {
	color: #333333;
	font-size: .4rem;
}
.block-secnv li {
	font-size: .2rem;
}









/* レイアウト - 背景ななめ
---------------------------------------------------------------------------*/
.lay-skew {
	position: relative;
	overflow: hidden;
}
.lay-skew::before {
	position: absolute;
	top: 30px;
	width: 200%;
	height: 200%;
	content: "";
	background-color: #F2F1ED;
	z-index: -1;
}
.lay-skew.lft::before {
	left: calc(50% - 620px);
	transform: skewX(-50deg);
}
.lay-skew.rit::before {
	right: calc(50% - 620px);
	transform: skewX(50deg);
}
@media screen and (max-width: 768px){
	.lay-skew::before {
		top: 0;
		width: 300vw;
		height: 300vw;
	}
	.lay-skew.lft::before {
		left: calc(50% - 100vw);
		transform: skewX(-30deg);
	}
	.lay-skew.rit::before {
		right: calc(50% - 100vw);
		transform: skewX(-30deg);
	}
}
/* 画像の場合 ================= */
.lay-skew .fig-lay-skew {
	width: calc(50vw + 80px);
}
.lay-skew .fig-lay-skew img {
	width: 100%;
	height: 644px;
	object-fit: cover;
}
.lay-skew.lft .fig-lay-skew img {
	object-position: right center;
	font-family: "object-fit: cover; object-position: right center;";
}
.lay-skew.rit .fig-lay-skew img {
	object-position: left center;
	font-family: "object-fit: cover; object-position: left center;";
}
@media screen and (max-width: 768px){
	.lay-skew.lft .fig-lay-skew img {
		height: auto;
	}
}



/* テキスト */
.tx-lay-skew {
	width: 440px;
	padding-top: 70px;
}
.lay-skew.lft .tx-lay-skew {
	padding-left: 60px;
}
.lay-skew.rit .tx-lay-skew {
	padding-right: 60px;
}

.name-skew {
	position: relative;
	margin-bottom: 35px;
	font-size: .38rem;
	color: #0050A5;
}
.name-skew::after {
	position: absolute;
	left: 0;
	bottom: -15px;
	content: "";
	width: 113px;
	height: 1px;
	background-image: url(../img/cmn/line-name.png);
}

@media screen and (max-width: 768px){
	.box-skew-ttl-sp {
		padding: 0vw 3vw;
	}
	.name-skew {
		margin-bottom: 0;
		margin-left: 4vw;
		padding-left: 4vw;
		font-size: 6.7vw;
	}
	.name-skew::after {
		width: .5vw;
		height: 13vw;
		bottom: calc(50% - 6.5vw);
		background-image: url(../img/cmn/line-name-cols-sp.png);
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.lay-skew.lft .tx-lay-skew,
	.lay-skew.rit .tx-lay-skew {
		padding: 3vw;
	}
}

/* スライドの場合 ============== */
.lay-skew.sld::before {
	top: 30px;
	width: 200%;
	height: 200%;
	content: "";
	background-color: #F2F1ED;
	z-index: -1;
}
.lay-skew.sld.lft::before {
	left: calc(50% - 500px);
	transform: skewX(-40deg);
}
.lay-skew.sld.rit::before {
	right: calc(50% - 500px);
	transform: skewX(40deg);
}
/* メイン */
.lay-skew.sld .fig-lay-skew {
	width: 50vw;
}
@media screen and (max-width: 768px){
	.name-skew {
		width: 100%;
		margin-bottom: 0;
		margin-left: 0;
		padding-left: 0;
		font-size: 6.7vw;
	}
	.name-skew::after {
		position: absolute;
		left: 0;
		bottom: -1vw;
		content: "";
		width: 20vw;
		height: .3vw;
		margin-bottom: 3vw;
		background-image: url(../img/cmn/line-name.png);
	}
	.lay-skew.sld .fig-lay-skew img {
		height: auto;
	}
	.lay-skew.sld::before {
		top: 0;
		width: 300vw;
		height: 300vw;
	}
	.lay-skew.sld.lft::before {
		left: calc(50% - 100vw);
	}
	.lay-skew.sld.rit::before {
		right: calc(50% - 100vw);
	}
}
/* サムネイル */
.withthumb_thumb {
	margin-top: 20px;
}
.withthumb_thumb .slick-track {
	width: 100%!important;
}
.withthumb_thumb li {
	width: 88px!important;
}
.withthumb_thumb img {
	width: 88px!important;
	height: 42px!important;
	object-fit: cover;
	object-position: center;
	font-family: "object-fit: cover; object-position: center;";
}
.withthumb_thumb li {
	opacity: .5;
	transition-property: all;
	transition: 0.3s linear;
	cursor: pointer;
}
.withthumb_thumb li + li {
	margin-left: 10px;
}
.withthumb_thumb li.slick-current {
	position: relative;
	opacity: 1;
	cursor: pointer;
}


@media screen and (max-width: 768px){
	.withthumb_thumb {
		margin-top: 3vw;
		margin-bottom: 0!important;
		padding-left: 3vw;
		padding-right: 3vw;
	}
	.withthumb_thumb li {
		width: 20vw!important;
	}
	.withthumb_thumb .slick-active.slick-current::after {
		width: 100%;
		height: 100%;
		border: 1vw solid #7A8055;
	}
	.withthumb_thumb img,
	.withthumb_thumb2 img {
		width: 20vw!important;
		height: 12vw!important;
		object-fit: cover;
		object-position: center!important;
		font-family: "object-fit: cover; object-position: center;"!important;
	}
}

.lay-skew.sld .tx-lay-skew {
	width: 518px;
	padding-top: 70px;
}
.lay-skew.sld.lft .tx-lay-skew {
	padding-left: 50px;
}
.lay-skew.sld.rit .tx-lay-skew {
	padding-right: 50px;
}
@media screen and (max-width: 1024px){
	.lay-skew.sld.rit .tx-lay-skew {
		padding-left: 2vw;
	}
	.lay-skew.sld.lft .tx-lay-skew {
		padding-right: 2vw;
	}
}
@media screen and (max-width: 768px){
	.lay-skew.sld.lft .tx-lay-skew,
	.lay-skew.sld.rit .tx-lay-skew {
		padding: 5vw 3vw;
	}
}


/* 画像小さめの場合 ============== */
.lay-skew.mini .fig-lay-skew img {
	max-width: 700px;
	height: 455px;
}
.lay-skew.mini .fig-lay-skew {
	width: 50vw;
	padding-top: 70px;
}
.lay-skew.mini.lft .fig-lay-skew {
	text-align: right;
}
.lay-skew.mini.rit .fig-lay-skew {
	text-align: left;
}
.lay-skew.mini.lft::before,
.lay-skew.mini.rit::before {
	top: 0;
}
.lay-skew.mini.lft::before {
	transform: skewX(-40deg);
}
.lay-skew.mini.rit::before {
	transform: skewX(40deg);
}
.lay-skew.mini .tx-lay-skew {
	width: 520px;
}
.fig-subs li {
	width: 49%;
}
@media screen and (max-width: 1024px){
	.lay-skew.mini.rit .tx-lay-skew {
		padding-left: 2vw;
	}
	.lay-skew.mini.lft .tx-lay-skew {
		padding-right: 2vw;
	}
}
@media screen and (max-width: 768px){
	.lay-skew.mini .tx-lay-skew {
		width: 100%;
		padding: 3vw;
	}
	.fig-subs {
		margin-top: 5vw;
	}
	.box-ttlsp-details {
		padding-top: 5vw;
	}
	.lay-skew.mini .fig-lay-skew {
		width: 100%;
		padding-top: 0;
	}
	.lay-skew.mini .fig-lay-skew img {
		height: auto;
	}
}

/* レイアウト - 画像大き目中央からすこしずれ
---------------------------------------------------------------------------*/
.lay-slip{
}
.fig-slip {
	width: calc(50vw + 80px);
	text-align: right;
}
.lay-slip.lft .fig-slip img {
	object-fit: cover;
	object-position: right center;
	font-family: "object-fit: cover; object-position: right center;";
}
.tx-slip {
	width: calc(50vw - 80px);
	padding-left: 60px;
}
.inner-tx-slip {
	width: 375px;
}
@media screen and (max-width: 768px){
	.tx-slip {
		padding: 3vw;
	}
	.inner-tx-slip {
		width: 100%;
	}
}


/* レイアウト - 背景半分
---------------------------------------------------------------------------*/
.lay-bghalf {
	position: relative;
	margin-top: 290px;
	padding-top: 260px;
}
.fig-bghalf {
	position: absolute;
	top: -230px;
	width: 100%;
	text-align: center;
}
.fig-bghalf .fig {
	position: relative;
}
.fig-bghalf .fig img {
	width: 100%;
	max-width: 1200px;
	height: 459px;
	object-fit: cover;
	object-position: center center;
	font-family: "object-fit: cover; object-position: center center;";
}
.tx-over-bghalf {
	position: absolute;
	left: calc(50% - 150px);
	top: calc(50% - 139px);
	width: 300px;
	height: 278px;
	padding-bottom: 20px;
	background-color: rgba(255, 255, 255, .8);
}
.tx-over-bghalf .name-skew {
	font-size: .25rem;
}
.tx-over-bghalf .name-skew::after {
	left: calc(50% - 56.5px);
}
.num-pick {
	margin-bottom: 10px;
	color: #CBC3AA;
	font-size: .55rem;
	line-height: 120%;
}
.num-pick span {
	font-size: .8rem;
}
.tx-bghalf {
	text-align: left;
}
.lead-bghalf {
	line-height: 180%;
}
@media screen and (max-width: 768px){
	.lay-bghalf {
		margin-top: 10vw;
		padding-top: 0;
	}
	.fig-bghalf {
		position: relative;
		top: auto;
		left: auto;
	}
	.fig-bghalf .fig img {
		height: 50vw;
	}
	.tx-over-bghalf {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		height: auto;
	}
	.num-pick {
		position: absolute;
		right: 3vw;
		top: -5vw;
		margin-bottom: 0;
		font-size: 12vw;
		color: #D2CBB5;
	}
	.num-pick span {
		font-size: 18vw;
	}
	.tx-over-bghalf {
		padding: 5vw 3vw 3vw;
	}
	.tx-over-bghalf .name-skew {
		padding-bottom: 5vw;
		margin-bottom: 2vw;
		font-size: 6vw;
	}
	.tx-over-bghalf .name-skew::after {
		left: calc(50% - 10vw);
	}
	.tx-bghalf {
		margin-top: 5vw;
	}
}


/* 予約ブロック
---------------------------------------------------------------------------*/
.block-reservation .inner-base {
	padding: 30px 40px;
}
.block-reservation .btn-plan a {
	width: 330px;
	height: 76px;
	font-size: .18rem;
}
.tel-reservation {
	text-align: center;
}
.num-tel-reservation {
	font-size: .28rem;
}
.num-tel-reservation span {
	font-size: .39rem;
}
@media screen and (max-width: 768px){
	.block-reservation {
		text-align: center;
	}
	.block-reservation .inner-base {
		padding: 5vw 3vw;
	}
	.block-reservation .btn-plan {
		margin-top: 3vw;
		margin-bottom: 3vw;
	}
	.block-reservation .btn-plan a {
		width: 100%;
		height: 12vw;
	}
	.num-tel-reservation {
		font-size: 7vw;
	}
	.num-tel-reservation span {
		font-size: 10vw;
	}
}



















/* 下層共通
===========================================================================*/
.block-secbd.fixed {
	margin-top: 63px;
}
/* ヘッダー
---------------------------------------------------------------------------*/
.block-sechd {
	padding: 0;
}
.block-sechd .inner {
	max-width: 100%;
	height: 90px;
	margin: 0 auto;
	padding-left: 10px;
}
@media screen and (max-width: 768px){
	.block-sechd {
		display: none;
	}
}

/* ロゴ */
.logo-sechd {
	width: 279px;
	margin-right: 20px;
}

/* 中央ナビ */
.box-nav-sechd {
	width: 945px;
	margin-right: 20px;
}

.lst-sub-sechd li {
	font-size: .15rem;
	color: #4D85BD;
}
.lst-sub-sechd li + li {
	margin-left: 25px;
}
.lst-sub-sechd li span {
	display: block;
	position: relative;
	padding-left: 15px;
}
.lst-sub-sechd li span::before {
	position: absolute;
	top: calc(50% - 5px);
	left: 0;
	content: "";
	width: 8px;
	height: 10px;
	background-image: url(../img/cmn/arw-hd.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.lst-lang-sechd {
	width: 85px;
	margin-left: 10px;
	margin-right: 15px;
}
.lst-lang-sechd li {
	width: 38px;
	color: #FFFFFF;
}
.lst-lang-sechd li a {
	width: 100%;
	height: 30px;
	background-color: #7FA7CF;
}

.box-nav-sechd .num-tel-ft {
	margin-bottom: 0;
}

.ft-nav-sechd li {
	font-size: .18rem;
	color: #424242;
}

/* 右側ボタン */
.btn-sechd {
}
.btn-sechd li {
	width: 120px;
}
.btn-sechd li a {
	width: 120px;
	height: 90px;
	text-align: center;
}

@media screen and (max-width: 1280px){
	.logo-sechd {
		width: 20%;
		padding-right: .5vw;
	}
	.box-nav-sechd {
		position: relative;
		width: 65%;
		margin-right: 0;
		padding-right: .5vw;
	}
	.btn-sechd {
		-ms-flex-item-align: flex-start;
		-ms-grid-row-align: flex-start;
		align-self: flex-start;
		width: 15%;
	}
	.btn-sechd > * {
		width: 50%;
		font-size: 1.3vw;
	}
	.btn-sechd li a {
		width: 100%;
		height: 5vw;
	}
	.lst-sub-sechd li {
		font-size: 1.4vw;
	}
	.box-nav-sechd .num-tel-ft {
		font-size: 1.4vw;
	}
	.box-nav-sechd .num-tel-ft span {
		font-size: 2.3vw;
	}
	.hd-nav-sechd {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-bottom: 3vw;
	}
	.ft-nav-sechd {
		position: absolute;
		left: 0;
		bottom: -.5vw;
		width: calc(100vw - 24vw);
		margin-top: 0;
	}
	.ft-nav-sechd li {
		font-size: 1.4vw;
	}
	.lst-lang-sechd li {
		font-size: 1.2vw;
	}
	.lst-lang-sechd {
		width: 7vw;
	}
	.lst-lang-sechd li {
		width: 48%;
	}
}

/* タイトル画像
---------------------------------------------------------------------------*/
.block-mv {
	height: 310px;
	background-size: cover;
	background-position: center;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: .1em;
	text-shadow:
		0px 0px 9px rgba(0, 80, 160, .7),
		2px 2px 7px rgba(0, 80, 160, .7),
		2px -2px 7px rgba(0, 80, 160, .7),
		-2px 2px 7px rgba(0, 80, 160, .7),
		-2px -2px 7px rgba(0, 80, 160, .7);
}
.en-ttl-mv {
	font-size: .44rem;
}
.ttl-mv {
	font-size: .23rem;
}

@media screen and (max-width: 768px){
	.block-mv {
		height: 42vw;
	}
	.block-hdimg {
		margin-top: 15.5vw;
		font-size: 4vw;
	}
	.en-ttl-mv {
		font-size: 7.5vw;
	}
	.ttl-mv {
		font-size: 5vw;
	}
}

/* タイトル画像下検索パネル
---------------------------------------------------------------------------*/
body.page .block-search,
body#blog .block-search {
	position: relative;
	left: auto;
	bottom: auto;
	width: 100%;
	z-index: 10;
	background-position: center;
}
body.page .block-search.fixed,
body#blog .block-search.fixed {
	position: fixed;
}

/* 導入
---------------------------------------------------------------------------*/
.block-secintro {
	padding-top: 50px;
	padding-bottom: 70px;
	text-align: center;
}
@media screen and (max-width: 768px){

	.block-secintro {
		padding: 8vw 3vw 8vw;
	}
}






/* アンカー
---------------------------------------------------------------------------*/
.block-anchors {
	margin-bottom: 40px;
}
.lst-anchors {
}
.lst-anchors li {
	width: 192px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.lst-anchors li:nth-of-type(5n) {
	margin-right: 0;
}
.lst-anchors a {
	position: relative;
}
.fig-anchors {
	background-color: #000000;
}
.tx-anchors {
	padding: 8px;
	background-color: #EDF3F8;
	text-align: center;
}
.en-anchors {
	font-size: .19rem;
	color: #0050A0;
}
.ja-anchors {
	font-size: .15rem;
}
.ja-anchors.min {
	letter-spacing: -.17em;
}
@media screen and (max-width: 1024px){
	.lst-anchors li,
	.lst-anchors li:nth-of-type(5n) {
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media screen and (max-width: 768px){
	.block-anchors {
		margin-bottom: 6vw;
	}
	.lst-anchors li,
	.lst-anchors li:nth-of-type(5n) {
		width: 49%;
		margin-right: 2%;
		margin-left: 0;
		margin-bottom: 2vw;
	}
	.lst-anchors li:nth-of-type(2n) {
		margin-right: 0;
	}
	.tx-anchors {
		padding: 2vw;
	}
	.en-anchors {
		margin-bottom: .1em;
		font-size: 5vw;
		line-height: 140%;
	}
	.name-anchors {
		font-size: 4vw;
		letter-spacing: -.04em;
	}
	.ja-anchors {
		font-size: 3.8vw;
		letter-spacing: -.1em;
	}
}

/* マウスオーバー */
.fig-anchors img,
.tx-anchors,
.tx-anchors > * {
	transition-property: all;
	transition: 0.3s linear;
}
.lst-anchors a:hover {
	opacity: 1;
}
.lst-anchors a:hover .fig-anchors img {
	opacity: .7;
}
.lst-anchors a:hover .tx-anchors {
	background-color: #6696C6;
}
.lst-anchors a:hover .en-anchors {
	color: #B2CAE2;
}
.lst-anchors a:hover .name-anchors,
.lst-anchors a:hover .ja-anchors {
	color: #FFFFFF;
}


/* ミニ */
.lst-anchors-mini {
	margin-top: 0px;
}
.lst-anchors-mini li {
	margin: 0 30px;
}
.lst-anchors-mini a {
	display: block;
}
@media screen and (max-width: 768px){
	.lst-anchors-mini li {
		margin: 0;
	}
	.lst-anchors-mini li + li {
		margin-left: 5vw;
	}
}

/* ボタンタイプ */
.lst-anchors.type-btn .tx-anchors {
	width: 192px;
	padding: 15px 8px;
}
.lst-anchors.type-btn .en-anchors {
	margin-bottom: .3em;
}
.icon-anchors {
	margin-right: 5px;
}
@media screen and (max-width: 768px){
	.lst-anchors.type-btn .tx-anchors {
		padding: 2vw;
	}
}




/* アンカー位置
---------------------------------------------------------------------------*/
.ancpos {
	display: block;
	margin-top: -113px;
	padding-top: 113px;
	position: relative;
	z-index: -1;
}
@media screen and (max-width: 768px){
	.ancpos {
		margin-top: 0;
		padding-top: 0;
	}
}

/* 背景
---------------------------------------------------------------------------*/
/* 右に雲 */
.bg-leftside {
	padding-top: 50px;
	padding-bottom: 80px;
	background-image: url(../img/cmn/bg-leftside.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
/* 左に雲 */
.bg-rightside {
	padding-top: 50px;
	padding-bottom: 80px;
	background-image: url(../img/cmn/bg-rightside.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/* なんもなし */
.bg-none {
	padding-top: 50px;
}
@media screen and (max-width: 768px){
	.bg-leftside,
	.bg-rightside,
	.bg-none {
		padding-top: 8vw;
		padding-bottom: 8vw;
		background-repeat: repeat-y;
	}
	.bg-leftside {
		background-position: 0 top;
	}
	.bg-rightside {
		background-position: 100% top;
	}
}

/* コンテンツタイトル
---------------------------------------------------------------------------*/
.box-ttlcnts {
	margin-bottom: 35px;
	text-align: center;
}
.ttl-cnts-ja {
	margin-bottom: .15rem;
	font-size: .25rem;
	letter-spacing: .1em;
}
.subttl-cnts-en {
	margin-bottom: .15rem;
	font-size: .18rem;
}
@media screen and (max-width: 768px){
	.box-ttlcnts {
		margin-bottom: 8vw;
		padding-left: 3vw;
		padding-right: 3vw;
	}
	.subttl-cnts-en.spmt {
		margin-top: 5vw;
	}
	.ttl-cnts-ja {
		font-size: 5.8vw;
	}
	.subttl-cnts-en {
		font-size: 4.2vw;
	}
}


/* 画像系
---------------------------------------------------------------------------*/
.fig-base {
	margin-bottom: 30px;
}
@media screen and (max-width: 768px){
	.fig-base {
		margin-bottom: 3vw;
	}
}




/* 表組み
---------------------------------------------------------------------------*/
/* 基本 */
.tbl {
}
.tbl li {
	padding: 15px;
	line-height: 180%;
}
.tbl li.ttl-tbl {
	width: 100%;
	color: #0050A0;
	padding: 0 0 30px 0;
	font-size: .22rem;
	line-height: 150%;
	border-bottom: 1px dotted #0050A0;
	text-align: center;
}
.th-tbl {
	width: 17.5%;
	border-bottom: 1px dotted #0050A0;
	background-color: #F2F1ED;
}
.clr .th-tbl {
	background-color: #FFFFFF;
}
.td-tbl {
	width: 82.5%;
	border-bottom: 1px dotted #0050A0;
}
.td-tbl.all {
	width: 100%;
}
.tbl.mt {
	margin-top: 40px;
}
.td-tbl td,
.td-tbl th {
	font-size: .17rem;
	line-height: 200%;
}
@media screen and (max-width: 768px){
	.tbl li {
		padding: 3vw;
		font-size: 4vw;
		line-height: 150%;
	}
	.tbl li.ttl-tbl {
		padding-bottom: 4vw;
		font-size: 5vw;
		line-height: 150%;
	}
	.th-tbl,
	.td-tbl {
		width: 100%;
	}
	.tbl.mt {
		margin-top: 5vw;
	}
	.td-tbl td,
	.td-tbl th {
		font-size: 4vw;
		line-height: 160%;
	}
}

/* スペック */
.box-spec {
	border-top: 1px dotted #0050A0;
}
.box-spec dt,
.box-spec dd {
	padding: 10px 10px;
	border-bottom: 1px dotted #0050A0;
}
.box-spec dt {
	width: 27%;
	font-weight: 400;
	background-color: #F2F1ED;
}
.box-spec dd {
	width: 73%;
	background-color: #FFFFFF;
}





/* ボタン
---------------------------------------------------------------------------*/
.lst-secbtn {
	margin-top: 50px;
}
.lst-secbtn li {
	margin: 0 10px;
}
@media screen and (max-width: 768px){
	.lst-secbtn {
		margin-top: 5vw;
	}
	.lst-secbtn li {
		margin: 2vw 0;
	}
}



/* googleMap
---------------------------------------------------------------------------*/
.box-gmap iframe {
	width: 100%!important;
	height: 460px!important;
	margin-bottom: 40px;
}
.box-addr {
	margin-top: 30px;
}
.logo-addr {
	margin-right: 60px;
}
@media screen and (max-width: 768px){
	.box-gmap iframe {
		height: 60vw!important;
		margin-bottom: 8vw;
	}
	.box-addr {
		margin-top: 8vw;
	}
	.logo-addr {
		margin-right: 0;
		margin-bottom: 5vw;
	}
	.logo-addr img {
		width: 50vw;
	}
}





/* ポイントブロック
---------------------------------------------------------------------------*/
.block-points {
	margin-bottom: 50px;
}
.block-points .inner-semiwide {
	padding: 40px;
}
.lst-points li {
	width: 500px;
}
.fig-points {
	width: 270px;
}
.tx-points {
	position: relative;
	width: 205px;
}
.num-points {
	position: absolute;
	top: -90px;
	font-size: .6rem;
	color: #D2CBB5;
}
.num-points span {
	padding-left: .2em;
	font-size: .87rem;
}
.catch-points {
	margin-top: 25px;
	margin-bottom: 10px;
}
.lead-points {
	line-height: 180%;
}
@media screen and (max-width: 1024px){
	.lst-points li + li {
		margin-left: 2vw;
	}
	.tx-points {
		padding-left: 2vw;
	}
}
@media screen and (max-width: 768px){
	.block-points {
		margin-bottom: 8vw;
	}
	.block-points .inner-semiwide {
		padding: 8vw 3vw;
	}
	.lst-points li {
		position: relative;
		padding-top: 5vw;
	}
	.fig-points {
		text-align: center;
	}
	.tx-points {
		position: static;
	}
	.num-points {
		left: 0;
		top: -20vw;
		width: 100%;
		text-align: center;
		font-size: 14vw;
	}
	.num-points span  {
		font-size: 20vw;
	}
	.catch-points {
		margin-top: 3vw;
		margin-bottom: 1vw;
	}
	.lst-points li + li {
		margin-top: 16vw;
		margin-left: 0;
	}
}



/* 下層フッターインフォメーション
---------------------------------------------------------------------------*/
.block-secinfo {
	margin-top: 150px;
	padding: 30px 0px 40px;
	background-image: url(../img/cmn/bg-secinfo.png);
	background-size: auto;
	background-position: center top;
	background-color: #F2F1ED;
	background-repeat: no-repeat;
	text-align: center;
	color: #FFFFFF;
}
.ttl-secinfo {
	margin-bottom: 20px;
}
.lst-secinfo li {
	width: 328px;
}
.lst-secinfo li a {
	display: block;
	padding: 20px 20px 10px;
	background-color: #0050A0;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .5)
}
.name-en {
	font-size: .27rem;
	line-height: 120%;
}
.name-ja {
	font-size: .16rem;
}
.name-en + .name-ja {
	margin-left: 20px;
}
.icon-secinfo {
	margin-right: 15px;
}
.icon-secinfo img {
	width: 21px;
	display: block;
}
.fig-secinfo {
	margin-bottom: 10px;
}
@media screen and (max-width: 1024px){
	.lst-secinfo li {
		width: 32%;
	}
}
@media screen and (max-width: 768px){
	.block-secinfo {
		margin-top: 12vw;
		padding: 8vw 0;
	}
	.lst-secinfo li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2vw;
	}
	.lst-secinfo li:nth-of-type(2n) {
		margin-right: 0;
	}
	.lst-secinfo li a {
		padding: 3vw;
	}
	.name-en {
		font-size: 5vw;
	}
	.name-ja {
		width: 100%;
		font-size: 3.8vw;
	}
	.name-en + .name-ja {
		margin-left: 0;
		margin-top: 0vw;
	}
	.icon-secinfo {
		margin-bottom: 1vw;
	}
	.icon-secinfo img {
		width: auto;
		height: 4.8vw;
	}
}


/* slick 画像サイズ調整
---------------------------------------------------------------------------*/
.slick-slide img {
	max-width: 200%;
	width: 100%;
}





/* reCAPTCHA v2
---------------------------------------------------------------------------*/
.g-recaptcha {
	width: 100%;
}