/*
/*
Theme Name: blankslate-child
Version: 1.6
Template: blankslate
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;900&family=Noto+Serif+JP:wght@400;600;900&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');



:root {
    --color1: #fff;
    --color2: #3D749F;
    --color3: #006934;
    --color4: #231815;
}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

html{scroll-behavior:smooth;}

body{
    line-height: 1.2em;;
    color: var(--color4);
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    height: auto;
    background: var(--color1);
}

.font1{
    font-family: 'Noto Serif JP', sans-serif;
}

.font2{
    font-family: 'Noto Sans JP', serif;
}

.pc{display: block;}
.sp{display: none;}

a{
    text-decoration: none;
    color: var(--color4);
}
a[href^="tel"]{
    text-decoration:none;
}

button{outline:0;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
q{display:inline;font-style:italic;}
q:before{content:'"';font-style:normal;}
q:after{content:'"';font-style:normal;}

textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0;}
input[type="search"]{-webkit-appearance:textfield;}

table{border-collapse:collapse;border-spacing:0;}
th,td{padding:2px}
big{font-size:120%}
small,sup,sub{font-size:80%}
sup{vertical-align:super}
sub{vertical-align:sub}

/*dd{margin-left:20px}*/
kbd,tt{font-family:courier;font-size:12px}
ins{text-decoration:underline}
del,strike,s{text-decoration:line-through}
dt{font-weight:bold}
address,cite,var{font-style:italic}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}
.gallery-caption{}
.alignright{}
.alignleft{}
.aligncenter{}
.screen-reader-text{
    border:0;
    clip:rect(1px,1px,1px,1px);
    -webkit-clip-path:inset(50%);
    clip-path:inset(50%);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute!important;
    width:1px;
    word-wrap:normal!important;
    word-break:normal;
}
.screen-reader-text:focus{
    background-color:#f7f7f7;
    border-radius:3px;
    box-shadow:0 0 2px 2px rgba(0,0,0,.6);
    clip:auto!important;
    -webkit-clip-path:none;
    clip-path:none;
    color:#007acc;
    display:block;
    font-size:14px;
    font-size:.875rem;
    font-weight:700;
    height:auto;
    right:5px;
    line-height:normal;
    padding:15px 23px 14px;
    text-decoration:none;
    top:5px;
    width:auto;
    z-index:100000;
}
.skip-link{
    left:-9999rem;
    top:2.5rem;
    z-index:999999999;
    text-decoration:underline;
}
.skip-link:focus{
    display:block;
    left:6px;
    top:7px;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    line-height:normal;
    padding:15px 23px 14px;
    z-index:100000;
    right:auto;
}
.visually-hidden:not(:focus):not(:active), 
.form-allowed-tags:not(:focus):not(:active){
    position:absolute !important;
    height:1px;
    width:1px;
    overflow:hidden;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px, 1px, 1px, 1px);
    white-space:nowrap;
}

#content{
    
}

