@charset "utf-8";
 @import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css);
:root{
font-size: 18px;
}
body {
line-height: 2.0;
}
.wrapper{
background-color: #ffffff;
}
p{
margin-bottom:1em;
}
.container-fluid{
padding:0;
} .row-nopadding {
margin-left: 0;
margin-right: 0;
} .row-nopadding > [class*="col-"] {
padding-left: 0;
padding-right: 0;
} img {
max-width: 100%;
height: auto;
image-rendering: auto;
image-rendering: -webkit-optimize-contrast;
}
.v-middle{
vertical-align: middle;
}
.v-bottom{
vertical-align:bottom;
}
.alignleft{
float:left;
padding-right:30px;
padding-bottom:30px;
}
.alignright{
float:right;
padding-left:30px;
padding-bottom:30px;
}
.aligncenter{
display: block;
margin: 0 auto;
}
hr.clear{
visibility: hidden;
clear: both;
height: 1px;
margin: 0;
} .row-eq-height {
display: flex;
flex-wrap: wrap;
}
h1{
font-weight: 600;
}
h2,h3,h4,h5,h6{
font-weight: 500;
} table, table.table{
width: 100%;
border: 1px solid #a1a1a2;
margin-bottom: 15px;
}
table tr th{
border: 1px solid #a1a1a2;
background-color:#efefef;
padding: 5px 10px;
line-height: 1.5;
text-align: center;
white-space: nowrap;
font-weight: 500;
}
table tr td{
border: 1px solid #a1a1a2;
padding: 5px 10px;
line-height: 1.5;
background-color:#ffffff;
}
table tr td.line-top-none{
border-top: none;
}
table tr td.line-bottom-none{
border-bottom: none;
}
table tr td.line-left-none{
border-left: none;
}
table tr td.line-right-none{
border-right: none;
}
table ol{
margin: 0;
padding-left: 1.25em;
}
table ul{
margin: 0;
padding-left: 1.25em;
}
table tr th p, table tr td p{
margin: 0;
line-height: 1.5;
}
table tr th.nowrap, table tr td.nowrap{
white-space:nowrap;
}
a{
color:#0068b7;
}
blockquote{
margin-left: 40px;
margin-right: 40px;
} header#site-header{ padding: 0;
margin: 0;
border-bottom: 5px solid #231815;
line-height: 1;
background-color: #ffffff;
z-index: 1050;
} header#site-header .logo-mark{
padding-left: 0.5rem;
padding-right: 0.5rem;
} header#site-header .navbar{
padding: 0;
}
header#site-header .nav-menu ul{
width: 100%;
margin-right: 30px;
}
header#site-header .nav-menu ul li{
text-align: center;
line-height: 1;
margin-left: 10px;
margin-right: 10px;
position: relative;
border-top: solid 1px #c7000b;
}
header#site-header .nav-menu ul li a::before{
content: "";
display: inline-block; border-right: 10px solid transparent;
border-bottom: 10px solid transparent; border-top: 10px solid #c7000b;
border-left: 10px solid #c7000b;
position: absolute;
left:0;
top:0;
}
header#site-header .nav-menu ul li.mobile{
display: none;
visibility: hidden;    
}
header#site-header .nav-menu ul li:last-child{
margin-right: 0px;
}
header#site-header .nav-menu ul li:first-child{
margin-left: 0px;
}
header#site-header .nav-menu ul li a{
display: inline-block;
padding: 3px 15px 3px 20px;
height: 100%;
}
header#site-header .nav-menu ul li a:hover{
text-decoration: none;
background-color: #c7000b;
color:#ffffff;
font-weight: 600;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
color: var(--bs-nav-link-color);
} header#site-header .nav-menu ul li.dropdown:hover > ul.dropdown-menu{
display: block;
position: absolute;
z-index: 1050;
}
header#site-header .nav-menu ul li.dropdown ul.dropdown-menu{
margin: 0;
border-radius: 0;
border: none;
background-color:#ffffff;
padding: 15px 5px;
width: 200px;
}
.home header#site-header .nav-menu ul li.dropdown ul.dropdown-menu{
background-color: rgba(0,0,0,0.70);
}
header#site-header .nav-menu ul li.dropdown ul.dropdown-menu li{
width: 100%;
padding: 0;
text-align: left;
line-height: 1.5em;
border-left: none;
}
header#site-header .nav-menu ul li.dropdown ul.dropdown-menu li:last-child{
border-right: none;
}
header#site-header .nav-menu ul li.dropdown ul.dropdown-menu li a::before{
padding-right: 0;
display: none;
}
header#site-header .nav-menu ul li.dropdown ul.dropdown-menu li a{
border: none;
padding-left: 5px;
padding-right: 5px;
}
header#site-header .nav-menu ul li.dropdown ul.dropdown-menu li a:hover{
background-color: #000F67;
color:#ffffff;
}
.home header#site-header .nav-menu ul li.dropdown ul.dropdown-menu li a:hover{
background-color: #000F67;
color:#ffffff;
} header#site-header .nav-menu ul li.dropdown ul.dropdown-menu li.menu-mobile{
display: none;
visibility: hidden;
} header#site-header #header-first{
margin: 0;
padding: 0;
}
header#site-header #header-first ul#menu-topsubmenu{
list-style: none;
margin: 0 auto;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
}
header#site-header #header-first ul#menu-topsubmenu li{
margin: 0;
padding: 0;
font-size: 0.75rem;
}
header#site-header #header-first ul#menu-topsubmenu li a{
display: inline-block;
text-align: center;
width: 85px;
aspect-ratio: 1 / 1;
color: #ffffff;
text-decoration: none;
padding: 15px 5px;
}
header#site-header #header-first ul#menu-topsubmenu li.recruit a{
background-color: #686d71;
}
header#site-header #header-first ul#menu-topsubmenu li.recruit a::before{
content:'\F4CF';
font-family: "bootstrap-icons";
display: block;
font-size: 2rem;
}
header#site-header #header-first ul#menu-topsubmenu li.recruit a:hover{
background-color: #787d7f;
}
header#site-header #header-first ul#menu-topsubmenu li.contact a{
background-color:#a40000;
}
header#site-header #header-first ul#menu-topsubmenu li.contact a::before{
content:'\F32F';
font-family: "bootstrap-icons";
display: block;
font-size: 2rem;
}
header#site-header #header-first ul#menu-topsubmenu li.contact a:hover{
background-color:#a33131;
}  #front-page{
margin-bottom: 45px;
font-size: 1rem;
} #front-page #slider{
margin: 0;
position: relative;
} #front-page #section01{
margin-top: 75px;
margin-bottom: 75px;
padding-left: 15px;
padding-right: 15px;
}
#front-page #section01 p{
font-size: 1.25rem;
line-height: 2.5rem;
text-align: center;
margin-bottom: 0;
font-style: italic;
} #front-page #section01 #newinfo .viewall{
text-align:right;
margin: 30px 0 0;
padding: 0 0 0 0;
}
#front-page #section01 #newinfo .viewall a{
background-color:#595757;
color: #ffffff;
padding: 0px 30px;
display: inline-block;
}
#front-page #section01 #newinfo .viewall a:hover{
text-decoration: none;
background-color:rgba(89,87,87,0.80);
color: #ffffff;
} #front-page #section02{
text-align: center;
background-color: #efefef;
margin-top: 75px;
margin-bottom: 75px;
padding: 0;
position: relative;
}
#front-page #section02 .text{
display: block;
margin: 15px;
}
#front-page #section02 .text h1{
font-size: 2rem;
border-left: 3px solid #a40000;
border-right: 3px solid #a40000;
display: inline-block;
line-height: 1;
padding: 5px 30px;
margin-bottom: 15px;
}
#front-page #section02 p.more{
line-height: 1;
}
#front-page #section02 p.more a{
display: inline-block;
text-decoration: none;
color: #212529;
padding-left: 5px;
}
#front-page #section02 p.more a:hover{
background: linear-gradient(transparent 60%, #ff8888 60%);
}
#front-page #section02 p.more a::after{
content: "";
display: inline-block; border-right: 9px solid transparent;
border-bottom: 9px solid #a40000; border-top: 9px solid transparent;
border-left: 9px solid #a40000;
margin-left: 10px;
}
#front-page #section02 .photo p{
margin: 0;
}
#front-page #section02 .photo img{
width: auto!important; height: 100%!important; object-fit: cover; } ol.breadcrumb{
line-height: 1;
margin-bottom: 30px;
font-size: 0.9rem;
}
ol.breadcrumb a{
color: #212529;
}
.breadcrumb-item+.breadcrumb-item::before{
content:var(--bs-breadcrumb-divider, '\F285');
font-family: "bootstrap-icons";
padding-top: 2px;
} .contents{
margin-top: 15px;
margin-bottom: 30px;
padding: 0;
} header.entry-header{
background-color: #a40000;
padding: 10px 0;
margin-bottom: 30px;
}
header.entry-header h1{
color: #ffffff;
padding: 0;
line-height: 1.5;
font-size: 2.1rem;
margin: 0;
text-align: center;
}
header.entry-header h1.entry-title .subtitle{
display: block;
border-top: 1px solid #FFFFFF;
font-size: 1.25rem;
margin-top: 1px;
} #content{
padding-bottom: 45px;
}
#content .entry-content{
}
#content .entry-content p.mincho{
font-family: 'Noto Serif JP', serif;
}
#content .entry-content h1{
font-size: 1.9rem;
margin-top: 30px;
margin-bottom: 30px;
line-height: 1.5em;
border-bottom: 1px solid #212529;
}
#content .entry-content h2{
padding: 5px 20px; position: relative;
font-size: 1.6rem;
margin-top: 45px;
margin-bottom: 15px;
color: #ffffff;
background-color: #686d71;
border-left: 6px solid #a40000;
}
#content .entry-content h3{
font-size: 1.4rem;
margin-top: 20px;
padding: 5px 5px; 
margin-bottom: 15px;
border-bottom: 4px solid #b5b5b6;
}
#content .entry-content h4, #content .entry-content h5, #content .entry-content h6{
font-size: 1.25rem;
margin-top: 15px;
}
#content .entry-content .entry-date{
text-align: right;
margin-bottom: 0.5em;
}
#content .entry-content img.img-base{
vertical-align: baseline;
}
#content .entry-content table.machine{
table-layout: fixed;
overflow-wrap: break-word;
word-wrap: break-word;
}   #content .entry-content .gallery,#content .entry-post .gallery{
margin: 0 -5px;
display: flex;
flex-wrap: wrap;
}
#content .entry-content .gallery dl.gallery-item, #content .entry-post .gallery dl.gallery-item{
padding-right: 5px;
padding-left: 5px;
float: none;
}
#content .entry-content .gallery.gallery-columns-4 .gallery-item, #content .entry-post .gallery.gallery-columns-4 .gallery-item{
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
} 
#content .entry-content .gallery.gallery-columns-3 .gallery-item, #content .entry-post .gallery.gallery-columns-3 .gallery-item{
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.333%;
}
#content .entry-content .gallery.gallery-columns-2 .gallery-item, #content .entry-post .gallery.gallery-columns-2 .gallery-item{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
#content .entry-content .gallery-item img, #content .entry-post .gallery-item img{
border:none;
}
#content .entry-content .gallery dl.gallery-item .gallery-caption, #content .entry-post .gallery dl.gallery-item .gallery-caption{
font-size: 0.8rem;
line-height: 1.5;
}
#content .entry-content .gallery.gallery-columns-4 .gallery-item img, #content .entry-post .gallery.gallery-columns-4 .gallery-item img,
#content .entry-content .gallery.gallery-columns-3 .gallery-item img, #content .entry-post .gallery.gallery-columns-3 .gallery-item img{
aspect-ratio: 1 / 1;
object-fit: cover;
object-position: 50% 50%;
}
#content .entry-content .gallery.gallery-columns-2 .gallery-item img,#content .entry-post .gallery.gallery-columns-2 .gallery-item img {
aspect-ratio: 4 / 3;
object-fit: cover;
object-position: 50% 50%;
}
#content .entry-content .gallery br, #content .entry-post .gallery br{
visibility: hidden;
display: none;
}   #front-page ul[class^="photo"], #content .entry-content ul[class^="photo"]{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0 -10px;
padding: 0;
}
#front-page ul[class^="photo"] li, #content .entry-content ul[class^="photo"] li{
margin-bottom: 15px;
padding: 5px 10px;
line-height: 1.5;
font-size: 1.0rem;
} #front-page ul.photo02 li, #content .entry-content ul.photo02 li{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
} #front-page ul.photo03 li,#content .entry-content ul.photo03 li{
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
} #front-page ul.photo04 li,#content .entry-content ul.photo04 li{
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
} #front-page ul.photo05 li, #content .entry-content ul.photo05 li{
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
} #front-page ul.photo06 li,#content .entry-content ul.photo06 li{
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66%;
flex: 0 0 16.66%;
max-width: 16.66%;
} #content .entry-content ul.imgbutton li a{
display:  block;
border:solid 1px #aaaaaa;
}
#content .entry-content ul.imgbutton li a .ib-text{
padding-top: 5px;
padding-bottom: 5px;
font-size: 16px;
display:block;
}
#content .entry-content ul.imgbutton li a:hover{
opacity: 0.8;
} #content .entry-content p.greeting{
text-align: right;
font-size: 1.5rem;
} #content .entry-content .childlist h2{
text-align: center;
border-top: solid 1px #a40000;
font-weight: normal;
font-size: 1.2rem;
padding: 10px 0;
margin-bottom: 0;
margin-top: 0;
background-image: none;
color:inherit;
}
#content .entry-content .childlist h2::before{
content: '';
padding: 0;
} #content .entry-content .recruit{
font-size: 1.5rem;
line-height: 1.5rem;
text-align: center;
}   #front-page ul[class^="list"], #content .entry-content ul[class^="list"]{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#front-page ul[class^="list"] li, #content .entry-content ul[class^="list"] li{
} #front-page ul.list02 li, #content .entry-content ul.list02 li{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
} #front-page ul.list03 li,#content .entry-content ul.list03 li{
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
} iframe[src*="google.com"], iframe[src*="google.co.jp"]{
max-width: 100%;
}
iframe[src*="google.co.jp"]{
border: 0;
} .video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}
.video iframe[src*="youtube.com"] {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
max-height: 100%;
}   #content .post-content #nav-below{
margin-top: 45px;
margin-left: 0px;
margin-right: 0px;
} #content .post-content #nav-below .nav-previous{
padding-left: 0;
position: relative;
}
#content .post-content #nav-below .nav-previous a{
} #content .post-content #nav-below .nav-next{
padding-right: 0;
text-align: right;
position: relative;
}
#content .post-content #nav-below .nav-next a{
background: -moz-linear-gradient(right, transparent, #fce2ba);
background: -webkit-linear-gradient(right, transparent, #fce2ba);
background: linear-gradient(to right, transparent, #fce2ba);
color: #212529;
padding: 2px 20px 2px 80px;
}
#content .post-content #nav-below .nav-next a:hover{
text-decoration: none;
background: -moz-linear-gradient(left, transparent, #fce2ba);
background: -webkit-linear-gradient(left, transparent, #fce2ba);
background: linear-gradient(to left, transparent, #fce2ba);
}   a.btn[target="_blank"]::after {
font-family: "bootstrap-icons";
content : "\F1C5";
font-weight: 900;
padding-left: 15px;
}
a:not([href*="sumonkikou"])[target="_blank"]::after {
font-family: "bootstrap-icons";
content : "\F1C5";
font-weight: 900;
padding-left: 5px;
}
a[href$=".pdf"][target="_blank"]::after {
content : none;
padding-left: 0px;
}
a.img[target="_blank"]::after {
content : none;
padding-left: 0px;
}
#front-page #slider a[target="_blank"]::after {
content:none;
}
#front-page #section03 .bannerlist a[target="_blank"]::after {
content:none;
}
#content .entry-content ul.imgbutton li a[target="_blank"]::after {
content : none;
padding-left: 0px;
}   a[href$=".pdf"] {
background: url(//www.sumonkikou.com/wp-content/themes/sumonkikou/images/icon/pdf.png) no-repeat left 3px;
margin:0px;
padding: 0px 0px 15px 25px;
}  
a[href$=".doc"], a[href$=".docx"]{
background: url(//www.sumonkikou.com/wp-content/themes/sumonkikou/images/icon/word.png) no-repeat left 3px;
margin:0px;
padding: 0px 0px 15px 25px;
}  
a[href$=".xls"], a[href$=".xlsx"]{
background: url(//www.sumonkikou.com/wp-content/themes/sumonkikou/images/icon/excel.png) no-repeat left 3px;
margin:0px;
padding: 0px 0px 15px 25px;
}
a[href$=".pdf"] img {
margin-left: -25px;
background-image: none;
}  
a[href$=".doc"] img, a[href$=".docx"] img{
margin-left: -25px;
background-image: none;
}  
a[href$=".xls"] img, a[href$=".xlsx"] img{
margin-left: -25px;
background-image: none;
}
.linkbutton{
text-align: center;
}
.linkbutton a{
border: 1px solid #595757;
border-radius: 50px;
background-color: #595757;
color: #ffffff;
padding: 15px 30px;
font-size: 20px;
display: inline-block;
}
.linkbutton a:hover{
text-decoration: none;
border: 1px solid #898989;
background-color: #898989;
}    .archive-content .number{
text-align: right;
}
.archive-content ul{
padding: 0;
list-style: none;
margin: 0;
}
.archive-content ul li{
padding: 30px 0 5px 0;
line-height: 1.25em;
border-bottom:solid 1px #9fa0a0;
}
.archive-content ul li a{
text-decoration:none;
color: #212529;
}
.archive-content ul li .date{
display:inline-block;
vertical-align: top;
width: 150px;
}
.archive-content ul li .title{
display: inline-block;
vertical-align: top;
width: calc(100% - 180px);
} #content .archive-content .entry-header h2::before{
content: "■ ";
color: #71b567;
}
#content .archive-content .entry-header h2{
font-size: 24px;
font-weight: 600;
margin-top: 30px;
margin-bottom: 15px;
}
#content .archive-content .entry-summary .entry-date{
margin-bottom: 0;
}
#content .archive-content .entry-summary h2.entry-title{
font-size: 18px;
margin: 0 0 15px;
}
#content .archive-content .entry-summary .excerpt_more{
text-align: right;
}
#content .archive-content .entry-summary .excerpt_more a i.fa{
color: #212529;
}
#content .archive-content .entry-summary p{
line-height: 1.75em;
} #content #nav-above{
margin-top: 30px;
padding-right: 15px;
padding-left: 15px;
width: 100%;
}
#content #nav-above .tab_nav{
text-align: center;
line-height: 1.25em;
}
#content #nav-above .tab_nav .page-numbers {
padding: 2px 7px;
border:solid 1px #a40000;
color: #212529;
margin-left: 3px;
margin-right: 3px;
}
#content #nav-above .tab_nav .page-numbers:hover{
color: #FFFFFF;
border:solid 1px #a40000;
background-color: #a40000;
text-decoration: none;
}
#content #nav-above .tab_nav .current {
padding: 2px 7px;
color: #FFFFFF;
border:solid 1px #a40000;
background-color: #a40000;
} #content .entry-content .list_back{
margin-top: 30px;
padding: 45px 0px;
border-top: 1px solid #9fa0a0;
text-align: center;
font-weight: 500;
}
#content .entry-content .list_back a{
margin: 10px 0;
padding: 5px 20px;
border: 1px solid #a40000;
text-decoration: none;
font-size: 1.5rem;
color: #212529;
}
#content .entry-content .list_back a:hover{
background-color:#a40000;
color: #ffffff;
text-decoration: none;
}
#content .entry-content .list_back a:hover::after{
color: #ffffff;
} #content .taxonomy-work{
margin-top: 15px;
}
#content .taxonomy-work .work_post_list .work_item{
margin-bottom: 30px;
}
#content .taxonomy-work .work_post_list .work_item .work_photo{
position: relative;
overflow: hidden;
padding-top: 75%; }
#content .taxonomy-work .work_post_list .work_item .work_photo img{ position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
object-fit: cover;
height: 100%;
}
#content .taxonomy-work .work_post_list .work_item .work_name{
padding: 5px 0 10px;
line-height: 1.5;
font-size: 1rem;
font-weight: 400;
}
#content .taxonomy-work .work_post_list .work_item .work_name a{
color: #212529;
} #content .search-content div[class^="post-"]{
padding: 15px;
border: 1px solid transparent;
margin-bottom: 15px;
}
#content .search-content div[class^="post-"]:hover{
border: 1px solid #ed6c00;
}
#content .search-content header {
margin-bottom: 15px;
}
#content .search-content header h2{
font-size: 20px;
}
#content .search-content .entry-content{
margin-left: 45px;
}
#content .search-content .entry-content p{
margin-bottom: 5px;
}
#content .search-content .excerpt_more{
text-align: right;
} #side-bar{
}
#side-bar .sticky-top{
top: 140px;
} #side-bar .widget{
margin-bottom: 45px;
}
#side-bar h3{
background-color: #686d71;
border-left: 6px solid #a40000;
padding: 8px 10px;
margin-top: 0;
margin-bottom: 3px;
font-size: 1.2rem;
line-height: 1;
font-weight: 500;
color: #ffffff;
}
#side-bar ul{
padding: 0;
list-style: none;
margin: 0;
}
#side-bar ul li{
border-bottom: solid 1px #9fa0a0;
line-height: 1.5em;
}
#side-bar ul li a{
display: block;
padding: 10px 0px;
color:#212529;
}
#side-bar ul li a:hover{
}
#side-bar ul.menu{
padding: 0;
list-style: none;
}
#side-bar ul.menu li{
line-height: 1.5em;
border: none;
border-bottom: solid 1px #666666;
}
#side-bar ul.menu li:first-child{
border-top: solid 1px #666666;
}
#side-bar ul.menu li a{
display: block;
padding: 10px 5px;
color:#212529;
text-decoration: none;
}
#side-bar ul.menu li a:hover{
background-color: #c7000b;
color:#ffffff;
} footer{
padding:0;
position: relative;
text-align: center;
background-color: #efefef;
} footer .footer01{
position: relative;
}
footer #footer-first{
padding-top: 30px;
padding-bottom: 15px;
}
footer #footer-first h1{
font-size: 1.5rem;
}
footer #footer-first p{
line-height: 1.5;
margin: 0;
}
footer #footer-first .button-wrap{
margin-top: 30px;
}
footer #footer-first .telarea, footer #footer-first .mailarea{
text-align: left;
padding: 0;
width: 320px;
height: 70px;
background-color: #898989;
color: #ffffff;
font-size: 0.8rem;
position: relative;
}
footer #footer-first .telarea::before,footer #footer-first .mailarea::before{
content: "";
display: inline-block; border-right: 16px solid transparent;
border-bottom: 16px solid transparent; border-top: 16px solid #a40000;
border-left: 16px solid #a40000;
position: absolute;
top:0;
left: 0;
}
footer #footer-first .telarea p, footer #footer-first .mailarea p{
line-height: 1.25;
}
footer #footer-first .telarea p.tel{
font-size: 1.35rem;
line-height: 1;
height: 100%;
}
footer #footer-first .telarea .info{
font-size: 0.7rem;
display: inline-block;
}
footer #footer-first .telarea p.tel a{
display: block;
padding: 10px 10px 0px 85px;
width: 100%;
height: 100%;
color: #ffffff;
text-decoration: none;
background-image: url(//www.sumonkikou.com/wp-content/themes/sumonkikou/images/footer_tel.png);
background-position: left 30px center;
background-repeat: no-repeat;
}
footer #footer-first .mailarea p.mail {
font-size: 1.25rem;
height: 100%;
}
footer #footer-first .mailarea p.mail a{
display: block;
padding: 20px 10px 0px 85px;
width: 100%;
height: 100%;
color: #ffffff;
text-decoration: none;
background-image:url(//www.sumonkikou.com/wp-content/themes/sumonkikou/images/footer_mail.png);
background-position: left 30px center;
background-repeat: no-repeat;
}
footer #footer-first p.tel a:hover, footer #footer-first p.mail a:hover{
background-color: #686d71;
} footer .footer02{
position: relative;
}
footer #footer-second{
position: relative;
padding: 15px 0;
}
footer #footer-second ul#menu-footer{
list-style: none;
margin: 0 auto;
padding: 0;
display: flex;
justify-content: center;
flex-wrap: wrap;    
}
footer #footer-second ul#menu-footer li{
padding: 0px 15px;
border-right: solid 1px #333333;
line-height: 1;
margin: 5px 0;
}
footer #footer-second ul#menu-footer li a{
color:#212529;
text-decoration: none;
}
footer #footer-second ul#menu-footer li a:hover{
text-decoration:underline;
}
footer #footer-second ul#menu-footer li:last-child{
border-right: none;
} footer .footer03{
position: relative;
background-color:#a40000;
}
footer #copyright{
padding: 10px 0px;
color:#ffffff;
font-size: 0.75rem;
}
footer #copyright p{
margin: 0;
padding: 0;
line-height: 1;
} .red{
color:#FF0004;
font-size: 12px;
}
#content .entry-content p.tel::before{
content: '\F5B4';
font-family: "bootstrap-icons";
font-size: 2rem;
padding-right: 15px;
}
#content .entry-content p.tel{
font-size: 2.2rem;
margin-bottom: 15px;
font-weight: 500;
line-height: 1.25;
}
#content .entry-content .caution{
border: 3px dotted #666666;
margin-bottom: 30px;
padding: 5px 15px;
} span.wpcf7-list-item {
margin-left: 15px;
}
span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after{
content: " ";
}
.form-group input#zip, .form-group input#zip2{
margin-bottom: 5px;
}
.disnon{
display: none;
}
.form-group .form-control{
font-weight: 300;
}
.form-group .btn{
padding: 10px 30px;
font-size: 1.2rem;
}   #page-top {
position: fixed;
right: 30px; z-index: 1200;
margin-left: -100px;
}
#page-top a {
background: #898989;
border: solid 2px #ffffff;
text-decoration: none;
color: #fff;
text-align: center;
display: block;
border-radius: 50%;
line-height: 1em;
height: 90px;
width: 90px;
padding-top: 25px;
font-size: 14px;
}
#page-top a .bi::before{
font-size: 2rem;
line-height: 0.5em;
}
#page-top a:hover {
text-decoration: none;
background: #686d71;
}
@media screen and (max-width: 1199.98px) {
header#site-header .logo-mark{
width: 30%;
}
}
@media screen and (max-width: 991.98px) {
header#site-header .logo-mark{
width: 30%;
}
header#site-header .nav-menu ul {
margin-right: 15px;
}    
header#site-header .nav-menu ul li{
font-size: 0.85rem;
margin-right: 5px;
margin-left: 5px;
}
header#site-header .nav-menu ul li a{
padding: 5px 10px 5px 18px;
} header#site-header #header-first ul#menu-topsubmenu li{
font-size: 0.6rem;
}
header#site-header #header-first ul#menu-topsubmenu li a{
width: 70px;
aspect-ratio: 1 / 1;
color: #ffffff;
text-decoration: none;
padding: 15px 5px;
}
header#site-header #header-first ul#menu-topsubmenu li.recruit a::before{
font-size: 1.5rem;
}
header#site-header #header-first ul#menu-topsubmenu li.contact a::before{
font-size: 1.5rem;
}    #front-page #section01 p {
font-size: 1.1rem;
line-height: 2rem;
} #front-page #section02 .text{
margin-bottom: 30px;
margin-top: 45px;
}
#front-page #section02 .text h1{
font-size: 1.5rem;
}   .container-lg{
margin-left: 15px;
margin-right: 15px;
max-width: 100%;
width: inherit;
} #content .entry-content .recruit{
font-size: 1.25rem;
line-height: 1.25rem;
text-align: center;
}   footer .footer02::after{
content:none;
position:relative;
}	
footer .footer02{
padding: 0;
}
footer #footer-second ul#menu-footer{
justify-content: flex-start;
}    
footer #footer-third {
padding-right: 15px;
} .copyright p#copyright{
margin-top: 10px;
text-align: left;
}
}
@media screen and (max-width: 767.98px) {
:root{
font-size: 16px;
}
html{
text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
body{
text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
p, ul, ol, li{
max-height: 100%; }
.wrapper{ }
header#site-header{
position:relative;
z-index: 1500;
width: 100%;
min-height: 68px;
padding-top: 10px;
padding-bottom: 10px;
}
header#site-header .logo-mark{
padding-right: 60px;
width: 100%;
}
header#site-header .container-fluid{ -webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;	
}
header#site-header #header{ width: 100%;
min-height: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
header#site-header #header .logo-mark {
z-index: 100;
padding-right: 50px;
}
header#site-header #header .logo-mark a{
}
header#site-header #header .logo-mark img{
}
header#site-header .navbar{
-webkit-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}  header#site-header #header_navi .navbar{
position: inherit;        
width: 100%;
} .navbar .navbar-toggler {
color: #ffffff;
background-color: #999999;
width: 34%;
height: 70px;
display: flex;
justify-content: center;
position: fixed;
left: 0;
bottom: 0;
z-index: 100;
border: none;
border-radius: 0;
}
.navbar .navbar-toggler:hover{
background-color: #aaaaaa;
}
.navbar-toggler .toggler-line{
display: block;
background: #ffffff;
width: 24px;
height: 2px;
position: absolute; margin: 0 auto;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
}
.navbar-toggler .toggler-line:first-child{
top: 15px;
}
.navbar-toggler .toggler-line:nth-child(2){ top: 25px;
}	
.navbar-toggler .toggler-line:nth-child(3){
top: 35px;
}
.navbar-toggler .name{
font-size: 0.9rem;
display: block;
position: absolute;
margin: 0 auto;
bottom: 15px;
}
.navbar-toggler[aria-expanded="true"] .toggler-line:first-child{
-webkit-transform: translateY(12px) rotate(-45deg);
transform: translateY(12px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .toggler-line:nth-child(2){
background-color: transparent;
display: none;
}	
.navbar-toggler[aria-expanded="true"] .toggler-line:nth-child(3){
-webkit-transform: translateY(-8px) rotate(45deg);
transform: translateY(-8px) rotate(45deg);
}
.navbar-toggler:focus{
box-shadow: none;
} .navbar-collapse.show {
display: flex;
flex-direction: column;
justify-content: flex-end;
height: calc(100svh - 70px);
}
ul#menu-mainmenu.justify-content-end{
justify-content:flex-start!important;
}
header#site-header .nav-menu{
border-bottom: none; position: fixed;
left: 0;
bottom: 70px;
width: 100%;
background-color: #ffffff;
} header#site-header .nav-menu ul {
padding-top: 30px;
padding-bottom: 30px;
margin: 0;
overflow-y: auto;
}
header#site-header .nav-menu ul li{
padding: 0px;
margin: 0;
}
header#site-header .nav-menu ul li.mobile{
display:block;
visibility:visible;    
}    
header#site-header .nav-menu ul li a{
display: block;
padding: 15px;
}
header#site-header .nav-menu ul li[id^="menu"]{
width: 100%;
display: block;
text-align: center;
border-bottom: solid 1px #ffffff;
border-left: none;
font-size: 22px;
line-height: 1.5em;
padding: 0px;
}
header#site-header .nav-menu ul li:last-child {
border-right: none;
}
header#site-header .nav-menu ul li a{
} header#site-header .nav-menu ul li.dropdown > ul.dropdown-menu{
display: none;
position: relative;
top:0;
}
header#site-header .nav-menu ul li.dropdown:hover > ul.dropdown-menu{
display: none;
position: relative;
}
.home header#site-header .nav-menu ul li.dropdown ul.dropdown-menu{
margin-bottom: 10px;
}
header#site-header .nav-menu ul li.dropdown.show ul.dropdown-menu.show{
display: block;
height: inherit;
padding: 0;
width: 100%;
box-sizing: border-box;
}
header#site-header .nav-menu ul li.dropdown.show ul.dropdown-menu.show li{
font-size: 16px;
line-height: 1.25em;
text-align: center;
}
header#site-header .nav-menu ul li.dropdown.show ul.dropdown-menu.show li:last-child{
border-bottom: none;
}
header#site-header .nav-menu ul li.dropdown.show ul.dropdown-menu.show li a{
padding: 10px 15px;
}
.home header#site-header .nav-menu ul li.dropdown.show ul.dropdown-menu.show li a:hover{
}
header#site-header .nav-menu ul li.dropdown.show ul.dropdown-menu.show li.menu-mobile{
display:block;
visibility:visible;
} header#site-header #header-first{
position: fixed;
right: 0;
bottom: 0;
width: 66%;
}
header#site-header #header-first ul#menu-topsubmenu{
width: 100%;
}
header#site-header #header-first ul#menu-topsubmenu li{
width:  50%;
font-size: 0.9rem;
}
header#site-header #header-first ul#menu-topsubmenu li a{
width: 100%;
height: 70px;
}   #front-page {
margin-bottom: 60px;
}
#front-page #section02 .photo img{
aspect-ratio: 5 / 3!important;
object-fit: cover;
object-position: 50% 50%;
width: 100%!important;
height: auto!important;
}   .contents{
position: relative; }
#content {
padding-bottom: 50px;
} header.entry-header h1{
font-size: 1.8rem;
}
#content .entry-content h1, #content .entry-post h1{
font-size: 22px;
}
#content .entry-content h2, #content .entry-post h2{
font-size: 1.6rem;
margin-top: 30px;
}
#content .entry-content h3, #content .entry-post h3{
font-size: 1.25rem;
margin-top: 10px;
}
#content .entry-content h4::before, #content .entry-post h4::before{
font-size: 1.1rem;
}
#content .entry-content h4, #content .entry-post h4,
#content .entry-content h5, #content .entry-post h5,
#content .entry-content h6, #content .entry-post h6{
font-size: 1.1rem;
}
#content .entry-content a[id*="p0"], #content .entry-post a[id*="p0"]{
padding-top: 150px;
} #content .entry-content iframe[src*="google.com"],
#content .entry-post iframe[src*="google.com"]{
max-width: 100%;
height: 50vh;
} #content .entry-content .gallery br, #content .entry-post .gallery br{
visibility: hidden;
display: none;
}
#content .entry-content .gallery.gallery-columns-4 .gallery-item,#content .entry-post .gallery.gallery-columns-4 .gallery-item{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}    
#content .entry-content .gallery.gallery-columns-3 .gallery-item,#content .entry-post .gallery.gallery-columns-3 .gallery-item{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
#content .entry-content .gallery dl.gallery-item .gallery-caption, #content .entry-post .gallery dl.gallery-item .gallery-caption{
font-size: 0.9rem;
} #content #side-bar{
margin-top: 30px;
padding-left:15px;
} #front-page ul[class^="photo"] li, #content .entry-content ul[class^="photo"] li{
font-size: 0.8rem;
} #front-page ul.photo03 li, #content .entry-content ul.photo03 li, #content .entry-post ul.photo03 li{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
} #front-page ul.photo04 li, #content .entry-content ul.photo04 li, #content .entry-post ul.photo04 li{
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
} #front-page ul.photo05 li, #content .entry-content ul.photo05 li, #content .entry-post ul.photo05 li{
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}   .archive-content ul li{
padding-top: 10px;
}
.archive-content ul li .date{
display: block;
width: 100%;
}
.archive-content ul li .title{
display: block;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}   footer #site-footer{
margin-bottom: 70px;
border-bottom: 1px solid #ffffff;
}
footer #footer-first .telarea p.tel{
font-size: 1.5rem;
}
footer #footer-second ul#menu-footer{
justify-content:flex-start;
}	
footer #footer-first .button-wrap .telarea{
margin-bottom: 10px;
}    
footer #footer-first .telarea, footer #footer-first .mailarea{
width: 290px;
}   #page-top {
position: relative;
display: none!important;
visibility: hidden;
height: 0;
width: 0;
}
}
@media screen and (max-width: 575.98px) {
html{
}
body{
line-height: 1.5em;
}
table tr th{
padding: 5px;
}
table tr td{
padding: 5px;
} .home header#site-header .navbar .nav-menu #navbarMainMenuContent.show{
height: calc(100vh - 170px);
} .n2-ss-slider{
min-height: 150px!important;
}  #front-page #section01 p {
text-align: left;
}   .archive-post ul li{
padding: 15px;
}
.archive-post ul li .post-date{
display:block;
width: 100%;
margin-bottom: 5px;
}
.archive-post ul li .post-name{
display: block;
width : 100%;
} #front-page ul[class^="photo"] li, #content .entry-content ul[class^="photo"] li, #content .entry-post ul[class^="photo"] li{
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
} #front-page ul.photo03 li, #content .entry-content ul.photo03 li, #content .entry-post ul.photo03 li{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
} #front-page ul.photo04 li, #content .entry-content ul.photo04 li, #content .entry-post ul.photo04 li{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
} #front-page ul.photo05 li, #content .entry-content ul.photo05 li, #content .entry-post ul.photo05 li{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
} .alignleft{
float:none;
display:block;
padding-right:0px;
padding-bottom:10px;
}
.alignright{
float:none;
display: block;
padding-left:0px;
padding-bottom:10px;
}    #content .entry-content p.tel{
font-size: 2rem;
}
#content .entry-content p.tel span{
display: block;
margin-top: 15px;
} #content .entry-content blockquote{
margin-left: 0px;
margin-right: 0px;
margin-top: 15px;
}
#content .entry-content p.greeting{
font-size: 1.4rem;
} #content .entry-content .recruit{
text-align: left;
line-height: 1.25;
}   #side-bar .posts-all-link{
margin-top: 3px;
}   footer #footer-second p.mail{
font-size: 1.25rem;
}
footer #footer-third{
text-align: left;
}
footer #footer-third p.tel{
font-size: 1.25rem;
}
footer #copyright{
font-size: 12px;
}
}
@media screen and (min-width: 576px) { a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
color:#333333;
}	
footer a[href*="tel:"] {
color:#ffffff;
}
footer #footer-first p.tel a:hover{
background-color: #686d71;
}
}	
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1200px) {
}