@charset "UTF-8";
@import "base.css";
@import "fonts.css";
/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
	font-size: 140%;
	line-height: 24px;
}
img {
	vertical-align: bottom;
}
a {
	color: #81afff;
}
a:hover, a:active {
	color: #81afff;
	text-decoration: none;
}
p {
	margin: 0 0 1.5em;
}
.section {
	padding: 0;
}
.image_l {
	float: left;
	margin: 0 16px 8px 0;
}
.image_r {
	float: right;
	margin: 0 0 8px 16px;
}
ul.path {
	display: block;
	padding: 25px 0;
}
ul.path li {
	list-style: none;
	display: inline;
}
/* add
------------------------------------------------------------------------*/

/* add
------------------------------------------------------------------------*/
.mb0 {
	margin-bottom : 0px;
}
.mb05 {
	margin-bottom : 5px;
}
.mb10 {
	margin-bottom : 10px;
}
.mb15 {
	margin-bottom : 15px;
}
.mb20 {
	margin-bottom : 20px;
}
.mb25 {
	margin-bottom : 25px;
}
.mb30 {
	margin-bottom : 30px;
}
.mt05 {
	margin-top : 5px;
}
.mt10 {
	margin-top : 10px;
}
.mt15 {
	margin-top : 15px;
}
.mt20 {
	margin-top : 20px;
}
.mt25 {
	margin-top : 25px;
}
.mt30 {
	margin-top : 30px;
}

.min_h180 {
	min-height: 180px;
}
#content .w5 {
	width: 5%;
}
#content .w10 {
	width: 10%;
}
#content .w15 {
	width: 15%;
}
#content .w20 {
	width: 20%;
}
#content .w25 {
	width: 25%;
}
#content .w30 {
	width: 30%;
}
#content .w33 {
	width: 33%;
}
#content .w35 {
	width: 35%;
}
#content .w40 {
	width: 40%;
}
#content .w45 {
	width: 45%;
}
#content .w50 {
	width: 50%;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}
body {
	color: #333;
}
#wrapper {
	margin: 0 auto;
	min-width: 1000px;
}
#main {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	padding: 40px 0;
}
#main:after {
	display: block;
	content: '';
	clear: both;
}
#content {
	text-align: left;
	width: 720px;
	float: right;
}
#totop {
	border: medium none;
	bottom: 40px;
	cursor: pointer;
	display: none;
	height: 60px;
	overflow: hidden;
	position: fixed;
	right: 40px;
	text-decoration: none;
	width: 60px;
	z-index: 100;
}
a img:hover {
	opacity: 0.8;
}
* {
	box-sizing: border-box;
}
/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

header {
	width: 100%;
	margin: 0 auto;
	background: url(../images/h1.jpg) repeat-x 0 0;
}
header h1 {
	color: #999999;
	font-size: 12px;
	display: block;
	width: 1000px;
	line-height: 25px;
	margin: 0 auto;
}
.headertop {
	width: 1000px;
	margin: 0 auto;
	height: 110px;
}
#logo {
	float: left;
	margin: 26px 0 0 0;
}
#h-bnt {
	display: table;
	float: right;
	margin: 35px 0 0;
}
#h-bnt li {
	display: table-cell;
	padding-left: 20px;
	vertical-align: middle;
}
#h-bnt .h-tel {
	padding: 4px 0 0;
}
#h-bnt .h-tel span {
	font-size: 21px;
	font-weight: bold;
	color: #81afff;
}
#h-bnt .h-tel span:before {
	content: url(../images/i-tel.png);
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
#h-bnt .h-seminar a {
	background-color: #81afff;
	width: 170px;
	text-align: center;
	display: block;
	color: #FFF;
	line-height: 26px;
	text-decoration: none;
}
#h-bnt .h-seminar a:hover {
	background-color: rgba(129,175,255,0.8);
	text-decoration: none;
}
#h-bnt .h-seminar a:before {
	content: url(../images/i-seminar.png);
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	margin-top: 10px;
}
#h-bnt .h-results a {
	background-color: #4086ff;
	width: 170px;
	text-align: center;
	display: block;
	color: #FFF;
	line-height: 30px;
	text-decoration: none;
}
#h-bnt .h-results a:hover {
	background-color: rgba(64,134,255,0.8);
	text-decoration: none;
}
#h-bnt .h-results a:before {
	content: url(../images/i-mail.png);
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	margin-top: 10px;
}
#gnav {
	text-align: center;
	background: url(../images/gnav_bg.png) repeat-x 0 0;
	display: block;
	width: 100%;
	position: relative;
	min-width: 1000px;
	z-index: 999;
}
#gnav ul {
	display: block;
	width: 1000px;
	margin: 0 auto;
	background: url(../images/gnav-line.png) no-repeat top left;
	height: 57px;
}
#gnav ul li {
	display: table;
	text-align: center;
	padding: 0;
	background: url(../images/gnav-line.png) no-repeat top right;
	line-height: 16px;
	float: left;
	height: 57px;
	position: relative;
}
#gnav ul li.gnav01 {
	width: 52px;
}
#gnav ul li.gnav02 {
	width: 236px;
}
#gnav ul li.gnav03 {
	width: 195px;
}
#gnav ul li.gnav04 {
	width: 194px;
}
#gnav ul li.gnav05 {
	width: 163px;
}
#gnav ul li.gnav06 {
	width: 160px;
}
#gnav a {
	font-weight: bold;
	color: #333333;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
	text-decoration: none;
}
#gnav a:hover {
	text-decoration: none;
	opacity: 0.6;
}
#gnav img {
	vertical-align: middle;
}
#gnav a span {
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #999999;
}
.headertop.active_fixed {
	margin-bottom: 57px;
}
/*Gnavi-Fixed*/
.gnavi-fixed {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	z-index: 10;
}
/*Sub-menu*/
#gnav ul.sub-menu {
	position: absolute;
	top: 57px;
	left: 0;
	width: 280px;
	z-index: 4;
	display: none;
}
#gnav ul.sub-menu li {
	border-bottom: 1px solid #FFF;
	position: relative;
	background: #81afff;
	padding: 0 0 0 10px;
	box-sizing: border-box;
	display: block;
	float: none;
	height: auto;
}
#gnav ul.sub-menu li:last-child {
	border-bottom: none;
}
#gnav ul.sub-menu li a {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	display: block;
	vertical-align: middle;
	position: relative;
	text-align: left;
	text-decoration: none;
	background: url(../images/list2.png) no-repeat left 14px;
	padding: 13px 0 15px 15px;
}
#gnav ul.sub-menu li:hover {
	background: rgba(129,175,255,0.9);
}
/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

