@charset "UTF-8";

/*-------------------------
__main_box
-------------------------*/

#wrap .main_box{width:100%;overflow:hidden;position:relative;}
#wrap .main_box ul{
-js-display: flex;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
height:100%;
background-color:#000;}
#wrap .main_box ul li{width:calc(100vw / 3);position:relative;}
#wrap .main_box ul li.c01{background:url("../images/main_bg01.jpg") center center no-repeat;background-size:cover;}
#wrap .main_box ul li.c02{background:url("../images/main_bg02.jpg") center center no-repeat;background-size:cover;}
#wrap .main_box ul li.c03{background:url("../images/main_bg03.jpg") center center no-repeat;background-size:cover;}
#wrap .main_box ul li::before{content:"";display:block;width:100%;height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s;z-index:0;background-color:rgba(0,0,0,0.5);opacity:0;}
#wrap .main_box ul li .txt{width:calc(100vw / 3);font-size:20px;line-height:35px;font-weight:700;letter-spacing:0.07em;text-align:center;position:absolute;top:45%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s;color:#FFF;opacity:0;}
#wrap .main_box ul li img{width:55px;height:auto;position:absolute;bottom:60px;left:20px;z-index:150;}
#wrap .main_box ul li .caption{position:absolute;bottom:0;width:100%;font-size:22px;font-weight:700;padding:10px 25px;box-sizing:border-box;color:#fff;z-index:200;}
#wrap .main_box ul li.c01 .caption{background-color:#e40057;}
#wrap .main_box ul li.c02 .caption{background-color:#f29600;}
#wrap .main_box ul li.c03 .caption{background-color:#0b3190;}
#wrap .main_box .tv_cm{width:210px;height:210px;position:absolute;right:10px;bottom:55px;z-index:250;}
#wrap .main_box .tv_cm a{display:block;}
#wrap .main_box .tv_cm a img{width:100%;height:auto;}

#wrap .main_box ul li .txt a{ display: block; text-decoration: none; font-size: 18px; border: 2px solid #fff; width: 70%; margin: 25px auto 0; padding: 15px; box-sizing: border-box; border-radius: 40px; color: #fff;}
@media screen and (min-width:768px) {
#wrap .main_box ul li .txt a{ color: #fff; -moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#wrap .main_box ul li:nth-child(1) .txt a:hover{ background-color: #e40057; border: 2px solid #e40057;}
#wrap .main_box ul li:nth-child(2) .txt a:hover{ background-color: #f29600; border: 2px solid #f29600;}
#wrap .main_box ul li:nth-child(3) .txt a:hover{ background-color: #0b3190; border: 2px solid #0b3190;}
}
@media screen and (max-width:767px) {
#wrap .main_box ul li .txt a{ font-size: 14px; margin: 10px auto 0; border-radius: 30px; padding: 10px;}
}
@media screen and (max-width:374px) {
#wrap .main_box ul li .txt a{ width: 80%;}
}


#wrap .main_box .scroll_arrow{margin:auto;position:absolute;right:0;bottom:55px;left:0;z-index:300;}
#wrap .main_box .scroll_arrow a{text-decoration:none;}
#wrap .main_box .scroll_arrow span{display:block;width:40px;font-family: 'Roboto Condensed',sans-serif;font-size:18px;text-align:center;margin:0 auto;position:relative;color:#FFF;}
#wrap .main_box .scroll_arrow span::before{content:"";display:block;width:40px;height:40px;box-sizing:border-box;border:1px solid #FFF;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;}
#wrap .main_box .scroll_arrow span::after{content:"";display:inline-block;width:20px;height:10px;margin:15px auto auto;position:absolute;top:0;right:0;left:0;bottom:0;background:url("../images/scroll_arrow.png")center center no-repeat;background-size:contain;animation:infinity-loop 1s infinite linear 2s both;}

/* 無限ループアニメーション */
@keyframes infinity-loop {
0%{transform:translateY(-10px);opacity:0;}
20%{opacity:1;}
80%{opacity:1;}
100%{transform:translateY(10px);opacity:0;}
}

#wrap .main_box ul li:hover{width:calc(100vw / 2);-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s;}
#wrap .main_box ul li:hover::before{opacity:1;}
#wrap .main_box ul li:hover .txt{width:calc(100vw / 3);opacity:1;}
#wrap .main_box ul li:hover img{opacity:0.6;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s;}

/* EDGE＆IE11ハックここから */
@media screen and (min-width:768px) {
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop, #wrap .main_box ul li{width:33%;}
*::-ms-backdrop, #wrap .main_box ul li:hover{animation: WideIn 0.5s linear;-webkit-animation: WideIn 0.5s linear;}
}
@supports (-ms-ime-align: auto) {
#wrap .main_box ul li{width:33.33%;}
#wrap .main_box ul li:hover{animation: WideIn 0.5s linear;-webkit-animation: WideIn 0.5s linear;}
}
}
@keyframes WideIn {
0% {width:33.33%;}
100% {width:50%;}
}
/* EDGE＆IE11ハックここまで */

