@charset "UTF-8";
/*html {
  height: auto;
  font-size: 62.5%;
}*/
/*body {
  position: relative;
  font-family: sans-serif;
  color: #333;
  margin: 0 auto;
}*/
html {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 16px;
  letter-spacing: 0.1em;
  scroll-behavior: smooth;}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 16px;
  letter-spacing: 0.1em; }

body img {
  width: 100%; }

body a {
  text-decoration: none;
  color: #fff; }

figure {
  margin: auto; }

p {
  margin: auto;
  font-size: 18px;
  text-align: justify;
  line-height: 2em; }

a[target=_blank] {
  padding-right: 20px;
  background: url("../img/23643086.png") right center/15px auto no-repeat; }

span {
  display: inline-block;
  text-decoration-line: underline;
  text-decoration-color: #E85504;
  text-underline-offset: 10px; }

span.dn_line {
  text-decoration-line: none; }

#submit {
  background-color: aqua !important; }

.about ul {
  margin-top: 35px;
  padding-inline-start: 0; }

.about li {
  list-style-type: decimal;
  font-size: 2em;
  text-align: justify;
  font-weight: bold;
  line-height: 2.5;
  /*border: solid 1px black;*/
  background-color: #fff;
  border-radius: 10px;
  list-style-position: inside;
  padding: 20px 30px;
  margin: 50px auto;
  box-shadow: inset 0 5px 10px 0 rgba(0, 0, 0, 0.2); }

.about li p {
  font-weight: normal;
  line-height: 2em; }

/*section::before {
  content: '';
  display: block;
  padding-top: 100px;
  margin-top: -100px;
}*/

.price::before {
  content: none; }

.button a {
  background: #FFA500;
  /*#0064FF*/
  border-radius: 10px;
  position: relative;
  display: flex;
  /*justify-content: space-around;*/
  align-items: center;
  /*margin: 0 10vw;*/
  width: 85%;
  max-width: 800px;
  padding: 10px 20px;
  color: white;
  /*line-height: 0.5em;*/
  text-decoration: none;
  transition: 0.3s ease-in-out;
  /*font-size: 1.5em;*/
  font-weight: 500;
  text-shadow: none; }

.button a:hover {
  background: rgba(255, 165, 0, 0.7);
  color: #FFF; }

.button a:hover:after {
  border-color: #FFF; }

/*.button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #333333;
    border-right: 3px solid #333333;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}*/
/*.background {
  background: linear-gradient(#FDE9D9, 95%, white);
}*/

.navbar {
  background-color: #E85504;
  color: #fff;
  position: sticky;
  top: 0;
  z-index: 99;
  display: flex;
  justify-content: flex-end;
  padding: 10px;
  align-items: center; }

.navbar a {
  font-size: 90%; }

/*.collapse {
  font-size: 70%;
}*/

.left {
  margin-right: auto;
  margin-left: 5vw;
  font-size: 3vw;
  font-weight: bold;
  width: 80%; }

ul.navbar-nav {
  display: none; }

.logo_fixed {
  position: fixed;
  top: 0;
  width: 100%; }

/*　ハンバーガーメニューボタン　*/
.hamburger {
  display: block;
  position: absolute;
  z-index: 120;
  right: 5vw;
  width: 42px;
  height: 42px;
  cursor: pointer;
  text-align: center; }

.hamburger span {
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 6px;
  background: white;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }

.hamburger span:nth-child(1) {
  top: 10px; }

.hamburger span:nth-child(2) {
  top: 20px; }

.hamburger span:nth-child(3) {
  top: 30px; }

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top: 16px;
  left: 6px;
  background: #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg); }

/* メニュー背景　*/
nav.globalMenuSp {
  position: fixed;
  z-index: 110;
  top: 0;
  right: 0;
  color: #fff;
  background: rgba(71, 70, 73, 0.6);
  text-align: center;
  width: 50%;
  opacity: 0;
  display: none;
  transition: opacity .6s ease, visibility .6s ease; }

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%; }

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all; }

