/*
 * ★Globals
 */
html { /* Font size 基準 */
    font-size: 16px;
}

@media (max-width: 768px) { /* iPadの最小幅 768px */
  html {
    font-size: 12px;
  }
}

.h7 { /* Font size 14pt(16基準) */
  font-size: 0.875rem;
}
.h8 { /* Font size 12pt(16基準) */
  font-size: 0.75rem;
}
.h9 { /* Font size 10pt(16基準) */
  font-size: 0.625rem;
}

body {
  padding-top: 0;
  padding-bottom: 0;
  background: #FFFFFF;
  font-family: "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #333333;
}

html,body{
	
}



/*
 * navbar
 */
.navbar-light .navbar-nav .nav-item a:hover{
	border-radius:10rem;
	background-color: rgba(255,193,7,0.8);
	color: #000;
}

.navbar-light .navbar-nav .nav-item.active{
	border-radius:10rem;
	background-color: rgba(255,193,7,0.3);
	color: #000;
}








/*
 * Google Map
 */
#googlemap-region {
	height:200px;
	max-width:auto;
}







/*
 * Title Line
 */
.titleline {
	max-width:100%;
	height:35px;
	background-color:#D23931;
	margin-bottom:10px;
}
.titleline p{
	font-size:14px;
	padding-top:7px;
	padding-bottom:2px;
	color:#fff;
	font-weight:bold;
	padding-left:1em;
}



/*
 * Title Block
 */
.titleblock {
	padding-top: .25rem;
	padding-left: 1rem;
	margin-bottom: 1.25rem;
	border-left: .25rem solid #eee;
}
.titleblock h1 {
	margin-top: 0;
	margin-bottom: .25rem;
	font-size: 3rem;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2;
	word-break: break-word;
	word-wrap: break-word;
}
.titleblock p {
	padding-left:1em;
	text-indent:-1em;
}
.titleblock p:last-child {
	margin-bottom: 0;
}

.titleblock-red {
	border-left-color: #D23931;
}
.titleblock-red h1 {
	color: #D23931;
}



/*
 * Description Block
 */
.descriptionblock {
	padding-top: .6rem;
}
.descriptionblock h2 {
	color: #333333;
	font-size: 2.3rem;
	font-style: normal;
	font-weight: bold;
	line-height: 1.1;
	text-shadow: 3px 3px 2px #fff, -2px -2px 2px #fff, -1px -1px 2px #fff,  -1px -2px 2px #fff,  1px 1px 2px #fff, 5px 3px 3px #fff;
}
.descriptionblock p:last-child {
	color: #000;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: normal;
	line-height: 1.6;
	text-shadow: 3px 3px 2px #fff, -2px -2px 2px #fff, -1px -1px 2px #fff,  -1px -2px 2px #fff,  1px 1px 2px #fff, 5px 3px 3px #fff;
	margin-bottom: 0;
}

.descriptionblock-red h2 {
	color: #D23931;
}





/*
 * 戻るボタン
 */
#go-top {
	position: fixed;
	bottom: 20px;
	right: 37px;
	font-size: 77%;
	z-index: 10;
	opacity: 0.6;
}
#go-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 66px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#go-top a:hover {
	text-decoration: none;
	background: #f99;
	opacity: 0.9;
	border:1px solid #f00;
	
	-webkit-animation: rumble 0.15s linear infinite;
	animation: rumble 0.15s linear infinite;
}





/*
 * 画像キャプション
 */
.imgcaption {
	position: relative;
}
.imgcaption p {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width:100%;
	font-size: 1.1rem;
	line-height: 1;
	padding: 1em;
	color: rgba(0,0,0, 0.7);
	text-shadow: 3px 3px 2px #fff, -2px -2px 2px #fff, -1px -1px 2px #fff,  -1px -2px 2px #fff,  1px 1px 2px #fff, 5px 3px 3px #fff;
}
.imgcaption figcaption {
	position: absolute;
	bottom: 1em;
	left: 1em;
	color: rgba(0,0,0, 0.7);
	text-shadow: 3px 3px 2px #fff, -2px -2px 2px #fff, -1px -1px 2px #fff,  -1px -2px 2px #fff,  1px 1px 2px #fff, 5px 3px 3px #fff;
}















/*****************************************************
 * class="home"
 */
/* header-section */
.home .header-section .localnav{
	position: fixed;
	top: 20px;
	right: 37px;
	opacity: 0.9;
	z-index: 10;
}
/* /header-section */





/* headline-1st */
.home .headline-1st .background-video{
	width: 100%;
	opacity: 0.8;
	z-index: -1;
}

.home .headline-1st .background-carousel{
	width: 100%;
	opacity: 0.8;
	z-index: 1;
	
}

/* owlカルーセルのドットナビゲーションを消します */
.home .headline-1st .background-carousel .owl-dots{
	display:none;
}

