@import url("/common/css/bootstrap5extract.css");
body {
  padding:0px;
  color:#212529;
  font-size:1rem;
  font-family:"ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック",Arial,sans-serif;
}
header{
  background-color:#565654;
  border-bottom:none;
  margin-bottom:0;
}
img {vertical-align: top;}
table img{max-width:max-content;}
a, a:hover, a:focus {
  color: #0d61bb;
}
a img:hover{opacity:0.8;}
header{background-color: #565654;margin-bottom: 0;border-bottom:none;}

.navbar-inner{
	padding-right: 5px;
	padding-left: 5px;
	background-color:transparent;
	background-image:none;
	border:none;
	box-shadow:none;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff5f5f5',GradientType=0);
}
.navbar{
	margin-bottom:1px;
  line-height: 1.5;
}
.navbar-inverse .navbar-inner{
	background-image: linear-gradient(#6d94bf, #446e9b 50%, #3e648d);
	background-color:#3e648d;
	background-repeat: no-repeat;
	border: 1px solid #345578;
	filter: none;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    color: #FFF;
    background-color: #2E4B6B;
}
.navbar-inverse .brand, .navbar-inverse .nav>li>a {
   color: #dadada;
}
.nav .dropdown-toggle .caret {
   border-top-color: #fff;
   border-bottom-color: #fff;
}
.nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret {
    border-bottom-color: #ffffff;
    border-top-color: #ffffff;
}
[class^="icon-"], [class*=" icon-"] {
    margin-top: 2px;
}
.navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover, .navbar-inverse .brand:focus, .navbar-inverse .nav > li > a:focus {
	color: #FFFFFF;
}
.navbar .nav>li{padding: 4px 0;line-height: 2em;}
.navbar .nav>li>a{text-shadow: none;color:white;line-height: 2em;padding: 11px 8px 8px;}
.navbar .nav>li>a:focus, .navbar .nav>li>a:hover{color:#D3D3D3;}
a.brand img{height: 2em;}
.navbar img:hover{opacity: 0.8;}
.navbar .brand{padding: 9.5px 10px 9.5px;}
.navbar .pull-right li{padding: 9.5px 0;}
.nav-list>li>a, .nav-list .nav-header{text-shadow:none;}
.nav-list [class^="icon-"], .nav-list [class*=" icon-"]{margin-top: 2px;}

/* menu toggle button */
#menu_btn, #menu_btn:focus{
	border:none;
	background-color:transparent;
}
#menu_btn:focus{
	outline: none;
}
.navbar-toggler,
.navbar-toggler span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.navbar-toggler {
  position: relative;
  float: right;
  margin-top: 13px;
  margin-bottom: 9px;
  margin-right: 10px;
  width:30px;
  height:32px;
}
.navbar-toggler span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  border-radius: 4px;
}
.navbar-toggler span:nth-of-type(1) {
  top: 5px;
}
.navbar-toggler span:nth-of-type(2) {
  top: 13px;
}
.navbar-toggler span:nth-of-type(3) {
  bottom: 5px;
}
.navbar-toggler.active span:nth-of-type(1) {
  -webkit-transform: translateY(9px) rotate(-45deg);
  transform: translateY(9px) rotate(-45deg);
}
.navbar-toggler.active span:nth-of-type(2) {
  opacity: 0;
}
.navbar-toggler.active span:nth-of-type(3) {
  -webkit-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}
.navbar-toggler:focus {
    box-shadow: none;
}
.sp-only {
  display: none;
}