footer {
	clear: both;
	margin: 0;
	display: block;
	width: 100%;
}
.footer-bnr {
	background: url(../images/index_bg06.jpg) repeat 0 0;
	padding: 62px 0;
}
.footer-bnr ul {
	display: block;
	width: 1000px;
	margin: 0 auto;
	height: 75px;
}
.footer-bnr ul li {
	float: left;
	margin-right: 33px;
	width: 225px;
	display: table;
}
.footer-bnr ul li:last-child {
	margin-right: 0;
}
.footer-bnr ul li a {
	display: table-cell;
	vertical-align: middle;
	height: 75px;
	width: 100%;
	padding-left: 78px;
	color: #FFF;
	text-decoration: none;
}
.footer-bnr ul a:hover {
	opacity: 0.8;
}
.footer-bnr ul .f-bnr01 a {
	background: url(../images/footer_btn01.jpg) no-repeat 0 0;
}
.footer-bnr ul .f-bnr02 a {
	background: url(../images/footer_btn02.jpg) no-repeat 0 0;
}
.footer-bnr ul .f-bnr03 a {
	background: url(../images/footer_btn03.jpg) no-repeat 0 0;
}
.footer-bnr ul .f-bnr04 a {
	background: url(../images/footer_btn04.jpg) no-repeat 0 0;
}
.footer01 {
	background-color: #000;
	padding: 30px 0;
}
#flogo {
	float: left;
}
.f-text {
	float: left;
	color: #FFF;
	padding: 22px 0 0 20px;
}
.f-btn {
	float: right;
	margin: 10px 0 0;
}
.f-btn li {
	float: left;
}
.f-tel {
	font-weight: bold;
	font-size: 24px;
	color: #FFF;
	padding-right: 27px;
}
.f-tel:before {
	content: url(../images/i-f-tel.png);
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.f-results {
	display: block;
	background-color: rgba(177,1,55,1);
	height: 40px;
	width: 340px;
	text-align: center;
}
.f-results:hover {
	background-color: rgba(177,1,55,0.8);
}
.f-results a {
	color: #FFF;
	text-decoration: none;
	line-height: 40px;
}
.f-results a:before {
	content: url(../images/i-f-mail.png);
	display: inline-block;
	margin-right: 18px;
	line-height: 0;
	vertical-align: middle;
}
#f-nav {
	background: url(../images/footer-bg.jpg) repeat 0 0;
	padding: 31px 0;
}
#f-nav ul {
	float: left;
	display: block;
	width: 250px;
}
#f-nav ul:last-child {
	width: 250px;
}
#f-nav li {
	padding: 13px 0;
}
#f-nav a {
	color: #FFF;
	text-decoration: none;
	background: url(../images/i-f-nav.png) no-repeat left center;
	padding: 0 0 0 16px;
}
#f-nav a:hover {
	text-decoration: underline;
}

a[target="_blank"]::after{
  font-family: "Font Awesome 5 Free";
  content: '\f360';
  font-size: 105%;
  font-weight: 900;
  margin: 0 3px;
}
.f-nav_title{
	color: #fff;

}
footer address {
	text-align: center;
	color: #FFF;
	line-height: 40px;
	font-size: 14px;
	background-color: #000;
}
footer #flogo img:hover, header #logo img:hover {
	opacity: 1;
}
/*==========================================================================*/
/*                            navigation                                    */
/*==========================================================================*/

