body{
    background-color: #fafafa;
font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.shadow-b {
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
}

.border_color1 {
    border-color: #99cc66;
}

.bg_color1 {
    background-color: #99cc66;
}

.txt_color1 {
    color: #36ab9d;
}

.hvr_bg_color1:hover {
    background-color: #99cc66;
}

.bg_color4 {
    background-color: #f4f4f4;
}

header .d_flex{
padding-top:0;
    margin-top: -2px;
}

header #logo{
width:16% !important;
    margin-top: 15px;
}


.hvr_txt_color1:hover {
    color: #99cc66;
}

#side_info h2{
margin:15px auto;
}

#main_img{
position:relative;
}

#main_img:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/font.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 60%;
    pointer-events: none;
    z-index: 2;
    pointer-events: none;
}



#main_img:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
        background-color: rgba(100,200,200,0.2);
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    z-index: 1;
    pointer-events: none;
}

#page_title {
background-image:url(./Dup/img/page_title2.jpg);
}

#page_title h2, #page_title p{
color:white;
    font-weight: bold;
}


#fakeloader .fl{
	position: absolute!important;
	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%,-50%)!important;
	width: 50%!important;
	max-width: 300px!important;
}

#fakeloader .fl img{
opacity:0;
 animation: test 1.2s ease-out 0.1s 1 normal;
}

@keyframes test {
  0% {
    transform:translate(70px , 0px);
opacity:0;
  }


  100% {
    transform:translate(0 , 0);
opacity:1;
  }
}

.linkStyle{
color:#99cc66;
}


#side_contact h2 span{
background-color:#fafafa;
}

.henko p a{
color:green;
}


.txt_color3 {
    color: #99cc66;
}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img:before {
    top: 60%;
    left: 50%;
    background-size: 80%;
}

header{
z-index:3;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/font.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 60%;
    pointer-events: none;
    z-index: 2;
    pointer-events: none;
}
}