/*--------------------------------------------------------------
	Common
--------------------------------------------------------------*/
html {
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: scrollbar;
}

body {
    font: 400 12px/1.8 "Open Sans", sans-serif;
    color: #3C3C3C;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    /* [disabled]background-color: rgba(255,255,255,1.00); */
    /* [disabled]background-image: url(../images/top/bg000.jpg); */


}

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

iframe {
  border: 0;
}

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

.align-left {
  text-align: left !important;
}

.position-relative {
  position: relative;
}

.leftauto {
  right: 0 !important;
  left: auto !important;
}

.detailText {
    /* [disabled]text-align: justify; */
    font-size: 1.35em!important;
    line-height: 1.5;
    font-weight: 500;
}

.detailText span {
    /* [disabled]text-align: justify; */
    font-size: 1.35em!important;
    line-height: 1.5;
    font-weight: 500;
}

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

.detailText {
    /* [disabled]text-align: justify; */
    /* [disabled]font-size: 13.5px!important; */
    /* [disabled]line-height: 1.8; */
}

.detailText span {
    /* [disabled]text-align: justify; */
    font-size: 13.5px!important;
    /* [disabled]line-height: 1.8; */
}
}

.detailText a,
.detailText a:hover,
.detailText a:focus,
.detailText a:active{
    text-decoration: underline!important;
}


a,
a:hover,
a:focus,
a:active{
    text-decoration: none!important;
}

a.pNav,
a.pNav:hover,
a.pNav:focus{
	color: rgba(0,0,0,0.90);	
}
/* Transition elsements */
a,
.btn {
  transition: all 0.125s ease-in-out 0s;
}





.client-logo,
.gallery-caption,
.gallery-image:after,
.gallery-image img,
.price-table,
.team-detail,
.team-image:after,
.work-caption,
.work-image > img,
.work-image:after,
.post-thumbnail,
.post-video,
.post-images-slider {
  transition: all 0.3s ease-in-out 0s;
}

/* Reset box-shadow */
.btn,
.well,
.panel,
.progress,
.form-control,
.form-control:hover,
.form-control:focus,
.navbar-custom .dropdown-menu {
  box-shadow: none;
}

/* Reset border-radius */
.well,
.label,
.alert,
.progress,
.form-control,
.modal-content,
.panel-heading,
.panel-group .panel,
.nav-tabs > li > a,
.nav-pills > li > a {
  border-radius: 2px;
}

.pr-remove {
  /*vertical-align: middle !important;*/
  text-align: center;
}

.examples {
  border-radius: 2px;
  padding: 7px 5px;
  margin: 0 0 40px;
}

.examples.bg-dark {
  background: #333;
  border: 0;
}

.et-icons .box1 {
  border: 1px solid #e5e5e5;
  display: block;
  width: 25%;
  float: left;
  padding: 0;
  font-size: 13px;
  margin: -1px 0 0 -1px;
}

.et-icons .box1 > span {
  display: inline-block;
  border-right: 1px solid #e5e5e5;
  min-width: 60px;
  min-height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 28px;
  margin-right: 5px;
}

.fa-icons > div {
  padding: 0;
  border: 1px solid #e5e5e5;
  margin: -1px 0 0 -1px;
  font-size: 13px;
}

.fa-icons > div > i {
  display: inline-block;
  margin-right: 5px;
  min-width: 40px;
  min-height: 40px;
  border-right: 1px solid #f1f1f1;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
}

.help-block ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Sections */
.navbar-custom + .main {
  margin-top: 50px;
}

.main {
  position: relative;
  background-color: #fff;
  z-index: 1;
}

