/* Hides from IE Mac \ */
/* End Hack */
.left {
    width: 400px;
    float: left;
}

.right {
    width: 580px;
    float: left;
}

section:after {
    display: block;
    content: "";
    clear: both;
}

section {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 140px;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 1;
}

section h2 {
    font-size: 1.3em;
    font-weight: normal;
}

section h2 svg, section h2 .svg, section h2 img {
    margin-bottom: 20px;
}

section .detail {
    width: 300px;
}

section ul.list {
    float: left;
}

section ul.list li {
    margin-bottom: 50px;
}

section ul.list li .name {
    margin-bottom: 8px;
    letter-spacing: 0.1em;
    font-size: 1em;
    font-weight: bold;
}

section ul.list li .exp {
    width: 265px;
    margin-bottom: 15px;
    font-size: 0.8em;
}

section .img {
    float: right;
}

svg, .svg {
    fill: none;
    stroke: #88ce02;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.detail {
    margin-top: 20px;
    margin-bottom: 35px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.04em;
}

#contents {
    padding-top: 75px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 1;
}

#bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 0;
    background-image: url(/assets/images/common/bg.png);
    background-size: cover;
}

#bg img.bgimg {
    display: none !important;
}

.ie8 #bg img.bgimg {
    display: block !important;
}

#menu h2.title {
    margin-left: 0px;
}

#menu h2.title svg, #menu h2.title .svg, #menu h2.title img {
    width: 263px;
    height: 42px;
}

#menu h2.title p {
    width: 100px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#menu .detail {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#menu nav li {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    clear: both;
}

#menu nav li svg, #menu nav li .svg, #menu nav li img {
    width: 30px;
    height: 30px;
    float: left;
}

#menu nav li .service-name {
    margin-left: 10px;
    margin-top: -5px;
    margin-bottom: 40px;
    float: left;
}

#menu nav li .service-name .name {
    margin-bottom: 8px;
    letter-spacing: 0.1em;
    font-size: 1.1em;
    font-weight: bold;
}

#menu nav li .service-name .name::first-letter {
    color: #d9ff57;
}

#menu nav li .service-name .name:first-letter {
    color: #d9ff57;
}

#menu nav li .service-name .exp {
    font-size: 0.8em;
}

#menu nav li .service-name:first-letter {
    color: #d9ff57;
}

#menu nav li a:hover {
    color: #d9ff57;
}

.ie8 #menu h2 p {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #menu .detail {
    letter-spacing: 0.2em;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #menu .detail p {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #menu nav {
    letter-spacing: 0.2em;
}

.ie8 #menu nav .name p {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #menu nav li {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #menu nav li .service-name {
    margin-top: 0px;
}

#outline h2 svg, #outline h2 .svg, #outline h2 img {
    width: 134px;
    height: 38px;
}

#outline h2 p {
    width: 100px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#outline .detail {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#outline dl {
    width: 350px;
    font-size: 0.95em;
    line-height: 1.5em;
    float: left;
}

#outline dl>dt {
    width: 100px;
    margin-bottom: 15px;
    float: left;
}

#outline dl>dd {
    width: 250px;
    margin-bottom: 15px;
    float: right;
}

#outline dl>dd:after {
    display: block;
    content: "";
    clear: both;
}

#outline .img {
    float: right;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#outline .list1, #outline .list2, #outline .list3, #outline .list4 {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#outline dl.list2 {
    width: 580px;
    clear: both;
}

#outline dl.list2>dd {
    width: 480px;
}

#outline dl.list2>dd>dl {
    width: 480px;
}

#outline dl.list2>dd>dl>dt {
    width: 150px;
}

#outline dl.list2>dd>dl>dd {
    width: 330px;
}

#outline dl.list3 {
    width: 580px;
    clear: both;
}

#outline dl.list3>dd {
    width: 480px;
}

#outline dl.list4 {
    width: 580px;
    clear: both;
}

#outline dl.list4>dd {
    width: 480px;
}

.ie8 #outline .left h2 p {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #outline .left .detail {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #outline .right .list1, .ie8 #outline .right .list2, .ie8 #outline .right .list3 {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #outline .right .img {
    float: right;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #outline .right ul.list li .more {
    margin-left: 0px;
}

#access {
    /* height: 600px; */
}

#access h2 svg, #access h2 .svg, #access h2 img {
    width: 151px;
    height: 37px;
}

#access h2 p {
    width: 100px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#access .detail {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#access>.btn {
    width: 140px;
    height: 600px;
    margin-left: -70px;
    position: absolute;
    left: 50%;
    top: 0px;
    z-index: 9;
    text-align: center;
}

#access>.btn svg.rect, #access>.btn .svg, #access>.btn img {
    width: 140px;
    height: 600px;
    position: absolute;
    left: 0px;
    top: 0px;
}

#access>.btn svg.line, #access>.btn .svg, #access>.btn img {
    width: 140px;
    height: 2px;
    position: absolute;
    left: 0px;
    top: 320px;
}

#access>.btn svg.line2, #access>.btn .svg, #access>.btn img {
    width: 140px;
    height: 2px;
    position: absolute;
    left: 0px;
    top: 460px;
}

#access>.btn .arrow_d {
    width: 11px;
    height: 9px;
    margin-top: 15px;
    margin-left: 64px;
    position: relative;
    overflow: hidden;
}

