@charset "UTF-8";
/* ######################################################################################

　Dタイプ

###################################################################################### */

.pageProom {}
.pageProom .bg { background:url("../common/img/contents/index/bg.jpg") fixed;}
.pageProom .bgg { background: linear-gradient(to top, #fff, #ebf6fc);}
.pageProom .main img { width: 100%; height: auto;}
.pageProom .contents.madori { text-align: center; padding: 80px;}
.pageProom .contents.madori li { max-width: 1000px; margin: auto;}
.pageProom .contents.pickup { padding: 80px 0;}
.pageProom .contents.pickup h3 { font-weight: normal; text-align: center; font-size: 180%; margin-bottom: 30px;}
.pageProom .contents.pickup ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pageProom .contents.pickup li { width: 30%;}
.pageProom .contents.pickup li span { display: block; padding: 15px 0; text-align: center;}

.pageProom .contents.att { padding-bottom: 80px; line-height: 1.5;}

@media screen and (max-width: 767px) {
	.pageProom .bg { background:url("../common/img/contents/index/bg.jpg") fixed right 50%;}
	.pageProom .contents.madori,
	.pageProom .contents.pickup{ padding: 40px 20px}
	.pageProom .contents.pickup ul { display: block;}
	.pageProom .contents.pickup li { width: 100%; margin-bottom: 30px;}
	.pageProom .contents.pickup h3 { font-size: 130%;}
	
}

    .slider {
        width: 100%; /* 全体の幅 */
        margin-left:auto;
        margin-right:auto;
        background:url(ajax-loader.gif) center no-repeat; /* loading */
    }
    .slider:after {content:""; display:table; clear:both;}
    .slick-track {/*background:#ffffff;*/}




/* スライド同士の間隔 */
.slick-slide {margin: 0px 0.2%;}
/* 黒丸同士の間隔 */
.slick-dots li {margin:0 0.5%;}

/* 左右ボタンのサイズ・位置 */
.slick-prev,
.slick-next {
    z-index:10;
    width:20px;
    height:20px;
}
.slick-prev {left: 10px;}
.slick-next {right: 10px;}

/* 左右ボタンの形状 */
.slick-prev:before,
.slick-next:before {
    font-size: 20px;
    font-family: 'slick';
    color: #000000 !important;
    opacity: .75;
    }
.slick-prev::before {content: '←';}
.slick-next::before {content: '→';}


/* サムネイル付き個別対応 */
.thumb-item {margin-bottom:5px;}
.thumb-item .slick-slide {margin:0;}

@media screen and (max-width: 767px) {

	.slick-prev {left: -10px !important;}
	.slick-next {right: -10px !important;}

}


/* end */