@charset "utf-8";
@font-face {
    font-family: genshing-bold;
    src: url(//www.terratec.mom/wp-content/themes/terratec/fonts/GenShinGothicBold.woff) format('woff');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: genshing;
    src: url(//www.terratec.mom/wp-content/themes/terratec/fonts/GenShinGothicNormal.woff) format('woff');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: genomethin;
    src: url(//www.terratec.mom/wp-content/themes/terratec/fonts/GenomeThin.woff) format('woff');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: impact;
    src: url(//www.terratec.mom/wp-content/themes/terratec/fonts/impact.woff) format('woff');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: mouhitsu;
    src: url(//www.terratec.mom/wp-content/themes/terratec/fonts/mouhitsu.woff) format('woff');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

h1,h2,h3,h4,h5,h6,p,ul{
	margin: 0;
	padding: 0;
}

ol,ul{
	list-style: none;
}

.clear{
	clear: both;
}

.clearfix::after{
   content: "";
   display: block;
   clear: both;
}

a{
	text-decoration: none;
}

.color-logolightblue{
	color: rgb(0,163,233);
}

.color-wh{
	color: rgb(255,255,255);
}

.color-logoblue{
	color: rgb(0,90,170);
}

.color-navy{
	color: rgb(0,63,120);
}

.color-lightblue{
	color: rgb(238,245,251);
}

.bg-logoblue{
	background-color: rgb(0,90,170);
}

.bg-logolightblue{
	background-color: rgb(0,163,233);
}

.bg-navy{
	background-color: rgb(0,63,120);
}

.bg-wh{
	background-color: rgb(255,255,255);
}

.bg-lightblue{
	background-color: rgb(238,245,251);
}

.bg-yellow{
	background-color: rgb(255, 238, 89);
}

.font-genomethin{
	font-family: genomethin,sans-serif;
}

.font-impact{
	font-family: impact,sans-serif;
}

.align-left-box{
	display: inline-block;
	text-align: left;
}

.site-container{
	padding: 80px 0;
}

.inner{
	width: 60%;
	margin: 0 auto;
}

.sp-only{
    display: none;
}

@media screen and (max-width:1450px) {
	.inner{
        width: 70%;
	}
}

@media screen and (max-width:1200px) {
	.inner{
        width: 80%;
	}
}

@media screen and (max-width:1023px) {
	.inner{
        width: 95%;
	}
    .site-container{
        padding: 40px 0;
    }
    .sp-only{
        display: block;
    }
}