/* Global */

body {
	font-family: "游明朝", "Yu Mincho", YuMincho, "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo", serif;
	font-weight: 400;
	font-size: 1em;
	color: #8a8683;
	background-color:#ffffff;
}
img {
	max-width: 100%;
}
a:link {
	color: #888;
	text-decoration: none;
}
a:hover {
	color: #aaa;
	text-decoration: none;
}

a:visited {
	color: #aaa;
	text-decoration: none;
}

.gaiyouListGaiyou{
  list-style:none;
	font-size:78%;
}

.gaiyouList{
  list-style:none;
}

.gaiyouList a{
	color: #eee;
}

/* Navigation */

.menu {
	position:fixed;
	top:0px;
	width:100%;
	height:auto;
	background-color:#ffffff;
	z-index:100;
}

#logo {
	text-align: left;
	margin: 10px;
}
#nav {
	text-align: left;
	margin: 30px 0 0 0;
}
.nvga{
	float: right;
	list-style: none;
	margin: 0;
}
.nvga li{
	float: left;
	padding:0 0 0 50px;
}
.navigation li:hover{
	cursor:pointer;
	color: #a9d3d0;
}

.navigation .active{
	cursor:pointer;
	color: #f68f67;
	font-weight:bold;
}
.nvga a:link {
	color: #8a8683;
	text-decoration: none;
}
.nvga a:hover {
	color: #e57f83;
	text-decoration: none;
}

.gaiyouAnimeRight,.gaiyouAnimeRight02,.gaiyouAnimeRight03{
	opacity: 0;
	/*transform: translate3d(10%, 0, 0);*/
}

.animated {
/*
-webkit-animation-name: fadeInUp;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: both;
*/
opacity: 1;
animation-name: fadeInUp;   /*アニメーション名を指定する*/
animation-duration: 0.7s;   /*アニメーション一回分の時間の長さを指定する*/
animation-timing-function: ease-in-out;   /*アニメーションのタイミング・進行割合を指定する*/
animation-fill-mode: both;   /*アニメーション再生中・再生後のスタイルを指定*/
}
@-webkit-keyframes fadeInUp { /*アニメーション開始から終了するまでどのようなアニメーションをするのか指定できる。formからtoにアニメーションが移行する*/
from {
opacity: 0;
transform: translate3d(5%, 0, 0);
/*-webkit-transform: translate3d(50px, 0, 0);*/
}
to {
opacity: 1;
transform: none;
/*-webkit-transform: none;*/
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(5%, 0, 0);
/*-webkit-transform: translate3d(50px, 0, 0));*/
}
to {
opacity: 1;
transform: none;
/*-webkit-transform: none;*/
}
}


.gaiyouAnimeLeft,.gaiyouAnimeLeft02{
	opacity: 0;
}
.animatedLeft {
/*
-webkit-animation-name: fadeInUp;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: both;
*/
opacity: 1;
animation-name: gaiyouLeft;   /*アニメーション名を指定する*/
animation-duration: 0.7s;   /*アニメーション一回分の時間の長さを指定する*/
animation-timing-function: ease-in-out;   /*アニメーションのタイミング・進行割合を指定する*/
animation-fill-mode: both;   /*アニメーション再生中・再生後のスタイルを指定*/
}
@-webkit-keyframes gaiyouLeft { /*アニメーション開始から終了するまでどのようなアニメーションをするのか指定できる。formからtoにアニメーションが移行する*/
from {
opacity: 0;
transform: translate3d(-5%, 0, 0);
/*-webkit-transform: translate3d(50px, 0, 0);*/
}
to {
opacity: 1;
transform: none;
/*-webkit-transform: none;*/
}
}
@keyframes gaiyouLeft {
from {
opacity: 0;
transform: translate3d(-5%, 0, 0);
/*-webkit-transform: translate3d(50px, 0, 0));*/
}
to {
opacity: 1;
transform: none;
/*-webkit-transform: none;*/
}
}

.gaiyouAnimeBottom{
	opacity: 0;
}

