@charset "UTF-8"; /* CSS Document */ /*TOPページ　p01 =========================================== */ #topbox01 {} #topbox01 .bg {position:relative;padding:120px 0;} #topbox01 .bg::before {content:"";width:100%;height:560px;background:url("../img/top/bg01.png")no-repeat;background-size:cover;position:absolute;top:0;left:0;} #topbox01 .bg .title01 {margin-bottom:30px;} #topbox01 .bg .text01 {margin-bottom:60px;} #topbox01 .business_list {} #topbox01 .business_list .business01 {width:530px;margin-right:40px;} #topbox01 .business_list .business01:last-child {margin-right:0;} #topbox01 .business_list .business01 a {text-decoration:none;} #topbox01 .business_list .business01 a:hover {opacity:0.7;} #topbox01 .business_list .business01 a .img {margin-bottom:30px;position:relative;} #topbox01 .business_list .business01 a .img .info {position:absolute;bottom:0;left:20px;} #topbox01 .business_list .business01 a .img .info .p01 {font-size:12px;color:#fff;margin-bottom:10px;} #topbox01 .business_list .business01 a .img .info .p01 span {display:inline-block;padding:4px 20px;background:#E20013;border-radius:5px;} #topbox01 .business_list .business01 a .img .info h3 {font-size:26px;} #topbox01 .business_list .business01 a .text {padding-left: 20px;} #topbox02 {} #topbox02 .bg {position:relative;padding:85px 0;background:#fff;} #topbox02 .bg .cnt {justify-content:space-between;align-items:center;} #topbox02 .bg .cnt .info {width:550px;} #topbox02 .bg .cnt .info .title01 {margin-bottom:40px;} #topbox02 .bg .cnt .info h3 {font-size:26px;margin-bottom:24px;} #topbox02 .bg .cnt .info h3 .red {font-size:44px;display:inline-block;margin:0 6px;} #topbox02 .bg .cnt .info .text {margin-bottom:60px;} #topbox02 .bg .cnt .img {width:527px;} #topbox03 {padding:120px 0;} #topbox03 .title01 {margin-bottom:40px;} .news_slider {width:1760px;margin-bottom:0!important;} .news_slider .news01 {width:260px;margin-right:40px;} .news_slider .news01 a {height:100%;display: block;text-decoration:none;transition:0.3s;box-sizing: border-box;} .news_slider .news01 a .img {position:relative;overflow:hidden;border-radius:10px;} .news_slider .news01 a .img .in_img { aspect-ratio: 260 / 160;transition: 0.3s;} .news_slider .news01 a:hover .img .in_img { scale: 1.1; opacity: 1;} .news_slider .news01 a .title {font-weight:400;width: 100%;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 5px;min-height: 51.2px;} .news_slider .news01 a .info {align-items:center;margin-top:20px;} .news_slider .news01 a .info .cat {width:auto;margin-right:20px;} .news_slider .news01 a .info .cat li {padding:4px 10px;color:#fff;background:#E20013;font-weight:500;margin-right:5px;border-radius:5px;font-size:12px;} .news_slider .news01 a .info .cat li:last-child {margin-right:0;} .news_slider .news01 a .info .time {font-size:14px;} .news_slider button.slick-arrow {opacity: 1;z-index: 2;transition: 0.3s;width:40px;height:40px;top:-93px;border-radius:100%;} .news_slider button.slick-prev.slick-arrow {background: url("../img/top/arrow01.svg") no-repeat center;left:1010px;} .news_slider button.slick-next.slick-arrow {background: url("../img/top/arrow02.svg") no-repeat center;right:auto;left:1060px;} .news_slider button.slick-arrow:before {content: none;} .news_slider button.slick-prev.slick-arrow:hover {background: url("../img/top/arrow01_h.svg") no-repeat center;} .news_slider button.slick-next.slick-arrow:hover {background: url("../img/top/arrow02_h.svg") no-repeat center;} #topbox03 .btn01 {position:absolute;top:14px;right:130px;} /*コンシューマ事業 (consumer) p02 =========================================== */ #p02box01 {padding:120px 0;} #p02box01 .cnt {justify-content:space-between;align-items:center;} #p02box01 .cnt .info {} #p02box01 .cnt .info h2 {font-size:34px;margin-bottom:30px;} #p02box01 .cnt .info h2 .red {font-size:46px;} #p02box01 .cnt .info h2 .red .thin {font-weight: 100;} #p02box01 .cnt .info h2 .ten {position: relative;display: inline-block;} #p02box01 .cnt .info h2 .ten::before {content: "";position: absolute;top: 2px;left: 3px;width: 95%;height: 4px;background-image: radial-gradient(circle 2px at center, #E20013 100%, transparent 0);background-size: 33px 4px;background-repeat: repeat-x;} #p02box01 .cnt .info .text {} #p02box01 .cnt .info .text p {margin-bottom:20px;} #p02box01 .cnt .info .text p:last-child {margin-bottom:0;} #p02box01 .cnt .main_maru_list_in {margin-top:-20px;} #p02box02 {padding:120px 0;background:#F6F6F6;} #p02box02 .btn_list {margin-bottom:60px;} #p02box02 .btn_list .btn {width:539px;height:90px;display:table;margin-right:22px;} #p02box02 .btn_list .btn:last-child {margin-right:0;} #p02box02 .btn_list .btn a {display:table-cell;vertical-align:middle;padding-left:92px;color:#fff;font-weight:bold;text-decoration:none;border-radius:10px;} #p02box02 .btn_list .btn001 a {background: url("../img/p02/pass01.svg") no-repeat center right 30px, url("../img/p02/btn01.svg") no-repeat center left 30px, #1E1E1E;} #p02box02 .btn_list .btn002 a {background: url("../img/p02/pass01.svg") no-repeat center right 30px, url("../img/p02/btn02.svg") no-repeat center left 30px, #1E1E1E;} #p02box02 .btn_list .btn003 a {background: url("../img/p02/pass01.svg") no-repeat center right 30px, url("../img/p02/btn03.svg") no-repeat center left 30px, #1E1E1E;} #p02box02 .btn_list .btn a:hover {opacity:0.7;} #p02box02 .box_list {} #p02box02 .box_list .box {padding:50px 50px 60px;box-sizing:border-box;border-radius:20px;margin-bottom:40px;background:#fff;} #p02box02 .box_list .box:last-child {margin-bottom:0;} #p02box02 .box_list .box01 {background: url("../img/p02/map_bg.png") no-repeat center top #fff;background-size:cover;} #p02box02 .box_list .box01 .k_title {margin-bottom:40px;width: 550px;} #p02box02 .box_list .box01 .k_title .eng {background: url("../img/p02/k_title01.svg") no-repeat center left;} #p02box02 .box_list .box01 .box01_in {align-items:center;margin-bottom:160px;} #p02box02 .box_list .box01 .box01_in .info {margin-right:110px;} #p02box02 .box_list .box01 .box01_in .info h4 {margin-bottom:24px;font-size:26px;} #p02box02 .box_list .box01 .box01_in .info h4 span {font-size:44px;display:inline-block;margin:0 6px;} #p02box02 .box_list .box01 .box01_in .info .text {} #p02box02 .box_list .box01 .box01_in .img {width:330px;} #p02box02 .box_list .box01 .cnt {justify-content:space-between;} #p02box02 .box_list .box01 .cnt .cnt_in {width:490px;} #p02box02 .box_list .box01 .cnt .cnt_in h5 {text-align:center;padding:22px;background:#E20013;color:#fff;border-radius: 6px 6px 0 0;} #p02box02 .box_list .box01 .cnt .cnt_in h5 span {padding-left:28px;display:inline-block;background: url("../img/p02/pin.svg") no-repeat center left;background-size:contain;} #p02box02 .box_list .box01 .cnt .cnt_in ul {padding:24px 0;background:#fff;border:1px solid #D2D2D2;border-radius:0 0 6px 6px;overflow:hidden;border-top:0;justify-content:center;} #p02box02 .box_list .box01 .cnt .cnt_in ul li {margin-right:8px;} #p02box02 .box_list .box01 .cnt .cnt_in ul li:last-child {margin-right:0;} #p02box02 .box_list .box01 .btn01 {margin:60px auto 0;} #p02box02 .box_list .box02 {} #p02box02 .box_list .box02 .k_title {margin-bottom:40px;} #p02box02 .box_list .box02 .k_title .eng {background: url("../img/p02/k_title02.svg") no-repeat center left;} #p02box02 .box_list .box02 .p01 {padding-bottom:20px;} #p02box02 .box_list .box02 .cnt {} #p02box02 .box_list .box02 .cnt .cnt_in {width:490px;margin:20px 20px 0 0;background:#F6F6F6;border-radius:6px;padding:40px;box-sizing:border-box;} #p02box02 .box_list .box02 .cnt .cnt_in:nth-child(2n) {margin-right:0;} #p02box02 .box_list .box02 .cnt .cnt_in h4 {line-height:50px;padding-left:66px;margin-bottom:30px;} #p02box02 .box_list .box02 .cnt .cnt_in:nth-child(1) h4 {background: url("../img/p02/h4_01.svg") no-repeat center left;} #p02box02 .box_list .box02 .cnt .cnt_in:nth-child(2) h4 {background: url("../img/p02/h4_02.svg") no-repeat center left;} #p02box02 .box_list .box02 .cnt .cnt_in:nth-child(3) h4 {background: url("../img/p02/h4_03.svg") no-repeat center left;} #p02box02 .box_list .box02 .cnt .cnt_in:nth-child(4) h4 {background: url("../img/p02/h4_04.svg") no-repeat center left;} #p02box02 .box_list .box02 .cnt .cnt_in ul {} #p02box02 .box_list .box02 .cnt .cnt_in ul li {background: url("../img/p02/check.svg") no-repeat center left;padding-left:30px;margin-bottom:16px;} #p02box02 .box_list .box02 .cnt .cnt_in ul li:last-child {margin-bottom:0;} #p02box02 .box_list .box03 {} #p02box02 .box_list .box03 .k_title {margin-bottom:40px;} #p02box02 .box_list .box03 .k_title .eng {background: url("../img/p02/k_title03.svg") no-repeat center left;} #p02box02 .box_list .box03 .cnt {justify-content:space-between;align-items:center;} #p02box02 .box_list .box03 .cnt .info {width:660px;} #p02box02 .box_list .box03 .cnt .info h4 {font-size:22px;margin-bottom:20px;} #p02box02 .box_list .box03 .cnt .info .text {} #p02box02 .box_list .box03 .cnt .info .text p:first-child {margin-bottom:14px;} #p02box02 .box_list .box03 .cnt .info .text p span {font-weight:bold;} #p02box02 .box_list .box03 .cnt .img {width:300px;} /*法人営業部 (corporate) p03 =========================================== */ #p03box01 {padding:123px 0 120px;} #p03box01 h2 {font-size:34px;margin-bottom:18px;} #p03box01 h2 span {background: url("../img/p03/l.svg") no-repeat center left,url("../img/p03/r.svg") no-repeat center right;height:58px;padding:0 60px;display:inline-block;} #p03box01 .onayami_box {position:relative;} #p03box01 .onayami_box .onayami_list {} #p03box01 .onayami_box .onayami_list li {width:352px;height:176px;display:table;margin:22px 22px 0 0;} #p03box01 .onayami_box .onayami_list li:nth-child(3n) {margin-right:0;} #p03box01 .onayami_box .onayami_list li .li_in {display:table-cell;vertical-align:middle;text-align:center;background:#F6F6F6;border-radius: 20px;font-size:20px;font-weight:bold;line-height:1.4;} #p03box01 .onayami_box .onayami_list li .li_in .red {font-size:24px;} #p03box01 .onayami_box .onayami_list li .li_in .waku {display:inline-block;padding-top:42px;background: url("../img/p03/waku.svg") no-repeat center top;} #p03box01 .onayami_box .img {width:350px;position:absolute;right:0;bottom:0;} #p03box02 {padding:105px 0 77px;background: url("../img/p03/bg01.png") no-repeat center;background-size:cover;position:relative;} #p03box02::before {content:"";width:84px;height:47px;background: url("../img/p03/kaku.svg") no-repeat;position:absolute;left:0;right:0;top:-10px;margin:auto;} #p03box02 h2 {text-align:center;font-size:28px;margin-bottom:30px;} #p03box02 h2 .big {font-size:46px;display:inline-block;line-height:1;margin:0 4px;} #p03box02 h2 .big.big01 {margin-right:10px;} #p03box02 h2 .ten {position: relative;display: inline-block;} #p03box02 h2 .ten::before {content: "";position: absolute;top: -12px;left: 0;width: 95%;height: 4px;background-image: radial-gradient(circle 2px at center, #fff 100%, transparent 0);background-size:41px 4px;background-repeat: repeat-x;} #p03box02 ul {justify-content:center;} #p03box02 ul li {padding:13px 10px 13px 52px;background: url("../img/p03/pass01.svg") no-repeat center left 10px #1E1E1E;font-weight:bold;margin-right:4px;} #p03box02 ul li:last-child {margin-right:0;} #p03box03 {padding:60px 0 120px;} #p03box03 .box_list {} #p03box03 .box_list .box01 {width:350px;margin-right:25px;} #p03box03 .box_list .box01:nth-child(3n) {margin-right:0;} #p03box03 .box_list .box01 .img {} #p03box03 .box_list .box01 h2 {font-size:20px;line-height:1.4;margin:20px auto 16px;} #p03box03 .box_list .box01 h2 .red {font-size:28px;} #p03box03 .box_list .box01 .text {} #p03box04 {padding:120px 0;background:#F6F6F6;} #p03box04 .btn_list {margin-bottom:60px;} #p03box04 .btn_list .btn {width:352px;height:90px;display:table;margin-right:22px;} #p03box04 .btn_list .btn:last-child {margin-right:0;} #p03box04 .btn_list .btn a {display:table-cell;vertical-align:middle;padding-left:92px;color:#fff;font-weight:bold;text-decoration:none;border-radius:10px;} #p03box04 .btn_list .btn001 a {background: url("../img/p02/pass01.svg") no-repeat center right 30px, url("../img/p03/btn01.svg") no-repeat center left 30px, #1E1E1E;} #p03box04 .btn_list .btn002 a {background: url("../img/p02/pass01.svg") no-repeat center right 30px, url("../img/p03/btn02.svg") no-repeat center left 30px, #1E1E1E;} #p03box04 .btn_list .btn003 a {background: url("../img/p02/pass01.svg") no-repeat center right 30px, url("../img/p03/btn03.svg") no-repeat center left 30px, #1E1E1E;} #p03box04 .btn_list .btn a:hover {opacity:0.7;} #p03box04 .box_list {} #p03box04 .box_list .box {padding:50px 50px 60px;box-sizing:border-box;border-radius:20px;margin-bottom:40px;background:#fff;} #p03box04 .box_list .box:last-child {margin-bottom:0;} #p03box04 .box_list .box01 {} #p03box04 .box_list .box01 .k_title {margin-bottom:40px;} #p03box04 .box_list .box01 .k_title .eng {background: url("../img/p03/k_title01.svg") no-repeat center left;} #p03box04 .box_list .box01 .p01 {padding-bottom:10px;} #p03box04 .box_list .box01 .sol_list {} #p03box04 .box_list .box01 .sol_list .sol01 {width:312px;margin:30px 32px 0 0;} #p03box04 .box_list .box01 .sol_list .sol01:nth-child(3n) {margin-right:0;} #p03box04 .box_list .box01 .sol_list .sol01 h4 {padding:12px;background:#525252;color:#fff;border-radius:10px 10px 0 0;} #p03box04 .box_list .box01 .sol_list .sol01 .sol_in {padding:10px;border:1px solid #DFDFDF;border-radius:0 0 10px 10px;overflow:hidden;border-top:0;} #p03box04 .box_list .box01 .cnt_box {margin-top:80px;} #p03box04 .box_list .box01 .cnt_box .k_midashi01 {margin-bottom:40px;line-height:30px;font-size:24px;padding-left:16px;position:relative;} #p03box04 .box_list .box01 .cnt_box .k_midashi01::before {content: "";position: absolute;top:0;left: 0;width: 2px;height:calc(100% - 2px);background:#E20013;} #p03box04 .box_list .box01 .cnt_box .cnt {justify-content:space-between;} #p03box04 .box_list .box01 .cnt_box .cnt .text {width:452px;} #p03box04 .box_list .box01 .cnt_box .cnt .text p:first-child {margin-bottom:20px;} #p03box04 .box_list .box01 .cnt_box .cnt .scroll_img_box {width:508px;} #p03box04 .box_list .box02 {} #p03box04 .box_list .box02 .k_title {margin-bottom:40px;} #p03box04 .box_list .box02 .k_title .eng {background: url("../img/p03/k_title02.svg") no-repeat center left;} #p03box04 .box_list .box02 .p01 {margin-bottom:40px;} #p03box04 .box_list .box02 .support_box_list {} #p03box04 .box_list .box02 .support_box_list .support_box {padding:40px 40px 50px;background:#F6F6F6;box-sizing:border-box;border-radius:6px;margin-bottom:40px;} #p03box04 .box_list .box02 .support_box_list .support_box:last-child {margin-bottom:0;} #p03box04 .box_list .box02 .support_box_list .support_box .support_box_flex {justify-content:space-between;} #p03box04 .box_list .box02 .support_box_list .support_box .support_box_flex .info {width:538px;} #p03box04 .box_list .box02 .support_box_list .support_box .midashi_box {margin-bottom:30px;position:relative;padding-left:18px;} #p03box04 .box_list .box02 .support_box_list .support_box .midashi_box::before {content: "";position: absolute;top:0;left: 0;width: 2px;height:calc(100% - 2px);background:#E20013;} #p03box04 .box_list .box02 .support_box_list .support_box .midashi_box .num {margin-bottom:4px;} #p03box04 .box_list .box02 .support_box_list .support_box .midashi_box h4 {font-size:24px;} #p03box04 .box_list .box02 .support_box_list .support_box .support_box_flex .info h5 {font-size:18px;margin-bottom:14px;} #p03box04 .box_list .box02 .support_box_list .support_box .support_box_flex .info .text {} #p03box04 .box_list .box02 .support_box_list .support_box .support_box_flex .img {width:354px;} #p03box04 .box_list .box02 .support_box_list .support_box .text01 {} #p03box04 .box_list .box02 .support_box_list .support_box .support_in_list {margin-top:40px;} #p03box04 .box_list .box02 .support_box_list .support_box .support_in_list .support_in {width:292px;background:#fff;border-radius:10px;height:auto;padding:34px 20px;box-sizing:border-box;margin-right:22px;} #p03box04 .box_list .box02 .support_box_list .support_box .support_in_list .support_in:last-child {margin-right:0;} #p03box04 .box_list .box02 .support_box_list .support_box .support_in_list .support_in .icon {width:140px;margin:0 auto 20px;} #p03box04 .box_list .box02 .support_box_list .support_box .support_in_list .support_in h5 {margin-bottom:16px;} #p03box04 .box_list .box02 .support_box_list .support_box .support_in_list .support_in .support_in_text {} #p03box04 .box_list .box03 {} #p03box04 .box_list .box03 .k_title {margin-bottom:40px;} #p03box04 .box_list .box03 .k_title .eng {background: url("../img/p03/k_title03.svg") no-repeat center left;} #p03box04 .box_list .box03 .flow_list {} #p03box04 .box_list .box03 .flow_list .flow {justify-content:space-between;margin-bottom:80px;position:relative;z-index:2;} #p03box04 .box_list .box03 .flow_list .flow::before {content:"";width:1px;height:calc(100% + 80px);border-left:1px dashed #E20013;position:absolute;top:0;left:26px;z-index:-1;} #p03box04 .box_list .box03 .flow_list .flow:last-child {margin-bottom:0;} #p03box04 .box_list .box03 .flow_list .flow:last-child::before {content:none;} #p03box04 .box_list .box03 .flow_list .flow .info {justify-content:space-between;width: 670px;} #p03box04 .box_list .box03 .flow_list .flow .info .num {width:54px;height:54px;display:table;} #p03box04 .box_list .box03 .flow_list .flow .info .num span {display:table-cell;vertical-align:middle;text-align:center;border:2px solid #E20013;background:#fff;border-radius:100%;font-size:20px;} #p03box04 .box_list .box03 .flow_list .flow .info .info_in {width:600px;padding-top:12px;} #p03box04 .box_list .box03 .flow_list .flow .info .info_in h4 {font-size:28px;line-height:30px;margin-bottom:32px;} #p03box04 .box_list .box03 .flow_list .flow .info .info_in .text01 {} #p03box04 .box_list .box03 .flow_list .flow .info .info_in .bg_list {justify-content:space-between;margin-top:20px;} #p03box04 .box_list .box03 .flow_list .flow .info .info_in .bg_list .bg00 {width:294px;background:#F6F6F6;padding:24px 36px;box-sizing:border-box;} #p03box04 .box_list .box03 .flow_list .flow .info .info_in .bg_list .bg00 h5 {font-weight:500;} #p03box04 .box_list .box03 .flow_list .flow .info .info_in .bg_list .bg00 h5 span {display:inline-block;padding-left:22px;} #p03box04 .box_list .box03 .flow_list .flow .info .info_in .bg_list .bg01 h5 span {background:url("../img/p03/tel.svg") no-repeat center left;} #p03box04 .box_list .box03 .flow_list .flow .info .info_in .bg_list .bg02 h5 span {background:url("../img/p03/mail.svg") no-repeat center left;} #p03box04 .box_list .box03 .flow_list .flow .info .info_in .bg_list .bg00 .tel {margin:10px auto 6px;line-height: 1;} #p03box04 .box_list .box03 .flow_list .flow .info .info_in .bg_list .bg00 .tel a {font-size:32px;font-weight:500;color:#E20013;} #p03box04 .box_list .box03 .flow_list .flow .info .info_in .bg_list .bg00 table {font-size:14px;width:auto;} #p03box04 .box_list .box03 .flow_list .flow .info .info_in .bg_list .bg00 table th {font-weight:400;} #p03box04 .box_list .box03 .flow_list .flow .info .info_in .bg_list .bg00 .contact_btn {width:100%;height:60px;display:table;margin:18px auto 0;} #p03box04 .box_list .box03 .flow_list .flow .info .info_in .bg_list .bg00 .contact_btn a {display:table-cell;vertical-align:middle;background: url("../img/p03/contact_btn.svg")no-repeat center right 20px #E20013;color:#fff;text-decoration:none;border-radius:140px;padding-left:40px;font-weight:bold;} #p03box04 .box_list .box03 .flow_list .flow .info .info_in .bg_list .bg00 .contact_btn a:hover {opacity:0.7;} #p03box04 .box_list .box03 .flow_list .flow .info .info_in .text02 {margin-top:20px;} #p03box04 .box_list .box03 .flow_list .flow .info .info_in .text02 li {padding-left:1em;text-indent:-1em;margin-bottom:10px;} #p03box04 .box_list .box03 .flow_list .flow .info .info_in .text02 li:last-child {margin-bottom:0;} #p03box04 .box_list .box03 .flow_list .flow .img {width:300px;} /*店舗一覧 (shop) p04 =========================================== */ #p04box01 {padding:120px 0 80px;} #p04box01 .text01 {margin-bottom:60px;text-align:center;} #searchform {padding:40px 40px 50px;background:#1E1E1E;border-radius:10px;box-sizing:border-box;position:relative;width: 830px;margin: 0 auto;} #searchform h2 {font-size:20px;color:#fff;margin-bottom:30px;} #searchform h2 span {padding-left:36px;display:inline-block;background:url("../img/p04/pin.svg") no-repeat center left;} .listBox.flex {width:auto;} .listBox.flex > div {height: 48px;width: 256px;margin-right:10px;} .listBox.flex > div:last-child {margin-right:0;} .listBox.flex select {height: 48px;width: 100%;font-family: 'NotoSansJP';font-weight:500;font-size:16px;padding-left:20px;box-sizing:border-box;} #searchform #searchsubmit {height: 48px;width: 212px; position: absolute;bottom: 50px;right: 40px;background: #E20013;border: none;color: #fff;border-radius: 60px;font-weight: bold;cursor:pointer;font-size: 16px;font-family: 'NotoSansJP';} .listBox.flex > div {position: relative;} .listBox.flex select {appearance: none;-webkit-appearance: none;-moz-appearance: none;cursor: pointer;} .listBox.flex > div::before {content: "";background:url("../img/p04/arrow.svg") no-repeat;width:16px;height:10px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);pointer-events: none;} #p04box02 {padding:120px 0;background:#F6F6F6;} #p04box02 .ken_list_box {} #p04box02 .ken_list_box .ken_list {margin-bottom: 80px;} #p04box02 .ken_list_box .ken_list:last-child {margin-bottom: 0;} #p04box02 .ken_list_box .ken_list h2 {padding:16px 30px;background:#1E1E1E;color:#fff;border-radius:6px;font-size:26px;margin-bottom:40px;box-sizing:border-box;} #p04box02 .shop_list .shop01 {margin-bottom:30px;padding:40px 40px 50px;border-radius:20px;box-sizing:border-box;background:#fff;} #p04box02 .shop_list .shop01:last-child {margin-bottom: 0;} #p04box02 .shop_list .shop01 .cnt {justify-content: space-between;} #p04box02 .shop_list .shop01 .cnt .info {width:580px;} #p04box02 .shop_list .shop01 .cnt .info .shop_name {font-size:24px;padding-bottom: 25px;margin-bottom:24px;position:relative;} #p04box02 .shop_list .shop01 .cnt .info .shop_name::before {content:"";width:100%;height:1px;background: linear-gradient(90deg, #E20013 0%, #E20013 30px, #ccc 30px, #ccc 100%);position:absolute;left:0;bottom:0;} #p04box02 .shop_list .shop01 .cnt .info ul {} #p04box02 .shop_list .shop01 .cnt .info ul li {margin-bottom:10px;align-items:flex-start;} #p04box02 .shop_list .shop01 .cnt .info ul li:last-child {margin-bottom: 0;} #p04box02 .shop_list .shop01 .cnt .info ul li .th {width:76px;padding: 4px 0;box-sizing:border-box;margin-right:10px;background: #F3F3F3;text-align: center;font-weight: 500;font-size:14px;} #p04box02 .shop_list .shop01 .cnt .info ul li .td {padding-top:2px;width:calc(100% - 86px);} #p04box02 .shop_list .shop01 .cnt .info .btn01 {margin-top:40px;} #p04box02 .shop_list .shop01 .cnt .img {width: 350px;position:relative;} #p04box02 .shop_list .shop01 .cnt .img .in_img { aspect-ratio: 400 / 298;border-radius:10px;} #p04box02 .shop_list .shop01 .cnt .img .btn01 {display:none;} /*一覧ページページャー*/ .wp-pagenavi {text-align: center;margin: 120px auto 0;} .wp-pagenavi a,.wp-pagenavi span {text-decoration: none;display: inline-block;width:48px;height:48px;line-height: 46px;border:1px solid #1E1E1E;color:#1E1E1E;box-sizing:border-box;margin:0 2px;font-weight: bold;font-family: 'Roboto';background:#fff;border-radius:100%;} .wp-pagenavi a:hover, .wp-pagenavi span.current, span.pages {color:#fff;background:#1E1E1E;} span.extend {display: none;} span.pages {display: none;} .wp-pagenavi a.first {display:none;} .wp-pagenavi a.previouspostslink {color:transparent!important;background: url("../img/p04/arrow01.svg") no-repeat center #fff;margin-right:20px;} .wp-pagenavi a.nextpostslink {color:transparent!important;background: url("../img/p04/arrow02.svg") no-repeat center #fff;margin-left:20px;} .wp-pagenavi a.last {display:none;} .wp-pagenavi a.previouspostslink:hover {background: url("../img/p04/arrow01_h.svg") no-repeat center #1E1E1E;} .wp-pagenavi a.nextpostslink:hover {background: url("../img/p04/arrow02_h.svg") no-repeat center #1E1E1E;} /*店舗詳細 p05 =========================================== */ #p05box01 {padding:120px 0;background:#F6F6F6;} #p05box01 .shop_single {padding:50px;background:#fff;box-sizing:border-box;border-radius:20px;} #p05box01 .shop_single .open_info {margin-bottom:6px;} #p05box01 .shop_single .open_info span {display:inline-block;padding:4px 20px;background:#1E1E1E;color:#fff;border-radius:5px;font-size:14px;font-weight:500;} #p05box01 .shop_single .shop_name {font-size:30px;padding-bottom: 21px;margin-bottom:40px;position:relative;} #p05box01 .shop_single .shop_name::before {content:"";width:100%;height:1px;background: linear-gradient(90deg, #E20013 0%, #E20013 30px, #ccc 30px, #ccc 100%);position:absolute;left:0;bottom:0;} #p05box01 .shop_single .cnt {justify-content:space-between;} #p05box01 .shop_single .cnt .info {width:600px;} #p05box01 .shop_single .cnt .info ul {} #p05box01 .shop_single .cnt .info ul li {margin-bottom:10px;align-items:flex-start;} #p05box01 .shop_single .cnt .info ul li:last-child {margin-bottom: 0;} #p05box01 .shop_single .cnt .info ul li .th {width:76px;padding: 4px 0;box-sizing:border-box;margin-right:10px;background: #F3F3F3;text-align: center;font-weight: 500;font-size:14px;} #p05box01 .shop_single .cnt .info ul li .td {padding-top:2px;width:calc(100% - 86px);} #p05box01 .shop_single .cnt .shop_img_list {width:370px;margin-bottom:0!important;padding-bottom:20px;} #p05box01 .shop_single .cnt .shop_img_list .shop_img {width:100%;} #p05box01 .shop_single .cnt .shop_img_list .shop_img .in_img {aspect-ratio: 370 / 240;border-radius:10px;} .shop_img_list .slick-dots {bottom: -5px;} .shop_img_list .slick-dots {} .shop_img_list .slick-dots li {width:8px!important;margin: 0 8px!important;height: 8px!important;background:#D9D9D9;border-radius:100%;} .shop_img_list .slick-dots li button {display:none!important;} .shop_img_list .slick-dots li.slick-active {background:#E20013;} #p05box01 .shop_single .zyoukens {margin-top:20px;} #p05box01 .shop_single .zyoukens li {margin:10px 10px 0 0;padding:5px 19px;border:1px solid #E20013;color:#E20013;border-radius: 30px;font-weight:500;} #p05box01 .shop_single .zyoukens li:last-child {margin-right:0;} #p05box01 .shop_single .shop_name.shop_name_h3 {margin-top:80px;} #p05box01 .shop_single .map {width:100%;height: 318px;} #p05box01 .shop_single .map iframe {width: 100%;height: 100%;border-radius:10px;} /*会社案内 (company) p06 =========================================== */ #p06box01 {padding:120px 0;} #p06box01 .title01 {margin-bottom:40px;} #p06box01 .cnt {justify-content:space-between;} #p06box01 .cnt .info {width:742px;} #p06box01 .cnt .info h3 {font-size:34px;margin-bottom:40px;} #p06box01 .cnt .info .text_list {} #p06box01 .cnt .info .text_list .text {margin-bottom:30px;display: block !important;} #p06box01 .cnt .info .text_list .text:last-child {margin-bottom:0;} #p06box01 .cnt .img {width:308px;} #p06box01 .cnt .img h4 {font-weight:400;margin-top:10px;} #p06box02 {padding:120px 0;background:#F6F6F6;} #p06box02 .title01 {margin-bottom:40px;} #p06box02 .company_info {padding:80px 60px;background:#fff;box-sizing:border-box;border-radius:20px;} #p06box02 .company_info li {padding-bottom:41px;margin-bottom:40px;position:relative;} #p06box02 .company_info li::before {content:"";width:100%;height:1px;background: linear-gradient(90deg, #E20013 0%, #E20013 164px, #DADADA 164px, #DADADA 100%);position:absolute;left:0;bottom:0;} #p06box02 .company_info li:last-child {padding-bottom:0;margin-bottom:0;} #p06box02 .company_info li:last-child::before {content:none;} #p06box02 .company_info li .midashi {font-weight:bold;width:164px;color:#E20013;} #p06box02 .company_info li .naiyou {width:calc(100% - 164px);} #p06box02 .company_info li .naiyou .naiyou_cnt {} #p06box02 .company_info li .naiyou .naiyou_cnt .naiyou_cnt_in {margin-right:60px;} #p06box02 .company_info li .naiyou .naiyou_cnt .naiyou_cnt_in:last-child {margin-right:0;} #p06box02 .company_info li .naiyou .gmap {width:100%;height:298px;} #p06box02 .company_info li .naiyou .gmap iframe {width:100%;height:100%;} #p06box03 {padding:120px 0;} #p06box03 .title01 {margin-bottom:40px;} #p06box03 .enkaku_box {padding:50px;background:#F6F6F6;box-sizing:border-box;border-radius:20px;} #p06box03 .enkaku_box ul {max-height: 770px;overflow-y: auto;} #p06box03 .enkaku_box ul li {padding-bottom:40px;border-bottom: 1px solid #D3D3D3;margin-bottom:40px;} #p06box03 .enkaku_box ul li:last-child {padding-bottom:0;border-bottom:0;margin-bottom:0;} #p06box03 .enkaku_box ul li .nen {font-weight:bold;width:118px;} #p06box03 .enkaku_box ul li .text {width:calc(100% - 164px);} #p06box04 {padding:120px 0;background:#F6F6F6;} #p06box04 .title01 {margin-bottom:40px;} #p06box04 .text01 {margin-bottom:60px;} #p06box04 .story_list {padding-left:120px;position:relative;} #p06box04 .story_list .story01 {background:#fff;border-radius:10px;padding:50px;box-sizing:border-box;margin-bottom:60px;position:relative;} #p06box04 .story_list .story01:last-child {margin-bottom:0;} #p06box04 .story_list .story01::before {content:"";width:20px;height:20px;border-radius:100%;background:#E20013;position:absolute;top:55px;left: -120px;z-index: 2;} #p06box04 .story_list .story01::after {content:"";width:2px;height:calc(100% + 115px);background:#ddd;position:absolute;top:0;left: -111px;} #p06box04 .story_list .story01:last-child::after {content:none;} #p06box04 .story_list .story01 .nen {font-size:24px;line-height:30px;font-weight:500;margin-bottom:30px;position:relative;} #p06box04 .story_list .story01 .nen::before {content:"";width:135px;height:1px;border-top:1px dashed #E20013;position:absolute;top:16px;left: -150px;} #p06box04 .story_list .story01 .story_cnt {justify-content:space-between;} #p06box04 .story_list .story01 .story_cnt .img {width: 350px;position:relative;} #p06box04 .story_list .story01 .story_cnt .img .in_img { aspect-ratio: 350 / 244;} #p06box04 .story_list .story01 .story_cnt .info {width:500px;} /*お知らせ (news) p07 =========================================== */ #two_contents {padding:120px 0;background:#F6F6F6;} #two_contents .cnt {justify-content:space-between;} #two_contents .cnt #two-main {width: 760px;} .news_list {} .news_list .news01 {padding-bottom:50px;border-bottom:1px solid #DFDFDF;margin-bottom:50px;} .news_list .news01:last-child {padding-bottom:0;border-bottom:0;margin-bottom:0;} .news_list .news01 a {justify-content:space-between;text-decoration:none;} .news_list .news01 a .img {position:relative;overflow:hidden;width:240px;} .news_list .news01 a .img .in_img { aspect-ratio: 240 / 180;transition: 0.3s;} .news_list .news01 a:hover .img .in_img { scale: 1.1; opacity: 1;} .news_list .news01 a .info {width:490px;} .news_list .news01 a .info .info_in {align-items:center;margin-bottom:16px;} .news_list .news01 a .info .info_in .cat {width:auto;margin-right:14px;} .news_list .news01 a .info .info_in .cat li {padding:4px 10px;color:#fff;background:#E20013;font-size:14px;font-weight:500;margin-right:7px;border-radius:5px;} .news_list .news01 a .info .info_in .cat li:last-child {margin-right:0;} .news_list .news01 a .info .info_in .time {font-size:14px;font-family: 'Roboto';} .news_list .news01 a .info .title {font-weight:500;font-size:18px;width: 100%;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} #two_contents .cnt #two-side {width: 280px;} #two_contents .cnt #two-side .sidebox {} #two_contents .cnt #two-side .sidebox .sidebox_in {margin-bottom:40px;} #two_contents .cnt #two-side .sidebox .sidebox_in:last-child {margin-bottom:0;} #two_contents .cnt #two-side .sidebox .sidebox_in .widgettitle {font-size:20px;line-height: 30px;margin-bottom:26px;color:#E20013;position:relative;padding-left:22px;} #two_contents .cnt #two-side .sidebox .sidebox_in .widgettitle::before {content:"";width:4px;height:calc(100% + 2px);background:#E20013;position:absolute;left:0;top:0;} #two_contents .cnt #two-side .sidebox .sidebox_in .cat_list {} #two_contents .cnt #two-side .sidebox .sidebox_in .cat_list > li {} #two_contents .cnt #two-side .sidebox .sidebox_in .cat_list > li a {padding:24px 40px 24px 15px;box-sizing:border-box;display: block;text-decoration:none;background:url("../img/p07/pass01.svg") no-repeat center right 15px;border-bottom:1px solid #DFDFDF;font-weight:500;} #two_contents .cnt #two-side .sidebox .sidebox_in .cat_list > li:first-child a {border-top:1px solid #DFDFDF;} #two_contents .cnt #two-side .sidebox .sidebox_in .cat_list > li a:hover {background:url("../img/p07/pass01.svg") no-repeat center right 15px #EBEBEB;} #two_contents .cnt #two-side .sidebox .sidebox_in .cat_list > li.gen_tax a {background:url("../img/p07/pass01.svg") no-repeat center right 15px #EBEBEB;} .page-news #two_contents .cnt #two-side .sidebox .sidebox_in .cat_list > li:first-child a {background:url("../img/p07/pass01.svg") no-repeat center right 15px #EBEBEB;} #two_contents .cnt #two-side .sidebox .sidebox_in .cat_list > li > a:hover {background:url("../img/p07/pass01.svg") no-repeat center right 15px #EBEBEB;} #two_contents .cnt #two-side .sidebox .sidebox_in select {width:100%;height:60px;border:none;box-sizing:border-box;background:#EBEBEB;padding:0 20px;font-family: 'NotoSansJP';font-size:16px;font-weight:500;} #two_contents .cnt #two-side .sidebox .sidebox_in .select_box {position: relative;} #two_contents .cnt #two-side .sidebox .sidebox_in .select_box select {appearance: none;-webkit-appearance: none;-moz-appearance: none;cursor: pointer;} #two_contents .cnt #two-side .sidebox .sidebox_in .select_box::before {content: "";background:url("../img/p04/arrow.svg") no-repeat;width:16px;height:10px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);pointer-events: none;} /*お知らせ詳細 p08 =========================================== */ .news_single {} .news_single .info_in {align-items:center;margin-bottom:16px;} .news_single .info_in .cat {width:auto;margin-right:14px;} .news_single .info_in .cat li {padding:4px 10px;color:#fff;background:#E20013;font-size:14px;font-weight:500;margin-right:7px;border-radius:5px;} .news_single .info_in .cat li:last-child {margin-right:0;} .news_single .info_in .time {font-size:14px;font-family: 'Roboto';} .news_single .title {font-weight:500;font-size:24px;margin-bottom:40px;} /*詳細ページページャー*/ .post-navigation {margin:120px auto 0;} .post-navigation ul {text-align: center;justify-content: center;align-items: center;} .post-navigation ul li {font-weight:bold;} .post-navigation ul li a {text-decoration:none;} .post-navigation ul li.post_back {margin: 0 60px;width:200px;display:table;height:50px;} .post-navigation ul li.post_back a {color:#fff;background:#000;} .post-navigation ul li.post_back a {border:1px solid #1E1E1E;color:#1E1E1E;background:#fff;display:table-cell;text-align:center;vertical-align:middle;box-sizing: border-box;border-radius:80px;} .post-navigation ul li.post_back a:hover {opacity:0.7;} .post-navigation ul li.next a {background: url("../img/p07/arrow_l.svg") no-repeat center left;display:inline-block;padding-left:70px;height: 50px;line-height: 50px;} .post-navigation ul li.prev a {background: url("../img/p07/arrow_r.svg") no-repeat center right;display:inline-block;padding-right:70px;height: 50px;line-height: 50px;} .post-navigation ul li.next a:hover {opacity:0.7;} .post-navigation ul li.prev a:hover {opacity:0.7;} /*お問い合わせ (contact) p09 =========================================== */ #p09box01 {padding:120px 0;background:#F6F6F6;} #p09box01 .c_box_list {} #p09box01 .c_box_list .c_box {background:#fff;border-radius:20px;padding:50px 0;width:534px;box-sizing:border-box;} #p09box01 .c_box_list .c_box01 {display:flex;width:100%;justify-content:center;align-items: center;} #p09box01 .c_box_list .c_box01 .info {padding:15px 60px;border-left:1px solid #E3E3E3;margin-left:60px;} #p09box01 .c_box_list .c_box h2 {font-size:26px;text-align:center;padding-top:80px;} #p09box01 .c_box_list .c_box01 h2 {background: url("../img/p09/icon01.svg") no-repeat center left;line-height:60px;padding: 0 0 0 75px!important;} #p09box01 .c_box_list .c_box02 h2 {background: url("../img/p09/icon02.svg") no-repeat center top;} #p09box01 .c_box_list .c_box03 h2 {background: url("../img/p09/icon03.svg") no-repeat center top;} #p09box01 .c_box_list .c_box .num {font-size:40px;font-weight:bold;line-height:1;margin-top:6px;} #p09box01 .c_box_list .c_box .p01 {font-size:14px;margin-top:8px;text-align: right;} #p09box01 .c_box_list .c_box03 {padding:80px 120px;margin-top:40px;width:100%;} #p09box01 .c_box_list .c_box03 .text01 {margin:30px auto 60px;text-align: center;} #p09box01 .c_box_list .c_box03 .text01 ul {display: inline-block;} #p09box01 .c_box_list .c_box03 .text01 li {text-align: left;} .contact_form_box {} form.wpcf7-form {padding-top: 150px;margin-top: -150px;} ul.contact-state {width:100%;height:60px;position: relative;margin:0 auto 60px;} ul.contact-state > li{width:100%;height:60px;} ul.contact-state > li span {display: none;} ul.contact-state > li.state01 {background: url("../img/p09/state01.png") no-repeat center;background-size:contain;} ul.contact-state > li.state02 {background: url("../img/p09/state02.png") no-repeat center;background-size:contain;position:absolute;left:0;top:0;} .contactTBL table {} .contactTBL tr {display:block;margin-bottom:60px;} .contactTBL tr:last-child {margin-bottom:0;} .contactTBL th {width:100%;margin-bottom:10px;display:block;line-height:1;} .contactTBL td {width:100%;display:block} .state-text {text-align: center;color: #E32525;font-weight: 700;font-size: 18px;margin-bottom: 50px;} .hissu {color:#fff;background:#E20013;border:1px solid #E20013;border-radius: 2px;padding:4px 5px;font-size:14px;margin-right:8px;display: inline-block;} .ninni {color:#E20013;background:#fff;border:1px solid #E20013;border-radius: 2px;padding:4px 5px;font-size:14px;margin-right:8px;display: inline-block;} /*list-item*/ .wpcf7-list-item {display:block!important;margin: 16px 0 0 0!important;line-height:1;font-weight: 500;} /*text*/ input.wpcf7-text {width: 100%;height:40px;box-sizing: border-box;padding:10px;border:1px solid #B3B3B3;background:#fff;} input.wpcf7-text.your-name {width: 512px;} input.wpcf7-text.tel01 {width: 140px;} /*textarea*/ textarea.wpcf7-form-control.wpcf7-textarea {width: 100%;height:210px;box-sizing: border-box;padding:10px;border:1px solid #B3B3B3;background:#fff;} /*添付ファイル*/ .codedropz-upload-handler {border: 1px dashed #B3B3B3!important;} .codedropz-upload-container {padding: 40px;color:#B3B3B3;font-weight:500;} .codedropz-upload-container h3 {font-size: 16px !important;line-height: 24px !important;font-weight: 500;margin: 0 !important;padding-top:30px;background: url("../img/p09/file_bg.svg") no-repeat center top;} .codedropz-btn-wrap {width:144px;height:40px;display: table;margin: 5px auto 0;} .codedropz-btn-wrap a {height: 40px;display: table-cell;background:#D9D9D9;text-align:center;vertical-align: middle;border:0;font-size:16px;font-weight:500;} .codedropz-btn-wrap a:hover {opacity:0.7;} .tuiki_memo02 {font-size: 14px;line-height:26px;font-weight:500;} .codedropz-upload-wrapper .wpcf7c-conf {height:0;opacity:0;overflow:hidden;} .privacypolicy {} .privacypolicy .privacypolicy01 {display:block;margin-top:10px;font-size:14px;line-height:26px;} .privacypolicy .privacypolicy01 a {text-decoration:underline;} /*送信ボタン*/ .contact-submit.flex { justify-content: center;margin-top:80px;} input.wpcf7-form-control.btn04 {width: 300px;height:70px;font-family: "NotoSansJP";cursor: pointer; transition: 0.3s;font-size: 16px;font-weight: bold;text-align: center;box-sizing:border-box;display: block;color:#fff;background: #E20013;border: none;border-radius:80px;} input.wpcf7-form-control.btn04:hover {opacity:0.7;} input.wpcf7-form-control.btn05.wpcf7c-btn-back {width: 300px;height:70px;font-family: "NotoSansJP";cursor: pointer; transition: 0.3s;font-size: 16px;font-weight: bold;text-align: center;box-sizing:border-box;display: block;color:#E20013;border:1px solid #E20013;background: none;border-radius:40px;order: -1;} input.wpcf7-form-control.btn05:hover {opacity:0.7;} input.wpcf7-form-control.btn05.wpcf7c-btn-back {margin-right: 20px;} input.wpcf7-form-control.btn04:focus { outline: none;} .wpcf7c-conf { background-color: #D4D4D4 !important; } input:-webkit-autofill, input:-internal-autofill-selected { -webkit-appearance: none; -webkit-box-shadow: 0 0 0px 1000px #D4D4D4 inset !important; box-shadow: 0 0 0px 1000px #D4D4D4 inset !important;} .wpcf7 .ajax-loader {display: none !important;} .wpcf7c-elm-step2.mt20 {width: 100%;text-align: center;margin-top: 20px;} .wpcf7-spinner {display: none !important;} .wpcf7-not-valid-tip {margin-top:10px;} /*Thanks・404. =========================================== */ #other {padding:120px 0;background:#F6F6F6;text-align: center;} #other h2 {font-size: 24px;margin-bottom: 25px;} #other .other_in p {font-size: 18px;position: relative;margin: 10px 0;} #other .btn01 {margin:30px auto 0;text-align: left; } /*プライバシーポリシー =========================================== */ div#pageBox01{padding:120px 0;background:#F6F6F6;} .page-cont p {line-height: 26px;} .page-cont ul {line-height: 26px;} h2.pp-title01 {font-size: 24px;border-bottom: solid 2px;margin-bottom: 25px;padding-bottom: 10px;} h3.pp-title02 {font-size: 20px;position: relative;margin: 25px 0;padding-left: 10px;} h3.pp-title02:before{content:"";width:5px;height:65%;background:#000;position: absolute;left:0;top:0;bottom:0;margin:auto 0;} /*ウインドー幅ごと =========================================== */ @media screen and (min-width: 0px) and (max-width: 1700px) { #main.home_main .main_maru_list {right: -180px;} #header {padding-left:20px!important;padding-right:20px!important;} } @media screen and (min-width: 0px) and (max-width: 1500px) { #main.home_main .main_maru_list {right: 200px;} .footer_contact .bg {width:100%;border-radius:0;} .gnav > ul > li {margin-right: 20px;} #header .h_contact {width:120px;} #header .h_recruit {width:120px;} #header .h_line {width:120px;} } @media screen and (min-width: 0px) and (max-width: 1400px) { #header {padding: 20px 10px 0!important;} .home #header {padding: 50px 10px 0!important;} .fixed #header {padding: 15px 10px 15px!important;} #header .header_inner .logo {width: 250px;} .gnav > ul > li {margin-right: 15px;font-size: 15px;} .h_line {width:50px!important;height:50px;} .h_line a {background: url("../img/common/line.svg")no-repeat center #fff;background-size: 25px;} .h_line a span {font-size: 0;} .h_contact {width:50px!important;height:50px;} .h_contact a {background: url("../img/common/mail01.svg")no-repeat center #fff;background-size: 25px;} .h_contact a span {font-size: 0;} .h_recruit {width:100px!important;height:50px;} #main.kasou {margin-top:90px;} } /*IE11対策 =========================================== */ @media all and (-ms-high-contrast:none){ } /*edge対策 =========================================== */ @supports (-ms-ime-align: auto) { }