@charset "utf-8";

/* ------------------------------ */
/* ▼ block 要素 ▼ */

:root{
	--themes-color-link:#0044CC;
	--margin-center:0 auto;
	--themes-color:230;
	--themes-color-red:0;
	--themes-color-gray:0;
	--themes-color-orange:25;
	--themes-color-brown:30;
	--themes-color-yellow:60;
	--themes-color-green:110;
	--themes-color-skyblue:185;
	--themes-color-blue:230;
	--themes-color-purple:265;
	--themes-color-pink:300;
}



div,
table,
td,
th,
h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd
{
	margin: 0;
	padding: 0;
	float: none;
	border-collapse:collapse;
	list-style:none;
	line-height:1.62;
}
*{
	box-sizing:border-box;
}	
}

br{
	display:block;
	content:"";
	margin:16.2px 0px;	
}



.cmn-line-height0{
	line-height:0 !important;
}


.outer-100{
	width:100%;
	height:auto;
}

.outer-98{
	width:98%;
	height:auto;
}

.outer-96{
	width:96%;
	height:auto;
}

.outer-94{
	width:94%;
	height:auto;
}

.outer-92{
	width:92%;
	height:auto;
}

.outer-90{
	width:90%;
	height:auto;
	margin:0 auto;
}

.outer-85{
	width:85%;
	height:auto;
	margin:0 auto;
}

.outer-80{
	width:80%;
	height:auto;
	margin:0 auto;
}

.outer-75{
	width:75%;
	height:auto;
}

.outer-70{
	width:70%;
	height:auto;
}

.outer-65{
	width:65%;
	height:auto;
}

.outer-60{
	width:60%;
	height:auto;
}


.outer-55{
	width:55%;
	height:auto;
}

.outer-50{
	width:50%;
	height:auto;
}

.outer-40{
	width:40%;
	height:auto;
}

.outer-30{
	width:30%;
	height:auto;
}

.cmn-block-center{
	margin:var(--margin-center);	
}


.disp-grid{
	display:grid;
}

.grid-auto-fill{
	grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important;	
}

.grid-auto-fit{
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)) !important;	
}

.grid1{
	grid-template-columns: 1fr;
}

.grid2{
	grid-template-columns: 1fr 1fr;
}

.grid3{
	grid-template-columns: repeat(3, 1fr);
}

.grid4{
	grid-template-columns: repeat(4, 1fr);
}

.grid5{
	grid-template-columns: repeat(5, 1fr);
}

.grid6{
	grid-template-columns: repeat(6, 1fr);
}

.grid7{
	grid-template-columns: repeat(7, 1fr);
}

.grid8{
	grid-template-columns: repeat(8, 1fr);
}

.grid9{
	grid-template-columns: repeat(9, 1fr);
}

.grid10{
	grid-template-columns: repeat(10, 1fr);
}

.grid11{
	grid-template-columns: repeat(11, 1fr);
}

.grid12{
	grid-template-columns: repeat(12, 1fr);
}

.grid13{
	grid-template-columns: repeat(13, 1fr);
}

.grid14{
	grid-template-columns: repeat(14, 1fr);
}

.grid15{
	grid-template-columns: repeat(15, 1fr);
}

.grid16{
	grid-template-columns: repeat(16, 1fr);
}

.grid17{
	grid-template-columns: repeat(17, 1fr);
}

.grid18{
	grid-template-columns: repeat(18, 1fr);
}

.grid19{
	grid-template-columns: repeat(19, 1fr);
}

.grid20{
	grid-template-columns: repeat(20, 1fr);
}

.cmn-grid-gap10{
	gap:10px;
}


.cmn-grid-gap8{
	gap:8px;
}


.cmn-grid-gap16{
	gap:16px;
}

.cmn-grid-gap24{
	gap:24px;
}


.grid .clm
{

}



.grid-gap-none .clm{
	border-style:none solid solid none;
	padding:10px;
}


/* ▼ block 要素 ▼ */
/* ------------------------------ */

/* ------------------------------ */
/* ▼ BOX 関連 ▼ */


.fl-l{
	float:left;	
}
.fl-r{
	float:right;	
}

.disp-none{
	display:none;	
}

.after-clear:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}


/*-----------------------------------*/
/* 角丸 */

.rounded-square{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}


