@charset "utf-8";

/*---------------------------------------------
	Reset
  ---------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,th,td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q,blockquote {
    quotes: none;
}

q:before,q:after,blockquote:before,blockquote:after {
    content: "";
    content: none;
}

a img {
    border: none;
}
a {
	text-decoration:none;
	color:#F39C55;
	font-weight:normal !important;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
    display: block;
}


/*---------------------------------------------
	jQuery Mobile CSS Over Write
  ---------------------------------------------*/

.ui-btn-inner {
	border-top:solid 0 #fff;
}
.ui-select div{
	text-align:left !important;
}
.ui-select .ui-btn-inner{
	background:#eeeeee;
}

.ui-content {
	padding:0;
	background:#ffffff !important;}
	
.cont_top {
	background:#D9ECBF !important;}

.ui-header {
	padding:5px !important;
	margin:0 !important;
}

.ui-header .ui-title {
	margin:0;
	text-align:left;
	padding:5px !important;
}

.ui-header>.ui-btn-icon-notext {
	top:16px;
}

/*---------------------------------------------
	Font
  ---------------------------------------------*/

.f0 {font-size: 0;line-height: 0;}
.f80 {font-size: 0.8em;line-height: 1.4em;}
.f120 {font-size: 1.2em;line-height: 1.4em;}
.f140 {font-size: 1.4em;line-height: 1.4em;}
.fw {font-weight: bold;}
.red {color:#F93253;}
.gray {color:#999;}

/*---------------------------------------------
	Style etc...
  ---------------------------------------------*/

.skip {position:absolute;top:-9999px;left:-9999px;}
.clr {clear:both;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.fl {float:left;}
.fr {float:right;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.line1 {padding:10px 0;}

/*---------------------------------------------
	ClearFix
  ---------------------------------------------*/

ul.fbox li,
ol.fbox li {float:left;display:inline;}

/* modern browsers */
.clearfix:after, 
.wrapper:after, 
.fbox:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

/* IE7 */
.clearfix, 
.wrapper, 
.fbox {display:inline-block;}

/* legacy IE */
* html .clearfix,
* html .wrapper, 
* html .fbox {height:1%;}

.clearfix, 
.wrapper, 
.fbox {display:block;}

/*---------------------------------------------
	Base
  ---------------------------------------------*/

body {
    font-family: "sqmarket","HelveticaNeue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.57143em;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

h1:before {
	content:"";
}

h1 a:link,
h1 a:visited {
	color:#444 !important;
}
.container {
	padding: 0 15px;
}

.contents_title {
	padding:8px 0;
	font-weight:bold;
	line-height:1.5em;
	text-align:center;
	color:#fff;
	border-top:solid 1px #D9ECBF;
	border-bottom:solid 1px #D9ECBF;
	background:#B3C894;
}

.heading1 {
	margin-bottom:15px;
	font-size:124%;
	line-height:1.8em;
	color:#59A4D1;
	font-weight:bold;
	border-bottom:1px #59A4D1 dashed;
	padding-bottom:10px;

}

.heading2 {
	margin-bottom:15px;
	font-size:142%;
	line-height:1.8em;
	color:#59A4D1;
	font-weight:bold;
	border-bottom:2px #59A4D1 dotted; 
}
.heading3 {
	margin-bottom:5px;
	font-size:124%;
	line-height:1.8em;
	color:#444444;
	font-weight:bold;
}
.heading4 {
	margin-bottom:15px;
	font-size:116%;
	line-height:1.8em;
	color:#614e4e;
	font-weight:bold;
	border-left:15px #E8E6C9 solid;
	padding:10px;
	background:#F1EFD6;
}
.content_inner {
	margin:10px 15px 20px;
}

/*---------------------------------------------
	Image
  ---------------------------------------------*/
.top_visual {
	line-height: 1;
}
div.top_visual img{
	width:100%;
	border-bottom: #CCCCCC solid 5px;
}
div.greeting_photo {
	text-align:center;
	margin:auto;
}
div.greeting_photo img{
	width:90%;
	border: #FFC600 solid 5px;
	margin:0 auto 10px;
	border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;

}

/*---------------------------------------------
	Footer
  ---------------------------------------------*/

footer {
    background: #D9ECBF;
}

footer h3 {
}

.ft_tel {
    margin:0 0 5px 0;
    font-size:2.2em;
}

footer p.copy {
    padding:15px 0;
    font-size:0.8em;
    line-height:2em;
    text-align:center;
    color:#ffffff;
    background:#2286C1;
}
.copy a{
    color:#ffffff !important;
}

.sns_set {
	overflow:hidden;
	padding:0px 10px;
	margin:5px 0;
}
.sns_set img{
	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
.sns_set ul{
}
.sns_set li{
	padding:0 5px;
	margin:0;
	display:block;
	width:50%;
	float:left;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
.sns_set li a{
	padding:0;
	display:block;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}

footer p.smp {
    padding:5px 0 !important;
    font-size:0.8em;
    text-align:center;
    color:#ffffff;
    background:#CCCCCC;
}

footer p.smp a{
    color:#ffffff !important;
	text-decoration:underline;
}

.sp-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #ccc;
    z-index: 10;
    width: 60%;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    &.is-open {
        transform: translateX(0);
    }
    .sp-menu-list {
        >li {
            position: relative;
			list-style-type: none;
			margin: 0;
            & + li {
                border-top: 1px solid #939393;
            }
            &:last-child {
                border-bottom: 1px solid #939393;
            }
            &.sp-menu-list-ttl {
                background-color: #666;
                color: #fff;
                padding: 10px 15px;
                font-size: 14px;
                font-weight: bold;
            }
            .sp-menu-icon {
                width: 10px;
                display: block;
                margin-left: auto;
                position: absolute;
                right: 15px;
                top: 50%;
                transform: translate(-50%, -50%);
            }
            .sp-menu-list-close {
                position: relative;
                border: none;
                background-color: transparent;
                font-size: 16px;
                font-weight: 500;
                color: #2f3e46;
                display: block;
                padding: 10px 15px;
                width: 100%;
                text-align: left;
            }
            >a {
                display: block;
                padding: 10px 15px;
                text-decoration: none;
                font-size: 16px;
                font-weight: 500;
                color: #2f3e46;
                position: relative;
                &::before {
                    content: "";
                    display: block;
                    width: 5px;
                    height: 5px;
                    border-top: 3px solid #fff;
                    border-right: 3px solid #fff;
                    position: absolute;
                    right: 15px;
                    top: 50%;
                    transform: translate(-50%, -50%) rotate(45deg);
                }
            }
        }
    }
}

/*---------------------------------------------
	Top
  ---------------------------------------------*/
.top_button {
	padding: 14px 0;
}
.greeting {
	margin:26px 0 0 0;
	padding:15px;
	background:#ffffff;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;

}
.bnr_list {
	margin:20px 0 -5px;
	text-align:center;
}
.bnr_list img {
	width:50%;
	margin:0 auto;
	padding:0;
}
.bnr_list span{
}

/*---------------------------------------------
	Service
  ---------------------------------------------*/
#block_service section{
	padding:20px 20px 20px 130px;
	margin:10px 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

#unit_service01 {
	background: #A2D4F4;
	background-image: url(../images/2/service/ph_01.png);
	background-repeat: no-repeat;
	background-position:-25px -25px;
	overflow: auto;
}

#unit_service02 {
	background: #d4f4a2;
	background-image: url(../images/2/service/ph_02.png);
	background-repeat: no-repeat;
	background-position:-25px -25px;
	overflow: auto;
}
#unit_service03 {
	background: #FFC8C8;
	background-image: url(../images/2/service/ph_03.png);
	background-repeat: no-repeat;
	background-position:-25px -25px;
	overflow: auto;
}
#unit_service04 {
	background: #FFE1C4;
	background-image: url(../images/2/service/ph_04.png);
	background-repeat: no-repeat;
	background-position:-25px -25px;
	overflow: auto;
}
#unit_service05 {
	background: #FFC;
	background-image: url(../images/2/service/ph_05.png);
	background-repeat: no-repeat;
	background-position:-25px -25px;
	overflow: auto;
}
#unit_service06 {
	background: #E6FFB5;
	background-image: url(../images/2/service/ph_06.png);
	background-repeat: no-repeat;
	background-position:-25px -25px;
	overflow: auto;
}


#unit_service07 {
	background: #BCFFD4;
	background-image: url(../images/2/service/ph_07.png);
	background-repeat: no-repeat;
	background-position:-25px -25px;
	overflow: auto;
}

#unit_service08 {
	background: #C1F5FF;
	background-image: url(../images/2/service/ph_08.png);
	background-repeat: no-repeat;
	background-position:-25px -25px;
	overflow: auto;
}

