@charset "UTF-8";
/* CSS Document */

/* 下記タグに対応していないブラウザ用 */
main, section, article, aside, footer, header, nav {
	display: block;
}
/* ブラウザ・OSによるレイアウト崩れ防止その１ */
h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0;
	padding: 0;
}
/*　右クリックからの画像保存禁止処理.不必要ならコメントアウトしてください。（hoverイベントも無効になる模様） */
body img {
/*	pointer-events: none;*/
}


/*基本設定*/
body {
	margin: 0;
	min-width: 1000px;
	max-width: 100%;
/* ブラウザ・OSによるレイアウト崩れ防止その２ */
	text-decoration: none;
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 1;
	vertical-align: baseline;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;
	-webkit-text-size-adjust: 100%;
/*
	width: auto;
	height: auto;
*/
}
.wrap-size {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.sized950 {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}
.sized970 {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
}
header .bg-rblue p {
	color: #fff;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#header-main {
	width: 980px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
#header-main #logo {
	text-decoration: none;
	width: 490px;
	margin-top: 8px;
	margin-bottom: 8px;
}
#header-main #logo section:hover {
	opacity: 0.6;
}
#header-main #logo img {
	margin-right: 15px;
}
#header-main #logo section {
	position: relative;
}
#header-main #logo h1 {
/*	padding-top: 35px;*/
	color: #000;
	font-size: 36px;
	position: relative;
	padding-top: 31px;
}
#header-main #logo h1 ruby rt {
/*
	margin: 0;
	padding: 10px;
	font-weight: normal;
	font-size: 14px;
*/
}
#header-main #logo h1 span {
	position: absolute;
	font-size: 14px;
	font-weight: normal;
	top: 11px;
	left: 275px;
}
#header-main #logo ul {
	margin-top: 19px;
}
#header-main #logo li {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	color: #fff;
	display: inline-block;
	background-color: #20297c;
}
#header-main .header-contact img {
	float: left;
	margin-right: 13px;
}
#header-main .header-contact a img:hover {
	opacity: 0.7;
}
#header-main .header-contact>a img {
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 10px;
}
#header-main .header-contact h2 {
	font-size: 38px;
	margin-top: 6px;
	margin-left: 10px;
	margin-bottom: 0;
	font-weight: bold;
	font-family : 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif ;
}
#header-main>div {
	margin-bottom: 10px;
}
header nav {
	margin-bottom: 15px;
}

footer .bg-lpurple img {
	float: left;
}
footer .bg-lpurple h2 {
	color: #fff;
	font-size: 52px;
	margin-top: 17px;
	margin-bottom: 17px;
	margin-right: 20px;
	font-weight: bold;
	font-family : 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif ;
}
footer .bg-lpurple a img {
	margin-top: 15px;
	margin-left: 30px;
}
footer .bg-lpurple a:first-child img {
	margin-right: 30px;
}
footer .bg-lpurple a img:hover {
	opacity: 0.6;
}
footer .navi-list {
	margin-top: 30px;
	margin-bottom: 40px;
}
footer .copyright {
	color: #fff;
	padding-bottom: 20px;
	text-align: center;
}

.navi-list {
	width: 978px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border-radius: 6px;
	border: 1px solid #ccc;
	background: linear-gradient(#fff,#eee);
	overflow: hidden;
}
.navi-list li {
	height: 50px;
	font-size: 20px;
	display: inline-block;
	border-right: 1px solid #ccc;
	display: table-cell;
	vertical-align: middle;
}
.navi-list li:last-child {
	border-right: none;
}
.navi-list li:hover {
	background: linear-gradient(#fff,#ccc);
}
.navi-list li a {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-decoration: none;
	color: #000;
}

.contact {
	width: 980px;
	border: 1px solid #20297c;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
.contact>img {
	margin-top: -255px;
	margin-right: 15px;
/*	padding-left: -40px;*/
}
.contact .bg-rblue h2 {
	color: #fff;
	font-size: 20px;
	margin-left: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.contact .bg-rblue h2 span {
	color: #20297c;
	border-radius: 3px;
	background-color: #fff;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 20px;
}
.contact .cf img {
	float: left;
}
.contact .cf h2 {
	padding-top: 45px;
	font-size: 61px;
	font-weight: bold;
	font-family : 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif ;
}
.contact .bg-beige {
	width: 960px;
	height: 84px;
	z-index: -1;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.contact .contact-links a {
	float: left;
}
.contact .contact-links a img {
	margin-top: 3px;
}
.contact .contact-links a:first-child img {
	margin-left: 180px;
}
.contact .contact-links a:hover img {
	opacity: 0.6;
}


/*　トップページ設定　*/
#top-image {
	margin-bottom: 30px;
	overflow: hidden;
	height: 400px;
	position: relative;
}
#top-image img {
	position: absolute;
	opacity: 0;
}
#top-image img:first-child {
	opacity: 1;
}
#top-image .pre, #top-image .nex {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background-color: #555;
	opacity: 0.7;
	position: absolute;
	top: 185px;
}
#top-image .pre {
	left: 5px;
}
#top-image .nex {
	right: 5px;
}
#top-image .pre:hover, #top-image .nex:hover {
	cursor: pointer;
	opacity: 1.0;
}
#top-image .pre:before, #top-image .nex:before {
	content: '';
	position: absolute;
	width: 13px;
	height: 13px;
	border-top-right-radius: 7px;
	border-right: 5px solid #222;
	border-top: 5px solid #222;
}
#top-image .nex:before {
	transform: rotate(45deg);
	top: 7px;
	right: 7px;
}
#top-image .pre:before{
	transform: rotate(-135deg);
	top: 6px;
	left: 7px;
}




