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

/* 共通 */
*{
	color: inherit; /*色の初期値をなくして親の色を継承*/
	font-weight: inherit;/*太さ　フォント　ファミリー*/
	font-family: 'Noto Sans JP', sans-serif;	/*font-family: tbudrgothic-std, sans-serif;*/
	font-style: normal;
	list-style: none;
}
a:hover{
	cursor: pointer;
}
html{
	overflow: auto;
}
body {
	width: 100%;
	overflow: hidden;
	min-width: 300px;
	color: #666;
}
/*表示整頓用*/
.no_overflow{
	display: block;
	padding: 0.1px;
}
/*表示のオン・オフ*/
.no_show{
	display: none;
}
.show_sp{
	display: block!important;
}
.show_sp-tb{
	display: block!important;
}
.show_tb-pc{
	display: none!important;/*tbからPC表記の箇所。*/
}
.show_pc{
	display: none;
}
.no_overflow{
	display: block;
}

/* フォントサイズ */
/*固定*/
.fs_3s{
	font-size: 14px;
}
.fs_2s{
	font-size: 16px;
}
.fs_s{
	font-size: 18px;
}
.fs_m{
	font-size: 20px;
}
.fs_l{
	font-size: 28px;
}
.fs_2l{
	font-size: 36px;
}
.fs_3l{
	font-size: 48px;
}
/* スマホで3S */
.fs_3s_2s,.fs_3s_s{
	font-size: 14px;
	}

/* スマホで2S */
.fs_2s_m,.fs_2s_s{
	font-size: 16px;
}

/* スマホでS */
.fs_s_m,.fs_s_l{
	font-size: 18px;
}
/* スマホでM */
.fs_m_l,.fs_m_2l{
	font-size: 20px;
}

/* スマホでL */
.fs_l_2l,.fs_l_3l{
	font-size: 28px;
}

/*スマホで２L*/
.fs_2l_3l{
	font-size: 36px;
}

/*文字の太さ指定*/
.b{
	font-weight: bold;
}

/*文字関連の設定*/
/*揃え*/
.tx_c{
	text-align: center;
}
.tx_l{
	text-align: left;
}
.tx_r{
	text-align: right;
}

/*フォントカラー*/
.c_red{
	color: #ff0000;
}

/*マーカー*/
.marker_yellow{
	background: linear-gradient(transparent 40%,#ffff55 40%);
}
.marker_red{
	background: linear-gradient(transparent 40%,rgba(255,0,0,0.6) 40%);
	
	
}
/*ボックスシャドウ*/
.box_shadow{
	box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1);
}



