@charset "UTF-8";

#mv_outer {display: none;}
#header{border-top: 100px solid transparent;}
#header{position: relative;z-index: 5;padding-bottom: 80px;}
#header #head_ct{display: flex;}
#header #head_l{width: 590px;position: relative;margin-top: 50px;text-align: center;}
#header #head_l::before{background: url('/common/upload_data/wakayama-baikyakucom/image/20191009161222.png') top left no-repeat;background-size: cover;width: 661px;height: 630px;position: absolute;top: -60px;left: -450px;content: '';z-index: -1}
#header #head_l .head_l_top{text-align: left;}
#header #head_l h1{font-size: 12px;position: absolute;top: -30px;left: 145px;line-height: 1.2em;width: 100%;}
#header #head_l #logo{padding-left: 40px;}
#header #head_l h2{font-size: 32px;letter-spacing: 0.2em;line-height: 1.5em;color:#1572be;text-align: center;position: relative;display: inline-block;}
#header #head_l h2::before,
#header #head_l h2::after{width: 21px;height: 40px;position: absolute;bottom: 7px;left: -20px;content: '';background: url('../images/head_ic_l.png') center no-repeat;background-size: cover;}
#header #head_l h2::after{background: url('../images/head_ic_r.png') center no-repeat;background-size: cover;left: inherit;right: 0px;}
#header #head_l h2 span{position: relative;display: inline-block;}
#header #head_l h2 span::before{background: #fccdb3;width: 100%;height: 8px;position: absolute;bottom: 5px;left: 0;content: '';z-index: -1}
#header .h_list{display: flex;justify-content: space-between;margin: 25px auto 20px;padding-right: 30px;}
#header .h_list p{width: 100px;height: 100px;background: #33b9d8;border-radius: 50%;text-align: center;display: flex;justify-content: center;align-items: center;color: #fff;line-height: 1.36em;font-size: 22px;margin-bottom: 0}
#header #head_l .h_info{text-align: center;padding: 0px 15px 0 0;}
#header #head_l .h_info p{margin-bottom: 0;}
#header #head_l .h_info p span{font-weight: 600}
#header #head_l .h_info .tel{font-size: 28px;color: #1572be;letter-spacing: 0.2em;line-height: 1.5em;padding-right: 30px;font-weight: 600}
#header #head_l .h_info .tel span{font-size: 19px;font-weight: 700}
#header #head_l .h_info .btn{margin-top: 15px;}

#header #head_r{position: relative;width: 500px;}
#header #head_r .h_list{display: none;}
#header #head_r::before{background: url('/common/upload_data/wakayama-baikyakucom/image/20191009161224.jpg') center no-repeat;background-size: cover;width: 960px;height: 530px;content: '';position: absolute;top: 40px;left: 0;z-index: -1;border-radius: 10px 0 0 10px}
#header #head_r .h_label{font-weight: bold;box-sizing: border-box;position: absolute;top: 70px;left: 80px;background: url('/common/upload_data/wakayama-baikyakucom/image/20191009161223.png') center no-repeat;background-size: cover;padding:50px 20px;font-size: 16px;width: 210px;height: 200px;color: #1572be;line-height: 2em;}
#header #head_r .h_staff{text-align: right;}
#header .inner {width: 1090px;margin: 0 auto;}
#header .box_sp {display: none;}
#header #head_r .h_staff img {width: 180px;}
#header .btn{text-align: center;display: block;margin:0 auto;}
#header .btn a{position: relative;text-align: center;color: #fff;width: 260px;height: 50px;background: #1572be;text-decoration: none;display: flex;justify-content: center;align-items: center;margin:0 auto;border-radius: 5px;font-size: 16px;letter-spacing: 0.2em;transition: all 0.3s ease}
#header .btn a::after{background: url('../images/ic_arr_w.png') center no-repeat;background-size: cover;width: 6px;height: 10px;content: '';position: absolute;top:calc(50% - 5px);right: 15px;}
#header .btn_c a{background: #f88242;}


@media screen and (max-width: 750px) {

#header #head_ct{flex-wrap: wrap}
    #header .inner{padding: 0}
    #header .fix_sp{position: absolute;left: 0;width: 100%;height: 60px;z-index: 15;transition: all ease 0.3s;padding: 0 15px;}
    #header .fix_sp.active{position: fixed;background: rgba(255,255,255,0.9);top:0 !important;left: 0;}

    #header #head_l{width: 100%;margin-top: 15px;padding: 0 15px;}
    #header #head_l::before{left: -500px;}
    #header #head_l .head_l_top{padding-bottom: 60px;}
    #header #head_l #logo{padding-left: 0;width: 200px;margin: 6px 0 0;}
    #header #head_l h1{position: relative;top:inherit;left: inherit;font-size: 11px;text-shadow: 0 0px 1px #fff,0 0px 2px #fff}
    #header #head_l h2{font-size: 5.5vw}
    #header #head_l h2::after{right: -10px;}
    #header #head_l .h_info{display: none;}

    #header #head_l .h_list{display: none;}
    #header #head_l .h_list p{font-size: 18px;width: 80px;height: 80px;margin:0 10px;}

    #header #head_r{width: 100%;margin-top: 30px;padding-left: 15px;}
    #header #head_r::before{display: none;}
    #header #head_r .img img{border-radius: 10px 0 0 10px}
    #header #head_r .h_label{font-size: 11px;line-height: 1.5;width: 150px;height: 143px;margin:0;padding: 0px 15px;top: 15px;left: inherit;right: 30vw;display: flex;justify-content: center;align-items: center;text-align: left;}
    #header #head_r .h_staff{position: absolute;top: -10px;right: 30px;width: 22vw;}

    #header #head_r .h_list{padding-right: 0;margin:0;width: 270px;flex-wrap: wrap;justify-content: center;position: absolute;top: 200px;left: 30px;display: flex;}
    #header #head_r .h_list p{font-size: 18px;font-family: 'NotoSansCJKjp-Regular', sans-serif;width: 80px;height: 80px;margin:0 5px;}
#header .box_sp {display: block;}
#header .inner {width: 100% !important;min-width: inherit !important;}
#header #head_r .img img {border-radius: 10px 0 0 10px;width: 100%;}
#header #head_r{margin-bottom: 15vw;}
    #header #head_r .h_list{margin:0 auto;left: 15px;width: 70vw;top: 48vw;}
    #header #head_r .h_label{width: 120px;height: 114px;font-size: 9px;padding: 0 10px;}
#header {border-top: 0;}
#header #head_r .h_list{padding-right: 0;margin:0;width: 270px;flex-wrap: wrap;justify-content: center;position: absolute;top: 200px;left: 30px;display: flex;
}
@media screen and (max-width: 480px) {
    #header #head_r{margin-bottom: 15vw;}
    #header #head_r .h_list{margin:0 auto;left: 15px;width: 70vw;top: 48vw;}
    #header #head_r .h_list p{width: 20vw;height: 20vw;margin:0 1vw;font-size: 4vw;}
    #header #head_r .h_label{width: 120px;height: 114px;font-size: 9px;padding: 0 10px;}
}
@media screen and (max-width: 768px) {
    #header #head_r .img img {
    object-fit: cover;
    height: 100%;
}
.img.box_sp {
    height: 46vh;
}
#header #head_r .h_list {
    top: 23vh;
}
#header {
    padding-bottom: 0;
}
}