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

/**********************
font
**********************/
@font-face {
	font-family: 'LigatureSymbols';
	src: url('../fonts/LigatureSymbols-2.11.eot');
	src: url('../fonts/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),  url('../fonts/LigatureSymbols-2.11.woff') format('woff'),  url('../fonts/LigatureSymbols-2.11.ttf') format('truetype'),  url('../fonts/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
	font-weight: normal;
	font-style: normal;
}
.lsf {
	font-family: 'LigatureSymbols';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
}
.lsf-icon:before {
	content: attr(title);
	margin-right: 0.2em;
	font-size: 180%;
	font-family: 'LigatureSymbols';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
}
.lsf.mail:before {
	content: '\E08a';
	margin-right: 0.2em;
	font-size: 180%;
	vertical-align: middle;
}
.lsf.line:before {
	content: '\E157';
	margin-right: 0.2em;
	font-size: 180%;
	vertical-align: middle;
}
/**********************
general
**********************/
body {
	background-color: #02254f;
	padding-top: 50px;/*gnavi*/
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a {
	color: #fc0;
	text-decoration: none;
}
a:hover, a:focus {
	color: #fc0;
	text-decoration: underline;
}
/*
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/**********************
header footer
**********************/
.navbar-inverse {
	background-color: #000;
	border-bottom: 1px solid #fc0;
}
.navbar-collapse a {
	color: #fc0 !important;
}
.navbar-right .nav_inq a {
	background: #C00;
}
.navbar-right .nav_line a {
	background: #390;
}
.navbar-right .nav_inq a:hover {
	background: #600 !important;
}
.navbar-right .nav_line a:hover {
	background: #060 !important;
}
/*SP*/
.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid #fc0 !important;
	border-radius: 4px;
}
/*PC*/
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #000;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color: #262626;
	text-decoration: none;
	background-color: #333;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #337ab7;
	outline: 0;
}
 @media (min-width: 768px) {
ul.nav li.dropdown:hover > ul.dropdown-menu {
	display: block;
}
}
#footer {
	background-color: #000;
	border-top: 1px solid #ffcc00;
	margin-top: 40px;
	padding: 30px 0 15px;
}
.foot_company {
	float: left;
}
#footer .company {
	color: #fc0;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0;
}
#footer .phone {
	font-size: 15px;
}
#footer .copy {
	float: right;
}
 @media (max-width: 768px) {
#footer .copy {
	float: left;
}
}
/**********************
page title
**********************/
.page_header {
	background: url(../img/common/bg_page_head.jpg) repeat-x;
	padding: 0;
	color: #fff;
	border-bottom: 1px solid #fc0;
}
.page-header {
	padding-bottom: 30px;
	margin: 20px 0 0 !important;
	border-bottom: none;
}
.page-header h1 {
	color: #fc0;
	font-size: 24px;
	line-height: 0;
	text-align: left;
	margin-left: 15px;
}
/*SP*/
@media (max-width: 992px) {
.page-header h1 {
	color: #fc0;
	font-size: 20px;
	line-height: 1.2;
	text-align: left;
	margin-left: 15px;
}
}

/*パンくず*/
.breadcrumb {
  padding: 0 0 15px;
	margin-left: 15px;
  list-style: none;
	background-color: transparent;
  border-radius: none;
}
.breadcrumb > li {
  display: inline-block;
	font-size: 10px;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: ">";
}
.breadcrumb > .active {
  color: #fff;
}
.breadcrumb .glyphicon-play {
	color: #ffcc66;
	font-size: 50%;
	margin-right: 0.5em;
	position: relative;
	top: -1px;
}
/**********************
section
**********************/
section {
	font-size: 16px;
	line-height: 1.6;
	padding-top: 40px;
	padding-bottom: 30px;
}
section.bg_mid_navy {
	background-color: #03336d;
}
/**********************
panel
**********************/
.panel {
	border: none;
}
.panel-heading {
	font-weight: bold;
	font-size: 18px;
}
.panel-heading.gold {
	color: #fc0 !important;
}
.panel-body {
	color: #000;
	padding-bottom: 0;
}
/**********************
grid
**********************/
.row_mb {
	margin-bottom: 30px;
}
.col_mb {
	margin-bottom: 15px;
}
/**********************
text
**********************/
h2{
	color: #fc0;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 1em;
	line-height: 1.6;
	font-size: 24px;
}
h3 {
	color: #fc0;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 1em;
	line-height: 1.6;
}

