.mainimgarea {position:relative;}
.mainimgarea .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100%;
	background:#000 url(../img/solution/solution_main.jpg) no-repeat center center;transform:scale(2.3);}
.mainimgarea.on .bgcover {transform:scale(1.0);transition:7s;}
.mainimgarea .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;}
.mainimgarea:hover .cover {opacity:1;transition:3s;}
.mainimgarea .mainimg {position:relative;z-index:100;padding:30vh 0px 25vh 0px;}

.mainimg .choice {position:absolute;display:block;width:180px;height:180px;cursor:pointer;}
.mainimg .choice01 {bottom:5vh;left:20vw;}
.mainimg .choice02 {bottom:35vh;left:120px;}
.mainimg .choice03 {top:10vh;left:50%;transform:translateX(-50%);}
.mainimg .choice04 {bottom:35vh;right:120px;}
.mainimg .choice05 {bottom:5vh;right:20vw;}
.mainimg .choice .circle {position:absolute;top:0px;left:0px;width:100%;height:100%;border-radius:50%;background:rgba(255,255,255,0.4);transform:scale(0.8);opacity:0.2;}
.mainimgarea.on .mainimg .choice .circle {transform:scale(1.0);opacity:1;transition:10s;}
.mainimgarea.on .mainimg .choice.enter .circle {background:rgba(255,255,255,0.7);transition:0s;}
.mainimgarea.on .mainimg .choice.leave .circle {background:rgba(255,255,255,0.4);transition:0s;}

