@charset "UTF-8";
/*
	BASE
*******************************/

/*
.orbitron-<uniquifier> {
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.zen-kaku-gothic-new-regular {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}
*/
* {
	font-family: "Zen Kaku Gothic New", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	font-feature-settings: "palt";
	line-height:1;
}

.font_en {
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

html {
	font-size:62.5%;
	line-height:1;
	body {
		font-size:1.6rem;
		font-weight:500;
		img {
			-webkit-backface-visibility: hidden;
			vertical-align:bottom;
			line-height:0;
			max-width: 100%;
			height: auto;
		}
		p,th,td,dt,dd,li,h1,h2,h3,h4,h5,h6,label {
			color:#333333;
		}
		a {
			color:#333333;
			text-decoration:none;
			outline:none;
			border:none;
			img {
				outline:none;
				border:none;
				-webkit-backface-visibility: hidden;
			}
		}
		area {
			border:none;
			outline:none;
		}
		.clear { clear:both;}
	} 
}

:root {
	--color_active:#D83C5A;
	--color_btn:#1A80FF;
	--color_def: #000000;
	--color_main: #10B5A1;
	--color_sub: #00B09B;;
	--color_sub2: #89D4EE;
	--color_sub3: #EAF4FD;
	--color_sub4: #00A9E4;
	--color_sub5: #1082B5;
	--color_sub6: #00B06C;
}

/*//////////////////////////////////////////////////////////////////////////*/

/*
	BASE LAYOUT
******************/

.wrap {
	.contents {
		max-width:1100px;
		width: calc(100% - 60px);
		margin:0 auto;
		p {
			font-size: 1.6rem;
			line-height: 2;
		}
	}
}

.txtclip { 
	font: inherit;
	background: #F47325;
	background: linear-gradient(to right bottom,rgba(244, 115, 37, 1) 0%, rgba(251, 194, 38, 1) 70%, rgba(246, 169, 77, 1) 100%);
	-webkit-background-clip: text!important;
	-webkit-text-fill-color: transparent!important;
}

@media ( hover:hover) {

	a {
		transition: .3s;
		&:hover {
			text-decoration: none;
			opacity: .75;
		}
	}
	
}


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

	.wrap {
		.contents {
			width: calc(100% - 50px);
		}
	}
	
}

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

	.wrap {
		.contents {
			width: calc(100% - 40px);
			p {
				font-size: 1.4rem;
				line-height: 1.8;
			}
			.btn {
				font-size: 1.6rem;
			}
		}
	}
	

}


@media screen and (max-width:1024px) {
    .pcOnly2 {
    	display:none !important;
    }
}
@media screen and (max-width:768px) {
    .pcOnly {
    	display:none !important;
    }
    .tbOnly {
    	display:none !important;
    }
}
@media screen and (min-width:1025px) {
    .tbOnly {
    	display:none !important;
    }
    .sptbOnly {
    	display:none !important;
    }
}
@media screen and (min-width:769px) {
    .spOnly {
    	display:none !important;
    }
}


#popmake-282 {
	.pum-title {
		display:none;
	}
	.pum-content {
		#mailpoet_form_1 {
			background:none;
			h2 {
				&.mailpoet-heading {
					color:#FFFFFF!important;
					font-size:2.2rem!important;
					padding:1em 0;
				}
			}
			.mailpoet_form {
				padding:0;
			}
			&:has(.mailpoet_form_successfully_send) {
				display:none;
			}
			.parsley-required {
				font-size:14px;
			}
			.mailpoet_checkbox_label {
				font-size:16px!important;
				color:#FFFFFF;
			}
			.mailpoet_text {
				background-color:#FFFFFF!important;
				color:#000000!important;
			}
			.mailpoet_submit {
				background-color:#FFFFFF!important;
				color:var(--color_sub)!important;
			}
			.mailpoet_paragraph {
				fieldset {
					&:has(#mailpoet_checkbox_1) {
						text-indent:-1em;
						padding-left:1em;
					}
				}
			}
		}
		.btnwrap {
			display:none;
		}
		&:has(.mailpoet_form_successfully_send) {
			.btnwrap {
				display:block;
				text-align:center;
				line-height:1.5;
				padding-top:1em;
				font-weight:600;
				#dl_catalog {
					display:grid;
					background-color:#FFFFFF;
					color:var(--color_sub);
					font-size:1.8rem;
					height:2.4em;
					align-items:center;
					justify-content:center;
					border-radius:2em;
					margin-top:1em;
				}
			}
		}
	}
}