<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@media screen and (min-width:641px),
screen and (orientation: landscape){
body { background: url(../images/index/main-back.gif) center center; background-attachment: fixed; }

header { height: 140px; width: 100%; min-width: 1000px; background: #fff; position: relative; }
header p{ position: absolute; left: 47px; top: 52px;}
header h1{ font-size: 12px; text-align: right; color: #666; position: absolute; right: 20px; top: 20px;}

#gl-navi { padding-top: 15px; }

 /* 3枚表示のbxslider
-------------------------------------*/
.slider-3mai-Box-02 { overflow: hidden; position: relative; width: 100%; }

.slider-3mai-Box-02 .slider-3mai { position: relative; left: 50%; width: 2640px; margin-left: -1320px; }

.slider-3mai-Box-02 .slider-3mai li { width: 880px !important; margin-left: auto; margin-right: auto; margin-bottom: 30px; position: relative; }

.slider-3mai-Box-02 .bx-wrapper .bx-controls-direction a { position: absolute; top: 45%; margin-top: -16px; outline: 0; width: 50px; height: 50px; text-indent: -9999px; z-index: 9999; }

.slider-3mai-Box-02 .bx-wrapper .bx-prev { left: 830px; background-image: url(../images/index/bx-l.png); background-position: 0 0; }

.slider-3mai-Box-02 .bx-wrapper .bx-next { right: 830px; background-image: url(../images/index/bx-r.png); background-position: 0 0; }

.slider-3mai-Box-02 .bx-wrapper img { width: 880px; display: block; margin: 0 auto; }

.slider-3mai-Box-02 .bx-wrapper .bx-prev:hover { background-position: 0 0; }

.slider-3mai-Box-02 .bx-wrapper .bx-next:hover { background-position: 0 0; }

.slider-3mai-Box-02 #slideFilterL, #slideFilterR { position: absolute; top: 0; width: 880px; height: 470px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #000; }

.slider-3mai-Box-02 #slideFilterL { left: 0; }

.slider-3mai-Box-02 #slideFilterR { right: 0; }

.slider-3mai-Box-02 .bx-wrapper { margin: 0 auto; position: relative; }

.slider-3mai-Box-02 .bx-wrapper .bx-pager { margin: 0 auto; width: 880px; background: #fff; }

.slider-3mai-Box-02 .bx-wrapper .bx-viewport { left: 0px; }

.slider-3mai-Box-02 .txt-Box { position: absolute; bottom: 0; background-color: rgba(255, 255, 255, 0.6); width: 100%; padding-left: 1.5em; color: #090909; font-size: 16px; font-weight: 700; line-height: 1.8; letter-spacing: 1px; }

.slider-3mai-Box-02 .ttl { width: 700px; padding-top: .6em; padding-bottom: .6em; }

.slider-3mai-Box-02 .dl-btn { background-color: #000; color: #ffffff; font-size: 16px; font-weight: 400; }
.slider-3mai-Box-02 .dl-btn a { width: 120px; color: #fff; display: block; text-align: center; }

.white-area { background-color: #fff; padding-top: 50px; }

.info-Box .Box-01 { width: 1100px; margin-left: auto; margin-right: auto; }

.info-Box .event-Box { width: 530px; }

.info-Box .news-Box { width: 530px; }

.info-Box .ttl { padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #0b0909; }

.event-list li { padding-bottom: 20px; margin-bottom: 16px; border-bottom: 1px dotted #000; }

.event-list .Box-l { width: 260px; }

.event-list .pic {height: 120px; text-align: center;}

.event-list .pic img{
max-width: 260px;
max-height: 120px;
}


.event-list .pic:hover{
-ms-filter: "alpha( opacity=80 )";filter: alpha( opacity=80 );opacity: 0.8;
}

.event-list .Box-r { width: 242px; }

.event-list .Box-r .date { color: #0a090a; font-size: 16px; font-weight: 700; margin-bottom: 2px; }

.event-list .Box-r .ttl-02 { color: #0a090a; font-size: 16px; font-weight: 700; line-height: 1.8; margin-bottom: 5px; }

.event-list .Box-r .term { background-color: #8e4a00; display: inline-block; color: #fff; padding-top: .5em; padding-bottom: .3em; padding-left: .8em; padding-right: .8em; margin-bottom: 10px; }

.event-list .Box-r .date-02 { background-color: #f3f2e6; padding-top: 1em; padding-bottom: 1em; padding-left: .5em; padding-right: .5em; font-size: 14px; }

.news-Box .news-list li { border-bottom: 1px dotted #000; padding-bottom: 16px; margin-bottom: 24px; }

.news-Box .news-list .date { color: #8e4a00; font-size: 14px; font-weight: 700; width: 195px; padding-left: 1em; line-height: 1.8; }

.news-Box .news-list .date:before { content: "■"; margin-right: .3em; }

.news-Box .news-list .txt { color: #0a090a; font-size: 14px; font-weight: 400; line-height: 1.8; width: 300px; }

.news-Box .news-list .txt a { display: block; }

.container { height: 490px; background: #fff; width: 100%; position: relative; overflow: hidden; }

.container .bx-wrapper { position: absolute; margin: 0 auto; padding: 0; left: 50%; top: 0px; width: 1900px; margin-left: -950px; }

#main-event { position: absolute; top: 30px; right: 90px; z-index: 100; }

#zerorisk-back { position: relative; text-align: center; background-image: url(../images/index/ptn-02.png); padding-top: 64px; background-color: rgba(30, 30, 30, 0.7); padding-bottom: 1px; }
event-list
#zerorisk-back .ttl { margin-bottom: 32px; }

#zerorisk-back .txt { margin-bottom: 67px; }

#zerorisk-back .bg-Box { background-image: url(../images/index/bg-pic-01.jpg); background-repeat: no-repeat; background-position: center center; min-height: 600px; padding-top: 50px; margin-bottom: 58px; }

#zerorisk-back .ttl-02 { margin-bottom: 40px; }

#zerorisk-back .txt-02 { color: #0a090a; font-size: 17px; font-weight: 500; line-height: 40px; line-height: 2.2; letter-spacing: 2px; }

.zerorisk { position: relative; top: -20px; letter-spacing: 8px; text-align: center; width: 1100px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

#zerorisk-back2 { background: #fff; }

#zero-risk { padding-bottom: 150px; width: 1100px; background: url(../images/index/concept-back.jpg) center top; margin: 0px auto; }

#zero-risk ul { padding-left: 20px; }

#zero-risk ul li { background: #fff url(../images/index/concept-icon.jpg) 20px 20px no-repeat; font-size: 20px; font-weight: bold; width: 234px; float: left; padding: 25px 25px 25px 60px; margin-left: 20px; margin-bottom: 20px; }

#zero-risk .dl-btn { width: 305px; background: #000; margin: 10px auto 0px auto; text-align: center; padding: 10px 80px; }


.index_concept-btn{
	text-align: center;
	margin: 0px 0 50px 0;
}




#mate-box { width: 1200px; margin: 0px auto; position: relative; top: -80px; }

#mate-box li { padding: 20px; height: 560px; width: 285px; float: left; background: #fff url(../images/index/concept-back3.jpg) repeat; margin-right: 20px; position: relative; }

#mate-box li:nth-child(4) { margin-right: 0px; }

#mate-box h3 { font-size: 32px; text-align: center; color: #9f6524; font-weight: bold; margin-bottom: 20px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

#mate-box p { font-size: 18px; margin-bottom: 20px; line-height: 140%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

#mate-box span { padding: 20px 0px; text-align: center; display: block; }

#mate-box .dl-btn { width: 243px; background: #000; margin: 10px auto 0px auto; text-align: center; padding: 10px 40px; position: absolute; bottom: 20px; left: 20px; }

#mate-box .one { position: relative; top: 20px; }

.flexslider li { position: relative; }

.flexslider li h3 { padding: 20px; background: url(../images/index/back-voice.png); position: absolute; left: 0px; bottom: 0px; width: 750px; }

.flexslider li .dl-btn { height: 56px; padding: 15px 40px; background: #333; position: absolute; right: 0px; bottom: 0px; color: #fff; }

.flexslider li .dl-btn a { color: #fff; }

.voice-box { background: #f3f2e6; padding-bottom: 110px; }

.voice-box .head { height: 220px; width: 1200px; margin: 0px auto; position: relative; margin-bottom: 10px; }

.voice-box .img { position: absolute; left: 63px; bottom: 5px; }

.voice-box .voice-btn { position: absolute; right: 30px; bottom: 30px; }

.voice-box .head h2 { font-size: 32px; margin-bottom: 20px; line-height: 140%; position: absolute; bottom: 0px; left: 400px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.voice-box .pic{
width: 880px;
height: 470px;
}
.voice-box .pic img{
width: 880px;
height: 470px;
}
.voice-box .flex-prev { top: -260px; background: url(../images/index/left.jpg); text-indent: -999px; width: 50px; height: 50px; }

.voice-box .flex-next { top: -260px; background: url(../images/index/right.jpg); text-indent: 999px; width: 50px; height: 50px; }

.reason-box { padding-top: 70px; width: 100%; background: url(../images/index/reason-back02.jpg); height: 560px; min-width: 1100px; }

.index-cnt-bunner{
	width: 1070px;
	margin: 0 auto;
}

.index-cnt-bunner li{
	float: left;
	margin: 0 10px 0 10px;
}


.reason-box .inner { position: relative; margin: 0px auto; background: url(../images/index/reason-back.jpg); height: 540px; width: 1100px; }

.reason-box .inner .reason-icon { position: absolute; left: 350px; top: 60px; }

.reason-box .inner h3 { position: absolute; left: 57px; top: 89px; }

.reason-box .inner h2 { position: absolute; left: 336px; top: 75px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 44px; letter-spacing: -5px; }

.reason-box .inner h2 span { font-size: 68px; }

.reason-box .inner ul { position: absolute; top: 170px; left: 380px; }

.reason-box .inner ul li { margin-bottom: 20px; background: #fff url(../images/index/reason-icon.jpg) no-repeat right bottom; width: 330px; padding: 10px; float: left; margin-right: 20px; }

.reason-box .inner ul li .photo { float: left; margin-right: 10px; }

.reason-box .inner ul li p { color: #298e39; font-size: 14px; position: relative; top: 20px; line-height: 1.55; margin-bottom: 10px; }

.reason-box .inner ul li h4 { font-size: 16px; position: relative; top: 20px; }

.reason-box .inner ul li h4 span { font-size: 14px; }

.reason-box .inner .dl-btn { position: absolute; bottom: 35px; right: 230px; width: 305px; background: #000; margin: 10px auto 0px auto; text-align: center; padding: 10px 80px; }

.gray-area { background-color: #f3f2e6; }
.gray-area .bnr-Box { padding-top: 60px; width: 1100px; margin-left: auto; margin-right: auto; padding-bottom: 56px; }
.gray-area .bnr-Box .bnr-list li { width: 356px; margin-right: 16px; }
.gray-area .bnr-Box .bnr-list li:nth-child(3n) { margin-right: 0; }
.gray-area .bnr-Box .bnr-list li .txt { text-align: center; padding-top: 15px; padding-bottom: 15px; padding-left: .7em; padding-right: .7em; color: #664520; font-size: 16px; font-weight: 500; letter-spacing: .5px; }
.gray-area .bnr-Box .bnr-list li .Box { background-color: #fff; padding: 5px; margin-bottom: 14px; border: 1px solid #aba17f; }
.gray-area .bnr-Box .bnr-list li .link-txt { text-align: right; }
.gray-area .bnr-Box .bnr-list li .link-txt:before { content: "＞"; margin-right: .3em; }

.btm-contents-Box { margin-bottom: 55px; width: 1000px; margin-left: auto; margin-right: auto; }
.btm-contents-Box .Box-l { width: 320px; }
.btm-contents-Box .Box-l li { margin-bottom: 13px; }
.btm-contents-Box .Box-l li:last-child { margin-bottom: 0; }
.btm-contents-Box .Box-l .bnr-Box { margin-bottom: 5px; }
.btm-contents-Box .Box-l .link-txt { color: #090909; font-size: 14px; font-weight: 400; line-height: 22px; text-align: right; }
.btm-contents-Box .Box-l .link-txt:before { content: "＞"; margin-right: .3em; }
.btm-contents-Box .Box-c { width: 320px; }
.btm-contents-Box .Box-c .fb-Box { margin-bottom: 2px; }
.btm-contents-Box .Box-c .link-txt { color: #090909; font-size: 14px; font-weight: 400; line-height: 22px; text-align: right; }
.btm-contents-Box .Box-c .link-txt:before { content: "＞"; margin-right: .3em; }
.btm-contents-Box .Box-r { width: 320px; }
.btm-contents-Box .Box-r .about_us-Box { border: 1px solid #d4d4d4; padding-top: 16px; padding-left: 24px; padding-right: 24px; min-height: 280px; margin-bottom: 8px; background-image: url(../images/index/company-bg.jpg); background-repeat: no-repeat; font-size: 14px; }
.btm-contents-Box .Box-r .about_us-Box .ttl { text-align: center; margin-bottom: 20px; }
.btm-contents-Box .Box-r .about_us-Box .ttl-02 { margin-bottom: 24px; }
.btm-contents-Box .Box-r .about_us-Box .ttl-03 { margin-bottom: 10px; font-weight: bold; font-size: 16px; letter-spacing: 1px; }
.btm-contents-Box .Box-r .about_us-Box .txt { line-height: 1.7; }
.btm-contents-Box .Box-r .link-list { margin-left: auto; width: 165px; font-size: 14px; }
.btm-contents-Box .Box-r .link-list li { margin-right: .7em; width: 6em; }
.btm-contents-Box .Box-r .link-list li:last-child { margin-right: 0; }
.btm-contents-Box .Box-r .link-list li:before { content: "＞"; margin-right: .3em; }

#blog { width: 1000px; margin-bottom: 50px; margin-left: auto; margin-right: auto; }
#blog .ttl-Box { position: relative; }
#blog .ttl-Box .link-btn { position: absolute; right: 0; top: 20px; }
#blog .Box { background-image: url(../images/index/blog-back.jpg); padding-top: 20px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; }
#blog .Box li { font-size: 14px; width: 220px; padding: 10px 10px 64px 10px; background-color: #fff; position: relative; margin-right: 20px; }
#blog .Box li:nth-child(4n) { margin-right: 0; }
#blog .Box li .pic { width: 200px; height: 140px; margin-bottom: 12px; }
#blog .Box li .pic img{ width: 200px; height: 140px; }
#blog .Box li .pic:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
#blog .Box li .date { font-family: Meiryo; color: #9f6524; font-size: 14px; font-weight: 700; line-height: 22px; margin-bottom: 5px; }
#blog .Box li .date:before { content: "■"; margin-right: .3em; }
#blog .Box li .txt { line-height: 1.5; }
#blog .Box li .more-btn { position: absolute; bottom: 10px; }

.case-box { background: #fff; margin: 0px auto; padding: 70px 0px; }


.case-box .pic{
    width: 260px;
    height: 190px;
}
.case-box .pic:hover{
-ms-filter: "alpha( opacity=80 )";filter: alpha( opacity=80 );opacity: 0.8;
}
.case-box .pic img{
    width: 260px;
    height: 190px;
}


.case-box h2 { text-align: center; margin-bottom: 30px; }

.case-box .inner { width: 1100px; margin: 0px auto; }

.case-box .inner article { width: 260px; float: left; margin-right: 20px; }

.case-box .inner article:nth-child(4n) { margin-right: 0px; }

.case-box .inner article figure { width: 260px; height: 190px; overflow: hidden; margin-bottom: 10px; border: #ccc solid 1px; }

.case-box .inner article h3 { margin-bottom: 30px; display: block; }

.case-box .dl-btn { width: 305px; background: #000; margin: 10px auto 0px auto; text-align: center; }

.case-box .dl-btn a { background: #000; margin: 10px auto 0px auto; text-align: center; padding: 10px 80px; display: block; }

#btm-contents { padding: 70px 0px; background: url(../images/index/contact-back.png) repeat-x bottom left, url(../images/index/banner-back.png); }

#btm-contents .banner-inner { width: 1000px; margin: 0px auto 50px auto; }

#btm-contents .banner-inner p.ccc { float: left; margin-right: 18px; text-align: right; width: 320px; margin-bottom: 40px; }

#btm-contents .banner-inner p.ccc img { margin-bottom: 5px; }

#btm-contents .banner-inner p.ccc:nth-child(3n) { margin-right: 0px; }

#btm-contents .banner-inner li { height: 240px; float: left; margin-right: 18px; text-align: right; width: 320px; margin-bottom: 40px; }

#btm-contents .banner-inner li:nth-child(3n) { margin-right: 0px; }

#btm-contents .banner-inner #news-box { margin-bottom: 10px; text-align: center; height: 240px; width: 320px; background: #258531; padding: 10px; }

#btm-contents .banner-inner li #news-box div { padding: 15px; overflow-y: scroll; width: 300px; height: 180px; background: #fff; border: #bd9753 1px solid; text-align: left !important; }

#btm-contents .banner-inner li #news-box div p { border-bottom: 1px #ccc dotted; margin-bottom: 15px; padding-bottom: 10px; }

#btm-contents .banner-inner li #news-box div p span { color: #258531; font-weight: bold; }

#company-banner { line-height: 150%; margin-bottom: 10px; background: url(../images/index/company-back.jpg); width: 320px; height: 240px; text-align: left; padding: 30px 20px; }

#company-banner h3 { font-weight: bold; }

#company-banner p { font-size: 14px; }

.blog-inner { width: 1000px; margin: 0px auto 80px auto; position: relative; background: url(../images/index/blog-back.jpg); }

.blog-inner .blog-list { position: absolute; top: 15px; right: 0px; }

.blog-inner ul { padding: 20px 10px; }

.blog-inner ul li { width: 220px; float: left; margin-left: 20px; background: #fff; border: #ccc 1px solid; padding: 10px; }

.blog-inner ul li h3 { margin-bottom: 30px; }

.blog-inner ul li span { color: #9f6524; }

.blog-inner ul li figure { margin-bottom: 10px; height: 140px; overflow: hidden; width: 200px; }

#contact-seo-box { background: #fff; padding: 50px 0px; }

#contact-inner-box { color: #fff; position: relative; width: 1000px; height: 290px; margin: 0px auto; background: url(../images/index/contact-back02.jpg); }

#contact-inner-box h2 { top: 40px; left: 80px; position: absolute; }

#contact-inner-box p { font-size: 18px; top: 75px; left: 170px; position: absolute; }

#contact-inner-box span { top: 115px; left: 547px; position: absolute; font-size: 12px; }

#contact-inner-box #bbtn01 { bottom: 40px; left: 40px; position: absolute; }

#contact-inner-box #bbtn02 { bottom: 40px; right: 40px; position: absolute; }

#seo-inner-box { width: 1000px; margin: 0px auto 50px auto; padding-top: 50px; }

#seo-inner-box h2 { width: 290px; float: left; padding-top: 70px; }

#seo-inner-box div { width: 710px; float: left; line-height: 180%; }

}

@media screen and (orientation: portrait) {
@media screen and (max-width:640px) {

body { background: url(../images/index/main-back.gif) center center; background-attachment: fixed; }

.sp_btn a { display: block; padding: 18px 0; background: #000; text-align: center;}
.sp_btn a img { max-height: 18px;}

 /* 3枚表示のbxslider
-------------------------------------*/
.slider-3mai-Box-02 { overflow: hidden; position: relative; width: 100%; }

.slider-3mai-Box-02 .slider-3mai { position: relative; width: 100%; }

.slider-3mai-Box-02 .slider-3mai li { margin-left: auto; margin-right: auto; margin-bottom: 30px; position: relative; height: 300px;}

.slider-3mai-Box-02 .bx-wrapper .bx-controls-direction a { position: absolute; top: 45%; margin-top: -16px; outline: 0; width: 50px; height: 50px; text-indent: -9999px; z-index: 9999; }

.slider-3mai-Box-02 .bx-wrapper .bx-prev { left: 0px; background-image: url(../images/index/bx-l.png); background-position: 0 0; }

.slider-3mai-Box-02 .bx-wrapper .bx-next { right: 0px; background-image: url(../images/index/bx-r.png); background-position: 0 0; }

.slider-3mai-Box-02 .bx-wrapper img { display: block; }

.slider-3mai-Box-02 .bx-wrapper .bx-prev:hover { background-position: 0 0; }

.slider-3mai-Box-02 .bx-wrapper .bx-next:hover { background-position: 0 0; }

.slider-3mai-Box-02 #slideFilterL, #slideFilterR { position: absolute; top: 0; width: 33.333%;  opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #000; }

.slider-3mai-Box-02 #slideFilterL { left: 0; }

.slider-3mai-Box-02 #slideFilterR { right: 0; }

.slider-3mai-Box-02 .bx-wrapper { margin: 0 auto; position: relative; }

.slider-3mai-Box-02 .bx-wrapper .bx-pager { margin: 0 auto; width: 100%; background: #fff; }

.slider-3mai-Box-02 .bx-wrapper .bx-viewport { left: 0px; }

.slider-3mai-Box-02 .txt-Box { position: absolute; bottom: 0; background-color: rgba(255, 255, 255, 0.6); width: 100% !important; padding-left: 1.5em; padding-right: 1.5em; color: #090909; font-size: 1em; font-weight: 700; line-height: 1.6; letter-spacing: 1px; box-sizing: border-box; }

.slider-3mai-Box-02 .ttl { padding-top: .6em; padding-bottom: .6em; }

.slider-3mai-Box-02 .dl-btn { background-color: #000; color: #ffffff; font-size: 16px; font-weight: 400; }
.slider-3mai-Box-02 .dl-btn a {  color: #fff; display: block; text-align: center; padding: 7px 0; }


.white-area { background-color: #fff; padding-top: 50px; }

.info-Box .Box-01 { margin-left: auto; margin-right: auto; }

.info-Box .event-Box { width: 94%; margin-left: auto; margin-right: auto; margin-bottom: 4rem; }

.info-Box .news-Box { width: 94%; margin-left: auto; margin-right: auto; padding-bottom: 5rem; }

.info-Box .ttl { padding-bottom: 20px; margin-bottom: 2rem; border-bottom: 1px solid #0b0909; }

.event-list li { padding-bottom: 20px; margin-bottom: 16px; border-bottom: 1px dotted #000; }

.event-list .Box-l { }

.event-list .pic { margin-bottom: 1rem; text-align: center !important;}

.event-list .pic img{
/*width: 260px;
height: 120px;*/
max-height: 120px;
height: auto;
}


.event-list .Box-r .date { color: #0a090a; font-size: 1em; font-weight: 700; margin-bottom: 2px; }

.event-list .Box-r .ttl-02 { color: #0a090a; font-size: 1em; font-weight: 700; line-height: 1.8; margin-bottom: 5px; }

.event-list .Box-r .term { background-color: #8e4a00; display: inline-block; color: #fff; padding-top: .5em; padding-bottom: .3em; padding-left: .8em; padding-right: .8em; margin-bottom: 10px; }

.event-list .Box-r .date-02 { background-color: #f3f2e6; padding-top: 1em; padding-bottom: 1em; padding-left: .5em; padding-right: .5em; font-size: 1em; }

.news-Box .news-list li { border-bottom: 1px dotted #000; padding-bottom: 16px; margin-bottom: 24px; }

.news-Box .news-list .date { color: #8e4a00; font-size: 1em; font-weight: 700; padding-left: .5em; line-height: 1.8; }

.news-Box .news-list .date:before { content: "■"; margin-right: .3em; }

.news-Box .news-list .txt { color: #0a090a; font-size: 1em; font-weight: 400; line-height: 1.8; padding-left: .5em; }

.news-Box .news-list .txt a { display: block; padding-top: 1rem; }

.container { background: #fff; width: 100%; position: relative; overflow: hidden; padding:0; }

.container .bx-wrapper { margin: 0; padding: 0; }
.container .bx-wrapper .bx-viewport {
	left: 0px !important;
}

#main-event { position: absolute; top: 30px; right: 90px; z-index: 100; }

#zerorisk-back { position: relative; text-align: center; background-image: url(../images/index/ptn-02.png); padding-top: 64px; background-color: rgba(30, 30, 30, 0.7); padding-bottom: 1px; }
event-list
#zerorisk-back .ttl { margin-bottom: 32px; padding: 0 1em; }

#zerorisk-back .txt { margin-bottom: 67px; padding: 0 1em; }

#zerorisk-back .bg-Box { background-image: url(../images/index/bg-pic-01_sp.jpg); background-repeat: no-repeat; background-position: center center; min-height: 600px; padding-top: 50px; }

#zerorisk-back .ttl-02 { margin-bottom: 40px; }

#zerorisk-back .txt-02 { color: #0a090a; font-size: 17px; font-weight: 500; line-height: 40px; line-height: 2.2; letter-spacing: 2px; text-align: left; padding: 0 2rem; }

.zerorisk { position: relative; top: -20px; letter-spacing: 8px; text-align: center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

#zerorisk-back2 { background: #fff; }

#zero-risk { padding-bottom: 150px;  background: url(../images/index/concept-back.jpg) center top; margin: 0px auto; }

#zero-risk ul { padding-left: 20px; }

#zero-risk ul li { background: #fff url(../images/index/concept-icon.jpg) 20px 20px no-repeat; font-size: 20px; font-weight: bold; width: 234px; float: left; padding: 25px 25px 25px 60px; margin-left: 20px; margin-bottom: 20px; }

#zero-risk .dl-btn { width: 305px; background: #000; margin: 10px auto 0px auto; text-align: center; padding: 10px 80px; }


.index_concept-btn{
	text-align: center;
	margin: 0px 0 50px 0;
}




#mate-box { margin: 0px auto; position: relative; top: -80px; }

#mate-box li { padding: 20px; height: 560px; width: 285px; float: left; background: #fff url(../images/index/concept-back3.jpg) repeat; margin-right: 20px; position: relative; }

#mate-box li:nth-child(4) { margin-right: 0px; }

#mate-box h3 { font-size: 32px; text-align: center; color: #9f6524; font-weight: bold; margin-bottom: 20px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

#mate-box p { font-size: 18px; margin-bottom: 20px; line-height: 140%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

#mate-box span { padding: 20px 0px; text-align: center; display: block; }

#mate-box .dl-btn { width: 243px; background: #000; margin: 10px auto 0px auto; text-align: center; padding: 10px 40px; position: absolute; bottom: 20px; left: 20px; }

#mate-box .one { position: relative; top: 20px; }

.flexslider li { position: relative; }

.flexslider li h3 { padding: 20px; background: url(../images/index/back-voice.png); position: absolute; left: 0px; bottom: 0px; }

.flexslider li .dl-btn { height: 56px; padding: 15px 2rem; background: #333; position: absolute; left: 0px; bottom: 0px; color: #fff; }

.flexslider li .dl-btn a { color: #fff; }

.voice-box { background: #f3f2e6; padding-bottom: 4em; padding-top: 3em; }

.voice-box .head { margin: 0px auto; position: relative; margin-bottom: 10px; text-align: center; }
.voice-box .head img { margin-bottom: 1.5rem;}

.voice-box .voice-btn { background: #fff; border: 2px solid #000; text-align: center; padding: 16px 0; margin-left: 4%; margin-right: 4%; margin-top: 2em;}
.voice-box .voice-btn img { max-height: 18px;}

.voice-box .head h2 { font-size: 1.5em; margin-bottom: 20px; line-height: 140%; text-align:center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.voice-box .pic{
height: 300px;
}
.voice-box .pic img{
height: 300px;
}
.voice-box .flex-prev { top: -260px; background: url(../images/index/left.jpg); text-indent: -999px; width: 50px; height: 50px; }

.voice-box .flex-next { top: -260px; background: url(../images/index/right.jpg); text-indent: 999px; width: 50px; height: 50px; }

.reason-box { padding-top: 3em; padding-bottom: 2em; width: 100%; background: url(../images/index/reason-back02.jpg); background-size: cover; }

.index-cnt-bunner{
	margin: 0 auto;
	width: 90%;
}
.index-cnt-bunner li{
	margin-bottom: 1.3em;
	text-align: center;
}
.index-cnt-bunner li a { color: #fff;}
.index-cnt-bunner li a span { padding-top: 10px; text-align: left; display: block; line-height: 1.4;}

.reason-box .inner { position: relative; margin: 0px auto; background: url(../images/index/reason-back.jpg); }

.reason-box .inner .reason-icon { position: absolute; left: 350px; top: 60px; }

.reason-box .inner h3 { position: absolute; left: 57px; top: 89px; }

.reason-box .inner h2 { position: absolute; left: 336px; top: 75px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 44px; letter-spacing: -5px; }

.reason-box .inner h2 span { font-size: 68px; }

.reason-box .inner ul { }

.reason-box .inner ul li { margin-bottom: 20px; background: #fff url(../images/index/reason-icon.jpg) no-repeat right bottom; width: 330px; padding: 10px; float: left; margin-right: 20px; }

.reason-box .inner ul li .photo { float: left; margin-right: 10px; }

.reason-box .inner ul li p { color: #298e39; font-size: 14px; position: relative; top: 20px; line-height: 1.55; margin-bottom: 10px; }

.reason-box .inner ul li h4 { font-size: 16px; position: relative; top: 20px; }

.reason-box .inner ul li h4 span { font-size: 14px; }

.reason-box .inner .dl-btn { position: absolute; bottom: 35px; right: 230px; width: 305px; background: #000; margin: 10px auto 0px auto; text-align: center; padding: 10px 80px; }

.gray-area { background-color: #f3f2e6; }
.gray-area .bnr-Box { padding-top: 60px; margin-left: auto; margin-right: auto; padding-bottom: 56px; }
.gray-area h2 { font-size: 1.5em; margin-bottom: 20px; line-height: 140%; text-align:center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.gray-area .bnr-Box .bnr-list li { margin-left: auto; margin-right: auto; width: 94%; margin-bottom: 1em; text-align: center; }
.gray-area .bnr-Box .bnr-list li:nth-child(3n) { margin-bottom: 0;}
.gray-area .bnr-Box .bnr-list li .txt { text-align: center; padding-top: 15px; padding-bottom: 15px; color: #664520; font-size: 1.3em; font-weight: 500; letter-spacing: .5px; line-height: 1.2; }
.gray-area .bnr-Box .bnr-list li .Box { background-color: #fff; padding: 5px; margin-bottom: 14px; border: 1px solid #aba17f; }
.gray-area .bnr-Box .bnr-list li .link-txt { text-align: right; line-height: 1.2; }
.gray-area .bnr-Box .bnr-list li .link-txt:before { content: "＞"; margin-right: .3em; }
.gray-area .bnr-Box .bnr-list li img { width: 100% !important;}

.btm-contents-Box { margin-bottom: 55px;margin-left: auto; margin-right: auto; padding: 0 4%; }
.btm-contents-Box .Box-l { margin-bottom: 2em;}
.btm-contents-Box .Box-l img { width: 100% !important;}
.btm-contents-Box .Box-l li { margin-bottom: 13px; }
.btm-contents-Box .Box-l li:last-child { margin-bottom: 0; }
.btm-contents-Box .Box-l .bnr-Box { margin-bottom: 5px; }
.btm-contents-Box .Box-l .link-txt { color: #090909; font-size: 1em; font-weight: 400; line-height: 22px; text-align: right; }
.btm-contents-Box .Box-l .link-txt:before { content: "＞"; margin-right: .3em; }
.btm-contents-Box .Box-c { width: 320px; }
.btm-contents-Box .Box-c .fb-Box { margin-bottom: 2px; }
.btm-contents-Box .Box-c .link-txt { color: #090909; font-size: 14px; font-weight: 400; line-height: 22px; text-align: right; }
.btm-contents-Box .Box-c .link-txt:before { content: "＞"; margin-right: .3em; }
.btm-contents-Box .Box-r { }
.btm-contents-Box .Box-r .about_us-Box { border: 1px solid #d4d4d4; padding-top: 16px; padding-left: 24px; padding-right: 24px; padding-bottom: 1em; margin-bottom: 8px; background-image: url(../images/index/company-bg.jpg); background-repeat: no-repeat; background-size: cover; font-size: 1em; }
.btm-contents-Box .Box-r .about_us-Box .ttl { text-align: center; margin-bottom: 20px; }
.btm-contents-Box .Box-r .about_us-Box .ttl-02 { margin-bottom: 24px; }
.btm-contents-Box .Box-r .about_us-Box .ttl-03 { margin-bottom: 10px; font-weight: bold; font-size: 1.2em; letter-spacing: 1px; }
.btm-contents-Box .Box-r .about_us-Box .txt { line-height: 1.7; }
.btm-contents-Box .Box-r .link-list { margin-left: auto; width: 200px; font-size: 1em; }
.btm-contents-Box .Box-r .link-list li { margin-right: .7em; width: 6em; }
.btm-contents-Box .Box-r .link-list li:last-child { margin-right: 0; }
.btm-contents-Box .Box-r .link-list li:before { content: "＞"; margin-right: .3em; }

#blog { margin-bottom: 50px; margin-left: auto; margin-right: auto; }
#blog .ttl-Box { position: relative; background: url(../images/index/blog-ttl_bg.jpg); padding: 10px 2%; }
#blog .ttl-Box .link-btn { position: absolute; right: 0; top: 20px; }
#blog .Box { background-image: url(../images/index/blog-back.jpg); padding-top: 20px; padding-bottom: 20px; padding-left: 4%; padding-right: 4%; }
#blog .Box li { font-size: 1em; padding: 10px 10px 10px 10px; background-color: #fff; position: relative; margin-bottom: 1em; }
#blog .Box li:nth-child(4n) { margin-right: 0; }
#blog .Box li .pic { width: 100%; height: 140px; margin-bottom: 12px; }
#blog .Box li .pic img{ width: 100%; height: 140px; }
#blog .Box li .pic:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
#blog .Box li .date { font-family: Meiryo; color: #9f6524; font-size: 1em; font-weight: 700; line-height: 22px; margin-bottom: 5px; }
#blog .Box li .date:before { content: "■"; margin-right: .3em; }
#blog .Box li .txt { line-height: 1.5; margin-bottom: 1em; }
#blog .Box li .more-btn img{ margin-left: auto; margin-right: auto;}

.case-box { background: #fff; margin: 0px auto; padding: 50px 4%; }

.case-box .pic{
}
.case-box .pic:hover{
-ms-filter: "alpha( opacity=80 )";filter: alpha( opacity=80 );opacity: 0.8;
}
.case-box .pic img{
}


.case-box h2 { text-align: center; margin-bottom: 30px; padding: 0 1em;}

.case-box .inner { margin: 0px auto; }

.case-box .inner article { width: 48%; float: left; margin-right: 4%; }

.case-box .inner article:nth-child(2n) { margin-right: 0px; }

.case-box .inner article figure {  height: 120px; overflow: hidden; margin-bottom: 10px; border: #ccc solid 1px; }

.case-box .inner article h3 { margin-bottom: 30px; display: block; line-height: 1.6;}

.case-box .dl-btn { width: 305px; background: #000; margin: 10px auto 0px auto; text-align: center; }

.case-box .dl-btn a { background: #000; margin: 10px auto 0px auto; text-align: center; padding: 10px 80px; display: block; }

#btm-contents { padding: 70px 0px; background: url(../images/index/contact-back.png) repeat-x bottom center, url(../images/index/banner-back.png); }

#btm-contents .banner-inner { margin: 0px auto 50px auto; }

#btm-contents .banner-inner p.ccc { float: left; margin-right: 18px; text-align: right; margin-bottom: 40px; }

#btm-contents .banner-inner p.ccc img { margin-bottom: 5px; }

#btm-contents .banner-inner p.ccc:nth-child(3n) { margin-right: 0px; }

#btm-contents .banner-inner li { height: 240px; float: left; margin-right: 18px; text-align: right; margin-bottom: 40px; }

#btm-contents .banner-inner li:nth-child(3n) { margin-right: 0px; }

#btm-contents .banner-inner #news-box { margin-bottom: 10px; text-align: center; height: 240px; width: 320px; background: #258531; padding: 10px; }

#btm-contents .banner-inner li #news-box div { padding: 15px; overflow-y: scroll; width: 300px; height: 180px; background: #fff; border: #bd9753 1px solid; text-align: left !important; }

#btm-contents .banner-inner li #news-box div p { border-bottom: 1px #ccc dotted; margin-bottom: 15px; padding-bottom: 10px; }

#btm-contents .banner-inner li #news-box div p span { color: #258531; font-weight: bold; }

#company-banner { line-height: 150%; margin-bottom: 10px; background: url(../images/index/company-back.jpg); width: 320px; height: 240px; text-align: left; padding: 30px 20px; }

#company-banner h3 { font-weight: bold; }

#company-banner p { font-size: 14px; }

.blog-inner {  margin: 0px auto 80px auto; position: relative; background: url(../images/index/blog-back.jpg); }

.blog-inner .blog-list { position: absolute; top: 15px; right: 0px; }

.blog-inner ul { padding: 20px 10px; }

.blog-inner ul li { width: 220px; float: left; margin-left: 20px; background: #fff; border: #ccc 1px solid; padding: 10px; }

.blog-inner ul li h3 { margin-bottom: 30px; }

.blog-inner ul li span { color: #9f6524; }

.blog-inner ul li figure { margin-bottom: 10px; height: 140px; overflow: hidden; width: 200px; }

#contact-seo-box { background: #fff; padding: 0px 0px 4em; }

#contact-inner-box { color: #fff; position: relative; margin: 0px auto; background: url(../images/common/contact-back02_sp.gif); border-top: 12px solid #383838; border-bottom: 12px solid #383838; padding-bottom: 2em; }

#contact-inner-box h2 { background: url(../images/common/btm-contact-title_sp.png) no-repeat 40% 50%; color: #fff; font-weight: 400; font-size: 1.3em; text-align: center; padding: 3em 0 2em;}

#contact-inner-box p { margin-bottom: .5em; font-size: 1.2em; text-align: center; padding-left:4%; padding-right: 4%; line-height: 1.4;}

#contact-inner-box #bbtn01 { text-align: center;}

#contact-inner-box #bbtn02 { text-align: center;}

#seo-inner-box { margin: 0px auto 50px auto; }

#seo-inner-box h2 {  padding-top: 70px; text-align: center; margin-bottom: 1em; }

#seo-inner-box div { line-height: 180%; padding: 0 4%;}

}
}</pre></body></html>