@charset "UTF-8";
@font-face {
	font-family: "MyYuGothicM";
	font-weight: normal;
	src: local("YuGothic-Medium"), /* Postscript name */
	     local("Yu Gothic Medium"), /* for Chrome */
	     local("YuGothic-Regular"); /* Mediumがない場合 */
}
@font-face {
	font-family: "MyYuGothicM";
	font-weight: bold;
	src: local("YuGothic-Bold"), /* Postscript name */
	     local("Yu Gothic"); /* for Chrome */
}
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i');


@font-face {
    font-family: 'utsukushi-m.woff';
    src:url('fonts/utsukushi-m.woff') format('woff');
}

@font-face {
    font-family: 'Kokoro.woff';
    src:url('fonts/Kokoro.woff') format('woff');
}


html {
	font-size: 62.5%;
}

body {
	font-family:
	  -apple-system, /* OS X, iOS San Francisco */
	  BlinkMacSystemFont, /* OS X, iOS Chrome San Francisco */
	  "Open Sans",
	  "Hiragino Kaku Gothic ProN", /* OS X, iOS ヒラギノ */
	  MyYuGothicM, /* Windows 游ゴシック */
	  Meiryo, /* Windows メイリオ */
	  sans-serif;
	font-size: 1.5rem;
	line-height: 1;
	color: #000;
}
@media all and (-ms-high-contrast:none) {
body {
	font-family: "メイリオ",Meiryo,sans-serif;
}
}
a:link,
a:visited,
a:hover,
a:active {

}
img {
	max-width: 100%;
	height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.4;
	margin-top:0px;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}
.aligncenter,
.alignnone {
	display: block;
	margin: 10px auto;
}
.alignleft {
	float: left;
	margin: 10px 10px 10px 0px;
}
.alignright {
	float: right;
	margin: 10px 0 10px 10px;
}
.justify-center {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.items-center {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.text-small {
  font-size: 1.4rem;
}
.ggmap {
  position: relative;
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 3rem;
}
.ggmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

/*************************************************

追加レイアウト1

*************************************************/

/**インデックストップスライド画像**/
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoomUp 10s linear 0s 1 normal both;
}

/**imgタグだと下に隙間ができるのでblockに。**/
.slide-img img{
  display: block;
}

.swiper-container {
    width: 100%;
    height: 450px;
}



/**インデックストップ画像**/
.block_bg{
  background: url('images/top-image.jpg') center;
  background-size: cover;
  width: 100%;
  padding-top: 30%;
}


.h-cho1{height:35px;}
.h-cho2{height:25px;}

/**コンテナー色々**/


.container2{
border:3px solid tan;
border-bottom: transparent; /* 下辺が透明になる */
border-top: transparent; /* 下辺が透明になる */
}

.container-header{
	background-color:tan;
}

.container-all{width:100%;}

.logo-f{font-size:1rem;}


/**フッター**/
.container-footer{
	background-color:tan;
	padding:10px;
	margin-top: 23px;
}

/**フッター調整**/
.mar-cho{margin-top:-35px;
margin-bottom:10px;}


/**フッターアクセスボタン**/
.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
	background: #24406c;
  color: white;
	border: solid 2px #24406c;
	border-radius: 3px;
	width:60%;
}

.btn-flat-border:hover {
	color: #24406c;
	background: tan;
	text-decoration: none;
transition: .4s;
}


.banner-button:hover{opacity: 0.8;}

/**ボタンその２**/
.btn-flat-border2 {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
	background: #24406c;
  color: white;
	border: solid 2px #24406c;
	border-radius: 3px;
	width:100%;
}

.btn-flat-border2:hover {
	color: #24406c;
	background: white;
	text-decoration: none;
transition: .4s;
}

/**ボタンその3**/
.btn-flat-border3 {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
	background: #24406c;
  color: white;
	border: solid 2px #24406c;
	border-radius: 3px;
	width:150px;
}

.btn-flat-border3:hover {
	color: #24406c;
	background: white;
	text-decoration: none;
transition: .4s;
}

/**ボタンその4**/
.btn-flat-border4 {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
	background: #ae5da1;
  color: white;
	border: solid 2px #ae5da1;
	border-radius: 3px;
	width:420px;
}

