@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}.CFX:before,.CFX:after{content:" ";display:table}.CFX:after{clear:both}.CFX{*zoom:1}.FIR{text-indent:100% !important;white-space:nowrap;overflow:hidden}.FIR a{overflow:hidden;display:block;width:100%;height:100%;text-decoration:none;outline:0}ul.FIR,ol.FIR{padding:0;list-style:none}.l-constrained{margin:0 auto}.l-left{float:left;_display:inline;margin:0 1em 1em 0}.l-right{float:right;_display:inline;margin:1em 0 0 1em}.l-center{text-align:center}.l-horizontal dt{float:left;clear:left;margin-right:0.5em}.l-horizontal dt::after{content:":";margin-left:0.5em}.l-horizontal dd{overflow:hidden}.l-inline{letter-spacing:-.4em}.l-inline>*{display:inline-block;letter-spacing:normal}.l-flex-base-l{float:left;_display:inline}.l-flex-base-r{float:right;_display:inline}.l-flex-wobase{overflow:hidden}.l-coordinates{position:relative}.l-coordinates>*{position:absolute;margin:0 !important}html{overflow-y:scroll}body{font:14px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}span,strong,em{font-weight:bold}small{font-size:85%}.image{text-align:center}.image img{vertical-align:top}.banners a:hover img{filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75}.sup-list{padding-left:1em;text-indent:-1em}.horizontal dt{float:left;clear:left;margin-right:1em}.txt-attention{color:#e60000}.txt-notice{color:#0055c8}.txt-sup{text-align:right}.txt-topic{text-align:center}.txt-weak{font-size:85%}.point-lv0{font-size:100%;font-weight:bold}.point-lv1{font-size:109%;font-weight:bold}.point-lv2{font-size:125%;font-weight:bold}.point-lv3{font-size:142%;font-weight:bold}.point-lv4{font-size:159%;font-weight:bold}.point-lv5{font-size:176%;font-weight:bold}.point-lv6{font-size:184%;font-weight:bold}.point-lv7{font-size:200%;font-weight:bold}.point-lv8{font-size:217%;font-weight:bold}.point-lv9{font-size:234%;font-weight:bold}.point-lv10{font-size:250%;font-weight:bold} body{text-align:center}#wrapper{position:relative;text-align:left}#header-inner,#main-inner,#footer-inner{overflow:hidden;margin-right:auto;margin-left:auto;width:950px !important}p.logo-kentei{position:absolute;top:20px;left:25px;margin:0}body{text-align:center}



/*   base stting
------------------------------------------------------------------ */
html,
body {
	overflow-x: hidden;
}
html {
    height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif;
	font-size: 14px;
	line-height: 1.8;
	background: #00904d;
	color: #000;
	text-align: left;
	overflow: hidden;
	letter-spacing: 0;
}

a,
a:link,
a:visited {
	color: #00904d;
	text-decoration: underline;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}
a:hover,
a:active {
	color: #00904d;
	text-decoration: none;
}
a,
a:focus {
	outline: none;
	overflow: hidden;
	text-decoration: none;
}

p {
	margin: 10px 0;
}

img {
	border : 0;
}

table,
th,
td {
	border-collapse: collapse;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

iframe {
	border: none;
	margin: 0;
}

strong {
	font-weight: bold;
}

/* social box
---------------------- */
.socialBox {
	height: 20px;
}
.socialBox iframe {
	width: 110px !important;
}
.socialBox .twitter-share-button {
	width: 90px !important;
	height:25px !important;
}
.socialBox {
	position: absolute;
	top: 90px;
	right: 0;
	margin: 0;
}

/*   common
------------------------------------------------------------------ */
#wrapper {
	height: 100%;
	min-height: 100%;
	padding: 0;
	position: relative;
}
body > #wrapper {
    height: auto;
}

#contents {
	width: 990px;
	margin: 25px auto 0;
	background: #fff;
}
#contents-inner,
.contents-inner {
	width: 930px;
	margin: 0 auto;
	padding: 20px 0 0;
}

section {
	margin: 0;
	padding: 0 0 30px;
}

.cols-flex {
	display: flex;
	flex-flow: row nowrap;
}
.cols-flex .cols-1 {
	flex: 1;
}
.cols-flex .cols-2 {
	flex: 2.5;
}
/* IE9,10 */
.cols-flex:not(:target) {
	display: table\9;
}
.cols-flex .cols-1:not(:target) {
	display: table-cell\9;
	width: 270px\9;
	vertical-align: top\9;
}
.cols-flex .cols-2:not(:target) {
	display: table-cell\9;
	width: 660px\9;
	vertical-align: top\9;
}

