/*
//////////////////////////////////////////////////////

2020 HTML5 by OrangeWorks

//////////////////////////////////////////////////////
*/
@font-face {
  font-family: 'themify';
  src: url("../fonts/themify/themify.eot?-fvbane");
  src: url("../fonts/themify/themify.eot?#iefix-fvbane") format("embedded-opentype"), url("../fonts/themify/themify.woff?-fvbane") format("woff"), url("../fonts/themify/themify.ttf?-fvbane") format("truetype"), url("../fonts/themify/themify.svg?-fvbane#themify") format("svg");
  font-weight: normal;
  font-style: normal;
}
html.fh5co-overflow, body.fh5co-overflow {
  overflow-x: auto;
}
html.fh5co-overflow #fh5co-header-section, html.fh5co-overflow #fh5co-main, html.fh5co-overflow #fh5co-hero, html.fh5co-overflow #fh5co-mobile-menu, html.fh5co-overflow #fh5co-footer, body.fh5co-overflow #fh5co-header-section, body.fh5co-overflow #fh5co-main, body.fh5co-overflow #fh5co-hero, body.fh5co-overflow #fh5co-mobile-menu, body.fh5co-overflow #fh5co-footer {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


/* ボディ全体の要素 */

body {
			font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
			font-size: 14px;	/* 全体の文字サイズ */
			color: #333;	/*全体の文字色*/
			line-height: 1.6em;	/* 行間 */
			letter-spacing: 1px;	/* 文字間 */
			margin: 0px;
			padding: 0px;
			background: #fff ;			/* 背景色 */
}
@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
    line-height: 1.5;
  }
}

::-webkit-selection {
  color: #ffffff;
  background: #57cecd;
}

::-moz-selection {
  color: #ffffff;
  background: #57cecd;
}

::selection {
  color: #ffffff;
  background: #57cecd;
}

a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #0000BD;
}
a:hover, a:focus, a:active {
  color: #FF0000;
}
a:hover, a:focus, a:active {
  outline: none;
  color: #FF0000;
  text-decoration: none;
}

input {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

img {
	border: none;
	vertical-align: bottom;
}

br {
   letter-spacing:normal;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

hr {
		 display:none;
		 overflow:hidden;
		 line-height:0; 
}

.cleaner {
		 clear: both;
		 font-size: 0;
		 line-height: 0;
}



/* 全体の基本要素 */

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}


h1, .h1 {
  font-size: 30px;
  line-height: 42px;
}


h3, .h3 {
  font-size: 20px;
  line-height: 32px;
}

h4, .h4 {
  font-size: 16px;
  line-height: 28px;
}

h5, .h5 {
  font-size: 14px;
  line-height: 24px;
}

h6, .h6 {
  font-size: 12px;
  line-height: 24px;
}

ul, ol {
  padding-left: 15px;
  line-height: 26px;
}
ul ul, ul ol, ol ul, ol ol {
  padding-left: 25px;
}

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

.fh5co-serif {
  font-family: "Crimson Text", serif;
}

.fh5co-sans-serif {
  font-family: "Roboto", arial, sans-serif;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (max-width: 480px) {
  .col-xxs-12 {
    display: block;
    clear: both;
    width: 100%;
    float: left;
  }
}



/* ================ ヘッダー =============== */

header {
	box-sizing:border-box;
	position:relative;
	width:100%;
	border-top:8px solid #00274F; 
	background:#F4F2FD; /* ヘッダーの背景色 */
}


.summary {
	position:absolute;
	top:30px;
	right:10px;
	margin:0;
}

.inner {
	position:relative;
	width:1100px;
	height:120px;
	margin:0 auto;
	padding:15px 10px;
 background:#F4F2FD; /* ヘッダー中央のイメージ画像 */
}


/* ================ ヘッダーＴＥＬ ================ */

.h-tel {
  margin: 28px -40px 0px 0;
  text-align: right;
}

@media only screen and (max-width: 768px) {
.h-tel { display: none !important; }
}


/* ================ メインメニュー ================ */

.inner01 {
	position:relative;
	width:1100px;
	margin:0 auto;
}

nav {
	width:100%;
	background:#fff;
	box-shadow:0 1px 2px #00274F;
	?zoom:1;
}
nav:after {
   content:'';
   display:block;
   clear:both;
}


@media print, screen and (min-width:769px) {
	nav {
		background:#00274F;
		border-bottom:2px solid #000;
		box-shadow:0 0px 0px #000;
		z-index:3;
	}
	nav ul {
		margin:0;
		padding:0;
	}
	nav li {
		position:relative;
		width:20%;
		float:left;
		margin:0;
		padding:0;
		text-align:center;
		list-style:none;
	}
	nav li:first-child {
		width:20%;
	}
	nav li:before {
		content:"";
		margin-top:-20px;
		position:absolute;
		top:50%;
		left:0;
		width:1px;
		height:42px;
		background:#fff;
	}
	nav li:last-child:after {
		content:"";
		margin-top:-20px;
		position:absolute;
		top:50%;
		right:0;
		width:1px;
		height:42px;
		background:#fff;
	}
	nav li:hover:before,
	nav li:hover + li:before, 
	nav li:last-child:hover:after,
	nav li li:before,
	nav li li:after {
		display:none;
	}
	nav li:last-child li {
		left:-50%;
	}
	nav li a {
		display:block;
		padding:10px 0;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
	}
	nav li ul {
		display:block !important;
		position:absolute;
		top:100%;
		left:0;
		margin:0;
		padding:0;
		border-radius:0 0 3px 3px;
		z-index:3;
	}
	nav li ul li {
		overflow:hidden;
		width:150%;
		height:0;
		-moz-transition:.2s;
		-webkit-transition:.2s;
		-o-transition:.2s;
		-ms-transition:.2s;
		transition:.2s;
	}
	nav li li:first-child {
		width:150%;
	}
	nav li ul li a {
		padding:10px 15px;
		background:#00274F;	/* 子の色 */
		text-align:left;
		font-weight:normal;
	}
	nav li:hover > a {
		background:#004891;
		color:#fff;
	}
	nav li:hover > a:hover {
		background:#004891;
	}

	.gnav {
		display:block !important;
	}

	#spMenu {
		display:none;
	}

	.showNav {
		background:#fff !important;
	}

	.showSub {
		overflow:visible;
		min-height:42px;
		border-bottom:1px solid #fff;
	}
	.showSub:last-child {
		border-bottom:0;
	}
	.showSub:last-child a {
		border-radius:0 0 3px 3px;
	}

	.fixed {
		position:fixed;
		top:0;
		left:0;
	}
}





/* ================ モバイルメニュー ================ */


@media screen and (max-width:768px) {
	.lock {
		overflow:hidden;
	}

	header {
		z-index:1000;
		box-sizing:border-box;
		position:fixed;
	 background:#F4F2FD; /* スマホヘッダーのイメージ画像 */
		border-top:5px solid #00274F; 
		border-bottom:2px solid #E7E7E7;
		top:0;
		left:0;
		width:100%;
		height:100px;　/* 背景画像の高さに合わせる */
		padding:0px 0px 0px; /* （上、左右、下） */
	}

.inner {
	position:relative;
	width:100%;
	height:80px;　/* ヘッダーの高さより小さく */
	margin:0 auto;
	padding:15px 10px;
 background:#F4F2FD; /* ヘッダー中央のイメージ画像 */
}


	.summary { display: none !important; }

.inner01 {
	position:fixed;
	width:100%;
	padding:0px 0px 0px;　 /* （上、左右、下） */
	background:#F4F2FD;　 /* ヘッダーの背景色に合わせる */
}


	nav {
		background:#00274F;
	}
	nav ul {
		margin:0;
		padding:0;
		}

	nav .inner01 > ul {
		z-index:1000;
		overflow:auto;
		position:fixed;
		top:80px;　/*モバイルメニューの表示スタート位置 */
		right:0;
		width:100%;
		height:88%;
		height:-webkit-calc(100% - 53px);
		height:calc(100% - 53px);
	}
	nav li {
		position:relative;
		width:100%;
		float:none;
		margin:0;
		text-align:left;
		list-style:none;
		border-bottom:1px solid #fff;
		background:#00274F;
	}

	nav li:first-child {
		border-top:0;
	}
	nav li:last-child {
		border-bottom:0;
	}

	nav li a {
		position: relative;
		display:block;
		padding:10px 30px;
		color:#fff;
		text-decoration:none;
		background:#004891;
	}
	nav li a:hover {
		color:#fff;
		background:#00274F;
	}
	nav ul ul {
		display:none;
		position:relative;
	}
	nav li li a {
		box-sizing:border-box;
		width:100%;
		padding:10px 30px 10px 50px;
		text-align:left;
	}

	.subnav > a:before {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-5px;
		background:#f1f1f1;
	}
	.subnav > a:after {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-10px;
		background:#004891;
	}
	.subnav a:hover:after {
	  background:#00274F;
	}

	.active > a:before {
		margin-top:0;
	}
	.active > a:after {
		margin-top:5px;
	}

	.gnav {
		display:none;
	}

	#spMenu {
		display:block;
		z-index:1000;
		position:fixed;
		top:10px;
		right:10px;
	}
	#spMenu:hover {
		cursor:pointer;
	}

	#navBtn {
		display:inline-block;
		position:relative;
		width:40px;
		height:40px;
		border-radius:5%;
		margin:20px 0px 0px 0px;	/* ハンバーガーの位置 */
		background:#00274F;	/* ハンバーガーの色 */
	}
	#navBtnIcon {
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		width:20px;
		height:2px;
		margin:-1px 0 0 -10px;
		background:#f1f1f1;
		transition:0.2s;
	}
	#navBtnIcon:before,
	#navBtnIcon:after {
		display:block;
		content:'';
		position:absolute;
		top:50%;
		left:0;
		width:20px;
		height:2px;
		background:#f1f1f1;
		transition:0.3s;
	}
	#navBtnIcon:before {
		margin-top:-8px;
	}
	#navBtnIcon:after {
		margin-top:6px;
	}
	#navBtn .close {
		background:transparent;
	}
	#navBtn .close:before,
	#navBtn .close:after {
		margin-top:0;
	}
	#navBtn .close:before {
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	#navBtn .close:after {
		transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
	}

	.col_two_one ul {
		margin-right:0;
	}
	.col_two_one li {
		width:100%;
	}
	.col_two_one li:nth-child(2n+1) {
		clear:both;
	}


	.inner {
		position:relative;
		width:60%;
		margin: 0 ;		/* 左右に[auto]を指定することで、真ん中に寄る */
		padding:20px 30px 0px; /* （上、左右、下） */
	}


}

