@charset "utf-8";


/* マージン */

.ma_t_2{
	margin-top:2em;	
}
.ma_b_2{
	margin-bottom:2em;	
}
.ma_b_4{
	margin-bottom:4em;	
}

/* テキスト */
.tx_s{
	font-size:0.875em;/*14px*/	
}
.tx_l{
	font-size:1.125em;/*18px*/	
}
.text_s_red{
	font-size:0.875em;
	color:#ff0000;	
}
.tx_center{
	text-align:center;	
}
.tx_left{
	text-align:left;	
}
.tx_min_b{
	font-family: 'Klee One', cursive;
	font-weight:bold;	
}


/* font-size可変 */
.clamp12-16{
	font-size: clamp(14px, 2vw, 16px);

}


/* 幅 */
.w_m_60{
	max-width:60%;
}


/* テーブル */
.tb01{
	margin:0 auto;
}
.tb01 td{
	text-align:left;
	vertical-align:top;
	padding:0 0.5em;
}

.tb_cont{
	width:100%;	
}
.tb_cont th{
	font-size:0.875em;
	text-align:left;
	padding:0.5em;
}
.tb_cont td{
	padding:0.5em;	
}




/* お問合せページ用 */
.cont_r{
	font-size: clamp(14px, 1.2vw, 14px);
}
.cont_l{
	margin-bottom:1em;	
}
.cont_l input, .cont_l textarea{
	width:100%;
}
.cont_l textarea{
	resize: vertical;	
}

/* スマホ用 */
@media screen and (max-width:767px){
	
/* テキスト */
.sp_tx_left{
	text-align:left;	
}
	
	
}



/* ==== タブレット用 ===== */
@media screen and (min-width:768px){

/* マージン */
.ma_tb_r3{
	margin-right:3em;	
}


/* 背景 */
.bg_circle{
	background-image:url(img_top/bg_circle.png);
	background-repeat:no-repeat;
	background-position:top center;
}

/* 幅 */
.tb_w_400{
	width:400px;	
}
/* 高さ */	
.tb_hi_240{
	height:240px;	
}

/* お問合せページ用 */
.cont_r{
	float:left;
	width:30%;
	padding-top:5px;
}
.cont_l::after{
	clear:left;
}
.cont_l input, .cont_l textarea{
	width:60%;
}


}




/* ===== PC用 ===== */
@media screen and (min-width:1000px){


/* 幅 */
.pc_w_300{
	width:300px;	
}
.pc_w_500{
	width:500px;	
}
}