#description-link {
	margin-bottom: 50px;
}
#description-link ul {
	padding: 0;
}
#description-link li {
	display: inline-block;
	float: left;
	margin-right: 50px;
}
#description-link li:last-child {
	float: right;
	margin-left: -30px;
	margin-right: 0;
}
#description-link img {
	box-shadow: 5px 5px 15px 4px rgba(180,180,180,0.4);	
}
#description-link img:hover {
	opacity: 0.7;
}


#blog {
	margin-bottom: 25px;
}
#blog img:hover {
	opacity: 0.7;
}



#plan {
	margin-bottom: 40px;
}
#plan h3 {
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 20px;
	font-size: 15px;
	font-weight: normal;
}
#plan h3 span {
	font-size: 26px;
	margin-right: 25px;
}
#plan .bor-top a>div,
#plan .bor-top>div {
	width: 487px;
	height: 173px;
	margin-top: 20px;
	margin-bottom: 0;
	background-color: #eef4f7;
}
#plan .bor-top>div {
	background: none;
}
#plan .bor-top>div p {
	font-size: 18px;
	line-height: 25px;
}
#plan .bor-top a:nth-child(odd)>div {
	float: left;
}
#plan .bor-top a:nth-child(even)>div,
#plan .bor-top>div {
	float: right;
}
#plan .bor-top div h4 img, #plan .bor-top div div {
	margin-top: 12.5px;
	margin-left: 12.5px;
	margin-right: 30px;
	float: left;
}
#plan .bor-top a>div:hover {
	opacity: 0.6;
}
#plan .bor-top div div {
	border-radius: 15px;
	overflow: hidden;
}
#plan .bor-top a:nth-child(5)>div div {
	margin-left: 70px;
}
#plan>div:nth-child(3)>div {
	width: 100%;
}
#plan>div:nth-child(3)>div p {
	font-family : 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif ;
	font-size: 18px;
}
#plan>div:nth-child(3)>div:first-child {
	margin-top: 50px;
	background-color: #f8f8d9;
}
#plan>div:nth-child(3)>div:nth-child(3) {
	background-color: #ebf3d8;
}
#plan>div:nth-child(3)>div:nth-child(5) {
	background-color: #e0eed7;
	margin-bottom: 30px;
}
#plan>div:nth-child(3)>img {
	margin-top: 15px;
	margin-left: 48%;
	margin-bottom: 25px;
/*	margin-right: auto;*/
}
#plan>div:nth-child(3)>div>section {
	width: inherit;
	height: 67px;
}
#plan>div:nth-child(3)>div:first-child>section {
	background-color: #dadf00;
}
#plan>div:nth-child(3)>div:nth-child(3)>section {
	background-color: #8dc21f;
}
#plan>div:nth-child(3)>div:nth-child(5)>section {
	background-color: #1eaa39;
}
#plan>div:nth-child(3)>div>section img {
	margin-top: 18px;
}
#plan>div:nth-child(3)>div:first-child>section img {
	margin-left: 280px;
}
#plan>div:nth-child(3)>div:nth-child(3)>section img {
	margin-left: 290px;
}
#plan>div:nth-child(3)>div:nth-child(5)>section img {
	margin-left: 220px;
}
#plan>div:nth-child(3)>div>div {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#plan>div:nth-child(3)>div>div:nth-child(2)>div {
	width: 385px;
	height: 150px;
	background-color: #fff;
	margin-top: 5px;
	margin-bottom: 15px;
	box-shadow: 8px 8px 7px -2px rgba(180,180,180,0.7);	
}
#plan>div:nth-child(3)>div:nth-child(n+3)>div:nth-child(2)>div {
	height: 155px;
}
#plan>div:nth-child(3)>div:first-child>div:nth-child(2)>div {
	border: 3px solid #dadf00;
}
#plan>div:nth-child(3)>div:nth-child(3)>div:nth-child(2)>div {
	border: 3px solid #8dc21f;
}
#plan>div:nth-child(3)>div:nth-child(5)>div:nth-child(2)>div {
	border: 3px solid #1eaa39;
}
#plan>div:nth-child(3)>div>div:nth-child(2)>div>img {
	margin-top: 23px;
	margin-left: 5px;
	margin-right: 13px;
	float: left;
}
#plan>div:nth-child(3)>div>div:nth-child(2)>div>div {
/*	float: left;*/
	margin-top: 13px;
}

