@charset "utf-8";
/* CSS Document */

@media screen and (min-width:768px) and ( max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/
header nav ul li:first-child {
    width: 25%;
	padding: 0 15px 0px 15px;
}
header nav ul li {
    font-size: 13px;
    padding: 0 23px 0 30px;
    position: relative;
}
header .contact-bnr {
    width: 25%;
    position: absolute;
    right: 0;
    font-size: 13px;
}
.cont .riyuu-flex {
    align-items: baseline;
}
	.cont .jigyou-flex-item {
    width: 48%;
}
.swiper-wrapper .swiper-slide {
    height: 64vh;
}
	.hero_area_caption {
    width: 35vw;
    height: 35vw;
}
	.hero_area_caption .icon-txt {
    width: 50%;
    position: absolute;
    right: -16px;
    bottom: -20px;
}
	.hero_area_caption p {
    font-size: 14px;
    line-height: 1.75;
}
	.contact .flex-item {
    width: 32%;
}
	.contact .flex {
    width: 90%;
}
	.cont {
    width: 90%;
}
	.jirei .cont .flex-item {
    margin-bottom: 30px;
    width: 100%;
}
	.cont .flex-item.icon-arrowBlueYoko::after {
    width: 20px;
    height: 13.33px;
    background-image: url(../images/jirei/icon-arrowBlueShita.png);
    left: 0;
    top: -24px;
    right: 0;
    margin: auto;
}
	.cont .flex-item.icon-arrowBlackYoko::after {
    width: 20px;
    height: 13.33px;
    background-image: url("../images/jirei/icon-arrowBlackShita.png");
    left: 0;
    top: -24px;
    right: 0;
    margin: auto;
}
	.cont .case5 .flex2 .flex-item {
    width: 100%;
    margin-bottom: 35px;
}
	.hoken .cont {
    padding: 80px 0 0;
}
	.hoken .ph1 {
    margin: 0 auto 0px;

}
	.hoken .riyuu.flex .flex-item {
    width: 32%;
}
	.hoken .flow .flex-item {
    width: 32%;
}
}