@charset "utf-8"; /* Copyright 2015 FSFIELD All Rights Reserved. */ /* ------------------------------------------------------------ ヘッダー ------------------------------------------------------------ */ /* heading ---------------------------------------------- */ h1#top{ font-size:12px !important; font-weight:normal; position:absolute; top:11px; left:0; z-index: 99; /* AL-Designs追加 */ } #h2_logo, #h2_logo_f{ width:170px; height:35px; position:absolute; top:40px; left:0; } #h2_logo_r{ width:170px; height:46px; position:absolute; top:40px; left:0; } #h2_logo a{ background:url(../img/img_logo01.png) no-repeat 0 0; display:block; width:170px; height:35px; } #h2_logo_f a{ background:url(../img/img_logo01_f.png) no-repeat 0 0; display:block; width:170px; height:35px; } #h2_logo_r a{ background:url(../img/img_logo01_r.png) no-repeat 0 0; display:block; width:170px; height:46px; } #h2_logo span{display:none;} /* 20190722 korenaga */ #header { height: 170px; background: #FFF; } #header-fur { height: 130px; /* background: #FFF; */ z-index:99; position:relative; } #header-fur-low { height: 75px; background: #FFF; } #fixed_header { position: fixed; top: 0; left: 0; height: 80px; z-index: 999; width: 100%; background: #FFF; border-top: 2px solid #1D4C84; } #header-fur #fixed_header { height: 69px; } #header_inner { /* min-width: 1000px; */ max-width: 1300px; width: 100%; margin: 0 auto; overflow: hidden; position: relative; /* height: 78px; */ box-sizing:border-box; padding-top: 20px; display: flex; } #header-fur #header_inner, #header-fur-low #header_inner{ height:67px; } /* #header-fur #header_inner { width:1250px !important; } */ #header_inner h1 { font-size: 80%; /* color: #1D4C84; */ color:#75673A; margin-top: -20px; font-weight:normal; margin-left: 5px; } #header_inner #fixed_nav { position: fixed; z-index: 998; width: 100%; background: #FFF; } #header_inner #h_logo { width: 215px; height: 50px; position: absolute; left: 0; top: 25px; } #header_inner #h_logo_f, #header_inner #h_logo_r { width: 170px; height: 35px; position: absolute; left: 0; top: 25px; margin-left: 5px; } #fixed_nav #nav_global { /* border-top: 1px solid #D7E9EC; border-bottom: 1px solid #DDDDDD; */ background-color: #CCE5D4; } #fixed_nav #nav_global ul#mainnav { max-width: 1250px; margin: 0 auto; display: flex; overflow: visible; /* height: 90px; */ flex-wrap: wrap; } #fixed_nav #nav_global ul li { /* float: left; */ display: flex; } #fixed_nav #nav_global ul li#nav-office { background-color:#619AC5; padding:7px 7px 7px 0px; max-width:875px; box-sizing:border-box; } /*居抜き用*/ #header-fur #fixed_nav #nav_global ul li#nav-office, #header-fur-low #fixed_nav #nav_global ul li#nav-office { background-color:rgb(62, 170, 114); } /*リノベ用*/ #header-rnv #fixed_nav #nav_global ul li#nav-office, #header-rnv-low #fixed_nav #nav_global ul li#nav-office { background-color:#333; } #fixed_nav #nav_global ul li#nav-office .navtxt { display:inline-block; width:125px; padding: 0 10px; color:#fff; box-sizing:border-box; text-align:center; padding-top:25px; font-family:'Noto Sans JP'; } #fixed_nav #nav_global ul li#nav-useful { background:url('../img/arrow_down.png') center bottom 10px no-repeat #75B88C; width:125px; position:relative; /* padding: 0 10px; */ } /*居抜き用*/ #header-fur #fixed_nav #nav_global ul li#nav-useful, #header-fur-low #fixed_nav #nav_global ul li#nav-useful { background-color:rgb(91, 184, 136); } /*リノベ用*/ #header-rnv #fixed_nav #nav_global ul li#nav-useful, #header-rnv-low #fixed_nav #nav_global ul li#nav-useful { background-color:rgb(63, 63, 63); } #fixed_nav #nav_global ul li#nav-useful .navtxt { display:block; width:125px; color:#fff; box-sizing:border-box; text-align:center; padding-top:32px; font-family:'Noto Sans JP'; } #fixed_nav #nav_global ul li#nav-market { background:url('../img/arrow_down.png') center bottom 10px no-repeat #E4B84D; /* width:125px; */ /* padding: 0 10px; */ position:relative; } /*居抜き用*/ #header-fur #fixed_nav #nav_global ul li#nav-market, #header-fur-low #fixed_nav #nav_global ul li#nav-market { background-color:rgb(125, 197, 160); } /*リノベ用*/ #header-rnv #fixed_nav #nav_global ul li#nav-market, #header-rnv-low #fixed_nav #nav_global ul li#nav-market { background-color:rgb(85, 85, 85); } #fixed_nav #nav_global ul li#nav-market .navtxt { display:inline-block; width:125px; /* padding: 0 10px; */ color:#fff; box-sizing:border-box; text-align:center; padding-top:32px; font-family:'Noto Sans JP'; } #fixed_nav #nav_global ul li#nav-seminar { background:url('../img/arrow_down.png') center bottom 10px no-repeat #5CACEB; width:125px; position:relative; } /*居抜き用*/ #header-fur #fixed_nav #nav_global ul li#nav-seminar, #header-fur-low #fixed_nav #nav_global ul li#nav-seminar { background-color:rgb(141, 206, 172); } /*リノベ用*/ #header-rnv #fixed_nav #nav_global ul li#nav-seminar, #header-rnv-low #fixed_nav #nav_global ul li#nav-seminar { background-color:rgb(105, 105, 105); } #fixed_nav #nav_global ul li#nav-seminar{ display: flex; justify-content: center; } #fixed_nav #nav_global ul li#nav-seminar .navtxt { display:inline-block; width:125px; height: 90px; color:#fff; box-sizing:border-box; text-align:center; padding-top:32px; font-family:'Noto Sans JP'; } nav#submenu01 { display: inline-block; height: 100%; vertical-align: top; } nav#submenu01 ul { display: flex; background-color: #E5F2FA; max-width: 738px; height: 100%; } /*居抜き用*/ #header-fur nav#submenu01 ul, #header-fur-low nav#submenu01 ul { background-color:rgb(230, 243, 236); } /*リノベ用*/ #header-rnv nav#submenu01 ul, #header-rnv-low nav#submenu01 ul { background-color:rgb(236, 236, 236); } nav#submenu01 ul li { width:123px; border-right:1px solid #D5E3EE; box-sizing:border-box; } nav#submenu01 ul li:last-child { border:0; } nav#submenu01 ul li.s1-1 { background:url('../img/ico_area.png') center top 10px no-repeat; } nav#submenu01 ul li.s1-2 { background:url('../img/ico_railway.png') center top 7px no-repeat; } nav#submenu01 ul li.s1-3 { background:url('../img/ico_furnished.png') center top 7px no-repeat; } nav#submenu01 ul li.s1-4 { background:url('../img/ico_renovation.png') center top 5px no-repeat; } nav#submenu01 ul li.s1-5 { background:url('../img/ico_rental.png') center top 7px no-repeat; } nav#submenu01 ul li.s1-6 { /*background:url('../img/home/nav/ico_newbuild.png') center top 5px no-repeat;*/ background:url('../img/ico_depotoku.png') center top 5px no-repeat; background-size:32%; } nav#submenu01 ul li a { display:block; height:100%; width:100%; color:#347DBF; } /*居抜き用*/ #header-fur nav#submenu01 ul li a, #header-fur-low nav#submenu01 ul li a { color:rgb(32, 94, 62); } /*リノベ用*/ #header-rnv nav#submenu01 ul li a, #header-rnv-low nav#submenu01 ul li a { color:rgb(51, 51, 51); } span.btnname { display:block; text-align:center; padding-top:48px; font-family:'Noto Sans JP'; font-size:90%; } nav.sublist { display:none; position:absolute; top:90px; right:0; z-index:999; } nav#sub-useful { max-width: 881px; } nav#sub-market { max-width:377px; } nav#sub-seminar { max-width:377px; } nav.sublist ul { width:100%; margin-top:1px; display: flex; } nav.sublist ul li { width:125px; height:90px; box-sizing:border-box; background-color:#fff; margin-right:1px; } nav.sublist ul li:last-child { margin-right:0; } nav.sublist ul li a { display:block; height:100%; width:100%; color:#FFF; } nav#sub-useful ul li.s2-1 a { background:url('../img/ico_useful.png') center top 10px no-repeat #75B88C; } nav#sub-useful ul li.s2-2 a { background:url('../img/ico_faq.png') center top 12px no-repeat #75B88C; } nav#sub-useful ul li.s2-3 a { background:url('../img/ico_glos.png') center top 20px no-repeat #75B88C; } nav#sub-useful ul li.s2-4 a { background:url('../img/ico_featured.png') center top 12px no-repeat #75B88C; } nav#sub-useful ul li.s2-6 a { background:url('../img/ico_leasekagu.png') center top 20px no-repeat #75B88C; } nav#sub-useful ul li.s2-7 a { background:url('../img/ico_chart.png') center top 20px no-repeat #75B88C; } nav#sub-useful ul li.s2-5 a { background:url('../img/ico_blog.png') center top 10px no-repeat #75B88C; } /*居抜き用*/ #header-fur nav#sub-useful ul li.s2-1 a, #header-fur nav#sub-useful ul li.s2-2 a, #header-fur nav#sub-useful ul li.s2-3 a, #header-fur nav#sub-useful ul li.s2-4 a, #header-fur nav#sub-useful ul li.s2-5 a, #header-fur nav#sub-useful ul li.s2-6 a, #header-fur nav#sub-useful ul li.s2-7 a, #header-fur-low nav#sub-useful ul li.s2-1 a, #header-fur-low nav#sub-useful ul li.s2-2 a, #header-fur-low nav#sub-useful ul li.s2-3 a, #header-fur-low nav#sub-useful ul li.s2-4 a, #header-fur-low nav#sub-useful ul li.s2-5 a { background-color:rgb(91, 184, 136); } /*リノベ用*/ #header-rnv nav#sub-useful ul li.s2-1 a, #header-rnv nav#sub-useful ul li.s2-2 a, #header-rnv nav#sub-useful ul li.s2-3 a, #header-rnv nav#sub-useful ul li.s2-4 a, #header-rnv nav#sub-useful ul li.s2-5 a, #header-rnv-low nav#sub-useful ul li.s2-1 a, #header-rnv-low nav#sub-useful ul li.s2-2 a, #header-rnv-low nav#sub-useful ul li.s2-3 a, #header-rnv-low nav#sub-useful ul li.s2-4 a, #header-rnv-low nav#sub-useful ul li.s2-5 a { background-color:rgb(63, 63, 63); } nav#sub-market ul li.s3-1 a { background:url('../img/ico_market.png') center top 18px no-repeat #E4B84D; } nav#sub-market ul li.s3-2 a { background:url('../img/ico_marketdata.png') center top 18px no-repeat #E4B84D; } nav#sub-market ul li.s3-3 a { background:url('../img/ico_cost.png') center top 13px no-repeat #E4B84D; } /*居抜き用*/ #header-fur nav#sub-market ul li.s3-1 a, #header-fur nav#sub-market ul li.s3-2 a, #header-fur nav#sub-market ul li.s3-3 a, #header-fur-low nav#sub-market ul li.s3-1 a, #header-fur-low nav#sub-market ul li.s3-2 a, #header-fur-low nav#sub-market ul li.s3-3 a { background-color:rgb(125, 197, 160); } /*リノベ用*/ #header-rnv nav#sub-market ul li.s3-1 a, #header-rnv nav#sub-market ul li.s3-2 a, #header-rnv nav#sub-market ul li.s3-3 a, #header-rnv-low nav#sub-market ul li.s3-1 a, #header-rnv-low nav#sub-market ul li.s3-2 a, #header-rnv-low nav#sub-market ul li.s3-3 a { background-color:rgb(85, 85, 85); } nav#sub-seminar ul li.s4-1 a { background:url('../img/ico_example.png') center top 10px no-repeat #5CACEB; } nav#sub-seminar ul li.s4-2 a { background:url('../img/ico_seminar.png') center top 13px no-repeat #5CACEB; } nav#sub-seminar ul li.s4-3 a { background:url('../img/ico_download.png') center top 18px no-repeat #5CACEB; } /*居抜き用*/ #header-fur nav#sub-seminar ul li.s4-1 a, #header-fur nav#sub-seminar ul li.s4-2 a, #header-fur nav#sub-seminar ul li.s4-3 a, #header-fur-low nav#sub-seminar ul li.s4-1 a, #header-fur-low nav#sub-seminar ul li.s4-2 a, #header-fur-low nav#sub-seminar ul li.s4-3 a { background-color:rgb(141, 206, 172); } /*リノベ用*/ #header-rnv nav#sub-seminar ul li.s4-1 a, #header-rnv nav#sub-seminar ul li.s4-2 a, #header-rnv nav#sub-seminar ul li.s4-3 a, #header-rnv-low nav#sub-seminar ul li.s4-1 a, #header-rnv-low nav#sub-seminar ul li.s4-2 a, #header-rnv-low nav#sub-seminar ul li.s4-3 a { background-color:rgb(105, 105, 105); } /* 20190722 korenaga that's all */ /* div ---------------------------------------------- */ div#header2{ background:#FDFDFD; /*margin-bottom: 59px;*/ height: 122px; border-bottom: 3px solid #e6e6e6; } div#header_inner_fun, div#header_inner_rnv{ width:100%; height:124px; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 998; background-color: #FFFFFF; } div#header_inner_inner{ width:100%; /* min-width:1150px; */ /*height:122px;*/ min-height:100px; margin:0 auto; position: relative; box-sizing: border-box; padding: 0px 15px; } div#wrap_nav_global{ border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; /*padding:15px 0;*/ width: 100%; height: 55px; background-color: #fff; position: fixed; top: 124px; left: 0; z-index: 998; } ul#nav_global{ /*overflow:hidden;*/ max-width:1050px; margin:0 auto; } ul#nav_global li.gBtn{ float:left; font-size: 110%; position:relative; } ul#nav_global li.gBtn a.gLink{ display:block; padding: 15px 19px; float: left; } ul#nav_global li.gBtn a.gLink:hover{ background-color: #1F4D85; color: #ffffff; } ul#nav_global li.gBtn ul.nav_gs{ clear: both; position: absolute; top: 55px; left: 0; display: none; z-index: 999; min-width: 100%; border-top: 1px solid #f1f1f1; /*border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1;*/ } ul#nav_global li.gBtn ul.nav_gs li{ min-width: 150px; background-color: #ffffff; border-bottom: 2px solid #4F99CA; z-index: 999; white-space: nowrap; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; } ul#nav_global li.gBtn ul.nav_gs li a{ display: block; padding: 7px 15px; z-index: 999; white-space: nowrap; font-size: 86%; } ul#nav_global li.gBtn ul.nav_gs li a:hover{ background-color: #82C7E6; color: #1F4D85; } ul#nav_global li.gBtn ul.nav_gs2 { min-width: 305px !important; } ul#nav_global li.gBtn ul.nav_gs2 li:nth-child(2n-1){ /*border-left: 1px solid #f1f1f1;*/ float: left; /*border-right: 0 !important;*/ } ul#nav_global li.gBtn ul.nav_gs2 li:nth-child(2n) { float: left; border-left: 0 !important; /*border-left: 1px solid #f1f1f1;*/ /*border-right: 1px solid #f1f1f1;*/ } /* 20171031 メニュー追加 */ #wrap-globalmenu { background-color:#D8E8F8; width:100%; display:none; border-bottom:1px solid #9FD8EE; } #wrap-globalmenu #globalmenu { max-width:1200px; margin:0px auto; padding: 3px 0px; } #wrap-globalmenu #globalmenu li { width:148px; list-style:none; float:left; padding: 0px; } #wrap-globalmenu #globalmenu li a { display:block; text-align:center; padding:12px 0px; margin:0; border-left:1px solid #fefefe; border-right:1px solid #fefefe; } #wrap-globalmenu #globalmenu li:first-child a { border-left:0; } #wrap-globalmenu #globalmenu li:last-child a { border-right:0; } #wrap-globalmenu #globalmenu li a:hover { background-color:#feffff; } /* p ---------------------------------------------- */ p#txt_contact01{ background:url(../img/txt_contact01.jpg) no-repeat 0 0; width:330px; height:46px; margin-bottom:0; position:absolute; top:28px; right:192px; } p#txt_contact03{ background:url(../img/txt_contact01.jpg) no-repeat 0 0; width:330px; height:46px; margin-bottom:0; position:absolute; top:28px; right:350px; } p#txt_contact04{ /*background:url(../img/txt_contact01.jpg) no-repeat 0 0;*/ width:288px; height:46px; margin-bottom:0; position:absolute; top:30px; right:430px; } p#txt_searchbox { width:220px; height:46px; margin-bottom:0; position:absolute; top:28px; right:700px; } p#txt_contact01 span{display:none;} p#txt_contact03 span{display:none;} p#btn_contact01{ position:absolute; right:0; bottom:22px; margin-bottom:0; } p#btn_contact03{ position:absolute; right:0; bottom:39px; margin-bottom:0; height: 70px; } p#browser{ text-align:center; padding:20px 0; margin-bottom:0; border-bottom:1px solid #E6E6E6; } p#browser a{ color:#6699CC; text-decoration:underline; } p#browser a:hover{text-decoration:none;} #headnav, #headnav_f, #headnav_r { position:absolute; right:0px; box-sizing:border-box; } #headnav_f,#headnav_r { top:0; } #headnav li, #headnav_f li, #headnav_r li { display: inline-flex; } #headnav li a, #headnav_f li a, #headnav_r li a { display:inline-flex; display:block; color:#609ACE; /* width:80px; */ /* height:45px; */ /* background-color:#D2EDF4; */ } #headnav li a#navbtnInquiry { background:url('../img/common/head/ico_inquiry.png') center top 5px no-repeat; } #headnav li a#navbtnHistory { background:url('../img/common/head/ico_history.png') center top no-repeat; } #headnav li a#navbtnFavorite { background:url('../img/common/head/ico_favorite.png') center top no-repeat; } #headnav li a#navbtnPrivacy { background:url('../img/common/head/ico_policy.png') center top no-repeat; } /* #headnav li a:hover { background-color:#D2EDF4 !important; } #headnav li a span { padding-top:65px; color:#3B689A; font-weight:bold; font-size:12px; width:100%; } */ #header_inner #favoriteCount #favorHspIndex, #header_inner #favoriteCount #favorHsp { padding: 1px 4px 2px; min-width: 10px; margin: 0; position: absolute; top: 0; right: 10px; background-color: #c00; border: 1px solid #FFF; color: #FFF; line-height: 1em; font-size: 90%; text-align: center; border-radius: 10px; box-sizing:border-box; } input#headerword { width:220px; padding:8px 35px 8px 5px; border:1px solid #ddd; border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; box-sizing: border-box; } #header-rnv { background-color:#fff; height:141px; } #header-rnv #fixed_header { border-bottom:3px solid #f2ede9; height:75px !important; } #header-rnv-low { height: 78px; background: #FFF; } #header-rnv-low #fixed_header { height:76px !important; border-bottom:1px solid #ddd; } #header-rnv-low #fixed_header #header_inner { height:76px !important; } /* header */ #headnav_f .sp-only{ display: none; } #headnav_f .header-icon { width: 60px; height: 60px; padding-top: 2px; /* padding-bottom: 9px; */ margin-right: 23px; } #headnav_f .header-icon a img{ width: 100%; } #headnav_f .header-icon2{ background-color: #3D9268; border-radius: 10px; } #headnav_f .header-icon2 a{ width: 100%; color: #fff; font-size: 10px; text-align: center; line-height: 10px; transform: scale(0.9); } #headnav_f .header-icon2 a img{ width: 48px; margin-top: -11px; } #headnav_f .header-icon2 a p{ margin-top: -3px; } #headnav_f .header-icon2-1{ background-color: #3D9268; border-radius: 10px; } #headnav_f .header-icon2-1 a{ width: 100%; color: #fff; font-size: 10px; text-align: center; line-height: 10px; transform: scale(0.9); } #headnav_f .header-icon2-1 a img{ width: 38px; /* padding-top: 5px; */ padding-bottom: 5px; } nav#indexnav{ background-size: cover; } #indexnav ul a{ width: 100%; } #indexnav ul .list-fontsize{ font-size: 95%; } #indexnav ul li a .index-nav-sp{ display: none; } #submenu01 ul{ margin: 0 auto; } .header-bur{ display: flex; } /* header HTMLstyle */ .tell-name{ color:#3D9268; } .tell-number{ color:#3D9268; font-weight:900; } .tell-number-item{ /* margin-top: 3px; margin-left: 5px; */ position:absolute; top:25px; left:200px; } #headnav_f li .top-contact-btn{ display:block; color:#fff; background-color:#EBB936; } #headnav_f li .top-contact-btn span{ padding-right: 10px; } #headnav_f .click-menu{ border-left:1px solid #ccc; border-right:1px solid #ccc; } #headnav_f .click-menu .click-menu-item{ display:block; color:#3D9268; padding-top: 11px; padding-bottom: 10px; } #headnav_f .click-menu .click-menu-item .menu{ display:block; color:#3D9268; } /* accodion */ .accordion-content { display: none; } #headnav_f .accordion .click-menu-item{ color: #3D9268; opacity: 1; } #headnav_f .accordion .click-menu-item .menu { display: block; color: #3D9268; } /* 3/3追加 */ #headnav_f{ display: flex; align-items: center; } .top-contact-link{ margin-right: 10px; /* position: absolute; */ /* top: 12px; */ /* left: 430px; */ } .owner-contact a{ display:block; color:#fff; background-color:#EBB936; } .owner-contact a .fa-chevron-right{ color: #fff; } .out-contact a{ display:block; color:#fff; background-color:#FCCA0F; } .out-contact a .fa-chevron-right{ color: #fff; } .out-contact a .icon-out { width: 30px; height: 30px; display: flex; background-color: #fff; border-radius: 50%; margin-right: 5px; justify-content: center; align-items: center; position: relative; } .out-contact a .icon-out img { width:17px; /* position:absolute; bottom:4px; */ } .out-contact a .out-text { display:flex; align-items:center; } /* 3/3追加終わり */ /* 20230511 korenaga */ .owners-link { margin-right: 10px; } .owners-link .out-contact a { background-color:#666; /* width:160px !important; */ box-sizing: border-box; display: flex; justify-content: center; } .owners-link .out-contact a img { width:25px; } /* 20230511 korenaga/ */ #fixed_nav{ background-color:#CCE5D4; } #sub-useful ul li a span{ display:block; text-align:center; padding-top:60px; font-family:'Noto Sans JP'; } #sub-market ul li a span{ display:block; text-align:center; padding-top:60px; font-family:'Noto Sans JP'; } #nav-seminar ul li a span{ display:block; text-align:center; padding-top:60px; font-family:'Noto Sans JP'; } #nav-market ul .s3-3{ font-size:80%; } #nav-seminar ul .s4-2{ font-size:85%; } #nav-seminar ul .s4-3{ font-size:90%; line-height:1.2em; } /* header HTMLstyle終わり */ #indexnav ul li{ display: flex; align-items: center; } /* 20210923 NEW */ #menu-silde{ width: 400px; height: 100%; background-color: #fff; position: fixed; top: 0; right: 0; z-index: 10; transform: translateX(400px); transition: all .6s; /* ← 追加 */ overflow-y: auto; } #menu-silde.open{ transform: translateX(0); } #menu-silde .compre { margin-bottom:90px; } .menu-background { position: fixed; top: 0; left: 0; content: ""; display: block; width: 0; height: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 2; opacity: 0; /* 透明度を0にすることで隠す */ transition: opacity 0.5s; /* 透明度の0→1になる速度 */ } .menu-background.open { width: 100%; height: 100%; opacity: 1; /* メニューが表示されているときには背景が表示 */ } .nab_global_title{ background-color: #464646; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: bold; height: 60px; position:relative; /* font-family: ; */ } .nab_global_title .slideclose { position:absolute; top:7px; left:7px; border:1px solid #fff; padding:5px 10px; border-radius:7px; transition: all .3s; color:#fff; cursor:pointer; } .nab_global_title .slideclose:hover { background-color:#fff; color:#464646; } .menu-link{ border-bottom: 1px solid #E1E1E1; } .menu-link ul li p{ color: #262626; margin-bottom:0; } .menu-link-officetar{ text-align: center; padding: 25px 0; border-bottom: 1px solid #E1E1E1; } .menu-link-officetar a p{ padding-bottom: 8px; margin-bottom:0; } .menu-link-officetar a img{ width: 185px; } .menu-logo{ display: flex; border-bottom: 1px solid #E1E1E1; } .menu-logo a{ width: 50%; padding: 20px 0; display: flex; flex-direction: column; align-items: center; } .menu-logo a p{ padding-bottom: 10px; font-size: 15px; font-weight: bold; margin-bottom:0; } .menu-logo a img{ width: 150px; } .menu-logo .border{ border-right: 1px solid #E1E1E1; } .office-first{ width: 90%; margin: 0 auto; } .office-first a{ display: flex; align-items: center; justify-content: center; padding: 10px 0; } .office-first a img{ width: 37px; height: 37px; } .office-first a p{ font-size: 15px; font-weight: bold; margin-bottom:0; } .conpre-title{ background-color: #464646; text-align: center; padding: 20px 0; } .conpre-title-text{ font-size: 16px; font-weight: bold; color: #fff; } .conpre-number{ background-color: #8A8A8A; width: 90%; margin: 10px auto; display: flex; justify-content: center; align-items: center; border-radius: 11px; } .conpre-number-img{ padding-right: 20px; } .conpre-number-img img{ width: 35px; } .number{ color: #fff; line-height: 25px; padding-top: 13px; padding-bottom: 10px; } .number .free-number{ font-size: 31px; font-weight: bold; margin-bottom:0; } .number .free-number a{ color:#fff; } .number .time{ font-size: 16px; font-weight: bold; margin-bottom:0; } .other-contact{ width: 90%; margin: 10px auto; display: flex; align-items: center; justify-content: space-between; } .other-contact a{ width: 48%; } .contact-line{ background-color: #3FCE2F; width: 100%; text-align: center; padding: 20px 0; border-radius: 11px; margin-bottom:0; } .contact-line p{ font-size: 21px; font-weight: bold; color: #fff; margin-bottom:0; } .contact-web{ background-color: #0E7AC4; width: 100%; text-align: center; padding: 20px 0; border-radius: 11px; } .contact-web p{ font-size: 21px; font-weight: bold; color: #fff; margin-bottom:0; } .open-menu { border-left:1px solid #ccc; border-right:1px solid #ccc; } .open-menu .open-menu-item { width:80px; color:#627C4E !important; padding:12px 0 11px; display:block; text-align:center; } .open-menu .open-menu-item i { font-size:200%; } .open-menu .open-menu-item .omtext { font-size:70%; display:block; text-align:center; } @media screen and (max-width:768px){ .open-menu { width:55px; height:100%; text-align:center; border-right:0; } .open-menu .open-menu-item { position:relative; font-size:130%; padding:0; box-sizing:border-box; height:100%; } .open-menu .open-menu-item i { font-size:100%; } .open-menu .open-menu-item .omtext { font-size:50%; display:flex; justify-content: center; align-items: center; position:absolute; top:25px; left:0; line-height:1.2; width:100%; min-height:20px; } /* 横からスライドする */ #menu-silde{ width: 300px; } .menu-logo a p{ font-size: 12px; } .menu-logo a img{ width: 100px; } .office-first a p{ font-size: 12px; } .number .free-number{ font-size: 25px; } .number .time{ font-size: 12px; } } /* !20210923 NEW ここまで */ /* #splogin { display:none; margin: 0; font-size: 70%; text-align: right; border-top: 1px solid #ccc; padding: 1px 5px 2px; background-color: #E8EFE8; color:#627C4E; } #splogin a { color:#627C4E; } #splogin i { font-size:120%; margin-right:5px; } */ @media screen and (max-width:1245px){ #fixed_nav #nav_global ul#mainnav{ display: block; text-align: center; } #fixed_nav #nav_global ul li#nav-office{ margin: 0 auto; } .header-bur{ justify-content: center; } } @media screen and (max-width:1200px){ #fixed_nav #nav_global ul li#nav-seminar .navtxt{ padding-top: 0; display: flex; align-items: center; justify-content: center; } nav.sublist1 { display:none; position:absolute; top:90px; right:-500px; z-index:999; } nav.sublist2 { display:none; position:absolute; top:90px; right:-125px; z-index:999; } } @media screen and (max-width:1024px){ #fixed_nav #nav_global ul li#nav-office .navtxt{ display: none; } #header-fur nav#submenu01{ margin: 0 auto; } } @media screen and (max-width:1000px){ #indexnav ul li a{ font-size: 80%; } #header-fur{ height: 130px; } } @media screen and (max-width:860px){ /* #splogin { display:block; } */ /* li.header-icon4 { display:none !important; } */ } @media screen and (max-width:769px){ #fixed_header { border-top:16px solid #39A79C; } #header-fur{ /* height: 122px; */ height:115px; /* height:130px; */ } #header-fur #header_inner{ height: 52px; } #header_inner { overflow:inherit; } #header_inner h1{ position:absolute; top:4px; left:0px; /* text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97999px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.51361px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px; */ z-index:9; color:#fff; width:100%; overflow:hidden; white-space: nowrap; } #header_inner #h_logo_f, #header_inner #h_logo_r { top:15px; } #fixed_nav #nav_global ul#mainnav{ display: none; } #headnav_f .click-menu{ display: none; } #headnav_f .header-icon { padding-top:0; } /* drawer */ #fixed_header{ z-index: 10; } /* .accordion-content { position: fixed; overflow-y: auto; height: 100%; top: 68px; width: 100%; display: none; z-index: 9999; background-color: #fff; } */ .drawer-menu{ padding-bottom: 50px; } .drawer-menu:first-of-type{ border-top: 1px solid #999; padding-top: 10px; } .drawer-menu .drawer-menu-title img{ width: 35px; height: 40px; padding-right: 5px; } .drawer-menu .drawer-menu-title1 img{ width: 35px; height: 40px; padding-right: 5px; filter: invert(33%) sepia(37%) saturate(348%) hue-rotate(161deg) brightness(85%) contrast(90%); } .drawer-menu .drawer-menu-title span{ font-size: 15px; font-weight: bold; } .drawer-menu .drawer-menu-title1 span{ font-size: 15px; font-weight: bold; } .drawer-item-item{ display: flex; align-items: center; padding-left: 10px; padding-bottom: 10px; border-bottom: 1px solid #999999; } .drawer-hamburger p{ font-size: 10px; /* transform: scale(0.7); */ padding-top: 10px; } .item-list{ padding-top: 5px; padding-bottom: 5px; } .item-list li{ padding: 5px 0; border-bottom: 1px solid #999; } .item-list li a{ padding-left: 20px; color: #4c86ad; } #headnav_f .click-menu a i{ display: none; } #headnav_f .click-menu .click-menu-item .menu{ display: none; } /* drawer終わり */ #header_inner #headnav_f .pc-only{ display: none; } #header_inner #headnav_f .pA15{ display: none; } #header_inner #headnav_f .sp-only{ display: block; } #headnav_f .header-icon{ width: 55px; height: 100%; margin-right: 0; transition: .3; border-left:1px solid #ccc; } #headnav_f .header-icon:hover{ cursor: pointer; opacity: 0.7; transition: .3; } /* 20210721 korenaga */ #headnav_f .header-icon a{ display:block; text-align:center; font-size:130% !important; /* padding-top:5px; */ color:#627C4E; position:relative; box-sizing:border-box; } #headnav_f .header-icon a .mtext{ color:#627C4E; display:flex; justify-content: center; align-items: center; position:absolute; top:25px; left:0; text-align:center; font-size:50%; line-height:1.2; width:100%; min-height:20px; } /* //20210721 korenaga */ #header_inner #headnav_f .tell-link{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #header_inner #headnav_f .tell-link a{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; padding-top: 20px; padding-bottom: 15px; } #header_inner #headnav_f .tell-link .free-tell{ text-align: center; font-size: 20px; padding-bottom: 4px; color: #3D9268; } #header_inner #headnav_f .tell-link a span{ font-size: 10px; transform: scale(0.7); } #headnav_f{ display: flex; /* top: -7px; */ height:100%; } /* indexnav */ #indexnav ul .pc-only{ display: none; } #indexnav ul li{ width: 25%; border-bottom: 1px solid #248854; } #indexnav ul li a{ display: flex; justify-content: center; align-items: center; padding: 5px; } #indexnav ul li a .index-nav-sp{ display: block; } #indexnav ul li a .index-nav-none{ display: none; } } /* new */ @media screen and (max-width:650px){ #indexnav ul .list-fontsize{ /* font-size: 60%; */ } #indexnav ul li a{ font-size: 75%; } } @media screen and (max-width:500px){ /* .accordion-content{ top: 68px; } */ /* #header-fur{ height: 115px; } */ #headnav_f .accordion .click-menu-item .menu{ font-size: 10px; transform: scale(0.8); padding-top: 1px; } #header_inner #h_logo_f, #header_inner #h_logo_r{ width: 120px; } #headnav_f .accordion .click-menu-item{ /* display: flex; */ /* flex-direction: column; justify-content: center; align-items: center; */ } .fa-bars{ /* font-size: 150%; */ } #header_inner h1{ /* font-size: 10px; transform: scale(0.7); margin-top: -17px; margin-left: -22px; */ font-size:60%; } #header_inner #headnav_f .tell-link a{ padding: 10px 0px; } nav#indexnav ul li{ display: flex; width: 25%; align-items: center; } nav#indexnav ul li a{ display: flex; font-size: 75%; padding: 5px 0; vertical-align: middle; } .drawer-hamburger{ margin-bottom: 0; width: 25px; z-index: 999; margin: 0 8px; } .drawer-hamburger-icon::before{ top: -8px; } .drawer-hamburger-icon::after{ top: 8px; } /* #header-fur #header_inner{ height: 60px; } */ #headnav_f{ /* top: 2px; */ } #headnav_f .header-icon{ width: 55px; height: 100%; /* margin-right: -3px; */ } } @media screen and (max-width:390px){ #headnav_f .header-icon{ /* width: 60px; */ width: 53px; } #headnav_f .header-icon a .mtext{ font-size:45%; } } /* header終わり */ /* wrap_breadcrumb */ ol#breadcrumb{ display: flex; flex-wrap: wrap; align-items: center; } .arroe-right{ margin-right: 10px; } div#wrap_breadcrumb{ /* padding-top: 13px; */ padding-top: 5px; padding-bottom: 13px; } @media screen and (max-width:900px){ div#wrap_breadcrumb{ margin-bottom: 0; } ol#breadcrumb li{ margin-left: 5px; margin-right: 0; padding-right:10px; } } @media screen and (max-width:769px){ ol#breadcrumb{ width: 96%; margin: 0 auto; } } @media screen and (max-width:500px){ div#wrap_breadcrumb{ padding-top: 7px; padding-bottom: 5px; margin-top: 1px; } ol#breadcrumb{ font-size: 60%; width: 98%; } ol#breadcrumb li{ /* padding-right: 0; */ } .arroe-right{ margin-right: 0; } } /* breadcrumb終わり */ /* 20211020 korenaga */ #headnav_f .headowbtn, #headnav_f .headoutbtn { /* width:180px; */ width:160px; box-sizing:border-box; display:flex; justify-content:center; } #headnav_f .header-icon3 { /* background-color: #3D9268; */ border-radius:0; width:auto; height:auto; padding:0; margin-right:10px; width:135px; } #headnav_f .header-icon4 { border-radius:0; width:auto; height:auto; padding:0; margin-right:10px; position:relative; background-color:#fff; min-width:135px; } #headnav_f .header-icon3 a.iconlinks { width:100%; display:flex; align-items:center; justify-content: center; font-size:90%; padding:7px 10px; box-sizing:border-box; transform:inherit; line-height:0.8; text-align:center; /* width:100%; */ color:#fff; background-color:#3D9268; } #headnav_f .header-icon4 a.iconlinks { width:100%; display:flex; align-items:center; justify-content: center; font-size:90%; padding:9px 10px; box-sizing:border-box; transform:inherit; line-height:0.8; text-align:center; /* width:100%; */ width:inherit; color:#fff; background-color:#3D9268; } #headnav_f .header-icon4 div.iconlinks { position:relative; display:flex; align-items:center; font-size:90%; padding:9px 2px; box-sizing:border-box; transform:inherit; line-height:0.8; text-align:center; /* width:100%; */ color:#fff; } #headnav_f .header-icon3 a.iconlinks .iconsicon1, #headnav_f .header-icon4 a.iconlinks .iconsicon1 { padding:7px; background-color:#fff; display:inline-block; color:#3D9268; border-radius:50%; font-size:130%; } #headnav_f .header-icon3 a.iconlinks .iconsicon2, #headnav_f .header-icon4 a.iconlinks .iconsicon2 { padding:7px 5px; background-color:#fff; display:inline-block; color:#3D9268; border-radius:50%; font-size:130%; } #headnav_f .header-icon3 a.iconlinks .iconsicon3, #headnav_f .header-icon4 a.iconlinks .iconsicon3 { padding:5px; background-color:#fff; display:inline-block; color:#3D9268; border-radius:50%; font-size:160%; } #headnav_f .header-icon4 div.iconlinks .iconsicon4 { color:#3D9268; display:inline-block; border-radius:50%; } #headnav_f .header-icon3 a.iconlinks .iconname, #headnav_f .header-icon4 a.iconlinks .iconname{ padding-left:5px; } #headnav_f .header-icon4 div.iconlinks .iconname { display:inline-block; color:#fff; text-align:left; line-height:1.4em; padding-left:5px; } #headnav_f .header-icon4 div.iconlinks .shortname { display:inline-block; color:#3D9268; text-align:left; line-height:1.4em; padding-left:5px; font-weight:bold; margin:0; } #comname { display:none; position:absolute; top:9px; left:35px; color:#3D9268; text-align:left; line-height:1.4em; padding:4px; font-weight:bold; background-color:#fff; white-space:nowrap; } @media screen and (max-width:768px){ #indexnav ul.inav li.navlist::before { top:auto; right:48%; bottom:7px; line-height:0; } #indexnav ul.inav li.navlist .tolist { font-size:80%; line-height:1.2em; padding:5px 0 15px; } #indexnav ul.inav li.navlist .downmenu { position:fixed; top:115px; } } /* 20211020 koreanga ここまで */ /* 20221209 korenaga キャンペーンバナー非表示(キャッシュ用) */ /* a.headcmpbtn { display:none !important; } */