.home .headline-1st .jumbotron{
	background-color: rgba(0,0,0,0);
	z-index: 1;
	position: absolute;
	text-shadow: 3px 3px 2px #fff, -2px -2px 2px #fff, -1px -1px 2px #fff,  -1px -2px 2px #fff,  1px 1px 2px #fff, 5px 3px 3px #fff;
}

/* 下記設定がSVGアニメーションの初期値となる */
.home .headline-1st .path{
	stroke:#000000;
	fill:#ffffff;
	stroke-width:1.4;
}

/* ▼高さの値はここ */
.home .headline-1st .jumbotron .container{
	margin-top:0em;
}

/* ▼一つ目のSVGはここ */
.home .headline-1st .jumbotron .image-box:nth-child(1) svg#svg-subtitle{
	
}

/* ▼二つ目のSVGはここ */
.home .headline-1st .jumbotron .image-box:nth-child(2) img{
	padding-bottom: 1em;
}
/* /headline-1st */





/* content-1st */
.home .content-1st{
	padding-top: 1em;
	padding-bottom:1.5em;
}

/* owlカルーセルのドットナビゲーションを消します */
.home .content-1st .content-1st-carousel .owl-dots{
/*	display:none;
*/
}

/* owlカルーセルのラインを消します */
.home .content-1st .card {
	border:1px solid #fff;
	width: 20rem;
}

/* owlカルーセルの背景を設定する */
.home .content-1st .card {
	background-color: #f6f6f6; 
	background-size: 100% 1.2em;
	border:1px solid #666;

}

.home .content-1st .card-red {
	background-color: rgba(255, 192, 203, 0.30);
	border:1px solid #e66;
}

.home .content-1st .card a{
	color: #232323;
	text-decoration: none;
}

/* owlカルーセルの高さ調整 */
.home .content-1st .card-body {
	padding-top:1.3rem;
}

/* ホバーで背景色を変える */
.home .content-1st .card:hover{
	background:rgba(216,216,216,1);
	background-size: 100% 1.2em;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	padding-bottom: 1em;
	margin-bottom: 3em;
	
	-webkit-animation: rumble 0.15s linear infinite;
	animation: rumble 0.15s linear infinite;
}

.home .content-1st .card-red:hover {
	background-color: rgba(255, 192, 203, 1);
}
/* /content-1st */





/* content-2st */
.home .content-2st{
	margin-bottom: 1.5em;
}
.home .content-2st .container{
	margin-bottom: 1.5em;
}

/* owlカルーセルのドットナビゲーションを消します */
.home .content-2st .content-2st-carousel-owl .owl-dots{
	display:none;
}

/* swiperカルーセルの設定 */
.home .content-2st .content-2st-carousel-swiper-coverflow{
	width: 100%;
	height: auto;
}
.home .content-2st .content-2st-carousel-swiper-coverflow .swiper-slide{
	background-position: center;
	background-size: cover;
	width: 300px;
	height: 300px;
}

/* 続きを読むボタン */
.home .content-2st .card.continue-btn{
	background-color: #f6f6f6; 
	background-size: 100% 1.2em;
}

.home .content-2st .card.continue-btn a{
	color: #232323;
	text-decoration: none;
}

.home .content-2st .card.continue-btn:hover{
	background:rgba(216,216,216,1);
	background-size: 100% 1.2em;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	
	-webkit-animation: rumble 0.15s linear infinite;
	animation: rumble 0.15s linear infinite;
}
/* /content-2st */





/* content-3st */
.home .content-3st{
	padding-top: 1em;
	margin-bottom: 1.5em;
}

/* owlカルーセルのドットナビゲーションを消します */
.home .content-3st .content-3st-carousel .owl-dots{
/*	display:none;
*/
}

/* owlカルーセルを設定する */
.home .content-3st .content-3st-carousel .card {
	border:1px solid #fff;
	background-color: #f6f6f6; 
	background-size: 100% 1.2em;
	border:1px solid #666;
	width: 20rem;
}

.home .content-3st .item a{
	color: #232323;
	text-decoration: none;
}

/* ホバーで背景色を変える */
.home .content-3st .content-3st-carousel .card:hover{
	background:rgba(216,216,216,1);
	background-size: 100% 1.2em;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	padding-bottom: 1em;
	margin-bottom: 3em;
}

/* 続きを読むボタン */
.home .content-3st .card.continue-btn{
	background-color: #f6f6f6; 
	background-size: 100% 1.2em;
}

.home .content-3st .card.continue-btn a{
	color: #232323;
	text-decoration: none;
}

.home .content-3st .card.continue-btn:hover{
	background:rgba(216,216,216,1);
	background-size: 100% 1.2em;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	
	-webkit-animation: rumble 0.15s linear infinite;
	animation: rumble 0.15s linear infinite;
}
/* /content-3st */





/* content-4st */
.home .content-4st .container{
	margin-bottom: 1.5em;
}

