@media print {
.error404-content .searchform {
	display:none
}
.single-post.content-max-width .entry-header {
    text-align: center;
}
.single-post.content-max-width ul.meta {
    justify-content: left
}

#footer .container {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto;
}
#footer #footer-widgets {
padding: 0;
}
#footer #footer-widgets .footer-box {
padding: 0;
margin: 0;
}
#site-logo{
display:none
}
#site-header .menu-item:hover{
background:rgb(0, 134, 57);
}
#site-header{
	position:fixed;
	width:100%;
	top:130px;
	z-index:1000
}
#top-bar {
padding: 0;
width: 100%;
	position:fixed;
	width:100%;
	top:0px;
	height:130px !important;
	background:#fff;
	z-index:1000 !important;
    }
#top-bar.container {
max-width: 100% !important;
 }
#main{
	padding-top:220px;
	padding-bottom:0px
}
}

 @media print and (max-width:782px) {
#main{
	padding-top:120px
}
#top-bar {
	position:fixed;
	width:100%;
	height:100px !important;
    }
	#mobile-search{
		display:none
	}
#site-header{
	position:fixed;
	width:50px;
	right:30px;
	top:30px;
	background:#fff !important
}
#site-navigation-wrap .dropdown-menu >li >a, .oceanwp-mobile-menu-icon a, #searchform-header-replace-close {
    color: #008639 !important;
}
	#footer{
		margin-bottom:26%
	}
}


@media print and (max-width:1590px) {
#site-navigation-wrap .dropdown-menu >li >a, #site-header.full_screen-header .fs-dropdown-menu >li >a, #site-header.top-header #site-navigation-wrap .dropdown-menu >li >a, #site-header.center-header #site-navigation-wrap .dropdown-menu >li >a, #site-header.medium-header #site-navigation-wrap .dropdown-menu >li >a, .oceanwp-mobile-menu-icon a {
    font-size: 1.13vw !important;
    font-weight: bold;
}
#site-navigation-wrap {
    float: none !important;
    position: relative;
    right: 0 !important;
    left: 0 !important;
    margin: 0 auto !important;
    width: 95% !important;
	max-width:1400px;
}
#site-header .container {
    width: 100% !important;
    max-width: 1500px !important;
    margin: 0 auto;
}
}



@media print {
.post-template-default .fbc-page .fbc-wrap .fbc-items li {
    padding: 0;
    line-height: normal;
}
.post-template-default .fbc-page .fbc-wrap .fbc-items {
   margin-bottom:10px !important
}
.post-template-default #content{
	position:relative;
	padding-top:220px;
	max-width:1100px;
	width:90%;
	margin:0 auto
}
.post-template-default #content .entry-content {
    border: 3px solid #82c294;
    border-radius: 15px;
	max-width:1100px;
	width:100%;
	margin:0 auto;
	padding-bottom:30px;
	padding-top:30px
}
.entry-content ol {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.post-template-default #content .entry-content .contents{
	position:absolute !important;
	top:-60px !important;
	left:0;
	width:100%
}

.post-template-default #content .entry-content p{
	padding-left: 40px !important;
  padding-right: 40px !important;
	max-width:100% !important;
	margin:0 0 20px
}
.post-template-default #content .entry-content h2{
padding-left: 15px;
    border-left: 5px solid #008639;
    padding-right: 20px;
	margin-left:35px;
	font-size:28px !important;
	font-weight:normal !important;
}
.post-template-default #content .entry-content #head h2{
padding-left: 0px;
    padding-right: 0px;
	max-width:1100px;
    border-left: 0px solid #008639;
	margin-left:0px;
	font-size:32px !important;
	font-weight:bold !important
}
.nav-previous {
    display: inline-block;
    width: 200px !important;
    border-radius: 5px;
    background: #008639;
	color:#fff !important;
	text-align:center !important;
	padding:20px 0;
	padding-left:10px
}
.nav-next {
    display: inline-block;
    width: 200px !important;
    border-radius: 5px;
    background: #008639;
	color:#fff !important;
	text-align:center !important;
	padding:20px 0;
	padding-right:10px
}
.nav-links .title{
	color:#fff !important
}
.nav-links .post-title{
	display:none !important
}
.meta{
	border-bottom: 0px solid #f1f1f1 !important;
	margin-bottom:0 !important;
	margin-left:0 !important;
	float:right !important;
	padding-right:5% !important;
	margin-top:20px !important;
}
.meta li{
	color:#008639 !important;
	float:right !important;
}
}

