@charset "utf-8";

/* ==================================================
contents
================================================== */
#tmp_top_slide {
    border-bottom: 1px solid #C9C9C9;
    position:relative;
    padding:0 0 10px;
}
#tmp_top_slide .draggable > div {
	display:flex;
}
.no_javascript #tmp_top_slide .draggable > div {
	display:block;
}
.no_javascript #tmp_top_slide .slide {
	text-align:center;
    font-size: 114.2%;
}
.no_javascript #tmp_top_slide .slide a {
	color:inherit;
}
.slick-slide .slide_txt {
    text-indent: -9999px;
    font-size: 114.2%;
}
.slick-slide a {
	text-decoration:none;
	color:inherit;
}
.slick-slide.slick-current .slide_txt {
    display: block;
    text-indent: 0;
    padding-right:210px;
}
.slide .slide_txt span {
    font-size: 87.5%;
    color: #707070;
    font-weight: bold;
}
/* Slider */
.slick-loading .slick-list {
    background: #555555;
}

/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev {
    left: -25px;
}
[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}
.slick-next {
    right: -25px;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}
/* Dots */
.slick_btn {
    width: 200px;
    margin: 0 auto;
    text-align: right;
    position: absolute;
    z-index: 1000;
    bottom: 10px;
    right: 263px;
}
.slick_btn .buttons {
    display: inline-block;
}
.slick_btn .button a {
    display: block;
    font-size: 78.5%;
    font-weight: bold;
    color: inherit;
    text-decoration: none;
    position: relative;
    padding: 2px 0 2px 15px;
    min-width: 56px;
    text-align: left;
}
.slick_btn .button a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.slick_btn .button.js-stop a:before {
    width: 10px;
    height: 11px;
    border-left:4px solid #222222;
    border-right:4px solid #222222;
}
.slick_btn .button.js-play a:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 10px;
    border-color: transparent transparent transparent #222222;
}
.js-play {
    display: none;
}
.slick-dots {
    display: inline-block;
    padding: 0;
    list-style: none;
    text-align: right;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    border-radius: 50px;
    overflow:hidden;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 9px;
    height: 9px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #A1A1A1;
}
.slick-dots li.slick-active button {
    background-color: #222222;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    &:focus {
        outline: none;
    }
    &.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;
    left: 0;
    top: 0;
    display: block;
    &:before,
    &:after {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
    .slick-loading & {
        visibility: hidden;
    }
}
.slick-slide {
    min-height: 1px;
    overflow:hidden;
    [dir="rtl"] & {
        float: right;
    }
    img {
        display: block;
    }
    &.slick-loading img {
        display: none;
    }
    display: none;
    &.dragging img {
        pointer-events: none;
    }
    .slick-initialized & {
        display: block;
    }
    .slick-loading & {
        visibility: hidden;
    }
    .slick-vertical & {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-slide img {
	width: 100%;
	height: auto;
}
.prev,
.next {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    margin: auto;
    background-color: #FFFFFF;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}
.prev {
    left: 214px;
}
.next {
    right: 214px;
}
.prev a,
.next a {
    display: block;
}
#tmp_top_box {
    width: 1034px;
    margin: 0 auto;
    padding: 48px 0 62px;
    display: flex;
    justify-content: space-between;
}
#tmp_top_box .top_box_txt {
    width: 420px;
}
#tmp_top_box .top_box_txt h2 {
    font-size: 142.8%;
}
#tmp_top_box .top_box_txt p {
    line-height: 2;
}
#tmp_top_box .top_box_txt .link_btn {
    margin: 28px 0 0;
}
#tmp_top_box .top_box_txt .link_btn a {
    padding: 4px 10px;
}
#tmp_top_box .top_box_news {
    width: 514px;
    display: flex;
    border-left: 1px solid #C9C9C9;
    padding:0 0 0 20px;
}
#tmp_top_box .top_box_news h2 {
    font-size: 250%;
}
#tmp_top_box .top_box_news .link_btn {
    width: 164px;
    
}
#tmp_top_box .top_box_news .top_box_news_cnt {
    padding: 8px 0 10px;
    margin: 5px 0 0 50px;
}
#tmp_top_box .top_box_news .top_box_news_cnt ul {
    list-style: none;
    font-weight: bold;
}
#tmp_top_box .top_box_news .top_box_news_cnt ul li {
    margin: 0 0 16px;
}
#tmp_top_box .top_box_news .top_box_news_cnt ul li:last-child {
    margin-bottom: 0;
}
#tmp_top_box .top_box_news .top_box_news_cnt ul li span {
    display: inline-block;
    vertical-align: top;
    margin: 0 19px 0 0;
}
#tmp_top_box .top_box_news .top_box_news_cnt ul li a {
    display: inline-block;
    vertical-align: top;
    color: inherit;
}
#tmp_top_contents {
    color: inherit;
    background-color: #F1F1F1;
    padding: 78px 0 4px;
}
#tmp_top_contents h2 {
    font-size: 250%;
    border-bottom: 1px solid #C9C9C9;
    letter-spacing: 2px;
    padding: 0 0 20px;
    margin: 0 0 25px;
}
#tmp_top_contents p {
    font-weight: bold;
    line-height: 2;
    margin: 0 0 40px;
}
#tmp_top_contents .link_btn a {
    padding: 4px 10px;
}
.cnt_box {
    width: 1034px;
    margin: 0 auto 76px;
    display: flex;
}
.cnt_box .cnt_l:first-child {
    width: 310px;
    order: 1;
    margin: 0 47px 0 0;
}
.cnt_box .cnt_l:last-child {
    width: 677px;
    order: 1;
}
.cnt_box .cnt_r:first-child {
    width: 310px;
    order: 2;
    margin: 0 0 0 47px;
}
.cnt_box .cnt_r:last-child {
    width: 677px;
    order: 2;
}
.cnt_box .cnt_l:last-child p,
.cnt_box .cnt_r:last-child p {
    position: relative;
    width: calc(50vw + 151px);
    min-width: 677px;
}
.cnt_box .cnt_l:last-child p {
    left: calc(-50vw + 517px);
}
@media screen and (max-width: 1034px) {
.cnt_box .cnt_l:last-child p {
    left: 0;
}
}
.cnt_box .cnt_l:last-child img,
.cnt_box .cnt_r:last-child img {
    width: 100%;
    height: auto;
}
.link_btn {
    border: 2px solid #C9C9C9;
    width: 200px;
}
.link_btn a {
    display: block;
    color: #707070;
    background-color: #FFFFFF;
    text-align: center;
    padding: 7px 10px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.5px;
}
#tmp_publicity {
    width: 1034px;
    margin: 0 auto;
    padding: 100px 0 53px;
}
#tmp_publicity h2 {
    font-size: 278.4%;
    margin: 0 0 27px;
}
#tmp_publicity_cnt ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
#tmp_publicity_cnt ul li {
	width:230px;
    margin: 0 36px 24px 0;
}
#tmp_publicity_cnt ul li:nth-child(4n) {
    margin-right: 0;
}
#tmp_publicity_cnt ul li a {
    display: block;
    color: inherit;
    text-decoration: none;
    font-size: 114.2%;
    font-weight: bold;
}
#tmp_publicity_cnt ul li p {
    line-height: 1.7;
    letter-spacing: 1px;
}
/* ==================================================
print
================================================== */
@media print {
/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:""; /* 変更しない */
	height:1px; /* 変更しない */
}
.cnt_box .cnt_l:last-child p {
	left: 0;
}
.cnt_box .cnt_l:last-child p,
.cnt_box .cnt_r:last-child p {
	width: calc(50% + 151px);
}

}







