@charset "utf-8"; /* 「:hover」に関するスタイルを指定する際には、任意のセレクタの前に「.pc 」を付加（「.pc」クラスは、タブレット、スマホ以外での閲覧の際にタグ内に追加されます） */ @media screen and (min-width:768px){ body, .wrapper3{ width:996px; } #bgImg1, .wrapper2{ min-width:996px; } } html, body{ width:100%; height:100%; font-size:96%; line-height:2; } body{ background:#FFF; } em{ font-style:normal; } #particles { width:100%; height:100%; position:fixed; top:0; left:0; z-index:1; } .wrapper1{ position:relative; } .wrapper2{ position:relative; z-index:3; } .wrapper2_2{ /*ニュースの背景色*/ background:rgba(0,43,105,0.05); } .wrapper2_3{ /*背景が白い大きな長方形のボタン群の背景色*/ background:rgba(144,159,174,0.35); } .wrapper2_4{ /*フッターの背景色*/ background:#17b9e2; background:-moz-linear-gradient(left, #17b9e2 0%, #14a2e2 50%, #107fbe 100%); background:-webkit-linear-gradient(left, #17b9e2 0%, #14a2e2 50%, #107fbe 100%); background:linear-gradient(to right, #17b9e2 0%, #14a2e2 50%, #107fbe 100%); } .wrapper3{ margin:0 auto; padding-bottom:2em; position:relative; } .wrapper_2col{ /*2カラムのレイアウト（下層ページ）*/ overflow:hidden; position:relative; } .wrapper_2col:after{ visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0; } .wrapperL1{ /*float:left;*/ width:100%; /*margin-right:-260px;*/ /*padding-right:260px;*/ box-sizing:border-box; /*padding-bottom:32767px;*/ /*margin-bottom:-32767px;*/ } .wrapperR1{ /*float:right;*/ width:259px; /*height:100%;*/ /*padding-bottom:32767px;*: /*margin-bottom:-32767px;*/ border-left:1px solid #CCCCCC; } @media (min-width: 768px) { .wrapper_2col { display: flex; } .wrapper_2col > div:not([class]) { width:100%; } .wrapper_2col > div:not([class]) > .wrapperL1, .wrapper_2col > div.child-contents > .wrapperL1{ float:left; width:calc(100% - 262px); } .wrapper_2col > div:not([class]) > .wrapperR1, .wrapper_2col > div.child-contents > .wrapperR1{ float:right; width:258px; height:100%; } } header{ height:94px; position:absolute; top:0; left:0; width:100%; z-index:100; } header a{ text-decoration:none; display:inline-block; } header .headerLogo{ float:left; } .index header .headerLogo{ margin-left:20px; } /* ################################### */ header p.headerLogo{ width: 242px; height: 90px; background-color: white; padding-left:20px; } .index header .headerLogo a.astena{ width:108px; height:74px; background-image: url(../img/astena-logo.svg); background-repeat: no-repeat; margin-right:15px; margin-bottom:5px; } /* murashima kouichi */ header .headerLogo a{ overflow:hidden; background-repeat: no-repeat; background-position: center; background-size: 100%; background-color:#FFF; } /* astena */ header .headerLogo a.astena{ width:108px; height:74px; background-image: url(../img/astena-logo.svg); margin-right:15px; margin-bottom:5px; } /* spera jp */ header .headerLogo a.spera-jp{ width:95px; height:85px; background-image: url(../img/spera-logo.svg); } /* spera EN */ header .headerLogo a.spera-en{ width:118px; height:85px; background-image: url(../img/logo_02.svg); margin-left:-10px; } .index header .headerLogo a.spera-en{ width:118px; height:85px; background-image: url(../img/logo_02.svg); margin-left:-10px; } .index header .headerLogo a{ margin:0 0 0 0; padding:0; background-color:transparent; } /* ################################### */ .index header .headerLogo a{ background-size: 100%; } header .headerLogo span{ display:inline-block; margin-top:90px; } .pageTitle{ height:250px; position:relative; } .pageTitle h1 { padding-top:135px; font-size:210%; text-align:center; line-height:1.3; text-shadow: 0px 0px 5px #1d416d; } .pageTitle h1 em{ display:block; font-size:45%; font-weight:normal; text-shadow: 0px 0px 5px #1d416d; } h3 { position: relative; font-size: 200%; padding: 1.1em 25px 1.1em 2em; border-bottom: 1px solid #CCCCCC; margin-right: -25px; line-height: 1.5; } h3::before{ display:block; width:0.55em; max-width:20px; height:1.25em; max-height:46px; box-sizing:border-box; border-top:0.28em solid #002B69; border-bottom:0.28em solid #00A4E3; content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); } h3::after{ display:block; width:0.85em; height:0.28em; background:#00A4E3; content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); } h4{ position:relative; padding:0 0 0.5em; font-size:162%; line-height:1.5; } header nav{ text-align:right; } header nav ul li{ display:inline-block; margin-left:1em; vertical-align:top; } #hNav1 { letter-spacing: -0.3em; position: absolute; top: 0; right: 0; background-color: rgba(0, 43, 105, 0.4); max-height: 50px; } #hNav1 li { letter-spacing: normal; display: inline-block; } #hNav1 li a, #hNav1 li span{ line-height:50px; display:inline-block; } #hNav1 li span{ color: #FFC; } #hNav1 li:nth-child(1), #hNav1 li:nth-child(2), #hNav1 li:nth-child(3){ font-size:90%; } #hNav1 li::before{ content:"/"; display:inline-block; padding:0 1em 0 0; } #hNav1 li:first-child::before, #hNav1 li:nth-last-child(1)::before, #hNav1 li:nth-last-child(2)::before{ display:none; } #hNav1 li:nth-last-child(1){ margin-left:0; letter-spacing:-0.3em; } #hNav1 li:nth-last-child(1) form #search2{ display:none; } #hNav1 li:nth-last-child(1) form.search2{ display:inline-block; vertical-align:top; padding:0; } #hNav1 li:nth-last-child(1) form.search2 input[type="text"]{ width:15em; } #hNav1 li:nth-last-child(1) a{ width:50px; height:50px; overflow:hidden; background:#002B69 url(../img/ico_01.svg) center center no-repeat; } #hNav1 li:nth-last-child(1) a span{ display:inline-block; margin-top:50px; } #hNav1 li:nth-last-child(2) a{ background:rgba(0,43,105,0.5); padding:0 1.5em; min-width: 80px; text-align: center; } .pc #hNav1 li:nth-last-child(2) a:hover{ opacity:1; background:rgba(0,43,105,0.9); } #hNav2{ /*ヘッダーのボタン群（「スぺラファーマについて」等）*/ float:right; font-size:112%; margin:60px 20px 0 0; } @media all and (max-width:1120px) and (min-width:971px) { #hNav2{ font-size:1.41vw; } } @media all and (max-width:995px) { #hNav2{ font-size:96%; } } #hNav2 a{ position:relative; } #hNav2 a::before, #hNav2 a::after{ position:absolute; bottom:-5px; content:""; display:inline-block; width:0; height:2px; /*background:#FFF;*/ background: #002B69; } #hNav2 a::before{ left:50%; } #hNav2 a::after{ right:50%; } #hNav2 .current-menu-item a::before, #hNav2 .current-menu-item a::after, .pc #hNav2 a:hover::before, .pc #hNav2 a:hover::after{ width:50%; } .pc #hNav2 a:hover::before, .pc #hNav2 a:hover::after{ transition:0.3s; } .path { /*パンくずリスト*/ position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0,43,105,0.5); } .path li { display:inline-block; font-size:90%; } .path li:first-child { margin-left: 40px; } .path li::after{ content:">"; display:inline-block; padding:0 0.8em; } .path li:last-child::after{ display:none; } section{ padding-bottom:4em; /* SP版 1.5em */ } .index section{ padding-bottom:5.5em; /* SP版 1.5em */ } section.sec2{ padding-bottom:4em; /* SP版 2em */ } section.sec3{ padding-bottom:4em; /* SP版 0 */ } section.sec4{ padding-bottom:3.5em; /* SP版（中層・下層ページ）0 4% 2.5em 4%*/ } section section{ padding:0; } p + section.sec4{ padding-top:3.5em; } .wrapperL1 > section, .wrapperL1 > div { padding-right:25px; padding-bottom:0; } .wrapperL1 > div img { max-width: 100%; height: auto; } .wrapperL1 section section{ padding-right:0; } h3 + p{ padding-top:2em; } p + p{ padding-top:1em; } footer{ clear:both; } .footerNav1{ padding-top:3em; letter-spacing:-0.3em; } .footerNav1 #menu-spera-footer{ margin-right: 1.06%; display: flex; flex-wrap: wrap; flex-direction: column; height: 222px; } .footerNav1 .menu-item-object-page a, .footerNav1 .menu-item-object-category a, .footerNav1 .menu-item-object-custom a{ line-height:3em; font-weight:bold; font-size:110%; font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Arial , Verdana , Roboto , "メイリオ" , Meiryo , "ＭＳＰゴシック" , "MS PGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,sans-serif; letter-spacing:0.05em; font-feature-settings:"palt"; } .footerNav1 .menu-item-object-custom>a:hover{ opacity: 1.0; } .footerNav1 > li:last-child{ margin-right:0; } .footerNav1 a{ font-size:110%; letter-spacing:0.15em; } .footerNav1 ul a{ font-size:80%; } .footerNav1 .sub-menu a::before{ content:"-"; padding-right:0.25em; } .footerNav1 .sub-menu a{ line-height:normal; font-weight:bold; font-size:90%; letter-spacing:0.15em; } .footerNav2{ text-align:center; font-size:80%; padding:2.5em 0 1em; letter-spacing:-0.3em; } .footerNav3{ text-align:center; font-size:80%; padding:0 0 2em; letter-spacing:-0.3em; } .footerNav2 li, .footerNav3 li{ display:inline-block; letter-spacing:0.15em; } .footerNav2 li::before, .footerNav3 li::before{ content:"/"; padding:0 0.8em; color: #FFF; } .footerNav2 li:first-child::before, .footerNav3 li:first-child::before{ display:none; } .footerNav3 li span{ color: #FFC; } #spNav input, #spNav label{ display:none; /*SP用のハンバーガーメニュー*/ } .copyright{ text-align:center; padding:2.5em 0; font-size:75%; } .copyright a{ display:block; width:104px; height:62px; margin:0 auto 1em; background:url(../img/logo_02.svg) center center no-repeat; overflow:hidden; } .copyright a span{ margin-top:62px; display:inline-block; } .copyright p{ padding:0; } #pagetop{ position:fixed; bottom:10px; right:10px; display:inline-block; background:rgba(72,88,97,0.7); text-decoration:none; cursor:pointer; z-index:99; width:60px; height:60px; padding:0; overflow:hidden; background:rgba(72,88,97,0.7) url(../img/ico_07.svg) center center no-repeat; } #pagetop span{ display:inline-block; margin-top:60px; } .spBR{ display:none; } img{ backface-visibility:hidden; display: block; margin: 1.5em 0; } .img img { max-width: 100%; } .img2 img { max-width: 85%; margin: 0 auto; } input[type="text"]{ border-radius:0; } /*リスト --------------------------------------------------------------*/ .list_dot{ list-style:disc; margin-left:1.5em; } .list_dot li{ padding-bottom:0.75em; } .list_dot li:last-child{ padding-bottom:0; } /*ボタン --------------------------------------------------------------*/ .btG1{ /*画面の中央にボタンを配置*/ text-align:center; padding-top:2.5em; } .btG1 a.bigBtn{ display:inline-block; padding:1.2rem 2.4rem; background-color:#2699FB; color:#FFF; font-size:160%; line-height:1.4em; text-decoration: none; } .btG1 a.bigBtn:hover{ background-color: #48BBFD; color: #FFF; } .btG2{ /*背景が白い大きな長方形のボタン群　PC版：2列*/ letter-spacing:-0.3em; padding:3.5em 0 2.7em; } .btG2 li{ display:inline-block; width:49.5%; margin-right:1%; letter-spacing:normal; margin-bottom:0.8em; } .btG2 li:nth-child(even){ margin-right:0; } .btG2 a{ display:block; background:#FFF; padding:1.05em 0 1.05em 27.5%; font-size:140%; letter-spacing:0.05em; line-height:1.5; position:relative; } .pc .btG2 a:hover{ transition:all 0.4s ease; background:#B0ECFF; } .btG2 a em{ display:block; font-size:60% } .btG2 a::before{ content:""; display:block; width:27.5%; height:4.5em; position:absolute; top:0; left:0; background-position:center center; background-repeat:no-repeat; } .btG3{ /*背景が画像の大きなボタン群　PC版：3列*/ width:100%; overflow-x:hidden; } .btG3 li, .recruit-info-list li { display:block; float:left; width:32.6%; padding-bottom:2.5em; margin-bottom:0; position:relative; margin-right:1.1%; overflow-x:hidden; } .recruit-info-list li { width:48%; } .recruit-info-list li span em { font-size: 85%; } .recruit-info-list li p.undertext { text-align:center; } .recruit-info-list li a + p.undertext { margin-top:1rem; } .btG3 li:nth-child(3n) { margin-right:0; } .btG3 a, .btG3 a::after, .btG3 img, .btG3 span{ width:100%; max-width:324px; } .btG3 a, .btG3 a::before, .btG3 a::after, .btG3 img{ height:216px; } .recruit-info-list li a, .recruit-info-list li a::before, .recruit-info-list li a::after, .recruit-info-list li div, .recruit-info-list li div::before, .recruit-info-list li div::after, .recruit-info-list li img{ height:216px; width: 100%; color: #FFF; } .btG3 a, .recruit-info-list li a, .recruit-info-list li div { display: block; position: relative; } .btG3 a::before, .recruit-info-list li a::before, .recruit-info-list li div::before { content: ""; display: block; width: 23%; border-bottom: 6px solid #00A4E3; border-right: 6px solid transparent; height: 0; transform: rotateX(180deg); position: absolute; bottom: -6px; left: 0; z-index: 13; } .pc .btG3 a:hover::before, .pc .recruit-info-list li a:hover::before { width:100%; transition:width 0.5s; } .btG3 a::after, .recruit-info-list li a::after, .recruit-info-list li div::after { content:""; display:block; background:rgba(0,43,105,0.3); position:absolute; top:0; left:0; z-index:11; } .pc .btG3 a:hover::after, .pc .recruit-info-list li a:hover::after { background:rgba(0,43,105,0.6); transition-duration:0.45s; } .btG3 img, .recruit-info-list li img { object-fit:cover; position:absolute; top:0; left:0; z-index:10; margin: 0; } .btG3 span, .recruit-info-list li span { display:block; text-align:center; text-shadow:0px 0px 5px #1d416d; line-height:1.5; position:absolute; top:50%; left:50%; z-index:12; transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); font-size:135%; width: 100%; } .pc .btG3 a:hover span, .pc .recruit-info-list li a:hover span { font-size:145%; transition-duration:0.2s; color: #FFF; } .btG4{ /*リスト型のボタン*/ border-bottom:1px solid #CCCCCC; counter-reset:no; } .child-contents ul.btG4 { margin: 0; } .btG4>li{ border-top:1px solid #CCCCCC; clear:both; width:100%; position:relative; display:table; } .btG4>li .service_text{ display: none; padding-top: 2em; } .btG4>li span::before{ counter-increment:no; content:'0' counter(no); font-size:170%; line-height:2em; text-align:center; display:block; width:2em; height:2em; background:#7C9BAE url(../img/ico_09.svg) center center; background-size:contain; margin-right:0.8em; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); color:#FFF; } .pc .btG4>li span:hover::before{ background:#00A4E3 url(../img/ico_09_on.svg) center center; transition:0.2s; } .btG4>li span::after{ content:""; display:block; width:6px; height:6px; border-top:1px solid #808080; border-right:1px solid #808080; position:absolute; top:50%; right:10px; -webkit-transform:rotate(135deg); transform:rotate(135deg); z-index:-1; } .btG4>li span.open::after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } .btG4 a, .btG4 span{ display:table-cell; font-size:105%; width:100%; vertical-align:middle; padding:4px 2.5em 4px 4.3em; min-height:3.3em; position:relative; line-height:1.5; cursor: pointer; } .btG4 span { display: block; width: auto; } .pc .btG4 a:hover, .pc .btG4 span:hover{ background:rgba(124,155,174,0.05); transition:0.2s; } .btG4:nth-of-type(9) ~ a::before, .btG4:nth-of-type(9) ~ span::before{ content:counter(no); } .bt1{ /*背景が青いグラデーションのボタン（aタグに設定）*/ background:#17b9e2; background:-moz-linear-gradient(left, #17b9e2 0%, #14a2e2 25%, #107fbe 50%, #14a2e2 75%, #17b9e2 100%); background:-webkit-linear-gradient(left, #17b9e2 0%, #14a2e2 25%, #107fbe 50%, #14a2e2 75%, #17b9e2 100%); background-image:linear-gradient(to right, #17b9e2 0%, #14a2e2 25%, #107fbe 50%, #14a2e2 75%, #17b9e2 100%); display:inline-block; min-width:15em; text-align:center; padding:1em; border-radius:2em; background-size:200% auto; } .pc .bt1:hover{ transition:0.5s; background-position:right center; } /*テキスト --------------------------------------------------------------*/ .title1{ /*中央揃えのコンテンツタイトル（ニュース、コラム等）*/ font-size:220%; text-align:center; padding:1.3em 0 0.8em; line-height:1.4; } .title1 em{ display:block; font-size:40%; } .text1{ /*コピー（文字サイズ：大、中央揃え）*/ font-size:208%; text-align:center; padding:1.7em 0 0.45em; line-height:1.5; } .text2{ /*コピー（文字サイズ：普通）*/ width:85%; margin:0 auto; letter-spacing:0.05em; padding:0.8em 0 4em 0; } .text2.half{ padding-bottom:2em; } ul.text2{ padding:0; list-style-type: disc; } ul.text2 li{ margin-left: 1em; margin-bottom: 1em; } ul.home-li-top li{ position: relative; list-style: none; margin-bottom: 3em; } ul.home-li-top li::before{ position: absolute; left: -0.8em; content: ''; width: 0.3em; height: 100%; background: linear-gradient(225deg,#00a4e3 0%,#00a4e3 50%,#abb0b9 50%,#abb0b9 100%); } .text3{ font-size:150%; font-weight:bold; padding-top:20px; color:#3FA5FB; } .text4 { margin-bottom: 2em; } /*フォント設定 --------------------------------------------------------------*/ #hNav2, .pageTitle h1, h3, h4, .copy1, .title1, .text1, #pickup h2, #index2 ul li h2, .footerNav1 > li > a, .btG3 span, .recruit-info-list li span { font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Arial , Verdana , Roboto , "メイリオ" , Meiryo , "ＭＳＰゴシック" , "MS PGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,sans-serif; letter-spacing:0.05em; font-feature-settings:"palt"; font-weight:bold; } .btG4 a::before{ font-family:"Arial , Verdana , Roboto , "メイリオ" , Meiryo , "ＭＳＰゴシック" , "MS PGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,sans-serif; } /*文字色 --------------------------------------------------------------*/ #pickup a, .news a, .btG2 a, .btG4 a, #sNav a{ color:#222222; /*基本色*/ } .pc a:hover, .pc #pickup a:hover, .pc .news a:hover, .pc .news a:hover em, .pc .btG4 a:hover, .pc #sNav a:hover{ color:#00A4E3; /*コーポレートカラー1*/ } .copy1, .pc #index2 ul li a:hover{ color:#002B69; /*コーポレートカラー2*/ } header a, .pc header a:hover, .pc #hNav1 a:hover, #hNav1 li::before, .pageTitle, .path li a, .pc .path li a:hover, footer a, .pc footer a:hover, .footerNav2 li::before, .btG3 span, .bt1, .pc .bt1:hover, .btG4 li::before, #pickup h2, .search2 label, #index2 ul li, #index2 ul li a, .boxContact, .boxContact a{ color:#FFF; /*白*/ } a{ color:#1675ba; /*特殊1*/ } .news a em{ color:#808080; /*特殊2*/ } .copyright{ color:#485161; /*特殊3*/ } .search2 input::placeholder{ color:#8197B3; /*特殊4*/ } .pc .boxContact a:hover{ color:#7C9BAE; /*特殊5*/ } .pc #hNav1 a:hover, .pc .path li a:hover, .pc footer a:hover{ /*オンマウス用透過*/ filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; } /*下線設定 --------------------------------------------------------------*/ .path li a, #pickup a, #index2 ul li a, .news a, .bt1, .btG2 a, .btG4 a, footer a, .boxContact a, #sNav a{ text-decoration:none; } /*index --------------------------------------------------------------*/ #bgImg1{ /*メインビジュアル*/ position:absolute; z-index:2; top:0; left:0; width:100%; height:740px; background:#29ABE2 url(../img/index/index_01.jpg) center center no-repeat; background-size:cover; overflow:hidden; } #bgImg1::before{ content:""; display:block; width:0; height:0; border-style:solid; border-width:830px 280px 0 0; border-color:#FFF transparent transparent transparent; z-index:3; position:absolute; left:0; top:0; } #bgImg1::after{ content:""; display:block; width:0; height:0; border-style:solid; border-width:0 0 16vw 100vw; border-color:transparent transparent #FFF transparent; z-index:4; position:absolute; right:0; bottom:0; } header p.headerLogo a::after{ content:""; display:block; width:0; height:0; border-style:solid; border-width:89px 40px 0 0; border-color:#FFF transparent transparent transparent; z-index:4; position:absolute; left:262px; top:0; } @media all and (max-width:996px) { #bgImg1::after{ border-width:0 0 159px 996px; } } .copy1{ /*キャッチコピー*/ font-size:160%; clear:both; position:absolute; top:170px; left:0; padding:0; } .copy1.withp{ width: 62%; } #pickup{ width:35.14%; position:absolute; bottom:14px; right:0; line-height:1.7; top:188px; } #pickup h2{ font-weight:bold; } #pickup .slideWrapper{ height:100%; overflow:hidden; position:relative; width:100%; } #pickup .slider{ background:#FFF; padding:0; display:flex; width:3200px; position:absolute; } #pickup a{ display: block; padding: 1em 1em; width: 320px; min-width: 320px; height: 72px; } #pickup a:last-child{ border:none; } .prev{ color:#FFF; cursor:pointer; font-size:150%; height:1em; left:-0.75em; position:absolute; top:48%; width:1em; } .prev:before{ content:'<'; } .next{ color:#FFF; cursor:pointer; font-size:150%; height:1em; position:absolute; right:-1.25em; top: 48%; width:1em; } .next:after{ content:'>'; } #pickup em{ display:block; font-size:90%; } #index1{ /*キャッチコピーとピックアップ*/ position:relative; min-height:328px; } #index2{ /*メインコンテンツ4件への入り口*/ line-height:1.5; padding-bottom:17px; } #index2 ul{ width:100%; margin:0; padding:0; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-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; } #index2 ul li{ width:24.2%; background:rgba(0,43,105,0.5); list-style:none; padding-bottom:5.2em; margin-bottom:0; position:relative; margin-right:1.06%; line-height:1.65; } .pc #index2 ul li:hover{ transition:0.5s; background:rgba(0,43,105,1); } #index2 ul li:first-child h2, #index2 ul li h2 em{ letter-spacing:0.03em; } #index2 ul li:last-child{ margin-right:0; } #index2 ul li h2{ font-size:120%; margin-bottom:15px; margin-top:20px; padding:0 9%; } #index2 ul li h2 em{ display:block; font-size:80%; font-weight:normal; } #index2 ul li p{ padding:0 9%; } #index2 ul li a{ font-size:80%; line-height:1; text-align:center; padding:1.2em 0; display:block; position:absolute; bottom:2em; left:15%; width:70%; border:1px solid #FFF; border-radius:1.75em; } .pc #index2 ul li a:hover{ transition:0.5s; background:#FFF; font-weight:bold; } .search2{ padding:0; text-align:right; letter-spacing:-1em; } .search2 div{ display:inline-block; position:relative; } .search2 label{ font-size:80%; letter-spacing:0.2em; background:#002B69; height:50px; line-height:50px; padding:0 1.5em; display:inline-block; } .search2 input[type="text"]{ height:50px; line-height:50px; border:none; padding:0 1em; width:33em; background-color: #e6eaf0; } .search2 input[type="submit"]{ height:46px; width:46px; border:none; background:#FFF url(../img/ico_02.svg) center center no-repeat; position: relative; left: -50px; } #hNav1 .search2 input[type="submit"] { height: 50px; left: 0; } #search2_2{ padding-bottom:5em; } #search2_2 .search2 input[type="text"], #search2_2 .search2 input[type="submit"]{ background-color:#e6eaf0; } .child-contents h4 { margin-top: 1.5em; } .child-contents h5 { margin: 0.5em 0 0 0; padding: 0.25em 0; font-size: 120%; font-weight: bold; } .child-contents ul { list-style-type: circle; margin: 0 0 2em 1.25em; } .news{ width:100%; margin:0; padding:0; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-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; } .news li{ width:24.2%; list-style:none; padding-bottom:4em; margin-bottom:0; position:relative; margin-right:1.06%; } .news li:last-child{ margin-right:0; } .news li a{ display:block; padding-bottom:0.5em; overflow-x:hidden; } .news li em{ display:block; position:relative; font-size:80%; padding-top:2em; padding-bottom:0.5em; } .news em::before{ content:""; display:block; width:30%; border-bottom:6px solid #00A4E3; border-right:6px solid transparent; height:0; transform:rotateX(180deg); position:absolute; top:0; left:0; } .pc .news a:hover em::before{ width:100%; transition:width 0.5s; } .news li span{ display:block; min-height:4.5em; overflow:hidden; line-height:1.6; word-wrap: break-word; overflow-wrap: break-word; } .news li ul{ position:absolute; bottom:0; left:0; width:100%; border-top:1px solid #D9D9D9; padding-top:0.5em; } .news li ul li{ padding-bottom:0; display:inline-block; width:2em; } .news li ul li a{ display:block; background-position:center center; background-repeat:no-repeat; width:28px; height:28px; padding:0; overflow:hidden; } .news li ul li span{ display:inline-block; margin-top:2em; } .news img{ width:100%; max-width:240px; height:160px; object-fit:cover; } .snsT{ background-image:url(../img/ico_t_off.svg); } .pc .snsT:hover{ background-image:url(../img/ico_t_on.svg); } .snsF{ background-image:url(../img/ico_f_off.svg); } .pc .snsF:hover{ background-image:url(../img/ico_f_on.svg); } .snsG{ background-image:url(../img/ico_g_off.svg); } .pc .snsG:hover{ background-image:url(../img/ico_g_on.svg); } .snsI{ background-image:url(../img/ico_i_off.svg); } .pc .snsI:hover{ background-image:url(../img/ico_i_on.svg); } .snsL{ background-image:url(../img/ico_l_off.svg); } .pc .snsL:hover{ background-image:url(../img/ico_l_on.svg); } .icon3::before{ background-image:url(../img/ico_03.svg); } .icon4::before{ background-image:url(../img/ico_04.svg); } .icon5::before{ background-image:url(../img/ico_05.svg); } .icon6::before{ background-image:url(../img/ico_06.svg); } /*中層・下層ページ共通 --------------------------------------------------------------*/ .bgImg2{ /*メインビジュアル*/ position:absolute; z-index:2; top:0; left:0; width:100%; height:250px; background:#29ABE2; overflow:hidden; } #bgImg2_services{ /*services（受託サービス）の画像*/ background:#29ABE2 url(../img/technology/technology_01.jpg) center center no-repeat; background-size:cover; } #sNav{ /*サイドメニュー*/ margin: 2.5em 0 0 0; list-style-type: none; } #sNav li{ padding:1.4em 0 0; } #sNav a, #sNav span, #sNav li.no_link { display:block; padding:0.3em 1em 0.3em 2em; position:relative; border-bottom:1px solid #CCCCCC; } .pc #sNav a:hover, .pc #sNav span:hover, .faq_post_ttl:hover { background:-moz-linear-gradient(top, rgba(124,155,174,0) 50%, rgba(124,155,174,0.08) 100%); background:-webkit-linear-gradient(top, rgba(124,155,174,0) 50%,rgba(124,155,174,0.08) 100%); background:linear-gradient(to bottom, rgba(124,155,174,0) 50%,rgba(124,155,174,0.08) 100%); transition:0.2s; cursor: pointer; } #sNav a::before, #sNav span::before { content:""; display:inline-block; width:15px; height:15px; background:#C4D3DB; position:absolute; bottom:0; left:0; } #sNav .current-menu-item a::before, .pc #sNav a:hover::before, .pc #sNav span:hover::before { background:#00A4E3; } #sNav .sidebar_text li { padding: 0; } #sNav .sidebar_text li a, #sNav .sidebar_text li.no_link { padding: 0.5em 0.5em 0.5em 1em; font-size: 80%; } #sNav .sidebar_text li a::before { content: none; } #sNav .sidebar_ttl.open::before { background:#00A4E3; } #sNav .selected { color:#00A4E3; background:linear-gradient(to bottom, rgba(124,155,174,0) 50%,rgba(124,155,174,0.08) 100%); } #sNav .selected::before { background:#00A4E3; } .wrapperL1 > section.boxContact{ /*ビジネスに関するお問い合わせ*/ padding-top:0.5em; padding-bottom:2em; } .boxContact div{ background:#7C9BAE; margin-top:4em; padding:2.5em; text-align:center; } .boxContact h4{ padding:0 0 0.4em 0; font-size:162%; } .boxContact h4::before{ display:none; } .boxContact p{ font-size:85%; line-height:1.75; letter-spacing:0.1em; } .boxContact a{ margin-top:1.4em; display:inline-block; width:15em; text-align:center; padding:0.9em; border:2px solid #FFF; border-radius:2em; text-transform:uppercase; background-size:200% auto; } .pc .boxContact a:hover{ transition:0.5s; background:#FFF; } /*印刷 --------------------------------------------------------------*/ @media print { body { width:1100px; transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8); transform-origin:0 0; } .wrapper3{ width:996px; } } /*技術・実績紹介 -----------------------------------------------------*/ .btG3 .technology a{ position:relative; height:70px; width:99%; max-width:318px; background-color:#2699FB; top:0; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:0; text-decoration:none; } .btG3 .technology a:hover { background-color:#48BBFD; } .btG3 .technology a::after{ content: none; } .btG3 .technology a::before{ content: none; } .btG3 .technology .technology_title{ color:#FFF; font-size:160%; line-height: 1em; } .btG3 .technology .technology_sub_title{ color:#FFF; font-size:90%; line-height: 1em; } .technology_grandchild_list{ /*背景が画像の大きなボタン群　PC版：3列*/ width:100%; overflow-x:hidden; margin-top: 3em; background-color: #F7F7F7; } .technology_grandchild_list ul { margin: 2em; padding: 2em; background-color: #FFF; list-style-type: disc; } .technology_grandchild_list li { padding-bottom: 0; font-size: 120%; } .technology_grandchild_list li:nth-child(3n) { margin-right: 0; } .technology_grandchild_list h4 { display: inline-block; padding: 0.5em 0.5em 0.5em 0.75em; } .technology_grandchild_list h4:after { position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 0; border-top: 6px solid #3FA5FB; border-right: 6px solid transparent; } .technology_grandchild_list p { margin: 2em; } .technology_grandchild_list img{ object-fit:cover; top:0; left:0; z-index:10; margin:0; } .technology_grandchild_list span{ display:block; text-align:center; text-shadow:0px 0px 5px #1d416d; line-height:1.5; position:absolute; top:50%; left:50%; z-index:12; transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); font-size:135%; } .technology_grandchild_list h1{ font-size:150%; color:#3FA5FB; margin-top:20px; margin-bottom:10px; font-weight:bold; } .technology_grandchild_list h5 { font-size: 130%; font-weight: bold; margin: 2em 2em 0.5em 1.5em; } .technology_grandchild_list h5+ul { margin-top: 0; } .technology_grandchild_list h5+h5 { margin-top: 0; margin-bottom: 2em; } .our_service_inquiry{ max-width:318px; text-align:center; clear:both; margin: 3em auto auto auto; } .our_service_inquiry a{ height:auto; text-decoration:none; font-size:115%; font-weight:bold; white-space: nowrap; } /*ニュース -----------------------------------------------------*/ .sp-news h2 { line-height: normal; } .post-box { margin-top:40px; } .share_sns .snsT,.snsF,.snsL,.snsI,.snsG { display:block; width:28px; height:28px; } .share_sns { display:flex; } .share_sns.single { border-top: 1px solid #CCC; margin-top: 2em; text-align: right; clear: both; } .share_sns a { background-repeat:no-repeat; } .share_sns ul { display:flex; } .post-content { display:flex; } .post-image img { width:200px; height:auto; } .post-content .post-text { width:70%; position:relative; } .post-content .post-text p { overflow:hidden; margin:1.5em 0; word-wrap: break-word; overflow-wrap: break-word; } .post-content .post-text li { margin:1.5em 0; } .post-content .post-image { width:30%; } .post-detail { display:flex; position:absolute; bottom:0; } .post-category-box ul { display:flex; flex-wrap: wrap; } .post-text > p { line-height:20px; } .post-list h2 a { text-decoration:none; font-weight:bold; font-size:130%; line-height:20px; word-wrap: break-word; overflow-wrap: break-word; } .post-detail .read-more { margin-right:20px; } .post-detail .read-more a { height:30px; padding:0 20px; background-color:#2699FB; display:block; color:#FFFFFF; } .post-category-box > ul > li { margin: 0 10px 10px 0; padding: 0; } .post-category-box > ul > li > a { font-size: 80%; font-weight: bold; background: #EFEFEF; border-left: solid 6px #2699FB; color: #2699FB; padding: 0.5em 1em; text-decoration: none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); } .show-more { visibility:hidden; text-align: center; width:200px; margin:auto; margin-top:50px; background-color:#2699FB; margin-bottom:40px; } .show-more p { background-color:#2699FB; color:#FFFFFF; cursor: pointer; } .show-more img { height:27px; width:27px; } .loading img { margin:auto; height:27px; width:27px; display:none; margin-top:50px; margin-bottom:100px; } .archive-list ul { display: flex; flex-wrap: wrap; margin: 40px 10px 0 0; } .archive-list li { margin-right: 2px; margin-bottom: 2px; } .archive-list li a, .archive-list li span { padding: 0.4em 0; font-size: 120%; line-height: 1em; text-decoration: none; display: block; transition: .2s cubic-bezier(0.44, 0.18, 0.49, 0.99); width: 5em; text-align: center; } .archive-list li a { background-color: #C4D3DB; color: #444; } .archive-list li span { background-color: #2699fb; color: #fff; } .archive-list li a:hover{ opacity: .7; } .archive-list li a:hover { opacity: 0.7; color: #333; } .sp-news p { color: #999; } /*採用情報 -----------------------------------------------------*/ #recruit { margin-bottom: 4em; } .recruit-info-list { padding-bottom: 4em; } .recruit-info-list ul { display:flex; justify-content:space-between; padding-bottom: 2.5em; } .recruit-info-list .message { background-color: #EFEFEF; text-align: center; padding: 3em 0; } /*正社員採用情報 ------------------------------------------------*/ .recruit-job-type-list { margin-bottom:2em; } .recruit-job-type-list ul { display:flex; flex-wrap:wrap; justify-content:space-between; list-style-type: none; margin: 0; } .recruit-job-type-list ul li { margin-right:20px; margin-bottom:20px; width:22%; } .recruit-job-type-list a { display: block; text-decoration: none; background-color: #EFEFEF; border-left: 5px solid #2699FB; text-align: center; padding: 10px 0; width: 100%; color: #222; } .recruit-job-type-list ul li:nth-child(4n) { margin-right:0; } .recruit-info .text-red { color:#FF3131; } .recruit-info .recruit-comments p { line-height: 20px; margin-bottom:1em; } .recruit-info-table { margin-bottom:2em; } .recruit-info-table.border { border: 1px solid #EFEFEF; } .outline { margin: 3em 0 0 0; } .recruit-info-table ol { margin-left: 1em; } .recruit-info-table ul { list-style-type: circle; margin-left: 1em; } .recruit-info-table ul li, .recruit-info-table ol li { line-height: 1.5em; } .recruit-info-table > p { font-size: 150%; color:#2699FB; font-weight:bold; } .recruit-info-table th, .recruit-info-table td, .outline th { padding: 0.25em 1em 1em 1em; } .outline td { padding: 0em 1em 1em 1em; vertical-align: middle; } .recruit-info-table td, .outline td { line-height:1.25em; } .recruit-info-table td a, .outline td a { line-height:3em; font-weight: bold; } .recruit-info-table th, .outline th { vertical-align: top; } .recruit-info-table th span, .outline th { color:#FFFFFF; background-color:#2699FB; padding:0; border-radius:20px; margin-bottom:1em; display: block; padding: 0.125em 1.5em; white-space:nowrap; } .outline dt { float: left; } .outline dt::after { content: '：'; } .outline dd { margin-left: 4.5em; } .recruit-info-table th span.pale { background-color:#48BBFD; } .recruit-info-table > h5 { background-color:#EFEFEF; border-left: 5px solid #2699FB; margin: 0 0 1em 0; padding: 0.25em 0 0.25em 1em; color: #222; font-size: 130%; font-weight: normal; } .recruit-inquiry { background-color:#2699FB; max-width:318px; margin:auto; padding-top:15px; padding-bottom:15px; text-align:center; margin-bottom:4em; } .recruit-inquiry a { text-decoration: none; color:#FFFFFF; } .compensation-package { margin-bottom:6em; } /*弊社サービスについてのお問い合わせ -------------------------------------*/ .contact-form h2 { font-size:120% !important; font-weight:bold; color: #3FA5FB; margin: 1em 0; } .inquiry-form { margin-top: 2em; margin-bottom:2em; } .inquiry-form table { margin-top: 1em; } .inquiry-form input { width:calc(100% - 15px); border: 1px #bbb solid; border-radius: 4px; padding: 0.5em; } .inquiry-form textarea { width:calc(100% - 15px); border: 1px #bbb solid; border-radius: 4px; resize: none; padding: 0.5em; } .inquiry-form select { width:30%; border: 1px #bbb solid; border-radius: 4px; padding: 0.5em; } .inquiry-form > tr { margin-bottom:20px !important; } .inquiry-form > th, .inquiry-form > td { padding: 0 0 2em 1em; } .inquiry-form td { width:70%; } .inquiry-form th { vertical-align: top; text-align:left; padding-right: 1em; } .inquiry-form th, .inquiry-form td{ padding-bottom: 1.75em; } .inquiry-form th::before { content: '■'; } .inquiry-form em { color: red; font-size: 0.8em; } .box_poricy { width: 90%; height: 150px; margin-top: 1em; padding: 20px 3%; overflow-y: auto; background: #fff; border: 1px solid #dcdcdc; line-height:1.25em; color: #333; } .box_policy p { padding-bottom:0; } .inquiry-form.wrapperL1 { padding-bottom:0; } .consent { text-align: center; margin: 20px; } .wpcf7-list-item.first.last{ margin: 0; } .submit-buttom { text-align:center; margin-top:1em; } input[type="checkbox"] { display:none; } .wpcf7-list-item-label{ padding-left: 20px; position:relative; margin-right: 20px; } .wpcf7-list-item-label::before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 15px; height: 15px; border: 1px solid #999; border-radius: 4px; } input[type="checkbox"]:checked + .wpcf7-list-item-label, input[type="checkbox"]:checked + input[type="hidden"] + .wpcf7-list-item-label { color: #2699FB; } input[type="checkbox"]:checked + .wpcf7-list-item-label::after, input[type="checkbox"]:checked + input[type="hidden"] + .wpcf7-list-item-label::after { content: ""; display: block; position: absolute; top: -5px; left: 5px; width: 7px; height: 14px; transform: rotate(40deg); border-bottom: 3px solid #2699FB; border-right: 3px solid #2699FB; } input[type="submit"], input[type="button"] { width:8em; height:2em; padding: 0em; font-size: 150%; background-color: #2699FB; color: #FFFFFF; border-style: none; cursor: pointer; border-radius: 4px; } .search2 input[type="submit"] { border-radius: 0; } input[type="button"] { background-color: #666; } div.wpcf7-response-output:not(.wpcf7-mail-sent-ng):not(.wpcf7-validation-errors) { border: none !important; } /*ハンバーガーメニュー -------------------------------------*/ .hamburgerNav { display:none; } /*用語集 ------------------------------------------------*/ .glossary_container{ margin-top: 60px; } .glossary_ttl{ border-bottom: 2px #156aa6 solid; margin: 0.75em 0; } .glossary_post_ttl{ font-size: 140%; border-bottom: 1px #CCCCCC solid; cursor:pointer; } .glossary_post_text{ font-size: 105%; padding: 0 20px 0 0; display: none; } .glossary_wrap{ margin: 50px 0; } /*スペラファーマについて ------------------------------*/ #aboutus { border-bottom: 1px solid #CCC; padding-bottom: 1em; margin-bottom: 3em; } #aboutusMenu { margin: 0 auto; max-width: 700px; } #aboutusMenu .btG3 li { width: 45%; margin-right: 5%; } #aboutusMenu .btG3 li:nth-child(2n) { margin-right: 0; } #aboutusMenu .btG3 li:nth-child(3n) { margin-right: 5%; } #aboutusMenu .btG3 li a { margin: 0 auto; } /*受託サービス ------------------------------*/ #services { margin-bottom: 4em; padding: 0; } #services + div.img img { margin: 0; } /*よくあるご質問 ------------------------------*/ .faq_container{ margin-top: 60px; } .faq_post_ttl { font-size: 140%; border-bottom: 1px #CCCCCC solid; cursor: pointer; min-height: 2em; } .faq_post_ttl::before { content:'Q'; color:#2699FB; margin: 0 0.5em 0 0.25em; font-size: 140%; } .faq_post_text{ font-size: 105%; padding: 0 20px 0 0; display: none; } .faq_post_text::before { content:'A'; color:#FB9928; margin: 0 0.5em 0 0.25em; font-size: 185%; } .faq_wrap{ margin: 50px 0; } .search_faq { margin-top:60px; } .search_faq .search2 { text-align: center; margin-left: 25px; } .search_faq .search2 input[type="submit"]{ background-color: #e6eaf0; } /*個人情報保護方針 ------------------------------*/ .personally_identifiable_ttl{ font-size: 24px; padding: 1.1em 25px 20px 2em; margin-bottom: 20px; } .personally_identifiable_subttl{ font-size: 20px; } .personally_txt{ padding: 0 0 3.5em 0; } .personally_txt1{ padding: 0 0 1.5em 0; } .personally_txt2{ padding: 0 0 0.5em 0; } .personally_txt3{ padding: 0 0 0.75em 0; } /*情報管理基本方針 ------------------------------*/ .text_right{ text-align: right; } /*管理画面からのレンダリング（固定・投稿ページ） ------------------------------*/ .alignleft { float: left; margin: 0.5em 1em 0.5em 0; } .alignright{ float: right; margin: 0.5em 0 0.5em 1em; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } /*代表メッセージ ------------------------------*/ .sign{ font-family: 'Noto Serif JP', serif; } .sign_name{ font-size: 20px; } .message_ttl{ margin-top: 1.5em; } /*メールマガジン ------------------------------*/ .magazine-wrap { margin: 3em 0; } .magazine-txt{ background-color: #156aa6; color: #FFF; padding: 0.5em; vertical-align: middle; } #magazine-add{ min-height: 42px; border: 1px #156aa6 solid; padding: 0 0.5em; font-size: 16px; } .txt_right{ text-align: right; } .magazine-area{ display: flex; justify-content: center; } .magazine-btn:hover{ background-color: #156aa6; transition:all 0.4s ease; } .personally_id{ width: 80%; margin: 0 auto; height: 200px; padding: 20px 3%; overflow-y: auto; background: #fff; border: 1px solid #dcdcdc; line-height: 1.25em; color: #333; } .magazine-area> .your-email > .wpcf7-not-valid-tip{ position: absolute; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #FFF inset; box-shadow: 0 0 0px 1000px #FFF inset; } .wpcf7c-conf { background-color: #FFF !important; } /*設備情報*/ #equipment { padding-bottom: 4em; } .equip-map { width: 50%; padding: 1px; margin-bottom: 4em; border: 1px solid #666; } .equip-map img { width: 100%; margin: 0; } .equip-list { width: 45%; } .equip-list li a { display: block; background-color: #EEE; padding: 0.5em 1em; font-size: 140%; margin-bottom: 0.5em; color: #333; text-decoration: none; border-left: 5px solid #2699FB; min-height: 3.75em; } .equip-list li a span { display: block; font-size: 65%; line-height: 1.25em; } table.table { margin: 3em 0; } table.table th { background-color: #EFEFEF; border: 1px solid #666; min-width: 8em; padding: 0.5em; } table.table td { background-color: #FFF; border: 1px solid #666; padding: 0.5em; } table.table ul { margin-bottom: 0em; } ul.list { margin-top: 2em; } .no-wrap { display: inline-block; } .wpcf7-validation-errors + .wpcf7-validation-errors:not(.wpcf7c-force-hide) { display: none !important; } .ajax-loader, .ajax-loader.is-active, .ajax-loader.wpcf7c-force-hide { display: inline-block !important; } .wpcf7-response-output + .wpcf7-custom-wpcf7c-confirmed:not(.wpcf7-mail-sent-ng) { display: none !important; } div.cl { margin-bottom: 1.5em; } p:not(.text2) + h4 { margin-top: 1.5em; } .images.right { float: right; margin-left: 1em; } .images.right img { margin-top: 0; } .sp-news { margin-top: 0.5em; } .access iframe { border: 0; background-color: transparent; overflow: hidden; width: 100%; height: 400px; } .spNoPaddingBottom4 { padding-bottom: 4em; } /* ニュース＆コラム -----------------------------------------------------*/ .news_column h4 { font-size: 1.63em; } .news_column h5 { margin-top: 0.25em; font-size: 1.43em; } .news_column h6 { margin-top: 0.25em; font-size: 1.2em; } /* グループの強み -----------------------------------------------------*/ .strengths-link { position: relative; } .strengths-link a { display: inline-block; position: absolute; transition: background-color 0.2s; z-index: 10; } .strengths-link a:hover { background-color: rgba(255, 255, 255, 0.3); } .strengths-link a:active { background-color: rgba(255, 255, 255, 0.5); } .strengths-link a.link01 { top: 34%; left: 57%; width: 12%; height: 15%; border-radius: 0 50% 0% 20%; } .strengths-link a.link02 { top: 52%; left: 32%; width: 14%; height: 7.5%; border-radius: 0 25px 20px 25px; } .strengths-link a.link03 { top: 67%; left: 44.2%; width: 17%; height: 7.5%; border-radius: 0 0 35% 15%; } .strengths-link a.link04 { top: 58.5%; left: 46.5%; width: 12.5%; height: 8.2%; border-radius: 30px 30px 0 0; } /* 括弧付き数字リスト -----------------------------------------------------*/ ol.kakko-num { list-style: none; counter-reset: number; } ol.kakko-num > li { position: relative; padding-left: 40px; } ol.kakko-num > li::before { counter-increment: number; content: '（' counter(number) '）'; position: absolute; left: 0; } ol.kakko-num > li + li { margin-top: 0.75em; } /* ドット付きリスト -----------------------------------------------------*/ ul.dott { list-style: disc; padding-left: 1.25rem; } ul.dott > li + li { margin-top: 0.75em; } ol.kakko-num ul.dott li + li, ul.dott ol.kakko-num li + li { margin-top: 0; } /* 「reCAPTCHA」右下表記の調整 -----------------------------------------------------*/ .grecaptcha-badge { visibility: hidden; } .reCAPTCHA-brand { padding: 10px; text-align: center; } @media (min-width: 768px) { .reCAPTCHA-brand { margin-right: 2em; } } /* Cookieメッセージ関連の調整 -----------------------------------------------------*/ #cookie-notice #cn-notice-text { margin-bottom: 15px; } #cookie-notice #cn-notice-text, #cookie-notice #cn-notice-buttons { display: block; } #cookie-notice #cn-notice-text .cookie-msg { max-width: 996px; margin: 0 auto; text-align: left; } #cookie-notice #cn-notice-text .cookie-msg .jp {display: block;} #cookie-notice #cn-notice-text .cookie-msg .en {display: none;} #cookie-notice #cn-notice-text.english-page .cookie-msg .jp {display: none;} #cookie-notice #cn-notice-text.english-page .cookie-msg .en {display: block;} #cookie-notice #cn-notice-buttons .cn-button:not(.cn-button-custom) { min-width: 120px; padding: 10px 10px; border-radius: 0; font-size: 16px; } #cookie-notice #cn-close-notice { display: none; }