@media print and (max-width:782px) {
.post-template-default #content .entry-content h2{
padding-left: 10px;
    border-left: 5px solid #008639;
    padding-right: 20px;
	margin-left:20px;
}
.post-template-default #content .entry-content p{
	padding-left: 20px !important;
  padding-right: 10px !important;
}
	.post-template-default #content{
	position:relative;
	padding-top:190px;
	max-width:1100px;
	width:90%;
	margin:0 auto
}
.post-template-default #content .entry-content .contents{
	position:absolute !important;
	top:-50px !important;
	left:0;
	width:100%
}
.post-template-default #content .entry-content h2{
	font-size:20px !important;
	font-weight:normal !important
}
.post-template-default #content .entry-content #head h2{
	font-size:22px !important;
	font-weight:bold !important
}
.nav-previous {
    width: 100% !important;
	padding:20px 0 !important;
	padding-left:10px !important;
	margin-bottom:10px
}
.nav-next {
    width: 100% !important;
	padding:20px 0 !important;
	padding-right:10px !important;
}
}


@media print {
.news_pager .pager_btn.next_btn {
    float: right;
}
.news_pager .pager_btn {
    display: inline-block;
    width: 220px;
    border-radius: 5px;
    background: #008639;
	text-align: center
}
.news_pager .pager_btn.next_btn a {
    padding: 10px 0 10px 0;
}
.news_pager .pager_btn a {
    display: inline-block;
    color: #fff !important;
	text-decoration: none !important
}
}


/* 基本CSS */
@media print and (min-width:783px) {
.sp{
display: none !important
}
}
@media print and (max-width:782px) {
.pc{
display: none !important
}
}

@media print {
.contents{
max-width: 1100px; width: 90%; margin: 0px auto
}
.contents_02{
max-width: 1200px; width: 90%; margin: 0px auto
}
.bg_padding{
padding: 60px 0
}
}

@media print and (max-width:782px) {
.contents{
width: 90%;
}
.contents_02{
width: 100%;
}
.bg_padding{
padding: 60px 0
}
}