#plan>div:nth-child(3)>div>div:nth-child(2)>div h5 {
	font-size: 20px;
	transform: scale(0.9, 1);
/*	letter-spacing: 10px;*/
	margin-left: -5px;
	margin-bottom: 8px;
}
#plan>div:nth-child(3)>div>div:nth-child(2)>div p {
/*	margin-right: -10px;*/
	line-height: 22px;
	padding-left: 20px;
	padding-right: 10px;
}
#plan>div:nth-child(3)>div>div:nth-child(2)>div:nth-child(odd) {
	float: left;
}
#plan>div:nth-child(3)>div>div:nth-child(2)>div:nth-child(even) {
	float: right;
}
#plan>div:nth-child(3)>div>div:nth-child(3) {
	margin-top: 10px;
	padding-bottom: 15px;
}
#plan>div:nth-child(3)>div:nth-child(5)>div:nth-child(3) {
	padding-bottom: 30px;
}
#plan>div:nth-child(3)>div>div:nth-child(3)>section {
	position: relative;
	width: 300px;
	height: 14px;
	box-shadow: 8px 8px 7px -2px rgba(180,180,180,0.4);
	margin-bottom: 10px;
}
#plan>div:nth-child(3)>div:first-child>div:nth-child(3)>section {
	border-top: 14px solid #c3c608;
	background-color: #dadf00;
}
#plan>div:nth-child(3)>div:nth-child(3)>div:nth-child(3)>section {
	border-top: 14px solid #9ecb40;
	background-color: #8dc21f;
}
#plan>div:nth-child(3)>div:nth-child(5)>div:nth-child(3)>section {
	border-top: 14px solid #40b757;
	background-color: #1eaa39;
}
#plan>div:nth-child(3)>div>div:nth-child(3)>section h5 {
	font-size: 18px;
	font-weight: normal;
	transform: scale(0.9, 1);
	margin-top: -7px;
	margin-left: 5px;
}
#plan>div:nth-child(3)>div:nth-child(n+3)>div:nth-child(3)>section h5 {
	color: #fff;
}
#plan>div:nth-child(3)>div>div:nth-child(3)>p {
	margin-bottom: 10px;
}


#background {
	display: none;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
	position: fixed;
	z-index: 100;
}
#popup>div {
	display: none;
	border-radius: 10px;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 100;
}
#popup>div:before {
	content: "枠外クリックまたはタップで閉じる";
	position: absolute;
	font-size: 16px;
	color: #ddd;
	top: -25px;
	right: 0;
}
#popup>div>img:first-child {
	width: 45%;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 2%;
	left: 0;
	right: 0;
}
#popup>div>img:nth-child(n+2) {
	width: 50%;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	bottom: 2%;
}
#popup>div>p {
	text-align: center;
	position: absolute;
	margin:0;
	left: 0;
	right: 0;
}
#popup>div>section {
	position: absolute;
	bottom: 32%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
#popup>div:last-child>section {
	bottom: 28%;
}
#popup section p, #popup section h2 {
	text-align: center;
}
#popup section p:first-child {
	font-size: 28px;
	font-weight: bold;
}
#popup section p:last-child {
	font-size: 18px;
	font-weight: normal;
}
#popup h2 {
	font-size: 54px;
	font-weight: bold;
	margin-top: 3%;
	margin-bottom: 2%;
}
#popup>div:first-child h2 {
	margin-top: 4%;
	margin-bottom: 3%;
}
#popup>div>p {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.8em;
	top: 24%;
}
#popup span {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background-color: #000;
	opacity: 0.8;
	top: 10px;
	right: 10px;
}
#popup span:before {
	content: '';
	position: absolute;
	width: 25px;
	height: 3px;
	top: 13.5px;
	left: 2.5px;
	background-color: #555;
	transform: rotate(45deg);
}
#popup span:after {
	content: '';
	position: absolute;
	width: 3px;
	height: 25px;
	top: 2.5px;
	left: 13.5px;
	background-color: #555;
	transform: rotate(45deg);
}
#popup span:hover {
	cursor: pointer;
/*	background: radial-gradient(#ccc,#888);*/
	opacity: 0.5;
}


