@charset "utf-8";
/*------------------------------------------------------------
	part_index
------------------------------------------------------------*/
body {
    background: #FFF8EF;
}
#header .logo-box {
    margin: 1.4rem 0 0 4.9rem;
    display: block;
}
#header .logo-box h1 {
    font-size: 1.2rem;
    letter-spacing: 0.168rem;
    line-height: 1.9166667;
}
.menu {
	top: 1.4rem;
	right: 1.4rem;
}
.menu-box {
    padding: 0 0 11.4rem;
    overflow: auto;
    background: #FFF8EF url(../images/part_index/menu_bg.png) repeat-y right top -5rem / 25.5rem auto;
}
.menu-box .close {
    right: 1.4rem;
    top: 1.4rem;
}
.menu-box .sub-box {
    padding: 7.3rem 2.6rem 9rem;
    height: auto;
    border-radius: 0 0 0 14rem;
    border-bottom: 0.1rem solid #524747;
    border-left: 0.1rem solid #524747;
    background: #FFF;
}
.menu-box .logo-box {
    margin-bottom: 4rem;
}
.menu-box .menu-list > li {
    margin-bottom: 2.9rem;
}
.menu-box .menu-list > li > a {
    margin-bottom: 1.3rem;
    padding: 0 0.9rem;
    display: block;
    min-width: inherit;
    color: #524747;
    border-bottom: none;
    border-radius: 4rem;
    background: #FFFFBE;
}
.menu-box .menu-list > li ul {
    margin-left: 1.6rem;
}
.menu-box .menu-list > li li a {
    background-image: url(../images/common/arrow02.svg);
}
#main .fv {
    margin-bottom: 8.9rem;
    padding-left: 2.7rem;
    position: relative;
}
#main .fv .titleImg {
    width: 34.2rem;
    position: absolute;
    left: 1.7rem;
    bottom: 2.7rem;
}
#main .fv .slide-box {
    border-bottom-left-radius: 3rem;
    border-bottom: 0.1rem solid #524747;
    border-left: 0.1rem solid #524747;
    overflow: hidden;
}
#main .fv .slide-box ul {
    margin: 0 0 -0.1rem -0.1rem;
}
#main .fv .slide-box li {
    vertical-align: top;
}
#main .fv .slide-box li img {
    width: 100%;
}
#main .h2-ttl01 {
    margin: -1.9rem 0.1rem 4.1rem;
}
#main .h2-ttl01 img {
    height: 3.4rem;
}
#main .h3-ttl01 {
    margin-bottom: 2.4rem;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.56;
    letter-spacing: 0.44rem;
}
#main .h3-ttl01.center {
    text-align: center;
}
#main .message {
    margin-bottom: 9rem;
}
#main .message .content {
    padding: 0.1rem 0;
    position: relative;
    z-index: 1;
}
#main .message .content::before {
    width: 999.9rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    border-radius: 0 3rem 3rem 0;
    border: 0.1rem solid #524747;
    border-left: none;
    content: "";
    z-index: -1;
}
#main .message .sub-box {
    padding: 0.1rem 0 31.9rem;
    background: url(../images/part_index/message_bg02.png) no-repeat right 2.6rem bottom 5.4rem / 27.8rem auto, url(../images/part_index/message_bg01.png) repeat-y right top / 35.5rem auto;
}
#main .message p {
    font-size: 1.8rem;
    line-height: 2.1;
    letter-spacing: 0.18rem;
}
#main .message p span {
    border-radius: 0.4rem;
    background: #FFFFA4;
}
#main .search {
    margin-bottom: 9.6rem;
	position: relative;
	z-index: 2;
    padding: 0.1rem 1.6rem 9.9rem 1.7rem;
    border-radius: 3rem;
    border: 0.1rem solid #3E4227;
    background: #FFFFBE url(../images/part_index/search_bg01.png) no-repeat left 1.9rem bottom -0.1rem / 10.1rem auto;
}
#main #search {
	transform: translateY(-1.8rem);
}
#main #interview {
	transform: translateY(-2.4rem);
}
#main .search .h2-ttl01 {
    margin: -1.9rem 0.2rem 4.3rem;
}
#main .search p {
    margin-bottom: 2.5rem;
    color: #231815;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.16rem;
}
#main .interview .content {
    padding: 0.1rem 0 9.1rem;
    position: relative;
    z-index: 1;
}
#main .interview .content::before {
    width: 999.9rem;
    height: 100%;
    position: absolute;
    right: -2rem;
    top: 0;
    background: #fff;
    border-radius: 0 3rem 3rem 0;
    border: 0.1rem solid #524747;
    border-left: none;
    content: "";
    z-index: -1;
}
#main .interview .h2-ttl01 {
    margin: -2.5rem 0.4rem 4.4rem;
}
#main .interview .h3-ttl01 {
    margin-bottom: 1.5rem;
}
#main .interview p {
    line-height: 1.8;
    letter-spacing: 0.16rem;
}
#main .interview .img {
    margin: -1.5rem 0 3.6rem auto;
    width: 13.7rem;
}
#main .interview .bd-box {
    padding: 0.1rem 1.9rem 5.5rem;
    border-radius: 3rem;
    border: 0.1rem solid #524747;
    background: #DDF7F6;
}
#main .interview .bd-box .bd-title {
    margin: -1.8rem 0 1.4rem;
    padding: 1rem 0.6rem 0 0.9rem;
    width: fit-content;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.52;
    letter-spacing: 0.3rem;
    border-radius: 1rem 1rem 0 0;
    border: 0.1rem solid #524747;
    border-bottom: none;
    background: #DDF7F6;
}
#main .interview .bd-box p {
    line-height: 1.8;
    letter-spacing: 0.16rem;
}
#main .interview .bd-box .img-box .photo-box {
    margin-bottom: 2.4rem;
}
#main .interview .bd-box .img-box .photo-box img {
    width: 100%;
    border-radius: 2rem;
}
#main .interview .blue-box {
    margin-bottom: 6.7rem;
}
#main .interview .blue-box .img-box {
    margin-bottom: 2.5rem;
}
#main .interview .blue-box .voice-box {
    margin-bottom: 6.2rem;
}
#main .interview .blue-box .voice-box .title {
    margin-bottom: 3.3rem;
    padding-top: 4.9rem;
    font-size: 1.85rem;
    letter-spacing: 0.15em;
    text-align: center;
    background: url(../images/part_index/interview_icon01.svg) no-repeat center top / 3.5rem auto;
}
#main .interview .blue-box .voice-box .title span {
    margin-top: 0.8rem;
    display: block;
    color: #ABDDDB;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.27rem;
    font-family: "futura-pt", sans-serif;
}
#main .interview .blue-box .voice-box ul {
    margin: 0 1.1rem 0 0.2rem;
}
#main .interview .blue-box .voice-box li {
    padding-right: 0.4rem;
    position: relative;
}
#main .interview .blue-box .voice-box li:not(:last-child) {
    margin-bottom: 5.1rem;
}
#main .interview .blue-box .voice-box li > img {
    width: 100%;
    border-radius: 4.1rem;
}
#main .interview .blue-box .voice-box li .txtImg {
    width: 7.35rem;
    position: absolute;
    right: -0.8rem;
    top: -1.1rem;
}
#main .interview .blue-box .voice-box li .com-more-btn {
    position: absolute;
    right: 0;
    bottom: -1.6rem;
}
#main .interview .blue-box .voice-box li:last-child .txtImg {
    width: 7.25rem;
}
#main .interview .blue-box .voice-box li:last-child .com-more-btn {
    right: 0.4rem;
}
#main .interview .blue-box .check-box .ttl {
    margin: 0 auto 1rem;
    padding: 0 0.8rem;
    width: fit-content;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.16rem;
    border-radius: 0.4rem;
    background: #fff;
}
#main .interview .blue-box .check-box .img-inn {
    margin: 0 0.75rem;
    padding-bottom: 3.2rem;
    border-radius: 2rem;
    border: 0.1rem solid #524747;
    background: #fff;
    overflow: hidden;
}
#main .interview .blue-box .check-box .img-inn .pho-inn {
    margin-bottom: 3.4rem;
}
#main .interview .blue-box .check-box .img-inn .pho-inn img {
    width: 100%;
}
#main .interview .blue-box .check-box .img-inn .txt-inn .title {
    margin-bottom: 1.6rem;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.56;
    letter-spacing: 0.44rem;
    text-align: center;
}
#main .interview .blue-box .check-box .img-inn .com-more-btn {
    width: 13.55rem;
}
#main .interview .blue-box .check-box .img-inn .com-more-btn a {
    height: 3.9rem;
}
#main .interview .info-box {
    margin-bottom: 6.7rem;
    padding-bottom: 3.4rem;
}
#main .interview .info-box .bd-title {
    margin: -2rem 0 2rem;
    padding: 0.9rem 1.2rem 0 1.5rem;
    font-size: 1.8rem;
    letter-spacing: 0.36rem;
}
#main .interview .info-box .img-box .photo-box {
    margin-bottom: 3.6rem;
}
#main .interview .info-box .img-box .text-box .com-btn {
    margin-bottom: 2.5rem;
}
#main .interview .info-box .img-box .text-box .com-btn a {
    letter-spacing: 0.12rem;
}
#main .interview .info-box .op-box {
    margin: 2.9rem -1.5rem 0 0;
    justify-content: flex-end;
    align-items: center;
}
#main .interview .info-box .op-box p {
    margin-right: 0.2rem;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.14rem;
}
#main .interview .info-box .op-box p span {
    margin-bottom: 0.1rem;
    padding: 0 0.3rem 0.1rem;
    display: inline-block;
    vertical-align: top;
    line-height: 1.3;
    border-radius: 0.4rem;
    background: #fff;
}
#main .interview .info-box .op-box .btn {
    width: 6.8rem;
}
#main .interview .info-box .op-box .btn a {
    display: block;
    background: url(../images/common/btn02.png) no-repeat center center / cover;
}
#main .interview .info-box .op-box .btn a img {
    transition: .3s;
}
#main .interview .green-box {
    background: #E5F7DD;
}
#main .interview .green-box .bd-title {
    background: #E5F7DD;
}
#main .interview .purple-box {
    margin-bottom: 0;
    background: #E9EAFD;
}
#main .interview .purple-box .bd-title {
    background: #E9EAFD;
}
#main .interview .purple-box .img-box .text-box .com-btn {
    margin: 0 auto 2.5rem;
    max-width: 29.5rem;
}
#main .interview .purple-box .img-box .text-box .com-btn a {
    padding: 0 2rem;
    display: flex;
}
#main .company {
    padding: 11.4rem 0 7.2rem;
    background: url(../images/part_index/company_bg01.png) no-repeat right top -4.7rem / 23.4rem auto;
}
#main .company .content {
    padding: 5.6rem 1.8rem;
    position: relative;
    border-radius: 3rem;
    border: 0.1rem solid #524747;
    background: #FFF;
}
#main .company .content::before {
    width: 10.8rem;
    height: 10.8rem;
    position: absolute;
    right: 1.5rem;
    top: -4.1rem;
    background: url(../images/part_index/company_bg02.png) no-repeat center center / 10.8rem auto;
    content: "";
}
#main .company .title {
    margin-bottom: 1.6rem;
    padding-bottom: 0.9rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.52;
    letter-spacing: 0.3rem;
    border-bottom: 0.1rem solid #524747;
}
#main .company table {
    margin-bottom: 1.1rem;
    width: 100%;
    border-collapse: collapse;
}
#main .company th, #main .company td {
    padding-bottom: 1.5rem;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 1.04px;
    word-break: break-all;
    text-align: left;
    vertical-align: top;
    box-sizing: border-box;
}
#main .company th {
    width: 43.5%;
    font-weight: 700;
    letter-spacing: 0.195rem;
}
#main .company td span {
    display: block;
    margin-right: -2rem;
}
#main .company .com-btn {
    margin-bottom: -0.1rem;
}
#footer {
    border-color: #524747;
    background: #FFF8EF;
}
#footer .fBg {
    margin-top: -0.1rem;
}
#footer .f-white-box {
    margin-bottom: 2.6rem;
    padding: 4.1rem 2rem 3.8rem;
    border-radius: 3rem;
    border: 0.1rem solid #524747;
    box-shadow: none;
}
#footer .r-box li a .arrow:before, #footer .r-box li a .arrow:after {
    background-image: url(../images/common/arrow02.svg);
}
#footer .r-box .ttl {
    color: #524747;
    border-color: #524747;
}
#footer address {
    color: #524747;
    font-weight: 400;
}
/* pop */
.mfp-bg {
    background: rgba(204, 227, 244);
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.7;
}
.pup-box {
    padding: 8.2rem 2.4rem 1.6rem;
    background: #FFF8EF;
}
.pup-box .photo {
    margin: 0 auto 2.5rem;
    width: 24.7rem;
    position: relative;
}
.pup-box .photo > img {
    border-radius: 4.1rem;
}
.pup-box .photo span {
    width: 6.4rem;
    display: block;
    position: absolute;
    right: -0.7rem;
    top: -1rem;
}
.pup-box .photo01 {
    padding-right: 0.3rem;
}
.pup-box .ttl {
    margin-bottom: 2.3rem;
    padding-bottom: 2.3rem;
    text-align: center;
    border-bottom: 0.1rem solid #524747;
}
.pup-box .ttl span {
    display: inline-block;
    text-align: right;
    vertical-align: top;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.52;
    letter-spacing: 0.26rem;
}
.pup-box .txt span {
    padding: 0 0.2rem;
	font-weight: bold;
    background: -webkit-linear-gradient(#FFFFA4, #FFFFA4) repeat-x center center / 100% 98%;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
.pup-box.style01 {
    padding-top: 7.2rem;
}
.pup-box.style01 .ttl {
    align-items: flex-start;
}
.pup-box.style01 .ttl img {
    margin: 0.1rem 2rem 0 0.75rem;
    width: 6.6rem;
    flex: none;
}
.pup-box.style01 .ttl span {
    font-size: 2.2rem;
    line-height: 1.56;
    letter-spacing: 0.44rem;
    text-align: left;
}
.pup-box.style01 .com-more-btn {
    margin-top: 1.7rem;
}
@media all and (min-width: 820px) {
    #header .logo-box {
        margin: 25px 0 0 119px;
    }
    #g-navi {
        padding: 11px 0px;
        border-bottom: 1px solid #000;
        border-left: 1px solid #000;
        background: #fff;
    }
    #g-navi > ul > li {
        border-right-color: #524747;
    }
    #g-navi > ul > li > a {
        color: #524747;
        position: relative;
    }
    #g-navi > ul > li > a::before {
        height: 2px;
        position: absolute;
        left: 15px;
        right: 15px;
        bottom: -1px;
        background: #FFFFA4;
        transition: .3s;
        opacity: 0;
        content: "";
    }
    #g-navi > ul > li > a span {
        padding-right: 23px;
        background-image: url(../images/common/arrow05.svg);
    }
    html:not(.tab) #g-navi > ul > li > a:hover {
        opacity: 1;
    }
    html:not(.tab) #g-navi > ul > li > a:hover::before {
        opacity: 1;
    }
    #g-navi > ul > li .drop-menu a span {
        background-image: url(../images/common/arrow02.svg);
    }
    #main .fv {
        margin-bottom: 88px;
        padding-left: 72px;
    }
    #main .fv .titleImg {
        width: 482px;
        left: 150px;
        bottom: 78px;
    }
    #main .fv .slide-box {
        border-bottom-left-radius: 60px;
    }
    #main .h2-ttl01 {
        margin: -18px 1px 75px;
    }
    #main .h3-ttl01 {
        margin-bottom: 18px;
        font-size: 30px;
        letter-spacing: 6px;
    }
    #main .message {
        margin-bottom: 95px;
        padding: 0 20px;
    }
    #main .message .content {
        max-width: 1260px;
    }
    #main .message .content::before {
        border-radius: 0 50px 50px 0;
        background: #fff url(../images/part_index/message_bg01_pc.png) repeat-y right 145px top / 414px auto;
    }
    #main .message .sub-box {
        margin: 0 auto;
        padding: 1px 36px 86px 0;
        max-width: 950px;
        position: relative;
        background: none;
    }
    #main .message .sub-box::before, #main .message .sub-box::after {
        margin-top: -25px;
        width: 198.5px;
        height: 283.5px;
        position: absolute;
        left: -42px;
        top: 50%;
        transform: translateY(-50%);
        background: url(../images/part_index/message_bg02_pc.png) no-repeat left center / cover;
        content: "";
    }
    #main .message .sub-box::after {
        margin-top: 15px;
        width: 202px;
        height: 268.5px;
        left: auto;
        right: -7px;
        background-image: url(../images/part_index/message_bg03_pc.png);
    }
    #main .message p {
        font-size: 22px;
        line-height: 2.36;
        letter-spacing: 2.2px;
        text-align: center;
    }
    #main .search {
        margin-bottom: 71px;
        padding: 1px 125px 35px;
        max-width: 1200px;
        border-radius: 50px;
        background: #FFFFBE;
    }
    #main .search .h2-ttl01 {
        margin: -24px 0 49px -1px;
    }
    #main .search .sub-box {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    #main .search .l-box {
        width: 530px;
    }
    #main .search .h3-ttl01 {
        text-align: left;
    }
    #main .search p {
        margin-bottom: 25px;
        color: #3E4227;
    }
    #main .search .com-select-box {
        margin-bottom: 24px;
        width: 340px;
        position: relative;
    }
    #main .search .com-select-box::before {
        width: 194px;
        height: 186.5px;
        position: absolute;
        right: -45px;
        top: -143px;
        background: url(../images/part_index/search_bg01_pc.png) no-repeat center center / cover;
        content: "";
    }
	#main #search {
		transform: translateY(0);
	}
	#main #interview {
		transform: translateY(29px);
	}
    #main .interview {
        padding: 29px 40px 0;
        overflow: hidden;
    }
    #main .interview .content {
        padding: 1px 0 59px;
        max-width: 1260px;
    }
    #main .interview .content::before {
        right: auto;
        left: -1px;
        border-radius: 50px 0 0 50px;
        border-left: 1px solid #524747;
        border-right: none;
        box-sizing: border-box;
    }
    #main .interview .sub-box {
        margin: 0 auto;
        max-width: 1000px;
    }
    #main .interview .h2-ttl01 {
        margin: -29px 25px 55px;
    }
    #main .interview .txt-inner {
        margin: 0 25px 74px;
        display: flex;
        align-items: center;
    }
    #main .interview .txt-inner .h3-ttl01 {
        margin: 3px 0 0;
        width: 290px;
        flex: none;
    }
    #main .interview .txt-inner p {
        width: 490px;
    }
    #main .interview .img {
        margin: 0;
        width: 164px;
        position: absolute;
        left: -37px;
        top: 9px;
    }
    #main .interview .bd-box {
        padding: 1px 47px 59px;
    }
    #main .interview .bd-box .bd-title {
        margin: -26px 47px 27px auto;
        padding: 8px 12px 0 15px;
        font-size: 18px;
        letter-spacing: 3.6px;
    }
    #main .interview .bd-box .img-box .photo-box {
        margin-bottom: 0;
        width: 531px;
    }
    #main .interview .bd-box .img-box .text-box {
        width: 317px;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
    }
    #main .interview .blue-box {
        margin-bottom: 56px;
    }
    #main .interview .blue-box .img-box {
        margin-bottom: 74px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #main .interview .blue-box .img-box .text-box .com-btn {
        margin: 32px 0 0;
        text-align: left;
    }
    #main .interview .blue-box .voice-box {
        margin: 0 auto 78px;
        max-width: 776px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    #main .interview .blue-box .voice-box .title {
        margin: 0;
        padding-top: 44px;
    }
    #main .interview .blue-box .voice-box ul {
        margin: 0 7px 0 0;
        width: 553px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #main .interview .blue-box .voice-box li {
        padding-right: 3px;
        width: 246px;
    }
    #main .interview .blue-box .voice-box li:not(:last-child) {
        margin-bottom: 0;
    }
    #main .interview .blue-box .voice-box li .txtImg {
        width: 65px;
        right: -8px;
        top: -11px;
    }
    #main .interview .blue-box .voice-box li .com-more-btn {
        bottom: -14px;
    }
    #main .interview .blue-box .voice-box li:last-child {
        width: 250px;
    }
    #main .interview .blue-box .voice-box li:last-child .txtImg {
        width: 65px;
    }
    #main .interview .blue-box .check-box .ttl {
        margin: 0 78px 10px;
        padding: 0 8px 1px;
    }
    #main .interview .blue-box .check-box .img-inn {
        margin: 0 78px;
        padding-bottom: 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
    }
    #main .interview .blue-box .check-box .img-inn .pho-inn {
        margin: -1px 0 -1px -1px;
        width: 462px;
    }
    #main .interview .blue-box .check-box .img-inn .txt-inn {
        flex: 1;
    }
    #main .interview .blue-box .check-box .img-inn .txt-inn .title {
        margin-bottom: 30px;
    }
    #main .interview .info-area {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #main .interview .info-box {
        margin-bottom: 0;
        padding: 1px 28px 24px;
        width: 484px;
    }
    #main .interview .info-box .bd-title {
        margin: -26px 27px 28px;
        padding: 8px 12px 0 15px;
    }
    #main .interview .info-box .img-box .photo-box {
        margin: 0 17px 36px;
        width: auto;
    }
    #main .interview .info-box .img-box .text-box {
        width: auto;
        display: block;
    }
    #main .interview .info-box .op-box {
        margin: 20px -15px 0 0;
    }
    #main .interview .info-box .op-box p {
        margin: -2px 2px 0 0;
    }
    #main .interview .info-box .op-box p span {
        padding-right: 0;
    }
    html:not(.tab) #main .interview .info-box .op-box .btn a:hover img {
        opacity: 0;
    }
    #main .interview .purple-box .img-box .text-box .com-btn {
        margin: 0 auto 25px;
        max-width: 295px;
    }
    #main .interview .purple-box .img-box .text-box .com-btn a {
        padding: 0 20px;
        display: flex;
    }
    #main .company {
        padding: 86px 0 114px;
        background: url(../images/part_index/company_bg01_pc.png) no-repeat right 11px top -7px / 592px auto;
    }
    #main .company .content {
        padding: 90px 110px 68px;
        max-width: 790px;
    }
    #main .company .content::before {
        width: 153px;
        height: 153px;
        right: -10px;
        top: -48px;
        background-size: 153px auto;
    }
    #main .company .title {
        margin-bottom: 16px;
        padding-bottom: 16px;
        font-size: 18px;
        line-height: 1.52;
        letter-spacing: 3.6px;
    }
    #main .company table {
        margin-bottom: 40px;
    }
    #main .company th, #main .company td {
        padding-bottom: 16px;
        font-size: 16px;
        line-height: 1.8;
        letter-spacing: 1.6px;
    }
    #main .company th {
        width: 23%;
        font-size: 15px;
        letter-spacing: 3px;
    }
    #main .company .com-btn {
        margin: 0 -5px;
        text-align: right;
    }
    #main .company .com-btn a {
        min-width: 336px;
        height: 67px;
        font-size: 18px;
        letter-spacing: 1.8px;
        border-radius: 60px;
    }
    #main .company .com-btn a .arrow {
        width: 23px;
        height: 23px;
    }
    #main .company .com-btn a .arrow:before, #main .company .com-btn a .arrow:after {
        background-size: 23px auto;
    }
    #footer {
        padding-top: 137px;
        background: #FFF8EF url(../images/common/f_bg02_pc.png) no-repeat center top / cover;
    }
    #footer .f-white-box {
        margin: 0 72px 114px auto;
        padding: 40px 38px 45px 20px;
    }
    /* pop */
    .pup-box {
        padding: 95px 70.5px 16px;
    }
    .pup-box .photo {
        margin: 0 4px 25px;
        padding: 0 0 0 5px;
        width: auto;
    }
    .pup-box .photo span {
        width: 72px;
        right: auto;
        left: -1px;
        top: -22px;
    }
    .pup-box .photo01 {
        padding: 0 0 0 5px;
    }
    .pup-box .photo01 span {
        width: 70px;
    }
    .pup-box .ttl {
        text-align: right;
    }
    .pup-box .txt {
        margin-right: -10px;
    }
    .pup-box.style01 {
        padding: 72px 24px 16px;
    }
    .pup-box.style01 .com-more-btn {
        margin: 28px -4px 0 auto;
    }
}
@media all and (min-width: 820px) and (max-width: 1277px) {
	#header .logo-box h1 {
        font-size: 0.887vw;
		letter-spacing: 0.07rem;
    }
	#header .logo-box {
		margin: 2.016vw 0 0 9vw;
	}
	#g-navi > ul > li > a span {
		padding-right: 1.5vw;
	}
}