/*!
 201904 Harunoyume
 */

body {
	overflow-x: hidden;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.text-muted {
	color: #777777;
	font-size: 14px;
}
p {
	font-size: 14px;
	line-height: 1.75;
}
a, a:hover, a:focus, a:active {
	outline: none;
}
a {
	color: #fed136;
}
a:hover, a:focus, a:active {
	color: #fec503;
}
h2, h3, h4 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 700;
}
.img-centered {
	margin: 0 auto;
}
.bg-light-gray {
	background-color: #eeeeee;
}
/*navbar
----------------------------------------------------- */

.navbar-custom {
	background-color: #ff99cc;
	border-color: transparent;
}
.navbar-custom .navbar-brand {
	color: #fed136;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	float: left;
	height: 50px;
	padding: 15px 15px;
	line-height: 20px;
}
.navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus, .navbar-custom .navbar-brand:active, .navbar-custom .navbar-brand.active {
	color: #fec503;
}
.navbar-custom .navbar-collapse {
	border-color: rgba(255, 255, 255, 0.02);
}
.navbar-custom .navbar-toggle {
	background-color: #fed136;
	border-color: #fed136;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: white;
	font-size: 12px;
}
.navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
	background-color: #fed136;
}
.navbar-custom .nav li a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
	color: white;
}
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus {
	color: #fed136;
	outline: none;
}
.navbar-custom .navbar-nav>.active>a {
	border-radius: 0;
	color: white;
	background-color: #fed136;
}
.navbar-custom .navbar-nav>.active>a:hover, .navbar-custom .navbar-nav>.active>a:focus {
	color: white;
	background-color: #fec503;
}
@media (min-width: 768px) {
	.navbar-custom {
		padding: 0px 0;
		-webkit-transition: padding 0.3s;
		-moz-transition: padding 0.3s;
		transition: padding 0.3s;
		border: none;
	}
	.navbar-custom .navbar-brand {
		font-size: 1em;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.navbar-custom .navbar-nav>.active>a {
		border-radius: 3px;
	}
}
@media (min-width: 768px) {
	.navbar-custom.affix {
		background-color: #ff99cc;
		padding: 10px 0;
	}
}
	/*header
----------------------------------------------------- */
	header {
		background-image: url('../img/header-bg.jpg');
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		text-align: center;
		color: white;
	}
	
	header .intro-text {
		padding-top: 60px;
	}
	
	
	@media (min-width: 768px) {
		header .intro-text {
			padding-top: 100px;
			padding-bottom: 0px;
		}
	}


	/*section
----------------------------------------------------- */
	section {
		padding: 40px 0;
	}
	section h2.section-heading {
		font-size: 26px;
		margin-top: 0;
		margin-bottom: 6px;
	}
	@media (min-width: 768px) {
		section {
			padding: 80px 0;
		}
	}
	.nopadding {
		padding: 0;
	}
	/*
----------------------------------------------------- */
	.team-member {
		text-align: center;
		margin-bottom: 50px;
	}
	.team-member img {
		margin: 0 auto;
		border: 7px solid white;
	}
	.team-member h4 {
		margin-top: 25px;
		margin-bottom: 0;
		text-transform: none;
		text-align: center;
	}
	.team-member p {
		margin-top: 0;
	}
	aside.clients img {
		margin: 100px auto;
	}
	footer {
		padding: 25px 0;
		text-align: center;
		background-color: #ff99cc;
	}
	footer span.copyright {
		line-height: 40px;
		font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		text-transform: none;
		color: #fed136;
	}
	.btn:focus, .btn:active, .btn:active:focus {
		outline: none;
	}
	::-moz-selection {
		text-shadow: none;
		background: #fed136;
	}
	img::selection {
		background: transparent;
	}
	img::-moz-selection {
		background: transparent;
	}

	/*文字の色設定
----------------------------------------------------- */
	▼▼▼文字の色設定 {}
	.font-red {
		color: #FF0000!important;
	}
	.font-blue {
		color: #0000CC!important;
	}
	.font-green {
		color: #339900!important;
	}
	.font-orange {
		color: #FF6600!important;
	}
	.font-darkblue {
		color: #003399!important;
	}
	.font-white {
		color: #FFFFFF!important;
	}
	.katagaki {
		margin-bottom: 5px;
		font-size: x-small;
	}
	/*レイアウト下部余白
----------------------------------------------------- */
	▼▼▼レイアウト余白 {}
	.bottom005px {
		margin-bottom: 5px!important;
	}
	.bottom010px {
		margin-bottom: 10px!important;
	}
	.bottom015px {
		margin-bottom: 15px!important;
	}
	.bottom020px {
		margin-bottom: 20px!important;
	}
	.bottom030px {
		margin-bottom: 30px!important;
	}
	.bottom040px {
		margin-bottom: 40px!important;
	}
	.bottom050px {
		margin-bottom: 50px!important;
	}
	.bottom100px {
		margin-bottom: 100px!important;
	}
	.bottom200px {
		margin-bottom: 200px!important;
	}
	.bottom300px {
		margin-bottom: 300px!important;
	}
	.bottom400px {
		margin-bottom: 400px!important;
	}
	.bottom500px {
		margin-bottom: 500px!important;
	}
	.right005px {
		margin-bottom: 5px!important;
	}
	.margin010px {
		margin: 10px!important;
	}
	.margin030px {
		margin: 30px!important;
	}
	/*テーブル
----------------------------------------------------- */
	table {
		border-collapse: separate;
		border-spacing: 2px;
		text-align: center;
		width: 100%;
		line-height: 1.5;
	}
	table th {
		background-color: #ededed;
		font-weight: bold;
		padding: 10px 30px;
		vertical-align: middle;
		text-align: center;
	}
	table td {
		background-color: #f5f5f5;
		padding: 10px 30px;
		vertical-align: middle;
		text-align: left;
	}
	/* フラットボタン
-----------------------------------------------------*/
	.flat-btn {
		border-collapse: separate;
		border-spacing: 4px 0;
		display: table;
		min-height: 44px;
		height: 44px;
		width: 100%;
		margin-bottom: 10px;
	}
	.flat-btn a img {
		margin: 0 auto;
	}
	.flat-btn a {
		color: #fff;
		display: table-cell;
		font-size: 14px;
		font-weight: 700;
		overflow: hidden;
		padding: 3px 0;
		text-align: center;
		text-decoration: none;
		vertical-align: middle;
		width: 14%;
	}
	.flat-btn p {
		font-size: 10px;
		font-weight: 400;
	}
	.flat-btn a:hover {
		box-shadow: none;
		transform: translate3d(0px, 5px, 0px);
	}
	.flat-btn-s_blue {
		background-color: #00b0ed;
		border-radius: 5px;
		box-shadow: 0 4px 0 rgba(0, 126, 170, 1);
	}
	.flat-btn-pink {
		background-color: #f9c;
		border-radius: 5px;
		box-shadow: 0 4px 0 rgba(255, 20, 147, 1);
	}
	.flat-btn-d_blue {
		background-color: #3b5998;
		border-radius: 5px;
		box-shadow: 0 4px 0 rgba(42, 64, 109, 1);
	}
	.flat-btn-d_red {
		background-color: #df4a32;
		border-radius: 5px;
		box-shadow: 0 4px 0 rgba(160, 53, 36, 1);
	}
	.flat-btn-blue {
		background-color: #008fde;
		border-radius: 5px;
		box-shadow: 0 4px 0 rgba(0, 103, 159, 1);
	}
	.flat-btn-green {
		background-color: #2cbf13;
		border-radius: 5px;
		box-shadow: 0 4px 0 rgba(0, 140, 0, 1);
	}
	.flat-btn-h_red {
		background-color: #eb4654;
		border-radius: 5px;
		box-shadow: 0 4px 0 rgba(169, 50, 60, 1);
	}
	.flat-btn-orenge {
		background-color: #f90;
		border-radius: 5px;
		box-shadow: 0 4px 0 rgba(174, 120, 39, 1);
	}
	.flat-btn-gold {
		background-color: #ffd700;
		border-radius: 5px;
		box-shadow: 0 4px 0 rgba(240, 172, 36, 1);
	}
	.flat-btn-perple {
		background-color: #9a59b4;
		border-radius: 5px;
		box-shadow: 0 4px 0 rgba(141, 68, 171, 1);
	}
	/*BG-Color
----------------------------------------------------- */
	.bg-light-gray {
		background-color: #eeeeee;
	}
	.bg-darkest-gray {
		background-color: #222222;
	}
	.bg-pink {
		background-color: #f29cc1;
	}
	.bg-magenta {
		background-color: #e4007f;
	}
	.bg-light-pink {
		background-color: #fbe4ed;
	}
	.bg-sky {
		background-color: #10c0ee;
	}
	.bg-orange {
		background-color: #ef6b15;
	}
	.bg-tenga {
		background-color: #cb0014;
	}
	.bg-purple {
		background-color: #7e0070;
	}
	.bg-yellow {
		background-color: #fcc900;
	}
	.bg-light-orange {
		background-color: #fad398;
	}
	.bg-green {
		background-color: #3fb647;
	}
	.bg-d-red {
		background-color: #a74f4d;
	}
	.bg-red {
		background-color: #dc0011;
	}
	.bg-premium {
		background-color: #3d200e;
	}
	.bg-maririn {
		background-color: #4c0073;
	}
	.bg-light-green {
		background-color: #7eb719;
	}
	/*GoogleMap
----------------------------------------------------- */
	#g_map {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	#g_map iframe, 
	#g_map object, 
	#g_map embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	/*
----------------------------------------------------- */
	.report {
        text-align: center;  
	}

	.report img {
        margin: 4px;  
	}

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

h2, h3, h4 {
  color: #374252;
font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;
}

h2 {
  font-size: 1.424em;
}

h3 {
  font-size: 1.266em;
}

h4 {
  font-size: 1.125em;
}

p, ul {
  margin-bottom: 1.3em;
}

a {
  -webkit-transition: .3s all;
  transition: .3s all;
  color: #ff7676;
}

a:hover, a:focus, a:active {
  color: pink;
  text-decoration: none;
}

.btn {
  border: none;
  border-radius: 4px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 18px;
}

.btn:active {
  -webkit-transition: .2s all;
  transition: .2s all;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn.btn-lg {
  line-height: 1.5;
  padding-top: 20px;
  padding-bottom: 20px;
}

.btn.btn-ghost {
  background: transparent;
  border: 1px solid #ff7676;
  color: #ff7676;
}

.btn.btn-ghost:hover {
  background: #ff7676;
  color: #ffffff;
}

.btn.btn-ghost:focus, .btn.btn-ghost:active {
  outline: none;
  background: transparent;
  color: #ff7676;
  border: 1px solid #ff7676;
}


.btn.btn-ghost.btn-ghost-red {
  background: #ff0000;
  border: 1px solid #ffffff;
  color: #ffffff;
}

.btn.btn-ghost.btn-ghost-red:hover {
  background: #ffffff;
  color: #ff0000;
}

.btn.btn-ghost.btn-ghost-red:focus, .btn.btn-ghost.btn-ghost-red:active {
  outline: none;
  background: #ffffff;
  color: #ff0000;
  border: 1px solid #ffffff;
}


.btn.btn-ghost.btn-ghost-white {
  background: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}

.btn.btn-ghost.btn-ghost-white:hover {
  background: #ffffff;
  color: #ff7676;
}

.btn.btn-ghost.btn-ghost-white:focus, .btn.btn-ghost.btn-ghost-white:active {
  outline: none;
  background: #ffffff;
  color: #ff7676;
  border: 1px solid #ffffff;
}

.harunoyume-section {
  padding: 7em 0 7em 0;
  position: relative;
  z-index: 2;
}

.harunoyume-section.harunoyume-section-colored {
  background: #ff7676;
  background: #f54ea2;
  background: -webkit-gradient(left top, right top, color-stop(0%, #f54ea2), color-stop(100%, #ff7676));
  background: -webkit-gradient(linear, left top, right top, from(#f54ea2), to(#ff7676));
  background: linear-gradient(to right, #f54ea2 0%, #ff7676 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$firstcolor, endColorstr=$secondcolor, GradientType=1 );
}

.harunoyume-section.harunoyume-section-colored p {
  color: white;
}

@media screen and (max-width: 768px) {
  .harunoyume-section {
    padding: 3em 0;
  }
}

.harunoyume-hover-overlay {
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-transition: .7s all ease-out;
  transition: .7s all ease-out;
}

.harunoyume-hover-overlay img {
  position: relative;
  z-index: 1;
  -webkit-transition: .3s all ease-out;
  transition: .3s all ease-out;
}

.harunoyume-hover-overlay:before {
  -webkit-transition: .3s all ease-out;
  transition: .3s all ease-out;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}

.harunoyume-hover-overlay .harunoyume-text-overlay {
  position: absolute;
  z-index: 20;
  left: -20px;
  bottom: 20px;
  -webkit-transition: .4s all ease-out;
  transition: .4s all ease-out;
  opacity: 0;
  visibility: hidden;
}

.harunoyume-hover-overlay .harunoyume-text-overlay h3 {
  color: #ffffff;
  margin-bottom: 0;
}

.harunoyume-hover-overlay .harunoyume-text-overlay p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
}

.harunoyume-hover-overlay .harunoyume-text-overlay p:last-child {
  margin-bottom: 0;
}

.harunoyume-hover-overlay:hover:before {
  opacity: 1;
  visibility: visible;
}

.harunoyume-hover-overlay:hover .harunoyume-text-overlay {
  left: 20px;
  opacity: 1;
  visibility: visible;
}

.harunoyume-hover-overlay:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


.harunoyume-gutter0 > div[class*='col-'] {
  padding-right: 0px;
  padding-left: 0px;
}

@media screen and (max-width: 480px) {
  .harunoyume-gutter0 > div[class*='col-'] {
    padding-right: 0px;
    padding-left: 0px;
  }
}