.controls-c {
/*	display: block;*/
/*
	width: 80px;
	height: 80px;
*/
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	border-radius: 10px;
	border: 1px solid #7ED4B8;
	background: linear-gradient(#fff,#ECF7ED);
	position: fixed;
	bottom: 8%;
	right: calc(4% + ((100% - 1000px) / 2));
}
.controls-c:hover {
	cursor: pointer;
	color: #7ED4B8;
	background: linear-gradient(#fff,#dbf3dd)
}
.controls-c span {
	content: '';
	position: absolute;
	width: 70px;
	height: 5px;
	top: 18px;
	left: 5px;
	background-color: #000;
}
.controls-c span:before {
	content: '';
	position: absolute;
	width: 70px;
	height: 5px;
	top: 20px;
/*	left: 5px;*/
	background-color: #000;
}
.controls-c span:after {
	content: '';
	position: absolute;
	width: 70px;
	height: 5px;
	top: 40px;
/*	left: 5px;*/
	background-color: #000;
}

.controls {
	display: none;
	position: fixed;
	bottom: 8%;
/*	right: 5%;*/
	left: calc(50% - 870px/2);
}
.controls ul {
	border-radius: 10px;
	border: 1px solid #7ED4B8;
	overflow: hidden;
}
.controls li {
/*	list-style: none;*/
	display: table-cell;
	padding-top: 30px;
	padding-bottom: 30px;
/*	margin-left: -6px;*/
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #7ED4B8;
	background: linear-gradient(#fff,#ECF7ED);
}
.controls li:hover {
	background: linear-gradient(#fff,#dbf3dd)
}
.controls li:last-child {
	border: none;
}
.controls li a {
	text-decoration: none;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #000;
}
.controls li a:hover {
	color: #7ED4B8;
}
.controls span {
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: radial-gradient(#fff,#aaa);
	top:-25px;
	right:-25px;
}
.controls span:before {
	content: '';
	position: absolute;
	width: 45px;
	height: 5px;
	top: 22.5px;
	left: 2.5px;
	background-color: #555;
	transform: rotate(45deg);
}
.controls span:after {
	content: '';
	position: absolute;
	width: 5px;
	height: 45px;
	top: 2.5px;
	left: 22.5px;
	background-color: #555;
	transform: rotate(45deg);
}
.controls span:hover {
	cursor: pointer;
	background: radial-gradient(#ccc,#888);
}


.headline {
	height: 85px;
	border-top: 3px solid #20297c;
	background-color: #d6cfc8;
}
.headline h2 {
	font-family : 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif ;
	font-weight: normal;
	font-size: 37px;
	margin-top: 23px;
	margin-bottom: 0;
}


.sites {
	margin-bottom: 40px;	
}
.sites h2 {
	font-size: 20px;
	font-weight: normal;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 25px;
	border-radius: 14px;
	border: 1px solid #b3b3b3;
	background-color: #d6cfc8;
}
.sites p {
	margin-left: 25px;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 16px;
}




main#basic .info table {
	margin-top: 40px;
	border-collapse: collapse;
	border: 0;
}
main#basic .info table tr td {
	border: 1px solid #999;
	font-size: 18px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}
main#basic .info table tr td:first-child {
	width: 100px;
	background-color: #d6cfc8;
}
main#basic .info table tr td:last-child {
	width: 849px;
}
main#basic .info table tr td ul {
	margin-left: -10px;
}
main#basic .info table tr td ul li {
	list-style-type: none;
	margin-left: 1.8em;
	margin-bottom: 8px;
	line-height: 1.5em;
}
main#basic .info table tr td ul li:before {
	content: '・';
	display: inline-block;
	color: #000;
	margin-left: -1.3em;
	margin-right: 5px;
}

main#basic .contact {
	margin-top: 170px;
}



main#features #brk {
	margin-top: 40px;
	margin-bottom: 50px;
	border: 5px solid #d6cfc8;
	color: #20297c;
}
main#features #brk h3 {
	font-size: 34px;
	font-weight: bold;
	margin-top: 30px;
	margin-left: 20px;
	margin-bottom: 30px;
}
main#features #brk ul li {
/*	list-style-type: none;*/
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 30px;
	margin-left: 60px;
}
main#features #brk ul li:last-child {
	margin-bottom: 0;
}
main#features #brk ul li:before {
/*
	content: '・';
	display: inline-block;
	color: #000;
	margin-left: -20px;
	margin-right: 5px;
*/
}



