@font-face {
  font-family: 'icomoon';
   font-display: swap;
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "FontAwesome";
  font-display: swap;
  src: url('../fonts/fontawesome/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome/fontawesome-webfont.eot?#iefix') format('eot'),
       url('../fonts/fontawesome/fontawesome-webfont.woff') format('woff'),
       url('../fonts/fontawesome/fontawesome-webfont.ttf') format('truetype'),
       url('../fonts/fontawesome/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(http://fonts.googleapis.com/earlyaccess/hannari.css);

/* =======================================================
*
* 	Template Style 
*	Edit this section
*
* ======================================================= */
body {
  font-family: "Hannari","Noto Sans Japanese", "Meiryo UI", "メイリオ","Roboto", Arial, sans-serif;
  font-display: swap;
  font-weight: 300;
  font-size: 1.6em;
  line-height:2.4;
  color: rgba(0,0,10,0.8);
}
@media screen and (max-width: 992px) {
  body {
	font-size: 1.4em;
	font-weight: normal;
  }
}

a {
  color: #1D3C58;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover, a:active, a:focus {
	color: #CC9900;
	outline: none;
	vertical-align: bottom;
}

p {
  margin-bottom: 1.5em;
}


ol li{
	margin:20px 20% 20px 5%;
	line-height:2.0em;
	font-size:0.9em;
}
ol li span {
	display:block;
	font-weight:bold
}

h1, h2, h3, h4, h5, h6 {
	color: #666;
	font-family: "Merriweather", Times, serif,"Noto Sans Japanese", "Meiryo UI", "メイリオ";
	font-weight: 800;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
}

figure {
	margin-bottom: 2em;
	float: left;
	width: 100%;
}
figure figcaption {
	font-size: 16px;
	width: auto;
	color: #666666;
	font-style: normal;
	font-family: "Merriweather", Times, serif, "Noto Sans Japanese", "Meiryo UI", "メイリオ",;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
@media screen and (max-width: 480px) {
  figure figcaption {
    width: 100%;	
  }  
}

::-webkit-selection {
  color: #fff;
  background: #1D3C58;
}

::-moz-selection {
  color: #fff;
  background: #1D3C58;
}

::selection {
  color: #fff;
  background: #1D3C58;
}

#ehanjyo-page {
	width: 100%;
	overflow: auto;
	position: relative;
	display:inline;
}

#ehanjyo-aside {
	height:100%;
  padding-top: 40px;
  padding-bottom: 40px;
  width: 15%;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y:auto;
  background: #D9D9F9;
  z-index: 1001;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#ehanjyo-aside.border {
	border-right: 1px solid #e6e6e6;
	background-color: #D9D9F9;
}
@media screen and (max-width: 1200px) {
  #ehanjyo-aside {
    width: 20%;
  }
}
@media screen and (max-width: 768px) {
  #ehanjyo-aside {
    width: 270px;
    -moz-transform: translateX(-270px);
    -webkit-transform: translateX(-270px);
    -ms-transform: translateX(-270px);
    -o-transform: translateX(-270px);
    transform: translateX(-270px);
  }
}
#ehanjyo-aside #ehanjyo-logo {
  text-align: center;
}
#ehanjyo-aside #ehanjyo-main-menu ul {
  text-align: center;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  #ehanjyo-aside #ehanjyo-main-menu ul {
    margin: 0 0 2em 0;
  }
}
#ehanjyo-aside #ehanjyo-main-menu ul li {
  margin: 0 0 8px 0;
  padding: 0;
  list-style: none;
}
#ehanjyo-aside #ehanjyo-main-menu ul li a {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 300;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 10px 10px;
  letter-spacing: .2em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif"Merriweather", Times, serif;
}
#ehanjyo-aside #ehanjyo-main-menu ul li a:after {
  content: "";
  position: absolute;
  height: 2px;
  bottom: 7px;
  left: 10px;
  right: 10px;
  background-color: #1D3C58;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#ehanjyo-aside #ehanjyo-main-menu ul li a:hover {
	color: #003366;
	font-weight: bold;
}
#ehanjyo-aside #ehanjyo-main-menu ul li a:hover:after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
#ehanjyo-aside #ehanjyo-main-menu ul li.ehanjyo-active a {
	color: #003366;
}
#ehanjyo-aside #ehanjyo-main-menu ul li.ehanjyo-active a:after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
#ehanjyo-aside .ehanjyo-footer {
	position: static;
	margin: 30px 0 0 0;
	bottom: 40px;
	font-size: 14px;
	text-align: center;
	width: 100%;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 768px) {
  #ehanjyo-aside .ehanjyo-footer {
    position: relative;
    bottom: 0;
  }
}
#ehanjyo-aside .ehanjyo-footer span {
  display: block;
}
#ehanjyo-aside .ehanjyo-footer ul {
  padding: 0;
  margin: 0;
  text-align: center;
}
#ehanjyo-aside .ehanjyo-footer ul li {
  padding: 0;
  margin: 0;
  display: inline-block;
  list-style: none;
}
#ehanjyo-aside .ehanjyo-footer ul li a {
  color: rgba(0, 0, 0, 0.7);
  padding: 4px;
}
#ehanjyo-aside .ehanjyo-footer ul li a:hover, #ehanjyo-aside .ehanjyo-footer ul li a:active, #ehanjyo-aside .ehanjyo-footer ul li a:focus {
  text-decoration: none;
  outline: none;
  color: #1D3C58;
}