/*SP*/
@media (max-width: 992px) {
h3 {
	font-size: 20px;
}
}
h3.line_dotted {
	padding-bottom: 1em;
	border-bottom: 5px dotted #ab8c00;
}
h4 {
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 1em;
	line-height: 1.6;
}
h3.line_head {
	color: #fc0;
	font-weight: normal;
	border-left: 5px solid #fc0;
	padding-left: 10px;
	margin-bottom: 1em;
	line-height: 1.6;
}
h4.line_head {
	color: #fc0;
	font-weight: normal;
	border-left: 5px solid #fc0;
	padding-left: 10px;
	margin-bottom: 1em;
	line-height: 1.6;
}
/*size color*/
*.small {
	color: #fff !important;
}
.large {
	font-size: 110%;
}
.text_navy {
	color: #03336d !important;
}
.text_gold {
	color: #fc0 !important;
}
.text_black {
	color: #000 !important;
}
p {
	margin: 0 0 2em;
	line-height: 1.8;
}
p.no_margin {
	magin-bottom: 0 !important;
}

/*SP*/
@media (max-width: 992px) {
.text-center {
	text-align: left;
}
.text_sp br {
	display: none;
}
}
/*icons*/
.btn-lg .glyphicon-play {
	color: #fc6;
	font-size: 70%;
	margin-right: 0.5em;
	position: relative;
	top: -1px;
}
.mg_left {
	margin-left: 1em;
}
.mg_right {
	margin-right: 1em;
}
/*icon*/
.glyphicon-info-sign, .glyphicon-comment, .glyphicon-music, .glyphicon-star, .glyphicon-user, .glyphicon-time {
	margin-right: 0.5em;
}
.glyphicon-exclamation-sign {
	color: #fc0;
	margin-right: 0.5em;
}
i.fa-clock-o, i.fa-user {
	margin-right: 0.2em;
	color: #fc0;
	font-size: 24px;
}
/**********************
others
**********************/
.no_padding {
	padding: 0 !important;
}
.on_padding {
	padding: 40px 0 !important;
}
img.mb15 {
	margin-bottom: 15px;
}
img.mt15 {
	margin-top: 15px;
}

