@charset "utf-8";
/*
Theme Name: monopp-navi
Theme URI:
Description: monopp-navi
Version: 1.0
Author: TENSHOKU ICHIBA Inc.
Author URI: http://www.1049.cc
*/


@font-face {
    font-family: "LINE Seed JP_OTF";
    src: url("assets/fonts/LINESeedJP_OTF_Eb.woff") format('woff');
    font-weight: 800;
}

@font-face {
    font-family: "LINE Seed JP_OTF";
    src: url("assets/fonts/LINESeedJP_OTF_Bd.woff") format('woff');
    font-weight: 700;
}

@font-face {
    font-family: "LINE Seed JP_OTF";
    src: url("assets/fonts/LINESeedJP_OTF_Rg.woff") format('woff');
    font-weight: 400;
}

@font-face {
    font-family: "LINE Seed JP_OTF";
    src: url("assets/fonts/LINESeedJP_OTF_Th.woff") format('woff');
    font-weight: 300;
}


/* --------------------------------------------------------------
 * Reset default browser CSS.
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
}

:focus {
    outline: 0;
}

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

caption, th, td {
    font-weight: normal;
}

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

blockquote, q {
    quotes: "" "";
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    line-height: 1;
}

b, strong {
    font-weight: bold;
}

button {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

ol, ul {
    list-style: none;
}

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

/*------------------------------------------------------------
clearfix -micro
------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/*------------------------------------------------------------
CommonStyle
------------------------------------------------------------*/

body {
    display: flex;
    flex-direction: column;
    color: #2E2E2E;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    overflow-x: hidden;
}


body.modal-on,
body.active {
    overflow: hidden;
}

body.header-open {
    overflow: hidden;
}

body,
body * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
}

body,
input,
textarea,
select,
button {
    font-family: "LINE Seed JP_OTF";
}

main {
    flex: 1 1 auto;
    min-height: 50vh;
}

a,
a:hover {
    text-decoration: none;
}

a {
    display: inline-block;
    color: #333333;
    transition: .3s;
}

a img {
    border: 0;
}

input,
textarea,
select {
    border: solid 1px #cccccc;
    background-color: transparent;
    font-size: 16px;
    vertical-align: top;
}

input,
textarea {
    width: 100%;
}

input[type="text"],
input[type="email"],
input[type="tel"],
select {
    height: 2.5em;
}

textarea,
input:not([type="checkbox"]):not([type="radio"]) {
    -webkit-appearance: none;
    appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
    width: auto;
    vertical-align: baseline;
    cursor: pointer;
}

input[type="radio"] {
    margin: 0;
}

select,
label {
    cursor: pointer;
}

select {
    -webkit-appearance: auto;
    appearance: auto;
}

textarea {
    padding: 10px;
}

.outer {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.pc-only.modal-on {
    overflow: auto;
}

::placeholder {
    color: #919191;
}

::-ms-input-placeholder {
    color: #919191;
}

:-ms-input-placeholder {
    color: #919191;
}

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track:hover {
    background: #ccc;
}

body::-webkit-scrollbar-track {
    background: #fff;
}

body::-webkit-scrollbar-thumb {
    background: #777777;
    border-radius: 10px;
    border: 2px solid transparent;
    background-clip: content-box;
    cursor: pointer;
}

.inner {
    width: 100%;
    max-width: 1040px;
    margin: auto;
    padding: 0 20px;
}

.en, .ttl-en, .number{
    font-family: "Roboto", sans-serif;
}

body{
    margin-top: 64px;
    background: #F7F7F7;
}

input[type="search"]::-webkit-search-decoration:hover,
input[type="search"]::-webkit-search-cancel-button:hover {
    display: none;
}
input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

body.search-focus main,
body.search-focus footer{
    filter: blur(4px);
}

#footer #page-top{
	position: fixed;
    bottom: 20px;
    right: 20px;
	top: unset;
    opacity: 0;
    visibility: hidden;
    transition: .2s;
    z-index: 999;
}
#footer #page-top.is-open{
	opacity: 1;
	visibility: visible;
}
#footer #page-top a svg{
	margin-bottom: 0;
}
#footer #page-top a svg rect{
	transition: .3s;
}
#footer #page-top a:hover svg rect{
	fill: #EE6E01;
}

#wpadminbar{
    position: fixed !important;
}

.article-item .info-bottom .category{
	display: flex;
    flex-direction: column;
}
.silder-homepage .sliderItem-post .info-bottom .category{
	column-gap: 10px;
	row-gap: 6px;
}
.single-main .main-content #toc_container .toc_list li ul li a{
	width: calc(100% - 26px) !important;
}
.single-main .main-content .single-body h4{
	color: #2e2e2e;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 1.8px;
    margin-bottom: 10px;
}
.single-main .main-content .single-body h5,
.single-main .main-content .single-body h6{
	color: #2e2e2e;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 1.8px;
    margin-bottom: 10px;
}


.single-body .search-job{
	margin-bottom: 50px;
}
.single-main .search-job .box-top .info .title{
	margin-bottom: 0;
	border: 0;
	padding-bottom: 0;
}
.single-main .search-job .box-top .info .title:after{
	display: none;
}
.single-main .main-content .single-body p a{
	text-decoration: underline;
	color: blue;
}
.single-main .main-content .single-body figure iframe{
	width: 100%;
}


.search-job.banner-Black{
    border-color: #434343;
    background: #ccc;
    background: linear-gradient(to right, #8e9eab, #eef2f3);
}
.search-job.banner-Black .action a{
    background: linear-gradient(135deg, #000000, #707070);
}
.search-job.banner-Black .box-top .info .title{
    color: #000;
}

.search-job.banner-White{
    border-color: #1c92d2;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.search-job.banner-White .action a{
    background: linear-gradient(135deg, #076585, #b6fbff);
}

.search-job.banner-Red{
    border-color: #ff4e50;
    background: #ffdde1;
}
.search-job.banner-Red .action a{
    background: linear-gradient(135deg, #8A2387, #E94057, #F27121);
}
.search-job.banner-Red .box-top .info .title{
    color: #E94057;
}

.search-job.banner-Yellow{
    border-color: #CAC531;
}
.search-job.banner-Yellow .action a{
    background: linear-gradient(135deg, #fcef64, #fcc44b, #f44c7d);
}

.search-job.banner-Green{
    border-color: #67B26F;
    background: #A1FFCE;
    background: linear-gradient(to right, #A1FFCE, #FAFFD1);
}
.search-job.banner-Green .action a{
    background: linear-gradient(135deg, #f4f269, #5cb270);
}

.search-job.banner-Blue{
    border-color: #00b7da;
    background: #A1FFCE;
    background: linear-gradient(135deg, #52a2d7, #6DD5FA, #fff);
}
.search-job.banner-Blue .action a{
    background: linear-gradient(135deg, #60efff, #0061ff);
}
.search-job.banner-Blue .box-top .info .title{
    color: #fff;
}

.search-job.banner-Pink{
    border-color: #ff00cc;
    background: linear-gradient(135deg, #fcf4df, #efb7ea, #d66fee);
}
.search-job.banner-Pink .action a{
    background: linear-gradient(135deg, #f7ff00, #db36a4);
}
.search-job.banner-Pink .box-top .info .title{
    color: #fff;
}




@media (max-width: 767px) {

    .inner {
        padding: 0 12px;
    }
	
	#footer #page-top{
		right: 12px;
	}

}