p.logo-kentei {
	position: absolute;
	top: -63px;
	left: 25px;
	margin: 0;
	z-index: 10;
}

.hide-txt {
	text-indent: 100% !important;
	white-space: nowrap;
	overflow: hidden;
}
.hide-txt a {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	outline: 0;
}

.fl-left {
	float: left;
}
.fl-right {
	float: right;
}

/* link zoom */
@-webkit-keyframes link-zoom {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes link-zoom {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes link-zoom-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes link-zoom-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.link-zoom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.link-zoom:hover, .link-zoom:focus, .link-zoom:active {
  -webkit-animation-name: link-zoom-float, link-zoom;
  animation-name: link-zoom-float, link-zoom;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

.ttl {
	width: auto;
	height: 60px;
	padding-top: 13px;
	margin: 0 0 20px;
	background: url("../img/bg_ttl.png") 0 0 repeat-x;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-align: center;
	box-sizing: border-box;
}

.sub {
	width: auto;
	margin: 0 0 15px;
	padding: 5px 0 10px;
	font-size: 18px;
	font-weight: 600;
	border-bottom: 5px solid #00904d;
}
.sub span {
	font-size: 14px;
}

.txt-green {
	color: #00904d;
}

.f13 {
	font-size: 13px;
}

/*   header
------------------------------------------------------------------ */
header {
	height: 120px;
	margin: 0 0 30px;
	overflow: hidden;
	position: relative;
}

header h1 {
	width: 242px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: url("../img/header/logo.png") 0 0 no-repeat;
	text-indent: 100% !important;
	white-space: nowrap;
	overflow: hidden;
}
header h1 a {
	display: block;
	width: 242px;
	height: 60px;
	overflow: hidden;
}

header ul.btn-entry {
	width: 525px;
	position: absolute;
	top: 5px;
	right: 0;
	margin: 0;
}
header ul.btn-entry li {
	display: inline-block;
	width: 250px;
	height: 50px;
	margin: 0 0 0 10px;
	text-indent: 100% !important;
	white-space: nowrap;
	overflow: hidden;
}
header ul.btn-entry li a {
	display: block;
	width: 250px;
	height: 50px;
	overflow: hidden;
}

header ul.btn-entry li.individual a { background: url('../img/header/entry_individual.png') 0 0 no-repeat; }
header ul.btn-entry li.individual a:hover { background: url('../img/header/entry_individual_over.png') 0 0 no-repeat; }

header ul.btn-entry.end li.individual a { background: url('../img/header/entry_individual_end.png') 0 0 no-repeat; }
header ul.btn-entry.end li.individual a:hover { background: url('../img/header/entry_individual_end_over.png') 0 0 no-repeat; }

header ul.btn-entry li.group a { background: url('../img/header/entry_group.png') 0 0 no-repeat; }
header ul.btn-entry li.group a:hover {background: url('../img/header/entry_group_over.png') 0 0 no-repeat; }

header ul.btn-entry.end li.group a { background: url('../img/header/entry_group_end.png') 0 0 no-repeat; }
header ul.btn-entry.end li.group a:hover {background: url('../img/header/entry_group_end_over.png') 0 0 no-repeat; }

/*   nav
------------------------------------------------------------------ */
.navMain {
	background: #00904d;
	width: 930px;
	height: 40px;
	margin: 20px auto 0;
	overflow: hidden;
}
ul.nav-main {
	width: 700px;
	height: 40px;
	display: table;
	/*table-layout: fixed;*/
	color: #fff;
	font-size: 15px;
	font-weight: 600;
}
ul.nav-main li {
	display: table-cell;
	margin: 0;
	/*padding-top: 2px;*/
	padding: 2px 20px 0;
	text-align: center;
	vertical-align: middle;
}
ul.nav-main li a {
	/*display: block;*/
	color: #fff;
	text-decoration: none;
}
ul.nav-main li a:hover,
ul.nav-main li.active {
	color: #fff;
	text-decoration: underline;
}

/*   btn
------------------------------------------------------------------ */
ul.btn-entry {
	clear: both;
	width: 660px;
	margin: 0 auto;
}
ul.btn-entry li {
	display: inline-block;
	width: 300px;
	height: 70px;
	margin: 30px 10px 0;
	text-indent: 100% !important;
	white-space: nowrap;
	overflow: hidden;
}
ul.btn-entry li a {
	display: block;
	width: 300px;
	height: 70px;
	overflow: hidden;
}

ul.btn-entry li.individual a { background: url('../img/entry_individual.png') 0 0 no-repeat; }
ul.btn-entry li.individual a:hover { background: url('../img/entry_individual_over.png') 0 0 no-repeat; }

ul.btn-entry.end li.individual a { background: url('../img/entry_individual_end.png') 0 0 no-repeat; }
ul.btn-entry.end li.individual a:hover { background: url('../img/entry_individual_end_over.png') 0 0 no-repeat; }

ul.btn-entry li.group a { background: url('../img/entry_group.png') 0 0 no-repeat; }
ul.btn-entry li.group a:hover {background: url('../img/entry_group_over.png') 0 0 no-repeat; }

ul.btn-entry.end li.group a { background: url('../img/entry_group_end.png') 0 0 no-repeat; }
ul.btn-entry.end li.group a:hover {background: url('../img/entry_group_end_over.png') 0 0 no-repeat; }

ul.btn-list {
	width: 60%;
	display: table;
	table-layout: fixed;
	margin: 0 auto;
	padding: 10px 0;
}
ul.btn-list li {
	display: table-cell;
}

/*   footer
------------------------------------------------------------------ */
footer {
	width: 980px;
	margin: 0 auto;
	padding: 40px 0;
	text-align: center;
}

/*   top page
------------------------------------------------------------------ */
#page-home .news {
	padding-bottom: 40px;
}
#page-home .news h2 {
	background: url(../img/index_news_sub.png) 0 0 no-repeat;
	height: 16px;
	margin: 0 0 10px;
	padding-bottom: 10px;
	border-bottom: 5px solid #00904d;
	text-indent: 100% !important;
	white-space: nowrap;
	overflow: hidden;
}
#page-home .news dl {
	margin: 0;
	padding: 0;
}
#page-home .news dl dt {
	clear: both;
	float: left;
	padding: 12px 0;
	width: 85px;
	white-space: nowrap;
	font-weight: normal;
}
#page-home .news dl dd {
	margin: 0;
	padding: 12px 5px 12px 95px;
	border-bottom: 1px dashed #333;
}
#page-home .news dl a {
	color: #000;
	text-decoration: underline;
}
#page-home .news dl a:hover {
	text-decoration: none;
}
#page-home .news dl .icon-new {
	display: inline-block;
	background: url(../img/icon_new.png) 0 bottom no-repeat;
	width: 50px;
	height: 17px;
	margin: 0 10px;
	vertical-align: -10%;
	text-indent: 100% !important;
	white-space: nowrap;
	overflow: hidden;
}