#nav {
	float: left;
	width: 240px;
}
#nav dl {
	margin-bottom: 40px;
}
.nav01 {
	border: solid 1px #cccccc;
	padding-bottom: 16px;
}
.nav01 dt {
	text-align: center;
	background: url(../images/side_tt_bg.png) no-repeat 0 0;
	line-height: 40px;
	font-weight: bold;
}
.nav01 dd {
	padding: 10px 18px;
}
.nav01 dd:first-of-type {
	padding-top: 22px;
}
.nav01 a {
	color: #666666;
	text-decoration: none;
	background: url(../images/side-icon.png) no-repeat 0 7px;
	padding-left: 14px;
	display: block;
}
.nav01 a:hover {
	text-decoration: underline;
}
.nav02 {
	background-color: #81afff;
}
.nav02 dt {
	text-align: center;
	color: #FFF;
	line-height: 40px;
	font-weight: bold;
}
.nav02 dd {
	background-color: #FFF;
	border-bottom: solid 5px #81afff;
	border-left: solid 5px #81afff;
	border-right: solid 5px #81afff;
	padding: 15px;
}
.nav02 .nav-text {
	font-size: 13px;
	text-align: center;
	color: #666666;
	line-height: 18px;
	margin-bottom: 18px;
}
.nav-tel {
	font-size: 21px;
	font-weight: bold;
	color: #81afff;
	margin-bottom: 15px;
}
.nav-tel:before {
	content: url(../images/side-tel.png);
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px;
	line-height: 0;
}
.nav-results {
	margin: 0;
	background-color: rgba(177,1,55,1);
	font-size: 16px;
}
.nav-results:hover {
	margin: 0;
	background-color: rgba(177,1,55,0.8);
	font-size: 16px;
}
.nav-results a {
	text-align: center;
	color: #FFF;
	text-decoration: none;
	display: block;
	line-height: 40px;
}
.nav-results a:before {
	content: url(../images/side-mail.png);
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
	margin-right: 14px;
}
.nav-bnr li {
	margin-bottom: 20px;
	display: table;
	width: 240px;
	height: 75px;
}
.nav-bnr a {
	display: table-cell;
	vertical-align: middle;
	text-decoration: none;
	color: #FFF;
	font-size: 16px;
	line-height: 18px;
	padding: 4px 0 0 70px;
}
.nav-bnr a:hover {
	background-color: rgba(255,255,255,0.1);
}
.nav-bnr a span {
	font-size: 12px;
	color: #697eb0;
}
.nav-bnr01 {
	background: url(../images/side-bnr01.png) no-repeat 0 0;
}
.nav-bnr02 {
	background: url(../images/side-bnr02.png) no-repeat 0 0;
}
/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

.inner {
	width: 1000px;
	margin: 0 auto;
}
.under h2 {
	background: url(../images/h2.png) no-repeat bottom center;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 0 0 20px;
	margin-bottom: 32px;
	    line-height: 1.5em;
}
.under h3 {
	background: url(../images/h3.png) repeat-y 0 0;
	font-size: 18px;
	font-weight: bold;
	padding: 12px 18px 10px;
	margin-bottom: 20px;/*line-height: 38px;*/
}
.under h4 {
	background: url(../images/h4.png) no-repeat left center;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 0 32px;
	margin-bottom: 30px;
	line-height: 23px;
}
.under h4.h4-chat {
	background: none;
	padding: 0;
}
.icon {
	vertical-align: middle;
	margin-right: 10px;
	display: inline-block;
}
.under h5 {
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin-bottom: 20px;
	color: #81afff;
}
#content h6 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 25px;
	border-left: 5px solid #595858;
	padding: 2px 0 1px 14px;
}
.under table {
	width: 100%;
	margin-bottom: 30px;
}
.under table:last-child {
	margin-bottom: 0;
}
.under table th, .under table td {
	border: 1px solid #c0d7ff;
}
.under table th.th02 {
	background: #f9e9d4;
}
.link a {
	background: url(../images/icon_arrow.png) 0 5px no-repeat;
	padding-left: 13px;
}
/* index
------------------------------------------------------------------------*/

