@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP');
html {
  font-family: 'Noto Serif JP', serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}



article,
aside,
footer,
header,
nav,
section {
  display: block;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
	touch-action: manipulation;
	text-decoration: none;
	color: rgba(0,0,0,1.00)
}

a:active,
a:hover {
  outline-width: 0;
	color:rgba(112,112,112,1.00)
}

ol, ul {
	list-style: none;
	padding-left: 0;
}

ul {
	list-style-position: inside
}



iframe {
	border: none
}

img {max-width: 100%; height: auto;display: block;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {
	padding: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	word-break: break-word;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999;
  text-align: center;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  opacity: 1;
}

.clearfix:before, .clearfix:after, .container:before, .container:after,.colums:before, .colums:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after{
    content: " ";
    display: table;
}

.clearfix:after, .container:after, .colums:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after {
    clear: both;
}

.wrap {
  position: relative;
	overflow: hidden;
}


/*　***********************
　　　　header
**********************　*/

header { width: 100%;height: 100px; transition: .3s;position: fixed;top:0;z-index:999;color: white;}

header,header .container{ display: flex;display: -webkit-flex; /* Safari */}

header #menu-trigger {display: block;}

header #menu-trigger {position: absolute;right: 1rem;z-index: 999;}

@media screen and (min-width: 992px){
header #navigation,header #menu-trigger {display: none;}
}

header #logo{transition: .3s;position: relative;z-index: 999;margin: 0 ;line-height: inherit;width: 25%;font-size: 160%;}
header #navigation {width: 75%;}
header #logo,header #navigation {display: flex;display: -webkit-flex; /* Safari */  -webkit-align-items: center; /* Safari */align-items:center;font-weight: 800;}

@media screen and (max-width: 991px){
header #logo{width:60%;}
header #navigation{position: absolute; right:0;background-color:rgba(0,0,0,1.00);width: 100%;min-height: 1px;z-index: 888;}
header #navigation{display: none;}
header.show #navigation ul{max-height: 30em;width: 100%;}
header #navigation ul{  -webkit-flex-direction: column; /* Safari */flex-direction:column;}
header #navigation ul li{ width: 100%;padding-top: 0.5em;padding-bottom: 0.5em;text-align: center; color: white;}
header #navigation ul a{color: white !important; text-decoration: none;}
}



header #navigation ul {width: 100%;display: flex;display: -webkit-flex; /* Safari */  -webkit-justify-content: space-around; /* Safari */justify-content:space-around;  -webkit-align-items: center; /* Safari */align-items:center;}

header #navigation ul a{color: white;text-decoration:none;}

/*メニュー*　HERO*/

@media screen and (min-width: 992px){
.hu #navigation{display: none;}


.hu #navigation {width: 100%;}
.hu #navigation {display: flex;display: -webkit-flex; /* Safari */  -webkit-align-items: center; /* Safari */align-items:center;}
	
.is-animations #navigation{position: fixed;margin-left: 30%; width: 70%;top:0;right: 0; z-index: 999;}
}

@media screen and (max-width: 991px){
.hu #navigation{position: fixed; right:0;background-color:rgba(0,0,0,1.00);width: 100%;min-height: 1px;z-index: 888;}
.hu #navigation{display: none;}
.hu #navigation ul{max-height: 30em;width: 100%;}
.hu #navigation ul{  -webkit-flex-direction: column; /* Safari */flex-direction:column;}
.hu #navigation ul li{ width: 100%;padding-top: 0.5em;padding-bottom: 0.5em;text-align: center; color: white;}
.hu #navigation ul a{color: white !important; text-decoration: none;}
}
.hu #navigation ul {width: 100%;display: flex;display: -webkit-flex; /* Safari */  -webkit-justify-content: space-around; /* Safari */justify-content:space-around;  -webkit-align-items: center; /* Safari */align-items:center;}
.hu #navigation ul a{color: black;text-decoration:none;}

.hu #navigation ul li.tel{font-size: 150%;text-align: center; }
.hu #navigation ul li span{font-size: 50%;display: block;width: 100%;}



/*メニュー　左右分け*/
header.head_mlr{position: relative;}
header.head_mlr ul{width: 40% !important;}
header.head_mlr #navigation{width: 100%;}
#menu_lr{width: 100%;  display: -webkit-flex; /* Safari */display: flex;  -webkit-align-items: center; /* Safari */align-items:center;  -webkit-flex-wrap: wrap; /* Safari */ flex-wrap: wrap;}
header.head_mlr #logo_inner{width: 100%;text-align: center;}
@media screen  and (min-width: 992px){
	header.head_mlr #navigation{position: absolute; left: 0; margin-left: auto;margin-right: auto;}
}
@media screen  and (max-width: 991px){
	body header.head_mlr ul{width: 100% !important;}
	body header.head_mlr ul:not(:last-child){margin-bottom: 0;}
	body header.head_mlr ul:not(:first-child){margin-top: 0;}
}


/*メニュー　TEL付き*/
header #navigation ul li.tel{font-size: 150%;text-align: center; }
header #navigation ul li span{font-size: 50%;display: block;width: 100%;}
	



/*HERO　スクロール後*/

header.is-animation{position: fixed; top:0;height: 80px;z-index: 990;background-color: rgb(0, 0, 0);}

/*HERO　重ねメニュー*/
header.head_top{position:fixed; top :0; z-index: 990;background-color: inherit;}

/*　***********************
　　　　contents
**********************　*/

#wrap,#contents{width: 100%}
#contents{margin-top: 2em;margin-bottom: 2em;}


/*　***********************
　　　　container
**********************　*/

.container{margin-left: auto; margin-right: auto;}

@media screen and  (min-width: 1200px){
.container{width: 1170px;}
.container2 {width: 900px;margin-left: auto;margin-right: auto;}
.container3 {width: 1500px;margin-left: auto;margin-right: auto;margin-top: 2em;margin-bottom: 18em;}	
}

@media screen and (min-width: 992px) and (max-width: 1199px){
.container{width: 970px;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
.container{width: 750px;
	}
}

@media screen and (max-width: 767px){
.container{width: 100%;    padding-right: 20px;
    padding-left: 20px;}		
}

.colums{display: -webkit-flex; /* Safari */display: flex; -webkit-flex-wrap: wrap; /* Safari */flex-wrap: wrap;}

/*　***********************
　　グリッドシステム
**********************　*/


/*グリッドシステム　左右マージン*/
.colums{margin-left: -15px; margin-right: -15px;}

.gm_none{margin-left: 0px !important; margin-right: 0px !important;}
.gm_none [class*="grid_"]{padding:0 !important;margin-bottom: 0 !important;}

/*グリッドシステム　各パーツ*/
[class*="grid_"] {position: relative;min-height: 1px;width: 100%;}

/*グリッドシステム　各パーツ左右マージン*/
[class*="grid_"]  {padding-left: 15px; padding-right: 15px;padding-bottom: 15px;}

.glid_bn{padding-bottom: 0;}
.glid_an{padding: 0;}

@media (max-width: 767px){
[class*="grid_"] {margin-bottom: 30px;}
.colums{width:100%;}
.colums{margin-left: 0; margin-right:0;}
}



/*グリッドシステム　レスポンシブ設定*/

.grid_xs_12 {
	width: 100%;
}
.grid_xs_11 {
	width: 91.66666667%;
}
.grid_xs_10 {
	width: 83.33333333%;
}
.grid_xs_9 {
	width: 75%;
}
.grid_xs_8 {
	width: 66.66666667%;
}
.grid_xs_7 {
	width: 58.33333333%;
}
.grid_xs_6 {
	width: 50%;
}
.grid_xs_5 {
	width: 41.66666667%;
}
.grid_xs_4 {
	width: 33.33333333%;
}
.grid_xs_3 {
	width: 25%;
}
.grid_xs_2 {
	width: 16.66666667%;
}
.grid_xs_1 {
	width: 8.33333333%;
}

.grid_xs_fifth {
 width: 20%;
}

@media (min-width: 768px) {
.grid_sm_12 {
 width: 100%;
}
 .grid_sm_11 {
 width: 91.66666667%;
}
 .grid_sm_10 {
 width: 83.33333333%;
}
 .grid_sm_9 {
 width: 75%;
}
 .grid_sm_8 {
 width: 66.66666667%;
}
 .grid_sm_7 {
 width: 58.33333333%;
}
 .grid_sm_6 {
 width: 50%;
}
 .grid_sm_5 {
 width: 41.66666667%;
}
 .grid_sm_4 {
 width: 33.33333333%;
}
 .grid_sm_3 {
 width: 25%;
}
 .grid_sm_2 {
 width: 16.66666667%;
}
 .grid_sm_1 {
 width: 8.33333333%;
}
	
.grid_sm_fifth {
 width: 20%;
}
		
}

@media (min-width: 992px) {
 .grid_md_12 {
 width: 100%;
}
 .grid_md_11 {
 width: 91.66666667%;
}
 .grid_md_10 {
 width: 83.33333333%;
}
 .grid_md_9 {
 width: 75%;
}
 .grid_md_8 {
 width: 66.66666667%;
}
 .grid_md_7 {
 width: 58.33333333%;
}
 .grid_md_6 {
 width: 50%;
}
 .grid_md_5 {
 width: 41.66666667%;
}
 .grid_md_4 {
 width: 33.33333333%;
}
 .grid_md_3 {
 width: 25%;
}
 .grid_md_2 {
 width: 16.66666667%;
}
 .grid_md_1 {
 width: 8.33333333%;
}
.grid_md_fifth {
 width: 20%;
}
}

@media (min-width: 1200px) {
 .grid_lg_12 {
 width: 100%;
}
 .grid_lg_11 {
 width: 91.66666667%;
}
 .grid_lg_10 {
 width: 83.33333333%;
}
 .grid_lg_9 {
 width: 75%;
}
 .grid_lg_8 {
 width: 66.66666667%;
}
 .grid_lg_7 {
 width: 58.33333333%;
}
 .grid_lg_6 {
 width: 50%;
}
 .grid_lg_5 {
 width: 41.66666667%;
}
 .grid_lg_4 {
 width: 33.33333333%;
}
 .grid_lg_3 {
 width: 25%;
}
 .grid_lg_2 {
 width: 16.66666667%;
}
 .grid_lg_1 {
 width: 8.33333333%;
}
	
.grid_lg_fifth {
 width: 20%;
}
}

/*　***********************
　　button設定
**********************　*/

button {font-family: 'Noto Serif JP', serif;font-size: 100%;line-height: 1.15;margin: 0;}
button{touch-action: manipulation;}
button{overflow: visible;}
button{text-transform: none;}
button{-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner{ border-style: none;padding: 0;}
.btn {color: #fff;background-color: #5cb85c;border-color: #5cb85c;}
.btn {display: inline-block; font-weight: normal;line-height: 1.25;text-align: center;white-space: nowrap;vertical-align: middle; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: 0.5rem 1rem;font-size: 1rem;border-radius: 0.25rem; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.btn:hover {background-color: #3C963C;}
.btn:focus, .btn:hover {text-decoration: none;}
.btn:focus  {outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25);box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25);}
.btn:active, .btn:hover {background-image: none;}
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

/*ボタン*/

.button2 {
  position: relative;
  z-index: 2;
 
  border: 2px solid #333;
  color: #fff;
  line-height: 50px;
	padding: 0.5em;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button2:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
}
.button2::before,
.button2::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #333;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
	position: absolute;
    z-index: -1;
    display: block;
    content: '';

}
.button2::before {
  right: 0;
}
.button2::after {
  left: 0;
}
.button2:hover::before,
.button2:hover::after {
  width: 0;
  background-color: #59b1eb;
}
/*ボタン*/

.button3 {
  position: relative;
  z-index: 2;
 
  border: 2px solid #333;
  color: #fff;
  line-height: 50px;
	padding:　0.5em;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button3:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
}
.button3::before,
.button3::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #333;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
	position: absolute;
    z-index: -1;
    display: block;
    content: '';

}
.button3::before {
  right: 0;
}
.button3::after {
  left: 0;
}
.button3:hover::before,
.button3:hover::after {
  width: 0;
  background-color: #59b1eb;
}
/*　***********************
　　flexbox設定
**********************　*/

/*水平方向左寄せ(基本)*/
.flex{display: -webkit-flex; /* Safari */display: flex;}
/*水平方向右寄せ(基本)*/
.flex_r{display: -webkit-flex; /* Safari */display: flex;-webkit-flex-direction: row-reverse; /* Safari */ flex-direction: row-reverse;}
/*横複数行設定(上から)*/
.f_w{-webkit-flex-wrap: wrap; /* Safari */flex-wrap: wrap;}
/*横複数行設定(下から)*/
.f_w_r{-webkit-flex-wrap: wrap; /* Safari */flex-wrap: wrap;}
/*右寄せ*/
.f_e{-webkit-justify-content: flex-end; /* Safari */justify-content:flex-end;}
/*中央寄せ*/
.f_c{ -webkit-justify-content: center; /* Safari */ justify-content: center;}
/*最初と最後のアイテムは端に、残りは等間隔で配置*/
.f_b{  -webkit-justify-content: space-between; /* Safari */justify-content: space-between;}

/*等間隔に配置*/
.f_s{-webkit-justify-content: space-around; /* Safari */justify-content:space-around;}
/*下寄せ*/
.f_h_e{-webkit-align-items: flex-end; /* Safari */align-items: flex-end;}

/*exコンテナの高さ（または幅）いっぱいに配置*/
.f_h_st{-webkit-align-items: stretch; /* Safari */align-items:  stretch;}
/*縦中央*/
.f_h_c{-webkit-align-items: center; /* Safari */align-items:center;}
/*ベースラインに沿って配置*/
.f_h_b{-webkit-align-items: baseline; /* Safari */align-items:baseline;}

/*flexbox itemのmargin*/

.flex >*{margin-left:15px;margin-right: 15px; margin-bottom: 15px; }
.flex_mn >*{margin-left:0 !important;margin-right: 0 !important; }
.flex_mnc >*{margin: 0 !important; }



/*　***********************
　　HERO
**********************　*/

#hero{position: relative;}
#hero #hr-text {
    position: absolute;
    top: 36%;
    left: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0 5%;
    color: white;
    text-align: center;
}
#hero #hr-text h2,#hero #hr-text p{margin: 0;padding: 0; font-size:8vw;line-height: 1.2em;}
#hero #hr-text p{text-align: right;}

@media all and (max-width:991px){
	#hero #hr-text{display: none;}
	/*#hero #hr-text{top:45%;color: white;}
	 #hero #hr-text h2,#hero #hr-text p{font-size:8vw;text-align: center !important;}*/
}

/****************************
   FOTTER
****************************/
footer{
	padding-top: 2em;
	background-color: rgba(255,255,255,1.00);
}

#footer-wrap{display: -webkit-flex; /* Safari */display: flex;-webkit-align-items: center; /* Safari */align-items:  center;-webkit-flex-wrap: wrap; /* Safari */ flex-wrap: wrap;width: 100%;margin: 2em 0;}
#fw-l{width: 25%;font-size: 160%;font-weight: 500;}
#fw-r{width:75%;}
@media screen and (max-width:991px){
#fw-r ul{display: none !important;}
#fw-l,#fw-r,#fw-r #copyright{width: 100%;text-align: center !important;}

}
#fw-r ul{display: -webkit-flex; /* Safari */display: flex;-webkit-align-items: center; /* Safari */align-items:  center; -webkit-justify-content: space-between; /* Safari */justify-content:space-between;width: 100%;}
#fw-r #copyright{text-align:left;}
#copyright{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 70%;
}