.animatedBottom {
opacity: 1;
animation-name: fadeInBottom;   /*アニメーション名を指定する*/
animation-duration: 0.7s;   /*アニメーション一回分の時間の長さを指定する*/
animation-timing-function: ease-in-out;   /*アニメーションのタイミング・進行割合を指定する*/
animation-fill-mode: both;   /*アニメーション再生中・再生後のスタイルを指定*/
}
@-webkit-keyframes fadeInBottom { /*アニメーション開始から終了するまでどのようなアニメーションをするのか指定できる。formからtoにアニメーションが移行する*/
from {
opacity: 0;
transform: translate3d(0, 10%, 0);
/*-webkit-transform: translate3d(50px, 0, 0);*/
}
to {
opacity: 1;
transform: none;
/*-webkit-transform: none;*/
}
}
@keyframes fadeInBottom {
from {
opacity: 0;
transform: translate3d(0, 10%, 0);
/*-webkit-transform: translate3d(50px, 0, 0));*/
}
to {
opacity: 1;
transform: none;
/*-webkit-transform: none;*/
}
}

.gaiyouAnimeBottom02{
	opacity: 0;
}

.animatedBottom02 {
opacity: 1;
animation-name: fadeInBottom02;   /*アニメーション名を指定する*/
animation-duration: 0.7s;   /*アニメーション一回分の時間の長さを指定する*/
animation-timing-function: ease-in-out;   /*アニメーションのタイミング・進行割合を指定する*/
animation-fill-mode: both;   /*アニメーション再生中・再生後のスタイルを指定*/
animation-delay: 0.2s;
}
@-webkit-keyframes fadeInBottom02 { /*アニメーション開始から終了するまでどのようなアニメーションをするのか指定できる。formからtoにアニメーションが移行する*/
from {
opacity: 0;
transform: translate3d(0, 10%, 0);
/*-webkit-transform: translate3d(50px, 0, 0);*/
}
to {
opacity: 1;
transform: none;
/*-webkit-transform: none;*/
}
}
@keyframes fadeInBottom02 {
from {
opacity: 0;
transform: translate3d(0, 10%, 0);
/*-webkit-transform: translate3d(50px, 0, 0));*/
}
to {
opacity: 1;
transform: none;
/*-webkit-transform: none;*/
}
}

.gaiyouAnimeBottom03{
	opacity: 0;
}

.animatedBottom03 {
opacity: 1;
animation-name: fadeInBottom03;   /*アニメーション名を指定する*/
animation-duration: 0.7s;   /*アニメーション一回分の時間の長さを指定する*/
animation-timing-function: ease-in-out;   /*アニメーションのタイミング・進行割合を指定する*/
animation-fill-mode: both;   /*アニメーション再生中・再生後のスタイルを指定*/
animation-delay: 0.4s;
}
@-webkit-keyframes fadeInBottom03 { /*アニメーション開始から終了するまでどのようなアニメーションをするのか指定できる。formからtoにアニメーションが移行する*/
from {
opacity: 0;
transform: translate3d(0, 10%, 0);
/*-webkit-transform: translate3d(50px, 0, 0);*/
}
to {
opacity: 1;
transform: none;
/*-webkit-transform: none;*/
}
}
@keyframes fadeInBottom02 {
from {
opacity: 0;
transform: translate3d(0, 10%, 0);
/*-webkit-transform: translate3d(50px, 0, 0));*/
}
to {
opacity: 1;
transform: none;
/*-webkit-transform: none;*/
}
}

/*
[class*=jiseki] {
	height:50px;
  background: #ccc;
	opacity: 0;
}
.anime{
	opacity: 1;
  animation: anime1 0.9s 1 ease;
}
@-webkit-keyframes anime1 {
  0% {width: 0px;}
}
@keyframes anime1 {
	0% {width: 0px;}
}
*/
/* General Slides */

.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:30px 0;
}
.slideTop{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:120px 0 30px 0;
}


/* Slide 1 */

#slide1{
/*background-image:url('../images/decorative-top.png');
background-size:100% auto;
background-repeat: no-repeat;*/
	background-color:#ffffff;
}
#slide1 h2 {
	font-size: 2.4em;
	letter-spacing: -3px;
	/*line-height: 0px;*/
	color:#888;
	font-weight: 700;
	margin-top: 2.5em;
}
#slide1 h3 {
	font-size: 2em;
	color: #888;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
	float: left;
}





/* Slide 2 */

#slide2{
	/*background-image:url('../images/footprints.png');*/
	/*background-color:#e0bebe;*/
	/*background-color:#e8cccc;*/
		background-color:#fbf6e8;
	color:#666;
}
/*
#slide2-2{
position:fixed;
right:30%;
}

#slide2-3{
position:fixed;
	right:20%;
}
*/


#slide2 h2 {
	font-size: 2.2em;
	letter-spacing: -3px;
	color:#777;
	font-weight: 700;

}
#slide2 h3 {
	font-size: 1.2em;
	color: #777;
	line-height: 0px;
	padding-bottom:40px;
	font-weight: 400;
	width:30%;
	float: left;
}

