@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Zen+Maru+Gothic&display=swap');
html,body,p,h1,h2,h3,h4,h5,ul{margin:0;padding:0}
html{box-sizing:border-box;font-size:100%;    font-family: "Noto Sans JP", sans-serif;position:relative;}
*,*:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-smoothing: antialiased;}
img{max-width:100%;height:auto;vertical-align:middle}
body{}
a{text-decoration:none;cursor:pointer;color:initial;}
html,body{width:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;height:100%;}
.dis_res{display:none!important}
.dis_se{display:none!important;}
header{width:100%;top:0px;left:0;padding:14px 35px;position: fixed;display: block;transition:0.8s;z-index:5;height:60px;background: #fff;text-align: center;}
header.fixed{transition:0.8s;position:fixed;-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);top:0;z-index:5;}

#nav{width: 100%;max-width: 1180px;padding:140px 20px;margin: 0 auto;}
#nav h2{font-size:28px;text-align: left;font-weight: 400;margin-bottom:80px;}
#nav h3{font-size:22px;font-weight:400;color:#222;margin-bottom:20px;}
#nav .list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;width:100%;text-align:left;}
#nav ul{list-style:none;}
#nav ul li{color:#000;font-weight:300;font-size:18px;line-height:1.6em;margin-bottom:10px;}
.logo{position:absolute;left:100px;top:6px;transition:0s;width:44px;height:50px;background-image: url(../img/logo.png);background-size:44px auto;}
.logo_moji{font-size:21px;font-weight:700;display: inline-block;}
.menu{position:absolute;right:100px;top:14px;transition:0.4s;}
.logo_nav{position:absolute;left:35px;top:15px;}
.header_menu{display: none;width: 100%;margin: 0;background-color: rgba(255, 255, 255, .95);-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);text-align: center;position: fixed;top: 0;z-index: 5;height: 100%;}
.header_menu .menu_text{position:relative;top:50%;margin-top:-300px;}
.header_menu .logo{}
.menu_sq{position:absolute;right:145px;top:15px;}

