@charset "UTF-8";@media screen and (max-width:767px){#visArea2 #spVis{background:0 0;padding:20px 4% 0;height:240px;overflow:visible;position:relative;z-index:0;width:100%}#visArea2 #spVis:after{content:"";position:absolute;z-index:2;bottom:-20px;left:0;width:100%;height:50px;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/wave_down.svg) 20% 100% no-repeat;background-size:100% 50px}#project_story_ito #visArea2 #spVis{background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/ps_ito_main.jpg) 0 0 no-repeat;background-size:cover}#project_story_sakamoto #visArea2 #spVis{background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/ps_sakamoto_main.jpg) 0 0 no-repeat;background-size:cover}#visArea2 .ctgName{margin:0 0 10px;font-size:3.4rem;letter-spacing:1px;line-height:1;color:#333}#visArea2 .ctgName span{display:block}#visArea2 .catch{text-shadow:0 0 5px rgba(255,255,255,1);font-size:2rem;line-height:1.5;font-weight:500;letter-spacing:2px;color:#333}#visArea2 .catch span{display:block;margin:4px 0 0;font-size:1.7rem}#visArea2 .intro{margin:6px 4% 20px}#visArea2 .blueBox{width:90%;margin:10px auto 0;padding:16px 4% 20px;background:rgba(4,168,224,.8);color:#fff}#visArea2 .blueBox h2{margin:0 0 10px;font-size:2.4rem;letter-spacing:1px}#visArea2 .blueBox h2 span{display:block;margin:0 0 6px;font-size:1.6rem}#visArea2 .blueBox .fontEng{margin:0 0 16px;font-size:1.4rem;letter-spacing:1px}#visArea2 .blueBox p{font-size:1.3rem}.outline{position:relative;margin:0 3% 40px;padding:0 0 20px;border-bottom:3px solid #4586b9}.outline .sttl{padding:20px 1% 20px;font-size:2rem;font-weight:500}.outline:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:#4586b9}.outline .mainArea{padding:0 1%}.outline .mainArea .imgArea{margin:0 0 16px}.baseSect .headArea{position:relative;margin:0 0 20px;border-bottom:3px solid #4586b9}.baseSect .catch{padding:20px 1% 20px;font-size:2rem;font-weight:500}.baseSect .headArea:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:#4586b9}.baseSect .flImg,.baseSect .frImg{float:none;padding:0 1%}.baseSect .frImg img:nth-child(2){display:none}.baseSect .subArea{margin:20px 1% 0}.baseSect .sttl{position:relative;margin:0 0 8px;text-indent:38px;font-size:1.7rem}.baseSect .sttl:before{content:"";position:absolute;top:14px;left:4px;width:30px;height:1px;background:#4586b9}.lnav2 .cntBox{background:#f8f6f2;margin:0 4%;padding:16px 0 10px;border-radius:4px}.lnav2 .sttl{margin:0 3% 15px;padding:0 1% 15px;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/dotline3.png) 0 100% repeat-x;background-size:auto 1px;font-size:1.6rem;letter-spacing:1px;text-align:center}.lnav2 ul{padding:0 3%}.lnav2 li{margin:0 0 10px}.lnav2 li a{position:relative;display:flex;align-items:center;background:#fff;width:100%;padding:10px}.lnav2 li a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/arrow_gr.png) 96% 50% no-repeat;background-size:6px auto}.lnav2 li img{width:80px;margin:0 12px 0 0}.lnav2 li .boxTtl{width:50vw;font-size:1.6rem}.lnav2 li .boxTtl .fontSmall1{display:block;font-size:1.4rem}.lnav2 li .boxTtl .fontSmall2{display:block;margin:0 0 3px;font-size:1.3rem}.lnav2 li .fontEng{display:none}}@media screen and (min-width:768px){#visArea2{position:relative;z-index:-1;height:774px;margin:-40px 0 0}#visArea2:before{content:"";position:absolute;z-index:2;top:-130px;left:0;width:100%;height:200px;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/wave_up.svg) 50% 0 no-repeat;background-size:102% 200px}#visArea2:after{content:"";position:absolute;z-index:2;bottom:-100px;left:0;width:100%;height:200px;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/wave_down.svg) 50% 100% no-repeat;background-size:102% 200px}#project_story_ito #visArea2{background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/ps_ito_main.jpg) 0 0 no-repeat;background-size:cover}#project_story_sakamoto #visArea2{background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/ps_sakamoto_main.jpg) 0 0 no-repeat;background-size:cover}#visArea2 .areaInner{position:relative;width:1200px;height:774px;margin:0 auto;padding:160px 0 0}#visArea2 .ctgName{margin:0 0 30px;font-size:86px;font-size:8.6rem;letter-spacing:3px;line-height:1.1;color:#333}#visArea2 .ctgName span{display:block}#visArea2 .catch{font-size:40px;font-size:4rem;line-height:1.5;font-weight:500;letter-spacing:2px;color:#333}#visArea2 .catch span{font-size:35px;font-size:3.5rem}#visArea2 .intro{margin:30px 0 0;font-size:16px;font-size:1.6rem}#visArea2 .blueBox{position:absolute;z-index:3;right:0;bottom:-40px;width:300px;padding:20px 16px 20px;background:rgba(4,168,224,.8);color:#fff}#visArea2 .blueBox h2{margin:0 0 10px;font-size:37px;font-size:3.7rem;letter-spacing:1px}#visArea2 .blueBox h2 span{display:block;margin:0 0 6px;font-size:18px;font-size:1.8rem}#visArea2 .blueBox .fontEng{margin:0 0 16px;font-size:16px;font-size:1.6rem;letter-spacing:1px}#visArea2 .blueBox p{font-size:13px;font-size:1.3rem}#topicPath{position:absolute;left:calc(50% - 600px);width:1200px;margin:15px 0 0}.outline{margin:0 0 80px}.outline .areaInner{position:relative;padding:0 0 40px;border-bottom:3px solid #4586b9}.outline .areaInner:before{content:"";position:absolute;z-index:-1;top:18px;left:0;width:100%;height:3px;background:#4586b9}.outline .sttl{display:inline-block;margin:0 0 30px;padding:0 20px 0 0;background:#fff;font-size:28px;font-size:2.8rem}.outline .mainArea{display:table;padding:0 20px}.outline .imgArea{display:table-cell;vertical-align:middle;width:480px}.outline p{display:table-cell;vertical-align:middle;padding:0 0 0 40px;letter-spacing:1px}.baseSect .frImg{width:600px}.baseSect .frImg img:nth-child(1){position:relative;z-index:1;margin:0 0 0 150px}.baseSect .frImg img:nth-child(2){margin:-80px 0 0}.baseSect .flImg{width:600px}#sect01 .txtArea{width:524px;float:left}#sect02 .txtArea{width:524px;float:right}.baseSect .subArea{margin:0 0 40px;letter-spacing:1px}.baseSect .sttl{position:relative;margin:0 0 16px;font-size:20px;font-size:2rem}.lnav2 .cntBox{background:#f8f6f2;margin:0 50px;padding:16px 0 10px;border-radius:4px}.lnav2 .sttl{margin:0 20px 18px;padding:0 10px 15px;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/dotline3.png) 0 100% repeat-x;background-size:auto 1px;font-size:18px;font-size:1.8rem;letter-spacing:1px;text-align:center}.lnav2 ul{padding:0 30px;display:flex;flex-wrap:wrap}.lnav2 li{display:flex;width:calc((100% - 20px) / 2);margin:0 20px 20px 0}.lnav2 li:nth-child(2n){margin:0 0 20px}.lnav2 li a{position:relative;display:flex;align-items:center;background:#fff;width:100%;padding:0 0 0 10px;height:124px}.lnav2 li a:before{content:"";position:absolute;top:0;left:0}.lnav2 li a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/arrow_gr.png) 96% 50% no-repeat;background-size:6px auto}.lnav2 li img{width:104px;margin:0 12px 0 0}.lnav2 li .boxTtl{width:300px;font-size:20px;font-size:2rem;letter-spacing:1px}.lnav2 li .boxTtl .fontSmall1{margin:0 0 0 .8em;font-size:17px;font-size:1.7rem}.lnav2 li .boxTtl .fontSmall2{display:block;margin:4px 0 0;font-size:15px;font-size:1.5rem}.lnav2 li .fontEng{width:40px;text-align:right;font-size:24px;font-size:2.4rem;opacity:.8;line-height:1}}