.showbox1{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.m-t--50{margin-top: -50px;}
.m-t-10{margin-top: 10px;}
.m-t-20{margin-top: 20px;}
.m-t-30{margin-top: 30px;}
.m-t-40{margin-top: 40px;}
.m-t-50{margin-top: 50px;}
.m-t-70{margin-top: 70px;}
.m-t-100{margin-top: 100px;}
.m-b-10{margin-bottom: 10px;}
.m-b-20{margin-bottom: 20px;}
.m-b-30{margin-bottom: 30px;}
.m-b-40{margin-bottom: 40px;}
.m-b-50{margin-bottom: 50px;}
.m-b-100{margin-bottom: 100px;}

.m-l-10{margin-left: 10px;}
.m-l-20{margin-left: 20px;}
.p-l-10{padding-left: 10px;}
.p-l-20{padding-left: 20px;}
.p-r-20{padding-right: 20px;}
.p-t-50{padding-top: 50px;}
.p-t-30{padding-top: 30px;}
.p-t-25{padding-top: 25px;}
.p-t-20{padding-top: 20px;}

.p-30{padding: 30px 0;}
.p-20{padding: 20px 0;}
.p-100{padding: 100px 0;}

.bk-color1{background: var(--color1);}

.b-b-d{border-bottom: 1px dotted var(--color2);}

.showbox2{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

.showbox3{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.float1{
	display: flex;
	justify-content: space-between;
}


header{
	height: 169px;
	padding: 30px 50px;
}
#wrapper{
	height: 100vh;
	/*background: no-repeat center top url(./images/index/bk1.png);
	background-size: cover;*/
	position: relative;
	background: url("./images/index/bk1.png") center / cover no-repeat;
  	overflow: hidden;

}

#wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.6); /* ← ここがポイント */
  z-index: 1;
}

.bg{
	position: relative;
  	z-index: 2; /* 白レイヤーより前 */
	/*overflow-x: hidden;*/

}

#branding{


}

#branding p{
	margin-bottom: 20px;
	color: #fff;
	font-size: 1.4em;
}

#branding p img{
	width: 90px;
	height: auto;
}


.iv-wrap{
	width: 95%;
	max-width:760px;
	margin:0 auto;
	/*background: no-repeat center top url(./images/index/bk2.jpg);
	background-size: cover;
	border-radius: 10px;*/
	padding-top: 30px;
	min-height: calc(100vh - 169px - 140px);
}
.iv-result{
	background: #fff;
	border:1px solid #eee;
	width: 95%;
	max-width:760px;
	margin: 0 auto;
}


.iv-result1{
	width: 95%;
	max-width: 760px;
	margin: 0 auto;
	background: #fff;
}

table.iv-result1{
	border-collapse: collapse;
}

table.iv-result1 td{
	border: 1px solid #ddd;
	vertical-align: middle;
}

.iv-row1-1{
	text-align: center;
	font-size: clamp(1rem, 4vw, 16px);
	padding: 10px 0;
}

.iv-row1-2{
	text-align: center;
	padding: 10px 0;
}

.iv-row1-2 img{
	width: 120px;
	height: auto;
}

.iv-row1-3{
	text-align: center;
	font-size: clamp(1rem, 4vw, 16px);
	padding: 10px 0;
}

.iv-row1-4{
	text-align: center;
	font-size: clamp(1rem, 4vw, 16px);
	padding: 10px 0;
}

.iv-row1-5{
	font-size: clamp(1rem, 4vw, 16px);
	padding: 20px;
	line-height: 1.6em;
}

.iv-row1-5 a{
	color: #6288E1;
	text-decoration: underline;
}




.iv-result2{
	width: 95%;
	max-width: 300px;
	margin: 0 auto 20px auto;
	background: #fff;
	border:1px solid #eee;
}

.iv-result3{
	width: 95%;
	max-width: 760px;
	margin: 0 auto;
	background: #fff;
}

table.iv-result3{
	border-collapse: collapse;
}

table.iv-result3 td{
	border: 1px solid #ddd;
	vertical-align: middle;
}

.iv-row3-1{
	text-align: center;
	font-size: clamp(1rem, 4vw, 16px);
	padding: 20px 0;
}

.iv-row3-2{
	text-align: center;
	font-size: clamp(1rem, 4vw, 36px);
	padding: 50px 0;
	font-weight: bold;
}

.iv-row3-3{
	font-size: clamp(1rem, 4vw, 16px);
	padding: 30px;
	line-height: 1.6em;
}

.iv-row3-3 a{
	color: #6288E1;
	text-decoration: underline;
}



.iv-result4{
	width: 95%;
	max-width: 500px;
	margin: 20px auto 0 auto;
	background: #fff;
	border:1px solid #eee;
	padding: 10px;
	
}

.iv-result4 p:first-child{
	text-align: center;
}

.iv-result4 img{
	width: 100%;
	max-width: 250px;
	height: auto;
}

.iv-head{
	font-weight:800;
	font-size:20px;
	margin-bottom:8px;
}





.iv-head.ok{

}

.iv-head input{
	-webkit-appearance: none;
}


.iv-head.ng{color:#b42318; text-align: center; margin-bottom: 10px;}

.iv-head.warn{color:#8a6d3b;}
.iv-sub{font-weight:700;margin-bottom:10px;}
.iv-sub.low{color:#0a7a2f;}
.iv-sub.high{color:#8a6d3b;}

.iv-box{background:#fafafa;
	border:1px solid #eee;
	border-radius:8px;
	padding:10px;
}

.iv-row{
	/*display:flex;
	justify-content: center;
	gap:10px;
	padding:10px;
	border-bottom:1px solid #e6e6e6;*/
}
.iv-row:last-child{
	/*border-bottom:none;*/
}

.iv-row2{
	border:1px solid #666;
	display: flex;
	align-items: center;
}




.iv-row2:last-child{

}

.iv-row2 p:last-child{
	text-align: center;
	font-size: clamp(1rem, 4vw, 3rem);
}



.iv-label{width:160px;font-weight:700;}
.iv-value{flex:1;}

.iv-msg{margin-top:10px;padding:8px 10px;border-radius:6px;}
.iv-msg.error{background:#ffecec;border:1px solid #ffb3b3;}
.iv-msg.info{background:#eef7ff;border:1px solid #b5d6ff;}

.iv-form{
	width: 95%;
	max-width:500px;
	border:1px solid #e3e3e3;
	padding:14px;
	margin-top:6px;
	background: #fff;
	margin: 0 auto;
}
.iv-form-row{display:flex;gap:12px;align-items:center;margin-bottom:10px;}
.iv-form-row label{width:160px;font-weight:700;}
.iv-form-row input{flex:1;padding:8px;border:1px solid #ccc;border-radius:6px;}
.iv-actions{text-align:right; -webkit-appearance: none;}
.iv-btn{padding:8px 16px;}
.field-error{border:1px solid #e65c5c !important;background:#fff5f5;}

.iv-show-form-link{
	font-size:12px;
	margin-top:8px;
	display:none;
}

/* Badge in the bottom right (appears only when a genuine product is found) */
.iv-hits-badge{
  position: fixed;
  left: 12px;
  bottom: 12px;
  z-index: 9999;
  padding: 6px 10px;
  border-radius: 10px;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 12px;
  letter-spacing: .08em;
  user-select: none;
}



.iv-form2{
	width: 95%;
	max-width:760px;
	height: calc(100vh - 370px);
	border:1px solid #666;
	padding:14px;
	margin-top:6px;
	background: #fff;
	margin: 0 auto 50px auto;	
}

.iv-form2 table th{
	width: 20%;
	text-align: center;
	vertical-align: middle
}

.iv-form2 table td{
	width: 80%;
	vertical-align: middle;
}

.iv-form2 table input[type="text"],
.iv-form2 table input[type="email"],
.iv-form2 table input[type="date"],
.iv-form2 table textarea{
	width: 100%;
	padding: 5px 10px;
	border-radius: 5px;
	border: 2px solid #ccc;
	-webkit-appearance: none;
}



.is-readonly{
  background:#f5f5f5;
  cursor:not-allowed;
}



.code1{
	text-align: right;
	margin-top: 20px;
	font-size: 12px;
}


.serial-block{
	display: flex;
}

.serial-block p:first-child{
	width: 20%;
	text-align: center;
}
.serial-block p:last-child{
	width: 80%;
}
.serial-block p:last-child input[type="text"]{
	width: 100%;
	padding: 5px 10px;
	border-radius: 5px;
	border: none;
	font-weight: bold;
	-webkit-appearance: none;
}


.form1 a{
	text-decoration: underline;
	color: #6C88E6;
}

.btn1{
	text-align: center;
}

.btn1 input[type="submit"]{
	width: 150px;
	-webkit-appearance: none;
	background-color: #04AA6D;
	border: none;
	color: white;
	padding: 16px 32px;
	text-decoration: none;
	cursor: pointer;
}

table.form1 th{
	width: 15%;
}

table.form1 td{
	width: 85%;
}




.asset1{
	padding: 30px;
	background: #fff;
	margin-bottom: 20px;
}

.asset1 table input[type="text"],
.asset1 table input[type="email"]{
	width: 100%;
	padding: 5px 10px;
	border-radius: 5px;
	border: 2px solid #ccc;
	-webkit-appearance: none;
}


.privacy1{
	padding: 30px;
	height: calc(100vh - 330px);
	overflow-y: scroll;
	margin-bottom: 20px;
}

.privacy1 .provacy-title1{
	font-size: 28px;
	line-height: 1.4em;
	margin-bottom: 20px;
	font-weight: bold;
}

.privacy1 ul{
	list-style: circle;
	padding-left: 30px;
}

.privacy1 ul li{
	/*padding-left: 1.5em; 
 	text-indent: -1.5em;*/
	line-height: 1.4em;
}


footer{
	text-align: center;
	height: 140px;
}

footer p img{
	width: 300px;
	height: auto;
	margin-bottom: 20px;
}


#scrollTop{
	position: fixed;
	bottom: 10px;
	left: 10px;
	font-size: 2rem;
}


@media screen and (max-width: 768px) {
	#wrapper{
		height: auto;
		overflow-x: hidden;

	}
	
	
    header{
		height: 109px;
		padding: 20px 10px;
	}
	
	#branding p img{
		width: 60px;
		height: auto;
	}
	
	
	.iv-wrap{
		min-height: calc(100vh - 109px - 100px);
		margin-bottom: 20px;
		padding-top: 10px;
	}	
	
	.iv-row2 p:last-child{
		font-size: clamp(1rem, 6vw, 3rem);
	}
	
	.iv-result1{
		width: 95%;
		max-width: 760px;
		margin: 0 auto;
		background: #fff;
	}

	table.iv-result1{
		border-collapse: collapse;
	}

	table.iv-result1 td{
		border: 1px solid #ddd;
		vertical-align: middle;
		
		display: block;
		width: 100%;
	}
	
	table.iv-result1 .iv-row1-1{
		font-weight: bold;
	}
	
	table.iv-result1 .iv-row1-3{
		font-weight: bold;
	}

	table.iv-result3 td{
		display: block;
		width: 100%;
	}

	.iv-row3-1{
		padding: 10px 0;
	}

	.iv-row3-2{
		padding: 20px 0;
	}
	
	
	.serial-block{
		display: flex;
		flex-direction: column;
	}

	.serial-block p:first-child{
		width: 100%;
		text-align: left;
	}
	.serial-block p:last-child{
		width: 100%;
	}
	
	.iv-form2{
		height: auto;
	}
	
	.iv-form2 table tr{
		margin-bottom: 10px;
	}

	.iv-form2 table th{
		width: 100%;
		text-align: left;
		vertical-align: middle;
		display: block;
	}

	.iv-form2 table td{
		width: 100%;
		display: block;
		vertical-align: middle;
	}
	
	/*.asset1{
		height: 80vh;
	}*/
	
	.privacy1{
		height: 80vh;
	}
	
	.privacy1 .provacy-title1{
		font-size: 6vw;
	}
	
	table.form1 th{
		width: 100%;
		display: block;
		text-align: left;
	}

	table.form1 td{
		width: 100%;
		display: block;
		text-align: left;
	}


	
	footer{
		height: auto;
	}
	
	footer p img{
		width: 200px;
		height: auto;
		margin-bottom: 10px;
	}
 
}



@media screen and (min-width: 768px) {
 
}