#access>.btn .arrow_d img {
    width: 22px;
    height: 9px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: left;
    vertical-align: bottom;
}

#access>.btn p {
    margin-top: 8px;
    font-size: 1em;
    line-height: 1.4em;
}

#access>.btn .tokyo {
    width: 140px;
    position: absolute;
    left: 0px;
    top: 130px;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#access>.btn .tokyo.active {
    color: #d9ff57;
}

#access>.btn .tokyo.active .arrow_d img {
    left: -11px;
}

#access>.btn .tokushima {
    width: 140px;
    position: absolute;
    left: 0px;
    top: 350px;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#access>.btn .tokushima.active {
    color: #d9ff57;
}

#access>.btn .tokushima.active .arrow_d img {
    left: -11px;
}

#access>.btn .osaka {
    width: 140px;
    position: absolute;
    left: 0px;
    top: 490px;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#access>.btn .osaka.active {
    color: #d9ff57;
}

#access>.btn .osaka.active .arrow_d img {
    left: -11px;
}

#access>.img {
    width: 442px;
    height: 412px;
    position: absolute;
    left: -20px;
    top: 188px;
}

#access>.img img {
    position: relative;
    z-index: 0;
}

#access>.img svg, #access>.img .svg, #access>.img img {
    width: 442px;
    height: 412px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
}

#access>.img .tokyo {
    position: absolute;
    z-index: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#access>.img .tokushima {
    position: absolute;
    z-index: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#access>.img .osaka {
    position: absolute;
    z-index: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#access>.map {
    width: 440px;
    height: 410px;
    position: absolute;
    left: 558px;
    top: 0px;
    color: black;
}

#access>.map svg, #access>.map .svg, #access>.map img {
    width: 442px;
    height: 412px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
}

#access>.map .tokyo {
    width: 438px;
    height: 408px;
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#access>.map .tokushima {
    width: 438px;
    height: 408px;
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#access>.map .osaka {
    width: 438px;
    height: 408px;
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#access>.info {
    display: table;
    width: 440px;
    height: 188px;
    position: absolute;
    left: 558px;
    top: 410px;
}

#access>.info svg, #access>.info .svg{
    width: 442px;
    height: 190px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
}

#access>.info p {
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: 0.1em;
}

#access>.info p.address {
    font-size: 0.75em;
    line-height: 1.5em;
}

#access>.info .tokyo {
    display: table-cell;
    width: 440px;
    height: 80px;
    padding-left: 50px;
    vertical-align: middle;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: relative;
    z-index: 0;
}

#access>.info .tokushima {
    display: none;
    width: 440px;
    height: 80px;
    padding-left: 50px;
    vertical-align: middle;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: relative;
    z-index: 0;
}

#access>.info .osaka {
    display: table-cell;
    width: 440px;
    height: 80px;
    padding-left: 50px;
    vertical-align: middle;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: relative;
    z-index: 0;
}

.ie8 #access h2 p {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #access .detail {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #access>.img, .ie8 #access>.btn, .ie8 #access>.map, .ie8 #access>.info {
    border: 2px solid white;
}

.ie8 #access>.img>svg, .ie8 #access>.img>.svg, .ie8 #access>.img>img, .ie8 #access>.btn>svg, .ie8 #access>.btn>.svg, .ie8 #access>.btn>img, .ie8 #access>.map>svg, .ie8 #access>.map>.svg, .ie8 #access>.map>img, .ie8 #access>.info>svg, .ie8 #access>.info>.svg, .ie8 #access>.info>img {
    display: none;
}

.ie8 #access>.img {
    width: 440px;
    height: 410px;
    left: -22px;
}

.ie8 #access>.img>svg, .ie8 #access>.img>.svg {
    display: none;
}

.ie8 #access>.img img {
    width: 440px;
    height: 410px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #access>.img .tokyo {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #access>.img .tokushima {
    display: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #access>.img .osaka {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #access>.btn {
    width: 138px;
    height: 598px;
}

.ie8 #access>.btn>svg {
    display: none;
}

.ie8 #access>.btn>.svg {
    display: block;
    top: 0px;
}

.ie8 #access>.btn>.svg.rect {
    display: none;
}

.ie8 #access>.btn .tokyo {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #access>.btn .tokushima {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #access>.btn .osaka {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #access>.map {
    width: 440px;
    height: 410px;
    left: 560px;
}

.ie8 #access>.map>svg, .ie8 #access>.map>.svg {
    display: none;
}

.ie8 #access>.map .tokyo {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    z-index: 1;
}

.ie8 #access>.map .tokushima {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    z-index: 0;
}

.ie8 #access>.map .osaka {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    z-index: 0;
}

.ie8 #access>.info {
    width: 440px;
    height: 186px;
    left: 560px;
    top: 412px;
}

.ie8 #access>.info>svg, .ie8 #access>.info>.svg {
    display: none;
}

.ie8 #access>.info .tokyo {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #access>.info .tokushima {
    display: none;
}

.ie8 #access>.info .osaka {
    display: none;
}

/*============================
企業理念のボタン部分
================================*/
#policy .btns, #policy .nums {
    display: block;
    text-align: center;
    margin: 90px auto 0
}

#policy .btn, #policy .num {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 0 40px;
    position: relative;
    cursor: pointer;
}

#policy {
    width: 100%;
    height: 600px;
    z-index: 2;
}

