@charset "utf-8";
/* index.css */
/*PC first*/
/*##### PC #####*/
/* ------------------------------------------------------------ Main Contents */


/* ------------------------------------------------------------ *** */

/* ------------------------------------------------------------ header */
header{

}

/* ------------------------------------------------------------ *** */


/* ------------------------------------------------------------ contents */
.contents{
    /* padding-bottom: 60px; */
    /*margin: 0px -500%;*/
    /*padding: 0px 500% 60px;*/
    padding: 0 0 60px 0;
    /*background:url(../shared/home/bg_line001.png) center 556px repeat-x;*/
}

    /* --- mainBox --- */
    .contents .mainBox{
        width: 100%;
        background-image:url(../shared/home/bg_mainbox.png);
		background-repeat:no-repeat;
		background-position:center top;
        background-position: auto;
        padding: 0 0 55px;
        /* margin: 0 0 80px; */
		transition:all .5s ease;
		position:relative;
    }
	
    .contents .mainBox:after{
		content:"";
		display:block;
		width:100%;
		height:690px;
		background:#e8e8e8;
		position:absolute;
		top:1120px;
		left:0;
		z-index:-1;
	}

    .contents .mainBox > div{
		position:relative;
		z-index:1;
	}

		.contents .mainBox .yutakana_box{
			width:100%;
			padding-bottom: 50px;
		}

			.contents .mainBox .yutakana_box > .box_inner{
				width:700px;
				margin:0 auto;
			}

			.contents .mainBox h2{
				padding-bottom: 30px;
				text-align:center;
			}
			.contents .mainBox .headLineTxt{
				font-size:1.1em;
				line-height: 2em;;
				text-align:center;
			}

		.contents .mainBox .bn_exh_pht{
			width:100%;
			padding: 0 0 60px 0;
		}

        .contents .mainBox .bn_exh_pht ul{
			width:930px;
			margin:0 auto;
            display: -webkit-flex;
        	-js-display: flex;
        	display: -ms-flexbox;
        	display: flex;
        	flex-wrap:wrap;
            justify-content: center;
        }
        .contents .mainBox .bn_exh_pht ul li{
            padding-right: 30px;
        }

        .contents .mainBox .bn_exh_pht ul li:last-child{
            padding-right: 0;
        }
        .contents .mainBox .bn_exh_pht ul li a{
            display: block;
			position: relative;
        }

		.contents .mainBox .bn_exh_pht ul li a::before {
			position: absolute;
			top: 50%;
			left: 50%;
			z-index: 2;
			display: block;
			content: '';
			width: 0;
			height: 0;
			background: rgba(255,255,255,.4);
			border-radius: 100%;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			opacity: 0;
		}
		.contents .mainBox .bn_exh_pht ul li a:hover::before {
			-webkit-animation: circle .75s;
			animation: circle .75s;
		}
		@-webkit-keyframes circle {
			0% {
				opacity: 1;
			}
			40% {
				opacity: 1;
			}
			100% {
				width: 150%;
				height: 150%;
				opacity: 0;
			}
		}
		@keyframes circle {
			0% {
				opacity: 1;
			}
			40% {
				opacity: 1;
			}
			100% {
				width: 150%;
				height: 150%;
				opacity: 0;
			}
		}
		/*
        .contents .mainBox > ul > li a:hover{
            filter:alpha(opacity=70);
            -moz-opacity: 0.7;
            opacity: 0.7;
        }
		*/
        .contents .mainBox > ul > li:last-child{
            padding-right: 0;
        }
            .contents .mainBox > ul > li > ul{
                display: -webkit-flex;
            	-js-display: flex;
            	display: -ms-flexbox;
            	display: flex;
            	flex-wrap:wrap;
            }
            .contents .mainBox > ul > li > ul > li{

            }
            .contents .mainBox > ul > li > ul > li h3{

            }

        /* -- mainVisual -- */
        .contents .mainVisual{
            width: 1207px;
            /* width: 100%; */

            height:454px;
            /* background: #e8e8e8; */
            padding-bottom: 45px;
            margin: 0 auto;
            padding-right: 1px;
			transform:translateY(-2px);
        }
        /* -- //mainVisual -- */

        .contents .mainVisual_sp{
			display:none;
		}

        /* -- infoBox -- */
        .contents .infoBox{
            width: 960px;
            display: -webkit-flex;
            -js-display: flex;
            display: -ms-flexbox;
            display: flex;
            flex-wrap:wrap;
            padding: 60px 0 0;
            margin: 0 auto;
        }
            .contents .infoBox aside{
                width: 300px;
            }
                .contents .infoBox aside ul{

                }
                .contents .infoBox aside ul li{
                    padding-bottom: 15px;
                }
                .contents .infoBox aside ul li a{
                    display: block;
                }
                .contents .infoBox aside ul li a:hover{
                    lter:alpha(opacity=70);
                    -moz-opacity: 0.7;
                    opacity: 0.7;
                }
                .contents .infoBox aside ul li:last-child{
                    padding-bottom: 0;
                }
            .contents .infoBox .newsBox{
                width: 660px;
            }

                .contents .infoBox .newsBox .bn_sdgs{
                    margin-bottom: 50px;
                    text-align: center;
                }

                .contents .infoBox .newsBox h3{
                    margin-bottom: 30px;
					border-bottom:2px solid #333;
					padding:0 0 12px 12px;
                }
                .contents .infoBox .newsBox > dl{
					width:640px;
					margin:0 auto;
                    display: -webkit-flex;
                    -js-display: flex;
                    display: -ms-flexbox;
                    display: flex;
                    flex-wrap:wrap;
                }
                .contents .infoBox .newsBox > dl > dt{
                    box-sizing: border-box;
                    width: 100px;
                    padding:0 0 10px 0;
                    color: #a02814;
					line-height:1.6em;
                }
                .contents .infoBox .newsBox > dl > dt:last-child{
                    padding: 0;
                }
				/*
                .contents .infoBox .newsBox > dl > dt::before{
                    background: #e2e2e2;
                    color: #505050;
                    display: inline-block;
                    width: 70px;
                    font-size: 11px;
            		font-size: 1.1rem;
                    text-align: center;
                    vertical-align:middle;
                    padding: 5px 0;
                    margin-right: 10px;
                }
                .contents .infoBox .newsBox > dl > dt.cat1::before{
                    content: "お知らせ";
                }
                .contents .infoBox .newsBox > dl > dt.cat2::before{
                    content: "イベント";
                }
                .contents .infoBox .newsBox > dl > dt.cat3::before{
                    content: "展示場";
                }
				*/

                .contents .infoBox .newsBox > dl > dd{
                    box-sizing: border-box;
                    width: 540px;
                    padding: 0 0 15px 0;
					line-height:1.8em;
                }
                    .contents .infoBox .newsBox > dl > dd a{
                        color: #212121;
                    }
                    .contents .infoBox .newsBox > dl > dd a:hover{
                        text-decoration:underline;
                    }
                .contents .infoBox .newsBox > dl > dd:last-child{
                    padding: 0;
                }
                .contents .infoBox .newsListBox{
                    text-align: right;
                    width: 100%;
                }
        /* -- //infoBox -- */
    /* --- //mainBox --- */


    /* --- bnrBox --- */
    .contents .bnrBox{
        width:100%;
    	/* margin: 0px -500%;
    	padding: 0px 500%; */
        height: 605px;
        background: url(../shared/home/pattern.png) center top /auto repeat,
        url(../shared/home/bg_2_1920.jpg) center top /cover no-repeat;
        position: relative;
        margin-bottom: 40px;
        /* background-size: auto,cover; */
        /* padding-bottom: 75px; */
    }
        .contents .bnrBox > ul.lineSideBox{
            display: -webkit-flex;
            -js-display: flex;
            display: -ms-flexbox;
            display: flex;
            flex-wrap:wrap;
            width: 100%;
            box-sizing: border-box;
            z-index: 5;
            position: absolute;
            /* margin: 0 auto; */
        }
            .contents .bnrBox > ul.lineSideBox li{
                width: 100%;
                height: 212px;
                box-sizing: border-box;
                border-bottom: 1px dotted #e2e2e2;
            }
            .contents .bnrBox > ul.lineSideBox li:last-child{
                height: 180px;
            }
        .contents .bnrBox > ul.lineLengthBox{
            display: -webkit-flex;
            -js-display: flex;
            display: -ms-flexbox;
            display: flex;
            flex-wrap:wrap;
            width: 100%;
            box-sizing: border-box;
            justify-content: center;
            z-index: 6;
            position: absolute;
            /* margin: 0 auto; */
        }
            .contents .bnrBox > ul.lineLengthBox li{
                width: 306px;
                border-left: 1px dotted #e2e2e2;
                border-right: 1px dotted #e2e2e2;
                height: 605px;
            }

        .contents .bnrBox > .lineBox{
            display: -webkit-flex;
            -js-display: flex;
            display: -ms-flexbox;
            display: flex;
            flex-wrap:wrap;
            width: 100%;
            box-sizing: border-box;
            z-index: 5;
            position: absolute;
            margin: 0 auto;
        }
            /* .contents .bnrBox > ul.lineBox li{
                border-bottom: 1px dotted #e2e2e2;
                box-sizing: border-box;
                height: 180px;
            }
            .contents .bnrBox > ul.lineBox li:nth-child(3n-2){
                min-width: 38.4%;
                max-width: 50%;
            }
            .contents .bnrBox > ul.lineBox li:nth-child(3n-1){
                max-width: 23.2%;
                min-width: 324px;
                border-left: 1px dotted #e2e2e2;
                border-right: 1px dotted #e2e2e2;
            }
            .contents .bnrBox > ul.lineBox li:nth-child(3n){
                min-width: 38.4%;
                max-width: 50%;
            }
            .contents .bnrBox > ul.lineBox li:nth-child(-n+3){
                height: 212px;
            }
            .contents .bnrBox > ul.lineBox li:nth-last-child(-n+3){
                height: 212px;
            }
            .contents .bnrBox > ul.lineBox li:nth-child(n+7){
                border-bottom: 0;
            } */

        .contents .bnrBox > ul.imgBox{
            display: -webkit-flex;
            -js-display: flex;
            display: -ms-flexbox;
            display: flex;
            flex-wrap:wrap;
            justify-content: space-between;
            position: relative;

            flex-direction:column;
            height: 605px;
            width: 903px;
            margin: 0 auto;
            padding: 60px 0;
            box-sizing: border-box;
            z-index: 10;
        }
        .contents .bnrBox > ul.imgBox > li{
            /* width: 33.33%; */
            text-align: center;
			width:261px;
			min-height:0%;
			padding-right:60px;
        }
        .contents .bnrBox > ul.imgBox > li.posi001{
            /* position: absolute;
            bottom: 0;
            right: 448px; */
        }
        .contents .bnrBox > ul.imgBox > li.posi002{
            /* position: absolute;
            bottom: 0;
            right: 118px; */
        }
		
        .contents .bnrBox > ul.imgBox > li.nav_eco{

		}
		
        .contents .bnrBox > ul.imgBox > li.nav_shingijutsu{
		}
		
        .contents .bnrBox > ul.imgBox > li.nav_shingijutsu{
		}
		
        .contents .bnrBox > ul.imgBox > li a{
            position: relative;
            display: inline-block;
            /*border: 5px solid #fff;*/
            outline: none;
            background: #fff;
            overflow: hidden;
            /* transition: all .3s; */
			max-width:100%;
			box-shadow:0 0 5px 5px rgba(0,0,0,0.2);
        }
        .contents .bnrBox > ul.imgBox > li a:hover{
			/*
            -webkit-transform: translateY(-5px);
            -ms-transform: translateY(-5px);
            transform: translateY(-5px);
			*/
            /* filter:alpha(opacity=70);
            -moz-opacity: 0.7;
            opacity: 0.7; */
        }
            .contents .bnrBox > ul.imgBox > li a img{
                -webkit-transition: all 0.25s ease;
                -moz-transition: all 0.25s ease;
                -o-transition: all 0.25s ease;
                transition: all 0.25s ease;
				max-width:100%;
				height:auto;
            }
            .contents .bnrBox > ul.imgBox > li a span{
                opacity: 0;
            	display: block;
            	width: 100px;
            	height: 600px;
            	position: absolute;
            	top: -100px;
            	left: -200px;
            	background: rgba(255, 255, 255, 0.3);

            	-webkit-transition-property: left, top, opacity;
            	   -moz-transition-property: left, top, opacity;
            	    -ms-transition-property: left, top, opacity;
            	     -o-transition-property: left, top, opacity;
            	        transition-property: left, top, opacity;
            	-webkit-transition-duration: 0.7s, 0.5s, 0.1s;
            	   -moz-transition-duration: 0.7s, 0.5s, 0.1s;
            	    -ms-transition-duration: 0.7s, 0.5s, 0.1s;
            	     -o-transition-duration: 0.7s, 0.5s, 0.1s;
            	        transition-duration: 0.7s, 0.5s, 0.1s;
            	-webkit-transition-timing-function: ease;
            	   -moz-transition-timing-function: ease;
            	    -ms-transition-timing-function: ease;
            	     -o-transition-timing-function: ease;
            	        transition-timing-function: ease;
            	-webkit-transform: rotate(30deg);
            	   -moz-transform: rotate(30deg);
            	    -ms-transform: rotate(30deg);
            	     -o-transform: rotate(30deg);
            	        transform: rotate(30deg);
            }
            .contents .bnrBox > ul.imgBox > li a:hover img{
                opacity:0.7;
            	-webkit-transform: scale(1.1,1.1);
            	-moz-transform: scale(1.1,1.1);
            	-o-transform: scale(1.1,1.1);
            	transform: scale(1.1,1.1);
            }
            .contents .bnrBox > ul.imgBox > li a:hover span{
                opacity: 1;
            	top: -50px;
            	left: 280px;
            }

        /* .contents .bnrBox > ul > li a::before,
        .contents .bnrBox > ul > li a::after{
            position: absolute;
            z-index: 2;
            content: '';
            width: 0;
            height: 0;
            border: 5px solid transparent;
        }
        .contents .bnrBox > ul > li a::before {
          top: -5px;
          left: -5px;
        }
        .contents .bnrBox > ul > li a::after {
          bottom: -5px;
          right: -5px;
        }
        .contents .bnrBox > ul > li a:hover::before,
        .contents .bnrBox > ul > li a:hover::after {
          width: 100%;
          height: 100%;
        }
        .contents .bnrBox > ul > li a:hover::before {
          border-bottom-color: #a6250f;
          border-left-color: #a6250f;
          transition: height .3s, width .3s .3s;
        }
        .contents .bnrBox > ul > li a:hover::after {
          border-top-color: #a6250f;
          border-right-color: #a6250f;
          transition: height .3s, width .3s .3s;
        } */
        /* .contents .bnrBox > ul li:nth-child(3n + 1) { order: 1; }
        .contents .bnrBox > ul li:nth-child(3n + 2) { order: 2; }
        .contents .bnrBox > ul li:nth-child(3n + 3) { order: 3; } */

    /* --- //bnrBox --- */

	.snsBox_wrapper,
	.contactBox_wrapper{
		width:100%;
	}

    /* --- snsBox --- */
    .contents .snsBox{
        width: 960px;
        display: -webkit-flex;
        -js-display: flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap:wrap;
        justify-content: space-between;
        border-bottom: #b9b9b9 1px solid;
        padding-bottom: 75px;
        margin:0 auto 50px auto;
    }
        .contents .snsBox .instaBox{
            width: 460px;
            /* width: 45%; */
            text-align: center;
        }
            .contents .snsBox .instaBox h3{
                padding-bottom: 24px;
            }

            .contents .snsBox .instaBox > .box_inner{
				width:460px;
			}

            .contents .snsBox .instaBox > .box_inner ul{
				display:flex;
				flex-wrap:wrap;
				/* justify-content:space-between; */
			}

            .contents .snsBox .instaBox > .box_inner ul li{
				width:150px;
				margin-bottom:5px;
                margin-right: 5px;
                background: #333;
                /* position: relative;
                overflow: hidden; */
			}
                .contents .snsBox .instaBox > .box_inner ul li:nth-child(3n){
                    margin-right: 0;
                }
                .contents .snsBox .instaBox > .box_inner ul li:nth-child(n+7){
                    margin-bottom:0;
                }
                /* .contents .snsBox .instaBox > .box_inner ul li:before,
                .contents .snsBox .instaBox > .box_inner ul li:after,
                .contents .snsBox .instaBox > .box_inner ul li a:before,
                .contents .snsBox .instaBox > .box_inner ul li a:after {
                    content: '';
                    position: absolute;
                    background: #a6250f;
                }
                .contents .snsBox .instaBox > .box_inner ul li:before {
                    bottom: 0;
                    left: -140px;
                    width: 140px;
                    height: 5px;
                }
                .contents .snsBox .instaBox > .box_inner ul li:after {
                    bottom: -140px;
                    right: 0;
                    width: 5px;
                    height: 140px;
                }
                .contents .snsBox .instaBox > .box_inner ul li a:before {
                    top: 0;
                    right: -140px;
                    width: 140px;
                    height: 5px;
                }
                .contents .snsBox .instaBox > .box_inner ul li a:after {
                    top: -140px;
                    left: 0;
                    width: 5px;
                    height: 140px;
                }
                .contents .snsBox .instaBox > .box_inner ul li:hover:before {
                    animation: leftAnim 0.8s linear 0s infinite;
                }
                .contents .snsBox .instaBox > .box_inner ul li:hover:after {
                    animation: bottomAnim 0.8s linear .4s infinite;
                }
                .contents .snsBox .instaBox > .box_inner ul li a:hover:before {
                    animation: rightAnim 0.8s linear 0s infinite;
                }
                .contents .snsBox .instaBox > .box_inner ul li a:hover:after {
                    animation: topAnim 0.8s linear .4s infinite;
                }

                @keyframes topAnim {
                    0% {top:-140px;}
                    100% {top:140px;}
                }
                @keyframes bottomAnim {
                    0% {bottom:-140px;}
                    100% {bottom:140px;}
                }
                @keyframes rightAnim {
                    0% {right:-140px;}
                    100% {right:140px;}
                }
                @keyframes leftAnim {
                    0% {left:-140px;}
                    100% {left:140px;}
                } */
            .contents .snsBox .instaBox > .box_inner ul li a{
                display: block;
                position: relative;
            }
                .contents .snsBox .instaBox > .box_inner ul li a img{
                    -webkit-transition: all 0.25s ease;
                	-moz-transition: all 0.25s ease;
                	-o-transition: all 0.25s ease;
                    transition: all 0.25s ease;
                }
                .contents .snsBox .instaBox > .box_inner ul li a:hover img{
                    filter:alpha(opacity=40);
                    -moz-opacity: 0.4;
                    opacity: 0.4;
                }
                .contents .snsBox .instaBox > .box_inner ul li a span{
                    display: block;
                    position: absolute;
                    width: 100%;
                    top: 65px;
                    filter:alpha(opacity=0);
                    -moz-opacity: 0.0;
                    opacity: 0.0;
                    color: #fff;
                    -webkit-transition: all 0.25s ease;
                	-moz-transition: all 0.25s ease;
                	-o-transition: all 0.25s ease;
                    transition: all 0.25s ease;
                }
                .contents .snsBox .instaBox > .box_inner ul li a:hover span{
                    filter:alpha(opacity=100);
                    -moz-opacity: 1.0;
                    opacity: 1.0;
                }
                .contents .snsBox .instaBox > .box_inner ul li a:hover span._comment{
                    top: 85px;
                }
                    .contents .snsBox .instaBox > .box_inner ul li a:hover span._good::before{
                        font-family: FontAwesome;
                        content: "\f004";
                    }
                    .contents .snsBox .instaBox > .box_inner ul li a:hover span._comment::before{
                        font-family: FontAwesome;
                        content: "\f075";

                    }

            .contents .snsBox .instaBox > .box_inner ul li img{
				width:100%;
			}


        .contents .snsBox .faceBox{
            width: 400px;
            text-align: center;
        }
		
            .contents .snsBox .faceBox h3{
                padding-bottom: 30px;
            }
			
    /* --- //bnrBox --- */

    /* --- contactBox --- */
    .contents .contactBox{
        width: 960px;
		margin:0 auto;
		/*
        display: -webkit-flex;
        -js-display: flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap:wrap;
		*/
    }
        .contents .contactBox h3{
            width: 100%;
            text-align: center;
            padding-bottom: 50px;
        }

        .contents .contactBox > .box_inner{
            display: -webkit-flex;
            -js-display: flex;
            display: -ms-flexbox;
            display: flex;
            flex-wrap:wrap;
			justify-content:space-between;
			width:920px;
			margin:0 auto;
        }