#ehanjyo-main {
  width: 80%;
  margin:0 auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 1200px) {
  #ehanjyo-main {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  #ehanjyo-main {
    width: 100%;
  }
}
#ehanjyo-main .ehanjyo-narrow-content {
  position: relative;
  width: 85%;
  margin: 0 auto;
  padding: 4em 0;
}
@media screen and (max-width: 768px) {
  #ehanjyo-main .ehanjyo-narrow-content {
	width: 100%;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
  }
}

.ehanjyo-gallery {
  position: relative;
  margin-bottom: 7em;
  float: left;
  width: 100%;
}

.ehanjyo-gallery .gallery-item {
  width: 25%;
  position: relative;
  overflow: hidden;
  display: block;
  float: left;
  z-index: 110;
}

.ehanjyo-gallery .gallery-item img {
  position: relative;
  max-width: 100%;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: 0.9s;
  -o-transition: 0.9s;
  transition: 0.9s;
}
@media screen and (max-width: 1200px) {
  .ehanjyo-gallery .gallery-item {
    width: 33.3333%;
  }
}
@media screen and (max-width: 768px) {
  .ehanjyo-gallery .gallery-item {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .ehanjyo-gallery .gallery-item {
    width: 100%;
  }
}
.ehanjyo-gallery .gallery-item .overlay {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  z-index: 11;
  vertical-align: middle;
  padding-top: 20%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.ehanjyo-gallery .gallery-item .overlay h2, .ehanjyo-gallery .gallery-item .overlay span {
  position: relative;
  z-index: 12;
  margin-bottom: 0;
  text-align: center;
  display: block;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.ehanjyo-gallery .gallery-item .overlay h2 {
  color: #fff;
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 10px;
  bottom: -15px;
}
@media screen and (max-width: 768px) {
  .ehanjyo-gallery .gallery-item .overlay h2 {
    font-size: 18px;
  }
}
.ehanjyo-gallery .gallery-item .overlay span {
  color: #1D3C58;
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 400;
  bottom: -100px;
  visibility: hidden;
  opacity: 0;
}
.ehanjyo-gallery .gallery-item .overlay:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}
.ehanjyo-gallery .gallery-item:hover img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ehanjyo-gallery .gallery-item:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.ehanjyo-gallery .gallery-item:hover .overlay:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}
.ehanjyo-gallery .gallery-item:hover .overlay h2 {
  bottom: 0px;
}
.ehanjyo-gallery .gallery-item:hover .overlay span {
  visibility: visible;
  opacity: 1;
  bottom: 0px;
}

body.offcanvas {
  overflow-x: hidden;
}
body.offcanvas #ehanjyo-aside {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  width: 270px;
  background: #fff;
  z-index: 999;
  position: fixed;
}
body.offcanvas #ehanjyo-main, body.offcanvas .ehanjyo-nav-toggle {
  top: 0;
  -moz-transform: translateX(270px);
  -webkit-transform: translateX(270px);
  -ms-transform: translateX(270px);
  -o-transform: translateX(270px);
  transform: translateX(270px);
}

.ehanjyo-services {
  margin-top: 5px;
}
.ehanjyo-services ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.work-pagination {
  padding: 3em 0;
}
.work-pagination a {
  color: #000;
}
.work-pagination a:hover {
  color: #1D3C58;
  text-decoration: none;
}
@media screen and (max-width: 480px) {
  .work-pagination span {
    display: none;
  }
}

.ehanjyo-border-bottom {
  border-bottom: 1px solid #f0f0f0;
}

