﻿h1,h2,h3,h4,h5,h6{font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold !important;}
body p{font-weight: bold;
    font-size: -webkit-calc(1rem + 1px);
    font-size: calc(1rem + 1px);}



/*濃青#001D4A 0,19,48*/
/*青  #1D2059 29,32,89*/
/*M青 #31379E 49,55,158*/
/*ピ  #D26971 210,105,113*/
/*黄  #DDA827 221,168,39*/

body, .txt_color_nomal {color: #001D4A!important;}
.bg_color1 {background-color: #ffffff !important;}
.bg_color3 {background-color: #D26971 !important;}
.bg_color4 {background-color: #D26971;}

.txt_white {color: #1D2059 !important;}
.txt_color2 {color: #DDA827 !important;}
.txt_color1 {color: #001D4A;}
.cms_title p {color: #D26971;}

.border_color4 {border-color: #DDA827 !important;}
.border_color2 {border-color: #DDA827 !important;}

#main_menu ul li a {color: #001D4A !important;}
#main_menu.fixed {
    background: rgba(242,242,242,0.9) !important;
    border-bottom: 1px solid #fff !important;}

#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {
    background: linear-gradient(
135deg
,#DDA827 1%,#d48435 50%,#31379E 405%) !important;
    opacity: 0.9;
}
#contents1 .contents_box h2, #contents2 .contents_box h2, #contents3 .contents_box h2 {
    color: #ffffff !important;
    font-weight: normal !important;}
#contents1 .contents_box p, #contents2 .contents_box p, #contents3 .contents_box p {
    color: #ffffff !important;
    font-size: -webkit-calc(1rem + -1px);
    font-size: calc(1rem + -1px);}
#aisatsu > div {background-color: rgba(221,168,39,0.90) !important;}
section#info_map{
    background-image: url(dup/img/bg_img.jpg) !important;}

ul.sns_link {background: #6a6c6e !important;}
div#f_menu a {color: #D26971 !important;}



.mandara{max-width:60px;
    padding-bottom: 5px;
}

div#main_img .box_img::before {
    content: '';
    background-image: url(dup/img/catchcopy.png);
    position: absolute;
    height: 38%;
    width: 100%;
    max-width: 600px;
    opacity: 1.3;
    content: "";
    display: block;
    z-index: 3;
    right: 24%;
    bottom: 33%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}
.box_img::after {
    content: '';
    background: #aaa;
}


div#main_img .box_img::after {
    content: '';
    background-image: url(dup/img/catchcopy_bg.png);
    position: absolute;
    height: 100%;
    width: 100%;
    max-width: 100%;
    opacity: 0.3;
    content: "";
    display: block;
    z-index: 2;
    right: 0%;
    bottom: 0%;
    background-repeat: no-repeat;
    background-size: 200%;
    background-position: bottom;
}


main#page10 ul li a {
    font-weight: bold;
    font-size: calc(1rem + 2px) !important;
}


.foot_tel_bt a {font-weight: bold;}

.header .txt_white {font-weight: bold;}

#main_img2 .page_title {
    background-color: rgba(221,168,39,0.70) !important;
}

h3.box_title1 {
    color: #DDA827 !important;
}

#cms_5-c .box_title1 {
    border-color: rgba(221,168,39, 0.6) !important;
}

.opacity07 {
    opacity: 0.9;
}


#fakeloader .fl {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%)!important;
    width: 15%!important;
    max-width: 300px!important;
}


main#page9 .cate_box a {
    color: #ffffff !important;
}

main#page10 ul li a  {
font-weight:bold;}
main#page10 ul li a span {
display: none;}


section#info_map .border_so5-l, section#info_map i {
    border-color: rgb(49, 55, 158) !important;
}


#main_img2 {
    /* background-image: url(../img/s3.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    max-width: 1080px;
    width: 100%;
    height: 240px;
    margin: 0 auto;
    margin-bottom: 50px;
}

/*linkStyle*/
a.linkStyle {
    color: #DDA827;
    transition: 0.5s;
}
a.linkStyle:hover {
    opacity: 0.8;
}

.bg_color2 {
    background-color: #DDA827;
}

