body {
	font-size: 12px;
	line-height: 1.7;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-feature-settings: "palt";
}
.modal {
	display: none;
}
@media screen and (min-width: 769px) {
.pc_view {
	display: block;
}
.sp_view {
	display: none;
}
.header_logo {
/*     width: 150px; */
	width: 100px;
    margin: auto;
    padding: 40px 0;
}
section.slider_block {
    text-align: center;
}
ul.slider {
	width: 100%;
}
ul.slider li {
	width: 100%;
}

.top_text {
    display: inline-block;
    margin: 40px auto 40px;
    font-size: 13.5px;
    line-height: 2.3;
    text-align: left;
}

.item_title {
/*     width: 64px; */
    width: 40px;
    margin: auto;
}

section.item_block {
    padding: 70px 0 30px;
    max-width: 950px;
    width: 95%;
    margin: auto;
}
h2 {
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0;
    text-align: center;
}
.type_box {
    margin: 42px 0 67px;
    text-align: center;
}
.type_img {
    max-width: 629px;
    margin: 17px auto 0;
}
ul.item_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 14px 0 34px;
}
ul.item_list :focus {
	outline: 0;
}
ul.item_list li {
    width: 16.666%;
    padding: 3.5%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
ul.item_list li a:link, ul.item_list li a:visited {
	color: #000000;
}
ul.item_list li a .filter {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	background: rgba(237, 237, 237, 0.5);
	border-radius: 50%;
	transition: all 0.5s ease-in-out;
	backface-visibility: hidden;
	transform: scale(0)
}
ul.item_list li a:hover .filter {
	transform: scale(2);
}
ul.item_list li a p.item_name{
	width: 100%;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	font-size: 15px;
	transition: all 0.3s ease-in-out; 
	transform: translate(0,10px);
	opacity: 0;
}
ul.item_list li a:hover p.item_name{
	transform: translate(0,0);
	opacity: 1;
}




section.bottom_block {
    text-align: center;
}
.bottom_text {
    display: inline-block;
    margin: 72px auto 0;
    font-size: 13.5px;
    line-height: 2.3;
    text-align: left;
}
.bottom_text p:first-child {
    margin: 0 0 25px;
}
.contact {
/*     width: 120px; */
    width: 80px;
    margin: 0 auto 30px;
}
footer#footer {
    padding: 40px 0 20px;
}

p.copyright {
	font-size: 10px;
    text-align: center;
}
p.copyright span {
    font-size: 20px;
    vertical-align: sub;
}
}
@media screen and (max-width: 768px) {
	html {
	    font-size: calc(100vw / 0.750) !important;
	}
	.pc_view {
		display: none;
	}
	.sp_view {
		display: block;
	}
	
	.header_logo {
	    width: 40%;
	    margin: auto;
	    padding: 5.3vw 0 7.3vw;
	}
	section.slider_block {
	    text-align: center;
	}
	ul.slider {
		width: 100%;
	}
	ul.slider li {
		width: 100%;
	}
	.top_text {
	    display: inline-block;
	    margin: 8.2vw auto 8.1vw;
	    font-size: 0.024rem;
	    line-height: 2.2;
	    text-align: left;
	}
	.item_title {width: 17.4%;margin: auto;}
	section.item_block {
	    padding: 13.1vw 0 10.5vw;
	    max-width: 950px;
	    width: 100%;
	    margin: auto;
	}
	h2 {
	    font-size: 0.0375rem;
	    font-weight: normal;
	    letter-spacing: 0;
	    text-align: center;
	}
	.type_box {
	    margin: 11.5vw 0 16.9vw;
	    text-align: center;
	}
	.type_img {
	    /* max-width: 629px; */
	    width: 89%;
	    margin: 3.9vw auto 0;
	}
	ul.item_list {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-around;
	    margin: 0 0 12.5vw;
	}
	.item_list_box.tsubu ul.item_list {
	    margin: 0 0 0;
	}
	ul.item_list li {
	    width: 33.333%;
	    padding: 6.6%;
	    box-sizing: border-box;
	    position: relative;
	    overflow: hidden;
	}
	ul.item_list li a:link, ul.item_list li a:visited {
		color: #000000;
	}
	ul.item_list li a .filter {
		display: none;
	}
	ul.item_list li a p.item_name{
		display: none;
	}
	section.bottom_block {
	    text-align: center;
	}
	.bottom_text {
	    display: inline-block;
	    margin: 15.4vw auto 0;
	    font-size: 0.024rem;
	    line-height: 2;
	    text-align: left;
	}
	.bottom_text p:first-child {
	    margin: 0 0 6.2vw;
	}
	footer#footer {
	    padding: 11.4vw 0 2vw;
	}
	.contact {
	    width: 33.1%;
	    margin: 0 auto 10.1vw;
	}
	p.copyright {
	    font-size: 0.025rem;
	    text-align: center;
	}
	p.copyright span {
	    font-size: 0.04rem;
	    vertical-align: sub;
	}	
}