/* ================ トップ背景画像(スライドショーしない場合） ================ */

/* スライダー全体 */
.noslider{
  border: 0px solid #000;
  background: url(../images/top01.jpg) no-repeat 0 0 / cover;
  width: 100%;
  padding-top: 45%;  /* 16:9なら、9÷16×100％＝56.25% */
}


/* ================ トップ背景画像でのスライドショー ================ */

/* スライダー全体 */
.slider{
  position: relative;
		margin: 0px 0px 0 0px;  /* マージン（上右下左） */
  padding-top: 45.0%; /* 画像の高さ÷画像の横幅（+1%大きい方がいい）*/
	 top: 0px;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  background-image: url(../images/slider01.jpg) no-repeat center center;
		background-size:contain;
}

/* スライダー画像 */
.slider .image{
  position: absolute;  /* 画像を重ねるので絶対 */
	 z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center center;
}

/*
  �@スライド画像
  表示する画像を定義
*/
.slider .image:nth-of-type(1){
  background-image: url(../images/slider01.jpg);
		background-size:contain;
}
.slider .image:nth-of-type(2){
  animation-delay: 15s;  /* 表示する秒数 */
  background-image: url(../images/slider02.jpg);
		background-size:contain;
}
.slider .image:nth-of-type(3){
  animation-delay: 30s;  /* 表示する秒数 */
  background-image: url(../images/slider03.jpg);
		background-size:contain;
}

/*
  �Aアニメーション設定
  animation-durationのみ変更
*/
.slider .image{
  animation-name: anime;
  animation-delay: 0;
  animation-iteration-count: infinite; /* 無限ループ「infinite」 */
  animation-duration: 45s;  /* �@で設定したanimation-delayを合計を挿入 */
}

/* アニメーション定義 */
@keyframes anime {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



/* ================ 画像でのスライドショー ================ */


div.slide-show {
width: 100%; /* スライドショーの幅 */
max-width: 100%; /* スマホで表示が欠けないように */
position: relative;
margin: 0px 0px 0 0px;  /* マージン（上右下左） */
}

.slide-show img {
animation: show 12s infinite; /* 12秒のスライドショーを繰り返し */
max-width: 100%;
height: auto;
opacity: 0;
position: absolute; /* 画像を重ねて表示 */
left: 0;
top: 0;
}

@keyframes show {
0% {opacity: 0}
17% {opacity: 1}
33% {opacity: 1}
50% {opacity: 0}
}

.slide-show img:nth-of-type(1) {
position: relative;
}

.slide-show img:nth-of-type(2) {
animation-delay: 0s;
}

.slide-show img:nth-of-type(3) {
animation-delay: 4s;
}

.slide-show img:nth-of-type(4) {
animation-delay: 8s;
}

.resizeimage img { width: 100vw; }




/* ================ スマフォＴＥＬ ================ */

#tel-hero {
  margin-top: 0px;
  margin-bottom: 0px;
  background: #000;
  opacity: .97;
}
#tel-hero .tel-hero-wrap {
  padding-top: 1.5em;/* テキストの開始位置 */
  display: table;
  width: 100%;
  z-index: 99;
}
@media screen and (max-width: 768px) {
		#tel-hero {
		  margin-top: 0px;
		  margin-bottom: 0px;
		  background: #000;
		  opacity: .77;
		}
  #tel-hero .tel-hero-wrap {
  padding-top: 1.0em;/* モバイル時のテキスト開始位置 */
  }
}
#tel-hero .tel-hero-wrap .tel-hero-intro {
  vertical-align: middle;
  /* 微調整 */
  position: relative;
  top: -5px;
  text-align: center;
}


#tel-hero .tel-hero-wrap .tel-hero-intro > h4 {
  font-family: 'arial black'; テキストのフォント指定
  font-size: 36px;
  color: #005BAC;/* 文字色 */
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #tel-hero .tel-hero-wrap .tel-hero-intro > h4 a{
  font-size: 20px;
  color: #fff;/* 文字色 */
  font-weight: bold;
  }
}




/* ================ 名称と住所（各ページあり） ================ */

#future-address {
  position: relative;
  float: center;
  width: 100%;
  margin:  0px 0px 0px 0px; /* （上右下左） */
  padding:  0px 0px 0px 0px; /* （上右下左） */
  font-size: 15px;
  line-height: 150%;
  clear: both;
}

#future-address {
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;/* （背景画像）初期位置の設定 */
  float: center;
  width: 100%;
  display: table;
  position: relative;
  z-index: 20;
  color: #ffffff;
}
#future-address .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #ffffff;
  opacity: .97;
}

#future-address .future-add-wrap {
  padding-top: 5em;/* テキストの開始位置 */
  padding-bottom: 5em;/* テキストの下余白 */
  display: table;
  width: 100%;
}

#future-address .future-add-wrap .future-add-intro {
		margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
  vertical-align: middle;
  text-align: center;
  color: #ffffff;
}

/* 下線付きタイトル */
#future-address .future-add-wrap .future-add-intro > h2 {
  border-bottom: solid 2px #008842;
  margin:  0px 0px 20px 0px; /* （上右下左） */
  padding:  0px 0px 0px 0px; /* （上右下左） */
  font-family:serif; /* 明朝体の指定 */
  font-size: 40px;
  line-height: 100%;
		letter-spacing: 3px;	/* 文字間 */
  color: #000;/* h1の文字色 */
  font-weight: bold;
  text-shadow: 2px 2px 1px rgba(204,255,204, 0.2);
}

#future-address .future-add-wrap .future-add-intro > p {
		margin: 0em 0em 0em 0em; /* （上右下左） */
		padding: 0em 0em 0em 0em; /* （上右下左） */
  font-size: 16px;
  line-height: 150%;
		letter-spacing: 1px;	/* 文字間 */
  color: #000000; /* 文字色 */
  text-shadow: 2px 2px 1px rgba(255,255,255, 0.5);
}

/* モバイル */

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

  #future-address .future-add-wrap {
  padding-top: 0.0em;/* モバイル時のテキスト開始位置 */
  padding-bottom: 0em;/* モバイル時のテキストの下余白 */
  }

  #future-address .future-add-wrap .future-add-intro > h2 {
  font-size: 30px;
  }

  #future-address .future-add-wrap .future-add-intro > p {
  font-size: 15px;
  }

}



/* ================ コンテンツメイン画像 ================ */

#container2 {
		width: 100%; /* ページの幅 */
		margin: 0 auto; /* センタリング */
  background-size: contain;
  background-repeat: no-repeat;
	}


#fh5co-hero2 {
  background-color: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;/* トップイメージ（背景画像）初期位置の設定 */
  margin-bottom: 0px;
  float: left;
  width: 100%;
  height: auto;
  display: table;
  position: relative;
  z-index: 20;
  color: #ffffff;
}
#fh5co-hero2 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #ffffff;
  opacity: .97;
}
@media screen and (max-width: 768px) {
  #fh5co-hero2 {
  background-position: top;/* Ｍトップイメージ（背景画像）初期位置の設定 */
  margin-bottom: 0px;
  }
}
#fh5co-hero2 {
  outline: none;
}



/* ================ コンテンツメイン画像内のテキスト ================ */

#fh5co-hero2 .fh5co-hero2-wrap {
  padding-top: 0em;/* テキストの開始位置 */
  display: table;
  width: 100%;
}
#fh5co-hero2 .fh5co-hero2-wrap .fh5co-hero2-intro {
  vertical-align: middle;
  text-align: center;
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  #fh5co-hero2 .fh5co-hero2-wrap {
    padding-top: 0em;/* モバイル時のテキスト開始位置 */
  }
}
@media screen and (max-width: 768px) {
  #fh5co-hero2, .fh5co-hero2-wrap {
    position: relative;
    padding: 0em 0 0em 0;
    height: inherit !important;
  }
}

#fh5co-hero2 .fh5co-hero2-wrap .fh5co-hero2-intro > h1 {
  /*font-family: 'MS Mincho'; テキストのフォント指定 */
  font-size: 36px;
  line-height: 47px;
		letter-spacing: 7px;	/* 文字間 */
  color: #ffffff;/* h1の文字色 */
  font-weight: bold;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 768px) {
  #fh5co-hero2 .fh5co-hero2-wrap .fh5co-hero2-intro > h1 {
  font-size: 30px;
  }
}
#fh5co-hero2 .fh5co-hero2-wrap .fh5co-hero2-intro > h2 {
  font-family: 'arial black';/* テキストのフォント指定 */
  letter-spacing: 4px;
  line-height: 1.5;
  font-size: 18px;
  text-transform: uppercase;
  padding-bottom: 0px;
  position: relative;
  color: #ffffff;/* h2の文字色 */
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 768px) {
  #fh5co-hero2 .fh5co-hero2-wrap .fh5co-hero2-intro > h2 {
    letter-spacing: 3px;
  }
}