@media screen and (max-width:1099px){
#wrap .main_box ul li .txt{font-size:15px;line-height:30px;}
#wrap .main_box .tv_cm{width:150px;height:150px;position:absolute;right:10px;bottom:55px;z-index:250;}
}

@media screen and (min-width:961px){
#wrap .main_box .tv_cm{-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#wrap .main_box .tv_cm:hover{-moz-transform:translateY(3px);-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px);opacity:0.6;}
#wrap .main_box .scroll_arrow a{-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#wrap .main_box .scroll_arrow a:hover{opacity:0.5;}
}

@media screen and (max-width:767px) {
#wrap .main_box{height:auto!important;}
#wrap .main_box ul{display:block;width:100%;height:auto;}
#wrap .main_box ul li{width:100%; height:200px;position:relative;}
#wrap .main_box ul li.c01{padding:60px 0 0;}
#wrap .main_box ul li .txt{width:100%;font-size:14px;line-height:20px;padding:0 10px 10px 40px;box-sizing:border-box;}
#wrap .main_box ul li:nth-child(1) .txt{padding:60px 10px 10px 40px;}
#wrap .main_box ul li img{width:20px;left:10px;bottom:45px;}
#wrap .main_box ul li .caption{font-size:18px;padding:10px;}

#wrap .main_box ul li:hover{width:100%;}
#wrap .main_box ul li:hover .txt{width:100%;}

#wrap .main_box .tv_cm{width:100%;height:auto;position:inherit;right:inherit;bottom:inherit;}
#wrap .main_box .tv_cm a img{width:100%;height:auto;}

#wrap .main_box .scroll_arrow{display:none;}
}


/*-------------------------
__aniv
-------------------------*/

#wrap .aniv{position:relative;background:url("../images/aniv_bg01.jpg") center center no-repeat;background-size:cover;}
#wrap .aniv::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5);z-index:10;}
#wrap .aniv .inner{max-width:1100px;text-align:center;font-weight:700;margin:0 auto;padding:90px 0;position:relative;z-index:20;}
#wrap .aniv .aniv_logo{max-width:290px;height:auto;margin:0 auto;}
#wrap .aniv .aniv_logo img{width:100%;height:auto;}
#wrap .aniv .txt{font-size:15px;line-height:33px;letter-spacing:0.07em;margin:35px 0 0;color:#FFF;}
#wrap .aniv a.link_btn{display:inline-block;font-size:19px;line-height:29px;letter-spacing:0.05em;text-decoration:none;margin:40px 0 0;padding:25px 50px;box-sizing:border-box;color:#FFF;border:1px solid #FFF;}
#wrap .aniv a.link_btn span{ display: block;}
#wrap .aniv a.link_btn span.cyusyaku{ margin-top: 20px; font-size: 13px; line-height: 20px;}
#wrap .aniv a.link_btn span.cyusyaku:hover{ }

@media screen and (min-width:961px){
#wrap .aniv a.link_btn{-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#wrap .aniv a.link_btn:hover{color:#333;background-color:#FFF;}
}

@media screen and (max-width:767px) {
#wrap .aniv .inner{padding:50px 10px 55px;box-sizing:border-box;}
#wrap .aniv .aniv_logo{max-width:190px;}
#wrap .aniv .txt{font-size:13px;line-height:23px;text-align:left;margin:20px 0 0;}
#wrap .aniv .txt{text-align:center;}
#wrap .aniv a.link_btn{width:100%;font-size:16px; line-height: 26px; margin:20px 0 0;padding:20px 10px;}
}

#wrap .sdgs{background:#0099d9;padding:40px 10px;}
#wrap .sdgs .inner{max-width:1100px;margin:0 auto;box-sizing:border-box;}
#wrap .sdgs .sdgs_title{font-size:27px;line-height:35px;font-weight:700;letter-spacing:0.08em;text-align:center;margin:0 auto;color:#FFF;}
#wrap .sdgs .sdgs_title span{display:inline-block;font-family:'Roboto Condensed',sans-serif;font-size:18px;line-height:25px;font-weight:normal;letter-spacing:0.05em;}
#wrap .sdgs .txt{font-size:18px;line-height:28px;font-weight:700;letter-spacing:0.11em;text-align:center;margin:40px 0 0;color:#FFF;}
#wrap .sdgs .sdgs_banner{margin:10px auto 0;}
#wrap .sdgs .sdgs_banner + .sdgs_banner{margin-top:30px;}
#wrap .sdgs .sdgs_banner img{ width: 100%; height: auto;}

@media screen and (min-width:961px){
#wrap .sdgs .sdgs_banner{-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#wrap .sdgs .sdgs_banner a {-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#wrap .sdgs .sdgs_banner a:hover img{-moz-transform:translateY(3px);-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px);box-shadow:none;opacity:0.6;}
#wrap .sdgs .sdgs_banner img{-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
/*
#wrap .sdgs .sdgs_banner img:hover{opacity:0.8;-webkit-filter:brightness(1.2);filter:brightness(1.2);}
*/
}

