@charset "UTF-8";
@font-face{
    font-family:"NotoSansJP";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/NotoSansJP-Regular.eot?') format('eot');
    src:url('../fonts/NotoSansJP-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/NotoSansJP-Regular.woff2') format('woff2'),url('../fonts/NotoSansJP-Regular.woff') format('woff'),url('../fonts/NotoSansJP-Regular.otf') format('opentype')
}
@font-face{
    font-family:"Roboto";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/Roboto-Regular.eot?') format('eot');
    src:url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-Regular.woff2') format('woff2'),url('../fonts/Roboto-Regular.woff') format('woff'),url('../fonts/Roboto-Regular.ttf') format('truetype')
}
.boxShadow{
    -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16);
    box-shadow:0 3px 6px rgba(0,0,0,0.16)
}
@media screen and (max-width: 768px){
    .boxShadow{
        -webkit-box-shadow:0 1.5px 3px rgba(0,0,0,0.16);
        box-shadow:0 1.5px 3px rgba(0,0,0,0.16)
    }
}
html{
    color:#333333;
    font-size:62.5%;
    font-family:"NotoSansJP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif
}
body{
    margin:0;
    color:#333333;
    font-size:1.6rem;
    font-family:"NotoSansJP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif
}
*{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
*:before,*:after{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
img{
    border:0;
    margin:0;
    vertical-align:top;
    max-width:100%
}
p{
    margin:0 0 1.5em;
    padding:0
}
p:last-child{
    margin-bottom:0
}
a{
    color:#333333;
    text-decoration:none
}
a:link,a:visited{
    color:#333333;
    text-decoration:none
}
input,textarea,select{
    font-family:"NotoSansJP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius:0;
    outline:none
}
select::-ms-expand{
    display:none
}
table{
    border-collapse:collapse
}
ul{
    list-style:none;
    margin:0;
    padding:0
}
h1,h2,h3,h4,h5,h6{
    font-size:1.6rem;
    font-weight:normal;
    margin:0;
    padding:0
}
.outerBlock{
    overflow:hidden
}
.innerBlock{
    margin:0 auto;
    position:relative
}
#wrapper{
    position:relative;
    padding:0;
    overflow:hidden
}
.pc{
    display:block !important
}
.pcIb{
    display:inline-block !important
}
.sp{
    display:none !important
}
.spIb{
    display:none !important
}
@media screen and (max-width: 768px){
    body{
        position:relative;
        -webkit-appearance:none;
        -webkit-text-size-adjust:100%;
        font-size:1.3rem
    }
    .outerBlock{
        min-width:375px
    }
    .innerBlock{
        width:auto
    }
    #wrapper{
        min-width:375px;
        position:relative;
        overflow:hidden
    }
    img{
        width:100%;
        max-width:100%
    }
    input[type="submit"]{
        -webkit-appearance:none;
        -webkit-text-size-adjust:100%
    }
    input,select,textarea{
        font-size:1.6rem !important
    }
    .pc{
        display:none !important
    }
    .pcIb{
        display:none !important
    }
    .sp{
        display:block !important
    }
    .spIb{
        display:inline-block !important
    }
}
body,p{
    line-height:1.7
}
@media screen and (min-width: 769px){
    a,button{
        -webkit-transition:.3s ease-in-out;
        transition:.3s ease-in-out
    }
    a:after,button:after,a:before,button:before{
        -webkit-transition:.3s ease-in-out;
        transition:.3s ease-in-out
    }
    a:hover,button:hover{
        opacity:.7
    }
    a:hover:after,button:hover:after,a:hover:before,button:hover:before{
        opacity:.7
    }
}
.innerBlock{
    max-width:1260px;
    padding:0 80px
}
@media screen and (max-width: 768px){
    .innerBlock{
        padding:0
    }
}
button{
    outline:none;
    cursor:pointer
}
.mb0{
    margin-bottom:0 !important
}
.jsAnime.fadeIn{
    opacity:0
}
.jsAnime.toBottom{
    -webkit-transform:translateY(80px);
    transform:translateY(80px)
}
.jsAnime.active{
    -webkit-transition:.5s ease-out;
    transition:.5s ease-out
}
.jsAnime.active.fadeIn{
    opacity:1
}
.jsAnime.active.toBottom{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
#wrapper{
    padding-top:70px;
    background-position:center 70px;
    background-repeat:no-repeat;
    background-size:100% auto
}
#wrapper .pageTtl{
    padding:5px 0 5px 30px;
    border-left:14px solid #fff;
    color:#fff;
    font-weight:bold
}
#wrapper .pageTtl:not(:last-child){
    margin-bottom:40px
}
#wrapper .pageTtl .big{
    display:block;
    margin:0 0 10px;
    line-height:1.1;
    font-family:"Roboto";
    font-size:5.5rem;
    text-shadow:2px 2px 0 #7BA8FF
}
#wrapper .pageTtl .txt{
    font-size:2.2rem
}
#wrapper .cntTtl{
    margin:0 0 40px;
    line-height:1.1;
    color:#fff;
    font-family:"Roboto";
    font-size:3.5rem;
    font-weight:bold;
    text-shadow:2px 2px 0 #7BA8FF
}
#wrapper .cntTtl.colB{
    color:#19447C;
    text-shadow:2px 2px 0 #cedeff
}
#wrapper .moreBtn{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:-webkit-gradient(linear, right top, left top, from(#19447C), color-stop(50%, #19447C), color-stop(50%, #fff), to(#fff));
    background:linear-gradient(to left, #19447C, #19447C 50%, #fff 50%, #fff);
    background-size:200% auto;
    background-position:right center;
    height:60px;margin:0 30px;
    padding:0 15px;
    color:#fff;
    font-family:"Roboto";
    font-size:2.5rem;
    font-weight:bold;
    position:relative;
    -webkit-transition-delay:.05s;
    transition-delay:.05s
}
@media screen and (min-width: 769px){
    #wrapper .moreBtn:hover{
        background-position:left center;
        color:#19447C;
        opacity:1
    }
    #wrapper .moreBtn:hover:before,#wrapper .moreBtn:hover:after{
        opacity:1
    }
    #wrapper .moreBtn:hover:before{
        border-color:transparent #fff #fff transparent;
        -webkit-transition-delay:0s;
        transition-delay:0s
    }
    #wrapper .moreBtn:hover:after{
        border-color:#fff transparent transparent #fff;
        -webkit-transition-delay:.3s;
        transition-delay:.3s
    }
    #wrapper .moreBtn:hover span:before,#wrapper .moreBtn:hover span:after{
        background:#19447C
    }
    #wrapper .moreBtn:hover.colW{
        color:#fff
    }
    #wrapper .moreBtn:hover.colW:before{
        border-color:transparent #19447C #19447C transparent
    }
    #wrapper .moreBtn:hover.colW:after{
        border-color:#19447C transparent transparent #19447C
    }
    #wrapper .moreBtn:hover.colW span:before,#wrapper .moreBtn:hover.colW span:after{
        background:#fff
    }
}
#wrapper .moreBtn:before,#wrapper .moreBtn:after{
    content:'';
    display:block;
    width:0;
    height:0;
    border-style:solid;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    -webkit-transition:.1s ease-in-out;
    transition:.1s ease-in-out
}
#wrapper .moreBtn:before{
    border-color:transparent #19447C #19447C transparent;
    border-width:0 0 60px 30px;
    left:-30px;
    -webkit-transition-delay:.3s;
    transition-delay:.3s
}
#wrapper .moreBtn:after{
    border-color:#19447C transparent transparent #19447C;
    border-width:60px 30px 0 0;
    right:-29px;
    -webkit-transition-delay:0s;
    transition-delay:0s
}
#wrapper .moreBtn span{
    display:inline-block;
    padding-right:125px;
    line-height:1;
    position:relative
}
#wrapper .moreBtn span:before,#wrapper .moreBtn span:after{
    content:'';
    display:block;
    background:#fff;
    position:absolute;
    bottom:0;
    top:0;
    right:0;
    margin:auto;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
