@charset "utf-8";
/*
Theme Name: lightning-pro-child
Theme URI:
Template: lightning-pro
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@300;700&display=swap');
*{
font-family: 'Noto Sans JP', sans-serif;
}
/*********************************************************
トップスライダー用 (左右・右固定用のcss)
*********************************************************/
/*スライダーPCのみ*/
@media (min-width: 992px) {.slide_mb{display:none}}
/*スライダータブレットのみ
@media (max-width: 1020px) and (min-width: 768px) {.slide_pc,.slide_mb{display:none}} */
/*スマホでのみ表示する*/
@media (max-width: 991px) {.slide_pc{display:none}}
.slide{
margin-left:30%;
margin-right:30%;
}
/**************************************************************************************************************
全ページ 共通 CSS
**************************************************************************************************************/
/**************************************
ハンバーガーメニューを右に
**************************************
.vk-mobile-nav-menu-btn{
right: 25px;
left: inherit;
}
*/
/* 投稿の「見出しタイトル」 はデフォルトになるための修正 */
.page-template > .mainSection-title,
.page-template h2, .page-template h3, .page-template h4 {
border-top:none !important;
border-bottom:none !important;
background-color:transparent !important;
/*margin-bottom:0.3em !important; デザイン設定で「h２」「h3」を変更したため追加 */
margin-bottom:0 !important;
}
.page-template h3:after,.page-template > .subSection-title:after {
border: none !important;
border-bottom : none !important;
background-color:transparent !important;
content:none;
}
/*
.single-post > .footer-site-map h4 {
border-top:none !important;
border-bottom:none !important;
background-color:transparent !important;
}
*/
/*キャプションの文字を大きく
.wp-block-image figcaption{
font-size:14px !important;
}*/
/*投稿表示時、最終登校日を非表示*/
.entry-meta_updated{display:none;}
/****************************************************************************************************
【ヘッダー】 ヘッダーウイジェットを追加し、検索を表示（functions.php header.php ）
***************************************************************************************************
.header-widget{
position:absolute;
right:80px;
padding: 10px 0;
}
@media (max-width: 551px) {.header-widget {display:none}}
*/
/************************************************************
固定ページ ヘッダーの高さ調整（ページタイトル帯の高さ）
**********************************************************/
.page-header{
height:80px;
background-color:#e6e6e6;
color:black;
place-items: center;
}
@media (max-width: 767px) {.page-header{
height:60px;
padding-top:0;
margin-top:0;
background-color:#e6e6e6;
color:black;
place-items: center;
}
/*パソコン
@media (min-width: 751px) {.page-header{
height:80px;
background-color:#e6e6e6;
color:black;
}}
スマホ
@media (max-width: 750px) {.page-header{
height:50px;
padding-top:10px;
background-color:#e6e6e6 !important;
color:black;
/* z-index: 9999;
}}*/
/*タブレット
@media (max-width: 1020px) and (min-width: 768px){.page-header{
height:50px;
margin-top:38px;
background-color:#c0c0c0;
color:black;
}}*/
/*************************************************
【CTA】 フロートサイドバナー (PC)
**************************************************/
/* フローティングバナーのラップ要素 */
#fixed_right_banner{
position: fixed;
top: 220px;
right: 0px !important;
z-index: 9999;
}
/* 画像の共通設定 */
#fixed_right_banner > * {
width: 60px;
}
/* 2個目以降の画像の上部に余白を作る */
#fixed_right_banner > * ~ * { margin-top: 0px; }
/* リンク要素 */
#fixed_right_banner > a {
display: block; /* ブロック要素に変更 */
}
/*************************************************
【CTA】 モバイルフッターバナー (モバイル)
***************************************************/
.wrap{
display: block;
position: fixed;
left: 0px;
right: 0px;
bottom: -30px;
/* height:75px;*/
z-index: 9999;
}
.inner{
float: left;
width: 33%;
margin-left : 10;
}
.cb{
/* floatを解除 */
clear: both;
}
/*****************************************
CTA 「 トップへ 」 ボタン
******************************************/
.top_btn-pc{
position: fixed;
bottom: 10px;
left: 10px;
z-index: 9999;
}
.top_btn-mb{
position: fixed;
bottom: 75px;
left: 0px;
z-index: 9999;
}
.cta-width-mb{
margin-left:30%;
margin-right:30%;
}
/************************************************************
財団コピーライト フッター （グレー部分の高さを小さく）
**********************************************************/
.sectionBox{
padding: 0.3em 0 1em !important;
}
/*******************************************************************
スマホ・PCで表示 を切り替えるクラス(現在７５０ｐｘでスイッチしている)
********************************************************************/
/*スマホでのみ表示する （only_pc クラスを非表示）*/
@media (max-width: 781px) {.only_pc {display:none}}
/*PCでのみ表示する （only_mb クラスを非表示）*/
@media (min-width: 780px) {.only_mb {display:none}}
/**********************************************
【各ページで利用】 背景色 background-color
***********************************************/
.bg-darkred{
background-color: #A72B30;
}
.bg-brown{
background-color: #B28146;
}
.bg-orange{
background-color: #E95A13;
}
.bg-gray{
background-color: #dcdcdc;
}
.bg-green{
background-color: #E9F6E8;
}
.bg-blue{
background-color: blue;
}
/************************************************************
【全ページで利用】 蛍光マーカー風css
********************************************************/
/* 黄色いマーカー */
.yellow-under{
background: linear-gradient(transparent 50%, yellow 50%);
}
/* ピンクのマーカー */
.pink-under{
background: linear-gradient(transparent 50%,#ffb6c1 50%);
}
/********************************************************************************************
表示幅に関するクラス
*********************************************************************************************/
/* 画面左右いっぱい*/
.full-width{
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
/* ブロック内左右いっぱい*/
.block-width {
width: 100%;
}
/*コンテンツの幅 左右*/
.content-width{
margin-left: 8%;
margin-right: 8%;
}
/*コンテンツの幅 左のみ*/
.con-left-width{
margin-left: 8%;
}/*コンテンツの幅 右のみ*/
..con-right-width{
margin-right: 8%;
}
/********************************************************************************
投稿文書の１文字目の文字色 (テーマの「投稿」で１文字目の文字の変色させない）
*********************************************************************************/
h1.entry-title:first-letter,
.single h1.entry-title:first-letter { color:inherit; }
/*******************************************
画像オンマウスで半透明化
********************************************/
.gazou:hover {
opacity: 0.7;
}
/*文字リンク色のホバー色*/
a:hover {
color:green ;
font-weight:bold;
}
/*******************************************************************************************
基本CSS 文字色・サイズ・配置・改行幅・文字ピッチ・段落間隔 等
********************************************************************************************/
/*左寄せ*/
.left{
text-align:left;
}
/*右寄せ*/
.right {
text-align:right;
}
.right-pf{
margin: 0 0 0 auto;
}
/*センタリング*/
.center{
text-align:center;
}
/*文字サイズ*/
.small{
font-size:13px;
}
.mid{
font-size:20px;
}
.large{
font-size:25px;
}
/*文字を太く*/
.bold{
font-weight:bold;
}
/* 文字色 */
.black{
color:black;
}
.red{
color:red;
}
.blue{
color:#009FE8;
}
.white{
color:white !important;
}
.deep-gray{
color:gray;
}
.yellow{
color:#ffff00;
}
.orange{
color:#E95A13;
}
.green{
color:#009245;
}
.brown{
color:#B28146;
}
.violet{
color:#A10782;
}
.darkred{
color:#A72B30;
}
/*改行幅*/
.line-s{
line-height:1.1em;
}
.line-m{
line-height:1.5em;
}
.line-l{
line-height:4em;
}
.line-cap{
line-height:2em;
}
/************************************************************
要素の隙間をゼロにするcss （マージン・パッディング ０）
**********************************************************/
/*.m-p-0{
margin:0;
padding:0;
}
/*箇条書きのスタイルなし 二行目の書き出し 字下げ
.questionnaire ul{
text-indent: -1em;
list-style-type: none;
}
.questionnaire ul li{
margin-left: 1em;
}*/
.questionnaire ul{
text-indent: -1em;
list-style-type: none;
}
.questionnaire ul li{
margin-left: -2em;
}
/*******************************************
ヘッダーメニューの下のラインを消す
*******************************************
@media (min-width: 992px){
ul.gMenu>li.current-menu-ancestor>a:after,
ul.gMenu>li.current-menu-item>a:after,
ul.gMenu>li.current-menu-parent>a:after,
ul.gMenu>li.current-post-ancestor>a:after,
ul.gMenu>li.current_page_ancestor>a:after,
ul.gMenu>li.current_page_parent>a:after,
ul.gMenu>li>a:hover:after{
content:none;
}
}
*/
/*******************************************
ヘッダーメニューの文字サイズを大きく
*******************************************/
.gMenu_name{
font-size:16px;
}
/*******************************************
h2 タグ 各ページのタイトル CSS
*******************************************/
h2{
font-size: 25px;
text-align:center;
}
hr.title{
margin:0 0 1em 0;
padding:0;
border-bottom: solid 1px #a9a9a9;
}
/*******************************************
id へのリンク（ジャンプ）での位置の調整
*******************************************/
.contents_jump {
padding-top: 100px;
margin-top:-100px;
}
/*******************************************************************************************************************
* トップページ
* *******************************************************************************************************************/
/* トップページ youtube CSS */
.youtube a:link{
color:#009245;
}
/*******************************************
トップページ ご案内 CSS
********************************************/
@media (min-width: 1144px) {.float-left{
display:inline-block;
margin:0.3em 0.3em 1em 0.3em;
float: left;
width:24%;
}}
/* えんじ色：#A72B30 */
.info-darkred{
background-color: #A72B30;
border-radius: 11px 11px 0 0;
/*margin-bottom:0 ;*/
margin:0;
height:2.5em;
display: grid;
place-items: center;
}
.info-box {
padding: 0;
margin: 0 0 1.5em 0;
border: solid 1px #A72B30;
border-radius: 12px;
}
/* 茶色：#B28146 */
.info-brown{
background-color: #B28146;
border-radius: 11px 11px 0 0;
margin:0 ;
height:2.5em;
display: grid;
place-items: center;
}
.info-box-brown {
padding: 0;
margin: 0;
border: solid 1px #B28146;
border-radius: 12px;
}
/* えんじ色、茶色 共通
.info-box p, .info-box-brown p{
padding:0.2em 0.5em 0.3em;
margin-bottom:0 ;
}*/
/* えんじ色、茶色 共通 */
.info-darkred p, .info-brown p{
padding:0.2em 0.5em 0.3em;
margin-bottom:0 ;
}
.info-box a{
text-decoration: none;
}
.info-box h3>img,.info-box-brown h3>img{
float: left;
margin:0.1em 0.5em 0.1em 0.5em ;
}
.info-box h3,.info-box-brown h3{
margin: 0.5em;
font-size:15px;
color:black;
clear: both;
}
/*.info-box a:link,.info-box-brown a:link{
color:black !important;
}*/
.info-right{
text-align:right !important;
margin:-1.2em 0.5em 0.5em 0;
}
/*****************************************
トップページ JFMC広報
*******************************************
.widget-title:after{
content : <hr/> !important;
}*/
/*What's new 日付の文字色を黒に*/
.postList_date{
color:black!important;
}
/*JFMC広報*/
.kouhou {
/*margin-bottom: 0.3em;*/
margin: 0.8em 0 1.5em;
padding:0.7em 0 0 0.3em;
/* width: 90%;*/
border: solid 1px #79C63F ;
border-radius: 12px;
font-size:15px;
}
.kouhou p{
margin:0.3em 0 -1.2em;
color: #009245;
font-size:20px;
overflow: hidden;
line-height:1em;
}
/*.kouhou p{
color: #009245;
text-align:center;
}*/
.fl img{
float: left;
margin:0.3em 0.5em 0.2em 0.5em;
}
.kouhou a{
text-decoration: none;
color: #009245;
}
/*****************************************
トップページ あなたに伝えたい事
********************************************/
/*info-box と info-darkred クラス は「ご案内」と共有
#tell img{
margin
}
*/
@media (min-width: 1144px){#tell .float-left{
display:inline-block;
margin:0.7em 0.7em 2em 0.7em;
float: left;
width:31%;
}}
#tell .info-box p {
margin: 1.2em 1em 0.8em ;
padding: 0;
font-size:16px;
}
#tell .info-box h3>img{
/*padding-top:-10px;*/
margin:-8px 0 20px 0;
width:100%;
}
#tell .info-box a:hover{
color:#A72B30;
font-weight:bold;
}
hr.tell{
margin:10px 10% 10px 10%;
border-top: 1px dashed #bbb;
}
/*****************************************
トップページ 5つの事業
********************************************/
@media (min-width: 1144px){#buisiness .float-left{
display:inline-block;
margin:0.6em;
float: left;
width:18%;
}}
#buisiness p {
margin: 0 0.4em 0.8em ;
padding: 0;
font-size:16px !important;
}
#buisinessl .info-* h3{
padding:0.2em 0.5em 0.3em;
margin-bottom:0 ;
}
/* 緑：#009245 */
.info-green{
background-color: #009245;
border-radius: 11px 11px 0 0;
margin:0 ;
height:2.5em;
display: grid;
place-items: center;
}
.info-box-green {
padding: 0;
margin: 0 0 2em 0;
border: solid 1px #009245;
border-radius: 12px;
}
/* 茶色：#B28146 */
.info-brown-b{
background-color:#B28146;
border-radius: 11px 11px 0 0;
margin:0 ;
height:2.5em;
display: grid;
place-items: center;
}
.info-box-brown-b {
padding: 0;
margin: 0 0 2em 0;
border: solid 1px #B28146;
border-radius: 12px;
}
/* 水色：#009FE8 */
.info-blue{
background-color: #009FE8;
border-radius: 11px 11px 0 0;
margin:0 ;
height:2.5em;
display: grid;
place-items: center;
}
.info-box-blue {
padding: 0;
margin: 0 0 2em 0;
border: solid 1px #009FE8;
border-radius: 12px;
}
/* 紫色：#A10782 */
.info-violet{
background-color: #A10782;
border-radius: 11px 11px 0 0;
margin:0 ;
height:2.5em;
display: grid;
place-items: center;
}
.info-box-violet {
padding: 0;
margin: 0 0 2em 0;
border: solid 1px #A10782;
border-radius: 12px;
}
/* オレンジ色：#E95A13 */
.info-orange{
background-color: #E95A13;
border-radius: 11px 11px 0 0;
margin:0 ;
height:2.5em;
display: grid;
place-items: center;
}
.info-box-orange {
padding: 0;
margin: 0;
border: solid 1px #E95A13;
border-radius: 12px;
}
.info-box-green p, .info-box-brown-b p, .info-box-blue p, .info-box-violet p, .info-box-orange p{
margin:1em !important;
font-size:26px;
}
/*.info-box-green a:hover, .info-box-brown-b a:hover, .info-box-blue a:hover, .info-box-violet a:hover, .info-box-orange a:hover{
font-weight:bold;
text-decoration: none;
}*/
.info-box-green a:hover{
color:#009245;
font-weight:bold;
text-decoration: none;
}
.info-box-brown-b a:hover{
color:#B28146;
font-weight:bold;
text-decoration: none;
}
.info-box-blue a:hover{
color:#009FE8;
font-weight:bold;
text-decoration: none;
}
.info-box-violet a:hover{
color:#A10782;
font-weight:bold;
text-decoration: none;
}
.info-box-orange a:hover{
color:#E95A13;
font-weight:bold;
text-decoration: none;
}
/*****************************************
終了した事業 メニューの開閉 CSS
********************************************/
.finish-box {
display: block;
text-decoration: none;
padding: 1em 1.2em ;
background-color: #79C63F; /* 背景色 */
color:#fff;
max-width: 430px;
height: auto;
margin: 0 auto;
border-radius: 11px ;
}
.finish-box a:link{
color:#fff;
}
.finish-box :hover {
color: green;
/* background: green;
border-style: solid 1px #79C63F;
text-decoration:none;*/
}
.finish-box a:visited{
color: #fff;
}
.finish-box p:hover{
color:#fff;
font-weight:bold !important;
}
.finish-menu {
/* display: inline-block; */
padding: 0.2em;
color:#fff;
text-align:center;
font-size:16px;
font-weight:normal;
/* border: solid 1px #696969;
border-radius: 3px;
transition: .4s;*/
}
.finish-menu::before {
content: "終了した事業 はこちら";
}
.finish-menu-item {
position: relative;
overflow: hidden;
height: 0.01px; /*隠した状態の高さ*/
}
.finish-menu-trigger{
display: none; /*チェックボックスは常に非表示*/
}
/*メニュー 閉じる*/
.finish-menu-trigger:checked ~.finish-menu::before{
content: "閉じる" /*チェックされていたら、文言を変更する*/
}
.finish-menu-trigger:checked ~ .finish-menu-item{
/* height: auto; /*チェックされていたら、高さを戻す*/
height: auto;
}
.finish-menu-trigger:checked ~ ..finish-menu-item::before{
display: none; /*チェックされていたら、finish-menu-itemのbeforeを非表示にする*/
}
.finish-menu-item p{
text-align:left;
font-size:16px;
color:#fff;
}
#menu1{background-color: #79C63F;}
/*****************************************
ご支援者の紹介
********************************************/
@media (min-width: 1144px){.support-width{
margin-left:15%;
/* margin-right:15%;*/
}}
@media (min-width: 1144px){.float-left-s{
display:inline-block;
margin:0 1.5em;
float: left;
width:38%;
}}
#supporter .kouhou{
padding-top:0.5em;
}
#supporter p{
/* margin:0.3em 0 -1.2em;
* overflow: hidden;*/
color: #009245;
font-size:23px;
line-height:1em;
padding:0.5em 1em 0;
}
.fl-supporter img{
float: left;
margin:0 0.5em 0.3em 0.5em;
}
/*******************************************************************************************************************
* 下層ページ 共通
* *******************************************************************************************************************/
.intro-title{
font-size:30px;
}
.intro-txt{
font-size:18px;
}
/**********************************************************************
【 初めての方へ ページ 】
*************************************************************************/
/************ ５つの事業 (情報収集・解析ページ「サポートの流れ」共有)***************/
.buisiness-box{
padding:1em;
margin: 0.5em 1em 0.5em;
border:solid 0.1px;
font-size:16px;
letter-spacing: 0.2em;
}
#bb-1{text-decoration:none; border-style: solid 0.1px #009245; color:#009245;}
#bb-2{text-decoration:none; border-style: solid 1px #B28146; color:#B28146;}
#bb-3{border-style: solid 1px #009FE8; color:#009FE8; }
#bb-4{border-style: solid 1px #A10782; color:#A10782; }
#bb-5{border-style: solid 1px #E95A13; color:#E95A13;}
/** アイコン画像を右寄せ **/
.b-right{
float: right;
margin: 0 ;
/* width: 3%;*/
}
/** ホバー時の CSS **/
#bb-1:hover,#bb-2:hover,#bb-3:hover,#bb-4:hover,#bb-5:hover{font-weight:bold}
/************ 企業概要 表のCSS ***************/
#comp-tbl table,#comp-tbl td,#comp-tbl th {
border-collapse: collapse;
border:1px solid ;
}
/**********************************************************************
【 事業内容 ページ 】
*************************************************************************/
/**** 各事業へのリンク行の幅 *****/
.biz-link-width{
margin-left:10%;
margin-right:10%;
}
/*** リンクの右側アイコン高さ調節 ***/
.biz-link-width img{
margin-bottom:0.2em;
}
/**** 各事業へのリンク *****/
#hgr a:hover {
color: #009245;
font-weight:bold ;
}
#hbr a:hover {
color: #B28146;
font-weight:bold ;
}
#hbl a:hover {
color: #009FE8;
font-weight:bold ;
}
#hvi a:hover {
color: #A10782;
font-weight:bold ;
}
#hor a:hover {
color: #E95A13;
font-weight:bold ;
}
/** 医療機器事業 画像とテキストの CSS**/
.img-margin-1{
margin-bottom:0;
padding-bottom:0;
}
.kiki-gray{
background-color:#e6e6e6;
margin:0;
padding:0;
}
.kiki-gray p{
padding: 0.8em ;
}
/*** 医療機器 〜 講演会事業 ボタン ***/
.kiki-btn{
display:inline-block;
/* width:220px;*/
padding: 0.5em 1em;
/* background-color:#009245;*/
border-radius: 11px;
font-size:18px;
/* letter-spacing: 0.2em;*/
color:white;
}
/*** ボタン内アイコン高さ調節 ***/
.kiki-btn img{
margin-bottom:0.2em;
}
.green-btn{
background-color:#009245;
}
.brown-btn{
background-color:#B28146;
}
.blue-btn{
background-color:#009FE8;
}
/************************************************************
【 情報収集・解析 ページ 】
**************************************************************/
#needs .float-left{
display:inline-block;
margin:0.7em;
float: left;
width:31%;
}
#points .float-left{
display:inline-block;
margin:0.7em;
float: left;
width:31%;
}
#merit .float-left{
display:inline-block;
margin:0.7em;
float: left;
width:31%;
}
.info-analysis-box{
padding: 0;
margin: 0;
/* border: solid 1px #b0c4de;*/
border-radius: 12px;
}
.info-analysis-box img{
margin:1em 0;
}
.line-blgray{
border: solid 1px #b0c4de;
}
.line-green{
border: solid 1px #009245;
}
.line-orange{
border: solid 1px #E95A13;
}
.info-analysis-box p {
margin: 1.2em 1em 0.8em ;
padding: 0;
font-size:16px;
}
.box-header{
/* background-color: #b0c4de;*/
border-radius: 11px 11px 0 0;
font-size:18px !important;
margin:0;
height:2.5em;
display: grid;
place-items: center;
}
.header-blgray{
background-color: #b0c4de;
border: solid 1px #b0c4de;
}
.header-green{
background-color: #009245;
border: solid 1px #009245;
}
.header-orange{
background-color: #E95A13;
border: solid 1px #E95A13;
}
/***サポートの流れ***/
#merit .support{
padding:1em;
border:solid 0.1px #dbebc4;
font-size:16px;
letter-spacing: 0.2em;
background-color:#dbebc4;
color:#000;
}
.contact-btn{
display:inline;
padding:0.7em;
font-size:16px;
background-color:#A72B30;
border-radius:10px;
place-items: center;
}
/*
#needs .info-box {
padding: 0;
margin: 0;
border: solid 1px #b0c4de;
border-radius: 12px;
}
#needs .info-box p {
margin: 1.2em 1em 0.8em ;
padding: 0;
font-size:16px;
}
#needs .info-box img{
margin:1em 0;
}
#needs .info-blgray{
background-color: #b0c4de;
border-radius: 11px 11px 0 0;
font-size:18px !important;
margin:0;
height:2.5em;
display: grid;
place-items: center;
}
#points .float-left{
display:inline-block;
margin:0.7em;
float: left;
width:31%;
}
#merit .float-left{
display:inline-block;
margin:0.7em;
float: left;
width:31%;
}
*/
/************************************************************
【スマホ】 フッター「チャレンジドジャパン」部分の左右余白調整でブロックごとセンター寄せ （サイト共通）
【利用者アンケート】 期待していること 【医療福祉の皆様へ】アセスメント体験会 で使用
*********************************************************
.mb_fotter-center ,
.mb-as-left {
margin-left:4em;
}
*/
/**************************************************************************************************************
【詳しく知りたい方へ 】 (各ページ共通 項目)
**************************************************************************************************************/
/************************************************************
詳しく知りたい方へ ボックスcss (各ページ共通)
*********************************************************
.d-box-green{
padding: 0.5em 1em;
margin: 1em 0.5em;
display: block;
line-height:2em;
background: white;
font-size:20px;
text-decoration: none;
text-align:center;
border:solid 1px #00984f;
border-radius: 10px;
color:#009944;
}
a.d-box-green:hover {
background: #00984f;
border-color:#00984f;
border-width:3px;
color:white;
text-decoration:none;
}
.d-box-blue{
padding: 0.5em 1em;
margin: 1em 0.5em;
display: block;
line-height:2em;
background: white;
font-size:20px;
text-decoration: none;
text-align:center;
border-style:solid;
border-width:1px;
border-radius: 10px;
border-color:#0073a8;
color:#0073a8;
}
a.d-box-blue:hover {
background:#0073a8;
border-color:#0073a8;
border-width:3px;
color:white;
text-decoration:none;
}
.d-box-orange{
padding: 0.5em 1em;
margin: 1em 0.5em;
display: block;
line-height:2em;
background: white;
font-size:20px;
text-decoration: none;
text-align:center;
border-style:solid;
border-width:1px;
border-radius: 10px;
border-color:#ff8c00;
color:#ff8c00;
}
a.d-box-orange:hover {
background: #ff8c00;
border-color:#ff8c00;
border-width:3px;
color:white;
text-decoration:none;
}*/
/************************************************************
詳しく知りたい方 下のbox (各ページ共通)
*********************************************************
.common-box{
padding: 0.5em 1em;
margin: 0 0 2em 0;
background-color : white ;
border: solid 1px #a9a9a9;
/* border-left: double 7px #fff462;左線*/
/* border-right: double 7px #fff462;/*右線
}
.common-box p {
margin: 0;
padding: 0.8em;
font-size:0.9em;
line-height: 1.6em;
}
*/
/**************************************************************************************************************
TOPページ
**************************************************************************************************************/
/**********************************************************************
【TOPページ 】 どんな人が通ってるの 囲み枠と文字 (病名の緑角丸の枠) PC
***********************************************************************
.box-gr {
padding: 0.5em 1em;
margin: 0.5em 0.5em;
display: inline-block;
font-weight: bold;
color: #fff !important;/*文字色
background: #009635;
border: solid 3px #009635;/*線
border-radius: 10px;/*角の丸み
}
.box-gr p {
margin: 0;
padding: 0;
font-size:18px;
letter-spacing: 0.2em;
}
.link-deco a{
color:white !important;
text-decoration:none;
}*/
/************************************************************************
【TOPページ 】 どんな人が通ってるの 囲み枠と文字 (病名の緑角丸の枠) スマホ
***********************************************************************
.commuter-1 {
display: inline-block;
width:150px;
/* border: solid 1px;
}
.commuter-2 {
display: inline-block;
width:130px;
/* border: solid 1px;
}*/
/************************************************************
【TOPページ 】 どんな人が通ってるの 濃淡グリッド PC
***********************************************************
.grid-dark {
padding-top: 3em ;
margin: -3px;
width:25%;
height:10em;
display: inline-block;
vertical-align: middle;
font-weight: bold;
color: #fff;/*文字色
font-size:18px;
background: #009635;
border: solid 3px #009635;/*線
}
.grid-pale {
padding-top: 3em ;
margin: -3px;
width:25%;
height:10em;
display: inline-block;
vertical-align: middle;
font-weight: bold;
color: #fff;/*文字色
font-size:18px;
background: #44af35;
border: solid 3px #44af35;/*線
}
/*.grid-pale .grid-dark p {
padding-top: 100em;
}*/
/************************************************************
【TOPページ 】 どんな人が通ってるの 濃淡グリッド スマホ
************************************************************
.grid-dark-mb {
padding-top: 1em ;
margin: -3px;
width:50.5%;
height:5em;
display: inline-block;
vertical-align: middle;
font-weight: bold;
color: #fff;
font-size:18px;
background: #009635;
border: solid 3px #009635;
}
.grid-pale-mb {
padding-top: 1em ;
margin: -3px;
width:50%;
height:5em;
display: inline-block;
vertical-align: middle;
font-weight: bold;
color: #fff;
font-size:18px;
background: #44af35;
border: solid 3px #44af35;
}
*/
/**********************************************************************************************
【TOPページ 】 【お客様の声ページ 】 【医療・福祉関係の皆様へページ】
お客様の声 画像横の文字の回り込み禁止（画像の横に文字を整列）
**********************************************************************************************/
/*.client は、【TOPページ 】 の「お客様の声」 で使用
.client２は、【お客様の声ページ 】 で使用
.client2-mb は、【お客様の声ページ モバイル】 で使用
position: relative;
}
.client,.client2 {
padding: 0 0 0 100px;
position: relative;
}
.bg-1{
background: #e9f6e8; /*利用者背景色 薄緑
border: solid 3px #e9f6e8;
border-radius: 10px
}
.bg-2 {
background: #e1fafb;/*就職者背景色 水色
border: solid 3px #e1fafb;
border-radius: 10px
}
.bg-3 {
background: #fffcde;/*雇用主背景色 クリーム色
border: solid 3px #fffcde;
border-radius: 10px
}
.client img {
position: absolute;
left: 10px;
top: 10px;
}
.client2 img {
position: absolute;
left: 60px;
top: 20px;
}
.client p{
display:block;
padding-top: 15px;
padding-right:15px;
line-height:1.3em;
}
.client2 p{
display:block;
padding: 5px 15px 0px 60px;
}
.client2 h3{
display:block;
margin-bottom: -60px;
margin-left : 60px;
}
*/
/* 【お客様の声ページ 】 の利用者 「box・img・文字 」については上記を共有
.user {
background: #ffffff;
border: solid 2px #79c06e;
border-radius: 10px
}*/
/*【お客様の声ページ 】 の就職者 「box・img 文字 」については上記を共有*
.graduate {
background: #ffffff;
border: solid 2px #0071bc;
border-radius: 10px
}*/
/* 【お客様の声ページ 】 の雇用主 「box・img 文字 」については上記を共有*
.employed {
background: #ffffff;
border: solid 2px #F7931E;
border-radius: 10px
}*/
/* 【医療・福祉関係の皆様へページ 】 「box・ img 文字 」については上記を共有*
.medical {
background: #ffffff;
}
.medical p{
display:block;
padding: 0.2em;
}*/
/************************************************************
【お客様の声ページ モバイル】 (枠組み と bg-color は上記 を共有)
*********************************************************
.client2-mb {
padding: 15px;
position: relative;
}
.client2-mb img {
float : left;
margin : 10px;
/* padding-left: 10px;
padding-top: 10px;
}
.clearLeft {
clear: left;
}
.client2-mb p{
margin-top: 35px ;
font-size:18px;
font-weight : bold ;
}
/*.client2-mb h3{
padding-left: 10px;
padding-right: 10px;
}*/
/************************************************************
【TOPページ 】 ひゅーまにあを探す 背景の地図画像
*********************************************************
.map-img{
background-color: #E9F6E8; /* 背景色 */
background-image: url("/wp-content/Element-img/top/map_green.png"); /* 画像 */
background-size: cover; /* 全画面 */
background-attachment:fixed; /* 固定 */
background-position: center center; /* 縦横中央 */
}
.leminarie-img{
background-color: #d4d9dc; /* 背景色 */
background-image: url("https://le-mina-rie.com/wp-content/uploads/2020/02/top_header-01_150.jpg"); /* 画像 */
background-size: cover; /* 全画面 */
background-attachment:fixed; /* 固定 */
background-position: center center; /* 縦横中央 */
}*/
/*********************************************************************************************
【TOPページ 】 ひゅーまにあを探す 三列の左右余白設定 及び 事業所ページの「８つのプログラム」基本情報」
*********************************************************************************************
.column-width{
margin-left:13%;
margin-right:13%;
}*/
/******************************************************************
【TOPページ 】 「ひゅーまにあを探す」 折りたたみ 三角アイコンとタイトルのcss
ShortCodeUnimate の スポイラー機能の 接頭マーク変更用css
*******************************************************************/
/*スポイラータイトル*/
.su-spoiler-title {
position: relative;
cursor: pointer;
min-height: 10px;
line-height: 15px;
/*padding: 7px 7px 7px 34px;*/
/*padding: 7px 7px 7px 34px; */
font-weight: bold;
font-size: 15px!important;
color:black;
}
/*スポイラーのアイコン*/
.su-spoiler-icon-caret-square .su-spoiler-icon:before {
content: url("/wp-content/Element-img/top/triangle-01.png")!important;
content: '\f150';
}
.su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before {
content: url("/wp-content/Element-img/top/triangle-02.png")!important;
content: '\f152';
}
.su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon{
/* width: 0.5em!important;*/
width: 1em!important;
}
/***************************************************************************************************
各事業所ページ
****************************************************************************************************/
/**********************************************************************************
センター長メッセージ文の幅 (パンフレット請求サンクスページ リーフレットダウンロード でも使用)
***********************************************************************************/
.column-message{
margin-left:20%;
margin-right:20%;
}
/********************************************************
８つのプログラム スケジュール内容のカラーボックス
*********************************************************/
.prg-box{
padding:1em;
margin: 1em 0.5em;
/*font-weight: bold;*/
/*display: inline-block;*/
/* padding: 0.5em 1em;*/
border: solid 2px white !important;
border-radius: 10px;/*角の丸み*/
font-size:18px;
/* font-weight:bold; */
letter-spacing: 0.2em;
}
#box-1,#box-mb1{background-color: #9ED8F5;}
#box-2,#box-mb2{background-color: #B0DACA;}
#box-3,#box-mb3{background-color: #ffE8a9;}
#box-4,#box-mb4{background-color: #F8D2E2;}
#box-5,#box-mb5{background-color: #C1DA75;}
#box-6,#box-mb6{background-color: #C8BB9B;}
#box-7,#box-mb7{background-color: #EAE3C6;}
#box-8,#box-mb8{background-color: #DABEDA;}
.prg-box p {
margin: 0;
padding: 0.5em;
font-size:13px;
/* font-weight:bold; */
letter-spacing: 0.1em;
}
/*****************************************************************************************************
【各事業所ページ】 【お客様の声ページ】 【利用者アンケート】 続きを読む 開閉のCSS 〜８つのプログラム & お客様の声〜
******************************************************************************************************/
.rm-btn,
.quest-btn {
/* display: inline-block; */
padding: 0.2em;
color: #696969;
font-size:small;
margin-left:20px;
/* border: solid 1px #696969;
border-radius: 3px;
transition: .4s;*/
}
.voice-btn{
height:20px;
padding-left:60px;
color: #696969;
font-size:small;
}
/*.rm-btn:hover {
background: #696969;
color: white;
} */
/*[
* 「事業所ページ」8つのプログラム で使用*/
.rm-btn::before {
content: "概要を見る";
}
/*「お客様の声ページ」インタビュー で使用*/
.voice-btn::before {
/* background: url("/wp-content/Element-img/common/jyappi.png") no-repeat;*/
background: url("/wp-content/Element-img/common/logo_voc.png") no-repeat;
/* background-size: auto;*/
background-size: contain;
vertical-align: middle;
content: " インタビューを読む";
}
/*利用者アンケート 就職支援実績 で使用*/
.quest-btn::before {
content: "もっと見る";
}
/*プログラム・お客様の声・利用者アンケート・就職支援実績 共通*/
.rm-item,.voice-item,.quest-item {
position: relative;
overflow: hidden;
height: 0.01px; /*隠した状態の高さ*/
}
/*.rm-item::before {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 30px; グラデーションで隠す高さ
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
content: "";
}*/
/*プログラム・お客様の声・利用者アンケート・就職支援実績 共通*/
.rm-trigger,
.voice-trigger,
.quest-trigger{
display: none; /*チェックボックスは常に非表示*/
}
/*プログラム 閉じる*/
.rm-trigger:checked ~ .rm-btn::before{
content: "閉じる" /*チェックされていたら、文言を変更する*/
}
/*お客様の声 閉じる*/
.voice-trigger:checked ~ .voice-btn::before{
content: " 閉じる" /*チェックされていたら、文言を変更する*/
}
/*利用者アンケート・就職支援実績 閉じる*/
.quest-trigger:checked ~ .quest-btn::before{
content: " 閉じる" /*チェックされていたら、文言を変更する*/
}
/*プログラム・お客様の声・利用者アンケート・就職支援実績 共通*/
.rm-trigger:checked ~ .rm-item,
.voice-trigger:checked ~ .voice-item,
.quest-trigger:checked ~ .quest-item{
height: auto; /*チェックされていたら、高さを戻す*/
}
/*プログラム・お客様の声・利用者アンケート・就職支援実績 共通*/
.rm-trigger:checked ~ .rm-item::before,
.voice-trigger:checked ~ .voice-item::before ,
.quest-trigger:checked ~ .quest-item::before{
display: none; /*チェックされていたら、rm-itemのbeforeを非表示にする*/
}
/*インタビューBOX内の文字列 */
.voice-item p{
padding-left:60px;
padding-right:60px;
font-size:15px;
/* font-weight:bold; */
letter-spacing: 0.1em;
}
/******************************************************************************************
【各事業所ページ】 ８つのプログラム 左右の段（プログラムとスケジュール表）の頭揃え
*******************************************************************************************/
.height-alignment{
margin-top:3px!important;
}
/** ８つのプログラム 下の「プログラム内容」リンクの上余白 */
.program-link{
margin-left:20px;
}
/************************************************
【各事業所ページ】 事業所 基本情報の表
************************************************/
.info_table {
display: table;
/* table-layout: fixed;*/
border: 1px solid #a9a9a9;
border-top: 0px;
border-left: 0px;
}
.info_table p{
line-height: 1.3em;
}
.info_tr {
display: table-row;
}
.info_th,
.info_td {
display: table-cell;
padding:1em 0.6em 0em;
/* padding-bottom:0;*/
}
.info_th {
/* width:20%;*/
width: 18em;
border: 1px solid #a9a9a9;
border-right: 0px;
border-bottom: 0px;
}
.info_td {
width: 100em;
/* max-width: 100%;*/
/* background: #fff;*/
border: 1px solid #a9a9a9;
border-right: 0px;
border-bottom: 0px;
}
/**************************************************************************
【各事業所ページ】 モバイル用 「基本情報」 表 と 地図 の左右余白
***************************************************************************/
.column-mb{
margin-left:5%;
margin-right:5%;
}
/************************************************************
【各事業所ページ】 「お近くのひゅーまにあ」の画像入りボタン
*********************************************************/
a.btn-neighbor{
padding: 0.5em;
margin: 10px;
/*margin: 10px 0;*/
display: inline-block;
color: #fff !important;
background: #00913D;
text-decoration: none;/*リンク下線を表示しない*/
font-weight: bold;
font-size:16px;
border-radius: 10px;
text-align:center;
}
/* a.btn-neighbor:before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
margin: -3px 5px 0 0;
background: url("/wp-content/Element-img/common/jyappi.png") no-repeat;
background-size: contain;
background: url("/wp-content/Element-img/common/jyappi_voc.png") no-repeat;
vertical-align: middle;
}*/
a.btn-neighbor:hover {
background: #6FB83F;
}
/***************************************************************************************************
サポート体制
****************************************************************************************************/
/********************************************
「ステップ １〜５」 の 番号の円
*********************************************/
.circle{
display: inline-block;
width: 50px;
height: 50px;
border-radius: 50%;
text-align:center;
/* line-height: 50px;*/
margin-bottom : 0em;
}
/* 円の中に 文章を入れる場合はこちらを使用
.circle-text {
position: relative;
display: inline-block;
width: 150px;
height: 150px;
border-radius: 50%;
}
.circle-text span {
position: absolute;
display: inline-block;
padding-left: 5%;
padding-right: 10%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width :150px;
text-align:center;
}
*/
.circle p{
font-size:38px;
color:white;
font-weight:bold;
/*vertical-align :center;*/
text-align : center;
padding-bottom : 15px;
}
/*****************************************************************
「ステップ １〜５」 の 番号の円 「サポート」の緑・オレンジのタイトル帯 と共有
*******************************************************************/
.support-gr{
background:#009635;
}
.support-or{
background:#F7931E;
}
/************************************************************
「サポート」 画像の位置指定
*********************************************************/
.support-img{
margin:-2em 0 0 1em;
}
/***************************************************************************************************
企業様へ
****************************************************************************************************/
/*******************************************************************
【企業様へページ】 「理念」の枠 【福祉医療関係の皆様へページ】就労アセスメントの枠 【支援プログラム一覧ページ】
.mb-width は、モバイルの列幅で、各所に利用
********************************************************************/
.policy-width-mb ,
.mb-width{
margin-left:8%;
margin-right:8%;
}
.policy-box{
padding: 0.5em 2em;
margin: 0 0 2em 0;
background-color : white ;
}
.policy-box p{
padding:2em;
}
/*ロゴマークの余白*/
.logo-yohaku{
margin-top:0.7em;
margin-bottom:0.7em;
}
/***************************************************************************************************
福祉・医療関係の皆様へ
****************************************************************************************************/
/*******************************************************************
ご紹介の事例 帯の色
********************************************************************/
.belt-gr{
background-color:#009949;
}
.belt-red{
background-color:#E0542F;
}
.belt-bl{
background-color:#35A0CE;
}
.belt-br{
background-color:#BA9135;
}
.belt-gr h3,.belt-red h3,.belt-bl h3,.belt-br h3,.policy-box h3{
padding-top:0.1em;
padding-bottom:0;
}
/*箇条書きインデント*/
.indent{
padding-left: 1.5em;
text-indent: -1.6em;
line-height:1.3em;
}
/*******************************************************************
コサルティング列幅調整
********************************************************************/
.consult-width{
margin-left:10%;
margin-right:10%;
}
/******************************************
【Q＆Ａ ページ 】 書き出し位置インデントのCSS
********************************************/
/*Q&A 書き出し位置インデント*/
.qa-indent{
margin-left:3em;
text-indent:-3em;
}
.su-spoiler-title span{
color:#009635 !important;
}
/****************************************
/* フォーム */
/****************************************/
/*フォーム 必須 */
.must {
padding:1px;
background: #FF1A00;
color: white;
font-size: 65%;
vertical-align: top;
position: relative;
top: -0.1em;
border-radius: 3px;
}
/*フォーム フィールド幅 */
.field1{
display: block;
width: 13em;
}
.field2{
display: block;
width: 18em;
}
.field3{
display: block;
width: 23em !important;
}
@media (min-width: 751px) {.field4{
display: block;
width: 35em !important;
}}
/*フォーム 住所フィールド幅 */
.field-addr{
display:inline-block;
width: 8em;
margin-right:5px;
}
.field-area{
display:inline-block;
width: 15em;
margin-right:5px;
}
/*フォーム 段落間隔*/
.space{
line-height:2em;
}
/*フォーム注意書き クレパス線*/
.crepas-line{
background: linear-gradient(white, #ffb6c1);
}
/*アンケートのチェックボックス 頭揃え（モバイル）*/
#questionnaire-1,#type-1{
margin-left:10px !important;
}
/*郵送希望者のタイトル線*/
.form-subtitle{
display:inline-block;
padding: 8px 19px;
margin: 2em 0;
border-top: solid 5px green;
border-bottom: solid 5px green;
}
/*お問い合わせフォームの「確認」「送信」ボタン */
.contact-button {
background-color: green !important;
color: #ffffff !important;
/* border-style: solid; border-color:#abb1b5; border-width:3px;*/
}
.contact-button:hover {
background-color:#98d98e !important;
color:#006400 !important;
/* border-style: solid; border-color:#ffdc00; border-width:3px; */
}
/*********************************************************
/* フォーム で パンくず と フッター 非表示 */
/**********************************************************/
.page-id-36966 footer .sectionBox,.page-id-36968 footer .sectionBox,.page-id-36971 footer .sectionBox,.page-id-86 footer .sectionBox,.page-id-84 footer .sectionBox,.page-id-3392 footer .sectionBox,.page-id-372 footer .sectionBox,.page-id-3236 footer .sectionBox,.page-id-3240 footer .sectionBox,.page-id-1836 footer .sectionBox,.page-id-1838 footer .sectionBox,.page-id-1834 footer .sectionBox{
display:none !important;
}
.page-id-36966>.breadSection,.page-id-36968>.breadSection,.page-id-36971>.breadSection,.page-id-86>.breadSection,.page-id-84>.breadSection,.page-id-3392>.breadSection,.page-id-372>.breadSection,.page-id-3236>.breadSection,.page-id-3240>.breadSection,.page-id-1836>.breadSection,.page-id-1838>.breadSection,.page-id-1834>.breadSection{
display:none !important;
}
/*******************************************************************
ダウンロードマネージャー 不要部分の非表示設定
********************************************************************/
.list-group{display:none}
.card-body {text-align:center}
/*.media{
display:none !important;
}*/
/***************************************************************************************************
アンケートページ
****************************************************************************************************/
/*******************************************************************
黄色い囲み枠
********************************************************************/
.box-yellow {
padding: 0.5em;
margin:1.5em 0 0 0;
display: inline-block;
font-weight: bold;
color: black;/*文字色*/
background: yellow;
border: solid 1px black;/*線*/
}
.box-yellow p {
margin: 0;
padding: 0;
font-size:18px;
font-weight : bold;
letter-spacing: 0.1em;
}
hr.quest{
margin-top: 0.5em;
height: 1px;
background-color: black;
}
/* 文字色 */
.quest-gr{
color:#009635;
}
.quest-or{
color:#F7931E;
}
.quest-red{
color:#E51373;
}
.quest-bl{
color:#009FE8;
}
.mt5{
margin-top:5em;
}
/***************************************************************************************************
就職支援実績ページ
****************************************************************************************************/
/*******************************************************************
インデント（就職者数、定着率）
********************************************************************/
.p-tab1{
position: absolute;left: 12em;
}
.p-tab2{
position: absolute;left: 18em;
}
.occupation {
display: inline-block;
width:7em;
padding:0.2em ;
margin:0 0.5em 0.5em 0 ;
background: #009635;
color: white;
font-size: 18px;
letter-spacing :0.1em;
text-align: center;
}
/***************************************************************************************************
支援プログラム一覧
****************************************************************************************************/
/*******************************************************************
８つのプログラムの背景色
*******************************************************************
.program{
position: relative;
}*/
.prg-title{
padding: 0.5em 0 0.5em 1.5em;
margin-bottom:0.5em;
margin-top:1em;
/*font-weight: bold;*/
/*display: inline-block;*/
/* padding: 0.5em 1em;*/
border: solid 2px white !important;
border-radius: 10px;/*角の丸み*/
/* font-weight:bold; */
letter-spacing: 0.2em;
}
.prg-title-mb{
padding: 0.5em;
margin-top:1em;
border: solid 2px white !important;
border-radius: 10px;/*角の丸み*/
}
.prg-bg1{background-color: #9ED8F5}
.prg-bg2{background-color: #B0DACA;}
.prg-bg3{background-color: #ffE8a9;}
.prg-bg4{background-color: #F8D2E2;}
.prg-bg5{background-color: #C1DA75;}
.prg-bg6{background-color: #C8BB9B;}
.prg-bg7{background-color: #EAE3C6;}
.prg-bg8{background-color: #DABEDA;}
/*****************************************
【 テスト用】 動きのあるボタン （もっと知る）
******************************************/
.btn-animation-1 {
display: inline-block;
width: 500px;
text-align: center;
background-color: orange;
border: 2px solid orange;
font-size: 16px;
color: orange;
text-decoration: none;
font-weight: bold;
padding: 10px 24px;
border-radius: 4px;
position: relative;
}
.btn-animation-1 span {
position: relative;
z-index: 1;
}
.btn-animation-1::before,
.btn-animation-1::after {
content: "";
display: block;
background-color: #FFF;
width: 50%;
height: 100%;
position: absolute;
top: 0;
transition: .2s;
}
.btn-animation-1::before {
left: 0;
}
.btn-animation-1::after {
right: 0;
}
.btn-animation-1:hover:before,
.btn-animation-1:hover:after {
width: 0;
background-color: #FFF;
}
.btn-animation-1:hover {
color: #FFF;
}
/* トップページの利用者の声 */
.voc-txt{
display:block;
/* padding-left:1em;
padding-right:1.2em !important;
padding-bottom:1em;*/
padding : 0 1em 1em 1em;
letter-spacing: 0.1em;
}
.client h4{
margin:0;
padding:0;
line-height:1em !important;
}
/* トップページの支援の流れ（定着支援の囲み文字） */
.support {
padding:0 0.5em;
background: #F7931E;
color: white;
font-size: 85%;
border-radius: 3px;
}
#top-support img{
margin: 0.5em 0;
}
#top-support h4{
margin:0;
padding:0;
line-height:1.4em;
}
/* トップページのサポート事例*/
.jirei {
padding: 1em 5em 1.5em 1em;
position: relative;
}
.bg-jirei{
background: #FFFBED; /*利用者背景色 薄緑*/
border: solid 3px #FFFBED;
border-radius: 10px
}
.jirei h4{
margin:0;
padding:0;
line-height:1.4em;
}
.jirei img {
position: absolute;
right: 1em;
top: 1em;
}
hr.jirei-line{
height: 1px;
background-color: #009635;
}
/*トップページのコンタクトフォーム*/
.contact-box{
padding: 0.5em 2em;
margin: 0 10em 2em 10em;
background-color : white ;
}
.contact-mb-width{
margin-left:1em;
margin-right:1em;
}
.button{
text-align: center;
font-size:22px;
background-color: #228b22 !important;
border: solid 2px #006400;
color: #ffffff !important;
margin:1em !important;
}
/* Q＆Aページ 上部のアンカーリンクメニューの幅*/
.qa-width{
margin-left:16%;
margin-right:16%;
}
/* Q＆Aページ 上部のアンカーリンクのずれを直す PC*/
.qa_contents_inner {
padding-top: 180px !important;
margin-top:-180px !important;
}
/* Q＆Aページ 上部のアンカーリンクのずれを直す モバイル*/
.mb-qa_contents_inner {
padding-top: 80px !important;
margin-top:-80px !important;
}
/* 【CTA】 トップページ、企業様ページ、 医療福祉関係の皆様へ バナーのみ非表示 に、
* 「 .page-id-○○○○ #banner, .page-id-○○○○ #banner-mb 」 を追記すること！！
* -○○○○ は、トップページID
*
* 【フォーム で パンくず と フッター 非表示】 部分に、トップページ用の エラー、確認、サンクス のページIDを追記すること！
* */
/********************************************************************
TEL受付時間外の 【CTA】 モバイルフッターバナー (モバイルのみ)
**********************************************************************/
.wrap-2{
display: block;
position: fixed;
left: 0px;
right: 0px;
bottom: -25px;
/* height:75px;*/
z-index: 9999;
}
.inner-2{
float: left;
width: 50%;
margin-left : 10;
}
.cb{
/* floatを解除 */
clear: both;
}
/********************************************************************
ポップアップ用css
**********************************************************************/
.pop-box{
margin: 2em auto;
padding: 1em;
width: 90%;
background-color: #fff; /* 背景色 */
border: 1px solid #ccc; /* 枠線 */
}