@charset "UTF-8";

/***************************************************

	SHELD

***************************************************/


.clearfix:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

.pc-on{display: block;}
.sp-on{display: none;}


.b-o-header_inner {
	position: relative;
}

.b-o-header_inner h1{
	font-size: 26px;
	color: #418A5B;
	line-height: 1;
	margin: 0;
	position: fixed;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
}

.b-o-header_inner h1::after,
.b-o-header_inner h1::before{
	content: "";
	display: inline-block;
	width: 9px;
	height: 27px;
	border-radius: 2px;
	background: #418A5B;
	position: absolute;
	top: 0;
}

.b-o-header_inner h1::before{
	left: -25px;
}

.b-o-header_inner h1::after{
	right: -25px;
}

.b-o-header_inner h1 a{
	color: #418A5B;
	text-decoration: none;
}

.header_shedl_logo{
	position: fixed;
	top: 22px;
	right: 90px;
	width: 83px;
}

.sh_contblock .cont_title h4 span.sh_color{
	font-size: 22px;
	color: #da8c33;
}

.sh_contlist02 ul li .name h4 span.sh_color{
	font-size: 20px;
	color: #da8c33;
}


/**********  **********/


#navi_area{
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999;
}

#navi_area .navi_back{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	visibility:hidden;
	background: rgba(11,11,11,0);
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

#navi_area .navi_back.active{
	visibility:visible;
	background: rgba(11,11,11,0.8);
}

#navi_area .nav_btn{
	position: fixed;
	top: 18px;
	right: 18px;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	background: rgba(255,255,255,1);
	cursor: pointer;
}

#navi_area .nav_btn span{
	display: block;
	width: 22px;
	height: 2px;
	background: #000;
	border-radius: 5px;
	position: absolute;
	top: 7px;
	left: 5px;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

#navi_area .nav_btn span:nth-child(2){
	top: 15px
}

#navi_area .nav_btn span:nth-child(3){
	top: 23px
}

#navi_area .nav_btn.open span:nth-child(1){
	top: 15px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#navi_area .nav_btn.open span:nth-child(2){
	display: none;
}

#navi_area .nav_btn.open span:nth-child(3){
	top: 15px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


#navi_area .nav_area{
	position: fixed;
	top: 80px;
	right: -422px;
	z-index: 999;
	width: 412px;
	box-sizing: border-box;
	padding: 45px 45px;
	background: #fff;
	box-shadow:1px 2px 6px 3px #5e5e5e;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

#navi_area .nav_area.active{
	right: 0;
}

#navi_area .nav_area li{
	margin: 0;
	border-bottom: 1px solid #82828b;
}

#navi_area .nav_area li:last-child{
	margin-bottom: 0;
	border-bottom: none;
}

#navi_area .nav_area li .category-name{
	display: block;
	position: relative;
	font-size: 16px;
	color: #418A5B;
	font-weight: bold;
	line-height: 1;
	padding: 12px 0 12px 12px;

	cursor: pointer;
}

#navi_area .nav_area li .category-name:last-child{

}

#navi_area .nav_area li .category-name::after{
    content: "+";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	color: #82828b;
	font-size: 16px;
	transform: translateY(-50%);
}

#navi_area .nav_area li .category-name.open::after{
    content: "-";
}

#navi_area .nav_area li .category-name .sub_name{
	font-size: 12px;
	margin: 0 0 0 12px;
	color: #757575;
}

#navi_area .nav_area li .sub-list{
	display: none;
	padding: 0 12px 12px;
}

#navi_area .nav_area li .sub-list li{

}


#navi_area .nav_area li a{
	display: block;
	line-height: 1.3;
	position: relative;
	font-size: 13px;
	padding: 8px 20px 8px 8px;
	color: #757575;
	text-decoration: none;
}

#navi_area .nav_area li a:before {
    content: '';
    width: 0;
    height: 0;
    border: solid 3px transparent;
    border-left: solid 4px #82828b;
    position: absolute;
    top: 50%;
    right: 0;
	transform: translateY(-50%);
}



#sheld_head{
	max-width: 1200px;
	margin: 70px auto 0;
	padding: 0 20px;
}