/* ================ 矢印背景のテキスト ================ */

#main-hero .main-hero-wrap {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0em;/* テキストの開始位置 */
  display: table;
  width: 100%;
  z-index: 99;
}
@media screen and (max-width: 768px) {
  #main-hero .main-hero-wrap {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0em;/* モバイル時のテキスト開始位置 */
  }
}
#main-hero .main-hero-wrap .main-hero-intro {
  vertical-align: middle;
  text-align: center;
  color: #ffffff;
}

/*  矢印背景  */

#main-hero .bg-arrow {
    position: relative;
    margin: 0px 0 0px;
    padding: 0px 0px 0px 0px; /* （上右下左） */
		  width: 100%;
    background: #0B025D;
}
#main-hero .bg-arrow > div {
    position: relative;
    z-index: 2;
}
#main-hero .bg-arrow:after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    border-style: solid;
}
#main-hero .bg-arrow:after {
    bottom: 0;
    margin-bottom: -4.9vw;
    padding: 0px 0px 0px 0px; /* （上右下左） */
    border-color: #0B025D transparent transparent;
    border-width: 5vw 50vw 0;
}

#main-hero .main-hero-wrap .main-hero-intro > h3 {
  font-size: 28px;
  line-height: 40px;
		letter-spacing: 4px;	/* 文字間 */
  color: #fff;/* h3の文字色 */
  font-weight: bold;
  padding: 20px 0px 0px 0px; /* （上右下左） */
}
@media screen and (max-width: 768px) {
  #main-hero .main-hero-wrap .main-hero-intro > h3 {
  font-size: 18px;
  line-height: 25px;
  }
}



/* ======== コンテンツ-main-（1カラム） ======== */

#fh5co-main {
  position: relative;
  float: left;
  width: 100%;
  clear: both;
}

@media screen and (max-width: 768px) {
  body.inner-page #fh5co-main {
    margin-top: 0px;
    padding-top: 20px;
  }
}


/* ここにあった「transform」を削除することでパララックスが機能する */




/* ================ 1カラム 背景あり ================ */

#future-back {
  position: relative;
  float: center;
  width: 100%;
  margin:  0px 0px 0px 0px; /* （上右下左） */
  padding:  0px 0px 0px 0px; /* （上右下左） */
  font-size: 15px;
  line-height: 150%;
  clear: both;
}

#future-back {
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;/* （背景画像）初期位置の設定 */
  float: center;
  width: 100%;
  display: table;
  position: relative;
  z-index: 20;
  color: #ffffff;
}
#future-back .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #ffffff;
  opacity: .97;
}

#future-back .future-back-wrap {
  padding-top: 5em;/* テキストの開始位置 */
  padding-bottom: 5em;/* テキストの下余白 */
  display: table;
  width: 100%;
  color: #000000; /* 文字色 */
}

/* 下線付きタイトル */
#future-back h2 {
  border-bottom: solid 2px #008842;
  margin:  0px 0px 20px 0px; /* （上右下左） */
  padding:  0px 0px 0px 0px; /* （上右下左） */
  font-family:serif; /* 明朝体の指定 */
  font-size: 40px;
  line-height: 100%;
		letter-spacing: 3px;	/* 文字間 */
  font-weight: bold;
  text-shadow: 2px 2px 1px rgba(204,255,204, 0.2);
}

#future-back p {
		margin: 0em 0em 0em 0em; /* （上右下左） */
		padding: 0em 0em 0em 0em; /* （上右下左） */
  font-size: 16px;
  line-height: 150%;
		letter-spacing: 1px;	/* 文字間 */
  color: #000000; /* 文字色 */
  text-shadow: 2px 2px 1px rgba(255,255,255, 0.5);
}

/* モバイル */

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

  #future-back .future-back-wrap {
  padding-top: 3.0em;/* モバイル時のテキスト開始位置 */
  padding-bottom: 3.0em;/* モバイル時のテキストの下余白 */
  }

  #future-back h2 {
  font-size: 30px;
  }

  #future-back p {
  font-size: 15px;
  }

}


/* ========　パララックス　帯カバー　======== */


#container_pr
{
	float: none;
	width: 100%;
	background:url(../images/bg_body01.gif) no-repeat center center;			/* 背景写真 */
 background-attachment: fixed;
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;

}


#main_pr {
	width: 980px;	/*コンテナー幅*/
	height : 500px;/*コンテナー高*/
	margin: 0px auto;
	padding: 18px 0px 18px 0px; /* パディング（上右下左） */
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
	}


#main_pr p
{
	font-size:1.2em;	/* 全体の文字サイズ */
	text-align:center; 
	color: #fff;	/*全体の文字色*/
	font-weight:bold;
	line-height: 1.6em;	/* 行間 */
	letter-spacing: 1px;	/* 文字間 */
	margin: 0px;
	padding: 12px 18px 12px 18px; /* パディング（上右下左） */
}

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

#container_pr
{
	float: none;
	width: 100%;
	background:url(../images/bg_body01.gif) no-repeat center center;			/* 背景写真 */
 background-attachment: fixed;
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;

}

#main_pr {
	width: 100%;	/*コンテナー幅*/
	margin: 0px auto;
	padding: 18px 0px 18px 0px; /* パディング（上右下左） */
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
	}


#main_pr p
{
	font-size:1.0em;	/* 全体の文字サイズ */
	text-align:center; 
	color: #fff;	/*全体の文字色*/
	font-weight:bold;
	line-height: 1.6em;	/* 行間 */
	letter-spacing: 1px;	/* 文字間 */
	margin: 0px;
	padding: 0px 18px 12px 18px; /* パディング（上右下左） */
}

}


/* モバイルメニューのためにココだけ */


body.fh5co-mobile-menu-visible #fh5co-hero,
body.fh5co-mobile-menu-visible #fh5co-main,
body.fh5co-mobile-menu-visible #fh5co-logo-mobile-wrap {
  -moz-transform: translateX(275px);
  -webkit-transform: translateX(275px);
  -ms-transform: translateX(275px);
  transform: translateX(275px);
}


body.fh5co-mobile-menu-visible #fh5co-mobile-menu {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}



/* ================ 1カラムブロック =============== */


.fh5co-product-1 {
  width: 100%;
}

.fh5co-product-1 .img {
  width: 100%;
}

.fh5co-product-1 p {
		font-size:1.0em;
		color:#fff;
  line-height : 140%;
		padding:0px 0px 0px 0px;
}



/* ================ 写真と文章の２分割 =============== */

.fh5co-product-2 {
  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;
}
.fh5co-product-2 .img {
  background-color: #57cecd;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 7em;
}
@media screen and (max-width: 768px) {
  .fh5co-product-2 .img {
    height: 250px;
  }
}
@media screen and (max-width: 480px) {
  .fh5co-product-2 .img {
    height: 150px;
  }
}
.fh5co-product-2 .fh5co-half {
  min-height: 250px;
  padding: 3em;
  width: 50%;
  font-size: 15px;
  line-height: 28px;
  background-color: #f7f7f7;
}
.fh5co-product-2 .fh5co-half h3 {
  font-size: 30px;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .fh5co-product-2 .fh5co-half {
    min-height: inherit;
    width: 100%;
    padding-left: 14px;
    padding-right: 15px;
    font-size: 16px;
    line-height: 26px;
  }
}
.fh5co-product-2.fh5co-reverse .img {
  position: absolute;
  right: 0;
}
@media screen and (max-width: 768px) {
  .fh5co-product-2.fh5co-reverse .img {
    position: relative;
  }
}



/* ================ 2カラムのコンテンツ ================ */

#fh5co-content {
  padding: 4em 0;/* コンテンツの位置調整 */
}
@media screen and (max-width: 768px) {
  #fh5co-content {
    margin-bottom: 4em;
  }
}



/* ================ サイドメニュー ================ */

#fh5co-sidebar {
  padding: 4em 0;/* サイドメニュー始まりの位置 */
  font-size: 16px;
}

#fh5co-sidebar.left-sidebar {
  padding-right: 50px;/* 左サイドと本文の空き */
}
@media screen and (max-width: 768px) {
  #fh5co-sidebar.left-sidebar {
    padding-right: 0px;
  }
}

#fh5co-sidebar.right-sidebar {
  padding-left: 50px;/* 右サイドと本文の空き */
}
@media screen and (max-width: 768px) {
  #fh5co-sidebar.right-sidebar {
    padding-left: 0px;
  }
}

#fh5co-sidebar .sidebar-box {
  margin-bottom: 1em;/* サイドブロック事の下の空き */
  float: left;
  width: 100%;
}

#fh5co-sidebar .sidebar-heading {
  margin-bottom: 10px;
  font-size: 20px;/* タイトル文字サイズ */
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #008842;/* タイトル文字の色 */
  position: relative;
  padding-top: 10px;/* タイトル上の空き */
}
#fh5co-sidebar .sidebar-heading .border {
  width: 100%;
  height: 3px;/* ボーダーの太さ */
  position: absolute;
  top: 0;
  left: 0;
  background: #6EB92C;/* タイトル上のボーダー色 */
}
#fh5co-sidebar .sidebar-links {
  padding: 0;
  margin: 0 0 10px 0;/* サイドメニュー下の空き */
}
#fh5co-sidebar .sidebar-links li {
  padding: 0;
  margin:  0 0px 0px 20px;
  list-style: disc;
}





/* ================ お問い合わせ =============== */

#fh5co-contact {
  padding: 7em 0;
}



/* ================ コンテンツ写真ギャラリーなど（works） =============== */