main#features .feature {
	margin-bottom: 100px;
}
main#features .feature>div:first-child {
	height: 64px;
	border-bottom: 1px solid #d6cfc8;
	margin-bottom: 15px;
	position: relative;
}
main#features .feature>div:first-child p {
	font-family : 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif ;
	font-size: 52px;
	font-weight: bold;
	color: #20297c;
	margin: 0;
	position: absolute;
	top: -3px;
}
main#features .feature>div:first-child h3 {
	font-size: 24px;
	font-weight: normal;
	line-height: 28px;
	margin: 0;
	position: absolute;
	top: -5px;
	left: 50px;
}
main#features .feature:nth-child(n+5)>div:first-child h3 {
	top: 13px;
}
main#features .feature>div:last-child {
	margin-left: 50px;
}
main#features .feature>div:last-child p {
	font-size: 21px;
	line-height: 30px;
}
main#features .feature:nth-child(4)>div:last-child p {
	width: 580px;
	margin: 0;
}
main#features .feature:nth-child(5)>div:last-child {
	position: relative;
}
main#features .feature:nth-child(5)>div:last-child table {
	width: 860px;
	border-collapse: collapse;
}
main#features .feature:nth-child(5)>div:last-child div#arrow {
	position: absolute;
	width: 820px;
	top: 340px;
	left: 20px;
	z-index: 100;
	text-align: center;
	background-color: #99d6f5;
}
main#features .feature:nth-child(5)>div:last-child div#arrow:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-right: 30px solid #99d6f5;
	top: -16px;
	left: -50px;
}
main#features .feature:nth-child(5)>div:last-child div#arrow:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-left: 30px solid #99d6f5;
	top: -16px;
	right: -50px;
}
main#features .feature:nth-child(5)>div:last-child div#arrow p {
	font-size: 12px;
	line-height: 1;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0;
}
main#features .feature:nth-child(5)>div:last-child table th {
	height: 55px;
	border: 1px solid #b3b3b3;
	background-color: #d6cfc8;
	font-size: 18px;
	font-weight: normal;
}
main#features .feature:nth-child(5)>div:last-child table td {
	width: 215px;
	border: 1px solid #b3b3b3;
}
main#features .feature:nth-child(5)>div:last-child table tr:last-child {
	vertical-align: top;
}
main#features .feature:nth-child(5)>div:last-child table tr:last-child td {
	padding-bottom: 100px
}
main#features .feature:nth-child(5)>div:last-child table tr:last-child td h4 {
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #20297c;
}
main#features .feature:nth-child(5)>div:last-child table tr:last-child td p, main#features .feature:nth-child(5)>div:last-child table tr:last-child td ul li {
	font-size: 13px;
}
main#features .feature:nth-child(5)>div:last-child table tr:last-child td p {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1em;
	margin-right: 1em;
	line-height: 2em;
}
main#features .feature:nth-child(5)>div:last-child table tr:last-child td ul {
	padding-top: 2px;
}
main#features .feature:nth-child(5)>div:last-child table tr:last-child td ul li {
	list-style-type: none;
	margin-left: 2em;
	margin-bottom: 0.5em;
	line-height: 1.5em;
}
main#features .feature:nth-child(5)>div:last-child table tr:last-child td ul li:before {
	content: '・';
	display: inline-block;
	color: #000;
	margin-left: -1.5em;
	margin-right: 5px;
}
main#features .feature:nth-child(5)>div:last-child table tr:last-child td:nth-child(3) ul li:nth-child(2n+1) {
	float: left;
	margin-right: 30px;
}
main#features .feature:nth-child(5)>div:last-child table tr:last-child td:nth-child(3) ul li:nth-child(2n) {
	float: right;
	margin-right: 50px;
}
main#features .feature:nth-child(5)>div:last-child h4,
main#features .feature:nth-child(5)>div:last-child h5 {
	font-size: 20px;
}
main#features .feature:nth-child(5)>div:last-child p:first-child {
	margin-top: 0;
	margin-bottom: 15px;
}
main#features .feature:nth-child(5)>div:last-child p:nth-child(n+2) {
	margin-top: 0;
	margin-bottom: 20px;
}
main#features .feature:nth-child(5)>div:last-child h4 {
	margin-top: 36px;
	margin-bottom: 20px;
	font-weight: normal;
}
main#features .feature:nth-child(5)>div:last-child h5 {
	margin: 0;
	font-weight: normal;
}
main#features .feature:nth-child(6)>div:last-child p {
	width: 518px;
	margin: 0;
}



main#knowledge .wrap-size>div {
	margin-bottom: 30px;	
}
main#knowledge .wrap-size>div>p {
/*	font-size: 14px;*/
	font-size: 20px;
	line-height: 30px;
	margin-top: 15px;
	margin-left: 25px;
	margin-bottom: 40px;
}
main#knowledge .num {
	margin-bottom: 20px;
}
main#knowledge .num>div:first-child {
/*	width: 970px;*/
	height: 64px;
	border-top: 2px solid #d6cfc8;
	padding-left: 15px;
	margin-bottom: 20px;
	position: relative;
}
main#knowledge .num>div:first-child p {
	font-family : 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif ;
	font-size: 52px;
	font-weight: bold;
	color: #20297c;
	margin: 0;
	position: absolute;
	top: 15px;
}
main#knowledge .num>div:first-child h3 {
	font-size: 22px;
	font-weight: normal;
	line-height: 28px;
	position: absolute;
	top: 14px;
	left: 65px;
}
main#knowledge .num:nth-child(n+4)>div:first-child h3 {
	top: 28px;
}
main#knowledge .num>div:last-child {
	margin-top: 30px;
}
main#knowledge .num>section>.bg-beige {
	width: 100%;
	height: 85px;
	margin-top: 30px;
	margin-bottom: 20px;
}
main#knowledge .num>section>.bg-beige>h4 {
	font-size: 37px;
	font-weight: normal;
	font-family : 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif ;
	padding-top: 7px;
	margin-left: 60px;
	position: relative;
}
main#knowledge .num>section>.bg-beige>h4:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 18px solid transparent;
	border-left: 18px solid #42210b;
	top: 25px;
	left: -30px;
}
main#knowledge .num:nth-child(n+3)>section>.bg-beige>h4 {
	padding-top: 25px;
}
main#knowledge .num:nth-child(n+4)>section>.bg-beige {
	margin-bottom: 30px;
}
main#knowledge .num>section>p {
	margin-left: 65px;
	line-height: 30px;
