@charset "UTF-8";

/* ディスプレイ メイン画像の切り替え （slick使用）*/
	.kv .kv_switch {
		background: url("../images/img_function_display_01-bg.jpg") no-repeat;
		background-size: 100%;
	}
@media screen and (max-width: 640px) {
	.kv .kv_switch {
		padding-top: 125px;
		background-position: 0 125px
	}
}

/* 同梱スタンド */
.stand {
	display:flex;
	max-width: 960px;
	margin: 8em auto 0;
	box-shadow: 0 0 20px rgba(0,0,0,0.3) ;
	border-radius: 15px;
}
.stand p {
	box-sizing:border-box;
	width:50%;
	background: linear-gradient(to bottom, #79abdc 0%,#0066a0 100%);
	color:#fff;
	padding:1em;
	border-top-left-radius: inherit;
	border-bottom-left-radius: inherit;
}
.stand ul{
	width:50%;
	position: relative;
	background-color: #fff;
	border-top-right-radius: inherit;
	border-bottom-right-radius: inherit;
}
.stand ul li{
	position: absolute;
	color:#0066a0;
	font-weight:500;
	font-size:20px;
	text-align: left;
	line-height: 1.3;
}
.stand ul li.stand_img {
	bottom:40px;
	left:90px;
	width:250px;	
}
.stand ul li.stand_img img {
	width:100%;
}
.stand ul li.cap1 {
	bottom:20px;
	left:30px;
}
.stand ul li.cap2 {
	top:20px;
	right:30px;
}
@media screen and (max-width: 640px) {
	.stand {
		display:block;
		margin: 15px auto;
		width:300px;
	}
	.stand p {
		box-sizing:border-box;
		width:auto;
		padding:1em;
		border-bottom-left-radius :0;
		border-top-right-radius: inherit;
	}
	.stand ul{
		width:auto;
		position: relative;
		background-color: #fff;
		border-top-right-radius: 0;
		border-bottom-left-radius: inherit;
	}
	.stand ul li{

		font-size:15px;

	}
	.stand ul li.stand_img {
		position:static;
		width:auto;
		text-align: center;	
		padding:20px;
	}
	.stand ul li.stand_img img {
		max-width:60%;
	}
	.stand ul li.cap1 {
		bottom:15px;
		left:15px;
	}
	.stand ul li.cap2 {
		top:15px;
		right:15px;
	}
}

/* リラックスビュー*/
.relax_view{
     width:960px;
    margin: 2em auto 0;
    background: url("../images/bg_display.png") no-repeat;
	padding:63.5px 0 70px;
}
.relax_view .txt_shadow_slider {
	text-shadow:0px 0px 10px #000;
}
.relax_view .cd-image-label{
    background:#10a9b3; 
}

.relax_view .cd-image-label{
    font-size:18px;
    background:#10a9b3;
    box-shadow:5px 5px 5px rgba(0,0,0,0.2);
    width: 2em;
    height: 2em;
    border-radius:50%;
	display: flex;
  	justify-content: center;
  	align-items: center;
    bottom:1em;
    right:1em;
}
.relax_view .cd-resize-img .cd-image-label {
    background:#999;
    left:1em;
}

@media screen and (max-width: 640px) {
    .relax_view {
        width:auto;
        margin: 2em 3% 0;
        padding: 6.45% 5.729% 7.291% 5.729%;
        background-size:100%;
    }
    .relax_view .cd-image-label{
        font-size:12px;
    }
}


/* キッヅつながリンク ボタン2行調整 */
.container .bk .btn_blank {
	line-height: 1.2;
}
@media screen and (max-width: 640px){
	.container .bk .btn_blank {
		position: relative;
		padding: 10px 60px 10px 40px;
        text-align: center;
        line-height: 1.2;
        margin: 0;
	}
	.container .bk .btn_blank span:after {
		position: absolute;
		right: 20px;
		top: calc(50% - 8px);
	}
}