﻿/* service_003
service_001 の全体の背景を黒にしただけ */

@charset "utf-8";

body, main#main{
	background: #111;
	color: #fff;
	}

main#main a{
	color: #fff !important;
	}

#setting_modal, #loading_modal {
	color: #333;
	}


/* header
---------------------------------------------------*/
header{
	background-color: #111;
	color: #fff;
	}

header#pattern5 .link_setting a{
	color: #fff !important;
	}

header .header_contents .header_col1 .tel svg{
    fill: #fff;
	}

header .header_contents .header_col1 .tel a{
    color: #fff !important;
    font-weight: bold;
	}

header .btn > a {
	background: #bb0006 !important;
	color: #fff !important;
	font-weight: bold;
	}

header#pattern5 nav{
	background: #111;
	border-top: 1px solid #bb0006;
	}

header nav ul.nav_1st > li > a:hover {
	background: #000;
	opacity: 1;
	}

header nav * {
	color: #fff;
	font-family : YuMincho, 'Yu Mincho', serif;
	font-size: 1.6rem;
	}

header nav ul.nav_1st > li:after,
header nav ul.nav_1st > li:last-child:before{
    height: 20px;
    top: 50%;
	transform: translateY(-50%);
    background: #bb0006;
	}


/* footer
---------------------------------------------------*/
footer{
	background: #111;
	color: #fff;
	}

footer a{
	color: #fff !important;
	transition: .3s;
	}

footer nav li a:hover{
	opacity: 0.6;
	}

#fixbtn .fixbtnwrap {
	background-color: #222 !important;
	}

#fixbtn .fixbtntel a{
    font-weight: bold;
	}

#fixbtn .fixbtntel p{
	color: #fff;
	}

#fixbtn #scrolltop a:before {
	border-color: #fff;
	}


/* kv
---------------------------------------------------*/
#mv:before{
	content: none;
	}

#mv:after {
	background: none;
	}



/* parts
---------------------------------------------------*/
.contents_box01.block_image_text_2 .block_header_1 .h,
.composite_box01.block_images_7.block_image_text2 .block_header_1 .h,
.block_map_1 .block_header_1 .h,
.block_news_1 .block_header_1 .h{
	font-size: 5rem;
	font-family : YuMincho, 'Yu Mincho', serif;
	font-weight: bold;
	color: #fff;
	} 

.contents_btn01 a, .glossary_archive .content_wrapper .heading.block_header_2 a:after, main form .submit span, main form .submit span input {
    background: #bb0006 !important;
	font-weight: bold;
	color: #fff !important;
	}

.contents_btn01 a:hover, .glossary_archive .content_wrapper .heading.block_header_2 a:hover:after, main form .submit span:hover{
	opacity: 0.6;
	}

.contents_box01.block_text_1 .block_header_1{
	margin-bottom: 10px;
	}

.contents_box01.block_text_1 .block_header_1 .h{
	font-size: 3rem;
	font-weight: bold;
	font-family : YuMincho, 'Yu Mincho', serif;
	}

.blockarea.block_header .heading.block_header_4 .h{
	font-size: 4rem !important;
	font-weight: bold;
	font-family : YuMincho, 'Yu Mincho', serif;
	}

#lv p span {
	font-family : YuMincho, 'Yu Mincho', serif;
	font-size: 5rem;
	}

#lv.blur0 .parallax_img{
	opacity: 0.5;
	}

.widget_sitemap .content_wrapper>ul>li>a:before {
    background: #bb0006 !important;
	}

.news_sidebar .heading.block_header_5 .h,
.heading.block_header_5 p{
    color: #fff !important;
	}

.pager2 li a {
    background: #bb0006 !important;
    color: #fff !important;
	border-radius: 0;
	}

#pan {
	border-bottom: none; 
	background: #222;
	}

#pan a{
	color: #999 !important;
	}

#pan ul li:after {
	border-top-color: #999;
	border-right-color: #999;
	}

.heading.block_header_2,
.heading.block_header_1 p:before,
.heading.block_header_6 .h:before{
    border-color: #fff;
	}

.block_table_1 table th,
.block_table_1 table td{
    background: none;
	border-color: #333;
	}

.block_table_1 table th{
    background: #222;
	}

header nav ul.nav_2nd > li{
	background: rgba(0,0,0,0.8);
	}



/*tablet
================================================================================================================================*/
@media screen and (max-width: 900px){

/*header
------------------------------------------*/
header .wraper>.inner{
	padding: initial;
	}

header .sp_menu a div span, header .sp_menu a div:before, header .sp_menu a div:after {
	background: #fff;
	}

header.open:after, header .header_contents {
	background: rgba(0, 0, 0, 0.9);
	}

header nav ul.nav_1st > li i:before, header nav ul.nav_1st > li i:after {
    background: #fff;
}

}




/*sp
================================================================================================================================*/
@media screen and (max-width: 640px){

.contents_box01.block_image_text_2 .block_header_1 .h, .composite_box01.block_images_7.block_image_text2 .block_header_1 .h, .block_map_1 .block_header_1 .h, .block_news_1 .block_header_1 .h {
	font-size: 3rem;
	}

.heading.block_header_2 {
	padding-left: inherit;
	}

.blockarea.block_header .heading.block_header_4 .h {
	font-size: 2.6rem !important;
	}

#lv {
	height: 150px;
	}

#lv p span {
	font-size: 3rem;
	}

.contents_box01.block_text_1 .block_header_1 .h {
    font-size: 2rem;
	}


}