.top{position:relative; width:calc(100% - 80px);padding:340px 140px 140px; margin:0 auto;height: calc(100% - 90px);margin-top:60px;border-radius:10px; background-image: url(../img/top_bg.jpg);background-size:cover;background-position: center;background-repeat: no-repeat;}
.top h2{font-size:48px;color:#fff;font-weight:600;letter-spacing:0.2em;line-height:1.5em;text-shadow: 1px 1px 14px #000;}
.top .top_news{position: absolute;padding:20px; right:28px;bottom:28px;width:380px;height:180px;background-color:#fff;border-radius:8px;}
.top .top_news .box{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;}
.top_news .box .box_left{width:60%;}
.top_news .box .box_right{width:36%;}
.top .top_news h3{font-weight:400;font-size:15px;line-height: 20px;margin-bottom: 15px;}
.top .top_news h3 img{margin-right:5px;vertical-align: top;}
.top .top_news .news_close{position: absolute;right:15px;top:15px;cursor: pointer;}
.top .top_news p{font-size:14px;line-height: 1.6em;}
.top_news .links{background:#1a73e8;color:#fff;font-size:14px;padding:7px 38px;border:solid 1px #1a73e8;display: inline-block;margin-top: 10px;border-radius:4px;transition:0.4s;}
.top_news .links:hover{background: none;color:#1a73e8;}
.service_menu{width:100%;text-align:center;display: table;padding:80px 20px 40px;}
.service_menu h2{font-size:46px;font-weight:400; font-style: italic;}
.service_menu .box{display: inline-block;padding:0 50px;}
.service_menu p{font-size:15px;margin-top:5px;}
.top_service{width:100%;max-width:1200px;margin: 0 auto;display: flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:80px 20px;}
.top_service .box_text{width:45%;}
.top_service .box_img{width:45%;}
.top_service .box_img img{border-radius:20px;}
.top_service h2{font-size:28px;font-weight:300;line-height:1.4em;margin-bottom:15px;}
.top_service p{font-size:18px;font-weight:300;line-height:1.6em;margin-bottom:28px;}
.top_service .links{background:#1a73e8;color:#fff;font-size:16px;padding:12px 38px;border:solid 1px #1a73e8;display: inline-block;margin-top: 10px;border-radius:40px;transition:0.4s;}
.top_service .links:hover{background: none;color:#1a73e8;}
.top_about{width:100%;text-align:center;padding:80px 20px;}
.top_about .box{position:relative;height:440px;width:100%;max-width:1040px;margin:0 auto;background-image:url(../img/top_service4.jpg);background-size:cover;background-position: center;background-repeat: no-repeat;border-radius:28px;}
.top_about .box p{position: absolute;right:20px;bottom:20px;font-size:15px;margin-bottom:0;}
.top_about h2{font-size:38px;font-weight:300;margin-top:50px;margin-bottom:20px;}
.top_about p{font-size:22px;line-height:1.6em;margin-bottom:28px;}
.top_about .links{background:#1a73e8;color:#fff;font-size:16px;padding:12px 38px;border:solid 1px #1a73e8;display: inline-block;margin-top: 10px;border-radius:40px;transition:0.4s;}
.top_about .links:hover{background: none;color:#1a73e8;}
.top_bn{width:100%;background:#f2f2f2;padding:120px 20px;}
.top_bn .list{width:100%;max-width:960px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;}
.top_bn .box{width:48.5%;border-radius: 10px;overflow: hidden;background:#fff;}
.top_bn .box h2{font-size:36px;font-weight:300;margin-bottom: 20px;}
.top_bn .box .box_text{padding:40px;letter-spacing:0.08em;}
.top_bn .box .links{color:#0665cc;font-size:18px;font-weight:300;display: inline-block;}

footer{background:#fff;width:100%;padding:58px 35px 20px;}
footer .box{max-width:980px;margin: 0 auto;}
footer .box hr{margin-top: 60px;margin-bottom: 80px;border: none;border-top: solid 1px #bcbcbc;}
footer h2{font-size:14px;color:#000;margin-bottom:40px;font-weight:300;}
footer h2 img{margin-right:20px;}
footer h3{font-size:15px;margin-bottom:20px;color:#000;font-weight:400;}
footer p{color:#000;font-size:13px;margin-bottom:40px;}
footer ul{list-style:none;}
footer ul li{font-size:14px;line-height:2em;color:#000;padding:4px 0;}
footer ul li a{color:#000;}
footer .mt-40{margin-top:30px;}
.footer_column{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;width:100%;max-width:1280px;margin: 0 auto;margin-top:20px;}
.footer_column .column{display:inline-block;width:19%;vertical-align:top;}
footer .copy{margin-top:40px;position:relative;padding:10px 0;text-align:left;}
.footer_sns{margin-top:40px;}
.footer_sns img{padding-right:20px;}
footer .copy p{font-size:12px;color:#888;margin-bottom:0;}
footer .left_menu{position:absolute;left:0;top:0;}
footer .left_menu a{font-size:12px;color:#888;padding-right:20px;}
footer .copy img{position:absolute;right:0;top:0;}

.about_top{width: calc(100% - 100px);max-width:1440px;margin: 0 auto;margin-top:60px;background-image:url(../img/about_top.jpg);background-repeat: no-repeat;background-size:cover;background-position: center;padding:380px 50px 40px;border-radius:10px;}
.about_top h2{font-size:40px;color:#fff;font-weight:200;}
.about_tab{width:100%;padding:20px;text-align: center;}
.about_tab a{display: inline-block;margin:0 20px;font-size:17px;font-weight:300;}
#message{width:100%;max-width:1020px;margin:0 auto;padding:80px 20px;}
#message h2,#iden h2,#company h2{font-size:48px;font-weight:200;font-style: italic;margin-bottom:40px;letter-spacing:0.06em;text-align: left;}
#message p,#iden p,#company p{font-size:21px;font-weight:300;line-height: 1.8em;margin-bottom:25px;}
#iden{width:100%;max-width:1020px;margin:0 auto;padding:80px 20px;text-align:center;}
#iden .about_logo{margin-bottom:40px;}
#iden p{text-align: left;}
#company{width:100%;max-width:1020px;margin:0 auto;padding:80px 20px;}
#company .box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:60px;position: relative;}
#company h3{margin-top:80px;font-size:36px;font-weight:200;margin-bottom:10px;}
#company .about_img1{width:420px;height:420px;position: absolute;right: 0;top: 0;border-radius: 50%;background-image: url(../img/about_img1.jpg);background-position: center;background-size: 420px;}
#company .about_img2{width:420px;height:420px;border-radius: 50%;background-image: url(../img/about_img2.jpg);background-position: center;background-size: 420px;}
#company .box_text{width:50%;}
#company .box_img{width:42%;}
.anime_zoom{border: solid 210px #fff;transition: 2.8s;}
.anime_zoom.ac{border: solid 0px #fff;}

.service_top{margin-top:200px;text-align: center;}
.service_top h2{font-size:40px;color:#000;font-weight:200;}
.service_main{width:100%;text-align:center;padding:60px 20px;}
.service_main .box{width:100%;max-width:1200px;margin:0 auto;background-position: center;background-size:cover;padding:400px 20px 60px;border-radius:20px;margin-bottom:50px;}
#service1,#service2,#service3,#service4{padding:80px 0;}
#service1 .box{background-image: url(../img/service_01.jpg);}
#service2 .box{background-image: url(../img/service_02.jpg);}
#service3 .box{background-image: url(../img/service_03.jpg);}
#service4 .box{background-image: url(../img/service_04.jpg);}
.service_main h2{color:#000;font-size:34px;font-weight:300;}
.service_main .box h2{font-size:50px;font-weight:200;color:#fff;}
.service_main p{font-size:22px;line-height: 1.8em;color:#000;margin-top:40px;}
.service_main .links{background:#000;color:#fff;display: inline-block;margin-top:20px; font-size:19px;padding:12px 40px;border-radius:40px;border:solid 1px #000;transition:0.4s;}
.service_main .links:hover{background:none;color:#000;}

.estate_top{width: calc(100% - 100px);max-width:1440px;margin: 0 auto;margin-top:60px;background-image:url(../img/estate_top.jpg);background-repeat: no-repeat;background-size:cover;background-position: center;padding:190px 50px 190px;border-radius:10px;text-align: center;}
.estate_top h2{font-size:60px;color:#fff;font-weight:200;}
.estate_top .tab{margin-top:28px;text-align: center;}
.estate_top .tab a{color:#fff;padding:0 20px;display: inline-block;}
.estate_main{width:100%;max-width:1020px;margin:0 auto;padding:20px 20px 0;}
.estate_main h2{font-size:40px;font-weight:200;margin-bottom:40px;letter-spacing:0.06em;text-align: left;}
#man,#chin,#house{padding:80px 0 0px;}
.estate_main .box{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;margin-bottom:80px;}
.estate_main .box_img{width:30%;}
.estate_main .box img{border-radius:8px;}
.estate_main .box_text{width:64%;}
.estate_main p{font-size:21px;line-height:1.8em;font-weight:300;margin-bottom:20px;}

.work_top{width:100%;margin-top:60px;background-image:url(../img/work_top.jpg);background-repeat: no-repeat;background-size:cover;background-position:top center;padding:120px 50px 220px;text-align: center;}
.work_top h2{font-size:56px;color:#fff;font-weight:200;}
.work_top h2 small{display: block;margin-bottom:10px;font-size:48px;}
.work_main{background:#eaeaea;padding:60px 0;}
.work_main .box{background:#fff;width:100%;max-width:1000px;margin:0 auto;color: #000;padding:40px 60px;border-radius:12px;margin-bottom:60px;}
.work_main .box p{font-size:34px;line-height: 1.8em;font-weight:200;letter-spacing:0.01em;margin-bottom:20px;}
.work_main h2{text-align:center;color:#000;font-weight:300;font-size:48px;margin-bottom:40px;}
.work_main h3{font-size:30px;text-align:center;margin-bottom:28px;font-weight:200;}
.work_main td{font-size:21px;line-height:1.8em;font-weight:300;letter-spacing:0.01em;vertical-align:top;padding:10px 0;min-width: 160px;}
.work_main .links{text-align: center;}
.work_main .links a{background:#29aae1;color:#fff;font-size:20px;padding: 10px 48px;border-radius: 40px;display: inline-block;border:solid 1px #29aae1;transition:0.4s;}
.work_main .links a:hover{background:none;color:#29aae1;}


#contact_body{width: 900px;max-width:100%; margin: 0 auto;padding: 80px 20px 140px;border-radius: 20px;}
.contact_top{width:100%;background-color:#fff;margin-top: 120px;text-align: center;}
.contact_top h2{font-size:48px;font-weight:200;color:#000;margin-bottom:20px;}
.contact_top p{font-size:18px;line-height:1.5em;margin-bottom:15px;font-weight:300;}
.select_menu{margin-bottom:40px;}
#contact_menu{-moz-appearance: none;-webkit-appearance: none;appearance: none;outline: 0;padding: 14px 45px 14px 20px;border: none;width: 100%;font-size: 16px;border-radius: 4px;box-sizing: border-box;max-width: 380px;background-image: url(../img/contact_menu.svg);background-repeat: no-repeat;background-position: right center;background-size: 40px;cursor: pointer;background-color:#000;color:#fff;}
.contact_main{padding:80px 20px;}
form#mail_form #form_submit input{background:#2e72f2;}

.thanks_main{width:100%;margin-top:80px;text-align:center;padding:80px 15px;}
.thanks_main h2{font-size:24px;font-weight:500;margin-bottom:1em;margin-top: 20px;line-height:1.4em;}
.thanks_main .back{font-size:18px;color: #06c;font-weight:600;}

@media (max-width:1200px){
.top_titll{padding:0 80px}
.top_rec{padding: 60px 40px;}
.tpics{padding: 80px 40px 0px;}
.top_news{padding: 80px 40px 0;}
.top_shop{padding: 80px 40px 120px;}
footer{padding: 58px 40px 20px;}
#nav{padding: 140px 40px;}


}

@media (max-width:1024px){

}


@media only screen and (max-width: 813px) and (min-width: 568px){

}





@media (max-width:770px){
header{height: 60px;}




}


@media (max-width:568px){
.dis_pc{display:none!important}
.dis_res{display:block!important}
header{height: 50px;}
header.fixed{height: 50px;}

.menu-right{right:60px;display: none;}
#global-nav ul li a{color:#000;}
.logo_nav{left: 12px;top: 2px;width: 150px;}
#nav{padding:40px 20px;}
#nav .list .column{width:100%;}
.header_menu{overflow: scroll;}
#nav h2{display:none;}
#nav h3{margin-top:20px;margin-bottom: 0;font-size: 16px;position: relative;line-height: 1.4em;padding-bottom: 15px;border-bottom: solid 1px #ddd;}
#nav h3::before{content: "＋";position: absolute;right:5px;top:0;font-size:18px;transition:0.4s;font-weight:200;}
#nav h3.acmenu::before{content: "ー";position: absolute;right:5px;top:0;font-size:18px;transition:0.4s;}
#nav h3.acmenu{border-bottom:none;}
#nav ul{display: none;padding-left: 15px;}
#nav ul li{font-size: 14px;margin-bottom: 8px;border-bottom: solid 1px #ddd;padding-bottom: 8px;}
#nav .list{display: block;}
.column{width: 100%;margin-bottom: 20px;}
.logo{width:26px;background-size:26px auto;height:28px;top: 12px;left:20px;}
.menu_sq{right: 55px;top: 9px;}
.logo_moji{width: 116px;vertical-align: text-top;}
.menu{right: 15px;top: 9px;}
.top{width: calc(100% - 40px);padding:160px 20px 0px;margin-top: 50px;height: calc(50% - 70px);border-radius: 8px;}
.top h2{font-size: 28px;text-align:right;}
.top .top_news{height: 140px;right: 10px;top: 10px;width: calc(100% - 20px);padding: 15px;display: none;}
.top_news .box .box_left{width: 65%;}
.top_news .box .box_right{width:30%;}
.top .top_news h3{font-size: 13px;margin-bottom: 10px;}
.top .top_news h3 img{width:18px;}
.top .top_news .news_close{right: 12px;top: 12px;}
.top .top_news p{font-size: 11px;line-height: 1.4em;}
.top_news .links{font-size: 12px;padding: 5px 16px;margin-top:10px;}
.service_menu{padding: 20px 20px 0;}
.service_menu .box{padding: 0 10px;}
.service_menu p{font-size: 11px;}
.top_service{padding:40px 20px 0;}
.top_service .box_img{width: 100%;order:1;margin-bottom: 15px;}
.top_service .box_text{width: 100%;margin-bottom: 15px;order: 2;}
.top_service h2{font-size:20px;margin-bottom: 5px;}
.top_service p{font-size:15px;margin-bottom: 10px;}
.top_service .links{font-size: 12px;padding: 8px 28px;margin-top: 0;}
.top_service .box_img img{border-radius:8px;}
.top_about{padding: 50px 20px;}
.top_about .box{height: 180px;border-radius: 10px;}
.top_about .box p{right: 10px;bottom: 10px;font-size: 12px;margin-bottom: 0;}
.top_about h2{font-size:22px;margin-top: 20px;margin-bottom: 10px;}
.top_about p{font-size: 14px;margin-bottom: 10px;}
.top_about .links{font-size: 14px;padding: 10px 34px;}
.top_bn{padding: 50px 20px;}
.top_bn .box{width: 90%;margin: 0 auto;margin-bottom: 20px;}
.top_bn .box .box_text{padding: 28px;}
.top_bn .box h2{font-size:20px;}
.top_bn .box .links{font-size:14px;}

.about_top{width: calc(100% - 40px);padding:180px 20px 20px;border-radius:8px;background-color: #00000030;background-blend-mode: multiply;}
.about_top h2{font-size:28px;}
.about_tab a{margin:0 8px;font-size: 13px;}
#message{padding: 28px 20px;}
#message h2, #iden h2, #company h2{font-size: 26px;margin-bottom: 20px;}
#message p, #iden p, #company p{font-size: 16px;margin-bottom: 15px;}
#iden{padding: 28px 20px;}
#iden .about_logo{width:90px;}
#company{padding:80px 0 20px;}
#company .box{overflow:hidden;margin-bottom: 20px;}
#company .box_text{width: 100%;padding: 0 20px;}
#company .box_img{width:100%;order: 2;}
#company h3{margin-top: 40px;font-size: 22px;}
#company .about_img1{width: 300px;height: 300px;right: -140px;background-size: 300px;z-index: -1;}
.anime_zoom{border: solid 150px #fff;}
#company .about_img2{width: 300px;height: 300px;right: -140px;background-size: 300px;margin-top:20px;}

.estate_top{width: calc(100% - 40px);padding:100px 20px 100px;border-radius:8px;background-color: #00000030;background-blend-mode: multiply;}
.estate_top h2{font-size:28px;}
.estate_top .tab a{font-size:13px;padding: 0 8px;}
#man, #chin, #house{padding: 50px 0 0px;}
.estate_main h2{font-size: 26px;margin-bottom: 20px;}
.estate_main .box_img{width:100%;margin-bottom:15px;}
.estate_main .box_text{width:100%;}
.estate_main p{font-size:14px;margin-bottom: 10px;}
.estate_main .box{margin-bottom: 40px;}

.service_top{margin-top: 120px;}
.service_top h2{font-size:24px;}
.service_menu .box{padding: 10px 10px;width: 48%;}
.service_main{padding: 20px 20px 0;}
.service_main .box{padding: 140px 20px 20px;background-color: #00000030;background-blend-mode: multiply;border-radius: 10px;margin-bottom: 28px;}
.service_main .box h2{font-size: 26px;}
.service_main h2{font-size: 24px;}
.service_main p{margin-top: 20px;font-size: 15px;}
#service1, #service2, #service3, #service4{padding: 20px 0 50px;}
.service_main .links{font-size: 13px;padding: 10px 28px;}

.work_top{margin-top: 50px;padding: 60px 20px;}
.work_top h2{font-size:21px;}
.work_top h2 small{font-size:21px;}
.work_main{padding: 0 20px 60px;}
.work_main .box{padding: 20px 20px;margin-bottom: 40px;}
.work_main .box p{font-size: 16px;margin-bottom: 12px;}
.work_main h2{font-size: 22px;margin-bottom: 28px;}
.work_main h3{font-size: 18px;margin-bottom: 15px;}
.work_main td{font-size: 13px;padding: 2px 0;min-width: 90px;}
.work_main .links a{padding: 10px 40px;font-size: 13px;}


footer{padding:15px 20px;}
footer .box hr{margin-top: 28px;margin-bottom: 40px;}
footer h2{display:none;}
.footer_column{padding: 10px 0;margin-top: 10px;display: table;margin-bottom:0;}
.footer_column .column{width:50%;margin-bottom: 28px;}
footer h3{font-size:16px;margin-bottom: 10px;color:#848484;font-weight: 500;}
footer .copy p{font-size: 11px;}
footer .mt-40{margin-top:0;}
footer .copy{font-size:10px;margin-top: 0px;}
footer ul li{padding: 1px 0;font-size:13px;line-height: 2em;font-weight: 300;}

.service_menu h2{font-size:28px;margin-top: 28px;}
.contact_top{padding: 0 20px;}
.contact_top h2{font-size: 28px;margin-bottom: 15px;}
.contact_top .title{padding:70px 40px 240px;text-align: center;background-size: 90% auto;background-position: center bottom;}
.contact_top h1{font-size: 22px;margin-bottom:10px;}
.contact_top p{font-size:14px;}
.contact_main{padding: 20px 20px 60px;}
form#mail_form{width: 100%;}
form#mail_form input{width:100%;}
form#mail_form dl{width:100%;}
form#mail_form #form_submit{margin-left:0;}

form#mail_form h2{margin-bottom: 20px;}
form#mail_form h3{font-size:22px;margin-bottom: 40px;}
.yubin{font-size:14px;}
#contact_body{padding: 20px 20px 40px;border-radius:0;}
form#mail_form{padding:20px 0 80px;}
form#mail_form dl{margin-top: 0;}
form#mail_form select{margin-bottom: 5px;height: 42px;}
form#mail_form input{margin-bottom: 5px;padding: 0.4em 1em;}
form#mail_form textarea{margin-bottom:5px;}
form#mail_form .scroll p{font-size: 12px;text-align: left;line-height: 1.5em;width: 98%;}
form#mail_form .scroll b{font-size:13px;}
.thanks_main{margin-top: 50px;padding: 20px 15px;}
.thanks_main h2{font-size:18px;}
.thanks_main .back{font-size:16px;}


}



@media (max-width:400px){
	
}
@media (max-width:321px){
.dis_se{display:block!important;}

}