/* ------------------------------------------------------------ *** */

/*画面幅が狭くなった時の背景調整*/
/*
@media screen and (max-width:1800px){
    .contents .mainBox{
        background: url(../shared/home/bg_leaf_02.png) right -180px top 1140px no-repeat,
        url(../shared/home/bg_leaf_01.png) -180px 500px no-repeat,
        url(../shared/home/bg_01.gif) center 454px no-repeat;
    }
}

@media screen and (max-width:1300px){
    .contents .mainBox{
        background: url(../shared/home/bg_leaf_02.png) right -530px top 1140px no-repeat,
        url(../shared/home/bg_leaf_01.png) -530px 500px no-repeat,
        url(../shared/home/bg_01.gif) center 454px no-repeat;
    }
}
*/

/*本社のみ問い合わせボックス*/
.honshaContactBox{}

	.honshaContactBox > .box_header{
		text-align:center;
		margin-bottom:1.2em;

		font-size:1.2em;
	}
	
		.honshaContactBox > .box_header > h3{
			margin-bottom:40px;
		}
	
	.honshaContactBox > .box_inner .contactPhoneBox{
		display:flex;
		justify-content:center;
		margin-bottom:15px;
	}
	
	.honshaContactBox > .box_inner .tel_reception{
		text-align:center;
		font-size:1.1em;
		margin-bottom:25px;
	}
	
		.honshaContactBox > .box_inner .tel_reception span{
			margin-right:1em;
		}
		
	.honshaContactBox > .box_inner .contactLinkBox{
		display:flex;
		justify-content:center;
	}
	
		.honshaContactBox > .box_inner .contactLinkBox li{
			width:280px;
		}
		
		.honshaContactBox > .box_inner .contactLinkBox li.btn_shiryo_seikyu{
			margin-right:20px;
		}
		
		.honshaContactBox > .box_inner .contactLinkBox li a{
			width:100%;
			padding:10px 0 12px 0;
			font-size:1.2em;
			box-sizing:border-box;
			color: #a02814;
			display: block;
			border: 1px solid #a02814;
			text-align:center;
		}
		
		.honshaContactBox > .box_inner .contactLinkBox li a:hover{
			background:rgba(160,40,20,0.1);
		}
		
		.honshaContactBox > .box_inner .contactLinkBox li.btn_shiryo_seikyu a:before{
			content:url(/shared/icon_shiryo_seikyu.png);
			margin-right:15px;
			position:relative;
			top:3px;
		}
		
		.honshaContactBox > .box_inner .contactLinkBox li.btn_otoiawase a:before{
			content:url(/shared/icon_otoiawase.png);
			margin-right:15px;
			position:relative;
			top:3px;
		}
		