#unit_service09 {
	background: #A2D4F4;
	background-image: url(../images/2/service/ph_09.png);
	background-repeat: no-repeat;
	background-position:-25px -25px;
	overflow: auto;
}

#unit_service10 {
	background: #d4f4a2;
	background-image: url(../images/2/service/ph_10.png);
	background-repeat: no-repeat;
	background-position:-25px -25px;
	overflow: auto;
}
#unit_service11 {
	background: #FFC8C8;
	background-image: url(../images/2/service/ph_11.png);
	background-repeat: no-repeat;
	background-position:-25px -25px;
	overflow: auto;
}
#unit_service12 {
	background: #FFE1C4;
	background-image: url(../images/2/service/ph_12.png);
	background-repeat: no-repeat;
	background-position:-25px -25px;
	overflow: auto;
}
#unit_service13 {
	background: #FFC;
	background-image: url(../images/2/service/ph_13.png);
	background-repeat: no-repeat;
	background-position:-25px -25px;
	overflow: auto;
}
#unit_service14 {
	background: #E6FFB5;
	background-image: url(../images/2/service/ph_14.png);
	background-repeat: no-repeat;
	background-position:-25px -25px;
	overflow: auto;
}


#block_service section p{
	margin-top:10px;
}
.ttl_A {
	font-weight:bold;
	font-size:146%;
	padding-bottom:10px;
	border-bottom:#FFF dashed 1px;
}

