@charset "UTF-8";

header{z-index:2;}

main{position:relative;z-index:1;}
main section{padding:0;}

.solution-map{position:relative;width:100%;margin:0 auto;font-size:20px;text-align:center;}
.solution-map:before{content:'';display:block;position:relative;width:10em;}
.solution-map h1,.solution-map h2,.solution-map h3,.solution-map h4,.solution-map h5,.solution-map h6,.solution-map li{font-size:100%;text-align:left;margin:0 auto;padding:0;}
.solution-map p{color:#282828;font-size:15px;font-style:normal;font-weight:normal;line-height:1.6em;text-align:left;}

#layout-judgement{display:block;width:0;}

.solution-section{width:96.522%;max-width:1110px;margin:0 auto;}

/*--------------------
スライダー
----------------------*/
.slider-head{width:100%;margin:0 auto 0.901%;}
.slider-head h2,
.slider-head p{margin:0 auto;color:#282828;font-style:normal;text-align:center;}
.slider-head h2{font-size:26px;font-weight:bold;line-height:1.3847em;}
.slider-head p{font-size:15px;font-weight:normal;line-height:1.6em;margin-top:1em;}

.slider{position:relative;width:100%;margin:0 auto;}
.slider-item{position:absolute;top:0;left:0;margin:1.802% auto 0;width:100%;z-index:2;}
.slider-dummy{position:relative;width:33.334%;z-index:1;}
.slider-dummy:before{content:'';display:block;}
.slider-navi-dummy{position:relative;width:0;z-index:1;}
.item-list{position:relative;}
.item-list:after{content:'';display:block;clear:both;}
.item-box{position:relative;float:left;}
.item-layout{position:relative;font-size:15px;width:89.1892%;margin:0 auto;margin-left:5.406%;background-color:#fff;box-shadow: 3px 3px 10px 5px rgba(85,85,85, 0.3);}
.item-layout p{position:relative;width:87.879%;margin:0 auto;z-index:1;}
.item-layout div.slider-title,
.item-layout div.slider-text{font-size:15px;position:relative;width:87.879%;margin:0 auto;padding:0;z-index:1;}
.item-layout div.slider-title h3,
.item-layout div.slider-text p{color:#282828;font-style:normal;text-align:left;width:100%;}
.item-layout p.slider-img{width:100%;padding-bottom:1em;}
.item-layout p.slider-img img{display:block;width:100%;height:auto;}
.item-layout p.slider-category{color:#fff;text-align:center;}
.item-layout p.slider-category:after{content:'';display:block;padding-top:0.3334em;clear:both;}
.item-layout p.slider-category span{display:block;line-height:2em;width:auto;float:left;margin:0 auto 0.6667em;margin-right:0.6667em;padding:0 2em;background-color:#0a9bcd;}
.item-layout p.slider-date{padding-bottom:0.4em;}
.item-layout div.slider-title{padding-bottom:0.8667em;}
.item-layout div.slider-title h3{font-size:18px;font-weight:bold;line-height:1.5556em;}
.item-layout div.slider-text{padding-bottom:1.6em;}
.item-layout p.slider-tag{color:#fff;text-align:center;}
.item-layout p.slider-tag:after{content:'';display:block;padding-top:0.3334em;clear:both;}
.item-layout p.slider-tag span{display:block;line-height:2em;width:auto;float:left;margin:0 auto 0.6667em;margin-right:0.6667em;padding:0 0.6667em;background-color:#7e7e7e;}
.item-layout p.slider-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
.item-layout p.slider-link a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.item-layout p.slider-link a:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0;transition:all 0.5s ease;}
.item-layout p.slider-link a span{display:none;}
.item-layout p.slider-link a:hover:before{opacity:0.4;}

.slider-clone{position:absolute;top:0;}

.slider-navi{position:absolute;top:0;left:0;width:100%;overflow:hidden;z-index:3;}
.slider-navi ul{margin:0 auto;}
.slider-navi ul li{float:left;}
.slider-navi ul li a{display:block;margin:0 auto;border-radius:100%;background-color:#e6e6e6;}
.slider-navi ul li.selected a{background-color:#0a9bcd;}

/*--------------------
タイトル
----------------------*/
.map-title{width:98.199%;margin:0 auto;padding:1.532% 0 4.145%;}
.map-title h1{color:#282828;font-size:32px;font-style:normal;font-weight:bold;line-height:1.5625em;text-align:left;}
.map-title p{width:50.459%;margin:1em auto 0;margin-left:0;}

/*--------------------
マップ
----------------------*/
#map{position:relative;width:100%;max-width:none;margin:0 auto 3.75em;padding:0;}
#map:before,
#map:after{content:'';display:block;position:absolute;left:0;width:100%;padding-top:1px;background-color:#c6c6c6;z-index:1;}
#map:before{top:0;}
#map:after{bottom:0;}

.map-box{position:relative;width:96.522%;max-width:1110px;margin:0 auto;}

#map-bg{position:relative;z-index:1;}
#map-bg:before{content:'';display:block;position:relative;padding-top:58.559%;z-index:1;}
#map-bg img{position:absolute;top:0;left:-1.622%;margin:2.523% auto 0;width:104.055%;max-width:none;z-index:2;}

.map-layout{position:absolute;top:0;left:0;bottom:0;margin:0 auto;width:100%;z-index:2;}
.map-layout ul{position:relative;font-size:20px;}
.map-layout ul:after{content:'';display:block;clear:both;}
.map-layout ul li{position:absolute;top:0;left:0;margin:0 auto;height:2.5em;z-index:10;}
.map-layout ul li span{display:block;position:relative;cursor:pointer;}
.map-layout ul li span:before,
.map-layout ul li span:after{content:'';display:block;}
.map-layout ul li span:before{position:relative;padding:2.5em 0 0;z-index:1;}
.map-layout ul li span img{position:absolute;top:0;left:0;margin:0 auto;width:auto;max-width:none;height:3em;z-index:2;opacity:1;}
.map-layout ul li span:after{position:absolute;top:0;left:0;margin:0 auto;width:100%;max-width:none;height:0;background-repeat:no-repeat;background-position:left top;background-size:auto 100%;z-index:3;}
.map-layout ul li span:hover img{opacity:0;}
.map-layout ul li span:hover:after{height:120%;}

/* ------------------------------------------------------------------------------------------ */
.map-layout ul li:nth-child(1){left:81.982%;margin-top:45.946%;width:6.75em;}
.map-layout ul li:nth-child(1) span:after{width:7.25em;background-image:url("../images/map-btn01-ov.png");}
.map-layout ul li:nth-child(2){left:39.6397%;margin-top:2.703%;width:6.75em;}
.map-layout ul li:nth-child(2) span:after{width:7.25em;background-image:url("../images/map-btn02-ov.png");}
.map-layout ul li:nth-child(3){left:57.658%;margin-top:7.208%;width:6.75em;}
.map-layout ul li:nth-child(3) span:after{width:7.25em;background-image:url("../images/map-btn03-ov.png");}
.map-layout ul li:nth-child(4){left:52.253%;margin-top:26.127%;width:7.5em;}
.map-layout ul li:nth-child(4) span:after{width:8em;background-image:url("../images/map-btn04-ov.png");}
.map-layout ul li:nth-child(5){left:44.145%;margin-top:31.532%;width:6.75em;}
.map-layout ul li:nth-child(5) span:after{width:7.25em;background-image:url("../images/map-btn05-ov.png");}
.map-layout ul li:nth-child(6){left:85.586%;margin-top:16.2176%;width:7.5em;}
.map-layout ul li:nth-child(6) span:after{width:8em;background-image:url("../images/map-btn06-ov.png");}
.map-layout ul li:nth-child(7){left:20.721%;margin-top:44.145%;width:6.75em;}
.map-layout ul li:nth-child(7) span:after{width:7.25em;background-image:url("../images/map-btn07-ov.png");}
.map-layout ul li:nth-child(8){left:0.901%;margin-top:6.307%;width:6.75em;}
.map-layout ul li:nth-child(8) span:after{width:7.25em;background-image:url("../images/map-btn08-ov.png");}
.map-layout ul li:nth-child(9){left:2.703%;margin-top:39.6397%;width:7em;}
.map-layout ul li:nth-child(9) span:after{width:7.5em;background-image:url("../images/map-btn09-ov.png");}
.map-layout ul li:nth-child(10){left:59.4595%;margin-top:49.5496%;width:7em;}
.map-layout ul li:nth-child(10) span:after{width:7.5em;background-image:url("../images/map-btn10-ov.png");}

/*--------------------
その他のソリューション
----------------------*/
#others .slider{overflow:hidden;}
#others .slider-head{margin-bottom:4.415%;}

#others .slider-dummy{width:34.685%;}
#others .slider-dummy:before{padding-top:119.481%;}

#others .slider-item{margin-top:0;}

#others #others-clone1{right:100%;}
#others #others-clone2{left:100%;}

#others .item-layout{width:88.312%;min-height:25.6667em;margin-left:0;box-shadow:0px 0px 0px 0px rgba(0,0,0,0);}
#others .item-layout div.slider-title,
#others .item-layout div.slider-text{width:100%;}
#others .item-layout div.slider-title{min-height:3.734em;}
#others .item-layout div.slider-text{padding-bottom:1.2667em;}

#others .link-blue{font-size:15px;line-height:3.3334em;width:300px;height:auto;margin:0 auto 0;padding:0 0 9.0091%;}
#others .link-blue .button{display:block;width:100%;height:auto;overflow:hidden;}

/*--------------------
ポップアップ
----------------------*/
#popup{position:absolute;top:0;left:0;width:100%;max-width:none;height:0;overflow:hidden;z-index:999;}

.popuptable{display:table;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}

.popuptd{display:table-cell;vertical-align:middle;width:100%;height:100%;text-align:center;}

.popupimage{display:none;width:100%;max-width:600px;margin:50px auto;position:relative;z-index:2;}
.popupimage p{margin:0 auto;position:relative;z-index:1;}

.popuplayout{font-size:20px;background-color:#0a9bcd;}
.popuplayout:before,
.popuplayout:after{content:'';display:block;}
.popuplayout:before{position:absolute;top:0;left:0;bottom:0;width:100%;box-sizing:border-box;border:0.15em solid #fff;z-index:1;}
.popuplayout:after{clear:both;z-index:1;}

.popuphead,
.popuptext,
.popupclose{position:relative;z-index:2;}

.popuphead{width:100%;margin:0 auto 1.5%;}
.popuphead:before{content:'';display:block;position:absolute;top:0;left:6.1668%;margin:5.3334% auto 0;width:22.1668%;padding-top:8.1668%;background:url("../images/popup-head.png") no-repeat center;background-size:100% auto;z-index:2;}
.popuphead h2{position:relative;color:#fff;font-size:26px;font-style:normal;font-weight:bold;line-height:1.6924em;text-align:center;width:100%;margin:0 auto;padding:0;z-index:3;}
.popuphead p{position:relative;width:100%;margin:0 auto;padding:0;z-index:1;}
.popuphead p:before{content:'';display:block;position:relative;padding:42% 0 0;z-index:1;}
.popuphead p img{position:absolute;top:0;left:20.834%;margin:5% auto 0;width:58.334%;max-width:none;z-index:2;}

.popuptext{font-size:20px;width:60%;min-height:5.55em;margin:0 auto;padding:0 0 4%;}
.popuptext p{color:#fff;font-size:15px;font-style:normal;font-weight:normal;line-height:1.8668em;text-align:left;}

.popupdetail{width:100%;margin:0 auto;padding:0 0 3.3334%;}
.popupdetail p{color:#fff;font-size:15px;font-style:normal;font-weight:normal;line-height:3.3334em;text-align:center;width:41.668%;margin:0 auto;}
.popupdetail p a{display:block;color:#0a9bcd;text-decoration:none;background-color:#fff;}
.popupdetail p a:hover{text-decoration:underline;}

.popupclose{width:8.334%;margin:0 auto;padding:0 0 1.6668%;}
.popupclose span{display:block;width:100%;padding:160% 0 0;background:url("../images/popup-close.png") no-repeat center;background-size:100% auto;opacity:1;cursor:pointer;}
.popupclose span:hover{opacity:0.8;}

.viewpopup{display:block;}

#popupbg{position:fixed;top:0;left:0;width:100%;height:0;background-color:#282828;opacity:0.8;z-index:1;}

body.opened #popup{height:auto;overflow:visible;}
body.opened #popupbg{position:fixed;height:100%;}

@media only screen and (max-width: 1366px) {

.solution-map{font-size:1.4642vw;}

}

@media only screen and (max-width: 1150px) {

.solution-map{font-size:1.73914vw;}
.solution-map p{font-size:1.3044vw;}

/*--------------------
スライダー
----------------------*/
.slider-head h2{font-size:2.2609vw;}
.slider-head p{font-size:1.30435vw;}
.item-layout{font-size:1.30435vw;box-shadow: 0.2em 0.2em 0.6667em 0.3334em rgba(85,85,85, 0.3);}
.item-layout p{font-size:1.30435vw;}
.item-layout div.slider-title,
.item-layout div.slider-text{font-size:1.30435vw;}
.item-layout div.slider-title h3{font-size:1.5653vw;}
.item-layout div.slider-text{padding-bottom:1.6em;}

/*--------------------
タイトル
----------------------*/
.map-title h1{font-size:2.7827vw;}

/*--------------------
マップ
----------------------*/
.map-layout ul{font-size:1.7392vw;}

}

@media only screen and (max-width: 819.4px) {

.solution-map{font-size:2.6668vw;}
.solution-map:before{padding-top:19px;}
.solution-map p{font-size:3.0668vw;line-height:1.5653em;}

#layout-judgement{width:100%;}

.solution-section{width:84%;max-width:none;}

/*--------------------
スライダー
----------------------*/
.slider-head{margin-bottom:0.668%;}
.slider-head h2{font-size:5.6vw;line-height:1.5239em;}
.slider-head p{font-size:3.0667vw;line-height:1.5653em;margin-top:0.82609em;}

.slider-item{margin-top:4%;margin-left:8%;}
.slider-dummy{width:100%;}
.slider-navi-dummy{width:5.334%;}
.item-layout{font-size:3.4667vw;width:84%;margin-left:0%;box-shadow: 0.115384em 0.115384em 0.38462em 0.192306em rgba(85,85,85, 0.3);}
.item-layout p{width:88.8889%;}
.item-layout div.slider-title,
.item-layout div.slider-text{font-size:3.0668vw;width:88.8889%;}
.item-layout p.slider-img{padding-bottom:1.7392em;}
.item-layout p.slider-img:before{content:'';display:block;position:relative;padding-top:66.668%;z-index:1;}
.item-layout p.slider-img img{position:absolute;top:0;left:0;z-index:2;}
.item-layout p.slider-category:after{padding-top:0.5239em;}
.item-layout p.slider-category span{font-size:2.8vw;line-height:1.9048em;margin-bottom:0.4762em;margin-right:0.4762em;padding:0 0.9524em;}
.item-layout p.slider-date{font-size:3.0668vw;line-height:1.3914em;padding-bottom:0.6522em;}
.item-layout div.slider-title{padding-bottom:0.6528em;}
.item-layout div.slider-title h3{font-size:3.4668vw;line-height:1.6154em;}
.item-layout div.slider-text{padding-bottom:1.2609em;}
.item-layout p.slider-tag:after{padding-top:1.08696em;}
.item-layout p.slider-tag span{font-size:2.8vw;line-height:1.9048em;margin-bottom:0.4762em;margin-right:0.4762em;padding:0 0.9524em;}
.item-layout p.slider-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
.item-layout p.slider-link a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.item-layout p.slider-link a:before{display:none;}
.item-layout p.slider-link a span{display:none;}
.item-layout p.slider-link a:hover:before{opacity:0;}

.slider-clone{position:absolute;top:0;}

.slider-navi{position:absolute;top:0;left:0;width:100%;overflow:hidden;z-index:3;}
.slider-navi ul{width:5.334%;margin:0 auto;}
.slider-navi ul li{float:left;}
.slider-navi ul li a{display:block;width:50%;margin:0 auto;padding-top:50%;border-radius:100%;}

/*--------------------
タイトル
----------------------*/
#title{width:100%;}

.map-title{width:89.334%;padding:7.734% 0 4.4%;}
.map-title h1{font-size:6.6668vw;line-height:1.4em;}
.map-title p{font-size:3.4668vw;line-height:1.46154em;width:100%;margin-top:1.3462em;}

/*--------------------
マップ
----------------------*/
#map{margin-bottom:14.668%;}
#map:after{display:none;}
.map-box{width:100%;max-width:none;}
#map-bg{margin-bottom:5.334%;overflow:hidden;}
#map-bg:before{padding-top:64%;}
#map-bg img{left:0%;margin-top:6.268%;width:100.134%;}
#map-bg:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;padding-top:1px;background-color:#c6c6c6;z-index:1;}

.map-layout{position:relative;top:auto;left:auto;bottom:auto;width:98.668%;margin-right:0;}
.map-layout ul{font-size:2.6668vw;}
.map-layout ul li{position:relative;top:auto;left:auto;height:auto;float:left;margin-left:4.055%;margin-bottom:4.055%;}
.map-layout ul li span:before{padding-top:125.625%;}
.map-layout ul li span img{position:absolute;top:0;left:-0.625%;margin-top:-0.625%;width:105.625%;height:auto;}
.map-layout ul li span:after{display:none;}
.map-layout ul li span:hover img{opacity:1;}

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

.map-layout ul li:nth-child(1){left:auto;margin-top:0;width:43.244%;}
.map-layout ul li:nth-child(2){left:auto;margin-top:0;width:43.244%;}
.map-layout ul li:nth-child(3){left:auto;margin-top:0;width:43.244%;}
.map-layout ul li:nth-child(4){left:auto;margin-top:0;width:43.244%;}
.map-layout ul li:nth-child(5){left:auto;margin-top:0;width:43.244%;}
.map-layout ul li:nth-child(6){left:auto;margin-top:0;width:43.244%;}
.map-layout ul li:nth-child(7){left:auto;margin-top:0;width:43.244%;}
.map-layout ul li:nth-child(8){left:auto;margin-top:0;width:43.244%;}
.map-layout ul li:nth-child(9){left:auto;margin-top:0;width:43.244%;}
.map-layout ul li:nth-child(10){left:auto;margin-top:0;width:43.244%;}

/*--------------------
その他のソリューション
----------------------*/
#others{width:100%;}
#others .slider-head{margin-bottom:10%;}
#others .slider-head h2{font-size:6vw;line-height:1.4223em;}
#others .slider-dummy{width:80%;}
#others .slider-dummy:before{padding-top:126.668%;}
#others .item-layout{width:90%;min-height:25.731em;}
#others .item-layout p.slider-img{padding-bottom:0.95653em;}
#others .item-layout p.slider-img:before{padding-top:61.852%;}
#others .item-layout div.slider-title{min-height:3.9129em;padding-bottom:0.9566em;}
#others .item-layout div.slider-title h3{font-size:3.7334vw;line-height:1.6072em;}
#others .item-layout div.slider-text{padding-bottom:1.3044em;}
#others .item-layout div.slider-text p{font-size:3.2vw;line-height:1.5834em;}
#others .slider-item{margin-left:14%;}
#others .slider-navi{margin-top:84.668%;}

#others .link-blue{font-size:3.7334vw;line-height:2.8572em;width:72%;padding-bottom:20%;}
#others .link-blue .button{height:auto;}

/*--------------------
ポップアップ
----------------------*/
.popupimage{width:89.334%;max-width:none;margin:5.334% auto;}

.popuphead{margin-bottom:3.583%;}
.popuphead:before{left:4.478%;margin-top:4.926%;width:25.821%;padding-top:9.254%;background-image:url("../images/sp-popup-head.png");}
.popuphead h2{font-size:5.0668vw;line-height:1.6843em;}
.popuphead p:before{padding-top:60.896%}
.popuphead p img{left:13.433%;width:72.986%;margin-top:7.463%;}

.popuptext{font-size:2.6668vw;}
.popuptext{width:77.612%;min-height:10.2em;padding-bottom:5.971%;}
.popuptext p{font-size:3.4668vw;line-height:1.7308em;}

.popupdetail{padding-bottom:14.1792%;}
.popupdetail p{font-size:3.7334vw;line-height:2.8572em;width:77.612%;}
.popupdetail p a:hover{text-decoration:none;}

.popupclose{width:8.956%;padding-bottom:5.224%;}
.popupclose span{padding-top:150%;background-image:url("../images/sp-popup-close.png");}
.popupclose span:hover{opacity:1;}

}