@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500;600;700&display=swap');
html {
    font-size: 15px;
}
body {
    color: #0f345b;
    font-weight: 500;
    font-family: 'Shippori Mincho B1', serif;
    line-height: 2.1;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}
.font_serif {
    font-family: 'Shippori Mincho B1', serif;
}
 
#footer_menu li a {
    opacity: 1;
}
#footer_menu li a:hover {
    opacity: 0.7;
}
#copyright.bg_color1 {
    background-color: #ba4620;
}
#page_title h2 {
    font-size: 26px;
}
#page_title h3 {
    font-size: 13px;
}
.more a {
    padding: 6px 20px;
    border-radius: 6px;
}
#page9 a img {
    width: 33px;
    height: 8px;
    padding-left: 6px;
}
#page9 a {
    border-radius: 6px;
    padding: 2px 12px;
}
#page9 a:hover img {
    transform: translateX(5px);
}
.cate_list a {
    padding: 8px 20px;
    border-radius: 6px;
}
.png_r {
    right: 0;
    top: -70px;
    width: 35%;
    z-index: 1;
}
.png_l {
    width: 45%;
    z-index: 1;
    margin-top: -109px;
    position: relative;
}
.jpg1 {
    width: 24%;
    z-index: 1;
    top: 52%;
    left: 16%;
}
.jpg2 {
    width: 36%;
    z-index: 1;
    top: -4vw;
    right: 0;
}
.jpg3 {
    width: 28%;
    left: 0;
    top: 20%;
}
.orange {
   color: #ba4620; 
}
.fvbnr {
    z-index: 2;
    bottom: 7%;
    right: 5%;
}
.fvbnr a {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    color: #fff;
    background-color: #ba4620;
    display: flex;
    text-align: center;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    transition: all 0.3s;
}
.fvbnr a:hover {
    opacity: 0.8;
}
.catch {
    z-index: 2;
    right: 10%;
    top: 10%;
    font-size: 49px;
    color: #fff;
    letter-spacing: 0.5rem;
    text-shadow: 2px 1px 7px rgb(2 2 2 / 38%);
}
#main_img .swiper-container {
    position: relative;
}
#main_img .swiper-container:before {
    /*position: absolute;*/
    /*content: "";*/
    /*display: block;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*background-color: rgba(0,0,0,0.1);*/
    /*z-index: 1;*/
}
div#sns_links a {
    opacity: 1;
}
div#sns_links a:hover {
    opacity: 0.7;
}

.link_type1 .link_top .link_title {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
	margin-bottom: 30px;
    color: #fff;
    font-weight: normal;
}
.link_type1 .link_top .link_title{
    font-size: 20px;
    margin-bottom: 20px;
    z-index: 1;
}
.link_type1 .link_top a {
    padding-top: 66px;
    padding-bottom: 48px;
    /*border: 20px solid #eff1f1;*/
}
.link_type1 .link_top a:hover{
    background-color: #ededeb;
}
.link_type1 .link_top a:hover .link_img1{
    transform: translate(-50%, -50%) scale(1.1,1.1);
    /*opacity: 0.1;*/
}
.link_type1 .link_top a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgb(11 39 80 / 32%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.cms_3-b .cate_box {
    width: 31.5%!important;
}

#cms_2-a .cate_box {
 margin-top: 0;   
}
#cms_2-a .box_item:nth-child(2) {
    background: #f1feff;
    padding: 11px 20px;
    margin: 0;
}
#cms_2-a .box_txt1 {
    padding-bottom: 15px;
}
#cms_3-b .bnr a, .cms_3-b .bnr a {
    padding: 5px 7px;
    background: #ba4620;
    color: #fff;
    display: block;
    width: 139px;
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 10px;
    text-align: center;
    transition: all 0.3s;
    border-radius: 6px;
}
#cms_3-b .bnr a:hover, .cms_3-b .bnr a:hover {
    background: #223059;
}
#header h1 img {
    max-width: 220px;
}
#header h1.active img {
    max-width: 152px;
    transition: ease 1.5s;
}
#footer.bg_color2 {
    background-color: #0f345b;
}
#footer div {
    color: #fff;
}
@media(max-width: 768px) {
.png_r {
    right: -63px;
    top: -50px;
    width: 57%;
}
.png_l {
    width: 68%;
    margin-top: -131px;
}
#page_title {
    min-height: 45vh;
}
#header h1.active img {
    max-width: 156px;
}
#page_title::after {
    min-height: 62vw;
}
}
@media(max-width: 667px) {
.cms_3-b .cate_box {
    width: 95%!important;
    margin-bottom: 15px;
}
.catch {
    right: 7%;
    top: 20%;
    font-size: 29px;
}
.fvbnr a {
    height: 100px;
    width: 100px;
    font-size: 13px;
    transition: all 0.3s;
    letter-spacing: 0;
    line-height: 1.6;
}
#intro {
    padding-left: 25px;
    padding-right: 25px;
}
.png_r {
    right: 0px;
    width: 71%;
    top: -98px;
}
.png_l {
    width: 94%;
    margin-top: -83px;
}
#page_title h2 {
    font-size: 18px;
}
.cate_list li {
    margin: 10px;
}
#page_title::after {
    min-height: 90vw;
}
#header h1 img {
    max-width: 130px;
}
#header h1.active img {
    max-width: 100px;
}
}