@media screen and (max-width:767px) {
#wrap .sdgs{padding:30px 10px;}
#wrap .sdgs .inner{}
#wrap .sdgs .txt{font-size:13px; line-height: 22px;  margin:20px 0 0;}
#wrap .sdgs .sdgs_banner{margin:0 auto;}
}


#wrap .movie{background:#0b3190;padding:40px 10px;border-top: 1px solid #FFF;}
#wrap .movie .inner{max-width:1100px;margin:0 auto;box-sizing:border-box;}
#wrap .movie .movie_title{font-size:27px;line-height:35px;font-weight:700;letter-spacing:0.08em;text-align:center;margin:0 auto;color:#FFF;}
#wrap .movie .movie_title span{display:inline-block;font-family:'Roboto Condensed',sans-serif;font-size:18px;line-height:25px;font-weight:normal;letter-spacing:0.05em;}
#wrap .movie .txt{font-size:18px;line-height:28px;font-weight:700;letter-spacing:0.11em;text-align:center;margin:40px 0 0;color:#FFF;}
#wrap .movie .movie_banner{margin:10px auto 0;}
#wrap .movie .movie_banner img{ width: 100%; height: auto;}



#wrap .movie .banner_145{margin:0;padding:0 0 10px;}
#wrap .movie .banner_145 img{ width: 100%; height: auto;}




@media screen and (min-width:961px){
#wrap .movie .movie_banner{-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#wrap .movie .movie_banner:hover{-moz-transform:translateY(3px);-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px);box-shadow:none;opacity:0.6;}
#wrap .movie .movie_banner img{-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#wrap .movie .movie_banner img:hover{opacity:0.8;-webkit-filter:brightness(1.2);filter:brightness(1.2);}


#wrap .movie .banner_145{-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#wrap .movie .banner_145:hover{-moz-transform:translateY(3px);-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px);box-shadow:none;opacity:0.6;}
#wrap .movie .banner_145 img{-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#wrap .movie .banner_145 img:hover{opacity:0.8;-webkit-filter:brightness(1.2);filter:brightness(1.2);}


}

@media screen and (max-width:767px) {
#wrap .movie{padding:30px 10px;}
#wrap .movie .inner{}
#wrap .movie .txt{font-size:13px; line-height: 22px;  margin:20px 0 0;}
#wrap .movie .movie_banner{margin:0 auto 0;}

#wrap .movie .banner_145{margin:0 auto 5%;padding: 0;}
}

#wrap .business{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(248,248,248,1) 50%, rgba(248,248,248,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(50%, rgba(248,248,248,1)), color-stop(100%, rgba(248,248,248,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(248,248,248,1) 50%, rgba(248,248,248,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(248,248,248,1) 50%, rgba(248,248,248,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(248,248,248,1) 50%, rgba(248,248,248,1) 100%);}
#wrap .business .inner{display:table;width:100%;max-width:1100px;height:300px;margin:0 auto;}
#wrap .business .business_title{display:table-cell;width:240px;font-size:27px;line-height:35px;letter-spacing:0.08em;text-align:center;vertical-align:middle;padding:0 60px 0 20px;color:#333; font-weight: 700;}
#wrap .business .business_title span{display:inline-block;font-family:'Roboto Condensed',sans-serif;font-size:18px;line-height:25px;letter-spacing:0.05em;color:#0b3190; font-weight: normal;}
#wrap .business .business_title a.link_btn{display:inline-block;font-size:13px;line-height:17px;text-decoration:none;margin:30px 0 0;padding:10px 20px;box-sizing:border-box;color:#333;border:1px solid #333;}
#wrap .business .business_list{display:table-cell;width:calc(100% - 240px);vertical-align:middle;padding:0 20px 0 60px;box-sizing:border-box;background-color:#f8f8f8;}
#wrap .business .business_list .business_list_inner{height:180px;overflow-y:auto;}
#wrap .business .business_list dl{width:100%;font-size:13px; line-height:20px; overflow:hidden;padding:12px 0;border-top:1px solid #e1e1e1;}
#wrap .business .business_list dl:last-child{border-bottom:1px solid #e1e1e1;}
#wrap .business .business_list dl dt{width:6.5em;font-weight:700;letter-spacing:0.02em;float:left;/*padding:5px 0 0;*/}
#wrap .business .business_list dl dd{float:left;}
#wrap .business .business_list dl dd.tag{display:inline-block;width:6em;font-size:12px;text-align:center;margin:0 15px 0 0;padding:5px 10px;box-sizing:border-box;color:#0b3190;background-color:#cfd7e9;}
#wrap .business .business_list dl dd.txt{padding:5px 0;}
#wrap .business .business_list dl dd a{color:#333;}

@media screen and (min-width:961px){
#wrap .business .business_title a.link_btn{-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#wrap .business .business_title a.link_btn:hover{color:#FFF;background-color:#333;}
#wrap .business .business_list dl dd a{-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#wrap .business .business_list dl dd a:hover{color:#AAA;}
}

@media screen and (max-width:1099px){
#wrap .business .business_title{padding:0 20px 0 20px;}
#wrap .business .business_list dl dd.txt{display:block;clear:both;padding:10px 0 5px;}
}