#fh5co-works .fh5co-work-item figure {
  margin-bottom: 20px !important;
  float: left;
  width: 100%;
}
#fh5co-works .fh5co-work-item .heading {
  font-size: 17px;
  margin-bottom: 40px;
}
#fh5co-works .fh5co-work-item .fh5co-category {
  color: #ccc;
  font-size: 13px;
  margin-bottom: 0;
}






#fh5co-call-to-action {
  clear: both;
  display: block;
  padding: 3em 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  letter-spacing: 7px;
  text-transform: uppercase;
  background: transparent;
  font-size: 16px;
  color: #000000;
}
#fh5co-call-to-action:hover, #fh5co-call-to-action:focus, #fh5co-call-to-action:active {
  color: #ffffff;
  background: #f86942;
  border-top: 1px solid #f86942;
  border-bottom: 1px solid #f86942;
}




/* ================ トップページのブロックメニュー =============== */

.fh5co-cards {
  background: whitesmoke;
  padding: 5em 0;/* 余白 */
}
@media screen and (max-width: 768px) {
  .fh5co-cards {
    padding: 3em 0;
  }
}
.fh5co-cards .fh5co-card {
  display: block;
  background: #ffffff;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  -ms-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  -o-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  margin-bottom: 30px;
  border-bottom: none;
  bottom: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.fh5co-cards .fh5co-card img {
  z-index: -1;
}
.fh5co-cards .fh5co-card .fh5co-card-body {
  padding: 30px;
}
.fh5co-cards .fh5co-card .fh5co-card-body h3 {
  font-size: 20px;
  color: #000000;/* タイトルの文字色 */
  margin-bottom: 10px;
}
.fh5co-cards .fh5co-card .fh5co-card-body p {
  color: #333;/* 文字色 */
}
.fh5co-cards .fh5co-card .fh5co-card-body p:last-child {
  margin-bottom: 0;
}
.fh5co-cards .fh5co-card:hover {
  text-decoration: none;
  border-bottom: none;
  bottom: 10px;
}
.fh5co-cards .fh5co-card:hover h3 {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #57cecd;/* マウスオーバー時のタイトル文字色 */
}




.quote {
  width: 80%;
  margin: 0 auto;
  font-size: 28px;
  font-weight: 300;
  line-height: 38px;
}
.quote cite {
  margin-top: 20px;
  display: block;
  font-size: 20px;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  .quote {
    font-size: 20px;
    width: 100%;
  }
}



/* ================ Spacer　余白を作る =============== */

.fh5co-spacer {
  clear: both;
  position: relative;
  border: none;
  padding: 0;
  margin: 0;
}


.fh5co-spacer-xlg {
  height: 150px;
}
@media screen and (max-width: 768px) {
  .fh5co-spacer-xlg {
    height: 70px;
  }
}


.fh5co-spacer-lg {
  height: 100px;
}
@media screen and (max-width: 768px) {
  .fh5co-spacer-lg {
    height: 50px;
  }
}


.fh5co-spacer-md {
  height: 80px;
}
@media screen and (max-width: 768px) {
  .fh5co-spacer-md {
    height: 30px;
  }
}


.fh5co-spacer-sm {
  height: 50px;
}
@media screen and (max-width: 768px) {
  .fh5co-spacer-sm {
    height: 20px;
  }
}


.fh5co-spacer-xs {
  height: 30px;
}
@media screen and (max-width: 768px) {
  .fh5co-spacer-xs {
    height: 20px;
  }
}


.fh5co-spacer-xxs {
  height: 20px;
}




.fh5co-letter-spacing {
  letter-spacing: 1px;
}

.fh5co-no-margin-bottom {
  margin-bottom: 0 !important;
}



.fh5co-uppercase-heading-sm {
  font-size: 14px;
  line-height: 26px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #ccc;
}

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

.image-popup:hover {
  opacity: .7;
}

.fh5co-section-heading .fh5co-lead {
  position: relative;
}
.fh5co-section-heading .fh5co-lead > .fh5co-line {
  height: 2px;
  display: block;
  width: 100px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -50px;
  background: rgba(0, 0, 0, 0.3);
}



.fh5co-section-heading .fh5co-sub {
  font-size: 18px;
}



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

個別のクラス

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

/* ================ ボタンパーツ ================ */

.btn {
  border-bottom: none !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 10px;
}
.btn:hover, .btn:focus, .btn:active {
  box-shadow: none;
  outline: none !important;
  border-color: transparent;
}
.btn.fh5co-btn-icon {
  text-transform: none !important;
  letter-spacing: normal !important;
  padding-left: 15px;
  padding-right: 15px;
}

.btn-outline {
  border: 2px solid #e85035 !important;/* オレンジボタン枠の色 */
  background: rgba(232,80,53, 0.85);/* オレンジボタンの色 */
  color: #2a2e37;
}
.btn-outline:hover, .btn-outline:active, .btn-outline:focus {
  border: 2px solid #f86942 !important;/* オレンジボタン枠　オンマウスの色 */
  background: #f86942 !important;/* オレンジボタン　オンマウスの色 */
  color: #ffffff;
}

.btn-primary {
  border: 2px solid #008842 !important;/* グリーンボタン枠の色 */
  background: rgba(0,102,51, 0.85);/* グリーンボタンの色 */
  color: #2a2e37;
}

.btn-primary:hover, .btn-outline:active, .btn-outline:focus {
  border: 2px solid #008842 !important;/* グリーンボタン枠　オンマウスの色 */
  background: #009933 !important;/* グリーンボタン　オンマウスの色 */
  color: #ffffff;
}

.btn-tokyo {
  border: 2px solid #0071E1 !important;/* ブルーボタン枠の色 */
  background: rgba(0,102,255, 0.85);/* ブルーボタンの色 */
  color: #2a2e37;
}

.btn-tokyo:hover, .btn-outline:active, .btn-outline:focus {
  border: 2px solid #00ADF9 !important;/* ブルーボタン枠　オンマウスの色 */
  background: #00ADF9 !important;/* ブルーボタン　オンマウスの色 */
  color: #ffffff;
}




.btn-success {
  background: #00e195;
}

.btn-danger {
  background: #e02745;
}

.btn-info {
  background: #0bbff2;
}

.btn-warning {
  background: #ffd042;
}

.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  border-color: transparent;
}

.btn-default:hover, .btn-default:active, .btn-default:focus,
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
  background: #282e3c;
  color: #ffffff;
}




.form-control {
  box-shadow: none !important;
  border: 2px solid #ccc;
}
.form-control:hover, .form-control:focus, .form-control:active {
  outline: none;
  box-shadow: none !important;
  border: 2px solid #57cecd;
}




/* =========== ジャバ要素をクラスで ============= */

.js .to-animate,
.js .feature-box,
.js .work-box,
.js .footer-box,
.js .animate-box {
  opacity: 0;
}



/* =========== 要素で下を空ける ============= */

.heading {
  margin-bottom: 3em;
}



/* =========== ブロック分けの記載（features）=========== */

#fh5co-features {
  padding: 5em 0;/* 余白 */
}
#fh5co-features .fh5co-feature {
  margin-bottom: 12px;/* 下の空き */
}
#fh5co-features .fh5co-feature .heading {
  font-size: 18px;
  margin-bottom: 20px !important;
  font-weight: normal;
  color: #2e2e2e;
}
#fh5co-features .fh5co-feature-icon {
  margin: 0 auto 2em auto;
  text-align: center;
  border-radius: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
#fh5co-features .fh5co-feature-icon i {
  vertical-align: middle;
  font-size: 50px;
  color: #57cecd;
}





/* Header */

.fh5co-header {
  text-align: center;
}
.fh5co-header .fh5co-heading {
  font-weight: bold;
  font-size: 45px;
  line-height: 57px;
}
@media screen and (max-width: 768px) {
  .fh5co-header .fh5co-heading {
    font-size: 30px !important;
    line-height: 42px !important;
  }
}
.fh5co-header .fh5co-heading-sub {
  color: #777;
  font-size: 18px;
  line-height: 30px;
}




/* =========== ＴＡＢブロック =========== */

.fh5co-tab {
  clear: both;
  display: block;
}

.resp-tab-active {
  color: #57cecd;/* アクション後の文字色 */
}

.resp-content-active, .resp-accordion-active {
  display: block;
}

.fh5co-tab-menu-icon {
  font-size: 20px;
  position: relative;
  float: left;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  .fh5co-tab-menu-icon {
    margin-top: 7px;
  }
}





#fh5co-feature-slider .fh5co-item-slide-text {
  margin-top: 1em;
}
#fh5co-feature-slider .fh5co-item-slide-text > h2 {
  position: relative;
  padding-bottom: 20px;
}
#fh5co-feature-slider .fh5co-item-slide-text > h2 span {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 3px;
  background: #ccc;
  background: rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 992px) {
  #fh5co-feature-slider .fh5co-item-slide-text {
    margin-top: 0em;
  }
}
@media screen and (max-width: 768px) {
  #fh5co-feature-slider .fh5co-item-slide-text {
    margin-top: 0em;
  }
}
@media screen and (max-width: 480px) {
  #fh5co-feature-slider .fh5co-item-slide-text {
    margin-top: 0em;
  }
}





#fh5co-testimonial {
  padding: 7em 0;
  background-size: cover;
}
#fh5co-testimonial.border-top {
  border-top: 1px solid whitesmoke;
}
@media screen and (max-width: 768px) {
  #fh5co-testimonial {
    padding: 7em 0;
  }
}
#fh5co-testimonial blockquote {
  padding-left: 0;
  width: 70%;
  margin: 0 auto;
  color: #ffffff;
  border-left: none;
  font-size: 45px;
  line-height: 57px;
}
@media screen and (max-width: 768px) {
  #fh5co-testimonial blockquote {
    width: 100%;
    font-size: 35px;
    line-height: 47px;
  }
}
#fh5co-testimonial blockquote p {
  text-align: center;
  color: #ffffff;
}
#fh5co-testimonial .fh5co-testimonial-author {
  font-size: 18px;
}
#fh5co-testimonial .fh5co-uppercase-heading-sm {
  color: #000000;
}