#policy .back {
    width: 980px;
    margin: 0 auto;
}

#policy .back h2 svg {
    height: 45px;
}

#policy .back h2 p {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#policy .back .detail {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#policy .back .btns .btn .wa {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
}

#policy .back .btns .btn .wa svg {
    width: 100px;
    stroke-width: 1;
    transform: rotate(-90deg);
}

#policy .back .btns .btn .wa svg.ura {
    display: none;
}

#policy .back .btns .btn p {
    position: relative;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    top: 40px;
    z-index: 1;
    text-align: center;
    font-size: 1.1em;
    color: #455a6c;
}

#policy .front .missions {
    width: 100%;
    height: 0px;
    position: absolute;
    top: 110px;
    z-index: 1;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.9);
}

#policy .front .missions .nums .num {
    opacity: 0;
    color: #455a6c;
    transform: translate(0, -24px);
}

#policy .front .missions .nums .num .wa {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
}

#policy .front .missions .nums .num .wa svg {
    width: 100px;
    height: 100px;
    stroke-width: 1;
    transform: rotate(-90deg);
}

#policy .front .missions .nums .num .wa svg.ura, #policy .front .missions .nums .num .wa .svg.ura, #policy .front .missions .nums .num .wa img.ura {
    display: none;
}

#policy .front .missions .nums .num p {
    position: relative;
    top: 40px;
    z-index: 1;
    text-align: center;
    font-size: 1.1em;
    color: white;
}

#policy .front .missions .closebtn {
    margin-left: -35px;
    position: absolute;
    left: 50%;
    top: 550px;
    z-index: 2;
    color: #455a6c;
    cursor: pointer;
}

#policy .front .missions .mission {
    display: none;
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#policy .front .missions .text {
    color: #455a6c;
    text-align: center;
    line-height: 2em;
}

#policy .front .missions {
    text-align: center;
}

#policy .front .mission1 .text {
    margin-top: 50px;
    font-size: 2em;
}

#policy .front .vision .text {
    font-size: 1.5em;
    margin-top: 30px;
}

#policy .front .value .text {
    margin-top: 10px;
    display: inline-block;
    text-align: left;
    font-size: 1em;
    line-height: 2.5em;
}

.ie8 #policy h2 p {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #policy .back .btns .btn .wa svg.ura, .ie8 #policy .back .btns .btn .wa .svg.ura, .ie8 #policy .back .btns .btn .wa img.ura {
    display: block;
}

.ie8 #policy .back .btns .btn .wa .omote {
    display: none;
}

.ie8 #policy .back .btns .btn p {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #policy .front .missions {
    background-color: white;
}

#biography {
    height: 500px;
}

#biography h2.title {
    margin-bottom: 72px;
}

#biography h2.title svg, #biography h2.title .svg, #biography h2.title img {
    width: 192px;
    height: 46px;
}

#biography h2.title p {
    width: 100px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#biography .img-wrap {
    position: relative;
}

#biography .img-wrap .arrow {
    position: absolute;
    top: 0px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#biography .img-wrap .arrow.left {
    width: 12px;
    left: 0px;
}

#biography .img-wrap .arrow.right {
    width: 12px;
    right: 0px;
}

#biography .img-wrap .img-inwrap {
    width: 900px;
    margin-left: 40px;
    overflow: hidden;
}

#biography .img-wrap .img-inwrap .img {
    float: none;
    position: relative;
}

#biography .img-wrap .img-inwrap .img .year {
    width: 70px;
    margin-left: -30px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    text-align: left;
    font-style: italic;
    font-size: 1.4em;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#biography .img-wrap .img-inwrap .img .year.active {
    color: #d9ff57;
}

#biography .img-wrap .img-inwrap .img #graph svg, #biography .img-wrap .img-inwrap .img #graph .svg, #biography .img-wrap .img-inwrap .img #graph img {
    height: 76px;
    margin-top: 20px;
    stroke-width: 1;
    opacity: 1;
}

#biography .img-wrap .img-inwrap .img #ten .ten1, #biography .img-wrap .img-inwrap .img #ten .ten2 {
    display: none;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    left: 0px;
    top: 0px;
}

#biography .img-wrap .img-inwrap .img #ten .ten1 {
    z-index: 0;
}

#biography .img-wrap .img-inwrap .img #ten .ten2 {
    z-index: 1;
}

#biography .text {
    position: relative;
}

#biography .text ul.info {
    width: 980px;
    position: absolute;
    left: 0px;
    top: 20px;
    z-index: 0;
}

#biography .text ul.info li {
    display: table;
    margin-bottom: 6px;
    line-height: 1.5em;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#biography .text ul.info li p.time {
    display: table-cell;
    width: 90px;
    font-style: italic;
}

#biography .text ul.info li p.detail {
    display: table-cell;
    width: 890px;
}

#biography .text:after {
    display: block;
    content: "";
    clear: both;
}

.ie8 #biography h2 p {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #biography .img .year {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #biography .img #ten {
    display: none;
}

.ie8 #biography .text ul.info {
    top: 60px;
}

#message {
    width: 100%;
    min-height: 400px;
}

#message h2 {
    margin-top: 20px;
    margin-left: -489px;
    position: absolute;
    left: 50%;
}

#message h2 svg, #message h2 .svg, #message h2 img {
    width: 179px;
    height: 46px;
}