#wrapper .moreBtn span:before{
    width:100px;
    height:1px;
    top:10px
}
#wrapper .moreBtn span:after{
    width:22px;
    height:1px;
    bottom:0;
    right:-2px;
    -webkit-transform:rotate(26deg);
    transform:rotate(26deg);
    -webkit-transform-origin:center;
    transform-origin:center
}
#wrapper .moreBtn.colW{
    background-image:-webkit-gradient(linear, right top, left top, from(#fff), color-stop(50%, #fff), color-stop(50%, #19447C), to(#19447C));
    background-image:linear-gradient(to left, #fff, #fff 50%, #19447C 50%, #19447C);
    color:#19447C
}
#wrapper .moreBtn.colW:before{
    border-color:transparent #fff #fff transparent
}
#wrapper .moreBtn.colW:after{
    border-color:#fff transparent transparent #fff
}
#wrapper .moreBtn.colW span:before,#wrapper .moreBtn.colW span:after{
    background:#19447C
}
#wrapper .moreBtn.backBtn span{
    padding-right:0;
    padding-left:125px
}
#wrapper .moreBtn.backBtn span:before,#wrapper .moreBtn.backBtn span:after{
    right:auto;
    left:-4px;bottom:4px
}
#wrapper .moreBtn.backBtn span:after{
    -webkit-transform:rotate(-26deg);
    transform:rotate(-26deg)
}
@media screen and (max-width: 768px){
    #wrapper{
        padding-top:55px;
        background-position:center 55px
    }
    #wrapper .pageTtl{
        padding:5px 0 5px 15px;
        border-left:4px solid #fff
    }
    #wrapper .pageTtl:not(:last-child){
        margin-bottom:20px
    }
    #wrapper .pageTtl .big{
        margin-bottom:5px;
        font-size:2.55rem;
        text-shadow:1px 1px 0 #7BA8FF
    }
    #wrapper .pageTtl .txt{
        display:block;
        line-height:1;
        font-size:1.1rem
    }
    #wrapper .cntTtl{
        margin:0 0 20px;
        font-size:2.25rem
    }
    #wrapper .moreBtn{
        background:#19447C;
        height:43px;
        margin:0 20px;
        font-size:1.75rem
    }
    #wrapper .moreBtn:before{
        border-width:0 0 43px 20px;
        left:-20px
    }
    #wrapper .moreBtn:after{
        border-width:43px 20px 0 0;
        right:-20px
    }
    #wrapper .moreBtn span{
        padding-right:100px
    }
    #wrapper .moreBtn span:before{
        width:72px;
        top:7px
    }
    #wrapper .moreBtn span:after{
        width:14px;
        bottom:1px;
        right:0
    }
    #wrapper .moreBtn.colW{
        background:#fff
    }
    #wrapper .moreBtn.backBtn span{
        padding-left:100px
    }
}
#contents{
    position:relative;
    padding:80px 0
}
#contents:before,#contents:after{
    content:'';
    display:block;
    width:74.8vw;
    height:100%;
    z-index:1;
    position:absolute;
    pointer-events:none
}
#contents:before{
    background:url(../images/common/bg-top.png) top left no-repeat;
    background-size:100%;
    top:0;left:0
}
#contents .innerBlock{
    position:relative
    ;z-index:2
}
#contents .block+.block{
    margin-top:80px
}
#contents .archiveList{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
#contents .archiveList li{
    width:calc((100% - 80px) / 3);
    margin-right:40px
}
#contents .archiveList li:nth-child(3n){
    margin-right:0
}
#contents .archiveList li:nth-child(n+4){
    margin-top:40px
}
#contents .archiveList li a{
    display:block;
    background:#fff;
    height:100%;
    -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16);
    box-shadow:0 3px 6px rgba(0,0,0,0.16)
}
@media screen and (max-width: 768px){
    #contents .archiveList li a{
        -webkit-box-shadow:0 1.5px 3px rgba(0,0,0,0.16);
        box-shadow:0 1.5px 3px rgba(0,0,0,0.16)
    }
}#contents .archiveList li a span{
    display:block
}
#contents .archiveList li a span.img{
    background:#000;
    background-position:center;
    background-size:cover;
    padding:66.8% 0 0
}
#contents .archiveList li a span.txtArea{
    padding:25px 30px 30px
}
#contents .archiveList li a span.txtArea .ttl{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    height:3em;
    margin:0 0 25px;
    font-size:1.4rem;
    font-weight:bold;
    overflow:hidden;
    text-overflow:ellipsis
}
#contents .archiveList li a span.txtArea .date{
    color:#B3B3B3;
    font-size:1.2rem;
    font-weight:bold
}
#contents .archiveList li a span.txtArea .tag{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:10px -3px 0
}
#contents .archiveList li a span.txtArea .tag span{
    display:inline-block;
    margin:0 3px;
    padding:2px 10px;
    color:#fff;
    font-size:1rem;
    font-weight:bold;
    border-radius:5px
}
#contents .anchorTarget{
    -webkit-transform:translateY(-70px);
    transform:translateY(-70px)
}
@media screen and (max-width: 768px){
    #contents{
        padding:40px 0
    }
    #contents:before,#contents:after{
        width:95.2vw
    }
    #contents:before{
        left:-40px;
        min-width:415px
    }
    #contents .block{
        padding:0 15px
    }
    #contents .block+.block{
        margin-top:40px
    }
    #contents .archiveList{
        display:block
    }
    #contents .archiveList li{
        width:100%;
        margin-right:0
    }
    #contents .archiveList li+li,#contents .archiveList li:nth-child(n+4){
        margin-top:20px
    }
    #contents .archiveList li a{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    #contents .archiveList li a span{
        display:block
    }
    #contents .archiveList li a span.img{
        width:43.5%;
        padding:29% 0 0
    }
    #contents .archiveList li a span.txtArea{
        width:calc(100% - 43.5%);
        padding:8px 19px
    }
    #contents .archiveList li a span.txtArea .ttl{
        margin:0 0 10px;
        font-size:1.2rem
    }
    #contents .archiveList li a span.txtArea .date{
        font-size:1.1rem
    }
    #contents .archiveList li a span.txtArea .tag{
        margin:1px -3px -3px
    }
    #contents .archiveList li a span.txtArea .tag span{
        margin-bottom:3px;
        padding:0 5px
    }
    #contents .anchorTarget{
        -webkit-transform:translateY(-55px);
        transform:translateY(-55px)
    }
}
body.fixed #header #nav{
    display:block;
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
body.fixed #menuBg{
    opacity:.5;
    pointer-events:all
}
#header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:#fff;
    height:70px;
    padding:0 20px;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:9999
}
#header .logo img{
    width:155px;
    height:auto
}
#header #menuBtn{
    width:80px;
    height:70px;
    position:absolute;
    top:0;
    right:0;
    z-index:99999
}
#header #menuBtn span{
    display:inline-block;
    background-color:#19447C;
    width:38px;
    height:2px;
    margin:auto;
    border-radius:2px;
    position:absolute;
    left:0;
    right:0;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