.gaiyou{
	font-size: 1.2em;
	color: #777;
	line-height: 0px;
	padding-bottom:40px;
	font-weight: 400;
	margin-left: 30%;
	margin-top: 0;
}


.zyusyou{
	font-size: 110%;
	color: #666;
	line-height: 0px;
	padding-bottom:40px;
	font-weight: 400;
	margin-left: 30%;
	margin-top: 0;
}

.slidSenTop{
	font-size: 130%;
	font-weight: bold;
	margin:0 0 0 0;
	color: #888;
}

.gaiyoSen{
	font-size: 110%;
	color: #888;
}

.toiawaseButton a {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 70px auto 150px auto;
  padding: 0.9em 2em;
  width: 300px;
  color: #fff;
  font-size: 1em;
  font-weight: 700;
  background-image: linear-gradient(175deg, #b3364f, #db536b);/*紅樺　薔薇*/
  border-radius: 50vh;
  transition: 0.3s;
	overflow: hidden;
	position: relative;

}


.toiawaseButton a::after {
  content: '';
  width: 8px;
  height: 8px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

.toiawaseButton a:hover {
  text-decoration: none;
	opacity: 0.7;
  /*background-image: linear-gradient(-170deg, #d81077, #c51971);*/
}


.slidSenTop3{
	font-size: 120%;
	font-weight: bold;
	margin:0 0 100px 0;
	color: #888;
}
/* Slide 3 */

#slide3{
	background-color:#ffffff;
}
#slide3 h2 {
	font-size: 2.2em;
	letter-spacing: -3px;
	/*line-height: 0px;*/
	color:#888;
	font-weight: 700;
}
#slide3 h3 {
	font-size: 1.2em;
	color: #888;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}
.todohuken{
	color: #888;
	float: left;
	text-align:left;
	font-size: 1.2em;
	font-weight: 700;
}

.kensu{
	background-color:#eb9793;/*乾鮭/Karasake*/
	display:block;
	color:#fff;
	text-align:left;
	font-size: 1.7em;
	font-weight: 400;
	padding: 0 0 0 5px;
	height:60px;
	line-height: 55px;
}

.jiseki_1 { width: 70%; }
.jiseki_2 { width: 40%; }
.jiseki_3 { width: 32%; }
.jiseki_4 { width: 37%; }
.jiseki_5 { width: 16%; }
.jiseki_6 { width: 12%; }

.jiseki_1,
.jiseki_2,
.jiseki_3,
.jiseki_4,
.jiseki_5,
.jiseki_6 {

	clear:both;
 display: block;
}

.gfanime{
	padding-bottom: 80px;
}

/* Slide 4 */

#slide4{
	/*background-color:#a09d9f;*/
	background-color:#fbf6e8;
	color:#777;
}
#slide4 h2 {
	font-size: 2.2em;
	letter-spacing: -3px;
	/*line-height: 0px;*/
	color:#777;
	font-weight: 700;
}
#slide4 h3 {
	font-size: 1.3em;
	color: #777;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 700;
}

.gra_r{
	margin-left: 135px;
}

/* Slide 5 */

#slide5{
	color:#888;
}
#slide5 h2 {
	font-size: 2.2em;
	letter-spacing: -3px;
	/*line-height: 0px;*/
	color:#888;
	font-weight: 700;
}
#slide5 h3 {
	font-size: 1.2em;
	color:#888;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 700;
	text-align: center;
}

#slide5 a {
	color: #888;
	text-decoration: none;
}

#slide5 a:hover {
  opacity: 0.5;
	transition: 0.5s;
}

#slide5 a:visited {
	color: #8a8683;
	text-decoration: none;
}

.kakomi{
  border: solid 1px #ddd;
	padding: 10px 35px;

}


.zirei-im{
	text-align: center;
	margin: 60px	0;

}

.zirei-anima:hover{
	animation:zirei 0.4s ease;
	position: relative;
}

@keyframes zirei {
0% {top: 0px;}
50% {top: -10px;}
100% {top: 0px;}
}



.slidSenTop5_bot{
	margin-bottom: 70px;
}

/* Slide 6 */

#slide6{ease
	background-image:url('../images/sunglasses.png');
	background-color:#888;
	color:#ffffff;
}
#slide6 h2 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#ffffff;
	font-weight: 700;
}
#slide6 h3 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

#slide6 a {
	color: #eee;
}


.footerMenuCase{
	margin:1em 2em 1.2em 3em;
	padding-left:2.5em;
	border-left:1px dotted #888888;
}