/*---------------------------------------------
	Staff
  ---------------------------------------------*/

.stafflist_name {
	margin:15px 0 6px 0;
}

p.stafflist_rome {
	font-size:0.6em;
}

.staff_card {
	overflow: hidden;
	background:#f6f6f6;
	padding:20px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.staff_name {
	font-size:114%;
	text-align:center;
	margin:1.0% 0 4.0%;
	padding:2.0%;
	background:#FFF;
	border:2px dotted #F39C55;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
	font-weight:bold;
}

.staff_romename {
	font-size:86%;
	color:#F39C55;
	margin-left:10px;
}

.staff_card img{
	width:100%;
	border: 1px solid #CCC;
}
dl.dl_A{
	overflow: hidden;
}
dl.dl_A dt{
	float:left;
	margin:0.6% 1% 0.6% 0;
	padding:1% 0;
	display:block;
	width:35%;
	text-align:center;
	background: #B3C894;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
    font-size: 12px;
	font-weight:bold;
	clear:both;
	color:#FFFFFF;
}

dl.dl_A dd{
	border-bottom:1px dotted #F39C55;
	float:right;
	margin:0.6% 0;
	padding:1%;
	display:block;
	width:56%;
}

/*---------------------------------------------
	Company
  ---------------------------------------------*/

dl.comp_profile {
	margin:0;
}

	dl.comp_profile dt {
		margin-top:10px;
		margin-bottom:5px;
		font-weight:bold;
		color:#F39C55;
		font-size:114%;
	}

	dl.comp_profile dd {
		padding-top:5px;
		padding-bottom:10px;
		font-size:1.2em;
		border-bottom: dotted 1px #F39C55;
		font-size:100%;
	}
li {
	list-style-type:circle;
	margin-left:20px;
	
}
/*---------------------------------------------
	Inquiry
  ---------------------------------------------*/

dl.inq_form {
	margin:0;
	border-top:solid 1px #ddd;
}

	dl.inq_form dt {
		padding-top:5px;
	}

	dl.inq_form dd {
		padding:0 0 10px 0;
		font-size:1.2em;
		border-bottom:solid 1px #ddd;
	}



/*---------------------------------------------
	Plugin
  ---------------------------------------------*/

/* Adjust the width of the left reveal menu.
Copy all CSS from jquery.mobile.panel.css and delete the properties other than width, left, right and transform.
Then delete the selectors/rules for display modes (reveal/push/overlay) and the position (left/right) that you don't use.
If you don't use fixed toolbars on your page you can delete those selectors as well.
Narrow the scope of the selectors to prevent other panels being affected by the overrides. */
.ui-panel,
.ui-panel-inner {
}
.ui-panel li a{
}

#demo-page #left-panel.ui-panel {
    width: 15em;
}
#demo-page #left-panel.ui-panel-closed {
    width: 0;
}
#demo-page .ui-panel-position-left.ui-panel-display-reveal {
    left: 0;
}
#demo-page .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
    left: 15em;
    right: -15em;
}
#demo-page .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal {
    left: 0;
    right: 0;
    -webkit-transform: translate3d(15em,0,0);
    -moz-transform: translate3d(15em,0,0);
    transform: translate3d(15em,0,0);
}
/* Combined listview collapsible menu. */
/* Unset negative margin bottom on the listviews. */
#left-panel .ui-panel-inner > .ui-listview { margin-bottom: 0; }
/* Unset top and bottom margin on collapsible set. */
#left-panel .ui-collapsible-set { margin: 0; }
/* The first collapsible contains the collapsible set. Make it fit exactly in the collapsible content. */
#left-panel .ui-panel-inner > .ui-collapsible > .ui-collapsible-content { padding-top: 0; padding-bottom: 0;  border-bottom: none; }
/* Remove border top if a collapsible comes after a listview. */
#left-panel .ui-panel-inner  > .ui-collapsible > .ui-collapsible-heading .ui-btn,
#left-panel .ui-collapsible.ui-first-child .ui-collapsible-heading .ui-btn { border-top: none; }
/* Give the first collapsible heading the same padding, i.e. same height, as the list items. */
#left-panel .ui-collapsible-heading .ui-btn-inner { padding: .7em 40px .7em 15px; }
/* Give the other collapsible headings the same padding and font-size as the list divider. */
#left-panel .ui-collapsible-set .ui-collapsible-heading .ui-btn-inner { padding: .5em 40px .5em 15px; font-size: 14px; }
/* Styling of the close button in both panels. */
#demo-page .ui-panel-inner > .ui-listview .ui-first-child {
    background: #eee;
}

