@charset "UTF-8";
/* CSS Document */


/*------------------------------------------------------------------------
 The new CSS reset - version 1.11.3 (last updated 25.8.2024) 
------------------------------------------------------------------------*/
*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable="false"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable="true"]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}



/*------------------------------------------------------------------------
common
------------------------------------------------------------------------*/
* {box-sizing: border-box !important;}


body {
  margin:0;
  font-family: "Noto Sans JP", "メイリオ", " Meiryo", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  /*background-size:cover;
  background: url(../images/main_bg.png) no-repeat #63d520;*/
}
body::before{
content: "";
    background: url(../images/main_bg.png) no-repeat center center;
    background-size: cover;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    transform: translateZ(0);


}


a {color: #005999; text-decoration:underline;}
a:hover{ text-decoration:none;}
.a_img_hover:hover{opacity: 0.7;}

img{vertical-align: bottom;}

hr{border: solid 1px gray;display: block;}


.l-wrapper{}
.l-count{
	text-align: left;
	margin-right:auto;
	margin-left:auto;
  width: calc(100dvw - 48px);
  max-width: 1000px;
}

@media screen and (max-width: 819px) {
  .l-count{
    width: calc(100dvw - 16px);
  }
}



.main-count{
padding: 0;
    margin-top:8px;
    margin-bottom:8px;

}

.main-conunt-inner{display:flex; flex-wrap:nowrap; gap:8px;}

@media screen and (max-width: 720px) {.main-conunt-inner{display:block}}


/*------------------------------------------------------------------------
header
------------------------------------------------------------------------*/

.header-bg{
	padding: 5px 10px 10px 10px;
    background:#FFF;
    border-radius: 0px 0px 5px 5px;    /* 角丸指定 */
}
@media screen and (max-width: 794px) {
  .header-bg{
	  padding: 5px 0 5px 5px;
  }
}
/*------------------------------------------------------------------------
sub_menu_area
------------------------------------------------------------------------*/
.sub_menu_area{display:flex;justify-content: flex-end; margin-bottom:10px}
.sub_menu_area > ul{display:flex;list-style-type:none; margin:0; padding:0;justify-content: flex-end;font-size:15px;}

@media screen and (max-width: 1031px) {.sub_menu_area{display: none;}}



/*------------------------------------------------------------------------
c_banner_area
------------------------------------------------------------------------*/

.c_banner_area{display:flex;
    flex-wrap:nowrap;
    align-self: flex-end;
    justify-content:space-between;
    gap: 20px}

@media screen and (max-width: 1031px) {.c_banner_area{ margin-top: -63px; padding-right: 58px;justify-content:start;}}
@media screen and (max-width: 720px) {
  .c_banner_area{ margin-top: -51px; padding-right: 58px;display: block;}


}

/*h1*/
.header_banner{margin:0;padding:0;display:flex;align-self: flex-end;}
.header_banner img{width:430px;}/* 企業ロゴサイズ */

.header_num{display:flex;align-self: flex-end;}

@media screen and (max-width: 720px) {
  .header_banner{ margin-bottom: 10px; display: block; text-align: left;}
}
/*header_infoarea*/
	.header_infoarea{display:flex;flex-wrap: wrap; width:305px;list-style-type:none; margin:0; padding:0;align-self: flex-end;}
	.header_infoarea > li{width:150px}
	.header_infoarea > li:nth-child(1){margin-right:5px; margin-bottom:5px;}
	.header_infoarea > li:nth-child(3){margin-right:5px;}
	.header_infoarea > li > a{background:#005999; color:#FFF;font-weight:bold;font-size:14px; padding:0 5px;display:block;border-radius:3px; text-decoration:none;}
	.header_infoarea > li > a:hover{opacity: 0.7;}

	@media screen and (max-width: 1031px) {.header_infoarea{display: none;}}

/*------------------------------------------------------------------------
footer
------------------------------------------------------------------------*/
.foooter_bg{padding: 0;
    margin-top: 8px ;
    background: linear-gradient(0deg, rgba(244, 244, 244, 1), rgba(223, 223, 223, 1));
    border-radius:  5px ;    /* 角丸指定 */}

.fotter_flex_box{display:flex; padding:10px 10px 5px 10px;flex-wrap:nowrap;}
.fotter_flex_box > div{padding:10px;}
.fotter_flex_box > div:nth-child(1){width:370px;}
.fotter_flex_box > div:nth-child(2){width:calc( (100% - 370px) / 2 );border-left:dotted 1px #000;}
.fotter_flex_box > div:nth-child(3){width:calc( (100% - 370px) / 2 );border-left:dotted 1px #000;}

.fotter_flex_box > div:nth-child(1) > a > img{width:100%;max-width:310px; margin-bottom:20px;}

dl.footer_office_info{display:flex;flex-wrap:wrap}
.footer_office_info dt{font-weight:bold;width:60px;}
.footer_office_info dd{width:calc(100% - 60px); margin:0 0 10px 0;}

@media screen and (max-width: 794px) {
  .fotter_flex_box{display:block;}
	.fotter_flex_box > div:nth-child(1){width:100%;border-left:none;}
	.fotter_flex_box > div:nth-child(2){width:100%;border-left:none;}
	.fotter_flex_box > div:nth-child(3){width:100%;border-left:none;}
}

ul.footer_ul { margin:0 0 0 10px;padding:0;list-style-type:none;}
ul.footer_ul li:before{content: url(../images/list_img01.svg);padding-right: 10px;}

.p_copy{font-size: 12px;text-align: right;font-weight: bold;color: #666;padding:10px; margin:0;}



/*------------------------------------------------------------------------
パンくずリスト
------------------------------------------------------------------------*/
.breadcrumbs-list {
  padding:5px;
  font-size: 14px;
}

.breadcrumbs-list ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.breadcrumbs-list li {
  line-height: 1.7;
}

.breadcrumbs-list li:not(:first-child) {
  padding-left: 5px;
}

.breadcrumbs-list li .arrow {
  margin-right: 5px;
}
.breadcrumbs-list img{ vertical-align:baseline !important;}


/*------------------------------------------------------------------------
style
------------------------------------------------------------------------*/
.u-mt8{ margin-top: 8px !important;}
.u-mt10{ margin-top: 10px !important;}
.u-mt20{ margin-top: 20px !important;}
.u-mb8{ margin-bottom: 8px !important;}
.u-mb10{ margin-bottom: 10px !important;}
.u-pa20{ padding: 20px !important;}
.u-tar{ text-align: right !important;}
.u-tal{ text-align: left !important;}
.u-tac{ text-align: center !important;}
.u-mtwb{ font-weight: bold !important;}
.u-fts12{font-size: 12px !important;}
.u-lh0{ line-height: 0 !important;}


/*------------------------------------------------------------------------
ソーシャルボタン
------------------------------------------------------------------------*/
.div_social{display: flex;justify-content:flex-end; margin-bottom: 50px;}
.div_social > div:nth-child(1){ margin-right:7px}
.div_social img{ width: 35px;}

.div_top_social{display: flex;justify-content:flex-end; margin-right: 10px;}
.div_top_social > div:nth-child(1){ margin-right:7px}
.div_top_social img{ width: 25px;}