/*幅調整用*/
.container{
	/*width: 90%;
	max-width: 400px;/*1020px*/
	min-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

/*ポシジョンラップ*/
.position_wrap{
	width: 100%;/*height100%禁止*/
	position: relative;
}

/*フレックス：ベンダープレフィクス*/
.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.flex_center{
	justify-content: center;
	align-items: center;
}
/*バックグランドイメージ*/
.bg_sz_ps{
	background-position: center;
	background-size: cover;
}
/*▼h2緑の下線*/
.green_line{
	width: 90%;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	border-bottom: 2px solid #00C300;
}
/*▲h2緑の下線*/

/*--------------conA:ファーストビュー--------------*/
.conA{
	width: 100%;
	overflow: visible;
	padding-bottom: 80px;
}
.conA .position_wrap{
	height: 100%;
}
.conA .position_wrap .textbox{
	position: absolute;
	top: 20%;
}
.conA .hero{
	background-image: url(../img/line_top.png);
/*	background-image: url(../img/hero_sp_lighter.jpg);*/
	height: 80vh;
}
.conA .h1_wrap{
	margin-left: auto;
	margin-right: auto;
		width: 100%;
	max-width: 600px;
	margin-bottom: 150px;

}
.conA .h1_wrap h1{
}
.conA .h1_wrap h1 img{
	width: 100%;
}
.conA .iphone_wrap{
	height: 240px;
	overflow: visible;
	max-width: 466px;
}
@keyframes float{
	0%{
		opacity: 0;
		transform: translateY(200px);
	}
	70%{
		transform: translateY(-20px);
	}
	100%{
		opacity: 1;
		transform: translateY(0px);
	}
}
.conA .iphone_wrap img{
	position: absolute;
	top: -33vw;
	z-index: 999;
	width: 80vw;
	min-width: 300px;
	animation: float 0.6s;
	max-width: 400px;


}
.conA .tapes_wrap{
	position: absolute;
	bottom: 80px;
	right: 0;
	padding-right: 6px;
}
.conA .tapes_wrap .tapes{
	display: block;
	background-color: #fff;
	box-shadow: 3px 3px 10px 2px rgba(0,0,0,0.1);
	padding: 6px 10px;
	font-size: 16px;
	margin-top: 20px;
	letter-spacing: 0.2em;
}
.conA .tapes_wrap .tape01{
	width: 290px;
	animation: SlideIn 0.6s;
}
.conA .tapes_wrap .tape02{
	width: 320px;
	animation: SlideIn 1.0s;
}
.conA .tapes_wrap .tape03{
	width: 300px;
	animation: SlideIn 1.6s;
}

@keyframes SlideIn{
	0%{
		opacity: 0;
		transform: translateX(-80px);
	}
	100%{
		opacity: 1;
		transform: translateX(0px);
	}
}
.btn_sp{
	display: block;
	background: linear-gradient(to right,rgba(92,236,91,0.2),rgba(0,211,0,1));
	color: #fff;
	padding: 10px 20px;
	border-radius: 50px;
    width: 300px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 0 10px 2px rgba(20,20,20,0.1);
}
/*▼住宅建築コーディネーターの補足*/
.conA .memo_tag_wrap .memo_tag{
	background-color: #fff;
	box-shadow: 2px 3px 10px 2px rgba(20,20,20,0.1);
	width: 90%;
	min-width: 200px;
	max-width: 380px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 20px;
	box-sizing: border-box;
}
.conA .memo_tag_wrap .memo_tag .lightbox{
	align-items: flex-start;
}
.conA .memo_tag_wrap .memo_tag .lightbox .img{
	width: 21px;
	height: 38px;
	background-image: url(../img/light.png);
	background-position: center;
	background-size: contain;
	margin-right: 20px;
	background-repeat: no-repeat;
}
.conA .memo_tag_wrap .memo_tag .lightbox h3{
}
.conA .memo_tag_wrap .memo_tag .memo_text{
	line-height: 1.5em;
}
.conA .cta_wrap{
/*	margin-bottom: 40px;*/
	margin-bottom: 20px;
}
.conA .cta_wrap a:hover{
	background: linear-gradient(to right,rgba(92,236,91,0.1),rgba(0,211,0,0.8));
}
@media(max-width:349px){
	.conA .hero{
		height: 90vh;
	}
}
@media(min-width:560px){
	.conA .iphone_wrap{
		margin-bottom: 100px;
	}
	.conA .position_wrap .textbox{
		top: 10%;
		left: 50%;
		transform: translateX(-50%);
	}
}
@media(min-width:960px){
	.conA{
		height: 90vh;
	}
	.conA .hero{
		background-image: url(../img/line_top.png);
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		overflow: visible;
		height: 90vh;
	}
	.conA .position_wrap{
		height: 100%;
		width: 100%;
	}
	.conA .position_wrap .banner_top{
		position: absolute;
		top: 0;
		right: 0;
		max-width:500px; 
	}
	.conA .position_wrap .banner_top a img{
		box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1);
	}
	.conA .position_wrap .textbox{
		width: 60%;
		position: absolute;
		bottom: 50%;
		right: 50%;
		transform: translate(-50%,50%);
		z-index: 9999;
		
	}

	.conA .position_wrap .h1_wrap{
		justify-content: center;
		align-items: center;
		padding-bottom: 20px;
		width: 80%;
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
	.conA .position_wrap .h1_wrap h1 img{
		width: 80%;
	}
	.conA .hero .position_wrap .tapes_wrap{
		left: -20px;
		top: 5%;
	}
	.conA .hero .position_wrap .memo_tag{
		position: absolute;
		left: 20px;
		bottom: -5%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 60%;
		max-width: 600px;
		border-left: 12px solid #07B53B;
	}
	.conA .hero .position_wrap .memo_tag .lightbox{
		flex: 2;
		width: 200px;

	}
	.conA .hero .position_wrap .memo_tag .lightbox img{
		margin: 0;
		width: 20px;
		height: auto;
	}
	.conA .hero .position_wrap .memo_tag .memo_text{
		flex: 3;
		border-left: 1px dotted #07B53B;
		padding-left: 10px;
		letter-spacing: 0.06em;
	}
	.fw_900{
		font-weight: 900;
	}
	.conA .hero .position_wrap .iphone_wrap{
		position: absolute;
		right: 10%;
		bottom: -100px;
		margin-bottom: 0;
		height: auto;
		overflow: visible;
	}
	.conA .hero .position_wrap .iphone_wrap img{
		position: static;
		width: 20vw;
		min-width: 200px;
		height: auto;
	}
	.btn_pc{
		display: block;
		background: linear-gradient(to right, rgba(92,236,91,0.2), rgba(0,211,0,1));
		color: #fff;
		padding: 10px 20px;
		border-radius: 50px;
	    width: 300px;
		box-sizing: border-box;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 0 0 10px 2px rgba(20,20,20,0.1);
	}
}

/*▲conA：ファーストビュー*/
/*▼conB：こんなご家族におすすめ*/
.conB{
	margin-bottom: 80px;
}
.conB .imgbox{
	width: 90%;
	min-width: 300px;
	max-width: 380px;
	margin: 0 auto 40px;
}
.conB .imgbox img{
	width: 100%;
}
.conB .text_container{
	width: 100%;
	min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 20px;
}

.conB .text_container .textbox{
	width: 35vw;
	box-sizing: border-box;
	height: 200px;
	min-width: 200px;
	border: 2px solid #333;
	margin: 20px 10px 10px;
	font-size: 20px;
	padding: 20px;
	letter-spacing: 0.1em;
	box-shadow: 6px 6px 0 0px #00D300;
/*吹き出しの設定*/
    position: relative;
    display: inline-block;
    background-color: #fff;
}
.conB .text_container .textbox:before,
.conB .text_container .textbox:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.conB .text_container .textbox:before {
    border: solid 24px transparent;
    border-bottom: solid 24px #333;
	
}
.conB .text_container .textbox:after {
    border: solid 24px transparent;
    border-bottom: solid 24px #fff;
    margin-bottom: -3px;
}

@media(min-width:960px){
	.conB .text_container{
		width: 90%;
		min-width: 300px;
		max-width: 1270px;
	
	}
	.conB .text_container .textbox{
		width:20vw;
		height: 200px;
		min-width: 200px;
		max-width: 200px;
		
	}
}
/*▲conB:こんなご家族*/
/*▼conC*/

.conC{
	margin-bottom: 80px;
	background: #fafafa;
	padding-top: 40px;
	padding-bottom: 40px;
}
.conC .container{
	width: 90%;
	flex-wrap: wrap;
}
.conC .container .box{
	max-width: 360px;
	background: #fff;
	box-shadow: 3px 3px 10px 3px rgba(20,20,20,0.1);
	margin: 20px;
	padding: 40px;
}
.conC .container .box h3{
	color: #009245;
}
.conC .container .box h3 .number{
	display: inline-block;
	margin-bottom: 20px;
	border-bottom: 2px solid #009245;
}
.conC .container .box img{
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}
.conC .container .box:last-child img{
	margin-top: 20px;
	margin-bottom: 20px;
}
.conC .imgbox{
	width: 100%;
	box-sizing: border-box;
	background-image: linear-gradient(rgba(20,20,20,0.2),rgba(20,20,20,0.6)),url(../img/meeting.jpg);
	min-height: 400px;
	padding: 80px 10px 100px;
	color: #fff;
	
}
.conC .imgbox h3{
	margin-bottom: 180px;
	border-bottom: 2px solid #fff;
	max-width: 600px;
	
}
@media(min-width:960px){
	.conC h2{
		width: 660px;
	}
	.conC .container{
		max-width: 1400px;
		margin-bottom: 80px;
	}

	.conC .container .box{
		box-sizing: border-box;
		max-width: 280px;
		height: 400px;
	}
	.conC .imgbox{
		width: 80%;
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	.conC .imgbox h3{
		margin-left: auto;
	}
	.conC .imgbox p{
		line-height: 2em;
	}
	.conC .imgbox img{
		position: absolute;
		bottom: 20px;
		right: 20px;
	}
}
/*▲conC*/
/*▼conD*/
.conD{
	margin-bottom: 80px;
	padding-top: 40px;
	padding-bottom: 40px;
	
}

.conD .talking{
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom: 80px;
}
@media(min-width:960px){
	.conD .talking h3{
		position: absolute;
		top: 10%;
		left: 10%;
	}
}
/*▲conD*/
/*▼conE*/
.conE{
	margin: 80px auto;
	width: 100%;
	min-width: 300px;
	max-width: 760px;
	padding-top: 40px;
	padding-bottom: 40px;

}
.conE .container{
	flex-wrap: wrap;
}
.conE .container .box{
	width: 90%;
	min-width: 200px;
	max-width: 300px;
	padding: 30px 15px;
	margin: 10px;
	border-radius: 20px;
	background: #cfb;
	height: 400px;
}
.conE .container .box h3{
	background: #fff;
	border-radius: 50px;
	padding: 20px;
	margin-bottom: 40px;
	/*吹き出し用*/
	position: relative;
}
.conE .container .box p{
	margin-bottom: 40px;
	background: #fff;
	border-radius: 20px;
	padding: 15px;
	line-height: 2em;
}
.conE .container .box img{
	position: absolute;
	bottom: 20px;
	width: 30%;
}

.conE .container .box h3:before{
	content: "";
	position: absolute;
	border: 16px solid transparent;
	border-left: 16px solid #fff;
	border-width: 0px 16px 16px 16px;/*鋭角の吹き出しを作る*/
	top: 50%;
	left: 99%;
	transform: translateY(-50%);
}
.conE .container .box p:before{
	content: "";
	position: absolute;
	border: 16px solid transparent;
	border-right: 16px solid #fff;
	border-width: 0px 16px 16px 16px;/*鋭角の吹き出しを作る*/
	top: 70%;
	right: 95%;
	transform: translateY(-50%);
}


/*▲conE*/
/*▼conF*/
.conF{
	margin: 80px auto;
	background: #fafafa;
	padding-top: 40px;
	padding-bottom: 40px;
}
.conF h3{
	width: 90%;
	margin: 20px auto;
	max-width: 1200px;
	color: #fff;
	background: #00C300;
	padding: 10px
}
.conF .container{
	flex-wrap: wrap;
	max-width: 1200px;
	width: 90%;
	align-items: flex-start;
}
.conF .container .box{
	max-width: 300px;
	margin: 40px;
	position: relative;

}
.conF .container .s_box{
	max-width: 260px;
	margin: 20px;
	position: relative;
}
.conF .container .box img{
	width: 100%;
	border: 0.5px solid #333;
}
.conF .container .s_box img{
	width: 100%;
	border: 0.5px solid #333;
}
.conF .container .box:not(:last-child)::after{
	content: url(../img/chevron-circle-down-solid.svg);
	position: absolute;
	width: 30px;
	top: 105%;
	left: 50%;
	transform: translateX(-50%);
}
.conF .container .s_box:not(:last-child)::after{
	content: url(../img/chevron-circle-down-solid.svg);
	position: absolute;
	width: 30px;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}
@media(min-width:481px){
	.conF .container .box:not(:last-child)::after{
		content: url(../img/chevron-circle-right-solid.svg);
		top: 50%;
		left: 105%;
		transform: translateY(-100%);
	}
	.conF .container .s_box:not(:last-child)::after{
		content: url(../img/chevron-circle-right-solid.svg);
		top: 250px;
		left: 101%;
		transform: translateY(-100%);
	}
}

/*▲conF*/
/*▼conG:こんな風に話しかけてみてください*/
.conG{
	margin: 80px auto;
	padding-top: 40px;
	padding-bottom: 40px;
}
.conG .container{
	width: 90%;
	max-width: 1200px;
	flex-wrap: wrap;
}
.conG .container .box{
	box-sizing: border-box;
	margin: 20px;
	padding: 80px 15px;
	width: 100%;
	min-width: 300px;
	max-width: 360px;
	height: 560px;
	
}
.conG .container .box:first-child{
	background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)),url(../img/board.jpg);
}
.conG .container .box:last-child{
	background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)),url(../img/office.jpg);
}
.conG .container .box h3{
	margin-bottom: 80px;
    border-bottom: 2px solid #fff;
    max-width: 600px;
	color: #fff;
}
.conG .container .box p{
	background: #fff;
	width: 240px;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
	border-radius: 40px;
	position: relative;
	box-sizing: border-box;
}