.ui-listview li a{
	padding:20px 0;
}
/* Reveal menu shadow on top of the list items */
#demo-page .ui-panel-display-reveal {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#demo-page .ui-panel-content-wrap-position-left {
    -webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
    -moz-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
    box-shadow: -5px 0px 5px rgba(0,0,0,.15);
}
/* Use the ui-body class of your page theme (ui-body-d in this demo) to set a background image.
This class will be added to the content wrapper, while the page itself gets the same background
as the panel before opening the panel. */
#demo-page .ui-body-d {
    background-image: url(../../_assets/img/bg-pattern.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}
/* Styling of the page contents */
.article p {
    margin: 0 0 1em;
    line-height: 1.5;
}
.article p img {
    max-width: 100%;
}
.article p:first-child {
    text-align: center;
}
.article small {
    display: block;
    font-size: 75%;
    color: #c0c0c0;
}
.article p:last-child {
    text-align: right;
}
.article a.ui-btn {
    margin-right: 2em;
    -webkit-border-radius: .4em;
    border-radius: .4em;
}
@media all and (min-width:769px) {
    .article {
        max-width: 994px;
        margin: 0 auto;
        padding-top: 4em;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
    }
    /* Fix for issue with buttons and form elements
    if CSS columns are used on a page with a panel. */
    .article a.ui-btn {
        -webkit-transform: translate3d(0,0,0);
    }
}


