@charset "utf-8";
/* CSS Document */
/* color */
.txt_color_nomal{color: #0d0d0d;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #0074b5} /* メインカラー */
.txt_color2{color: #EFEFEF} /* サブカラー */
.txt_color3{color: #f2f2f2} /* アクセントカラー1 */
.txt_color4{color: #0074b5} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: #f2f2f2} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #f2f2f2} /* メインカラー */
.bg_color2{background-color: #EFEFEF} /* サブカラー */
.bg_color3{background-color: #0074b5 !important;} /* アクセントカラー1 */
.bg_color4{background-color: #0d0d0d} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #f6db2e}
.border_color2{border-color: #f6db2e}
.border_color3{border-color: #f6db2e; !important;}
.border_color4{border-color: #E4E2D5}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #212121;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #603813} /* メインカラー */
.hvr_txt_color2:hover{color: #EFEFEF} /* サブカラー */
.hvr_txt_color3:hover{color: #8C6239} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #E4E2D5} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: rgba(0,116,181,0.5)!important;} /* メインカラー */
.hvr_bg_color2:hover{background-color: #EFEFEF} /* サブカラー */
.hvr_bg_color3:hover{background-color: #f2f2f2} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #E4E2D5} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #603813}
.hvr_border_color2:hover{border-color: #EFEFEF}
.hvr_border_color3:hover{border-color: #8C6239}
.hvr_border_color4:hover{border-color: #E4E2D5}



/*ローディング画面*/
.circ1,.circ2,.circ3,.circ4{
	background-color: #0d0d0d !important;}
header{top:0;
left:0;}

a.linkStyle:hover {
    color: #f6db2e;
}

a.linkStyle {
    color: #0074b5;
}

h2,.cate_title,.h3.box_title1{
font-family: toppan-bunkyu-midashi-go-std, sans-serif !important;
font-weight: 900;
font-style: normal;
}

h1,h3,p,a,txt_color3,.box_txt1,.box_item,.box_txt2{
font-family: ryo-gothic-plusn, sans-serif !important;
font-weight: 400;
font-style: normal;
}

h3.txt_color3{
color: #0074b5;
}

.font_top{
    text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;}


.box_item p{
color: #0d0d0d !important;
}

#page10.a{
    color: #0074b5;
}

img.banner {
    width: 100%;
    padding-bottom: 19px;
}

a img.banner:hover{
transition: all 0.5s;
opacity:0.8;
}

header a{
	border-color: #f2f2f2 !important;
}

header li{
    margin: 0 8px;
    
}
.grid_1{
width: 13.33333% !important;
}

header .flex_space-between{
justify-content: flex-start;
    align-items: flex-start;
}


.cate_title{
color: #081784;
}

.mail::before{
display: none !important;
}


h3.box_title1 {
         border-color:  #f6db2e !important;
         color: #081784;
font-family: toppan-bunkyu-midashi-go-std, sans-serif !important;
font-weight: 900;
font-style: normal;
}


#main_menu ul li a::before {
    background-color: #fff !important;
}

.cms_title::before {
    background-color: #081784 !important;
}

.more a{
	border-color: #0074b5 !important;
	color: #081784 !important;
}

.more a:hover{
	background: #f8ec00;
}

#page_title .page_box::before {
    background-color: #081784;
}


#page_title p{
    color: #081784;
}


#cms_2-c a{
color: #081784;
}

#cms_3-c a{
color: #081784;
}

#cms_4-b a{
color: #081784;
}

.box_txt1{
color: #0074b5;
}

p.box_txt1 {
    color: #0d0d0d;
}

.p_button{
    background-color: #0074b5;
}
.site_map{
color: #0074b5;
}

footer.width_1280-max{
    background: rgba(242,242,242,0.8);
    width: 100%;
    max-width: 100%;
    background-image: url(./dup/img/bg_renga.jpg);
    background-blend-mode: overlay;
}

footer .d_flex  {
margin: 0px auto;
}

.footer_cms{
    color: #0d0d0d;
}

footer a{
     border-color: #0d0d0d !important;
}

.foot_tel_bt a{
	color: #0d0d0d;
}

.foot_tel_bt a:hover{
	background: #0d0d0d !important;
	color: #f2f2f2;
}



/*signpole*/
footer .pole{
 position: absolute;
 margin: 53px 0px 0px 234px;
}


.head {
    width: 20px;
    height: 5px;
    background: #111111;
}

.loader {
    width: 20px;
    height: 38px;
    background: #E7EBEB;
    overflow: hidden;
    box-sizing: border-box;
    border-right: 4px solid #E7EBEB;
    border-left: 3px solid #E7EBEB;
}

.loader .inset {
    animation: spin 0.5s infinite linear;
}

.loader .inset div {
  width: 200%;               
  height: 6px;
  margin-bottom: 11px;     
  position: relative;       
  left: -50%;               
  transform: rotate(-40deg); 
}

.loader .red {
  background: #ED2828;
}

.loader .blue {
  background: #0714A6;
}

.base {
  width: 20px;
  height: 5px;     
  background: #111111; 
}

@keyframes spin {
	
0% {
    transform: translateY(-9px);
}

100% {
    transform: translateY(-45px);
}
}
/*signpole*/



.minimg{
  width:auto;
}

.modal_bt{cursor: pointer;
color:#0d0d0d;}

.modal_bg{
     top: 0;left: 0;
     background-color: rgba(255,255,255,0.8);
     z-index: 9999
}
.modal_box{
     max-height: 80%;
     overflow-y: auto;
     z-index: 10
}

.txt1_g{
     padding-top: 20px;
     padding-bottom: 10px;
}13px 0 11px

.dtl1_g{
     padding-bottom: 20px;
}


.close_bt{cursor: pointer}



div#cms_1-e a {
    color: #0074b5;
}

/*IE*/
@media all and (-ms-high-contrast: none){
#main_menu ul li a{
padding-top: 4px;
}

#page9 .box p a{
padding:12px 6px 0px;
}

.cate_list li a{
padding: 19px 0 8px;
}

.cms_1-e .date {
padding-top: 17px !important;
padding-bottom: 5px !important;
}

#cms_1-e .date {
padding-top: 17px !important;
padding-bottom: 5px !important;
}

#cms_5-c .box_txt1::before{
padding-top:5px;
}

h3.box_title1{padding-top: 12px;
}
.pc_box .contact_bt a{
   padding-top: 25px;
}

.pc_box .tel_bt a{
   padding-top: 25px;
}

.foot_tel_bt a{
padding-top:25px;
}

.more a{
       padding-top: 25px;}
    
.contact_tel a{
       padding: 30px 0 13px 0;
}

}


@media screen and (max-width: 768px){
#map .ggmap{
margin: 20px;
}

.font_top{
    text-align: right;
    margin-left: 115px;
    margin-top: 199px;
}

footer.grid_5 {
    margin-left: 32px;
}

li.grid_1{margin: 0px 8px;}

footer .link_box li {
    max-width: 29px;
}

footer img{
height: 92% !important;}

.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {
    background: #0d0d0d;
}

.hamburger__icon::after{
color:#0d0d0d;
}

.bg_white a {
    color: #0074b5;}


img.banner_tb {
    height: auto;
    width: 100%;
    max-width: 250px;
    margin: 23px 260px;
}


footer{width: 100%;
    min-width: 100px;
}

footer .d_flex {
    width: 100%;
    margin: 0px auto;
    justify-content: flex-start;
    align-items: flex-start;
}

img.banner {
    display: none;
}

img.logo{
    width: 55% !important;
    margin-left: 47px;
}

.hamburger {
    top: 29px;
    right: 23px;
}
}

@media screen and (max-width: 667px){
img.logo{
    width: 45% !important;
    margin-left: 32px;
}

.font_top{
    text-align: right;
    margin-left: 55px;
    margin-top: 88px;
}

h2.logo{
margin: 30px;
}

footer .pole{
 position: absolute;
 margin: 81px 0px 0px 255px;
}

.footer_cms{
    margin: 30px;
}

footer.grid_5 {
    margin: 30px !important;
}

img.banner_tb {
    height: auto;
    width: 100%;
    max-width: 132px;
    margin: 23px 121px;
}

.hamburger {
    top: 13px;
    right: 11px;
}

}