/*新 お問い合わせ電話ボックス*/
.contact_phone{
	text-align:center;
	margin-bottom:1em;
}

	.contact_phone .sp_tel_btn{
		display:none;
	}
	
.reception_time{
	display:flex;
	justify-content:center;
	font-size:1.05em;
	margin-bottom:2em;
}

	.reception_time dt{
		margin-right:1em;
	}
	
/*highlight_bnr*/
.highlight_bnr_wrapper{
	width:800px;
	margin:0 auto 60px auto;
}

    .highlight_bnr_wrapper .highlight_item {
            margin-bottom: 20px;
        }

	.highlight_bnr_wrapper .highlight_item a{
		display:block;
		transition:.3s all ease;
	}
	
	.highlight_bnr_wrapper .highlight_item a:hover{
		opacity:0.7;
	}
	
	

	.highlight_bnr_wrapper .slick-dots li button:before{
		font-size:10px;
	}

	.highlight_bnr_wrapper .slick-dots li button:hover:before {
		color:#e6be4d;
		opacity: 0.5;
	}
	
	.highlight_bnr_wrapper .slick-dots li.slick-active button:before {
		color:#e6be4d;
		opacity: 1;
	}

	.contents .mainVisual.tmp{}
	
		.contents .mainVisual.tmp > .box_inner{
			position: relative;
			z-index: 1;
		}
	
		.contents .mainVisual.tmp > .bn_goto_land{
			position: absolute;
			bottom: -110px;
			right: calc(50% - 660px);
			z-index: 2;
			width: 234px;
			height: 234px;
		}
	
			.contents .mainVisual.tmp > .bn_goto_land a{
				display: block;
				width: 100%;
				height: 100%;
				transition: .3s all ease;
			}
	
			.contents .mainVisual.tmp > .bn_goto_land a:hover{
				transform: scale(1.1,1.1);
				filter: contrast(130%);
			}
	
				.contents .mainVisual.tmp > .bn_goto_land a img{
					max-width: 100%;
					height: auto;
				}