.module,
.module-small {
	position: relative;
	padding: 75px 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

/* Module header */
.module-small {
  padding: 70px 0;
}

.module-extra-small {
  padding: 25px 0px;
}

.module-medium {
  padding: 75px 0px;
}

.module-large {
    padding-top: 180px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 75px;
}

@media only screen and (max-width: 480px) {
.module-large {
    padding-top: 75px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 75px;
}
    
}

.holder-w {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  height: 1px;
  width: 50%;
}

.holder-w:before {
  border-top: 1px solid #eaeaea;
  position: relative;
  display: block;
  content: "";
  top: 1px;
  height: 1px;
  width: 100%;
}

/* Sections dividers */
.divider-w {
    border-top: 1px solid rgba(3,3,3,0.10);
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
}

.divider-d {
  border-top: 1px solid #202020;
  margin: 0;
}

.divider-g {
	margin: 0;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: rgba(160,160,164,0.5);
}

.divider-o {
	margin: 0;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FF5F00;
}

/* Half-image */
.side-image {
  position: absolute;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.side-image2 {
  position: absolute;
}

.side-image-text {
	background: #fff;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 140px 60px 140px;
	position: relative;
}

.side-image-text2 {
	/* [disabled]border-top: 1px solid #e5e5e5; */
	border-bottom: 1px solid #e5e5e5;
	padding-top: 60px;
	padding-right: 60px;
	padding-bottom: 60px;
	padding-left: 60px;
}

.side-image-text3 {
	/* [disabled]padding-top: 60px; */
	padding-right: 25px;
	padding-left: 25px;
	/* [disabled]line-height: 20px; */
	/* [disabled]margin-left: 30px; */
}

.side-image-text4 {
	/* [disabled]padding-top: 60px; */
	padding-right: 25px;
	padding-left: 25px;
	/* [disabled]line-height: 35px; */
	/* [disabled]margin-left: 30px; */
}

.side-image-text5 {
	/* [disabled]padding-top: 60px; */
	padding-right: 25px;
	padding-left: 25px;
	/* [disabled]line-height: 35px; */
	/* [disabled]margin-left: 30px; */
}


@media only screen and (max-width: 480px) {
.side-image-text2 {
	/* [disabled]border-top: 1px solid #e5e5e5; */
	border-bottom: 1px solid #e5e5e5;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 60px;
	padding-left: 10px;
}

.side-image-text3 {
	/* [disabled]line-height: 40px; */
	margin-left: 0px;
	padding-right: 10px;
	padding-left: 10px;
}

.side-image-text4 {
	/* [disabled]line-height: 35px; */
	margin-left: 0px;
	padding-right: 5px;
	padding-left: 5px;
}

.side-image-text5 {
	/* [disabled]line-height: 35px; */
	padding-right: 5px;
	padding-left: 5px;
}
}

/* Dark background */
.bg-dark,
.bg-dark-30,
.bg-dark-60,
.bg-dark-90,
.bg-dark .module-title,
.bg-dark-30 .module-title,
.bg-dark-60 .module-title,
.bg-dark-90 .module-title,
.bg-dark .module-subtitle,
.bg-dark-30 .module-subtitle,
.bg-dark-60 .module-subtitle,
.bg-dark-90 .module-subtitle,
.bg-dark .alt-module-subtitle h5,
.bg-dark-30 .alt-module-subtitle h5,
.bg-dark-60 .alt-module-subtitle h5,
.bg-dark-90 .alt-module-subtitle h5 {
  color: #fff;
}

.bg-dark {
	background: #111;
}

.bg-dark-10:before {
  position: absolute;
  background: rgba(2, 2, 2, 0.2);
  content: " ";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.bg-dark-30:before {
  position: absolute;
  background: rgba(2, 2, 2, 0.4);
  content: " ";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.bg-dark-60:before {
  position: absolute;
  background: rgba(34, 34, 34, 0.8);
  content: " ";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.bg-dark-90:before {
  position: absolute;
  background: rgba(34, 34, 34, 0.9);
  content: " ";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.bg-gradient:before {
  position: absolute;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(40, 115, 113, 0.57) 25%, rgba(115, 54, 31, 0.67) 75%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
  /* IE6-8 */
  content: " ";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.bg-light {
  background: #f6f6f6;
}

.bg-light2 {
	background-image: url(../images/top/bg002.jpg);
	background-repeat: repeat;
}

.parallax-bg {
    /* [disabled]background-size: cover; */
    background-attachment: fixed;
    /* [disabled]-webkit-transform:translateZ(0px); */
    background-image: url(../images/top/bg009_2.jpg);
}

.parallax-bg2:after {
    content: "";
    position: fixed;
    top: 0;
    height: 100vh;
    left: 0;
    right: 0;
    z-index: -10;
    background: url("../../assets/images/top/bg008.jpg") center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.parallax-bg3:after {
  content: "";
  position: fixed;
  top: 0;
  height: 100vh;
  left: 0;
  right: 0;
  z-index: -20;
  background: url("../../assets/images/top/bg007.jpg") center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


@media only screen and (max-width: 1200px) {
.parallax-bg {

}
}

/* Vertical margin, padding */
.p-0 {
  padding: 0 !important;
}

.p-2 {
  padding: 2px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}


.pt-0 {
  padding-top: 0 !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-140 {
  padding-top: 140px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-140 {
  padding-bottom: 140px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-2 {
  margin-left: 2px !important;
}


.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

@media only screen and (max-width: 991px) {
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-10 {
    margin-top: 10px !important;
  }
  .mt-sm-20 {
    margin-top: 20px !important;
  }
  .mt-sm-30 {
    margin-top: 30px !important;
  }
  .mt-sm-40 {
    margin-top: 40px !important;
  }
  .mt-sm-50 {
    margin-top: 50px !important;
  }
  .mt-sm-60 {
    margin-top: 60px !important;
  }
  .mt-sm-70 {
    margin-top: 70px !important;
  }
  .mt-sm-80 {
    margin-top: 80px !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-10 {
    margin-bottom: 10px !important;
  }
  .mb-sm-20 {
    margin-bottom: 20px !important;
  }
  .mb-sm-30 {
    margin-bottom: 30px !important;
  }
  .mb-sm-40 {
    margin-bottom: 40px !important;
  }
  .mb-sm-50 {
    margin-bottom: 50px !important;
  }
  .mb-sm-60 {
    margin-bottom: 60px !important;
  }
  .mb-sm-70 {
    margin-bottom: 70px !important;
  }
  .mb-sm-80 {
    margin-bottom: 80px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mt-xs-0 {
    margin-top: 0 !important;
  }
  .mt-xs-10 {
    margin-top: 10px !important;
  }
  .mt-xs-20 {
    margin-top: 20px !important;
  }
  .mt-xs-30 {
    margin-top: 30px !important;
  }
  .mt-xs-40 {
    margin-top: 40px !important;
  }
  .mt-xs-50 {
    margin-top: 50px !important;
  }
  .mt-xs-60 {
    margin-top: 60px !important;
  }
  .mt-xs-70 {
    margin-top: 70px !important;
  }
  .mt-xs-80 {
    margin-top: 80px !important;
  }
  .mb-xs-0 {
    margin-bottom: 0 !important;
  }
  .mb-xs-10 {
    margin-bottom: 10px !important;
  }
  .mb-xs-20 {
    margin-bottom: 20px !important;
  }
  .mb-xs-30 {
    margin-bottom: 30px !important;
  }
  .mb-xs-40 {
    margin-bottom: 40px !important;
  }
  .mb-xs-50 {
    margin-bottom: 50px !important;
  }
  .mb-xs-60 {
    margin-bottom: 60px !important;
  }
  .mb-xs-70 {
    margin-bottom: 70px !important;
  }
  .mb-xs-80 {
    margin-bottom: 80px !important;
  }
}

/* Scroll to top */
.scroll-up {
	position: fixed;
	display: none;
	bottom: 10px;
	right: 0px;
	z-index: 999;
}

.scroll-up img{
    width: 100%;
    
}
	

.scroll-up a {
    /* [disabled]background: #fff; */
    display: inline-block;
    /* [disabled]width: 150px; */
    text-align: center;
    /* [disabled]line-height: 28px; */
    font-size: 40px;
    color: #663300;
    opacity: 0.9;
    border-radius: 2px;
}

@media only screen and (max-width: 480px) {
.scroll-up {
    position: fixed;
    display: none;
    bottom: 10px;
    right: 5px;
    z-index: 999;
    margin-right: 0px;
}
    
.scroll-up img{
    width: 100%;
    
}
	
}

.scroll-up a:hover,
.scroll-up a:active {
  opacity: 1.0;
	color: #663300;
}




/* Video */
.video-controls-box {
  position: absolute !important;
  bottom: 40px;
  left: 0;
  width: 100%;
  z-index: 1;
}

.video-controls-box a {
  display: inline-block;
  color: #fff;
  margin: 0 5px 0 0;
}

/* Landing Page */
.landing-reason:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(66, 26, 107, 0.9);
}

.landing-reason {
  color: #fff;
  font-size: 13px;
}

.landing-image-text {
  padding-top: 70px;
  padding-bottom: 0px;
}

.landing-image-text h2 {
  margin-top: 100px;
  margin-bottom: 15px;
}

.landing-screenshot:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(66, 60, 130, 0.5);
}

.alert i {
  margin-right: 5px;
}

/*--------------------------------------------------------------
	Buttons
--------------------------------------------------------------*/
.btn {
	border-radius: 0;
	/* [disabled]font-family: "Roboto Condensed", sans-serif; */
	/* [disabled]text-transform: uppercase; */
	letter-spacing: 1px;
	/* [disabled]font-size: small; */
	/* [disabled]padding-top: 8px; */
	padding-right: 35px;
	/* [disabled]padding-bottom: 8px; */
	padding-left: 35px;
}

.btn-nowprinting {
	background-color: rgba(204,204,204,1);
}

.btn-equipment {
	background-color: rgba(255,255,255,0.5);
	padding: 0px;
	margin-bottom: 0px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline: 0;
}

.btn.btn-round {
  border-radius: 2px;
}

.btn.btn-circle {
  border-radius: 30px;
}

.btn.btn-w {
  background: rgba(255, 255, 255, 0.8);
  color: #111;
}

.btn.btn-w:hover,
.btn.btn-w:focus {
  background: white;
  color: #111;
}

.btn.btn-g {
  background: #e5e5e5;
  color: #111;
}

.btn.btn-g:hover,
.btn.btn-g:focus {
  background: #d8d8d8;
  color: #111;
}

.btn.btn-border-w {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.75);
  color: #fff;
}

.btn.btn-border-w:hover,
.btn.btn-border-w:focus {
  background: #fff;
  border-color: transparent;
  color: #111;
}

.btn.btn-d {
  background: rgba(17, 17, 17, 0.8);
  color: #fff;
}

.btn.btn-d:hover,
.btn.btn-d:focus {
  background: #111111;
}

.btn.btn-b {
  background: #111111;
  color: #fff;
}

.btn.btn-b:hover,
.btn.btn-b:focus {
  background: rgba(17, 17, 17, 0.8);
}

.btn-border-d {
    background: transparent;
    border: 1px solid #7C7C7C;
    color: #494949;
    /* [disabled]font-size: 1.0em; */
    /* [disabled]padding-top: 10px; */
    font-weight: 500;
    transition-duration: 0.3s;
}

.btn-border-d2 {
    background: transparent;
    border: 1px solid #0055b8;
    color: #0055b8;
    font-size: 1.1em;
    /* [disabled]padding-top: 10px; */
    font-weight: 400;
}

.btn-border-d2:hover,
.btn-border-d2:focus {
	color: #FFFFFF;
	background-color: #0055b8;
}


@media only screen and (max-width: 480px) {
.btn-border-d {
	background: transparent;
	border: 1px solid #7C7C7C;
    color: #494949;
	font-size: 1.0em;
	padding-top: 10px;
	font-weight: 400;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.btn-border-d2 {
    background: transparent;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 1.3em;
    padding-top: 10px;
    font-weight: 400;
    padding-bottom: 10px;
}

.btn-border-d3 {
	color: #FFFFFF;
	font-size: 1.2em;
	padding-top: 5px;
	font-weight: 400;
	padding-bottom: 10px;
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

}

.btn.btn-border-d:hover,
.btn.btn-border-d:focus {
    color: #fff;
    background-color: #7C7C7C;
}

.btn.btn-font-w {
  background: rgba(255, 255, 255, 0.8);
  color: #fff;
}

.btn.btn-font-w:hover {
  background: #fff;
  color: #111;
}

/* Buttons size */
.btn.btn-lg {
  padding: 12px 45px;
  font-size: 13px;
}

.btn.btn-sm {
  padding: 6px 25px;
  font-size: 10px;
  letter-spacing: 1px;
}

.btn.btn-xs {
  padding: 4px 19px;
  font-size: 10px;
  letter-spacing: 0;
}

.btn-list .btn {
  margin: 5px 0;
}

.search-btn {
  position: absolute;
  background: transparent;
  border: none;
  overflow: hidden;
  top: 50%;
  right: 1px;
  width: 42px;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  outline: none;
  color: #999;
  margin-top: -20px;
}

.image-button {
  margin: 0px 5px;
}

/*--------------------------------------------------------------
	Forms
--------------------------------------------------------------*/
/* Selection */
::-moz-selection {
  background: #000;
  color: #fff;
}

::-webkit-selection {
  background: #000;
  color: #fff;
}

::selection {
  background: #000;
  color: #fff;
}

/* Forms common style */
.form-control {
	/* [disabled]font-family: "Roboto Condensed", sans-serif; */
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
	height: 33px;
	border: 1px solid #EAEAEA;
	border-radius: 2px;
	transition: all 0.4s ease-in-out 0s;
}

.form-control:focus {
  border-color: #CACACA;
}

/* Forms size */
.input-lg,
.form-horizontal .form-group-lg .form-control {
  height: 43px;
  font-size: 13px;
}

.input-sm, .form-horizontal .form-group-sm .form-control {
  height: 29px;
  font-size: 10px;
}

.rqst-form {
  margin-top: 27px;
}

.rqst-form .btn {
  margin-top: 5px;
}

.input-group-addon {
  border: 1px solid #e4e4e4 !important;
}

/*--------------------------------------------------------------
	Typography
--------------------------------------------------------------*/
a {
    color: rgba(0,0,0,0.90);
}

a:hover, a:focus {
    text-decoration: underline;
    color: rgba(0,0,0,0.90);
    outline: 0;
}

.bg-dark a {
  color: #aaa;
}

.bg-dark a:hover, .bg-dark a:focus {
  color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
  font-weight: 400;
}

p, ol, ul, blockquote {
  margin: 0 0 20px;
}

blockquote {
  border: 0;
  font-style: italic;
  font-size: 15px;
  padding: 0;
}

.font-jp {
	font-family:  "Zen Maru Gothic", sans-serif;
	/* [disabled]text-transform: uppercase; */
	/* [disabled]letter-spacing: 2px; */
    /* [disabled]transform: rotate(0.05deg); */
}

.font-jp2 {
	font-family: 'Sawarabi Mincho', sans-serif;
	transform: rotate(0.001deg);
	/* [disabled]text-transform: uppercase; */
	/* [disabled]letter-spacing: 2px; */
	/* [disabled]font-weight: bold; */
}

.font-alt {
	font-family: 'Mplus 1p', sans-serif;
	/* [disabled]text-transform: uppercase; */
	/* [disabled]letter-spacing: 2px; */
	transform: rotate(0.03deg);
}

.font-jp3 {
	font-family: 'Noto Sans JP', sans-serif;
	text-transform: none;
	/* [disabled]letter-spacing: 2px; */
	/* [disabled]transform: rotate(0.02deg); */
}


.font-jp4 {
	font-family: 'Noto Serif JP', serif;
	/* [disabled]text-transform: uppercase; */
	/* [disabled]letter-spacing: 2px; */
	/* [disabled]transform: rotate(0.02deg); */
}

.font-serif {
	font-family: Volkhov, "Times New Roman", sans-serif;
	/* [disabled]font-style: italic; */
}

.large-text {
  font-size: 24px !important;
}

.middle-text {
	font-size: medium !important;
	font-weight: normal;
	color: rgba(0,0,0,0.8);
	line-height: 24px;
}


.rotate {
  text-shadow: none !important;
}

.pink {
    color: #e4007f;    
}

.module-title-top00 {
    position: relative;
    font-weight: 400;
    font-size: 1.15vw;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
}

.module-title-top00-2 {
    position: relative;
    font-weight: 700;
    font-size: 3.0vw;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
}

.module-title-top00-3 {
    position: relative;
    font-weight: 700;
    font-size: 2.4vw;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    color: rgba(82,57,57,1.00);
}

.module-title-top01 {
    position: relative;
    font-weight: 700;
    font-size: 2.0em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    line-height: 1.8;
}

.module-title-top01-2 {
    font-weight: 500;
    font-size: 2.4em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight:bold;
  text-align: center;    
}

.module-title-top01-2::before,
.module-title-top01-2::after {
    content: '';
    width: 5px;
    height: 40px;
    background-color: #e4007f;
}

.module-title-top01-2::before {
  margin-right: 30px;
  transform: rotate(-35deg)
}
.module-title-top01-2::after {
  margin-left: 30px;
  transform: rotate(35deg)
}

.module-title-top01-2inner {
    font-weight: 400;
    font-size: 2.4em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    letter-spacing: 2px;
}

.module-title-top01-2inner::before,
.module-title-top01-2inner::after {
    content: '';
    width: 2px;
    height: 40px;
    background-color: #FFFFFF;
}

.module-title-top01-2inner::before {
  margin-right: 30px;
  transform: rotate(-35deg)
}
.module-title-top01-2inner::after {
  margin-left: 30px;
  transform: rotate(35deg)
}



.module-title-top02 {
    position: relative;
    font-weight: 300;
    font-size: 2.4em;
    color: #0055b8;
    line-height: 0.8;
}

.module-title-top02 span{
    color: rgba(0,0,0,0.95);
    font-size: 60%;
}

.module-title-top03 {
    position: relative;
    font-weight: 300;
    font-size: 2.8em;
    line-height: 0.8;
    letter-spacing: 3px;
}

.module-title {
	position: relative;
	text-align: center;
	font-weight: 500;
	font-size: 22px;
	color: #0055b8;
	/* [disabled]text-shadow: 0px 1px 1px rgba(0,0,0,0.4),
               0px 2px 3px rgba(0,0,0,0.1),
               0px 4px 5px rgba(0,0,0,0.1); */
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 50px;
	margin-left: 0;
			   }

.module-title2 {
	position: relative;
	text-align: center;
	font-weight: 500;
	font-size: 32px;
	color: #0055b8;
	/* [disabled]text-shadow: 0px 1px 1px rgba(0,0,0,0.4),
               0px 2px 3px rgba(0,0,0,0.1),
               0px 4px 5px rgba(0,0,0,0.1); */
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 50px;
	margin-left: 0;
			   }

.module-title2-2 {
    position: relative;
    font-weight: 300;
    font-size: 2.4em;
    color: #0055b8;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    border-bottom: thin solid rgba(0,0,0,1.00);
}

.module-title2-2w {
    position: relative;
    font-weight: 200;
    font-size: clamp(2.4rem, calc(2.3473684210526313rem + 0.21052631578947384vw), 2.6rem);
    color: #FFFFFF;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    line-height: 1.2;
}

.module-title2-3 {
	position: relative;
	font-weight: 500;
	font-size: 2.6em;
	color: #0055b8;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

.module-title2-4 {
	position: relative;
	font-weight: 500;
	font-size: 2.0em;
	color: #0055b8;
}

.module-title3 {
	position: relative;
	text-align: center;
	font-weight: 500;
	font-size: 32px;
	color: #FFFFFF;
	/* [disabled]text-shadow: 0px 1px 1px rgba(0,0,0,0.4),
               0px 2px 3px rgba(0,0,0,0.1),
               0px 4px 5px rgba(0,0,0,0.1); */
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 50px;
	margin-left: 0;
			   }
			   
.module-title3 small {
	font-size: 0.5em;	
}

.module-title4 {
	position: relative;
	/* [disabled]letter-spacing: 10px; */
	text-align: right;
	letter-spacing: -2px;
	font-weight: 500;
	font-size: medium;
	color: #FF5F00;
	/* [disabled]margin: 0 0 70px; */
	/* [disabled]text-shadow: 0px 1px 1px rgba(0,0,0,0.4),
               0px 2px 3px rgba(0,0,0,0.1),
               0px 4px 5px rgba(0,0,0,0.1); */
	

}

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

    
.module-title2-2w {
    position: relative;
    font-weight: 200;
    font-size: 2.8em;
    color: #FFFFFF;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 0px;
    line-height: 1.2;
    padding-left: 0px;
    border-bottom: thin none rgba(255,255,255,1.00);
    padding-bottom: 11px;
    text-align: center;
}    
    
    
}


@media only screen and (max-width: 1024px) {
.module-title {
    position: relative;
    /* [disabled]letter-spacing: 1px; */
    text-align: center;
    font-size: 1.4em;
    color: #0055b8;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 70px;
    margin-left: 0;
    padding-right: 0px;
    padding-left: 0px;
}
    
.module-title-top01 {
    position: relative;
    font-weight: 500;
    font-size: 1.6em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
}

.module-title-top01-2 {
    position: relative;
    font-weight: 500;
    font-size: 2.0em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
}
    
    
.module-title-top01-2inner {
    position: relative;
    font-weight: 500;
    font-size: 2.0em;
    margin-top: 25px;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
}
    
.module-title-top02 {
    position: relative;
    font-weight: 300;
    font-size: 2.0em;
    color: #0055b8;
    line-height: 0.8;
}

.module-title-top02 span{
    color: rgba(0,0,0,0.95);
    font-size: 60%;
}

.module-title-top03 {
    position: relative;
    font-weight: 300;
    font-size: 2.0em;
    line-height: 1.3;
}    
    
}

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

    
.module-title2-2w {
    position: relative;
    font-weight: 200;
    font-size: 2.8em;
    color: #FFFFFF;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 30px;
    line-height: 1.2;
    padding-left: 0px;
    border-bottom: thin solid rgba(255,255,255,1.00);
    padding-bottom: 11px;
    text-align: center;
}    
    
    
}

@media only screen and (max-width: 820px) {
.module-title-top00 {
    position: relative;
    font-weight: 400;
    font-size: 1.5em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    line-height: 1.5;
}
}

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

.module-title-top00-3 {
    position: relative;
    font-weight: 700;
    font-size: 1.8em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    color: rgba(82,57,57,1.00);
}
    
.module-title-top00 {
    position: relative;
    font-weight: 400;
    font-size: 1.0em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    line-height: 1.5;
}

.module-title-top01 {
    position: relative;
    font-weight: 500;
    font-size: 1.5em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    line-height: 1.5;
    padding-bottom: 10px;
}    
    
.module-title-top01-2 {
    position: relative;
    font-weight: 500;
    font-size: 1.8em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    line-height: 1.3;
    padding-bottom: 10px;
}  
    
.module-title-top01-2inner {
    position: relative;
    font-weight: 500;
    font-size: 1.6em;
    margin-top: 40px;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    line-height: 1.3;
    padding-bottom: 10px;
}   
    
.module-title-top00-2 {
    position: relative;
    font-weight: 500;
    font-size: 1.8em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
}
    
.module-title {
    position: relative;
    /* [disabled]letter-spacing: 1px; */
    text-align: center;
    font-size: 1.5em;
    color: #0055b8;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 70px;
    margin-left: 0;
    padding-right: 0px;
    padding-left: 0px;
}
.module-title2 {
	position: relative;
	letter-spacing: -2px;
	text-align: center;
	font-weight: 500;
	font-size: 1.8em;
	color: #0055b8;
	margin: 0 0 70px;
}
	
.module-title2-2 {
    position: relative;
    font-weight: 500;
    font-size: 2.3em;
    color: #0055b8;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    line-height: 1.2;
}	
	
.module-title2-3 {
    position: relative;
    font-weight: 500;
    font-size: 1.6em;
    color: #0055b8;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    line-height: 1.2;
}
	
.module-title2-4 {
    position: relative;
    font-weight: 500;
    font-size: 1.3em;
    color: #0055b8;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    line-height: 1.3;
}

.module-title2-2w {
    position: relative;
    font-weight: 200;
    font-size: 2.8em;
    color: #FFFFFF;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 0px;
    line-height: 1.2;
    padding-left: 0px;
    border-bottom: thin solid rgba(255,255,255,1.00);
    padding-bottom: 11px;
    text-align: center;
}
    
.module-title3 {
	position: relative;
	text-align: center;
	font-weight: 500;
	font-size: 2.2em;
	margin: 0 0 70px;
}


}

.module-subtitle {
    font-size: 1.8em;
    /* [disabled]line-height: 18px; */
    font-weight: 400;
}

.module-subtitleb {
    font-size: 1.5em;
    line-height: 1.8;
    font-weight: 700;
    border-bottom: thin dotted rgba(0,0,0,0.29);
    padding-bottom: 5px;
    letter-spacing: 1.5px;
    color: rgba(0,0,0,0.80);
}


.module-subtitle-bold {
    font-size: 1.5em;
    /* [disabled]line-height: 18px; */
    font-weight: 600;
}

.module-subtitle2 {
    text-align: center;
    font-size: 1.8em;
    color: #0055b8;
    font-weight: 400;
}

.module-subtitle2-box {
	text-align: center;
	font-size: 1.3em;
	color: #0055b8;
	font-weight: 400;
	margin-bottom: 0px;
}

.module-subtitle3 {
    text-align: justify;
    font-size: 1.5em;
    /* [disabled]color: #0055b8; */
    line-height: 1.8;
}

.module-subtitle3-title {
    text-align: justify;
    font-size: 1.8em;
    /* [disabled]color: #0055b8; */
    line-height: 1.8;
}

.module-subtitle3-date {
    font-size: 1.2em;
    /* [disabled]color: #0055b8; */
    line-height: 1.8;
    margin-top: -20px;
}

.module-subtitle3-box {
	text-align: justify;
	font-size: 1.2em;
	/* [disabled]color: #0055b8; */
	line-height: 1.5;
	padding: 1em;
	font-weight: 400;
}

.module-subtitle3-box2 {
	text-align: justify;
	font-size: 1.3em;
	/* [disabled]color: #0055b8; */
	line-height: 1.5;
	padding: 0.5em;
	font-weight: 400;
}

.module-subtitle3-box3 {
	text-align: justify;
	font-size: 1.4em;
	/* [disabled]color: #0055b8; */
	line-height: 1.5;
	padding: 0.5em;
	font-weight: 400;
}

.module-subtitle3-box4 {
	text-align: justify;
	font-size: 1.2em;
	/* [disabled]color: #0055b8; */
	line-height: 1.5;
	padding: 1em;
	font-weight: 400;
}

.module-subtitle3-box5 {
	font-size: 1.3em;
	/* [disabled]color: #0055b8; */
	line-height: 1.2;
	font-weight: 400;
}

.module-subtitle3-box5 a {
    color: rgba(0,0,0,0.88);
}

.module-subtitle3-box6 {
	font-size: 1.05em;
	color: rgba(0,0,0,0.8);
	line-height: 1.2;
	font-weight: 400;
	margin-left: 1.7em;
	text-indent: -0.65em;
}

.module-subtitle3-box7 {
	font-size: 1.0em;
	color: rgba(0,0,0,0.8);
	line-height: 1.2;
	font-weight: 400;
	margin-right: -0.5em;
	margin-top: 5px;
}

.module-subtitle3-box-works {
	font-size: 1.1em;
	/* [disabled]color: #0055b8; */
	line-height: 1.6;
	font-weight: 400;
}

.module-subtitle4 {
    font-size: 2.0em;
    color: #0055b8;
    font-weight: 400;
}

.module-subtitle-clinic01 {
    text-align: center;
    font-size: 1.8em;
    color: #0055b8;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 2px;
    position: relative;
    display: inline-block;
}

.module-subtitle-clinic01:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -5px;/*線の上下位置*/
  display: inline-block;
  width: 120%;/*線の長さ*/
  height: 1px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: black;/*線の色*/
  border-radius: 3px;/*線の丸み*/
}

.module-subtitle-clinic02 {
    text-align: center;
    font-size: 1.5em;
    color: #5387C3;
    line-height: 1.5;
    letter-spacing: 0px;
    font-weight: 500;
    border-bottom: thin dotted rgba(175,175,175,1.00);
}


.module-subtitle-clinic03 {
    text-align: center;
    font-size: 1.5em;
    line-height: 1.8;
}

.module-subtitle-clinic03-2 {
    font-size: 1.2em;
    line-height: 1.5;
}

.module-subtitle-clinic04 {
    font-size: clamp(1.3rem, calc(1.2473684210526317rem + 0.21052631578947364vw), 1.5rem);
    line-height: 1.5;
    font-weight: 300;
}

.module-subtitle-clinic04-2 {
    font-size: clamp(0.8rem, calc(1.0rem + 0.2vw), 1.3rem);
    line-height: 1.5;
    font-weight: 300;
}

.module-subtitle-clinic05 {
    text-align: center;
    font-size: 1.3em;
    line-height: 1.5;
    margin-left: 1.8em;
}

.module-subtitle-clinic06 {
    text-align: center;
    font-size: 1.0em;
    line-height: 1.5;
    margin-left: 1.8em;
}

.module-subtitle-clinic07 {
    text-align: center;
    font-size: 1.8em;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: 3px;
    background-color: #0055b8;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 50px;
}

.module-subtitle-clinic08 {
    text-align: left;
    font-size: 1.6em;
    line-height: 1.5;
    letter-spacing: 3px;
    background-color: #BCE1DF;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.module-subtitle-clinic09 {
    text-align: left;
    font-size: 1.6em;
    line-height: 1.5;
    letter-spacing: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    background-image: url(../images/faq/002.png);
}

.module-subtitle-clinic10 {
    text-align: center;
    font-size: 2.4em;
    color: #0055b8;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 2px;
}

.module-subtitle-clinic11 {
    text-align: justify;
    font-size: 1.5em;
    line-height: 1.5;
    background-color: rgba(232,232,232,1.00);
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 500;
    padding-left: 1em;
    padding-right: 1em;
}

.module-subtitle-clinic11-2 {
    margin-bottom: 10px;
    line-height: 1.8;
    color: #0055b8;
}

.module-subtitle-clinic12 {
    text-align: left;
    font-size: 2.8em;
    color: #0055b8;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 2px;
    position: relative;
    /* [disabled]display: inline-block; */
}

.module-subtitle-clinic12 img {
    width: 2.4em;
}

.module-subtitle-clinic13 {
    text-align: left;
    font-size: 2.0em;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 2px;
    /* [disabled]margin-left: 3.2em; */
    background-color: rgba(140,206,255,0.26);
    padding-left: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
}

.module-subtitle-clinic14 {
    text-align: center;
    font-size: 2.0em;
    color: #0055b8;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 2px;
}

.module-subtitle-clinic15 {
    text-align: center;
    font-size: 1.8em;
    line-height: 1.5;
}

.module-subtitle-clinic16 {
    text-align: center;
    font-size: 1.8em;
    color: #0055b8;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 2px;
    position: relative;
    display: inline-block;
}

.module-subtitle-clinic16:before {
  content: '';
  position: absolute;
  left: 0%;
  bottom: -5px;/*線の上下位置*/
  display: inline-block;
  width: 60%;/*線の長さ*/
  height: 1px;/*線の太さ*/

  background-color: black;/*線の色*/
  border-radius: 3px;/*線の丸み*/
}

.module-subtitle-clinic18{
    font-size: 3.2em;
    line-height: 1.5;
    font-weight: 500;
    margin-top: 30px;
    color: #f6921e;
    margin-left: 1.5em;
}

.module-subtitle-clinic18w{
    font-size: 3.2em;
    line-height: 1.5;
    font-weight: 500;
    margin-top: 30px;
    color: #FFFFFF;
    margin-left: 1.5em;
}

.module-subtitle-clinic18b{
    font-size: 3.2em;
    line-height: 1.5;
    font-weight: 500;
    margin-top: 30px;
}

.module-subtitle-clinic19{
    font-size: 1.35em;
    line-height: 1.5;
    font-weight: 500;
}

.module-subtitle-clinic20{
    font-size: 1.6em;
    line-height: 1.5;
    font-weight: 400;
    /* [disabled]padding-left: 1em; */
    /* [disabled]padding-right: 1em; */
    border-top: thin solid rgba(255,255,255,1.00);
    padding-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: justify;
}

.module-subtitle-clinic20w{
    font-size: 1.6em;
    line-height: 1.5;
    font-weight: 400;
    padding-left: 1em;
    padding-right: 1em;
    color: rgba(255,255,255,1.00);
    text-align: justify;
    margin-top: 10px;
}

.module-subtitle-clinic21{
    font-size: clamp(1.3rem, calc(1.2000000000000002rem + 0.3999999999999999vw), 1.5rem);
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
    color: rgba(0,0,0,0.95);
    margin-left: 0.7em;
    margin-right: 0.7em;
    padding-bottom: 20px;
    background-color: rgba(255,255,255,1.00);
    padding-top: 20px;
    margin-bottom: 10px;
}

.module-subtitle-clinic22{
    font-size: 2.8em;
    line-height: 1.5;
    font-weight: 400;
    writing-mode: vertical-rl;
    text-orientation: upright;
    margin-top: 30px;
}

.module-subtitle-clinic23{
    font-size: clamp(1rem, calc(0.8947368421052632rem + 0.4210526315789473vw), 1.4rem);
    line-height: 1.3;
    font-weight: 500;
}


@media only screen and (max-width: 1200px) {    
.module-subtitle-clinic04 {
    font-size: 1.5em;
    line-height: 1.5;
    font-weight: 300;
}
    
.module-subtitle-clinic04-2 {
    font-size: 1.2em;
    line-height: 1.5;
    font-weight: 300;
}
	
}

@media only screen and (max-width: 1024px) {
.module-subtitle4 {
    font-size: 1.5em;
    color: #0055b8;
    font-weight: 400;
}

.module-subtitle2-box {
	text-align: center;
	font-size: 1.2em;
	color: #0055b8;
	font-weight: 400;
	margin-bottom: 0px;
}
	
.module-subtitle3-box5 {
	font-size: 1.2em;
	/* [disabled]color: #0055b8; */
	line-height: 1.2;
	padding: 0.5em;
	font-weight: 400;
}

.module-subtitle3-box6 {
	font-size: 1.00em;
	color: rgba(0,0,0,0.8);
	line-height: 1.2;
	font-weight: 400;
	margin-left: 1.6em;
	text-indent: -0.65em;
}	

.module-subtitle3-box7 {
	font-size: 0.8em;
	color: rgba(0,0,0,0.8);
	line-height: 1.2;
	font-weight: 400;
	margin-right: -0.5em;
	margin-top: 5px;
}
	
.module-subtitle-clinic13 {
    text-align: left;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 2px;
    margin-left: 0em;
    background-color: rgba(226,226,226,1.00);
    padding-left: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
}


}

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

.module-subtitle-clinic18{
    font-size: 3.2em;
    line-height: 1.5;
    font-weight: 500;
    margin-top: 30px;
    color: #f6921e;
    margin-left: 0%;
    padding-left: 3%;
    padding-right: 3%;
}
    
.module-subtitle-clinic19{
    font-size: 1.35em;
    line-height: 1.5;
    font-weight: 400;
    margin-left: 0%;
    text-align: justify;
    padding-left: 3%;
    padding-right: 3%;    
}

}

@media only screen and (max-width: 480px) {
.module-subtitle {
	font-size: 1.0em;
	/* [disabled]line-height: 18px; */
}
	
.module-subtitle2 {
	text-align: justify;
	font-size: 1.4em;
	padding-right: 10px;
	padding-left: 10px;
	line-height: normal;
}

.module-subtitle2-box {
	text-align: center;
	font-size: 1.3em;
	color: #0055b8;
	font-weight: 400;
	margin-bottom: 0px;
}

.module-subtitle3 {
    font-size: 1.20em;
    padding-right: 0px;
    padding-left: 0px;
    text-align: justify;
    margin-right: 5px;
    margin-left: 5px;
    line-height: 1.5;
	font-weight: 400;
}
    
.module-subtitle3-title {
    font-size: 1.20em;
    text-align: justify;
    line-height: 1.5;
	font-weight: 400;
}
    
.module-subtitle-clinic02 {
    text-align: center;
    font-size: 1.3em;
    color: #5387C3;
    line-height: 1.5;
    letter-spacing: 0px;
    font-weight: 500;
    border-bottom: thin dotted rgba(175,175,175,1.00);
}    
    
.module-subtitle-clinic03 {
    text-align: justify;
    font-size: 1.2em;
    line-height: 1.5;
}
    
.module-subtitle-clinic03-2 {
    text-align: justify;
    font-size: 1.0em;
    line-height: 1.5;
}    
    
    
.module-subtitle-clinic05 {
    text-align: center;
    font-size: 1.1em;
    line-height: 1.5;
    margin-left: 1.8em;
}
    
.module-subtitle-clinic07 {
    text-align: center;
    font-size: 1.5em;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: 3px;
    background-color: #0055b8;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 50px;
}

.module-subtitle-clinic10 {
    text-align: justify;
    font-size: 1.6em;
    color: #0055b8;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0px;
}
    
    
.module-subtitle-clinic11 {
    text-align: justify;
    font-size: 1.2em;
    line-height: 1.5;
    background-color: rgba(232,232,232,1.00);
    border-radius: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 500;
    padding-left: 1em;
    padding-right: 1em;
}
    
.module-subtitle-clinic12 {
    text-align: left;
    font-size: 1.8em;
    color: #0055b8;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 1px;
    position: relative;
    /* [disabled]display: inline-block; */
}

.module-subtitle-clinic12 img {
    width: 2.0em;
}

.module-subtitle-clinic13 {
    text-align: center;
    font-size: 1.5em;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 2px;
    margin-left: 0em;
    background-color: rgba(226,226,226,1.00);
    padding-left: 0em;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
}


.module-subtitle-clinic14 {
    text-align: center;
    font-size: 1.5em;
    color: #0055b8;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 2px;
}
    
.module-subtitle-clinic15 {
    text-align: justify;
    font-size: 1.35em;
    line-height: 1.5;
    }
 
 

.module-subtitle-clinic18{
    font-size: 2.2em;
    line-height: 1.5;
    font-weight: 500;
    margin-top: 15px;
    color: #f6921e;
}
    
    .module-subtitle-clinic18w{
    font-size: 2.2em;
    line-height: 1.5;
    font-weight: 500;
    margin-top: 15px;
    color: #FFFFFF;
    margin-left: 0.8em;
}

        .module-subtitle-clinic18b{
    font-size: 2.2em;
    line-height: 1.5;
    font-weight: 500;
    margin-top: 15px;
}
    
.module-subtitle-clinic19{
    font-size: 1.2em;
    line-height: 1.5;
    font-weight: 400;
}  
    
.module-subtitle-clinic20{
    font-size: 1.2em;
    line-height: 1.5;
    font-weight: 400;
    /* [disabled]padding-left: 1em; */
    /* [disabled]padding-right: 1em; */
    border-top: thin solid rgba(255,255,255,1.00);
    padding-top: 20px;
    margin-left: 12px;
    margin-right: 12px;
    text-align: justify;
}

.module-subtitle-clinic20w{
    font-size: 1.2em;
    line-height: 1.5;
    font-weight: 400;
    padding-left: 1em;
    padding-right: 1em;
    color: rgba(255,255,255,1.00);
}
    
.module-subtitle-clinic21{
    font-size: 2.0em;
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
    color: rgba(0,0,0,0.95);
    border-bottom: thin solid rgba(255,255,255,1.00);
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding-bottom: 10px;
}    
    
.module-subtitle-clinic22{
    font-size: 2.4em;
    line-height: 1.5;
    font-weight: 400;
    /* [disabled]writing-mode: horizontal-tb; */
    text-orientation: upright;
    margin-top: 10px;
    margin-bottom: 30px;
}
  
.module-subtitle-clinic23{
    font-size: 1.15em;
    line-height: 1.3;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}    
    
.module-subtitle3-box {
	text-align: justify;
	font-size: 1.2em;
	/* [disabled]color: #0055b8; */
	line-height: 1.5;
	padding: 10px;
	font-weight: 400;
}
	
.module-subtitle3-box2 {
	text-align: justify;
	font-size: 1.25em;
	/* [disabled]color: #0055b8; */
	line-height: 1.5;
	padding: 0.5em;
	font-weight: 400;
}

.module-subtitle3-box4 {
	text-align: justify;
	font-size: 1.2em;
	/* [disabled]color: #0055b8; */
	line-height: 1.5;
	padding: 10px;
	font-weight: 400;
}

.module-subtitle5-box {
	font-size: 1.5em;
	color: #0055b8;
	font-weight: 400;
	margin-bottom: 0px;
}
	
.module-subtitle4 {
    font-size: 1.4em;
    color: #0055b8;
    font-weight: 400;
}
	
.web-subtitle2 {
	text-align: justify;
	font-size: 0.5em;
	/* [disabled]margin-bottom: 70px; */
}

}

.module-icon {
  text-align: center;
  font-size: 32px;
  margin-bottom: 20px;
}

.module-title + .module-subtitle {
  margin-top: -35px;
}

/* Restaurant module header */
.alt-module-subtitle {
  display: table;
}

.alt-module-subtitle h5 {
  display: table-cell;
  white-space: pre;
  padding: 0 8px;
  color: #111;
}

/* Finance case study header */
.finance-image-content {
  border: 1px solid #e5e5e5;
  padding: 60px 0px;
}

.finance-image-content .module-title {
  margin-bottom: 20px;
}

.finance-image-content .alt-features-item {
  margin-top: 40px;
}

/* Landing Page */
.landing-reason .module-title {
  color: #e6af4b;
}

.landing-reason .module-title + .module-subtitle {
  margin-top: -60px;
  margin-bottom: 40px;
}

.free-trial {
  background-color: rgba(88, 20, 158, 0.9);
  color: #FFFFFF;
}

.free-trial .color-golden {
  color: #e6af4b;
}

/*  Special Portfolio Page  */
.special-portfolio-header-title {
  border: 1px solid rgba(255, 255, 255, 0.7);
  font-size: 50px;
  padding: 40px 0px;
  letter-spacing: 8px;
}

/*--------------------------------------------------------------
	Slider & Carousel
--------------------------------------------------------------*/
/* -------------------------------------------------------------------
General Styles - FlexSlider
------------------------------------------------------------------- */
.flex-direction-nav a,
.flex-control-nav > li > a {
  transition: all 0.3s ease-in-out 0s;
}

.flex-direction-nav a {
  position: absolute;
  display: block;
  height: 100%;
  width: 50%;
  top: 0;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  margin: 0;
}

.flex-direction-nav .flex-prev {
  opacity: 0;
  left: 0;
  cursor: url(../images/prev-light.png), e-resize;
}

.flex-direction-nav .flex-next {
  opacity: 0;
  right: 0;
  cursor: url(../images/next-light.png), e-resize;
}

.flex-control-nav {
	position: absolute;
	width: auto;
	right: 0%;
	bottom: 10px;
	z-index: 11;
	text-align: center;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	display: none;
}

.flex-control-nav > li {
  display: inline-block;
  margin: 5px 3px;
}

.flex-control-nav > li > a {
  background: transparent;
  border: 1px solid #fff;
  display: block;
  height: 10px;
  width: 10px;
  border-radius: 10px;
}

.flex-control-nav > li > a:hover,
.flex-control-nav > li > a.flex-active {
	background-color: rgba(255,255,255,0.8);
}

/* -------------------------------------------------------------------
Hero Slider
------------------------------------------------------------------- */
.hero-slider {
  margin: 0 !important;
}

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

.hero-slider,
.hero-slider .flex-viewport {
    height: 80vh !important;
    /* [disabled]width: 10vw!important; */
    padding: 0;
    margin: 0;
}

.hero-slider .slides {
    /* [disabled]width: 10vw!important; */
    height: 80vh !important;
    transition-delay: 10s;
}

.hero-slider .flex-direction-nav a {
  width: 10%;
}

.hero-slider .slides li {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100% !important;
	width: 100%;
	padding: 0;
	margin-top: 12vh;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	z-index: 9999;
}

@media only screen and (max-width: 1200px) {
.hero-slider,
.hero-slider .flex-viewport {
	height: 75vh !important;
	/* [disabled]width: 100%; */
	padding: 0;
	margin: 0;
}

.hero-slider .slides {
	height: 75vh !important;
	transition-delay: 20s;
}

.hero-slider .slides li {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100% !important;
	width: 100%;
	padding: 0;
	margin-top: 10vh;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
	
}


@media only screen and (max-width: 480px) {
.hero-slider {
  margin: 0 !important;
}

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

.hero-slider,
.hero-slider .flex-viewport {
	height: 100% !important;
	/* [disabled]width: 100%; */
	padding: 0;
	margin: 0;
}

.hero-slider .slides {
	height: 100% !important;
	transition-delay: 20s;
}

.hero-slider .flex-direction-nav a {
  width: 10%;
}

.hero-slider .slides li {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 90vh !important;
	width: 100%;
	padding: 0;
	margin-top: 10vh;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
	
}



/* Caption */
.titan-caption {
	position: relative;
	display: table;
	height: 100%;
	width: 70%;
	margin: 0 auto;
	/* [disabled]background-color: rgba(0,0,0,0.1); */
}

.titan-caption {
	position: relative;
	display: table;
	height: 100%;
	width: 100%;
	margin: 0 auto;
}

.titan-caption2 {
	position: absolute;
	display: table;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	z-index: 20;
}

.caption-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  z-index:50;
}

/*
Photography Page Slider
*/
.photography-page .image-caption {
  bottom: 20px;
  position: absolute;
  width: 35%;
}

.photography-page .image-caption .caption-text {
  font-size: 24px;
  text-transform: capitalize;
  letter-spacing: 1px;
}

.photography-page .flex-control-nav {
  left: 80%;
  bottom: 20px;
  z-index: 11;
}

/* -------------------------------------------------------------------
General Styles - Owlcarousel
------------------------------------------------------------------- */
.owl-controls {
  margin-top: 40px;
}

.owl-pagination div {
  display: inline-block;
}

.owl-controls .owl-page span {
  background: transparent;
  border: 1px solid #111;
  display: block;
  height: 6px;
  width: 6px;
  margin: 0 3px 5px;
  border-radius: 6px;
  transition: all 0.3s ease-in-out 0s;
}

.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span {
  background: #111;
}

.owl-controls .owl-buttons > div {
	display: inline-block;
	margin: 5px;
	font-size: 30px;
	color: #FFF;
}

/*--------------------------------------------------------------
	Preloader
--------------------------------------------------------------*/
.page-loader {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	z-index: 9998;
	background-color: #FFF8F0;
	/* [disabled]background-image: url(../images/top/bg001.jpg); */
}

.loader2 {
  position: absolute;
  border-left: 2px solid #ffffff;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  height: 46px;
  width: 46px;
  left: 50%;
  top: 50%;
  margin: -23px 0 0 -23px;
  text-indent: -9999em;
  font-size: 10px;
  z-index: 9999;
  -webkit-animation: load 0.8s infinite linear;
  -moz-animation: load 0.8s infinite linear;
  ms-animation: load 0.8s infinite linear;
  o-animation: load 0.8s infinite linear;
  animation: load 0.8s infinite linear;
}

.loader2,
.loader2:after {
  border-radius: 50%;
  width: 46px;
  height: 46px;
}

@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
	Navbar
--------------------------------------------------------------*/
.navbar-custom {
	background-color: rgba(255,255,255,0.8);
	border: 0;
	border-radius: 0;
	z-index: 1000;
	font-family: "Roboto Condensed", sans-serif;
	text-transform: uppercase;
	/* [disabled]letter-spacing: 3px; */
	font-size: 12px;
	transition: background, padding 0.4s ease-in-out 0s;
}

.navbar a {
  transition: color 0.125s ease-in-out 0s;
}

.navbar-custom .dropdown-menu {
	background: rgba(26, 26, 26, 1);
	border-radius: 0;
	border: 0;
	padding: 0;
	box-shadow: none;
}

.navbar-custom .navbar-brand {
	/* [disabled]letter-spacing: 4px; */
	/* [disabled]font-weight: 400; */
	font-size: 12px;
	color: #fff;
	margin-top: -15px;
	margin-left: -15px;
}

.navbar-custom .nav li > a {
  position: relative;
  color: rgba(255, 255, 255, 1);
}

.navbar-custom .dropdown-menu > li > a {
	border-bottom: 1px solid rgba(73, 71, 71, 0.15) !important;
	letter-spacing: 2px;
	color: #999;
	/* [disabled]padding-top: 11px; */
	/* [disabled]padding-right: 15px; */
	/* [disabled]padding-bottom: 0px; */
	/* [disabled]padding-left: 15px; */
}

.navbar-custom .dropdown-menu .dropdown-menu {
  border-left: 1px solid rgba(73, 71, 71, 0.15);
  left: 100%;
  right: auto;
  top: 0;
  margin-top: 0;
}

.navbar-custom .dropdown-menu.left-side .dropdown-menu {
  border: 0;
  border-right: 1px solid rgba(73, 71, 71, 0.15);
  right: 100%;
  left: auto;
}

.navbar-custom .nav > li > a:focus,
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:focus,
.navbar-custom .nav .open > a:hover,
.navbar-custom .dropdown-menu > li > a:focus,
.navbar-custom .dropdown-menu > li > a:hover {
	color: rgba(0,0,0,0.8);
	background-color: rgba(0,0,0,0.1);
}

.navbar-custom .dropdown-menu > li > a:hover {
	background: rgba(255, 255, 255, 0.1) !important;
}

.navbar-custom .dropdown-toggle:after {
  position: absolute;
  display: block;
  right: 0;
  top: 50%;
  margin-top: -6px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 9px;
  content: "\f107";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.navbar-custom .navbar-toggle .icon-bar {
	background-color: #693806;
}

.dropdown-menu {
	/* [disabled]min-width: 180px; */
	/* [disabled]font-size: 11px; */
}

.nav-massage{
	color: rgba(255,251,240,1);
	}

.nav-massage2{
	background-color: rgba(255,255,255,0.8);
	margin-left: 30px;
	border-radius: 5px;
	}


@media only screen and (max-width: 480px) {
.header-sm{
	display: none;
	}
	
}

/* Navbar search

.dropdown-search {
	position: relative;
	padding: 5px;
}

.dropdown-search .form-control {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
}

.search-btn {
	position: absolute;
	background: transparent;
	border: none;
	overflow: hidden;
	top: 50%;
	right: 1px;
	width: 42px;
	height: 40px;
	line-height: 38px;
	font-size: 14px;
	outline: none;
	color: #999;
	margin-top: -20px;
}*/

/*========= ナビゲーションのためのCSS ===============*/

#g-nav{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position: fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
    top: 0;
    right: -110%;
    width: 450px;
    height: 100vh;/*ナビの高さ*/
    /*動き*/
    transition: all 0.6s;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.95);
}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{
    right: 0;
}


/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width:20%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top: 150px;
    right:30px;
}

/*リストのレイアウト設定*/

#g-nav li{
    list-style: none;
    text-align: right;
    z-index: 999999;
    line-height: 1.5;
    margin-bottom: 10px;
}

#g-nav li a{
    color: rgba(0,0,0,0.95);
    text-decoration: none;
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 500;
    font-size: clamp(1rem, calc(0.9210526315789473rem + 0.31578947368421056vw), 1.0rem);
    text-align: right;
    line-height: 1.8;
}

#g-nav ul .g-nav-mini  {
	font-size: 0.5em;
	margin-left: 10px;
}

@media only screen and (max-width: 1024px) {
#g-nav{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position: fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
    top: 0;
    right: -110%;
    width: 450px;
    height: 100vh;/*ナビの高さ*/
    /*動き*/
    transition: all 0.6s;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.95);
}
}

@media only screen and (max-width: 480px) {
#g-nav{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position: fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
    top: 0;
    right: -110%;
    width: 100%;
    height: 100vh;/*ナビの高さ*/
    /*動き*/
    transition: all 0.6s;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.95);
}
    
/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{
    right: 0;
}


/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width:100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
    
#g-nav li{
    list-style: none;
    text-align: right;
    z-index: 999999;
    margin-bottom: 20px;
    line-height: 1.2;
}
#g-nav li a{
    color: rgba(0,0,0,0.95);
    text-decoration: none;
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 400;
    font-size: 1.5em;
    text-align: right;
}
}