/*****************************
 pagetop
****************************/
#page-top {
    position: fixed;
    bottom: 40px;
    right: 20px;
    font-size: 77%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	 border-radius: 50%;
	background-color: rgba(239,239,239,1.00);
	z-index: 999;
}
#page-top a {
    
    text-decoration: none;
    color: rgba(72,176,114,1.00);

    text-align: center;
    display: block;
   
}
#page-top a:hover {
    text-decoration: none;
}

/*　***********************
　　その他設定
**********************　*/

/*margin*/

.mgt_10{margin-top: 10px;}
.mgt_20{margin-top: 20px;}
.mgt_30{margin-top: 30px;}
.mgt_40{margin-top: 40px;}
.mgt_50{margin-top: 50px;}
.mgt_60{margin-top: 60px;}
.mgt_70{margin-top: 70px;}
.mgt_80{margin-top: 80px;}
.mgt_90{margin-top: 90px;}
.mgt_100{margin-top: 100px;}
.mgt_110{margin-top: 110px;}
.mgt_120{margin-top: 120px;}
.mgt_130{margin-top: 130px;}
.mgt_140{margin-top: 140px;}
.mgt_150{margin-top: 150px;}
.mgt_1em{margin-top: 1em;}
.mgt_2em{margin-top: 2em;}
.mgt_3em{margin-top: 3em;}
.mgt_4em{margin-top: 5em;}