nav.globalMenuSp ul li:last-child {
  padding-bottom: 0; }

nav.globalMenuSp ul li:hover {
  background: #ddd; }

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 1em 0;
  text-decoration: none; }

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block; }

.top {
  background-color: white; }

.catch {
  position: relative; }

.white_shadow {
  text-shadow: 1.5px 1.5px 2.5px #FFF, -1.5px -1.5px 2.5px #FFF,  -1.5px 1.5px 2.5px #FFF,  1.5px -1.5px 2.5px #FFF,  0 1.5px 2.5px #FFF,  0 -1.5px 2.5px #FFF,  -1.5px 0 2.5px #FFF,  1.5px 0 2.5px #FFF; }

/*mark {
  padding: 0.1875em;
  background-color: transparent;
  color: #E85504;
}*/

.top_title {
  position: absolute;
  margin-left: 5vw;
  margin-right: 5vw;
  top: 50%;
  left: auto;
  right: auto; }

.top_title h1 {
  font-size: 5.5vw;
  margin-top: 0;
  margin-bottom: 0; }

.top_title h2 {
  background-color: rgba(0, 0, 0, 0.2);
  /* 黒の透明度20% */
  width: 75%;
  font-size: 3.5vw;
  text-align: center;
  padding: 0.2em 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 10px;
  /* 角丸の半径 */ }

.w_title {
  margin: 1.5em auto; }

.top_read {
  width: 80%;
  right: 0;
  left: 0;
  margin: 20em auto 15em;
  padding-bottom: 10em;
  text-shadow: 0 0 15px white; }

.section {
  width: 85%;
  margin: 0px auto;
  /*max-width: 1080px;*/ }

.toiawase {
  margin-top: 10px;}

.toiawase p {
  font-size: 120%;
  font-weight: bold;
  text-align: center; }

.aisatsu h2 {
  margin-top: 50px; }

/*section#business {
  margin-top: 60px;
}*/

.jigyo_p {
  font-size: 150%;
  line-height: 2.1em;
  font-weight: bold;
  width: 75%; }

.jigyo_ppuls {
  font-size: 150%;
  line-height: 2.1em;
  font-weight: bold;
  margin-top: 1.5em;
  width: 75%; }

.daihyo {
  font-size: 150%;
  line-height: 2.1em;
  font-weight: bold;
  margin-top: 1.5em;
  text-align: right;
  width: 75%; }

/*
section#business::before{
    content: '';
    position: absolute;
    height: 60px;
    width: 100%;
    clip-path: polygon(50% 100%, 100% 0%, 0% 0%);
    background-color: #FFFFFF;
    left: 0;
    top: 0;
}
*/

.step_img {
  margin: 20px auto 60px;
  width: 75%; }

.support_img {
  margin: 0px auto;/*bottom 60px*/
  width: 80%; }


.tokucho_sp_img{
    margin: 20px auto;
    width: 77%;
}

.tokucho_pc_img {
  width:90%;
}

.space_bar {
  margin-top: 50px; }

.step_p ol {
  margin: 0 22%;
  padding: 0; }

.step_p ol li {
  list-style: none;
  padding-left: 1.5em;
  text-indent: -1.5em;
  font-size: 140%;
  line-height: 1.8em;
  text-align: left;
  font-weight: bold;
  padding-bottom: 25px; }

section#top {
  position: relative; }

section#top p {
  max-width: 1080px; }

.contents_title {
  text-align: center; }

/*.contents_title h2 {
    display: inline-block;
    font-size: 300%;
    margin: 180px auto 80px;
    text-align-last: center;
    text-decoration-line: underline;
    text-decoration-color: #E85504;
    text-underline-offset: 20px;
}*/

.contents_title h2 {
  display: inline-block;
  font-size: 300%;
  margin: 180px auto 80px;
  text-align-last: center;
  position: relative;
  /* 疑似要素の位置を調整するため */
  /*max-width: 75%;*/}