/*========= ボタンのためのCSS ===============*/
.openbtn{
    position: fixed;
    z-index: 9999;/*ボタンを最前面に*/
    top: 0px;
    right: 10px;
    cursor: pointer;
    width: 50px;
    height: 70px;
    background-color: #181878;
    color: rgba(255,255,255,1.00);
    font-size: 0.75em;
    text-align: center;
    padding-top: 47px;
}
	
/*×に変化*/	
.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 7px;
    height: 3px;
    border-radius: 2px;
    background-color: #FFFFFF;
    width: 72%;
  }

.openbtn span:nth-of-type(1) {
	top:27px;	
}

.openbtn span:nth-of-type(2) {
	top:35px;
}

.openbtn span:nth-of-type(3) {
	top:43px;
}

.openbtn.active span:nth-of-type(1) {
    top: 31px;
    left: 8px;
    transform: translateY(6px) rotate(-45deg);
    width: 70%;
    background-color: #FFFFFF;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 43px;
    left: 8px;
    transform: translateY(-6px) rotate(45deg);
    width: 70%;
    background-color: #FFFFFF;
}

@media only screen and (max-width: 480px) {
.openbtn{
    position: fixed;
    z-index: 9999;/*ボタンを最前面に*/
    top: 0px;
    right: 10px;
    cursor: pointer;
    width: 50px;
    height: 70px;
    background-color: #181878;
    color: rgba(255,255,255,1.00);
    font-size: 1.35em;
    text-align: center;
    padding-top: 46px;
}
    
}


/*--------------------------------------------------------------
	Header
--------------------------------------------------------------*/
.home-section {
	position: relative;
	/* [disabled]background-color: #fff; */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.inner-section {
    position: relative;
    /* [disabled]background-color: #fff; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 19vh;
    height: 30vh;
}

@media only screen and (max-width: 820px) {
.inner-section {
    position: relative;
    /* [disabled]background-color: #fff; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 10vh;
    height: 15vh;
}
	
}


@media only screen and (max-width: 480px) {
.inner-section {
    position: relative;
    /* [disabled]background-color: #fff; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 10vh;
    height: 10vh;
}
	
}

.titan-title-size-1 {
	/* [disabled]letter-spacing: 4px; */
	font-size: 15px;
}

.titan-title-size-2 {
	line-height: 1.3;
	/* [disabled]letter-spacing: 3px; */
	font-size: 18px;
	opacity: .8;
}

.titan-title-size-3 {
	/* [disabled]letter-spacing: 16px; */
	font-size: 46px;
}

.titan-title-size-4 {
	/* [disabled]letter-spacing: 24px; */
	font-weight: 400;
	font-size: 48px;
}

/* Agency Page Header */
.agency-page-header:before {
  background: transparent;
}

/* About us Page Header */
.about-page-header:before {
  background: rgba(2, 2, 2, 0.2);
}

/* Service Page Header */
.service-page-header:before {
  background: rgba(2, 2, 2, 0.1);
}

/* Pricing Page Header */
.pricing-page-header {
  background-position: 40% 14%;
  background-repeat: no-repeat;
}

.pricing-page-header:before {
  background: rgba(2, 2, 2, 0.6);
}

/* Gallery Page Header */
.gallery-page-header {
  background-position: 50% 0%;
  background-repeat: no-repeat;
}

.gallery-page-header:before {
  background: rgba(2, 2, 2, 0.2);
}

/* Contact Page Header */
.contact-page-header {
  background-position: 13% 45%;
  background-repeat: no-repeat;
}

.contact-page-header:before {
  background: rgba(2, 2, 2, 0.5);
}

/* FAQ Page Header */
.faq-page-header:before {
  background: rgba(2, 2, 2, 0.15);
}

/* Blog Page Header */
.blog-page-header {
  background-position: 50% 24%;
  background-repeat: no-repeat;
}

.blog-page-header:before {
  background: rgba(2, 2, 2, 0.3);
}

/* Restaurant menu Page Header */
.restaurant-menu-bg:before {
  background: rgba(2, 2, 2, 0.4);
}

.restaurant-page-header:before {
  background: rgba(0, 0, 0, 0.45);
}

.restaurant-image-overlay:before {
  background-color: rgba(2, 2, 2, 0.25);
}

/* Portfolio Page Header */
.portfolio-page-header {
  background-position: 50% 50%;
}

.portfolio-page-header:before {
  background: rgba(45, 45, 45, 0.45);
}

/* Landing Page Header */
.landing-header:before {
  position: absolute;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(119, 47, 109, 0.52) 95%, rgba(115, 35, 105, 0.58) 100%);
  content: " ";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.banner-img {
  margin-top: -145px;
}

.shop-page-header:before {
  background: rgba(34, 34, 34, 0.3);
}

/*--------------------------------------------------------------
	Footer
--------------------------------------------------------------*/
.footer {


}

.footer .copyright {
	margin: 0;
	  color: rgba(255,255,255,1)!important;

}

.footer .footer-social-links {
  text-align: right;
}

.footer .footer-social-links a {
  display: inline-block;
  padding: 0 6px;
}

/* -------------------------------------------------------------
Google map
------------------------------------------------------------- */
#map-section {
  position: relative;
  height: 450px;
  width: 100%;
}

#map {
  height: 100%;
  width: 100%;
}

#map img {
  max-width: none;
}

/*--------------------------------------------------------------
	Services & Features
--------------------------------------------------------------*/

.features-item {
  margin: 20px 0;
  text-align: center;
}

.features-icon,
.alt-features-icon {
  line-height: 1.2;
  font-size: 42px;
  color: #111;
}

.features-title,
.alt-features-title {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  font-size: 14px;
  color: #111;
  margin: 16px 0 15px;
}

.alt-features-item {
  position: relative;
  padding-left: 55px;
  margin: 65px 0 0 0;
}

.alt-features-icon {
  position: absolute;
  height: 40px;
  width: 40px;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 40px;
  font-size: 28px;
}

.alt-features-title {
  font-size: 13px;
  margin: 0 0 10px;
}

/* Content box */
.content-box {
  margin: 20px 0;
  text-align: center;
}

.content-box-title {
  font-weight: 400;
  font-size: 18px;
  color: #111;
  margin: 16px 0 15px;
}

/*--------------------------------------------------------------
	Team
--------------------------------------------------------------*/
.team-item {
  position: relative;
  text-align: center;
}

.team-image {
  position: relative;
  overflow: hidden;
}

.team-image img {
  width: 100%;
}

.team-image:after {
  position: absolute;
  background: transparent;
  content: " ";
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.team-detail {
	position: absolute;
	width: 100%;
	opacity: 0;
	/* [disabled]bottom: 100%; */
	left: 0;
	z-index: 2;
	text-align: center;
	font-size: 15px;
	color: #FFF;
	padding: 20px;
}

.team-detail2 {
	position: relative;
	width: 100%;
	opacity: 1;
	bottom: 100%;
	left: 0;
	z-index: 2;
	text-align: center;
	/* [disabled]font-size: 18px; */
	color: #aaa;
	/* [disabled]padding: 20px; */
}

@media only screen and (max-width: 480px) {
.team-detail {
	position: relative;
	width: 100%;
	opacity: 1;
	bottom: 100%;
	left: 0;
	z-index: 2;
	text-align: center;
	font-size: 15px;
	color: #aaa;
	/* [disabled]padding: 20px; */
}
}

.team-detail h5 {
  font-size: 20px;
}

.team-detail p {
  font-size: 14px;
}

.team-social a {
  display: inline-block;
  color: #aaa;
  padding: 5px 6px;
}

.team-social a:hover {
  color: #FFF;
}

.team-descr {
  margin: 20px 0 0;
}

.team-name {
  font-size: 14px;
  color: #111;
}

.team-role {
  font-size: 11px;
  color: #aaa;
}

.team-item:hover .team-image:after {
  background: rgba(0, 0, 0, 0.6);
}

.team-item:hover .team-detail {
	opacity: 1;
	bottom: 50%;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}




.team-item2:hover .team-detail2 {
	opacity: 1;
	bottom: 100%;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(0%);
}

.team-item2:hover .team-image:after {
  background: rgba(0, 0, 0, 0);
}
	
.team-detail2 p {
	font-size: 1.2em;
	line-height: 1.5;
	margin-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: 500;
}

.team-detail2 {
	border: thin solid rgba(160,160,164,0.6);
	color: rgba(50,50,50,1.00);
	background-color: rgba(255,255,255,0.55);
}

.team-detail2,
.team-detail2 h5 {
	padding-top: 5px;
	padding-bottom: 0px;
}

.team-detail2 h5 {
	font-size: 1.3em;
	margin-top: -20px;
	color: rgba(0,0,0,0.8);
}
	



.br-sp {
	 display:none; }

.br-sp2 {
	 display:none; }

.Member-int{
	font-size: 0.5em;
	color: rgba(255,255,255,1);
	padding-top: 0px;
	font-style: italic;
	}

@media only screen and (max-width: 820px) {
.br-sp2 {
	display: inline;
}
}


@media only screen and (max-width: 480px) {
.team-item:hover .team-detail {
	opacity: 1;
	bottom: 100%;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(0%);
}

.team-item:hover .team-image:after {
  background: rgba(0, 0, 0, 0);
}
	
.team-detail p {
	font-size: 0.6em;
	line-height: 18px;
}

.br-sp {
	display: inline;
}

.team-detail {
	border: thin solid rgba(160,160,164,1);
	color: rgba(0,0,0,0.8);
}

.team-detail,
.team-detail h5 {
	padding-top: 5px;
	padding-bottom: 0px;
}

.team-detail h5 {
	font-size: 1em;
	margin-top: -20px;
	color: rgba(0,0,0,0.8);
}

.Member-int {
	display: none;

}



.team-item2:hover .team-detail2 {
	opacity: 1;
	bottom: 100%;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(0%);
}

.team-item2:hover .team-image2:after {
  background: rgba(0, 0, 0, 0);
}
	
.team-detail2 p {
	font-size: 1.1em;
	line-height: 18px;
}

.team-detail2 {
	border: thin solid rgba(160,160,164,1);
	color: rgba(0,0,0,0.8);
}

.team-detail2,
.team-detail2 h5 {
	padding-top: 5px;
	padding-bottom: 0px;
}

.team-detail2 h5 {
	font-size: 1.3em;
	margin-top: -20px;
	color: rgba(0,0,0,0.8);
}



	 
}

/*--------------------------------------------------------------
	Restaurant Menu
--------------------------------------------------------------*/
.menu {
  border-bottom: 1px dotted #e5e5e5;
  padding: 0 0 10px;
  margin: 0 0 20px;
}

.menu-title,
.menu-price {
  margin: 0 0 10px;
  font-size: 14px;
  color: #111;
}

.menu-price-detail {
  position: relative;
  text-align: right;
}

/*--------------------------------------------------------------
	Price Table
--------------------------------------------------------------*/
.price-table {
	border: 1px solid #eaeaea;
	padding: 25px 20px;
	margin: 15px 0 30px;
	border-radius: 2px;
	text-align: center;
	background-color: rgb(255,255,255);
}

.price-table:hover {
  border-color: #CACACA;
}

.price-table.best {
  margin: 0 0 30px;
}

.price-table .small {
  margin: 0;
}

.borderline {
  position: relative;
  background: #eaeaea;
  display: block;
  height: 1px;
  width: 100%;
  margin: 20px 0 15px;
}

.borderline:before {
  position: absolute;
  background: #eaeaea;
  content: "";
  bottom: -7px;
  left: 50%;
  height: 14px;
  width: 14px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  margin-left: -7px;
}

.borderline:after {
  position: absolute;
  background: #fff;
  content: "";
  bottom: -5px;
  left: 50%;
  height: 16px;
  width: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  margin-left: -8px;
}

.price-table h3 {
  color: #111;
  margin: 0;
}

.price-table h4 {
  color: #111;
  margin: 0;
}

.price-table h5 {
  color: #111;
  margin: 0;
}

.price-table p.price {
  font-size: 60px;
  color: #111;
  padding: 0;
  margin: 0 0 0 -10px;
}

.price-table p.price2 {
  font-size: 20px;
  color: #111;
  padding: 0;
  margin: 0 0 0 -10px;
}

.price-table p.price span {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	/* [disabled]padding-top: 25px; */
	padding-right: 10px;
}

.price-table p.price2 span {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	/* [disabled]padding-top: 25px; */
	padding-right: 10px;
}

.price-details {
  list-style: none;
  padding: 0;
  margin: 0 0 23px;
}

.price-details li {
  padding: 7px 0;
}

.price-details li > span {
  text-decoration: line-through;
  color: #aaa;
}

.price-title {
	/* [disabled]letter-spacing: -2px; */
	text-align: center;
	font-weight: 500;
	font-size: 24px;
	color: #111;
	/* [disabled]margin: 0 0 70px; */
}

@media only screen and (max-width: 480px) {
.price-title {
	/* [disabled]letter-spacing: -2px; */
	text-align: center;
	font-weight: 400;
	font-size: large;
	color: #111;
	margin: 0 0 70px;
}
}

/*--------------------------------------------------------------
	Fun fact
--------------------------------------------------------------*/
.count-item {
  text-align: center;
}

.count-icon {
  line-height: 1.2;
  font-size: 42px;
}

/*--------------------------------------------------------------
	Video Box
--------------------------------------------------------------*/
.video-box {
  text-align: center;
  padding: 40px 0;
}

.video-box-icon > a > i,
.video-box-icon > a > span {
  line-height: 1.8;
  font-size: 40px;
  color: #fff;
}

.video-title {
  letter-spacing: 4px;
  font-size: 30px;
  margin: 10px 0 0;
}

.video-subtitle {
  color: rgba(255, 255, 255, 0.5);
}

.mvideo-wrap {
	height: 100%;
	background: none;
	position: relative;
}

.mvideo-wrap video {
	display: block;
	width: 100%;
	z-index: -999;
}


@media only screen and (max-width: 480px) {
.mvideo-wrap video {
    display: none;
}
.mvideo-wrap {
	position: relative;
	height: 100vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/top/IMG_8537.jpg);
}
}
 
