/*
Theme Name: anchor-net
*/

@charset "UTF-8";
/*----------------------------------------------------
 Reset
----------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after,
q::before, q::after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*----------------------------------------------------
 Base
----------------------------------------------------*/
*,
*::before,
*::after {
    box-sizing: border-box;
    word-wrap : break-word;
}

html {
    font-size: 62.5%;
}

body {
    background: #fff;
    -webkit-text-size-adjust: 100%;
    font-family:"メイリオ",Meiryo,Meiryo UI,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Osaka－等幅","Osaka-Mono",Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

input, button, select, textarea {
    font-family: inherit;
    line-height: inherit;
    font-size: inherit;
}

caption,
th {
    text-align: left;
}

th {
    vertical-align: top;
}

h1, h2, h3, h4, h5, h6, p, th, td, li, div {
    color: #4D4D4D;
    font-size: 1.6rem;
    line-height: 1.7;
}

a {
    color: #4D4D4D;
    text-decoration: none;
}

a:hover {
    color: #aaa;
    text-decoration: none;
}

img {
    max-width: 100%;
    vertical-align: bottom;
}

/*----------------------------------------------------
    Component
----------------------------------------------------*/
/* clearfix */
.clearfix {
    clear: both;
    zoom: 1;
}

.clearfix::after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* rollover */
.rollover {
    animation: horizontalY 1s ease-in-out infinite alternate;
            transition: all 1s;
    -webkit-transition: all 1s;
}

.rollover:hover {
    animation: horizontalY 0.5 ease-in-out infinite alternate;
            transition: all 0.5s;
    -webkit-transition: all 0.5s;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/* innerlink */
.innerlink {
    display: block;
    height: 1px;
    position: relative;
    top: -60px;
}

/* pc/sp */
.pc {
    display: block;
}

.pc-i {
    display: inline;
}

.sp,
.sp-i {
    display: none;
}

@media screen and (max-width: 768px) {
    .pc,
    .pc-i {
        display: none;
    }

    .sp {
        display: block;
    }

    .sp-i {
        display: inline;
    }
}

/* title */
.title {
    text-align: center;
}

.title span {
    color: #666;
    display: block;
    font-size: 1.6rem;
    padding-top: 15px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .title img {
        max-height: 25px;
    }

    .title span {
        font-size: 1.4rem;
    }
}

/* table */
.table {
    width: 100%;
}

.table th {
    background: #3C84B2;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 20px;
    text-align: center;
    vertical-align: middle;
}

.table tr:first-child th {
    border-top-color: #2B396C;
}

.table tr:last-child th {
    border-bottom-color: #2B396C;
}

.table td {
    border-top: 1px solid #2B396C;
    border-bottom: 1px solid #2B396C;
    padding: 20px;
}

@media screen and (max-width: 768px) {
    .table th {
        border: 1px solid #2B396C;
        display: block;
    }

    .table td {
        border: 0;
        display: block;
    }
}

/*----------------------------------------------------
    bar
----------------------------------------------------*/
.bar {
    background: #333;
    padding-top: 3px;
    position: relative;
}

.bar-in {
    margin: 0 auto;
    max-width: 1570px;
    padding: 0 270px 0 20px;
}

.bar-menu {
    text-align: right;
}

.bar-menu li {
    display: inline-block;
    padding: 0 25px;
}

.bar-menu a {
    color: #fff;
}

@media screen and (max-width: 768px) {
    .bar {
        padding-top: 55px;
        padding-bottom: 5px;
    }

    .bar-in {
        padding: 0 10px;
    }

    .bar-menu {
        text-align: center;
        width: 100%;
    }

    .bar-menu li {
        padding: 0 10px;
    }

    .bar-menu a {
        font-size: 1.3rem;
    }
}

/*----------------------------------------------------
    bar
----------------------------------------------------*/
.bar-external {
    background: #fff;
    padding: 10px 40px 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 270px;
    z-index: 10000;
}

.bar-pmark {
    float: left;
}

.bar-mar {
    float: right;
}

@media screen and (max-width: 768px) {
    .bar-external {
        padding: 0;
        position: fixed;
        top: 10px;
        right: 53px;
        width: auto;
        z-index: 99999;
    }

    .bar-external img {
        max-height: 30px;
    }

    .bar-pmark {
        float: none;
    }
    
    .bar-mar {
        float: none;
        margin-left: 5px;
    }
}

/*----------------------------------------------------
    gmenu
----------------------------------------------------*/
.gmenu {
    background: #fff;
    padding-top: 20px;
    position: relative;
    width: 100%;
    z-index: 9999;
}

.gmenu-in {
    margin: 0 auto;
    max-width: 1780px;
    padding: 0 20px;
}

.gmenu-toggle {
    display: none;
}

/* logo */
.gmenu-logo {
    display: inline-block;
    width: 30%;
}

.gmenu-logo a {
    display: block;
    line-height: 50px;
    padding: 25px 5px;
    text-align: center;
}

.gmenu-logo img {
    vertical-align: middle;
}

/* main */
.gmenu-main {
    display: inline-block;
    width: 70%;
    text-align: right;
}

.gmenu-main > ul > li {
    display: inline-block;
    padding-left: 35px;
    padding-right: 35px;
    vertical-align: middle;
}

.gmenu-has-sub {
    cursor: pointer;
    font-size: 1.8rem;
    display: block;
    overflow: hidden;
    position: relative;
}

.gmenu-has-sub:hover {
    overflow: visible;
}

.gmenu-main a {
    font-size: 1.8rem;
}

.gmenu-main img {
    vertical-align: middle;
}

@media screen and (min-width: 769px) {
    .gmenu-main .active {
        position: relative;
    }

    .gmenu-main .active::after {
        border-top: 1px solid #666;
        content: '';
        margin-left: -18px;
        position: absolute;
        bottom: -15px;
        left: 50%;
        text-align: center;
        width: 36px;
    }
}

/* sub */
@media screen and (min-width: 769px) {
    .gmenu-sub {
        opacity: 0;
        padding-top: 40px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .gmenu-sub li {
        background-color: #fff;
        display: block;
        padding: 10px 20px 10px 10px;
        text-align: left;
        white-space: nowrap;
    }

    .gmenu-has-sub:hover .gmenu-sub {
        animation-name: gmenu_sub;
        animation-duration: .5s;
        animation-timing-function: linear;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }
}

@keyframes gmenu_sub {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media screen and (max-width: 1400px) {
    .gmenu-main > ul > li {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1100px) {
    .gmenu-main > ul > li {
        padding-left: 12px;
        padding-right: 12px;
    }

    .gmenu-main li a,
    .gmenu-main li span {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 900px) {
    .gmenu-main > ul > li {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and (max-width: 768px) {
    .gmenu {
        background: #fff;
        padding-top: 0;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
    }

    .gmenu-in {
        padding: 0;
    }

    .gmenu.open {
        background: rgba(0,0,0,.6);
        height: 100%;
        overflow-y: scroll;
    }

    /* logo */
    .gmenu-logo {
        background: #fff;
        border-bottom: 1px solid #ccc;
        padding: 5px 10px;
        position: relative;
        height: 50px;
        width: 100%;
        z-index: 2;
    }

    .gmenu-logo a {
        line-height: 40px;
        padding: 0;
        text-align: left;
        width: 60%;
    }

    .gmenu-logo a img {
        max-height: 40px;
    }

    .gmenu.open .gmenu-logo {
        border-bottom-color: #999;
    }

    /* toggle */
    .gmenu-toggle {
        cursor: pointer;
        display: inline-block;
        height: 40px;
        position: absolute;
        top: 5px;
        right: 10px;
        width: 40px;
        z-index: 10;
    }

    .gmenu-toggle span {
        background: #333;
        display: block;
        height: 2px;
        margin-top: -1px;
        position: absolute;
        top: 50%;
        left: 8px;
        transition: .2s;
        width: 24px;
    }

    .gmenu-toggle span::before,
    .gmenu-toggle span::after{
        background: #333;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        top: 50%;
        left: 0;
        transition: .3s;
        width: 24px;
    }

    .gmenu-toggle span::before{
        margin-top: -10px;
    }

    .gmenu-toggle span::after{
        margin-top: 8px;
    }

    /* toggle(open) */
    .gmenu.open .gmenu-toggle span {
        background: transparent;
    }

    .gmenu.open .gmenu-toggle span::before,
    .gmenu.open .gmenu-toggle span::after{
        margin-top: 0;
    }

    .gmenu.open .gmenu-toggle span::before{
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .gmenu.open .gmenu-toggle span::after{
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }

    /* main */
    .gmenu-main {
        position: absolute;
        top: -1000px;
        left: 0;
        -webkit-transition: all .5s;
        transition: all .5s;
        width: 100%;
        z-index: 1;
    }

    .gmenu.open .gmenu-main {
        top: 50px;
    }

    .gmenu-main > ul > li {
        float: none;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .gmenu-main a,
    .gmenu-main .gmenu-has-sub span {
        background: #fff;
        border-bottom: 1px solid #999;
        display: block;
        line-height: 30px;
        padding: 10px;
        text-align: left;
    }

    .gmenu-main > ul > li:first-child a {
        border-top: 0;
    }

    .gmenu-main img {
        max-height: 30px;
    }

    /* sub */
    .gmenu-sub {
        display: none;
    }

    .subopen .gmenu-sub {
        display: block;
    }

    .gmenu-sub li {
        margin: 0 -10px;
    }

    .gmenu-sub li a {
        padding: 10px 20px;
    }
}

/*----------------------------------------------------
    side-fix-menu
----------------------------------------------------*/
.side-fix-menu {
    margin-left: -71px;
    position: fixed;
    top: 230px;
    left: 100%;
    z-index: 999;
}

.side-fix-menu a {
    background: #2B396C;
    box-shadow: 0px 0px 10px rgba(43, 57, 108, .2);
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 3px;
    margin-bottom: 20px;
    padding: 45px 25px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

@media screen and (max-width: 768px) {
    .side-fix-menu {
        margin-left: 0;
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    
    .side-fix-menu a {
        box-shadow: none;
        line-height: 40px;
        margin-bottom: 0;
        padding: 0;
        text-align: center;
        -webkit-writing-mode: inherit;
        -ms-writing-mode: inherit;
        writing-mode: inherit;
        width: 100%;
    }
}

/*----------------------------------------------------
    main-visual
----------------------------------------------------*/
.main-visual {
    padding-top: 0;
    position: relative;
}

.main-visual-in {
    position: relative;
    width: 85.9375%;
    z-index: 2;
}

.slick-dots {
    position: absolute;
    bottom: 40px;
    right: 60px;
}

.slick-dots li {
    cursor: pointer;
    display: inline-block;
    height: 6px;
    margin: 0 10px;
    position: relative;
    width: 6px;
}

.slick-dots li button {
    background: transparent;
    border: 0;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: none;
}

.slick-dots li.slick-active button::before {
    color: #000;
}

.slick-dots li button::before {
    content: '•';
    color: #fff;
    font-family: 'slick';
    font-size: 27px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* aboutus */
.main-visual-aboutus {
    position: absolute;
    top: 88%;
    left: 14%;
    width: 20%;
    z-index: 3;
}

/* bg */
.main-visual-bg {
    position: absolute;
    top: 47%;
    right: 0;
    width: 52%;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .main-visual-in {
        width: 90%;
    }

    .slick-dots {
        bottom: 0;
        right: 20px;
    }
    
    /* aboutus */
    .main-visual-aboutus {
        top: 75%;
        left: 4%;
        width: 40%;
    }
    
}

/*----------------------------------------------------
 top-business-flow
----------------------------------------------------*/
.top-business-flow {
    padding-top: 300px;
}

.top-business-flow-in {
    margin: 0 auto;
    max-width: 1500px;
    padding: 0 20px;
}

.business-flow-main {
    background: #EDEFF1;
    margin-top: 80px;
    margin-bottom: 140px;
    padding: 40px 20px 80px;
    text-align: center;
}

.business-flow-main img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .top-business-flow {
        padding-top: 150px;
    }

    .business-flow-main {
        margin-top: 40px;
    }
}

/*----------------------------------------------------
 top-business-flow main2
----------------------------------------------------*/
.business-flow-main2 {
    background: url(img/business-flow02-bg.png) no-repeat right top;
    background-size: contain;
    margin: 0 auto;
    max-width: 1500px;
    padding: 120px 10% 0;
}

.business-flow-each {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
}

.business-flow-each-in {
    box-shadow: 0 0 10px #ccc;
    padding: 100px 15px 50px;
}

.business-flow-each p {
    color: #fff;
    font-size: 1.2rem;
    padding-top: 25px;
}

.business-flow-each:first-child {
    padding-top: 30px;
}

.business-flow-each:nth-child(2) {
    padding-top: 85px;
}

.business-flow-each:nth-child(3) {
    padding-top: 50px;
}

.business-flow-each:nth-child(4) {
}

.business-flow-each:first-child .business-flow-each-in {
    background: url(img/business-flow02-bg2.png) no-repeat center top;
}

.business-flow-each:nth-child(2) .business-flow-each-in {
    background: url(img/business-flow02-bg3.png) no-repeat center top;
}

.business-flow-each:nth-child(3) .business-flow-each-in {
    background: url(img/business-flow02-bg4.png) no-repeat center top;
}

.business-flow-each:nth-child(4) .business-flow-each-in {
    background: url(img/business-flow02-bg5.png) no-repeat center top;
}

@media screen and (max-width: 1000px) {
    .business-flow-main2 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 768px) {
    .business-flow-main2 {
        padding-top: 60px;
    }

    .business-flow-each {
        float: none;
        width: 100%;
    }

    .business-flow-each:first-child,
    .business-flow-each:nth-child(2),
    .business-flow-each:nth-child(3),
    .business-flow-each:nth-child(4) {
        padding-top: 20px;
    }

    .business-flow-each:first-child .business-flow-each-in,
    .business-flow-each:nth-child(2) .business-flow-each-in,
    .business-flow-each:nth-child(3) .business-flow-each-in,
    .business-flow-each:nth-child(4) .business-flow-each-in {
        background-size: cover;
        padding-top: 20px;
    }
}

/*----------------------------------------------------
 top-news
----------------------------------------------------*/
.top-news {
    background: rgba(157, 183, 219, .42);
    margin-bottom: 120px;
    padding: 100px 0;
}

.top-news-in {
    margin: 0 auto;
    max-width: 1250px;
}

@media screen and (max-width: 768px) {
    .top-news {
        padding-top: 60px;
    }

    .top-news-in {
        padding: 0 10px;
    }
}


/*----------------------------------------------------
 top-news-main
----------------------------------------------------*/
.top-news-main {
    background: #fff;
    box-shadow: 0 0 15px #ccc;
    padding: 50px 85px 100px;
    position: relative;
}

.top-news-main ul {
    margin-top: 30px;
}

.top-news-main li {
    border-bottom: 1px solid #9B9B9B;
    padding: 20px 0;
}

/* top-news-date */
.top-news-date {
    color: #004D97;
    font-size: 1.8rem;
    font-weight: bold;
    display: inline-block;
    padding: 0 70px 0 50px;
}

/* top-news-text */
.top-news-text {
    font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
    .top-news-main {
        box-shadow: 0 0 10px #ccc;
        padding: 25px 10px 50px;
    }

    .top-news-main ul {
        margin-top: 20px;
    }
    
    .top-news-main li {
        padding: 10px 0;
    }
    /* top-news-date */
    .top-news-date {
        font-size: 1.6rem;
        display: block;
        padding: 0;
    }
    
    /* top-news-text */
    .top-news-text {
        font-size: 1.6rem;
    }
}

/*----------------------------------------------------
 top-news-btn
----------------------------------------------------*/
.top-news-btn {
    position: absolute;
    left: 55%;
    bottom: -25px;
}

.top-news-btn a {
    background: linear-gradient(90deg, #127EB5, #004F94);
    color: #fff;
    display: inline-block;
    font-size: 1.8rem;
    padding: 10px 60px 10px 60px;
}

.top-news-btn a::after {
    content: 'ー';
    font-size: 2.1rem;
    margin-left: 20px;
}

@media screen and (max-width: 768px) {
    .top-news-btn {
        bottom: -30px;
        left: 45%;
        padding-right: 10px;
        width: 55%;
    }
    
    .top-news-btn a {
        font-size: 1.4rem;
        padding: 10px;
        text-align: center;
        width: 100%;
    }
}

/*----------------------------------------------------
 top-service
----------------------------------------------------*/
.top-service {
    padding-top: 140px;
    padding-bottom: 200px;
}

.top-service-in {
    margin: 0 auto;
    max-width: 1230px;
    padding: 0 20px;
}

@media screen and (max-width: 768px) {
    .top-service {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/*----------------------------------------------------
 top-service-list
----------------------------------------------------*/
.top-service-list {
    margin: 0 -15px;
    padding-top: 70px;
}

.top-service-list-each {
    float: left;
    padding: 0 15px 30px;
    width: 33.3333333333%;
}

.top-service-list-each a {
    background: linear-gradient(-45deg, #004E96, #1E84BF);
    box-shadow: 0 0 15px #ccc;
    display: block;
}

.top-service-list-each span {
    color: #fff;
    display: block;
    font-size: 1.8rem;
    padding: 25px 20px;
    text-align: center;
}

.top-service-list-each span::after {
    content: 'ー';
    font-size: 2.1rem;
    margin-left: 30px;
}

.top-service-list-each:first-child,
.top-service-list-each:nth-child(2) {
    width: 50%;
}

@media screen and (max-width: 768px) {
    .top-service-list {
        margin: 0;
        padding-top: 40px;
    }
    
    .top-service-list-each {
        clear: both;
        width: 100%;
    }

    .top-service-list-each:first-child,
    .top-service-list-each:nth-child(2) {
        width: 100%;
    }
    
    .top-service-list-each a {
        box-shadow: 0 0 10px #ccc;
    }
}

/*----------------------------------------------------
 url(<?=_img('$1')?>)"
----------------------------------------------------*/
.top-link {
    background: #F0F2F4;
    padding-top: 80px;
    padding-bottom: 90px;
}

.top-link-in {
    margin: 0 auto;
    max-width: 1230px;
    padding: 0 20px;
}

@media screen and (max-width: 768px) {
    .top-link {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/*----------------------------------------------------
 top-link-list
----------------------------------------------------*/
.top-link-list {
}

.top-link-fb {
    box-shadow: 0 0 10px #ccc;
    float: left;
    padding: 0;
    max-width: 500px;
    width: 42%;
}

.top-link-fb-main {
    width: 100%;
}

.top-link-fb-main .fb-page,
.top-link-fb-main .fb-page > span,
.top-link-fb-main .fb-page > span > iframe {
    max-width: 100%;
}

.top-link-other {
    float: left;
    padding-left: 80px;
    width: 58%;
}

@media screen and (max-width: 768px) {
    .top-link-fb,
    .top-link-other {
        float: none;
        padding: 0;
        max-width: 100%;
        width: 100%;
    }

    .top-link-other {
        padding-top: 40px;
    }
}
/*----------------------------------------------------
 top-link-fb
----------------------------------------------------*/
.top-link-fb-title {
    background: #004D97;
    color: #fff;
    font-size: 1.2rem;
    padding: 3px 10px;
}


/*----------------------------------------------------
 top-link-other
----------------------------------------------------*/
.top-link-other p img {
    box-shadow: 0 0 10px #ccc;
}

.top-link-other iframe {
    height: 420px !important;
    width: 100% !important;
}

/*----------------------------------------------------
 top-link-other-list
----------------------------------------------------*/
.top-link-other-list {
    margin: 0 -8px;
    padding-top: 22px;
}

.top-link-other-list li {
    float: left;
    line-height: 90px;
    padding: 0 8px 22px;
    width: 50%;
}

.top-link-other-list li img {
    box-shadow: 0 0 10px #ccc;
    vertical-align: middle;
}

.top-link-other-list li:nth-child(2n+1) {
    clear: both;
}

@media screen and (max-width: 768px) {
    .top-link-other-list {
        padding-top: 10px;
    }

    .top-link-other-list li {
        line-height: 60px;
    }
}

/*----------------------------------------------------
 footer
----------------------------------------------------*/
.footer {
    background: #333;
    padding-top: 80px;
}

.footer-in {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 20px;
}

@media screen and (max-width: 768px) {
    .footer {
        padding-top: 60px;
    }
}


/*----------------------------------------------------
 footer1
----------------------------------------------------*/
.footer1 {
}

.footer-logo {
    float: left;
    width: 50%;
}

.footer-good {
    float: left;
    padding-right: 10px;
    text-align: right;
    width: 50%;
}

@media screen and (max-width: 768px) {
    .footer-logo {
        width: 40%;
    }
    
    .footer-good {
        width: 60%;
    }
}

/*----------------------------------------------------
 footer2
----------------------------------------------------*/
.footer2 {
    padding-top: 30px;
}

/*----------------------------------------------------
 footer-menu
----------------------------------------------------*/
.footer-menu {
    margin: 0 -10px;
}

.footer-menu-each {
    float: left;
}

.footer-menu-each:first-child {
    width: 33%;
}

.footer-menu-each:nth-child(2) {
    width: 15%;
}

.footer-menu-each:nth-child(3) {
    width: 26%;
}

.footer-menu-each:nth-child(4) {
    width: 26%;
}


.footer-menu-each p,
.footer-menu-each li {
    color: #fff;
    line-height: 1.8;
}

.footer-menu-each a {
    color: #fff;
}

/* footer-menu-contact */
.footer-menu-contact {
    background: linear-gradient(-45deg, #004E96, #1E84BF);
    display: block;
    padding: 30px;
    text-align: center;
}

.footer-menu-contact::after {
    content: 'ー';
    font-size: 2.1rem;
    margin-left: 30px;
}

@media screen and (max-width: 768px) {
    .footer-menu {
        margin: 0;
    }
    
    .footer-menu-each:first-child {
        padding-bottom: 20px;
        width: 100%;
    }
    
    .footer-menu-each:nth-child(2) {
        width: 40%;
    }
    
    .footer-menu-each:nth-child(3) {
        width: 60%;
    }
    
    .footer-menu-each:nth-child(4) {
        padding-top: 20px;
        width: 100%;
    }

    .footer-menu-each a {
        font-size: 1.4rem;
    }

    /* footer-menu-contact */
    .footer-menu-contact {
        padding: 10px;
    }
    

}

/*----------------------------------------------------
 footer3
----------------------------------------------------*/
.footer3 {
    padding-top: 70px;
    padding-bottom: 20px;
}

/* copyright */
.copyright {
    color: #fff;
    padding-right: 20px;
    text-align: right;
}

@media screen and (max-width: 768px) {
    .footer3 {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    /* copyright */
    .copyright {
        font-size: 1.3rem;
        padding-right: 0;
        text-align: center;
    }
    
}

/*----------------------------------------------------
    pagetop
----------------------------------------------------*/
.pagetop {
    opacity: 0;
    position: fixed;
    right: 20px;
    bottom: 20px;
            transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.scroll .pagetop {
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .pagetop {
        right: 0;
        bottom: 0;
        z-index: 1000;
    }

    .pagetop img {
        max-height: 40px;
    }
}

/*----------------------------------------------------
 main-visual-sub
----------------------------------------------------*/
.main-visual-sub {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-visual-sub-in {
    height: 615px;
    line-height: 615px;
    padding: 0 20px;
    position: relative;
    text-align: center;
}

.main-visual-sub-in img {
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
    .main-visual-sub {
        background: transparent;
    }
    
    .main-visual-sub-in {
        height: auto;
        line-height: 1;
        padding: 0;
    }

    .main-visual-sub-text {
        display: block;
        position: absolute;
        top: 40%;
        left: 10%;
        width: 80%;
    }
}

/*----------------------------------------------------
 aboutus-takashi-ikari
----------------------------------------------------*/
.aboutus-takashi-ikari {
    padding-top: 170px;
}

.aboutus-takashi-ikari-in {
    padding: 0 20px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .aboutus-takashi-ikari {
        padding-top: 60px;
    }
}

/*----------------------------------------------------
 aboutus-message
----------------------------------------------------*/
.aboutus-message {
    padding-top: 80px;
    padding-bottom: 100px;
}

@media screen and (max-width: 768px) {
    .aboutus-message {
        padding-top: 60px;
    }
}

/*----------------------------------------------------
 aboutus-message-title
----------------------------------------------------*/
.aboutus-message-title {
    padding-bottom: 80px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .aboutus-message-title img {
        max-height: 100px;
    }
}


/*----------------------------------------------------
 aboutus-message-catch
----------------------------------------------------*/
.aboutus-message-catch {
    background: url(img/aboutus-bg2.jpg) no-repeat center center;
    background-size: cover;
    padding: 80px 20px 70px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .aboutus-message-catch {
        padding-top: 60px;
    }
}


/*----------------------------------------------------
 aboutus-message-each
----------------------------------------------------*/
.aboutus-message-each {
    padding: 100px 20px 0;
    margin: 0 auto;
    max-width: 1010px;
}

/* aboutus-message-each-title */
.aboutus-message-each-title {
    color: #004D97;
    font-size: 3.2rem;
}

/* aboutus-message-each-text */
.aboutus-message-each-text {
    padding-top: 30px;
}

.aboutus-message-each-text p {
    padding-top: 25px;
}

.aboutus-message-each-text p:first-child {
    padding-top: 0;
}

.aboutus-message-each-3r {
    padding-right: 375px;
    position: relative;
}

.aboutus-message-each-3r img {
    position: absolute;
    bottom: 0;
    right: 10px;
}

@media screen and (max-width: 768px) {
    .aboutus-message-each {
        padding-top: 30px;
    }

    /* aboutus-message-each-title */
    .aboutus-message-each-title {
        font-size: 2.7rem;
    }
    
    .aboutus-message-each-3r {
        padding-right: 0;
    }
    
    .aboutus-message-each-3r img {
        display: block;
        margin: 0 auto;
        position: relative;
        bottom: auto;
        right: auto;
        width: 60%;
    }
}

/*----------------------------------------------------
 aboutus-sc
----------------------------------------------------*/
.aboutus-sc {
    background: url(img/aboutus-bg3.jpg) no-repeat center top;
    background-size: cover;
    padding-top: 115px;
    padding-bottom: 170px;
}

.aboutus-sc-in {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px;
}

/* aboutus-sc-title */
.aboutus-sc-title {
    color: #fff;
    font-size: 4.7rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .aboutus-sc {
        padding-top: 60px;
    }

    .aboutus-sc-title {
        font-size: 3.2rem;
    }
}

/*----------------------------------------------------
 aboutus-sc-each
----------------------------------------------------*/
.aboutus-sc-each {
    background: #fff;
    margin-top: 70px;
    padding: 40px 90px 60px;
}

/* aboutus-sc-title2 */
.aboutus-sc-title2 {
    border-bottom: 1px solid rgba(0, 77, 151, .5);
    color: #004D97;
    font-size: 3.6rem;
    font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    line-height: 1.3;
    padding-bottom: 20px;
    text-align: center;
}

.aboutus-sc-title2 small {
    font-size: 2.4rem;
}

/* aboutus-sc-text */
.aboutus-sc-text {
    padding-top: 20px;
}

@media screen and (max-width: 768px) {
    .aboutus-sc-each {
        padding: 30px 20px;
    }

    /* aboutus-sc-title2 */
    .aboutus-sc-title2 {
        font-size: 2.7rem;
    }

    .aboutus-sc-title2 small {
        font-size: 1.8rem;
    }
    
}

/*----------------------------------------------------
 aboutus-sc-img
----------------------------------------------------*/
.aboutus-sc-img {
    padding-top: 20px;
}

.aboutus-sc-img p {
    float: left;
    width: 50%;
}

.aboutus-sc-img p:first-child {
    padding-right: 20px;
}

.aboutus-sc-img p:last-child {
    padding-left: 20px;
}

@media screen and (max-width: 768px) {
    .aboutus-sc-img {
        padding-top: 60px;
    }

    .aboutus-sc-img p:first-child {
        padding-right: 5px;
    }
    
    .aboutus-sc-img p:last-child {
        padding-left: 5px;
    }
    
}

/*----------------------------------------------------
 business-header
----------------------------------------------------*/
.business-header {
    padding-top: 110px;
}

.business-header-in {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px;
}

@media screen and (max-width: 768px) {
    .business-header {
        padding-top: 60px;
    }
}

/*----------------------------------------------------
 business-title
----------------------------------------------------*/
.business-title {
    padding-top: 80px;
    padding-bottom: 50px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .business-title {
        padding-top: 60px;
    }

    .business-title img {
        max-height: 100px;
    }
}


/*----------------------------------------------------
 business-main
----------------------------------------------------*/
.business-main {
    background: url(img/business-bg1.jpg) no-repeat center top;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 80px;
}

.business-main-in {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px;
}


/* business-title2 */
.business-title2 {
    color: #2B396C;
    font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 3.2rem;
    font-weight: bold;
    padding-bottom: 40px;
    text-align: center;
}

/* business-title3 */
.business-title3 {
    color: #2B396C;
    font-size: 4.8rem;
    font-weight: bold;
    padding-bottom: 40px;
    text-align: center;
    vertical-align: middle;
}

.business-title3 small {
    display: inline-block;
    font-size: 1.8rem;
    padding-right: 20px;
    vertical-align: middle;
}

/* business-main-catch */
.business-main-catch {
    border: 1px solid #2B396C;
    color: #2B396C;
    font-size: 2.1rem;
    padding: 20px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .business-main {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    /* business-title2 */
    .business-title2 {
        font-size: 2.1rem;
        text-align: left;
    }

    /* business-title3 */
    .business-title3 small {
        display: block;
        text-align: center;
    }

    .business-title3 {
        font-size: 3.2rem;
    }

    /* business-main-catch */
    .business-main-catch {
        font-size: 1.8rem;
        text-align: left;
    }
}

/*----------------------------------------------------
 business-main-info
----------------------------------------------------*/
.business-main-info {
    padding-top: 100px;
}

.business-main-img {
    float: left;
    padding-right: 30px;
    width: 60%;
}

.business-main-text {
    float: left;
    width: 40%;
}

.business03-main-info .business-main-img {
    width: 36%;
}

.business03-main-info .business-main-text {
    width: 64%;
}

.business-main-text p {
    color: #000;
    padding-top: 20px;
}

.business-main-text p:first-child {
    padding-top: 0;
}

@media screen and (max-width: 768px) {
    .business-main-info {
        margin: 0;
        padding-top: 60px;
    }

    .business-main-img,
    .business-main-text {
        float: none;
        width: 100%;
    }

    .business-main-img {
        padding-bottom: 40px;
        padding-right: 0;
    }

    .business03-main-info .business-main-img {
        width: 100%;
    }
    
    .business03-main-info .business-main-text {
        width: 100%;
    }
}

/*----------------------------------------------------
 business-item
----------------------------------------------------*/
.business-item {
    padding-bottom: 120px;
}

.business-item-in {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px;
}

/* business-item-title */
.business-item-title {
    color: #2B396C;
    font-size: 2.4rem;
    font-weight: bold;
    margin-top: 70px;
    position: relative;
}

.business-item-title::after {
    border-top: 2px dashed #2B396C;
    content: ' ';
    margin-top: -1px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 1;
}

.business-item-title span {
    background: #fff;
    display: inline-block;
    padding-right: 20px;
    position: relative;
    z-index: 2;
}

.business-item li {
    border-left: 1px solid #2B396C;
    color: #2B396C;
    float: left;
    font-weight: bold;
    line-height: 60px;
    margin-top: 25px;
    padding-left: 30px;
    width: 25%;
}

.business-item li span {
    background: url(img/icon-check.png) no-repeat left center;
    display: inline-block;
    line-height: 1.5;
    padding-left: 30px;
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
    .business-item li {
        line-height: 1.5;
        margin-top: 15px;
        padding-left: 10px;
        width: 50%;
    }
    
    .business-item li span {
        background-size: 10px auto;
        font-size: 1.4rem;
        line-height: 1.5;
        padding-left: 15px;
    }
}

/*----------------------------------------------------
 business-flow
----------------------------------------------------*/
.business-flow {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding-top: 85px;
    padding-bottom: 80px;
}

.business-flow-in {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px;
}

/* business-flow-title */
.business-flow-title {
    color: #fff;
    font-size: 4.2rem;
    text-align: center;
}

.business-flow li {
    background: url(img/business-flow-arrow.png) no-repeat;
    background-position: 0 25px;
    float: left;
    margin-top: 60px;
    text-align: center;
    width: 25%;
}

.business02-flow li {
    width: 20%;
}

.business-flow li:first-child {
    background: none;
}

.business01-flow li:nth-child(5),
.business03-flow li:nth-child(5) {
    margin-left: 12%;
}

.business03-flow2 li:nth-child(5) {
    margin-left: 25%;
}

.business-flow li p {
    color: #fff;
    padding-top: 5px;
}

@media screen and (max-width: 768px) {
    .business-flow {
        padding-top: 60px;
    }

    /* business-flow-title */
    .business-flow-title {
        font-size: 2.7rem;
    }

    .business-flow li {
        background-size: 10px auto;
        background-position: 4px 35px;
        padding-left: 20px;
        width: 33.3333333333%;
    }
    
    .business02-flow li {
        width: 33.3333333333%;
    }
    
    .business-flow li:nth-child(3n+1) {
        clear: both;
    }
    
    .business01-flow li:nth-child(5),
    .business03-flow li:nth-child(5) {
        margin-left: 0;
    }
    
    .business03-flow2 li:nth-child(5) {
        margin-left: 0;
    }

    .business-flow li p {
        font-size: 1.4rem;
    }
}

/*----------------------------------------------------
 business-example
----------------------------------------------------*/
.business-example {
    padding-top: 110px;
}

.business-example-in {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px;
}

/* business-example-title */
.business-example-title {
    color: #2B396C;
    font-size: 4.2rem;
    text-align: center;
}

/* business-example-text */
.business-example-text {
    line-height: 2;
    margin: 0 auto;
    max-width: 1000px;
    padding-top: 30px;
}

@media screen and (max-width: 768px) {
    .business-example {
        padding-top: 60px;
    }

    /* business-example-title */
    .business-example-title {
        font-size: 2.7rem;
    }
    
}

/*----------------------------------------------------
 business-example-img
----------------------------------------------------*/
.business-example-img {
    padding-top: 70px;
}

.business-example-img img {
    display: block;
    float: left;
    width: 33.3333333333%;
}

@media screen and (max-width: 768px) {
    .business-example-img {
        padding-top: 60px;
    }

    .business-example-img img {
        float: none;
        margin: 0 auto 10px;
        width: 90%;
    }
}

/*----------------------------------------------------
 business-relate
----------------------------------------------------*/
.business-relate {
    padding-top: 100px;
    padding-bottom: 150px;
}

.business-relate-in {
    margin: 0 auto;
    max-width: 720px;
    padding: 0 20px;
}

/* business-relate-title */
.business-relate-title {
    color: #2B396C;
    font-size: 4.2rem;
    text-align: center;
}

.business-relate ul {
    text-align: center;
}

.business-relate li {
    display: inline-block;
    padding: 36px 18px 0;
    width: 50%;
}

.business-relate li a {
    background: linear-gradient(90deg, #127EB5, #004F94);
    color: #fff;
    display: inline-block;
    font-size: 1.8rem;
    padding: 15px 10px;
    text-align: center;
    width: 100%;
}

.business-relate li a::after {
    content: 'ー';
    font-size: 2.1rem;
    margin-left: 20px;
}


@media screen and (max-width: 768px) {
    .business-relate {
        padding-top: 60px;
    }

    /* business-relate-title */
    .business-relate-title {
        font-size: 2.7rem;
    }

    .business-relate li {
        padding: 15px 15px 0;
        width: 100%;
    }
}

/*----------------------------------------------------
    business-img1
----------------------------------------------------*/
.business-img1 {
    padding: 40px 0 80px;
    text-align: center;
}

/*----------------------------------------------------
 company-profile
----------------------------------------------------*/
.company-profile {
    padding-top: 80px;
}

.aboutus-company {
    padding-bottom: 200px;
}

.company-profile-in {
    margin: 0 auto;
    max-width: 1190px;
    padding: 0 20px;
}

/* ul */
.company-profile ul {
    text-align: center;
}

.company-profile li {
    display: inline-block;
    padding: 60px 30px 0;
    width: 33.3333333333%;
}

.company-profile li a {
    background: linear-gradient(90deg, #127EB5, #004F94);
    box-shadow: 0 0 15px #ccc;
    color: #fff;
    display: inline-block;
    font-size: 1.8rem;
    padding: 20px 10px;
    text-align: center;
    width: 100%;
}

.company-profile li a::after {
    content: 'ー';
    font-size: 2.1rem;
    margin-left: 20px;
}

@media screen and (max-width: 768px) {
    .company-profile {
        padding-top: 60px;
    }

    .aboutus-company {
        padding-bottom: 100px;
    }
    
    .company-profile li {
        padding: 20px 10px 0;
        width: 100%;
    }

    .company-profile li a {
        box-shadow: 0 0 10px #ccc;
        font-size: 1.6rem;
        padding: 10px;
    }
}

/*----------------------------------------------------
 company-info
----------------------------------------------------*/
.company-info {
    padding-top: 90px;
    padding-bottom: 90px;
}

.company-info-in {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px;
}

.company-info-title {
    padding-bottom: 70px;
    text-align: center;
}

.company-info-in a{
    text-decoration: underline;
}

.company-info-mark img {
    display: inline-block;
    vertical-align: top;
}

.company-jab {
    margin-top: 20px;
    max-height: 160px;
}

.company-ISO-BL {
    margin-top: 15px;
    max-height: 155px;
}

.company-ISMS {
    margin-top: 25px;
    max-height: 130px;
}

.company-r2 {
    max-height: 160px;
}

.mar_logo {
    margin-top: 50px;
}

.company-10530072_100_JP {
    margin-top: 50px;
    margin-left: 30px;
    margin-right: 20px;
    max-height: 100px;
}

@media screen and (max-width: 768px) {
    .company-info {
        padding-top: 60px;
    }

    .company-info-title {
        margin-bottom: 20px;
        padding-bottom: 0;
    }

    .company-info-title img {
        max-height: 100px;
    }

    .company-info-mark span {
        display: inline-block;
        padding: 0 10px;
        text-align: center;
        width: 50%;
    }

    .company-info-mark span:nth-child(5) {
        width: 100%;
    }

    .company-10530072_100_JP {
        margin-left: 0;
        margin-right: 0;
    }
    
    .mar_logo {
        margin-top: 20px;
    }
}

/*----------------------------------------------------
 top-message
----------------------------------------------------*/
.top-message {
    padding-top: 110px;
}

.top-message-in {
    padding: 0 20px;
    text-align: center;
}

/* top-message-title */
.top-message-title {
    margin-bottom: 60px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .top-message {
        padding-top: 60px;
    }

    /* top-message-title */
    .top-message-title img {
        max-height: 100px;
        margin-bottom: 40px;
    }
}

/*----------------------------------------------------
 top-message-main
----------------------------------------------------*/
.top-message-main {
    background: url(img/message-bg1.png) no-repeat center top;
    background-size: cover;
    padding-top: 50px;
}

.top-message-main-in {
    margin: 0 auto;
    max-width: 1140px;
    padding: 0 20px;
}

@media screen and (max-width: 768px) {
    .top-message-main {
        background: #619ACD;
        padding-top: 0;
    }

    .top-message-main-in {
        padding: 0;
    }
}

/*----------------------------------------------------
 top-message-main-box
----------------------------------------------------*/
.top-message-main-box {
    margin: 0 -10px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.top-message-main-text {
    float: left;
    padding: 0 10px;
    width: 50%;
}

.top-message-main-img {
    float: left;
    padding: 0 10px;
    width: 50%;
}

@media screen and (max-width: 768px) {
    .top-message-main-box {
        margin: 0;
        padding-bottom: 0;
    }

    .top-message-main-text,
    .top-message-main-img {
        float: none;
        width: 100%;
    }

    .top-message-main-text {
        padding: 0 20px;
    }

    .top-message-main-img {
        padding: 0;
    }

    .top-message-main-img img {
        width: 100%;
    }

    .top-message-main-text {
        padding-bottom: 40px;
    }
}

/*----------------------------------------------------
 top-message-message
----------------------------------------------------*/
.top-message-message {
    padding-top: 120px;
}

.top-message-message-in {
    margin: 0 auto;
    max-width: 1050px;
    padding: 0 20px;
}

@media screen and (max-width: 768px) {
    .top-message-message {
        padding-top: 60px;
    }
}


/*----------------------------------------------------
 top-message-message-catch
----------------------------------------------------*/
.top-message-message-catch {
    background: rgba(157, 183, 219, 0.42);
    padding: 80px;
}

/* top-message-message-catch-title */
.top-message-message-catch-title {
    text-align: center;
}

/* top-message-message-catch-text */
.top-message-message-catch-text {
    color: #004D97;
    font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 3.2rem;
    line-height: 2;
    padding-top: 30px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .top-message-message-catch {
        padding: 10px;
    }

    /* top-message-message-catch-text */
    .top-message-message-catch-text {
        font-size: 2.1rem;
        text-align: left;
    }
}

/*----------------------------------------------------
 top-message-message-each
----------------------------------------------------*/
.top-message-message-each {
    padding-top: 80px;
}

/* top-message-message-each-title */
.top-message-message-each-title {
    background-size: auto 100%;
    color: #004D97;
    font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 3.6rem;
    line-height: 1.3;
    padding: 20px 20px 20px 245px;
}

.top-message-message-each-01 {
    background: url(img/message-01.svg) no-repeat left center;
}

.top-message-message-each-02 {
    background: url(img/message-02.svg) no-repeat left center;
}

.top-message-message-each-03 {
    background: url(img/message-03.svg) no-repeat left center;
}

.top-message-message-each-title small {
    font-size: 2.4rem;
}

/* top-message-message-each-text */
.top-message-message-each-text {
    padding-top: 25px;
}

@media screen and (max-width: 768px) {
    .top-message-message-each {
        padding-top: 60px;
    }

    /* top-message-message-each-title */
    .top-message-message-each-title {
        background-size: 10% auto;
        font-size: 2.1rem;
        line-height: 1.3;
        padding: 20px 0 20px 15%;
    }

    .top-message-message-each-title small {
        font-size: 1.4rem;
    }
}

/*----------------------------------------------------
 top-message-message
----------------------------------------------------*/
.top-message-movie {
    padding-top: 120px;
    padding-bottom: 150px;
}

.top-message-movie-in {
    margin: 0 auto;
    max-width: 1050px;
    padding: 0 20px;
}

.top-message-movie iframe {
    height: 625px !important;
    width: 100% !important;
}

@media screen and (max-width: 768px) {
    .top-message-movie {
        padding-top: 60px;
        padding-bottom: 100px;
    }

    .top-message-movie iframe {
        height: 260px !important;
    }
}

/*----------------------------------------------------
 organization
----------------------------------------------------*/
.organization {
    padding-top: 130px;
    padding-bottom: 250px;
}

.organization-in {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px;
}

/* organization-title */
.organization-title {
    text-align: center;
}

/* organization-img */
.organization-img {
    padding-top: 80px;
    text-align: center;
}

.organization-img img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .organization {
        padding-top: 60px;
        padding-bottom: 100px;
    }

    /* organization-title */
    .organization-title img {
        max-height: 100px;
    }

    /* organization-img */
    .organization-img {
        padding-top: 40px;
    }
}

/*----------------------------------------------------
 office
----------------------------------------------------*/
.office {
    padding-top: 130px;
    padding-bottom: 250px;
}

.office-in {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px;
}

/* office-title */
.office-title {
    padding-bottom: 40px;
    text-align: center;
}

/* table */
.office td {
    position: relative;
}

.office-link {
    position: absolute;
    right: 70px;
    top: 20px;
}

.office-link a {
    background: #003D8E;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    height: 48px;
    line-height: 48px;
    margin-left: 20px;
    text-align: center;
    width: 48px;
}

.office-link .office-link-detail {
    background: #53A3DB;
}

/* banner */
.table .office-banner th {
    background: transparent;
    border-top: 0;
    border-bottom: 0;
    padding: 20px;
}

.table .office-banner td {
    border-top: 0;
    border-bottom: 0;
    padding: 50px 0 0;
}

.table .office-banner td a {
    display: inline-block;
    margin-bottom: 15px;
}

.table .office-banner td a img {
    border: 1px solid #f0f0f0;
}

@media screen and (max-width: 768px) {
    .office {
        padding-top: 60px;
        padding-bottom: 100px;
    }

    /* office-title */
    .office-title img {
        max-height: 100px;
    }

    .office-link {
        padding-top: 20px;
        position: relative;
        right: auto;
        top: auto;
        text-align: center;
    }

    /* banner */
    .table .office-banner th {
        display: none;
    }
}


/*----------------------------------------------------
 history
----------------------------------------------------*/
.history {
    padding-top: 130px;
    padding-bottom: 250px;
}

.history-in {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px;
}

/* history-title */
.history-title {
    padding-bottom: 40px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .history {
        padding-top: 60px;
        padding-bottom: 100px;
    }

    /* history-title */
    .history-title img {
        max-height: 100px;
    }
}

/*----------------------------------------------------
 recruit-nav
----------------------------------------------------*/
.recruit-nav {
    padding-top: 110px;
}

.recruit-nav-in {
    margin: 0 auto;
    max-width: 1190px;
    padding: 0 20px;
}

.recruit-nav-title {
    padding-top: 80px;
    text-align: center;
}

/* ul */
.recruit-nav ul {
    text-align: center;
}

.recruit-nav li {
    display: inline-block;
    padding: 40px 30px 0;
    width: 33.3333333333%;
}

.recruit-nav li a {
    background: linear-gradient(90deg, #127EB5, #004F94);
    box-shadow: 0 0 15px #ccc;
    color: #fff;
    display: inline-block;
    font-size: 1.8rem;
    padding: 20px 10px;
    text-align: center;
    width: 100%;
}

.recruit-nav li a::after {
    content: 'ー';
    font-size: 2.1rem;
    margin-left: 20px;
}

@media screen and (max-width: 768px) {
    .recruit-nav {
        padding-top: 60px;
    }

    .recruit-nav-title  {
        padding-top: 60px;
    }

    .recruit-nav-title img {
        max-height: 100px;
    }

    /* ul */
    .recruit-nav li {
        padding: 20px 10px 0;
        width: 100%;
    }

    .recruit-nav li a {
        box-shadow: 0 0 10px #ccc;
        font-size: 1.6rem;
        padding: 10px;
    }
}

/*----------------------------------------------------
 recruit
----------------------------------------------------*/
.recruit {
    padding-top: 110px;
}

.recruit-in {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px;
}

.recruit-each {
    padding-bottom: 100px;
}

/* title */
.recruit-title span {
    border: 1px solid #2B396C;
    color: #2B396C;
    display: inline-block;
    font-size: 2.1rem;
    font-weight: bold;
    margin-bottom: 35px;
    padding: 20px;
}

/* recruit-table */
.recruit-table {
    padding-top: 35px;
}

.recruit-table table {
    width: 100%;
}

.recruit-table th,
.recruit-table td {
    background-color: #DEE8F1;
    color: #2B396C;
    padding: 25px 20px;
}

.recruit-table th {
    background-image: url(img/recruit-qualification-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left center;
    color: #fff;
    text-align: center;
    min-width: 288px;
}

/* recruit-remark */
.recruit-remark {
    padding-top: 60px;
    text-align: center;
}

.recruit-remark a {
    background: linear-gradient(90deg, #127EB5, #004F94);
    box-shadow: 0 0 15px #ccc;
    color: #fff;
    display: inline-block;
    font-size: 1.8rem;
    padding: 20px;
    text-align: center;
}

.recruit-remark a::after {
    content: 'ー';
    font-size: 2.1rem;
    margin-left: 20px;
}


@media screen and (max-width: 768px) {
    /* title */
    .recruit-title span {
        padding: 10px;
    }
    
    /* recruit-table */
    .recruit-table th,
    .recruit-table td {
        display: block;
    }
    
    .recruit-table th {
        background: linear-gradient(-45deg, #004E96, #1E84BF);
        min-width: 1px;
    }
}

/*----------------------------------------------------
 for-antisocial-force
----------------------------------------------------*/
.for-antisocial-force {
    padding-top: 110px;
    padding-bottom: 150px;
}

.for-antisocial-force-in {
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 20px;
}

.for-antisocial-force-title {
    text-align: center;
}

.for-antisocial-force-title2 {
    color: #004D97;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 2;
    padding-top: 60px;
    padding-bottom: 25px;
}

@media screen and (max-width: 768px) {
    .for-antisocial-force {
        padding-top: 60px;
        padding-bottom: 100px;
    }
    
    .for-antisocial-force-title img {
        max-height: 100px;
    }

    .for-antisocial-force-title2 {
        font-size: 1.8rem;
    }
}

/*----------------------------------------------------
 for-antisocial-force-each
----------------------------------------------------*/
.for-antisocial-force-each {
    padding-top: 25px;
}

/* for-antisocial-force-each-title */
.for-antisocial-force-each p {
    padding-left: 16px;
}

.for-antisocial-force-over {
    padding-top: 25px;
    padding-right: 40px;
    text-align: right;
}

/*----------------------------------------------------
 news
----------------------------------------------------*/
.news {
    padding-top: 110px;
    padding-bottom: 150px;
}

.news-in {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px;
}

@media screen and (max-width: 768px) {
    .news {
        padding-top: 60px;
        padding-bottom: 100px;
    }
}

/*----------------------------------------------------
 news-list
----------------------------------------------------*/
.news-list {
    margin: 0 -10px;
    padding-top: 60px;
}

.news-list-each {
    float: left;
    padding: 0 10px 40px;
    width: 25%;
}

.news-list-each a {
    display: block;
}

.news-list-each:nth-child(4n+1) {
    clear: both;
}

@media screen and (max-width: 768px) {
    .news-list-each {
        width: 50%;
    }

    .news-list-each:nth-child(4n+1) {
        clear: none;
    }

    .news-list-each:nth-child(2n+1) {
        clear: both;
    }
}
/*----------------------------------------------------
 news-list-each
----------------------------------------------------*/
.news-list-img {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

/* news-list-date */
.news-list-date {
    color: #004D97;
    font-size: 1.4rem;
    padding-top: 10px;
}

/* news-list-title */
.news-list-title {
    padding-top: 10px;
}

@media screen and (max-width: 768px) {
    /* news-list-title */
    .news-list-title {
        font-size: 1.4rem;
    }
}

/*----------------------------------------------------
    news-navi
----------------------------------------------------*/
.news-navi {
    padding-top: 100px;
}

.news-navi ul {
    text-align: center;
}

.news-navi li {
    display: inline-block;
    line-height: 30px;
}

.news-navi-prev {
    padding-right: 15px;
}

.news-navi-next {
    padding-left: 15px;
}

.news-navi li span {
    border-left: 1px solid #BFD2E5;
    color: #004D97;
    display: inline-block;
    line-height: 30px;
    padding: 0 15px;
}

.news-navi li a {
    color: #004D97;
}

.news-navi li .disable {
    color: #ccc;
}

.news-navi li .active {
    font-weight: bold;
}

.news-navi li.news-navi-prev span,
.news-navi li.news-navi-next span {
    border-left: 0;
}

.news-navi li:nth-child(2) a,
.news-navi li:nth-child(2) span {
    border-left: 0;
}


/*----------------------------------------------------
    news-archive-navi
----------------------------------------------------*/
.news-archive-navi {
    padding-top: 80px;
}

.news-archive-navi ul {
    margin: 0 -13px;
}

.news-archive-navi li {
    float: left;
    padding: 0 13px 26px;
    width: 25%;
}

.news-archive-navi a {
    border: 1px solid #BFD2E5;
    color: #004D97;
    display: block;
    font-weight: bold;
    padding: 12px;
    text-align: center;
}

.news-archive-navi a {
    animation: horizontalY 1s ease-in-out infinite alternate;
            transition: all 1s;
    -webkit-transition: all 1s;
}

.news-archive-navi:hover {
    animation: horizontalY 0.5 ease-in-out infinite alternate;
            transition: all 0.5s;
    -webkit-transition: all 0.5s;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

@media screen and (max-width: 768px) {
    .news-archive-navi {
        padding-top: 60px;
    }
    
    .news-archive-navi li {
        padding: 0 5px 10px;
        width: 33.3333333333%;
    }
}

/*----------------------------------------------------
 news-single
----------------------------------------------------*/
.news-single {
    padding-top: 60px;
}

/* header */
.news-single-header {
    border-bottom: 1px solid #004D97;
    padding-bottom: 25px;
    position: relative;
}

.news-single-title {
    color: #004D97;
    font-size: 2.7rem;
    line-height: 2;
}

.news-single-date {
    color: #004D97;
    position: absolute;
    right: 20px;
    bottom: 35px;
}

.news-single-main {
    padding-top: 30px;
}

.news-single-main img {
    height: auto;
}

.news-single-ret {
    padding-top: 60px;
    text-align: center;
}

.news-single-ret a {
    border: 1px solid #004D97;
    color: #004D97;
    display: inline-block;
    font-size: 1.4rem;
    padding: 7px 30px 5px;
}

@media screen and (max-width: 768px) {
    .news-single-title {
        font-size: 2.1rem;
    }

    .news-single-date {
        position: relative;
        right: auto;
        bottom: auto;
        text-align: right;
    }
    
}

/*----------------------------------------------------
    news-single-main editor
----------------------------------------------------*/
.news-single-main h1 {
    border-bottom: 1px solid #004D97;
    color: #004D97;
    font-size: 2.7rem;
    line-height: 2;
    padding-bottom: 25px;
    position: relative;
}

.news-single-main h2 {
    color: #004D97;
    font-size: 2.1rem;
}

.news-single-main h2::before {
    content: 'ー';
    display: inline-block;
    margin-right: 10px;
}

.news-single-main p {
    line-height: 2;
}

.news-single-main strong {
    font-weight: bold;
}

.news-single-main .aligncenter {
    display: block;
    margin: 0 auto;
}

.news-single-main .alignleft {
    float: left;
    margin-right: 20px;
}

.news-single-main .alignright {
    float: right;
    margin-left: 20px;
}

.gallery .gallery-item {
    padding: 0 20px 40px;
}

#gallery-1 img,
#gallery-2 img,
#gallery-3 img,
#gallery-4 img,
#gallery-5 img {
    border: 0 !important;
}

/* clearfix */
.news-single-main > p {
    clear: both;
    zoom: 1;
}

.news-single-main > p::after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* table */
.news-single-main table {
    width: 100%;
}

.news-single-main table th {
    background: #3C84B2;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 20px;
    text-align: center;
    vertical-align: middle;
}

.news-single-main table tr:first-child th {
    border-top-color: #2B396C;
}

.news-single-main table tr:last-child th {
    border-bottom-color: #2B396C;
}

.news-single-main table td {
    border-top: 1px solid #2B396C;
    border-bottom: 1px solid #2B396C;
    padding: 20px;
}

@media screen and (max-width: 768px) {
    .news-single-main table th {
        border: 1px solid #2B396C;
        display: block;
    }

    .news-single-main table td {
        border: 0;
        display: block;
    }
}

/*----------------------------------------------------
 privacy
----------------------------------------------------*/
.privacy {
    padding-top: 110px;
    padding-bottom: 150px;
}

.privacy-in {
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 20px;
}

.privacy-title {
    text-align: center;
}

.privacy-title2 {
    color: #004D97;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 2;
    padding-top: 60px;
}

@media screen and (max-width: 768px) {
    .privacy {
        padding-top: 60px;
        padding-bottom: 0;
    }
    
    .privacy-title img {
        max-height: 100px;
    }

    .privacy-title2 {
        font-size: 1.8rem;
    }
}

/*----------------------------------------------------
 privacy-each
----------------------------------------------------*/
.privacy-list {
    padding-top: 50px;
}

/* privacy-each-title */
.privacy-list li {
    position: relative;
    padding-left: 16px;
}

.privacy-list li::before {
    position: absolute;
    left: 0;
}

.privacy-list li:first-child::before {
    content: '1.';
}

.privacy-list li:nth-child(2)::before {
    content: '2.';
}

.privacy-list li:nth-child(3)::before {
    content: '3.';
}

.privacy-list li:nth-child(4)::before {
    content: '4.';
}

.privacy-list li:nth-child(5)::before {
    content: '5.';
}

.privacy-list li:nth-child(6)::before {
    content: '6.';
}

.privacy-foot {
    padding-top: 25px;
    padding-right: 40px;
    text-align: right;
}

@media screen and (max-width: 768px) {
    .privacy-foot {
    padding-right: 10px;
    }
}

/*----------------------------------------------------
 privacy
----------------------------------------------------*/
.purpose-of-use {
    padding-top: 110px;
    padding-bottom: 150px;
}

.purpose-of-use-in {
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 20px;
}

@media screen and (max-width: 768px) {
    .purpose-of-use {
        padding-top: 100px;
        padding-bottom: 0;
    }
    
}

/*----------------------------------------------------
 about-cookie
----------------------------------------------------*/
.about-cookie {
    padding-top: 110px;
    padding-bottom: 150px;
}

.about-cookie-in {
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 20px;
}

@media screen and (max-width: 768px) {
    .about-cookie {
        padding-top: 60px;
        padding-bottom: 100px;
    }
    
}

/* about-cookie-text */
.about-cookie-text {
    padding-top: 50px;
}

.about-cookie-text p {
    padding-top: 35px;
}

.about-cookie-text p:first-child {
    padding-top: 0;
}

/*----------------------------------------------------
 procedure
----------------------------------------------------*/
.procedure {
    padding-top: 110px;
    padding-bottom: 150px;
}

.procedure-in {
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 20px;
}

/* procedure-text */
.procedure-text {
    padding-top: 50px;
}

.procedure-text p {
    padding-top: 35px;
}

.procedure-text p:first-child {
    padding-top: 0;
}

/* each */
.procedure-each {
    border-bottom: 1px dashed #000;
    padding: 70px 0;
}

.procedure-each-last {
    border-bottom: 0;
    padding-bottom: 40px;
}
.procedure-each p {
    padding-bottom: 10px;
}

/* table */
.procedure-table {
    width: 100%;
}

.procedure-table th,
.procedure-table td {
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    padding: 20px;
}

.procedure-table th {
    background: rgba(157, 183, 219, .42);
    border-right: 1px solid #888;
    text-align: center;
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
    .procedure {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    /* table */
    .procedure-table th,
    .procedure-table td {
        display: block;
    }
    
    .procedure-table th {
        background: rgba(157, 183, 219, .42);
        border-right: 1px solid #888;
        border: 1px solid #888;
        text-align: center;
        vertical-align: middle;
    }

    .procedure-table td {
        border-top: 0;
        border-bottom: 0;
    }

}

/*----------------------------------------------------
 contact
----------------------------------------------------*/
.contact {
    padding-top: 110px;
    padding-bottom: 150px;
}

.contact-in {
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 20px;
}

/* title */
.contact-title {
    padding-bottom: 40px;
    text-align: center;
}

/* table */
.contact-form label,
.contact-form input[type="button"],
.contact-form input[type="submit"] {
    cursor: pointer;
}

.contact-form > table {
    width: 100%;
}

.contact-form > table > tbody > tr > th {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    padding-top: 40px;
    padding-bottom: 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.contact-form > table > tbody > tr > th em {
    color: #f00;
}

.contact-form > table > tbody > tr > td {
    padding-top: 40px;
    padding-left: 30px;
}

/* form */
.contact-form > table > tbody > tr > td input[type="text"],
.contact-form > table > tbody > tr > td input[type="email"],
.contact-form > table > tbody > tr > td input[type="tel"] {
    border: 1px solid #ccc;
    height: 60px;
    width: 100%;
}

.contact-form > table > tbody > tr > td textarea {
    border: 1px solid #ccc;
    height: 250px;
    resize: vertical;
    width: 100%;
}

.contact-form-line {
    border-left: 1px solid #ccc;
    padding-left: 25px;
}

/* sub */
.contact-form-sub {
    display: none;
    padding-left: 70px;
    padding-bottom: 25px;
}

.contact-form-sub.active {
    display: block;
}

.contact-form-sub p {
    padding-top: 10px;
}

/* item */
.contact-form-item {
    background: #F4F3F4;
    margin-top: 10px;
    padding: 10px;
}

.contact-form-item li {
    display: inline-block;
    margin-right: 10px;
}

.contact-form-item th,
.contact-form-item td {
    padding: 10px;
    vertical-align: middle;
}

/* type */
.contact-form-type .wpcf7-list-item {
    display: block;
    margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
    .contact {
        padding-top: 60px;
        padding-bottom: 100px;
    }
    /* title */
    .contact-title img {
        max-height: 100px;
    }

    .contact-form > table > tbody > tr > th,
    .contact-form > table > tbody > tr > td {
        display: block;
        white-space: normal;
    }
    
    .contact-form > table > tbody > tr > th {
        padding-bottom: 20px;
    }
    
    .contact-form > table > tbody > tr > td {
        padding-left: 0;
    }

    .contact-form-line {
        border-left: 0;
        padding-left: 0;
    }

    .contact-form > table > tbody > tr > td select,
    .contact-form > table > tbody > tr > td option,
    .contact-form > table > tbody > tr > td [type="file"] {
        width: 100%;
    }
    
    /* sub */
    .contact-form-sub {
        padding-left: 20px;
    }
    
    /* item */
    .contact-form-item th {
        white-space: nowrap;
    }
}

/*----------------------------------------------------
    contact-remark
----------------------------------------------------*/
.contact-remark {
    padding-top: 120px;
}

.contact-remark-main {
    border: 1px solid rgba(0, 0, 141, .5);
    margin: 15px 0;
    padding: 15px;
}

.contact-remark-main a {
    color: #00008D;
    text-decoration: underline;
}

.contact-remark-each {
    padding-top: 30px;
}

.contact-remark-each:first-child {
    padding-top: 0;
}

.contact-remark-title {
    font-weight: bold;
}

.contact-remark-dot,
.contact-remark-kome {
    padding-left: 16px;
    position: relative;
}

.contact-remark-dot::before {
    content: '・';
    position: absolute;
    left: 0;
}

.contact-remark-kome::before {
    content: '※';
    position: absolute;
    left: 0;
}


/*----------------------------------------------------
    contact-send
----------------------------------------------------*/
.contact-send {
    padding-top: 60px;
    text-align: center;
}

.contact-send input {
    background: linear-gradient(-45deg, #004E96, #1E84BF);
    border: 0;
    color: #fff;
    display: inline-block;
    margin: 0 10px 10px;
    padding: 30px;
    text-align: center;
    min-width: 300px;
}

.contact-send input::after {
    content: 'ー';
    font-size: 2.1rem;
    margin-left: 30px;
}

@media screen and (max-width: 768px) {
    .contact-send input {
        margin: 0 0 10px;
        padding: 30px 15px;
        min-width: 1px;
        width: 100%;
    }
}

/*----------------------------------------------------
 data-erase-soft
----------------------------------------------------*/
.data-erase-soft-intro {
    text-align: center;
}

.data-erase-soft-intro p {
    display: inline-block;
    font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 2.7rem;
    font-weight: bold;
    text-align: left;
}

.data-erase-soft-link {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
}

.data-erase-soft-link a {
    background: linear-gradient(90deg, #127EB5, #004F94);
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 1.8rem;
    padding: 15px 10px;
    text-align: center;
}

.data-erase-soft-link a small {
    font-size: 1.4rem;
}

.data-erase-soft-link a::after {
    content: '▼';
    font-size: 2.1rem;
    margin-left: 20px;
}

.data-erase-soft-title {
    border-left: 5px solid #004D97;
    margin-top: 40px;
    padding-left: 15px;
}

.data-erase-soft-description-data {
    padding-top: 20px;
}

.data-erase-soft-img {
    float: right;
    padding-left: 20px;
}

.data-erase-soft-qa-title {
    color: #004D97;
    padding-top: 20px;
}

.data-erase-soft-qa p {
    padding-top: 10px;
}

@media screen and (max-width: 768px) {
    .data-erase-soft-intro p {
        font-size: 2.1rem;
    }

    .data-erase-soft-img {
        float: none;
        padding-left: 0;
        padding-bottom: 15px;
        text-align: center;
    }
}

/*----------------------------------------------------
 ir-archive-navi
----------------------------------------------------*/
.ir-archive-navi-before {
    margin-bottom: 40px;
    padding-top: 80px;
}

.ir-archive-navi-after {
}

/* title */
.ir-archive-navi-title {
    margin-bottom: 15px;
    position: relative;
    text-align: center;
}
.ir-archive-navi-title span {
    background: #fff;
    display: inline-block;
    padding: 0 1rem;
    position: relative;
    z-index: 2;
}
.ir-archive-navi-title::before {
    border-top: 1px solid #000;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    z-index: 1;
}
 /* list */
.ir-archive-navi li {
    display: inline-block;
    margin-right: .5rem;
    margin-bottom: .5rem;
}
.ir-archive-navi li::after {
    content: '|';
    display: inline-block;
    margin-left: .5rem;
}
.ir-archive-navi li:last-child::after {
    content: none;
}
.ir-archive-navi li a {
    color: #004D97;
}

/*----------------------------------------------------
 ir-list
----------------------------------------------------*/
.ir-list a {
    display: inline-block;
}
/* date */
.ir-list-date time {
    font-weight: bold;
    margin-right: 10px;
}

/* icon */
.ir-list-icon {
    border-radius: 10px;
    display: inline-block;
    font-size: 13px;
    line-height: 1.1;
    padding: 5px 10px 4px;
    position: relative;
    top: -1px;
}

/* list */
.ir-list-each {
    margin-bottom: 20px;
}

.ir-list-title {
    color: #004D97;
    padding-left: 18px;
    position: relative;
}
.ir-list-title::before {
    content: '・';
    position: absolute;
    left: 0;
    top: 0;
}
/* pdf */
.ir-list-pdf {
    margin-left: 10px;
}
.ir-list-pdf-icon {
    background-color: #004D97;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    padding: 2px 1px;
    position: relative;
    top: -2px;
}
.ir-list-pdf-icon::before {
    border-left: 1px solid #004D97;
    border-bottom: 1px solid #004D97;
    content: '';
    height: 100%;
    position: absolute;
    left: -3px;
    bottom: -3px;
    width: 100%;
}
.ir-list-pdf-size {
    color: #000;
    font-size: 12px;
}

/*----------------------------------------------------
 ir-nodata
----------------------------------------------------*/
.ir-nodata {
    padding-top: 120px;
    padding-bottom: 120px;
}
.ir-nodata p {
    color: #004D97;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 2;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .ir-nodata {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .ir-nodata p {
        font-size: 1.8rem;
    }
}

/*----------------------------------------------------
 管理用
----------------------------------------------------*/
#wp-admin-bar-wp-logo,
#wp-admin-bar-comments,
#wp-admin-bar-new-content,
#wp-admin-bar-wpseo-menu,
#wp-admin-bar-search {
    display: none;
}