/* =========== グラフbar表記 =========== */

.progress {
  height: 15px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.progress-bar {
  box-shadow: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
.progress-bar.progress-bar-default {
  background: #57cecd;/* barの色（緑） */
}
.progress-bar.progress-bar-success {
  background: #00e195;/* barの色（黄緑） */
}
.progress-bar.progress-bar-info {
  background: #0bbff2;/* barの色（水色） */
}
.progress-bar.progress-bar-warning {
  background: #ffd042;/* barの色（黄色） */
}
.progress-bar.progress-bar-danger {
  background: #e02745;/* barの色（赤） */
}





/* Social Icons */

.fh5co-social-icons {
  padding: 0;
}
.fh5co-social-icons li {
  list-style: none;
  display: inline;
  display: inline-block;
}
.fh5co-social-icons li a {
  height: 40px;
  width: 40px;
  border: 1px solid #ebebeb;
  display: table;
  text-align: center;
  color: #2e2e2e;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.fh5co-social-icons li a:hover {
  background: #f86942;
  border: 1px solid #f86942 !important;
  color: #ffffff !important;
}
.fh5co-social-icons li i {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
}






/* Pricing Tables */

@media screen and (max-width: 992px) {
  .fh5co-pricing-table-1 .fh5co-pricing-table-item {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 768px) {
  .fh5co-pricing-table-1 .fh5co-pricing-table-item {
    margin-bottom: 20px !important;
    float: left;
    width: 100%;
  }
}
.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-body,
.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-heading {
  text-align: center;
  float: left;
  width: 100%;
  padding: 1em 2em;
}
.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-heading {
  background: #57cecd;
  color: #ffffff;
}
.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-heading h3 {
  font-size: 70px;
  position: relative;
  display: inline-block;
}
.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-heading h3 sup {
  position: absolute;
  top: 2px;
  margin-left: -7px;
}
.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-heading h3 sup, .fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-heading h3 span {
  font-size: 14px;
  text-transform: uppercase;
}
.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-heading p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.fh5co-pricing-table-1 .fh5co-pricing-table-item.fh5co-best-offer .fh5co-pricing-table-item-heading {
  background: #57cecd;
  color: #ffffff;
}
.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-body {
  border: 2px solid #ccc;
  border-top: none;
}
.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-body ul {
  padding: 0;
  margin: 0;
}
.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-body ul li {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
}
.fh5co-pricing-table-1 .fh5co-pricing-table-item.fh5co-best-offer .fh5co-pricing-table-item-body {
  border: 2px solid #57cecd;
  border-top: none;
}







/* Nav Links */

.fh5co-nav-links ul {
  padding: 0;
  margin: 0;
}
.fh5co-nav-links ul li {
  padding: 0;
  margin: 0 0 .5em 0;
  list-style: none;
}
.fh5co-nav-links ul li.active a {
  color: #2e2e2e;
  border-bottom: 2px solid #57cecd;
}





/* ========画像のポジション======== */

img.fh5co-align-right {
  float: right;
  margin: 0 0 .5em 1em;
}
@media screen and (max-width: 480px) {
  img.fh5co-align-right {
    width: 100%;
    margin: 0 0 .5em 0;
  }
}
img.fh5co-align-left {
  float: left;
  margin: 0 1em .5em 0;
}
@media screen and (max-width: 480px) {
  img.fh5co-align-left {
    width: 100%;
    margin: 0 0 .5em 0;
  }
}
img.fh5co-align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a > img.fh5co-align-right {
  float: right;
  margin: 0 0 .5em 1em;
}
@media screen and (max-width: 480px) {
  a > img.fh5co-align-right {
    width: 100%;
    margin: 0 0 .5em 0;
  }
}
a > img.fh5co-align-left {
  float: left;
  margin: 0 1em .5em 0;
}
@media screen and (max-width: 480px) {
  a > img.fh5co-align-left {
    width: 100%;
    margin: 0 0 .5em 0;
  }
}
a > img.fh5co-align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}







/* ========会社概要　アクセスマップ======== */


/* テーブル要素（table css） */

#campany table {
width: 95%; /* 概要リストの幅 */
font-size: 1.0em;
vertical-align:middle;
margin:0 auto;
table-layout:fixed;
border:1px solid #999999;
background:#FCF3F4;
opacity: .75; /* 透明度 */

}
#campany th {
background-color:#3E97C1;
padding:12px;
text-align:center;
color:#fff;
border:1px solid #999999;
}
#campany td {
padding:12px;
border:1px solid #999999;
}



/* アクセスマップ(iframe) */

div.iframe-map {
position: relative;
width: 100%;
padding-top: 75%; /* サイズ比 */
}

div.iframe-map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/* ========制作までの流れ======== */

/* --- リストエリア --- */
ol.flow {
width: 98%; /* エリアの幅 */
margin: 0;
padding: 9px 0px 7px;
list-style-type: none;
font-size: 1.0em;
}

/* --- リスト項目 --- */
ol.flow li {
margin-bottom: 12px; /* リスト項目の下マージン */
padding-bottom: 28px; /* リスト項目の下パディング */
background: url(../images/flow_back.gif) no-repeat center bottom; /* リスト項目の背景 */
}
/* --- 最後のリスト項目 --- */
ol.flow li.last {
margin-bottom: 0;
padding-bottom: 0;
background-image: none;
}

/* --- ボックス --- */
ol.flow dl {
margin: 0;
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
}

/* --- タイトルエリア --- */
ol.flow dt {
padding: 9px 10px 7px; /* タイトルエリアのパディング（上、左右、下） */
background-color: #f9f9f9; /* タイトルエリアの背景色 */
border-bottom: 1px #c0c0c0 solid; /* タイトルエリアの下境界線 */
font-weight: bold;
color: #999999;
}
/* --- タイトル --- */
ol.flow dt strong {
margin-left: 3px;
color: #2b2b2b;
}

/* --- 本文エリア --- */
ol.flow dd {
margin: 0;
padding: 15px 10px; /* 本文エリアのパディング（上下、左右） */
background-color: #ffffff; /* 本文エリアの背景色 */
color: #2b2b2b;
line-height: 150%;
}





/* ========メールフォームエリア======== */


/* --- フォームエリア --- */
.contact {
width: 95%; /* フォームエリアの幅 */
font-size: 1.0em;
padding:0px 0px 0px 0px;
}
/* --- フォームエリア内の段落 --- */
.contact p {
line-height: 150%;
}
/* --- テーブル --- */
.contact table {
width: 100%; /* テーブルの幅 */
background-color: #f9f9f9; /* テーブルの背景色 */
border: 0px #c0c0c0 solid; /* テーブルの境界線 */
}
/* --- 見出しセル（th） --- */
.contact th {
width: 30%; /* 見出しセルの幅 */
padding: 0px 10px; /* 見出しセルのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しセルの下境界線 */
text-align: center;
line-height: 150%;
}
/* --- 見出しセル内の補足テキスト --- */
.contact th span.supplement {
font-weight: normal;
}
/* --- データセル（td） --- */
.contact td {
padding: 20px 10px 20px; /* データセルのパディング（上、左右、下） */
background-color: #ffffff; /* データセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* データセルの下境界線 */
font-size: 1.25em;
line-height: 150%;
}
/* --- データセル内の補足テキスト --- */
.contact td span.supplement {
font-size: 0.7em;
color: #808080;
}

.contact td span.supplement2 {
color: #FF0000;
}

/* --- 必須項目セル --- */
.contact td.required {
width: 7%; /* 必須項目セルの幅 */
padding: 0px 3px; /* 必須項目セルのパディング（上下、左右） */
background-color: #c4e6fa; /* 必須項目セルの背景色 */
text-align: center;
}
/* --- 任意項目セル --- */
.contact td.arbitrary {
background-color: #e0f1fc; /* 任意項目セルの背景色 */
}

/* --- フォーム部品 --- */
.contact input,
.contact select,
.contact textarea {
margin-bottom: 6px; /* フォーム部品の下マージン */
}

/* --- フォーム部品のサイズ --- */
/* --- （長めのテキスト入力欄） --- */
#company,#email,#address {
width: 100%; /* フォーム部品の幅 */
}
#section, #name, #name1 {
width: 80%; /* フォーム部品の幅 */
}
/* --- （中めのテキスト入力欄） --- */
#tel,#fax1 {
width: 70%; /* フォーム部品の幅 */
}
/* --- （短めのテキスト入力欄） --- */
#zip1, {
width: 60%; /* フォーム部品の幅 */
}
/* --- （複数行のテキスト入力欄） --- */
#message {
width: 100%; /* フォーム部品の幅 */
height: 15em; /* フォーム部品の高さ */
}

/* --- ボタン --- */
.contact p.button {
margin: 20px 0 0; /* ボタンのマージン（上、左右、下） */
text-align: center;
}





/* ========クライアント一覧======== */

/* --- サイトマップエリア --- */
ul.sitemap {
width: 100%; /* サイトマップエリアの幅 */
margin: 0px 0px 0 0px;
padding: 0px 0px 0 0px; /* パディング（上右下左） */
font-weight: bold; /* 一旦全ての文字を太字にする */
list-style-type: none;
font-size: 100%;
color: #2b2b2b;
}

