@charset "UTF-8";
*{margin:0px;padding:0px;}
html{}
body{overflow:auto;color:#333;line-height:1.4em;letter-spacing:1px;font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;/*min-height:100vh;background-image:linear-gradient(#fff 0%, #fff 100px, #ebd688 600px, #ffcc33 20%, #ebd688 40%, #ffcc33 60%, #ebd688 100%);*/}
/*ローディングのロゴ*/
#loading{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;background-color:#fff;display:flex;align-items:center;justify-content:center;animation:fadeOut 1.5s 2.5s forwards;z-index:10;}
@keyframes fadeOut{
0%{opacity:1;}
100%{opacity:0; visibility:hidden;}
}
#loading_logo{opacity:0;animation:logo_fade 2s 0.5s forwards;}
@keyframes logo_fade{
0%{opacity:0; transform:translateY(20px);}
60%{opacity:1; transform:translateY(0);}
100%{opacity:0;}
}
/**/
#errormessage{width:100%;margin:50px 0px 100px;text-align:center;}
.container{margin:0px 0px 300px;overflow:hidden;}
h1,h2,h3,h4{font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
/*ふわっと表示*/
.inview.fadeup {opacity:0;transition-duration:1.5s;transform:translateY(30px);}
.inview.fadeup.active {opacity:2;transform:translateY(0px);}
/* パンくず */
#breadcrumb ul{width:100%;padding:5px 10%;list-style:none;font-size:0.9em;letter-spacing:0px;background:#89c3eb;}
#breadcrumb ul li{display:inline;}
#breadcrumb ul li a{color:inherit;text-decoration:none;}
#breadcrumb ul li + li:before{content:">";margin:.5em;}
header{position:sticky;height:100px;top:0;z-index:9;background:rgba(255,255,255,0.7);transition:background-color 0.3s ease, box-shadow 0.3s ease;backdrop-filter:blur(6px);letter-spacing:0px;}
header h1{width:250px;height:50px;margin:20px 0px 0px 10px;background:url(img/header_logo.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;}
header h1 a{width:250px;height:50px;display:block;overflow:hidden;text-indent:-9999px;}
header ul#headernavi{display:flex;justify-content:center; list-style:none;}
header ul#headernavi a{text-decoration:none;font-weight:bolder;color:#333;}
header ul#headernavi li#headernavi-title{width:60%;}
header ul#headernavi li#headernavi-menu{width:40%;line-height:100px;text-align:center;}
header ul#headernavi li#headernavi-menu ul{display:flex;justify-content:center; list-style:none;}
header ul#headernavi li#headernavi-menu ul li{width:calc(100% / 4);}
header ul#headernavi li#headernavi-menu ul li a:hover{color:#999;}
header ul#headernavi li#headernavi-inq{width:200px;background:#ebd688;line-height:100px;text-align:center;border-radius:30px 30px 0px 0px;display:flex;background:linear-gradient(0deg, #89c3eb, #4da5df);background-size:200% 200%;animation:Grad 5s ease infinite;align-items:center;justify-content:center;}
@keyframes Grad { 0%{background-position:50% 0%} 50%{background-position:50% 100%} 100%{background-position:50% 0%}}
header ul#headernavi li#headernavi-inq a{color:#fff;font-size:1.2em;}
section {display:flex;}
.section_background{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:opacity 0.8s ease-in-out;z-index:-1;opacity:.2;}
/*
.top-1{overflow:hidden;position:relative;}
.top-1::before{content:'';font-family:'shape divider from ShapeDividers.com';position:absolute;bottom:-1px;left:-1px;right:-1px;top:-1px;z-index:3;pointer-events:none;background-repeat:no-repeat;background-size:100% 326px;background-position:50% 100%; background-image:url('data:image/svg+xml;charset=utf8, ');}
@media (min-width:768px){.top-1::before{background-size:100% 326px;background-position:50% 100%; } }
@media (min-width:1025px){.top-1::before{bottom:-0.1vw;left:-0.1vw;right:-0.1vw;top:-0.1vw;background-size:100% 251px;background-position:50% 100%; background-image:url('data:image/svg+xml;charset=utf8, ');}}
@media (min-width:2100px){.top-1::before{background-size:100% calc(2vw + 251px);}}
*/
.top-1{overflow:hidden;position:relative;}
.top-1::before{content:'';font-family:'shape divider from ShapeDividers.com';position:absolute;bottom:-1px;left:-1px;right:-1px;top:-1px;z-index:3;pointer-events:none;background-repeat:no-repeat;background-size:100% 326px;background-position:50% 100%;background-image:url('data:image/svg+xml;charset=utf8, '); }
@media (min-width:768px){.top-1::before{background-size:100% 326px;background-position:50% 0%;background-image:url('data:image/svg+xml;charset=utf8, '); } }
@media (min-width:1025px){.top-1::before{bottom:-0.1vw;left:-0.1vw;right:-0.1vw;top:-0.1vw;background-size:100% 326px;background-position:50% 100%;background-image:url('data:image/svg+xml;charset=utf8, '); }}
@media (min-width:2100px){.top-1::before{background-size:100% calc(2vw + 326px);}}
.top-1{background:#89c3eb;height:50vw;background:url(img/photo_01.jpg) no-repeat center center;background-size:cover;}/*top_background.mp4*//*0,153,204,0.4*/
#section1 .container-video{width:100%;position:relative;}
#section1 video {width:100%;height:100%;object-fit:cover;position:absolute;top:0px;left:0;}
#section1 .mv-bg1{display:block;width:100%;height:100%;position:absolute;top:-50px;left:0;background:url(img/logo.png) no-repeat center center;background-size:cover;background-size:50%;z-index:4;}
#section1 .mv-bg2{display:block;width:100%;height:100%;position:absolute;top:0;left:;background-color:rgba(255, 255, 255, 0.5);z-index:2;}/*137, 195, 235, 0.6*//*ビデオを薄く*/
#section1 .mv-bg3{display:block;width:15%;height:100%;position:absolute;top:0px;left:0px;background:linear-gradient(to bottom, transparent 0%, transparent 79%, transparent 80%, #89c3eb 100%), url(img/truck01-1.jpg) no-repeat center center;background-size:cover;z-index:3;margin:0px auto;opacity:0;transform:translateY(0px);transition-duration:10s;}
#section1 .mv-bg4{display:block;width:15%;height:100%;position:absolute;top:0px;right:0px;background:linear-gradient(to bottom, transparent 0%, transparent 69%, transparent 70%, #89c3eb 90%), url(img/truck01-2.jpg) no-repeat center center;background-size:cover;z-index:5;margin:0px auto;opacity:0;transform:translateY(0px);transition-duration:10s;}
#section1 .mv-bg3.active,#section1 .mv-bg4.active{opacity:0.9;transform:translateY(0px);}
#section1 div.catchcopy{width:80%;height:100%;margin:150px 10% 0%;color:#000;font-family:"游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;font-weight:bolder;position:absolute;z-index:8;}
#section1 div.catchcopy span {transition:1s;opacity:0;transform:translateY(20px);display:block;}
#section1 div.catchcopy span:first-child {animation:catch_anime 2s forwards 3s;}
#section1 div.catchcopy span:nth-child(2) {animation:catch_anime 2s forwards 4s;}
#section1 div.catchcopy span:nth-child(3) {animation:catch_anime 2s forwards 5s;}
#section1 div.catchcopy span:nth-child(4) {animation:catch_anime 2s forwards 6s;}
#section1 div.catchcopy span:first-child,#section1{font-size:3vw;line-height:2em;text-align:center;text-shadow:-4px -4px 10px #fff, 4px -4px 10px #fff, -4px 4px 10px #fff, 4px 4px 10px #fff;}
div.catchcopy span:nth-child(2){font-size:2vw;line-height:2em;text-align:center;text-shadow:-4px -4px 10px #fff, 4px -4px 10px #fff, -4px 4px 10px #fff, 4px 4px 10px #fff;margin:40px 0px;}
#section1 div.catchcopy span:nth-child(3),#section1 div.catchcopy span:nth-child(4){font-size:1.2vw;line-height:2em;text-align:center;text-shadow:-4px -4px 10px #fff, 4px -4px 10px #fff, -4px 4px 10px #fff, 4px 4px 10px #fff;}
@keyframes catch_anime {0% { transform:translateY(20px);} 100% { opacity:1; transform:translateY(0);}}
.top-2{background:linear-gradient(#89c3eb 0%, #3599db 40%, #3599db 60%, #89c3eb 80%);text-align:center;overflow:hidden;clip-path:polygon(0 0, 100% 0%, 100% 100%, 0 80%);letter-spacing:4px;}
.top-2 .container-area{width:100%;margin:100px auto 250px;font-size:1.6vw;line-height:2em;color:#fff;font-family:"游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;}
.top-2 .container-area .inview.font1 {transition-duration:5s;opacity:0;}
.top-2 .container-area .inview.font1.active {font-size:2.8vw;opacity:1;}
.top-2 .container-area .inview.font2 {transition-duration:5s;opacity:0;}
.top-2 .container-area .inview.font2.active {font-size:2.8vw;opacity:1;}
.top-22{overflow:hidden;clip-path:polygon(0 50px, 100% 100px, 100% calc(100% - 50px), 0 100%);margin:50vw 0px 0px;background:rgba(255,255,255,0.9);}
.top-22 h2{border-bottom:solid 4px #89c3eb;padding:0px 0px 20px;text-align:center;position:relative;}
.top-22 h2::after{content:"";display:block;padding:0px 0px 20px;border-bottom:4px solid #ebd688;width:80%;position:absolute;}
.top-22 ul{width:80%;margin:0px 20% 0px 0px;display:flex;justify-content:center;flex-wrap:wrap; list-style:none;text-shadow:-4px -4px 10px #fff, 4px -4px 10px #fff, -4px 4px 10px #fff, 4px 4px 10px #fff;}
.top-22 ul li:nth-child(1){width:50%;aspect-ratio:1;position:relative;}
.top-22 ul li:nth-child(2){width:30%;position:relative;margin:250px 0px 250px 20%;text-decoration:none;line-height:2em;color:#333;}
.top-22 ul li:nth-child(2) h2{font-size:2vw;}
.top-22 ul li:nth-child(2) p{padding:50px 0px 0px;font-size:1.2vw;line-height:1.6em;}
.top-22 ul li:nth-child(1) a{background:url(img/photo01.jpg) center center;/*border-radius:50%;*/width:100%;background-size:cover;position:absolute;top:0;bottom:0;display:block;overflow:hidden;text-indent:-9999px;}
/*
.top-22 ul{width:70%;margin:210px 10% 200px;display:flex;justify-content:center;flex-wrap:wrap; list-style:none;}
.top-22 ul li{width:calc((100% - 200px) / 3);aspect-ratio:.8;position:relative;margin:0px 100px 0px 0px;}
.top-22 ul li:last-child{margin:0px;}
.top-22 ul li a{border-radius:30px;position:absolute;top:0;left:0;height:100%;width:100%;}
.top-22 ul li:nth-child(1) a{background:linear-gradient(rgba(255,255,255, 0) 0%, rgba(255,255,255, 0) 40%, rgba(255,153,0,1) 70%, rgba(255,153, 0,1) 100%),url(img/image3.jpg) bottom center;background-size:cover;}
.top-22 ul li:nth-child(2) a{background:url(img/image16.jpg) bottom center;background-size:cover;}
.top-22 ul li:nth-child(3) a{background:url(img/image19.jpg) bottom center;background-size:cover;}
*/
.top-3{overflow:hidden;background:linear-gradient(#fff 0%, #fff 30%, #fff 70%, #ddd 100%);/*background:rgba(233,233,233,1);*/clip-path:polygon(0 200px, 100% 100px, 100% calc(100% - 200px), 0 100%);margin:-200px 0px 0px;}
.top-3 dl#top-3-1 h2{border-bottom:solid 4px #ebd688;padding:0px 0px 20px;text-align:center;position:relative;}
.top-3 dl#top-3-1 h2::after{content:"";display:block;padding:0px 0px 20px;border-bottom:4px solid #89c3eb;width:20%;position:absolute;}
.top-3 dl#top-3-2 h2{border-bottom:solid 4px #89c3eb;padding:0px 0px 20px;text-align:center;position:relative;}
.top-3 dl#top-3-2 h2::after{content:"";display:block;padding:0px 0px 20px;border-bottom:4px solid #ebd688;width:80%;position:absolute;}
.top-3 .container-area{margin:500px auto;width:100%;}
.top-3 .container-area dl#top-3-1{width:100%;display:flex;margin:0px 0px 300px;}
.top-3 .container-area dl#top-3-1 dd:nth-child(1){width:30%;margin:0px 0px 0px 20%;text-align:left;padding:20px 0px 0px;}
.top-3 .container-area dl#top-3-1 dd:nth-child(2){width:50%;text-align:right;}
.top-3 .container-area dl#top-3-1 dd:nth-child(2) img{border-radius:30px 0px 0px 30px;max-width:80%;}
.top-3 .container-area dl#top-3-1 dd:nth-child(1) h2{font-size:2em;margin:0px 0px 40px;}
.top-3 .container-area dl#top-3-1 dd:nth-child(1) p{margin:0px 0px 30px;font-size:1.2em;line-height:1.8em;}
.top-3 .container-area dl#top-3-2{width:100%;display:flex;}
.top-3 .container-area dl#top-3-2 dd:nth-child(2){width:30%;margin:0px 20% 0px 0px;text-align:left;padding:20px 0px 0px;}
.top-3 .container-area dl#top-3-2 dd:nth-child(1){width:50%;text-align:left;}
.top-3 .container-area dl#top-3-2 dd:nth-child(1) img{border-radius:0px 30px 30px 0px;max-width:80%;}
.top-3 .container-area dl#top-3-2 dd:nth-child(2) h2{font-size:2em;margin:0px 0px 40px;}
.top-3 .container-area dl#top-3-2 dd:nth-child(2) p{margin:0px 0px 30px;font-size:1.2em;line-height:1.8em;}
.top-3_button {display:flex;justify-content:center;align-items:center;position:relative;width:70%;margin:20px auto 0px;padding:10px 20px;overflow:hidden;border:double 3px #fff;border-radius:25px;background-color:#89c3eb;color:#fff;font-size:1.2em;font-weight:bolder;text-decoration:none;}
.top-3_button:hover {background-color:transparent;color:#fff;}
.top-3_button::before {position:absolute;z-index:-1;transform:rotate(-30deg);width:100%;height:0;border-radius:25px;background-color:#ebd688;content:'';transition:height .3s ease;}
.top-3_button:hover::before {height:500%;}
.top-3_button::after {transform:rotate(45deg);width:5px;height:5px;margin-left:10px;border-top:2px solid #fff;border-right:2px solid #fff;content:'';}
.top-3_button:hover::after {border-color:#fff;}
.top-4{background:rgba(137,195,235,0.9);height:50vw;clip-path:polygon(0px 0px, 100% 50px, 100% calc(100% - 50px), 0 100%);margin:-50px 0px 700px;padding:100px 0px 0px;text-align:center;/*background:url(https://marusho-nakano.jp/mrs/wp-content/themes/mrs_theme/img/photo_01.jpg) ;background-size:cover;background-position:center;transition:opacity 0.8s ease-in-out;*/}
.top-4 .container-area{margin:200px auto;text-align:center;width:100%;font-weight:bolder;}
.top-4 .container-area h2{font-size:3em;margin:0px 0px 50px;color:#333;}
.top-4 .container-area p{margin:0px 0px 20px;font-size:1.4em;line-height:2em;color:#333;}
.top-4 .container-area p:last-child{font-size:1.8em;margin:40px 0px 20px;}
.top-5{background:#fff;height:0px;/*height:50vw;*/}/*image11.jpg*/
.top-6{overflow:hidden;height:0px;/*height:400px;margin:-200px 0px 0px;*/clip-path:polygon(2% 0,100% 19,100% 100%,0 100%););background:#fff;}
#heading{overflow:hidden;position:relative;height:300px;}
.heading_company{background:url(img/truck02.png) #89c3eb no-repeat center center;background-size:cover;background-size:100%;}
.heading_recruit{background:url(img/truck06.png) #89c3eb no-repeat center center;background-size:cover;background-size:100%;}
.heading_management{background:url(img/truck07.png) #89c3eb no-repeat center center;background-size:cover;background-size:100%;}
.heading_quote{background:url(img/h3_background.jpg) #89c3eb no-repeat center top;background-size:cover;background-size:100%;}
#heading h2{width:100%;margin:0px;padding:60px 0px 0px 10%;overflow:hidden;font-size:2vw;line-height:2em;letter-spacing:10px;background:rgba(255,255,255,0.6);text-shadow:-2px -2px 20px #fff, 2px -2px 20px #fff, -2px 2px 20px #fff, 2px 2px 20px #fff;/*color:#fff;*/}
#heading{overflow:hidden;position:relative;}
#heading::before{content:'';font-family:'shape divider from ShapeDividers.com';position:absolute;bottom:-1px;left:-1px;right:-1px;top:-1px;z-index:3;pointer-events:none;background-repeat:no-repeat; background-size:100% 90px;background-position:50% 0%;background-image:url('data:image/svg+xml;charset=utf8, '); }
@media (min-width:1025px){#heading::before{bottom:-0.1vw;left:-0.1vw;right:-0.1vw;top:-0.1vw;background-size:208% 110px;background-position:50% 100%;background-image:url('data:image/svg+xml;charset=utf8, '); }}
@media (min-width:2100px){#heading::before{background-size:208% calc(2vw + 110px);}}
div#company{overflow:hidden;position:relative;display:flex;flex-direction:column;width:100%;}
div#recruit{overflow:hidden;position:relative;display:flex;flex-direction:column;width:100%;margin:150px 0px 0px;}
div#management{overflow:hidden;position:relative;display:flex;flex-direction:column;width:100%;margin:0px 0px 0px;}
div#quote{overflow:hidden;position:relative;display:flex;flex-direction:column;width:100%;margin:0px 0px 0px;}
div#company h3,div#recruit h3{font-size:2.2vw;line-height:1.6em;text-align:center;font-weight:bold;background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(90deg,#89c3eb 30%, #333333 50%, #88ebdd 85%);background-size:200%;animation:h3_gradation 5s infinite linear;}
@keyframes h3_gradation{0%{background-position:0% 0%;}50%{background-position:100% 0%;}100%{background-position:0% 0%}}
div#company ul{width:100%;margin:0px;padding:0px;display:flex;flex-wrap:wrap;list-style:none;overflow:hidden;/*background:#e6f2fb;*/}
div#company ul li{position:relative;}
div#company ul li:nth-child(1){width:35%;aspect-ratio:1;}
div#company ul li:nth-child(2){width:65%;line-height:2em;}
/*
div#company h3,div#recruit h3{width:60%;margin:100px auto 20px;font-size:2vw;line-height:1.6em;text-align:center;background:linear-gradient(90deg, #333333 10%, #89c3eb 50%, #89c3eb 60%, #333333 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
div#company h3,div#recruit h3{border-bottom:solid 4px #ebd688;padding:0px 0px 20px;text-align:center;position:relative;}
div#company h3,div#recruit h3::after{content:"";display:block;padding:0px 0px 20px;border-bottom:4px solid #89c3eb;width:20%;position:absolute;}
*/
div#company h3{width:100%;margin:100px auto 50px;}
div#company ul li p{width:60%;margin:0px auto 20px;font-size:1.1vw;line-height:1.6em;}
div#company ul li img{max-width:100%;border-radius:0px 100px 100px 0px;display:block;}
div#company dl{width:60%;margin:0px 20%;display:flex;flex-wrap:wrap;}
div#company dl dt{width:calc((100% - 46px) - 80%);text-align:center;border-bottom:dotted 1px #ddd;padding:20px 0px;margin:0px 0px 30px;border-left:solid 6px #ddd;}
div#company dl dd{width:calc((100% - 46px) - 20%);border-bottom:dotted 1px #ddd;padding:20px 0px 20px 10px;margin:0px 0px 30px;}
div#company h4{width:60%;margin:200px auto 50px;font-size:1.4vw;line-height:1.6em;}
div#recruit h3{width:100%;margin:0px auto 50px;}
div#recruit p{width:60%;margin:0px auto 20px;font-size:1.1vw;line-height:1.6em;}
div#recruit ul#recruitmessage{width:60%;margin:200px auto;/*display:flex;flex-direction:row;justify-content:space-between;*/list-style:none;line-height:2em;overflow:hidden;}
div#recruit ul#recruitmessage li{width:100%;text-align:center;margin:0px 0px 200px;border-radius:0px;}
div#recruit ul#recruitmessage li:last-child{margin:0px;}
div#recruit ul#recruitmessage li ul{list-style:none;clear:both;overflow:hidden;}
div#recruit ul#recruitmessage li ul li{width:100%;margin:0px 0px 20px;padding:0px;border-radius:0px;border:none;}
div#recruit ul#recruitmessage li ul li.title{float:right;width:50%;position:relative;font-size:1.6vw;font-weight:bolder;padding:0px 0px 14px;}
div#recruit ul#recruitmessage li ul li.title:before{content:'';position:absolute;left:50%;bottom:0;width:0;border-bottom:solid 2px #000;border-image:linear-gradient(to right, #88ebdd, #89c3eb 20%, #89c3eb 80%, #88ebdd) 1;transform:translateX(-50%);animation:recruit_title 10s linear forwards;}
@keyframes recruit_title{0%{width:0%;}100%{width:100%;}}
div#recruit ul#recruitmessage li ul li.comment{float:right;width:50%;text-align:left;font-size:1vw;}
div#recruit ul#recruitmessage li ul li.photo{float:left;width:44%;position:relative;display:block;margin-inline:auto;margin:20px;}
div#recruit ul#recruitmessage li ul li.photo::after {content:'';position:absolute;top:50%;left:55%;transform:translate(-55%, -50%);width:98%;height:95%;border-image-source:repeating-linear-gradient(145deg, #fff, #89c3eb 2px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 6px);border-image-slice:14;border-image-repeat:round;border-style:solid;border-width:14px;}
div#recruit ul#recruitmessage li ul li.photo img{max-width:100%;height:auto;vertical-align:top;}
div#recruit ul#recruitmessage li:nth-child(even) ul li.title{float:left;}
div#recruit ul#recruitmessage li:nth-child(even) ul li.comment{float:left;}
div#recruit ul#recruitmessage li:nth-child(even) ul li.photo{float:right;}
div#recruit h4{width:60%;margin:0px auto 20px;font-size:1.4vw;line-height:1.6em;}
div#recruit div#jobdescription dl{width:60%;margin:0px 20%;display:flex;flex-wrap:wrap;border-top:solid 1px #ddd;}
div#recruit div#jobdescription dl dt{width:calc((100% - 22px) - 80%);text-align:center;border-bottom:solid 1px #fff;padding:20px 0px;background-color:#ddd;}
div#recruit div#jobdescription dl dd{width:calc(100% - 20%);border-bottom:solid 1px #ddd;padding:20px 0px 20px 20px;border-right:solid 1px #ddd;}
div#management h3{width:60%;margin:100px auto 20px;font-size:1.2vw;line-height:1em;text-align:left;border-bottom:solid 4px #89c3eb;padding:0px 0px 10px;position:relative;}
div#management h3::after{content:"";display:block;padding:0px 0px 10px;border-bottom:4px solid #ebd688;width:10%;position:absolute;}
div#management h4,div#management p,div#management ul{width:60%;line-height:1.6em;}
div#management p{margin:0px auto 10px;}
div#management h4{font-size:1.1vw;line-height:1em;margin:20px auto 10px;}
div#management ul{margin:0px auto 10px;}
div#management ul li{margin:0px 10px 0px 30px;}
div#quote p{width:60%;margin:100px auto 20px;text-align:center;font-size:1.2em;}
div#quote p.quotebtn{width:50%;margin:20px auto 100px;background-color:#89c3eb;color:#fff;padding:30px 0px;font-size:2em;font-weight:bolder;border-radius:10px;}
footer{width:100%;padding:30px 0px;background:linear-gradient(#ebd688 0%, #ebd688 50%, #89c3eb 50%, #89c3eb 100%);/*background:#89c3eb*/;text-align:center;color:#fff;overflow:hidden;}
footer .inqform{width:70%;margin:50px 15%;background:rgba(255,255,255,0.9);color:#333;padding:30px 0px;overflow:hidden;border-radius:30px;}
footer .inqform h2{margin:30px 0px 50px;font-size:2em;}
footer .inqform ul{width:90%;margin:0px 5% 30px;display:flex;justify-content:center;list-style:none;display:table;border-spacing:40px 0px;}
footer .inqform ul li{display:table-cell;vertical-align:middle;width:calc(100% / 2);}
footer .inqform ul li:nth-child(1){font-size:2em;font-weight:bolder;line-height:1.6em;background:#89c3eb;border-radius:30px;padding:20px 10px;color:#fff;}
footer .inqform ul li:nth-child(2){font-size:2em;font-weight:bolder;line-height:1.2em;background:#ebd688;border-radius:30px;padding:20px 10px;color:#fff;}
footer .inqform ul li:nth-child(2) a{text-decoration:none;color:#fff;}
footer .inqform ul li:nth-child(2):hover{opacity:0.7;}
footer .copyright span{font-size:1.2em;}
footer .copyright #tel{font-size:0.9em;margin:20px 0px 0px;}
@media (max-width:1100px){
body{font-size:revert;}
#loading{width:100vw;height:100vh;}
#loading::before{font-size:1.4rem;content:"「縁を運び、信頼を結ぶ。」";font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
#loading_logo{display:none;}
/* パンくず */
#breadcrumb ul{padding:4px 10%;font-size:0.8em;line-height:1em;}
#breadcrumb ul li + li:before{content:">";margin:0px 5px;}
header{display:none;}
#section1{height:100vw;}
#section1 .mv-bg1{top:0px;}
#section1 .container-video{width:100%;position:relative;}
#section1 video {width:100%;height:100%;}
#section1 div.catchcopy{width:100%;margin:50px 0px;font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
#section1 .mv-bg3,#section1 .mv-bg4{display:none;}
#section1 div.catchcopy span:first-child,#section1{line-height:3em;}
div.catchcopy span:nth-child(1){font-size:1.5rem!important;}
div.catchcopy span:nth-child(2){font-size:1rem;margin:0px 0px 20px;}
#section1 div.catchcopy span:nth-child(3),#section1 div.catchcopy span:nth-child(4){font-size:0.9rem;margin:0px;}
.top-2{letter-spacing:1px;}
.top-2 .container-area{width:100%;margin:0px auto 150px;font-size:0.9rem;line-height:2.6em;font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
.top-2 .container-area .inview.font1.active {font-size:1.4rem;opacity:1;}
.top-2 .container-area .inview.font2.active {font-size:1.4rem;opacity:1;}
.top-22{margin:80vw 0px 0px;}
.top-22 ul{width:80%;margin:60px 10%;}
.top-22 ul li:nth-child(1){display:none;}
.top-22 ul li:nth-child(2){width:100%;position:relative;margin:150px 0px;}
.top-22 ul li:nth-child(2) h2{font-size:1.5rem;}
.top-22 ul li:nth-child(2) p{font-size:1rem;}
.top-3 .container-area{margin:300px auto 0px;width:100%;}
.top-3 .container-area dl#top-3-1{width:100%;margin:0px 0px 100px;}
.top-3 .container-area dl#top-3-2{width:100%;margin:0px 0px 300px;}
.top-3 .container-area dl#top-3-1 dd:nth-child(1),
.top-3 .container-area dl#top-3-2 dd:nth-child(2){width:80%;margin:0px 10% 0px;}
.top-3 .container-area dl#top-3-1 dd:nth-child(2),
.top-3 .container-area dl#top-3-2 dd:nth-child(1){display:none;}
.top-3 .container-area dl#top-3-1 dd:nth-child(1) h2,
.top-3 .container-area dl#top-3-2 dd:nth-child(2) h2{font-size:1.5rem;line-height:1.6em;margin:0px 0px 40px;}
.top-3 .container-area dl#top-3-1 dd:nth-child(1) p,
.top-3 .container-area dl#top-3-2 dd:nth-child(2) p{margin:0px 0px 30px;font-size:1rem;}
.top-3_button{padding:30px 20px;}
.top-4{padding:50px 0px 800px;}
.top-4 .container-area h2{font-size:1.5rem;}
.top-4 .container-area p{font-size:1rem;width:80%;margin:0px 10%;text-align:left;}
.top-4 .container-area p:last-child{font-size:1.2rem;margin:40px 10% 100px;}
#heading{height:100px;}
#heading h2{padding:30px 0px 0px 10%;font-size:1.5rem;line-height:1.6em;letter-spacing:2px;}
#heading::before{display:none;}
div#company h3{width:80%;margin:100px 10% 40px;font-size:1.4rem;line-height:1.6em;letter-spacing:0px}
div#company ul{width:100%;margin:0px;padding:0px;display:flex;flex-direction:column;flex-wrap:wrap;list-style:none;overflow:hidden;/*background:#e6f2fb;*/}
div#company ul li{position:relative;}
div#company ul li:nth-child(1){width:100%;aspect-ratio:1;}
div#company ul li:nth-child(2){width:90%;margin:10px 5%;}
div#company ul li h3{width:90%;margin:100px 5% 50px;font-size:1.5rem;line-height:1.6em;}
div#company h4{width:90%;margin:100px 5% 30px;font-size:1rem;line-height:1.6em;}
div#company ul li p{width:90%;margin:0px 5% 20px;font-size:1rem;line-height:1.6em;}
div#company ul li img{max-width:100%;border-radius:0px;}
div#company dl{width:calc(80% - 40px);margin:0px 10%;display:flex;flex-direction:column;flex-wrap:wrap;}
div#company dl dt{width:100%;text-align:left;padding:10px 20px;margin:0px;font-size:0.9rem;}
div#company dl dd{width:100%;text-align:left;padding:20px;margin:0px;font-size:1rem;}
div#recruit{width:100%;margin:50px 0px 0px;}
div#recruit h3{width:90%;margin:0px 5%;font-size:1.5rem;line-height:1.6em;}
div#recruit p{width:90%;margin:0px 5% 20px;font-size:1rem;line-height:1.6em;}
div#recruit ul#recruitmessage{width:90%;margin:100px 5%;line-height:1.6em;}
div#recruit ul#recruitmessage li{margin:0px 0px 100px;}
div#recruit ul#recruitmessage li:last-child{margin:0px;}
div#recruit ul#recruitmessage li ul li{width:100%;margin:0px 0px 20px;border:none;}
div#recruit ul#recruitmessage li ul li.title{float:none;width:100%;font-size:1.4rem;padding:0px 0px 14px;}
div#recruit ul#recruitmessage li ul li.comment{float:none;width:100%;font-size:1rem;}
div#recruit ul#recruitmessage li ul li.photo{float:none;width:100%;margin:0px 0px 20px;}
div#recruit ul#recruitmessage li ul li.photo::after{display:none;}
div#recruit ul#recruitmessage li ul li.photo img{max-width:100%;}
div#recruit ul#recruitmessage li:nth-child(even) ul li.title,
div#recruit ul#recruitmessage li:nth-child(even) ul li.comment,
div#recruit ul#recruitmessage li:nth-child(even) ul li.photo{float:none;}
div#recruit h4{width:90%;margin:100px 5% 20px;font-size:1.2rem;line-height:1.6em;}
div#recruit div#jobdescription dl{width:80%;margin:0px 5%;display:flex;flex-direction:column;flex-wrap:wrap;}
div#recruit div#jobdescription dl dt{width:100%;text-align:left;padding:10px;margin:0px;}
div#recruit div#jobdescription dl dd{width:100%;padding:10px 0px 20px;margin:0px;}
div#management h3{width:90%;margin:50px 5% 10px;font-size:1.2rem;line-height:1.6em;}
div#management p{width:90%;margin:0px 5% 10px;font-size:1rem;line-height:1.6em;}
div#management h4{width:90%;margin:10px 5% 0px;font-size:1rem;line-height:1.6em;}
div#management ul{width:90%;margin:0px 5% 20px;}
div#management ul li{margin:0px 10px 0px 10px;}
div#quote h3{width:90%;margin:50px 5% 10px;font-size:1.5rem;line-height:1.6em;}
div#quote p{width:90%;margin:50px 5% 20px;font-size:1rem;line-height:1.6em;}
div#quote p.quotebtn{width:70%;margin:20px auto 100px;background-color:#89c3eb;color:#fff;padding:20px 0px;font-size:1.4em;font-weight:bolder;border-radius:10px;}
footer{width:100%;padding:30px 0px 80px;}
footer .inqform{width:90%;margin:50px 5%;padding:30px 0px;}
footer .inqform h2{margin:30px 0px 50px;font-size:1.2rem;}
footer .inqform ul{width:100%;margin:0px 0px 30px;display:flex;flex-direction:column;list-style:none;display:table;border-spacing:0px;}
footer .inqform ul li{display:block;vertical-align:middle;width:calc(90% - 20px);margin:0px auto 20px;}
footer .inqform ul li:nth-child(1){font-size:1.2rem;line-height:2em;padding:20px 10px;}
footer .inqform ul li:nth-child(2){font-size:1.2rem;line-height:2em;padding:40px 10px;}
footer .copyright span{font-size:1.5rem;}
footer .copyright #tel{font-size:1rem;margin:20px 0px 0px;line-height:2em;}
}