.conG .container .box .baloon_left{
	margin-right: auto;	
}
.conG .container .box .baloon_right{
	margin-left: auto;
}
.conG .container .box .baloon_left::before{
	content: "";
	position: absolute;
	top: 50%;
	right: 99%;
	transform: translateY(-50%);
	border: 24px solid transparent;
	border-right: 24px solid #fff;
	border-width: 0 10px 10px 10px;
}
.conG .container .box .baloon_right::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 99%;
	transform: translateY(-50%);
	border: 24px solid transparent;
	border-left: 24px solid #fff;
	border-width: 0 10px 10px 10px;
}


@media(min-width:960px){
	.conG .container .box{
		max-width: 500px;
		padding: 80px 40px;
	}
}

/*▲conGこんな風に話しかけてみてください*/
/*▼conH:よくあるご質問*/
.conH{
	margin: 80px auto;
	padding-top: 40px;
	padding-bottom: 40px;
}
.conH .container{
	width: 90%;
	max-width: 1400px;
	flex-wrap: wrap;
	align-items: flex-start;
}
.conH .container .box{
	width: 100%;
	height: 360px;
	max-width:300px; 
	background: #fff;
    box-shadow: 3px 3px 10px 3px rgba(20,20,20,0.1);
    margin: 20px;
    padding: 40px;

}

