#strength-section{} #strength-section .cont-area{} #strength-section .cont-area .box{margin-bottom:140px;} #strength-section .cont-area .box:after{clear:both; display:block; content:"";} #strength-section .cont-area .box .img{width:50%;} #strength-section .cont-area .box:nth-child(odd) .img{float:right;} #strength-section .cont-area .box:nth-child(even) .img{float:left;} #strength-section .cont-area .box .img img{max-width:100%; border-radius:20px;} #strength-section .cont-area .box .txt{width:45%; padding:90px 0;} #strength-section .cont-area .box:nth-child(odd) .txt{float:left;} #strength-section .cont-area .box:nth-child(even) .txt{float:right;} #strength-section .cont-area .box .txt h1{font-size:48px; font-weight:800; letter-spacing:-0.05em;} #strength-section .cont-area .box .txt h1 span.num{font-size:20px; font-weight:900; color:#3267ff; padding-left:60px; position:relative; font-style:italic; margin-left:20px;} #strength-section .cont-area .box .txt h1 span.num:after{width:50px; height:1px; bottom:0; left:0px; background:#3267ff; content:""; display:block; position:absolute;} #strength-section .cont-area .box .txt h2{font-size:30px; font-weight:700; margin:50px 0 30px; line-height:1.4em;} #strength-section .cont-area .box .txt p, #strength-section .cont-area .box .txt ul li{font-size:24px; line-height:1.4em;} @media screen and (max-width:1440px){ #strength-section{background:#f8f8f8; padding:120px 0 20px;} #strength-section .cont-area{margin-top:60px;} #strength-section .cont-area .box{margin-bottom:120px;} #strength-section .cont-area .box .txt{padding:30px 0;} #strength-section .cont-area .box .txt h1{font-size:40px;} #strength-section .cont-area .box .txt h1 span.num{font-size:18px; padding-left:60px; margin-left:20px;} #strength-section .cont-area .box .txt h2{font-size:26px; margin:50px 0 30px;} #strength-section .cont-area .box .txt p, #strength-section .cont-area .box .txt ul li{font-size:20px;} #strength-section .cont-area .box .txt p br{display:none;} } @media screen and (max-width:1140px){ #strength-section{padding:100px 0 20px;} #strength-section .tit-area{padding:0 20px;} #strength-section .tit-area span.big{font-size:1.2em;} #strength-section .cont-area{margin-top:50px;} #strength-section .cont-area .box{margin-bottom:100px;} #strength-section .cont-area .box .txt{padding:10px 0;} #strength-section .cont-area .box .txt h1{font-size:34px;} #strength-section .cont-area .box .txt h1 span.num{font-size:16px; padding-left:60px; margin-left:20px;} #strength-section .cont-area .box .txt h2{font-size:22px; margin:30px 0 20px;} #strength-section .cont-area .box .txt p, #strength-section .cont-area .box .txt ul li{font-size:18px;} #strength-section .cont-area .box .txt p br{display:none;} } @media screen and (max-width:780px){ #strength-section{padding:70px 0 20px;} #strength-section .tit-area span.big{font-size:1.1em;} #strength-section .cont-area{margin-top:40px;} #strength-section .cont-area .box{margin-bottom:40px;} #strength-section .cont-area .box .img{width:100%;} #strength-section .cont-area .box .txt{width:100%; padding:20px 0;} #strength-section .cont-area .box .txt h2 br{display:none;} } @media screen and (max-width:640px){ #strength-section{padding:50px 0 20px;} #strength-section .cont-area{margin-top:40px;} #strength-section .cont-area .box{margin-bottom:20px;} #strength-section .cont-area .box .txt h1{font-size:30px;} #strength-section .cont-area .box .txt h1 span.num{font-size:14px; padding-left:40px; margin-left:10px;} #strength-section .cont-area .box .txt h1 span.num:after{width:30px;} #strength-section .cont-area .box .txt h2{font-size:20px; margin:20px 0 10px;} #strength-section .cont-area .box .txt p, #strength-section .cont-area .box .txt ul li{font-size:16px;} } @media screen and (max-width:480px){ #strength-section{padding:40px 0 20px;} #strength-section .cont-area{margin-top:30px;} #strength-section .cont-area .box{margin-bottom:20px;} #strength-section .cont-area .box .txt h1{font-size:26px;} #strength-section .cont-area .box .txt h1 span.num{font-size:12px; padding-left:40px; margin-left:10px;} #strength-section .cont-area .box .txt h1 span.num:after{width:30px;} #strength-section .cont-area .box .txt h2{font-size:18px; margin:20px 0 10px;} #strength-section .cont-area .box .txt p, #strength-section .cont-area .box .txt ul li{font-size:15px;} } #system-section{} #system-section ul{width:100%;} #system-section ul:after{clear:both; display:block; content:"";} #system-section ul li{float:left; width:33.333%; padding:20px;} #system-section ul li .num{font-size:36px; font-weight:900; position:relative; display:inline-block; margin-bottom:20px;} #system-section ul li .num:before{width:100%; height:15px; bottom:3px; left:0px; background:#a3c4f2; opacity:.8;content:""; display:block; position:absolute; z-index:9;} #system-section ul li .num span{display:inline-block; position:relative; z-index:10;} #system-section ul li .box{border-radius:20px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;} #system-section ul li .box .img img{width:100%; max-width:100%; border-radius:20px 20px 0 0;} #system-section ul li .box .txt-area{padding:30px 0; background:#fff; height:250px; border-radius:0 0 20px 20px; position:relative; text-align:center;} #system-section ul li .box .txt-area .txt{width:90%; top:50%; left:5%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;} #system-section ul li .box .txt-area .txt .icon{margin-bottom:20px;} #system-section ul li .box .txt-area .txt .icon span{font-size:16px; font-weight:600; display:inline-block; border-radius:50px; padding:5px 15px; margin:0 2px;} #system-section ul li .box .txt-area .txt .icon span.golf{color:#006B5B; border:1px solid #006B5B;} #system-section ul li .box .txt-area .txt .icon span.pc{color:#1E65C9; border:1px solid #1E65C9;} #system-section ul li .box .txt-area .txt .icon span.motel{color:#A18669; border:1px solid #A18669;} #system-section ul li .box .txt-area .txt p{font-size:22px; font-weight:700; color:#1c1c1c; line-height:1.4em;} #system-section ul li .box .txt-area .txt p:last-child{margin-top:20px;} #system-section ul li .box .txt-area .txt p.ft-blue{color:#1d5aaf;} #system-section ul li .box .txt-area .txt p span{font-size:0.8em;} @media screen and (max-width:1440px){ #system-section ul li{width:50%; padding:20px;} #system-section ul li .box .img img{width:100%; max-width:200%; border-radius:20px 20px 0 0;} } @media screen and (max-width:1140px){ #system-section ul li .num{font-size:30px;} #system-section ul li .box .txt-area .txt .icon span{font-size:15px;} #system-section ul li .box .txt-area .txt p{font-size:20px;} } @media screen and (max-width:870px){ #system-section ul li{padding:10px;} #system-section ul li .num{font-size:26px; margin-bottom:10px; font-weight:800;} #system-section ul li .box .txt-area{padding:20px 0; height:220px;} #system-section ul li .box .txt-area .txt .icon{margin-bottom:15px;} #system-section ul li .box .txt-area .txt .icon span{font-size:14px; padding:3px 10px;} #system-section ul li .box .txt-area .txt p{font-size:18px;} #system-section ul li .box .txt-area .txt p:last-child{margin-top:10px;} } @media screen and (max-width:640px){ #system-section ul li{width:100%; padding:10px 0;} #system-section ul li .num{font-size:22px;} #system-section ul li .box .txt-area{padding:20px 0; height:auto;} #system-section ul li .box .txt-area .txt{width:96%; position:relative; margin:0 auto; top:0; left:0; -ms-transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);} #system-section ul li .box .txt-area .txt .icon{margin-bottom:15px;} #system-section ul li .box .txt-area .txt .icon span{font-size:13px;} #system-section ul li .box .txt-area .txt p{font-size:16px;} } @media screen and (max-width:480px){ #system-section ul li .num{font-size:18px;} #system-section ul li .box .txt-area .txt .icon span{font-size:12px;} #system-section ul li .box .txt-area .txt p{font-size:14px;} } .system-section{padding:0 0 100px;} #system-pc-section .service-area{margin-top:50px;} #system-pc-section .service-area:after{clear:both; display:block; content:"";} #system-pc-section .service-area .left-area .txt-area, #system-pc-section .service-area .arrow-area .txt-area, #system-pc-section .service-area .right-area .txt-area h2, #system-pc-section .service-area .right-area .txt-area h1, #system-pc-section .service-area .right-area .txt-area ul{width:100%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;} #system-pc-section .service-area .left-area{width:25%; height:965px; float:left; background:url("../img/system_pc_left_bg.jpg") no-repeat center; background-size:cover; border-radius:20px; text-align:center; position:relative; margin:30px 0;} #system-pc-section .service-area .left-area p{font-size:50px; font-weight:800; line-height:1.3em; margin-top:40px; color:#fff;} #system-pc-section .service-area .arrow-area{width:15%; height:965px; float:left; text-align:center; position:relative;} #system-pc-section .service-area .right-area{width:60%; float:left;} #system-pc-section .service-area .right-area .box-section{} #system-pc-section .service-area .right-area .box-area{width:100%;} #system-pc-section .service-area .right-area .box-area:after{clear:both; display:block; content:"";} #system-pc-section .service-area .right-area .box-area .box{border-radius:20px; padding:60px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 10px 0px; position:relative; background:#fff; position:relative; margin:30px 0;} #system-pc-section .service-area .right-area .box-area .box:after{clear:both; display:block; content:"";} #system-pc-section .service-area .right-area .box-area .box h2{float:left;} #system-pc-section .service-area .right-area .box-area .box h1{float:left; font-size:42px; letter-spacing:-0.03em; font-weight:800; margin:0 80px 0 50px; vertical-align:middle; left:120px;} #system-pc-section .service-area .right-area .box-area .box h1 span.small{font-size:28px; font-weight:800;} #system-pc-section .service-area .right-area .box-area .box ul{float:left; left:450px;} #system-pc-section .service-area .right-area .box-area li:first-child .box{height:250px;} #system-pc-section .service-area .right-area .box-area li:nth-child(2) .box{height:185px;} #system-pc-section .service-area .right-area .box-area li:nth-child(3) .box{height:185px;} #system-pc-section .service-area .right-area .box-area li:last-child .box{height:250px;} #system-pc-section .service-area .right-area .box-area li:first-child .box h1, #system-pc-section .service-area .right-area .box-area li:first-child .box h1 span{color:#92278f;} #system-pc-section .service-area .right-area .box-area li:nth-child(2) .box h1{color:#f37657;} #system-pc-section .service-area .right-area .box-area li:nth-child(3) .box h1{color:#16afbe;} #system-pc-section .service-area .right-area .box-area li:last-child .box h1{color:#38a063;} #system-pc-section .service-area .right-area .box-area li .box ul li{font-size:22px; color:#191919; letter-spacing:-0.05em; margin:10px 0; position:relative; padding-left:15px;} #system-pc-section .service-area .right-area .box-area li .box ul li span{font-size:18px;margin-top:10px;} #system-pc-section .service-area .right-area .box-area li .box ul li:after{width:5px; height:5px; top:7px; left:0px; background:#333; content:""; display:block; position:absolute; border-radius:50px;} #system-pc-section .caution-area{margin-top:50px;} #system-pc-section .caution-area:after{clear:both; display:block; content:"";} #system-pc-section .caution-area .box{width:49%; border:1px solid #dedede; border-radius:20px;} #system-pc-section .caution-area .box:after{clear:both; display:block; content:"";} #system-pc-section .caution-area .left-area{float:left;} #system-pc-section .caution-area .right-area{float:right;} #system-pc-section .caution-area .box .tit{width:37%; float:left; border-radius:20px 0 0 20px; text-align:center; padding:30px 0 40px;} #system-pc-section .caution-area .box .tit p{font-size:32px; font-weight:800; color:#fff; line-height:1.2em; margin-top:20px; letter-spacing:-0.05em;} #system-pc-section .caution-area .box.left-area .tit{background: rgb(194,61,61); background: linear-gradient(0deg, rgba(194,61,61,1) 0%, rgba(237,93,77,1) 100%);} #system-pc-section .caution-area .box.right-area .tit{background: rgb(3,97,42); background: linear-gradient(0deg, rgba(3,97,42,1) 0%, rgba(45,149,88,1) 100%);} #system-pc-section .caution-area .box .txt{width:63%; float:left; padding:30px;} #system-pc-section .caution-area .box .txt ul{} #system-pc-section .caution-area .box .txt ul:after{clear:both; display:block; content:"";} #system-pc-section .caution-area .box .txt ul li{float:left; font-size:24px; line-height:1.4em;} #system-pc-section .caution-area .box .txt ul li:first-child span{background:#ee5d4d; border-radius:10px; color:#fff; display:inline-block; width:60px; padding:5px 0; text-align:center; margin-right:10px;} #system-pc-section .caution-area .box.left-area .txt p{text-align:center; color:#ee5d4d; font-size:30px; margin:3px 0;} #system-pc-section .caution-area .box.right-area .txt p{text-align:center; font-size:24px; margin-top:60px;} @media screen and (max-width:1660px){ #system-pc-section .service-area .left-area{width:22%;} #system-pc-section .service-area .left-area p{font-size:40px;} #system-pc-section .service-area .arrow-area{width:12%;} #system-pc-section .service-area .right-area{width:66%;} #system-pc-section .service-area .right-area .box-area .box{padding:40px;} #system-pc-section .service-area .right-area .box-area .box h2 img{width:60px;} #system-pc-section .service-area .right-area .box-area .box h1{font-size:38px;margin:0 60px 0 30px; left:100px;} #system-pc-section .service-area .right-area .box-area .box h1 span.small{font-size:24px;} #system-pc-section .service-area .right-area .box-area .box ul{left:380px;} #system-pc-section .caution-area .box .tit p{font-size:28px;} #system-pc-section .caution-area .box .txt ul li{font-size:22px;} #system-pc-section .caution-area .box .txt ul li:first-child span{width:60px;} #system-pc-section .caution-area .box.left-area .txt p{font-size:26px; margin:3px 0;} } @media screen and (max-width:1480px){ #system-pc-section .caution-area .box{width:100%; margin-bottom:20px;} #system-pc-section .caution-area .box .txt ul{width:80%; margin:0 auto;} #system-pc-section .caution-area .box .txt p{width:80%; margin:0 auto;} } @media screen and (max-width:1440px){ #system-pc-section .service-area .left-area .txt-area, #system-pc-section .service-area .arrow-area .txt-area{width:100%; top:0; transform:translateY(0); position:relative;} #system-pc-section .service-area .left-area{width:100%; height:auto; float:none; background:url("../img/system_pc_left_bg.jpg") no-repeat top right; background-size:cover; margin:30px 0; } #system-pc-section .service-area .left-area h1{display:inline; line-height:100px;} #system-pc-section .service-area .left-area h1 img{height:70px;} #system-pc-section .service-area .left-area p{font-size:40px; display:inline; margin-left:20px; line-height:100px; margin-top:0;} #system-pc-section .service-area .left-area p br{display:none;} #system-pc-section .service-area .arrow-area{width:100%; height:auto; float:none; transform: rotate(90deg);} #system-pc-section .service-area .arrow-area .txt-area img{width:80px;} #system-pc-section .service-area .right-area{width:100%; float:none;} #system-pc-section .service-area .right-area .box-area .box{padding:30px; margin:20px 0;} #system-pc-section .service-area .right-area .box-area .box h2 img{width:60px;} #system-pc-section .service-area .right-area .box-area .box h1{font-size:38px;margin:0 60px 0 30px; left:100px;} #system-pc-section .service-area .right-area .box-area .box h1 span.small{font-size:24px;} #system-pc-section .service-area .right-area .box-area .box ul{left:380px;} } @media screen and (max-width:860px){ .system-section{padding:0 0 80px 0;} #system-pc-section .service-area{margin-top:40px;} #system-pc-section .service-area .left-area{margin:10px 0;} #system-pc-section .service-area .left-area h1{display:inline;} #system-pc-section .service-area .left-area h1 img{height:50px;} #system-pc-section .service-area .left-area p{font-size:34px; line-height:80px;} #system-pc-section .service-area .arrow-area .txt-area img{width:50px;} #system-pc-section .service-area .right-area .box-area .box{padding:30px; margin:20px 0;} #system-pc-section .service-area .right-area .box-area .box h2 img{width:50px;} #system-pc-section .service-area .right-area .box-area .box h1{font-size:30px;margin:0 60px 0 30px; left:70px;} #system-pc-section .service-area .right-area .box-area .box h1 span.small{font-size:22px;} #system-pc-section .service-area .right-area .box-area .box ul{left:290px;} #system-pc-section .service-area .right-area .box-area li:first-child .box{height:180px;} #system-pc-section .service-area .right-area .box-area li:nth-child(2) .box{height:115px;} #system-pc-section .service-area .right-area .box-area li:nth-child(3) .box{height:115px;} #system-pc-section .service-area .right-area .box-area li:last-child .box{height:180px;} #system-pc-section .service-area .right-area .box-area li .box ul li{font-size:20px;} #system-pc-section .service-area .right-area .box-area li .box ul li span{font-size:16px;} #system-pc-section .caution-area .box .txt ul{width:100%;} #system-pc-section .caution-area .box .txt p{width:100%;} #system-pc-section .caution-area .box .tit h1 img{height:40px;} #system-pc-section .caution-area .box .tit p{font-size:22px;} #system-pc-section .caution-area .box .txt ul li{font-size:18px;} #system-pc-section .caution-area .box .txt ul li:first-child span{width:60px;} #system-pc-section .caution-area .box.left-area .txt p{font-size:18px; margin:3px 0;} #system-pc-section .caution-area .box.right-area .txt p{font-size:18px; margin-top:60px;} } @media screen and (max-width:760px){ .system-section{padding:0 0 70px 0;} #system-pc-section .service-area{margin-top:30px;} #system-pc-section .service-area .left-area h1 img{height:40px; margin-top:-10px;} #system-pc-section .service-area .left-area p{font-size:28px; line-height:50px;} #system-pc-section .service-area .right-area .txt-area h2, #system-pc-section .service-area .right-area .txt-area h1, #system-pc-section .service-area .right-area .txt-area ul{width:100%; top:0; transform:translateY(0); position:relative;} #system-pc-section .service-area .right-area .box-area li:first-child .box, #system-pc-section .service-area .right-area .box-area li:nth-child(2) .box, #system-pc-section .service-area .right-area .box-area li:nth-child(3) .box, #system-pc-section .service-area .right-area .box-area li:last-child .box{height:auto;} #system-pc-section .service-area .right-area .box-area .box{padding:30px;} #system-pc-section .service-area .right-area .box-area .box h2{float:none; display:inline;} #system-pc-section .service-area .right-area .box-area .box h2 img{width:30px;} #system-pc-section .service-area .right-area .box-area .box h1{float:none; display:inline; font-size:26px; left:0; margin: 0 0 0 10px;} #system-pc-section .service-area .right-area .box-area .box h1 br{display:none;} #system-pc-section .service-area .right-area .box-area .box h1 span.small{font-size:18px;} #system-pc-section .service-area .right-area .box-area .box ul{float:none; left:0; margin-top:20px;} #system-pc-section .service-area .right-area .box-area li .box ul li{font-size:18px;} #system-pc-section .service-area .right-area .box-area li .box ul li span{font-size:14px;} #system-pc-section .caution-area{margin-top:30px;} #system-pc-section .caution-area:after{clear:both; display:block; content:"";} #system-pc-section .caution-area .box .tit{width:100%; float:none; border-radius:20px 20px 0 0; text-align:center; padding:0;} #system-pc-section .caution-area .box .tit h1{display:inline;} #system-pc-section .caution-area .box .tit h1 img{height:20px; margin-top:-8px;} #system-pc-section .caution-area .box .tit p{font-size:20px; display:inline; margin-left:10px; line-height:60px;} #system-pc-section .caution-area .box .tit p br{display:none;} #system-pc-section .caution-area .box .txt{width:100%; float:none; padding:30px;} #system-pc-section .caution-area .box .txt ul li{font-size:18px;} #system-pc-section .caution-area .box .txt ul li:first-child span{width:40px; font-size:14px; padding:3px 0;} #system-pc-section .caution-area .box.left-area .txt p{font-size:16px; margin:3px 0;} #system-pc-section .caution-area .box.right-area .txt p{font-size:16px; margin-top:0;} } @media screen and (max-width:640px){ .system-section{padding:0 0 60px 0;} #system-pc-section .service-area{margin-top:20px;} #system-pc-section .service-area .left-area{padding:0;} #system-pc-section .service-area .left-area h1{margin:0;} #system-pc-section .service-area .left-area h1 img{height:40px; margin-top:-10px;} #system-pc-section .service-area .left-area p{font-size:26px; line-height:40px; margin-left:5px;} } @media screen and (max-width:480px){ .system-section{padding:0 0 40px 0;} #system-pc-section .service-area .left-area{padding:0;} #system-pc-section .service-area .left-area h1{margin:0;} #system-pc-section .service-area .left-area h1 img{height:30px; margin-top:-10px;} #system-pc-section .service-area .left-area p{font-size:20px; line-height:40px; margin-left:5px;} #system-pc-section .service-area .arrow-area .txt-area img{width:40px;} #system-pc-section .service-area .right-area .box-area .box{padding:20px;} #system-pc-section .service-area .right-area .box-area .box h2 img{width:20px;} #system-pc-section .service-area .right-area .box-area .box h1{font-size:20px;} #system-pc-section .service-area .right-area .box-area .box h1 span.small{font-size:16px;} #system-pc-section .service-area .right-area .box-area li .box ul li{font-size:16px;} #system-pc-section .service-area .right-area .box-area li .box ul li span{font-size:13px;} #system-pc-section .caution-area .box .tit p{font-size:18px; line-height:50px;} #system-pc-section .caution-area .box .txt{ padding:20px;} #system-pc-section .caution-area .box .txt ul li{font-size:16px;} #system-pc-section .caution-area .box .txt ul li:first-child span{width:40px; font-size:12px; padding:3px 0;} #system-pc-section .caution-area .box.left-area .txt p{font-size:14px; margin:3px 0;} #system-pc-section .caution-area .box.right-area .txt p{font-size:14px; margin-top:0;} } #system-golf-section{} #system-golf-section .box-section{margin-top:50px;} #system-golf-section .box-section.pc h1 img{max-width:100%;} #system-golf-section .box-section.mo{display:none;} #system-golf-section .box-area{width:100%;} #system-golf-section .box-area:after{clear:both; display:block; content:"";} #system-golf-section .box-area > li{float:left; width:25%; padding:0 10px;} #system-golf-section .box-area .box{border-radius:20px; padding:60px 0; text-align:center; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 10px 0px; position:relative; background:#fff;} #system-golf-section .box-area .box h1{font-size:42px; letter-spacing:-0.03em; font-weight:800; margin:30px 0 40px;} #system-golf-section .box-area li:first-child .box h1{color:#ea4f30;} #system-golf-section .box-area li:nth-child(2) .box h1{color:#0e74bc;} #system-golf-section .box-area li:nth-child(3) .box h1{color:#136934;} #system-golf-section .box-area li:last-child .box h1{color:#262161;} #system-golf-section .box-area li .box ul li{font-size:22px; color:#191919; letter-spacing:-0.05em; margin:10px 0; position:relative;} #system-golf-section .box-area li .box ul li:after{width:0px; height:7px; top:0; left:0px; background:#aeaeae; content:""; display:block; position:absolute; border-radius:50px;} #system-golf-section .caution{margin:50px 0 70px; text-align:center;} #system-golf-section .caution h2 img{width:100px; height:auto;} #system-golf-section .caution h1{font-size:42px; font-weight:800; display:inline-block; background:#e64b2f; border-radius:20px; color:#fff; padding:25px 100px; margin:20px 0 40px;} #system-golf-section .caution ul{} #system-golf-section .caution li{font-size:30px; color:#333; font-weight:700; display:inline-block; letter-spacing:-0.05em; margin:0 50px; position:relative; text-align:left; padding-left:16px;} #system-golf-section .caution li:after{width:7px; height:7px; top:7px; left:0px; background:#aeaeae; content:""; display:block; position:absolute; border-radius:50px;} #system-golf-section .box-section .center-box{padding-top:100px; position:relative;} #system-golf-section .box-section .center-box:after{background:url('../img/system_golf_arrow.png') no-repeat center; background-size:auto 100%; margin-left:-75px; top:0; left:50%; content:""; display:block; position:absolute; height:100px; width:150px;} #system-golf-section .box-section h4{background:url('../img/system_golf_txt_bg.jpg') no-repeat center; background-size:cover; border-radius:10px; font-size:44px; font-weight:800; text-align:center; margin-top:20px; color:#fff; width:100%; padding:25px 0; position:relative;} #system-golf-section .box-section h4 span{margin-left:10px;} #system-golf-section .box-section h4 span img{width:50px;} @media screen and (max-width:1480px){ } @media screen and (max-width:1240px){ #system-golf-section h2 img{height:60px;} #system-golf-section .box-area > li{width:25%; padding:0 10px;} #system-golf-section .box-area .box h1{font-size:38px; margin:30px 0 40px;} #system-golf-section .box-area li .box ul li{font-size:20px; margin:10px 0;} #system-golf-section .caution{margin:40px 0 60px;} #system-golf-section .caution h2 img{width:80px;} #system-golf-section .caution h1{font-size:38px; padding:20px 80px; margin:20px 0 40px;} #system-golf-section .caution li{font-size:26px; margin:0 30px;} #system-golf-section .box-section .center-box{padding-top:80px; position:relative;} #system-golf-section .box-section .center-box:after{height:80px;} #system-golf-section .box-section h4{font-size:38px;} #system-golf-section .box-section h4 span img{width:40px;} } @media screen and (max-width:840px){ #system-golf-section h2 img{height:60px;} #system-golf-section .box-section{margin:30px auto 0;} #system-golf-section .box-section.pc{display:none;} #system-golf-section .box-section.mo{display:block;} #system-golf-section .box-area > li{width:50%; padding:10px;} #system-golf-section .box-area .box{padding:40px 0;} #system-golf-section .box-area .box h1{font-size:32px; margin:20px 0 30px;} #system-golf-section .box-area li .box ul li{font-size:20px; margin:10px 0;} #system-golf-section .caution{margin:30px 0 50px;} #system-golf-section .caution h2 img{width:60px;} #system-golf-section .caution h1{font-size:32px; margin:20px 0 30px;} #system-golf-section .caution li{font-size:22px; margin:0 20px;} #system-golf-section .box-section h4{font-size:32px;} #system-golf-section .box-section h4 span img{width:32px;} } @media screen and (max-width:640px){ #system-golf-section h2 img{height:50px;} #system-golf-section .box-section{padding:0 20px;} #system-golf-section .box-area .box{padding:30px 0;} #system-golf-section .box-area .box h1{font-size:26px; margin:20px 0 30px;} #system-golf-section .box-area li .box ul li{font-size:16px;} #system-golf-section .caution{margin:30px 0 30px;} #system-golf-section .caution h2 img{width:50px;} #system-golf-section .caution h1{font-size:24px; margin:20px 0 30px; letter-spacing:-0.05em; padding:20px 30px;} #system-golf-section .caution li{font-size:18px; margin:0 20px;} #system-golf-section .box-section .center-box{padding-top:60px;} #system-golf-section .box-section .center-box:after{height:60px;} #system-golf-section .box-section h4{font-size:26px;} #system-golf-section .box-section h4 span img{width:28px;} } @media screen and (max-width:480px){ #system-golf-section .box-area{margin:10px auto 0;} #system-golf-section .box-area > li{width:100%; padding:7px 0;} #system-golf-section .box-area .box{padding:15px 0;} #system-golf-section h2 img{height:30px;} #system-golf-section .box-area .box h1{font-size:20px; margin:10px 0 10px;} #system-golf-section .box-area li .box ul li{font-size:14px; margin:6px 0;} #system-golf-section .caution{margin:30px 0 20px;} #system-golf-section .caution h2 img{width:40px;} #system-golf-section .caution h1{font-size:20px; margin:20px 0 20px; letter-spacing:-0.05em; padding:20px 30px;} #system-golf-section .caution li{font-size:16px; margin:0 10px;} #system-golf-section .box-section .center-box{padding-top:40px;} #system-golf-section .box-section .center-box:after{height:40px;} #system-golf-section .box-section h4{font-size:22px;} #system-golf-section .box-section h4 span img{width:22px;} } #system-motel-section{} #system-motel-section .box-section{margin-top:50px;} #system-motel-section .box-section.pc h1 img{max-width:100%;} #system-motel-section .box-section.mo{display:none;} #system-motel-section .box-area{width:100%;} #system-motel-section .box-area:after{clear:both; display:block; content:"";} #system-motel-section .box-area > li{float:left; width:25%; padding:0 10px;} #system-motel-section .box-area .box{border-radius:20px; padding:60px 0; text-align:center; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 10px 0px; position:relative; background:#fff;} #system-motel-section .box-area .box h1{font-size:42px; letter-spacing:-0.03em; font-weight:800; margin:30px 0 40px;} #system-motel-section .box-area li:first-child .box h1{color:#0e74bc;} #system-motel-section .box-area li:nth-child(2) .box h1{color:#262161;} #system-motel-section .box-area li:nth-child(3) .box h1{color:#136934;} #system-motel-section .box-area li:last-child .box h1{color:#ea4f30;} #system-motel-section .box-area li .box ul li{font-size:22px; color:#191919; letter-spacing:-0.05em; margin:10px 0; position:relative;} #system-motel-section .box-area li .box ul li:after{width:0px; height:7px; top:0; left:0px; background:#aeaeae; content:""; display:block; position:absolute; border-radius:50px;} #system-motel-section .caution{margin:50px 0 70px; text-align:center;} #system-motel-section .caution h2 img{width:100px; height:auto;} #system-motel-section .caution h1{font-size:42px; font-weight:800; display:inline-block; background:#e64b2f; border-radius:20px; color:#fff; padding:25px 100px; margin:20px 0 40px;} #system-motel-section .caution ul{} #system-motel-section .caution li{font-size:30px; color:#333; font-weight:700; display:inline-block; letter-spacing:-0.05em; margin:0 50px; position:relative; text-align:left; padding-left:16px;} #system-motel-section .caution li:after{width:7px; height:7px; top:7px; left:0px; background:#aeaeae; content:""; display:block; position:absolute; border-radius:50px;} #system-motel-section .box-section .center-box{padding-top:100px; position:relative;} #system-motel-section .box-section .center-box:after{background:url('../img/system_motel_arrow.png') no-repeat center; background-size:auto 100%; margin-left:-75px; top:0; left:50%; content:""; display:block; position:absolute; height:100px; width:150px;} #system-motel-section .box-section h4{background:url('../img/system_motel_txt_bg.jpg') no-repeat center; background-size:cover; border-radius:10px; font-size:44px; font-weight:800; text-align:center; margin-top:20px; color:#fff; width:100%; padding:25px 0; position:relative;} #system-motel-section .box-section h4 span{margin-left:10px;} #system-motel-section .box-section h4 span img{width:50px;} @media screen and (max-width:1480px){ } @media screen and (max-width:1240px){ #system-motel-section h2 img{height:60px;} #system-motel-section .box-area > li{width:25%; padding:0 10px;} #system-motel-section .box-area .box h1{font-size:38px; margin:30px 0 40px;} #system-motel-section .box-area li .box ul li{font-size:20px; margin:10px 0;} #system-motel-section .caution{margin:40px 0 60px;} #system-motel-section .caution h2 img{width:80px;} #system-motel-section .caution h1{font-size:38px; padding:20px 80px; margin:20px 0 40px;} #system-motel-section .caution li{font-size:26px; margin:0 30px;} #system-motel-section .box-section .center-box{padding-top:80px; position:relative;} #system-motel-section .box-section .center-box:after{height:80px;} #system-motel-section .box-section h4{font-size:38px;} #system-motel-section .box-section h4 span img{width:40px;} } @media screen and (max-width:840px){ #system-motel-section h2 img{height:60px;} #system-motel-section .box-section{margin:30px auto 0;} #system-motel-section .box-section.pc{display:none;} #system-motel-section .box-section.mo{display:block;} #system-motel-section .box-area > li{width:50%; padding:10px;} #system-motel-section .box-area .box{padding:40px 0;} #system-motel-section .box-area .box h1{font-size:32px; margin:20px 0 30px;} #system-motel-section .box-area li .box ul li{font-size:20px; margin:10px 0;} #system-motel-section .caution{margin:30px 0 50px;} #system-motel-section .caution h2 img{width:60px;} #system-motel-section .caution h1{font-size:32px; margin:20px 0 30px;} #system-motel-section .caution li{font-size:22px; margin:0 20px;} #system-motel-section .box-section h4{font-size:32px;} #system-motel-section .box-section h4 span img{width:32px;} } @media screen and (max-width:640px){ #system-motel-section h2 img{height:50px;} #system-motel-section .box-section{padding:0 20px;} #system-motel-section .box-area .box{padding:30px 0;} #system-motel-section .box-area .box h1{font-size:26px; margin:20px 0 30px;} #system-motel-section .box-area li .box ul li{font-size:16px;} #system-motel-section .caution{margin:30px 0 30px;} #system-motel-section .caution h2 img{width:50px;} #system-motel-section .caution h1{font-size:24px; margin:20px 0 30px; letter-spacing:-0.05em; padding:20px 30px;} #system-motel-section .caution li{font-size:18px; margin:0 20px;} #system-motel-section .box-section .center-box{padding-top:60px;} #system-motel-section .box-section .center-box:after{height:60px;} #system-motel-section .box-section h4{font-size:26px;} #system-motel-section .box-section h4 span img{width:28px;} } @media screen and (max-width:480px){ #system-motel-section .box-area{margin:10px auto 0;} #system-motel-section .box-area > li{width:100%; padding:7px 0;} #system-motel-section .box-area .box{padding:15px 0;} #system-motel-section h2 img{height:30px;} #system-motel-section .box-area .box h1{font-size:20px; margin:10px 0 10px;} #system-motel-section .box-area li .box ul li{font-size:14px; margin:6px 0;} #system-motel-section .caution{margin:30px 0 20px;} #system-motel-section .caution h2 img{width:40px;} #system-motel-section .caution h1{font-size:20px; margin:20px 0 20px; letter-spacing:-0.05em; padding:20px 30px;} #system-motel-section .caution li{font-size:16px; margin:0 10px;} #system-motel-section .box-section .center-box{padding-top:40px;} #system-motel-section .box-section .center-box:after{height:40px;} #system-motel-section .box-section h4{font-size:22px;} #system-motel-section .box-section h4 span img{width:22px;} }