/* --- 入れ子にされたリスト用 --- */
ul.sitemap ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- 全てのリスト項目 --- */
ul.sitemap li {
padding: 1px 0 0 10px; /* 1階層目のパディング（上右下左） */
background: url(../images/v_line1.gif) no-repeat left top; /* 1階層目の背景 */
line-height: 150%;
}

/* --- 2階層目のコンテナ --- */
ul.sitemap div.contentNav {
width: 100%; /* コンテナの幅 */
margin-top: 20px; /* コンテナの上マージン */
}

/* --- セクション（2階層目のリストエリア） --- */
ul.sitemap ul.section {
width: 50%; /* セクションの幅 */
float: left;
}

/* スマホ480CSS */

@media screen and (max-width:480px)
{
ul.sitemap ul.section {
width: 100%; /* セクションの幅 */
}
}

ul.sitemap ul.separator {
background: url(../images/v_separator.gif) repeat-y right top; /* セクション間の垂直区切り線 */
}

/* --- 2階層目以降のリスト項目 --- */
ul.sitemap ul.section li {
margin: 0 20px 20px 0; /* 2階層目のマージン（上右下左） */
padding: 1px 0 10px 15px; /* 2階層目のパディング（上右下左）上書き */
background: url(../images/v_line4.gif) no-repeat 5px 0; /* 2階層目の背景 上書き */
border-bottom: 1px #c0c0c0 dotted; /* 2階層目の下境界線 */
}

/* --- 3階層目以降のリストエリア --- */
ul.sitemap ul.section ul {
margin: 7px 0 0 8px; /* 3階層目以降のマージン（上右下左） */
font-weight: normal; /* 3階層目以降の文字をノーマルの太さに戻す */
}

/* --- 3階層目以降のリスト項目 --- */
ul.sitemap ul.section ul li {
margin: 0 0 6px 0; /* 3階層目以降のマージン（上右下左）上書き */
padding: 0 0 0 12px; /* 3階層目のパディング（上右下左）上書き */
background: url(../images/triangle5.gif) no-repeat 0 0.2em; /* 3階層目の背景 上書き */
border-bottom: none; /* 3階層目以降の下境界線 上書き */
}


/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}





/* ========　スタップ紹介　======== */


/* トップページの写真テキスト */


.staff-t {
  width: 100%;
}

.staff-t-image {
  width: 100%;
}

.staff-t-text {
		margin: 0px;
		padding:10px 10px 0px 10px;
		background: rgba(0,153,255, 0.9); /* ボックスの背景（青色） */
		font-size: 13px; /* ボックスの文字サイズ */
}
.staff-t-text h3 {
		font-size:1.3em;
		font-weight:bold;
		color:#fff;
  line-height : 150%;
		padding:5px 3px 0px 3px;
}
.staff-t-text p {
		font-size:1.0em;
		color:#fff;
  line-height : 140%;
		padding:0px 0px 0px 0px;
}


@media screen and (max-width: 768px) {
	.staff-t-image {
	 float: left;
  width: auto;
  height: 150px;
	}
	.staff-t-text {
			margin: 0px 2px 0px 2px;
			padding:10px 10px 0px 10px;
			background: rgba(0,153,255, 0.9); /* ボックスの背景（青色） */
	  height: 150px;
	}
}


/* コンテンツページのスタッフ */


#staff-main {
  position: relative;
  float: left;
  width: 90%;
  margin:  0px 0px 50px 30px; /* （上右下左） */
  padding:  20px 20px 20px 8px; /* （上右下左） */
  border: double 5px #008842;
  font-size: 15px;
  line-height: 150%;
  clear: both;
}


/* 背景ありタイトル */

#staff-main h4 {
  padding: 6px;
  background: #E6FCEF;
  font-size: 16px;
		font-weight:bold;
		color: #008842;
}


/* 吹き出しタイトル */

#staff-main h5 {
  position: relative;
  padding: 1.0rem 1.0rem;
  font-size: 16px;
  color: #fff;
  border-radius: 3px;
  background: #008842;
}

#staff-main h5:after {
  position: absolute;
  bottom: -9px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #094 transparent transparent transparent;
}


/* 両サイドに二重線タイトル */

#staff-main h6 {
  position: relative;
  display: inline-block;
  padding: 0 65px;
  font-size: 30px;
		font-weight:bold;
		color: #008842;
}

#staff-main h6:before,
#staff-main h6:after {
  position: absolute;
  top: calc(50% - 3px);
  width: 50px;
  height: 6px;
  content: '';
  border-top: solid 2px #008842;
  border-bottom: solid 2px #008842;
}

#staff-main h6:before {
  left: 0px;
}

#staff-main h6:after {
  right: 0;
}


/* テーブル要素（table css） */

#staff-main table {
width: 100%; /* 概要リストの幅 */
font-size: 1.0em;
vertical-align:middle;
margin:0px auto;
table-layout:fixed;
border:0px solid #fff;
}
#staff-main th {
background-color:#E6FCEF;
padding:10px;
font-size: 1.1em;
text-align:center;
color:#008842;
border-bottom:8px solid #fff;
}
#staff-main td {
padding:10px;
border:6px solid #fff;
}







/* ========　商品のご案内　======== */

#service {
  margin-bottom: 20px !important;
  float: center;
  width: 100%;
}

.box_service01:hover, .box_service01:active, .box_service01:focus {
  background: #00ACF9 !important;/*オンマウスの色 */
		color: #fff;
}

/* 項目選択ボタン（二重線の枠）*/

@media only screen and (min-width: 768px) {
.box_service01 {
				width: 180px; /* 幅 */
				height: 180px; /* 高さ */
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box_service01 .p1 {
    margin: 0; 
    padding: 0;
		  font-size: 20px;
		  line-height: 42px;
}

.box_service01 .p2 {
    margin: 0; 
    padding:  0px 20px 0px 20px; /* （上右下左） */
		  font-size: 24px;
		  line-height: 150%;
}

.box_service01 .p3 {
    margin: 0; 
    padding: 0;
		  font-size: 40px;
		  line-height: 42px;
}

	.box_flex01 {
					display: flex;
					flex-flow: column;
					justify-content:space-between;
	}
}

@media only screen and (max-width: 768px) {
.box_service01 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box_service01 .p1 {
    margin: 0; 
    padding: 0.5em 0em;
		  font-size: 16px;
		  line-height: 100%;
}

.box_service01 .p2 {
    margin: 0; 
    padding: 0.5em 0em;
		  font-size: 16px;
		  line-height: 100%;
}

.box_service01 .p3 {
    margin:  5px 0px 0px 0px; /* マージン（上右下左） */
    padding: 0;
		  font-size: 20px;
		  line-height: 100%;
}
	.box_flex01 {
					display: flex;
			  justify-content: space-between;
	}
}


/* 商品選択ボタン（影あり枠）*/

#service_main {
  margin: 0px !important;
  width: 100%;
}

@media only screen and (min-width: 768px) {
	.box_service02 {
					width: 300px; /* 幅 */
					height: 130px; /* 高さ */
	    padding:  6px 6px 0px 6px; /* （上右下左） */
	    margin: 0em 0;
	    color: #5d627b;
	    background: white;
					border-top: solid 5px #00ACF9; /* 東京海上の色 */
	    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	}
	.box_service02 .p1 {
	    margin: 0; 
	    padding:  0px 20px 0px 20px; /* （上右下左） */
			  font-size: 20px;
					color: #00389D;
			  line-height: 150%;
	}
	.box_service02 .p2 a{
					position: absolute;
					width: 280px; /* 幅 */
	    background: #00389D;
	    margin:  12px 6px 0px 6px; /* （上右下左） */
	    padding:  3px 6px 3px 6px; /* （上右下左） */
					text-align:center; 
			  font-size: 15px;
					color: #fff;
					bottom: 3px;
					border-radius: 6px; /*角丸*/
	}
	.box_service02 .p2 a:hover, .box_service01:active, .box_service01:focus {
	  background: #00ACF9 !important;/*オンマウスの色 */
			color: #fff;
	}
	.box_flex02 {
					display: flex;
					flex-flow: column;
					justify-content:space-between;
	}
}

@media only screen and (max-width: 768px) {
	.box_service02 {
					width: 95%; /* 幅 */
	    padding: 1.0em 0.5em;
	    margin: 2em 0;
	    color: #5d627b;
	    background: white;
					border-top: solid 3px #00ACF9; /* 東京海上の色 */
					border-left: solid 5px #00ACF9; /* 東京海上の色 */
	    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	}
	.box_service02 .p1 {
			  position: relative;
	    margin:  0px 0px 20px 0px; /* （上右下左） */
	    padding:  0px 0px 0px 10px; /* （上右下左） */
			  font-size: 18px;
					color: #00389D;
			  line-height: 150%;
	}
	.box_service02 .p2 a{
			  position: relative;
	    background: #00389D;
	    margin:  20px 6px 20px 10px; /* （上右下左） */
	    padding:  12px 12px 12px 12px; /* （上右下左） */
					text-align:center; 
			  font-size: 15px;
					color: #fff;
					border-radius: 6px; /*角丸*/
	}
	.box_service02 .p2 a:hover, .box_service02 .p2:active, .box_service02 .p2:focus {
	  background: #00ACF9 !important;/*オンマウスの色 */
			color: #fff;
	}
	.box_flex02 {
					display: flex;
					flex-flow: column;
					justify-content:space-between;
	}
}



/* 商品一覧ボタン（ベタ枠）*/


.btn-service {
		position: relative;
  margin:  50px 0px 0px 0px; /* （上右下左） */
		width: 100%; /* 幅 */
  border: 2px solid #0071E1 !important;/* ブルーボタン枠の色 */
  background: rgba(0,102,255, 0.85);/* ブルーボタンの色 */
  color: #2a2e37;
}