#index .key {
	background: url(../images/index_main.jpg) no-repeat top center;
	display: block;
	position: relative;
	width: 100%;
	height: 480px;
}
#index .key .inner {
	height: 480px;
}
#index .key .catch {
	float: left;
	color: #FFF;
	padding: 100px 0 0 16px;
}
#index .key h2 {
	font-weight: bold;
	font-size: 47px;
	color: #FFF;
	line-height: 43px;
	margin-bottom: 20px;
}
#index .key h2 span {
	font-size: 74%;
}
#index .key .catch p {
	line-height: 30px;
}
#index .key dl {
	float: right;
	padding: 182px 0 0;
}
#index .key dt {
	font-weight: bold;
	color: #FFF;
	font-size: 18px;
	line-height: 22px;
}
#index .key dd {
	font-weight: bold;
	font-size: 27px;
	color: #FFF;
	padding-top: 5px;
}
#index #main {
	width: 100%;
	padding: 0;
}
#index h3 {
	font-weight: bold;
	font-size: 32px;
	background: url(../images/blue-line.jpg) no-repeat center bottom;
	text-align: center;
	padding: 0 0 30px;
	margin-bottom: 30px;
}
.index01 {
	background: url(../images/index_bg01.jpg) no-repeat top center;
	background-size: cover;
	background-attachment: fixed;
	padding: 90px 0;
	text-align: center;
}
.index01-box-list {
	margin: 0 0 0 -35px;
	padding: 50px 0 0 0;
}
.index01-box-list:last-of-type {
	padding-top: 40px;
	padding-left: 170px;
}
.index01-box {
	float: left;
	width: 310px;
	margin-left: 35px;
	display: block;
	color: #666666;
}
.index01-box dt {
	text-align: center;
	font-weight: bold;
	display: block;
	background: url(../images/index_title_bg01.jpg) no-repeat 0 0;
	line-height: 44px;
	font-size: 16px;
}
.index01-box dd {
	word-break: break-all;
	padding: 15px;
	position: relative;
	line-height: 28px;
	background-color: #FFF;
	text-align: left;
	border-left: solid 1px #e6e6e6;
	border-right: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
}
.index01-box dd p {
	margin-bottom: 65px;
}
.index01-box dd .link {
	position: absolute;
	left: 15px;
	bottom: 14px;
}
.index01-box dd .link a {
	display: block;
	line-height: 24px;
}
.index02 {
	background: url(../images/index_bg02.jpg) no-repeat top center;
	background-size: cover;
	background-attachment: fixed;
	display: block;
	width: 100%;
	padding: 0 0 90px;
}
.line01 {
	background: url(../images/line.jpg) no-repeat top center;
	display: block;
	height: 7px;
	width: 100%;
	border: none;
	margin: 0 0 60px;
}
.line02 {
	background: url(../images/line1.jpg) no-repeat top center;
	display: block;
	height: 7px;
	width: 100%;
	border: none;
	margin: 0 0 60px;
}
#index .index02 h3 {
	margin-bottom: 52px;
}
.index02-box {
	border: solid 1px #e6e6e6;
	padding: 20px 15px;
	width: 480px;
	background-color: #FFF;
	min-height: 290px;position:relative;overflow:hidden
}
.index02-box:after {
	display: block;
	content: '';
	clear: both;
}
.index02-box dl {
	float: right;
	display: block;
	width: 310px;
}
.index02-box dt {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}
.index02-btn {
	text-align: center;
	display: block;
	padding: 50px 0 0 0;
	clear: both;
}
.index02-btn a {
	display: block;
	width: 320px;
	margin: 0 auto;
	background-color: rgba(129,175,255,1);
	color: #FFF;
	font-size: 14px;
	line-height: 60px;
	text-decoration: none;
}
.index02-btn a:before {
	content: url(../images/i-01.png);
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	line-height: 0;
}
.index02-btn a:hover {
	background-color: rgba(129,175,255,0.8);
}
.index03 {
	background: url(../images/index_bg03.jpg) repeat 0 0;
	display: block;
	width: 100%;
	padding: 55px 0 82px;
	text-align: center;
}
#index .index03 h3 {
	background: url(../images/white-line.jpg) no-repeat center bottom;
	color: #FFF;
	font-size: 34px;
	margin-bottom: 32px;
	padding-bottom: 36px;
}
.index04 {
	background: url(../images/index_bg04.jpg) no-repeat top center;
	background-size: cover;
	background-attachment: fixed;
	border-top: solid 8px rgba(242,242,242,0.8);
	padding: 70px 0 130px;
}
#index .index04 h3 {
	margin-bottom: 60px;
	padding-bottom: 45px;
}
.index04R {
	display: block;
	float: right;
	width: 505px;
}
.index04R p {
	line-height: 28px;
}
.index04btn {
	clear: both;
	display: block;
	margin-top: 65px;
}
.index04btn a {
	display: block;
	width: 240px;
	margin: 0 auto;
	color: #FFF;
	background-color: rgba(129,175,255,1);
	text-align: center;
	font-size: 14px;
	line-height: 50px;
	text-decoration: none;
}
.index04btn a:before {
	display: inline-block;
	line-height: 0;
	content: url(../images/i-02.png);
	margin-right: 15px;
	vertical-align: middle;
}
.index04btn a:hover {
	background-color: rgba(129,175,255,0.8);
}
#index .index05 h3 {
	padding-bottom: 45px;
	margin-bottom: 45px
}
#index .index05 .line01 {
	margin-bottom: 65px;
}
#index .index05 {
	background: url(../images/index_bg05.jpg) no-repeat top center;
	background-size: cover;
	background-attachment: fixed;
	padding: 0 0 50px;
}
.index05 .index05-box {
	border: solid 1px #ebebeb;
	background-color: rgba(255,255,255,0.8);
	margin-bottom: 50px;
}
.index05 .index05-box dt {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.index05 .index05-box dd {
	line-height: 28px;
}
.index05 .index05-box01 dt {
	line-height: 59px;
	background: url(../images/index_title_bg02.jpg) no-repeat top center;
}
.index05 .index05-box01 dd {
	padding: 25px 25px 20px 15px;
	float: left;
	width: 590px;
	min-height: 268px;
	position: relative;
}
.index05 .index05-box01 dd:last-of-type {
	width: 390px;
}
.mb40 {
	margin-bottom: 40px;
}
.t-bold {
	font-weight: bold;
}
.price {
	color: #81afff;
	border: solid 1px #81afff;
	line-height: 28px;
	padding: 0 5px;
	text-align: center;
}
.index05 .index05-box01 dd .price {
	bottom: 0;
	right: 45px;
}
.index05-box02 {
	margin: 0 0 0 -34px;
}
.index05-box02 .index05-box {
	display: block;
	float: left;
	width: 310px;
	margin-left: 34px;
}
.index05-box02 .index05-box dt {
	background: url(../images/index_title_bg03.jpg) no-repeat 0 0;
	height: 70px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 310px;
}
.index05-box02 .index05-box dd {
	padding: 20px 10px;
	min-height: 290px;
	position: relative;
}
.index05-box02 .index05-box dd .price {
	display: block;
	width: 290px;
}
.index05-box03 dt {
	background: url(../images/index_title_bg04.jpg) no-repeat 0 0;
	line-height: 47px;
}
.index05-box03 dd {
	padding: 0 50px 30px;
}
.index05-box03 .index05-box {
	margin: 0;
}
.blog-list {
	margin-bottom: 20px;
}
.blog-list li {
	padding: 12px 0;
	border-bottom: dotted 1px #ebebeb;
}
.blog-list li:first-child {
	border-top: dotted 1px #ebebeb;
}
.blog-list span {
	font-weight: bold;
	color: #305189;
	display: inline-block;
	margin-right: 40px;
}
.blog-list li a {
	color: #333;
	text-decoration: none;
}
.blog-list li a:hover {
	color: #333;
	text-decoration: underline;
}
.blog-btn a {
	display: block;
	width: 200px;
	margin: 0 auto;
	background-color: rgba(129,175,255,1);
	line-height: 40px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
.blog-btn a:before {
	display: inline-block;
	line-height: 0;
	content: url(../images/i-02.png);
	margin-right: 15px;
	vertical-align: middle;
}
.blog-btn a:hover {
	background-color: rgba(129,175,255,0.8);
}
.btn {
	display: inline-block
}
.btn a {
	display: block;
	width: 200px;
	margin: 0 auto;
	background-color: rgba(129,175,255,1);
	line-height: 40px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-size: 14px
}
.btn a:before {
	display: inline-block;
	line-height: 0;
	content: url(../images/i-02.png);
	margin-right: 15px;
	vertical-align: middle;
}
.btn a:hover {
	background-color: rgba(129,175,255,0.8);
}
/* service - index
------------------------------------------------------------------------*/


#service table th {
	background: #d9e6fc;
	border-bottom: 1px solid #fff;
}
#service table tr:last-child th {
	border-bottom: 1px solid #c0d7ff;
}
/* claim
------------------------------------------------------------------------*/