/*--------------------------------------------------------------
	Portfolio
--------------------------------------------------------------*/
/* Portfolio filter */
.filter {
	text-align: center;
	list-style: none;
	padding: 0;
	font-size: medium;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

.filter > li {
	display: inline-block;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 1px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

/* Portfolio grid */
.works-grid {
  list-style: none;
  padding: 0;
  margin: 0;
}

.works-grid.works-grid-gut {
  margin: 0 0 0 -10px;
}

.works-grid.works-grid-gut .work-item {
  padding: 0 0 10px 10px;
}

.work-item {
  width: 50%;
  float: left;
  margin: 0;
}

.works-grid-3 .work-item {
  width: 33.3333%;
}

.container .works-grid-3 .work-item {
  width: 33.2%;
}

.works-grid-4 .work-item {
  width: 25%;
}

.works-grid-5 .work-item {
  width: 20%;
}

.work-item > a {
	position: relative;
	display: block;
	overflow: hidden;
}

.work-image {
  position: relative;
  overflow: hidden;
}

.work-image img {
  display: block;
  overflow: hidden;
  width: 100%;
}

.work-image:after {
  position: absolute;
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.work-caption {
	width: 100%;
	padding: 0 20px;
	opacity: 0;
	position: absolute;
	bottom: 100%;
	left: 0;
	text-align: center;
	overflow: hidden;
}

.work-title {
  font-size: 14px;
  color: #fff;
  margin: 0 0 6px;
}

.work-descr {
  color: #aaa;
}

.work-item:hover .work-image:after {
  background: rgba(0, 0, 0, 0.6);
}

.work-item:hover .work-image > img {
	/* [disabled]-webkit-transform: scale(1.1); */
	/* [disabled]-ms-transform: scale(1.1); */
	/* [disabled]transform: scale(1.1); */
}

.work-item .work-caption {
  bottom: 50%;
  opacity: 1;
  z-index: 3;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

/* Work item white background*/
.works-grid.works-hover-w .work-title {
  color: #111;
}

.works-grid.works-hover-w .work-item:hover .work-image:after {
  background: rgba(255, 255, 255, 0.8);
}

/* Work item gradien background*/
.works-grid.works-hover-g .work-image:after {
  opacity: 0;
}

.works-grid.works-hover-g .work-descr {
  color: #fff;
}

.works-grid.works-hover-g .work-item:hover .work-image:after {
  background: #6fe29e;
  background: linear-gradient(135deg, rgba(111, 226, 158, 0.8) 0%, rgba(91, 218, 209, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fe29e', endColorstr='#5bdad1',GradientType=1 );
  opacity: 1;
}

.sliding-portfolio .work-item {
  width: 100%;
}

/*--------------------------------------------------------------
	Single Portfolio
--------------------------------------------------------------*/
.work-details {
  margin: 0 0 20px;
}

.work-details-title {
  color: #111;
  margin: 0 0 20px;
}

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

.work-details ul > li {
  border-bottom: 1px dotted #c2c2c2;
  padding: 0 0 5px;
  margin: 0 0 5px;
}

/*--------------------------------------------------------------
	Call to action
--------------------------------------------------------------*/
.callout-text {
  color: rgba(255, 255, 255, 0.6);
}

.callout-title {
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  margin: 0;
}

.callout-btn-box {
  text-align: right;
  padding-top: 4px;
}

.request-cta {
  padding: 50px 0px;
}

/*--------------------------------------------------------------
	Testimonial
--------------------------------------------------------------*/
.testimonial:before {
  background: rgba(2, 2, 2, 0.4);
}

.testimonials-slider {
  position: relative;
}

.testimonial-text {
  text-align: center;
  font-style: normal;
  font-size: 18px;
}

.testimonial-caption {
  text-align: center;
  padding: 10px 0 0;
}

.testimonial-title {
  font-size: 14px;
}

.testimonial-descr {
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
}

/*--------------------------------------------------------------
	Gallery
--------------------------------------------------------------*/
.gallery-item {
  position: relative;
  text-align: center;
  margin: 0 0 20px;
}

.gallery-image {
  position: relative;
  overflow: hidden;
}

.gallery-image a.gallery {
  position: relative;
  display: block;
}

.gallery-image img {
  display: block;
  overflow: hidden;
  width: 100%;
}

.gallery-image:after {
  position: absolute;
  background: transparent;
  content: " ";
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.gallery-caption {
  position: absolute;
  width: 100%;
  opacity: 0;
  bottom: 100%;
  left: 0;
  z-index: 2;
  text-align: center;
  font-size: 28px;
  color: #fff;
  padding: 20px;
}

.gallery-icon {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  height: 50px;
  width: 50px;
  font-size: 24px;
  margin: 0 auto;
}

.gallery-icon i,
.gallery-icon span {
  line-height: 50px;
}

/* Gallery hover */
.gallery-item:hover .gallery-image:after {
  background: rgba(0, 0, 0, 0.6);
}

.gallery-item:hover .gallery-caption {
  opacity: 1;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

/*--------------------------------------------------------------
	Blog Post
--------------------------------------------------------------*/
.post {
  margin: 0 0 80px;
}

.post-title {
	line-height: 1.4;
	font-size: 22px;
	color: #FFF;
	margin: 0;
}

.post-header {
  margin: 0 0 15px;
}

.post-meta {
  font-size: 11px;
  color: #aaa;
}

.post-entry {
  border-top: 1px dotted #c2c2c2;
  padding-top: 20px;
  margin-top: 10px;
}

.post-images-slider {
  position: relative;
}

.post-images-slider .flex-control-nav {
  bottom: 0;
}

.post-thumbnail,
.post-images-slider,
.post-video {
  margin: 0 0 20px;
}

.post-quote {
  background: #f5f5f5;
  text-align: center;
  padding: 20px;
}

/* Post columns */
.post-columns .post {
  margin: 0 0 60px;
}

.post-columns .post-header {
  margin: 0 0 10px;
}

.post-columns .post-title {
  line-height: 1.8;
  font-size: 14px;
}

.post-columns .post-entry {
  padding: 10px 0 0;
  margin: 0 0 10px;
}

.post-columns.wo-border .post-entry {
  border: 0;
  padding: 0;
}

.post-columns .post-entry p:last-child {
  margin: 0;
}

.more-link:after {
  content: "\00BB";
  color: #666666;
  padding-left: 5px;
}

.pagination a {
  border: 1px solid #eaeaea;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  color: #999;
  padding: 4px 12px;
}

.pagination a.active {
  border-color: #CACACA;
}

/*--------------------------------------------------------------
	Widgets
--------------------------------------------------------------*/
/* Progress bars */
.progress {
  overflow: visible;
  height: 4px;
}

.progress-bar {
  position: relative;
}

.progress-bar.pb-dark {
  background: #111;
}

.progress-bar span {
  position: absolute;
  display: block;
  right: -0px;
  top: -24px;
  opacity: 0;
  line-height: 12px;
  font-size: 12px;
  color: #111;
  padding: 4px 0px;
}

.progress-bar span:after {
  display: inline-block;
  content: "%";
}

/* Tabs */
.tab-content .tab-pane {
  padding: 20px 0;
}

/* Accordion */
.panel-title {
	/* [disabled]font-size: 14px; */
}

.panel-heading a {
  position: relative;
  display: block;
}

.panel-heading a:after {
  position: absolute;
  content: "\f106";
  top: 50%;
  right: 0px;
  font-family: "FontAwesome";
  line-height: 1;
  font-size: 14px;
  margin-top: -7px;
}

.panel-heading a.collapsed:after {
  content: "\f107";
}

/* Tables */
.table-border > tbody > tr > td,
.table-border > tbody > tr > th,
.table-border > tfoot > tr > td,
.table-border > tfoot > tr > th,
.table-border > thead > tr > td,
.table-border > thead > tr > th {
  border-color: #e5e5e5;
}

.ds-table > tbody > tr > td,
.ds-table > tbody > tr > th,
.ds-table > tfoot > tr > td,
.ds-table > tfoot > tr > th,
.ds-table > thead > tr > td,
.ds-table > thead > tr > th {
  border-top: 0;
}

.checkout-table {
  border: 1px solid #e5e5e5;
}

.checkout-table > tbody > tr > td,
.checkout-table > tbody > tr > th,
.checkout-table > tfoot > tr > td,
.checkout-table > tfoot > tr > th,
.checkout-table > thead > tr > td,
.checkout-table > thead > tr > th {
  padding: 12px;
}

.checkout-table tr td,
.checkout-table tr th {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}

.checkout-table tbody tr td:first-child,
.checkout-table tbody tr th:first-child {
  max-width: 36px;
}

/* Sidebar / Widget common*/
.sidebar .widget {
  margin-bottom: 60px;
}

.sidebar .widget-title {
  color: #111;
}

.widget .widget-title {
  border-bottom: 1px dotted #c2c2c2;
  font-size: 14px;
  padding: 0 0 10px;
  margin: 0 0 15px;
}

.widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Icon List */
.widget .icon-list li {
  padding: 5px 0;
}

.widget .icon-list li a:before {
  content: "\00BB";
  color: #666666;
  padding-right: 5px;
}

/* Posts */
.widget-posts li {

  margin: 0 0 15px;
}

.widget-posts li:last-child {
  margin: 0;
}

.widget-posts-image {
  float: left;
  width: 64px;
}

.widget-posts-body {
  margin-left: 74px;
}

/* Search */
.search-box {
  position: relative;
}

/* Tags */
.tags a {
  background: #111;
  display: inline-block;
  font-size: 10px;
  color: #fff;
  padding: 4px 10px 4px 12px;
  margin: 0 1px 4px;
  border-radius: 2px;
}

.tags a:hover {
  background: rgba(17, 17, 17, 0.8);
}

/*--------------------------------------------------------------
	Comment Box in Blog
--------------------------------------------------------------*/
.comments,
.comment-form {
  margin: 80px 0 0;
}

.comments .comment-title,
.comment-form .comment-form-title {
  border-bottom: 1px dotted #c2c2c2;
  font-size: 16px;
  color: #111;
  padding-bottom: 15px;
  margin: 0 0 20px;
}

.comment-author {
  font-size: 14px;
  margin: 0 0 10px;
}

.comment-avatar {
  width: 55px;
  float: left;
  margin-top: 10px;
}

.comment-avatar img {
  border-radius: 50%;
}

.comment-content {
  padding-top: 5px;
  margin-left: 75px;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .comment .comment {
    margin-left: 75px;
  }
}

/*--------------------------------------------------------------
	Client
--------------------------------------------------------------*/
.client-logo {
  opacity: .5;
}

.client-logo:hover {
  opacity: 1;
}

/*--------------------------------------------------------------
	Shop Items
--------------------------------------------------------------*/
.shop-item {
  text-align: center;
  margin: 0 0 40px;
}

.shop-item-image {
  position: relative;
  overflow: hidden;
}

.shop-item-image img {
  width: 100%;
}

.shop-item-detail,
.shop-item-image:after {
  transition: all 0.4s ease-in-out 0s;
}

.shop-item-image:after {
  position: absolute;
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.shop-item-detail {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  padding: 20px;
  opacity: 0;
  z-index: 2;
  text-align: center;
  font-size: 12px;
  color: #aaa;
}

.shop-item-title {
  font-weight: 400;
  font-size: 14px;
  color: #111;
  margin: 15px 0 5px;
}

/* Shop item hover */
.shop-item:hover .shop-item-image:after {
  background: rgba(255, 255, 255, 0.7);
}

.shop-item:hover .shop-item-detail {
  opacity: 1;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

/* -------------------------------------------------------------------
	Exclusive products
------------------------------------------------------------------- */
.ex-product {
  opacity: .7;
  transition: all 0.4s ease-in-out 0s;
}

.ex-product:hover {
  opacity: 1;
}

/*--------------------------------------------------------------
	Shop Single Product
--------------------------------------------------------------*/
.product-gallery {
  list-style: none;
  padding: 0;
  width: 100%;
  margin: 10px 0 0;
}

.product-gallery li {
  display: inline-block;
  width: 15%;
  margin: 0 5px;
}

.product-gallery li:first-child {
  margin-left: 0;
}

.product-title {
  margin: 0 0 20px;
  color: #111;
}

.star,
.star-off {
  margin-bottom: 5px;
  color: #f1c40f;
}

.star-off {
  color: #e5e5e5;
}

.amount {
  font-size: 32px;
  color: #111;
}

.reviews {
  margin: 0;
}

/*--------------------------------------------------------------
	Showcase Page
--------------------------------------------------------------*/
.showcase-page .showcase-page-header {
  background-color: rgba(2, 2, 2, 0.7);
}

.showcase-page .content-box {
  display: block;
  margin-bottom: 45px;
}

.showcase-page .content-box .content-box-image {
  border-radius: 6px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.15);
  margin-bottom: 15px;
  transition: 0.35s ease-out;
  -webkit-transition: 0.35s ease-out;
  -moz-transition: 0.35s ease-out;
}

.showcase-page .content-box .content-box-image:hover {
  transform: translate3d(0, -10px, 0);
  -webkit-transform: translate3d(0, -10px, 0);
  box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
}

/*--------------------------------------------------------------
	Documentation Page
--------------------------------------------------------------*/
.documentation-page {
  font-size: 14px;
}

.documentation-page .pln {
  color: #000;
}

.documentation-page pre.prettyprint {
  border: 1px solid #888;
  padding: 15px;
}

.documentation-page ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
}

.documentation-page li.L0, .documentation-page li.L1, .documentation-page li.L2, .documentation-page li.L3, .documentation-page li.L5, .documentation-page li.L6, .documentation-page li.L7, .documentation-page li.L8 {
  list-style-type: none;
}

.documentation-page li.L1, .documentation-page li.L3, .documentation-page li.L5, .documentation-page li.L7, .documentation-page li.L9 {
  background: #eee;
}

.documentation-page .com {
  color: #800;
}

.documentation-page .lit {
  color: #066;
}

.documentation-page .pun, .documentation-page .opn, .documentation-page .clo {
  color: #660;
}

.documentation-page .fun {
  color: red;
}

.documentation-page .str, .documentation-page .atv {
  color: #080;
}

.documentation-page .kwd, .documentation-page .tag {
  color: #008;
}

.documentation-page .typ, .documentation-page .atn, .documentation-page .dec, .documentation-page .var {
  color: #606;
}

.documentation-page a {
  color: #19B5FE;
}

.documentation-page a:hover {
  color: #1C92C9;
}

/*--------------------------------------------------------------
	Responsive Styles - Media Queries
--------------------------------------------------------------*/
@media (min-width: 768px) {
  .navbar-transparent {
	/* [disabled]background: transparent; */
	/* [disabled]padding-bottom: -20px; */
	padding-top: 15px;
  }
  .navbar-custom .dropdown-menu {
    position: absolute;
    display: block;
    visibility: hidden;
    opacity: 0;
  }
  .navbar-custom .open > .dropdown-menu {
    visibility: visible;
    opacity: 1;
  }
  .navbar-custom .dropdown-menu .dropdown-toggle:after {
	position: absolute;
	display: block;
	right: 9px;
	top: 50%;
	/* [disabled]margin-top: -3px; */
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 9px;
	content: "\f105";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  .navbar-right .dropdown-menu {
    right: auto;
    left: 0;
  }
  /* Comments */
  .comment .comment {
    margin-left: 75px;
  }
}

@media (max-width: 1200px) {
  /* Features */
  .alt-features-item {
    margin: 20px 0 0;
  }
}

@media (max-width: 1050px) {
  /* Navbar */
  .navbar-custom {
    letter-spacing: 1px;
  }
}

@media (max-width: 991px) {
  /* Navbar */
  .navbar-custom {
    letter-spacing: 0;
  }
  /* Headers */
  .titan-title-size-3 {
	/* [disabled]letter-spacing: 8px; */
	font-size: 36px;
  }
  .titan-title-size-4 {
	/* [disabled]letter-spacing: 12px; */
	font-size: 38px;
  }
  .work-item,
  .works-grid-3 .work-item,
  .container .works-grid-3 .work-item,
  .works-grid-4 .work-item,
  .works-grid-5 .work-item {
    width: 50%;
  }
  /* Half-image */
  .side-image {
    position: relative;
    height: 300px;
  }
}

@media (max-width: 767px) {
  /* Navbar */
  .navbar-custom .navbar-nav {
    letter-spacing: 3px;
    margin-top: 1px;
    margin-bottom: 0;
  }
  .navbar-custom li > a:hover {
    background: rgba(255, 255, 255, 0.1) !important;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    padding: 10px 25px;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-header,
  .navbar-custom .navbar-nav .open .dropdown-menu .dropdown-menu > li > a {
    padding: 10px 35px;
  }
  .navbar-custom li a,
  .navbar-custom .dropdown-search {
    border-bottom: 1px solid rgba(73, 71, 71, 0.15) !important;
  }
  .navbar-custom .dropdown-toggle:after,
  .navbar-custom .dropdown-menu .dropdown-toggle:after {
    right: 7px;
    content: "\f107";
  }
  .navbar-custom .nav > .open > .dropdown-toggle:after,
  .navbar-custom .dropdown-menu .dropdown.open .dropdown-toggle:after {
    right: 7px;
    content: "\f106";
  }
  /* Shop navbar */
  .navbar-custom .navbar-nav > li:last-child.navbar-cart > a {
    padding-left: 15px;
  }
  .navbar-custom .cart-item-number {
    display: none;
  }
  .navbar-custom .navbar-cart > a:after {
    content: "\f107";
  }
  .navbar-custom .navbar-cart-item a {
    border: 0 !important;
  }
  .dropdown-menu.cart-list {
    text-align: left;
    border-bottom: 1px solid rgba(73, 71, 71, 0.15) !important;
  }
  .navbar-cart-item {
    border: none;
    border-bottom: 1px solid rgba(73, 71, 71, 0.15) !important;
    padding-bottom: 10px;
  }
  .navbar-cart-img {
    display: none;
  }
  .navbar-cart-title {
    white-space: normal;
    padding: 0;
    margin-left: 0;
  }
  /* Headers */
  .titan-title-size-1 {
	/* [disabled]letter-spacing: 2px; */
	font-size: 1em;
  }
  .titan-title-size-2 {
	line-height: 1.3;
	/* [disabled]letter-spacing: 2px; */
	font-size: 16px;
	opacity: .8;
  }
  .titan-title-size-3 {
	/* [disabled]letter-spacing: 4px; */
	font-size: 26px;
  }
  .titan-title-size-4 {
	/* [disabled]letter-spacing: 6px; */
	font-size: 1.8em;
  }
  /* Features */
  .features-item {
    margin: 0 0 30px;
  }
  .alt-features-item {
    padding-left: 0;
    margin: 0 0 30px;
    text-align: center;
  }
  .alt-features-icon {
    position: static;
    width: auto;
    margin: 0 auto 8px;
  }
  /* Callout */
  .callout-text {
    margin: 0 0 30px;
  }
  .callout-text,
  .callout-btn-box {
    text-align: center;
  }
  /* Sidebar */
  .sidebar {
    margin-top: 50px;
  }
  .widget {
    margin-bottom: 60px;
  }
  .post.mb-0 {
    margin-bottom: 40px !important;
  }
  .footer {
	text-align: center;
  }
  .copyright,
  .footer-social-links {
    text-align: center;
    margin: 10px 0;
  }
  /* Half-image */
  .side-image-text {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* Restaurant menu */
  .menu-title,
  .menu-detail,
  .menu-price-detail {
    text-align: center;
  }
  .align-center-sm {
    text-align: center;
  }
  .align-left-sm {
    text-align: left;
  }
}

@media only screen and (max-width: 480px) {
  .work-item,
  .works-grid-3 .work-item,
  .works-grid-4 .work-item,
  .works-grid-5 .work-item {
    width: 50%;
  }
}
.label.label-primary.tag.menu {
	float: left;
	/* [disabled]padding: 5px; */
	/* [disabled]margin-top: 5px; */
	/* [disabled]margin-right: 3px; */
	/* [disabled]margin-bottom: 10px; */
}
.tag.menu {
	color: rgb(0,0,0);
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 3px;
	padding-left: 10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgb(160,160,164);
	border-right-color: rgb(160,160,164);
	border-bottom-color: rgb(160,160,164);
	border-left-color: rgb(160,160,164);
}

.course-day{
	padding: 5px;
	font-weight: bold;
	color: rgba(255,255,255,1);
	background-color: rgba(255,0,0,1);
	margin-left: 20px;
	}

.impact-img1{
	z-index: 50;
	}

.impact-img2{
	position: absolute;
	z-index: 30;
	top: 160px;
	/* [disabled]left :0%; */
	}


.impact-img3{
	position: absolute;
	z-index: 100;
	bottom: -50px;
	left: -50px;
	}

.impact-img4{
	position: absolute;
	z-index: 10;
	bottom: 0px;
	right: 15%;
	}
	
.impact-img5{
	position: absolute;
	z-index: 50;
	top: -400px;
	left: 0px;
	width: 40%;
	}
	
.impact-img6{
	position: absolute;
	z-index: -1;
	bottom: 0px;
	right: 0px;
	}
	
.impact-img7{
	position: absolute;
	z-index: 20;
	bottom: 0px;
	right: 0px;
	}
	
		
.impact-img21{
	position: absolute;
	z-index: 5;
	top: 5%;
	right: -50px;
	}
	
			
.impact-img22{
	position: absolute;
	z-index: 5;
	right: 15%;
	top: 30%;
	}
	
.impact-img23{
	position: absolute;
	z-index: 5;
	right: -5%;
	/* [disabled]top: 200px; */
	}
	
.impact-img24{
	position: absolute;
	z-index: 5;
	right: -5%;
	bottom: 25%;
	}
		
.impact-img25{
	position: absolute;
	z-index: 5;
	right: 5px;
	top: 10px;
	/* [disabled]width: 70%; */
	}

.impact-img31{
	position: absolute;
	z-index: 5;
	right: 0px;
	top: -20px;
	}
	
.impact-img32{
	position: absolute;
	z-index: 5;
	left: 0px;
	top: -20px;
	}
	
.impact-img33{
	position: fixed;
	z-index: 25;
	right: 5px;
	bottom: 5px;
	}	

.impact-img40{
	position: absolute;
	z-index: 25;
	right: -60%;
	top: 50px;
	}

.impact-img41{
	position: absolute;
	z-index: 25;
	right: 0%;
	bottom: 0px;
	}	
	
	
@media only screen and (max-width: 480px) {
.impact-img2{
	position: absolute;
	z-index: 30;
	top: 150px;
	left: -50%;
	width: 200%;         
	}	

	
.impact-img3{
	position: absolute;
	z-index: 100;
	bottom: -50px;
	left: 0px;
	width: 50%;
	}
	
.impact-img4{
	position: absolute;
	z-index: 10;
	bottom: 0px;
	right: 0px;
	width: 40%;
	}

.impact-img5{
	position: absolute;
	z-index: 50;
	top: -80px;
	left: 0px;
	width: 40%;
	}
	
.impact-img6{
	position: absolute;
	z-index: -1;
	bottom: 0px;
	right: -100px;
	width: 80%;
	}
	
.impact-img7{
	position: absolute;
	z-index: 100;
	bottom: 0px;
	right: 0px;
	width: 50%;
	}
	
.impact-img25{
	display: none;
	}	

.impact-img33{
	position: fixed;
	z-index: 25;
	right: 5px;
	bottom: 5px;
	width: 120px;
	}	


}

.scout{
	/* [disabled]border: thin solid rgba(160,160,164,1); */
	/* [disabled]background-color: rgba(255,255,255,0.2); */
}

.text-justify {
	text-align:justify;
	text-justify: inter-ideograph;
	}

.adress{
	list-style-type: none;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -40px;
}

.shadow-w{
	text-shadow:1px 1px 4px rgba(0,0,0,1);
}

.shadow-w2{
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}


.shadow-w3{
	text-shadow:0px 0px 3px rgba(255,255,255,1);
}

#contact{
	position: relative;	
}

a[href^="tel:"] {
    pointer-events: none;
}

@media only screen and (max-width: 480px) {
a[href^="tel:"] {
    pointer-events: auto;
}
}

.price-label01{
	color: rgba(0,0,0,1);
	display: inline-block;
	vertical-align: baseline;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: medium;
}

.price-label02{
	color: rgba(42,127,170,1);
	font-size: 36px;
	display: inline-block;
	vertical-align: baseline;
	font-weight: 300;
	letter-spacing: -1px;
}

.price-label03{
	color: rgba(0,0,0,1);
	font-size: medium;
	display: inline-block;
	vertical-align: baseline;
}


.course-desc{
	color: rgba(0,0,0,1);
	list-style-type: none;
	/* [disabled]margin-left: 30px; */
	/* [disabled]margin-top: 10px; */
}
.course-desc dt {
	border: thin solid rgba(160,160,164,1);
	display: inline-block;
	padding: 2px;
	margin-bottom: 5px;
	margin-top: 10px;
}

.sm-mt-20 {
	margin-top: 20px;
}
@media only screen and (max-width: 480px) {
.sm-mt-20 {
	margin-top: 0px;
}
}

.CPDS {
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}


.strongpoint2 {
	display: none;
}

@media only screen and (max-width: 480px) {
.strongpoint {
	display: none;
}
.strongpoint2 {
	display: inline;
}
.top-photo {
	display: none;
	}


}

.company-label {
	border: thin solid rgba(160,160,164,1);
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	}
	
.link-btn {
	border: thin solid rgba(160,160,164,1);
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	/* [disabled]color: rgba(0,0,0,1); */
	/* [disabled]background-color: rgba(255,255,255,0.8); */
	}	
	
.text-box{
	background-color: rgba(255,255,255,0.5);
	z-index: 10;
	}

.flexslider{
	max-width: 250px;
	margin: 0 auto 60px;
}


@media only screen and (max-width: 480px) {
.row {
	margin-left: 0px;
	margin-right: 0px;
}

}


.row-center{
text-align:center;
letter-spacing:-0.4em;
}

.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}

.row-center.va-middle > [class*='col-'] {
vertical-align:middle;
}
.row-center.va-bottom > [class*='col-']{
	vertical-align:bottom
	}
	
	
	
.owl-item {
	display: block;
	width: 100%;
	height: auto;
}

	
.section-title {
	background-color: rgba(0,0,0,0.3);
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 30px;
	}
	
.cont-textBox{
	line-height: 22px;
	margin-top: 5px;
  }
  
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
}

.slide-title2 {
	font-size: 3.5em;
	color: rgba(255,255,255,0.8);
	}
	
.scroll-fix {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 150px;
	z-index:50;
		}
	
.scroll-fix2 {
	position: absolute;
	/* [disabled]width: 300px; */
	z-index: 50;
	top: 30%;
	margin: auto;
	right: 35vw;
		}
		
.scroll-fix3 {
	position: absolute;
	left: 10%;
	/* [disabled]width: 300px; */
	z-index: 50;
	top: 40%;
	margin: auto;
		}

@media only screen and (max-width: 480px) {
.scroll-fix2 {
	position: absolute;
	width: 90%;
	z-index: 50;
	top: 30%;
	margin: auto;
	right: 5px;
		}
}

@media only screen and (max-width: 480px) {
.scroll-fix3 {
	position: absolute;
	width: 90%;
	z-index: 50;
	top: 30%;
	margin: auto;
	left: 10px;
		}

.price-label {
	font-size: 14px !important;
}

}

.submenuBox {
	padding: 5px;
	color: #fff !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;	
	
	}

.submenuBox2 {
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;	
	
	}

.submenuBox:hover {
	opacity:0.5;
	
	}	
	
.message {
	padding: 5px;
	font-size: 300%;
	color: rgba(255,255,255,1);
	}
	
.footer {
	padding-top: 50px;
	padding-bottom: 50px;
  }
  
.navBox {
	/* [disabled]margin-top: 3px; */
	/* [disabled]margin-right: 5px; */
	/* [disabled]margin-bottom: 23px; */
	opacity: 0.9;
	font-size: 1.2em;
	/* [disabled]padding-top: 10px; */
	/* [disabled]padding-right: 10px; */
	/* [disabled]padding-bottom: 10px; */
	/* [disabled]padding-left: 10px; */
	}
	
@media only screen and (max-width: 480px) {
.navBox {
	margin-top: 0px;
	/* [disabled]margin-bottom: 5px; */
	opacity: 0.9;
	/* [disabled]padding: 10px; */
	/* [disabled]width: 90%; */
	}
}

.navBox2 {
	/* [disabled]margin-top: 3px; */
	/* [disabled]margin-right: 5px; */
	/* [disabled]margin-bottom: 23px; */
	opacity: 0.9;
	font-size: 1.2em;
	/* [disabled]padding-top: 10px; */
	/* [disabled]padding-right: 10px; */
	/* [disabled]padding-bottom: 10px; */
	/* [disabled]padding-left: 10px; */
	background-color: rgba(255,159,0,0.5);
	}
	
@media only screen and (max-width: 480px) {
.navBox2 {
	margin-top: 0px;
	/* [disabled]margin-bottom: 5px; */
	opacity: 0.9;
	/* [disabled]padding: 10px; */
	/* [disabled]width: 90%; */
	}
}


.header-ask {
	opacity: 0.8;
	margin-top: 5px;
	}


@media only screen and (max-width: 480px) {
.header-ask {
	margin-top: 20px;
	margin-bottom: 10px;
	}
}

.fluffy {
	/* [disabled]background: #000; */
	/* [disabled]width: 100px; */
	/* [disabled]height: 100px; */
	/* [disabled]margin: 100px; */
	animation: fluffy1 3s ease infinite;
}

@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-8px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-8px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

.list-box {
	border: thin solid rgba(160,160,164,1);
	border-radius:10px 0px;
	display: inline-block;
	margin-right: 5px;
	/* [disabled]margin-left: 5px; */
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	}
	
.list-box2 {
	border-radius: 5px;
	/* [disabled]margin-right: 5px; */
	/* [disabled]margin-left: 5px; */
	/* [disabled]padding-top: 5px; */
	/* [disabled]padding-bottom: 5px; */
	border-top-width: medium;
	border-right-width: thin;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: rgba(160,160,164,1);
	border-right-color: rgba(160,160,164,1);
	border-bottom-color: rgba(160,160,164,1);
	border-left-color: rgba(160,160,164,1);
	}
		
.back-image-hight {
	height:50vh;
}

.side-background01 {
	/* [disabled]background-image: url(../images/top/1004_2.jpg); */
	background-repeat: no-repeat;
	background-position: center center;
}

.flex{
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 480px) {
.flex{
	display: block;
	flex-wrap: wrap;
}
}




.calender-text {
	border-radius: 3px;
	background-color: rgba(255,255,255,1);
	color: rgba(0,0,0,1);
	height: 25px;
	padding-top: 2px;
	/* [disabled]padding-bottom: 10px; */
	padding-left: 5px;
	display: inline-block;
	font-size: 12px;
	padding-right: 5px;
	margin-bottom: 5px;
	border: thin dotted #999;
	}

@media only screen and (max-width: 820px) {
.xs-dp-none2 {
	display:none;	
	}
}

@media only screen and (max-width: 480px) {
.xs-dp-none {
	display:none;	
	}
}

@media only screen and (max-width: 376px) {
.xs-dp-none3 {
	display:none;	
	}
	.cName {
    font-size: 0.9em;		
	}
}

.stage{
	/* [disabled]width: 400px; */
	/* [disabled]height: 225px; */
	margin: 30px auto 0 auto;
	position: relative;
}

.stage img{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    transition:opacity 0.3s;
}

.stage.on img{
    opacity: 0.4;
}


@media (min-width: 1025px) {
#home3 {
	display:none;	
}
}


@media only screen and (min-width: 481px) {
#home2 {
	display:none;	
}
}

@media only screen and (max-width: 480px) {
#home {
	display: none;
	z-index: -50;
}
}

.treatment-title {
	border: thin dotted rgba(160,160,164,1);
	display: inline-block;
	margin-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
	/* [disabled]background-color: rgba(160,160,164,1); */
	padding-top: 5px;
	padding-bottom: 5px;
}

.treatment-title2 {
	display: block;
	margin-bottom: 0px;
	/* [disabled]background-color: rgba(160,160,164,1); */
	padding: 10px;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: rgba(255,159,0,0.3);
	border-right-width: thick;
	border-right-style: solid;
	border-right-color: rgba(255,159,0,0.3);
}

.treatment-title3 {
	border: thin solid rgba(160,160,164,0.5);
	display: inline-block;
	/* [disabled]background-color: rgba(160,160,164,1); */
	padding: 5px;
	/* [disabled]font-size: medium; */
}

.treatment-title4 {
	border: thin solid rgba(160,160,164,0.1);
	border-radius:5px;
	display: inline-block;
	background-color: rgba(160,160,164,0.1);
	padding: 5px;
	/* [disabled]font-size: medium; */
	/* [disabled]color: rgba(255,255,255,1); */
}

.price01 table tr th  {
	font-size: medium;
	text-align: center;
	font-style: normal;
}

.price01 table td  {
	font-size: medium;
	text-align: center;
	font-style: normal;
}

.treatment-img {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: rgba(160,160,164,0.5);
	border-right-color: rgba(160,160,164,0.5);
	border-bottom-color: rgba(160,160,164,0.5);
	border-left-color: rgba(160,160,164,0.5);
}

.label01 {
	padding-right: 10px;
	padding-left: 10px;
	border-left-width: thick;
	border-left-style: solid;
	border-right-width: thick;
	border-right-style: solid;
	border-right-color: rgba(160,160,164,1);
	border-left-color: rgba(160,160,164,1);
}

.label02 {
	border: thin dotted rgba(160,160,164,1);
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-bottom: 0px;
}

.option {
	font-size: x-small;
	border: thin dotted rgba(255,0,255,1);
	margin-right: 5px;
	margin-left: 20px;
	padding-right: 5px;
	padding-left: 5px;
}

.accident-img {
	background-position: left top;	
}

.accident-img2 {
	background-position: right top;
}

.rireki01 {
	float: left;
	margin-right: 20px;
	font-weight: bold;
}

@media only screen and (max-width: 480px) {
.rireki01 {
	float: none;
}
}

.rireki02 {
	margin-left: 67px;
}

@media only screen and (max-width: 480px) {
.rireki02 {
	margin-left: 0px;
}
}

/* navbar collapse for iPad (bootstrap) */
@media (max-width: 1024px) {
    .navbar-header {
	float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
	float: none!important;
	/* [disabled]margin: 7.5px -15px; */
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

.loader {
	color: rgba(127,63,0,0.2);
	font-size: 50px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	margin: 72px auto;
	position: absolute;
	left: 50%;
	top: 30%;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.sideAreaWt {
    /* [disabled]background-color: rgba(255,255,255,0.5); */
    position: relative;
    padding-top: 20px;
    top: 10%;
    /* [disabled]margin-bottom: 200px; */
    background-repeat: no-repeat;
    background-position: center center;
}

.sideAreaWt_design {
	background-color: rgba(255,255,255,0.2);
	position: relative;
	padding-top: 20px;
	top: 10%;
	/* [disabled]margin-bottom: 200px; */
	background-repeat: no-repeat;
	background-position: center center;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #0055b8;
}

.sideAreaWt_works {
	background-color: rgba(255,255,255,1);
	position: relative;
	padding-top: 20px;
	top: 10%;
	/* [disabled]margin-bottom: 200px; */
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/top/bg001.jpg);
}

.sideAreaWt2 {
	background-color: rgba(255,255,255,0.6);
	position: relative;
	top: 10%;
	padding-top: 20px;
	margin-bottom: 200px;
	margin-top: 50px;
}

.sideAreaWt3 {
	padding-left: 10%;
	padding-top: 30px;
	/* [disabled]margin-top: 20px; */
	margin-bottom: 20px;
	margin-left: 10px;
	border: thin solid rgba(153,153,153,0.2);
	margin-right: 10px;
	padding-bottom: 20px;
}

.sideAreaWt4 {
	padding-right: 10%;
	padding-top: 30px;
	/* [disabled]margin-top: 20px; */
	margin-bottom: 20px;
	margin-left: 10px;
	border: thin solid rgba(153,153,153,0.2);
	margin-right: 10px;
	padding-bottom: 20px;
}

.sideAreaWt4_2 {
	/* [disabled]padding-right: 10%; */
	padding: 1em;
	/* [disabled]margin-top: 20px; */
	margin-bottom: 20px;
	margin-left: 5px;
	border: thin solid rgba(153,153,153,0.5);
	margin-right: 5px;
}

.sideAreaWt4_3 {
	/* [disabled]border: thin solid rgba(178,127,70,1); */
	display: inline-block;
	padding-right: 50px;
	padding-left: 50px;
	font-size: 1.2em;
	background-color: rgba(178,127,70,0.8);
	color: rgba(255,255,255,0.8);
	padding-top: 5px;
	padding-bottom: 5px;
}

.sideAreaWt4_4 {
	/* [disabled]padding-right: 10%; */
	padding: 20px;
	/* [disabled]margin-top: 20px; */
	margin-bottom: 20px;
	margin-left: 0px;
	border: thin solid rgba(153,153,153,0.5);
	margin-right: 0px;
}

.sideAreaWt5 {
	border: thin solid rgba(153,153,153,0.2);
	padding: 20px;
}

.sideAreaWt6 {
	background-color: rgba(255,255,255,0.6);
	position: absolute;
	padding-top: 20px;
	top: -100px;
	/* [disabled]margin-bottom: 200px; */
	z-index: 20;
}


.sideAreaWt7 {
	border: thin solid rgba(153,153,153,0.2);
	/* [disabled]padding: 20px; */
	margin-bottom: 15px;
	margin-top: -5px;
	background-color: rgba(255,255,255,0.4);
}

.sideAreaWt8 {
    border: thin solid rgba(153,153,153,0.5);
    padding: 0em;
    /* [disabled]display: inline-block; */
}

@media only screen and (max-width: 480px) {
.sideAreaWt2 {
	background-color: rgba(255,255,255,0.6);
	/* [disabled]position: relative; */
	/* [disabled]top: -10%; */
	margin-top: 0px;
}
.sideAreaWt3 {
	padding-left: 0px;
	padding-top: 30px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
}

.sideAreaWt4 {
	padding-right: 0px;
	padding-top: 30px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
}

}

.sideAreaPhoto {
	z-index: 10;
	margin-top: 50px;
}

.textColor01 {
	color: #0055b8;
}

.textColor02 {
	color: #FFF;
}

.workItem {
	display: block;
	float: left;
	margin-left: 10px;
	font-size: 1.0em;
	background-color: rgba(153,153,153,0.3);
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 5px;
}

.workItem2 {
	/* [disabled]display: block; */
	/* [disabled]float: left; */
	font-size: 1em;
	/* [disabled]margin-top: 0px; */
	/* [disabled]margin-right: 5px; */
	padding-right: 10px;
	padding-left: 10px;
	background-color: rgba(178,127,70,1);
	color: rgba(255,255,255,1);
	/* [disabled]border-radius: 3px; */        /* CSS3草案 */
	/* [disabled]-webkit-border-radius: 3px; */    /* Safari,Google Chrome用 */
	/* [disabled]-moz-border-radius: 3px; */   /* Firefox用 */
	padding-top: 0px;
	padding-bottom: 0px;
}

.footerAreaWt {
	/* [disabled]position: absolute; */
	/* [disabled]top: -50%; */
	z-index: 15;
	background-color: rgba(255,255,255,0.8);
	padding: 20px;
}

.footerBlock {
    z-index: 100;
    background-color: rgba(153,204,204,0.3);
    padding-top: 30px;
    padding-bottom: 30px;
    font-weight: 500;
}

.footerBlock li{
    display: inline-block;
    margin-right: 30px;
    font-weight: 400;

}

.footerBlock span{
    color: #0055b8;
    margin-right: 3px;
}

.footerSubBlock {
    /* [disabled]background-color: rgba(0,0,0,1); */
    padding: 20px;
    /* [disabled]height: 100%; */
    /* [disabled]color: rgba(255,255,255,1); */
    font-size: 1.2em;
    /* [disabled]font-weight: 300; */
    letter-spacing: 0.5px;
}

.footerSubBlock dt {
    float: left;
    color: #0055b8;
    text-align: justify;
    width: 2.4em;
    font-weight: 500;
}

.footerSubBlock dd {
    font-weight: 500;
}

.footerSubBlockCol {
    color: #0055b8;
    width: 2.1em;
    text-align: justify;
    display: inline-block;
}

.footerSubBlock2 {
    /* [disabled]background-color: rgba(0,0,0,1); */
    padding: 20px;
    /* [disabled]height: 100%; */
    /* [disabled]color: rgba(255,255,255,1); */
    font-size: 1.1em;
    text-align: right;
    font-weight: 300;
}

.footerSubBlock2-list {
    color: #0055b8;
    font-weight: 500;
    font-size: 2em;
    text-align: right;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 5%;
}

@media only screen and (max-width: 480px) {
.footerBlock {
    z-index: 100;
    background-position: left center;
    background-repeat: repeat;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 30px;
}

.footerBlock li{
    display: inline-block;
    margin-right: 1%;
    font-weight: 400;
    width: 48%;
    margin-bottom: 15px;
    vertical-align: top;
}
	
	
.footerSubBlock {
	font-size: 1.0em;
    height: 100%;
    text-align: center;
    padding: 20px;
}

.footerSubBlock dd {
    font-weight: 500;
    padding-left: 2em;
    text-indent: -1em;
    margin-left: 2em;
}
    
.footerSubBlock2 {
    text-align: center;
    margin-right: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.footerSubBlock2-list {
    color: #0055b8;
    font-weight: 500;
    font-size: 1.8em;
    text-align: left;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 5%;
    margin-left: 10px;
}
	


}

.mapIcon{
	/* [disabled]border: thin solid rgba(255,255,255,1); */
	font-size: 0.8em;
	color: rgba(255,255,255,1);
}

.mapIcon2{
	/* [disabled]border: thin solid rgba(255,255,255,1); */
	font-size: 0.8em;
}

.intro1 {
    background-image: url(../images/top/topBg/sake001.jpg);
    background-position: center top;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: cover;
}

.intro1-2 {
    background-image: url(../images/top/topBg/001.jpg);
    background-position: center top;
    background-size: cover;
    background-repeat: repeat;
    background-attachment: fixed;
}

.intro::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/top/TopImage001bc_15-2.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-animation: zoom 10s 1;
    animation: zoom 10s 1;
    animation-fill-mode: forwards;
}

@keyframes zoom {
   0% {
      transform: scale(1.1);
   }
   100% {
      transform: scale(1.00);
   }
}



.intro2 {
    background-color: rgba(243,243,243,0.4);
}

.intro3 {
    background-image: url(../images/top/topBg/sake001ft.jpg);
    background-position: center top;
}

.intro4 {
    background-color: #0055b8;
    color: rgba(255,255,255,1.00);
}

.intro4-2 {
    background-color: #0055b8;
    color: rgba(255,255,255,1.00);
    border-radius: 150px;
    padding: 10px;
}

.intro4-3 {
    background-color: #0055b8;
    color: rgba(255,255,255,1.00);
    border-radius: 150px;
}

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

.intro4-2 {
    background-color: #0055b8;
    color: rgba(255,255,255,1.00);
    border-radius: 15px;
    padding-bottom: 20px;
}
    
.intro4-3 {
    background-color: #0055b8;
    color: rgba(255,255,255,1.00);
    border-radius: 15px;
    padding-bottom: 20px;
}
    
}

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

.intro4-2 {
    background-color: #0055b8;
    color: rgba(255,255,255,1.00);
    border-radius: 15px;
    padding-bottom: 20px;
}

.intro4-3 {
    background-color: #0055b8;
    color: rgba(255,255,255,1.00);
    border-radius: 15px;
    padding-bottom: 20px;
}    
}

@media only screen and (max-width: 480px) {
.intro1 {
    background-image: url(../images/top/topBg/sake001sp.jpg);
    background-position: center top;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: 155% auto;
}

.intro1-2 {
    background-image: url(../images/top/topBg/001_2.jpg);
    background-position: center center;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: 100% auto;
}

.intro3 {
    background-image: url(../images/top/topBg/sake001sp_ft.jpg);
    background-position: center top;
    background-size: 155% auto;
    padding-top: 60%;
}

.intro4-2 {
    background-color: #0055b8;
    color: rgba(255,255,255,1.00);
    border-radius: 0px;
    width: 88%;
    margin-left: 6%;
    padding: 10px 0px;
}
    
.intro4-3 {
    background-color: #0055b8;
    color: rgba(255,255,255,1.00);
    border-radius: 0px;
    width: 94%;
    padding: 0;
    margin-left: 3%;
}
}

@media only screen and (max-width: 375px) {
.intro1 {
    background-image: url(../images/top/topBg/sake001sp.jpg);
    background-position: center top;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: 130% auto;
}

.intro1-2 {
    background-image: url(../images/top/topBg/001_2.jpg);
    background-position: center center;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: 100% auto;
}

.intro3 {
    background-image: url(../images/top/topBg/sake001sp_ft.jpg);
    background-position: center top;
    background-size: 130% auto;
    padding-top: 50%;
}
    
}

.intro5 {
    background-color: rgba(0,0,0,0.1);
}

.workItem3 {
	text-align: center;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #0055b8;
	margin-right: 30px;
	margin-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.workItem2 {
  display: -moz-inline-box;
  display: inline-block;
  display: inline;
  zoom: 1;
}



.column {
    padding-top: 20px;
    margin-top: 30px;
}
.column dt {
    float: left;
    width: 25%;
    padding-left: 1em;
}

.column dd {
    width: 75%;
}


@media only screen and (max-width: 480px) {
.intro {
 
}

.intro::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/top/TopImage001bc_15-3.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-animation: zoom 10s 1;
    animation: zoom 10s 1;
    animation-fill-mode: forwards;
}
    
.column dt {
	float: none;
	width: 250px;
}
.column dd {
	margin-left: 15px;
}


}

.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	/* [disabled]width: 320px; */	/*画像の幅*/
	/* [disabled]height: 180px; */	/*画像の高さ*/
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.check-list {
	list-style-position: outside;
	list-style-image: url(../images/top/e_others_75.png);
	margin-left: 35px;
	text-align: justify;
}

hr.style14 {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(153,153,153,0),  rgba(153,153,153,0.5), rgba(153,153,153,0));
	background-image: -moz-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.5), rgba(153,153,153,0));
	background-image: -ms-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.5), rgba(153,153,153,0));
	background-image: -o-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.5), rgba(153,153,153,0));
	margin-top: 0px;
	margin-bottom: 20px;
}

