@charset "UTF-8"; #award .post-item a { text-decoration: underline; } #new_construction.dldl .sy-img { display: none; } @media screen and (min-width: 768px),print { .system-contents2 { width: 1100px; margin: 0 auto; } .page-navigation { width: 1100px; margin: 0 auto; } /* モデルハウス情報 */ #modelhouse .sy-main-ttl { font-family: "Shippori Mincho", serif; font-weight: 500; font-size: 32px; line-height: 55px; text-align: center; color: #1a1a1a; background-image: url(../images/system/chikuen-icon.png); background-repeat: no-repeat; background-position: center 0; padding-top: 82px; padding-bottom: 19px; } #modelhouse .sy-cate-box { margin-bottom: 36px; } #modelhouse .sy-loop-box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #modelhouse .sy-loop-box >article { width: 343px; margin-right: 35px; margin-bottom: 37px; position: relative; } #modelhouse .sy-loop-box >article:nth-child(3n) { margin-right: 0px; } #modelhouse .sy-pic-wap .c-grid__thumbnail { max-width: 343px; margin-bottom: 5px; } #modelhouse .sy-pic-wap .c-grid__image { height: 248px; display: block; max-width: 100%; width: auto; } #modelhouse .sy-txt-wap .sy-cate-txt { font-weight: normal; font-size: 14px; line-height: 33.25px; text-align: left; color: #666; margin-bottom: 0px; } /* 追加 */ #modelhouse .sy-txt-wap .sy-ttl-001 { /* font-family: "Shippori Mincho", serif; */ font-weight: normal; font-size: 16px; line-height: 30px; text-align: left; color: #1a1a1a; border-bottom: 1px solid #EEEEEE; padding-bottom: 14px; margin-bottom: 8px; } #modelhouse .sy-txt-001 { font-size: 13px; line-height: 20px; text-align: left; color: #666; } #modelhouse .sy-txt-002 { font-size: 13px; line-height: 20px; text-align: left; color: #666; } #modelhouse .sy-pic-wap .modelhouse-icon-key1 { background-color: #CE9F46; width: 130px; padding: 5px 5px 5px; color: #fff; text-align: center; position: absolute; top: 0; left: 0; z-index: 10; line-height: normal; font-size: 14px; } #modelhouse .sy-pic-wap .modelhouse-icon-key2 { background-color: #CB7086; width: 130px; padding: 5px 5px 5px; color: #fff; text-align: center; position: absolute; top: 0; left: 0; z-index: 10; line-height: normal; font-size: 14px; } #modelhouse .p-news__side2 { width: 1100px; margin: 0 auto; background-color: #F5F6F7; padding: 32px 30px 5px; } #modelhouse .p-news__side2 .p-news__side-title { font-family: "Shippori Mincho", serif; font-weight: 700; font-size: 18px; line-height: 23px; text-align: left; color: #1a1a1a; margin-bottom: 11px; } #modelhouse .p-news__side2 .p-news__side-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #modelhouse .p-news__side2 .p-news__side-list li { padding: 7px 15px 8px; font-weight: normal; font-size: 13px; line-height: 19px; text-align: left; color: #666; margin-right: 12px; margin-bottom: 10px; background-color: #fff; } #modelhouse .p-news__side2 .p-news__side-box { margin-bottom: 22px; } /* モデルハウス情報 詳細は イベント情報とcss共有 */ #event.dldl .modelhouse-icon-key1 { background-color: #CE9F46; width: 160px; padding: 5px 5px 5px; color: #fff; text-align: center; line-height: normal; font-size: 16px; margin-bottom: 8px; } #event.dldl .modelhouse-icon-key2 { background-color: #CB7086; width: 160px; padding: 5px 5px 5px; color: #fff; text-align: center; line-height: normal; font-size: 16px; margin-bottom: 8px; } #event.dldl .c-entry__wrap p.mode { margin-bottom: 8px; } /* イベント情報 */ #events .l-section.-event { margin-top: 48px; } #events { margin: 0 auto 80px auto; } /* イベント情報 詳細 */ #event.dldl .p-event__flex-left { max-width: 480px; } #event.dldl .p-event__flex-figure { max-width: 480px; } #event.dldl .p-event__flex-right { max-width: 520px; } #event.dldl .p-event__dl { max-width: 520px; } #event.dldl .p-event__dl-dd a { color: #bf657b; } #event.dldl .p-event__btn-wrap { margin-bottom: 72px; } #event.dldl .c-entry__wrap a { text-decoration: none; } #event.dldl .c-entry__wrap .p-event__entry-txt { padding: 16px; } #event.dldl .event_chirashi { display: block; margin-bottom: 7.5rem !important; } .modal_box { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); justify-content: center; align-items: center; } .p-event__modal-wrap { background: #fff; padding: 2rem; border-radius: 16px; max-width: 1080px; width: 100%; margin: 60px auto; box-shadow: 0 2px 20px rgba(0,0,0,0.15); } .modal_close { position: absolute; top: 16px; right: 16px; width: 32px; height: 32px; background: url('closeアイコン画像のパス') no-repeat center/contain; border: none; cursor: pointer; } body.modal_active { overflow: hidden; } .modal_open:hover { cursor: pointer; cursor: hand; opacity: 0.8; } /* 不動産情報 */ #real-estate .box-row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #real-estate #real-sec_real-estate { width: 1100px; margin: 0 auto; border: 1px solid #d6d6d6; padding: 24px 0px 20px; margin-bottom: 80px; } #real-estate .category-container2 .sy-txt-01 { font-family: "Shippori Mincho", serif; font-weight: 500; font-size: 24px; line-height: 48px; text-align: center; color: #1a1a1a; margin-bottom: 16px; } #real-estate .category-container2 .box-right { width: 740px; margin: 0 auto; } #real-estate .category-container2 .box-row { margin-bottom: 14px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #real-estate .category-container2 .box-row.color-blue .cat-group { background: #6eafc1; } #real-estate .category-container2 .box-row.color-green .cat-group { background-color: #A1BE58; } #real-estate .category-container2 .box-row.color-yellow .cat-group { background-color: #DBAA4C; } #real-estate .category-container2 .box-row.color-purple .cat-group { background-color: #A794CC; } #real-estate .category-container2 .cat-group { width: 180px; height: 36px; border-radius: 18px; font-weight: normal; font-size: 16px; line-height: 19px; text-align: center; color: #fff; padding: 8px 5px 5px; margin-right: 11px; } #real-estate .category-container2 .category-box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 16px; line-height: 30px; text-align: left; color: #1a1a1a; letter-spacing: normal; padding-top: 2px; } #real-estate #real-sec-sy .real-estate-archives-container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #real-estate #real-sec-sy .item-head { margin-bottom: 18px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #real-estate #real-sec-sy .item-head .item-head-img { width: 39px; margin-right: 24px; } #real-estate #real-sec-sy .item-head .item-head-img img { width: 100%; } #real-estate #real-sec-sy .text1 { width: 280px; font-weight: normal; font-size: 18px; line-height: 32px; text-align: left; color: #666; } #real-estate #real-sec-sy .real-estate-item { width: 343px; margin-right: 35px; margin-bottom: 61px; } #real-estate #real-sec-sy .real-estate-item:nth-child(3n) { margin-right: 0px; } #real-estate #real-sec-sy .sy-pic { width: 343px; height: 248px; text-align: center; margin-bottom: 5px; } #real-estate #real-sec-sy .sy-pic img { max-width: 100%; width: auto; max-height: 248px; height: auto; } #real-estate #real-sec-sy .text2 { font-weight: 500; font-size: 20px; line-height: 34px; text-align: left; color: #1a1a1a; margin-bottom: 8px; } #real-estate #real-sec-sy .text4 { font-size: 16px; line-height: 30px; text-align: left; color: #1a1a1a; } #real-estate #real-sec-sy .text3 { font-weight: normal; font-size: 21px; line-height: 30px; text-align: right; color: #1a1a1a; border-top: 1px solid #D6D6D6; margin-top: 9px; padding-top: 10px; } /* 不動産情報 詳細 */ #real-estate.dldl #real-detail-sec2 { width: 100%; max-width: 1100px; margin: 0px auto 0; } #real-detail-sec2 .cat-name-container .cat-name1 { color: #000 !important; } #real-detail-sec2 .cat-name-container .cat-name2 { color: #000 !important; } #real-detail-sec2 .cat-name-container .cat-name3 { color: #000 !important; } #real-estate.dldl #real-detail-sec2 .real-detail-container { padding-bottom: 48px; border-bottom: none; } #real-estate.dldl #real-detail-sec2 .real-detail-container .detail-right .detail-table{ width: 100%; table-layout: fixed; } #real-estate.dldl #real-detail-sec2 .real-detail-container .detail-right .detail-table th,#real-estate.dldl #real-detail-sec2 .real-detail-container .detail-right .detail-table td { font-size: 14px; } /* 築縁様からの声 */ #chikuen .sy-main-ttl { font-family: "Shippori Mincho", serif; font-weight: 500; font-size: 32px; line-height: 55px; text-align: center; color: #1a1a1a; background-image: url(../images/system/chikuen-icon.png); background-repeat: no-repeat; background-position: center 0; padding-top: 82px; padding-bottom: 19px; } #chikuen .sy-cate-box { margin-bottom: 36px; } #chikuen .sy-cate-box .sy-cate { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } #chikuen .sy-cate-box .sy-cate li a { display: block; font-family: "Shippori Mincho", serif; font-weight: 700; font-size: 16px; line-height: normal; text-align: center; color: #1a1a1a; padding: 5px 25px; background-image: url(../images/system/chikuen-line.svg); background-repeat: no-repeat; background-position: right 0 top 10px; } #chikuen .sy-cate-box .sy-cate li:last-child a { background-image: none; } #chikuen .sy-loop-box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #chikuen .sy-loop-box >article { width: 343px; margin-right: 35px; margin-bottom: 37px; } #chikuen .sy-loop-box >article:nth-child(3n) { margin-right: 0px; } #chikuen .sy-pic-wap .c-grid__thumbnail { max-width: 343px; margin-bottom: 5px; } #chikuen .sy-pic-wap .c-grid__image { height: 248px; display: block; max-width: 100%; width: auto; } #chikuen .sy-txt-wap .sy-cate-txt { font-weight: normal; font-size: 14px; line-height: 33.25px; text-align: left; color: #666; margin-bottom: 0px; } #chikuen .sy-txt-wap .sy-ttl { font-family: "Shippori Mincho", serif; font-weight: normal; font-size: 16px; line-height: 30px; text-align: left; color: #1a1a1a; } /* ブログ */ main#blog { width: 100%; } #blog .sy-en-002 { font-family: "Shippori Mincho", serif; font-weight: 600; font-size: 32px; line-height: 23px; text-align: center; color: #1a1a1a; margin-bottom: 18px; } #blog .p-general__search { margin-bottom: 80px; } #blog .select_wrap.mrmr { margin-right: 20px; } #blog .p-blog__wrap { max-width: 1100px; } #blog .blog_list .c-card__flex { margin-top: 0; } #blog .blog_list .c-card__wrap.-third { margin-top: 0; width: 343px; margin-right: 35px; margin-bottom: 40px; } #blog .blog_list .c-card__wrap { max-width: 343px; } #blog .blog_list .p-construction__title { margin-top: 2px; } #blog .blog_list .c-card__wrap.-third:nth-child(3n) { margin-right: 0px; } #blog .-general .blog_list .p-blog__wrap .c-card__thumbnail img { height: 248px; } #blog .blog_list .c-card__thumbnail { margin-bottom: 9px; } #blog .blog_list .sy-date { font-size: 13px; letter-spacing: 0.05em; line-height: 27px; text-align: left; color: #666; margin-bottom: 8px; } #blog .blog_list .sy-ttl { font-size: 15px; letter-spacing: 0.05em; line-height: 24px; text-align: left; color: #1a1a1a; } #blog .p-news__side2 { width: 1100px; margin: 0 auto; background-color: #F5F6F7; padding: 32px 30px 5px; } #blog .p-news__side2 .p-news__side-title { font-family: "Shippori Mincho", serif; font-weight: 700; font-size: 18px; line-height: 23px; text-align: left; color: #1a1a1a; margin-bottom: 11px; } #blog .p-news__side2 .p-news__side-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #blog .p-news__side2 .p-news__side-list li { padding: 7px 15px 8px; font-weight: normal; font-size: 13px; line-height: 19px; text-align: left; color: #666; margin-right: 12px; margin-bottom: 10px; background-color: #fff; } #blog .p-news__side2 .p-news__side-box { margin-bottom: 22px; } /* お知らせ */ #information .sy-list { } #information .sy-list .sy-fff { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } #information .sy-list .sy-date { width: 144px; padding-left: 15px; font-size: 16px; line-height: 30px; text-align: left; color: #1a1a1a; } #information .sy-list .sy-ttl { width: calc(100% - 144px); font-size: 16px; line-height: 30px; text-align: left; color: #1a1a1a; } #information .sy-list .c-grid__article { border-bottom: 1px solid #EEEEEE; padding-bottom: 11px; margin-bottom: 17px; } #information .sy-list .grid__link2 { display: block; } #information .sy-list a:hover { text-decoration: none; } #information .sy-list a:hover .sy-ttl { text-decoration: underline; } /* お知らせ 詳細 */ #topics.dldl .c-entry__wrap { padding-bottom: 0; } #topics.dldl .sy-date { font-size: 18px; margin-bottom: 4px; } #topics.dldl .sy-ttl { font-size: 28px; line-height: 1.7; } /* 住まいの実績 */ main#new_construction { width: 100%; } #new_construction .sy-en-001 { font-family: "Shippori Mincho", serif; font-weight: 600; font-size: 46px; line-height: 47.25px; text-align: center; color: #1a1a1a; margin-bottom: 51px; position: relative; top: 3px; } .change-link-box { width: 1020px; margin: 0 auto; margin-bottom: 63.5px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .change-link-box > p a { width: 480px; height: 100px; background: #fff; border: 1px solid #9d9d9d; font-family: "Shippori Mincho", serif; font-weight: 600; font-size: 22px; line-height: 28px; color: #1a1a1a; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .change-link-box > p.karent a { background-color: #CB7086; background-color: #CB7086; color: #fff; } #new_construction .sy-en-002 { font-family: "Shippori Mincho", serif; font-weight: 600; font-size: 32px; line-height: 23px; text-align: center; color: #1a1a1a; margin-bottom: 18px; } #new_construction .p-general__search { margin-bottom: 101px; } #new_construction .p-blog__wrap { max-width: 1100px; } #new_construction .new_construction_list .c-card__wrap.-third { margin-top: 0; width: 343px; margin-right: 35px; margin-bottom: 40px; } #new_construction .new_construction_list .c-card__wrap { max-width: 343px; } #new_construction .new_construction_list .p-construction__title { margin-top: 2px; } #new_construction .new_construction_list .c-card__wrap.-third:nth-child(3n) { margin-right: 0px; } #new_construction .-general .new_construction_list .p-blog__wrap .c-card__thumbnail img { height: 248px; } #new_construction .new_construction_list .sy-ttl { font-family: "Shippori Mincho", serif; font-weight: 700; font-size: 16px; line-height: 33.25px; text-align: left; color: #1a1a1a; margin-bottom: -4px; } #new_construction .new_construction_list .sy-sub-txt { font-family: "Shippori Mincho", serif; font-weight: 500; font-size: 14px; line-height: 33.25px; text-align: left; color: #1a1a1a; margin-bottom: 2px; } #new_construction .p-construction__title >p:nth-child(2)::before { content: "|"; margin-left: 6px; margin-right: 5px; font-size: 13px; position: relative; top: -2px; } #new_construction .new_construction_list .p-construction__sub { font-weight: normal; font-size: 16px; line-height: 19px; text-align: left; color: #666; margin-left: 4px; margin-right: 2px; } #new_construction .new_construction_list .p-construction__sub .ss { margin-left: 11px; font-size: 13px; } #new_construction .new_construction_list .p-construction__sub .ss.ano { margin-left: 0; } #new_construction .new_construction_list .sy-rel { position: relative; width: 100%; } #new_construction .new_construction_list .sy-rel .award-txt { width: 160px; background-color: #0D294D; text-align: center; font-family: "Shippori Mincho", serif; font-weight: 700; font-size: 14px; text-align: center; color: #f4ce6a; padding: 1px 0px 1px 3px; position: absolute; top: 0; left: 0; z-index: 10; } #new_construction .-general .new_construction_list .c-card__txt2 { font-weight: normal; font-size: 13px; line-height: 19px; text-align: left; color: #666; } #new_construction .p-news__side2 { width: 1100px; margin: 0 auto; background-color: #F5F6F7; padding: 32px 30px 5px; } #new_construction .p-news__side2 .p-news__side-title { font-family: "Shippori Mincho", serif; font-weight: 700; font-size: 18px; line-height: 23px; text-align: left; color: #1a1a1a; margin-bottom: 11px; } #new_construction .p-news__side2 .p-news__side-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #new_construction .p-news__side2 .p-news__side-list li { padding: 7px 15px 8px; font-weight: normal; font-size: 13px; line-height: 19px; text-align: left; color: #666; margin-right: 12px; margin-bottom: 10px; background-color: #fff; } #new_construction .p-news__side2 .p-news__side-box { margin-bottom: 22px; } /* 住まいの実績 詳細 */ #new_construction.dldl .sy-ttl-box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 9px; } #new_construction.dldl .sy-img { width: 165px; margin-right: 49px; margin-top: 31px; display: none; } #new_construction.dldl .sy-txt-wap { width: 100%; margin-top: 30px; } #new_construction.dldl .award-txt { background-color: #0D294D; width: 202px; height: 35px; font-family: "Shippori Mincho B1"; font-weight: 500; font-size: 17px; line-height: normal; text-align: center; color: #f4ce6a; padding: 5px 5px 5px; margin-bottom: 19px; } #new_construction.dldl .sy-ttl { font-family: "Shippori Mincho", serif; font-weight: 700; font-size: 40px; line-height: normal; text-align: left; color: #1a1a1a; margin-bottom: 14px; } #new_construction.dldl .sy-sub-txt { font-family: "Shippori Mincho", serif; font-weight: 500; font-size: 28px; line-height: normal; text-align: left; color: #1a1a1a; margin-bottom: 21px; } #new_construction.dldl .p-construction__title { font-weight: normal; font-size: 17px; line-height: 25px; text-align: left; color: #666; } #new_construction.dldl .p-construction__title .ss { margin-left: 12px; font-size: 18px; } #new_construction.dldl .p-construction__title .p-construction__sub { font-size: 21px; margin-left: 4px; margin-right: 1px; } #new_construction.dldl .p-construction__title .c-card__txt2 { line-height: normal; } #new_construction.dldl .c-entry__thumbnail { margin-bottom: 38px; } #new_construction.dldl .c-entry__wrap .new_one-title { font-family: "Shippori Mincho", serif; font-weight: 500; font-size: 18px; line-height: normal; text-align: left; color: #1a1a1a; margin-top: 16px; margin-bottom: 3px; } #new_construction.dldl .c-entry__wrap .new_one-text { font-weight: normal; font-size: 14px; line-height: 30px; text-align: left; color: #1a1a1a; } #new_construction.dldl .new_two-wrap { margin-bottom: 32px; } #new_construction.dldl .new_one-wrap { margin-bottom: 32px; } #new_construction.dldl .sy-btn a { width: 460px; height: 80px; margin: 0 auto; border: 1px solid #9d9d9d; display: block; background-image: url(../images/system/sy-btn-icon.svg); background-repeat: no-repeat; background-position: right 92px top 34px; font-family: "Shippori Mincho", serif; font-weight: 700; font-size: 17px; line-height: 24px; color: #1a1a1a; padding: 27px 0px 5px 90px; margin-top: 40px; margin-bottom: 60px; } #new_construction.dldl .p-construction__title >p:nth-child(2)::before { content: "|"; margin-left: 7px; margin-right: 5px; font-size: 14px; position: relative; top: -2px; } #new_construction.dldl .-general .new_construction_list .c-card__txt2 { font-weight: normal; font-size: 13px; line-height: 19px; text-align: left; color: #666; } /* 施設・店舗実績 */ #new_construction.general-page .select_wrap.mrmr { margin-right: 20px; } #new_construction .kako-kizi{ width: 780px; margin: 0 auto; } .systemtab-list { margin-bottom: 30px; display: flex; flex-wrap: wrap; font-size: 14px; line-height: 1.6; } .systemtab-list li { flex-basis: 50%; display: flex; border: #ccc 1px solid; margin-bottom: -1px; } .systemtab-list li .systemtab-list-ttl { flex-basis: 33%; padding: 5%; background: #f8f8f8; } .systemtab-list li div { flex-basis: 67%; padding: 5%; background: #fff; } .systemtab-list li:nth-of-type(2n) { margin-left: -1px; } /* recruit ————————————————————————————————————————— */ #recruit .system-contents { } #recruit .system-contents .system-ttl { font-size: 26px; font-weight: bold; margin-bottom: 20px; } #recruit .system-contents .system-i-pic { margin-bottom: 30px; } #recruit .system-contents .system-i-pic img { width: 100%; height: auto; } /* review ————————————————————————————————————————— */ .page-navigation .page-navi-left .arr { margin-right: 20px; } .page-navigation .page-navi-right .arr { margin-left: 20px; } #review .system-list { margin-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #review .system-list li { line-height: 1.4; width: 32%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 20px; } #review .system-list li:nth-child(3n) { margin-right: 0 } #review .system-list li a:hover { text-decoration: none; } #review .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 2%; } #review .system-list .btn::after { content: ' >'; } #review .system-pic { width: 100%; height: 240px; overflow: hidden; text-align: center; margin-bottom: 15px; } #review .system-pic img { width: 100%; height: 240px; } #review .system-date { font-size: 14px; margin-bottom: 10px; line-height: 1.4; } #review .system-date::before { content: "■"; } #review .system-name { font-size: 16px; margin-bottom: 10px; line-height: 1.4; } #review .system-coment { font-size: 14px; margin-bottom: 5px; line-height: 1.4; } #review .system-ttl-01 { font-size: 16px; margin-bottom: 20px; line-height: 1.4; } #review .system-category-set { margin-bottom: 15px; margin-top: -15px; } #review .system-category { margin-bottom: 1px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc; } #review .serchcategory { margin-bottom: 100px; } #review .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; } #review .system-category1 { margin-bottom: 1px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; background-color: #ccc; position: relative; } #review .system-contents { padding: 40px 20px; margin-bottom: 30px; } #review .system-contents-inner { background: #fff; padding: 40px 20px; } #review .system-contents .system-date { font-size: 16px; margin-bottom: 15px; display: block; } #review .system-contents .system-category-set { margin-top: 0px; margin-bottom: 0; } #review .system-contents .system-category { margin-bottom: 20px; font-size: 14px; color: #fff; text-align: center; padding: 8px; width: 20%; float: left; margin-right: 2px; } #review .system-contents .system-ttl { font-size: 20px; font-weight: bold; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px #ccc solid; line-height: 1.4; } #review .system-contents .system-i-pic { text-align: center; margin-bottom: 50px; } #review .system-contents .system-i-pic img { max-width: 100%; width: auto; height: auto; } .form-Box_bg { width: 1000px; margin: 0 auto; padding: 83px 0 0; } .form-Box-txt { text-align: center; font-size: 35px; letter-spacing: 0; margin-bottom: 52px; } .form-lead-list { margin: 0 auto 23px; width: 736px; font-size: 16px; letter-spacing: 0.8px; } .form-lead-list li { margin-bottom: 6px; margin-right: -10px; } /* qa -------------------------------------*/ #award { } #award .catelist { margin-bottom: -50px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; } #award .catelist li { display: inline-block; border: 1px #ccc solid; border-radius: 5px; margin-right: 10px; background: #333; } #award .catelist li a { display: inline-block; padding: 10px 30px; line-height: 1; color: #fff; font-size: 20px; letter-spacing: 0.7px; } #award .catelist li a:hover { text-decoration: none; background: #555; } #awardcontents { margin: -9px auto 0 auto; width: 941px; } #awardcontents .inner-Box { } #awardcontents .inner-Box h2 { padding-top: 100px; font-size: 24px; font-weight: 500; border-bottom: 3px solid #333; padding-bottom: 10px; margin-bottom: 30px; } #awardcontents .inner-Box h2 span { font-size: 16px; position: relative; top: -5px; color: #ccc; font-weight: 500; display: inline-block; margin-right: 10px; } #award .accordion { margin: 3em auto; max-width: 60vw; } #award .toggle { display: none; } #award .option { position: relative; margin-bottom: 30px; } #award .title, .content { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; } #award .title { border: solid 1px #ccc; padding: 15px 20px 13px 20px; display: block; color: #333; font-weight: 500; font-size: 28px; text-align: center; } #award .title::after { content: ""; position: absolute; right: 40px; top: 15px; width: 46px; height: 46px; background: url(../images/award/contentsarr.svg)no-repeat; transition: all 0.3s; } #award .content { max-height: 0; overflow: hidden; } #award .content p { margin: 0; padding: 0.5em 1em 1em; font-size: 0.9em; line-height: 1.5; } #award .toggle:checked + .title + .content { max-height: 6690px; transition: all 1.5s; } #award .toggle:checked + .title::after { transform: rotate(180deg) !important; } #award .post-item { padding: 0 0 0 78px; position: relative; } #award .post-item h3 { position: absolute; top: 20px; left: 0; font-size: 18px; } #award .post-item div { padding: 20px 0px; } #awardcontents { } #awardcontents h2 { text-align: center; margin-bottom: 50px; } } @media screen and (max-width: 767px) { .system-contents2 { width: 380px; margin: 0 auto; } .systemtab-list { font-size: 3.2vw; line-height: 1.6; margin-bottom: 5vw } .systemtab-list li { width: 100%; border: #ccc 0.2vw solid; margin-bottom: -0.2vw; border-bottom: none; } .systemtab-list li:last-child { border-bottom: 0.2vw solid #ccc; } .systemtab-list li .systemtab-list-ttl { border-bottom: #ccc dotted 0.2vw; width: 100%; padding: 3vw; background: #f8f8f8; } .systemtab-list li div { width: 100%; padding: 3vw; background: #fff; } #recruit .system-contents { } #recruit .system-contents .system-ttl { font-size: 4.3vw; font-weight: bold; margin-bottom: 2vw; } #recruit .system-contents .system-i-pic { margin-bottom: 3vw; } #recruit .system-contents .system-i-pic img { width: 100%; height: auto; } /* review -------------------------------------*/ #review .system-list { background: #fff; padding: 3vw; margin-bottom: 10vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #review .system-list li { position: relative; line-height: 1.4; width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 5vw; } #review .system-list li:nth-child(2n) { margin-right: 0 } #review .system-list li a:hover { text-decoration: none; } #review .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 3.2vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 4vw 3vw; } #review .system-list .btn::after { content: ' >'; } #review .system-pic { width: 100%; height: 30vw; overflow: hidden; text-align: center; margin-bottom: 2vw; } #review .system-pic img { width: 100%; height: 30vw; } #review .system-date { font-size: 3.2vw; margin-bottom: 5vw; } #review .system-date::before { content: "■"; } #review .system-name { font-size: 3.2vw; margin-bottom: 5vw; } #review .system-ttl-01 { font-size: 3.6vw; margin-bottom: 5vw; line-height: 1.6; } #review .system-category-set { margin-bottom: 8vw; margin-top: -8vw; } #review .system-category { margin-bottom: 0.2vw; font-size: 3.2vw; font-weight: bold; color: #fff; text-align: center; padding: 2vw; background-color: #ccc; } #review .serchcategory { margin: 0 3vw 10vw; } #review .serchcategory .icon { display: inline-block; margin-right: 1vw; margin-bottom: 3vw; font-size: 3.2vw; color: #fff; text-align: center; padding: 4.5vw 3vw; } #review .system-category1 { margin-bottom: 10vw; font-size: 3.6vw; font-weight: bold; color: #fff; text-align: center; padding: 1vw 3vw; background-color: #ccc; position: relative; } #review .system-coment { margin-bottom: 5vw; } #review .system-contents { padding: 3vw; margin-bottom: 10vw; } #review .system-contents-inner { background: #fff; padding: 5vw 3vw; } #review .system-contents .system-date { font-size: 3.2vw; margin-bottom: 5vw; display: block; line-height: 1.4; } #review .system-contents .system-category { margin-bottom: 0.2vw; font-size: 3.2vw; color: #fff; text-align: center; padding: 4vw 3vw; width: 100%; } #review .system-contents .system-category-set { margin-bottom: 5vw; margin-top: 0; } #review .system-contents .system-ttl { font-size: 4.2vw; font-weight: bold; margin-bottom: 5vw; padding-bottom: 3vw; border-bottom: 0.2vw #ccc solid; line-height: 1.6; } #review .system-contents .system-i-pic { text-align: center; margin-bottom: 8vw; } #review .system-contents .system-i-pic img { max-width: 100%; height: auto; width: auto; } .form-Box_bg { margin: 0 4vw; padding: 10.15vw 0 0; } .form-Box-txt { text-align: center; font-size: 5.80vw; letter-spacing: 0; margin-bottom: 4.04vw; line-height: 1.7; } .form-lead-list { margin: 0 auto 5.56vw; font-size: 3.86vw; letter-spacing: 0.19vw; } .form-lead-list li { margin-bottom: 1.45vw; margin-right: 0vw; line-height: 1.8; } /* qa -------------------------------------*/ #award { } #award .catelist { margin: 0 3vw 3.9vw; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; } #award .catelist li { display: inline-block; border: 0.1vw #ccc solid; border-radius: 0.7vw; margin-right: 1.3vw; background: #333; margin-bottom: 1vw; width: 45vw; text-align: center; } #award .catelist li a { display: inline-block; padding: 2.3vw 3.9vw; line-height: 1; color: #fff; font-size: 3.6vw; letter-spacing: 0.3vw; } #award .catelist li a:hover { text-decoration: none; background: #555; } #awardcontents { margin: 0 4.1vw; padding-top: 5.9vw; } #awardcontents .inner-Box { } #awardcontents .inner-Box h2 { padding-top: 8vw; font-size: 4.6vw; font-weight: 600; border-bottom: 0.4vw solid #333; padding-bottom: 1.3vw; margin-bottom: 3.9vw; } #awardcontents .inner-Box h2 span { font-size: 3.6vw; position: relative; top: -0.7vw; color: #ccc; font-weight: 500; display: inline-block; margin-right: 1.3vw; } #award .accordion { margin: 3em auto; max-width: 60vw; } #award .toggle { display: none; } #award .option { position: relative; margin-bottom: 1em; } #award .title, .content { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; } #award .title { border: solid 0.1vw #ccc; padding: 3.3vw 5vw 3.3vw 3vw; display: block; color: #333; font-weight: 500; letter-spacing: 0; margin-bottom: 3vw; font-size: 5.07vw; text-align: center; } #award .title::after { content: ""; position: absolute; right: 7.46vw; top: 2.92vw; width: 8.71vw; height: 8.71vw; background: url(../images/award/contentsarr.svg)no-repeat; transition: all 0.3s; background-size: 100% auto; transform-origin: center center; } #award .content { max-height: 0vw; overflow: hidden; } #award .content p { margin: 0; padding: 0; font-size: 0.9em; line-height: 1.5; } #award .toggle:checked + .title + .content { max-height: 2650.2vw; transition: all 1.5s; } #award .toggle:checked + .title::after { transform: rotate(180deg) !important; } #award .post-item { padding: 0 0 5vw 18.84vw; position: relative; } #award .post-item h3 { position: absolute; top: 0.43vw; left: 0; font-size: 4.35vw; } #award .post-item div { font-size: 3.86vw; line-height: 1.88; } #awardcontents { } #awardcontents h2 { text-align: center; margin: 0 15.1vw 7.08vw 14.6vw; } } .form-confirm-none { display: none; } .form-confirm-block { display: block; } .red-required-txt { color: #f00; text-align: center; margin-top: 32px; } .BAslide { position: relative; margin: 20px 0; } .BAslide::after { display: block; clear: both; content: ""; } .BAslide .Before { float: left; } .BAslide .Before .bxslider:before { content: "Before"; } .BAslide .After { float: right; } .BAslide .After .bxslider:before { font-size: 30px; content: "After"; } .BAslide .Before, .BAslide .After { width: 450px; } .mw_wp_form_preview .priv-text { display: none; } .mw_wp_form_preview .priv-text { display: none; } pre { white-space: pre-wrap; } .p-filter__block label { display: inline-block; } .form-Box .none { display: none; } /* 確認・戻る・送信ボタン */ .bl_form_btn { display: flex; gap: 2em; justify-content: center; margin-block-start: 40px; } /* 確認ボタン非活性時 */ .bl_form_confirm[disabled] { background-color: #CCC; opacity: 0.5; } .form-Box .form-kakunin .bl_form_confirm[disabled]:hover { cursor: not-allowed; } /* 確認・送信ボタン */ .bl_form_confirm, .bl_form_submit { background-color: #37952F; color: #FFF; inline-size: min(100%, 10em); padding-block: 0.5em; padding-inline: 1em; } /* 戻るボタン */ .bl_form_back { text-decoration: underline; } /* 確認画面とメッセージ、スピナーを非表示 */ .bl_formConfirm, .wpcf7-response-output, .bl_formConfirm .wpcf7-spinner { display: none; } /* 送信完了画面 */ .bl_formThanks_ttl, .bl_formThanks_txt { text-align: center; } .bl_formThanks_ttl { font-size: 24px; font-weight: 700; } .bl_formThanks_txt { margin-block-start: 1em; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { display: none; } .bl_confirm_consent { text-align: center; } .error_output_form { color: #f00; text-align: center; margin-top: 1em; margin-bottom: 1em; } .wpcf7-list-item { margin-left: 0 !important; margin-right: 1em !important; display: inline-block; } .form_tel_area3 { margin-top: .5em; } .d-block_480 { display: none !important; } .d-block_768 { display: none; } .d-block_700 { display: none; } @media screen and (max-width: 1100px) { body:not(.no-rp) .BAslide .Before, body:not(.no-rp) .BAslide .After { width: 45%; } } .BAslide .bxslider { position: relative; } .BAslide .bxslider:before { font-size: 20px; font-weight: bold; position: absolute; z-index: 99; top: 10px; left: 10px; display: inline-block; color: #ccc; } .BAslide .bxslider img { width: auto; height: auto; max-height: 400px; margin: 0 auto; } @media screen and (max-width: 800px) { body:not(.no-rp) .BAslide .bx-wrapper .bx-viewport { height: 200px; } } @media screen and (max-width: 600px) { body:not(.no-rp) .BAslide .bx-wrapper .bx-viewport { height: 100px; } } @media screen and (max-width: 800px) { body:not(.no-rp) .BAslide .bx-wrapper img { width: auto; height: 200px; } } @media screen and (max-width: 600px) { body:not(.no-rp) .BAslide .bx-wrapper img { height: 100px; } } .BAslide #bx-pager, .BAslide #bx-pager02 { width: 100%; } .BAslide #bx-pager a, .BAslide #bx-pager02 a { display: inline-block; min-width: 98px; margin-right: 3px; margin-bottom: 5px; padding: 3px; text-align: center; border: 1px solid #ccc; } .BAslide #bx-pager img, .BAslide #bx-pager02 img { max-height: 60px; vertical-align: bottom; } .arrow { position: absolute; top: 30%; right: 0; left: 0; display: inline-block; width: 0; margin: 0 auto; border: 30px solid transparent; border-right-width: 0; border-left-color: #ccc; } .maptext { text-align: right; } .btn-send { text-align: center; } /* 【システム pc/sp 共通】 */ .system-contents { } .system-contents-inner { background: #fff; } /* 【EVENT pc/sp 共通】 */ /* ★ カテゴリアイコン */ #event .icon01 { background: #f0f0f0; } #event .icon02 { background: #f0f0f0; } #event .icon03 { background: #f0f0f0; } #event .icon04 { background: #f0f0f0; } #event .icon05 { background: #f0f0f0; } #event .icon06 { background: #f0f0f0; } /* ★ 状況アイコン */ #event .system-icon02 span.icon02-01 { background: #999; } #event .system-icon02 span.icon02-02 { background: #ccc; } #event .system-icon02 span.icon02-03 { background: #eee; } /* 【CASE_NEWLY pc/sp 共通】 */ /* ★ カテゴリアイコン */ #case_newly .icon01 { background: #f0f0f0; } #case_newly .icon02 { background: #f0f0f0; } #case_newly .icon03 { background: #f0f0f0; } #case_newly .icon04 { background: #f0f0f0; } #case_newly .icon05 { background: #f0f0f0; } #case_newly .icon06 { background: #f0f0f0; } /* 【CASE_REFORM pc/sp 共通】 */ /* ★ カテゴリアイコン */ #case_reform .icon01 { background: #f0f0f0; } #case_reform .icon02 { background: #f0f0f0; } #case_reform .icon03 { background: #f0f0f0; } #case_reform .icon04 { background: #f0f0f0; } #case_reform .icon05 { background: #f0f0f0; } #case_reform .icon06 { background: #f0f0f0; } /* 【VOICE pc/sp 共通】 */ /* ★ カテゴリアイコン */ #voice .icon01 { background: #f0f0f0; } #voice .icon02 { background: #f0f0f0; } #voice .icon03 { background: #f0f0f0; } #voice .icon04 { background: #f0f0f0; } #voice .icon05 { background: #f0f0f0; } #voice .icon06 { background: #f0f0f0; } /* 【REAL_ESTATE pc/sp 共通】 */ /* ★ カテゴリアイコン */ #real_estate .icon01 { background: #f0f0f0; } #real_estate .icon02 { background: #f0f0f0; } #real_estate .icon03 { background: #f0f0f0; } #real_estate .icon04 { background: #f0f0f0; } #real_estate .icon05 { background: #f0f0f0; } #real_estate .icon06 { background: #f0f0f0; } #real_estate .system-icon02 span.icon02-01 { background: #999; } #real_estate .system-icon02 span.icon02-02 { background: #ccc; } #real_estate .system-icon02 span.icon02-03 { background: #eee; } /* 【TOPICS pc/sp 共通】 */ /* ★ カテゴリアイコン */ #topics .icon01 { background: #000 !important; } #topics .icon02 { background: #111 !important; } #topics .icon03 { background: #222 !important; } #topics .icon04 { background: #333 !important; } #topics .icon05 { background: #444 !important; } #topics .icon06 { background: #555 !important; } /* 【BLOG pc/sp 共通】 */ /* ★ カテゴリアイコン */ #blog .mainContents .blog-icon01 { background: #000 !important; } #blog .mainContents .blog-icon02 { background: #111 !important; } #blog .mainContents .blog-icon03 { background: #222 !important; } #blog .mainContents .blog-icon04 { background: #333 !important; } #blog .mainContents .blog-icon05 { background: #444 !important; } #blog .mainContents .blog-icon06 { background: #555 !important; } /* ★ サイドバー 英語の色 */ aside.sidebar .aside-blog-ttl span.en { color: #1a1a1a; } /* 【RECRUIT pc/sp 共通】 */ #recruit .icon01 { background: #cc8343 !important; } #recruit .icon02 { color: #000 !important; background: #e8be00 !important; } #recruit .icon03 { background: #ef7300 !important; } @media screen and (min-width: 768px), print { .cmp-box { width: 1100px; margin: 0 auto; } .borderwrap .cmp-txt { font-size: 18px; font-weight: 700; margin-bottom: 12px; padding-bottom: 5px; border-bottom: 1px solid #000; } .mwform-checkbox-field label, .mwform-radio-field label { display: inline-block; margin-right: 10px; margin-bottom: 8px !important; } .mw_wp_form .horizontal-item + .horizontal-item { margin-left: 0 !important; } /* ★ インクルードのタイトル*/ .inc-list-ttl { font-size: 22px; font-weight: 700; margin-top: 48px; margin-bottom: 40px; text-align: center; } /* ★ 詳細システム枠*/ .system-contents { margin-bottom: 30px; padding: 32px 30px 39px; } .system-contents-inner { padding: 42px 40px 50px; background: #fff; } /* ★ gallery*/ .system-gallery { padding: 32px 40px 30px; background: #eeefef; } .system-gallery .sy-gallery-ttl { font-size: 22px; font-weight: 700; margin-bottom: 18px; padding-bottom: 10px; text-align: center; text-transform: uppercase; border-bottom: 2px solid #000; } .gallery-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-lines: multiple; -moz-box-lines: multiple; } .gallery-list li { font-size: 13px; line-height: 1.4; position: relative; width: 18.4%; margin: 12px 2% 0 0; text-align: left; } .gallery-list li:nth-of-type(5n) { margin-right: 0; } .gallery-list li a:hover { text-decoration: none; } .gallery-list li .system-Frame { display: block; overflow: hidden; width: 100%; height: 120px; margin-bottom: 8px; text-align: center; } .gallery-list li .system-Frame::after { position: absolute; top: 89px; right: 0; display: block; content: url(../images/common/icon_plus.jpg); } .gallery-list li .system-Frame img { width: 100%; height: 120px; } /* form -------------------------------------*/ #main-form { margin-bottom: 60px; } #main-form h2 { font-size: 18px; font-weight: bold; margin-bottom: 30px; padding: 10px; background: #ccc; } #form h3 { font-size: 16px; margin-bottom: 30px; text-align: center; } #form .list { margin-bottom: 30px; color: #666; } #form .list span { color: #f00; } .btn-type01 { overflow: hidden; width: 400px; height: 80px; cursor: pointer; text-indent: -9999px; border: none; background: url("../images/common/con-btn-01.jpg") no-repeat; } .btn-type02 { overflow: hidden; width: 400px; height: 80px; cursor: pointer; text-indent: -9999px; border: none; background: url("../images/common/con-btn-02.jpg") no-repeat top center; } .btn-type03 { overflow: hidden; width: 400px; height: 80px; cursor: pointer; text-indent: -9999px; border: none; background: url("../images/common/con-btn-03.jpg") no-repeat; } .btn-confirm { text-align: center; } .form-Box { line-height: 1.6; margin-bottom: 30px; } .form-Box .form-Box-inner { padding: 20px 0 40px; background: #fff; } .form-Box .form-list { font-size: 14px; margin-bottom: 30px; } .form-Box .error { margin-top: 0.3em; margin-bottom: 1em; } .form-Box .attention-color { color: #f00; } .form-Box .form-list li { margin-bottom: 3px; padding-left: 1em; text-indent: -1em; } .form-Box table { font-size: 0.875em; line-height: 1.6; width: 100%; margin-bottom: 50px; border-top: 1px solid #dcdddd; } .form-Box th { width: 31%; padding: 31px 29px; text-align: left; vertical-align: top; border-bottom: 1px solid #dcdddd; background-color: #eeefef; font-size: 16px; } .form-Box th p { display: inline; } .form-Box th.requ::after { content: "必須"; display: inline-block; background: #EF1F3F; color: #fff; font-size: 12px; padding: 1px 4px; position: relative; top: -1px; } .form-Box td { width: 69%; padding: 20px; text-align: left; vertical-align: top; border-bottom: 1px solid #dcdddd; } .form-Box td img { max-width: 100%; height: auto; } .form-Box .from-btn-01 { text-align: center; } .form-Box .from-btn-02 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 680px; margin-top: 24px; margin-right: auto; margin-left: auto; text-align: center; } .form-Box .button { margin: 0; padding: 0; border: 0; } .form-Box .button:hover { cursor: pointer; cursor: hand; opacity: 0.8; } .form-Box input[type="text"], .form-Box input[type="email"], .form-Box input[type="tel"], .form-Box input[type="date"], .form-Box select, .form-Box textarea { font-size: 0.875rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1%; -o-box-sizing: border-box; -ms-box-sizing: border-box; margin: 0 0 5px; } .form-Box textarea { width: 100%; min-height: 120px; margin-bottom: 3px; } .form-Box .form-kakunin { } .form-Box .form-kakunin input { display: block; width: 800px; height: 100px; margin: 0; margin: 0 auto; margin-top: 16px; padding: 0; border: none; border-radius: 0; outline: none; background: none; background-image: url(../images/common/btn-confirmation.svg); background-repeat: no-repeat; background-position: center 0; /* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); */ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-Box .form-kakunin input:hover { cursor: pointer; cursor: hand; } .form-Box .form-kakunin .wpcf7-submit { color: transparent; text-shadow: none; } .form-Box .form-soushin { width: 800px; margin: 0 auto; margin-top: 56px; } .form-Box .form-soushin .wpcf7-submit,.form-Box .form-soushin .wpcf7-previous { color: transparent; text-shadow: none; } .form-Box .form-soushin input { display: inline-block; width: 800px; height: 100px; margin: 0; margin: 0 auto; margin-top: 24px; padding: 0; border: none; border-radius: 0; outline: none; background: none; background-image: url(../images/common/btn-return.svg); background-repeat: no-repeat; background-position: center 0; /* box-shadow: 6px 6px 24px rgba(0, 0, 0, 0.3); */ /* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); */ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-Box .form-soushin p { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-Box .form-soushin input:nth-child(1) { /* margin-right: 40px; */ } .form-Box .form-soushin input:nth-child(2) { background-image: url(../images/common/btn-send.svg); -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; } .form-Box .date_time p { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-Box .date_time p span { width: 26%; } .form-Box .date_time p span input { width: 100%; } .form-Box .date_time p span:nth-child(1) { margin-right: 2%; } .o-modelhouse-txt { text-align: center; font-weight: 700; font-size: 20px; margin-bottom: 8px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; } .form-Box .o-modelhouse-th { width: 50%; padding: 23px 40px 25px 40px; } .form-Box .o-modelhouse-td { width: 50%; } .form-Box .form-soushin input:hover { cursor: pointer; cursor: hand; opacity: 0.8; } .form-Box .wpcf7-spinner { display: block; margin: 0 auto; margin-top: 24px; } .form-Box .aida-txt { text-align: center; font-weight: 700; font-size: 20px; border-bottom: 1px solid #E2E2E2; padding-bottom: 40px; } .form-Box .f-w { width: 100%; } .tmp-address { display: block; margin-bottom: -10px; } .c-form-ttl-box { text-align: center; position: relative; padding-bottom: 30px; margin-bottom: 32px; } .c-form-ttl-box .c-form-txt-1 { font-family: "hypatia-sans-pro", sans-serif; font-weight: 700; font-style: normal; font-size: 60px; letter-spacing: 0.05em; line-height: 63px; color: #1a1a1a; text-transform: uppercase; margin-bottom: 6px; } .c-form-ttl-box .c-form-txt-2 { font-weight: bold; font-size: 22px; letter-spacing: 0.1em; text-align: center; color: #000; } .c-form-ttl-box .c-form-line { width: 46px; height: 3px; position: absolute; background-color: #000000; margin: 0 auto; left: 0; right: 0; bottom: 0; } .sy-w1100_bg { width: 1100px; margin: 0 auto; } .txt-message-02 { font-size: 14px; text-align: center; margin-bottom: -13px; margin-top: 48px; } .form-Box th .essential { background: #bb8b3f; font-weight: 500; font-size: 12px; letter-spacing: 0.05em; line-height: normal; text-align: center; color: #fff; display: inline-block; width: 37px; height: 19px; border-radius: 5px; margin-right: 8px; position: relative; top: -1.5px; } .form-Box .none.on { display: block; } .gyoume-wap { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gyoume { width: calc(100% - 45px); position: relative; top: -7px; } .pp-tac { text-align: center; margin-top: 16px; } .required::after { content: "【必須】"; color: #f00; } .priv-title { margin-bottom: 20px; text-align: center; } .priv-text { overflow-y: scroll; height: 250px; margin-bottom: 30px; padding: 20px; border: #ccc solid 1px; background: #fff; } .priv-text .priv-ttl { font-size: 16px; font-weight: bold; margin-bottom: 10px; } .priv-text p { font-size: 13px; margin-bottom: 20px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #ccc solid 1px; } .priv { margin-bottom: 30px; text-align: center; } .priv-text .tt { font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #333; } .btn-item { display: inline-block; } .borderwrap { width: 1200px; margin: 0 auto 40px; } .borderwrap .otoiawase { font-size: 18px; font-weight: 700; margin-bottom: 30px; padding: 10px; background: #ccc; } main { width: 1100px; margin: 0 auto 30px auto; } /* system-common */ .page-list { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 0.875em; margin: 50px 0 100px; text-align: center; } .page-list .page-numbers { display: inline-block; border: #dcdddd 1px solid; background: #eeefef; } .page-list span { margin-right: 10px; padding: 12px; color: #fff; } .page-list .page-numbers.current { background-color: #000; } .page-list .extend { padding: 0; } .page-list .extend::before { content: "..."; color: #000; } .page-list a { display: inline-block; margin-right: 10px; padding: 12px; } .pagen { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; width: 1100px; margin: 0 auto 30px auto; } .page-navi { font-size: 0.875em; } .page-navi li { display: inline-block; } .page-navi li.active { background: #ccc; } .page-navi a { display: inline-block; padding: 8px; } .page-navi .fast { margin-right: 0; } .page-navi .fast::after { display: inline-block; margin: 0 5px; content: "|"; } .pagen .list { float: right; } .pagen .list a { font-size: 0.875em; display: inline-block; margin: 0 auto; padding: 7px 30px; text-align: center; color: #fff; background: #000; } .pagen .list a:hover { text-decoration: none; background: #666; } .btnArea { margin: 50px 0 20px; padding: 0; text-align: center; } .btnArea a { font-size: 0.875em; font-weight: bold; display: block; width: 60%; margin: 0 auto; padding: 20px 50px; text-align: center; letter-spacing: 1px; color: #fff; background: #000; } .btnArea a:hover { text-decoration: none; background: #666; } .btnArea-s { text-align: center; } .btnArea-s a { font-size: 0.875em; font-weight: bold; display: inline-block; margin: 0 auto; padding: 10px 50px; text-align: center; letter-spacing: 1px; color: #fff; background: #000; } .btnArea-s a:hover { text-decoration: none; background: #666; } .btnArea-s::after { display: block; margin-bottom: 100px; content: ''; } .borderwrap { margin-bottom: 40px; } .borderwrap p { font-size: 0.875em; line-height: 1.8; } .cate-ttl { font-size: 16px; font-weight: bold; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #000; } .cate-list { margin-bottom: 30px; } .cate-list a { display: inline-block; margin-right: 10px; padding: 3px 10px; color: #fff; background: #000; } .taxttl { font-weight: bold; margin-bottom: 10px; padding: 20px; background: #ccc; } .other-ttl { font-size: 18px; font-weight: bold; margin-bottom: 20px; text-align: center; } /* event ————————————————————————————————————————— */ .p-event__wrap { max-width: 1082px; margin: 0 auto; } .p-event__wrap .fc-center { font-family: "gotham"; font-size: 2.375rem; font-weight: 300; line-height: 1; letter-spacing: 0.15em; text-align: center; color: #212121; display: flex !important; justify-content: center !important; flex-wrap: wrap !important; } .p-event__wrap .fc-center span { font-size: 0.9375rem; font-weight: 300; line-height: 1; letter-spacing: 0.15em; text-align: center; color: #1a1311; display: block; width: 100%; margin-top: 1rem; } .p-event__wrap .fc-ltr .fc-basic-view .fc-day-number { font-size: 1rem; font-weight: 300; line-height: 1.06; color: #1a1311; padding-right: 0.5rem !important; padding-top: 0.5rem !important; border-color: #d8d8d8; } .eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead .fc-sun { color: #bf657b; } .eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead .fc-sat { color: #4f9fb5; } .p-event__wrap .fc-event { position: relative; display: block; border: none; border-radius: 6px; background-color: #eaeaea !important; font-size: 0.875rem !important; line-height: 1.43; letter-spacing: 0.03em; color: #000 !important; padding: 0.5rem !important; box-sizing: border-box !important; margin: 0.5rem !important; } .p-event__wrap .fc-day-header { font-size: 1rem; line-height: 1.25; letter-spacing: 0.48px; text-align: center; color: #1a1311; background-color: #f8f8f8 !important; border: none; padding-top: 0px!important; } .p-event__wrap .fc-day-header.fc-sat { color: #4f9fb5; } .p-event__wrap .fc-day-header.fc-sun { color: #df3b64; } .fc-row .fc-content-skeleton { min-height: 140px; } .p-event__wrap .fc-widget-header { border: none; } .p-event__wrap .fc-widget-content:first-child { border-top: none; border-right: none; border-left: none; background-color: #f8f8f8; } .p-event__wrap .fc-day.fc-widget-content { border-top: solid 1px #d8d8d8; border-right: solid 1px #d8d8d8; border-left: solid 1px #d8d8d8; } .p-event__wrap .eo-fullcalendar .fc-view > table > thead { background: #f8f8f8; } .p-event__wrap .fc-widget-header { padding-bottom: 15px !important; } .p-event__wrap .fc-next-button { display: block; width: 50px; height: 50px; background: url(../images/system/event-right.png) no-repeat center center/100% 100%; border: none; transition: all 0.3s; box-shadow: unset; } .p-event__wrap .fc-prev-button { display: block; width: 50px; height: 50px; background: url(../images/system/event-left.png) no-repeat center center/100% 100%; border: none; transition: all 0.3s; box-shadow: unset; } .fc button .fc-icon { display: none; } .p-event__wrap .eo-fullcalendar .fc-toolbar { margin-bottom: 3.75rem; } .category-event_reform .fc-title::before { content: "●"; color: #93b147; font-size: 1rem; } .category-event_nagaoka .fc-title::before { content: "●"; color: #bf657b; font-size: 1rem; } .category-event_niigata .fc-title::before { content: "●"; color: #4f9fb5; font-size: 1rem; } .p-event__ul { display: flex; max-width: 550px; margin: 0 auto; justify-content: space-between; } .p-event__ul-li { list-style: none; font-size: 0.875rem; line-height: 2.86; letter-spacing: 0.03em; position: relative; } .p-event__ul-li::after { content: ""; display: inline-block; width: 1px; height: 20px; background-color: #393939; position: absolute; top: 10px; right: -10px; transform: rotate(35deg); } .p-event__ul-li:last-child::after { display: none; } .p-event__box { border: solid 1px #d6d6d6; padding: 0.5rem; margin-bottom: 5.625rem; } .p-event__figure { max-width: 60px; margin: 0 auto 1.25rem; } .p-event__figure img { width: 100%; } .fc-row.fc-widget-header::after { background-size: cover; content: ""; display: inline-block; background-image: url(../img/border-line.png); background-repeat: no-repeat; width: 100%; height: 2px; } .p-event__content-title { font-size: 1.25rem; line-height: 1.35; letter-spacing: 0.03em; text-align: left; color: #1a1311; margin-bottom: 0.5rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; height: 55px; } .p-event__content-title a { color: #1a1311; text-decoration: none; } .p-event__content-date, .p-event__content-venue { font-size: 0.875rem; line-height: 1.79; letter-spacing: 0.01em; display: block; } .p-event__content { display: flex; max-width: 500px; justify-content: space-between; align-items: center; margin-top: 2.5rem; width: 50%; } .p-event__content-link { width: 100%; max-width: 210px; display: block; height: auto; } .p-event__content-link img { width: 100%; height: 157px; -o-object-fit: cover; object-fit: cover; } .p-event__other-list .p-event__content-link img { height: 128px; } .p-event__head { margin-bottom: 3.75rem; } .p-event__title { font-size: 1.125rem; line-height: 1.33; letter-spacing: 0.18em; text-align: center; padding: 2.5rem 0; } .p-event__list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -2.5rem; } .p-event__content-box { max-width: 264px; width: 100%; } .p-event__dl { display: flex; border-bottom: solid 1px #d6d6d6; align-items: baseline; max-width: 395px; } .p-event__dl-dt { font-size: 1rem; line-height: 2.5; letter-spacing: 0.03em; max-width: 100px; width: 100%; margin-right: 1.875rem; } .p-event__dl-dd { font-size: 1rem; line-height: 2.5; letter-spacing: 0.03em; } .p-event__dl-dd a { color: #bf657b; } .p-event__flex-left { max-width: 334px; width: 100%; } .p-event__flex-figure { max-width: 334px; } .p-event__flex-figure a { display: block; } .p-event__flex-figure img { margin: 0; width: 100%; } .p-event__flex { display: flex; justify-content: space-between; align-items: center; margin-bottom: 3.75rem; } .p-event__flex-right { max-width: 395px; width: 100%; } .p-event__story-title { font-size: 1.625rem; font-weight: 300; line-height: 1.04; letter-spacing: 0.15em; color: #bf657b; margin-bottom: 1.5rem; font-family: "gotham"; } .p-event__focus-title { font-size: 1.625rem; font-weight: 300; line-height: 1.04; letter-spacing: 0.15em; color: #4f9fb5; margin-bottom: 1.5rem; font-family: "gotham"; } .p-event__other-title { font-size: 1.625rem; font-weight: 300; line-height: 1.04; letter-spacing: 0.15em; color: #9768b4; margin-bottom: 1.5rem; font-family: "gotham"; } .c-entry__wrap .p-event__other-sub { font-size: 1.125rem; line-height: 1.33; letter-spacing: 0.1em; margin-bottom: 1rem; } .p-event__story-wrap { margin-bottom: 1rem; } .p-event__focus-wrap { margin-bottom: 1rem; margin-top: 3.75rem; } .c-entry__wrap .p-event__content { width: 100%; max-width: unset; margin-top: 0rem; } .c-entry__wrap .p-event__content-link { margin-right: 2rem; } .c-entry__wrap .p-event__content-box { max-width: unset; } .detail_gmap { height: 335px; margin-bottom: 2.5rem; } .p-event__map-btn { font-size: 1.25rem; line-height: 1.75; letter-spacing: 0.1em; text-align: center; color: #fff !important; border-radius: 42px; background-color: #4f9fb5; max-width: 376px; display: block; text-decoration: none !important; padding: 1rem 0; transition: all 0.3s !important; width: 100%; } .p-event__map-btn:hover { opacity: 0.7; } .p-event__map-wrap { margin-bottom: 7.5rem; } .placecimg { display: block; margin-bottom: 7.5rem !important; } .p-event__cate { font-size: 0.75rem; line-height: 2.33; letter-spacing: 0.03em; color: #a2a2a2; } .c-entry__wrap .p-event__entry-txt { font-size: 0.875rem; line-height: 2.86; letter-spacing: 0.03em; text-align: center; margin-bottom: unset; } .p-event__entry-wrap { border: solid 1px #d6d6d6; margin-bottom: 2.5rem; } .p-event__entry-btn { font-size: 1.25rem; line-height: 1.75; letter-spacing: 0.1em; text-align: center; color: #fff !important; border-radius: 42px; max-width: 376px; display: block; text-decoration: none !important; padding: 1rem 0; transition: all 0.3s !important; width: 100%; background-color: #bf657b; } .p-event__btn-wrap { margin-bottom: 6.25rem; display: flex; justify-content: space-around; } .p-news__side-title.-event { color: #d19f40; } .-general .parent-all.-event { padding-bottom: unset; } .-general .parent-li.-event { padding-bottom: unset; } .p-event__modal { position: relative; width: 100%; max-width: 376px; } .p-event__modal .modal_box { /* max-width: 1080px; */ /* padding: 0; */ } .p-event__modal .c-title__figure { max-width: 43px; margin-right: 1rem; } .p-event__modal .c-title__main2 { font-size: 1.5rem; line-height: 2.29; letter-spacing: 0.03em; color: #1a1311; } .p-event__modal .c-title__body { margin-bottom: unset; justify-content: center; padding: 1.875rem 0; } .p-event__modal .p-event__modal-text { font-size: 1rem; line-height: 2.19; letter-spacing: 0.03em; text-align: center; margin: 0; border: solid 1px #d6d6d6; padding: 0.5rem 0; margin-bottom: 2.5rem; } .p-event__modal .modal_close { background-color: #474645; height: 32px; width: 32px; border-radius: 50%; position: relative; } .p-event__modal .modal_close::before, .p-event__modal .modal_close::after { display: block; content: ""; width: 13px; height: 1px; background: #fff; top: 50%; left: 30%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); position: absolute; } .p-event__modal .modal_close::before { transform: rotate(-45deg); } .p-event__modal .modal_close::after { transform: rotate(45deg); } .p-event__reserve-btn { font-size: 1.25rem; line-height: 1.75; letter-spacing: 0.1em; text-align: center; color: #fff !important; border-radius: 42px; max-width: 376px; display: block; text-decoration: none !important; padding: 1rem 0; transition: all 0.3s !important; width: 100%; background-color: #4f9fb5; } .p-event__modal-wrap { background-color: #fff; display: block; width: 100%; position: relative; padding: 3.125rem; box-sizing: border-box; } .p-event__modal-title { font-size: 1.25rem; line-height: 1.75; letter-spacing: 0.6em; text-align: center; padding: 1.25rem 0; } .p-event__modal-footer { max-width: 32px; position: absolute; top: 14px; right: 14px; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton { min-height: unset; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton table { display: flex; box-sizing: border-box; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton table thead { border-right: 1px solid #ddd; position: relative; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton table .fc-day-number { display: flex; flex-direction: row-reverse; border-bottom: unset !important; border-left: unset !important; border-right: unset !important; padding-right: unset !important; border-top: unset; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton table .fc-day-grid-event { margin: 0 !important; background-color: unset !important; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton table .fc-list-header-right { padding: unset !important; width: 30px; text-align: center; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton table .fc-list-header-left { padding-left: unset; text-align: center; width: 30px; padding: unset !important; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton table .fc-row .fc-content-skeleton { min-height: unset; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton table .fc-title { height: 16px; line-height: 1; } .fc-listMonth-view .fc-content-skeleton thead::after { content: ""; display: block; width: 1px; height: -webkit-fill-available; background-color: #ddd; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } .fc-listMonth-view::before { background-size: cover; content: ""; display: inline-block; background-image: url(../img/border-line.png); background-repeat: no-repeat; width: 100%; height: 2px; position: absolute; top: 0; z-index: 10; } .fc-listMonth-view::after { background-size: cover; content: ""; display: inline-block; background-image: url(../img/border-line.png); background-repeat: no-repeat; width: 100%; height: 2px; position: absolute; bottom: 0; z-index: 10; } /* 調整 */ .p-event__other-wrap { margin-top: 6rem; } /* general ————————————————————————————————————————— */ .p-general__title2 { font-size: 1.5rem; line-height: 1.04; letter-spacing: 0.27em; margin-bottom: 1.875rem; } .p-general__title2 span { color: #93b147; } .p-general__box2 { margin-bottom: 55px; } .-general .c-card__sub { font-size: 0.75rem; } .-general .c-card__txt { -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; height: 48px; font-size: 1rem; line-height: 1.56; letter-spacing: 0.03em; } .-general .c-card__wrap.-third { margin-top: 1.25rem; } .-general .c-card__flex { margin-top: -1.25rem; } .-general .child-li { font-size: 0.875rem; line-height: 1.79; letter-spacing: 0.06em; color: #1a1311; padding-left: 1rem; } .-general .parent-all { padding-bottom: 0.5rem; } .-general .p-news__side-box { margin-bottom: 1.5rem; } .general_cate { font-family: "gotham"; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; background: transparent; position: relative; z-index: 2; cursor: pointer; display: block; width: 100%; height: 56px; border-radius: 8px; font-size: 16px; font-weight: 300; line-height: 1.06; letter-spacing: 0px; color: #4f9fb5; max-width: 300px; padding-left: 17px; border: none; outline: none; } .general_area { font-family: "gotham"; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; background: transparent; position: relative; z-index: 2; cursor: pointer; display: block; width: 100%; height: 56px; border-radius: 8px; font-size: 16px; font-weight: 300; line-height: 1.06; letter-spacing: 0px; color: #bf657b; max-width: 300px; padding-left: 17px; border: none; outline: none; } .p-general__search { position: relative; background-color: #f8f8f8; padding-top: 65px; padding-bottom: 19px; } /*アコーディオンタイトル*/ .p-general__title { font-family: "gotham"; position: relative; cursor: pointer; transition: all 0.5s ease; text-align: center; display: flex; align-items: center; margin: 0 auto; font-size: 1.25rem; font-weight: 300; line-height: 1.05; letter-spacing: 0.1em; text-align: left; color: #d19f40; } .-red .p-general__title { border-color: #bf657b; color: #bf657b; justify-content: flex-end; } .-red .p-general__title a { color: #bf657b; } .-blue .p-general__title { border-color: #4f9fb5; color: #4f9fb5; } .-green .p-general__title { border-color: #93b147; color: #93b147; } .-orange .p-general__title { border-color: #d19f40; color: #d19f40; } .-purple .p-general__title { border-color: #9e8dbf; color: #9e8dbf; } .p-general__select .fa-chevron-circle-up { font-size: 1.375rem; right: unset; top: unset; position: relative; transform: unset; margin-left: 0.5rem; } .-red .fa-chevron-circle-up { color: #bf657b; } .-blue .fa-chevron-circle-up { color: #4f9fb5; } .-green .fa-chevron-circle-up { color: #93b147; } .-orange .fa-chevron-circle-up { color: #d19f40; } .-purple .fa-chevron-circle-up { color: #9e8dbf; } /*　closeというクラスがついたら形状変化　*/ .p-general__title.close .fa-chevron-circle-up { transform: rotate(180deg); top: 15%; } /*アコーディオンで現れるエリア*/ .p-general__box { /* display: none; */ /*はじめは非表示*/ margin: 0.5rem auto 0; } .p-general__box a { font-size: 0.875rem; line-height: 2.14; letter-spacing: 0.06em; color: #1a1311; display: block; } .-blue .p-general__box-link { color: #66a4b5; } .-green .p-general__box-link { color: #93b147; } .-orange .p-general__box-link { color: #d19f40; } .p-general__area .fa-chevron-circle-up { font-size: 1.375rem; right: unset; top: unset; position: relative; transform: unset; margin-left: 0.5rem; } .-general .p-blog__wrap .c-card__thumbnail img { height: 168px; -o-object-fit: cover; object-fit: cover; } .-general .c-entry__thumbnail img { /* 縦長の画像を画面に収まるように表示したい */ max-height: 690px; } /* construction ————————————————————————————————————————— */ .-construction .p-general__title2 span { color: #4f9fb5; } .-construction .p-hero__title2 { font-size: 1.9rem; } .p-hero__head.-construction { background-color: #bf657b; } .p-construction__hr { margin: 0 0.5rem; height: 12px; border: none; width: 1px; background: #a2a2a2; } .rand-color-1 { color: #cb7086; } .rand-color-2 { color: #6eafc1; } .rand-color-3 { color: #a1be58; } .rand-color-4 { color: #dece51; } .rand-color-5 { color: #d65c51; } .rand-color-6 { color: #a794cc; } .rand-color-7 { color: #5e96ce; } .rand-color-8 { color: #dbaa4c; } .p-construction__sub { margin-right: 1rem; display: flex; max-width: -moz-fit-content; max-width: fit-content; } .-construction .c-card__txt { display: flex; } .p-construction__title { display: flex; } .new_style { font-family: "gotham"; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; background: transparent; position: relative; z-index: 2; cursor: pointer; display: block; width: 100%; height: 56px; border-radius: 8px; font-size: 16px; font-weight: 300; line-height: 1.06; letter-spacing: 0px; color: #bf657b; max-width: 300px; padding-left: 17px; border: none; outline: none; } .new_taste { font-family: "gotham"; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; background: transparent; position: relative; z-index: 2; cursor: pointer; display: block; width: 100%; height: 56px; border-radius: 8px; font-size: 16px; font-weight: 300; line-height: 1.06; letter-spacing: 0px; color: #4f9fb5; max-width: 300px; padding-left: 17px; border: none; outline: none; } .new_area { font-family: "gotham"; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; background: transparent; position: relative; z-index: 2; cursor: pointer; display: block; width: 100%; height: 56px; border-radius: 8px; font-size: 16px; font-weight: 300; line-height: 1.06; letter-spacing: 0px; color: #93b147; max-width: 300px; padding-left: 17px; border: none; outline: none; } .p-construction__search-flex { display: flex; max-width: 945px; justify-content: space-between; align-items: center; width: 100%; } .p-construction__search-wrap { display: flex; max-width: 1045px; margin: 0 auto; justify-content: space-between; padding-bottom: 2.875rem; } .p-construction__no { margin-right: 0.5rem; } .p-construction__no-title { font-size: 0.875rem; font-weight: 300; line-height: 1.07; letter-spacing: 0.15em; color: #7e7e7e; margin-bottom: 1rem; } .p-construction__no-title span { margin-left: 0.5rem; } .p-construction__item { font-size: 0.875rem; line-height: 1.21; letter-spacing: 0.03em; color: #1a1311; display: block; } .p-construction__sub-title { display: block; font-size: 1.125rem; line-height: 1; } .single-new_construction .c-title__figure { max-width: 120px; } /*# sourceMappingURL=page-company copy.css.map */ /* blog ————————————————————————————————————————— */ .p-blog__wrap { max-width: 1040px; margin: 0 auto; } .p-blog__wrap2 { display: flex; justify-content: center; } /*アコーディオン全体*/ .p-blog__select { background-color: #f8f8f8; height: 140px; position: relative; z-index: 10; } .p-blog__area { list-style: none; display: flex; max-width: 750px; margin: 0 auto; align-items: baseline; justify-content: center; position: absolute; left: 0; right: 0; } .p-blog__area-li { margin-bottom: 1.25rem; width: 100%; } .p-blog__content { padding: 0 2rem; } .-first .p-blog__content { max-width: 140px; } .p-blog__area section { border: 1px solid #ccc; } /*アコーディオンタイトル*/ .p-blog__title { font-family: "gotham"; position: relative; cursor: pointer; transition: all 0.5s ease; font-size: 1.5rem; font-weight: 300; line-height: 1.08; letter-spacing: 0.15em; text-align: center; display: flex; align-items: center; margin: 0 auto; justify-content: center; } .-red .p-blog__title { border-color: #bf657b; color: #bf657b; justify-content: flex-end; } .-red .p-blog__title a { color: #bf657b; } .-blue .p-blog__title { border-color: #4f9fb5; color: #4f9fb5; } .-green .p-blog__title { border-color: #93b147; color: #93b147; } .-orange .p-blog__title { border-color: #d19f40; color: #d19f40; } .-purple .p-blog__title { border-color: #9e8dbf; color: #9e8dbf; } .p-blog__select .fa-chevron-circle-up { font-size: 1.375rem; right: unset; top: unset; position: relative; transform: unset; margin-left: 0.5rem; } .-red .fa-chevron-circle-up { color: #bf657b; } .-blue .fa-chevron-circle-up { color: #4f9fb5; } .-green .fa-chevron-circle-up { color: #93b147; } .-orange .fa-chevron-circle-up { color: #d19f40; } .-purple .fa-chevron-circle-up { color: #9e8dbf; } /*　closeというクラスがついたら形状変化　*/ .p-blog__title.close .fa-chevron-circle-up { transform: rotate(180deg); top: 15%; } /*アコーディオンで現れるエリア*/ .p-blog__box { display: none; /*はじめは非表示*/ margin: 1.25rem auto 0; } .p-blog__box a { font-size: 0.875rem; line-height: 2.5; letter-spacing: 0.42px; text-align: center; display: block; background-color: #fff; max-width: 210px; margin: 0 auto 3px; } .-blue .p-blog__box a { color: #66a4b5; } .-green .p-blog__box a { color: #93b147; } .-orange .p-blog__box a { color: #d19f40; } .p-blog__hr { margin: 0; height: 18px; border: none; width: 1px; background: #333; } .p-blog__search { position: relative; background-color: #f8f8f8; } .blog_person { color: #4f9fb5; font-family: "gotham"; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; background: transparent; position: relative; z-index: 2; cursor: pointer; display: block; width: 100%; height: 56px; border-radius: 8px; font-size: 16px; font-weight: 300; letter-spacing: 0px; max-width: 300px; padding-left: 17px; border: none; outline: none; } .select_wrap { position: relative; background-color: #fff; border-radius: 8px; } .select_wrap::after { content: ""; display: inline-block; width: 10px; height: 10px; position: absolute; right: 23px; top: 18px; transform: rotate(135deg); border-right: 2px solid #a2a2a2; border-top: 2px solid #a2a2a2; transition: all 0.3s ease 0s; z-index: 1; } .blog_cate { color: #93b147; font-family: "gotham"; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; background: transparent; position: relative; z-index: 2; cursor: pointer; display: block; width: 100%; height: 56px; border-radius: 8px; font-size: 16px; font-weight: 300; letter-spacing: 0px; max-width: 300px; padding-left: 17px; border: none; outline: none; } .p-blog__search-submit { display: block; width: 89px; height: 89px; position: relative; left: 2px; top: -2px; background: url(../images/system/search-btn.png) no-repeat center center/100% 100%; transition: ease 0.3s; border: none; transition: all 0.3s; } .p-blog__search-submit:hover { opacity: 0.7; } .p-blog__search-figure { max-width: 17px; display: block; } .p-blog__search-figure img { width: 100%; display: block; } .p-blog__search-right, .p-blog__search-left { max-width: 300px; width: 100%; } .p-blog__search-flex { display: flex; max-width: 600px; justify-content: space-between; align-items: center; width: 100%; } .p-blog__search-wrap { display: flex; max-width: 720px; margin: 0 auto; justify-content: space-between; padding-bottom: 2.875rem; } .p-blog__wrap .c-card__cate { color: #4f9fb5; } .p-blog__wrap .c-card__thumbnail img { height: 225px; -o-object-fit: cover; object-fit: cover; } /* 引用符調整 */ blockquote { position: relative; padding: 35px 15px 10px 15px; box-sizing: border-box; font-style: italic; background: #f5f5f5; color: #777777; margin-bottom: 1.875rem; } blockquote:before { display: inline-block; position: absolute; top: 5px; left: 3px; content: "“"; font-family: sans-serif; color: #4f9fb5; font-size: 90px; line-height: 1; } blockquote p { padding: 0; margin: 7px 0 !important; line-height: 1.7; } /*# sourceMappingURL=page-company copy.css.map */ /* component ————————————————————————————————————————— */ .c-title__main { font-family: "gotham"; font-size: 2.375rem; font-weight: 300; line-height: 1.05; letter-spacing: 0.15em; color: #1a1311; display: flex; align-items: center; } .c-title__main span { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif; font-size: 1.25rem; line-height: 1.75; letter-spacing: 0.03em; color: #000; margin-left: 1.875rem; } .c-title__figure { max-width: 80px; margin-right: 1.875rem; } .c-title__figure img { width: 100%; } .c-title__body { display: flex; align-items: center; margin-bottom: 2rem; } .c-title__body2 { display: flex; justify-content: center; margin-bottom: 2rem; } .c-title__main2 { font-size: 1.875rem; line-height: 1.83; letter-spacing: 0.03em; color: #1a1311; } .c-card__wrap { max-width: 330px; width: 100%; position: relative; overflow: hidden; box-sizing: border-box; } .c-card__header { display: flex; flex-wrap: wrap; } .c-card__sub { font-size: 0.875rem; line-height: 1; letter-spacing: 0.03em; color: #a2a2a2; margin-bottom: 0.625rem; display: flex; align-items: center; } .c-card__box { order: 1; width: 100%; } .c-card__thumbnail { margin: 0; order: 0; overflow: hidden; margin-bottom: 6px; position: relative; width: 100%; max-width: 343px; } .c-card__thumbnail img { width: 100%; transition: all 1.5s; height: auto; } .p-top__events-wrap .c-card__thumbnail img { height: 225px; -o-object-fit: cover; object-fit: cover; } .c-card__txt { -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; height: 48px; font-size: 1.125rem; line-height: 1.39; letter-spacing: 0.03em; } .c-card__flex { display: flex; align-items: flex-start; margin-bottom: 6.25rem; flex-wrap: wrap; margin-top: -4.375rem; } .c-card__flex.-center { justify-content: center; } .c-card__wrap.-third { width: 32%; margin-right: 2%; margin-top: 4.375rem; } .c-card__wrap.-third:last-child { margin-right: 0%; } .c-card__wrap.-third:nth-child(3n) { margin-right: 0%; } .c-card__title { font-size: 1.125rem; line-height: 1.5; letter-spacing: 0.06em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; height: 56px; } .c-card__box { order: 1; width: 100%; } .c-card__link { display: block; color: #333132; } .c-card__link:hover .c-card__image { transform: scale(1.2, 1.2); opacity: 0.7; } .c-card__list { display: flex; } .c-card__list-li { display: flex; align-items: center; font-size: 0.9375rem; font-weight: 500; text-align: left; color: #9e9e9e; margin-right: 1.25rem; } .c-card__list-li img { max-width: 18.5px; display: block; margin-right: 0.5rem; } .c-card__hr { margin: 0 0.5rem; height: 12px; } .c-grid__date { font-size: 0.875rem; line-height: 1.71; letter-spacing: 0.01em; color: #a2a2a2; margin-right: 12px; } .c-grid__cate { font-size: 0.875rem; line-height: 1.71; letter-spacing: 0.01em; } .c-grid__box { display: flex; align-items: center; margin-bottom: 0.75rem; } .c-grid__title { -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; display: -webkit-box; font-size: 1.125rem; line-height: 1.33; letter-spacing: 0.01em; color: #000; height: 24px; margin-bottom: 1.125rem; } .c-grid__thumbnail { max-width: 187px; overflow: hidden; position: relative; } .c-grid__thumbnail img { height: 128px; display: block; width: 187px; -o-object-fit: cover; object-fit: cover; transition: all 0.3s; } .c-grid__article { max-width: 1100px; margin-bottom: 0.875rem; } .c-grid__link { display: flex; flex-direction: row-reverse; justify-content: flex-end; margin-bottom: 0.875rem; color: #000; } .c-grid__right { width: 100%; margin: 1.25rem 0; } .c-grid__left { max-width: 187px; width: 100%; margin-right: 1.625rem; } .c-grid__link:hover .c-grid__image { transform: scale(1.2, 1.2); opacity: 0.7; } .c-grid__wrap { margin-bottom: 2.5rem; } .c-archive__wrap .c-grid__wrap { margin-bottom: 3.75rem; } .page-numbers { /* width: 30px; */ /* display: block; */ /* margin-right: 0.5rem; */ /* transition: all 0.3s ease 0s; */ /* text-align: center; */ /* padding: 6px; */ /* box-sizing: border-box; */ /* font-size: 1.125rem; */ /* line-height: 1; */ /* letter-spacing: 0.06em; */ /* border-radius: 21px; */ /* font-weight: 300; */ /* color: #1a1311; */ /* font-family: "gotham"; */ } .page-numbers:hover { /* color: #fff; */ /* background-color: #bf657b; */ } .nav-links .next { width: 12px; padding: unset; border: unset; margin: 0; margin-left: 0.5rem; background-color: #f8f8f8; } .page-next { display: flex; justify-content: space-between; width: 12px; } .page-next img { max-width: 12px; width: 100%; position: relative; transition: all 0.3s; } .page-next:hover img { transform: translateX(20%); } .nav-links .prev { width: 12px; padding: unset; border: unset; margin: 0; margin-right: 0.5rem; background-color: #f8f8f8; } .page-prev { display: flex; justify-content: space-between; width: 12px; } .page-prev img { max-width: 12px; width: 100%; position: relative; transition: all 0.3s; } .page-prev:hover img { transform: translateX(-20%); } .current { color: #fff; background-color: #bf657b; } .nav-links { display: flex; justify-content: center; align-items: center; max-width: 600px; width: 100%; margin: 0 auto; } .c-entry__wrap { padding: 2rem 0 6rem; } .single-new_construction .c-entry__wrap { max-width: 695px; } .c-entry__sub { font-size: 0.875rem; line-height: 1; letter-spacing: 0.03em; color: #a2a2a2; margin-bottom: 3.75rem; display: flex; align-items: center; flex-wrap: wrap; } .p-blog__wrap2 .c-entry__sub { justify-content: center; } .c-entry__hr { margin: 0 0.5rem; height: 12px; } .c-entry__wrap p { font-size: 1rem; line-height: 2.19; letter-spacing: 0.03em; text-align: left; margin-bottom: 1.875rem; } .c-entry__wrap p.form-Box-txt { text-align: center; font-size: 35px; letter-spacing: 0; margin-bottom: 52px; } .c-entry__wrap .form-Box .form-Box-inner p { margin-bottom: 0; } .c-entry__wrap .form-Box .form-Box-inner .pp-tac p { text-align: center; } .c-entry__wrap .form-Box .form-Box-inner p.txt-message-02 { text-align: center; } .c-entry__wrap h2 { font-size: 1.5rem; line-height: 2.21; letter-spacing: 0.03em; text-align: left; margin-bottom: 1.875rem; } .c-entry__wrap a { color: #000; text-decoration: underline; transition: all 0.3s; /* width: 100%; */ } .c-entry__wrap a:hover { opacity: 0.7; } .c-entry__wrap img { margin: 1em 0; max-width: 100%; height: auto; } .c-entry__wrap img.alignleft { float: unset; margin: 0.5em 1em 0.5em 0; } .c-entry__thumbnail { margin-bottom: 2.5rem; } .c-entry__thumbnail img { display: block; margin: 0; } .page-navi__prev { font-size: 1rem; line-height: 1.56; letter-spacing: 0.03em; color: #1a1311; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; height: 42px; } .page-navi__prev span { display: block; font-size: 0.75rem; font-style: normal; line-height: 1.55; letter-spacing: 0.03em; color: #a2a2a2; } .page-navi-right { max-width: 460px; width: 100%; position: absolute; top: 50%; right: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .page-navi-left { max-width: 460px; width: 100%; position: absolute; top: 50%; left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .page-navi__link { display: flex; align-items: center; padding: 1rem 0; width: 100%; } .page-navi__link2 { display: flex; align-items: center; padding: 1rem 0; width: 100%; justify-content: flex-end; } .fa-chevron-circle-left { color: #bf657b; font-size: 22px; margin: 0 1rem; transition: all 0.3s ease 0s; } .fa-chevron-circle-right { font-size: 22px; margin: 0 1rem; transition: all 0.3s ease 0s; } .page-navi__next { font-size: 1rem; line-height: 1.56; letter-spacing: 0.03em; color: #1a1311; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; height: 42px; } .page-navi__next span { display: block; font-size: 0.75rem; font-style: normal; line-height: 1.55; letter-spacing: 0.03em; color: #a2a2a2; } .page-navi__btn { width: 100px; height: 100px; background-color: #CB7086; display: block; border-radius: 50%; position: relative; margin: 0 auto; transition: all 0.3s; } .page-navi__btn:hover { opacity: 0.7; } .page-navi__btn span { font-size: 15px; line-height: 1.31; letter-spacing: 0.2em; text-align: center; color: #fff; position: absolute; width: 100%; top: 50%; left: 53%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .page-navigation { position: relative; } .page-navi__link:hover .fa-chevron-circle-left { transform: translateX(-30%); } .page-navi__link2:hover .fa-chevron-circle-right { transform: translateX(30%); } .c-entry__cate2 { font-size: 14px; line-height: 1.86; letter-spacing: 0.03em; text-align: center; color: #fff; border-radius: 15px; background-color: #4f9fb5; display: block; max-width: 160px; margin: 0 auto 2.5rem; } .fa-twitter-square { font-size: 30px; color: #4186c7; } .fa-line { font-size: 30px; color: #639630; } .fa-facebook-square { font-size: 30px; color: #233e84; } .c-share__content { display: flex; max-width: 160px; justify-content: space-between; align-items: center; margin-bottom: 6.25rem; } .c-share__sns { display: flex; max-width: 100px; justify-content: space-between; width: 100%; } .c-grid__event-option { font-size: 0.8125rem; line-height: 1.85; letter-spacing: 0.01em; } .c-grid__event-option span { margin-right: 0.5rem; } .c-entry__wrap .new_one-title { font-family: "Shippori Mincho", serif; font-weight: 500; font-size: 18px; line-height: normal; text-align: left; color: #1a1a1a; margin-top: 16px; margin-bottom: 3px; } .c-entry__wrap .new_one-text { font-weight: normal; font-size: 14px; line-height: 30px; text-align: left; color: #1a1a1a; } .new_one-wrap { margin-bottom: 1.5rem; /* max-width: 695px; */ } .new_two-wrap { display: flex; justify-content: space-between; /* max-width: 695px; */ margin-bottom: 1.5rem; } .new_two-left, .new_two-right { /* max-width: 340px; */ width: 49%; } .new_two-right .new_two-img img, .new_two-left .new_two-img img { margin: 0; } .new_two-img { display: block; text-align: center; } .new_two-right .new_two-img img, .new_two-left .new_two-img img { max-width: 100%; width: auto; height: auto; max-height: 340px; } .new_one-box .new_one-img img { margin: 0; width: 100%; } .new_before-wrap { margin-bottom: 1.5rem; } .c-entry__wrap .new_before-img { border: solid 3px #474645; display: block; max-width: 340px; box-sizing: border-box; position: relative; text-decoration: none; margin-bottom: 1.5rem; } .c-entry__wrap .new_before-img img { margin: 0; width: 100%; } .c-entry__wrap .new_before-img span { font-size: 1.125rem; line-height: 1; letter-spacing: 0.03em; text-align: center; color: #fff; display: block; background-color: #474645; max-width: 95px; padding: 8px 0 10px; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; } /* お知らせ 調整 */ .p-news__main .c-grid__article:last-of-type .p-privacy__hr { display: none; } .p-news__main .c-entry__wrap p a:last-of-type img { margin-right: 0; } strong { font-weight: bold !important; } .p-blog__box2 ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* topics -------------------------------------*/ /* 一覧 -------------------------------------*/ #topics .system-list { margin-bottom: 50px; padding: 20px; background: #eeefef; } #topics .system-list-inner { padding: 20px; background: #fff; } #topics .system-list li { line-height: 1.4; overflow: hidden; margin-bottom: 20px; padding: 0 0 20px; border-bottom: 1px dotted #b2b2b2; } #topics .system-list li a:hover { text-decoration: none; } #topics .system-list .system-date { font-size: 16px; line-height: 1.4; float: left; width: 20%; } #topics .system-date::before { content: "■"; } #topics .system-list .text-box { font-size: 14px; line-height: 1.6; float: left; width: 78%; } #topics .system-list .system-ttl-01 { font-size: 16px; line-height: 1.6; } #topics .system-list .system-category-set { margin-bottom: 10px; color: #fff; } #topics .system-list .system-category { font-size: 0.688em; font-weight: bold; float: left; width: 20%; margin-right: 1px; padding: 5px; text-align: center; color: #fff; background: #ccc; } /* カテゴリ -------------------------------------*/ #topics .system-category-set p { display: inline-block; margin-right: 10px; padding: 4px 15px; background: #000 !important; } /* 詳細 -------------------------------------*/ #topics .system-contents { margin-bottom: 30px; padding: 20px; background: #eeefef; } #topics .system-contents-inner { padding: 40px 20px; background: #fff; } #topics .system-contents .system-date { font-size: 1em; display: block; margin-bottom: 15px; } #topics .system-contents .system-category-set { width: 100%; margin-bottom: 20px; color: #fff; } #topics .system-contents .system-category { font-size: 0.75em; font-weight: bold; float: left; width: 20%; margin-right: 2px; padding: 8px; text-align: center; color: #fff; background: #ccc; } #topics .system-contents .system-ttl { font-size: 1.375em; font-weight: bold; line-height: 1.4; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px #ccc solid; } /* 付属 -------------------------------------*/ /* case-newly -------------------------------------*/ /* 一覧 -------------------------------------*/ #case-newly .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; padding: 41px 21px 21px; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; } #case-newly .system-list li { line-height: 1.4; position: relative; width: 23.5%; margin-right: 2%; margin-bottom: 20px; padding: 20px 10px 30px; background: #fff; } #case-newly .system-list li:nth-child(4n) { margin-right: 0; } #case-newly .system-list li a:hover { text-decoration: none; } #case-newly .system-list .btn { font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; text-align: center; color: #fff; background: #333; } #case-newly .system-list .btn::after { content: ' >'; } #case-newly .system-list .system-pic { overflow: hidden; width: 100%; height: 180px; margin-bottom: 15px; text-align: center; } #case-newly .system-list .system-pic img { width: 100%; height: 180px; } #case-newly .system-list .system-date { font-size: 0.75em; line-height: 1.4; margin-bottom: 10px; } #case-newly .system-list .system-date::before { content: "■"; } #case-newly .system-list .system-coment { font-size: 0.75em; line-height: 1.4; margin-bottom: 5px; } #case-newly .system-list .system-ttl-01 { font-size: 16px; line-height: 1.4; margin-bottom: 10px; } /* カテゴリ -------------------------------------*/ #case-newly .system-category span { font-size: 14px; display: block; margin-bottom: 5px; padding: 4px; text-align: center; color: #fff; } /* フォーム関連 -------------------------------------*/ #case-newly .system-contents { margin-bottom: 30px; padding: 40px 20px; background: #eeefef; } #case-newly .system-contents .system-category-set { margin-top: 0; margin-bottom: 0; } #case-newly .system-contents-inner { padding: 40px 20px; background: #fff; } #case-newly .system-contents .system-date { font-size: 1em; display: block; margin-bottom: 15px; } #case-newly .system-contents .system-category { font-size: 14px; float: left; width: 100%; margin-bottom: 20px; color: #fff; } #case-newly .system-contents .system-category span { font-size: 14px; display: inline-block; margin-right: 10px; margin-bottom: 5px; padding: 4px 24px; text-align: center; color: #fff; } #case-newly .system-contents .system-ttl { font-size: 1.375em; font-weight: bold; line-height: 1.4; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px #ccc solid; } #case-newly .system-contents .system-i-pic { margin-bottom: 20px; text-align: center; } #case-newly .system-contents .system-i-pic img { width: auto; max-width: 100%; height: auto; max-height: 900px; } /* 付属 -------------------------------------*/ /* voice -------------------------------------*/ /* 一覧 -------------------------------------*/ #voice .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; padding: 41px 21px 21px; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; } #voice .system-list li { line-height: 1.4; position: relative; width: 32%; margin-right: 2%; margin-bottom: 20px; padding: 20px 10px 30px; background: #fff; } #voice .system-list li:nth-child(3n) { margin-right: 0; } #voice .system-list li a:hover { text-decoration: none; } #voice .system-list .btn { font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 2%; text-align: center; color: #fff; background: #333; } #voice .system-list .btn::after { content: ' >'; } #voice .system-list .system-pic { overflow: hidden; width: 100%; height: 240px; margin-bottom: 15px; text-align: center; } #voice .system-list .system-pic img { width: 100%; height: 240px; } #voice .system-list .system-date { font-size: 0.75em; line-height: 1.4; margin-bottom: 10px; } #voice .system-list .system-date::before { content: "■"; } #voice .system-list .system-name { font-size: 18px; line-height: 1.4; margin-bottom: 10px; } #voice .system-list .system-coment { font-size: 0.75em; line-height: 1.4; margin-bottom: 5px; } #voice .system-list .system-ttl-01 { font-size: 1em; line-height: 1.4; margin-bottom: 10px; } /* 詳細 -------------------------------------*/ #voice { margin-bottom: 30px; padding: 40px 20px; background: #eeefef; } #voice .system-contents-inner { padding: 40px 20px; background: #fff; } #voice .system-contents .system-date { font-size: 1em; display: block; margin-bottom: 15px; } #voice .system-contents .system-category-set { margin-top: 0; margin-bottom: 0; } #voice .system-contents .system-category { font-size: 0.75em; float: left; width: 20%; margin-right: 2px; margin-bottom: 20px; padding: 8px; text-align: center; color: #fff; } #voice .system-contents .system-ttl { font-size: 26px; font-weight: bold; line-height: 1.4; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px #ccc solid; } #voice .system-contents .system-i-pic { margin-bottom: 20px; text-align: center; } #voice .system-contents .system-i-pic img { width: auto; max-width: 100%; height: auto; max-height: 900px; } /* カテゴリ -------------------------------------*/ #voice .system-gallery { margin-bottom: 30px; padding: 30px 20px; background: #eeefef; } #voice .system-gallery h2 { text-transform: uppercase; } #voice .gallery-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; } #voice .gallery-list li { font-size: 0.75em; line-height: 1.4; position: relative; width: 18.4%; margin: 0 2% 25px 0; text-align: left; } #voice .gallery-list li:nth-of-type(5n) { margin-right: 0; } #voice .gallery-list li a:hover { text-decoration: none; } #voice .gallery-list li .system-Frame { display: block; overflow: hidden; width: 100%; height: 120px; margin-bottom: 8px; text-align: center; } #voice .gallery-list li .system-Frame::after { position: absolute; top: 90px; right: 0; display: block; content: url(../images/common/icon_plus.jpg); } #voice .gallery-list li .system-Frame img { width: 100%; height: 120px; } /* インクルード -------------------------------------*/ #voice .system-list02 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; padding: 41px 21px 21px; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; } #voice .system-list02 li { line-height: 1.4; position: relative; width: 23.5%; margin-right: 2%; margin-bottom: 20px; padding: 20px 10px 30px; background: #fff; } #voice .system-list02 li:nth-child(4n) { margin-right: 0; } #voice .system-list02 li a:hover { text-decoration: none; } #voice .system-list02 .btn { font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; text-align: center; color: #fff; background: #333; } #voice .system-list02 .btn::after { content: ' >'; } #voice .system-list02 .system-pic { overflow: hidden; width: 100%; height: 180px; margin-bottom: 15px; text-align: center; } #voice .system-list02 .system-pic img { width: 100%; height: 180px; } #voice .system-list02 .system-date { font-size: 0.75em; line-height: 1.4; margin-bottom: 10px; } #voice .system-list02 .system-date::before { content: "■"; } #voice .system-list02 .system-coment { font-size: 0.75em; line-height: 1.4; margin-bottom: 5px; } #voice .system-list02 .system-ttl-01 { font-size: 1em; line-height: 1.4; margin-bottom: 20px; } /* 付属 -------------------------------------*/ /* blog -------------------------------------*/ /*patern1*/ #blog .mainContents { float: right; width: 73%; position: relative; top: 0px; } #blog.dl-c .mainContents { top: -8px; } /*patern2*/ #blog .mainContents .system-list2 { margin-bottom: 50px; padding: 0px 20px 20px; /* background: #eeefef; */ } #blog .mainContents .system-list-inner2 { padding: 40px 20px; background: #fff; } #blog .mainContents .system-list2 li { line-height: 1.4; overflow: hidden; margin-bottom: 20px; padding: 0 0 20px; border-bottom: 1px dotted #b2b2b2; } #blog .mainContents .system-list2 li a:hover { text-decoration: none; } #blog .mainContents .system-list2 .sy-flex-1 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; } #blog .mainContents .system-list2 .sy-flex-1 .box-l { width: 20%; } #blog .mainContents .system-list2 .sy-flex-1 .box-r { width: 78%; margin-left: 2%; } #blog .mainContents .system-list2 .system-pic img { max-width: 100%; height: auto; } #blog .mainContents .system-list2 .system-date { font-size: 14px; line-height: 1.4; margin-bottom: 10px; color: #BFA93C; } #blog .mainContents .system-list2 .system-ttl-01 { font-size: 16ｐｘ; line-height: 1.6; margin-bottom: 10px; } #blog .mainContents .system-list2 .system-contributor { font-size: 0.75em; text-align: right; color: #bbb; } /**/ #blog .system-category span { font-size: 14px; display: inline-block; margin-right: 10px; margin-bottom: 5px; padding: 4px; text-align: center; color: #fff; } #blog .mainContents .system-contents { margin-bottom: 30px; padding: 40px 20px; background: #eeefef; } #blog .mainContents .system-contents-inner { padding: 40px 20px; background: #fff; } #blog .mainContents .system-contents .system-category-set { width: 100%; margin-bottom: 20px; } #blog .mainContents .system-contents .system-category { font-size: 0.75em; font-weight: bold; float: right; width: 20%; margin-right: 2px; padding: 8px; text-align: center; color: #fff; background: #ccc; } #blog .mainContents .system-i-pic { margin-bottom: 25px; text-align: center; } #blog .mainContents .system-i-pic img { max-width: 100%; height: auto; } #blog .mainContents .system-date { color: #BFA93C; margin-bottom: 8px; } #blog .mainContents .system-ttl { font-size: 20px; font-weight: bold; line-height: 1.4; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px #ccc solid; } #blog .mainContents .footInfo { margin-top: 50px; padding-top: 20px; border-top: 1px dotted #ccc; } #blog .mainContents .system-contributor { font-size: 0.875em; margin-bottom: 15px; text-align: right; } /*blogサイドバー*/ #blog aside.sidebar { float: left; width: 23%; position: relative; top: -31px; } #blog aside.sidebar .aside-blog-ttl { margin-bottom: 20px; padding-bottom: 10px; text-align: center; border-bottom: 1px solid #ccc; } #blog aside.sidebar .aside-blog-ttl span.en { font-size: 0.75em; display: block; margin-bottom: 10px; letter-spacing: 1px; color: #ccc; } #blog aside.sidebar .aside-blog-ttl span.jp { font-size: 0.938em; font-weight: bold; } #blog aside.sidebar .list-block { margin: 20px 0 40px; } #blog aside.sidebar .list-block .side-day { font-size: 14px; line-height: 1.4; margin-bottom: 10px; color: #BFA93C; } #blog aside.sidebar .list-block .side-blog-new-list li { border-bottom: 1px dotted #b2b2b2; padding-bottom: 8px; margin-bottom: 8px; } #blog aside.sidebar .list-block .side-blog-new-list a { display: block; } #blog aside.sidebar .acbox a { font-size: 0.875rem; line-height: 1.4; display: block; margin-bottom: 15px !important; padding-bottom: 15px; border-bottom: 1px dotted #ddd; } #sidebar .widget_calendar { margin-bottom: 40px; } table#wp-calendar { font-size: 12px; width: 100%; margin: 5px auto 0 auto; margin-bottom: 30px; padding: 0; table-layout: fixed; border-spacing: 0; border-collapse: collapse; } table#wp-calendar caption { font-weight: bold; width: auto; margin: 10px 0 0 0; padding: 10px; text-align: center; border: thin solid #eee; border-radius: 3px 3px 0 0; background-color: #fff; } table#wp-calendar #today { font-weight: bold; z-index: 1; display: block; background-color: #cef; } table#wp-calendar .pad { font-weight: bold; background-color: #eee; } table#wp-calendar th, table#wp-calendar td { padding: 7px 0; text-align: center; vertical-align: middle; } table#wp-calendar td { line-height: 1.8; border: thin solid #eee; background-color: #fff; } table#wp-calendar th { font-style: normal; color: #333; border-right: thin solid #eee; border-left: thin solid #eee; background-color: #f0f0f0; } table#wp-calendar a { font-size: 12px; padding: 0; text-decoration: underline; color: #00a0dd; } /* 付属 -------------------------------------*/ /* case-reform -------------------------------------*/ /* 一覧 -------------------------------------*/ #case-reform .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; padding: 41px 21px 21px; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; } #case-reform .system-list li { line-height: 1.4; position: relative; width: 23.5%; margin-right: 2%; margin-bottom: 20px; padding: 20px 10px 20px; background: #fff; } #case-reform .system-list li:nth-child(4n) { margin-right: 0; } #case-reform .system-list li a:hover { text-decoration: none; } #case-reform .system-list .btn { font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; text-align: center; color: #fff; background: #333; } #case-reform .system-list .btn::after { content: ' >'; } #case-reform .system-list .system-pic { overflow: hidden; width: 100%; height: 180px; margin-bottom: 15px; text-align: center; } #case-reform .system-list .system-pic img { width: 100%; height: 180px; } #case-reform .system-list .system-date { font-size: 14px; line-height: 1.4; margin-bottom: 10px; } #case-reform .system-list .system-coment { font-size: 0.75em; line-height: 1.4; margin-bottom: 5px; } #case-reform .system-list .system-ttl-01 { font-size: 16px; line-height: 1.4; margin-bottom: 10px; } /* カテゴリ -------------------------------------*/ #case-reform .system-category span { font-size: 14px; display: block; margin-bottom: 5px; padding: 4px; text-align: center; color: #fff; } /* 詳細 -------------------------------------*/ #case-reform .system-contents { margin-bottom: 30px; padding: 40px 20px; background: #eeefef; } #case-reform .system-contents-inner { padding: 40px 20px; background: #fff; } #case-reform .system-contents .system-date { font-size: 16px; display: block; margin-bottom: 30px; } #case-reform .system-contents .system-category { font-size: 14px; float: left; width: 100%; margin-right: 2px; margin-bottom: 20px; padding: 8px; color: #fff; } #case-reform .system-contents .system-category span { font-size: 14px; display: inline-block; margin-right: 10px; margin-bottom: 5px; padding: 4px 24px; text-align: center; color: #fff; } #case-reform .system-contents .system-ttl { font-size: 26px; font-weight: bold; line-height: 1.4; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px #ccc solid; } #case-reform .system-contents .system-i-pic { margin-bottom: 40px; padding-bottom: 30px; text-align: center; border-bottom: 1px #ccc solid; } #case-reform .system-contents .system-i-pic img { width: auto; max-width: 100%; height: auto; max-height: 900px; } #case-reform .bxslider img { height: auto !important; } /* 付属 -------------------------------------*/ /* event -------------------------------------*/ /* 一覧 -------------------------------------*/ #event .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; padding: 41px 21px 21px; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; } #event .system-list li { line-height: 1.4; position: relative; width: 32%; margin-right: 2%; margin-bottom: 20px; padding: 20px 10px 20px; background: #fff; } #event .system-list li:nth-child(3n) { margin-right: 0; } #event .system-list li a:hover { text-decoration: none; } #event .system-list .btn { font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; text-align: center; color: #fff; background: #333; } #event .system-list .btn::after { content: ' >'; } #event .system-list .system-pic { overflow: hidden; width: 100%; height: 220px; margin-bottom: 15px; text-align: center; } #event .system-list .system-pic img { width: auto; max-width: 100%; height: auto; max-height: 220px; } #event .system-list .system-date { font-size: 14px; line-height: 1.4; margin-bottom: 10px; } #event .system-list .system-information { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #eee; } #event .system-list .system-txt { font-size: 0.813em; line-height: 1.4; margin-bottom: 5px; } #event .system-list .system-coment { font-size: 0.813em; line-height: 1.4; margin-bottom: 5px; } #event .system-list .system-ttl-01 { font-size: 20px; font-weight: bold; line-height: 1.4; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; } #event .system-list .system-ttl-02 { font-size: 16px; line-height: 1.4; margin-bottom: 10px; } /* アイコン -------------------------------------*/ #event .icon { position: absolute; top: -20px; right: -20px; padding: 30px 20px; text-align: center; border-radius: 50%; } #event .icon01 { background: #ff0; } #event .icon02 { background: #f0f; } #event .icon03 { background: #0ff; } #event .system-icon02 span { font-size: 0.8rem; display: block; margin-top: -15px; margin-bottom: 15px; padding: 8px; background: #ccc; } /* カテゴリ -------------------------------------*/ #event .system-category { margin-bottom: 10px; } #event .system-category span { font-size: 14px; display: inline-block; margin-right: 10px; margin-bottom: 5px; padding: 4px 20px; text-align: center; color: #fff; } /* 詳細 -------------------------------------*/ #event .system-contents { position: relative; margin-bottom: 30px; padding: 40px 20px; background: #eeefef; } #event .system-contents-inner { padding: 20px 20px 40px; background: #fff; } #event .system-contents .system-date { font-size: 0.75em; line-height: 1.4; text-align: right; } #event .system-contents .system-date::before { content: none; } #event .system-contents .titleArea { margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px #ccc solid; } #event .system-contents .system-ttl { font-size: 28px; font-weight: bold; line-height: 1.4; margin-bottom: 20px; border-bottom: dotted 1px #000; } #event .system-contents .system-icon02 { width: 20%; } #event .system-contents .system-i-pic { margin-bottom: 20px; text-align: center; } #event .system-contents .system-i-pic img { width: auto; max-width: 100%; height: auto; max-height: 900px; } #event .system-contents #googlemaps { height: 500px; border: 1px solid #dcdddd; } /* 付属 -------------------------------------*/ /* real_estate -------------------------------------*/ /* 一覧 -------------------------------------*/ #real_estate .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; padding: 41px 21px 21px; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; } #real_estate .system-list li { line-height: 1.4; position: relative; width: 32%; margin-right: 2%; margin-bottom: 20px; padding: 20px 10px 30px; background: #fff; } #real_estate .system-list li:nth-child(3n) { margin-right: 0; } #real_estate .system-list li a:hover { text-decoration: none; } #real_estate .system-list .btn { font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; text-align: center; color: #fff; background: #333; } #real_estate .system-list .btn::after { content: ' >'; } #real_estate .system-list .system-pic { overflow: hidden; width: 100%; height: 220px; margin-bottom: 15px; text-align: center; } #real_estate .system-list .system-pic img { width: auto; max-width: 100%; height: auto; max-height: 220px; } #real_estate .system-list .system-date { font-size: 14px; line-height: 1.4; margin-bottom: 10px; } #real_estate .system-list .system-name { font-size: 0.813em; line-height: 1.4; margin-bottom: 10px; } #real_estate .system-list .system-coment { font-size: 1em; line-height: 1.4; margin-bottom: 15px; } #real_estate .system-list .system-coment span { font-size: 1.25em; font-weight: bold; } #real_estate .system-list .system-ttl-01 { font-size: 18px; line-height: 1.4; margin-bottom: 15px; } /* アイコン -------------------------------------*/ #real_estate .icon { position: absolute; z-index: 5; top: -20px; right: -20px; padding: 30px 20px; text-align: center; border-radius: 50%; } #real_estate .icon01 { background: #ff0; } #real_estate .icon02 { background: #f0f; } #real_estate .icon03 { background: #0ff; } /* 詳細 -------------------------------------*/ #real_estate .system-contents { position: relative; margin-bottom: 30px; padding: 40px 20px; background: #eeefef; } #real_estate .system-contents .system-category-set { margin-top: 0; margin-bottom: 0; } #real_estate .system-contents-inner { padding: 40px 20px; background: #fff; } #real_estate .system-contents .system-date { font-size: 0.75em; line-height: 1.4; text-align: right; } #real_estate .system-contents .system-date::before { content: none; } #real_estate .system-contents .titleArea { margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px #ccc solid; } #real_estate .system-contents .system-category { font-size: 0.75em; float: left; width: 20%; margin-right: 2px; margin-bottom: 20px; padding: 8px; text-align: center; color: #fff; } #real_estate .system-contents .system-ttl { font-size: 28px; font-weight: bold; line-height: 1.4; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted #333; } #real_estate .system-contents .system-txt { font-size: 0.813em; line-height: 1.4; margin-bottom: 25px; } #real_estate .system-contents .system-price { font-size: 1em; line-height: 1.4; } #real_estate .system-contents .system-price span { font-size: 1.75em; font-weight: bold; line-height: 1.4; } #real_estate .system-contents .system-icon02 { width: 20%; } #real_estate .system-contents .system-i-pic { margin-bottom: 20px; text-align: center; } #real_estate .system-contents .system-i-pic img { width: auto; max-width: 100%; height: auto; max-height: 900px; } #real_estate table.system-details { font-size: 0.875em; line-height: 1.6; width: 100%; margin-bottom: 50px; border: 1px solid #dcdddd; } #real_estate table.system-details th { padding: 20px; text-align: left; vertical-align: top; border: 1px solid #dcdddd; background-color: #eeefef; } #real_estate table.system-details td { padding: 20px; text-align: left; vertical-align: top; border: 1px solid #dcdddd; } #real_estate table.system-details td img { max-width: 100%; height: auto; } #real_estate .system-contents #googlemaps { height: 500px; border: 1px solid #dcdddd; } /* 付属 -------------------------------------*/ /* staff -------------------------------------*/ /* 一覧 -------------------------------------*/ #staff .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; padding: 40px 40px 30px; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; } #staff .system-list li { line-height: 1.4; position: relative; width: 23.5%; margin-right: 2%; margin-bottom: 20px; padding: 12px 12px 35px; background: #fff; } #staff .system-list li:nth-child(4n) { margin-right: 0; } #staff .system-list li a:hover { text-decoration: none; } #staff .system-list .btn { font-size: 0.75em; position: absolute; bottom: 10px; left: 13px; width: 90%; padding: 5% 0; text-align: center; color: #fff; background: #333; } #staff .system-list .btn::after { content: ' >'; } #staff .system-list { overflow: hidden; width: 100%; height: 220px; margin-bottom: 15px; text-align: center; } #staff .system-list img { width: 100%; height: 220px; } /* 詳細 -------------------------------------*/ #staff .system-contents { margin-bottom: 30px; padding: 40px; background: #eeefef; } #staff .system-contents-inner { padding: 80px; background: #fff; } #staff .system-comment { font-size: 1em; line-height: 1.6; margin-bottom: 25px; } #staff .num-bx { float: left; width: 64%; padding-right: 30px; } #staff .system-i-pic { float: left; width: 35%; margin-bottom: 20px; text-align: center; } #staff .system-i-pic img { width: auto; max-width: 100%; height: auto; max-height: 300px; } /* 付属 -------------------------------------*/ } @media screen and (max-width: 480px) { .-general .p-blog__wrap .c-card__thumbnail img { height: 118px; } } @media screen and (max-width: 480px) { .-general .c-entry__thumbnail img { max-height: unset; } } /*# sourceMappingURL=page-company copy.css.map */ @media screen and (max-width: 480px) { .p-blog__wrap .c-card__thumbnail img { height: auto; } } @media screen and (max-width: 767px) { .c-entry__wrap .form-Box .form-Box-inner p { margin-bottom: 0; } .c-entry__wrap .form-Box .form-Box-inner .pp-tac p { text-align: center; } .c-entry__wrap .form-Box .form-Box-inner p.txt-message-02 { text-align: center; } /* 築縁様からの声 */ #modelhouse .sy-main-ttl { font-family: "Shippori Mincho", serif; font-weight: 500; font-size: 6.763vw; line-height: 13.285vw; text-align: center; color: #1a1a1a; background-image: url(../images/system/sp-chikuen-icon.png); background-repeat: no-repeat; background-position: center 0; background-size: 12.671vw; padding-top: 13.768vw; padding-bottom: 3.865vw; } #modelhouse .select_wrap_001 { width: 82.126vw; margin: 0 auto; margin-bottom: 4.831vw; } #modelhouse .select_wrap_001 select { width: 82.126vw; margin: 0 auto; height: 10.628vw; border-radius: 2.415vw; background: #fff; border: 1px solid #d9d9d9; font-family: "Shippori Mincho", serif; font-weight: 500; font-size: 3.865vw; line-height: 9.903vw; text-align: center; color: #1a1a1a; } #modelhouse .sy-loop-box { width: 94.203vw; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #modelhouse .sy-loop-box >article { width: 45.894vw; margin-right: 2.415vw; margin-bottom: 5.556vw; position: relative; } #modelhouse .sy-loop-box >article:nth-child(2n) { margin-right: 0px; } #modelhouse .sy-loop-box .sy-pic-wap .c-grid__thumbnail { max-width: 82.85vw; margin-bottom: 1.208vw; } #modelhouse .sy-loop-box .sy-pic-wap .c-grid__image { height: 32.609vw; display: block; max-width: 100%; width: auto; } #modelhouse .sy-loop-box .sy-txt-wap .sy-cate-txt { font-weight: normal; font-size: 3.382vw; line-height: 8.031vw; text-align: left; color: #666; margin-bottom: -1.449vw; } #modelhouse .sy-loop-box .sy-txt-wap .sy-ttl { font-family: "Shippori Mincho", serif; font-weight: normal; text-align: left; color: #1a1a1a; font-size: 3.865vw; line-height: 6.763vw; } #modelhouse .p-news__side2 { width: 100%; margin: 0 auto; background-color: #F5F6F7; padding: 7.729vw 7.246vw 1.208vw; } #modelhouse .p-news__side2 .p-news__side-title { font-family: "Shippori Mincho", serif; font-weight: 700; font-size: 4.348vw; line-height: 5.556vw; text-align: left; color: #1a1a1a; margin-bottom: 2.657vw; } #modelhouse .p-news__side2 .p-news__side-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #modelhouse .p-news__side2 .p-news__side-list li { padding: 1.691vw 3.623vw 1.932vw; font-weight: normal; font-size: 3.14vw; line-height: 4.589vw; text-align: left; color: #666; margin-right: 2.899vw; margin-bottom: 2.415vw; background-color: #fff; } #modelhouse .p-news__side2 .p-news__side-box { margin-bottom: 5.314vw; } #modelhouse .sy-txt-wap .sy-ttl-001 { /* font-family: "Shippori Mincho", serif; */ font-weight: normal; font-size: 3.865vw; line-height: 7.246vw; text-align: left; color: #1a1a1a; border-bottom: 1px solid #EEEEEE; padding-bottom: 3.382vw; margin-bottom: 1.932vw; } #modelhouse .sy-txt-001 { font-size: 3.14vw; line-height: 4.831vw; text-align: left; color: #666; } #modelhouse .sy-txt-002 { font-size: 3.14vw; line-height: 4.831vw; text-align: left; color: #666; } #modelhouse .sy-pic-wap .modelhouse-icon-key1 { background-color: #CE9F46; width: 31.401vw; padding: 1.208vw 1.208vw 1.208vw; color: #fff; text-align: center; position: absolute; top: 0; left: 0; z-index: 10; line-height: normal; font-size: 3.382vw; } #modelhouse .sy-pic-wap .modelhouse-icon-key2 { background-color: #CB7086; width: 31.401vw; padding: 1.208vw 1.208vw 1.208vw; color: #fff; text-align: center; position: absolute; top: 0; left: 0; z-index: 10; line-height: normal; } #modelhouse .p-news__side2 { width: 265.7vw; margin: 0 auto; background-color: #F5F6F7; padding: 7.729vw 7.246vw 1.208vw; } #modelhouse .p-news__side2 .p-news__side-title { font-family: "Shippori Mincho", serif; font-weight: 700; font-size: 4.348vw; line-height: 5.556vw; text-align: left; color: #1a1a1a; margin-bottom: 2.657vw; } #modelhouse .p-news__side2 .p-news__side-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #modelhouse .p-news__side2 .p-news__side-list li { padding: 1.691vw 3.623vw 1.932vw; font-weight: normal; font-size: 3.14vw; line-height: 4.589vw; text-align: left; color: #666; margin-right: 2.899vw; margin-bottom: 2.415vw; background-color: #fff; } #modelhouse .p-news__side2 .p-news__side-box { margin-bottom: 5.314vw; } #event.dldl .modelhouse-icon-key1 { background-color: #CE9F46; width: 38.647vw; margin: 0 auto; padding: 1.208vw 1.208vw 1.208vw; color: #fff; text-align: center; line-height: normal; font-size: 3.865vw; margin-bottom: 3.865vw; } #event.dldl .modelhouse-icon-key2 { background-color: #CB7086; width: 38.647vw; margin: 0 auto; padding: 1.208vw 1.208vw 1.208vw; color: #fff; text-align: center; line-height: normal; font-size: 3.865vw; margin-bottom: 3.865vw; } #event.dldl .c-entry__wrap p.mode { margin-bottom: 1.932vw; } /* イベント情報 */ #events .l-section.-event { width: 94.203vw; margin: 0 auto; padding-top: 0; } #events .p-event__content { max-width: 100%; width: 100%; border-bottom: 1px dotted #ccc; } .eo-fullcalendar-loading { width: 38.647vw; margin: 0 auto; left: 0; right: 0; top: 144.928vw; text-align: center; padding-top: 3.865vw; padding-bottom: 5.797vw; } .eo-fullcalendar-loading img { width: 7.729vw; margin: 0 auto; display: block; } /* イベント情報 詳細 */ #event.dldl { width: 94.203vw; margin: 0 auto; } #event.dldl .p-event__flex { -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #event.dldl .p-event__flex-left { max-width: 100%; } #event.dldl .p-event__flex-figure { max-width: 100%; margin-bottom: 4vw; } #event.dldl .p-event__flex-right { max-width: 100%; } #event.dldl .p-event__dl { max-width: 100%; } #event.dldl .p-event__dl-dd a { color: #bf657b; } #event.dldl .p-event__btn-wrap { margin-bottom: 17.391vw; } #event.dldl .c-entry__wrap a { text-decoration: none; } #event.dldl .c-entry__sub { font-size: 3.14vw; line-height: 1.7; margin-bottom: 5.797vw; flex-wrap: wrap; } #event.dldl .modal_box { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); justify-content: center; align-items: center; } #event.dldl .p-event__modal-wrap { background: #fff; padding: 2rem; border-radius: 3.865vw; max-width: 91.787vw; width: 100%; margin: 14.493vw auto; box-shadow: 0 2px 20px rgba(0,0,0,0.15); } #event.dldl .p-event__modal-title { padding: 1.932vw 0; font-size: 4.106vw; } #event.dldl .p-event__modal .c-title__body { padding: 3.865vw 0; } #event.dldl .modal_close { position: absolute; top: 3.865vw; right: 3.865vw; width: 7.729vw; height: 7.729vw; border: none; cursor: pointer; } #event.dldl .c-entry__wrap img { /* margin: 0.725vw 0; */ } #event.dldl .c-entry__wrap .p-event__entry-txt { padding: 3.865vw; } #event.dldl .event_chirashi { display: block; margin-bottom: 15.459vw; } body.modal_active { overflow: hidden; } .modal_open:hover { cursor: pointer; cursor: hand; opacity: 0.8; } /* 不動産情報 */ #real-estate .box-row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #real-estate #real-sec_real-estate { width: 84.058vw; margin: 0 auto; border: 1px solid #d6d6d6; border-left: none; border-right: none; padding: 5.797vw 0px 3.14vw; margin-bottom: 12.319vw; margin-top: -12.802vw; } #real-estate #real-sec_real-estate.ano { margin-top: 8vw; } #real-estate .category-container2 .sy-txt-01 { font-family: "Shippori Mincho", serif; font-weight: 500; text-align: center; color: #1a1a1a; margin-bottom: 4.831vw; font-size: 5.314vw; line-height: 8.696vw; } #real-estate .category-container2 .box-right { width: 100%; margin: 0 auto; } #real-estate .category-container2 .box-row { margin-bottom: 3.14vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #real-estate .category-container2 .box-row.color-blue .cat-group { background: #6eafc1; } #real-estate .category-container2 .box-row.color-green .cat-group { background-color: #A1BE58; } #real-estate .category-container2 .box-row.color-yellow .cat-group { background-color: #DBAA4C; } #real-estate .category-container2 .box-row.color-purple .cat-group { background-color: #A794CC; } #real-estate .category-container2 .cat-group { width: 83.333vw; height: 8.696vw; border-radius: 4.348vw; font-weight: normal; font-size: 3.865vw; line-height: 4.589vw; text-align: center; color: #fff; padding: 1.932vw 1.208vw 1.208vw; margin-bottom: 1.208vw; } #real-estate .category-container2 .category-box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 3.865vw; line-height: 7.246vw; text-align: left; color: #1a1a1a; letter-spacing: normal; padding-top: 0.483vw; } #real-estate #real-sec-sy .real-estate-archives-container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #real-estate #real-sec-sy .item-head { margin-bottom: 4.348vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #real-estate #real-sec-sy .item-head .item-head-img { width: 9.42vw; margin-right: 5.797vw; } #real-estate #real-sec-sy .item-head .item-head-img img { width: 100%; } #real-estate #real-sec-sy .text1 { width: 68.357vw; font-weight: normal; font-size: 4.348vw; line-height: 7.729vw; text-align: left; color: #666; } #real-estate #real-sec-sy .real-estate-item { width: 83.575vw; margin: 0 auto; margin-bottom: 14.493vw; } #real-estate #real-sec-sy .sy-pic { width: 100%; height: 59.903vw; text-align: center; margin-bottom: 1.932vw; } #real-estate #real-sec-sy .sy-pic img { max-width: 100%; width: auto; max-height: 59.903vw; height: auto; } #real-estate #real-sec-sy .text2 { font-weight: 500; font-size: 4.831vw; line-height: 8.213vw; text-align: left; color: #1a1a1a; margin-bottom: 1.932vw; } #real-estate #real-sec-sy .text4 { font-size: 3.865vw; line-height: 7.246vw; text-align: left; color: #1a1a1a; } #real-estate #real-sec-sy .text3 { font-weight: normal; font-size: 5.072vw; line-height: 7.246vw; text-align: right; color: #1a1a1a; border-top: 1px solid #D6D6D6; margin-top: 2.174vw; padding-top: 2.415vw; } /* 不動産情報 詳細*/ #real-estate.dldl #real-detail-sec2 { width: 94.203vw; margin: 0px auto 0; } #real-detail-sec2 .cat-name-container .cat-name1 { color: #000 !important; } #real-detail-sec2 .cat-name-container .cat-name2 { color: #000 !important; } #real-detail-sec2 .cat-name-container .cat-name3 { color: #000 !important; } #real-estate.dldl #real-detail-sec2 .real-detail-container { padding-bottom: 11.594vw; border-bottom: none; } #real-estate.dldl #real-detail-sec2 .real-detail-container .detail-right .detail-table th,#real-estate.dldl #real-detail-sec2 .real-detail-container .detail-right .detail-table td { font-size: 3.14vw; } #real-estate.dldl #real-detail-sec2 .prop-detail-text { margin-top: 5.797vw; } #real-estate.dldl #real-detail-sec2 .prop-title { margin-top: 5.797vw; } #real-estate.dldl #real-detail-sec2 .real-detail-container { margin-top: 7.729vw; } #real-detail-sec2 .real-detail-container .detail-right .detail-table th { width: 41.063vw; } #real-detail-sec2 .real-detail-container .detail-right .detail-table td { width: calc(100% - 41.063vw); } /* 築縁様からの声 */ #chikuen .sy-main-ttl { font-family: "Shippori Mincho", serif; font-weight: 500; font-size: 6.763vw; line-height: 13.285vw; text-align: center; color: #1a1a1a; background-image: url(../images/system/sp-chikuen-icon.png); background-repeat: no-repeat; background-position: center 0; background-size: 12.671vw; padding-top: 13.768vw; padding-bottom: 3.865vw; } #chikuen .select_wrap_001 { width: 82.126vw; margin: 0 auto; margin-bottom: 4.831vw; } #chikuen .select_wrap_001 select { width: 82.126vw; margin: 0 auto; height: 10.628vw; border-radius: 2.415vw; background: #fff; border: 1px solid #d9d9d9; font-family: "Shippori Mincho", serif; font-weight: 500; font-size: 3.865vw; line-height: 9.903vw; text-align: center; color: #1a1a1a; } #chikuen .select_wrap_001 { } #chikuen .select_wrap_001 { } #chikuen .sy-loop-box { width: 94.203vw; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #chikuen .sy-loop-box >article { width: 45.894vw; margin-right: 2.415vw; margin-bottom: 5.556vw; } #chikuen .sy-loop-box >article:nth-child(2n) { margin-right: 0px; } #chikuen .sy-loop-box .sy-pic-wap .c-grid__thumbnail { max-width: 82.85vw; margin-bottom: 1.208vw; } #chikuen .sy-loop-box .sy-pic-wap .c-grid__image { height: 32.609vw; display: block; max-width: 100%; width: auto; } #chikuen .sy-loop-box .sy-txt-wap .sy-cate-txt { font-weight: normal; font-size: 3.382vw; line-height: 8.031vw; text-align: left; color: #666; margin-bottom: -1.449vw; } #chikuen .sy-loop-box .sy-txt-wap .sy-ttl { font-family: "Shippori Mincho", serif; font-weight: normal; text-align: left; color: #1a1a1a; font-size: 3.865vw; line-height: 6.763vw; } /* 築縁様からの声 詳細 */ #chikuen .c-entry__wrap { padding-bottom: 0; } /* ブログ */ main#blog { width: 100%; } #blog .sy-en-002 { font-family: "Shippori Mincho", serif; font-weight: 600; line-height: 5.556vw; text-align: center; color: #1a1a1a; margin-bottom: 5.556vw; font-size: 6.763vw; } #blog .p-general__search { margin-bottom: 11.594vw; margin-top: 7.971vw; } #blog .p-blog__wrap { max-width: 100%; } #blog .blog_list .c-card__flex { margin-top: 0; } #blog .blog_list { width: 94.203vw; margin: 0 auto; } #blog .blog_list .c-card__wrap.-third { margin-top: 0; width: 45.894vw; margin-right: 2.415vw; margin-bottom: 12.077vw; } #blog .blog_list .c-card__wrap { max-width: 100%; } #blog .blog_list .p-construction__title { margin-top: 0.483vw; } #blog .blog_list .c-card__wrap.-third:nth-child(2n) { margin-right: 0px; } #blog .-general .blog_list .p-blog__wrap .c-card__thumbnail img { height: 32.609vw; } #blog .blog_list .c-card__thumbnail { height: 32.609vw; max-width: 100%; margin-bottom: 1.208vw; } #blog .blog_list .sy-date { letter-spacing: 0.05em; text-align: left; color: #666; margin-bottom: 1.691vw; font-size: 2.415vw; line-height: 4.589vw; } #blog .blog_list .sy-ttl { font-size: 3.623vw; letter-spacing: 0.05em; line-height: 5.797vw; text-align: left; color: #1a1a1a; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.314vw; } #blog .p-news__side2 { width: 100%; margin: 0 auto; background-color: #F5F6F7; padding: 7.729vw 7.246vw 1.208vw; } #blog .p-news__side2 .p-news__side-title { font-family: "Shippori Mincho", serif; font-weight: 700; font-size: 4.348vw; line-height: 5.556vw; text-align: left; color: #1a1a1a; margin-bottom: 2.657vw; } #blog .p-news__side2 .p-news__side-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #blog .p-news__side2 .p-news__side-list li { padding: 1.691vw 3.623vw 1.932vw; font-weight: normal; font-size: 3.14vw; line-height: 4.589vw; text-align: left; color: #666; margin-right: 2.899vw; margin-bottom: 2.415vw; background-color: #fff; } #blog .p-news__side2 .p-news__side-box { margin-bottom: 5.314vw; } /* お知らせ */ #information .sy-list { width: 91.787vw; margin: 0 auto; margin-top: 7.729vw; } #information .sy-list .sy-fff { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } #information .sy-list .sy-date { width: 26.57vw; padding-left: 3.382vw; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.314vw; text-align: left; color: #1a1a1a; } #information .sy-list .sy-ttl { width: calc(100% - 26.57vw); font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.314vw; text-align: left; color: #1a1a1a; } #information .sy-list .c-grid__article { padding-bottom: 3.14vw; margin-bottom: 3.14vw; border-bottom: 1px solid #EEEEEE; } #information .sy-list .grid__link2 { display: block; } #information .sy-list a:hover { text-decoration: none; } #information .sy-list a:hover .sy-ttl { text-decoration: underline; } #information .sy-list .sy-wap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #information .l-section.pb0 { padding-bottom: 0; } /* お知らせ 詳細 */ #topics.dldl .c-entry__wrap { padding-bottom: 0; } #topics.dldl .sy-date { font-size: 3.865vw; margin-bottom: 1.691vw; } #topics.dldl .sy-ttl { font-size: 4.831vw; line-height: 1.7; } #topics.dldl .l-section.pb0 { padding-bottom: 0; } /* 住まいの実績 */ main#new_construction { width: 100%; } #new_construction .sy-en-001 { font-family: "Shippori Mincho", serif; font-weight: 600; font-size: 11.111vw; line-height: 11.413vw; text-align: center; color: #1a1a1a; margin-bottom: 5.314vw; position: relative; top: 0.725vw; font-size: 7.729vw; margin-top: 6.522vw; } .change-link-box { width: 91.667vw; margin: 0 auto; margin-bottom: 9.903vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .change-link-box > p a { width: 43.478vw; height: 14.493vw; background: #fff; border: 1px solid #9d9d9d; font-family: "Shippori Mincho", serif; font-weight: 600; font-size: 3.865vw; line-height: 6.763vw; color: #1a1a1a; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .change-link-box > p.karent a { background-color: #CB7086; color: #fff; } #new_construction .sy-en-002 { font-family: "Shippori Mincho", serif; font-weight: 600; line-height: 5.556vw; text-align: center; color: #1a1a1a; margin-bottom: 5.556vw; font-size: 6.763vw; } #new_construction .p-general__search { margin-bottom: 10.145vw; } #new_construction .p-blog__wrap { max-width: 94.203vw; } #new_construction .new_construction_list .c-card__wrap.-third { margin-top: 0; width: 45.894vw; margin-right: 2.415vw; margin-bottom: 9.662vw; } #new_construction .new_construction_list .c-card__wrap { max-width: 100%; } #new_construction .new_construction_list .p-construction__title { margin-top: 0.483vw; } #new_construction .new_construction_list .c-card__wrap.-third:nth-child(2n) { margin-right: 0px; } #new_construction .-general .new_construction_list .p-blog__wrap .c-card__thumbnail img { height: 32.609vw; } #new_construction .new_construction_list .sy-ttl { font-family: "Shippori Mincho", serif; font-weight: 700; text-align: left; color: #1a1a1a; margin-bottom: 0px; font-size: 3.865vw; line-height: 6.763vw; } #new_construction .new_construction_list .sy-sub-txt { font-family: "Shippori Mincho", serif; font-weight: 500; text-align: left; color: #1a1a1a; margin-bottom: 0.483vw; font-size: 3.382vw; line-height: 5.797vw; } #new_construction .p-construction__title >p:nth-child(2)::before { content: "|"; margin-left: 1.691vw; margin-right: 0.966vw; font-size: 2.415vw; position: relative; top: -0.242vw; } #new_construction .new_construction_list .p-construction__sub { font-weight: normal; font-size: 2.415vw; line-height: 4.589vw; text-align: left; color: #666; /* margin-left: 0.966vw; */ margin-right: -0.483vw; } #new_construction .new_construction_list .p-construction__sub .ss { margin-left: 1.691vw; } #new_construction .new_construction_list .p-construction__sub .ss.ano { margin-left: 0; } #new_construction .new_construction_list .sy-rel { position: relative; width: 100%; } #new_construction .new_construction_list .sy-rel .award-txt { width: 38.647vw; background-color: #0D294D; text-align: center; font-family: "Shippori Mincho", serif; font-weight: 700; font-size: 3.382vw; text-align: center; color: #f4ce6a; padding: 0.725vw 0px 0.966vw 0.483vw; position: absolute; top: 0; left: 0; z-index: 10; } #new_construction .-general .new_construction_list .c-card__txt2 { font-weight: normal; font-size: 2.415vw; line-height: 4.589vw; text-align: left; color: #666; } #new_construction .p-news__side2 { width: 100%; margin: 0 auto; background-color: #F5F6F7; padding: 7.729vw 7.246vw 1.208vw; } #new_construction .p-news__side2 .p-news__side-title { font-family: "Shippori Mincho", serif; font-weight: 700; font-size: 4.348vw; line-height: 5.556vw; text-align: left; color: #1a1a1a; margin-bottom: 2.657vw; } #new_construction .p-news__side2 .p-news__side-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #new_construction .p-news__side2 .p-news__side-list li { padding: 1.691vw 3.623vw 1.932vw; font-weight: normal; font-size: 3.14vw; line-height: 4.589vw; text-align: left; color: #666; margin-right: 2.899vw; margin-bottom: 2.415vw; background-color: #fff; } #new_construction .p-news__side2 .p-news__side-box { margin-bottom: 5.314vw; } /* 詳細 */ #new_construction.dldl .sy-ttl-box { margin-bottom: 2.174vw; width: 83.575vw; margin: 0 auto; margin-bottom: 3.865vw; } #new_construction.dldl .sy-img { width: 19.082vw; margin: 0 auto; margin-top: 11.836vw; margin-bottom: 9.662vw; } #new_construction.dldl .sy-txt-wap { width: 100%; margin-top: 7.246vw; } #new_construction.dldl .award-txt { background-color: #0D294D; width: 48.792vw; height: 8.454vw; font-family: "Shippori Mincho B1"; font-weight: 500; font-size: 4.106vw; line-height: normal; text-align: center; color: #f4ce6a; padding: 1.208vw 1.208vw 1.208vw; margin-bottom: 1.691vw; } #new_construction.dldl .sy-ttl { font-family: "Shippori Mincho", serif; font-weight: 700; text-align: left; color: #1a1a1a; margin-bottom: 3.382vw; font-size: 6.763vw; line-height: 11.111vw; } #new_construction.dldl .sy-sub-txt { font-family: "Shippori Mincho", serif; font-weight: 500; text-align: left; color: #1a1a1a; margin-bottom: 4.348vw; font-size: 5.314vw; line-height: 9.179vw; } #new_construction.dldl .p-construction__title { font-weight: normal; font-size: 4.106vw; line-height: 6.039vw; text-align: left; color: #666; } #new_construction.dldl .p-construction__title .ss { margin-left: 2.899vw; font-size: 4.348vw; } #new_construction.dldl .p-construction__title .p-construction__sub { font-size: 5.072vw; margin-left: 0.966vw; margin-right: 0.242vw; } #new_construction.dldl .p-construction__title .c-card__txt2 { line-height: normal; } #new_construction.dldl .c-entry__thumbnail { margin-bottom: 3.865vw; } #new_construction.dldl .c-entry__wrap .new_one-title { font-family: "Shippori Mincho", serif; font-weight: 500; text-align: left; color: #1a1a1a; margin-top: 1.449vw; margin-bottom: 0.725vw; font-size: 3.623vw; line-height: 1.7; } #new_construction.dldl .c-entry__wrap .new_one-text { font-weight: normal; font-size: 3.14vw; line-height: 1.7; text-align: left; color: #1a1a1a; margin-bottom: 0; } #new_construction.dldl .new_two-wrap { margin-bottom: 7.729vw; } #new_construction.dldl .new_one-wrap { margin-bottom: 7.729vw; } #new_construction.dldl .sy-btn a { width: 82.126vw; height: 14.493vw; margin: 0 auto; border: 1px solid #9d9d9d; display: block; background-image: url(../images/system/sy-btn-icon.svg); background-repeat: no-repeat; background-position: right 11.836vw top 6.28vw; font-family: "Shippori Mincho", serif; font-weight: 700; color: #1a1a1a; padding: 4.348vw 0px 1.208vw 13.768vw; margin-top: 9.662vw; margin-bottom: 12.319vw; font-size: 3.623vw; line-height: 5.797vw; } #new_construction.dldl .p-construction__title >p:nth-child(2)::before { content: "|"; margin-left: 1.691vw; margin-right: 0.966vw; font-size: 3.623vw; position: relative; top: -0.483vw; } #new_construction.dldl .-general .new_construction_list .c-card__txt2 { font-weight: normal; font-size: 2.415vw; line-height: 4.589vw; text-align: left; color: #666; } .cmp-box { width: 98vw; margin: 0 auto; } .borderwrap .cmp-txt { font-size: 3.623vw; font-weight: 700; margin-bottom: 2.415vw; padding-bottom: 0.966vw; border-bottom: 1px solid #000; } /* 【共通のシステムcss】 */ /* ★ インクルードのタイトル*/ .inc-list-ttl { font-size: 4.348vw; font-weight: 700; margin-top: 9vw; margin-bottom: 5.8vw; text-align: center; } /* ★ システム枠*/ .system-contents { margin-bottom: 5vw; padding: 4.5vw 4vw 7vw; } .system-contents-inner { padding: 4.5vw 5vw 6.8vw; } /* ★ ギャラリー */ .system-gallery { padding: 5vw 4vw 2.657vw; background: #eeefef; } .system-gallery .sy-gallery-ttl { font-size: 4.831vw; font-weight: 700; margin-bottom: 2.174vw; padding-bottom: 1.5vw; text-align: center; letter-spacing: .3vw; text-transform: uppercase; border-bottom: 2px solid #000; } .gallery-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-lines: multiple; -moz-box-lines: multiple; } .gallery-list li { font-size: 2.899vw; line-height: 1.4; position: relative; width: 22.464vw; margin: 2.053vw 3.14vw 0 0; letter-spacing: 0; } .gallery-list li:nth-of-type(3n) { margin-right: 0; } .gallery-list li a:hover { text-decoration: none; } .gallery-list li .system-Frame { display: block; overflow: hidden; width: 100%; height: 17.391vw; margin-bottom: 1.57vw; text-align: center; } .gallery-list li .system-Frame::after { content: none; } .gallery-list li .system-Frame img { width: 100%; height: 17.391vw; } .gallery-list li .system-Frame::after { position: absolute; top: 11.836vw; right: 0; display: block; width: 5.5vw; height: 5.5vw; content: ""; background-image: url(../images/common/icon_plus.jpg); background-repeat: no-repeat; background-position: center 0; background-size: 100%; } .half-form { width: 41vw !important; } .mwform-checkbox-field label, .mwform-radio-field label { display: inline-block; margin-right: 2.415vw; margin-bottom: 1.932vw !important; } .mw_wp_form .horizontal-item + .horizontal-item { margin-left: 0 !important; } #main-form { margin-bottom: 5vw; } #main-form h2 { font-size: 4.2vw; font-weight: bold; margin-bottom: 5vw; padding: 2vw; background: #ccc; } #form h3 { font-size: 3.4vw; margin-bottom: 4vw; text-align: center; } #form .list { margin-bottom: 4vw; color: #666; } #form .list span { color: #f00; } /* form -------------------------------------*/ .form-Box { line-height: 1.6; margin-bottom: 5vw; padding: 4% 2%; } .form-Box .form-Box-inner { padding: 5% 3%; background: #fff; } .form-Box .form-list { font-size: 3.4vw; margin-bottom: 10%; } .form-Box .error { margin-bottom: 1vw; } .form-Box .attention-color { color: #f00; } .form-Box .form-list li { margin-bottom: 0.725vw; padding-left: 1vw; text-indent: -1vw; } .form-Box table { font-size: 1.4rem; line-height: 1.6; width: 100%; margin-bottom: 10%; border-bottom: 1px solid #dcdddd; } .form-Box tr { margin-bottom: 0 !important; } .form-Box th { display: block; width: 100%; padding: 3%; text-align: left; vertical-align: top; background-color: #F2F2F2; font-size: 3.86vw; } .form-Box td { display: block; width: 100%; padding: 7% 3%; text-align: left; vertical-align: top; border-bottom: 0; font-size: 3.86vw; } .form-Box .from-btn-01 { text-align: center; } .form-Box .from-btn-02 { margin-top: 10%; } .form-Box .from-btn-02 p { margin-bottom: 3%; } .form-Box input[type="text"], .form-Box input[type="email"], .form-Box input[type="tel"], .form-Box input[type="date"], .form-Box select, .form-Box textarea { font-size: 16px !important; -webkit-box-sizing: border-box; box-sizing: border-box; width: 99%; margin-bottom: 2%; padding: 2%; -o-box-sizing: border-box; -ms-box-sizing: border-box; } .form-Box input.input-txt1 { width: 30%; } .form-Box textarea { font-size: 3.4vw; line-height: 1.6; min-height: 20vw; } .form-Box select { font-size: 3.4vw; -webkit-box-sizing: border-box; box-sizing: border-box; width: 60%; padding: 3% 2% 4%; -o-box-sizing: border-box; -ms-box-sizing: border-box; } .form-Box .form-kakunin input { display: block; width: 82.126vw; height: 21.333vw; margin: 0; margin: 0 auto; margin-top: 5.594vw; padding: 0; border: none; border-radius: 0; outline: none; background: none; background-image: url(../images/common/sp-btn-confirmation.svg); background-repeat: no-repeat; background-position: center 0; /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); */ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-Box .form-kakunin .wpcf7-submit { color: transparent; text-shadow: none; } .form-Box .form-soushin { /* width: 77.295vw; */ margin: 0 auto; margin-top: 6vw; } .form-Box .form-soushin .wpcf7-submit,.form-Box .form-soushin .wpcf7-previous { color: transparent; text-shadow: none; } .form-Box .form-soushin input { background-size: 100%; display: inline-block; width: 82.126vw; height: 21.333vw; margin: 0; margin: 0 auto; padding: 0; border: none; border-radius: 0; outline: none; background: none; background-image: url(../images/common/sp-btn-return.svg); background-repeat: no-repeat; background-position: center 0; /* box-shadow: 6px 6px 24px rgba(0, 0, 0, 0.1); */ /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); */ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size: contain; } .form-Box .form-soushin input:nth-child(1) { margin-bottom: 4.662vw; } .form-Box .form-soushin input:nth-child(2) { background-image: url(../images/common/sp-btn-send.svg); } .form-Box .form-soushin input:hover { cursor: pointer; cursor: hand; opacity: 0.8; } .form-Box .wpcf7-spinner { display: block; margin: 0 auto; margin-top: 3.865vw; } .txt-message-02 { font-size: 3.382vw; text-align: center; } .sp-label-block .wpcf7-list-item { display: block; width: 100%; } .required::after { content: "【必須】"; color: #f00; } .form-Box th p { display: inline; } .form-Box th.requ::after { content: "必須"; display: inline-block; background: #EF1F3F; color: #fff; font-size: 2.5vw; padding: 0.24vw 0.97vw; position: relative; top: -0.3vw; } .priv-title { margin-bottom: 4%; text-align: center; } .priv-text { overflow-y: scroll; height: 60vw; margin-bottom: 4vw; padding: 4vw; border: #ccc solid 1px; background: #fff; } .priv-text .priv-ttl { font-size: 1.5rem; font-weight: bold; margin-bottom: 2%; } .priv-text p { font-size: 1.3rem; margin-bottom: 4%; margin-bottom: 4%; padding-bottom: 4%; border-bottom: #ccc solid 1px; } .priv { margin-bottom: 5%; text-align: center; } .priv-text .tt { font-size: 4vw; font-weight: bold; margin-bottom: 4vw; } /* system-common */ .page-list { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 3.4vw; margin: 10% 0 20%; text-align: center; } .page-list .page-numbers { display: inline-block; margin-right: 2vw; border: #dcdddd 1px solid; background: #eeefef; } .page-list span { margin-right: 2vw; padding: 2vw; color: #fff; } .page-list .page-numbers.current { background-color: #000; } .page-list .extend { padding: 0; } .page-list .extend::before { content: "..."; color: #000; } .page-list a { display: inline-block; padding: 2vw; } .pagen { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; margin: 0 4vw 4vw; } .pagen:nth-of-type(1) { margin-bottom: 5%; } .page-navi { font-size: 3.4vw; } .page-navi li { display: inline-block; } .page-navi li.active { background: #ccc; } .page-navi a { font-size: 3.4vw; display: inline-block; padding: 2vw; } .page-navi .fast { margin-right: 0; } .page-navi .fast::after { display: inline-block; margin: 0 1vw; content: "|"; } .pagen .list { float: right; } .pagen .list a { font-size: 3.4vw; display: inline-block; margin: 0 auto; padding: 1vw 4vw; text-align: center; color: #fff; background: #000; } .pagen .list a:hover { text-decoration: none; background: #666; } .btnArea { margin: 10% auto; padding: 0; text-align: center; } .btnArea a { font-size: 3.4vw; font-weight: bold; display: block; margin: 0 auto; padding: 3vw 5vw; text-align: center; letter-spacing: 0.242vw; color: #fff; background: #000; } .btnArea-s { text-align: center; } .btnArea-s a { font-size: 3.4vw; font-weight: bold; display: inline-block; margin: 0 auto; padding: 3% 10%; text-align: center; letter-spacing: 0.242vw; color: #fff; background: #000; } .btnArea-s::after { display: block; margin-bottom: 10%; content: ''; } .borderwrap { line-height: 1.6; width: 94%; margin: 0 auto 6vw; } .borderwrap .otoiawase { font-size: 3.865vw; font-weight: bold; margin-bottom: 4vw; padding-bottom: 2vw; border-bottom: 1px #ccc solid; } .borderwrap p { font-size: 3.382vw; } .cate-list { margin: 0 0 8vw; } .cate-ttl { font-size: 3.4vw; font-weight: bold; margin-bottom: 4vw; padding-bottom: 2vw; border-bottom: 1px solid #000; } .cate-list { margin-bottom: 4vw; } .cate-list a { display: inline-block; margin-right: 3vw; padding: 0.4vw 3vw; color: #fff; background: #000; } .taxttl { font-weight: bold; margin-bottom: 3vw; padding: 4vw; background: #ccc; } .other-ttl { font-size: 3.6vw; font-weight: bold; margin-bottom: 4vw; text-align: center; } /* general ————————————————————————————————————————— */ .p-general__title2 { font-size: 1.5rem; line-height: 1.04; letter-spacing: 0.27em; margin-bottom: 1.875rem; } .p-general__title2 span { color: #93b147; } .p-general__box2 { margin-bottom: 13.285vw; } .-general .c-card__sub { font-size: 0.75rem; } .-general .c-card__txt { -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; height: 11.594vw; font-size: 1rem; line-height: 1.56; letter-spacing: 0.03em; } .-general .c-card__wrap.-third { margin-top: 1.25rem; } .-general .c-card__flex { margin-top: -1.25rem; } .-general .child-li { font-size: 0.875rem; line-height: 1.79; letter-spacing: 0.06em; color: #1a1311; padding-left: 1rem; } .-general .parent-all { padding-bottom: 0.5rem; } .-general .p-news__side-box { margin-bottom: 1.5rem; } .general_cate { font-family: "gotham"; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; background: transparent; position: relative; z-index: 2; cursor: pointer; display: block; width: 100%; height: 13.527vw; border-radius: 1.932vw; /* font-size: 0.8125rem; */ font-weight: 300; line-height: 1.06; letter-spacing: 0px; color: #4f9fb5; max-width: 72.464vw; padding-left: 1.5rem; border: none; outline: none; font-size: 3.865vw; padding: 3.382vw 4.831vw 3.382vw; } .general_area { font-family: "gotham"; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; background: transparent; position: relative; z-index: 2; cursor: pointer; display: block; width: 100%; height: 13.527vw; border-radius: 1.932vw; /* font-size: 0.8125rem; */ font-weight: 300; line-height: 1.06; letter-spacing: 0px; color: #bf657b; max-width: 72.464vw; padding-left: 1.5rem; border: none; outline: none; font-size: 3.865vw; padding: 3.382vw 4.831vw 3.382vw; } .p-general__search { position: relative; background-color: #f8f8f8; padding-top: 20.531vw; } /*アコーディオンタイトル*/ .p-general__title { font-family: "gotham"; position: relative; cursor: pointer; transition: all 0.5s ease; text-align: center; display: flex; align-items: center; margin: 0 auto; font-size: 1.25rem; font-weight: 300; line-height: 1.05; letter-spacing: 0.1em; text-align: left; color: #d19f40; } .-red .p-general__title { border-color: #bf657b; color: #bf657b; justify-content: flex-end; } .-red .p-general__title a { color: #bf657b; } .-blue .p-general__title { border-color: #4f9fb5; color: #4f9fb5; } .-green .p-general__title { border-color: #93b147; color: #93b147; } .-orange .p-general__title { border-color: #d19f40; color: #d19f40; } .-purple .p-general__title { border-color: #9e8dbf; color: #9e8dbf; } .p-general__select .fa-chevron-circle-up { font-size: 1.375rem; right: unset; top: unset; position: relative; transform: unset; margin-left: 0.5rem; } .-red .fa-chevron-circle-up { color: #bf657b; } .-blue .fa-chevron-circle-up { color: #4f9fb5; } .-green .fa-chevron-circle-up { color: #93b147; } .-orange .fa-chevron-circle-up { color: #d19f40; } .-purple .fa-chevron-circle-up { color: #9e8dbf; } /*　closeというクラスがついたら形状変化　*/ .p-general__title.close .fa-chevron-circle-up { transform: rotate(180deg); top: 15%; } /*アコーディオンで現れるエリア*/ .p-general__box { display: none; /*はじめは非表示*/ margin: 0.5rem auto 0; } .p-general__box a { font-size: 0.875rem; line-height: 2.14; letter-spacing: 0.06em; color: #1a1311; display: block; } .-blue .p-general__box-link { color: #66a4b5; } .-green .p-general__box-link { color: #93b147; } .-orange .p-general__box-link { color: #d19f40; } .p-general__area .fa-chevron-circle-up { font-size: 1.375rem; right: unset; top: unset; position: relative; transform: unset; margin-left: 0.5rem; } .-general .p-blog__wrap .c-card__thumbnail img { height: 40.58vw; -o-object-fit: cover; object-fit: cover; } .-general .c-entry__thumbnail img { /* 縦長の画像を画面に収まるように表示したい */ max-height: 166.667vw; } /* construction ————————————————————————————————————————— */ .-construction .p-general__title2 span { color: #4f9fb5; } .-construction .p-hero__title2 { font-size: 1.9rem; } .p-hero__head.-construction { background-color: #bf657b; } .p-construction__hr { margin: 0 0.5rem; height: 2.899vw; border: none; width: 0.242vw; background: #a2a2a2; } .rand-color-1 { color: #cb7086; } .rand-color-2 { color: #6eafc1; } .rand-color-3 { color: #a1be58; } .rand-color-4 { color: #dece51; } .rand-color-5 { color: #d65c51; } .rand-color-6 { color: #a794cc; } .rand-color-7 { color: #5e96ce; } .rand-color-8 { color: #dbaa4c; } .p-construction__sub { margin-right: 1rem; display: flex; max-width: -moz-fit-content; max-width: fit-content; } .-construction .c-card__txt { display: flex; } .p-construction__title { display: flex; } .new_style { font-family: "gotham"; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; background: transparent; position: relative; z-index: 2; cursor: pointer; display: block; width: 100%; height: 13.527vw; border-radius: 1.932vw; /* font-size: 0.8125rem; */ font-weight: 300; line-height: 1.06; letter-spacing: 0px; color: #bf657b; max-width: 72.464vw; padding-left: 1.5rem; border: none; outline: none; font-size: 3.865vw; padding: 3.382vw 4.831vw 3.382vw; } .new_taste { font-family: "gotham"; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; background: transparent; position: relative; z-index: 2; cursor: pointer; display: block; width: 100%; height: 13.527vw; border-radius: 1.932vw; /* font-size: 0.8125rem; */ font-weight: 300; line-height: 1.06; letter-spacing: 2pz; color: #4f9fb5; max-width: 72.464vw; padding-left: 1.5rem; border: none; outline: none; font-size: 3.865vw; padding: 3.382vw 4.831vw 3.382vw; } .new_area { font-family: "gotham"; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; background: transparent; position: relative; z-index: 2; cursor: pointer; display: block; width: 100%; height: 13.527vw; border-radius: 1.932vw; /* font-size: 0.8125rem; */ font-weight: 300; line-height: 1.06; letter-spacing: 0.483vw; color: #93b147; max-width: 72.464vw; padding-left: 1.5rem; border: none; outline: none; font-size: 3.865vw; padding: 3.382vw 4.831vw 3.382vw; } .p-construction__search-flex { display: flex; max-width: 228.261vw; justify-content: space-between; align-items: center; width: 100%; } .p-construction__search-wrap { display: flex; max-width: 256.522vw; margin: 0 auto; justify-content: space-between; padding-bottom: 4.589vw; } .p-construction__no { margin-right: 0.5rem; } .p-construction__no-title { /* font-size: 0.875rem; */ font-weight: 300; line-height: 1.07; letter-spacing: 0.15em; color: #7e7e7e; margin-bottom: 1rem; } .p-construction__no-title span { margin-left: 0.5rem; } .p-construction__item { /* font-size: 0.875rem; */ line-height: 1.21; letter-spacing: 0.03em; color: #1a1311; display: block; } .p-construction__sub-title { display: block; /* font-size: 1.125rem; */ line-height: 1; } .single-new_construction .c-title__figure { max-width: 28.986vw; } /*# sourceMappingURL=page-company copy.css.map */ /* blog ————————————————————————————————————————— */ .p-blog__wrap { max-width: 251.208vw; margin: 0 auto; } .p-blog__wrap2 { display: flex; justify-content: center; } /*アコーディオン全体*/ .p-blog__select { background-color: #f8f8f8; height: 33.816vw; position: relative; z-index: 10; } .p-blog__area { list-style: none; display: flex; max-width: 181.159vw; margin: 0 auto; align-items: baseline; justify-content: center; position: absolute; left: 0; right: 0; } .p-blog__area-li { margin-bottom: 1.25rem; width: 100%; } .p-blog__content { padding: 0 2rem; } .-first .p-blog__content { max-width: 33.816vw; } .p-blog__area section { border: 1px solid #ccc; } /*アコーディオンタイトル*/ .p-blog__title { font-family: "gotham"; position: relative; cursor: pointer; transition: all 0.5s ease; font-size: 1.5rem; font-weight: 300; line-height: 1.08; letter-spacing: 0.15em; text-align: center; display: flex; align-items: center; margin: 0 auto; justify-content: center; } .-red .p-blog__title { border-color: #bf657b; color: #bf657b; justify-content: flex-end; } .-red .p-blog__title a { color: #bf657b; } .-blue .p-blog__title { border-color: #4f9fb5; color: #4f9fb5; } .-green .p-blog__title { border-color: #93b147; color: #93b147; } .-orange .p-blog__title { border-color: #d19f40; color: #d19f40; } .-purple .p-blog__title { border-color: #9e8dbf; color: #9e8dbf; } .p-blog__select .fa-chevron-circle-up { font-size: 1.375rem; right: unset; top: unset; position: relative; transform: unset; margin-left: 0.5rem; } .-red .fa-chevron-circle-up { color: #bf657b; } .-blue .fa-chevron-circle-up { color: #4f9fb5; } .-green .fa-chevron-circle-up { color: #93b147; } .-orange .fa-chevron-circle-up { color: #d19f40; } .-purple .fa-chevron-circle-up { color: #9e8dbf; } /*　closeというクラスがついたら形状変化　*/ .p-blog__title.close .fa-chevron-circle-up { transform: rotate(180deg); top: 15%; } /*アコーディオンで現れるエリア*/ .p-blog__box { display: none; /*はじめは非表示*/ margin: 1.25rem auto 0; } .p-blog__box a { font-size: 0.875rem; line-height: 2.5; letter-spacing: 0.101vw; text-align: center; display: block; background-color: #fff; max-width: 50.725vw; margin: 0 auto 3px; } .-blue .p-blog__box a { color: #66a4b5; } .-green .p-blog__box a { color: #93b147; } .-orange .p-blog__box a { color: #d19f40; } .p-blog__hr { margin: 0; height: 4.348vw; border: none; width: 0.242vw; background: #333; } .p-blog__search { position: relative; background-color: #f8f8f8; } .blog_person { color: #4f9fb5; font-family: "gotham"; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; background: transparent; position: relative; z-index: 2; cursor: pointer; display: block; width: 100%; height: 13.527vw; border-radius: 1.932vw; /* font-size: 0.8125rem; */ font-weight: 300; line-height: 1.06; letter-spacing: 0px; max-width: 72.464vw; padding-left: 1.5rem; border: none; outline: none; font-size: 3.865vw; padding: 3.382vw 4.831vw 3.382vw; } .select_wrap { position: relative; background-color: #fff; border-radius: 1.932vw; } .select_wrap::after { content: ""; display: inline-block; width: 2.415vw; height: 2.415vw; position: absolute; right: 4.831vw; top: 30%; transform: rotate(135deg); border-right: 2px solid #a2a2a2; border-top: 2px solid #a2a2a2; transition: all 0.3s ease 0s; z-index: 1; } .blog_cate { color: #93b147; font-family: "gotham"; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; background: transparent; position: relative; z-index: 2; cursor: pointer; display: block; width: 100%; height: 13.527vw; border-radius: 1.932vw; /* font-size: 0.8125rem; */ font-weight: 300; line-height: 1.06; letter-spacing: 0px; max-width: 72.464vw; padding-left: 1.5rem; border: none; outline: none; font-size: 3.865vw; padding: 3.382vw 4.831vw 3.382vw; } .p-blog__search-submit { display: block; width: 21.498vw; height: 21.498vw; background: url(../images/system/search-btn.png) no-repeat center center/100% 100%; transition: ease 0.3s; border: none; transition: all 0.3s; } .p-blog__search-submit:hover { opacity: 0.7; } .p-blog__search-figure { max-width: 4.106vw; display: block; } .p-blog__search-figure img { width: 100%; display: block; } .p-blog__search-right, .p-blog__search-left { max-width: 65.217vw; width: 100%; } .p-blog__search-flex { display: flex; max-width: 144.928vw; justify-content: space-between; align-items: center; width: 100%; } .p-blog__search-wrap { display: flex; max-width: 173.913vw; margin: 0 auto; justify-content: space-between; padding-bottom: 2.875rem; } .p-blog__wrap .c-card__cate { color: #4f9fb5; } .p-blog__wrap .c-card__thumbnail img { height: 54.348vw; -o-object-fit: cover; object-fit: cover; } /* 引用符調整 */ blockquote { position: relative; padding: 8.454vw 3.623vw 2.415vw 3.623vw; box-sizing: border-box; font-style: italic; background: #f5f5f5; color: #777777; margin-bottom: 1.875rem; } blockquote:before { display: inline-block; position: absolute; top: 1.208vw; left: 0.725vw; content: "“"; font-family: sans-serif; color: #4f9fb5; font-size: 21.739vw; line-height: 1; } blockquote p { padding: 0; margin: 1.691vw 0 !important; line-height: 1.7; } /*# sourceMappingURL=page-company copy.css.map */ /* component ————————————————————————————————————————— */ .c-title__main { font-family: "gotham"; font-size: 2.375rem; font-weight: 300; line-height: 1.05; letter-spacing: 0.15em; color: #1a1311; display: flex; align-items: center; } .c-title__main span { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif; font-size: 1.25rem; line-height: 1.75; letter-spacing: 0.03em; color: #000; margin-left: 1.875rem; } .c-title__figure { max-width: 19.324vw; margin-right: 1.875rem; } .c-title__figure img { width: 100%; } .c-title__body { display: flex; align-items: center; margin-bottom: 2rem; } .c-title__body2 { display: flex; justify-content: center; margin-bottom: 2rem; } .c-title__main2 { /* font-size: 1.875rem; */ line-height: 1.65; letter-spacing: 0.03em; color: #1a1311; } .c-card__wrap { max-width: 79.71vw; width: 100%; position: relative; overflow: hidden; box-sizing: border-box; } .c-card__header { display: flex; flex-wrap: wrap; } .c-card__sub { font-size: 0.875rem; line-height: 1; letter-spacing: 0.03em; color: #a2a2a2; margin-bottom: 0.625rem; display: flex; align-items: center; } .c-card__box { order: 1; width: 100%; } .c-card__thumbnail { margin: 0; order: 0; overflow: hidden; margin-bottom: 1.25rem; position: relative; width: 100%; max-width: 79.71vw; } .c-card__thumbnail img { width: 100%; transition: all 1.5s; height: auto; } .p-top__events-wrap .c-card__thumbnail img { height: 54.348vw; -o-object-fit: cover; object-fit: cover; } .c-card__txt { -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; height: 11.594vw; font-size: 1.125rem; line-height: 1.39; letter-spacing: 0.03em; } .c-card__flex { display: flex; align-items: flex-start; margin-bottom: 6.25rem; flex-wrap: wrap; margin-top: -4.375rem; } .c-card__flex.-center { justify-content: center; } .c-card__wrap.-third { width: 32%; margin-right: 2%; margin-top: 4.375rem; } .c-card__wrap.-third:last-child { margin-right: 0%; } .c-card__wrap.-third:nth-child(3n) { margin-right: 0%; } .c-card__title { font-size: 1.125rem; line-height: 1.5; letter-spacing: 0.06em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; height: 13.527vw; } .c-card__box { order: 1; width: 100%; } .c-card__link { display: block; color: #333132; } .c-card__link:hover .c-card__image { transform: scale(1.2, 1.2); opacity: 0.7; } .c-card__list { display: flex; } .c-card__list-li { display: flex; align-items: center; font-size: 0.9375rem; font-weight: 500; text-align: left; color: #9e9e9e; margin-right: 1.25rem; } .c-card__list-li img { max-width: 4.469vw; display: block; margin-right: 0.5rem; } .c-card__hr { margin: 0 0.5rem; height: 2.899vw; } .c-grid__date { font-size: 0.875rem; line-height: 1.71; letter-spacing: 0.01em; color: #a2a2a2; margin-right: 2.899vw; } .c-grid__cate { font-size: 0.875rem; line-height: 1.71; letter-spacing: 0.01em; } .c-grid__box { display: flex; align-items: center; margin-bottom: 0.75rem; } .c-grid__title { -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; display: -webkit-box; font-size: 1.125rem; line-height: 1.33; letter-spacing: 0.01em; color: #000; height: 5.797vw; margin-bottom: 1.125rem; } .c-grid__thumbnail { max-width: 45.169vw; overflow: hidden; position: relative; } .c-grid__thumbnail img { height: 30.918vw; display: block; width: 45.169vw; -o-object-fit: cover; object-fit: cover; transition: all 0.3s; } .c-grid__article { max-width: 188.406vw; margin-bottom: 0.875rem; } .c-grid__link { display: flex; flex-direction: row-reverse; justify-content: flex-end; margin-bottom: 0.875rem; color: #000; } .c-grid__right { width: 100%; margin: 1.25rem 0; } .c-grid__left { max-width: 45.169vw; width: 100%; margin-right: 1.625rem; } .c-grid__link:hover .c-grid__image { transform: scale(1.2, 1.2); opacity: 0.7; } .c-grid__wrap { margin-bottom: 2.5rem; } .c-archive__wrap .c-grid__wrap { margin-bottom: 3.75rem; } .page-numbers { /* width: 7.246vw; */ /* display: block; */ /* margin-right: 0.5rem; */ /* transition: all 0.3s ease 0s; */ /* text-align: center; */ /* padding: 1.449vw; */ /* box-sizing: border-box; */ /* font-size: 1.125rem; */ /* line-height: 1; */ /* letter-spacing: 0.06em; */ /* border-radius: 5.072vw; */ /* font-weight: 300; */ /* color: #1a1311; */ /* font-family: "gotham"; */ } .page-numbers:hover { /* color: #fff; */ /* background-color: #bf657b; */ } .nav-links .next { width: 2.899vw; padding: unset; border: unset; margin: 0; margin-left: 0.5rem; background-color: #f8f8f8; } .page-next { display: flex; justify-content: space-between; width: 2.899vw; } .page-next img { max-width: 2.899vw; width: 100%; position: relative; transition: all 0.3s; } .page-next:hover img { transform: translateX(20%); } .nav-links .prev { width: 2.899vw; padding: unset; border: unset; margin: 0; margin-right: 0.5rem; background-color: #f8f8f8; } .page-prev { display: flex; justify-content: space-between; width: 2.899vw; } .page-prev img { max-width: 2.899vw; width: 100%; position: relative; transition: all 0.3s; } .page-prev:hover img { transform: translateX(-20%); } .current { color: #fff; background-color: #bf657b; } .nav-links { display: flex; justify-content: center; align-items: center; max-width: 144.928vw; width: 100%; margin: 0 auto; } .c-entry__wrap { padding: 1rem 0 6rem; } .single-new_construction .c-entry__wrap { max-width: 167.874vw; } .c-entry__sub { /* font-size: 0.875rem; */ line-height: 1; letter-spacing: 0.03em; color: #a2a2a2; margin-bottom: 3.75rem; display: flex; align-items: center; flex-wrap: wrap; } .p-blog__wrap2 .c-entry__sub { justify-content: center; } .c-entry__hr { margin: 0 0.5rem; height: 2.899vw; } .c-entry__wrap p { font-size: 3.623vw; line-height: 2.19; letter-spacing: 0.03em; text-align: left; margin-bottom: 1.875rem; } .c-entry__wrap h2 { font-size: 1.5rem; line-height: 2.21; letter-spacing: 0.03em; text-align: left; margin-bottom: 1.875rem; } .c-entry__wrap a { color: #000; text-decoration: underline; transition: all 0.3s; /* width: 100%; */ } .c-entry__wrap a:hover { opacity: 0.7; } .c-entry__wrap img { margin: 1em 0; max-width: 100%; height: auto; } .c-entry__wrap img.alignleft { float: unset; margin: 0.5em 1em 0.5em 0; } .c-entry__thumbnail { margin-bottom: 2.5rem; } .c-entry__thumbnail img { display: block; margin: 0; } .page-navi__prev { font-size: 1rem; line-height: 1.56; letter-spacing: 0.03em; color: #1a1311; /* -webkit-box-orient: vertical; */ /* -webkit-line-clamp: 2; */ /* overflow: hidden; */ /* display: -webkit-box; */ /* height: 10.145vw; */ margin-left: 2.415vw; } .page-navi__prev span { display: block; font-size: 3.382vw; font-style: normal; line-height: 1.55; letter-spacing: 0.03em; color: #a2a2a2; } .page-navi-right { max-width: 73.671vw; width: 100%; position: absolute; top: 50%; right: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .page-navi-left { max-width: 73.671vw; width: 100%; position: absolute; top: 50%; left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .page-navi__link { display: flex; align-items: center; padding: 1rem 0; width: 100%; } .page-navi__link2 { display: flex; align-items: center; padding: 1rem 0; width: 100%; justify-content: flex-end; } .fa-chevron-circle-left { color: #bf657b; font-size: 5.314vw; margin: 0 1rem; transition: all 0.3s ease 0s; } .fa-chevron-circle-right { color: #8cac3f; font-size: 5.314vw; margin: 0 1rem; transition: all 0.3s ease 0s; } .page-navi__next { font-size: 1rem; line-height: 1.56; letter-spacing: 0.03em; color: #1a1311; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; height: 10.145vw; } .page-navi__next span { display: block; font-size: 0.75rem; font-style: normal; line-height: 1.55; letter-spacing: 0.03em; color: #a2a2a2; } .page-navi__btn { width: 24.155vw; height: 24.155vw; background-color: #CB7086; display: block; border-radius: 50%; position: relative; margin: 0 auto; transition: all 0.3s; } .page-navi__btn:hover { opacity: 0.7; } .page-navi__btn span { font-size: 3.623vw; line-height: 1.31; letter-spacing: 0.2em; text-align: center; color: #fff; position: absolute; width: 100%; top: 50%; left: 53%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .page-navigation { width: 91.787vw; margin: 0 auto; position: relative; } .page-navi__link:hover .fa-chevron-circle-left { transform: translateX(-30%); } .page-navi__link2:hover .fa-chevron-circle-right { transform: translateX(30%); } .c-entry__cate2 { font-size: 3.14vw; line-height: 1.86; letter-spacing: 0.03em; text-align: center; color: #fff; border-radius: 3.623vw; background-color: #4f9fb5; display: block; max-width: 38.647vw; margin: 0 auto 2.5rem; padding: 0.483vw; } .fa-twitter-square { font-size: 7.246vw; color: #4186c7; } .fa-line { font-size: 7.246vw; color: #639630; } .fa-facebook-square { font-size: 7.246vw; color: #233e84; } .c-share__content { display: flex; max-width: 38.647vw; justify-content: space-between; align-items: center; margin-bottom: 6.25rem; } .c-share__sns { display: flex; max-width: 24.155vw; justify-content: space-between; width: 100%; } .c-grid__event-option { font-size: 0.8125rem; line-height: 1.85; letter-spacing: 0.01em; } .c-grid__event-option span { margin-right: 0.5rem; } .c-entry__wrap .new_one-title { font-family: "Shippori Mincho", serif; font-weight: 500; text-align: left; color: #1a1a1a; margin-top: 1.449vw; margin-bottom: 0.725vw; font-size: 3.623vw; line-height: 1.7; } .c-entry__wrap .new_one-text { font-weight: normal; font-size: 3.14vw; line-height: 1.7; text-align: left; color: #1a1a1a; margin-bottom: 0;} .new_one-wrap { margin-bottom: 1.5rem; max-width: 167.874vw; } .new_two-wrap { display: flex; justify-content: space-between; max-width: 167.874vw; margin-bottom: 1.5rem; } .new_two-left, .new_two-right { max-width: 82.126vw; width: 49%; } .new_two-right .new_two-img img, .new_two-left .new_two-img img { margin: 0; } .new_two-img { display: block; text-align: center; } .new_two-right .new_two-img img, .new_two-left .new_two-img img { max-width: 100%; width: auto; height: auto; max-height: 29.401vw; } .new_one-box .new_one-img img { margin: 0; width: 100%; } .new_one-box .new_one-img img { margin: 0; width: 100%; } .new_before-wrap { margin-bottom: 1.5rem; } .c-entry__wrap .new_before-img { border: solid 3px #474645; display: block; max-width: 82.126vw; box-sizing: border-box; position: relative; text-decoration: none; margin-bottom: 1.5rem; } .c-entry__wrap .new_before-img img { margin: 0; width: 100%; } .c-entry__wrap .new_before-img span { font-size: 1.125rem; line-height: 1; letter-spacing: 0.03em; text-align: center; color: #fff; display: block; background-color: #474645; max-width: 22.947vw; padding: 1.932vw 0 2.415vw; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; } /* お知らせ 調整 */ .p-news__main .c-grid__article:last-of-type .p-privacy__hr { display: none; } .p-news__main .c-entry__wrap p a:last-of-type img { margin-right: 0; } strong { font-weight: bold !important; } /* topics -------------------------------------*/ /* 一覧 -------------------------------------*/ #topics .system-list { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; } #topics .system-list-inner { padding: 5% 3%; background: #fff; } #topics .system-list li { line-height: 1.4; overflow: hidden; margin-bottom: 5%; padding: 0 0 5%; border-bottom: 1px dotted #b2b2b2; } #topics .system-list li a:hover { text-decoration: none; } #topics .system-list .system-date { font-size: 3vw; line-height: 1.4; margin-bottom: 2%; } #topics .system-date::before { content: "■"; } #topics .system-list .system-ttl-01 { font-size: 3.6vw; line-height: 1.6; } #topics .system-list .system-category-set { margin-bottom: 2%; } #topics .system-list .system-category { font-size: 3.4vw; width: 49%; margin-bottom: 0.2vw; padding: 1vw; text-align: center; color: #fff; background: #111; } /* カテゴリ -------------------------------------*/ #topics .system-category-set p { display: inline-block; margin-right: 1vw; padding: 0.4vw 4vw; color: #fff; background: #000 !important; } #topics .icon01 { background: #000 !important; } /* 詳細 -------------------------------------*/ #topics .system-contents { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; } #topics .system-contents-inner { padding: 5% 3%; background: #fff; } #topics .system-contents .system-date { font-size: 3.4vw; display: block; margin-bottom: 3vw; } #topics .system-contents .system-category-set { width: 100%; margin-bottom: 5%; } #topics .system-contents .system-category { font-size: 3.4vw; width: 50%; margin-bottom: 0.2vw; padding: 1vw; text-align: center; color: #fff; background: #111; } #topics .system-contents .system-ttl { font-size: 4vw; font-weight: bold; line-height: 1.4; margin-bottom: 4vw; padding-bottom: 1vw; border-bottom: 1px #ccc solid; } /* 付属 -------------------------------------*/ /* case-newly -------------------------------------*/ /* 一覧 -------------------------------------*/ #case-newly { margin: 4vw; } #case-newly .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10%; padding: 4% 2% 0 2%; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; } #case-newly .system-list li { line-height: 1.4; position: relative; position: relative; width: 49%; margin-right: 2%; margin-bottom: 5%; padding: 2%; background: #fff; } #case-newly .system-list li:nth-child(2n) { margin-right: 0; } #case-newly .system-list li a:hover { text-decoration: none; } #case-newly .system-list .btn { font-size: 3.4vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 4% 3%; text-align: center; color: #fff; background: #333; } #case-newly .system-list .btn::after { content: ' >'; } #case-newly .system-pic { overflow: hidden; width: 100%; height: 30vw; margin-bottom: 3vw; text-align: center; } #case-newly .system-pic img { width: 100%; height: 30vw; } #case-newly .system-date { font-size: 3vw; margin-bottom: 4vw; } #case-newly .system-date::before { content: "■"; } #case-newly .system-ttl-01 { font-size: 3.4vw; line-height: 1.6; margin-bottom: 3vw; } /* カテゴリ -------------------------------------*/ #case-newly .system-category span { font-size: 2.5vw; font-weight: bold; display: block; margin-bottom: 1vw; padding: 1vw; text-align: center; color: #fff; background-color: #ccc; } /* 詳細 -------------------------------------*/ #case-newly .system-coment { margin-bottom: 5%; } #case-newly .system-contents .system-category-set { margin-top: 0; } #case-newly .system-contents { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; } #case-newly .system-contents-inner { padding: 5% 3%; background: #fff; } #case-newly .system-contents .system-date { font-size: 3.4vw; line-height: 1.4; display: block; margin-bottom: 5%; } #case-newly .system-contents .system-category { font-size: 3.4vw; width: 100%; margin-bottom: 0.242vw; padding: 4% 0; text-align: center; color: #fff; } #case-newly .system-contents .system-category-set { margin-top: 0; margin-bottom: 5%; } #case-newly .system-contents .system-ttl { font-size: 4.4vw; font-weight: bold; line-height: 1.6; margin-bottom: 4vw; padding-bottom: 1vw; border-bottom: 1px #ccc solid; } #case-newly .system-contents .system-i-pic { margin-bottom: 8%; text-align: center; } #case-newly .system-contents .system-i-pic img { max-width: 100%; height: auto; } /* 付属 -------------------------------------*/ /* voice -------------------------------------*/ /* 一覧 -------------------------------------*/ #voice .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10%; padding: 4% 2%; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; } #voice .system-list li { line-height: 1.4; position: relative; position: relative; width: 49%; margin-right: 2%; margin-bottom: 5%; padding: 2vw; background: #fff; } #voice .system-list li:nth-child(2n) { margin-right: 0; } #voice .system-list li a:hover { text-decoration: none; } #voice .system-list .btn { font-size: 3.4vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 4% 3%; text-align: center; color: #fff; background: #333; } #voice .system-list .btn::after { content: ' >'; } #voice .system-list .system-pic { overflow: hidden; width: 100%; height: 30vw; margin-bottom: 2vw; text-align: center; } #voice .system-list .system-pic img { width: 100%; height: 30vw; } #voice .system-list .system-date { font-size: 3.4vw; margin-bottom: 5%; } #voice .system-list .system-date::before { content: "■"; } #voice .system-list .system-name { font-size: 3vw; margin-bottom: 4vw; } #voice .system-list .system-ttl-01 { font-size: 3.4vw; line-height: 1.6; margin-bottom: 3vw; } /* カテゴリ -------------------------------------*/ #voice .system-category-set { margin-top: -8%; margin-bottom: 8%; } #voice .system-category { font-size: 3.4vw; font-weight: bold; margin-bottom: 0.2vw; padding: 1vw; text-align: center; color: #fff; background-color: #ccc; } #voice .serchcategory { margin: 0 3% 10%; } #voice .serchcategory .icon { font-size: 3.4vw; display: inline-block; margin-right: 1%; margin-bottom: 3%; padding: 4.5% 3%; text-align: center; color: #fff; } /* 詳細 -------------------------------------*/ #voice .system-contents .system-coment { margin-bottom: 5%; } #voice .system-contents { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; } #voice .system-contents-inner { padding: 5% 3%; background: #fff; } #voice .system-contents .system-date { font-size: 3.4vw; line-height: 1.4; display: block; margin-bottom: 5%; } #voice .system-contents .system-category { font-size: 3.4vw; width: 100%; margin-bottom: 0.2vw; padding: 4% 3%; text-align: center; color: #fff; } #voice .system-contents .system-category-set { margin-top: 0; margin-bottom: 5%; } #voice .system-contents .system-ttl { font-size: 4vw; font-weight: bold; line-height: 1.6; margin-bottom: 4vw; padding-bottom: 2vw; border-bottom: 1px #ccc solid; } #voice .system-contents .system-i-pic { margin-bottom: 8%; text-align: center; } #voice .system-contents .system-i-pic img { max-width: 100%; } #voice .system-contents .system-i-pic { margin-bottom: 8%; text-align: center; } #voice .system-contents .system-i-pic img { max-width: 100%; height: auto; } /* 付属 -------------------------------------*/ /* event -------------------------------------*/ /* 一覧 -------------------------------------*/ #event .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10%; padding: 4% 2%; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; } #event .system-list li { line-height: 1.4; position: relative; position: relative; width: 49%; margin-right: 2%; margin-bottom: 4.831vw; padding: 2vw; background: #fff; } #event .system-list li:nth-child(2n) { margin-right: 0; } #event .system-list li a:hover { text-decoration: none; } #event .system-list .btn { font-size: 3.4vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 4% 3%; text-align: center; color: #fff; background: #333; } #event .system-list .btn::after { content: ' >'; } #event .system-list .system-pic { overflow: hidden; width: 100%; height: 30vw; margin-bottom: 2vw; text-align: center; } #event .system-list .system-pic img { width: auto; max-width: 100%; height: auto; max-height: 30vw; } #event .system-list .system-date { font-size: 3.4vw; line-height: 1.6; margin-bottom: 5%; } #event .system-list .system-information { margin-bottom: 8%; padding-bottom: 0; border-bottom: 1px solid #eee; } #event .system-list .system-txt { font-size: 3vw; line-height: 1.6; margin-bottom: 8%; } #event .system-list .system-coment { font-size: 3.4vw; line-height: 1.6; margin-bottom: 5%; } #event .system-list .system-ttl-01 { font-size: 4vw; font-weight: bold; line-height: 1.6; margin-bottom: 3vw; padding-bottom: 1vw; border-bottom: 1px solid #eee; } /* カテゴリ -------------------------------------*/ #event .system-category span { font-size: 3vw; font-weight: bold; display: block; padding: 2vw; text-align: center; color: #fff; background-color: #ccc; } /* アイコン -------------------------------------*/ #event .icon { font-size: 2.4vw; position: absolute; z-index: 10; top: -3vw; right: -3vw; padding: 5vw 3vw; text-align: center; border-radius: 50%; } #event .icon01 { background: #ff0; } #event .icon02 { background: #f0f; } #event .icon03 { background: #0ff; } /* 詳細 -------------------------------------*/ #event .system-contents { position: relative; margin: 0 4vw 4vw; padding: 2vw; background: #eeefef; } #event .system-contents .system-txt { margin-bottom: 3%; } #event .system-contents-inner { padding: 5% 3%; background: #fff; } #event .system-contents .system-date { font-size: 3.4vw; line-height: 1.4; text-align: right; } #event .system-contents .system-date::before { content: none; } #event .system-contents .titleArea { margin-bottom: 9%; padding-bottom: 3%; border-bottom: 1px #ccc solid; } #event .system-contents .system-category { font-size: 3vw; width: 100%; margin-bottom: 3vw; text-align: center; color: #fff; } #event .system-contents .system-category-set { margin-bottom: 5%; } #event .system-contents .system-ttl { font-size: 4vw; font-weight: bold; line-height: 1.6; margin-bottom: 4vw; } #event .system-contents .system-icon02 { width: 100%; } #event .system-contents .system-i-pic { margin-bottom: 4vw; text-align: center; } #event .system-contents .system-i-pic img { max-width: 100%; height: auto; } #event .system-contents #googlemaps { height: 72.464vw; border: 1px solid #dcdddd; } #event .sp-system-txt-in { font-size: 3.4vw; display: inline-block; } /* 付属 -------------------------------------*/ /* case-reform -------------------------------------*/ /* 一覧 -------------------------------------*/ #case-reform .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10%; padding: 4% 2%; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; } #case-reform .system-list li { line-height: 1.4; position: relative; position: relative; width: 49%; margin-right: 2%; margin-bottom: 5%; padding: 2% 2% 14%; background: #fff; } #case-reform .system-list li:nth-child(2n) { margin-right: 0; } #case-reform .system-list li a:hover { text-decoration: none; } #case-reform .system-list .btn { font-size: 3.4vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 4% 3%; text-align: center; color: #fff; background: #333; } #case-reform .system-list .btn::after { content: ' >'; } #case-reform .system-list .system-pic { overflow: hidden; width: 100%; height: 30vw; margin-bottom: 8%; text-align: center; } #case-reform .system-list .system-pic img { width: 100%; height: 30vw; } #case-reform .system-list .system-date { font-size: 3.4vw; margin-bottom: 5%; } #case-reform .system-list .system-date::before { content: "■"; } #case-reform .system-list .system-ttl-01 { font-size: 3.4vw; line-height: 1.6; margin-bottom: 5%; } /* カテゴリ -------------------------------------*/ #case-newly .system-category span { font-size: 2.5vw; font-weight: bold; display: block; margin-bottom: 1vw; padding: 1vw; text-align: center; color: #fff; background-color: #ccc; } /* 詳細 -------------------------------------*/ #case-reform .system-coment { margin-bottom: 5%; } #case-reform .system-contents { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; } #case-reform .system-contents-inner { padding: 5% 3%; background: #fff; } #case-reform .system-contents .system-date { font-size: 3.4vw; line-height: 1.4; display: block; margin-bottom: 5%; } #case-reform .system-contents .system-category { font-size: 3.4vw; width: 100%; margin-bottom: 0.2vw; padding: 4% 3%; text-align: center; color: #fff; } #case-reform .system-contents .system-category-set { margin-top: 0; margin-bottom: 5%; } #case-reform .system-contents .system-ttl { font-size: 1.6rem; font-weight: bold; line-height: 1.6; margin-bottom: 8%; padding-bottom: 8%; border-bottom: 1px #ccc solid; } #case-reform .system-contents .system-i-pic { margin-bottom: 8%; padding-bottom: 8%; text-align: center; border-bottom: 1px #ccc solid; } #case-reform .system-contents .system-i-pic img { max-width: 100%; } #case-reform .BAslide .Before { float: none; width: 100%; padding-bottom: 3%; border-bottom: 1px #ccc solid; } #case-reform .BAslide .After { float: none; width: 100%; padding-bottom: 3%; border-bottom: 1px #ccc solid; } #case-reform .arrow { position: static !important; display: block; width: 0; margin: 3% auto; -webkit-transform: rotate(90deg); transform: rotate(90deg); border: 20px solid transparent; border-right-width: 0; border-left-color: #ccc; } #case-reform .BAslide .bxslider img { width: auto; height: auto; max-height: 30vw; margin: 0 auto; } #case-reform .BAslide #bx-pager a, #case-reform .BAslide #bx-pager02 a { display: inline-block; min-width: 8vw; margin-bottom: 1vw; padding: 0.5vw; text-align: center; border: 1px solid #ccc; } #case-reform .BAslide #bx-pager img, #case-reform .BAslide #bx-pager02 img { max-height: 6vw; vertical-align: bottom; } /* 付属 -------------------------------------*/ /* real_estate -------------------------------------*/ /* 一覧 -------------------------------------*/ #real_estate .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10%; padding: 4% 2%; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; } #real_estate .system-list li { line-height: 1.4; position: relative; position: relative; width: 49%; margin-right: 2%; margin-bottom: 4vw; padding: 2% 2% 14%; background: #fff; } #real_estate .system-list li:nth-child(2n) { margin-right: 0; } #real_estate .system-list li a:hover { text-decoration: none; } #real_estate .system-list .btn { font-size: 3.4vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 4% 3%; text-align: center; color: #fff; background: #333; } #real_estate .system-list .btn::after { content: ' >'; } #real_estate .system-list .system-pic { overflow: hidden; width: 100%; height: 30vw; margin-bottom: 8%; text-align: center; } #real_estate .system-list .system-pic img { width: auto; max-width: 100%; height: auto; max-height: 30vw; } #real_estate .system-list .system-date { font-size: 3.4vw; line-height: 1.4; margin-bottom: 5%; } #real_estate .system-list .system-date::before { content: "■"; } #real_estate .system-list .system-information { margin-bottom: 3%; padding-bottom: 3%; border-bottom: 1px solid #eee; } #real_estate .system-list .system-txt { font-size: 3vw; line-height: 1.4; margin-bottom: 5%; } #real_estate .system-list .system-coment { font-size: 3.4vw; line-height: 1.4; margin-bottom: 5%; word-break: break-all; } #real_estate .system-list .system-coment span { font-size: 3.4vw; font-weight: bold; display: inline-block; margin-top: 2%; } #real_estate .system-list .system-ttl-01 { font-size: 3.4vw; line-height: 1.4; margin-bottom: 4vw; padding-bottom: 2vw; border-bottom: 1px solid #eee; } /* アイコン -------------------------------------*/ #real_estate .icon { font-size: 2.4vw; position: absolute; z-index: 10; top: -3vw; right: -3vw; padding: 5vw 3vw; text-align: center; border-radius: 50%; } #real_estate .icon01 { background: #ff0; } #real_estate .icon02 { background: #f0f; } #real_estate .icon03 { background: #0ff; } /* 詳細 -------------------------------------*/ #real_estate .system-contents { position: relative; margin: 0 4vw 4vw; padding: 4% 2%; background: #eeefef; } #real_estate .system-contents-inner { padding: 5% 3%; background: #fff; } #real_estate .system-contents .system-date { font-size: 3.4vw; line-height: 1.4; text-align: right; } #real_estate .system-contents .system-date::before { content: none; } #real_estate .system-contents .titleArea { margin-bottom: 4vw; padding-bottom: 2vw; border-bottom: 1px #ccc solid; } #real_estate .system-contents .system-category { font-size: 3.4vw; width: 100%; margin-bottom: 0.242vw; padding: 4% 3%; text-align: center; color: #fff; } #real_estate .system-contents .system-category-set { margin-top: 0; margin-bottom: 5%; } #real_estate .system-contents .system-ttl { font-size: 4vw; font-weight: bold; line-height: 1.6; margin-bottom: 4vw; padding-bottom: 2vw; border-bottom: 1px dotted #333; } #real_estate .system-contents .system-price { font-size: 3.4vw; line-height: 1.4; word-break: break-all; } #real_estate .system-contents .system-price span { font-size: 4vw; font-weight: bold; line-height: 1.4; } #real_estate .system-contents .system-icon02 { width: 100%; } #real_estate .system-contents .system-i-pic { margin-bottom: 3vw; text-align: center; } #real_estate .system-contents .system-i-pic img { max-width: 100%; height: auto; } #real_estate table.system-details { font-size: 3.4vw; line-height: 1.6; margin-bottom: 10%; border-bottom: 1px solid #dcdddd; } #real_estate table.system-details th { display: block; width: 100%; padding: 3%; text-align: left; vertical-align: top; border: 1px solid #dcdddd; background-color: #eeefef; } #real_estate table.system-details td { display: block; width: 100%; padding: 3%; text-align: left; vertical-align: top; border: 1px solid #dcdddd; border-bottom: 0; } #real_estate table.system-details td img { max-width: 100%; height: auto; } #real_estate .system-contents #googlemaps { height: 50vw; border: 1px solid #dcdddd; } /* 付属 -------------------------------------*/ /* blog -------------------------------------*/ /*patern1*/ #blog .mainContents { margin: 0 4vw; } #blog .mainContents .system-list2 { margin-bottom: 10%; /* padding: 4% 2%; */ /* background: #eeefef; */ } #blog .mainContents .system-list-inner2 { padding: 5% 3%; background: #fff; } #blog .mainContents .system-list2 li { line-height: 1.4; overflow: hidden; margin-bottom: 5%; padding: 0 0 5%; border-bottom: 1px dotted #b2b2b2; } #blog .mainContents .system-list2 li a:hover { text-decoration: none; } #blog .mainContents .system-list2 .sy-flex-1 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; } #blog .mainContents .system-list2 .sy-flex-1 .box-l { width: 28.986vw; } #blog .mainContents .system-list2 .sy-flex-1 .box-r { width: 51.449vw; margin-left: 3.14vw; } #blog .mainContents .system-list2 .system-pic img { max-width: 100%; height: auto; } #blog .mainContents .system-list2 .system-date { font-size: 3.382vw; line-height: normal; color: #bfa93c; margin-bottom: 2%; } #blog .mainContents .system-list2 .system-ttl-01 { line-height: 6.28vw; color: #202020; } #blog .mainContents .system-list2 .system-contributor { font-size: 3.4vw; float: right; width: 78%; text-align: right; color: #bbb; } /**/ #blog .system-category span { font-size: 3vw; display: inline-block; margin-right: 2vw; margin-bottom: 4vw; padding: 1vw; text-align: center; color: #fff; } #blog .mainContents .cate01 { background: #000 !important; } #blog .mainContents .cate02 { background: #111 !important; } #blog .mainContents .cate03 { background: #222 !important; } #blog .mainContents .cate04 { background: #333 !important; } #blog .mainContents .cate05 { background: #444 !important; } #blog .mainContents .cate06 { background: #555 !important; } #blog .mainContents .system-contents { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; } #blog .mainContents .system-contents-inner { padding: 5% 3%; background: #fff; } #blog .mainContents .system-date { font-size: 3.382vw; display: block; margin-bottom: 1vw; color: #BFA93C; } #blog .mainContents .system-ttl { font-size: 4.106vw; font-weight: bold; line-height: 1.4; margin-bottom: 3vw; padding-bottom: 2.5vw; border-bottom: 1px #ccc solid; } #blog .mainContents .system-i-pic { margin-bottom: 3vw; text-align: center; } #blog .mainContents .system-i-pic img { max-width: 100%; height: auto; } #blog .mainContents .footInfo { margin-top: 10%; padding-top: 5%; border-top: 1px dotted #ccc; } #blog .mainContents .system-contributor { font-size: 3.4vw; margin-bottom: 5%; text-align: right; } #sidebar .widget_calendar { margin-bottom: 6vw; } table#wp-calendar { font-size: 3.382vw; width: 100%; margin: 1vw auto 0 auto; margin-bottom: 4vw; padding: 0; table-layout: fixed; border-spacing: 0; border-collapse: collapse; } table#wp-calendar caption { font-weight: bold; width: auto; margin: 2vw 0 0 0; padding: 2vw; text-align: center; border: thin solid #eee; border-radius: 0.5vw 0.5vw 0 0; background-color: #fff; } table#wp-calendar #today { font-weight: bold; z-index: 1; display: block; background-color: #cef; } table#wp-calendar .pad { font-weight: bold; background-color: #eee; } table#wp-calendar th, table#wp-calendar td { padding: 1vw 0; text-align: center; vertical-align: middle; } table#wp-calendar td { line-height: 1.8; border: thin solid #eee; background-color: #fff; } table#wp-calendar th { font-style: normal; color: #333; border-right: thin solid #eee; border-left: thin solid #eee; background-color: #f0f0f0; } table#wp-calendar a { font-size: 3.382vw; padding: 0; text-decoration: underline; color: #00a0dd; } /*blogサイドバー*/ aside.sidebar { width: 94% !important; margin: 0 auto; } aside.sidebar .aside-blog-ttl { margin-bottom: 5%; padding-bottom: 5%; text-align: center; border-bottom: 1px solid #ccc; } aside.sidebar .aside-blog-ttl span.en { font-size: 3.4vw; display: block; /* margin-bottom: 3%; */ letter-spacing: 0.242vw; color: #ccc; line-height: normal; } aside.sidebar .aside-blog-ttl span.jp { font-size: 3.382vw; font-weight: bold; } aside.sidebar .list-block { margin: 10% 0 11%; } aside.sidebar .acbox a { font-size: 3.4vw; line-height: 1.6; display: block; margin-bottom: 3vw !important; padding-bottom: 3vw; border-bottom: 1px dotted #ddd; } #blog aside.sidebar .list-block .side-day { font-size: 3.382vw; line-height: 1.4; margin-bottom: 2.415vw; color: #BFA93C; } #blog aside.sidebar .list-block .side-blog-new-list li { border-bottom: 1px dotted #b2b2b2; padding-bottom: 1.932vw; margin-bottom: 1.932vw; } #blog aside.sidebar .list-block .side-blog-new-list a { display: block; } /* staff -------------------------------------*/ /* 一覧 -------------------------------------*/ #staff .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10%; padding: 4% 2%; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; } #staff .system-list li { line-height: 1.4; position: relative; position: relative; width: 49%; margin-right: 2%; margin-bottom: 5%; padding: 2% 2% 10%; background: #fff; } #staff .system-list li:nth-child(2n) { margin-right: 0; } #staff .system-list li a:hover { text-decoration: none; } #staff .system-list li .system-ttl { font-size: 4vw; font-weight: bold; } #staff .system-list li .system-name { font-size: 3.5vw; } #staff .system-list li .system-en { font-size: 3vw; margin-bottom: 3vw; } #staff .system-list li .system-job { display: inline-block; margin-bottom: 2vw; padding: 0.4vw 3vw; color: #fff; background: #333; } #staff .system-list li .system-pic { overflow: hidden; width: 100%; height: 25vw; margin-bottom: 6%; text-align: center; } #staff .system-list li .system-pic img { width: 100%; height: 25vw; } /* 詳細 -------------------------------------*/ #staff .system-contents .num-bx { margin-bottom: 5vw; } #staff .system-contents { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; } #staff .system-contents-inner { padding: 5% 3%; background: #fff; } #staff .system-contents .system-i-pic { -webkit-box-ordinal-group: -1; -ms-flex-order: -1; order: -1; width: 100%; margin: 0 auto 8%; text-align: center; -webkit-flex-order: -1; -moz-flex-order: -1; -moz-order: -1; } #staff .system-contents .system-i-pic img { width: auto; max-width: 100%; height: auto; max-height: 60vw; } #staff .system-contents .system-ttl { font-size: 4.5vw; font-weight: bold; } #staff .system-contents .system-name { font-size: 3.5vw; } #staff .system-contents .system-en { font-size: 3vw; } #staff .system-contents .system-job { display: inline-block; margin-bottom: 2vw; padding: 0.4vw 3vw; color: #fff; background: #333; } #staff .system-contents .staff-ttl { margin-bottom: 4vw; padding: 2vw; color: #fff; background: #444; } #staff .system-contents .staff-box { margin-bottom: 6vw; } /* 付属 -------------------------------------*/ } /*# sourceMappingURL=page-system.css.map */ @media screen and (max-width: 768px) { .p-construction__search-wrap { justify-content: center; width: 90%; flex-wrap: wrap; } .p-construction__search-flex { margin-bottom: 3px; } /* ================================= 共通（768） ================================= */ .d-none_768 { display: none; } .d-block_768 { display: block; } .p-hero__title { font-size: 40px; } .p-hero__title span { font-size: 16px; } /* ================================= TOP（768） ================================= */ .p-top__flex { justify-content: center; } .p-top__flex-box { width: 100%; } .p-top__catch { margin-bottom: 52px; } .p-top__title { font-size: 40px; } .p-top__title span { font-size: 18px; } .p-top__title2 { font-size: 40px; justify-content: center; flex-wrap: wrap; } .p-top__title2 span { font-size: 18px; margin-left: unset; width: 100%; text-align: center; } .p-top__flex2 { justify-content: center; flex-wrap: wrap; } .p-top__flex2-box { width: 100%; } .p-top__title3 { font-size: 40px; justify-content: center; flex-wrap: wrap; } .p-top__title3 span { font-size: 18px; margin-left: unset; width: 100%; text-align: center; } .p-top__blog-wrap, .p-top__news-wrap, .p-top__events-wrap { padding-bottom: 64px; } .p-top__blog-link { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); right: unset; top: unset; } .p-top__events-wrap .c-card__header { flex-wrap: wrap; } .p-top__events-wrap .c-card__wrap.-third { margin-top: 50px; width: 49%; } .p-top__events-wrap .c-card__thumbnail { margin-bottom: 20px; margin-right: unset; width: 100%; } .p-top__flex3-title { font-size: 20px; } .p-top__catch2 { font-size: 30px; } .p-top__flex4 { flex-wrap: wrap; } .p-top__flex4-left { max-width: unset; margin-bottom: 32px; width: 100%; } .p-top__flex4-right { width: 100%; } .p-top__style-flex .p-top__style-link { width: 48%; } .p-top__style-flex2 .p-top__style-link2 { width: 48%; } .p-top__style-flex { justify-content: space-evenly; } .p-top__style-flex .p-top__style-flex2 { justify-content: space-evenly; } .p-top__grid-wrap, .p-top__grid-wrap2 { grid-template-rows: unset; grid-template-columns: unset; max-width: 360px; display: flex; flex-wrap: wrap; } .p-top__grid-wrap .-grid01 { display: block; grid-row: unset; grid-column: unset; order: 5; } .p-top__grid-wrap .-grid02, .p-top__grid-wrap2 .-grid02 { grid-row: unset; grid-column: unset; order: 1; } .p-top__grid-wrap .-grid03, .p-top__grid-wrap2 .-grid03 { grid-row: unset; grid-column: unset; order: 3; } .p-top__grid-wrap .-grid04, .p-top__grid-wrap2 .-grid04 { grid-row: unset; grid-column: unset; order: 2; } .p-top__grid-wrap .-grid05, .p-top__grid-wrap2 .-grid05 { grid-row: unset; grid-column: unset; order: 4; } /* ================================= イベント（768） ================================= */ .p-event__btn-wrap { flex-wrap: wrap; margin-top: -16px; } .p-event__entry-btn, .p-event__reserve-btn { width: 100%; margin-top: 16px; font-size: 18px; line-height: 1; } .p-event__map-btn { width: 100%; font-size: 18px; line-height: 1; } .p-event__modal { width: 100%; } .p-event__modal-wrap { /* width: 90%; */ /* margin: 0 auto; */ } .p-event__modal .c-title__main2 { font-size: 20px; } .p-event__title { font-size: 16px; padding: 24px 0; } .p-event__ul { justify-content: center; flex-wrap: wrap; } .p-event__ul-li:nth-child(2) { margin: 0 24px; } /* ================================= 宣誓（768） ================================= */ .p-statement__text { font-size: 16px; } .modal_box { width: 100%; padding: 60px 0 80px; } .p-statement__circle2-text { font-size: 16px; line-height: 2; } .p-statement__cicle2-title { font-size: 32px; margin-bottom: 24px; } .p-statement__circle2-wrap { height: 600px; } .modal_box { max-width: 600px; } .p-statement__circle2-sub { font-size: 20px; } /* ================================= 会社案内（768） ================================= */ .c-title__main span { font-size: 16px; margin-left: 16px; } .c-title__main { font-size: 32px; } .p-outline__menu-ul li { margin-bottom: 16px; } .p-outline__menu-ul { flex-wrap: wrap; width: 90%; justify-content: space-around; } .p-outline__main-catch { font-size: 40px; } .p-outline__catch { font-size: 18px; } .p-award__title { font-size: 20px; } .p-outline__flex { flex-wrap: wrap; } .p-outline__flex-left { max-width: unset; margin-bottom: 24px; } .p-outline__flex-right { max-width: unset; } .p-outline__box4-text { font-size: 16px; } .p-outline__main-catch img { max-width: 200px; } /* ================================= リフォーム（768） ================================= */ /* .p-reforms__wrap2 { width: 100%; } .-reform .p-news__side { margin-right: 36px; } .-reform .c-card__header { flex-wrap: wrap; align-items: unset; } .-reform .c-card__thumbnail { margin-bottom: 16px; margin-right: unset; width: unset; } .reform_style, .reform_area { max-width: unset; } .p-reform__single-title { font-size: 24px; } .p-reforms__flex { justify-content: center; flex-wrap: wrap; } .p-reforms__content2 { width: 100%; max-width: unset; } .p-reforms__title-text2 { font-size: 42px; margin-bottom: 44px; } .p-reforms__content-title { font-size: 42px; } .p-reforms__jisseki .c-card__wrap.-third { margin-right: unset; width: 48%; max-width: unset; margin-top: 110px; } .p-reforms__jisseki .c-card__header { flex-wrap: wrap; align-items: unset; } .p-reforms__jisseki .c-card__thumbnail { max-width: unset; width: 100%; height: 340px; margin-right: unset; margin-bottom: 24px; } .p-reforms__jisseki .c-card__flex { justify-content: space-between; margin-top: -110px; } .p-reforms__jisseki .c-card__wrap.-third:nth-child(2), .p-reforms__jisseki .c-card__wrap.-third:nth-child(5), .p-reforms__jisseki .c-card__wrap.-third:nth-child(8), .p-reforms__jisseki .c-card__wrap.-third:nth-child(11) { top: unset; } .p-reforms__jisseki .c-card__wrap.-third:nth-child(2), .p-reforms__jisseki .c-card__wrap.-third:nth-child(3), .p-reforms__jisseki .c-card__wrap.-third:nth-child(6), .p-reforms__jisseki .c-card__wrap.-third:nth-child(7), .p-reforms__jisseki .c-card__wrap.-third:nth-child(10), .p-reforms__jisseki .c-card__wrap.-third:nth-child(11) { top: 60px; } .p-reforms__jisseki { padding: 80px 0; } .-reverse .p-reforms__flex2-figure { max-width: unset; position: relative; left: unset; top: unset; right: unset; margin-bottom: 40px; } .p-reforms__flex2 { flex-wrap: wrap; } .-reverse.-second .p-reforms__flex2-box { width: 90%; margin: 0 auto; flex-basis: unset; right: unset; top: unset; } .p-reforms__tb-title { position: relative; } .p-reforms__tb-title .p-reforms__flex2-title img { max-width: 30px; } .p-reforms__tb-title .p-reforms__flex2-title { display: flex; margin-bottom: 80px; margin-left: unset; justify-content: center; } .p-reforms__tb-title .p-reforms__flex2-hr { margin: unset; border: unset; height: 120px; background-color: #1a1311; width: 1px; position: absolute; bottom: -140px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: 100; } .p-reforms__flex3 { flex-wrap: wrap-reverse; max-width: 600px; } .p-reforms__flex3-lay2 { max-width: unset; margin-right: unset; } .p-reforms__flex3-figure { max-width: unset; margin-bottom: 50px; width: 100%; } .p-reforms__flex4 { flex-wrap: wrap-reverse; max-width: 600px; margin: 0 auto 60px; } .p-reforms__flex4-lay2 { margin-left: unset; } .p-reforms__flex4-figure { max-width: unset; margin-bottom: 50px; width: 100%; } .p-reforms__flex4-figure img { height: 325px; -o-object-fit: cover; object-fit: cover; } .p-reforms__flex4 .p-reforms__flex3-box { max-width: unset; } .p-reforms__flex5 { flex-wrap: wrap-reverse; max-width: 600px; margin: 0 auto 60px; } .p-reforms__flex5-lay2 { max-width: unset; width: 100%; margin-right: unset; } .p-reforms__flex5-figure { margin-bottom: 50px; } .p-reforms__flex6 { max-width: 600px; margin: 0 auto 60px; flex-wrap: wrap-reverse; } .p-reforms__flex6 .p-reforms__flex3-lay2 { max-width: unset; margin-right: unset; margin-left: unset; } .p-reforms__flex6 .p-reforms__flex3-figure { max-width: 100%; width: 100%; } .p-reforms__flex3-figure img { width: 100%; height: 325px; -o-object-fit: cover; object-fit: cover; } .p-reforms__flex8 { flex-wrap: wrap-reverse; max-width: 600px; } .p-reforms__flex7 .p-reforms__flex3-figure { max-width: unset; margin-bottom: 50px; width: 100%; } .p-reforms__flex7 .p-reforms__flex3-lay2 { max-width: unset; } .p-reforms__flex7 .p-reforms__flex3-title { margin-bottom: 40px; width: 100%; flex-direction: unset; justify-content: flex-start; } .p-reforms__flex7 .p-reforms__flex3-title-text { margin-right: unset; margin-left: 32px; } .p-reforms__flex7 { position: relative; top: unset; max-width: unset; right: unset; margin: 0 auto 60px; } .p-reforms__flex8 .p-reforms__flex2-box { left: unset; position: relative; flex-basis: unset; top: unset; margin: 0 auto 64px; z-index: 20; } .p-reforms__flex8 .p-reforms__flex2-hr { margin: unset; border: unset; height: 120px; background-color: #1a1311; width: 1px; position: absolute; bottom: -140px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } .p-reforms__flex8 .p-reforms__flex2-title { margin-left: unset; margin-bottom: unset; } .p-reforms__flex2 .p-reforms__flex2-figure { position: relative; max-width: unset; } .p-reforms__flex2 .p-reforms__flex2-title { justify-content: center; margin-left: unset; } .p-reforms__flex2 .p-reforms__flex2-box { top: 65px; flex-basis: unset; width: 90%; margin: 0 auto; } .-reverse .p-reforms__flex2-title { margin-right: unset; } .p-hero__catch-box { max-width: 175px; } */ /* ================================= 新築（768） ================================= */ .p-construction__sub-title { font-size: 16px; } .-construction .c-card__header { flex-wrap: wrap; align-items: unset; } .-construction .c-card__thumbnail { margin-bottom: 20px; margin-right: unset; width: unset; } .-construction .c-card__wrap.-third { margin-top: 20px; width: 48%; } .-construction .c-card__flex { justify-content: space-between; } .-general .c-card__header { flex-wrap: wrap; align-items: unset; } .-general .c-card__thumbnail { margin-bottom: 20px; margin-right: unset; width: 100%; } .-general .c-card__thumbnail img { height: 106px; -o-object-fit: cover; object-fit: cover; } .-general .c-card__wrap.-third { margin-top: 20px; width: 48%; } .-general .c-card__flex { justify-content: space-between; } .p-construction__search-flex { flex-wrap: wrap; justify-content: center; max-width: 300px; } .p-construction__search-wrap { max-width: 320px; } /* ================================= ご紹介（768） ================================= */ .p-intro__catch { font-size: 32px; margin-bottom: 48px; } .p-intro__flex2-left { width: 100%; margin-bottom: 32px; } .p-intro__flex2 { flex-wrap: wrap; padding: 40px 0; width: 90%; } .p-intro__flex2-figure { max-width: 174px; } .p-intro__flex2-title { max-width: 490px; } .p-intro__flex2-right { width: 100%; } .p-intro__flex3 { flex-wrap: wrap; } .p-intro__flex3-circle { border-radius: unset; width: 100%; height: 150px; } .p-intro__flex3-box { top: 55%; } .p-intro__flex3-step { top: 20px; } .p-intro__flex3-figure { margin: 20px auto; transform: rotate(90deg); } /* ================================= ヘッダー（768） ================================= */ .globalMenuSp-wrap { flex-wrap: wrap; } .globalMenuSp__ul2 { display: flex; flex-wrap: wrap; justify-content: space-between; } .globalMenuSp__li2 { margin: 0 0 20px; width: 50%; } .globalMenuSp-right { max-width: unset; margin-bottom: 8px; } .p-head__hun-logo { margin: 0 auto 48px; width: 90%; max-width: 475px; } .globalMenuSp__sub-menu { flex-wrap: wrap; } .globalMenuSp__main { position: relative; top: unset; left: unset; transform: unset; padding: 32px 0; } /* ================================= フッター（768） ================================= */ .p-footer__logo-img { margin: 0 auto 70px; } .p-footer__flex-left { max-width: unset; } .p-footer__bottom { padding-top: 64px; } .p-footer__sns-wrap { margin: 0 auto 30px; } .p-footer__copy { text-align: center; } /* ================================= ブログ（768） ================================= */ .c-card__wrap.-third { width: 100%; margin-right: unset; margin-top: 54px; max-width: unset; } .c-card__flex { margin-top: -54px; } .c-card__header { flex-wrap: unset; align-items: center; } .c-card__thumbnail { margin-bottom: unset; margin-right: 20px; width: 60%; } .p-blog__search-figure { display: none; } .p-blog__search-right, .p-blog__search-left { max-width: 320px; width: 100%; margin-bottom: 17px; } .p-blog__search-wrap { max-width: 320px; justify-content: center; flex-wrap: wrap; } .p-blog__search-flex { flex-wrap: wrap; } .p-blog__area { flex-wrap: wrap; max-width: 320px; justify-content: unset; position: unset; margin-top: 64px; } .p-blog__hr { display: none; } .p-blog__title { justify-content: flex-start; } .p-blog__area-li { margin-bottom: 32px; } .p-blog__box a { margin: unset; text-align: left; background-color: unset; } .-red .p-blog__title { justify-content: flex-start; } .p-blog__select { height: unset; padding-bottom: 64px; } .p-blog__select-wrap { width: 90%; margin: 0 auto; } /* ================================= 資料請求（768） ================================= */ .p-request__dl { flex-wrap: wrap; } .p-request__dt { max-width: unset; margin-bottom: 8px; } .p-request__dl dd { width: 100%; } .con_name, .con_kana, .con_mail { max-width: unset; } .p-request__dl2 { flex-wrap: wrap; } .p-request__cta-title { font-size: 24px; } .p-request__cta-catch { font-size: 16px; width: 90%; margin: 0 auto 40px; } .p-reservation__box { width: 100%; margin-bottom: 16px; } .p-reservation__box:last-child { margin-bottom: unset; } .p-reservation__wrap { margin: 0 auto 52px; flex-wrap: wrap; justify-content: center; } /* ================================= コンセプト（768） ================================= */ .p-hero__figure2 { max-width: 210px; margin: 0 auto 44px; } .p-concept__text { font-size: 18px; line-height: 2.42; } .p-concept__box { margin-bottom: 100px; } .p-hero__title3 img { max-width: 285px; } /* ================================= ZEH（768） ================================= */ .p-privacy__dl { flex-wrap: wrap; } .p-privacy__dd-name::after { content: ""; top: 9px; left: 0px; width: 10px; height: 10px; } .p-privacy__dd-name2::after { content: ""; top: 9px; left: 0px; width: 10px; height: 10px; } /* ================================= お知らせ詳細（768） ================================= */ .c-title__figure { max-width: 60px; } .c-title__main2 { font-size: 24px; } .page-navi__btn span { font-size: 13px; width: 100%; } .page-navi__btn { width: 66px; height: 66px; } .fa-chevron-circle-left { margin: 0 8px; } } @media screen and (max-width: 700px) { .d-none_700 { display: none; } .d-block_700 { display: block; } /* ================================= お知らせ（700） ================================= */ .p-news__main { width: 100%; margin-bottom: 32px; margin-top: 32px; } .p-news__side { width: 100%; } .p-news__wrap { flex-wrap: wrap; } .c-grid__link { align-items: center; } .c-grid__thumbnail { max-width: 97px; } .c-grid__thumbnail img { height: 66px; width: 97px; } .c-grid__left { max-width: 97px; margin-right: 20px; } /* ================================= リフォーム（700） ================================= */ .-reform .p-news__wrap { justify-content: center; } .-reform .p-news__side { max-width: unset; width: 90%; margin-right: unset; } .p-reform__title-main.d-block_700 { display: flex; justify-content: center; margin-left: unset; margin-bottom: 46px; } .p-reform__wrap { margin-bottom: 60px; } } @media screen and (max-width: 480px) { .p-event__modal .modal_box { height: 90%; overflow-y: scroll; } .fc-listMonth-view .fc-content-skeleton thead::after { left: 7.246vw; height: 100%; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton table .fc-day-number.fc-today { border-top: 1px solid #d8d8d8; } .p-event__other-wrap { margin-top: 15.459vw; } /* event ————————————————————————————————————————— */ .p-event__wrap { max-width: 261.353vw; margin: 0 auto; } .p-event__wrap .fc-center { font-family: "gotham"; font-size: 9.179vw; font-weight: 300; line-height: 1; letter-spacing: 0.15em; text-align: center; color: #212121; display: flex !important; justify-content: center !important; flex-wrap: wrap !important; } .p-event__wrap .fc-center span { font-size: 3.623vw; font-weight: 300; line-height: 1; letter-spacing: 0.15em; text-align: center; color: #1a1311; display: block; width: 100%; margin-top: 3.865vw; } .p-event__wrap .fc-ltr .fc-basic-view .fc-day-number { font-size: 3.865vw; font-weight: 300; line-height: 1.06; color: #1a1311; padding-right: 8px !important; padding-top: 8px !important; border-color: #d8d8d8; } .eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead .fc-sun { color: #bf657b; } .eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead .fc-sat { color: #4f9fb5; } .p-event__wrap .fc-event { position: relative; display: block; border: none; border-radius: 1.449vw; background-color: #eaeaea !important; font-size: 14px !important; line-height: 1.43; letter-spacing: 0.03em; color: #000 !important; padding: 8px !important; box-sizing: border-box !important; margin: 8px !important; } .p-event__wrap .fc-day-header { font-size: 3.865vw; line-height: 1.25; letter-spacing: 0.116vw; text-align: center; color: #1a1311; background-color: #f8f8f8 !important; border: none; } .p-event__wrap .fc-day-header.fc-sat { color: #4f9fb5; } .p-event__wrap .fc-day-header.fc-sun { color: #df3b64; } .fc-row .fc-content-skeleton { min-height: 33.816vw; } .p-event__wrap .fc-widget-header { border: none; } .p-event__wrap .fc-widget-content:first-child { border-top: none; border-right: none; border-left: none; background-color: #f8f8f8; } .p-event__wrap .fc-day.fc-widget-content { border-top: solid 1px #d8d8d8; border-right: solid 1px #d8d8d8; border-left: solid 1px #d8d8d8; } .p-event__wrap .eo-fullcalendar .fc-view > table > thead { background: #f8f8f8; } .p-event__wrap .fc-widget-header { padding-bottom: 15px !important; } .p-event__wrap .fc-next-button { display: block; width: 12.077vw; height: 12.077vw; background: url(../images/system/event-right.png) no-repeat center center/100% 100%; border: none; transition: all 0.3s; background-color: #f8f8f8; box-shadow: unset; } .p-event__wrap .fc-prev-button { display: block; width: 12.077vw; height: 12.077vw; background: url(../images/system/event-left.png) no-repeat center center/100% 100%; border: none; transition: all 0.3s; background-color: #f8f8f8; box-shadow: unset; } .fc button .fc-icon { display: none; } .p-event__wrap .eo-fullcalendar .fc-toolbar { margin-bottom: 14.493vw; } .category-event_reform .fc-title::before { content: "●"; color: #93b147; font-size: 3.865vw; } .category-event_nagaoka .fc-title::before { content: "●"; color: #bf657b; font-size: 3.865vw; } .category-event_niigata .fc-title::before { content: "●"; color: #4f9fb5; font-size: 3.865vw; } .p-event__ul { display: flex; max-width: 132.85vw; margin: 0 auto; justify-content: space-between; } .p-event__ul-li { list-style: none; font-size: 3.382vw; line-height: 2.86; letter-spacing: 0.03em; position: relative; } .p-event__ul-li::after { content: ""; display: inline-block; width: 0.242vw; height: 4.831vw; background-color: #393939; position: absolute; top: 2.415vw; right: -2.415vw; transform: rotate(35deg); } .p-event__ul-li:last-child::after { display: none; } .p-event__box { border: solid 1px #d6d6d6; padding: 1.932vw; margin-bottom: 21.739vw; } .p-event__figure { max-width: 14.493vw; margin: 0 auto 20px; } .p-event__figure img { width: 100%; } .fc-row.fc-widget-header::after { background-size: cover; content: ""; display: inline-block; background-image: url(../img/border-line.png); background-repeat: no-repeat; width: 100%; height: 0.483vw; } .p-event__content-title { font-size: 4.831vw; line-height: 1.35; letter-spacing: 0.03em; text-align: left; color: #1a1311; margin-bottom: 1.932vw; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; height: 13.285vw; } .p-event__content-title a { color: #1a1311; text-decoration: none; } .p-event__content-date, .p-event__content-venue { font-size: 3.382vw; line-height: 1.79; letter-spacing: 0.01em; display: block; } .p-event__content { display: flex; max-width: 120.773vw; justify-content: space-between; align-items: center; margin-top: 9.662vw; width: 50%; } .p-event__content-link { width: 100%; max-width: 50.725vw; display: block; height: auto; } .p-event__content-link img { width: 100%; height: 37.923vw; -o-object-fit: cover; object-fit: cover; } .p-event__other-list .p-event__content-link img { height: 30.918vw; } .p-event__head { margin-bottom: 14.493vw; } .p-event__title { font-size: 4.348vw; line-height: 1.33; letter-spacing: 0.18em; text-align: center; padding: 9.662vw 0; } .p-event__list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -9.662vw; } .p-event__content-box { max-width: 63.768vw; width: 100%; } .p-event__dl { display: flex; border-bottom: solid 1px #d6d6d6; align-items: baseline; max-width: 95.411vw; } .p-event__dl-dt { font-size: 3.865vw; line-height: 2.5; letter-spacing: 0.03em; max-width: 24.155vw; width: 100%; margin-right: 7.246vw; } .p-event__dl-dd { font-size: 3.865vw; line-height: 2.5; letter-spacing: 0.03em; } .p-event__dl-dd a { color: #bf657b; } .p-event__flex-left { max-width: 80.676vw; width: 100%; } .p-event__flex-figure { max-width: 80.676vw; } .p-event__flex-figure a { display: block; } .p-event__flex-figure img { margin: 0; width: 100%; } .p-event__flex { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14.493vw; } .p-event__flex-right { max-width: 95.411vw; width: 100%; } .p-event__story-title { font-size: 6.28vw; font-weight: 300; line-height: 1.04; letter-spacing: 0.15em; color: #bf657b; margin-bottom: 5.797vw; font-family: "gotham"; } .p-event__focus-title { font-size: 6.28vw; font-weight: 300; line-height: 1.04; letter-spacing: 0.15em; color: #4f9fb5; margin-bottom: 5.797vw; font-family: "gotham"; } .p-event__other-title { font-size: 6.28vw; font-weight: 300; line-height: 1.04; letter-spacing: 0.15em; color: #9768b4; margin-bottom: 5.797vw; font-family: "gotham"; } .c-entry__wrap .p-event__other-sub { font-size: 4.348vw; line-height: 1.33; letter-spacing: 0.1em; margin-bottom: 3.865vw; } .p-event__story-wrap { margin-bottom: 3.865vw; } .p-event__focus-wrap { margin-bottom: 3.865vw; margin-top: 14.493vw; } .c-entry__wrap .p-event__content { width: 100%; max-width: unset; margin-top: 0px; } .c-entry__wrap .p-event__content-link { margin-right: 7.729vw; } .c-entry__wrap .p-event__content-box { max-width: unset; } .detail_gmap { height: 80.918vw; margin-bottom: 9.662vw; } .p-event__map-btn { font-size: 4.831vw; line-height: 1.75; letter-spacing: 0.1em; text-align: center; color: #fff !important; border-radius: 10.145vw; background-color: #4f9fb5; max-width: 90.821vw; display: block; text-decoration: none !important; padding: 3.865vw 0; transition: all 0.3s !important; width: 100%; } .p-event__map-btn:hover { opacity: 0.7; } .p-event__map-wrap { margin-bottom: 28.986vw; } .placecimg { display: block; margin-bottom: 64px !important; } .p-event__cate { font-size: 2.899vw; line-height: 2.33; letter-spacing: 0.03em; color: #a2a2a2; } .c-entry__wrap .p-event__entry-txt { font-size: 3.382vw; line-height: 2.86; letter-spacing: 0.03em; text-align: center; margin-bottom: unset; } .p-event__entry-wrap { border: solid 1px #d6d6d6; margin-bottom: 9.662vw; } .p-event__entry-btn { font-size: 4.831vw; line-height: 1.75; letter-spacing: 0.1em; text-align: center; color: #fff !important; border-radius: 10.145vw; max-width: 90.821vw; display: block; text-decoration: none !important; padding: 3.865vw 0; transition: all 0.3s !important; width: 100%; background-color: #bf657b; } .p-event__btn-wrap { margin-bottom: 24.155vw; display: flex; justify-content: space-around; } .p-news__side-title.-event { color: #d19f40; } .-general .parent-all.-event { padding-bottom: unset; } .-general .parent-li.-event { padding-bottom: unset; } .p-event__modal { position: relative; width: 100%; max-width: 90.821vw; } .p-event__modal .modal_box { max-width: 260.87vw; padding: 0; } .p-event__modal .c-title__figure { max-width: 10.386vw; margin-right: 3.865vw; } .p-event__modal .c-title__main2 { font-size: 5.797vw; line-height: 2.29; letter-spacing: 0.03em; color: #1a1311; } .p-event__modal .c-title__body { margin-bottom: unset; justify-content: center; padding: 7.246vw 0; } .p-event__modal .p-event__modal-text { font-size: 3.865vw; line-height: 2.19; letter-spacing: 0.03em; text-align: center; margin: 0; border: solid 1px #d6d6d6; padding: 1.932vw 0; margin-bottom: 9.662vw; } .p-event__modal .modal_close { background-color: #474645; height: 7.729vw; width: 7.729vw; border-radius: 50%; position: relative; } .p-event__modal .modal_close::before, .p-event__modal .modal_close::after { display: block; content: ""; width: 3.14vw; height: 0.242vw; background: #fff; top: 50%; left: 30%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); position: absolute; } .p-event__modal .modal_close::before { transform: rotate(-45deg); } .p-event__modal .modal_close::after { transform: rotate(45deg); } .p-event__reserve-btn { font-size: 4.831vw; line-height: 1.75; letter-spacing: 0.1em; text-align: center; color: #fff !important; border-radius: 10.145vw; max-width: 90.821vw; display: block; text-decoration: none !important; padding: 3.865vw 0; transition: all 0.3s !important; width: 100%; background-color: #4f9fb5; } .p-event__modal-wrap { background-color: #fff; display: block; width: 100%; position: relative; padding: 12.077vw; box-sizing: border-box; } .p-event__modal-title { font-size: 4.831vw; line-height: 1.75; letter-spacing: 0.6em; text-align: center; padding: 4.831vw 0; } .p-event__modal-footer { max-width: 7.729vw; position: absolute; top: 3.382vw; right: 3.382vw; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton { min-height: unset; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton table { display: flex; box-sizing: border-box; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton table thead { border-right: 1px solid #ddd; position: relative; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton table .fc-day-number { display: flex; flex-direction: row-reverse; border-bottom: unset !important; border-left: unset !important; border-right: unset !important; padding-right: unset !important; border-top: unset; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton table .fc-day-grid-event { margin: 0 !important; background-color: unset !important; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton table .fc-list-header-right { padding: unset !important; width: 7.246vw; text-align: center; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton table .fc-list-header-left { padding-left: unset; text-align: center; width: 7.246vw; padding: unset !important; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton table .fc-row .fc-content-skeleton { min-height: unset; } .p-event__wrap .fc-listMonth-view .fc-content-skeleton table .fc-title { height: 3.865vw; line-height: 1; } .fc-listMonth-view .fc-content-skeleton thead::after { content: ""; display: block; width: 0.242vw; height: -webkit-fill-available; background-color: #ddd; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } .fc-listMonth-view::before { background-size: cover; content: ""; display: inline-block; background-image: url(../img/border-line.png); background-repeat: no-repeat; width: 100%; height: 0.483vw; position: absolute; top: 0; z-index: 10; } .fc-listMonth-view::after { background-size: cover; content: ""; display: inline-block; background-image: url(../img/border-line.png); background-repeat: no-repeat; width: 100%; height: 0.483vw; position: absolute; bottom: 0; z-index: 10; } /* 調整 */ .p-event__other-wrap { margin-top: 23.188vw; } /* ================================= 共通（480） ================================= */ .d-block_480 { display: block !important; } .d-none_480 { display: none !important; } .p-hero__title { font-size: 7.729vw; } .p-hero__title span { font-size: 3.382vw; } .p-hero__figure { max-width: 24.155vw; margin: 0 auto 16px; } .p-hero__wrap.-second { padding: 10.87vw 0; } .c-breadcrumbs__body { min-height: 8.454vw; flex-wrap: wrap; } .c-breadcrumbs__body li { font-size: 2.899vw; } /* ================================= ヘッダー（480） ================================= */ .navToggle { width: 8.696vw; height: 8.696vw; } .navToggle span { width: 3.382vw; } .p-head__fix { height: 18.599vw; width: 95%; } .p-head__wrap.-fixed { height: 18.599vw; } .c-breadcrumbs__wrap { padding-top: 18.599vw; } .p-head__wrap2 { height: 18.599vw; } .p-head__logo { max-width: 39.372vw; } .navToggle span:nth-child(3) { top: 5.556vw; } .navToggle span:nth-child(2) { top: 4.348vw; } .navToggle span:nth-child(1) { top: 3.14vw; } .navToggle.active span:nth-child(1) { top: 4.348vw; } .navToggle.active span:nth-child(2), .navToggle.active span:nth-child(3) { top: 4.348vw; } .globalMenuSp__li2 { margin: 0; width: 100%; font-size: 3.865vw; border-bottom: 1px solid #e5e5e5; padding: 5.797vw 0; } .globalMenuSp__li2:nth-of-type(3):after, .globalMenuSp__li2:nth-of-type(6):after, .globalMenuSp__li2:nth-of-type(13):after { content: url("../img/icon-menu-toggle.svg"); position: absolute; right: 0; transition: transform 0.4s; } .globalMenuSp__li2.active:after { transform: rotate(180deg); } /* 実績、お知らせ、お問い合わせの下線を非表示 */ .globalMenuSp__li2:nth-of-type(3), .globalMenuSp__li2:nth-of-type(6), .globalMenuSp__li2:nth-of-type(13) { border-bottom: none; cursor: pointer; } .globalMenuSp__li2:nth-of-type(4), .globalMenuSp__li2:nth-of-type(7), .globalMenuSp__li2:nth-of-type(14) { border-top: 1px solid #e5e5e5; } .sub-menu-list2 { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 6.763vw 0 1.932vw; } /* デザイン変更により追加 */ nav.globalMenuSp.active { overflow-y: scroll; } .globalMenuSp__link { display: block; margin-bottom: 4.589vw; } .globalMenuSp__li { font-size: 3.623vw; margin: 0; letter-spacing: 0.02em; display: block; } .globalMenuSp__li:last-child { border-right: none; } .globalMenuSp__li:first-child { padding-left: 0; } nav.globalMenuSp ul { display: flex; align-items: flex-start; flex-direction: column; max-width: unset; } .globalMenuSp-wrap .p-footer__sns-wrap { margin: 24px auto 48px; } .p-head__hun-logo { margin: 0 auto 38px; max-width: unset; } .p-head__hun-logo img { max-width: 66.425vw; } /* ================================= フッター（480） ================================= */ .l-footer { padding-top: 13.285vw; padding-bottom: 15.7vw; } .p-footer__flex-left { max-width: 76.329vw; margin: 0 auto; } .p-footer__copy { font-size: 1.932vw; letter-spacing: 0.05em; } .p-footer__sns-wrap { margin: 0 auto 20px; } .p-footer__name { font-size: 3.865vw; margin-bottom: 3.382vw; } .p-footer__address { line-height: 1.57; } .p-footer__text { line-height: 1.57; } .p-footer__box { margin-top: 9.662vw; } .p-footer__logo-img { margin: 0 auto 52px; } .p-footer__flex-right { margin-top: -9.662vw; } /* ================================= プラポリ（480） ================================= */ .p-privacy__box-title { font-size: 3.865vw; } .p-privacy__box-text { font-size: 3.623vw; } .p-privacy__box { padding: 11.594vw 0; } .p-privacy__box-text2 { font-size: 3.623vw; } .p-privacy__box-ul li { font-size: 3.623vw; } .-green.p-privacy__box-ul li::after { content: ""; top: 1.932vw; left: -3.623vw; width: 2.415vw; height: 2.415vw; } .p-privacy__box2-title::after { content: ""; top: 1.932vw; left: 0px; width: 2.415vw; height: 2.415vw; } .p-privacy__box2-text { font-size: 3.623vw; } .p-privacy__box2-title { font-size: 3.623vw; } .p-privacy__box-address { font-size: 3.623vw; } .l-section { padding-bottom: 13.285vw; } /* ================================= ZEH（480） ================================= */ .p-privacy__dt { font-size: 3.865vw; margin-right: unset; } .p-privacy__dd-name, .p-privacy__dd-name2 { font-size: 3.623vw; } .p-privacy__dd-name::after { content: ""; top: 1.932vw; } .p-privacy__dd-name2::after { content: ""; top: 1.932vw; } .p-privacy__dd-text { font-size: 3.623vw; } /* ================================= コンセプト（480） ================================= */ .p-concept__text { font-size: 3.623vw; line-height: 2.67; letter-spacing: 0.03em; } .p-concept__box { margin-bottom: 14.493vw; } .p-concept__catch { padding: 14.493vw 0; font-size: 3.865vw; } .p-concept__catch img { max-width: 66.425vw; } .p-concept__box2 { margin-bottom: 14.493vw; } .l-section3_mb { padding-bottom: 19.324vw; } .p-hero__figure2 { max-width: 39.855vw; margin: 0 auto 32px; } .p-hero__title3 img { max-width: 51.932vw; margin-top: 7.729vw; } /* ================================= 資料請求（480） ================================= */ .-request .p-hero__title2 { font-size: 6.28vw; } .-outline .p-hero__title2 { font-size: 6.28vw; } .-contact .p-hero__title2 { font-size: 5.072vw; } .-event .p-hero__title2 { font-size: 6.28vw; } .-reservation .p-hero__title2 { font-size: 5.072vw; } .-construction .p-hero__title2 { font-size: 6.28vw; } .-general .p-hero__title2 { font-size: 6.28vw; } .-construction .p-hero__title2 span { font-size: 3.382vw; } .-event .p-hero__title2 span { font-size: 3.382vw; } .-outline .p-hero__title2 span { font-size: 3.382vw; } .-general .p-hero__title2 span { font-size: 3.382vw; } .-intro .p-hero__title2 { font-size: 6.28vw; } .p-hero__head.-intro { padding: 11.594vw 0; } .-request .p-hero__title2 span { font-size: 3.382vw; } .-reservation .p-hero__title2 span { font-size: 3.382vw; } .-contact .p-hero__title2 span { font-size: 3.382vw; line-height: 1.57; margin-top: 3.865vw; } .p-hero__head { padding: 11.594vw 0; } .p-request__catch { font-size: 4.348vw; line-height: 1.4; } .p-request__text { font-size: 3.382vw; } .p-request__form { padding-top: 12.077vw; } .p-request__dt { font-size: 3.382vw; } .p-request__dl { padding: 9.662vw 0; } .con_name, .con_kana, .con_mail { font-size: 3.382vw; } .zip-button { font-size: 3.382vw; max-width: 22.947vw; } .con_zip { font-size: 3.382vw; margin-right: 4.831vw; margin-left: 3.865vw; } .con_addr, .con_addr2 { font-size: 3.382vw; max-width: 53.14vw; } .p-request__dd-box { font-size: 3.382vw; margin-bottom: 2.415vw; } .p-request__dd-box2 { margin-bottom: 2.415vw; } .mwform-tel-field .con_tel { font-size: 3.382vw; width: 100% !important; } .p-request__dd .radio-btns__item + span { font-size: 3.382vw; } .p-request__dd .radio-btns__item + span::after, .p-request__dd .radio-btns__item + span::before { content: ""; top: 0.483vw; } .p-request__dd .radio-btns__item + span::after { top: 1.449vw; } .p-request__flex { display: flex; flex-wrap: wrap; } .p-request__flex .mwform-radio-field { width: 30%; margin-left: unset !important; } .p-request__flex2 { display: flex; flex-wrap: wrap; } .p-request__flex2 .mwform-radio-field { width: 30%; margin-left: unset !important; } .p-request__flex3 { display: flex; flex-wrap: wrap; } .p-request__flex3 .mwform-radio-field { width: 50%; margin-left: unset !important; } .p-request__flex4 { display: flex; flex-wrap: wrap; } .p-request__flex4 .mwform-radio-field { width: 100%; margin-left: unset !important; } .p-request__select_wrap { max-width: unset; } .p-request__select-box { font-size: 3.382vw; max-width: unset; } .p-request__dd2 { flex-wrap: wrap; } .p-request__select_text { font-size: 3.382vw; margin-top: 2.415vw; } .con_kikkake2 { font-size: 3.382vw; max-width: 53.14vw; } .con_place2, .con_place3 { font-size: 3.382vw; max-width: 65.217vw; } .p-request__dd-left { font-size: 3.382vw; margin-bottom: 2.415vw; } .p-request__dd-right { font-size: 3.382vw; } .p-request__dd-right2 { font-size: 3.382vw; } .con_comment { font-size: 3.382vw; } .p-request__dl2 { padding: 9.662vw 0; } .l-section3_mt { padding-top: 19.324vw; } .p-request__cta-title { font-size: 4.348vw; line-height: 1.67; } .p-request__cta-catch { font-size: 3.382vw; line-height: 1.71; } .p-request__cta-name { font-size: 3.623vw; margin-bottom: 3.865vw; } .p-request__cta-tel img { max-width: 6.28vw; } .p-request__cta-tel { font-size: 4.348vw; margin-bottom: 1.932vw; } .p-request__cta-mail { font-size: 2.899vw; } .p-request__cta-title2 { font-size: 3.865vw; margin-bottom: 3.865vw; } .p-request__select_wrap2 { flex-wrap: wrap; font-size: 3.382vw; } .p-request__select-box2 { font-size: 3.382vw; max-width: unset; margin-left: unset; margin-top: 1.932vw; } .p-request__select_wrap2-box { max-width: unset; margin-bottom: 3.865vw; } .p-request__select_wrap2-box.-last { margin-bottom: 0; } .p-request__select_wrap2-box::after { top: 55%; } .con-file { font-size: 3.382vw; } .p-request__select_wrap3 { flex-wrap: wrap; } .p-request__select_wrap3-left { width: 100%; margin-bottom: 9.662vw; } .p-request__select_wrap3-left.-last { margin-bottom: unset; } .p-request__select_wrap3-box2 { max-width: unset; } .p-request__select-box3 { font-size: 3.382vw; max-width: unset; } .p-request__dd-box3 { font-size: 3.382vw; } .otona, .kodomo { font-size: 3.382vw; } .p-reservation__link { font-size: 3.865vw; justify-content: space-between; width: 90%; margin: 0 auto; } .p-reservation__link .fa-chevron-circle-right { margin: unset; } .l-section.-reservation { padding-top: 13.285vw; } .p-reservation__box { position: relative; } .p-reservation__wrap .p-request__cta-hr-right, .p-reservation__wrap .p-request__cta-hr-left { background-size: cover; } /* ================================= お知らせ（480） ================================= */ .c-grid__title { -webkit-line-clamp: 2; font-size: 3.623vw; height: 9.179vw; margin-bottom: unset; } .c-grid__date { font-size: 2.899vw; } .c-grid__cate { font-size: 2.899vw; } .c-grid__right { margin: unset; } .page-numbers { /* width: 6.28vw; */ /* padding: 1.329vw; */ /* font-size: 3.623vw; */ /* border-radius: 50%; */ } /* ================================= ブログ（480） ================================= */ .c-card__thumbnail { margin-right: 3.865vw; width: 23.43vw; height: 15.942vw; flex-shrink: 0; max-width: 24.155vw; } .c-card__txt { height: unset; font-size: 3.623vw; } .c-card__wrap.-third { margin-top: 9.662vw; } .c-card__sub { font-size: 2.899vw; } .c-card__flex { margin-top: -9.662vw; margin-bottom: 12.077vw; } /* .blog_person { font-size: 3.14vw; max-width: unset; } .blog_cate { font-size: 3.14vw; max-width: unset; } */ .p-blog__title { font-size: 4.831vw; } .p-blog__box a { font-size: 3.14vw; } /* ================================= お知らせ詳細（480） ================================= */ .page-navi-right, .page-navi-left { max-width: 30.918vw; } .page-navi__prev { font-size: 3.382vw; -webkit-line-clamp: 1; /* height: 5.314vw; */ } .page-navi__next { font-size: 3.382vw; -webkit-line-clamp: 1; height: 5.314vw; margin-right: 2.415vw; } .c-entry__wrap p { /* font-size: 3.623vw; */ } .c-title__main2 { /* font-size: 4.831vw; */ } .c-title__figure { max-width: 10.87vw; margin-right: 3.865vw; } .p-blog__wrap2 .c-entry__sub { justify-content: flex-start; } .c-share__content { margin-bottom: 14.493vw; } .c-breadcrumbs__body .last { font-size: 2.899vw; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; display: -webkit-box; height: 2.899vw; } .c-breadcrumbs__body span { padding: 0 1.932vw; } .c-breadcrumbs__body a { width: -moz-max-content; width: max-content; } /* ================================= ご紹介（480） ================================= */ .l-section.-intro { padding: 16.908vw 0; } .p-intro__wrap { width: 100%; } .p-intro__catch { font-size: 5.314vw; margin-bottom: 11.594vw; letter-spacing: 0.01em; } .p-intro__box-text { font-size: 3.382vw; } .p-intro__box { margin-bottom: 24.155vw; } .p-intro__flex-circle { margin: 0 auto 20px; } .p-intro__flex-box { margin-top: 7.729vw; width: 50%; } .p-intro__flex-text { font-size: 3.382vw; } .p-intro__flex { margin: 0 auto 52px; margin-top: -7.729vw; } .p-intro__title-logo { max-width: 18.599vw; margin: 0 auto 24px; } .p-intro__title-text { font-size: 5.314vw; } .p-intro__box2-text { font-size: 3.382vw; width: 90%; margin: 0 auto; } .p-intro__flex2-title { margin: 0 auto 32px; font-size: 3.382vw; } .p-intro__flex2-title2 { margin: 0 auto 32px; font-size: 3.382vw; } .p-intro__flex2-text, .p-intro__flex2-text2 { font-size: 3.382vw; margin-bottom: 3.865vw; } .p-intro__wrap .p-privacy__hr { width: 90%; margin: 0 auto; } .p-intro__flex3-circle { width: 90%; margin: 0 auto; } .p-intro__flex3-figure { position: relative; top: 43.478vw; max-width: unset; } .p-intro__flex3-figure img { max-width: 3.865vw; } .p-intro__box3-wrap { width: 90%; margin: 0 auto; } .p-intro__title-text2 { font-size: 5.314vw; } .p-intro__form-box .p-privacy__hr, .p-intro__form-box2 .p-privacy__hr { width: 100%; } .p-intro__form-box, .p-intro__form-box2 { width: 90%; } .p-intro__note-text { font-size: 3.382vw; max-width: 65.217vw; margin: 0 auto; } .p-intro__note-box { margin-bottom: 14.493vw; } .l-section.-intro3 { padding: 12.077vw 0; } .l-section.-intro2 { padding: 12.077vw 0 0; } /* ================================= 新築（480） ================================= */ .p-construction__sub-title { /* font-size: 3.382vw; */ } .p-general__search { padding-top: 7.729vw; } .p-general__title2 { font-size: 4.348vw; margin-bottom: 5.797vw; } .-construction .c-card__thumbnail { max-width: unset; margin-bottom: 2.415vw; } .-construction .p-news__side { max-width: unset; margin-top: 5.797vw; } .p-construction__title { flex-wrap: wrap; font-size: 3.382vw; } .-construction .c-card__txt { font-size: 3.382vw; height: 9.179vw; line-height: 1.4; } .p-news__side-list a, .p-general__box a { font-size: 3.14vw; } .-general .c-card__thumbnail { max-width: unset; margin-bottom: 1.449vw; height: 32.609vw; } .-general .p-news__side { width: 90%; max-width: unset; margin-top: 5.797vw; } .-general .child-li { font-size: 3.14vw; } .p-general__box2 { margin-bottom: 7.246vw; } .c-entry__wrap .new_one-title { /* font-size: 3.382vw; */ } .c-entry__wrap .new_before-img span { font-size: 3.865vw; } .c-entry__wrap .new_before-img { margin-bottom: 3.865vw; } .c-entry__wrap .new_one-text { /* font-size: 3.14vw; */ } .c-entry__sub { font-size: 3.14vw; line-height: 1.7; margin-bottom: 9.662vw; flex-wrap: wrap; } .-general .c-title__figure { margin-right: unset; width: 100%; margin-bottom: 3.865vw; } .-general .c-title__body { flex-wrap: wrap; justify-content: center; } .-general .c-title__main2 { width: 100%; text-align: center; } .-general .p-construction__no-title { /* margin-bottom: 4.831vw; */ } .-general .p-construction__item { /* font-size: 3.14vw; */ } /* ================================= 受賞歴（480） ================================= */ .p-award__title { font-size: 4.831vw; } .p-award__dl { flex-wrap: wrap; } .p-award__dt { font-size: 3.382vw; margin-right: unset; } .p-award__dd { font-size: 3.382vw; } .p-award__dl:last-child { border-bottom: unset; } .p-award__wrap { margin: 0 auto 45px; } /* ================================= リフォーム（480） ================================= */ .p-reform__data-dt, .p-reform__data-dd { font-size: 3.382vw; } .p-reform__data-dt { max-width: 16.908vw; margin-right: 7.729vw; } .p-reform__data-wrap { margin: 15.459vw 0; } .p-reform__title-main img { max-width: 5.797vw; } .p-reform__title-main span { font-size: 2.899vw; margin-left: 4.831vw; } .p-reform__search { padding-top: unset; } .p-reform__search-submit { height: 9.662vw; } .-reform .c-card__wrap.-third { width: 100%; } .-reform .c-card__thumbnail { max-width: unset; flex-shrink: unset; height: 57.488vw; } .-reform .c-card__wrap.-third { margin-top: 7.246vw; } .-reform .c-card__flex { margin-bottom: 16.425vw; margin-top: -7.246vw; } .-reform .p-news__side-list a, .p-general__box a { font-size: 3.382vw; } .p-reforms__title-text2 { font-size: 7.246vw; } .p-reforms__box-text { font-size: 3.382vw; line-height: 2.33; letter-spacing: 0.05em; } .p-reforms__box { margin-bottom: 13.043vw; } .p-reforms__content2 { justify-content: flex-start; padding-left: 1.932vw; padding: 5.797vw 0; } .p-reforms__content2 span { font-size: 4.348vw; text-align: left; letter-spacing: 0.05em; } .p-reforms__content-title { font-size: 7.246vw; } .p-reforms__content-title span { font-size: 3.865vw; } .p-reforms__content-btn { font-size: 3.382vw; } .p-reforms__hr { width: 90%; max-width: 67.633vw; } .p-reforms__link { height: 106.28vw; } .p-reforms__section-bg2 { background-image: url(../assets/img/reforms03-sp.jpg); height: 106.28vw; } .p-reforms__section-bg { background-image: url(../assets/img/reforms02-sp.jpg); height: 106.28vw; } .p-reforms__jisseki .c-card__wrap.-third { width: 100%; margin: 58px auto 0; max-width: 69.324vw; } .p-reforms__jisseki .c-card__wrap.-third:nth-child(2), .p-reforms__jisseki .c-card__wrap.-third:nth-child(3), .p-reforms__jisseki .c-card__wrap.-third:nth-child(6), .p-reforms__jisseki .c-card__wrap.-third:nth-child(7), .p-reforms__jisseki .c-card__wrap.-third:nth-child(10), .p-reforms__jisseki .c-card__wrap.-third:nth-child(11) { top: unset; } .p-reforms__jisseki .c-card__wrap.-third:nth-child(3n) { margin-right: auto; } .p-reforms__jisseki .c-card__flex { margin-top: -14.01vw; margin-bottom: unset; } .l-section.-reforms2 { padding-bottom: 19.324vw; } .p-reforms__flex2-text { font-size: 3.382vw; line-height: 2; letter-spacing: 0.1em; text-align: left; color: #1a1311; } .-reverse.-second .p-reforms__flex2 { min-height: unset; } /* ================================= リフォーム詳細（480） ================================= */ .p-reform__btn { font-size: 3.382vw; line-height: 3.5; } .p-reform__prev, .p-reform__next { font-size: 3.382vw; } .p-reform__prev::before { left: 1.208vw; top: 30%; } .p-reform__next::before { right: 1.208vw; top: 44%; } .p-reform__single-title { font-size: 4.831vw; line-height: 1.7; } .p-reform__single-sub { font-size: 3.14vw; } .p-reform__single-img { margin-bottom: 7.729vw; } .p-reform__single-head { margin-bottom: 10.628vw; } .l-section.-reform { padding-top: 11.594vw; } /* ================================= 会社案内（480） ================================= */ .p-outline__catch-furigana { font-size: 1.932vw; left: -1.208vw; top: -6.039vw; letter-spacing: 0.3em; } .p-outline__dt2 { margin-right: unset; font-size: 3.623vw; max-width: unset; margin-bottom: 0.966vw; } .p-outline__dl { flex-wrap: wrap; padding: 3.865vw 0; } .p-outline__dd { font-size: 3.623vw; } .l-section3 { padding: 19.324vw 0; } .c-title__main { font-size: 5.797vw; flex-wrap: wrap; } .c-title__main span { font-size: 3.382vw; margin-left: unset; width: 100%; } .p-outline__catch { font-size: 3.865vw; } .p-outline__wrap .p-award__title { font-size: 4.348vw; padding: 4.831vw 0; } .p-outline__catch2 { font-size: 4.348vw; } .p-outline__catch3 { font-size: 4.831vw; } .p-outline__flex-dd { font-size: 3.623vw; } .p-outline__flex-dt { font-size: 3.623vw; } .p-outline__flex-name { font-size: 3.623vw; } .p-outline__dt { font-size: 3.382vw; max-width: unset; margin-right: unset; width: 100%; margin-bottom: 1.932vw; } .p-outline__dd-name { font-size: 3.623vw; } .p-outline__dd-text { font-size: 3.623vw; } .p-outline__btn { width: 20.773vw; height: 20.773vw; } .p-outline__box3-title { font-size: 4.348vw; } .p-outline__box3-text { font-size: 3.623vw; } .p-outline__box4 { margin: 11.594vw 0; } .p-outline__box4-text { font-size: 3.623vw; line-height: 2; margin-bottom: 9.662vw; text-align: left; } .p-outline__name { font-size: 4.348vw; } .p-outline__name span { font-size: 3.382vw; } .p-outline__box5 { margin-bottom: 19.324vw; } .p-outline__menu-ul { width: 80%; justify-content: center; } .p-outline__menu-ul li { font-size: 3.382vw; padding: 0 3.865vw; } .p-outline__menu { padding-top: 9.662vw; } .p-outline__mark-img { max-width: 13.527vw; margin: 0 auto 12px; } .p-outline__mark-text { font-size: 3.382vw; } .p-outline__main-catch img { max-width: 31.401vw; } .p-outline__main-catch { font-size: 6.763vw; margin-bottom: 12.077vw; letter-spacing: 0.01em; } /* ================================= 宣誓（480） ================================= */ .p-hero__figure3 img { max-width: 15.942vw; margin: 0 auto 12px; } .p-hero__title4 { margin-bottom: 10.87vw; margin-top: 12.077vw; } .p-hero__title4-figure { max-width: 59.179vw; } .p-statement__text { font-size: 3.623vw; line-height: 2; } .p-statement__box2 { width: 100%; max-width: 69.082vw; margin: 16px auto 0; } .p-statement__figure img { max-width: 59.179vw; } .p-statement__circle2-wrap { height: 86.957vw; } .modal_box { max-width: 86.957vw; } .p-statement__circle2-box { margin-top: 0px; } .p-statement__circle2-text { font-size: 2.899vw; line-height: 1.7; max-width: 67.633vw; margin: 0 auto; } .p-statement__cicle2-title { font-size: 4.831vw; margin-bottom: 1.932vw; } .modal-footer { bottom: 9.662vw; max-width: 39.855vw; } .modal-prev { top: 0.483vw; } .modal-next { top: 0.483vw; } .modal_close img { max-width: 3.382vw; } .modal_close { font-size: 3.382vw; } .p-statement__circle2-sub { font-size: 3.382vw; top: 9.662vw; } .modal-prev::after { width: 2.415vw; height: 2.415vw; } .modal-next::after { width: 2.415vw; height: 2.415vw; } /* ================================= イベント（480） ================================= */ .p-event__other-title { font-size: 4.831vw; } .p-event__focus-title, .p-event__story-title { font-size: 4.831vw; } .p-event__focus-wrap, .p-event__story-wrap { margin-bottom: 4.831vw; } .c-entry__wrap h2 { font-size: 4.831vw; margin-bottom: 5.797vw; } .p-event__dl-dd { font-size: 3.382vw; } .p-event__dl-dt { font-size: 3.382vw; margin-right: 3.382vw; } .c-entry__wrap .p-event__entry-txt { font-size: 3.382vw; line-height: 1.86; padding: 3.865vw 0; } .p-event__flex { margin-bottom: 11.594vw; } .p-event__btn-wrap { margin-bottom: 14.493vw; } .c-entry__wrap .p-event__content { flex-wrap: wrap; } .c-entry__wrap .p-event__content-link { margin-right: unset; max-width: unset; } .p-event__content-title { font-size: 3.865vw; -webkit-line-clamp: 1; height: 4.831vw; } .c-entry__wrap .p-event__content-box { margin-bottom: 5.797vw; } .c-entry__wrap .p-event__other-sub { font-size: 3.865vw; } .p-event__modal-wrap { padding: 4.831vw; } .p-event__modal .c-title__main2 { font-size: 4.348vw; margin-top: -5.556vw; } .p-event__modal .p-event__modal-text { font-size: 3.382vw; padding: 1.932vw; margin-bottom: 5.797vw; } .p-event__wrap .fc-prev-button { width: 7.246vw; height: 7.246vw; } .fc-left { position: absolute; left: 4.831vw; } .p-event__wrap .fc-next-button { width: 7.246vw; height: 7.246vw; } .fc-right { position: absolute; right: 4.831vw; } .p-event__wrap .fc-center span { font-size: 2.899vw; } .p-event__wrap .fc-center h2 { font-size: 5.797vw; } .p-event__content { flex-wrap: wrap; } .p-event__content-link { margin-right: unset; max-width: unset; margin-bottom: 5.797vw; width: 100%; } .p-event__content-link img { height: 61.111vw; } .p-event__other-list .p-event__content-link img { height: 61.111vw; } .p-event__head { margin-bottom: 8.696vw; } .p-event__content-box { max-width: unset; margin-bottom: 5.797vw; } .p-event__title { font-size: 3.382vw; padding: 4.348vw 0; } .p-event__ul-li { font-size: 2.899vw; } .p-event__ul-li::after { top: 1.932vw; } .l-section.-event { padding: 9.662vw 0; } .p-event__box { margin-bottom: 11.594vw; } /* ================================= TOP（480） ================================= */ .p-top__catch { margin-bottom: 9.662vw; font-size: 3.382vw; } .p-top__title { font-size: 7.246vw; margin-bottom: 7.729vw; } .p-top__title span { font-size: 3.382vw; } .l-section.-top { padding: 14.493vw 0; } .p-top__flex-link { font-size: 3.865vw; height: 22.222vw; } .arrow-circle { width: 6.28vw; height: 6.28vw; } .arrow-circle::after { width: 1.208vw; height: 1.208vw; } .p-top__flex-box { margin-top: 3.865vw; } .p-top__flex { margin-bottom: 5.797vw; margin-top: -3.865vw; } .p-top__cta-hr-right, .p-top__cta-hr-left { height: -webkit-fill-available; height: 100%; } .p-top__title2 { font-size: 7.246vw; margin-bottom: 7.729vw; } .p-top__title2 span { font-size: 3.382vw; } .p-top__flex2-link { padding: 5.797vw 0px; flex-wrap: wrap-reverse; padding-bottom: 0; } .p-top__flex2-figure { max-width: unset; } .p-top_flex2-title { font-size: 4.348vw; height: 14.493vw; max-width: -moz-fit-content; max-width: fit-content; margin: 0 auto; } .p-top_flex2-title .arrow-circle { left: unset; right: -12.077vw; bottom: unset; } .p-top__title3 { font-size: 7.246vw; margin-bottom: 7.729vw; } .p-top__title3 span { font-size: 3.382vw; } .p-top__blog-link { font-size: 4.348vw; } .p-top__events-wrap .c-card__wrap.-third { margin-top: 10.145vw; width: 100%; } .p-top__events-wrap .c-card__thumbnail { max-width: unset; height: 54.348vw; } .p-top__events-wrap .c-card__txt { height: 4.348vw; font-size: 3.865vw; } .p-top__events-wrap .p-top__events-sub { font-size: 3.14vw; } .p-top__flex3-box { width: 100%; margin-top: 2.174vw; } .p-top__flex3 { margin-top: -2.174vw; } .p-top__catch2 { font-size: 5.797vw; letter-spacing: 0.07em; margin-bottom: 12.077vw; } .p-top__title4 { font-size: 3.865vw; margin-bottom: 7.729vw; } .p-top__title4-img { max-width: 9.662vw; } .p-top__flex4-no { font-size: 3.865vw; } .p-top__flex4-no span { font-size: 3.865vw; } .p-top__flex4-title-text { font-size: 4.831vw; letter-spacing: 0.07em; } .p-top__flex4-title { margin-bottom: 5.797vw; } .p-top__flex4-text { font-size: 3.382vw; line-height: 2; margin-bottom: 5.797vw; } .p-top__banner { margin-bottom: 9.662vw; } .p-top__style { padding: 7.729vw 3.623vw; } .p-top__style-title { font-size: 4.348vw; letter-spacing: 0.05em; margin-bottom: 7.246vw; } .p-top__style-flex .p-top__style-link, .p-top__style-flex2 .p-top__style-link2 { font-size: 2.899vw; } .p-top__catch3 { font-size: 4.348vw; margin-bottom: 16.908vw; } .p-top__catch3-img { max-width: 4.831vw; bottom: 1.208vw; left: 29.5%; } .p-top__title5-img { max-width: 9.662vw; } .p-top__title5 { font-size: 3.865vw; margin-bottom: 7.729vw; } .p-top__content-sub { font-size: 3.382vw; margin-bottom: 9.179vw; } .p-top__mark span { font-size: 3.382vw; } .p-top__mark { margin-bottom: 2.415vw; } .p-top__content-title { font-size: 5.797vw; margin-bottom: 10.87vw; } .p-top__content-text { font-size: 3.382vw; line-height: 2.29; letter-spacing: 0.06em; text-align: left; } .p-top__content { margin-bottom: 19.324vw; } .p-top__catch4 { margin: 0 auto 60px; } .p-top__grid-title { font-size: 3.865vw; } .p-top__grid-link { height: 39.855vw; } .p-top__grid-figure { max-width: 39.855vw; } .p-top__grid-box { height: 39.855vw; width: 39.855vw; } .p-top__grid-wrap, .p-top__grid-wrap2 { justify-content: center; } .p-top__grid-vis { max-width: 79.71vw; } .p-top__grid { margin-bottom: 14.493vw; } .p-reforms__flex8 .p-reforms__flex2-title img { max-width: 20.531vw; } .p-reforms__flex3-figure img { height: 72.464vw; } .p-reforms__flex3-title-no span { font-size: 8.213vw; max-width: 10.87vw; } .p-reforms__flex3-title-no { font-size: 3.14vw; } .p-reforms__flex3-title-text { margin-left: 7.246vw; font-size: 5.314vw; letter-spacing: 0.1em; } .p-reforms__flex5-figure img { height: 72.464vw; -o-object-fit: cover; object-fit: cover; } .p-reforms__flex4-figure img { height: 72.464vw; } .p-reforms__title-body { max-width: 78.502vw; margin: 0 auto 64px; } .l-section.-reforms { padding: 28.986vw 0; } .p-reforms__flex2-title img { max-width: 28.019vw; } .p-reforms__flex2 .p-reforms__flex2-title { margin-bottom: 14.493vw; } .p-reforms__flex2 { margin-bottom: 15.459vw; } .-reverse .p-reforms__flex2-title .p-reforms__flex2-img { max-width: 17.391vw; } .p-hero__catch-box { max-width: 49.758vw; } .-reform .p-head__logo span { font-size: 3.14vw; line-height: 1.23; letter-spacing: 0.05em; margin-left: 4.348vw; } .-reform .p-head__box { max-width: 9.662vw; } .-reform .p-head__box.mw110 { max-width: 18.116vw; } .-reform .navToggle { height: 12.077vw; } .p-event__wrap .eo-fullcalendar .fc-toolbar { margin-bottom: 7.729vw; } .p-top__grid-link, .p-top__grid-vis { order: unset !important; } .p-top__grid-wrap.d-block_480 { display: flex !important; } .p-hero__main-vis { padding: 1.449vw; } .p-top__flex3-box .arrow-circle { bottom: 4.831vw; } } /*# sourceMappingURL=page-company copy.css.map */