#sheld_head h2{
	margin: 0 auto 60px;
	position: relative;
}

#sheld_head h2 .h2_image{
	display: block;
	width: auto;
	height: 30px;
	position: relative;
	padding: 0 0 0 48px;
}

#sheld_head h2 .h2_image img{
	width: auto;
	height: 100%;
}

#sheld_head h2 .sub_name{
	margin-left: 20px;
}

#sheld_head h2::after{
	content: "";
	width: auto;
	height: 4px;
	background: #d6d95f;
	margin: auto;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 20px;
	right: 20px;
	z-index: -1;
}


#sheld_anchor{
	text-align: center;
	margin: 0 0 60px;
}

#sheld_anchor ul{
	margin: auto;
	padding: 0;
}

#sheld_anchor ul li{
	display: inline-block;
	margin: 0 12px;
}

#sheld_anchor ul li.head span{
	font-weight: bold;
}

#sheld_anchor ul li a{
	display: block;
	border: 1px solid #418A5B;
	border-radius: 4px;
	line-height: 1;
	font-size: 14px;
	color: #418A5B;
	font-weight: bold;
	text-decoration: none;
	padding: 8px 46px 8px 17px;
	position: relative;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

#sheld_anchor ul li a:before {
    content: '';
    width: 9px;
    height: 9px;
    border: 0px;
    border-top: solid 2px #418A5B;
    border-right: solid 2px #418A5B;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 14px;
    margin-top: -6px;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

#sheld_anchor ul li a:hover{
	color: #fff;
	background: #418A5B;
}

#sheld_anchor ul li a:hover:before {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}



#sheld_wrapp{
	max-width: 1100px;
	margin: 0 auto 200px;
	padding: 0 20px 0;
}

#sheld_wrapp h3{
	border-bottom: 4px solid #418A5B;
	margin: 0 0 40px;
}

.sheld_contwrapp{
	margin: -60px 0 114px;
	padding-top: 60px;
}

.sheld_contwrapp h3 > span{
	display: inline-block;
	background: #418A5B;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	padding: 16px 68px 16px 20px;
	position: relative;
}

.sheld_contwrapp h3 > span:after {
	content: "";
	border: none;
	border-right: solid 36px white;
	border-bottom: solid 58px transparent;
	position: absolute;
	right: -2px;
	top: -2px;
	z-index: 1;
}

.sheld_contwrapp h3 > span > span{
	font-size: 0.7em;
}

.sheld_contwrapp .caption{
	margin: 0 20px 37px;
	font-size: 18px;
	line-height: 1.8;
}

.sheld_contwrapp .relation{
	margin: 0 20px 44px;
	font-size: 16px;
	color: #494848;
	line-height: 1.2;
}


.sheld_contwrapp .sh_contblock{
	/*margin: 0 20px 120px;*/
	margin: 0 20px 40px;
	position: relative;
	
	border-bottom: 1px solid #e5e5e5;
}

.sheld_contwrapp .sh_contblock.areaup{
	margin-top: -40px;
}


/*
.sheld_contwrapp .sh_contblock::after{
	content: "";
	width: 225px;
	height: 6px;
	background: #418A5B;
	display: inline-block;
	margin: auto;
	position: absolute;
	bottom: -60px;
	left: 0;
	right: 0;
}
*/

.sheld_contwrapp .sh_contblock:last-child::after{
	content: "";
	width: 0;
	height: 0;
}

.sh_contblock .cont_title{
	display: table;
	margin: 0 0 30px;
}

.sh_contblock .cont_title .link_box,
.sh_contblock .cont_title h4{
	display: table-cell;
	vertical-align: middle;
	line-height: 1;
}

.sh_contblock .cont_title h4{
	font-size: 22px;
	color: #418A5B;
	font-weight: bold;
	padding-right: 60px;
}

.sh_contblock .cont_title h4 span{
	font-size: 16px;
	color: #000;
}