.btn-service:hover, .btn-outline:active, .btn-outline:focus {
  border: 2px solid #00ADF9 !important;/* ブルーボタン枠　オンマウスの色 */
  background: #00ADF9 !important;/* ブルーボタン　オンマウスの色 */
  color: #ffffff;
}

@media only screen and (max-width: 768px) {
	.btn-service {
	  margin:  10px 0px 0px 0px; /* （上右下左） */
			width: 95%; /* 幅 */
	}
}


@media only screen and (min-width: 768px) {
	.box_service03 {
					width: 300px; /* 幅 */
					height: 130px; /* 高さ */
	    padding:  0px 0px 0px 0px; /* （上右下左） */
	    margin: 0em 0;
	}
}

@media only screen and (max-width: 768px) {
	.box_service03 {
					width: 100%; /* 幅 */
	    padding: 0.0em 0.0em;
	    margin: 0em 0;
	}
}


/*　吹き出し　*/


.balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  color: #00389D;
  font-size: 16px;
  background: #FFF;
  border: solid 2px #00389D;
		border-radius: 10px;
  box-sizing: border-box;
}

.balloon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

.balloon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #00389D;
  z-index: 1;
}

.balloon p {
  margin: 0;
  padding: 0;
}





/* =========== Q&A =========== */

/* アコーディオン表記 */

.fh5co-accordion .panel-default .panel-heading {
  background: #008842; /* [Q]ページを開いている時のタイトル背景色 */
  padding: 30px 5em 30px 5em; /* （上右下左） */
}
.fh5co-accordion .panel-heading .accordion-toggle {
  font-size: 16px;
  color: #ffffff;/* ページを開いている時のタイトル文字色 */
	 line-height: 150%;
}

.fh5co-accordion .panel-default .panel-heading.collapsed {
  background: #E6FCEF; /* [Q]ページを閉じている時のタイトル背景色 */
  padding: 30px 5em 30px 5em; /* （上右下左） */
}
.fh5co-accordion .panel-heading.collapsed .accordion-toggle {
  font-size: 16px;
  color: #000000 !important;/* 閉じているページのタイトル文字色 */
	 line-height: 150%;
}


/* QAアイコン */

.fh5co-accordion .panel-heading::before {
	position: absolute;
	font-size: 2.5em; /* 「Ｑ」文字サイズ */
	color: #ffffff; /* 「Ｑ」文字色 */
	margin: -0.3em 0em 0 -1.6em; /* （上右下左） */
	padding: 8px 6px; /* 「Ｑ」アイコンのサイズ */
	content: 'Q';
	background: #FF8F59; /* 「Ｑ」アイコンの色 */
}

.panel-collapse .panel-body {
		margin: 0em 0em 0 4em; /* （上右下左） */
  font-size: 14px; /* 「Ａ」文章の文字サイズ */
}

.panel-collapse .panel-body::before {
	position: absolute;
	display: inline-block;
	margin: 0 0em 0 -3.5em;
	padding: 10.5px 10.5px;　 /*　画像の半分のサイズにすること　*/
	width: 21px;　 /*　画像の幅と同じにすること　*/
	height: 21px;  /*　画像の高さと同じにすること　*/
	content: '';
 background-image: url(../images/a5.gif); /* 「Ａ」の画像 */
}


/* 開閉アイコン */

.fh5co-accordion .panel-heading .accordion-toggle:after {
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff !important; /* ページを閉じる(-)色 */
  position: absolute;
  content: "\e622";
		font-weight:bold;
  right: 15px;
  top: 26px; /* 開閉アイコンの縦位置 */
  font-size: 24px; /* 開閉アイコン(+)(-)サイズ */
		background: #000000; /* 開閉アイコンの色 */
		padding: 8px 8px; /* 開閉アイコンのサイズ */
}
.fh5co-accordion .panel-heading.collapsed .accordion-toggle:after {
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff !important;/* ページを開く(+)色 */
  position: absolute;
  content: "\e61a";
		font-weight:bold;
  right: 15px;
  top: 26px; /* 開閉アイコンの縦位置 */
}


.fh5co-accordion .panel-title > a {
  border-bottom: none !important;
}
.fh5co-accordion .panel-title > a:hover {
  border-bottom: none !important;
}
.fh5co-accordion .panel-heading {
  background: transparent;
  position: relative;
  cursor: pointer;
}






/* ================ コンテンツ（想い） ================ */

/* コンテンツ */

#future-main {
  position: relative;
  float: left;
  width: 100%;
  margin:  0px 0px 50px 0px; /* （上右下左） */
  padding:  0px 0px 0px 0px; /* （上右下左） */
  font-size: 15px;
  line-height: 150%;
  clear: both;
}

/* 下線付きタイトル */

#future-main h2 {
  border-bottom: solid 2px #008842;
  margin:  0px 0px 30px 0px; /* （上右下左） */
  padding:  0px 0px 0px 0px; /* （上右下左） */
  font-size: 18px;
		font-weight:bold;
  color: #008842;
}


/* テキスト入りメイン画像 */

#future-hero {
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;/* トップイメージ（背景画像）初期位置の設定 */
  float: left;
  width: 100%;
  display: table;
  position: relative;
  z-index: 20;
  color: #ffffff;
}
#future-hero .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #ffffff;
  opacity: .97;
}
@media screen and (max-width: 768px) {
  #future-hero {
    background-position: top;/* Ｍトップイメージ（背景画像）初期位置の設定 */
  }
}



/* 画像内のテキスト */

#future-hero .future-hero-wrap {
  padding-top: 5em;/* テキストの開始位置 */
  padding-bottom: 5em;/* テキストの下余白 */
  display: table;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #future-hero .future-hero-wrap {
  padding-top: 0.0em;/* モバイル時のテキスト開始位置 */
  padding-bottom: 0em;/* モバイル時のテキストの下余白 */
  }
}
#future-hero .future-hero-wrap .future-hero-intro {
  vertical-align: middle;
  text-align: center;
  color: #ffffff;
}

#future-hero .future-hero-wrap .future-hero-intro > h1 {
  font-family:serif; /* 明朝体の指定 */
  font-size: 60px;
  line-height: 100%;
		letter-spacing: 0px;	/* 文字間 */
  color: #008842;/* h1の文字色 */
  font-weight: bold;
  text-shadow: 2px 2px 1px rgba(204,255,204, 0.2);
}
@media screen and (max-width: 768px) {
  #future-hero .future-hero-wrap .future-hero-intro > h1 {
  font-size: 40px;
  }
}

#future-hero .future-hero-wrap .future-hero-intro > h2 {
  font-family:serif; /* 明朝体の指定 */
  font-size: 40px;
  line-height: 100%;
		letter-spacing: 3px;	/* 文字間 */
  color: #000;/* h1の文字色 */
  font-weight: bold;
  text-shadow: 2px 2px 1px rgba(204,255,204, 0.2);
}
@media screen and (max-width: 768px) {
  #future-hero .future-hero-wrap .future-hero-intro > h2 {
  font-size: 30px;
  }
}

#future-hero .future-hero-wrap .future-hero-intro > h3 {
  font-family:serif; /* 明朝体の指定 */
  font-size: 30px;
  line-height: 100%;
		letter-spacing: 0px;	/* 文字間 */
  color: #008842;/* h1の文字色 */
  font-weight: bold;
  text-shadow: 2px 2px 1px rgba(204,255,204, 0.2);
}
@media screen and (max-width: 768px) {
  #future-hero .future-hero-wrap .future-hero-intro > h3 {
  font-size: 20px;
  }
}

#future-hero .future-hero-wrap .future-hero-intro > p {
		margin: 0em 0em 0em 0em; /* （上右下左） */
		padding: 0em 0em 0em 0em; /* （上右下左） */
  font-size: 16px;
  line-height: 150%;
		letter-spacing: 1px;	/* 文字間 */
  color: #000000; /* 文字色 */
  text-shadow: 2px 2px 1px rgba(255,255,255, 0.5);
}
@media screen and (max-width: 768px) {
  #future-hero .future-hero-wrap .future-hero-intro > p {
  font-size: 15px;
  }
}

#future-hero .future-hero-wrap .btn:hover, #future-hero .future-hero-wrap .btn:active, #future-hero .future-hero-wrap .btn:focus {
  background: #fff;
  border-color: #fff;
}


body.inner-page #future-hero .future-hero-wrap {
  padding-top: 0em;
}
@media screen and (max-width: 768px) {
  body.inner-page #future-hero .future-hero-wrap {
    padding-top: 0em;
  }
}

@media screen and (max-width: 768px) {
  #future-hero, .future-hero-wrap {
    position: relative;
    padding: 1em 0 1em 0;/* モバイル時のテキスト余白調整 */
    height: inherit !important;
  }
}




/*================================================
 *      フッター
 ================================================*/

@media print, screen and (min-width:769px) {

/*フッター全体*/

footer {
	clear: both;
	text-align: center;
	background: #000;	/*背景色*/
	color: #FFF;			/*文字色*/
	padding-top: 15px;
	padding-bottom: 15px;
}

.address{
	clear: both;
 padding:30px 0px 20px 0px; /* 余白（上右下左） */
 font-size:0.75em;
 color:#fff;
 text-align:center;
}


footer a {
	color: #FFF;	/*文字色*/
	text-decoration: none;
	margin:20px 20px 20px 0px; /* 余白（上右下左） */
 padding:0px 0px 0px 15px; /* 余白（上右下左） */
 background: url(../images/bg_footmenu.gif) 0 50% no-repeat;

}
footer a:hover {
	color: #FC0;	/*マウスオン時の文字色*/
}


/*フッターメニュー*/

.footermenu {
	text-align: right;
	width: 1000px;
	margin: 0px auto;
	margin-bottom: 20px;
	overflow: hidden;
	font-size: 11px;	/*文字サイズ*/
}
.footermenu ul {
	float: left;
	width: 22.8%;	/*１列あたりの幅*/
	height: 100px;	/*１列あたりの高さ。※メニュー量に応じて調整して下さい。*/
	border-right: 1px solid #fff;	/*列ごとの右側に入る線の設定*/
	padding-left: 15px;	/*境界線との間にとるスペース*/
	list-style:none;
}
/*一番左の線*/
.footermenu ul:first-child {
	border-left: 1px solid #fff;
}
}