hr.style1{
	border-top: 1px solid #8c8b8b;
}

.line-higt {
	line-height: 25px;
}

.sign {
	text-align: right;
}

@media only screen and (max-width: 480px) {
.sign {
	text-align: center;
}
}

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}



.Toptitile01 {
	height: 90%;
	position: absolute;
	z-index: 1;
	top: 15vh;
	left: 70vw;
}

.Toptitile02 {
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 0px;
    font-size: 1.0em;
    font-weight: 400;
    /* [disabled]background-color: rgba(255,255,255,1.00); */
    height: 70px;
    width: 100%;
}



.header {
    position: absolute;
    top: 15px;
    z-index: 999;
    left: 50px;
}

.header .hide {
	top: -10px;
}

.Toptitile02-2 {
    text-align: right;
    margin-top: 10px;
    margin-right: 1%;
    font-size: 1.15em;
    margin-bottom: 0px;
}

.Toptitile02-3 {
    text-align: right;
}

.Toptitile03 {
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 0px;
    font-size: 1.35em;
    font-weight: 500;
    /* [disabled]background-color: rgba(255,255,255,0.95); */
    height: 80px;
    width: 100%;
    transition: .5s;
    padding-right: 80px;
}

.Toptitile03 a {
    width: 18vw;
    /* [disabled]padding-top: 5px; */
}


.Toptitile04 {
	position: absolute;
	bottom: 5vh;
	z-index: 9999;
	right: 10vw;
	color: rgba(255,255,255,1.00)!important;
	font-weight: 300;
	font-size: 1.1em;
}

.Toptitile05 {
    /* [disabled]background-color: #0055b8; */
    color: #0055b8;
    font-size: clamp(4.8rem, calc(4.6421052631578945rem + 0.6315789473684217vw), 5.4rem);
    position: absolute;
    line-height: 1.2;
    /* [disabled]height: 100vh; */
    top: 0%;
    left: 0%;
    letter-spacing: 10px;
    font-weight: 600;
    text-shadow: 0px 0px 5px rgba(255,255,255,1.00);

}


.Toptitile05-2 {
    /* [disabled]height: 100vh; */
    /* [disabled]background-image: url(../images/top/TopImage001.jpg); */
    /* [disabled]background-size: cover; */
    /* [disabled]background-position: right bottom; */
    /* [disabled]margin-left: 4.2%; */
    position: absolute;
    top: 40%;
    left: 10%;
  transform: translateY(-40%);    
}

.Toptitile05-3 {
    /* [disabled]background-color: #0055b8; */
    font-size: clamp(1.5rem, calc(1.368421052631579rem + 0.5263157894736842vw), 2rem);
    position: absolute;
    line-height: 1.2;
    /* [disabled]height: 100vh; */
    bottom: -50%;
    left: 0%;
    letter-spacing: 3px;
    font-weight: 400;
    line-height: 1.5;
    text-shadow: 0px 0px 3px rgba(255,255,255,1.00);


}


.Toptitile06 {
    position: absolute;
    z-index: 1;
    top: 30%;
    right: 5%;
    width: 20%;
  transform: translateY(-30%);
}

.Toptitile06-3 {
    position: absolute;
    z-index: 10;
    top: 15%;
    right: 5%;
    width: 20%;
}

.Toptitile06-4 {
    position: absolute;
    z-index: 10;
    top: 5%;
    right: 5%;
    width: 90%;
    opacity: 1;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.rotateAnime {
  animation: rotate 15s infinite linear;
}

.Toptitile07 {
    /* [disabled]background-color: rgba(255,255,255,1.00); */
    /* [disabled]border-top-right-radius: 500px 300px; */
    /* [disabled]padding-left: 30px; */
    /* [disabled]width: 90%; */
    /* [disabled]margin-top: -40px; */
    line-height: 1;
    font-size: 1.35em;
    position: absolute;
    top: -30px;
    left: 0px;
}



.Toptitile07-2 {
    font-size: 150%;
    color: #e4007f;
    letter-spacing: -1px;
    font-weight: 700;
}

.Toptitile07-3 {
    font-size: 135%;
    color: #39b44a;
    letter-spacing: 2px;
}

.Toptitile08-1 {
    margin-top: 30px;
	overflow:hidden;
	
}

.Toptitile08-1 dt {
    font-weight: 400;
    font-size: 80%;
    margin-top: 20px;
    display: inline-block;
    /* [disabled]float: left; */
    /* [disabled]margin-right: 1em; */
    /* [disabled]margin-left: 1em; */
}

.Toptitile08-1 dd {
    font-size: 100%;
    margin-top: 5px;
    border-top: thin solid rgba(0,0,0,0.20);
    padding-top: 5px;
}

.Toptitile08-2 {
    margin-top: 30px; 
    margin-bottom: 10px;
}

.Toptitile08-2 dt {
    margin-left: 2em;
    font-weight: 400;
    font-size: 80%;
}

.Toptitile08-2 dd {
    margin-left: 1.5em;
    display: flex; /* 点とリストを横並びに */
    align-items: center; /* 垂直方向に中央揃い */
    margin-top: 0px;
    border-bottom: thin solid rgba(0,0,0,0.30);
}


.Toptitile08-3 {
    margin-top: 30px;
    margin-bottom: 10px;
}

.Toptitile08-3 dt {
    margin-left: 1.8em;
    font-weight: 400;
    font-size: 90%;
}

.Toptitile08-3 dd {
    margin-left: 0.3em;
    display: flex; /* 点とリストを横並びに */
    align-items: center; /* 垂直方向に中央揃い */
    margin-top: 0px;
}

.Toptitile08-3 dd::before {
 content: "⚫︎"; /* 記号(黒丸)を挿入 */
 color: #f6921e; /* 好きな色にする */
 font-size: 120%; /* 黒丸の大きさに差異があるので調整 */
 margin-right: 0.2em; /* 余白 */
}

.Toptitile08-4 {
    margin-top: 30px;    
}

.Toptitile08-4 dt {
    margin-left: 1.8em;
    font-weight: 400;
    font-size: 90%;
}

.Toptitile08-4 dd {
    margin-left: 0.3em;
    display: flex; /* 点とリストを横並びに */
    align-items: center; /* 垂直方向に中央揃い */
    margin-top: 0px;
}

.Toptitile08-4 dd::before {
 content: "⚫︎"; /* 記号(黒丸)を挿入 */
 color: #39b44a; /* 好きな色にする */
 font-size: 120%; /* 黒丸の大きさに差異があるので調整 */
 margin-right: 0.2em; /* 余白 */
}

.Toptitile09-1 {
    color: #0055b8; /* 好きな色にする */
    border: 2px solid #0055b8;
    display: inline-block;
    border-radius: 5px;
    padding-left: 3em;
    padding-right: 3em;
    letter-spacing: -0.5px;
    position: relative;
    margin-top: 15px;
    font-weight: 500;
    font-size: 1.2em;
}

.Toptitile09-2 {
    color: #39b44a; /* 好きな色にする */
    border: thin solid #0055b8;
    display: inline-block;
    border-radius: 150px;
    padding-left: 3em;
    padding-right: 3em;
    letter-spacing: 2px;
    position: relative;
    margin-top: 15px;
}

.Toptitile09-3 {
    color: #e4007f; /* 好きな色にする */
    border: 2px solid #e4007f;
    display: inline-block;
    border-radius: 5px;
    padding-left: 3em;
    padding-right: 3em;
    letter-spacing: -0.5px;
    position: relative;
    margin-top: 15px;
    font-weight: 500;
    font-size: 1.2em;
}


.Toptitile09-3-2 {
    color: #e4007f; /* 好きな色にする */
    border: 2px solid #e4007f;
    display: inline-block;
    border-radius: 5px;
    padding-left: 3em;
    padding-right: 3em;
    letter-spacing: -0.5px;
    position: relative;
    margin-top: 10px;
    font-weight: 500;
}



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

    
.Toptitile06 {
    position: absolute;
    z-index: 1;
    bottom: 10%;
    right: 5%;
    width: 35%;

}
    
.Toptitile06-3 {
    position: absolute;
    z-index: 10;
    top: 15%;
    right: 0%;
    width: 15%;
}

.Toptitile07 {
    font-size: 1.15em;

}

.Toptitile07-2 {
    font-size: 180%;
    color: #18499E;
}

.Toptitile07-3 {
    font-size: 130%;
    color: #39b44a;
} 
    
.Toptitile08-1 {
    margin-top: 10px;    
}



.Toptitile08-2 {
    margin-top: 10px;    
}

.Toptitile08-2 dt {
    margin-left: 2em;
    font-weight: 400;
    font-size: 80%;
}

.Toptitile08-2 dd {
    margin-left: 0.3em;
    display: flex; /* 点とリストを横並びに */
    align-items: center; /* 垂直方向に中央揃い */
    margin-top: -5px;
    font-size: 85%;
}


     
.Toptitile08-3 {
    margin-top: 10px;    
}

.Toptitile08-3 dt {
    margin-left: 2em;
    font-weight: 400;
    font-size: 80%;
}

.Toptitile08-3 dd {
    margin-left: 0.3em;
    display: flex; /* 点とリストを横並びに */
    align-items: center; /* 垂直方向に中央揃い */
    margin-top: -5px;
    font-size: 85%;
}

.Toptitile08-3 dd::before {
 content: "⚫︎"; /* 記号(黒丸)を挿入 */
 color: #f6921e; /* 好きな色にする */
 font-size: 120%; /* 黒丸の大きさに差異があるので調整 */
 margin-right: 0.2em; /* 余白 */
}
   
    
  
}



@media only screen and (max-width: 820px) {
.Toptitile05 {
    /* [disabled]background-color: #0055b8; */
    color: #0055b8;
    font-size: clamp(4.8rem, calc(4.6421052631578945rem + 0.6315789473684217vw), 5.4rem);
    position: absolute;
    line-height: 1.2;
    /* [disabled]height: 100vh; */
    top: 0%;
    left: 0%;
    letter-spacing: 10px;
    font-weight: 600;
    text-shadow: 0px 0px 5px rgba(255,255,255,1.00);
}


.Toptitile05-2 {
    position: absolute;
    top: 55%;
    left: 10%;
  transform: translateY(-55%);    
}

.Toptitile05-3 {
    /* [disabled]background-color: #0055b8; */
    font-size: 2.8em;
    position: absolute;
    line-height: 1.2;
    /* [disabled]height: 100vh; */
    bottom: -60%;
    left: 0.5%;
    letter-spacing: 3px;
    font-weight: 400;
    line-height: 1.5;
    text-shadow: 0px 0px 10px rgba(0,0,0,1.00);
    color: #FFFFFF;

}   
    
.Toptitile06 {
    position: absolute;
    z-index: 1;
    bottom: 10%;
    right: 10%;
    width: 55%;

}

.Toptitile06-2 {
    position: absolute;
    z-index: 999;
    bottom: 10%;
    right: 10%;
    width: 55%;
}

.Toptitile06-3 {
    position: absolute;
    z-index: 10;
    top: 30%;
    right: 0%;
    width: 15%;
}    
    
.Toptitile06 img{
    /* [disabled]height: 12vh; */
    /* [disabled]margin-top: 2vh; */
    /* [disabled]width: 50vw; */
}
    
.Toptitile07 {
    font-size: 1.2em;
}

.Toptitile07-2 {
    font-size: 150%;
    color: #18499E;
}

.Toptitile07-3 {
    font-size: 120%;
    color: #39b44a;
}   
}

