@charset "utf-8";

@media screen and (max-width:767px) {
	/*問い合わせボタンセット*/
	.contact1 {
		margin-top:20px;
	}
	.contact1 li {
		margin-top:10px;
	}
	.const_info_day202403 {
		width: 24%;
		font-size: 3.2vw;
		font-weight: bold;
		color: red;
		text-align: center;
		text-shadow: 1px 1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF, -1px -1px 0px #FFF;
		position: absolute;
		top: 16%;
		left: 17%;
		z-index: 10;
	}

	/*年金*/
	.nenkin_link {
	    margin: 20px 2% 0;
	}

	/*キャンペーン*/
	.campaign {
		margin:0px auto 0;
	}
	.campaign li {
		margin:10px 0;
	}
}
@media screen and (min-width:768px) {
    .main {
        width: 900px;
        margin: 0 auto;
        position: relative;
    }
    
	.search_form {
    	top:-475px !important;
    }

    /*問い合わせボタンセット*/
	.contact1 {
		width:920px;
		margin: 20px auto 0;
		display: flex;
		justify-content: space-between;
	}
	.const_info_day202403 {
	    width: 160px;
	    font-size: 20px;
	    font-weight: bold;
	    color: red;
	    text-align: center;
	    text-shadow: 1px 1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF, -1px -1px 0px #FFF;
	    position: absolute;
	    top: 14px;
	    left: 95px;
	    z-index: 10;
	}

	/*年金*/
	.nenkin_link {
	    margin-top: 20px;
	    font-size: 16px;
	    font-weight: bold;
	}

	/*キャンペーン*/
	.campaign {
		width:902px;
		margin:0px auto 0;
	}
	.cp_green {
		padding:10px;
		border:4px solid #5c9423;
	}
	.cp_normal {
		margin-top:20px;
	}
	.cp_orange {
		padding:10px;
		border:4px solid #fd8100;
	}
	.campaign ul {
		display:flex;
		flex-wrap:wrap;
		gap:10px 20px;
	}
	.campaign li {
		width:426px;
		margin:10px 0;
	}
}

