@charset "UTF-8";
/* 767px以下SP
--------------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
	#public .mainimg {
		background: url("../img/public_service/mainv_public-service_sp.png") center 50% no-repeat;
		background-size: cover;
	}
	#public h3{
		font-size: clamp(1.25rem, 1.011rem + 1.02vw, 1.5rem); /*20-24px*/
		
		font-family: "Wix Madefor Text", sans-serif;
		font-weight: 400;
		text-align: center;
		padding-bottom: 30px;
	}
	/**/
	.wrap_pubimg {
		margin: 0 auto;
		position: relative;
	}
	.wrap_pubimg .block_pubimg {
		position: relative;
		background: url("../img/public_service/bg_pos.png") center top no-repeat;
		background-size: 100%;
	}
	.wrap_pubimg .box_pubimg {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		transition: .5s;
	}
	.wrap_pubimg .box_pubimg:nth-of-type(3) {
		position: static;
		position: relative;
		left: auto;
		top: auto;
	}
	.wrap_pubimg .box_pubimg.now_select {
		opacity: 1;
	}
	.wrap_pubimg .pubimg {
	}
	.wrap_pubimg .h_pubimg {
		padding: 10px 0;
		margin-top: 30px;
		font-size: 15px;
		color: #fff;
		background-color: #231815;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.wrap_pubimg .h_pubimg1{
		flex-grow: 1;
		line-height: 1.4;
		border-right: solid 1px #fff;
		padding-left: 15px;
	}
	.wrap_pubimg .h_pubimg1_sp{
		border: none;
	}
	.wrap_pubimg .h_pubimg1 span{
		display: block;
		font-size: 80%;
	}
	.wrap_pubimg .h_pubimg2{
		width:50px;
		box-sizing: border-box;
		flex-shrink: 0;
		text-align: center;
	}
	/**/
	.block_pub {
		margin: 20px auto 40px;
	}
	.main-carousel .splide__arrow--prev, .main-carousel .splide__arrow--next {
	}
	.note_splide {
		text-align: center;
		margin-top: 20px;
		font-size: 14px;
	}
	/**/
	.block_pub .splide {
		padding: 0;
		margin-top: 30px;
		margin: 30px -20px 0;
	}
	
	.block_pub .h_pub {
		margin: 0 20px;
		font-size: 18px;
		text-align: center;
	}
	.block_pub .img_pub {
		margin-top: 10px;
		position: relative;
	}
	.block_pub .img_pub span{
		position: absolute;
		right: 10px;
		bottom: 10px;
		font-size: 10px;
		color: #fff;
	text-shadow: 1px 1px 2px black, -1px -1px 2px black;
	}
	.block_pub .txt_pub {
		margin: 15px 20px 0;
		font-size: 14px;
	}
	.block_pub .txt_pub br{
		display: none;
	}
    
    .block_service {
    margin: 0 auto;
    }
    ul.service_item {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    }
    ul.service_item li:not(:last-child) {
    margin-bottom: 30px;
    }
    .item_img {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
    }
    .item_ttl {
    font-size: 16px;
    
    padding-bottom: 10px;
    }
    .item_honbun {
    font-size: 14px;
    }
	 .item_honbun span {
				font-size: 10px;	
    }

}






/* 768px以上 PC
--------------------------------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
	#public .mainimg {
		background: url("../img/public_service/mainv_public-service.png") center 50% no-repeat;
		background-size: cover;
	}
	#public h3{
		font-size: clamp(2.5rem, 2.334rem + 0.347vw, 2.75rem); /*40-44px*/
		
		font-family: "Wix Madefor Text", sans-serif;
		font-weight: 400;
		text-align: center;
		padding-bottom: 50px;
	}

	/**/
	.wrap_pubimg {
		width: 1000px;
		margin: 0 auto;
		position: relative;
	}
	.wrap_pubimg .block_pubimg {
		position: relative;
		background: url("../img/public_service/bg_pos.png") center top no-repeat;
		background-size: auto 460px;
	}
	.wrap_pubimg .box_pubimg {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		transition: .5s;
		width: 100%;
	}
	.wrap_pubimg .box_pubimg:first-of-type {
		position: relative;
		left: auto;
		top: auto;
	}
	.wrap_pubimg .box_pubimg.now_select {
		opacity: 1;
	}
	.wrap_pubimg .block_pubimg .box_pubimg.hover_select {
		z-index: 6;
		opacity: 1;
	}
	.wrap_pubimg .pubimg {
		width: 460px;
		margin: 0 auto;
	}
	.wrap_pubimg .h_pubimg {
		text-align: center;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		color: #fff;
		background-color: #231815;
		padding: 5px 0;
		margin-top: 30px;
		font-size: 16px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.wrap_pubimg .h_pubimg1{
		flex-grow: 1;
		line-height: 1.3;
	}
	.wrap_pubimg .h_pubimg1 span{
		display: block;
		font-size: 80%;
	}
	.wrap_pubimg .h_pubimg2{
		border: solid 1px #fff;
		border-top: none;
		border-bottom: none;
		padding: 0 20px;
		margin-right: 20px;
		width: 80px;
		box-sizing: border-box;
		flex-shrink: 0;
	}
		
	/**/
	.block_pub {
		width: 1000px;
		margin: 20px auto 100px;
	}
	.main-carousel .splide__arrow--prev, .main-carousel .splide__arrow--next {
		top: 266px;
	}
	.note_splide {
		text-align: center;
		margin-top: 20px;
	}
	/**/
	.block_pub .splide {
		padding: 0;
		margin-top: 60px;
	}
	.block_pubin {
		text-align: center;
	}
	.block_pub .h_pub {
		font-size: 28px;
	}
	.block_pub .img_pub {
		margin-top: 20px;
		position: relative;
	}
	.block_pub .img_pub span{
		position: absolute;
		right: 10px;
		bottom: 10px;
		font-size: 10px;
		color: #fff;
	text-shadow: 1px 1px 2px black, -1px -1px 2px black;
	}
	.block_pub .txt_pub {
		margin-top: 25px;
	}
	/*  */
	#public .thumbnail {
  flex-basis: calc((100% - 20px) / 6);
}
    .block_service {
    width: 1000px;
    margin: 0 auto;
    }
    ul.service_item {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    }
    ul.service_item li {
    width: 48%;
				display: flex;
    justify-content: space-between;
					align-items: flex-start;
    }
    .item_img {
    width: 40%;
    }
	.item_txtbox{
		width: 57%;		
	}
	
    .item_ttl {
    font-size: 20px;    
    padding-bottom: 5px;
    }
    .item_honbun span {
				font-size: 10px;	
    }





}