/* owlカルーセルのドットナビゲーションを消します */
.home .content-4st .content-4st-carousel-owl .owl-dots{
	display:none;
}

.home .content-4st .content-4st-carousel-owl-video img:hover{
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	border:3px solid #f99;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	-webkit-animation: rumble 0.15s linear infinite;
	animation: rumble 0.15s linear infinite;
}
/* /content-4st */





/*
 * Responsive breakpoints
 */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
	
	.home .headline-1st .jumbotron .lead{
		white-space: nowrap;
		font-size: 0.875rem;
	}
	
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
	
	
}

@media (min-width: 576px) {
	
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	
	
}

@media (max-width: 991px) { /* tablets サイズ以下 */
	
	/* IEでメニューが縦長になるバグの対応 */
	.home .header-section .localnav .inner .navbar{
		display: block;
	}
	
	/* tablets サイズ以下で、画像とタイトルの下にスペースを取る */
	.home .content-2st .content-2st-carousel-owl{
		margin-bottom: 1em;
	}
	
	.home .content-2st .content-2st-carousel-swiper-coverflow{
		margin-bottom: 1em;
	}
	
	.home .content-4st .content-2st-carousel-owl{
		margin-bottom: 1em;
	}
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	
}





























/*****************************************************
 * class="adv"
 */
/* header-section */
.adv .header-section .localnav{
	position: fixed;
	top: 20px;
	right: 37px;
	opacity: 0.9;
	z-index: 10;
}
/* /header-section */





/* headline-1st */
.adv .headline-1st .background-carousel{
	width: 100%;
	opacity: 0.8;
	z-index: 1;
	
}
/* owlカルーセルのドットナビゲーションを消します */
.adv .headline-1st .background-carousel .owl-dots{
	display:none;
}

.adv .headline-1st .jumbotron{
	background-color: rgba(0,0,0,0);
	z-index: 1;
	position: absolute;
	text-shadow: 3px 3px 2px #fff, -2px -2px 2px #fff, -1px -1px 2px #fff,  -1px -2px 2px #fff,  1px 1px 2px #fff, 5px 3px 3px #fff;
}

/* 下記設定がSVGアニメーションの初期値となる */
.adv .headline-1st .path{
	stroke:#000000;
	fill:#ffffff;
	stroke-width:1.4;
}

/* ▼高さの値はここ */
.adv .headline-1st .jumbotron .container{
	margin-top:0em;
}

/* ▼一つ目のSVGはここ */
.adv .headline-1st .jumbotron .image-box:nth-child(1) svg#svg-subtitle{
	
}

/* ▼二つ目のSVGはここ */
.adv .headline-1st .jumbotron .image-box:nth-child(2) img{
	padding-bottom: 1em;
}
/* /headline-1st */





/* content-1st */
.adv .content-1st{
	padding-top: 1em;
	padding-bottom:1.5em;
}

/* owlカルーセルのドットナビゲーションを消します */
.adv .content-1st .content-1st-carousel .owl-dots{
/*	display:none;
*/
}

/* owlカルーセルのラインを消します */
.adv .content-1st .card {
	border:1px solid #fff;
	width: 20rem;
}

/* owlカルーセルの背景を設定する */
.adv .content-1st .card {
	background-color: #f6f6f6; 
	background-size: 100% 1.2em;
	border:1px solid #666;
}

.adv .content-1st .card-red {
	background-color: rgba(255, 192, 203, 0.30);
	border:1px solid #e66;
}

.adv .content-1st .card a{
	color: #232323;
	text-decoration: none;
}

/* owlカルーセルの高さ調整 */
.adv .content-1st .card-body {
	padding-top:1.3rem;
}

/* ホバーで背景色を変える */
.adv .content-1st .card:hover{
	background:rgba(216,216,216,1);
	background-size: 100% 1.2em;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	padding-bottom: 1em;
	margin-bottom: 3em;
	
	-webkit-animation: rumble 0.15s linear infinite;
	animation: rumble 0.15s linear infinite;
}

.adv .content-1st .card-red:hover {
	background-color: rgba(255, 192, 203, 1);
}
/* /content-1st */





/* content-2st */
.adv .content-2st{
	margin-bottom: 1.5em;
}
.adv .content-2st .container{
	margin-bottom: 1.5em;
}

/* owlカルーセルのドットナビゲーションを消します */
.adv .content-2st .content-2st-carousel-owl .owl-dots{
	display:none;
}

/* swiperカルーセルの設定 */
.adv .content-2st .content-2st-carousel-swiper-coverflow{
	width: 100%;
	height: auto;
}
.adv .content-2st .content-2st-carousel-swiper-coverflow .swiper-slide{
	background-position: center;
	background-size: cover;
	width: 300px;
	height: 300px;
}

.adv .content-2st .content-2st-carousel-owl-video img:hover{
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	border:3px solid #f99;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	-webkit-animation: rumble 0.15s linear infinite;
	animation: rumble 0.15s linear infinite;
}