#claim figure.center {
	margin-bottom: 15px;
}
.point_b dt {
	color: #5389e7;
	font-weight: bold;
	font-size: 16px;
	background: rgba(238,243,252,0.8);
	line-height: 38px;
}
.point_b dt span {
	display: inline-block;
	background: #81afff;
	padding: 0 20px;
	margin-right: 15px;
	color: #fff;
}
.point_b dd {
	border: 1px solid #81afff;
	padding: 15px;
	margin-bottom: 15px;
}
.list1 {
	margin-bottom: 10px;
	padding-left: 20px;
}
.list1 li {
	list-style: decimal;
}
/* credit
------------------------------------------------------------------------*/

.h501 {
	border-bottom: 1px dashed #C4C4C4;
}
.deco {
	background: #e79410;
	display: inline-block;
	color: #fff;
	padding: 8px 15px;
	margin-right: 8px;
	margin-bottom: -1px;
}
.box01 {
	background: #4086FF;
	padding: 6px;
	border-radius: 6px;
}
.box01 dt {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	margin: 5px 0 10px;
	letter-spacing: 1px;
	text-align: center;
}
.box01 dd {
	background: #fff;
	padding: 15px;
}
/* seminar
------------------------------------------------------------------------*/

#seminar .bg01 {
	background: rgba(217,226,243,1);
}
#seminar .bg02 {
	background: rgba(237,237,237,1);
}
#seminar .bg03 {
	background: rgba(226,239,217,1);
}
#seminar .s_box01 {
	border: solid 1px #ebebeb;
}
#seminar .s_box01 dt {
	height: 46px;
	line-height: 48px;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 77%, rgba(240,240,240,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(77%, rgba(250,250,250,1)), color-stop(100%, rgba(240,240,240,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 77%, rgba(240,240,240,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 77%, rgba(240,240,240,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 77%, rgba(240,240,240,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 77%, rgba(240,240,240,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0 );
	text-align: center;
	font-weight: bold;
	border-bottom: dashed 1px #ebebeb;
}
#seminar .s_box01 dd {
	padding: 15px;
}
#seminar .s_box01 .bnr a {
	display: block;
	text-align: center;
	font-size: 130%;
	color: #333333;
	height: 60px;
	line-height: 64px;
	text-decoration: none;
	text-indent: 34px;
	background: url(../images/seminar_bnr_bg.jpg) 0 0 no-repeat;
	font-weight: bold;
}
#seminar .s_box01 .bnr a:hover {
	opacity: 0.8;
}
#seminar #blog {
	margin-bottom: 30px;
}
#seminar #blog .item:first-child {
	border-top: dashed 1px #ebebeb;
	padding-top: 15px;
}
/* blog
------------------------------------------------------------------------*/

.breadcrumb {
	margin-bottom: 30px;
	border-top: dotted 1px #eee;
	border-bottom: dotted 1px #eee;
	padding: 5px 0px;
}
.breadcrumb li {
	display: inline-block;
	font-size: 12px;
}
#blog .item {
	display: table;
	width: 100%;
	border-bottom: dotted 1px #ebebeb;
	padding-bottom: 10px;
	margin-bottom: 12px;
}
#blog .item dt, #blog .item dd {
	display: table-cell;
	vertical-align: top;
}
#blog .item dt {
	width: 160px;
	color: #305189;
	font-weight: bold;
}
#blog .item dd a {
	color: #333333;
}
.pagination {
	text-align: center;
	padding-top: 30px;
}
.pagination li {
	display: inline-block;
	margin: 0 2px;
}
.pagination li a {
	display: block;
	padding: 0 10px;
	background: #81afff;
	color: #fff;
	text-decoration: none;
}
.pagination li.disabled {
	display: none;
}
.pagination li.disabled a {
	background: #ddd;
}
.pagination li.active a {
	background: #435e9c;
}
.blog_category {
	border: solid 1px #cccccc;
	margin-top: 20px;
}
.blog_category .title {
	display: block;
	height: 40px;
	line-height: 44px;
	font-weight: bold;
	olor: #333333;
	background: url(../images/nav_title_bg.jpg) 0 0 no-repeat;
	text-align: center;
	font-size: 14px;
}
.blog_category ul {
	padding: 18px;
}
.blog_category ul li a {
	color: #666666;
	background: url(../images/nav_arrow_01.png) 0 11px no-repeat;
	display: block;
	padding: 5px 0 5px 15px;
}
#blog .main_img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
#blog .main_img img {
	max-width: 320px;
	max-height: 240px;
}
#blog .btn_back {
	padding-top: 50px;
}
#blog .btn_back a {
	display: block;
	padding: 8px 10px;
	max-width: 180px;
	text-align: center;
	background: rgba(129,175,255,1);
	margin: 0 auto;
	color: #fff;
	text-decoration: none;
}
#blog .btn_back a:hover {
	background: rgba(129,175,255,0.8);
}
/* qa
------------------------------------------------------------------------*/