#message h2 p {
    width: 150px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#message .detail {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#message .box {
    width: 302px;
    height: 302px;
    margin-left: -151px;
    position: absolute;
    left: 50%;
    top: 134px;
    z-index: 3;
    cursor: pointer;
}

#message .box svg, #message .box .svg, #message .box img {
    width: 302px;
    height: 302px;
    position: absolute;
    z-index: 0;
}

#message .box .inbox {
    width: 302px;
    height: 302px;
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#message .box .inbox p {
    position: relative;
    left: 30px;
    top: 110px;
    z-index: 1;
    line-height: 2em;
}

#message .box .inbox p.lead img {
    width: 16px;
    height: 10px;
    margin-top: 11px;
    margin-right: 6px;
    vertical-align: top;
    position: static;
    transform-origin: center center;
    transform: rotate(-90deg);
}

#message p.detail {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    margin-left: -151px;
    position: absolute;
    left: 50%;
    top: 134px;
    z-index: 1;
}

#message .closebtn {
    display: none;
    margin-left: -72px;
    position: absolute;
    left: 50%;
    bottom: 160px;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#message .bg {
    width: 0%;
    overflow: hidden;
}

#message .bg img {
    vertical-align: bottom;
}

.ie8 #message .box {
    border: 2px solid white;
}

.ie8 #message .box svg, .ie8 #message .box .svg, .ie8 #message .box img {
    display: none;
}

#group h2 {
    margin-bottom: 60px;
}

#group h2 svg, #group h2 .svg, #group h2 img {
    width: 122px;
    height: 46px;
}

#group h2>p {
    width: 100px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#group .groups .group {
    height: 138px;
    margin-bottom: 18px;
    position: relative;
}

#group .groups .group:after {
    display: block;
    content: "";
    clear: both;
}

#group .groups .group svg, #group .groups .group .svg, #group .groups .group img {
    width: 980px;
    height: 138px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
}

#group .groups .group .txt {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 1;
}

#group .groups .group .txt a {
    display: block;
    overflow: hidden;
    width: 358px;
    float: left;
    padding: 60px 0px;
}

#group .groups .group .txt a .name {
    width: 358px;
    text-align: center;
    float: left;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#group .groups .group .txt .detail {
    width: 585px;
    margin-top: 30px;
    padding-left: 30px;
    float: left;
    line-height: 2em;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.ie8 #group h2 p {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #group .groups .group .txt .name {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ie8 #group .groups .group .txt .detail {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