.ehanjyo-testimonial {
  padding: 3em 0;
  background: #1D3C58;
  position: relative;
}
@media screen and (max-width: 768px) {
  .ehanjyo-testimonial {
    padding: 3em 0;
  }
}
.ehanjyo-testimonial .item {
  color: white;
  padding-left: 3em;
  padding-right: 3em;
}
@media screen and (max-width: 768px) {
  .ehanjyo-testimonial .item {
    padding-left: 0em;
    padding-right: 0em;
  }
}
.ehanjyo-testimonial .item figure {
  text-align: center;
}
.ehanjyo-testimonial .item figure img {
  max-width: inherit;
  width: 90px;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.ehanjyo-testimonial .item p {
  font-size: 30px;
}
@media screen and (max-width: 768px) {
  .ehanjyo-testimonial .item p {
    font-size: 28px;
  }
}
@media screen and (max-width: 480px) {
  .ehanjyo-testimonial .item p {
    font-size: 20px;
  }
}
.ehanjyo-testimonial .item .author {
  font-size: 16px;
  display: block;
}

.ehanjyo-counters {
  padding: 1em 0;
  background: #e6e6e6;
  background-size: cover;
  background-attachment: fixed;
}
.ehanjyo-counters .ehanjyo-counter {
  font-size: 50px;
  display: block;
  color: #fff;
  font-family: "Roboto", Arial, sans-serif;
  width: 100%;
  font-weight: 700;
  margin-bottom: .5em;
}
.ehanjyo-counters .ehanjyo-counter-label {
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-family: "Merriweather", Times, serif;
  letter-spacing: 5px;
  margin-bottom: 2em;
  display: block;
}

.ehanjyo-lead {
	font-size: 30px;
	line-height: 1.5;
}

.ehanjyo-heading-colored {
	color: #666666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ehanjyo-cards {
  padding: 1em 0;
  background: #e6e6e6;
}
@media screen and (max-width: 768px) {
  .ehanjyo-cards {
    padding: 1em 0;
  }
}
.ehanjyo-cards .ehanjyo-flex-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
}
.ehanjyo-cards .ehanjyo-flex-wrap > div {
  width: 49.5%;
  margin-right: 1%;
  background: #fff;
  padding: 30px;
  margin-bottom: 10px;
}
.ehanjyo-cards .ehanjyo-flex-wrap > div:nth-of-type(1) {
  float: left;
}
.ehanjyo-cards .ehanjyo-flex-wrap > div:nth-of-type(2) {
  float: right;
  margin-right: 0%;
}
@media screen and (max-width: 992px) {
  .ehanjyo-cards .ehanjyo-flex-wrap > div {
    width: 100%;
    margin-right: 0;
  }
}
.ehanjyo-cards .ehanjyo-flex-wrap .ehanjyo-card p:last-child {
  margin-bottom: 0;
}
.ehanjyo-cards .ehanjyo-flex-wrap .ehanjyo-card h5 {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .2em;
  padding: 4px 8px;
  background: #ebebeb;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.ehanjyo-counter .ehanjyo-number {
  font-size: 100px;
  color: #1D3C58;
  font-weight: 400;
  margin: 0;
  padding: 0;
  line-height: .7;
}
.ehanjyo-counter .ehanjyo-number.ehanjyo-left {
  float: left;
  width: 30%;
}
@media screen and (max-width: 768px) {
  .ehanjyo-counter .ehanjyo-number.ehanjyo-left {
    width: 100%;
    line-height: 1.2;
  }
}
.ehanjyo-counter .ehanjyo-text {
  float: right;
  text-align: left;
  width: 70%;
}
@media screen and (max-width: 768px) {
  .ehanjyo-counter .ehanjyo-text {
    width: 100%;
    text-align: center;
  }
}
.ehanjyo-counter .ehanjyo-text h3 {
  margin: 0;
  padding: 0;
  position: relative;
}
.ehanjyo-counter .ehanjyo-text h3.border-bottom:after {
  content: "";
  width: 50px;
}

.ehanjyo-social {
  padding: 0;
  margin: 0;
  text-align: center;
}
.ehanjyo-social li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.ehanjyo-social li a {
  font-size: 22px;
  color: #000;
  padding: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}
@media screen and (max-width: 768px) {
  .ehanjyo-social li a {
    padding: 10px 8px;
  }
}
.ehanjyo-social li a:hover {
  color: #1D3C58;
}
.ehanjyo-social li a:hover, .ehanjyo-social li a:active, .ehanjyo-social li a:focus {
  outline: none;
  text-decoration: none;
  color: #1D3C58;
}

#map {
  width: 100%;
  height: 700px;
}
@media screen and (max-width: 768px) {
  #map {
    height: 200px;
  }
}

.ehanjyo-more-contact {
  background: #fafafa;
}