#header #menuBtn span:nth-child(1){
    top:23px
}
#header #menuBtn span:nth-child(2){
    top:34px
}
#header #menuBtn span:nth-child(3){
    top:45px;
    width:24px;
    margin-right:35px
}
#header #menuBtn.isOpen span:nth-child(1){
    -webkit-transform:translateY(11px) rotate(-45deg);
    transform:translateY(11px) rotate(-45deg)
}
#header #menuBtn.isOpen span:nth-child(2){
    opacity:0;
    left:50%
}
#header #menuBtn.isOpen span:nth-child(3){
    width:38px;
    margin-right:auto;
    -webkit-transform:translateY(-11px) rotate(45deg);
    transform:translateY(-11px) rotate(45deg)
}
#header #nav{
    display:none;
    background:#fff;
    width:45.8vw;
    height:calc(100vh - 70px);
    padding:30px 0;
    text-align:center;
    line-height:1.1;
    font-family:"Roboto";
    font-weight:bold;
    position:fixed;
    right:0;
    top:70px;
    z-index:9999;
    overflow-y:scroll;
    -webkit-transform:translateX(45.8vw);
    transform:translateX(45.8vw);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
#header #nav ul li+li{
    margin-top:30px
}
#header #nav ul li a{
    display:inline-block;
    min-width:275px;
    padding:0 0 5px;
    text-align:left;
    color:#19447C;
    border-bottom:1px solid #19447C;
    position:relative
}
#header #nav ul li a:after{
    content:'';
    display:block;
    background:#19447C;
    width:34px;
    height:1px;
    position:absolute;
    bottom:7px;
    right:-1px;
    -webkit-transform:rotate(26deg);
    transform:rotate(26deg);
    -webkit-transform-origin:center;
    transform-origin:center
}
#header #nav .list{
    font-size:3rem
}
#header #nav .child{
    margin-top:80px;
    font-size:1.3rem
}
#header #nav .child li+li{
    margin-top:15px
}
#header #nav .child li a{
    padding-bottom:15px
}
@media screen and (max-width: 768px){
    #header{
        height:55px;
        padding:0 15px
    }
    #header .logo img{
        width:126px
    }
    #header #menuBtn{
        width:65px;
        height:55px
    }
    #header #menuBtn span{
        width:36px
    }
    #header #menuBtn span:nth-child(1){top:16px
    }
    #header #menuBtn span:nth-child(2){
        top:27px
    }
    #header #menuBtn span:nth-child(3){
        top:37px;
        width:21px;
        margin-right:29px
    }
    #header #menuBtn.isOpen span:nth-child(3){
        width:36px
    }
    #header #nav{
        width:58vw;
        height:calc(100vh - 55px);
        padding:40px 0;
        top:55px;
        -webkit-transform:translateX(58vw);
        transform:translateX(58vw)
    }
    #header #nav ul li+li{
        margin-top:20px
    }
    #header #nav ul li a{
        min-width:138px;
        padding:0 0 5px
    }
    #header #nav ul li a:after{
        width:17px;
        bottom:3px;
        right:0
    }
    #header #nav .list{
        font-size:2.5rem
    }
    #header #nav .child{
        margin-top:40px;
        font-size:1rem
    }
    #header #nav .child li+li{
        margin-top:20px
    }
    #header #nav .child li a{
        padding-bottom:10px
    }
}
#menuBg{
    background:#000;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:9998;
    pointer-events:none;
    opacity:0;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