@media screen and (max-width: 640px) {
    svg {
        stroke-width: 2.5;
    }

    .caption {
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 1.25em;
        line-height: 1.3em;
        letter-spacing: 0.03em;
    }

    .detail {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 0.7em;
        line-height: 1.6em;
        letter-spacing: 0.02em;
    }

    #contents {
        padding-top: 0px;
        top: 80px;
    }

    #bg {
        background-image: url(/assets/images/common/bg_sp2.png);
    }

    .left, .right {
        width: 320px;
        float: none;
    }

    section {
        padding-bottom: 100px;
    }

    section h2 {
        margin-left: 20px;
        font-size: 0.6em;
    }

    section h2 p {
        width: auto;
    }

    section .detail {
        width: 290px;
        margin-bottom: 30px;
    }

    section ul.list {
        margin-left: 15px;
        float: none;
    }

    section ul.list li {
        margin-bottom: 30px;
    }

    section ul.list li .name {
        font-size: 0.6em;
    }

    section ul.list li .exp {
        font-size: 0.6em;
    }

    section .img {
        float: none;
        text-align: center;
    }

    #menu {
        width: 320px;
        height: auto;
        padding-bottom: 30px;
    }

    #menu h2.title {
        text-align: center;
    }

    #menu h2.title svg, #menu h2.title .svg, #menu h2.title img {
        width: 180px;
        height: 27px;
    }

    #menu h2.title p {
        width: auto;
        font-size: 1.5em;
    }

    #menu .right {
        display: none;
    }

    #outline {
        width: 320px;
        height: auto;
    }

    #outline .title {
        margin-bottom: 25px;
    }

    #outline .title svg, #outline .title .svg, #outline .title img {
        width: 82px;
        height: 23px;
    }

    #outline .title p {
        width: auto;
        font-size: 1.1em;
    }

    #outline dl {
        width: 200px;
        margin-left: 20px;
        font-size: 0.7em;
    }

    #outline dl>dt {
        width: 60px;
    }

    #outline dl>dd {
        width: 140px;
    }

    #outline .img {
        margin-right: 20px;
    }

    #outline .img svg, #outline .img .svg, #outline .img img {
        width: 62px;
        height: 52px;
    }

    #outline dl.list2 {
        width: 300px;
        clear: both;
        font-size: 1em;
    }

    #outline dl.list2>dt {
        width: 60px;
        font-size: 0.7em;
        line-height: 1.2em;
        float: left;
    }

    #outline dl.list2>dd {
        width: 240px;
        float: right;
    }

    #outline dl.list2>dd>dl {
        width: auto;
        margin-left: 0px;
    }

    #outline dl.list2>dd>dl>dt {
        width: 240px;
        margin-bottom: 0px;
    }

    #outline dl.list2>dd>dl>dd {
        width: 240px;
        float: none;
    }

    #outline dl.list2>dd>dl>dd span {
        line-height: 0px;
    }

    #outline dl.list3 {
        width: 300px;
        clear: both;
    }

    #outline dl.list3>dt {
        width: 60px;
    }

    #outline dl.list3>dd {
        width: 220px;
        padding-right: 20px;
    }

    #outline dl.list4 {
        width: 300px;
        clear: both;
    }

    #outline dl.list4>dt {
        width: 60px;
    }

    #outline dl.list4>dd {
        width: 220px;
        padding-right: 20px;
    }

    #access {
        width: 320px;
        height: auto;
    }

    #access h2.title {
        margin-bottom: 15px;
    }

    #access h2.title svg, #access h2.title .svg, #access h2.title img {
        width: 93px;
        height: 22px;
    }

    #access h2.title p {
        width: auto;
        font-size: 1.2em;
    }

    #access>.sp>.tokyo>.btn, #access>.sp>.tokushima>.btn, #access>.sp>.osaka>.btn {
        width: 280px;
        height: 100px;
        text-align: center;
        color: #d9ff57;
        position: relative;
        z-index: 10;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    #access>.sp>.tokyo>.btn>svg, #access>.sp>.tokyo>.btn>.svg, #access>.sp>.tokyo>.btn>img, #access>.sp>.tokushima>.btn>svg, #access>.sp>.tokushima>.btn>.svg, #access>.sp>.tokushima>.btn>img, #access>.sp>.osaka>.btn>svg, #access>.sp>.osaka>.btn>.svg, #access>.sp>.osaka>.btn>img {
        width: 280px;
        height: 100px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 0;
        stroke-width: 0.5;
    }

    #access>.sp>.tokyo>.btn .tokyo, #access>.sp>.tokyo>.btn .tokushima, #access>.sp>.tokyo>.btn .osaka, #access>.sp>.tokushima>.btn .tokyo, #access>.sp>.tokushima>.btn .tokushima, #access>.sp>.tokushima>.btn .osaka, #access>.sp>.osaka>.btn .tokyo, #access>.sp>.osaka>.btn .tokushima, #access>.sp>.osaka>.btn .osaka {
        position: relative;
        top: 35px;
        z-index: 1;
    }

    #access>.sp>.tokyo>.btn p, #access>.sp>.tokushima>.btn p, #access>.sp>.osaka>.btn p {
        margin-bottom: 15px;
    }

    #access>.sp>.tokyo>.btn img, #access>.sp>.tokushima>.btn img, #access>.sp>.osaka>.btn img {
        width: 22px;
        height: 12px;
    }

    #access>.sp>.tokyo, #access>.sp>.tokushima, #access>.sp>.osaka {
        width: 280px;
        margin-left: 20px;
    }

    #access>.sp>.tokyo .case, #access>.sp>.tokushima .case, #access>.sp>.osaka .case {
        height: 0px;
        margin-top: -2px;
        overflow: hidden;
    }

    #access>.sp>.tokyo .case .img, #access>.sp>.tokushima .case .img, #access>.sp>.osaka .case .img {
        height: 150px;
        margin-top: -2px;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

    #access>.sp>.tokyo .case .img>svg, #access>.sp>.tokyo .case .img>.svg, #access>.sp>.tokyo .case .img>img, #access>.sp>.tokushima .case .img>svg, #access>.sp>.tokushima .case .img>.svg, #access>.sp>.tokushima .case .img>img, #access>.sp>.osaka .case .img>svg, #access>.sp>.osaka .case .img>.svg, #access>.sp>.osaka .case .img>img {
        width: 280px;
        height: 150px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 0;
        stroke-width: 0.5;
    }

    #access>.sp>.tokyo .case .img img, #access>.sp>.tokushima .case .img img, #access>.sp>.osaka .case .img img {
        width: 100%;
        height: auto;
    }

    #access>.sp>.tokyo .case .map, #access>.sp>.tokushima .case .map, #access>.sp>.osaka .case .map {
        height: 268px;
        margin-top: -2px;
        position: relative;
        z-index: 2;
        color: black;
    }

    #access>.sp>.tokyo .case .map>svg, #access>.sp>.tokyo .case .map>.svg, #access>.sp>.tokyo .case .map>img, #access>.sp>.tokushima .case .map>svg, #access>.sp>.tokushima .case .map>.svg, #access>.sp>.tokushima .case .map>img, #access>.sp>.osaka .case .map>svg, #access>.sp>.osaka .case .map>.svg, #access>.sp>.osaka .case .map>img {
        width: 280px;
        height: 268px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 100;
        stroke-width: 0.5;
    }

    #access>.sp>.tokyo .case .map #map3, #access>.sp>.tokyo .case .map #map4, #access>.sp>.tokushima .case .map #map3, #access>.sp>.tokushima .case .map #map4, #access>.sp>.osaka .case .map #map5, #access>.sp>.osaka .case .map #map6 {
        width: 277px;
        height: 268px;
    }

    #access>.sp>.tokyo .case .info, #access>.sp>.tokushima .case .info, #access>.sp>.osaka .case .info {
        height: 133px;
        margin-top: -2px;
        position: relative;
        z-index: 3;
        font-size: 0.65em;
        line-height: 1.5em;
    }

    #access>.sp>.tokyo .case .info>svg, #access>.sp>.tokyo .case .info>.svg, #access>.sp>.tokyo .case .info>img, #access>.sp>.osaka .case .info>svg, #access>.sp>.osaka .case .info>.svg, #access>.sp>.osaka .case .info>img {
        width: 280px;
        height: 133px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: -1;
        stroke-width: 0.5;
    }

    #access>.sp>.tokushima .case .info>svg, #access>.sp>.tokushima .case .info>.svg, #access>.sp>.tokushima .case .info>img {
        width: 280px;
        height: 143px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: -1;
        stroke-width: 0.5;
    }

    #access>.sp>.tokyo .case .info p, #access>.sp>.tokushima .case .info p, #access>.sp>.osaka .case .info p {
        margin-left: 15px;
        padding-top: 15px;
    }

    #access>.sp>.tokyo .case .info a, #access>.sp>.tokushima .case .info a, #access>.sp>.osaka .case .info a {
        margin-left: 15px;
        z-index: 100;
    }

    #access>.sp>.tokyo .case .info p.address, #access>.sp>.tokushima .case .info p.address, #access>.sp>.osaka .case .info p.address {
        margin-top: 5px;
        padding-top: 0px;
    }

    #access>.sp>.tokushima {
        margin-top: -2px;
    }

    #access>.btn, #access>.img, #access>.map, #access>.info {
        display: none;
    }

    #policy {
        width: 320px;
        height: 400px;
    }

    #policy h2.title {
        margin-bottom: 28px;
    }

    #policy h2.title svg, #policy h2.title .svg, #policy h2.title img {
        width: 69px;
        height: 27px;
    }

    #policy h2.title p {
        width: auto;
        font-size: 1.2em;
    }

    #policy .back .btns {
        margin-left: 0px;
        margin-top: 0px;
        position: relative;
    }

    #policy .back .btns .btn {
        width: 123px;
        height: 123px;
        margin: 0;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 0;
    }

    #policy .back .btns .btn .wa {
        width: 123px;
        height: 123px;
    }

    #policy .back .btns .btn .wa svg {
        width: 123px;
    }

    #policy .back .btns .btn p {
        font-size: 1em;
        top: 55px;
    }

    #policy .back .btns .btn:nth-child(1) {
        left: 15px;
        top: 0px;
    }

    #policy .back .btns .btn:nth-child(2) {
        left: 177px;
        top: 86px;
    }

    #policy .back .btns .btn:nth-child(3) {
        left: 15px;
        top: 161px;
    }

    #policy .front .missions {
        display: none;
        height: 600px;
        background-color: transparent;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        position: inherit;
    }

    #policy .front .missions .nums {
        display: block;
        margin: 0 auto;
        position: relative;
    }

    #policy .front .missions .nums .num {
        width: auto;
        height: auto;
        margin: 0 auto;
        /* left: 0px;
          top: 0px;*/
        transform: none;
        z-index: 0;
    }

    #policy .front .missions .nums .num .wa {
        width: auto;
        height: 350px;
        position: relative;
    }

    #policy .front .missions .nums .num .wa .sp {
        position: relative;
    }

    #policy .front .missions .nums .num .wa .sp svg, #policy .front .missions .nums .num .wa .sp .svg, #policy .front .missions .nums .num .wa .sp img {
        width: 350px;
        height: auto;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    #policy .front .missions .nums .num p {
        position: absolute;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        left: 50%;
        top: 35px;
        color: #455a6c;
    }

    #policy .front .missions .nums .num p span {
        font-size: 1em;
    }

    #policy .front .missions .nums .num4.num p {
        width: 277px;
    }

    #policy .front .missions .closebtn {
        top: unset;
        left: unset;
        position: relative;
        margin: -50px auto 0;
    }

    #policy .front .missions .mission {
        width: 277px;
        margin-top: 30px;
        position: absolute;
        top: 70px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    #policy .front .missions .mission .text {
        width: 225px;
        margin: 0 auto;
        z-index: 1;
        font-size: 0.8em;
    }

    #policy .missions .text span {
        display: inline-block;
    }

    #policy .front .missions .value {
        margin-top: 10px;
    }

    #policy .front .missions .value .text {
        width: 350px;
        height: 60vh;
        overflow: scroll;
        margin: 0 auto;
        font-size: 0.55em;
        line-height: 2.5em;
    }

    #biography {
        width: 320px;
        height: 290px;
    }

    #biography h2.title {
        margin-bottom: 37px;
    }

    #biography h2.title svg, #biography h2.title .svg, #biography h2.title img {
        width: 121px;
        height: 28px;
    }

    #biography h2.title p {
        width: auto;
        font-size: 1.2em;
    }

    #biography .img-wrap .img-inwrap {
        width: auto;
        margin-left: 0px;
        overflow: visible;
    }

    #biography .img-wrap .img-inwrap .img {
        margin-left: 0px;
    }

    #biography .img-wrap .img-inwrap .img .year {
        margin-left: -20px;
        font-size: 1em;
    }

    #biography .img-wrap .img-inwrap .img #graph svg, #biography .img-wrap .img-inwrap .img #graph .svg, #biography .img-wrap .img-inwrap .img #graph img {
        height: 76px;
    }

    #biography .text {
        margin-left: 20px;
        margin-right: 20px;
    }

    #biography .text ul.info {
        width: 280px;
    }

    #biography .text ul.info li {
        margin-bottom: 0px;
    }

    #biography .text ul.info li p.time {
        width: 60px;
        font-style: italic;
        font-size: 0.7em;
    }

    #biography .text ul.info li p.detail {
        width: 260px;
        font-size: 0.7em;
    }

    #biography .text #info1, #biography .text #info2, #biography .text #info3, #biography .text #info4 {
        left: 20px;
    }

    #message {
        width: 320px;
        height: 340px;
        min-height: 340px;
    }

    #message h2.title {
        padding-top: 20px;
        margin-left: 20px;
        margin-bottom: 28px;
        position: relative;
        left: 0px;
        top: 0px;
        z-index: 2;
    }

    #message h2.title svg, #message h2.title .svg, #message h2.title img {
        width: 111px;
        height: 28px;
    }

    #message h2.title p {
        width: auto;
        font-size: 1.2em;
    }

    #message .middle {
        position: relative;
        z-index: 1;
    }

    #message .middle .box {
        width: 231px;
        height: 231px;
        margin-left: 45px;
        position: static;
    }

    #message .middle .box svg, #message .middle .box .svg, #message .middle .box img {
        width: 230px;
        height: 230px;
        stroke-width: 1;
    }

    #message .middle .box .inbox {
        width: 231px;
        height: 231px;
    }

    #message .middle .box .inbox p {
        left: 0px;
        top: 80px;
        font-size: 0.8em;
        text-align: center;
    }

    #message .middle .box .inbox p.lead {
        margin-bottom: 0px;
        position: absolute;
        left: 87px;
        top: 177px;
    }

    #message .middle .box .inbox p.lead>img {
        width: 14px;
        height: 9px;
        margin-right: 5px;
        position: static;
        margin-top: 0px;
        vertical-align: baseline;
        transform-origin: center center;
        transform: rotate(0deg);
    }

    #message .middle .detail {
        width: 230px;
        position: static;
        margin-left: 45px;
        margin-top: 30px;
        font-size: 0.6em;
    }

    #message .middle .closebtn {
        left: 198px;
        top: 181px;
        z-index: 10;
    }

    #message .middle .closebtn img {
        width: 72px;
        height: 12px;
    }

    #message .bg {
        width: 320px;
        height: 0px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 0;
        background-color: #151413;
        overflow: hidden;
    }

    #message .bg img {
        width: 100%;
        height: auto;
    }

    #group {
        width: 320px;
        height: auto;
    }

    #group h2.title {
        margin-bottom: 30px;
    }

    #group h2.title svg, #group h2.title .svg, #group h2.title img {
        width: 76px;
        height: 28px;
    }

    #group h2.title p {
        width: auto;
        font-size: 1.2em;
    }

    #group ul.groups li.group {
        margin-bottom: 15px;
        position: relative;
        top: 0px;
    }

    #group ul.groups li.group .sp svg, #group ul.groups li.group .sp .svg, #group ul.groups li.group .sp img {
        width: 280px;
        height: 120px;
        margin-left: 20px;
        stroke-width: 0.5;
    }

    #group ul.groups li.group .txt {
        width: 280px;
        margin-left: 20px;
        margin-right: 20px;
    }

    #group ul.groups li.group .txt a {
        width: 280px;
        padding: 15px 0px;
    }

    #group ul.groups li.group .txt p.name {
        width: 280px;
        margin-top: 0px;
        font-size: 0.6em;
    }

    #group ul.groups li.group .txt p.detail {
        width: 240px;
        margin: -2px 0px 0px 0px;
        padding: 15px 20px 15px 20px;
        font-size: 0.55em;
        line-height: 1.5em;
    }
}