@media screen and (max-width:767px){
#wrap .business{background:#FFF;}
#wrap .business .inner{display:block;height:auto;padding: 30px 10px 100px;box-sizing:border-box;position:relative;}
#wrap .business .business_title{display:block;width:100%;padding:0 0 20px;box-sizing:border-box;}
#wrap .business .business_title a.link_btn{display:block;max-width:120px;letter-spacing:normal;margin:auto auto 25px;padding:10px;position:absolute;right:0;bottom:20px;left:0;}
#wrap .business .business_list{display:block;width:100%;padding:0;box-sizing:border-box;background-color:inherit;}
#wrap .business .business_list .business_list_inner{height:215px;}
#wrap .business .business_list dl dd.txt{padding:10px 0 5px;}
}

/*-------------------------
__copy
-------------------------*/

#wrap .copy{background:url("../images/copy_bg01.jpg") center center no-repeat;background-size:cover;}
#wrap .copy .inner{max-width:1100px;margin:0 auto;padding:80px 0;text-align:center;}
#wrap .copy .main_txt{font-size:25px;line-height:45px;font-weight:700;margin:0 0 50px;color:#0b3190;}
#wrap .copy .txt{font-size:15px;line-height:37px;font-weight:700;letter-spacing:0.07em; width: 710px; margin: 0 auto; text-align: left;}

@media screen and (max-width:767px) {
#wrap .copy .inner{padding:50px 10px 50px;box-sizing:border-box;}
#wrap .copy .main_txt{font-size:18px;line-height:24px;margin:0 0 15px;}
#wrap .copy .txt{font-size:13px;line-height:22px;letter-spacing:normal; width: 280px; margin: 0 auto;}
}

/*-------------------------
__service
-------------------------*/

#wrap .service{background-color:#0b3190;}
#wrap .service .service_title{max-width:1100px;font-size:27px;line-height:35px;font-weight:700;letter-spacing:0.08em;text-align:center;margin:0 auto;padding:40px 0 0;color:#FFF;}
#wrap .service .service_title span{display:inline-block;font-family:'Roboto Condensed',sans-serif;font-size:18px;line-height:25px;font-weight:normal;letter-spacing:0.05em;}
#wrap .service .select{padding:40px 20px 45px;position:relative;background-color:#0b3190;}
#wrap .service .select::before{content:"";position:absolute;top:100%;left:50%;margin-left:-20px;border:20px solid transparent;border-top:20px solid #0b3190;}
#wrap .service .select ul{max-width:1100px;overflow:hidden;margin:0 auto;}
#wrap .service .select ul li{width:calc((100% - 140px) / 8);float:left;}
#wrap .service .select ul li + li{margin:0 0 0 20px;}
#wrap .service .select ul li a{display:block;height:140px;text-align:center;text-decoration:none;padding:10px 0;box-sizing:border-box;position:relative;color:#FFF;border:1px solid #FFF;}
#wrap .service .select ul li a img{width:auto;height:34px;}
#wrap .service .select ul li a > span{display:block;font-size:16px;font-weight:700;line-height:20px;position:absolute;top:70px;right:0;left:0;}
#wrap .service .select ul li.ic06 span{font-size:14px;letter-spacing:-0.05em;top:70px;}

#wrap .service .select ul li.ic01 a{background:url("../images/service_ic01w.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic02 a{background:url("../images/service_ic02w.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic03 a{background:url("../images/service_ic03w.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic04 a{background:url("../images/service_ic04w.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic05 a{background:url("../images/service_ic05w.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic06 a{background:url("../images/service_ic06w.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.all a{background:url("../images/service_ic07w.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic07 a{background:url("../images/service_ic08w.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic01 a.is-active{color:#0b3190;background:#FFF url("../images/service_ic01b.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic02 a.is-active{color:#0b3190;background:#FFF url("../images/service_ic02b.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic03 a.is-active{color:#0b3190;background:#FFF url("../images/service_ic03b.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic04 a.is-active{color:#0b3190;background:#FFF url("../images/service_ic04b.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic05 a.is-active{color:#0b3190;background:#FFF url("../images/service_ic05b.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic06 a.is-active{color:#0b3190;background:#FFF url("../images/service_ic06b.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.all a.is-active{color:#0b3190;background:#FFF url("../images/service_ic07b.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic07 a.is-active{color:#0b3190;background:#FFF url("../images/service_ic08b.png")center 25px no-repeat;background-size:auto 34px;}

@media screen and (max-width:1099px){
#wrap .service .select ul li{width:calc((100% - 70px) / 8);float:left;}
#wrap .service .select ul li + li{margin:0 0 0 10px;}
}