.sh_contblock .link_box > span,
.sh_contblock .link_box a{
	display: inline-block;
	border: 1px solid #418A5B;
	border-radius: 4px;
	line-height: 1.3;
	padding: 5px 46px 5px 10px;
	font-size: 14px;
	color: #418A5B;
	font-weight: bold;
	text-decoration: none;
	position: relative;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.sh_contblock .link_box > span{
	padding: 5px 10px;
	border: 1px solid #e5e5e5;
}

.sh_contblock .link_box a::before {
    content: "";
	width: 15px;
	height: 15px;
	background: url(../images/common/icon_link01.png);
	background-size: contain;
    display: inline-block;
    position: absolute;
    top: 7px;
    right: 8px;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.sh_contblock .link_box a:hover{
	background:  #418A5B;
	color: #fff;
}

.sh_contblock .link_box a:hover::before {
	background: url(../images/common/icon_link01_hover.png);
}

.sh_contblock .item_caption{
	margin: -12px 0 30px;
	font-weight: bold;
	line-height: 1.3;
}

.sh_contlist01 li{
	float: left;
	width: 30%;
	margin: 0 5% 40px 0;
}

.sh_contlist01 li:nth-child(3n+3){
	margin-right: 0;
}

.sh_contlist01 li > span,
.sh_contlist01 li a{
	display: block;
	color: #000;
	text-decoration: none;
}

.sh_contlist01 li > span .image,
.sh_contlist01 li a .image{
	overflow:hidden;
}

.sh_contlist01 li > span img,
.sh_contlist01 li a img{
	width: 100%;
	height: auto;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.sh_contlist01 li a:hover img{
	transform:scale(1.1,1.1);
}

.sh_contlist01 li a .image{
	position: relative;
}

.sh_contlist01 li a .image::after{
	content: '';
	display: inline-block;
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 26px;
	height: 26px;
	background: url('../images/common/icon_modal02.png') no-repeat 0 0;
	background-size: contain;
}


.sh_contlist01 li a span{
	display: block;
}

.sh_contlist01 li a span.s-caption{
	font-size: 14px;
	line-height: 1.4;
	margin: 10px 0 0;
}

.sh_contlist02 ul{
	/*margin: 0 16px;*/
	margin: 0;
	padding: 0;
}

.sh_contlist02 ul li{
	display: table;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	padding: 13px 0;
}

.sh_contlist02 ul li:last-child{
	border-bottom: none;
}

.sh_contlist02 ul li .link_box,
.sh_contlist02 ul li .name{
	display: table-cell;
	vertical-align: middle;
}

.sh_contlist02 ul li .name{
	/*padding-left: 30px;*/
	font-size: 20px;
	color: #418A5B;
	font-weight: bold;
}

.sh_contlist02 ul li .name h4 span {
    font-size: 16px;
    color: #000;
}

.sh_contlist02 ul li .link_box{
	/*padding-right: 30px;*/
	width: 196px;
}

.sh_contblock .sh_contlist02 .link_box > span,
.sh_contblock .sh_contlist02 .link_box a{
	width: 200px;
}

.sh_contblock .sh_contlist02 .link_box > .link_btn{
	margin: 0 0 12px;
}

.sh_contblock .sh_contlist02 .link_box > .link_btn:last-child{
	margin-bottom: 0;
}


#page-top{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #418A5B;
    position: fixed;
    bottom: 87px;
    right: 34px;
	cursor: pointer;
	z-index: 99;
}

#page-top:before {
    content: '';
    width: 20px;
    height: 20px;
    border: 0px;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -10px;
}



.cont_anchor{
	text-align: center;
	margin: 0 0 60px;
}

.cont_anchor ul li{
	display: inline-block;
	margin: 0 12px;
}

.cont_anchor ul li a {
    display: block;
    border-bottom: 1px solid #418A5B;
    line-height: 1;
    font-size: 13px;
    color: #418A5B;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 35px 8px 10px;
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.cont_anchor ul li a:before {
    content: '';
    width: 9px;
    height: 9px;
    border: 0px;
    border-top: solid 2px #418A5B;
    border-right: solid 2px #418A5B;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -11px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.lighting_contwrapp{
	margin: -40px 0 60px;
	padding-top: 40px;
}

.lighting_contwrapp .cont-title{
	line-height: 1;
	border-left: 14px solid #418A5B;
	margin: 0px 40px 20px;
	padding: 0 0 0 12px;
	font-size: 20px;
	font-weight: bold;

}




/********** modal修正 **********/

.mfp-fade.mfp-bg.mfp-ready {
    background: #0b0b0b !important;
    opacity: .8!important;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-pointer !important;
    cursor: -webkit-pointer !important;
    cursor: pointer !important;
}


/********************************************************************************
	リキッド調整用 CSS
********************************************************************************/

@media (max-width: 1160px) {

.b-o-header_inner h1 {
    /*font-size: 2.241379vw;*/
}

}


/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media (max-width: 767px) {

.pc-on{display: none;}
.sp-on{display: block;}

.b-o-header_inner {
	position: relative;
}

.b-o-header_inner h1{
	font-size: 2.6vw;
	line-height: 1.2;
	text-align: center;
	top: 26px;
}

.b-o-header_inner h1::after,
.b-o-header_inner h1::before{
	width: 0;
	height: 0;
}

.header_shedl_logo{
	top: 23px;
	right: 52px;
	width: 44px;
}

.sh_contblock .cont_title h4 span.sh_color{
	font-size: 4.266667vw;
}

.sh_contlist02 ul li .name h4 span.sh_color{
	font-size: 3.733333vw;
}



/**********  **********/


#navi_area .nav_btn{
	top: 20px;
	right: 12px;
	width: 26px;
	height: 26px;
}

#navi_area .nav_btn span{
	width: 16px;
	height: 2px;
	top: 5px;
	left: 5px;
}

#navi_area .nav_btn span:nth-child(2){
	top: 12px
}