/* フォントCSS */
@media print {
body {
margin: 0;
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
a{
	color: #008639
}
a img:hover{
opacity: 0.7
}
/* 
body {
font-family:'Barlow Semi Condensed', 'Noto Sans JP', sans-serif !important;
color: #504346 !important
}
.weight100 {font-weight:100 !important}
.weight200 {font-weight:200 !important}
.weight300 {font-weight:300 !important}
.weight400 {font-weight:400 !important}
.weight500 {font-weight:500 !important}
.weight600 {font-weight:600 !important}
.weight700 {font-weight:700 !important}
.weight900 {font-weight:900 !important}
.en{font-size: 120%; letter-spacing: 1px}
*/
ul{
	padding: 0;
	margin: 0
}
ol{
	padding: 0;
	margin: 0
}
ul li{
	list-style: none;
color: #43454a
}
h1,h2,h3,h4,h5,p{
margin: 0;
color: #43454a
}
dd{
	padding: 0;
	margin: 0
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}
p{
font-weight:400 !important; margin: 0; letter-spacing:2px;
}
h1{
font-weight:bold !important; letter-spacing:2px;
}
h2 {
font-weight:bold !important; letter-spacing:2px; 
}
h3 {
font-weight:bold !important; letter-spacing:2px; 
}
h4 {
font-weight:bold !important; letter-spacing:2px; 
}
h5{
font-weight:bold !important; letter-spacing:2px; 
}
table tr td{
font-weight:400 !important; letter-spacing:2px; 
border-bottom:0px solid #fff
}
table {
border-collapse:collapse;
width: 100%
}


p{
font-size: 18px !important; line-height: 34px !important;
}
h1{
font-size: 46px !important; line-height: 60px !important; 
}
h2 {
font-size: 35px !important; line-height: 48px !important; 
}
h3 {
font-size: 29px !important; line-height:40px !important;
}
h4 {
font-size: 26px !important; line-height:36px !important;
}
h5 {
font-size: 22px !important; line-height:36px !important;
}
table tr td{
font-size: 18px !important; line-height: 34px !important;
}
li{
font-size: 18px !important; line-height: 34px !important;
}
input{
font-size: 18px !important; line-height: 34px !important;
}
select{
font-size: 18px !important; line-height: 34px !important;
}
}

@media print and (max-width:782px) {
p{
font-size: 15px !important; line-height: 24px !important;
}
p span{
font-size: 15px !important; line-height: 24px !important;
}
h1{
font-size: 25px !important; line-height: 35px !important;
}
h2 {
font-size: 22px !important; line-height: 30px !important;
}
h3 {
font-size: 20px !important; line-height: 30px !important;
}
h4 {
font-size: 18px !important; line-height: 24px !important;
}
h5 {
font-size: 16px !important; line-height: 24px !important;
}
table tr td{
font-size: 15px !important; line-height: 24px !important;
}
li{
font-size: 15px !important; line-height: 24px !important;
}
input{
font-size: 15px !important; line-height: 24px !important;
}
select{
font-size: 15px !important; line-height: 24px !important;
}
	
table tr td{
display: block;
width: 100% !important
}
.luxbar-item a {
font-size: 15px !important;
padding: 18px 0 18px 24px !important;
}
}


@media print {
.center {
text-align: center !important
}
.right{
text-align: right !important
}
.left{
text-align: left !important
}
.wt{
color: #fff !important
}
.gr{
	color: rgb(0, 134, 57) !important
}
.rd{
	color: rgb(175, 38, 39) !important
}
.bl{
	color: rgb(45, 43, 82) !important
}
.yl{
	color: #f9d300 !important
}
.bd{
font-weight: bold !important
}
.nm{
font-weight: normal!important
}
.red{
	color: #ff0000;
}
.bl{
	color: blue;
}
span.ico_q::before {
    content: "";
    padding-right: 26px;
    background: url(https://www.jcqa.co.jp/wp-content/uploads/2025/04/icon_q.png) no-repeat top left;
    background-size: contain;
}
span.ico_tel::before {
    content: "";
    padding-right: 26px;
    background: url(https://www.jcqa.co.jp/wp-content/uploads/2025/04/download-2-1.png) no-repeat top left;
    background-size: contain;
}


/* column_CSS */

.box {
display: flex;flex-wrap: wrap
}

.box .column4{
width: 22%;
margin-right: 3%;
margin-bottom: 3%
}
.box .column4:nth-child(4n){
margin-right: 0
}

.box .column3{
width: 31%;
margin-right: 3%;
margin-bottom: 3%
}
.box .column3:nth-child(3n){
margin-right: 0
}
.box .column2{
width: 48%;
margin-right: 3%;
margin-bottom: 3%
}
.box .column2:nth-child(2n){
margin-right: 0
}
}

/* column(SP)_CSS */
@media print and (max-width:782px) {
.box .column4{
width: 47% !important;
margin-right: 5% !important;
margin-bottom: 5% !important;
}
.box .column4:nth-child(2n){
margin-right: 0 !important;
}
.box .column3{
width: 100% !important;
margin-right: 0 !important;
margin-bottom: 5% !important;
}
.box .column3:nth-child(3n){
margin-right: 0 !important;
}
.box .column2{
width: 100% !important;
margin-right: 0 !important;
margin-bottom: 8% !important;
}
.box .column2:nth-child(2n){
margin-right: 0 !important;
}
}



@media print {
/* ボタンリンク_CSS */
.btn_link {
position: relative;
transition: all 0.3s ease-in-out;
border: 1px solid #000000;
background: #fff;
width: 100%
}
.btn_link:hover{
opacity: 0.7;
background: #ccc
}
.btn_link a{
width: 100%;
height: 100%;
position: absolute;
top:0;
right:0;
z-index: 2
}
.btn_link p{
font-weight: 200;
padding: 3% 0;
position: relative;
background: url();
background-repeat: no-repeat;
background-position: 90%;
background-size: 4%
}
}

@media print and (max-width:782px) {
.btn_link {
width: 90% !important;
	margin: 0 auto
}
.btn_link p{
padding: 3% 0 3% 5% !important;
}
.btn_link p{
background-size: 2%;
background-position: 94%;
}
}

@media print and (max-width:782px) {
#copy p{
font-size: 17px
}
}

@media print {
#head {
margin-bottom: 5%
}
#head h2{
z-index: 2;
    position: relative;
    width: 100%;
    font-weight: bold;
	margin: 5% 0 0
}
#head h2 span {
    display: inline-block;
    margin-left: 50px;
    background-color: rgb(255, 255, 255);
    padding: 0px 10px;
}
#head h2::after {
    display: block;
    z-index: -1;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 10px;
    transform: translateY(-50%);
    background-color: rgb(0, 134, 57);
    content: "";
}
#head h5{
	margin: 30px 0
}
#head .jab{
	float: right
}