.ehanjyo-feature {
  text-align: left;
  width: 100%;
  float: left;
  padding: 20px;
}
.ehanjyo-feature .ehanjyo-icon {
  float: left;
  width: 10%;
  display: block;
  margin-top: 5px;
}
.ehanjyo-feature .ehanjyo-icon i {
  color: #1D3C58;
  font-size: 70px;
}
@media screen and (max-width: 1200px) {
  .ehanjyo-feature .ehanjyo-icon i {
    font-size: 40px;
  }
}
.ehanjyo-feature.ehanjyo-feature-sm .ehanjyo-icon i {
  color: #1D3C58;
  font-size: 28px;
}
@media screen and (max-width: 1200px) {
  .ehanjyo-feature.ehanjyo-feature-sm .ehanjyo-icon i {
    font-size: 28px;
  }
}
.ehanjyo-feature .ehanjyo-text {
  float: right;
  width: 80%;
}
@media screen and (max-width: 768px) {
  .ehanjyo-feature .ehanjyo-text {
    width: 82%;
  }
}
@media screen and (max-width: 480px) {
  .ehanjyo-feature .ehanjyo-text {
    width: 72%;
  }
}
.ehanjyo-feature .ehanjyo-text h2, .ehanjyo-feature .ehanjyo-text h3 {
  margin: 0;
  padding: 0;
}
.ehanjyo-feature .ehanjyo-text h3 {
  font-weight: 300;
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.ehanjyo-heading {
  font-size: 1.4em;
  padding-top:1.0em;
  color: #003366;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.ehanjyo-heading-s {
	font-size: 1.2em;
	margin-bottom: 1em;
	color:#666666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ehanjyo-heading.ehanjyo-light {
  color: #fff;
}
.ehanjyo-heading span {
  display: block;
}
@media screen and (max-width: 768px) {
.ehanjyo-heading {
	font-size: 1.4em;
	margin-bottom: 1em;
	padding-top: 0.5em;
  }
}
@media screen and (max-width: 480px) {
  .ehanjyo-heading {
	font-size: 1.3em;
	margin-bottom:0.5em;
	padding-top: 0.4em;
  }
}

.ehanjyo-staff img {
  margin-bottom: 1.5em;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}
.ehanjyo-staff h3 {
  margin: 0 0 10px 0;
}
.ehanjyo-staff h4 {
  margin: 0 0 20px 0;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.4);
}

.chart {
  width: 160px;
  height: 160px;
  margin: 0 auto 30px auto;
  position: relative;
  text-align: center;
}
.chart span {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -30px;
  width: 100%;
}
.chart span strong {
  display: block;
}
.chart canvas {
  position: absolute;
  left: 0;
  top: 0;
}

/* Owl Override Style */
.owl-carousel .owl-controls,
.owl-carousel-posts .owl-controls {
  margin-top: 0;
}

.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel-posts .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
  top: 50%;
  margin-top: -29px;
  z-index: 9999;
  position: absolute;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
  top: 24%;
}

.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-next {
  right: -40px;
}
.owl-carousel .owl-controls .owl-nav .owl-next:hover,
.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover {
  margin-right: -10px;
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
  left: -40px;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover {
  margin-left: -10px;
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next {
  right: -50px;
}
@media screen and (max-width: 768px) {
  .owl-carousel-posts .owl-controls .owl-nav .owl-next {
    right: 0px;
  }
}

.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
  left: -50px;
}
@media screen and (max-width: 768px) {
  .owl-carousel-posts .owl-controls .owl-nav .owl-prev {
    left: 0px;
  }
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next i,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev i {
  color: #444;
}
.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover i {
  color: #000;
}

.owl-carousel-fullwidth.ehanjyo-light-arrow .owl-controls .owl-nav .owl-next i,
.owl-carousel-fullwidth.ehanjyo-light-arrow .owl-controls .owl-nav .owl-prev i {
  color: #fff;
}
.owl-carousel-fullwidth.ehanjyo-light-arrow .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-fullwidth.ehanjyo-light-arrow .owl-controls .owl-nav .owl-prev:hover i {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .owl-theme .owl-controls .owl-nav {
    display: none;
  }
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
  background: none !important;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] i {
  font-size: 30px;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] i:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"] i:focus {
  background: none !important;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"]:focus {
  background: none !important;
}

.owl-theme .owl-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.owl-carousel-fullwidth.owl-theme .owl-dots {
  bottom: 0;
  margin-bottom: -2.5em;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: #fff;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  border: 3px solid transparent;
}
.owl-theme .owl-dots .owl-dot span:hover {
  background: none;
  border: 3px solid #1D3C58;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: transparent;
  height: 10px;
  border: 2px solid #fff;
}

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 8px 20px !important;
}
.btn.btn-sm {
  padding: 4px 15px !important;
}
.btn.btn-md {
  padding: 8px 20px !important;
}
.btn.btn-lg {
  padding: 18px 36px !important;
}
.btn:hover, .btn:active, .btn:focus {
  box-shadow: none !important;
  outline: none !important;
}