@media only screen and (max-width: 480px) {
.Toptitile02 {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    font-size: 1.0em;
    font-weight: 400;
    background-color: rgba(255,255,255,0.0);
    height: 80px;
    width: 100%;
    border-bottom: 1px none #0055b8;
    transition: .5s;
}

.Toptitile02.hide {
    top: 0px;
}    
    
.Toptitile05 {
    /* [disabled]background-color: #0055b8; */
    /* [disabled]background-color: #0055b8; */
    color: #0055b8;
    font-size: 2.8em;
    position: absolute;
    line-height: 1.2;
    /* [disabled]height: 100vh; */
    top: 0%;
    left: 0%;
    letter-spacing: 10px;
    font-weight: 600;
    text-shadow: 0px 0px 2px rgba(255,255,255,1.00);
}


.Toptitile05-2 {
    position: absolute;
    top: 43%;
    left: 10%;
  transform: translateY(-43%);    
}

.Toptitile05-3 {
    /* [disabled]background-color: #0055b8; */
    font-size: 1.6em;
    position: absolute;
    line-height: 1.2;
    /* [disabled]height: 100vh; */
    bottom: -68%;
    left: 0.5%;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 1.5;
    text-shadow: 0px 0px 5px rgba(0,0,0,1.00);
    /* [disabled]color: #FFFFFF; */
}  
    
.Toptitile06 {
    position: absolute;
    z-index: 1;
    top: 80%;
    /* [disabled]right: 5%; */
    width: 70%;
}        
    
.Toptitile06-2 {
    position: absolute;
    bottom: 30vh;
    right: 6%;
    z-index: 1;
    height: 8vh;
}

   
.Toptitile07 {
    font-size: 1.2em;
}

.Toptitile07-2 {
    font-size: 150%;
    color: #18499E;
}

.Toptitile07-3 {
    font-size: 120%;
    color: #39b44a;
}  
    


.Toptitile08-2 dd {
    margin-left: 0.3em;
    display: flex; /* 点とリストを横並びに */
    align-items: center; /* 垂直方向に中央揃い */
    margin-top: -5px;
    font-size: 105%;
}

    
.Toptitile09-1 {
    color: #0055b8; /* 好きな色にする */
    border: thin solid #0055b8;
    display: inline-block;
    border-radius: 5px;
    padding-left: 3em;
    padding-right: 3em;
    letter-spacing: 2px;
    position: relative;
    margin-top: 15px;
    margin-left: 0em;
}

.Toptitile09-2 {
    color: #39b44a; /* 好きな色にする */
    border: thin solid #0055b8;
    display: inline-block;
    border-radius: 150px;
    padding-left: 3em;
    padding-right: 3em;
    letter-spacing: 2px;
    position: relative;
    margin-top: 15px;
    margin-left: 2em;
}
  
}


@media only screen and (max-width: 375px) {
     
.Toptitile06-2 {
    position: absolute;
    bottom: 30vh;
    right: 6%;
    z-index: 1;
    height: 8vh;
}
     
   
  
}



.arrow {
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 1px;
    margin-top: 20.5px;
    border-radius: 9999px;
    background-color: #0055b8;
    top: -5px;
    right: -25px;
}

.arrow::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.5px);
  right: 0;
  width: 15px;
  height: 1px;
  border-radius: 9999px;
  background-color: #0055b8;
  transform: rotate(45deg);
  transform-origin: calc(100% - 0.5px) 50%;
}

.newsBox {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 10px;
    background-color: rgba(255,255,255,0.9);
    /* [disabled]width: 92%; */
    text-align: center;
    margin-left: 0%;
    margin-top: 30px;
    margin-bottom: 10px;
    position: relative;
    /* [disabled]border: thin solid rgba(0,0,0,0.35); */
}


.sideLine0 {
    border: thin solid #0055b8;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
    background-color: rgba(255,255,255,1.00);
    /* [disabled]width: 92%; */
    text-align: center;
    margin-left: 0%;
    margin-top: 10px;
    margin-bottom: 10px;
}


.sideLine1 {
    border-right: thin solid #0055b8;
    padding-left: 5%;
}

.sideLine2 {
    padding-left: 0%;
    margin-bottom: 30px;
}


.sideLine3 {
    border-right: 2px dotted #FFFFFF;
    /* [disabled]padding-left: 0%; */
    margin-top: 0px;
}

.sideLine3-1 {
    padding-left: 1em;
    margin-top: 20px;
    text-align: left;
}    


.sideLine3-2 {
    margin-top: 5px;
}

.sideLine4 {
    position: absolute;
    right: -50%;
    top: 0px;
    padding: 0;
    width: 60%;
}

.sideLine4-1 {
    padding-left: 60px;
}  

.sideLine4-2 {
    margin-left: 10%;
}   

.sideLine5 {
    position: absolute;
    right: 0%;
    top: 0px;
    padding: 0;
    width: 60%;
}

.sideLine6 {
    background-color: rgba(255,255,255,1.00);
    border: thin solid rgba(132,132,132,1.00);
    position: relative;
    z-index: 100;
    margin-bottom: 80px;
    width: 98%;
    margin-left: 1%;
}

.sideLine6-2 {
    border: thin solid #f6921e;
    position: absolute;
    height: 100%;
    top: 40px;
    left: 3em;
    z-index: -1;
    display: none;
}

.sideLine6-2-2 {
    border: thin solid #f6921e;
    position: absolute;
    height: 100%;
    top: 40px;
    right: 3em;
    z-index: -1;
    display: none;
}


.sideLine6-3 {
    background-image: url(../images/top/TopImage001bc_16.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
}

.sideLine6-4 {
    background-image: url(../images/top/TopImage001bc_5.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
}

.sideLine6-5 {
    background-image: url(../images/top/TopImage001bc_17.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
}

.sideLine7 {
    border: thin solid rgba(132,132,132,1.00);
    position: relative;
    z-index: 100;
    margin-bottom: 80px;
    width: 98%;
    margin-left: 1%;
    background-image: url(../images/top/TopImage001bc_8.jpg);
    background-position: center top;
    background-size: cover;
}

.sideLine7-2 {
    margin-left: 0em;
    padding-left: 4em;
    padding-right: 4em;
}

.fixTel {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    width: 35%;
}

.fixTel2 {
    position: absolute;
    left: -0%;
    top: 30px;
}

.fixTel3 {
    font-weight: 700;
    font-size: 0.85em;
    margin-bottom: 0px;
    /* [disabled]margin-top: 15px; */
    /* [disabled]padding-left: 50px; */
}

.fixTel4 {
    font-weight: 700;
    font-size: clamp(1.5rem, calc(1.368421052631579rem + 0.5263157894736842vw), 2rem);
    margin-bottom: 0px;
}

@media only screen and (max-width: 1200px) {
.Toptitile01 {
	margin-top: 20vh;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 80vw;
}
    
.sideLine3 {
    padding-left: 5%;
    margin-top: -3px;
}   
	
.fixTel2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    width: 10%;
    margin-top: 5px;
}
   
.fixTel3 {
    font-weight: 700;
    font-size: 0.75em;
    margin-bottom: 0px;
    /* [disabled]margin-top: 15px; */
    /* [disabled]padding-left: 50px; */
}

.fixTel4 {
    font-weight: 700;
    font-size: 1.2em;
    margin-bottom: 0px;
}

	
}

@media only screen and (max-width: 1024px) {
.Toptitile01 {
	margin-top: 20vh;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 77vw;
}

.fixTel2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    width: 10%;
    margin-top: 5px;
}
   
.fixTel3 {
    font-weight: 700;
    font-size: 0.75em;
    margin-bottom: 0px;
    /* [disabled]margin-top: 15px; */
    /* [disabled]padding-left: 50px; */
}

.fixTel4 {
    font-weight: 700;
    font-size: 1.2em;
    margin-bottom: 0px;
}  
    

    
.sideLine3 {
    padding-left: 5%;
}  
    
    
}

@media only screen and (max-width: 820px) {
.fixTel {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -0px;
    width: 20%;
}
    

.fixTel2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    width: 12%;
    margin-top: 10px;
}
    
.sideLine6 {
    background-color: rgba(255,255,255,1.00);
    border: thin solid rgba(132,132,132,1.00);
    position: relative;
    z-index: 100;
    margin-bottom: 80px;
    width: 98%;
    margin-left: 0%;
}
    
.sideLine6-3 {
    background-image: url(../images/top/TopImage001bc_16.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
    height: 40vh;
} 
    
.sideLine6-4 {
    background-image: url(../images/top/TopImage001bc_5.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
    height: 40vh;
} 

.sideLine6-5 {
    background-image: url(../images/top/TopImage001bc_17.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
    height: 40vh;
}   
    

    
}


@media only screen and (max-width: 480px) {
.newsBox {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 10px;
    background-color: rgba(255,255,255,0.95);
    /* [disabled]width: 92%; */
    text-align: center;
    margin-left: 0%;
    margin-top: 30px;
    margin-bottom: 10px;
    position: relative;
    /* [disabled]border: thin solid rgba(0,0,0,0.35); */
}
    
    
.sideLine0 {
    border: thin solid #0055b8;
    padding: 15px;
    margin-bottom: 0px;
    background-color: rgba(255,255,255,1.00);
    /* [disabled]margin-top: -45px; */
    width: 100%;
    text-align: center;
    margin-left: 0%;
}
    

.sideLine1 {
    /* [disabled]border-right: thin none #0055b8; */
    padding-left: 0%;
}

.sideLine2 {
    padding-left: 3%;
    margin-top: 0px;
}

.sideLine6 {
    background-color: rgba(255,255,255,1.00);
    border: thin solid rgba(132,132,132,1.00);
    position: relative;
    z-index: 100;
    margin-bottom: 80px;
    width: 94%;
    margin-left: 3%;
}
    
.sideLine6-2-2 {
    border: thin solid #f6921e;
    position: absolute;
    height: 100%;
    top: 18px;
    right: 1em;
    z-index: -1;
}

.sideLine3 {
    border-right: thin none #FFFFFF;
    padding-left: 3%;
}

.sideLine3-1 {
    padding-left: 1em;
    margin-top: 20px;
    font-size: 110%;
}    
    
.sideLine3-2 {
    text-align: center;
    margin-top: 20px;
}    
   
    
.sideLine4 {
    position: absolute;
    right: -50%;
    top: 0px;
    padding: 0;
    width: 60%;
}

.sideLine4-1 {
    padding-left: 20%;
    margin-bottom: 10px!important;
}    
    
.sideLine4-2 {
    padding-left: 0px;
    border-top: thin solid rgba(255,255,255,1.00);
    margin-left: 0px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 20px!important;
    margin-bottom: 20px!important;
}    
   
.sideLine5 {
    position: static;
    right: 0%;
    top: 0px;
    padding: 0;
    width: 100%;
}

.sideLine6-2 {
    border: thin solid #f6921e;
    position: absolute;
    height: 100%;
    top: 20px;
    left: 1em;
    z-index: -1;
}    
    
.sideLine6-3 {
    background-image: url(../images/top/TopImage001bc_16.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
    height: 30vh;
} 
    
.sideLine6-4 {
    background-image: url(../images/top/TopImage001bc_5.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
    height: 30vh;
} 

.sideLine6-5 {
    background-image: url(../images/top/TopImage001bc_17.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
    height: 30vh;
} 

.sideLine7 {
    border: thin solid rgba(132,132,132,1.00);
    position: relative;
    z-index: 100;
    margin-bottom: 80px;
    width: 94%;
    margin-left: 3%;
    background-image: url(../images/top/TopImage001bc_8.jpg);
    background-position: center top;
    background-size: cover;
}
    
.sideLine7-2 {
    margin-left: 0%;
    padding-left: 0em;
    padding-right: 0em;
} 
    
.fixTel {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
    width: 10%;
}
 
.fixTel2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    width: 15%;
    margin-top: 5px;
}


    
.header {
    position: absolute;
    top: 0px;
    z-index: 999;
    left: 0px;
    background-color: rgba(255,255,255,0.85);
    width: 100vw;
    height: 60px;
}
	
.Toptitile01 {
	margin-top: 15vh;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 30px;
}

.Toptitile03 {
	position: absolute;
	z-index: 100;
	bottom: 0px;
	right: 0px;
	font-size: 0.8em;
	font-weight: 400;
	margin-top: -30vh;
}

}

@media only screen and (max-width: 380px) {	
.Toptitile01 {
	margin-top: 20vh;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 30px;
	width: 35%;
}

	
}

.fb-plugin-responsive {
    width: 100%;
    height: 500px;
    padding: 0px;
    margin: 0px;
	z-index: -11;
}

.logo001 {
    width: 220px;
    /* [disabled]height: 5vh; */
    position: fixed;
    top: 5px;
    left: 5%;
    z-index: 999;
    transition: 0.5s;
}

.logo002 {
    width: 120px;
}



@media only screen and (max-width: 1200px) {
.logo001 {
    width: 150px;
    /* [disabled]height: 5vh; */
    position: fixed;
    top: 10px;
    left: 30px;
    z-index: 999;
    transition: 0.5s;
}


}

@media only screen and (max-width: 480px) {
.logo001 {
    width: 120px;
    margin-top: 5px;
}

.logo002 {
    width: 80px;
}
}

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

}
}

.indent00 {
    margin-left: 1em;
    text-indent: -1em;
}

.indent01 {
	text-indent: -0.5em;	
}

.indent02 {
    margin-left: 2.5em;
}

.indent03 {
    margin-left: 4.5em;
}




@media only screen and (max-width: 1024px) {
.indent03 {
    margin-left: 0em;
}
}


.indent04 {
    margin-left: 6.7em;
    text-indent: -1em;
}

.indent05 {
    margin-left: 4.7em;
}

.indent06 {
    margin-left: 8.5em;
}

.indent07 {
    margin-left: -0.5em;
    line-height: 1.2;
}

.delighter.splash {
  transition: all 2s ease-out;
}
.delighter.splash.ended {
  background: #fff;
}
.delighter.right { transform:translate(-10%); opacity:0; transition: all 1.75s ease-out; }
.delighter.right.started { transform:none; opacity:1; }

.delighter.left { transform:translate(10%); opacity:0; transition: all 1.75s ease-out; }
.delighter.left.started { transform:none; opacity:1; }

.delighter.bottom { transform:translatey(10%); opacity:0; transition: all 1.75s ease-out; }
.delighter.bottom.started { transform:none; opacity:1; }

.delighter.top { transform:translatey(-20%); opacity:0; transition: all 1.75s ease-out; }
.delighter.top.started { transform:none; opacity:1; }

.delighter.fade { transform:translatey(0%); opacity:0; transition: all 1.75s ease-out; }
.delighter.fade.started { transform:none; opacity:1; }

.delighter pre {
  display: block; transition: all 2s ease-out; opacity: 0;
  padding: 20px 0;
  width: 1px; overflow: hidden;
}
.delighter.started pre {
  max-width: 99999px; width: 100%; opacity: 1;
}
.delighter .box { transition: all 1s ease-out; }
.delighter .box:nth-child(1) { transform: translate(-100%, 0); }
.delighter .box:nth-child(2) { transform: translate(170%, -70%); }
.delighter .box:nth-child(3) { transform: translate(20%, 0%); }

.delighter.started .box:nth-child(1) { transform: translate(0, 0); }
.delighter.started .box:nth-child(2) { transform: translate(70%, -70%); }
.delighter.started .box:nth-child(3) { transform: translate(20%, -120%); }

.mini {
    font-size: 40%;	
}

.miniIcon {
	width: 100px;
	margin-top: -20px;
}

@media only screen and (max-width: 480px) {
.miniIcon {
	width: 75px;
	margin-top: -15px;
}
    
.indent02 {
    margin-left: 5px;
}
.indent05 {
    margin-left: 0em;
} 
}

.parent_box,
.parent_box2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
 
.parent_box div {
	width: 32.5%;
	padding: 10px;
	/* [disabled]margin-right: 5px; */
	border: thin solid rgba(0,0,0,0.30);
	/* [disabled]margin-left: 5px; */
	margin-top: 5px;
	margin-bottom: 5px;
}
 
.parent_box2 div {
	width: 100%;
	padding: 10px;
	margin-right: 5px;
	border: thin solid rgba(0,0,0,0.30);
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

@media only screen and (max-width: 480px) {
.parent_box,
.parent_box2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: inline-block;
}
 
.parent_box div,
.parent_box2 div {
	width: 100%;
	padding: 10px;
	margin-right: 0px;
	border: thin solid rgba(0,0,0,0.30);
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

}

.star7 {
  animation: r7 4s linear infinite;
}
 
@keyframes r7 {
  0%   { transform: rotateY(0deg); }
  100% { transform: rotateY(-360deg); }
}

.btn-works {
    width: 100%;
    float: left;
}

.cation001 li {
	list-style-type: none;
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 10px;
}

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

@media only screen and (max-width: 480px) {
.logoMiddle {
    display: none;
}


}

.companyProfile  {
	display: inline-block;
	border: thin solid rgba(0,0,0,0.20);
	width: 100%;
}

.companyProfile dt {
	width: 28%;
	float: left;
	padding: 30px;
	margin-bottom: 10px;
	line-height: 1.8;
	clear: both;
}

.companyProfile dd {
	border-bottom: thin dotted rgba(0,0,0,0.30);
	padding: 30px;
	margin-bottom: 10px;
	line-height: 1.8;
}

@media only screen and (max-width: 1024px) {
.companyProfile dt {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	line-height: 1.8;
}

.companyProfile dd {
	width: 100%;
	float: left;
	border-bottom: thin dotted rgba(0,0,0,0.30);
	padding-top: 10px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
	margin-bottom: 10px;
	line-height: 1.8;
	margin-left: 1em;
}
}


@media only screen and (max-width: 480px) {
.companyProfile  {
	display: inline-block;
	border: thin none rgba(0,0,0,0.20);
	width: 100%;
}
	
.companyProfile dt {
	width: 100%;
	float: left;
	padding: 10px 0px 10px;
	line-height: 1.5;
}

.companyProfile dd {
	width: 100%;
	float: left;
	border-bottom: thin dotted rgba(0,0,0,0.30);
	padding: 10px 0px 30px;
	line-height: 1.8;
	margin-left: 0em;
}
}
	
.worksLine {
	border: thin solid rgba(0,0,0,0.10);
}
	
.news {
overflow-y: hidden;
  height: 23em;		
}	



.catName2 {
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 11px;
	width: 100px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: 1em;
}

.newsList2 {
    list-style-type: none;
    margin-bottom: 20px;
}


.TopTitle00 {
	line-height: 1.8;
}

.title {
	color: rgba(0,0,0,0.90);
	display: inline-block;
}
.title a {
	color: rgba(0,0,0,0.90);
}
	
@media only screen and (max-width: 1024px) {
.news {
  height: 20em;		
}
.catName2 {
	font-size: 10px;
}

.TopTitle00 {
    padding-left: 1em;
    font-size: 0.9em;
}
.title {
	display: inherit;
	margin-top: 5px;
	margin-bottom: 20px;
	line-height: 1.2;
}

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

.up_ymd{
	font-size: 85%;
}
.catName{
	font-size: 10px;
}	
	
.news {
  height: 30em;		
}
.catName2 {
	font-size: 10px;
}

.TopTitle00 {
	padding-left: 3em;
}
}
	

.askBt {
    font-size: clamp(0.8rem, calc(0.6947368421052632rem + 0.4210526315789473vw), 1.2rem);
    color: #0055b8;
    line-height: 1.2;
    display: inline-block;
    margin-top: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-weight: 500;
    border: thin solid #0055b8;
}

	

.askBt2 {
    font-size: 1.3em;
    color: #f6921e;
    line-height: 1.2;
    display: inline-block;
    margin-top: 10px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-weight: 500;
    border: thin solid #f6921e;
    margin-left: 3.8em;
}

.askBt3 {
    font-size: 1.3em;
    /* [disabled]color: #FFFFFF; */
    line-height: 1.2;
    display: inline-block;
    margin-top: 10px;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    font-weight: 500;
    border: thin solid #FFFFFF;
    /* [disabled]margin-left: 4em; */
    background-color: rgba(255,255,255,1.00);
}

@media only screen and (max-width: 820px) {
.askBt2 {
    font-size: 1.3em;
    color: #f6921e;
    line-height: 1.2;
    display: inline-block;
    margin-top: 10px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-weight: 500;
    border: thin solid #f6921e;
    margin-left: 3%;
}

.askBt3 {
    font-size: 1.3em;
    /* [disabled]color: #FFFFFF; */
    line-height: 1.2;
    display: inline-block;
    margin-top: 10px;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    font-weight: 500;
    border: thin solid #FFFFFF;
    /* [disabled]margin-left: 4em; */
    background-color: rgba(255,255,255,1.00);
}
    
}


.Toptitile04 a {
	color: rgba(255,255,255,1.00);	
}

.Toptitile-Pre-06-2 {
    position: absolute;
    z-index: 1000;
    bottom: 0%;
    right: 0px;
}


.circle{
    /* [disabled]position: relative; */
    display: inline-block;
    width: 6.5em;
    height: 6.5em;
    border-radius: 50%;
    text-align: center;
    background-color: #0055b8;;
    color: rgba(255,255,255,1);
    font-size: 1.35vw;
    line-height: 1.1;
    font-weight: 500;
}

.circle span {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width : 6.5em;
    text-align: center;
}

.circle2{
    /* [disabled]position: relative; */
    display: inline-block;
    width: 16vh;
    height: 16vh;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255,255,255,1);
    color: #0055b8;
    font-size: 1.8em;
    line-height: 1.1;
    font-weight: 300;
}

.circle2 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :16vh;
  text-align:center;
}

.circle3{
    display: inline-block;
      width: 100%;
      padding-top: 100%;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255,255,255,1);
    color: #0055b8;
    font-size: 1.8em;
    line-height: 1.1;
    font-weight: 500;
    border: thin solid #0055b8;
}

.circle3 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :100%;
  text-align:center;
}

.circle4{
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255,255,255,1);
    color: #0055b8;
    font-size: 1.8em;
    line-height: 1.1;
    font-weight: 500;
    border: thin solid #0055b8;
    /* [disabled]position: absolute; */
    /* [disabled]bottom: -10%; */
    /* [disabled]right: -20%; */
}

.circle4 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :100%;
  text-align:center;
}

.circle4-2 {
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255,255,255,1);
    color: #0055b8;
    font-size: 1.8em;
    line-height: 1.1;
    font-weight: 500;
    border: thin solid #0055b8;
    /* [disabled]position: absolute; */
    /* [disabled]bottom: -10%; */
    /* [disabled]right: -20%; */
}

.circle4-2 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :100%;
  text-align:center;
}


.circle5{
    display: inline-block;
    width: 70%;
    padding-top: 70%;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255,255,255,1);
    color: #0055b8;
    font-size: clamp(1.25rem, calc(1.200657894736842rem + 0.19736842105263158vw), 1.4375rem);
    line-height: 1.0;
    font-weight: 500;
    border: thin solid #0055b8;
    position: relative;
    /* [disabled]bottom: -10%; */
    /* [disabled]right: -20%; */
}

.circle5 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :100%;
  text-align:center;
}

.yokonarabe3{
    /*コレ*//* [disabled]display: flex; */
    /*コレ*/justify-content: space-between;
    padding: 0;
    list-style: none;
}
.yokonarabe3 li{
    color: #3C3C3C;
    font-size: clamp(1.2rem, calc(1.094736842105263rem + 0.4210526315789475vw), 1.6rem);
}

.yokonarabe4{
    /*コレ*/display: flex;
    padding: 0;
    list-style: none;
}
.yokonarabe4 li{
    font-size: 1.8em;
    line-height: 1.3;
    padding-top: 10px;
}

.yokonarabe4-2 {
    color: #0055b8;
    margin-left: 5px;
    margin-right: 10px;
    border-right: thin solid rgba(0,0,0,1.00);
    padding-right: 10px;
}

.blue {
    color: #0E2E94;
}


.scheduleTable01 th {
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 1.6em;
    /* [disabled]color: rgba(255,255,255,1.00); */
}

.scheduleTable02 th {
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.6em;
    padding-left: 1.0em;
    /* [disabled]color: rgba(255,255,255,1.00); */
}

.scheduleTable03 th {
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.6em;
    padding-left: 0.5em;
    /* [disabled]color: rgba(255,255,255,1.00); */
}

.scheduleTable02 td,.scheduleTable03 td {
    font-size: 1.6em;
    text-align: center;
    color: #0055b8;
}

.scheduleTable01,.scheduleTable02,.scheduleTable03 {
    border-bottom: 5px solid rgba(255,255,255,1.00);
    background-color: rgba(0,0,0,0.05);
}

.scheduleTable03 {
    /* [disabled]border-bottom: thin solid rgba(0,0,0,1.00); */
}

.scheduleTable04 {
    width: 35%;
}

.scheduleTableInner01 th {
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;  
    text-align: center;
    font-size: 1.8em;
}

.scheduleTableInner02 th {
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.8em;
    padding-left: 1.0em;
}

.scheduleTableInner03 th {
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;  
    font-size: 1.8em;
    padding-left: 0.5em;
}

.scheduleTableInner02 td,.scheduleTableInner03 td {
    font-size: 1.8em;
    text-align: center;
    color: #0055b8;
}

.scheduleTableInner01 {
    border-top: 1px solid #0055b8;
}


.scheduleTableInner01,.scheduleTableInner02,.scheduleTableInner03 {
    border-bottom: 1px solid #0055b8;
}

.scheduleTableInner03 {
    /* [disabled]border-bottom: thin solid rgba(0,0,0,1.00); */
}

.scheduleTableInner04 {
    width: 35%;
}

.underBar {
    padding-left: 0.5em;
    /* [disabled]color: rgba(255,255,255,1.00); */
}

.underBar2 {
    border-bottom: 1px solid #0055b8;
    padding-left: 0.7em;
}

.underBar3 {
    border-bottom: 1px solid #0055b8;
}

@media only screen and (max-width: 1200px) {
.circle{
    /* [disabled]position: relative; */
    display: inline-block;
    width: 12vh;
    height: 12vh;
    border-radius: 50%;
    text-align: center;
    background-color: #0055b8;;
    color: rgba(255,255,255,1);
    font-size: 1.5em;
    line-height: 1.1;
    font-weight: 500;
}

.circle span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :12vh;
  text-align:center;
}
    
    
.circle2{
    /* [disabled]position: relative; */
    display: inline-block;
    width: 13vh;
    height: 13vh;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255,255,255,0.85);
    color: #0055b8;
    font-size: 2.0em;
    line-height: 1.1;
    font-weight: 300;
}

.circle2 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :13vh;
  text-align:center;
}    
    
.circle3{
    display: inline-block;
      width: 100%;
      padding-top: 100%;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255,255,255,1);
    color: #0055b8;
    font-size: 1.3em;
    line-height: 1.1;
    font-weight: 500;
    border: thin solid #0055b8;
}

.circle3 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :100%;
  text-align:center;
}
    
.scheduleTable00 {
    margin-left: -14%;
}    
    
.scheduleTable01 th {
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;  
    text-align: center;
}

.scheduleTable02 th {
    font-weight: 400;    
    padding-top: 5px;
    padding-bottom: 5px;    
}

