@charset "UTF-8";
/* CSS Document */
/* contents---------------
	 1.RESET
	 2.BASE
	 3.LAYOUT
	 4.PAGE
	 5.PARTS
	 6.SCRIPT
		------------ */
/*----------------------------------------------------------
	RESET
--------------------------------------------------------- */
@import url("fonts/style.css");
/* .lpcont body,.lpcont  dl,.lpcont  dt,.lpcont  dd,.lpcont  ul,.lpcont  li,.lpcont  h1,.lpcont  h2,.lpcont  h3,.lpcont  h4,.lpcont  form,.lpcont  p,.lpcont  th,.lpcont  td,.lpcont  input,.lpcont  textarea,.lpcont  select {
  margin: 0px;
  padding: 0px; }
.lpcont h1,.lpcont  h2,.lpcont  h3,.lpcont  h4,.lpcont  h5,.lpcont  h6 {
  font-size: 1em;
  font-weight: normal; }

img { margin: 0; padding: 0; border: 0; vertical-align: top; }
.lpcont ul.photo li img{max-height:none;}
.lpcont div.photo img{width:100%;}

.lpcont dl dt,
.lpcont dl dd{border-left:none;}
.lpcont ul,.lpcont  dl {
  list-style-type: none; } */

/*----------------------------------------------------------
	BASE
--------------------------------------------------------- */
@media screen and (max-width: 850px) {
.lpcont  * {
	-webkit-text-size-adjust: 100%; } }

.lpcont * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-break: normal; }

.lpcont .flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

@media screen and (max-width: 850px) {
.lpcont  * {
	word-break: normal; } }

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

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

.clear {
  clear: both; }

p {
  line-height: 1.6; }

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a:link {
  color: #276485;
  font-style: normal;
  text-decoration: underline; }

