@charset "UTF-8";
@media (min-width: 768px){ .logo-area img { margin-top: 0; }}#greeting { line-height: 2.3vw; padding: 7vw 0;}#g-header-wrap { width: 35vw;}#h1-greeting { font-size: 155%; border-bottom: solid 1px #082f50; color: #082f50;}#bottom-text { font-size: 110%; color: #6688aa;}#text-greeting p { margin: 7px 0; font-size: 105%;}
.ttl-index { font-size: 180%; color: #082f50; background-color: #ffffff; position: relative; z-index: 123; line-height: 1;}.index-header::after { content: ""; border-bottom: solid 2px #082f50; width: 100%; position: absolute; top: .88vw; left: 0; z-index: 12;}#syorui i.fa-angle-right{ color: #082f50; top: 50%; right: 5%;}
a.bnr-link { position: relative; overflow: hidden; text-shadow: 1px 1px 2px rgba(8,47,80,.5), -1px 1px 2px rgba(8,47,80,.5), 1px -1px 2px rgba(8,47,80,.5), -1px -1px 2px rgba(8,47,80,.5); color: #ffffff; height: 24vw;}.bnr-link::after { content: ''; position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(8,47,80,.2) 0%, rgba(8,47,80,1)100%); width: 100%; height: 100%; z-index: 12; opacity: .8; transition: 0.4s ease-out;}a.bnr-link:hover::after { opacity: .6;}.bnr-bg,.bnr-bg2 { transition: transform 0.4s ease-out; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%, -50%);}.bnr-bg { height: 100%;}.bnr-bg2 { width: 100%;}.bnr-link:hover .bnr-bg,.bnr-link:hover .bnr-bg2 { transform: scale(1.02) translate(-50%, -50%);}.h2-banner { font-size: 155%; color: #fff; position: absolute; top: 45%; left: 0; width: 100%; text-align: center; z-index: 123; transition: 0.4s ease-out;}.bnr-link:hover .h2-banner { top: 43%;}.bnr-text { position: absolute; bottom: -15px; width: 70%; left: 15%; opacity: 0; z-index: 123; transition: 0.4s ease-out; font-size: 100%; text-align: center;}.bnr-link:hover .bnr-text { bottom: 10px; opacity: 1;}a.gr-bnr-link { position: relative; overflow: hidden; /*text-shadow: 1px 1px 2px rgba(8,47,80,.5), -1px 1px 2px rgba(8,47,80,.5), 1px -1px 2px rgba(8,47,80,.5), -1px -1px 2px rgba(8,47,80,.5);*/ color: #ffffff; height: 24vw;}/*.gr-bnr-link::after { content: ''; position: absolute; top: 0; left: 0; /*background: linear-gradient(to bottom, rgba(8,47,80,.2) 0%, rgba(8,47,80,1)100%); width: 100%; height: 100%; z-index: 12; opacity: .8; transition: 0.4s ease-out;
}*/
a.gr-bnr-link:hover::after { opacity: .6;}.gr-bnr-bg,.gr-bnr-bg2 { transition: transform 0.4s ease-out; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%, -50%);}.gr-bnr-bg { height: 100%;}.gr-bnr-bg2 { width: 100%;}.gr-bnr-link:hover .bnr-bg,.gr-bnr-link:hover .bnr-bg2 { transform: scale(1.02) translate(-50%, -50%);}.gr-h2-banner { font-size: 105%; color: #082f50; /*position: absolute; top: 45%; left: 0; width: 100%; text-align: center; z-index: 123; transition: 0.4s ease-out;*/}.gr-h2-banner:after { content: ""; width: 40%; margin: 0px 30%; border-bottom: solid 1px #082f50; bottom: 0; left: 0; position: absolute;}.gr-bnr-link:hover .h2-banner { top: 43%;}.gr-bnr-text { /*position: absolute; bottom: -15px; width: 70%; left: 15%; opacity: 0; z-index: 123; transition: 0.4s ease-out;*/ font-size: 90%;}.gr-bnr-link:hover .bnr-text { bottom: 10px; opacity: 1;}
.to-list { position: absolute; right: 1vw; top: 3vw; font-size: 90%; border: solid 1px #99aabb;}.list-box { min-height: 12vw; overflow: auto;}.list-box li { border-bottom: dotted 1px #99aabb; margin-top: .8vw; padding-bottom: .8vw;}a.list-link { text-decoration: underline; color: #082f50;}a.list-link:hover { text-decoration: none;}#mv .mv-text{ z-index:9999;}#mv .mv-text h1{ font-size:220%; line-height: 1.8em; z-index: 999;}#mv .mv-contact{ z-index: 9999; position: absolute; bottom: 0; left: 0;}#mv .mv-contact .mv-contact-box{ background-color: rgba(8,47,80,.6);}#mv .mv-contact h1{ line-height: 1.8em;}#morita1 a,#morita2 a,#morita3 a,#morita4 a{ transition: 0.4s ease-out; color:#333; background-repeat: no-repeat!important; border: solid 2px #082f50;}#morita1 a{ background:#ecf6ff url(https://office-morita.net/img/morita1.jpg); background-position: left center!important;}#morita1 a:hover{ background:#c1dcf5 url(https://office-morita.net/img/morita1.jpg);}#morita2 a{ background:#ecf6ff url(https://office-morita.net/img/morita2.jpg); background-position: right center!important;}#morita2 a:hover{ background:#c1dcf5 url(https://office-morita.net/img/morita2.jpg);}#morita3 a{ background:#ecf6ff url(https://office-morita.net/img/morita3.jpg); background-position: left center!important;}#morita3 a:hover{ background:#c1dcf5 url(https://office-morita.net/img/morita3.jpg);}#morita4 a{ background:#ecf6ff url(https://office-morita.net/img/morita4.jpg); background-position: right center!important;}#morita4 a:hover{ background:#c1dcf5 url(https://office-morita.net/img/morita4.jpg);}
@media (min-width: 1300px){ #greeting, a.bnr-link, .list-box, #mv, #header{ font-size: 1.1rem; }}
@media (max-width: 991px){ .bnr-link::after { opacity: .6; }}@media (min-width: 768px){ .contents_warp{ position: absolute; width: 50%; top:0; right:0; z-index: 123; transition: 0.4s ease-out; } #morita1 a, #morita2 a, #morita3 a, #morita4 a{ border: solid 2px #082f50; background-size: 50%!important; } #morita1 .contents_warp, #morita3 .contents_warp{ right:0; } #morita2 .contents_warp, #morita4 .contents_warp{ left:0; } a.gr-bnr-link { height: 26vw; }}@media (max-width: 767px){ #header, #mv, .mv-bg, #mv .mv-text { height: 90vw; } #greeting { line-height: 5.3vw; } #g-header-wrap { width: 100%; } a.bnr-link { height: 72vw; } #mv .mv-text h1{ font-size:120%; line-height: 1.8em; } .index-header::after { top: 2vw; } .to-list { top: 5.5vw; } .list-box { min-height: 30vw; } .list-box li { margin-top: 4vw; padding-bottom: 4vw; } #morita4 a, #morita1 a, #morita3 a{ background-size:cover!important; } .contents_warp { background: rgb(255,255,255,75%); height: 80vw;} a.gr-bnr-link { height: 80vw; } .gr-bnr-text { font-size: 112%;}}
@media (max-width: 575px){ .index-header::after { top: 2.5vw; } #greeting { line-height: 6vw; }
}