@charset "utf-8";

#main_catch img {
    width: auto;
    max-width: 800px;
}
h1.c1 {
    color: #69584d;
    font-size: 22px;
    font-weight: normal;
    text-align: center;
}
.sec1_ul {
    margin: 30px auto;
    max-width: 756px;
    width: 100%;
}
.sec1_ul li {
	float:left;
	width:32%;
}

.sec1_ul li:nth-child(2) {
	margin:0 2%;
}
.boxInformation {
    margin: 80px auto 10%;
    max-width: 840px;
    width: 100%;
}
.information_box {
    float: left;
    width: 45%;
    margin: 0 6% 0 0;
    background: #FAF9F9;
    padding: 30px 30px;
	box-shadow: 3px 3px 9px 2px #666666;
	position: relative;
}
p.decol_img {
    position: absolute;
    left: -26px;
    bottom: -25px;
}
._information_list > li:last-child {
    border-bottom: none;
}
.sns_box {
	float:left;
}
.btn_sns {
    float: right;
    width: 100%;
}
.btn_sns li {
    width: 100%;
    margin: 0 auto;
}
.btn_sns li:nth-child(2) {
	margin:4% auto 0;
}
.information_box h3 {
    width: 30%;
    max-width: 69px;
    margin: 0 0 10px;
}
.btn_sns li img {
    width: auto;
}
._information_list > li {
    border-bottom: 1px solid #8E8887;
    color: #69584d;
    font-size: 14px;
    padding: 15px 0;
    background:rgba(0, 0, 0, 0) url("../img/top/info_arrow.png") no-repeat scroll 99% center / 1.5% auto;
}
._information_list > li a {
    color: #3E3431;
}
._information_list span {
    color: #231815;
    font-size: 12px;
}
._btn {
    text-align: right;
}
._btn a {
    color: #3E3431;
}
.paging {
    margin: 4% auto 0;
    width: 100%;
    position: relative;
    z-index: 1;
}
.page_ul li {
    float: left;
}
.page_ul li:first-child {
    width: 12%;
}
.page_ul li:last-child {
    width: 14%;
}
.page_ul.clr > li a {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    display: block;
    font-size: 10px;
    margin: 0 7%;
    padding: 10px;
}
.page_ul.clr > li.active a {
	background:#676767;
	color:#FFFFFF;
}
/* SP */
@media (max-width: 767px) {
	html{
		font-size: 62.5%;
	}
	body {
		width:100%;
		font-size: 1.4rem;
		overflow-x: hidden;
		-webkit-text-size-adjust:100%;
		word-wrap:break-word
	}
	img {
	  width: 100%;
	  display: block;
		object-fit: contain;
	}
	.pc {
	    display: none!important;
	}
	._pc {
	    display: none!important;
	}
	.sp {
	    display: block;
	}
	.swiper-container {
	    display: none;
	}
	.boxclass {
	    background: rgba(0, 0, 0, 0) url("../img/top/header_sp.png") no-repeat scroll 0 0/100%;
		height: 0;
		padding-bottom: 71%;
	}
	.fakebox {
	    background: rgba(0, 0, 0, 0) url(../img/fake_bk.png) repeat-x scroll 0 0;
	    height: 150px;
	    position: relative;
	    top: -162px;
	    display:none;
	}
	.contents_box {
		width:100%;
	}
	.flickity-prev-next-button,.flickity-page-dots {
		display:none;
	}
	.boxInformation .sns_box {
		display:none;
	}
	.information_box {
	    float: none;
	    width: 80%;
	    margin: 0 auto 0;
	    box-shadow: none;
	    padding: 30px 0;
	}
	#main_catch img {
    width: auto;
    max-width: 100%;
}
	.information_box h3 {
	    width: 40%;
	    margin: 0 auto 10px;
	}
	._information_list li a {
	    color: #69584d;
	}
	._information_list span {
	    color: #231815;
	    font-size: 1.2em;
	    display: block;
	    margin: 0 0 2%;
	}
	._information_list > li {
	    color: #231815;
	    font-size: 1.2em;
	    padding: 15px 30px 15px;
	    background: rgba(0, 0, 0, 0) url(../img/top/info_arrow.png) no-repeat scroll 96% center / 5% auto;
	}
	.paging {
		display:none;
	}
	._btn {
	    width: 80%;
	    margin: 5% auto;
	    text-align: center;
	}
	._btn a {
	    background: #a4a899;
	    color: #FFFFFF;
	    border-radius: 20px;
	    display: block;
	    padding: 5% 0;
	}
	/*左右の矢印の色を変える*/
	.slick-prev:before,
	.slick-next:before {
	    color: #000;
	}
	/*左右の矢印の位置を変える*/
	.slick-next {
	    right: 20px;
	    z-index: 99;
	}
	.slick-prev {
	     left: 15px;
	    z-index: 100;
	}
	p.decol_img {
	    display: none;
	}
	/*スライド数のドットの色を変える*/
	.slick-dots li.slick-active button:before,
	.slick-dots li button:before {
	    color: #fff;
	}
	/*スライド画像の横幅可変*/
	img {
	    max-width: 100%;
	     height: auto;
	}
	ul.slider {
	    width: 100%;
	    margin: 10% auto;
	    PADDING: 0 0 10%;
	}
	li.slick-slide {
		margin:0 6px;
	}
	.slick-prev {
	    display: none!important;
	}
	.slick-next {
	    display: none!important;
	}
	.sec1_ul li.slick-slide {
	    margin: 0 6px;
	}
	.sns_box.sns_box_sp {
	    float: none;
	    width: 100%;
	}
	.btn_sns {
	    float: none;
	    width: 100%;
	}
	.btn_sns li img {
	    width: auto;
	    display: inline-block;
	}
	.btn_sns li {
	    width: 100%;
	    margin: 9% auto;
	    text-align: center;
	}
	.btn_sns li.sp {
	    width: 80%;
	}
}
/* iPhone 4, 4S, 5, 5s, 5c, iPod touch 4, 5 */
@media only screen
 and (min-device-width: 320px)
 and (max-device-width: 568px)
 and (-webkit-min-device-pixel-ratio: 2) {
	html{
		font-size: 50.5%;
	}
	body {
		font-size: 1.4rem;
	}
}

@media only screen
 and (min-device-width: 375px)
 and (max-device-width: 480px)
 and (-webkit-min-device-pixel-ratio: 2) {
	html{
		font-size: 50.5%;
	}
	body {
		font-size: 1.4rem;
	}
}


/* iPhone6 */
@media only screen and (device-height: 667px),
only screen and (device-width: 667px) {
	html{
		font-size: 62.5%;
	}
	body {
		width:100%;
		font-size: 1.4rem;
		overflow-x: hidden;
		-webkit-text-size-adjust:100%;
		word-wrap:break-word
	}
}
/* iPhone6 plus */
@media only screen  and (device-height: 736px),
only screen  and (device-width: 736px) {
	html{
		font-size: 62.5%;
	}
	body {
		width:100%;
		font-size: 1.4rem;
		overflow-x: hidden;
		-webkit-text-size-adjust:100%;
		word-wrap:break-word
	}

}