header.l-header
{
    -webkit-transition: background .3s;
    transition: background .3s;

    background: transparent;
}
header.l-header.active
{
    background: rgba(255, 255, 255, .95);
}

.wrapper
{
    padding-top: 0;
}

main.l-main .hero
{
    position: relative;

    height: 844px;
}
@media screen and (max-width: 768px)
{
    main.l-main .hero
    {
        height: clamp(26.25rem, 3.588rem + 96.69vw, 50rem);
    }
}
main.l-main .hero ul.slide
{
    width: 100%;
    height: 844px;

    -webkit-transition: opacity .5s;

    transition: opacity .5s;

    opacity: 0;
}
@media screen and (max-width: 768px)
{
    main.l-main .hero ul.slide
    {
        height: clamp(26.25rem, 3.588rem + 96.69vw, 50rem);
    }
}
main.l-main .hero ul.slide.slick-initialized
{
    opacity: 1;
}
main.l-main .hero ul.slide li img
{
    width: 100%;
    height: 844px;

    -o-object-fit: cover;

       object-fit: cover;
}
@media screen and (max-width: 768px)
{
    main.l-main .hero ul.slide li img
    {
        height: clamp(26.25rem, 3.588rem + 96.69vw, 50rem);
    }
}
main.l-main .hero h1
{
    font-size: 50px;
    line-height: 1.4;

    position: absolute;
    z-index: 5;
    top: 230px;
    left: 160px;
}
@media screen and (max-width: 1500px)
{
    main.l-main .hero h1
    {
        left: clamp(1.25rem, -7.93rem + 19.13vw, 10rem);
    }
}
@media screen and (max-width: 768px)
{
    main.l-main .hero h1
    {
        font-size: 7.5vw;

        top: calc(50% - 3.5em);
        left: 5%;
    }
}
main.l-main .hero .breaking1 /* 2024.03.13 osaka edit */
{
    position: absolute;
    top: 590px;
    left: 160px;

    width: 360px;
    height: 150px;

    background-color: #fff;
    -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .15);
            box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .15);
}
main.l-main .hero .breaking2 /* 2024.03.13 osaka add */
{
    position: absolute;
    top: 590px;
    left: 560px;

    width: 360px;
    height: 150px;

    background-color: #fff;
    -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .15);
            box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .15);
}
@media screen and (max-width: 1500px)
{
    main.l-main .hero .breaking
    {
        left: clamp(1.25rem, -7.93rem + 19.13vw, 10rem);
    }
}
@media screen and (max-width: 768px) 
{
    main.l-main .hero .breaking
    {
        top: clamp(25.438rem, 4.284rem + 103.05vw, 53.75rem);
        left: 5%;

        width: 90%;
        height: auto;
    }
}
main.l-main .hero .breaking a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 30px 25px;

    -webkit-transition: opacity .3s;

    transition: opacity .3s;

    background: url(../../common/img/icn_arw_r_grenn_s.png) no-repeat right 25px bottom 20px;
    background-size: 10px;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (hover)
{
    main.l-main .hero .breaking a:hover
    {
        opacity: .6;
    }
}
@media screen and (max-width: 768px)
{
    main.l-main .hero .breaking a
    {
        padding: 20px 7%;

        background: url(../../common/img/icn_arw_r_grenn_s.png) no-repeat right 7% bottom 17px;
        background-size: 10px;
    }
}
main.l-main .hero .breaking a h2
{
    font-size: 20px;
    line-height: 1;

    position: absolute;
    top: -12px;
    left: 25px;

    color: var(--c_blue);
    text-shadow: 0 0 3px rgba(255, 255, 255, .8);
}
main.l-main .hero .breaking a h2 span.green
{
    color: var(--c_green);
}
@media screen and (max-width: 768px)
{
    main.l-main .hero .breaking a h2
    {
        font-size: 18px;

        top: -10px;
        left: 7%;
    }
}
main.l-main .hero .breaking a .img
{
    width: 145px;
}
@media screen and (max-width: 768px)
{
    main.l-main .hero .breaking a .img
    {
        width: 47.5%;
    }
}
main.l-main .hero .breaking a .txt-area
{
    width: 145px;
}
@media screen and (max-width: 768px)
{
    main.l-main .hero .breaking a .txt-area
    {
        width: 47.5%;
    }
}
main.l-main .hero .breaking a .txt-area h3
{
    font-size: 16px;
    line-height: 1.3;
}
@media screen and (max-width: 768px)
{
    main.l-main .hero .breaking a .txt-area h3
    {
        font-size: 13px;

        margin-top: 5px;
    }
}
main.l-main .hero .breaking a .txt-area p.date
{
    font-size: 14px;

    margin-top: 10px;

    color: #666;
}
@media screen and (max-width: 768px)
{
    main.l-main .hero .breaking a .txt-area p.date
    {
        font-size: 12px;

        margin-top: 5px;
    }
}
@-webkit-keyframes zoomUp
{
    0%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100%
    {
        -webkit-transform: scale(1.15);
                transform: scale(1.15);
    }
}
@keyframes zoomUp
{
    0%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100%
    {
        -webkit-transform: scale(1.15);
                transform: scale(1.15);
    }
}
main.l-main .hero .add-animation
{
    -webkit-animation: zoomUp 10s linear 0s normal both;
            animation: zoomUp 10s linear 0s normal both;
}
main.l-main section.about
{
    margin-top: 100px;
}
@media screen and (max-width: 768px)
{
    main.l-main section.about
    {
        margin-top: clamp(15rem, 9.036rem + 25.45vw, 21.25rem);
    }
}
main.l-main section.about .box
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;

    width: 90%;
    max-width: 1360px;
    margin: 0 auto;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
