.col {
	border:0 !important;
}


html, body {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	font-family:meiryo,'Cabin','Hiragino Kaku Gothic Pro',sans-serif;
	font-family: "YakuHanJP", dnp-shuei-mgothic-std, sans-serif;
	font-size: 15px;
	line-height: 1;
	font-weight: 400;
	border: none;
	color:#2A2929;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:500;
	color:#1D1C1C;
	margin-top:0;
	letter-spacing: 0.9px;
}

p {
	font-size: 15px;
	font-weight:300;
	line-height: 24px;
	letter-spacing: 0.9px;
	color:#2A2929;
}

a{
	color:#7E7A7A;
	background:none;
	text-decoration: none;
	outline: none;
}

a:hover,  a:active,  a:focus {
	color: #1e6493;
	text-decoration: none;
	outline: none;
}

::selection {
	background:#1E1E1E;
	color:#FFF;
}

::-moz-selection{
	background:#1E1E1E;
	color:#FFF;
}

img{
	max-width:100%;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.form-control{
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    margin-bottom:20px;
    font-size: 14px;
    line-height: 25px;
    color: #1E1E1E;
    border: 2px solid #dadada;
    resize: none;
    height:46px;
	width:100%;
    vertical-align: middle;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background:#E9EDED;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.form-control:focus{
    border: 2px solid #1E1E1E;
    background:#F2F7F7;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#pethotel{padding-top:100px}
#trimming{padding-top:100px;border-top: 1px solid #ddd;}



/*========================================================================*/
/*  Common Elements
/*========================================================================*/

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{ width: 100%!important; }

.btn-default {
	background:none;
	border:2px solid #1E1E1E !important;
	padding: 10px 20px;
	box-shadow:none;
	border:none;
	color: #1E1E1E;
	font-size:14px;
	letter-spacing:2px;
	font-weight:600;
	text-decoration: none;
	display: inline-block;
	border-radius:0px;
}

.btn-default:hover,.btn-default:active{
	background:#1E1E1E;
	border-color:#1E1E1E ;
	color:#FFF;
	outline:none;
}

.btn-default:focus {
	background: none;
	box-shadow:none;
	color: #444;
	outline:none;
}

.color-overlay {
	background-color: #000;
	opacity: 0.75;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

::-webkit-input-placeholder {
	color:#1E1E1E !important;
	font-weight: normal;
}

:-moz-placeholder {
	color:#1E1E1E !important;
	font-weight: normal;
}

::-moz-placeholder {
	color:#1E1E1E !important;
	font-weight: normal;
}

:-ms-input-placeholder {
	color:#1E1E1E !important;
	font-weight: normal;
}

.clear{
	clear:both;
}

.scrollup {
    width:35px;
    height:35px;
    position:fixed;
    bottom:30px;
    right:15px;
    display:none;
    background: #1e6493;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius:50%;
    text-align: center;
}

.scrollup i{
	color:#fff;
	font-size:15px;
	display:block;
	line-height:33px;
}

.scrollup:hover{
	background:rgba(0,0,0,.8);

}

.section{
	padding:100px 0 70px;
	position:relative;
}

.section .container{
	position:relative;
}

.section-header {
	text-align: center;
	margin: 0 0 50px;
}

.section-header .smt {
	display: table;
	position: relative;
	margin: 0 auto 20px;
	font-size:30px;
	padding: 0 42px;
}

.section-header .smt:before, .section-header .smt:after {
	display: inline-block;
	content: "";
	border-bottom: 1px solid #AF99C1;
	position: absolute;
	left: 0;
	top: 50%;
	width: 42px;
	margin-top: -1px;
}

.section-header .smt > span {
	display: block;
	padding: 0 30px;
}

.section-header .smt:before, .section-header .smt:after {
	display: inline-block;
	content: "";
	border-bottom: 1px solid #1D1C1C;
	position: absolute;
	left: 0;
	top: 50%;
	width: 42px;
	margin-top: -1px;
}

.section-header .smt:after {
	left: auto;
	right: 0;
}


.section-header .caption {
	font-size:17px;
}

.section-white .section-header h2{
	color:#FFF;
}

.section-white .section-header .smt:before, .section-white .section-header .smt:after {
	border-bottom: 1px solid #FFF;
}

#pageloader {
	width: 100%;
    height: 100%;
    position: fixed;
	background-color:#FFF;
    z-index: 999999;
}

.loader {
	position: absolute;
	width: auto;
	height:height;
	margin: -25px 0 0 -25px;
	top:50%;
	left:50%;
	text-align:center;
}

/*========================================================================*/
/* Header
/*========================================================================*/

.navbar {
    margin-bottom: 0;
    padding: 10px 0;
    background-color: #1e6493;
    /*background-color:#989898;*/
    border-radius:0;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    left: 0;
    right: 0;
    z-index: 999;
    width:100%;
}

.navbar-custom .nav li a {
	font-size: 15px;
	color: #1e6493;
	color: #fff;
	background-color:transparent;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    background-color:transparent; 
	color:#EEE;
}

.navbar-custom .nav li.active a{
	color:#FFF ;
}

.navbar-toggle {
    padding: 4px 4px;
    font-size: 25px;
    color: #FFF;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}

.navbar-brand {
	padding:5px;
	width: 110px;
}

.navbar-brand img {
	margin-top: 5px;
}

.navbar-brand:focus {
    outline: 0;
}


.navbar-custom .nav li a {
    font-size: 15px;
    color: #1e6493;
    color: #fff;
    background-color: transparent;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}



/*========================================================================*/
/*  Flexslider
/*========================================================================*/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0; 
	padding: 0; 
	list-style: none;
}

.flexslider {
	margin: 0; 
	padding: 0;
}

.flexslider .slides > li {
	display: none; 
	-webkit-backface-visibility: hidden;
} 

.flexslider .slides img {
	width: 100%; 
	display: block; 
	height:5px;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.slides:after {
	content: "\0020"; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {display: block;}

.flex-control-nav {
	position:absolute;
	bottom: 20px;
	text-align:center;
	/*width: 100%;*/
	width: 100%;
}

 .flex-control-nav li{
 	margin: 0 3px;
 	display: inline-block;
 }
 .flex-control-nav li a{
 	width: 30px;
 	height: 5px;
 	background: #FFF;
 	text-indent:-9999px;
 	display:block;
 	opacity: 0.4;
 }

 .flex-control-nav li a.flex-active{
 opacity: 1;
 }
 
 
 .flex-direction-nav .flex-prev:hover,
 .flex-direction-nav .flex-next:hover{
 	opacity: 1;
 } 



/*========================================================================*/
/* Slider
/*========================================================================*/



#home {
	width: 100%;
	height: 100%;
	color: #fff;
}

.slider-overlay {
	/*background: url(../images/overlay.png) rgba(255,255,255,.1);*/
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
}

#home .tb {
	position: relative;
	z-index: 999;
}

.slide-text{
	width:100%;
	margin:0 auto;
}

#home h1 img {
	margin-left: -10px;
	margin-bottom: 10px;
}

#home p {
	font-size: 18px;
	margin-bottom: 40px;
	font-weight: normal;
	line-height:28px;
	color:#fff;
	font-weight:300;
}

.tb {
   display: table;
   width: 100%;
   height: 100%;
   position: relative;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8),
   	-1px -1px 1px rgba(255, 255, 255, 0.5);
}

.tb-cell {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
   
  /* 	background-color: #000;
   	opacity:0.3;*/
}

#text-slider{
	padding:0px;
	z-index:10;
	color: #fff;

}

.intro-btn {
	font-size: 18px;
	color: #fff;

/*	border-bottom: 2px solid #fff;*/
	padding: 14px 25px;
	margin: 45px auto 10;
}

.intro-btn:hover,.intro-btn:focus {
	/*background:#FFF;*/
	color:#fff;
	border-bottom: 2px solid #fff;
	/*text-decoration: underline;*/
}

.homeslider{
	width:100%;
	height:100%;
	max-height:100%;
	position: absolute;
}

.homeslider .flex-direction-nav .flex-prev{
 	position: absolute;
 	display:block;
 	left: 20px;
 	top: 50%;
 	z-index:99999;
 	margin-top: -24px;
 	text-indent: -9999px;
 	width: 40px;
 	height: 40px;
 	background:url(../images/left.png) no-repeat left top ;
	opacity:0.6;
 }
 
.homeslider .flex-direction-nav .flex-next{ 
 	position: absolute;
 	display:block;
 	right: 20px;
 	top: 50%;
 	z-index:99999;
 	margin-top: -24px;
	text-align:center;
 	text-indent: -9999px;
 	width: 40px;
 	height: 40px;
 	background:url(../images/right.png) no-repeat left top;
	opacity:0.6;
}