.qa_box {
	border: solid 1px #ebebeb;
	padding: 15px;
	margin-bottom: 30px;
	position: relative;
}
.qa_box:before {
	content: '';
	position: absolute;
	height: 1px;
	top: -2px;
	left: -1px;
	right: -1px;
	background: #ccc;
}
.qa_box dt {
	border-bottom: dashed 1px #ebebeb;
	background: url(../images/icn_q.png) 0 0 no-repeat;
	padding: 4px 0 8px 40px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 16px;
}
.qa_box dd {
	background: url(../images/icn_a.png) 0 0 no-repeat;
	padding: 0 0 0 40px;
}
/* case
------------------------------------------------------------------------*/

#case .item {
	margin-bottom: 50px;
}
#case .item .img01 {
	max-width: 180px;
	max-height: 140px;
}
#case .item h4 {
	margin-bottom: 15px;
}
#case .item table {
	width: 100%;
}
#case .item table th {
	text-align: left;
	width: 145px;
}
#case .item table td:first-child {
	text-align: center;
	vertical-align: middle;
	width: 195px;
	background: #fafafa;
}
#case .item-detail h4 {
	margin-bottom: 15px;
}
.slideImg {
	border: solid 1px #ddd;
	padding: 8px;
	margin-bottom: 40px;
}
.slideImg .b_img {
	text-align: center;
	height: 180px;
	position: relative;
}
.slideImg .b_img img {
	max-width: 700px;
	max-height: 360px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.slideImg .thumb {
	border-top: solid 1px #ddd;
	padding-top: 10px;
	margin-top: 15px;
	text-align: center;
}
.slideImg .thumb li {
	width: 137px;
	display: inline-block;
	background: #f6f6f6;
	text-align: center;
	transition: all 0.3s;
	cursor: pointer;
}
.slideImg .thumb li img {
	max-width: 137px;
	max-height: 90px;
}
#case .slideImg .thumb li:hover {
	opacity: 0.6;
}
.mb40 {
	margin-bottom: 40px;
}
.w100 {
	width: 100%;
}
.bold {
	font-weight: bold;
}
.txt_fix {
	margin-left: -7px;
}
.consulting_bnr a {
	background: url(../images/consulting_bnr-bg.jpg) 0 0 no-repeat;
	width: 720px;
	height: 80px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	color: #333333;
	font-size: 20px;
	padding-left: 30px;
	padding-top: 8px;
	letter-spacing: 1px;
	text-decoration: none;
	font-weight: bold;
	line-height: 29px;
}
.btm_bnr, .consulting_bnr {
	display: table;
	width: 720px;
}
.normal_bnr{
	display: table;
	width: 80%;
	margin: 0 auto;
}
.normal_bnr02{
	display: table;
	width: 80%;
	margin: 0 auto;
}
.btm_bnr a {
	background: url(../images/btm_bnr-bg.jpg) 0 0 no-repeat;
	width: 720px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	color: #333333;
	font-size: 20px;
	padding-left: 30px;
	letter-spacing: 1px;
	text-decoration: none;
	font-weight: bold;
	line-height: 29px;
}
.normal_bnr a {
	background: url(../images/normal_bnr-bg.jpg) 0 0 no-repeat;
	background-size: contain;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	display: block;
	color: #333333;
	font-size: 16px;
	letter-spacing: 1px;
	text-decoration: none;
	font-weight: bold;
	height: 80px;
	padding: 15px 0 0 0;
}
.normal_bnr02 a {
	background: url(../images/normal_bnr-bg.jpg) 0 0 no-repeat;
	background-size: contain;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	display: block;
	color: #333333;
	font-size: 16px;
	letter-spacing: 1px;
	text-decoration: none;
	font-weight: bold;
	height: 80px;
	padding:25px 0 0 0;
}
#qa .btm_bnr a, #security .btm_bnr a {
	line-height: 24px;
}
.btm_bnr a span, .normal_bnr a span, .normal_bnr02 a span{
	font-size: 80%;
	color: #81afff;
	font-weight: normal;
}
.btm_bnr a:hover, .normal_bnr a:hover,.normal_bnr02 a:hover {
	text-decoration: none;
	opacity: 0.8;
}