.contents_title h2::after {
  content: "";
  /* 疑似要素を表示するため */
  display: block;
  width: 100%;
  /* 下線の長さ（文字の幅より広くする） */
  height: 3px;
  /* 下線の太さ */
  background-color: #E85504;
  /* 下線の色 */
  position: absolute;
  /* h2の位置を基準に配置 */
  left: 50%;
  /* 中央寄せ */
  bottom: -10px;
  /* 文字の下からの距離 */
  transform: translateX(-50%);
  /* 中央揃えを実現 */ }

/*
.about {
  width: 90%;
  margin: 80px auto;}
*/

.about h3 {
  font-size: 2.5em;
  color: #E85504;
  /*border-bottom: 3px dotted #E85504;*/
  margin: 1em auto; }

.container {
  display: flex;
  margin: 20px auto 90px;
  /* autoで左右の余白を均等化 */
  background: #FFF;
  width: 75%;
  align-items: flex-start;
  /* 垂直方向で上揃え */
  /*justify-content: center;*/
  /* 水平方向の中央揃え */
  /*align-items: center;*/
  /* 垂直方向の中央揃え（必要な場合） */ }

.container img {
  width: 100%;
  /* 必要に応じて幅を指定 */
  height: auto;
  /* 高さを自動調整 */
  object-fit: contain;
  /* 画像のアスペクト比を維持しながら収まるように調整 */ }

.container p {
  font-size: 1.8em; }

.container_text {
  text-align: justify;
  flex: 1;
  /* 必要に応じてテキスト部分を伸縮可能に */ }

.container_text h3 {
  font-size: 170%;
  padding-left: 0.5em;
  border-left: 5px solid #E85504;
  font-weight: bold;
  margin: 0px 0 20px 40px; }

.container_text p {
  margin: 10px 0 15px 40px;
  line-height: 1.7em;
  font-size: 125%; }

.office_logo {
  margin: 5em auto; }

.company {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 15px;
  justify-content: space-around; }

.office h3 {
  text-align: left;
  font-size: 2em;
  border-top: 2px solid black;
  margin: 0 auto 1em;
  padding-top: 1.5em; }

.office table {
  border-spacing: 0 20px;
  font-size: 1.8em; }

.office th {
  text-align-last: justify; }

.office td {
  padding: 0 0 0 15px;
  border-left: 2px solid #000;
  text-align: justify; }

.gmap {
  position: relative;
  width: 75%;
  height: 0;
  padding-top: 56.25%;
  /*16:9の比率にしたい場合、9/16=56.25%*/
  margin: 20px auto; }

.gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.price {
  background: linear-gradient(white, 10%, #FFF4CD);
  padding: 80px 50px 50px 50px; }

.price .tel {
  font-size: 6em;
  font-weight: bold;
  margin: 5px auto; }

.price h2 {
  margin: 0; }

.price p {
  width: 85%;
  font-size: 190%;
  font-weight: bold;
  text-align: center; }

.price img {
  width: 50px;
  margin: 2em auto; }

.P_button {
  margin: 0 auto 60px;
  display: flex;
  justify-content: center; }

.P_button_main {
  display: flex;
  width: 70%; }

.footer {
  background-color: #E85504;
  padding: 15px;
  margin-top: 170px;
  color: white; }

.footer p {
  line-height: 1.5;
  text-align: center;
  margin: 20px;
  font-size: 70%; }

table.row {
    margin-top: 60px;
    margin: 40px auto;
    width: 75%;}

table.row th,
table.row td {
  width: 95%;
  display: block;
  text-align-last: left;
  margin-bottom: 10px;
  font-size: 70%; }

table.row td a {
  color: black; }

.animate__invisible {
  transition: opacity 0.5s ease;
  opacity: 0.0; }

.animate__visible {
  transition: opacity 0.5s ease;
  opacity: 1.0; }

/*n名田追記*/
.price.contents_title.section {
  width: 100vw;
  margin: 210px 0 0 0;
  padding: 80px 0px;
  position: relative;
  /*left: 0;*/
  background: #FFF4CD;
  /* 背景スタイル */ }

/*スペースを開ける*/
.space_60{
  margin-top: 60px;}


/*pc*/
@media (min-width: 1000px) {

/*名田追記*/
.pc_none {
  display: none;
  /*PCの時表示しない*/ }
    
ul.navbar-nav {
  display: none; }
    
.container {
  display: block;
  width: 85%; }

.container_text h3 {
  margin: 20px 40px; }

.container_text p {
  margin: 10px 40px 15px 40px; }

.w_title {
  margin: 3.5em auto; }

p {
  line-height: 2.2em; }

table.row th, table.row td {
  width: initial;
  display: table-cell;
  text-align-last: initial;
  font-size: 70%;
  padding-right: 15px; }

table.row a {
  color: #333; }

table.row th {
  width: 7em;
  text-align-last: justify; }

.section {
  width: 95%; }

.b_add {
  position: absolute;
  top: 70%;
  margin-left: 5vw;
  width: 50%; }

.b_add a {
  margin: 0;
  width: 100%; }

.sp_button {
  margin-top: auto; }

.button a {
  font-size: 140%;
  margin: 0; }

.top_title {
  top: 10%;
  left: auto;
  right: auto; }

.top_title h1 {
  padding-top: 40px;
  font-size: 300%; }

.top_title h2 {
  font-size: 200%; }

/*.w_title_h2 {
  font-size: 150%;	
}*/

.top_read {
  width: 80%;
  margin: 15em auto; }

.top_read p {
  font-weight: normal;
  font-size: 21px; }

/*
.container img {
  width: 30%; }
*/
/*
.container_text {
  margin-left: 3em; }
*/
	
.about ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 50px; }

.about li {
  width: 35%;
  margin: 0; }

.about li:last-child {
  margin: auto; }

.P_button {
  /*width: 100%;*/
  display: flex;
  justify-content: center;
  margin-top: 0px; }

.p_button a {
  font-weight: bold; }

.dn {
  display: none; }

/*
.container {
  display: flex;}
.top_title h1 {
  font-size: 5em !important;}
.top_title h2 {
  font-size: 3em !important; }
*/

.container img {
  max-width: 90%;
  padding: 0; }

.about li {
  width: 40%; }

.b_add {
  top: 40em;
  width: 60em; }

/*当初1080以上の設定になっていたのをmin-width:1000pxに統一した*/
/*}
@media (min-width: 1080px) {*/
	
.pc_none_1080 {
  display: none; }

.hamburger {
  display: none; }
    
.left {
  font-size: 120%;}
    
.container {
  display: flex;
  width: 75%; }

.container_text h3 {
  margin: 0px 0 20px 40px; }

.container_text p {
  margin: 10px 0 15px 40px; }

.container img {
  max-width: 350px; } 
    
ul.navbar-nav {
  /*display: block;*/
  list-style: none;
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  margin-right: 5vw;
  padding: 0;
  min-width: 460px;
  letter-spacing: 0em; }

li.nav-item {
  padding-left: 15px;
  position: relative; }

li.nav-item:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto; }    
}

/*1000pxより狭い場合*/
@media (min-width: 768px) and (max-width: 999px) {
    
.pc_none {
  display: none;}

.section {
  width: 95%; }    

section#top {
  margin-bottom: 180px;}     
    
.container {
  display: block;
  width: 75%; }

.container_text h3 {
  margin: 30px auto; }

.container_text p {
  margin: 0; }

}

/*タブレット*/
@media (max-width: 767px) {
.sp_none {
  display: none; }

.section {
  width: 85%;}

.support_img,.jigyo_p,.step_img,.container,.jigyo_ppuls,.daihyo,.gmap{
  width: 100%;}

.tokucho_sp_img{
  width: 90%;}
	
table.row{
  width: 100%;
  margin: 0;}
	
.step_p ol{
  margin: 0;}
	
section#top {
  margin-bottom: 180px;}    