section#cms_3-c .box_title1,section#cms_3-c .box_title2 {
    font-weight: bold;
    color: #DDA827;
}

#cms_3-c .cate_title {
    font-weight: bold;
    color:#d48435;
}

#cms_5-c .box_txt1::before {
    color: rgba(0,19,48,0.8) !important;
}

ul.sns_link {
    background: #fffcf5 !important;
}

h1#logo img {
    max-width: 170px;
}
ul.pager li a span {
    color: #1D2059 !important;
}
/*IE*/
@media all and (-ms-high-contrast: none){
.page_title h2 {padding-top: 30px !important;}

ul.pager li a {
    color: #001d4a !important;
}

#cms_2-a .cate .cate_title {
    padding-top: 7px !important;
}


main#page8 .cate .grid_5 a {
    padding-top: 35px !important;
}

#page9 .cate_box p a {
    padding: 6px 10px 2px !important;
}


}
/*タブレット*/
@media screen and (max-width: 768px){
    h1#logo img {
    max-width: 150px;
}

div#main_img .box_img::before {
    content: '';
    background-image: url(dup/img/catchcopy.png);
    position: absolute;
    height: 38%;
    width: 100%;
    max-width: 500px;
    opacity: 1.3;
    content: "";
    display: block;
    z-index: 3;
    right: 19%;
    bottom: 33%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}

.mandara {
    max-width: 55px;
    padding-bottom: 8px;
}


footer .grid_9 {
    padding: 15px !important;
    padding-left: 0 !important;
}
figure#logo2 img {
    max-width: 130px !important;
}

figure#logo2 {
    width: 21% !important;
}

#fakeloader .fl {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%)!important;
    width: 25%!important;
    max-width: 300px!important;
}

#page8 .grid_5 {
    margin: 10px;
}

/*main#page10 ul li a span {*/
/*display: inline-block;*/
/*padding: 0;;*/
/*}*/

section#info_map {
    background-image: url(dup/img/bg_img.jpg) !important;
    background-size: contain;
}
}
/*スマホ*/
@media screen and (max-width: 667px){
    
    #fakeloader .fl {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%)!important;
    width: 40%!important;
    max-width: 300px!important;
}

h1#logo img {
    max-width: 90px;
}

div#main_img .box_img::before {
    content: '';
    background-image: url(dup/img/catchcopy.png);
    position: absolute;
    height: 40%;
    width: 100%;
    max-width: 250px;
    opacity: 1.3;
    content: "";
    display: block;
    z-index: 3;
    right: 18%;
    bottom: 33%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}

figure#logo2 {
    width: 45% !important;
}

.cms_1-a p, .cms_1-a h3 {
    text-align: left;
}

.pager li {
    margin: 0 !important;
}


}

















/*20210928_公開後修正*/
/*#00008b*/
/*#0095d9*/
/*#008bcc*/

#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {
    background: linear-gradient(
135deg,#008bcc 0%,#00008b 100%) !important;
    opacity: 0.9;
}

#aisatsu > div {
    background-color: rgba(255,255,255,0.8) !important;
}


section#info_map{
    background-image: url(dup/img/bg_img.png) !important;}

.foot_tel_bt a { color: #ffffff !important;}
section#info_map .border_so5-l, section#info_map i {
    border-color: rgb(255, 255, 255) !important;}
#info_map p, #info_map span {
    color: #ffff !important;}
section#info_map .button-effect a {
    color: #ffffff !important;}
#main_img2 .page_title { background-color: rgba(0, 0, 139,0.2) !important;}


.top_banner {transition: 0.5s;}
.top_banner:hover { opacity: 0.7;}

#main_menu ul li a { color: #00008b!important;}
p.menu_sub_title {color: #0095d9 !important;}

div#main_img .box_img::before { 
    height: 41%;
    right: 22%;}
/*タブレット*/
@media screen and (max-width: 768px){

section#info_map {
    background-image: url(dup/img/bg_img.png) !important;
    background-size: contain;
}

div#main_img .box_img::before {
    height: 46%;
    right: 17%;
    bottom: 28%;}
}


@media screen and (max-width: 768px){
div#main_img .box_img::before {
    height: 50%;
    right: 16%;
    bottom: 28%;}
}