@charset "UTF-8";

/* Reset */
ul {list-style:none;}
ul,li {margin:0; padding:0;}
a {color:#0181ca; text-decoration:none; transition: all 0.25s ease;}
a:hover {color:#ff8952;}
img {vertical-align:middle;}
a:hover img {opacity: 0.75;	filter: alpha(opacity=75); transition: all 0.25s ease;}

p {margin:0;}

/* 見出し */
h1,h2,h3,h4,h5,h6 {margin:0; line-height:1; font-size:1px;}
h1 {margin-bottom:30px;}

small {font-size:14px; font-size:1.4rem;}

address,caption,em,th {
	font-style:normal;
}

dl,dt,dd {margin:0;}

/* --------------------------------------------------
	ベース
-------------------------------------------------- */
html {background-color:#fff; color:#333; font-size:62.5%; font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, Helvetica, sans-serif; line-height:1.5;}

body {font-size:16px; font-size:1.6rem;}/* ベースフォントサイズ16px */

#wrapper {width:1000px; min-width:1000px; margin:0 auto; background-color:#fff;}
#wrapper2 {width:1000px; min-width:1000px; margin:0 auto; background-color:#fff;}

/* --------------------------------------------------
	スクロールでヘッダフェードイン
-------------------------------------------------- */
.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:0.25s;
 -ms-animation-duration:0.25s;
 animation-duration:0.25s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


/* --------------------------------------------------
	ヘッダナビ
-------------------------------------------------- */
/* 固定時 */
#header_nav.is-fixed {position:fixed; top:0; left:0; box-sizing:border-box; width:100%; z-index:900; background-color:rgba(255,255,255,0.95); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35);}

/* --------------------------------------------------
	ヘッダ
-------------------------------------------------- */
#header {display:table; width:100%; border-bottom:1px solid #ddd;}
#header h1,#header .btn {display:table-cell; vertical-align:middle;}
#header h1 {margin: 18px 0 0 20px; text-indent: 100%; white-space:nowrap; overflow:hidden; width: 320px; height: 24px; background: url(../images/logo.png) no-repeat; display: block; float: left;}
#header .btn {text-align:right; width:140px;}
#header .sns {text-align:right; display: block; vertical-align: top; line-height: 20px; height: 20px; padding: 10px 0 0 0;}

/* --------------------------------------------------
	Gナビ
-------------------------------------------------- */
#g_navi {display:table; width:100%; border-bottom:1px solid #ddd;}
#g_navi h1 {display:none;}
#g_navi ul,#g_navi .btn {display:table-cell; vertical-align:middle;}
#g_navi ul {padding-left:20px;}
#g_navi li {display:inline-block; margin-right:1.5em; line-height:1; color:#0181ca;}
#g_navi li:last-child {margin-right:0;}
#g_navi li:before {font-family:FontAwesome; content:"\f105";  margin-right:0.2em;}
#g_navi span {display:none;}
#g_navi .btn {text-align:right;}

/* 固定時 */
#g_navi.is-fixed {position:fixed; top:0; left:0; box-sizing:border-box; z-index:900; background-color:rgba(255,255,255,0.95); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35); min-width:1000px;}
#g_navi.is-fixed h1 {display:table-cell; vertical-align:middle; padding-left:20px;}
#g_navi.is-fixed .btn {width:280px;}
#g_navi.is-fixed span {display:block; float:right; height:50px; overflow:hidden;}
#g_navi.is-fixed span img {margin-top:-5px;}



/* --------------------------------------------------
	ページトップ
-------------------------------------------------- */
#backToTop {position:fixed; right:10px; bottom:10px; line-height:1; cursor:pointer; z-index:100; background-color:rgba(1,129,202,0.9); padding:14px 14px 7px; text-align:center; color:#fff; font-size:14px; font-weight:300; line-height:1; border-radius:300px;}
#backToTop .angle-up {display:block; width:25px; height:25px; border-top:1px solid #fff; border-left:1px solid #fff; margin:0 auto;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
#backToTop em {display:block; margin-top:-5px;}
#backToTop:hover {background-color:#2ea2e4;}

/* --------------------------------------------------
	メインビジュアル
-------------------------------------------------- */
#main_img {margin-bottom:1px;width: 100%; overflow: hidden;}

.bx-viewport {
	overflow: visible!important;
	width: 1000px!important;
}

.slider {
	list-style: none;
	margin: 0;
	padding: 0;
}

.slider li {
	width: 1000px!important;
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------
	コンテンツ
-------------------------------------------------- */
#contents {border-bottom:1px solid #ddd;}

/* --------------------------------------------------
	こんな悩みはありませんか？
-------------------------------------------------- */
#worry ul {margin:30px; overflow:hidden;}
#worry li {width:220px; float:left; margin-right:20px; background-color:#f0f0f0;}
#worry li:last-child {margin-right:0;}
#worry p.heightLine-group1,#worry p.heightLine-group2 {display:table-cell; vertical-align:middle; padding:0 20px 20px; }
#worry li p:nth-of-type(2) {color:#0181ca; font-size:72px; text-align:center; line-height:1; margin:-36px 0 -24px;}

/* --------------------------------------------------
	そのために資金繰り表の活用を提唱しています
-------------------------------------------------- */
#suggest { padding-top: 50px;}
#suggest ul {margin:30px; overflow:hidden;}
#suggest li {width:300px; float:left; margin-right:20px; background-color:#e4f6e3;}
#suggest li:last-child {margin-right:0;}
#suggest li p {margin:0 20px 20px;}
#suggest h2 {text-align:center; margin-bottom:25px;}

.suggest_point {background-image:url(../images/suggest_point_bg.jpg); background-repeat:no-repeat; background-size:cover; padding:30px 30px 10px; margin:30px; overflow:hidden;}
.suggest_point div {position:relative; left:50%; float:left;}
.suggest_point dl {position:relative; left:-50%; box-sizing:border-box; width:280px; float:left; margin-right:20px; margin-bottom:20px; padding:20px; background-color:rgba(255,255,255,0.75); box-shadow:2px 2px 5px 0 rgba(0,0,0,0.3);}
.suggest_point dl:nth-child(3),.suggest_point dl:last-child {margin-right:0;}
.suggest_point dt {text-align:center; margin-bottom:20px;}

/* --------------------------------------------------
	資金繰り表作成の効果
-------------------------------------------------- */
#effect { padding-top: 50px;}
#effect ul {margin:30px 30px 0; overflow:hidden;}
#effect li {box-sizing:border-box; width:300px; float:left; margin-right:20px; margin-bottom:30px; padding-left:4px; border-left:6px solid #f16220;}
#effect li:nth-child(3n) {margin-right:0;}
#effect li p {margin:10px 10px 20px;}

.btn_area {background-color:#f0f0f0; margin:0 30px 30px; padding:15px;}
.btn_area ul {display:table; margin:0 auto;}
.btn_area li {display:table-cell; padding:15px;}
.btn_area li img {box-shadow:1px 1px 3px 0 rgba(0,0,0,0.3);}

/* --------------------------------------------------
サービス内容
-------------------------------------------------- */
#service {margin-bottom:30px;}
#service h1 {text-align:center; color:#6f6f6f; font-size:30px; font-weight:normal; line-height:1.4;}

.message_profile{width: 240px; background: #FFEBEB; float: left; margin-left: 30px; margin-bottom:30px;}
.message_profile p.photo{ }
.message_profile p.company{font-size: 10px; margin: 10px 10px 0; text-align: center;}
.message_profile p.position{font-size: 16px; margin: 0 10px; text-align: center;}
.message_profile p.name{font-size: 20px; font-weight: bold; margin: 0 10px; text-align: center;}
.message_profile p.book{font-size: 12px; margin: 10px;}
.message_profile p.book_photo{margin: 10px; text-align: center;}


.message_text{width: 670px; background: #FFF; float: right; margin-right: 30px; margin-bottom:30px;}
.message_text p.catch{ font-size: 24px; font-weight: bold; margin-bottom: 30px; padding: 30px 0; border-bottom: solid 2px #EDEDED;}


#service h2 {text-align:center; margin-bottom:25px; clear: both;}
.mistake_point {background-image:url(../images/mistake_point_bg.jpg); background-repeat:no-repeat; background-size:cover; padding:20px; margin:30px; overflow:hidden;}
.mistake_point dl {box-sizing:border-box; width:210px; float:left; margin-right:20px; padding:20px 16px; background-color:rgba(255,255,255,0.85); box-shadow:2px 2px 5px 0 rgba(0,0,0,0.3);}
.mistake_point dl:last-child {margin-right:0;}
.mistake_point dt {text-align:center; margin-bottom:20px;}

/* --------------------------------------------------
面談の流れ
-------------------------------------------------- */
#flow { padding-top: 50px;}
#flow ul {background-image:url(../images/flow_arrow.png); background-repeat:no-repeat; margin:30px; display:table;}
#flow li {display:table-cell;}
#flow li:first-child,#flow li:nth-child(3)  {width:225px;}
#flow li:nth-child(2) {width:250px;}
#flow li:last-child {width:240px;}
#flow li h2 {text-align:center;}
#flow li p {width:194px; margin:20px auto 0;}

/* --------------------------------------------------
コンサルティングプラン
-------------------------------------------------- */
#plan { padding-top: 50px;}
#plan ul {margin:30px; overflow:hidden;}
#plan li {width:300px; float:left; margin-right:20px; background-color:#fff3ed; padding-bottom:20px;}
#plan li:last-child {margin-right:0;}
#plan li p {margin:20px;}
#plan li .price {margin:0 30px; background-color:#fff; border:2px solid #f16220; color:#f16220; font-weight:bold; text-align:center; line-height:2;}
#plan li p.caution {margin:10px 30px 0; font-size:12px; color:#666;}

.banner {margin:0 30px 60px;}
.banner li {text-align:center; margin-bottom:30px;}

/* --------------------------------------------------
もっと詳しく知りたい方へ
-------------------------------------------------- */
#more ul {margin:30px 15px 60px; display:table;}
#more li {display:table-cell; padding:0 15px;}
#more li img {box-shadow:1px 1px 3px 0 rgba(0,0,0,0.3);}


/* --------------------------------------------------
	フッター
-------------------------------------------------- */
#footer {margin-top:30px; text-align:center;}
#footer p {margin-bottom:40px;}
#footer ul {display:table; margin:0 auto 30px;}
#footer li {display:table-cell; padding:0 0.5em; border-right:1px solid #666; font-size:14px; line-height:1;}
#footer li:last-child {border:none;}
#footer li a {color:#666;}
#footer li a:hover {color:#ff8952;}
#footer .copyright {background-color:#0181ca; padding:40px; color:#fff; font-size:14px;}


/* --------------------------------------------------
プライバシーポリシー
-------------------------------------------------- */
#privacy {margin:30px 0;}
#privacy h1 {text-align:center; color:#6f6f6f; font-size:30px; font-weight:normal; line-height:1.4;}

#privacy p {margin:30px;}
#privacy dl {margin:30px;}
#privacy dt {}
#privacy dd {margin-bottom:30px;}

#privacy ul {margin:30px; list-style: disc;}


/* --------------------------------------------------
お問い合わせ
-------------------------------------------------- */
#contact {margin-bottom:30px;}
#contact h1 {text-align:center; color:#6f6f6f; font-size:30px; font-weight:normal; line-height:1.4;}

#contact p {margin:30px;}
#contact table {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	border-top: solid 2px #D6D6D6;
	border-bottom: solid 2px #D6D6D6;
}

#contact th {
	margin: 0;
	padding: 20px;
	text-align: left;
	background: #FFF3ED;
	border-bottom: dotted 1px #D6D6D6;
}

#contact td {
	margin: 0;
	padding: 20px;
	background: #FFF;
	border-left: solid 1px #D6D6D6;
	border-bottom: dotted 1px #D6D6D6;
}

#contact td input {
	width: 640px;
}

#contact td textarea {
	width: 640px;
	height: 10em;
}

#contact p.btn {
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 14px;
	text-align: center;
}

#contact p.btn input {
	display: inline-block;
	font-size: 20px;
	text-decoration: none;
	line-height: 60px;
	color: #FFF;
	background: #F16220;
	margin: 20px 0 0 0;
	padding: 0;
	width: 240px;
	height: 60px;
	border-radius: 8px;
	position: relative;
	border: 0;
}
#contact p.btn input:hover {opacity: 0.75;	filter: alpha(opacity=75); transition: all 0.25s ease;}


/* --------------------------------------------------
プロフィール
-------------------------------------------------- */
#profile {margin-bottom:30px;}
#profile h1 {text-align:center; color:#6f6f6f; font-size:30px; font-weight:normal; line-height:1.4;}

.profile_photo{width: 240px; background: #FFEBEB; float: left; margin-left: 30px; margin-bottom:30px;}
.profile_photo p.photo{ }


.profile_text{width: 670px; background: #FFF; float: right; margin-right: 30px; margin-bottom:30px;}
.profile_text p.company{font-size: 10px; margin: 10px 0 0;}
.profile_text p.position{font-size: 16px; margin: 0;}
.profile_text h2{ font-size: 24px; font-weight: bold; margin-bottom: 30px; padding: 10px 0; border-bottom: solid 2px #EDEDED;}

.profile_book{width: 670px; background: #FFEBEB; float: right; margin-right: 30px; margin-bottom:30px;}
.profile_book h3 {font-size: 16px; margin: 20px 10px 0;}
.profile_book p.book{font-size: 14px; margin: 10px; float: left;}
.profile_book p.book_photo{ margin: 10px; float: right;}



/* --------------------------------------------------
ダウンロード
-------------------------------------------------- */
#download {margin-bottom:30px;}
#download h1 {text-align:center; color:#6f6f6f; font-size:30px; font-weight:normal; line-height:1.4;}
#download h2 {text-align:center; color:#6f6f6f; font-size:30px; font-weight:bold; line-height:1.4;}

#download p {margin:30px;}
#download table {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	border-top: solid 2px #D6D6D6;
	border-bottom: solid 2px #D6D6D6;
}

#download th {
	margin: 0;
	padding: 20px;
	text-align: left;
	background: #D2EAF7;
	border-bottom: dotted 1px #D6D6D6;
}

#download td {
	margin: 0;
	padding: 20px;
	background: #FFF;
	border-left: solid 1px #D6D6D6;
	border-bottom: dotted 1px #D6D6D6;
}

#download td input[type=text] {
	width: 640px;
}

#download td textarea {
	width: 640px;
	height: 10em;
}

#download p.btn {
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 14px;
	text-align: center;
}

#download p.btn input {
	display: inline-block;
	font-size: 20px;
	text-decoration: none;
	line-height: 60px;
	color: #FFF;
	background: #F16220;
	margin: 20px 0 0 0;
	padding: 0;
	width: 240px;
	height: 60px;
	border-radius: 8px;
	position: relative;
	border: 0;
}
#download p.btn input:hover {opacity: 0.75;	filter: alpha(opacity=75); transition: all 0.25s ease;}


#download ul {
	margin:30px;
	text-align: center;
}

#download li a {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	line-height: 60px;
	color: #FFF;
	background: #F16220;
	margin: 20px auto 0 auto;
	padding: 0;
	width: 480px;
	height: 60px;
	border-radius: 8px;
	position: relative;
	border: 0;
	text-align: center;
}
#download li a:hover {opacity: 0.75;	filter: alpha(opacity=75); transition: all 0.25s ease;}