﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5{font-weight:normal;font-size:inherit}*{box-sizing:border-box}body{width:100%;background:#f2f2f2;margin:0;padding:0;line-height:1.5;font-family:"Noto Sans JP", sans-serif;font-optical-sizing:auto;font-size:18px;font-weight:500;font-style:normal;color:#012947}body .spView{display:none}body .pcView{display:block}@media only screen and (max-width: 750px){body .spView{display:block}body .pcView{display:none}}@media only screen and (max-width: 750px){body{width:100%;margin:0}}body .contents{width:1100px;margin:0 auto}@media only screen and (max-width: 1100px){body .contents{width:96%;margin:0 auto}}body a:hover{opacity:0.7}body img{width:100%;display:block}body section{padding:150px 0}@media only screen and (max-width: 750px){body section{padding:50px 0}}body h2{margin:20px 0;font-size:1.5rem;color:#00a1e9;letter-spacing:3px;text-align:center}body h3{margin-bottom:20px;font-size:2rem;letter-spacing:3px;text-align:center}body h4{margin-bottom:40px;line-height:2;text-align:center}@media only screen and (max-width: 750px){body h4{text-align:left}}header{display:flex;justify-content:space-between;background:#25292d;padding:0}header h1{margin:0 0 0 80px;display:flex;align-items:center}header h1 img{width:242px}header h1 a{color:#fff;text-decoration:none}header h1 a span{position:absolute;display:block;font-size:1rem;left:33%;bottom:14%}@media only screen and (max-width: 1100px){header h1{margin:10px 0 10px 30px}header h1 img{width:200px}}header .hamburger-menu{display:flex;align-items:center}header nav ul{display:flex;justify-content:space-around}header nav ul li{position:relative;display:flex;align-items:center}header nav ul li a{text-decoration:none;font-size:1rem;color:#fff}header nav ul li:not(:last-child){padding:0 40px 0 20px}header nav ul li:not(:nth-last-child(-n+2)):after{content:'・';position:absolute;right:0;top:35%;color:#fff}header nav ul li:last-child{background:#2ea0a5}header nav ul li:last-child a{display:block;padding:30px 50px 30px 90px;font-size:1.5rem}header nav ul li:last-child a:before{position:absolute;content:'';width:47px;height:29px;background:url("../img/contact.png") no-repeat;background-size:100%;left:10%;top:35%}header .hamburger-men .menu-btn,header #menu-btn-check{display:none}@media only screen and (max-width: 1100px){header .hamburger-menu{display:block}header .menu-btn{position:fixed;top:10px;right:10px;display:flex;height:45px;width:45px;justify-content:center;align-items:center;z-index:90;padding:5px;background:#2ea0a5;opacity:0.7;border-radius:5px}header .menu-btn span,header .menu-btn span:before,header .menu-btn span:after{content:'';display:block;height:3px;width:40px;border-radius:3px;background-color:#fff;position:absolute}header .menu-btn span:before{bottom:13px}header .menu-btn span:after{top:13px}header #menu-btn-check:checked ~ .menu-btn span{background-color:transparent}header #menu-btn-check:checked ~ .menu-btn span::before{bottom:0;transform:rotate(45deg)}header #menu-btn-check:checked ~ .menu-btn span::after{top:0;transform:rotate(-45deg)}header #menu-btn-check{display:none}header nav{width:100%;height:100%;position:fixed;top:0;left:100%;z-index:80;background-color:#25292d;transition:all 0.5s;display:block}header nav ul{width:80%;display:block;margin:10% auto 0}header nav ul li{justify-content:center}header nav ul li a{display:block;padding:20px;color:#fff}header nav ul li:not(:nth-last-child(-n+2)){border-bottom:dotted #fff 1px}header nav ul li:not(:nth-last-child(-n+2)):after{content:''}header nav ul li:last-child a{padding:30px 0}header nav ul li:last-child a:before{left:8%}header #menu-btn-check:checked ~ nav{left:0}}footer{padding:20px 0 30px}footer .backToTop p a{display:block;width:90px;margin:10px;position:fixed;bottom:0;right:0}@media only screen and (max-width: 750px){footer .backToTop p a{width:60px}}footer .copyright p{text-align:center;font-size:.9rem}@media only screen and (max-width: 750px){footer .copyright p{font-size:.6rem}}.mainVisual{background:#454545 url("../img/img00.jpg") right bottom no-repeat;height:742px}.mainVisual .mainBox ul.mainCopy{width:380px;padding-top:140px}.mainVisual .mainBox ul.mainCopy li{position:relative;color:#fff;font-size:3rem;font-weight:300;text-align:center;letter-spacing:3px;text-shadow:#373737 3px 3px 3px}.mainVisual .mainBox ul.mainCopy li:first-child{padding-bottom:160px}.mainVisual .mainBox ul.mainCopy li:first-child:after{content:'';width:85px;height:86px;background:url("../img/plus.png") no-repeat;position:absolute;left:100px;bottom:30px}.mainVisual .mainBox ul.mainCopy li:last-child{margin-top:30px}.mainVisual .mainBox ul.mainCopy li:last-child a{display:block;padding:20px 0;background:#2ea0a5;border-radius:50px;box-shadow:#373737 5px 5px 5px;font-size:1.5rem;font-weight:400;text-shadow:none;text-decoration:none;color:#fff}.mainVisual .mainBox ul.mainCopy li:last-child a:after{content:"";position:absolute;right:10%;top:40%;width:15px;height:15px;border-top:solid 3px #fff;border-right:solid 3px #fff;transform:rotate(45deg)}@media only screen and (max-width: 1100px){.mainVisual{background-size:contain;height:500px}.mainVisual .mainBox ul.mainCopy{width:300px;padding-top:50px;margin:0 auto}.mainVisual .mainBox ul.mainCopy li{font-size:2rem;letter-spacing:3px}.mainVisual .mainBox ul.mainCopy li:first-child{padding-bottom:120px}.mainVisual .mainBox ul.mainCopy li:first-child:after{bottom:20px}}#about h4{margin-bottom:100px}#about ul.aboutList{display:flex;flex-wrap:wrap;justify-content:space-between}#about ul.aboutList li{position:relative;width:32%;margin-bottom:140px;background:#fff;border-radius:15px;padding-top:70px}#about ul.aboutList li dl dt{font-size:1.5rem;text-align:center}#about ul.aboutList li dl dd{font-size:.9rem;line-height:2;padding:15px 25px 25px}#about ul.aboutList li:nth-child(3):after{position:absolute;content:'';background:url("../img/img01.png") no-repeat;background-size:contain;width:211px;height:209px;right:-18px;bottom:-60px}#about ul.aboutList li:nth-child(1):before{position:absolute;content:'';width:97px;height:97px;margin:0 auto;background:url("../img/about-1.png") no-repeat;left:0;right:0;top:-50px}#about ul.aboutList li:nth-child(2):before{position:absolute;content:'';width:97px;height:97px;margin:0 auto;background:url("../img/about-2.png") no-repeat;left:0;right:0;top:-50px}#about ul.aboutList li:nth-child(3):before{position:absolute;content:'';width:97px;height:97px;margin:0 auto;background:url("../img/about-3.png") no-repeat;left:0;right:0;top:-50px}#about ul.aboutList li:nth-child(4):before{position:absolute;content:'';width:97px;height:97px;margin:0 auto;background:url("../img/about-4.png") no-repeat;left:0;right:0;top:-50px}#about ul.aboutList li:nth-child(5):before{position:absolute;content:'';width:97px;height:97px;margin:0 auto;background:url("../img/about-5.png") no-repeat;left:0;right:0;top:-50px}#about ul.aboutList li:nth-child(6):before{position:absolute;content:'';width:97px;height:97px;margin:0 auto;background:url("../img/about-6.png") no-repeat;left:0;right:0;top:-50px}@media only screen and (max-width: 1100px){#about ul.aboutList li{width:49%;margin-bottom:100px}#about ul.aboutList li:nth-child(3):after{width:180px;height:180px;right:-18px;bottom:-97px}}@media only screen and (max-width: 750px){#about ul.aboutList li{width:100%}#about ul.aboutList li:nth-child(3):after{background:none;display:none}}#about ul.aboutSolution01,#about ul.aboutSolution02{display:flex;justify-content:center;flex-wrap:wrap;align-self:flex-start;padding-bottom:100px}#about ul.aboutSolution01 li p,#about ul.aboutSolution02 li p{position:relative;padding:30px 40px;background:#fff;border-radius:12px}#about ul.aboutSolution01 li p:after,#about ul.aboutSolution02 li p:after{content:'';position:absolute;width:0;height:0;border-style:solid;border-right:50px solid transparent;border-left:50px solid transparent;border-top:80px solid #fff;border-bottom:0;top:100%}#about ul.aboutSolution01 li:nth-child(1){width:27%;margin-right:20px}#about ul.aboutSolution01 li:nth-child(1) p:after{border-right:0 solid transparent;border-left:30px solid transparent;right:15%}#about ul.aboutSolution01 li:nth-child(2){width:26%}#about ul.aboutSolution01 li:nth-child(2) p:after{border-right:30px solid transparent;border-left:0 solid transparent;left:15%}#about ul.aboutSolution02 li:nth-child(1){width:26%;margin-right:20px}#about ul.aboutSolution02 li:nth-child(1) p:after{border-right:0 solid transparent;border-left:30px solid transparent;right:15%}#about ul.aboutSolution02 li:nth-child(2){width:26%;margin-right:20px}#about ul.aboutSolution02 li:nth-child(2) p:after{border-right:30px solid transparent;border-left:0 solid transparent;left:15%}#about ul.aboutSolution02 li:nth-child(3){width:23%}#about ul.aboutSolution02 li:nth-child(3) p:after{border-right:30px solid transparent;border-left:0 solid transparent;left:15%}@media only screen and (max-width: 1100px){#about ul.aboutSolution01 li,#about ul.aboutSolution02 li{padding-bottom:0}#about ul.aboutSolution01 li p,#about ul.aboutSolution02 li p{padding:20px}}@media only screen and (max-width: 750px){#about ul.aboutSolution01,#about ul.aboutSolution02{padding-bottom:60px}#about ul.aboutSolution01 li p:after,#about ul.aboutSolution02 li p:after{border-top:50px solid #fff}#about ul.aboutSolution01 li:nth-child(1){width:45%;margin-right:10px}#about ul.aboutSolution01 li:nth-child(1) p:after{border-left:20px solid transparent;right:15%}#about ul.aboutSolution01 li:nth-child(2){width:50%}#about ul.aboutSolution01 li:nth-child(2) p:after{border-right:20px solid transparent;left:15%}#about ul.aboutSolution02{justify-content:left}#about ul.aboutSolution02 li:nth-child(1){width:76%;margin-right:0;padding-bottom:55px}#about ul.aboutSolution02 li:nth-child(1) p:after{border-left:20px solid transparent;right:65%}#about ul.aboutSolution02 li:nth-child(2){width:43%;margin-right:10px}#about ul.aboutSolution02 li:nth-child(2) p:after{border-right:0 solid transparent;border-left:25px solid transparent;left:15%}#about ul.aboutSolution02 li:nth-child(3){width:53%}#about ul.aboutSolution02 li:nth-child(3) p:after{border-right:30px solid transparent;border-left:0 solid transparent;left:15%}}#about img{width:650px;margin:0 auto}@media only screen and (max-width: 750px){#about img{width:80%}}#services{background:#454545}#services h3,#services h4{color:#fff}#services ul.serviceList li{display:flex;justify-content:space-between;background:#f2f2f2;border-radius:20px;padding:25px 50px 25px 60px;margin-bottom:75px}#services ul.serviceList li p:first-child img{width:119px}#services ul.serviceList li dl{padding:0 80px}#services ul.serviceList li dl dt{margin-bottom:20px;font-size:2rem;color:#2c6c7d}#services ul.serviceList li p:last-child img{width:240px}@media only screen and (max-width: 1100px){#services ul.serviceList li{padding:25px;margin-bottom:30px;flex-wrap:wrap}#services ul.serviceList li p:first-child{width:100%}#services ul.serviceList li p:first-child img{width:30%;max-width:100px}#services ul.serviceList li dl{padding:10px 0}#services ul.serviceList li dl dt{margin-bottom:10px;font-size:1.5rem}#services ul.serviceList li p:last-child{width:100%}#services ul.serviceList li p:last-child img{width:60%;max-width:200px;margin:0 auto}}#company dl{padding:50px 80px;margin-bottom:100px;background:#fff;border-radius:20px;color:#312e2e;font-size:1.5rem;display:flex;justify-content:space-between;flex-wrap:wrap}#company dl dt{width:20%;border-right:2px #2ea0a5 solid;padding:20px 0}#company dl dd{width:80%;padding:20px 0 20px 80px}#company ul{display:flex;justify-content:space-between;width:100%;max-width:600px;margin:0 auto}#company ul li{width:30%}#company ul li img{border-radius:23%;box-shadow:#ccc 5px 5px 5px}@media only screen and (max-width: 750px){#company dl{padding:20px;font-size:1rem}#company dl dd{padding:20px 0 20px 20px}}#contact{background:#454545}#contact h3,#contact h4{color:#fff}#contact form{margin:100px 0 0}#contact form .formInput{display:flex;justify-content:space-between;flex-wrap:wrap}#contact form .formInput .fromRequired,#contact form .formInput .formAny{width:49%}#contact form .formInput .fromRequired div,#contact form .formInput .formAny div{margin-bottom:10px}#contact form .formInput .fromRequired div label,#contact form .formInput .formAny div label{display:none}#contact form .formInput .fromRequired div input,#contact form .formInput .fromRequired div textarea,#contact form .formInput .formAny div input,#contact form .formInput .formAny div textarea{width:100%;border:none;border-radius:10px;padding:20px;box-shadow:#000 3px 3px 3px;font-size:1rem}#contact form .formInput .fromRequired div textarea,#contact form .formInput .formAny div textarea{height:16.3em}#contact form .formInput .fromRequired div input::placeholder,#contact form .formInput .fromRequired div textarea::placeholder,#contact form .formInput .formAny div input::placeholder,#contact form .formInput .formAny div textarea::placeholder{text-align:center}@media only screen and (max-width: 750px){#contact form .formInput .fromRequired,#contact form .formInput .formAny{width:100%}}#contact form .formButton{margin:50px 0 0}#contact form .formButton .formButtonBox .formButtonSubmit button{display:block;padding:15px 150px;margin:0 auto;background:#2ea0a5;border-radius:50px;box-shadow:#373737 5px 5px 5px;font-size:1.5rem;font-weight:400;text-shadow:none;text-decoration:none;color:#fff}
/*# sourceMappingURL=style.css.map */