.btn-primary {
  background: #1D3C58;
  color: #fff;
  border: 2px solid #1D3C58;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #32689a !important;
  border-color: #32689a !important;
}
.btn-primary.btn-outline {
	background: transparent;
	color: #1D3C58;
	border: 2px solid #1D3C58;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
  background: #1D3C58;
  color: #fff;
}

.btn-success {
  background: #5cb85c;
  color: #fff;
  border: 2px solid #5cb85c;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background: #4cae4c !important;
  border-color: #4cae4c !important;
}
.btn-success.btn-outline {
  background: transparent;
  color: #5cb85c;
  border: 2px solid #5cb85c;
}
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
  background: #5cb85c;
  color: #fff;
}

.btn-info {
  background: #5bc0de;
  color: #fff;
  border: 2px solid #5bc0de;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
  background: #46b8da !important;
  border-color: #46b8da !important;
}
.btn-info.btn-outline {
  background: transparent;
  color: #5bc0de;
  border: 2px solid #5bc0de;
}
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
  background: #5bc0de;
  color: #fff;
}

.btn-warning {
  background: #f0ad4e;
  color: #fff;
  border: 2px solid #f0ad4e;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  background: #eea236 !important;
  border-color: #eea236 !important;
}
.btn-warning.btn-outline {
  background: transparent;
  color: #f0ad4e;
  border: 2px solid #f0ad4e;
}
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
  background: #f0ad4e;
  color: #fff;
}

.btn-danger {
  background: #d9534f;
  color: #fff;
  border: 2px solid #d9534f;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background: #d43f3a !important;
  border-color: #d43f3a !important;
}
.btn-danger.btn-outline {
  background: transparent;
  color: #d9534f;
  border: 2px solid #d9534f;
}
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
  background: #d9534f;
  color: #fff;
}

.btn-outline {
  background: none;
  border: 2px solid gray;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  box-shadow: none;
}

.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 54px;
  font-size: 18px;
  font-weight: 300;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}
.form-control:active, .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #1D3C58;
}

#message {
  height: 130px;
}

.ehanjyo-nav-toggle {
  cursor: pointer;
  text-decoration: none;
}
.ehanjyo-nav-toggle.active i::before, .ehanjyo-nav-toggle.active i::after {
  background: #000;
}
.ehanjyo-nav-toggle.dark.active i::before, .ehanjyo-nav-toggle.dark.active i::after {
  background: #000;
}
.ehanjyo-nav-toggle:hover, .ehanjyo-nav-toggle:focus, .ehanjyo-nav-toggle:active {
  outline: none;
  border-bottom: none !important;
}
.ehanjyo-nav-toggle i {
  position: relative;
  display: -moz-inline-stack;
  /**display: inline-block;**/
  display: inline;
  zoom: 1;
  *display: inline;
  width: 30px;
  height: 2px;
  color: #000;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #000;
  transition: all .2s ease-out;
}
.ehanjyo-nav-toggle i::before, .ehanjyo-nav-toggle i::after {
  content: '';
  width: 30px;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.ehanjyo-nav-toggle.dark i {
  position: relative;
  color: #000;
  background: #000;
  transition: all .2s ease-out;
}
.ehanjyo-nav-toggle.dark i::before, .ehanjyo-nav-toggle.dark i::after {
  background: #000;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.ehanjyo-nav-toggle i::before {
  top: -7px;
}

.ehanjyo-nav-toggle i::after {
  bottom: -7px;
}

.ehanjyo-nav-toggle:hover i::before {
  top: -10px;
}

.ehanjyo-nav-toggle:hover i::after {
  bottom: -10px;
}

.ehanjyo-nav-toggle.active i {
  background: transparent;
}

.ehanjyo-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.ehanjyo-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.ehanjyo-nav-toggle {
  position: fixed;
  left: 0;
  top: 0px;
  z-index: 9999;
  cursor: pointer;
  opacity: 1;
  visibility: hidden;
  padding: 20px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .ehanjyo-nav-toggle {
    opacity: 1;
    visibility: visible;
  }
}

@media screen and (max-width: 480px) {
  .col-xxs-12 {
    float: none;
    width: 100%;
  }
}

.row-bottom-padded-lg {
  padding-bottom: 7em;
}
@media screen and (max-width: 768px) {
  .row-bottom-padded-lg {
    padding-bottom: 1em;
  }
}

.row-bottom-padded-md {
  padding-bottom: 4em;
}
@media screen and (max-width: 768px) {
  .row-bottom-padded-md {
    padding-bottom: 1em;
  }
}

.row-bottom-padded-sm {
  padding-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .row-bottom-padded-sm {
    padding-bottom: 1em;
  }
}

.js .animate-box {
  opacity: 0;
}

/*# sourceMappingURL=style.css.map */

#slider {
	padding: 0px;
	height: auto;
	width: 100%;

	max-height:;
	margin: 0px;
	text-align: center;
	max-height: 70%;
	min-height: 30%;
}
@media screen and (max-width: 768px) {
	#slider {
		margin-left:-20px;
		min-height: 35%;
}
}