.site_info {
	background:#ffffff;
	padding:15px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	margin:10px;

}
.error {
	color:red;
	font-size:80%;
}
h4 {
	font-size:90%;
}
.top_button {
	text-align:center;
	width : 100%;
}
.top_button ul{
	overflow:hidden;
	margin:auto;	
	display:block;
	width : 100%;
}
.top_button li{
	float: left;
	width: 48%;
	margin-left:0 !important;
	text-align:center;
	list-style:none;
	line-height:180%;

}
.top_button li:nth-child(1) a{
	background:#F39C55 url(../images/ico_01.png) no-repeat 50% 26%;
	padding-top:30px;
}
.top_button li:nth-child(2) a{
	background:#F39C55 url(../images/ico_02.png) no-repeat 50% 26%;
	padding-top:30px;
}

.top_button li:nth-child(2){
	float: right;
}
.top_button li a{
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	color:#FFF !important;
	display:block;
	padding:10px 0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0px solid #000000;
}
.top_button li:nth-child(1) a:hover{
	background: #f5af77 url(../images/ico_01.png) no-repeat 50% 26%;
}
.top_button li:nth-child(2) a:hover{
	background: #f5af77 url(../images/ico_02.png) no-repeat 50% 26%;
}

.button_A{
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	color:#FFF !important;
	display:block;
	padding:15px 0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0px solid #000000;
	background: #F39C55;
	font-size:114%;
}
:hover.button_A{
	background: #f5af77;
}
.ico_02 {
	display: inline-block;
	line-height:24px;
	padding-right:5px;
}

.fon_A li a{
	font-size:100% !important;
	padding:15px !important;
}

h1.ui-title img {
	width:60% !important;

}
.ui-li-thumb {
	padding:4px;
}

/*---------------------------------------------
	policy
  ---------------------------------------------*/
  #policy h3{
	margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #F39C55;
    font-size: 114%;
}
#policy .list_nomark li{
	list-style-type: none;
	margin-left: 10px;
}
.contact-sub {
	margin-top: 30px;
}
.contact-link-btn {
	display: block;
    padding: 20px 0;
    text-align: center;
    color: #FFFFFF !important;
    background: #f39c55;
    text-decoration: none;
	width: 100%;
	margin: 30px auto 0 auto;
}