/*円グラフアニメーション*/

#reformChart,#reformChart02{
  width:100%;
 height: 100%;

}


/*
svg polygon {
  fill: none;
  stroke: #09d;
  stroke-width: 3;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  -webkit-animation: dash 5s linear;
  animation: dash 5s linear;
}
@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 1000;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 1000;
  }
}

svg polygon {
  fill: none;
  stroke: #09d;
  stroke-width: 3;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 5s linear forwards;
  animation: dash 5s linear forwards;
}
@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
*/

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

#logo {
	width: 100%;
	text-align: center;
}

#nav {
	width: auto;
	text-align:center;
	margin:10px auto;
}

.nvga li{
	font-size: 1.0em;
	padding: 0 0 0 55px;
}

.navigation{
	width: 100%;
	float: center;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
	float: left;
	width:25%;
	padding:0;
}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:30px 0;
}

.nvga{
	float: none;
	list-style: none;

}

.content {
	text-align:center;
	width:100%;
}

@media screen and (max-width: 680px) {
	.content {
	margin-top: 50px;
}
}


#slide1 h2 {
	font-size: 2.0em;
	line-height: 1em;
}
#slide1 h3 {
	font-size: 1.8em;
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
	border: none;
}

#slide2 h3 {
	font-size: 1.1em;
	line-height: 1em;
	padding-bottom:20px;
	font-weight: 400;
	width: auto;
	float: left;
	margin-right: 10px;
}

.gaiyou{
	font-size: 1.1em;
	line-height: 1em;
	padding-bottom:20px;
	font-weight: 400;
	margin-left: 30%;
	margin-top: 0;
	text-align:left;
}

.zyusyou{
	font-size: 90%;
	line-height: 1em;
	padding-bottom:0px;
	font-weight: 400;
	margin-left: 30%;
	text-align:left;
}

#slide3 h2 {
	line-height: 1em;
	border: none;
}
#slide3 h3 {
	line-height: 1em;
}

.jiseki_1 { width: 90%; }
.jiseki_2 { width: 60%; }
.jiseki_3 { width: 52%; }
.jiseki_4 { width: 57%; }
.jiseki_5 { width: 36%; }
.jiseki_6 { width: 32%; }

.kensu{
	padding: 0 0 0 5px;
}

.gfanime{
	padding-bottom: 0;
}
#slide4 h2 {
	line-height: 1em;
	border: none;
	text-align: center;

}
#slide4 h3 {
	line-height: 1em;
}


/*円グラフアニメーション*/

#reformChart{
  width: clear;
 height: 70%;
 margin-bottom: 200px;

}

#reformChart02{
  width: clear;
 height: 70%;

}

.gra_r{
	margin-left: 0;
}

.kakomi{
  border: solid 1px #ddd;
	padding: 10px 0;
	margin-bottom: 10px;

}


#slide5 h2 {
	line-height: 1em;
	border: none;
}


ul{
	padding: 0;
	text-align: center;
}



}

/* Mobile */
@media screen and (max-width: 480px) {

#logo {
	width: 100%;
	text-align: center;
}

#nav {
	width:100%;
	margin:5px 0;
}

.nvga li{
	font-size: 0.8em;
	padding: 0 0 0 40px;
}

.navigation{
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
	float: left;
	width:25%;
	font-size: 90%;
}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
}


#slide1 h2 {
	line-height: 1em;
	font-size: 2.4em;
	margin-top: 3em;
}
#slide1 h3 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
	font-size: 2.4em;
}
#slide2 h3 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
	font-size: 2.4em;
}
#slide3 h3 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
	font-size: 2.4em;
}
#slide4 h3 {
	line-height: 1em;
}

#slide2 h3 {
	font-size: 0.8em;
	line-height: 1em;
	padding-bottom:20px;
	font-weight: 400;
	width: auto;
	float: left;
	margin-right: 10px;
}

.gaiyou{
	font-size: 0.8em;
	line-height: 1em;
	padding-bottom:20px;
	font-weight: 400;
	margin-left: 30%;
	margin-top: 0;
	text-align:left;
}

.zyusyou{
	font-size: 80%;
	line-height: 1.1em;
	padding-bottom:0px;
	font-weight: 400;
	margin-left: 30%;
	text-align:left;
}

.todohuken{
	color: #888;
	font-size: 1.3em;
	font-weight: 700;
}

.kensu{
	font-size: 1.5em;
	height: 45px;
	line-height: 45px;
}




}