@charset "utf-8";
    body,
    html {
        font-family:"Noto Sans JP",sans-serif; 
        font-size: 16px;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        position: relative
    }
    
    section {
        position: relative;
        background: #fff
    }
    
    ul {
        overflow: hidden;
        padding: 0;
        margin: 0 auto;
        list-style: none
    }
    
    a,
    a:active,
    a:hover,
    a:visited {
        color: inherit;
        display: inline-block;
        text-decoration: none
    }
    
    p {
        margin: 0
    }
    
    img {
        border: 0;
        outline: 0;
        display: block;
        max-width: 100%
    }
    
    article {
        font-size: inherit;
        width: 100%;
        overflow: hidden
    }
    
    ol {
        padding-left: 2em
    }
    
    .pc {
        display: block
    }
    
    .none,
    .sp,
    .sp2 {
        display: none
    }
    
    .left {
        float: left
    }
    
    .right {
        float: right
    }
    
    .center {
        margin: 0 auto;
        float: none
    }
    
    .consulting .view05 .case:before,
    .prompt,
    .svcBlock li,
    h1,
    nav {
        font-family:"Noto Sans JP",sans-serif;
        text-transform: uppercase
    }
    
    .serif,
    .sub {
        font-family: 'Noto Serif JP', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif
    }
    
    .container {
        width: 1200px;
        margin: 0 auto;
        position: relative;
        box-sizing: border-box;
        max-width: 100%
    }
    
    .logo {
        background: url(/common/images/logo.svg) center bottom no-repeat;
        background-size: 100% auto;
        display: inline-block;
        margin: 0;
        max-width: 30%;
        width: 281px;
        height: 54px
    }
    
    .logo a {
        max-width: 100%;
        color: transparent;
        font-size: 0;
        height: 100%;
        display: block;
        overflow: hidden
    }
    
    .logo:hover {
        opacity: .7
    }
    
    .red {
        color: #c60e0e
    }
    
    .ylw {
        color: #ffba00
    }
    
    .grn {
        color: #2c312b
    }
    
    .blu {
        color: #266c99
    }
    
    .bg_wgrn,
    .type02 {
        background: #d9dfe0;
        color: #fff
    }
    
    .bg_lgrn {
        background: #a8d1d6;
        color: #fff!important
    }
    
    .bg_dgrn,
    .type01 {
        background: #4f929a;
        color: #fff!important
    }
    
    .bg_gry,
    .type07 {
        background: #aeaeae;
        color: #fff!important
    }
    
    .type06 {
        background: #3a3a3a;
        color: #fff
    }
    
    .bg_pnk {
        background: #d89c9c;
        color: #fff!important
    }
    
    .bg_step01 {
        background: rgba(242, 242, 242, .75)
    }
    
    .bg_step02 {
        background: rgba(238, 243, 244, .75)
    }
    
    .bg_step03 {
        background: #e3eef1
    }
    
    .title {
        border-left: 7px solid;
        padding: 1rem 2rem;
        margin-left: 4rem;
        position: absolute;
        top: -3rem;
        box-sizing: border-box;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        flex-wrap: wrap;
        width: 45%
    }
    
    .title.right {
        right: 0
    }
    
    .title h1 {
        display: inline-block;
        font-size: 3rem;
        font-weight: 400;
        font-style: italic;
        margin: 6.5rem 0 1.5rem;
        line-height: 1.2;
        letter-spacing: .07em
    }
    
    .title p {
        font-size: 1.1rem;
        letter-spacing: .1em
    }
    
    .btn a {
        font-size: 1.2em;
        box-sizing: border-box;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        letter-spacing: .07em
    }
    
    .btn a:after {
        content: "＞"
    }
    
    .headArea,
    header {
        overflow: hidden
    }
    
    header {
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 100%;
        border-bottom: 1px solid #f5f5f5
    }
    
    header .logo {
        margin: 0 0 2% 0
    }
    
    .headArea .right {
        width: 45%;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        font-size: .9rem
    }
    
    .headArea .tab {
        width: 33.3%
    }
    
    .headArea .tab a {
        transition: all .2s
    }
    
    .headArea .link a {
        background: url(/common/images/win.svg) 90% center no-repeat;
        background-size: auto 30%
    }
    
    .headArea .link a:hover {
        color: #4096a0
    }
    
    .headArea .inquiry a {
        background: url(/common/images/mail.svg) #a8d1d6 88% center no-repeat;
        margin: 0 1px
    }
    
    .headArea .inquiry a:hover,
    .headArea .signup a:hover {
        background-color: #81c9d1
    }
    
    .headArea .signup a {
        background: url(/common/images/magazine.svg) #4f929a 88% center no-repeat
    }
    
    .headArea .inquiry a,
    .headArea .signup a {
        background-size: auto 50%;
        color: #fff
    }
    
    .headArea .tab a {
        border-radius: 0 0 5px 5px;
        display: block;
        padding: .8em 1.6em;
        box-sizing: border-box
    }
    
    .navArea {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        box-sizing: border-box;
        width: 96%;
        margin: 1.5% 0 0 4%
    }
    
    .outer {
        width: 65%
    }
    
    nav ul {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        box-sizing: border-box
    }
    
    nav ul li {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        box-sizing: border-box;
        text-align: right
    }
    
    nav ul span {
        font-size: .6rem;
        line-height: 1.2;
        display: inline-block;
        font-style: italic;
        letter-spacing: .1em;
        font-weight: 700
    }
    
    nav ul span big {
        font-size: .7rem
    }
    
    nav ul p {
        overflow: hidden;
        margin: 1% auto 0;
        letter-spacing: .05em;
        font-weight: 700
    }
    
    nav.outer ul {
        -webkit-justify-content: space-around;
        justify-content: space-around
    }
    
    nav.inner ul,
    nav.outer li {
        flex-wrap: wrap
    }
    
    nav.outer li a {
        border-bottom: 7px solid transparent;
        padding: .5em 1vw .3em;
        box-sizing: border-box
    }
    
    nav.outer li .on {
        border-color: #b6d9dd
    }
    
    nav.inner {
        background: rgba(239, 242, 243, .9);
        margin-top: 1px;
        position: fixed;
        left: 0;
        z-index: 999;
        width: 100%
    }
    
    .navTitle {
        cursor: default
    }
    
    .navTitle a:after {
        content: "＞"
    }
    
    .navTitle h2 {
        font-size: 1.15rem;
        letter-spacing: .05em;
        padding: 0 1.6rem;
        line-height: 1;
        margin-bottom: 0;
        display: inline-block
    }
    
    .navTitle p {
        font-size: .8rem;
        font-style: italic;
        letter-spacing: .15em;
        border-bottom: 1px solid;
        display: block;
        padding: .8em 2em;
        box-sizing: border-box;
        line-height: 1;
        font-weight: 700
    }
    
    nav.inner .contents {
        width: 1000px;
        position: relative;
        padding: 1.5rem 0 0;
        box-sizing: border-box;
        margin: 0 auto;
        overflow: hidden;
        max-width: 94%;
        display: none
    }
    
    nav.inner ul {
        width: 100%;
        margin: 3% auto
    }
    
    nav.inner ul li {
        text-align: center;
        width: 33.3%;
        letter-spacing: .1em;
        font-size: .9rem;
        font-weight: 700
    }
    
    nav.inner ul li:hover {
        background: rgba(255, 255, 255, .9)
    }
    
    nav.inner ul li a {
        padding: .5em 1.2em .5em 1.5em;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%
    }
    
    nav.inner ul li a:after {
        content: "＞"
    }
    
    #first {
        margin-top: 137px
    }
    
    .breadcrumb {
        background: #d9dfe0;
        color: #131619;
        text-transform: uppercase;
        font-size: .8rem;
        letter-spacing: .1em;
        overflow: hidden;
        box-sizing: border-box;
        position: relative;
        z-index: 100;
        border-bottom: 1px solid #d9dfe0
    }
    
    .breadcrumb ul {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding: .8em 3%;
        box-sizing: border-box
    }
    
    .breadcrumb a:after {
        content: ">";
        margin: 0 .5em
    }
    
    .breadcrumb a:hover {
        color: #037c8a
    }
    
    .fv {
        position: relative;
        width: 100%;
        height: 330px;
        z-index: 9
    }
    
    .fv .bgArea {
        background-size: 100% auto!important;
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0
    }
    
    .fv .container {
        background: rgba(0, 0, 0, .4);
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        text-align: center;
        color: #fff;
        letter-spacing: .05em;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center
    }
    
    .fv .container h1 {
        font-size: 3rem
    }
    
    .view02 {
        z-index: 10
    }
    
    .view03 {
        z-index: 11
    }
    
    .view04 {
        z-index: 12
    }
    
    .view05 {
        z-index: 13
    }
    
    .list {
        margin: 0 auto;
        overflow: hidden
    }
    
    .list ul {
        width: 100%;
        box-sizing: border-box;
        letter-spacing: .05em
    }
    
    .list ul li a {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }
    
    .list h2 {
        font-size: 1.4rem;
        line-height: 1;
        letter-spacing: .07em;
        text-align: left;
        display: inline-block;
        margin: 0 auto
    }
    
    .list p {
        display: inline-block;
        width: 70%;
        text-align: left
    }
    
    .list .date {
        text-align: left;
        width: 125px
    }
    
    .list .tag {
        font-size: .9rem;
        padding: .8em 0;
        box-sizing: border-box;
        width: 115px;
        text-align: center;
        margin: 0 1%;
        letter-spacing: .05em;
        line-height: 1
    }
    
    .listTitle {
        margin: 0 0 0 1.7em
    }
    
    .list .btn {
        display: inline-block;
        padding: 1%
    }
    
    .list .btn a {
        padding: 1.4em 1em 1.4em 2em
    }
    
    .type01:after {
        content: "参加受付中"
    }
    
    .type02:after {
        content: "開催予定"
    }
    
    .type03:after {
        content: "開催レポート"
    }
    
    .type04:after {
        content: "コラム"
    }
    
    .type05:after {
        content: "トピックス"
    }
    
    .type06:after {
        content: "満員御礼"
    }
    
    .type07:after {
        content: "好評終了"
    }
    
    button {
        border: 0;
        outline: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        cursor: pointer;
        transition: all .2s
    }
    
    button.prev:before {
        content: "＜"
    }
    
    button.next:after {
        content: "＞"
    }
    
    button.prev {
        background: #c9dae8;
        padding: 1.5em 2em 1.5em 1em
    }
    
    button.next {
        background: #54a8b1;
        padding: 1.5em 1em 1.5em 2em
    }
    
    button.next,
    button.prev {
        color: #fff;
        font-size: 1.15rem;
        box-sizing: border-box
    }
    
    button.prev:hover {
        background: #578ab9
    }
    
    button.next:hover {
        background: #1594a2
    }
    
    button:disabled {
        background: #ddd!important;
        cursor: not-allowed
    }
    
    footer {
        overflow: hidden;
        width: 100%;
        position: relative;
        z-index: 99;
        background: #fff
    }
    
    .footNav {
        background: #eaeeef;
        overflow: hidden;
        letter-spacing: .07em
    }
    
    .footNav .container {
        padding: 1.5% 8% .5%;
        box-sizing: border-box;
        overflow: hidden;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }
    
    .footNav p,
    .footNav ul.inner {
        font-size: .8rem
    }
    
    .footNav p {
        margin: 0 auto;
        font-weight: 700
    }
    
    .footNav .inner ul {
        font-size: .8rem;
        margin: 5% auto
    }
    
    .footNav .inner ul li {
        margin: 0 auto
    }
    
    .footNav li a:before {
        content: "-";
        margin-right: .5em
    }
    
    .footNav ul.inner li {
        margin: 3% auto;
        font-weight: 700
    }
    
    .footNav a {
        border-bottom: 1px solid transparent;
        color: #333
    }
    
    .footNav a:hover {
        border-bottom: 1px solid;
        color: #037c8a
    }
    
    .footNav .link a {
        background: url(/common/images/win_b.svg) center right no-repeat;
        padding-right: 1.2em;
        background-size: auto 1.05em;
        box-sizing: border-box
    }
    
    .footArea {
        font-size: .8rem;
        text-align: center
    }
    
    .footArea ul {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin: 1.5% auto 5%
    }
    
    .footArea ul li {
        border-left: 1px solid
    }
    
    .footArea ul li:first-child {
        border: 0
    }
    
    .footArea ul a {
        padding: 0 1.5em;
        box-sizing: border-box
    }
    
    .footArea ul a:hover {
        color: #65a9b1
    }
    
    .footArea h1 {
        margin-bottom: 1.5%
    }
    
    .copy {
        margin-bottom: 1.5%
    }
    /* Pマーク */
    
    .footerLogo .p_image {
        display: block;
        width: 90px;
        margin-left: auto;
        position: relative;
        top: -121px;
        right: 17.5%;
        margin-bottom: -100px;
    }
    
    @media screen and (min-width:738px) {
        .footNav a:hover {
            margin: 1px -1px -1px 1px
        }
        .btn a:hover {
            margin: 2px -2px -2px 2px
        }
        .list ul li a:hover {
            margin: 1px -1px -1px 1px
        }
    }
    
    @media screen and (max-width:1200px) and (min-width:738px) {
        .btn a,
        .cPolicy p,
        .title p {
            font-size: 1.7vw
        }
        .title p {
            letter-spacing: .05em
        }
        .fv {
            height: 30vw
        }
        .fv .container h1 {
            font-size: 4vw
        }
        .breadcrumb {
            font-size: 1.1vw
        }
    }
    
    @media screen and (max-width:1100px) {
        .headArea .right {
            width: 50%
        }
        .title {
            margin-left: 5vw;
            padding-right: 0
        }
        .title h1 {
            font-size: 4.7vw;
            margin-top: 10vw
        }
        .listTitle {
            margin-left: 2vw
        }
        .list {
            font-size: 1.7vw
        }
        .list .tag {
            font-size: 1.5vw
        }
        .footNav .container {
            padding: 3vw 4vw
        }
    }
    
    @media screen and (max-width:1000px) {
        .navTitle h2,
        button.next,
        button.prev {
            font-size: 1.7vw
        }
        nav ul li {
            font-size: 1.6vw
        }
        nav.inner ul li {
            font-size: 1.5vw
        }
        nav.inner ul li a {
            padding: .5em 1em .5em .5em
        }
        nav ul span {
            font-size: 1vw
        }
        nav ul span big {
            font-size: 1.1vw
        }
        header .logo {
            background-position: center top
        }
        .headArea .right {
            font-size: 1.4vw
        }
        .outer {
            width: 68%
        }
        .navTitle p {
            font-size: 1.2vw
        }
    }
    
    @media screen and (max-width:900px) {
        .footNav .container {
            flex-wrap: wrap
        }
        .footNav .inner {
            width: 50%
        }
        .footNav p {
            margin: 3% auto
        }
        .footNav .inner ul {
            margin: 3% 0 0
        }
        .navArea {
            width: 97%;
            margin-left: 3%
        }
        /* Pマーク */
        .footerLogo .p_image {
            display: block;
            width: 90px;
            margin-left: auto;
            position: relative;
            top: -121px;
            right: 7%;
            margin-bottom: -100px;
        }
    }
    
    @media screen and (max-width:737px) {
        .breadcrumb,
        .pc {
            display: none
        }
        .sp:not(.nav) {
            display: inline-block!important
        }
        .outer {
            width: 100%
        }
        .nav {
            width: 100%;
            margin: 0 auto;
            flex-wrap: wrap
        }
        header .logo {
            margin: 1% 0 1% 3%;
            background-position: center center;
            background-size: contain
        }
        .spMenu {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 10%;
            box-sizing: border-box
        }
        .spMenu span {
            content: "";
            display: block;
            border-top: 2px solid #000;
            width: 58%;
            transition: all .2s;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto
        }
        .spMenu .top {
            top: 35%
        }
        .spMenu .middle {
            top: 52%
        }
        .spMenu .bottom {
            top: 70%
        }
        .spMenu.open .top {
            transform: rotate(-45deg);
            top: 45%
        }
        .spMenu.open .middle {
            display: none
        }
        .spMenu.open .bottom {
            transform: rotate(45deg);
            top: 45%
        }
        .navArea {
            margin: 0 auto;
            width: 100%
        }
        .nav.sp {
            background: url(/common/images/netBg2.png) rgba(255, 255, 255, .9);
            position: fixed;
            top: 9vw;
            z-index: 999;
            border-bottom: 1px solid #eee;
            display: none
        }
        nav.outer ul {
            flex-wrap: wrap
        }
        nav.outer li {
            text-align: left;
            width: 100%;
            border-top: 1px solid #eee;
            -webkit-justify-content: space-between;
            justify-content: space-between
        }
        nav.outer .nTitle {
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            width: 100%
        }
        nav.outer .nTitle:after {
            content: "▼";
            transition: all .2s
        }
        nav.outer li a {
            border: 0
        }
        nav ul p {
            margin: 0 auto;
            font-size: 2.5vw
        }
        nav ul span {
            font-size: 2vw
        }
        nav ul span big {
            font-size: 2.2vw
        }
        nav.outer .nTitle {
            border-bottom: 0;
            padding: 1em 1.5em
        }
        nav ul.inner {
            width: 100%;
            background: url(/common/images/netBg2.png) rgba(0, 0, 0, .1);
            display: none
        }
        nav ul.inner li {
            padding: 0 1em;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            flex-wrap: nowrap;
            font-size: 2vw
        }
        nav ul.inner li:after {
            content: "＞"
        }
        nav ul.inner li a {
            width: 100%
        }
        .linkedForm {
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: space-around;
            justify-content: space-around;
            padding: .5em 1vw;
            box-sizing: border-box;
            border-top: 1px solid #eee
        }
        .linkedForm li {
            width: 48%;
            border-radius: 5px;
            box-sizing: border-box;
            margin: 1% auto
        }
        .linkedForm a {
            width: 100%;
            font-size: 2.5vw;
            padding: .7em 3vw;
            box-sizing: border-box;
            border-radius: 5px;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: space-between;
            justify-content: space-between
        }
        .linkedForm a:after {
            content: "▶"
        }
        #first {
            margin-top: 67px
        }
        .title {
            width: 95%!important;
            top: -5vw
        }
        .title h1 {
            width: 100%;
            margin: 8vw 0 2vw
        }
        .title p {
            font-size: 2.3vw;
            letter-spacing: normal
        }
        .list,
        button.next,
        button.prev {
            font-size: 2.3vw
        }
        .list .tag {
            font-size: 2vw;
            width: 17vw;
            padding: .7em 0
        }
        .list ul li a {
            flex-wrap: wrap
        }
        .list p {
            width: 100%
        }
        .listTitle {
            margin: 1vw auto 0
        }
        .list h2 {
            font-size: 3vw;
            margin: 0
        }
        .btn a {
            font-size: 2.5vw
        }
        .footNav p,
        .footNav ul.inner {
            font-size: 2vw!important
        }
        .footNav .inner ul {
            font-size: 1.7vw
        }
        .fv {
            height: 60%
        }
        .fv .bgArea {
            background-size: cover!important
        }
        .fv .container h1 {
            font-size: 6.3vw;
            margin: 0;
            width: 92%
        }
        .footArea {
            font-size: 2vw
        }
        .footArea h1 {
            max-width: 75%;
            margin: 0 auto;
        }
        .footNav ul.inner {
            width: 100%
        }
        /* Pマーク */
        .footerLogo {
            display: flex;
            flex-direction: column;
        }
        h1.logo {
            order: -1;
        }
        .copy {
            display: block;
            order: 2;
        }
        .footerLogo .p_image {
            width: 70px;
            position: static;
            margin: 23px auto;
            order: 1;
        }
    }
    
    @media screen and (max-width:812px) and (min-width:641px) and (orientation:landscape) {
        .listTitle {
            font-size: 1.3vw!important
        }
    }
    
    @media screen and (max-width:480px) {
        .pc2 {
            display: none
        }
        .sp2 {
            display: block
        }
        header .logo {
            max-width: 45%
        }
        .spMenu {
            width: 15%
        }
        .title p,
        nav ul li,
        nav ul.inner li a {
            font-size: 3vw
        }
        .linkedForm a,
        .list p {
            font-size: 3.3vw
        }
        .btn a,
        .list .date,
        button.next,
        button.prev,
        nav ul p {
            font-size: 3.5vw
        }
        nav.outer .nTitle {
            padding: 2vw 1.5em;
            line-height: 1.4
        }
        nav ul.inner li {
            padding: 0 6vw
        }
        nav.outer li a {
            padding: 2vw 0
        }
        .title p {
            letter-spacing: .05em
        }
        .list {
            font-size: 3vw
        }
        .list .tag {
            font-size: 2.5vw;
            width: 22vw
        }
        .list .date {
            width: 25vw
        }
        .listTitle {
            margin-top: 2vw
        }
        .title h1 {
            font-size: 5.5vw
        }
        .footNav p,
        .footNav ul.inner {
            font-size: 2.8vw!important
        }
        .footNav .inner ul:not(.inner) {
            font-size: 2.3vw;
            background: #f5f6f7
        }
        .footNav .inner {
            width: 100%
        }
        .footNav .inner ul,
        .footNav p,
        .footNav ul.inner li {
            margin: 0 auto;
            border-bottom: 1px dotted #fff
        }
        .footNav .container {
            padding: 0
        }
        .footNav a {
            line-height: 1;
            padding: .7em;
            box-sizing: border-box;
            display: block
        }
        .footNav .inner ul li {
            border-bottom: 1px dotted #fff
        }
        .footNav .inner ul:not(.inner) li {
            padding: 0 1em
        }
        .footNav .inner ul li:last-child {
            border-bottom: 0
        }
        .footNav p a:before,
        .footNav ul.inner li a:before {
            content: "▶";
            font-size: .5em;
            margin-right: 1vw
        }
        .footNav .link a {
            background-position: 98% center
        }
        .footArea {
            font-size: 2.5vw
        }
        .footArea ul {
            margin: 3.5% auto 8%
        }
        .footArea ul a {
            padding: 0 3.5vw
        }
        .fv,
        .fv .bgArea {
            height: 35%
        }
        .detail .txt1:first-letter {
            font-size: 5vw!important
        }
        .writter .name {
            padding: 2em 4vw 0!important
        }
        .writter dt {
            width: 40%
        }
        .writter .info pre {
            font-size: 2.8vw
        }
    }
    
    @media screen and (max-width:380px) {
        header .logo {
            margin: 0 0 0 3%
        }
        .linkedForm {
            flex-wrap: wrap
        }
        .linkedForm li {
            width: 98%
        }
        .linkedForm a,
        .list p,
        .title p,
        nav ul li,
        nav ul.inner li a {
            font-size: 3.5vw
        }
        .title {
            padding-left: 5vw;
            padding-right: 5%
        }
        .footNav p,
        .footNav ul.inner {
            font-size: 3.3vw
        }
        .footArea,
        .footNav .inner ul:not(.inner),
        .list .tag {
            font-size: 3vw
        }
        .footNav {
            letter-spacing: .03em
        }
        .list .tag {
            width: 25vw
        }
    }