.w1500{width:100%; max-width:1500px; margin: 0 auto; box-sizing:border-box;}

.m_case{position:relative; padding:110px 0; overflow:hidden; }
.m_case .ctn{float:left; width:25%}
.m_case .ctn h2 {display:block; width: calc(100% - 155px); vertical-align: middle; font-weight:700; font-size:3em; color: #111; text-transform: uppercase;}
.main_example_title_bar {width:50px; height:2px; background:#e1ab30; margin:10px 0;}
.main_example_stitle {font-size:1.25em; font-weight:400;}

.m_case .ctn .slide_btn{vertical-align:middle; font-size:0; margin:25px 0 45px 0;}

.m_case .ctn .slide_btn > div{width: 50px; height: 50px; display:inline-block; vertical-align:top; border:1px solid #e3e3e3; text-align: center; cursor: pointer;}
.m_case .ctn .slide_btn > div:hover {border:1px solid #d8a531; background:#d8a531;}
.m_case .ctn .slide_btn .next{margin-left: 5px;}

.m_case .ctn .slide_btn > div span{display:inline-block; vertical-align:top; width: 13px; height: 23px; background:url(img/icon_arrowL02.png) 50% 50% no-repeat; background-size:cover; margin: 13px 0;}

.m_case .ctn .slide_btn .next span{background:url(img/icon_arrowR02.png) 50% 50% no-repeat; background-size:cover}

.m_case .slide_ctn{float:right; width:75%}
.m_case .slide_ctn{}
.m_case .slide_ctn_mo {display:none;}
.m_case .slide_ctn .slick-list{}
.m_case .slide_ctn .item{position:relative; width: 33.3%; max-width:400px; margin:0 20px; border-left:1px solid #eee; border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:6px solid #1c324c; box-shadow: 0px 0px 5px rgba(0, 0, 0, .2) inset;}
.m_case .slide_ctn .item .item_txt {padding:30px 20px; position:relative;}
.m_case .slide_ctn .item .item_case {position:absolute; top:0; right:15px;}

.m_case .slide_ctn .item figure {position:relative; overflow: hidden; margin:0;}
.m_case .slide_ctn .item figure a {display:inline-block; width:100%; height:180px; border-top:1px solid #eee;}
.m_case .slide_ctn .item figure a p {width:100%; height:180px; position:relative; background-size:cover !important;}

.m_case .slide_ctn .item b {display:inline-block; color:#162753; font-weight:500; font-size:1.5em; margin:0 0 5px 0;}




.m_case .slide_ctn .item h3 {display:block; font-weight:500; font-size:1.5em;}
.m_case .slide_ctn .item strong {display:block; padding:10px 0; font-weight:300;}
.m_case .slide_ctn .item span {display:block; font-weight:400; font-size:1.1em; padding:10px 0 0 0;}

/* hover */	
.m_case .slide_ctn .item:hover .more::before{animation:width02 0.7s infinite alternate}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.main_example_pc {display:block;}
.main_example_mo01 {display:none;}

@media screen and (max-width:1560px){
	.w1500{width:100%; max-width:1500px; margin: 0 auto; box-sizing:border-box;}
	.m_case{position:relative; padding:110px 30px; overflow:hidden; }

	.m_case .ctn{float:left; width:100%; overflow:hidden;}

	.m_case .ctn h2 {display:block; width: calc(100% - 0px); vertical-align: middle; font-weight:700; text-align:center; font-size:3em; color: #111; text-transform: uppercase;}
	.main_example_title_bar {width:50px; height:2px; background:#e1ab30; margin:10px auto;}
	.main_example_stitle {font-size:1.25em; font-weight:400; text-align:center;}

	.m_case .ctn .slide_btn{vertical-align:middle; text-align:center; font-size:0; margin:25px 0 45px 0;}

	.m_case .ctn .slide_btn > div{width: 50px; height: 50px; display:inline-block; vertical-align:top; border:1px solid #e3e3e3; text-align: center; cursor: pointer;}
	.m_case .ctn .slide_btn > div:hover {border:1px solid #d8a531; background:#d8a531;}
	.m_case .ctn .slide_btn .next{margin-left: 5px;}

	.m_case .ctn .slide_btn > div span{display:inline-block; vertical-align:top; width: 13px; height: 23px; background:url(img/icon_arrowL02.png) 50% 50% no-repeat; background-size:cover; margin: 13px 0;}

	.m_case .ctn .slide_btn .next span{background:url(img/icon_arrowR02.png) 50% 50% no-repeat; background-size:cover}

	.m_case .slide_ctn{float:right; width:100%}
	.m_case .slide_ctn{}
	.m_case .slide_ctn .slick-list{}
	.m_case .slide_ctn .item{position:relative; width: 33.3%; max-width:600px; margin:0 20px; border-left:1px solid #eee; border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:6px solid #1c324c; box-shadow: 0px 0px 5px rgba(0, 0, 0, .2) inset;}
	.m_case .slide_ctn .item .item_txt {padding:30px 20px; position:relative;}
	.m_case .slide_ctn .item .item_case {position:absolute; top:0; right:15px;}

	.m_case .slide_ctn .item figure {position:relative; overflow: hidden; margin:0;}
	.m_case .slide_ctn .item figure a {display:inline-block; width:100%; height:180px; border-top:1px solid #eee;}
	.m_case .slide_ctn .item figure a p {width:100%; height:180px; position:relative; background-size:cover !important;}

	.m_case .slide_ctn .item b {display:inline-block; color:#162753; font-weight:500; font-size:1.5em; margin:0 0 5px 0;}

	.m_case .slide_ctn .item h3 {display:block; font-weight:500; font-size:1.5em;}
	.m_case .slide_ctn .item strong {display:block; padding:10px 0; font-weight:300;}
	.m_case .slide_ctn .item span {display:block; font-weight:400; font-size:1.1em; padding:10px 0 0 0;}

	.main_example_pc {display:none;}
	.main_example_mo01 {display:block;}
}

@media screen and (max-width:1200px){
	.w1500{width:100%; max-width:1500px; margin: 0 auto; box-sizing:border-box;}
	.m_case{position:relative; padding:80px 30px; overflow:hidden; }

	.m_case .ctn{float:left; width:100%; overflow:hidden;}

	.m_case .ctn h2 {display:block; width: calc(100% - 0px); vertical-align: middle; font-weight:700; font-size:2.5em; color: #111; text-transform: uppercase;}
	.main_example_title_bar {width:50px; height:2px; background:#e1ab30; margin:10px auto;}
	.main_example_stitle {font-size:1.25em; font-weight:400;}

	.m_case .ctn .slide_btn{vertical-align:middle; font-size:0; margin:25px 0 45px 0;}

	.m_case .ctn .slide_btn > div{width: 40px; height: 40px; display:inline-block; vertical-align:top; border:1px solid #e3e3e3; text-align: center; cursor: pointer;}
	.m_case .ctn .slide_btn > div:hover {border:1px solid #d8a531; background:#d8a531;}
	.m_case .ctn .slide_btn .next{margin-left: 5px;}

	.m_case .ctn .slide_btn > div span{display:inline-block; vertical-align:top; width: 13px; height: 23px; background:url(img/icon_arrowL02.png) 50% 50% no-repeat; background-size:cover; margin: 8px 0;}

	.m_case .ctn .slide_btn .next span{background:url(img/icon_arrowR02.png) 50% 50% no-repeat; background-size:cover}

	.m_case .slide_ctn{float:right; width:100%}
	.m_case .slide_ctn{}
	.m_case .slide_ctn .slick-list{}
	.m_case .slide_ctn .item{position:relative; width: 50%; max-width:1000px; margin:0 15px; border-left:1px solid #eee; border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:6px solid #1c324c; box-shadow: 0px 0px 5px rgba(0, 0, 0, .2) inset;}
	.m_case .slide_ctn .item .item_txt {padding:30px 20px; position:relative;}
	.m_case .slide_ctn .item .item_case {position:absolute; top:0; right:15px;}

	.m_case .slide_ctn .item figure {position:relative; overflow: hidden; margin:0;}
	.m_case .slide_ctn .item figure a {display:inline-block; width:100%; height:180px; border-top:1px solid #eee;}
	.m_case .slide_ctn .item figure a p {width:100%; height:180px; position:relative; background-size:cover !important;}

	.m_case .slide_ctn .item b {display:inline-block; color:#162753; font-weight:500; font-size:1.3em; margin:0 0 5px 0;}

	.m_case .slide_ctn .item h3 {display:block; font-weight:500; font-size:1.4em;}
	.m_case .slide_ctn .item strong {display:block; padding:10px 0; font-weight:300;}
	.m_case .slide_ctn .item span {display:block; font-weight:400; font-size:1.05em; padding:10px 0 0 0;}
}

@media screen and (max-width:600px){
	.w1500{width:100%; max-width:1500px; margin: 0 auto; box-sizing:border-box;}
	.m_case{position:relative; padding:50px 15px; overflow:hidden; }

	.m_case .ctn{float:left; width:100%; overflow:hidden;}

	.m_case .ctn h2 {display:block; width: calc(100% - 0px); vertical-align: middle; font-weight:700; font-size:2em; color: #111; text-transform: uppercase;}
	.main_example_title_bar {width:50px; height:2px; background:#e1ab30; margin:10px auto;}
	.main_example_stitle {font-size:1.1em; font-weight:400;}

	.m_case .ctn .slide_btn{vertical-align:middle; font-size:0; margin:15px 0 25px 0;}

	.m_case .ctn .slide_btn > div{width: 40px; height: 40px; display:inline-block; vertical-align:top; border:1px solid #e3e3e3; text-align: center; cursor: pointer;}
	.m_case .ctn .slide_btn > div:hover {border:1px solid #d8a531; background:#d8a531;}
	.m_case .ctn .slide_btn .next{margin-left: 5px;}

	.m_case .ctn .slide_btn > div span{display:inline-block; vertical-align:top; width: 13px; height: 23px; background:url(img/icon_arrowL02.png) 50% 50% no-repeat; background-size:cover; margin: 8px 0;}

	.m_case .ctn .slide_btn .next span{background:url(img/icon_arrowR02.png) 50% 50% no-repeat; background-size:cover}

	.m_case .slide_ctn{display:none}
	.m_case .slide_ctn_mo {display:block; float:right; width:100%}
	.m_case .slide_ctn_mo{}
	.m_case .slide_ctn_mo .slick-list{}
	.m_case .slide_ctn_mo .item{position:relative; width: 50%; max-width:1000px; margin:0 15px; border-left:1px solid #eee; border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:6px solid #1c324c; box-shadow: 0px 0px 5px rgba(0, 0, 0, .2) inset;}
	.m_case .slide_ctn_mo .item .item_txt {padding:30px 20px; position:relative;}
	.m_case .slide_ctn_mo .item .item_case {position:absolute; top:0; right:15px;}

	.m_case .slide_ctn_mo .item figure {position:relative; overflow: hidden; margin:0;}
	.m_case .slide_ctn_mo .item figure a {display:inline-block; width:100%; height:180px; border-top:1px solid #eee;}
	.m_case .slide_ctn_mo .item figure a p {width:100%; height:180px; position:relative; background-size:cover !important;}

	.m_case .slide_ctn_mo .item b {display:inline-block; color:#162753; font-weight:500; font-size:1.1em; margin:0 0 5px 0;}

	.m_case .slide_ctn_mo .item h3 {display:block; font-weight:500; font-size:1.3em;}
	.m_case .slide_ctn_mo .item strong {display:block; padding:10px 0; font-weight:300;}
	.m_case .slide_ctn_mo .item span {display:block; font-weight:400; font-size:1em; padding:10px 0 0 0;}
}