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

html {
	scroll-behavior: smooth;
}
body{
	font-size: 12px;
}
main{
	clear: both;
}
.oseibo2022{
	width: 1080px;
	margin: 0 auto;
}

.oseibo_menu{
	height: 135px;
	/* padding: 0 148px; */
	margin: 0;
	list-style: none;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.oseibo_menu li{
	float: left;
}
.btn_houjin{
    display: block;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.btn_houjin img{
    position: absolute;	
	top: -115px;
    left: 840px;
}

.header_logo{
	margin: 0 auto;
	width:308px;
}

.content_service{
	background-color: #f1eee5;
	line-height: 0;
}

.content_service ul.content_service_bnr{
	list-style: none;
	margin: 0;
	padding: 63px 0;
}
.content_service ul.content_service_bnr li{
	position: relative;
	line-height: 0;
}
.content_service ul.content_service_bnr p.syousai_btn{
    position: absolute;
    top: 210px;
    left: 777px;
    border: solid 1px #b49972;
	border-radius: 4px;
    padding: 15px 22px;
    color: #b49972;
}

.oseibo_service{
	position: relative;
}
.oseibo_service p{
    position: absolute;
    top: 380px;
    left: 810px;
    color: #000;
    padding: 12px 30px;
    background-color: #FFF;
    border: solid 1px #000;
}

.itemlist_caption{
	clear: both;
	text-align: center;
}

#service_area01{
	margin: 105px 0;
}

ul.itemlist,ul.itemlist_a{
	list-style: none;
	padding: 0 0 0 190px;
}
ul.itemlist li{
	margin: 0 50px 14px 0;
	width: 200px;
	text-align: center;
	float: left;
}
ul.itemlist_a li{
	margin: 0 50px 100px 0;
	width: 200px;
	text-align: center;
	float: left;
}
ul.itemlist li img,ul.itemlist_a li img{
	width: 200px;
}
ul.itemlist li p,ul.itemlist_a li p{
	margin: 0;
	padding: 0;
}
.syousai_btn02{
	width: 200px;
	padding: 10px 20px;
	margin: 0 auto;
	text-align: center;
	border: solid 1px #9e722d;
	clear: both;	
}
.delivery{
	padding: 0 0 80px;
    margin: 0;
    text-align: center;
    font-size: 1.5em;
}

.search_title{
	margin: 110px auto 40px;
	width: 212px;
}

/*タブ*/
.yosan_tabarea, .aite_tabarea {
  width: 1080px;
  flex-wrap: wrap;
  display: flex;
  margin: auto auto 100px 180px;
}
 
.tab_class {
  width: 152px;
  height: 50px;
  margin: 0 14px;
  border-bottom:  solid 1px #b1a494;
  color: #000;
  line-height: 50px;
  font-size: 1.5rem;
  text-align: center;
  display: block;
  float: left;
  order: -1;
}
 
input[name="yosantab"] {
  display: none;
}
input[name="aitetab"] {
  display: none;
}
 
 
input:checked + .tab_class {
  border-bottom: solid 1px #cc543a;
  color: #cc543a;
}
 
.content_class {
	display: none;
	width: 100%;
	margin: 20px 0 0 -180px;
}
.content_class p.aite_caption {
	padding: 40px 0 5px 0;
}
 
input:checked + .tab_class + .content_class {
  display: block;
}
 


.aite_caption{
	width: 720px;
	margin: 0 auto;
	text-align: center;
}

hr{
    border-style: none;
    border-top: 1px solid #b1a494;
	width: 750px;
}
hr.goldline01{
	border-style: none;
    border-top: 17px solid #9e722d;
	width: 1080px;
	margin: 0;
}
hr.goldline02{
	border-style: none;
    border-top: 17px solid #9e722d;
	width: 1080px;
	margin: 50px 0 0 0;
}
.sp {display:none;}

/* SP用 */
@media screen and (max-width: 767px) {
	/* 全体調整 */
	.pc {display:none;}
	.sp {display:block;}
	img {max-width:100%;}
	.oseibo2022{
		width: 100%;
		margin: 0 auto;
	}
	.fs-l-footer__utility,.yosan_tabarea, .aite_tabarea,.fs-l-footer__contents {
		width: 100% !important;
	}
	hr { width:100%;}
hr.goldline02{
	border-style: none;
    border-top: 12px solid #9e722d;
	width: 100%;
	margin: 50px 0 0 0;
}
	
	/* ヘッダー */
	.header_logo {
	    max-width: 300px;
	    min-width: 150px;
	    width: 80%;
	}
	.header_logo img {
		min-width: 200px;
		width: auto;
	}
	.oseibo_menu {
		height: auto;
		padding:0px;
	}
	.oseibo_menu li {
		width: 25%;
	}
	
	/* コンテンツ */
	#service_area01 {
		margin-top:60px;
	}
	.search_title {
		margin-top: 60px;
		width: 160px;
	}
	
.content_service{
	background-color: #FFF;
}
	.oseibo_menu_sp{
		margin: 40px 5%;
		list-style: none;
		padding: 0;
	}
	.oseibo_menu_sp li{
		width: 50%;
		float: left;
		line-height: 0;
	}
	.oseibo_service_sp{
		background-color: #eae4dc;
		line-height: 0;
	}
.delivery{
	padding: 10px 0 50px;
    margin: 0;
    text-align: center;
    font-size: 1.2em;
}
	ul.itemlist, ul.itemlist_a {
		padding:10px 3px;
	}
	
	ul.itemlist_a {
    /*display: -webkit-flex;
    display: flex;*/
    -webkit-justify-content: top;
    justify-content: top;
    -webkit-align-items: top;
    align-items: top;
    }
    
	ul.itemlist_a li,ul.itemlist li {
		width: 42%;
		margin:4%;
	}
	.itemlist li:nth-child(3n),.itemlist_a li:nth-child(3n){
		clear: both;
		padding: 0 0 50px 0;
	}
	.tab_class {
		width: 47%;
		margin: 0 1%;
	}
	.tab_class::before {
	  content: "▼";
	}
	.content_class {
		margin-left: 0px ;
	}
	/*ul.itemlist li {
		margin: 0 1% 14px 1%;
		width: 30%;
	
	}*/
	.syousai_btn02{
	padding: 10px 20px;
	}
	.yosan_tabarea, .aite_tabarea {
		margin: auto;
		margin-bottom: 50px;
	}
	.aite_caption {
		width:90%;
		margin: 0 5%;
	}
	.content_class p.aite_caption {
		padding-top :20px;
	}
	/* 要調整 */
	.content_service ul.content_service_bnr p.syousai_btn,.oseibo_service p {
		position: static;
	}
	.content_service ul.content_service_bnr{
	list-style: none;
	margin: 0;
	padding: 10px 0 0 0;
}
	
	/* フッター */
	.fs-p-footerNavigation {
		display: inline-block;
		margin:auto;
	}
	#footer-nav ul  {
	    display: -webkit-flex;
	    display: flex;
	    -webkit-justify-content: center;
	    justify-content: center;
	    -webkit-align-items: center;
	    align-items: center;
	    padding:0px;
    }
	#footer-nav ul li {
		float:none;
		margin: 3px;
	}
	#footer-nav ul li img {
		height:auto;
	}
	.fs-p-footerNavigationItem {
		display: block;
	}
	.fs-p-footerNavigationItem + .fs-p-footerNavigationItem {
		padding-right: 0px;
	}
	.fs-p-footerNavigationItem__body {
		display: block !important }
	}

}