@media screen and (min-width:961px){
#wrap .service .select ul li a{-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#wrap .service .select ul li.ic01 a:hover{color:#0b3190;background:#FFF url("../images/service_ic01b.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic02 a:hover{color:#0b3190;background:#FFF url("../images/service_ic02b.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic03 a:hover{color:#0b3190;background:#FFF url("../images/service_ic03b.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic04 a:hover{color:#0b3190;background:#FFF url("../images/service_ic04b.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic05 a:hover{color:#0b3190;background:#FFF url("../images/service_ic05b.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic06 a:hover{color:#0b3190;background:#FFF url("../images/service_ic06b.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.all a:hover{color:#0b3190;background:#FFF url("../images/service_ic07b.png")center 25px no-repeat;background-size:auto 34px;}
#wrap .service .select ul li.ic07 a:hover{color:#0b3190;background:#FFF url("../images/service_ic08b.png")center 25px no-repeat;background-size:auto 34px;}
}

@media screen and (max-width:767px) {
#wrap .service .service_title{padding:20px 0 0;}
#wrap .service .select{padding:25px 10px 30px;box-sizing:border-box;}
#wrap .service .select ul{letter-spacing:-1em;}
#wrap .service .select ul li{display:inline-block;width:calc((100% - 15px) / 4);letter-spacing:normal;vertical-align:top;float:none;margin:0 0 5px 5px;}
#wrap .service .select ul li + li{margin:0 0 5px 5px;}
#wrap .service .select ul li:nth-child(4n-3){margin-left:0;}
#wrap .service .select ul li a{height:70px;padding:0 10px;}
#wrap .service .select ul li a > span{font-size:13px;line-height:15px;position:absolute;top:33px;right:0;left:0;}
#wrap .service .select ul li.ic06 span{font-size:13px;top:33px;}
#wrap .service .select ul li.all span{top:40px;}


#wrap .service .select ul li.ic01 a{background:url("../images/service_ic01w.png")center 6px no-repeat;background-size:auto 24px;}
#wrap .service .select ul li.ic02 a{background:url("../images/service_ic02w.png")center 6px no-repeat;background-size:auto 24px;}
#wrap .service .select ul li.ic03 a{background:url("../images/service_ic03w.png")center 6px no-repeat;background-size:auto 24px;}
#wrap .service .select ul li.ic04 a{background:url("../images/service_ic04w.png")center 6px no-repeat;background-size:auto 24px;}
#wrap .service .select ul li.ic05 a{background:url("../images/service_ic05w.png")center 6px no-repeat;background-size:auto 24px;}
#wrap .service .select ul li.ic06 a{background:url("../images/service_ic06w.png")center 6px no-repeat;background-size:auto 24px;}
#wrap .service .select ul li.all a{background:url("../images/service_ic07w.png")center 6px no-repeat;background-size:auto 24px;}
#wrap .service .select ul li.ic07 a{background:url("../images/service_ic08w.png")center 6px no-repeat;background-size:auto 24px;}
#wrap .service .select ul li.ic01 a.is-active{background:#FFF url("../images/service_ic01b.png")center 6px no-repeat;background-size:auto 24px;}
#wrap .service .select ul li.ic02 a.is-active{background:#FFF url("../images/service_ic02b.png")center 6px no-repeat;background-size:auto 24px;}
#wrap .service .select ul li.ic03 a.is-active{background:#FFF url("../images/service_ic03b.png")center 6px no-repeat;background-size:auto 24px;}
#wrap .service .select ul li.ic04 a.is-active{background:#FFF url("../images/service_ic04b.png")center 6px no-repeat;background-size:auto 24px;}
#wrap .service .select ul li.ic05 a.is-active{background:#FFF url("../images/service_ic05b.png")center 6px no-repeat;background-size:auto 24px;}
#wrap .service .select ul li.ic06 a.is-active{background:#FFF url("../images/service_ic06b.png")center 6px no-repeat;background-size:auto 24px;}
#wrap .service .select ul li.all a.is-active{background:#FFF url("../images/service_ic07b.png")center 6px no-repeat;background-size:auto 24px;}
#wrap .service .select ul li.ic07 a.is-active{background:#FFF url("../images/service_ic08b.png")center 6px no-repeat;background-size:auto 24px;}
}

#wrap .service .result{padding:70px 0 30px;background-color:#e3e8f3;}
#wrap .service .result ul{
-js-display: flex;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
max-width:1140px;margin:0 auto;}
#wrap .service .result ul li{width:calc((100% - 120px) / 3);float:left;margin:0 20px 40px 20px;}
#wrap .service .result ul li dl{height:100%;background-color:#FFF;box-shadow:0px 0px 4px 2px #c0c8d9;}
#wrap .service .result ul li dl dt{position:relative}
#wrap .service .result ul li dl dt img{width:100%;height:auto;}
#wrap .service .result ul li dl dt .icon{width:40px;height:40px;text-align:center;padding:10px;box-sizing:border-box;position:absolute;top:10px;right:10px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#6d84bc;}
#wrap .service .result ul li dl dt .icon img{width:auto;max-width:100%;height:auto;max-height:100%;}
#wrap .service .result ul li dl dd{font-size:13px;line-height:21px;padding:20px;box-sizing:border-box;}
#wrap .service .result ul li dl dd strong{display:block;font-size:17px;font-weight:700;margin:0 0 10px;}
#wrap .service .result ul li dl dd strong a{text-decoration:none;color:#0b3190;}

