@charset "utf-8";

/*
#abcd03
#64bcd4
#ed6c00
#ffac0a
*/


.youtube-box {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube-box iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/* ------------------------------------
   製品情報セクション
-------------------------------------- */
.product-section{

}
@media screen and (max-width: 640px){
	.product-section h2{
		font-size:20px;
		background:#0057b8;
		color:#fff;
		border-radius:5px;
		padding:10px 10px;
	}
	
}


/* ------------------------------------
   製品情報ヘッダ
 -------------------------------------- */
.product-header{
    color: #fff;
    /* border-top:solid 1px #fff; */
    /*background-image: linear-gradient(to right, #27a3c7, #baeef4); */
	background-image: linear-gradient(to right, #0057b8, #3087e8);
    background-position: left bottom;
    background-size: 100% 100%;
    padding-top:40px;
    padding-bottom:40px;
	overflow:hidden;
}
/* --- */
.product-header-flex{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	height:340px;
}
.product-header-name{
	width:57%;
}
.product-header-name h1{
	font-weight:900;
	font-size:40px;
	letter-spacing:0.1em;
	text-shadow: 0px 1px 3px #333;
}
.product-header-name h1 span.yomi{
	font-size:0.8em;
}
.product-header-name span.product-type-name{
	display:inline-block;
	background:#fff;
	color:#0057b8;
	font-size:20px;
	padding:5px 10px;
	border-radius:3px;
	margin-bottom:5px;
	line-height:1.2;
	font-weight:700;
}
.product-catchcopy{
	margin-top:20px;
	font-size:24px;
	padding:20px 0;
	border-top:solid 1px #baeef4;
}

/* デリソフターの購入ボタン */
.product-name-custom-delisofter{
	font-size:15px;
	text-shadow: none;
	display: inline-block;
	font-family: 'Noto Sans JP', sans-serif;
	position: relative;
	margin-left:105px;
	width:240px;
	vertical-align: 5px;
}
.product-name-custom-delisofter a{
	font-size: 18px;
    background: #e32100;
	color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
	height:50px;
	padding:0 30px;
    background: #e32100;
    border-radius: 5px;
    font-weight: 700;
}

.product-name-custom-delisofter .fukidashi{
	position: absolute;
	top:-40px;
	font-size:14px;
	text-align:center;
	font-weight: 700;
	background:#fff;
    border-radius: 50px;
	width:200px;
    background-color: #592ff4;
	color:#fff;
    padding: 5px 0px;
    text-align: center;
    box-shadow: rgba(47, 47, 47, 0.3) 0px 2px 8px 0px;
}

.product-name-custom-delisofter .fukidashi::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 40px;
    bottom: -5px;
    border-top: 8px solid #592ff4;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

@media screen and (max-width: 640px){
	.product-name-custom-delisofter{
		display: none;
	}
	
}

/* -------------------- */


.product-header-image{
	width:40%;
	text-align:center;

}


/* ころやわ */
.product-header-name-koroyawa{
	width:47%;
}
.product-header-image-koroyawa{
	width:50%;
}


@media screen and (max-width: 640px){
	.product-header-flex{
		display:block;
		height:auto;
	}
	.product-header-name,
	.product-header-name-koroyawa
	{
		width:100%;
		padding:0 5px;
		text-align:center;
	}
	.product-header-image,
	.product-header-image-koroyawa
	{
		width:100%;
	}
	.product-header-name h1{
		font-size:26px;
		letter-spacing:0.1em;
		text-shadow: 0px 1px 3px #333;
	}
	.product-header-name h1 span.yomi{
		display: block;
		line-height:1.5;
	}
	.product-catchcopy{
		font-size:16px;

	}

	.product-header-name span.product-type-name{
		font-size:16px;

	}

}

/* ------------------------------------
   カタログダウンロード
 -------------------------------------- */
 .catalog-dl-link{
	display: block;;
	border-radius:5px;
	border:solid 2px #aaa;
	text-align:center;
	padding:35px 10px;
	margin-bottom:10px;
	font-size:30px;
	transition: all 0.4s ease;
	font-weight:900;
	color:#333;
	background:url(../img/index/bg_fukushiyogu_btn.jpg) center top no-repeat;
	background-size: cover;
	line-height:1.3;
}
.catalog-dl-link div{
	font-size:16px;
	margin-top:10px;
	line-height:1.7;
}
.catalog-dl-link:hover{
	border-color:#ffa000;
	color:#ffa000;
}
@media screen and (max-width:1080px) {
	.catalog-dl-link{
		background-position:center right;
		text-shadow: 1px 1px 3px #fff;
	}
}

/* ------------------------------------
   比較表
 -------------------------------------- */
.scroll-table {
	overflow: auto;
	white-space: nowrap;
}
.scroll-caution
{
	 display: none;
}

.comp-table{
	width:1080px;
	border-top:solid 1px #aaa;
	border-left:solid 1px #aaa;
	border-collapse:collapse;
}
.comp-table th,
.comp-table td{
	padding:5px;
	border-bottom:dotted 1px #aaa;
	border-right:solid 1px #aaa;
	text-align:center;
}
.comp-table th.sline,
.comp-table td.sline{
	border-bottom:solid 2px #aaa;
}
.comp-table th.product{
	width:160px;
}
.comp-table th a{
	display: block;
	margin-top:5px;
	background:#0057b8;
	color:#fff;
	border-radius:5px;
	font-size:14px;
	padding:3px 10px;
}
.comp-table td sup{
	color:#0057b8;
}
.comp-caution{
	font-size:14px;
	padding:10px 0;
}

@media screen and (max-width: 1080px){
	.scroll-table {
		box-shadow:0px 0px 8px 3px #ccc inset;
		box-shadow: 5px 0 5px -4px rgba(180, 180, 180, 0.8)  inset, -5px 0 8px -4px rgba(180, 180, 180, 0.8)  inset;
	}
	.comp-table{
		width:100%;
	}
	.scroll-caution{
		display: block;
	}
}


/* ------------------------------------
   共通セクション
 -------------------------------------- */
.product-section-b{
	background: linear-gradient(to bottom left, #bde8ff, #e4f7ff);
}




/* --- */
.product-ttl-box{
	text-align:center;
}

h2.product-ttl{
	display: inline-block;
    position: relative;
    font-weight: bold;
    font-size: 2.2rem;
	text-align:center;
	color:#0057b8;
}

h2.product-ttl-y{
	color:#ffac0a;
}
h2.product-ttl-y:before {
    background-color: #ffac0a;
}



.func-point-list{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top:30px;
}

.func-point-list li{
	width:32%;
	font-size:16px;
	margin-bottom:15px;
	border:solid 1px #0057b8;
	border-radius:3px;
}
.func-point-list:after {
	content: "";
	display: block;
	width: 32%;
	height: 0;
}

.func-point-list li .func-icon{
	width:80px;
	float:right;
}
.func-point-list li strong{
	background:#0057b8;
	display:block;
	color:#fff;
	padding:10px;
	border-radius:3px 3px 0 0;
	font-size:18px;
}
.func-point-list li p{
	padding:1em 0.5em;
}
@media screen and (max-width: 1080px){
	.func-point-list li{
		width:49%;
	}
	.func-point-list li .func-icon{
		width:100px;
		float:none;
		margin:0 auto 10px auto;
	}
}


/* */
.product-point-block{

	padding:50px 0;
}
.product-point-block dl{

}
.product-point-block dl dt{
	font-weight:bold;
	background:#0057b8;
	border-radius:25px;
	font-size:22px;
	color:#fff;
	padding:10px;
}
.product-point-block dl dt span{
	color:#0057b8;
	display:inline-block;
	background:#fff;
	border-radius:25px;
	width:35px;
	text-align:center;
	margin-right:5px;
}

.product-point-block dl dd{
	padding:15px;
	margin-bottom:15px;
	line-height:1.5;
}
.product-point-block dl dd:last-child{
	margin-bottom:0;
}




/* ------------------------------------
   デリソフター
 -------------------------------------- */
.delisofter-color{
	background-color:#fdd835 ;
}
.delisofter-color2{
	background-color:#e7e0d0;
}
.delisofter-color2 h2{
	color:#333;
}


.delisofter-color h2{
	color:#333;
}

.delisofter-lead-block{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.delisofter-lead-block .text-box{
	width:48%;
}
.delisofter-lead-block .text-box .highlight-box{
	text-align:center;
	font-size:1.2em;
	background:#fdd835;
	border-radius:10px;
	padding:10px 10px;
	margin-bottom:25px;
	font-weight: bold;
}

.delisofter-lead-block .photo-box{
	width:47%;
}
.delisofter-lead-block .photo-box img{
	width: 100%;
	border-radius:5px;
}
@media screen and (max-width: 640px) {
	.delisofter-lead-block{
		flex-wrap: wrap;
	}
	.delisofter-lead-block .text-box,
	.delisofter-lead-block .photo-box{	
		width:100%;
	}
	.delisofter-lead-block .text-box{
		margin-bottom:30px;
	}
	.delisofter-lead-block .photo-box{
		text-align:center;
	}
	.delisofter-lead-block .photo-box img{
		width:90%;
		margin:0 auto;
	}

}


/* 調理例 */
.delisofter-example-title{
	text-align:center;
	margin-bottom:45px;
}
.delisofter-example-title span{
	display: inline-block;
	background:#fdd835;
	color:#333;
	font-weight: bold;
	padding:5px 50px;
	border-radius:10px;
}

.delisofter-example-list{
	display: flex;
	border-radius:10px;
	justify-content: space-between;
}
.delisofter-example-list li{
	width:32%;
	text-align:center;
	font-size:16px;
}
.delisofter-example-list li img{
	width:100%;
	border-radius:5px;
	margin-bottom:5px;
}

@media screen and (max-width: 640px) {
	.delisofter-example-list{
		flex-wrap: wrap;
	}
	.delisofter-example-list li{
		width:80%;
		margin:0 auto 20px auto;

	}
}


/* */
.delisofter-point-block{
	display: flex;
	justify-content: space-between;
}
.delisofter-point-block .point-box{
	width:32%;
}
.delisofter-point-block div img{
	width:100%;
	border-radius:5px;
	margin-bottom:15px;
}
.delisofter-point-block .point-box h3{
	background:#fdd835;
	color:#333;
	padding:10px;
	font-size:18px;
	border-radius:10px;
	text-align:center;
}
.delisofter-point-block .point-box .point-text{
	padding:10px 10px;
	font-size:16px;
}
.delisofter-point-block .point-box .point-text .marker{
	background:linear-gradient(transparent 70%, #ffff92 30%);
}


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

	.delisofter-point-block{
		flex-wrap: wrap;
		width:90%;
		margin:0 auto;
	}
	.delisofter-point-block .point-box{
		width:100%;
		margin-bottom:20px;
	}


}





.delisofter-graph-title{
	text-align:center;
	font-weight:bold;
	font-size:18px;
	margin-bottom:30px;
}
.delisofter-graph-img-box{
	padding-bottom:10px;
}
.delisofter-graph-img-box .caution-text{
	text-align: right;
	font-size:12px;
	color:#333;
	margin-top:5px;
}
.delisofter-graph-img-box ul{
	display: flex;
	justify-content: space-between;
}
.delisofter-graph-img-box ul li{
	width:24%;
}
.delisofter-graph-img-box ul li img{
	width:100%;
}
.delisofter-graph-caution{
	font-size:12px;
	border-top:solid 1px #aaa;
	padding:15px 0 0 0;
}

.delisofter-caution-text{
	border-radius:5px;
	border:dotted 1px #555;
	padding:25px;
	font-size:0.8em;
	margin-top:80px;
}

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

	.delisofter-graph-img-box ul{
		flex-wrap:wrap;
	}
	.delisofter-graph-img-box ul li{
		width:48%;
		margin-bottom:15px;
	}


}





.delisofter-buy-block{
	display: flex;
	justify-content: space-between;
}
.delisofter-buy-block .text-box{
	width:50%;
}
.delisofter-buy-block .img-box{
	width:44%;
}
.delisofter-buy-block .img-box img{
	border-radius:5px;
}
.delisofter-coupon-text{
	color:#C11820;
	font-weight:bold;
}
.delisofter-coupon-box{
	padding:30px 0 50px 0;

}

.delisofter-coupon-table{

}
.delisofter-coupon-table td{
	font-size:16px;
	padding:8px 0;
}
.delisofter-coupon-table td.name{
	width:160px;
	text-align:center;
	background:#592ff4;
	color:#fff;
}
.delisofter-coupon-table td.code{
	width:90px;
	background:#fff;
}
.delisofter-coupon-table td.code input{
	width:100%;
	text-align:center;
	border:0;
	font-size:20px;
	font-weight:bold;
	color:#592ff4;
}
.delisofter-coupon-table td.code input:focus{
	outline: none;
}
.delisofter-coupon-table td.btn{
	width:150px;
}
.copy-btn{
	display: inline-block;
	margin-left:15px;
	border-radius:30px;
	padding:5px 5px;
	border:solid 1px #ddd;
	background:#592ff4;
	font-size:14px;
	color:#fff;
	cursor: pointer;
}
.copy-btn:hover{
	background:#794fff;
}

.delisofter-shop-btn {
	background:#C11820;
	color:#fff;
	display:block;
	font-weight:bold;
	padding:18px 10px;
	transition: 0.5s;
	text-align:center;
}
.delisofter-shop-btn:hover{
	background:#d12830;
	color:#fff;
}

.delisofter-coupon-guide{
	width:80%;
	border-radius:3px;
	margin:80px auto 30px auto;
	text-align:center;
	border:dotted 1px #000;
	box-shadow: 2px 2px 2px #ddd;
	background:#fff;
	padding:30px;

	font-size:16px;
}
.delisofter-coupon-guide img{
	width:100%;
	margin-top:10px;
}


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


	.delisofter-buy-block{
		flex-wrap: wrap;
	}
	.delisofter-buy-block .text-box,
	.delisofter-buy-block .img-box{
		width:100%;
	}
	.delisofter-buy-block .text-box{
		margin-bottom:50px;

	}

	.delisofter-coupon-guide{
		width:100%;
		padding:30px 0;
	}
}


/* --- */
.delisofter-item-img{
	width:350px;
	margin:0 auto;
}
/* --- */
.delisofter-step-list {
	display:flex;
	justify-content: space-between;

}
.delisofter-step-list li{
	width:24%;
	text-align:center;
	border:solid 3px #3396b9;
	border-radius:3px;
}
.delisofter-step-list li img{

}
.delisofter-step-list li .step-text{
	text-align:center;
	font-size:16px;
	padding:10px 0;
}
.delisofter-step-list li .steps{
	background:#3396b9;
	color:#fff;
	padding:10px 0;
	text-align:center;
	font-size:16px;
}
.delisofter-step-result{
	display:flex;
	justify-content: center;
	align-items:center;
}
.delisofter-step-result div{
	width:48%;
	text-align:center;
}
.delisofter-step-result div.arrow{
	width:10%;
	text-align:center;
}
.delisofter-step-result div img{
	border-radius:3px;
	margin:0 auto 10px auto;
}

@media screen and (max-width: 1080px){
	.delisofter-step-list{
		flex-wrap: wrap;
	}
	.delisofter-step-list li{
		width:48%;
		margin-bottom:20px;
	}
	.delisofter-step-result{
		flex-wrap: wrap;
	}
	.delisofter-step-result div{
		width:100%;
	}

}
/* --- */
.delisofter-step-section{

}
.delisofter-youtube-section{
	background:#e0f0f0;
	padding:50px 0;
}




.delisofter-result-list {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.delisofter-result-list li{
	width:24%;
	text-align:center;
}
.delisofter-result-list li img{
	border-radius:3px;
	margin-bottom:5px;
}


/* --- */
.delisofter-point-box{
	text-align:center;
	font-size:18px;
	margin-bottom:30px;
}
.delisofter-point-box .delisofter-point{
	background:#fdd835;
	display:inline-block;
	text-align:center;
	padding:15px 25px;
	
	border-radius:3px;
	font-size:27px;
	font-weight:bold;
}
/* --- */
.delisofter-point-teble-box{
	background:#fff9c4;
	border-radius:10px;
	padding:30px;
}
.delisofter-point-table{
	width:100%;
}
.delisofter-point-table th,
.delisofter-point-table td{
	padding:10px;
}
.delisofter-point-table th{
	background:#fdd835;
	border-radius:5px;
}

@media screen and (max-width: 1080px){
	.delisofter-result-list li{
		width:48%;
	}
	/* --- */
	.delisofter-point-box{
		font-size:14px;
	}
	.delisofter-point-box .delisofter-point{
		padding:2px 5px;
		font-size:17px;
	}
	.delisofter-point-teble-box{

		padding:5px;
	}
	.delisofter-point-table{
		width:100%;
	}
	.delisofter-point-table th,
	.delisofter-point-table td{
		padding:5px 2px;
		font-size:0.9em;
	}
	.delisofter-point-table th{
	}

}

/* ------------------------------------
   ANSIEL
 -------------------------------------- */
/* --- */
.ansiel-item-img{
	width:480px;
	margin:0 auto;
}
.ansiel-point-flex{
	display:flex;
}
/* ポイント2 */
.ansiel-point-flex2{
	display:flex;
	justify-content: space-between;
}
.ansiel-point-flex2 .point{
	text-align:center;
	background:#fff;
	border-radius:10px;
	width:48%;
}
.ansiel-point-flex2 .point h3{
	margin-bottom:15px;
}

@media screen and (max-width: 1080px){
	.ansiel-point-flex{
		display:flex;
		flex-wrap:wrap;
	}
	.ansiel-point-flex li{
		width:48%;
	}
	.ansiel-point-flex li img{
		width:100%;
	}

	.ansiel-point-flex2{
		flex-wrap: wrap;
	}
	.ansiel-point-flex2 .point{
		width:100%;
		margin-bottom:30px;
	}

}


/* ------------------------------------
   眠りSCAN
 -------------------------------------- */
.p10-point-flex{
	display:flex;
	justify-content: space-between;
}
.p10-point-flex .point-box{
	width:48%;
}
.p10-point-flex .point-box h3{
	background:#0057b8;
	color:#fff;
	border-radius:25px;
	padding:10px;
	text-align:center;
}
.p10-point-flex .point-box .point-box-inner{
	padding:20px;
}
.p10-point-flex .point-box h4{
	margin-bottom:10px;
	font-size:1.1em;
}
.p10-point-flex .point-box .point-img{
	text-align:center;
	margin-top:20px;
}
@media screen and (max-width: 1080px){
	.p10-point-flex{
		flex-wrap: wrap;
	}
	.p10-point-flex .point-box{
		width:100%;
	}
}


/* ------------------------------------
   ネオスケア
 -------------------------------------- */
 .neoscare-flex{

}

 .neoscare-point-flex{
	margin-top:25px;
	display:flex;
	justify-content: space-between;
}
.neoscare-point-flex li{
	width:9%;
	text-align:center;
}
@media screen and (max-width: 1080px){
	.neoscare-point-flex{
		flex-wrap:wrap;
		align-content: flex-start;

	}
	.neoscare-point-flex li{
		width:30%;
		margin-left:1px;
		margin-right:1px;
		text-align:center;
		margin-bottom:10px;
		font-size:14px;
	}
	
}

/* ------------------------------------
   p11 / AYUMiEYE
 -------------------------------------- */
.p11-point-flex{
	display:flex;
	justify-content: space-between;
}
.p11-point-flex .point-box{
	width:48%;
}
.p11-point-flex .point-box h3{
	background:#0057b8;
	color:#fff;
	border-radius:25px;
	padding:10px;
	text-align:center;
}
.p11-point-flex .point-box .point-box-inner{
	padding:20px;
}
.p11-point-flex .point-box h4{
	margin-bottom:10px;
	font-size:1.1em;
}
.p11-point-flex .point-box .point-img{
	text-align:center;
	margin-top:20px;
}
@media screen and (max-width: 1080px){
	.p11-point-flex{
		flex-wrap: wrap;
	}
	.p11-point-flex .point-box{
		width:100%;
	}
	
}



/* ------------------------------------
   p07 / マッスルスーツ
 -------------------------------------- */

 /* 特徴
 -------------------------------------- */
.p07-point-flex{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.p07-point-flex li{
	width:31%;
	text-align:center;
    margin-bottom:20px;
}
.p07-point-flex li .point-title{
    background:#0057b8;
	border-radius:35px;
	color:#fff;
	font-size:20px;
    padding:10px;
}
.p07-point-flex li .point-img{
	text-align:center;
	padding:10px 0 0 0;
}
.p07-point-flex li .point-img img{
	width:100%;
	max-width:360px;
}
.p07-point-flex li .point-text{
    text-align:center;
	padding:10px 0;
}

.p07-flex01{
	display: flex;
	justify-content: space-between;
}
.p07-flex01-photo{
	width: 35%;
}
.p07-flex01-photo img{
	width: 100%;
	border-radius:5px;
}
.p07-flex01-text{
	width:60%
}
.p07-flex01-text p{
	margin-bottom:1em;
}
.p07-movie-flex{
	display: flex;
	justify-content:space-between;
}
.p07-movie-flex .movie-box{
	width:49%;
}
.p07-movie-flex .movie-box .movie-title{
	text-align:center;
	margin-bottom:10px;
}
@media screen and (max-width: 1080px) {
	.p07-point-flex li{
		width:49%;
	}

}

@media screen and (max-width: 640px) {
	.p07-flex01{
		flex-wrap: wrap;
	}
	.p07-flex01-text,
	.p07-flex01-photo{
		width:100%;
	}
	/* ---- */
	.p07-movie-flex{
		flex-wrap:wrap;
	}
	.p07-movie-flex .movie-box{
		width:100%;
		padding:15px;
		margin-bottom:50px;
	}
}





/* ------------------------------------
   p08 / ころやわ
 -------------------------------------- */

 /* 特徴
 -------------------------------------- */
.p08-point-flex{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom:1em;
}
.p08-point-flex .box{
	width: 48%;
}
.p08-point-flex .box p{
	text-align:center;
}
.p08-point-flex .box img{
	border-radius:5px;
	margin-bottom:0.5em;
}
.p08-chart{
	margin:1em 0; 
	text-align:center;
}
.p08-chart img{
	margin:0 auto;
}
/* --- */
.p08-check-list{
}
.p08-check-list li{
	text-indent:-0.8em;
	padding-left:1.0em;
}
.p08-check-list li span{
	color:#0c9aa9;
}

/* --- */
.p08-caution{
	font-size:16px;

}
.p08-type-title{
	margin-bottom:0.5em;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
}

.p08-movie-flex-block{
	display:flex;
	justify-content:space-between;
}
.p08-movie-flex-block .movie-box{
	width:49%;
}
.p08-movie-flex-block .movie-box .movie-title{
	text-align:center;
	margin-bottom:10px;
	font-weight:bold;
}

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

	.p08-movie-flex-block{
		flex-wrap:wrap;
	}
	.p08-movie-flex-block .movie-box{
		width:100%;
		margin-bottom:20px;
	}
}

@media screen and (max-width: 640px) {
	.p08-point-flex{
		flex-wrap: wrap;
	}
	.p08-point-flex .box{
		width:100%;
		margin-bottom:1em;
	}

	.p08-chart img{
		width:100%;
	}


}


.excares-point-block{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.excares-point-block .excares-point-box{
	width:49%;
	background:#fff;
	border-radius:10px;
	margin-bottom:25px;
}
.excares-point-block .excares-point-box .excares-point-box-inner{
	padding:15px;
}
.excares-point-title-box{
	display:flex;
	align-items:center;
	margin-bottom:25px;
	border-bottom:solid 1px #ddd;
	padding-bottom:15px;
}
.excares-point-title-box .icon-box{
	width:60px;
}
.excares-point-title-box .icon-box img{
	width:80px;
	border-radius:5px;
}
.excares-point-title-box .title-box{
	padding:0;
	padding-left:15px;
}

.excares-point-title-box .title-box h3{
	color:#8cc220;
	text-align:left;
	line-height:1.2;
}
.excares-point-block .excares-point-box .excares-point-text{
	padding:0 5px;
	margin-bottom:20px;
}
.excares-point-block .excares-point-box .excares-point-text p{
	font-size:0.9em;
}

.ex-cares-contact-text{
	text-align:center;
	font-size:1.6em;
	font-weight:700;
}


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

	.excares-point-block{
	}

	.excares-point-block .excares-point-box{
		width:100%;
	}

	.ex-cares-contact-text{
		font-size:1.2em;
		text-align:left;
	}

}


/* ------------------------------------
   p09 / vitalvoice
 -------------------------------------- */
.p09-lead-block{
	margin-bottom:30px;
}
.p09-lead-block > .lead-title{
	text-align:center;
	font-size:1.2em;
	margin-bottom:0.5em;
}
.p09-lead-block > .lead-text{
	text-align:center;
}

.p09-feature-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p09-feature-list li{
	width:31%;
	margin-bottom:30px;
	background:#fff;
	border-radius:5px;
}
.p09-feature-list li > .title{
	font-weight: bold;
	text-align:center;
	background-image: linear-gradient(to right, #0057b8, #3087e8);
	color:#fff;
	border-radius:5px 5px 0 0;
	padding:10px 0;
	margin-bottom:5px;
}
.p09-feature-list li > .body{
	padding:15px 20px;
}
.p09-feature-list li > .body > .icon-img{
	text-align:center;

}
.p09-feature-list li > .body > .icon-img img{
	width:80%;
	margin:0 auto;
}
.p09-feature-list li > .body > .caution-text{
	font-size:12px;
}

.p09-flow-text{
	text-align:center;
	margin-bottom:30px;
}
.p09-flow-img-block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p09-flow-img-block > .pc-box{
	display: block;
}
.p09-flow-img-block > .sp-box{
	display: none;
}
.p09-flow-img-block > .box img{
	width:100%;
}

.p09-other-point{
}
.p09-other-point > .title{
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
	padding:5px;
}
.p09-other-point > ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:5px;
}
.p09-other-point > ul li{
	width:48%;
	background: #ffe099;
	border-radius:5px;
	padding:15px 5px;
	margin-bottom:15px;
	text-align:center;
}



@media screen and (max-width: 640px) {
	.p09-feature-list li{
		width:100%;
	}
	
	.p09-flow-img-block > .pc-box{
		display: none;
	}
	.p09-flow-img-block > .sp-box{
		display: block;
	}

	.p09-other-point > ul li{
		width:100%;
	}
	
}




/* ------------------------------------
   p10 / ライフリズムナビ
 -------------------------------------- */
.p10-lead-block{
	margin-bottom:30px;
}
.p10-lead-block > .lead-title{
	text-align:center;
	font-size:1.2em;
	margin-bottom:0.5em;
}
.p10-lead-block > .lead-text{
	text-align:center;
}
.p10-feature-box{
	padding:35px;
	background:#fff;
	border-radius:15px;

}
.p10-title{
	margin-bottom:15px;
	color:#0057b8;
}
.p10-feature-img-block{
	margin-top:35px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p10-feature-img-block > .img-box{
	width:48%;
	font-size:12px;
}
.p10-feature-img-block > .img-box img{
	width:100%;
}
	
.p10-feature-block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.p10-feature-block .main-box{
	width: 60%;
}
.p10-feature-block .side-box{
	width:37%;
	font-size:12px;
}
.p10-option-lead-text {
	margin-bottom:30px;
}
.p10-option-lead-text > p{
	text-align:center;
}
.p10-option-lead-text > p.caution-text{
	text-align:right;
	font-size:14px;
}
.p10-option-block{
	border:5px solid #ffe099;
	background:#fcf4e1;
	padding:15px;
}
.p10-option-block > .caution-text{
	font-size:14px;
}


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

	.p10-feature-img-block > .img-box{
		width:100%;
		margin-bottom:2em;
	}

	.p10-feature-block .main-box{
		width: 100%;
	}
	.p10-feature-block .side-box{
		width: 100%;
	}

	.p10-feature-box{
		padding:25px 15px;
	
	}
}



/* ------------------------------------
   p11 / ベッドセンサーシステムベーシック
 -------------------------------------- */
.p11-lead-block{
	margin-bottom:30px;
}
.p11-lead-block > .lead-title{
	text-align:center;
	font-size:1.2em;
	margin-bottom:0.5em;
}
.p11-lead-block > .lead-text{
	text-align:center;
}
.p11-feature-block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p11-feature-block > .main-box{
	width:60%;
}
.p11-feature-block > .main-box > .feature-box{
	padding:25px;
	background:#fff;
	border-radius:10px;
}
.p11-feature-block > .main-box > .feature-box > h3{
	color:#0057b8 ;
	margin-bottom:15px;
}
.p11-feature-block > .side-box{
	width:35%;
}
.p11-feature-block > .side-box > img{
	width: 100%;
	border-radius:15px;
}
.p11-layout-block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p11-layout-block > .box{
	width:48%;
}

.p11-spec-table{
	width:100%;
}
.p11-spec-table th, .p11-spec-table td{
	padding:5px;
	text-align:left;
	font-size:16px;
	background:#f3f3f3;
}



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

	.p11-feature-block > .main-box{
		width:100%;
	}
	.p11-feature-block > .side-box{
		width:100%;
		margin-top:20px;
	}

	
	.p11-layout-block > .box{
		width:100%;
		margin-bottom:30px;
	}
}




/* ------------------------------------
   p12 / ワイズマン
 -------------------------------------- */
.p12-lead-block{
	margin-bottom:30px;
}
.p12-lead-block > .lead-title{
	text-align:center;
	font-size:1.2em;
	margin-bottom:0.5em;
}
.p12-lead-block > .lead-text{
	text-align:center;
}
.p12-feature-title{
	background:#0057b8;
	color:#fff;
	padding:15px;
	text-align: center;
	font-weight: bold;
	margin-bottom:20px;
}

.p12-feature-block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p12-feature-block > .feature-box{
	width:32%;
	border:solid 3px #0057b8;
	background:#fff;

}
.p12-feature-block > .feature-box > .point{
	background:#0057b8;
	color:#fff;
	font-weight: bold;
	text-align:center;
	padding:5px;
}
.p12-feature-block > .feature-box > h3{
	color:#0057b8;
	font-weight: bold;
	font-size:0.9em;
	padding:15px 15px 0 15px;
}
.p12-feature-block > .feature-box > .text-body{
	padding:5px 15px 15px 15px;
	font-size:0.8em;
}

.p12-relation-system{
	background:#ffffff;
	padding:15px;
	border-radius:10px;
	text-align:center;
	margin:30px 0;
}
.p12-relation-system > strong{
	color:#0057b8;

}

.p12-feature-block2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p12-feature-block2 > .feature-box{
	width:31%;

}
.p12-feature-block2 > .feature-box > .feature-img{
	margin-top:15px;
	text-align: center;
}
.p12-feature-block2 > .feature-box > .feature-img img{
	width:90%;
	margin:0 auto;
}

@media screen and (max-width: 640px) {
	.p12-lead-block > .lead-text{
		text-align:left;
	}

	.p12-feature-block > .feature-box{
		width:100%;
		margin-bottom:20px;
	}

	.p12-feature-block2 > .feature-box{
		width:100%;
		margin-bottom:20px;
	
	}
}


/* ------------------------------------
   p13 / コンセントコール
 -------------------------------------- */
.p13-lead-block{
	margin-bottom:30px;
}
.p13-lead-block > .lead-title{
	text-align:center;
	font-size:1.2em;
	margin-bottom:0.5em;
}
.p13-lead-block > .lead-text{
	text-align:center;
}
.p13-system-point-block{

}

.p13-system-point-block > strong{
	font-weight: bold;
	display: inline-block;
	border:solid 3px #916624;
	padding:2px 10px;
	color:#916624;
}
.p13-system-point-block > .point{
	padding-bottom:20px;
	padding-left:35px;
	padding-top:10px;
}
.p13-system-point-block > .point li{
	font-weight: bold;
	list-style-type: square;
}

.p13-system-point-block > .system-img-box{
	padding-top:15px;
}
.p13-system-point-block > .system-img-box img{
	width: 100%;
}

.p13-sensor-block{


}
.p13-sensor-block > .title{
	background:#ffe099;
	padding:15px;
	text-align:center;
}
.p13-sensor-block > .text{
	padding:15px 0;
	background:#f5f5f5;
	text-align: center;
}


@media screen and (max-width: 640px) {
	.p13-lead-block > .lead-text{
		text-align:left;
	}

	
}



/* ------------------------------------
   p14 / ライブコネクト(2024.07-)
-------------------------------------- */
.p14-lead-block{
	margin-bottom:30px;
}
.p14-lead-block > .lead-title{
	text-align:center;
	font-size:1.2em;
	margin-bottom:0.5em;
}
.p14-lead-block > .lead-text{
	text-align:center;
}

.p14-func-text{
	text-align:center;
}
.p14-func-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p14-func-list li{
	width:49%;
	margin-bottom:30px;
	background:#fff;
	padding:15px;
	border-radius:15px;
}
.p14-func-list li > .func-box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.p14-func-list li > .func-box > .icon-box{
	width:120px;

}
.p14-func-list li > .func-box > .text-box{
	flex:1;
	padding-left:20px;
}
.p14-func-list li > .func-box > .text-box > .title{
	font-weight: bold;
}
.p14-func-list li > .func-box > .text-box > .body{

}

.p14-merit-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p14-merit-list li{
	width:49%;
	background:#c4e1ff;
	margin-bottom:30px;
	padding:15px 10px;
	font-weight: bold;
	text-align:center;
	border-radius:5px;
}
.p14-room-text{
	text-align: center;
	font-weight: bold;
	margin-bottom:25px;
}
.p14-room-img{
	text-align: center;
}
.p14-room-img strong{
	width: 100%;
}


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

	.p14-func-list li{
		width:100%;
	}
	.p14-func-list li > .func-box > .icon-box{
		width:90px;
	}
	.p14-merit-list li{
		width:100%;
		margin-bottom:10px;
	}


}


/* ------------------------------------
   p15 / ネオスケア 2024.07
 -------------------------------------- */
.p15-lead-block{
	margin-bottom:30px;
}
.p15-lead-block > .lead-title{
	text-align:center;
	font-size:1.2em;
	margin-bottom:0.5em;
}
.p15-lead-block > .lead-text{
	text-align:center;
}
.p15-lead-block > .jyusyo-text{
	text-align:center;
	font-size:18px;
	margin-top:30px;
	padding:10px;
	background:#062454;
	color:#fff;
}
.p15-feature-lead{
	text-align:center;
	font-weight:bold;
	margin-bottom:30px;
}
.p15-feature-box{
	background:#fff;
	padding:25px;
	border-radius:15px;
	margin-bottom:30px;
}
.p15-feature-box > .title{
	color:#0057b8;
	font-size:24px;
	text-align:center;
	font-weight: bold;
	margin-bottom:25px;
}

.p15-feature-box > .layout{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom:30px;
}
.p15-feature-box > .layout > .main-box{
	flex:1;
	margin-right:35px;
}
.p15-feature-box > .layout > .main-box > .sub-title{
	font-weight: bold;
	margin-bottom:25px;
}
.p15-feature-box > .layout > .side-box{
	width:380px;
	font-size:12px;
}
.p15-feature-box > .layout > .side-box img{
	border-radius:5px;
}

.p15-list-box{
	padding:15px;
	border:solid 3px #c3eaff;
	border-radius:5px;
}
.p15-list-box > .title{
	font-weight:bold;
	text-align:center;
	border-bottom:solid 1px #c3eaff;
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:15px;
}
.p15-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p15-list li{
	width:10%;
	text-align:center;
	font-size:14px;
}
.p15-list li img{
	width: 100%;;
}

.p15-feature-box > .layout2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top:30px;
}
.p15-feature-box > .layout2 > .box{
	width:49%;
	border:solid 3px #c3eaff;
	border-radius:5px;
	padding:15px;
}
.p15-feature-box > .layout2 > .box > .title{
	font-weight:bold;
	text-align:center;
	border-bottom:solid 1px #c3eaff;
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:15px;
}
.p15-feature-box > .layout2 > .box > .text{
	padding:0 15px;
	font-size:0.9em;
}



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

	.p15-lead-block > .lead-text{
		text-align:left;
	}
	.p15-lead-block > .jyusyo-text{
		font-size:15px;
	}

	.p15-feature-box > .layout > .main-box{
		margin-right:0;
	}
	.p15-feature-box > .layout > .side-box{
		width:100%;

	}

	.p15-list li{
		width:32%;
		margin-bottom:15px;
	}
	.p15-feature-box > .layout2 > .box{
		width:100%;
		margin-bottom:30px;
	}
}