.well{box-shadow:none;}
.well-panel{padding:5px 10px 10px 10px}
.well-title{border-bottom:1px solid #ccc;}
.well-body{padding:0;}
p {word-break: break-all;line-height: 1.5em;}
h1, h2, h3 {line-height:1.5;}
h1 {font-size:190%}
h2 {font-size:160%}
h3 {font-size:130%}
.nav-header { color: #888888;font-size: 120%;}
.search_result dd {margin-bottom: 1em;}
text-white{color:#fff;}
.h1{font-size: 2.5rem;}
.h2{font-size: 2rem;}
.h3{font-size: 1.75rem;}
.h4{font-size: 1.5rem;}
.h5{font-size: 1.25rem;}
.h6{font-size: 1rem;}
.mt-0{margin-top:0;}
.mt-1{margin-top:0.25rem;}
.mt-2{margin-top:0.5rem;}
.mt-3{margin-top:1rem;}
.mt-4{margin-top:1.5rem;}
.mt-5{margin-top:3rem;}
.mb-0{margin-bottom:0;}
.mb-1{margin-bottom:0.25rem;}
.mb-2{margin-bottom:0.5rem;}
.mb-3{margin-bottom:1rem;}
.mb-4{margin-bottom:1.5rem;}
.mb-5{margin-bottom:3rem;}
.pt-0{padding-top:0;}
.pt-1{padding-top:0.25rem;}
.pt-2{padding-top:0.5rem;}
.pt-3{padding-top:1rem;}
.pt-4{padding-top:1.5rem;}
.pt-5{padding-top:3rem;}
.pb-0{padding-bottom:0;}
.pb-1{padding-bottom:0.25rem;}
.pb-2{padding-bottom:0.5rem;}
.pb-3{padding-bottom:1rem;}
.pb-4{padding-bottom:1.5rem;}
.pb-5{padding-bottom:3rem;}
.w-25{width:25%;}
.w-50{width:50%;}
.w-75{width:75%;}
.w-100{width:100%;}
.font-weight-bold{font-weight:700;}

.page-header {
  border:none;
  padding-top: 1rem;
  padding-bottom: 4rem;
  background: linear-gradient(90deg, rgba(75,126,191,1) 0%, rgba(92,176,185,1) 100%);
  margin: 0 0 3em 0;
}
.page-header h1{
  color:#fff;
}
.breadcrumb{margin:0 0 21px 0;}
.breadcrumb > li{vertical-align: top;text-shadow:none;color:#DCDCDC;}
.breadcrumb>li>.divider{color:#DCDCDC;padding: 0 2px;}
.page-header .breadcrumb{
  background-color: transparent;
  margin-bottom:3em;
  padding: 8px 15px 8px 0;
  font-size:85%;
  color:#fff;
}
.page-header .breadcrumb a{
  color:#fff;
}
.page-header .breadcrumb .active{
  color:#ccc;
}
.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus{
  background-color:#4B7EBF;
}
.table tbody tr.success > td, .table tbody tr.error > td, .table tbody tr.info > td {
    color: #666;
}
.table tbody tr.success > td {
    background-color: #FFEAC4;
}
.tab-content{overflow: hidden;}
.tab-content .tab-pane h3{
  border-left: 3px solid #4b7ebf;
  font-size:110%;
  padding:10px 8px 10px 10px;
  font-weight:bold;
  margin: 1em 0 1em;
  clear:both;
}
.tab-content .tab-pane h3:first-of-type{margin-top:2em;}

/* carousel */

.carousel{margin-bottom:0;}
.carousel-wrap{background-color:#f3f3f3;margin-bottom:20px;}
.carousel-control {/*top: 50%;*/opacity: 0.3;}
.carousel-caption{background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);}
.carousel-caption .btn{margin-left:2em;}
.carousel-indicators li{background-color: rgba(200, 200, 200, 0.5);}
.carousel-indicators .active {background-color: #aaa;}
.carousel-caption h4 {font-weight: bold;color:#333;}
.carousel-caption p {color:#333;}

.carousel-wrap{
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}
.carousel-control{
  top: 45%;
  border: none;
  z-index:100;
  line-height: 40px;
}
.carousel-control.right{
  right:0px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.carousel-control.left{
  left:0px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
_::-webkit-full-page-media, _:future, :root .carousel-control {
  line-height: 30px;
}
.carousel .item a{
  color:#212529;
}
.carousel .item img:hover{
  opacity: 0.8;
}
.carousel-caption{
  min-height: 5em;
  background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.75),rgba(255,255,255,0.98));
}
.carousel-caption h4, .carousel-caption p{
  line-height: 1.5;
  display: block;
  overflow: hidden;
}

/* JSでdisplay hiddenは高さ取得できないため */
.carousel-inner>.item{
  display:block;
  visibility: hidden;
  position:absolute;
  opacity: 0;
  transition: 1s;
}
.carousel-inner>.item.active{
  display:block;
  visibility:visible;
  position:static;
}
.carousel-inner>.item.next, .carousel-inner>.item.prev{
  visibility:visible;
  opacity: 1;
  transition: 1s;
}
.carousel-wrap{
  background-color: #fff;
}
.carousel .arrow{
  float:right;
  padding-right:30px;
  padding-top: 30px;
}
.carousel .arrow::before{
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: translateX(-50%) rotate(45deg);
}
.carousel-fade .carousel-inner .item { 
    opacity: 0; 
    -webkit-transition-property: opacity; 
    -moz-transition-property: opacity; 
    -o-transition-property: opacity; 
    transition-property: opacity; 
} 
.carousel-fade .carousel-inner .active { 
    opacity: 1; 
} 
.carousel-fade .carousel-inner .active.left, 
.carousel-fade .carousel-inner .active.right { 
    left: 0; 
    opacity: 0; 
    z-index: 1; 
} 
.carousel-fade .carousel-inner .next.left, 
.carousel-fade .carousel-inner .prev.right { 
    opacity: 1; 
} 
.carousel-fade .carousel-control { 
    z-index: 2; 
}

/*----- Panel -----*/
.panel {
  padding: 15px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
  padding: 10px 15px;
  margin: -15px -15px 15px;
  font-size: 17.5px;
  font-weight: 500;      
  background-color: #f5f5f5;
  border-bottom: 1px solid #dddddd;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-footer {
  padding: 10px 15px;
  margin: 15px -15px -15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-primary {
  border-color: #428bca;
}

.panel-primary .panel-heading {
  color: #ffffff;
  background-color: #4B7EBF;
  border-color: #4B7EBF;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-warning {
  border-color: #fbeed5;
}

.panel-warning .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.panel-danger {
  border-color: #eed3d7;
}

.panel-danger .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel ul{margin:0 0 0 25px}
.panel .table{margin-bottom: 0px;}
.panel p{margin: 0 0 8px 0;}

.shadow-sm {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}
.shadow {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
.shadow-lg {box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;}

/* button */
.btn {
  text-shadow:none;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.175);
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  transition:none;
  -webkit-transition:none;
  background-image:none;
}
.btn:hover, .btn:focus{
  transition:none;
}
.btn-primary {
  background: #4b7ebf;
  border-color: #4b7ebf;
  color: #fff;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #3471bd;
  border-color: #3471bd;
}
.btn-primary:hover {
  color: #fff;
  background: #1a58a7;
  border-color: #1a58a
}
.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
  background: #fff;
}
.btn-group>.btn+.dropdown-toggle{
  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 18%);
  border-left:1px solid #7ba6dd;
}
.btn-group>.btn+.dropdown-toggle:focus{
  background-color: #5896e5;
}
.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #3870b7;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a{
  background-color: #4B7EBF;
  background-image:none;
}
.rounded-pill {
  border-radius: 50rem!important;
}
.btn [class^="icon-"], .btn [class*=" icon-"] {
  margin-top: 2px;
}

/* label */
.label{
  text-shadow: none;
}
.label-info, .badge-info{
  background-color: #4b7ebf;
}

/* tab */
.nav-tabs {
  border-bottom: 2px solid #4b7ebf;
}
.nav-tabs>li>a{
  border: 2px solid transparent;
  margin-bottom: -1px;
}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
  border: 2px solid #4b7ebf;
  border-bottom-color: transparent;
}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus{
  margin-bottom: -1px;
}
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
  border-color: #eee #eee #97afcd;
}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus{
  color: #212529;
}

/* return to top button*/
#page-top {
  display: none;
  position: fixed;
  right: 15px;
  bottom: 15px;
  font-size: 1.25em;
  line-height: 1rem;
  background: #fff;
  color: #737373;
  padding: 15px;
  border: solid 1px;
  border-radius: 50%;
  box-shadow: 0 2px 10px -6px rgba(0,0,0,.5), 0 3px 10px -4px rgba(0,0,0,.2);
  cursor: pointer;
  opacity: 0.8;
}
#page-top:hover{
  background: #ccc;
}
#page-top .arrow-up {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 0.8em;
  height: 0.8em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(25%) rotate(-45deg);
}

/*----- Sign in -----*/
.login-logo img{max-width:100%;padding-bottom:20px;}
footer{color:#bbb;/background-color:#ccc;background-color:rgba(20, 20, 20, 0.8);padding-top:12px;border-top:1px solid #585858;}
footer a{color:#ddd;}
footer .reedrex-logo{max-width:100px;padding-right:10px;}

/*----- Footer -----*/
#copy {
  font-size: 80%;
}
.footer-links{
  margin: 5px 0 5px 0;
}
.footer-links li {
    display: inline-block;
    padding: 0 10px 0 0;
}
.footer-links a:hover, .footer-links a:focus{color:#fff;}
#pagetop{margin-bottom:10px;}

/*----- form -----*/
#cf_file-field .form-label {
	float: left;
	width: 160px;
	padding-top: 5px;
	text-align: right;
}
#cf_file-field .form-element {
	margin-left: 180px;
}
#cf_file-field .contact-form-field:after {
	clear: both;
}
#cf_oneclick_radio-field ul.unstyled li, #bootstrap_checkboxmultiple-field ul.unstyled li{float:left;padding-right:2em;}
#cf_oneclick_radio-field .control-label, #bootstrap_checkboxmultiple-field .control-label{padding-top:0px;}
#cf_oneclick_radio-field input[type="radio"], #bootstrap_checkboxmultiple-field input[type="checkbox"]{margin:0;}
#cf_oneclick_radio-field .controls, #bootstrap_checkboxmultiple-field .controls{margin-left:10px;margin-top:0;float:left;}
#cf_oneclick_radio-field .field_value p,  #bootstrap_checkboxmultiple-field .field_value p{margin:0;}
.form-horizontal .control-label{width:260px;padding-top:0px;font-weight:bold;}
.form-horizontal .controls{margin-left:280px;}
.contact-form input[type='text'], .contact-form textarea{width:80%;}