/* /content-2st */





/*
 * Responsive breakpoints
 */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
	
	.adv .headline-1st .jumbotron .lead{
		white-space: nowrap;
		font-size: 0.875rem;
	}
	
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
	
	
}

@media (min-width: 576px) {
	
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	
	
}

@media (max-width: 991px) { /* tablets サイズ以下 */
	
	/* IEでメニューが縦長になるバグの対応 */
	.adv .header-section .localnav .inner .navbar{
		display: block;
	}
	
	/* tablets サイズ以下で、画像とタイトルの下にスペースを取る */
	.adv .content-2st .content-2st-carousel-owl{
		margin-bottom: 1em;
	}
	
	.adv .content-2st .content-2st-carousel-swiper-coverflow{
		margin-bottom: 1em;
	}
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	
}



































/*****************************************************
 * class="srv"
 */
/* header-section */
.srv .header-section .localnav{
	position: fixed;
	top: 20px;
	right: 37px;
	opacity: 0.9;
	z-index: 10;
}
/* /header-section */





/* headline-1st */
.srv .headline-1st .background-carousel{
	width: 100%;
	opacity: 0.8;
	z-index: 1;
	
}
/* owlカルーセルのドットナビゲーションを消します */
.srv .headline-1st .background-carousel .owl-dots{
	display:none;
}

.srv .headline-1st .jumbotron{
	background-color: rgba(0,0,0,0);
	z-index: 1;
	position: absolute;
	text-shadow: 3px 3px 2px #fff, -2px -2px 2px #fff, -1px -1px 2px #fff,  -1px -2px 2px #fff,  1px 1px 2px #fff, 5px 3px 3px #fff;
}

/* 下記設定がSVGアニメーションの初期値となる */
.srv .headline-1st .path{
	stroke:#000000;
	fill:#ffffff;
	stroke-width:1.4;
}

/* ▼高さの値はここ */
.srv .headline-1st .jumbotron .container{
	margin-top:0em;
}

/* ▼一つ目のSVGはここ */
.srv .headline-1st .jumbotron .image-box:nth-child(1) svg#svg-subtitle{
	
}

/* ▼二つ目のSVGはここ */
.srv .headline-1st .jumbotron .image-box:nth-child(2) img{
	padding-bottom: 1em;
}
/* /headline-1st */





/* content-1st */
.srv .content-1st{
	padding-top: 1em;
	padding-bottom:1.5em;
}

/* owlカルーセルのドットナビゲーションを消します */
.srv .content-1st .content-1st-carousel .owl-dots{
/*	display:none;
*/
}

/* owlカルーセルのラインを消します */
.srv .content-1st .card {
	border:1px solid #fff;
	width: 20rem;
}

/* owlカルーセルの背景を設定する */
.srv .content-1st .card {
	background-color: #f6f6f6; 
	background-size: 100% 1.2em;
	border:1px solid #666;
}

.srv .content-1st .card-red {
	background-color: rgba(255, 192, 203, 0.30);
	border:1px solid #e66;
}

.srv .content-1st .card a{
	color: #232323;
	text-decoration: none;
}

/* owlカルーセルの高さ調整 */
.srv .content-1st .card-body {
	padding-top:1.3rem;
}

/* ホバーで背景色を変える */
.srv .content-1st .card:hover{
	background:rgba(216,216,216,1);
	background-size: 100% 1.2em;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	padding-bottom: 1em;
	margin-bottom: 3em;
	
	-webkit-animation: rumble 0.15s linear infinite;
	animation: rumble 0.15s linear infinite;
}

.srv .content-1st .card-red:hover {
	background-color: rgba(255, 192, 203, 1);
}
/* /content-1st */





/* content-2st */
.srv .content-2st{
	margin-bottom: 1.5em;
}
.srv .content-2st .container{
	margin-bottom: 1.5em;
}

/* owlカルーセルのドットナビゲーションを消します */
.srv .content-2st .content-2st-carousel-owl .owl-dots{
	display:none;
}
/* /content-2st */





/* content-3st */
.srv .content-3st{
	padding-top: 1em;
	margin-bottom: 1.5em;
}

/* owlカルーセルのドットナビゲーションを消します */
.srv .content-3st .content-3st-carousel .owl-dots{
/*	display:none;
*/
}

/* owlカルーセルを設定する */
.srv .content-3st .card {
	border:1px solid #fff;
	background-color: #f6f6f6;
	border:1px solid #666;
	background-size: 100% 1.2em;
	width: 20rem;
}

.srv .content-3st .item a{
	color: #232323;
	text-decoration: none;
}

/* ホバーで背景色を変える */
.srv .content-3st .card:hover{
	background:rgba(216,216,216,1);
	background-size: 100% 1.2em;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	padding-bottom: 1em;
	margin-bottom: 3em;
}