.homeslider .flex-direction-nav .flex-prev:hover,
.homeslider .flex-direction-nav .flex-next:hover{
	opacity:0.7;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
} 
 
.slides{
	height:100%;
	max-height:100%;
}

.bg{
	width: 100% !important;
	height: 100% !important;
	background-size: cover !important;
	position: absolute !important;
	z-index: 2 !important;
	background-attachment: fixed;
}

 .slide1 {
    background: url(../images/slider/slide01.jpg) center center;
} 

.slide2{
    background: url(../images/slider/slide02.jpg) center center;
}

.slide3{
    background: url(../images/slider/slide05.jpg?20221219) center center;
}

.slide4{
    background: url(../images/slider/slide06.jpg) center center;
}



/* -----------------------------------------------------------
#home_news
----------------------------------------------------------- */
#home_news {
    /* float: left; */
    
    flex: 0 0 44%;
    /*background: url(../images/pattern/noise.png) repeat #d9e3eb;*/
    
    padding: 2%;
    background: #fff;
    margin: 0 1%;
    border-radius: 0.3em;
}
@media only screen and (max-width: 900px) {
    #home_news {
        flex: 0 0 96%;
        background: #f0f0f0;
        padding: 80px 2%;
    }
}
@media only screen and (max-width: 736px) {
    #home_news {
        padding: 30px 5%;
        margin-bottom: 10px;
    }
}

/* --------- .newsArea --------- */
#home_news .newsArea {
    margin: 0 auto;
    max-width: 1100px;
    width: 100%;
}
#home_news .newsArea dl {
    margin: 1px 0 0;
    padding: 10px 25px;
    font-size: 13px;
    line-height: 2;
    text-align: left;
    letter-spacing: 1px;
    background: #fefefe;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #ddd;
    /* border-top: 1px solid #ddd; */
    display: flex;
    align-items: center;
}
#home_news .newsArea dl:first-child {
    margin: 0;
}
#home_news .newsArea dl dt {
    /* display: block; */
    /* margin: 0; */
    /* font-family: 'Poppins', sans-serif; */
    font-weight: 500;
    /* text-align: center; */
    line-height: 1.8;
}
#home_news .newsArea dl dt span {
    padding-left: 5px;
    color: #e96c36;
}
#home_news .newsArea dl dd {
    width: 100%;
    display: flex;
    align-items: center;
/*     flex-direction: column; */
}
#home_news .newsArea dl dd img {width:130px;object-fit: contain;height: 60px;}
#home_news .newsArea dl a {
    /* position: absolute; */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    color: #000;
    text-decoration: none;
    position: relative;
    left: 0;
}
#home_news .newsArea dl:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 0;
    content: "";
    border-bottom: transparent 3px solid;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#home_news .newsArea dl:hover:after {
    right: 0;
    border-color: #1e6493;
}
@media only screen and (max-width: 900px) {
    #home_news .newsArea dl:after {
        display: none;
    }
}
@media only screen and (max-width: 736px) {
    #home_news .newsArea dl {
        font-size: 12px;
        flex-direction: column;
        padding: 10px 10px;
        text-align: left!important;
        align-items: center;
    }

	#home_news .newsArea dl dd {
	    width: 100%;
	    display: flex;
	    align-items: center;
	    flex-direction: column;
	}

	
	#home_news .newsArea dl dd img {width:80px;object-fit: contain;}
}




/*========================================================================*/
/*  About us
/*========================================================================*/

#about{
	background:#ffffff;
}

.about-detail{
	margin-bottom:30px;
}

.about-detail p.lead{
	color: #474747;
	font-weight:300;
}

p.lead2{
	text-align: center;
	
}

.about-detail p.txt{
	font-size: 17px;
	line-height:2;
}
.about-detail .line-b{
	border-bottom: 1px dashed #1e6493;
}

.about-detail .line-c{
	background: linear-gradient(transparent 50%, #fffd77 20%);
}


.about-detail2{
	border:1px solid #ddd;
	padding: 0px;
	border-radius: 1em;
	background:#eaf7ff;
	margin-bottom:10px;
}
.about-detail2 p{
	font-size:16px;
	padding:10px
}


.about-detail2 p.tel{
	
}

.about-detail2 p.tel span a{
	color: #fff;
	font-weight:300;
	background:#1e6493;
	padding:10px;
}
.about-detail2 p.tel span a:before{
	font-family:'Font Awesome 6 pro';
	content:'\f4d2';
	padding-right:10px;
}


.osusume4-plan .description .line-c{
	background: linear-gradient(transparent 50%, #fffd77 20%);
}


.panel-group .panel-heading {
    cursor: pointer;
	padding: 15px 15px;
}

.panel-body ul li{
	margin-bottom:5px;
	line-height:20px;
	font-weight:300;
}

.panel-body ul li i{
	margin-right:5px;
}

.panel-group .panel {
    background: none;
    box-shadow: none;
    border-top: 1px solid #ccc;
}

#accordion .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family:'FontAwesome';
    content:"\f077";
    float: right;
    color: inherit;
}

#accordion .panel-heading.collapsed .accordion-toggle:after {
    /* symbol for "collapsed" panels */
    content:"\f078";
}

.about-slider{
	padding-left:80px;
	margin-bottom: 30px;
}

#about-carousel .item{
	width: 100% !important;
}

#about-carousel .item img{
	display: block;
	width: 100% !important;
	max-width:100% !important;
	height: auto;
}

#about-carousel .owl-prev{
	width:40px;
	height: 40px;
	font-size: 0;
	float: left;
	background: rgba(0,0,0,0.9);
	margin-left: 0;
	position: relative;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background-size: 11px;
}

#about-carousel .owl-next {
	width: 40px;
	height: 40px;
	font-size: 0;
	background: rgba(0,0,0,0.9);
	float: right;
	margin-right: 0;
	position: relative;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background-size: 11px;
}

#about-carousel .owl-next:before{
	content: "\f054";
	font-family: FontAwesome;
	color: #fff;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size:15px;
	line-height: 35px;
}

#about-carousel .owl-prev:before{
	content: "\f053";
	font-family: FontAwesome;
	color: #fff;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size:15px;
	line-height: 35px;
}

#about-carousel .owl-buttons{
	height: 43px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 65px;
	margin: auto;
}

#about-carousel:hover .owl-prev{
	opacity: 1;
	visibility: visible;
	margin-left: 18px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#about-carousel:hover .owl-next{
	opacity: 1;
	visibility: visible;
	margin-right: 18px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}


/*========================================================================*/
/*   Menu
/*========================================================================*/

#menu{
	padding:100px 0px 80px;
	background:#F2F4F4;
}

.menu-filters{
    margin-bottom: 30px;
    margin-top: 60px;
    list-style: none;
    padding: 0;
}

.menu-filters li{
    display:inline-block;
	color:#333333;
    padding: 12px 20px;
    cursor: pointer;
    margin-bottom: 10px;
	/*border:2px solid #F2F7F7;*/
	margin-right:5px;
}

.menu-filters li:hover{
    border-bottom:2px solid #1E1E1E;
}

.menu-filters li.active{
   border-bottom:2px solid #1E1E1E;
}




#grid .mix{
    display: none;
    opacity: 0;
	margin-bottom:20px;
}

#grid .mix p {
    /* font-size: 12px; */
}

.image-wrapper{
    position: relative;
    min-height: 150px;
}

.image-wrapper img{
    width:100% !important;
    height:auto;
}