/*	font-size: 14px;*/
	font-size: 20px;
}
main#knowledge .points,
main#knowledge .examples {
	width: 848px;
	margin-left: 65px;
	border: 1px solid #ccc;
	background-color: #e3eef2;
}
main#knowledge .points {
	position: relative;
	margin-top: 20px;
	margin-bottom: 0;
}
main#knowledge .points:after {
	content:".";
	clear:both;
	height:0; 
	display:block;
	visibility:hidden;
}
main#knowledge .points h5 {
	position: absolute;
	margin: 0;
	top: 47%;
	left: 20px;
}
main#knowledge .num:nth-child(3) .points h5 {
	top: 40%;
}
main#knowledge .points ol {
	float: left;
	margin-left: 220px;
}
main#knowledge .points ol li {
	margin-bottom: 15px;
}
main#knowledge .points ol li:last-child {
	margin-bottom: 0;
}
main#knowledge .num:nth-child(2)>div:last-child>div {
	width: 206px;
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
	margin-right: 20px;
}
main#knowledge .num:nth-child(2)>div:last-child>div h4 {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 15px;
}
main#knowledge .num:nth-child(2)>div:last-child>div:last-child {
	margin-right: -20px;
}
main#knowledge .num:nth-child(2)>div:last-child>div ul {
	padding: 0;
	margin: 0;
}
main#knowledge .num:nth-child(2)>div:last-child>div ul li {
	list-style-type: none;
/*	font-size: 11px;*/
	font-size: 12px;
	margin-bottom: 8px;
}
main#knowledge .num:nth-child(2)>div:last-child>div ul li:before {
	content: '・';
	display: inline-block;
	color: #000;
}
main#knowledge .points h5,
main#knowledge .num:nth-child(3)>section:nth-child(3)>h5,
main#knowledge .num:nth-child(3)>section:nth-child(4)>h5 {
	color: #603813;
	font-size: 26px;
}
main#knowledge .num:nth-child(3)>section:nth-child(3)>h5,
main#knowledge .num:nth-child(3)>section:nth-child(4)>h5 {
	margin-top: 30px;
	margin-left: 65px;
	margin-bottom: 20px;
}
main#knowledge .num:nth-child(3) .contact {
	margin-top: 60px;
}
main#knowledge .points ol {
	width: auto;
	margin-top: 0;
	margin-bottom: 0;
}
main#knowledge .num .points ol li {
	font-size: 22px;
	font-weight: bold;
}
main#knowledge .num:nth-child(3) .points ol li {
	font-weight: normal;
}
main#knowledge .points ol li h6,
main#knowledge .examples ol li h6 {
	font-size: 23px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 5px;
}
main#knowledge .points ol li p,
main#knowledge .examples ol li p {
/*	font-size: 14px;*/
	font-size: 19px;
	font-weight: normal;
	line-height: 30px;
	margin-top: 3px;
	margin-bottom: 20px;
}
main#knowledge .examples {
	width: 848px;
	margin-left: 65px;
	border: 1px solid #ccc;
	background-color: #e3eef2;
}
main#knowledge .examples h5 {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background-color: #20297c;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
main#knowledge .examples ol li {
	font-size: 20px;
	font-weight: bold;
}
main#knowledge .num:nth-child(3) .points ol {
	margin-top: 15px;
	margin-bottom: 15px;
}
main#knowledge .num:nth-child(3) .examples:last-child {
	margin-top: 20px;
	margin-bottom: 50px;
}
main#knowledge .num:nth-child(4) .points {
	margin-top: 20px;
	margin-bottom: 50px;
}
main#knowledge .num:nth-child(n+5) .points {
	margin-top: 15px;
	margin-bottom: 30px;
}
main#knowledge .num:nth-child(n+5) .examples {
	margin-bottom: 30px;
}
main#knowledge .num:nth-child(7) .examples {
	margin-bottom: 50px;
}


