@charset "utf-8";
@import url(//use.fontawesome.com/releases/v5.7.2/css/all.css);

/*=====================================================================
//	reset
=====================================================================*/

* {
  padding: 0;
  margin: 0 auto;
  font-size: 96%;
}

html, body, span, applet, object, iframe, p,blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: none;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  line-height: 1.4;
  /*vertical-align: baseline !important;*/
}

body, html { margin: 0; background-color: #F2F0EB;font-family: Raleway; }


ol, ul {list-style: none;}

/* circle cut */

.circle-img{
    border-radius: 50%;
    width:  100%;
    height: 100%;
}

main{
  overflow-x: hidden;
}

/*=====================================================================
//	clearfix
=====================================================================*/

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*/
  /*/
	height: auto;
	overflow: hidden;
	/**/
}

.both {clear: both;}

/*=====================================================================
//	mediaQuery default
=====================================================================*/

.sm-br{display: none;}

/*=====================================================================
//	hover
=====================================================================*/

a.hoverOpa:hover{
  filter: alpha(opacity=70);
  -webkit-opacity: 0.70;
  -moz-opacity: 0.70;
  opacity: 0.70;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/*=====================================================================
//	bootstrap
=====================================================================*/



/*=====================================================================
// text
=====================================================================*/

.text-vertical-flex{
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Text color */
.text-color-red{color: #a60707 !important;}
.text-color-w{color: #FFFFFF !important;}
.text-color-gr{color: #494949 !important;}

/* Text　link color */
.text-color-w a{color: #FFFFFF !important;}
.text-color-w a:hover,
.text-color-w a:active{
  color: #b7b7b7 !important;
  text-decoration: underline;
}

/* Text weight */
.text-bold{font-weight: bold;}

/* Lead text */
.text-Leadtext12{font-size: 12px !important; line-height: 1.4 !important;}
.text-Leadtext16{font-size: 16px !important; line-height: 1.7 !important;}
.text-Leadtext18{font-size: 18px !important; line-height: 1.8 !important;}
.text-Leadtext20{font-size: 20px !important; line-height: 1.8 !important;}
.text-Leadtext24{font-size: 24px !important; line-height: 1.8 !important;}
.text-Leadtext28{font-size: 28px !important; line-height: 1.8 !important;}

.text-titletext35{font-size: 35px !important; line-height: 1.6 !important;}
.text-titletext45{font-size: 45px !important; line-height: 1.6 !important;}

/*=====================================================================
//	contents bg
=====================================================================*/

.bg-color-w{background: #FFF !important;}
.bg-color-gray{background: #282727 !important; color: #FFF !important;}


#main-img-bglayer::after{
  content: '';
  background-color: #77673B;
  width: 83.33333%;
  height: 90%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -9999;
}

/*=====================================================================
//	border
=====================================================================*/

.border-top-gr1{border-top:#b7b7b7 solid 1px;}
.border-bottom-gr1{border-bottom:#b7b7b7 solid 1px;}
.border-left-gr1{border-left:#b7b7b7 solid 1px;}

.border-top-w1{border-top:#fff solid 1px;}

/*=====================================================================
//	list
=====================================================================*/

ul li {
  line-height: 1.5;
}

ul.list-disc li {
  list-style: disc;
  list-style-position: inside !important;
}

ul.list-num li {
  list-style: decimal;
  list-style-position: inside !important;
}

/*=====================================================================
//	table
=====================================================================*/

td,th{
    margin: 0 !important;
    padding: 5px　10px !important;
    line-height: 2;
}

th{
  background-color: #F4F4F4;
}


.table-tb-border{
  border-top: 1px var(--bs-dark) solid;
}

.table-tb-border td,
.table-tb-border th{
  padding: 20px !important;
}

.table-tb-border td{
  border-bottom: 1px var(--bs-dark) solid;
  border-collapse: collapse;
}

.table-tb-border th{
  border-right: 1px var(--bs-dark) solid;
  border-bottom: 1px var(--bs-dark) solid;
  border-collapse: collapse;  
}

/*=====================================================================
//	position | display |
=====================================================================*/

.fixed{position: fixed !important;}
.relative{position: relative !important;}

.position-left{left:0 !important;}
.position-right{right: 0 !important;}

.display-block{display: block !important;}
.display-inline{display: inline !important;}

/*=====================================================================
//	button
=====================================================================*/

.btn-txt12{font-size: 12px;}
.btn-txt24b{font-size: 24px; font-weight: bold; line-height: 1.7;}
.btn-txt28b{font-size: 28px; font-weight: bold;}

/*=====================================================================
//	header
=====================================================================*/


/*=====================================================================
//	main-visual
=====================================================================*/

/* .main-visual{width: 90%; float: left; display: block;}
.main-navi{width: 10%; float: left; display: block;} */

/*=====================================================================
//	footer
=====================================================================*/

footer small{
  width: 100%;
  font-size: 75% !important;
  padding: 10px 0 !important;
  text-align: center;
  display: block;
}

/*=====================================================================
//	Google map
=====================================================================*/

.google-map-area {
  position: relative;
  padding-top: 30px;
  min-height:480px;
  max-height: 800px;
  padding: 0;
  overflow: hidden;
}

.google-map-area iframe,
.google-map-area object,
.google-map-area embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

/*=====================================================================
//	Navi menu
=====================================================================*/



/*=====================================================================
//	parallax
=====================================================================*/


.parallax-img{
  min-height: 500px;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
}

.plx-image-main {
  min-height: 850px !important;
  background: url('../img/top-main-img.jpg') no-repeat center 0 fixed;
}


/*=====================================================================
//	animation
=====================================================================*/



@import url('https://fonts.googleapis.com/css?family=Merienda');

.background {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 0;
}

/* Default Styling */

.main-move {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.box {
  border-radius: 5px;
  padding: 20px;
  text-align: center;
  position: absolute;
  z-index: 1;
}