form.Individual .control-label{width:100%;text-align:left;}
form.Individual .controls{margin-left:0px;text-align:left;}

###TinyMCE###

#WYSIWYG h1, #WYSIWYG h2, #WYSIWYG h3, #WYSIWYG h4, #WYSIWYG h5, #WYSIWYG h6 {
    font-family:Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
    clear: both;
}
#WYSIWYG{
	line-height:1.5;
}
#WYSIWYG h1, h1.list-page{
  padding: 1em 0;
  border-bottom: solid 2px #4b7ebf;
  font-weight:bold;
  margin-bottom:1em;
  clear:both;
  font-size: 1.5rem;
}
#WYSIWYG h2, h2.list-page{
  border-bottom: solid 1px #4b7ebf;
  font-size:120%;
  margin: 0px 0px 1em 0;
  padding:0.5em;
  font-weight:bold;
  clear:both;
}
#WYSIWYG h3{
  border-left: 3px solid #4b7ebf;
  font-size:110%;
  padding:10px 8px 10px 10px;
  font-weight:bold;
  margin: 1em 0 1em;
  clear:both;
}
#WYSIWYG h4{
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  font-size:105%;
  margin: 0 0 10px;
  padding: 10px 5px 10px 5px;
  font-weight:bold;
  clear:both;
}
#WYSIWYG h5{
  margin-bottom: 1em;
  margin-top: 1em;
  padding: 8px 2px 8px 2px;
  font-size: 13px;
  font-weight: bold;
  border-bottom:1px dotted #cccccc;
  clear:both;
}
#WYSIWYG h6{
  margin-bottom: .5em;
  margin-top: .5em;
  padding: 8px 2px 8px 2px;
  font-size: 13px;
  font-weight: bold;
  clear:both;
}
#WYSIWYG hr{
  margin-bottom: 2em;
  margin-top: 2em;
}
#WYSIWYG ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 20px;
}
#WYSIWYG p {
  margin: 0 0 0.5em;
}

