/* 在此处输入您的自定义CSS */ /* .l-mainfooter__logo { width: 250px; } */ .article-ttl{ position: relative; height:400px; width:100%; } .article-ttl-sub{ position: absolute; width:100%; left:50%; top:50%; transform: translate(-50%, -50%); } .ttl--r { color: #cc3333; } .ttl-01 { line-height: 1.6; margin-bottom:35px; font-size: 38px; font-weight: bold; } .ttl-02 { line-height: 1.6; margin: 35px 0 25px; font-size: 24px; font-weight: bold; } .original_h4_01.messe_title { color: #46505a; border-bottom: solid 1px #eee; line-height: 2.3; font-size: 20px; padding-left: 0; font-weight: 600; } .l-mainfooter__nav { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; margin-top: 48px; } .l-mainfooter__utility { margin-top: 64px; } .l-mainfooter__utility > ul > li { display: inline-block; line-height: 1; } .l-mainfooter__utility > ul > li + li { margin-top: 12px; } .l-mainfooter__nav > ul { flex: 0 0 50%; margin-bottom: 24px; } .l-mainfooter__nav > ul > li { line-height: 2.4; } .l-mainfooter__nav > ul > li > a { font-weight: bold; font-size: 18px; color: #fff; } @media (min-width: 768px){ .l-mainfooter__nav { flex-wrap: nowrap; margin-top: 0; } .l-mainfooter__nav > ul { flex: 0 0 auto; margin-bottom: 0; } .l-mainfooter__utility { margin-top: 80px; } .l-mainfooter__logo { width: 300px; position: absolute; } .l-mainfooter__nav > ul + ul { margin-left: 72px; } .l-mainfooter__utility > ul > li + li { margin-top: 0; margin-left: 8px; padding-left: 8px; border-left: 1px solid #ccc; } } .recruit-container{ position:relative; } .recruit-container .box{ height:350px; padding:100px 40px 60px; box-shadow:0 15px 45px rgba(0,0,0,.1); } .recruit-container .box:before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#2d3e50; transform:scaley(0); transform-origin:top; transition:transform 0.5s; } .recruit-container .box:hover:before{ transform:scaley(1); transform-origin:bottom; transition:transform 0.5s; } .recruit-container .box h2{ position:absolute; left:40px; top:80px; font-size:4em; font-weight:800; z-index:1; opacity:.1; transition:0.5s; } .recruit-container .box:hover h2{ opacity:1; color:#fff; transform:translatey(-40px) } .recruit-container .box h3{ position:relative; font-size:1.5em; z-index:2; color:#333; transition:0.5s; } @media only screen and (max-width: 767px) { .l-mainfooter__utility { margin-top: 20px; } .l-mainfooter__nav > ul > li > a { font-size: 16px; } .article-ttl{ height:130px; } .article-ttl h1{ font-size: 20px; } .ttl-01 { font-size: 24px; margin-bottom:20px; } .ttl-02 { font-size: 16px; margin:0; } .recruit-container .box{ height:280px; padding:80px 30px 30px; } .recruit-container .box h2{ top:70px; } .recruit-container .box h3{ font-size:1.2em; } } .recruit-container .box p{ position:relative; z-index:2; color:#555; transition:0.5s; } .recruit-container .box:hover h3, .recruit-container .box:hover p { color:#fff; } .sub-headline{ height: 325px; background-color: #f2f6fb; } /* .sub-headline h1 { margin-top: 130px; } */ .sub-head-inner_en{ position:absolute; font-family: futura-pt,sans-serif; font-size: 280px; font-weight: 600; color: transparent; text-stroke: 1px #eee; -webkit-text-stroke: 1px #eee; line-height: 1; z-index: 1; } .home_b-content{ position: relative; letter-spacing: 1.4px; line-height: 33px; } .home_b-content:before{ content: ""; display: block; width: 35px; height: 30px; position: absolute; top: -20px; left: -40px; background-image: url(http://www.pagodas.co.jp/wp-content/uploads/2021/12/bq.svg); background-repeat: no-repeat; background-position: left top; background-size: 100% auto; } .home_item-title_b{ font-size: 88px; font-family: futura-pt,sans-serif; font-weight: 500; line-height: 1; letter-spacing: 3px; } .home_b-title h2 { margin: 0 -24px 6px 0; position: relative; z-index: 2; font-size: 50px; font-family: futura-pt,sans-serif; font-weight: 500; line-height: 1; letter-spacing: 4px; color:#fff; } .home_item-subtitle{ font-size: 88px; font-family: futura-pt,sans-serif; font-weight: 500; line-height: 1; letter-spacing: 3px; color:#2d3e50; } .home_item-subtitle:first-letter{ color:#cc3333; } .more-button { position: relative; display: block; width: 100%; height: 60px; margin-left: auto; margin-right: auto; text-align: center; line-height: 1.5; border: 1px solid #2d3e50; color: #2d3e50; font-size: 18px; cursor: pointer; transition: .5s; -webkit-appearance: none; appearance: none; outline: none; } .more-iconRight{ position:absolute; right:10px; top:50%; transform:translateY(-50%); } .more-button:before{ transition: all .1s; transition-delay: .3s; bottom:-6px; height:1px; left:6px; width:0; -ms-transform-origin: top left; transform-origin:top left; } .more-button:after{ transition: all .1s; transition-delay: .2s; bottom: -6px; right: -6px; height: 0; width: 1px; } .more-button:before, .more-button:after { content: ''; background-color: #cc3333; display: block; position: absolute; z-index: 10; } .more-button>span { position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; } .more-button:hover:before { width: 100%; transition-delay: .1s; } .more-button:hover:after { height: 100%; transition-delay: .2s; } ._300 { width: 300px; } .concept-setting { color:#fff; } .concept-setting-date{ font-size: 22px; line-height: 1.5em; margin-right:30px } .concept-setting-detail{ font-size: 15px; line-height: 1.5em; } .company_img:before { content: ""; background-image: url(http://www.pagodas.co.jp/wp-content/uploads/2021/12/shaded2.png); height: 250px; width: 250px; position: absolute; top: -30px; left:-30px; z-index: 0; } .company_history-list { list-style: none; display: flex; } .company_histroy-list__item { padding-left: 15px; position: relative; list-style: none; margin: 40px 10px; border-left: 2px dashed rgb(204, 51, 51); height: 80px; } .company_histroy-list__info{ padding-bottom:15x } .company_histroy-list__item::before{ content:""; width:14px; height:14px; border-radius:50%; position:absolute; background:clear; border:3px solid #cc3333; top:-15px; left: -8px; } .company_histroy-list__line{ width:1px; color:#ccc; height:50px; position:absolute; } .company_histroy-list__txt { font-size: 14px; color: #536f7a; } .company_histroy-list__date { font-size: 20px; font-weight:600; width: 98px; letter-spacing: .12em; color: #2D3E50; } .company_maskLayer:before{ content:""; position: absolute; top: 0; left: 0; background-color: #fff; opacity: 0.4; z-index: 1; width: 100%; height: 100%; content: ""; } .company_histroy-bg{ height:600px } .service_title{ font-size: 24px; font-weight: 700; margin-top:50px; padding-left: 0.7em; letter-spacing: 0; line-height: 1.6; white-space: nowrap; position: relative; margin-bottom: 1.2em; } .cardList_detail_number{ position: absolute; top: -50%; display: -webkit-box; display: -ms-flexbox; display: flex; } .show_l_10{ left: -10%; } .show_r_10{ right: -10%; } .cardList_detail_number__value::before { position: absolute; top: 0; left: 10%; content: ""; display: block; width: 1px; height: 180%; background-color: #46505a; -webkit-transform: rotate(30deg); transform: rotate(30deg); } @media only screen and (min-width: 768px) { .home_item-title_s{ font-size: 20px; letter-spacing: 13px; margin-top: 20px; } .home_box-img__wrap { width: 100%; height: 500px; position: relative; margin-bottom:-4rem; } .home_box-img__wrap:before { content: ""; width: 100%; height: 100%; background-color: #cc3333; position: absolute; top: -20px; left: -20px; z-index: 1; } .home_box-img-img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; border: 5px solid #fff; overflow: hidden; } .home_b-title .home_b-sub_title{ position: relative; color: #000; font-size: 24px; font-weight: 700; line-height: 33px; letter-spacing: 5px; z-index: 2; } .home_b-title .line { width: 183px; height: 183px; overflow: hidden; position: absolute; left: -50px; bottom: -105px; z-index: 1; } .home_b-title.right .line { top: -24px; left: auto; right: -50px; bottom: auto; } .home_b-title .line:before { content: ""; display: block; width: 1px; height: 300px; -webkit-transform: rotate(45deg) translate(23px,-93px); transform: rotate(45deg) translate(23px,-93px); background-color: hsla(0,0%,100%,.62); } .home_service-list__item { position: relative; width: 50%; list-style: none; padding:10px 30px; } .home_service-list { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; z-index: 1; } .home_service-list__img { width: 100%; height: 50px; margin-bottom: 15px; text-align: center; } .home_service-list__ttl { text-align: center; font-weight: 700; margin-top: 35px; font-size: 18px; font-weight: 700; color:#2d3e50; } .news-list__item { padding: 25px 0; list-style: none; display: flex; } .home_service-list__small{ font-size: 14px; color:#536f7a; } .home_news-list__txt { font-size: 16px; font-weight:600; color: #46505a; } .home_news-list__date { font-size: 16px; width: 200px; color: #46505a; letter-spacing: .12em; margin-right: 20px; display:inline-block; } .headline_lower { font-size:21px; font-weight:700; } } @media only screen and (max-width: 767px) { .home_item-title_b{ font-size: 39px; letter-spacing: 2px; } .home_item-subtitle{ font-size: 39px; letter-spacing: 2px; } .home_item-title_s{ font-size: 12px; letter-spacing: 2.73px; } .home_box-img__wrap { width: 298px; height: 185px; position: relative; } .home_box-img__wrap:before { content: ""; width: 100%; height: 100%; background-color: #fff; position: absolute; top: auto; left: -10px; bottom: -10px; z-index: 1; } .home_box-media{ margin:0 auto; width: 298px; height: 185px; } .home_box-img-img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; border: 5px solid #fff; overflow: hidden; } .home_b-title h2 { margin: 0 -9px 3px 0; font-size: 24px; letter-spacing: 3px; } .home_b-content{ letter-spacing: 1.1px; line-height: 1.781; padding: 0 10px; } .home_b-title .home_b-sub_title{ position: relative; color: #000; font-size: 12px; font-weight: 700; line-height: 19.5px; letter-spacing: 1.56px; z-index: 2; } .home_b-title .line { width: 71px; height: 71px; overflow: hidden; position: absolute; top: 0; right: -17px; left: auto; bottom: auto; z-index: 1; } .home_b-title .line:before { content: ""; display: block; width: 1px; height: 150px; -webkit-transform: rotate( 45deg) translate(-3px,-54px); transform: rotate( 45deg) translate(-3px,-54px); background-color: hsla(0,0%,100%,.62); } .home_service-list { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; z-index: 1; } .home_service-wrapper .row{ width:100%; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; margin: 0 auto; } .home_service-list__item { position: relative; /* width: 100%; */ list-style: none; padding:10px 15px 0; text-align:center; } .home_service-list__img { width: 100%; height: 50px; margin-bottom: 15px; text-align: center; } .home_service-list__ttl { text-align: center; font-weight: 700; margin-bottom: 10px; font-size: 15px; font-weight: 700; color:#2d3e50; } .home_service-list__small{ font-size: 12px; color:#536f7a; } .headline_lower { font-size: 12px; letter-spacing: 1.56px; font-weight:700; } .news-list__item { padding: 10px 0; list-style: none; display: flex; } .home_news-list__txt { width: auto; height: auto; font-size: 14px; line-height: 23px; font-weight: 600; color: #46505a; display: block; letter-spacing: 1px; padding: 11px 0 0; } .home_news-list__date { color: #46505a; width: auto; font-size: 14px; } .more-button { font-size: 14px; height:40px; } ._300 { width: 100% } .company_histroy-list__item { margin: 15px 10px; height: 60px; } .company_histroy-list__date{ font-size: 15px; } .company_histroy-list__txt { font-size: 12px; } .headline_title{ font-size: 16px; letter-spacing: 1.56px; font-weight: 700; } .li{ font-size:13px; } .service_title{ font-size: 16px; font-weight: 700; margin:30px 0 0; padding-left: 0.7em; letter-spacing: 0; line-height: 1.6; } .cardList_detail_number { top: -90%; color:#cc3333; } .cardList_detail_number__value::before { background-color: #cc3333; } } @media only screen and (max-width: 767px) { .news-list{ margin: 0 0 15px 0px !important; } .more-button { font-size: 14px; height:40px; } ._300 { width: 100% } .concept-setting-date{ font-size: 16px; } .concept-setting-detail{ font-size: 13px; } } @media only screen and (max-width: 767px) { .concept-policy{ font-size: 18px; line-height: 29px; letter-spacing: 0px; font-weight: 400; color:#001111; font-family: "Biryani", Helvetica, Arial, sans-serif; } } .concept-about{ position: relative; display: block; } .concept-about-left{ float:left; width:60%; } .concept-about-right{ position:relative; top:10px; width:50%; float:right } .concept-about-title{ position: absolute; top: -55px; left:-5px } .concept-about-title ._en { font-family: futura-pt,sans-serif; font-weight: 500; font-size: 115px; line-height: 1; color: #cc3333; } .concept-about-title ._ja { font-size: 15px; letter-spacing: 0.13em; line-height: 1; color: #46505a; } @media only screen and (max-width: 767px) { .concept-about-title{ position: relative; top:0; left:0; } .concept-about-title ._en { font-family: futura-pt,sans-serif; font-weight: 500; font-size: 110px; line-height: 1; color: #cc3333; } .concept-about-title ._ja { font-size: 15px; letter-spacing: 0.13em; line-height: 1; color: #46505a; } } .concept-about-content_title{ font-size: 20px; letter-spacing: 0.1em; line-height: 2; font-family: "Biryani", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 767px) { .concept-about-title ._en { font-size: 60px; } .concept-about-content_title{ font-size: 16px; } } .ol, .ul { margin: 0; padding: 0; list-style: none !important; } .l-corporate-list li { line-height: 2rem; margin-bottom:20px; } .li { display: block; list-style: none; line-height: 2rem; margin-bottom:20px; color: #46505a; } .l-corporate-list .row { flex-wrap: wrap; margin-bottom: auto; } .row { display: flex; } .l-corporate-list li:nth-child(odd) { width: 30%; } .l-corporate-list li:nth-child(even) { width: 70%; color: #333; font-weight: 500; } .service__first:before { content: ""; background-image: url(http://www.pagodas.co.jp/wp-content/uploads/2021/11/shaded2.png); height: 288px; width: 550px; position: absolute; left: 50%; margin-left: -580px; bottom: -20px; z-index: 0; } .service__second:before { content: ""; background-image: url(http://www.pagodas.co.jp/wp-content/uploads/2021/11/shaded2.png); height: 418px; width: 520px; position: absolute; right: 50%; margin-right: -580px; bottom: -50px; z-index: 0; } .service__third:before { content: ""; background-image: url(http://www.pagodas.co.jp/wp-content/uploads/2021/11/shaded2.png); height: 288px; width: 520px; position: absolute; left: 50%; margin-left: -580px; top: 155px; z-index: 0; } .service__fourth:before { content: ""; background-image: url(http://www.pagodas.co.jp/wp-content/uploads/2021/11/shaded2.png); height: 288px; width: 520px; position: absolute; left: 50%; margin-left: -580px; bottom: -20px; z-index: 0; } .service__fifth:before { content: ""; background-image: url(http://www.pagodas.co.jp/wp-content/uploads/2021/11/shaded2.png); height: 260px; width: 520px; position: absolute; left: 50%; margin-left: -580px; top: 259px; z-index: 0; } .service__first_border{ box-shadow: 8px 13.856px 13px 0 rgb(51 51 51/8%); } .service_title h2 { position: absolute; top: -77px; left: 0; } .service_title::after { content: ""; width: 3px; top: 4px; bottom: 2px; background: #cc3333; position: absolute; left: 0; } .sign { font-size: 20px; letter-spacing: 0.1em; text-align: right; } .signJob { margin-right: 1.5em; font-size: 15px; } .margin_l_100{ margin-left:-100px } .sub-head { height: 400px !important; /* overflow:hidden */ } .sub-head-ttl { position: relative; padding: 10% 0 20%; } .sub-head-ttl__main { position: relative; display: block; margin: 0 0 12px; font-size: 5vw; font-family: futura-pt,sans-serif; font-weight: 600; z-index: 2; } .sub-head-ttl__sub { position: relative; display: block; padding-left:10vw; font-size: 36px; font-weight: 600; letter-spacing: 0.04em; color: #fff; z-index: 2; } @media only screen and (max-width: 767px) { .sub-head-inner_en{ font-size: 68px; } .sub-head-ttl__sub { font-size: 18px; } .sub-head { height: 130px !important; } } .page-head-row .page-head-bg{ color: #fff; font-size: 50px; font-weight: 700; } .fade-in-cus { display: inline-block; transition: all 0.3s ease; } .fade-in-cus .shown { opacity: 1; transform: translateX(0) scale(1); } .company__philosophy:after { content: ""; background: #cc3333; width: 2px; height: 64px; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -100px; z-index:2; } .company__message:before { content: ""; background-image: url(http://www.pagodas.co.jp/wp-content/uploads/2021/11/shaded2.png); height: 500px; width: 65%; position: absolute; left: 30%; margin-right: -50px; top: 50%; z-index: 0; } .btn:hover { background-color: #fff; color: #cc3333; border: 3px solid #cc3333; } .circle { width: 156px; height: 156px; background: #fff; box-shadow: 0 0 4px rgb(0 0 0 / 15%); border-radius: 118px; color: #333; position: absolute; left: 50%; top: 0; margin: -78px 0 0 -78px; } .circle p { width: 100%; font-size: 16px; font-weight:700; line-height: 1.42857; text-align: center; letter-spacing: .1em; text-indent: 0.1em; position: absolute; left: 50%; top: 50%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .block.action{ height:400px; } .block .action::after { position: absolute; top: 0; left: 0; background-color: rgb(0, 15, 50); opacity: 0.7; z-index: 1; width: 100%; height: 100%; content: ""; } .block.team{ height:400px; } .block.challenge{ height:400px; } .news img{ width:100%; height:156px !important; } .news .news__title{ } .news .news__content{ font-size: 14px; font-weight:700; } .cardList_detail_number__text { font-family: Inter; font-size: 11px; letter-spacing: .18em; padding-top: 5px; } .cardList_detail_number__value { position: relative; font-family: Helvetica; font-size: 128px; padding-left: 40px ; } .career_schedule::after { position: absolute; font-family: futura-pt,sans-serif; font-size: 21.09375vw; font-weight: 600; color: transparent; text-stroke: 1px #fff; -webkit-text-stroke: 1px #fff; font-family: futura-pt,sans-serif; letter-spacing: -0.02em; left: 18%; line-height: 1; } .news-list__info{ width: 250px; padding:0 30px } /* .news-list__item:not(:last-child) { border-bottom: 1px solid #ededed; } */ .news-list__item{ border-bottom: 1px solid #ededed; }