@media screen and (min-width:390px) and ( max-width:500px) {
.irarlink01,  .irarlink02,  .irarlink03,  .irarlink04,  .irarlink05 {
    min-height: 100px!important;
    background-position: right top!important;
    background-size: auto 100%;
}
}

@media screen and (min-width:501px) and ( max-width:600px) {
.irarlink01,  .irarlink02,  .irarlink03,  .irarlink04,  .irarlink05 {
    min-height: 200px!important;
    background-position: right top!important;
    background-size: auto 100%;
}
}

@media screen and (min-width:601px) and ( max-width:700px) {
.irarlink01,  .irarlink02,  .irarlink03,  .irarlink04,  .irarlink05 {
    min-height: 250px!important;
    background-position: right top!important;
    background-size: auto 100%;
}
}

@media screen and (min-width:701px) and ( max-width:991px) {
.irarlink01,  .irarlink02,  .irarlink03,  .irarlink04,  .irarlink05 {
    min-height: 280px!important;
    background-position: right top!important;
    background-size: auto 100%;
}
}

@media (min-width: 992px) {
body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ Pr6N W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
img {
    width: 100%;
    height: auto;
}
/*===========================
header
===========================*/
header {
    position: fixed;
    padding: 11px 100px 11px 13px;
}
header #title {
}
header #title a {
}
header #title img {
    max-width: 100%;
    width: auto;
}
header .menu {
    width: 100px;
    height: 100px;
}
header .menulist {
    background-color: transparent;
    z-index: 4;
}
header .inner::before {
    transition: all 1s;
    opacity: 0;
}
header .inner.active::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 1;
}
header .menulist .close {
    width: 100px;
    height: 100px;
    background-size: 24px;
}
header .menulist ul.navi {
    max-width: 600px;
    margin-left: auto;
    margin-right: 0;
    padding-top: 120px;
    padding-left: 60px;
    padding-right: 60px;
    background-color: #f3f3f3;
    height: 100%;
}
header .menulist ul.navi li {
}
header .menulist ul.navi li:first-of-type {
}
header .menulist ul.navi li a {
}
header .menulist ul.navi li a span {
}
/*===========================
main
===========================*/
main {
}
/*===========================
footer
===========================*/
footer {
}
footer .footer_top {
    padding-top: 68px;
    padding-bottom: 30px;
    margin-bottom: 40px;
}
footer .footer_top .inner {
    max-width: 1000px;
}
footer .footer_top .inner .bnr_wrap {
    display: flex;
    justify-content: space-between;
}
footer .footer_top .inner .bnr_wrap .bnr {
    flex-basis: 48%;
}
footer .footer_top .inner .bnr_wrap .bnr+.bnr {
    margin-top: 0;
}
footer .footer_top .inner .bnr_wrap .bnr a {
}
footer .footer_top .inner .bnr_wrap .bnr a img {
}
footer .footer_top .inner strong {
    max-width: 409px;
    margin-top: 50px;
    font-size: 20px;
    line-height: 44px;
    margin-bottom: 47px;
}
footer .footer_top .inner .list_wrap {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
}
footer .footer_top .inner .list_wrap .list {
}
footer .footer_top .inner .list_wrap .list+.list {
    margin-top: 0;
}
footer .footer_top .inner .list_wrap .list em {
    margin-bottom: 15px;
}
footer .footer_top .inner .list_wrap .list ul {
    display: block;
}
footer .footer_top .inner .list_wrap .list ul li {
}
footer .footer_top .inner .list_wrap .list ul li::before {
}
footer .footer_top .inner .list_wrap .list ul li+li {
    margin-top: 5px;
}
footer .footer_top .inner .list_wrap .list ul li:first-of-type, footer .footer_top .inner .list_wrap .list:nth-of-type(3) ul li:nth-of-type(2) {
    margin-top: 0;
}
footer .footer_top .inner .list_wrap .list:nth-of-type(1) {
    width: auto;
    /*flex-basis: 16.8%;*/
}
footer .footer_top .inner .list_wrap .list:nth-of-type(2) {
    width: auto;
    /*flex-basis: 35%;*/
}
footer .footer_top .inner .list_wrap .list:nth-of-type(3) {
    width: auto;
    /*flex-basis: 40%;*/
}
footer .footer_top .inner .list_wrap .list:nth-of-type(3) ul {
    float: left;
    margin-right: 10px;

}
footer .footer_top .inner .list_wrap .list:nth-of-type(3) ul li:first-child {
    line-height: 22px;
}
footer .footer_top .inner .list_wrap .list:nth-of-type(3) ul li:nth-of-type(2n) {
    flex-basis: 40%;
}
footer .footer_top .inner .list_wrap .list:nth-of-type(3) ul li:nth-of-type(2n+1) {
    flex-basis: 60%;
}
footer .inner {
}
footer .inner ul {
    max-width: 1000px;
    display: flex;
    justify-content: space-between;
}
footer .inner ul li {
    flex-basis: 32%;
}
footer .inner ul li+li {
    margin-top: 0;
}
footer .inner ul li a {
    display: block;
    font-size: 15px;
    line-height: 80px;
    text-align: center;
    color: #fff;
    background-color: #00689e;
    position: relative;
}
footer .inner ul li a::after {
    content: "";
    display: block;
    width: 13px;
    height: 33px;
    background-image: url(../img/footer_arrow.png);
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
}
footer .text {
    font-size: 12px;
    line-height: 21px;
    margin-top: 40px;
}
footer p {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
footer .link {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
footer .link ul {
    font-size: 13px;
}
footer .link ul li {
    display: inline-block;
    padding-right: 24px;
    padding-left: 20px;
    background-position: 7px center;
}
footer .link ul li+li {
}
footer .link ul li a {
}
footer .copyright {
    font-size: 12px;
    margin-top: 10px;
    padding: 0;
    text-align: right;
    margin-bottom: 0;
    bottom: 20px;
    color: #444444;
}
/*=============================
	
下層ページ共通
	
=============================*/
.irarlink {
    width: 100%;
}
.irarlink ul {
    display: flex;
    justify-content: row;
}
.irarlink ul+ul {
    margin-top: 0;
}
.irarlink ul li {
    width: 33.33%;
    min-height: 154px;
}
.irarlink ul li+li {
    margin-top: 0;
}
.irarlink ul li a {
    display: block;
    background-size: 100%;
    height: 100%;
    width: 100%;
}

a.irarlink000 {
    background-size: 100%!important;
}

.sec03_link {
    width: 1180px;
    margin: 0 auto;
}
.irarlink01 .category span {
    background: #1A9CDF!important;
}
.irarlink02 .category span {
    background: #73AC2D!important;
}
.irarlink03 .category span {
    background: #009E9D!important;
}
.irarlink04 .category span {
    background: #7C5A99!important;
}
.irarlink05 .category span {
    background: #E49D00!important;
}
.irarlink ul li .txt {
    color: #fff;
    padding: 0.5em 6% 0;
}
.irarlink ul li .txt p {
    line-height: 120%;
    padding-bottom: 0em;
	font-size:16px;
}
.irarlink ul li .txt .category {
    border-radius: 1em;
    width: fit-content;
    padding-top: 5em;
}
.irarlink ul li a {
    display: block;
    background-size: 107%;
    width: 100%;
    line-height: 150%;
}
.irarlink000 .txt,  
.irarlink001 .txt,  
.irarlink002 .txt,  
.irarlink003 .txt {
    text-align: left;
    padding: 0.5em 6% 6em!important;
    color: #006699!important;
}
.irarlink01 .txt p:before,  
.irarlink02 .txt p:before,  
.irarlink03 .txt p:before,  
.irarlink04 .txt p:before,  
.irarlink05 .txt p:before,  
.irarlink000 .txt p:before,  
.irarlink001 .txt p:before,  
.irarlink002 .txt p:before,  
.irarlink003 .txt p:before {
    content: ">>";
    display: inline-block;
    transform: scaleX(0.5);
}
.irarlink003 .txt p {
    display: block;
}
.irarlink001 .txt .txt-in {
    display: block;
}
.irarlink h3 {
    text-align: center;
    color: #006699;
    margin: 40px 0 15px;
    font-weight: bold;
	font-size: 18px;
}
.irarlink000,  
.irarlink001,  
.irarlink002,  
.irarlink003 {
    background-size: auto 180px!important;
    min-height: auto!important;
    margin-top: 0px;
}
}

@media (min-width: 992px) and (max-width: 1180px) {
    .irarlink ul li .txt p { padding-right: 0;}
    .sec03_link { width: 100%;}
    .irarlink ul li a {
        background-size: cover !important;
        background-position: right center !important;
    }

    .irarlink ul li a.irarlink001.en {
        background-position: center bottom !important;
        background-size: auto 95% !important;
    }
}