.point_b dt {
	color: #5389e7;
	font-weight: bold;
	font-size: 16px;
	background: rgba(238,243,252,0.8);
	line-height: 38px;
}
.point_b dt span {
	display: inline-block;
	background: #81afff;
	padding: 0 20px;
	margin-right: 15px;
	color: #fff;
}
.point_b dd {
	border: 1px solid #81afff;
	padding: 15px;
	margin-bottom: 15px;
}
.comp-step {
	display: table;
	width: 100%;
	border-bottom: dotted 1px #CCC;
	padding: 0 0 10px;
	margin-bottom: 15px;
}
.comp-step span {
	display: table-cell;
	vertical-align: middle;
}
.comp-step .bold {
	width: 5%;
	font-size: 24px;
	font-weight: normal;
	font-style: italic;
	color: #666;
}
.under table.mb10 {
	margin: 0 0 10px;
}
#seminar .blog-list {
	margin-bottom: 30px;
}
.consulting_nav {
	border: solid 1px #cccccc;
	padding: 10px 16px 10px 10px;
	margin: 20px 20px 40px 20px;
}
.consulting_nav li {
	padding: 10px 18px;
	font-weight: bold;
}
.consulting_nav li a {
	color: #666666;
	text-decoration: none;
	background: url(../images/side-icon.png) no-repeat 0 7px;
	padding-left: 14px;
	display: block;
}
.consulting_nav li a:hover {
	text-decoration: underline;
}
.under section, .under .section {
	margin-bottom: 48px
}
.under section p:last-child {
	margin-bottom: 0px
}
.under .txt {
	font-weight: bold;
	color: #5389e7
}
.under hr {
	position: relative;
	height: 3px;
	background: #ddd;
	border: 0px
}
.under hr:before {
	content: "";
	height: 3px;
	position: absolute;
	left: 0;
	width: 50%;
	background: #81B1FD
}
.mb-48 {
	margin-bottom: 48px;
}
.under .list li {
	position: relative;
	overflow: hidden;
	padding-left: 17px;
	margin-bottom: 4px
}
.under .list li:before {
	content: url(../images/side-icon.png);
	position: absolute;
	left: 0;
	top: -1px
}
.under .list li:last-child {
	margin-bottom: 0px
}
.under .frame {
	border: 1px solid #81B1FD;
	padding: 20px;
	box-sizing: border-box;
	outline: 5px solid #f1f1f1;
}
#index .mb10 {
	margin-bottom: 10px !important
}
.index02-box p:last-child {
	margin-bottom: 0
}
.list-btn {
	display: table;
	margin: 0 auto
}
.list-btn li {
	display: table-cell;
	vertical-align: middle;
	padding: 0 5px
}
.list-btn li .price {
	padding: 3px 10px
}
.grp-link {
	position: absolute;
	bottom: 20px
}
.grp-link li {
	margin: 0 auto 15px;
	text-align: center
}
.grp-link li:last-child {
	margin: 0 auto
}
.mb50 {
	margin-bottom: 50px
}
.txt-price {
	font-size: 1.5em;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.t01 {
	font-weight: bold;
	font-size: 20px
}
.t02 {
	font-size: 17px
}
.v-middle td {
	vertical-align: middle
}
.tbl-price td {
	padding: 17px;
	color: #fff;
	border-bottom: 1px solid #fff;
	border-left: 0px !important;
	border-right: 0px !important;
	border-top: 0px !important;
}
.tbl-price th {
	border: 0px !important
}
.tbl-price th:nth-of-type(4) {
	background: rgba(28,31,41,0.9);
	color: #fff
}
.tbl-price .col4 {
	background: #3E4049;
	color: #fff;
	opacity: 0.8
}
.tbl-price br {
	line-height: 2em
}
.tbl-price th:nth-of-type(3) {
	background: #3a43fd;
	color: #fff
}
.tbl-price .col3 {
	background: #4a5afd;
}
.tbl-price th:nth-of-type(2) {
	background: #5462fd;
	color: #fff
}
.tbl-price .col2 {
	background: #5883fd;
}
.tbl-price th:nth-of-type(1) {
	background: #6b87fd;
	color: #fff
}
.tbl-price .col1 {
	background: #75a1fd;
}
.tbl-price tr:first-child td {
	border-top: 0px
}
#mediplus .slideImg .b_img img {
	max-height: 180px;
}
#apros .slideImg .b_img img {
	max-height: 180px;
}
.img-list {
	overflow: hidden;
	margin-bottom: 30px
}
.img-list li {
	float: left;
	width: 48.5%;
	margin-bottom: 10px;
	background: #f2f2f2;
	box-sizing: border-box;
	padding: 12px
}
.img-list li:last-child {
	float: right;
}
.txt-B {
	font-weight: bold
}
.img-list .btn a {
	width: 157px
}
.img-list .image_l {
	margin-bottom: 0
}
.list-case .btn {
	text-align: center;
	margin: 0 auto;
	display: block
}
.item-detail th {
	text-align: left
}
.detail-case .slideImg {
	width: 300px;
	float: left;
	margin-right: 25px; padding-top:5px
}
.detail-case .slideImg .b_img img{max-width:100%;max-height:180px}
.detail-case .slideImg .thumb li{margin-bottom:15px}

