p{
	letter-spacing: 0.15em;
}
.togglerWrapper .menuToggler,
.togglerWrapper.active .menuToggler{
	background-color: #488B48;
}

.home #main-nav{
	background: none;
	box-shadow:none;
}
#main-nav{
	background: #fff;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
}
#modalMenu .matt{ 
	background-color: #4DB24D;
}

.togglerWrapper .menuToggler .text{
	font-family: "Orbitron", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}
.navbar-brand{margin-left: 25px;}
#main-nav.scrolled #brand-logo path{
	fill: #488B48;
}
#modalMenu{
	min-width: 500px;
}
#modalMenu ul a span{
	font-family: "Orbitron", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 1.3rem;
}
#modalMenu ul a{
	color: #fff;
	font-size: 2rem;
    line-height: 1.3em;
    letter-spacing: 0.15em;
}
#modalMenu ul a.insta{
	font-size: 2.5rem;
	text-align: left;
	margin-top: 20px;
}
#modalMenu ul li{
	padding-top: 10px;
    padding-bottom: 10px;
}


#wrapper-footer{
	background-color: #488B48;
    border-bottom: inherit;
    margin-top: 150px;
}
.site-info{
	text-align: center;
	color: #fff;
	font-family: "Orbitron", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 1rem;
    letter-spacing: 0.15em;
    margin-top: 5%;
}
.companyInfoWrapper{
	display: flex;
	flex-direction: column;
}
#wrapper-footer .footerWrapper .companyInfoWrapper .logo{ 
	margin: 0 auto;
}
.footerMenuWrapper ul{
	display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.footerMenuWrapper ul li{
	list-style: none;
	color: #fff;
	text-align: center;
	margin: 3% 1% 0% ;
	
}
.foot_p{
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
}
.foot_p a{
	color: #fff;
}
a.insta{
	text-align: center;
	font-size: 30px;
	color: #fff;
	line-height: 1em;
}
a.insta:hover{
	color: #fff;
	opacity: 0.7;
	transition: .2s ease-in-out;
}
.footerMenuWrapper ul li a{
	color: #fff;
	font-size: 1.3rem;
	font-family: "Orbitron", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}
#wrapper-footer{
	padding-top: 55px;
    padding-bottom: 15px;
}
#contactSection .contactBtnWrapper>.inner .contactTitle{
	font-family: "Orbitron", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}
#contactSection .contactBtnWrapper>.inner .dscBox{
	letter-spacing: 0.15em;
}
#contactSection .contactBtnWrapper:hover{
	color: #488B48;
    border-color: rgba(72, 139, 72, 0.5);
}
#herohead.subPage .pageTitle, #herohead.subPage02 .pageTitle{
	font-family: "Orbitron", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	text-transform: inherit;
}
#herohead.subPage .pageJPTitle, #herohead.subPage02 .pageJPTitle{
	letter-spacing: 0.15em;
}

#herohead.subPage02 .matt{
	background-color: #488B48;
}
#herohead.subPage02 .pageJPTitle{
	color: #000;
}
#herohead.subPage02 .bar{
	background-color: #000;
    margin-top: 15px;
}

.head_img {
    background-size: cover;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    height: 380px;
    margin-top: 100px;
}
.overlayer {
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
}
.head_titarea{
	position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3.5rem;
    right: 0;
    margin: auto;
    width: 90%;
    text-align: center;
    line-height: 1.2em;
}
.head_titarea .pageTitle{
	font-family: "Orbitron", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    text-transform: inherit;
    font-size: 2rem;
    color: #fff;
    letter-spacing: 0.1em;
}
.head_titarea .pageJPTitle{
    color: #fff;
    letter-spacing: 0.15em;
}
@media only screen and (max-width:430px) {
.head_titarea .pageJPTitle{font-size: 2.8rem;}
}
.confirmBtnBox .formBtn{
	background-color: #488B48 !important;
}
.formWrapper .radioBox input[type=radio].radioBtnItem+span:after{
	background: #488B48 !important;
}

.btnlinestretches4{
	font-family: "Orbitron", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	position:relative;
	color:#488B48;
    padding: 10px 50px 10px 0px;
	display:inline-block;
    text-decoration: none;
    outline: none;
    font-size: 1.7rem;
}
.btnlinestretches4::before,
.btnlinestretches4::after{
	content:'';
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	background:#488B48;
	width:100%;
	height:3px;
	transition:all 0.3s ease-in-out;
}
.btnlinestretches4::after{
	width:0;
	background:#ccc;
}
.btnlinestretches4:hover{
	color: #488B48;
}
.btnlinestretches4:hover::after {
	width:100%;
}
.btnlinestretches4 span::after {
    content: url(https://traum-bau.co.jp/wp/wp-content/themes/traum/assets/common/img/btn_arrow.svg);
    position: absolute;
    top: 0.9em;
    right: 3px;  
    transition: all .3s;
}  
.btnlinestretches4:hover span::after {
	right:15px;
}

.btn_center{
	display: block;
	margin-top: 5%;
	text-align: center;
}

/* スペーサーまとめ---------------------------------------------------------------*/
.clear{width: 100%; clear: both;}
.spacer,
.spacer5,
.spacer10,
.spacer15,
.spacer20,
.spacer25,
.spacer30,
.spacer35,
.spacer40,
.spacer45,
.spacer50,
.spacer55,
.spacer60,
.spacer65,
.spacer70,
.spacer75,
.spacer80,
.spacer85,
.spacer90,
.spacer95,
.spacer100{width: 100%; clear: both;}
.spacer{height: 1px;}
.spacer5{height: 5px;}
.spacer10{height: 10px;}
.spacer15{height: 15px;}
.spacer20{height: 20px;}
.spacer25{height: 25px;}
.spacer30{height: 30px;}
.spacer35{height: 35px;}
.spacer40{height: 40px;}
.spacer45{height: 45px;}
.spacer50{height: 50px;}
.spacer55{height: 55px;}
.spacer60{height: 60px;}
.spacer65{height: 65px;}
.spacer70{height: 70px;}
.spacer75{height: 75px;}
.spacer80{height: 80px;}
.spacer85{height: 85px;}
.spacer90{height: 90px;}
.spacer95{height: 95px;}
.spacer100{height: 100px;}
.spacer200{width: 100%; clear: both; height: 200px;}
.spacer250{width: 100%; clear: both; height: 250px;}
.spacer300{width: 100%; clear: both; height: 300px;}
.spacer350{width: 100%; clear: both; height: 350px;}

@media only screen and (min-width:768px) {
#contactSection .contactBtnWrapper>.inner .contactTitle {
    font-size: 3.8rem;
}
#contactSection{	 
	margin-top: 80px;
}
#herohead.subPage, #herohead.subPage02{
	padding-top: 125px;
}
#herohead.subPage02 .pageTitle{
	font-size: 2rem;
	color: #488B48;
}
#herohead.subPage02 .pageJPTitle {
    font-size: 4.5rem;
}
.head_titarea .pageJPTitle{font-size: 3rem;}

}
@media only screen and (max-width:768px) {
.head_img {background-attachment: inherit;}
}
@media only screen and (max-width:767px) {
.footerMenuWrapper ul{
	flex-wrap: wrap;
}
.head_img {
	height: 250px;
	margin-top: 80px;
}
}
@media only screen and (max-width:414px) {}