/*平左衛門*/
#wrap .service .result ul li .box01{}
#wrap .service .result ul li .box01{}
/*丸大豆醤油醸造*/
#wrap .service .result ul li .box02{}
/*調味料製造*/
#wrap .service .result ul li .box03{}
/*惣菜製造*/
#wrap .service .result ul li .box04{}
/*商品設計*/
#wrap .service .result ul li .box05{}
/*クッキングデポ*/
#wrap .service .result ul li .box06{}
/*ファミリーセット*/
#wrap .service .result ul li .box07{}
/*業務用畜産類加工*/
#wrap .service .result ul li .box08{}
/*業務用水産類加工*/
#wrap .service .result ul li .box09{}
/*チルド惣菜類加工*/
#wrap .service .result ul li .box10{}
/*フレッシュカット野菜*/
#wrap .service .result ul li .box11{}
/*カットフルーツ*/
#wrap .service .result ul li .box12{}
/*インストアサラダキット*/
#wrap .service .result ul li .box13{}
/*各種オリジナル食材セット（法人・個人）*/
#wrap .service .result ul li .box14{}
/*販促企画*/
#wrap .service .result ul li .box15{}
/*デザイン*/
#wrap .service .result ul li .box16{}
/*印刷*/
#wrap .service .result ul li .box17{}
/*不動産会社向けローン*/
#wrap .service .result ul li .box18{}
/*ショッピングクレジット*/
#wrap .service .result ul li .box19{}

#wrap .service .result{-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#wrap .service .result ul li{/*-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;*/}
#wrap .service .result ul li.is-hide{opacity:0;width:0;height:0;margin:0;}

#wrap .service .result .morelink{display:block;width:200px;font-size:18px;line-height:23px;font-weight:700;letter-spacing:0.05em;text-align:center;text-decoration:none;margin:0 auto;padding:15px 10px;cursor:pointer;color:#FFF;background-color:#0b3190;}

@media screen and (min-width:961px){
#wrap .service .result ul li dl{-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#wrap .service .result ul li dl:hover{-moz-transform:translateY(3px);-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px);box-shadow:none;opacity:0.6;}
#wrap .service .result .morelink{-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#wrap .service .result .morelink:hover{opacity:0.6;}
}

@media screen and (max-width:767px) {
#wrap .service .result{padding:40px 0 40px;}
#wrap .service .result ul{margin:0 5px;}
#wrap .service .result ul li{width:calc((100% - 20px) / 2);float:left;margin:0 5px 20px 5px;}
#wrap .service .result ul li dl dt .icon{width:30px;height:30px;padding:5px;}
#wrap .service .result ul li dl dd{line-height:19px;padding:10px;}
#wrap .service .result ul li dl dd strong{font-size:15px;margin:0 0 5px;}
#wrap .service .result .morelink{font-size:15px;line-height:20px;padding:15px 10px;}
}


/*-------------------------
__about
-------------------------*/

#wrap .about{background-color:#FFF;}
#wrap .about .inner{max-width:1100px;margin:0 auto;padding:65px 0;box-sizing:border-box;}
#wrap .about .about_title{font-size:27px;line-height:35px;font-weight:700;letter-spacing:0.08em;text-align:center;margin:0 auto;color:#333;}
#wrap .about .about_title span{display:inline-block;font-family:'Roboto Condensed',sans-serif;font-size:18px;line-height:25px;font-weight:normal;letter-spacing:0.05em;color:#0b318f;}
#wrap .about ul{overflow:hidden;margin:45px 0 0;}
#wrap .about ul li{width:calc(99% / 3);height:360px;overflow:hidden;float:left;position:relative;background-color:#FFF;}

#wrap .about ul li::after{display:block;width:100%;height:100%;content:"";margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;}
#wrap .about ul li.b01::after{background:url("../images/about_bg01.jpg") center center no-repeat;background-size:cover;}
#wrap .about ul li.b02::after{background:url("../images/about_bg02.jpg") center center no-repeat;background-size:cover;}
#wrap .about ul li.b03::after{background:url("../images/about_bg03.jpg") center center no-repeat;background-size:cover;}
#wrap .about ul li .caption{width:100%;font-size:17px;line-height:23px;font-weight:700;letter-spacing:0.08em;padding:30px 35px;box-sizing:border-box;position:absolute;bottom:0;
color:#FFF;
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
z-index:50;}
#wrap .about ul li .caption a{text-decoration:none;color:#FFF;}

@media screen and (min-width:961px){
#wrap .about ul li::after{-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#wrap .about ul li:hover::after{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-filter:brightness(1.2);filter:brightness(1.2);}
}

@media screen and (max-width:767px) {
#wrap .about .inner{padding:40px 10px 50px;}
#wrap .about ul{margin:30px 0 0;}
#wrap .about ul li{width:100%;height:120px;}
#wrap .about ul li + li{margin:10px 0 0;}
#wrap .about ul li.b01::after{background-position:center 20%;}
#wrap .about ul li.b02::after{background-position:center 20%;}
#wrap .about ul li.b03::after{background-position:center 45%;}
#wrap .about ul li .caption{font-size:20px;text-align:center;padding:20px 10px;}
}