#WYSIWYG ul, #WYSIWYG ol {
  margin: 0px;
}

#WYSIWYG ol{
  margin: 0;
  padding: 0 0 0 30px;
}
#WYSIWYG li{
  line-height:1.5;
}
#WYSIWYG #myTab li{
	padding: 0;
	margin-left:0px;
	background:none;
  list-style: none;
}

#WYSIWYG table,
#WYSIWYG table td,
#WYSIWYG table th {
    font-size: 100%;
}
#WYSIWYG table{
	border-collapse: collapse;
}
#WYSIWYG table th{
	padding: 6px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	word-break: break-all;
	white-space: nowrap;
}
#WYSIWYG table td{
	padding: 6px;
	background-color: #fff;
	word-break: break-all;
}
#WYSIWYG table[border*="0"]{
	border:none;
	display:inline-table;
}
#WYSIWYG table table[border*="0"]{
	border:none;
	display:inline-table;
}
#WYSIWYG table[border*="1"]{
	border: 1px solid #b9b9b9;
	display:inline-table;
}
#WYSIWYG .clearfix:after {
	content: "";
	clear: both;
	display: block;
}
#WYSIWYG a[rel*="lightbox"]{
	position:relative;
	vertical-align: text-top;
}
#WYSIWYG a[rel*="lightbox"] i{
	position:absolute;
	right:5px;
	background-color:#ccc;
}
#WYSIWYG #myTab{
	margin-top:2em;margin-bottom:1.5em;padding:0;margin-left:0;
}
#WYSIWYG table.event_table, #WYSIWYG table.event_table > tbody > tr > th, #WYSIWYG table.event_table > tbody > tr > td {
    border: 1px solid #ccc;
}
#WYSIWYG table > tbody > tr > td > table{width:auto !important;}
/* IE11 bug */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #WYSIWYG ul, #WYSIWYG ol{
    margin:0 0 10.5px 25px;
  }
}