@media screen and (max-width:480px){
/*##### SP #####*/
    /* ---------------------------------------------- header */
    header{
        height: auto;
    }

    /* ---------------------------------------------- *** */

    /* ---------------------------------------------- contents */
    .contents{
        background-image: none;
    }

        /* --- mainBox --- */
        .contents .mainBox{
            background-image: none;
        }

		.contents .mainBox:before{
			content:none;
		}

		.contents .mainBox:after{
			content:none;
		}

		.contents .mainBox .yutakana_box{
			padding:0 0 30px;
			box-sizing:border-box;
		}

            .contents .mainBox h2{
                padding-left: 0;
				text-align:center;
            }

			.contents .mainBox .yutakana_box > .box_inner{
				width:auto;
				padding-left:0;
			}

			.contents .mainBox .yutakana_box > .box_inner p{
				padding:0 20px;
				text-align:left;
				line-height:1.6em;
			}

            .contents .mainBox h2 img{
				max-width:90%;
			}

			/*
            .contents .mainBox .headLineTxt{
                padding: 0 10px 30px;
            }
			*/

			.contents .mainBox .bn_exh_pht ul{
				width:auto;
			}

				.contents .mainBox .bn_exh_pht ul li,
				.contents .mainBox .bn_exh_pht ul li:last-child{
					padding:0 20px 0 30px;
				}

				.contents .mainBox .bn_exh_pht ul li:nth-child(1){
					margin-bottom:20px;
				}

            .contents .mainBox .bn_exh_pht ul a img{
				max-width:100%;
				height:auto;
            }
            .contents .mainBox > ul > li a:hover{

            }
            .contents .mainBox > ul > li:last-child{
                margin-right: 0;
            }
                .contents .mainBox > ul > li > ul{

                }
                .contents .mainBox > ul > li > ul > li{

                }
                .contents .mainBox > ul > li > ul > li h3{

                }

            /* -- mainVisual -- */
            .contents .mainVisual{
                display: none;
                /* position:relative;
                width:100%;
                height:0; */
            }
                .contents .mainVisual iframe{
                    /* position:absolute;
                    top:0;
                    left:0;
                    width:100%;
                    height:100%; */
                }
            /* -- //mainVisual -- */

			.contents .mainVisual_sp{
				display:block;
				margin-bottom:20px;
			}

				.contents .mainVisual_sp img{
					max-width:100%;
					height:auto;
				}

            /* -- infoBox -- */
            .contents .infoBox{
                width: 96%;
                padding:0 2% 0;
            }
                .contents .infoBox aside{
                    width: 100%;
                    text-align: center;
                    padding-bottom: 30px;
                }
                .contents .infoBox aside img{
                    width: auto!important;
                }
                    .contents .infoBox aside ul{

                    }
                    .contents .infoBox aside ul li{

                    }
                    .contents .infoBox aside ul li a{

                    }
                    .contents .infoBox aside ul li a:hover{

                    }
                    .contents .infoBox aside ul li:last-child{

                    }
                .contents .infoBox .newsBox{
                    width: 100%;
                }
    
                    .contents .infoBox .newsBox .bn_sdgs{
                        margin: 0 8vw 8vw;
                    }
    
                        .contents .infoBox .newsBox .bn_sdgs img{
                            max-width: 100%;
                            height: auto;
                        }
    
                    .contents .infoBox .newsBox h3{

                    }
                    .contents .infoBox .newsBox > dl{
						width:auto;
						display:block;
						padding:0 10px;
						margin-bottom:20px;
                    }
                    .contents .infoBox .newsBox > dl > dt{
						width:auto;
						padding:0;
                    }
                    .contents .infoBox .newsBox > dl > dt:last-child{

                    }
/*
                    .contents .infoBox .newsBox > dl > dt::before{
                        margin-bottom: 10px;
                    }
                    .contents .infoBox .newsBox > dl > dt.news::before{

                    }
                    .contents .infoBox .newsBox > dl > dt.event::before{

                    }
                    .contents .infoBox .newsBox > dl > dt.hall::before{

                    }
*/
                    .contents .infoBox .newsBox > dl > dd{
						width:auto;
                        padding: 0 0 5px 0;
                        line-height: 1.4em;
                    }
                        .contents .infoBox .newsBox > dl > dd a{

                        }
                        .contents .infoBox .newsBox > dl > dd a:hover{

                        }
                    .contents .infoBox .newsBox > dl > dd:last-child{

                    }
                    .contents .infoBox .newsListBox{

                    }
                        .contents .infoBox .newsListBox img{
                            width: auto!important;
                        }
            /* -- //infoBox -- */
    /* --- //mainBox --- */


    /* --- bnrBox --- */
    .contents .bnrBox{
        height: auto;
        /*background-image: none;*/
        padding: 10px;
        /*background: #333;*/
        margin-bottom: 30px;
        box-sizing:border-box;
    }
        .contents .bnrBox > ul.lineSideBox{
            display: none;
        }
            .contents .bnrBox > ul.lineSideBox li{

            }
            .contents .bnrBox > ul.lineSideBox li:last-child{

            }
        .contents .bnrBox > ul.lineLengthBox{
            display: none;
        }
            .contents .bnrBox > ul.lineLengthBox li{

            }
        .contents .bnrBox > ul.imgBox{
            width: 100%;
            height: auto;
			display:grid;
            padding: 0;
            z-index: 0;
			grid-template-rows: 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr;
			grid-template-columns: 1fr 1fr;
			grid-gap: 10px;
        }
		
            .contents .bnrBox > ul.imgBox > li{
				width:auto;
				padding:0;
            }
			
            .contents .bnrBox > ul.imgBox > li.nav_eco{
				grid-column: 1 / 2;
				grid-row: 1 / 3;
			}
			
            .contents .bnrBox > ul.imgBox > li.nav_recruit{
				grid-column: 2 / 3;
				grid-row: 1 / 2;
			}
			
            .contents .bnrBox > ul.imgBox > li.nav_mynavi{
				grid-column: 2 / 3;
				grid-row: 2 / 3;
			}
			
            .contents .bnrBox > ul.imgBox > li.nav_shingijutsu{
				grid-column: 1 / 2;
				grid-row: 3 / 4;
			}
			
            .contents .bnrBox > ul.imgBox > li.nav_land{
				grid-column: 1 / 2;
				grid-row: 4 / 5;
			}
			
            .contents .bnrBox > ul.imgBox > li.nav_gc{
				grid-column: 1 / 2;
				grid-row: 5 / 6;
			}
			
            .contents .bnrBox > ul.imgBox > li.nav_reform{
				grid-column: 2 / 3;
				grid-row: 3 / 5;
			}
		
/*
            .contents .bnrBox > ul.imgBox > li{
                width: 100%;
                padding-bottom: 20px;
            }
                .contents .bnrBox > ul.imgBox > li:last-child{
                    padding-bottom: 0;
                }
            .contents .bnrBox > ul.imgBox > li a{

            }
            .contents .bnrBox > ul.imgBox > li a:hover{

            }
                .contents .bnrBox > ul.imgBox > li a img{

                }
                .contents .bnrBox > ul.imgBox > li a span{

                }
                .contents .bnrBox > ul.imgBox > li a:hover img{

                }
                .contents .bnrBox > ul.imgBox > li a:hover span{

                }
*/
        .contents .bnrBox > ul{
            width: 100%;
            height: auto;
            padding: 0;
        }
        .contents .bnrBox > ul > li{

        }
        .contents .bnrBox > ul > li.posi001{

        }
        .contents .bnrBox > ul > li.posi002{

        }
        .contents .bnrBox > ul > li a{

        }
        .contents .bnrBox > ul > li a:hover{

        }
        .contents .bnrBox img{
            width: auto!important;
        }
    /* --- //bnrBox --- */

    /* --- snsBox --- */
    .contents .snsBox{
        width: 100%;
    }
        .contents .snsBox .instaBox{
            width: 100%;
			margin-bottom:20px;
        }
            .contents .snsBox .instaBox h3{
				padding-bottom:20px;
            }
                .contents .snsBox .instaBox h3 img{
                    width: auto!important;
                }
        .contents .snsBox .faceBox{
            width: 100%;
        }
            .contents .snsBox .faceBox h3{
				padding-bottom:20px;
            }
                .contents .snsBox .faceBox h3 img{
                    width: auto!important;
                }
				

	.contents .snsBox .instaBox > .box_inner{
		width:auto;
		padding:0 10px;
	}

		.contents .snsBox .instaBox > .box_inner ul li{
			width:33%;
			padding:0 10px 20px 10px;
			box-sizing:border-box;
			margin-bottom:0;
            margin-right: 0;
            background: none;
		}
    /* --- //bnrBox --- */

	/*contactBox*/
/*
	.contents .contactBox{
		width:auto;
	}

	.contents .contactBox h3{
		padding-bottom:20px;
	}

	.contents .contactBox > .box_inner{
		width:auto;
	}
	
	.contents .contactBox > .box_inner .contactPhoneBox{
		width:auto;
	}

	.contents .contactBox > .box_inner .contactPhoneBox p{
		font-size:1.1em;
		line-height:1.4em;
		margin-bottom:10px;
		text-align:center;
	}

		.contents .contactBox > .box_inner .contactPhoneBox p br{
			display:inline;
		}

	.contents .contactBox > .box_inner .contactPhoneBox > ul{
		text-align:center;
	}

	.contents .contactBox > .box_inner .contactPhoneBox > ul > li{
		margin-bottom:20px;
	}
	
	.contents .contactBox > .box_inner .contactPhoneBox > ul > li > ul > li{
		padding:0 10px;
	}
	
	.contents .contactBox > .box_inner .contactPhoneBox > ul > li > ul > li img{
		max-width:100%;
	}

	.contents .contactBox > .box_inner .contactPhoneBox > ul > li > ul > li:last-child{
		margin:5px 0 0 0;
	}

	.contents .contactBox ul.contactLinkBox{
		width:100%;
		text-align:center;
		margin-top:20px;
	}
*/

/*本社のみ問い合わせボックス*/
.honshaContactBox{
	margin:30px 0;
	width:100%;
	box-sizing:border-box;
	padding:0 20px;
}

	.honshaContactBox > .box_header{
		font-size:5vw;
		line-height:1.4em;
	}
	
		.honshaContactBox > .box_header > h3{
			margin-bottom:25px;
		}
	
	.honshaContactBox > .box_inner .contactPhoneBox{
		flex-direction:column;
		padding:0 10px;
		margin-bottom:0;
	}
	
	.honshaContactBox > .box_inner .contactPhoneBox li img{
		max-width:100%;
		height:auto;
	}
	
	.honshaContactBox > .box_inner .contactPhoneBox li:first-child{
		margin-right:0;
	}
	
	.honshaContactBox > .box_inner .tel_reception{
		font-size:1em;
		margin-bottom:20px;
		padding-top:0.5em;
	}
	
	.honshaContactBox > .box_inner .contactLinkBox{
		flex-direction:column;
	}
	
		.honshaContactBox > .box_inner .contactLinkBox li{
			width:100%;
			margin-bottom:20px;
		}
		
		.honshaContactBox > .box_inner .contactLinkBox li:last-child{
			margin-bottom:0;
		}
		
		.honshaContactBox > .box_inner .contactLinkBox li.btn_shiryo_seikyu{
			margin-right:0;
		}
		
		.honshaContactBox > .box_inner .contactLinkBox li a{
			padding:10px 0 12px 0;
			font-size:5vw;
		}

	/*新 お問い合わせ電話ボックス*/
	.contact_phone img{
		display:none;
	}

	.contact_phone .sp_tel_btn{
		display:block;
		width:80%;
		margin:0 auto;
		color:#fff;
		border-radius:4px;
		padding:0.7em 0;
		border:1px solid #fff;
		box-shadow:0 0 2px 2px rgba(0,0,0,0.1);
		background: rgba(160,41,20,1);
		background: -moz-linear-gradient(top, rgba(160,41,20,1) 0%, rgba(160,41,20,1) 49%, rgba(138,28,8,1) 50%, rgba(138,28,8,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(160,41,20,1)), color-stop(49%, rgba(160,41,20,1)), color-stop(50%, rgba(138,28,8,1)), color-stop(100%, rgba(138,28,8,1)));
		background: -webkit-linear-gradient(top, rgba(160,41,20,1) 0%, rgba(160,41,20,1) 49%, rgba(138,28,8,1) 50%, rgba(138,28,8,1) 100%);
		background: -o-linear-gradient(top, rgba(160,41,20,1) 0%, rgba(160,41,20,1) 49%, rgba(138,28,8,1) 50%, rgba(138,28,8,1) 100%);
		background: -ms-linear-gradient(top, rgba(160,41,20,1) 0%, rgba(160,41,20,1) 49%, rgba(138,28,8,1) 50%, rgba(138,28,8,1) 100%);
		background: linear-gradient(to bottom, rgba(160,41,20,1) 0%, rgba(160,41,20,1) 49%, rgba(138,28,8,1) 50%, rgba(138,28,8,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a02914', endColorstr='#8a1c08', GradientType=0 );
	}
	
		.contact_phone .sp_tel_btn .sp_tel_btn_header{
			display:block;
			font-size:3.6vw;
			font-weight:bold;
			margin-bottom:0.5em;
		}
		
		.contact_phone .sp_tel_btn .sp_tel_btn_inner{
			display:flex;
			justify-content:center;
			align-items:center;
			width:100%;
			font-weight:bold;
		}
		
			.contact_phone .sp_tel_btn .sp_tel_btn_inner .lbl_honsha{
				font-size:3.6vw;
				margin-right:0.5em;
			}
			
			.contact_phone .sp_tel_btn .sp_tel_btn_inner .lbl_telno{
				font-size:5vw;
			}
			
				.contact_phone .sp_tel_btn .sp_tel_btn_inner .lbl_telno:before{
					font-weight:normal;
					font-family: FontAwesome;
					content:"\f095";
					margin-right:0.2em;
				}
				
/*highlight_bnr*/
.highlight_bnr_wrapper{
	width:90%;
	margin:0 auto 8vw auto;
}
    .highlight_bnr_wrapper .highlight_item{
	margin-bottom: 3vw;
    }

	.highlight_bnr_wrapper .highlight_item a img,
	.highlight_bnr_wrapper .highlight_item span img{
		max-width:100%;
		height:auto;
	}
	
	.highlight_bnr_wrapper .slick-dots li button:before{
		font-size:3vw;
	}
	
	.mainVisual_sp.tmp{
		margin-bottom: 8vw;
	}
	
		.mainVisual_sp.tmp img{
			position:relative;
			z-index: 1;
		}
	
		.mainVisual_sp.tmp .bn_goto_land{
			position: absolute;
			z-index: 2;
			right: 2vw;
			bottom: -6vw;
			width: 25vw;
			height: 25vw;
		}
	
			.mainVisual_sp.tmp .bn_goto_land a{
				display: block;
			}

}