/* ======== フッター  ipad 向けデザイン ======== */

@media screen and (max-width:768px)
{
.footermenu {
	text-align: left;
	width: 95%;
	margin: 0px auto;
	margin-bottom: 20px;
 padding:0px 0px 0px 20px; /* 余白（上右下左） */
	overflow: hidden;
	font-size: 11px;	/*文字サイズ*/
}
.footermenu ul {
float: left;
width: auto;	/*１列あたりの幅*/
height: 100px;	/*１列あたりの高さ。※メニュー量に応じて調整して下さい。*/
border-right: 0px solid #fff;	/*列ごとの右側に入る線の設定*/
padding-left: 40px;	/*境界線との間にとるスペース*/
list-style:none;
}
/*一番左の線*/

.footermenu ul:first-child {
	border-left: 0px solid #fff;
}
.address{
	clear: both;
 padding:30px 0px 20px 0px; /* 余白（上右下左） */
 font-size:0.75em;
 color:#fff;
 text-align:center;
}
}


/* ======== フッター固定ボトムメニュー ======== */

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

/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
			border-bottom:15px solid #584007;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 100%;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
}

/*スタートメニュー（左）*/
#sp-fixed-menu li:first-child{
   background: #000000;
}

/*中間メニュー*/
#sp-fixed-menu li{
   background: #000000;
}

/*エンドメニュー（右）*/
#sp-fixed-menu li:last-child{
   background: #000000;
   border-right: 0px solid #fff;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:18px 0; /* メニューのパディング（上下、左右） */
}
}


/* ========ページトップへの戻り======== */

.totop {
	position:fixed;
	bottom:30px;
	right:50px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:#A8A8FF;/* アイコンの色 */
}
.totop img:hover {
	background:#C2C2C2;
}

@media only screen and (max-width: 680px) {
	.totop {
		position:fixed;
		bottom:100px; /* ボトムアイコンの上にするための100px */
		right:2px;
	}
	.totop img {
  width: 70%;
	}
}




/* ========オリジナルＣＳＳ======== */


/* パソコンのみで表示"pc"のclass */

.pc { display: block !important; }
.sp { display: none !important; }

/* タブレット以下で表示"sp"のclass */

@media only screen and (max-width: 680px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/* スマートフォンのみで表示"sp"のclass */

@media only screen and (max-width: 480px) {
.sm { display: block !important; }
}

/* ========　 見出しタイトルライン　======== */

/* h5（左下矢印タイトルライン） */

.child			/*タイトルh2*/
{
	width:98.5%;
	background:#A00E15;
	position:relative;

	font-size:1.2em;					/*テキストの補正*/
	line-height : 200%;
	font-weight:bold;
	color:#fff;
	margin:0px 0px 18px 0px; /* 外側のパディング（上右下左） */
	padding:5px 0px 0px 10px; /* 内側のパディング（上右下左） */
}

.child:after			/*擬似要素:after*/
{
	content: ' ';
	width:0;
	height: 0;
	position:absolute;
	border:10px solid transparent;
	border-top-color:#A00E15;
	top:100%;
	left:3%;
}


/* h6（イメージ背景）　 */

h6 {
 margin-top:5px;
 margin-bottom:15px;
 padding:2px 0 0 35px;
 color:#000;
 font-size:1.00em;
 font-weight:bold;
 line-height:28px;
 border:1px solid #D8D8D8;
 background:url(../images/bg_h2.gif) 0 0 no-repeat;
}



/* iframeのレスポンシブ */

.iframe-wrap {
		  position: relative;
		  width: 98%;
				margin: -10px 0px 50px 8px; /* マージン（上右下左） */
		  padding-top: 300px; /* フレームの高さ指定 */
		  overflow:auto; 
		  -webkit-overflow-scrolling:touch;
		  border:0px solid #ccc; 
}
.iframe-wrap iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}


.fun-button{ float:right; padding:0px 8px 0px 0px; vertical-align:middle; }


div#pan-url       { width:100%; display:block; overflow:hidden; margin:12px auto 0; }
div#pan-list      { float:left; margin:3px 0; }
div#pan-list  ul  { margin:0; padding:0; font-size:13px; }
div#pan-list  li  { 	display:inline; line-height:120%; list-style-type:none; }
div#pan-list  li a{ 	padding-right:10px; background:url(../images/topicpath.gif) no-repeat right; }


.strong{ font-weight:bold; }
.white  { color : #ffffff ; }
.black  { color : #000000 ; }
.blue   { color : #000094 ; }
.green  { color : #008000 ; }
.red    { color : #FF0F0F; }	 
.orange { color : #FF641A; }	 
.pink   { color : #FF00FF; }	 

.text10 {font-size: 10px; line-height : 150% ; }
.text10w {font-size: 10px; line-height : 150% ; }
.text12 {font-size: 12px; line-height : 150% ; }
.text12w {font-size: 12px; line-height : 160% ; }
.text14 {font-size: 14px; line-height : 150% ; }
.text14w {font-size: 14px; line-height : 200% ; }
.text15 {font-size: 15px; line-height : 150% ; }
.text16 {font-size: 16px; line-height : 150% ; }
.text18 {font-size: 18px; line-height : 150% ; }
.text20 {font-size: 20px; line-height : 150% ; }
.text26 {font-size: 26px; line-height : 150% ; }
.text30 {font-size: 30px; line-height : 150% ; }
.text40 {font-size: 40px; line-height : 150% ; }
.text50 {font-size: 50px; line-height : 100% ; }


@media screen and (max-width:680px) {
.text18 {font-size: 16px; line-height : 150% ; }
.text20 {font-size: 16px; line-height : 150% ; }
.text26 {font-size: 20px; line-height : 150% ; }
.text30 {font-size: 20px; line-height : 150% ; }
.text40 {font-size: 30px; line-height : 150% ; }
.text50 {font-size: 30px; line-height : 100% ; }
}


/* 日本語の大文字（明朝体） */

.text60 {
		font-size: 60px;
		font-family:  'MS Mincho'; テキストのフォント指定 */
		letter-spacing: 0px;
		line-height : 120% ; 
		}

@media screen and (max-width:680px) {
.text60 {
		font-size: 30px;
		font-family:  'MS Mincho'; テキストのフォント指定 */
		letter-spacing: 0px;
		line-height : 120% ; 
		}
}

/* 英字の大文字 */

.text70 {
		font-size: 60px;
		font-family: 'arial black';/* テキストのフォント指定 */
		letter-spacing: 0px;
		line-height : 120% ; 
		}

@media screen and (max-width:680px) {
.text70 {
		font-size: 30px;
		font-family: 'arial black';/* テキストのフォント指定 */
		letter-spacing: 0px;
		line-height : 120% ; 
		}
}


.text80 {
		font-size: 80px;
		font-family: 'arial black';/* テキストのフォント指定 */
		letter-spacing: 0px;
		line-height : 120% ; 
		}

@media screen and (max-width:680px) {
.text80 {
		font-size: 30px;
		font-family: 'arial black';/* テキストのフォント指定 */
		letter-spacing: 0px;
		line-height : 120% ; 
		}
}

.float-left  { float:left; }
.float-center{ float:center; }
.float-right { float:right; }
.align-center { text-align:center; }
.align-left  { text-align:left; margin-left:10px ; }
.align-right  { text-align:right; margin-right:10px ; }

.middle { vertical-align:middle;}　/* テキスト縦方向の中央揃え位置指定 */


@media screen and (max-width:680px){
	.center-photo {
	  display: block;
	  margin: 0 auto;
	  margin-left: auto;
	  margin-right: auto;
	}
}



.padding-6px{ padding:6px; }
.padding6   { padding:6px; }
.padding12  { padding:12px; }
.padding16  { padding:16px; }
.padding20  { padding:20px; }
.padding30  { padding:30px; }
.padding-b6 { padding-bottom:6px; }
.padding-b12{ padding-bottom:12px; }
.padding-b20{ padding-bottom:20px; }
.padding-b30{ padding-bottom:30px; }
.padding-t6 { padding-top:6px; }
.padding-t12{ padding-top:12px; }
.padding-t20{ padding-top:20px; }
.padding-t30{ padding-top:30px; }
.margin6   { margin:6px; }
.margin12  { margin:12px; }
.margin20  { margin:20px; }
.margin30  { margin:30px; }
.margin-b6 { margin-bottom:6px; }
.margin-b12{ margin-bottom:12px; }
.margin-b20{ margin-bottom:20px; }
.margin-b30{ margin-bottom:30px; }
.margin-t6 { margin-top:6px; }
.margin-t12{ margin-top:12px; }
.margin-t20{ margin-top:20px; }
.margin-t30{ margin-top:30px; }

.margin-b-20{ margin-bottom:-20px; }


.padding-le12{ padding-left:12px; }
.padding-le20{ padding-left:20px; }

@media screen and (max-width:768px){
.padding-le20{ padding-left:0px; }
}


/* 改行の指示（ＰＣとスマホ） */

@media screen and (min-width: 680px){   
  .bpc { display:inline-block; }
  .bsm { display:none; }
}
@media screen and (max-width: 680px){   
  .bpc { display:none; }
  .bsm { display:inline-block; }
}



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