/*—————————–
font
——————————-*/
body{
font-family: “TBUDゴシック R” !important;
}
body{
font-family: “TBUDゴシック R” !important;
}
h1,h2,h3,h4{ font-family: “見出ゴMB31″ !important;}
/*—————————–
見出し
——————————-*/
.top_h2_main {
display: inline-block;
font-size: 1.3em;
/*———————-
color: #0066D4;
background: -webkit-linear-gradient(
0deg
, #1691D9, #005a8d);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
——-*/
color: #005A8D;
font-weight: bold;
}
.top_h2_sub {
display: block;
font-size: .65em;
color: #666666;
}
.content-innerlead h1 {
text-shadow: none;
}
/*——————————–
見出し（固定ページ）
——————————–*/
.kotei-midashi{
font-size: 1.5em;/* フォントサイズ */
font-weight: bold;/* フォント太さ */
padding-top: .5em;
padding-bottom: .5em;
margin-bottom: 2em;
position: relative;
border-bottom: solid 3px #e3e3e2;/* 線 */
color:#005A8D;/* フォント色 */
}
.kotei-midashi:after {
position: absolute;
content: ” “;
display: block;
border-bottom: solid 3px #005A8D;
width: 15%;
bottom: -3px;
}
/*—————————–
NEWS
——————————-*/
#tmp_information_cnt .info_row {
border-top: 1px solid #CCCCCC;
}
#tmp_information_cnt span {
display: inline-block;
position: relative;
padding: .4em 1em;
}
#tmp_information_cnt .info_cate:after {
content: “お知らせ”;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
width: 10em;
height: 1.4em;
color: #5f5f5f;
border: 1px solid #aaa;
}
#tmp_information_cnt span {
display: inline-block;
position: relative;
padding: .4em 1em;
}
#tmp_information_cnt span:nth-child(1) {
width: 8em;
}
#tmp_information_cnt span:nth-child(2) {
min-width: 12em;
}
#tmp_information_cnt span {
padding: .2em 0;
}
#tmp_information_cnt span:nth-child(3) {
display: block;
}
#tmp_information_cnt .info_row:last-child {
border-bottom: 1px solid #CCCCCC;
}
/*—————————–
ボタン
——————————-*/
.button-area{
margin:3em 0 0 0;
height:8vh;
}
.btn,
a.btn,
button.btn {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #212529;
border-radius: 0.5rem;
}
a.btn–pink.btn–cubic {
color:#fff;
background-color:#FF96AD;
border-bottom: 5px solid #9f000c;
}
a.btn–pink.btn–cubic:hover {
margin-top: 3px;
border-bottom: 2px solid #9f000c;
}
a.btn–blue.btn–cubic {
color:#fff;
background-color:#005A8D;
border-bottom: 5px solid #9f000c;
}
a.btn–blue.btn–cubic:hover {
margin-top: 3px;
border-bottom: 2px solid #004973;
}
a.btn–radius {
border-radius: 100vh;
}
.fa-position-right {
position: absolute;
top: calc(50% – .5em);
right: 1rem;
}
/*—————————–
* 余白
——————————-*/
.spacing-1{
margin:10px 0;
height:3em
}
.spacing-2{
margin:10px 0;
height:6em
}
/*—————————–
* 枠
——————————-*/
.line-box {
padding: 0.5em 1em;
margin: 2em 0;
font-weight: bold;
color: #6091d3;/*文字色*/
background: #FFF;
border: solid 3px #005A8D;/*線*/
border-radius: 10px;/*角の丸み*/
}
.line-box p {
color:#36363C;
margin: 0 auto;
padding: 0;
}
/*—————————–
*表
——————————*/
.table-wrap{
margin:2em;
}
table{
box-sizing: border-box;
border-collapse:collapse;
margin: 0 auto;
text-align: center;
width: 100%;
}
table th,
table td{
border-bottom: 2px solid #f0f0ee;
padding: 1em;
font-size:1.2em;
text-align:left;
}
table th{
font-weight:bold;
border-bottom: 2px solid #d7d7d5;
width:220px;
padding:24px 0px;
color:#000;
font-size:1.2em;
}
@media (max-width: 650px) {
table th,
table td{
display: block;
}
table th{
width:auto;
border-style:none;
}
}
/*——————————-
固定ページ
* ——————————*/
/*———————————
全般
———————————*/
.spacing{
margin:3em;
}
/*———————————
メニュー
———————————*/
.awsome-13{
color: #FF96AD;
transition: all 0.3s ease 0s;
}
.index-an:hover .awsome-13{
color: #005A8D;
}
.awsome-24{
color: #005A8D;
transition: all 0.3s ease 0s;
}
.index-an:hover .awsome-24{
color: #FF96AD;
}
h3{font-size:1.5em}
.index-menu{
width:22%;
margin:1em;
border:1px solid;
text-align:center;
font-size:1.2em;
}
@media only screen and (max-width: 720px){
.index-menu{
width:45%;
margin:0.5em;
border:1px solid;
text-align:center;
}
}
.index-an{
transition: all 0.3s ease 0s;
}
.index-an:hover {
transform: translateY(-0.1875em);
background-color:#E3E3E3;
color: #6C6C6C;
}
/*———————————
ご挨拶
———————————*/
.greeting-wrap{
width:100%;
}
.greeting-back{
border:1px solid;
padding:2em 2em 0em 2em;
}
figure img {
max-width: 100%;
}
.float_none {
clear: both;
}
/*———————————
会社概要
———————————*/
.corp-index-wrap{
width:100%;
}
.corp-index-back{
padding:2em 2em 0em 2em;
}
/*———————————
ワークライフバランス
———————————*/
.worklife-wrap{
padding:5em
}