@charset "UTF-8";
/*---------------------------------------
global
---------------------------------------*/
html,
body {
  height: 100%; }

body {
  padding-top: 0px;
  /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */ }

/*---------------------------------------
 typo
---------------------------------------*/
a {
  color: #55A4B7; }

a:hover {
  color: #0F7AA4; }

.fc-primary {
  color: #55A4B7; }

.bg-primary {
  background: #55A4B7; }

.fc-secondary {
  color: #0F7AA4; }

.bg-secondary {
  background: #0F7AA4; }

.fc-line1-5 {
  line-height: 1.5; }

.fc-line2 {
  line-height: 2; }

/*---------------------------------------
common margin
---------------------------------------*/
.mg0 {
  margin: 0; }

.mgt-1rem {
  margin-top: 1rem; }

.mgt-2rem {
  margin-top: 2rem; }

.mgt-3rem {
  margin-top: 3rem; }

.mgt-4rem {
  margin-top: 4rem; }

.mgt-6rem {
  margin-top: 6rem; }

.mgt-10rem {
  margin-top: 10rem; }

.mgt-16rem {
  margin-top: 16rem; }

.mgb-2rem {
  margin-bottom: 2rem; }

.mgb-4rem {
  margin-bottom: 4rem; }

.mgb-6rem {
  margin-bottom: 6rem; }

.mgb-10rem {
  margin-bottom: 10rem; }

.mgl-1rem {
  margin-left: 1rem; }

.mgr-1rem {
  margin-right: 1rem; }

/*---------------------------------------
common padding
---------------------------------------*/
.pd0 {
  padding: 0; }

.pd-1rem {
  padding: 1rem; }

.pd-2rem {
  padding: 2rem; }

.pdt-1rem {
  padding-top: 1rem; }

.pdt-2rem {
  padding-top: 2rem; }

.pdb-2rem {
  padding-bottom: 2rem; }

.pdtb-1rem {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.pdtb-2rem {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.pdlr-1rem {
  padding-left: 1rem;
  padding-right: 1rem; }

.pdlr-2rem {
  padding-left: 2rem;
  padding-right: 2rem; }

/*---------------------------------------
border
---------------------------------------*/
/* border指定 */
.border_t1 {
  border-top: 1px #ccc solid; }

.border_b1 {
  border-bottom: 1px #ccc solid; }

.border_l1 {
  border-left: 1px #ccc solid; }

.border_r1 {
  border-right: 1px #ccc solid; }

.border_1 {
  border: 1px #ccc solid; }

hr.hr_references {
  border: 1px #ccc solid; }

/*---------------------------------------
角丸指定
---------------------------------------*/
.radi_4 {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

.radi_10 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }

/*---------------------------------------
行間
---------------------------------------*/
.lineh-2rem {
  line-height: 2rem; }

/*---------------------------------------
センタリング
---------------------------------------*/
.pcleft_spcenter-block {
  display: inline-block;
  margin-right: auto;
  margin-left: 0; }

/*PC用表記*/
@media (max-width: 768px) {
  .pcleft_spcenter-block {
    display: block;
    margin-right: auto;
    margin-left: auto; } }

/*---------------------------------------
 PDF リンクセレクタ
---------------------------------------*/
a[href$=".pdf"]:after {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 1rem;
  vertical-align: middle;
  background: url(../img/pdf_icon.svg) no-repeat; }

/*---------------------------------------
 Text Decoration
---------------------------------------*/
.txt_underline {
  text-decoration: underline; }

.references_1em {
  text-indent: -1.1em;
  padding-left: 1.1em; }

.references_2em {
  text-indent: -1.6em;
  padding-left: 1.6em; }

/*---------------------------------------
 nav-bar
---------------------------------------*/
.navbar {
  background: #55A4B7;
  border: 0;
  float: none;
  text-align: center; }

.navbar .nav-logo {
  width: 40rem;
  text-align: center;
  margin: 0 auto; }

.navbar .nav-logo img {
  max-width: 500px; }

/*PC用表記*/
.navbar-nav {
  margin: 0 auto;
  display: table;
  table-layout: fixed;
  float: none; }

#bs-example-navbar-collapse-1 {
  background: #55A4B7; }

.navbar .navbar-header li {
  background: #55A4B7; }

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a {
  color: #fff; }

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #0F7AA4; }

/*PC用表記*/
@media (min-width: 768px) {
  .navbar-nav .navbar_btn_langage {
    margin-top: 1rem;
    border: 1px #ccc solid;
    border-radius: 4px;
    padding: 0.4rem 1rem;
    color: #fff;
    font-weight: bold;
    margin-left: 2rem; } }

#header {
  background-color: #fff;
  height: 80px;
  z-index: 3000;
  margin-bottom: 5rem; }

#header .fixheader {
  position: absolute;
  background-color: #55A4B7;
  width: 100%;
  top: 80px;
  padding-right: 1rem;
  padding-left: 1rem; }

#header.fixed .fixheader {
  position: fixed;
  top: 0px; }

/*---------------------------------------
 btn　クラスの色設定
---------------------------------------*/
.btn-info {
  color: #fff;
  background-color: #55A4B7;
  border-color: #55A4B7; }

.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #E1B4B4;
  border-color: #E1B4B4; }

.btn-info:hover {
  color: #fff;
  background-color: #92978A;
  border-color: #92978A; }

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #7888A5;
  border-color: #7888A5; }

.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #E1B4B4; }

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none; }

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #f5414f;
  border-color: #f5414f; }

.btn-info .badge {
  color: #55A4B7;
  background-color: #fff; }

/*---------------------------------------
 コンテンツジャンプ時のズレ調整用
---------------------------------------*/
#aboutaddiction,
#adiexample,
#contact,
#greeting,
#basic_principle {
  margin-top: -50px;
  padding-top: 50px; }

/*---------------------------------------
パンくず用
---------------------------------------*/
.panku p > a {
  color: #333; }

/*---------------------------------------
 TOP sidebar
---------------------------------------*/
.well {
  background-color: #fff;
  color: #333;
  padding: 0 10px; }

#top_sidebar > .well > h5 {
  margin: 0 auto 0.4rem; }

#top_sidebar li {
  margin-bottom: 10px; }

#top_sidebar .bannerd {
  /*バナー数が2個以上になった時のスペース調整用*/
  margin-bottom: 0rem; }

#top_sidebar .bannerd img {
  width: 100%;
  height: auto; }

@media (min-width: 992px) {
  /*バナー数が2個以上になった時のスペース調整用*/
  #top_sidebar .bannerd {
    margin-bottom: 0rem; } }

/*---------------------------------------
 TOP sidebarのbannerのSP切り替え用
---------------------------------------*/
.bnr_control_PCdisp {
  display: none; }

.bnr_control_SPdisp {
  display: block; }

@media (min-width: 992px) {
  .bnr_control_PCdisp {
    display: block; }
  .bnr_control_SPdisp {
    display: none; } }

/*---------------------------------------
 bottom Sidebar
---------------------------------------*/
#bottom_sidebar {
  display: block; }

@media (min-width: 992px) {
  #bottom_sidebar {
    display: block;
    padding-right: 4rem; } }

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

#bottom_sidemenu li {
  width: 100%;
  margin: 0;
  border-bottom: 1px #ccc solid;
  display: inline-block; }

#bottom_sidemenu li:last-child {
  border-bottom: 0px #ccc solid; }

#bottom_sidemenu li > a {
  display: block;
  color: #333;
  width: 100%;
  padding: 2rem 0 2rem 1rem; }

#bottom_sidemenu li > a:hover {
  color: #55A4B7;
  text-decoration: none; }

/*---------------------------------------
 TOP page jumbotron
---------------------------------------*/
.jumbotron {
  background: url("../img/TOP/mainvisual01.png") center no-repeat;
  background-size: cover;
  margin-top: 0px;
  height: 100%; }

#myCarousel {
  margin-top: 0px; }

.carousel {
  height: 50%; }

.carousel .item,
.carousel .item.active,
.carousel .carousel-inner {
  height: 100%; }

.carousel .fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover; }

/*---------------------------------------
 404 Page Styles 
---------------------------------------*/
.error-404 {
  font-size: 100px; }

/* Pricing Page Styles */
.price {
  display: block;
  font-size: 50px;
  line-height: 50px; }

.price sup {
  top: -20px;
  left: 2px;
  font-size: 20px; }

.period {
  display: block;
  font-style: italic; }

/*---------------------------------------
 Page TOP back
---------------------------------------*/
#pageTop {
  position: fixed;
  bottom: 4rem;
  right: 2rem; }

#pageTop a {
  display: block;
  z-index: 999;
  padding: 7px 0 0 0px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #55A4B7;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center; }

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7; }

/*---------------------------------------
Footer Styles
---------------------------------------*/
footer {
  margin: 2rem 0 0; }

footer .footermenu {
  padding: 0;
  background: #55A4B7;
  color: #fff; }

footer .footermenu a {
  color: #333; }

footer .footermenu a:hover {
  color: #0F7AA4;
  text-decoration: none; }

footer .footermenu li {
  margin-left: 2rem;
  display: inline-block; }

footer .copyright {
  padding: 1rem 0; }

/* Responsive Styles */
@media (max-width: 991px) {
  .customer-img,
  .img-related {
    margin-bottom: 30px; } }

@media (max-width: 767px) {
  .img-portfolio {
    margin-bottom: 15px; }
  header.carousel .carousel {
    height: 70%; } }

/*---------------------------------------
 About sdq 
---------------------------------------*/
#aboutsdq .linklist tr, #aboutsdq .linklist th, #aboutsdq .linklist td {
  border-top: 0; }

#aboutsdq .linklist li {
  padding: 1rem 0; }

#aboutsdq .table .total {
  border-top: 3px solid #ccc; }

/*---------------------------------------
standardvalueinjapan
---------------------------------------*/
#standartvalue ul {
  -webkit-padding-start: 20px;
  padding-inline-start: 20px; }

#standartvalue .linklist ul {
  -webkit-padding-start: 0;
  padding-inline-start: 0; }

#standartvalue .linklist tr, #standartvalue .linklist th, #standartvalue .linklist td {
  border-top: 0; }