@charset "UTF-8";@media screen and (max-width:767px){#advantage #sect01 .cntBox{margin:30px 1% 40px}#advantage #sect01 .cntBox .headArea{width:100%;margin:0 0 10px}#advantage #sect01 .cntBox .headArea .fontEng{margin:0 0 6px;background:#3e84b8;font-family:'Oswald',sans-serif;font-size:1.8rem;color:#fff;text-align:center;letter-spacing:2px}#advantage #sect01 .cntBox .headArea .txtArea{padding:4px 0}#advantage #sect01 .cntBox .headArea .sttl{margin:0 0 8px;font-size:1.7rem;letter-spacing:1px;text-align:center}#advantage #sect01 .cntBox .imgArea{display:flex;flex-wrap:wrap;margin:0 0 10px}#advantage #sect01 .cntBox .imgBox{width:calc((100% - 10px) / 2);margin:0 10px 10px 0}#advantage #sect01 .cntBox .imgBox:nth-child(2n){margin:0 0 10px}#advantage #sect01 .cntBox .imgBox img{width:100%;height:100%;object-fit:cover}#advantage #sect01 .cntBox .btnArea a{width:80%;margin:0 auto;padding:14px 0 16px;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/plus.svg) 96% 50% no-repeat #5b5a58;color:#fff;text-align:center;font-size:1.3rem;letter-spacing:2px;cursor:pointer}#advantage #sect01 .miniSect{margin:40px 0 0}#advantage #sect01 .miniSect .cntBox{background:#f3f0e9;margin:40px 1% 0;padding:16px}#advantage #sect01 .miniSect .boxTtl{margin:0 0 10px;padding:14px 10px;background:#fff;text-align:center}#advantage #sect01 .miniSect .rightArea{vertical-align:top;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/img101_c.jpg) 50% 100% no-repeat;background-size:auto 162px;padding:10px 0 190px}#advantage #sect01 .miniSect .ban{width:220px;margin:20px auto 0}#advantage #sect01 .miniSect .ban img{width:100%}#advantage #sect02 ul{background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/dotline3.png) 0 0 repeat-x;background-size:auto 1px}#advantage #sect02 li{position:relative;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/dotline3.png) 0 100% repeat-x;background-size:auto 1px;padding:16px 1%}#advantage #sect02 li .fontEng{margin:0 0 12px;padding:10px 10px 8px;color:rgba(255,255,255,.8);font-size:1.4rem;letter-spacing:1px;line-height:1;vertical-align:top}#advantage #sect02 li:nth-child(1n) .fontEng{background:rgba(48,193,243,.8)}#advantage #sect02 li:nth-child(2n) .fontEng{background:rgba(4,168,224,.8)}#advantage #sect02 li:nth-child(3n) .fontEng{background:rgba(3,131,190,.8)}#advantage #sect02 li:nth-child(4n) .fontEng{background:rgba(14,101,166,.8)}#advantage #sect02 li .fontEng span{display:inline-block;margin:-4px 0 0 4px;font-family:'Oswald',sans-serif;font-size:1.8rem;vertical-align:top}#advantage #sect02 li .imgBox{margin:0 0 10px}#advantage #sect02 li .imgBox img{width:100%;height:100%;object-fit:cover}#advantage #sect02 li .boxTtl{margin:0 0 8px;font-size:1.8rem;font-weight:500}#advantage #sect02 .botArea{margin:24px 1% 0;padding:8px 20px 10px;background:rgba(14,101,166,.8);font-size:1.8rem;text-align:center;color:#fff;font-weight:500}#example .contBlock{margin:0 auto 50px}#example .contBlock:last-child{margin:0 auto}#example #sect01 .mainArea{padding:0 2% 10px}#example #sect01 .mainArea .ttl03{padding:20px 0 0}#example #sect01 .mainArea img{float:none}#example #sect01 .mainArea ul{margin:14px 0 0}#example #sect01 .mainArea li{margin:8px 0;letter-spacing:1px}#example #sect01 .subArea{display:block;padding:20px 2%;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/dotline3.png) 0 0 repeat-x;background-size:auto 1px}#example #sect01 .subArea .imgArea{position:relative}#example #sect01 .subArea .imgArea:after{position:absolute;content:'';bottom:-26px;left:calc(50% - 15px);border:15px solid transparent;border-top:15px solid #edf2f3;width:0;height:0}#example #sect01 .subArea .rightArea{padding:20px 0 0}#example #sect01 .subArea .rightArea dl{padding:2px 10px;font-size:1.4rem}#example #sect01 .subArea .rightArea dl:nth-child(3){background:#caedf8}#example #sect01 .subArea .rightArea dt{display:inline;vertical-align:top;margin:0 1em 0 0}#example #sect01 .subArea .rightArea dd{position:relative;display:inline}#example #sect01 .subArea .rightArea dl:nth-child(3) dd span{display:inline;font-weight:700}#example #sect01 .listArea{margin:0;padding:30px 1% 0;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/dotline3.png) 0 0 repeat-x;background-size:auto 1px}#example #sect01 .listArea .boxes{counter-reset:number}#example #sect01 .listArea .cntBox{position:relative;margin:0 0 20px;counter-increment:number}#example #sect01 .listArea .cntBox:before{content:"0" counter(number);position:absolute;top:5px;left:0;box-sizing:border-box;width:28px;height:28px;background:#3e84b8;padding:6px 0 0;font-family:'Oswald',sans-serif;font-size:1.4rem;letter-spacing:1px;color:#fff;line-height:1.1;text-align:center}#example #sect01 .listArea .cntBox .boxTtl{margin:0 0 15px;padding:6px 0 6px 34px;font-size:1.7rem;font-weight:500;letter-spacing:1px}#example #sect01 .listArea .cntBox a{position:relative;float:left;margin:0;width:150px;height:150px}#example #sect01 .listArea .cntBox a:before{content:"";position:absolute;bottom:5px;right:5px;width:27px;height:27px;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/plus_ccl.png) 0 0 no-repeat;background-size:27px auto}#example #sect01 .listArea .cntBox a img{width:150px;height:150px;object-fit:cover}#example #sect01 .listArea .cntBox p{float:right;width:calc(100% - 170px);font-size:1.4rem}}@media screen and (min-width:768px){#advantage #sect01 .cntBox{margin:60px 0 0}#advantage #sect01 .cntBox .headArea{display:table;width:100%;margin:0 0 40px}#advantage #sect01 .cntBox .headArea .fontEng{display:table-cell;vertical-align:middle;background:#3e84b8;width:108px;font-family:'Oswald',sans-serif;font-size:40px;font-size:4rem;color:#fff;text-align:center;letter-spacing:2px}#advantage #sect01 .cntBox .headArea .txtArea{display:table-cell;vertical-align:middle;padding:4px 0 4px 16px}#advantage #sect01 .cntBox .headArea .sttl{margin:0 0 8px;font-size:22px;font-size:2.2rem;letter-spacing:1px}#advantage #sect01 .cntBox .imgArea{display:flex;flex-wrap:wrap;margin:0 0 30px}#advantage #sect01 .cntBox .imgBox{width:calc((100% - 120px) / 4);margin:0 40px 0 0}#advantage #sect01 .cntBox .imgBox:nth-child(4n){margin:0}#advantage #sect01 .cntBox .imgBox img{width:270px;height:270px;object-fit:cover}#advantage #sect01 .cntBox .btnArea a{float:right;width:178px;height:38px;padding:8px 0 0;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/plus.svg) 96% 50% no-repeat #5b5a58;color:#fff;text-align:center;font-size:13px;font-size:1.3rem;letter-spacing:2px;cursor:pointer}#advantage #sect01 .miniSect{margin:60px 0 0}#advantage #sect01 .miniSect .cntBox{background:#f3f0e9;display:table;width:calc(100% - 100px);margin:40px 50px 0;padding:20px}#advantage #sect01 .miniSect .boxTtl{display:table-cell;vertical-align:middle;width:170px;background:#fff;text-align:center}#advantage #sect01 .miniSect .rightArea{position:relative;display:table-cell;vertical-align:top;height:162px;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/img101_c.jpg) 20px 50% no-repeat;background-size:auto 162px;padding:10px 0 0 400px}#advantage #sect01 .miniSect .ban{position:absolute;bottom:0;right:0;width:220px}#advantage #sect01 .miniSect .ban img{width:100%}#advantage #sect02{padding:0 0 60px}#advantage #sect02 ul{background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/dotline3.png) 0 0 repeat-x;background-size:auto 1px}#advantage #sect02 li{position:relative;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/dotline3.png) 0 100% repeat-x;background-size:auto 1px;display:table;width:100%;padding:35px 50px 35px 117px}#advantage #sect02 li .fontEng{position:absolute;left:15px;width:70px;height:calc(100% - 42px);padding:12px 0 0;color:rgba(255,255,255,.8);font-size:18px;font-size:1.8rem;text-align:center;letter-spacing:1px;line-height:1.0}#advantage #sect02 li:nth-child(1n) .fontEng{background:rgba(48,193,243,.8)}#advantage #sect02 li:nth-child(2n) .fontEng{background:rgba(4,168,224,.8)}#advantage #sect02 li:nth-child(3n) .fontEng{background:rgba(3,131,190,.8)}#advantage #sect02 li:nth-child(4n) .fontEng{background:rgba(14,101,166,.8)}#advantage #sect02 li .fontEng:after{position:absolute;content:'';bottom:-55px;left:0;border:35px solid transparent;width:0;height:0}#advantage #sect02 li:nth-child(1n) .fontEng:after{border-top:20px solid rgba(48,193,243,.8)}#advantage #sect02 li:nth-child(2n) .fontEng:after{border-top:20px solid rgba(4,168,224,.8)}#advantage #sect02 li:nth-child(3n) .fontEng:after{border-top:20px solid rgba(3,131,190,.8)}#advantage #sect02 li:nth-child(4n) .fontEng:after{border-top:20px solid rgba(14,101,166,.8)}#advantage #sect02 li .fontEng span{display:block;margin:10px 0 0;font-family:'Oswald',sans-serif;font-size:38px;font-size:3.8rem}#advantage #sect02 li .imgBox{display:table-cell;vertical-align:middle;width:274px;height:214px}#advantage #sect02 li .imgBox img{width:100%;height:100%;object-fit:cover}#advantage #sect02 li .txtArea{display:table-cell;vertical-align:middle;padding:0 0 0 50px}#advantage #sect02 li .boxTtl{margin:0 0 18px;font-size:22px;font-size:2.2rem;font-weight:500}#advantage #sect02 .botArea{margin:24px 16px 0;padding:8px 20px 10px;background:rgba(14,101,166,.8);font-size:22px;font-size:2.2rem;text-align:center;color:#fff;font-weight:500}#example .contBlock{margin:0 auto 80px}#example .contBlock:last-child{margin:0 auto}#example #sect01{padding:0 0 20px}#example #sect01 .mainArea{padding:40px 50px 50px}#example #sect01 .mainArea .ttl03{padding:20px 0 0}#example #sect01 .mainArea img{margin:0 50px 0 0}#example #sect01 .mainArea ul{margin:24px 0 0}#example #sect01 .mainArea li{margin:10px 0;letter-spacing:1px}#example #sect01 .subArea{display:table;width:calc(100% - 100px);margin:0 50px;padding:16px 20px;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/dotline3.png) 0 0 repeat-x;background-size:auto 1px}#example #sect01 .subArea .imgArea{position:relative;display:table-cell;vertical-align:middle;width:552px}#example #sect01 .subArea .imgArea:after{position:absolute;content:'';top:calc(50% - 15px);right:-30px;border:15px solid transparent;border-left:15px solid #edf2f3;width:0;height:0}#example #sect01 .subArea .rightArea{display:table-cell;vertical-align:middle;padding:0 0 0 37px}#example #sect01 .subArea .rightArea dl{width:278px;padding:2px 10px;font-size:16px;font-size:1.6rem}#example #sect01 .subArea .rightArea dl:nth-child(3){background:#caedf8}#example #sect01 .subArea .rightArea dt{display:inline-block;width:12em}#example #sect01 .subArea .rightArea dd{position:relative;display:inline-block}#example #sect01 .subArea .rightArea dl:nth-child(3) dd span{position:absolute;width:200px;right:-220px;font-weight:700}#example #sect01 .listArea{margin:0 50px;padding:85px 0 0;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/dotline3.png) 0 0 repeat-x;background-size:auto 1px}#example #sect01 .listArea .boxes{display:flex;flex-wrap:wrap;counter-reset:number}#example #sect01 .listArea .cntBox{position:relative;width:calc((100% - 80px) / 3);margin:0 40px 40px 0;counter-increment:number}#example #sect01 .listArea .cntBox:nth-child(3n){margin:0 0 40px}#example #sect01 .listArea .cntBox:before{content:"0" counter(number);position:absolute;top:5px;left:0;box-sizing:border-box;width:36px;height:36px;background:#3e84b8;padding:9px 0 0;font-family:'Oswald',sans-serif;font-size:16px;font-size:1.6rem;letter-spacing:1px;color:#fff;line-height:1.1;text-align:center}#example #sect01 .listArea .cntBox .boxTtl{margin:0 0 15px;padding:6px 0 6px 50px;font-size:22px;font-size:2.2rem;font-weight:500;letter-spacing:1px}#example #sect01 .listArea .cntBox a{position:relative;cursor:pointer}#example #sect01 .listArea .cntBox a:before{content:"";position:absolute;bottom:10px;right:10px;width:27px;height:27px;background:url(//suikoubou.com/wp-content/themes/suikoubou/common/css/../img/plus_ccl.png) 0 0 no-repeat;background-size:27px auto}#example #sect01 .listArea .cntBox a img{width:340px;height:270px;object-fit:cover}#example #sect01 .listArea .cntBox p{padding:20px 0 0;letter-spacing:1px}}.ofi{object-fit:cover;font-family:'object-fit: cover;'}