main#plans>div>section h3 {
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: normal;
	font-family : 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif ;
	line-height: 40px;
	color: #374793;
}
main#plans h3 span {
	margin-top: 20px;
	font-size: 20px;
}
main#plans>div>section img {
	margin-left: 35px;
	margin-bottom: 30px;
}
main#plans .content {
	border-top: 9px solid #d6cfc8;
	position: relative;
}
main#plans .content:nth-child(6) {
	margin-bottom: 80px;
}
main#plans .content>div {
	margin-top: 20px;
	margin-bottom: 5px;
}
main#plans .content>div>section h3 {
	float: left;
}
main#plans .content>div>section>div {
	float: right;
}
main#plans .content:nth-child(6)>div>section>div {
	float: left;
	margin-left: 30px;
}
main#plans .content>div>section>div>p {
	font-size: 18px;	
}
main#plans .content>div>div {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #22297d;
}
main#plans .content:nth-child(6)>div>div:nth-child(2)>div:first-child {
	padding-left: 90px;
}
main#plans .content:nth-child(6)>div>div:nth-child(3)>div:first-child {
	padding-left: 250px;
}
main#plans .content>div>div:nth-child(n+4) {
	border: none;
}
main#plans .content>div>div>div {
	display: table-cell;
	vertical-align: bottom;
}
main#plans .content>div>div>div>div {
	height: 200px;
	display: table-cell;
	vertical-align: middle;
}
main#plans .content>div>div>div>div>img {
	padding-left: 25px;
	padding-right: 25px;
}
main#plans .content>div>div>div:first-child>div>img {
	padding-left: 0;
}
main#plans .content>div>div:nth-child(4)>div:first-child>div>img {
	padding-right: 0;
}
main#plans .content:nth-child(4)>div>div:nth-child(3)>div:last-child>div>img {
	padding-left: 0;
}
main#plans .content>div>div>div>p {
	margin-top: 10px;
	text-align: center;
	font-size: 18px;
}
main#plans .content>div>div:nth-child(3)>div>div>img {
	padding-left: 10px;
	padding-right: 10px;
}
main#plans .content:nth-child(n+5)>div>div:nth-child(3)>div>div>img {
	padding-left: 35px;
	padding-right: 35px;
}
main#plans .content>div>div>div>div {
	border-left: 1px solid #22297d;
}
main#plans .content>div>div>div:first-child>div {
	border: none;
}
main#plans .content>div>div:nth-child(4)>div:first-child,
main#plans .content:nth-child(4)>div>div:nth-child(3)>div:last-child>div {
	padding-left: 20px;
	padding-right: 20px;
}
main#plans .content:nth-child(3)>div>div:nth-child(4)>div:first-child {
	border-right: 1px solid #22297d;
}
main#plans .content:nth-child(n+4)>div>div:nth-child(2)>div:nth-child(3)>div {
	padding-left: 25px;
	padding-right: 25px;
}
main#plans .content .options {
	vertical-align: top;
}
main#plans .content .options>div {
	display: block;
	border: none;
	margin-left: 25px;
	height: auto;
	width: 360px;
}
main#plans .content:nth-child(2) .options>div {
	background-color: #fff;
	margin-left: 10px;
}
main#plans .content:nth-child(n+5) .options>div {
	margin-left: 0;
}
main#plans .content .options>div:first-child {
	margin-bottom: 30px;
}
main#plans .content .options>div p, main#plans .content .options>div li {
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 10px;
}
main#plans .content .options>div li {
	display: inline-block;
	position: relative;
	margin-left: 1em;
	margin-right: 30px;
}
main#plans .content .options>div li:before {
	position: absolute;
	content: '・';
	left: -1em;
}
main#plans .content .examples {
	margin-top: 10px;
}
main#plans .content .examples>div {
	display: inline-block;
	margin-bottom: 30px;
}
main#plans .content .examples>div:nth-child(2) {
	margin-left: 30px;
}
main#plans .content .examples>div:last-child {
	display: block;
}
main#plans .content .examples>div:last-child p {
	text-align: left;
}

main#plans>div>.content:nth-child(2) {
	background-color: #fff5f4;
}
main#plans>div>.content:nth-child(3) {
	background-color: #f8f7fc;
}
main#plans>div>.content:nth-child(4) {
	background-color: #f8f7fc;
}
main#plans>div>.content:nth-child(5) {
	background-color: #f7fcf6;
}
main#plans>div>.content:nth-child(6) {
	background-color: #fffef5;
}

main#plans .content:before {
	content: '';
	width: 100%;
	height: 10px;
	background-color: #20297c;
	position: absolute;
	top: -12px;
	z-index: -1;
}


main#basic div>section {
	margin-top: 60px;
}
main#basic div>section h3 {
	font-weight: normal;
	margin-left: -10px;
}
main#basic div>section h3,
main#basic div>section p {
	font-size: 24px;
	line-height: 40px;
}
main#basic>section:nth-child(3) {
	margin-top: 60px;
	border-top: 1px solid #d6cfc8;
}

main#features .headline h2 {
	font-weight: bold;
}
main#features .ad1>div {
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 80px;
	margin-top: 30px;
	border-radius: 10px;
	background-color: #f00;
/*	display: table-cell;*/
}
main#features .ad1>div p {
	font-size: 38px;
	color: #fff;
	padding-top: 25px;
}
main#features #brk>div:last-child {
	width: 520px;
	height: 356px;
	overflow: hidden;
}
main#features #brk>div:last-child img {
	margin-top: -60px;
}