.mgb_10{margin-bottom: 10px;}
.mgb_20{margin-bottom: 20px;}
.mgb_30{margin-bottom: 30px;}
.mgb_40{margin-bottom: 40px;}
.mgb_50{margin-bottom: 50px;}
.mgb_60{margin-bottom: 60px;}
.mgb_70{margin-bottom: 70px;}
.mgb_80{margin-bottom: 80px;}
.mgb_90{margin-bottom: 90px;}
.mgb_100{margin-bottom: 100px;}
.mgb_110{margin-bottom: 110px;}
.mgb_120{margin-bottom: 120px;}
.mgb_130{margin-bottom: 130px;}
.mgb_140{margin-bottom: 140px;}
.mgb_150{margin-bottom: 150px;}
.mgb_1em{margin-bottom: 1em;}
.mgb_2em{margin-bottom: 2em;}
.mgb_3em{margin-bottom: 3em;}
.mgb_4em{margin-bottom: 5em;}

/*padding*/
.pdt_10{padding-top: 10px;}
.pdt_20{padding-top: 20px;}
.pdt_30{padding-top: 30px;}
.pdt_40{padding-top: 40px;}
.pdt_50{padding-top: 50px;}
.pdt_60{padding-top: 60px;}
.pdt_70{padding-top: 70px;}
.pdt_80{padding-top: 80px;}
.pdt_90{padding-top: 90px;}
.pdt_100{padding-top: 100px;}
.pdt_110{padding-top: 110px;}
.pdt_120{padding-top: 120px;}
.pdt_130{padding-top: 130px;}
.pdt_140{padding-top: 140px;}
.pdt_150{padding-top: 150px;}
.pdt_1em{padding-top: 1em;}
.pdt_2em{padding-top: 2em;}
.pdt_3em{padding-top: 3em;}
.pdt_4em{padding-top: 5em;}

