@charset "utf-8";* {    margin: 0;    padding: 0;    -webkit-text-size-adjust: 100%;    word-wrap: break-word;    box-sizing: border-box;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;}html {    overflow-y: scroll;    font-size: 62.5%;}body {    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;    line-height: 1.5;    color: #000000;    font-size: 1.4rem;    position: relative;    overflow: hidden;}li {    list-style: none;}a {    text-decoration: none;}img {    max-width: 100%;    border: 0;}.main {    max-width: 1120px;    width: 90%;    margin: auto;}.fade {    -webkit-transition: .3s ease-in-out;    -moz-transition: .3s ease-in-out;    -o-transition: .3s ease-in-out;    transition: .3s ease-in-out;}.bg-color-b {    background-color: #1e2d5a;}.bg-color-r {    background-color: #a02328;}/*------------ header ------------*/header {    background-color: #fff;    width: 100%;    position: fixed;    top: 0;    z-index: 101;}header.header-shadow{    box-shadow: 0 0 5px #1e2d5a;}header .main {    max-width: 1920px;    width: 100%;    margin: auto;    display: flex;    justify-content: space-between;    align-items: stretch;    padding-left: 28px;    padding-right: 22px;}header .logo {    display: flex;    align-items: center;    padding-top: 15px;    padding-bottom: 10px;}header .menu-mob {    display: none;}header .logo a:hover {    opacity: 0.7;}header .logo a img {    display: block;    width: 100%;}header .link-box {    display: flex;    justify-content: flex-end;    align-items: stretch;}header .link-box>ul {    display: flex;    align-items: stretch;    justify-content: center;}header .link-box>ul>li {    display: flex;    align-items: stretch;    justify-content: center;    position: relative;}header .link-box>ul>li>a {    position: relative;    display: inline-flex;    align-items: center;    justify-content: center;    font-size: 1.6rem;    font-weight: bold;    color: #1e2d5a;    text-decoration: none;    text-align: center;    margin: 0 13px;    overflow: hidden;}@media only screen and (min-width: 1025px){    header .link-box>ul>li:hover>a {        color: #a02328;    }    header .link-box>ul>li>a:before{        content: '';        position: absolute;        bottom: 0;        right: 0;        left: -100%;        width: 100%;        height: 3px;        background-color: #a02328;        -webkit-transition: .3s ease-in-out;        -moz-transition: .3s ease-in-out;        -o-transition: .3s ease-in-out;        transition: .3s ease-in-out;    }    header .link-box>ul>li:hover>a:before {        left: 0;    }}header .link-box>ul>li>a.active{    color: #a02328;}header .link-box>ul>li .link-ibox {    display: none;    position: absolute;    background-color: #f1f1f1;    top: 100%;    left: 50%;    margin: auto;    transform: translateX(-50%);}header .link-box>ul>li .link-ibox ul {    position: relative;    padding: 32px 37px;}header .link-box>ul>li .link-ibox ul li {    list-style-type: none;    margin-bottom: 6px;}header .link-box>ul>li .link-ibox ul li:last-of-type {    margin-bottom: 0;}header .link-box>ul>li .link-ibox ul li a {    display: inline-flex;    font-size: 1.4rem;    font-weight: bold;    color: #000000;    text-decoration: none;    white-space: nowrap;    position: relative;    border-bottom: 1px solid transparent;}header .link-box>ul>li .link-ibox ul li a:before {    flex: none;    content: '・';    font-size: 1.4rem;}header .link-box>ul>li .link-ibox ul li a:hover,header .link-box>ul>li .link-ibox ul li a.active{    color: #a02328;    border-bottom: 1px solid #a02328;}header .link-box>ul>li:hover .link-ibox {    display: block;}header .link-box>div.link-btn-box {    flex: none;    display: flex;    justify-content: center;    align-items: center;    column-gap: 11px;    margin: 0 29px 0 18px;}header .link-box>div.link-btn-box a {    display: flex;    justify-content: center;    align-items: center;    min-width: 100px;    height: 36px;    font-size: 1.4rem;    line-height: 1;    color: #fff;    font-weight: bold;    -webkit-border-radius: 6px;    -moz-border-radius: 6px;    border-radius: 6px;}header .link-box>div.link-btn-box a:hover {    opacity: 0.8;}header .link-box .link-media-box{    flex: none;    display: flex;    align-items: center;    column-gap: 11px;}header .link-box .link-media-box a img{    display: block;}header .link-box .link-media-box a:hover{    opacity:0.7;}/*------------ page-top ------------*/.page-top {    display: none;    position: fixed;    right: 5%;    bottom: 5%;}.page-top:hover {    transform: translateY(-5px);}.page-top img {    width: 46px;    height: auto;    max-width: 100%;}/*------------ footer ------------*/footer {    padding: 60px 0 84px;}footer:not(.no-border){    border-top: 6px solid #e6e9f2;}footer .logo-box{    display: flex;    align-items: center;    justify-content: space-between;    column-gap: 15px;}footer .logo-box img {    display: block;}footer .logo-box .logo:hover{    opacity: 0.7;}footer .logo-box .link-media-box {    display: flex;    align-items: center;    column-gap: 11px;}footer .logo-box .link-media-box a:hover{    opacity: 0.7;}footer .link-list {    display: flex;    justify-content: flex-start;    align-items: flex-start;    flex-wrap: wrap;    column-gap: 109px;    margin-top: 35px;}footer .link-list>div>ul:not(:first-of-type) {    margin-top: 32px;}footer .link-list>div>ul>li {    list-style-type: none;    font-size: 1.4rem;}footer .link-list>div>ul>li .link-tit {    color: #000000;    font-weight: bold;    margin-bottom: 6px;}footer .link-list>div>ul>li p a {    color: #000;    text-decoration: none;    border-bottom: 1px solid transparent;}footer .link-list>div>ul>li>a:not(.link-tit) {    display: inline-flex;    color: #000;    text-decoration: none;    position: relative;    border-bottom: 1px solid transparent;    line-height: 1.5;    margin-bottom: 5px;}footer .link-list>div>ul>li>a:not(.link-tit):before {    content: '-';    font-size: 1.4rem;    width: 10px;    flex: none;}footer .link-list>div>ul>li a:hover,footer .link-list>div>ul>li a.active{    color: #a02328;    border-bottom: 1px solid #a02328;}footer .link-list .lis03 {    margin-right: 22px;}footer .link-btn-box{    display: flex;    justify-content: flex-end;    align-items: center;    column-gap: 11px;    margin-top: 30px;}footer .link-btn-box a {    display: flex;    justify-content: center;    align-items: center;    min-width: 118px;    height: 36px;    font-size: 1.4rem;    line-height: 1;    color: #fff;    font-weight: bold;    -webkit-border-radius: 6px;    -moz-border-radius: 6px;    border-radius: 6px;}footer .link-btn-box a:hover{    opacity: 0.7;}@media only screen and (max-width: 1800px) {    /*------------ header ------------*/    header .main {        padding-left: 15px;        padding-right: 15px;    }    header .link-box>ul>li .link-ibox ul {        padding: 25px 30px;    }    header .link-box>ul>li>a {        font-size: 1.4rem;        margin: 0 8px;    }    header .link-box>ul>li .link-ibox ul li a{        font-size: 1.2rem;    }    header .link-box>div.link-btn-box {        margin: 0 20px 0 10px;        column-gap: 5px;    }    header .link-box .link-media-box {        column-gap: 5px;    }}@media only screen and (max-width: 1560px) {    /*------------ header ------------*/    header .link-box>div.link-btn-box{        flex-direction: column;    }    header .link-box>div.link-btn-box a{        min-width: 80px;        height: 40px;        -webkit-border-radius: 0;        -moz-border-radius: 0;        border-radius: 0;    }    header .logo{        padding: 0;    }    header .link-box>div.link-btn-box {        margin: 0 15px 0 10px;    }    header .link-box .link-media-box{        flex-direction: column;        justify-content: center;        column-gap: 0;        row-gap: 3px;    }    header .link-box .link-media-box a{        width: 23px;    }}@media only screen and (max-width: 1200px){    /*------------ footer ------------*/    footer .link-list {        justify-content: space-between;        column-gap: 30px;        row-gap: 32px;    }    footer .link-list .lis03 {        margin-right: 0;    }}@media only screen and (max-width: 1024px) {    /*------------ header ------------*/    header {        box-shadow: 0 0 5px #1e2d5a;    }    header .main {        padding: 10px 2.5%;        align-items: center;    }    header .menu-mob {        flex: none;        display: flex;        align-items: center;        justify-content: center;        position: relative;        width: 50px;        height: 50px;        background: #1e2d5a;        border-radius: 5px;        cursor: pointer;    }    header .menu-mob span {        display: block;        width: 65%;        height: 4px;        background-color: #fff;    }    header .menu-mob:before {        content: '';        width: 65%;        height: 4px;        background-color: #fff;        position: absolute;        top: 12px;        left: 0;        right: 0;        margin: auto;        transition: .3s;    }    header .menu-mob:after {        content: '';        width: 65%;        height: 4px;        background-color: #fff;        position: absolute;        bottom: 12px;        left: 0;        right: 0;        margin: auto;        transition: .3s;    }    header .menu-mob.active span {        height: 0 !important;    }    header .menu-mob.active:before {        transform: rotate(-45deg);        top: 46%;    }    header .menu-mob.active:after {        transform: rotate(-135deg);        bottom: 46%;    }    header .link-box {        position: fixed;        z-index: 999;        bottom: 0;        left: 0;        width: 100%;        overflow-y: auto;        flex-direction: column;        justify-content: flex-start;        align-items: flex-start;        display: none;        padding: 0 2.5%;        border-top: 1px solid #1e2d5a;        background-color: #fff;    }    header .link-box>ul {        flex-direction: column;        justify-content: flex-start;        align-items: flex-start;        padding: 0;        width: 100%;    }    header .link-box>ul>li {        width: 100%;        flex-direction: column;        justify-content: flex-start;        align-items: flex-start;        padding: 15px 0;        border-bottom: 1px solid #a02328;    }    header .link-box>ul>li>a {        font-size: 1.6rem;        justify-content: flex-start;        align-items: flex-start;        margin: 0;    }    header .link-box>ul>li>a:hover {        background-color: transparent;    }    header .link-box>ul>li .link-ibox ul li a{        font-size: 1.4rem;    }    header .link-box>ul>li .link-ibox {        display: block;        position: static;        transform: none;        width: 100%;        border-radius: 0;        margin-top: 5px;    }    header .link-box>ul>li .link-ibox ul {        padding: 10px;    }    header .link-box>ul>li .link-ibox ul:before {        display: none;    }    header .link-box>ul>li .link-ibox ul li a {        white-space: normal;    }    header .link-box>div.link-btn-box {        flex-direction: row;        justify-content: space-between;        width: 100%;        margin: 10px 0;    }    header .link-box>div.link-btn-box a {        font-size: 1.6rem;        width: 50%;        margin: 0 !important;        height: 42px;        padding: 0 5px;    }    header .link-box .link-media-box{        flex-direction: row;        column-gap: 20px;        padding-bottom: 10px;    }    header .link-box .link-media-box a {        width: auto;    }}@media only screen and (max-width: 768px) {    /*------------ footer ------------*/    footer {        padding: 60px 0 80px;    }    footer:not(.no-border) {        border-top: 4px solid #e6e9f2;    }    footer .link-list>div>ul:not(:first-of-type){        margin-top: 28px;    }}@media only screen and (max-width: 600px){    /*------------ footer ------------*/    footer .link-list {        column-gap: 24px;        row-gap: 25px;    }    footer .link-list>div:nth-of-type(odd){        width: calc(35% - 12px);    }    footer .link-list>div:nth-of-type(even){        width: calc(65% - 12px);    }    footer .link-list>div>ul:not(:first-of-type) {        margin-top: 25px;    }}@media only screen and (max-width: 480px) {    /*------------ header ------------*/    header .logo {        width: 200px;    }    header .link-box>ul>li .link-ibox ul li {        margin-bottom: 5px;    }    header .link-box>ul>li>a{        font-size: 1.4rem;    }    header .link-box>ul>li .link-ibox ul li a{        font-size: 1.2rem;    }    header .menu-mob {        width: 40px;        height: 40px;    }    header .menu-mob span {        height: 2px;    }    header .menu-mob:before {        height: 2px;        top: 12px;        left: 0;        right: 0;    }    header .menu-mob:after {        height: 2px;        bottom: 12px;        left: 0;        right: 0;    }    header .menu-mob.active:before {        transform: rotate(-45deg);        top: 48%;    }    header .menu-mob.active:after {        transform: rotate(-135deg);        bottom: 47%;    }    /*------------ footer ------------*/    footer {        padding: 60px 0;    }    footer .logo-box .logo{        width: 240px;    }    footer .link-list>div>ul:not(:first-of-type) {        margin-top: 20px;    }    footer .link-list>div:nth-of-type(odd) {        width: calc(35% - 8px);    }    footer .link-list>div:nth-of-type(even) {        width: calc(65% - 8px);    }    footer .link-list>div>ul>li{        font-size: 1.2rem;    }    footer .link-btn-box a {        font-size: 1.4rem;        height: 38px;    }    footer .logo-box .link-media-box {        column-gap: 8px;    }    footer .link-list {        column-gap: 16px;        row-gap: 20px;        margin-top: 30px;    }    footer .link-btn-box{        margin-top: 30px;    }    /*------------ page-top ------------*/    .page-top img {        width: 40px;    }}