.rounded-square10{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.rounded-square15{
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}

/* 角丸 */
/*-----------------------------------*/


/*-----------------------------------*/
/* 半円 */

.harf-circle-updown-50{
	width: 100px;
	height: 50px;
	border-radius: 50% / 100% 100% 0 0;
}

/* 半円 */
/*-----------------------------------*/


/*-----------------------------------*/
/* 円 */

.circle-auto{
	width:auto;	
	height:auto;
	border-radius: 50%;
}

.circle-25{
	width:50px;
	height:50px;
	border-radius: 50%;
}

.circle-30{
	width:30px;
	height:30px;
	border-radius: 50%;
}

.circle-35{
	width:35px;
	height:35px;
	border-radius: 50%;
}


.circle-50{
	width:50px;
	height:50px;
	border-radius: 50%;
}

.circle-100{
	width:100px;
	height:100px;
	border-radius: 50%;
}


.circle-150{
	width:150px;
	height:150px;
	border-radius: 50%;
}

.circle-200{
	width:200px;
	height:200px;
	border-radius: 50%;
}


/* 円 */
/*-----------------------------------*/


.foreground{
	z-index:9999;	
}

.fixed {
    position: fixed;
}


.block{
	display:block;
}

.inline-block,
.inline{
	display:inline-block;
}




/* margin */

.mg-t5{
	margin-top:5px !important;
}

.mg-t10{
	margin-top:10px !important;
}

.mg-t15{
	margin-top:15px !important;
}

.mg-t20{
	margin-top:20px !important;
}

.mg-t25{
	margin-top:25px !important;
}

.mg-t30{
	margin-top:30px !important;
}

.mg-t35{
	margin-top:35px !important;
}

.mg-t40{
	margin-top:40px !important;
}

.mg-t45{
	margin-top:45px !important;
}

.mg-t50{
	margin-top:50px !important;
}

.mg-t50{
	margin-top:55px !important;
}

.mg-b5{
	margin-bottom:5px !important;
}

.mg-b10{
	margin-bottom:10px !important;
}

.mg-b15{
	margin-bottom:15px !important;
}

.mg-b20{
	margin-bottom:20px !important;
}

.mg-b25{
	margin-bottom:25px !important;
}

.mg-b30{
	margin-bottom:30px !important;
}

.mg-b35{
	margin-bottom:35px !important;
}

.mg-b40{
	margin-bottom:40px !important;
}

.mg-b45{
	margin-bottom:45px !important;
}

.mg-b50{
	margin-bottom:50px !important;
}

.mg-b50{
	margin-bottom:55px !important;
}

.mg-l5{
	margin-left:5px !important;
}

.mg-l10{
	margin-left:10px !important;
}

.mg-l15{
	margin-left:15px !important;
}

.mg-l20{
	margin-left:20px !important;
}

.mg-l25{
	margin-left:25px !important;
}

.mg-l30{
	margin-left:30px !important;
}

.mg-l35{
	margin-left:35px !important;
}

.mg-l40{
	margin-left:40px !important;
}

.mg-l45{
	margin-left:45px !important;
}

.mg-l50{
	margin-left:50px !important;
}

.mg-l50{
	margin-left:55px !important;
}


.mg-r5{
	margin-right:5px !important;
}

.mg-r10{
	margin-right:10px !important;
}

.mg-r15{
	margin-right:15px !important;
}

.mg-r20{
	margin-right:20px !important;
}

.mg-r25{
	margin-right:25px !important;
}

.mg-r30{
	margin-right:30px !important;
}

.mg-r35{
	margin-right:35px !important;
}

.mg-r40{
	margin-right:40px !important;
}

.mg-r45{
	margin-right:45px !important;
}

.mg-r50{
	margin-right:50px !important;
}

.mg-r50{
	margin-right:55px !important;
}




/* padding */



.pd-t5{
	padding-top:5px !important;
}

.pd-t10{
	padding-top:10px !important;
}

.pd-t15{
	padding-top:15px !important;
}

.pd-t20{
	padding-top:20px !important;
}

.pd-t25{
	padding-top:25px !important;
}

.pd-t30{
	padding-top:30px !important;
}

.pd-t35{
	padding-top:35px !important;
}

.pd-t40{
	padding-top:40px !important;
}

.pd-t45{
	padding-top:45px !important;
}

.pd-t50{
	padding-top:50px !important;
}

.pd-t50{
	padding-top:55px !important;
}

.pd-b5{
	padding-bottom:5px !important;
}

.pd-b10{
	padding-bottom:10px !important;
}

.pd-b15{
	padding-bottom:15px !important;
}

.pd-b20{
	padding-bottom:20px !important;
}

.pd-b25{
	padding-bottom:25px !important;
}

.pd-b30{
	padding-bottom:30px !important;
}

.pd-b35{
	padding-bottom:35px !important;
}

.pd-b40{
	padding-bottom:40px !important;
}

.pd-b45{
	padding-bottom:45px !important;
}

.pd-b50{
	padding-bottom:50px !important;
}

.pd-b50{
	padding-bottom:55px !important;
}

.pd-l5{
	padding-left:5px !important;
}

.pd-l10{
	padding-left:10px !important;
}

.pd-l15{
	padding-left:15px !important;
}

.pd-l20{
	padding-left:20px !important;
}

.pd-l25{
	padding-left:25px !important;
}

.pd-l30{
	padding-left:30px !important;
}

.pd-l35{
	padding-left:35px !important;
}

.pd-l40{
	padding-left:40px !important;
}

.pd-l45{
	padding-left:45px !important;
}

.pd-l50{
	padding-left:50px !important;
}

.pd-l50{
	padding-left:55px !important;
}


.pd-r5{
	padding-right:5px !important;
}

.pd-r10{
	padding-right:10px !important;
}

.pd-r15{
	padding-right:15px !important;
}

.pd-r20{
	padding-right:20px !important;
}

.pd-r25{
	padding-right:25px !important;
}

.pd-r30{
	padding-right:30px !important;
}

.pd-r35{
	padding-right:35px !important;
}

.pd-r40{
	padding-right:40px !important;
}

.pd-r45{
	padding-right:45px !important;
}

.pd-r50{
	padding-right:50px !important;
}

.pd-r50{
	padding-right:55px !important;
}




/* over lay */



.overlay-outer{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	background-color:rgba(0,0,0,0.7);
	overflow:auto;
}



.message-box{
	z-index:9999;
	background-color:rgba(0,0,0,0.7);
}

.overlay-msg{
	position: absolute;
	top:50%;
	bottom:50%;
	left: 50%;
	right:50%;
	margin: auto;
	background-color:rgba(0,0,0,0.7);
	padding:30px 40px;
	width:auto;
	height:auto;
	z-index:9999;
}




/* ▼ BOX 関連 ▼ */
/* ------------------------------ */



/* ------------------------------ */
/* colors */


/* ------------------------------------------------------- */
/* font color */

.c-red20,
.c-red20:visited
{
	color:hsl(var(--themes-color-red),100%,20%)	;
}

.c-red30,
.c-red30:visited
{
	color:hsl(var(--themes-color-red),100%,30%)	;
}

.c-red40,
.c-red40:visited
{

	color:hsl(var(--themes-color-red),100%,40%)	;
}

.c-red50,
.c-red50:visited
{
	color:hsl(var(--themes-color-red),100%,50%)	;
}

.c-red60,
.c-red60:visited
{
	color:hsl(var(--themes-color-red),100%,60%)	;
}

.c-red70,
.c-red70:visited
{
	color:hsl(var(--themes-color-red),100%,70%)	;
}

.c-red80,
.c-red80:visited
{
	color:hsl(var(--themes-color-red),100%,80%)	;
}

.c-red90,
.c-red90:visited
{
	color:hsl(var(--themes-color-red),100%,90%)	;
}

.c-red95,
.c-red95:visited
{
	color:hsl(var(--themes-color-red),100%,95%)	;
}


.c-orange20,
.c-orange20:visited
{
	color:hsl(var(--themes-color-orange),100%,20%)	;
}

.c-orange30,
.c-orange30:visited
{
	color:hsl(var(--themes-color-orange),100%,30%)	;
}

.c-orange40,
.c-orange40:visited
{
	color:hsl(var(--themes-color-orange),100%,40%)	;
}

.c-orange50,
.c-orange50:visited
{
	color:hsl(var(--themes-color-orange),100%,50%)	;
}

.c-orange60,
.c-orange60:visited
{
	color:hsl(var(--themes-color-orange),100%,60%)	;
}

.c-orange70,
.c-orange70:visited
{
	color:hsl(var(--themes-color-orange),100%,70%)	;
}

.c-orange80,
.c-orange80:visited
{
	color:hsl(var(--themes-color-orange),100%,80%)	;
}

.c-orange90,
.c-orange90:visited
{
	color:hsl(var(--themes-color-orange),100%,90%)	;
}

.c-orange95,
.c-orange95:visited
{
	color:hsl(var(--themes-color-orange),100%,95%)	;
}



.c-brown20,
.c-brown20:visited
{
	color:hsl(var(--themes-color-brown),100%,20%)	;
}

.c-brown30,
.c-brown30:visited
{
	color:hsl(var(--themes-color-brown),100%,30%)	;
}

.c-brown40,
.c-brown40:visited
{
	color:hsl(var(--themes-color-brown),100%,40%)	;
}

.c-brown50,
.c-brown50:visited
{
	color:hsl(var(--themes-color-brown),100%,50%)	;
}

.c-brown60,
.c-brown60:visited
{
	color:hsl(var(--themes-color-brown),100%,60%)	;
}

.c-brown70,
.c-brown70:visited
{
	color:hsl(var(--themes-color-brown),100%,70%)	;
}

.c-brown80,
.c-brown80:visited
{
	color:hsl(var(--themes-color-brown),100%,80%)	;
}

.c-brown90,
.c-brown90:visited
{
	color:hsl(var(--themes-color-brown),100%,90%)	;
}

.c-brown95,
.c-brown95:visited
{
	color:hsl(var(--themes-color-brown),100%,95%)	;
}



.c-yellow20,
.c-yellow20:visited
{
	color:hsl(var(--themes-color-yellow),100%,20%)	;
}

.c-yellow30,
.c-yellow30:visited
{
	color:hsl(var(--themes-color-yellow),100%,30%)	;
}

.c-yellow40,
.c-yellow40:visited
{
	color:hsl(var(--themes-color-yellow),100%,40%)	;
}

.c-yellow50,
.c-yellow50:visited
{
	color:hsl(var(--themes-color-yellow),100%,50%)	;
}

.c-yellow60,
.c-yellow60:visited
{
	color:hsl(var(--themes-color-yellow),100%,60%)	;
}

.c-yellow70,
.c-yellow70:visited
{
	color:hsl(var(--themes-color-yellow),100%,70%)	;
}

.c-yellow80,
.c-yellow80:visited
{
	color:hsl(var(--themes-color-yellow),100%,80%)	;
}

.c-yellow90,
.c-yellow90:visited
{
	color:hsl(var(--themes-color-yellow),100%,90%)	;
}

.c-yellow95,
.c-yellow95:visited
{
	color:hsl(var(--themes-color-yellow),100%,95%)	;
}


.c-green20,
.c-green20:visited
{
	color:hsl(var(--themes-color-green),100%,20%)	;
}

.c-green30,
.c-green30:visited
{
	color:hsl(var(--themes-color-green),100%,30%)	;
}

.c-green40,
.c-green40:visited
{
	color:hsl(var(--themes-color-green),100%,40%)	;
}

.c-green50,
.c-green50:visited
{
	color:hsl(var(--themes-color-green),100%,50%)	;
}

.c-green60,
.c-green60:visited
{
	color:hsl(var(--themes-color-green),100%,60%)	;
}

.c-green70,
.c-green70:visited
{
	color:hsl(var(--themes-color-green),100%,70%)	;
}

.c-green80,
.c-green80:visited
{
	color:hsl(var(--themes-color-green),100%,80%)	;
}

.c-green90,
.c-green90:visited
{
	color:hsl(var(--themes-color-green),100%,90%)	;
}

.c-green95,
.c-green95:visited
{
	color:hsl(var(--themes-color-green),100%,95%)	;
}


.c-skyblue20,
.c-skyblue20:visited
{
	color:hsl(var(--themes-color-skyblue),100%,20%)	;
}

.c-skyblue30,
.c-skyblue30:visited
{
	color:hsl(var(--themes-color-skyblue),100%,30%)	;
}

.c-skyblue40,
.c-skyblue40:visited
{
	color:hsl(var(--themes-color-skyblue),100%,40%)	;
}

.c-skyblue50,
.c-skyblue50:visited
{
	color:hsl(var(--themes-color-skyblue),100%,50%)	;
}

.c-skyblue60,
.c-skyblue60:visited
{
	color:hsl(var(--themes-color-skyblue),100%,60%)	;
}

.c-skyblue70,
.c-skyblue70:visited
{
	color:hsl(var(--themes-color-skyblue),100%,70%)	;
}

.c-skyblue80,
.c-skyblue80:visited
{
	color:hsl(var(--themes-color-skyblue),100%,80%)	;
}

.c-skyblue90,
.c-skyblue90:visited
{
	color:hsl(var(--themes-color-skyblue),100%,90%)	;
}

.c-skyblue95,
.c-skyblue95:visited
{
	color:hsl(var(--themes-color-skyblue),100%,95%)	;
}

.c-blue20,
.c-blue20:visited
{
	color:hsl(var(--themes-color-blue),100%,20%)	;
}

.c-blue30,
.c-blue30:visited
{
	color:hsl(var(--themes-color-blue),100%,30%)	;
}

.c-blue40,
.c-blue40:visited
{
	color:hsl(var(--themes-color-blue),100%,40%)	;
}

.c-blue50,
.c-blue50:visited
{
	color:hsl(var(--themes-color-blue),100%,50%)	;
}

.c-blue60,
.c-blue60:visited
{
	color:hsl(var(--themes-color-blue),100%,60%)	;
}

.c-blue70,
.c-blue70:visited
{
	color:hsl(var(--themes-color-blue),100%,70%)	;
}

.c-blue80,
.c-blue80:visited
{
	color:hsl(var(--themes-color-blue),100%,80%)	;
}

.c-blue90,
.c-blue90:visited
{
	color:hsl(var(--themes-color-blue),100%,90%)	;
}

.c-blue95,
.c-blue95:visited
{
	color:hsl(var(--themes-color-blue),100%,95%)	;
}

.c-purple20,
.c-purple20:visited
{
	color:hsl(var(--themes-color-purple),100%,20%)	;
}

.c-purple30,
.c-purple30:visited
{
	color:hsl(var(--themes-color-purple),100%,30%)	;
}

.c-purple40,
.c-purple40:visited
{
	color:hsl(var(--themes-color-purple),100%,40%)	;
}

.c-purple50,
.c-purple50:visited
{
	color:hsl(var(--themes-color-purple),100%,50%)	;
}

.c-purple60,
.c-purple60:visited
{
	color:hsl(var(--themes-color-purple),100%,60%)	;
}

.c-purple70,
.c-purple70:visited
{
	color:hsl(var(--themes-color-purple),100%,70%)	;
}

.c-purple80,
.c-purple80:visited
{
	color:hsl(var(--themes-color-purple),100%,80%)	;
}

.c-purple90,
.c-purple90:visited
{
	color:hsl(var(--themes-color-purple),100%,90%)	;
}

.c-purple95,
.c-purple95:visited
{
	color:hsl(var(--themes-color-purple),100%,95%)	;
}



.c-pink20,
.c-pink20:visited
{
	color:hsl(var(--themes-color-pink),100%,20%)	;
}

.c-pink30,
.c-pink30:visited
{
	color:hsl(var(--themes-color-pink),100%,30%)	;
}

.c-pink40,
.c-pink40:visited
{
	color:hsl(var(--themes-color-pink),100%,40%)	;
}

.c-pink50,
.c-pink50:visited
{
	color:hsl(var(--themes-color-pink),100%,50%)	;
}

.c-pink60,
.c-pink60:visited
{
	color:hsl(var(--themes-color-pink),100%,60%)	;
}

.c-pink70,
.c-pink70:visited
{
	color:hsl(var(--themes-color-pink),100%,70%)	;
}

.c-pink80,
.c-pink80:visited
{
	color:hsl(var(--themes-color-pink),100%,80%)	;
}

.c-pink90,
.c-pink90:visited
{
	color:hsl(var(--themes-color-pink),100%,90%)	;
}

.c-pink95,
.c-pink95:visited
{
	color:hsl(var(--themes-color-pink),100%,95%)	;
}

.c-blk,
.c-blk:visited,
.c-gray0,
.c-gray0:visited
{
	color:hsl(var(--themes-color-gray),0%,0%)	;
}

.c-gray5,
.c-gray5:visited
{
	color:hsl(var(--themes-color-gray),0%,5%)	;
}

.c-gray10,
.c-gray10:visited
{
	color:hsl(var(--themes-color-gray),0%,10%)	;
}

.c-gray15,
.c-gray15:visited
{
	color:hsl(var(--themes-color-gray),0%,15%)	;
}

.c-gray20,
.c-gray20:visited
{
	color:hsl(var(--themes-color-gray),0%,20%)	;
}

.c-gray30,
.c-gray30:visited
{
	color:hsl(var(--themes-color-gray),0%,30%)	;
}

.c-gray40,
.c-gray40:visited
{
	color:hsl(var(--themes-color-gray),0%,40%)	;
}

.c-gray50,
.c-gray50:visited
{
	color:hsl(var(--themes-color-gray),0%,50%)	;
}

.c-gray60,
.c-gray60:visited
{
	color:hsl(var(--themes-color-gray),0%,60%)	;
}

.c-gray70,
.c-gray70:visited
{
	color:hsl(var(--themes-color-gray),0%,70%)	;
}

.c-gray80,
.c-gray80:visited
{
	color:hsl(var(--themes-color-gray),0%,80%)	;
}

.c-gray85,
.c-gray85:visited
{
	color:hsl(var(--themes-color-gray),0%,85%)	;
}

.c-gray90,
.c-gray90:visited
{
	color:hsl(var(--themes-color-gray),0%,90%)	;
}

.c-gray95,
.c-gray95:visited
{
	color:hsl(var(--themes-color-gray),0%,95%)	;
}

.c-white,
.c-white:visited,
.c-gray100,
.c-gray100:visited
{
	color:hsl(var(--themes-color-gray),0%,100%)	;
}





/* ------------------------------------------------------- */
/* background color */

.c-bg20{
	background:hsl(var(--themes-color),100%,20%)	;
}

.c-bg30{
	background:hsl(var(--themes-color),100%,30%)	;
}

.c-bg40{
	background:hsl(var(--themes-color),100%,40%)	;
}

.c-bg50{
	background:hsl(var(--themes-color),100%,50%)	;
}

.c-bg60{
	background:hsl(var(--themes-color),100%,60%)	;
}

.c-bg70{
	background:hsl(var(--themes-color),100%,70%)	;
}

.c-bg80{
	background:hsl(var(--themes-color),100%,80%)	;
}

.c-bg90{
	background:hsl(var(--themes-color),100%,90%)	;
}

.c-bg95{
	background:hsl(var(--themes-color),100%,95%)	;
}



.c-bg-red20{
	background:hsl(var(--themes-color-red),100%,20%)	;
}

.c-bg-red30{
	background:hsl(var(--themes-color-red),100%,30%)	;
}

.c-bg-red40{
	background:hsl(var(--themes-color-red),100%,40%)	;
}

.c-bg-red50{
	background:hsl(var(--themes-color-red),100%,50%)	;
}

.c-bg-red60{
	background:hsl(var(--themes-color-red),100%,60%)	;
}

.c-bg-red70{
	background:hsl(var(--themes-color-red),100%,70%)	;
}

.c-bg-red80{
	background:hsl(var(--themes-color-red),100%,80%)	;
}

.c-bg-red90{
	background:hsl(var(--themes-color-red),100%,90%)	;
}

.c-bg-red95{
	background:hsl(var(--themes-color-red),100%,95%)	;
}


.c-bg-orange20{
	background:hsl(var(--themes-color-orange),100%,20%)	;
}

.c-bg-orange30{
	background:hsl(var(--themes-color-orange),100%,30%)	;
}

.c-bg-orange40{
	background:hsl(var(--themes-color-orange),100%,40%)	;
}

.c-bg-orange50{
	background:hsl(var(--themes-color-orange),100%,50%)	;
}

.c-bg-orange60{
	background:hsl(var(--themes-color-orange),100%,60%)	;
}

.c-bg-orange70{
	background:hsl(var(--themes-color-orange),100%,70%)	;
}

.c-bg-orange80{
	background:hsl(var(--themes-color-orange),100%,80%)	;
}

.c-bg-orange90{
	background:hsl(var(--themes-color-orange),100%,90%)	;
}

.c-bg-orange95{
	background:hsl(var(--themes-color-orange),100%,95%)	;
}



.c-bg-brown20{
	background:hsl(var(--themes-color-brown),100%,20%)	;
}

.c-bg-brown30{
	background:hsl(var(--themes-color-brown),100%,30%)	;
}

.c-bg-brown40{
	background:hsl(var(--themes-color-brown),100%,40%)	;
}

.c-bg-brown50{
	background:hsl(var(--themes-color-brown),100%,50%)	;
}

.c-bg-brown60{
	background:hsl(var(--themes-color-brown),100%,60%)	;
}

.c-bg-brown70{
	background:hsl(var(--themes-color-brown),100%,70%)	;
}

.c-bg-brown80{
	background:hsl(var(--themes-color-brown),100%,80%)	;
}

.c-bg-brown90{
	background:hsl(var(--themes-color-brown),100%,90%)	;
}

.c-bg-brown95{
	background:hsl(var(--themes-color-brown),100%,95%)	;
}



.c-bg-yellow20{
	background:hsl(var(--themes-color-yellow),100%,20%)	;
}

.c-bg-yellow30{
	background:hsl(var(--themes-color-yellow),100%,30%)	;
}

.c-bg-yellow40{
	background:hsl(var(--themes-color-yellow),100%,40%)	;
}

.c-bg-yellow50{
	background:hsl(var(--themes-color-yellow),100%,50%)	;
}

.c-bg-yellow60{
	background:hsl(var(--themes-color-yellow),100%,60%)	;
}

.c-bg-yellow70{
	background:hsl(var(--themes-color-yellow),100%,70%)	;
}

.c-bg-yellow80{
	background:hsl(var(--themes-color-yellow),100%,80%)	;
}

.c-bg-yellow90{
	background:hsl(var(--themes-color-yellow),100%,90%)	;
}

.c-bg-yellow95{
	background:hsl(var(--themes-color-yellow),100%,95%)	;
}

.c-bg-green20{
	background:hsl(var(--themes-color-green),100%,20%)	;
}

.c-bg-green30{
	background:hsl(var(--themes-color-green),100%,30%)	;
}

.c-bg-green40{
	background:hsl(var(--themes-color-green),100%,40%)	;
}

.c-bg-green50{
	background:hsl(var(--themes-color-green),100%,50%)	;
}

.c-bg-green60{
	background:hsl(var(--themes-color-green),100%,60%)	;
}

.c-bg-green70{
	background:hsl(var(--themes-color-green),100%,70%)	;
}

.c-bg-green80{
	background:hsl(var(--themes-color-green),100%,80%)	;
}

.c-bg-green90{
	background:hsl(var(--themes-color-green),100%,90%)	;
}

.c-bg-green95{
	background:hsl(var(--themes-color-green),100%,95%)	;
}


.c-bg-skyblue20{
	background:hsl(var(--themes-color-skyblue),100%,20%)	;
}

.c-bg-skyblue30{
	background:hsl(var(--themes-color-skyblue),100%,30%)	;
}

.c-bg-skyblue40{
	background:hsl(var(--themes-color-skyblue),100%,40%)	;
}

.c-bg-skyblue50{
	background:hsl(var(--themes-color-skyblue),100%,50%)	;
}

.c-bg-skyblue60{
	background:hsl(var(--themes-color-skyblue),100%,60%)	;
}

.c-bg-skyblue70{
	background:hsl(var(--themes-color-skyblue),100%,70%)	;
}

.c-bg-skyblue80{
	background:hsl(var(--themes-color-skyblue),100%,80%)	;
}

.c-bg-skyblue90{
	background:hsl(var(--themes-color-skyblue),100%,90%)	;
}

.c-bg-skyblue95{
	background:hsl(var(--themes-color-skyblue),100%,95%)	;
}

.c-bg-blue20{
	background:hsl(var(--themes-color-blue),100%,20%)	;
}

.c-bg-blue30{
	background:hsl(var(--themes-color-blue),100%,30%)	;
}

.c-bg-blue40{
	background:hsl(var(--themes-color-blue),100%,40%)	;
}

.c-bg-blue50{
	background:hsl(var(--themes-color-blue),100%,50%)	;
}

.c-bg-blue60{
	background:hsl(var(--themes-color-blue),100%,60%)	;
}

.c-bg-blue70{
	background:hsl(var(--themes-color-blue),100%,70%)	;
}

.c-bg-blue80{
	background:hsl(var(--themes-color-blue),100%,80%)	;
}

.c-bg-blue90{
	background:hsl(var(--themes-color-blue),100%,90%)	;
}

.c-bg-blue95{
	background:hsl(var(--themes-color-blue),100%,95%)	;
}

.c-bg-blue96{
	background:hsl(var(--themes-color-blue),100%,96%)	;
}

.c-bg-blue97{
	background:hsl(var(--themes-color-blue),100%,97%)	;
}

.c-bg-blue98{
	background:hsl(var(--themes-color-blue),100%,98%)	;
}

.c-bg-blue99{
	background:hsl(var(--themes-color-blue),100%,99%)	;
}

.c-bg-purple20{
	background:hsl(var(--themes-color-purple),100%,20%)	;
}

.c-bg-purple30{
	background:hsl(var(--themes-color-purple),100%,30%)	;
}

.c-bg-purple40{
	background:hsl(var(--themes-color-purple),100%,40%)	;
}

.c-bg-purple50{
	background:hsl(var(--themes-color-purple),100%,50%)	;
}

.c-bg-purple60{
	background:hsl(var(--themes-color-purple),100%,60%)	;
}

.c-bg-purple70{
	background:hsl(var(--themes-color-purple),100%,70%)	;
}

.c-bg-purple80{
	background:hsl(var(--themes-color-purple),100%,80%)	;
}

.c-bg-purple90{
	background:hsl(var(--themes-color-purple),100%,90%)	;
}

.c-bg-purple95{
	background:hsl(var(--themes-color-purple),100%,95%)	;
}



.c-bg-pink20{
	background:hsl(var(--themes-color-pink),100%,20%)	;
}

.c-bg-pink30{
	background:hsl(var(--themes-color-pink),100%,30%)	;
}

.c-bg-pink40{
	background:hsl(var(--themes-color-pink),100%,40%)	;
}

.c-bg-pink50{
	background:hsl(var(--themes-color-pink),100%,50%)	;
}

.c-bg-pink60{
	background:hsl(var(--themes-color-pink),100%,60%)	;
}

.c-bg-pink70{
	background:hsl(var(--themes-color-pink),100%,70%)	;
}

.c-bg-pink80{
	background:hsl(var(--themes-color-pink),100%,80%)	;
}

.c-bg-pink90{
	background:hsl(var(--themes-color-pink),100%,90%)	;
}

.c-bg-pink95{
	background:hsl(var(--themes-color-pink),100%,95%)	;
}




.c-bg-gray0,
.c-bg-blk
{
	background:hsl(var(--themes-color-gray),0%,0%)	;
}

.c-bg-gray5{
	background:hsl(var(--themes-color-gray),0%,5%)	;
}

.c-bg-gray10{
	background:hsl(var(--themes-color-gray),0%,10%)	;
}

.c-bg-gray15{
	background:hsl(var(--themes-color-gray),0%,15%)	;
}

.c-bg-gray20{
	background:hsl(var(--themes-color-gray),0%,20%)	;
}

.c-bg-gray30{
	background:hsl(var(--themes-color-gray),0%,30%)	;
}

.c-bg-gray40{
	background:hsl(var(--themes-color-gray),0%,40%)	;
}

.c-bg-gray50{
	background:hsl(var(--themes-color-gray),0%,50%)	;
}

.c-bg-gray60{
	background:hsl(var(--themes-color-gray),0%,60%)	;
}

.c-bg-gray70{
	background:hsl(var(--themes-color-gray),0%,70%)	;
}

.c-bg-gray80{
	background:hsl(var(--themes-color-gray),0%,80%)	;
}

.c-bg-gray85{
	background:hsl(var(--themes-color-gray),0%,85%)	;
}

.c-bg-gray90{
	background:hsl(var(--themes-color-gray),0%,90%)	;
}

.c-bg-gray95{
	background:hsl(var(--themes-color-gray),0%,95%)	;
}

.c-bg-gray100,
.c-bg-white
{
	background:hsl(var(--themes-color-gray),0%,100%)	;
}


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


/* ------------------------------------------------------- */
/* border color */

.c-border-red20{
	border-color:hsl(var(--themes-color-red),100%,20%)	;
}

.c-border-red30{
	border-color:hsl(var(--themes-color-red),100%,30%)	;
}

.c-border-red40{
	border-color:hsl(var(--themes-color-red),100%,40%)	;
}

.c-border-red50{
	border-color:hsl(var(--themes-color-red),100%,50%)	;
}

.c-border-red60{
	border-color:hsl(var(--themes-color-red),100%,60%)	;
}

.c-border-red70{
	border-color:hsl(var(--themes-color-red),100%,70%)	;
}

.c-border-red80{
	border-color:hsl(var(--themes-color-red),100%,80%)	;
}

.c-border-red90{
	border-color:hsl(var(--themes-color-red),100%,90%)	;
}

.c-border-red95{
	border-color:hsl(var(--themes-color-red),100%,95%)	;
}


.c-border-orange20{
	border-color:hsl(var(--themes-color-orange),100%,20%)	;
}

.c-border-orange30{
	border-color:hsl(var(--themes-color-orange),100%,30%)	;
}

.c-border-orange40{
	border-color:hsl(var(--themes-color-orange),100%,40%)	;
}

.c-border-orange50{
	border-color:hsl(var(--themes-color-orange),100%,50%)	;
}

.c-border-orange60{
	border-color:hsl(var(--themes-color-orange),100%,60%)	;
}

.c-border-orange70{
	border-color:hsl(var(--themes-color-orange),100%,70%)	;
}

.c-border-orange80{
	border-color:hsl(var(--themes-color-orange),100%,80%)	;
}

.c-border-orange90{
	border-color:hsl(var(--themes-color-orange),100%,90%)	;
}

.c-border-orange95{
	border-color:hsl(var(--themes-color-orange),100%,95%)	;
}



.c-border-brown20{
	border-color:hsl(var(--themes-color-brown),100%,20%)	;
}

.c-border-brown30{
	border-color:hsl(var(--themes-color-brown),100%,30%)	;
}

.c-border-brown40{
	border-color:hsl(var(--themes-color-brown),100%,40%)	;
}

.c-border-brown50{
	border-color:hsl(var(--themes-color-brown),100%,50%)	;
}

.c-border-brown60{
	border-color:hsl(var(--themes-color-brown),100%,60%)	;
}

.c-border-brown70{
	border-color:hsl(var(--themes-color-brown),100%,70%)	;
}

.c-border-brown80{
	border-color:hsl(var(--themes-color-brown),100%,80%)	;
}

.c-border-brown90{
	border-color:hsl(var(--themes-color-brown),100%,90%)	;
}

.c-border-brown95{
	border-color:hsl(var(--themes-color-brown),100%,95%)	;
}



.c-border-yellow20{
	border-color:hsl(var(--themes-color-yellow),100%,20%)	;
}

.c-border-yellow30{
	border-color:hsl(var(--themes-color-yellow),100%,30%)	;
}

.c-border-yellow40{
	border-color:hsl(var(--themes-color-yellow),100%,40%)	;
}

.c-border-yellow50{
	border-color:hsl(var(--themes-color-yellow),100%,50%)	;
}

.c-border-yellow60{
	border-color:hsl(var(--themes-color-yellow),100%,60%)	;
}

.c-border-yellow70{
	border-color:hsl(var(--themes-color-yellow),100%,70%)	;
}

.c-border-yellow80{
	border-color:hsl(var(--themes-color-yellow),100%,80%)	;
}

.c-border-yellow90{
	border-color:hsl(var(--themes-color-yellow),100%,90%)	;
}

.c-border-yellow95{
	border-color:hsl(var(--themes-color-yellow),100%,95%)	;
}

.c-border-green20{
	border-color:hsl(var(--themes-color-green),100%,20%)	;
}

.c-border-green30{
	border-color:hsl(var(--themes-color-green),100%,30%)	;
}

.c-border-green40{
	border-color:hsl(var(--themes-color-green),100%,40%)	;
}

.c-border-green50{
	border-color:hsl(var(--themes-color-green),100%,50%)	;
}

.c-border-green60{
	border-color:hsl(var(--themes-color-green),100%,60%)	;
}

.c-border-green70{
	border-color:hsl(var(--themes-color-green),100%,70%)	;
}

.c-border-green80{
	border-color:hsl(var(--themes-color-green),100%,80%)	;
}

.c-border-green90{
	border-color:hsl(var(--themes-color-green),100%,90%)	;
}

.c-border-green95{
	border-color:hsl(var(--themes-color-green),100%,95%)	;
}


.c-border-skyblue20{
	border-color:hsl(var(--themes-color-skyblue),100%,20%)	;
}

.c-border-skyblue30{
	border-color:hsl(var(--themes-color-skyblue),100%,30%)	;
}

.c-border-skyblue40{
	border-color:hsl(var(--themes-color-skyblue),100%,40%)	;
}

.c-border-skyblue50{
	border-color:hsl(var(--themes-color-skyblue),100%,50%)	;
}

.c-border-skyblue60{
	border-color:hsl(var(--themes-color-skyblue),100%,60%)	;
}

.c-border-skyblue70{
	border-color:hsl(var(--themes-color-skyblue),100%,70%)	;
}

.c-border-skyblue80{
	border-color:hsl(var(--themes-color-skyblue),100%,80%)	;
}

.c-border-skyblue90{
	border-color:hsl(var(--themes-color-skyblue),100%,90%)	;
}

.c-border-skyblue95{
	border-color:hsl(var(--themes-color-skyblue),100%,95%)	;
}

.c-border-blue20{
	border-color:hsl(var(--themes-color-blue),100%,20%)	;
}

.c-border-blue30{
	border-color:hsl(var(--themes-color-blue),100%,30%)	;
}

.c-border-blue40{
	border-color:hsl(var(--themes-color-blue),100%,40%)	;
}

.c-border-blue50{
	border-color:hsl(var(--themes-color-blue),100%,50%)	;
}

.c-border-blue60{
	border-color:hsl(var(--themes-color-blue),100%,60%)	;
}

.c-border-blue70{
	border-color:hsl(var(--themes-color-blue),100%,70%)	;
}

.c-border-blue80{
	border-color:hsl(var(--themes-color-blue),100%,80%)	;
}

.c-border-blue90{
	border-color:hsl(var(--themes-color-blue),100%,90%)	;
}

.c-border-blue95{
	border-color:hsl(var(--themes-color-blue),100%,95%)	;
}

.c-border-purple20{
	border-color:hsl(var(--themes-color-purple),100%,20%)	;
}

.c-border-purple30{
	border-color:hsl(var(--themes-color-purple),100%,30%)	;
}

.c-border-purple40{
	border-color:hsl(var(--themes-color-purple),100%,40%)	;
}

.c-border-purple50{
	border-color:hsl(var(--themes-color-purple),100%,50%)	;
}

.c-border-purple60{
	border-color:hsl(var(--themes-color-purple),100%,60%)	;
}

.c-border-purple70{
	border-color:hsl(var(--themes-color-purple),100%,70%)	;
}

.c-border-purple80{
	border-color:hsl(var(--themes-color-purple),100%,80%)	;
}

.c-border-purple90{
	border-color:hsl(var(--themes-color-purple),100%,90%)	;
}

.c-border-purple95{
	border-color:hsl(var(--themes-color-purple),100%,95%)	;
}



.c-border-pink20{
	border-color:hsl(var(--themes-color-pink),100%,20%)	;
}

.c-border-pink30{
	border-color:hsl(var(--themes-color-pink),100%,30%)	;
}

.c-border-pink40{
	border-color:hsl(var(--themes-color-pink),100%,40%)	;
}

.c-border-pink50{
	border-color:hsl(var(--themes-color-pink),100%,50%)	;
}

.c-border-pink60{
	border-color:hsl(var(--themes-color-pink),100%,60%)	;
}

.c-border-pink70{
	border-color:hsl(var(--themes-color-pink),100%,70%)	;
}

.c-border-pink80{
	border-color:hsl(var(--themes-color-pink),100%,80%)	;
}

.c-border-pink90{
	border-color:hsl(var(--themes-color-pink),100%,90%)	;
}

.c-border-pink95{
	border-color:hsl(var(--themes-color-pink),100%,95%)	;
}




.c-border-gray0{
	border-color:hsl(var(--themes-color-gray),0%,0%)	;
}

.c-border-gray5{
	border-color:hsl(var(--themes-color-gray),0%,5%)	;
}

.c-border-gray10{
	border-color:hsl(var(--themes-color-gray),0%,10%)	;
}

.c-border-gray15{
	border-color:hsl(var(--themes-color-gray),0%,15%)	;
}

.c-border-gray20{
	border-color:hsl(var(--themes-color-gray),0%,20%)	;
}

.c-border-gray30{
	border-color:hsl(var(--themes-color-gray),0%,30%)	;
}

.c-border-gray40{
	border-color:hsl(var(--themes-color-gray),0%,40%)	;
}

.c-border-gray50{
	border-color:hsl(var(--themes-color-gray),0%,50%)	;
}

.c-border-gray60{
	border-color:hsl(var(--themes-color-gray),0%,60%)	;
}

.c-border-gray70{
	border-color:hsl(var(--themes-color-gray),0%,70%)	;
}

.c-border-gray80{
	border-color:hsl(var(--themes-color-gray),0%,80%)	;
}

.c-border-gray85{
	border-color:hsl(var(--themes-color-gray),0%,85%)	;
}

.c-border-gray90{
	border-color:hsl(var(--themes-color-gray),0%,90%)	;
}

.c-border-gray95{
	border-color:hsl(var(--themes-color-gray),0%,95%)	;
}

.c-border-gray100{
	border-color:hsl(var(--themes-color-gray),0%,100%)	;
}

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



/* ▼ color ▼ */
/* ------------------------------ */



/* ------------------------------ */
/* ▼ text ▼ */

a{
	color:#1a0dab;	
}

a:visited{
	color:#609;
}


.al-c{
	text-align:center;	
}

.al-l{
	text-align:left;	
}

.al-r{
	text-align:right;	
}

.textd-none{
	text-decoration:none;
}

.textd-underline{
	text-decoration:underline;
}

.textd-uline-h:hover{
	text-decoration:underline;
}


.textd-nodata{
	text-decoration:line-through;
}


.font-size10{
	font-size:10px;	
}

.font-size12{
	font-size:12px;	
}

.font-size14{
	font-size:14px;	
}

.font-size16,
.first-letter-font-size16:first-letter{
	font-size:16px;	
}

.font-size18,
.first-letter-font-size18:first-letter{
	font-size:18px;	
}

.font-size20,
.first-letter-font-size20:first-letter{
	font-size:20px;	
}

.font-size22,
.first-letter-font-size22:first-letter{
	font-size:22px;	
}

.font-size24,
.first-letter-font-size24:first-letter{
	font-size:24px;	
}

.font-size26,
.first-letter-font-size26:first-letter{
	font-size:26px;	
}

.font-size28,
.first-letter-font-size28:first-letter{
	font-size:28px;	
}

.font-size30,
.first-letter-font-size30:first-letter{
	font-size:30px;	
}

.font-size32,
.first-letter-font-size32:first-letter{
	font-size:32px;	
}

.font-size34,
.first-letter-font-size34:first-letter{
	font-size:34px;	
}

.font-size36,
.first-letter-font-size36:first-letter{
	font-size:36px;	
}

.font-size38{
	font-size:38px;	
}

.font-size40{
	font-size:40px;	
}

.font-size42{
	font-size:42px;	
}

.font-size44{
	font-size:44px;	
}

.font-size46{
	font-size:46px;	
}

.font-size48{
	font-size:48px;	
}

.font-size50{
	font-size:50px;	
}

.font-size52{
	font-size:52px;	
}

.fwnormal{
	font-weight:normal;	
}

.fwbold{
	font-weight:bold;	
}

.btn{
	cursor: pointer;
}

/* ▼ text ▼ */
/* ------------------------------ */



/* ------------------------------ */
/* ▼ border ▼ */

.border-w1{
	border-width:1px;	
}

.border-w2{
	border-width:2px;	
}

.border-w3{
	border-width:3px;	
}

.border-w4{
	border-width:4px;	
}

.border-w5{
	border-width:5px;	
}

.border-w10{
	border-width:10px;	
}

.border-s-s{
	border-style:solid;	
}


.border-s-ssns{
	border-style:solid solid none solid;	
}


.border-s-sn{
	border-style:solid none;	
}

.border-s-dn{
	border-style:dotted none;	
}

.border-s-d{
	border-style:dotted;	
}

.border-s-nns{
	border-style:none none solid;	
}

.border-s-snn{
	border-style:solid none none;	
}

.border-s-nnd{
	border-style:none none dotted;	
}


.no-border,
.border-none
{
	border-style:none !important;	
}


/* ▼ border ▼ */
/* ------------------------------ */


/* ------------------------------ */
/* ▼ form parts ▼ */

input[type="text"],input[type="password"],select,textarea{

}

input[type=radio]{
	-webkit-appearance: radio !important;
}


.form-outer .{
		
}



.form-outer .inner-wrap{
	margin:0px auto 16px;
	position:relative;	
}



.form-outer .inner-wrap .item-label{
	position:absolute;
	top:0px;
	left:2%;
	color:#999;
}

.form-outer .inner-wrap .item-label,
.form-outer .inner-wrap .item-msg
{
	font-size:12px;
}

.form-outer .inner-wrap .item-msg{
	position:absolute;
	bottom:0px;
	left:2%;
	color:#F00;
}

.form-outer .inner-wrap .item-input{
	width:100%;
	height:auto;
	padding:16px 2% 16px;
	border:solid 1px hsl(var(--themes-color),100%,90%);
	background:hsl(var(--themes-color),100%,98%);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.form-outer .inner-wrap .detail-input-outer{
	width:73%;
	height:auto;	
}

.form-outer .form-result{
	font-size:16px;
	margin:16px auto;
	text-align:center;
	color:#F00;
}

.form-outer .inner-wrap .item-submit{
	padding:4px 16px;
	font-size:16px;
	box-shadow: 2px 2px 4px -2px #999;
}

form *[class*="grid"]{
	display:grid;
	grid-gap:2vw 1vh;
}

form *[class*="grid"] > *{
	border:1px solid hsl(var(--themes-color),0%,90%);
	padding:1vh 2vw;
}