a:visited {
  color: #486083; }

a:hover {
  text-decoration: none; }

a:active {
  text-decoration: none; }

a img:hover {
  opacity: 0.7; }

strong {
  font-weight: bold; }

small {
  font-size: 85%;
  line-height: 1.1; }

.sizeS {
  font-size: 90%; }

.sizeL {
  font-size: 115%; }

.cl1 {
  color: #0099cc; }

blockquote {
  padding: 2px 0 2px 1em;
  border-left: 7px #C0D9FE solid;
  margin: 10px 0; }
*/
/* .spDisp {
  display: none; }

@media screen and (max-width: 850px) {
  .spDisp {
	display: block; }
  .pcDisp {
	display: none; }
  br.sp {
	display: block !important; }
  br.pc {
	display: none !important;} }

@media screen and (min-width: 851px) {
  a[href^="tel:"] {
	pointer-events: none; }
  br.sp {
	display: none !important; }
  br.pc {
	display: block !important; } } */

/*----------------------------------------------------------
	LAYOUT
--------------------------------------------------------- */
html, body {
  /* font-family: "BIZ UDPGothic",'Noto Sans JP',  "Helvetica Neue",
    Arial,"Hiragino Sans",Meiryo, sans-serif; font-weight:100; */
  /* margin: 0;
  padding: 0;
  width: 100%;
  z-index: -10;
  font-size: 0.96rem;
  color: #373737;
  font-family: "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo,sans-serifsans-serif;
  src: local("Yu Gothic Medium");
  font-weight: 400; */
  }

.sitewidth {
  position: relative;
  /*overflow: hidden;*/
  max-width: 1170px;
  margin: auto;
  margin: 0 auto; }

.fixedMsg {
  position: fixed;
  opacity: 0;
  z-index: 10; }
  .fixedMsg.pcDisp {
	background: #FFF;
	padding: 10px;
	border-radius: 5px;
	right: 10px;
	bottom: 10px; }
	.fixedMsg.pcDisp img {
	  width: 200px; }
  .fixedMsg.spDisp {
	background: rgba(255, 255, 255, 0.8);
	padding: 3%;
	right: 0;
	bottom: 0;
	width: 100%;
	text-align: center; }
	.fixedMsg.spDisp img {
	  max-height: 60px; }

/* Header
----------------------------------------------- */
/* header .inner {
  background: url(../img/img_fv.jpg) no-repeat top center;
  background-size: auto 100%;
  width: 100%;
  max-width: 1370px;
  margin: auto;
  text-align: center;
  min-height: 750px;
  position: relative; }
  header .inner .voteimg {
	position: absolute;
	bottom: 10px;
	right: 10px; }
	header .inner .voteimg a {
	  transition: .3s; }
	header .inner .voteimg a:hover img {
	  opacity: 0.9; }
	header .inner .voteimg img {
	  width: 280px; }
  header .inner .fb-like {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 3; }
  @media screen and (max-width: 850px) {
	header .inner {
	  min-height: 33vh;
	  background-size: 100%; } }

header h1 img {
  margin: 0 auto; }

@media screen and (max-width: 850px) {
  header h1 img {
	max-height: 10vh; } }

.headNav {
  padding: 16px 0;
  border-bottom: 1px solid #0099cc; }
  .headNav .inner {
	max-width: 1170px;
	margin: 0 auto;
	position: relative; }
	.headNav .inner h1 {
	  position: absolute;
	  top: -8px; }
  .headNav .menu-navigation-icons ul {
	display: flex;
	flex-flow: row;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	justify-content: flex-end; }
	.headNav .menu-navigation-icons ul li {
	  margin: 0 0.5%;
	  line-height: 1.65em;
	  text-align: center; }
	.headNav .menu-navigation-icons ul a {
	  display: block;
	  text-decoration: none;
	  font-size: 16px;
	  font-weight: bold;
	  box-shadow: 1px 2px 1px 2px 0 rgba(0, 0, 0, 0.1);
	  padding: 10px; }
	  .headNav .menu-navigation-icons ul a i {
		display: block;
		line-height: 1.5;
		margin-right: .5rem; }
	.headNav .menu-navigation-icons ul li.clm1 a {
	  background: #D8F3FF;
	  padding: 10px 0.8em;
	  border-radius: 5px; }
	.headNav .menu-navigation-icons ul a.menu-blue i {
	  color: #007bbb; }
	.headNav .menu-navigation-icons ul a:hover {
	  background: #E3F2FF; }
  .headNav .fa-lightbulb:before {
	content: "\f0eb"; }
  .headNav .fa-newspaper:before {
	content: "\f1ea"; }

.clone-nav {
  padding: 14px 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  transition: .3s;
  transform: translateY(-100%);
  background: rgba(255, 255, 255, 0.7); }

.is-show {
  transform: translateY(0); }

@media screen and (max-width: 850px) {
  .headNav {
	margin: 0;
	padding: 0; }
	.headNav .menu-navigation-icons ul {
	  display: block;
	  text-align: center; }
	  .headNav .menu-navigation-icons ul li {
		display: inline-block;
		margin: 0; }
	  .headNav .menu-navigation-icons ul li:last-child a {
		border-bottom: 0; }
	  .headNav .menu-navigation-icons ul li.clm1 {
		width: 100%; }
		.headNav .menu-navigation-icons ul li.clm1 a {
		  background: #ECF9FF; }
	  .headNav .menu-navigation-icons ul a {
		border-bottom: 1px dashed #ccc;
		font-size: 0.9rem;
		font-size: 1rem; }
		.headNav .menu-navigation-icons ul a:before {
		  font-family: "basicicon";
		  content: "\72"; }
  .clone-nav {
	display: none; } } */

/* Contents
----------------------------------------------- */
.maincatch {
  background: #0099cc;
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  color: #FFF;
  text-align: center;
  font-size: 2.2rem;
  font-weight: 600;
  padding: 0.6em 0;
  line-height: 1.6; }
  @media screen and (max-width: 850px) {
	.maincatch {
	  font-size: 1.15rem;
	  padding: 0.6em 5%; } }

.lpcont  {
  max-width: 1170px;
  margin: auto;
  margin: 0 auto; }
  @media screen and (max-width: 850px) {
	.lpcont  {} }
  .lpcont  .conceptArea {
	margin-top: 50px;
	text-align: center; }
	.lpcont  .conceptArea .sec3 {
	  display: -webkit-flex;
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: flex;
	  justify-content: center; }
	  .lpcont  .conceptArea .sec3 div {
		margin: 0 1%; }
	.lpcont  .conceptArea h2 {
	  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	  color: #767676;
	  font-size: 2rem;
	  margin: 0.5em 0 0.8em; }
	  .lpcont  .conceptArea h2 em {
		color: #0099cc;
		font-size: 110%;
		font-weight: 700;
		font-style: normal !important; }
	  .lpcont  .conceptArea h2 span {
		font-size: 110%;
		font-weight: 700; }
	  @media screen and (max-width: 850px) {
		.lpcont  .conceptArea h2 {
		  font-size: 1.5rem; } }
	.lpcont  .conceptArea p {
	  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	  color: #767676;
	  font-size: 1.6rem;
	  margin: 0.5em 0 0.8em; }
	  .lpcont  .conceptArea p em {
		color: #0099cc;
		font-weight: 700;
		font-style: normal !important; }
	  @media screen and (max-width: 850px) {
		.lpcont  .conceptArea p {
		  font-size: 1rem; } }
  .lpcont  section .btnBasic {
	padding: 1em;
	border-radius: 5px;
	font-size: 1.1rem;
	text-decoration: none;
	color: #FFF;
	margin-top: 10px;
	display: inline-block;
	background: #0099cc; }
	.lpcont  section .btnBasic:before {
	  font-family: 'basicicon';
	  content: "\24";
	  margin-right: 0.3em; }
	.lpcont  section .btnBasic:hover {
	  opacity: 0.7; }
  .lpcont  section .sectionInfo {
	width: 80%;
	margin: 0 auto;
	border-radius: 8px;
	padding: 2.5% 3% 2%;
	box-shadow: 0 2px 8px 0px #CCC; }
	.lpcont  section .sectionInfo p {
	  margin-bottom: 0.8em;
	  font-size: 1.1rem; }
	.lpcont  section .sectionInfo h3 {
	  text-align: center;
	  margin: 1.5em auto 0.8em;
	  position: relative; }
	  .lpcont  section .sectionInfo h3 span {
		background: #FFF;
		padding: 0 0.5em;
		position: relative;
		z-index: 5; }
	  .lpcont  section .sectionInfo h3:before {
		display: block;
		content: "";
		border-top: solid 1px #CCC;
		width: 100%;
		position: absolute;
		top: 50%;
		z-index: 1; }
	.lpcont  section .sectionInfo ul li {
	  font-size: 1.2rem;
	  border-bottom: 1px dashed #ccc;
	  padding: 0.4em 0.4em 0.4em 1.2em;
	  font-weight: 500;
	  text-indent: -1.2em; }
	  .lpcont  section .sectionInfo ul li:before {
		font-family: 'basicicon';
		content: "\e985";
		margin-right: 0.3em; }
  .lpcont  section .block {
	max-width: 960px;
	margin: auto;
	margin: 80px auto 10vh;
	/* font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif; */
	position: relative; }
	.lpcont  section .block dl {
	  display: -webkit-flex;
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: flex;
	  /* IE */ }
	  .lpcont  section .block dl dt {
		width: 20%;
		font-size: 1.8rem;
		padding: 0.6em 1.6em;
		font-family: "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo,sans-serifsans-serif;
		src: local("Yu Gothic Medium");
		font-weight: 400;
		position: relative;
		line-height: 1.9;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl; }
		.lpcont  section .block dl dt br{display:none;}
		.lpcont  section .block dl dt br.true{display:block;}
		.lpcont  section .block dl dt .paren {
		  position: relative;
		  left: 0.1em;
		  margin: 0; }
		.lpcont  section .block dl dt .text-combine {
		  -webkit-text-combine: horizontal;
		  -ms-text-combine-horizontal: all;
		  text-combine-upright: all;
		  letter-spacing: 0.03em; }
		.lpcont  section .block dl dt span.text {
		  position: absolute;
		  top: 0.6em;
		  margin: auto;
		  left: 0;
		  right: 0; }
		  .lpcont  section .block dl dt span.text.line1 {
			left: 0;
			right: 0;
			line-height: 0;
			width: 1em; }
	  .lpcont  section .block dl _:lang(x)::-ms-backdrop, .lpcont  section .block dl dt span.text {
		width: 100%;
		display: block; }
	  .lpcont  section .block dl dd {
		width: 80%;
		padding-left: 6%; }
		.lpcont  section .block dl dd .photo ul {
		  display: -webkit-flex;
		  display: -moz-flex;
		  display: -ms-flex;
		  display: -o-flex;
		  display: flex;
		  justify-content: space-between; }
		  .lpcont  section .block dl dd .photo ul li {
			margin: 0 1%; }
		.lpcont  section .block dl dd .point {
		  margin-top: 19px;
		  font-size: 1.2em; }
		  .lpcont  section .block dl dd .point .head {
			background: #ffcd80;
			border-radius: 30px;
			font-size: 1.15rem;
			padding: 8px 1.8em;
			display: inline-block;
			margin-bottom: 10px;
			font-weight: 600; }
	.lpcont  section .block dl.headR dt {
	  order: 2;
	  flex: 1; }
	  .lpcont  section .block dl.headR dt .zoom {
		position: absolute;
		top: -60px;
		left: -20px;
		right: auto; }
	.lpcont  section .block dl.headR dd {
	  order: 1;
	  margin-right: 2vw;
	  padding-left: 0;
	  padding-right: 6%; }
	.lpcont  section .block .task {
	  border: 2px solid #444;
	  padding: 0 25px 25px;
	  /* font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif; */
	  margin: 40px auto;
	  border-radius: 5px;
	  font-weight: 500;
	  font-size: 1.2em;
	  background: #FFF;
	  box-shadow: 0px 4px 4px 2px #DBDBDB; }
	  .lpcont  section .block .task .head {
		background: #444;
		color: #FFF;
		border-radius: 30px;
		font-size: 1.15rem;
		padding: 8px 1.8em;
		display: block;
		font-weight: 600;
		text-align: center;
		margin: 0 auto 0;
		position: relative;
		top: -20px;
		width: 10em; }
	.lpcont  section .block .figure {
	  background: url(../img/bg_grid.png) repeat;
	  padding: 1.5% 2% 60px;
	  margin: 35px auto; width: 100%;}
	  .lpcont  section .block .figure h3 {
		text-align: center;
		font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
		font-weight: 700;
		font-size: 1.4rem;
		margin-bottom: 25px;
		padding: 1.5% 1.2em 10px 0.8em;
		margin-top: -1.7%;
		border-bottom: 2px solid #ccc;
		display: inline-block;
		background: #FFF;
		position: relative; }
		.lpcont  section .block .figure h3:before {
		  font-family: 'basicicon';
		  content: "\e9df";
		  margin-right: 0.3em;
		  font-size: 110%; }
	  .lpcont  section .block .figure .flex {
		justify-content: center; }
		.lpcont  section .block .figure .flex > div {
		  flex: 1;
		  text-align: center;
		  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
		  font-weight: 700;
		  font-size: 1.2rem; }
		.lpcont  section .block .figure .flex .before {
		  position: relative; }
		  .lpcont  section .block .figure .flex .before:after {
			font-family: 'basicicon';
			content: "\f061";
			position: absolute;
			right: 0;
			top: 0;
			bottom: 0;
			font-size: 30px;
			height: 30px;
			margin: auto; }
		.lpcont  section .block .figure .flex .after.started .typeA2 {
		  animation-delay: 0.8s; }
  @media screen and (max-width: 850px) {
	.lpcont  section .sectionInfo {
	  width: 100%;
	  padding: 4% 4% 3%;
	  margin-bottom: 40px;
	  font-size: 90%; }
	.lpcont  section .block {
	  margin: 7vh auto 10vh; }
	  .lpcont  section .block dl, .lpcont  section .block dl.headR {
		display: block; }
		.lpcont  section .block dl dt, .lpcont  section .block dl.headR dt {
		  width: 100%;
		  letter-spacing: normal;
		  writing-mode: horizontal-tb;
		  line-height: 1.4;
		  padding: 0.8em 0 1em;
		  font-size: 1.8rem; }
		  .lpcont  section .block dl dt .zoom, .lpcont  section .block dl.headR dt .zoom {
			position: absolute;
			top: -64px;
			width: 100px;
			right: 0;
			left: 0;
			margin: auto; }
			.lpcont  section .block dl dt .zoom img, .lpcont  section .block dl.headR dt .zoom img {
			  width: 100px; }
		  .lpcont  section .block dl dt span.text, .lpcont  section .block dl.headR dt span.text {
			position: relative;
			top: auto;
			margin: auto;
			left: auto;
			right: auto; }
			.lpcont  section .block dl dt span.text.line1, .lpcont  section .block dl.headR dt span.text.line1 {
			  width: auto;
			  line-height: 1.4; }
		.lpcont  section .block dl dd, .lpcont  section .block dl.headR dd {
		  width: 100%;
		  padding-left: 0; }
		  .lpcont  section .block dl dd .point, .lpcont  section .block dl.headR dd .point {
			font-size: 1.1em; }
			.lpcont  section .block dl dd .point .head, .lpcont  section .block dl.headR dd .point .head {
			  width: 100%;
			  text-align: center;
			  font-size: 1.1rem; }
	  .lpcont  section .block .figure {
		padding: 1.5% 3%; }
		.lpcont  section .block .figure .flex {
		  display: block; }
		  .lpcont  section .block .figure .flex > div {
			padding: 50px 0; }
		  .lpcont  section .block .figure .flex .before {
			position: relative;
			margin-bottom: 10px; }
			.lpcont  section .block .figure .flex .before:after {
			  content: none; }
		  .lpcont  section .block .figure .flex .after {
			position: relative;
			margin-top: 10px; }
			.lpcont  section .block .figure .flex .after:before {
			  font-family: 'basicicon';
			  content: "\f063";
			  position: absolute;
			  right: 0;
			  top: 0;
			  font-size: 30px;
			  height: 30px;
			  margin: auto;
			  display: block;
			  left: 0; }
	.lpcont  section .flexclm2.photo li {
	  margin: 0 1%; } }
  .lpcont  section.ikiru .sectionInfo {
	border: 2px solid #0099cc; }
	.lpcont  section.ikiru .sectionInfo h3 {
	  color: #0099cc; }
	.lpcont  section.ikiru .sectionInfo ul li:before {
	  color: #0099cc; }
	.lpcont  section.ikiru .sectionInfo .btnBasic {
	  background: #0099cc; }
  .lpcont  section.ikiru .block dl dt {
	border-top: 10px solid #0099cc;
	color: #0996c5; }
  .lpcont  section.ikiru .block .task strong, .lpcont  section.ikiru .block .point strong {
	color: #0996c5; }
  .lpcont  section.ikiru .block .figure h3:before {
	color: #0996c5; }
  .lpcont  section.mamoru .sectionInfo {
	border: 2px solid #ed565c; }
	.lpcont  section.mamoru .sectionInfo h3 {
	  color: #ed565c; }
	.lpcont  section.mamoru .sectionInfo ul li:before {
	  color: #ed565c; }
	.lpcont  section.mamoru .sectionInfo .btnBasic {
	  background: #ed565c; }
  .lpcont  section.mamoru .block dl dt {
	border-top: 10px solid #ed565c;
	color: #ed565c; }
  .lpcont  section.mamoru .block .task strong, .lpcont  section.mamoru .block .point strong {color: #ed565c; }
  .lpcont  section.mamoru .block .figure h3:before {
	color: #ed565c; }
  .lpcont  section.mamoru .block .repletion ol {
	font-size: 1.3rem; }
  .lpcont  section.tsunagu .btnBasic {
	background: #1da326; }
  .lpcont  section.tsunagu .sectionInfo {
	border: 2px solid #1da326; }
	.lpcont  section.tsunagu .sectionInfo h3 {
	  color: #1da326; }
	.lpcont  section.tsunagu .sectionInfo ul li:before {
	  color: #1da326; }
  .lpcont  section.tsunagu .inner {
	max-width: 960px;
	margin: auto; }
  .lpcont  section.tsunagu p {
	margin-bottom: 0.8em;
	font-size: 1.1rem; }
  .lpcont  section.tsunagu p.lead {
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 1em; }
  .lpcont  section.tsunagu .point {
	width: 90%;
	margin: 0 auto 20px;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: 1.3rem; }
	.lpcont  section.tsunagu .point li {
	  border-bottom: 1px dotted #ccc;
	  padding: 0.5em;
	  color: #1da326;
	  font-weight: 500;
	  padding-left: 1.3em;
	  text-indent: -1.3em; }
	  .lpcont  section.tsunagu .point li:before {
		font-family: 'basicicon';
		content: "\e94b";
		margin-right: 0.3em; }
  .lpcont  section.tsunagu .block dl dt {
	border-top: 10px solid #1da326;
	color: #1da326; }
  .lpcont  section.tsunagu .block .task strong {
	color: #1da326; }
  .lpcont  section.tsunagu .block .figure h3:before {
	color: #1da326; }
  @media screen and (max-width: 850px) {
	.lpcont  section.tsunagu p.lead {
	  font-size: 1.1rem; }
	.lpcont  section.tsunagu .point {
	  width: 100%;
	  font-size: 1.2rem; }
	  .lpcont  section.tsunagu .point li {
		padding-left: 1.3em;
		text-indent: -1.3em; } }
  .lpcont  section.houan .inner {
	max-width: 960px;
	margin: auto; }
  .lpcont  section.houan strong {
	color: #0099cc; }
  .lpcont  section.houan p {
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: 1.3rem;
	font-weight: 500;
	margin-bottom: 1em; }
  .lpcont  section.houan .imgBlockC .cont {
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: 1.3rem;
	font-weight: 500;
	margin-bottom: 1em; }
  .lpcont  section.houan .imgBlockC .img a {
	border: 2px solid #0996c5;
	display: block;
	box-shadow: 0 2px 4px 4px #ccc;
	position: relative; }
	.lpcont  section.houan .imgBlockC .img a:before {
	  font-family: 'basicicon';
	  content: "\e9df";
	  color: #0996c5;
	  position: absolute;
	  top: 5px;
	  left: 5px;
	  font-size: 28px;
	  background: #FFF;
	  padding: 7px;
	  line-height: 1;
	  border-radius: 40px;
	  z-index: 5; }
  .lpcont  section.houan .imgBlockC .img .caption {
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: 0.9rem; }
  @media screen and (max-width: 850px) {
	.lpcont  section.houan p {
	  font-size: 1.1rem; } }
  .lpcont  section.profile .history .img {
	/*border:2px solid #eee;*/ }
  .lpcont  section.profile .history .cont dl {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: 0.9rem;
	padding: 0.5em 0;
	border-bottom: 1px solid #eee; }
	.lpcont  section.profile .history .cont dl dd {
	  width: 8em;
	  color: #0996c5; }
  .lpcont  section.profile .history .msg {
	background: #FFF9E5;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: 1.2rem;
	padding: 3%;
	border-radius: 5px; }
  @media screen and (max-width: 850px) {
	.lpcont  section.profile .history .cont dl dt {
	  width: 74%; }
	.lpcont  section.profile .history .cont dl dd {
	  width: 26%; }
	.lpcont  section.profile .history .msg {
	  font-size: 1.1rem; } }

/* Footer
----------------------------------------------- */
/*footer {
  background: #0099cc;
  color: #FFF;
  text-align: center;
  padding: 30px 10px;
  margin-top: 10vh; }
  footer .btnL {
	margin: 15px auto;
	text-align: center; }
	footer .btnL a {
	  display: block;
	  background: #FFF;
	  color: #0099cc;
	  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	  font-weight: 600;
	  font-size: 1.1rem;
	  text-decoration: none;
	  padding: 20px;
	  border-radius: 10px;
	  width: 60%;
	  margin: auto;
	  transition: .3s; }
	  footer .btnL a:hover {
		background: #0099cc;
		color: #FFF;
		border: 2px solid #fff;
		padding: 18px; }
	@media screen and (max-width: 850px) {
	  footer .btnL a {
		width: 90%; } }
  footer .sns ul li {
	display: inline-block;
	font-size: 40px;
	margin: 0 0.5%; }
	footer .sns ul li a {
	  text-decoration: none; }
  footer .sns ul li.facebook a:before {
	font-family: 'basicicon';
	content: "\f082";
	color: #FFF; }
  footer .sns ul li.twitter a:before {
	font-family: 'basicicon';
	content: "\f081";
	color: #FFF; }

@media screen and (max-width: 850px) {
  footer {
	padding-bottom: 13vh; } }*/

/*----------------------------------------------------------
	PAGE
--------------------------------------------------------- */
/*  common
----------------------------------------------- */
/*  headline
----------------------------------------------- */
.textype1 {
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  margin: 40px auto; font-weight: bold;
  font-size: 1.6rem;
/*  display: flex;*/
  text-align: center;
  align-items: center; }
  .textype1 strong {
	color: #F65843; }
/*  .textype1:before, .textype1:after {
	content: "";
	flex-grow: 1;
	border-bottom: 1px solid #CCC; }
  .textype1:before {
	margin-right: 0.5em;
	padding-left: 15px; }
  .textype1:after {
	margin-left: 0.5em;
	padding-right: 15px; }
*/
h2.concept {
  border-top: 2px #dcdcdc solid;
  border-bottom: 2px #dcdcdc solid;
  text-align: center;
  padding: 45px 0 20px;
  margin: 100px auto 50px;
  position: relative; }
  h2.concept .zoom {
	position: absolute;
	top: -60px;
	right: 0;
	left: 0;
	margin: auto; }
	h2.concept .zoom img {
	  max-height: none;
	  width: 100px; }

h2.basic {
  border-top: 2px #dcdcdc solid;
  border-bottom: 2px #dcdcdc solid;
  text-align: center;
  padding: 20px 0;
  margin: 60px auto;
  color: #0099cc;
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  font-weight: 700;
  font-size: 1.9rem; }
  h2.basic span {
	color: #444444; }
  h2.basic strong {
	font-size: 120%; }

h3 {
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  font-weight: 700;
  font-size: 1.2rem; }

@media screen and (max-width: 850px) {
  .textype1 {
	font-size: 1.4rem;
	display: block; }
	.textype1:before, .textype1:after {
	  display: block;
	  margin: 0.5em 0;
	  width: 100%; }
  h2.concept {
	margin: 60px auto 30px; }
	h2.concept img {
	  max-height: 50px; }
  h2.basic {
	font-size: 1.6rem; }
  h3 {
	font-size: 1.15rem; } }

/*----------------------------------------------------------
	PARTS
--------------------------------------------------------- */
.mk1 {
  background: linear-gradient(transparent 50%, #c1e0ff 55%);
  font-weight: bold; }

.mk2 {
  background: linear-gradient(transparent 50%, #FFD6E8 55%);
  font-weight: bold; }

.mk3 {
  background: linear-gradient(transparent 60%, #FFF49A 0%);
  font-weight: bold; }

/*  form
----------------------------------------------- */
a.btn {
  transition: .3s; }

a.btn:hover {
  opacity: 0.8; }

a.linkBtn {
  border: 2px solid #276485;
  background: #FFF;
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  font-size: 1rem;
  font-size: 600;
  padding: 0.5em;
  display: block;
  border-radius: 5px; }
  a.linkBtn:hover {
	cursor: pointer; }

/*  list
----------------------------------------------- */
ol {
  margin: 0;
  padding-left: 22px; }

ol li {
  list-style: decimal;
  margin: 0.5em 0px;
  line-height: 1.5em; }

ul.normal li, ul.border li, ul.arrow li, ul.dot li, ul.record li, ul.notice li, ul.notice-red li {
  margin: 0.3em 0 0.5em;
  padding-left: 1em;
  text-indent: -1em; }

ul.normal li:before {
  font-family: 'basicicon';
  content: "\e625";
  color: #0099cc; }

ul.border li:before {
  font-family: 'basicicon';
  content: "\71";
  color: #0099cc; }

ul.arrow li:before {
  font-family: 'basicicon';
  content: "\73";
  color: #0099cc; }

ul.dot li:before {
  font-family: 'basicicon';
  content: "\e625";
  color: #0996c5; }

ul.record li:before {
  font-family: 'basicicon';
  content: "\e620";
  color: #0099cc;
  position: relative;
  left: -1px; }

ul.notice-red li {
  color: #CC0000; }

ul.notice li:before, ul.notice-red li:before {
  font-family: 'basicicon';
  content: "\31";
  font-size: 90%;
  margin-right: 0.5em;
  position: relative; }

ul.notice li, ul.notice-red li {
  padding-left: 1.3em;
  text-indent: -1.3em; }

ul.notice.small {
  font-size: 0.86rem; }

ul.star li {
  padding-left: 1.3em;
  text-indent: -1.3em; }
  ul.star li:before {
	font-family: 'basicicon';
	content: "\f005";
	color: #0099cc;
	margin-right: 0.5em; }

ul.indent {
  padding-left: 0;
  margin-left: 0; }

ul.indent li {
  margin: 10px 0;
  padding-left: 1em;
  text-indent: -1em; }

ol.paren {
  counter-reset: item; }
  ol.paren li {
	padding-left: 1.5em;
	text-indent: -1.5em;
	list-style-type: none; }
  ol.paren li:before {
	content: "(" counters(item, "-") ")";
	counter-increment: item;
	margin-right: 0.5em; }

ol.maru {
  counter-reset: my-counter;
  list-style: none;
  padding: 0; }
  ol.maru li {
	list-style: none;
	margin-bottom: 1em;
	padding-left: 1.7em;
    position: relative;
    text-indent: -1.7em; }
  ol.maru li:before {
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-weight: 500;
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #0099cc;
	color: #FFF;
	/* display: block;
	float: left; */
	line-height: 26px;
	 margin-right:0.4em;
	text-align: center;
	/* margin-left: -35px;
  height: 26px;
	width: 26px; */
  padding:0.3em 0.8em;
	border-radius: 50%;
	position: relative;
	font-size: 13px; }

ul.check li {
  margin: 0.7em 0; }

ul.check li:before {
  font-family: 'basicicon';
  content: "\e946";
  color: #0099cc;
  font-size: 150%;
  margin-right: 0.3em;
  position: relative;
  top: 0.1em; }

ul.inline li {
  display: inline-block; }

ul.inlineSlash li {
  display: inline-block; }
  ul.inlineSlash li:after {
	content: "/";
	color: #ccc;
	margin-left: 0.5rem; }
  ul.inlineSlash li:last-child:after {
	content: none; }

/*  table
----------------------------------------------- */
table.data {
  margin: 10px 0;
  border: 1px solid #999;
  border-collapse: collapse;
  border: 1px solid #999;
  word-break: break-all; }

table.data th {
  padding: 5px 8px;
  color: #333;
  background: #254676;
  border-bottom: solid 1px #999;
  border-top: none;
  border-right: solid 1px #999;
  border-left: solid 1px #999;
  font-size: 105%;
  text-align: center;
  color: #FFF;
  font-weight: 300; }

table.data th.h2 {
  background: #C8D0E5;
  font-weight: 300;
  color: #4A4A4A; }

table.data td.h1 {
  text-align: center !important; }

table.data td {
  word-break: break-all;
  padding: 10px 8px;
  border-bottom: solid 1px #999;
  border-top: none;
  border-right: solid 1px #999;
  border-left: none; }

@media screen and (max-width: 850px) {
  table.data.sp {
	font-size: 13px;
	letter-spacing: -1px; }
  table.data.sp th {
	font-size: 12px; } }

/* 表 (レイアウト用) */
table.layout {
  border: none;
  thpadding: 0;
  border: none; }
  table.layout td {
	padding: 0 5px;
	border: none; }

/*  box float
----------------------------------------------- */
/* .inlineFrame {
  background-color: #FFFFFF;
  height: 40vh;
  overflow: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px solid #ccc;
  padding: 10px;
  position: relative;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  box-shadow: 0px 5px 10px -3px #CCC inset;
  font-size: 90%;
  /*&:hover:before{content:none;}*/ }
  .inlineFrame:before {
	font-family: 'basicicon';
	content: "\e950";
	position: absolute;
	font-size: 40px;
	width: 40px;
	right: 0;
	bottom: 4px;
	color: rgba(17, 67, 185, 0.4); }

.inlineFrame::-webkit-scrollbar {
  height: 10px; }

.inlineFrame::-webkit-scrollbar-track {
  margin: 0 2px;
  background: #ccc;
  border-radius: 5px; }

.inlineFrame::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 5px; }

.inlineFrame::-webkit-scrollbar-track-piece {
  background: #efefef; }

.contBox {
  background-color: #FFFFFF;
  border: 1px solid #ccc;
  padding: 10px;
  /*box-shadow:0px 5px 10px -3px #CCC inset;*/
  font-size: 90%; }

.textclm2 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start; }
  .textclm2 .clm {
	padding: 0 2.5% 0 0;
	width: 50%; }
  .textclm2 .clm:nth-child(even) {
	padding: 0 0 0 2.5%; }

@media screen and (max-width: 850px) {
  .textclm2 {
	display: initial; }
	.textclm2 .clm {
	  padding: 0; }
	.textclm2 .clm:nth-child(even) {
	  padding: 0; } }

/* sp */
.clearBox:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

.clearBox {
  overflow: hidden;
  height: auto; }
  .clearBox .img-l, .clearBox .img-r {
	margin-bottom: 10px; }
  .clearBox .img-l {
	float: left;
	margin-right: 3vw !important; }
  .clearBox .img-r {
	float: right;
	margin-left: 3vw !important; }
  .clearBox .hidden {
	height: auto; }
  .clearBox .auto {
	overflow: auto;
	height: auto; }

.imgBlockT {
  align-items: flex-start; }

.imgBlockB {
  align-items: baseline; }

.imgBlockC {
  align-items: center; }

.imgBlockB, .imgBlockC, .imgBlockT {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-content: space-between; }
  .imgBlockB.imgL .cont, .imgBlockC.imgL .cont, .imgBlockT.imgL .cont {
	order: 2;
	flex: 1; }
  .imgBlockB.imgL .img, .imgBlockC.imgL .img, .imgBlockT.imgL .img {
	order: 1;
	margin-right: 2vw; }
  .imgBlockB.imgL span.caption, .imgBlockC.imgL span.caption, .imgBlockT.imgL span.caption {
	display: block;
	margin: 0.5em 0;
	padding-left: 1.2em;
	text-indent: -1.2em;
	font-size: 80%; }
	.imgBlockB.imgL span.caption:before, .imgBlockC.imgL span.caption:before, .imgBlockT.imgL span.caption:before {
	  font-family: 'basicicon';
	  content: "\77";
	  margin-right: 0.2em; }

.imgBlockB, .imgBlockC, .imgBlockT {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-content: space-between; }
  .imgBlockB.imgR .cont, .imgBlockC.imgR .cont, .imgBlockT.imgR .cont {
	order: 1;
	flex: 1; }
  .imgBlockB.imgR .img, .imgBlockC.imgR .img, .imgBlockT.imgR .img {
	order: 2;
	margin-left: 2vw; }
  .imgBlockB.imgR span.caption, .imgBlockC.imgR span.caption, .imgBlockT.imgR span.caption {
	display: block;
	margin: 0.5em 0;
	padding-left: 1.2em;
	text-indent: -1.2em;
	font-size: 80%; }
	.imgBlockB.imgR span.caption:before, .imgBlockC.imgR span.caption:before, .imgBlockT.imgR span.caption:before {
	  font-family: 'basicicon';
	  content: "\77";
	  margin-right: 0.2em; }
  .imgBlockB.imgR img.w100, .imgBlockB.imgL img.w100, .imgBlockC.imgR img.w100, .imgBlockC.imgL img.w100, .imgBlockT.imgR img.w100, .imgBlockT.imgL img.w100 {
	width: 100px; }
  .imgBlockB.imgR img.w130, .imgBlockB.imgL img.w130, .imgBlockC.imgR img.w130, .imgBlockC.imgL img.w130, .imgBlockT.imgR img.w130, .imgBlockT.imgL img.w130 {
	width: 130px; }
  .imgBlockB.imgR img.w150, .imgBlockB.imgL img.w150, .imgBlockC.imgR img.w150, .imgBlockC.imgL img.w150, .imgBlockT.imgR img.w150, .imgBlockT.imgL img.w150 {
	width: 150px; }
  .imgBlockB.imgR img.w200, .imgBlockB.imgL img.w200, .imgBlockC.imgR img.w200, .imgBlockC.imgL img.w200, .imgBlockT.imgR img.w200, .imgBlockT.imgL img.w200 {
	width: 200px; }
  .imgBlockB.imgR img.w250, .imgBlockB.imgL img.w250, .imgBlockC.imgR img.w250, .imgBlockC.imgL img.w250, .imgBlockT.imgR img.w250, .imgBlockT.imgL img.w250 {
	width: 250px; }
  .imgBlockB.imgR img.w300, .imgBlockB.imgL img.w300, .imgBlockC.imgR img.w300, .imgBlockC.imgL img.w300, .imgBlockT.imgR img.w300, .imgBlockT.imgL img.w300 {
	width: 300px; }
  .imgBlockB.imgR img.w350, .imgBlockB.imgL img.w350, .imgBlockC.imgR img.w350, .imgBlockC.imgL img.w350, .imgBlockT.imgR img.w350, .imgBlockT.imgL img.w350 {
	width: 350px; }
  .imgBlockB.imgR img.w400, .imgBlockB.imgL img.w400, .imgBlockC.imgR img.w400, .imgBlockC.imgL img.w400, .imgBlockT.imgR img.w400, .imgBlockT.imgL img.w400 {
	width: 400px; }
  .imgBlockB.imgR img.w500, .imgBlockB.imgL img.w500, .imgBlockC.imgR img.w500, .imgBlockC.imgL img.w500, .imgBlockT.imgR img.w500, .imgBlockT.imgL img.w500 {
	width: 500px; }
  .imgBlockB.imgR img.w600, .imgBlockB.imgL img.w600, .imgBlockC.imgR img.w600, .imgBlockC.imgL img.w600, .imgBlockT.imgR img.w600, .imgBlockT.imgL img.w600 {
	width: 600px; }

.w10vw {
  max-width: 10vw; }
  .w10vw + .cont {
	width: 76vw; }

.w20vw {
  max-width: 20vw; }
  .w20vw + .cont {
	width: 66vw; }

.w30vw {
  max-width: 30vw; }
  .w30vw + .cont {
	width: 56vw; }

.w40vw {
  max-width: 40vw; }
  .w40vw + .cont {
	width: 46vw; }

.w50vw {
  max-width: 50vw; }
  .w50vw + .cont {
	width: 36vw; }

.w60vw {
  max-width: 60vw; }
  .w60vw + .cont {
	width: 26vw; }

.w70vw {
  max-width: 70vw; }
  .w70vw + .cont {
	width: 16vw; }

.w80vw {
  max-width: 80vw; }
  .w80vw + .cont {
	width: 6vw; }

.clm2, .clm3 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
  .clm2 span.caption, .clm3 span.caption {
	display: block;
	margin: 0.5em 0;
	padding-left: 1.2em;
	text-indent: -1.2em; }
	.clm2 span.caption:before, .clm3 span.caption:before {
	  font-family: 'basicicon';
	  content: "\77";
	  margin-right: 0.2em; }
  .clm2 .sp1, .clm3 .sp1 {
	padding: 1vw; }
  .clm2 .sp2, .clm3 .sp2 {
	padding: 2vw; }

.clm2 .clm {
  width: 50%;
  justify-content: space-between; }

.clm3 .clm {
  width: 33%;
  justify-content: space-between; }

ul.flexrow {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
  ul.flexrow li {
	flex: 1; }

ul.flexclm2 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
  ul.flexclm2 li {
	width: 50%; }

ul.flexclm3 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
  ul.flexclm3 li {
	width: 33%; }

ul.flexclm4 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
  ul.flexclm4 li {
	width: 25%; }

.flexwrap {
  flex-wrap: wrap; }

.flexalign-c {
  justify-content: center; }

.flexvalign-c {
  align-items: center; }

@media screen and (max-width: 850px) {
  .imgBlockB, .imgBlockC, .imgBlockT {
	display: block; }
	.imgBlockB.imgL .img, .imgBlockB.imgR .img, .imgBlockC.imgL .img, .imgBlockC.imgR .img, .imgBlockT.imgL .img, .imgBlockT.imgR .img {
	  margin: 10px 0;
	  text-align: center; }
	.imgBlockB .text, .imgBlockC .text, .imgBlockT .text {
	  width: 100%; }
	.imgBlockB .w10vw, .imgBlockB .w20vw, .imgBlockB .w30vw, .imgBlockB .w40vw, .imgBlockB .w50vw, .imgBlockC .w10vw, .imgBlockC .w20vw, .imgBlockC .w30vw, .imgBlockC .w40vw, .imgBlockC .w50vw, .imgBlockT .w10vw, .imgBlockT .w20vw, .imgBlockT .w30vw, .imgBlockT .w40vw, .imgBlockT .w50vw {
	  max-width: 60%; }
	.imgBlockB .w60vw, .imgBlockB .w70vw, .imgBlockB .w80vw, .imgBlockC .w60vw, .imgBlockC .w70vw, .imgBlockC .w80vw, .imgBlockT .w60vw, .imgBlockT .w70vw, .imgBlockT .w80vw {
	  max-width: 100%; }
  div.clearBox .img-l, div.clearBox .img-r {
	float: none;
	text-align: center;
	margin: auto !important; }
  div.clearBox .auto {
	overflow: inherit; }
  div.clearBox .hidden {
	text-align: left; }
  /*.clm2,.clm3{display:block;}
.clm2 .clm,
.clm3 .clm{
	width:100% !important;
}*/ }

/* sp */
/*  Arrangement
----------------------------------------------- */
.align-r {
  text-align: right; }

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

.align-l {
  text-align: left; }

.valign-t {
  vertical-align: top; }

/*  Margin
----------------------------------------------- */
*.sp-v0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

*.sp-v5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

*.sp-v10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

*.sp-v15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

*.sp-v20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

*.sp-v25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important; }

*.sp-v30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

*.sp-v40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

*.sp-v50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important; }

*.sp-t0 {
  margin-top: 0px !important; }

*.sp-t5 {
  margin-top: 5px !important; }

*.sp-t10 {
  margin-top: 10px !important; }

*.sp-t15 {
  margin-top: 15px !important; }

*.sp-t20 {
  margin-top: 20px !important; }

*.sp-t25 {
  margin-top: 25px !important; }

*.sp-t30 {
  margin-top: 30px !important; }

*.sp-t40 {
  margin-top: 40px !important; }

*.sp-t50 {
  margin-top: 50px !important; }

*.sp-b0 {
  margin-bottom: 0px !important; }

*.sp-b5 {
  margin-bottom: 5px !important; }

*.sp-b10 {
  margin-bottom: 10px !important; }

*.sp-b15 {
  margin-bottom: 15px !important; }

*.sp-b20 {
  margin-bottom: 20px !important; }

*.sp-b25 {
  margin-bottom: 25px !important; }

*.sp-b30 {
  margin-bottom: 30px !important; }

*.sp-b40 {
  margin-bottom: 40px !important; }

*.sp-b50 {
  margin-bottom: 50px !important; }

@media screen and (min-width: 668px) {
  *.w100 {
	max-width: 100px; }
  *.w130 {
	max-width: 130px; }
  *.w150 {
	max-width: 150px; }
  *.w200 {
	max-width: 200px; }
  *.w250 {
	max-width: 250px; }
  *.w300 {
	max-width: 300px; }
  *.w350 {
	max-width: 350px; }
  *.w400 {
	max-width: 400px; }
  *.w500 {
	max-width: 500px; }
  *.w600 {
	max-width: 600px; } }

@media screen and (max-width: 850px) {
  *.w100 {
	max-width: 40%; }
  *.w130 {
	max-width: 40%; }
  *.w150 {
	max-width: 50%; }
  *.w200 {
	max-width: 60%; }
  *.w250 {
	max-width: 80%; }
  *.w300 {
	max-width: 80%; }
  *.w350 {
	max-width: 80%; }
  *.w400 {
	max-width: 90%; }
  *.w500 {
	max-width: 90%; }
  *.w600 {
	max-width: 90%; } }

/* sp */
*.vh10 {
  height: 10vh; }

*.vh20 {
  height: 20vh; }

*.vh30 {
  height: 30vh; }

*.vh40 {
  height: 40vh; }

*.vh50 {
  height: 50vh; }

*.vh60 {
  height: 60vh; }

*.vh70 {
  height: 70vh; }

*.vh80 {
  height: 80vh; }

*.vh90 {
  height: 90vh; }

*.vh100 {
  height: 100vh; }

*.pd-lr5 {
  padding-right: 5px;
  padding-left: 5px; }

*.pd-lr10 {
  padding-right: 10px;
  padding-left: 10px; }

*.pd-lr15 {
  padding-right: 15px;
  padding-left: 15px; }

*.pd-lr20 {
  padding-right: 20px;
  padding-left: 20px; }

.radius5 {
  border-radius: 5px; }

.radius10 {
  border-radius: 10px; }

.radius15 {
  border-radius: 15px; }

.radius20 {
  border-radius: 20px; }

.radius30 {
  border-radius: 30px; }

.radius40 {
  border-radius: 40px; }

.radius50 {
  border-radius: 50px; }

.o-hidden {
  overflow: hidden; }

*.pd10 {
  padding: 10px; }

*.pd15 {
  padding: 15px; }

*.pd20 {
  padding: 20px; }

.indent {
  margin-left: 1em; }

/*  hr
----------------------------------------------- */
.lpcont hr {
  height: 0px;
  border-radius: 2px;
  border: 4px solid #eee;
  margin: 25px auto;
  width: 94%; }

/*  icon
----------------------------------------------- */
.mk-mp3:before {
  font-family: 'basicicon';
  content: "\6d";
  font-size: 26px;
  color: #2c8eb2;
  margin-right: 0.2em;
  position: relative;
  top: 0.2em;
  display: inline-block; }

.mk-doc:before {
  font-family: 'basicicon';
  content: "\64";
  font-size: 26px;
  color: #1f3c7c;
  margin-right: 0.2em;
  position: relative;
  top: 0.2em;
  display: inline-block; }

.mk-xls:before {
  font-family: 'basicicon';
  content: "\78";
  font-size: 26px;
  color: #1f7c3f;
  margin-right: 0.2em;
  position: relative;
  top: 0.2em;
  display: inline-block; }

.mk-pdf:before {
  font-family: 'basicicon';
  content: "\70";
  font-size: 26px;
  color: #a32731;
  margin-right: 0.2em;
  position: relative;
  top: 0.2em;
  display: inline-block; }

.mk-ppt:before {
  font-family: 'basicicon';
  content: "\74";
  font-size: 26px;
  color: #e2671b;
  margin-right: 0.2em;
  position: relative;
  top: 0.2em;
  display: inline-block; }

.mk-img:before {
  font-family: 'basicicon';
  content: "\6a";
  font-size: 26px;
  color: #7d59a0;
  margin-right: 0.2em;
  position: relative;
  top: 0.2em;
  display: inline-block; }

.mk-etc:before {
  font-family: 'basicicon';
  content: "\65";
  font-size: 26px;
  color: #7a7a7a;
  margin-right: 0.2em;
  position: relative;
  top: 0.2em;
  display: inline-block; }

.mk-popup:before {
  font-family: 'basicicon';
  content: "\24";
  margin-right: 0.2em;
  position: relative;
  top: 0.1em; }

.mk-up:before {
  font-family: 'basicicon';
  content: "\e94f";
  margin-right: 0.2em;
  position: relative;
  top: 0.1em; }

.mk-down:before {
  font-family: 'basicicon';
  content: "\e94c";
  margin-right: 0.2em;
  position: relative;
  top: 0.1em; }

.mk-next:before {
  font-family: 'basicicon';
  content: "\e94e";
  margin-right: 0.2em;
  position: relative;
  top: 0.1em; }

.mk-prev:before {
  font-family: 'basicicon';
  content: "\e94d";
  margin-right: 0.2em;
  position: relative;
  top: 0.1em; } */

/*----------------------------------------------------------
	Font
--------------------------------------------------------- */
/* @font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }

@font-face {
  font-family: 'mplus-1c';
  font-style: normal;
  font-weight: 100;
  src: url("fonts/mplus/mplus-1c-thin.eot");
  src: url("fonts/mplus/mplus-1c-thin.eot?#iefix") format("embedded-opentype"), url("fonts/mplus/mplus-1c-thin.woff") format("woff"), url("fonts/mplus/mplus-1c-thin.ttf") format("truetype");
   }

@font-face {
  font-family: 'mplus-1c';
  font-style: normal;
  font-weight: 300;
  src: url("fonts/mplus/mplus-1c-light.eot");
  src: url("fonts/mplus/mplus-1c-light.eot?#iefix") format("embedded-opentype"), url("fonts/mplus/mplus-1c-light.woff") format("woff"), url("fonts/mplus/mplus-1c-light.ttf") format("truetype"); }

@font-face {
  font-family: 'mplus-1c';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/mplus/mplus-1c-regular.eot");
  src: url("fonts/mplus/mplus-1c-regular.eot?#iefix") format("embedded-opentype"), url("fonts/mplus/mplus-1c-regular.woff") format("woff"), url("fonts/mplus/mplus-1c-regular.ttf") format("truetype"); }

@font-face {
  font-family: 'mplus-1c';
  font-style: normal;
  font-weight: 500;
  src: url("fonts/mplus/mplus-1c-medium.eot");
  src: url("fonts/mplus/mplus-1c-medium.eot?#iefix") format("embedded-opentype"), url("fonts/mplus/mplus-1c-medium.woff") format("woff"), url("fonts/mplus/mplus-1c-medium.ttf") format("truetype"); }

@font-face {
  font-family: 'mplus-1c';
  font-style: normal;
  font-weight: 600;
  src: url("fonts/mplus/mplus-1c-bold.eot");
  src: url("fonts/mplus/mplus-1c-bold.eot?#iefix") format("embedded-opentype"), url("fonts/mplus/mplus-1c-bold.woff") format("woff"), url("fonts/mplus/mplus-1c-bold.ttf") format("truetype"); }

@font-face {
  font-family: 'mplus-1c';
  font-style: normal;
  font-weight: 700;
  src: url("fonts/mplus/mplus-1c-heavy.eot");
  src: url("fonts/mplus/mplus-1c-heavy.eot?#iefix") format("embedded-opentype"), url("fonts/mplus/mplus-1c-heavy.woff") format("woff"), url("fonts/mplus/mplus-1c-heavy.ttf") format("truetype"); }

@font-face {
  font-family: 'mplus-1c';
  font-style: normal;
  font-weight: 900;
  src: url("fonts/mplus/mplus-1c-black.eot");
  src: url("fonts/mplus/mplus-1c-black.eot?#iefix") format("embedded-opentype"), url("fonts/mplus/mplus-1c-black.woff") format("woff"), url("fonts/mplus/mplus-1c-black.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  src: url("fonts/notosans/NotoSansCJKjp-Thin.eot");
  src: url("fonts/notosans/NotoSansCJKjp-Thin.eot?#iefix") format("embedded-opentype"), url("fonts/notosans/NotoSansCJKjp-Thin.woff") format("woff"), url("fonts/notosans/NotoSansCJKjp-Thin.ttf") format("truetype");
  }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 200;
  src: url("fonts/notosans/NotoSansCJKjp-Light.eot");
  src: url("fonts/notosans/NotoSansCJKjp-Light.eot?#iefix") format("embedded-opentype"), url("fonts/notosans/NotoSansCJKjp-Light.woff") format("woff"), url("fonts/notosans/NotoSansCJKjp-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: url("fonts/notosans/NotoSansCJKjp-DemiLight.eot");
  src: url("fonts/notosans/NotoSansCJKjp-DemiLight.eot?#iefix") format("embedded-opentype"), url("fonts/notosans/NotoSansCJKjp-DemiLight.woff") format("woff"), url("fonts/notosans/NotoSansCJKjp-DemiLight.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/notosans/NotoSansCJKjp-Regular.eot");
  src: url("fonts/notosans/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/notosans/NotoSansCJKjp-Regular.woff") format("woff"), url("fonts/notosans/NotoSansCJKjp-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: url("fonts/notosans/NotoSansCJKjp-Medium.eot");
  src: url("fonts/notosans/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/notosans/NotoSansCJKjp-Medium.woff") format("woff"), url("fonts/notosans/NotoSansCJKjp-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url("fonts/notosans/NotoSansCJKjp-Bold.eot");
  src: url("fonts/notosans/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/notosans/NotoSansCJKjp-Bold.woff") format("woff"), url("fonts/notosans/NotoSansCJKjp-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  src: url("fonts/notosans/NotoSansCJKjp-Black.eot");
  src: url("fonts/notosans/NotoSansCJKjp-Black.eot?#iefix") format("embedded-opentype"), url("fonts/notosans/NotoSansCJKjp-Black.woff") format("woff"), url("fonts/notosans/NotoSansCJKjp-Black.ttf") format("truetype"); } */

/*  iconfont
----------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before,
[class^="icon-"]:after, [class*=" icon-"]:after {
  font-family: 'basicicon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.3;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  margin-right: 3px;
  font-size: 120%; }

[class^="icon-"]:after, [class*=" icon-"]:after {
  margin-left: 3px;
  font-size: 120%; }

[class^="icon-fl_"]:before, [class*=" icon-fl_"]:before,
[class^="icon-fl_"]:after, [class*=" icon-fl_"]:after {
  font-size: 160%;
  vertical-align: middle; }

/*----------------------------------------------------------
  SCRIPT
--------------------------------------------------------- */
.lum-lightbox {
  z-index: 10; }

.zoomin .num {
  font-size: 2rem; }

section.ikiru .zoomin .num {
  color: #0996c5; }

section.mamoru .zoomin .num {
  color: #ed565c; }

section.tsunagu .zoomin .num {
  color: #1da326; }

/* Delighters */
/* 基本のスタイル */
.foo.delighter, .boyon.delighter, .zoomin.delighter {
  opacity: 0; }

.foo.ended, .boyon.ended, .zoomin.ended {
  opacity: 1 !important; }

.foo.delighter {
  transition: all 1.5s ease-out; }

/* スタート時のスタイル */
.foo.delighter.started {
  /*transform: none;*/
  opacity: 1; }

/* エンド時のスタイル */
.foo.delighter.started.ended {
  /* border: solid red 10px;*/ }

.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 0.5s; }

.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0); }

.fadein.scrollin.del03 {
  opacity: 1;
  transform: translate(0, 0);
  transition-delay: 0.3s; }

.fadein.scrollin.del05 {
  opacity: 1;
  transform: translate(0, 0);
  transition-delay: 0.5s; }

.fadein.scrollin.del06 {
  opacity: 1;
  transform: translate(0, 0);
  transition-delay: 0.6s; }

.fadein.scrollin.del10 {
  opacity: 1;
  transform: translate(0, 0);
  transition-delay: 1s; }

.fadein.scrollin.del15 {
  opacity: 1;
  transform: translate(0, 0);
  transition-delay: 1.5s; }

.boyon.delighter.started {
  z-index: 5;
  animation-name: boyon;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-delay: 0.5s;
  /* 開始を遅らせる */
  transition-delay: 0.5s;
  /* 開始を遅らせる */ }
  .boyon.delighter.started.ended {
	opacity: 1; }

@keyframes boyon {
  0 {
	transform: scale(1.2);
	opacity: 0; }
  25% {
	transform: scale(0.7); }
  50% {
	transform: scale(1.2); }
  75% {
	transform: scale(0.8); }
  100% {
	transform: scale(1);
	opacity: 1; } }

.del05 {
  animation-delay: 0.5s;
  transition-delay: 0.5s; }

.del06 {
  animation-delay: 0.6s;
  transition-delay: 0.6s; }

.del10 {
  animation-delay: 1s;
  transition-delay: 1s; }

.del15 {
  animation-delay: 1.5s;
  transition-delay: 1.5s; }

.zoomin.delighter.started {
  z-index: 5;
  animation-name: zoomin;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-delay: 0;
  /* 開始を遅らせる */
  transition-delay: 0;
  /* 開始を遅らせる */ }
  .zoomin.delighter.started.ended {
	opacity: 1 !important; }

@keyframes zoomin {
  0 {
	transform: scale(0.7);
	opacity: 0; }
  25% {
	transform: scale(0.7); }
  85% {
	transform: scale(1.1); }
  100% {
	transform: scale(1);
	opacity: 1; } }

.graph.delighter {
  opacity: 0; }

.graph.delighter.started {
  opacity: 1;
  animation-name: circleA1; }
  .graph.delighter.started.ended {
	opacity: 1; }

.chart {
  margin: 0 auto;
  width: 330px;
  height: 330px;
  text-align: center;
  position: relative; }

.chart > .title {
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
  font-weight: 700;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  top: 141px;
  width: 100%;
  font-size: 22px;
  text-align: center;
  line-height: 1.2;
  position: absolute;
  z-index: 2;
  animation: fwt 2s ease-out .5s 1 forwards;
  opacity: 0;
  text-shadow:
    white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 2px 2px 2px, white -2px 2px 2px,
    white 2px -2px 2px, white -2px -2px 2px,
    white 1px 2px 2px, white -1px 2px 2px,
    white 1px -2px 2px, white -1px -2px 2px,
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
}

.chart > .title span {
  font-size: 16px;
  text-align: center;
  display: block; }

.chart > ul {
  animation: fwt 2s ease-out .5s 1 forwards;
  opacity: 0; }

.chart > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #fff;
  text-align: center;
  line-height: 1;
  position: absolute;
  z-index: 3; }

@keyframes fwt {
  0% {
	opacity: 0; }
  100% {
	opacity: 1; } }

.circle {
  display: inline-block;
  transform: rotate(-90deg); }

.circle .type {
  fill: transparent;
  stroke-width: 100; }

.circle .type1 {
  stroke: #0996c5; }

.circle .type2 {
  stroke: #ed565c; }

.circle .type3 {
  stroke: #1da326; }

.circle .yohaku {
  stroke: #FFF; }

/* graph detail 円グラフの直径180px */
.mamoru1 .delighter .type{opacity:0;}
.mamoru1 .delighter.started,.mamoru1 .delighter.ended{opacity:1;}
.mamoru1 .chart>.title{font-size:20px;}
.mamoru1 .chart>.title span{font-size:18px;}
.mamoru1 .delighter.started .typeA1{animation:mamoru1 1s forwards;-webkit-animation:mamoru1 1s forwards;}
@keyframes mamoru1{0%{stroke-dasharray:0 566;}99.9%,to{stroke-dasharray:16.414 566; opacity: 1;}} /* 2.9% */
.mamoru1 .delighter.started  .typeA2{animation:mamoru1-2 1s forwards;-webkit-animation:mamoru1-2 1s forwards;}
@keyframes mamoru1-2{0%{stroke-dasharray:0 566;}99.9%,to{stroke-dasharray:563.302 566; opacity: 1;}} /* 99.7% 見えやすいように若干描画数値調整*/


.mamoru2 .delighter .type{opacity:0;}
.mamoru2 .delighter.started,.mamoru2 .delighter.ended{opacity:1;}
.mamoru2 .chart>.title{font-size:20px;}
.mamoru2 .chart>.title span{font-size:18px;}
.mamoru2 .delighter.started .typeA1{animation:mamoru2 1s forwards;-webkit-animation:mamoru2 1s forwards;}
@keyframes mamoru2{0%{stroke-dasharray:0 566;}99.9%,to{stroke-dasharray:401.294 566; opacity: 1;}} /* 70.9% */
.mamoru2 .delighter.started .typeA2{animation:mamoru2-2 1s forwards;-webkit-animation:mamoru2-2 1s forwards;}
@keyframes mamoru2-2{0%{stroke-dasharray:0 566;}99.9%,to{stroke-dasharray:483.364 566; opacity: 1;}} /* 85.4% */
/* 不使用　*/
.mamoru3 .chart > .title{font-size:20px;}
.mamoru3 .chart > .title span{font-size:17px;}
.mamoru3 .typeA1{animation:mamoru3 1s forwards;-webkit-animation:mamoru3 1s forwards;}
@keyframes mamoru3{0%{stroke-dasharray:0 566;}99.9%,to{stroke-dasharray:512.607 566; opacity: 1;}}






/* IE */
_:lang(x)::-ms-backdrop, .chart {
  height: auto; }

_:lang(x)::-ms-backdrop, .chart .graph {
  display: none; }

_:lang(x)::-ms-backdrop, .chart > .title {
  position: relative;
  font-size: 2rem !important;
  top: 0; }

_:lang(x)::-ms-backdrop, section.mamoru .chart > .title {
  color: #ed565c; }

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