/* メニューごとの下部マージン */
.srv .content-3st .row{
	margin-bottom: 1.5em;
}
/* /content-3st */





/*
 * Responsive breakpoints
 */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
	
	.srv .headline-1st .jumbotron .lead{
		white-space: nowrap;
		font-size: 0.875rem;
	}
	
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
	
	
}

@media (min-width: 576px) {
	
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	
	
}

@media (max-width: 991px) { /* tablets サイズ以下 */
	
	/* IEでメニューが縦長になるバグの対応 */
	.srv .header-section .localnav .inner .navbar{
		display: block;
	}
	
	/* tablets サイズ以下で、画像とタイトルの下にスペースを取る */
	.srv .content-2st .content-2st-carousel-owl{
		margin-bottom: 1em;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	
}







































/*****************************************************
 * class="ord"
 */
/* header-section */
.ord .header-section .localnav{
	position: fixed;
	top: 20px;
	right: 37px;
	opacity: 0.9;
	z-index: 10;
}
/* /header-section */





/* headline-1st */
.ord .headline-1st .background-carousel{
	width: 100%;
	opacity: 0.8;
	z-index: 1;
	
}
/* owlカルーセルのドットナビゲーションを消します */
.ord .headline-1st .background-carousel .owl-dots{
	display:none;
}

.ord .headline-1st .jumbotron{
	background-color: rgba(0,0,0,0);
	z-index: 1;
	position: absolute;
	text-shadow: 3px 3px 2px #fff, -2px -2px 2px #fff, -1px -1px 2px #fff,  -1px -2px 2px #fff,  1px 1px 2px #fff, 5px 3px 3px #fff;
}

/* 下記設定がSVGアニメーションの初期値となる */
.ord .headline-1st .path{
	stroke:#000000;
	fill:#ffffff;
	stroke-width:1.4;
}

/* ▼高さの値はここ */
.ord .headline-1st .jumbotron .container{
	margin-top:0em;
}

/* ▼一つ目のSVGはここ */
.ord .headline-1st .jumbotron .image-box:nth-child(1) svg#svg-subtitle{
	
}

/* ▼二つ目のSVGはここ */
.ord .headline-1st .jumbotron .image-box:nth-child(2) img{
	padding-bottom: 1em;
}
/* /headline-1st */





/* content-1st */
.ord .content-1st{
	padding-top: 1em;
	padding-bottom:1.5em;
}

/* owlカルーセルのドットナビゲーションを消します */
.ord .content-1st .content-1st-carousel .owl-dots{
/*	display:none;
*/
}

/* owlカルーセルのラインを消します */
.ord .content-1st .card {
	border:1px solid #fff;
	width: 20rem;
}

/* owlカルーセルの背景を設定する */
.ord .content-1st .card {
	background-color: #f6f6f6; 
	background-size: 100% 1.2em;
	border:1px solid #666;
}

.ord .content-1st .card-red {
	background-color: rgba(255, 192, 203, 0.30);
	border:1px solid #e66;
}

.ord .content-1st .card a{
	color: #232323;
	text-decoration: none;
}

/* owlカルーセルの高さ調整 */
.ord .content-1st .card-body {
	padding-top:1.3rem;
}

/* ホバーで背景色を変える */
.ord .content-1st .card:hover{
	background:rgba(216,216,216,1);
	background-size: 100% 1.2em;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	padding-bottom: 1em;
	margin-bottom: 3em;
	
	-webkit-animation: rumble 0.15s linear infinite;
	animation: rumble 0.15s linear infinite;
}

.ord .content-1st .card-red:hover {
	background-color: rgba(255, 192, 203, 1);
}
/* /content-1st */





/* content-2st */
.ord .content-2st .container{
	margin-bottom: 1.5em;
}

/* owlカルーセルのドットナビゲーションを消します */
.ord .content-2st .content-2st-carousel-owl .owl-dots{
	display:none;
}
.ord .content-2st .content-2st-carousel-owl-single .owl-dots{
	display:none;
}

.ord .content-2st .content-2st-carousel-owl-video img:hover{
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	border:3px solid #f99;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	-webkit-animation: rumble 0.15s linear infinite;
	animation: rumble 0.15s linear infinite;
}
/* /content-2st */





/*
 * Responsive breakpoints
 */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
	
	.ord .headline-1st .jumbotron .lead{
		white-space: nowrap;
		font-size: 0.875rem;
	}
	
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
	
	
}

@media (min-width: 576px) {
	
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	
	
}

@media (max-width: 991px) { /* tablets サイズ以下 */
	
	/* IEでメニューが縦長になるバグの対応 */
	.ord .header-section .localnav .inner .navbar{
		display: block;
	}
	
	/* tablets サイズ以下で、画像とタイトルの下にスペースを取る */
	.ord .content-2st .content-2st-carousel-owl{
		margin-bottom: 1em;
	}
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	
}














