/*-------------------------
__about2
-------------------------*/

#wrap .about2{background:url("../images/about2_bg01.jpg") center center no-repeat;background-size:cover;}
#wrap .about2 .inner{max-width:1100px;margin:0 auto;padding:65px 0;box-sizing:border-box;}
#wrap .about2 .about2_title{font-size:27px;line-height:35px;font-weight:700;letter-spacing:0.08em;text-align:center;margin:0 auto;color:#FFF;}
#wrap .about2 .about2_title span{display:inline-block;font-family:'Roboto Condensed',sans-serif;font-size:18px;line-height:25px;font-weight:normal;letter-spacing:0.05em;}
#wrap .about2 .txt{font-size:18px;line-height:28px;font-weight:700;letter-spacing:0.11em;text-align:center;margin:40px 0 0;color:#FFF;}
#wrap .about2 ul{overflow:hidden;margin:50px 20px 0;}
#wrap .about2 ul li{width:calc((100% - 60px) / 3);float:left;margin:0 30px 30px 0;}
#wrap .about2 ul li:nth-child(3n){margin-right:0;}
#wrap .about2 ul li:nth-last-child(1),
#wrap .about2 ul li:nth-last-child(2),
#wrap .about2 ul li:nth-last-child(3){margin-bottom:0;}
#wrap .about2 ul li a{display:block;font-size:18px;line-height:23px;font-weight:700;letter-spacing:0.05em;text-align:center;text-decoration:none;padding:25px 0;color:#333;background-color:#FFF;}

@media screen and (min-width:961px){
#wrap .about2 ul li a{-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
#wrap .about2 ul li a:hover{opacity:0.6;}
}

@media screen and (max-width:767px) {
#wrap .about2 .inner{padding:40px 10px 50px;}
#wrap .about2 .txt{font-size:13px; line-height: 22px;  margin:20px 0 0;}
#wrap .about2 ul{margin:30px 0 0;}
#wrap .about2 ul li{width:calc((100% - 10px) / 2);float:left;margin:0 10px 10px 0;}
#wrap .about2 ul li:nth-child(3n){margin-right:10px;}
#wrap .about2 ul li:nth-child(2n){margin-right:0;}
#wrap .about2 ul li a{font-size:15px;line-height:20px;padding:15px 10px;}
#wrap .about2 ul li:nth-of-type(3) a{font-size:13px;letter-spacing:normal;}
#wrap .about2 ul li:nth-of-type(6) a{font-size:13px;letter-spacing:normal;}
}

/*-------------------------
__information
-------------------------*/

#wrap .information{background:url("../images/information_bg01.jpg") center center repeat;background-size:20px;}
#wrap .information .inner{max-width:1100px;margin:0 auto;padding:70px 0;box-sizing:border-box;}
#wrap .information .information_title{font-size:27px;line-height:35px;font-weight:700;letter-spacing:0.08em;text-align:center;margin:0 auto;color:#0b3190;}
#wrap .information .information_title span{display:inline-block;font-family:'Roboto Condensed',sans-serif;font-size:18px;line-height:25px;font-weight:normal;letter-spacing:0.05em;}
#wrap .information ul{overflow:hidden;margin:50px 0 0;}
#wrap .information ul li{font-size:23px;line-height:25px;font-weight:700;letter-spacing:0.05em;float:left;box-sizing:border-box;color:#0b3190;}
#wrap .information ul li em{display:inline-block;font-family:'Roboto Condensed',sans-serif;font-size:77px;line-height:1;letter-spacing: -0.03em;margin:5px 0 0;}
#wrap .information ul li.n01{width:calc(99% / 3);height:210px;padding:20px 40px;border-right:1px solid #0b3190;border-bottom:1px solid #0b3190;
background:url("../images/information_p01.png") no-repeat;background-size:auto 75px;background-position:right 30px bottom 20px;}
#wrap .information ul li.n01 span{font-size:11px;line-height:17px;}
#wrap .information ul li.n02{width:calc(99% / 3);height:210px;padding:20px 50px;border-right:1px solid #0b3190;border-bottom:1px solid #0b3190;
background:url("../images/information_p02.png") no-repeat;background-size:auto 62px;background-position:right 50px bottom 20px;}
#wrap .information ul li.n03{width:calc(99% / 3);height:210px;padding:20px 50px;border-bottom:1px solid #0b3190;
background:url("../images/information_p03.png") no-repeat;background-size:auto 82px;background-position:right 40px bottom 20px;}
#wrap .information ul li.n03 span{font-size:11px;line-height:17px;}
/*#wrap .information ul li.n04{width:35%;height:270px;padding:30px 30px 30px 50px;
background:url("../images/information_p04.png") no-repeat;background-size:auto 91px;background-position:right 30px bottom 30px;}
#wrap .information ul li.n04 span{font-size:13px;line-height:17px;}
#wrap .information ul li.n05{width:35%;height:270px;padding:30px;
background:url("../images/information_p05.png") no-repeat;background-size:auto 110px;background-position:center bottom 30px;}
#wrap .information ul li.n05 p{width:50%;float:left;}
#wrap .information ul li.n05 p:nth-child(2){text-align:right;}
#wrap .information ul li.n05 em{font-size:55px;}
#wrap .information ul li.n05 span{font-size:17px;}
#wrap .information ul li.n06{width:30%;height:270px;padding:30px 50px 30px 30px;
background:url("../images/information_p06.png") no-repeat;background-size:auto 112px;background-position:center bottom 30px;}
#wrap .information ul li.n06 em{font-size:55px;}
#wrap .information ul li.n06 span{font-size:17px;}*/
#wrap .information ul li.n04{width:calc(99% / 3);height:210px;padding:20px 50px;border-right:1px solid #0b3190;
background:url("../images/information_p04.png") no-repeat;background-size:auto 78px;background-position:right 40px bottom 20px;}
#wrap .information ul li.n04 span{font-size:13px;line-height:17px;}
#wrap .information ul li.n05{width:calc(99% / 3);height:210px;padding:20px 50px;border-right:1px solid #0b3190;
background:url("../images/information_p05.png") no-repeat;background-size:auto 85px;background-position:right 60px bottom 20px;}
#wrap .information ul li.n05 span{font-size:13px;line-height:17px;}
#wrap .information ul li.n06{width:calc(99% / 3);height:210px;padding:20px 50px;
background:url("../images/information_p06.png") no-repeat;background-size:auto 68px;background-position:right 30px bottom 30px;}
#wrap .information ul li.n06 em{margin:0 5px 0 -5px}