/* ---------------------------------------------------- */
.bg-black{background-color:#000!important;}.bg-gray{background-color:#595757!important;}
.m0{margin:0!important;}.mauto{margin:auto!important;}
.mtop0{margin-top:0!important;}.mlef0{margin-left:0!important;}.mrig0{margin-right:0!important;}.mbot0{margin-bottom:0!important;}
/* float */
.fleft{float:left;}.fright{float:right;}
.f-valign-mid{display:table-cell;height:inherit;vertical-align:middle}

.bor-top{ border-top: 1px solid #000; }

.fill-x{ margin: 0; width: 100%; }
.white{ color: #fff; }
.bg-rblue{ background-color: #20297c; }
.bg-lpurple{ background-color: #8f94bc; }
.bg-beige{ background-color: #d6cfc8; }



.cell{display:table-cell!important;}

.height-i{height:inherit;}

.valign-top{display:table-cell;vertical-align:top;}.valign-mid{display:table-cell;vertical-align:middle;}.valign-bot{display:table-cell;vertical-align:bottom;}
.align-lef{text-align:left!important;}.align-cen{text-align:center!important;}.align-rig{text-align:right!important;}

.ho-white:hover{color:#fff;}.ho-black:hover{color:#000;}.ho-red:hover{color:#f00;}

/* clearfix */
.cf:after{content:"."; clear:both; height:0; display:block; visibility:hidden;}



/* position */
.relative{position:relative;}.absolute{position:absolute;}
.top{top:0;}.left{left:0;}.right{right:0;}.bottom{bottom:0;}


/* text-decoration */
.text-none{text-decoration:none!important; font-style:normal!important; font-weight:normal;}
.black{color:#000!important;}.white{color:#fff!important;}.gray{color:#999999!important;}.sblu{color:#1295ca!important;}



/* padding-top */
.pad-top5{padding-top:5px;}.pad-top10{padding-top:10px;}.pad-top15{padding-top:15px;}.pad-top20{padding-top:20px;}.pad-top25{padding-top:25px;}.pad-top30{padding-top:30px;}.pad-top40{padding-top:40px;}.pad-top50{padding-top:50px;}
.pad-top100{padding-top:100px;}
/* padding-left */
.pad-lef5{padding-left:5px;}.pad-lef10{padding-left:10px;}.pad-lef15{padding-left:15px;}.pad-lef20{padding-left:20px;}.pad-lef25{padding-left:25px;}.pad-lef30{padding-left:30px;}
.pad-lef50{padding-left:50px;}
/* padding-right */
.pad-rig5{padding-right:5px;}.pad-rig10{padding-right:10px;}.pad-rig15{padding-right:15px;}.pad-rig20{padding-right:20px;}.pad-rig25{padding-right:25px;}.pad-rig30{padding-right:30px;}


/* margin-left */
.mlef-30{margin-left:-30px!important;}.mlef-20{margin-left:-20px!important;}.mlef-10{margin-left:-10px!important;}
.mlef10{margin-left:10px!important;}.mlef20{margin-left:20px!important;}.mlef30{margin-left:30px!important;}.mlef40{margin-left:40px!important;}
.mlef50{margin-left:50px!important;}.mlef60{margin-left:60px!important;}.mlef70{margin-left:70px!important;}.mlef80{margin-left:80px!important;}
.mlef90{margin-left:90px!important;}.mlef100{margin-left:100px!important;}.mlef110{margin-left:110px!important;}.mlef120{margin-left:120px!important;}.mlef130{margin-left:130px!important;}.mlef140{margin-left:140px!important;}
.mlef150{margin-left:150px!important;}.mlef160{margin-left:160px!important;}
.mlef200{margin-left:200px!important;}.mlef225{margin-left:225px!important;}.mlef300{margin-left:300px!important;}.mlef400{margin-left:400px!important;}
.mrig30{margin-right:30px!important;}
/* margin-top */
.mtop10{margin-top:10px!important;}.mtop20{margin-top:20px!important;}.mtop30{margin-top:30px!important;}.mtop40{margin-top:40px!important;}
.mtop50{margin-top:50px!important;}.mtop60{margin-top:60px!important;}.mtop70{margin-top:70px!important;}.mtop80{margin-top:80px!important;}
.mtop90{margin-top:90px!important;}.mtop100{margin-top:100px!important;}

.mbot-40{margin-bottom:-40px!important;}
.mbot15{margin-bottom:15px!important;}
.mbot20{margin-bottom:20px!important;}
.mbot40{margin-bottom:40px!important;}
.mbot60{margin-bottom:60px!important;}
.mbot80{margin-bottom:80px!important;}
.mbot100{margin-bottom:100px!important;}
.mbot200{margin-bottom:200px!important;}
/* letter-spacing */
.ls-025{letter-spacing:-0.25px;}.ls-05{letter-spacing:-0.5px;}.ls-075{letter-spacing:-0.75px;}.ls-1{letter-spacing:-1px;}
.ls0{letter-spacing:0;}.ls025{letter-spacing:0.25px;}.ls05{letter-spacing:0.5px;}.ls075{letter-spacing:0.75px;}.ls1{letter-spacing:1px;}

/* font style */
.i{font-style:italic;}.b{font-weight:bold;}.tcenter{text-align:center;}

/* font-size */
.font10{font-size:10px!important;}.font12{font-size:12px!important;}.font14{font-size:14px!important;}.font16{font-size:16px!important;}
.font18{font-size:18px!important;}.font20{font-size:20px!important;}.font22{font-size:22px!important;}.font24{font-size:24px!important;}.font26{font-size:26px!important;}
.font28{font-size:28px!important;}.font32{font-size:32px!important;}.font36{font-size:36px!important;}.font38{font-size:38px!important;}