html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0);font-weight:normal}body{font-family:"Noto Sans JP",sans-serif;font-family:"PT Sans",sans-serif;color:#000;line-height:1.5}.container{width:1080px;margin:0 auto}.center{text-align:center}img{vertical-align:bottom;max-width:100%;width:100%;height:auto}a{text-decoration:none;color:#000;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0);cursor:pointer}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0;width:100%}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle;color:#000}input[type=button]{-webkit-appearance:none;border-radius:0}button{background-color:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;padding:0;appearance:none}

*{box-sizing:border-box}body{margin:0;padding:0;color:#666;line-height:1.7em;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif}table,td,th{border:1px solid #ddd;text-align:left}h1,h2,h3,h4,h5,h6{color:#333;padding-bottom:10px;line-height:1em;font-weight:500}main{margin-top:-8px}.h-img img{width:102px}p{margin:0}a{text-decoration:none}nav{position:fixed;width:100%;z-index:2;background-color:#fff}.title-border h2{font-family:"Montserrat",Helvetica,Arial,Lucida,sans-serif;font-weight:800;text-transform:uppercase;font-size:15px;color:#22272b !important;line-height:1.4em;margin:0;padding-bottom:10px}.desk-nav ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#fff}.desk-nav li{float:left}.desk-nav li a{display:block;color:rgba(0,0,0,.438);text-align:center;padding:14px 11px;text-decoration:none;font-family:"Noto Sans JP",sans-serif;font-size:13px;font-weight:700}.desk-nav li a:hover{opacity:.7}.l-group{display:flex;justify-content:space-between;align-items:center;width:85.6%}.logo-btn a{color:#fff !important;font-size:14px;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif !important;background-color:#66c2b6;text-decoration:none;padding:.465em 1em;border:#fff solid 2px;border-radius:5px;transition:all 300ms ease 0ms}.logo-btn a:hover{border-color:#66c2b6}.logo-group{display:flex;justify-content:space-between;align-items:center;height:60px;position:relative}.www{padding:0px 40px;border-bottom:solid 1px rgba(85,85,85,.1294117647)}.s-f-bg{background-image:url(https://static.cms.flux.jp/w/C9QQPWaR2A/images/ebook-17-1.png),linear-gradient(124deg, rgba(88, 183, 168, 0.21) 15%, #00b7b7 90%);background-position:center bottom 0px;background-size:cover;padding:54px 0px}.container{width:80%;max-width:1080px;margin:auto;position:relative;display:flex}.container-long{width:80%;max-width:1280px;margin:auto;position:relative;display:flex}.content-w{width:47.25%}.content-mr{margin-right:5.5%}.content-pt{padding:100px 0px 0px}.s-f-bg h1{font-family:"Montserrat",Helvetica,Arial,Lucida,sans-serif;font-weight:800;text-transform:uppercase;font-size:3.5vw;color:#22272b !important;line-height:1.2em;margin:0;padding:0px 0px 10px}.content-btn-group{display:flex;justify-content:space-between;align-items:center;text-align:center;padding:21.7656px 0px}.content-btn-group a{text-decoration:none;color:#66c2b6;border:solid 1px;border-radius:50px;font-size:14px;font-family:"Montserrat",Helvetica,Arial,Lucida,sans-serif !important;font-weight:500 !important;background-color:RGBA(255, 255, 255, 0);margin-bottom:31.5625px;display:inline-block;max-width:240px;width:100%}.btn-p{padding-top:8px;padding-bottom:8px}.btn-p:hover{background-color:#66c2b6;color:#fff !important}.content-top{padding:64px 0px}.content-add{padding:18px 0px}.title-border{border-bottom:#66c2b6 solid 1px}.title{font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;font-weight:700;font-size:28px;margin-bottom:36px;color:#333}.content-btn{text-align:center}.content-btn a{text-decoration:none;color:#66c2b6 !important;border:solid 1px;border-radius:50px;font-size:14px;font-family:"Montserrat",Helvetica,Arial,Lucida,sans-serif !important;font-weight:500 !important;background-color:RGBA(255, 255, 255, 0);padding-top:8px !important;padding-bottom:8px !important;display:inline-block;max-width:230px;width:100%}.content-space{padding:19.5px 0px}.content-in{padding:27px 0px}.content-w img{width:100%}.m-a{border-bottom:solid 1px #e2e8f0;padding-top:11.5px;margin-bottom:11.5px}.m-b{margin:auto;width:85%;max-width:1080px}.content-h1 h1{margin:0px;padding:0px 0px 10px;line-height:1.2;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;font-weight:700;font-size:28px}.content-w p{font-size:15px;line-height:1.9em;padding-top:0px !important;font-weight:500;color:#22272b}.content-h1{margin-bottom:12px}.btn-st{margin-bottom:5.82%}.a-color a{font-weight:500 !important;color:#555 !important;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif !important}.a-color{margin:0px 0px 60px}.backg{background-blend-mode:multiply;background-image:url(https://static.cms.flux.jp/w/C9QQPWaR2A/images/rwewantyou.jpg);background-color:rgba(10,10,10,.3);border-radius:16px 16px 16px 16px;overflow:hidden;height:520px;background-size:cover;background-position:center}.ggg{padding:200px 36px 36px}.ggg p{color:#fff;width:47.25%;margin-bottom:16px;line-height:1.9;letter-spacing:-1px}.img-btn a{display:inline-block;text-decoration:none;color:#fff;border:solid 1px;border-radius:50px;font-size:14px;font-family:"Montserrat",Helvetica,Arial,Lucida,sans-serif;font-weight:500;background-color:RGBA(255, 255, 255, 0);padding-top:8px;padding-right:69px;padding-bottom:8px;padding-left:70px}.long-border{padding:131.6px 0px 150.4px;background-image:url(https://static.cms.flux.jp/w/C9QQPWaR2A/images/BG-Contact01.png);background-size:cover;background-position:center}.con-text{text-align:center;margin-top:54px}.con-text a{text-decoration:none;color:#fff;border:solid 1px;border-radius:50px;display:block;font-size:14px;font-family:"Montserrat",Helvetica,Arial,Lucida,sans-serif;font-weight:500;padding-top:18px;padding-bottom:18px}.long-border h2{color:#fff !important}.long-border .title-border{border-color:#fff}.logo-writh{width:200px;padding:0px}.footer-p{padding:54px 0px}footer img{width:100%}.f-img-w img{width:15%;display:block;margin:auto}.content-con{max-width:800px;margin:auto}.footer-group{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.footer-group p{width:237.33px;text-align:center;font-size:14px}.footer-mark p{text-align:center;color:#a3a3a3 !important;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;font-size:12px}.footer-mark{width:100%}.img-btn .btn-p:hover,.con-text a:hover{background-color:#fff !important;color:#66c2b6 !important}.mb-btn{display:none}.public-bg{background-image:url(https://static.cms.flux.jp/w/C9QQPWaR2A/images/header01_dcShz09.jpeg);background-position:center;background-size:cover}.title-a h1{font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;font-weight:500;text-transform:uppercase;font-size:2.5vw;color:#000 !important;line-height:1.1em;margin:0px;padding-bottom:10px}.title-a{padding-top:40px;margin-bottom:30px}.title-a p{color:#66c2b6 !important;font-family:"Montserrat",Helvetica,Arial,Lucida,sans-serif;line-height:1.8em;font-weight:500;font-size:18px}.bg-2{background-image:url(https://static.cms.flux.jp/w/C9QQPWaR2A/images/ebook-13.png),linear-gradient(50deg, rgba(0, 196, 186, 0.6) 0%, rgba(29, 209, 78, 0.1) 38%) !important;background-position:center;background-size:cover}.bg-4{background-image:url(https://static.cms.flux.jp/w/C9QQPWaR2A/images/ebook-14.png),linear-gradient(50deg, rgba(0, 196, 186, 0.6) 0%, rgba(29, 209, 78, 0.1) 38%, rgba(0, 196, 186, 0.6) 100%) !important;background-position:center;background-size:cover}.blog-1{width:29.6667%}.blog-1 img{width:100%;margin-bottom:9.27%}.blog-1 h2{font-family:"Montserrat",Helvetica,Arial,Lucida,sans-serif;font-weight:800;text-transform:uppercase;font-size:15px;color:#66c2b6 !important;line-height:.6em;padding-bottom:10px;margin:0}.blog-1-content{font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;margin-top:12px !important;margin-bottom:0px !important}.blog-1-content p{font-size:14px;color:#666;background-color:#fff;line-height:1.7em;font-weight:500;-webkit-font-smoothing:antialiased}.footer-p-2{margin:40px 0px}.flows img{width:100%}.blog-1 h4{font-size:20px;line-height:1.6em;font-family:"Montserrat",Helvetica,Arial,Lucida,sans-serif;font-weight:700;margin:0}.blog-1 h4 a{color:#000}.postmeta{font-family:"Montserrat",Helvetica,Arial,Lucida,sans-serif;font-weight:700;text-transform:uppercase;color:#31d190 !important;font-size:14px;margin-bottom:6px}.postcon{line-height:1.8em;font-size:14px;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;font-weight:500;color:#666}body{margin:0;width:100%;height:100vh;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header{width:100%;background:#fff;height:60px;border-bottom:1px solid #ddd}.hamburger{background:none;top:0;right:0;line-height:13px;padding:5px 15px 0px 15px;color:#999;border:0;font-size:23px;font-weight:bold;cursor:pointer;outline:none;z-index:10000000000000}.cross{background:none;top:0;right:0;line-height:13px;padding:5px 15px 0px 15px;color:#999;border:0;font-size:23px;font-weight:bold;cursor:pointer;outline:none;z-index:10000000000000}.menu{z-index:1000000;font-weight:bold;font-size:.8em;width:100%;background:#fff;box-shadow:0px 0px 9px .2px rgba(136,136,136,.1803921569);position:absolute;text-align:center;font-size:12px;top:43px;border-top:solid #2ea3f2}.menu ul{margin:0;padding:0;list-style-type:none;list-style-image:none;padding:5%}.footer-group a{text-decoration:none;color:#22272b}.menu li{display:block;padding:15px 0 15px 0;border-bottom:#ddd 1px solid}.menu li:hover{display:block;background:#fff;padding:15px 0 15px 0;border-bottom:#ddd 1px solid}.menu ul li a{text-decoration:none;margin:0px;color:#666}.menu ul li a:hover{color:#666;text-decoration:none}.menu a{text-decoration:none;color:#666}.menu a:hover{text-decoration:none;color:#666}.glyphicon-home{color:#fff;font-size:1.5em;margin-top:5px;margin:0 auto}header{display:inline-block;font-size:12px}span{padding-left:20px}a{color:#369}h3{font-size:22px;font-family:"Noto Sans Japanese",sans-serif;line-height:1em;font-weight:500;margin:0px}.content-text-1 span{padding:0px}.content-text-1 h3{font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif !important}.content-text-1 h3 span{font-weight:bold !important}.content-text-1-color h3{color:#66c2b6}.blog-title-mb{margin-bottom:5.82%}.blog-content-mb{padding-bottom:1em}.blog-content p{font-size:14px !important;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;line-height:1.7em !important;font-weight:500}.blog-mx{padding:2.75% 0;color:#fff}.blog-mx h3{color:#fff}.bg-3{background-image:linear-gradient(180deg, #19c1ab 0%, #66c2b6 100%) !important}.blog-text-1 p{font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;font-weight:700;font-size:80px;padding-bottom:9px !important;margin-bottom:40px !important;line-height:0}.rental{font-size:13px;background-color:#2cc4ac;padding-bottom:0px !important;margin-top:66px !important;margin-right:-99px !important;margin-bottom:-36px !important;width:100%}.rental tr,.rental td{border-top:1px solid #eee;padding:3px 24px}.footer-p-3{margin:80px 0}.blog-support .sup-title{font-weight:700;font-size:17px;padding-bottom:0px !important;margin-bottom:12px !important;text-align:center;color:#22272b}.blog-support .blog-1-content p{font-size:14px;padding-bottom:14px}.footer-p-4{padding:66px 60px 60px}.blog-content-icon{width:40px;display:table-cell;line-height:0}.blog-icon-group{display:flex;align-items:flex-start}.blog-icon-group h4{font-size:20px !important;margin:0 !important;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;font-weight:700;line-height:1.8em}.blog-icon-group p{font-size:14px;margin:0 !important;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;font-weight:500;line-height:1.5em}.blog-box-show{background-color:#fff;box-shadow:0px 40px 80px -20px rgba(0,0,0,.17)}.new-btn a{width:100%;padding:18px 0}.footer-p-5{width:608px;margin:auto}.footer-p-5 img{width:100%}.footer-p-5 h1{margin:40px 0px 0px;letter-spacing:.7px}.l-blog-1-mb{margin-bottom:40px}.footer-p-5 p{font-size:14px}.l-blog-1-text p{font-weight:500;padding-bottom:10px}.l-blog-1-border{margin-top:24px;margin-bottom:2.75%}.l-blog-connect a{color:#fff !important;border-radius:25px;letter-spacing:1px;font-size:16px;background-color:#0e9af2;padding:12px 50px !important;border:solid 2px #fff;transition:all 300ms ease 0ms}.l-blog-connect a:hover{border-color:#0e9af2}.l-blog-connect{margin-top:48px}.blog-content-mt{margin-top:16px}.blog-content-mt p{padding-bottom:14px}.blog-my{padding:27px 8vw;width:100%}.blog-my span{padding-left:0 !important}.blog-img{margin:auto;margin-bottom:2.75%;width:50px}.blog-img img{display:block;margin:auto}.blog-text-2 h2{font-family:"Montserrat",Helvetica,Arial,Lucida,sans-serif;font-weight:700;margin:0;line-height:1.2em}.blog-text-2 h3{font-size:20px;color:#66c2b6 !important;font-family:"Noto Sans Japanese",sans-serif}.blog-text-2{margin-bottom:2.75%}.blog-border{border-top:solid rgba(102,102,102,.2117647059) 3px;height:23px;margin-bottom:2.75%}.blog-my h3{font-weight:700;font-family:"Noto Sans Japanese",sans-serif;font-size:22px}.blog-my p{font-size:14px;color:#666;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;font-weight:500}.about-table{width:100%}.about-table td{font-size:14px;padding:6px 24px;font-weight:500;line-height:1.4;vertical-align:middle}.about-table p{padding-bottom:1em}.about-table p:not(.has-background):last-of-type{padding-bottom:0}.about-title p{font-size:20px;font-weight:700;color:#66c2b6;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;line-height:1.7em}.about-text p{font-size:14px;padding-bottom:10px;font-weight:500}.blog-form{width:100%;padding:0px 0px 0px 3%}.blog-form input,.blog-form textarea{width:100%;margin-bottom:3%;padding:16px;border-radius:6px 6px 6px 6px;overflow:hidden;border:1px solid #e2e8f0;color:#999;font-size:14px;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif}.blog-form input:focus,.blog-form textarea:focus{border:1px solid #e2e8f0 !important;outline:none}.blog-form p{font-weight:500;padding-bottom:16px;font-size:12px;color:#000;line-height:1em}.v-btn{color:#66c2b6;border:solid 1px #66c2b6;border-radius:100px;font-size:16px;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;padding-top:8px;padding-right:50px;padding-bottom:8px;padding-left:50px;line-height:2;position:relative;background-color:#fff;transition:color 300ms ease 0ms,background-color 300ms ease 0ms;margin-left:20px}.v-btn:after{font-size:32px;line-height:1em;content:">";opacity:0;position:absolute;margin-left:-1em;-webkit-transition:all .2s;transition:all .2s;text-transform:none;-webkit-font-feature-settings:"kern" off;font-feature-settings:"kern" off;font-variant:none;font-style:normal;font-weight:300;text-shadow:none}.v-btn:hover:after{opacity:1;margin-left:0}.v-btn:hover{background-color:#66c2b6;color:#fff}.btn-gruop{display:flex;justify-content:end;align-items:center}.villidetion input{margin:0;width:50px}#mylist-title,#error-title{display:none}#message{font-size:14px}#message p{padding:0px 0px 1em 0px;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif}#message ul{list-style-type:disc;padding:0 0 23px 1em;line-height:26px;margin:0px}.none-padding{padding:0px !important}#message{display:none}.custom-pa{padding:27px 8vw}.custom-pa h4{font-size:14px;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;line-height:1.7em;font-weight:700;margin:0;padding:0;color:#666}.custom-pa p{font-size:14px;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;line-height:1.7em;font-weight:500;margin:0;padding-bottom:1em}@media only screen and (max-width: 1090px){.content-w{width:53.25%}}@media only screen and (max-width: 980px){.l-blog-connect{display:none}.content-w{width:100%}.s-f-bg h1{font-size:8vw}.content-btn-group a{width:100%;max-width:350px}.content-mr{margin-right:0}.btn-change-2{background-color:#fff !important}.btn-change-2:hover{background-color:#66c2b6 !important;color:#fff !important}.container{flex-wrap:wrap}.content-respon{margin-bottom:36px}.title{font-size:26px}.title-none{display:none}.desk-nav{display:none}.mb-btn{display:block}.logo-btn-g{display:flex;align-items:center}.l-group{width:50%}.f-img-w{width:20%;margin:auto}.f-img-w img{width:100%;height:auto}.con-text a{width:100%;max-width:462px}.logo-writh{width:40%}.footer-group p{width:100%;margin-bottom:30px}.con-text{text-align:-webkit-center}.long-border{padding-top:36vw;padding-bottom:8vw}.blog-1{width:47.25%}.blog-1 h4{font-size:30px}.blog-g .blog-1{width:100%;margin-bottom:30px !important}.blog-g .content-mr{margin-right:0px !important}.f-i .content-mr{margin-right:0px !important;margin-bottom:30px}.title-a h1{font-size:4vw}.title-a p{font-size:16px}.blog-mb-box{margin-bottom:5.82%}.blog-support .sup-title{text-align:left}.order{order:-1}.new-btn a{width:100%;padding:18px 0}.un-mr{margin-right:0%;margin-bottom:30px}.content-h1 h1{font-size:26px}.ggg p{width:100%}.menu li{text-align:left;font-size:13px}.content-btn-group{gap:30px}}@media only screen and (max-width: 768px){.s-f-bg h1{font-size:10vw}.long-border{padding-top:46vw;padding-bottom:4vw}.f-img-w{width:30%;margin:auto}.blog-1{width:100%}.blog-1 h4{font-size:18px}.title-a h1{font-size:6vw}.title-a p{font-size:14px}.logo-writh{width:60%}.m-change{padding:50px 0px}.footer-p-5{width:90%}.content-btn-group{gap:20px;justify-content:center}.content-btn-group a{width:100%;max-width:500px}.title{font-size:22px}.content-w p{font-size:14px}.backg{height:auto}.ggg{padding:160px 36px 86px}.img-btn a{text-align:center;display:inline-block;max-width:760px;width:100%}.con-text a{width:100%;max-width:800px}.www{padding:0px 24px}}@media only screen and (max-width: 560px){.content-btn-group{flex-wrap:wrap;padding:30px 0px}.btn-change-1{background-color:#fff !important}.btn-change-1:hover{background-color:#66c2b6 !important;color:#fff !important}.content-btn-group .content-mr{margin-right:0px !important}.content-btn-group a{margin-bottom:16.5625px}.s-f-bg{padding:50px 0px}.l-group{width:30%}.content-btn-group{gap:0px}}

.sp{display:none}.pc{display:block}input[type=submit]{-webkit-appearance:none;border-radius:0}input[type=button]{-webkit-appearance:none;border-radius:0}#newspage-list{padding:180px 0}.newspage-list-wrapper{max-width:1080px;width:80%;margin:0 auto}.newspage-list a{display:inline-block;width:28%;box-sizing:border-box;vertical-align:top;margin:1.5%;margin-bottom:60px}.newspage-list-thumnail{margin-bottom:20px}.newspage-list-title{font-weight:500 !important;color:#333 !important;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif !important;font-size:20px;margin-bottom:8px;line-height:1.6em !important}.newspage-list-date{font-size:14px;line-height:1.9em;padding-top:0px !important;font-weight:500;margin-bottom:8px;color:#31d190;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif !important}.newspage-content{font-size:14px;line-height:1.9em;padding-top:0px !important;font-weight:500;color:#666;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif !important}.newspage-list-content{font-size:14px}.pagination__page-button.active{color:#000;text-align:center;border:none}.pagination__page-button{color:#000;text-align:center;border:none}.pagination__items{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;margin-top:30px;gap:6px}.pagination__next-button{font-size:13px;border:none;background:none;color:#000}.pagination__last-button{font-size:13px;border:none;background:none;color:#000}.pagination__first-button{font-size:13px;border:none;background:none;color:#000}.pagination__prev-button{font-size:13px;border:none;background:none;color:#000}.css-1y4vab{margin-top:40px !important}@media screen and (max-width: 980px){#newspage-list{padding:80px 0}.newspage-list{display:block}.newspage-list-box{margin-bottom:40px}.newspage-content{font-size:14px}.newspage-list a{display:inline-block;width:46%;box-sizing:border-box;vertical-align:top;margin:2%;margin-bottom:60px}}@media screen and (max-width: 767px){.newspage-list-title{font-size:18px}.newspage-list a{width:100%;margin:0 0 80px 0px}}

viewport

$(document).ready(function () {

    $(".cross").hide();
    $(".menu").hide();
    $(".hamburger").click(function () {
        $(".menu").slideToggle("slow", function () {
            $(".hamburger").hide();
            $(".cross").show();
        });
    });

    $(".cross").click(function () {
        $(".menu").slideToggle("slow", function () {
            $(".cross").hide();
            $(".hamburger").show();
        });
    });

});

function validation() {
    var name = document.getElementById("name");
    var email = document.getElementById("email");
    var tel = document.getElementById("tel");
    var content = document.getElementById("content");
    var num = document.getElementById("num");
    var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;

    // Clear existing warnings and reset border colors
    clearWarningsAndBorders();

    if (!name.value) {
        appendWarning("名前*");
        setBorderRed(name);
    }

    if (!email.value) {
        appendWarning("Eメールアドレス*");
        setBorderRed(email);
    } else if (!email.value.match(mailformat)) {
        myerror("無効なメール");
        setBorderRed(email);
    }

    if (!tel.value) {
        appendWarning("tel*");
        setBorderRed(tel);
    }

    if (!content.value) {
        appendWarning("お問い合わせ内容*");
        setBorderRed(content);
    }

    if (!num.value) {
        appendWarning("画像認証*");
        setBorderRed(num);
    } else {
        let dom = document.getElementById("display");
        let str = dom.innerHTML;
        let result = eval(str);
        num = num.value;
        // console.log(num, result);
        if (result !== parseInt(num)) {
            myerror("キャプチャの番号が違います。");
            let temp1 = Math.floor(Math.random() * 20);
            let temp2 = Math.floor(Math.random() * 20);
            let dis = temp1 + " + " + temp2;
            dom.innerHTML = dis;
            setBorderRed(num);
        }
        setBorderRed(num);
    }

}

function clearWarningsAndBorders() {
    var myList = document.getElementById("myList");
    myList.innerHTML = "";

    var errorList = document.getElementById("error");
    errorList.innerHTML = "";

    document.getElementById("mylist-title").style.display = "none";
    document.getElementById("error-title").style.display = "none";
    document.getElementById("message").style.display = "none";


    // Reset border colors
    resetBorder(document.getElementById("name"));
    resetBorder(document.getElementById("email"));
    resetBorder(document.getElementById("tel"));
    resetBorder(document.getElementById("content"));
    resetBorder(document.getElementById("num"));
}


function appendWarning(message) {
    document.getElementById("message").style.display = "block";
    document.getElementById("mylist-title").style.display = "block";
    const node = document.createElement("li");
    const textnode = document.createTextNode(message);
    node.appendChild(textnode);
    document.getElementById("myList").appendChild(node);
}

function myerror(message) {
    document.getElementById("message").style.display = "block";
    document.getElementById("error-title").style.display = "block";
    const node = document.createElement("li");
    const textnode = document.createTextNode(message);
    node.appendChild(textnode);
    document.getElementById("error").appendChild(node);
}

function setBorderRed(element) {
    element.style.border = "1px solid red";
}

function resetBorder(element) {
    element.style.border = ""; // Reset to the default border
}

取り扱い物件

CONTACT｜お問い合わせ