.detail_swip .swiper-slide img {width:100%;}
.detail_tab_box {display:flex; align-items:center; justify-content: space-between; ; border-top: 2px solid #000; /*border-bottom:1px solid #d2d2d2;*/}

.detail_tab_box .de_link {display:block; font-size:14px;}
.detail_tab_box .de_link i {display: inline-block;vertical-align: middle;}
.detail_tab_box .de_link img{width: 15px; height: 15px;}

ul.de_tabs {display:flex;}
ul.de_tabs li {cursor:pointer; padding:15px 25px; background:#f3f3f3; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;}
ul.de_tabs li:nth-of-type(1){border-left:1px solid #d2d2d2;}
ul.de_tabs li.active{font-weight:700; background:#fff; border-bottom:none; }

/*ul.de_tabs li + li {margin-left:10px;}*/

.tab-content {display:block;}

.tab_tit {display:flex; align-items:center; }
.de_icon_box {display:inline-block; vertical-align:middle; margin-right:5px;}
.tab_link {display:flex; margin-left:0px;}

.h_info {width:100px; height:30px; line-height:30px; border:1px solid #ddd; text-align:center;}
.h_info i img{width:15px; height:15px; display:inline-block; vertical-align:middle;}
.tab_link .heart img {width:15px; height:15px;}
.tab_link .heart_box {display:flex; align-items:center; margin-left:10px; padding:0 10px; height:30px; line-height:30px; border:1px solid #ddd;justify-content: center;}
.tab_link .heart_box.on .h_off{display:none;}
.tab_link .heart_box.on .h_on {display:block;}
.tab_link .heart_box .heart {margin-right:5px;}

.tab_link .heart_box2 {display:flex; align-items:center; margin-left:0px; padding:0 10px; height:30px; line-height:30px; border:1px solid #ddd;justify-content: center;}

.h_off {display:block;}
.h_on {display:none;}

.star_box.on .star_on{display:inline-block;}
.star_box.on .star_off {display:none;}

.star {margin-right:5px;}
.star_on {display:none;}


.de_sns_box {display:flex; justify-content: center;  border-top:1px solid #c6c6c6 ; padding-top:30px;}
.de_sns_box a {display:flex; align-items: center; justify-content: center; text-align:center; color:  var(--color-basic); font-size:1.25rem; border: 1px solid  var(--color-basic); transition:0.25s; border-radius:5px; background:#fff6f3;}
.de_sns_box a:nth-of-type(1) {background: var(--color-basic); color:#fff; width:197px; height:55px;}
.de_sns_box a:nth-of-type(2) {margin-left:10px; width:160px;}
.de_sns_box a:nth-of-type(3) {background:#fff; color:#2d2d2d; margin-left:10px; width:160px;} 
.de_sns_box a:nth-of-type(4) {background:#fff; color:#2d2d2d; margin-left:10px; width:160px;}
.de_sns_box a:nth-of-type(5) {background:#fff; color:#2d2d2d; margin-left:10px; width:160px;}
.de_sns_box a i {display:inline-block; vertical-align:middle;}

.talk_p i {margin-right:9px;}

.detail_rec_box {position:relative; margin-top:100px; background:#f8f8f8; padding:20px; box-sizing:border-box;}

.add_de_box .near_box li {display:flex;}
.add_de_box .near_box li .img_box img {width:100%;}
.add_de_box .near_box li div {width:calc((100% - 10px)/2); margin-right:10px;}
.add_de_box .near_box li div:nth-of-type(2) {margin-right:0;}
.add_de_box .near_box li .near_txt {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.work_con01 dl{display:flex;}
.work_con01 dl dt {width:180px; margin-left:40px; color:#7c7c7c; line-height:1.3;}
.work_con01 dl dd {line-height:1.3;}
.detail_bot_box {border-top:2px solid #d2d2d2; padding-top:40px;}
.detail_bot_box ul{display:flex; justify-content: space-evenly;}
.detail_bot_box ul li figure img{width:100%; max-width:200px;}
.detail_bot_box ul li p {line-height:2.35em;}


@media screen and (max-width: 767px){
	ul.de_tabs li {padding:10px 15px;}

	.detail_tab_box .de_link img {width:15px; height:15px;}
	.h_info {font-size:16px; width:100px; height:30px; line-height:30px;}
	.tab_link { margin-left:0; margin-top:0px;}
	.tab_link .heart_box {font-size:16px;  width:150px; height:30px; line-height:30px; padding:0; margin-left:10px; }
	.tab_link .heart img {width:10px; height:10px;}
	.de_sns_box a {font-size:16px;}



	.tab_tit {flex-wrap: wrap;}

	.de_sns_box a {width:100px; height:30px; line-height:30px;}
	.work_con01 dl{flex-wrap: wrap; gap:10px;}
	.work_con01 dl dt {margin-left:3px;}

	.detail_bot_box ul {flex-wrap:wrap; gap:10px;}
	.detail_bot_box ul li p {line-height:1.85em;}
	.detail_bot_box ul li figure img {width:150px;}



	.work_tit { margin-top: 50px;}
	
}

@media screen and (max-width: 1080px){
	.mail_i {margin-right:5px}
	.phone_i {margin-right:5px}
	.phone_i img {width:21px; height:21px;}
	.mail_i  img {width:21px; height:21px;}
}	

@media screen and (max-width: 980px){
	.de_sns_box a:nth-of-type(3) {margin-left:10px;}
}	

@media screen and (max-width: 720px){

}

@media screen and (max-width: 554px){

	.de_sns_box a:nth-of-type(1) {height:40px; line-height:40px;}
	.de_sns_box {flex-wrap:wrap;}
	.de_sns_box a {width:250px; margin-right:10px; margin-left:0; height:40px; line-height:40px; max-width:158px;}
	.de_sns_box a:nth-of-type(2n) {margin-right:0;}
	.de_sns_box a:nth-of-type(n + 2) {margin-left:0;}
	.de_sns_box a:nth-of-type(n + 3) {margin-top:10px;} 
	.star {line-height:16px;}
	.star img{width:16px; height:16px;}
	.phone_i {line-height:16px; margin-right:5px;}
	.phone_i img {width:16px; height:16px; }
	.mail_i {line-height:10px; margin-right:5px;}
	.mail_i img {width:16px; height:16px;}
}