/*--0604--*/
.company-under {
    text-decoration: underline;
}

#adviser {
    width: 580px;
    margin: 0 auto;
}

#adviser-menu {
    padding-bottom: 0;
}

#adviser-menu p {
    font-size: 23px;
    margin-top: 20px;
    margin-bottom: 28px;
}

.adviser-content {
    overflow: hidden;
    font-size: 0.95em;
    line-height: 1.5;
}

#adviser01, #adviser03 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.adviser-content h3 {
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 30px;
}

.adviser-content dt {
    width: 120px;
    margin-bottom: 15px;
    float: left;
}

.adviser-content dd {
    width: 460px;
    margin-bottom: 15px;
    float: left;
}

.adviser-content p {
    clear: both;
}

.adviser-caption, #adviser02 p {
    margin-bottom: 30px;
}

#adviser03 dt {
    width: 250px;
}

#adviser03 dd {
    width: 330px;
}

.adviser-mgn15 {
    margin-bottom: 15px;
}

.googlemap_btn {
    margin-top: 10px;
}

@media screen and (max-width: 640px) {
    #adviser-menu, .adviser-content {
        width: 290px;
        margin-left: 15px;
    }

    #adviser-menu h2, #adviser-menu p {
        margin-left: 0;
        text-align: center;
    }

    #adviser-menu h2 img {
        height: 30px;
        width: auto;
        margin-bottom: 0;
    }

    #adviser-menu p {
        margin-top: 15px;
        margin-bottom: 0;
        font-size: 20px;
    }

    #adviser01 {
        margin-top: 28px;
    }

    #adviser02 {
        padding-bottom: 50px;
    }

    .adviser-content {
        font-size: 0.7em;
    }

    .adviser-content h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .adviser-content dt {
        margin-bottom: 5px;
    }
}