.image-overlay{
    position: absolute;
    text-align: center;
    background: rgba(0, 0, 0, .6);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.image-overlay span h1{
	padding: 10px;
    position: absolute;
/*	top: 5%;*/
    color: #FFF;
	/* left: 45%;*/
	font-size: 15px;
	line-height:17px;
	/*left: 5%;*/
	text-align:left;
/*	padding-bottom:10px:*/
}
.image-overlay span h2{
    position: absolute;
    top: 78%;
    color: #FFF;
	/* left: 45%;*/
	font-size: 14px;
	right: 5%;
	text-align:right;
}
.image-overlay span p{
    position: absolute;
    top: 85%;
    color: #FFF;
	/* left: 45%;*/
	font-size: 10px;
	right: 5%;
	text-align:right;
}

.image-wrapper:hover .image-overlay{
    opacity: 1;
}



.set_box{display: flex;width: 98%;border: 1px solid #eee;margin: 1%;padding: 10px;background: #fbfbfb;border-radius: 1em 1em 0em 0em;float: left;}
.set_img{width: 30%;float: left;padding: 10px;}
.set_img p.catch span {background: #e5e5e5;padding: 2px 10px;border-radius: 3em;/* color: #fff; */font-size: 13px;}

.set_tx{/* width: calc(100% - 40%); */float: left;padding: 10px;width: 70%;}
.set_tx h2.title{font-size:20px;color: #1e6493;border-bottom: 1px solid #ddd;}
.set_tx .money{font-size: 18px;}
.set_tx p.catch {font-size: 16px;line-height:2.5;}
.set_tx p.catch span {background: #e5e5e5;padding: 2px 10px;border-radius: 3em;/* color: #fff; */font-size: 13px;}


@media only screen and (max-width:600px){

.set_box{display: flex;width: 96%;margin: 0 2%;}
.set_img{width: 100%;}
.set_tx{width: 100%;}

}



.set_box2{display: flex;width: 100%;border: 1px solid #eee;margin: 1%;padding: 10px;background: #fbfbfb;border-radius: 1em 1em 0em 0em;float: left;}
.set_img2{width: 40%;float: left;padding: 10px;}
.set_tx2{width: calc(100% - 0%);float: left;padding: 10px;}
.set_tx2 h2.title{font-size:20px;color: #1e6493;border-bottom: 1px solid #ddd;}
.set_tx2 p.money{font-size: 18px;}
.set_tx2 p.catch {font-size: 16px;line-height:2.5;}
.set_tx2 p.catch span {background: #e5e5e5;padding: 2px 10px;border-radius: 3em;/* color: #fff; */font-size: 13px;}


@media only screen and (max-width:600px){

.set_box2{display: flex;width: 96%;margin: 10px 2%;}
.set_img2{width: 100%;}
.set_tx2{width: 100%;}

}




   
   /* ======== table.tableOther ======== */
   table.hotel {border-collapse: collapse;text-align: left;font-size: 15px;letter-spacing:1px;line-height:2;width:100%;}
   table.hotel tr { }
   table.hotel th {width:25%;padding: 24px;vertical-align: 0;border: #ddd 1px solid;border-right:#ddd 1px dashed;border-right: #ddd 1px solid;}
   table.hotel td {padding:22px;vertical-align: 0;border: #ddd 1px solid; border-left:none;}
   table.hotel td .linkArea {margin-top:10px;text-align:left;}
   table.hotel td .linkArea a.btn {margin:0;}
   
   /* --- #map_canvas --- */
   #map_canvas { width:100%; margin-top:70px; height:400px;position: relative; z-index: 1; border: #ededed 1px solid;}
   
   
   
   @media only screen and (max-width: 950px) {
   table.hotel th {width:30%;padding:20px;}
   table.hotel td {padding:20px;}	
   }
   
   @media only screen and (max-width: 800px) {
   table.hotel { font-size:13px;}	
   }
   @media only screen and (max-width: 738px) {
     #outline .imgArea {/* float:none; */width:100%;display: block;}
     #outline .txtArea {float:none;width:100%;/* margin-top:25px; */}
     table.hotel {/* font-size:12px; */}	
   }
   @media only screen and (max-width: 414px) {
   table.hotel th {width:30%;padding:15px;}
   table.hotel td {padding:15px;}		
   }
   
    
   /* ======== table.tableOther ======== */
   table.hotel {border-collapse: collapse;text-align: left;font-size: 15px;letter-spacing:1px;line-height:2;width:100%;}
   table.hotel tr { }
   table.hotel th {width: 40%;padding: 10px;vertical-align: 0;/* border: #ddd 1px solid; */border-right:#ddd 1px dashed;border-right: #ddd 1px solid;}
   table.hotel td {padding: 15px;vertical-align: 0;border: #ddd 1px solid;/* border-left:none; */}
   table.hotel td .linkArea {margin-top:10px;text-align:left;}
   table.hotel td .linkArea a.btn {margin:0;}
   
   /* --- #map_canvas --- */
   #map_canvas { width:100%; margin-top:70px; height:400px;position: relative; z-index: 1; border: #ededed 1px solid;}
   
   
   
   @media only screen and (max-width: 950px) {
   table.hotel th {width:30%;padding:20px;}
   table.hotel td {padding:20px;}	
   }
   
   @media only screen and (max-width: 800px) {
   table.hotel { font-size:13px;}	
   }
   @media only screen and (max-width: 738px) {
     #outline .imgArea {/* float:none; */width:100%;display: block;}
     #outline .txtArea {float:none;width:100%;/* margin-top:25px; */}
     table.hotel {/* font-size:12px; */}	
   }
   @media only screen and (max-width: 414px) {
   table.hotel th {width: 50%;padding: 10px;}
   table.hotel td {padding: 10px;}		
   }
  







/*========================================================================*/
/*  Facts
/*========================================================================*/

.facts-detail{
	text-align:center;
	margin-bottom:30px;
}

.facts-detail i {
    font-size: 70px;
    color: #FFF;
    display: block;
    margin-bottom: 25px;
}

.facts-detail span {
    color: #CFCBCB;
    display: block;
    margin-bottom: 15px;
    font-size: 60px;
	font-weight:400;
}

.facts-detail p {
    margin-bottom: 0px;
    color: #FFF;
    font-size: 21px;
	font-weight:400;
}

/* ==========================================================================
   Services
   ========================================================================== */

#services{
	text-align:center;
	background:#F2F4F4;
}

.services-box{
	margin-bottom:30px;
}

.service-icon{
	width:100px;
	height:100px;
	color:#454343;
	font-size: 50px;
	line-height:94px;
	margin-bottom:25px;
	display: inline-block;
	border:1px solid #1E1E1E;
	-webkit-border-radius: 100px;
	moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
}

.service-info{
	margin-bottom:30px;
}

.service-info h4{
	margin-bottom:15px;
	font-size:21px;
	text-transform:none;
}


/*========================================================================*/
/*  osusume Table
/*========================================================================*/
   
#osusume {
	padding:100px 0px 80px;
	background-color:#FFFDFE;
}
 
.osusume-plan {
	-moz-box-shadow: 0px 0px 1px #CCC;
	-webkit-box-shadow: 0px 0px 1px #CCC;
	-webkit-box-shadow: 0px 0px 1px #CCC;
	box-shadow:0px 0px 1px #CCC;
	padding: 35px;
	text-align:center;
	margin-bottom: 30px;
}

.osusume-plan .title {
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 20px;
	color: #2A2929;
}

.osusume-plan .price {
	font-size: 30px;
	font-weight: 400;
	text-align: right;
	color: #504E4E;
}

.osusume-plan .description {
	margin: 5px 0;
	padding-top: 22px;
	line-height: 28px;
	font-weight: 400;
	text-align: left;
	}

.osusume-plan .description {
	color: #9E9E9E;
	font-size: 15px;
}

.osusume-plan .btn {
	min-width: 170px;
}

/*========================================================================*/
/*  osusume3 Table
/*========================================================================*/

#osusume3 {
	padding:100px 0px 80px;
	background-color:#FFFDFE;
}
 
.osusume3-plan {
	-moz-box-shadow: 0px 0px 1px #CCC;
	-webkit-box-shadow: 0px 0px 1px #CCC;
	-webkit-box-shadow: 0px 0px 1px #CCC;
	box-shadow:0px 0px 1px #CCC;
	padding: 15px;
	text-align:center;
	margin-bottom: 30px;
}

.osusume3-plan .title {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 50px;
	color: #2A2929;
}

.osusume3-plan .price {
	font-size: 30px;
	font-weight: 400;
	text-align: right;
	color: #504E4E;
}

.osusume3-plan .description {
	margin: 26px 0;
	padding-top: 22px;
	line-height: 28px;
	font-weight: 400;
	text-align: left;
	}

.osusume3-plan .description {
	/*color: #9E9E9E;*/
	font-size: 15px;
}
.osusume3-plan .description ul {
	padding-left:0
	;
}

.osusume3-plan .description li {
	/*color: #9E9E9E;*/
	/* padding: 5px; */
	border-bottom: 1px dashed #1e6493;
	font-size: 15px;
	list-style-type: none!important;
	line-height: 2;
}

.osusume3-plan .description ul li:before {
	font-size: 15px;
	list-style-type: none!important;
	font-family: "FontAwesome";
	content: "\f00c";
	left : 1em; /*左端からのアイコンまで*/
	color: #ffb03f;
	padding-right: 10px;
}

.osusume3-plan .btn {
	min-width: 170px;
}

@media only screen and (max-width:782px){

	.osusume3-plan {
		padding: 15px;

	}

}




/*========================================================================*/
/*  osusume4
/*========================================================================*/
 
.osusume4-plan {	
	text-align:center;
	margin-bottom: 30px;
}

.osusume4-plan .title {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 50px;
	color: #2A2929;
}

.osusume4-plan .price {
	font-size: 30px;
	font-weight: 400;
	text-align: right;
	color: #504E4E;
}

.osusume4-plan .description {	
	padding-top: 22px;
	line-height: 28px;
	font-weight: 400;
	text-align: left;
	}

.osusume4-plan .description {
	/*color: #9E9E9E;*/
	font-size: 20px;
}
.osusume4-plan .description ul {
	padding-left:0
	;
}

.osusume4-plan .description li {
	/*color: #9E9E9E;*/
	/* padding: 5px; */
	
	font-size: 18px;
	 list-style-type: none!important;
}

.osusume4-plan .description ul li:before {
	
	
	font-size: 15px;
	 list-style-type: none!important;
	font-family: "FontAwesome";
  content: "\f00c";
  left : 1em; /*左端からのアイコンまで*/
  color: red; 
}

.osusume4-plan .btn {
	min-width: 170px;
}


/*========================================================================*/
/*  Shop Table
/*========================================================================*/
   
#shop {
	background-color:#ffffff;
}
 
.shop-plan {
	-moz-box-shadow: 0px 0px 1px #2A2929;
	-webkit-box-shadow: 0px 0px 1px #2A2929;
	-webkit-box-shadow: 0px 0px 1px #2A2929
	box-shadow:0px 0px 1px #2A2929;
	padding: 35px;
	text-align:center;
	margin-bottom: 30px;
}

.shop-plan .title {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 50px;
	color: #2A2929;
}

.shop-plan .price {
	font-size: 75px;
	font-weight: 400;
	text-align: center;
	color: #504E4E;
}

.shop-plan .description {
	margin: 26px 0;
	padding-top: 22px;
	line-height: 28px;
	font-weight: 400;
}

.shop-plan .description {
	color: #9E9E9E;
	font-size: 15px;
}

.shop-plan .btn {
	min-width: 170px;
}

.shop-plan .box1{

	height:500px;


}

/*========================================================================*/
/*  Testimonial
/*========================================================================*/

.testimonial-box{
	border:1px solid;
	border-color: rgba(255, 255, 255, 0.33);
	padding: 25px 30px;
	margin-bottom:30px;
	border: 1px solid #E8E8E8;
}

.testimonial-content{
	position:relative;
	color:#FFF;
	font-size: 15px;
}

.testimonial-content:before{
	content:'\201C';
	position:absolute;
	left:-9px;
	font-size:1.4em;
	opacity:0.
}

.testimonial-content:after{
	content:'\201D';
	font-size:1.4em;
	line-height:1px;
	opacity:0.5
	color:#FFF;
}

.testimonial-person {
    display: table;
    margin-top: 15px;
}

.testimonial-person-img {
    display: table-cell;
    vertical-align: middle;
}

.testimonial-person-img {
	display: block;
	font-size: 20px;
	text-align: center;
	margin-right: 15px;
	width: 50px;
	color: #FFF;
}

.testimonial-person-detail {
    display: table-cell;
    vertical-align: middle;
}

.testimonial-person-name {
    display: block;
    color: #FFF;
    font-weight: 700;
    font-size: 16px;
}

/*========================================================================*/
/*  Team
/*========================================================================*/

#team{
	background:#F2F7F7;
}

.team-member {
	text-align: center;
	margin-bottom:30px;
}

.team-member .team-img {
	position: relative;
	overflow: hidden;
	max-width: 295px;
	margin: 0 auto 40px;
}

.social-tbl {
	display: table;
	width: 100%;
	height: 100%;
}

.team-member .team-img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	-webkit-transition: all 350ms cubic-bezier(.25, .46, .45, .94);
	-moz-transition: all 350ms cubic-bezier(.25, .46, .45, .94);
	-o-transition: all 350ms cubic-bezier(.25, .46, .45, .94);
	transition: all 350ms cubic-bezier(.25, .46, .45, .94);
	-webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
	-moz-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
	-o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
	transition-timing-function: cubic-bezier(.25, .46, .45, .94);
	transform: scale(0.1);
	-o-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-webkit-transform: scale(0.1);
}

.team-member .team-img:hover .team-img-overlay {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
}

.team-member .team-img-overlay ul{
	display: table-cell;
	vertical-align:middle;
	list-style: none;
	padding: 0;
	margin: 0;
}

.team-member .team-img-overlay ul > li {
	display: inline-block;
	margin: 0 5px;
}

.team-member .team-img-overlay ul > li > a {
	display: block;
	width: 44px;
	height: 44px;
	background: #fff;
	font-size: 18px;
	line-height: 44px;
}

.team-member .team-img:hover .team-img-overlay ul > li > a {
	-webkit-animation: 1.2s rollIn;
}

.team-member .team-img-overlay ul > li > a:hover {
	transform: scale(1.15);
	-o-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-webkit-transform: scale(1.15);
}


/*========================================================================*/
/* Access
/*========================================================================*/

#access{
	padding:100px 0 50px;
	position:relative;
}


.post-access{
	float:left;
	min-height: 200px;
	margin-bottom:50px;
}

.post-access .entry-media{
   display: block;
   position:absolute;
}

.post-access .entry-media img{
	width: 200px;
	height:200px;
	border-radius: 50%;
}

.post-access .entry-body {
    margin-left: 230px;
    float: right;
    margin-top: 10px;
}

.post-access .entry-body h4 {
	margin-bottom:10px;
	color:#555;
}

.post-access .entry-body h4 a{
	color:#555;
}

.post-access .entry-body h4 a:hover{
	color:#555;
}


.post-access .entry-body p{
	color:#555;
}

.post-date{
	font-size:13px;
	margin-bottom:10px;
	color:#555;
	line-height:20px;
}

.post-date i{
	font-style: normal;
	margin-right:5px;
}


#news{
	width: 100%;
	padding:100px 0 50px;
	position:relative;
	background: #f7f7f7ee;
}

#blog_area{
	width 100%
}


#taberog_area{
	width 100%
}


/*========================================================================*/
/* map
/*========================================================================*/
#map{
  width: 100%;
  height: 300px;
  }


/*========================================================================*/
/* Blog
/*========================================================================*/

#blog{
	padding:100px 0 50px;
	position:relative;
}

.post-blog{
	float:left;
	min-height: 200px;
	margin-bottom:50px;
}

.post-blog .entry-media{
   display: block;
   position:absolute;
}

.post-blog .entry-media img{
	width: 200px;
	height:200px;
	border-radius: 50%;
}

.post-blog .entry-body {
    margin-left: 230px;
    float: right;
    margin-top: 10px;
}

.post-blog .entry-body h4 {
	margin-bottom:10px;
	color:#555;
}

.post-blog .entry-body h4 a{
	color:#555;
}

.post-blog .entry-body h4 a:hover{
	color:#555;
}


.post-blog .entry-body p{
	color:#555;
}

.post-date{
	font-size:13px;
	margin-bottom:10px;
	color:#555;
	line-height:20px;
}

.post-date i{
	font-style: normal;
	margin-right:5px;
}

/* ==========================================================================
   Client Logo Carousel
   ========================================================================== */

#clients{
	background:#1E1E1E;
	text-align:center;
	padding:30px 0;
}

.clients-carousel .item figure{
	margin: 5px;
	
}

.clients-carousel .item figure img{
	display: block;
	margin: 0 auto;
	width: 70%;
}

.clients-carousel.owl-theme .owl-controls .owl-page span{
	background:#ccc;
    border-radius: 0;
    display: block;
    height: 3px;
    margin: 25px 4px 0;
    opacity: 1;
    width: 16px;
}

.clients-carousel.owl-theme .owl-controls .owl-page.active span,
.clients-carousel.owl-theme .owl-controls.clickable .owl-page:hover span{
	 background:#d82132;
}



/*========================================================================*/
/*   Work Detail
/*========================================================================*/


#page-header {
	/*background:url('../images/pattern.png') repeat;*/
	padding:70px 0;
	text-align: center;
}

#page-header:after {
	background:rgba(0,0,0,.9) ;
	position:absolute;
	left:0px;
	right:0px;
}

#page-header h1{
	margin-bottom:0;
	line-height: 1.4em;
}

.work-detail-list {
	list-style:none;
	padding:0;
	margin:0;
}

.work-detail-list li{
	padding: 5px 0;
	line-height:22px;
	font-size:15px;
	letter-spacing: 0.9px;
}

.work-detail-list  li span{
	font-weight:600;
	padding-right:15px;	
}

#single-work-slider {
	margin-bottom:30px;
}

#single-work-slider .item img{
    display: block;
    width: 100%;
    height: auto;
}

#related-project{
/*	background:url('../images/pattern.png') repeat;*/
	padding:100px 0 80px;
	position:relative;
}

#related-project .image-wrapper{
	margin-bottom:20px;
}

.owl-theme .owl-controls .owl-page span {
	background: #a0a0a0;
}

#single-work .product h4 {
    font-size: 160%;
    margin-bottom: 1em;
}


/*========================================================================*/
/*   Blog Page
/*========================================================================*/

.post-content {
	margin-top:0;
}