.btn-flat-border4:hover {
	color: #ae5da1;
	background: white;
	text-decoration: none;
transition: .4s;
}

/*hr装飾*/
.hr01 {
	position: relative;
	height: 1px;
	border-width: 0;
	background-color: tan;
	background-image: -webkit-linear-gradient(left,
	tan 0%,#24406c 50%,tan 100%);
	background-image:         linear-gradient(90deg,
	tan 0%,#24406c 50%,tan 100%);
}


.second-h1{font-size:5rem; color:white; margin-top:-45px; text-align:center;}
.second-h1-2{font-size:5rem; color:white; margin-top:-45px; text-align:right; position: relative; z-index:2;}


h2 {
  /*padding: 0.25em 0.5em;*/
  color: #24406c;
  background: transparent;
  /*border-left: solid 5px tan;*/
	line-height:1;
}

.color_01{color:#811d1d;}

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




table {
  margin: 20px auto;
	width:100%;
}
.tbl-r02 th {
  background:#fff;
  border: solid 1px #fff;
	font-size:1.6rem;
  color: #000;
  padding: 10px;
}
.tbl-r02 td {
border: solid 1px #fff;
padding: 10px;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #fff;
    width: 100%;
  }
  .tbl-r02 {
    width: 100%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}




.tbl-r03 th {
  background:#fff;
  border-bottom: dotted 1px tan;
	font-size:1.6rem;
  color: #000;
  padding: 10px;
}
.tbl-r03 td {
border-bottom: dotted 1px tan;
padding: 10px;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: dotted 1px tan;
    width: 100%;
  }
  .tbl-r03 {
    width: 100%;
  }
  .tbl-r03 th,
  .tbl-r03 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

.f-cho{font-size:2rem;}
.f-cho1{font-size:2.5rem;}
.f-cho2{font-size:1.6rem;
color:#951200;}

.f-cho3{font-size:2rem;
font-weight: bold;}

.f-cho4{font-size:2rem;
color:#8e1e43;}

.f-cho5{font-size:3rem;
color:#8e1e43;}

.f-cho6{font-size:1.2rem;
color:white;}

.news{font-weight: bold;
color:#951200;}

.news1_8{font-weight: bold;
color:#951200;
font-size:1.8rem;}

.news2{font-weight: bold;
color:#951200;
font-size:2rem;}

.news1_8b{font-weight: bold;
color:#000;
font-size:1.8rem;}

.news2b{font-weight: bold;
color:#000;
font-size:2rem;}

.news2_3{font-weight: bold;
color:#951200;
font-size:2.3rem;}

.news3{font-weight: bold;
color:#951200;
font-size:3rem;}

.marker1{
	position: relative;
		text-shadow: 1px 1px 0 #fff, 0 1px 0 #fff;
font-weight:bold;
}

.marker1:before{
	border-bottom: 10px solid #FEECD2;
		border-radius: 5px;
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: -1;
}

.news-t{
padding: .2em;
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 3px,#ffe6e6 3px, #ffe6e6 7px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 3px,#ffe6e6 3px, #ffe6e6 7px);}



.mi-02 {
  background: #e7dfe5;
  padding: 0.5em;
	color:#000;
}

.mi-03 {
  background: #e7dfe5;
  padding: 0.5em;
	color:#000;
	text-align: center;
}

.mi-04{border-bottom: 1px dotted #000;}

.mi-05 {
  background: #b0b8b6;
  padding: 0.5em;
	color:#972823;
}

h2 {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}
/*h2:before {
  content: '';
  position: absolute;
  bottom: -25px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: tan;
  border-radius: 2px;
}*/


.candle{margin-top:-330px;
	position: relative;
z-index:1;}


dl.info{
  font-size:1.4rem;
    padding:0;
    line-height:1.8;
    width:100%;
}
dl.info dt{
    width:6em;
    float:left;
    margin:0;
    padding:0 0 0 5px;
}
dl.info dd{
    position:relative;
    margin:0 0 10px;
    padding:0 5px 10px 13em;
    border-bottom:1px dotted #ccc;
}
dl.info dd span.info2{
    display:block;
    position:absolute;
    top:0;
    left:7em;
    width:4.5em;
    margin:0;
    padding:0;
    text-align:center;
    background-color:#e7dfe5;
    border-radius:2px;
}

.info-topics{
	width:100%;
	height:250px;
  overflow: auto;
}

#inquiry form table.form {
	width: 96%;
	margin: 40px auto 40px auto;
	border-collapse: collapse;
}
#inquiry form table.form th, #inquiry form table.form td {
	padding:20px 10px;
	text-align: left;
	border-bottom: dotted 1px #80663d;
	font-size: 14px;
}
#inquiry form table.form th {
	color: #80663d;
}
#inquiry form table.form th span {
	color: #942343;
	font-size: 12px;
}
form input.text {
	border: solid 1px #c69c6d;
	border-radius: 3px;
	padding: 8px 5px;
	background-color:#fffaf0;
	width: 80%;
	font-size: 14px;
}
form input.text2 {
	border: solid 1px #c69c6d;
	border-radius: 3px;
	padding: 8px 5px;
	background-color:#fffaf0;
	width: 60%;
	margin-bottom: 1em;
	font-size: 14px;
}
form select {
	border: solid 1px #c69c6d;
	border-radius: 3px;
	padding: 5px;
	background-color:#fffaf0;
	margin-bottom: 1em;
	font-size: 14px;
}
form textarea {
	border: solid 1px #c69c6d;
	border-radius: 3px;
	padding: 5px;
	background-color:#fffaf0;
	width: 80%;
	font-size: 14px;
}
form input.button {
	border: solid 1px #3e150e;
	border-radius: 3px;
	padding: 10px 20px;
	margin: 1em 10px;
	background-color: #3e150e;
	font-size: 13px;
	color: #FFF;
	cursor: pointer;
}
form input.button:hover {
	background-color: #c69c6d;
}
form td.send {
	text-align: center !important;
	border-bottom: none !important;
}
@media screen and (max-width: 699px) {
	#inquiry form table.form th, #inquiry form table.form td {
		display: block;
	}
	#inquiry form table.form th {
		border-bottom: none;
		padding: 20px 5px 0px 5px;
	}
	#inquiry form table.form td {
		padding: 10px 5px 20px 1em;
	}
	form input.text {
		width: 100%;
	}
	form textarea {
		width: 100%;
	}
}

/*************************************************

追加レイアウト２

*************************************************/


.posi-rela{
	position:relative;
}

.hover:hover{
	opacity: 0.5;
}
.hover-2:hover{
	opacity: 0.8;
}

.list-style{list-style:none;}

.img-br{border-radius:10px;}

.list-s-low{list-style-type: lower-roman}

 /*************************************************

  トップ画像のズームアウト（＋js）

  *************************************************/
 .Opening {
 position:relative;
 background-color: #FFF;
 }
 .Opening ul li{
   position: relative;
   overflow: hidden;
   width: 100%;
   text-align: center;
 }
 .Opening ul li img.Opening__text{
   position: absolute;
   top:50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform:translate(-50%, -50%);
   z-index: 9;
 }

 .Opening ul li span {
 }
 .Opening ul li span img.Opening__img{
   max-width: inherit;
   width: 100vw;
   height: 100vh;
 }


/*************************************************

テキスト調整

*************************************************/

.t-center{
	text-align: center;
}

.t-bold{
	font-weight:bold;
}




/*************************************************

テーブル

*************************************************/
section table { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #f4f4f4; }

/*----------------------------------------------------
  .tbl-01
----------------------------------------------------*/
.tbl-01 th  { width: 30%; text-align: left; }

@media only screen and (max-width:480px){
    .ryourinin-01 { margin: 0 0; }
    .ryourinin-01 th,
    .ryourinin-01 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .ryourinin-01 tr:first-child th { border-top: 1px solid #ddd; }
}
/*----------------------------------------------------
  .tbl-info
----------------------------------------------------*/
.tbl-info th {
  background: #eee;
  color: #000;
  padding: 10px;
}
.tbl-info td {
　border: solid 1px #ccc;
background: #eee;
  padding: 10px;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-info {
    width: 80%;
  }
  .tbl-info th,
  .tbl-info td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}


/*************************************************

◆h1-h6 設定◆
//使用場所//
・top-page=トップページ


*************************************************/
.top-page h3{
  position: relative;
  padding: 0 .5em .5em 2em;
  border-bottom: 1px solid #eee;
  text-shadow: 1px 1px 0 rgba(0,0,0,.2);
}
.top-page h3::before,
.top-page h3::after {
  position: absolute;
  content: '';
  border-radius: 100%;
}
.top-page h3::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: rgba(82, 195, 241, .5);
}
.top-page h3::after {
  top: .7em;
  left: .7em;
  width: 13px;
  height: 13px;
  background: rgba(210, 210, 210, .5);
}


/*************************************************

トップページの円３つ

*************************************************/
.img-radius1{
	background-image: url("images/image08.jpg");
	 width:  300px;
	 height: 300px;
	 border-radius: 50%;
	 background-position: center center;
	 display: inline-block;
   border: 12px solid rgba(82,195,241,0.5);
	 box-shadow: 0px 0px 10px #ccc,inset 0px 0px 10px rgba(0, 0, 0, 0.8);
}
.img-radius2{
	background-image: url("images/image09.jpg");
	 width:  300px;
	 height: 300px;
	 border-radius: 50%;
	 background-position: center center;
	 display: inline-block;
	 border: 12px solid rgba(82,195,241,0.5);
	 box-shadow: 0px 0px 10px #ccc,inset 0px 0px 10px rgba(0, 0, 0, 0.8);
}
.img-radius3{
	background-image: url("images/image10.jpg");
	 width:  300px;
	 height: 300px;
	 border-radius: 50%;
	 background-position: center center;
	 display: inline-block;
	 border: 12px solid rgba(82,195,241,0.5);
	 box-shadow: 0px 0px 10px #ccc,inset 0px 0px 10px rgba(0, 0, 0, 0.8);
}



/*************************************************

◆背景で画像を指定◆
//使用場所//
・top-page=トップページ

*************************************************/
.visual-area-top-page {
	background: url(images/image07.jpg) center center no-repeat;
	background-size: cover;
	height: 400px;
}
.visual-area-top-page2 {
	background: url(images/image11.jpg) center center no-repeat;
	background-size: cover;
	height: 500px;
}
.visual-area-top-page3 {
	background: url(images/image12.jpg) center center no-repeat;
	background-size: cover;
	height: 500px;
}


/*************************************************

画像にのせている中の文字

*************************************************/

.boxString{
  position   : absolute;
  display    : inline-block;
  padding    : 0;
/*  color      : #000;*/
color:#fff;
  top        : 50%;
  left       : 50%;
  transform  : translate(-50%,-50%);
  z-index    : 5;
	margin-top: 0;
font-size:4rem;
	font-weight: bold;
	text-shadow: 1px 1px 1px #333,
	-1px 1px 1px #333,
	1px -1px 1px #333,
	-1px -1px 1px #333;
	font-weight:500;
}

/*************************************************

ヘッダー(スライダーの上のタイトルやロゴ部分)

*************************************************/

.company-name, .head-inquiry-info, .head-inquiry-tel-number {
	margin-bottom: 0;
}

.company-name {
	font-size: 2.4rem;
	color:#2a8e84;
}

.head-inquiry-tel-number {
	margin-top:70px;
	font-size: 1.5rem;
	color:#f6e7ca;
}

.head-info-area, .head-logo-area {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.head-info-area {
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top:1rem;
	margin-bottom:1rem;
}

/*************************************************

ウェブフォント

*************************************************/

/****************************
　↓　fonts/utsukushi-m.woff（うつくし明朝）
****************************/
.font-utsukushi-m{
	font-family:'utsukushi-m.woff', 'ＭＳ Ｐ明朝','MS PMincho',sans-serif;}

	/****************************
	　↓　fonts/Kokoro.woff(こころ明朝体)
	****************************/
	.font-kokoro{
		font-family:'Kokoro.woff', 'ＭＳ Ｐ明朝','MS PMincho',sans-serif;}


/*************************************************

トップページのメニューをスクロール時固定(+jsをhtml下部に記載)

*************************************************/

.g-nav{
	width: 100%;
	z-index: 10;
}

.fixed{
	position: fixed;
	top: 0;
	left: 0;
}

/**************************
	 調整
**************************/

.mar-t1{margin-top:10px;}
.mar-t2{margin-top:20px;}
.mar-t3{margin-top:30px;}
.mar-t4{margin-top:40px;}
.mar-t5{margin-top:50px;}
.mar-t6{margin-top:60px;}
.mar-t7{margin-top:70px;}
.mar-t8{margin-top:80px;}
.mar-t9{margin-top:90px;}
.mar-t10{margin-top:100px;}

.mar-tm1{margin-top:-10px;}
.mar-tm2{margin-top:-20px;}
.mar-tm3{margin-top:-30px;}
.mar-tm4{margin-top:-40px;}
.mar-tm5{margin-top:-50px;}
.mar-tm6{margin-top:-60px;}
.mar-tm7{margin-top:-70px;}
.mar-tm8{margin-top:-80px;}
.mar-tm9{margin-top:-90px;}
.mar-tm10{margin-top:-100px;}

.mar-r1{margin-right:10px;}
.mar-r2{margin-right:20px;}
.mar-r3{margin-right:30px;}
.mar-r4{margin-right:40px;}
.mar-r5{margin-right:50px;}
.mar-r6{margin-right:60px;}
.mar-r7{margin-right:70px;}
.mar-r8{margin-right:80px;}
.mar-r9{margin-right:90px;}
.mar-r10{margin-right:100px;}

.mar-rm1{margin-right:-10px;}
.mar-rm2{margin-right:-20px;}
.mar-rm3{margin-right:-30px;}
.mar-rm4{margin-right:-40px;}
.mar-rm5{margin-right:-50px;}
.mar-rm6{margin-right:-60px;}
.mar-rm7{margin-right:-70px;}
.mar-rm8{margin-right:-80px;}
.mar-rm9{margin-right:-90px;}
.mar-rm10{margin-right:-100px;}

.mar-b05{margin-bottom:5px;}
.mar-b1{margin-bottom:10px;}
.mar-b2{margin-bottom:20px;}
.mar-b3{margin-bottom:30px;}
.mar-b4{margin-bottom:40px;}
.mar-b5{margin-bottom:50px;}
.mar-b6{margin-bottom:60px;}
.mar-b7{margin-bottom:70px;}
.mar-b8{margin-bottom:80px;}
.mar-b9{margin-bottom:90px;}
.mar-b10{margin-bottom:100px;}

.mar-bm1{margin-bottom:-10px;}
.mar-bm2{margin-bottom:-20px;}
.mar-bm3{margin-bottom:-30px;}
.mar-bm4{margin-bottom:-40px;}
.mar-bm5{margin-bottom:-50px;}
.mar-bm6{margin-bottom:-60px;}
.mar-bm7{margin-bottom:-70px;}
.mar-bm8{margin-bottom:-80px;}
.mar-bm9{margin-bottom:-90px;}
.mar-bm10{margin-bottom:-100px;}

.mar-l1{margin-left:10px;}
.mar-l2{margin-left:20px;}
.mar-l3{margin-left:30px;}
.mar-l4{margin-left:40px;}
.mar-l5{margin-left:50px;}
.mar-l6{margin-left:60px;}
.mar-l7{margin-left:70px;}
.mar-l8{margin-left:80px;}
.mar-l9{margin-left:90px;}
.mar-l10{margin-left:100px;}

.mar-lm1{margin-left:-10px;}
.mar-lm2{margin-left:-20px;}
.mar-lm3{margin-left:-30px;}
.mar-lm4{margin-left:-40px;}
.mar-lm5{margin-left:-50px;}
.mar-lm6{margin-left:-60px;}
.mar-lm7{margin-left:-70px;}
.mar-lm8{margin-left:-80px;}
.mar-lm9{margin-left:-90px;}
.mar-lm10{margin-left:-100px;}

.pad-t1{padding-top:10px;}
.pad-t1_5{padding-top:15px;}
.pad-t2{padding-top:20px;}
.pad-t3{padding-top:30px;}
.pad-t4{padding-top:40px;}
.pad-t5{padding-top:50px;}
.pad-t6{padding-top:60px;}
.pad-t7{padding-top:70px;}
.pad-t8{padding-top:80px;}
.pad-t9{padding-top:90px;}
.pad-t10{padding-top:100px;}

.pad-tm1{padding-top:-10px;}
.pad-tm2{padding-top:-20px;}
.pad-tm3{padding-top:-30px;}
.pad-tm4{padding-top:-40px;}
.pad-tm5{padding-top:-50px;}
.pad-tm6{padding-top:-60px;}
.pad-tm7{padding-top:-70px;}
.pad-tm8{padding-top:-80px;}
.pad-tm9{padding-top:-90px;}
.pad-tm10{padding-top:-100px;}

.pad-r1{padding-right:10px;}
.pad-r2{padding-right:20px;}
.pad-r3{padding-right:30px;}
.pad-r4{padding-right:40px;}
.pad-r5{padding-right:50px;}
.pad-r6{padding-right:60px;}
.pad-r7{padding-right:70px;}
.pad-r8{padding-right:80px;}
.pad-r9{padding-right:90px;}
.pad-r10{padding-right:100px;}

.pad-rm1{padding-right:-10px;}
.pad-rm2{padding-right:-20px;}
.pad-rm3{padding-right:-30px;}
.pad-rm4{padding-right:-40px;}
.pad-rm5{padding-right:-50px;}
.pad-rm6{padding-right:-60px;}
.pad-rm7{padding-right:-70px;}
.pad-rm8{padding-right:-80px;}
.pad-rm9{padding-right:-90px;}
.pad-rm10{padding-right:-100px;}

.pad-b1{padding-bottom:10px;}
.pad-b2{padding-bottom:20px;}
.pad-b3{padding-bottom:30px;}
.pad-b4{padding-bottom:40px;}
.pad-b5{padding-bottom:50px;}
.pad-b6{padding-bottom:60px;}
.pad-b7{padding-bottom:70px;}
.pad-b8{padding-bottom:80px;}
.pad-b9{padding-bottom:90px;}
.pad-b10{padding-bottom:100px;}

.pad-bm1{padding-bottom:-10px;}
.pad-bm2{padding-bottom:-20px;}
.pad-bm3{padding-bottom:-30px;}
.pad-bm4{padding-bottom:-40px;}
.pad-bm5{padding-bottom:-50px;}
.pad-bm6{padding-bottom:-60px;}
.pad-bm7{padding-bottom:-70px;}
.pad-bm8{padding-bottom:-80px;}
.pad-bm9{padding-bottom:-90px;}
.pad-bm10{padding-bottom:-100px;}

.pad-l1{padding-left:10px;}
.pad-l2{padding-left:20px;}
.pad-l3{padding-left:30px;}
.pad-l4{padding-left:40px;}
.pad-l5{padding-left:50px;}
.pad-l6{padding-left:60px;}
.pad-l7{padding-left:70px;}
.pad-l8{padding-left:80px;}
.pad-l9{padding-left:90px;}
.pad-l10{padding-left:100px;}

.pad-lm1{padding-left:-10px;}
.pad-lm2{padding-left:-20px;}
.pad-lm3{padding-left:-30px;}
.pad-lm4{padding-left:-40px;}
.pad-lm5{padding-left:-50px;}
.pad-lm6{padding-left:-60px;}
.pad-lm7{padding-left:-70px;}
.pad-lm8{padding-left:-80px;}
.pad-lm9{padding-left:-90px;}
.pad-lm10{padding-left:-100px;}

/*************************************************

    bootstrapナビゲーション変更

*************************************************/
.navbar {
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  width: 100%;
  margin-bottom: 0;
  min-height: auto;
}
/*
.navbar.stick {
  position: fixed;
  top: 0;
  left: 0;
  opacity: .85;
  z-index: 100;
}
*/
@media only screen and (min-width : 992px) {
    /* デスクトップ表示ではホバー操作でドロップダウンを表示 */
.dropdown:hover .dropdown-menu {
  display: block;
}
  /* navbar センター揃え */
.navbar-collapse .navbar-nav {
	float:none;
	margin:0 auto;
	text-align:center;
}
.navbar-collapse .navbar-nav>li {
	display:inline-block;
	float:none;
	font-size:1.6rem;
	vertical-align:middle;
}
.navbar-nav {
	font-size:0;
}
}


/* navbar 全体の背景色とボーダーカラー */
.navbar-default {
background-color: rgba(238,238,238,0.6);
border-color: #fff;

}
/* navbar テキストカラー */
.navbar-default .navbar-nav > li > a {
color: #222;
}
/* navbar hover,focus時のテキストカラー */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #fff;
background-color: #52c3f1;/*transparent;*/
}
/* navbar active設定時のカラー */
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
color: #222;
background-color: rgba(113,210,249,0.6);
}
/* navbar ドロップダウン(親)のカラー */
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
color: #222;
background-color: rgba(113,210,249,0.6);
}
/* navbar ドロップダウン(子)のボックスカラー */
.dropdown-menu {
background-color: #eee;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 6px 12px rgba(94, 136, 129, 0.35);
box-shadow: 0 6px 12px rgba(94, 136, 129, 0.35);
padding: 0;
}
/* navbar ドロップダウン(子)テキストカラー */
.dropdown-menu>li>a {
color: #222;
padding: 15px 20px;
}
/* navbar ドロップダウン(子)focus,hover時のカラー */
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
color: #fff;
background-color: #68be83;
}
/* navbar ドロップダウン(子)内の区切り線(class=”divider”)のカラー */
.dropdown-menu .divider {
background-color: #ccc;
}
/* navbar 画面サイズ991px以下の時のカラー */
@media (max-width:991px) {
.navbar-nav > li > a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
  padding: 20px 10px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #222;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color: #fff;
background-color: #68be83;/*transparent*/
}
/* ドロップダウンactive設定時のカラー */
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #fff;
background-color: #68be83;
}
}
/* navbar ハンバーガー四角枠 */
.navbar-default .navbar-toggle {
border-color: #aaa;
}
/* navbar ハンバーガー三本線 */
.navbar-default .navbar-toggle .icon-bar {
background-color: #aaa;
}
/* navbar ハンバーガーボタン,タップとホバーした時の背景色 */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: #eee;
}
/* navbar ハンバーガーボタン,タップとホバーした時の四角枠 */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
border-color: #aaa;
}
/* navbar ハンバーガーボタン,タップとホバーした時の三本線 */
.navbar-default .navbar-toggle:focus > .icon-bar,
.navbar-default .navbar-toggle:hover > .icon-bar {
background-color: #aaa;
}
/* navbar Brandのカラー */
.navbar-default .navbar-brand {
color: #ff5555;
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
color: #ff5555;
background-color: transparent;
}