.container {
  display: block; }
    
.container_text h3 {
  margin: 30px auto; }

.container_text p {
  margin: 0; }

.P_button_main {
  display: flex;
  width: 100%; }

.contents_title h2 {
  display: inline-block;
  font-size: 240%;
  margin: 180px auto 80px;
  text-align-last: center;
  position: relative;
  /* 疑似要素の位置を調整するため */
  /*max-width: 75%;*/}

.jigyo_p,.jigyo_ppuls,.daihyo{
  font-size: 130%;}
	
.step_p ol li {
  list-style: none;
  padding-left: 1.5em;
  text-indent: -1.5em;
  font-size: 125%;
  line-height: 1.8em;
  text-align: left;
  font-weight: bold;
  padding-bottom: 25px; }

.price .tel {
  font-size: 4em;
  font-weight: bold;
  margin: 5px auto;
	letter-spacing: 0em;}

body img {
	width: 90%;}

}

/*タブレットとPCdで表示しない*/
@media (min-width: 481px) {
.pc_none_486 {
    display: none; }
}

/*スマホ*/
@media (max-width: 480px){

.sp_none_480{
  display: none;	}	

.top_title_logo {
  position: absolute;
  margin-left: 5vw;
  margin-right: 5vw;
  top: 10%;
  left: auto;
  right: auto; }

.top_title {
  align-items: center; /* 水平方向に中央揃え */
  text-align: center; /* テキストを中央揃え */
  margin: 0 auto; /* 外側の余白を中央揃え */
  position: relative; /* 位置をリセット */
  width: 100%; /* 幅をデバイス幅に合わせる */}

.w_title {
  display: flex; /* フレックスボックスを適用 */
  flex-direction: column; /* 縦方向に要素を並べる */
  justify-content: center; /* 垂直方向に中央揃え */
  align-items: center; /* 水平方向に中央揃え */
  width: 100%; /* デバイス幅に合わせる */
  text-align: center; /* テキスト中央揃え */
  margin: 0 auto; /* 親要素に対して中央揃え */}

.w_title h1 {
  margin: 10px 0; /* 上下の余白を調整 */
  text-align: center; /* テキストを中央揃え */
  font-size: 150%;}

.w_title h2 {
  margin: 30px 0 10px; /* 上下の余白を調整 */
  text-align: center; /* テキストを中央揃え */
  font-size: 130%;}

.toiawase {
  margin-top: 40px; /* 上部の余白を調整 */
  width: auto; /* ボタンの幅を調整 */
  text-align: center; /* ボタンを中央揃え */}

.button.P_button_main {
  display: flex; /* フレックスボックス */
  justify-content: center; /* 水平方向に中央揃え */}
	
.button.P_button_main a{}
	
.contents_title h2 {
  margin: 60px auto 40px;
  font-size: 200%;}
	
.jigyo_p,.jigyo_ppuls{
  font-size: 105%;
  line-height: 1.8em;}
	
.daihyo{
  margin-top: 30px;
  font-size: 75%;
  line-height: 1.5em;}
	
body img {
	width: 90%;}

.step_p ol li {
  list-style: none;
  padding-left: 1.5em;
  text-indent: -1.5em;
  font-size: 105%;
  line-height: 1.8em;
  text-align: left;
  font-weight:normal;
  padding-bottom: 15px; }

.tokucho_sp_img{
  width: 100%;}

.container_text h3 {
  margin: 20px auto;
  font-size: 140%;}

.container_text p {
  /*margin: 0;*/
  font-size: 105%;}

.container {
  margin-bottom: 40px;}

.price.contents_title.section {
  width: 100vw;
  margin: 90px 0 30px 0;
  padding: 80px 0px;
  position: relative;
  /*left: 0;*/
  background: #FFF4CD;
  /* 背景スタイル */ }

.price p {
  width: 100%;
  font-size: 120%;
  font-weight: bold;
  text-align: center; }

.office table {
  border-spacing: 0 10px;
  font-size: 1.5em; }

.office{
  margin-bottom: 20px;}
	
.jigyo_p.space_botom{
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 20px;
}

.text-marker-01 {
  font-weight: bolder;
  background: linear-gradient(transparent 50%, #E1F3FC 0%);}

.text-marker-02 {
  font-weight: bolder;
  background: linear-gradient(transparent 50%, #E6E0EF 0%);}

.text-marker-03 {
  font-weight: bolder;
  background: linear-gradient(transparent 50%, #F7C6D3 0%);}

.text-marker-04 {
  font-weight: bolder;
  background: linear-gradient(transparent 50%, #EDE7BA 0%);}

.text-marker-05 {
  font-weight: bolder;
  background: linear-gradient(transparent 50%, #D0E5B5 0%);}

.price .tel {
  font-size: 3em;
  /*font-weight: bold;
  margin: 5px auto;
	letter-spacing: 0em;*/}

section#top {
  margin-bottom: 0px;}    

}
/*スマホ終わり*/



form {
  width: 80%;
  margin: 0 auto;
  min-width: 9rem; }

form P {
  text-align: left; }

input, textarea, select {
  width: 100%;
  max-width: 100%;
  border: none;
  margin: 0 auto 2em;
  padding: 2rem 1rem;
  border-radius: 0.3rem;
  background: #e0e0e0;
  color: #7a7a7a; }

input[type=submit], textarea[type=submit], select[type=submit] {
  background: #E85504;
  color: #fff;
  width: 40%; }

input::placeholder, textarea::placeholder, select::placeholder {
  color: #7a7a7a; }

input.error, textarea.error, select.error {
  background: #AD4747;
  color: #fff; }

input.error::placeholder, textarea.error::placeholder, select.error::placeholder {
  color: black; }

textarea {
  height: 20rem; }

.captcha input[name=question] {
  width: 4rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  text-align: right;
  padding-right: 0; }

.captcha [name=captcha] {
  width: 5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 0.5rem; }

.captcha [name=captcha]::placeholder {
  text-align: center; }

/* トップへのスクロールボタン */
#scrollTopButton {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-image: url("../images/back.jpg");
  /* 画像をボタンに設定 */
  background-size: cover;
  background-position: center;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease; }

#scrollTopButton.show {
  opacity: 1;
  visibility: visible; }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format("woff"); }
/*
body {
  padding: 2rem;
  background: #f9f9f9;
  color: #2f2f2f;
  font-family: 'Open Sans';
}
*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0); }

#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  max-width: none; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(../images/overlay1.png) repeat 0 0;
  opacity: 0.9;
  filter: alpha(opacity=90); }

#colorbox {
  outline: 0; }

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(../images/controls1.png) no-repeat -101px 0; }

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(../images/controls1.png) no-repeat -130px 0; }

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(../images/controls1.png) no-repeat -101px -29px; }

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(../images/controls1.png) no-repeat -130px -29px; }

#cboxMiddleLeft {
  width: 21px;
  background: url(../images/controls1.png) left top repeat-y; }

#cboxMiddleRight {
  width: 21px;
  background: url(../images/controls1.png) right top repeat-y; }

#cboxTopCenter {
  height: 21px;
  background: url(../images/border1.png) 0 0 repeat-x; }

#cboxBottomCenter {
  height: 21px;
  background: url(../images/border1.png) 0 -29px repeat-x; }

#cboxContent {
  background: #fff;
  overflow: hidden; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  margin-bottom: 28px; }

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494; }

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494; }

#cboxLoadingOverlay {
  background: url(../images/loading1_background1.png) no-repeat center center; }

#cboxLoadingGraphic {
  background: url(../images/loading1.gif) no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0; }

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef; }

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/controls1.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxPrevious:hover {
  background-position: -75px -25px; }

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(../images/controls1.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxNext:hover {
  background-position: -50px -25px; }

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../images/controls1.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxClose:hover {
  background-position: -25px -25px; }

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }