@charset "utf-8";
/*
Theme Name: eye.gifu.med
Template Post Type: page
Description: 岐阜県眼科医会
Theme URI:eye.gifu.med
Author:
Author URI:
Version: バージョン
License:
License URI:
*/

/* CSS Document */

body,form,fieldset                              { margin: 0px; padding: 0px;}
fieldset                                        { border: none;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd  { margin: 0px; padding: 0px;}
blockquote,li,dt,dd                             {}
li                                              { list-style: none;}
input,textarea                                  { font-size: 1em;}
img                                             { border: 0px none; margin: 0; padding: 0; /*vertical-align: bottom;*/ vertical-align: middle;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html                                            { scroll-behavior: smooth; height: 100%;}

/* Tag Castam ----------------------------------------------------------------------------------------------------------------- */
@media(min-width: 920px){
     a[href^="tel:"]{
       pointer-events: none;
     }
   }	

body              { font-family: "Noto Sans JP", sans-serif; overflow:hidden auto;}
em                { font-weight: normal;font-style: normal;}
strong            {}


a                 { text-decoration: none; color: #000;}
a:link            {}
a:visited         { /*color: #788d98;*/}
a:active          {}
a:focus           {}

a.blue_line                { position: relative; color: inherit; text-decoration: none; padding-bottom: 2px;}
a.blue_line::after         { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #3d71c0; transition: width 0.3s ease;}

a.green_line               { position: relative; color: inherit; text-decoration: none; padding-bottom: 2px;}
a.green_line::after        { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #3dc053; transition: width 0.3s ease;}

a.orenge_line              { position: relative; color: inherit; text-decoration: none; padding-bottom: 2px;}
a.orenge_line::after       { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #f69804; transition: width 0.3s ease;}

a.home_line                { position: relative; color: inherit; text-decoration: none; padding-bottom: 2px;}
a.home_line::after         { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #0ea10b; transition: width 0.3s ease;}


button            { background: none; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}          

.ma5              { margin-bottom:5px;}
.ma10             { margin-bottom:10px;}
.ma20             { margin-bottom:20px;}
.ma30             { margin-bottom:30px;}
.ma40             { margin-bottom:40px;}
.ma50             { margin-bottom:50px;}
.ma60             { margin-bottom:60px;}
.ma70             { margin-bottom:70px;}
.ma80             { margin-bottom:80px;}

.pa40             { padding: 0 40px;}

.flex             { display: flex;}
.center           { text-align: center;}
.end              { text-align: end;}
.justify          { text-align: justify;}
.left             { text-align:left;}
.bold             { font-weight: bold;}
.new_line         { display: contents;}

p                 { font-size:clamp(0.938rem, 0.86rem + 0.33vw, 1.125rem); line-height:2.25rem; text-align: justify;}

h1                { font-size: 1.9rem; line-height: 3rem;}
h2                { font-size: 1.8rem;}
h3                { font-size: 1.7rem;}
h4                { font-size: 1.35rem;}
hr                { width: 100%; margin:20px 0; border: none; border-top: 1px solid #989898;}

.sp               { display: none;}

.w100             { width: 100%;}


/* demo */
#demo img                          { width: 100%; height: 100%; object-fit: cover;}


/* header */
header .headbox                    { max-width:1200px; margin:0 auto; padding:35px 0; justify-content:space-between; position:relative; align-items:center;}
header .english                    { padding: 12px 0 10px; background-color: #0f610d; display: grid; place-content: center; width: 100vw; margin: 0 calc(50% - 50vw);} 
header .english img                { width: 100%; height: auto;}
header #g-nav                      { justify-content: space-between; align-items: center; max-width: 854px; margin: auto;}
header #g-nav #siteid              { width: fit-content; height: auto; vertical-align: middle;}
header #g-nav #siteid img          { height: auto;}
header #nav                        { background:#eef2ec;}
header #nav ul                     { max-width:1200px; margin:0 auto; justify-content:center; align-items: center; font-size: 18px;}
header #nav ul li a                { display:block; padding:15px 20px; font-weight:bold;}
header #nav ul li a.current        { font-weight: bold; background: #0ea10b; color:#fff; pointer-events: none;}
header #nav ul li.orange_hover a.current { background: #f69804; color: #fff; font-weight: bold; pointer-events: none;}
header #nav ul li.blue_hover a.current   { background: #3d71c0; color: #fff; font-weight: bold; pointer-events: none;}
header #nav ul li.green_hover a.current  { background: #3dc053; color: #fff; font-weight: bold; pointer-events: none;}


header .member_btn_pc a            { display:block; background:#f69804; border-radius:8px; padding:7px 20px; color:#fff; min-width:180px;}
header .member_btn_pc a img        { margin-right:15px;}
header .member_btn_pc a small      { font-size:13px; margin-bottom: -1px; padding: 20px 0;}
header .member_btn_pc a .flex      { justify-content:space-around; align-items:center; font-weight:bold;}
header .member_btn_sp              { display:none;}

/* drop_downメニュー */
header .drop_down a                { display: block; color: #fff; padding: 0 0 5px;}
header .drop_down a::after         { content: none;} 

/* submenu01 */
header li.has-child01              { cursor: pointer; max-width: 240px; min-width: 240px;}
header li.has-child01 .submenu01   {
	position: absolute;
	z-index: 4;
	width:240px;
	visibility: hidden;
	opacity: 0;
	transition: all .3s;}
header li.has-child01 .submenu01 li { background:#3d71c0;}
header li.has-child01 .submenu01 li:last-child { border-radius: 0 0 10px 10px;}

header li.has-child01:hover > ul,
header li.has-child01 ul li:hover > ul,
header li.has-child01:active > ul,
header li.has-child01 ul li:active > ul { visibility: visible; opacity: 1;}

/* submenu02 */
header li.has-child02              { cursor: pointer; max-width: 184px;}
header li.has-child02 .submenu02   {
	position: absolute;
	z-index: 4;
	width:184px;
	visibility: hidden;
	opacity: 0;
	transition: all .3s;}
header li.has-child02 .submenu02 li { background:#3dc053;}
header li.has-child02 .submenu02 li:last-child { border-radius: 0 0 10px 10px;}

header li.has-child02:hover > ul,
header li.has-child02 ul li:hover > ul,
header li.has-child02:active > ul,
header li.has-child02 ul li:active > ul { visibility: visible; opacity: 1;}


/* breadcrumb */
.breadcrumb                        { max-width: 980px; margin: 0 auto; padding: 10px 0;}
.breadcrumb p                      { font-size: 0.9rem;}
.breadcrumb p span                 { font-size: 0.6rem; font-weight: bold; vertical-align: bottom; margin: 0 5px;}

/* footer */
footer                             { background:#0f610d;}
footer .foot_box                   { max-width:980px; margin:0 auto; justify-content:center; padding:50px 0; color:#fff; line-height: 1.8rem;}
footer .foot_box a                 { color:#fff;}
footer .foot_box hr                { width:50%; margin:15px auto; border: none; border-top: 1px dotted #fff;}
footer .foot_box h5                { font-size:20px;}
footer .foot_link                  { background:#fff; padding:10px 0;}
footer .foot_link .flex            { justify-content:center;}
footer .foot_link .flex li a       { display:block; margin:0 20px; font-size:14px;}
footer .foot_link .arrow           { vertical-align:baseline;}
footer .foot_link .current a       { font-weight: bold; color: #0f610d; pointer-events: none;}

/* copy */
#copy                              { padding: 10px 0; background-color: #000; display: grid; place-content: center; width: 100vw; margin: 0 calc(50% - 50vw);}
#copy small                        { font-size: 12px; color: #fff; letter-spacing: 0.05em; align-items: center;}

/* content */
.contbox                           { max-width:1200px; margin:auto; padding:60px 0;}

.green                             { color:#0f610d; font-weight:bold; display:inline-block;}
.orange                            { color:#f69804; font-weight:bold; display:inline-block;}

.arrow                             { margin-right:10px;}

/* main */
#main                              { background:url(img/main.jpg) no-repeat; background-size:cover;}
#main .contbox                     { max-width:1200px; margin:auto; padding:80px 0;}
#main .contbox .flex               { justify-content:space-between;}

#main .contbox .box01              { width:calc(30% - 30px);}
#main .contbox .box01 dt           { background:#3d71c0; border-radius:50px 50px 0 0; padding:20px; font-weight:bold; font-size:22px;}
#main .contbox .box01 dt img       { margin-right:13px;}
#main .contbox .box01 dt .flex     { align-items:center; color:#fff; justify-content:center; min-height:67px;}
#main .contbox .box01 dd           { background:#fff; border-radius:0 0 50px 50px; padding:30px; box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3); /*min-height:380px;*/}

#main .contbox .box02              { width:calc(30% - 30px);}
#main .contbox .box02 dt           { background:#3dc053; border-radius:50px 50px 0 0; padding:20px; font-weight:bold; font-size:22px;}
#main .contbox .box02 dt img       { margin-right:13px;}
#main .contbox .box02 dt .flex     { align-items:center; color:#fff; justify-content:center; line-height: 66px; min-height:67px;}
#main .contbox .box02 dd           { background:#fff; border-radius:0 0 50px 50px; padding:30px; box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3); min-height:380px;}
#main .contbox .box02 dd li        { text-indent: -2.3em; padding-left: 2.3em;}
#main .contbox .box02 img.link     { margin-left:5px;}

#main .contbox .box03              { width:calc(30% - 30px);}
#main .contbox .box03 dt           { background:#f69804; border-radius:50px 50px 0 0; padding:20px; font-weight:bold; font-size:22px;}
#main .contbox .box03 dt img       { margin-right:13px;}
#main .contbox .box03 dt .flex     { align-items:center; color:#fff; justify-content:center; min-height:67px;}
#main .contbox .box03 dd           { background:#fff; border-radius:0 0 50px 50px; padding:30px; box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3); min-height:380px;}

#main .contbox .box03 .member_btn a              { display: block; background: #d4d3d2; border-radius: 8px; padding: 15px 10px; width: 80%; font-weight: bold; margin: 20px auto; text-align: center; color: inherit; text-decoration: none;}
#main .contbox .box03 .member_btn a img          { margin-right: 20px; transition: filter 0.13s ease;}
#main .contbox .box03 .member_btn a .flex        { display: flex; align-items: center; justify-content: center;}
#main .contbox .box03 .member_btn a .links       { color: inherit; transition: color 0.13s ease;}


/* main02 */
#main02                              { background:url(img/main02.jpg) no-repeat; background-size:cover;}
#main02.contbox                      { max-width:1200px; margin:auto; padding:80px 0;}
#main02 .contbox .flex               { justify-content:space-between;}

#main02 .contbox .box01              { width:calc(30% - 30px);}
#main02 .contbox .box01 dt           { background:#3d71c0; border-radius:50px 50px 0 0; padding:20px; font-weight:bold; font-size:22px;}
#main02 .contbox .box01 dt img       { margin-right:13px;}
#main02 .contbox .box01 dt .flex     { align-items:center; color:#fff; justify-content:center; min-height:67px;}
#main02 .contbox .box01 dd           { background:#fff; border-radius:0 0 50px 50px; padding:30px; box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3); min-height:380px;}

#main02 .contbox .box02              { width:calc(30% - 30px);}
#main02 .contbox .box02 dt           { background:#3dc053; border-radius:50px 50px 0 0; padding:20px; font-weight:bold; font-size:22px;}
#main02 .contbox .box02 dt img       { margin-right:13px;}
#main02 .contbox .box02 dt .flex     { align-items:center; color:#fff; justify-content:center; line-height: 66px; min-height:67px;}
#main02 .contbox .box02 dd           { background:#fff; border-radius:0 0 50px 50px; padding:30px; box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3); min-height:380px;}
#main02 .contbox .box02 dd li        { text-indent: -2.3em; padding-left: 2.3em;}
#main02 .contbox .box02 img.link     { margin-left:5px;}

#main02 .contbox .box03              { width:calc(30% - 30px);}
#main02 .contbox .box03 dt           { background:#f69804; border-radius:50px 50px 0 0; padding:20px; font-weight:bold; font-size:22px;}
#main02 .contbox .box03 dt img       { margin-right:13px;}
#main02 .contbox .box03 dt .flex     { align-items:center; color:#fff; justify-content:center; min-height:67px;}
#main02 .contbox .box03 dd           { background:#fff; border-radius:0 0 50px 50px; padding:30px; box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3); min-height:380px;}
#main02 .contbox .box03 .member_btn a              { display: block; background: #d4d3d2; border-radius: 8px; padding: 15px 10px; width: 80%; font-weight: bold; margin: 20px auto; text-align: center; color: inherit; text-decoration: none;}
#main02 .contbox .box03 .member_btn a img          { margin-right: 20px; transition: filter 0.13s ease;}
#main02 .contbox .box03 .member_btn a .flex        { display: flex; align-items: center; justify-content: center;}
#main02 .contbox .box03 .member_btn a .links       { color: inherit; transition: color 0.13s ease;}


.subtitle                          { font-size: 1.5rem; line-height: 1.3em;}
.links                             { font-size: 18px;}

/* info */
#info .contbox .info_box           { max-width:880px; margin:0 auto 50px; border:1px solid #c5c5c4; border-radius:10px; padding:40px; overflow-y: scroll; max-height:330px;}
#info .contbox .info_box .date     { margin-right:3rem;}
#info .contbox .info_box span.new  { background:#da010f; color:#fff; font-size:14px; border-radius:50px; padding:0px 10px; margin-left:10px;}
#info .contbox .info_box a         { text-decoration:underline;}
#info .contbox .topics_btn a       { display:block; background:#0f610d; color:#fff; max-width:350px; padding:20px 10px; border-radius:8px; margin:0 auto; font-size:18px;}
#info .contbox .topics_btn img     { margin-left:10px;}

#info .contbox .topics_btn02 a     { display:block; background:#f69804; color:#fff; max-width:350px; padding:20px 10px; border-radius:8px; margin:0 auto; font-size:18px;}
#info .contbox .topics_btn02 img   { margin-left:10px;}

#info .contbox ::-webkit-scrollbar
                                   { width:6px; border-radius:10px;}
#info .contbox ::-webkit-scrollbar-thumb
                                   { width:6px; background-color: #c5c5c4; border-radius: 10px;}

#info .contbox .info_list          { max-width:880px; margin:0 auto 50px; padding:40px;}
#info .contbox .info_list .date    { margin-right:3rem;}
#info .contbox .info_list span.new { background:#da010f; color:#fff; font-size:14px; border-radius:50px; padding:0px 10px; margin-left:10px;}
#info .contbox .info_list a        { text-decoration:underline;}

#info .contbox .info_detail        { max-width:880px; margin:0 auto 50px;}

#info .contbox .page               { justify-content: center; align-items: center; /*margin-bottom: 70px;*/}
#info .contbox .page li            { text-align: center; padding: 0 8px; font-weight: bold;}
#info .contbox .page a             { margin: 0 4px;}
#info .contbox .page .current      { display: inline-block; background: #0f610d; color: #fff; border-radius: 50px; width: 25px; height: 25px; line-height: 25px; margin: 0 4px;}
#info .contbox .page .next.page-numbers   { margin: 0 4px;}
#info .contbox .page .prev.page-numbers   { margin: 0 4px;}

#info .contbox .page_menbers                      { justify-content: center; align-items: center;}
#info .contbox .page_menbers li                   { text-align: center; padding: 0 8px; font-weight: bold;}
#info .contbox .page_menbers a                    { margin: 0 4px;}
#info .contbox .page_menbers .current             { display: inline-block; background: #f69804; color: #fff; border-radius: 50px; width: 25px; height: 25px; line-height: 25px; margin: 0 4px;}
#info .contbox .page_menbers .next.page-numbers   { margin: 0 4px;}
#info .contbox .page_menbers .prev.page-numbers   { margin: 0 4px;}

/* gifuukainet */
#gifuukainet                       { background:url(img/ukainet_back.jpg) no-repeat center; background-color:#000; background-size:cover;}
#gifuukainet .contbox              { padding:100px 0; position:relative;}
#gifuukainet .contbox:before       { position:absolute; content:""; background:url(img/ukainet_logo.png) no-repeat; display:inline-block; vertical-align:middle; background-size:contain; left:0; top:0; width:210px; height:179px;}
#gifuukainet .contbox hgroup       { color:#fff;}
#gifuukainet .contbox hgroup .orange
                                   { color:#fe9a3c; margin-bottom:20px; display:inline-block; font-weight:bold;}
#gifuukainet .contbox .facebook_btn a
                                   { display:block; border:1px solid #fff; color:#fff; max-width:350px; padding:20px 10px; border-radius:8px; margin:auto; font-size:18px;}
#gifuukainet .contbox .facebook_btn img
                                   { margin-right:10px; vertical-align:bottom;}

/* contact */
#contact                           { background:#dde1db;}
#contact .contact_box              { background:#fff; border-radius:30px; box-shadow:0px 10px 10px -6px rgba(0, 0, 0, 0.3); padding:40px 20px; max-width:880px; margin:auto;}
#contact .contact_box .flex        { justify-content:space-between; flex-wrap:wrap; margin:0 40px;}
#contact .contact_box .tel_btn a   { display:block; background:#0ea10b; color:#fff; min-width:350px; padding:20px 10px; border-radius:8px; font-size:28px; font-weight:bold; min-height:85px; margin-bottom:10px;}
#contact .contact_box .tel_btn img { margin-right:10px; display:inline-block; width:31px;}
#contact .contact_box .mail_btn a  { display:block; background:#2fa6e4; color:#fff; min-width:350px; padding:20px 10px; border-radius:8px; font-size:28px; font-weight:bold; min-height:85px; margin-bottom:10px;}
#contact .contact_box .mail_btn img 
                                   { margin-right:10px; display:inline-block; width:41px;}

#link                              { background:#dde1db;}
#link .contbox                     { max-width:980px; margin:0 auto;}
#link .link_box .flex              { justify-content:center; flex-wrap:wrap;}
#link .link_box .flex li           { margin:0 10px 20px 10px; background:#111;}
#link .link_box .flex li:last-of-type   { margin-bottom: 0;}

/* message */
#message .contbox                  { max-width:600px; margin:0 auto; padding:60px 0 75px;}
#message .chairman                 { font-size: 1.35rem;}


/* officers_role */
#officers_role .contbox                               { max-width: 980px; margin: auto;}
#officers_role .officers_role_box dt                  { background: #3d71c0; color: #fff; padding:10px 20px; border-radius: 10px 10px 0 0;}
#officers_role .officers_role_box dt .officer_name    { font-size: 22px;}
#officers_role .officers_role_box dt .flex            { justify-content: space-between; align-items: center;}
#officers_role .officers_role_box dd li               { padding: 20px 30px; border-bottom: 1px dotted #989898;}
#officers_role .officers_role_box dd li:nth-child(2n) { background: #eceef2;}
#officers_role .officers_role_box dd li img           { margin-right: 10px; vertical-align: bottom;}
#officers_role .officers_role_box dd .flex            { justify-content: space-between; flex-wrap: wrap;}
#officers_role .officers_role_box dd dl.flex          { width: 100%; justify-content: flex-start; flex-wrap: wrap; align-items: center;}
#officers_role .officers_role_box dd dt               { background: #fff; color: #000; border-radius:0px; min-width: 20%; min-height: 45px; border-bottom: 1px dotted #989898; border-right: 1px dotted #989898;}
#officers_role .officers_role_box dd dd               { width: 80%; padding: 10px 20px; border-bottom: 1px dotted #989898; min-height: 45px;}



.tel_ico                                { color: #fff; background: #000; border-radius: 50%; text-align: center; display: inline-block; font-size: 14px; width: 18px; height: 18px; line-height: 18px; margin-right: 5px;}

.gifu_clinic                            { color: #f69804; margin-right: 5px;}
.seino_clinic                           { color: #3d71c0; margin-right: 5px;}
.chuno_clinic                           { color: #d827c2; margin-right: 5px;}
.tono_clinic                            { color: #5a34a4; margin-right: 5px;}
.hida_clinic                            { color: #3dc053; margin-right: 5px;}

#everyone .contbox                      { max-width: 980px; margin: auto;}

#everyone .map_box                      { display: flex; justify-content: space-between; max-width: 768px; position:relative; margin: auto;}
#everyone .search_map                   { min-width: 240px; font-weight: bold; position: absolute;}
#everyone .search_map h4                { font-size: 28px;}
#everyone .search_map .total            { font-size: 42px; margin: 10px 0;}
#everyone .search_map .speech_bubble    { background: #0f610d; border-radius: 10px; color: #fff; padding: 10px 0; position: relative;}
#everyone .search_map .speech_bubble::before{
    content: "";
    position: absolute;
    bottom: -14px;
    left: 47%;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 14px solid #0f610d;
    border-bottom: 0;
	cursor: pointer;
	pointer-events: none;
	outline: none;}

#everyone .gifu_map                     { width: 100%; text-align: end;}
#everyone .gifu_map svg                 { width: 80%;}

/* マップ SVG */
.cls-1,.cls-3,.cls-4,.cls-5,.cls-8,.cls-9,.cls-10,.cls-11 { letter-spacing: 0em;}
.cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9, .cls-10, .cls-11, .cls-12 { isolation: isolate;}
.cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-8, .cls-9, .cls-10, .cls-11 { fill: #fff;}
.cls-1, .cls-3, .cls-4, .cls-5, .cls-8, .cls-9, .cls-10, .cls-11 {
      /*font-family: NotoSansJP-Medium, 'Noto Sans JP';*/
      font-weight: 500;}
.cls-1, .cls-3, .cls-5, .cls-8, .cls-9, .cls-11 { font-size: 35px;}
.cls-2, .cls-7, .cls-12 {
      /*font-family: NotoSansJP-ExtraBold, 'Noto Sans JP';*/
      font-size: 40px;
      font-weight: 700;
      letter-spacing: 0em;}
.cls-4, .cls-10                        { font-size: 29px;}
.cls-13                                { fill: #3d71c0;}
.cls-14                                { fill: #f69804;}
.cls-15                                { fill: #3dc053;}
.cls-7                                 { stroke: #3d71c0;}
.cls-7,.cls-12                         { fill: none; stroke-width: 8px;}
.cls-16                                { fill: #5a34a4; }
.cls-17                                { fill: #d827c2;}
.cls-12                                { stroke: #f69804;}

#everyone .search                       { background: #dde1db; padding:30px 20px;}
#everyone .search_box                   { max-width: 980px; margin: auto; background: #fff; padding: 40px; border-radius: 10px; justify-content: space-between; align-items: center;}
#everyone .search_box .flex             { align-items: center;}
#everyone .search_box .flex dt          { min-width: 120px;}
#everyone .search_box .district         { position: relative; font-size: 18px;}
#everyone .search_box .district select  { cursor: pointer; background: #0f610d; color: #fff; font-size: 18px; padding: 15px 50px 15px 20px; border-radius: 3px; border:none; font-weight: bold; -webkit-appearance: none; appearance: none; min-width: 165px;}
#everyone .search_box .district::after  {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(100px, -5px);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 14px solid #fff;
    border-bottom: 0;
	cursor: pointer;
	pointer-events: none;
	outline: none;}
#everyone .search_box .municipality        { position: relative; font-size: 18px;}
#everyone .search_box .municipality select { cursor: pointer; background: #fff; color: #0f610d; font-size: 18px; padding: 15px 50px 15px 20px; border-radius: 3px; border:2px solid #0f610d; font-weight: bold; -webkit-appearance: none; appearance: none; min-width: 165px;}
#everyone .search_box .municipality::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(100px, -5px);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 14px solid #0f610d;
    border-bottom: 0;
	cursor: pointer;
	pointer-events: none;
	outline: none;}
#everyone .search_box .search_results      { font-weight: bold; font-size: 18px; max-width: 285px;}


#everyone .search_list dt                  { padding:10px 20px; border-radius: 10px 10px 0 0; font-weight: bold; font-size: 22px;}
#everyone .search_list dt .flex            { justify-content: space-between; align-items: center;}
#everyone .search_list dt .flex small      { font-size: 14px; display: block;}

#everyone .search_list table               { width: 100%; border-collapse: collapse;}
#everyone .search_list table tr:nth-child(2n+1) { background: #eceef2;}
#everyone .search_list table th            { padding: 20px; text-align: left; border-bottom: 1px dotted #989898; white-space: nowrap;}
#everyone .search_list table td            { padding: 20px; border-bottom: 1px dotted #989898; cursor: pointer; white-space: nowrap;}

#everyone.low_vision .search_list table th:nth-child(1) { min-width: 260px; max-width: 260px;}
#everyone.low_vision .search_list table th:nth-child(2) { min-width: 300px; max-width: 300px;}
#everyone.low_vision .search_list table th:nth-child(3) { min-width: 120px; max-width: 120px;}
#everyone.low_vision .search_list table th:nth-child(4) { min-width: 120px; max-width: 120px;}

#everyone .search_list.gifu dt             { background: #f69804; color: #fff;}
#everyone .search_list.gifu th             { background: #fef0d9; font-weight: bold; cursor: auto;}

#everyone .search_list.seino dt            { background: #3d71c0; color: #fff;}
#everyone .search_list.seino th            { background: #dde8fd; font-weight: bold; cursor: auto;}

#everyone .search_list.chuno dt            { background: #d827c2; color: #fff;}
#everyone .search_list.chuno th            { background: #fcddfd; font-weight: bold; cursor: auto;}

#everyone .search_list.tono dt             { background: #5a34a4; color: #fff;}
#everyone .search_list.tono th             { background: #eaddfd; font-weight: bold; cursor: auto;}

#everyone .search_list.hida dt             { background: #3dc053; color: #fff;}
#everyone .search_list.hida th             { background: #d3f6db; font-weight: bold; cursor: auto;}
           
#members .contbox                           { max-width: 980px; margin: auto;}

#members .schedule_list dt                  { padding:10px 20px; border-radius: 10px 10px 0 0; font-weight: bold; font-size: 22px;}
#members .schedule_list dt .flex            { justify-content: space-between; align-items: center;}
#members .schedule_list dt .flex small      { font-size: 14px; display: block;}

#members .schedule_list table               { width: 100%; border-collapse: collapse;}
#members .schedule_list table tr:nth-child(2n+1) { background: #eceef2;}
#members .schedule_list table th            { padding: 20px; text-align: left; border-bottom: 1px dotted #989898; white-space: nowrap;}
#members .schedule_list table th:first-child { width: 11%;}
#members .schedule_list table td            { padding: 20px; border-bottom: 1px dotted #989898; cursor: pointer; /*white-space: nowrap;*/}
#members .schedule_list dt                  { background: #f69804; color: #fff;}
#members .schedule_list th                  { background: #fef0d9; font-weight: bold; cursor: auto;}

#members .contbox .topics_btn02 a   { display:block; background:#f69804; color:#fff; max-width:350px; padding:20px 10px; border-radius:8px; margin:0 auto; font-size:18px;}
#members .contbox .topics_btn02 img { margin-left:10px;}

/* 会員ページ */
#members .contbox .info_box           { max-width:880px; margin:0 auto 50px; border:1px solid #c5c5c4; border-radius:10px; padding:40px; overflow-y: scroll; max-height:330px;}
#members .contbox .info_box .date     { margin-right:3rem;}
#members .contbox .info_box span.new  { background:#da010f; color:#fff; font-size:14px; border-radius:50px; padding:0px 10px; margin-left:10px;}
#members .contbox .info_box a         { text-decoration:underline;}

#members .contbox ::-webkit-scrollbar
                                     { width:6px; border-radius:10px;}
#members .contbox ::-webkit-scrollbar-thumb
                                     { width:6px; background-color: #c5c5c4; border-radius: 10px;}
#members_btn_list .contbox            { max-width: 880px; margin: auto;}
#members_btn_list                     { background: #dde1db;}
#members_btn_list .flex               { justify-content: space-between; flex-wrap: wrap;}
#members_btn_list .member_btn_list_box li { width: 49%;}
#members_btn_list .member_btn_list_box a  {
     display: block;
	 background: #fff;
	 border-radius: 10px;
	 padding: 20px 10px;
	 font-size: 18px;
	 font-weight: bold;
	 position: relative;
	 box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);}
#members_btn_list .member_btn_list_box a:after {
     content: "";
	 position: absolute;
	 background:url("img/arrow_ico.png") no-repeat;
	 display: inline-block;
	 vertical-align: middle;
	 background-size: contain;
	 width: 22px; height: 19px; left: 90%; top: 38%;
	 cursor: pointer;}
#members_btn_list .member_btn_list_box li:nth-child(2) a:after,
#members_btn_list .member_btn_list_box li:nth-child(3) a:after,
#members_btn_list .member_btn_list_box li:nth-child(5) a:after{
      content: "";
	  position: absolute;
	  background:url("img/download_ico.png") no-repeat;
	  display: inline-block;
	  vertical-align: middle;
	  background-size: contain;
	  width: 22px; height: 19px; left: 88%; top: 38%;
	  cursor: pointer;}


#sitemap .contbox                       { max-width: 880px; margin: auto;}
#sitemap .contbox h4                    { width: 50%;}
#sitemap .contbox .flex                 { justify-content: space-between; flex-wrap: wrap;}
#sitemap .contbox ul                    { width: 50%;}
#sitemap .contbox ul li                 { margin-left: 36px;}
#sitemap .contbox .flex ul:first-child li:nth-of-type(n+2) { padding-left: 18px;}


#privacy .contbox                       { max-width: 880px; margin: auto;}
#privacy .contbox h4                    { border-bottom: 1px dotted #989898; padding-bottom: 10px; margin-bottom: 10px;}

#privacy .contbox .table01              { width: 100%; border-collapse: collapse; border:1px solid #000;}
#privacy .contbox .table01 tr           { border-bottom:1px solid #000; cursor: pointer;}
#privacy .contbox .table01 th           { padding: 10px; border-right:1px solid #000; min-width: 150px; vertical-align: baseline; text-align: left; background: #eceef2;}
#privacy .contbox .table01 td           { padding: 10px;}

#privacy .contbox .table02              { width: 100%; border-collapse: collapse; border:1px solid #000;}
#privacy .contbox .table02 tr           { border-bottom:1px solid #000; cursor: pointer;}
#privacy .contbox .table02 th           { padding: 10px; border-right:1px solid #000; background: #eceef2;}
#privacy .contbox .table02 td           { padding: 10px; border-right:1px solid #000; vertical-align: baseline; text-align: left;}





@media (hover: hover) {
a.blue_line:hover          { font-weight: bold;}
a.blue_line:hover::after  { width: 100%;}

a.green_line:hover         { font-weight: bold;}
a.green_line:hover::after  { width: 100%;}

a.orenge_line:hover        { font-weight: bold;}
a.orenge_line:hover::after { width: 100%;}

a.home_line:hover          { font-weight: bold;}
a.home_line:hover::after   { width: 100%;}

#main .contbox .box03 .member_btn a:hover        { background-color: #f69804;}
#main .contbox .box03 .member_btn a:hover img    { filter: brightness(0) invert(1);}
#main .contbox .box03 .member_btn a:hover .links { color: white;}

#main02 .contbox .box03 .member_btn a:hover        { background-color: #f69804;}
#main02 .contbox .box03 .member_btn a:hover img    { filter: brightness(0) invert(1);}
#main02 .contbox .box03 .member_btn a:hover .links { color: white;}

header #nav ul li a:hover               { font-weight: bold; background: #0ea10b; color:#fff; transition:0.3s;}
header #nav ul li.blue_hover a:hover    { background: #3d71c0; color: #fff; transition: 0.3s;}
header #nav ul li.green_hover a:hover   { background: #3dc053; color: #fff; transition: 0.3s;}
header #nav ul li.orange_hover a:hover  { background: #f69804; color: #fff; transition: 0.3s;}

header #g-nav #siteid  a:hover,header .member_btn_pc a:hover
                                   { filter: brightness(85%); transition:0.3s;}

header #nav ul li.has-child01 .submenu01 li a:hover { color: #000; background: #e0faff; transition: 0.3s;}
header #nav ul li.has-child01 .submenu01 li:last-child a:hover { border-radius: 0 0 10px 10px;}

header #nav ul li.has-child02 .submenu02 li a:hover { color: #000; background: #b3ffbf; transition: 0.3s;}
header #nav ul li.has-child02 .submenu02 li:last-child a:hover { border-radius: 0 0 10px 10px;}


footer .foot_link .flex a:hover,footer .foot_box a:hover
                                   { opacity:0.5; transition:0.3s;}

#info .contbox .info_box a:hover   { text-decoration:none; opacity:0.5; transition:0.3s;}
#info .contbox .topics_btn a:hover,#info .contbox .topics_btn02 a:hover,#members .contbox .topics_btn02 a:hover
                                   { filter: brightness(65%); transition:0.3s;}
#info .contbox .info_list a:hover  { text-decoration:none; opacity:0.5; transition:0.3s;}


#gifuukainet .contbox .facebook_btn a:hover {
    font-weight: bold;
    border: none;
    background: linear-gradient(to bottom, #fe9a3c, #da4b2f);
    padding: 21px 11px;
    opacity: 1;
    transition: background 0.75s ease, border 0.75s ease;}

#contact .contact_box .tel_btn a:hover,#contact .contact_box .mail_btn a:hover
                                   { filter: brightness(85%); transition:0.3s;}

#link .link_box .flex li img:hover { filter: brightness(85%); transition:0.3s;}

#officers_role .officers_role_box dd li:hover { background: #e0faff; transition:0.3s;}
#officers_role .officers_role_box dd dt:hover { background: #e0faff; transition:0.3s;}
#officers_role .officers_role_box dd dd:hover { background: #e0faff; transition:0.3s;}
/*#officers_role .officers_role_box dd dl:last-child dd:last-child:hover { background: #fff;}*/

#everyone .search_list dd a:hover       { text-decoration: underline;}

#everyone .search_list.gifu dd tr:hover { background: #fefeef; transition:0.3s;}
#everyone .search_list.gifu dd tr:first-child:hover { background: #fef0d9;}

#everyone .search_list.seino dd tr:hover { background: #e9f4fa; transition:0.3s;}
#everyone .search_list.seino dd tr:first-child:hover { background: #dde8fd;}

#everyone .search_list.chuno dd tr:hover { background: #fbeef6; transition:0.3s;}
#everyone .search_list.chuno dd tr:first-child:hover { background: #fcddfd;}

#everyone .search_list.tono dd tr:hover { background: #edecfd; transition:0.3s;}
#everyone .search_list.tono dd tr:first-child:hover { background: #eaddfd;}

#everyone .search_list.hida dd tr:hover { background: #ecfbeb; transition:0.3s;}
#everyone .search_list.hida dd tr:first-child:hover { background: #d3f6db;}

#everyone #hida:hover,#everyone #tono:hover,#everyone #chuno:hover,#everyone #seino:hover,#everyone #gifu:hover
{ filter: brightness(50%); transition: .3s;}

#members .schedule_list dd a:hover              { text-decoration: underline;}
#members .schedule_list dd tr:hover             { background: #fefeef; transition:0.3s;}
#members .schedule_list dd tr:first-child:hover { background: #fef0d9;}

#members .contbox .info_box a:hover             { text-decoration:none; opacity:0.5; transition:0.3s;}

#members_btn_list .member_btn_list_box a:hover  { transform: translateY(5px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); filter: brightness(65%); transition: 0.3s;}
#members_btn_list .member_btn_list_box a:hover:after { top: 42%;}

#privacy .contbox .table01 tr:hover  { background: #ecfbeb; transition:0.3s;}
#privacy .contbox .table02 tr:hover  { background: #ecfbeb; transition:0.3s;}
}


@media (hover: none) {
a.blue_line:active          { font-weight: bold;}
a.blue_line:active::after  { width: 100%;}

a.green_line:active        { font-weight: bold;}
a.green_line:active::after { width: 100%;}

a.orenge_line:active       { font-weight: bold;}
a.orenge_line:active::after { width: 100%;}

a.home_line:active         { font-weight: bold;}
a.home_line:active ::after { width: 100%;}

#main .contbox .box03 .member_btn a:active        { background-color: #f69804;}
#main .contbox .box03 .member_btn a:active img    { filter: brightness(0) invert(1);}
#main .contbox .box03 .member_btn a:active .links { color: white;}

#main02 .contbox .box03 .member_btn a:active        { background-color: #f69804;}
#main02 .contbox .box03 .member_btn a:active img    { filter: brightness(0) invert(1);}
#main02 .contbox .box03 .member_btn a:active .links { color: white;}

header #nav ul li a:active         { font-weight: bold; background: #0ea10b; color:#fff; transition:0.3s;}
header #g-nav #siteid  a:active,header .member_btn_pc a:active
                                   { opacity:0.5; transition:0.3s;}

footer .foot_link .flex li:active  { opacity:0.5; transition:0.3s;}

#main .contbox .box01 dd a:active,#main .contbox .box02 dd a:active,#main .contbox .box03 .member_btn a:active
                                   { opacity:0.5; transition:0.3s;}

#info .contbox .info_box a:active  { text-decoration:none; opacity:0.5; transition:0.3s;}
#info .contbox .topics_btn a:active,#info .contbox .topics_btn02 a:active,#members .contbox .topics_btn02 a:active
                                   { opacity:0.5; transition:0.3s;}
#info .contbox .info_list a:active { text-decoration:none; opacity:0.5; transition:0.3s;}


#contact .contact_box .tel_btn a:active,#contact .contact_box .mail_btn a:active
                                   { opacity:0.5; transition:0.3s;}

#link .link_box .flex li img:active
                                   { opacity:0.5; transition:0.3s;}

#officers_role .officers_role_box dd li:active { background: #e0faff; transition:0.3s;}
#officers_role .officers_role_box dd dd:active { background: #e0faff; transition:0.3s;}
#officers_role .officers_role_box dd dl:last-child dd:last-child:active { background: #fff;}

#everyone .search_list.gifu dd tr:active { background: #fefeef; transition:0.3s;}
#everyone .search_list.gifu dd tr:first-child:active { background: #fef0d9;}

#everyone .search_list.seino dd tr:active { background: #e9f4fa; transition:0.3s;}
#everyone .search_list.seino dd tr:first-child:active { background: #dde8fd;}

#everyone .search_list.chuno dd tr:active { background: #fbeef6; transition:0.3s;}
#everyone .search_list.chuno dd tr:first-child:active { background: #fcddfd;}

#everyone .search_list.tono dd tr:active { background: #edecfd; transition:0.3s;}
#everyone .search_list.tono dd tr:first-child:active { background: #eaddfd;}

#everyone .search_list.hida dd tr:active { background: #ecfbeb; transition:0.3s;}
#everyone .search_list.hida dd tr:first-child:active { background: #d3f6db;}

#everyone #hida:active,#everyone #tono:active,#everyone #chuno:active,#everyone #seino:active,#everyone #gifu:active
{ filter: brightness(50%); transition: .3s;}

#members .schedule_list dd a:active              { text-decoration: underline;}
#members .schedule_list dd tr:active             { background: #fefeef; transition:0.3s;}
#members .schedule_list dd tr:first-child:active { background: #fef0d9;}

#members .contbox .info_box a:active  　　　　　　 { text-decoration:none; opacity:0.5; transition:0.3s;}

#members_btn_list .member_btn_list_box a:active    { transition-duration: 0.3s; transform: translateY(5px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); transition:.3s; filter: brightness(65%); transition: 0.3s;}
#members_btn_list .member_btn_list_box li:active:after { top: 42%; transition:.3s;}

#privacy .contbox .table01 tr:active  { background: #ecfbeb; transition:0.3s;}
#privacy .contbox .table02 tr:active  { background: #ecfbeb; transition:0.3s;}
}


@media only screen and (max-width: 1380px) {
}


@media only screen and (max-width: 1280px) {
.head_title h2 img                 { width:100%;}

footer .foot_box                   { padding:40px 20px;}

#main .contbox                     { padding:80px 20px;}

.contbox                           { padding:40px 20px;}

#message .contbox                  { padding: 60px 20px 75px}

#officers_role .contbox            { padding:40px 20px;}

}


@media only screen and (max-width: 1024px) {
header .headbox                    { padding:30px 20px;}
header #nav ul                     { justify-content:space-between;}
header #nav ul li a                { padding:15px 8px;}

#main .contbox .box01              { width:calc(33% - 5px);}
#main .contbox .box02              { width:calc(33% - 5px);}
#main .contbox .box03              { width:calc(33% - 5px);}

#gifuukainet .contbox hgroup       { padding:60px 0 0;}
#gifuukainet .contbox              { padding:0 0 40px; margin:0 20px;}
}



@media only screen and (max-width: 768px) {
.pc                                { display:none;}
.sp                                { display:block;}

.new_line                          { display:block;}

h1                                 { font-size:1.8rem;}

header .headbox                    { padding:20px;}
header .english img                { width:80%; margin:auto;}
header #g-nav                      { margin-right:60px;}
header #g-nav #siteid img          { width:80%;}
header .member_btn_pc a            { padding:10px;}
#main .contbox .box03 .member_btn_pc
                                   { display:none;}

.head_title                        { background:url(img/head_back_sp.jpg) no-repeat center bottom; background-size:contain;}
.head_title h2 img                 { width:auto; margin:auto;}

footer .foot_box hr                { padding: 0 20px;}
footer #link .linkbox              { flex-direction: column; gap: 25px;}


#h-nav                             { width:auto; clear: both; display:block;}
nav                                {
     display: block;
     position: fixed;
     top: 0;
     right: -70%;
     bottom: 0;
     width: 60%;
     background: #fff;
     overflow-x: hidden;
     overflow-y: auto;
     transition: all 0.6s;
     -webkit-overflow-scrolling: touch;
     z-index: 3;
     opacity:0;}
.open nav                          {
     right: 0%;
     opacity:1;
     height: auto;}
.navmenu ul                        {
    width: 100%;
    position: absolute;
    top: 20%;
    left: 0;
    display:block;}
.navmenu li                        {
     margin:0 0 20px 20px;
     padding:0 0 20px 20px;
     border-bottom:solid 1px #0f610d;
     font-size:16px;}

/* ハンバーガーメニュー */
.toggle_btn                        {
     display: block;
     position: fixed;
     top: 68px;
     right: 25px;
     width: 35px;
     height: 35px;
     transition: all 0.6s;
     cursor: pointer;
     z-index: 3;}

.toggle_btn span                   {
     display: block;
     position: absolute;
     left: 0;
     width: 30px;
     height: 2px;
     border-radius: 3px;
     transition: all 0.3s;
     border:solid 1px #0f610d;
     -webkit-transition: .35s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     /*transition: 0.3s ease-in-out;*/}

.toggle_btn span:nth-child(1)      { top: 8px;}
.toggle_btn span:nth-child(2)      { top: 16px;}
.toggle_btn span:nth-child(3)      { top: 24px;}
.toggle_btn span:nth-child(4)      { top: 32px;}
.open .toggle_btn span             { background-color: #fff;}
.open .toggle_btn span:nth-child(1)
                                   { -webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(14px) rotate(-45deg);}
.open .toggle_btn span:nth-child(2),.open .toggle_btn span:nth-child(3)
                                   { opacity: 0;}
.open .toggle_btn span:nth-child(4)
                                   { -webkit-transform: translateY(-10px) rotate(45deg); transform: translateY(-10px) rotate(45deg);}

/* mask */
#mask                              { display: none; transition: all .5s;}
.open #mask                        {
     display: block;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.9);
     z-index: 2;}
#nav #menu                         { display: block;}
#nav #menu .active                 { transform: translateY(0%);}

/* アコーディオンメニュー */
.ac_menu                           { position: relative; overflow: hidden;}
.ac_menu>input                     { display: none;}
.ac_title                          { position: relative; z-index: 1;}
.ac_submenu                        { position: absolute; visibility: hidden;}
.ac_submenu li                     { border:none; padding: 0; margin: 10px 0;}
.ac_submenu li:last-child          { margin-bottom: 0;}
.ac_menu>input:checked+label+.ac_submenu {
    position: relative;
    visibility: visible;
	padding-left: 1rem;}
.ac_title::before {
     content: '';
     position: absolute;
     top: 25%;
     left:50%;
     cursor: pointer;
     border-right: 2px solid #000;
     border-top: 2px solid #000;
     display: inline-block;
     width: 10px;
     height: 10px;
     transition: all 0.5s;
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg);}
.ac_menu>input:checked+label>.ac_title::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	transition: .3s;}


#main .contbox .flex               { flex-wrap:wrap;}
#main .contbox .box01 dd           { min-height:470px; padding: 30px 15px;}
#main .contbox .box01 dt .flex     { min-height: 140px;}
#main .contbox .box01 dt img       { margin:0 0 10px;}
#main .contbox .box02 dd           { min-height:470px; padding: 30px 15px;}
#main .contbox .box02 dt .flex     { min-height: 140px;}
#main .contbox .box02 dt img       { margin:0 0 10px;}
#main .contbox .box03 dd           { min-height:470px; padding: 30px 15px;}
#main .contbox .box03 dt .flex     { min-height: 140px;}
#main .contbox .box03 dt img       { margin:0 0 10px;}
#main .contbox .box03 .member_btn a img
                                   { margin-right:10px;}

#gifuukainet                       { background-size:auto; background-position:bottom;}
#gifuukainet .contbox:before       { display:none;}
#gifuukainet .contbox img          { margin:auto;}
#gifuukainet .contbox hgroup       { padding:40px 0 0;}

#contact .contact_box .flex        { margin:0 20px; justify-content: center;}

#link .link_box .flex li           { margin:0 0 20px;}

.breadcrumb                        { padding: 10px 20px;}

#officers_role .officers_role_box dd li { text-indent: -30px; padding-left: 60px;}
#officers_role .officers_role_box dd dl.flex { width: 100%;}
#officers_role .officers_role_box dd dl:first-child dd { width: 70%;}
#officers_role .officers_role_box dd dl:first-child dt:nth-child(25) { border-bottom: 1px dotted #989898;}

#everyone .map_box                         { padding: 0 20px;}

#everyone .search_box                      { flex-wrap:wrap; justify-content: center;}
#everyone .search_box li                   { width: 100%; font-size: 16px;}
#everyone .search_box .flex                { justify-content: center;}
#everyone .search_box .district            { margin-bottom: 20px; width: 100%; font-size: 16px;}
#everyone .search_box .municipality        { margin-bottom: 20px; width: 100%; font-size: 16px;}

#everyone .search_list hr           { width: 100%; margin:0; border: none; border-top: 1px dotted #989898;}
#everyone .search_list dd ul        { padding: 20px; line-height: 2.25rem;}
#everyone .search_list dd ul:nth-of-type(2n) { background: #eceef2;}


#members .schedule_list hr           { width: 100%; margin:0; border: none; border-top: 1px dotted #989898;}
#members .schedule_list dd ul        { padding: 20px; line-height: 2.25rem;}
#members .schedule_list dd ul:nth-of-type(2n+1) { background: #eceef2;}
#members .schedule_list dd ul:nth-of-type(1),#members .schedule_list dd ul:nth-of-type(21),#members .schedule_list dd ul:nth-of-type(26)
{ background: #fef0d9;}

#members_btn_list .member_btn_list_box .flex          { flex-wrap: wrap;}
#members_btn_list .member_btn_list_box li             { min-width: 100%;}
#members_btn_list .member_btn_list_box li:last-child  { margin-bottom: 0;}

#privacy .contbox .table01 th      { width: 100%; display: block; border-right: none;}
#privacy .contbox .table01 td      { width: 100%; display: block;}
#privacy .contbox hr               { width: 100%; margin:20px 0; border: none;  border-top: 1px dotted #989898;}
#privacy .contbox .privacy_ico     { color: #0ea10b;}
#privacy .contbox .sp ul           { line-height: 2.25rem;}
}

@media only screen and (max-width: 428px) {
body                               { font-size:15px;}

p                                  { font-size:16px;}

h1                                 { font-size:1.6rem;}
h3                                 { font-size:1.35rem;}

header #g-nav #siteid img          { width:100%;}
header .member_btn_pc              { display:none;}
header .member_btn_sp              { display:block;}
header .member_btn_sp a            { display:block; background:#f69804; border-radius:8px; padding:10px 20px; color:#fff; width:fit-content; margin:0 auto 20px; font-size:16px;}
header .member_btn_sp a img        { margin-right:20px;}
header .member_btn_sp a small      { font-size:12px;}
header .member_btn_sp a .flex      { align-items:center; font-weight:bold;}

.navmenu .ac_submenu li            { padding: 0;}
.ac_title::before                  { left: 85%;}


.head_title                        { padding:138px 0 0;}
.head_title h2 img                 { width:100%;}

#h-nav .main_menu:before           { left:85%;}

.navmenu li                        { font-size:14px; padding:0 0 20px 10px;}

.toggle_btn                        { top:60px;}

.slick-dots                        { padding-bottom:10px;}

footer .foot_box img               { width:80%;}
footer #link .linkbox img          { width: auto; height: auto; padding: 0 20px;}
footer #link .linkbox img:last-of-type 
                                   { width: 100%;}

#main                              { background:url(img/main_sp.jpg) no-repeat; background-size:cover;}
#main .contbox .box01              { width:100%; margin-bottom:80px;}
#main .contbox .box01 dt .flex     { min-height: 72px;}
#main .contbox .box01 dt img       { margin:0 10px 0 0;}
#main .contbox .box01 dd           { min-height:/*420px*/ auto; padding:30px;}
#main .contbox .box02              { width:100%; margin-bottom:80px;}
#main .contbox .box02 dt .flex     { min-height: 72px;}
#main .contbox .box02 dt img       { margin:0 10px 0 0;}
#main .contbox .box02 dd           { min-height:/*420px*/ auto; padding:30px;}
#main .contbox .box03              { width:100%;}
#main .contbox .box03 dt .flex     { min-height: 72px;}
#main .contbox .box03 dt img       { margin:0 10px 0 0;}
#main .contbox .box03 dd           { min-height:/*420px*/ auto; padding:30px;}
#main .contbox .box03 .member_btn a
                                   { max-width:80%;}
#main .contbox .box03 .member_btn a img
                                   { margin-right: 20px;}

#info .contbox .info_box           { font-size:14px;}
#info .contbox .info_box .date     { margin-right:1rem;}
#info .contbox .info_box span.new  { font-size:12px;}
#info .contbox .topics_btn a       { font-size:16px;}

#info .contbox .info_list          { padding: 0; width: 100%;}
#info .contbox .info_list .date    { margin-right: 1.5rem;}

#gifuukainet                       { background:url(img/ukainet_back_sp.jpg) no-repeat bottom center; background-color:#000; background-size:cover;}
#gifuukainet .contbox              { padding:0 0 280px;}

#contact .contact_box .flex        { margin: 0;}
#contact .contact_box .tel_btn     { margin:0 0 20px;}
#contact .contact_box .tel_btn a   { font-size:24px; min-width: 100%;}
#contact .contact_box .mail_btn a  { font-size:24px; min-width: 100%;}

#officers_role .officers_role_box dt .officer_name { font-size: 20px;}
#officers_role .officers_role_box dt li { font-size: 14px;}
#officers_role .officers_role_box dd li { font-size: 14px;}
#officers_role .officers_role_box dd dl.flex { font-size: 14px;}

#everyone .map_box                   { flex-wrap:wrap; justify-content: center; padding: 0;}
#everyone .search_map                { position: inherit;}
#everyone .search_map .speech_bubble { margin-bottom: 20px;}
#everyone .gifu_map svg              { width: 100%;}

#everyone .search_box .district select     { font-size: 16px;}
#everyone .search_box .municipality select { font-size: 16px;}
#everyone .search_box .search_results      { font-size: 16px;}


#members .contbox .info_box           { font-size:14px;}
#members .contbox .info_box .date     { margin-right:1rem;}
#members .contbox .info_box span.new  { font-size:12px;}

#sitemap .contbox h4               { width: 100%;}
#sitemap .contbox ul               { width: 100%;}

}

@media only screen and (max-width: 375px) {
h1                                 { font-size: 1.5rem;}

.toggle_btn                        { top:52px; right: 20px;}

.ac_title::before                  { left: 87%;}

}