/*2022/05/12追記*/
#office_map{
  display: flex;
  margin-top: 25px;
}
#office_map .office_tab{
  border:3px solid #fff;
  border-right: 0;
  width: 200px;
  height: 90px;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  box-sizing: border-box;
  transition: 0.3s;
  cursor: pointer;
}
#office_map .office_tab:hover{
  color: #D6F977;
  transition: 0.3s;
}
#office_map .office_tab:nth-child(n + 2){
  border-top: 0px;
}
#office_map .office_tab.active{
  color: #D6F977;
}
#office_map .tabbox-contents{
  width: calc(100% - 200px);
}
#office_map .office_contents{
    display:none;
}
#office_map .office_contents{
  border:3px solid #fff;
  border-left: 0;
}
#office_map .office_contents .flex{
  display: flex;
  border-left:3px solid #fff;
  height: 624px;
}
#office_map .office_contents .flex img{
  display: block;
}
#office_map .office_contents.active{
    display:block;
}
#office_map .tab-active {
  transition: all 0.2s ease-in-out;
}
#office_map .office_contents {
  display: none;
}
#office_map .show {
  display: block;
}
#office_map .map_box{
  width: 390px;
  border-left: 3px solid #fff;
}
#office_map .map_contents{
  padding: 25px;
}
#office_map .map{
  border-bottom: 3px solid #fff;
}
#office_map .map iframe{
  display: block;
}
#office_map .address_ttl{
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
}
#office_map .address{
  margin-top: 10px;
  line-height: 21px;
  font-size: 14px;
}
/*各オフィス 画像*/
#office_map .office_img{
  width: calc(100% - 390px);
}
#office_map .office_img.tokyo{
  background-image: url(../images/company/access_tokyo_img.jpg);
  background-size: cover;
  background-position: center;
}
#office_map .office_img.tokushima{
  background-image: url(../images/company/access_tokushima_img.jpg);
  background-size: cover;
  background-position: center;
}
#office_map .office_img.osaka{
  background-image: url(../images/company/access_osaka.jpg);
  background-size: cover;
  background-position: center;
}
#office_map .office_img.shizuoka{
  background-image: url(../images/company/access_shizuoka_img.jpg);
  background-size: cover;
  background-position: center;
}
#office_map .office_img.fukuoka{
    background-image: url(../images/company/access_fukuoka.jpg);
    background-size: cover;
    background-position: center;
}
#office_map .office_img.shonan{
    background-image: url(../images/company/access_shonan.jpg);
    background-size: cover;
    background-position: center;
}
#office_map .office_img.shibuya {
    background-image: url(../images/company/access_shibuya_pc.jpg);
    background-size: cover;
    background-position: center;
}
/*google mapでみる　ボタン*/
#office_map .google_map_link{
  border: 3px solid #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 10px 10px 38px;
  display: block;
  margin-top: 20px;
  max-width: 140px;
  transition: 0.3s;
  background-image: url(../images/company/map_pin.png);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position-y: center;
  background-position-x: 10px;
}

