@charset "UTF-8";

/*--------------------------------------------*/
body,input,textarea {
	font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","メイリオ", meiryo, Osaka, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", sans-serif;
	/*
	font-family: "ヒラギノ明朝 Pro","HiraMinPro","ＭＳ 明朝","ＭＳ Ｐ明朝","HG明朝E","MS PMincho",serif;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	*/
}
* { box-sizing:border-box; }
body {
	margin:0px;
	padding:0px;
	font-size:100%;
	line-height:1em;
	color:#333;
	text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}
header a, footer a { color:#333; text-decoration:none; display:inline-block; }

h1 { font-size:150%; }
h2 { font-size:140%; }
h3 { font-size:130%; }
h4 { font-size:120%; }
h5 { font-size:100%; }
h6 { font-size:100%; }
h1,h2,h3,h4,h5,h6,div,dl,dt,dd,p,a,table,tr,td,address,img,
header ul, footer ul{
	margin:0px;
	padding:0px;
	line-height:1.5em;
	text-align:left;
	font-style:normal;
	list-style:none outside;
}
ul { margin:1em 0; padding:0 0 0 2em; } li { line-height:1.3em; margin:0 0 .5em; }
header li, footer li { line-height:1em; margin:0; }
i,em { font-style:normal; } u { text-decoration:none; } sup,sub { font-size:60%; }
/*************/
#clear, .clear { clear:both; }
.c { margin-left:auto; margin-right:auto; }
.l { float:left; }
.r { float:right; }
.t_c { text-align:center; }
/*img.l { margin:0 10px 10px 0; }
img.r { margin:0 0 10px 10px; }*/

/* table */
table { width:100%; border-collapse:collapse; border-spacing:0; margin-top:20px; margin-bottom:20px; }
thead th, thead td { background:#000; color:#FFF; font-weight:bold; }
thead th           { border-bottom-color:#FFF; border-left-color:#FFF; border-right-color:#FFF; }
thead th:first-child { border-left-color:#000; border-right-color:#FFF; }
thead th:last-child  { border-left-color:#FFF; border-right-color:#000; }
thead th:only-child  { border-left-color:#000; border-right-color:#000; }
tbody th           { border-bottom-color:#FFF; }
th,td { border:1px solid #000; padding:15px; text-align:center; }
th { width:20%; background-color:#000; font-weight:bold; color:#FFF; }
td {  }
thead + tbody tr:first-child th { border-top-color:#FFF; }
tbody tr:first-child th { border-top-color:#000; }
tbody tr:last-child th  { border-bottom-color:#000; }

/* * */
ul.aster { list-style:none; padding:0; }
p.aster::before,
.aster li::before { content:"※"; }
p.aster,
.aster li { padding-left:1em; text-indent:-1em; margin:0; line-height:1.5em; }

/* -------------------------------------------- */
a 			{ text-decoration:underline; font-weight:bold; color:#0095FF; }
a:hover     { opacity:.50; text-decoration:none; }
/* nav a:hover { opacity:1; }
/* --------------------------------------------*/

/* inner */
.headBox, header nav ul, main > section, #mv, .footBox, 
.inner {
	display:block; clear:both; padding:0 20px; margin-left:auto; margin-right:auto;
	width:1000px; position:relative;
}


/* flexBox */
.headBox, header nav ul, .headBox ul,
.flexBox  { display:flex; justify-content:space-between; }
.footBox, .footBox ul, .banner div, .banner ul, #mv div, .bgNumber,
.flexBox2 { display:flex; justify-content:space-between; flex-wrap:wrap; }

/* btn */
.contact, footer nav a,
.btn a, .btn {
	display:flex; justify-content:center; align-items:center; text-decoration:none;
	background:#000; width:160px; padding:.5em; border-radius:10px; color:#FFF;
}
/* btn装飾 */
.contact::before, footer nav a::before,
.btn a::before, .btn::before {
	content:"";
	background:url(../../common/img/btnIcon.svg)no-repeat center center / cover;
	width:6px; height:10px; margin-right:10px;
}

/* TikTok Instagram */
.Tt, .Ig {
	width:100px; background:#000; padding:5px; border-radius:10px; position:relative;
	font-size:0.9em; color:#FFF; text-align:center; z-index:1;
}
footer .Tt { border:2px solid #FFF; margin-right:20px; }
footer .Ig { height:100%; } 
.Tt::before, .Tt::after {
	content:"TikTok"; position:absolute; top:50%; left:50%;
	transform:translate(calc(-50% - 1px),calc(-50% - 1px));
	color:#25F4EE; z-index:-1;
}
.Tt::after { color:#FE2C55; transform:translate(calc(-50% + 1px),calc(-50% + 1px)); z-index:-2; }
.Ig { background:linear-gradient(45deg, #FFDC80, #FD1D1D, #833AB4, #405DE6); }


/* common */
header a, footer a { display:block; }
.headBox img,
.footBox img { display:block; width:100%; }


/* header ********** */
header {  }
.headBox     { padding-top:20px; padding-bottom:20px; }
.headBox h1  { width:290px; }
.headBox ul    { width:220px; }
.headBox div   { width:325px; }
.headBox div a { width:100%; }

.contact         { margin-bottom:1em; padding:12px; }
.contact::before {
	background-image:url(../../common/img/contIcon.svg);
	width:20px; height:15px;
}

header nav    { background:#000; }
header nav li { width:20%; }
header nav a  { width:100%; padding:15px; text-align:center; color:#FFF; }
header .act a { color:#FFCC00; }


/* mv */
#mv div     { width:960px; background:#000; padding:10px; margin-top:20px; }
#mv h2      { display:flex; justify-content:center; align-items:center; background:#FFCC00; }
#mv h2 img  { height:32px; }
#mv img     { display:block; width:100%; }
#mv div > * { width:310px; }


/* main ********** */
main > section { margin-top:80px; margin-bottom:80px; }
h3 { position:relative; font-size:2em; text-align:center; padding-bottom:20px; margin-bottom:40px; }
h3::after {
	content:"";
	position:absolute; bottom:0; left:50%; transform:translate(-50%,0);
	width:10%; height:2px; background:#000;
}
h3 + p { text-align:center; margin:40px 0; }

h4 { position:relative; padding-left:10px; margin-bottom:20px; font-size:1.6em; }
h4::before {
	content:"";
	position:absolute; top:50%; left:0; transform:translate(0,-50%);
	width:2px; height:70%; background:#000;
}
h4 + p  { margin:20px 0 40px; }

/* bgNumber */
.bgNumber    { padding:0; margin:0; list-style:none; counter-reset:count 0; color:#000; }
.bgNumber li { position:relative; background:#FFCC00; width:305px; padding:30px 20px; margin-bottom:40px; }
.bgNumber li:nth-child( n + 7 ) { margin:0; }
.bgNumber li::before {
	content:counter(count, decimal-leading-zero); counter-increment:count 1;
	position:absolute; top:20px; left:50%; transform:translate(-50%,0);
	background:url(../../common/img/step.svg)no-repeat top 30% left 50% / 50%;
	width:100px; height:100px; padding-top:50px; border:2px solid #000; border-radius:50%;
	text-align:center; font-size:2em; font-weight:bold; box-sizing:border-box; z-index:1;
}
.bgNumber h4 { padding:120px 0 0 0; text-align:center; }
.bgNumber h4::before { content:none; }
.bgNumber p  { margin:20px 0 0 0; text-align:center; }

/* banner */
.banner .inner     { width:720px; padding:0; margin-top:100px; border:2px solid #000; }
.banner .inner div { width:100%; padding:0 20px; margin:3em 0 2em; }
.banner img { display:block; width:100%; }
.banner h3  {
	position:absolute; top:0; left:50%; transform:translate(-50%,-50%);
	background:#FFF; width:60%; height:2em; padding:0 3em; font-size:1em; z-index:1;
}
.banner h3::after { content:none; }
.banner ul { align-items:center; list-style:none; background:#000; width:100%; padding:20px; margin:0; }
.banner li { width:330px; margin:0; }
.banner p  { width:330px; }
.banner a  { width:100%; margin:0; }

.banner .contact         { background:#FFF; color:#000; }
.banner .contact::before { background-image:url(../../common/img/contBnrIcon.svg); }


/* pagetop *
.pagetop   {  }
.pagetop a {  }


/* footer ********** */
footer { background:#000; color:#FFF; }
footer address { width:250px; }
address p, address ul { margin-top:20px; }
address p a { margin-top:10px; }
footer nav { width:500px; }
footer nav a { border:2px solid #FFF; }
.footBox { padding:3.75em 20px 0;  }
.footBox ul { justify-content:flex-start; }
.footBox nav ul { justify-content:space-between; flex-direction:column; height:200px; }
.footBox nav li { width:240px; }
.footBox nav a  { width:100%; justify-content:flex-start; padding-left:20px; }
.footBox nav li:nth-child(n + 5) { margin-left:20px; }


/* copyright */
.copyright {
	width:100%; padding:10px; margin-top:2.5em; border-top:2px solid #808080;
	color:#808080; text-align:center;
}


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

/* clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* ¥*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* */
.clearfix:after { content:""; }

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



/*------------------------------------------------------------
	レスポンシブ
------------------------------------------------------------*
.sp { display:none; }
@media (max-width: 768px){
	.sp { display:inline-block; }
	.pc { display:none; }

	/* inner */

	/* flexBox */

	/* header ********** */

	/* main ********** */

	/* pagetop */

	/* footer ********** */


}