@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500&display=swap');

body { color: #000;}
br.sp {display:none;}

.jackbox-social {display: none;}
.content_area { background: #ffffff; font-family: 'Noto Sans JP', sans-serif; font-size: .9rem; font-weight: 300;}
.top_content { min-height: 40px; }
.header-design2 .top_content .info_bar { margin: auto; padding: 0 0 25px; }
.content_holder img { transition: 1s; width:100%; }
a:hover img { opacity: 0.7; }

.col_img {width: 90%; margin: 20px auto;}

h2,h3,h4 {font-weight:normal;}

h2 {text-align:center;}

h2.col_title,
.col_title {
	font-weight: 300;
	padding:2rem 0;
	font-size: 1.1rem;
	line-height:2;
	color: #3d444d;
	text-align: center;
}

h3 {font-size: 1.2rem; letter-spacing:0.1rem; padding-bottom:.5rem; color:#fff;}
h3 a {color:#28b5fc}
h3 a:hover {color:#fff}

span.red {
	padding: 2px 4px 3px;
	}

#row-431040-14872 h3 {color:#000; text-align:center; padding:1rem;}

.content_area ol.whoes li {font-size:1.2rem; margin-bottom:.5rem; font-weight:400;}

.content_area ul.osusume {margin: 0 0 20px 6px;}
.content_area ul.osusume li {font-size:1.1rem; position: relative; padding-left: 20px; list-style: none; margin-bottom: 0.5rem;}
.content_area ul.osusume li::before {content: '\f00c';
	font-family: "Font Awesome 6 pro";
	font-weight: 900;
	position: absolute;
	top: 4px;
	left: 0;
	color: #2ea7e3;}

.kv {line-height:0;}

.box_btn {text-align:center;}
.btn, .btn_s {margin:50px auto; padding:1rem 2rem; text-decoration:none; border-radius:6px; background:#1993d0; text-align: center; color:#fff; font-size:1.1rem;}
.btn_s {margin:15px auto 20px; padding:.5rem 1rem; font-size:.9rem;}

a.btn, a.btn_s  {color:#fff; }
a:hover.btn, a:hover.btn_s { background:#2ea7e3; color:#fff;}
.inline-block {display:inline-block;}

.wscol01 {line-height:1.6; color:#fff; font-weight: 200;}
.wscol01 p {font-size:.85rem; }
.no {font-size: 1.6rem; letter-spacing:0.1rem; padding-bottom:.4rem;}
.no span {font-size:2.4rem;}
.wscol_cap {font-size: 1.2rem; display:inline-block; padding-bottom:.5rem; margin-bottom:1rem; border-bottom:1px solid #fff;}

.wscol02 {color:#000000;}
.wscol02 .inner {padding-left:50%;}

.wscol02 .wscol_cap {border-bottom:1px solid #000000;}

table {border-right:0px; border-top:1px solid #ddd; font-size:.9rem;}
table th {border-left: 0px; border-bottom: 1px solid #ddd;}
table th, table td {padding: .3rem;}
table td {border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}

#row-431040-49520 {background:#e0eeec url(/img/lp/ws_yogablock2403/pct01.jpg) no-repeat left center / 45%; padding:50 0 0 50%;}
img.pct02 {width:60%; float:right;}

th {font-weight:300;}


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

	br.pc {display:none;}
	br.sp {display:block;}
	.link_btn {width:100%; margin:0 auto;}

	h2 {font-size:1.2rem; color:#000;}

	h2.col_title,
	.col_title {
		padding:.5rem 0;
		font-size: 1rem;
		letter-spacing: -0.05rem;
		line-height:1.8;
	}
	
	.btn {width:80%;}
	.col_img {width: 100%; margin: 20px auto;}
	table {font-size:.8rem;}		
	.content_area ol.whoes li {font-size:1rem;}
	.content_area ul.osusume li {font-size:1rem;}

	#row-431040-49520 {background:#e0eeec url(/img/lp/ws_yogablock2403/pct01.jpg) no-repeat center -140px / 100%; padding:0;}
	.wscol02 .inner {width:100%; margin:0 auto; padding:360px 0 0 0; }
	.wscol02 .no {color:#fff; font-size:1.25rem;}
	.wscol02 .wscol_cap {border-bottom:none; color:#fff; font-size:1rem;}
	img.pct02 {width:100%; float:none;}
}