#navi_area .nav_btn span:nth-child(3){
	top: 19px
}

#navi_area .nav_btn.open span:nth-child(1){
	top: 12px
}

#navi_area .nav_btn.open span:nth-child(3){
	top: 12px
}

#navi_area .nav_area{
	top: 68px;
	right: -290px;
	z-index: 999;
	width: 280px;
	padding: 14px 10px;
	box-shadow:1px 2px 6px 3px #5e5e5e;
}

#navi_area .nav_area li{

}

#navi_area .nav_area li .category-name {
    font-size: 14px;
    padding: 8px 0 8px 8px;
}

#navi_area .nav_area li .category-name .sub_name {
    font-size: 11px;
    margin: 0 0 0 10px;
}

#navi_area .nav_area li .sub-list {
    padding: 0 8px 8px;
}

#navi_area .nav_area li a{
	font-size: 13px;
	padding: 4px 14px 4px 4px;
}



#sheld_head{
	margin: 30px auto 0;
	padding: 0;
}

#sheld_head h2{
	margin: 0 6% 40px;
}

#sheld_head h2 .h2_image{
	height: 22px;
	padding: 0 0 0 20px;
}

#sheld_head h2 .sub_name{
	margin: 8px 0 0 2px;
	font-size: 11px;
	display: block;
}

#sheld_head h2::after{
	height: 3px;
	left: 0;
	right: 0;
}


#sheld_anchor{
	text-align: left;
	margin: 0 0 12px;
}

#sheld_anchor ul{
	margin: 0 8.6%;
	padding: 0;
}

#sheld_anchor ul li{
	margin: 0 12px 15px 0;
}

#sheld_anchor ul li.head{
	float: none;
	display: block;
	width: 100%;
	text-align: center;
}

#sheld_anchor ul li a{
	font-size: 3.2vw;
	padding: 7px 28px 7px 13px;
}

#sheld_anchor ul li a:before {
    width: 7px;
    height: 7px;
    right: 9px;
    margin-top: -5px;

}

#sheld_anchor ul li a:hover{
	color: #fff;
	background: #418A5B;
}

#sheld_anchor ul li a:hover:before {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}



#sheld_wrapp{
	margin: 0 6% 60px;
	padding: 0;
}

#sheld_wrapp h3{
	border-bottom: none;
	margin: 0 0 16px;
}

.sheld_contwrapp{
	margin: -40px 0 50px;
	padding-top: 40px;
}

