@charset "utf-8"; div#footer_inner01 { padding:30px 0; border-top:1px solid #e6e6e6 } div#footer_inner02 { background:#fdfdfd; height:55px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb } div#footer_inner03 { background:#f7f7f7; padding:30px 0 } div#footer_inner04 { background:#3b689a; padding:20px 0; color:#fff; font-size:12px!important; line-height:1.2 } ul#list_footer01 { overflow:hidden; /* position:absolute; */ /* top:20px; */ /* left:0 */ } ul#list_footer01 li { /* float:left; */ font-size:86%; line-height:1.2 } ul#list_footer01 li a { background:url(../../img/bg_bdr01.png) no-repeat right .1em; display:block; color:#666; padding:0 30px 0 20px } ul#list_footer01 li:first-child a { padding-left:0 } ul#list_footer01 li a:hover { color:#79c9e8 } ul#list_footer02 { /* float:left; */ width:180px; margin-right:50px; border-right:1px solid #cdcdcd } ul#list_footer02 li { margin-bottom:13px } ul#list_footer02 li a { background:url(../../img/ico_arrow01.png) no-repeat left .45em; color:#444; font-size:93%; font-weight:700; line-height:1.2; padding-left:8px } ul#list_footer02 li a:hover { color:#4f99ca } ul.list_footer03 { overflow:hidden } ul.list_footer03 li { /* float:left; */ margin-right:13px } ul.list_footer03 li img{ /* padding-top: 2px; */ } ul.list_footer03 li:last-child { margin-right:0 } ul.list_footer03 li a { /* background:url('../img/ico_arrow01.png') no-repeat left .45em; */ color:#444; font-size:93%; line-height:1.2; /* padding-left:8px; */ font-weight:700; } ul.list_footer03 li a:hover { color:#4f99ca } #footer_inner05, #footer_inner06 { padding:25px 0 } #list_footer04 li { color:#444; font-weight:700; font-size:93% } ul#list_footer05 li a, ul#list_footer06 li a { background:url(../../img/ico_arrow01.png) no-repeat left .45em; color:#444; font-size:93%; font-weight:700; line-height:1.2; padding-left:8px } .list_footer_right { border-left:1px solid #cdcdcd; max-width:770px; /* float:right; */ padding-left:50px } p#bottom { /* float:left; */ margin-bottom:0 } p#txt_contact02 { background:url(../../img/txt_contact02.jpg) no-repeat 0 0; width:327px; height:25px; position:absolute; top:10px; right:181px; margin:5px 0 0 } p#txt_contact02 span { display:none } p#btn_contact02 { /* position:absolute; */ /* top:10px; */ /* right:0; */ margin-bottom:0 } div#ftlogobox { width:170px; /* float:left */ } p#logo01 { width:170px; height:35px; margin:15px 0 0 } p#logo01 a img{ width: 100%; } #ftlogobox ul li { width:40px; height:40px; /* float:left; */ border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; overflow:hidden; margin-right:3px } #ftlogobox ul li:last-child { margin-right:0 } p#logo01 span { display:none } p#pagetop { position:fixed; right:30px; bottom:70px; margin-bottom:0; z-index:2 } p#pagetop a { background:url(../../img/btn_pagetop01.png) no-repeat 0 0; text-decoration:none; width:60px; height:60px; display:block; outline:0 } p#pagetop a:hover { background:url(../../img/btn_pagetop01_on.png) no-repeat 0 0 } p#pagetop a span { display:none } address { /* float:right; */ font-style:normal } /* footer */ .sns-item{ display: flex; } #footer_inner01 .inner_center{ display: flex; align-items: center; } div.inner_center{ display: flex; /* justify-content: space-around; */ align-items: center; flex-wrap:wrap; } div.inner_center h2.indexlist{ width:100%; } div.inner_center h2.indexlist span{ visibility:visible; } .inner_center_item{ margin-left: 20px; padding-top: 35px; } ul#list_footer01{ display: flex; } ul#list_footer01 li{ display: flex; } ul#list_footer01 li img{ width: 10px; height: 15px; } #list_footer06{ margin-right: 60px; } .inner_center{ display: flex; justify-content: space-between; } .contact-item{ display: flex; } .footer-link-company{ display: none; } .inner_center_link_item{ display: flex; max-width: 1000px; margin: 0 auto; } .list_footer04{ width: 180px; } .list_footer04 a{ color: #333333; font-weight: bold; } div#footer_inner04{ text-align: right; padding-right: 20px; } .list_footer_right{ display: block; } .sp-only{ display: none; } .footer-tell-email{ display: none; } .list_footer_right .circle{ display: none; } .list_footer_right .tokyo-area-list{ display: flex; } .list_footer_right .tokyo-area-list li img{ width: 5px; height: 5px; } .list_footer_right .list_footer03 li img{ width: 5px; height: 5px; } ul.list_footer03 li{ display: flex; align-items: center; padding-bottom: 7.5px; } ul.list_footer03 li a{ padding-left: 5px; } .list_footer_right h3{ padding-bottom: 8px; } /* fotter-contact-section */ .fotter-contact-section #btn_contact02 a{ transition: .3s; } /* fotter-contact-section終わり */ .sns-item li a{ display:flex; justify-content: center; align-items: center; width:100%; height:100%; border-radius:50%; font-size:155%; color:#fff; } .sns-item li a.ico-facebook{ background-color:#3A6593; } /* .sns-item li a.ico-twitter{ background-color:#7ABCDB; } */ .sns-item li a.ico-twitter{ background-color:#000; } .sns-item li a.ico-blog{ background-color:#5092BF; padding-left: 3px; padding-bottom: 2px; } .sns-item li a.ico-instagram{ background-color:#404D9F; } @media screen and (max-width:769px){ /* footer */ #footer_inner01 .inner_center{ display: block; margin: auto; } div#ftlogobox{ width: 200px; /* margin: 0 auto; */ margin-left: auto; margin-right: auto; padding-left: 20px; } .inner_center_item{ text-align: center; } .officetar-text{ width: 90%; margin: auto; } p#logo01{ margin: 0 auto; } .sns-item{ justify-content: center; } div#footer_inner02{ display: block; height: auto; } ul#list_footer01,div#footer_inner05,div#footer_inner06,div#footer_inner07{ display: none; } .list_footer04{ display: none; } .footer-link-company{ padding-top: 10px; padding-bottom: 10px; width: 300px; display: flex; justify-content: center; margin: 0 auto; font-size: 10px; } .footer-link-company .officetar-link{ margin-left: 20px; } .footer-link-company .officetar-link a{ color: #333; } .div.wrap_navi_page01{ width: 90%; } #list_footer05{ display: none; } .list_footer_right{ border: none; display: block; } .list_footer_right h3{ padding-bottom: 0; } ul.list_footer03 li{ padding-bottom: 0; } .pc-only{ display: none; } .sp-only{ display: block; } .footer-tell-email{ display: flex; align-items: center; padding: 20px 0; justify-content: space-around; border-top:1px solid #ddd; } .footer-tell-email p{ margin-bottom: 0; } .footer-tell{ text-align: center; } .footer-tell img{ width: 90%; } .footer-email{ text-align: center; } .footer-email img{ width: 90%; } ul.list_footer03{ display: flex; flex-wrap: wrap; } ul.list_footer03 li a{ color: rgb(22, 9, 206); font-weight: normal; padding-left: 3px; } .f_1minus{ display: flex; } .list_footer_right .circle{ display: block; } .list_footer_right ul li img{ display: block; font-size: 10px; } div#footer_inner03{ padding: 10px 0; background: #fff; border-bottom: 1px solid #e6e6e6; border-top: none; } div#footer_inner02{ border-top: none; } } @media screen and (max-width:500px){ #searcharea{ padding-top: 30px; } .arrows{ left: 13%; top: -10px; } div#ftlogobox{ padding-left: 0; } .inner_center_item{ margin-left: 0; } .list_footer_right{ padding-left: 10px; } .list_footer_right .f_1minus{ font-size: 80%; margin-bottom: 3px; margin-top: 3px; } .list_footer_right ul li{ display: flex; align-items: center; } ul.list_footer03 li{ margin-bottom: 0; } .tokyo .list_footer_right ul li img{ width: 3px; } .list_footer_right ul.list_footer03 li a{ font-size: 80%; } .list_footer_right ul.list_footer03{ margin-bottom: 0; font-size: 60%; } .officetar-text{ width: 97%; font-size: 10px; text-align: justify; text-justify: inter-ideograph; } .f_1minus { font-size: 93%; } .gray { color: #666; } ul.list_footer03 li{ padding-bottom: 0; } #contentSRC .tdfkLine .areaGroup2{ margin-right: auto; margin-left: auto; /* overflow: hidden; */ display: flex; /* width: 100%; */ } #contentSRC .tdfkLine .areaGroup2 h4{ width: 300px; /* justify-content: center; */ } #contentSRC .tdfkLine .areaGroup2:nth-child(3n){ margin-left: auto; margin-right: auto; } .under{ display: flex; flex-direction: column; justify-content: center; } #contentSRC .termBox .archiAndRate .archiBox{ padding-left: 0; width: auto; } #contentSRC .termBox .archiAndRate .rateBox{ width: auto; } #contentSRC .termBox .otherTerms .otherTermBox ul li{ width: 49%; margin-right: 0; padding: 0; } } /* 動く広告バナー */ .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slide { width: 100%; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dots{ bottom: -50px; } /* Slider */ .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .js-container--top{ margin-top: 30px; margin-bottom: 30px; } .top-mv-slider__inner { position: relative; border: 3px solid #333; } @media (min-width: 768px) { .top-mv-slider__inner { max-width: 1000px; /* padding: 18px; */ margin: 0 auto; width: 96%; } } @media (max-width: 767px) { .top-mv-slider-ttl{ margin: 0 3.125vw; } } .top-mv-slider-items .slick-track { margin-left: 0 !important; margin-right: 0 !important; } .top-mv-slider-item a { display: flex; overflow: hidden; padding: 10px; } .top-mv-slider-item__img img{ width: 100%; } .top-mv-slider-item__img { position: relative; float: left; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 47%; margin-right: 20px } .top-mv-slider-item__img span{ position: absolute; top: 0; left: 0; color: #333; letter-spacing: 1.7px; width: 30%; text-align: center; background-color: rgb(255, 255, 255,0.7); } .top-mv-slider-item__cont { padding-top: 3%; overflow: hidden; color: #333; font-size: 15px; font-weight: bold; letter-spacing: 1.7px; } .top-mv-slider-item__cont p{ margin-bottom: 0; } /* animation setting */ .top-mv-slider-item { -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; -webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); } /* slick-current */ .top-mv-slider-item.slick-current { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .slick-current .top-mv-slider-item { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } @media (max-width: 767px) { #top-mv{ width: 90%; margin: 0 auto; } .top-mv-slider-item__cont{ padding: 20px; } } @media (max-width: 700px){ #top-mv{ width: 96%; } .top-mv-slider-item a{ padding: 5px; } .top-mv-slider-item__cont{ font-size: 13px; font-weight: normal; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; letter-spacing: normal; } } @media (max-width: 500px){ .top-mv-slider-item__cont{ font-size: 10px; } .top-mv-slider-item__img{ width: 50%; } .top-mv-slider-item__img span{ font-size: 10px; } .js-container--top{ margin-top: 0px; margin-bottom: 30px; } } /* 動く広告バナー 終わり*/ .footer-tell-email{ display: none; } @media (max-width: 769px){ .footer-tell-email{ display: flex; align-items: center; margin: 0 auto; padding-top: 15px; padding-bottom: 15px; justify-content: space-around; border-top: 1px solid #dddddd; } .footer-tell{ text-align: center; } .footer-tell img{ width: 90%; } .footer-email{ text-align: center; } .footer-email img{ width: 90%; } }