/*************************************************

    bootstrapナビゲーション変更ここまで

*************************************************/
/**************************
	 パンくずリスト
**************************/
.breadcrumbs {
	margin-top: 10px;
	font-size: 1.4rem;
}
.breadcrumbs a {
	color: #3c633d;
}
/**************************
	 画像トリミング
**************************/
.catch-that-image {
  max-width: 370px;  /* トリミングしたい幅 */
  height: 200px;  /* トリミングしたい高さ */
  overflow: hidden;
  position: relative;
	margin: 10px auto;
}
.catch-that-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
/**************************
	 ページネーション
**************************/
.pagination {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
  justify-content: space-between;
}

/*************************************************

フッター

*************************************************/

.copyright {
  font-size: 1.2rem;
  text-align: center;
	color:#fff;
	z-index    : 5;
  text-shadow: 1px 1px 1px #333,
	-1px 1px 1px #333,
	1px -1px 1px #333,
	-1px -1px 1px #333;
}

.copyright a{
	color:#fff;
	font-weight: bold;
}

.ft-box{
	background: rgba(255, 255, 255, .8);
  padding: 0.5em 1em;
  margin: 2rem 0;
  color: #5d627b;
  border-top: solid 5px #5d627b;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	min-height: 350px;
}

.footer1{
padding-bottom:1px;
background: -moz-linear-gradient(to top, #c4c5c7 0%, #dcdddf 52%, #ebebeb 100%);
background: -webkit-linear-gradient(to top, #c4c5c7 0%, #dcdddf 52%, #ebebeb 100%);
background: linear-gradient(to top, #c4c5c7 0%, #dcdddf 52%, #ebebeb 100%);
height:auto;
background: url(images/image12.jpg) center center no-repeat;
background-size:cover;
}

/*************************************************

ボタン

*************************************************/
.square_btn{
    display: inline-block;
    padding: 0.5em 4.5em;
    text-decoration: none;
    background: #222;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #111;
    border-radius: 3px;
}
.square_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-bottom: none;
}


.square_btn2 {
    display: inline-block;
    padding: 2rem 12rem;
    text-decoration: none;
    color: #fff;
		text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    border: solid 2px #222;
    border-radius: 3px;
    transition: .4s;
		background: #222;
}

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

.square_btn:hover {
    background: #52c3f1;
		text-decoration: none;
  border-bottom: solid 4px #43a4cc;
}



/*************************************************

アイコン

*************************************************/

/**下矢印(↓)**/
.fa-arrow-down:before {
  content: "\f063";
}

/**三角矢印ー右(→)**/
.fa-caret-right:before {
  content: "\f0da";
}

/**アクセスマップ**/
.fa-map-marker:before {
  content: "\f041";
}
/**連絡先(電話マーク)**/
.fa-phone:before {
  content: "\f095";
}

/**サークル(白丸)**/
.fa-circle-thin:before {
  content: "\f1db";
}

/**カレンダー**/
.fa-calendar-alt:before {
  content: "\f073";
}

/**サイトマップ**/
.fa-sitemap:before {
  content: "\f0e8";
}

/**ナイフとフォーク**/
.fa-cutlery:before {
  content: "\f0f5";
}

/**リーフ**/
.fa-pagelines:before {
  content: "\ff18c";
}

/**アイコンを反転させる**/
.fa-flip-horizontal {
  transform: scale(-1, 1);
}

/*************************************
ギャラリー用
**************************************/









/*************************************************

    上へ戻るボタン

*************************************************/
#page_top{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #24406c;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  color: #24406c;
}



/**************************
	767px以下
**************************/
@media ( max-width: 47.938em ) {
.alignleft,
.alignright {
	display: block;
	float: none;
	margin: 0 auto;
}

/**インデックストップ画像**/
.block_bg{
  background: url('images/top-image.jpg') center;
  background-size: cover;
  width: 100%;
  padding-top: 60%;
}

/**ヘッダーのサブタイトル部分**/
.head-inquiry-tel-number {
	margin-top:10px;
	margin-bottom:10px;
	font-size: 1.5rem;
	color:#f6e7ca;
}

/**スライダーの高さ調整**/
.swiper-container {
    width: 90%;
    height: 100%;
}

/**ボタンその4**/
.btn-flat-border4 {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
	background: #ae5da1;
  color: white;
	border: solid 2px #ae5da1;
	border-radius: 3px;
	width:100%;
	text-align: left;
}

.btn-flat-border4:hover {
	color: #ae5da1;
	background: white;
	text-decoration: none;
transition: .4s;
}

}
/**************************
	767px以下横向き
**************************/
@media ( max-width: 47.938em ) and ( orientation: landscape ) {

}
/**************************
	768px以上
**************************/
@media ( min-width: 48em ) {
.br-sp {
  display: none;
}
}

/**************************
	★追加★545px以上750px以下
**************************/
@media ( min-width: 34.063em ) and ( max-width: 46.875em ) {


}

/**************************
	768px以上991px以下
**************************/
@media ( min-width: 48em ) and ( max-width: 61.938em ) {
.catch-that-image {
  height: 150px;
}

}
/**************************
	991px以下
**************************/
@media ( max-width: 61.938em ) {
	/**スライダーの高さ調整**/
	.swiper-container {
	    width: 90%;
	    height: 100%;
	}

}
/**************************
	768px以上1024px以下縦向き
**************************/
@media ( min-width: 48em ) and ( max-width: 64em ) and ( orientation: portrait ) {

}
/**************************
	768px以上1024px以下横向き
**************************/
@media ( min-width: 48em ) and ( max-width: 64em ) and ( orientation: landscape ) {

}
/**************************
	1025px以上
**************************/
@media  ( min-width: 64.063em ) {

}