.post-img  {
	margin: 0 0 20px 0;
}

.post-img  img{
	width:100%;
	max-height:400px;
}

.post-meta {
	margin: 20px 0;
	line-height: 20px;
	color: #999;
}

.post-meta a , .post-meta a i{
	color:#1E1E1E;
}

.post-description p{
	margin-bottom:25px;
}

blockquote{
	display: block;
	padding: 5px 15px;
	margin: 25px 15px;
	font-size: 18px;
	line-height: 25px;
	text-align: justify;
	font-style: italic;
	border-left: 5px solid #e5e5e5;
}

blockquote a{
	text-decoration: none;
	background: #eee;
	cursor: pointer;
	padding: 0 3px;
}

blockquote a:hover{
	color: #666;
}

blockquote em{
	font-style: italic;
}

/* Comments */

.comments-section {
	padding:50px 0;
}
 
.comments-section h3{
	margin-bottom:20px;
}

.comment-list {
	margin: 40px 0;
	border-top: 1px solid #EEE;
	padding-top: 30px;	
}

/* Comment List */

.comment-list ol {
	list-style: none;
	margin-left: 0px;
	padding: 0;
}

.comment-list ol.comment-sub {
	list-style: none;
}

li.comment .single_comment {
	padding: 20px 0;
	border-top: 1px solid #E9E6E6;
}

li.comment .single_comment.first-comment {
	border-top: none;
}

li.comment ol.comment-sub {
	margin-left: 65px;	
}


/* Comment List Content */

.comment-list ol .comment-avatar {
	float: left;
	margin-right: 15px;
}

.comment-list ol .comment-avatar  img{
	width:60px;
	height:60px;
}

.comment-list ol .comment-content {
	overflow: hidden;
}

.comment-list ol .comment-name {
	font-weight: 700;	
}

.comment-list ol .comment-name span{
	font-weight: normal;
	color: #aaa;
	margin: 0 8px;	
}

.comment-list ol .comment-name a {
    font-size: 14px;
    font-weight: 600;
	color:#1E1E1E;
}

.comment-list ol .comment-name a.comment-reply {
	font-size: 13px;
	font-weight: normal;
}

.comment-list ol .comment-desc {
	font-size: 14px;
	margin-bottom: 16px;	
	color: #1E1E1E;
	margin-top: 15px;
}


/*   comment-form   */

.comment-form .form-control,.widget-sidebar .search-box input {
	border-radius: 0;
	border: 0;
	display: inline-block;
	text-shadow: none;
	height:44px;
	border:2px solid #ddd;
	background:none;
	box-shadow:none;
}

.comment-form input, .comment-form textarea {
	background:none;
}

.comment-form .form-control:focus ,.widget-sidebar .search-box input:focus{
	border:2px solid #1E1E1E;
	background:none;
	outline: 0;
	box-shadow:none;
}

.comment-form textarea.form-control {
	height:auto;
}


/* Sidebar latest post */

.widget-main{
	margin-bottom:30px;
	padding:20px 20px 10px 20px;
	border:1px solid #E9E6E6;
}
.widget-sidebar .search-box {
	position: relative;
}

.widget-sidebar .search-box input{
	padding-left:10px;
}


.widget-sidebar .search-box i {
    position: absolute;
    right: 20px;
    top: 13px;
    font-size: 16px;
}

.post-categories ul{
	padding:0px;
	margin:0px;
}

.post-categories li{
	list-style: none;
	margin-bottom: 5px;
	border-bottom: 1px solid #f0f1f2;
	padding: 4px 0 4px 15px;
	position: relative;
}

.post-categories li:last-child{
	border-bottom:none;
	margin-bottom:0px;
}

.post-categories li a:before{
	content: "\f105";
	display: block;
	font-family: FontAwesome;
	position: absolute;
	left: -15px;
}

.post-categories a{
	position: relative;
	color: #2A2929;
	font-size:15px;
	display: inline-block;
	width: 100%;
	padding-bottom: 10px;
	line-height: 20px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}


.post-categories a:hover{
	color:#2A2929;
	margin-left: 10px;
}

.sidebar-widget {
	font-size: 11px;
	line-height: 15px;
	margin-right: 8px;
}

.sidebar-widget img {
	float: left;
	width: 80px;
	height: 67px;
	margin: 6px 14px 22px 0px;
}

.sidebar-widget p.date{
	color: #333;
}

.sidebar-widget p.sidebar-widget-title {
	font-size: 14px;
	line-height:20px;
}


/* Tags */

.tags {
	padding: 10px 0 10px;
	display:inline-block;
}

.tags a{
	float: left;
	padding: 10px 7px;
	color: #121212;
	margin: 0 6px 6px 0;
	border: 1px solid #ddd;
}

.tags a:hover{
	color: #fff;	
	background:#1E1E1E;
	border-color:#1E1E1E;
}


/*========================================================================*/
/*  Contact
/*========================================================================*/


#contact{
	background:#F2F7F7;
	/* padding-top:100px; */
}

.footer_logo{width:250px;margin:0 auto 50px}


.contact-form{
	margin-bottom:30px;
}

.contact-form input, .contact-form textarea{
	width:100%;
}

.contact-detail{
	padding: 70px 0 70px;
	text-align:center;
}

.contact-info{
	display: inline-block;
	margin-bottom:30px;
}

.contact-text{
	margin-left: 35px;
	margin-top: 2px;
	display: inline-block;
}

.contact-text p{
	font-size: 28px;
}

.contact-icon {
    font-size: 14px;
    line-height: 28px;
    width: 28px;
    height: 28px;
    position: absolute;
    border: 1px solid #1E1E1E;
	color:#1E1E1E;
    border-radius: 50%;
    text-align: center;
}

.contact-icon:hover{
	background:#1E1E1E;
	color:#FFF;
}

div.wpcf7-response-output {
    padding:2em 0 !important;
}

.fb-page {
	display: block;
	margin: 0 auto;
	width: 500px;
}

/*========================================================================*/
/*  Footer
/*========================================================================*/


footer{
	background:#1E1E1E;
	padding:45px 0 30px;
}

footer p{
	color:#FFF;
}

footer p > a:hover{
	color:#FFF;
}

footer ul.footer-social {
	margin-bottom: 18px;
}

footer ul.footer-social li {
	line-height:34px;
	font-size:18px;
	padding:0px;
}

footer ul.footer-social li a {
	color: #FFF;
	text-align: center;
	border: 2px solid  #FFF;
	display: inline-block;
	height :38px;
	width: 38px;
	margin-right: 5px;
	border-radius:50%;
}

footer ul.footer-social li a  {
	transition: all 700ms;
}

footer ul.footer-social li a:hover {
	color: #1E1E1E;
	border: 2px solid #FFF;
	background:#FFF;
}

footer ul.footer-social li:last-child a {
	margin-right: 0px;
}	


/*========================================================================*/
/*   Media queries
/*========================================================================*/

@media only screen and (max-width:992px){
	
.nav > li > a {
	padding: 15px 6px !important;
}

}

@media only screen and (min-width: 769px) and (max-width: 959px) {
	
.about-slider{
	padding-left:30px;
}

.image-overlay span h1{
	padding:10px;
    position: absolute;
   /* top: 8%;*/
    color: #FFF;
	/* left: 45%;*/
	font-size: 14px;
	line-height:15px;
	/*left: 5%; */
	text-align:left;
	/*padding-bottom:10px: */
}
.image-overlay span h2{
    position: absolute;
    top: 78%;
    color: #FFF;
	/* left: 45%;*/
	font-size: 14px;
	right: 5%;
	text-align:right;
}

.image-overlay span p{
    position: absolute;
    top: 85%;
    color: #FFF;
	/* left: 45%;*/
	font-size: 12px;
	right: 5%;
	text-align:right;
}




}


@media only screen and (max-width: 769px) {

.section-header .smt {
	font-size: 32px;
}

.about-slider{
	padding-left:15px;
}

.navbar-nav {
	margin: 0px;
	padding:0px;
	background: #fff;

}

.navbar-nav > li > a {
	padding-top: 9px;
	padding-bottom: 9px;
	border-bottom: 1px solid #eee;
	text-align:center;
		color:#ddd;
}

.navbar-custom .nav li a {
    font-size: 17px;
    color: #1e6493;
/*     color: #fff; */
}

	

.navbar-collapse {
	padding: 0;
	border-top: 0 !important;
	box-shadow: none;
}

.navbar-brand {
	/* margin-top: -9px; */
	/* padding:10px; */
	padding-left: 10px;
	width: 120px;
}
.navbar-brand img{
	width: 80%;
}


 .flex-direction-nav {
	display:none;
}



.image-overlay span h1{
	padding: 10px;
    position: absolute;
    /* top: 8%;*/
    color: #FFF;
	/* left: 45%;*/
	font-size: 16px;
	line-height:17px;
	text-align:left;
	/* left: 5%;/* 
	/*	padding-bottom:10px:/*
}
.image-overlay span h2{
    position: absolute;
    top: 78%;
    color: #FFF;
	/* left: 45%;*/
	font-size: 14px;
	right: 5%;
	text-align:right;
}

.image-overlay span p{
    position: absolute;
    top: 85%;
    color: #FFF;
	/* left: 45%;*/
	font-size: 13px;
	right: 5%;
	text-align:right;
}

}