.index02-box .btn{bottom:20px;position:absolute}
.index05-box .list-btn{position:absolute; bottom:0px;right:24px}
.bnr-hover:hover{opacity:0.8}
.con_case02 .slideImg .b_img{height:360px !important}
.con_case02 .slideImg .b_img img{max-height:360px !important}
.consulting-around-step01, .consulting-around-step02{
	width: 100%;
	display: table;
	margin: 0 0 30px 0;
}
.consulting-step01{
	width: 25%;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: top;
	padding: 7px 5px 7px 10px;
	position: relative;
	text-align: center;
}
.consulting-step02{
	width: 20%;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: top;
	padding: 7px 5px 7px 10px;
	position: relative;
	text-align: center;
}
.consulting-step01 dt, .consulting-step02 dt{
	text-transform: uppercase;
	font-weight: bold;
}
.consulting-step01 dd, .consulting-step02 dd{
	font-size: 130%;
	line-height: 20px;
}
.consulting-around-step01 .consulting-step01:nth-of-type(1){
	background: #558ED5;
}
.consulting-around-step01 .consulting-step01:nth-of-type(1):after{
	content: '';
	position: absolute;
	right: -10px;
	top: 0;
	border-left: 10px solid #558ED5;
	border-top: 39px solid transparent;
	border-bottom: 39px solid transparent;
	z-index: 10;
}
.consulting-around-step01 .consulting-step01:nth-of-type(2){
	background: #8EB4E3;
}
.consulting-around-step01 .consulting-step01:nth-of-type(2):after{
	content: '';
	position: absolute;
	right: -10px;
	top: 0;
	border-left: 10px solid #8EB4E3;
	border-top: 39px solid transparent;
	border-bottom: 39px solid transparent;
	z-index: 10;
}
.consulting-around-step01 .consulting-step01:nth-of-type(3){
	background: #C6D9F1;
}
.consulting-around-step01 .consulting-step01:nth-of-type(3):after{
	content: '';
	position: absolute;
	right: -10px;
	top: 0;
	border-left: 10px solid #C6D9F1;
	border-top: 39px solid transparent;
	border-bottom: 39px solid transparent;
	z-index: 10;
}
.consulting-around-step01 .consulting-step01:nth-of-type(4){
	background: #DCE6F2;
}
.consulting-around-step02 .consulting-step02:nth-of-type(1){
	background: #558ED5;
}
.consulting-around-step02 .consulting-step02:nth-of-type(1):after{
	content: '';
	position: absolute;
	right: -10px;
	top: 0;
	border-left: 10px solid #558ED5;
	border-top: 29px solid transparent;
	border-bottom: 29px solid transparent;
	z-index: 10;
}
.consulting-around-step02 .consulting-step02:nth-of-type(2){
	background: #8EB4E3;
}
.consulting-around-step02 .consulting-step02:nth-of-type(2):after{
	content: '';
	position: absolute;
	right: -10px;
	top: 0;
	border-left: 10px solid #8EB4E3;
	border-top: 29px solid transparent;
	border-bottom: 29px solid transparent;
	z-index: 10;
}
.consulting-around-step02 .consulting-step02:nth-of-type(3){
	background: #B9CDE5;
}
.consulting-around-step02 .consulting-step02:nth-of-type(3):after{
	content: '';
	position: absolute;
	right: -10px;
	top: 0;
	border-left: 10px solid #B9CDE5;
	border-top: 29px solid transparent;
	border-bottom: 29px solid transparent;
	z-index: 10;
}
.consulting-around-step02 .consulting-step02:nth-of-type(4){
	background: #C6D9F1;
}
.consulting-around-step02 .consulting-step02:nth-of-type(4):after{
	content: '';
	position: absolute;
	right: -10px;
	top: 0;
	border-left: 10px solid #C6D9F1;
	border-top: 29px solid transparent;
	border-bottom: 29px solid transparent;
	z-index: 10;
}
.consulting-around-step02 .consulting-step02:nth-of-type(5){
	background: #DCE6F2;
}
.service-bg01{
	width: 100%;
	box-sizing: border-box;
	background: #fafafa;
	padding: 0;
	border: 3px solid #81AFFF;
	margin: 0 0 40px 0;
}
.service-bg01 h4{
	text-align: center;
	padding: 15px 0;
	background: #81AFFF;
	color: #fff;
}
h4.h4-center{
	text-align: center;
	padding: 15px 0;
	background: none;
}
.service-bg01 h4 span{
	background: url(../images/h4_consulting.png) no-repeat left center;
	padding: 0 0 0 32px;
}
h4.h4-center span{
	background: url(../images/h4.png) no-repeat left center;
	padding: 0 0 0 32px;
}
.service-bg01 section{
	padding: 0 20px;
}
.service-bg01 section:last-child{
	margin-bottom: 20px;
}
.point_c{
	background: #F2F2F2;
	padding: 15px;
}
.point_c dl{
	display: table;
	width: 100%;
	border-bottom: 1px solid #fff;
}
.point_c dl:last-child{
	border-bottom: none;
}
.point_c dl dt{
	display: table-cell;
	width: 50px;
	vertical-align: top;
	padding: 20px 0;
	font-weight: bold;
}
.point_c dl dt span{
	background: #FAB20E;
	color: #fff;
	margin: 0 0 0 5px;
	padding: 0 3px;
}
.point_c dl dd{
	display: table-cell;
	vertical-align: top;
	padding: 20px 20px 20px 30px;
}
.spacing {
	letter-spacing:-0.5px;
}
/*20180426*/
.index05-box04 {
	padding-bottom: 35px;
}
.index05-box04 dt {
	line-height: 70px;
	background: url(../images/index_title_bg05.jpg) no-repeat 0 0;
}
.index05-box04 dd {
	padding: 0 26px;
}
.index05-box04 .box04_info {
	padding-top: 17px;
	margin-bottom: 6px;
}
.index05-box04 .box04_info_text {
	width: 570px;
}
.index05-box04 .box04_info_text p {
	margin-bottom: 24px;
}
.index05-box04 .box04_info_image {
	padding-top: 6px;
}
.index05-box04 .btn_list .btn {
	float: left;
	display: block;
	width: 280px;
	margin-right: 30px;
}
.index05-box04 .btn_list .btn:last-child {
	width: 325px;
	margin-right: 0;
}
.index05-box04 .btn_list .btn a {
	position: relative;
	width: auto;
	text-align: left;
	line-height: 1.65;
	padding: 13px 30px 11px 40px;
}
.index05-box04 .btn_list .btn a:before {
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -9px;
}
#content .color_deep {
	color: #667AAE;
	padding: 0;
	margin-bottom: 25px;
	border-left: none;
}
.normal_bnr03 {
	display: table;
    width: 80%;
    margin: 0 auto 20px auto;
}
.normal_bnr03 a {
	background: url(../images/normal_bnr-bg.jpg) 0 0 no-repeat;
    background-size: contain;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    display: block;
    color: #333333;
    font-size: 16px;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight: bold;
    height: 80px;
    padding: 14px 0 0 0;
}
.normal_bnr03 a:hover {
	text-decoration: none;
    opacity: 0.8;
}
.btn_form,
.btn_pdf {
	display: table;
    width: 540px;
	margin: 0 auto;
}
.btn_form {
	margin-bottom: 25px;
}
.btn_form a,
.btn_pdf a {
    display: table-cell;
    width: 540px;
    height: 75px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
	padding-left: 60px;

}
.btn_form a {
	background: url(../images/btn_form-bg.jpg) 0 0 no-repeat;
}
.btn_pdf a {
	background: url(../images/btn_pdf-bg.jpg) 0 0 no-repeat;
}
.btn_form a:hover,
.btn_pdf a:hover {
	text-decoration: none;
    opacity: 0.8;
}
.under .section_mb {
	margin-bottom: 25px;
}