.gallery-shadowbox {
	/*box-shadow*/
    box-shadow: 5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;
	-moz-box-shadow: 5px 5px 10px #000;
	/*ボックスのデザイン*/
    padding:3px;
	border:1px solid #ccc;
	text-align:center;
}

hr {
height: 3px;
background-color: #dddddd;
border: none;
color: #dddddd;
width: 90%;
}

.expand img:hover{
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: scale(1.1);
	vertical-align: bottom;
}

.footer {
	font-size:1em;
	line-height:2.0em;
	padding:50px 0 50px 50px;
}
.footer a {
	color:#FFFFFF;
}

.footer a:visited {
	color: #EDFFD5;
}

.footer a:hover, a:active, a:focus {
	color:#1D3C58;
	display: inline;
}


.table td p,
  .table th p {
	  margin:15px;
  }
  
.reverth {
	background-color:#555555;
	color:#FFFFFF;
	font-weight:bold;
}


#pagetop {
    position:fixed;
    right:20px;
    bottom:20px;
    cursor:pointer;
	z-index:20000;
}


/* =======================================================
* 	右上FLAG 
* ======================================================= */
	
.flag {
	padding: 0;
	margin: 0;
	list-style: none;
	float: right;
	position: absolute;
	top: 0;
	right: 76px;
	z-index: 11;
	position:fixed
}
.flag li {
	display: block;
	float: left;
	width: 93px;
	margin-left: 4px;
	text-align: center;
	position: relative;
}
.flag li:first-child a {
	background-color: #333;
}
.flag li:first-child em {
	background: url(../images/tr1.png) 0 bottom no-repeat;
}
.flag a {
	font: italic bold 21px 'Lato';
	color: #ffffff;
	background: #ff9306;
	display: block;
	padding: 31px 0 22px 0;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.flag a:hover {
	color: #5c5c5c;
}
.flag em {
	background: url(../images/tr2.png) 0 bottom no-repeat;
	width: 100%;
	height: 32px;
	position: absolute;
	bottom: -32px;
	left: 0;
}
/* =======================================================
* 	ASK 
* ======================================================= */

#ask {
	position:fixed;
	right:50px;
	top:100px;
	cursor:pointer;
	z-index:20000;
}
@media screen and (max-width: 768px) {
	#ask {
	position:fixed;
	right:30px;
	top:60px;
	cursor:pointer;
	z-index:30000;
}
	#ask img{
		max-width:50px;
		height:auto;
}
}
@media screen and (max-width: 480px) {
	#ask {
	position:fixed;
	right:30px;
	top:40px;
	cursor:pointer;
	z-index:30000;
}
	#ask img{
		max-width:50px;
		height:auto;
}
}
@media screen and (max-width: 480px) {
	#slider {
		width: 120%;
		margin-left: -10%;
		margin-left: calc(-50vw + 30%);
		margin-right: calc(-50vw + 30%);
		margin-bottom: -60px;
}
	.slider img {
    width: 120%;
	margin-left: -10%;
    height: 50vw;
    object-fit: cover;
}
	}
/*@media screen and (max-width: 480px) {
	#slider {
		display:none;
}
}*/
/* =======================================================
* 	oldsite css 
* ======================================================= */
.process {
	color: #036;
	font-weight:800;
	padding: 10px;
	background-color: #CCC;
	border: thin outset #CCC;
	line-height: 1.8em;
}

.process1 {
	color: #ffffff;
	font-weight:800;
	padding: 10px;
	background-color: #CC0033;
	border: thin outset #CCC;
	line-height: 1.8em;
}

.process-top {
	color: #CCFFFF;
	padding: 5px 10px 5px 20px;
	background-color: #333333;
	border: thin outset #333333;
	line-height: 1.6em;
	position:relative;
	display:inline-block;
	text-align:center;
	width: 90%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: relative;
	margin:0 auto;
	margin-bottom:30px;
	font-weight: 400;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
}

.process-s {
	background-color: #FFF;
	color: #333;
	border: thin inset #CCC;
	padding: 10% 10% 0 10%;
}
.process-s-top {
	background-color: #FFF;
	color: #333;
}
.pr-1 {
	border-bottom-style: dotted;
	line-height:2.2em;
}
.pr-1-b {
	font-weight:800;
	border-bottom-style: dotted;
	line-height:2.4em;
}
.large{
	font-size:larger;
}