.border-after{
    position: relative;
	display: flex;
	width: 100%;
	margin: 2% 0 !important
}
.border-after::after {
    margin-left: 1em;
    border-top: 2px solid #008639;
    content: '';
    flex-grow: 1;
	margin-top: 15px
}
.border-after2{
    position: relative;
	    display: flex;
	width: 100%;
	margin: 2% 0
}
.border-after2::after {
    margin-left: 1em;
    border-top: 3px solid #008639;
    content: '';
    flex-grow: 1;
	margin-top: 25px
}
.border-after3 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    font-size: 3.6rem;
    font-weight: bold;
}

.border-after3::before, .border-after3::after {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    display: inline-block;
    flex-grow: 1;
    border-top: 2px solid #000000;
    content: '';
}
.border-after3::after {
    margin-left: 15px;
}
.border-after3::before {
    margin-right: 15px;
}
}


@media print and (max-width:782px) {
#head h5{
	width: 80%;
	padding-left: 5%
}
#head .jab{
	width: 10%;
	padding-right: 5%;
	padding-top: 5%
}

#head .contents{
width: 100% !important
}
#head h2::after {
    display: block;
    z-index: -1;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 5px;
    transform: translateY(-50%);
    background-color: rgb(0, 134, 57);
    content: "";
}
.border-after{
	margin: 4% 0 !important
}
.border-after::after {
	margin-top: 10px
}
.border-after2{
	margin: 4% 0 !important
}
.border-after2::after {
	margin-top: 15px
}
}