@media (max-width: 769px) {

#home h1 {
	font-size: 30px;
}

.intro-btn{
	padding:10px 15px;
}




.image-overlay span h1{
	padding: 10px;
    position: absolute;
    /* top: 8%;*/
    color: #FFF;
	/* left: 45%;*/
	font-size: 16px;
	line-height:17px;
	text-align:left;

	/*left: 5%;
	padding-bottom:10px:*/
}
.image-overlay span h2{
    position: absolute;
    top: 78%;
    color: #FFF;
	/* left: 45%;*/
	font-size: 14px;
	right: 5%;
	text-align:right;
}

.image-overlay span p{
    position: absolute;
    top: 85%;
    color: #FFF;
	/* left: 45%;*/
	font-size: 12px;
	right: 5%;
	text-align:right;
}


}



@media only screen and (max-width: 490px){

.post-blog{
	float:left;
}	

.post-blog .entry-media {
	width: 100%;
	text-align: center;
	float: left;
	position:inherit;
	margin-bottom:20px;
}

.post-blog .entry-body{
	margin-left:0px;
	text-align:center;
}
	
	
}

@media (max-width: 479px) {
	
.section-header .smt {
	font-size: 22px;
	padding: 0;
}

.section-header .smt:before,
.section-header .smt:after {
	width: 18px;
}

}

@media only screen and (max-width:380px){

.contact-text {
	margin-left: 60px;
}

.contact-text p {
	font-size: 15px;
}

}
/*-------------------------- GOOGLE MAP --------------*/

.g_map {
  width: 500px;
  height: 500px;
  margin: 0 20px 0 0;
    float:left;

}

.g_photo{
  width: 500px;
  height: 500px;
  margin: 0 0 0 20px;
  float:left;
}

.g_map > iframe {
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
}


@media screen and (max-width:1024px){

	.shop-plan .box1{
	 width: 980px;
	 height:400px;
	}

	.g_map > iframe {
	  border: none;
	  outline: none;
	  width: 420px;
	  height: 420px;
	}


	.g_map {
	  width: 420px;
  	 height: 420px;
  	 margin: 5px;
	}
	
	.g_photo {
	  width: 420px;
	  height: 420px;
	  margin: 5px
	}

}

@media screen and (max-width:768px){

	.shop-plan .box1{
		width: 700px;
		height:340px;
	}

	.g_map > iframe {
	  border: none;
	  outline: none;
	  width: 330px;
	  height: 330px;
	}

	.g_map {
	  width: 330px;
  	 height: 330px;
	}
	
	.g_photo {
	  width: 330px;
  	 height: 330px;
	}

	
}


@media screen and (max-width:667px){

	.shop-plan .box1{
		width: 600px;
		height:350px;
	}
	.g_map > iframe {
	  border: none;
	  outline: none;
	  width: 270px;
	  height: 270px;
	}

	.g_map {
	  width: 270px;
  	 height: 270px;
	}
	
	.g_photo {
	  width: 270px;
	  height: 270px;
	}
	
}

@media screen and (max-width:375px){

	.shop-plan .box1{
	height:270px;
	width: 270px;
	}

	.g_map > iframe {
	  border: none;
	  outline: none;
	  width: 270px;
	  height: 270px;
	}

	.g_map {
	  width: 270px;
  	 height: 270px;
	}

	.g_photo {
	  width: 270px;
	  height: 270px;
	}
	
}




th {
  /* background: #31708f; */
  /* border: solid 1px #ccc; */
  color: #31708f;
  padding: 24px;
  /* border-radius: 5px 0; */
  font-weight: 400;
  line-height: 1.5;
}
td {
  /* border: solid 1px #ccc; */
  padding: 24px;
}

td.money {
	font-size:1.4em;
}



  .tbl-r05 {
    width: 100%;
  }

.tbl-r05 tr {
  border-bottom:1px #ddd solid;
}


.tbl-r05 td:first-child {
  /* background: #fbf5f5; */
  font-size: 15px;
  line-height: 1.8;
}


.tbl-r05 td:first-child:before {
font-family: 'FontAwesome';
    content: "\f1b0";
	color:#1e6493;
	padding-right:5px;
	font-size:18px;
}