.sp-header {
    position: relative;
    padding: 14px 10px;
	border-bottom: 1px solid #ddd;
    .sp-header-logo {
        display: block;
        width: 236px;
        img {
            width: 100%;
            display: block;
        }
    }
    .menu-btn {
        border: none;
        position: absolute;
        top: 50%;
        right: 6px;
        width: 26px;
        height: 26px;
        background-color: #F39C55;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translateY(-50%);
        .menu-bar {
            width: 10px;
            height: 2px;
            background-color: #fff;
            display: block;
            position: absolute;
            left: 50%;
            transform: translate(-50%, -50%);
            &::before, &::after {
                content: "";
                display: block;
                width: 10px;
                height: 2px;
                background-color: #fff;
                position: absolute;
                left: 0;
                right: 0;
            }
            &::before {
                top: -4px;
            }
            &::after {
                bottom: -4px;
            }
        }
    }
}
.footer-sp {
    margin-top: 40px;
    .navbar {
        >ul {
            display: flex;
            >li {
                width: calc(100% / 3);
				margin: 0;
				list-style-type: none;
                & + li {
                    border-left: 1px solid #fff;
                }
                >a {
                    background-color: #F39C55;
                    color: #fff;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                    text-decoration: none;
                    padding: 10px 0;
                    font-size: 12px;
                    >span {
                        display: block;
                        >img {
                            width: 12px;
                        }
                    }
                }
            }
        }
    }
}
.footer-conv-area {
    padding: 15px 15px 30px 15px;
    .footer-conv-area-tel {
        border-bottom: 1px solid #d5d5d5;
        display: flex;
        gap: 15px;
        flex-direction: column;
        padding-bottom: 30px;
        >h3 {
            text-align: center;
        }
        >p {
            text-align: center;
        }
    }
    .footer-conv-area-tel-link {
        color: #5BB0E9;
        font-weight: bold;
        display: block;
        text-align: center;
        font-size: 30px;
    }
    .footer-conv-area-web-link {
        display: block;
    }
    .footer-conv-area-address {
        border-top: 1px solid #ccc;
        padding-top: 30px;
    }
}
.menu-list {
    border-top: 1px solid #ccc;
    .list-item {
		padding: 0;
		margin: 0;
		list-style-type: none;
        & + li {
            border-top: 1px solid #fff;
        }
        >a {
            background-color: #F39C55;
            color: #fff;
            text-decoration: none;
            display: block;
            padding: 15px 15px;
            font-weight: bold;
            font-size: 16px;
            position: relative;
            &::before {
                content: "";
                display: block;
                width: 5px;
                height: 5px;
                border-top: 3px solid #fff;
                border-right: 3px solid #fff;
                position: absolute;
                right: 15px;
                top: 50%;
                transform: translate(-50%, -50%) rotate(45deg);
            }
        }
        &.menu-txt {
            padding: 7px 15px;
            background-color: #fff;
            color: #000;
            font-weight: bold;
        }
    }
}

.staff-list-section {
    & + section {
        margin-top: 20px;
    }
}
.staff-list-note {
    margin-top: 10px;
}
.staff-list-wrapper {
    border-radius: 6px;
    overflow: hidden;
    border: 2px solid #F39C55;
    margin-top: 14px;
}
.staff-list {
    .staff-list-item {
        list-style-type: none;
        margin: 0;
        & + li {
            border-top: 2px solid #F39C55;
        }
        .staff-list-thumb-box {
            overflow: hidden;
            /* >img {
                scale: 1.4;
                transform: translateY(10px);
            } */
        }
        .staff-list-link {
            display: block;
            text-decoration: none;
            background-color: #F39C55;
            color: #fff;
            display: flex;
            align-items: center;
            gap: 16px;
            position: relative;
            &::before {
                content: "";
                display: block;
                width: 5px;
                height: 5px;
                border-top: 3px solid #fff;
                border-right: 3px solid #fff;
                position: absolute;
                right: 15px;
                top: 50%;
                transform: translate(-50%, -50%) rotate(45deg);
            }
            .staff-list-image {
                display: block;
                width: 80px;
                height: 80px;
                object-fit: cover;
            }
            .staff-list-name {
                font-size: 16px;
                font-weight: bold;
            }
            .staff-list-rome {
                font-size: 10px;
            }
        }
    }
}
.staff-detail-block {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    overflow: auto;
    border-radius: 6px;
    box-shadow: 0 0 20px #0003;
    box-sizing: border-box;
    padding: 20px;
    &.modal-open {
        display: block;
    }
}
.modal-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: #002c498a;
    z-index: 9998;
    &.open {
        display: block;
    }
}
.close-modal-btn {
    display: block;
    margin: 32px auto 0 auto;
    padding: 0.7em 2.5em;
    font-size: 1.1em;
    font-weight: bold;
    color: #fff;
    background-color: #F39C55;
    border: none;
    border-radius: 28px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    cursor: pointer;
    transition: background 0.2s, transform 0.1s, box-shadow 0.2s;
    letter-spacing: 0.08em;
    outline: none;
    min-width: 140px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.10);
}