/* =============================================
　　loading
============================================= */
#loading{
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 999999;
	background-color: #fff;
}
#loading_line{
	position: absolute;
	top: 0;
	margin: auto;
	width: 100%;
	height: 100%;
}
#loading_line .line{
	position: absolute;
	top: 0;
	width: 0;
	height: 100%;
	z-index: 1;
background-color: #00217f;
}
#loading_line .line2{
	position: absolute;
	top: 0;
	width: 0;
	height: 100%;
	z-index: 2;
	background-color: #fff;
}
#loading_logo{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 50%;
	max-width: 300px;
	z-index: 3;
}



/* ----------　基本カラー　---------- */
.txt_white {
	color: #333;
}
.txt_color2 {
	color: #f1a71e;
}
.txt_color4 {
	color: #f1b74c;
}
.bg_color1 {
	background-color: #fff;
}
.bg_color3 {
	background-color: #00217f;
}
#page-top a {
	background-color: #f1a71e;
}
.border_color2 {
    border-color: #00217f;
}
.border_color4 {
	border-color: #b4b4b4;
}



/* ----------　全体共通部分　---------- */
.linkStyle{
	color:#77bcba;
}
.linkStyle:hover{
	color:#77bcba;
	opacity: 0.7;
	transition: all 0.5s;
}
body, .txt_color_nomal {
	color:#333!important;
}
#main_menu ul li {
	font-weight: bold;
}
#main_menu ul li a {
	color: #00217f;
}
#main_menu ul li a .menu_title {
	font-weight: bold;
	font-size: -webkit-calc(1rem + 1px)!important;
	font-size: calc(1rem + 1px)!important;
}
#main_menu.fixed ul li a {
	color: #fff;
}
#main_menu ul li a .menu_sub_title{
	color: #f1b74c;
}
#f_menu ul li a {
	color: #00217f;
}
.button_container.active .top {
	background: #00217f;
}
.button_container.active .bottom {
	background: #00217f;
}
#fixed_right_banner .sns_link{
	background-color: #f3f3f3;
}
.fa-phone:before {
    color:#f1a71e;
    border-right: 1px solid #00217f;
    padding-right: 5px;
}
#info_map .fa-phone:before {
    color: #fff;
border-right: 1px solid #fff;
}
header #logo img{
width: 350px;
}
.header{
    padding-bottom: 30px;
}
.button_container span {
    background: #00217f;
    box-shadow: 2px 2px 2px #fff;
}
#page-top {
    background-color: #f1a71e;
}
#aisatsu > div ,#main_menu.fixed,#main_img2 .page_title{
    background-color: rgba(241,167,30,0.70);
    background-color: rgb(0 ,33 ,127 ,0.7)!important;
}

/* #main_menu{
background-image: url(Dup/img/back3.png);
    background-size: 15%;
    background-repeat: repeat-x;
    background-position: bottom;
    margin-bottom: 0px;
    padding-bottom: 25px;
    width: 100%!important;
    max-width: 1080px;
    margin: auto;
}
#main_menu.fixed{
background-image: none;
    padding-bottom: 10px;
        max-width: 100%!important;
    transition: all 0.5s ,max-width 0s ,max-width 0s ,padding-bottom 0s;
} */



/* ----------　TOP　---------- */
#aisatsu h2{
	font-weight: bold;
}
#aisatsu h2,#aisatsu p{
	color: #fff;
}
#top_contents .contents_box h2{
	color: #00217f;
	font-weight: bold;
}
#top_contents #contents1 .contents_box h2,#top_contents #contents3 .contents_box h2 {
    color: #f1a71e;
}
.cms_title p{
	color: #00217f;
}
#top_cms h2 {
	font-weight: bold;
}
#top_cms .cms_title h2::before, #top_cms .cms_title h2::after {
	background-color: #00217f;
}
#info_map a,#info_map p{
	color: #fff;
}
.contents_box{
    padding: 0px;
}
.contents_box::before {
	background-color:#00217f;
}
.contents_box::after {
 	background-color: #00217f;
}
.contents_box2{
    background-image: url(Dup/img/back.png);
    background-repeat: no-repeat;
    background-size: 105%;
    background-position: bottom 5px left;
    padding: 30px;
}
.contents_box2::before {
	background-color: rgba(84, 112, 172, 0.7);
}
.contents_box2::after {
	background-color: rgba(84, 112, 172, 0.7);
}
#contents1 .contents_box p,#contents2 .contents_box p,#contents3 .contents_box p{
	color: #333;
}
#top_cms .cms_title h2::before, #top_cms .cms_title h2::after {
    background-color: #f1a71e;
}


/* ----------　下層ページ　---------- */
#main_img2 {
    background-size: 25%,cover;
    background-position: top 25px right -65px,top center;
}

.page_title h2{
	font-weight: bold;
}
.page_title h2 span{
	font-size: -webkit-calc(1rem + 0px);
	font-size: calc(1rem + 0px);
}
.cate_title {
	background-color: #00217f;
	border: none;
 	padding: 5px 10px;
	text-align: left;
	color: #fff;
}
.cate_list li a {
    border: 1px solid #f1a71e;
}
#cms_6-b .cate_box .box_txt1{
    background-color: #eeeeee;
}
#form_area input {
	background-color: #00217f;
	color: #fff;
}
#form_area input:hover {
	background-color: #f1b74c;
	color: #fff;
}
#page8 .d_flex.mg_b-30px input,#page8 textarea{
	background-color: #fafbfd;
	border: 1px solid #00217f;
}
#page8 .end_message,#page8 .error_message{
	color: #00217f!important;
}
#page9 p a{
	background-color: #00217f;
	color: #fff;
}
#page9 p a:hover {
	background-color: #f1b74c;
	color: #fff;
}


/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
.cate_title {
    padding: 15px 10px 5px;
}
}



/* ----------　タブレットサイズ　---------- */
@media screen and (max-width: 768px){
header #logo img {
    width: 220px;
}
#f_menu ul li a{
    letter-spacing: 1px;
}
}



/* ----------　スマホサイズ　---------- */
@media screen and (max-width: 667px){
#loading_logo {
    width: 70%;
}
.header {
    padding-bottom: 0px;
    padding-top: 10px;
}
.header #logo{
    width: 100%!important;
    margin-right: auto;
}
#main_img2 {
    background-size: 50%,cover;
}
#main_img2 .page_title h2{
    padding-right: 10px;
    padding-left: 10px;
    width: 60%;
}
.tel_box{
background-image: url(Dup/img/back3.png);
    background-size: 33%;
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 40px;
}
}