.conH .container .box h3{
	margin-bottom: 40px;
	color: #009245;
}
.conH .container .box h3 .question{
	display: block;
	font-size: 28px;
	width: 60px;/*30*/
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #009245;
	color: #fff;
	border-radius: 10px;
	/*border-bottom: 2px solid #009245;*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.conH .container .box p{
	margin-top: 20px;
}
.conH .container .box p .answer{
	display: block;
	font-size: 20px;
	width: 30px;
	border-radius: 5px;
	color: #009245;
	border: 2px solid #009245;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

/*▲conH:よくあるご質問*/
/*▼conI:CTA/バナー*/
.conI{
	margin: 80px auto 0;
	padding-top: 40px;
	background: #fafafa;
}
.conI .cta_sp{
	display: block;
    background: linear-gradient(to right,rgba(92,236,91,0.2),rgba(0,211,0,1));
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    width: 300px;
	box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 10px 2px rgba(20,20,20,0.1);
}
.conI .cta_p_sp{
	margin-bottom: 80px;
	padding: 20px;
}
.conI .banner_container{
	width: 90%;
	max-width: 1200px;
	min-width: 300px;
	margin: 40px auto 0;
	flex-wrap: wrap;
	justify-content: center;
}
.conI .banner_container .banner_box{
	margin: 40px 10px;
	width: 100%;
	max-width: 300px;
	box-sizing: border-box;
}
.conI .banner_container .banner_box img{
	width: 100%;
	box-shadow: 3px 3px 10px 3px rgba(20,20,20,0.1);
}
@media(min-width:960px){
.conI .container .box .kensaku_wrap ol{
	opacity: 1;
	}
}
/*▲conI:CTA/バナー*/
/*footer*/
footer{
	background: #fafafa;
	padding-bottom: 80px;
}



/*▼aside:下端・右端固定ボタン*/
/*携帯：下端固定。*/

#btn_sp{
	/*横長版*/
	position: fixed;
	bottom: 0;
	padding-top: 10px;
	border-radius: 20px 20px 0 0;
	width: 100%;
	background: #000;
	background: linear-gradient(to right,rgba(92,236,91,0.2),rgba(0,211,0,1));
	z-index: 99999;
	color: #fff;
	box-shadow: 0 0 3px 3px rgba(25,25,25,0.1);
	opacity: 0;
	transition: all 0.65s;
	/**/
	/**/
}
#btn_sp.isActive {
	opacity: 1;
	transition: all 0.65s;
}
@media(min-width:560px){
/*タブレット以上：右端固定。*/
	#btn_pc{
		opacity: 0;
		transition: all 0.65s;
		/**/
		/**/
	}
	#btn_pc.isActive {
		opacity: 1;
		transition: all 0.65s;
	}

}
/*▲aside:下端・右端固定ボタン*/