@media print {
.topbar{
background: #fff;
	border-top:8px solid #008639
}
.topbar .logo{
	float: left;
	margin-right: 10px
}
.topbar .column2{
	padding: 2% 0 1%;
}
.topbar .column2:nth-child(1){
	width: 45%
}
.topbar .column2:nth-child(2){
	width:52%
}
.topbar p{
	line-height: 140% !important;
	width:100%;
	font-size:17px !important;
	letter-spacing:0px !important;
}
.topbar p span{
	font-size: 160% !important
}
.topbar .column2{
	margin-bottom: 0 !important
}
.topbar .info a{
	text-decoration: none;
	font-size:10px !important
}
.topbar .info a span{
	color:#000;
	font-size:70% !important;
}
.topbar .info{
	margin-right: 15px;
	font-size: 13px !important
}
.c-tel::before {
    display: inline-block;
    width: 24px;
    height: 23px;
    margin-right: 5px;
    background-image: url(https://www.jcqa.co.jp/wp-content/uploads/2025/04/download-2-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
}
.topbar .btn{
	margin-top: 10px
}
.topbar .btn a{
	text-decoration: none;
	color: #fff !important;
	position: absolute;
	left: 0;
	width: 100%;
	height:70%;
	top:0;
	padding-top: 0px
}
.topbar .btn li{
	margin-right: 2%;
	text-align: center;
	padding: 16px 0;
	position: relative
}
.topbar .btn li:nth-child(1){
	width: 33%;
	background-image: linear-gradient(-90deg, #00643d 0%, #00753b 26%, #008639 59%);
}
.topbar .btn li:nth-child(2){
	width: 33%;
    background-image: linear-gradient(-90deg, #9b7500 0%, #b09315 26%, #c4b02a 59%);
}
.topbar .btn li:nth-child(3){
	width: 28%;
	background-image: linear-gradient(-90deg, #357544 0%, #429456 26%, #82c294 59%);
}
}


@media print and (max-width:1150px) {
.topbar p{
	font-size:14px !important;
}
}

@media print and (max-width:782px) {
.topbar{
	padding: 1% 0 2%;
	border-top:8px solid #008639
}
.topbar .btn{
	display: none
}
.btn_sp li{
	height: 30px;
	width:30px;
	margin-right: 10px;
	text-align: center;
	padding-top:2px
}
.btn_sp li:nth-child(1){
	background-image: linear-gradient(-90deg, #00643d 0%, #00753b 26%, #008639 59%);
}
.btn_sp li:nth-child(2){
    background-image: linear-gradient(-90deg, #9b7500 0%, #b09315 26%, #c4b02a 59%);
}

}

@media print {
.bottom{
	position: fixed; right:30px; bottom:30px; width: 250px; z-index: 100
}
}

@media print and (max-width:782px) {
.bottom{
	background: #257d5f;
      padding: 15px 0 17px;
      text-align: center;
	width: 100%;
	right:0;
	bottom:0px;
}
.bottom .box{
	width: 90% !important;
	margin: 2% auto 0
}
.bottom .column2{
	width: 48% !important;
	margin-right: 2% !important;
	margin-bottom: 0 !important
}
}


@media print {
.footer_menu{
	padding: 3% 0 1%;
}
.footer_menu .column2{
	margin-bottom: 0 !important
}

.footer_menu .btn .column2:nth-child(1){
	width: 32%;
	padding: 2% 0
}
.footer_menu .btn .column2:nth-child(2){
	width: 65%
}
.footer_menu .btn a{
	text-decoration: none;
	color: #fff !important;
	position: absolute;
	left: 0;
	width: 100%;
	height:70%;
	top:0;
	padding-top: 20px;
}
.footer_menu .btn li{
	margin-right: 2%;
	text-align: center;
	padding: 35px 0;
	position: relative;
}

.footer_menu .btn li:nth-child(1){
	width: 33%;
	background-image: linear-gradient(-90deg, #00643d 0%, #00753b 26%, #008639 59%);
}
.footer_menu .btn li:nth-child(2){
	width: 33%;
    background-image: linear-gradient(-90deg, #9b7500 0%, #b09315 26%, #c4b02a 59%);
}
.footer_menu .btn li:nth-child(3){
	width:28%;
	background-image: linear-gradient(-90deg, #357544 0%, #429456 26%, #82c294 59%);
}
}


@media print and (max-width:782px) {
.footer_menu .btn .column2:nth-child(1){
	width: 60% !important;
	padding: 2% 0;
	margin:  0 auto 3% !important
}
.footer_menu{
	padding: 6% 0;
}
}


@media print {
.footer{
	background: #1F2020;
	padding: 5% 0 10% !important
}
.footer ul {
    border-left:1px solid rgb(62, 62, 62);
	padding-left: 40px !important
}
.footer li {
    position: relative;
	margin-bottom: 5px
}
.footer li a{
    color: #fff;
	text-decoration: none;
	font-size: 14px !important;
}
.footer li a::before {
    -webkit-transform: translateY(-50%);
    display: block;
    position: absolute;
    top: 18px;
    left: -13px;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border-width: 4px 0 4px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #008639;
    content: '';
}
.footer .drop{
    padding-left: 15px
}
.footer .drop a::before {
    display: block;
    position: absolute;

    top: 18px;
    left: 0px;
    width: 6px;
    height: 2px;
	border: none;
	background: #fff
}
}

@media print and (max-width:782px) {
.footer  {
 display: none
}
}

@media print {
.ssl {
	background:#F5F5F5;
	padding: 1% 0
}
.ssl table{
max-width: 550px; 
	vertical-align: middle;
	margin: 0 auto
}
.ssl table td:nth-child(1){
width: 35%
}
.ssl table td:nth-child(2){
width:65%;
	vertical-align:middle
}
.ssl p{
	margin: 0 0 2%;
	font-size: 14px !important;
	line-height: 25px !important
}
}

@media print and (max-width:782px) {
.ssl {
	background:#F5F5F5;
	padding: 6% 0
}

.ssl p{
	margin: 2% 0 2%;
	font-size: 13px !important;
	text-align: center !important
}
.ssl td:nth-child(1){
width: 100% !important;
text-align: center !important
}
}