/* Your code... */@charset “utf-8”;
/*
Theme Name: lightning-child
Theme URI:
Template: lightning
Description:
Author: le-mina-rie with MarkleDesign
Tags:
Version: 0.1.2
*/
/*****************************************************
WEBフォント指定
****************************************************/
/* ウェブフォントの読み込み*/
@import url(‘https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600&display=swap’);
*{
font-family: ‘Noto Sans JP’, sans-serif;
}
p , body{
font-weight:400;
font-size:15px;
letter-spacing :0.1em;
line-height:1.8em;
/* text-align: justify;*/
margin-bottom:0.8em !important;
padding:0 !important;
}
/*****************************************************
各ページ 共通設定
****************************************************/
/*スマホ・タブレットで表示する*/
@media (max-width: 750px) {.only_pc {display:none}} /*スマホでのみ表示する （only_pc クラスを非表示）*/
/*PCで表示する*/
@media (min-width: 751px) {.only_mb {display:none}} /*PCでのみ表示する （only_mb クラスを非表示）*/
/*画像オンマウスで半透明化*/
.gazou:hover {
opacity: 0.7;
}
/*SNSボタンを非表示*
.veu_contentAddSection {
display:none;
}*/
/*両端揃え*/
.just{
text-align: justify;
}
/*左寄せ*/
.left{
text-align:left;
}
/*右寄せ*/
.right {
text-align:right;
}
/*センタリング*/
.center{
text-align:center;
}
/* 文字サイズ */
.large{
font-size:20px;
}
.mid{
font-size:18px;
}
.small{
font-size:16px;
}
.ss{
font-size:10px;
}
.bold{
font-weight:600;
}
/* 文字色 */
.k-green{
color:#37b48d;
}
.red{
color:red;
}
.blue{
color:blue;
}
.deep-gray{
color:gray;
}
.white{
color:white;
}
/*アンダーライン 黄色蛍光ペン風 */
.yellow-under{
background: linear-gradient(transparent 50%, yellow 50%);
}
/*クレパス線*/
.crepas-line{
background: linear-gradient(white, #ffb6c1);
}
/*囲み線*/
.box {
padding: 10px;
background: #fff;
border: 1px #ff69b4 solid;
box-shadow: 0 2px 3px 0 #ddd;
}
/* ***************************************************
/* 列幅
/****************************************************/
/*画面横幅いっぱい */
.full-width {
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
/*一般コンテンツの幅*/
.content-width{
margin-left:5%;
margin-right:5%;
}
/*スマホの幅*/
.mb-width{
margin-left:5%;
margin-right:5%;
}
/* ***************************************************
/* Hタグの装飾を取る
/****************************************************/
h2 {
padding: 0.1em 0 !important;
/* border-top: 2px solid var(–vk-color-primary);*/
border-top: none !important;
border-bottom: none !important;
margin-top:0em !important;
}
h3 {
border: none;
font-size:18px;
}
h3:after {
border: none;
}
h3:before {
border: none;
}
/*.only_mb h3{
margin-bottom:0.3em !important;
}
/*.site-footer-title, h3 {*
h3{
position: static;
/* border-top-width: none !important;*
border: none!important;
border-bottom:none;
background: 0 0;
padding: 0 0 0.5em;
}*/
/* ***************************************************
/* 背景色
/****************************************************/
/* 薄い緑色 */
.bg-light-g{
background-color:#f2faf7;
}
/* キタリスグリーン */
.bg-kitaris-g{
background-color:#37b48d !important;
}
/* ***************************************************
/* トップページ
/****************************************************/
/*書き出し位置*/
.title-position{
margin-left:8%;
}
.title-box{
display:inline-block;
padding:0.3em 1em;
margin:0.1em 0 1em;
border-radius: 5px;
}
.box-k-green {
background-color:#37b48d;
color:white;
font-weight:500;
border-style: solid; border-color: #37b48d; border-width:1px !important;
}
.box-green {
background-color:#006e45;
color:white;
font-weight:500;
border-style: solid; border-color: #006e45; border-width:1px !important;
}
/*.box-green:hover{
background-color:#37b48d;
border-color: #37b48d;
}*/
/*緑色左が短いバックブロック*/
.spead-box{
background:#f2faf7;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
/* margin:0 0 0 8em!important;*/
margin:0 0 0 8%!important;
padding:2em;
}
/*「使命」ブロックのモバイル画像サイズ*/
.img-box{
/* background:#cccccc;*/
margin:-22em 0 0 45em;
border-radius: 10px;
}
.mb-img-box{
/* background:#cccccc;*/
margin:-30em 0 0 45em;
border-radius: 10px;
margin:0 0 0.5em 1em;
}
/*「使命」ブロックのPC,タブレットの画像サイズ*/
@media (min-width: 1200px) {.float-img{
border-radius: 10px;
float:right;
margin:-23em 0 0 45em;
}}
@media (751px <= width < 1200px){.float-img{
border-radius: 10px;
float:right;
margin:-22em -2em 0 0;
width:35%;
}}
/*「使命」ブロックのPC,タブレットの画像位置*/
.img-box-last{
/*margin:22em 0 0 -45em;*/
margin-top:5em;
}
.correct{
padding-top: 22em;
margin-top: -22em;
}
/*サブタイトルのテキスト文字サイズ*/
.ll{
font-size:22px;
font-weight:600;
line-height:1.5em;
}
/*サービス内容*/
.service-bg{
background:#f2faf7;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
/* margin:0 5% 0 0;*/
margin:0 10% 0 0;
padding:2em;
}
.service-box{
display:inline-block;
padding:0.3em 1em;
margin:0.1em 0 1.2em;
border-radius: 5px;
}
/* モバイルのサービス ブロックの文章 上部余白*/
#mission-mb h3,#service-mb h3{
padding-top:1.7em;
}
/*サービス内容、実績詳細 のフロートする白い枠組み*/
.box-white {
display:block;
padding:0.3em 1em;
margin:0.1em 0 1em;
border-radius: 5px;
background-color:white;
color:#000;
font-weight:400;
padding:1em;
border-style: solid; border-color: #d3d3d3; border-width:1px !important;
}
/*サービス内容、実績詳細、実績紹介ーページ のフロート 位置サイズ指定*/
@media (min-width: 1288px) {.float-block{
/* margin:0.8em;*/
display:block;
margin-right:2em;
width:30%;
height:250px;
float:left;
}}
@media (max-width: 1287px) {.float-block{
display:block;
margin-top:0.5em;
margin-right:2.3em;
width:45%;
height:270px;
float:left;
}}
@media (min-width: 1288px){.float-block-b{
display:block;
/* margin:0.8em;*/
margin-right:1em;
width:30%;
height:250px;
float:left;
}}
@media (max-width: 1287px){.float-block-b{
display:block;
/* margin:0.8em;*/
margin-right:1em;
width:45%;
height:260px;
float:left;
}}
/*フロートの*
.float-block-b h4{
font-size:13px;
}*/
/*サービス紹介、概要 箇条書きのインデント*/
#consul ul {
list-style:none !important;
margin-top:-0.5em !important;
}
#service-pc ul li, .page-id-334 ul li {
/*display:block;*/
margin-bottom:8px
text-indent:-1em;
/* padding-left:1em;*/
padding-left:0;
margin-bottom:0.3em;
line-height:1.2em;
}
#consul ul li {
/*display:block;*/
margin-bottom:8px
text-indent:-1em;
padding-left:1em;
margin-bottom:0.3em;
line-height:1.2em;
}
/*会社概要の表内 箇条書きのインデント*
#company-table ul{
list-style:decimal;
}
#company-table ul li {
margin-bottom:8px
text-indent:-1em;
padding-left:1em;
margin-bottom:0.3em;
}*/
/* フロート解除*/
.cb{
clear:both;
}
/*スマホの緑色のブロックの背景色*/
.bg-light-g{
background-color:#f2faf7;
}
/*事例紹介 実績*/
.ex-txt{
padding:0 0.5em 0;
margin-top:-0.6em;
}
/*ページ最下部の余白を非表示*/
.siteContent_after{
display:none!important;
}
/**/
#Achievements-pc a,#Achievements-mb a{
text-decoration:none !important;
& :hover h3 {
color:#006e45;
}
}
/*リンク先のズレを修正*/
#mission,#strengths,#service,#venture,#academia,#doctor,#clinical,#registry{
padding-top:40px;
margin-top:-40px;
}
/* ***************************************************
/* 会社紹介
/****************************************************/
.float-member-1{
display:block;
margin-right:2em;
width:30%;
height:250px;
float:left;
}
.float-member-2{
display:block;
margin-right:2em;
width:60%;
height:250px;
float:left;
}
#member p{
margin-right:5%;
text-align: justify;
}
.float-table-1{
display:block;
margin-right:2em;
width:10%;
float:left;
}
.float-table-2{
display:block;
margin-right:2em;
width:70%;
float:left;
}
/*表内のインデント*/
#company-table ul{
margin-left:-1em;
list-style:decimal;
}
#company-table ul li {
margin-bottom:8px
text-indent:-1em;
padding-left:1em;
margin-bottom:0.3em;
}
#company-table hr{
margin-right:10%;
}
.logo-mv{
margin-right:10%;
border:solid 1px #a9a9a9;
}
#logo h3{
margin-bottom:0 !important;
}
#logo p{
margin-right:10%;
}
/* ***************************************************
/* 事例紹介 （実績）
/****************************************************/
/*ページ遷移用メニュー*/
#menu a, #menu-mb a{
color:#37b48d;
&:hover{
color:#006e45 !important;
text-decoration: none !important;
}
}
.no-color-box{
margin:0 0 0 8%!important;
padding:2em;
}
/*スマホのh3タグの余白調整*/
#venture-mb h3,#academia-mb h3,#doctor-mb h3,#clinical-mb h3,#registry-mb h3{
padding-top:1.5em !important;
}
/**/
.narrow{
letter-spacing:0.05em;
}
/*各項目下部 ホワイトBOX*/
.achieve-white {
display:block;
padding:1em 3em !important;
margin:0.1em 6% 1em 0;
border-radius: 5px;
background-color:white;
color:#000;
font-weight:400;
padding:1em;
border-style: solid; border-color: #d3d3d3; border-width:1px !important;
}
/* ***************************************************
/* プライバシーポリシー
/****************************************************/
.policy h2{
margin:1em 0 0.3em !important;
font-size:22px;
}
.policy a{
color:#37b48d;
&:hover{
color:#006e45 !important;
text-decoration: none !important;
}
}
/* ***************************************************
/* ヘッダー
/****************************************************/
/*ヘッダータイトル文字色 *
h1.page-header_pageTitle{
color:#37b48d;
}*/
/* ***************************************************
/* フォーム
/* ***************************************************/
/*フォーム 幅 */
@media (min-width: 430px) {.contact-width{
margin:0 15%;
}}
/*フォーム 必須 */
.must {
padding:1px;
background: #FF1A00;
color: white;
font-size: 65%;
vertical-align: top;
position: relative;
top: -0.1em;
border-radius: 3px;
}
/*フォーム フィールド幅 */
.field{
display: block;
width: 300px;
margin-right:15px;
}
/* チェックボタンリストの表示 */
.horizontal-item{
display:block;
}
/*チェックリストの頭揃え */
#application-1{
margin-left:12px !important;
}
/*フォーム 段落間隔*/
.space{
line-height:2em;
}
/* ***************************************************
/* フッター
*****************************************************/
.sectionBox {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/*コピーライト の文字を非表示 */
footer .copySection p{
display:none !important;
}
/*コピーライト 非表示
footer .copySection p:nth-child(2) {
display:none !important;
}
.container .sectionBox .copySection {
margin-left: auto;
margin-right: auto;
}
/*コピーライト 文字色を白にする
footer .copySection p{
color:white! important;
display:nonne! !important;
}
【color:white だと黒文字のまま。 color:white! とすると白文字になった 】
*/
/* フッターエリアの背景色 */
.siteFooter{
background-color: #37b48d !important;
}
/*************************************************************
フロートバナー（PC)
*************************************************************/
/* フローティングバナーのラップ要素 */
#fixed_right_banner{
position: fixed;
top: 220px;
right: 25px ;
z-index: 9999;
}
/* 画像の共通設定 */
#fixed_right_banner > * {
width: 120px;
}
/* 2個目以降の画像の上部に余白を作る *
#fixed_right_banner > * ~ * { margin-top: -3px; }
/* リンク要素 */
#fixed_right_banner > a {
display: block; /* ブロック要素に変更 */
}
/************************************************************************
モバイルフッターバナー (モバイル)
**************************************************************************/
/*フロートバナーでのみ利用 スマホで表示する*/
@media (max-width: 599px) {.cta-only_pc {display:none}} /*スマホでのみ表示する （only_pc クラスを非表示）*/
/*PCで表示する*/
@media (min-width: 600px) {.cta-only_mb {display:none}} /*PCでのみ表示する （only_mb クラスを非表示）*/
.wrap{
display: block;
position: fixed;
left: 0px;
right: 0px;
bottom: -40px;
/* height:75px;*/
z-index: 9999;
}
.inner-1{
float: left;
width: 100%;
margin-left : 0;
}
/*
.inner-2{
float: left;
width: 50%;
margin-left : 0;
}
/*
.su-spacer{
border:none !inportant;
}
*/