.process-ct {
	text-align: center;
}
.border-bottom-dotted {
	border-bottom-style:dotted;
}
/* =======================================================
* 	readmore-box  css 
* ======================================================= 
.readmore-button-box {
   background-image: linear-gradient( 180deg, rgba(255,255,255,0.5), white );  /* 上から下へ：[白色半透明]から[白色]へグラデーション */
   padding-top: 4.5em;   /* ボタンの上側でグラデーションを見せる距離(長さ) */
   margin-top:  -6.5em;   /* ボックスを下側に重ねる距離(長さ)値が‐の場合、上に重なる */
   position: relative;   /* ボックス全体を上に重ねるために必要 */
}

.readmore-button-box a {
	background: #ffffff;
  color: #1D3C58;
  border: 2px solid #1D3C58;
  margin-right: 4px;
  margin-bottom: 4px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 8px 20px !important;
}
.readmore-button-box a:hover {
   background-color: #336699;   /* ボタンにマウスが乗ったら明るい青色に変化 */
   color:#FFFFFF;
}


/* =======================================================
* 	SHADOW  css 
* ======================================================= */
.text-shadow {
	text-shadow:1px 1px 3px #666;
}
.box-shadow {
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	-ms-box-shadow: 1px 1px 3px #000;
	-o--box-shadow:1px 1px 3px #000;
}
/* =======================================================
* 	box-center  css 
* ======================================================= */
.parent{
    border: 1px solid #aaa;
    position: relative;
    height: 200px;
    width: 300px;
}
.inner{
	position:relative;
	display:inline-block;
	width: 80%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: relative;
	margin: auto;
	padding:10px 0 10px 20px;
}

.inner-w{
	position:relative;
	display:inline-block;
	width: 90%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: relative;
	margin: auto;
	padding:15px 0 15px 0px;
}

@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Quattrocento);
.snip1361 {
  font-family: 'Quattrocento', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 175px;
  max-width: 230px;
  width: 100%;
  color: #141414;
  text-align: left;
  line-height: 1.4em;
  font-size: 16px;
}
.snip1361 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition:all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1361 img {
  max-width: 100%;
  vertical-align: top;
}
.snip1361 figcaption {
  position: absolute;
  top: calc(66%);
  width: 100%;
  background-color: #ffffff;
  padding: 15px 25px 65px;
}
.snip1361 figcaption:before {
  position: absolute;
  content: '';
  z-index: 2;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 80px;
}
.snip1361 h3,
.snip1361 p {
  margin: 0 0 10px;
}
.snip1361 h3 {
  font-weight: 600;
  font-size: 1.0em;
  line-height: 1.3em;
  font-family: 'Oswald', Arial, sans-serif;
  text-transform: uppercase;
}
.snip1361 p {
  font-size: 0.8em;
  line-height: 1.1em;
  letter-spacing: 1px;
  opacity: 0.9;
}
.snip1361 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.snip1361:hover figcaption,
.snip1361.hover figcaption {
  top: 0px;
}

#companytitle {
	padding-top:20px;
	text-align: center;
	z-index: 20000;
}
#portrait{
	padding-left:50px;
}
@media screen and (max-width: 768px) {
	#portrait{
	padding-left:30px;
	height:50px;
	width:auto;
}
}
@media screen and (max-width: 480px) {
	#portrait{
	padding-left:20px;
	height:40px;
	width:auto;
}
}

#nav{
	margin-left:40px;
}
@media screen and (max-width: 768px) {
	#nav{
		margin-left:30px;
}
}
@media screen and (max-width: 480px) {
	#nav{
	margin-left:30px;
}
}
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500);
figure.snip1212 {
 font-family: 'Quattrocento', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 180px;
  max-width: 220px;
  width: 100%;
  max-height: 220px;
  min-height: 200px;
  width: 100%;
  color: #000000;

}

figure.snip1212 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

figure.snip1212 img {
	width:100%;
}