/*****************************************************
 * class="inq"
 */
/* header-section */
.inq .header-section .localnav{
	position: fixed;
	top: 20px;
	right: 37px;
	opacity: 0.9;
	z-index: 10;
}
/* /header-section */





/* headline-1st */
.inq .headline-1st .background-carousel{
	width: 100%;
	opacity: 0.8;
	z-index: 1;
	
}
/* owlカルーセルのドットナビゲーションを消します */
.inq .headline-1st .background-carousel .owl-dots{
	display:none;
}

.inq .headline-1st .jumbotron{
	background-color: rgba(0,0,0,0);
	z-index: 1;
	position: absolute;
	text-shadow: 3px 3px 2px #fff, -2px -2px 2px #fff, -1px -1px 2px #fff,  -1px -2px 2px #fff,  1px 1px 2px #fff, 5px 3px 3px #fff;
}

/* 下記設定がSVGアニメーションの初期値となる */
.inq .headline-1st .path{
	stroke:#000000;
	fill:#ffffff;
	stroke-width:1.4;
}

/* ▼高さの値はここ */
.inq .headline-1st .jumbotron .container{
	margin-top:0em;
}

/* ▼一つ目のSVGはここ */
.inq .headline-1st .jumbotron .image-box:nth-child(1) svg#svg-subtitle{
	
}

/* ▼二つ目のSVGはここ */
.inq .headline-1st .jumbotron .image-box:nth-child(2) img{
	padding-bottom: 1em;
}
/* /headline-1st */





/* content-1st */
.inq .content-1st{
	padding-top: 1em;
	padding-bottom:1.5em;
}

/* owlカルーセルのドットナビゲーションを消します */
.inq .content-1st .content-1st-carousel .owl-dots{
/*	display:none;
*/
}

/* owlカルーセルのラインを消します */
.inq .content-1st .card {
	border:1px solid #fff;
	width: 20rem;
}

/* owlカルーセルの背景を設定する */
.inq .content-1st .card {
	background-color: #f6f6f6; 
	background-size: 100% 1.2em;
	border:1px solid #666;
}

.inq .content-1st .card-red {
	background-color: rgba(255, 192, 203, 0.30);
	border:1px solid #e66;
}

.inq .content-1st .card a{
	color: #232323;
	text-decoration: none;
}

/* owlカルーセルの高さ調整 */
.inq .content-1st .card-body {
	padding-top:1.3rem;
}

/* ホバーで背景色を変える */
.inq .content-1st .card:hover{
	background:rgba(216,216,216,1);
	background-size: 100% 1.2em;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	padding-bottom: 1em;
	margin-bottom: 3em;
	
	-webkit-animation: rumble 0.15s linear infinite;
	animation: rumble 0.15s linear infinite;
}

.inq .content-1st .card-red:hover {
	background-color: rgba(255, 192, 203, 1);
}
/* /content-1st */





/* content-2st */
.inq .content-2st{
	margin-bottom: 1.5em;
}
.inq .content-2st .container{
	margin-bottom: 1.5em;
}

/* owlカルーセルのドットナビゲーションを消します */
.inq .content-2st .content-2st-carousel-owl .owl-dots{
	display:none;
}

.inq .content-2st .content-2st-carousel-owl-video img:hover{
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	border:3px solid #f99;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	-webkit-animation: rumble 0.15s linear infinite;
	animation: rumble 0.15s linear infinite;
}
/* /content-2st */





/*
 * Responsive breakpoints
 */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
	
	.inq .headline-1st .jumbotron .lead{
		white-space: nowrap;
		font-size: 0.875rem;
	}
	
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
	
	
}

@media (min-width: 576px) {
	
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	
	
}

@media (max-width: 991px) { /* tablets サイズ以下 */
	
	/* IEでメニューが縦長になるバグの対応 */
	.inq .header-section .localnav .inner .navbar{
		display: block;
	}
	
	/* tablets サイズ以下で、画像とタイトルの下にスペースを取る */
	.inq .content-2st .content-2st-carousel-owl{
		margin-bottom: 1em;
	}
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	
}














































/*****************************************************
 * class="pro"
 */
/* header-section */
.pro .header-section .localnav{
	position: fixed;
	top: 20px;
	right: 37px;
	opacity: 0.9;
	z-index: 10;
}
/* /header-section */





/* headline-1st */
.pro .headline-1st .background-carousel{
	width: 100%;
	opacity: 0.8;
	z-index: 1;
	
}
/* owlカルーセルのドットナビゲーションを消します */
.pro .headline-1st .background-carousel .owl-dots{
	display:none;
}

.pro .headline-1st .jumbotron{
	background-color: rgba(0,0,0,0);
	z-index: 1;
	position: absolute;
	text-shadow: 3px 3px 2px #fff, -2px -2px 2px #fff, -1px -1px 2px #fff,  -1px -2px 2px #fff,  1px 1px 2px #fff, 5px 3px 3px #fff;
}