.mainimg .choice .text {position:absolute;top:50%;left:0px;width:100%;transform:translateY(-50%);text-align:center;color:#fff;font-size:16px;}

/*SP*/
@media (max-width: 896px){
	.mainimg .choice {width:130px;height:130px;}
	.mainimg .choice01 {bottom:12vh;left:12vw;}
	.mainimg .choice02 {bottom:auto;top:19vh;left:0px;}
	.mainimg .choice03 {top:10vh;left:50%;transform:translateX(-50%);}
	.mainimg .choice04 {bottom:auto;top:19vh;right:0px;}
	.mainimg .choice05 {bottom:12vh;right:12vw;}
	.mainimg .choice .circle {width:130px;height:130px;}
	.mainimg .choice .text {font-size:12px;}
}


.choicearea {background:#221714;padding:70px 0px;}
.choicebox {width:800px;max-width:100%;margin:0px auto;}
.choicearea img {display:block;}
.choicearea .choice {display:block;width:250px;margin:0px auto;padding:20px 0px;text-align:center;border:solid #fff 1px;background:#eee;color:#221714;font-size:15px;}
.choicearea .choice:hover {cursor:pointer;opacity:0.9;}

/*SP*/
@media (max-width: 896px){
	.choicearea .inner {width:33.3333%;float:left;padding:0px 1px;}
	.choicearea .choice {width:100%;font-size:12px;}
	.choicearea .choice01 {width:50%;}
}

/*
.choicearea {text-align:center;background:#000 url(../img/solution/solution_bgchoicearea.jpg) no-repeat center center;background-size:cover;padding:100px 0px 0px 0px;}
.choicearea h2 {color:#fff;font-size:1.8rem;margin-bottom:20px;}
.choicebox {position:relative;width:100%;height:450px;margin:0px auto;}
.choice {position:absolute;display:block;padding:0px;text-align:center;font-weight:bold;cursor:pointer;}
.choice .circle {position:relative;height:13vw;width:13vw;background:rgba(255,255,255,1.0);border-radius:50%;box-shadow:0px 0px 20px rgba(0,0,0,0.2);}
.choice .circle {background:radial-gradient(#fff, #f2f2f2);}
.choice .circle.large {height:300px;width:300px;background:radial-gradient(#ddd, #ccc);}
.choice .text {position:absolute;top:50%;left:50%;width:100%;z-index:100;transform:translateX(-50%) translateY(-50%);}
.choice:hover .circle {filter:brightness(130%);}
.choice:hover .circle.large {filter:brightness(100%);}

@media (min-width: 897px){
	.choice01 {display:none;}
	.choice01-1 {top:0%;left:0%;}
	.choice01-2 {top:0%;right:0%;}
	.choice01-3 {top:30%;left:51%;display:none;}
	.choice01-4 {top:30%;left:70%;}
	.choice01-5 {top:30%;left:25%;}
	.choice01-6 {top:0%;left:27%;display:none;}
	.choice01-7 {top:30%;left:8%;}
	.choice01-8 {top:30%;left:80%;}
	.choice01-9 {top:30%;left:37%;}
	.choice01-10 {top:0%;right:8%;}
	.choice01-11 {bottom:30%;right:20%;}
	.choice01-12 {top:0%;right:31%;}
	.choice01-13 {bottom:30%;right:49%;}
	.choice01-14 {bottom:25%;right:37%;display:none;}
	.choice01-15 {bottom:30%;right:71%;display:none;}
	.choice01-16 {top:0%;left:18%;}
	.choice01-17 {bottom:0%;right:25%;}
	.choice01-18 {bottom:0%;left:10%;display:none;}
	.choice01-19 {top:32%;right:33%;display:none;}

	.choice02 {top:8%;left:15%;} .choice02 .circle {height:15vw;width:15vw;}
	.choice03 {top:3%;left:26%;}

	.choice04 {top:43%;right:20%;} .choice04 .circle {height:15vw;width:15vw;}
	.choice05 {top:5%;right:15%;} .choice05 .circle {height:15vw;width:15vw;}
	.choice06 {top:10%;right:27%;}

	.choice07 {bottom:3%;left:23%;} .choice07 .circle {height:15vw;width:15vw;}

	.choice08 {bottom:5%;left:38%;} .choice08 .circle {height:15vw;width:15vw;}
	.choice09 {bottom:36%;left:45%;}
	.choice010 {bottom:2%;left:53%;}
}

@media (max-width: 896px){
	.choice .circle {height:33vw;width:33vw;}
	.choice .circle.large {height:150px;width:150px;}
	.choice01-1 {top:0%;left:0%;}
	.choice01-2 {top:0%;right:0%;}
	.choice01-3 {top:30%;left:0%;}
	.choice01-4 {top:30%;right:0%;}
	.choice01-5 {top:60%;left:0%;}
	.choice01-6 {top:60%;right:0%;}
	.choice01-7 {top:10%;left:15%;}
	.choice01-8 {top:40%;right:15%;}
	.choice01-9 {top:70%;left:20%;}
	.choice01-10 {top:0%;right:8%;display:none;}
	.choice01-11 {bottom:30%;right:20%;display:none;}
	.choice01-12 {top:0%;right:31%;display:none;}
	.choice01-13 {bottom:30%;right:49%;display:none;}
	.choice01-14 {bottom:25%;right:37%;display:none;}
	.choice01-15 {bottom:30%;right:71%;display:none;}
	.choice01-16 {top:0%;left:18%;display:none;}
	.choice01-17 {bottom:0%;right:25%;display:none;}
	.choice01-18 {bottom:0%;left:10%;display:none;}
	.choice01-19 {top:32%;right:33%;display:none;}

	.choice02 {top:5%;left:12%;}
	.choice03 {top:0%;left:45%;}
	.choice04 {top:31%;left:5%;}
	.choice05 {top:25%;left:33%;}
	.choice06 {top:28%;left:63%;}
	.choice07 {top:48%;left:37%;}
	.choice08 {top:62%;left:8%;}
	.choice09 {top:60%;left:63%;}
	.choice010 {top:77%;left:35%;}
}
*/


/*
.choicebox {position:relative;width:890px;height:450px;margin:0px auto;}
*/
.solutions {background-color:#4c4948;}
.solutions .content {perspective:5000px;padding:5px;background:#eee;}

.choiceabout {padding:70px;display:none;}

.onesolution {padding:2px;}
.wrap {padding:20px;height:100%;background:#fff;}
.onesolution .image {height:180px;background-color:#ddd;background-position:center center;background-repeat:no-repeat;background-size:cover;margin-bottom:5px;}
.onesolution h2 {font-size:1.8rem;font-weight:normal;}
.onesolution h3 {font-size:1.0rem;font-weight:normal;}

.solution01 .image {background-image:url(../img/solution/solution01.jpg);}
.solution02 .image {background-image:url(../img/solution/solution02.jpg);}
.solution03 .image {background-image:url(../img/solution/solution03.jpg);}
.solution04 .image {background-image:url(../img/solution/solution04.jpg);}
.solution05 .image {background-image:url(../img/solution/solution05.jpg);}
.solution06 .image {background-image:url(../img/solution/solution06.jpg);}
.solution07 .image {background-image:url(../img/solution/solution07.jpg);}
.solution08 .image {background-image:url(../img/solution/solution08.jpg);}
.solution09 .image {background-image:url(../img/solution/solution09.jpg);}
.solution10 .image {background-image:url(../img/solution/solution10.jpg);}

/*PC*/
@media (min-width: 897px){
	.onesolution {width:33.3333%;float:left;}
}
/*SP*/
@media (max-width: 896px){
	.choicearea {padding:50px 15px;}
	.choicearea h2 {font-size:1.4rem;}
	.choiceabout {padding:15px;}
	.onesolution .image {height:150px;}
}