/*SP*/
@media (max-width: 992px) {
.img_80 {
	width: 80% !important;
	height: auto;
}
}
.banner img {
	margin-bottom: 15px;
}
.box_example {
	padding: 0.5em;
	margin: 0 0 15px;
	background-color: #eee;
}
table td a {
	color: #0066cc;
}
table td a:hover {
	color: #0066cc;
}
ol {
	margin-bottom: 40px;
}
ol li {
	margin: 0 30px 15px -15px;
	padding: 0;
	text-indent: 0;
}
hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
hr.line_dot {
	border-top: 1px dotted #fc0;
	margin: 30px 0;
}
hr.line_star, hr.line_star_navy {
	border-top: 4px dotted #fc0;
	text-align: center;
	margin: 50px 0;
}
hr.line_star:after {
	content: '\00272a';
	display: inline-block;
	position: relative;
	top: -32px;
	padding: 0 10px;
	background: #02254F;
	color: #ffcc00;
	font-size: 40px;
}
hr.line_star_navy:after {
	content: '\00272a';
	display: inline-block;
	position: relative;
	top: -32px;
	padding: 0 10px;
	background: #03336D;
	color: #ffcc00;
	font-size: 40px;
}
hr.line_gradient {
	height: 1px;
	background: #02254F;
	background-image: -webkit-linear-gradient(left, #02254F, #ffcc00, #02254F);
	background-image: -moz-linear-gradient(left, #02254F, #ffcc00, #02254F);
	background-image: -ms-linear-gradient(left, #02254F, #ffcc00, #02254F);
	background-image: -o-linear-gradient(left, #02254F, #ffcc00, #02254F);
	margin: 20px 0;
}
/**********************
INDEX
**********************/
section.index_main {
	background: url(../img/index/main_bg.jpg) top repeat-x #000;
	padding: 20px 0 0;
	margin: 0;
}
section.index_main img.img_sp {
	display: none;
}
.campaign a img.img_sp {
	display: none;
}
/*SP*/
@media (max-width: 768px) {
section.index_main .container {
	display: none;
}
section.index_main {
	padding: 0;
	background: none;
}
section.index_main img.img_sp {
	display: block;
}
section.index_main img.img_pc {
	display: none;
}
.campaign a img.img_sp {
	display: block;
}
.campaign a img.img_pc {
	display: none;
}
}
section.index_sns {
	background: url(../img/common/bg_index_news.png) #000;
	padding-bottom: 30px;
}
section.index_prof {
	background-color: #f0efea;
	padding-bottom: 30px;
}
section.index_pickup {
	background-color: #1f1f1f;
	padding-bottom: 30px;
}
section.index_pickup img {
	margin-bottom: 15px;
}
.index_news h4 {
	margin-bottom: 10px;
}
.index_news dt {
	color: #ffcc66;
	font-weight: normal;
	padding-top: 10px;
}
.index_news dd {
	padding-bottom: 10px;
	border-bottom: 1px solid #404040;
}
.index_news .glyphicon-play {
	color: #ffcc66;
	font-size: 50%;
	margin-right: 0.5em;
	position: relative;
	top: -1px;
}
.news_area {
	overflow: auto;
	height: 250px;
	padding: 10px 20px 20px;
	border: 1px solid #999;
	background: #000;
}
.index_prof h2 {
	color: #03336D;
}
.index_prof h3 {
	color: #03336D;
}
.index_prof p {
	color: #333;
}
.index_prof .glyphicon-star {
	color: #03336D;
	font-size: 70%;
	margin-right: 0.5em;
	position: relative;
	top: -1px;
}
.index_service h3 {
	color: #fff;
	background-color: #000;
	padding: 0.7em;
	margin-bottom: 20px;
	text-align: center;
	border-radius: 4px;
}
.index_service h4 {
	color: #fff;
	background-color: #000;
	padding: 0.7em;
	margin-bottom: 20px;
	text-align: center;
	border-radius: 4px;
}
.index_service_exp {
	color: #333;
	font-size: 90%;
	padding: 1em;
	border-radius: 4px;
	background-color: #F0EFEA;
}
.index_service_exp i.fa-check-circle {
	margin-right: 0.2em;
	color: #02254F;
	font-size: 24px;
}
/**********************
SAKURADA
**********************/
section.bg_prof {
	background: url(../img/sakurada/prof_pic_01.jpg) no-repeat top center;
}
section.bg_prof img.img_sp {
	display: none;
}

/*SP*/
@media (max-width: 992px) {
section.bg_prof {
	background: none;
}
section.bg_prof img.img_sp {
	display: block;
}
}
.sd_prof ul {
	margin-bottom: 20px;
}
.sd_prof ul li {
	font-size: 14px;
	margin: 0 0 0 -20px;
	padding: 0;
	text-indent: 0;
}
.sd_client ul {
	margin-bottom: 20px;
}
.sd_client ul li {
	font-size: 16px;
	margin: 0 0 0 -20px;
	padding: 0;
	text-indent: 0;
}
.story h3 {
	color: #fc0;
	font-weight: normal;
	margin-bottom: 2em;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #fc0;
}
.story h4 {
	color: #fc0;
	font-weight: normal;
	margin-bottom: 2em;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #fc0;
}
/**********************
METHOD
**********************/
.bg_method {
	background: url(../img/method/method_pic01.png) no-repeat center;
}
.method_flow .list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: 10px;
	background-color: #000;
	border: 1px solid #ddd;
	border-radius: 4px;
}
hr.line_down {
	border-top: none;
	text-align: center;
	margin: 20px 0;
}
hr.line_down:after {
	content: '▼';
	display: inline-block;
	position: relative;
	top: -25px;
	padding: 0 10px;
	color: #fff;
	font-size: 30px;
}
.method_video h4 {
	background-color: #000;
	padding: 1em;
	border-radius: 4px;
}
.method_number {
	color: #000;
	background: #ffcc00;
	font-size: 70%;
	padding: 0.2em 0.5em;
	margin: 0 0.5em 0 0;
	border: 1px solid transparent;
	border-radius: 4px;
}
/**********************
SYSTEM
**********************/
.col-sm-6 h3{
	font-size:18px;
	font-weight:bold;
}
.col-md-6 h3{
	font-size:18px;
	font-weight:bold;
}
h3.system_charge {
	color: #fff;
	background: #000;
	padding: 0.5em;
	margin: 0;
}
h4.system_charge {
	color: #fff;
	background: #000;
	padding: 0.5em;
	margin: 0;
}
.system_charge th {
	color: #000;
	font-weight: normal;
	background: #d5eaff;
	border-color: #666 !important;
}
.system_charge td {
	color: #000;
	background: #fff;
	border-color: #666 !important;
}
.glyphicon-time {
	color: #fc0;
}
.alert-recommend {
	color: #fff;
	background: #996600;
	font-size: 70%;
	padding: 0.2em;
	border: 1px solid transparent;
	border-radius: 4px;
}
.panel-default > .panel-heading {
	color: #fff;
	background-color: #000;
	border-color: #ddd;
}
.panel-red > .panel-heading {
	color: #fff;
	background-color: #A7381D;
	border-color: #ddd;
}
.panel-orange > .panel-heading {
	color: #fff;
	background-color: #AE7A26;
	border-color: #ddd;
}
.panel-green > .panel-heading {
	color: #fff;
	background-color: #779438;
	border-color: #ddd;
}
.panel-blue > .panel-heading {
	color: #fff;
	background-color: #007FAB;
	border-color: #ddd;
}
/**********************
ONLINE
**********************/
.img-circle_online {
	width: 80%;
	height: 80%;
	border-radius: 50%;
}
/**********************
TESTIMONIAL
**********************/
.testimo h2 {
	border-bottom: 1px dotted #ab8c00;
}

.testimo h3 {
	border-bottom: 1px dotted #ab8c00;
}
.ds_prof {
	color: #333;
	font-size: 90%;
	padding: 1em;
	border-radius: 4px;
	background-color: #EFECDC;
}
.img-circle_tstm {
	width: 80%;
	height: 80%;
	border-radius: 50%;
	border: 5px solid #ffcc66;
}
/**********************
Q&A
**********************/
.qa_list .panel-heading {
	padding: 1em;
	background-color: #03336D;
}
.qa_list h2 {
	font-size: 18px;
	font-weight: normal;
}
.qa_list h4 {
	font-size: 18px;
	font-weight: normal;
}
.qa_list .panel-heading a {
	display: block;
}
.panel-heading {
	cursor: pointer;
}
.qa_list .panel-body {
	font-size: 18px;
	padding-bottom: 20px;
}
.qa_list .panel-body a {
	color: #039;
	text-decoration: underline;
}
.accordion-toggle a:after {
	font-family: 'Glyphicons Halflings';
	content: "\e113";
	float: right;
	color: inherit;
}
.accordion-toggle a.collapsed:after {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	float: right;
	color: inherit;
}

.qa_lable{
	font-size:25px !important;
	margin-top: 10px;
}
/**********************
INQUIRY
**********************/
.inquiry {
	display: block;
	width: 750px;
	color: #000;
	margin: 0 auto;
	padding: 20px;
	background: #03336D;
	border-radius: 4px;
	border: 1px solid #fc0;
}

/*SP*/
@media (max-width: 768px) {
.inquiry {
	display: block;
	width: 100%;
	color: #000;
	margin: 0 auto;
	padding: 20px;
	background: #03336D;
	border-radius: 4px;
	border: 1px solid #fc0;
}
}
.inquiry dt {
	clear: both;
	float: left;
	color: #fff;
	font-weight: normal;
	width: 200px;
	margin-right: 15px;
	margin-bottom: 15px;
}
.inquiry dd {
	float: left;
	margin-bottom: 15px;
}
span.must {
	float: left;
	color: #fff;
	font-size: 0.8em;
	margin: 0 5px 0 0;
	padding: 2px 4px;
	background-color: #f30;
	border-radius: 3px;
}

/*SP*/
@media (max-width: 768px) {
.inquiry input, textarea {
	width: 100%;
}
}
.sub_btn {
	text-align: center;
}
.form_thanks {
	height: 600px;
	min-height: 600px;
}
/********************************************/
.container_middle {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}
 @media (min-width: 768px) {
.container_middle {
	width: 750px;
}
}
@media (min-width: 992px) {
.container_middle {
	width: 970px;
}
}
@media (min-width: 1200px) {
.container_middle {
	width: 970px;
}
.container_middle_inner {
	width: 910px;
}
}