/* ------------------------------------
   p16 / ANSIEL 2024.07
 -------------------------------------- */
.p16-lead-block{
	margin-bottom:30px;
}
.p16-lead-block > .lead-title{
	text-align:center;
	font-size:1.2em;
	margin-bottom:0.5em;
}
.p16-lead-block > .lead-text{
	text-align:center;
}

.p16-l-block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p16-l-block > .p16-l-box{
	padding: 15px;
	width: 48%;
	background: #e4f7ff;
	border-radius:10px;
}
.p16-l-block > .p16-l-box strong{
	color:#0057b8;
}
.p16-l-block > .p16-l-box > .text{
	padding:5px 0;
}
.p16-l-block > .p16-l-box > .text > .img{
	text-align:center;
	padding:15px 0;
}
.p16-l-block > .p16-l-box > .text > .img > img{
	width:100%;
}
.p16-l-block > .p16-l-box > .icon-list{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
	padding:15px 5px 25px 5px;
}
.p16-l-block > .p16-l-box > .icon-list li{
	width:16%;
}

.p16-l-block > .p16-l-box > .icon-list2{
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
	padding:15px 5px;
}
.p16-l-block > .p16-l-box > .icon-list2 li{
	width:16%;
}
.p16-l-block > .p16-l-box > span.point{
	display: inline-block;
	background:#fff100;
	border-radius:5px;
	padding:0 5px;
	color: #fb0000;
    font-weight: bold;
    font-size: 0.9em;
}


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

	.p16-lead-block > .lead-text{
		text-align:left;
	}
	.p16-l-block > .p16-l-box{
		width: 100%;
		margin-bottom:30px;
	}


}



