/* Theme Name: cellastar2-en */ @font-face {font-display:swap;font-family:'Jost';font-style:normal;font-weight:400;src: url('fonts/jost-v15-latin-regular.woff2') format('woff2');} @font-face {font-display:swap;font-family:'Jost';font-style:normal;font-weight:500;src: url('fonts/jost-v15-latin-500.woff2') format('woff2');} @font-face {font-display:swap;font-family:'Jost';font-style:normal;font-weight:600;src: url('fonts/jost-v15-latin-600.woff2') format('woff2');} @font-face {font-display:swap;font-family:'Noto Sans JP';font-style:normal;font-weight:400;src: url('fonts/noto-sans-jp-v53-japanese-regular.woff2') format('woff2');} @font-face {font-display:swap;font-family:'Noto Sans JP';font-style:normal;font-weight:600;src: url('fonts/noto-sans-jp-v53-japanese-600.woff2') format('woff2');} @charset "utf-8"; html{scroll-behavior: smooth;} html, body, div, span, object, iframe,h1, h2, h3, h4, p, blockquote, pre, a, address, em, ins, strong, var, b, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, nav, output, section,time,audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;word-break: break-all;} img{vertical-align:bottom;} svg{vertical-align:middle;} a{text-decoration:none;color:#1e1e1e;} /* HTML5 display-role reset for older browsers */ body {line-height:2;font-size:16px;font-family: "Noto Sans JP", sans-serif;color:#222;background-color:#fff;position:relative;overflow-x: hidden;} svg {vertical-align: middle;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, table {border-collapse:collapse;border-spacing:0;margin-bottom:0;} th {white-space:nowrap;padding:5px 10px;border:none;background-color:#fff;} td {padding:5px 10px;border:none; text-align:left;vertical-align: middle;} *, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;} /* 共通部分 */ .mobile_br{display:none;} .fdT{opacity:0;} .fadeUp{animation-name:fadeUpAnime;animation-duration:1.5s;animation-fill-mode:forwards;opacity:0;} @keyframes fadeUpAnime{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform: translateY(0);}} #header{height:90px;background:#fff;display:flex;justify-content:space-between;align-items:center;} #header .logo{margin-left:30px;transition:.2s;} #header .logo:hover{transform:translateY(-3px);} #header .head-nav ul{display:flex;justify-content:flex-end; align-items:center;} #header .head-nav ul li{display:block;height:90px;} #header .head-nav a{font-weight:600;display:flex;align-content:center;align-items:center;height:90px;padding:0 20px;transition:.2s;} #header .head-nav ul li:nth-child(4) a{padding:0 40px 0 20px;} #header .head-nav a:hover{color:#4593D0;transform:translateY(-3px);} #header .head-nav .contact-btn a{text-align:center;justify-content:center;display:flex;align-items:center;font-weight:600;font-size:18px;color:#fff;text-decoration: none;height:90px;width:210px;outline: none;background: linear-gradient(270deg, #173369 0%, #306FBB 25%, #3171BD 51%, #87C9F2 100%);background-position: 1% 50%;background-size: 200% auto;transition: all 0.1s ease-out;} #header .head-nav .contact-btn a:hover {background-position: 99% 50%;transform:translateY(0px);} #header .head-nav ul li.lang_switch {display:flex;align-items:center;padding:0 20px;font-weight:600;} #header .lang_switch a, #header .lang_switch span{display:inline;padding:0 10px;} #footer{padding:95px 0;background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url(images/mv_bg.png);background-size:cover;color:#fff;} #footer .foot_contact{width:1100px;margin:0 auto;display:flex;justify-content:space-between;} #footer .foot_contact li{line-height:1;padding:50px 0;border-radius:20px;font-size:18px;text-align:center;width:534px;background:linear-gradient(to right, rgba(125, 204, 243, 0.5) 0%, rgba(000, 117, 189, 0.5) 100%);} #footer .foot_contact_ttl{font-weight:600;} #footer .foot_contact_tel{font-size:40px;font-weight:500;font-family: "Jost", sans-serif;margin-top:30px;} #footer .foot_contact_rec{font-size:16px;margin-top:10px;} #footer .foot_contact_btn{margin:30px auto 0;text-align:center;justify-content:center;display:flex;align-items:center;font-weight:600;font-size:18px;font-family: "Jost", sans-serif;color:#003668;width:300px;height:60px;border-radius:30px;text-decoration: none;outline: none;background-color:rgba(255,255,255,1);position:relative;z-index:0;overflow: hidden;} #footer .foot_contact_btn:before{content:'';display:block;position:absolute;top:0;left:0;width:0%;height:100%;background-color:rgba(158,216,245,.3);z-index:-1;-webkit-transition: .5s;} #footer .foot_contact_btn:hover:before{width:100%;} #footer .foot_contact_btn svg{margin-left:10px;padding-bottom:2px;} #footer .foot_cont{width:1100px;margin:70px auto 0;display:flex;justify-content:space-between;} #footer .logo a{display:block;transition:.2s;} #footer .logo a:hover{transform:translateY(-3px);} #footer .foot_cont_b {width:780px;} #footer .foot_cont_b .foot-nav {display:flex;line-height:1;align-items:flex-end;} #footer .foot_cont_b .foot-nav li {line-height:15px;margin-right:20px;padding-right:20px;border-right:.5px solid #fff;} #footer .foot_cont_b .foot-nav li:last-child {margin-right:0;} #footer .foot_cont_b a{color:#fff;display:block;transition:.2s;font-weight:400;} #footer .foot_cont_b a:hover{transform:translateY(-3px);} #footer .copyright{margin-top:15px;font-size:12px;} .btn_gra{position:relative;text-align:center;justify-content:center;display:flex;align-items:center;font-weight:600;font-size:18px;font-family: "Jost", sans-serif;color:#fff;width:300px;height:60px;border-radius:30px;text-decoration: none;outline: none;background: linear-gradient(270deg, #173369 0%, #306FBB 25%, #3171BD 51%, #87C9F2 100%);background-position: 1% 50%;background-size: 200% auto;transition: all 0.1s ease-out;} .btn_gra:after{content: "";display:block;background-image: url("images/star.svg");background-size: contain;background-repeat: no-repeat;width:12px; height:12px;top:0;bottom:0;right:0;margin-left: 10px;padding-bottom: 13px;} .btn_gra:hover{background-position: 99% 50%;} .ttl_gra {position:relative;display:block;} .ttl_gra span{display:block;line-height:1;} .ttl_gra:after {display:block;line-height:1;font-family: "Jost", sans-serif;font-weight:500;font-size:70px;display: inline-block;background: linear-gradient(90deg, #87C8F2 0%, #519BD6 40%, #3171BD 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .ttl_gra span{position:absolute;top:80px;left:60px;} .ttl_gra span:after{content:"";background:#222;position:absolute;top:8px;left:-60px;width:50px;height:0.5px;} .pankuzu{margin-top:10px;} .pankuzu li{display:inline-block;} .pankuzu li:after{content:">";margin:0 5px 0 10px;} .pankuzu li:last-child:after{content:"";} /* トップページ */ #tp_mv{width:100%;height:calc(100vh - 90px);overflow: hidden;color:#1e1e1e;position: relative;display:flex;align-items:center;} #tp_mv > video{width: 100%;height:100%;-o-object-fit: cover;object-fit:cover;} #tp_mv .tp_mv_cap{text-align:center;position:absolute;width: 1100px;margin:0 auto;right:0;left:0;color:#fff;line-height:1.8;} #tp_mv .indented-text{font-size:22px;} #tp_mv .tp_mv_cap .mv_ttl{font-size:54px;letter-spacing:3px;font-weight:600;} #tp_mv .tp_mv_cap .mv_ttl_e{letter-spacing:.5px;margin-top:40px;font-family: "Jost",sans-serif;font-size:18px;font-weight:400;line-height:1.6;} /*28→50に変更*/ #tp_mv .tp_mv_cap .mv_ttl_e span{font-size:50px;} #tp_news{width:1100px;padding:90px 0;margin:0 auto;display:flex;justify-content:space-between;} #tp_news .tp_news_ttl:after {content:"NEWS";} #tp_news .tp_news_list{width:810px;border-top:.5px solid #dcdcdc;} #tp_news .tp_news_list li a{display:flex;justify-content:space-between;border-bottom:.5px solid #dcdcdc;padding:20px 0;} #tp_news .tp_news_list li a .time{display:block;margin:2px 0 0 10px;} #tp_news .tp_news_list li a .news_ttl{display:block;width:700px;font-weight:400;color:#4593D0;position:relative;} #tp_news .tp_news_list li a .news_ttl::before {background: #4593D0;content: '';width: 100%;height: .5px;position: absolute;left: 0;bottom: 0;margin: auto;transform-origin: right top; transform: scale(0, 1);transition: transform 1s;} #tp_news .tp_news_list li a:hover .news_ttl:before {transform-origin: left top;transform: scale(1, 1);} #tp_overview{padding:40px 0;} #tp_overview .con{width:1100px;margin:0 auto;} #tp_overview .tp_overview_ttl:after {content:"OVERVIEW";} #tp_overview .l1{margin-top:80px;font-size:28px;font-weight:600;line-height:1.6;color:#4593D0;} #tp_overview .l2{margin-top:20px;font-size:18px;} #tp_overview .tp_overview_img{border-radius:24px;margin-top:35px;} #tp_overview .tp_overview_btn{margin-top:40px;} #tp_services{width:1100px;padding:95px 0;margin:0 auto;} #tp_services .tp_services_ttl:after {content:"SERVICES";} #tp_services .tp_services_cont1,#tp_services .tp_services_cont2{display:flex;justify-content:space-between;} #tp_services .tp_services_cont1{margin-top:80px;} #tp_services .tp_services_cont2{flex-direction:row-reverse;margin-top:120px;} #tp_services .tp_services_cont1 img{border-radius: 25px;box-shadow: 0px 0px 10px 05px rgba(0, 91, 171, 0.25);} #tp_services .tp_services_cont2 img{border-radius: 25px;} #tp_services .tp_services_tx{width:300px;} #tp_services .tp_services_cont_ttl{color:#4593D0;display:block;position:relative;padding-top:120px;font-size:28px;line-height:1.45;} #tp_services .tp_services_cont_ttl:before{line-height:1;color:#E2F4FC;display:block;position:absolute;top:-15px;left:35px;font-family: "Jost", sans-serif;font-weight:400;font-size:120px;} #tp_services .tp_services_cont_ttl:after{content:"SERVICES";line-height:1;color:#0075BD;display:block;position:absolute;top:37px;left:0;font-family: "Jost", sans-serif;font-weight:600;font-size:14px;} #tp_services .ttl1:before{content:"01";} #tp_services .ttl2:before{content:"02";} #tp_services .tp_services_cont_tx{font-size:18px;margin-top:20px;line-height:1.8;} #tp_services .tp_services_btn{margin-top:30px;} /* 固定ページ共通 */ #pages .ttl_pages{position:relative;padding:67px 0;width:100%;text-align:center;color:#fff;background:#003668;display:block;font-family:"Jost",sans-serif;font-weight:500;font-size:54px;line-height:54px;} #pages .cont{width:1100px;margin:0 auto;} /* 会社概要 */ .about_cont {padding-bottom:90px;} .about_cont .about_mission_ttl{margin-top:90px;padding-bottom:30px;} .about_cont .about_mission_ttl:after {content:"PHILOSOPHY";} .about_cont .about_company_ttl:after {content:"COMPANY";} .about_cont .about_history_ttl:after {content:"HISTORY";} .about_cont .cont_mission{margin-top:70px;display: grid;grid-template-columns: 1fr 3fr;} .about_cont .cont_mission p{font-size:18px;} .about_cont .cont_mission .ttl_gra_mi {position:relative;display:block;padding-top: 5px;} .about_cont .cont_mission .ttl_gra_mi span{line-height:1;font-family: "Jost", sans-serif;font-weight:500;font-size:40px;display: inline-block;color:#4593D0;} .about_cont .about_company_ttl{margin-top:90px;} .about_cont .company-table{margin-top:80px;border-top:1px solid #dcdcdc;width:1100px;} .about_cont .company-table tr{border-bottom:1px solid #dcdcdc;} .about_cont .company-table th{padding:15px 20px;width:15%;text-align:left;color:#4593D0;} .about_cont .company-table td{padding:15px 20px;text-align:left;} .about_cont .about_history_ttl{margin-top:90px;} .about_cont .history_list{margin-top:70px;border-top:1px solid #dcdcdc;} .about_cont .history_list li{padding:20px 0;border-bottom:1px solid #dcdcdc;} .about_cont .history_list li .tm{color:#4593D0;padding:0 40px 0 20px;font-weight:600;display:inline-block;width:180px;} /* お知らせ記事一覧 */ #news-area{width:900px;margin:0 auto;padding:70px 0 0;} #news-area .news-list{width:810px;border-top:.5px solid #dcdcdc;} #news-area .news-list li a{display:flex;justify-content:space-between;border-bottom:.5px solid #dcdcdc;padding:20px 0;} #news-area .news-list li a .time{display:block;margin:2px 0 0 10px;} #news-area .news-list li a .news_ttl{display:block;width:700px;font-weight:400;color:#4593D0;position:relative;} #news-area .news-list li a .news_ttl::before {background: #4593D0;content: '';width: 100%;height: .5px;position: absolute;left: 0;bottom: 0;margin: auto;transform-origin: right top; transform: scale(0, 1);transition: transform 1s;} #news-area .news-list li a:hover .news_ttl:before {transform-origin: left top;transform: scale(1, 1);} /* お知らせ記事 */ .news_cont {padding-bottom:120px;} .news_cont .post{width:900px;margin:70px auto 0;} .news_cont .post_ttl{font-size:28px;line-height:1.6;color:#4593D0;margin-top:20px;} .news_cont .post_cont{margin-top:40px;} .news_cont .postLinks{width:900px;margin:60px auto 0;display:flex;justify-content:space-between;line-height:1;} .postLink{display:flex;align-items:center;} .postLink a{display:flex;align-items:center;transition:2s;} .postLink-prev a:before{content:"";display:block;background-image: url("images//icon_arrow.svg");background-size: contain;background-repeat: no-repeat;width:8px;height:14px;margin:4px 10px 0 0;transform: scale(-1, 1);} .postLink-next a:after{content:"";display:block;background-image: url("images//icon_arrow.svg");background-size: contain;background-repeat: no-repeat;width:8px;height:14px;margin:4px 0 0 10px;transform: } .postLink a:hover{text-decoration:underline;} .postLink-list .btn_gra{width:220px;height:50px;font-size:16px;} .postLink-list .btn_gra:after{display:none;} /* お問い合わせ */ .form_cont{width:900px;margin:0 auto;padding:70px 0 120px;} .form_list{margin-top:50px;} .form_list li{margin-top:40px;} .form_ttl{line-height:1;} .form_ttl span{font-size:14px;display:inline-block;color:#fff;background:#4593D0;border-radius:4px;padding:1px 5px 3px;margin-left:5px;} .form_c{margin-top:10px;} .form_c input[type="text"],.form_c input[type="email"],.form_c textarea{border:1px solid #F0F0F0;border-radius:6px;font-size:18px;padding:15px 15px;font-weight:400;width:100%;} .form_c input[type="text"]:placeholder-shown,.form_c input[type="email"]:placeholder-shown,.form_c textarea:placeholder-shown{background:#F0F0F0;} .form_c input[type="text"]:focus,.form_c input[type="email"]:focus,.form_c textarea:focus{background:#fff;outline:1px solid #F0F0F0;} .form_c select{font-size:18px;border:1px solid #F0F0F0;border-radius:5px;padding:15px 15px;cursor: pointer;} .contact_btn input[type="submit"]{position:relative;text-align:center;justify-content:center;display:flex;align-items:center;font-weight:600;font-size:18px;font-family: "Jost", sans-serif;color:#fff;width:220px;height:50px;border-radius:30px;text-decoration: none;outline: none;background: linear-gradient(270deg, #173369 0%, #306FBB 25%, #3171BD 51%, #87C9F2 100%);background-position: 1% 50%;background-size: 200% auto;transition: all 0.1s ease-out;cursor:pointer;outline:none;border:none;margin:80px auto 0;} .contact_btn input[type="submit"]:hover{background-position: 99% 50%;} .contact_message{text-align:center;} .contact_message h2{font-size:30px;margin-top:60px;} .contact_message p{font-size:18px;margin-top:30px;} .contact_btn{width:300px;margin:30px auto 0;padding-bottom:90px;} /* 研究用試薬お見積りフォーム */ .esform{width: 900px;margin: 0 auto;padding: 70px 0 120px;} .esform h2{font-size:1.5em;font-weight:700;margin:40px 0 10px 0;color:#4593D0;} .esform .flow_ttl{font-weight:700;font-size:1.1em;margin-top:10px;} .esform .item-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px;} .esform .item-list li{width:24%;border:1px solid #f0f0f0;border-radius:5px;text-align:center;padding-bottom:10px;} .esform .item-list li img{width:100%;height:auto;} .esform .item-list li .bold{font-weight:700;} .esform .item-list .ttl{padding:10px 0;line-height:1.4;} .esform .m_text{margin:30px 0 5px 0;} .esform .re{font-size:.8em;font-weight:700;color:#D9394E;margin-left:5px;} .esform select { font-size: 18px; border: 1px solid #F0F0F0; border-radius: 5px; padding: 15px 15px; cursor: pointer; } .esform .item-list select { font-size: 16px; border: 1px solid #F0F0F0; border-radius: 5px; padding: 10px 10px; cursor: pointer; max-width:90%; background:#f8f8f8; } .esform input[type="text"]:placeholder-shown, .esform input[type="email"]:placeholder-shown, .esform textarea:placeholder-shown {background: #F0F0F0;} .esform input[type="text"]:focus,.esform input[type="email"]:focus,.esform textarea:focus{background:#fff;outline:1px solid #F0F0F0;} .esform input[type="text"], .esform input[type="email"], .esform textarea { border: 1px solid #F0F0F0; border-radius: 6px; font-size: 18px; padding: 15px 15px; font-weight: 400; width: 100%; } @media (max-width: 768px) { .mobile_br{display:block;} .pc_br{display:none;} img {max-width:100%;height:auto; } .btn_gra{width:188px;height:50px;font-size:16px;} .btn_gra:after{height:10px;width:10px;margin-left:4px;padding-bottom:12px;} .ttl_gra span{top:60px;} .ttl_gra:after{font-size:48px;} #footer .foot_contact, #footer .foot_contact li, #footer .foot_cont, #footer .foot_cont_b, #tp_mv .tp_mv_cap, #tp_news, #tp_news .tp_news_list, #tp_news .tp_news_list li a .news_ttl, #tp_overview .con, #tp_services .tp_services_tx, #tp_services, #news-area, #news-area .news-list, #pages .cont, .form_cont, .about_cont .company-table, #news-area .news-list li a .news_ttl, .news_cont .post, .news_cont .postLinks{width:100%;} #tp_news, #tp_news .tp_news_list li a, #tp_services .tp_services_cont1, #tp_services .tp_services_cont2, #footer .foot_contact, #footer .foot_cont, #footer .foot_cont_b .foot-nav, .about_cont .cont_mission, #news-area .news-list li a{display:block;} #header{height:70px;} #header .logo{margin-left:20px;} #header .logo a{display:block;line-height:26px;} #header .logo img{width:154.53px;height:26px;} #footer{padding:40px 20px;text-align:center;background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url(images/mv_bg_mobile.png);} #footer .foot_contact li{padding:30px 0;} #footer .foot_contact li:nth-child(2){margin-top:20px;} #footer .foot_contact_tel{font-size:36px;margin-top:20px;} #footer .foot_contact_rec{font-size:14px;} #footer .foot_contact_btn{margin-top:20px;width:188px;height:50px;font-size:16px;color:#003668;} #footer .foot_contact_btn svg{margin-left:5px;} #footer .foot_cont{margin-top:45px;} #footer .foot_cont .logo img{width:216.82px;height:36px;} #footer .foot_cont_b{margin-top:40px;} #footer .foot_cont_b .foot-nav li{border:none;padding:0;margin:30px 0 0;} #footer .foot_cont_b .foot-nav li:first-child{margin:0;} #footer .copyright{margin-top:40px;line-height:1;} .head-nav-mobile .nav-content .cls-1, .head-nav-mobile .nav-content .cls-2{fill:#fff;} .head-nav-mobile .nav-content .logo svg{width:auto;height:30px;} .head-nav-mobile .nav-content .logo {display:flex;align-items:center;height:60px;} .menu-btn, .menu-btn span {display: inline-block;transition: all .4s;box-sizing: border-box;} .menu-btn {display:block;width: 70px;height: 70px;box-sizing: border-box;border: none;appearance: none;cursor: pointer;z-index:90;position:relative;background:linear-gradient(270deg, #3272BE 0%,#86C8F1 100%);} .menu-btn span {position: absolute;left: 20px; width: 28px; height: 2px; background-color: #fff;} .menu-btn span:nth-of-type(1) {top: 24px;} .menu-btn span:nth-of-type(2) {top: 34px;} .menu-btn span:nth-of-type(3) {top: 44px;} #menu-btn-check {display: none;} #menu-btn-check:checked ~ .nav-content {visibility:visible;opacity:1;} #menu-btn-check:checked ~ .menu-btn{background:none;} #menu-btn-check:checked ~ .menu-btn span{background:#fff;width: 32px;} #menu-btn-check:checked ~ .menu-btn span:nth-of-type(1) {transform: translateY(10px) rotate(-45deg);} #menu-btn-check:checked ~ .menu-btn span:nth-of-type(2) {opacity: 0;} #menu-btn-check:checked ~ .menu-btn span:nth-of-type(3) {transform: translateY(-10px) rotate(45deg);} .nav-content {width: 100%;height:100%;position:absolute;top: 0;left:0;z-index: 80;background-color: #003668;transition: all 0.5s;visibility: hidden;opacity:0;padding:80px 0;text-align:center;} .nav-content a{color:#fff;font-weight:400;} .nav-content > ul{margin:60px auto 0;text-align:center;} .nav-content > ul > li {list-style: none;margin-top:25px;} .nav-content > ul > li.lang_switch {color:#fff;} .nav-content .contact-btn{margin:55px auto 0;width:190px;} .nav-content .contact-btn a{text-align:center;justify-content:center;display:flex;align-items:center;font-weight:600;color:#fff;width:100%;height:50px;border-radius:60px;text-decoration: none;outline: none;background: linear-gradient(270deg, #173369 0%, #306FBB 25%, #3171BD 51%, #87C9F2 100%);background-position: 1% 50%;background-size: 200% auto;transition: all 0.1s ease-out;} .nav-content .contact-btn span{line-height:16px;} .nav-content .contact-btn img{margin-left:6px;padding-top:1px;} .nav-content .contact-btn:hover{background-position: 99% 50%;} #tp_mv{height:calc(100dvh - 70px);max-height:calc(100dvh - 70px);} #tp_mv .tp_mv_cap{padding:0 20px;} #tp_mv .tp_mv_cap .mv_ttl{font-size:36px;line-height:1.4;} #tp_mv .indented-text{font-size:18px;margin-top:5px;} #tp_mv .tp_mv_cap .mv_ttl_e{font-size:16px;margin-top:30px;} /*24→30に変更*/ #tp_mv .tp_mv_cap .mv_ttl_e span{font-size:30px;} #tp_news{padding:70px 20px;} #tp_news .tp_news_ttl{padding-bottom:50px;} #tp_news .tp_news_ttl .ja{font-size:14px;top:55px;} #tp_news .tp_news_list li a{padding:17px 10px 13px;} #tp_news .tp_news_list li a .time{margin:0;line-height:1;} #tp_news .tp_news_list li a .news_ttl{margin-top:10px;line-height:1.6;} #tp_overview{padding:0 20px;} #tp_overview .tp_overview_ttl{padding-bottom:50px;} #tp_overview .tp_overview_ttl .ja{font-size:14px;top:55px;} #tp_overview .tp_overview_img{margin-top:20px;} #tp_overview .l1{font-size:22px;margin-top:10px;} #tp_overview .l2{font-weight:400;font-size:16px;} #tp_services{padding:70px 20px;} #tp_services .tp_services_ttl{padding-bottom:50px;} #tp_services .tp_services_ttl .ja{font-size:14px;top:55px;} #tp_services .tp_services_cont1{margin-top:10px;} #tp_services .tp_services_cont2{margin-top:80px;} #tp_services .tp_services_cont_ttl{padding-top:73px;font-size:22px;} #tp_services .tp_services_cont_ttl:before{font-size:80px;left:40px;} #tp_services .tp_services_cont_ttl:after{top:18px;} #tp_services .tp_services_cont_tx{font-size:16px;} #tp_services .tp_services_img{margin:25px auto 0;} #pages .ttl_pages{padding:30px 0;font-size:36px;} #pages .cont{padding:0 20px 80px;} .about_cont .about_mission_ttl, .about_cont .about_history_ttl, .about_cont .about_company_ttl{margin-top:60px;} .about_cont .cont_mission{margin-top:50px;} .about_cont .cont_mission .ttl_gra_mi{padding-bottom:20px;} .about_cont .cont_mission .ttl_gra_mi:after{font-size:30px;} .about_cont .cont_mission .ttl_gra_mi span{top:30px;} .about_cont .cont_mission p{font-size:15px;} .about_cont .company-table td,.about_cont .company-table th{display:block;} .about_cont .company-table th{padding:20px 0 0 0;} .about_cont .company-table td{padding:0 0 20px 0;} .about_cont .history_list li .tm{display:block;padding:0;} #news-area .news-list li a .time{margin:0;} #news-area .news-list li a{padding:20px 20px;} .news_cont .post{margin-top:60px;} .news_cont .post_ttl{font-size:24px;margin-top:10px;} .postLink-list{display:none;} .form_cont{padding:60px 0 0;} .contact_btn button{margin-top:60px;width:188px;} .contact_message{text-align:center;} .contact_message h2{font-size:24px;margin-top:60px;line-height:1.6;} .contact_message p{font-size:16px;margin-top:20px;} .contact_btn{width:188px;margin:20px auto 0;padding-bottom:0;} }