/*★★★★★★★★★★ここからタブレット以上★★★★★★★★★★*/
@media(min-width:560px){
	/*表示のオンオフ*/
	.show_sp{
		display: none!important;
	}
	.show_sp-tb{
		display: block!important;
	}
	.show_tb-pc{
		display: block!important;/*show_spと併記で、tbでもスマホ表示。*/
	}
	.show_pc{
		display: none;
	}

/* 文字サイズのメディアクエリ★★★★★★★★★★ */
	.fs_3s_2s{
		font-size: 16px;
	}
	.fs_2s_s,.fs_3s_s{
		font-size: 18px;
	}
	.fs_2s_m,.fs_s_m{
		font-size: 20px;
	}
	.fs_m_l{
		font-size: 28px;
	}
	.fs_l_2l,.fs_m_2l{
		font-size: 36px;
	}
	.fs_l_3l,.fs_2l_3l{
		font-size: 48px;
	}
	/*▼conI*/
	.conI h2{
		width: 800px;
	}
	.conI .container{
		box-sizing: border-box;
		flex-wrap: wrap;
		width: 90%;
		max-width: 760px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 80px;
	}
	.conI .container .box{
		flex: 1;
		width: 360px;
		margin: 0;
	}
	.conI .container .box .QR{
		width: 60%;
		margin-top: 40px;
	}
	.conI .container .box .kensaku_wrap{
		background-color: #00D300;
		position: relative;
		padding: 80px 15px 20px;
		box-sizing: border-box;
		border-radius: 20px;
		margin-top: 20px;
	}
	.conI .container .box .kensaku_wrap .icon{
		position: absolute;
		right: 10px;
		top: 10px;
		background-color: #fff;
		width: 140px;
		border-radius: 50px;
		padding: 5px 15px;
	}
	.conI .container .box .kensaku_wrap .icon img{
		border-radius: 50%;
	}
	
	.conI .container .box .kensaku_wrap ol{
		line-height: 2em;
		color: #fff;
		opacity: 0;
	}
	.conI .container .box .kensaku_wrap .id_kensaku_box{
		margin-top: 40px;
		background-color: #fff;
	}
	/*▲conI*/
/*サイド固定ラベル*/
	aside .sidefixed_card{
		position: fixed;
		right: 0;
		bottom: 0;
		width: 160px;
		box-sizing: content-box;
		border-radius: 50px 0 0 50px;
		box-shadow: -6px -6px 10px 0px rgba(25,25,25,0.1);
		overflow: hidden;
		background-color: #fff;
	}
	 .cta h2{
		line-height: 2em;
		background-color: #00C300;
		color: #fff;
		font-size: 18px;
		overflow: hidden;
		padding:10px 20px;
	}
	 .cta div{
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.cta .id_kensaku_box{
		display: inline-block;
		width: 60%;
		border: 0.1px solid #aaa;
		padding: 5px;	
	}
	.cta h3{
		color: #00c300;
		border: 1px solid #00c300;
		border-radius: 50px;
		width: 100px;
		margin: 10px auto;
	}
	.cta .id_kensaku_box .cursor{
		height: 16px;
		margin-left: 10px;
		border-right: 1px solid #008CED;
	}

/*サイド固定ラベル*/

}

/*★★★★★★★★★★ここからPC以上★★★★★★★★★★*/
@media(min-width:960px){
/* 文字サイズのメディアクエリ★★★★★★★★★★ */
	.fs_3s_2s{
	}
	.fs_2s_s,.fs_3s_s{
	}
	.fs_2s_m,.fs_s_m{
	}
	.fs_m_l{
	}
	.fs_l_2l,.fs_m_2l{
	}
	.fs_l_3l,.fs_2l_3l{
	}	
	
	/*表示のオンオフ*/
		/*表示のオンオフ*/
	.show_sp{
		display: none!important;
	}
	/*タブレット限定の表示や要素はない。*/
	.show_sp-tb{
		display: none!important;
	}
	.show_tb-pc{
		display: block!important;/*tbからPC表記の箇所。*/
	}
	.show_tb.show_sp{
		display: none;
	}
	.show_pc{
		display: block;
	}
	.green_line{
		max-width: 800px;
	}
	aside .sidefixed_card{
		width: 200px;
	}
}