/* 下記設定がSVGアニメーションの初期値となる */
.pro .headline-1st .path{
	stroke:#000000;
	fill:#ffffff;
	stroke-width:1.4;
}

/* ▼高さの値はここ */
.pro .headline-1st .jumbotron .container{
	margin-top:0em;
}

/* ▼一つ目のSVGはここ */
.pro .headline-1st .jumbotron .image-box:nth-child(1) svg#svg-subtitle{
	
}

/* ▼二つ目のSVGはここ */
.pro .headline-1st .jumbotron .image-box:nth-child(2) img{
	padding-bottom: 1em;
}
/* /headline-1st */





/* content-1st */
.pro .content-1st{
	padding-top: 1em;
	padding-bottom:1.5em;
}

/* owlカルーセルのドットナビゲーションを消します */
.pro .content-1st .content-1st-carousel .owl-dots{
/*	display:none;
*/
}

/* owlカルーセルのラインを消します */
.pro .content-1st .card {
	border:1px solid #fff;
	width: 20rem;
}

/* owlカルーセルの背景を設定する */
.pro .content-1st .card {
	background-color: #f6f6f6; 
	background-size: 100% 1.2em;
	border:1px solid #666;
}

.pro .content-1st .card-red {
	background-color: rgba(255, 192, 203, 0.30);
	border:1px solid #e66;
}

.pro .content-1st .card a{
	color: #232323;
	text-decoration: none;
}

/* owlカルーセルの高さ調整 */
.pro .content-1st .card-body {
	padding-top:1.3rem;
}

/* ホバーで背景色を変える */
.pro .content-1st .card:hover{
	background:rgba(216,216,216,1);
	background-size: 100% 1.2em;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	padding-bottom: 1em;
	margin-bottom: 3em;
	
	-webkit-animation: rumble 0.15s linear infinite;
	animation: rumble 0.15s linear infinite;
}

.pro .content-1st .card-red:hover {
	background-color: rgba(255, 192, 203, 1);
}
/* /content-1st */





/* content-2st */
.pro .content-2st{
	margin-bottom: 1.5em;
}
.pro .content-2st .container{
	margin-bottom: 1.5em;
}

/* owlカルーセルのドットナビゲーションを消します */
.pro .content-2st .content-2st-carousel-owl .owl-dots{
	display:none;
}

.pro .content-2st .content-2st-carousel-owl-video img:hover{
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	border:3px solid #f99;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	-webkit-animation: rumble 0.15s linear infinite;
	animation: rumble 0.15s linear infinite;
}

/* /content-2st */





/* content-3st */
.pro .content-3st{
	padding-top: 1em;
	margin-bottom: 1.5em;
}

/* owlカルーセルのドットナビゲーションを消します */
.pro .content-3st .content-3st-carousel .owl-dots{
/*	display:none;
*/
}

/* owlカルーセルを設定する */
.pro .content-3st .card {
	border:1px solid #fff;
	background-color: #f6f6f6; 
	background-size: 100% 1.2em;
	width: 20rem;
}

.pro .content-3st .item a{
	color: #232323;
	text-decoration: none;
}

/* ホバーで背景色を変える */
.pro .content-3st .card:hover{
	background:rgba(216,216,216,1);
	background-size: 100% 1.2em;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	padding-bottom: 1em;
	margin-bottom: 3em;
	
}

/* テーブルの設定 */
.pro .content-3st .card .table{
	
	border-bottom: 1px solid #e9ecef;
	
}
.pro .content-3st .card .table th{
	
	white-space: nowrap;
	vertical-align: top;
	text-align: center;
	
}
.pro .content-3st .card .table th p{
	
	display: block;
	font-size: .9rem;
	font-weight: normal;
	color: #fff;
	background: rgba(70,70,70, 0.3);
	padding: 3px 10px;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
}

.pro .content-3st .card .table p{
	margin-bottom: -.5rem;
	
}
/* /content-3st */





/* content-4st */
.pro .content-4st{
	padding-top: 1em;
	margin-bottom: 1.5em;
}

/* owlカルーセルのドットナビゲーションを消します */
.pro .content-4st .content-4st-carousel .owl-dots{
/*	display:none;
*/
}

/* owlカルーセルを設定する */
.pro .content-4st .card {
	border:1px solid #fff;
	background-color: #f6f6f6; 
	background-size: 100% 1.2em;
	width: 20rem;
}

.pro .content-4st .item a{
	color: #232323;
	text-decoration: none;
}

/* ホバーで背景色を変える */
.pro .content-4st .card:hover{
	background:rgba(216,216,216,1);
	background-size: 100% 1.2em;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	padding-bottom: 1em;
	margin-bottom: 3em;
	
}