/* ------------------------------------
   p17 / 眠りSCAN 2024.07
 -------------------------------------- */
.p17-lead-block{
	margin-bottom:30px;
}
.p17-lead-block > .lead-title{
	text-align:center;
	font-size:1.2em;
	margin-bottom:0.5em;
}
.p17-lead-block > .lead-text{
	text-align:center;
}

.p17-box{
	background:#fff;
	padding:30px;
	border-radius:10px;
	margin-bottom:30px;
}
.p17-box > .title{
	font-weight: bold;
	color:#0057b8;
	text-align:center;
	margin-bottom:30px;
	font-size:1.2em;
}
.p17-box > .layout{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p17-box > .layout > .text{
	width:50%;
}
.p17-box > .layout > .img{
	width:50%;
	padding-left:30px;
}
.p17-box > .layout > .img img{
	width:100%;
}

@media screen and (max-width: 640px) {
	.p17-lead-block > .lead-title  .pc-br{
		display: none;
	}
	.p17-lead-block > .lead-text > .pc-br{
		display: none;
	}
	.p17-lead-block > .lead-text{
		text-align: left;
	}

	.p17-box > .layout > .text{
		width:100%;
	}
	.p17-box > .layout > .img{
		width:100%;
		padding-left:0px;
	}
}



/* ------------------------------------
   p18 / ケアカルテ 2024.07
 -------------------------------------- */
.p18-lead-block{
	margin-bottom:30px;
}
.p18-lead-block > .lead-title{
	text-align:center;
	font-size:1.2em;
	margin-bottom:0.5em;
}
.p18-lead-block > .lead-text{
	text-align:center;
}

.p18-feature-block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p18-feature-block > .p18-feature-box{
	width:48%;
	background:#fff;
	margin-bottom:40px;
	border-radius:10px;
	box-shadow: 1px 1px 10px #c9deff;

}
.p18-feature-block > .p18-feature-box2{
	width:100%;
}
.p18-feature-block > .p18-feature-box > .title{
	background:#262b4e;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	border-radius:10px 10px 0 0;
}

.p18-feature-block > .p18-feature-box > .layout{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p18-feature-block > .p18-feature-box > .layout > .main{
	flex:1;
}
.p18-feature-block > .p18-feature-box > .layout > .side{
	width:300px;
	padding:15px;
}

.p18-feature-block > .p18-feature-box > .thumb{

}
.p18-feature-block > .p18-feature-box > .thumb img{

}
.p18-feature-block > .p18-feature-box > .text,
.p18-feature-block > .p18-feature-box > .layout > .main > .text{
	padding:15px;
}

.p18-relay{
	margin-top:30px;
	background:#fffbee;
	padding:30px;
	border-radius:15px;
	box-shadow: 1px 1px 10px #c9deff;

}
.p18-relay > .title{
	text-align:center;
	font-weight: bold;
	margin-bottom:10px;
}
.p18-relay > ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.p18-relay > ul li{
	padding:5px 15px;
	background:#ffdb64;
	border-radius:5px;
	margin:5px;
}

.p18-point-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p18-point-list > .box{
	width: 47%;
	background:#daede4;
	border-radius:5px;
	margin-bottom:30px;
	box-shadow: 1px 1px 10px #c9deff;
}
.p18-point-list > .box > .kadai{
	padding:15px;
	border-radius:5px 5px 0 0 ;
	font-weight:bold;
	background:#178d57;
	color:#fff;
}
.p18-point-list > .box > .awnser{
	padding:15px 15px 5px 15px;
	color:#178d57;
	font-weight:bold;
}
.p18-point-list > .box > .text{
	padding:5px 15px 15px 15px;
	font-size:0.9em;

}

@media screen and (max-width: 640px) {
	.p18-lead-block > .lead-title  .pc-br{
		display: none;
	}
	.p18-lead-block > .lead-text > .pc-br{
		display: none;
	}
	.p18-lead-block > .lead-text{
		text-align: left;
	}

	.p18-feature-block > .p18-feature-box{
		width:100%;
	}

	.p18-feature-block > .p18-feature-box > .layout > .side{
		width:100%;
	}
	
	.p18-relay{
		padding:10px;
	
	}
	.p18-relay > ul li{
		padding:5px 5px;
		font-size:0.8em;
	}

	.p18-point-list > .box{
		width: 100%;
	}
}



/* ------------------------------------
   p19 / ナースエコール 2024.07
 -------------------------------------- */
.p19-lead-block{
	margin-bottom:30px;
}
.p19-lead-block > .lead-title{
	text-align:center;
	font-size:1.2em;
	margin-bottom:0.5em;
}
.p19-lead-block > .lead-text{
	text-align:center;
}

.p19-feature-block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

}
.p19-feature-block .p19-feature-box{
	width:31%;
	background:#fff;
	padding:20px;
	border-radius:15px;
}
.p19-feature-block .p19-feature-box > .title{
	font-weight: bold;
	color:#0057b8;
	margin-bottom:15px;
	text-align:center;

}
.p19-feature-block .p19-feature-box > .text{
	font-size:0.9em;
}

.p19-system{
	text-align:center;
}
.p19-system img{
	margin:0 auto;
}
.p19-system-text{
	padding:30px 0;
	text-align:center;
}


@media screen and (max-width: 640px) {
	.p19-lead-block > .lead-title  .pc-br{
		display: none;
	}
	.p19-lead-block > .lead-text > .pc-br{
		display: none;
	}
	.p19-lead-block > .lead-text{
		text-align: left;
	}

	.p19-feature-block .p19-feature-box{
		width:100%;
		margin-bottom:30px;
	}
	
	

}





/* ------------------------------------
   p20 / ころやわ 2024.07
 -------------------------------------- */
.p20-lead-block{
	margin-bottom:30px;
}
.p20-lead-block > .lead-title{
	text-align:center;
	font-size:1.2em;
	margin-bottom:0.5em;
}
.p20-lead-block > .lead-text{
	text-align:center;
}
.p20-lead-block > .lead-caution{
	font-size:14px;
	text-align:right;
}

.p20-kouzou-block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p20-kouzou-block > .text{
	width:50%;
}
.p20-kouzou-block > .img{
	width: 50%;
	padding-left:60px;
}

.p20-type-text{
	text-align:center;
	margin-bottom:25px;
}
.p20-type-block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p20-type-block > .box{
	width:47%;
}
.p20-type-block > .box h3{
	text-align:center;
	margin-bottom:15px;
}
.p20-type-block > .box > .img img{
	border-radius:5px;
	width:100%;
}
.p20-type-block > .box > .text{
	font-size: 0.9em;
	padding:15px 5px;
}
.p20-type-block > .box > .caution{
	font-size:14px;
	padding:0px 5px 10px 5px;
}
.p20-type-block > .box > .size{
	border:solid 2px #ccc;
	padding:10px;
	font-size:0.9em;
}

.p20-feature-box{
	padding:35px;
	background:#fff;
	border-radius:10px;
	margin-bottom:30px;
}
.p20-feature-box > h3{
	text-align: center;
	font-weight: bold;
	margin-bottom: 25px;
}

.p20-graph-block {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p20-graph-block > .text{
	flex: 1;
}
.p20-graph-block > .text > .graph-text{
	border:solid 2px #ddd;
	padding:10px;
}
.p20-graph-block > .text > .graph-text > p{
	font-weight: bold;
	font-size:16px;
	border-bottom:solid 1px #ddd;
	padding:10px 0;
	margin-bottom:10px;
	text-align:center;
}
.p20-graph-block > .text > .graph-text > ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p20-graph-block > .text > .graph-text > ul li{
	width:33%;
	font-size:16px;
}

.p20-graph-block > .img{
	width:300px;
	padding-left:30px;
}

.p20-graph-block2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p20-graph-block2 > .box{
	width:48%;
}
.p20-graph-block2 > .box > .title{
	text-align:center;
	font-weight:bold;
}
.p20-graph-block2 > .box > .img{
	text-align: center;
	padding:15px 0;
}
.p20-graph-block2 > .box > .img img{
	width:100%;
}
.p20-graph-block2 > .box > .kouka{
	background:#f2ca00;
	border-radius:40px;
	text-align:center;
	padding:15px 0;
	font-weight:bold;
	margin-bottom:30px;
}
.p20-caution{
	font-size:14px;
}
.p20-feature-text{
	margin-bottom:30px;
}
.p20-graph-block3{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p20-graph-block3 > .box{
	width:48%;
}
.p20-graph-block3 > .box > .comment{
	font-size:0.9em;
	padding-top:15px;
	text-align:center;
}


@media screen and (max-width: 640px) {
	.p20-lead-block > .lead-title  .pc-br{
		display: none;
	}
	.p20-lead-block > .lead-text > .pc-br{
		display: none;
	}
	.p20-lead-block > .lead-text{
		text-align: left;
	}
	.p20-lead-block > .lead-caution{
		font-size:14px;
		text-align:left;
	}


	.p20-kouzou-block > .text{
		width:100%;
	}
	.p20-kouzou-block > .img{
		width:100%;
		padding:30px 0 0 0 ;
	}
	
	.p20-graph-block > .text > .graph-text > ul li{
		width:100%;
		font-size:14px;
	}

	.p20-feature-box{
		padding:25px 15px;
	}

	.p20-graph-block > .img{
		width:100%;
		padding:20px 0 0 0;
	}

	.p20-graph-block2 > .box{
		width:100%;
	}

	.p20-graph-block3 > .box{
		width:100%;
		margin-bottom:30px;
	}

	.p20-type-block > .box{
		width:100%;
		margin-bottom:50px;
	}

}




/* ------------------------------------
   p21 / 特浴機 2024.07
-------------------------------------- */
.p21-lead-block{
	margin-bottom:30px;
}
.p21-lead-block > .lead-text{
	text-align:center;
}

.p21-links{
	text-align: center;
}

.p21-maker-block{


}
.p21-maker-block > h2{
	background:#0057b8;
	color:#fff;
	padding:10px;
	border-radius:5px;
	font-size:22px;
	text-align: center;
}
.p21-maker-block > .catchcopy{
	text-align: center;
	font-weight:bold;
	margin-bottom:25px;

}
.p21-maker-block > .p21-points{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p21-maker-block > .p21-points > .box{
	width:32%;
	background:#fff;
	border-radius:10px;
	padding:15px;
}
.p21-maker-block > .p21-points > .box > .title{
	font-weight:bold;
	margin-bottom:15px;
	text-align:center;
}

.p21-maker-block > .type-box{
	margin-top:30px;
	background:#fff;
	border-radius:10px;
	text-align:center;
	padding:15px;
}
.p21-maker-block > .type-box > .title{
	text-align:center;
	font-weight:bold;
	margin-bottom:5px;
}

.p21-sakai-block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background:#fff;
	border-radius:10px;
	padding:25px;
}
.p21-sakai-block > .text{
	flex:1
}
.p21-sakai-block > .img{
	width: 430px;
	padding-left:30px;
}


.p21-og-text{
	background:#fff;
	border-radius:10px;
	padding:25px;
}

.p21-lineup-title{
	padding:35px 0 25px 0;
	text-align:center;
	font-weight: bold;;
	color:#0057b8;
	font-size:22px;
}
.p21-lineup{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin:20px 0;
}
.p21-lineup li{
	width:32%;
	background:#fff;
	padding:15px;
	margin-bottom:20px;
	border-radius:50%;
	box-shadow:1px 1px 10px #0084c1bf;
}


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

	.p21-maker-block > .p21-points > .box{
		width:100%;
		margin-bottom:20px;
	}

	.p21-lineup li{
		width:100%;
	}

	.p21-sakai-block > .img{
		width: 100%;
		padding:20px 0;
	}
}






/*------------------------------------
 ご購入はこちら（固定） * delisofter
-------------------------------------- */
#fixed-buy-link {
   width: 200px;
   height: 50px;
   position: fixed;
   left: 200px;
   bottom: 10px;
   display: none;
   z-index:800;
}

#fixed-buy-link a{
   position: relative;
   display: flex;
   align-items:center;
   justify-content: center;
   font-size:18px;
   background:#e32100;
   border-radius:5px;
   font-weight:700;
   width: 100%;
   color:#fff;
   height: 50px;
   text-align:center;
   text-decoration: none;
}

#fixed-buy-link .fukidashi{
	position: absolute;
	top:-40px;
	font-size:14px;
	text-align:center;
	font-weight: 0700;
	background:#fff;
    border-radius: 50px;
	width:200px;
    background-color: #592ff4;
	color:#fff;
    padding: 5px 0px;
    text-align: center;
    box-shadow: rgba(47, 47, 47, 0.3) 0px 2px 8px 0px;
}

#fixed-buy-link .fukidashi::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 40px;
    bottom: -5px;
    border-top: 8px solid #592ff4;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

@media screen and (max-width: 640px) {
	#fixed-buy-link {
		left: 10px;
		bottom: 65px;
		width: 180px;
	 }
	 #fixed-buy-link .fukidashi{
		width:180px;
	 }
}