@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{
        background-color:#F2F2F2;
        background-image:url(../images/top/bg.png)
    }
    @media screen and (max-width: 768px){
        #wrapper{
            background-image:url(../images/top/bg-sp.png)
        }
        }
        #contents .pageTtl .big{
            margin:0 0 20px;
            font-size:6.7rem;
            text-shadow:none
        }
        #contents .pageTtl .txt{
            font-size:1.8rem
        }
        #contents:after{
            background:url(../images/common/bg-bottom.png) bottom right no-repeat;
            background-size:100%;
            width:1021px;
            bottom:0;
            right:0
        }
        #contents .linkBlock{
            margin:125px 0 165px !important
        }
        #contents .linkBlock a{
            display:block;
            max-width:327px;
            padding:0 0 10px;
            letter-spacing:.1em;
            color:#fff;
            font-weight:bold;
            border-bottom:1px solid #fff;
            position:relative
        }
        #contents .linkBlock a+a{
            margin-top:20px
        }
        #contents .linkBlock a:after{
            content:'';
            display:block;
            background:#fff;
            width:34px;
            height:1px;
            position:absolute;
            bottom:7px;
            right:-1px;
            -webkit-transform:rotate(26deg);
            transform:rotate(26deg);
            -webkit-transform-origin:center;
            transform-origin:center
        }
        #contents .btnArea{
            margin-top:80px;
            text-align:center
        }
        #contents .abtBlock{
            padding:80px 0;
            position:relative
        }
        #contents .abtBlock:before,#contents .abtBlock:after{
            content:'';
            display:block;
            height:100%;
            position:absolute;
            top:0;
            bottom:0;
            right:-50%;
            left:-50%;
            margin:auto;
            pointer-events:none
        }
        #contents .abtBlock:before{
            background:-webkit-gradient(linear, left top, left bottom, from(#001A3C), to(#063A79));
            background:linear-gradient(to bottom, #001A3C, #063A79);
            width:100vw;
            z-index:-1}
        
        #contents .abtBlock:after{
            background:url(../images/company/bg-img.png) right center no-repeat;
            background-size:auto 88%;
            width:124%;
            z-index:1
        }
        #contents .abtBlock>*{
            position:relative;
            z-index:2
        }
        #contents .abtBlock .lead{
            color:#F06E1A;
            font-weight:bold;
            margin:0 0 30px;
            line-height:1.3;
            font-family:"Roboto";
            font-size:4rem
        }
        #contents .abtBlock .txt{
            color:#fff;
            font-size:1.8rem;
            font-weight:bold
        }
        #contents .abtBlock .btnArea{
            text-align:left
        }
        #contents .srvBlock .link{
            display:-webkit-box;
            display:-ms-flexbox;
            display:flex;
            -webkit-box-pack:justify;
            -ms-flex-pack:justify;
            justify-content:space-between
        }
        #contents .srvBlock .link li{
            width:calc((100% - 80px) / 3);
            margin-right:40px;
            position:relative
        }
        #contents .srvBlock .link li:after{
            content:'';
            display:block;
            width:0;
            height:0;
            position:absolute;
            bottom:0;
            right:0;
            border-style:solid;
            border-width:95px 47px 0 0;
            border-color:#fff transparent transparent #fff;
            pointer-events:none;
            z-index:-1
        }
        @media screen and (min-width: 769px){
            #contents .srvBlock .link li:hover:after{
                border-color:#19447C transparent transparent #19447C
            }
            #contents .srvBlock .link li:hover a{
                opacity:1
            }
            #contents .srvBlock .link li:hover a:before,#contents .srvBlock .link li:hover a:after{
                background:#19447C;opacity:1
            }
            #contents .srvBlock .link li:hover a .img{
                opacity:.7
            }
            #contents .srvBlock .link li:hover a .moreBtn{
                color:#fff
            }
            #contents .srvBlock .link li:hover a .moreBtn span:before,#contents .srvBlock .link li:hover a .moreBtn span:after{
                background:#fff
            }
            #contents .srvBlock .link li:hover>*{
                opacity:1;color:#fff
            }
        }
        #contents .srvBlock .link li a{
            display:block;
            height:100%;
            padding:0 0 85px;
            position:relative;
            -webkit-transition:none;
            transition:none
        }
        #contents .srvBlock .link li a:before,#contents .srvBlock .link li a:after{
            content:'';
            display:block;
            background:#fff;
            position:absolute;
            z-index:-1;
            top:0;
            -webkit-transition:none;
            transition:none
        }
        #contents .srvBlock .link li a:before{
            width:calc(100% - 46px);
            height:100%;
            left:0
        }
        #contents .srvBlock .link li a:after{
            width:46px;
            height:calc(100% - 95px);
            right:0
        }
        #contents .srvBlock .link li a span{
            display:block;
            padding:0 18px;
            -webkit-transition:.5s ease-in-out;
            transition:.5s ease-in-out
        }
        #contents .srvBlock .link li a span.img{
            background:#000;
            background-position:center;
            background-size:cover;
            padding:66.8% 0 0
        }
        #contents .srvBlock .link li a span.ttl{
            margin:30px 0 5px;
            text-align:center;
            font-size:1.7rem;
            font-weight:bold
        }
        #contents .srvBlock .link li a span.txt{
            font-size:1.4rem
        }
        #contents .srvBlock .link li a span.moreBtn{
            background:none;
            height:auto;
            margin:0 20px 0 0;
            text-align:center;
            font-size:2rem;
            position:absolute;
            bottom:30px;
            left:0;
            right:0;
            pointer-events:none
        }
        #contents .srvBlock .link li a span.moreBtn:before,#contents .srvBlock .link li a span.moreBtn:after{
            display:none
        }
        #contents .srvBlock .link li a span.moreBtn span{
            display:inline-block;
            padding-right:115px;
            -webkit-transition:none;
            transition:none
        }
        @media screen and (max-width: 768px){
            #contents .pageTtl{
                padding-bottom:0;
                padding-left:11px
            }
            #contents .pageTtl .big{
                margin:0 0 10px;
                font-size:2.5rem
            }
            #contents .pageTtl .txt{
                line-height:1.9;
                font-size:1.25rem
            }
            #contents .pageTtl .txt br{
                display:none
            }
            #contents:after{
                width:95.2vw
            }
            #contents .linkBlock{
                margin:45px 0 80px !important
            }
            #contents .linkBlock a{
                display:block;
                max-width:148px;
                padding:0 0 5px;
                line-height:1.5
            }
            #contents .linkBlock a+a{
                margin-top:20px
            }
            #contents .linkBlock a:after{
                width:24px;
                bottom:4px;
                right:-1px
            }
            #contents .btnArea{
                margin-top:40px
            }
            #contents .abtBlock{
                padding:40px 15px
            }
            #contents .abtBlock:before,#contents .abtBlock:after{
                right:0;
                left:0
            }
            #contents .abtBlock:after{
                width:100%;
                bottom:240px;
                background-position:center bottom;
                background-size:auto 253px
            }
            #contents .abtBlock .lead{
                margin:0 0 15px;
                font-size:2.25rem
            }
            #contents .abtBlock .txt{
                font-size:1.4rem
            }
            #contents .abtBlock .txt br{
                display:none
            }
            #contents .abtBlock .btnArea{
                margin-top:300px;
                text-align:center
            }
            #contents .srvBlock .link{
                display:block
            }
            #contents .srvBlock .link li{
                width:100%
            }
            #contents .srvBlock .link li+li{
                margin-top:20px
            }
            #contents .srvBlock .link li a{
                padding:0 0 20px
            }
            #contents .srvBlock .link li a span.ttl{
                margin:20px 0 5px
            }
            #contents .srvBlock .link li a span.moreBtn{
                margin:20px 20px 0 0;
                font-size:1.5rem;
                position:static
            }
            #contents .srvBlock .link li a span.moreBtn span{
                padding-right:123px
            }
            #contents .srvBlock .link li a span.moreBtn span:before{
                width:103px
            }
            #contents .srvBlock .link li a span.moreBtn span:after{
                width:20px;
                bottom:3px
            }
        }