#office_map .google_map_link:hover{
  border: 3px solid #D6F977;
  color: #D6F977 ;
  transition: 0.3s;
  background-image: url(../images/company/map_pin_hover.png);
}

@media screen and (max-width: 640px) {
  #office_map{
    display: block;
    margin: 25px 20px 20px;
  }
  #office_map .office_tab{
    border-right: 3px solid #fff;
    height: 65px;
    width: auto;
    font-size: 12px;
    line-height: 18px;
  }
  #office_map .tabbox-contents{
    width: 100%;
  }
  #office_map .office_contents{
    border-top:0;
  }
  #office_map .office_contents .flex{
    display: block;
  }
  #office_map .map_box,#office_map .map iframe{
    width: 100%;
    border: 0;
  }
  #office_map .map iframe{
    height: 250px;
  }
  #office_map .address_ttl{
    font-size: 13px;
    line-height: 20px;
  }
  #office_map .address{
    line-height: 18px;
    font-size: 11px;
  }
  #office_map .google_map_link{
    max-width: 100%;
    font-size: 11px;
  }
  #office_map .office_img{
    width: 100%;
    height: 150px
  }
  #office_map .office_tab.active a{
    color: #D6F977;
  }
  #office_map .office_img.tokyo{
    background-image: url(../images/company/access_tokyo_img_sp.jpg);
    background-size: cover;
    background-position: center;
  }
  #office_map .office_img.tokushima{
    background-image: url(../images/company/access_tokushima_img_sp.jpg);
    background-size: cover;
    background-position: center;
  }
  #office_map .office_img.osaka{
    background-image: url(../images/company/access_osaka_sp.jpg);
    background-size: cover;
    background-position: center;
  }
  #office_map .office_img.shizuoka{
    background-image: url(../images/company/access_shizuoka_img.jpg);
    background-size: cover;
    background-position: center;
  }
  #office_map .office_img.fukuoka{
    background-image: url(../images/company/access_fukuoka_sp.jpg);
    background-size: cover;
    background-position: center;
  }
  #office_map .office_img.shonan{
    background-image: url(../images/company/access_shonan_sp.jpg);
    background-size: cover;
    background-position: center;
  }
  #office_map .office_img.shibuya{
    background-image: url(../images/company/access_shibuya_sp.jpg);
    background-size: cover;
    background-position: center;
  }
}