@media screen and (max-width:1099px) {
#wrap .information ul li{font-size:19px;}
#wrap .information ul li em{font-size:57px;}
#wrap .information ul li.n01{padding:20px;}
#wrap .information ul li.n02{padding:20px;}
#wrap .information ul li.n03{padding:20px;}
/*#wrap .information ul li.n04{padding:30px 20px 30px 20px;}
#wrap .information ul li.n05{padding:30px 20px;}
#wrap .information ul li.n06{padding:30px 20px 30px 20px;}
#wrap .information ul li.n05 em{font-size:35px;}
#wrap .information ul li.n06 em{font-size:35px;}*/
#wrap .information ul li.n04{padding:20px;}
#wrap .information ul li.n05{padding:20px;}
#wrap .information ul li.n06{padding:20px;}
}

@media screen and (max-width:767px) {
#wrap .information .inner{padding:40px 10px 50px;}
#wrap .information ul{margin:30px 0 0;}
#wrap .information ul li{font-size:17px;}
#wrap .information ul li em{font-size:55px;}
#wrap .information ul li.n01{width:calc(100%);height:105px;padding:10px 10px;border-right:none;background-position:right 10px bottom 10px;}
#wrap .information ul li.n02{width:calc(100%);height:110px;padding:10px 10px;border-right:none;background-position:right 10px bottom 10px;}
#wrap .information ul li.n03{width:calc(100%);height:110px;padding:10px 10px;border-right:none;background-position:right 10px bottom 10px;}
/*#wrap .information ul li.n04{width:calc(100%);height:110px;padding:10px 0;border-bottom:1px solid #0b3190;background-size:auto 50px;background-position:right 0px bottom 10px;}
#wrap .information ul li.n05{width:calc(100%);height:180px;padding:10px 0;border-bottom:1px solid #0b3190;background-size:auto 100px;background-position:center bottom 10px;}
#wrap .information ul li.n05 em{margin:0;}
#wrap .information ul li.n06{width:calc(100%);height:120px;padding:10px 0;border-bottom:1px solid #0b3190;background-size:auto 100px;background-position:right 0px bottom 10px;}
#wrap .information ul li.n06 em{margin:0;}
#wrap .information ul li.n06 span{font-size:16px;}*/
#wrap .information ul li.n04{width:calc(100%);height:105px;padding:10px 10px;border-right:none;border-bottom:1px solid #0b3190;background-position:right 10px bottom 10px;}
#wrap .information ul li.n04 span{font-size:12px;line-height:16px;}
#wrap .information ul li.n05{width:calc(100%);height:110px;padding:10px 10px;border-right:none;border-bottom:1px solid #0b3190;background-position:right 10px bottom 12px;}
#wrap .information ul li.n06{width:calc(100%);height:110px;padding:10px 10px;border-right:none;border-bottom:1px solid #0b3190;background-position:right 10px bottom 20px;}
    
#wrap .business .business_title,
#wrap .service .service_title,
#wrap .about .about_title,
#wrap .about2 .about2_title,
#wrap .information .information_title{ font-size: 24px; line-height: 30px;}
#wrap .business .business_title span,
#wrap .service .service_title span,
#wrap .about .about_title span,
#wrap .about2 .about2_title span,
#wrap .information .information_title span{ font-size: 16px;}

}