@media screen and (max-width: 768px)
{
    main.l-main section.about .box
    {
        display: block;
    }
}
main.l-main section.about .box .img
{
	width:100%;
	position: relative;
        margin: 10px 0;
	padding: 0.5em 0.6em 0.0em 0.6em;
     /* padding: 0.5em 0.6em 0.0em 0.6em; */
	/* 　　　　上　　右　　下　　左 */
	border: solid 3px #2657A6;
	border-radius: 5px;
}
main.l-main section.about .box .img .box-title
{
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-family:'BIZ UDPMincho', serif;
	font-size: 18px;
	background: #FFF;
	color: #2657A6;
	font-weight: bold;
}
main.l-main section.about .box .img .p
{
	margin: 0; 
	padding: 0;
}
main.l-main section.about .box .img .video
{
	display:block;
	margin:auto;
	width:100%;
}
@media screen and (max-width: 768px)
{
    main.l-main section.about .box .img
    {
	width:100%;
        margin-top: 40px;
    }
}
main.l-main section.about .box .txt-area
{
    /* width: 43%; */
    width: 65%;
    padding-top: 10px;
}
ma
@media screen and (max-width: 768px)
{
    main.l-main section.about .box .txt-area
    {
        width: 100%;
    }
}
main.l-main section.about .box .txt-area h2
{
    font-size: 60px;
    line-height: 1;

    letter-spacing: 0;
}
@media screen and (max-width: 1300px)
{
    main.l-main section.about .box .txt-area h2
    {
        font-size: clamp(1.875rem, -.832rem + 5.64vw, 3.75rem);
    }
}
@media screen and (max-width: 768px)
{
    main.l-main section.about .box .txt-area h2
    {
        font-size: 28px;

        margin-top: 20px;
    }
}
main.l-main section.about .box .txt-area h2 .green
{
    color: var(--c_green);
}
main.l-main section.about .box .txt-area h2 .blue
{
    color: var(--c_blue);
}
main.l-main section.about .box .txt-area h2 .small
{
    font-size: 30px;
}
@media screen and (max-width: 768px)
{
    main.l-main section.about .box .txt-area h2 .small
    {
        font-size: 20px;
    }
}
main.l-main section.about .box .txt-area p
{
    font-size: 17px;

    margin-top: 40px;
}
@media screen and (max-width: 768px)
{
    main.l-main section.about .box .txt-area p
    {
        font-size: 15px;

        margin-top: 20px;
    }
}
main.l-main section.menu-list
{
    position: relative;

    margin-top: 200px;
}
@media screen and (max-width: 768px)
{
    main.l-main section.menu-list
    {
        margin-top: 120px;
    }
}
main.l-main section.menu-list:before
{
    position: absolute;
    z-index: -1;
    top: -310px;
    left: 0;

    width: 100%;
    height: 500px;

    content: '';

    opacity: .8;
    background: url(../../common/img/bg.jpg) no-repeat center/100%;
}
main.l-main section.menu-list h2
{
    font-size: 42px;

    position: relative;

    text-align: center;
}
@media screen and (max-width: 768px)
{
    main.l-main section.menu-list h2
    {
        font-size: 28px;
    }
}
main.l-main section.menu-list h2:after
{
    position: absolute;
    top: 100%;
    left: 50%;

    width: 100px;
    height: 8px;

    content: '';
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);

    background: url(../../common/img/bg_title.png) no-repeat center;
    background-size: 100px;
}
main.l-main section.menu-list .inner
{
    position: relative;
}
main.l-main section.menu-list .inner:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 5vw;

    width: 37vw;
    height: 37vw;

    content: '';

    background: url(../../index/img/img_menu.jpg) no-repeat left top;
    background-size: 37vw;
}
@media screen and (max-width: 1000px)
{
    main.l-main section.menu-list .inner:before
    {
        background: none;
    }
}
main.l-main section.menu-list .inner ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 64vw;
    margin-top: 60px;
    margin-left: auto;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
}
@media screen and (max-width: 1000px)
{
    main.l-main section.menu-list .inner ul
    {
        width: 100%;
    }
}
@media screen and (max-width: 768px)
{
    main.l-main section.menu-list .inner ul
    {
        max-width: 100%;
        margin-top: 40px;
    }
}
main.l-main section.menu-list .inner ul li
{
    width: 16vw;
    height: 16vw;
}
@media screen and (max-width: 1000px)
{
    main.l-main section.menu-list .inner ul li
    {
        width: 25%;
        height: 25vw;
    }
}
@media screen and (max-width: 768px)
{
    main.l-main section.menu-list .inner ul li
    {
        width: 50%;
        height: 50vw;
    }
}
main.l-main section.menu-list .inner ul li:nth-child(1),
main.l-main section.menu-list .inner ul li:nth-child(3),
main.l-main section.menu-list .inner ul li:nth-child(6),
main.l-main section.menu-list .inner ul li:nth-child(8)
{
    background-color: rgba(243, 243, 243, .9);
}
main.l-main section.menu-list .inner ul li:nth-child(2),
main.l-main section.menu-list .inner ul li:nth-child(4),
main.l-main section.menu-list .inner ul li:nth-child(5),
main.l-main section.menu-list .inner ul li:nth-child(7)
{
    background-color: rgba(249, 249, 249, .9);
}
@media screen and (max-width: 768px)
{
    main.l-main section.menu-list .inner ul li:nth-child(1),
    main.l-main section.menu-list .inner ul li:nth-child(4),
    main.l-main section.menu-list .inner ul li:nth-child(5),
    main.l-main section.menu-list .inner ul li:nth-child(8)
    {
        background-color: rgba(243, 243, 243, .9);
    }
    main.l-main section.menu-list .inner ul li:nth-child(2),
    main.l-main section.menu-list .inner ul li:nth-child(3),
    main.l-main section.menu-list .inner ul li:nth-child(6),
    main.l-main section.menu-list .inner ul li:nth-child(7)
    {
        background-color: rgba(249, 249, 249, .9);
    }
}
main.l-main section.menu-list .inner ul li a
{
    position: relative;
    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    width: 100%;
    height: 100%;

    -webkit-transition: opacity .3s, -webkit-box-shadow .3s;

    transition: opacity .3s, -webkit-box-shadow .3s;

    transition: opacity .3s, box-shadow .3s;

    transition: opacity .3s, box-shadow .3s, -webkit-box-shadow .3s;

    background: url(../../common/img/icn_arw_r_grenn_l.png) no-repeat right 10px center;
    background-size: 18px;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (hover)
{
    main.l-main section.menu-list .inner ul li a:hover
    {
        z-index: 10;

        -webkit-box-shadow: 5px 5px 15px -5px #777;

                box-shadow: 5px 5px 15px -5px #777;
    }
}
@media screen and (max-width: 768px)
{
    main.l-main section.menu-list .inner ul li a
    {
        padding: 20px 0;

        background: url(../../common/img/icn_arw_r_grenn_s.png) no-repeat right 10px center;
        background-size: 12px;
    }
}
main.l-main section.menu-list .inner ul li a img
{
    width: clamp(4.375rem, -3.438rem + 12.5vw, 5.938rem);
}
main.l-main section.menu-list .inner ul li a p
{
    font-size: clamp(.938rem, 0rem + 1.5vw, 1.125rem);

    margin-top: 25px;

    text-align: center;
}
@media screen and (max-width: 768px)
{
    main.l-main section.menu-list .inner ul li a p
    {
        font-size: 15px;

        margin-top: 15px;
    }
}
main.l-main section.seminar
{
    position: relative;

    margin-top: 260px;
}
@media screen and (max-width: 1024px)
{
    main.l-main section.seminar
    {
        margin-top: 120px;
    }
}
@media screen and (max-width: 768px)
{
    main.l-main section.seminar
    {
        margin-top: 100px;
    }
}
main.l-main section.seminar:before
{
    position: absolute;
    z-index: -1;
    bottom: -200px;
    left: 0;

    width: 100%;
    height: 500px;

    content: '';

    opacity: .8;
    background: url(../../common/img/bg2.jpg) no-repeat center/100%;
}
main.l-main section.seminar .ttl-area
{
    position: relative;

    width: 90%;
    max-width: 1040px;
    margin: 0 auto;
}
main.l-main section.seminar .ttl-area h2
{
    font-size: 42px;

    position: relative;

    text-align: center;
}
@media screen and (max-width: 768px)
{
    main.l-main section.seminar .ttl-area h2
    {
        font-size: 28px;
    }
}
main.l-main section.seminar .ttl-area h2:after
{
    position: absolute;
    top: 100%;
    left: 50%;

    width: 100px;
    height: 8px;

    content: '';
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);

    background: url(../../common/img/bg_title.png) no-repeat center;
    background-size: 100px;
}
main.l-main section.seminar .ttl-area ul.link
{
    position: absolute;
    top: 20px;
    right: 30px;
}
@media screen and (max-width: 768px)
{
    main.l-main section.seminar .ttl-area ul.link
    {
        position: static;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        margin-top: 30px;
        margin-right: 15px;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}
main.l-main section.seminar .ttl-area ul.link li
{
    margin-top: 5px;
}
@media screen and (max-width: 768px)
{
    main.l-main section.seminar .ttl-area ul.link li
    {
        text-align: center;
    }
    main.l-main section.seminar .ttl-area ul.link li:first-child
    {
        margin-right: 40px;
    }
}
main.l-main section.seminar .ttl-area ul.link li a
{
    font-size: 16px;

    position: relative;

    -webkit-transition: opacity .3s;

    transition: opacity .3s;

    border-bottom: 1px solid #000;
}
@media screen and (max-width: 768px)
{
    main.l-main section.seminar .ttl-area ul.link li a
    {
        font-size: 14px;
    }
}
@media (hover)
{
    main.l-main section.seminar .ttl-area ul.link li a:hover
    {
        opacity: .6;
        border: none;
    }
}
main.l-main section.seminar .ttl-area ul.link li a:after
{
    position: absolute;
    top: 1px;
    right: -15px;

    width: 8px;
    height: 20px;

    content: '';

    background: url(../../common/img/icn_arw_r_grenn_s.png) no-repeat right center;
    background-size: 8px;
}
@media screen and (max-width: 768px)
{
    main.l-main section.seminar .ttl-area ul.link li a:after
    {
        top: 0;
    }
}
main.l-main section.seminar .flex
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 90%;
    max-width: 1040px;
    margin: 70px auto 0;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
@media screen and (max-width: 768px)
{
    main.l-main section.seminar .flex
    {
        display: block;

        margin-top: 25px;
    }
}
main.l-main section.seminar .flex .box
{
    width: 48%;
    padding: 40px;

    background-color: rgba(243, 243, 243, .85);
    /*
  ul {
    margin-top: 25px;
    @include break() {
      margin-top: 20px;
    }
    li {
      font-size: 16px;
      padding-left: 20px;
      position: relative;
      @include break() {
        font-size: 15px;
      }
      &:before {
        content: "";
        position: absolute;
        top: 9px;
        left: 4px;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background-color: #000;
      }
    }
  }
  */
}
main.l-main section.seminar .flex .box:first-child
{
    margin-top: 0;
}
@media screen and (max-width: 1024px)
{
    main.l-main section.seminar .flex .box
    {
        padding: 30px;
    }
}
@media screen and (max-width: 768px)
{
    main.l-main section.seminar .flex .box
    {
        width: 100%;
        margin: 0 auto;
        margin-top: 40px;
        padding: 30px 5%;
    }
}
main.l-main section.seminar .flex .box .img
{
    position: relative;
}
main.l-main section.seminar .flex .box .img:before
{
    position: absolute;
    top: -6px;
    left: -6px;

    width: 70px;
    height: 70px;

    content: '';

    border-top: 2px solid var(--c_blue);
    border-left: 2px solid var(--c_blue);
}
main.l-main section.seminar .flex .box .img:after
{
    position: absolute;
    right: -6px;
    bottom: -6px;

    width: 70px;
    height: 70px;

    content: '';

    border-right: 2px solid var(--c_green);
    border-bottom: 2px solid var(--c_green);
}
main.l-main section.seminar .flex .box h3
{
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;

    margin-top: 30px;
}
@media screen and (max-width: 768px)
{
    main.l-main section.seminar .flex .box h3
    {
        font-size: 18px;
    }
}
main.l-main section.seminar .flex .box p.date
{
    font-size: 14px;

    margin: 5px 0 25px;
}
@media screen and (max-width: 768px)
{
    main.l-main section.seminar .flex .box p.date
    {
        margin: 5px 0 15px;
    }
}
main.l-main section.seminar .flex .box .btn a
{
    margin: 30px auto 0;
}
main.l-main section.news
{
    margin-top: 200px;
}
@media screen and (max-width: 768px)
{
    main.l-main section.news
    {
        margin-top: 100px;
    }
}
main.l-main section.news .ttl-area
{
    position: relative;

    width: 90%;
    max-width: 1040px;
    margin: 0 auto;
}
main.l-main section.news .ttl-area h2
{
    font-size: 42px;

    position: relative;

    text-align: center;
}
@media screen and (max-width: 768px)
{
    main.l-main section.news .ttl-area h2
    {
        font-size: 28px;
    }
}
main.l-main section.news .ttl-area h2:after
{
    position: absolute;
    top: 100%;
    left: 50%;

    width: 100px;
    height: 8px;

    content: '';
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);

    background: url(../../common/img/bg_title.png) no-repeat center;
    background-size: 100px;
}
main.l-main section.news .ttl-area ul.link
{
    position: absolute;
    top: 20px;
    right: 90px;
}
@media screen and (max-width: 768px)
{
    main.l-main section.news .ttl-area ul.link
    {
        position: static;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        margin-top: 30px;
        margin-right: 30px;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}
main.l-main section.news .ttl-area ul.link li
{
    margin-top: 5px;
}
@media screen and (max-width: 768px)
{
    main.l-main section.news .ttl-area ul.link li
    {
        text-align: center;
    }
    main.l-main section.news .ttl-area ul.link li:first-child
    {
        margin-right: 40px;
    }
}
main.l-main section.news .ttl-area ul.link li a
{
    font-size: 16px;

    position: relative;

    -webkit-transition: opacity .3s;

    transition: opacity .3s;

    border-bottom: 1px solid #000;
}
@media screen and (max-width: 768px)
{
    main.l-main section.news .ttl-area ul.link li a
    {
        font-size: 14px;
    }
}
@media (hover)
{
    main.l-main section.news .ttl-area ul.link li a:hover
    {
        opacity: .6;
        border: none;
    }
}
main.l-main section.news .ttl-area ul.link li a:after
{
    position: absolute;
    top: 1px;
    right: -15px;

    width: 8px;
    height: 20px;

    content: '';

    background: url(../../common/img/icn_arw_r_grenn_s.png) no-repeat right center;
    background-size: 8px;
}
@media screen and (max-width: 768px)
{
    main.l-main section.news .ttl-area ul.link li a:after
    {
        top: 0;
    }
}
main.l-main section.news ul.news-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items:;

    width: 90%;
    max-width: 1040px;
    margin: 60px auto 0;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
    -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media screen and (max-width: 768px)
{
    main.l-main section.news ul.news-list
    {
        display: block;

        margin-top: 25px;
    }
}
main.l-main section.news ul.news-list li
{
    width: 30%;
}
@media screen and (max-width: 768px)
{
    main.l-main section.news ul.news-list li
    {
        width: 100%;
        margin-top: 40px;
    }
    main.l-main section.news ul.news-list li:first-child
    {
        margin-top: 0;
    }
}
main.l-main section.news ul.news-list li a
{
    display: block;

    width: 100%;
    height: 100%;

    -webkit-transition: opacity .3s;

    transition: opacity .3s;
}
@media (hover)
{
    main.l-main section.news ul.news-list li a:hover
    {
        opacity: .6;
    }
    main.l-main section.news ul.news-list li a:hover .img img
    {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
}
main.l-main section.news ul.news-list li a .img-area
{
    position: relative;
}
main.l-main section.news ul.news-list li a .img-area .img
{
    overflow: hidden;
}
main.l-main section.news ul.news-list li a .img-area .img img
{
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}
main.l-main section.news ul.news-list li a .img-area .category
{
    background-color: #666666;
    font-size: 14px;
    line-height: 1;

    position: absolute;
    top: 0;
    left: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 90px;
    height: 30px;

    color: #fff;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
main.l-main section.news ul.news-list li a .img-area .category.news
{
    background: var(--c_blue);
}
main.l-main section.news ul.news-list li a .img-area .category.column
{
    background: var(--c_green);
}
main.l-main section.news ul.news-list li a .txt-area .date
{
    font-size: 14px;

    margin-top: 10px;
}
main.l-main section.news ul.news-list li a .txt-area h3
{
    font-size: 18px;
    line-height: 1.5;

    padding-right: 30px;

    background: url(../../common/img/icn_arw_r_grenn_l.png) no-repeat right 8px center;
    background-size: 13px;
}
@media screen and (max-width: 768px)
{
    main.l-main section.news ul.news-list li a .txt-area h3
    {
        font-size: 16px;

        padding-right: 40px;
    }
}

/*# sourceMappingURL=style.css.map */