.pdb_10{padding-bottom: 10px;}
.pdb_20{padding-bottom: 20px;}
.pdb_30{padding-bottom: 30px;}
.pdb_40{padding-bottom: 40px;}
.pdb_50{padding-bottom: 50px;}
.pdb_60{padding-bottom: 60px;}
.pdb_70{padding-bottom: 70px;}
.pdb_80{padding-bottom: 80px;}
.pdb_90{padding-bottom: 90px;}
.pdb_100{padding-bottom: 100px;}
.pdb_110{padding-bottom: 110px;}
.pdb_120{padding-bottom: 120px;}
.pdb_130{padding-bottom: 130px;}
.pdb_140{padding-bottom: 140px;}
.pdb_150{padding-bottom: 150px;}
.pdb_1em{padding-bottom: 1em;}
.pdb_2em{padding-bottom: 2em;}
.pdb_3em{padding-bottom: 3em;}
.pdb_4em{padding-bottom: 5em;}

/*text-align*/
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}

/*image*/
.image-left {
	float: left;
	margin: 0px 40px 0px 0;
}
.image-right {
	float:right;
	margin: 0px 0 0px 40px;
}
.image-center {
	margin: 5px auto 0 10%!important;
}

.wimg{width: 100%;}



@media print {
html,body {height: auto !important;overflow: hidden!important;}
html,body,#contents,.container,#hero,header,footer{width: 100% !important;}
	header{position: inherit !important;}
.grid_lg_12,.grid_md_12,.grid_sm_12,.grid_xs_12 {width: 100% !important;}
.grid_lg_11,.grid_md_11,.grid_sm_11,.grid_xs_11 {width: 91.66666667% !important;}
.grid_lg_10,.grid_md_10,.grid_sm_10,.grid_xs_10 {width: 83.33333333% !important;}
.grid_lg_9,.grid_md_9,.grid_sm_9,.grid_xs_9 {width: 75% !important;}
.grid_lg_8,.grid_md_8,.grid_sm_8,.grid_xs_8 {width: 66.66666667% !important;}
.grid_lg_7,.grid_md_7,.grid_sm_7,.grid_xs_7 {width: 58.33333333% !important;}
.grid_lg_6,.grid_md_6,.grid_sm_6,.grid_xs_6 {width: 50% !important;}
.grid_lg_5,.grid_md_5,.grid_sm_5,.grid_xs_5 {width: 41.66666667% !important;}
.grid_lg_4,.grid_md_4,.grid_sm_4,.grid_xs_4 {width: 33.33333333% !important;}
.grid_lg_3,.grid_md_3,.grid_sm_3,.grid_xs_3 {width: 25% !important;}
.grid_lg_2,.grid_md_2,.grid_sm_2,.grid_xs_2 {width: 16.66666667% !important;}
.grid_lg_1,.grid_md_1,.grid_sm_1,.grid_xs_1 {width: 8.33333333% !important;}
header #menu-trigger {display: none !important;}
header #navigation { display: block !important;}
#page-top {display: none !important;}
}