figure.snip1212 figcaption {
  position: absolute;
  bottom: 0%;
  left: 0;
  width: 100%;
  z-index: 1;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

figure.snip1212 h3,
figure.snip1212 p {
  margin: 0;
  width: 100%;
  padding: 10px 20px;
}

figure.snip1212 h3 {
	font-family: 'Quattrocento', Arial, sans-serif;
	background-color: rgba(255,255,255,0.9 );
	min-height:30px;
	color: #212121;
	position: absolute;
	bottom: 100%;
	display: inline-block;
	font-size:0.90em;
	font-weight: 500;
	text-transform: uppercase;
	text-align:center;
	left: -1px;
}

figure.snip1212 p {
  background: rgba(255, 255, 255, 0.9);
  text-align: left;
  bottom: 0;
  font-size: 0.8em;
  font-weight: 300;
}

figure.snip1212 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.snip1212:hover img,
figure.snip1212.hover img {
  opacity: 0.2;
}

figure.snip1212:hover figcaption,
figure.snip1212.hover figcaption {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.copybox {
	 position: absolute;
	 text-align: center;
	 top: 70px;
	 right:0px;
	 width:40%;
	 margin:0% 0% 0% 50%;
	 z-index:20000;
	 color: #FFFF99;/*文字色*/
	 text-shadow: -1px 3px 1px rgba(0,0,0,0.5);
	 font-size:smaller;
	padding: 0em;/*文字周りの余白*/
	display: inline-block;/*おまじない*/
	background-color: rgba(40,40,70,0.6);/*背景色*/
	vertical-align: middle;/*上下中央*/
	border-radius: 60px 0px 0px 60px;/*左側の角を丸く*/
	box-shadow: 1px 1px 1px 1px #000;
	-webkit-box-shadow: 1px 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 1px 1px #000;
	}
@media screen and (max-width: 1040px) {
	.copybox .h3{
		font-size:1.4em;
}
}
@media screen and (max-width: 768px) {
	.copybox {
		text-align:center;
	 top: 0px;
	 width:40%;
	 margin:10% 0% 0% 10%;
}
}
@media screen and (max-width: 480px) {
	.copybox {
		color: #FFFF99;
		text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
				height:65px;
				line-height:0.1em;
				top:-10px;
				padding-bottom:10px;
				right:0px;
				width:100%;
				font-size:smaller;
				border-radius: 0px 0px 0px 0px;
				background-color: rgba(40,40,70,0.6);/*背景色*/
				border-radius: 0px 0px 0px 0px;/*左側の角を丸く*/
				box-shadow: none;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				
	}
	.copybox .h3{
		font-size:1em;
	}
}

.roundborderdotted{
	border: 3px dotted #CCC;
	padding:10px 40px 10px 40px;
}
.midashi{
	position: relative;
	background: #D9D9F9;
	box-shadow: 0px 0px 0px 5px #D9D9F9;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	color: #454545;
}
-SVGのレスポンシブ対応--
.svg-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: calc(50 / 200 * 100%); //アスペクト比の計算 calc(svgの高さ / svgの幅 x 要素の幅)
}

.svg {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.mt-3{
	margin-top:1em;
}
.bg-glay{
	background-color:#9D9D9D;
}

#copyright {
	text-align: center;
	display: inline;
	margin-left:-50px;
	color:#fff;
}
/*---NAV---*/
.main-nav {
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

@media (min-width: 768px) {
  .main-nav {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
  }
}

.main-nav:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}

.nav-brand {
  float: left;
  margin: 0;
}

.nav-brand a {
  display: block;
  padding: 12px 12px 12px 20px;
  color: #555;
  font-family: "Meiryo UI", "メイリオ","Roboto", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 17px;
  text-decoration: none;
}

#main-menu {
  clear: both;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

}

@media (min-width: 768px) {
  #main-menu {
    float: right;
    clear: none;
  }
}


/* Mobile menu toggle button */

.main-menu-btn {
  float: right;
  margin: 6px 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #555;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}


/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}


/* hide the menu in mobile view */

#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}

#main-menu-state:checked ~ #main-menu {
  display: block;
}

@media (min-width: 768px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}
  
.w-95-center{
	width:95%;
	margin:0 auto;
	max-width:250px;
}

#google_translate_element{
	float:right;
	position:relative;
	right:20px;
}

@media (max-width: 768px) {
#google_translate_element{
	float:left;
	position:relative;
	top:10px;
	left:20px;
}	
}
@media screen and (max-width: 480px) {
	#google_translate_element{
	float:left;
	position:relative;
	top:10px;
	left:-60px;
}	
}
#ehanjyo-logo{
	float:left;
	position:relative;
	left:20px;
	top:-10px;
	height:15px;
	width:auto;
}

@media (max-width: 768px) {
#ehanjyo-logo{
	float:left;
	position:relative;
	left:-10px;
	top:-25px;
	height:20px;
	width:auto;
}	
}
@media screen and (max-width: 480px) {
	#ehanjyo-logo{
		visibility:hidden;
}
}


@media (max-width: 768px) {
#portrait{
	margin-left:-60px;
}	
}
@media (max-width: 480px) {
#portrait{
	margin-left:-100px;
}	
}

.trim img {
	width:100% auto;
	height:auto;
	object-fit: cover;
}
.row-reverse {
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
@media screen and (max-width : 768px){
 html,
 body {
 overflow-x: hidden!important;
 overflow-y: scroll;
 -webkit-overflow-scrolling: touch;
	 word-break: break-all;
 }
}
	img {
max-width: 100%;
height: auto;
}
	.div{max-width: 100%;
	}