/* テーブルの設定 */
.pro .content-4st .card .table{
	
	border-bottom: 1px solid #e9ecef;
	
}
.pro .content-4st .card .table th{
	
	white-space: nowrap;
	vertical-align: top;
	text-align: center;
	
}
.pro .content-4st .card .table th p{
	
	display: block;
	font-size: .9rem;
	font-weight: normal;
	color: #fff;
	background: rgba(70,70,70, 0.3);
	padding: 3px 10px;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
}

.pro .content-4st .card .table p{
	margin-bottom: -.5rem;
	
}
/* /content-4st */






/* content-5st */
.pro .content-5st{
	padding-top: 1em;
	margin-bottom: 1.5em;
}

/* テーブルの設定 */
.pro .content-5st .table{
	
	border-bottom: 1px solid #e9ecef;
	
}
.pro .content-5st .table th{
	padding-bottom:0;
	
	white-space: nowrap;
	vertical-align: top;
	text-align: center;
	
	
	
}

.pro .content-5st .table th p{
	
	display: block;
	font-size: .9rem;
	font-weight: normal;
	color: #fff;
	background: rgba(70,70,70, 0.5);
	padding: 3px 10px;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
}




.pro .content-5st .table td{
	padding-bottom:0;
	
	
	
	
	
}

.pro .content-5st .table td p{
	
	
	padding-top:.2rem;
	
}





/* /content-5st */





/*
 * Responsive breakpoints
 */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
	
	.pro .headline-1st .jumbotron .lead{
		white-space: nowrap;
		font-size: 0.875rem;
	}
	
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
	
	
}

@media (min-width: 576px) {
	
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	
	
}

@media (max-width: 991px) { /* tablets サイズ以下 */
	
	/* IEでメニューが縦長になるバグの対応 */
	.pro .header-section .localnav .inner .navbar{
		display: block;
	}
	
	/* tablets サイズ以下で、画像とタイトルの下にスペースを取る */
	.pro .content-2st .content-2st-carousel-owl{
		margin-bottom: 1em;
	}
	
	.pro .content-4st .content-2st-carousel-owl{
		margin-bottom: 1em;
	}
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	
}





























/*
 * Rumble keyframes
 */
@keyframes rumble {
 0% {
	-webkit-transform: rotate(0deg) translate(0, 0);
			transform: rotate(0deg) translate(0, 0); }
 12.5% {
	-webkit-transform: rotate(0.4deg) translate(1px, -1px);
			transform: rotate(0.4deg) translate(1px, -1px); }
 25% {
	-webkit-transform: rotate(0.8deg) translate(0px, 1px);
			transform: rotate(0.8deg) translate(0px, 1px); }
 37.5% {
	-webkit-transform: rotate(0.4deg) translate(-1px, 0);
			transform: rotate(0.4deg) translate(-1px, 0); }
 50% {
	-webkit-transform: rotate(0deg) translate(0, 0);
			transform: rotate(0deg) translate(0, 0); }
 62.5% {
	-webkit-transform: rotate(-0.4deg) translate(1px, 0);
			transform: rotate(-0.4deg) translate(1px, 0); }
 75% {
	-webkit-transform: rotate(-0.8deg) translate(0, 1px);
			transform: rotate(-0.8deg) translate(0, 1px); }
 87.5% {
	-webkit-transform: rotate(-0.4deg) translate(-1px, -1px);
			transform: rotate(-0.4deg) translate(-1px, -1px); }
 100% {
	-webkit-transform: rotate(0deg) translate(0, 0);
			transform: rotate(0deg) translate(0, 0); } }

@-webkit-keyframes rumble {
 0% {
	-webkit-transform: rotate(0deg) translate(0, 0);
	transform: rotate(0deg) translate(0, 0); }
 12.5% {
	-webkit-transform: rotate(0.4deg) translate(1px, -1px);
			transform: rotate(0.4deg) translate(1px, -1px); }
 25% {
	-webkit-transform: rotate(0.8deg) translate(0px, 1px);
			transform: rotate(0.8deg) translate(0px, 1px); }
 37.5% {
	-webkit-transform: rotate(0.4deg) translate(-1px, 0);
			transform: rotate(0.4deg) translate(-1px, 0); }
 50% {
	-webkit-transform: rotate(0deg) translate(0, 0);
			transform: rotate(0deg) translate(0, 0); }
 62.5% {
	-webkit-transform: rotate(-0.4deg) translate(1px, 0);
			transform: rotate(-0.4deg) translate(1px, 0); }
 75% {
	-webkit-transform: rotate(-0.8deg) translate(0, 1px);
			transform: rotate(-0.8deg) translate(0, 1px); }
 87.5% {
	-webkit-transform: rotate(-0.4deg) translate(-1px, -1px);
			transform: rotate(-0.4deg) translate(-1px, -1px); }
 100% {
	-webkit-transform: rotate(0deg) translate(0, 0);
			transform: rotate(0deg) translate(0, 0); } }