*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:68px}body{overflow-x:hidden;color:#2f2f2f;font-size:16px;font-family:"NotoSansJP",sans-serif;font-weight:400;font-style:normal;line-height:1.6;letter-spacing:.02em;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}article,aside,footer,header,nav,section,main{display:block}h1,h2,h3,h4,h5,h6,a,p,span,em,small,strong,sub,sup,mark,del,ins,strike,abbr,dfn,blockquote,q,cite,code,pre,ol,ul,li,dl,dt,dd,div,section,article,main,aside,nav,header,hgroup,footer,img,figure,figcaption,address,time,audio,video,canvas,iframe,details,summary,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0}a{outline:none;color:inherit;text-decoration:none;transition:.3s}img{max-width:100%;height:auto;display:block;border:none}code,kbd,pre,samp{font-size:inherit;font-family:monospace,sans-serif}ul,ol{list-style:none}table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed}th,td{padding:4px 6px;vertical-align:top;text-align:left}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}form{margin:0;padding:0}form button{cursor:pointer;transition:all .3s ease 0s;-webkit-appearance:none}form button:hover,form button:focus{outline:none}form button:hover{opacity:.6}form button ::-moz-focus-inner{padding:0;border:none}input,textarea{padding:10px 15px;width:100%;border:1px solid #e2e2e2;border-radius:0;background-image:none;font-size:1em;font-family:inherit;-webkit-appearance:none}textarea:hover,textarea:focus{outline:none}textarea:focus{outline:none;border-color:#e2e2e2;box-shadow:none}textarea ::-moz-focus-inner{padding:0;border:none}textarea::-webkit-input-placeholder{color:#b4b4b4}textarea::-moz-placeholder{color:#b4b4b4}textarea:-ms-input-placeholder{color:#b4b4b4}textarea::-ms-input-placeholder{color:#b4b4b4}textarea::placeholder{color:#b4b4b4}input::-webkit-input-placeholder{color:#b4b4b4}input::-moz-placeholder{color:#b4b4b4}input::-ms-input-placeholder{color:#b4b4b4}input:-ms-input-placeholder{color:#b4b4b4}input::placeholder{color:#b4b4b4}input:focus{outline:none;border-color:#e2e2e2;box-shadow:none}input[type=submit],input[type=button]{display:inline-block;margin:0;padding:.6em 2em;width:auto;border:none;border-radius:0;background-color:#2281b8;background-image:none;box-shadow:.0625em .0625em .1875em 0 rgba(0,0,0,.16);color:#fff;text-decoration:none;font-size:16px;cursor:pointer;transition:all .3s ease 0s;-webkit-appearance:none}input[type=submit]:hover,input[type=submit]:focus,input[type=button]:hover,input[type=button]:focus{outline:none}input[type=submit]:hover,input[type=button]:hover{opacity:.6}input[type=submit] ::-moz-focus-inner,input[type=button] ::-moz-focus-inner{padding:0;border:none}input[type=radio]{display:none}input[type=radio]+span{position:relative;display:inline-block;margin:0 16px 0 0;padding:0 0 0 36px;cursor:pointer}input[type=radio]+span:before{position:absolute;top:50%;left:0;display:block;width:20px;aspect-ratio:1/1;border:1px solid #e2e2e2;border-radius:50%;background:#fff;content:"";transform:translateY(-50%)}input[type=radio]+span:after{opacity:0;transition:opacity .3s ease 0s}input[type=radio]:checked+span:after{position:absolute;top:50%;left:5px;display:block;width:10px;height:10px;border-radius:50%;background:#168fc2;content:"";opacity:1;transform:translateY(-50%)}input[type=checkbox]{display:none}input[type=checkbox]+span{position:relative;display:inline-block;margin:0 16px 0 0;padding:0 0 0 30px;cursor:pointer;transition:all 1s ease 0s}input[type=checkbox]+span:before{position:absolute;top:50%;left:0;display:block;width:20px;height:20px;border:1px solid #e2e2e2;border-radius:2px;background:#fff;content:"";transform:translateY(-50%)}input[type=checkbox]+span:after{opacity:0;transition:opacity .3s ease 0s}input[type=checkbox]:checked+span:after{position:absolute;top:50%;left:0;display:block;margin-top:-.2em;width:20px;height:10px;border-bottom:2px solid #178fc1;border-left:2px solid #178fc1;content:"";opacity:1;transform:translateY(-50%) rotate(-45deg)}select{padding:.4em 2.4em .4em .8em;border:1px solid #e2e2e2;border-radius:0;background-image:url(//m-and-o.jp/wp-content/themes/m-and-o/assets/css/../img/select-arrow.svg);background-position:right 6px center;background-size:24px;background-repeat:no-repeat;color:inherit;font-size:1em;font-family:inherit;cursor:pointer;-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select:focus{outline:none;border-color:#e2e2e2;box-shadow:none}@font-face{font-family:"NotoSansJP";font-style:normal;font-weight:400;src:url(//m-and-o.jp/wp-content/themes/m-and-o/assets/css/../fonts/NotoSansJP-Regular.ttf) format("truetype")}@font-face{font-family:"NotoSansJP";font-style:normal;font-weight:500;src:url(//m-and-o.jp/wp-content/themes/m-and-o/assets/css/../fonts/NotoSansJP-Medium.ttf) format("truetype")}@font-face{font-family:"NotoSansJP";font-style:normal;font-weight:700;src:url(//m-and-o.jp/wp-content/themes/m-and-o/assets/css/../fonts/NotoSansJP-Bold.ttf) format("truetype")}.l-inner{max-width:100%;margin:0 auto}.l-inner--1180{width:1180px}@media screen and (max-width:1180px){.l-inner--1180{width:92%}}.l-inner--960{width:960px}@media screen and (max-width:960px){.l-inner--960{width:92%}}.l-section__contents{display:flex;justify-content:space-between;gap:20px}@media screen and (max-width:600px){.l-section__contents{flex-direction:column !important}}.l-section__content{width:34.375rem;max-width:100%}.l-section__picture{width:47.2222222222vw}@media screen and (max-width:600px){.l-section__picture{width:100%}}.l-section__picture img{width:100%;height:335px;-o-object-fit:cover;object-fit:cover;object-fit:cover}.l-title--en{font-size:16px;color:#2f2f2f;letter-spacing:1.6px;text-transform:uppercase}.l-title{font-size:36px;line-height:50px;letter-spacing:1.8px}@media screen and (max-width:600px){.l-title{font-size:28px;letter-spacing:1.2px}}.l-section__content{width:420px;max-width:100%}.sp-only{display:none}@media screen and (max-width:600px){.sp-only{display:inline-block}}.header{background-color:#fff}.header-inner{margin-top:10px;padding-bottom:10px}.header__logo{display:flex;align-items:center;vertical-align:middle}.header__title{margin:0}.header__title img{display:block}.header__global-nav{display:flex;align-items:center}@media screen and (max-width:768px){.header__global-nav{display:none}}.global-nav__list{list-style:none;padding:0;display:flex;gap:48px;margin:0}@media screen and (max-width:960px){.global-nav__list{gap:20px}}.global-nav__item{margin:0}.global-nav__link{text-decoration:none;font-size:16px;letter-spacing:1.6px;font-weight:400;line-height:30px;padding:16px 0}@media screen and (max-width:960px){.global-nav__link{font-size:14px;letter-spacing:1.4px}}.global-nav__item--contact .global-nav__link{color:#fff;background-color:#45bbc9;font-weight:700;padding:16px 28px}.drawer{display:none}.drawer-text{color:#fff;text-align:center}.drawer-icon{width:58px;position:fixed;top:10px;right:10px;z-index:41;padding:10px 20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #333;color:#333;text-align:center;font-size:24px;cursor:pointer}.drawer-open{display:block;margin-left:-2px}.m_checked .drawer-open{display:none}.drawer-close{display:none}.m_checked .drawer-close{display:block;color:#333}.drawer-content{position:fixed;top:0;left:0;z-index:40;visibility:hidden;overflow:auto;padding:100px 40px 40px;width:100%;height:100vh;background-color:#fff;text-align:left;opacity:0;transition:all .3s ease 0s}body.fixed{overflow:hidden}.m_checked .drawer-content{visibility:visible;opacity:1}.drawer-nav li a{display:block;padding:20px 12px 24px 0;border-left:6px solid transparent;color:#333;text-align:center;text-decoration:none;font-weight:700;font-size:16px}.drawer-nav li a:before{margin-right:8px;font-weight:900}.drawer-nav li{margin-left:unset;padding-bottom:unset;width:unset;height:unset;border-bottom:2px solid #333}.drawer-nav li a:hover{background:#f7feff}.nav-u-btn-box{display:none}@media screen and (max-width:768px){.header-nav{display:none}.drawer{display:block}.header-contact{padding:20px}.drawer-text{font-size:24px}.drawer-nav li a{padding:20px 0 24px}.drawer-content{padding:100px 0 40px}.drawer .site-title{display:block;font-size:1.6em;font-weight:700;margin-bottom:20px}}.main{overflow-x:hidden}.main-visual{position:relative}.main__picture{width:100%;display:block}.main__picture img{width:100%}.main-visual .catchphrase{position:absolute;left:100px;bottom:13%;transform:translate(0,0)}@media screen and (max-width:600px){.main-visual .catchphrase{left:20px;bottom:8%}}.catchphrase__main{font-size:40px;font-weight:700;font-weight:500;line-height:60px;letter-spacing:4px}@media screen and (max-width:600px){.catchphrase__main{font-size:28px;letter-spacing:2.8px;line-height:46px}}.catchphrase__highlight{color:#45bbc9}.catchphrase__sub{margin-top:16px;font-size:16px;font-weight:500;line-height:30px;letter-spacing:1.6px}@media screen and (max-width:600px){.catchphrase__sub{font-size:14px;letter-spacing:1.4px}}.greeting{margin-top:100px}.greeting__text{text-align:center;line-height:2.3}.contact{margin-top:80px;border-radius:15px;border:3px solid #45bbc9;padding:32px 80px}@media screen and (max-width:900px){.contact{padding:32px 40px}}@media screen and (max-width:600px){.contact{margin-top:40px;border-radius:8px;padding:16px 20px}}.contact__title{font-size:21px;font-weight:500;text-align:center;width:800px;max-width:100%;padding-bottom:16px;border-bottom:3px solid #45bbc9}@media screen and (max-width:600px){.contact__title{font-size:18px}}.contact__phone{margin-top:35px;text-align:center}@media screen and (max-width:600px){.contact__phone{margin-top:28px}}.contact__phone a{position:relative;display:inline-block;padding-left:88px;color:#1da9ba;font-family:Helvetica;text-align:center;font-size:50px;font-style:normal;font-weight:400;line-height:normal;transition:.3s}@media screen and (max-width:600px){.contact__phone a{padding-left:44px;font-size:34px}}.contact__phone a:before{content:"";position:absolute;background-repeat:no-repeat;background-size:contain;background-image:url(//m-and-o.jp/wp-content/themes/m-and-o/assets/css/../img/common/phone-icon.png);width:64px;height:64px;margin-left:-88px;object-fit:cover;top:50%;transform:translateY(-50%)}@media screen and (max-width:600px){.contact__phone a:before{width:32px;height:32px;margin-left:-44px}}.contact__phone a:hover{opacity:.7}.contact__time{font-size:16px;margin-top:18px;text-align:center}.business{margin-top:150px;flex-direction:row-reverse}@media screen and (max-width:600px){.business{margin-top:80px}}.business__text{line-height:2;margin-top:40px;letter-spacing:1.6px}.business__text--after{margin-top:28px}.business__picture{margin-left:calc(50% - 50vw)}.flow{margin-top:150px}@media screen and (max-width:600px){.flow{margin-top:80px}}.flow__container{margin-top:20px}.flow__container .flow__step{position:relative;display:flex;align-items:center;padding:32px 43px;margin-top:24px;margin-bottom:20px;border-radius:15px;border:3px solid #45bbc9}@media screen and (max-width:600px){.flow__container .flow__step{align-items:unset;flex-direction:column;padding:32px 20px;border-radius:8px}}.flow__container .flow__step:after{position:absolute;content:"";width:40px;height:20px;object-fit:cover;left:50%;top:100%;transform:translateX(-50%);background-image:url(//m-and-o.jp/wp-content/themes/m-and-o/assets/css/../img/common/flow-arrow.svg);background-repeat:no-repeat}.flow__container .flow__step:nth-last-child(1):after{content:unset}.flow__container .flow__step:nth-child(1){margin-top:40px}.flow__step-number{font-size:16px;font-weight:700;letter-spacing:1.6px;padding-right:43px;padding-top:9px;padding-bottom:9px;border-right:2px solid #45bbc9;text-align:center;text-transform:uppercase}@media screen and (max-width:600px){.flow__step-number{text-align:left;border-right:unset;border-bottom:2px solid #45bbc9}}.flow__step-number .flow__step-number--count{font-size:48px;display:block;margin-top:-18px;margin-bottom:-18px}@media screen and (max-width:600px){.flow__step-number .flow__step-number--count{font-size:36px;display:inline-block}}.flow__step-description{margin-left:43px}@media screen and (max-width:600px){.flow__step-description{margin-left:0;margin-top:20px}}.flow__title--sub{font-size:20px;font-weight:600;line-height:24px;letter-spacing:2px}.flow__text{font-size:16px;line-height:1.5;margin-top:18px;letter-spacing:1.6px}.area{margin-top:150px}@media screen and (max-width:600px){.area{margin-top:80px}}.area__text{font-size:16px;line-height:2.3;margin-top:28px;letter-spacing:1.6px}.area__picture{margin-right:calc(50% - 50vw)}@media screen and (max-width:600px){.area__picture{margin-left:auto}}.area__picture img{width:100%;display:block;object-fit:cover}.company{margin-top:150px;flex-direction:row-reverse}@media screen and (max-width:600px){.company{margin-top:80px}}.company__details{margin-top:40px;display:flex;flex-direction:column;gap:16px}.company__details dl{display:flex;gap:16px}.company__details dt{width:70px;font-weight:700;margin-top:20px}.company__details dd{margin-top:20px;margin-left:20px}.company__picture{margin-left:calc(50% - 50vw)}.company__picture img{width:100%;display:block;object-fit:cover}.footer{margin-top:100px;background-color:#f7feff}@media screen and (max-width:600px){.footer{margin-top:50px}}.footer__inner{display:flex;justify-content:space-between;align-items:center;padding-top:29px}.footer__left img{display:block;mix-blend-mode:multiply}.footer__address{font-size:14px;margin-top:10px}.footer__right{display:flex;flex-direction:column;gap:40px;align-items:flex-end}@media screen and (max-width:768px){.footer__right{display:none}}.footer-nav__list{list-style:none;padding:0;display:flex;gap:40px}@media screen and (max-width:960px){.footer-nav__list{gap:20px}}.footer-nav__link{text-decoration:none;color:#333;font-size:16px;letter-spacing:1.6px}@media screen and (max-width:960px){.footer-nav__link{font-size:14px;letter-spacing:1.4px}}.footer-nav__item--contact .footer-nav__link{color:#fff;background:#45bbc9;font-weight:700;padding:16px 28px}.footer__copyright{color:#fff;background:#45bbc9;text-align:center;margin-top:20px;font-size:12px;padding:20px 0}.errors{padding-top:40px;height:calc(100vh - 404px)}@media screen and (max-width:600px){.errors{height:calc(100vh - 354px)}}