@charset "utf-8";

body {
    color:#000;
    font-family:"Noto Sans JP", sans-serif;
    font-size: 15px;
    line-height:2.1;
    font-weight: 400;
    letter-spacing: 0.5px;
    background: #fff;
}
body.active{background: #222;}
    @media screen and (min-width:601px) {
        .br_pc_none{display: none;}
    }   
    @media screen and (max-width:600px) {
        body{font-size: 13px;}
        .br_sp_none{display: none;}
    }
body.no-scroll {overflow: hidden; }
a{color: #000;}

.wrapper{
    width: 100%;
    max-width:730px;
    margin: 0 auto;
    padding: 0 15px;
}

.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.text_r{color: #bd0100;}

.h1_text{display: flex; align-items: center; font-size: 35px; font-weight: 400; color: #002395; letter-spacing: 2px; margin-bottom: 45px;}
.h1_text span{
    position: relative;
    display: inline-block;
    padding: 0 35px;
    font-size: 14px; font-weight: normal;  letter-spacing: 0.5px;margin: 6px 0 0 18px;
}

.h1_text span:before,
.h1_text span:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 30px;
    height: 1px;
    background-color: #002395;
}

.h1_text span:before {
    left: 0;
}

.h1_text span:after {
    right: 0;
}


/*--header-------------------------------------------------*/
.header_wrap{width: 100%; max-width:1075px; margin: 0 auto 35px; text-align: center; letter-spacing:0.15rem; }
.header_wrap .headArea {position: relative; z-index: 1000; background-color: #fff; padding-top: 35px; width: 100%;}
.header_wrap .h1_logo img {width: 300px; height: auto;}
.header_wrap .h1_logo a{display: inline-block; transition: .3s ease;}
.header_wrap .h1_logo a:hover{opacity: 0.6;}
    @media screen and (max-width:600px) {
        .header_wrap{margin: 0 auto 15px 0;}
        .header_wrap .headArea {padding: 15px 0 10px;}
    }

.header_wrap .site_nav li{position: relative;}
.header_wrap .site_nav > li > a{display: inline-block;}
.header_wrap .site_nav > li > a:hover{opacity: 0.6; transition: opacity .2s ease;}
.header_wrap .site_nav > li > a::after{content: ""; position: absolute; bottom:0; left:0; width: 0; height: 2px; background-color: #bd0100; transition: .3s; opacity: 0.6;}
.header_wrap .site_nav > li.li_jagda a:hover::after{width: 0;}

@media screen and (min-width:601px) {
    .header_wrap{overflow-x: clip;}
    .header_wrap nav{max-width:722px; display: flex; flex-direction: row; justify-content: space-around; align-items: center; margin: 0 auto; margin-top: 10px; padding:0 15px;}
    .header_wrap .site_nav{display: flex; flex-direction: row; justify-content: space-between; flex-grow: 1; margin: 0 35px 0 0;}
    .header_wrap .site_nav > li{padding-bottom: 1px;}
    .header_wrap .site_nav > li a:hover::after{width: 100%;}
}

.header_wrap .site_nav .li_jagda{position: relative;}


@media screen and (min-width:1075px) {.header_wrap .site_nav .li_jagda .jagda_wrap{padding:0 15px 20px calc(15px + 198px);left:-368px; }}
@media screen and (min-width:740px) and (max-width:1074px) {.header_wrap .site_nav .li_jagda .jagda_wrap{padding:0 15px 20px calc(48.8vw - 314px); left: calc(-49.7vw + 167px);}}
@media screen and (min-width:601px) and (max-width:739px) {.header_wrap .site_nav .li_jagda .jagda_wrap{padding:0 15px 20px calc(15.9vw - 75px); left:calc(-40.5vw + 100px);}}
@media screen and (min-width:601px) {
    .header_wrap .site_nav .li_jagda .jagda_wrap{max-width:1075px; width: 100vw; position: absolute; margin:0 auto; background: rgba(255, 255, 255, 0.5);visibility: hidden; z-index: 10; opacity: 0; transition:all .5s ease;}
    .header_wrap .site_nav .li_jagda:hover .jagda_wrap{visibility:inherit; opacity: 1;}

    .jagda_button {
	    position: relative;
	    border-top: 1px solid #bd0100;
        padding: 13px 0 0;
        margin-top: 18px;
        width: 370px;
    }
    .jagda_button:before,.jagda_button:after {
	    bottom: 100%;
	    left: 50%;
    	border: solid transparent;
    	content: "";
    	height: 0;
    	width: 0;
    	position: absolute;
    	pointer-events: none;
    }
    .jagda_button:before {
	    border-color: rgba(189, 1, 0, 0);
	    border-bottom-color: #bd0100;
	    border-width: 16px;

    }
    .jagda_button:after {
    	border-color: rgba(255, 255, 255, 0);
    	border-bottom-color: #ffffff;
    	border-width: 15px;

    }
}

@media screen and (min-width:700px) {
    .jagda_button:before {margin-left: -16px;}
    .jagda_button:after {margin-left: -15px;}
}
@media screen and (min-width:601px) and (max-width:699px){
    .jagda_button:before {margin-left: -49px;}
    .jagda_button:after {margin-left: -48px;}
}

.jagda_button{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.jagda_button li a{
    display: block;
    height: 25px;
    width: 25px;
    text-align: center;
    font-size: 80%;
    line-height: 23px;
    color: #FFF;
    background-color: #898989;
}
.jagda_button li a:hover{
    color: #FFF;
    background-color: #aeaeae;
}
    @media screen and (max-width:600px) {
        .header_wrap .site_nav .jagda_wrap{display: block;}

        .jagda_button{
            flex-wrap: wrap;   
            -webkit-justify-content: start;
            justify-content: start;
            padding-top: 15px;
            margin: 0 auto;}

        .jagda_button li{
            margin: 0 20px 10px 0;
        }

        .jagda_button li a{
            height: 30px;
            width: 30px;
            line-height: 30px;
            font-size: 12px;
        }
    }

.header_wrap .sns_nav{display: flex; flex-direction: row; justify-content: space-between; width: 100px; padding-top: 10px;}
.header_wrap .sns_nav li img {width: 20px; height: auto;}
.header_wrap .sns_nav li a{display: block; transition: .3s ease;}
.header_wrap .sns_nav li a:hover{opacity: 0.6;}

.hamburger p{display: none;}

    @media screen and (max-width:600px) {
        .header_wrap .h1_logo img {width: 175px; height: auto;}

        .hamburgerBox{position: absolute; top:25px; left: 25px; z-index: 10001;}
        .hamburger {width: 20px; height: 15px; position: relative; cursor: pointer; display: flex; flex-direction: column; justify-content: space-between; z-index: 100;}
        .hamburger span {display: block; width: 100%; height: 1px; background: #000; transition: all 0.4s ease; position: relative;}
        .hamburger.active span:nth-child(1) {transform: rotate(45deg);top: 7px;}
        .hamburger.active span:nth-child(2) {opacity: 0;}
        .hamburger.active span:nth-child(3) {transform: rotate(-45deg);bottom: 7px;}
        .hamburger p{display: block; font-size: 7px; letter-spacing: 0.8px; position: absolute; top: 20px;}

        .sitenav_Area {width: 320px; height: 100vh; position: fixed; top: 69px; left: -325px; background: #fff; box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2); transition: left 0.4s ease; z-index: 100; text-align: left; padding-left:18px; font-size: 14px;}
        .sitenav_Area.active {left: 0;}

        .header_wrap .site_nav > li{margin:6px 0 12px;padding: 9px 0 1px 0;}
        .header_wrap .site_nav > li > a{width: 100%; }
        .header_wrap .site_nav > li > a:hover::after{width: 30%;}

        .header_wrap .sns_nav{margin-top: 35px; width: 110px; justify-content: space-between;}
        .header_wrap .sns_nav li img {width: 17px;}

        .overlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); opacity: 0; pointer-events: none; transition: opacity 0.4s ease; z-index: 50;}
        .overlay.active {opacity: 1; pointer-events: auto;}
    }


/*--footer-------------------------------------------------*/
.footer_wrap {margin: 120px auto 30px; text-align: center;}
.footer_wrap img {width: 45px; height: auto;}
.footer_wrap p {font-size: 66.6%;}
    @media screen and (max-width:600px) {
        .footer_wrap {margin: 80px auto 25px;}
        .footer_wrap img {width: 35px;}
    }


/*--TOP-------------------------------------------------*/
.img_main{
    width: 100%;
    max-width:1075px;
    margin: 0 auto;
    padding: 0 15px;
}
    @media screen and (max-width:600px) {
        .img_main{padding: 0;}
    }

.wrapper.top_content_wrap{width: 495px; margin: 60px auto 0;}
.top_content_wrap .title_img img{width:435px;height: auto; display: block; margin: 0 auto;}
.top_content_wrap .site_t{margin-top: 20px; padding-left: 15px;}
.top_content_wrap .top_news{margin-top: 40px; padding: 40px 0 0 15px; border-top: 1px solid #bfbfbf;}
    @media screen and (max-width:600px) {
        .wrapper.top_content_wrap{width: 100%; max-width: 355px; margin: 50px auto 0;}
        .top_content_wrap .title_img img{width:100%;}
        .top_content_wrap .site_t{margin-top: 12px; padding-left: 0;}
    }


/*--profile-------------------------------------------------*/
.profile_content_wrap {font-size: 14px;}

.profile_content_wrap .profile_column2 .profile_image{ padding: 0; margin: 0;}
.profile_content_wrap .profile_column2 .profile_image img{ display: block; margin: 0 auto; width: 200px;}
.profile_content_wrap .profile_column2 .profile_text{ margin-top: 40px;}

.profile_content_wrap .p_box1 .h2_text {font-size: 20px; line-height: 1.5; font-weight: 500;}
.profile_content_wrap .p_box1 .h2_text span{font-size: 14px;}
    @media screen and (max-width:600px) {
        .profile_content_wrap .profile_column2 .profile_image img{width: 130px; height: auto;}
        .profile_content_wrap .profile_column2 .profile_text{ margin-top: 10px;}
        .profile_content_wrap .p_box1 .h2_text {font-size: 17px;}
        .profile_content_wrap .p_box1 .h2_text span{font-size: 12px;}
    }
.profile_content_wrap .p_box1 {font-weight: 500;}

.profile_content_wrap .p_box2{margin-top: 75px;}

.profile_content_wrap .p_box3 ,.profile_content_wrap .p_box4{margin-top: 45px; padding-top: 45px; border-top: 1px solid #bfbfbf;}
.profile_content_wrap .p_box3 h3,.profile_content_wrap .p_box4 h3{font-size: 15px; font-weight: 600; color:#002395; margin-bottom: 5px;}

.profile_content_wrap .p_box3 dl{display: flex; flex-wrap: wrap; width: 100%;}
.profile_content_wrap .p_box3 dt{width: 60px; margin-bottom: 4px;}
.profile_content_wrap .p_box3 dd{width: calc(100% - 60px); margin-bottom: 4px;}

.profile_content_wrap .p_box4 ul li{padding-left: 13px; margin-bottom: 4px;}
.profile_content_wrap .p_box4 ul li::before{content: ""; display: inline-block; width: 3px; height: 3px; background-color: #909090; border-radius: 50%; position: relative; top: -4px; margin-left: -10px; margin-right: 7px;}


/*--contact-------------------------------------------------*/
.contact_content_wrap .contact_text_list li{padding-left: 13px;}
.contact_content_wrap .contact_text_list li::before{content: ""; display: inline-block; width: 3px; height: 3px; background-color: #909090; border-radius: 50%; position: relative; top: -4px; margin-left: -10px; margin-right: 7px;}