@charset "UTF-8";

/* Variables */
:root {

	/* Font Family */
	--global--font-primary: var(Noto Sans JP, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
	--global--font-secondary: var(Noto Sans JP, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
	

	/* Font Size */
	--global--font-size-base: 17px;
	--global--font-size-xs: 14px;
	--global--font-size-sm: 16px;
	--global--font-size-md: 18px;
	--global--font-size-lg: 21px;
	--global--font-size-xl: 30px;
	--global--letter-spacing: normal;

	/* Line Height */
	--global--line-height-body: 1.7;
	--global--line-height-heading: 1.3;
	--global--line-height-page-title: 1.1;

	/* Headings */
	--heading--font-size-h6: var(--global--font-size-xs);
	--heading--font-size-h5: var(--global--font-size-sm);
	--heading--font-size-h4: var(--global--font-size-lg);
	--heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
	--heading--font-size-h2: var(--global--font-size-xl);
	--heading--font-size-h1: var(--global--font-size-page-title);
	--heading--letter-spacing-h6: 1px;
	--heading--letter-spacing-h5: 1px;
	--heading--letter-spacing-h4: var(--global--letter-spacing);
	--heading--letter-spacing-h3: var(--global--letter-spacing);
	--heading--letter-spacing-h2: var(--global--letter-spacing);
	--heading--letter-spacing-h1: var(--global--letter-spacing);
	--heading--line-height-h6: var(--global--line-height-heading);
	--heading--line-height-h5: var(--global--line-height-heading);
	--heading--line-height-h4: var(--global--line-height-heading);
	--heading--line-height-h3: var(--global--line-height-heading);
	--heading--line-height-h2: var(--global--line-height-heading);
	--heading--line-height-h1: var(--global--line-height-page-title);
	--heading--font-weight: normal;
	--heading--font-weight-page-title: 300;
	--heading--font-weight-strong: 600;


	/* Spacing */
	--global--spacing-unit: 20px;
	--global--spacing-measure: unset;
	--global--spacing-horizontal: 25px;
	--global--spacing-vertical: 30px;


	/* Admin-bar height */
	--global--admin-bar--height: 0;
}

.admin-bar {
	--global--admin-bar--height: 32px;
}

		


html {	line-height: 1.7;	-webkit-text-size-adjust: 100%;  box-sizing: border-box;	  font-family:     "Noto Sans JP",    -apple-system,    BlinkMacSystemFont,    "Hiragino Kaku Gothic ProN",    "Yu Gothic",    Meiryo,    sans-serif;	}

body {	margin: 0;	font-size: var(--global--font-size-base);	font-weight: normal;	color: #333333;	text-align: left;	background-color: #FFFFFF; overflow-x: hidden;     margin-top: 100px !important;}



main {	display: block;}

h1 {	font-size: 28px;	margin: 9px 0;}


hr {	box-sizing: content-box;	height: 0;	overflow: visible;}


pre {	font-family: monospace;	font-size: 14px;}

a {	background-color: transparent;	text-decoration-thickness: 1px;}


abbr[title] {	border-bottom: none;  text-decoration: underline;	text-decoration-style: dotted;  }

b,strong {	font-weight: bolder;}
small {	font-size: 80%;}

img {	border-style: none;  display: block;	height: auto;	max-width: 100%; }


picture  { display:block; }
figure { display:block; }


button {	cursor: pointer; }

button,input,optgroup,select,textarea {	font-size: 100%;	line-height: 1.15;	margin: 0;}

button,input {	overflow: visible;}

button,select {	text-transform: none;}

button,[type=button],[type=reset],[type=submit] {	-webkit-appearance: button;}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {	border-style: none;	padding: 0;}


button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {	outline: 1px dotted ButtonText;}

textarea {	overflow: auto;}

[type=checkbox],[type=radio] {	    box-sizing: border-box;    padding: 0;  -webkit-appearance: none;        -moz-appearance: none;        position: relative;        width: 20px;        height: 20px;        border: solid 1px #bfbfbf;        font-size: 14px;  border-radius: 20px 20px;}


[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {	height: auto;}

[type=search] {	-webkit-appearance: textfield;	outline-offset: -2px; }

[type=search]::-webkit-search-decoration {	-webkit-appearance: none;}

::-webkit-file-upload-button { -webkit-appearance: button;	font: inherit;  }

template {	display: none;}
[hidden] {	display: none;}


:root {
	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
	--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--alignfull-width: 100%;
	--responsive--alignright-margin: var(--global--spacing-horizontal);
	--responsive--alignleft-margin: var(--global--spacing-horizontal);
}



.post-thumbnail,.entry-content .wp-audio-shortcode,.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),.default-max-width {	max-width: var(--responsive--aligndefault-width);	margin-left: auto;	margin-right: auto;}

.widget-area,.pagination,  .comments-pagination,  .post-navigation,  .alignwide, .wide-max-width {	max-width: var(--responsive--alignwide-width);	margin-left: auto;	margin-right: auto;}

.alignfull,.wp-block-group .wp-block-group__inner-container > *.alignfull,.full-max-width {	max-width: var(--responsive--alignfull-width);	width: var(--responsive--alignfull-width);	margin-left: auto;	margin-right: auto;}



.entry-header .post-thumbnail,.singular .post-thumbnail,.alignfull [class*=inner-container] > .alignwide,.alignwide [class*=inner-container] > .alignwide {	margin-left: auto;	margin-right: auto;	width: var(--responsive--alignwide-width);	max-width: var(--responsive--alignfull-width);}


.widget-area,.site-footer {	padding-top: var(--global--spacing-vertical);	padding-bottom: var(--global--spacing-vertical);	margin-left: auto;	margin-right: auto;}

.site-main {    padding-top: var(--global--spacing-vertical);    padding-bottom: 100px;    margin-left: auto;    margin-right: auto;}
.home .site-main {    padding-bottom: 0;}

.site-header {	    padding: 0 0;    position: fixed;    width: 100%;    z-index: 555555;    background-color: #FFFFFF;    top: 0;	box-shadow: 0 2px 3px #33333312;}

.site-header .wrap {    position: relative;    display: flex;    justify-content: space-between;      align-items: center;  max-width: 1030px;    margin: 0 auto;    padding: 10px 0;}

.site-header .wrap .main {    width: 18%;}
.site-header .wrap .main h1 img {    max-width: 100%;}
.site-header .wrap .main p.site_description {    font-size: 12px;    margin: 2px 0 0 2px;}
.site-header .wrap .main a {    text-decoration: none;}


.site-header .wrap nav#site-navigation {    width: 70%;}
.site-header .wrap nav#site-navigation ul {    display: flex;    justify-content: space-between;    align-items: center;    font-size: 14px;}

.site-header .wrap nav#site-navigation ul li {    width: 10%;}
.site-header .wrap nav#site-navigation ul li:nth-child(6) {    width: 17%;}
.site-header .wrap nav#site-navigation ul li:last-child {    width: 13%;}

.site-header .wrap nav#site-navigation ul li a {    text-decoration: none;    font-weight: 700;    display: block;    text-align: center;}
.site-header .wrap nav#site-navigation ul li:nth-child(6) a {    background-color: #44b9a4;    color: #FFFFFF;    padding: 9px 0;    border-radius: 4px 4px;}
.site-header .wrap nav#site-navigation ul li:nth-child(5) {    width: 13%;    margin-right: 2%;}
.site-header .wrap nav#site-navigation ul li:last-child a {    border: solid 1px #333333;    padding: 8px 0;    border-radius: 4px 4px;}

.site-header .wrap nav#site-navigation ul li:nth-child(6) a:hover {    background-color: #33a18d;}
.site-header .wrap nav#site-navigation ul li:last-child a:hover {    background-color: #e2e2e2;}


#wpadminbar {    z-index: 999999;}








.site-branding { 	margin-right: 140px; }
.site-branding:last-child { 	margin-right: 0; 	width: 100%; 	text-align: center; }





.site-title { 	font-size: var(--branding--title--font-size-mobile); 	letter-spacing: normal; 	text-transform: var(--branding--title--text-transform); 	line-height: var(--global--line-height-heading); 	margin-bottom: calc(var(--global--spacing-vertical) / 6); }

.site-title a { 	color: currentColor; 	font-weight: var(--branding--title--font-weight); }



.site-description { 	color: currentColor; 	font-size: 14px ; 	line-height: 1.4; }

.site-title > a { 	text-decoration-color: var(--global--color-secondary); }


.site-main > * {	margin-top: calc(3 * var(--global--spacing-vertical));	margin-bottom: calc(3 * var(--global--spacing-vertical));}

.site-main > *:first-child {	margin-top: 0;}
.site-main > *:last-child {	margin-bottom: 0;}


.entry-header, .post-thumbnail, .entry-content, .entry-footer, .author-bio { 	margin-top: var(--global--spacing-vertical); 	margin-right: auto; 	margin-bottom: var(--global--spacing-vertical); 	margin-left: auto; }


.site-main > article > *, .site-main > .not-found > *, .entry-content > *, [class*=inner-container] > *, .wp-block-template-part > * { 	margin-top: calc(0.666 * var(--global--spacing-vertical)); 	margin-bottom: calc(0.666 * var(--global--spacing-vertical)); }



.site-main > article > *:first-child, .site-main > .not-found > *:first-child, .entry-content > *:first-child, [class*=inner-container] > *:first-child, .wp-block-template-part > *:first-child { 	margin-top: 0; }

.site-main > article > *:last-child, .site-main > .not-found > *:last-child, .entry-content > *:last-child, [class*=inner-container] > *:last-child, .wp-block-template-part > *:last-child { 	margin-bottom: 0; }

.site-footer > *, .widget-area > * { 	margin-top: calc(0.666 * var(--global--spacing-vertical)); 	margin-bottom: calc(0.666 * var(--global--spacing-vertical)); }



.entry-content > *.alignleft,.entry-content > *.alignright, .entry-content > *.alignleft:first-child + *, .entry-content > *.alignright:first-child + *, .entry-content > *.alignfull.has-background { 	margin-top: 0; }

.entry-content > *:last-child, .entry-content > *.alignfull.has-background { 	margin-bottom: 0; }

.entry-content > *.alignfull + .alignleft, .entry-content > *.alignfull + .alignright { 	margin-top: var(--global--spacing-vertical); }


html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, form, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}


*, *::before, *::after { 	box-sizing: inherit; }





.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { 	content: ""; 	display: table; 	table-layout: fixed; }

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { 	clear: both; }


blockquote { 	padding: 0; 	position: relative; 	margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal); }

blockquote > * { 	margin-top: var(--global--spacing-unit); 	margin-bottom: var(--global--spacing-unit); }

blockquote > *:first-child { 	margin-top: 0; }
blockquote > *:last-child { 	margin-bottom: 0; }

blockquote p { 	letter-spacing: var(--heading--letter-spacing-h4); 	font-family: var(--quote--font-family); 	font-size: var(--quote--font-size); 	font-style: var(--quote--font-style); 	font-weight: var(--quote--font-weight); 	line-height: var(--quote--line-height); }


blockquote:before {	content: "“"; 	font-size: var(--quote--font-size); 	line-height: var(--quote--line-height); 	position: absolute; 	left: calc(-0.5 * var(--global--spacing-horizontal)); }



input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
.site textarea {
    border: solid 1px #bfbfbf;
    border-radius: 4px 4px;
    line-height: 1.6;
    padding: 14px 15px;
    margin: 0 0;
    max-width: 100%;
    font-size: 14px;
}


input[type=text]:disabled,
input[type=email]:disabled,
input[type=url]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=number]:disabled,
input[type=tel]:disabled,
input[type=date]:disabled,
input[type=month]:disabled,
input[type=week]:disabled,
input[type=time]:disabled,
input[type=datetime]:disabled,
input[type=datetime-local]:disabled,
input[type=color]:disabled,
.site textarea:disabled {
	opacity: 0.7;
}


select {
    border: solid 1px #bfbfbf;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 14px 26px 14px 15px;
    background-position: 86% 60%;
    border-radius: 4px 4px;
    font-size: 14px;
    line-height: 1.6;
    cursor: pointer;
}


textarea {	width: 100%;}

label {	font-size: var(--form--font-size); 	font-weight: var(--form--label-weight); 	margin-bottom: calc(var(--global--spacing-vertical) / 3); }


@supports (-webkit-appearance: none) or (-moz-appearance: none) {

	input[type=checkbox]:disabled, 	input[type=radio]:disabled { 		opacity: 0.7; 	}
	.is-dark-theme input[type=checkbox], 	.is-dark-theme input[type=radio] { 		background: #FFFFFF; 	}
	input[type=checkbox]:after { content: "";        opacity: 0;        display: block;        left: 3px;        top: 3px;        position: absolute;        width: 12px;        height: 12px;        background-color: #d6472b;        border-radius: 16px 16px;	}}
	input[type=checkbox]:checked:after { 		opacity: 1; 	}
	input[type=radio] { 		border-radius: 50%; 	}
	input[type=radio]:after { 		content: ""; 		opacity: 0; 		display: block; 		left: 3px; 		top: 3px; 		position: absolute; 		width: 11px; 		height: 11px; 		border-radius: 50%; 		background: #333333; 	}
	input[type=radio]:checked { 		border: 4px solid #AAA; 	}
	input[type=radio]:checked:after { 		opacity: 1; 	}

}

input[type=checkbox] + label,input[type=radio] + label {	display: inline-block;	padding-left: 10px;	font-size: var(--global--font-size-xs);	vertical-align: top;}


.entry-content img {	max-width: 100%;}

embed,iframe,object,video {	max-width: 100%;}



figcaption {	color: currentColor;	margin-top: calc(0.5 * var(--global--spacing-unit));	margin-bottom: var(--global--spacing-unit);	text-align: center;}

b, strong { 	font-weight: 700; }

dfn, cite, em, i { 	font-style: italic; }

pre { 	white-space: pre; 	overflow-x: auto; }


a { 	cursor: pointer; 	color: #2b2b2b; 	text-underline-offset: 3px; 	text-decoration-skip-ink: all;       -webkit-transition: 0.5s ease-in-out;    -moz-transition: 0.5s ease-in-out;    -o-transition: 0.5s ease-in-out;    transition: 0.5s ease-in-out; }

a:hover { 	text-decoration-style: dotted; 	text-decoration-skip-ink: none; }


.site .button,
input[type=submit],
input[type=reset],
.wp-block-search__button,
.wp-block-button .wp-block-button__link { 	color: #FFFFFF; 	cursor: pointer; 	background-color: #ea5455; 	border-radius: 6px; 	border: solid 2px #171c39; 	text-decoration: none; 	padding: 12px 12px; }


.site .button:hover, 
input[type=submit]:hover, 
input[type=reset]:hover, 
.wp-block-search .wp-block-search__button:hover, 
.wp-block-file .wp-block-file__button:hover { 	background-color: #f52c2e; }



h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	clear: both;
}


h1, .h1 {
	font-size: var(--heading--font-size-h1);
	letter-spacing: var(--heading--letter-spacing-h1);
	line-height: var(--heading--line-height-h1);
}

h2, .h2 {
	font-size: var(--heading--font-size-h2);
	letter-spacing: var(--heading--letter-spacing-h2);
	line-height: var(--heading--line-height-h2);
}

.entry-content h2 {
    margin: 64px 0 24px 1px;
}



h3, .h3 {
	font-size: var(--heading--font-size-h3);
	letter-spacing: var(--heading--letter-spacing-h3);
	line-height: var(--heading--line-height-h3);
}

.entry-content h3 {
    margin: 48px 0 24px 0;
}

h4, .h4 {
	font-size: var(--heading--font-size-h4);
	font-weight: var(--heading--font-weight-strong);
	letter-spacing: var(--heading--letter-spacing-h4);
	line-height: var(--heading--line-height-h4);
}

h5, .h5 {
	font-size: var(--heading--font-size-h5);
	font-weight: var(--heading--font-weight-strong);
	letter-spacing: var(--heading--letter-spacing-h5);
	line-height: var(--heading--line-height-h5);
}

h6, .h6 {
	font-size: var(--heading--font-size-h6);
	font-weight: var(--heading--font-weight-strong);
	letter-spacing: var(--heading--letter-spacing-h6);
	line-height: var(--heading--line-height-h6);
}

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

ul, ol {	margin: 0;	}

ul { 	list-style-type: none; }

ol {	list-style-type: none;}

dt {	font-weight: bold;}

dd {	margin: 0;	}


p {	margin:0 0 24px 0;}

hr { border-style: none;	border-bottom: solid 2px #2b2b2b;	clear: both;	margin-left: auto;	margin-right: auto;}


table { 	width: 100%; 	min-width: 240px; 	border-collapse: collapse; }

table thead, table tfoo { 	text-align: center; }

table th { }

table td, table th { 	padding: 5px 5px; 	border: 1px solid; }





.site-footer {    background-color: #333333;    color: #FFFFFF; }

.site-footer > .site-info { max-width: 1030px;    margin: 0 auto;    padding: 40px 0;    font-size: 13px;     display: flex;    justify-content: space-between;}

.site-footer > .site-info .site-name { 	text-transform: var(--branding--title--text-transform); 	font-size: var(--branding--title--font-size); }


.site-footer > .site-info ul {    text-align: right;    margin: 10px 0 0 0;}
.site-footer > .site-info ul li .powered-by {    font-size: 11px;}



.singular .entry-header { 	    margin-bottom: calc(2 * var(--global--spacing-vertical)); }

.home .entry-header { 	border-bottom: none; 	padding-bottom: 0; 	margin-bottom: 0; }

.singular .has-post-thumbnail .entry-header { 	border-bottom: none; 	padding-bottom: calc(1.3 * var(--global--spacing-vertical)); 	margin-bottom: 0; }

.no-results.not-found > *:first-child { 	margin-bottom: calc(3 * var(--global--spacing-vertical)); }

.page-links { 	clear: both; }

.page-links .post-page-numbers { 	display: inline-block; 	margin-left: calc(0.66 * var(--global--spacing-unit)); 	margin-right: calc(0.66 * var(--global--spacing-unit)); 	min-width: 44px; 	min-height: 44px; }

.page-links .post-page-numbers:first-child { 	margin-left: 0; }

.entry-title {	color: #2b2b2b;	font-size: var(--entry-header--font-size);	letter-spacing: var(--heading--letter-spacing-h2);	line-height: var(--heading--line-height-h2);	overflow-wrap: break-word;}

.entry-title a {	color: #2b2b2b;	text-underline-offset: 2px;}


.singular .entry-title { 	font-size: 36px; }

h1.entry-title { font-weight: 700; }

.entry-content p { 	word-wrap: break-word;  margin:0 0 24px 0;  }

.entry-content > iframe[style] { 	margin: var(--global--spacing-vertical) 0 !important; 	max-width: 100% !important; }

.entry-footer { 	color: #2b2b2b; 	clear: both; 	float: none; 	font-size: var(--global--font-size-xs); 	display: block; }

.entry-footer > span { 	display: inline-block; }

.entry-footer a { 	color: currentColor;     margin: 0 0 24px 0;}


.entry-footer a:active { 	color: currentColor; }

.site-main > article > .entry-footer { 	margin-top: var(--global--spacing-vertical); 	padding-top: var(--global--spacing-unit); 	padding-bottom: calc(3 * var(--global--spacing-vertical)); 	border-bottom: var(--separator--height) solid var(--separator--border-color); }

body:not(.single) .site-main > article:last-of-type .entry-footer { 	border-bottom: var(--separator--height) solid transparent; }

.single .site-main > article > .entry-footer {
	margin-top: calc(3.4 * var(--global--spacing-vertical));
	margin-bottom: calc(3.4 * var(--global--spacing-vertical));
	padding-bottom: 0;
	padding-top: calc(0.8 * var(--global--spacing-vertical));
	border-top: 3px solid var(--separator--border-color);
	border-bottom: var(--separator--height) solid transparent;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: calc(2 * var(--global--spacing-horizontal));
}

.single .site-main > article > .entry-footer .post-taxonomies, .single .site-main > article > .entry-footer .full-size-link { 	justify-content: flex-end; 	text-align: right; }

.single .site-main > article > .entry-footer .full-size-link:first-child:last-child { 	grid-column: span 2; }

.single .site-main > article > .entry-footer .posted-on, .single .site-main > article > .entry-footer .byline, .single .site-main > article > .entry-footer .cat-links, .single .site-main > article > .entry-footer .tags-links { 	display: block; }




.page-title { 	font-size: var(--global--font-size-page-title); }

h1.page-title, h2.page-title {	font-weight: var(--heading--font-weight-page-title);}

h1.page-title {	line-height: var(--heading--line-height-h1);}

.page-header {	border-bottom: 3px solid #2b2b2b; 	padding-bottom: calc(2 * var(--global--spacing-vertical));}


.error404 main p { 	font-size: var(--global--font-size-lg); 	margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667); }
.search-no-results .page-content { 	margin-top: calc(3 * var(--global--spacing-vertical)); }



@keyframes twentytwentyone-close-button-transition {
	from {		opacity: 0;	}
	to {		opacity: 1;	}
}




header *, main *, footer * { 	max-width: var(--global--spacing-measure); }

html, body, div, header, nav, article, figure, hr, main, section, footer { 	max-width: none; }



@media only screen and (max-width: 481px) {
	.single .site-main > article > .entry-footer { 		display: block; 	}
	.single .site-main > article > .entry-footer .full-size-link { 		display: block; 	}
	.single .site-main > article > .entry-footer .post-taxonomies, 	.single .site-main > article > .entry-footer .full-size-link { 		text-align: left; 	}
		blockquote {		padding-left: calc(0.5 * var(--global--spacing-horizontal));	}
	blockquote:before {		left: 0;	}
}




@media only screen and (max-width: 782px) {   	.admin-bar { --global--admin-bar--height: 46px;	}  }


@media only screen and (min-width: 822px) {

	:root {
	--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1030px);
	--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1030px);
	}
	
}


@media (prefers-reduced-motion) {	* { 		transition-delay: 0s !important; 		transition-duration: 0s !important; 	}  }





.width_full {    max-width: inherit !important;   margin: 0 0; }
.width_full .templates_inner {     position: relative;   max-width: 1030px;    margin: 0 auto;    padding: 80px 0;}
.width_full .templates_inner:after {    content: "";    display: block;    clear: both;}

.width_full.toppage .title_heading {    text-align: center;    margin: 0 0 42px 0;}
.width_full.toppage .title_heading p.sub_text {    font-size: 18px;    font-weight: 700;    color: #44b9a4;    display: inline-block;    border-bottom: solid 2px;    padding: 0 0 12px 0;    margin: 0 0 30px 0;}
.width_full.toppage .title_heading + p {    text-align: center;}

h2.title {    font-size: 38px;  margin: 0 0 24px 0;}
h3.title {    margin: 0 0 24px 0;}
h3.third_title {    font-size: 28px;    margin: 0 0 42px 0;}


ul.forte_list {    margin: 80px 0 0 0;}
ul.forte_list li {    background-color: #f6f8fa;    border-radius: 10px 10px;}



ul.forte_list li:first-child {    width: 64%;    display: flex;    justify-content: space-between;    float: left;    margin: 0 0 4% 0;}
ul.forte_list li:first-child .left {    width: 35%;      background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/02/forte_img01.webp);    background-position: 50% -15px;    background-size: 180%;    background-repeat: no-repeat;    border-radius: 10px 0 0 10px; }
ul.forte_list li:first-child .right {    width: 65%;    padding: 8.5% 5%; position: relative;  }

ul.forte_list li:first-child .right:before {    position: absolute;    content: "01";    display: block;    font-size: 48px;    color: #44b9a4;    font-weight: 700;    font-family: "Google Sans";    top: -37px;}



ul.forte_list li:nth-child(2) ,
ul.forte_list li:nth-child(3) ,
ul.forte_list li:nth-child(4) ,
ul.forte_list li:nth-child(5) {    width: 32%; position: relative;   }

ul.forte_list li:nth-child(2){    float: right;    margin: 0 0 4% 0;  padding: 3% 3%;  }

ul.forte_list li:nth-child(3) {    float: right;    margin: 0 0 4% 0;  padding: 3% 3%;  }

ul.forte_list li:nth-child(4) {    float: left;    margin: 0 0 4% 0;  padding: 3% 3%;  }

ul.forte_list li:nth-child(5) {    float: left;    clear: both;    margin: 0 4% 0 0;  padding: 3% 3%;  }



ul.forte_list li:nth-child(2):before ,
ul.forte_list li:nth-child(3):before ,
ul.forte_list li:nth-child(4):before ,
ul.forte_list li:nth-child(5):before {    position: absolute;    content: "01";    display: block;    font-size: 32px;    color: #44b9a4;    font-weight: 700;    font-family: "Google Sans";    top: -26px;}

ul.forte_list li:nth-child(2):before {   content: "02";   }
ul.forte_list li:nth-child(3):before {   content: "03";   }
ul.forte_list li:nth-child(4):before {   content: "04";   }
ul.forte_list li:nth-child(5):before {   content: "05";   }


ul.forte_list li:last-child {	width: 64%;    margin: -10% 0 0 0;    float: right; display: flex;    justify-content: space-between;   }
ul.forte_list li:last-child .left {    width: 35%;    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/02/forte_img06.webp);    background-position: 50% -15px;    background-size: 200%;    background-repeat: no-repeat;    border-radius: 10px 0 0 10px; }
ul.forte_list li:last-child .right {    width: 65%;    padding: 8.5% 5%; position: relative; }

ul.forte_list li:last-child .right:before {    position: absolute;    content: "06";    display: block;    font-size: 48px;    color: #44b9a4;    font-weight: 700;    font-family: "Google Sans";    top: -37px;}


ul.forte_list li p {    font-size: 16px;}
ul.forte_list li p:first-child {    font-size: 22px;    font-weight: 700;}
ul.forte_list li p:first-child span {    font-size: 17px;    display: block;}
ul.forte_list li p:last-child {    margin-bottom: 0;}



ul.equipment_list {    margin: 60px 0 92px 0;    display: flex;    justify-content: space-between;}
ul.equipment_list li {    width: 47%;}
ul.equipment_list li img {    border-radius: 10px 10px;    margin: 0 0 44px 0;}
ul.equipment_list li img + p {    font-size: 22px;    font-weight: 700;    color: #44b9a4;}
ul.equipment_list li img + p span {    color: #333333;    font-size: 16px;    font-weight: normal;    display: block;    line-height: 1.4;}
ul.equipment_list li dl {    margin: 32px 0 0 0;    display: flex;    justify-content: space-between;    flex-wrap: wrap;    font-size: 15px;}
ul.equipment_list li dl dt {    width: 31%;     background-color: #f6f8fa;    padding: 12px 20px;    border-radius: 6px 6px;    margin: 0 0 8px 0;}
ul.equipment_list li dl dd {    width: 67%;    background-color: #f6f8fa;    padding: 12px 20px;    border-radius: 6px 6px;    margin: 0 0 8px 0;}


dl.type_equipment {    background-color: #fafaf6;    margin: 0 0 12px 0;    border-radius: 12px;    padding: 3% 3%;    font-size: 16px;}

.galvanized {      margin: 92px 0 0 0;  display: flex;    justify-content: space-between;    flex-direction: row-reverse;}
.galvanized img {    width: 48%;    border-radius: 10px 10px;}
.galvanized .text {    width: 46%;}


.width_full.toppage.home-contact ,
.width_full.toppage.achievements ,
.width_full.toppage.home-form {    background-color: #f6f8fa;}




.mb-contact {    background-color: #FFFFFF;    padding: 5% 4%;    border-radius: 12px 12px;    margin: 42px 0 0 0;    position: relative;    display: flex;    justify-content: space-between;}
.mb-contact:before {    position: absolute;    content: "";    display: block;    width: 2px;    height: 110px;    background-color: #ececec;    left: calc(50% - 1px);}


.mb-contact .estimation {    width: 32%;    margin: 0 auto;}
.mb-contact .estimation ul {    font-size: 15px;    margin: 0 0 16px 0;     background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/02/home-contact-icon01.webp);    background-size: 40px;    background-position: 0 6px;    background-repeat: no-repeat;    padding: 0 0 0 60px; }
.mb-contact .estimation ul li {    position: relative;    padding: 0 0 0 24px;}
.mb-contact .estimation ul li:before {    position: absolute;    content: '';    width: 12px;    height: 8px;    top: 0;    left: 0;    border-left: 3px solid #44b9a4;    border-bottom: 3px solid #44b9a4;    transform: rotate(-45deg);    border-radius: 2px 2px;    left: 0;    top: 8px;}






.mb-contact .estimation.normal ul {    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/02/home-contact-icon02.webp);    background-size: 42px;    background-position: 0 5px;}
.mb-contact .estimation.normal ul li:before {    border-color: #333333;}




.width_full.toppage.achievements .templates_inner ul {    width: 48%;    margin: 48px 0 24px 0;    font-size: 16px;    display: flex;    justify-content: space-between;    flex-wrap: wrap;}
.width_full.toppage.achievements .templates_inner ul li {    position: relative;    width: 48%;    margin: 0 0 10px 0;    padding: 0 0 0 22px;}
.width_full.toppage.achievements .templates_inner ul li:before {    position: absolute;    content: "";    display: block;    width: 8px;    height: 8px;    background-color: #a8afb6;    border-radius: 10px;    top: calc(50% - 4px);    left: 0;}
.width_full.toppage.achievements .templates_inner dl {    width: 48%;    background-color: #FFFFFF;    border-radius: 8px 8px;    font-size: 16px;}
.width_full.toppage.achievements .templates_inner dl dt {    padding: 3% 4% 2px 5%;}
.width_full.toppage.achievements .templates_inner dl dt span {    margin: 0 0 0 8px;}
.width_full.toppage.achievements .templates_inner dl dd {    padding: 0 4% 3% 5%;}





.width_full.toppage.achievements .templates_inner {    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/02/achievements-background.webp);    background-repeat: no-repeat;    background-position: 100% 76%;    background-size: 44%;}

ul.production_flow {    display: flex;    justify-content: space-between;    margin: 88px 0 0 0;}
ul.production_flow li {     position: relative;    width: 19%;    padding: 130px 2% 3% 2%;    border-radius: 10px 10px;    background-repeat: no-repeat;    background-position: 50% 42px;    background-size: 34%;}
ul.production_flow li p:first-child {    font-size: 16px;    font-weight: 700;    text-align: center;    margin: 0 0 16px 0;}
ul.production_flow li p {    font-size: 15px;    margin: 0 0;}
ul.production_flow li:first-child , ul.production_flow li:nth-child(2) {    background-color: #f6f8fa;}
ul.production_flow li:nth-child(3), ul.production_flow li:nth-child(4), ul.production_flow li:last-child {    background-color: #f6faf8;}

ul.production_flow li:first-child:before {    background-image: url("http://namari-ozasei.com/wp-content/uploads/2026/03/home-flow-num01.webp");}
ul.production_flow li:nth-child(2):before {    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/home-flow-num02.webp);}
ul.production_flow li:nth-child(3):before {    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/home-flow-num03.webp);}
ul.production_flow li:nth-child(4):before {    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/home-flow-num04.webp);}
ul.production_flow li:last-child:before {    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/home-flow-num05.webp);}





ul.production_flow li:before {    position: absolute;    content: "";    display: block;    width: 56px;    height: 56px;    left: calc(50% - 28px);    top: -28px;    background-repeat: no-repeat;    background-size: 100%;}
ul.production_flow li:first-child {    background-image: url("http://namari-ozasei.com/wp-content/uploads/2026/03/home-flow01.webp");}
ul.production_flow li:nth-child(2) {    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/home-flow02.webp);}
ul.production_flow li:nth-child(3) {    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/home-flow03.webp);}
ul.production_flow li:nth-child(4) {    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/home-flow04.webp);}
ul.production_flow li:last-child {    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/home-flow05.webp);}



ul.production_sub_flow {    margin: 16px 0 0 0;    font-size: 14px;    display: flex;    justify-content: space-between;}
ul.production_sub_flow li:first-child {    width: 40%;}
ul.production_sub_flow li:last-child {    width: 60%;}
ul.production_sub_flow li {    text-align: center;    position: relative;}
ul.production_sub_flow li span {    display: inline-block;    background-color: #FFFFFF;    padding: 0 12px;    line-height: 1;    z-index: 3;    position: relative;}
ul.production_sub_flow li:before {    position: absolute;    content: "";    display: block;    width: 98%;    height: 8px;    z-index: 2;    top: 8px;    border-radius: 2px 2px;}
ul.production_sub_flow li:first-child:before {    background-color: #e0e7ee;    left: 0;}
ul.production_sub_flow li:last-child:before {    background-color: #dceee5;    right: 0;    width: 99.2%;}





dl.toggle {    margin: 0 0 24px 0;}

dl.toggle dt {	display:block;   cursor:pointer;    position: relative;    background-color: #fafaf6;    padding: 26px 4% 26px 58px;    margin: 14px 0 0 0;    font-size: 16px;    border-radius: 10px 10px;    -webkit-transition: 0.5s ease-in-out;    -moz-transition: 0.5s ease-in-out;    -o-transition: 0.5s ease-in-out;    transition: 0.5s ease-in-out;}
dl.toggle dt:hover {    background-color: #f4f4ed;}
dl.toggle  dd{  display:none;   position:relative;   background-color: #f4f4ed;    padding: 26px 4% 26px 58px;    margin: 0 0;   font-size: 15px;  border-radius: 0 0 10px 10px;  }

dt.toggle_open {    border-radius: 10px 10px 0 0 !important;}



dl.toggle dt:before ,
dl.toggle dt:after {    position: absolute;    content: "";    width: 13px;    height: 3px;    background-color: #44b9a4;    right: 4%;    top: calc(50% - 1px);    transition: inherit;}

dl.toggle dt:after {    transform: rotate(-90deg);}

dl.toggle dt.toggle_open:before ,
dl.toggle dt.toggle_open:after {  right:3.5%; }



dl.toggle dt.toggle_open:before {    transform: translate(-50%, -50%) rotate(45deg);}
dl.toggle dt.toggle_open:after {   transform: translate(-50%,-50%) rotate(-45deg); }




.inquiry_inner {    display: flex;    justify-content: space-between;}
.inquiry_inner .left {    width: 47%;}
.inquiry_inner .right {    width: 47%;}
.inquiry_inner .left .dl {    margin: 0 0 24px 0;}
.inquiry_inner .left dl dt {    font-size: 16px;}
.inquiry_inner .left dl dd {    font-size: 15px;    position: relative;    padding: 0 0 0 16px;}
.inquiry_inner .left dl dd:before {    position: absolute;    content: "";    width: 6px;    height: 6px;    background-color: #44b9a4;    border-radius: 10px 10px;    left: 0;    top: calc(50% - 3px);}
.inquiry_inner .left dl {    margin: 32px 0 42px 0;}
.inquiry_inner .left dt {    font-size: 16px;    margin: 0 0 12px 0;}
.inquiry_inner .inquiry_tel {    background-color: #f6f8fa;    padding: 6% 6%;    border-radius: 8px 8px;    text-align: center;}
.inquiry_inner .inquiry_tel p:first-child {    font-size: 16px;    font-weight: 700;    color: #4468b9;    margin: 0 0 4px 0;}
.inquiry_inner .inquiry_tel a {    font-size: 40px;    text-decoration: none;    font-weight: 700;    line-height: 1.4;}
.inquiry_inner .inquiry_tel a + p {    font-size: 15px;    margin: 0 0 16px 0;}
.inquiry_inner .inquiry_tel .announcement {    font-size: 14px;    padding: 9px 18px 10px 100px;    line-height: 1.6;    text-align: left;    background-image: url("http://namari-ozasei.com/wp-content/uploads/2026/03/telannouncement-bk.webp");    background-repeat: no-repeat;    background-size: 100%;}


.width_full.toppage.company table th , .width_full.toppage.company table td {    border: none;    background-color: #f6f8fa;    font-size: 15px;}
.width_full.toppage.company table th {    padding: 14px 20px;    width: 17.4%;    border-radius: 6px 6px;}
.width_full.toppage.company table td {    padding: 14px 20px;    border-radius: 6px 6px;    width: 82%;}
.width_full.toppage.company table {    border-collapse: separate;}
.width_full.toppage.company table tr {    display: flex;    justify-content: space-between;}
.width_full.toppage.company table tr {    margin: 0 0 6px 0;}





.front_headertop {    margin: 1% 3%;    background-image: url("http://namari-ozasei.com/wp-content/uploads/2026/03/header-background.webp");    border-radius: 18px 18px 18px 18px;    background-repeat: no-repeat;     background-position: 50% 0;    overflow: hidden;}
.front_headertop .inner {     position: relative;   max-width: 1030px;    margin: 0 auto;    padding: 80px 0;}

.front_headertop .inner:before {   content: "";    position: absolute;    width: 615px;    height: 360px;    background-image: url("http://namari-ozasei.com/wp-content/uploads/2026/03/ozasei-namari-frotimgver2.webp");    background-repeat: no-repeat;    background-size: 100%;    right: -10%;    top: calc(50% - 180px);}


.front_headertop .inner p:first-child {    font-size: 38px;    font-weight: 700;    line-height: 1.5;}
.front_headertop .inner p:nth-child(2) {    width: 40%;    font-size: 16px;}
.front_headertop .inner p:nth-child(3) {    width: 40%;    font-size: 16px;}
.front_headertop .inner ul {    width: 40%;  margin: 52px 0 0 0;  display: flex;    justify-content: space-between;}
.front_headertop .inner ul li {    width: 32%;}
.front_headertop .inner ul li:first-child {    width: 62%;}
.front_headertop .inner ul li:first-child a {    position: relative;    display: block;    text-align: center;    text-decoration: none;    font-size: 16px;    background-color: #44b9a4;    color: #FFFFFF;    padding: 18px 0;    border-radius: 8px 8px;}
.front_headertop .inner ul li:first-child a span {  position: absolute;    display: inline-block;    top: -28px;    left: calc(50% - 70px);    width: 140px;    text-align: center;    font-size: 14px;    color: #333333;    font-weight: 700; }


.front_headertop .inner ul li:last-child a {    position: relative;    display: block;    text-align: center;    text-decoration: none;    font-size: 16px;    padding: 18px 0;    border-radius: 8px 8px;    border: solid 1px #333333;    background-color: #FFFFFF;}

.front_headertop .inner ul li:first-child a:hover {    background-color: #33a18d;}
.front_headertop .inner ul li:last-child a:hover {    background-color: #e2e2e2;}



ul.faq_pagelinks {    display: flex;    justify-content: space-between;}
ul.faq_pagelinks li {    width: 31%;    text-align: center;    margin: 0 0 62px 0;}
ul.faq_pagelinks li a {    display: block;    position: relative;    text-decoration: none;    font-size: 15px;    font-weight: 700;    background-color: #f6faf8;    padding: 100px 0 24px 0;    border-radius: 8px 8px;    background-repeat: no-repeat;    background-position: 50% 14px;    background-size: 74px;}
ul.faq_pagelinks li a:hover {    background-color: #e6eeea;}
ul.faq_pagelinks li:first-child a {    background-image: url("http://namari-ozasei.com/wp-content/uploads/2026/03/faq-icon01.webp");}
ul.faq_pagelinks li:nth-child(2) a {    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/faq-icon02.webp);}
ul.faq_pagelinks li:last-child a {    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/faq-icon03.webp);    background-size: 70px;}

ul.faq_pagelinks li a:before {    position: absolute;    content: "";    width: 34px;    height: 34px;    background-color: #44b9a4;    border-radius: 34px;    left: calc(50% - 17px);    bottom: -17px;}
ul.faq_pagelinks li a:after {    position: absolute;    content: "↓";    color: #FFFFFF;    left: calc(50% - 8px);    bottom: -13px;}

p.faqitag_01 , p.faqitag_02 , p.faqitag_03 {    background-repeat: no-repeat;    background-size: 42px;    font-weight: 700;    padding: 10px 0 10px 58px;}
p.faqitag_01 {    background-image: url("http://namari-ozasei.com/wp-content/uploads/2026/03/faq-icon01.webp");    background-position: 0 0;}
p.faqitag_02 {    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/faq-icon02.webp);    background-position: 0 5px;    margin-top: 60px;}
p.faqitag_03 {    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/faq-icon03.webp);    background-position: 0 4px;    margin-top: 60px;}



.main-dataform {    background-color: #FFFFFF;    padding: 5% 5%;    border-radius: 12px 12px;}
.main-dataform.step01 {    margin-top: 48px;}
.main-dataform.step02 {    margin: 24px 0;}


.main-dataform:after {    content: "";    display: block;    clear: both;}

.main-dataform .list {    display: flex;    justify-content: flex-start;     margin: 0 0 24px 0; }
.main-dataform .list .list_name {    font-size: 15px;    font-weight: 600;    width: 30%;    padding: 12px 0 0 0; }
.main-dataform .list .substance {    width: 70%;    padding: 0 0 0 0;}

.main-dataform .list .substance ul.note_list ,
.main-dataform.step03 ul.note_list {    background-color: #f6f8fa;    padding: 4% 4%;    border-radius: 10px 10px;    font-size: 15px;     margin: 0 0 24px 0; }

.main-dataform .list .substance ul.note_list li ,
.main-dataform.step03 ul.note_list li ,
.main-dataform.step03 ul.note_list li {  position: relative;      padding: 0 0 0 24px;    margin: 0 0 8px 0; }

.main-dataform .list .substance ul.note_list li:before ,
.main-dataform.step03 ul.note_list li:before {    content: "";    position: absolute;    width: 8px;    height: 8px;    background-color: #a8afb6;    border-radius: 8px 8px;    left: 0;    top: 9px;}

.main-dataform .list .substance ul.note_list li:first-child:before ,
.main-dataform.step03 ul.note_list li:first-child:before {    content: none;}

.main-dataform .list .substance ul.note_list li:first-child ,
.main-dataform.step03 ul.note_list li:first-child {    color: #4468b9;    font-weight: 700;    padding: 0 0;    margin: 0 0 12px 0;}

.main-dataform .list .substance ul.note_list li span.number ,
.main-dataform.step03 ul.note_list li span.number, 
.main-dataform .list .substance p.small span.number {    display: inline-block;    background-color: #333333;    color: #FFFFFF;    font-size: 11px;    padding: 0 0 0 0;    margin: 0 3px 0 6px;    line-height: 1.7;    width: 20px;    height: 20px;    text-align: center;    border-radius: 20px 20px;}


.main-dataform .list .substance p.small {    font-size: 13px;    margin: 16px 0 0 0;}
.main-dataform .list .substance p.normal {    font-size: 15px;    margin: 16px 0 18px 0;}


.main-dataform.step01 .list .substance input[type=text] {    width: 30%;}
.main-dataform.step02 .list .substance input[type=text] {    width: 100%;}



span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item-label {    font-size: 14px;    margin: 0 0 0 8px;}


.substance.checkbox span.wpcf7-list-item label {    border: solid 1px #bfbfbf;    border-radius: 4px 4px;    line-height: 1.6;    padding: 15px 15px;    margin: 0 0;    max-width: 100%;    font-size: 14px;    cursor: pointer;}
.substance.checkbox span.wpcf7-list-item.first {    margin: 0 14px 0 0;  }
.substance.checkbox span.wpcf7-list-item.last {    margin-left: 0;  }



.main-dataform .list .list_name span {    background-color: #d6472b;    color: #FFFFFF;    font-size: 10px;    font-weight: normal;    padding: 0 6px 2px 6px;    line-height: 1;    border-radius: 2px 2px;    position: relative;        top: -2px;    margin: 0 0 0 10px;}

.substance.checkbox span.wpcf7-list-item label.clicked {    border-color: #d6472b;    background-color: #fff4f2;}
.substance.checkbox span.wpcf7-list-item label input[type="checkbox"] {     top: 4px;    margin: 0 7px 0 0;}
.substance.checkbox span.wpcf7-list-item label input[type="checkbox"]:checked {    border: solid 1px #d6472b;}



.substance.checkbox span.wpcf7-form-control-wrap {    height: 52px;    line-height: 52px;}




.main-dataform .list .substance .uploadbutton label {    display: inline-block;    position: relative;    padding: 12px 22px 6px 50px;    font-size: 15px;    font-weight: 700;    background-color: #44b9a4;    color: #FFFFFF;
    cursor: pointer;    border-radius: 6px 6px;    width: 226px;    height: 66px;    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/upload-icon.webp);    background-repeat: no-repeat;    background-size: 23px;    background-position: 15px 21px;  -webkit-transition: 0.5s ease-in-out;    -moz-transition: 0.5s ease-in-out;    -o-transition: 0.5s ease-in-out;    transition: 0.5s ease-in-out;  }



.main-dataform .list .substance .uploadbutton label input[type="file"] {    display: none;}

.main-dataform .list .substance .uploadbutton.first label:before , 
.main-dataform .list .substance .uploadbutton.second label:before {    position: absolute;    left: 50px;    top: 33px;    font-size: 12px;    font-weight: normal;   }

.main-dataform .list .substance .uploadbutton.first label:before { content: "DXF, STEP"; }
.main-dataform .list .substance .uploadbutton.second label:before { content: "ZIP";}
	
	
.main-dataform .list .list_name.number {    position: relative;    padding-left: 36px;}
.main-dataform .list .list_name.number:before {    position: absolute;    line-height: 1.9;    width: 22px;    height: 22px;    text-align: center;    background-color: #333333;    color:#FFFFFF;    border-radius: 20px;    left: 0;    top: 14px;    font-size: 11px;    font-weight: normal;}

.main-dataform .list .list_name.number.n_01:before {    content: "1";}
.main-dataform .list .list_name.number.n_02:before {    content: "2";}
.main-dataform .list .list_name.number.n_03:before {    content: "3";}
.main-dataform .list .list_name.number.n_04:before {    content: "4";}
.main-dataform .list .list_name.number.n_05:before {    content: "5";}
.main-dataform .list .list_name.number.n_06:before {    content: "6";}
	
	
.uploadbutton p.parts1 , 
.uploadbutton p.parts2 {    position: relative;    top: 7px;    display: inline-block;    margin: 0 0 0 15px;    padding: 0 0 0 30px;    font-size: 13px;}

.uploadbutton p.parts1:before, 
.uploadbutton p.parts2:before {   position: absolute;    content: "";    width: 20px;    height: 20px;    left: 0;    top: 1px;    border-radius: 20px 20px;    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/nonupload.webp);    background-repeat: no-repeat;    background-size: 100%; -webkit-transition: inherit;    -moz-transition: inherit;    -o-transition: inherit;    transition: inherit; }

.uploadbutton p.parts1.upload:before , 
.uploadbutton p.parts2.upload:before {background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/successfully-.webp); }

.uploadbutton p.parts1.upload, 
.uploadbutton p.parts2.upload {    color: #377bbb;}
	
	


.uploadbutton.first input[type=button],
.uploadbutton.second input[type=button] {    font-size: 11px;    margin: 0 0 0 18px;    padding: 6px 8px;    font-weight: normal;    background-color: #222;    border: 0;    border-radius: 4px 4px;    color: #fff;    cursor: pointer;    display: inline-block;    position: relative;    top: 5px;}

.uploadbutton.first input[type=button]:hover, 
.uploadbutton.second input[type=button]:hover {    background-color: #767676;}


.main-dataform .list .substance.textarea textarea {    margin-top: 24px;}

.main-dataform input[type=text]:focus ,
.main-dataform textarea:focus ,
.main-dataform select:focus ,
.main-dataform input[type="tel"]:focus ,
.main-dataform input[type="email"]:focus {    background: #f2fcf6;    border-color: #44b9a4;    outline: 1px;}


#autozip {    display: none !important;}

.main-dataform .list .substance.checkbox.privacy p.small {    margin-bottom: 12px;}

.headline-details {    margin: 0 0 48px 0;}
.headline-details ul {    display: flex;    justify-content: space-between;    width: 500px;    margin: 0 auto;    background-image: url("http://namari-ozasei.com/wp-content/uploads/2026/03/background-line.webp");    background-repeat: no-repeat;    background-position: 50% 15px;}
.headline-details ul li {    width: 26%;    font-size: 14px;    color: #c0c4c9;    font-weight: 700;    text-align: center;    padding: 48px 0 0 0;    background-repeat: no-repeat;    background-position: 50% 0;    background-image: url("http://namari-ozasei.com/wp-content/uploads/2026/03/dataform_step01_next.webp");    background-size: 38px;}
.headline-details ul li span {    display: block;    font-size: 11px;}

.headline-details ul li.current {    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/dataform_step01_current.webp);    color: #333333;}


.headline-details.step02 ul {    background-image: url("http://namari-ozasei.com/wp-content/uploads/2026/03/background-line-step2.webp");}
.headline-details.step03 ul {    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/background-line-step3.webp);}
.headline-details.step03 p {    margin: 18px 0 0 0;    font-size: 15px;    text-align: center;}



.wpcf7-not-valid-tip {  display: none;}

.wpcf7 form.invalid .wpcf7-not-valid-tip,
.wpcf7 form.failed .wpcf7-not-valid-tip {  display: block;}



.main-dataform.step03 input[type=submit] ,
.frontpage_contactform input[type=submit] {    background-color: #44b9a4;    border: none;    width: 310px;    font-size: 16px;    padding: 26px 0 24px 83px;    margin: 48px auto 0 auto;    position: relative;    display: block;    -webkit-transition: 0.5s ease-in-out;    -moz-transition: 0.5s ease-in-out;    -o-transition: 0.5s ease-in-out;    transition: 0.5s ease-in-out;    background-image: url("http://namari-ozasei.com/wp-content/uploads/2026/03/submit-icon.webp");    background-size: 28px;    background-repeat: no-repeat;    background-position: 44px 49%;    text-align: left;}
.main-dataform.step03 input[type=submit]:hover ,
.frontpage_contactform input[type=submit]:hover {    background-color: #33a18d;}
.frontpage_contactform input[type=submit] {    margin: 48px 0 0 0;}




.width_full.toppage.company {    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/front-contact-background.webp);    background-repeat: no-repeat;    background-position: 50% 0;    padding-top: 300px;}


.frontpage_contactform .form_tr {    margin: 0 0 18px 0;}
.frontpage_contactform .form_tr .form_name {    font-size: 15px;    font-weight: 600;    padding: 0 0;    margin: 0 0 8px 0;}
.frontpage_contactform .form_tr .form_name span {    background-color: #d6472b;    color: #FFFFFF;    font-size: 10px;    font-weight: normal;    padding: 0 6px 2px 6px;    line-height: 1;    border-radius: 2px 2px;    position: relative;    top: -2px;    margin: 0 0 0 10px;}
.frontpage_contactform .form_tr .form_item input[type=text] {    width: 100%;}





.form_item.checkbox span.wpcf7-list-item label {    border: solid 1px #bfbfbf;    border-radius: 4px 4px;    line-height: 1.6;    padding: 15px 15px;    margin: 0 0;    max-width: 100%;    font-size: 14px;    cursor: pointer;}
.form_item.checkbox .wpcf7-list-item {    margin-left: 0;}
.form_item.checkbox span.wpcf7-list-item label input[type="checkbox"] {    top: 4px;    margin: 0 7px 0 0;}
.form_item.checkbox span.wpcf7-list-item label.clicked {    border-color: #d6472b;    background-color: #fff4f2;}
.form_item.checkbox span.wpcf7-list-item label input[type="checkbox"]:checked {    border: solid 1px #d6472b;}

.form_item.checkbox span.wpcf7-form-control.wpcf7-checkbox {    height: 48px;    display: block;}
.form_item input[type="email"] {    width: 100%;}


.frontpage_contactform .form_tr .form_item.checkbox p.small {    font-size: 15px;    margin: 0 0 28px 0;}



.width_full.toppage.company ul.certification-logo {    margin: 40px 0 0 0;    display: flex;    justify-content: flex-end;}
.width_full.toppage.company ul.certification-logo li {    width: 130px;    margin-left: 2%;}
.width_full.toppage.company ul.certification-logo li:first-child {        width: 310px;    padding-top: 47px;}
.width_full.toppage.company ul.certification-logo li:last-child {    width: 138px;}



.width_full.toppage.case-study .templates_inner {    max-width: 100%;}

.grecaptcha-badge {    visibility: hidden;}
dl.toggle dd img {    padding: 10px 0;}




/*****  装飾  ******/

span.small {    font-size: 80%;}


:before , :after {    -webkit-transition: 0.5s ease-in-out;    -moz-transition: 0.5s ease-in-out;    -o-transition: 0.5s ease-in-out;    transition: 0.5s ease-in-out;  }


.btn a {    background-color: #44b9a4;    font-size: 16px;    display: block;    text-decoration: none;    color: #FFFFFF;    padding: 18px 0;    text-align: center;    border-radius: 10px;    background-repeat: no-repeat; }
.btn a:hover ,
.main-dataform .list .substance .uploadbutton label:hover{    background-color: #33a18d;    }






.mb-contact .estimation.normal .btn a {    background-color: #333333;}
.mb-contact .estimation.normal .btn a:hover {    background-color: #181818;}


a.text-link {    background-image: url("http://namari-ozasei.com/wp-content/uploads/2026/03/link-icon.webp");    background-repeat: no-repeat;    background-size: 16px;    background-position: 0 4px;    color: #324bb6;    padding: 0 0 0 23px;}

a.text-link.dark {    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/link2-icon.webp);    color: #39b9a5;}





@media only screen and (min-width: 260px) and (max-width: 680px){
	
	
	body {  font-size: 16px;}
	
	 .menufixed {  position: fixed;}
    .drawer-menu {display: inline-block;width: 26px;height: 21px;vertical-align: middle;cursor: pointer;  position: absolute;top: 20px;  right: 5%;z-index: 100;}    
    .drawer-menu span {display: inline-block;box-sizing: border-box;position: absolute;left: 0;width: 100%;height: 3px;background-color: #413720;transition: all .5s;border-radius: 50px 50px;}
    
    .drawer-menu.active span { background-color: #413720; } 
    .drawer-menu span:nth-of-type(1) { top: 0; }
    .drawer-menu.active span:nth-of-type(1) {  transform: translateY(12px) rotate(-45deg); }
    .drawer-menu span:nth-of-type(2) {top: 9px;}
    .drawer-menu.active span:nth-of-type(2) {  opacity: 0; }
    .drawer-menu span:nth-of-type(3) { bottom: 0; }
    
    .drawer-menu.active span:nth-of-type(3) {transform: translateY(-6px) rotate(45deg);}

    
    #mobile_navigation { width: 100%;        height: 100%;        padding-top: 164px;        background-color: #e7e7e7;        position: fixed;        top: 0;        right: 0;        z-index: 10;        transform: translate(100%);        transition: all .5s;        background-image: url(https://namari-ozasei.com/wp-content/uploads/2026/03/ozasei_namari_site_logo.webp);        background-repeat: no-repeat;        background-position: 50% 60px;        background-size: 60%;}     
	#mobile_navigation.open {     transform: translateZ(0);     }    
        
    #mobile_navigation_inner {  padding: 0 9%;}
	

	.site-header .wrap nav#site-navigation ul {    flex-wrap: wrap;}
	.site-header .wrap nav#site-navigation ul li {    width: 48%;    margin: 0 0 9px 0;}
	.site-header .wrap nav#site-navigation ul li a {    text-align: left;    padding: 14px 14px;    position: relative;    background-color: #FFFFFF;    border-radius: 6px 6px;   font-size: 14px;}
	.site-header .wrap nav#site-navigation ul li a:before {    display: block;    content: "";    position: absolute;    right: 10%;    width: 5px;    height: 5px;    top: calc(50% - 2px);    border-top: 1px solid #333333;    border-right: 1px solid #333333;    -webkit-transform: rotate(45deg);    transform: rotate(45deg);}
	
	.site-header .wrap nav#site-navigation ul li:nth-child(5) {    width: 48%;}
	.site-header .wrap nav#site-navigation ul li:last-child {    width: 100%;    margin: 60px 0 0 0;    position: relative;}
	.site-header .wrap nav#site-navigation ul li:last-child a {    border: none;    padding: 18px 0 18px 0;        text-align: center;  border-radius: 6px 6px;    font-size: 14px;    background-image: url(http://namari-ozasei.com/wp-content/uploads/2026/03/submit-icon.webp);    background-size: 28px;    background-repeat: no-repeat;    background-position: 32px 15px;}
	.site-header .wrap nav#site-navigation ul li:last-child a:before {    border-color: #FFFFFF;}
	
.site-header .wrap nav#site-navigation ul li:last-child:before {    position: absolute;    content: "＼ お気軽にお問い合わせください／";    width: 250px;    top: -28px;    left: calc(50% - 125px);    text-align: center;    font-size: 13px;    font-weight: 700;}
	
	.site-header .wrap .main {    margin-left: 6%;    width: 240px;}
	.site-header .wrap .main p.site_description {    font-size: 10px;    margin: 0 0 0 2px;}
	.site-header .wrap .main h1 img {    max-width: 76%;}
	
	.width_full .templates_inner {    padding: 80px 6%;}
	h2.title {    font-size: 30px;}
	h3.third_title {    font-size: 26px;    margin: 0 0 36px 0;}

	ul.forte_list li:first-child ,ul.forte_list li:last-child {    width: 100%;    display: inherit;    margin: 0 0 32px 0;}
	ul.forte_list li:first-child .left ,ul.forte_list li:last-child .left {    width: 100%;    height: 260px;    border-radius: 10px 10px 0 0;    background-size: 100%;}
	ul.forte_list li:first-child .right ,ul.forte_list li:last-child .right {    width: 100%;    padding: 8.5% 6%;}
	ul.forte_list li:first-child .right:before ,ul.forte_list li:last-child .right:before {    font-size: 32px;    top: -290px;}
	ul.forte_list li:nth-child(2), ul.forte_list li:nth-child(3), ul.forte_list li:nth-child(4), ul.forte_list li:nth-child(5) {    float: none;    clear: both;    width: 100%;    padding: 8% 6% 6% 6%;    margin: 0 0 32px 0;}
	ul.forte_list li p:first-child {    margin-bottom: 12px;}
	ul.forte_list li:last-child {    margin-bottom: 0;}
	
	ul.equipment_list {    display: inherit;}
	ul.equipment_list li {    width: 100%;    margin: 0 0 36px 0;}
	ul.equipment_list li img {    margin: 0 0 24px 0;}
	ul.equipment_list li img + p {    margin: 0 0 20px 0;}
	ul.equipment_list li dl {    margin: 20px 0 0 0;}
	ul.equipment_list li:last-child {    margin-bottom: 0;}


	dl.type_equipment {    padding: 6% 6%;}

	.galvanized {    display: inherit;}
	.galvanized img {    width: 100%;    margin: 0 0 36px 0;}
	.galvanized .text {    width: 100%;}
	.galvanized .text p:last-child {    margin-bottom: 0;}
	.mb-contact {    padding: 6% 6%;    display: inherit;}
	.mb-contact .estimation {    width: 100%;    margin: 0 0 36px;}
	.mb-contact:before {    display: none;    width: 88%;    left: calc(50% - 44%);}
	.mb-contact .estimation:first-child {border-bottom: 2px solid #ececec;padding-bottom: 36px;}
	.estimation.normal {    margin-bottom: 4px;}
	
	.front_headertop {    background-size: 567%;    background-position: 63% 0;}
	
	.front_headertop .inner:before {          width: 210px;        height: 128px;        right: calc(50% - 100px);        top: 38px;  }
	.front_headertop .inner p:first-child {    font-size: 26px;        margin: 0 0 16px 0;}
	.front_headertop .inner p:nth-child(2) {           font-size: 15px;        display: inline;}
	.front_headertop .inner {    padding: 190px 6% 40px 6%;}
	.front_headertop .inner p:nth-child(3) {           font-size: 15px;        display: inline;}
	.front_headertop .inner ul {    width: 100%;}
	.front_headertop .inner ul li:first-child {    width: 64%;}
	
	
	
	.width_full.toppage.achievements .templates_inner ul {    width: 100%;    display: inherit;}
	.width_full.toppage.achievements .templates_inner ul li {    width: 100%;    margin: 0 0 2px 0;}
	.width_full.toppage.achievements .templates_inner dl {    width: 100%;}
	.width_full.toppage.achievements .templates_inner {   background-image: none; }
	
	ul.production_flow { position: relative;  flex-wrap: wrap;        justify-content: end;}
	ul.production_flow li {      width: 93%;        height: 146px;        margin: 0 0 12px 0;        padding: 6% 6% 6% 23%;        background-size: 12%;        background-position: 7% 77px;}
	ul.production_flow li p:first-child {    text-align: left;    margin: 0 0 5px 0;}
	ul.production_flow li p {    font-size: 14px;}
	ul.production_flow li:before { left: 18px;        top: 16px;        width: 40px;        height: 40px;}	
	.headline-details ul {    width: 100%;        background-size: 76%;        background-position: 50% 13px;}
	
	
	ul.production_sub_flow {    display: none;}
	ul.production_flow:before {    position: absolute;    content: "";    width: 6px;    height: 304px;    background-color: #e0e7ee;    left: 0;    top: 0;}
	ul.production_flow:after {    position: absolute;    content: "";    width: 6px;    height: 462px;    background-color: #dceee5;    left: 0;    bottom: 12px;}
	ul.production_flow li:first-child:after {    position: absolute;    content: "見積回答：２～４営業日以内";    writing-mode: vertical-rl;    left: -34px;    top: 52px;    font-size: 13px;    height: 200px;    text-align: center;    background-color: #FFFFFF;    color: #3a6085;}
	ul.production_flow li:nth-child(3):after {    position: absolute;    content: "製作期間：受注後３～４週間";    writing-mode: vertical-rl;    left: -34px;    top: 131px;    font-size: 13px;    height: 200px;    text-align: center;    background-color: #FFFFFF;    color: #529b77;    z-index: 3;}
	
	
	.mobile_contact a {    border: solid 1px #333333;    padding: 4px 12px;    border-radius: 4px 4px;    text-decoration: none;    font-size: 13px;    position: absolute;    right: 18%;    top: 17px;}
	
	
	.inquiry_inner {    display: inherit;}
	.inquiry_inner .left {    width: 100%;}
	.inquiry_inner .right {    width: 100%;}

	
	.width_full.toppage.case-study .templates_inner {    padding-left: 0;    padding-right: 0;}
	.width_full.toppage.case-study .templates_inner .title_heading , 
	.width_full.toppage.case-study .templates_inner .title_heading + p {    padding-right: 6%;    padding-left: 6%;}
	
	

	.headline-details ul li {    font-size: 12px;    width: 30%;    line-height: 1.2;}
	.headline-details ul li span {    margin: 0 0 5px 0;}
	.headline-details ul li {    background-size: 28px;    padding: 37px 0 0 0;}

	.main-dataform {    padding: 8% 6%;}
	.main-dataform .list {    display: inherit;}
	.main-dataform .list .list_name {    width: 100%;    margin: 0 0 16px 0;}
	.main-dataform .list .substance {    width: 100%;}
	.main-dataform .list .substance ul.note_list, 
	main-dataform.step03 ul.note_list ,
	.main-dataform.step03 ul.note_list {    padding: 8% 8%;      font-size: 14px;}
	.uploadbutton.first , .uploadbutton.second {    padding-bottom: 24px;}
	.main-dataform.step01 .list .substance input[type=text] {    width: 100%;}

	.substance.checkbox span.wpcf7-list-item.first {    margin: 0 14px 10px 0;}

	.main-dataform.step03 input[type=submit] {    width: 100%;        padding: 26px 0;        background-position: 19px 49%;        text-align: center;        font-weight: 700;}
	.frontpage_contactform input[type=submit] {  width: 100%;    text-align: center;    padding: 26px 0;    background-position: 37px 46%;         font-weight: 700;}
	
	
	ul.faq_pagelinks {    display: none;}

	
	
	
	dl.toggle dt {    padding: 16px 12% 16px 6%;    font-size: 15px;    margin: 10px 0 0 0;}
	dl.toggle dd {    padding: 20px 6%;    font-size: 14px;}	


	.inquiry_inner .inquiry_tel p:first-child {    font-size: 15px;}
	.inquiry_inner .inquiry_tel a {    font-size: 30px;}

	.inquiry_inner .inquiry_tel .announcement {    background-color: #FFFFFF;    padding: 5% 5% 5% 25%;    background-size: 76%;    background-position: 20px 20px;    line-height: 1.5;}
	.inquiry_inner .inquiry_tel {    margin: 0 0 24px 0;}


	.width_full.toppage.company {    background-position: 83% 0;    background-size: 200%;    padding-top: 102px;}

	.width_full.toppage.company table th , .width_full.toppage.company table td {    display: block;    width: 100%;}
	.width_full.toppage.company table tr {    display: inherit;}
	.width_full.toppage.company table th {    padding: 14px 20px 0 20px;    border-radius: 6px 6px 0 0;}
	.width_full.toppage.company table td {    padding: 2px 20px 14px 20px;    border-radius: 0 0 6px 6px;    border-bottom: solid 2px #FFFFFF;}

	.width_full.toppage.company ul.certification-logo li {    margin-left: 3%;}
	.width_full.toppage.company ul.certification-logo li:first-child {    padding-top: 15px;}
	.width_full.toppage.company ul.certification-logo {    margin: 10px 0 0 0;}

	.site-footer {    padding-left: 6%;   padding-right: 6%;}
	.site-footer > .site-info {    display: inherit;}
	.site-footer > .site-info .site-name a img {    width: 58%;    display: block;    margin: 0 auto;}
	.site-footer > .site-info .site-name a {    text-align: center;    margin: 0 0 24px 0;    display: block;}
	.site-footer > .site-info ul {    text-align: center;}
	.site-footer > .site-info ul li:first-child {    margin: 0 0 5px 0;}
		
	a.text-link.dark {    padding: 2px 0 2px 23px;    background-position: 0 3px;}

	
}



@media only screen and (min-width: 681px) and (max-width: 940px){
	
		.site-header .wrap {    padding: 10px 6%;}
	.site-header .wrap .main {    width: 15%;}
	.site-header .wrap .main p.site_description {    font-size: 7px;}
	.site-header .wrap nav#site-navigation {    width: 82%;}
	.site-header .wrap nav#site-navigation ul {    font-size: 11px;}
	.site-header .wrap nav#site-navigation ul li:nth-child(5) {    margin-right: 0;}
	
	.front_headertop .inner:before {    width: 406px;    height: 242px;    top: calc(50% - 120px);}
	.front_headertop .inner p:first-child {    font-size: 34px;    line-height: 1.4;}
	.front_headertop .inner p:nth-child(2) {    width: 50%;}
	.front_headertop .inner p:nth-child(3) {    width: 50%;}
	.front_headertop .inner ul {    width: 72%;}
	

	ul.equipment_list li dl {    display: inherit;    margin: 24px 0 0 0;}
	ul.equipment_list li dl dt , ul.equipment_list li dl dd {    width: 100%;}
	ul.equipment_list li dl dt {    margin: 0 0;    border-radius: 6px 6px 0 0;    padding-bottom: 0;}
	ul.equipment_list li dl dd {    padding-top: 0;    border-radius: 0 0 6px 6px;}
	.galvanized img {    margin-top: 83px;}
	.mb-contact .estimation {    width: 42%;}
	.mb-contact:before {    display: none;}
	.width_full.toppage.case-study .title_heading + p {    margin-right: 6%;    margin-left: 6%;}

	.inquiry_inner .left dl dd:before {    top: 10px;}
	.inquiry_inner .inquiry_tel a {    font-size: 28px;}
	
	.front_headertop .inner {    padding: 80px 6%;}
	.width_full .templates_inner {    padding: 80px 6%;}
	
	
	ul.forte_list {    display: flex;    flex-wrap: wrap;    justify-content: space-between;}
	ul.forte_list li:first-child {    width: 100%;}
	ul.forte_list li:nth-child(2), ul.forte_list li:nth-child(3), ul.forte_list li:nth-child(4), ul.forte_list li:nth-child(5) {    width: 48%;}

	ul.forte_list li:nth-child(5) {margin: 0 0 4% 0;}
	ul.forte_list li:last-child {    margin: 0 0;    width: 100%;}
	
	
	
	
	
	ul.equipment_list li {    width: 48%;}
	
	.width_full.toppage.case-study .templates_inner {    padding-right: 0;    padding-left: 0;}
	.width_full.toppage.achievements .templates_inner ul {    width: 58%;}
	.width_full.toppage.achievements .templates_inner {   background-position: 84% 89%;        background-size: 30%;}
	
	ul.production_flow {    flex-wrap: wrap;    margin-bottom: 40px;}
	ul.production_flow li:first-child {    width: 32%;    margin: 0 0 10% 17%;}
	ul.production_flow li:nth-child(2) {    width: 32%;    margin: 0 17% 10% 0;}
	ul.production_flow li:nth-child(3) {    clear: both;    width: 32%;}
	ul.production_flow li:nth-child(4) {    width: 32%;}
	ul.production_flow li:nth-child(5) {    width: 32%;}
	ul.production_flow li {    background-size: 24%;}
	ul.production_sub_flow {    display: none;}
	ul.production_flow li:first-child:after {    position: absolute;    content: "";    bottom: -30px;    left: 0;    width: 206%;    height: 8px;    background-color: #e0e7ee;}
	ul.production_flow li:nth-child(2):after {    position: absolute;    content: "見積回答：2～4営業日以内";    bottom: -40px;    left: calc(-4% - 100px);    background-color: #FFFFFF;    padding: 0 0;    font-size: 14px;    width: 200px;    text-align: center;}
	ul.production_flow li:nth-child(3):after {    position: absolute;    content: "";    bottom: -30px;    left: 0;    width: 312%;    height: 8px;    background-color: #dceee5;}
	ul.production_flow li:nth-child(4):after {    position: absolute;    content: "制作期間：受注後3～4週間";    font-size: 14px;    bottom: -40px;    width: 200px;    background-color: #FFFFFF;    text-align: center;    left: calc(50% - 100px);}

	.inquiry_inner .left {   width: 38%;}
	.inquiry_inner .right {    width: 56%;}
	.inquiry_inner .inquiry_tel {    padding: 7% 7%;}
	.inquiry_inner .inquiry_tel p:first-child {    font-size: 15px;}
	.inquiry_inner .inquiry_tel .announcement {    background-color: #FFFFFF;    padding: 6% 6% 6% 27%;    background-position: 20px 23px;}
	.site-footer {    padding-left: 6%;    padding-right: 6%;}




}


@media screen and (min-width: 941px) and (max-width: 1100px){
	
	
	.site-header .wrap {    padding: 10px 6%;}
	.site-header .wrap .main p.site_description {    font-size: 10px;}
	.site-header .wrap nav#site-navigation {    width: 78%;}
	.site-header .wrap nav#site-navigation ul {    font-size: 12px;}
	
	
	.front_headertop .inner {    padding: 80px 6%;}
	.width_full .templates_inner {    padding: 80px 6%;}
	
	
	ul.forte_list {    display: flex;    flex-wrap: wrap;    justify-content: space-between;}
	ul.forte_list li:first-child {    width: 100%;}
	ul.forte_list li:nth-child(2), ul.forte_list li:nth-child(3), ul.forte_list li:nth-child(4), ul.forte_list li:nth-child(5) {    width: 48%;}

	ul.forte_list li:nth-child(5) {margin: 0 0 4% 0;}
	ul.forte_list li:last-child {    margin: 0 0;    width: 100%;}
	
	
	
	ul.equipment_list li {    width: 48%;}
	
	.width_full.toppage.case-study .templates_inner {    padding-right: 0;    padding-left: 0;}
	.width_full.toppage.achievements .templates_inner ul {    width: 58%;}
	.width_full.toppage.achievements .templates_inner {    background-position: 92% 82%;    background-size: 39%;}
	
	ul.production_flow {    flex-wrap: wrap;    margin-bottom: 40px;}
	ul.production_flow li:first-child {    width: 32%;    margin: 0 0 10% 17%;}
	ul.production_flow li:nth-child(2) {    width: 32%;    margin: 0 17% 10% 0;}
	ul.production_flow li:nth-child(3) {    clear: both;    width: 32%;}
	ul.production_flow li:nth-child(4) {    width: 32%;}
	ul.production_flow li:nth-child(5) {    width: 32%;}
	ul.production_flow li {    background-size: 24%;}
	ul.production_sub_flow {    display: none;}
	ul.production_flow li:first-child:after {    position: absolute;    content: "";    bottom: -30px;    left: 0;    width: 206%;    height: 8px;    background-color: #e0e7ee;}
	ul.production_flow li:nth-child(2):after {    position: absolute;    content: "見積回答：2～4営業日以内";    bottom: -40px;    left: calc(-4% - 100px);    background-color: #FFFFFF;    padding: 0 0;    font-size: 14px;    width: 200px;    text-align: center;}
	ul.production_flow li:nth-child(3):after {    position: absolute;    content: "";    bottom: -30px;    left: 0;    width: 312%;    height: 8px;    background-color: #dceee5;}
	ul.production_flow li:nth-child(4):after {    position: absolute;    content: "制作期間：受注後3～4週間";    font-size: 14px;    bottom: -40px;    width: 200px;    background-color: #FFFFFF;    text-align: center;    left: calc(50% - 100px);}

	.inquiry_inner .left {   width: 39%;}
	.inquiry_inner .right {    width: 56%;}
	.inquiry_inner .inquiry_tel {    padding: 7% 7%;}
	.inquiry_inner .inquiry_tel p:first-child {    font-size: 15px;}
	.inquiry_inner .inquiry_tel .announcement {    background-color: #FFFFFF;    padding: 6% 6% 6% 27%;    background-position: 20px 23px;}
	.site-footer {    padding-left: 6%;    padding-right: 6%;}

}




@media screen and (min-width: 1101px) and (max-width: 1200px){
	

}


@media screen and (min-width: 1201px) and (max-width: 1300px){

}