@media screen and (max-width: 640px) {
  .tbl-r05 {
    width: 100%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
  .tbl-r05 td {
    display: block;
    text-align: right;
    width: 100%;
    /* font-size: 1em; */
    font-weight: 400;
    border-bottom: 1px solid #eee;
  }
  .tbl-r05 td:first-child {
    background: #eee;
    color: #31708f;
    /* font-weight: bold; */
    text-align: left;
    border-bottom: 1px dashed #eee;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    /* font-weight: bold; */
    margin-right: 10px;
    font-size: 0.7em;
  }
}
 

.boxChiiki ul {
    padding: 0.5em;
    /* width: 46%; */
    /* width: calc(100%); */
    align-items: stretch;
    flex-direction: row;
 display: flex;
  flex-wrap: wrap;
}

.boxChiiki_li-line{
	border-bottom: none;
}

.boxChiiki li {

}

.boxChiiki ul:last-child {

}



.boxChiiki .box-title {
	font-size: 15px;
	/* background: #c9d7e3; */
	border-bottom: 1px solid #ddd;
	padding: 0.3em 0.5em 0.3em 2.0em;
	text-align: left;
	color: #333;
	/* font-weight: 600; */
	letter-spacing: 0.05em;
	position:relative;
	line-height: 2;
	border-radius: 0.5em 0.5em 0 0;
}

.boxChiiki .box-title:before {position:relative;font-family: 'FontAwesome';content: "\f10c";position: absolute;left: 0.5em;color: #1e6493;font-size: 15px;font-weight: 400;}

.boxChiiki .box-title span{
	font-size: 15px;
	background: linear-gradient(transparent 50%, #ffb6c1 20%);
	border-bottom: 1px solid #ddd;
	padding: 0.2em 0.3em 0.2em 0.2em;
	text-align: left;
	color: #333;
	/* font-weight: 600; */
	letter-spacing: 0.05em;
	position:relative;
	line-height: 2;
	border-radius: 0.5em 0.5em 0 0;
}


.boxChiiki {
	/* width: calc(100%); */
	/* margin-bottom: 20px; */
	margin: 30px 0.5% 20px;
	border: 1px solid #ddd;
	border-radius: 0.5em;
	width: 32%;
	float: left;
	}

.boxChiiki ul {display: flex;justify-content: space-between; /*border: 1px solid #ddd; *//* border-radius: 0.5em; */background: #fff;}


.boxChiiki li {
	margin: 0em 0.1em;
	padding: 1px;
line-height: 1.3;
list-style-type:none;}

.boxChiiki li:before {
	font-family: 'Font Awesome 6 pro';
    content: "\e122";
	color:#1e6493
}




.lity,.lity-wrap{z-index:9990;position:fixed;top:0;outline:0!important}
.lity-container,.lity-wrap:before{vertical-align:middle;display:inline-block}
.lity,.lity-container,.lity-wrap{outline:0!important}
.lity-content:after,.lity-wrap:before{content:''}
.lity,.lity-content:after,.lity-wrap{right:0;bottom:0;left:0}
.lity{white-space:nowrap;background:#fefefe;opacity:0;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.lity.lity-opened{opacity:1;background: rgba(243,251,255,.9);background: rgb(81, 81, 81);width: 100%;margin: 0;}
.lity.lity-closed{opacity:0;background:#fefefe}
.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lity-wrap{text-align:center}.lity-wrap:before{height:100%;margin-right:-.25em}
.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;white-space:normal;max-width:100%;max-width:90%;max-height: 100%;}.lity-close,.lity-close:before{line-height:60px;text-align:center}.lity-content{z-index:9993;width:100%;max-width: 1140px;color: #000;border: 1px solid #eee;margin: 0 auto 50px;}.lity-closed .lity-content,.lity-loading .lity-content{-webkit-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}.lity-content:after{position:absolute;top:0;display:block;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);box-shadow:0 0 8px rgba(0,0,0,.1)}.lity-close{z-index:9994;width:60px;height:60px;position:fixed;right: 30px;top: 30px;-webkit-appearance:none;cursor:pointer;text-decoration:none;padding:0;font-size:0;font-style:normal;border:0;color:#fefefe;background:#111;outline:0;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
.lity-close:before{position:absolute;top:0;right:0;left:0;bottom:0;font-family:'Font Awesome 6 pro';content:"\f00d";font-size:16px;text-indent:0;z-index:1}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}
.lity-hide{display:none}#inline{overflow:auto;background:#fefefe;padding:50px 7.5%;width:1200px;max-width:100%}
/* .profileLeft{float:left;width:35%}.profileRight{float:right;width:60%} */


@media only screen and (max-width: 738px) {
.lity-close,.lity-close:before{line-height:50px;}.lity-close{width:50px;height:50px;}.lity-close:before{font-size:14px;}


.boxChiiki {
	width: 100%;
	}

}


/* -----------------------------------------------------------

   メッセージ表示

   ----------------------------------------------------------- */
 #chinopura
{overflow: auto;/* background: #fefefe; */padding: 40px 3.5%;/* width: 920px; */max-width: 100%;/* display: flex; */}
/* --- .profileArea --- */
.profileArea {display: flex;}
/* .profileLeft */
.profileLeft {width: 40%;}
.profileLeft h4{
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 1.7;
    text-align: center;
    /* border-bottom:1px solid #ddd; */
 }
.profileLeft h3.en {margin: 5px 0;font-size: 16px;/* font-family: 'Catamaran', sans-serif; */font-weight: 600;letter-spacing: 1px;line-height: 1;vertical-align: 0;}
.profileLeft h3.en:before {color:#666666;padding-right:5px;font-family: 'Font Awesome 6 pro'; content: "\f275";}

.profileLeft img {/* width: 60%; *//* margin: 0 20%; */-webkit-border-radius: 1%;-moz-border-radius: 1%;border-radius: 1%;padding: 5%;}
.profileLeft ul {font-size:15px;line-height:1.5}

.profileLeft p {font-size:14px;line-height:1.5;}

/* .profileRight */
.profileRight {/* float: right; */width: 60%;padding: 10px;}
.profileRight h4 { font-size: 13px; font-family: 'Catamaran', sans-serif; font-weight: 700; letter-spacing: 1.5px; line-height: 1.7; }
.profileRight h3 { display: inline-block; position: relative; z-index: 1; }
.profileRight h3.en {margin-top: 5px;margin-bottom: 10px;font-size: 18px;/* font-family: 'Catamaran', sans-serif; */font-weight: 600;letter-spacing: 1px;line-height: 1;vertical-align: 0;}
.profileRight h3.en:before {color:#666666;padding-right:5px;font-family: 'Font Awesome 6 pro'; content: "\e1ac";}
.profileRight h3.jp {margin-top: 5px;font-size: 13px;font-weight: bold;letter-spacing: 3px;vertical-align: 0;}
.profileRight h3.jp:before { content: "/"; margin: 0 8px 0 10px; }
/* .txtArea */
.profileLeft .txtArea,
.profileRight .txtArea
 {margin-top: 0px;font-size: 15px;line-height: 2;margin-bottom: 10px;}






/* .commentArea */
.profileRight .commentArea {margin-top: 15px;padding: 10px 15px 10px 20px;position: relative;z-index: 1;font-size: 18px;}
.profileRight .commentArea:before {position: absolute;top: 0;left: 0;width: 15px;height: 15px;content: "";border-top: #242e76 1px solid;border-left: #242e76 1px solid;z-index: -1;}
.profileRight .commentArea:after {position: absolute;bottom: 0;right: 0;width: 15px;height: 15px;content: "";border-bottom: rgb(2 18 109) 1px solid;border-right: rgb(2 18 109) 1px solid;z-index: -1;}
.profileRight .commentArea p a {display:inline;color:#14357b }
.profileRight .commentArea .omoi{font-size:17px;}
.profileRight .commentArea .nm{font-size:17px;text-align:right}
/* .profileRight .commentArea p:before {content:"\f140";font-family: 'FontAwesome';padding-right: 10px;font-family: 'Font Awesome 6 pro';content: "\f682";color: #14357b;} */
.profileRight .commentArea p a:after {padding-left: 10px;font-family: 'Font Awesome 6 pro'; content: "\f0c1"; */padding-left: 5px;color: #14357b;}


/* .snsArea */
.profileRight .snsArea { display: block; vertical-align: 0; margin-top: 5px; }
.profileRight .snsArea ul { list-style: none; font-size: 0; }
.profileRight .snsArea ul li { display: inline-block; margin: 0 5px 0 0; }
.profileRight .snsArea ul li a {display: block;width: auto;padding: 0 15px 0 33px;height: 40px;line-height: 40px;color: #fff;font-size: 14px;font-weight: 600;letter-spacing: 0.5px;position: relative;z-index: 1;text-align: center;/* -webkit-border-radius: 25px; */-moz-border-radius: 25px;border-radius: 25px;border: 1px solid #FFC107;background: #FFC107;text-decoration: none;}
.profileRight .snsArea ul li a:before {position: absolute;top: 0;bottom: 0;left: 10px;font-size: 15px;font-family: 'themify';font-weight: normal;color: #fff;}
.profileRight .snsArea ul li a:after {position: absolute;top: 0;right:0;bottom: 0;left: 0;content:"";/* border: #ddd 1px solid; */z-index:-1;/* -webkit-border-radius: 25px; */-moz-border-radius: 25px;/* border-radius: 25px; */-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.profileRight .snsArea ul li a.instagramBtn:before { content: "\e60d"; }
/* .profileRight .snsArea ul li a:hover { color:#000000; background:#f1f1f1;} */
/* .profileRight .snsArea ul li a:hover:after { border:#cecfcf 1px solid;} */
.profileRight .snsArea ul li a:{}



@media only screen and (max-width: 600px) {
.profileArea {flex-direction: column;}
.profileLeft{width: 100%;padding: 5px;}
.profileLeft img {width:100%;padding: 0;}
.profileRight {width: 100%;padding: 10px;}
}


.contactBox {width:100%;/* max-width:1120px; *//* margin:50px auto; */}


.contactBox .txtArea dd a.btnTel:before {
    font-family: 'Font Awesome 6 pro';
    content: "\f87b";
    font-size: 15px;
    padding-right: 10px;
}


.contactBox .txtArea dl {
    padding: 5px 0 5px 5px;
    text-align: left;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 3;
    border-top: #ddd 1px solid;
    margin-bottom: 0;
}
.contactBox .txtArea .uketuke{
    padding: 5px 0 5px 5px;
    line-height: 2;
 
    margin-bottom: 0;
}

.contactBox .txtArea dl:last-child {
    border-bottom: #ddd 1px solid;

}
.contactBox .txtArea dl:firast-child {
    border-bottom: none;
}


.contactBox .txtArea dt {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.contactBox .txtArea dd {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    color: #111;
    /* border: #111 2px solid; */
    /* line-height: 55px; */
    font-size: 14px;
    /* text-align: center; */
    position: relative;
}

.contactBox .txtArea .en_txt{
    line-height:1.6;
    font-family: "Century Gothic", sans-serif;
}




.contactBox .txtArea dd a {
    /*     display: inline-block; */
    /*     margin: 10px 0 0; */
    /*     width: 300px; */
    max-width: 100%;
    padding: 0;
    color: #111;
    font-size: 14px;
    line-height: 1.1;
    /* text-align: left; */
    position: relative;
}

.contactBox .txtArea dd a:hover {
    /*     color: #fefefe;
    background: #14357b;
    border-color: #14357b; */
}



.contactBox .txtArea dd a.btnTel {
    color: #14357b;
    text-align: left;
    font-size: 15px;
}

.contactBox .txtArea dd a.btnTel:hover {
/*     border-bottom: #14357b 1px solid; */
    opacity:0.6;
}

.contactBox .txtArea dd a.btnTel:before {
    font-family: 'Font Awesome 6 pro';
    content: "\f87b";
    font-size: 15px;
    padding-right: 10px;
}

.contactBox .txtArea dd a.btnMail {
    color: #14357b;
    text-align: left;
    font-size: 15px;
}

.contactBox .txtArea dd a.btnMail:hover {
/*     border-bottom: #14357b 1px solid; */
    opacity:0.6;
}

.contactBox .txtArea dd a.btnMail:before {
    font-family: 'Font Awesome 6 pro';
    content: "\f003";
    font-size: 15px;
    padding-right: 10px;
}

/* 
.contactBox .txtArea dd.btnFax {
    color: #14357b;
    text-align: left;
} */

.contactBox .txtArea dd a{
    display:inline;
}

.contactBox .txtArea dd span.btnFax{
    font-size: 15px;
}


.contactBox .txtArea dd span.btnFax:before {
    display:inline;
    font-family: 'Font Awesome 6 pro';
    content: "\f1ac";
    font-size: 14px;
    padding-right: 8px;
    padding-left:10px;
}



/* #about_access .contactBox .txtArea dd.btnFax:hover {
    border-bottom: #14357b 1px solid;
} */

.contactBox .txtArea dd.btnPoint:before {
    font-size: 12px;
    font-family: 'Font Awesome 6 pro';
    content: "\f02e";
    font-size: 15px;
    padding-right: 10px;
}

.contactBox .txtArea dd a.iconWeb {
    color: #14357b;
    /* background: #14357b; */
    /* border-color: #14357b; */
    text-align: center;
    /* width: 300px; */
    margin: 0 auto;
    display: inline;
}

.contactBox .txtArea dd a.iconWeb:hover {
    color: #31424e;
/*     background: #f5f5f5;
    border: #14357b 1px solid; */
}

.contactBox .txtArea dd a.iconWeb:before {
    font-family: 'Font Awesome 6 pro';
    content: "\f0ac";
    font-size: 16px;
    padding-right: 10px;
}

/* googlemap */

.contactBox .txtArea dd a.iconGmap {
    color: #14357b;
    /* background: #14357b; */
    /* border-color: #14357b; */
    text-align: center;
    /* width: 300px; */
    margin: 0 auto;
    display: inline;
}

.contactBox .txtArea dd a.iconGmap:hover {
    color: #31424e;
/*     background: #f5f5f5;
    border: #14357b 1px solid; */
}

.contactBox .txtArea dd a.iconGmap:before {
    font-family: 'Font Awesome 6 pro';
    content: "\f3c5";
    font-size: 16px;
    padding-right: 10px;
    padding-left: 2px;
}







a.btnGoogle:after {
    font-family: 'themify';
    /*     content: "\e649"; */
    font-size: 14px;
    content: "\e693"
}

@media only screen and (max-width: 900px) {
    /* .contactArea */
    #about_access .contactArea {
        margin: -45px -2.5% 0;
    }
    #about_access .contactBox {
        margin-top: 45px;
        padding: 45px 5%;
    }
    #about_access .contactBox .txtArea dl {
        font-size: 13px;
    }
    #about_access .contactBox .txtArea dd a {
        line-height: 50px;
        font-size: 13px;
    }
    #about_access .contactBox .txtArea dd a:hover {
        color: #31424e;
        background: none;
        border: #31424e 2px solid;
    }
}

@media only screen and (max-width: 736px) {
    /* .contactArea */
    #about_access .contactArea {
        margin: 0;
    }
    #about_access .contactBox {
        margin: 40px 0 0;
        padding: 40px 5%;
        display: block;
        width: 100%;
    }
    /* .titleArea */
    #about_access .contactBox .titleArea {
        height: 200px;
        border: #ddd 1px solid;
    }
    /* .txtArea */
    #about_access .contactBox .txtArea {
        float: none;
        width: 100%;
        margin-top: 25px;
        padding: 0;
    }
    #about_access .contactBox .txtArea dl {
        font-size: 12px;
    }
    #about_access .contactBox .txtArea dd a {
        line-height: 45px;
        font-size: 12px;
    }
}



/* -----------------------------------------------------------


   #outline

   ----------------------------------------------------------- */

   #outline {padding: 50px 0%;position: relative;z-index: 1;overflow: auto;max-width: 1200px;margin: 0 auto;}
   @media only screen and (max-width: 800px) {
   #outline { padding: 80px 5%; }
   }
   @media only screen and (max-width: 738px) { 
   #outline{ padding: 70px 5%; }
   }
   @media only screen and (max-width: 414px) { 
   #outline {padding: 60px 5%;}
   }
   
   .central{width:100%;max-width:1100px;margin:0 auto;display: flex;}
   
   
   
   
   
   /* .imgArea */
   #outline .imgArea {/* float:left; */width: 30%;padding: 0 3%;}
   #outline .imgArea .inner {position:relative;z-index:2;display: block;height: auto;}
/*    #outline .imgArea .inner:before {position: absolute;top: 7px;left: 0;bottom: 7px;right:0;content: "";border: #ddd 1px solid;background:#fefefe;z-index: -2;}
   #outline .imgArea .inner:after { position: absolute; top: 0; left: 7px; bottom: 0; right:7px; content: ""; border: #ddd 1px dotted; z-index: -2; } */
   #outline .imgArea .inner img {display:block;height: auto;width: 100%;border-radius: 10px;}


    /* .txtArea */
   #outline .txtArea {/* float: left; *//* width: 80%; */padding: 0 3%;}

    @media only screen and (max-width: 600px) { 

   .central{flex-direction: column;}
	#outline .imgArea .inner img {width: 60%;margin:0 auto 20px}
    #outline .imgArea {/* clear:both; */width:100%;margin-bottom: 10px;}
    #outline .txtArea { clear:both; width:100%; }

    }

   
   /* ======== table.tableOther ======== */
   table.company {border-collapse: collapse;text-align: left;font-size: 15px;letter-spacing:1px;line-height:2;width:100%;}
   table.company tr { }
   table.company th {width:25%;padding:22px;vertical-align: 0;border: #ddd 1px solid;border-right:#ddd 1px dashed;border-right: #ddd 1px solid;}
   table.company td {padding:22px;vertical-align: 0;border: #ddd 1px solid; border-left:none;}
   table.company td .linkArea {margin-top:10px;text-align:left;}
   table.company td .linkArea a.btn {margin:0;}
   
   /* --- #map_canvas --- */
   #map_canvas { width:100%; margin-top:70px; height:400px;position: relative; z-index: 1; border: #ededed 1px solid;}
   
   
   
   @media only screen and (max-width: 950px) {
   table.company th {width:30%;padding:20px;}
   table.company td {padding:20px;}	
   }
   
   @media only screen and (max-width: 800px) {
   table.company { font-size:13px;}	
   }
   @media only screen and (max-width: 738px) {
     #outline .imgArea {/* float:none; */width:100%;/* display: block; */}
     #outline .txtArea {float:none;width:100%;/* margin-top:25px; */}
     table.company {/* font-size:12px; */}	
   /*	#map_canvas { display:none; }*/
   }
   @media only screen and (max-width: 414px) {
   table.company th {width:30%;padding:15px;}
   table.company td {padding:15px;}		
   }
   
  

/* ==========================================================================

.linkArea

========================================================================== */

.linkArea {text-align: right;padding: 10px 10px 10px;}
.linkArea2 {text-align: center;margin-top: 40px;width:100%;max-width: 300px;margin: 30px auto;}


/* .btnA  */
.btnA {display: inline-block;width: 180px;max-width:100%;padding: 0;margin:0 10px;color: #fff;/* background: #726e6e; */border: #3f3d3d 1px solid;/* border-bottom: #3f3d3d 1px solid; */font-size: 14px;text-decoration: none;text-align:center;font-weight:500;line-height: 38px;letter-spacing: 1px;position: relative;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 2px;}
.btnA:after {font-family: 'themify';content: "\e649";/* content: "\f16d"; *//* content: "\f105"; */font-size: 10px;font-style: normal;font-weight: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;top: 0;right: 15px;z-index: 1;line-height: 38px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
/* .btnA:after { font-family: 'FontAwesome'; 
content: "\f16d"; 
font-size: 10px; 
font-style: normal; 
font-weight: normal; 
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale; 
position: absolute; top: 0; right: 15px; z-index: 1; 
line-height: 55px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } */

.btnA:hover {color:#fff;background: #999;border:#999 1px solid;}
.btnA:hover:after { right: 10px; }


@media only screen and (max-width: 414px) {
.btnA {font-size: 12px;width: 200px;line-height: 50px;}	
.btnB {font-size: 12px;width: 200px;line-height: 50px;}	
}


.Item{
  text-decoration: none;
  /* color: #5bc8ac; */
  /* font-family: eb-garamond, serif; */
  font-size: 13px;
  font-weight: 400;
}
.Item-Text{
  position: relative;
  z-index: 1;
  letter-spacing: .08em;
  font-weight: 600;
  color: #1e6493;
}

.Item-Text:before{
  font-family: 'Font Awesome 6 pro';
  content: "\f178";
/*   font-size: px; */
  padding-right: 10px;
}


.Item-Text:after{
  content: '';
  position: absolute;
  left: 0;
  bottom: -10px;/*テキストからの距離*/
  width: 0%;/*初期状態では下線非表示*/
  height: 1px;/*下線の高さ*/
  background: #1e6493;/*下線の色*/
  z-index: -1;
  transition: all 0.4s;/*アニメーション速度*/
}
.Item:hover .Item-Text:after{
  width: 100%;/*hover時に表示*/
}


#reserve {
    padding-top: 80px;
    margin-top: -80px;
}

.red{
	color:#F44336;
}