@charset "UTF-8";
/* =====================================
	全体設定
===================================== */

html{
    font-size: 62.5%;
}

a{
	color: #3c3c3c;
	text-decoration: none;
}

.sp{
	display: none !important;
}

body{
	position: relative;
	margin: 0 auto;
	font-size: min(3.2vw, 2.4rem);
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	color: #3c3c3c;
    line-height: 1.733;
	text-align: left;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
	-ms-text-size-adjust: 100%;/*EgdeMobile*/
	-moz-text-size-adjust: 100%;/*firefox*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "palt";
    letter-spacing: 0.02em;
}

#wrapper{
    width: 100%;
    max-width: 750px;
    position: relative;
    margin: 0 auto;
}

#wrapper img{
    max-width: 100%;
    height: auto;
}


/* =====================================
	main
===================================== */

.slide01{
    background: #fff8ee;
    padding-bottom: min(8vw, 60px);
}

.slide01 ul li{
    width: 100%;
    padding: min(8vw, 60px) 0;
}

.slide01 ul li img{
    margin: 0 auto;
    width: 89.33%;
    filter: drop-shadow(8px 8px 14px rgba(0,0,0,0.15));
}

.slide02 ul li, .slide03 ul li, .slide04 ul li{
    width: 100%;
    padding: min(4vw, 30px) 0;
}

.slide02 ul li img, .slide03 ul li img, .slide04 ul li img{
    margin: 0 auto;
    width: 84%;
    filter: drop-shadow(8px 8px 14px rgba(0,0,0,0.15));
}

.slide03{
    background: #f2f5f6;
}

.slick-prev, .slick-next {
    width: min(8.67vw, 65px);
    height: min(8.67vw, 65px);
    z-index: 100;
}

.slick-prev {
    background: url("../img/prev01.png") no-repeat;
    background-size: contain;
    left: min(1.33vw, 10px);
}

.slick-next {
    background: url("../img/next01.png") no-repeat;
    background-size: contain;
    right: min(1.33vw, 10px);
}

dl{
    width: 89.33%;
    margin: min(9.33vw, 70px) auto min(10.67vw, 80px);
}

dl dt{
    font-weight: bold;
}

dl dd{
    padding-left: .5em;
	text-indent: -.5em;
}

dl dd a{
    text-decoration: underline;
}



/* =====================================
	footer
===================================== */

footer{
    text-align: center;
    line-height: 1;
    padding-bottom: min(9.33vw, 70px);
}