/*   noticebar
------------------------------------------------------------------ */
#knt_noticebar {
    background-color: #fff;
    width: 100%;
    position: relative;
    z-index: 10;
}
#knt_noticebar .inner {
	width: 990px;
    margin: 0 auto;
}
#knt_noticebar .inner p {
    font-size: 12px;
    margin: 0;
    line-height: 1.6;
    background: url(/common/images/i-attention.gif) 3% center no-repeat;
    padding: 10px 10px 10px 60px;
    text-align: left;
    color: #000;
}
#knt_noticebar a {
    text-decoration: underline;
}
#knt_noticebar a:hover {
    text-decoration: none;
}

/*   clearfix
------------------------------------------------------------------ */
.clearfix {
	zoom: 1;
}
.clearfix:before,
.clearfix:after {
	clear: both;
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
#wrapper:before,
#wrapper:after,
header:before,
header:after,
footer:before,
footer:after,
section:before,
section:after {
	clear: both;
	content: " ";
	display: table;
}
#wrapper:after,
header:after,
footer:after,
section:after {
    clear: both;
}

/*   190114 TOP benefits 追加
------------------------------------------------------------------ */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.btn-buy {
	display: block;
	margin: 30px auto 0;
}
.btn-buy:hover {
	opacity: 0.7;
	transition: 0.7s;
}

#page-home #benefits {
	margin: 10px auto 20px;
	padding: 40px 0;
	background: #f7f7f7;
	background: linear-gradient(#f7f7f7, #dfdfdf);
	text-align: center;
}
#page-home #benefits h2 {
	margin: 0 auto 20px;
	text-align: center;
}