.sheld_contwrapp h3 > span{
	display: block;
	font-size: 4.533333vw;
	padding: 9px 15px 9px 15px;
}

.sheld_contwrapp h3 > span:after {
	border-right: none;
	border-bottom: none;
}

.sheld_contwrapp h3 > span > span{
	display: block;
	margin: 6px 0 0;
}

.sheld_contwrapp .caption{
	margin: 0 0 18px;
	font-size: 3.733333vw;
}

.sheld_contwrapp .relation{
	margin: 0 0 23px;
	font-size: 3.2vw;
}


.sheld_contwrapp .sh_contblock{
	/*margin: 0 0 78px;*/
	margin: 0 0 20px;
}

.sheld_contwrapp .sh_contblock.areaup{
	margin-top: -20px;
}

/*
.sheld_contwrapp .sh_contblock::after{
	width: 113px;
	height: 3px;
	bottom: -39px;
}
*/


.sh_contblock .cont_title{
	display: block;
	margin: 0 0 17px;
}

.sh_contblock .cont_title .link_box,
.sh_contblock .cont_title h4{
	display: block;
}

.sh_contblock .cont_title h4{
	font-size: 4.266667vw;
	padding-right: 0;
	margin: 0 0 17px;
}

.sh_contblock .cont_title h4 span{
	font-size: 2.933333vw;
}

.sh_contblock .link_box > span,
.sh_contblock .link_box a{
	line-height: 1;
	padding: 8px 32px 8px 13px;
	margin: 0 10px 10px 0;
	font-size: 3.2vw;
}

.sh_contblock .link_box > span{
	padding: 8px 13px;
}

.sh_contblock .link_box a::before {
	width: 12px;
	height: 12px;
    top: 6px;
    right: 5px;
}

.sh_contblock .item_caption{
	margin: -1px 0 16px;
	font-size: 3.733333vw;
}

.sh_contlist01 li{
	float: left;
	width: 46%;
	margin: 0 0 20px;
}

.sh_contlist01 li:nth-child(even){
	float: right;
}

.sh_contlist01 li a .image::after{
	width: 20px;
	height: 20px;
}

.sh_contlist01 li a span.s-caption{
	font-size: 2.666667vw;
	margin: 6px 0 0;
}

.sh_contlist02 ul{
	margin: 0;
}

.sh_contlist02 ul li{
	padding: 15px 0;
}

.sh_contlist02 ul li .name{
	padding-left: 0;
	font-size: 3.733333vw;
}

.sh_contlist02 ul li .name h4 span {
    font-size: 2.933333vw;
}

.sh_contlist02 ul li .link_box{
	padding-right: 0;
	width: 112px;
}

.sh_contblock .sh_contlist02 .link_box > span,
.sh_contblock .sh_contlist02 .link_box a{
	width: 100%;
	font-size: 2.666667vw;
	padding: 6px 13px 6px 6px;
}

.sh_contblock .sh_contlist02 .link_box > .link_btn{
	margin: 0 0 12px;
}

#page-top{
	width: 40px;
	height: 40px;
    bottom: 25px;
    right: 15px;
}

#page-top:before {
    width: 16px;
    height: 16px;
    margin: -4px 0 0 -8px;
}



.cont_anchor{
	text-align: center;
	margin: 0 0 40px;
}

.cont_anchor ul li{
	float: left;
	width: 46%;
	display: block;
	margin: 0 0 16px;
}

.cont_anchor ul li:nth-child(even){
	float: right;
}

.cont_anchor ul li a {
    font-size: 11px;
    padding: 0px 10px 5px 0px;
}

.cont_anchor ul li a:before {
    content: '';
    width: 7px;
    height: 7px;
    right: 10px;
    margin-top: -7px;
}

.lighting_contwrapp{
	margin: -40px 0 30px;
	padding-top: 40px;
}

.lighting_contwrapp .cont-title{
	border-left: 12px solid #418A5B;
	margin: 0px 0 20px;
	padding: 0 0 0 10px;
	font-size: 17px;
}

.sheld_contwrapp .lighting_contwrapp .sh_contblock {
    margin: 0 0 38px;
}


}