#footer .link{
    background:url(../images/common/footer-bg.jpg) center no-repeat;
    background-size:cover;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
#footer .link .box{
    width:50%;
    padding:80px 0;
    text-align:center;
    color:#fff
}
#footer .link .box .ttl{
    margin:0 0 15px;
    line-height:1;
    font-size:3.5rem;
    font-weight:bold
}
#footer .link .box .txt{
    margin:0 0 30px;
    font-size:1.4rem;
    font-weight:bold
}
#footer .link .box .btnArea .moreBtn{
    height:40px;
    font-size:1.6rem
}
#footer .link .box .btnArea .moreBtn:before{
    border-width:0 0 40px 15px;
    left:-15px
}
#footer .link .box .btnArea .moreBtn:after{
    border-width:40px 15px 0 0;
    right:-14.6px
}
#footer .link .box .btnArea .moreBtn span{
    padding-right:86px
}
#footer .link .box .btnArea .moreBtn span:before{
    width:65px;
    top:7px
}
#footer .link .box .btnArea .moreBtn span:after{
    width:13px;bottom:0;
    right:-1px
}
#footer .copyright{
    background:#19447C;
    padding:10px 0;
    text-align:center;
    color:#fff;
    font-size:1.2rem
}
@media screen and (max-width: 768px){
    #footer .link{background:none;
        display:block
    }
    #footer .link .box{
        width:100%;
        padding:40px 0
    }
    #footer .link .box.box01{
        background:url(../images/common/footer-bg-sp01.png) center no-repeat;
        background-size:cover
    }
    #footer .link .box.box02{
        background:url(../images/common/footer-bg-sp02.png) center no-repeat;background-size:cover
    }
    #footer .link .box .ttl{
        margin:0 0 20px;
        font-size:2.25rem
    }
    #footer .link .box .txt{
        margin:0 0 15px;
        font-size:1.15rem
    }
    #footer .link .box .btnArea .moreBtn{height:38px;
        font-size:1.5rem
    }
    #footer .link .box .btnArea .moreBtn:before{
        border-width:0 0 38px 15px
    }
    #footer .link .box .btnArea .moreBtn:after{
        border-width:38px 15px 0 0
    }
    #footer .copyright{
        padding:6px 0;
        font-size:1rem
    }
    #footer .copyright span{
        display:inline-block;
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:scale(.8);
        transform:scale(.8)
    }
}
#wrapper.privacy-policyPage,#wrapper.securityPage{
    background-image:url(../images/common/bg01.png)
}
#wrapper.influencerPage{
    background-image:url(../images/influencer/bg.png)
}
#wrapper.dtocPage{
    background-image:url(../images/dtoc/bg.png)
}
#wrapper.recruitPage{
    background-image:url(../images/recruit/bg.png)
}
#wrapper.newsPage{
    background-image:url(../images/news/bg.png)
}
#wrapper.companyPage{
    background-image:url(../images/company/bg.png)
}
#wrapper.contactPage{
    background-image:url(../images/contact/bg.png)
}
@media screen and (max-width: 768px){
    #wrapper.privacy-policyPage,#wrapper.securityPage{
        background-image:url(../images/common/bg01-sp.png)
    }
    #wrapper.influencerPage{
        background-image:url(../images/influencer/bg-sp.png)
    }
    #wrapper.dtocPage{
        background-image:url(../images/dtoc/bg-sp.png)
    }
    #wrapper.recruitPage{
        background-image:url(../images/recruit/bg-sp.png)
    }
    #wrapper.newsPage{
        background-image:url(../images/news/bg-sp.png)
    }
    #wrapper.companyPage{
        background:none
    }
    #wrapper.contactPage{
        background-image:url(../images/contact/bg-sp.png)
    }
}
#contents #mvBlock .lead{
    color:#fff;
    font-weight:bold
}
#contents #mvBlock .lead.isEn{
    margin:0 0 30px;
    min-height:4em;
    line-height:1.3;
    font-family:"Roboto";
    font-size:4rem
}
#contents #mvBlock .lead.isJa{
    min-height:5.3em;
    font-size:1.8rem
}
#contents .mainBlock{
    background:#fff;
    padding:80px 9%;
    -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16);
    box-shadow:0 3px 6px rgba(0,0,0,0.16)
}
@media screen and (max-width: 768px){
    #contents .mainBlock{
        -webkit-box-shadow:0 1.5px 3px rgba(0,0,0,0.16);
        box-shadow:0 1.5px 3px rgba(0,0,0,0.16)
    }
}
#contents .mainBlock h2{
    font-size:2rem;
    font-weight:bold
}
#contents .mainBlock h2.blockTtl{
    margin:0 0 40px;
    text-align:center;
    line-height:1.4;
    font-size:3.2rem
}
#contents .mainBlock h2.blockTtl:not(:first-child){
    margin-top:80px
}
#contents .mainBlock h2:not(:first-child){
    margin-top:1em
}
#contents .mainBlock h3{
    font-weight:bold
}
#contents .mainBlock img:not(:first-child){
    margin-top:5px
}
#contents .mainBlock img:not(:last-child){
    margin-bottom:5px
}
#contents .mainBlock img.spW126{
    width:252px
}
#contents .mainBlock .graCnt{
    background:-webkit-gradient(linear, left top, left bottom, from(rgba(123,225,255,0.15)), to(rgba(110,67,191,0.15)));
    background:linear-gradient(to bottom, rgba(123,225,255,0.15), rgba(110,67,191,0.15));
    padding:30px;
    border-radius:5px
}
#contents .mainBlock .flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
#contents .mainBlock .flex>*{
    width:calc(50% - 20px)
}
#contents .mainBlock .flex>p{
    margin-bottom:0
}
#contents .mainBlock .btnArea{
    margin:80px 0 0;
    text-align:center
}
#contents .mainBlock .btnArea .moreBtn{
    background-image:-webkit-gradient(linear, right top, left top, from(#19447C), color-stop(50%, #19447C), color-stop(50%, #F2F2F2), to(#F2F2F2));
    background-image:linear-gradient(to left, #19447C, #19447C 50%, #F2F2F2 50%, #F2F2F2)
}
@media screen and (min-width: 769px){
    #contents .mainBlock .btnArea .moreBtn:hover:before{
        border-color:transparent #F2F2F2 #F2F2F2 transparent
    }
    #contents .mainBlock .btnArea .moreBtn:hover:after{
        border-color:#F2F2F2 transparent transparent #F2F2F2
    }
}
#contents .mainBlock .btnArea .moreBtn span{
    padding:0 60px
}
#contents .mainBlock .btnArea .moreBtn span:before,#contents .mainBlock .btnArea .moreBtn span:after{
    display:none
}
#contents .mainBlock .itemList{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
#contents .mainBlock .itemList .box{
    width:calc(50% - 17px);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
