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

　トップページ

###################################################################################### */

@media print, screen and (min-width: 1120px) {
 .pageIndex .main_img { margin-top: 140px;}
}

@media print, screen and (min-width: 768px) {
    .pageIndex .fixMenu .gnav {
        text-align: center;
    }
    .pageIndex .header .fixMenu.fixed .logo { display: inline;}
    .pageIndex .header .fixMenu.fixed .gnav { float: right; text-align: left;}
    .pageIndex .header .logo
    .pageIndex .contents.contentsClass { }
    .pageIndex .main_img { width: 100%; position: relative;}
    .pageIndex .main_img img{
        width: 100%;
        height: auto;
    }
    .pageIndex .main_img img.copy {
        width: 83.5%;
        height: auto;
        margin-top: 57px;
    }
    .pageIndex .main_img span {
        position: absolute;
        z-index:11;
        top: 85%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
    .pageIndex .main_img span.main_logo {
	    top: 89.2%;
    }
    .pageIndex .main_img span img {
        width: 86%;
        height: auto;
    }
    
    .pageIndex .contents h1 { text-align: center; margin-top: 75px; }
    .pageIndex .contents h1 img { width:314px; height: auto;}


}
.main_img:before {
    content:"";
    display:block;
    position:absolute;
    z-index:10;
    top:0;
    left:0;
    background:#000000;
    width:100%;
    height:100%;
    animation-name: fadeIn;
    animation-duration: 2s;
    animation-timing-function: liner;
    animation-delay: 1.5s;
    animation-fill-mode:forwards;
}

.ver2.main_img span.white {
    opacity:1;
    animation-name: fadeOutIn;
    animation-duration: 12.5s;
    animation-timing-function: liner;
    animation-delay: 0s;
    animation-fill-mode:forwards;
}
.ver2.main_img span.black {
    opacity:0;
    animation-name: fadeInOut;
    animation-duration: 12.5s;
    animation-timing-function: liner;
    animation-delay: 0s;
    animation-fill-mode:forwards;
}

@media print, screen and (min-width: 768px) {
	.main_img:after {background-size:auto 100%;}
    .pageIndex .contents .copy {display:none;}
	}
@media screen and (max-width: 767px) {
	.main_img:after {background-size:200% auto;}
}

@keyframes fadeIn {
    0% {opacity:1;}
    100% {opacity:0;}
}
@keyframes fadeOutIn {
    0%   {opacity:1;}
    12%  {opacity:1;}
    30%  {opacity:0;}
    36%  {opacity:0;}
    100% {opacity:1;}
}
@keyframes fadeInOut {
    0%   {opacity:0;}
    12%  {opacity:0;}
    30%  {opacity:1;}
    36%  {opacity:1;}
    100% {opacity:0;}
}

@media screen and (max-width: 767px) {
    .pageIndex .contents.contentsClass { }
    .pageIndex .main_img {
        position: relative;
        width: 100%;
        padding-top: 68%;
        overflow: hidden;
    }
    .pageIndex .main_img img{
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 200%;
    }
    .pageIndex .main_img span {
        position:absolute;
        top: 84%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        z-index: 10000;
        width: 50%;
        height: auto;
    }
    .pageIndex .main_img span img {
        width: 110%;
        height: auto;
        transform: translate(-50%,-43%);
    }
    .pageIndex .main_img img.copy {
        width: 170%;
        height: auto;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .pageIndex .main_img span.main_logo {
	display:none;
    }
    .pageIndex .contents h1 { text-align: center; margin-top: 50px; margin-bottom: 35px;}
    .pageIndex .contents h1 img { width: 80%; height: auto;}
    .wallBelt.paperB { margin-top: -100px; }
}


/*================================================
WORKS
================================================*/
.pageIndex .contents.works {}
.pageIndex .contents.works { text-align: center;}
.pageIndex .contents.works a .round:before {
    content: "\f054";
    font-size: 1.0rem;
    font-family: Fontawesome;
    color: #000000;
    margin-right: 5px;
    
}
.pageIndex .contents.works li {
    /*padding-left: 1px;
    padding-right: 1px;*/
    margin-bottom: 50px;
    font-size: 1.6rem;
}
.pageIndex .contents.works li a { display: block;}
.pageIndex .contents.works li a:hover { opacity: 0.7; transition: opacity 0.5s ease-out;}
.pageIndex .contents.works li img {
    width: 100%;
    height: auto;
}
.pageIndex .contents.works li .photo { margin-bottom: 20px;}
.pageIndex .contents.works li .button { margin-top: 20px;}
@media screen and (max-width: 767px) {
    .pageIndex .contents.works li:nth-of-type(2n+1) {
        clear:left;
    }
    .pageIndex .contents.works li a {font-size:1.2rem; white-space:nowrap;}
    .pageIndex .contents.works li .button {font-size:1.2rem;}
}


/*================================================
SERVICE
================================================*/

.pageIndex .contents.service li { position:relative; line-height: 1.8;}
.pageIndex .contents.service li a { display: block;}
.pageIndex .contents.service li a:hover { opacity: 0.7; transition: opacity 0.5s ease-out;}
.pageIndex .contents.service li img {
    width: 100%;
    height: auto;
}
.pageIndex .contents.service li .photo { height: 240px;}
.pageIndex .contents.service li .photo .circle {
    position: relative;
    top: -40px;
    left:38%;
    /*display: none;サービス案内出来たら表示*/
}
.pageIndex .contents.service li .photo .circle:before {
    content: "\f107";
    font-family: Fontawesome;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.pageIndex .contents.service h2 {
    text-align: center;
    font-size: 2.0rem;
}
@media screen and (max-width: 767px) {
    .pageIndex .contents.service li {
        display: block;
        border-bottom: dotted 1px #cccccc;
        padding: 20px 0;
    }
    .pageIndex .contents.service li:first-child { padding-top: 0;}
    .pageIndex .contents.service li .photo,
    .pageIndex .contents.service li p { float: left; width: 45%; /*width: 46%;*/ font-size: 1.4rem;}
    .pageIndex .contents.service li .photo { margin-right: 10%; /*margin-right: 5%;*/ height: initial; position: relative;}
    .pageIndex .contents.service li .photo .circle {
        position: absolute;
        top: 35%;
        left: 90%;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .pageIndex .contents.service li .photo .circle:before {
        content: "\f105";
        font-family: Fontawesome;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .pageIndex .contents.service h2 { text-align: left; margin-bottom: 10px;}
    
}



/*================================================
　新着情報
================================================*/

.pageIndex .contents .newsTopics a{
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.pageIndex .contents .newsTopics dl:after{
    content: "";
    display: block;
    clear: both;
}
.pageIndex .contents .newsTopics .date{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-weight: bold;
}
.pageIndex .contents .newsTopics .photo img{width:100%; height:auto;}
.pageIndex .contents .newsTopics .title{
	margin-bottom:6px;
	font-size:1.6rem;
	font-weight:bold;
	}
.pageIndex .contents .newsTopics .text{
	font-size:13px;
	}
.pageIndex .contents.news .btn{
	text-align:center;
	}

@media print, screen and (min-width: 768px) {
.pageIndex .contents.news .contentsTitle{margin-bottom: 1em;}
.pageIndex .contents .newsTopics {margin-left: -20px; margin-right: -20px; margin-bottom: 30px;}
.pageIndex .contents .newsTopics > *{padding-left: 20px; padding-right: 20px;}
.pageIndex .contents .newsTopics a:hover{
    opacity: 0.7;
    transition: opacity 0.5s ease-out;
    }
.pageIndex .contents .newsTopics .photo{
	float:left;
	width:150px;}
    .pageIndex .contents .newsTopics .photo img{width: 150px; height: 110px;}
.pageIndex .contents .newsTopics .date{
	float:right;
	font-size: 1.4rem;
    text-align: end;
	}
.pageIndex .contents .newsTopics .tag{
	display: inline-block;
	margin-left:10px;
	margin-bottom: 15px;
	padding: 6px 8px;
	background-color: #A78838;
	font-size: 1.2rem;
	color: #FFF;
	}
.pageIndex .contents .newsTopics .date:after{
	content:"";
	display:block;
	clear:both;
	}
.pageIndex .contents .newsTopics .tag,
.pageIndex .contents .newsTopics .title,
.pageIndex .contents .newsTopics .text{
	padding-left:10px;
	}
.pageIndex .contents .newsTopics .title,
.pageIndex .contents .newsTopics .text{
	    text-align: left;
    overflow: hidden;
    float: right;
    width: calc(100% - 150px);
	}
.pageIndex .contents .newsTopics .title{
	margin-bottom: 6px;
font-size: 1.6rem;
font-weight: bold;
	}

.pageIndex .contents .newsTopics .text{
	line-height:1.8;
	}

}


@media screen and (max-width: 767px) {
    .pageIndex .contents .newsTopics{margin-bottom: 30px;}
    
    .pageIndex .contents .newsTopics > *{display: none;}
    .pageIndex .contents .newsTopics > *:nth-of-type(1),
    .pageIndex .contents .newsTopics > *:nth-of-type(2){display: block;}
    
    .pageIndex .contents .newsTopics dl:after{
        content: "";
        display: block;
        clear: both;
    }
.pageIndex .contents .newsTopics .photo{
	float:left;
    width: 30%;
	}
    .pageIndex .contents .newsTopics .photo img{width: 100%; height: 100px;}
.pageIndex .contents .newsTopics .tag{
    float:left;
    margin-left: 3%;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #A78838;
	font-size: 1.2rem;
	color: #FFF;
	}
.pageIndex .contents .newsTopics .date{
    padding-top: 5px;
    float:right;
	font-size:1.3rem;
	}
	
.pageIndex .contents .newsTopics .title,
.pageIndex .contents .newsTopics .text{
    float:right;
    width: 67%;
	text-align:left;
	overflow:hidden;
	padding:0;
    font-size: 1.3rem;
    line-height: 1.7;
	}
}

/* ######################################################################################

　会社情報

###################################################################################### */
@media print, screen and (min-width: 1120px) {
    .pageOutline .wallBelt.philosophy {margin-top: 310px;}
}
@media print, screen and (max-width: 1119px) {
    .pageOutline .wallBelt.philosophy {margin-top: 160px;}
}



@media print, screen and (min-width: 768px) {
    .pageOutline .wallBelt.about {
        background: url(../img/contents/outline/bg.jpg) no-repeat -100% 50%;
        background-size: 75%;
    }
    .pageOutline .wallBelt.philosophy .contents,
    .pageOutline .wallBelt.about .contents { width: 730px; margin: auto;}
    .pageOutline .wallBelt.about dl {
        border-top:solid 1px #dcdcdc;
        font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Roboto Slab", Garamond, "Times New Roman",  serif;
        padding: 15px;
        font-size: 0;
    }
    .pageOutline .wallBelt.about dl:first-child { border-width: 2px;}
    .pageOutline .wallBelt.about dl:last-child { border-bottom:solid 1px #dcdcdc; }
    .pageOutline .wallBelt.about dl dt, .pageOutline .wallBelt.about dl dd { display: inline-block;}
    .pageOutline .wallBelt.about dl dt { width: 25%; vertical-align: top;}
    .pageOutline .wallBelt.about dl dd { width: 75%; vertical-align: top;}
}
@media screen and (max-width: 767px) {
    .pageOutline .wallBelt.about {
        background: url(../img/contents/outline/bg.jpg) no-repeat center 140px;
        background-size: 155%;
        background-attachment: fixed;

    }
    .pageOutline .wallBelt.about dl {
        border-top:solid 1px #dcdcdc;
        font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Roboto Slab", Garamond, "Times New Roman",  serif;
        padding: 15px;
    }
    .pageOutline .wallBelt.about dl:first-child { border-width: 2px;}
    .pageOutline .wallBelt.about dl:last-child { border-bottom:solid 1px #dcdcdc; }
    .pageOutline .wallBelt.about dl dt, .pageOutline .wallBelt.about dl dd { display:block;}
    .pageOutline .wallBelt.about dl dt { width: 100%; font-weight: bold;}
}


/*================================================
philosophy
================================================*/
.pageOutline .wallBelt.philosophy{}
.pageOutline .wallBelt.philosophy p { font-size: 1.8rem;}

@media screen and (max-width: 767px) {
    .pageOutline .wallBelt.philosophy img { width: 100%; height: auto;}
}

/* ######################################################################################

　サービス案内

###################################################################################### */
@media print, screen and (min-width: 1120px) {
    .pageService .wallBelt {margin-top: 310px;}
}
@media print, screen and (max-width: 1119px) {
    .pageService .wallBelt {margin-top: 160px;}
}

@media print, screen and (min-width: 768px) {
    .pageService .service ul.pagelink {
        margin-bottom: 80px;
        text-align: center;
    }
    .pageService .service ul.pagelink li {
        display: inline-block;
        width: 25%;
        text-align: center;
        margin: 10px;
    }

    .pageService .L_img .photo {
        float: left;
        width: 50%;
        padding-right: 30px;
    }
    .pageService .R_img .photo {
        float: right;
        width: 50%;
        padding-left: 30px;
    }
    
    #Architect,
    #Reform,
    #Estate { margin-top: -100px; padding-top: 100px;}
    
}
    .pageService .service .inner {
        margin-bottom: 80px;
        clear:both;
        min-height: 270px;
    }
    .pageService .service .inner h1 {
        font-size: 2.5rem;
        font-weight: bold;
    }
    .pageService .service .inner h2 { font-size: 1.65rem; font-weight: bold; line-height: 1.8;}
    .pageService .L_img img,
    .pageService .R_img img { width: 100%; height: auto;}
    .pageService .service ul.pagelink li a {
        background: #000000;
        color: #ffffff;
        text-decoration: none;
        border-radius: 50px;
        padding: 10px;
        display: block;
    }
    .pageService .service ul.pagelink li a:hover {
         opacity: 0.7; transition: opacity 0.5s ease-out;
    }

@media screen and (max-width: 767px) {
    .pageService .service ul.pagelink {
        text-align: center;
        margin-bottom: 30px;
    }
    .pageService .service ul.pagelink li {
        display: inline-block;
        width: 30%;
        text-align: center;
        margin: 1px;
    }
    .pageService .L_img .photo,
    .pageService .R_img .photo { width: 100%; float: none; margin-bottom: 15px;}
    
    #Architect,
    #Reform,
    #Estate { margin-top: -80px; padding-top: 80px;}
}

/* ######################################################################################

　施工事例

###################################################################################### */
@media print, screen and (min-width: 1120px) {
    .pageWorks .contents.works {margin-top: 310px;}
    .pageWorks .wallBelt.paper {
        margin-top: 200px;
        padding-top: 0;
    }
}
@media print, screen and (max-width: 1119px) {
    .pageWorks.archive .contents.works{margin-top: 158px;}
    .pageWorks .wallBelt.paper {
        margin-top: 0;
        padding-top: 0;
    }
}



.pageWorks .pagelink{font-size: 0;}
.pageWorks .contents.works .pagelink li{
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
}
.pageWorks .pagelink li.active a{opacity: 0.7;}
.pageWorks .pagelink li a{
    display: block;
    padding: 10px;
    background: #000;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
}

@media print, screen and (min-width: 768px) {
    .pageWorks.archive .wallBelt.wide{padding-top: 55px; padding-bottom: 0;}
    .pageWorks.archive .pagenation{padding-bottom: 100px;}
    .pageWorks .pagelink{margin: 0 -6px 70px;}
    .pageWorks .pagelink li{width: 25%; padding: 6px;}
    .pageWorks .pagelink li a:hover{opacity: 0.7; transition: opcity 0.5s ease-out;}
}
@media screen and (max-width: 767px) {
    .pageWorks.archive .wallBelt.wide{padding-bottom: 0;}
    .pageWorks.archive .pagenation{padding-bottom: 100px;}
    .pageWorks .pagelink{margin: 0 -6px 28px; text-align: left;}
    .pageWorks .pagelink li{width: 50%; padding: 6px;}
    .pageWorks .contents.works .pagelink li a{font-size: 16px; text-align: center;}
}
.pageWorks .contents.works { text-align: center;}
.pageWorks .contents.works > h1 {margin-bottom:2.25em;}
.pageWorks .contents.works a .round_g:before {
    content: "\f054";
    font-size: 1.0rem;
    font-family: Fontawesome;
    color: #000000;
    margin-right: 5px;
    
}
.pageWorks .contents.works li {
    margin-bottom: 50px;
    font-size: 1.6rem;
}
.pageWorks .contents.works li a { display: block;}
.pageWorks .contents.works li a:hover { opacity: 0.7; transition: opacity 0.5s ease-out;}
.pageWorks .contents.works li img {
    width: 100%;
    height: auto;
}
.pageWorks .contents.works li .photo { margin-bottom: 20px;}
.pageWorks .contents.works li .button { margin-top: 20px;}

@media screen and (max-width: 767px) {
    .pageWorks .contents.works {margin-top: 160px;}
    
    .pageWorks .contents.works li:nth-of-type(2n+1) {
        clear:left;
    }
    .pageWorks .contents.works li a {font-size:1.2rem; white-space:nowrap;}
    .pageWorks .contents.works li .button {font-size:1.2rem;}

}

/*================================================
archive
================================================*/
@media print, screen and (min-width: 768px) {
    .pageWorks.archive .contents.works .category + .category{margin-top: 4em;}
    .pageWorks.archive .contents.works .category .squareborderB{margin-top: -1em;}
}
@media screen and (max-width: 767px) {
    .pageWorks.archive .contents.works .category + .category{margin-top: 3em;}
    .pageWorks.archive .contents.works .category .squareborderB{margin-top: -2em;}
}

/*================================================
pagenation
================================================*/
@media print, screen and (min-width: 768px) {
    .pageWorks.tax-works-category .wallBelt.wide{padding-bottom: 0;}
    .pageWorks.tax-works-category .pagenation{padding-bottom: 100px;}
}
@media screen and (max-width: 767px) {
    .pageWorks.tax-works-category .wallBelt.wide{padding-bottom: 0;}
    .pageWorks.tax-works-category .pagenation{padding-bottom: 60px;}
}



/*================================================
detail
================================================*/
.pageWorks .wallBelt.detail .contents.works {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
}
.pageWorks .wallBelt.detail .contents.works h2 {
    margin-bottom:2.25em;
    text-align:center;
    font-size: 3.0rem;
}



@media print, screen and (min-width: 768px) {
    .pageWorks .wallBelt.detail .slickSlider.thumb-item2 .slick-slide img{
        object-fit: contain;
        height: 521px;
        font-family: "object-fit:contain;";
    }
    .pageWorks .wallBelt.detail .slickSlider.thumb-item2-nav .slick-slide img{
        object-fit: contain;
        height: 67px;
        font-family: "object-fit:contain;";
    }
}
@media screen and (max-width: 767px) {
    .pageWorks .wallBelt.detail .slickSlider.thumb-item2 .slick-slide,
    .pageWorks .wallBelt.detail .slickSlider.thumb-item2-nav .slick-slide{position: relative;}
    .pageWorks .wallBelt.detail .slickSlider.thumb-item2 .slick-slide img,
    .pageWorks .wallBelt.detail .slickSlider.thumb-item2-nav .slick-slide img{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        margin: auto;
    }
}

/* ######################################################################################

　よくある質問

###################################################################################### */
@media print, screen and (min-width: 1120px) {
    .pageFaq .wallBelt {margin-top: 310px;}
}
@media print, screen and (max-width: 1119px) {
    .pageFaq .wallBelt {margin-top: 160px;}
}


@media print, screen and (min-width: 768px) {
    .pageFaq .wallBelt {
    }
    
    .pageFaq .wallBelt .contents { width: 730px; margin: auto;}
    .pageFaq .wallBelt dl {
        border-bottom:solid 1px #dcdcdc;
        font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Roboto Slab", Garamond, "Times New Roman",  serif;
        padding: 15px;
    }
    .pageFaq .wallBelt dl:first-child { border-top:solid 1px #dcdcdc ;}
    .pageFaq .wallBelt dt.faq_q,
    .pageFaq .wallBelt dd.faq_a {
        position: relative;
        padding:10px 0 14px 50px;
    }
    .pageFaq .wallBelt dt.faq_q {
        font-weight: bold;
        font-size: 2.0rem;
    }
    .pageFaq .wallBelt dd.faq_a {
        line-height: 1.8;
    }
    .pageFaq .wallBelt dt.faq_q:before,
    .pageFaq .wallBelt dd.faq_a:before {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        text-align: center;
        position: absolute;
        left: -14px;
        line-height: 36px;
        top:4px;
        font-size: 2.0rem;
    }
    .pageFaq .wallBelt dt.faq_q:before {
        content: "Q";
        background: #000000;
        color: #ffffff;
        
    }
    .pageFaq .wallBelt dd.faq_a:before {
        content: "A";
        background: #dcdcdc;
        color: #000000;
        
    }
}


@media screen and (max-width: 767px) {
    .pageFaq .wallBelt {}
    .pageFaq .wallBelt dl {
        border-bottom:solid 1px #dcdcdc;
        font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Roboto Slab", Garamond, "Times New Roman",  serif;
        padding: 15px;
    }
    .pageFaq .wallBelt dl:first-child { border-top:solid 1px #dcdcdc ;}
    .pageFaq .wallBelt dt.faq_q,
    .pageFaq .wallBelt dd.faq_a {
        position: relative;
        padding:10px 0 14px 50px;
    }
    .pageFaq .wallBelt dt.faq_q {
        font-weight: bold;
        font-size: 2.0rem;
    }
    .pageFaq .wallBelt dd.faq_a {
        line-height: 1.8;
    }
    .pageFaq .wallBelt dt.faq_q:before,
    .pageFaq .wallBelt dd.faq_a:before {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        text-align: center;
        position: absolute;
        left: -14px;
        line-height: 36px;
        top:4px;
        font-size: 2.0rem;
    }
    .pageFaq .wallBelt dt.faq_q:before {
        content: "Q";
        background: #000000;
        color: #ffffff;
        
    }
    .pageFaq .wallBelt dd.faq_a:before {
        content: "A";
        background: #dcdcdc;
        color: #000000;
        
    }
}

/* ######################################################################################

　お問い合わせ

###################################################################################### */
@media print, screen and (min-width: 1120px) {
    .pageContact .wallBelt {margin-top: 310px;}
}
@media print, screen and (max-width: 1119px) {
    .pageContact .wallBelt {margin-top: 160px;}
}




.pageContact .wallBelt .contents,
.pageContact .tel {
        font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Roboto Slab", Garamond, "Times New Roman",  serif;
}
.pageContact .box {
    padding: 20px;
    border: solid 1px #dfdfdf;
    margin-bottom: 50px !important;
}

@media print, screen and (min-width: 768px) {
    
    .pageContact .wallBelt .contents { width: 750px;}
    .pageContact .wallBelt .contents th { width: 200px;}
    .pageContact .wallBelt .contents .button {
        font-size: 1.8rem;
        font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
}
@media screen and (max-width: 767px) {
    
}


/* ######################################################################################

　採用情報

###################################################################################### */
@media print, screen and (min-width: 1120px) {
    .pageRecruit .recuit{margin-top: 310px;}
}
@media print, screen and (max-width: 1119px) {
    .pageRecruit .recuit{margin-top: 160px; padding: 30px 0 60px;}
}



.pageRecruit .pagelink{font-size: 0; text-align: center;}
.pageRecruit .recuit .pagelink li{
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
}
.pageRecruit .pagelink li.active a{opacity: 0.7;}
.pageRecruit .pagelink li a{
    display: block;
    padding: 10px;
    background: #000;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
}
@media print, screen and (min-width: 768px) {
    .pageRecruit .pagelink{margin: 0 -6px 50px;}
    .pageRecruit .pagelink li{width: 25%; padding: 6px;}
    .pageRecruit .pagelink li a:hover{opacity: 0.7; transition: opcity 0.5s ease-out;}
}
@media screen and (max-width: 767px) {
    .pageRecruit .pagelink{margin: 0 -6px 40px; text-align: left;}
    .pageRecruit .pagelink li{width: 50%; padding: 6px;}
    .pageRecruit .recuit .pagelink li a{font-size: 15px; text-align: center;}
}

.pageRecruit .recuit table{border-collapse: collapse; border-top: 1px solid #cdcdcd;}
.pageRecruit .recuit tr{border-bottom: 1px solid #cdcdcd;}
.pageRecruit .recuit th,
.pageRecruit .recuit td{
    font-size: 1.6rem;
    line-height: 1.75;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Roboto Slab", Garamond, "Times New Roman",  serif;
}

@media print, screen and (min-width: 768px) {
    .pageRecruit .recuit{padding-bottom: 120px;}
    .pageRecruit .recuit .boldTitle{font-weight: bold; font-size: 2.5rem;}
    .pageRecruit .recuit .description{margin-bottom: 2.5em;}
    .pageRecruit .recuit .recruitInfo + .recruitInfo{margin-top: 4.5em;}
    .pageRecruit .recuit th{width: 18%;}
}
@media screen and (max-width: 767px) {
    .pageRecruit .recuit .boldTitle{
        margin-bottom: 0.4em;
        font-weight: bold;
        font-size: 2rem;
    }
    .pageRecruit .recuit .recruitInfo + .recruitInfo{margin-top: 3.5em;}
    .pageRecruit .recuit .description{margin-bottom: 1.5em;}
    .pageRecruit .recuit table,
    .pageRecruit .recuit tbody,
    .pageRecruit .recuit tr,
    .pageRecruit .recuit th,
    .pageRecruit .recuit td{display: block;}
    .pageRecruit .recuit th,
    .pageRecruit .recuit td{padding: 0 5px;}
    .pageRecruit .recuit th{padding-top: 15px; font-weight: bold; font-size: 1.6rem;}
    .pageRecruit .recuit td{padding-bottom: 15px;}
    .pageRecruit .recuit td,
    .pageRecruit .recuit td span{font-size: 1.5rem;}
}



.pageRecruit .recuit .entry a{text-decoration: underline;}
.pageRecruit .recuit .entry .bold{font-weight: bold;}
.pageRecruit .recuit .entry .entryTitle{font-weight: bold;}
.pageRecruit .recuit .entry .infomation dl{font-size: 0;}
.pageRecruit .recuit .entry .infomation dt,
.pageRecruit .recuit .entry .infomation dd{
    display: inline-block;
    vertical-align: top;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Roboto Slab", Garamond, "Times New Roman",  serif;
}
.pageRecruit .recuit .entry .infomation dt{position: relative; width: 5.5em;}
.pageRecruit .recuit .entry .infomation dt:before{
    content: ":";
    position: absolute;
    right: 14px;
    top: -2px;
}

@media print, screen and (min-width: 768px) {
    .pageRecruit .recuit .entry{margin-top: 3.5em;}
    .pageRecruit .recuit .entry .entryTitle{margin-bottom: 0.5em; font-size: 2.5rem;}
    .pageRecruit .recuit .entry a:hover{text-decoration: none; color: #777;}
    .pageRecruit .recuit .entry span.sp{display: none;}
    
    .pageRecruit .recuit .entry .infomation{margin-top: 0.75em;}
    .pageRecruit .recuit .entry .infomation dl + dl{margin-top: 0.5rem;}
    .pageRecruit .recuit .entry .infomation dd.sp{display: none;}
}
@media screen and (max-width: 767px) {
    .pageRecruit .recuit .entry{margin-top: 3em;}
    .pageRecruit .recuit .entry .entryTitle{margin-bottom: 0.5em; font-size: 2rem;}
    .pageRecruit .recuit .entry span.pc{display: none;}
    
    .pageRecruit .recuit .entry .infomation{margin-top: 0.75em;}
    .pageRecruit .recuit .entry .infomation dl + dl{margin-top: 0.5rem;}
    .pageRecruit .recuit .entry .infomation dd.pc{display: none;}
}


/* ######################################################################################

　新着情報

###################################################################################### */
@media print, screen and (min-width: 1120px) {
    .pageNews .pagelink{margin: 0 -6px 70px;}
}
@media print, screen and (max-width: 1119px) {
    .pageNews.archive .contents.works{margin-top: 160px;}
    .pageNews .contents.works {margin-top: 160px;}
}


.pageNews .contents .newsTopics a{display: block;}
.pageNews .contents .newsTopics .photo img{width:100%; height:auto;}
.pageNews .contents .newsTopics .date{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-weight: bold;
}
.pageNews .contents .newsTopics .title{
	margin-bottom:6px;
	font-size:1.6rem;
	font-weight:bold;
	}
.pageNews .contents .newsTopics .text{
	font-size:13px;
	}

@media print, screen and (min-width: 768px) {
    .pageNews .contents .newsTopics{margin-right: -16px; margin-left: -16px;}
.pageNews .contents .newsTopics > *{margin-bottom:50px; padding-left: 16px; padding-right: 16px;}
.pageNews .contents .newsTopics a:hover{
        opacity: 0.7;
    transition: opacity 0.5s ease-out;
    }
.pageNews .contents .newsTopics .photo{margin-bottom:13px;}
    .pageNews .contents .newsTopics .photo img{width: 312px; height: 208px;}
.pageNews .contents .newsTopics .date{
	float:right;
	font-size:1.4rem;
	}
.pageNews .contents .newsTopics .tag{
	margin-bottom:10px;
	padding:6px 8px;
	float:left;
	background-color:#A78838;
	font-size:1.2rem;
	color:#FFF;
	}
.pageNews .contents .newsTopics .date:after{
	content:"";
	display:block;
	clear:both;
	}
.pageNews .contents .newsTopics .title,
.pageNews .contents .newsTopics .text{
	clear:both;
	text-align:left;
	}
.pageNews .contents .newsTopics .text{
	line-height:1.8;
	}

/*ページ送り　不要？*/
.pageNews .contents .pasing li {
	display: inline;
	padding:10px 5px;
	}
.pageNews .contents .pasing .active {color:#ccc;}
/*ページ送り　不要？*/
}


@media screen and (max-width: 767px) {
    .pageNews .contents .newsTopics > *{margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ddd;}
.pageNews .contents .newsTopics .photo{
	float: left;
    width: 30%;
	}
.pageNews .contents .newsTopics .photo img{width: 100%; height: 100px;}
.pageNews .contents .newsTopics .date{
	padding-top: 5px;
    float: right;
    font-size: 1.3rem;
	}
.pageNews .contents .newsTopics .tag{
    float: left;
    margin-left: 3%;
    margin-bottom: 10px;
    padding: 5px;
    background-color: #A78838;
    font-size: 1.2rem;
    color: #FFF;
	}

.pageNews .contents .newsTopics .title,
.pageNews .contents .newsTopics .text{
	float: right;
    width: 67%;
    text-align: left;
    overflow: hidden;
    padding: 0;
    font-size: 1.3rem;
    line-height: 1.7;
	}


/*ページ送り　不要？*/
.pageNews .contents .pasing li {
	display: inline;
	padding:10px 5px;
	}
.pageNews .contents .pasing .active {color:#ccc;}
/*ページ送り　不要？*/
}



.pageNews .pagelink{font-size: 0;}
.pageNews .contents.works .pagelink li{
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
}
.pageNews .pagelink li.active a{opacity: 0.7;}
.pageNews .pagelink li a{
    display: block;
    padding: 10px;
    background: #000;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
}

@media print, screen and (min-width: 768px) {
    .pageNews.archive .wallBelt.wide{padding-top: 55px; padding-bottom: 0;}
    .pageNews.archive .pagenation{padding-bottom: 100px;}
    .pageNews .pagelink{margin: 0 -6px 70px;}
    .pageNews .pagelink li{width: 25%; padding: 6px;}
    .pageNews .pagelink li a:hover{opacity: 0.7; transition: opcity 0.5s ease-out;}
}
@media screen and (max-width: 767px) {
    
    .pageNews.archive .wallBelt.wide{padding-bottom: 0;}
    .pageNews.archive .pagenation{padding-bottom: 100px;}
    .pageNews .pagelink{margin: 0 -6px 28px; text-align: left;}
    .pageNews .pagelink li{width: 50%; padding: 6px;}
    .pageNews .contents.works .pagelink li a{font-size: 16px; text-align: center;}
}


.pageNews .contents.works { text-align: center;}
.pageNews .contents.works > h1 {margin-bottom:2.25em;}
.pageNews .contents.works a .round_g:before {
    content: "\f054";
    font-size: 1.0rem;
    font-family: Fontawesome;
    color: #000000;
    margin-right: 5px;
    
}
.pageNews .contents.works li {
    margin-bottom: 50px;
    font-size: 1.6rem;
}
.pageNews .contents.works li a { display: block;}
.pageNews .contents.works li a:hover { opacity: 0.7; transition: opacity 0.5s ease-out;}
.pageNews .contents.works li img {
    width: 100%;
    height: auto;
}
.pageNews .contents.works li .photo { margin-bottom: 20px;}
.pageNews .contents.works li .button { margin-top: 20px;}

@media screen and (max-width: 767px) {
    .pageNews .contents.works li:nth-of-type(2n+1) {
        clear:left;
    }
    .pageNews .contents.works li .button {font-size:1.2rem;}
    .pageNews .contents.works .pagenation{margin-top: 2em;}

}


/*================================================
archive
================================================*/
@media print, screen and (min-width: 768px) {
    .pageNews.archive .contents.works .category + .category{margin-top: 4em;}
    .pageNews.archive .contents.works .category .squareborderB{margin-top: -1em;}
}
@media screen and (max-width: 767px) {
    .pageNews.archive .contents.works .category + .category{margin-top: 3em;}
    .pageNews.archive .contents.works .category .squareborderB{margin-top: -2em;}
}

/*================================================
pagenation
================================================*/
@media print, screen and (min-width: 768px) {
    .pageNews.tax-works-category .wallBelt.wide{padding-bottom: 0;}
    .pageNews.tax-works-category .pagenation{padding-bottom: 100px;}
}
@media screen and (max-width: 767px) {
    .pageNews.tax-works-category .wallBelt.wide{padding-bottom: 0;}
    .pageNews.tax-works-category .pagenation{padding-bottom: 60px;}
}



/*================================================
detail
================================================*/
.pageNews .wallBelt.detail .contents.works {
    text-align: left;
}
@media print, screen and (min-width: 768px) {
    .pageNews .wallBelt.paper {
        margin-top: 200px;
        padding-top: 0;
    }
    .pageNews .wallBelt.detail .slickSlider.thumb-item2 .slick-slide img{

        object-fit: contain;
        height: 521px;
        font-family: "object-fit:contain;";
    }
    .pageNews .wallBelt.detail .slickSlider.thumb-item2-nav .slick-slide img{
        object-fit: contain;
        height: 67px;
        font-family: "object-fit:contain;";
    }
}
@media screen and (max-width: 767px) {
    .pageNews .wallBelt.paper {
        margin-top: 0;
        padding-top: 0;
    }
    .pageNews .wallBelt.detail .slickSlider.thumb-item2 .slick-slide,
    .pageNews .wallBelt.detail .slickSlider.thumb-item2-nav .slick-slide{position: relative;}
    .pageNews .wallBelt.detail .slickSlider.thumb-item2 .slick-slide img,
    .pageNews .wallBelt.detail .slickSlider.thumb-item2-nav .slick-slide img{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        margin: auto;
    }
}






/* ######################################################################################

　新着情報

###################################################################################### */
/*================================================
　左カラム
================================================*/
@media print, screen and (min-width: 1120px) {
    .pageNews.detail .pageTitle{margin-top: 210px; font-size: 2.8rem;}
}
@media print, screen and (min-width: 768px) {
.pageNews.detail .contents .sideLeft{float:left; width: 27%;}
.pageNews.detail .wallBelt.detail .sideLeft h2 {
	display:flex;
	margin-bottom:30px;
	align-items: center;
	font-size:1.4rem;
	font-weight:bold;
	}
.pageNews.detail .contents .sideLeft h2 span {
	margin-right:16px;
	font-size:2.6rem;
	font-weight:normal;
	}
.pageNews.detail .contents .sideLeft h3 {
	background-color:#000;
	text-align:center;
	margin-bottom: 18px;
	padding:17px 0;
	font-size:1.6rem;
	font-weight:bold;
	color:#FFF;
	}
.pageNews.detail .contents .sideLeft ul li{
	margin-bottom:18px;
	border-bottom:solid 1px #DDD;
	padding-bottom: 18px;
	}
.pageNews.detail .contents .sideLeft dl{
    position:relative;
	}
	
.pageNews.detail .contents .sideLeft dl:after {
	position:absolute;
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome;
	top: 0;
	right: 0;
	}
.pageNews.detail .contents .sideLeft .title{
	margin-bottom:8px;
    padding-right: 10px;
	}
.pageNews.detail .contents .sideLeft .date,
.pageNews.detail .contents .sideLeft .tag {
	display: inline-block;
	font-size:1.4rem;
	}
.pageNews.detail .contents .sideLeft .date {
    border-right:solid 1px #8D8D8D;
    padding-right: 8px;
    margin-right: 5px;
    height: 12px;
    color:#8D8D8D;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-weight: bold;
	}
    .pageNews.detail .contents .sideLeft .tag a{text-decoration: underline;}    
    .pageNews.detail .contents .sideLeft .tag a:hover{text-decoration: none;}    

	}
@media screen and (max-width: 767px) {
.pageNews.detail .contents .sideLeft{display:none;}

}




/*================================================
　右カラム
================================================*/
.pageNews.detail .contents .sideRight .tag{
    float: left;
    display: inline-block;
	margin-bottom:25px;
	margin-right:20px;
	padding:7px 23px;
	background-color:#A78838;
	font-size:1.4rem;
	color:#FFF;
	}
.pageNews.detail .contents .sideRight .date{
	float:left;
    padding-top: 0.25em;
	font-size:1.6rem;
	font-weight:bold;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	}
.pageNews.detail .contents .sideRight .title{
	margin-bottom:25px;
	font-weight:bold;
	clear:both;
	}
.pageNews.detail .contents .btn {
	margin-top:40px;
	}
.pageNews.detail .contents .btn a{
	background-color:#000;
	color:#FFF;
	}
@media print, screen and (min-width: 768px) {

.pageNews.detail .contents .sideRight{
	margin-bottom:80px;
	float:right;
	width: 66%;
	}

.pageNews.detail .contents .sideRight .title{
	font-size:3.0rem;
	}
.pageNews.detail .contents .btn {
	}
.pageNews.detail .contents .btn a{
	padding:18px 42px;
	font-size:1.4rem;
	}
.pageNews.detail .contents .btn a:hover{
	opacity:0.85;
	}
}


@media screen and (max-width: 767px) {
.pageNews.detail .contents .sideRight .title{
	font-size:2.0rem;
	}
    .pageNews.detail .contents .sideRight .date{
        font-size: 1.4rem;
        padding-top: 0.5em;
    }
.pageNews.detail .contents .btn {
	display: block;
	margin-top:60px;
	text-align: center;
	}
.pageNews.detail .contents .btn a{
	padding:18px;
	font-size:1.4rem;
	}
}


/* 　記事内
-------------------------------------*/
.pageNews.detail .article p,
.pageNews.detail .article img,
.pageNews.detail .article h1,
.pageNews.detail .article h2,
.pageNews.detail .article h3,
.pageNews.detail .article h4,
.pageNews.detail .article h5,
.pageNews.detail .article h6,
.pageNews.detail .article ul,
.pageNews.detail .article ol,
.pageNews.detail .article dl{margin-bottom: 1.5em;}


.pageNews.detail .article h1{font-size: 28px;}
.pageNews.detail .article h2{font-size: 26px;}
.pageNews.detail .article h3{font-size: 24px;}
.pageNews.detail .article h4{font-size: 20px;}
.pageNews.detail .article h5{font-size: 18px;}
.pageNews.detail .article h6{font-size: 16px;}


@media print, screen and (min-width: 768px) {
    .pageNews.detail .article,
    .pageNews.detail .article p,
    .pageNews.detail .article ul,
    .pageNews.detail .article ol,
    .pageNews.detail .article li,
    .pageNews.detail .article dl,
    .pageNews.detail .article dt,
    .pageNews.detail .article dd{
        font-size: 1.6rem;
        line-height: 1.875;
    }
}
@media screen and (max-width: 767px) {
    .pageNews.detail .article,
    .pageNews.detail .article p,
    .pageNews.detail .article ul,
    .pageNews.detail .article ol,
    .pageNews.detail .article li,
    .pageNews.detail .article dl,
    .pageNews.detail .article dt,
    .pageNews.detail .article dd{
        font-size: 1.5rem;
        line-height: 1.875;
    }
}

.pageNews.detail .article ol li {list-style:decimal; margin-bottom: 0;}
.pageNews.detail .article ul li {list-style: disc; margin-bottom: 0;}
.pageNews.detail .article ul,
.pageNews.detail .article ol {margin-left:1.5em;}

.pageNews.detail .article img{
    display: inline-block;
    max-width: 100%;
    margin-right: 10px;
    height: auto;
}

.pageNews.detail .article a{text-decoration: underline; color: #000000;}
.pageNews.detail .article a:hover{text-decoration: none;}

.pageNews.detail .article table{
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}
.pageNews.detail .article table th,
.pageNews.detail .article table td{
    padding: 0.75em;
    border-bottom: solid 1px #DDDDDD;
    border-left: solid 1px #DDDDDD;
    border-right: solid 1px #DDDDDD;
}
.pageNews.detail .article table tr:first-of-type th,
.pageNews.detail .article table tr:first-of-type td{
    border-top: 1px solid #DDDDDD;
}



/* end */