/****************************
   triggeメニュー
****************************/
.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.menu-trigger {
	margin-top: 10px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid rgba(199,197,197,1.00) !important;
}

.menu-trigger{
	outline : none !important;

}
.menu-trigger span {
    position: absolute;
    left: 12px;
    width: 25px;
    height: 4px;
    background-color: rgba(0,0,0,1.00);
    border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
    top: 14px;
}
.menu-trigger span:nth-of-type(2) {
    top: 23px;
}
.menu-trigger span:nth-of-type(3) {
    bottom: 12px;
}
.menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-38deg);
    transform: translateY(9px) rotate(-38deg);
}
.menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(38deg);
    transform: translateY(-9px) rotate(38deg);
}

/****************************
プルダウンメニュー
****************************/
#navigation ul li.submenu{position:relative;display: block}
#navigation ul li.submenu .pmenu{display: none;position: absolute; background-color:rgba(255,255,255,1.00);z-index: 991;}

/*位置調整　li.submenuの幅によって変更してください*/
#navigation ul li.submenu .pmenu{width: 180px;/*width: 11em;left: -3.5em;*/}

#navigation ul li.submenu .pmenu ul{margin-top: 3em;margin-left: 1em;margin-right: 1em; width: 100%;-webkit-flex-wrap: wrap; /* Safari */flex-wrap: wrap;}
#navigation ul li.submenu .pmenu ul li{margin-left: 0 !important;text-align: left;margin-bottom: 1em;width: 100%;font-size: 90%;}
#navigation ul li.submenu .pmenu ul li a{color: gray;}