/* Topへ戻る */
#topbutton {
	position: fixed;
	bottom: 18px;
	right: 18px;
	width: 7em;
	display: none;
	z-index:10000;
	background-color: #444;
	opacity: 0.75;
	border-radius: 5px;
	text-align: center;
	margin: 0px;
	padding: 3px;
	border:1px solid #ddd;
}
#topbutton a {
	color: white;
	text-decoration: none;
}
#topbutton a:hover {
	color: yellow;
	text-decoration: underline;
}

/*個人情報保護方針*/
.infobox {
   height: 8em;
   overflow: auto;
   border: 1px solid #ccc;
   resize:both;
   margin-bottom:1em;
   line-height:1.5;
   padding:0.5em;
}
.infobox p {
    margin: 0 13px 5px 26px;
}
.infobox h1 {
    color: #FFF;
    background: #000 url(https://dev-rhel9-jbcc-user.jbcc.co.jp/mt-static/addons/PowerCMS.pack/tiny_mce/images/head_1.gif) no-repeat 100% 50%;
    font-size: 138.5%;
    font-weight: bold;
    padding: 12px 30px 12px 8px;
    margin: 0px 0px 0.5em 0px;
}

.infobox h2 {
    background: url(https://dev-rhel9-jbcc-user.jbcc.co.jp/mt-static/addons/PowerCMS.pack/tiny_mce/images/head_2.gif) repeat-x 0px 100%;
    font-size: 123.1%;
    font-weight: bold;
    padding: 10px 10px 10px 8px;
    margin: 0px 0px 0.5em 0px;
}

.infobox h3 {
    background: url(https://dev-rhel9-jbcc-user.jbcc.co.jp/mt-static/addons/PowerCMS.pack/tiny_mce/images/head_3.gif) no-repeat 3px 50%;
    font-size: 100%;
    border: 1px solid #DBDBDB;
    padding: 4px 10px 4px 10px;
    margin: 0px 0px 0.5em 0px;
}

.infobox h4 {
    background: #E6F2FC;
    font-size: 100%;
    padding: 4px 10px 4px 10px;
    margin:0px 0px 0.5em 0px;
    
}

.infobox h5 {
    background: url(https://dev-rhel9-jbcc-user.jbcc.co.jp/mt-static/addons/PowerCMS.pack/tiny_mce/images/head_5.gif) no-repeat 3px 50%;
    font-size: 100%;
    border-bottom: 1px solid #B9C0C6;
    padding: 2px 10px 2px 18px;
    margin: 0px 0px 0.5em 0px;
}

.infobox h6 {
    font-size: 100%;
    font-weight: bold;
    margin: 0px 0px 0.5em 0px;
}

.infobox table {
    border: 1px solid #A3A394;
    border-collapse: collapse;
    border-spacing: 0;
    margin-left: 10px;
	width:480px;
}
.infobox th {
    background-color: #EDEDED;
    border-color: #A3A394;
    border-style: solid;
    border-width: 0 1px 1px 0;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.4;
    padding: 5px 8px;
}
.infobox td {
    border-color: #A3A394;
    border-style: solid;
    border-width: 0 1px 1px 0;
    font-size: 100%;
    line-height: 1.4;
    padding: 5px 8px;
}
	input.span2, textarea.span2, .uneditable-input.span2 {
		width: 100px;
	}

/* bugfix */
.smart-drop-menu{display:none;}
/*.form-search .input-append .search-query{
  height: 32px;
  width: 130px;
  padding-top: 0;
  padding-bottom: 0;
}*/

@media (max-width: 979px) {
	.navbar .pull-left{float:none;}
	.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
		color: #DDD;
	}
	.nav-collapse .navbar-form, .nav-collapse .navbar-search{
		margin:10px 0 10px 0;
		padding:0 5px 0 0;
		border-top: none;
		border-bottom: none;
		box-shadow: none;
	}
	.navbar ul li{
		width:100%
	}
	.navbar .pull-right{
		float:none;
	}
	.navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search {
		border-top: medium none;
		border-bottom: medium none;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.navbar-fixed-top, .navbar-fixed-bottom {
		position: fixed;
	}
	.smart-drop-menu{display:inline;}
	.pc-drop-menu{display:none;}
	.form-horizontal .control-label{float:none;width:auto;text-align:left;}
	.form-horizontal .controls{margin-left:0px;}
	.contact-form input[type='text'], .contact-form textarea{width:98%;}
	.carousel-caption{position:static;/*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);*/}
  .footer-links li a{
    line-height: 2.5em;
  }
}
@media screen and (max-width: 974px){
  .table-inline-block tr{
    width:100%;
    padding: 8px 0;
    display: block;
  }
  .table-inline-block th, .table-inline-block td{
    display: inline-block;
    background-color:transparent;
    border:none;
  }
  .table-striped.table-inline-block tbody tr{
    border-top: 1px solid #ddd;
  }
  .table-striped.table-inline-block tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
  }
}
@media (max-width: 948px){
  .sp-only {
      display: block;
  }
  .navbar .nav>li>a{
    line-height: 1em;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
	[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
		float: left;
	}
}
@media (max-width: 767px) {
	[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
		float: left;
	}
	.navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search{
		border:none;
		border-top-color:transparent;
		border-bottom-color:transparent;
	}
	.nav-collapse .navbar-form, .nav-collapse .navbar-search{
		margin:10px 0 10px 0;
		padding:0;
	}
	.navbar-form .input-append, .navbar-form .input-prepend{
		margin-top:0;
	}
	.navbar-fixed-bottom .container {
		width: auto !important;
	}
  .nav-tabs>li {
    margin-bottom: -1.5px;
  }
  .carousel .arrow{
    display:none;
  }
  .carousel img{
    object-fit: cover;
  }
  .container{
    margin-right: 1em;
    margin-left: 1em;
  }
  .carousel{
    /* CLS対策 後でJSで書き換える*/
    min-height:290px;
  }
  .carousel img{
    /* CLS対策 後でJSで書き換える*/
    min-height:200px;
  }
  #copy{
    margin-right:50px;
  }
}
@media (max-width:599px){
  .nav-tabs>li{
    font-size:3vw;
  }
  .nav-tabs>li {
    margin-bottom: -1px;
  }
}
@media (max-width: 480px) {
	/*.navbar {
		font-size:90%;
	}
	.navbar .brand{
		font-size:90%;
	}*/

	.nav-collapse .navbar-form, .nav-collapse .navbar-search{
		margin:10px 0;
	}
	.navbar-fixed-bottom{
		position:static;
	}
}

/* bootstrap print */
@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
  .breadcrumb > li,.page-header .breadcrumb a,.page-header h1{
    color:#000000;
  }
}

/* 2025/06/30 Add */
a.thumbnail:hover, a.thumbnail:focus{
  text-decoration: none;
}
.p-0{
  padding:0;
}
@media (min-width: 768px){
  .box-parent{
    display: flex;
    justify-content: space-around;
  }
  .box-child{
    display:flex;
  }
}
/*.carousel-wrap{height:490px;overflow:hidden;}*/
/*@media (max-width: 979px) {
    .carousel-wrap img{height:140px;}
}*/

@media (max-width: 767px) {
  .carousel img {
      min-height: 140px;
  }
  #myTabContent .table tr{
    /*display: flex;
    flex-wrap: wrap;*/
    & > td {
      /*min-width: 25%;*/
    }
  }
  #myTabContent .table td{
    border-top:none;
  }
  #myTabContent .table tr{
    /*border-top: 1px solid #ddd;*/
    width:100%;
  }
  #myTabContent  .table-striped tbody>tr:nth-child(odd)>td, #myTabContent .table-striped tbody>tr:nth-child(odd)>th{
    background-color: inherit;
  }
}

/* 2025/08/12 Add */
.table td:has(iframe){
  width: 100%;
}
.table iframe[src^="https://www.youtube.com/"] {
  width: 98%;
  height: 98%;
  aspect-ratio: 16 / 9;
}
@media (max-width: 767px){
  p:has(iframe[src^="https://www.youtube.com/"]){
    width: 100%;
    aspect-ratio: 16 / 9;
  }
  iframe[src^="https://www.youtube.com/"] {
    width: 100%;
    height: 100%;
  }
}