.scheduleTable03 th {
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;  
}

.scheduleTable02 td,.scheduleTable03 td {
    font-size: 110%;
    text-align: center;
}

.scheduleTable01,.scheduleTable02,.scheduleTable03 {
    border-top: thin solid rgba(255,255,255,1.00);
}

.scheduleTable03 {
    border-bottom: thin solid rgba(255,255,255,1.00);
}
    
.scheduleTableInner02 {
    /* [disabled]border-bottom: thin solid rgba(0,0,0,1.00); */
    font-size: 0.85em;
}    
.scheduleTableInner03 {
    /* [disabled]border-bottom: thin solid rgba(0,0,0,1.00); */
    font-size: 0.85em;
}


.scheduleTable04 {
    width: 45%;
    padding-left: 10%;
}
}


@media only screen and (max-width: 1024px) {
    
.yokonarabe3{
    /*コレ*/display: inherit;
    /*コレ*/justify-content: space-between;
    padding: 0;
    list-style: none;
}
.yokonarabe3 li{
    color: #3C3C3C;
    font-size: 1.8em;
}    
.circle2{
    /* [disabled]position: relative; */
    display: inline-block;
    width: 13vh;
    height: 13vh;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255,255,255,0.85);
    color: #0055b8;
    font-size: 2.0em;
    line-height: 1.1;
    font-weight: 300;
}

.circle2 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :13vh;
  text-align:center;
}   
    
.circle3{
    display: inline-block;
      width: 100%;
      padding-top: 100%;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255,255,255,1);
    color: #0055b8;
    font-size: 1.2em;
    line-height: 1.1;
    font-weight: 500;
    border: thin solid #0055b8;
}

.circle3 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :100%;
  text-align:center;
}
   
.circle5{
    display: inline-block;
    width: 80%;
    padding-top: 80%;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255,255,255,1);
    color: #0055b8;
    font-size: 2.4em;
    line-height: 1.0;
    font-weight: 500;
    border: thin solid #0055b8;
    /* [disabled]position: absolute; */
    /* [disabled]bottom: -10%; */
    /* [disabled]right: -20%; */
}

.circle5 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :100%;
  text-align:center;
}
    
    
.scheduleTable00 {
    margin-left: -14%;
}    
    
.scheduleTable01 th {
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;  
    text-align: center;
}

.scheduleTable02 th {
    font-weight: 400;    
    padding-top: 5px;
    padding-bottom: 5px;    
}

.scheduleTable03 th {
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;  
}

.scheduleTable02 td,.scheduleTable03 td {
    font-size: 110%;
    text-align: center;
}

.scheduleTable01,.scheduleTable02,.scheduleTable03 {
    border-top: thin solid rgba(255,255,255,1.00);
}

.scheduleTable03 {
    border-bottom: thin solid rgba(255,255,255,1.00);
}

.scheduleTable04 {
    width: 40%;
    padding-left: 10%;
}
}


@media only screen and (max-width: 820px) {
.circle5{
    display: inline-block;
    width: 80px;
    padding-top: 80px;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255,255,255,1);
    color: #0055b8;
    font-size: 2.0em;
    line-height: 1.0;
    font-weight: 500;
    border: thin solid #0055b8;
    /* [disabled]position: absolute; */
    /* [disabled]bottom: -10%; */
    /* [disabled]right: -20%; */
}

.circle5 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :100%;
  text-align:center;
}
}


@media only screen and (max-width: 480px) {
.askBt {
    font-size: 1.2em;
    color: #0055b8;
    line-height: 1.2;
    display: inline-block;
    margin-top: 50px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-weight: 500;
    border: thin solid #0055b8;
    margin-left: 0px;
}
    
.askBt2 {
    font-size: 1.1em;
    color: #f6921e;
    line-height: 1.2;
    display: inline-block;
    margin-top: 0px!important;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    font-weight: 500;
    border: thin solid #f6921e;
    margin-left: 3%;
}

.circle{
    /* [disabled]position: relative; */
    display: inline-block;
    width: 12vh;
    height: 12vh;
    border-radius: 50%;
    text-align: center;
    background-color: #0055b8;;
    color: rgba(255,255,255,1);
    font-size: 1.35em;
    line-height: 1.1;
    font-weight: 500;
}

.circle span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :12vh;
  text-align:center;
}
    
.circle2{
    /* [disabled]position: relative; */
    display: inline-block;
    width: 13vh;
    height: 13vh;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255,255,255,0.85);
    color: #0055b8;
    font-size: 1.6em;
    line-height: 1.1;
    font-weight: 300;
}

.circle2 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :13vh;
  text-align:center;
} 

.circle3{
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255,255,255,1);
    color: #0055b8;
    font-size: 1.2em;
    line-height: 1.1;
    font-weight: 500;
    border: thin solid #0055b8;
    margin-top: -240px;
}

.circle3 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :100%;
  text-align:center;
}    
    
.circle4{
    display: inline-block;
    width: 50%;
    padding-top: 50%;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255,255,255,1);
    color: #0055b8;
    font-size: 1.4em;
    line-height: 1.1;
    font-weight: 500;
    border: thin solid #0055b8;
    /* [disabled]position: absolute; */
    /* [disabled]bottom: -10%; */
    /* [disabled]right: -20%; */
    margin-left: 25%;
}

.circle4 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :100%;
  text-align:center;
}
    
.circle4-2 {
    display: inline-block;
    width: 25%;
    padding-top: 25%;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255,255,255,1);
    color: #0055b8;
    font-size: 1.4em;
    line-height: 1.1;
    font-weight: 500;
    border: thin solid #0055b8;
    position: absolute;
    bottom: 12%;
    right: 8%;
    margin-left: 25%;
}

.circle4-2 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :100%;
  text-align:center;
}
    
.circle5{
    display: inline-block;
    width: 60px;
    padding-top: 60px;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255,255,255,1);
    color: #0055b8;
    font-size: 1.5em;
    line-height: 1.0;
    font-weight: 500;
    border: thin solid #0055b8;
    /* [disabled]position: absolute; */
    /* [disabled]bottom: -10%; */
    /* [disabled]right: -20%; */
}

.circle5 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :100%;
  text-align:center;
}

    
    
    
.yokonarabe3{
    /*コレ*/display: inherit;
    /*コレ*/justify-content: space-between;
    padding: 0;
    list-style: none;
}
.yokonarabe3 li{
    color: #3C3C3C;
    font-size: 1.8em;
}
    
.yokonarabe4{
    /*コレ*/display: flex;
    padding: 0;
    list-style: none;
}
.yokonarabe4 li{
    font-size: 1.5em;
    line-height: 1.3;
    padding-top: 10px;
}

.yokonarabe4-2 {
    color: #0055b8;
    margin-left: 5px;
    margin-right: 10px;
    border-right: thin solid rgba(0,0,0,1.00);
    padding-right: 10px;
}
   
.underBar {
    /* [disabled]border-bottom: thin solid rgba(0,0,0,1.00); */
    /* [disabled]background-color: rgba(0,0,0,0.3); */
    padding-left: 0.5em;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 5px;
}
    
.scheduleTable00 {
    margin-left: -14%;
}    
    
.scheduleTable01 th {
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;  
    text-align: center;
}

.scheduleTable02 th {
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    line-height: 1.5;
}

.scheduleTable03 th {
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px; 
    line-height: 1.5;
}

.scheduleTable02 td,.scheduleTable03 td {
    font-size: 130%;
    text-align: center;
}

.scheduleTable01,.scheduleTable02,.scheduleTable03 {
    border-top: thin solid rgba(255,255,255,1.00);
}

.scheduleTable03 {
    border-bottom: thin none rgba(0,0,0,1.00);
}

.scheduleTable04 {
    width: 35%;
    padding-left: 0%;
}

.underBar2 {
    border-bottom: 1px solid #0055b8;
    padding-left: 0.5em;
}

    
}

.snsIcon {
    position: absolute;
    top: 0px;
    left: 0%;
    list-style-type: none;
}

.innerMap {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 10vw;
}


.gnavi__wrap {
    width: 100%;
    margin: 0 auto;

}
.gnavi__lists {
    display: flex;
  justify-content: flex-end;
}
.gnavi__list {
    /* [disabled]width: 19%; */
    height: 80px;
    /* [disabled]background-color: #E5F0F8; */
    position: relative;
    transition: all .3s;
    list-style-type: none;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 100;
}
.gnavi__list:hover {
    background-color: rgba(232,232,232,0.85);
}


.gnavi__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    letter-spacing: 0em;
    transition: all .3s;
}


@media only screen and (max-width: 1200px) {
.gnavi__lists {
    display: flex;
    justify-content: flex-end;
    padding-left: 20px;
    margin-left: 20px;
}    
    
.gnavi__list a {
    font-size: 80%;
}
    
}

@media only screen and (max-width: 1024px) {
.gnavi__lists {
    display: flex;
    justify-content: flex-end;
    padding-left: 80px;
    margin-left: 80px;
}    
    
.gnavi__list a {
    font-size: 60%;
}
    
}

.gnavi__list:hover a {
    color: rgba(2,2,2,0.85);
}

.gnavi__lists2 {
    display: flex;
    justify-content: flex-end;
    margin-right: 20px;
    width: 99vw;
}

.gnavi__list2 {
    /* [disabled]width: 19%; */
    height: 20px;
    /* [disabled]background-color: #E5F0F8; */
    position: relative;
    transition: all .3s;
    list-style-type: none;
    padding-left: 10px;
    padding-right: 10px;
}
.gnavi__list2:hover {
    background-color: rgba(232,232,232,0.85);
}


.gnavi__list2 a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    letter-spacing: 0em;
    transition: all .3s;
}


.gnavi__list2:hover a {
    color: rgba(2,2,2,0.85);
}


.dropdown__lists {
    display: none;/*デフォルトでは非表示の状態にしておく*/
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0;
}
.gnavi__list:hover .dropdown__lists {
    display: block;/*Gナビメニューにホバーしたら表示*/
}
.dropdown__list {
    background-color: rgba(232,232,232,1.00);
    height: 60px;
    transition: all .3s;
    position: relative;
    list-style-type: none;
}

.dropdown__list:hover {
    background-color: rgba(245,245,245,1.00);
}
.dropdown__list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
    padding-left: 3em;
    padding-right: 2em;
    list-style-type: none;
}
.dropdown__list a::after {
  content: '';
  width: 30px;
  height: 15px;
  border-bottom: solid 1px;
  border-right: solid 1px;
  transform: skew(45deg);
}

.fixPhotoTop001 {
    width: 30%;
    position: absolute;
    top: 15%;
    right: 8%;
}

.fixPhotoAbout001 {
    width: 15%;
    position: absolute;
    bottom: -15%;
    right: -0%;
}

.fixPhotofeatures001 {
    width: 25%;
    position: absolute;
    top: -10%;
    left: -15%;
}

.fixPhotofeatures002 {
    width: 25%;
    position: absolute;
    top: -20%;
    right: -15%;
}


.fixPhotoFaq001 {
    position: absolute;
    bottom: 50px;
    right: 30px;
    height: 100px;
}

@media only screen and (max-width: 1024px) {
.fixPhotoAbout001 {
    width: 20%;
    position: absolute;
    bottom: -10%;
    right: -5%;
}

.fixPhotoFaq001 {
    position: absolute;
    bottom: 40px;
    right: 10px;
    height: 70px;
}
    
.fixPhotofeatures001 {
    width: 25%;
    position: absolute;
    top: -5%;
    left: -5%;
}

.fixPhotofeatures002 {
    width: 25%;
    position: absolute;
    top: -15%;
    right: -5%;
}
    
}

@media only screen and (max-width: 820px) {
.fixPhotoTop001 {
    width: 100%;
    position: static;
    top: 15%;
    right: 8%;
}

.fixPhotofeatures001 {
    display: none;
}

.fixPhotofeatures002 {
    display: none;

}
    
}

/* アコーディオン用CSS */

.accordion-container .accordion-title {
    position: relative;
    margin: 0;
    padding-top: 0.7em;
    padding-right: 0.625em;
    padding-left: 2.5em;
    padding-bottom: 0.7em;
    background-color: #BCE1DF;
    font-size: 1.5em;
    font-weight: normal;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.accordion-container2 .accordion-title2 {
    position: relative;
    margin: 0;
    padding-top: 0.7em;
    padding-right: 0.625em;
    padding-left: 2.5em;
    padding-bottom: 0.7em;
    background-image: url(../images/faq/002.png);
    font-size: 1.5em;
    font-weight: normal;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-container2 .accordion-title2:hover,
.accordion-container2 .accordion-title2:active,
.accordion-title.open,
.accordion-title2.open{
    background-color: #00aaa7;
    color: rgba(255,255,255,1.00);
}

.accordion-container .accordion-title::before,
.accordion-container2 .accordion-title2::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 15px;
    height: 2px;
    /*縦線に*/
    transform: rotate(90deg);
    background-color: #000000;
    transition: all .3s ease-in-out;
}

.accordion-container .accordion-title::after,
.accordion-container2 .accordion-title2::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  /*横線*/
  width: 15px;
  height: 2px;
    background-color: #000000;
  transition: all .2s ease-in-out;
}

.accordion-container .accordion-title.open::before,
.accordion-container2 .accordion-title2.open::before {
    transform: rotate(180deg);
    background-color: rgba(255,255,255,1.00);
}

.accordion-container .accordion-title.open::after,
.accordion-container2 .accordion-title2.open::after {
  opacity: 0;
}

.accordion-content {
    display: none;
    padding: 0.5em 1em;
    border: 1px solid #0079c1;
    text-align: justify;
    font-size: 1.35em;
    line-height: 1.8;
}

.js-accordion-title img {
    width: 2em;
    position: absolute;
    top: 50%;
    left: 0%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);    
}

@media only screen and (max-width: 480px) {
.accordion-container .accordion-title {
    position: relative;
    margin: 0;
    padding-top: 1em;
    padding-right: 2.5em;
    padding-bottom: 1em;
    background-color: #BCE1DF;
    font-size: 1.2em;
    font-weight: normal;
    cursor: pointer;
    transition: all .3s ease-in-out;
	padding-left:2.5em;

}

.accordion-container2 .accordion-title2 {
    position: relative;
    margin: 0;
    padding-top: 1em;
    padding-right: 2.5em;
    padding-bottom: 1em;
    background-image: url(../images/faq/002.png);
    font-size: 1.21em;
    font-weight: normal;
    cursor: pointer;
    transition: all .3s ease-in-out;
	padding-left:2.5em;
}
    
.accordion-content {
    display: none;
    padding: 0.5em 1em;
    border: 1px solid #0079c1;
    text-align: justify;
    font-size: 1.2em;
    line-height: 1.8;
}    
    
}

.featuresBox01 {
    background-color: #5994D8;
    color: rgba(255,255,255,1.00);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px 5px;
    width: 48%;
}

.featuresBox01-1 {
    border-bottom: thin solid rgba(255,255,255,1.00);
    padding-bottom: 5px;
}

.featuresBox01-2 {
    text-align: left;
    padding-left: 1em;
    padding-top: 0px;
    padding-bottom: 0px;
}

.fixfeatures01 {
    position: absolute;
    right: 1em;
    bottom: 5px;
    height: 1.5em;
}

.featuresBox02 {
    background-color: #5994D8;
    color: rgba(255,255,255,1.00);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    border: thin solid rgba(255,255,255,1.00);
}

.featuresBox02Now {
    background-color: #0055b8;
    color: rgba(255,255,255,1.00);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    border: thin solid rgba(255,255,255,1.00);
}

.featuresBox02-1 {
    border-bottom: thin solid rgba(255,255,255,1.00);
    padding-bottom: 5px;
    color: rgba(255,255,255,1.00);
    font-size: 1.2em;
}

.featuresBox02-2 {
    text-align: left;
    padding-left: 1em;
    padding-top: 0px;
    padding-bottom: 0px;
    color: rgba(255,255,255,1.00);
    font-size: 1.2em;

}

.blueBox {
    border: thin solid #0055b8;
    margin-left: 4.5em;
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
    text-indent: -4.5em;
}

.blueBox2 {
    background-color: #4E93E3;
    margin-left: 4.5em;
    padding: 0.5em 0.5em;
    color: rgba(255,255,255,1.00);
    font-size: 2.0em;
    text-align: center;
    text-indent: -4.5em;
}

.blueBox2-2 {
    background-color: #4E93E3;
    /* [disabled]margin-left: 3.5em; */
    padding: 0.5em 0.5em;
    color: rgba(255,255,255,1.00);
    font-size: clamp(1.6rem, calc(1.4421052631578948rem + 0.6315789473684211vw), 2.2rem);
    text-align: center;
}


.blueBox3 {
    /* [disabled]margin-left: 4.5em; */
    padding-top: 0.5em;
    padding-right: 1em;
    padding-left: 1em;
    padding-bottom: 0.5em;
    background-color: rgba(0,0,0,0.05);
    text-align: center;
}


.staffBox01 {
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: -1;
    width: 45%;
}

.textFix01 {
    position: absolute;
    top: 0px;
    left: -1.2em;
    font-size: 200%;
}

.tategaki {
    display: flex;
    justify-content: center;
    margin-right: -10px;
}

.messageBox01 {
    padding-left: 3em;    
    
}

@media only screen and (max-width: 1024px) {
.blueBox {
    border: thin solid #0055b8;
    margin-left: 0em;
    padding: 0.5em 0.5em;
    text-indent: 0em;
}

.blueBox2 {
    background-color: #4E93E3;
    margin-left: 0em;
    padding: 0.5em 0.5em;
    color: rgba(255,255,255,1.00);
    font-size: 2.0em;
    text-align: center;
    text-indent: 0em;
}
   
.blueBox2-2 {
    background-color: #4E93E3;
    /* [disabled]margin-left: 3.5em; */
    padding: 0.5em 0.5em;
    color: rgba(255,255,255,1.00);
    font-size: clamp(1.4rem, calc(1.294736842105263rem + 0.4210526315789475vw), 1.8rem);
    text-align: center;
}

    
.blueBox3 {
    margin-left: 0em;
    padding-top: 0.5em;
    padding-right: 1em;
    padding-left: 1em;
    padding-bottom: 0.5em;
    background-color: rgba(0,0,0,0.05);
    text-align: center;
}

    
.staffBox01 {
    position: static;
    right: 0px;
    top: 10px;
    z-index: -1;
    width: 100%;
}
    
.messageBox01 {
    padding-left: 3%;
    margin-top: 30px;    
} 
    
}

@media only screen and (max-width: 480px) {
.featuresBox01 {
    background-color: #5994D8;
    color: rgba(255,255,255,1.00);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px 5px;
    width: 98%;
}    
    
.blueBox {
    border: thin solid #0055b8;
    margin-left: 0em;
    padding: 1em;
    text-align: center;
    font-size: 1.3em;
    line-height: 1.8;
}
    
.blueBox2 {
    background-color: #4E93E3;
    margin-left: 0em;
    padding: 0.5em 0.5em;
    color: rgba(255,255,255,1.00);
    font-size: 1.3em;
    text-align: justify;
    text-indent: 0em;
}
   
.blueBox2-2 {
    background-color: #4E93E3;
    /* [disabled]margin-left: 3.5em; */
    padding: 0.5em 0.5em;
    color: rgba(255,255,255,1.00);
    font-size: 1.4em;
    text-align: center;
    line-height: 1.5;
}
    
.textFix01 {
    position: static;
    top: 0px;
    left: 0em;
    font-size: 200%;
} 

    
.messageBox01 {
    padding-left: 3%;    
    
}    
    
}

.bold {
    font-weight: 500;    
}

.linkUnderline a{
    text-decoration: underline!important;    
    
}

.clinic-sign01 {
    width: 20px;
    z-index: 9999;
    position: absolute;
    bottom: -100%;
    right: -10%;
}

.clinic-sign02 {
    width: 20px;
    z-index: 9999;
    position: absolute;
    bottom: -25%;
    left: -7%;
}

.telMagin01 {
    margin-left: -8%;    
}

.telMagin02 {
    text-align: justify;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

@media only screen and (max-width: 1200px) {
.telMagin02 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
    
.telMagin01 {
    margin-left: -5%;
}

.clinic-sign02 {
    width: 20px;
    z-index: 9999;
    position: absolute;
    bottom: -25%;
    left: -10%;
}
    
}

@media only screen and (max-width: 1024px) {
.telMagin02 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
    background-color: rgba(255,255,255,1.00);
    color: #0055b8;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
}
    
.telMagin01 {
    margin-left: 0%;
}
    
.clinic-sign01 {
    width: 20px;
    z-index: 9999;
    position: absolute;
    bottom: -100%;
    right: -5%;
}

.clinic-sign02 {
    width: 20px;
    z-index: 9999;
    position: absolute;
    bottom: -30%;
    left: -15%;
}
    
}

@media only screen and (max-width: 480px) {
.telMagin02 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-indent: 0.25em;
    margin-left: 5px;
    margin-right: 5px;
    letter-spacing: -0.5px;
}
    
.telMagin01 {
    margin-left: 0%;
}
    
.clinic-sign01 {
    width: 10px;
    z-index: 9999;
    position: absolute;
    bottom: -20%;
    right: -10%;
}

.clinic-sign02 {
    width: 10px;
    z-index: 9999;
    position: absolute;
    bottom: -25%;
    left: -5%;
}
    
}

.introductionList {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center; /*これを指定*/
}

.introductionList li {
    margin-bottom: 5px;
    margin-right: 20px;
    margin-left: 20px;
}

.introductionList2 {
    list-style: none;
}

.introductionList2 li {
    margin-bottom: 5px;
}

.introductionList3 {
    list-style: none;
    text-align: left;
}

.introductionList3 li {
    margin-bottom: 5px;
    margin-left: 30%;
}

.underBar01 {
    border-bottom: thin solid rgba(0,0,0,1.00);
    margin-left: 2.5em;
}

.featuresMark01 {
    position: absolute;
    top: -0.3em;
    left: -2.8em;
}

@media only screen and (max-width: 820px) {
 .introductionList3 {
    list-style: none;
    text-align: left;
}

.introductionList3 li {
    margin-bottom: 5px;
    margin-left: 10%;
}

    
}

@media only screen and (max-width: 480px) {
 .introductionList3 {
    list-style: none;
    text-align: left;
}

.introductionList3 li {
    margin-bottom: 5px;
    margin-left: 1em;
    text-indent: -1em;
}

    
}

.red {
    color: rgba(193,54,54,1.00);
}

.box01 {
    border: thin solid rgba(0,0,0,0.3);
    padding: 30px;
}

.listLifespan {
}

.listLifespan li {
    list-style-type: none;
    margin-bottom: 10px;
    text-indent: -4.3em;
    margin-left: 4.3em;
    line-height: 1.3;
}

.listLifespan2 {
}

.listLifespan2 li {
    list-style-type: none;
    margin-bottom: 10px;
    text-indent: -1em;
    margin-left: 1em;
    line-height: 1.3;
}

.smallText01 {
    font-size: 85%;
    letter-spacing: 0px;
    margin-left: -10px;
}

.mapTopmargin01 {
    margin-top: -14%;
    z-index: 999;
    padding-right: 30px;
}

@media only screen and (max-width: 820px) {
.mapTopmargin01 {
    margin-top: -17%;
    z-index: 999;
    padding-right: 30px;
}

    
}

@media only screen and (max-width: 480px) {
.mapTopmargin01 {
    margin-top: 0%;
    z-index: 999;
    padding-right: 0px;
}

    
}

/* スライダーのスタイル */
@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}

.outline {
  display        : inline-block;
  text-shadow    : 
       2px  2px 2px #ffffff,
      -2px  2px 2px #ffffff,
       2px -2px 2px #ffffff,
      -2px -2px 2px #ffffff,
       2px  0px 2px #ffffff,
       0px  2px 2px #ffffff,
      -2px  0px 2px #ffffff,
       0px -2px 2px #ffffff;        /* 文字の影 */
}

@media only screen and (max-width: 480px) {
.outline {
    display        : inline-block;
    text-shadow    : none;        /* 文字の影 */
}
    
}

.outline2 {
    border: thin dotted rgba(0,0,0,0.3);
    padding: 1em 0em;
}

.scroll-infinity {
    z-index: 50;
}
.scroll-infinity__wrap {
    display: flex;
    overflow: hidden;
    margin-top: 50vh;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(100vw / 4);
}
.scroll-infinity__item>img {
    width: 95%;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 10px;
}


@media only screen and (max-width: 820px) {
.scroll-infinity {
    z-index: 50;
}
.scroll-infinity__wrap {
    display: flex;
    overflow: hidden;
    margin-top: 150px;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(100vw / 1.0);
}
.scroll-infinity__item>img {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 10px;
}

.spTopImage {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    width: 100vw;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	justify-content: space-between;
	z-index: 50;
  position: absolute;
  top: 85px;
  left: 50%;
  transform: translateX(-50%);	
	
}	
	
.spTopImage_inner {
  width: calc((100% - 5px) / 2);

}
	
}

@media only screen and (max-width: 480px) {
.scroll-infinity {
    z-index: 50;
}
.scroll-infinity__wrap {
    display: flex;
    overflow: hidden;
    margin-top: 15vh;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(100vw / 1.5);
}
.scroll-infinity__item>img {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 10px;
}
	
}


/* スライダーのスタイル */
@keyframes infinity-scroll-left2 {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}

