﻿.bg_color1 {background-color: #ef8f41;}
.bg_color2 {background-color: #f8f8f8;}
.bg_color3 {background-color: #42a1be;}
.bg_color4 {background-color: #42a1be;}
.bg_color5 {background-color: #d7e6ea;}
.border_color1 {border-color: #42a1be;}
.border_color2 {border-color: #bad4dc;}
.border_color3 {border-color: #42a1be;}
.border_color4 {border-color: #42a1be;}
.txt_color3 {color: #42a1be;}
.hvr_bg_color3:hover {background-color: #42a1be;}
.hvr_border_color3:hover {border-color: #42a1be;}
/* ----------　all　---------- */
.linkStyle{
	color:#ef8f41;
}
.linkStyle:hover{
	color:#ef8f41;
	opacity: 0.7;
	transition: all 0.5s;
}
body, .txt_color_nomal {
    color: #333;
}
.top_cms_box .cms_title, .more, #info_title_box, #page_title, a[href^="tel:"], header #header #header_menu ul, #bottom_menu, #info .info_txt h3, .drawer-menu, #page10, #intro .intro_no, #con_h .con_no {
    font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
.normal_img img, .rectangle_img, .square_img {
    border-radius: 0px;
}
.follower {
    color: #ef8f41;
}
header {
    background-color: rgba(255 ,255 ,255 ,0.8);
}
.svg_wrap{
    display: none;
}
.more a {
    border-radius: 6px;
}
#footer{
    max-width: 100%;
}
#foot_banner a {
    border-radius: 5px;
    color: #ffffff;
}
#logo2 {
    width: 300px;
}
#copyright {
    color: #ffffff;
}
#page-top a {
    border-radius: 5px;
}
/* ----------　TOP　---------- */
#main_img {
    padding-top: 70px;
}
#main_img .main_img_wrap {
    height: 800px;
}
#main_img .main_img_wrap:before {
    background-color:rgba(0 ,0 ,0 ,0.1);
}
#main_img .main_logo{
    max-width: 800px;
    width: 70%!important;
    position: absolute;
    filter: drop-shadow(2px 4px 6px rgba(150,150,150,0.5));
}
#intro_bg{
    background-image: url(Dup/img/back.jpg);    
    padding-top: 100px;
}
#intro_bg .intro_wrap{
    padding-top: 50px;
}
.intro_dec{
    transform: translateY(1px);
    width: 100%;
    max-width: 1280px;
    margin: auto;
}
#intro_bg .intro_wrap{
    align-items: end;   
    padding-bottom: 0px;
    padding-right: 20px;
    padding-left: 70px;
}
#intro .intro_txt_wrap{
    padding-bottom: 80px;
    padding-right: 50px;
    width: 45%!important;
}
#intro .intro_img_wrap{
    width: 55%!important;
}
#intro .intro_img {
    transform: rotate(0deg);
}
#intro .intro_img span.bgitem{
    opacity: 0;
}
#contents .con_box,#contents .con_box .con_img,#contents .fadein:nth-of-type(2) .con_box .con_img {
    border-radius: 0;
}
.cms_title h2{
    color: #333;
}
.cms_title p{
    color: #42a1be;
    opacity: 1;
}
#contents{
    background-image: url(Dup/img/line.png);
    background-position: bottom center;
    background-repeat: repeat-x;
    background-size: 70%;
}
#info_title_box .info_title{
    text-shadow: 1px 1px 25px #14528085;
}
#info .info_txt .tel a{
    transition: 0.3s;
}
#info .info_txt .tel:hover a{
    color: #42a1be;
}
.tel_tyuui{
    font-size: -webkit-calc(1rem - 2px);
    font-size: calc(1rem);
    color: #c71414;
}
/* ----------　下層ページ　---------- */
#wrap:not(.top){
    background-color: #f8f8f8;
}
#page_title{
    text-align: center;
}
#page_title h2 span{
    color: #fff;
    text-shadow: 1px 2px 10px rgba(51, 51, 51 ,0.55);
}
#page_title p {
    color: #fff;
    opacity: 1;
    font-weight: bold;
    background-color: #42a1be;
    display: inline-block;
    padding: 5px 20px;
    min-width: 200px;
    margin-top: 20px;
}
#page_title #filter_white{
    background-color: rgba(168 ,168 ,168 ,0.4)!important;
}
.cate_list li a {
    color: #fff;
    background-color: #ef8f41;
}
/* 株式会社新栄建設について */
#cms_2-g .cate_box{
    margin-top: 30px;
    padding-bottom: 30px;
}
/* 求人情報 */
#cms_6-b .cate_box .box_txt1{
    background-color: #d7e6ea;
    color: #333;
}
/* 施工実績 */
.g_type5 .slide_img figure{
	position: relative;
	overflow: hidden;
}
.g_type5 .slide_img figure img{
	position: relative;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.g_type5 .swiper-slide{
    opacity: 1!important;
}
.g_type5 .slide_img .thumbnail .swiper-wrapper {
    margin-left: 0!important;
    transform: none!important;
}
.g_type5 .swiper-button-prev{
	background-image: url("../dup/img/swiper_prev.png")!important;
}
.g_type5 .swiper-button-next{
	background-image: url("../dup/img/swiper_next.png")!important;
}
/* 会社情報 */
#page7 .box h3{
    color: #ef8f41;
}
#page7 .box p{
    color: #333;
}
/* お問い合わせ */
#page8 .contact_tel{
    background-color: #ffffff;
    border: 2px solid #42a1be;
}
#page8 .contact_tel p:last-child{
    color: #ef8f41;
}

#page8 a:hover .contact_tel p:last-child{
    color: #42a1be;   
}
/* プライバシーポリシー */
/* サイトマップ */

/*-------------------------------------------------------
			            IE
-------------------------------------------------------*/

@media all and (-ms-high-contrast: none){
  .sample{

  }
}

/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
    
/* ----------　TOP　---------- */    
#main_img {
    padding-top: 110px;
}
#main_img .main_img_wrap {
    height: 50vh;
}
#intro_bg .intro_wrap {
    padding-right: 70px;
    padding-left: 70px;
}
#intro .intro_txt_wrap {
    padding-bottom: 0px;
    padding-right: 0px;
    margin-bottom: 20px;
    width: 100%!important;
}
#intro .intro_img_wrap {
    width: 100%!important;
}
#contents .con_box .con_img {
    border-radius: 0!important;
}
/* ----------　下層ページ　---------- */
}

/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
#logo {
    padding-top: 17px;
}
#logo .logo {
    width: 220px;
}
#logo2.logo {
    width: 250px;
}
/* ----------　TOP　---------- */        
#main_img {
    padding-top: 70px;
}
#main_img .main_img_wrap {
    height: 80vh;
}  
#main_img .main_logo {
    width: 90%!important;
}
#intro_bg .intro_wrap {
    padding-right: 30px;
    padding-left: 30px;
}
#contents {
    background-size: 120%;
}

/* ----------　下層ページ　---------- */
#page_title h2 span {
    font-size: 27px;
    letter-spacing: 1px;
}
.cate_list li {
    margin: 0 0 15px;
}
.cate_list li a {
    padding: 10px 5px;
}
}