/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (min-width: 769px){
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* $$$$$$$$ */
main.service{
    position: absolute;left: 0;top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition-property: opacity;transition-property: opacity;
    -webkit-transition-duration: 2s;transition-duration: 2s;
    -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;
}
main.service.appear{
    opacity: 1;
}
main.service>div.rim{
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
}
/*----*/
main.service section a.mybutton1{
    width: 24vw;
    height: 4.6vw;
    line-height: 4.6vw;
    text-indent: 2em;
    font-size: 0.6rem;
}
/*----*/
main.service section>div.inner{
    position: relative;
    width: 78.984vw;
    margin: 0 auto 0 auto;
}

/* $$$$$$$$ */
main.service section.appeal{
}
main.service section.appeal>div.inner{
}
/*----*/
main.service section.appeal div.rear{
    position: absolute;
    left: 0;
    top: 0;
    width: 70%;
    height: 165vw;
    overflow: hidden;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 0 0.687vw rgba(200,200,200,1);
}
main.service section.appeal div.rear div.deco{
    display: none;
}
/*
main.service section.appeal div.rear div.deco{
    position: absolute;
    left: 0;
    width: 100%;
    padding: 70% 0 0 0;
}
main.service section.appeal div.rear div.deco.n1{
    top: 0;
}
main.service section.appeal div.rear div.deco.n2{
    top: 37.088vw;
}
main.service section.appeal div.rear div.deco.n3{
    top: 94.781vw;
}
main.service section.appeal div.rear div.deco figure{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
main.service section.appeal div.rear div.deco.n1 figure{
    background-image: url(../images/index/obj_wave_a.png);
}
main.service section.appeal div.rear div.deco.n2 figure{
    background-image: url(../images/index/obj_wave_b.png);
}
main.service section.appeal div.rear div.deco.n3 figure{
    background-image: url(../image/obj_wave_c.png);
}
*/
/*----*/
main.service section.appeal div.titleblock{
    position: fixed;
    left: 50%;
    top: 0;
    width: 24.725vw;
    height: 46vw;
    margin: 0 0 0 -39.492vw;
    z-index: 1;
    opacity: 1;
}
main.service section.appeal div.titleblock[my_subarea="0"]{
}
main.service section.appeal div.titleblock[my_subarea="1"]{
}
main.service section.appeal div.titleblock[my_subarea="2"]{
}
main.service section.appeal div.titleblock[my_subarea="3"]{
    position: absolute;
    top: 124.15vw;
}
main.service section.appeal div.titleblock div.deco{
    position: absolute;
    left: -13vw;
    top: -6vw;
    width: 72vw;
    height: 46vw;
}
main.service section.appeal div.titleblock div.deco figure{
    background-image: url(../image/obj_wave_c.png);
}
main.service section.appeal div.titleblock h1{
    position: relative;
    padding: 10.302vw 0 1.804vw 0;
}
main.service section.appeal div.titleblock h1 p{
    font-size: 4.581vw;
    letter-spacing: 0.12em;
    font-weight: 400;
}
main.service section.appeal div.titleblock div.notebox{
    position: relative;
    padding: 0 0 1.717vw 0;
    line-height: 1.9;
}
main.service section.appeal div.titleblock div.notebox p{
    font-size: 1.030vw;
}
main.service section.appeal div.titleblock div.linkbox{
    position: relative;
}
main.service section.appeal div.project{
    position: relative;
    width: 49.451vw;
    padding: 10.302vw 0 10.302vw 0;
    margin: 0 0 0 auto;
    z-index: 1;
}
main.service section.appeal div.project div.each{
    position: relative;
    width: 41.451vw;
}
main.service section.appeal div.project div.each div.bannerbox{
    position: relative;
    width: 100%;
    height: 23.60vw;
    box-shadow: 0 0 0.687vw rgba(200,200,200,1);
    background-color: rgba(255,255,255,1);
}
main.service section.appeal div.project div.each div.bannerbox a{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
main.service section.appeal div.project div.each div.bannerbox a figure{
    position: absolute;left: 0;top: 0;
    -webkit-transition-property: transform;transition-property: transform;
    -webkit-transition-duration: 0.3s;transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;transition-timing-function: linear;
    -webkit-transform: scale(1,1);transform: scale(1,1);
}
main.service section.appeal div.project div.each div.bannerbox a:hover figure{
    -webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);
}
main.service section.appeal div.project div.each.n1 div.bannerbox a figure{
    -webkit-transform-origin: center bottom;transform-origin: center bottom;
    background-image: url(../image/obj_banner_gfp_a.png);
}
main.service section.appeal div.project div.each.n2 div.bannerbox a figure{
    -webkit-transform-origin: center top;transform-origin: center top;
    background-image: url(../image/obj_banner_dx_a.png);
}
main.service section.appeal div.project div.each.n3 div.bannerbox a figure{
    -webkit-transform-origin: center center;transform-origin: center center;
    background-image: url(../image/obj_banner_siva_a.png);
}
main.service section.appeal div.project div.each div.bannerbox a p{
    position: absolute;left: 0;top: 0;
}
main.service section.appeal div.project div.each.n1 div.bannerbox a p.n1{
    /*background-image: url(../image/obj_banner_gfp_b.png);*/
}
main.service section.appeal div.project div.each.n2 div.bannerbox a p.n1{
    /*background-image: url(../image/obj_banner_dx_b.png);*/
}
main.service section.appeal div.project div.each.n3 div.bannerbox a p.n1{
    /*background-image: url(../image/obj_banner_siva_b.png);*/
}
main.service section.appeal div.project div.each.n3 div.bannerbox a p.n2{
    /*background-image: url(../image/obj_banner_siva_b.png);*/
}
main.service section.appeal div.project div.each div.numbox{
    position: absolute;
    left: 0;
    top: 26vw;
    width: 8.7vw;
    height: 6.5vw;
}
main.service section.appeal div.project div.each div.numbox figure{
}
main.service section.appeal div.project div.each.n1 div.numbox figure{
    background-image: url(../image/char_num_01.png);
}
main.service section.appeal div.project div.each.n2 div.numbox figure{
    background-image: url(../image/char_num_02.png);
}
main.service section.appeal div.project div.each.n3 div.numbox figure{
    background-image: url(../image/char_num_03.png);
}
main.service section.appeal div.project div.each h2{
    padding: 2.404vw 0 0 10vw;
}
main.service section.appeal div.project div.each h2 p{
    line-height: 1.3;
    letter-spacing: 0.1em;
    white-space: nowrap;
}
main.service section.appeal div.project div.each.n1 h2 p{
    padding:  0 0 1vw 0;
    font-size: 2.09vw;
}
main.service section.appeal div.project div.each.n2 h2 p{
    padding:  0 0 1vw 0;
    font-size: 2.093vw;
}
main.service section.appeal div.project div.each.n3 h2 p{
    padding:  0 0 1vw 0;
    font-size: 2.761vw;
}
main.service section.appeal div.project div.each div.notebox{
    padding: 0 0 2vw 10vw;
}
main.service section.appeal div.project div.each div.notebox p{
    line-height: 2.0;
    font-size: 1.030vw;
}
main.service section.appeal div.project div.each div.linkbox{
    padding: 0 0 8.929vw 0;
}

/* $$$$$$$$ */
main.service section.news{
    padding: 0 0 5.495vw 0;
    font-weight: 400;
    margin: 0 0 16.484vw 0;
}
main.service section.news>div.inner{
    opacity: 0;
    -webkit-transition-property: opacity;transition-property: opacity;
    -webkit-transition-duration: 1s;transition-duration: 1s;
    -webkit-transition-timing-function: linear;transition-timing-function: linear;
}
main.service section.news>div.inner.appear{
    opacity: 1;
}
main.service section.news div.rear{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,1);
}
main.service section.news div.rear div.belt{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 10.302vw;
    background-color: rgba(255,255,255,1);
}
main.service section.news h1{
    position: absolute;
    left: 0;
    top: -0.687vw;
    width: 100%;
    height: 6.868vw;
}
main.service section.news h1 p{
    font-size: 5.495vw;
    font-weight: 300;
    white-space: nowrap;
}
main.service section.news div.newsblock{
    position: relative;
    width: 61.814vw;
    padding: 2.404vw 3.434vw 2.404vw 3.434vw;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 0 0.687vw rgba(200,200,200,1);
    margin: 0 0 0 auto;
}
main.service section.news div.listbox{
}
main.service section.news div.listbox a{
    position: relative;
    background-color: rgba(255,255,255,1);
    border-style: solid;border-width: 0 0 1px 0;border-color: rgba(200,200,200,1);
    -webkit-transition-property: background-color;transition-property: background-color;
    -webkit-transition-duration: 0.3s;transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;transition-timing-function: linear;
}
main.service section.news div.listbox a:hover{
    background-color: rgba(242,242,242,1);
    text-decoration: underline;
}
main.service section.news div.listbox a i.mrk{
    display: none;
}
main.service section.news div.listbox a dl{
    display: flex;
    align-items: center;
    position: relative;
}
main.service section.news div.listbox a dl>dt{
    width: 14%;
    text-align: center;
}
main.service section.news div.listbox a dl>dt p{
    font-size: 0.893vw;
}
main.service section.news div.listbox a dl>dd{
    width: 86%;
    padding: 1.717vw 1.374vw 1.717vw 1.374vw;
}
main.service section.news div.listbox a dl>dd p{
    line-height: 1.5;
    font-size: 0.893vw;
}
main.service section.news div.linkbox{
    padding: 2.060vw 0 0.687vw 0;
    text-align: center;
}