.scroll-infinity2 {
    z-index: 50;
}
.scroll-infinity__wrap2 {
    display: flex;
}
.scroll-infinity__list2 {
  display: flex;
  list-style: none;
}
.scroll-infinity__list--left2 {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.scroll-infinity__item2 {
  width: calc(100vw /6);
}
.scroll-infinity__item2>img {
    width: 95%;
    margin-left: 1%;
    margin-right: 1%;
}

@media only screen and (max-width: 1024px) {
.scroll-infinity__item2 {
  width: calc(100vw /3);
}
.scroll-infinity__list--left2 {
  animation: infinity-scroll-left 30s infinite linear 0.5s both;
}		
	
}

@media only screen and (max-width: 480px) {
.scroll-infinity__item2 {
  width: calc(100vw /2);
}
.scroll-infinity__list--left2 {
  animation: infinity-scroll-left 30s infinite linear 0.5s both;
}	
	
}

.topBg001 {
    position: absolute;
    z-index: 0;
    top: 15vh;
    right: 3%;
    width: 20%;
}

.topBg001-2 {
    position: absolute;
    z-index: 0;
    top: 5vh;
    right: 3%;
    width: 80%;
}

.topBg002 {
    position: absolute;
    z-index: 10;
    top:5vh;
    left: 3%;
    width: 20%;
}

.topBg001inner {
    position: absolute;
    z-index: -1;
    top: -30vh;
    right: -10%;
    width: 30vw;
}

.topBg002inner {
    position: absolute;
    z-index: -1;
    top: -20vh;
    left: -8%;
    width: 20vw;
}


.topBg003 {
    width: 100vw;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 0;
}

.topBg004 {
    width: 15vw;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 0;
}

.topBg005 {
    width: 5vw;
    position: absolute;
    top: -55vh;
    right: 3%;
    z-index: 0;
}

.topBg005-2 {
    width: 5vw;
    position: absolute;
    top: 12%;
    right: 3%;
    z-index: 0;
}

.topBg006 {
    width: 20vw;
    position: absolute;
    top: 75%;
    right: -3%;
    z-index: 0;
}

.topBg007 {
    width: 12vw;
    position: absolute;
    top: 40%;
    right: 50%;
    z-index: 0;
}

.topBg008 {
    width: 13vw;
    position: absolute;
    top: -40%;
    left: -1%;
    z-index: 0;
}

.topBg009 {
    width: 15vw;
    position: absolute;
    top: 20%;
    right: -5%;
    z-index: 0;
}

.topBg010 {
    width: 13vw;
    position: absolute;
    top: -20%;
    left: 0%;
    z-index: 0;
}

.topBg010-2 {
    width: 13vw;
    position: absolute;
    top: 30%;
    left: 0%;
    z-index: 0;
}

@media only screen and (max-width: 820px) {
.topBg001 {
    position: absolute;
    z-index: 0;
    top: 25vh;
    right: 3%;
    width: 40%;
}

.topBg001-2 {
    position: absolute;
    z-index: 0;
    top: 5vh;
    right: 3%;
    width: 80%;
}

.topBg002 {
    position: absolute;
    z-index: 10;
    top:15vh;
    left: 3%;
    width: 40%;
}


.topBg003 {
    width: 400vw;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 0;
}

.topBg004 {
    width: 15vw;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 0;
}

.topBg005 {
    width: 15vw;
    position: absolute;
    top: -55vh;
    right: 0px;
    z-index: 0;
}

.topBg006 {
    width: 20vw;
    position: absolute;
    top: 30%;
    right: -3%;
    z-index: 0;
}

.topBg007 {
    width: 12vw;
    position: absolute;
    top: 40%;
    right: 50%;
    z-index: 0;
}

.topBg008 {
    width: 10vw;
    position: absolute;
    top: -40%;
    left: 0%;
    z-index: 0;
}

.topBg009 {
    width: 15vw;
    position: absolute;
    top: 40%;
    right: 0%;
    z-index: 0;
}


.topBg010 {
    width: 13vw;
    position: absolute;
    top: -20%;
    left: 0%;
    z-index: 0;
}
	
	
}


@media only screen and (max-width: 480px) {
.topBg001 {
    position: absolute;
    z-index: 0;
    top: 50vh;
    right: 3%;
    width: 50%;
}

.topBg001-2 {
    position: absolute;
    z-index: 0;
    top: 5vh;
    right: 3%;
    width: 80%;
}

.topBg002 {
    position: absolute;
    z-index: 10;
    top:15vh;
    left: 3%;
    width: 50%;
}

.topBg003 {
    width: 400vw;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 0;
}

.topBg004 {
    width: 15vw;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 0;
}

.topBg005 {
    width: 15vw;
    position: absolute;
    top: -55vh;
    right: 0px;
    z-index: 0;
}

.topBg006 {
    width: 20vw;
    position: absolute;
    top: 30%;
    right: -3%;
    z-index: 0;
}

.topBg007 {
    width: 12vw;
    position: absolute;
    top: 40%;
    right: 50%;
    z-index: 0;
}

.topBg008 {
    width: 30vw;
    position: absolute;
    top: -5%;
    left: 70%;
    z-index: 0;
}

.topBg009 {
    width: 15vw;
    position: absolute;
    top: 40%;
    right: 0%;
    z-index: 0;
}


.topBg010 {
    width: 13vw;
    position: absolute;
    top: -20%;
    left: 0%;
    z-index: 0;
}
	
	
}



.topTomo001 {
    width: 20vw;
    z-index: 50;
    top: 18%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);    
}

.topTomo002-1 {
    width: 25vh;
    position: absolute;
    z-index: 50;
    left: 20%;
    top: 18vh;
}

.topTomo002-2 {
    width: 35vw;
    position: absolute;
    z-index: 50;
    right: 1%;
    top: 30vh;
}

.topTomo002-3 {
    width: 50vw;
    z-index: 50;
    bottom: 3%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);  
}

.topTomo401 {
    width: 120px;
    position: absolute;
    z-index: 50;
    left: 5%;
    top: 13%;
}

.topTomo402 {
    width: 220px;
    position: absolute;
    z-index: 50;
    right: 15%;
    top: 15%;
}

.topTomo403 {
    width: 240px;
    position: absolute;
    z-index: 50;
    right: 20%;
    bottom: 15%;
}

@media only screen and (max-width: 1200px) {
.topTomo001 {
    width: 30vw;
    z-index: 50;
    top: 18%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);    
}

.topTomo002-1 {
    width: 20vh;
    position: absolute;
    z-index: 50;
    left: 20%;
    top: 25vh;
}

.topTomo002-2 {
    width: 30vw;
    position: absolute;
    z-index: 50;
    right: 3%;
    top: 35vh;
}

.topTomo002-3 {
    width: 80vw;
    z-index: 50;
    bottom: 3%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);  
}

.topTomo401 {
    width: 90px;
    position: absolute;
    z-index: 50;
    left: 5%;
    top: 18%;
}

.topTomo402 {
    width: 130px;
    position: absolute;
    z-index: 50;
    right: 2%;
    top: 15%;
}

.topTomo403 {
    width: 150px;
    position: absolute;
    z-index: 50;
    right: 2%;
    bottom: 15%;
}
	
	
	
}

@media only screen and (max-width: 820px) {
.topTomo001 {
    width: 40vw;
    z-index: 50;
    top: 20%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);   
}
    
.topTomo002-1 {
    width: 20vw;
    position: absolute;
    z-index: 50;
    left: 5%;
    bottom: 0%;
    margin-top: -5%;
}

.topTomo002-2 {
    width: 100vw;
    position: absolute;
    z-index: 50;
    right: 0%;
    bottom: 0%;
    margin-top: 35%;
    text-align: center;
}

.topTomo002-3 {
    width: 100vw;
    z-index: 50;
    bottom: 5%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);  
}

.topTomo401 {
    width: 90px;
    position: absolute;
    z-index: 50;
    left: 5%;
    top: 18%;
}

.topTomo402 {
    width: 130px;
    position: absolute;
    z-index: 50;
    right: 2%;
    top: 15%;
}

.topTomo403 {
    width: 150px;
    position: absolute;
    z-index: 50;
    right: 2%;
    bottom: 15%;
}
	
	
	
}


@media only screen and (max-width: 480px) {
.topTomo001 {
    width: 60vw;
    z-index: 50;
    top: 25%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);   
}
    
.topTomo002-1 {
    width: 20vw;
    position: absolute;
    z-index: 50;
    left: 5%;
    bottom: 0%;
    margin-top: -20%;
}

.topTomo002-2 {
    width: 100vw;
    position: absolute;
    z-index: 50;
    right: 0%;
    bottom: 0%;
    margin-top: 65%;
    text-align: center;
}

.topTomo002-3 {
    width: 100vw;
    z-index: 50;
    bottom: 5%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);  
}
    
    
.topTomo401 {
    width: 90px;
    position: absolute;
    z-index: 50;
    left: 5%;
    top: 18%;
}

.topTomo402 {
    width: 130px;
    position: absolute;
    z-index: 50;
    right: 2%;
    top: 15%;
}

.topTomo403 {
    width: 150px;
    position: absolute;
    z-index: 50;
    right: 2%;
    bottom: 15%;
}
	
	
}


@media only screen and (max-width: 375px) {
.topTomo001 {
    width: 50vw;
    z-index: 50;
    top: 20%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);   
}
    
.topTomo002-1 {
    width: 20vw;
    position: absolute;
    z-index: 50;
    left: 5%;
    bottom: 0%;
    margin-top: -5%;
}

.topTomo002-2 {
    width: 100vw;
    position: absolute;
    z-index: 50;
    right: 0%;
    bottom: 0%;
    margin-top: 45%;
    text-align: center;
}

.topTomo002-3 {
    width: 100vw;
    z-index: 50;
    bottom: 5%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);  
}
    
    
.topTomo401 {
    width: 90px;
    position: absolute;
    z-index: 50;
    left: 5%;
    top: 18%;
}

.topTomo402 {
    width: 130px;
    position: absolute;
    z-index: 50;
    right: 2%;
    top: 15%;
}

.topTomo403 {
    width: 150px;
    position: absolute;
    z-index: 50;
    right: 2%;
    bottom: 15%;
}
	
	
}


.topLine01::before {
    position: absolute;
    left: 0px;
    bottom: -10px;
    width: 96%;
    height: 10px;
    transform: skew(-45deg);
    background-image: repeating-linear-gradient(90deg, transparent 0 4px, #ee87b4 4px 8px);
    content: '';
    z-index: -1; 
}


.topLine02 {
    position: relative;
    padding: 0.5rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 5px solid;
    color: #e4007f;
    font-weight: bold;
}

.topLine02:before,
.topLine02:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}

.topLine02:before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: #e4007f;
    margin-left: -16px;
}

.topLine02:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -10px;
}

.topLine03 {
  position: relative;
  padding: 0.25em 1em;
  border-top: solid 2px #e4007f;
  border-bottom: solid 2px #e4007f;
}
.topLine03:before, .topLine03:after {
  content: '';
  position: absolute;
  top: -7px;
  width: 2px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: #e4007f;
}
.topLine03:before {
  left: 7px;
}
.topLine03:after {
  right: 7px;
}

.linkBanner li {
    list-style-type: none;
    display: inline-block;
}

.cat-10 {
    background-color: rgba(240,208,150,0.80);
    margin-left: 1em;
    padding-left: 2em;
    padding-right: 2em;
    font-size: 85%;
}

.cat-11 {
    background-color: rgba(231,165,165,0.80);
    margin-left: 1em;
    padding-left: 1em;
    padding-right: 1em;	
    font-size: 85%;
}

.cat-12 {
    background-color: rgba(161,190,231,0.80);
    margin-left: 1em;
    padding-left: 2em;
    padding-right: 2em;	
    font-size: 85%;
}

.cat-13 {
    background-color: rgba(0,0,0,0.20);
    margin-left: 1em;
    padding-left: 2em;
    padding-right: 2em;	
    font-size: 85%;
}


.comingSoon {
    font-size: 0.6em;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(184,184,184,0.3);
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 250px;
    padding-bottom: 1px;
}

.comingSoon2 {
    font-size: 0.6em;
    background-color: rgba(184,184,184,0.3);
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 250px;
    padding-bottom: 1px;
}

.imgTop01 {
    background-color: rgba(255,255,255,0.90);
    height: 100dvh;
}

.imgTop02 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* スクロールダウンの位置 */
.scroll {
  padding-top: 50px;
  position: relative;
  text-align: center;
    font-size: 1.5em;
}
/* 矢印のアニメーション部分 */
.scroll::after {
  animation: scroll 2s infinite;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  content: "";
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 70px;
  width: 20px;
}
/* 矢印のアニメーション */
@keyframes scroll {
  0% {
    opacity: 0;
    transform: rotate(-45deg) translate(0, 0);
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    transform: rotate(-45deg) translate(-20px, 20px);
  }
  100% {
    opacity: 0;
  }
}

@media only screen and (max-width: 480px) {
.scroll {
  padding-top: 10px;
  position: relative;
  text-align: center;
    font-size: 1.5em;
} 
/* 矢印のアニメーション部分 */
.scroll::after {
  animation: scroll 2s infinite;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  content: "";
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 20px;
  width: 20px;
}
}

.underBar02 {
    border-bottom: thin solid rgba(0,0,0,0.30);
    padding-bottom: 10px;
}

.sake01 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.sake01 dt {
    width: 12%;
    color: rgba(255,255,255,1.00);
    background-color: rgba(0,0,0,0.60);
    text-align: center;
    margin-bottom: 10px;
    font-size: 80%;
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: 400;
    vertical-align: middle;
}

.sake01 dd {
    width: 88%;
    padding-left: 1em;
}

.sake01date {
    padding-top: 5px!important;    
}


.sake00-1 {
    background-color: rgba(255,255,255,0.95);
    padding: 2em ;
}

.sake02-1 {
    color: #FFFFFF; /* 好きな色にする */
    padding: 0.5em 2em;
    letter-spacing: -0.5px;
    position: relative;
    margin-top: 15px;
    font-weight: 500;
    font-size: 1.3em;
    background-color: #613c20;
    transition: background-color 0.2s;
    text-align: center;
}
.sake02-1:hover {
    background-color: #9f8371;
}

.sake02-2 {
    color: #FFFFFF; /* 好きな色にする */
    padding: 0.5em 2em;
    letter-spacing: -0.5px;
    position: relative;
    margin-top: 15px;
    font-weight: 500;
    font-size: 1.3em;
    background-color:  #e4007f;
	transition: background-color 0.2s;
    text-align: center;
}
.sake02-2:hover {
    background-color: #EA7C7C;
}

.sake02-3 {
    color: #FFFFFF; /* 好きな色にする */
    padding: 0.5em 2em;
    letter-spacing: -0.5px;
    position: relative;
    margin-top: 15px;
    font-weight: 500;
    font-size: 1.3em;
    background-color:  rgba(24,24,120,1.00);
	transition: background-color 0.2s;
    text-align: center;

}
.sake02-3:hover {
    background-color:  #f39800;
}


.sake02-4 {
    color: #FFFFFF; /* 好きな色にする */
    padding: 0.5em 2em;
    letter-spacing: -0.5px;
    position: relative;
    margin-top: 15px;
    font-weight: 500;
    font-size: 1.3em;
    background-color: rgba(0,0,0,0.60);
    transition: background-color 0.2s;
    text-align: center;
}
.sake02-4:hover {
    background-color: rgba(0,0,0,0.30);
}


.sake03-1 {
    font-size: 150%;
    margin-left: 0.5em;
}

.sake03-2{
    font-size: 150%;
}

.sake03-3{
    font-size: 150%;
}

.sake04 {

  width: 100%;
}

.sake04 dt {
    color: rgba(255,255,255,1.00);
    background-color: rgba(0,0,0,0.60);
    text-align: center;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
}

.sake04 dd {
    margin-bottom: 30px;
}

.underLine1 {
    border-bottom: 1px solid rgba(0,0,0,0.50);
    display: inline-block;
    padding: 0 30px;
}

@media only screen and (max-width: 480px) {
.sake00-1 {
    background-color: rgba(255,255,255,0.95);
    padding: 0em ;
}
    
.sake01 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.sake01 dt {
    width: 25%;
    color: rgba(255,255,255,1.00);
    background-color: rgba(0,0,0,0.60);
    text-align: center;
    margin-bottom: 5px!important;
    font-size: 80%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 400;
    vertical-align: middle;
}

.sake01 dd {
    width: 100%;
    padding-left: 0em;
    margin-bottom: 30px;
}

.sake01date {
    padding-top: 5px!important;    
}

.full-height {
    height: 100svh;
}
    
.imgTop01 {
    background-color: rgba(255,255,255,0.80);
    height: 100svh;
}

.imgTop02 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
}
    
.comingSoon2 {
    font-size: 0.9em;
    background-color: rgba(184,184,184,0.3);
    padding-left: 2em;
    padding-right: 2em;
    border-radius: 250px;
    padding-bottom: 1px;
}
    
}

.recruitInfoBox01 {
    border: thin dotted rgba(87,87,87,1.00);
    padding: 1em;
}

.recruitInfoBox01 dt {
    display: inline-block;
    width: 6em;
    float: left;
}

.recruitInfoBox01 dd {
    margin-left: 6em;
    margin-bottom: 30px;
}

@media only screen and (max-width: 480px) {
.recruitInfoBox01 {
    border: thin dotted rgba(87,87,87,1.00);
    padding: 0.5em;
}

.recruitInfoBox01 dt {
    display: inline-block;
    width: 6em;
    float: none;
}

.recruitInfoBox01 dd {
    margin-left: 1em;
    margin-bottom: 30px;
    margin-top: 5px;
}  
}


.mapIcon {
    background-color: rgba(70,70,70,1.00);
    color: rgba(255,255,255,1.00);
    padding: 0 10px;
	margin-left: 1em;
}

.infoBorder {
    border: thin solid rgba(0,0,0,0.59);
}

.privacyBox01 {
    border: thin dotted rgba(0,0,0,0.50);
    padding: 0.5em 1em;
    list-style-position: outside;
}

.privacyBox01 li{
    margin-left: 1em;
    line-height: 1.5;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}


.sake001-1 {
    /* [disabled]width: 100vw; */
    position: relative;
    margin-top: -50px;
}

.sake001-2 {
    position: absolute;
    top: -50px;
    left: 0%;

}

.sake001-3 {
    position: absolute;
    top: -50px;
    left: 0%;
}

.sake003-1 {
    position: absolute;
    top: 10%;
    right: 5%;
    animation: floating-y 5s linear infinite;
}

.sake003-2 {
    position: absolute;
    top: 15%;
    right: 15%;
    animation: floating-y 8s linear infinite;
}


.sake003-3 {
    position: absolute;
    top: 20%;
    left: 10%;
    animation: floating-y 12s linear infinite;
}

.sake003-4 {
    position: absolute;
    top: 15%;
    left: 3%;
    animation: floating-y 9s linear infinite;
}

@keyframes floating-y {
  0% {

          opacity:0;
          transform:scale(0.8);
    }
  50% {

          opacity:1;
          transform:scale(0.9);
    }   
  80% {

          opacity:0;
          transform:scale(0.95);
    }     
  100% {

          opacity:0;
          transform:scale(1);
    }         
}


.sake004-1{
    position: relative;
    margin-left: 50px;
    z-index: 30;
}

.sake004-2{
    position: relative;
    margin-left: 50px;
    margin-top: -30px;
    z-index: 20;
}

.sake004-3{
    position: relative;
    margin-left: 50px;
    margin-top: -30px;
    z-index: 10;
}

.sake005-1 {
    position: relative;
}

.sake005-2 {
    position: absolute;
    bottom: -15%;
    right: -15%;
    width: 37%;
}

.sake006 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0;
    font-size:clamp( 0.7rem, calc( -0.30000000000000027rem + 160.00000000000003vw ), 1.3rem );
}

.sake006 dt {
    width: 60%;
    margin-bottom: 10px;
    text-align: left;
    padding-left: 1em;
}

.sake006 dd {
  width: 40%;
  margin-bottom: 10px;
    font-weight: 700;
}


.sake007 {
    border: thin solid rgba(0,0,0,0.74);
    display: inline-block;
    text-align: left;
    font-size: 80%;
    margin-left: 1em;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 5px;
}

.event-Flexbox{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    flex-wrap:wrap;
}

.event-Flexbox-inner {
    width: 32%;
    height: auto;
    border: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    padding: 10px;
    box-sizing: border-box;/*余白を設定*/
    margin-bottom: 30px;
}

.event-Flexbox-inner-title{
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
    border-bottom: thin solid rgba(0,0,0,0.3);
    margin-top: 10px;
    margin-bottom: 0px; 
    padding-bottom: 10px;
}

.event-Flexbox-inner-img{
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.event-Flexbox-inner-text{
    width: 100%;
    flex-grow: 1;
    font-size: 1.0rem;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.5;
    text-align: justify;
    border-top: thin solid rgba(0,0,0,0.3);
    border-bottom: thin solid rgba(0,0,0,0.3);
    padding-top: 15px;
    font-weight: 500;
    letter-spacing: -0.8px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.event-Flexbox-inner-text2{
    width: 100%;
    flex-grow: 1;
    font-size: 1.0rem;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.5;
    text-align: justify;
    border-bottom: thin solid rgba(0,0,0,0.3);
    padding-top: 0px;
    font-weight: 500;
    letter-spacing: -0.8px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;    
}

.event-Flexbox-inner-text3{
    width: 100%;
    font-weight: 700;
    font-size: 0.8rem;
    margin-top: 10px;
    margin-bottom: 0;
}

.event-Flexbox-inner-pin {
    position: absolute;
    right: 45%;
    top: -10px;
    width: 20px;
}

@media only screen and (max-width: 480px) {
.sake001-1 {
    /* [disabled]width: 100vw; */
    position: relative;
    margin-top: 55%;
	width: 150%;
	margin-left: -25%;
}

.sake001-2 {
    position: absolute;
    top: 0px;
    left: 0%;
	width: 150%;
	margin-left: -25%;
    margin-top: 55%;
}

.sake001-3 {
    position: absolute;
    top: 0px;
    left: 0%;
	width: 150%;
	margin-left: -25%;
    margin-top: 55%;
}

.sake003-1 {
    position: absolute;
    top: 3%;
    right: 5%;
    animation: floating-y 5s linear infinite;
	width: 12%;
}

.sake003-2 {
    position: absolute;
    top: 15%;
    right: 5%;
    animation: floating-y 8s linear infinite;
	width: 20%;
}


.sake003-3 {
    position: absolute;
    top: 15%;
    left: 5%;
    animation: floating-y 12s linear infinite;
	width: 30%;
}

.sake003-4 {
    position: absolute;
    top: 3%;
    left: 5%;
    animation: floating-y 9s linear infinite;
	width: 12%;
}	
	
	
.sake004-1{
    position: relative;
    margin-left: 0px;
    z-index: 30;
    margin-top: 5%;
}

.sake004-2{
    position: relative;
    margin-left: 0px;
    margin-top: -30px;
    z-index: 20;
}

.sake004-3{
    position: relative;
    margin-left: 0px;
    margin-top: -30px;
    z-index: 10;
}

.sake005-1 {
    position: relative;
}

.sake005-2 {
    position: absolute;
    bottom: -15%;
    right: -15%;
    width: 37%;
}
    
.sake006 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0;
    font-size: 1.3em;
}

.sake006 dt {
    width: 100%;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 1em;
}

.sake006 dd {
    width: 100%;
    margin-bottom: 15px;
    font-weight: 700;
    text-align: right;
    border-bottom: thin solid rgba(0,0,0,0.47);
}

.sake007 {
    border: thin solid rgba(0,0,0,0.74);
    display: inline-block;
    text-align: left;
    font-size: 80%;
    margin-left: 1em;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 5px;
}
        
.sake008 {
    height: 100vh;
    margin-bottom: -25%;
}
    
.event-Flexbox{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    flex-wrap:wrap;
}

.event-Flexbox-inner {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    padding: 10px;
    box-sizing: border-box;/*余白を設定*/
    margin-bottom: 30px;
}

.event-Flexbox-inner-title{
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
    border-bottom: thin solid rgba(0,0,0,0.3);
    margin-top: 10px;
    margin-bottom: 0px; 
    padding-bottom: 10px;
}

.event-Flexbox-inner-img{
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.event-Flexbox-inner-text{
    width: 100%;
    flex-grow: 1;
    font-size: 1.0rem;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.5;
    text-align: justify;
    border-top: thin solid rgba(0,0,0,0.3);
    border-bottom: thin solid rgba(0,0,0,0.3);
    padding-top: 15px;
    font-weight: 500;
    letter-spacing: -0.8px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.event-Flexbox-inner-text2{
    width: 100%;
    flex-grow: 1;
    font-size: 1.0rem;
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.5;
    text-align: justify;
    border-bottom: thin solid rgba(0,0,0,0.3);
    padding-top: 0px;
    font-weight: 500;
    letter-spacing: -0.8px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;    
}

.event-Flexbox-inner-text3{
    width: 100%;
    font-weight: 700;
    font-size: 0.8rem;
    margin-top: 10px;
    margin-bottom: 0;
}

.event-Flexbox-inner-pin {
    position: absolute;
    right: 45%;
    top: -10px;
    width: 20px;
}   
    
	
}

@media only screen and (max-width: 375px) {
.sake001-1 {
    /* [disabled]width: 100vw; */
    position: relative;
    margin-top: 40%;
	width: 130%;
	margin-left: -15%;
}

.sake001-2 {
    position: absolute;
    top: 0px;
    left: 0%;
	width: 130%;
	margin-left: -15%;
    margin-top: 40%;
}

.sake001-3 {
    position: absolute;
    top: 0px;
    left: 0%;
	width: 130%;
	margin-left: -15%;
    margin-top: 40%;
}

.sake003-1 {
    position: absolute;
    top: 3%;
    right: 5%;
    animation: floating-y 5s linear infinite;
	width: 10%;
}

.sake003-2 {
    position: absolute;
    top: 12%;
    right: 5%;
    animation: floating-y 8s linear infinite;
	width: 18%;
}


.sake003-3 {
    position: absolute;
    top: 12%;
    left: 5%;
    animation: floating-y 12s linear infinite;
	width: 28%;
}

.sake003-4 {
    position: absolute;
    top: 3%;
    left: 5%;
    animation: floating-y 9s linear infinite;
	width: 10%;
}	
    
.sake008 {
    height: 100vh;
    margin-bottom: -20%;
}
}