.cp_bnr01 {
	margin:10px 0;
	width:100%;
	display:flex;
}
.cp_bnr_we {
	border-bottom:6px solid #f17d00;
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #f6beba 100%);
}
.cp_bnr_we .cp_bnr01_title {background:#f17d00;}
.cp_bnr_oe {
	border-bottom:6px solid #f4a700;
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #f9e0db 100%);
}
.cp_bnr_oe .cp_bnr01_title {background:#f4a700;}
.cp_bnr_w {
	border-bottom:6px solid #e1807d;
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #f4bec3 100%);
}
.cp_bnr_w .cp_bnr01_title {background:#e1807d;}
.cp_bnr_sen {
	border-bottom:6px solid #d680c0;
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #eeaecf 100%);
}
.cp_bnr_sen .cp_bnr01_title {background:#d680c0;}
.cp_bnr01_title {
	padding:0.1em;
	color:#fff;
	font-size:3.5vw;
	font-weight:bold;
	text-align:center;
	writing-mode: vertical-rl;
	text-shadow: 0 2px 2px rgba(0,0,0,0.6);
}
.cp_bnr01_img {
	width:37.65%;
	position:relative;
}
.cp_bnr01_img_main {width:100%;}
.cp_bnr01_img_discount {
	width:60%;
	position:absolute;
	bottom:0;
	left:5%;
}
.cp_bnr01_body {
	padding-left:1%;
	flex: 1;
	display:flex;
	flex-direction: column;
}
.cp_bnr01_name {
	font-weight:bold;
	font-size:3.5vw;
}
.bl-hover .cp_bnr01_name a {
	color:#f60;
}
.cp_bnr01_typeicon {width:96%;}
.cp_bnr01_price {margin-top:10px;}
.cp_bnr01_remo_const_text {
	color:#0071ff;
	font-size:3.5vw;
	font-weight:bold;
	text-shadow: 1px 1px 0px #fff, 1px 1px 2px #999;
}

.cp_bnr01_total {
	line-height: 1;
	color: red;
	font-size:3.5vw;
	text-align:center;
	display:flex;
	justify-content: center;
	font-weight: bold;
	gap:5px;
}
.cp_bnr01_num {
	margin-top:-1px;
	font-size:12vw;
	letter-spacing: -0.02em;
	font-family: Roboto;
	text-shadow:
		-2px -2px 0 #fff,
		2px -2px 0 #fff,
		-2px  2px 0 #fff,
		2px  2px 0 #fff,
		4px 4px 6px rgba(0,0,0,0.2);
}
.cp_bnr01_yentax {
	padding-top:1.2em;
	font-size:3.5vw;
	display:flex;
	flex-direction: column;
	text-shadow:
		2px -2px 0 #fff,
		2px -2px 0 #fff,
		-2px  2px 0 #fff,
		2px  2px 0 #fff,
		2px 2px 3px rgba(0,0,0,0.3)
}
.cp_bnr01_yen {order:2;}
.cp_bnr01_tax {order:1;}

@media screen and (min-width:768px) {
	.cp_bnr01 {
		width:425px;
	}
	.cp_bnr01_title {font-size:18px;}
	.cp_bnr01_name {font-size:16px;}
	.cp_bnr01_total {font-size:14px;}
	.cp_bnr01_remo_const_text {font-size:16px;}
	.cp_bnr01_num {font-size:48px}
	.cp_bnr01_yentax {font-size:14px;}
}
.cp_orange_link01 {
	text-align:right;
}


@media screen and (max-width:767px) {
	/* 事例 */
	.jireiBox {
		margin-top: 20px;
		border: 1px solid #999;
	}
	.jireiBox_title {
		border-bottom: 1px solid #999;
		background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
	}
	.jireiBox_title > span {
		margin: 8px;
		padding-left: 5px;
		border-left: 5px solid #ff7701;
		line-height: 1.2em;
		font-size: 18px;
		display: inline-block;
	}
	.jireiBox_numtext {
		padding:5px 0;
		background-color: #ffdcab;
		text-align: center;
		font-size: 6vw;
	}
	.jireiBox_numtext > span {
		font-weight: bold;
	}

	.jireiBox_item {
		padding-top:10px;
		display:flex;
		flex-wrap:wrap;
		gap:10px 2%;
	}
	.jireiBox_item li {
		width:32%;
		font-size: 1.2rem;
		position: relative;
	}
	.jireiBox_item li a {
		text-decoration: underline;
	}
	.jirei_new_icon {
		width: 40px;
		position: absolute;
		top: 3px;
		left: 0;
		z-index: 50;
	}
	.icostatus {
		width:24px;
		height:auto;
		position: absolute;
		top: 1px;
		right: 3px;
		z-index: 5;
		background:#fff;
	}
	.jireiBox_addtext1 {
		margin-top:20px;
		color:#ff7721;
		font-weight: bold;
		text-align: center;
		line-height: 1.2em;
		font-size: 5vw;
	}
	.jireiBox_kuchi {
		padding: 10px;
		background-color: #e6ffd4;
	}
}
@media screen and (min-width:768px) {
	/* jirei */
	.jireiBox {
		width:902px;
		margin: 10px auto 0;
		padding: 10px 10px 0;
		border: 1px solid #ccc;
		/*background: #fef4f0;*/
		position: relative;
	}
	.jireiBox_title {
		border: 1px solid #aaa;
		background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
	}
	.jireiBox_title > span {
		margin: 8px;
		padding-left: 5px;
		border-left: 5px solid #ff7701;
		line-height: 1em;
		font-size: 18px;
		display: inline-block;
	}

	.jireiBox_item {
		width:900px;
		margin: 10px auto 0;
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
		gap:10px 0;
	}
	.jireiBox_item li {
		width:20%;
		/*flex:1;*/
		position: relative;
		font-size: 13px;
		line-height: 1.2;
		position: relative;
	}
	.jireiBox_item li a {
	/*text-decoration: underline;*/
	}
	.jireiBox_item li.bl-hover a {
		color:#f60;
	}
	.jirei_new_icon {
		position: absolute;
		top: 5px;
		left: -5px;
		z-index: 5;
	}
	.icostatus {
		position: absolute;
		top: 92px;
		left: 131px;
		z-index: 5;
	}


	.jireiBox_numtext {
		font-size: 16px;
		font-weight: bold;
		/*text-shadow: 1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 2px 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff;
		color:#0079ff;*/
		position: absolute;
		top: 11px;
		right: 20px;
	}
	.jireiBox_numtext span {
		font-size: 24px;
		padding:0 3px;
		color: #e10000;
	}

	.kuchi_flex {
		display:flex;
	}
	.jireiBox_addtext1 {
		margin: 40px auto 0;
		color:#ff7721;
		font-size: 28px;
		font-weight: bold;
	}
	.jireiBox_kuchi {
		height:179px;
		margin: 0px -10px 0;
		padding: 10px;
	}
	.kuchi_inner {
		width:410px;
		margin-left:10px;
		padding-top:10px;
		background:#fff;
		border-radius:20px;
		text-align:center;
	}
	.kuchi_p01_block {
		display:inline-block;
		font-size:14px;
		background:#fff;
	}
}



.google_kuchi {
	padding: 10px 10px 0;
	background-color: #e6ffd4;
	position:relative;
}
.google_kuchi_title {
	width:66%;
	position:absolute;
	top:12%;
	left:50%;
	transform:translateX(-50%);
}
.google_kuchi_score {
	line-height:1.2;
	position:absolute;
	top:27%;
	left:50%;
	transform:translateX(-50%);
	font-size: min(7.5vw, 48px);
	font-weight:bold;
}
.google_kuchi_score .float_score {
	padding-right:0.06em;
	font-size: min(16.25vw, 104px);
	/*font-family: Roboto;*/
	letter-spacing:-0.8vw;
}
.google_kuchi_star {
	width:39%;
	position:absolute;
	top:66%;
	left:50%;
	transform:translateX(-50%);
}
.google_kuchi_p01 {
	width:100%;
	text-align:center;
	position:absolute;
	top:84%;
	left:0;
	font-size: min(3.125vw, 20px);
}
@media screen and (min-width:768px) {
	.google_kuchi {
		width:268px;
		margin:0 auto;
		padding:0;
		background-color: #fff;
	}
	.google_kuchi_title {top:10px;}
	.google_kuchi img {width:100%;height:auto;}
	.google_kuchi_score {
		font-size:24px;
		top:25%;
		left:51%;
	}
	.google_kuchi_score .float_score {
		font-size:48px;
		letter-spacing: -3px;
	}
	.google_kuchi_p01 {
		font-size:11px;
	}
}


/*施工事例*/
@media screen and (max-width:767px) {
	.sekouinner {
		margin-top:15px;
	}
	.title01 {
		padding-bottom:3px;
		border-bottom:3px solid #fd8100;
		color:#fd8100;
		text-align:center;
		text-shadow: 
			1px 1px 0 #fff,
			1px -1px 0 #fff,
			-1px 1px 0 #fff,
			-1px -1px 0 #fff,
			2px 2px 0 #fff,
			2px -2px 0 #fff,
			-2px 2px 0 #fff,
			-2px -2px 0 #fff,
			3px 3px 3px rgba(0,0,0,0.8);
		font-size: 4.55vw;//20px

	}
	.title01 span {
		font-size: 6.36vw;//28px
	}
	.sekou_intoro01 {
		margin: 6px 4% 4px;
		font-weight:bold;
	}
	.sekou_link_btn {
		margin-top:10px;
		display: block;
		/*margin-left: 19.6875%;
		margin-right: 1.5625%;*/
		margin-left:21.25%;
	}
	.sekou_imgbtm {position:relative;}
	.sekou_imgbtm_text {
		padding-bottom:10px;
	}

}
@media screen and (min-width:768px) {
	.sekouinner {
		width:902px;
		margin:30px auto 0;
	}
	.sekou_intoro01 {
		margin: 5px 0;
		font-weight:bold;
		text-align:center;
	}
	.parts_sekou_staff {
		display:block;
		margin:0 auto;
	}
	.sekou_imgbtm {
		margin:10px auto 0;
	}
	.sekou_imgbtm_text {
		padding-bottom:10px;
	}
	.sekou_link {
		margin:10px auto 0;
		text-align:right;
	}
	.sekou_link img {
		width:252px;
		height:auto;
	}
}


/*選んだ理由*/
@media screen and (max-width:767px) {
	.riyuu_header {
		display:flex;
		flex-wrap:wrap;
	}
	.riyuu_header h2 {
		width:100%;
		line-height:1.8;
		order:2;
		background: linear-gradient(to bottom, #ffffff 0%, #efefef 100%);
		border-bottom:2px solid #b1b1b1;
		font-weight:bold;
		text-align:center;
		font-size: 5vw;/*22px*/
	}
	.riyuu_header p {
		width:100%;
		line-height:1.8;
		order:1;
		background:#fce2a6;
		border-bottom:2px solid #b1b1b1;
		font-weight:bold;
		text-align:center;
		font-size: 3.64vw;/*16px*/
	}
	.riyuu {
		background-color:#f7ffe2;
		background-color:#e6ffd4;
		/*background: linear-gradient(to bottom,  #f7ffe2 0%,#e6ffd4 100%);*/
		padding-bottom:15px;
	}
	.riyuu dd {
		width:92%;
		padding-bottom:3px;
		margin:0 auto;
	}
	.riyuu dd > div {
		padding:5px 5px 10px;
		border:4px solid #FFF;
		border-radius:10px;
		box-shadow:1px 1px 3px #999, -1px 1px 3px #999;
		background: linear-gradient(to bottom,  rgba(255,252,235,1) 0%,rgba(255,228,142,1) 100%);
	}




	.partnership_maker {
		padding:0 4%;
		background-color: #F5FFDD;
	}
	.partnership {
	}
	.partnership_header {
		padding-top:10px;
		/*padding-top:20px;
		background-color:#f7ffe2;*/
		background-color: #F5FFDD;
	}
	.partnership_title {
		padding:5px 0;
		color:#f60;
		background-color:#f7ffe2;
		/*background:#ffeba0;
		border-top:1px solid #aaa;
		border-bottom:1px solid #aaa;*/
		line-height:1.2;
		font-size:min(5.5vw,36px);
		font-weight:bold;
		text-align:center;
		text-shadow: 1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 2px 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 3px 3px 3px rgb(0 0 0 / 90%);
	}
	.partnership_body {
		padding:10px 4% 0;
		background: linear-gradient(to bottom,  #edf9da 0%,#ffffff 100%);
	}
	.partnership_item_title {
        padding: 5px 10px;
        background: linear-gradient(to right, #66b40f 0%, #b3de88 100%);
        color: #fff;
	}
	.partnership_const_title {
        padding: 5px 10px;
        background: #f78b15;
        background: linear-gradient(to right, #f7b852 0%, #f78914 100%);
        color: #fff;
        text-align: right;
	}
	.hosyou_text_maker {
		padding:5px;
	}
	.hosyou_text_gas {
		padding:5px;
	}
	.partnership_header_text1{
		margin:0 4%;
		font-size:14px;
	}

	.common_info {
		margin:15px 4%;
	}

	.partnership_body {
		padding: 10px 0 15px;
		display: flex;
		justify-content: space-between;
		background: #fff;
	}
	.sp_guara_w5y_flex1 {
		width: 50%;
		border-right: 1px dashed #ccc;
		padding: 0px 10px;
	}
	.sp_guara_w5y_flex2 {
		width: 50%;
		padding: 0px 10px;
	}


}
@media screen and (min-width:768px) {
	.riyuu_inner {
		width: 902px;
		margin: 33px auto 15px;
		padding: 16px 26px 16px;
		border: 1px solid #CACACA;
		line-height: 1.5;
		font-size: 14px;
	}
	.riyuu_header {
		width: 848px;
		line-height: 34px;
		background: url(../img/top/pc_riyuu_titlebg.png) 0 0 no-repeat;
		font-size:2rem;
		font-weight: bold;
		display: flex;
		justify-content: space-between;
		position: relative;
	}
	.riyuu_header h2 {
		width:375px;
		padding-left: 10px;
		color:#fff;
		text-shadow: 1px 1px 1px #000;
		font-size:2rem;
	}
	.riyuu_header p {
		width:465px;
		padding-right: 10px;
		font-size:1.8rem;
		text-shadow: 1px 1px 1px #fff;
		text-align: center;
	}
	.riyuu {
		position:relative;
	}
	.riyuu dd {
		line-height: 1.5;
		font-size: 14px;
		position:absolute;
	}
	.riyuu_no1 dd {
        width: 416px;
        top: 176px;
        left: 404px;
	}
	.riyuu_no2 dd {
		width: 301px;
		top: 237px;
		left: 42px;
	}
	.riyuu_no3 dd {
        width: 430px;
        top: 36px;
        left: 386px;
	}
	.an24kwsk {
		margin-bottom: 5px;
		display: inline-block;
	}


	.partnership_maker {
		background-color: #F5FFDD;
		text-align:center;
	}
	.partnership {
		position: relative;
	}
	.partnership_header {
		padding-top:30px;
		background-color:#f7ffe2;
	}
	.partnership_title {
		padding:5px 0;
		color:#f56400;
		line-height:1.2;
		font-size:30px;
		font-weight:bold;
		text-align:center;
	}
	.partnership_image {
		width: 848px;
		margin: 0 auto;
		line-height: 1.4;
		font-size: 14px;
		position: relative;
	}
	.partnership_img2 {
		position: absolute;
		left: 21px;
		top: 231px;
	}
	.partnership_item_title {
		margin: 0;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		position: absolute;
		top: 29px;
		top: 104px;
		left: 36px;
		text-shadow: 1px 1px 3px #000;
	}
	.hosyou_text_maker {
		width: 277px;
		margin: 0;
		line-height: 1.3;
		position: absolute;
		top: 138px;
		left: 40px;
	}
	.partnership_const_title {
		margin: 0;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		position: absolute;
		top: 104px;
		right: 40px;
		text-shadow: 1px 1px 3px #000;
	}
	.hosyou_text_gas {
		width: 277px;
		margin: 0;
		line-height: 1.3;
		position: absolute;
		top: 138px;
		left: 541px;
	}
}


/*こんな会社です*/
@media screen and (max-width:767px) {
	.hothouse_info {
		padding:10px;
		border: 2px solid #fd8100;
	}
	.hothouse_info_img01 {
		margin-top:10px;
	}
	.hothouse_info_intoro01 {
		margin:5px 0 0;
	}
	.hothouse_info_img02 {
		margin-top:10px;
	}
    .hothouse_info_link01 {
		margin-top: 10px;
		padding-left: 19.6875%;
		padding-right: 1.5625%;
	}
}
@media screen and (min-width:768px) {
	.hothouse_info {
		width: 902px;
		margin: 30px auto 0;
		padding:20px 20px 15px;
		border: 2px solid #fd8100;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		gap:20px;
	}
	.hothouse_info h2 {
		width:100%;
	}
	.hothouse_info_img01 {
	}
	.hothouse_info_img01 img {
		width:530px;
	}
	.othouse_info_flex_r {
		width:298px;
		padding-right:15px;
	}
    .hothouse_info_intoro01 {
    	line-height:1.6;
    }
    .hothouse_info_link01 {
        margin: 85px auto 0;
        text-align:right;
    }

    .jirei_info_companyLink img {
        width: 252px;
        height: auto;
    }
}


/*客声・事例*/
@media screen and (max-width:767px) {
	/* voice/jirei */
	.hh_voice,
	.hh_jirei {
		margin-top:15px;
	}
	.voice_info_title {
		background:#27d03f;
	    color: #FFF;
	    font-weight: bold;
		padding:5px 10px;
	}
	.hh_voice__hx,
	.hh_jirei__hx {
		text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
	}
	.hh_voice_count,
	.hh_jirei_count {
		text-align:center;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	}
	.jirei_voice_counta {color:#f00;}
	.hh_voice_text01,
	.hh_jirei_text01 {margin:5px;}
	.voice_link,
	.jirei_link {
	    display: block;
	    margin-left: 20%;
	    margin-right: 1.5%;
	}
	.jirei_info_title {
		background-color: #ff9141;
	    color: #FFF;
	    font-weight: bold;
		padding:5px 10px;
		text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
	}
}
@media screen and (min-width:768px) {

	/* hh_voice */
	.hh_voice {
		width:902px;
		margin:24px auto 0;
		position:relative;
		overflow:hidden;
		cursor: pointer;
	}
	.hh_voice__hx {
		padding:5px 0 5px 7px;
		line-height:1;
		font-size:2rem;
		font-weight:bold;
		color:#fff;
		background-color:#20bf37;
	}
	.hh_voice_count {
		margin:0;
		font-size:1.6rem;
		color:#fff;
		text-align:right;
		position:absolute;
		top:8px;
		right:0;
	}
	.hh_voice_bb {
		margin-bottom:13px;
		display:block;
	}
	.hh_voice_text01 {
		width:620px;
		line-height:1.2;
		font-size:1.45rem;
		float:left;
	}
	.hh_jirei {
		width:902px;
		margin:20px auto 30px;
		position:relative;
		overflow:hidden;
	}
	.hh_jirei__hx {
		padding:5px 0 5px 7px;
		line-height:1;
		font-size:2rem;
		font-weight:bold;
		color:#fff;
		background-color:#ff8f41;
	}
	.hh_jirei_count {
		margin:0;
		font-size:1.6rem;
		color:#fff;
		text-align:right;
		position:absolute;
		top:8px;
		right:0;
	}
	.hh_jirei_bb {
		margin-bottom:13px;
		display:block;
	}
	.hh_jirei_text01 {
	    width: 620px;
		line-height:1.2;
		font-size:1.5rem;
		float:left;
	}
	.hh_voice.bl-hover .hh_voice__hx {background-color:#66ccff;}
	.hh_jirei.bl-hover .hh_jirei__hx {background-color:#ff5081;}
	.hh_voice.bl-hover .hh_voice_bb,
	.hh_jirei.bl-hover .hh_jirei_bb {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
	}


	/* jirei */
	.sekoujirei {
		padding:10px;
		border:1px solid #ccc;
		background:#f7fbff;
		position:relative;
	}
	.jirei_title {
		background: #f1f9ff;
		background: -moz-linear-gradient(top, #f1f9ff 0%, #c8e2fb 100%);
		background: -webkit-linear-gradient(top, #f1f9ff 0%,#c8e2fb 100%);
		background: linear-gradient(to bottom, #f1f9ff 0%,#c8e2fb 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f9ff', endColorstr='#c8e2fb',GradientType=0 );
	}
	.sekoujirei_count {
		text-align:right;
		position:absolute;
		top:16px;
		right:15px;
	}
	.jirei_inner {
		overflow:hidden;
	}
	.jirei_inner li {
		width:236px;
		min-height:170px;
		padding:0 15px;
		line-height:1.25;
		font-size:1.2rem;
		float:left;
		position:relative;
	}
	.jirei_inner a {display:block;}
	.newicon {
		position: absolute;
		top: 3px;
		left: 10px;
	}

	.bl-hover .voice_link img,
	.bl-hover .jirei_link img {
		position:relative;
		top:-28px;
	}
	.voice_link, .jirei_link {
		height:28px;
		display:inline-block;
		overflow:hidden;
		float:right;
		position:relative;
	}

	.voice_link::hover {}
	.jirei_voice_counta {
		color:#f00;
		font-weight:bold;
		text-shadow: 1px 1px 0px #fff, -1px 1px 0px  #fff, 1px -1px 0px #fff, -1px -1px 0px #fff;
	}
}

/*instagram*/
@media screen and (max-width:767px) {
    .instagram {
        margin: 20px;
    }
}
@media screen and (min-width:768px) {
    .instagram {
    	text-align:center;
        margin: 20px auto;
    }
}

/*他サイトバナー*/
@media screen and (min-width:768px) {
	.site_bnr {
		text-align:center;
	}
}

/*「ほっとハウス」グループ*/
@media screen and (max-width:767px) {
	/**/
	.hottoGroup {
		margin: 30px 2% 0;
		padding:10px 2%;
		border:4px solid #dc0000;
		border-radius: 10px;
		position: relative;
	}
	.hottoGroup_title {
		text-align: center;
		font-size: 1.8rem;
	}
	.hotto_j {
		width: 64%;
		margin:10px auto;
	}
	.hotto_other {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap:15px 0;
	}
	.hottoGroup dl {
		width: 48%;
	}
	.hotto_other .dd01 {
		border-bottom: 1px solid #515151;
		font-size: 1.6rem;
	}
	.dd01 a {color:#000;}
	.dd01 .sp_br {
		font-size: 1.2rem;
	}
	.hotto_other .dd02 {
		font-size: 1.4rem;
	}
}
@media screen and (min-width:768px) {
	/**/
	.hottoGroup {
		width:900px;
		margin: 30px auto 0;
		padding-top:20px;
		border:4px solid #dc0000;
		border-radius: 10px;
		position: relative;
	}
	.hottoGroup_title {
		position: absolute;
		top:20px;
		left:20px;
	}
	.hotto_j {
		text-align: center;
	}
	.hotto_other {
		width: 830px;
		margin:20px auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap:20px 0;
	}

	.hottoGroup dl {
		width: 250px;
	}
	.hotto_other .dd01 {
		border-bottom: 1px solid #515151;
		font-size: 1.4rem;
	}
	.dd01 a {color:#000;}
	.hotto_other .dd02 {
		font-size: 1.4rem;
	}
}


@media screen and (max-width:767px) {
	.billboard {width:100%;}
	.cp1_title {
		position:relative;
		overflow:hidden;
	}
	.cp1_m {
		width:35%;
		height:auto;
		bottom:0;
		right:-3%;
		position:absolute;
	}
	.cp_bnr01 a {
	    text-decoration: underline;
	    color: #0000EE;
	}
}
@media screen and (min-width:768px) {
	.cp1_title {position:relative;}
	.cp1_m {
		bottom:-15px;
		right:3px;
		position:absolute;
	}
	.cp_bnr01 a {
	    text-decoration: underline;
	    color: #0000EE;
	}
}
@media screen and (max-width:767px) {
	.riyuu dt {
		position:relative;
	}
	.riyuu_no1_t {
		width:45%;
		bottom:0%;
		right:0%;
		position:absolute;
	}
	.riyuu_no2_t {
		width:45%;
		bottom:0%;
		left:0%;
		position:absolute;
	}
	.riyuu_no3_t {
		width:38%;
		bottom:0%;
		right:2%;
		position:absolute;
	}
}
@media screen and (min-width:768px) {
	.riyuu_no1_t img,.riyuu_no2_t img,.riyuu_no3_t img {
		width:100%;height:auto;
	}

	.riyuu dt {
		position:relative;
	}
	.riyuu_no1_t {
		width:30%;
		bottom:0%;
		right:0%;
		position:absolute;
	}
	.riyuu_no2_t {
		width:35%;
		bottom:0%;
		left:0%;
		position:absolute;
	}
	.riyuu_no3_t {
		width:25%;
		bottom:0%;
		right:3%;
		position:absolute;
	}
}

@media screen and (max-width:767px) {
	.partnership_image {position:relative;}
	.m4 {
		width:47%;
		bottom:0%;
		right:7%;
		position:absolute;
	}
	.partnership_img2 {
		position:relative;
		z-index:5;
	}
}
@media screen and (min-width:768px) {
	.m4 {
		width:32%;
		bottom:0%;
		right:3%;
		position:absolute;
	}
	.m4 img {
		width:100%;height:auto;
	}
}

@media screen and (max-width:767px) {
	.hh_info_img01 {position:relative;}
	.m5 {
		width:49%;
		bottom:0%;
		left:5%;
		position:absolute;
	}
}
@media screen and (min-width:768px) {
	.hh_info_img01 {position:relative;}
	.m5 {
        width: 50%;
        bottom: -3%;
        left: 7%;
		position:absolute;
	}
	.m5 img {
		width:100%;height:auto;
	}
}