/* $$$$$$$$ */
main.service section.next{
}
main.service section.next>div.inner{
    padding: 0 0 17.170vw 0;
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}
main.service section.next>div.inner.appear{
    opacity: 1;
}
main.service section.next div.rear{
    position: absolute;left: 0;top: 0;
    width: 100%;
    margin: 0 0 0 auto;
}
main.service section.next div.rect{
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 27.473vw);
    height: 46.704vw;
    background-color: rgba(246,246,246,1);
    box-shadow: 0 0 0.687vw rgba(200,200,200,1);
}
main.service section.next div.scene{
    position: absolute;
    left: 0;
    top: -6.250vw;
    width: 41.209vw;
    height: 46.704vw;
}
main.service section.next div.scene figure{
    background-image: url(../image/pic_scene_01.png);
}
main.service section.next div.itemlist{
    position: relative;
    width: 45.055vw;
    padding: 6.181vw 2.060vw 4.808vw 2.060vw;
    margin: 0 0 0 auto;
}
main.service section.next div.itemlist div.item{
}
main.service section.next div.itemlist div.item.recruit{
    padding: 0 0 6.181vw 0;
}
main.service section.next div.itemlist div.item.company{
    padding: 0 0 0 0;
}
main.service section.next div.itemlist div.item h1{
    padding: 0 0 2.060vw 0;
}
main.service section.next div.itemlist div.item h1 p{
    font-size: 4.121vw;
    font-weight: 300;
}
main.service section.next div.itemlist div.item div.notebox{
    padding: 0 0 2.060vw 0;
}
main.service section.next div.itemlist div.item div.notebox p{
    font-size: 1.168vw;
    white-space: nowrap;
}
main.service section.next div.itemlist div.item div.linkbox{
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
} @media (max-width: 768px){
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* $$$$$$$$ */
main.service{
}
main.service>div.rim{
}
/*----*/
main.service section>div.inner{
    position: relative;
    width: 90vw;
    margin: 0 auto 0 auto;
}

/* $$$$$$$$ */
main.service section.appeal{
}
main.service section.appeal>div.inner{
}
/*----*/
main.service section.appeal div.rear{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 20vw;
    width: 70%;
    overflow: hidden;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 0 2vw rgba(200,200,200,1);
}
main.service section.appeal div.rear div.deco{
    position: absolute;
    left: 0;
    width: 100%;
    padding: 126% 0 0 0;
    font-weight: 400;
}
main.service section.appeal div.rear div.deco.n1{
    top: 31vw;
}
main.service section.appeal div.rear div.deco.n2{
    top: 200vw;
}
main.service section.appeal div.rear div.deco.n3{
    top: 383vw;
}
main.service section.appeal div.rear div.deco figure{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
main.service section.appeal div.rear div.deco.n1 figure{
    background-image: url(../image/obj_wave_d.png);
}
main.service section.appeal div.rear div.deco.n2 figure{
    background-image: url(../image/obj_wave_e.png);
}
main.service section.appeal div.rear div.deco.n3 figure{
    background-image: url(../image/obj_wave_f.png);
}
/*----*/
main.service section.appeal div.titleblock{
    position: relative;
}
main.service section.appeal div.titleblock div.deco{
    display: none;
}
main.service section.appeal div.titleblock h1{
    padding: 18vw 0 8vw 0;
}
main.service section.appeal div.titleblock h1 p{
    font-size: 1.9rem;
    letter-spacing: 0.11em;
    font-weight: 400;
}
main.service section.appeal div.titleblock div.notebox{
    padding: 0 0 15vw 0;
    line-height: 2.1;
}
main.service section.appeal div.titleblock div.notebox p{
    font-size: 0.94rem;
    letter-spacing: 0.03em;
    font-weight: 500;
}
main.service section.appeal div.titleblock div.linkbox{
    padding: 0 0 15vw 0;
}
/*----*/
main.service section.appeal div.project{
    position: relative;
    padding: 0 0 15vw 0;
}
main.service section.appeal div.project div.each{
    position: relative;
}
main.service section.appeal div.project div.each div.bannerbox{
    position: relative;
    width: 100%;
    height: 51.0vw;
    box-shadow: 0 0 2vw rgba(200,200,200,1);
    background-color: rgba(255,255,255,1);
}
main.service section.appeal div.project div.each div.bannerbox a{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
main.service section.appeal div.project div.each div.bannerbox a figure{
    position: absolute;left: 0;top: 0;
    -webkit-transition-property: transform;transition-property: transform;
    -webkit-transition-duration: 0.3s;transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;transition-timing-function: linear;
    -webkit-transform: scale(1,1);transform: scale(1,1);
}
main.service section.appeal div.project div.each.n1 div.bannerbox a figure{
    -webkit-transform-origin: center bottom;transform-origin: center bottom;
    background-image: url(../image/obj_banner_gfp_a.png);
}
main.service section.appeal div.project div.each.n2 div.bannerbox a figure{
    -webkit-transform-origin: center top;transform-origin: center top;
    background-image: url(../image/obj_banner_dx_a.png);
}
main.service section.appeal div.project div.each.n3 div.bannerbox a figure{
    -webkit-transform-origin: center center;transform-origin: center center;
    background-image: url(../image/obj_banner_siva_a.png);
}
main.service section.appeal div.project div.each div.bannerbox a p{
    position: absolute;left: 0;top: 0;
}
main.service section.appeal div.project div.each.n1 div.bannerbox a p.n1{
    /*background-image: url(../image/obj_banner_gfp_b.png);*/
}
main.service section.appeal div.project div.each.n2 div.bannerbox a p.n1{
   /* background-image: url(../image/obj_banner_dx_b.png);*/
}
main.service section.appeal div.project div.each.n3 div.bannerbox a p.n1{
    background-image: url(../image/obj_banner_siva_b.png);
}
main.service section.appeal div.project div.each.n3 div.bannerbox a p.n2{
    background-image: url(../image/obj_banner_siva_b.png);
}
main.service section.appeal div.project div.each div.numbox{
    position: absolute;
    left: 0;
    top: 58vw;
    width: 22vw;
    height: 22vw;
}
main.service section.appeal div.project div.each div.numbox figure{
}
main.service section.appeal div.project div.each.n1 div.numbox figure{
    background-image: url(../image/char_num_01.png);
}
main.service section.appeal div.project div.each.n2 div.numbox figure{
    background-image: url(../image/char_num_02.png);
}
main.service section.appeal div.project div.each.n3 div.numbox figure{
    background-image: url(../image/char_num_03.png);
}
main.service section.appeal div.project div.each h2{
    padding: 7vw 0 5vw 25vw;
}
main.service section.appeal div.project div.each h2 p{
    height: 16vw;
    letter-spacing: 0.1em;
    line-height: 1.3;
    font-weight: 400;
}
main.service section.appeal div.project div.each.n1 h2 p{
    font-size: 1.6rem;
}
main.service section.appeal div.project div.each.n2 h2 p{
    font-size: 1.4rem;
}
main.service section.appeal div.project div.each.n3 h2 p{
    font-size: 1.5rem;
}
main.service section.appeal div.project div.each div.notebox{
    padding: 0 0 5vw 0;
}
main.service section.appeal div.project div.each div.notebox p{
    line-height: 1.5;
    font-size: 0.935rem;
    font-weight: 400;
}
main.service section.appeal div.project div.each div.linkbox{
    padding: 0 0 19vw 0;
}

/* $$$$$$$$ */
main.service section.news{
    padding: 0 0 15vw 0;
}
main.service section.news>div.inner{
}
/*----*/
main.service section.news div.rear{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,1);
}
main.service section.news div.rear div.belt{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 24vw;
    background-color: rgba(255,255,255,1);
}
/*----*/
main.service section.news h1{
    padding: 0 0 7vw 0;
}
main.service section.news h1 p{
    font-size: 2.1rem;
    letter-spacing: 0.02em;
    font-weight: 400;
    white-space: nowrap;
}
/*----*/
main.service section.news div.newsblock{
    position: relative;
    width: 100%;
    padding: 8vw 4vw 8vw 4vw;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 0 2vw rgba(200,200,200,1);
}
main.service section.news div.listbox{
}
main.service section.news div.listbox a{
    position: relative;
    padding: 0 3vw 0 0;
    background-color: rgba(255,255,255,1);
    border-style: solid;border-width: 0 0 1px 0;border-color: rgba(200,200,200,1);
    -webkit-transition-property: background-color;transition-property: background-color;
    -webkit-transition-duration: 0.3s;transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;transition-timing-function: linear;
}
main.service section.news div.listbox a i.mrk{
    position: absolute;
    right: 0;
    top: 50%;
    width: 2vw;
    height: 4vw;
    margin: -2vw 0 0 0;
}
main.service section.news div.listbox a i.mrk>svg{
    stroke: rgba(160,160,160,1);
    stroke-width: 2;
}
main.service section.news div.listbox a dl{
    position: relative;
}
main.service section.news div.listbox a dl>dt{
    padding: 4vw 0 0 0;
}
main.service section.news div.listbox a dl>dt p{
    font-size: 0.9rem;
    color: rgba(160,160,160,1);
}
main.service section.news div.listbox a dl>dd{
    padding: 2vw 0 4vw 0;
}
main.service section.news div.listbox a dl>dd p{
    line-height: 1.5;
    font-size: 0.87rem;
    font-weight: 600;
}
main.service section.news div.linkbox{
    padding: 6vw 0 0 0;
}

/* $$$$$$$$ */
main.service section.next{
    background-color: rgba(246,246,246,1);
}
main.service section.next>div.inner{
    padding: 0 0 14vw 0;
}
/*----*/
main.service section.next div.rear{
    display: none;
}
/*----*/
main.service section.next div.rect{
    display: none;
}
/*----*/
main.service section.next div.scene{
    display: none;
}
/*----*/
main.service section.next div.itemlist{
    position: relative;
}
main.service section.next div.itemlist div.item{
}
main.service section.next div.itemlist div.item.recruit{
}
main.service section.next div.itemlist div.item.company{
    padding: 0 0 0 0;
}
main.service section.next div.itemlist div.item h1{
    padding: 13vw 0 3vw 0;
}
main.service section.next div.itemlist div.item h1 p{
    font-size: 2rem;
    letter-spacing: 0.03em;
    font-weight: 400;
}
main.service section.next div.itemlist div.item div.notebox{
    padding: 0 0 6vw 0;
}
main.service section.next div.itemlist div.item div.notebox p{
    font-size: 0.94rem;
    letter-spacing: 0.01em;
    line-height: 1.5;
}
main.service section.next div.itemlist div.item div.linkbox{
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
} /* end of media query */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */