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

Original source code and design structure.
Unauthorized reproduction prohibited.

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

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

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

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

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

/*==============================================================
section ul.list
==============================================================*/
section ul.list{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:0;
padding:0;
}

section ul.list>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:20px;
border:0;
padding:0 0 0 20px;
/*--*/
text-align:left;
line-height:1.6;
font-size:1rem;
font-weight:normal;
color:#333;
}

section ul.list>li::before{
position:absolute;
top:0;
left:0;
/*--*/
content:url(../img/all_icon_dot_gray.png);
}

/*==============================================================
section ul.doctor
==============================================================*/
section ul.doctor{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:0;
padding:0;
}

section ul.doctor>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:10px;
border:0;
padding:0;
/*--*/
text-align:left;
line-height:1.6;
font-size:1rem;
font-weight:bold;
color:#099;
}

section ul.doctor>li:nth-of-type(2){
color:#F60;/*オレンジ*/
}

/*==============================================================
section ul.table
==============================================================*/
section ul.table{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:solid 1px #CCC;
padding:0;
}

section ul.table>li{
position:relative;
/*--*/
display:flex;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
/*--*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
align-items:stretch;/*縦揃え*/
}

/*--------------------------------------------
section ul.table>li>span:nth-of-type(odd)
--------------------------------------------*/
section ul.table>li>span:nth-of-type(odd){
position:relative;
/*--*/
display:block;
flex-basis:30%;
height:auto;
margin:0;
border:solid 1px #CCC;
padding:20px 10px;
background-color:#EFEFEF;
/*--*/
text-align:left;
line-height:1.6;
font-size:1rem;
font-weight:bold;
color:#666;
}

@media screen and (max-width:700px){
section ul.table>li>span:nth-of-type(odd){
flex-basis:100%;
border-bottom:0;
}
}

/*--------------------------------------------
section ul.table>li>span:nth-of-type(even)
--------------------------------------------*/
section ul.table>li>span:nth-of-type(even){
position:relative;
/*--*/
display:block;
flex-basis:70%;
height:auto;
margin:0;
border:solid 1px #CCC;
padding:20px 10px;
background-color:#FFF;
/*--*/
text-align:left;
line-height:1.6;
font-size:1rem;
font-weight:normal;
color:#666;
}

@media screen and (max-width:700px){
section ul.table>li>span:nth-of-type(even){
flex-basis:100%;
border-top:0;
}
}

/*--------------------------------------------
section ul.table>li>div（更にul入れる場合）
--------------------------------------------*/
section ul.table>li>div{
position:relative;
/*--*/
display:block;
flex-basis:70%;
height:auto;
margin:0;
border:solid 1px #CCC;
padding:20px 10px;
background-color:#FFF;
/*--*/
text-align:left;
line-height:1.6;
font-size:1rem;
font-weight:normal;
color:#666;
}

@media screen and (max-width:700px){
section ul.table>li>div{
flex-basis:100%;
border-top:0;
}
}

/*==============================================================
section ul.step
==============================================================*/
section ul.step{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
}

section ul.step>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:0;
padding:0;
}

/*--------------------------------------------
section ul.step>li>span:nth-of-type(odd)
--------------------------------------------*/
section ul.step>li>span:nth-of-type(odd){
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:5px 5px 0 0;
padding:20px;
background-color:#F4F4F4;
/*--*/
text-align:left;
line-height:1.6;
font-size:1.4rem;
font-weight:bold;
color:#336699;
}

/*--------------------------------------------
section ul.step>li>span:nth-of-type(even)
--------------------------------------------*/
section ul.step>li>span:nth-of-type(even){
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:0 0 5px 5px;
padding:20px;
background-color:#F4F4F4;
/*--*/
text-align:left;
line-height:1.6;
font-size:1rem;
font-weight:normal;
color:#666;
}

/*==img==*/
section ul.step>li>span:nth-of-type(even)>img{
position:relative;
/*--*/
display:block;
max-width:100%;
height:auto;
margin:0;
border:0;
border-radius:50px 5px;
padding:0;
}

/*==============================================================
●section ul.menu_down(グレーボタン　下向き）
==============================================================*/
section ul.menu_down{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:0;
padding:0;
}

section ul.menu_down>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:20px;
border:0;
padding:0;
}

section ul.menu_down>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:5px;
padding:20px 10px 20px 36px;
background-color:#EFEFEF;
/*--*/
text-align:left;
line-height:1.6;
font-size:1rem;
font-weight:bold;
color:#666;
}

section ul.menu_down>li>a::before{
position:absolute;
top:20px;
left:10px;
content:url(../img/all_icon_arrow_down_orange.png);
}

/*==============================================================
●section ul.menu_right(グレーボタン　右向き）
==============================================================*/
section ul.menu_right{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:0;
padding:0;
}

section ul.menu_right>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:20px;
border:0;
padding:0;
}

section ul.menu_right>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:5px;
padding:20px 10px 20px 36px;
background-color:#EFEFEF;
/*--*/
text-align:left;
line-height:1.6;
font-size:1rem;
font-weight:bold;
color:#666;
}

section ul.menu_right>li>a::before{
position:absolute;
top:20px;
left:10px;
content:url(../img/all_icon_arrow_right_orange.png);
}

/*==============================================================
●section ul.menu_down_orange(オレンジボタン　下向き）
==============================================================*/
section ul.menu_down_orange{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:0;
padding:0;
}

section ul.menu_down_orange>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:20px;
border:0;
padding:0;
}

section ul.menu_down_orange>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:5px;
padding:20px 10px 20px 36px;
background-image:linear-gradient(to right,#F90,#FC0);
/*--*/
text-align:left;
line-height:1.6;
font-size:1rem;
font-weight:bold;
color:#FFF;
}

section ul.menu_down_orange>li>a::before{
position:absolute;
top:24px;
left:10px;
content:url(../img/all_icon_arrow_down_white.png);
}

/*==============================================================
●section ul.menu_right_orange(オレンジボタン　右向き）
==============================================================*/
section ul.menu_right_orange{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:0;
padding:0;
}

section ul.menu_right_orange>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:20px;
border:0;
padding:0;
}

section ul.menu_right_orange>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:5px;
padding:20px 10px 20px 36px;
background-image:linear-gradient(to right,#F90,#FC0);
/*--*/
text-align:left;
line-height:1.6;
font-size:1rem;
font-weight:bold;
color:#FFF;
}

section ul.menu_right_orange>li>a::before{
position:absolute;
top:24px;
left:10px;
content:url(../img/all_icon_arrow_right_white.png);
}

/*==============================================================
●section ul.menu_right_grn(グリンボタン　右向き）
==============================================================*/
section ul.menu_right_grn{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:0;
padding:0;
}

section ul.menu_right_grn>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:20px;
border:0;
padding:0;
}

section ul.menu_right_grn>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:5px;
padding:20px 10px 20px 36px;
background-image:linear-gradient(to right,#096,#6C6);
/*--*/
text-align:left;
line-height:1.6;
font-size:1rem;
font-weight:bold;
color:#FFF;
}

section ul.menu_right_grn>li>a::before{
position:absolute;
top:24px;
left:10px;
content:url(../img/all_icon_arrow_right_white.png);
}

/*==============================================================
●section ul.menu_down_purple(パープルボタン　下向き）
==============================================================*/
section ul.menu_down_purple{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:0;
padding:0;
}

section ul.menu_down_purple>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:20px;
border:0;
padding:0;
}

section ul.menu_down_purple>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:5px;
padding:20px 10px 20px 36px;
background-image:linear-gradient(to right,#F90,#FC0);
background-image:linear-gradient(to right,#603356,#A75695);
/*--*/
text-align:left;
line-height:1.6;
font-size:1rem;
font-weight:bold;
color:#FFF;
}

section ul.menu_down_purple>li>a::before{
position:absolute;
top:24px;
left:10px;
content:url(../img/all_icon_arrow_down_white.png);
}


/*==============================================================
●section ul.menu_banner（バナーボタン）
==============================================================*/
section ul.menu_banner{
position:relative;
/*--*/
display:flex;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
/*--*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
align-items:stretch;/*縦揃え*/
}

section ul.menu_banner>li{
position:relative;
/*--*/
display:block;
flex-basis:49%;
height:auto;
margin-bottom:30px;
border:0;
padding:0;
}

@media screen and (max-width:500px){
section ul.menu_banner>li{
flex-basis:100%;
}
}

section ul.menu_banner>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
}

section ul.menu_banner>li>a>img{
position:relative;
/*--*/
display:block;
max-width:100%;
height:auto;
margin:0;
border:0;
border-radius:10px;
padding:0;
}

/*==============================================================
●section ul.menu_job（仕事カードボタン）
==============================================================*/
section ul.menu_job{
position:relative;
/*--*/
display:flex;
width:100%;
height:auto;
margin-bottom:60px;
border:0;
padding:0;
/*--*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
align-items:stretch;/*縦揃え*/
}

section ul.menu_job>li{
position:relative;
/*--*/
display:block;
flex-basis:48%;
height:auto;
margin-bottom:40px;
border:0;
padding:0;
}

@media screen and (max-width:500px){
section ul.menu_job>li{
flex-basis:100%;
}
}

section ul.menu_job>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:solid 2px #EFEFEF;
border-radius:7px;
padding:20px 10px;
background-color:#F4F4F4;
}

section ul.menu_job>li>a>span.tagred{/*人気*/
z-index:10;
position:absolute;
top:10px;
right:10px;
/*--*/
display:block;
width:auto;
height:auto;
margin:0;
border:solid 3px #F90;
border-radius:50px;
padding:15px 10px;
background-color:#FFF;
/*--*/
text-align:center;
line-height:1.2;
font-size:1rem;
font-weight:bold;
color:#F90;
}

section ul.menu_job>li>a>h4{/*職種*/
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:10px;
border:0;
padding:0;
/*--*/
text-align:left;
line-height:1.6;
font-size:1.1rem;
font-weight:bold;
color:#333;
}

section ul.menu_job>li>a>p.salary{/*給与*/
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:10px;
border:0;
padding:0;
/*--*/
text-align:left;
line-height:1.6;
font-size:1rem;
font-weight:bold;
color:#666;
}

section ul.menu_job>li>a>p.remarks{/*備考*/
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:10px;
border:0;
padding:0;
/*--*/
text-align:left;
line-height:1.6;
font-size:1rem;
font-weight:bold;
color:#F90;
}

section ul.menu_job>li>a>p.tagbox{/*タグbox*/
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:10px;
border:0;
padding:0;
}

section ul.menu_job>li>a>p.tagbox>span{/*タグ*/
position:relative;
/*--*/
display:inline-block;
width:auto;
height:auto;
margin:0 5px 5px 0;
border:0;
border-radius:5px;
padding:5px 10px;
background-color:#999;
/*--*/
text-align:center;
line-height:1.2;
font-size:0.9rem;
font-weight:bold;
color:#FFF;
}

section ul.menu_job>li>a>p.btn{/*ボタン*/
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:5px;
padding:15px 10px;
background-image:linear-gradient(to right,#F60,#F90);
/*--*/
text-align:center;
line-height:1.6;
font-size:1.1rem;
font-weight:bold;
color:#FFF;
}