@charset "UTF-8";
/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Copyright (c) Best Bridge LLC. All Rights Reserved.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Original source code and design structure.
Unauthorized reproduction prohibited.

閲覧・学習目的での参照は問題ありませんが、
本コードおよびデザイン構造の全部または一部を、
無断で複製・流用・再配布することを禁止します。

本コードは制作履歴・公開履歴・電子署名等により
権利保全を行っています。

本コード特有の
設計思想／構造設計／命名規則／記述順／レイアウト構成
には識別性があります。

一般的CSSとは異なる独自設計のため、
類似構造や類似記述は、
コード圧縮／難読化／改行変更／変数化後でも、
構造的特徴および設計パターンから
識別・照合可能です。

無断流用・模倣・構造複製が確認された場合、
利用停止要請・権利侵害通知・法的措置を含む
対応を行う場合があります。
*/

/*==============================================================
#fixed_up（ページ上部へ）
==============================================================*/
#fixed_up{
z-index:8000;
/*--*/
position:fixed;
bottom:10px;
right:5px;
/*--*/
display:block;
width:50px;
height:50px;
margin:0;
border:0;
border-radius:50px;
padding:0;
background-color:#FFF;
}

#fixed_up>a{
position:relative;
/*--*/
display:block;
width:50px;
height:50px;
margin:0;
border:0;
border-radius:50px;
padding:0;
background-color:#693;
}

#fixed_up>a>img{
position:relative;
/*--*/
display:block;
width:50px;
height:50px;
margin:0;
border:0;
padding:0;
}

/*==============================================================
#fixed_btn
==============================================================*/
#fixed_btn{
z-index:8000;
/*--*/
position:fixed;
bottom:10px;
right:75px;
/*--*/
display:block;
width:calc(36% - 75px);
min-height:50px;
margin:0;
border:0;
border-radius:50px;
padding:0;
background-color:#FFF;
}

@media screen and (max-width:1200px){
#fixed_btn{
z-index:8000;
/*--*/
position:fixed;
bottom:10px;
left:5%;
/*--*/
display:block;
width:calc(90% - 55px);
min-height:50px;
margin:0;
border:0;
border-radius:50px;
padding:0;
background-color:#FFF;
}
}

#fixed_btn>a{
position:relative;
/*--*/
display:flex;
width:100%;
min-height:50px;
margin:0;
border:0;
border-radius:50px;
padding:2px;
background-color:#693;
/*--*/
justify-content:center;
align-items:center;
line-height:1;
font-size:1rem;
font-weight:bold;
color:#FFF;
}

/*==============================================================
#fixed_btn_recruit
==============================================================*/
#fixed_btn_recruit{
display:none;
}

@media screen and (max-width:1200px){
#fixed_btn_recruit{
z-index:8000;
/*--*/
position:fixed;
bottom:10px;
left:5%;
/*--*/
display:block;
width:calc(90% - 55px);
min-height:50px;
margin:0;
border:0;
border-radius:50px;
padding:0;
background-color:#FFF;
}

#fixed_btn_recruit>a{
position:relative;
/*--*/
display:flex;
width:100%;
min-height:50px;
margin:0;
border:0;
border-radius:50px;
padding:2px;
background-image:linear-gradient(to right,#603356,#A75695);
/*--*/
justify-content:center;
align-items:center;
line-height:1;
font-size:0.9rem;
font-weight:bold;
color:#FFF;
}
}