#contents .mainBlock .itemList .box:nth-child(n+3){
    margin-top:30px
}
#contents .mainBlock .itemList .box .imgArea{
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    width:46%;
    padding:30.8% 0 0;
    position:relative
}
#contents .mainBlock .itemList .box .imgArea a{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
@media screen and (min-width: 769px){
    #contents .mainBlock .itemList .box .imgArea a:hover{
        background:rgba(255,255,255,0.5)
    }
}
#contents .mainBlock .itemList .box .imgArea a:after{
    content:'';
    display:block;
    background:url(../images/common/icon-exit.png) center no-repeat;
    background-size:100%;
    width:13px;
    height:13px;
    position:absolute;
    right:10px;
    bottom:10px
}
#contents .mainBlock .itemList .box .txtArea{
    width:51.5%
}
#contents .mainBlock .itemList .box .txtArea .ttl{
    margin:0;
    line-height:1.5;
    font-size:2rem;
    font-weight:bold
}
#contents .mainBlock .itemList .box .txtArea .sub{
    margin-bottom:0;
    font-size:1.2rem
}
#contents .mainBlock .itemList .box .txtArea .tag{
    display:inline-block;
    background:#F27C7C;
    margin:0;
    padding:4px 12px;
    color:#fff;
    font-size:1rem;
    border-radius:5px
}
#contents .mainBlock .itemList .box .txtArea .txt{
    margin:5px 0 0;
    font-size:1.4rem
}
#contents .mainBlock .itemList .box .txtArea .sns{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:2px 0 0
}
#contents .mainBlock .itemList .box .txtArea .sns a+a{
    margin-left:7px
}
#contents .mainBlock .itemList .box .txtArea .sns a+.url{
    margin-left:7px
}
#contents .mainBlock .itemList .box .txtArea .sns a img{
    -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16);
    box-shadow:0 3px 6px rgba(0,0,0,0.16);
    border-radius:5px;
    width:23px
}
@media screen and (max-width: 768px){
    #contents .mainBlock .itemList .box .txtArea .sns a img{
        -webkit-box-shadow:0 1.5px 3px rgba(0,0,0,0.16);
        box-shadow:0 1.5px 3px rgba(0,0,0,0.16)
    }
}
#contents .mainBlock .itemList .box .txtArea .sns a span{
    display:inline-block;
    padding:0 21px 0 3px;
    font-size:1.4rem;
    border-bottom:1px dotted #333333;
    position:relative
}
#contents .mainBlock .itemList .box .txtArea .sns a span:after{
    content:'';
    display:block;
    background:url(../images/common/icon-exit.png) center no-repeat;
    background-size:100%;
    width:13px;
    height:13px;
    position:absolute;
    right:3px;
    top:0;
    bottom:0;
    margin:auto
}
#contents .mainBlock table{
    width:100%;
    border-top:1px solid #333333;
    table-layout:fixed
}
#contents .mainBlock table tr{
    border-bottom:1px solid #333333
}
#contents .mainBlock table tr th,#contents .mainBlock table tr td{
    padding:25px 0;
    vertical-align:middle
}
#contents .mainBlock table tr th{
    width:38%;
    padding-left:9%;
    text-align:left;
    font-size:2rem
}
#contents .mainBlock table tr .flex{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:start
}
#contents #pager{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
#contents #pager .page-numbers{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:52px;
    height:60px;
    margin:0 10px;
    color:#fff;
    font-family:"Roboto";
    font-size:1.8rem;
    font-weight:bold
}
#contents #pager span{
    background:#19447C
}
#contents #pager a{
    background:#B3B3B3
}
@media screen and (max-width: 768px){
    #contents #mvBlock{
        padding:0 15px
    }
    #contents #mvBlock .lead.isEn{
        margin:0 0 15px;
        font-size:2.25rem
    }
    #contents #mvBlock .lead.isJa{
        font-size:1.4rem
    }
    #contents #mvBlock .lead.isJa br{
        display:none
    }
    #contents .mainBlock{
        padding:40px 15px
    }
    #contents .mainBlock h2{
        font-size:1.5rem
    }
    #contents .mainBlock h2.blockTtl{
        margin:0 0 20px;
        font-size:2.1rem
    }
    #contents .mainBlock h2.blockTtl:not(:first-child){
        margin-top:40px
    }
    #contents .mainBlock h3{
        font-size:1.3rem
    }
    #contents .mainBlock img.spW126{
        width:126px
    }
    #contents .mainBlock .graCnt{
        padding:20px 15px;
        border-radius:2.5px
    }
    #contents .mainBlock .flex{
        display:block
    }
    #contents .mainBlock .flex>*{
        width:100%
    }
    #contents .mainBlock .flex>*+*{
        margin-top:20px
    }
    #contents .mainBlock .btnArea{
        margin:40px 0 0
    }
    #contents .mainBlock .btnArea .moreBtn{
        background:#19447C
    }
    #contents .mainBlock .btnArea .moreBtn span{
        padding:0 40px
    }
    #contents .mainBlock .itemList .box{
        width:calc(50% - 5px);
        display:block
    }
    #contents .mainBlock .itemList .box:nth-child(n+3){
        margin-top:20px
    }
    #contents .mainBlock .itemList .box .imgArea{
        width:100%;
        margin:0 0 5px;
        padding:66.8% 0 0
    }
    #contents .mainBlock .itemList .box .txtArea{
        width:100%
    }
    #contents .mainBlock .itemList .box .txtArea .tag{
        padding:0 6px;
        border-radius:2.5px
    }
    #contents .mainBlock .itemList .box .txtArea .txt{
        margin:5px 0 0;
        font-size:1.4rem
    }
    #contents .mainBlock .itemList .box .txtArea .sns{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin:7px 0 0
    }
    #contents .mainBlock .itemList .box .txtArea .sns a+a{
        margin-left:15px
    }
    #contents .mainBlock .itemList .box .txtArea .sns a+.url{
        margin-left:0
    }
    #contents .mainBlock .itemList .box .txtArea .sns a span{
        line-height:1.5
    }
    #contents .mainBlock .itemList .box .txtArea .sns .url{
        width:100%;
        margin:10px 0 0
    }
    #contents .mainBlock table tr th,#contents .mainBlock table tr td{
        padding:15px 0
    }
    #contents .mainBlock table tr th{
        width:45%;
        padding-left:4.5%;
        font-size:1.5rem
    }
    #contents .mainBlock table tr .flex{
        display:block
    }
    #contents .mainBlock table tr .flex>p+p{
        margin-top:0
    }
    #contents #pager .page-numbers{
        width:26px;
        height:30px;
        margin:0 5px;
        font-size:1rem
    }
}
.companyPage #contents:before{
    display:none
}
.companyPage #contents #mvBlock .lead.isEn{
    color:#F06E1A
}
.companyPage #contents .mainBlock{
    margin-top:225px;
    position:relative
}
.companyPage #contents .mainBlock .anchorList{
    background:#F0F0F0;
    padding:40px;
    position:absolute;
    top:-195px;
    left:40px;
    -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16);
    box-shadow:0 3px 6px rgba(0,0,0,0.16)
}
@media screen and (max-width: 768px){
    .companyPage #contents .mainBlock .anchorList{
        -webkit-box-shadow:0 1.5px 3px rgba(0,0,0,0.16);
        box-shadow:0 1.5px 3px rgba(0,0,0,0.16)
    }
}
.companyPage #contents .mainBlock .anchorList a{
    display:block;
    min-width:190px;
    padding:0 0 5px;
    text-align:left;
    letter-spacing:.1em;
    color:#19447C;
    font-size:1.6rem;
    font-weight:bold;
    border-bottom:1px solid #19447C;
    position:relative
}
.companyPage #contents .mainBlock .anchorList a+a{
    margin-top:10px
}
.companyPage #contents .mainBlock .anchorList a:after{
    content:'';
    display:block;
    background:#19447C;
    width:34px;
    height:1px;
    position:absolute;
    bottom:7px;
    right:-1px;
    -webkit-transform:rotate(26deg);
    transform:rotate(26deg);
    -webkit-transform-origin:center;
    transform-origin:center
}
.companyPage #contents .mainBlock .anchorList+.anchorTarget+.blockTtl{
    margin-top:0
}
.companyPage #contents .mainBlock .yearCnt{
    background:#fff;
    margin:10px;
    padding:40px 0 40px 120px;
    border-radius:5px
}
.companyPage #contents .mainBlock .yearCnt .box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.companyPage #contents .mainBlock .yearCnt .box+.box{
    margin-top:60px
}
.companyPage #contents .mainBlock .yearCnt .box .year{
    margin:10px 0 0;
    line-height:1;
    color:#19447C;
    font-family:"Roboto";
    font-size:4rem;
    font-weight:600;
    white-space:nowrap
}
.companyPage #contents .mainBlock .yearCnt .box .txtArea{
    width:100%;
    padding:30px 50px 0px 50px;
    position:relative
}
.companyPage #contents .mainBlock .yearCnt .box .txtArea:before{
    content:'';
    display:block;
    background:#19447C;
    width:2px;
    height:100%;
    position:absolute;
    top:0;
    bottom:0;
    left:20px;
    -webkit-transform:rotate(18deg);
    transform:rotate(18deg);
    -webkit-transform-origin:center;
    transform-origin:center
}
.companyPage #contents .mainBlock .yearCnt .box .txtArea .ttl{
    margin:0 0 10px;
    line-height:1;
    color:#19447C;
    font-size:3rem;
    font-weight:bold
}
.companyPage #contents .mainBlock .yearCnt .box .txtArea .txt{
    font-size:2rem
}
.companyPage #contents .mainBlock iframe{
    margin-top:80px;
    width:100%;
    height:275px;
    border:1px solid #333333
}
@media screen and (max-width: 768px){
    .companyPage #contents #mvBlock{
        background:-webkit-gradient(linear, left top, left bottom, from(#001A3C), to(#063A79));
        background:linear-gradient(to bottom, #001A3C, #063A79);
        margin-top:-40px;
        padding-top:40px;
        padding-bottom:20px
    }
    .companyPage #contents #mvBlock:after{
        content:'';
        display:block;
        background:url(../images/company/bg-img.png) center bottom no-repeat;
        background-size:contain;
        width:257px;
        height:193px;
        margin:auto
    }
    .companyPage #contents .mainBlock{
        margin-top:0
    }
    .companyPage #contents .mainBlock .anchorList{
        display:none
    }
    .companyPage #contents .mainBlock .yearCnt{
        margin:-5px 0;
        padding:20px 28px 20px;
        border-radius:2.5px
    }
    .companyPage #contents .mainBlock .yearCnt .box{
        min-height:75px
    }
    .companyPage #contents .mainBlock .yearCnt .box+.box{
        margin-top:15px
    }
    .companyPage #contents .mainBlock .yearCnt .box .year{
        margin:5px 0 0;
        font-size:2.25rem
    }
    .companyPage #contents .mainBlock .yearCnt .box .txtArea{
        margin:auto 0 0;
        padding:20px 0 5px 30px
    }
    .companyPage #contents .mainBlock .yearCnt .box .txtArea:before{
        width:1px;
        left:12px
    }
    .companyPage #contents .mainBlock .yearCnt .box .txtArea .ttl{
        margin:0 0 5px;
        font-size:1.3rem
    }
    .companyPage #contents .mainBlock .yearCnt .box .txtArea .txt{
        line-height:1.4;
        font-size:1.2rem
    }
    .companyPage #contents .mainBlock iframe{
        margin-top:40px;
        height:186px
    }
}
.influencerPage #contents .mainBlock .taC{
    text-align:center
}
.influencerPage #contents .mainBlock .graCnt+.flex{
    margin:30px 0 70px
}
.influencerPage #contents .mainBlock .graCnt+.flex .w26{
    width:26.7%
}
.influencerPage #contents .mainBlock .graCnt+.flex .w26+.w26{
    margin-left:20px
}
.influencerPage #contents .mainBlock .graCnt+.flex .w31{
    width:30.9%;
    margin:0 auto 0 60px
}
.influencerPage #contents .mainBlock .graCnt+.flex h3{
    margin:0 0 5px
}
.influencerPage #contents .mainBlock .flex.aiFs{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:start
}
.influencerPage #contents .mainBlock .flex .w33{
    width:calc((100% - 60px) / 3)
}
.influencerPage #contents .mainBlock .flex .w33 h2{
    margin:15px 0 10px;
    text-align:center;
    font-weight:2.2rem
}
.influencerPage #contents .mainBlock .flex .w33 img{
    width:160px
}
.influencerPage #contents .mainBlock .flex .w33 .taR{
    display:block;
    margin-top:5px;
    text-align:right
}
.influencerPage #contents .mainBlock .flex .w33 a[target="_blank"]{
    display:inline-block;
    padding:0 21px 0 3px;
    font-size:1.4rem;
    border-bottom:1px dotted #333333;
    position:relative
}
.influencerPage #contents .mainBlock .flex .w33 a[target="_blank"]:after{
    content:'';
    display:block;
    background:url(../images/common/icon-exit.png) center no-repeat;
    background-size:100%;
    width:13px;
    height:13px;
    position:absolute;
    right:3px;
    top:0;
    bottom:0;
    margin:auto
}
@media screen and (max-width: 768px){
    .influencerPage #contents .mainBlock .graCnt+.flex{
        margin:20px 0 40px
    }
    .influencerPage #contents .mainBlock .graCnt+.flex .w26{
        width:100%
    }
    .influencerPage #contents .mainBlock .graCnt+.flex .w26+.w26{
        margin-left:0
    }
    .influencerPage #contents .mainBlock .graCnt+.flex .w31{
        width:100%;
        margin:20px auto 0
    }
    .influencerPage #contents .mainBlock .graCnt+.flex h3{
        font-size:1.5rem
    }
    .influencerPage #contents .mainBlock .flex .w33{
        width:100%
    }
    .influencerPage #contents .mainBlock .flex .w33 img{
        width:108px
    }
    .influencerPage #contents .mainBlock .flex .w33 h2{
        margin:15px 0 10px;
        text-align:center;
        font-weight:2.2rem
    }
    .influencerPage #contents .mainBlock .flex .w33 a[target="_blank"]{
        padding:0 21px 0 3px;
        font-size:1.2rem
    }.influencerPage #contents .mainBlock .flex .w33 a[target="_blank"]:after{
        right:3px
    }
}
.newsPage #contents .detailBlock .date{
    margin:0 0 5px;
    color:#B3B3B3;
    font-weight:bold
}
.newsPage #contents .detailBlock .tag{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0 -5px 20px
}
.newsPage #contents .detailBlock .tag span{
    display:inline-block;
    margin:0 5px;
    padding:5px 15px;
    color:#fff;
    font-weight:bold;
    border-radius:5px
}
.newsPage #contents .detailBlock h1{
    margin:0 0 40px;
    line-height:1.5;
    font-size:3.2rem;
    font-weight:bold
}
.newsPage #contents .detailBlock .kv img{
    margin:0
}
.newsPage #contents .detailBlock h2{
    margin:0 0 30px;
    font-size:2.2rem
}
.newsPage #contents .detailBlock h2:not(:first-child){
    margin-top:40px
}
.newsPage #contents .detailBlock h3{
    margin:0 0 20px;
    font-size:2rem
}
.newsPage #contents .detailBlock h3:not(:first-child){
    margin-top:40px
}
.newsPage #contents .detailBlock img{
    margin-top:10px
}
.newsPage #contents .btnArea{
    text-align:center
}
@media screen and (max-width: 768px){
    .newsPage #contents .detailBlock .date{
        margin:0;
        font-size:1.1rem
    }
    .newsPage #contents .detailBlock .tag{
        margin:0 -3px 10px
    }
    .newsPage #contents .detailBlock .tag span{
        margin:0 3px;
        padding:1px 6px;
        font-size:1rem
    }
    .newsPage #contents .detailBlock h1{
        margin:0 0 15px;
        line-height:1.7;
        font-size:2.1rem
    }
    .newsPage #contents .detailBlock h2{
        margin:0 0 20px;
        font-size:1.6rem
    }
    .newsPage #contents .detailBlock h2:not(:first-child){
        margin-top:20px
    }
    .newsPage #contents .detailBlock h3{
        margin:0 0 20px;
        font-size:1.5rem
    }
    .newsPage #contents .detailBlock h3:not(:first-child){
        margin-top:20px
    }
    .newsPage #contents .detailBlock img{
        margin-top:10px;
        height:auto
    }
}
.contactPage #contents form .label{
    margin:20px 0 10px;
    font-weight:bold;
    vertical-align:middle
}
.contactPage #contents form .label .req{
    display:inline-block;
    background:#FF4040;
    margin:0 0 0 20px;
    padding:0 8px;
    color:#fff;
    font-size:1.2rem
}
.contactPage #contents form .label small{
    margin-left:20px;
    font-size:1.4rem;
    font-weight:normal
}
.contactPage #contents form input[type="text"],.contactPage #contents form textarea,.contactPage #contents form select{
    background:#F0F0F0;
    width:100%;
    padding:15px;
    font-size:1.6rem;
    border-radius:5px;
    border:none
}
.contactPage #contents form input[type="text"].sizeS,.contactPage #contents form textarea.sizeS,.contactPage #contents form select.sizeS{
    width:20%
}
.contactPage #contents form input[type="text"]::-webkit-input-placeholder,.contactPage #contents form textarea::-webkit-input-placeholder,.contactPage #contents form select::-webkit-input-placeholder{
    color:#B3B3B3
}
.contactPage #contents form input[type="text"]::-moz-placeholder,.contactPage #contents form textarea::-moz-placeholder,.contactPage #contents form select::-moz-placeholder{
    color:#B3B3B3
}
.contactPage #contents form input[type="text"]::-ms-input-placeholder,.contactPage #contents form textarea::-ms-input-placeholder,.contactPage #contents form select::-ms-input-placeholder{
    color:#B3B3B3
}
.contactPage #contents form input[type="text"]::placeholder,.contactPage #contents form textarea::placeholder,.contactPage #contents form select::placeholder{
    color:#B3B3B3
}
.contactPage #contents form textarea{
    height:200px
}
.contactPage #contents form label{
    cursor:pointer;
    position:relative;
    padding-left:26px;
    font-size:1.4rem
}
.contactPage #contents form label:focus span:before{
    border-color:#19447C
}
.contactPage #contents form label input[type="checkbox"],.contactPage #contents form label input[type="radio"]{
    display:none
}
.contactPage #contents form label input[type="checkbox"]:checked+span:after,.contactPage #contents form label input[type="radio"]:checked+span:after{
    display:block
}
.contactPage #contents form label span:before,.contactPage #contents form label span:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto
}
.contactPage #contents form label span:before{
    background:#fff;
    left:0
}
.contactPage #contents form label span:after{
    display:none
}
.contactPage #contents form label input[type="checkbox"]+span:before{
    width:20px;
    height:20px;
    border-radius:5px;
    border:1px solid #B3B3B3
}
.contactPage #contents form label input[type="checkbox"]+span:after{
    background:url(../images/common/icon-check.svg) center no-repeat;
    background-size:100%;
    width:16px;
    height:16px;
    display:none;
    left:2px
}
.contactPage #contents form label input[type="radio"]+span:before{
    width:16px;
    height:16px;
    border-radius:50%;
    border:1px solid #333333
}
.contactPage #contents form label input[type="radio"]+span:after{
    background:#19447C;
    width:10px;
    height:10px;
    display:none;
    left:3px;
    border-radius:50%
}
.contactPage #contents form .horizontal-item+.horizontal-item{
    margin-left:30px
}
.contactPage #contents form .unit{
    background:#F0F0F0;
    padding:10px 40px;
    border-radius:5px
}
.contactPage #contents form .selectBox{
    width:27%;
    position:relative
}
.contactPage #contents form .selectBox:after{
    content:'';
    display:block;
    background:url(../images/common/arrow.svg) center no-repeat;
    background-size:100%;
    width:16px;
    height:10px;
    position:absolute;
    top:0;
    bottom:0;
    right:20px
    ;margin:auto;
    pointer-events:none
}
.contactPage #contents form .selectBox select{
        padding-right:30px;
        text-align:center
    }
    .contactPage #contents form .selectBox select option[value=""]{
        display:none;
        color:#B3B3B3
    }
    .contactPage #contents form .privacy{
        background:#F0F0F0;
        text-align:center;
        margin-top:40px;
        padding:15px;
        font-weight:bold;
        border-radius:5px
    }
    .contactPage #contents form .privacy a{
        color:#2A6CB2;
        text-decoration:underline
    }
    .contactPage #contents form .privacy label span{
        display:inline-block;
        text-indent:-9999px
    }
    .contactPage #contents form .moreBtn{
        outline:none;
        border:none
    }
    .contactPage #contents .mw_wp_form_input .confTxt{
        display:none
    }
    .contactPage #contents .mw_wp_form_confirm .inputTxt{
        display:none
    }
    .contactPage #contents .mw_wp_form_confirm .confTxt{
        margin-top:80px
    }
    .contactPage #contents .mw_wp_form_confirm form .unit{
        background:none;
        padding:0
    }
    .contactPage #contents .mw_wp_form_confirm form .selectBox{
        width:auto
    }
    .contactPage #contents .mw_wp_form_confirm form .selectBox:after{
        display:none
    }
    .contactPage #contents .mw_wp_form_confirm form .privacy{
        display:none
    }
    @media screen and (max-width: 768px){
        .contactPage #contents form .label{
            margin:20px 0 2px
        }
        .contactPage #contents form .label .req{
            display:inline-block;
            padding:3px 6px;
            line-height:1;
            font-size:1rem;
            -webkit-transform:scale(.9);
            transform:scale(.9);
            -webkit-transform-origin:left center;
            transform-origin:left center
        }
        .contactPage #contents form .label small{
            display:inline-block;
            margin-left:20px;
            margin-right:-26%;
            font-size:1rem;
            -webkit-transform:scale(.95);
            transform:scale(.95);
            -webkit-transform-origin:left center;
            transform-origin:left center
        }
        .contactPage #contents form input[type="text"],.contactPage #contents form textarea,.contactPage #contents form select{
            padding:8px 15px
        }
        .contactPage #contents form input[type="text"].sizeS,.contactPage #contents form textarea.sizeS,.contactPage #contents form select.sizeS{
            width:47.6%
        }
        .contactPage #contents form textarea{
            height:160px
        }
        .contactPage #contents form label{
            padding-left:16px;
            font-size:1.2rem
        }
        .contactPage #contents form label input[type="checkbox"]+span:before{
            width:19px;
            height:19px
        }
        .contactPage #contents form label input[type="checkbox"]+span:after{
            width:15px;
            height:15px;
            left:2px
        }
        .contactPage #contents form label input[type="radio"]+span:before{
            width:11px;
            height:11px
        }
        .contactPage #contents form label input[type="radio"]+span:after{
            width:7px;
            height:7px;
            left:2px
        }
        .contactPage #contents form .horizontal-item+.horizontal-item{
            margin-left:40px
        }
        .contactPage #contents form .unit{
            padding:9px 40px
        }
        .contactPage #contents form .selectBox{
            width:63.4%
        }
        .contactPage #contents form .privacy{
            margin-top:25px;
            padding:8px 15px
        }
        .contactPage #contents form .privacy label{
            margin-right:20px
        }
        .contactPage #contents form .btnArea .moreBtn span{
            padding:0 5px
        }
        .contactPage #contents .mw_wp_form_input .inputTxt{
            margin-bottom:35px
        }
        .contactPage #contents .mw_wp_form_confirm .confTxt{
            margin-top:40px
        }
    }