#navigation ul li.submenu .pmenu ul li a i{margin-right: 0.5em;}

@media (max-width: 991px){
#navigation ul ul li{  -webkit-flex-direction: column; /* Safari */ flex-direction:column;}
#navigation ul li.submenu .pmenu{width: 100%; position: relative;background-color: inherit;left:0;}
#navigation ul li.submenu .pmenu ul{margin: 2em 0 0 0 !important;border-top: 1px solid #FFFFFF;}
#navigation ul li.submenu .pmenu ul li{text-align: center;margin-bottom: 0 !important;border-bottom: 1px dotted #FFFFFF;padding: 1em;}
#navigation ul li.submenu .pmenu ul li a{color: white;}
}


/*@media (max-width: 767px){
.grid_xs_1{max-width: 8.333333%;-webkit-box-flex: 0;-webkit-flex: 0 0 8.333333%;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;}
.grid_xs_2{max-width: 16.666666%;-webkit-box-flex: 0;-webkit-flex: 0 0 16.666666%;-ms-flex: 0 0 16.666666%;flex: 0 0 16.666666%;}
.grid_xs_3{ max-width: 25%;-webkit-box-flex: 0;-webkit-flex: 0 0 25%;-ms-flex: 0 0 25%;flex: 0 0 25%;}
.grid_xs_4{ max-width: 33.333333%;-webkit-box-flex: 0;-webkit-flex: 0 0 33.333333%;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;}
.grid_xs_5{ max-width: 41.666666%;-webkit-box-flex: 0;-webkit-flex: 0 0 41.666666%;-ms-flex: 0 0 41.666666%;flex: 0 0 41.666666%;}
.grid_xs_6{ max-width: 50%;-webkit-box-flex: 0;-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;}
.grid_xs_7{ max-width: 58.333333%;-webkit-box-flex: 0;-webkit-flex: 0 0 58.333333%;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;}
.grid_xs_8{ max-width: 66.666666%;-webkit-box-flex: 0;-webkit-flex: 0 0 66.666666%;-ms-flex: 0 0 66.666666%;flex: 0 0 66.666666%;}
.grid_xs_9{ max-width: 75%;-webkit-box-flex: 0;-webkit-flex: 0 0 75%;-ms-flex: 0 0 75%;flex: 0 0 75%;}
.grid_xs_10{ max-width: 83.333333%;-webkit-box-flex: 0;-webkit-flex: 0 0 83.333333%;-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;}
.grid_xs_11{ max-width: 91.666666%;-webkit-box-flex: 0;-webkit-flex: 0 0 91.666666%;-ms-flex: 0 0 91.666666%;flex: 0 0 91.666666%;}
.grid_xs_12{ max-width: 100%;-webkit-box-flex: 0;-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
[class*="grid_lg"],[class*="grid_md"],[class*="grid_sm"]   { max-width: 100%;-webkit-box-flex: 0;-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
}*/


h3.bc_b{width: 100%; text-align: center; background-color:black; color: white;padding-top: 10px;padding-bottom: 10px; font-size: 1em;}


#map{width: 100% !important;}

video {
    width: 100%;
}