html { 	font-family: sans-serif; 	line-height: 1.15; 	-ms-text-size-adjust: 100%; 	-webkit-text-size-adjust: 100%;    overflow-x: hidden; }

body {	margin: 0;    overflow-x: hidden; }

article, aside, footer,header, nav, section { 	display: block; }
figcaption, figure, main { 	display: block; }
figure { 	margin: 1em 0; }
picture { display:block; }
pre { 	font-family: monospace, monospace;  }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }
a:active, a:hover { outline-width: 0; }

abbr[title] { 	border-bottom: 1px #767676 dotted; 	text-decoration: none; }

b, strong { font-weight: inherit; }
b, strong { font-weight: 700; }

code, kbd, samp { font-family: monospace, monospace; 	font-size: 1em; }
dfn { font-style: italic; }
mark { 	background-color: #eee; 	color: #222; }
small { font-size: 80%; }
sub, sup { 	font-size: 75%; 	line-height: 0; 	position: relative; 	vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }

audio, video { 	display: inline-block; }
audio:not([controls]) { display: none;  height: 0; }

img { border-style: none; }


svg:not(:root) { overflow: hidden; }

button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; 	line-height: 1.15; 	margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [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; }

fieldset { 	border: 1px solid #bbb; margin: 0 2px; 	padding: 0.35em 0.625em 0.75em; }
legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 	box-sizing: border-box; color: inherit; display: table; max-width: 100%; 	padding: 0; 	white-space: normal; }
progress { 	display: inline-block; 	vertical-align: baseline; }
textarea { 	overflow: auto; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
[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-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { 	-webkit-appearance: button; font: inherit; }
details, menu { display: block; }
summary { display: list-item; }
canvas { display: inline-block; }
template { 	display: none; }
[hidden] { 	display: none; }

/* ---- 用途 --- */
.wpcf7-list-item.last.has-free-text {
    width: 245px;
}
.wpcf7-free-text {
    padding: 2px !important;
    width: 55% !important;
    display: inline-block !important;
}

/*--------------------------------------------------------------
 Accessibility
--------------------------------------------------------------*/

.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); 	height: 1px; 	overflow: hidden; 	position: absolute !important; 	width: 1px; 	word-wrap: normal !important; }

button .screen-reader-text {   position: inherit !important;   overflow: inherit !important; }


.screen-reader-text:focus { 	background-color: #f1f1f1; 	-webkit-border-radius: 3px; 	border-radius: 3px; 	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 	clip: auto !important; 	color: #21759b; 	display: block; 	font-size: 14px; 	font-size: 0.875rem; 	font-weight: 700; 	height: auto; 	left: 5px; 	line-height: normal; 	padding: 15px 23px 14px; 	text-decoration: none; 	top: 5px; 	width: auto; 	z-index: 100000; /* Above WP toolbar. */ }


.clear:before, .clear:after, .entry-content:before, .entry-content:after, .entry-footer:before, .entry-footer: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, .nav-links:before, .nav-links:after, .pagination:before, .pagination:after, .comment-author:before, .comment-author:after, .widget-area:before, .widget-area:after, .widget:before, .widget:after, .comment-meta:before, .comment-meta:after { 	content: ""; 	display: table; 	table-layout: fixed; }

.clear:after, .entry-content:after, .entry-footer:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after, .pagination:after, .comment-author:after, .widget-area:after, .widget:after, .comment-meta:after { 	clear: both; }


body, button, input, select, textarea {
	color: #333;
	font-family: メイリオ, Meiryo, Osaka,Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.7;
}


h1, h2, h3, h4, h5, h6 { 	clear: both; 	line-height: 1.4; 	margin: 0 0 0.75em; 	padding: 1.5em 0 0; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { 	padding-top: 0; }

h1 {  	font-size: 28px; 	font-weight: 800; }
h2 { 	font-size: 24px; 	font-weight: 800; }
h3 { 	font-size: 21px; 	font-weight: 800; }
h4 { 	font-size: 18px; 	font-weight: 800; }
h5 { 	font-size: 16px; 	font-weight: 800; }
h6 { 	font-size: 15px; 	font-weight: 800; }

p {	margin: 0 0 1.5em; 	padding: 0; }

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

blockquote {     color: #666;   font-style: italic;   margin: 40px 0;    overflow: hidden;   padding: 0 0 0 24px;   border-left: solid 4px #888888;  }

blockquote p:last-child {   margin: 0 0; }

blockquote cite { 	display: block; 	font-style: normal; 	font-weight: 600; 	margin-top: 0.5em; }

address { 	margin: 0 0 1.5em; }

pre { 	background: #eee; 	font-family: "Courier 10 Pitch", Courier, monospace; 	font-size: 15px; 	font-size: 0.9375rem; 	line-height: 1.6; 	margin-bottom: 1.6em; 	max-width: 100%; 	overflow: auto; 	padding: 1.6em; }

code, kbd, tt, var { 	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 	font-size: 15px; 	font-size: 0.9375rem; }

abbr, acronym { 	border-bottom: 1px dotted #666; 	cursor: help; }

mark, ins { 	background: #eee; 	text-decoration: none; }

big { 	font-size: 125%; }

blockquote {	quotes: "" ""; }

q { 	quotes: "“" "”" "‘" "’"; }

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

:focus { 	outline: none; }

html[lang="ja"] * { 	letter-spacing: 0 !important; }

/*--------------------------------------------------------------
 Forms
--------------------------------------------------------------*/

label { 	color: #333; 	display: block; 	font-weight: 800; 	margin-bottom: 0.5em; } 

fieldset { 	margin-bottom: 1em; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"],  input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { 	color: #666; 	background: #fff; 	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); 	border: 1px solid #bbb; 	-webkit-border-radius: 3px; 	border-radius: 3px; 	display: block; 	padding: 0.7em; 	width: 100%; font-size: 14px; }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { 	color: #222; 	border-color: #333; }

select { font-size: 14px;	border: 1px solid #bbb; 	-webkit-border-radius: 3px; 	border-radius: 3px; 	height: 3em; 	max-width: 100%; }

input[type="radio"], input[type="checkbox"] { 	margin-right: 0.5em; }

input[type="radio"] + label, input[type="checkbox"] + label { 	font-weight: 400; }

button, input[type="button"], input[type="submit"] { 	    background-color: #222;    border: 0;    border-radius: 6px 6px;    box-shadow: none;    color: #fff;    cursor: pointer;    display: inline-block;    font-size: 14px;
    line-height: 1;    padding: 20px 28px;    text-shadow: none;    -webkit-transition: background 0.2s;    transition: background 0.2s; }

input + button, input + input[type="button"], input + input[type="submit"] { 	padding: 0.75em 2em; }

button.secondary, input[type="reset"], input[type="button"].secondary, input[type="reset"].secondary, input[type="submit"].secondary { 	background-color: #ddd; 	color: #222; }

button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { 	background: #767676; }

button.secondary:hover, button.secondary:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"].secondary:hover, input[type="button"].secondary:focus, input[type="reset"].secondary:hover, input[type="reset"].secondary:focus, input[type="submit"].secondary:hover, input[type="submit"].secondary:focus { 	background: #bbb; }


/*--------------------------------------------------------------
 Formatting
--------------------------------------------------------------*/

hr { 	background-color: #bbb; 	border: 0; 	height: 1px; 	margin-bottom: 1.5em; }

/*--------------------------------------------------------------
 Lists
--------------------------------------------------------------*/

ul, ol { 	margin: 0 0 1.5em; 	padding: 0; }
ul { 	list-style: none; }
ol { 	list-style: none; }
li > ul, li > ol { 	margin-bottom: 0; 	margin-left: 1.5em; }

dt { 	font-weight: 700; }
dd { 	margin: 0 0 1.5em; }

table { 	border-collapse: collapse; 	margin: 0 0 1.5em; 	width: 100%;font-size: 96%; }
thead th { 	border-bottom: 2px solid #bbb; 	padding-bottom: 0.5em; }
th { 	    text-align: left;   border-right: solid 2px #FFFFFF;  	border-bottom: 2px solid #ffffff;  font-weight: normal;   padding: 10px 10px;   background-color: #eeeeee;}
td { 	border-right: solid 2px #FFFFFF;  	border-bottom: 2px solid #ffffff;  font-weight: normal;   padding: 10px 10px;   background-color: #f5f5f5; }

a { color: #222;    text-decoration: none;    cursor: pointer;    -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:focus { 	outline: thin dotted; }

a:hover, a:active {	outline: 0; }

.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong { 	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);  }

.entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .site-info a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a { 	color: #000; }

.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover,  .widget ul li a:focus, .widget ul li a:hover { 	color: #000; 	 }

.entry-content a img, .widget a img { display:block; }

.post-navigation a:focus .icon, .post-navigation a:hover .icon { 	color: #222; }

.post-thumbnail { 	margin-bottom: 1em; }

.post-thumbnail a img { 	-webkit-backface-visibility: hidden; 	-webkit-transition: opacity 0.2s; 	transition: opacity 0.2s; }

.post-thumbnail a:hover img, .post-thumbnail a:focus img { 	opacity: 0.7; }

.navigation-top { 	background: #fff; 	font-size: 16px; 		position: relative; }

.navigation-top .wrap { 	max-width: 1080px; 	padding: 13px 0 6px 0; }

.navigation-top a { 	color: #222; 	font-weight: 600; 	-webkit-transition: color 0.2s; 	transition: color 0.2s; }

.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a { 	color: #767676; }

.main-navigation { 	clear: both; 	display: block; }

.main-navigation ul { 	background: #fff; 	list-style: none; 	margin: 0; 	padding: 0 1.5em; 	text-align: left; }

.js .main-navigation ul, .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon, .main-navigation ul a > .icon { 	display: none; }

.main-navigation > div > ul { 	border-top: 1px solid #eee; 	padding: 0.75em 1.695em; }

.js .main-navigation.toggled-on > div > ul { 	display: block; }

.main-navigation ul ul { 	padding: 0 0 0 1.5em; }

.main-navigation ul ul.toggled-on { 	display: block; }

.main-navigation ul ul a { 	letter-spacing: 0; 	padding: 0.4em 0; 	position: relative; 	text-transform: none; }

.main-navigation li { 	border-bottom: 1px solid #eee; 	position: relative; }

.main-navigation li li, .main-navigation li:last-child { 	border: 0; }

.main-navigation a { 	display: block; 	padding: 0.5em 0; 	text-decoration: none; }

.main-navigation a:hover { 	color: #767676; } 

.js .menu-toggle { 	display: block; }

.main-navigation.toggled-on ul.nav-menu { 	display: block; }

.menu-toggle:hover, .menu-toggle:focus { 	background-color: transparent; 	-webkit-box-shadow: none; 	box-shadow: none; }

.menu-toggle:focus { 	outline: thin solid; }

.menu-toggle .icon { 	margin-right: 0.5em; 	top: -2px; }

.toggled-on .menu-toggle .icon-bars, .menu-toggle .icon-close { 	display: none; }

.toggled-on .menu-toggle .icon-close { 	display: inline-block; }

.dropdown-toggle { 	background-color: transparent; 	border: 0; 	-webkit-box-shadow: none; 	box-shadow: none; 	color: #222; 	display: block; 	font-size: 16px; 	right: -0.5em; 	line-height: 1.5; 	margin: 0 auto; 	padding: 0.5em; 	position: absolute; 	text-shadow: none; 	top: 0; }

.dropdown-toggle:hover, .dropdown-toggle:focus { 	background: transparent; }

.dropdown-toggle:focus { 	outline: thin dotted; }

.dropdown-toggle.toggled-on .icon { 	-ms-transform: rotate(-180deg); /* IE 9 */ 	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */ 	transform: rotate(-180deg); }

/* Scroll down arrow */

.site-header .menu-scroll-down { 	display: none; }

/*--------------------------------------------------------------
 Layout
--------------------------------------------------------------*/

html { 	-webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; }

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

body { 	background: #fff; 	/* Fallback for when there is no custom background color defined. */ }

#page { 	position: relative; 	word-wrap: break-word; }

.wrap { 	margin-left: auto; 	margin-right: auto; 	max-width: 700px; 	padding-left: 2em; 	padding-right: 2em; }

.wrap:after { 	clear: both; 	content: ""; 	display: block; }

/*--------------------------------------------------------------
 Header
--------------------------------------------------------------*/

#masthead .wrap { 	position: relative; }

.site-header { 	background-color: #fafafa; 	     border-bottom: solid 2px #fac110;   position: fixed;    width: 100%;   z-index: 666666; }

/* Site branding */

.site-branding { 	padding: 1em 0; 	position: relative; 	-webkit-transition: margin-bottom 0.2s; 	transition: margin-bottom 0.2s; 	z-index: 3; }

.site-branding a { 	text-decoration: none; 	-webkit-transition: opacity 0.2s; 	transition: opacity 0.2s; }

.site-branding a:hover, .site-branding a:focus { 	opacity: 0.7; }

.site-title { 	clear: none; 	font-size: 24px; 	font-size: 1.5rem; 	font-weight: 800; 	line-height: 1.25; 	letter-spacing: 0.08em; 	margin: 0; 	padding: 0; 	text-transform: uppercase; }

.site-title, .site-title a { 	color: #222; 	opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */ }

.site-description { 	color: #666; 	font-size: 13px; 	font-size: 0.8125rem; 	margin-bottom: 0; }

body.has-header-image .site-description, body.has-header-video .site-description { 	color: #fff; 	opacity: 0.8; }

.custom-logo-link { 	display: inline-block; 	padding-right: 1em; 	vertical-align: middle; 	width: auto; }

.custom-logo-link img { 	display: inline-block; 	max-height: 80px; 	width: auto; }

body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img { 	max-height: 200px; 	max-width: 100%; }

.custom-logo-link a:hover, .custom-logo-link a:focus { 	opacity: 0.9; }

body:not(.title-tagline-hidden) .site-branding-text { 	display: inline-block; 	vertical-align: middle; }

.has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding { 	display: table-cell; 	height: 100%; 	vertical-align: bottom; }

/*--------------------------------------------------------------
 Front Page
--------------------------------------------------------------*/

.twentyseventeen-front-page .site-content { 	padding: 0; }

.twentyseventeen-panel { 	overflow: hidden; 	position: relative; }

.panel-image { 	background-position: center center; 	background-repeat: no-repeat; 	-webkit-background-size: cover; 	background-size: cover; 	position: relative; }

.panel-image:before { 	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3))); 	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); 	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */ 	bottom: 0; 	content: ""; 	left: 0; 	right: 0; 	position: absolute; 	top: 100px; }

.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) { 	border-top: 1px solid #ddd; }

.panel-content { 	position: relative; }

.panel-content .wrap { 	padding-bottom: 0.5em; 	padding-top: 1.75em; }

.twentyseventeen-panel .edit-link { 	display: block; 	margin: 0.3em 0 0; }

.twentyseventeen-panel .entry-header .edit-link { 	font-size: 14px; 	font-size: 0.875rem; }

.twentyseventeen-front-page .panel-content .recent-posts article { 	border: 0; 	color: #333; 	margin-bottom: 3em; }

.recent-posts .entry-header { 	margin-bottom: 1.2em; }

.page .panel-content .recent-posts .entry-title { 	font-size: 20px; 	font-size: 1.25rem;	font-weight: 300; 	letter-spacing: 0; 	text-transform: none; }

.twentyseventeen-panel .recent-posts .entry-header .edit-link { 	color: #222; 	display: inline-block; 	font-size: 11px;  font-size: 0.6875rem; 	margin-left: 1em; }

/*--------------------------------------------------------------
 Regular Content
--------------------------------------------------------------*/

.site-content-contain { 	background-color: #fff; 	position: relative;     padding-top: 69px;}

.site-content { 	padding: 2.5em 0 0; }

/*--------------------------------------------------------------
Posts
--------------------------------------------------------------*/


.sticky { 	position: relative; }

.post:not(.sticky) .icon-thumb-tack { 	display: none; }

.sticky .icon-thumb-tack { 	display: block; 	height: 18px; 	left: -1.5em; 	position: absolute; 	top: 1.65em; 	width: 20px; }

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title { 	color: #222; 	font-weight: 800; 	letter-spacing: 0.14em; 	 }



body.page-id-4957:not(.twentyseventeen-front-page) .entry-title { 	color: #ffffff; 	    display: block; }




.entry-header .entry-title { 	margin-bottom: 0.25em; }

.entry-title a { 	color: #333; 	text-decoration: none; 	margin-left: -2px; }

.entry-title:not(:first-child) { 	padding-top: 0; }

.entry-meta { 	color: #767676; 	font-size: 11px; 	font-size: 0.6875rem; 	font-weight: 800; 	letter-spacing: 0.1818em; 	padding-bottom: 0.25em; 	text-transform: uppercase; }

.entry-meta a { 	color: #767676; }

.byline, .updated:not(.published) { 	display: none; }

.single .byline, .group-blog .byline { 	display: inline; }
.single .byline {    display: none;}


.pagination, .comments-pagination { 	border-top: 1px solid #eee; 	font-size: 14px; 	font-size: 0.875rem; 	font-weight: 800; 	padding: 2em 0 3em; 	text-align: center; }

.pagination .icon, .comments-pagination .icon { 	width: 0.666666666em; 	height: 0.666666666em; }

.comments-pagination { 	border: 0; }

.page-numbers { 	display: none; 	padding: 0.5em 0.75em; }

.page-numbers.current { 	color: #767676; 	display: inline-block; }

.page-numbers.current .screen-reader-text { 	clip: auto; 	height: auto; 	overflow: auto; 	position: relative !important; 	width: auto; }

.prev.page-numbers, .next.page-numbers { 	background-color: #ddd; 	-webkit-border-radius: 2px; 	border-radius: 2px; 	display: inline-block; 	font-size: 24px; 	font-size: 1.5rem; 	line-height: 1; 	padding: 0.25em 0.5em 0.4em; }

.prev.page-numbers, .next.page-numbers { 	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; 	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; }

.prev.page-numbers:focus, .prev.page-numbers:hover, .next.page-numbers:focus, .next.page-numbers:hover { 	background-color: #767676; 	color: #fff; }

.prev.page-numbers { 	float: left; }

.next.page-numbers { 	float: right; }

.entry-content blockquote.alignleft, .entry-content blockquote.alignright { 	color: #666; 	font-size: 13px; 	font-size: 0.8125rem; 	width: 48%; }

.blog .site-main > article, .archive .site-main > article, .search .site-main > article { 	padding-bottom: 2em; }

body:not(.twentyseventeen-front-page) .entry-header { 	padding: 1em 0; }

body:not(.twentyseventeen-front-page) .entry-header, body:not(.twentyseventeen-front-page) .entry-content, body:not(.twentyseventeen-front-page) #comments { 	margin-left: auto; 	margin-right: auto; }

body:not(.twentyseventeen-front-page) .entry-header {     margin-top: 52px;	padding-top: 0; }

.blog .entry-meta a.post-edit-link, .archive .entry-meta a.post-edit-link, .search .entry-meta a.post-edit-link { 	color: #222; 	display: inline-block; 	margin-left: 1em; 	white-space: nowrap; }

.search .page .entry-meta a.post-edit-link { 	margin-left: 0; 	white-space: nowrap; }

.taxonomy-description { 	color: #666; 	font-size: 13px; 	font-size: 0.8125rem; }

.entry-content .more-link:before { 	content: ""; 	display: block; 	margin-top: 1.5em; }

.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary { 	margin-left: auto; 	margin-right: auto; 	max-width: 740px; }

.single-featured-image-header { 	background-color: #fafafa; 	border-bottom: 1px solid #eee; }

.single-featured-image-header img { 	display: block; 	margin: auto; }

.page-links { 	font-size: 14px; 	font-size: 0.875rem; 	font-weight: 800; 	padding: 2em 0 3em; }

.page-links .page-number { 	color: #767676; 	display: inline-block; 	padding: 0.5em 1em; }

.page-links a { 	display: inline-block; }

.page-links a .page-number { 	color: #222; }

.entry-footer { 	border-bottom: 1px solid #eee; 	border-top: 1px solid #eee; 	margin-top: 2em; 	padding: 2em 0; }

.entry-footer .cat-links, .entry-footer .tags-links { 	display: block; 	font-size: 11px; 	font-size: 0.6875rem; 	font-weight: 800; 	letter-spacing: 0.1818em; 	padding-left: 2.5em; 	position: relative; 	text-transform: uppercase; }

.entry-footer .cat-links + .tags-links { 	margin-top: 1em; }

.entry-footer .cat-links a, .entry-footer .tags-links a { 	color: #333; }

.entry-footer .cat-links .icon, .entry-footer .tags-links .icon { 	color: #767676; 	left: 0; 	margin-right: 0.5em; 	position: absolute; 	top: 2px; }

.entry-footer .edit-link { 	display: inline-block; }

.entry-footer .edit-link a.post-edit-link { 	background-color: #222; 	-webkit-border-radius: 2px;  	border-radius: 2px; 	-webkit-box-shadow: none; 	box-shadow: none; 	color: #fff; 	display: inline-block; 	font-size: 14px; 	font-size: 0.875rem; 	font-weight: 800; 	margin-top: 2em; 	padding: 0.7em 2em; 	-webkit-transition: background-color 0.2s ease-in-out; 	transition: background-color 0.2s ease-in-out; 	white-space: nowrap; }

.entry-footer .edit-link a.post-edit-link:hover, .entry-footer .edit-link a.post-edit-link:focus { 	background-color: #767676; }

.blog .format-status .entry-title, .archive .format-status .entry-title, .blog .format-aside .entry-title, .archive .format-aside .entry-title { 	display: none; }

.format-quote blockquote { 	color: #333; 	font-size: 20px; 	font-size: 1.25rem; 	font-weight: 300; 	overflow: visible; 	position: relative; }

.format-quote blockquote .icon { 	display: block; 	height: 20px; 	left: -1.25em; 	position: absolute; 	top: 0.4em; 	-webkit-transform: scale(-1, 1); 	-ms-transform: scale(-1, 1); 	transform: scale(-1, 1); 	width: 20px; }

.post-navigation { 	font-weight: 800; 	margin: 3em 0; }

.post-navigation .nav-links { 	padding: 1em 0; }

.nav-subtitle { 	background: transparent; 	color: #767676; 	display: block; 	font-size: 11px; 	font-size: 0.6875rem; 	letter-spacing: 0.1818em; 	margin-bottom: 1em; 	text-transform: uppercase; }

.nav-title { 	color: #333; 	font-size: 15px; 	font-size: 0.9375rem; }

.post-navigation .nav-next { 	margin-top: 1.5em; }

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper { 	margin-right: 0.5em; }

.nav-links .nav-next .nav-title .nav-title-icon-wrapper { 	margin-left: 0.5em; }

.page-header { 	padding-bottom: 2em; }

.page .entry-header .edit-link { 	font-size: 14px; 	font-size: 0.875rem; }

.search .page .entry-header .edit-link { 	font-size: 11px; 	font-size: 0.6875rem; }

.page-links { 	clear: both; 	margin: 0 0 1.5em; }

.page:not(.home) #content { 	padding-bottom: 1.5em; }

.error404 .page-content { 	padding-bottom: 4em; }

.error404 .page-content .search-form, .search .page-content .search-form { 	margin-bottom: 3em; }

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

.site-footer .wrap { 	padding:100px 0 60px 0; }

.site-footer .wrap .footer-contents + .info {margin: 60px 0 0 0;text-align: center;}

.site-footer .wrap .footer-contents + .info dl dt img {width: 90px;}

.site-footer .wrap .footer-contents + .info dl dd {color: #FFFFFF;font-size: 12px;margin: 0 0 6px 0;}

.site-footer .wrap .footer-contents + .info dl dt {margin: 0 0 12px 0;}

.site-footer .wrap .footer-contents + .info dl dd:last-child a {color: #2196F3;    box-shadow: 0 1px 0 #2196f3;display: inline-block;margin: 12px 0 0 0;}


.site-footer .wrap h1 {    width: 90px;    margin: 0 0 10px 0;  }

.site-footer .wrap .footer-contents {    display: flex;    justify-content: space-between;}
.site-footer .wrap .footer-contents .info {    width: 30%;    float: left;}

.site-footer .wrap .footer-contents ul.site-links li:first-child {color: #FFFFFF;font-size: 13px;font-weight: 600;padding: 0 0 16px 0;margin: 0 0 22px 0;border-bottom: solid 1px #5a5a5a;}

.site-footer .wrap .footer-contents .info dl {    margin: 0 0;    color: #FFFFFF;    font-size: 13px;}
.site-footer .wrap .footer-contents .info dl dt {   margin: 0 0;    font-weight: normal;  }
.site-footer .wrap .footer-contents .info dl dd {    margin: 0 0;}
.site-footer .wrap .footer-contents .info dl dd span {    display: block;    margin: 10px 0 0 0;}


.site-footer .wrap .footer-contents ul.site-links { width: 22%;   margin: 0 0;}
.site-footer .wrap .footer-contents ul.site-links li {    margin: 0 0 10px 0; }
.site-footer .wrap .footer-contents ul.site-links li a {     color: #FFFFFF;      font-size: 13px; }





.social-navigation { 	font-size: 16px; 	font-size: 1rem; 	margin-bottom: 1em; }

.social-navigation ul { 	list-style: none; 	margin-bottom: 0; 	margin-left: 0; }

.social-navigation li { 	display: inline; }

.social-navigation a { 	background-color: #767676; 	-webkit-border-radius: 40px; 	border-radius: 40px;color: #fff; display: inline-block;	height: 40px; 	margin: 0 1em 0.5em 0; 	text-align: center; 	width: 40px; } 

.social-navigation a:hover, .social-navigation a:focus { 	background-color: #333; }

.social-navigation .icon { 	height: 16px; 	top: 12px; 	width: 16px; 	vertical-align: top; }

.site-info { 	font-size: 14px; 	font-size: 0.875rem; 	margin-bottom: 1em; }

.site-info a {  color: #666;  }

.site-info .sep { 	margin: 0; 	display: block; 	visibility: hidden; 	height: 0; 	width: 100%; }

img, video { 	height: auto;  	max-width: 100%;  }

img.center-img {   display: block;    margin: 60px auto; }
.entry-content img.center-img:first-child {    margin-top: 0;}


picture.center-img {       display: block;    margin: 60px auto;    text-align: center; }

.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { 	border: none; 	margin-bottom: 0; 	margin-top: 0; 	padding: 0; }

embed, iframe, object { 	margin-bottom: 1.5em; 	max-width: 100%; }

.wp-caption, .gallery-caption { 	color: #666; 	font-size: 13px; 	font-size: 0.8125rem; 	font-style: italic; 	margin-bottom: 1.5em; 	max-width: 100%; }

.wp-caption img[class*="wp-image-"] { 	display: block; 	margin-left: auto; 	margin-right: auto; }

.wp-caption .wp-caption-text { 	margin: 0.8075em 0; }


.icon { 	display: inline-block; 	fill: currentColor; 	height: 1em; 	position: relative; /* Align more nicely with capital letters */ 	top: -0.0625em; 	vertical-align: middle; 	width: 1em; }

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after { 	border: 2px dashed #0085ba; 	bottom: 1em; 	content: ""; 	display: block; 	left: 1em; 	position: absolute; 	right: 1em; 	top: 1em; 	z-index: 1; }

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content { 	z-index: 2;  }

.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title { 	display: block; 	font-size: 14px; 	font-size: 0.875rem; 	font-weight: 700; 	letter-spacing: 1px; 	padding: 3em; 	text-transform: uppercase; 	text-align: center; }

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after { 	border: none; }

.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder { 	border: 0; }

.twentyseventeen-panel .customize-partial-edit-shortcut button { 	top: 30px; 	left: 30px; }

.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before { 	visibility: visible; }



.header-area { 	      position: relative; }


.header-area .wrap {     padding: 110px 0 120px 0; z-index: 33;    display: block;    position: relative ;  }





	


.front-bnr{    max-width: 1080px;    margin: 60px auto 0 auto;}
.front-bnr a {   display:block; }
.front-bnr a:hover {   opacity:0.7; }
@media screen and (min-width: 681px) and (max-width: 1200px){  .front-bnr {  margin: 60px 6% 0 6%;}  }
@media screen and (min-width: 280px) and (max-width: 680px){  .front-bnr {        display: inherit;    margin: 24px 6% 0 6%;}}
	

	
	
	
	
	
	
	
	


section.columns-width.front header {    position: relative;    text-align: center;     padding-top: 34px;    margin: 0 0 40px 0; }
section.columns-width.front header h2 {    font-size: 28px; }
section.columns-width.front header p {    position: absolute;      top: 0;      left: calc(50% - 50px);      color: #a9a9a9;      font-weight: 800;      font-size: 90%;      width: 100px;      text-align: center;      display: inline-block;      margin: 0 0;  }


section.columns-width.front.cfrplab ul {    display: flex;      justify-content: space-between; }
section.columns-width.front.cfrplab ul li {   width: 31%;    padding: 170px 3% 3% 3%;    text-align: center;    background-repeat: no-repeat;    background-position: 50% 20px;    background-size: 166px;    border-radius: 6px 6px;      box-shadow: 8px 8px 0 #efefef;     border: solid 3px #fbc729;  }
section.columns-width.front.cfrplab ul li span {        display: table;   font-size: 80%;     background-color: #e8e8e8;    margin: 0 auto 10px auto;    padding: 2px 10px;    border-radius: 4px 4px;   font-weight: 700;}

section.columns-width.front.cfrplab ul li:first-child {    background-image: url("/wp-content/uploads/2020/06/board-img01.gif");  }
section.columns-width.front.cfrplab ul li:nth-child(2) {    background-image: url("/wp-content/uploads/2020/06/board-img02.gif"); 
    -moz-transition-delay: 200ms;     -webkit-transition-delay: 200ms;    -o-transition-delay: 200ms;    -ms-transition-delay: 200ms;  }
section.columns-width.front.cfrplab ul li:last-child {    background-image: url("/wp-content/uploads/2020/06/board-img03.gif");     -moz-transition-delay: 400ms;    -webkit-transition-delay: 400ms;    -o-transition-delay: 400ms;    -ms-transition-delay: 400ms; }

.buttons {     margin: 80px auto 0 auto;      max-width: 180px; }
.buttons a {    text-align: center;    display: block;    font-size: 13px;    margin: 0 auto;    box-shadow: none;    border: solid 1.5px #2487d6;    padding: 14px 20px;    color: #2487d6;    font-weight: 700;    border-radius: 6px 6px; }
.buttons a:hover {     background-color: #1b7bc7;    color: #FFFFFF;  }



.buttons.black a {    color: #333333;    border: solid 1.5px #333333;}
.buttons.black a:hover {    background-color: #333333;    color: #ffffff;}






.columns-inner {     max-width: 1080px;     margin: 0 auto; 	padding: 70px 0; }


h2.headline-ye, h2.headline-bl  {      background-repeat: no-repeat;     background-position: 0 0;     padding: 26px 0 0 0;     font-size: 25px;     font-weight: 900;     margin: 0 0 14px 0; }

h2.headline-ye {  background-image: url("https://cfrp-japan.com/wp-content/uploads/2019/04/headline-line.png"); }
h2.headline-bl {   background-image: url("https://cfrp-japan.com/wp-content/uploads/2019/04/headline-line02.png"); }

h2.headline-ye span {     font-size: 15px;     font-weight: normal;     display: inline-block;     margin: 0 0 0 20px; }

.columns-inner h2.headline-ye + p {     font-size: 13px;     color: #cacaca;     font-weight: 900; }

.columns-inner h2.headline-bl  + p {     font-size: 13px;     color: #222222;     font-weight: 900; }

.entry-content h2.headline-ye:first-child {  margin-top: 0; }

h2.headline-ye.space-top {    margin: 80px 0 30px 0;}


h3.headline-ye{   background-image: url("https://cfrp-japan.com/wp-content/uploads/2019/04/headline-line.png");    background-repeat: no-repeat;     background-position: 0 0;     padding: 26px 0 0 0;     font-weight: 900;     margin: 0 0 14px 0; }




h3.background-d {    background-color: #313131;    border-radius: 6px 6px;    color: #FFFFFF;    padding: 21px 15px 18px 15px;    line-height: 1.2;    margin: 80px 0 34px 0;    font-size: 18px;}


.osirase { background-color: #fff; padding: 5px 10px; margin-bottom: 50px; font-size: 15px; }


h3.border {    border-bottom: solid 1px #333333;    padding-bottom: 20px;    margin-bottom: 40px;    font-size: 20px; }

section.columns-width.type-feature {     background-color: #fbc111; 	position:relative; 	margin: 200px 0 100px 0; }

section.columns-width.type-feature:before, section.columns-width.type-feature:after {     content: '';     position: absolute;     left: 0;     width: 120%;     height: 80px;     margin: 0 0;     background-color: #fbc111;     -webkit-transform-origin: left center;     -ms-transform-origin: left center;     transform-origin: left center;     -webkit-transform: rotate(2deg);     -ms-transform: rotate(2deg);     transform: rotate(2deg); }

section.columns-width.type-feature:before {   top: -80px; } 

section.columns-width.type-feature:after {   bottom: -10px; }

section.columns-width.type-feature .columns-inner {     padding: 40px 0; }

.feature-box {     margin: 40px 0; }

.feature-point01, .feature-point02, .feature-point03 {     width: 30%;     background-color: #FFFFFF;     border-radius: 10px;     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.23);     padding: 230px 30px 30px 30px;     float: left;     position: relative;     background-repeat: no-repeat;     background-position: 50% 40px; }

.feature-point01, .feature-point02 {     margin-right:5%; }

.feature-point02 {   margin-top: 33px; }

.feature-point03 {   margin-top: 66px; }

.feature-box p {     font-size:14px;     line-height:1.6; 	margin: 0 0 0 0; }

.feature-point01 {   background-image: url(https://cfrp-japan.com/wp-content/uploads/2019/04/feature-point01.webp),url(https://cfrp-japan.com/wp-content/uploads/2019/04/feature-point01.jpg); }

.feature-point02 {   background-image: url(https://cfrp-japan.com/wp-content/uploads/2019/04/feature-point02.webp),url(https://cfrp-japan.com/wp-content/uploads/2019/04/feature-point02.jpg); }

.feature-point03 {   background-image: url(https://cfrp-japan.com/wp-content/uploads/2019/04/feature-point03.webp),url(https://cfrp-japan.com/wp-content/uploads/2019/04/feature-point03.jpg); }

span.feature-num {     position: absolute;     background-color: #000000;     top: -16px;     right: 15px;     padding: 7px 20px;     font-size: 13px;     font-weight: 900;     color: #FFFFFF;     border-radius: 6px; }

section.columns-width.type-comparison {     background-image: url(https://cfrp-japan.com/wp-content/uploads/2019/04/comparison-background.webp),url(https://cfrp-japan.com/wp-content/uploads/2019/04/comparison-background.jpg);     background-repeat: no-repeat;     background-position: 20% 100%;  background-size: 41%; }

section.columns-width.type-comparison .type-text-right {     width: 40%;     float: right; }

h2.second-headline {     margin: 0 0 50px 0; }

h2.second-headline span {     font-size: 15px;     font-weight: normal;     display: inline-block;     margin: 0 0 0 10px; }

section.type-comparison .type-text-right ul li:first-child:before, section.type-comparison .type-text-right ul li:nth-child(2):before, section.type-comparison .type-text-right ul li:nth-child(3):before, section.type-comparison .type-text-right ul li:last-child:before {     position: absolute;     content: "";     left: 0;     top: 0;     width: 4px;     height: 100%;     border-radius: 5px 5px; }

section.type-comparison .type-text-right ul li:first-child:before {  background-color: #ab380a; } 
section.type-comparison .type-text-right ul li:nth-child(2):before {  background-color: #124e6d; }
section.type-comparison .type-text-right ul li:nth-child(3):before {  background-color: #068678; }
section.type-comparison .type-text-right ul li:last-child:before {  background-color: #8b5f25; }

section.type-comparison .type-text-right ul li {     width: 50%;     float: left;     padding-left:20px;     position:relative;     margin-bottom: 15px ; 	position:relative; }




section.columns-width.type-service header + p {     font-size: 18px;     font-weight: 800; }


section.columns-width.type-service header + p {     font-size: 18px;     font-weight: 800; }





ul.deliveryflow {     display: flex;     justify-content: space-between; }

ul.deliveryflow li {     width: 20%;     font-size: 14px;     position: relative; }

section.columns-width.type-contact {     background-color: #f3f3f3; }

.label input {     border: solid 1px #dadada; }

::-webkit-input-placeholder {  color: #b3b3b3; }
	
::-moz-placeholder {  color: #b3b3b3;   opacity: 1; }

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

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: transparent;}
input:focus::-moz-placeholder , textarea:focus::-moz-placeholder {color: transparent;}
input:focus:-ms-input-placeholder , textarea:focus:-ms-input-placeholder { color: transparent; }
input:focus::-ms-input-placeholder , textarea:focus::-ms-input-placeholder { color: transparent; }

.label .label-name {   width: 22%;   float: left;   font-size: 14px;      line-height: 42px;  clear:both; }
.label .label-name.sub span {    display: inline-block;    background-color: #cecece;    line-height: 24px;    padding: 0 10px;  }


.label p {   width: 78%;  float: right; }

.label p input,.label p textarea , .board-area .label textarea, .board-area .label input {  font-size: 13px; }

.label .label-name .required , span.required {  color: #d80505;   display: inline-block;   margin: 0 0 0 5px;   font-weight: 900; }

.acceptance-check span.wpcf7-list-item , span.acceptance-manual span.wpcf7-list-item {   margin: 0 0 10px 0;   font-size: 14px; }

.label.acceptance p {    font-size: 14px;}

.label table.right {  width: 78%;   float: right;   font-size: 13px; }
.label table.right tr {   border: none; }
.label table.right tr th , .label table.right tr td {   padding: 4px 0; font-weight: normal;     background-color: inherit;     border: none;  }
.label table.right tr th {    width: 96px; }

.label table.right tr td input {   font-size: 13px;}
.label table.right tr td span.wpcf7-form-control-wrap  {   width: 130px;   display: inline-block;   margin: 0 1px 0 0;}
.label table.right tr td.text-area-width span.wpcf7-form-control-wrap {    width: 100%;    margin: 12px 0 0 0;}



.label table.right tr td span.unit , table.right tr td span.unit {   vertical-align: bottom;   margin: 0 20px 0 0;}
.label table.right tr td p, table.right tr td p {   display: inline-block;    width: inherit;   float: none;    margin: 0 0;   vertical-align: bottom;}

.label .right .File-box {   width: 100%;    margin: 0 0; }
.label .right .File-box input {    border: none; }
table.right.board tr td span.unit {    margin: 0 0; }
table.right.board tr th {    width: 90px; }

table.right.board tbody tr:nth-child(3) td ,
table.right.pipe tbody tr:nth-child(3) td , 
table.right.pipe-data tbody tr:nth-child(2) td , 
table.right.pipe-data tbody tr:nth-child(3) td ,
table.right tbody tr:nth-child(4) td {   padding-top: 8px; }

.label.top-space ,
.label.q-select  {    margin: 15px 0 0 0;}
.label.top-space span.wpcf7-list-item-label {    font-size: 14px;}
.label.top-space label {    margin: 0 0;}
.label.acceptance a.textlink {    margin: 0 0 12px 0;    display: inline-block;}





.file-area .label {     margin: 0 0 20px 0; }

.File-box + p {   margin: 0 0;   font-size: 13px; }

.example-box picture {   width: 15%;   float: left; }
 
.example-box dl {   width: 84%;   float: right;    margin: 0 0; }

.example-box dl dt {   font-size: 15px;   margin: 0 0 10px 0; }

.example-box dl dt span {   font-size: 14px;   display: inline-block;   margin: 0 0 0 20px; }

.example-box dl dd {   font-size: 14px; }

.example-box {   margin: 0 0 24px 0; }

.example-box dl dd.cost {   color: #e33a00; }

.fadein {   opacity : 0.1;   transform : translate(0, 50px);   transition : all 300ms;     }

.fadein.scrollin {   opacity : 1;   transform : translate(0, 0);     }

#effect2 li.fadein:nth-of-type(2) {   -moz-transition-delay:200ms;   -webkit-transition-delay:200ms;   -o-transition-delay:200ms;   -ms-transition-delay:200ms;     }

#effect2 li.fadein:nth-of-type(3) {   -moz-transition-delay:400ms;   -webkit-transition-delay:400ms;   -o-transition-delay:400ms;   -ms-transition-delay:400ms;     }

#effect2 li.fadein:nth-of-type(4) {   -moz-transition-delay:600ms;   -webkit-transition-delay:600ms;   -o-transition-delay:600ms;   -ms-transition-delay:600ms;     }

section.columns-width.type-service h2 {  margin-bottom: 30px;}
section.columns-width.type-service .service-sample { margin-top: 140px;}



.type-reason-box + p:before{    content: "";    position: absolute;    width: 100px;    height: 204px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2019/07/wang-image-2.png);    background-size: 100px;    background-repeat: no-repeat;    right: 0;    bottom: -178px;}



a.email , .footer-site-infomation a {    color: #2196F3;     text-decoration: underline; }

.footer-site-infomation {    margin-top: 60px;     text-align: center;    font-size: 10px;color:#FFFFFF; }

.site-branding-text picture {   display: block; }

nav.header-navigation {   width: 81%;   float: right; }
nav.header-navigation dl {   display: flex;    justify-content: space-between; margin: 0 0; }
nav.header-navigation dl dt {   display: inline-block; }
nav.header-navigation dl dt a {   font-size: 13px;    display: block;    padding:15px 3px;    position: relative;    text-decoration: none; }
nav.header-navigation dl dt a:hover {   color:#f00; }
nav.header-navigation dl dt a::before, nav.header-navigation dl dt a::after {   border-bottom: solid 2px #f00;   bottom: 0;   content: "";   display: block;   position: absolute;   transition: all .3s ease;   -webkit-transition: all .3s ease;   width: 0; }
nav.header-navigation dl dt a::before {  left: 50%; }
nav.header-navigation dl dt a::after {  right: 50%; }
nav.header-navigation dl dt a:hover::before, nav.header-navigation dl dt a:hover::after {   width: 50%; }



nav.header-navigation dl dt:last-child a {    background-color: #fac110;    padding: 7px 15px;    margin: 8px 0;    border-radius: 3px 3px;    -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;}
nav.header-navigation dl dt:last-child a:before , 
nav.header-navigation dl dt:last-child a:after {    content: none;}
nav.header-navigation dl dt:last-child a:hover {    background-color: #f09f0d;    color: inherit;}

.headn_wrap {     position: absolute;   top: -380px;   width: 100%;    height: 340px;    z-index: -1;  }

.headn_wrap .headn_inner_1 , .headn_wrap .headn_inner_2 , 
.headn_wrap .headn_inner_3 ,.headn_wrap .headn_inner_4  { position : absolute;  display : none;       width: 1080px;    left: calc(50% - 540px);    padding: 0 4%;    margin: 0 auto;    height: 100%;    background-color: #ffffff; box-shadow: 0 0 5px #0000002e;   z-index: 2;}

.headn_wrap .headn_inner_1 ul, .headn_wrap .headn_inner_2 ul, 
.headn_wrap .headn_inner_3 ul, .headn_wrap .headn_inner_4 ul{    max-width: 1120px;     margin: 0 auto; }

.headn_wrap .headn_inner_1 ul li, .headn_wrap .headn_inner_2 ul li, 
.headn_wrap .headn_inner_3 ul li, .headn_wrap .headn_inner_4 ul li{   display: block; }


nav.header-navigation ul#nav-toggle {   display: flex;    justify-content: space-between; margin: 10px 0 0 0; }
nav.header-navigation ul#nav-toggle li{     display: block;    font-size: 13px;    cursor: pointer;    position: relative;    padding: 0 0;  text-decoration: none;  font-weight:bold; }


nav.header-navigation ul#nav-toggle li:nth-child(6) a ,
nav.header-navigation ul#nav-toggle li:last-child a {   color: #FFFFFF; padding: 7px 15px;    margin: 8px 0;    border-radius:6px 6px;    -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;}

nav.header-navigation ul#nav-toggle li:nth-child(6) a {    background-color: #c72b0c;    }
nav.header-navigation ul#nav-toggle li:last-child a {    background-color: #1f1f1f;    }

nav.header-navigation ul#nav-toggle li:nth-child(6) a:hover  {    background-color: #ed3511;    color: #FFFFFF;}
nav.header-navigation ul#nav-toggle li:last-child a:hover {    background-color: #3a3a3a;     color: #FFFFFF;}

nav.header-navigation ul#nav-toggle li:first-child:before, 
nav.header-navigation ul#nav-toggle li:nth-child(2):before, 
nav.header-navigation ul#nav-toggle li:nth-child(3):before {    position: absolute;    content: "";    top: calc(50% - 6px);    right: 0;    width: 6px;    height: 6px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate( 135deg );    transform: rotate( 135deg );}

nav.header-navigation ul#nav-toggle li:first-child,
nav.header-navigation ul#nav-toggle li:nth-child(2), 
nav.header-navigation ul#nav-toggle li:nth-child(3) {    padding-right: 18px;}


.desktop-menu {    padding: 24px 0;}
.desktop-menu ul {    display: flex;    justify-content: flex-start;    flex-wrap: wrap;}
.desktop-menu ul li {    width: 32%;    margin: 0 2% 12px 0;}
.desktop-menu ul li:nth-child(3n) {    margin-right: 0;}

.desktop-menu ul li a {    position: relative;    box-shadow: none;    display: block;    border: solid 2px #e7e7e7;      background-color: #FFFFFF;  border-radius: 6px 6px;    font-size: 14px;    padding: 14px 42px 14px 19px;}
.desktop-menu ul li a:hover {    background-color: #F9F9F9;}
.desktop-menu ul li a:before {    position: absolute;    content: "";    top: calc(50% - 3px);    right: 20px;    width: 6px;    height: 6px;    border-top: 1px solid #242221;    border-right: 1px solid #242221;    -webkit-transform: rotate( 45deg );    transform: rotate( 45deg );}

.headn_wrap .headn_inner_3 ul.thm-list li a {    padding: 0 0;    display: flex;    justify-content: space-between;    align-items: center;}
.headn_wrap .headn_inner_3 ul.thm-list li a img {    width: 40%;}
.headn_wrap .headn_inner_3 ul.thm-list li a p {    width: 53%;    margin: 0 0;}
.headn_wrap .headn_inner_3 ul.thm-list li a p span {    display: block;    font-size: 11px;    margin: 0 0 0 -7px;    line-height: 1;}


nav.header-navigation ul#nav-toggle li:nth-child(6) {    margin-right: -2%;}

.desktop-menu .g-headline {    position: relative; max-width: 1120px;    margin: 24px auto; line-height: 1;    font-weight: 600;     padding: 0 0;    font-size: 15px;   }
.desktop-menu .g-headline span {    font-size: 12px;    display: block;    margin: 0 0 8px 0;}

nav.header-navigation ul#nav-toggle li:nth-child(5) a:hover, nav.header-navigation ul#nav-toggle li:nth-child(4) a:hover {    color: #c72b0c;}









input.wpcf7-form-control.wpcf7-quiz {   width: 60px;   float: left; }
span.wpcf7-quiz-label {   display: inline-block;    float: left;   margin: 10px 15px 0 0; }

span.wpcf7-form-control-wrap.checkbox-247 {     margin-top: 12px;    display: block;    font-size: 14px;    padding: 10px 0 0 0;}
span.wpcf7-form-control-wrap.check-answer { margin-top: 8px; display: block; font-size: 14px;}
section.columns-width.type-contact header + p {   font-size: 15px; }

.label.q-select p {    margin: 10px 0 22px 0;}
.label.q-select p span {    font-size: 13px;  margin: 0 10px 0 0; }
p.other-p {    font-size: 12px;    margin: 0 0 2px 0 !important; }

.cfrp-valu {   margin: 60px 0 0 0; }
.cfrp-valu + p {    margin-top: 60px;}
.cfrp-valu ul {    margin: 0 0; }
.cfrp-valu ul li { width:15.4%; float:left;background-color: #f5f5f5; border-right: solid 2px #FFFFFF; border-bottom: solid 2px #FFFFFF;  padding: 10px 10px; text-align:right; font-size:14px; }

.cfrp-valu ul li:first-child,.cfrp-valu ul li:nth-child(2),.cfrp-valu ul li:nth-child(3),
.cfrp-valu ul li:nth-child(4),.cfrp-valu ul li:nth-child(5),.cfrp-valu ul li:nth-child(6) {  background-color: #eeeeee;  border-right: solid 2px #FFFFFF;  padding:10px 10px; }

.cfrp-valu ul li:nth-child(6n+1) {    width: 23%; background-color: #eeeeee;   border-right: solid 2px #FFFFFF;   padding:10px 10px;clear:both;  border-right: solid 2px #FFFFFF; text-align:left; }



/* EN */

.page-id-153 .site-content .wrap {   max-width: inherit;   padding: 0 0; }

section.type-about .columns-inner.en {  background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/03/en-about-01.webp),url(https://cfrp-japan.com/wp-content/uploads/2020/03/en-about-01.jpg);}

.feature-point01.en {   background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/03/en-feature-point01.webp),url(https://cfrp-japan.com/wp-content/uploads/2020/03/en-feature-point01.jpg); }
.feature-point02.en {   background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/03/en-feature-point02.webp),url(https://cfrp-japan.com/wp-content/uploads/2020/03/en-feature-point02.jpg); }
.feature-point03.en {   background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/03/en-feature-point03.webp),url(https://cfrp-japan.com/wp-content/uploads/2020/03/en-feature-point03.jpg); }

.page-id-153 .label .File-text-name, .page-id-153 .label .File-text-name { width: 28%; }


.page-id-153 section.columns-width.type-reason .type-reason-box + p:before{  background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/03/simon-image-2.png);}
.page-id-153 .example-box dl dt span {   display: block;   margin: 0 0;   color: #7b7b7b; }











.Gallery {   margin: 60px 0 100px 0; }
.Gallery h2 {   margin-bottom: 20px; }
.Gallery ul li {   width: 19.8%;    float: left;    background-color: #000000; margin-right: 0.25%;  margin-bottom: 0.25%; }
.Gallery ul li:nth-child(5n) {   margin-right: 0; }
.Gallery ul li a {   display: block; }
.Gallery ul li a:hover {   opacity: 0.8;   box-shadow: inset 10px 10px #000000; }

a.textlink {   color: #1673bd;    font-weight: 600;    -webkit-box-shadow: inset 0 -1px 0 #1673bd;    box-shadow: inset 0 -1px 0 #1673bd; }
a.textlink:hover {   color: #e03a00;    -webkit-box-shadow: inset 0 -1px 0 #e03a00;    box-shadow: inset 0 -1px 0 #e03a00; }

section.columns-width.type-campaign table { width: 46%; font-size: 14px; border-color: #cccccc; }
section.columns-width.type-campaign table.left {   float: left; }
section.columns-width.type-campaign table.right {   float: right; }
section.columns-width.type-campaign table.right + p {   clear: both; }

section.columns-width.type-campaign table th { width: 19%; vertical-align: top; }
section.columns-width.type-campaign table tr:first-child th { padding: 0 0; border: none; }
section.columns-width.type-campaign table td ul { margin-bottom: 0; }
section.columns-width.type-campaign table th,section.columns-width.type-campaign table td {  padding: 10px 15px; border-right: solid 1px #cccccc; border-left: solid 1px #cccccc; border-color: #cccccc; }


section.columns-width.faq dl {    margin: 40px 0 0 0; }
section.columns-width.faq dl dt {   position: relative;   padding: 0 0 0 40px;     margin: 0 0 5px 0;  }
section.columns-width.faq dl dt:before {content: "Q";position: absolute;left: 0;top: 0;width: 25px;height: 25px;background-color: #e23a00;color: #FFFFFF;text-align: center;line-height: 25px;font-size: 13px; border-radius: 4px 4px;}
section.columns-width.faq dl dd {   background-color: #F1F1F1;   padding: 20px 20px;   font-size: 15px;   margin-bottom: 34px; }




.tab{    list-style: none;   justify-content: space-between;    padding: 0;    margin: 40px auto;     width: 100%;     display: flex;     border-bottom: solid 3px #fbc111; }
.tab li{    width: 49%;   background: #ffffff;   text-align: center;   padding: 20px 0 14px 0;   border-radius: 8px 8px 0 0;   font-weight: 900;   cursor: pointer;   position: relative;   -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;   border-bottom: solid 8px #f3f3f3; }

.tab li.active{ background: #fbc111;border-bottom: solid 8px #fbc111; }
.tab span {   display: block;   font-size: 13px;}

.tab li:before {content: "";position: absolute;width: 26px;height: 26px;background-color: #fbc111;  left: 50px;  top: calc(50% - 10px);  border-radius: 20px;  }
.tab li:after {   content: "";   position: absolute;   left: 60px;   width: 6px;   height: 6px;   top: calc(50% - 1px);   border-top: 2px solid #ffffff;   border-right: 2px solid #ffffff;   -webkit-transform: rotate(135deg);    transform: rotate(135deg);}

.tab li.active:after {   border-top: 2px solid #fbc111;    border-right: 2px solid #fbc111;}
.tab li.active:before {   background-color: #FFFFFF;}
.tab li:hover {   background: #e0e0e0;}
.tab li.active:hover {   background: #fbc111;}

.list .inner{   display:none; }
.list .inner.active{   display:block; }
.list .inner table.active{    display:table; }

.list .inner h4 {   margin: 0 0 24px 0;   font-size: 18px;   padding: 0 0 0 19px;   position: relative; }
.list .inner h4:before {    content: "";    position: absolute;     left: 0;     top: 2px;     height: 20px;     width: 4px;     border-radius: 4px 4px;     background-color: #fbc111; }








.board-area .label ul {   justify-content: space-between;    display: flex; }
.board-area .label ul li:first-child {   width: 67%; }
.board-area .label ul li:last-child {    width: 31%; }

.board-area .label ul li:first-child span , .board-area .label ul li:last-child span {   font-size: 13px;    display: inline-block;    width: 13%;    float: left;     margin: 10px 0 0 0; }

.board-area .label ul li:first-child span.text-board01,
.board-area .label ul li:first-child span.text-board02,
.board-area .label ul li:first-child span.text-board03,
.board-area .label ul li:last-child span.text-board01-1,
.board-area .label ul li:last-child span.text-board02-1,
.board-area .label ul li:last-child span.text-board03-1 {   margin: 0 0;    width: 87%;    float: right; }


.board-area p {   font-size: 13px;   width: 78%;   float: right; }
.label .form-info p.last-text {    float: none;    clear: both;    width: 100%;   font-size: 12px;    margin: 0 0;}


@-webkit-keyframes scroll {  0% { transform: translateY(0) }  33.33333% { transform: translateY(-10px) }   66.66667% { transform: translateY(0) }   100% { transform: translateY(0) } }

@keyframes scroll {  0% { transform: translateY(0) }  33.33333% { transform: translateY(-10px) }   66.66667% { transform: translateY(0) }   100% { transform: translateY(0) } }


.label.acceptance p {   margin: 10px 0 0 0; }
.label.acceptance p + p {   margin: 0 0; }

.label.acceptance p.datacheck {    color: #d80505;    font-weight: 600;    margin: 10px 0 10px 0;    font-size: 15px;}
.label.acceptance.datacheck-list input[type="checkbox"] {    position: relative;    top: 2px;}
.label.acceptance.datacheck-list p + p {    margin: 0 0 10px 0;}



ul.list {   display: block;    margin: 40px 0; }
ul.list li {   position: relative;    padding-left: 19px; }
ul.list li:before {   position: absolute;    content: "";    display: block;    width: 6px;    height: 6px;    background-color: #fec600;    left: 0;    top: 8px;    border-radius: 10px; }

table.normal { margin: 40px 0; }

dl.dl-list {     margin: 0 0 40px 0; }
dl.dl-list dt {   font-size: 16px;    border-bottom: solid 1px #464646;    margin: 0 0 10px 0;    padding-bottom: 5px; }
dl.dl-list dd {  margin: 0 0; }


span.bold {   font-weight: 800; }
span.red {   color: #ce2323; }
span.blue {  color: #166aad; }
span.yellow-solid {   box-shadow: inset 0 -2px 0 #f1c90b; }
span.small { font-size:75%; }
span.yellow-dot {    position: relative;     display: inline-block;     background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/05/yellow-dot.png);     background-repeat: repeat-x;     background-position: 6px 0;    padding: 4px 0 0 0; }



h2.headline-second {   background-color: #313131;   border-radius: 8px 8px;   color: #FFFFFF;   padding: 21px 15px 18px 15px;   line-height: 1.2;   margin: 120px 0 34px 0;  }
h3.headline-third {   border-bottom: solid 2px #333333;   padding-bottom: 20px;   margin: 100px 0 34px 0; }

h2.headline-second + h3.headline-third { margin-top:0; }




.warning {   border: solid 3px #f5ca14;   padding: 5.5% 5% 5% 5%;   margin: 60px 0;    position: relative; }
.warning p:last-child {   margin: 0 0; }
.warning:before {content: "!!";display: block;position: absolute;width: 40px;height: 40px;background-color: #f5ca14;top: -20px;left: 20px;border-radius: 30px;text-align: center;font-size: 20px;line-height: 40px;font-weight: 900;color: #ffffff;}


.faq-headercontent , 
.schedule-headercontent , 
.merit-headercontent , 
.about-headercontent , 
.order-headercontent , 
.payments-headercontent , 
.service-headercontent  , 
.case-headercontent , 
.snsvoice-headercontent , 
.presskit-headercontent {  height: 324px;   background: -webkit-linear-gradient(top,#ffc600 247px, #ffffff 247px);background: -moz-linear-gradient(top,#ffc600 247px, #ffffff 247px);background: linear-gradient(top,#ffc600 247px, #ffffff 247px);position: relative;   }



.faq-headercontent:before , 
.schedule-headercontent:before , 
.merit-headercontent:before , 
.about-headercontent:before , 
.order-headercontent:before , 
.payments-headercontent:before , 
.service-headercontent:before , 
.case-headercontent:before , 
.snsvoice-headercontent:before , 
.presskit-headercontent:before {   position: absolute;   content: "";  background-repeat: no-repeat;   background-position: 50% 0;   width: 405px;   height: 295px;   left: calc(50% - 202px);   top: 20px;}




.faq-headercontent:before {  background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/06/faq-headerimg.png);  }
.schedule-headercontent:before {  background-image: url(/wp-content/uploads/2021/03/schedule-header.webp)  ;  }

.merit-headercontent:before {  background-image: url(/wp-content/uploads/2021/03/merit-headerimg.webp) ;  }
.about-headercontent:before {  background-image: url(/wp-content/uploads/2021/03/about-headerimg.webp) ;  }

.order-headercontent:before {  background-image: url(/wp-content/uploads/2021/03/order-header.webp) ;  }
.payments-headercontent:before {  background-image: url(/wp-content/uploads/2021/03/payments-header.webp) ;  }
.service-headercontent:before {  background-image: url(/wp-content/uploads/2021/03/service-header-img.webp) ;  }
.case-headercontent:before {  background-image: url(/wp-content/uploads/2021/05/case-page-headerimg.webp) ;  }
.snsvoice-headercontent:before {  background-image: url(/wp-content/uploads/2021/06/header-4400-img.webp);  }
.presskit-headercontent:before {  background-image: url(/wp-content/uploads/2021/08/header-press.webp);  }



.contact-headercontent {height: 324px;background: -webkit-linear-gradient(top,#ffc600 247px, #ffffff 247px);background: -moz-linear-gradient(top,#ffc600 247px, #ffffff 247px);background: linear-gradient(top,#ffc600 247px, #ffffff 247px);position: relative;}
.contact-headercontent:before {   position: absolute;   content: "";   background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/12/contact-header.png);   background-repeat: no-repeat;   background-position: 50% 0;   width: 360px;   height: 295px;   left: calc(50% - 180px);   top: 20px;}



.manual-headercontent {   height: 340px;   background: -webkit-linear-gradient(top,#355c93 247px, #ffffff 247px);   background: -moz-linear-gradient(top,#355c93 247px, #ffffff 247px);   background: linear-gradient(top,#355c93 247px, #ffffff 247px);   position: relative;}
.manual-headercontent:before {   position: absolute;   content: "";   background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/06/manual-header.png);   background-repeat: no-repeat;   background-position: 50% 0;   width: 370px;   height: 295px;   left: calc(50% - 185px);    top: 0;}



.guide-headercontent {   height: 340px;    position: relative;}

.page-id-384 .guide-headercontent , 
.parent-pageid-384 .guide-headercontent  {   background: -webkit-linear-gradient(top,#ededed 247px, #ffffff 247px);   background: -moz-linear-gradient(top,#ededed 247px, #ffffff 247px);   background: linear-gradient(top,#ededed 337px, #ffffff 337px);}

.page-id-389 .guide-headercontent , 
.parent-pageid-389 .guide-headercontent {   background: -webkit-linear-gradient(top,#241303 247px, #ffffff 247px);   background: -moz-linear-gradient(top,#241303 247px, #ffffff 247px);   background: linear-gradient(top,#241303 337px, #ffffff 337px);}

.page-id-391 .guide-headercontent , 
.parent-pageid-391 .guide-headercontent  {   background: -webkit-linear-gradient(top,#ededed 247px, #ffffff 247px);   background: -moz-linear-gradient(top,#ededed 247px, #ffffff 247px);   background: linear-gradient(top,#ededed 337px, #ffffff 337px);}

.page-id-387 .guide-headercontent , 
.parent-pageid-387 .guide-headercontent  {   background: -webkit-linear-gradient(top,#da2a1b 247px, #ffffff 247px);   background: -moz-linear-gradient(top,#da2a1b 247px, #ffffff 247px);   background: linear-gradient(top,#da2a1b 337px, #ffffff 337px);}


.page-id-384 .guide-headercontent:before  ,  .parent-pageid-384 .guide-headercontent:before , 
.page-id-389 .guide-headercontent:before  ,  .parent-pageid-389 .guide-headercontent:before  , 
.page-id-391 .guide-headercontent:before  ,  .parent-pageid-391 .guide-headercontent:before  ,
.page-id-387 .guide-headercontent:before  ,  .parent-pageid-387 .guide-headercontent:before {    position: absolute;   content: "";   background-repeat: no-repeat;   background-position: 50% 0;   width: 370px;   height: 105px;   left: calc(50% - 185px);      top: 73px;   background-size: 100%;}


.page-id-384 .guide-headercontent:before ,  
.parent-pageid-384 .guide-headercontent:before  {   background-image: url(/wp-content/uploads/2020/04/page-header-fusion360.webp) , url(/wp-content/uploads/2020/04/page-header-fusion360.png); }
.page-id-389 .guide-headercontent:before  ,  
.parent-pageid-389 .guide-headercontent:before {    background-image: url(/wp-content/uploads/2020/04/page-header-illustrater.webp) , url(/wp-content/uploads/2020/04/page-header-illustrater.png); }
.page-id-391 .guide-headercontent:before   ,  
.parent-pageid-391 .guide-headercontent:before{    background-image: url(/wp-content/uploads/2020/04/page-header-inkscape.webp) , url(/wp-content/uploads/2020/04/page-header-inkscape.png); }
.page-id-387 .guide-headercontent:before ,  
.parent-pageid-387 .guide-headercontent:before {    background-image: url(/wp-content/uploads/2020/04/page-header-solidworks.webp) , url(/wp-content/uploads/2020/04/page-header-solidworks.png); }


.page-id-673 .site-content-contain {   background: url(https://cfrp-japan.com/wp-content/uploads/2020/05/guide-headerimg.jpg) top repeat-x;   padding-top: 247px;   position: relative;  }






.post-mokuji { padding: 5%; border-radius: 10px; background-color: #f1f1f1; margin: 60px auto;}
.post-mokuji p { font-weight: bold;}
.post-mokuji p span { font-weight: normal; font-size: 13px; padding-left: 20px;}
.post-mokuji a { display: block; box-shadow: none; color: #575757;}
.post-mokuji ul li { padding: 5px 0; position: relative; font-size: 15px; font-weight: 600;}
.post-mokuji ul li ul li { border-bottom: none;}
.post-mokuji ul li span { padding-right: 15px; font-size: 15px; color: #219bb6;}
.post-mokuji ul li a:before { display: block; content: ""; position: absolute; right: 0; width: 4px; height: 4px; top: 50%; border-top: 1px solid #333333;  border-right: 1px solid #333333; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.post-mokuji ul li ul li span { color: #6a6a6a; font-size: 14px;}
.post-mokuji a:hover { color: #219bb6;}

ul.tags {    margin: 30px 0 0 0; }
ul.tags li {   display: inline-block;   margin: 0 10px 10px 0; }
ul.tags li a {  background-color: #F1F1F1;   font-size: 10px;    padding: 3px 12px;   border-radius: 4px 4px; }
header.entry-header {   margin-bottom: 60px; }




section.page-bottom-post {   margin: 120px 0 100px 0;}
section.page-bottom-post h1 {  font-size: 18px;    background-color: #efefef;     border-radius: 6px 6px;     padding: 21px 15px 18px 15px;     line-height: 1.2;     margin: 80px 0 24px 0;}

section.page-bottom-post ul li {   margin: 0 0 10px 0;}
section.page-bottom-post ul li a {   display: block;   box-shadow: none;   padding-right: 4%;   position: relative;}
section.page-bottom-post ul li a figure {  margin: 0 0;   width: 26%;   float: left;}

section.page-bottom-post ul li a span#data,section.page-bottom-post ul li a h2 {   width: 70%;   float: right;   clear: none;}
section.page-bottom-post ul li a h2 {   margin: 0 0;   padding: 0 0;   font-size: 16px;}
section.page-bottom-post ul li a span#data {   font-size: 13px;   margin: 0 0 10px 0;}

section.page-bottom-post ul li a:before {content: "";position: absolute;right: 0;top: calc(50% - 3px);width: 6px;height: 6px;border-top: 2px solid #413f3b;border-right: 2px solid #413f3b;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
section.page-bottom-post ul li a:hover {color: #085796;opacity: 0.8;}


.parent-pageid-384 #primary {    max-width: 800px;    margin: 0 auto; }
.home.page #primary , #primary {   max-width: inherit;     margin: inherit; }

section.columns-width.post-data .columns-inner {    padding-bottom: 50px; }
.front-post-data {   margin: 80px 0 0 0; }
.front-post-data ul {display: flex;justify-content: space-between;}
.front-post-data ul li {    width: 30%;    border-radius: 6px 6px;     overflow: hidden;     box-shadow: 0 0 4px #00000038; }
.front-post-data ul li a h2 {    margin: 5% 5%;     font-size: 16px;    padding: 0 20px 0 0; }
.front-post-data ul {   margin: 0 0; } 
.front-post-data ul li a figure {    margin: 0 0; }
.front-post-data ul li a {    box-shadow: none;     display: block;     padding: 0 0 1px 0; position:relative;}
.front-post-data ul li a:hover {   background-color: #f7f7f7;     color: #085796;     opacity: 0.8; }
.front-post-data ul li a:before {  content: "";   position: absolute;    right: 24px;     bottom: 22px;     width: 6px;     height: 6px;     border-top: 2px solid #413f3b;     border-right: 2px solid #413f3b;     -webkit-transform: rotate(45deg);     transform: rotate(45deg); }




section.text .text-inner {    border-radius: 8px 8px;  ; padding: 2% 6%;    overflow: hidden;     box-shadow: 0 0 6px #0000003d; }
section.text .text-inner p:last-child {   margin-bottom: 0;}
section.text .text-inner a p span {    display: inline-block;    background-color: #fac110;    padding: 0 12px;    margin: 0 10px 0 0;    border-radius: 4px 4px;    font-size: 12px;}
section.text .text-inner a {    display: block;  font-size: 14px;  box-shadow: none;    position: relative;}
section.text .text-inner a:before {    content: "";    position: absolute;    width: 12px;    height: 1px;    background-color: #1a1a1a;    right: 0;    top: 11px;}
section.text .text-inner a:after {    content: "";    position: absolute;    top: 9px;    right: 0;    width: 5px;    height: 5px;    border-top: 1px solid #242221;    border-right: 1px solid #242221;    -webkit-transform: rotate( 45deg );    transform: rotate( 45deg );}
section.text .text-inner a:hover {    color: #e03a00;}
section.text .text-inner a:hover:after {    border-color: #e03a00;}
section.text .text-inner a:hover:before {    background-color: #e03a00;}



.data-manual {   width: 300px;    margin: 40px 0 60px 0; }

.data-manual a {    display: block;     border: solid 1px #dadada;     background-color: #FFFFFF;     box-shadow: none;     border-radius: 6px 6px;     padding: 18px 30px 18px 70px;     font-size: 15px;     background-repeat: no-repeat;     background-image: url("https://cfrp-japan.com/wp-content/uploads/2020/06/manual-guideicon.webp"),url("https://cfrp-japan.com/wp-content/uploads/2020/06/manual-guideicon.png");     background-size: 34px;     background-position: 17px 17px;     line-height: 1.4;     position: relative; }

.data-manual a span {   display: block; }

.data-manual a:before {   display: block;     content: "";     position: absolute;     right: 15px;     width: 5px;     height: 5px;     top: 50%;     border-top: 1px solid #333333;     border-right: 1px solid #333333;     -webkit-transform: rotate(45deg);     transform: rotate(45deg); }
.data-manual a:hover {     background-color: #dedede; }


.label.board-size {   background-color: #ffffff;    padding: 15px 15px;     border-radius: 4px 4px;     margin:40px 0;     position:relative;     border: solid 2px #f5ca14; }
.label.board-size:before {    content: "!!";     display: block;     position: absolute;     width: 30px;     height: 30px;     background-color: #f5ca14;     top: -18px;     left: 12px;     border-radius: 30px;     text-align: center;     font-size: 15px;     line-height: 33px;     font-weight: 900;     color: #ffffff; }
 .board-area .label.board-size ul {     display: inherit;     width: 78%;     float: right;     font-size: 13px;     margin:0 0; }
.board-area .label.board-size ul li {     width: 100%; } 
.label.board-size .label-name {     line-height: inherit; }
.board-area .label.board-size ul li:first-child span,.board-area .label.board-size ul li:last-child span {   float: none;    width: 100%;    display: inline; }


dl.faq-toggle {   font-size: 15px;}
.faq-toggle dt{   background-color: #f3f3f3;   padding: 3% 5% 2% 8%;     color: #e23a00; margin: 24px 0 0 0;   position: relative;  }
.faq-toggle dd{  background-color: #f3f3f3;   padding:0 5% 4% 8%;  position: relative; }


dl.faq-toggle dt:before {  position: absolute;   left: 4%;   top: 30px;   width: 25px;   height: 25px;   color: #e23a00;   text-align: center;   line-height: 25px;   font-size: 22px;   font-weight: bold;    font-family: Arial;}
dl.faq-toggle dt:before {   content: "Q";  }


.faq-toggle dd img {   margin: 0 0 24px 0;}
.faq-toggle dd img:first-child {   margin-top: 0;}
.faq-toggle dd p:last-child {   margin-bottom: 0;}


ul.faq-links, ul.service-links {   display: flex;   justify-content: space-between; }
ul.service-links {    margin: 60px 0; }

ul.faq-links li, ul.service-links li {   width: 24%;}
ul.faq-links li a, ul.service-links li a {  display: block;   text-align: center;   box-shadow: inset 0 -2px 0 #0000002e;   background-color: #f3f3f3;   border-radius: 10px 10px;   padding: 72px 0 20px 0;   font-size: 15px;   line-height: 1.4;    background-repeat:no-repeat;   background-position: 50% 20px;   background-size: 50px;    font-weight: 800;}
ul.faq-links li a span, ul.service-links li a span {   display: block;   font-size: 13px;}
ul.faq-links li a:hover, ul.service-links li a:hover {   background-color: #ffd210;}


ul.faq-links li:first-child a {   background-image: url("https://cfrp-japan.com/wp-content/uploads/2020/06/faq-icon01.png");}
ul.faq-links li:nth-child(2) a {   background-image: url("https://cfrp-japan.com/wp-content/uploads/2020/06/faq-icon02.png");}
ul.faq-links li:nth-child(3) a {   background-image: url("https://cfrp-japan.com/wp-content/uploads/2020/06/faq-icon03.png");}
ul.faq-links li:last-child a {   background-image: url("https://cfrp-japan.com/wp-content/uploads/2020/06/faq-icon04.png");}

.home ul.faq-links {   margin: 40px 0 60px 0;}

ul.service-links li:first-child a { background-image: url("https://cfrp-japan.com/wp-content/uploads/2020/12/service-top-icon.png");}
ul.service-links li:nth-child(2) a { background-image: url("https://cfrp-japan.com/wp-content/uploads/2020/12/service-form-icon.png");}
ul.service-links li:nth-child(3) a { background-image: url("https://cfrp-japan.com/wp-content/uploads/2020/12/service-schedule-icon.png");}
ul.service-links li:last-child a { background-image: url("https://cfrp-japan.com/wp-content/uploads/2020/12/service-siharai-icon.png");}

ul.faq-links li.on-page a {    background-color: #ffd210;}

h2.sub-category {    font-size: 20px;    text-align: center;    padding: 62px 0 0 0;    margin: 0 0 24px 0;}

ul.faq-pagelinks {    margin: 42px 0;    display: flex;    flex-wrap: wrap;}
ul.faq-pagelinks li a {position: relative;padding: 0 32px 0 0;font-size: 15px;}
ul.faq-pagelinks li {    margin: 0 32px 18px 0;}
ul.faq-pagelinks li a:before {    content: "";    position: absolute;    top: 13px;     right: 2px;    transform: translateY(-50%);      border: 5px solid transparent;    border-top: 7px solid #555;       -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;}
ul.faq-pagelinks li a:hover {    color: #e03a00;    -webkit-box-shadow: inset 0 -1px 0 #e03a00;    box-shadow: inset 0 -1px 0 #e03a00;}
ul.faq-pagelinks li a:hover:before {    border-top: 7px solid #e03a00;}
ul.faq-pagelinks li a:focus {    outline: none;}


ul.service-links.guidetop li:nth-child(4) a {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2022/04/case-icon.png);}
ul.service-links.guidetop li:nth-child(4) a {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/case-icon.png");}

ul.data-links , ul.datamanual-links {margin: 40px 0;display: flex;}
ul.data-links li , ul.datamanual-links li {width: 31%;margin-right: 3.5%;}

ul.data-links li a,ul.datamanual-links li a {display: block;box-shadow: none;padding: 18px 15px;   background-color: #FFFFFF;    border-radius: 6px 6px;    border: solid 2px #dedede;font-size: 15px;font-weight: 600;background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/06/manual-guideicon.png);    background-repeat: no-repeat;    background-size: 26px;    background-position: 16px 50%;    padding-left: 60px;}
ul.data-links li:last-child , ul.datamanual-links li:last-child {margin-right: 0;}




.estimate-form {  box-shadow: 0 0 4px #00000030;     padding-bottom: 1px; }
.estimate-form h2 {   font-size: 16px;   padding: 4% 7%;   background-color: #f7f7f7; margin: 0 0; }
.estimate-form table {   margin: 5% 5% ;     width: 90%;  }
.estimate-form table tr {   border: none; }
.estimate-form table th {   border: none;    background-color: #ffffff;   padding: 28px 15px 15px 15px;   vertical-align: top;   font-weight: 800;   width: 23%; line-height:1.3; }
.estimate-form table td {   border: none;   background-color: #FFFFFF;   padding: 15px 15px;    font-size: 94%; }
.estimate-form table td input[type="number"] {   font-size: 96%;   margin-right: 10px;   width:180px;   display:initial;   line-height: 1.4;    padding: 11px 10px; }


.estimate-form table td ul.check-list {   margin: 0 0;}
.estimate-form table td ul.check-list li {   display: inline-block;   border: solid 1px #bbb;   border-radius: 6px 6px;   margin: 0 10px 10px 0; }
.estimate-form table td ul.check-list li.checked {   border: solid 1px #2196f3;   box-shadow: 0 0 0 1px #2196f3 inset; }

.estimate-form table td ul.check-list li label {  padding: 11px 10px;   display: inline-block;   margin: 0 0;   cursor: pointer;   line-height: 1;   font-weight: normal;   vertical-align: middle;  font-size: 96%; }
.estimate-form table td ul.check-list li:last-child , .estimate-form table td ul.check-list li:nth-last-child(2) ,  
.estimate-form table td ul.check-list li:nth-last-child(3) , .estimate-form table td ul.check-list li:nth-last-child(4) {   margin-bottom:0;}

table.mitumori-sho-table th,table.mitumori-sho-table td {   background-color: inherit;    border-right: none;}
table.mitumori-sho-table tr:first-child {    border-bottom: solid 2px #333333;}
table.mitumori-sho-table tr {   border-bottom: solid 1px #d8d8d8;}
table.mitumori-sho-table tr:first-child {   border-bottom: solid 2px #333333; }
table.mitumori-sho-table tr:last-child {   background-color: #f1f1f1;   border-bottom: none;  }
table.mitumori-sho-table tr:nth-last-child(2) {   border-bottom: none;  }

table.mitumori-sho-table th:nth-child(2),table.mitumori-sho-table th:nth-child(3),table.mitumori-sho-table th:nth-child(4) {   width: 13%;}
table.mitumori-sho-table tr:first-child th {   font-weight: 800;}
table.mitumori-sho-table th:first-child,table.mitumori-sho-table td:first-child {   text-align: left;    padding-left: 0;}
table.mitumori-sho-table td:first-child ul {   margin: 0 0;}



dl.toggle dt {   text-align: center;   text-decoration: underline;   color: #e23a00;   cursor: pointer;}
dl.toggle dt:hover {   text-decoration: none;}
dl.toggle dd {   display: none;}




/* 各種 ページ */


.page-id-2321 #primary , .page-id-2536 #primary  , .page-id-2557 #primary   , .page-id-4412 #primary , 
.page-id-4957 #primary , .page-id-6146 #primary , .page-id-6170 #primary  {  float: none;  width: 100%;    max-width: inherit ; }

.page-id-2321 .site-content .wrap , .page-id-2536 .site-content .wrap , .page-id-2557 .site-content .wrap , 
.page-id-4412 .site-content .wrap  , .page-id-4957 .site-content .wrap  , .page-id-6146 .site-content .wrap , .page-id-6170 .site-content .wrap {  max-width: inherit;}

.page-id-2321 .site-content , .page-id-2536 .site-content , .page-id-2557 .site-content , .page-id-4412 .site-content , 
.page-id-4957 .site-content , .page-id-6146 .site-content  , .page-id-6170 .site-content  {   padding-top: 0;}


section.entry-header-area {    background-repeat: no-repeat;    background-position: 100% 0;     background-color: #e2decf; }

section.entry-header-area.renewal-boarddata {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/01/order-header-2023-01.webp);}
section.entry-header-area.renewal-board {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/01/order-header-2023-04.webp);}
section.entry-header-area.renewal-pipedata {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/01/order-header-2023-02.webp);}
section.entry-header-area.renewal-pipe {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/01/order-header-2023-05.webp);}
section.entry-header-area.renewal-squarepipedata {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/01/order-header-2023-03.webp);}
section.entry-header-area.renewal-squarepipe {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/01/order-header-2023-06.webp);}







section.entry-header-area.cfrp-OEM {   background-image: url(/wp-content/uploads/2021/07/header-cfrp-OEM-pc.webp),url(/wp-content/uploads/2021/07/header-cfrp-OEM-pc.jpg); background-position: bottom;  }


section.entry-header-area h1.entry-title {  padding: 0 0;    font-size: 42px;     margin: 0 0;     text-align: left !important;}
section.entry-header-area h1.entry-title span{display:block;}


section.entry-header-area header.entry-header p {        font-size: 16px;    margin: 3px 0 0 0;    font-weight: 600;    line-height: 1.5;    padding: 0 0;    color: #222222;    width: 56%; }

section.entry-header-area .detail {    width: 58%;    margin: 54px 0 24px 0;}
section.entry-header-area .detail .ttl {    font-size: 25px;    font-weight: 800;}
section.entry-header-area .detail ul {    display: inherit;}
section.entry-header-area .detail ul li {    display: inline;    border: solid 1px #333333;    font-size: 13px;    padding: 1px 8px;    margin: 0 10px 0 0;    border-radius: 3px 3px;}

section.entry-header-area ruby > rt {    font-size: 34%;}



section.entry-header-area ul {    max-width: 605px;    display: flex;    justify-content: space-between;    margin: 0 0;}
section.entry-header-area ul li {    width: 48.5%;}
section.entry-header-area ul li a {    position: relative;    text-align: center;    display: block;    color: #fff;    padding: 20px 60px 20px 20px;    border-radius: 8px;    box-shadow: inset 0 -4px 0 #00000038;    font-weight: 700;}
section.entry-header-area ul li a:before {    position: absolute;    content: "";    width: 24px;    height: 24px;    background-color: #FFFFFF;    top: calc(50% - 12px);    right: 25px;    border-radius: 20px 20px;}
section.entry-header-area ul li a:after {    position: absolute;    content: "";    top: calc(50% - 3px);    right: 34px;    width: 6px;    height: 6px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate(135deg);    transform: rotate(135deg);}

section.entry-header-area ul li:first-child a {    background-color: #2e2c2a;}
section.entry-header-area ul li:last-child a {    background-color: #e23a00;}
section.entry-header-area ul li:first-child a:hover {    background-color: #454443;    color: #FFFFFF;}
section.entry-header-area ul li:last-child a:hover {    background-color: #f94608;    color: #FFFFFF;}





section.entry-header-area header.entry-header {   margin: 0 0 22px 0; padding:0 0 ; }



section.entry-header-area .columns-inner {   padding: 80px 0 94px 0; position:relative; }

section.entry-header-area .columns-inner:before {content: "";display: block;position: absolute;width: 1080px;height: 487px;margin: 0 auto;background-repeat: no-repeat;background-position: 100% 0%;}


section.entry-header-area.cfrp-boarddata .columns-inner:before {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2021/10/boarddata-headerimg.webp"),url("https://cfrp-japan.com/wp-content/uploads/2021/10/boarddata-headerimg.png"); }

section.entry-header-area.cfrp-board .columns-inner:before {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2021/10/board-headerimg.webp"),url("https://cfrp-japan.com/wp-content/uploads/2021/10/board-headerimg.png"); }


section.entry-header-area.cfrp-pipe .columns-inner:before {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2021/10/pipe-headerimg.webp"),url("https://cfrp-japan.com/wp-content/uploads/2021/10/pipe-headerimg.png"); }


section.entry-header-area.cfrp-squarepipe .columns-inner:before {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2021/10/pipe-square-headerimg.webp"),url("https://cfrp-japan.com/wp-content/uploads/2021/10/pipe-square-headerimg.png"); }










section.columns-width.payment .columns-inner h2 {   margin-top: 60px;}

section.columns-width.carousel .columns-inner {   padding-bottom: 20px;}
section.columns-width.carousel .columns-inner-bottom {   max-width: 1080px;    margin: 0 auto;    padding: 20px 0; }
section.columns-width.carousel .columns-inner-bottom p {   font-size:88%; }


section.columns-width.board-data-recommended ul {  display: flex;   justify-content: space-between;  width: 90%;  margin: 60px auto 0 auto; }
section.columns-width.board-data-recommended ul li {  width: 28%; position:relative; }

li.fadein.scrollin:nth-child(2) {   -moz-transition-delay: 200ms;   -webkit-transition-delay: 200ms;   -o-transition-delay: 200ms;   -ms-transition-delay: 200ms;}
li.fadein.scrollin:last-child {   -moz-transition-delay: 400ms;   -webkit-transition-delay: 400ms;   -o-transition-delay: 400ms;    -ms-transition-delay: 400ms;}




section.columns-width.board-data-recommended ul li:before {     position: absolute;  font-size: 32px;   left: -9px;   top: -31px;   font-weight: 800;   font-family: Arial;   color: #cdcdcd;}

section.columns-width.board-data-recommended ul li:first-child:before {  content:"01"; }
section.columns-width.board-data-recommended ul li:nth-child(2):before {  content:"02"; }
section.columns-width.board-data-recommended ul li:last-child:before {  content:"03"; }

section.columns-width.board-data-recommended ul li p {   margin: 12px 0 0 0;     font-size: 92%;     text-align: center; }
section.columns-width.board-data-recommended ul li p span {display: block;font-weight: 700;font-size: 17px;margin-bottom: 10px;}




.service-sample h2 {  position: relative; }

.service-sample h2:before {content: "";position: absolute;left: -11px;top: -78px;width: 74px;height: 74px;background-image: url("https://cfrp-japan.com/wp-content/uploads/2020/09/sample-icon.webp"),url("https://cfrp-japan.com/wp-content/uploads/2020/09/sample-icon.png");background-size: 100%;}

.service-sample .left {  width: 39%;    float: left;     margin-top: 40px; }
.service-sample .left ul {   font-size: 90%; }

.service-sample .right {   width: 58%;     float: right;     margin-top: 40px; }
.service-sample .right ul {   display: flex;     justify-content: space-between;     margin: 0 0; }


dl.payment-toggle {   font-size: 15px;  margin: 60px 0;  }

dl.payment-toggle dt{   display:block;   cursor:pointer;   background-color: #f3f3f3;   padding: 3% 5% 3% 8%;   border-radius: 10px 10px;   margin: 24px 0 0 0;   position: relative;   -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.payment-toggle dt span {  font-size: 13px; font-weight: normal;  display: inline-block;  margin: 0 0 0 10px; }

dl.payment-toggle dd{   display:none;   box-shadow: 0 0 2px #00000063;   padding:3% 3% ;  position: relative; }

dl.payment-toggle dt.clicked {   background-color: #ffc600;   border-radius: 10px 10px 0 0;}

dl.payment-toggle dt:before { content: "";   display: block;  width: 20px;  height: 20px;  background-color: #ffc600; border-radius: 20px 20px;  position: absolute;  left: 31px;   top: calc(50% - 10px); }

dl.payment-toggle dt:after {  content: "";  display: block;   width: 6px;  height: 6px;   border-top: solid 2px #333333;   border-right: solid 2px #333333;  -webkit-transform: rotate(45deg);     transform: rotate(45deg);  -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;  position: absolute;     left: 37px; top: calc(50% - 3px); }

dl.payment-toggle dt.clicked:after {  -webkit-transform: rotate(135deg);    transform: rotate(135deg); left: 38px; }
dl.payment-toggle dt.clicked:before { background-color: #ffffff;  }

dl.payment-toggle dt:hover {  background-color: #e6e6e6;}
dl.payment-toggle dt.clicked:hover {  background-color: #ffc600;}
dl.payment-toggle dd p:last-child {   margin-bottom: 0;}


dl.payment-toggle dd ul {  display: flex; margin: 0 0; justify-content: space-between; }
dl.payment-toggle dd ul li {  width: 18%; }
dl.payment-toggle dd ul li p {  font-size: 92%;  margin: 0 0; }
dl.payment-toggle dd ul li img {  display: block;  margin: 0 auto 16px auto; }

dl.payment-toggle dd ul.flow-detail {   display: inherit;     margin: 40px 0 0 0; font-size: 92%; }
dl.payment-toggle dd ul.flow-detail li {    width: 100%; }
dl.payment-toggle dd ul.flow-detail li:first-child {    background-color: #F1F1F1;     padding: 5px 15px;     margin: 0 0 10px 0;     border-radius: 5px 5px; }

.label table.right tr td .prepreg span.wpcf7-form-control-wrap ,  
.label table.right tr td .texture span.wpcf7-form-control-wrap , 
.label table.right tr td .completion span.wpcf7-form-control-wrap , 
.label table.right tr td .hole span.wpcf7-form-control-wrap , 
.label table.right tr td .angle span.wpcf7-form-control-wrap  , 
.label table.right tr td .atumi span.wpcf7-form-control-wrap {   width: 100%; }

.label table.right.pipe tr td .atumi span.wpcf7-form-control-wrap { margin:0 0; }

.label table.right tr td .prepreg:after , 
.label table.right tr td .texture:after ,
.label table.right tr td .completion:after , 
.label table.right tr td .hole:after , 
.label table.right tr td .angle:after , 
.label table.right tr td .atumi:after {content: "";display: block;clear: both;}


.label table.right tr td .prepreg span span.wpcf7-list-item , 
.label table.right tr td .texture span span.wpcf7-list-item ,
.label table.right tr td .completion span span.wpcf7-list-item , 
.label table.right tr td .hole span span.wpcf7-list-item , 
.label table.right tr td .angle span span.wpcf7-list-item , 
.label table.right tr td .atumi span span.wpcf7-list-item , 
.label table.right.customize tr th .hole span span.wpcf7-list-item {   float: left;    width: inherit;     display: inline-block;     border: solid 1px #dadada;     margin: 0 10px 0 0;     background-color: #FFFFFF;     padding: 10px 12px 10px 35px;    border-radius: 3px 3px;     cursor: pointer;     position: relative;    line-height: 1.4; }



.label table.right tr td .prepreg span span.wpcf7-list-item input[type="radio"] , 
.label table.right tr td .texture span span.wpcf7-list-item input[type="radio"] ,
.label table.right tr td .completion span span.wpcf7-list-item input[type="radio"]  , 
.label table.right tr td .hole span span.wpcf7-list-item input[type="radio"]  , 
.label table.right tr td .angle span span.wpcf7-list-item input[type="radio"] , 
.label table.right tr td .atumi span span.wpcf7-list-item input[type="radio"] , 
.label table.right.customize tr th .hole span span.wpcf7-list-item input[type="radio"] {   margin: 0 0 0 0;     padding: 8px 0 0 0;     display: inline-block;     top: calc(50% - 7px);     position: absolute;     height: 13px;     left: 10px; }

.label table.right tr td .prepreg span span.wpcf7-list-item.checked , 
.label table.right tr td .texture span span.wpcf7-list-item.checked ,
.label table.right tr td .completion span span.wpcf7-list-item.checked , 
.label table.right tr td .hole span span.wpcf7-list-item.checked , 
.label table.right tr td .angle span span.wpcf7-list-item.checked , 
.label table.right tr td .atumi span span.wpcf7-list-item.checked , 
.label table.right.customize tr th .hole span span.wpcf7-list-item.checked {   border: solid 1px #0075ff;}


section.columns-width.page-link .columns-inner {    padding-bottom: 0;}
section.columns-width.page-link ul {   display: block;      margin: 40px 0;   }
section.columns-width.page-link ul li {    width: 48%;     border-radius: 6px 6px;     overflow: hidden;     box-shadow: 0 0 4px #00000038; float: left;    margin: 0 4% 26px 0; position: relative; }
section.columns-width.page-link ul li:before {    content: "";     position: absolute;     width: 23px;     height: 23px;     background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/09/link-yellow.png);     background-repeat: no-repeat;     background-size: 100%;     right: 25px;     bottom: 25px;     border-radius: 20px 20px; }
section.columns-width.page-link ul li:after {    content: "";     position: absolute;     right: 35px;     bottom: 34px;     width: 4px;     height: 4px;     border-top: 1px solid #413f3b;     border-right: 1px solid #413f3b;     -webkit-transform: rotate(45deg);     transform: rotate(45deg); }


section.columns-width.page-link ul li:nth-child(2n) {    margin-right: 0;  }
section.columns-width.page-link ul li a { box-shadow: none;    }
section.columns-width.page-link ul li a:hover {  background-color: #f7f7f7;   color: #085796;    opacity: 0.8; }

section.columns-width.page-link ul li img {   width: 40%; float:left; }
section.columns-width.page-link ul li dl {    width: 60%;     padding: 6% 22px 4% 22px;     margin: 0 0;      float:right; }


section.columns-width.page-link ul li dl dd {   font-size: 90%;   margin: 0 0;     padding: 0 0 1.5em; }

.tracking {   position: fixed;    right: 5%;  bottom: 12%;  width: 166px;  z-index: 666666; }
.tracking a {    display: block;     box-shadow: none;     background-color: #e23a00;     color: #FFFFFF;     border-radius: 6px 6px;      padding: 12px 10px;    text-align: center;     font-weight: 800;     line-height: 1;     position: relative; }
.tracking a span {     font-size: 12px;     display: block;     margin: 0 auto 7px auto;     position:relative;     width: 130px; }

.tracking a span:before ,  .tracking a span:after {     content:"";     position:absolute;     width:2px;     height:12px;     background-color:#FFFFFF;     border-radius:4px 4px; }
.tracking a span:before {    left:0;     -webkit-transform: rotate(-20deg);     -ms-transform: rotate(-20deg);     transform: rotate(-20deg); }
.tracking a span:after {    right:0;     -webkit-transform: rotate(20deg);     -ms-transform: rotate(20deg);     transform: rotate(20deg); }

.tracking a:before , .tracking a:after {  position: absolute;     content: "";  -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;  }

.tracking a:before {     width: 24px;     height: 24px;     background-color: #FFFFFF;     border: solid 2px #e23a00;     bottom: -12px;     left: calc(50% - 12px);     border-radius: 20px 20px;     }
.tracking a:after {     bottom: -3px;     left: calc(50% - 3px);     width: 6px;     height: 6px;     border-top: 2px solid #e23a00;     border-right: 2px solid #e23a00; -webkit-transform: rotate(135deg);    transform: rotate(135deg); }

.tracking a:hover {   background-color: #f94608;     color: #FFFFFF; }
.tracking a:hover:before {   background-color: #f94608;     border: solid 2px #f94608;     bottom: -28px; }
.tracking a:hover:after {   border-top: 2px solid #ffffff;     border-right: 2px solid #ffffff;     bottom: -18px; }
.tracking a:focus {  color: #FFFFFF; }

table.right tr td .compcheck p {  display: block;   width: 100%;   color: #e23a00;}
table.right tr td .compcheck p span.wpcf7-list-item {   margin-left: 0;}
.compcheck2 p + p , .compcheck3 p + p {   clear: both;     display: block !important; }
.compcheck2 p , .compcheck3 p {    color: #e23a00; }
.compcheck2 p + p span.wpcf7-list-item , .compcheck3 p + p span.wpcf7-list-item {    margin: 4px 0 0 0; }

.label p select {   font-size: 13px;    padding: 2px 10px;     height: 42px; }
.label.acceptance.payment p {   margin: 0 0 15px 0; }
.label.acceptance.payment p + p, .label.acceptance.payment p + p {   margin: 0 0 0 0;     font-size: 14px;  }

span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item.first {    margin-left: 0; }
span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item {    width: 30%;    margin-left: 0;}

.payment span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item {    width: auto;}

.label table.right tr.choice th {   vertical-align: top;    padding-top: 9px; }
table.right tr td .detail p {   display: block !important;   margin: 0 0 10px 0 !important; }
table.right tr td .detail p span.list {   display: inline-block;    width: 107px; }

section.columns-width.type-contact .read-text {   border: solid 2px #c33403;     padding: 22px 22px;     color: #c33403;     font-weight: 800;     background-color: #FFFFFF; }
section.columns-width.type-contact .read-text h2 {    font-size: 16px; }
section.columns-width.type-contact .read-text p {    font-size: 90%; }
section.columns-width.type-contact .read-text p:last-child {   margin-bottom: 0; }




.board-area .label.board-size ul li:last-child span a {    font-size: 11px;     font-weight: normal;     color: #24211e;     background-color: #fbc111;     box-shadow: none;     padding: 3px 8px 2px 25px;     border-radius: 2px 2px;     background-image: url("https://cfrp-japan.com/wp-content/uploads/2020/09/cameraicon.png");     background-repeat: no-repeat;     background-size: 14px;     background-position: 7px 4px; }


.board-area .label.board-size ul li:last-child span a:hover {   background-color: #efe40f; }


section.columns-width.home-page-link ul {     margin:60px 0 0 0; }
section.columns-width.home-page-link ul li {       width: 23.87%;    float: left;    margin: 0 1.5% 20px 0; }
section.columns-width.home-page-link ul li:last-child {    margin-right: 0; }
section.columns-width.home-page-link ul li a dl dd {    font-size: 90%;  margin: 5px 0 24px 0; }
section.columns-width.home-page-link ul li a dl dd:last-child {    position: relative;     text-align: right;     padding-right: 40px;     margin: 0 0;     font-size: 83%;     -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; }
section.columns-width.home-page-link ul li a dl dd:last-child:before {    content: "";     position: absolute;     width: 23px;     height: 23px;     background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/09/link-yellow.png);     background-repeat: no-repeat;     background-size: 100%;     right: 3px;     bottom: 0px;     border-radius: 20px 20px; }
section.columns-width.home-page-link ul li a dl dd:last-child:after {     content: "";     position: absolute;     right: 14px;     bottom: 10px;     width: 4px;     height: 4px;     border-top: 1px solid #413f3b;     border-right: 1px solid #413f3b;     -webkit-transform: rotate(45deg);     transform: rotate(45deg); }
section.columns-width.home-page-link ul li a:hover {     color: #ca1111; }
section.columns-width.home-page-link ul li a:hover dl dd:last-child {     padding-right: 30px;     text-decoration: underline; }
section.columns-width.home-page-link ul li a:hover img {     opacity: 0.8; }
section.columns-width.home-page-link ul li a {     display: block;     box-shadow: none; }
section.columns-width.home-page-link ul li a img {  border-radius: 8px 8px;   -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;     margin: 0 auto; }


table.form {   font-size: 88%; }
table.form th, table.form td {    background-color: inherit; }
table.form th {    padding: 26px 0 0 0; }
table.form td {    padding: 4px 0 0 0; }
table.form td input[type="text"], table.form td input[type="email"], table.form td input[type="tel"], table.form td textarea {   font-size: 13px; }
table.form td span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item.first {   margin-left: 0; }

.sanple-detail {  margin: 0 0 24px 0;}
.sanple-detail h3 {      text-align: center;     margin: 0 0 40px 0; }


.sanple-detail .left ,
.sanple-detail .right {    width: 48%;    margin: 0 0;     border: solid 1px #848484;    border-radius: 12px 12px;    padding: 4% 4%;  }
.sanple-detail .left {   float: left;}
.sanple-detail .right {     float: right;}

.sanple-detail .left p:first-child, 
.sanple-detail .right p:first-child {    text-align: center;    font-weight: 700;}

.sanple-detail .left p:first-child,.sanple-detail .right p:first-child {    text-align: center;    font-weight: 700;}
.sanple-detail .left img , .sanple-detail .right img {    margin: 0 0 24px 0;}

.sanple-detail .left ul, .sanple-detail .right ul {    margin: 0 0;    font-size: 14px;}
.sanple-detail .left ul li , .sanple-detail .right ul li {    display: flex;    margin: 0 0 8px 0;}
.sanple-detail .left ul li:last-child, .sanple-detail .right ul li:last-child {    margin-bottom: 0;}

.sanple-detail .left ul li span, .sanple-detail .right ul li span {    width: 120px;    font-weight: 700;}
.sanple-detail .left ul li p, .sanple-detail .right ul li p {    width: 70%;    margin: 0 0;}




.payment {   margin: 60px auto;   display: block;}
.payment .payment_left {   float: left;   width: 40%;}
.payment .payment_right {  width: 57%;   float: right;}
.payment .payment_left dl {    margin: 0 0;}
.payment .payment_left dl dd {   margin: 0 0;}
.payment .payment_left dl dt:nth-child(4) {   margin-top: 30px;}
.payment .payment_left dl dt {   position: relative;   padding: 0 0 0 15px;   margin: 0 0 8px 0;}
.payment .payment_left dl dt:before {content: "";position: absolute;width: 4px;height: 16px;background-color: #111111;left: 0;top: 4px;border-radius: 12px;}

.payment .payment_right table tr:nth-child(2) th {   padding: 5px 10px;   text-align: center;   font-size: 90%;}
.payment .payment_right table tr:first-child th {  text-align: center; }
.payment .payment_right table td {   text-align: center;}



dl.payment-toggle dd ul.flow-detail + h3 {   font-size: 92%;   position: relative;   padding: 0 15px;    margin: 30px 0 0 0; }

dl.payment-toggle dd ul.flow-detail + h3:before {    content:"";    position:absolute;    width:3px;    height: 12px;    background-color:#111111;    left:0;    top: 3px;}

dl.payment-toggle dd ul.flow-detail + h3 + p {    font-size: 92%;    margin: 0 0; }


table.andimg {   margin: 60px 0;  }
table.andimg th {  width: 20%;   background-color: inherit;   font-weight: 800;   padding: 10px 0 24px 0;   }
table.andimg td {   background-color: inherit;   padding: 0 0 0 40px;  }
table.andimg td p:first-child {    font-weight: 700;    padding: 0 0 12px 0;    border-bottom: dashed 2px #dadada;}


dl.normal-dl dt {   margin: 0 0 10px 0;  }

dl.normal-dl dd {   margin: 0 0 40px 0;  }

ul.merit-three-columns {   margin: 60px 0;   display: flex;   justify-content: space-between;  }

ul.merit-three-columns li {   width: 29%;   position: relative;  }
ul.merit-three-columns li:first-child:before,ul.merit-three-columns li:nth-child(2):before {  content: "";  position: absolute;  border: 10px solid transparent;   border-left: 13px solid #cccccc;   right: -53px;   top: 100px;  }
ul.merit-three-columns li img {    margin: 0 0 20px 0;  }
ul.merit-three-columns li img + p {    font-weight: 800;    margin: 0 0 6px 0;  }
ul.merit-three-columns li img + p + p {    font-size: 93%;    margin: 0 0;  }


table.form-guide th {   background-color: inherit;      padding: 0 0 20px 0;    font-weight: 800; }
table.form-guide td {    background-color: inherit;    padding: 0 0 100px 0;   position: relative; }
table.form-guide td img {      float: left;    margin: 0 4% 0 0; }
table.form-guide td:before {    position: absolute;      content: "";      bottom: 10px;      left: calc(50% - 10px);      width: 20px;      height: 22px;      border: 20px solid transparent;      border-top: 16px solid #d4d4d4;  }
table.form-guide tr:last-child td:before {      content: none;  }

.margin-bottom {   margin-bottom: 80px; }

.page-id-3573 section.columns-width.home-page-link ul {   margin: 60px 0;  }

ul.link-list {   margin: 80px 0;   padding: 3% 4%;   background-color: #F1F1F1;   border-radius: 6px 6px; }

ul.link-list li:first-child {       font-weight: 800;   margin-bottom: 10px;   padding-left: 17px;   font-size: 100%;    position: relative; }
ul.link-list li:first-child:before {   content: "";   position: absolute;   left: 0;   top: 4px;   width: 4px;   height: 17px;   background-color: #222222;    border-radius: 3px 3px;}

ul.link-list li a {   display: block;   box-shadow: none;   padding: 2px 0;    position: relative; }

ul.link-list li a:before {   content: "";   position: absolute;   width: 22px;   height: 22px;   background-color: #222222;    right: 3px;    top: 4px;    border-radius: 20px 20px; }

ul.link-list li a:after {   content: "";   position: absolute;   right: 12px;   top: 12px;   width: 5px;   height: 5px;   border-top: 2px solid #ffffff;   border-right: 2px solid #ffffff;   -webkit-transform: rotate(45deg);   transform: rotate(45deg); }

ul.link-list li a:hover {   color: #ca1111; }
ul.link-list li a:hover:before {   background-color: #ca1111; }

span.num {    display: inline-block;    font-size: 156%;    margin: 0 16px 0 0;    line-height: 1;    vertical-align: bottom; }


.guide-left {     margin: 0 0 60px 0;    clear: both; }
.guide-right {   margin: 0 0 60px 0; }

.guide-left ul.bottom , .guide-right ul.bottom {    margin: 0 0;  }
.guide-left ul.bottom li , .guide-right ul.bottom li {   margin: 0 0 8px 0;    position: relative;    padding: 0 0 0 34px; }
.guide-left ul.bottom li:first-child , .guide-right ul.bottom li:first-child {     font-weight: 800;    margin: 0 0 10px 0;    padding: 0 0; }
.guide-left ul.bottom li:before, .guide-right ul.bottom li:before {        content: "Q";    position: absolute;    left: 0;    top: 2px;    width: 21px;    height: 21px;    background-color: #e23a00;    color: #FFFFFF;    text-align: center;    line-height: 21px;    font-size: 11px;    border-radius: 4px 4px;    font-weight: 800;   }
.guide-left ul.bottom li:first-child:before, .guide-right ul.bottom li:first-child:before {    content: none;   }


.guide-left ul.bottom + p , .guide-right ul.bottom + p {    margin:40px 0 0 0;  }

.guide-left ul.bottom + p a , 
.guide-right ul.bottom + p a {     display: table;    font-size: 13px;    margin: 0 auto;    box-shadow: none;    border: solid 1.5px #2487d6;    padding: 14px 20px;    color: #2487d6;    font-weight: 700;    border-radius: 6px 6px;  }
.guide-left ul.bottom + p a:hover, .guide-right ul.bottom + p a:hover {     background-color: #deeefb;  }



ul.page-guide-step {    display: flex;    justify-content: space-between;    margin: 60px 0; }
ul.page-guide-step li {    width: 30%;    font-size: 95%; }
ul.page-guide-step li img {    margin: 0 0 10px 0; }
ul.page-guide-step li p {    min-height: 152px; }
ul.page-guide-step li a {float: right;font-size: 92%;display: inline-block;padding: 0 20px 0 0;position: relative;margin: 0 0 10px 0;}
ul.page-guide-step li a:before {    position: absolute;    top: 6px;    right: -4px;    margin: auto;    content: "";    vertical-align: middle;    box-sizing: border-box;    width: 6px;    height: 5px;    border: 5px solid transparent;    border-left: 6px solid #fbc111; }
ul.page-guide-step li a:hover {    box-shadow: none; }


dl.important {    margin: 0 0 50px 0;    padding: 5% 5%;    background-color: #F6F6F6;  }
dl.important dd {    margin: 0 0;  }
dl.important dd p:last-child {    margin: 0 0;  }
dl.important dt {    color: #d20303;  }


ul.contact-link {   display: flex;     justify-content: space-between;  }

ul.contact-link li {    width: 47%; }

ul.contact-link li a {   box-shadow: 0 0 4px #00000038;  border: solid 1px #e9e9e9;  display: block;    padding: 144px 6% 6% 6%;    text-align: center;   font-size: 13px;    background-repeat: no-repeat;    background-position: 50% 50px;    background-size: 72px;  }

ul.contact-link li a span {   display: block;   font-weight: 800;  }

ul.contact-link li:last-child a {   background-image: url(/wp-content/uploads/2021/02/contact-img02.webp),url(/wp-content/uploads/2021/02/contact-img02.png);  }

ul.contact-link li:first-child a {    background-image: url("/wp-content/uploads/2021/02/contact-img01.webp"),url("/wp-content/uploads/2021/02/contact-img01.png");  }

ul.contact-link li a:hover {    background-color: #f7f7f7;    color: #085796;    opacity: 0.8;  }


div.prepreg span.wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::after , 
div.prepreg span.wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::after , 
div.prepreg span.wpcf7-list-item:nth-child(4) .wpcf7-list-item-label::after {
    white-space: pre;
    font-size: 90%;
}
   

div.prepreg span.wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::after {  content: '\A表層内層：UD';  }
div.prepreg span.wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::after {  content: '\A表層内層：クロス';  }
div.prepreg span.wpcf7-list-item:nth-child(4) .wpcf7-list-item-label::after {  content: '\A表層内層：クロス';  }

.prepreg span span.wpcf7-list-item label {    margin: 0 0;    font-weight: normal; }
.prepreg span.wpcf7-list-item:nth-child(1) {    height: 58px;    line-height: 37px !important;}




.texture span.wpcf7-list-item:nth-child(1) .wpcf7-list-item-label::before , 
.texture span.wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before {  content: "";display: block;width: 53px;height: 53px;float: left;margin: 0 15px 0 0; }

.texture span.wpcf7-list-item:nth-child(1) .wpcf7-list-item-label::before {background-repeat: no-repeat;background-image: url("/wp-content/uploads/2021/03/cross-img.jpg"); }
.texture span.wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before {background-repeat: no-repeat;background-image: url("/wp-content/uploads/2021/03/square-img.jpg"); }

.texture span.wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::before { display: none; }

.completion span.wpcf7-list-item:nth-child(1) .wpcf7-list-item-label::before , 
.completion span.wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before {  content: "";display: block;width: 53px;height: 53px;float: left;margin: 0 15px 0 0;  }

.completion span.wpcf7-list-item:nth-child(1) .wpcf7-list-item-label::before {background-repeat: no-repeat;background-image: url("/wp-content/uploads/2021/03/mat-img.jpg"); }
.completion span.wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before {background-repeat: no-repeat;background-image: url("/wp-content/uploads/2021/03/grad-img.jpg"); }

.texture span.wpcf7-list-item:nth-child(1) .wpcf7-list-item-label.imgdel::before{ width: 0; margin: 0; }
.completion span.wpcf7-list-item:nth-child(2) .wpcf7-list-item-label.imgdel::before{ width: 0; margin: 0; }




/*fusionモーダル開くボタン*/
.fusionbtn {  color: #e03a00;  font-weight: 600;  -webkit-box-shadow: inset 0 -1px 0 #e03a00;  box-shadow: inset 0 -1px 0 #e03a00;  cursor: pointer;  }
/*モーダルを開くボタン*/
.modal-open{  position: fixed;  display: flex;  align-items: center;  justify-content: center;  top: 50%;  left: 50%;  width: 300px;  height: 50px;  font-weight: bold;  color: #fff;  background: #000;  margin: auto;  cursor: pointer;  transform: translate(-50%,-50%);  }
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  text-align: center;  background: rgba(0,0,0,50%);  padding: 40px 20px;  overflow: auto;  opacity: 0;  visibility: hidden;  transition: .3s;  box-sizing: border-box;  z-index: 999999;  }
/*モーダル本体の擬似要素の指定*/
.modal-container:before{  content: "";  display: inline-block;  vertical-align: middle;  height: 100%;  }
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{  opacity: 1;  visibility: visible;  }
/*モーダル枠の指定*/
.modal-body{  position: relative;  display: inline-block;  vertical-align: middle;  max-width: 840px;  width: 90%;  }
/*モーダルを閉じるボタンの指定*/
.modal-close{  position: absolute;  display: flex;  align-items: center;  justify-content: center;  top: -40px;  right: -40px;  width: 40px;  height: 40px;  font-size: 40px;  color: #fff;  cursor: pointer;  }
/*モーダル内のコンテンツの指定*/
.modal-content{  background: #fff;  text-align: left;  padding: 30px;  }


.texture span.wpcf7-list-item .wpcf7-list-item-label , 
.completion span.wpcf7-list-item .wpcf7-list-item-label {  line-height: 53px;}


.label .headline {    font-size: 15px;    font-weight: 800;    border-bottom: solid 2px #1a1a1a;    padding: 0 0 10px 0;    margin: 0 0 26px 0; }


.label .form-info {    width: 78%;    float: right;    font-size: 13px;    background-color: #FFFFFF;    padding: 24px 24px;    margin: 0 0 24px 0;}
.label .form-info .title {    font-weight: 800;    font-size: 14px;    position: relative;    padding: 0 0 0 12px;    line-height: 1;    margin: 0 0 16px 0;}
.label .form-info .title:before {  content: "";  position: absolute;  left: 0;  top: 0;  height: 13px;  width: 4px;   background-color: #fbc111;  }
.label .form-info table {    margin: 0 0;}




.label .form-info.half-img .title + p {    width: 44%;    float: right;    margin: -32px 0 0 0;}
.label .form-info.half-img table {    width: 52%;    float: left;}





table.right.customize tr {    display: block; }
table.right.customize tr th {    width: 100%; }
table.right.customize tr td {    width: 100%;    position: relative;    display: block;}
table.right.customize tr td p.right-img {    width: 55%;    float: right;  margin: 12px 0 0 0;  }
table.right.customize tr td p.right-img + .detail {    margin: 12px 0 0 0; }






.label.space {    margin-top: 60px;  }

.label .linfo2 , .label .linfo3 {    display: inline-block;    padding: 15px 24px 15px 44px;    background-color: #fff;    border: solid 1px #d0d0d0;    border-radius: 4px 4px;    font-size: 90%;  cursor: pointer; position:relative;     transition: ease 0.2s opacity;    -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; }

.label .linfo3 {    margin: 24px 0 0 0; }
.file-area .label .linfo3 {    margin: 0 0 0 0; }

.label .linfo2.active {    margin: 0 0 24px 0; } 
.label .linfo3.active {    margin: 24px 0 ; }

.label .linfo2:hover , .label .linfo3:hover { background-color:#e2e2e2; }



.label .linfo2 span , 
.label .linfo3 span {display: inline-block;box-sizing: border-box;position: absolute;left: 15px;width: 14px;height: 2px;background-color: #2e82d8;transition: all .5s;   }
	
.label .linfo2 span:nth-of-type(1) , 
.label .linfo3 span:nth-of-type(1) {top: 13px;transform: translateY(12px) rotate(90deg);}

.label .linfo2 span:nth-of-type(2) , 
.label .linfo3 span:nth-of-type(2) {top: 13px;transform: translateY(12px) rotate(0deg);}

	
.label .linfo2.active span:nth-of-type(1) , 
.label .linfo3.active span:nth-of-type(1) {   transform: translateY(12px) rotate(-45deg); background-color: #3e3e3e; }

.label .linfo2.active span:nth-of-type(2) , 
.label .linfo3.active span:nth-of-type(2) { top: 13px; transform: translateY(12px) rotate(-135deg); background-color: #3e3e3e; }



p.formplus {    margin: 40px 0 60px 0;    font-size: 84%;    background-color: #e2e2e2;    padding: 9px 15px; }



section.columns-width.front.news ul li  {    font-size: 14px;    border-bottom: solid 1px #c8c8c8;    padding: 13px 24px 13px 0;    position: relative;}
section.columns-width.front.news ul li span {    display:inline-block;    width: 100px;    font-size: 13px;    font-weight: 800;}
section.columns-width.front.news ul li:first-child {    border-top: solid 1px #c8c8c8;}
section.columns-width.front.news ul li a:hover {    color: #085796;    box-shadow:inset 0 -1px 0 #085796;}
section.columns-width.front.news ul li:before {content: "→";position: absolute;right: 0;top: 17px;font-size: 10px;color: #AAAAAA;}


img.center-img-top { display: block; margin: 0 auto 60px auto;}
.case-summry { padding: 5%; border: solid 1px #e1e1e1; margin-bottom: 30px;}
.case-summry dl {margin-top: 0;padding: 20px 0;border-bottom: solid 1px #e1e1e1;margin-bottom: 0;}
.case-summry dl dt { width: 30%; float: left;}
.case-summry dl dd { width: 70%; float: right; margin-bottom: 5px; list-style-type: disc; display: list-item; font-size: 14px;}
.case-summry dl:after { clear: both; content: ""; display: block;}
.case-summry dl:last-child { padding-bottom: 0; border-bottom: none;}
.case-summry dl:first-child { padding: 0 0 20px 0;}
h2.line2 span { display: block; font-size: 15px; margin-bottom: 10px;}
h2.line2 { font-size: 24px; font-weight: 900; margin: 80px 0 30px 0;}

.company-info { background-color: #f3f3f3; padding: 5%; margin: 30px 0;}
.company-info img { width: 12%; float: left;}
.company-info dl {float: right;width: 85%;margin: 0;}
.company-info:after { display: block; content: ""; clear: both;}
.company-info dl dd { margin: 0; line-height: 1.5;}
.company-info dl dt { margin-bottom: 10px;}
.company-info dl dd:nth-child(3), .company-info dl dd:nth-child(4) {    text-align: right;    margin-top: 5px;}
.company-info dl dd a { position: relative; padding: 0 20px 0 0; font-size: 15px;}
.company-info dl dd a:after { position: absolute; top: 6px; right: -4px; margin: auto; content: ""; vertical-align: middle; box-sizing: border-box; width: 6px; height: 5px; border: 5px solid transparent; border-left: 6px solid #fbc111;}
.company-info dl dd a:hover { box-shadow: none;}

table.material tr  {    border-bottom: solid 2px #FFFFFF; }
table.material tr th { background-color: #313131; color: #fff; text-align: right;      border-right: solid 2px #FFFFFF; }
table.material tr td { background-color: #eeeeee; text-align: right;      border-right: solid 2px #FFFFFF; }
table.material tr td span { font-size: 12px; color: #939393; padding-left: 10px;}


table.material { margin-bottom: 10px;}
span.hosoku { text-align: right; display: block; font-size: 12px;}

ul.jirei_category li { width: 33%; background-color: #f3f3f3; float: left; margin: 0 1px 1px 0; transition: 0.3s; position: relative;}
ul.jirei_category li a { display: block; padding: 20px; box-shadow: none;}
ul.jirei_category:after { clear: both; content: ""; display: block;}
ul.jirei_category li:hover { background-color: #e1e1e1;}
ul.jirei_category li:nth-of-type(3n) { margin-right: 0;}

ul.jirei_contents li { width: calc(32%); transition: 0.3s; margin: 0 2% 15px 0;}
ul.jirei_contents { display: flex; justify-content: flex-start; flex-wrap: wrap;}
ul.jirei_contents li span { background-color: #000; padding: 2px 10px; font-size: 11px; color: #fff;}
ul.jirei_contents li a { box-shadow: none;}
ul.jirei_contents li h3 {padding: 20px 0 0px 0;font-size: 16px;}
ul.jirei_contents li:hover { opacity: 70%;}
ul.jirei_contents li p { font-size: 13px;}
ul.jirei_contents li:nth-of-type(3n) { margin-right: 0;}



.flow-center {    font-size: 22px;}








section.columns-width.customizemenu {    background-color: #F9F9F9;    position: relative; }

section.columns-width.customizemenu ul.option-menu{    list-style: none;      padding: 0;    margin: 40px auto;     width: 100%;     display: flex;   justify-content: space-between;  position:relative; }
section.columns-width.customizemenu ul.option-menu li{ width: 15.5%;   background: #ffffff;   text-align: center;   padding: 16px 0;   border-radius: 60px 60px;       box-shadow: 0 0 4px #00000042;  font-weight: 900;   cursor: pointer;   position: relative;    -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; }

section.columns-width.customizemenu ul.option-menu li.active{  background: #fbc111;  }


section.columns-width.customizemenu ul.option-menu li:hover {   background: #e0e0e0;}
section.columns-width.customizemenu ul.option-menu li.active:hover {   background: #fbc111;}

section.columns-width.customizemenu .option-menu-detail .option-inner {   display:none; }
section.columns-width.customizemenu .option-menu-detail .option-inner.active{   display:block;   background-color: #FFFFFF; box-shadow: 0 0 4px #00000042;  }

.option-menu li.active:after {    content: "";    position: absolute;    left: calc(50% - 5px);    bottom: -18px;    width: 9px;    height: 9px;    border-top: 2px solid #333333;    border-right: 2px solid #333333;    -webkit-transform: rotate(135deg);    transform: rotate(135deg);  }

section.columns-width.customizemenu .option-menu-detail .option-inner  h3 {   text-align: center;   font-size: 18px;   padding: 2% 0;   background-color: #fbc111;    margin: 0 0;}


section.columns-width.customizemenu .option-inner .option-inner-box {    padding: 5% 5%; }
section.columns-width.customizemenu .option-menu-detail .option-inner  .images {    display: flex;    justify-content:center;    margin: 40px 0;  }

section.columns-width.customizemenu .option-menu-detail .option-inner  table {     font-size: 94%; }
section.columns-width.customizemenu .option-menu-detail .option-inner  table tr {       border-bottom: 2px solid #ffffff; }
section.columns-width.customizemenu .option-menu-detail .option-inner  table th {    border-right: solid 2px #ffffff;    background-color: #eeeeee;      padding: 8px 15px;}
section.columns-width.customizemenu .option-menu-detail .option-inner  table td {       background-color: #f5f5f5;    padding: 8px 15px;}

section.columns-width.customizemenu .option-menu-detail .option-inner  table:last-child , .option-menu-detail .option-inner p:last-child {  margin-bottom: 0;  }



.sns-voice {    display: flex;    justify-content: space-between;}

.sns-voice .in-columns {    width: 32%;}


.label table.right.Squarepipe select {    font-size: 13px;    width: 180px !important; }

.label table.right.Squarepipe.type01 {    margin: 0 0 40px 0;}
.label table.right.Squarepipe.type01 tr td select {    width: 220px !important;}
.label table.right.Squarepipe.type01 tr th:nth-child(3), table.right.Squarepipe.type01 tr th:nth-child(5) {    width: 60px; text-align: center;}
.label table.Squarepipe.type01 tr td span.wpcf7-form-control-wrap {    width: 80%;}
.label table.right.Squarepipe.type01 tr td input {    width: 110px;}

table.right.Squarepipe.type01 tr:last-child td p {    margin: 20px 0 0 0; }



.cfrp-valu-squarepipe:after  {content: "";display: block;clear: both;}
.cfrp-valu-squarepipe table.left {    float: left;}
.cfrp-valu-squarepipe table.right {    float: right;}
.cfrp-valu-squarepipe table.left , .cfrp-valu-squarepipe table.right {    width: 49%;    font-size: 90%;    margin: 0 0 24px 0;}


.cfrp-valu-squarepipe table.left td, .cfrp-valu-squarepipe table.right td {    text-align: right;}

.cfrp-valu-squarepipe table.left tr:first-child th, .cfrp-valu-squarepipe table.right tr:first-child th {    font-size: 90%;    text-align: center;}


.cfrp-valu-squarepipe table.left th, .cfrp-valu-squarepipe table.right th, 
.cfrp-valu-squarepipe table.left td, .cfrp-valu-squarepipe table.right td {    padding: 8px 10px; }



.squarepipe-size:after {content: "";display: block;clear: both;}
.squarepipe-size table {     font-size: 90%;  }
.squarepipe-size table th , .squarepipe-size table td {    padding: 8px 10px;  }
.squarepipe-size table td {    vertical-align: top;  }
.squarepipe-size table td ul {    margin: 0 0;  }


section.columns-width.method img.center-img {    margin: 24px 0; }


span.wpcf7-form-control-wrap.textarea-zip01 , 
span.wpcf7-form-control-wrap.textarea-zip02 , 
span.wpcf7-form-control-wrap.textarea-zip03 ,
span.wpcf7-form-control-wrap.textarea-zip01 textarea , 
span.wpcf7-form-control-wrap.textarea-zip02 textarea , 
span.wpcf7-form-control-wrap.textarea-zip03 textarea {  height: 100px !important;  }

span.wpcf7-form-control-wrap.Squarepipe-data-type01 select , 
span.wpcf7-form-control-wrap.Squarepipe-data-type02 select ,
span.wpcf7-form-control-wrap.Squarepipe-data-type03 select {
    font-size: 13px;
    width: 100%;
}

span.wpcf7-form-control-wrap.Squarepipe-data-type01 , 
span.wpcf7-form-control-wrap.Squarepipe-data-type02 , 
span.wpcf7-form-control-wrap.Squarepipe-data-type03 {
    width: 320px !important;
}



.label table.right tr.plus-text th {    padding-top: 30px;    color: #1a33bc; }

.label table.right.Squarepipe.type01 tr:nth-child(3) th , 
.label table.right.Squarepipe.type01 tr:nth-child(4) th , 
.label table.right.Squarepipe.type01 tr:nth-child(5) th , 
.label table.right.Squarepipe.type01 tr:nth-child(6) th , 
.label table.right.Squarepipe.type01 tr:nth-child(7) th {
    text-align: center;
}



th.addbutton div , td.addbutton div {    display: inline-block;    padding: 5px 10px 5px 27px;    border: solid 1px #dadada;    margin: 19px 0 0 0;    background-color: #FFFFFF;    border-radius: 3px 3px;    cursor: pointer;    position: relative;}
th.addbutton div:hover , td.addbutton div:hover {    background-color: #e7e7e7;}
th.addbutton div:before , td.addbutton div:before {    content: "+";    position: absolute;    left: 9px;    top: 5px;    color: #2e82d8;    font-weight: 800;}
th.addbutton.active div:before , td.addbutton.active div:before {content: "×";  color: #515151;}



span.wpcf7-form-control-wrap.Squarepipe-type01-textarea , 
span.wpcf7-form-control-wrap.Squarepipe-type02-textarea ,
span.wpcf7-form-control-wrap.Squarepipe-type03-textarea , 
span.wpcf7-form-control-wrap.textarea-zip01,
span.wpcf7-form-control-wrap.textarea-zip02, 
span.wpcf7-form-control-wrap.textarea-zip03 {
    width: 100% !important;
    margin: 0 0 !important;
}

span.wpcf7-form-control-wrap.Squarepipe-type01-textarea textarea, 
span.wpcf7-form-control-wrap.Squarepipe-type02-textarea textarea, 
span.wpcf7-form-control-wrap.Squarepipe-type03-textarea textarea {
    font-size: 13px;
    height: 100px;
    width: 100%;
}


.cfrp-valu-squarepipe table.left th.squ-icon, .cfrp-valu-squarepipe table.right th.squ-icon, 
.cfrp-valu-squarepipe table.left th.obl-icon, .cfrp-valu-squarepipe table.right th.obl-icon {
    position: relative;    padding-left: 42px;}


th.squ-icon:before, th.obl-icon:before  {    position: absolute;    content: "";    height: 7px;    left: 15px;    top: calc(50% - 3px);}
th.squ-icon:before {    width: 7px;    background-color: #adadad;}
th.obl-icon:before {    width: 14px;    background-color: #F5F5F5;    border: solid 1px #8e8e8e;}


span.squ-icon, span.obl-icon {    display: inline-block;    margin: 0 10px 0 0;    font-size: 13px;    position: relative;}
span.squ-icon {    padding: 0 0 0 17px;  }
span.obl-icon {    padding: 0 0 0 24px;  }
span.squ-icon:before , span.obl-icon:before {    position: absolute;    content: "";    height: 7px;    left: 0;    top: calc(50% - 3px);}
span.squ-icon:before {    width: 7px;    background-color: #adadad;}
span.obl-icon:before {    width: 14px;    background-color: #F5F5F5;    border: solid 1px #8e8e8e;}


.squarepipe-size table td ul li {  position: relative;  padding: 0 0 0 34px;  }

.squarepipe-size table td ul li.squ-icon:before , 
.squarepipe-size table td ul li.obl-icon:before {    position: absolute;    content: "";    height: 7px;    left: 0;    top: calc(50% - 3px);}
.squarepipe-size table td ul li.squ-icon:before {    width: 7px;    background-color: #adadad;}
.squarepipe-size table td ul li.obl-icon:before {    width: 14px;    background-color: #F5F5F5;    border: solid 1px #8e8e8e;}



ul.Product-f {    margin: 40px 0 60px 0;}
ul.Product-f li {    display: flex;    justify-content: space-between;    align-items: center;   font-size: 15px;   padding: 15px 15px;     margin: 0 0 34px 0;     border-radius: 6px 6px; position:relative; }

ul.Product-f li:before {    content: "";    position: absolute;    right: 0;    bottom: -20px;    left: calc(50% - 10px);    width: 0px;    height: 0px;    border-style: solid;    border-color: #e3e3e3 transparent transparent transparent;    border-width: 10px 10px 0 10px; }
ul.Product-f li:last-child:before {    content: none;  }

ul.Product-f li .step {     width: 24%;       font-weight: 700;     line-height: 38px; }
ul.Product-f li .step span {    display: inline-block;    margin: 0 11px 0 0;    width: 40px;    font-size: 16px;    text-align: center;    padding: 16px 0 0 0;    position: relative;    line-height: 1; }
ul.Product-f li .step span:before {content: "step";position: absolute;top: 0;left: 0;font-size: 11px;text-align: center;width: 100%;}
ul.Product-f li p {     margin: 0 0;    width: 73%; }

ul.Product-f li:first-child {    background-color: #fcfbf6;  }
ul.Product-f li:nth-child(2) {    background-color: #fcfaed;  }
ul.Product-f li:nth-child(3) {    background-color: #fbf8e7;  }
ul.Product-f li:nth-child(4) {    background-color: #fbf6dc;  }
ul.Product-f li:nth-child(5) {    background-color: #fbf4d1;  }
ul.Product-f li:last-child {    background-color: #fdf5c8;  }


dl.not {    margin: 40px 0 0 0;}
dl.not dt {    position: relative;    padding: 0 0 0 27px;    margin: 0 0 5px 0;}
dl.not dt:before {content: "";position: absolute;width: 16px;height: 16px;border: solid 2px #d40000;border-radius: 15px 15px;top: 4px;left: 0;}
dl.not dt:after {content: "";position: absolute;width: 2px;height: 14px;left: 0;top: 0;background-color: #d40000;transform: translateX(7px) translateY(5px) rotate(137deg);}
dl.not dd {    margin: 0 0 26px 0;}
dl.not dd:last-child {    margin: 0 0;}

	section.columns-width.oem-cost picture {    margin: 0 0 40px 0;}


ul.press-logo:after {content: "";display: block;clear: both;}

ul.press-logo li {    position:relative;    width: 32%;    margin: 0 2% 40px 0;  float: left;}
ul.press-logo li:nth-child(3) , ul.press-logo li:nth-child(6) {    margin-right:0; }
ul.press-logo li a {    position:relative;    display: block;    border: solid 1px #AAA;    padding: 8% 8%;    box-shadow: none;}
ul.press-logo li p {    font-size: 14px;    margin: 0 0 14px 0;    color: #696969;}
ul.press-logo {    margin: 60px 0;}
ul.press-logo li a .mask {    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    opacity: 0;    background-color: rgb(0 0 0 / 55%);    -webkit-transition: all 0.6s ease;    transition: all 0.6s ease;}
ul.press-logo li a:hover .mask { opacity:1;	padding-top:28%; }
ul.press-logo li  .caption {    font-size: 90%;    text-align: center;    color: #fff;}
ul.press-logo li:before {    position: absolute;    content: "";    display: block;    width: 34px;    height: 34px;    border-radius: 4px 4px;    background-color: #1a569e;    right: 18px;    bottom: 18px;    background-image: url("https://cfrp-japan.com/wp-content/uploads/2021/08/download-icon.png");    background-size: 64%;    background-repeat: no-repeat;    background-position: 50% 50%;    z-index: 3;}

ul.press-logo li:nth-child(4) a {    background-color: #111111;}
ul.press-logo li:nth-child(5) a {    background-color: #261400;}
ul.press-logo li:nth-child(6) a {    background-color: #001d26;}

h2.press-headline {    font-size: 20px;    margin: 60px 0 24px 0;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2019/04/headline-line.png);    background-repeat: no-repeat;    background-position: 0 0;}


dl.press-dl {    margin: 0 0 40px 0;}
dl.press-dl:last-child {    margin-bottom: 0;}
dl.press-dl dd {    margin: 0 0;    font-size: 94%;}
dl.press-dl dd ul li span {    display: inline-block;    min-width: 77px;}

ul.press-ul { margin:0 0 60px 0; }
ul.press-ul li  {    font-size: 14px;    border-bottom: solid 1px #c8c8c8;    padding: 13px 24px 13px 0;    position: relative;}
ul.press-ul li span {    display:inline-block;    width: 100px;    font-size: 13px;    font-weight: 800;}
ul.press-ul li:first-child {    border-top: solid 1px #c8c8c8;}
ul.press-ul li a:hover {    color: #085796;    box-shadow:inset 0 -1px 0 #085796;}
ul.press-ul li:before {content: "→";position: absolute;right: 0;top: 17px;font-size: 10px;color: #AAAAAA;}


.header-area-link {    background-color: #2e2c2a;    padding: 6px 0;}
.header-area-link p {    margin: 0 0;    font-size: 13px;   text-align: center;    color: #FFFFFF;}
.header-area-link p a {    box-shadow: 0 1px 0 #FFFFFF;    color: #FFFFFF;    display: inline-block;    margin: 0 0 0 12px;}
.header-area-link p a:hover {    box-shadow: none;    color: #e23a00;}



.wpcf7-form-control-wrap.radio-nouhin {    margin-top: 17px;    display: block;    font-size: 13px;}
span.wpcf7-form-control-wrap.text1-adress-1 ,
span.wpcf7-form-control-wrap.text2-adress-1 {  display: block;  clear: both;  }
select.adress-select {    margin: 0 0;    min-width: 160px;    border: solid 1px #dadada;}
.wpcf7-form-control-wrap.radio-nouhin span.wpcf7-form-control.wpcf7-radio {    margin: 10px 0 0 0;    display: inline-block;}
.wpcf7-form-control-wrap.radio-nouhinsho {    margin-top: 12px;    display: block;    font-size: 13px;}
.label.nouhin-detail {    margin-top: 20px;}
span.nouhin-text {    width: 78%;    float: right;}
.label span.nouhin-text p {    width: 100%;    float: none;    font-size: 13px;    margin: 9px 0 0 0;}
.label span.nouhin-text p span {    color: #dd1313;}
span.wpcf7-form-control-wrap.checkbox-riyocheck span.wpcf7-list-item-label {    font-size: 14px;}


/* EC */

.page-id-5453 .site-content , 
.parent-pageid-5453 .site-content , 
.parent-pageid-5462 .site-content , 
.parent-pageid-5516 .site-content ,
.parent-pageid-5598 .site-content , 
.parent-pageid-5680 .site-content ,
.parent-pageid-5710 .site-content {padding-top: 0;}

.parent-pageid-5453 .site-content .wrap ,
.parent-pageid-5462 .site-content .wrap , 
.parent-pageid-5516 .site-content .wrap , 
.parent-pageid-5598 .site-content .wrap , 
.parent-pageid-5680 .site-content .wrap ,
.parent-pageid-5710 .site-content .wrap {    max-width: inherit;    width: 100%;}





.breadcrumb {    max-width: 1080px;    margin: 20px auto;    font-size: 12px;}
.breadcrumb ul#breadcrumbs {    display: flex;    justify-content: flex-start;    margin: 0 0;}
.breadcrumb ul#breadcrumbs li {    margin: 0 15px 0 0;    padding: 0 15px 0 0;    position: relative;}
.breadcrumb ul#breadcrumbs li:before {    position: absolute;    content: "";    right: 0;    bottom: 8px;    width: 4px;    height: 4px;    border-top: 1px solid #6d6c6b;    border-right: 1px solid #6d6c6b;    -webkit-transform: rotate(45deg);    transform: rotate(45deg);}
.breadcrumb ul#breadcrumbs li:last-child:before {    content: none;}
.breadcrumb ul#breadcrumbs li:last-child {    margin: 0 0;    padding: 0 0;}




.ec-contents .list-pager {   text-align: center;    margin: 40px auto;   clear: both; }
.ec-contents .list-pager ul {    display: flex;    justify-content: center;    width: 100%;}
.ec-contents .list-pager ul li {    margin-right: 4px;}
.ec-contents .list-pager ul li a {   display: inline-block;     padding: 9px 12px;     line-height: 1;     border-radius: 100px;     color: #ffffff;     font-size: 12px;   background-color: #e03a00;     color: #ffffff;     width: 30px;    height: 30px;    text-align: center;     box-shadow: none; }

.ec-contents .list-pager ul li a:hover {  background-color:#f94608; }

.ec-contents .list-pager ul li span {   display: inline-block;     padding: 9px 12px;     line-height: 1;     border-radius: 100px;     color: #ffffff;     font-size: 12px;   background-color: #888888;     color: #ffffff;     width: 30px;    height: 30px;    text-align: center;     box-shadow: none; }

.ec-contents .list-pager ul li:first-child a ,
.ec-contents .list-pager ul li:last-child a { background-color: #333333;   font-size: 12px;     display: inline-block;  padding: 9px 12px;  line-height: 1; border-radius: 100px; }

.ec-contents .list-pager ul li:first-child a:hover ,
.ec-contents .list-pager ul li:last-child a:hover {  background-color:#666666; }

.ec-contents .list-pager ul li:first-child span, 
.ec-contents .list-pager ul li:last-child span { color: #ffffff; background-color: #ffffff;   font-size: 12px;     display: inline-block;  padding: 9px 12px;  line-height: 1; border-radius: 100px; }

.ec-contents .list-pager ul li:first-child a ,
.ec-contents .list-pager ul li:last-child a {    width: inherit;}



.ec-contents {    width: 72%;    float: right;}
.ec-secondly {    width: 24%;    float: left;}
.ec-secondly ul.ec-category {    background-color: #f7f7f7;    padding: 12% 12%;    border-radius: 6px 6px;    font-size: 14px;}
.ec-secondly ul.ec-category li:first-child {    font-size: 15px;    margin: 0 0 10px 0;    font-weight: 700;}
.ec-secondly ul.ec-category li a {    display: block;    box-shadow: none;    padding: 5px 0;}
.ec-secondly ul.ec-category li a:hover {    color: #e23a00;}

.ec-contents .content-title {    font-size: 15px;    font-weight: 700;    margin: 0 0 24px 0;}
.ec-contents ul.product-list {    display: flex;    justify-content: flex-start;    flex-wrap: wrap;}
.ec-contents ul.product-list li {    width: 31.5%;    margin: 0 2.75% 3% 0;}
.ec-contents ul.product-list li:nth-child(3n) {    margin-right: 0;}
.ec-contents ul.product-list li a {display: block;box-shadow: none;}
.ec-contents ul.product-list li a:hover {    opacity: 0.6;}


.ec-contents ul.product-list.ec-catelist li a dl {    margin: 24px 0 0 0;}
.ec-contents ul.product-list.ec-catelist li a dl dt {    font-size: 14px;}
.ec-contents ul.product-list.ec-catelist li a dl dd {    font-size: 12.5px;}
.ec-contents ul.product-list.ec-catelist li a dl dd:last-child {    text-align: right;    padding: 0 36px 0 0;    position: relative;    margin: 0 0;}
.ec-contents ul.product-list.ec-catelist li a dl dd:last-child:before {    content: "";    position: absolute;    width: 23px;    height: 23px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/09/link-yellow.png);    background-repeat: no-repeat;    background-size: 100%;    right: 3px;    bottom: 0px;    border-radius: 20px 20px;}
.ec-contents ul.product-list.ec-catelist li a dl dd:last-child:after {    content: "";    position: absolute;    right: 14px;    bottom: 10px;    width: 4px;    height: 4px;    border-top: 1px solid #413f3b;    border-right: 1px solid #413f3b;    -webkit-transform: rotate(45deg);    transform: rotate(45deg);}



ul.product-list.detail-list a dl {    margin: 24px 0 0 0;}
ul.product-list.detail-list a dl dt {    font-size: 14px;    margin: 0 0 12px 0;    line-height: 1.5;    font-weight: normal;}
ul.product-list.detail-list a dl dd ul {    display: flex;    justify-content: space-between;    flex-wrap: wrap;    margin: 0 0;}
ul.product-list.detail-list a dl dd ul li {  font-size: 12px;margin: 0 0 10px 0;line-height: 1.2;display: flex;justify-content: space-between;align-items: center; }
ul.product-list.detail-list a dl dd ul li:nth-child(odd) {    width: 50%;}
ul.product-list.detail-list a dl dd ul li:nth-child(even) {    width: 46%;}

ul.product-list.detail-list a dl dd ul  li:nth-child(n+3) {    margin-bottom: 0;}
ul.product-list.detail-list a dl dd {    margin: 0 0;}
ul.product-list.detail-list a dl dd ul li span {    display: inline-block;    border: solid 1px #c0c0c0;    padding: 4px 0 2px 0;    width: 44px;    text-align: center;    border-radius: 2px 2px;    font-size: 11px;}
ul.product-list.detail-list a dl dd ul li:last-child {    color: #e23a00;}
ul.product-list.detail-list a dl dd ul li:last-child span {    border-color: #e23a00;}













.ec-wrap {    max-width: 1080px;    margin: 0 auto;}

.ec-category-header {    background-color: #f3f3f3;  margin:0 0 60px 0;  }
.ec-category-header .inner {    max-width: 1080px;    margin: 0 auto;    padding: 40px 0;}



.ec-category-header .inner .top-content {    display: flex;    justify-content: space-between;}
.ec-category-header .inner .top-content .cate-title {    width: 62%;    background-color: #FFFFFF;    border-radius: 6px 6px;     overflow: hidden; }


.ec-category-header .inner .top-content .cate-title figure {    width: 42%;    margin: 0 0;    float: left;      line-height: 0;  }
.ec-category-header .inner .top-content .cate-title dl {    width: 58%;    float: right;    margin: 0 0;    padding: 24px 24px;}

.ec-category-header .inner .top-content .cate-title dl dt  ,
.ec-category-header .inner .top-content .cate-data dl dt {    font-size: 15px;    position: relative;    padding: 0 0 0 16px;    margin: 0 0 12px 0;}

.ec-category-header .inner .top-content .cate-title dl dt:before ,
.ec-category-header .inner .top-content .cate-data dl dt:before  {    position: absolute;    content: "";    width: 4px;    height: 15px;    background-color: #fac110;    left: 0;    top: 4px;    border-radius: 3px 3px;}

.ec-category-header .inner .top-content .cate-title dl dd {    font-size: 14px;    margin: 0 0;}


.ec-category-header .inner .top-content .cate-data {    width: 36%;    background-color: #FFFFFF;    border-radius: 6px 6px;    padding: 24px 24px;}
.ec-category-header .inner .top-content .cate-data dl {    margin: 0 0;}
.ec-category-header .inner .top-content .cate-data dl dd {    font-size: 14px;    margin: 0 0;}
.ec-category-header .inner .top-content .cate-data dl dd span {    display: inline-block;    width: 112px;}



.sorting-function {    margin: 28px 0 0 0;}
.sorting-function .title {    font-size: 14px;    margin: 0 0 14px 0;    padding: 0 0 0 24px;    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/02/sorting-icon.svg");    background-repeat: no-repeat;    background-size: 15px;    background-position: 0 5px;}



.sorting-function ul.sorting-list {    display: flex;    justify-content: flex-start;    flex-wrap: wrap;    margin: 0 0;}
.sorting-function ul.sorting-list li {    width: 15.5%;    margin: 0 1.4% 1.4% 0;}
.sorting-function ul.sorting-list li a {    display: block;    box-shadow: none;    background-color: #FFFFFF;    border-radius: 6px 6px;    text-align: center;    font-size: 13px;    padding: 15px 0;}
.sorting-function ul.sorting-list li a:hover {color: #e23a00;background-color: #e3e3e3;}


.sorting-function ul.sorting-list.pipe li:nth-child(6n) {    margin-right: 0;}
.sorting-function ul.sorting-list.pipe li:nth-child(n+7) {    margin-bottom: 0;}

.sorting-function ul.sorting-list.squarepipe li {    width: 10%;    margin: 0 1.25% 1.4% 0;}
.sorting-function ul.sorting-list.squarepipe li:nth-child(9n) {    margin-right: 0;}
.sorting-function ul.sorting-list.squarepipe li:nth-child(n+10) {    margin-bottom: 0;}

.sorting-function ul.sorting-list.shaft li {    width: 13%;    margin: 0 1.5% 1.5% 0;}
.sorting-function ul.sorting-list.shaft li:nth-child(7n) {    margin-right: 0;}
.sorting-function ul.sorting-list.shaft li:nth-child(n+8) {    margin-bottom: 0;}

ul.sorting-list.squareshaft li:nth-child(6) {    margin-right: 0;}
ul.sorting-list.squareshaft li:nth-child(n+7) {    margin-bottom: 0;}




dl.How-to-sell {    border: solid 1px #c0c0c0;    margin: 0 0 60px 0;    display: flex;    font-size: 14px;}
dl.How-to-sell dt {    background-color: #f3f3f3;    width: 34%;    font-weight: normal;    text-align: center;    border-right: solid 1px #c0c0c0;    padding: 18px 18px;}
dl.How-to-sell dd {    margin: 0 0;    padding: 18px 18px;}
dl.How-to-sell dd a {    color: #e23a00;    -webkit-box-shadow: inset 0 -1px 0 #e23a00;    display: inline-block;    margin: 0 2px;}
dl.How-to-sell dd a:hover {    -webkit-box-shadow: inset 0 -1px 0 rgb(15 15 15);}




section.columns-width.front.new-shop {    background-color: #f9f9f9;}


section.columns-width.front.new-shop header , 
section.columns-width.front.home-page-link header {    padding: 0 0 0 36px;    width: 240px;    margin: 0 auto 40px auto;    text-align: left;    position: relative;}
section.columns-width.front.new-shop header h2 , 
section.columns-width.front.home-page-link header h2 {    margin: 0 0;}
section.columns-width.front.new-shop header p , 
section.columns-width.front.home-page-link header p {    position: inherit;    top: inherit;    left: inherit;    color: #282828;    width: inherit;    text-align: left;}


section.columns-width.front.new-shop header:before , 
section.columns-width.front.home-page-link header:before {    content: "";    position: absolute;    width: 22px;    height: 54px;    background-color: #232323;    left: 0;    top: 5px;}
section.columns-width.front.new-shop header:after{    content: "SHOP";    position: absolute;    transform: rotateZ(90deg);    left: -5px;    top: 25px;    line-height: 0;    font-size: 11px;    color: #FFFFFF;}
section.columns-width.front.home-page-link header:after {    content: "ORDER";    position: absolute;    transform: rotateZ(90deg);    left: -9px;    top: 29px;    line-height: 0;    font-size: 11px;    color: #FFFFFF;}






section.columns-width.front.new-shop ul {    display: flex;    justify-content: space-between;}
section.columns-width.front.new-shop ul li {    width: 18%;    text-align: center;    font-size: 15px;    font-weight: 600;}
section.columns-width.front.new-shop ul li img {    border-radius: 8px 8px;    margin: 0 0 12px 0;      border: solid 2px #FFFFFF;  }
section.columns-width.front.new-shop ul li a {    display: block;    box-shadow: none;}
section.columns-width.front.new-shop ul li a:hover {    opacity: 0.8;    color: #ca1111;}







section.columns-width.front.new-shop h3 {    text-align: center;    margin: 0 0 6px 0;    font-size: 22px;}
section.columns-width.front.new-shop h3 + p {    text-align: center;    line-height: 1;    font-weight: 600;    margin: 0 0 36px 0;}

section.columns-width.front.new-shop .sw-bottom-button {    width: 540px;    margin: 60px auto 0 auto;    display: flex;    justify-content: space-between;}
section.columns-width.front.new-shop .sw-bottom-button a {    width: 240px;    text-align: center;    display: block;    font-size: 13px;    box-shadow: none;    border: solid 1.5px #2487d6;    padding: 17px 20px;    background-color: #FFFFFF;    color: #2487d6;    font-weight: 700;    border-radius: 6px 6px;}
section.columns-width.front.new-shop .sw-bottom-button a:hover {    background-color: #1b7bc7;    color: #FFFFFF;}



h2.headline-pattern02 {    font-size: 28px;    font-weight: 900;    margin: 0 0 5px 0;    text-align: center;}
h2.headline-pattern02 + p {    text-align: center;    font-size: 14px;     margin: 0 0 36px 0; }
h2.headline-pattern02 + p span {    display: inline-block;    background-color: #fcc010;    line-height: 1;    color: #FFFFFF;    font-size: 12px;    padding: 3px 6px 2px 6px;    border-radius: 2px 2px;    margin: 0 12px 0 0;    text-align: center;}


section.eclinks-data dl dd.sorting-list.squareshaft p {    font-size: 14px;    margin: 0 0 14px 0;    padding: 0 0 0 24px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2022/02/sorting-icon.svg);    background-repeat: no-repeat;    background-size: 15px;    background-position: 0 5px;}
section.eclinks-data dl dd.sorting-list.squareshaft ul {    display: flex;    justify-content: flex-start;    flex-wrap: wrap;        margin: 0 0 40px 0; }

section.eclinks-data dl dd.sorting-list.squareshaft ul li {    width: 15.5%;    margin: 0 1.4% 1.4% 0;}
section.eclinks-data dl dd.sorting-list.squareshaft ul li:nth-child(6n) {    margin-right: 0;}
section.eclinks-data dl dd.sorting-list.squareshaft ul li a {    display: block;    box-shadow: none;    background-color: #f3f3f3;    border-radius: 6px 6px;    text-align: center;    font-size: 13px;    padding: 15px 0;}
section.eclinks-data dl dd.sorting-list.squareshaft ul li a:hover {    background-color: #e0e0e0;}
section.eclinks-data dl dd.ec-cfrp-info ul {    display: flex;    justify-content: flex-start;}
section.eclinks-data dl dd.ec-cfrp-info ul li {    width: 24%;    margin-right: 1.333%;}
section.eclinks-data dl dd.ec-cfrp-info ul li:last-child {    margin-right: 0;}
section.eclinks-data dl dd.ec-cfrp-info ul li a {    display: block;    box-shadow: none;}
section.eclinks-data dl dd.ec-cfrp-info ul li a:hover {    opacity: 0.6;}
section.eclinks-data dl dd.ec-cfrp-info ul li a p {    font-size: 14px;    margin: 0 0 12px 0;    line-height: 1.5;    font-weight: normal;}
section.eclinks-data dl dd.ec-cfrp-info ul li a img {    margin: 0 0 24px 0;}


section.eclinks-data dl dd.ec-cfrp-info ul li ul.detail {    display: flex;    justify-content: space-between;    flex-wrap: wrap;    margin: 0 0;}
section.eclinks-data dl dd.ec-cfrp-info ul li ul.detail li {  font-size: 12px;margin: 0 0 10px 0;line-height: 1.2;display: flex;justify-content: space-between;align-items: center; }
section.eclinks-data dl dd.ec-cfrp-info ul li ul.detail li:nth-child(odd) {    width: 50%;}
section.eclinks-data dl dd.ec-cfrp-info ul li ul.detail li:nth-child(even) {    width: 46%;}

section.eclinks-data dl dd.ec-cfrp-info ul li ul.detail li:nth-child(n+3) {    margin-bottom: 0;}
section.eclinks-data dl dd.ec-cfrp-info ul li ul.detail li span {    display: inline-block;    border: solid 1px #c0c0c0;    padding: 4px 0 2px 0;    width: 44px;    text-align: center;    border-radius: 2px 2px;    font-size: 11px;}
section.eclinks-data dl dd.ec-cfrp-info ul li ul.detail li:last-child {    color: #e23a00;}
section.eclinks-data dl dd.ec-cfrp-info ul li ul.detail li:last-child span {    border-color: #e23a00;}

.cursor-detail {    margin: 60px 0 0 50%;    border-left: solid 1px #333333;    padding: 0 0 0 24px;    font-size: 13px;    position: relative;}
.cursor-detail:after {    content: "";    position: absolute;    left: -2px;    bottom: -31px;    width: 5px;    height: 5px;    border-top: 1px solid #413f3b;    border-right: 1px solid #413f3b;    -webkit-transform: rotate(135deg);    transform: rotate(135deg);}
.cursor-detail:before {    content: "";    position: absolute;    width: 26px;    height: 26px;    border: solid 1px #333333;    bottom: -42px;    left: -13px;    border-radius: 24px 24px;}






ul.beginner-step {  margin: 40px 0;  display: flex;  justify-content: space-between;      position: relative; }
ul.beginner-step:before {    position: absolute;    content: "";    width: 80%;    left: calc(50% - 40%);    top: 40px;    height: 4px;    background-color: #fac110;    z-index: 0;}
ul.beginner-step li {  text-align: center;font-size: 14px;  padding: 100px 0 0 0; background-repeat: no-repeat;  background-position: 50% 0;  background-size: 80px;     z-index: 1; }
ul.beginner-step li span {  display: inline-block;  margin: 0 0 12px 0;  background-color: #1a2a84;  font-size: 11px;color: #FFFFFF;  padding: 2px 5px 0 5px;  border-radius: 4px 4px;  }
ul.beginner-step li p {  margin: 0 0;  }


ul.beginner-step.order li {  width: 18%;  }	
ul.beginner-step.order li:first-child {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/beginner-step-order01.png");}
ul.beginner-step.order li:nth-child(2) {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/beginner-step-order02.png");}
ul.beginner-step.order li:nth-child(3) {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/beginner-step-order03.png");}
ul.beginner-step.order li:nth-child(4) {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/beginner-step-order04.png");}
ul.beginner-step.order li:last-child {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/beginner-step-order05.png");}


ul.beginner-step.nodata li {width: 24%;}
ul.beginner-step.nodata li:first-child {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/beginner-step-nodata01.png");}
ul.beginner-step.nodata li:nth-child(2) {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/beginner-step-order03.png");}
ul.beginner-step.nodata li:nth-child(3) {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/beginner-step-order04.png");}
ul.beginner-step.nodata li:last-child {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/beginner-step-order05.png");}


ul.ordelinks.online li { width: 19%; }
ul.ordelinks.online li a {padding: 20px 20px 21px 93px;background-position: 24px 13px;}
ul.ordelinks.online li:first-child a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-07.png");}
ul.ordelinks.online li:nth-child(2) a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-03.png");}
ul.ordelinks.online li:nth-child(3) a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-04.png");}
ul.ordelinks.online li:nth-child(4) a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-05.png");}
ul.ordelinks.online li:last-child a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-06.png");}



ul.ordelinks {display: flex;justify-content: space-between;margin: 40px 0 60px 0;}

ul.ordelinks li a {    display: block;background-color: #ededed;        box-shadow: inset 0 -3px 0 #0000000a;    background-repeat: no-repeat;    background-size: 40px;        font-size: 14px;    font-weight: 600;border-radius: 6px 6px;}
ul.ordelinks li a span {display: block;}
ul.ordelinks li a:hover {background-color: #d4d4d4;}



ul.ordelinks.order li {width: 32%;}
ul.ordelinks.order li a {padding: 16px 20px 17px 93px;background-position: 27px 22px;}
ul.ordelinks.order li:first-child a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-01.png");}
ul.ordelinks.order li:nth-child(2) a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-03.png");}
ul.ordelinks.order li:last-child a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-04.png");}

ul.ordelinks.nodata li {width: 32%;}
ul.ordelinks.nodata li a {padding: 16px 20px 17px 93px;background-position: 27px 22px;}
ul.ordelinks.nodata li:first-child a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-02.png");}
ul.ordelinks.nodata li:nth-child(2) a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-03.png");}
ul.ordelinks.nodata li:last-child a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-04.png");}


ul.beginner-step.online li { width: 31%; }
ul.beginner-step.online:before {  width: 70%;    left: calc(50% - 35%); }
ul.beginner-step.online li:first-child {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/beginner-step-online01.png");}
ul.beginner-step.online li:nth-child(2) {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/beginner-step-online02.png");}
ul.beginner-step.online li:last-child {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/beginner-step-order05.png");}



.step-content { position: relative;border-radius: 6px 6px;  box-shadow: 0 0 4px #00000038;padding: 5% 5% 5% 260px; margin: 40px 0;     background-repeat: no-repeat;    background-position: 48px 46px;    background-size: 180px;}
.step-content .title {font-weight: 600;margin: 0 0 12px 0;}

.step-content.step01 {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/order-step-01.png");}
.step-content.step02 {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/order-step-02.png");}
.step-content.step03 {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/order-step-03.png");}
.step-content.step04 {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/order-step-04.png");}
.step-content.step05 {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/order-step-05.png");}


.step-content.nodata-step01 {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/nodata-step-01.png");}
.step-content.nodata-step02 {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/nodata-step-02.png");}
.step-content.nodata-step03 {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/nodata-step-03.png");}
.step-content.nodata-step04 {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/nodata-step-04.png");}


.step-content.online-step01 {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/online-step-01.png");}
.step-content.online-step02 {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/online-step-02.png");}
.step-content.online-step03 {background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/04/online-step-03.png");}



.step-content ul.links a {  color: #e03a00;    font-weight: 600;    -webkit-box-shadow: inset 0 -1px 0 #e03a00;    box-shadow: inset 0 -1px 0 #e03a00;  }
.step-content ul.links a:hover {  color: #1673bd;    -webkit-box-shadow: inset 0 -1px 0 #1673bd;    box-shadow: inset 0 -1px 0 #1673bd;  }






ul.beginner-page-link {margin: 40px 0;display: flex;justify-content: space-between;}

ul.beginner-page-link li {width: 31%;}

ul.beginner-page-link li a {position: relative;display: block;box-shadow: none;font-size: 15px;text-align: center;border: solid 3px;border-radius: 6px 6px;padding: 26px 0 44px 0;font-weight: 600;}

ul.beginner-page-link li a:before {    position: absolute;    content: "";    bottom: 22px;    right: calc(50% - 4px);    width: 8px;    height: 8px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate( 135deg );    transform: rotate( 135deg );-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;}

ul.beginner-page-link li:first-child a {border-color: #5386c7;}

ul.beginner-page-link li:nth-child(2) a {border-color: #4fc885;}

ul.beginner-page-link li:last-child a {border-color: #389e9b;}

ul.beginner-page-link li a:hover {background-color: #ededed;}

ul.beginner-page-link li a:hover:before {bottom: 10px;}







section.columns-width.front.contents-link .columns-inner {display: flex;justify-content: space-between;flex-wrap: wrap;}
section.columns-width.front.contents-link .columns-inner .front-three h2.headline-ye {  font-size: 20px;  padding: 26px 0 12px 0;  margin: 0 0 ;border-radius: 6px 6px 0 0;}
section.columns-width.front.contents-link .columns-inner .front-three h2.headline-ye + p {    color: #7d7d7d;}

.front-three .inner ul li {    position: relative;    margin: 0 0 12px 0;      }
.front-three .inner ul li a {    display: block;    padding: 15px 15px; box-shadow:none; background-color:#FFFFFF; border-radius: 6px 6px;    border: solid 2px #dedede; }
.front-three .inner ul li a:after {content: "";display: block;clear: both;}
.front-three .inner ul li a:hover {    background-color: #ededed;}

.front-three .inner ul li img {width: 28%;float: left;border-radius: 6px 6px;}
.front-three .inner ul li .detail {width: 67%;float: right;}
.front-three .inner ul li .detail p:first-child {font-size: 15px;font-weight: 600;margin: 0 0 4px 0;}
.front-three .inner ul li .detail p:last-child {font-size: 13px;color: #6f6f6f;margin: 0 0;line-height: 1.4;}
.front-three .inner ul {margin: 0 0;}
.front-three .inner ul li:last-child {margin-bottom: 0;}

section.columns-width.front.contents-link .columns-inner .front-three:first-child {width: 48%;}
section.columns-width.front.contents-link .columns-inner .front-three:nth-child(2) {width: 48%;}
section.columns-width.front.contents-link .columns-inner .front-three:last-child {width: 100%;margin: 46px 0 0 0;}


section.columns-width.front.contents-link .columns-inner .front-three:last-child ul li {width: 31%;margin: 0 3.5% 2% 0;}
section.columns-width.front.contents-link .columns-inner .front-three:last-child ul {flex-wrap: wrap;display: flex;justify-content: flex-start;}
section.columns-width.front.contents-link .columns-inner .front-three:last-child ul li:nth-child(3) {margin-right: 0;}



table.minimum-table {    font-size: 92%;}
table.minimum-table tr:nth-child(2) td p {    margin: 0 0;}
table.minimum-table th {    vertical-align: top;}
table.minimum-table td p:first-child {    margin: 0 0 16px 0;}
table.minimum-table td p:last-child {    margin: 0 0;}
table.minimum-table td p span {display: block;margin: 0 0 0 21px;font-size: 88%;}
table.minimum-table td p {    position: relative;    list-style-type: disc;    display: list-item;    list-style-position: inside;}

.morebtn { margin: 0 auto; max-width: 180px;}
.morebtn span { text-align: center; display: block; font-size: 13px; margin: 0 auto; box-shadow: none; border: solid 1.5px #2487d6; padding: 14px 20px; color: #2487d6; font-weight: 700; border-radius: 6px 6px; transition: 1s;}
.morebtn span:hover { background-color: #1b7bc7; color: #FFFFFF; cursor: pointer;}

ul.jirei_category li:before { content: ""; position: absolute; width: 23px; height: 23px; background-repeat: no-repeat; background-size: 100%; right: 25px; bottom: 22px; border-radius: 20px 20px; border: solid 1px #000;}
ul.jirei_category li:after { content: ""; position: absolute; right: 35px; bottom: 31px; width: 5px; height: 5px; border-top: 1px solid #413f3b; border-right: 1px solid #413f3b; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.form-bottom {max-width: 1080px;margin: 60px auto 0 auto;}
.form-bottom li { width: calc(49%); transition: 0.3s; margin: 0 2% 15px 0;}
.form-bottom ul { display: flex; flex-wrap: wrap;}
.form-bottom li:last-child { margin-right: 0;}
.form-bottom li img { width: 100%;}
.form-bottom li a:hover { opacity: 0.7;}

.header-area-info { background-color: #e9b708; padding: 15px 0;}
.header-area-info p { margin: 0 0; font-size: 13px; text-align: center; color: #222222; font-weight: bold;}
.header-area-info p a { color: #222222; display: inline-block; margin: 0 0 0 12px; font-weight: normal;}
.header-area-info p span { background-color: #e23a00; padding: 0px 10px; border-radius: 5px; margin-right: 10px; color: #fff;}

.header-wrap-list li {font-weight: 600;list-style: none;background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/03/white-checkicon.webp);background-repeat: no-repeat;background-position: 0% 30%;padding-left: 31px;margin-bottom: 5px;color: #222222;}
.header-wrap-list {margin-top: 35px;}



h2.headline-ye.type span {background-color: #EDEDED;font-size: 13px;font-weight: 600;border-radius: 4px;padding: 3px 7px;margin: 0 0 0 20px;}
h2.headline-ye.type span:last-child {margin: 0 0 0 10px;}

h2.headline-ye.red {background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/03/headline-line_red.webp);}

section.columns-width.front.cfrplab ul li span + span {display: block;background-color: inherit;font-size: 100%;padding: 0;margin-bottom: 20px;}
.btn-list ul {display: flex;justify-content: space-between;flex-wrap: wrap;list-style: none;}
.btn-list li {border: solid 2px #dedede;width: 23%;text-align: center;border-radius: 5px;position: relative;}
.btn-list li a {box-shadow: none;font-size: 15px;display: block;padding: 15px 0;}
.btn-list li:after {position: absolute;content: "";top: calc(50% - 4px);right: 9%;width: 8px;height: 8px;border-top: 1px solid #5a5a5a;border-right: 1px solid #5a5a5a;-webkit-transform: rotate(46deg);transform: rotate(46deg);}
.btn-list li a:hover {background-color: #ededed;}
section.columns-width.front.links .columns-inner {padding: 0;}

.gray-back {padding: 40px 30px;background-color: #F9F9F9;border-radius: 30px;}
.gray-back .left {width: 40%;float: left;}
.gray-back .right {width: 60%;float: right;}
.gray-back:after {display: block;content: "";clear: both;}
.gray-back .right h2 {font-size: 20px;}
.gray-back .right ul {display: flex;justify-content: space-between;flex-wrap: wrap;list-style: none;margin-bottom: 0;}
.gray-back .right ul li {width: 50%;background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/03/blackcheckicon.webp);background-repeat: no-repeat;background-position: 0px 7px;padding-left: 35px;margin-bottom: 10px;}

h2.simple-bk {font-size: 22px;color: #333;}
h2.simple-bk span {font-size: 15px;font-weight: normal;margin-left: 30px;vertical-align: middle;}

section.columns-width.usage ul {display: flex;justify-content: space-between;flex-wrap: wrap;list-style: none;margin-top: 50px;}
section.columns-width.usage ul li {width: 18%;box-shadow: 0 0 4px #00000042;border-radius: 4px;}
section.columns-width.usage ul li img {display: block;margin: 20px auto;}
section.columns-width.usage ul li p {text-align: center;font-weight: 700;margin-bottom: 15px;}
section.columns-width.uservoice ul {display: flex;justify-content: space-between;flex-wrap: wrap;list-style: none;margin-top: 50px;}

.bottom-area ul {display: block !important;float: left;width: 80%;margin: 0 0 0 20px !important;}

section.columns-width.uservoice ul li {width: 47%;}
section.columns-width.uservoice ul li .top-area {background-color: #F9F9F9;padding: 45px;box-shadow: 0 0 4px #00000042;border-radius: 30px 30px 30px 0;position: relative;}
section.columns-width.uservoice ul li .top-area h3 {font-size: 19px;line-height: 1.7;margin-bottom: 25px;}
section.columns-width.uservoice ul li .top-area h3 span {background: linear-gradient(transparent 60%, #FBF211 60%);}
section.columns-width.uservoice ul li .top-area p {margin-bottom: 0;}
section.columns-width.uservoice ul li .bottom-area {margin-top: 20px;}
section.columns-width.uservoice ul li .bottom-area img {float: left;}

.bottom-area ul li {width: 100% !important;font-size: 15px;}
section.columns-width.uservoice ul li .bottom-area:after {display: block;content: "";clear: both;}
section.columns-width.uservoice ul li .top-area:before {content: "";display: block;background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/03/inyo-icon.webp);width: 35px;height: 25px;background-repeat: no-repeat;position: absolute;top: -10px;left: 15px;}

ul.faq-area li {display: inline-block;margin-bottom: 30px;}
ul.faq-area li a {box-shadow: none;border: solid 1px #333;padding: 5px 35px;border-radius: 20px;margin: 0 20px 0 0;position: relative; background-color: #fff;}
ul.faq-area li a:after {position: absolute;content: "";top: calc(50% - 4px);right: 5%;width: 8px;height: 8px;border-top: 1px solid #333;border-right: 1px solid #333;-webkit-transform: rotate(46deg);transform: rotate(46deg);}
ul.faq-area {margin: 0;}
ul.faq-area li a:hover {background-color: #ededed;}

section.columns-width.customizemenu .option-menu-detail table.material tr th {color: #333;}

.form-link {margin: 30px 0;}
.form-link a {display: inline-block;box-shadow: none;background-color: #fff;border: solid 1px #333;padding: 5px 35px;border-radius: 20px;position: relative;font-size: 15px;}
.form-link a:after {position: absolute;content: "";top: calc(50% - 4px);right: 7%;width: 8px;height: 8px;border-top: 1px solid #333;border-right: 1px solid #333;-webkit-transform: rotate(46deg);transform: rotate(46deg);}
.form-link a:hover {background-color: #ededed;}

section.columns-width.plusinfo h2 {font-size: 20px;margin-bottom: 50px;}
section.columns-width.plusinfo .left {width: 70%;}
section.columns-width.plusinfo {background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/06/faq-headerimg.png);background-repeat: no-repeat;background-position: 78% 50%; margin: 60px 0;}

.scroll-table {overflow-x: scroll;margin: 40px 0;}

.scroll-table table {width: 100%;}

.scroll-table table tr td:first-child, .scroll-table table tr th:first-child {position: sticky; top: 0; left: 0; width: 150px; background-color: #eee !important;}

.scroll-table table tr td:nth-child(2) {width:220px}

.modal-window {display: none;  position: fixed;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 700px;  height: 500px;  background-color: #ffffff;  border-radius: 10px;  z-index: 1000000;  padding: 4rem 3rem;}
.modal-window img { display: block; margin: 0 auto 30px auto;}
.modal-window dl { text-align: center; margin: 0 auto;}
.modal-window dl dt { font-size: 20px; margin-bottom: 20px;}

.button-close {  position: absolute;  top: 83%;  left: 50%;  transform: translate(-50%, -50%);  width: 200px;  padding: 1em;  background-color: #fac110;  color: #252525;  border-radius: 8px;  cursor: pointer;}

.overlay {display: none; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; z-index: 999999;}

.normal-btn a {    display: block;    text-align: center;    box-shadow: none;    background-color: #1671a8;    color: #FFFFFF;    font-size: 13px;    font-weight: 700;    padding: 24px 0;    border-radius: 4px 4px;    position: relative;}
.normal-btn {    width: 25%;    margin: 30px auto;}
.normal-btn a:hover {    opacity: 0.8;    color: #fff;}




ul.form-section {    max-width: 660px;    margin: 0 auto 60px auto;    display: flex;    justify-content: space-between;    position: relative;}
ul.form-section li {     width: 138px;    text-align: center; margin: 0 36px 0 0;  }
ul.form-section li:last-child {    margin: 0 0;}
ul.form-section li div{    position: relative;   text-align: center;    background-color: #dddddd;    padding: 12px 0;      font-size: 15px;    border-radius: 6px 6px;    z-index: 1;}
ul.form-section li div:before {       content: "";    position: absolute;    width: 36px;    height: 4px;    background-color: #dddddd;    top: calc(50% - 2px);    left: -36px;    z-index: 0;}
ul.form-section li:first-child div:before {    content: none;}
ul.form-section li.page div{    background-color: #ffc600;}
ul.form-section li.page div:before {    background-color: #ffc600;}

ul.form-section li p {    display: inline-block;    margin: 0 0 3px 0;    font-size: 12px;}

ul.form-section li.check.flow p ,
ul.form-section li.check.flow.page p {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/10/flow-step-gray-icon.webp);  background-repeat: no-repeat;    background-position: 100% 2px;    background-size: 15px;    padding: 0 20px 0 0;}

ul.form-section li.flow.page p {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2023/10/flow-step-icon.webp");    background-repeat: no-repeat;    background-position: 100% 2px;    background-size: 15px;    padding: 0 20px 0 0;}





ul.order-line {    display: flex;    justify-content: space-between;    cursor: pointer;}
ul.order-line li {    margin-right: 10px;    border: solid 3px #e5e5e5;background-color: #FFFFFF;    border-radius: 6px 6px;   padding: 10px;  opacity: 0.5; }
ul.order-line li:last-child {    margin-right: 0;}
ul.order-line li p {    font-size: 12px;    text-align: center;  margin: 10px 0 0 0;    font-weight: 700;}

ul.order-line li.active {      position: relative;  border: solid 3px #6fb2d5;    background-color: #ffffff ; opacity: 1;}
ul.order-line li.active p {color: #1b7fb3;}

ul.order-line li.active:after {      content: "";    position: absolute;    width: 50px;    height: 46px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/06/orderactive-before.webp);    bottom: -36px;
    left: calc(50% - 23px);    color: #1b7fb3;    font-weight: 700;    font-size: 13px;}


ul.order-line li:hover {    background-color: #f3f3f3;    border: solid 3px #d5d5d5;    opacity: 1;}
ul.order-line li.active:hover {    background-color: #ffffff;       border: solid 3px #6fb2d5;  opacity: 1; }




.order-inner .box {    margin: 60px 0 }
.order-inner .box.last {    margin: 60px 0;}

.order-inner .box .label-title {  font-size: 16px;    font-weight: 800;    padding: 24px 0;    position: relative;  }






.order-inner .box .label-subtitle {       margin: 0 0 24px 0;    font-size: 15px;    font-weight: 800;}


.order-inner .box p {    font-size: 15px;}

.order-inner .box .form {   display: flex;  justify-content: flex-start;   }
.order-inner .box .form .name { position: relative;    font-size: 15px;    font-weight: 600;    width: 30%;    padding: 32px 0 0 0;}
	
.order-inner .box .form.payment .data ,
.order-inner .box .form.space .data {    padding-top: 20px;}

.order-inner .box .form.space .data p:first-child {    margin: 0 0 8px 0;}
.order-inner .box .form.space .data {    margin: 0 0 18px 0;}


.order-inner .box .form .name span.required ,
.order-inner .box .form .name span.any {    background-color: #cf272f;    color: #FFFFFF;    font-size: 11px;    font-weight: normal;    padding: 3px 6px;    line-height: 1;    border-radius: 2px 2px;    position: relative;  top: -2px;    margin: 0 0 0 10px;}

.order-inner .box .form .name span.any {    background-color: #dbdbdb;    color: #626262;    display: inline-block;}


.order-inner .box .form .data {    width: 70%; padding: 20px 0 0 0; }


.order-inner .box .form .data select {    -webkit-appearance: none;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/09/arrow.png);    background-repeat: no-repeat;    background-size: 12px;    background-position: 91% 50%;    padding: 6px 42px 6px 14px; border: 1px solid #bebebe;    border-radius: 5px;    height: 40px;}


.order-inner .box .form .data input[type="checkbox"] {  cursor: pointer; margin-right: 5px;  -webkit-appearance: none;    -moz-appearance: none;    position: relative;  top: 7px;  width: 25px;    height: 25px;    border-radius: 4px 4px;         border: 1px solid #bbbbbb;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/09/check-black.webp);    background-repeat: no-repeat;    background-position: 56% 48%;    background-size: 42%; transition: 0.5s;}

.order-inner .box .form .data input[type="checkbox"]:after {    content: "";    opacity: 0;display: block;    left: 4px;    top: 4px;    position: absolute;    width: 14px;    height: 14px;    background-color: #f24467;    border-radius: 100% 100%;}

.order-inner .box .form .data input[type=checkbox]:checked {  background-color: #30c167; border-color: #30c167;   background-image: url("https://cfrp-japan.com/wp-content/uploads/2023/08/check-white.webp");   }
.order-inner .box .form .data input[type="checkbox"]:hover {    background-color: #ededed;}
.order-inner .box .form .data input[type=checkbox]:checked:hover {    background-color: #30c167;}
.order-inner .box .form .data input[type=checkbox]:checked + span {    color: #0d8d3e;}

.order-inner .box .form .data input[type="text"], 
.order-inner .box .form .data input[type="email"], 
.order-inner .box .form .data input[type="tel"], 
.order-inner .box .form .data textarea {    border-radius: 5px;  border: 1px solid #bebebe; }

.order-inner .box .form .data input[type="text"]:focus,
.order-inner .box .form .data input[type="email"]:focus, 
.order-inner .box .form .data input[type="tel"]:focus, 
.order-inner .box .form .data textarea:focus,
.order-inner .box .form .data select:focus {    background: #f2f9fc;    border-color: #6fb2d5;}

.order-inner .box .form.nouhin .data input[type="text"]:focus, 
.order-inner .box .form.nouhin .data input[type="email"]:focus, 
.order-inner .box .form.nouhin .data input[type="tel"]:focus, 
.order-inner .box .form.nouhin .data textarea:focus {    background: #f2fcf2;    border-color: #66af4c;}




.order-inner .box .form .data.checkbox span {    font-size: 15px;    font-weight: normal;}
.order-inner .box .form .data.checkbox span.wpcf7-form-control-wrap {    display: block;}

.order-inner .box .form .data.checkbox span.small {    font-size: 78%;   }

.order-inner .box .form .data.checkbox label {    margin: 0 0;}
.order-inner .box .form .data.checkbox label span {    cursor: pointer;}


.order-inner .box .form.order-pack.full-width {    display: inherit;}
.order-inner .box .form.order-pack.full-width .name {    padding-top: 0;}
.order-inner .box .form.order-pack.full-width .data.checkbox label ,
.order-inner .box .form.agreement.order-pack .data label {    border: solid 1px #bbbbbb;    padding: 5px 15px 15px 15px;    margin: 18px 0 0 0;    border-radius: 6px 6px;    cursor: pointer;}









.form .data ul.data-checklist {      font-size: 15px;     margin: 8px 0 0 0; }
.form .data ul.data-checklist li {     position: relative;   margin: 0 0 5px 0;     padding: 0 0 0 30px;     -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;}

.form .data ul.data-checklist li p {    margin: 0 0;}

.form .data ul.data-checklist li:before {    position: absolute;    content: "";    width: 8px;    height: 8px; background-color:#bbbbbb;    border-radius: 20px 20px;    left: 0;    top: 7px;       -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;}

.form .data ul.data-checklist.checked li:before {  top: 4px;   width: 16px;    height: 16px;   background-color: #30c167;       border-radius: 4px 4px;  background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/08/check-white.webp);    background-size: 10px;    background-repeat: no-repeat;    background-position: 50% 50%; }

.form .data ul.data-checklist.checked li {    color: #0d8d3e;}

.form .data ul.data-checklist li a {  color: #1a668e;    -webkit-box-shadow: none;    text-decoration: underline;    font-size: 14px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/08/tablink-icon.webp);    background-repeat: no-repeat;    background-size: 16px;    background-position: 0 3px;    padding: 0 0 0 24px;}
.order-inner .box .form .data.checkbox span.wpcf7-form-control-wrap + p a:hover {    text-decoration: none;}



table.side-note {     font-size: 14px;}
table.side-note th , table.side-note td { padding: 6px 10px;}
table.side-note th {    background-color: #eeeeee;  }
table.side-note td{ background-color: #f5f5f5; }


span.linebeige {    box-shadow: inset 0 -4px 0 #fbe9a9;}

.order-inner .box .form .data.checkbox span.wpcf7-not-valid-tip, 
span.wpcf7-not-valid-tip {    font-size: 12px;}

.order-inner .warning-label {     position: relative;    border: solid 2px #d74040;    background-color: #ffefef;    padding: 15px 15px 15px 54px;  margin: 0 0 24px 0;  border-radius: 6px 6px;}
.order-inner .warning-label p {    margin: 0 0;    font-size: 92%;}
.order-inner .warning-label:before {    content: "?";    position: absolute;    font-size: 15px;    left: 23px;    top: 16px;    font-weight: 700;}
.order-inner .warning-label:after {    content: "";    position: absolute;    left: 16px;    top: 16px;    width: 22px;    height: 22px;    border: solid 2px #202020;    border-radius: 28px 28px;}

.order-inner .warning-label.gray {    border: solid 2px #a1a1a1;    background-color: #f5f5f5;}



.order-inner .box .form .data.software p {    margin: 0 0 12px 0;}

.order-inner .box .form .data.software ul {    margin: 24px 0 0 0;    font-size: 14px;}
.order-inner .box .form .data.software ul li:first-child {    padding: 0 0;}
.order-inner .box .form .data.software ul li {    position: relative;    margin: 0 0 12px 0;    padding: 0 0 0 24px;}
.order-inner .box .form .data.software ul li:before {    content: "";    position: absolute;    display: block;    width: 10px;    height: 10px;    background-color: #2b2b2b;    border-radius: 10px;    top: 6px;  left: 0;}
.order-inner .box .form .data.software ul li:first-child:before {    content: none;}

.form .data.software input.software-input {    margin-top: 12px;}





.order-inner .box .form .data.software ul li span.form-link ,
.order-inner .box .form .data.prepreg span.form-link ,
.order-inner .box .form.zip .data .form-link ,
.order-inner .box .form.textarea .data p .form-link ,
.order-inner .box .form.squarepipe-size .data table.side-note td .form-link ,
.order-inner .box .form.parts-detail-text .form-link {    display: inline-block;    margin: 0 0;    color: #1a668e;    -webkit-box-shadow: none;    text-decoration: underline;    font-size: 14px; font-weight:normal;  background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/09/popuplink-icon.webp);    background-repeat: no-repeat;    background-size: 16px;    background-position: 0 3px;    padding: 0 0 0 24px; cursor: pointer; }

.order-inner .box .form .data.software ul li span.form-link:hover, 
.order-inner .box .form .data.prepreg span.form-link:hover ,
.order-inner .box .form.zip .data .form-link:hover ,
.order-inner .box .form.textarea .data p .form-link:hover ,
.order-inner .box .form.squarepipe-size .data table.side-note td .form-link:hover {    text-decoration: none;  }


.order-inner .box .form.zip .name span ,
.order-inner .box .form.upload .name span {    display: block;    font-size: 80%;     font-weight: normal; }



.order-inner .box .form .name span.title-popuplink.modalbtn {    position: relative;    display: inline-block;    width: 20px;    height: 20px;    font-size: 12px;    text-align: center;    background-color: #1a668e;    color: #FFFFFF;    border-radius: 24px 24px;    top: -2px;    margin: 0 0 0 10px;    cursor: pointer;}
.order-inner .box .form .name span.title-popuplink.modalbtn:hover {    background-color: #2b80ad;}











.order-inner .box .form.upload .data input[type="file"] ,
.order-inner .box .form.zip .data input[type="file"] {    display: none;}

.order-inner .box .form.upload .data label , 
.order-inner .box .form.zip .data label {       display: inline-block;    position: relative;    padding: 12px 22px 6px 50px;    font-size: 15px;    font-weight: 700;    background-color: #3675b9;    color: #FFFFFF;    cursor: pointer;    border-radius: 6px 6px;    width: 226px;    height: 66px; background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/04/uploadicon-button.webp);    background-repeat: no-repeat;    background-size: 23px;    background-position: 15px 21px;}

.order-inner .box .form.upload .data label:hover, .order-inner .box .form.zip .data label:hover {    background-color: #5590cf;}


.order-inner .box .form.upload .data.data-1m label:before ,
.order-inner .box .form.upload .data.data-3m label:before ,
.order-inner .box .form.zip .data.data-zip-5m label:before {    position: absolute;    left: 50px;    top: 33px;    font-size: 12px;    font-weight: normal;}

.order-inner .box .form.upload .data.data-1m label:before {    content: "ファイルサイズは1MB以内";}
.order-inner .box .form.upload .data.data-3m label:before {    content: "ファイルサイズは3MB以内";}
.order-inner .box .form.zip .data.data-zip-5m label:before{    content: "ファイルサイズは5MB以内";}



.order-inner .box .form.upload .data label + p ,
.order-inner .box .form.zip .data label + p  {    display: inline-block;    margin: 0 0 0 15px;    padding: 0 0 0 30px;    font-size: 13px;      background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/08/upload-non.webp);    background-repeat: no-repeat;    background-size: 20px;    background-position: 0 0px;}
.order-inner .box .form.upload .data label + p.upload , 
.order-inner .box .form.zip .data label + p.upload {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/08/upload-on.webp);}

.order-inner .box .form.upload .data input[type="button"] ,
.order-inner .box .form.zip .data input[type="button"] {    font-size: 11px;    margin: 0 0 0 18px;    padding: 6px 8px;    font-weight: normal;}



.order-inner .box .form.parts-detail-text .data input[type="text"] {    width: 137px;    display: inline-block;    margin: 0 17px 0 0;}
.order-inner .box .form.parts-detail-text .data select {    width: 137px;    height: 45px;    display: inline-block;    margin: 0 17px 0 0;}

.order-inner .box .form.size-icon.parts-detail-text.squarepipe-size .data select {    width: 184px;}

.order-inner .box .form .data span.unit {    display: inline-block;    font-size: 14px;    position: relative;    top: 12px;}
.order-inner .box .form .data span.unit + p {    display: inline-block;    font-size: 13px;  position: relative;    top: 12px;    margin: 0 0 0 22px;}


.order-inner .box .form .data.prepreg span.wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::after , 
.order-inner .box .form .data.prepreg span.wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::after{ content:none; }


.order-inner .box .form .data .prepreg input[type="radio"] + span , 
.order-inner .box .form .data .texture input[type="radio"] + span ,
.order-inner .box .form .data .completion input[type="radio"] + span { font-size:14px; font-weight:normal; }

.order-inner .box .form .data .prepreg label , 
.order-inner .box .form .data .texture label ,
.order-inner .box .form .data .completion label {border: solid 1px #bebebe;border-radius: 5px 5px;padding: 10px 12px 10px 12px;cursor: pointer;margin: 0 0;}


.order-inner .box .form .data .prepreg span.wpcf7-list-item:nth-child(1) {    height: auto;    line-height: inherit !important;}

.order-inner .box .form .data .prepreg .wpcf7-list-item , 
.order-inner .box .form .data .texture .wpcf7-list-item , 
.order-inner .box .form .data .completion .wpcf7-list-item { margin: 0 12px 0 0; }

.order-inner .box .form.zip .data label + p + p {    font-size: 14px;    margin: 12px 0 24px 0;}




.order-inner .box .form.size-icon .data {    padding: 0 0;    margin: 0 0 10px 0;}
.order-inner .box .form.size-icon .name {    padding-top: 25px;}
.order-inner .box .form.size-icon .name:before {    top: 26px;}
.order-inner .box .form.size-icon img {    position: relative;    top: 15px;    margin: 0 15px 0 0;}



.order-inner .box .form.customize {  margin:10px 0;}
.order-inner .box .form.customize .name {  padding-top: 32px;}

.order-inner .box .form.customize .data .wpcf7-list-item {    margin: 0 12px 0 0;}

.order-inner .box .form.customize .data .wpcf7-list-item label {    border: solid 1px #bebebe;    border-radius: 5px 5px;    padding: 10px 12px 10px 12px;    cursor: pointer;    line-height: 37px;    font-size: 14px;}




.order-inner .box .form.customize .data .wpcf7-list-item.checked label ,
.order-inner .box .form .data .hole-customize .wpcf7-list-item.checked label ,
.order-inner .box .form.delivery .data .wpcf7-list-item.checked label ,
.order-inner .box .form.delivery-slip.nouhin .data .wpcf7-list-item.checked label {    border: solid 1px #6fb2d5;    background-color: #f2f9fc;}

.order-inner .box .form.customize .data .wpcf7-list-item label:hover ,
.order-inner .box .form .data .hole-customize .wpcf7-list-item label:hover ,
.order-inner .box .form.delivery .data .wpcf7-list-item label:hover ,
.order-inner .box .form.delivery-slip.nouhin .data .wpcf7-list-item label:hover {    background-color: #f3f3f3;}

.order-inner .box .form.customize .data .wpcf7-list-item.checked label:hover ,
.order-inner .box .form .data .hole-customize .wpcf7-list-item.checked label:hover ,
.order-inner .box .form.delivery .data .wpcf7-list-item.checked label:hover ,
.order-inner .box .form.delivery-slip.nouhin .data .wpcf7-list-item.checked label:hover {    background-color: #f2f9fc;}

.order-inner .box .form.customize .data .compcheck .wpcf7-list-item label:hover ,
.order-inner .box .form .data .hole-customize .wpcf7-list-item label:hover ,
.order-inner .box .form.delivery .data .wpcf7-list-item label:hover ,
.order-inner .box .form.delivery-slip.nouhin .data .wpcf7-list-item label:hover {    background: inherit;}



.order-inner .box .form .data p.atumichui {    position: relative;    margin: 24px 0 6px 0;    padding: 0 0 0 30px;    font-size: 14px;}
.order-inner .box .form .data p.atumichui:before {    content: "";    position: absolute;    left: 0;    top: 1px;    width: 20px;    height: 20px;    border-radius: 16px 16px;    border: solid 2px #404040;}
.order-inner .box .form .data p.atumichui:after {    content: "!";    position: absolute;    left: 7.5px;    top: 0;    font-weight: 700;    font-size: 13px;}

.order-inner .box .form .data p.atumichui:first-child {    margin-top: 0;}


.order-inner .box .form.customize .name:before {    top: 33px;}


.order-inner .box .form .data .compcheck , 
.order-inner .box .form .data .compcheck2 , 
.order-inner .box .form .data .compcheck3 ,
.order-inner .box .form .data .compcheck4 ,
.order-inner .box .form .data .compcheck5 ,
.order-inner .box .form .data .compcheck6 {    margin: 16px 0 32px 0;}

.order-inner .box .form .data .compcheck p , 
.order-inner .box .form .data .compcheck2 p , 
.order-inner .box .form .data .compcheck3 p ,
.order-inner .box .form .data .compcheck4 p ,
.order-inner .box .form .data .compcheck5 p , 
.order-inner .box .form .data .compcheck6 p {    font-size: 14px;    color: #e23a00;    margin: 0 0 0 0;}

.order-inner .box .form .data .compcheck p .wpcf7-list-item label , 
.order-inner .box .form .data .compcheck2 p .wpcf7-list-item label , 
.order-inner .box .form .data .compcheck3 p .wpcf7-list-item label {    border: none;    padding: 0 0;    line-height: inherit;}

.order-inner .box .form .data .compcheck p .wpcf7-list-item label span.wpcf7-list-item-label , 
.order-inner .box .form .data .compcheck2 p .wpcf7-list-item label span.wpcf7-list-item-label  , 
.order-inner .box .form .data .compcheck3 p .wpcf7-list-item label span.wpcf7-list-item-label  {    font-weight: normal;}


.order-inner .box .form .linfo2, 
.order-inner .box .form .linfo3 {    margin: 24px 0 0 0;    display: inline-block;    padding: 15px 24px 15px 44px;    background-color: #fff;    border: solid 1px #bebebe;    border-radius: 6px 6px;    font-size: 90%;    cursor: pointer;    position: relative;    transition: ease 0.2s opacity;    -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;}

.order-inner .box .form .linfo2 span , 
.order-inner .box .form .linfo3 span{    display: inline-block;    box-sizing: border-box;    position: absolute;    left: 15px;    width: 14px;    height: 2px;    background-color: #2e82d8;    transition: all .5s;}

.order-inner .box .form .linfo2 span:nth-of-type(1) , 
.order-inner .box .form .linfo3 span:nth-of-type(1){    top: 13px;    transform: translateY(12px) rotate(90deg);}

.order-inner .box .form .linfo2 span:nth-of-type(2) , 
.order-inner .box .form .linfo3 span:nth-of-type(2){    top: 13px;    transform: translateY(12px) rotate(0deg);}

.order-inner .box .form .linfo2:hover, 
.order-inner .box .linfo3:hover{    background-color: #e2e2e2;}

.order-inner .box .form .linfo2.active span:nth-of-type(1) , 
.order-inner .box .form .linfo3.active span:nth-of-type(1){    transform: translateY(12px) rotate(-45deg);    background-color: #3e3e3e;}

.order-inner .box .form .linfo2.active span:nth-of-type(2) , 
.order-inner .box .form .linfo3.active span:nth-of-type(2){    top: 13px;    transform: translateY(12px) rotate(-135deg);    background-color: #3e3e3e;}

.order-inner .box .form .linfo2.active , 
.order-inner .box .form .linfo3.active {    margin-bottom: 24px;}


.order-inner .box .form.zip {    margin: 32px 0 24px 0;}




.board-form-detail .inner {   display: none;}
.board-form-detail .inner.active {   display: block;}

ul.board-chois {    display: flex;    justify-content: space-between;    cursor: pointer;}
ul.board-chois li {width: 48%;margin-right: 10px;border: solid 3px #dedede;border-radius: 6px 6px;padding: 15px 26px;text-align: left;}
ul.board-chois li:last-child {    margin-right: 0;}
ul.board-chois li p {margin: 0 0;font-weight: 700;}

ul.board-chois li.active {    border: solid 3px #6fb2d5;    background-color: #f2f9fc;}
ul.board-chois li.active p {color: #1b7fb3;}

ul.board-chois li:hover {    background-color: #f3f3f3;}
ul.board-chois li.active:hover {    background-color: #f2f9fc;}
.order-inner .box .form .data.checkbox ul.board-chois li p span {    display: block;    font-size: 14px;}


.order-inner .box .form .data .hole-customize .hole label ,
.order-inner .box .form .data .hole-customize .angle label {    border: solid 1px #bebebe;    border-radius: 5px 5px;    padding: 4px 12px;    cursor: pointer;    line-height: 37px;    font-size: 14px;    font-weight: normal;}


.order-inner .box .form .data .hole-customize .hole .wpcf7-list-item , 
.order-inner .box .form .data .hole-customize .angle .wpcf7-list-item  {    margin: 0 12px 0 0;}



.order-inner .box .form .data .hole-customize .hole  {    margin: 0 0 18px 0;}
.order-inner .box .form .data .hole-customize img.left-img {    float: left;    width: 32%;    margin: 0 6% 36px 0;}
.order-inner .box .form .data .hole-customize .detail {    float: right;    width: 62%;    margin: 0 0 36px 0;}
.order-inner .box .form .data .hole-customize:after {    content: "";    display: block;    clear: both;}
.order-inner .box .form .data .hole-customize .detail p {    font-size: 14px;    margin: 0 0 7px 0;}
.order-inner .box .form .data .hole-customize .detail p span.list {    display: inline-block;    width: 136px;    position: relative;    padding: 0 0 0 18px;}
.order-inner .box .form .data .hole-customize .detail p span.list:before {    content: "";    position: absolute;    display: block;    width: 4px;    height: 20px;    background-color: #6fb2d5;    border-radius: 4px 4px;    left: 0;    top: 2px;}
.order-inner .box .form .data .hole-customize .detail p span.list + span {    width: 130px;    display: inline-block;    margin: 0 5px 0 0;}


.order-inner .box .form .data ul.angle-list01 , 
.order-inner .box .form .data ul.angle-list02 , 
.order-inner .box .form .data ul.angle-list03{    display: flex;}

.order-inner .box .form .data ul.angle-list01 li ,
.order-inner .box .form .data ul.angle-list02 li ,
.order-inner .box .form .data ul.angle-list03 li{    display: flex;    border: solid 1px #bebebe;    border-radius: 5px 5px;    padding: 12px 20px;    cursor: pointer;    line-height: 37px;    font-weight: normal;}

.order-inner .box .form .data ul.angle-list01 li p , 
.order-inner .box .form .data ul.angle-list02 li p ,
.order-inner .box .form .data ul.angle-list03 li p {    margin: 4px 0 0 0;    font-size: 14px;}

.order-inner .box .form .data ul.angle-list01 li img ,
.order-inner .box .form .data ul.angle-list02 li img ,
.order-inner .box .form .data ul.angle-list03 li img {    margin: 0 18px 0 0;}

.order-inner .box .form .data ul.angle-list01 li:first-child ,
.order-inner .box .form .data ul.angle-list02 li:first-child ,
.order-inner .box .form .data ul.angle-list03 li:first-child {    margin: 0 18px 0 0;}

.order-inner .box .form .data ul.angle-list01 li.active ,
.order-inner .box .form .data ul.angle-list02 li.active ,
.order-inner .box .form .data ul.angle-list03 li.active {    border: solid 1px #6fb2d5;    background-color: #f2f9fc;}

.order-inner .box .form .data ul.angle-list01 li.active:hover ,
.order-inner .box .form .data ul.angle-list02 li.active:hover ,
.order-inner .box .form .data ul.angle-list03 li.active:hover {    background-color: #f2f9fc;}

.order-inner .box .form .data ul.angle-list01 li:hover ,
.order-inner .box .form .data ul.angle-list02 li:hover ,
.order-inner .box .form .data ul.angle-list03 li:hover {    background-color: #f3f3f3;}



.angle-inner01.active , .angle-inner02.active , .angle-inner03.active {    display: block;}

.order-inner .box .form .data .square-parts + p {    font-size: 14px;}

.form.agreement .data span {    font-weight: normal;    cursor: pointer;}



.order-inner .box .form.delivery {    margin: 18px 0 8px 0;}


.order-inner .box .form.delivery .name {    padding-top: 28px;}
.order-inner .box .form.delivery .name:before {    top: 29px;}
.form.delivery .data label {    border: solid 1px #bebebe;    border-radius: 5px 5px;    padding: 10px 12px 10px 12px;    cursor: pointer;    line-height: 37px;    font-size: 14px;    font-weight: normal;}
.form.delivery .data .wpcf7-list-item {    margin: 0 12px 0 0;}

.form.agreement .data a.form-link {    color: #1a668e;    -webkit-box-shadow: none;    text-decoration: underline;    font-size: 14px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/08/tablink-icon.webp);    background-repeat: no-repeat;    background-size: 16px;    background-position: 0 3px;    padding: 0 0 0 24px;}
.form.agreement .data a.form-link:hover {    text-decoration: none;}


.form.payment .data span {    font-size: 15px;    font-weight: normal;    cursor: pointer;}
.form.payment .data table.side-note {    margin: 24px 0 0 0;}
.form.payment .data table.side-note td img {    width: 240px;}

picture.formpayment-img {    display: block;    margin: 60px auto 0 auto;    text-align: center;}

.order-inner .box .form .data textarea {    height: 160px;}

.form.cfrp .data select {    margin: 0 0 12px 0;}
.form.cfrp .data span {    font-size: 15px;    font-weight: normal;    cursor: pointer;}
.form.cfrp .data span.wpcf7-list-item {    width: 30%;    margin: 0 0;}
.form.cfrp .data input[type="text"] {    margin: 0 0 24px 0;}


.order-inner .box .form .data span.unit + p.red {    color: #e23a00;}

.form.size-icon.parts-detail-text.pipesize .data {    margin: 0 0;}
.form.size-icon.parts-detail-text.pipesize .data .wpcf7-list-item {    margin: 0 12px 0 0;}
.form.size-icon.parts-detail-text .data .wpcf7-list-item label {    border: solid 1px #bebebe;    border-radius: 5px 5px;    padding: 10px 12px 10px 12px;    cursor: pointer;    line-height: 37px;    font-size: 14px;     font-weight: normal;}
.form.size-icon.parts-detail-text .data .wpcf7-list-item.checked label {    border: solid 1px #6fb2d5;    background-color: #f2f9fc;}
.form.size-icon.parts-detail-text .data .wpcf7-list-item label:hover {    background-color: #f3f3f3;}
.form.size-icon.parts-detail-text .data .wpcf7-list-item.checked label:hover {    background-color: #f2f9fc;}


.order-inner .box .form.textarea .data {    padding-top: 18px;}
.order-inner .box .form.textarea .data p {    font-size: 14px;}

.order-inner .box .form.squarepipe-size .data {    padding-top: 26px;}

.order-inner .box .form.squarepipe-size .data .detail-select {    display: flex;    margin: 30px 0 0 0;}
.order-inner .box .form.squarepipe-size .data .detail-select img {    top: -13px;}

.order-inner .box .form.squarepipe-size .data .detail {    display: flex;}
.order-inner .box .form.squarepipe-size .data img {    top: -6px;}



.form.squarepipedata .data .addbutton ,
.form.squarepipe-size .data .addbutton {    margin: 0 0;    display: inline-block;    padding: 8px 15px 8px 44px;    background-color: #fff;    border: dotted 1px #999999;    border-radius: 6px 6px;    font-size: 86%;    cursor: pointer;    position: relative;    transition: ease 0.2s opacity;    -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;    }


.form.squarepipe-size .data .addbutton span , 
.form.squarepipedata .data .addbutton span{    display: inline-block;    box-sizing: border-box;    position: absolute;    left: 15px;    width: 14px;    height: 2px;    background-color: #2e82d8;    transition: all .5s;}

.form.squarepipe-size .data .addbutton span:nth-of-type(1) , 
.form.squarepipedata .data .addbutton span:nth-of-type(1) {top: 6px; transform: translateY(12px) rotate(90deg);}


.form.squarepipe-size .data .addbutton span:nth-of-type(2) ,
.form.squarepipedata .data .addbutton span:nth-of-type(2) {top: 6px; transform: translateY(12px) rotate(0deg);}

.form.squarepipe-size .data .addbutton:hover ,
.form.squarepipedata .data .addbutton:hover {    background-color: #e2e2e2;}

.form.squarepipe-size .data .addbutton.active span:nth-of-type(1) ,
.form.squarepipedata .data .addbutton.active span:nth-of-type(1) {    transform: translateY(12px) rotate(-45deg);    background-color: #3e3e3e;}

.form.squarepipe-size .data .addbutton.active span:nth-of-type(2) ,
.form.squarepipedata .data .addbutton.active span:nth-of-type(2) {    top: 6px;  transform: translateY(12px) rotate(-135deg);    background-color: #3e3e3e;}

.order-inner .box .form.parts-detail-text.upload.squarepipedata .data .detail {    margin: 0 0 12px 0;}



.square-pipe-addition .type01-group02.kikakuwk ,
.square-pipe-addition .type01-group03.kikakuwk ,
.square-pipe-addition .type01-group04.kikakuwk ,
.square-pipe-addition .type01-group05.kikakuwk ,
.square-pipe-addition .type02-group02.kikakuwk ,
.square-pipe-addition .type02-group03.kikakuwk ,
.square-pipe-addition .type02-group04.kikakuwk ,
.square-pipe-addition .type02-group05.kikakuwk ,
.square-pipe-addition .type03-group02.kikakuwk ,
.square-pipe-addition .type03-group03.kikakuwk ,
.square-pipe-addition .type03-group04.kikakuwk ,
.square-pipe-addition .type03-group05.kikakuwk {    border: solid 1px #bebebe;    border-radius: 6px 6px;    padding: 24px 24px;}



.form.squarepipedata .data .kikakuwk .addbutton ,
.form.squarepipe-size .data .kikakuwk .addbutton{    border: none;    margin-bottom: 20px;}



.form.squarepipedata .data .kikakuwk .addbutton span:nth-of-type(1) ,
.form.squarepipe-size .data .kikakuwk .addbutton span:nth-of-type(1) {    transform: translateY(12px) rotate(135deg);    background-color: #464646;}

.form.squarepipedata .data .kikakuwk .addbutton span:nth-of-type(2) ,
.form.squarepipe-size .data .kikakuwk .addbutton span:nth-of-type(2) {    transform: translateY(12px) rotate(-135deg);    background-color: #464646;}


.type01-group02 ,.type01-group03 ,.type01-group04 ,.type01-group05 ,
.type02-group02 ,.type02-group03 ,.type02-group04 ,.type02-group05 ,
.type03-group02 ,.type03-group03 ,.type03-group04 ,.type03-group05 {    margin: 24px 0;}











.order-inner .box .form .data input#zip {    width: 240px;}
div#autozip {   background-color: #ffffff !important;    border: solid 2px #6fb2d5;    padding: 14px 14px !important;}
#zip_header {    font-weight: normal;    color: #111111 !important;}
#zip_body a, #zip_count a {    font-weight: normal;    color: #222222 !important;    background-color: #dbdbdb !important;    padding: 3px 10px 3px 2px;    display: inline-block;    margin: 0 0 5px 0;    border-radius: 3px 3px;}
#zip_body a:hover, #zip_count a:hover {    font-size: 100% !important;    background-color: #d0e3e7 !important;    color: #0c3c97;}
#zip_count {    color: #12609f !important;    font-weight: normal;    font-size: 11px;    margin: 0 16px 0 0;    position: relative;    top: 3px;}
span#zip_close a {    background-color: #12609f !important;    color: #FFFFFF;    font-weight: normal;    display: inline-block;    padding: 3px 6px 3px 3px;    border-radius: 3px 3px;}
span#zip_close a:hover {    font-size: 100% !important;    background-color: #34aacb !important;}
span#zip_footer a {    display: none;}
span#zip_close {    float: right;}





.form.delivery-slip.nouhin .data {    padding-top: 18px;}
.form.delivery-slip.nouhin .data label {    border: solid 1px #bebebe;    border-radius: 5px 5px;    padding: 10px 12px 10px 12px;    cursor: pointer;    line-height: 37px;    font-size: 14px;    font-weight: normal;}
.form.delivery-slip.nouhin .data .wpcf7-list-item {    margin: 0 12px 0 0;}



.confirmation {  margin: 15px 0;}

.confirmation p.cf-midashi-1 {    position: relative;    font-size: 15px;    font-weight: 700;     padding: 20px 0 0 18px;    margin: 0 0 24px 0;}

p.cf-midashi-1:before {    content: "";    position: absolute;    display: block;    width: 4px;    height: 20px;    background-color: #6fb2d5;    border-radius: 4px 4px;    left: 0;    top: 21px;}

p.cf-midashi-2 {    position: relative;    font-size: 15px;    font-weight: 700;    padding: 0 0;    margin: 42px 0 12px 0;}

.customer-box {  margin: 20px 0;}
.cf-midashi-2 {  margin: 10px 0 0 0;}

.boarddata-zip-textarea ,.your-message , .textarea-payment{  white-space: pre-wrap;}


.btnstyle-group {    display: flex;    justify-content: space-between;    width: 70%;    margin: 60px auto 0 auto;}

.btnstyle {    position: relative;    width: 320px;    font-size: 15px;    font-weight: 700;    padding: 23px 0;   border-radius: 8px 8px;    background-color: #1a668e;    color: #FFFFFF;    text-align: center;    cursor: pointer;  -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;}

.btnstyle:before {    position: absolute;    content: "";    top: calc(50% - 4px);    right: 24px;    width: 8px;    height: 8px;    border-top: 2px solid #ffffff;    border-right: 2px solid #ffffff;    -webkit-transform: rotate( 45deg );    transform: rotate( 45deg );    }

.btnstyle:hover {    background-color: #2186a3;}


.btnstyle.bnext1 {    margin: 60px auto 0 auto;}

.btnstyle.bback1 , .btnstyle.bback2 , .btnstyle.bback3, .btnstyle.bback4, .btnstyle.bback5 {    background-color: #979797;}
.btnstyle.bback1:before ,.btnstyle.bback2:before ,.btnstyle.bback3:before ,.btnstyle.bback4:before ,.btnstyle.bback5:before {    right: inherit;    left: 24px;    -webkit-transform: rotate( 225deg );    transform: rotate( 225deg );}
.btnstyle.bback1:hover ,.btnstyle.bback2:hover ,.btnstyle.bback3:hover ,.btnstyle.bback4:hover ,.btnstyle.bback5:hover {    background-color: #b1b1b1;}


.secwaku.kirikae2 ,.secwaku.kirikae3 {  display: none;}

.order-inner .box p.form-error {    margin: 10px 0;    color: #ed111b;    font-size: 12px;    background-color: #f9ebeb;    display: inline-block;    padding: 2px 12px;  }

.confirmation table th {    width: 28%;    border-right: solid 1px #bebebe;    border-bottom: solid 1px #bebebe;    background-color: #efefef;    padding: 6px 10px 5px 10px;}
.confirmation table td {    width: 72%;    border-right: solid 1px #bebebe;    border-bottom: solid 1px #bebebe;    background-color: #FFFFFF;    padding: 6px 10px 5px 10px;}
.confirmation table td p {    margin: 0 0;}
.confirmation table {    font-size: 14px;    border-top: solid 1px #bebebe;    border-left: solid 1px #bebebe;}
.confirmation table td.unitmm p {    display: inline-block;}
.confirmation table td.unitmm span {    display: inline-block;    margin: 0 0 0 5px;}


.btnstyle-group.last-form {    width: 80%;    flex-wrap: wrap;}
.btnstyle-group.last-form .mitumori-btn {    width: 100%;    display: block;    text-align: center;}
.btnstyle-group.last-form .btnstyle {    width: 30%;}
.btnstyle-group.last-form .mitumori-btn input[type="submit"] {    width: 45%;    margin: 0 auto;    position: relative;    font-size: 15px;    font-weight: 700;    padding: 32px 0;    border-radius: 8px 8px;    background-color: #1a668e;    color: #FFFFFF;    text-align: center;    cursor: pointer;    -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;}

.btnstyle-group.last-form .mitumori-btn span {    display: block;    margin: 12px auto;}
.btnstyle-group.last-form .mitumori-btn input[type="submit"]:hover {    background-color: #2186a3;}


.page-id-7554 header.entry-header ,
.page-id-7558 header.entry-header ,
.page-id-7566 header.entry-header ,
.page-id-7568 header.entry-header ,
.page-id-7562 header.entry-header ,
.page-id-7564 header.entry-header  {    text-align: center;    padding: 0 0;    margin-bottom: 38px;}



.page-id-7554 .site-content-contain ,
.page-id-7558 .site-content-contain ,
.page-id-7566 .site-content-contain ,
.page-id-7568 .site-content-contain ,
.page-id-7562 .site-content-contain ,
.page-id-7564 .site-content-contain {    background-color: #f7f7f7;}



.order-inner .order-pack {    background-color: #FFFFFF;    border-radius: 6px 6px;    padding: 4% 4%;    margin: 0 0 24px 0;}




p.first-text {    text-align: center;    margin: 0 0;}

.modalArea {  display: none;  position: fixed;  z-index: 7777777;  top: 0;  left: 0;  width: 100%;  height: 100%;}
.modalBg {  width: 100%;  height: 100%;  background-color: rgb(30 30 30 / 66%);}
.modalWrapper {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%,-50%);    width: 70%;    max-width: 500px;    padding: 26px 30px;    border-radius: 10px 10px;    box-shadow: 0 1px 7px #00000063;    color: #FFFFFF;    background-color: #42414d;}
.modalContents p {    font-size: 14px;}
.modalWrapper ul {    display: flex;    justify-content: flex-end;    margin: 0 0;    font-size: 14px;}
.modalWrapper ul li {    margin: 0 0 0 13px;    padding: 7px 14px;    font-weight: 600;    border-radius: 4px 4px;    cursor: pointer;}
.modalWrapper ul li:first-child {    background-color: #00ddff;    color: #42414d;}
.modalWrapper ul li:last-child {        background-color: #56555e;        color: #ffffff;}
.modalWrapper ul li:last-child:hover {    background-color: #71707a;}
.modalWrapper ul li:first-child:hover {    background-color: #6debff;}














.order-inner.contact .box {    margin: 0 0;}
.order-inner.contact .box .form .name:before {    content:none;}
.order-inner.contact .box .form.data-upload .data {    padding-top: 20px;}
.order-inner.contact .box .form.data-upload .data p {    margin: 0 0 12px 0;}
.order-inner.contact .box .form.data-upload .data .File-box {    margin: 0 0 24px 0;}
.order-inner.contact .box .form.data-upload .data .File-box input {    font-size: 14px;}
.order-inner.contact .box .form .data textarea {    margin: 0 0 24px 0;    height: 260px;}
.order-inner.contact .box .form .data checkbox {    font-size: 14px;}
.order-inner.contact .box .form .data input[type="checkbox"] + span.wpcf7-list-item-label{ font-weight:normal; font-size: 15px; }
.order-inner.contact .box .form .data select {    height: 45px;    display: inline-block;    margin: 0 17px 0 0;}
.contact-send {    margin: 90px auto;    text-align: center;}
.contact-send input[type="submit"] {    position: relative;    width: 280px;    font-size: 15px;    font-weight: 700;    padding: 30px 0;    border-radius: 8px 8px;    color: #FFFFFF;    text-align: center;    cursor: pointer;    -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;}


.order-inner.contact .box .form.radio {    margin: 12px 0;}
.order-inner.contact .box .form.radio .data .wpcf7-list-item label {    border: solid 1px #bebebe;    border-radius: 5px 5px;    padding: 2px 12px 2px 10px;    cursor: pointer;    line-height: 37px;    font-size: 14px;    font-weight: normal;}
.order-inner.contact .box .form.radio span.wpcf7-list-item {    margin: 0 8px 0 0;}



.order-inner.contact .box .form .data.rental_list {    padding-top: 20px;}
.order-inner.contact .box .form .data.rental_list ul {    margin: 0 0;    font-size: 15px;}
.order-inner.contact .box .form .data.rental_list ul li {    position: relative;    margin: 0 0 5px 0;    padding: 0 0 0 24px;}
.order-inner.contact .box .form .data.rental_list ul li:before {    position: absolute;    content: "";    width: 10px;    height: 10px;    background-color: #222222;    border-radius: 20px 20px;    left: 0;    top: 6px;}
.order-inner.contact .box .form .data.rental_list ul li a {    color: #e03a00;    -webkit-box-shadow: inset 0 -1px 0 #e03a00;    box-shadow: inset 0 -1px 0 #e03a00;}
.order-inner.contact .box .form .data.rental_list ul li a:hover {    color: #1673bd;    -webkit-box-shadow: inset 0 -1px 0 #1673bd;    box-shadow: inset 0 -1px 0 #1673bd;}


.successful {    border: solid 4px #dfdfdf;  background-color: #FFFFFF;  border-radius: 20px 20px;    padding: 6% 6%;}
.successful img {    margin: 0 auto 40px auto;    display: block;}
.successful img + p {    text-align: center;    font-weight: 700;    font-size: 17px;}
.successful p a {    color: #e03a00;    font-weight: 600;    -webkit-box-shadow: inset 0 -1px 0 #e03a00;    box-shadow: inset 0 -1px 0 #e03a00;}
.successful p a:hover {    color: #1673bd;    -webkit-box-shadow: inset 0 -1px 0 #1673bd;    box-shadow: inset 0 -1px 0 #1673bd;}
.successful p + a {    margin: 40px auto 0 auto;    width: 180px;    font-size: 15px;    text-align: center;    display: block;    background-color: #222222;    color: #FFFFFF;    box-shadow: none;    padding: 14px 24px;    border-radius: 6px 6px;}
.successful p + a:hover {    background-color: #5a5a5a;    color: #FFFFFF;}



.order-inner.contact .box .form.radio span.wpcf7-list-item.last.has-free-text {    width: inherit;    display: flex;}
.order-inner.contact .box .form.radio span.wpcf7-list-item.last.has-free-text input[type="text"] {    width: 200px !important;    margin: 0 0 0 10px;    padding: 2px 10px !important;    height: 43px;}


.error-form-message {    margin: 42px 0;    background-color: #FFFFFF;    padding: 24px 24px;    border-radius: 4px 4px;}
.error-form-message p {    margin: 0 0;}
.entry-content .error-form-message p a ,
.error-form-message p a {    color: #e03a00;    font-weight: 600;    -webkit-box-shadow: inset 0 -1px 0 #e03a00;    box-shadow: inset 0 -1px 0 #e03a00;}
.entry-content .error-form-message p a:hover ,
.error-form-message p a:hover{    color: #1673bd;    -webkit-box-shadow: inset 0 -1px 0 #1673bd;    box-shadow: inset 0 -1px 0 #1673bd;}




section.header-main-slide {    padding-top: 70px;}
section.header-main-slide .swiper-slide {    box-shadow: none;    border-radius: 0;    overflow: inherit;}
section.header-main-slide .swiper-container {  padding: 0 0;  }

section.header-main-slide .swiper-slide a:hover:before {    content: none;}
section.header-main-slide .swiper-slide a:hover {   background-color:inherit; }

section.header-main-slide .swiper-pagination {       margin-top: -130px;    position: absolute;    z-index: 10;    left: calc(50% - 62px);}

section.header-main-slide .swiper-button-prev ,section.header-main-slide .swiper-button-next {    opacity: 0.8;    border: solid 1px #222222;    border-radius: 30px 30px;    transform: inherit;    width: 32px;    height: 32px;}

section.header-main-slide .swiper-button-prev:before {    content: "";    position: absolute;    width: 8px;    height: 8px;    left: 9px;    right: auto;    border-left: 2px solid #222222;    border-bottom: 2px solid #222222;    transform: rotate(45deg);}

section.header-main-slide .swiper-button-next:before {    content: "";    position: absolute;    width: 8px;    height: 8px;    right: 9px;    border-top: 2px solid #222222;    border-right: 2px solid #222222;    transform: rotate(45deg);}

section.header-main-slide .swiper-button-prev:after ,
section.header-main-slide .swiper-button-next:after {    content: "";    position: absolute;    width: 13px;    height: 2px;    top: 48%;    background-color: #222222;}

section.header-main-slide .swiper-button-prev:after {    right: 8px;}
section.header-main-slide .swiper-button-next:after {    right: 8px;}

.main-slide-bottom .swiper-pagination-bullet {    width: 23px;    height: 5px;    border-radius: 3px 3px;    background: #c1c1c1;}
.main-slide-bottom .swiper-pagination-bullet-active {    opacity: 0.8;    background: #1f1f1f;}

.main-slide-bottom {    z-index: 333;    width: 100%;    bottom: 0;}

section.header-main-slide .swiper-slide a:hover img {opacity:1;}


section.header-main-slide .front-swiper-text {    position: absolute;    width: 100%;}
section.header-main-slide .front-swiper-text .inner {    max-width: 1080px;    margin: 0 auto;    padding: 80px 0 0 0;}
section.header-main-slide .front-swiper-text .inner p:first-child {    font-size: 40px;    font-weight: 700;    line-height: 1.4;    margin: 0 0 12px 0;}
section.header-main-slide .front-swiper-text .inner p:nth-child(2) {    font-weight: 700;}
section.header-main-slide .front-swiper-text .inner ul {    display: flex;}
section.header-main-slide .front-swiper-text .inner p:last-child {    position: relative;    display: inline-block;    font-weight: 700;    font-size: 15px;    box-shadow: inset 0 -2px 0;    padding: 0 24px 0 0;}
section.header-main-slide .front-swiper-text .inner p:last-child:before {    position: absolute;    content: "";    top: calc(50% - 4px);    right: 6px;    width: 6px;    height: 6px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate( 45deg );    transform: rotate( 45deg );}




section.new-front.order-processing .columns-inner .order-list {    display: flex;    justify-content: space-between;    flex-wrap: wrap;}
section.new-front.order-processing .columns-inner .order-list .group{width: 32%;   margin: 0 0; display: block;    background-color: #f2f3f5;    border-radius: 12px 12px;    overflow: hidden;    box-shadow: none;}

section.new-front.order-processing .columns-inner .order-list .group dl dd.button-text {    margin: 0 0;    display: flex;    justify-content: space-between;    align-items: center;}
section.new-front.order-processing .columns-inner .order-list .group dl dd.button-text a:first-child {    padding: 10px 26px 10px 48px;    color: #FFFFFF;    background-color: #c72b0c;    box-shadow: inset 0 -4px 0 #0000004a;    border-radius: 30px 30px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/01/main-button-icon.webp);    background-repeat: no-repeat;    background-size: 18px;    background-position: 22px 50%;}
section.new-front.order-processing .columns-inner .order-list .group dl dd.button-text a:first-child:hover {    background-color: #f94608;    color: #FFFFFF;}
section.new-front.order-processing .columns-inner .order-list .group dl dd.button-text a:last-child {    position: relative;    display: inline-block;    padding: 0 15px 0 0;    box-shadow: inset 0 -1px 0 #222222;    border-radius: 0 0;}
section.new-front.order-processing .columns-inner .order-list .group dl dd.button-text a:last-child:before {    position: absolute;    content: "";    top: calc(50% - 3px);    right: 0;    width: 6px;    height: 6px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate( 45deg );    transform: rotate( 45deg );}
section.new-front.order-processing .columns-inner .order-list .group dl dd.button-text a:last-child:hover {    background: inherit;    box-shadow: none;    color: #e03a00;}








section.new-front.order-processing .columns-inner .order-list .group dl {    margin: 0 0;    padding: 26px 26px;}
section.new-front.order-processing .columns-inner .order-list .group img {    display: block;}
section.new-front.order-processing .columns-inner .order-list .group dl dt {margin: 0 0 12px 0;}
section.new-front.order-processing .columns-inner .order-list .group dl dd {    font-size: 13px;}
section.new-front.order-processing .columns-inner .order-list .group dl dd ul li span {    display: inline-block;    width: 90px;}
section.new-front.order-processing .columns-inner .order-list .group dl dd ul li {    display: flex;}




section.new-front.order-processing .columns-inner .order-list .group dl dd.text {margin: 0 0;  position: relative;    display: inline-block;    padding: 0 15px 0 0;    float: right;    box-shadow: inset 0 -1px 0 #222222; }
section.new-front.order-processing .columns-inner .order-list .group dl dd.text:before {    position: absolute;    content: "";    top: calc(50% - 3px);    right: 0;    width: 6px;    height: 6px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate( 45deg );    transform: rotate( 45deg ); -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; }


ul.half-data-banner {    margin: 100px 0 0 0;    display: flex;    justify-content: space-between;}
ul.half-data-banner li a:hover {    opacity: 0.8;}


section.columns-width.new-front.order-base ul {    flex-wrap: wrap;    display: flex;    justify-content: flex-start;}
section.columns-width.new-front.order-base ul li {width: 31%;    margin: 0 3.5% 2% 0;}
section.columns-width.new-front.order-base ul li:nth-child(3) {    margin-right: 0;}
section.columns-width.new-front.order-base ul li a {    display: block;    padding: 15px 15px;    box-shadow: none;    border-radius: 6px 6px;    background-color: #f2f3f5;}
section.columns-width.new-front.order-base ul li a img {    width: 28%;    float: left;    border-radius: 6px 6px;}
section.columns-width.new-front.order-base ul li a .detail {    width: 67%;    float: right;}
section.columns-width.new-front.order-base ul li a:after {    content: "";    display: block;    clear: both;}
section.columns-width.new-front.order-base ul li a .detail p:first-child {    font-size: 15px;    font-weight: 600;    margin: 0 0 4px 0;}
section.columns-width.new-front.order-base ul li a .detail p:last-child {    font-size: 13px;    color: #6f6f6f;    margin: 0 0;    line-height: 1.4;}
section.columns-width.new-front.order-base ul li a:hover {    background-color: #ebebeb;}



section.columns-width.new-front.aniproblem .solution-point {    margin: 62px 0 0 0;    display: flex;    justify-content: space-between;}
section.columns-width.new-front.aniproblem .solution-point dl {    width: 32%;    margin: 0 0;}
section.columns-width.new-front.aniproblem .solution-point dl dt {    position: relative;    font-size: 18px;    line-height: 1.4;    padding: 0 0 0 66px;    margin: 0 0 18px 0;}
section.columns-width.new-front.aniproblem .solution-point dl dt:before {    position: absolute;    content: "POINT";    left: 3px;    top: 1px;    font-size: 11px;}
section.columns-width.new-front.aniproblem .solution-point dl dt:after {    position: absolute;    left: 0;    bottom: 0;    font-size: 32px;    line-height: 1;}
section.columns-width.new-front.aniproblem .solution-point dl.point01 dt:after {content: "01";}
section.columns-width.new-front.aniproblem .solution-point dl.point02 dt:after {    content: "02";}
section.columns-width.new-front.aniproblem .solution-point dl.point03 dt:after {    content: "03";}

section.columns-width.new-front.aniproblem .solution {    position: relative; padding: 100px 0;}

section.columns-width.new-front.aniproblem .solution img:first-child {    margin: 0 auto;    display: block;}

.fuki-animat-ver1{  animation-timing-function: ease-in-out;  animation-iteration-count: infinite;  animation-direction: alternate;  animation-duration: 1.5s;}
.fuki-animat-ver2{  animation-timing-function: ease-in-out;  animation-iteration-count: infinite;  animation-direction: alternate;  animation-duration: 1.9s;}
.fuki-animat-ver3{  animation-timing-function: ease-in-out;  animation-iteration-count: infinite;  animation-direction: alternate;  animation-duration: 2.5s;}

.keyframe-01{  animation-name: anim_01;  position: absolute;   }
.keyframe-03{  animation-name: anim_03;  position: absolute;  }
@keyframes anim_01  {  0% {    top: 0px;  }  100% {    top: 15px; }}
@keyframes anim_03 {  0% {    bottom: 0px;  }  100% {    bottom: 15px; }}

.keyframe-02{  animation-name: anim_02;  position: absolute;     right: 0;}
.keyframe-04{  animation-name: anim_04;  position: absolute;      right: 0;}
@keyframes anim_02{  0% {    top: 0px;  }  100% {    top: 20px; }}
@keyframes anim_04 {  0% {    bottom: -15px;  }  100% {    bottom: 10px; }}



section.new-front.case-study ul {    display: flex;    justify-content: space-between; flex-wrap: wrap;}
section.new-front.case-study ul li {       position: relative; width: 32%;    border-radius: 12px 12px;    overflow: hidden;    margin: 0 0 20px 0; }
section.new-front.case-study ul li a {    display: block;    box-shadow: none;    padding-bottom: 26px;    background-color: #f2f3f5;    height: 100%;}

section.new-front.case-study ul li a:hover {    background-color: #e3e3e3;}
section.new-front.case-study ul li a .detail {    margin: 0 0;    padding: 26px 26px;}

section.new-front.case-study ul li a .detail .tags {    color: #1a3154;    font-size: 13px;    font-weight: 700;    margin: 0 0 12px 0; padding: 0 0 0 25px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/12/tags.webp);    background-repeat: no-repeat;  background-size: 18px;}
section.new-front.case-study ul li a .detail p {    margin: 0 0 12px 0;}

section.new-front.case-study ul li a .detail .name {    color: #1a3154;    font-size: 13px;    font-weight: 700;    margin: 0 0 5px 0;}
section.new-front.case-study ul li a .detail p:last-child {    position: absolute;    right: 24px;    bottom: 24px;font-weight: 700;    font-size: 14px;    margin: 0 0;    text-align: right;    padding: 0 16px 0 0;}
section.new-front.case-study ul li a .detail p:last-child:before {    content: "";    position: absolute;    top: calc(50% - 3px);    right: 0;    width: 6px;    height: 6px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate( 45deg );    transform: rotate( 45deg );}


section.columns-width.new-front.front-step-slide {    background-color: #f2f3f5;}

section.columns-width.new-front.front-step-slide #slide-inner dl dd a {    position: relative;    color: #FFFFFF;    display: block;    box-shadow: none;    background-color: #1f1f1f;    border-radius: 8px 8px;    font-weight: 700;    padding: 15px 24px 15px 38px;}

section.columns-width.new-front.front-step-slide #slide-inner dl dd a span {    font-size: 14px;}
section.columns-width.new-front.front-step-slide #slide-inner dl dd a:before {    position: absolute;}
section.columns-width.new-front.front-step-slide #slide-inner dl dd a:before {    content: "";    position: absolute;    width: 22px;    height: 22px;    background-color: #FFFFFF;    right: 22px;    top: calc(50% - 11px);    border-radius: 30px;}

section.columns-width.new-front.front-step-slide #slide-inner dl dd a:after {position: absolute;    content: "";    top: calc(50% - 3px);    right: 31px;    width: 6px;    height: 6px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate( 45deg );    transform: rotate( 45deg );}
section.columns-width.new-front.front-step-slide #slide-inner dl dd a:hover {    background-color: #3a3a3a;}
section.columns-width.new-front.front-step-slide #slide-inner dl dd a span {    display: block;    padding: 0 0 0 24px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/12/beginner-icon.webp);    background-repeat: no-repeat;    background-size: 14px;    background-position: 1px 5px;}

#slidegallery-front { margin: 0 auto; position:  relative; overflow:hidden; height: 540px;padding: 120px 0 0 0; }

#slide-inner { position: relative; }
#slide-inner img {   position: absolute;    left: 0;    top: 0;    width: 60%;    height: auto; }
#slide-inner dl {      position: absolute;    right: 0;    top: 0;    width: 36%;    margin: 0 0;}
#slide-inner dl dt {    margin: 0 0 18px 0;}

#slide-paging {    position: absolute;    top: 0;    left: 0;display: flex;    flex-flow: row wrap;    justify-content: center;    list-style: none;    width: 60%;    margin: 0 auto;}
#slide-paging li { border-bottom: solid 3px #d1d1d1;    flex: 1 1 auto;    cursor: pointer;    width: 30%;    margin-right: 2%;    opacity: 0.8;-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;}
#slide-paging li.active {  opacity: 1; }
#slide-paging li:last-child {    margin-right: 0; }

#slide-paging li:hover { opacity: 1; }
#slide-paging li:hover .paging-text  { opacity: 1; }

#slide-paging li span { display: block; width: 0; height: 3px;  position: relative;    top: 3px;}
#slide-paging li.active span { 	background: #ffc600; }

.paging-text { 	margin-top: 20px;   color: #000000;     opacity: 0.8;     -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; }
li.active .paging-text {   opacity: 1;   }
.paging-text p {       font-size: 14px;    font-weight: 900;    margin: 0 0 12px 0;}

#dlslide2 { display: none; }
#dlslide3 { display: none; }




.more-button.black {    width: 300px;    margin: 62px auto 42px auto;}
.more-button.black a {    position: relative;    font-size: 15px;    color: #FFFFFF;    display: block;    box-shadow: none;    background-color: #1f1f1f;    border-radius: 8px 8px;    font-weight: 700;    padding: 23px 24px 20px 28px;}
.more-button.black a:before {    content: "";    display: block;    position: absolute;    width: 22px;    height: 22px;    background-color: #FFFFFF;    right: 22px;    top: calc(50% - 11px);    border-radius: 30px;}
.more-button.black a:after {    position: absolute;    content: "";    top: calc(50% - 3px);    right: 31px;    width: 6px;    height: 6px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate( 45deg );    transform: rotate( 45deg );}
.more-button.black a:hover {    background-color: #3a3a3a;}



.Gallery.renewal-pics ul {    display: flex;    justify-content: space-between;    flex-wrap: wrap;}
.Gallery.renewal-pics ul:after {    content: none;}
.Gallery.renewal-pics li {  float: none;    width: 33%;  margin: 0 0 4px 0;}
.Gallery.renewal-pics li:nth-child(5n) {    margin: 0 0 4px 0;}

.Gallery.renewal-pics li a .mask {    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    opacity: 0;    background-color: rgb(0 0 0 / 41%);    -webkit-transition: all 0.6s ease;    transition: all 0.6s ease;}
.Gallery.renewal-pics li a:hover .mask {    opacity: 1;    padding-top: 31%;}
.Gallery.renewal-pics li a {    position: relative;}
.Gallery.renewal-pics li .caption {        font-size: 90%;    text-align: center;    font-weight: 700;    color: #fff;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/02/zoom-icon.webp);    background-repeat: no-repeat;    background-size: 19px;    background-position: 98px 1px;}




section.columns-width.renewal header {    text-align: center;    margin: 0 0 48px 0;}
section.columns-width.renewal header p {    font-weight: 700;    margin: 0 0 12px 0; padding: 22px 0 0 0;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/12/renewal-headliner.webp);
    background-repeat: no-repeat;    background-position: 50% 0; background-size: 50px;}
section.columns-width.renewal header h2 {padding: 0 0;    margin: 0 0;}


section.columns-width.renewal.about .about-menu-detail .about-inner {    display: none;  border: solid 2px #909090;    border-radius: 12px 12px;    overflow: hidden;}
section.columns-width.renewal.about .about-menu-detail .about-inner.active {    display: block;}
section.columns-width.renewal.about .about-menu-detail .about-inner-box dl {    float: left;    width: 46%;    padding: 4% 4%;     margin: 0 0; }
section.columns-width.renewal.about .about-menu-detail .about-inner-box:after {content: "";display: block;clear: both;}
section.columns-width.renewal.about .about-menu-detail .about-inner-box img {  float: right;  width: 54%;    display: block;    line-height: 0;}
section.columns-width.renewal.about .about-menu-detail .about-inner-box dl dt span {    display: block;    font-size: 14px;}
section.columns-width.renewal.about .about-menu-detail .about-inner-box dl dt {    margin: 0 0 24px 0;}


section.columns-width.renewal.about .about-menu {    width: 56%;    margin: 0 auto 42px auto;    display: flex;    justify-content: space-between;}
section.columns-width.renewal.about .about-menu li {    width: 31%;    font-size: 15px;    text-align: center;    background-color: #ffffff;    padding: 16px 0;    border-radius: 60px 60px;    border: solid 2px #909090;    font-weight: 900;    cursor: pointer;    position: relative;}
section.columns-width.renewal.about .about-menu li:hover {    background-color: #f1f1f1;}
section.columns-width.renewal.about .about-menu li.active:hover {    background-color: #fbc111;}
section.columns-width.renewal.about .about-menu li.active {    background-color: #fbc111;    border-color: #fbc111;}
section.columns-width.renewal.about .about-menu li.active:before {    content: "";    position: absolute;    bottom: -30px;      left: calc(50% - 6px);    transform: translateY(-50%);      border: 8px solid transparent;    border-top: 12px solid #fbc111;   }


section.columns-width.renewal.about .about-menu-detail .about-inner .about-inner-box:after {    content: "";    display: block;    clear: both; }


section.columns-width.renewal.size img {    display: block;    margin: 0 auto 42px auto;}
section.columns-width.renewal.size table th {    width: 20%;     padding-left: 18px; }
section.columns-width.renewal.size table tr.attention-tr th {    background-color: #f7e9e5;     position: relative;    vertical-align: top;}
section.columns-width.renewal.size table tr.attention-tr th:before {    content: "";    position: absolute;    left: -12px;    top: 9px;    width: 24px;    height: 24px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/12/attention-icon.webp);    background-repeat: no-repeat;    background-position: 50% 50%;    background-size: 100%;}
section.columns-width.renewal.size table tr.attention-tr td {    background-color: #fef1ed;}

section.columns-width.renewal.size table.material th {    width: inherit;}


section.columns-width.renewal.machining .machining-menu-detail .machining-inner {    display: none;     border: solid 2px #909090;    border-radius: 12px 12px;    overflow: hidden;    padding: 4% 4%;}
section.columns-width.renewal.machining .machining-menu-detail .machining-inner.active {    display: block;}

section.columns-width.renewal.machining ul.machining-menu {    width: 72%;    margin: 0 auto 42px auto;    display: flex;    justify-content: space-between;}
section.columns-width.renewal.machining ul.machining-menu li {    width: 23%;    font-size: 15px;    text-align: center;    background-color: #ffffff;    padding: 16px 0;    border-radius: 60px 60px;    border: solid 2px #909090;    font-weight: 900;    cursor: pointer;    position: relative;}


section.columns-width.renewal.machining.item2 ul.machining-menu {    width: 30%;}
section.columns-width.renewal.machining.item2 ul.machining-menu li {    width: 47%;}
section.columns-width.renewal.machining.item3 ul.machining-menu {    width: 54%;}
section.columns-width.renewal.machining.item3 ul.machining-menu li {    width: 31%;}


section.columns-width.renewal.machining ul.machining-menu li:hover {    background-color: #f1f1f1;}
section.columns-width.renewal.machining ul.machining-menu li.active:hover {    background-color: #fbc111;}
section.columns-width.renewal.machining ul.machining-menu li.active {    background-color: #fbc111;    border-color: #fbc111;}
section.columns-width.renewal.machining ul.machining-menu li.active:before {    content: "";    position: absolute;    bottom: -30px;    left: calc(50% - 6px);    transform: translateY(-50%);    border: 8px solid transparent;    border-top: 12px solid #fbc111;}

section.columns-width.renewal.machining .machining-menu-detail .machining-inner .machining-inner-box img {    border-radius: 12px 12px;    margin: 0 0 24px 0;}

.material-box {    background-color: #f2f3f5;    margin: 42px 0 0 0;    padding: 4% 4%;    border-radius: 12px 12px;}
.material-box p:last-child {margin-bottom: 0;}
.material-box table.material th,.material-box table.material td {    border-color: #f2f3f5;}
.material-box table.material td {    background-color: #FFFFFF;}




.sample-half {    display: flex;    justify-content: space-between;    margin: 0 0 60px 0;}
.sample-half img {    width: 50%;}
.sample-half dl {    width: 46%;    margin: 0 0;}
.sample-half dl dt {    margin: 0 0 24px 0;    font-size: 17px;}
.sample-half dl dd {    margin: 0 0;}
.sample-half dl dd ul {    margin: 0 0 24px 0;}
.sample-half dl dd ul li {    position: relative;    margin: 0 0 5px 0;    padding: 0 0 0 32px;}
.sample-half dl dd ul li:before {    content: "";    position: absolute;    width: 10px;    height: 10px;    background-image: url("https://cfrp-japan.com/wp-content/uploads/2024/04/check-black.webp");    background-size: 100%;    background-repeat: no-repeat;    left: 5px;    top: 7px;}
.sample-half dl dd ul li:after {    content: "";    position: absolute;    width: 20px;    height: 20px;    border: solid 2px #111111;    border-radius: 16px 16px;    left: 0;    top: 2px;}


section.columns-width.renewal.sample .sample-detail {    display: flex;    justify-content: space-between;}
section.columns-width.renewal.sample .sample-detail img {    width: 61%;}
section.columns-width.renewal.sample .sample-detail .text {    width: 35%;}
section.columns-width.renewal.sample .sample-detail .text a {    position: relative;    color: #FFFFFF;    display: block;    box-shadow: none;    background-color: #1f1f1f;    border-radius: 8px 8px;    font-weight: 700;    padding: 24px 24px 20px 38px;}
section.columns-width.renewal.sample .sample-detail .text a:before {    content: "";    position: absolute;    width: 22px;    height: 22px;    background-color: #FFFFFF;    right: 22px;    top: calc(50% - 11px);    border-radius: 30px;}
section.columns-width.renewal.sample .sample-detail .text a:after {    position: absolute;    content: "";    top: calc(50% - 3px);    right: 31px;    width: 6px;    height: 6px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate( 45deg );    transform: rotate( 45deg );}
section.columns-width.renewal.sample .sample-detail .text a:hover {    background-color: #3a3a3a;}




section.columns-width.renewal.options .options-menu-detail .options-inner {    display: none;     border: solid 2px #909090;    border-radius: 12px 12px;    overflow: hidden;    padding: 4% 4%;}
section.columns-width.renewal.options .options-menu-detail .options-inner.active {    display: block;}
section.columns-width.renewal.options .options-menu-detail .options-inner .images-flex {    display: flex;}
section.columns-width.renewal.options .options-menu-detail .options-inner .images-flex img {    width: 48%;}

section.columns-width.renewal.options ul.options-menu {    width: 72%;    margin: 0 auto 42px auto;    display: flex;    justify-content: space-between;}
section.columns-width.renewal.options ul.options-menu li {    width: 23%;    font-size: 15px;    text-align: center;    background-color: #ffffff;    padding: 16px 0;    border-radius: 60px 60px;    border: solid 2px #909090;    font-weight: 900;    cursor: pointer;    position: relative;}

section.columns-width.renewal.options.item3 ul.options-menu {    width: 54%;}
section.columns-width.renewal.options.item3 ul.options-menu li {    width: 31%;}
section.columns-width.renewal.options.item5 ul.options-menu {    width: 90%;}
section.columns-width.renewal.options.item5 ul.options-menu li {    width: 19%;}



section.columns-width.renewal.options ul.options-menu li:hover {    background-color: #f1f1f1;}
section.columns-width.renewal.options ul.options-menu li.active:hover {    background-color: #fbc111;}
section.columns-width.renewal.options ul.options-menu li.active {    background-color: #fbc111;    border-color: #fbc111;}
section.columns-width.renewal.options ul.options-menu li.active:before {    content: "";    position: absolute;    bottom: -30px;    left: calc(50% - 6px);    transform: translateY(-50%);    border: 8px solid transparent;    border-top: 12px solid #fbc111;}

section.columns-width.renewal.options .options-menu-detail .options-inner img {    display: block;    margin: 42px auto;}


section.columns-width.renewal.price h3 {    font-size: 18px;    text-align: center;    margin: 0 0 24px 0;}
section.columns-width.renewal.price .parts {    display: flex;    justify-content: space-between;}
section.columns-width.renewal.price .parts .parts-box.data {    width: 32%;    margin: 0 2% 26px 0;    background-color: #f2f3f5;    border-radius: 8px 8px;    padding: 20px 20px;    overflow: hidden;}
section.columns-width.renewal.price .parts .parts-box.data:after {    content: "";    display: block;    clear: both;}
section.columns-width.renewal.price .parts .parts-box.data img {    float: right;    width: 40%;    margin: 0 0;}
section.columns-width.renewal.price .parts .parts-box.data ul {    margin: 0 0;    width: 60%;    float: left;}
section.columns-width.renewal.price .parts .parts-box.data ul li {    font-size: 12px;    font-weight: 700;    border-radius: 2px 2px;    margin: 0 0;}
section.columns-width.renewal.price .parts .parts-box.data ul li:first-child {    font-size: 15px;    margin: 0 0 6px 0;}
section.columns-width.renewal.price .parts .parts-box.data ul li:last-child {    font-size: 15px;    font-weight: 700;    line-height: 1;    margin: 4px 0 0 0;}
section.columns-width.renewal.price .parts .parts-box.data ul li:last-child span {    font-size: 200%;    font-weight: 700;    display: inline-block;    margin: 0 5px 0 4px;    vertical-align: -1px;    font-family: Arial;}


section.columns-width.renewal.schedule h3 {    font-size: 18px;    text-align: center;    margin: 0 0 24px 0;}
section.columns-width.renewal.schedule img {    margin: 0 0 42px 0}
section.columns-width.renewal.schedule ul.schedule-list li:first-child {    position: relative;    color: #e03a00;    font-weight: 700;    padding: 0 0 0 24px;}
section.columns-width.renewal.schedule ul.schedule-list li:first-child:before {    content: "";    position: absolute;    left: -12px;    top: 0;    width: 24px;    height: 24px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/12/attention-icon.webp);    background-repeat: no-repeat;    background-position: 50% 50%;    background-size: 100%;}

section.columns-width.renewal.size .border-box {    border: solid 2px #909090;    border-radius: 12px 12px;    overflow: hidden;    padding: 4% 4%;}
section.columns-width.renewal.size .border-box p:last-child {    margin: 0 0;}
section.columns-width.renewal.size .border-box p:first-child span {    font-size: 18px;    font-weight: 800;    display: inline-block;    margin: 0 16px 0 0;}


.common-form-buttons {    padding: 0 4%;    text-align: center;}
.common-form-buttons .main-button a {    position: relative;    display: inline-block;    margin: 0 auto 18px auto;    padding: 30px 90px 24px 90px;    font-size: 18px;    font-weight: 700;    background-color: #c72b0c;    color: #FFFFFF;    box-shadow: inset 0 -4px 0 #0000004a;    border-radius: 12px 12px;    background-image: url("https://cfrp-japan.com/wp-content/uploads/2024/01/main-button-icon.webp");    background-repeat: no-repeat;    background-size: 28px;    background-position: 46px 52%;}
.common-form-buttons .main-button a span {    position: absolute;    top: -19px;    left: 22%;    font-size: 15px;    line-height: 1;    padding: 10px 15px;    color: #c72b0c;    background-color: #FFFFFF;    border: solid 2px #c72b0c;    border-radius: 20px 20px;}
.common-form-buttons .main-button a:before {    content: "";    display: block;    position: absolute;    width: 22px;    height: 22px;    background-color: #FFFFFF;    right: 22px;    top: calc(50% - 11px);    border-radius: 30px;}
.common-form-buttons .main-button a:after {    position: absolute;    content: "";    top: calc(50% - 3px);    right: 31px;    width: 6px;    height: 6px;    border-top: 2px solid #c72b0c;    border-right: 2px solid #c72b0c;    -webkit-transform: rotate( 45deg );    transform: rotate( 45deg );}
.common-form-buttons .main-button a:hover {    background-color: #ed3511;}
.common-form-buttons p a {    color: #1673bd;    font-size: 14px;    -webkit-box-shadow: inset 0 -1px 0 #1673bd;    box-shadow: inset 0 -1px 0 #1673bd;}
.common-form-buttons p a:hover {    color: #e03a00;    -webkit-box-shadow: inset 0 -1px 0 #e03a00;    box-shadow: inset 0 -1px 0 #e03a00;}


section.entry-header-area .detail-list p {    position: relative;    margin: 0 0;    padding: 0 0 0 26px;  font-weight: 700; }
section.entry-header-area .detail-list {    margin: 0 0 60px 0;}
section.entry-header-area .detail-list p:before {    content: "";    display: block;    position: absolute;    top: 7px;    left: 0;    width: 12px;    height: 8px;    border-left: 3px solid #25AF01;    border-bottom: 3px solid #25AF01;    transform: rotate(-45deg);}




section.entry-header-area ul.header-main-button {      max-width: 640px;}
section.entry-header-area ul.header-main-button li a {   position: relative;    display: block;    width: 100%;    margin: 0 auto 18px auto;    padding: 30px 54px 24px 53px;    font-size: 17px;    font-weight: 700;    color: #FFFFFF;    box-shadow: inset 0 -4px 0 #0000004a;    border-radius: 12px 12px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/01/main-button-icon.webp);    background-repeat: no-repeat;
    background-size: 28px;    background-position: 26px 52%;}
section.entry-header-area ul.header-main-button li a span {     position: absolute;    top: -19px;    left: 18%;    font-size: 15px;    line-height: 1;    padding: 10px 15px;    color: #c72b0c;    background-color: #FFFFFF;    border: solid 2px #c72b0c;    border-radius: 20px 20px;}
section.entry-header-area ul li a:after {    border-top: 2px solid #c72b0c;    border-right: 2px solid #c72b0c;    -webkit-transform: rotate( 45deg );    transform: rotate( 45deg );}

section.entry-header-area ul.header-main-button li:first-child a {    background-color: #1f1f1f;	background-image: none;}
section.entry-header-area ul.header-main-button li:first-child a:after {    border-color: #1f1f1f;    -webkit-transform: rotate( 135deg );    transform: rotate( 135deg );}
section.entry-header-area ul.header-main-button li:last-child a {    background-color: #c72b0c;}


section.entry-header-area ul.header-main-button li:first-child a:hover {    background-color: #454443;    color: #FFFFFF;}
section.entry-header-area ul.header-main-button li:last-child a:hover {    background-color: #f94608;    color: #FFFFFF;}








section.columns-width.renewal.in-page-link {    background-color: #F1F1F1;}
section.columns-width.renewal.in-page-link .columns-inner {    padding: 24px 0;}
section.columns-width.renewal.in-page-link .columns-inner ul {    display: flex;    justify-content: space-between;    margin: 0 0;}
section.columns-width.renewal.in-page-link .columns-inner ul li {    width: 17%;}
section.columns-width.renewal.in-page-link .columns-inner ul li a {    position: relative;    display: block;    font-size: 13px;    text-align: center;    box-shadow: none;    background-color: #FFFFFF;    border: solid 1px #AAAAAA;    border-radius: 50px 50px;    padding: 15px 0;}
section.columns-width.renewal.in-page-link .columns-inner ul li a:before {    content: "";    display: block;    position: absolute;    top: calc(50% - 6px);    right: 22px;    width: 8px;    height: 8px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate(135deg);    transform: rotate(135deg);}
section.columns-width.renewal.in-page-link .columns-inner ul li a:hover {    background-color: #F1F1F1;}


ul.tracking-sidelink {    display: flex;    justify-content: space-between;    position: fixed;    right: 0;    top: 20%;    width: 80px;    height: 420px;    z-index: 666666;    -ms-writing-mode: tb-rl;    writing-mode: vertical-rl; margin: 0 0;}
ul.tracking-sidelink li {    width: 100%;      display: block;}
ul.tracking-sidelink li:first-child {    height: 51%;}
ul.tracking-sidelink li:last-child {    height: 45%;}
ul.tracking-sidelink li a {    display: block;    box-shadow: none;    color: #FFFFFF;    font-weight: 700;    padding: 24px 12px 24px 18px;    border-radius: 8px 0 0 8px;  letter-spacing: 2px !important; }
ul.tracking-sidelink li:first-child a {    background-color: #e23a00; position: relative;    padding-top: 52px;}
ul.tracking-sidelink li:first-child a:before {content: "無料";position: absolute;top: 0;left: 0;width: 100%;line-height: 1;padding: 10px 0 8px 0;background-color: #fbb319;writing-mode: lr;text-align: center;font-size: 14px;border-radius: 8px 0 0 0;     color: #e23a00;}
ul.tracking-sidelink li:first-child a:after {    content: "";    position: absolute;    width: 8px;    height: 8px;    background-color: #fbb319;    left: calc(50% - 4px);    top: 27px;    -webkit-transform: rotate( 135deg );    transform: rotate( 135deg );}
ul.tracking-sidelink li a:focus {    color: #FFFFFF;    outline: none;}

ul.tracking-sidelink li:last-child a {    background-color: #2e2c2a;}
ul.tracking-sidelink li a span {    display: block;    font-size: 13px;    font-weight: normal;    line-height: 1.4;}
ul.tracking-sidelink li:first-child a:hover {    background-color: #f94608;    color: #FFFFFF;}
ul.tracking-sidelink li:last-child a:hover {    background-color: #454443;    color: #FFFFFF;}

h3.faq-q {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2024/01/h3-question-icon.webp");    background-repeat: no-repeat;    background-size: 30px;    background-position: 0 44%;    padding: 20px 0 20px 50px;}

.home section.columns-width.text .columns-inner.toggle {    padding-top: 0;}

.front-form-contact-links {         box-shadow: 0 4px 13px #0000003d;   max-width: 1080px;    position: relative;    margin: -84px auto 0 auto;    background-color: #ffffff;    border-radius: 12px 12px;    padding: 3% 4% 2% 4%;    z-index: 100;}
.front-form-contact-links ul {    display: flex;    justify-content: space-between;    margin: 0 0;}
.front-form-contact-links ul li {    width: 47%;}
.front-form-contact-links ul li a {    position: relative;    display: block;    margin: 0 auto 18px auto;    text-align:center;    padding: 30px 0 24px 0;    font-size: 20px;    font-weight: 700;    color: #FFFFFF;    box-shadow: inset 0 -4px 0 #0000004a;    border-radius: 12px 12px;}
.front-form-contact-links ul li:first-child a {    background-color: #c72b0c;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/01/main-button-icon.webp);    background-repeat: no-repeat;    background-size: 28px;    background-position: 46px 52%;}
.front-form-contact-links ul li:last-child a {    background-color: #1f1f1f;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/01/main-button-icon-01.webp);    background-repeat: no-repeat;    background-size: 28px;    background-position: 46px 52%;}
.front-form-contact-links ul li a span {    position: absolute;    top: -19px;    left: calc(50% - 95px);    font-size: 15px;    line-height: 1;    padding: 10px 15px;    background-color: #FFFFFF;    border-radius: 20px 20px;}
.front-form-contact-links ul li:first-child a span {    color: #c72b0c;    border: solid 2px #c72b0c;}
.front-form-contact-links ul li:last-child a span {    color: #1f1f1f;    border: solid 2px #1f1f1f;}
.front-form-contact-links ul li a:before {    content: "";    display: block;    position: absolute;    width: 22px;    height: 22px;    background-color: #FFFFFF;    right: 22px;    top: calc(50% - 11px);    border-radius: 30px;}
.front-form-contact-links ul li a:after {    content: "";    position: absolute;    top: calc(50% - 3px);    right: 31px;    width: 6px;    height: 6px;    -webkit-transform: rotate( 45deg );    transform: rotate( 45deg );}
.front-form-contact-links ul li:first-child a:after {    border-top: 2px solid #c72b0c;    border-right: 2px solid #c72b0c;}
.front-form-contact-links ul li:last-child a:after {    border-top: 2px solid #1f1f1f;    border-right: 2px solid #1f1f1f;}
.front-form-contact-links ul li:first-child a:hover {    background-color: #ed3511;    color: #FFFFFF;}
.front-form-contact-links ul li:last-child a:hover {    background-color: #3a3a3a;    color: #FFFFFF;}

.front-form-contact-links ul li a:focus {    color: #FFFFFF;    outline: none;}




.fullwidth-bnr {    max-width: 1080px;    margin: 0 auto;    padding: 0 0;}
.fullwidth-bnr a:hover {    opacity: 0.8;}
.fullwidth-bnr img {    -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;}


section.columns-width.Gallery {    margin-bottom: 48px;}
section.columns-width.Gallery .columns-inner .Gallery.renewal-pics {    margin: 0 0;}
section.columns-width.Gallery .columns-inner {    padding-top: 0;    padding-bottom: 0;}

section.columns-width.text + section.columns-width.Gallery {    margin-top: 0;}


h2.page-headline.center {    text-align: center;  margin: 48px 0 36px 0; }
h2.page-headline.center span {    display: block;    font-size: 13px;    margin: 0 0 5px 0;}







.page-problem img {    width: 55%;    float: left;}
.page-problem ul {    width: 40%;    float: right;    margin: 42px 0 0 0;}
.page-problem ul li {    border: solid 1px #dadada;    margin: 0 0 16px 0;    border-radius: 50px 50px;    padding: 14px 5px 14px 56px;    background-image: url("https://cfrp-japan.com/wp-content/uploads/2024/01/about-image03.webp");    background-repeat: no-repeat;    background-size: 26px;    background-position: 18px 14px;}


.right-image , .left-image {    margin: 0 0 42px 0;}
.right-image img {    float: right;    width: 48%;}
.left-image img {    float: left;    width: 48%;}
.right-image dl {    width: 48%;    float: left;    margin: 0 0;}
.left-image dl {    width: 48%;    float: right;    margin: 0 0;}



.right-image dl dt:before , .left-image dl dt:before {    position: absolute;    content: "POINT";    left: 3px;    top: 1px;    font-size: 11px;}
.right-image dl dt ,.left-image dl dt {    position: relative;    padding: 0 0 14px 60px;    margin: 0 0 24px 0;    border-bottom: dashed 2px #dadadada;}
.right-image dl.dl-contents01 dt:after {    content: "01";}
dl.dl-contents02 dt:after {    content: "02";}
dl.dl-contents03 dt:after {    content: "03";}

.right-image dl dt:after,.left-image dl dt:after {    position: absolute;    left: 2px;    top: 22px;    font-size: 28px;    line-height: 1;}

.right-image dl dd ul.links li a, .left-image dl dd ul.links li a {    color: #1673bd;    -webkit-box-shadow: inset 0 -1px 0 #1673bd;    box-shadow: inset 0 -1px 0 #1673bd;}
.right-image dl dd ul.links li a:hover, .left-image dl dd ul.links li a:hover {    color: #e03a00;    -webkit-box-shadow: inset 0 -1px 0 #e03a00;    box-shadow: inset 0 -1px 0 #e03a00;}


.more-button.black.half {    width: 60%;    display: flex;    justify-content: space-between;}
.more-button.black.half a {    width: 48%;}


section.columns-width.renewal.sample h2.page-headline.center {    margin-top: 0;}

.about-contact .front-form-contact-links {    box-shadow: none;    background-color: inherit;    margin: 0 0;   }
.about-contact p {    text-align: center;}
.about-contact {    box-shadow: 0 0 6px #0000003d;    padding: 4% 4%;    border-radius: 12px 12px;}



ul.case-done li {    margin: 0 0 36px 0;}
ul.case-done li.headline {    position: relative;    font-weight: 700;    padding: 0 0 0 34px;    margin: 0 0 12px 0;}
ul.case-done li.headline:before {    content: "";    position: absolute;    left: 0;    top: 2px;    width: 20px;    height: 20px;    border: solid 2px #e03a00;    border-radius: 20px 20px;}
ul.case-done li.headline:after {    content: "";    position: absolute;    left: 0;    top: 11px;    height: 2px;    width: 20px;    background-color: #e03a00;    -webkit-transform: rotate( 135deg );    transform: rotate( 135deg );}



ul.caution-items {    position: relative;    border: solid 3px #dadada;    border-radius: 12px 12px;    padding: 4% 4%;}
ul.caution-items li p:last-child {    margin-bottom: 0}
ul.caution-items li:first-child {    font-weight: 700;}
ul.caution-items:before {    content: "";    position: absolute;    left: -15px;    top: -14px;    width: 28px;    height: 28px;    background-image: url("https://cfrp-japan.com/wp-content/uploads/2024/02/attention-black-icon.webp");    background-repeat: no-repeat;    background-size: 100%;}


.page-beginning p {    text-align: center;}
.page-beginning ul {    width: 60%;    margin: 0 auto;    display: flex;    justify-content: space-between;}
.page-beginning ul li a {    position: relative;    display: block;    font-size: 13px;    text-align: center;    box-shadow: none;    background-color: #FFFFFF;    border: solid 1px #AAAAAA;    border-radius: 50px 50px;    padding: 15px 0;}
.page-beginning ul li {    width: 31%;}
.page-beginning ul li a:before {    content: "";    display: block;    position: absolute;    top: calc(50% - 6px);    right: 22px;    width: 8px;    height: 8px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate(135deg);    transform: rotate(135deg);}
.page-beginning ul li a:hover {    background-color: #F1F1F1;}


.page-beginning ul.item2 {    width: 40%;}
.page-beginning ul.item2 li {    width: 46%;}
.page-beginning ul.item4 {    width: 80%;}
.page-beginning ul.item4 li {    width: 23%;}
.page-beginning ul.item5 {    width: 100%;}
.page-beginning ul.item5 li {    width: 18%;}




.form-guidenew .guidenew-flow:after {    content: "";    display: block;    clear: both;}
.form-guidenew .guidenew-flow img {    float: left;    margin: 0 4% 0 0;}
.form-guidenew .guidenew-flow img + p {    font-weight: 700;}
.form-guidenew .guidenew-flow {    position: relative;    border: solid 3px #dadada;    padding: 4% 4%;    border-radius: 12px 12px;    margin: 0 0 80px 0;}
.form-guidenew .guidenew-flow:before {    position: absolute;    content: "";    bottom: -72px;    left: calc(50% - 10px);    width: 20px;    height: 22px;    border: 20px solid transparent;    border-top: 16px solid #d4d4d4;}
.form-guidenew .guidenew-flow:last-child:before {    content: none;}


section.columns-width.new-front.order-base ul.td-link li a {    padding: 0 0;    background-color: inherit;    border-radius: inherit;    color: #1673bd;    -webkit-box-shadow: inset 0 -1px 0 #1673bd;    box-shadow: inset 0 -1px 0 #1673bd;}
section.columns-width.new-front.order-base ul.td-link li a:hover {    color: #e03a00;    -webkit-box-shadow: inset 0 -1px 0 #e03a00;    box-shadow: inset 0 -1px 0 #e03a00;}


.about-contact.order-content ul {    margin: 0 0;    display: flex;    justify-content: space-between;}
.about-contact.order-content ul li {    width: 31%;}
.about-contact.order-content ul li a {    display: block;    text-align: center;    font-size: 15px;    font-weight: 700;    background-color: #1f1f1f;    border-radius: 12px 12px;    color: #FFFFFF;    box-shadow: inset 0 -4px 0 #0000004a;    padding: 24px 0;}
.about-contact.order-content ul.item01 {    justify-content: center;}




.meridem .inner {    padding: 5% 5%;}
.meridem {    border: solid 1px #dadada;    border-radius: 12px 12px;    overflow: hidden;    margin: 0 0 42px 0;}
.meridem h3 {    padding: 28px 5%;    font-size: 16px;}
.meridem.meri h3 {    background-color: #dae5e9;}
.meridem.dem h3 {    background-color: #ebd9d9;}




.common-form-flow {    max-width: 1080px;    margin: 48px auto;    padding: 0 0;    border-radius: 12px 12px;    box-shadow: 0 0 6px #0000003d;}
.common-form-flow .top {    padding: 5% 4%;    background-color: #f5f3e9;}
.common-form-flow .top h2 {    text-align: center;}
.common-form-flow .top h2 + p {    text-align: center;}
.common-form-flow .top ul {    display: flex;    justify-content: space-between;    margin: 0 0;    padding: 32px 4%;}
.common-form-flow .top ul li {    width: 47%;}
.common-form-flow .top ul li a {    position: relative;    display: block;    margin: 0 auto 18px auto;    text-align: center;    padding: 30px 0 24px 0;    font-size: 20px;    font-weight: 700;    color: #FFFFFF;    box-shadow: inset 0 -4px 0 #0000004a;    border-radius: 12px 12px;}
.common-form-flow .top ul li:first-child a {    background-color: #c72b0c;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/01/main-button-icon.webp);    background-repeat: no-repeat;    background-size: 28px;    background-position: 46px 52%;}
.common-form-flow .top ul li:last-child a {    background-color: #1f1f1f;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/01/main-button-icon-01.webp);    background-repeat: no-repeat;    background-size: 28px;    background-position: 46px 52%;}
.common-form-flow .top ul li a span {    position: absolute;    top: -19px;    left: calc(50% - 95px);    font-size: 15px;    line-height: 1;    padding: 10px 15px;    background-color: #FFFFFF;    border-radius: 20px 20px;}
.common-form-flow .top ul li:first-child a span {    color: #c72b0c;    border: solid 2px #c72b0c;}
.common-form-flow .top ul li:last-child a span {    color: #1f1f1f;    border: solid 2px #1f1f1f;}
.common-form-flow .top ul li a:before {    content: "";    display: block;    position: absolute;    width: 22px;    height: 22px;    background-color: #FFFFFF;    right: 22px;    top: calc(50% - 11px);    border-radius: 30px;}
.common-form-flow .top ul li a:after {    content: "";    position: absolute;    top: calc(50% - 3px);    right: 31px;    width: 6px;    height: 6px;    -webkit-transform: rotate( 45deg );    transform: rotate( 45deg );}
.common-form-flow .top ul li:first-child a:after {    border-top: 2px solid #c72b0c;    border-right: 2px solid #c72b0c;}
.common-form-flow .top ul li:last-child a:after {    border-top: 2px solid #1f1f1f;    border-right: 2px solid #1f1f1f;}
.common-form-flow .top ul li:first-child a:hover {    background-color: #ed3511;    color: #FFFFFF;}
.common-form-flow .top ul li:last-child a:hover {    background-color: #3a3a3a;    color: #FFFFFF;}
.common-form-flow .bottom {    position: relative;    padding: 4% 4%;}
.common-form-flow .bottom p:first-child {    position: absolute;    display: inline-block;    top: -40px;    left: calc(50% - 65px);    width: 130px;    text-align: center;    font-size: 14px;    font-weight: 700;    background-color: #FFFFFF;    margin: 0 0;    padding: 11px 0;    border-radius: 10px 10px 0 0;}
.common-form-flow .bottom p:first-child:before {    position: absolute;    content: "";    left: -29px;    top: 2px;    width: 0px;    height:0px;    border-top: solid 20px transparent;    border-bottom: solid 24px #fff;    border-left: solid 19px transparent;    border-right: solid 14px #fff;}
.common-form-flow .bottom p:first-child:after {    position: absolute;    content: "";    right: -29px;    top: 2px;    width: 0px;    height: 0px;    border-top: solid 20px transparent;    border-bottom: solid 24px #ffffff;    border-left: solid 14px #fff;    border-right: solid 19px transparent;}
.common-form-flow .bottom ul {    margin: 0 0;    display: flex;    justify-content: space-between;}
.common-form-flow .bottom ul li {    position: relative;    width: 28%;    font-size: 14px;    line-height: 1.3;    padding: 0 0 0 68px;    background-repeat: no-repeat;    background-size: 52px;    background-position: 0 7px;}
.common-form-flow .bottom ul li span {    display: block;    font-weight: 700;    font-size: 12px;    margin: 0 0 8px 0;}
.common-form-flow .bottom ul li:first-child {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2024/02/common-flo01.webp");}
.common-form-flow .bottom ul li:nth-child(2) {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/02/common-flo02.webp);}
.common-form-flow .bottom ul li:last-child {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/02/common-flo03.webp);}
.common-form-flow .bottom ul li:before {    content: "";    position: absolute;    top: 50%;       right: -48px;    transform: translateY(-50%);       border: 5px solid transparent;    border-left: 8px solid #878787;  }
.common-form-flow .bottom ul li:last-child:before {    content: none;}


.background-meritan {    margin: 42px 0;    background-color: #F7F7F7;    border-radius: 12px 12px;    padding: 4% 4%;}
.background-meritan p:first-child {    font-weight: 700;}
.background-meritan ul {    margin: 0 0;}
.background-meritan ul li {    padding: 0 0 0 29px;    background-image: url("https://cfrp-japan.com/wp-content/uploads/2024/02/good-icon.webp");    background-repeat: no-repeat;    background-size: 17px;    background-position: 0 3px;}


.top-center-img {    margin-bottom: 30px;}


ul.wrap-threecolumns {    display: flex;    justify-content: flex-start;    flex-wrap: wrap;}
ul.wrap-threecolumns li {    width: 32%;    margin: 0 2% 12px 0;}
ul.wrap-threecolumns li:nth-child(3n) {    margin-right: 0;}
ul.wrap-threecolumns li a {    position: relative;    box-shadow: none;    display: block;    border: solid 2px #e7e7e7;    border-radius: 6px 6px;    font-size: 14px;    padding: 14px 42px 14px 19px;}
ul.wrap-threecolumns li a:before {    position: absolute;    content: "";    top: calc(50% - 3px);    right: 20px;    width: 6px;    height: 6px;    border-top: 1px solid #242221;    border-right: 1px solid #242221;    -webkit-transform: rotate( 45deg );    transform: rotate( 45deg );}
ul.wrap-threecolumns li a:hover {    background-color: #F9F9F9;}



.page-id-9865 .entry-content , 
.page-id-10013 .entry-content {    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, Meiryo, sans-serif;}

.page-id-9865 .site-content-contain , 
.page-id-10013 .site-content-contain {    padding-top: 0;}

.page-id-9865 .site-content ,
.page-id-10013 .site-content {    padding-top: 68px;}

.page-id-9865 .site-content .wrap , 
.page-id-10013 .site-content .wrap {  max-width: inherit;}

.gakurobo-colmun {  max-width: 1080px;    margin: 140px auto 80px auto;  color: #513c34; }
.gakurobo-colmun.top {    margin-top: 0;}

.gakurobo-colmun.header {   max-width: inherit;    padding: 70px 0 100px 0;    margin: 0 0;    text-align: center;    background-image: url("https://cfrp-japan.com/wp-content/uploads/2024/03/bakurobo2024-header.webp"); background-position: 50% 0; background-repeat:no-repeat;}

.gakurobo-colmun p {    font-size: 20px;    font-weight: 700;}

.gakurobo-colmun.top p {    text-align: center;    margin: 62px 0;}

.gakurobo-button {    display: block;    margin: 62px 0;    text-align: center;}
.gakurobo-button a {    display: inline-block;    box-shadow: none;}
.gakurobo-button a:hover {    opacity: 0.8;}
.gakurobo-button a:focus {    outline: none;}

.gakurobo-colmun .headline-text {    text-align: center;    margin: 0 0 48px 0;}

.gakurobo-colmun.what p {    text-align: center;}
.gakurobo-colmun.what picture {    display: block;    margin: 120px auto 48px auto;    text-align: center;}



.gakurobo-colmun.what .special-favor {    display: flex;    justify-content: space-between;    margin: 60px 0;}
.gakurobo-colmun.what .special-favor dl {    width: 48%;     margin: 0 0;   border: solid 4px;    border-radius: 12px 12px;    overflow: hidden;}
.gakurobo-colmun.what .special-favor dl:first-child {    border-color: #00adbb;}
.gakurobo-colmun.what .special-favor dl:last-child {    border-color: #df7415;}
.gakurobo-colmun.what .special-favor dl:first-child dt {    background-color: #00adbb;}
.gakurobo-colmun.what .special-favor dl:last-child dt {    background-color: #df7415;}
.gakurobo-colmun.what .special-favor dl dt {    color: #FFFFFF;    text-align: center;    padding: 2px 0 6px 0;    font-size: 32px;}
.gakurobo-colmun.what .special-favor dl dt span {    font-size: 20px;}

.gakurobo-colmun.what .special-favor dl dd {    padding: 38px 0;    margin: 0 0;}
.gakurobo-colmun.what .special-favor dl dd p:first-child {    margin: 0 0 12px 0;}

.gakurobo-colmun.what .special-favor dl:first-child dd div {  display: flex;   justify-content: center;    margin: 0 0 24px 0;}
.gakurobo-colmun.what .special-favor dl:first-child dd div p {    margin: 0 0;    color: #00adbb;}
.gakurobo-colmun.what .special-favor dl:first-child dd div p:first-child {    font-size: 60px;    line-height: 1;}
.gakurobo-colmun.what .special-favor dl:first-child dd div p:last-child {    line-height: 1;    font-size: 28px;    margin: 10px 0 0 10px;}
.gakurobo-colmun.what .special-favor dl:first-child dd div p:last-child span {    display: block;    font-size: 20px;    line-height: 1.2;    font-weight: 800;}

.gakurobo-colmun.what .special-favor dl:last-child dd div {    display: flex;    justify-content: center;    align-items: baseline;    margin: 0 0 24px 0;}
.gakurobo-colmun.what .special-favor dl:last-child dd div p {    margin: 0 0;    color: #df7415;}
.gakurobo-colmun.what .special-favor dl:last-child dd div p:first-child {    font-size: 60px;    line-height: 1;}
.gakurobo-colmun.what .special-favor dl:last-child dd div p:last-child {    line-height: 1;    font-size: 28px;    margin: 0 0 0 6px;    font-weight: 900;}
.gakurobo-colmun.what .special-favor dl dd p:last-child {    margin: 0 0;}

ul.notes-list , 
ul.notes-list2 ,
ul.notes-list3 {    background-color: #f4f4f4;    margin: 42px 0 ;    padding: 4% 4%;    border-radius: 12px 12px;    font-size: 15px;}

ul.notes-list li ,
ul.notes-list2 li ,
ul.notes-list3 li {    position: relative;    padding: 0 0 0 22px;}

ul.notes-list li:before ,
ul.notes-list2 li:before ,
ul.notes-list3 li:before {    content: "";    position: absolute;    width: 6px;    height: 6px;    background-color: #513c34;    border-radius: 6px 6px;    left: 0;    top: 10px;}


ul.notes-list2 { margin-bottom:24px;   }

ul.notes-list3 { margin-top:0;   background-color: #fcf0ee;    color: #ed4e2e;}
ul.notes-list3 li:first-child:before {   content: none;  }
ul.notes-list3 li:first-child {    font-size: 18px;    font-weight: 700;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/12/attention-icon.webp);    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 30px;    padding-left: 38px;    margin: 0 0 10px -12px;}
ul.notes-list3 li:before {    background-color: #ed4e2e;}




.gakurobo-colmun.couponstep .headline-text {    margin-top: 120px;}
.gakurobo-colmun.couponstep .headline-text + p {    text-align: center; margin-bottom: 42px;}

.gakurobo-colmun.couponstep .step-flow {   position: relative; border-radius: 12px 12px;    padding: 4% 4%;    margin: 0 0 60px 0;  background-repeat: no-repeat; }
.gakurobo-colmun.couponstep .step-flow:after {    content: "";    display: block;    clear: both;}

.gakurobo-colmun.couponstep .step-flow.step1 {    background-color: #eff7f8;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/03/flowstep1.webp);    background-position: 40px -18px;}
.gakurobo-colmun.couponstep .step-flow.step2 {    background-color: #e1f3f4;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/03/flowstep2.webp);    background-position: 26px -5px;}
.gakurobo-colmun.couponstep .step-flow.step3 {    background-color: #e0f8fa;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/03/flowstep3.webp);    background-position: 40px 10px;}

.gakurobo-colmun.couponstep .step-flow p {    width: 60%;    float: right;}

.gakurobo-colmun.couponstep .step-flow p:first-child span {    color: #00adbb;    font-size: 15px;    display: block;}
.gakurobo-colmun.couponstep .step-flow p:last-child {    font-size: 18px;    font-weight: 600;    margin: 0 0;}
.gakurobo-colmun.couponstep .step-flow p:last-child a {    color: #2274d9;    box-shadow: inset 0 -1px 0 #2274d9;}
.gakurobo-colmun.couponstep .step-flow p:last-child a:hover {    color: #e03a00;    -webkit-box-shadow: inset 0 -1px 0 #e03a00;    box-shadow: inset 0 -1px 0 #e03a00;}


.gakurobo-colmun.couponstep .step-flow:before {    position: absolute;    content: "";    width: 251px;    height: 33px;    left: calc(50% - 125px);    bottom: -33px;    background-size: 100%;}
.gakurobo-colmun.couponstep .step-flow.step1:before {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2024/03/flowstep-1.webp");}
.gakurobo-colmun.couponstep .step-flow.step2:before {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/03/flowstep-2.webp);}



.gakurobo-colmun.price .cfrp-valu ul li:nth-child(6n+1) {    background-color: #dbf1f2;}

.gakurobo-colmun.price .cfrp-valu ul li:first-child, 
.gakurobo-colmun.price .cfrp-valu ul li:nth-child(2), 
.gakurobo-colmun.price .cfrp-valu ul li:nth-child(3), 
.gakurobo-colmun.price .cfrp-valu ul li:nth-child(4), 
.gakurobo-colmun.price .cfrp-valu ul li:nth-child(5), 
.gakurobo-colmun.price .cfrp-valu ul li:nth-child(6) {    background-color: #dbf1f2;}

.gakurobo-colmun.price .cfrp-valu ul li {    background-color: #eff7f8;  font-size: 16px;}

.gakurobo-colmun.caminfo table {    font-size: 16px;}
.gakurobo-colmun.caminfo table td {    background-color: #eff7f8;    font-weight: 700;}
.gakurobo-colmun.caminfo table th {    background-color: #dbf1f2;    font-weight: 700;}



.grecaptcha-badge {    visibility: hidden;}
.form-recapcha-text {    margin-top: 40px;}



.page-id-10013 .site-content .wrap {    max-width: inherit;}

.page-id-10013 .gakurobo-colmun {    color: #051f28;}

.gakurobo-colmun.header.formula {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/03/gakuformula2024-header.webp);    padding: 0 0 0 0;}

.gakurobo-colmun.what .special-favor.formula dl {    border-radius: 0 0;}

.gakurobo-colmun.what .special-favor.formula dl:first-child {    border-color: #1d7a4f;}
.gakurobo-colmun.what .special-favor.formula dl:last-child {    border-color: #d24f32;}
.gakurobo-colmun.what .special-favor.formula dl:first-child dt {    background-color: #1d7a4f;}
.gakurobo-colmun.what .special-favor.formula dl:last-child dt {    background-color: #d24f32;}
.gakurobo-colmun.what .special-favor.formula dl:first-child dd div p {    color: #1d7a4f;}
.gakurobo-colmun.what .special-favor.formula dl:last-child dd div p {    color: #d24f32;}


.gakurobo-colmun.couponstep.formula .step-flow {    border-radius: 0 0;}
.gakurobo-colmun.couponstep.formula .step-flow.step1 {    background-color: #ebf6f1;}
.gakurobo-colmun.couponstep.formula .step-flow.step2 {    background-color: #daf2e7;}
.gakurobo-colmun.couponstep.formula .step-flow.step3 {    background-color: #c9eadb;}

.gakurobo-colmun.couponstep.formula .step-flow:before  {     width: 120px;    bottom: -80px;    left: calc(50% - 60px);    display: inline-block;    height: 1px;    background-image: none;    border: 59px solid transparent;}
.gakurobo-colmun.couponstep.formula .step-flow.step1:before {    border-top: solid 23px #ebf6f1;}
.gakurobo-colmun.couponstep.formula .step-flow.step2:before {    border-top: solid 23px #daf2e7;}
.gakurobo-colmun.couponstep.formula .step-flow.step3:before {    content: none;}


.gakurobo-colmun.what.formula ul.notes-list , 
.gakurobo-colmun.couponstep.formula ul.notes-list2 , 
.gakurobo-colmun.couponstep.formula ul.notes-list3 ,
.gakurobo-colmun.caminfo.formula ul.notes-list ,
.gakurobo-colmun.caminfo.formula ul.notes-list3 {    border-radius: 0;}



.gakurobo-colmun.price.formila .cfrp-valu ul li:first-child, 
.gakurobo-colmun.price.formila .cfrp-valu ul li:nth-child(2),
.gakurobo-colmun.price.formila .cfrp-valu ul li:nth-child(3), 
.gakurobo-colmun.price.formila .cfrp-valu ul li:nth-child(4), 
.gakurobo-colmun.price.formila .cfrp-valu ul li:nth-child(5), 
.gakurobo-colmun.price.formila .cfrp-valu ul li:nth-child(6) {    background-color: #d5eace;}

.gakurobo-colmun.price.formila .cfrp-valu ul li:nth-child(6n+1) {    background-color: #d5eace;}
.gakurobo-colmun.price.formila .cfrp-valu ul li {  background-color: #e9f6e6;}


.gakurobo-colmun.caminfo.formula table th {    background-color: #d5eace;}
.gakurobo-colmun.caminfo.formula table td {    background-color: #e9f6e6;}


ul.half-data-banner.page-top {    margin: 0 0 60px 0;max-width: 1080px;    margin: 60px auto 0 auto;}
ul.half-data-banner.page-top li a:hover {    opacity: 0.6;}

.home ul.half-data-banner.page-top {    display: none;}
.home section.columns-width.text .columns-inner {    padding: 0 0;}


.order-inner .box .form .data input[name="kakocfrp-txt"] , 
.order-inner .box .form .data input[name="info-txt"] ,
.order-inner .box .form .data input[name="kentouyouto-txt"]{    margin-top: 8px;}


ul.sample-form-bottomnotes {    margin: 60px 0 24px 0;    border: solid 2px #838383;    border-radius: 12px 12px;    padding: 4% 4%;}
ul.sample-form-bottomnotes li:first-child {    color: #ed4e2e;    font-size: 18px;    font-weight: 700;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/12/attention-icon.webp);    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 30px;    padding-left: 38px;    margin: 0 0 10px -12px;}
ul.sample-form-bottomnotes li:before {    content: "";    position: absolute;    width: 6px;    height: 6px;    background-color: #513c34;    border-radius: 6px 6px;    left: 0;    top: 10px;}
ul.sample-form-bottomnotes li {    position: relative;    padding: 0 0 0 22px;}
ul.sample-form-bottomnotes li:first-child:before {    content: none;}


.order-inner .box .form .name ul.extension {    margin: 0 0 0 9px;    display: inline-block;    width: 120px;    font-size: 14px;    font-weight: normal;}
.order-inner .box .form .name ul.extension li {    display: inline-block;    border: solid 1px #222222;    border-radius: 4px 4px;    margin: 0 6px 0 0;    line-height: 1;    padding: 3px 6px 2px 6px;}



.btnstyle-group.last-form p {    width: 100%;    text-align: center;    display: block;    margin: 0 0 42px 0;    font-size: 14px;}
.btnstyle-group.last-form p a {    color: #1673bd;    -webkit-box-shadow: inset 0 -1px 0 #1673bd;    box-shadow: inset 0 -1px 0 #1673bd;}
.btnstyle-group.last-form p a:hover {    color: #e03a00;    -webkit-box-shadow: inset 0 -1px 0 #e03a00;    box-shadow: inset 0 -1px 0 #e03a00;}

.order-inner .label-title.zip {    margin-top: 24px;    padding-bottom: 0;}

.add-youtube iframe {    width: 100%;  aspect-ratio: 16 / 9;}


p.atumichui.red {    color: #c72b0c;    font-weight: bold;}

.order-inner .box .form .data p.atumichui.red:before {    border: solid 2px #c72b0c;}

.page-id-10577 .site-content {    padding-top: 0;}
.page-id-10577 .site-content-contain {    padding-top: 0;}
.page-id-10577 .site-content .wrap {    max-width: inherit;}

.page-id-10577 header.entry-header {    margin: 30px 0;    padding: 0 0;}
.page-id-10577 header.entry-header h1.entry-title { margin: 0 0; }

section.en-columns .inner {    max-width: 1080px;    margin: 0 auto;    padding: 50px 0;}

section.en-columns.size, 
section.en-columns.machining {    background-color: #e9f1f0;}

ul.trackrecord-list {    display: flex;    flex-wrap: wrap;}
ul.trackrecord-list li {    width: 23.5%;    margin-right: 2%;}
ul.trackrecord-list li:nth-child(4), ul.trackrecord-list li:nth-child(8) {    margin-right: 0;}
ul.trackrecord-list dl dt {    padding-bottom: 5px;}
ul.trackrecord-list dl {    margin-top: 5px;}
ul.trackrecord-list dl dd {    line-height: 1.5;}

section.en-columns.whatis .headline-text {    text-align: center;    margin: 0 0 48px 0;}
section.en-columns.whatis .right-image dl dt, section.en-columns.whatis .left-image dl dt {    padding: 10px 0 20px 60px;    font-size: 20px;}

section.en-columns.products .order-list {    display: flex;    justify-content: space-between;    flex-wrap: wrap;    margin-bottom: 40px;}
section.en-columns.products .order-list .group {    width: 32%;    display: block;    background-color: #f2f3f5;    border-radius: 12px 12px;    overflow: hidden;    box-shadow: none;}

section.en-columns.leadtime picture {    margin-bottom: 30px;}
section.en-columns.leadtime ul.schedule-list li:first-child {    position: relative;    color: #e03a00;    font-weight: 700;    padding: 0 0 0 24px;    margin-bottom: 10px;}
section.en-columns.leadtime ul.schedule-list li:first-child:before {    content: "";    position: absolute;    left: -12px;    top: 0;    width: 24px;    height: 24px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/12/attention-icon.webp);    background-repeat: no-repeat;    background-position: 50% 50%;    background-size: 100%;}

ul.credit-list {    border: solid 3px #dadada;    border-radius: 12px 12px;    padding: 4% 4%;    font-weight: bold;    margin-top: 40px;}

section.en-columns.form {    background-color: #f7f7f7;    padding: 50px 0;}

section.en-columns.sample .sample-detail {    display: flex;    justify-content: space-between;}
section.en-columns.sample .sample-detail img {    width: 61%;}
section.en-columns.sample .sample-detail .text {    width: 35%;}

section.en-columns.faq dl dt {    position: relative;    padding: 0 0 0 40px;    margin: 0 0 5px 0;}
section.en-columns.faq dl dt:before {    content: "Q";    position: absolute;    left: 0;    top: 0;    width: 25px;    height: 25px;    background-color: #e23a00;    color: #FFFFFF;    text-align: center;    line-height: 25px;    font-size: 13px;    border-radius: 4px 4px;}
section.en-columns.faq dl dd {    background-color: #F1F1F1;    padding: 20px 20px;    font-size: 15px;    margin-bottom: 34px;}

section.en-columns h2.page-headline {    margin-bottom: 50px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2023/12/renewal-headliner.webp);    background-repeat: no-repeat;    background-position: 50% 0px;    background-size: 50px;    padding-top: 25px;    font-size: 30px; margin-top: 0;}

.enonly-info {    text-align: center;}
.enonly-info dl dt img {    width: 90px;}
.enonly-info dl dd {    color: #fff;    margin-bottom: 5px;    font-size: 12px;}
.enonly-info dl dd img {    width: 410px;    margin: 20px 0;}
.enonly-info .footer-site-infomation {    margin: 0;}
.enonly-info .info dl {    margin: 0;}

section.en-columns.header {    background-color: #E2DECF;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/01/order-header-2023-04.webp);    background-repeat: no-repeat; background-position: 110% 0;}

.contact-btn {    margin-top: 40px;}

.tracking_en {    position: fixed;    right: 3%;    bottom: 12%;     z-index: 666666;    transition: 0.5s;}
.tracking_en:hover {    bottom:10%;}

.page-id-10577 #content {    padding-bottom: 0 !important;}

span.required_star {    color: #d80505;    display: inline-block;    margin: 0 0 0 5px;    font-weight: 900;}

table.parts-detail th {    width: 20%;    padding-left: 15px;}

ul.service-list {    margin: 40px 0;    display: block;}

ul.service-list li {    width: 48%;    border-radius: 6px 6px;    overflow: hidden;    box-shadow: 0 0 4px #00000038;    float: left;    margin: 0 4% 26px 0;    position: relative;}

ul.service-list li img {    width: 40%;    float: left;}

ul.service-list li dl {    width: 60%;    padding: 6% 22px 4% 22px;    margin: 0 0;    float: right;}

ul.service-list li dl dd {    font-size: 90%;    margin: 0 0;    padding: 0 0 1.5em;}

ul.service-list:after {    display: block;    content: "";    clear: both;}

ul.service-list li:nth-child(even) {    margin-right: 0;}

ul.service-list li:before {    content: "";    position: absolute;    width: 23px;    height: 23px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/09/link-yellow.png);    background-repeat: no-repeat;    background-size: 100%;    right: 25px;    bottom: 25px;    border-radius: 20px 20px;}

ul.service-list li:after {    content: "";    position: absolute;    right: 35px;    bottom: 34px;    width: 4px;    height: 4px;    border-top: 1px solid #413f3b;    border-right: 1px solid #413f3b;    -webkit-transform: rotate(45deg);    transform: rotate(45deg);}

.en-columns.header .columns-inner {    padding: 50px 0;}

.page-id-10577 header.entry-header h1 {    font-weight: 800;    font-family: 'Arial Black',sans-serif;    font-size: 43px;    line-height: 1;    font-weight: 800;}

.en-columns.header .toptitle-area {    width: 60%;}

.en-columns.header .toptitle-area p {    line-height: 1.4;}

.en-columns.header .header-price dl dd {    font-size: 55px;    margin-bottom: 0;    font-family: 'Arial Black',sans-serif;    line-height: 1;    color: #1367AB;    font-weight: 800;}

.en-columns.header .header-price dl {    margin: 0 0 30px 0;    position: relative;}

.en-columns.header .header-price dl:after {    display: block;    content: "";    width: 120px;    height: 90px;    background: url(https://cfrp-japan.com/wp-content/uploads/2024/09/board-toumei02.webp) no-repeat;    background-size: 100%;    position: absolute;    right: 0;    top: 0;}

.en-columns.header .header-price {    width: 50%;}

.en-columns.header ul.header-main-button {    max-width: 640px;    display: flex;    justify-content: space-between;    margin: 0 0;}

.en-columns.header ul.header-main-button li {    width: 48.5%;}

.en-columns.header ul.header-main-button li a {    position: relative;    display: block; width: 100%;    padding: 25px 30px;    text-align: center;    font-size: 17px;    font-weight: 700;    color: #FFFFFF;    box-shadow: inset 0 -4px 0 #0000004a;    border-radius: 50px;    background-repeat: no-repeat;    background-size: 28px;    background-position: 26px 52%;}

.en-columns.header ul.header-main-button li:first-child a {    background-color: #C72B0C;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/01/main-button-icon-01.webp);}

.en-columns.header ul.header-main-button li a:before {    position: absolute;    content: "";    width: 24px;    height: 24px;    background-color: #FFFFFF;    top: calc(50% - 12px);    right: 25px;    border-radius: 20px 20px;}

.en-columns.header ul.header-main-button li a:after {    border-color: #1f1f1f;    position: absolute;    content: "";    top: calc(50% - 3px);    right: 34px;    width: 6px;    height: 6px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate(135deg);    transform: rotate(135deg);}

.en-columns.header ul.header-main-button li a:hover {    opacity: 0.8;}

ul.users-voice {    display: flex;    flex-wrap: wrap;}

ul.users-voice li {    width: 32%;    margin-right: 2%;    background-color: #FFFFFF;    padding: 3%;    margin-bottom: 30px;    border-radius: 10px;}

ul.users-voice li:nth-child(3), ul.users-voice li:nth-child(6) {    margin-right: 0;}

ul.users-voice ul {    margin: 15px 0 5px 0;}

ul.users-voice ul li {    width: 100%;    margin: 0;    padding: 0;    font-size: 14px;}

ul.users-voice p {    margin: 5px 0 15px 0;}

.en-columns.prices .cfrp-valu {    margin: 20px 0;}

section.en-columns.products .order-list .group dl {    padding: 26px 26px 10px 26px;    margin: 0;    font-size: 14px;}

section.en-columns.products .order-list .group h4 {    padding: 26px 26px 0 26px;    margin: 0;    font-size: 16px;}

section.en-columns.products .order-list .group dl dt {    border-bottom: solid 1px #000;    margin-bottom: 20px;    font-weight: normal; margin-top: 30px;}

section.en-columns.products .order-list .group dl dt:first-child {    margin-top: 0;}

section.en-columns.products .order-list .group dl dd {    margin-bottom: 10px;}

section.en-columns.products .order-list .group dl dd span {    display: block;    width: 30%;    float: left;}

.en-columns.products .group .form-link {    color: #000;    display: block;    text-align: right;    margin: 0 26px 26px 0;    box-shadow: none;    float: right;    border-bottom: solid 1px #000;    position: relative;    font-weight: normal;    font-size: 14px;    padding-right: 20px;     transition: 0.5s;}

.en-columns.products .group .form-link:hover {    color: #c72b0c;    border-bottom: solid 1px #c72b0c;}

.en-columns.products .group .form-link:after {    position: absolute;    content: "";    top: calc(50% - 3px);    right: 0;    width: 6px;    height: 6px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate(45deg);    transform: rotate(45deg);}

section.columns-width.renewal.sample .sample-detail .text.sample a span {    position: absolute;    top: -15px;    left: 23%;    font-size: 14px;    line-height: 1;    padding: 8px 15px;    color: #1f1f1f;    background-color: #FFFFFF;    border: solid 2px #1f1f1f;    border-radius: 20px 20px;}

section.columns-width.renewal.sample .sample-detail .text.sample a {    text-align: center;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/10/free-white-icon_01.webp);    background-repeat: no-repeat;    background-size: 40px;    background-position: 30px 50%;}


.en-columns.whatis ul {    display: flex;    flex-wrap: wrap;}
.en-columns.whatis ul li {    width: 31.3%;    margin-right: 3%;    padding: 3%;    margin-bottom: 30px;    border-radius: 10px;    box-shadow: 0px 0px 10px #dfdfdf; position:relative;}
.en-columns.whatis ul li:last-child {    margin-right: 0;}
.en-columns.whatis ul li dl {    margin-bottom: 0;}
.en-columns.whatis ul li dt {    margin-bottom: 15px;}
.en-columns.whatis ul li dd {    margin-bottom: 0;}
.en-columns.whatis ul li:before {    display: block;    position: absolute;   width: 60px;    height: 35px;    top: -30px;    left: 20px;    background-color: #fff;    font-size: 35px;    text-align: center;    font-family: 'Arial', sans-serif;    font-weight: bold;}
.en-columns.whatis ul li:first-child::before {content: "01";}
.en-columns.whatis ul li:nth-child(2)::before {content: "02";}
.en-columns.whatis ul li:last-child::before {content: "03";}

.record_left {    width: 49%;    float: left;}
.record_right {    width: 49%;    float: right;}
.record:after {    content: "";    display: block;    clear: both;}
.record_right h3 {    font-size: 20px;    display: inline-block;    border-bottom: solid 4px #000;    padding-bottom: 10px;    border-radius: 0px;    margin: 0;}
.record_right dl {    margin: 30px 0;}
.record_right dt {    font-size: 14px;    font-weight: normal;    margin-bottom: 15px;}
.record_right dd {    margin-bottom: 10px;    font-size: 15px;    font-weight: 600;    padding-left: 35px;    background-image: url("https://cfrp-japan.com/wp-content/uploads/2024/10/checklist-icon_en.webp");    background-size: 23px;    background-repeat: no-repeat;}
.record_right p {    font-size: 15px;}
.record_left img {    display: block;    border-radius: 8px;}
.record_right p:last-child {    margin-bottom: 0;}
.Gallery.record ul li {    width: 33%;}
.Gallery.record {    margin: 20px 0 90px 0;}

.other-industry {    background-color: #F0F0F0;    border-radius: 10px;    padding: 3% 5%;}
.other-industry ul {    display: flex;    flex-wrap: wrap;    margin-bottom: 0;}
.other-industry ul li {    width: 25%;    padding-left: 35px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/10/checklist-icon_en.webp);    background-repeat: no-repeat;    background-size: 22px;    background-position: 0 50%;    line-height: 3;}
.other-industry h3 {    font-size: 20px;}

.products-item {    box-shadow: 0px 0px 10px #dfdfdf;   border-radius: 10px;    margin: 40px 0;    background-position: 0 50%;    background-repeat: no-repeat;}
.products-item .item-left {    width: 40%;    float: left;}
.products-item .item-right {    width: 60%;    float: right;    padding: 3%; background-color: #fff; border-radius: 0 10px 10px 0;}
.products-item:after {    display: block;    content: "";    clear: both;}
.products-item .item-right h3 {    font-size: 16px;}
.products-item .item-left img {   display: block;    border-radius: 10px 0 0 10px;}
.products-item table th {    padding: 7px 10px;}
.products-item table td {    padding: 7px 10px;}
.products-item .fusionbtn {    color: #000;    display: block;    text-align: right;    margin: 0;    box-shadow: none;    float: right;    border-bottom: solid 1px #000;    position: relative;    font-weight: normal;    font-size: 14px;    padding-right: 20px;    transition: 0.5s;}
.products-item .fusionbtn:after {    position: absolute;    content: "";    top: calc(50% - 3px);    right: 0;    width: 6px;    height: 6px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate(45deg);    transform: rotate(45deg);}
.en-columns.products {    background-color: #F8F8F8; margin-top: 50px;}

section.en-columns.prices .cfrp-valu ul li {    padding: 22px 10px;}
section.en-columns.prices .cfrp-valu ul li:first-child, section.en-columns.prices .cfrp-valu ul li:nth-child(2), section.en-columns.prices .cfrp-valu ul li:nth-child(3), section.en-columns.prices .cfrp-valu ul li:nth-child(4), section.en-columns.prices .cfrp-valu ul li:nth-child(5), section.en-columns.prices .cfrp-valu ul li:nth-child(6) {    padding: 10px 10px;}
section.en-columns.prices .cfrp-valu ul li:nth-child(6n+1) {    padding: 10px 10px;}

.contactus-btn {    width: 300px;    margin: 62px auto 42px auto;}
.contactus-btn a {    position: relative;    font-size: 15px;    color: #FFFFFF;    display: block;    box-shadow: none;    background-color: #C72B0C;    box-shadow: 0px 4px 0 #731d0c;    border-radius: 8px 8px;    font-weight: 700;    padding: 25px 24px 25px 28px;    text-align: center;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/01/main-button-icon-01.webp);    background-repeat: no-repeat;    background-size: 30px;    background-position: 10% 50%;}
.contactus-btn a:after {    position: absolute;    content: "";    top: calc(50% - 3px);    right: 30px;    width: 6px;    height: 6px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate(45deg);    transform: rotate(135deg);}
.contactus-btn a:before {    content: "";    display: block;    position: absolute;    width: 22px;    height: 22px;    background-color: #FFFFFF;    right: 22px;    top: calc(50% - 11px);    border-radius: 30px;}
.contactus-btn a:hover {    color: #FFFFFF;    opacity: 0.8;}

section.en-columns.works {    background-color: #F8F8F8;}

.free-sample-yellow {    background-color: #FBC111;    border-radius: 20px;    box-shadow: 0px 0px 10px #dfdfdf;    margin: 80px 0; transition: 1s;    max-width: 1080px;    margin: 80px auto 0 auto;}
.free-sample-yellow img {    float: left;    width: 32%;}
.free-sample-yellow .right {    width: 63%;    float: right;}
.free-sample-yellow:after {    display: block;    content: "";    clear: both;}
.free-sample-yellow h2 span {    font-size: 13px;    color: #3F3F3F;    display: block;}
span.small-info {    font-size: 14px;    display: block;    width: 55%;    float: left; line-height: 4;}
.free-sample-yellow .right .sample-btn {    float: right;    width: 40%;    background-color: #1F1F1F;    padding: 15px 20px;    color: #fff;    border-radius: 30px;    text-align: center; position: relative;}

.free-sample-yellow .right .sample-btn:before {    content: "";    display: block;    position: absolute;    width: 22px;    height: 22px;    background-color: #FFFFFF;    right: 22px;    top: calc(50% - 11px);    border-radius: 30px;}
.free-sample-yellow .right .sample-btn:after {    position: absolute;    content: "";    top: calc(50% - 3px);    right: 31px;    width: 6px;    height: 6px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate(45deg);    transform: rotate(45deg);}
.free-sample-yellow:hover {    background-color:#fbe911;}

.free-sample-yellow a {    display: block;    padding: 3%;    box-shadow: none;}
.free-sample-yellow a:after {    display: block;    content: "";    clear: both;}

.products-item.board_size {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/10/en-products_01.webp);}
.products-item.pipe_size {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/10/en-products_02.webp);}
.products-item.kaku_size {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/10/en-products_03.webp);}
.products-item.board_data {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/10/en-products_04.webp);}
.products-item.pipe_data {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/10/en-products_05.webp);}
.products-item.kaku_data {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/10/en-products_06.webp);}

.gakurobo-colmun.what.cp .special-favor dl:first-child {    border-color: #cb0b0c;}

.gakurobo-colmun.what.cp .special-favor dl:first-child dt {    background-color: #cb0b0c;}

.gakurobo-colmun.what.cp .special-favor dl:last-child dd div p:last-child span {    display: block;    font-size: 20px;    line-height: 1.2;    font-weight: 800;}

.gakurobo-colmun.what.cp .special-favor dl:first-child dd div p:last-child {    line-height: 1;    font-size: 28px;    margin: 10px 0 0 10px;}

.gakurobo-colmun.what.cp .special-favor dl:last-child dd div {align-items: flex-end;}
.gakurobo-colmun.what.cp .special-favor dl:last-child dd div p {    margin: 0 0;    color: #df7415;}
.gakurobo-colmun.what.cp .special-favor dl:last-child dd div p:last-child {margin: 10px 0 0px 10px;text-align: left;}

.gakurobo-colmun.what.cp .special-favor dl:first-child dd div p {    margin: 0 0;    color: #cb0b0c;}
.gakurobo-colmun.what.cp .special-favor dl:first-child dd div p:first-child {    font-size: 60px;    line-height: 1;}

.gakurobo-colmun.what.cp .special-favor dl:first-child dd div {    align-items: baseline;}

.gakurobo-colmun.what.cp picture {    margin: 0 auto 48px auto;}

.gakurobo-colmun.product ul.service-list li {    width: 100%;    float: none;}
.gakurobo-colmun.product ul.service-list li a:after {    content: "";    display: block;    clear: both;}
.gakurobo-colmun.product ul.service-list li a {    display: block;    box-shadow: none;}

.share {    box-shadow: 0 0 10px #dddddd;    border-radius: 50px;    padding: 20px 40px;    width: 40%;    line-height: 1.9;    margin-bottom: 40px;}
.share p {    display: inline-block;    float: left;    margin: 0;    font-weight: 600;}
.share ul {    float: right;    display: flex;    justify-content: center;    margin: 0;}
.share:after {    display: block;    content: "";    clear: both;}
.share ul li {    margin: 0 15px;}

.share ul li a {    display: block;    width: 30px;    height: 30px;    background-size: 100%;    background-repeat: no-repeat;    box-shadow: none;}
.share ul li:first-child a {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/11/sns-logo-x.webp);}
.share ul li:nth-child(2) a {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/11/sns-logo-fb.webp);}
.share ul li:last-child a {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/11/sns-logo-line.webp);}
.share ul li:first-child a:hover {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/11/sns-logo-x_hover.webp);}
.share ul li:nth-child(2) a:hover {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/11/sns-logo-fb_hover.webp);}
.share ul li:last-child a:hover {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/11/sns-logo-line_hover.webp);}

ul.list-choise li {    cursor: pointer;    display: inline-block;    margin-right: 10px;    font-size: 14px;    border-radius: 3px;    padding: 7px 22px;    font-weight: 900;    border: solid 1px #c1c1c1; margin-bottom: 10px; transition: 0.6s;}
ul.list-choise li.active {    background-color: #036ce1;    border: #036ce1;    color: #fff;}
ul.list-choise {    margin: 30px 0;}

.little_bit {    box-shadow: 0 0 6px #0000003d;    border-radius: 8px 8px;    padding: 2% 8%;    margin: 50px 0;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/02/good-icon.webp);    background-repeat: no-repeat;    background-size: 30px;    background-position: 3% 45%;}

.header-area-info_img {    background-color: #fbc111;    position: fixed;    width: 100%;    z-index: 5;}
.header-area-info_img img {    margin: 0 auto;    display: block;}
.header-area-info_img a:hover {    opacity: 0.7;}

.count-sale p {text-align: center;font-size: 20px;font-weight: 800;margin-bottom: 0;}
.count-sale p span {    padding: 0 10px;    font-size: 40px;    color: #bb1018;}




.header-area:after, .header-area .wrap:after, .columns-inner:after, .feature-box:after, section.type-comparison .type-text-right ul:after, .type-reason-box:after,  .type-service-02:after , .label:after , .example-box:after , .cfrp-valu ul:after , .Gallery ul:after , .board-area:after , header.entry-header:after , section.page-bottom-post:after , section.page-bottom-post ul li:after,section.page-bottom-post ul li a:after , .board-columns .left-image:after, .board-columns .right-image:after , section.board-columns .planbox-left-image:after , section.board-columns .planbox-right-image:after , section.columns-width.page-link ul li a:after , .payment:after , .sanple-detail:after ,.guide-left:after,.guide-right:after , .guide-left .top:after , .guide-right .top:after , .label .form-info.half-img:after , table.right.customize td:after , section.columns-width.home-page-link ul:after , section.columns-width.page-link ul:after , ul.press-logo:after , .ec-wrap:after ,.board-area .label:after ,section.new-front.order-processing .columns-inner .order-list .group dl:after , .page-problem:after , .right-image:after , .left-image:after {
    content:"";
	display:block;
	clear:both;
}



/*--------------------------------------------------------------
 Media Queries
--------------------------------------------------------------*/



/* Ios 5, 5s */
@media screen and (min-width: 280px) and (max-width: 320px){




}


/* Ios 6, Android */

@media screen and (min-width: 280px) and (max-width: 680px){
	
	html { overflow-x:hidden; }
	
	body {   font-size: 15px;    font-weight: 500;    line-height: 1.6; overflow-x:hidden; }
		
	ul.deliveryflow li:after , .board-area .label.board-size ul li:after , ul.faq-links:after , ul.service-links:after , section.columns-width.board-data-recommended ul li:after , dl.payment-toggle dd ul li:after , .label table.right tr.sp-display:after , section.columns-width.page-link ul li a:after , ul.page-guide-step li:after , section.columns-width.customizemenu ul.option-menu:after {   content: "";   display: block;   clear: both; }
	

	header.entry-header {   margin-bottom: 30px;}

	h1 { 	font-size: 22px; 	}
	h2, .page .panel-content .recent-posts .entry-title { 	font-size: 19px; }
	h3 { 	font-size: 17px; 	}
	h4 { 	font-size: 16px; 	}
	h5 { 	font-size: 15px; 	}
	h6 { 	font-size: 13px; 	}
	
	.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {    line-height: 1.2; }
	.site-content-contain {  padding-top: 0;}
	.home .site-content-contain {    padding-top: 0;}
	
	.columns-inner { padding:60px 6%;}
	
	section.columns-width.type-feature .columns-inner {   padding: 24px 6% 50px 6%; }

	h2.headline-ye, h2.headline-bl  , section.columns-width.front header h2 {    font-size: 18px; }


	
	
	.navigation-top .wrap {   padding: 12px 6% ; }
	
	.site-branding-text {   width: 18%;  float: left;  }
	.site-branding-text picture {   line-height: 0; }
	
	.navigation-top .wrap dl#nav-toggle {    width: 58%;    float: left;    margin: 0 0 0 10%;}
	.navigation-top .wrap dl#nav-toggle dt {    font-size: 12px;    width: 50%;    float: left;    text-align: center;    position: relative;}
	.navigation-top .wrap dl#nav-toggle dt span {    display: block;    font-size: 10px;    font-weight: 400;    color: #6c6c6c;    line-height: 1;}
	.navigation-top .wrap dl#nav-toggle dt:before {    position: absolute;    content: "";    top: calc(50% - 3px);    right: 0;    width: 6px;    height: 6px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate( 135deg );    transform: rotate( 135deg );}
	
	
	.navigation-top .wrap dl#nav-toggle dd {    display: none;    position: absolute;    border-top: solid 2px #fac110;    background-color: #FFFFFF;    box-shadow: 0 2px 4px #00000042;    margin: 0 0;    z-index: 666;    padding: 5% 5%;    top: 53px;    width: 101%;    left: 50%;    transform: translateX(-50%);}
	.navigation-top .wrap dl#nav-toggle dd ul {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 12px auto;}
	.navigation-top .wrap dl#nav-toggle dd.order ul li {width: 100%;margin: 0 0 12px 0;}
	.navigation-top .wrap dl#nav-toggle dd.shop ul li {  width: 100%;margin: 0 0 12px 0;}
	.navigation-top .wrap dl#nav-toggle dd ul li a {  display: flex;    justify-content: flex-start;    align-items: center;    position: relative;    padding: 0 0;    background-color: inherit;    font-size: 13px;    font-weight: 500; }
	.navigation-top .wrap dl#nav-toggle dd ul li a img {width: 42px;margin: 0 12px 0 0;}
	.navigation-top .wrap dl#nav-toggle dd ul li a:before {    content: "";    position: absolute;    right: 14px;    top: calc(50% - 2px);    width: 5px;    height: 5px;    border-top: 1px solid #413f3b;    border-right: 1px solid #413f3b;    -webkit-transform: rotate(45deg);    transform: rotate(45deg);}

	.navigation-top .wrap dl#nav-toggle dd.order ul li:first-child, 
	.navigation-top .wrap dl#nav-toggle dd.order ul li:nth-child(5) {    font-size: 14px;    font-weight: 600; }
	

	ul.second-navigation {    padding: 55px 0 0 0;    margin: 0 0;    display: flex;    justify-content: space-between;}
	ul.second-navigation li {    width: 25%;}
	ul.second-navigation li a {    display: block;    text-align: center;    padding: 36px 0 8px 0;    background-color: #272f35;    color: #FFFFFF;    font-size: 11.5px;      background-repeat: no-repeat;    background-position: 50% 10px;    background-size: 20px;}
	
	ul.second-navigation li:first-child a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/secondnavi-01.png");}
	ul.second-navigation li:nth-child(2) a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/secondnavi-02.png");}
	ul.second-navigation li:nth-child(3) a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/secondnavi-03.png");}
	ul.second-navigation li:last-child a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/secondnavi-04.png");}
	
	
	.menu-trigger {  display: inline-block;   width: 28px;   height: 20px;   vertical-align: middle;   cursor: pointer;   position: fixed;    z-index: 100; right:6%; top: 16px;  }
	.menu-trigger span {   display: inline-block;   box-sizing: border-box;   position: absolute;   left: 0;   width: 100%;   height: 2px;   background-color: #333333;   transition: all .5s; }
	.menu-trigger.active span {   background-color: #333333; }
	
	.menu-trigger span:nth-of-type(1) {   top: 0; }
	.menu-trigger.active span:nth-of-type(1) {   transform: translateY(12px) rotate(-45deg); }
	.menu-trigger span:nth-of-type(2) {   top: 9px; }
	.menu-trigger.active span:nth-of-type(2) {   opacity: 0; }
	.menu-trigger span:nth-of-type(3) {   bottom: 0; }
	.menu-trigger.active span:nth-of-type(3) {   transform: translateY(-6px) rotate(45deg); }

	nav.drawr-slidemenu {   width: 100%;   height: 100%;   padding-top: 60px;   background-color: #e8e8e8;   position: fixed;   top: 0;    right: 0;   z-index: 10;   transform: translate(100%);   transition: all .5s; }
	nav.drawr-slidemenu.open {  transform: translateZ(0); }
	
	nav.drawr-slidemenu ul {  margin: 0 0; padding: 0 6% 24px 6%; }
	nav.drawr-slidemenu li  {   margin: 0 0; }
	nav.drawr-slidemenu li.ttl { font-weight: 800; font-size: 15px; padding-top: 24px; }
	nav.drawr-slidemenu li a {   padding: 3px 0;   font-weight: normal;     font-size: 14px;     position: relative;     display: block; }
	nav.drawr-slidemenu li a:before {    display: block;     content: "";     position: absolute;     right: 7%;     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-footer .wrap {    padding: 4em 6%; } 
	.site-footer .wrap .footer-contents {     display: inherit; }
	.site-footer .wrap .footer-contents .info {     float: none;     width: 100%;     margin: 0 0 60px 0; }
	.site-footer .wrap .footer-contents ul.site-links li a {     font-size: 12px;     display: block;     position: relative; }
	.site-footer .wrap .footer-contents ul.site-links li a:before {     content: "";     position: absolute;     right: 4px;     bottom: 10px;     width: 4px;     height: 4px;     border-top: 1px solid #ffffff;     border-right: 1px solid #ffffff;     -webkit-transform: rotate( 45deg );     transform: rotate( 45deg ); }
	
	
	
	
	section.type-about .columns-inner , section.type-about .columns-inner.en {   background-image: none;   padding-bottom: 30px; }
	
	.type-about-sp-inner {   border: solid 3px #fbc111;    border-radius: 10px;    padding:4% 8% 8% 8%;  position: relative; }
	
	.type-about-sp-inner:before {  content: "";   position: absolute;   width: 87px;  height: 47px;   background-image: url("https://cfrp-japan.com/wp-content/uploads/2019/07/about-sp-before2.jpg");   top: -47px;     left: 50%;   margin-left: -44px;   background-repeat: no-repeat;   background-position: -1px 0;   background-size: 88px; }
	
	.type-about-sp-inner:after {       content: "";    width: 50px;    height: 117px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2019/07/wang-image.png);    position: absolute;    bottom: -70px;    right: 16px;    z-index: 10;    background-size: 100%;    background-repeat: no-repeat; }
	
	section.type-about .columns-inner.en .type-about-sp-inner:after {  background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/03/simon-image.png); }

	.type-about-sp-inner p {   margin: 0 0;    font-size: 14px;    line-height: 1.6; }

	.type-about-sp-inner h1.headline-ye {   background-image: none;    font-size: 16px;    padding: 36px 0 0 0; }

	section.columns-width .type-about-sp-inner header {   position: relative;    margin: 0 0 20px 0; }

	.type-about-sp-inner h1.headline-ye + p {   color: #fbc111;    position: absolute;    top: 0;     right: 50%;    margin-right: -24px; }

	section.columns-width header {   margin: 0 0 40px 0; }

	.feature-point01, .feature-point02, .feature-point03 {   width: 100%;   float: none;   padding: 143px 30px 30px 30px;   background-position: 50% 32px;   background-size: 40%;     box-shadow: none;   border: solid 3px #000;}

	.feature-point03 {   margin-top: 33px; }

	section.columns-width.type-feature {   margin: 136px 0 36px 0; }
	
	h1.headline-ye span {   margin: 12px 0 10px 0;   font-size: 13px; }
	
	h2.second-headline {   font-size: 20px;   margin: 0 0 30px 0;}

	h2.second-headline span {   font-size: 13px; }
	
	section.columns-width.type-comparison {   padding-bottom: 53px;   background-size: 90%;   background-position: 43% 100%; }	
	section.columns-width.type-comparison .type-text-right {   float: none;   width: 100%; }
	section.columns-width.type-comparison .type-text-right ul li {     font-size: 14px;  border-radius: 28px;   padding: 10px 10px;   width: 54%;   border: solid 2px #d0d0d0;   text-align: center; }

	section.type-comparison .type-text-right ul li:first-child,section.type-comparison .type-text-right ul li:nth-child(3) {   width: 44%; margin-right: 2%; }
	section.type-comparison .type-text-right ul li:first-child:before, section.type-comparison .type-text-right ul li:nth-child(2):before, section.type-comparison .type-text-right ul li:nth-child(3):before, section.type-comparison .type-text-right ul li:last-child:before {     content: none; }
	


	.type-reason-box + p {  line-height: 36px;   font-size: 12px;   background-image: url(https://cfrp-japan.com/wp-content/uploads/2019/07/line-36-under.jpg); }
	.type-text-right ul + p, section.columns-width.type-delivery header + p  {   line-height: 36px;   font-size: 14px;   background-image: url(https://cfrp-japan.com/wp-content/uploads/2019/07/line-36-under.jpg); }
	
	.type-service-right dl {   margin: 60px 0 0 0; }
	.type-service-right dl dt {     margin: 0 0 14px 0;    font-size: 14px; }
	.type-service-right dl dd {   font-size: 13px; }
	.type-reason-list {   float: none;   width: 25%;   padding: 11px 0;   font-size: 12px;   margin: 0 0 0 15px;    position: absolute;   top: 0;   left: 0;   box-shadow: none;}
	.type-reason-box dl {  width: 100%;   padding: 11% 8% 8% 8%;  margin-top: -10px;   box-shadow: none;   border: solid 2px #272829;   background-color: #ffffff;  border-radius: 10px; }
	.type-reason-box dl dt {       margin: 0 0 18px 0;  font-size: 16px; }
	.type-reason-box dl dt span {  font-size: 17px; }
	.type-reason-box dl dd {   margin: 0 0;   font-size: 13px; }
	.type-reason-list span {   display: inline-block; }
	.type-reason-box {   position: relative;   padding: 30px 0 0 0; }
	.type-reason-box {   margin-bottom: 25px; }

	section.columns-width.type-reason header + picture {  margin-bottom: 15px;   display: block; }
	section.columns-width.type-service .columns-inner {   padding: 0 5%; }



	span.small {   font-size: 78%;}
	
	
	.sample-half {    display: inherit;}
	.sample-half img , .sample-half dl {    width: 100%;}
	.sample-half img {    margin: 0 0 24px;}

	.sanple-detail .left ,.sanple-detail .right {    float: none;    width: 100%;    padding: 6% 6%;}
	.sanple-detail .left {    margin: 0 0 24px 0;}
	.sanple-detail .left ul li, .sanple-detail .right ul li {    display: inherit;    margin: 0 0 12px 0;}
	.sanple-detail .left ul li span , .sanple-detail .left ul li p, .sanple-detail .right ul li span , .sanple-detail .right ul li p {    width: 100%;}

	
	section.columns-width.type-delivery header h1, section.columns-width.type-delivery h2 , .Gallery h2 {   font-size: 18px; }
	
	.Gallery h2 {   margin-bottom: 10px; }
	.Gallery ul li {   width: 33%;   margin-right: 0.5%;   margin-bottom: 2px; }
	.Gallery ul li:nth-child(5n) {   margin-right: 0.5%; }
	.Gallery ul li:nth-child(3n) {   margin-right: 0; }
	
	.type-reason-box + p {   position: relative; }

	.type-reason-box + p:before { content: "";    position: absolute;    width: 68px;    height: 133px;    background-size: 100%;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2019/07/wang-image-2.png);    background-repeat: no-repeat;    right: 0;    bottom: -106px; }

	ul.deliveryflow {   display: inherit;  margin: 47px 0; }
	ul.deliveryflow li {   width: 100%; }
	ul.deliveryflow li picture {   display: block;   width: 24%;   float: left; }
	ul.deliveryflow li p {   width: 70%;   float: right;   margin-top: 20px; }
	
	section.columns-width.type-contact .columns-inner header + p {   font-size: 14px; }
	
	.label .label-name {       width: 100%;   float: none;   line-height: 50px;  font-weight: 800; }

	.label p {   width: 100%;   float: none; margin: 0 0;}
	.file-area {  padding-top: 16px; }


	.file-area .label .label-name {  font-weight: 900; }
	.file-area .label {   margin: 0 0 40px 0;   border-top: dashed 1px #d6d6d6;   padding-top: 20px; }
	
	.example-box dl dt span {   margin: 0 0;   font-size: 13px; }
	.example-box dl {   width: 80%; }
	
	picture.deliveryflow-pic img {   display: none; }	
	picture.deliveryflow-pic {  display: block;    height: 520px;    max-width: 450px;    margin: 0 auto;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/03/schedulenouhin-sp.webp),url(https://cfrp-japan.com/wp-content/uploads/2020/03/schedulenouhin-sp.jpg);   background-repeat: no-repeat;     background-size: 108%; }

	.site-footer .wrap p {   text-align: left; }
	
	.label.quiz {  margin: 0 0 20px 0; }
	
	
	.cfrp-valu ul li:nth-child(6n+1) {  width: 100%;   background-color: #e0e0e0;   padding: 4px 10px; }

	.cfrp-valu ul li {  width: 20%;  font-size: 11px;  padding: 10px 0;   text-align: center; }
	.cfrp-valu ul li:nth-child(2), .cfrp-valu ul li:nth-child(3), .cfrp-valu ul li:nth-child(4), .cfrp-valu ul li:nth-child(5), .cfrp-valu ul li:nth-child(6) {   padding: 4px 0;     text-align: center;   background-color: #a5a5a5;   font-size: 11px; }

	.cfrp-valu ul li:first-child {  width: 100%;   background-color: #505050;   color: #FFFFFF; }
	
	.page-id-153 ul.deliveryflow li p {   margin-top: 10px; }


	
	section.columns-width.type-campaign table {width: 100%;font-size: 13px;}


	section.columns-width.faq dl dt {   margin: 0 0 6px 0;   font-size: 14px; }
	section.columns-width.faq dl dd {   padding: 5% 6%;   font-size: 14px;   border-radius: 4px 4px; }
	
	.tab li {  font-size: 12px;}
	.tab li:before,.tab li:after {   content: none;}
	.tab span {   display: none;}



	.board-area .label ul {  display: inherit;}


	.board-area .label ul li:first-child span , .board-area .label ul li:last-child span {   display: block;   width: 100%;  margin: 10px 0 0 0; }

	.board-area .label ul li:first-child span.text-board01,
	.board-area .label ul li:first-child span.text-board02,
	.board-area .label ul li:first-child span.text-board03,
	.board-area .label ul li:last-child span.text-board01-1,
	.board-area .label ul li:last-child span.text-board02-1,
	.board-area .label ul li:last-child span.text-board03-1 {   margin: 0 0;    width: 100%;  }

	.board-area .label ul li:first-child,.board-area .label ul li:last-child { width: 100%;}
	

	.board-area p {    width: 100%;    float: none; }
	
	
	
	.label.board-size {   border-top: solid 2px #f5ca14;    margin-top: 47px; }
	.board-area .label.board-size ul {    width: 100%;     float: none;     margin: 10px 0 0 0; }
	
	
	.label .headline {    font-size: 14px;}

	.label .form-info , 
	.label .form-info.half-img table {    width: 100%;    float: none;}

	.label .form-info.half-img .title + p {    margin: 0 0 20px 0;    float: none;    width: 100%;}

	.label .form-info.half-img table th , .label .form-info.half-img table td , 
	.label .form-info table th , .label .form-info table td {    display: block;    padding: 8px 10px;}

	.texture span.wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before, .texture span.wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::before , 
	.completion span.wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before, .completion span.wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::before  {
    width: 38px;
    height: 38px;
	}

	.texture span.wpcf7-list-item .wpcf7-list-item-label, .completion span.wpcf7-list-item .wpcf7-list-item-label {    line-height: 40px;}

	.wpcf7 .ajax-loader {       display: block;    margin: 10px auto 0 auto;  }
	.wpcf7-list-item {    margin: 0 16px 4px 0;}

	span.wpcf7-form-control-wrap.check-answer , span.wpcf7-form-control-wrap.checkbox-247 {    margin: 0 0 26px 0;    font-size: 13px;}
	
	
	section.columns-width.type-service h2 {   font-size: 17px; }
	.label.acceptance p + p {   margin: 16px 0 15px 0;}
	.label.acceptance p {    margin: 0 0; }
	
	table.right.customize tr td p.right-img {    width: 100%;    float: none;    border: solid 1px #dcdcdc;    line-height: 0;    margin: 5px 0 20px 0; }

	
	.page-id-384 .site-content , .page-id-389 .site-content , .page-id-391 .site-content , .page-id-387 .site-content  , 
	.parent-pageid-384 .site-content , .parent-pageid-389 .site-content , .parent-pageid-391 .site-content , .parent-pageid-387 .site-content ,
	.page-id-673 .site-content  { padding-top:0 ; }

	

	.faq-headercontent , 
	.schedule-headercontent , 
	.merit-headercontent , 
	.about-headercontent , 
	.order-headercontent , 
	.payments-headercontent , 
	.service-headercontent , 
	.case-headercontent , 
	.snsvoice-headercontent , 
	.presskit-headercontent {   background: -webkit-linear-gradient(top,#ffc600 200px, #ffffff 200px);   background: -moz-linear-gradient(top,#ffc600 200px, #ffffff 200px);   background: linear-gradient(top,#ffc600 200px, #ffffff 200px);   height: 305px;}
	
	.faq-headercontent:before , 
	.schedule-headercontent:before , 
	.merit-headercontent:before , 
	.about-headercontent:before , 
	.order-headercontent:before , 
	.payments-headercontent:before , 
	.service-headercontent:before , 
	.case-headercontent:before , 
	.snsvoice-headercontent:before , 
	.presskit-headercontent:before {   width: 300px;   background-size: 100%;   left: calc(50% - 150px);   top: 40px;   height: 224px;}
	
	
	
	.manual-headercontent {    height: 264px;    background: -webkit-linear-gradient(top,#355c93 212px, #ffffff 212px);     background: -moz-linear-gradient(top,#355c93 212px, #ffffff 212px);     background: linear-gradient(top,#355c93 212px, #ffffff 212px); }
	.manual-headercontent:before {    background-size: 100%;     width: 290px;     left: calc(50% - 145px); }

	.guide-headercontent {   height: 200px;   margin: 0 0 50px 0;}
	
	
	.page-id-384 .guide-headercontent:before  ,  .parent-pageid-384 .guide-headercontent:before , 
	.page-id-389 .guide-headercontent:before  ,  .parent-pageid-389 .guide-headercontent:before  , 
	.page-id-391 .guide-headercontent:before  ,  .parent-pageid-391 .guide-headercontent:before  ,
	.page-id-387 .guide-headercontent:before  ,  .parent-pageid-387 .guide-headercontent:before {      position: absolute;   content: "";   background-repeat: no-repeat;   background-position: 50% 0;   width: 310px;    height: 105px;   left: calc(50% - 160px);   top: 66px;   background-size: 100%;}

	
	.page-id-384 .guide-headercontent , 
	.parent-pageid-384 .guide-headercontent  {   background: -webkit-linear-gradient(top,#ededed 200px, #ffffff 200px);   background: -moz-linear-gradient(top,#ededed 200px, #ffffff 200px);   background: linear-gradient(top,#ededed 200px, #ffffff 200px);}

	.page-id-389 .guide-headercontent , 
	.parent-pageid-389 .guide-headercontent {   background: -webkit-linear-gradient(top,#241303 200px, #ffffff 200px);   background: -moz-linear-gradient(top,#241303 200px, #ffffff 200px);   background: linear-gradient(top,#241303 200px, #ffffff 200px);}

	.page-id-391 .guide-headercontent , 
	.parent-pageid-391 .guide-headercontent  {   background: -webkit-linear-gradient(top,#ededed 200px, #ffffff 200px);   background: -moz-linear-gradient(top,#ededed 200px, #ffffff 200px);   background: linear-gradient(top,#ededed 200px, #ffffff 200px);}

	.page-id-387 .guide-headercontent , 
	.parent-pageid-387 .guide-headercontent  {   background: -webkit-linear-gradient(top,#da2a1b 200px, #ffffff 200px);   background: -moz-linear-gradient(top,#da2a1b 200px, #ffffff 200px);   background: linear-gradient(top,#da2a1b 200px, #ffffff 200px);}
	
	
	

	.post-mokuji { width: 100%; padding: 9% 8% 5% 8%;   margin: 40px auto; }

	.post-mokuji ul li { font-size: 13px;}
	
	.site-content .wrap {   padding-left: 5%;    padding-right: 5%; }
	
	.single-post .site-content .wrap {    padding-top: 34px;}
	
	section.page-bottom-post h1 { font-size: 18px; }
	section.page-bottom-post ul li a figure { width: 34%; }
	section.page-bottom-post ul li a span#data, section.page-bottom-post ul li a h2 {  width: 61%; }
	section.page-bottom-post ul li a h2 {  font-size: 14px; }
	section.page-bottom-post ul li a span#data {  font-size: 11px;   margin: 0 0 2px 0; }
	section.page-bottom-post ul li a:before {   border-top: 1px solid #413f3b;  border-right: 1px solid #413f3b; }


	.warning {  padding: 8.5% 6% 6% 6%;    border-radius: 10px 10px;     margin: 60px 0 40px 0; 	}
	.warning img.center-img {   margin: 30px 0; 	}
	img.center-img {    margin: 40px 0; }
	.front-post-data ul {    display: inherit; }
	.front-post-data ul li {    width: 100%;    margin: 0 0 10px 0;     box-shadow: 0 0 3px #00000038; }
	.front-post-data ul li a figure {    width: 34%;     float: left; }
	.front-post-data ul li a h2 {    clear: inherit;     width: 55%;     float: right;     font-size: 14px;     padding: 0 12px 0 0; }
	.front-post-data ul li a:after {content: "";clear: both;display: block;} 
	.front-post-data ul li a:before {    right: 5%;     bottom: 22px; }
	.front-post-data {    margin: 40px 0 0 0; }
	
	
	
	.label table.right {    width: 100%;    float: none; margin: 0 0; }
	.label table.right tr.sp-display {    display: block;    width: 100%; }
	.label table.right,.label table.right tbody {    display: block;     width: 100%; }
	.label table.right tr.sp-display td  {    display: block;     width: 100%; }
	.label table.right tr.sp-display th {    width: 106px;     float: left;     line-height: 30px;     clear: both; }
	.label table.right tr.sp-display td span.wpcf7-form-control-wrap {    width: 130px;     display: inline-block;     margin: 0 10px 0 0; }
	.label table.right tr th {   width: 106px; }
	
	
	table.right.board tr th {    padding: 12px 0 0 0;   vertical-align: top; }
	
	
	section.text .text-inner header {   margin: 0 0; }
	section.text .text-inner header h1 {    font-size: 16px;    background-size: 10%;     background-position: 6% 24px;    padding: 16px 0; }
	section.columns-width.text .columns-inner {  padding: 38px 6%;}
	.home section.columns-width.text .columns-inner {    padding: 34px 6%;}
	
	
	section.text .text-inner {	  padding: 6% 6%;}
	section.text .text-inner a {    padding-right: 7%;}
	section.text .text-inner a p span {       padding: 2px 6px 0 6px;    font-size: 11px;}
	
	
	
	
	.data-manual {   width: 100%; }
	.board-area .label.board-size ul li span {display: block;}
	.board-area .label.board-size ul li {    margin: 0 0 10px 0;    clear: both;   padding: 0 0 0 18px;   position: relative; }
	.board-area .label.board-size ul li:first-child span,.board-area .label.board-size ul li:last-child span {   margin: 0 0; }
	.board-area .label.board-size ul li:last-child {   margin: 0 0; }
	.board-area .label.board-size ul li:before {content: "";position: absolute;width: 6px;height: 6px;background-color: #f5ca14;border-radius: 6px;left: 0;top: 6px;}
	
	.page-id-2536 .board-area .label.board-size ul li:nth-child(4):before {   content: none; }
	
	
	.page-id-1196 .site-content , .page-id-1198 .site-content , .page-id-1200 .site-content , .page-id-1202 .site-content , .page-id-696 .site-content ,
	.page-id-2076 .site-content , .page-id-3272 .site-content , .page-id-3433 .site-content , .site-content , .page-id-3595 .site-content , 
	.page-id-3501 .site-content , .page-id-4328 .site-content , .page-id-4384 .site-content  {   padding-top: 0;}
	
	.page-id-3272 .columns-inner , .page-id-3433 .columns-inner , .page-id-4328 .columns-inner {   padding: 100px 0; }
	

	
	
	
	
	ul.faq-links, ul.service-links {   display: inherit;   margin-bottom: 60px;}
	ul.faq-links li a, ul.service-links li a {    padding: 50px 0 13px 0;    background-size: 34px;    background-position: 50% 14px;    font-size: 13px;}
	ul.faq-links li, ul.service-links li {   width: 48%;   margin-bottom: 15px;}
	ul.faq-links li:nth-child(odd), ul.service-links li:nth-child(odd) {   float: left;}
	ul.faq-links li:nth-child(even), ul.service-links li:nth-child(even) {   float: right;}
	
	.home ul.faq-links {   margin: 30px 0 20px 0;}
	.home ul.faq-links li {   margin-bottom: 12px; }

	dl.faq-toggle dt {   padding: 8% 5% 5% 15%;   line-height: 1.4;   margin: 15px 0 0 0;}
	dl.faq-toggle dt:before {   top: 24px; }
	dl.faq-toggle dd {          padding: 0 5% 7% 15%;    line-height: 1.4;}
	

	.page-id-2321 .site-content .wrap, .page-id-2536 .site-content .wrap, .page-id-2557 .site-content .wrap, 
	.page-id-4412 .site-content .wrap, .page-id-4957 .site-content .wrap, .page-id-6146 .site-content .wrap, .page-id-6170 .site-content .wrap, .page-id-10577 .site-content .wrap {   padding-left: 0;     padding-right: 0; }
	
	section.entry-header-area .columns-inner {   padding: 60px 6%; }
	section.entry-header-area h1.entry-title {   font-size: 22px;}
	section.columns-width.carousel .columns-inner-bottom {   padding: 20px 6% 0 6%; }
	section.columns-width.carousel .columns-inner-bottom p {    margin: 0 0; }
	
	
	section.columns-width.board-data-recommended ul {   width: 100%;    display: inherit; }
	section.columns-width.board-data-recommended ul li {    width: 100%;     margin: 0 0 20px 0; }
	section.columns-width.board-data-recommended ul li img {    width: 41%;     float: left; }
	section.columns-width.board-data-recommended ul li p {   width: 55%;     float: right;     text-align: left;     margin: 0 0 0 0; }
	section.columns-width.board-data-recommended ul li:before {       font-size: 24px;    left: 0;    top: -22px;    color: #595959;    text-shadow: 0 1px 4px #ffffff; }
	section.columns-width.board-data-recommended ul li:last-child {   margin-bottom: 0; }
	
	.service-sample {  background-color: #f6f6f6;    padding: 0 6% 5% 6%;    border-radius: 10px 10px;    font-size: 94%;  }

	.service-sample h2 {  padding: 40px 0 0 0;    background-color: #f6f6f6; }
	.service-sample h2:before {   top: -31px;    left: -4px;    width: 60px;    height: 60px;    background-repeat: no-repeat; }
	.service-sample .left,.service-sample .right {   float: none;     width: 100%; }
	
	.tracking {   display: none; }
	
	
	dl.payment-toggle dt {   padding: 5% 5% 5% 20%;     margin: 15px 0 0 0; }
	dl.payment-toggle dt:before {    left: 23px; }
	dl.payment-toggle dt:after {    left: 28px; }
	dl.payment-toggle dt span {    display: block;     margin: 0 0; }
	dl.payment-toggle dt.clicked:after {    left: 30px; }
	dl.payment-toggle dd {    padding: 6% 6%; }
	dl.payment-toggle dd ul {    display: inherit; }
	dl.payment-toggle dd ul li {   width: 100%;     margin: 0 0 6px 0; }
	dl.payment-toggle dd ul li img {   width: 26%;     float: left;     margin: 0 0; }
	dl.payment-toggle dd ul li p {   width: 68%;     float: right;    line-height: 1.4;    margin-top: 10px; }
	dl.payment-toggle dd ul.flow-detail li {   font-size: 89%;     line-height: 1.4; }
	
	

	section.entry-header-area.cfrp-OEM {   background-image: url(/wp-content/uploads/2020/09/header-spall.webp),url(/wp-content/uploads/2020/09/header-spall.jpg);    }


	section.entry-header-area h1.entry-title {    font-size: 26px;}
	section.entry-header-area header.entry-header p {       width: 100%;    font-weight: 500;    font-size: 15px;    margin: 13px 0 0 0; }
	section.entry-header-area .detail {    width: 100%;}
	section.entry-header-area .detail ul li {    font-size: 12px;    margin: 0 4px 0 0;}
	
	
	section.entry-header-area ul {    margin: 10px 0 0 0;}
	section.entry-header-area ul li:last-child {    width: 42.5%;}
	section.entry-header-area ul li:first-child {    width: 56%;	}
	section.entry-header-area ul li a {       padding: 16px 0;    font-size: 13px;    border-radius: 6px;    position: relative;    text-align: center;}
	section.entry-header-area ul li a:before ,
	section.entry-header-area ul li a:after {     content:none;  }

	
		
	section.entry-header-area .columns-inner:before {    content: none;}
	
	
	
	
	
	.cfrp-valu table {   font-size: 77%;    margin: 0 0; }
	
	.cfrp-valu table {  font-size: 77%;    margin: 0 0; }
	.board-area .label.board-size ul li span {   display: block !important; }
	.label.board-size .label-name {   font-weight: 800; }
	
	
	.label table.right tr td .prepreg span span.wpcf7-list-item, .label table.right tr td .texture span span.wpcf7-list-item, .label table.right tr td .completion span span.wpcf7-list-item, .label table.right tr td .hole span span.wpcf7-list-item, .label table.right tr td .angle span span.wpcf7-list-item, .label table.right tr td .atumi span span.wpcf7-list-item {
    margin: 0 4px 3px 0;
    font-size: 12px;
	}
	
	span.wpcf7-form-control-wrap.checkbox-247 span.wpcf7-list-item {   margin: 0 10px 5px 0; }
	.label.acceptance.payment {    margin: 0 0 40px 0; }
	.event-click input[type="submit"] {   padding: 1.2em 4em; }
	.event-click {    text-align: center; }
	.label.acceptance.payment p + p, .label.acceptance.payment p + p {	  font-size: 12px; }
	section.columns-width.type-contact + section.columns-width.faq {   padding-top: 60px; }
	section.columns-width.page-link .columns-inner {   padding: 0 6% ; }
	section.columns-width.page-link ul {   display: inherit;     margin: 0 0; }
	section.columns-width.page-link ul li {   width: 100%;     margin: 0 0 15px 0; }
	section.columns-width.page-link ul li:before {   right: 6%;     bottom: 11%; }
	section.columns-width.page-link ul li:after {   right: 9%;     bottom: 20px; }
	section.columns-width.page-link ul li a {   display: inherit; }
	section.columns-width.page-link ul li img {  float: left;     width: 27%;     margin: 5% 0 5% 6%; }
	section.columns-width.page-link ul li dl {   float: right;     width: 67%;     padding: 5% 6%; }
	section.columns-width.page-link ul li dl dt {   font-size: 14px;     margin: 0 0 5px 0; }
	section.columns-width.page-link ul li dl dd {   font-size: 12px;     padding: 0 0 8px 0; } 
	

	select  {   -webkit-appearance: none;   border-radius: 0; background-color:#FFFFFF;  background-image: url(https://cfrp-japan.com/wp-content/uploads/2020/09/arrow.png);    background-repeat: no-repeat;    background-size: 12px;    background-position: 94% 50%; }
	
	.label p select {   padding: 2px 24px 2px 10px; }
	
	section.columns-width.home-page-link ul {   display: inherit;    margin: 40px 0 0 0; }
	section.columns-width.home-page-link ul li {   width: 100%;     margin-bottom: 15px; }
	section.columns-width.home-page-link ul li a {    border: solid 3px #ededed;    border-radius: 6px 6px;     padding: 5% 5%; }
	section.columns-width.home-page-link ul li a dl {    margin: 12px 0 0 0; }
	
	section.columns-width.home-page-link .columns-inner {    padding-bottom: 20px; padding-top:10px ; }
	.home section.columns-width.home-page-link .columns-inner {padding-left: 6%;padding-right: 6%;}
	section.columns-width.home-page-link .columns-inner {padding-left: 0;padding-right: 0;}
	
	ul.service-links.guidetop {margin: 24px 0;}
	ul.data-links li, ul.datamanual-links li {width: 100%;margin: 0 0 2% 0;}
	ul.data-links, ul.datamanual-links {display: inherit;}
	
	.site-footer ul.contents-link {   display: inherit;     width: 100%; }
	.site-footer ul.contents-link a {   display: block;     padding: 4px 0;     position: relative; }
	.site-footer ul.contents-link a:before {    display: block;     content: "";     position: absolute;     right: 0;     width: 5px;     height: 5px;     top: calc(50% - 2px);     border-top: 1px solid #ffffff;     border-right: 1px solid #ffffff;     -webkit-transform: rotate(45deg);     transform: rotate(45deg); }
	

	.page-id-3433 h1.entry-title {    font-size: 18px;     text-align: center; }

	span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item.first + span {   margin-left: 0;}
	.page-id-3433 span.wpcf7-list-item {   margin: 0 15px 0 0;}

	


	ul.link-list {   padding: 6% 6%; }
	ul.link-list li:first-child:before {     top: 2px; }
	ul.link-list li a:before {    width: 16px;    height: 16px; }
	ul.link-list li a:after {   right: 10px;     top: 9px;     border-top: 1px solid #ffffff;     border-right: 1px solid #ffffff;     width: 4px;     height: 4px;  }
	
	
	
	
	section.columns-width.front.cfrplab .columns-inner {   padding-bottom: 0;  }
	
	
	section.columns-width.front header {    padding-top: 25px; }
	
	section.columns-width.front.cfrplab ul {    display: inherit;  }
	

	section.columns-width.front.cfrplab ul li {    width: 100%;    margin: 0 0  26px 0;    background-size: 31%;    background-position: 6% 64%;    padding: 7% 5% 7% 40%;    text-align: left;    line-height: 1.2;    font-weight: inherit;    overflow: inherit;    position: relative;    box-shadow: 5px 5px 0 #efefef;  }

	section.columns-width.front.cfrplab ul li span {    margin: 0 0;    background-color: #fbc729;    font-weight: 700;    padding: 6px 10px;    position: absolute;    left: 5%;    top: -15px;  }

	ul.contact-link {     display: inherit;  }
	ul.contact-link li {     width: 100%;     margin: 0 0 15px 0;  }
	ul.contact-link li a {     background-size: 52px;    padding: 86px 10% 6% 10%;    background-position: 50% 22px;    border: solid 2px #272829;    box-shadow: none;  }
	
	h2.headline-ye {    font-size: 18px;}
	.guide-left  h2.headline-ye , .guide-right h2.headline-ye {    font-size: 18px; }
	.guide-left, .guide-right {    width: 100%;    float: none; }
	
	h3.border {    font-size: 16px; }
	
	ul.merit-three-columns {    display: inherit;}
	ul.merit-three-columns li {    width: 100%;}

	ul.merit-three-columns li img + p + p {    margin: 0 0 40px 0;}

	table.andimg td img {    float: none;    width: 100%;    margin: 0 0 10px 0;}
	
	.payment .payment_left {    float: none;    width: 100%;  }
	.payment .payment_right {    float: none;    width: 100%;    margin: 40px 0 0 0;  }
	
	table.form-guide td img {    float: none;    margin: 0 0 20px 0;  }
	table.form-guide th {    border-bottom: solid 2px #111111;    padding: 0 0 12px 0;    font-size: 15px;  }
	table.form-guide td {    padding: 20px 0 100px 0;  }
	
	ul.page-guide-step {    display: inherit;}
	ul.page-guide-step li {    width: 100%;    margin: 0 0 44px 0;}
	ul.page-guide-step li img {    padding: 0 45px;    display: block;    position: relative;    border: solid 3px #ededed;    margin: 0 0 20px 0;}
	ul.page-guide-step li p {    min-height: inherit;}
	ul.page-guide-step li:last-child {    margin-bottom: 0;}
	
	
	section.columns-width.front.news ul li span {    display: block;    margin: 0 0 5px 0;}
	section.columns-width.front.news ul li a {    box-shadow: none;}
	section.columns-width.front.news ul li::before {    top: inherit;    bottom: 11px;}
	
	.case-summry dl dt { width: 100%; float: none; margin-bottom: 10px;}
	.case-summry dl dd { width: 100%; float: none; margin-bottom: 10px; list-style-position: inside; line-height: 1.4;}
	h2.line2 span { font-size: 13px; margin-bottom: 5px;}
	h2.line2 { font-size: 18px; margin: 40px 0 20px 0;}
	.company-info img { display: none;}
	.company-info { padding: 8% 5%;}
	.company-info dl { float: none; width: 100%;}
	.company-info dl dd:last-child { margin-top: 10px;}
	.company-info dl dd a { font-size: 14px; padding-bottom: 3px;}
	
	table.material tr td:first-child { background-color: #313131; color: #fff; text-align: center;}
	table.material tr td { background-color: #f6f6f6; text-align: right; width: 100%; display: block; margin-bottom: 2px; padding: 10px 12px;}
	table.material tr:first-child { display: none;}
	td.material_type1:before, td.material_type2:before, td.material_type3:before, td.material_type4:before, td.material_type5:before { display: inline-block; float: left; color: #939393; font-size: 13px;}
	table.material tr td span { padding-left: 15px;}
	td.material_type1:before { content: "比重";}
	td.material_type2:before { content: "引張弾性率";}
	td.material_type3:before { content: "引張強さ";}
	td.material_type4:before { content: "曲げ弾性率";}
	td.material_type5:before { content: "曲げ強さ";}

	ul.jirei_category li { width: 49%;}
	ul.jirei_category li a { padding: 10px;}
	ul.jirei_contents li { width: 100%; margin-right: 0;}
	ul.jirei_contents li img { margin-top: 3px;}
	ul.jirei_contents li h3 { padding: 10px 0 0px 0; margin-bottom: 5px; font-size: 15px;}
	
	
	h1.flow-center {    font-size: 18px;}

	.label .form-info p.last-text {    margin: 14px 0 0 0;}
	
	
	section.columns-width.customizemenu {    margin-bottom: 80px;}
	section.columns-width.customizemenu ul.option-menu {  margin: 40px auto 15px auto;  display: inherit;  }
	section.columns-width.customizemenu ul.option-menu li {  width: 32%;  float: left;margin: 0 2% 20px 0; font-size: 13px; padding: 12px 0 ; text-align:center; }	
	section.columns-width.customizemenu ul.option-menu li:nth-child(3) , 
	section.columns-width.customizemenu ul.option-menu li:last-child {     margin-right: 0; }
	section.columns-width.customizemenu ul.option-menu li.active:after {     content: none; }
	section.columns-width.customizemenu .option-menu-detail .option-inner h3 {    font-size: 15px;    padding: 10px 0; }
	
	
	
	
	
	section.columns-width.type-service .service-sample {    margin: 24px 0 80px 0;}
	section.columns-width.customizemenu .option-menu-detail .option-inner table th , section.columns-width.customizemenu .option-menu-detail .option-inner table td {    display: block;}
	section.columns-width.customizemenu .option-menu-detail .option-inner table {    font-size: 89%;}
	
	
	.sns-voice {    display: inherit;}
	.sns-voice .in-columns {    width: 100%;}
	
	
	.cfrp-valu-squarepipe table.left, .cfrp-valu-squarepipe table.right {    width: 100%;    float: none;     font-size: 13px; }
	.cfrp-valu-squarepipe table.left th.squ-icon, .cfrp-valu-squarepipe table.right th.squ-icon, 
	.cfrp-valu-squarepipe table.left th.obl-icon, .cfrp-valu-squarepipe table.right th.obl-icon {    padding-left: 40px;}

	

	section.columns-width.customizemenu .option-menu-detail .option-inner .squarepipe-size table th , 
	.squarepipe-size table th {    display:none;}
	section.columns-width.customizemenu .option-menu-detail .option-inner .squarepipe-size table td , 
	.squarepipe-size table td {    position: relative;    padding-top: 44px;    border-top:solid 3px #FFFFFF;}

	section.columns-width.customizemenu .option-menu-detail .option-inner .squarepipe-size table td:before , 
	.squarepipe-size table td:before {  position: absolute;display: block;margin: 0 0 10px 0;padding: 0 0 0 15px;background-color: #eee;left: 0;top: 0;width: 100%;height: 34px;line-height: 34px;}

	section.columns-width.customizemenu .option-menu-detail .option-inner .squarepipe-size table td:nth-child(1):before , .squarepipe-size table td:nth-child(1):before {content: "T1.0mm";}
	section.columns-width.customizemenu .option-menu-detail .option-inner .squarepipe-size table td:nth-child(2):before , .squarepipe-size table td:nth-child(2):before {content: "T1.5mm";}
	section.columns-width.customizemenu .option-menu-detail .option-inner .squarepipe-size table td:nth-child(3):before , .squarepipe-size table td:nth-child(3):before {content: "T2.0mm";}
	section.columns-width.customizemenu .option-menu-detail .option-inner .squarepipe-size table td:nth-child(4):before , .squarepipe-size table td:nth-child(4):before {content: "T2.5mm";}
	section.columns-width.customizemenu .option-menu-detail .option-inner .squarepipe-size table td:nth-child(5):before , .squarepipe-size table td:nth-child(5):before {content: "T3.0mm";}

	.squarepipe-size table td {    width: 100%;    display: block;}
	
	section.columns-width.method table th,section.columns-width.method table td {    display: block;    width: 100%;}

	section.columns-width.method table th {    border-bottom: solid 2px #FFFFFF;}
	table.right.Squarepipe.type01 tr:first-child th , table.right.Squarepipe.type01 tr:first-child td {    display: block;    width: 100% !important;}

	.label table.right.Squarepipe.type01 tr td select {    width: 100% !important;}
	table.right.Squarepipe.type01 tr {    width: 100%;    display: block;}

	.label table.right.Squarepipe.type01 tr th:nth-child(3), 
	table.right.Squarepipe.type01 tr th:nth-child(5) {    text-align: left;}

	.label table.Squarepipe.type01 tr td:nth-child(4) span.wpcf7-form-control-wrap , 
	.label table.Squarepipe.type01 tr td:nth-child(6) span.wpcf7-form-control-wrap {    width: 110px;}

	.label table.right.Squarepipe.type01 tr td input {    float: left;}

	table.right.Squarepipe.type01 tr:nth-child(2) th {    width: 100%;}

	td.addbutton {    display: block !important;    width: 100%;}

	.label table.right.Squarepipe.type01 tr:nth-child(3) th, .label table.right.Squarepipe.type01 tr:nth-child(4) th, 
	.label table.right.Squarepipe.type01 tr:nth-child(5) th, .label table.right.Squarepipe.type01 tr:nth-child(6) th, 
	.label table.right.Squarepipe.type01 tr:nth-child(7) th {    width: 32px;    text-align: left !important;}
	.label table.right.Squarepipe.type01 tr td input {    width: 80px;}

	div#wpcf7-f4649-p4412-o2 table.right.pipe-data th,div#wpcf7-f4649-p4412-o2 table.right.pipe-data td {    display: block;}

	.label table.right tr.plus-text th {    display: block;    width: 100%;}
	.label table.right tr th.addbutton {    width: 130px;}
	
	
	
	section.columns-width.oem-flow .columns-inner {padding: 60px 6%;}
	section.columns-width.oem-cost .columns-inner {    padding: 0 6% 60px 6%;}
	section.columns-width.oem-Not .columns-inner {    padding: 0 6% 60px 6%;}
	
	
	ul.Product-f li {    display: inherit;}
	ul.Product-f li .step {    width: 100%;    font-size: inherit;    line-height: inherit;    margin: 0 0 5px 0;}
	ul.Product-f li .step span {    padding: 0 0 0 29px;    width: 40px;}
	ul.Product-f li .step span:before {    text-align: left;    top: 3px;}
	ul.Product-f li p {    width: 100%;    font-size: 96%;    line-height: 1.4;}
	
	section.columns-width.oem-cost picture {    margin: 0 0 24px 0;}
	
	
	ul.press-ul li a {    display: block;     font-size: 90%;     box-shadow: none; }
	ul.press-ul li span {    display: block;    font-size: 11px;    margin: 0 0 5px 0;}

	h2.press-headline {    font-size: 18px;}

	ul.press-logo li {    width: 100%;}
	ul.press-logo li p {    font-size: 12px;}	
	ul.press-logo li:before {    width: 24px;    height: 24px;    right: 10px;    bottom: 10px;}
	ul.press-logo li a {    padding: 8% 14%;}
	ul.press-logo li:nth-child(6) {    margin-bottom: 0;}
	
	dl.press-dl dd ul li span {    font-weight: 800;}
	dl.press-dl dd li {    margin: 0 0 8px 0;    display: flex;}
	dl.press-dl dd li a {    box-shadow: none;    text-decoration: underline;    color: #176bae;    font-size: 92%;}
	dl.press-dl dt {    margin: 0 0 12px 0;}
	
	
	
		.parent-pageid-5453 .site-content .wrap ,
	.parent-pageid-5462 .site-content .wrap , 
	.parent-pageid-5516 .site-content .wrap , 
	.parent-pageid-5598 .site-content .wrap , 
	.parent-pageid-5680 .site-content .wrap ,
	.parent-pageid-5710 .site-content .wrap {padding-left: 0;padding-right: 0;}

	.ec-category-header .inner , 
	.ec-wrap {  padding: 40px 6%;}

	.breadcrumb {  padding: 0 6%;}

	.ec-category-header .inner .top-content {    display: inherit;}
	.ec-category-header .inner .top-content .cate-title {    width: 100%;    margin: 0 0 18px 0;}
	.ec-category-header .inner .top-content .cate-title figure {width: 36%;}
	.ec-category-header .inner .top-content .cate-title dl {width: 63%;padding: 15px 20px;}
	.ec-category-header .inner .top-content .cate-data {    width: 100%; }


	.ec-category-header {    margin: 0 0 10px 0;}


	dl.How-to-sell {    display: inherit;}
	dl.How-to-sell dt {width: 100%;border-right: none;border-bottom: solid 1px #c0c0c0;padding: 12px 18px 10px 18px;}
	dl.How-to-sell dd {  width: 100%;  }


	.ec-contents {    float: none;    width: 100%;}
	.ec-secondly {    float: none;    width: 100%;}
	.ec-secondly ul.ec-category {    padding: 5% 5%;}


	.ec-category-header .inner .top-content .cate-title figure {    width: 100%;}
	.ec-category-header .inner .top-content .cate-title dl {    width: 100%;}





	.sorting-function ul.sorting-list li ,
	.sorting-function ul.sorting-list.squarepipe li,
	.sorting-function ul.sorting-list.shaft li {    width: 32%;    margin: 0 2% 2% 0;}
	
	.sorting-function ul.sorting-list li:nth-child(3n) ,
	.sorting-function ul.sorting-list.squarepipe li:nth-child(3n) ,
	.sorting-function ul.sorting-list.shaft li:nth-child(3n)  {    margin-right: 0;}
	
	.sorting-function ul.sorting-list.pipe li:nth-child(n+7) ,
	.sorting-function ul.sorting-list.squarepipe li:nth-child(n+10) ,
	.sorting-function ul.sorting-list.shaft li:nth-child(n+8)  {    margin-bottom: 2%;}
	
	.sorting-function ul.sorting-list.squarepipe li:nth-child(9n), 
	.sorting-function ul.sorting-list.shaft li:nth-child(7n) {     margin-right: 2%; }
	
	
	
	.sorting-function ul.sorting-list li a {    padding: 10px 0;}
	
	



	.ec-contents ul.product-list li {    width: 100%;    margin: 0 0 28px 0;}
	.ec-contents ul.product-list li a {    box-shadow: 0 0 4px #00000038;    border-radius: 6px 6px;}
	.ec-contents ul.product-list.detail-list a dl {    margin: 18px 6% 0 6%;    padding-bottom: 6%;}
	
	
	section.columns-width.front.new-shop {    background-color: inherit;}	
	.home section.columns-width.front.new-shop .columns-inner {    padding: 24px 6% 0 6%;}
	section.columns-width.front.new-shop .columns-inner {    padding: 24px 0 0 0;}
	
	section.columns-width.front.new-shop ul {    flex-wrap: wrap;	}
	section.columns-width.front.new-shop ul li {       width: 49%;     margin: 0 2% 2% 0;    font-weight: 500;}
	section.columns-width.front.new-shop ul li:nth-child(even) {    margin-right: 0;}
	section.columns-width.front.new-shop ul li a {    background-color: #ededed;    padding: 18px 14px 19px 62px;    box-shadow: inset 0 -3px 0 #0000000a;    background-repeat: no-repeat;    background-size: 30px;
    background-position: 15px 13px;    font-weight: 600;    font-size: 14px;    border-radius: 6px 6px;    text-align: left;}

	section.columns-width.front.new-shop ul li:first-child a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-07.png");}
	section.columns-width.front.new-shop ul li:nth-child(2) a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-03.png");}
	section.columns-width.front.new-shop ul li:nth-child(3) a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-04.png");}
	section.columns-width.front.new-shop ul li:nth-child(4) a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-05.png");}
	section.columns-width.front.new-shop ul li:last-child a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-06.png");}

	
	section.columns-width.front.new-shop header {    width: 164px;}
	section.columns-width.front.new-shop header:before {    top: 2px;    height: 54px;}

	
	
	section.eclinks-data dl dd.sorting-list.squareshaft ul li {    width: 32%;    margin: 0 2% 2% 0;}
	section.eclinks-data dl dd.sorting-list.squareshaft ul li a {    padding: 10px 0;}
	section.eclinks-data dl dd.ec-cfrp-info ul {    flex-wrap: wrap;    justify-content: space-between;}
	section.eclinks-data dl dd.ec-cfrp-info ul li {    width: 48.5%;    margin: 0 0 24px 0;}
	section.eclinks-data dl dd.ec-cfrp-info ul li a img {    margin: 0 0 14px 0;}
	section.eclinks-data dl dd.ec-cfrp-info ul li ul.detail {    display: inherit;}
	section.eclinks-data dl dd.ec-cfrp-info ul li ul.detail li:nth-child(odd),
	section.eclinks-data dl dd.ec-cfrp-info ul li ul.detail li:nth-child(even) {    width: 100%;    margin: 0 0 3px 0;}
	section.eclinks-data dl dd.ec-cfrp-info ul li a p {    font-size: 13px;}
	section.eclinks-data dl dd.ec-cfrp-info ul li ul.detail li {    display: none;}
	section.eclinks-data dl dd.ec-cfrp-info ul li ul.detail li:last-child {    display: flex;    font-weight: 800;}
	section.eclinks-data .buttons {    margin: 40px auto 0 auto;}
	section.eclinks-data dl dd.ec-cfrp-info ul li ul.detail li:last-child span {    background-color: #e23a00;    border: none;    color: #FFFFFF;    padding: 3px 0 2px 0;    width: 40px;}
	section.eclinks-data .cursor-detail {    font-size: 11px;    padding: 0 0 0 15px;}
	
	section.eclinks-data dl dd.sorting-list.squareshaft ul li:nth-child(6n) {margin-right: 2%;}
	section.eclinks-data dl dd.sorting-list.squareshaft ul li:nth-child(3n) {margin-right: 0;}
	
	section.columns-width.front.new-shop header, 
	section.columns-width.front.home-page-link header {    padding: 0 0;    width: inherit; margin: 0 0 18px 0;}
	
	section.columns-width.front.new-shop header:before , 
	section.columns-width.front.home-page-link header:before ,
	section.columns-width.front.home-page-link header:after ,
	section.columns-width.front.new-shop header:after {   content:none;}
	
	section.columns-width.front.new-shop header p, 
	section.columns-width.front.home-page-link header p {    font-weight: 500;}
	
	

		
	.home header.entry-header {    margin: 0 0;}

	

	section.columns-width.front.new-shop .sw-bottom-button {    width: 56%;    display: inherit;    margin: 40px auto 0 auto;}
	section.columns-width.front.new-shop .sw-bottom-button a {    width: 100%;    margin: 0 0 10px 0;}




	
	section.columns-width.home-page-link ul.front-mobile-order {    display: flex;    justify-content: space-between;    flex-wrap: wrap;    margin: 18px 0 0 0;}
	section.columns-width.home-page-link ul.front-mobile-order li {    width: 49%;    margin: 0 0 2% 0;    float: none;}
	section.columns-width.home-page-link ul.front-mobile-order li a {    border: none;    background-color: #ededed;    padding: 16px 20px 17px 68px;    box-shadow: inset 0 -3px 0 #0000000a;    background-repeat: no-repeat;    background-size: 40px;    background-position: 14px 22px;    font-size: 14px;  font-weight: 600; }
	section.columns-width.home-page-link ul.front-mobile-order li a span {    display: block;    font-size: 12px;    line-height: 1.3;  font-weight: 500;}

	section.columns-width.home-page-link ul.front-mobile-order:after {    content: none;}
	section.columns-width.home-page-link ul.front-mobile-order li:first-child a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-01.png");}
	section.columns-width.home-page-link ul.front-mobile-order li:nth-child(2) a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-03.png");}
	section.columns-width.home-page-link ul.front-mobile-order li:last-child a {    background-image: url("https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-04.png");}


	section.columns-width.home-page-link ul.front-mobile-order.size li a {background-position: 14px 16px;}
	section.columns-width.home-page-link ul.front-mobile-order.size li:first-child a {background-image: url(https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-02.png);}
	section.columns-width.home-page-link ul.front-mobile-order.size li:nth-child(2) a {background-image: url(https://cfrp-japan.com/wp-content/uploads/2022/03/fron-order-ul-03.png);}

	
	
	ul.beginner-page-link li a {font-size: 13px;padding: 26px 5px 44px 5px;}

	ul.beginner-step {display: inherit;}
	ul.beginner-step li {text-align: left;padding: 5px 0 5px 81px;background-position: 0 0;background-size: 58px;position: relative;z-index: 3;margin: 0 0 12px 0;}

	ul.beginner-step:before , 
	ul.beginner-step.online:before {width: 4px;height: 80%;left: 26px;z-index: 0;}

	ul.beginner-step li span {margin: 0 0 6px 0;}

	ul.beginner-step.order li {width: 100%;}
	ul.beginner-step.nodata li {width: 100%;}
	ul.beginner-step.online li {width: 100%;}


	ul.ordelinks {flex-wrap: wrap;}

	ul.ordelinks.order li , 
	ul.ordelinks.nodata li , 
	ul.ordelinks.online li {width: 49%;margin: 0 0 2% 0;}

	ul.ordelinks.order li a , 
	ul.ordelinks.nodata li a {padding: 16px 20px 17px 58px;background-size: 36px;background-position: 13px 20px;}


	ul.ordelinks.online li a {padding: 20px 20px 21px 58px;background-size: 36px;background-position: 12px 14px;}


	.step-content {padding: 130px 5% 5% 5%;background-position: 50% 21px;background-size: 134px;}
	.step-content .title {text-align: center;color: #33a976;}


	h2.headline-pattern02 {    font-size: 18px;}


	
	
	.site-footer .wrap .footer-contents ul.site-links {width: 100%;margin: 0 0 40px 0;}
	.site-footer .wrap .footer-contents + .info dl dd {font-size: 11px;}
	
	table.normal th, table.normal td {    display: block;}
	
	table.minimum-table th, table.minimum-table td {    display: block;    padding: 10px 16px;}

	
	ul.jirei_category li:before { width: 18px; height: 18px; right: 15px;    bottom: 15px;}
	ul.jirei_category li:after { right: 23px; bottom: 22px;}
	
	.form-bottom { margin: 24px 6% 0 6%;}
	.form-bottom li { width: calc(100%); margin: 0 0 15px 0;}
	
	
	
	section.columns-width.front.cfrplab ul li span + span {display: none;}

	section.columns-width.front.links .columns-inner {padding: 0 6%;}

	.btn-list li {width: 100%;margin-bottom: 15px;}

	.gray-back .left {width: 100%;float: none;}
	.gray-back .right {width: 100%;float: none;}
	.gray-back .right h2 {font-size: 17px;}
	.gray-back .right ul li {padding-left: 19px;    background-size: 11px;}




	h2.simple-bk {font-size: 18px;}
	h2.simple-bk span {display: block;margin: 10px 0 0 0;}

	section.columns-width.usage ul {margin-top: 40px;}
	section.columns-width.usage ul li {width: 48%;margin-bottom: 13px;}

	section.columns-width.uservoice ul {margin-top: 40px;margin-bottom: 0;}
	section.columns-width.uservoice ul li {width: 100%;margin-bottom: 60px;}
	section.columns-width.uservoice ul li .top-area {padding: 30px;}
	section.columns-width.uservoice ul li .top-area h3 {font-size: 16px;}
	
	section.columns-width.new-front.case-study.renewal .more-button.black {    margin-bottom: 0;}
	section.columns-width.uservoice ul li:last-child {    margin-bottom: 0;}

	.bottom-area ul li {margin-bottom: 0 !important;}

	section.columns-width.plusinfo h2 {font-size: 17px;}
	section.columns-width.plusinfo .left {width: 100%;}
	section.columns-width.plusinfo {background-position: bottom;background-size: 80%;padding-bottom: 160px;}
	
	section.columns-width.board-data-recommended ul li p span { font-size: 15px; margin: 0 0 5px 0;}
	
	section.columns-width.customizemenu .material tr td:first-child {color: #333;}
	
	ul.faq-area li {    margin-bottom: 20px;}
	ul.faq-area li a { font-size: 14px; padding: 5px 30px 5px 20px;}
	
	.scroll-table table th {display:inherit !important;}
	.scroll-table table {display: table; white-space: nowrap;}
	section.columns-width.renewal.options .options-menu-detail .options-inner .scroll-table th {    display: table-cell !important;}
	
	

	section.columns-width.customizemenu .option-menu-detail .option-inner .scroll-table table th, section.columns-width.customizemenu .option-menu-detail .option-inner .scroll-table table td { display: table-cell !important;}
	
	section.columns-width.type-service { margin-top: 60px;}
	
	.modal-window {  width: 80%;  padding: 3rem 1rem;}
	.modal-window dl {  margin: 35px auto 0 auto;}
	.modal-window dl dt {  font-size: 18px;}
	.modal-window dl dd {  font-size: 15px;}
	
	.button-close { top: 88%;}
	
	.normal-btn {    width: 100%;}
	
	
	
	.page-id-7554 .site-content-contain ,
	.page-id-7558 .site-content-contain ,
	.page-id-7566 .site-content-contain ,
	.page-id-7568 .site-content-contain ,
	.page-id-7562 .site-content-contain ,
	.page-id-7564 .site-content-contain {    background-color: #ffffff;}


	.order-inner .order-pack {    background-color: inherit;    padding: 0 0;    margin: 0 0;}
	.order-inner .box .label-subtitle {    margin-top: 42px;}
	
	.order-inner .box {    margin: 60px 0 60px 0;}
	.order-inner .box .label-title:before {    content:none;}
	.order-inner .box .label-title {       padding: 12px 0 10px 6%;    margin: 60px -6% 24px -6%;    background-color: #555555;    color: #FFFFFF;  }
	.order-inner .box .form {    display: inherit;}
	.order-inner .box .form .name {   width: 100%;    font-weight: 700;    font-size: 14px;    padding: 5px 18px 2px 18px !important;    background-color: #f1f1f1;    margin: 36px 0 8px 0;    border-radius: 3px 3px;}
	.order-inner .box .form .name:before {    content: none;}
	.order-inner .box .form .data {    width: 100%;     padding: 6px 0 0 0;}
	.texture span.wpcf7-list-item:nth-child(1) .wpcf7-list-item-label::before, 
	.texture span.wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before,
	.completion span.wpcf7-list-item:nth-child(1) .wpcf7-list-item-label::before, 
	.completion span.wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before {    width: 38px;    height: 38px;}
	.order-inner .box .form.customize .data .wpcf7-list-item {    margin: 0 12px 12px 0;}
	.form .data ul.data-checklist {    font-size: 14px;}

	.btnstyle-group.last-form .mitumori-btn input[type="submit"] {    width: 86%;}
	
	ul.form-section {    margin: 0 auto 21px auto;}
	ul.form-section li {    margin: 0 6px 0 0;}
	ul.form-section li div {    font-size: 12px;}
	ul.form-section li div:before {    display: none;}
	ul.form-section li.check.flow p, ul.form-section li.check.flow.page p {    background-size: 13px;    padding: 0 16px 0 0;}
	ul.order-line {    flex-wrap: wrap;}
	ul.order-line li {    width: 49%;    margin-right: inherit;    margin-bottom: 8px;}
	ul.order-line li.active:after { content:none; }
	
	.order-inner .box .form .data select {    width: 100%;    padding: 8px 42px 8px 14px;    height: 46px;}
	
	.order-inner .box .form .data.software ul {    background-color: #eff3f5;    border-radius: 6px 6px;    padding: 18px 18px;}
	.order-inner .box .form .data.software ul li:last-child {    margin: 0 0;}
	
	.order-inner .box .form .data.checkbox span.wpcf7-form-control-wrap {    background-color: #fff6f6;    padding: 4px 17px 9px 17px;    margin: 24px 0 0 0;    border-radius: 6px 6px;}
	
	.btnstyle-group {    width: 100%;    display: inherit;     height: 148px;    position: relative;}
	.btnstyle-group .btnstyle.bback1 ,
	.btnstyle-group .btnstyle.bback2 {    position: absolute;    bottom: -10px;    padding: 15px 0;}
	
	
	
	.btnstyle {    width: 100%;    margin: 0 0 8px 0;}
	.form.cfrp .data span.wpcf7-list-item {    width: 100%;}
	.btnstyle-group.last-form {    width: 100%; height: auto; }
	.btnstyle-group.last-form .btnstyle {    width: 100%;    padding: 15px 0;}
	
	
	
	
	
	section.columns-width.front.new-shop .front-content {    margin: 24px 0;}
	section.columns-width.front.new-shop .front-contact a {    position: relative;    color: #FFFFFF;    display: block;    box-shadow: none;    background-color: #1f1f1f;    border-radius: 8px 8px;    text-align: center;    font-weight: 700;    padding: 15px 24px;}
	section.columns-width.front.new-shop .front-contact a:before {    content: "";    position: absolute;    width: 22px;    height: 22px;    background-color: #FFFFFF;    right: 22px;    top: calc(50% - 11px);    border-radius: 30px;}
	section.columns-width.front.new-shop .front-contact a:after {    position: absolute;    content: "";    top: calc(50% - 3px);    right: 31px;    width: 6px;    height: 6px;    border-top: 2px solid #242221;    border-right: 2px solid #242221;    -webkit-transform: rotate( 45deg );    transform: rotate( 45deg );}
	section.columns-width.front.new-shop .front-contact a span {    font-size: 13px;    display: block;}
	
	ul.half-data-banner {    margin: 38px 0;  padding: 0 6%;  display: inherit;}
	ul.half-data-banner li:first-child {    margin: 0 0 12px 0;}
	
	ul.half-data-banner.page {    padding: 0 0;    margin-bottom: 0;}
	ul.half-data-banner.page-top {    padding: 0 0;    margin:24px 6%;}
	
	
	section.columns-width.new-front.aniproblem .solution-point {    display: inherit;}
	section.columns-width.new-front.aniproblem .solution-point dl {    width: 100%;    margin: 0 0 38px 0;}
	section.columns-width.new-front.aniproblem .solution-point dl dt {    font-size: 17px;    padding: 0 0 0 57px;}
	section.columns-width.new-front.aniproblem .solution-point dl dt:before {    left: 0px;}
	section.columns-width.new-front.aniproblem .solution-point dl dt:after {    font-size: 26px;    bottom: 0px;}
	section.columns-width.new-front.aniproblem .solution-point dl dd:nth-child(2) {    margin-bottom: 8px;}
	
	
	#slide-paging {    width: 100%;}
	#slidegallery-front {    height: 680px;}
	.paging-text p {    margin: 0 0 8px 0;}
	#slide-inner img {    width: 100%;}
	#slide-inner dl {    width: 100%;    top: inherit;    bottom: 20px;}
	div#slide-inner {    position: inherit;    padding: 0 0 350px 0;}
	
	section.new-front.case-study ul {    display: inherit;}
	section.new-front.case-study ul li {    width: 100%;    margin: 0 0 12px 0;	}	
	
	img.keyframe-01 {    width: 200px;}
	img.keyframe-02 {    width: 130px;}
	img.keyframe-03 {    width: 130px;}
	img.keyframe-04 {    width: 162px;}

	@keyframes anim_01  {  0% {    top: 0px;  }  100% {    top: 15px; }}
	@keyframes anim_02  {  0% {    top: 5px;  }  100% {    top: -10px; }}
	@keyframes anim_03  {  0% {    bottom: 0px;  }  100% {    bottom: 15px; }}
	@keyframes anim_04  {  0% {    bottom: -10px;  }  100% {    bottom: -35px; }}
	
	
	section.header-main-slide .swiper-button-prev, section.header-main-slide .swiper-button-next {    display: none;}
	section.header-main-slide .swiper-pagination {      position: relative;    margin: -37px 12px 10px 0;}
	section.header-main-slide .main-slide-bottom .swiper-pagination-bullet {    width: 14px;    height: 3px; }
	section.header-main-slide .main-slide-bottom .swiper-pagination-bullet {    background: #000000;}
	
	
	section.header-main-slide {    padding-top: 0;}
	
	section.header-main-slide .swiper-slide a:hover {    background-color: inherit;}
	section.header-main-slide .swiper-slide a:hover:before {    content: none;}
	
	
	.Gallery {    margin: 32px 0;}
	section.columns-width.renewal.about .about-menu {    width: 100%;    margin: 0 auto 28px auto;}
	section.columns-width.renewal.about .about-menu li {    width: 32.5%;    font-size: 12px;}
	section.columns-width.renewal.about .about-menu-detail .about-inner-box img {    float: none;    width: 100%;}
	section.columns-width.renewal.about .about-menu-detail .about-inner-box dl {    float: none;    width: 100%;    padding: 6% 6%;}
	section.columns-width.renewal.size table th , section.columns-width.renewal.size table td {    display: block;    width: 100%;    padding: 10px 18px;}
	
	section.columns-width.renewal.machining .machining-menu-detail .machining-inner {    padding: 6% 6%;}
	
	section.columns-width.renewal.machining ul.machining-menu {    width: 100%;    margin: 0 auto 28px auto;}	
	section.columns-width.renewal.machining.item2 ul.machining-menu {    width: 80%; }
	
	section.columns-width.renewal.options.item5 ul.options-menu li {    width: 22%;}
	section.columns-width.renewal.options.item5 ul.options-menu li:nth-child(4),
	section.columns-width.renewal.options.item5 ul.options-menu li:last-child {    width: 15%;}
	
	
	
	section.columns-width.renewal.machining ul.machining-menu li {    width: 24%;    font-size: 13px;    padding: 12px 0;}
	.material-box {    padding: 8% 6%;}
	section.columns-width.renewal.sample .sample-detail {    display: inherit;}
	section.columns-width.renewal.sample .sample-detail img {    width: 100%;    margin: 0 0 24px 0;}
	section.columns-width.renewal.sample .sample-detail .text {    width: 100%;}
	
	section.columns-width.renewal.options ul.options-menu ,
	section.columns-width.renewal.options.item3 ul.options-menu {   width: 100% !important;   margin: 0 auto 28px auto;}
	
	
	section.columns-width.renewal.options ul.options-menu li {    width: 24.5%;    font-size: 12px;    padding: 12px 0; display: grid; place-items: center;}
	section.columns-width.renewal.options .options-menu-detail .options-inner {    padding: 6% 6%;}
	section.columns-width.renewal.price .parts {    display: inherit;}
	section.columns-width.renewal.price .parts .parts-box.data {    width: 100%;    margin: 0 0 12px 0;}
	.common-form-buttons .main-button a {    display: block;    padding: 30px 56px 24px 54px;    background-position: 22px 52%;}
	.common-form-buttons .main-button a span {    left: 22%;}
	
	
	section.columns-width.renewal.size .squarepipe-size table tr:first-child {    display: none;}
	section.columns-width.renewal.size .squarepipe-size table td {    position: relative;    padding-top: 44px;    border-top: solid 2px #FFFFFF;}
	section.columns-width.renewal.size .border-box {    padding: 8% 6%;}
	section.columns-width.renewal.size .border-box p:first-child span {    font-size: 16px;    display: block;    margin: 0 0 12px 0;}
	
	
	ul.board-chois {    display: inherit;}
	ul.board-chois li {    width: 100%;}
	ul.board-chois li:first-child {    margin: 0 0 10px 0;}
	
	
	section.columns-width.renewal.options .options-menu-detail .options-inner .images-flex {    display: inherit;    margin: 24px 0;}
	section.columns-width.renewal.options .options-menu-detail .options-inner .images-flex img {    margin: 0 0; width:100%;}
	
	
	section.entry-header-area.renewal-boarddata ,
	section.entry-header-area.renewal-board ,
	section.entry-header-area.renewal-pipedata ,
	section.entry-header-area.renewal-pipe ,
	section.entry-header-area.renewal-squarepipedata ,
	section.entry-header-area.renewal-squarepipe {    background-image: none;}

	ul.tracking-sidelink {    display: none;}
	
	section.entry-header-area .detail-list {    margin: 0 0 42px 0;}
	
	
	section.entry-header-area ul.header-main-button {    display: block;    width: 100%;}
	section.entry-header-area ul.header-main-button li {    width: 100%;}
	section.entry-header-area ul.header-main-button li a {    font-size: 16px;    padding: 30px 55px 24px 54px;    background-position: 32px 52%;    margin-bottom: 0;}
	section.entry-header-area ul.header-main-button li a span {    left: calc(50% - 100px);}
	section.entry-header-area ul.header-main-button li a:before,section.entry-header-area ul.header-main-button li a:after {    content: "";}
	section.entry-header-area ul.header-main-button li:first-child a {    margin-bottom: 33px;     padding: 22px 55px 16px 54px;}
	
	
	section.columns-width.renewal.in-page-link .columns-inner {    padding: 24px 6%;}
	section.columns-width.renewal.in-page-link .columns-inner ul {    flex-wrap: wrap;}
	section.columns-width.renewal.in-page-link .columns-inner ul li {width: 48%;margin: 10px 0 0 0;}
	section.columns-width.renewal.in-page-link .columns-inner ul li a {    text-align: left;    padding: 12px 0 12px 18px;}
	section.columns-width.renewal.in-page-link .columns-inner ul li a:before {    right: 19px;    border-top: 1px solid #242221;    border-right: 1px solid #242221;    width: 6px;    height: 6px;}
	section.columns-width.renewal.in-page-link .columns-inner ul li:first-child,section.columns-width.renewal.in-page-link .columns-inner ul li:nth-child(2) {    margin-top: 0;}
	
	.fullwidth-bnr {    margin: 0 6%;}
	.home .fullwidth-bnr img {    border-radius: 8px 8px;}
	
	
	.modal-body {    width: 96%;}
	.modal-content .fullwidth-bnr {    margin: 0 0;}
	.modal-content {   padding: 24px;}
	.modal-close {    right: -9px;}
	
	.page-id-7554 .modal-content table th , .modal-content table td ,
	.page-id-7562 .modal-content table th , .modal-content table td ,
	.page-id-7564 .modal-content table th , .modal-content table td ,
	.page-id-7558 .modal-content table th , .modal-content table td ,
	.page-id-7566 .modal-content table th , .modal-content table td ,
	.page-id-7568 .modal-content table th , .modal-content table td  {    display: block;}

	.page-id-7554 .modal-content table tr td:first-child ,
	.page-id-7562 .modal-content table tr td:first-child ,
	.page-id-7564 .modal-content table tr td:first-child ,
	.page-id-7558 .modal-content table tr td:first-child ,
	.page-id-7566 .modal-content table tr td:first-child ,
	.page-id-7568 .modal-content table tr td:first-child {    background-color: #e5e5e5;    padding-top: 6px;    padding-bottom: 4px;}

	.page-id-7554 .modal-content table tr td:last-child ,
	.page-id-7562 .modal-content table tr td:last-child ,
	.page-id-7564 .modal-content table tr td:last-child ,
	.page-id-7558 .modal-content table tr td:last-child ,
	.page-id-7566 .modal-content table tr td:last-child ,
	.page-id-7568 .modal-content table tr td:last-child  {    line-height: 1.4;}


	.page-id-7554 .modal-content table:last-child, .modal-content p:last-child ,
	.page-id-7562 .modal-content table:last-child, .modal-content p:last-child , 
	.page-id-7564 .modal-content table:last-child, .modal-content p:last-child , 
	.page-id-7558 .modal-content table:last-child, .modal-content p:last-child , 
	.page-id-7566 .modal-content table:last-child, .modal-content p:last-child , 
	.page-id-7568 .modal-content table:last-child, .modal-content p:last-child {    margin-bottom: 0;}
	
	
	
	
	.page-problem img {    width: 100%;    float: none;}
	.page-problem ul {    width: 100%;    float: none;}
	.page-problem ul li {    padding: 14px 17px 14px 56px;    font-size: 14px;    margin: 0 0 10px 0;    background-position: 18px 12px;}
	.right-image img, .left-image img {    float: none;    width: 100%;    margin: 0 0 18px 0;}
	.right-image dl, .left-image dl {    width: 100%;    float: none;    margin: 0 0 48px 0;}
	.more-button.black.half {    width: 100%;    display: inherit;}
	.more-button.black.half a {    width: 100%;}
	.more-button.black.half a:first-child {    margin: 0 0 12px 0;}
	.about-contact {    margin: 48px 0;    padding: 6% 6%;}
	.about-contact .front-form-contact-links ul {    display: inherit;}
	.about-contact .front-form-contact-links ul li {    width: 100%;}
	.about-contact .front-form-contact-links {    padding: 0 0;    margin: 48px 0 0 0;}
	.about-contact .front-form-contact-links ul li:first-child {    margin: 0 0 36px 0;}
	.about-contact .front-form-contact-links ul li a {    font-size: 15px;}
	.about-contact .front-form-contact-links ul li a span {    font-size: 13px;    left: calc(50% - 75px);}
	.about-contact .front-form-contact-links ul li:first-child a {    background-position: 26px 52%;}
	.about-contact .front-form-contact-links ul li:last-child a {    background-position: 26px 52%;}
	
	
	section.columns-width.Gallery.other-pages .columns-inner ,
	section.columns-width.new-front.case-study.renewal.other-pages .columns-inner  ,
	section.columns-width.new-front.order-processing.other-pages .columns-inner ,
	section.columns-width.faq.other-pages .columns-inner , 
	section.columns-width.new-front.order-base.other-pages .columns-inner ,
	section.columns-width.renewal.sample.other-pages .columns-inner , 
	section.columns-width.renewal.machining.other-pages .columns-inner {    padding-left: 0;    padding-right: 0;}
	
	.common-form-flow.other-pages {    margin-right: 0;    margin-left: 0;  border-radius: 12px 12px;    box-shadow: 0 0 6px #0000003d;}
	.common-form-flow.other-pages .bottom {    border: none;}
	.common-form-flow.other-pages .top ul li:first-child a,.common-form-flow.other-pages .top ul li:last-child a {    background-position: 26px 48%;}

	
	.page-beginning p {    text-align: left;}
	.page-beginning ul {    width: 100%;    flex-wrap: wrap;}
	.page-beginning ul li {    width: 48%;    margin: 0 0 12px 0;}
	.page-beginning ul li a {    text-align: left;    padding-left: 22px;}
	.page-beginning ul li a:before {    right: 21px;    width: 6px;    height: 6px;    top: calc(50% - 4px);}
	ul.caution-items {    padding: 6% 6%;}
	ul.caution-items li:first-child {    margin: 0 0 12px 0;}
	
	.page-beginning ul.item2 {    width: 100%;}
	section.columns-width.new-front.order-base.other-pages ul {    display: inherit;}
	section.columns-width.new-front.order-base.other-pages ul li {    width: 100%;    margin: 0 0 12px 0;}
	section.columns-width.new-front.order-base.other-pages ul li a img {    width: 14%;}
	section.columns-width.new-front.order-base.other-pages ul li a .detail {    width: 81%;}
	section.columns-width.new-front.order-base.other-pages ul li a {    background-color: inherit;    padding: 0 0;}
	.form-guidenew .guidenew-flow {    padding: 8% 6%;}
	.form-guidenew .guidenew-flow img {    float: none;    margin: 0 0 24px 0;}
	.form-guidenew .guidenew-flow:last-child {    margin-bottom: 0;}


	.about-contact.order-content ul {    display: inherit;}
	.about-contact.order-content ul li {    width: 100%;    margin: 0 0 6px 0;}
	.about-contact.order-content ul li a {    padding: 15px 0;    font-size: 14px;    border-radius: 8px 8px;}
	
	
	
	.page-beginning ul.item5 {    flex-wrap: wrap;}
	.page-beginning ul.item5 li {    width: 48%;}
	.page-beginning ul.item4 {   width:100%; flex-wrap: wrap;}
	.page-beginning ul.item4 li {    width: 48%;}
	
	
	table.andimg th , table.andimg td {    width: 100%;    display: block;}
	table.andimg td {    padding: 0 0;}
	
	
	
	.common-form-flow {    box-shadow: none;    border-radius: 0 0;}
	.common-form-flow .top {    padding: 12% 6%;}
	.common-form-flow .top ul {    padding: 32px 0;    display: inherit;}
	.common-form-flow .top ul li {    width: 100%;}
	.common-form-flow .top ul li:first-child {    margin-bottom: 20px;}
	.common-form-flow .top ul li a {    font-size: 16px;}
	.common-form-flow .top ul li a span {    font-size: 13px;    padding: 8px 15px;    left: calc(50% - 90px);}
	.common-form-flow .top ul li:last-child a span {    display: none;}
	.common-form-flow .top ul li:last-child a {    padding: 20px 0;    background-position: 47px 45%;    background-size: 23px;}
	.common-form-flow .bottom {    padding: 8% 6%;    border-bottom: solid 4px #e9e9e9;}
	.common-form-flow .bottom ul {    display: inherit;}
	.common-form-flow .bottom ul li {    width: 100%;    margin: 0 0 18px 0;}
	.common-form-flow .bottom ul li:before {    content: none;}
	.common-form-flow .bottom ul li:last-child {    margin-bottom: 0;}
	
	
	.background-meritan {    padding: 6% 6%;}
		
	ul.wrap-threecolumns li {    width: 100%;    margin-right: 0;}
	
	
	.page-id-9865 .site-content , 
	.page-id-10013 .site-content {    padding-top: 0;}
	.page-id-9865 .site-content .wrap ,
	.page-id-10013 .site-content .wrap {    padding-left: 0;    padding-right: 0;}
	
	
	.gakurobo-colmun.header {    padding: 0 0 0 0;}
	.gakurobo-colmun {    padding-right: 5%;    padding-left: 5%;    margin: 80px auto;}
	.gakurobo-colmun p {    font-size: 16px;}
	.gakurobo-colmun.top p {    font-size: 18px;    margin: 62px 0 32px 0;}
	.gakurobo-button {    width: 90%;    margin: 42px 0 42px 24px;}
	.gakurobo-colmun.what picture {    margin: 80px auto 48px -7%;    width: 114%;}
	.gakurobo-colmun.what p {    text-align: left;}
	.gakurobo-colmun.what p br {    display: none;}
	.gakurobo-colmun.what .special-favor {    display: inherit;}
	.gakurobo-colmun.what .special-favor dl {    width: 100%;}
	.gakurobo-colmun.what .special-favor dl:first-child {    margin: 0 0 18px 0;}
	.gakurobo-colmun.what .special-favor dl dd {    padding: 24px 5%;}
	.gakurobo-colmun.what .special-favor dl dd p {    text-align: center;}
	.gakurobo-colmun.what .special-favor dl dd p br {    display: block;}
	ul.notes-list, ul.notes-list2, ul.notes-list3 {    padding: 8% 6%;}
	ul.notes-list li, ul.notes-list2 li, ul.notes-list3 li {    margin: 0 0 8px 0;}
	ul.notes-list li:last-child, ul.notes-list2 li:last-child, ul.notes-list3 li:last-child {    margin-bottom: 0;}
	.gakurobo-colmun.couponstep .step-flow.step1 {    background-size: 136px;    background-position: 50% 15px;}
	.gakurobo-colmun.couponstep .step-flow {    padding: 140px 6% 24px 6%;}
	.gakurobo-colmun.couponstep .step-flow.step2 {    background-size: 166px;    background-position: 50% 15px;}
	.gakurobo-colmun.couponstep .step-flow.step3 {    background-size: 136px;    background-position: 50% 15px;}
	.gakurobo-colmun.couponstep .step-flow p {    width: 100%;    float: none;}
	.gakurobo-colmun.couponstep .step-flow p:last-child {    font-size: 16px;}
	ul.notes-list3 li:first-child {    font-size: 16px;    background-size: 25px;    margin: 0 0 10px -5px;    padding-left: 34px;}
	.gakurobo-colmun .headline-text img {    max-width: 90%;}
	.gakurobo-colmun.price .cfrp-valu ul li:first-child {    color: inherit;}
	.gakurobo-colmun.caminfo table th ,.gakurobo-colmun.caminfo table td {    display: block;    width: 100%;    padding-left: 18px;    padding-right: 18px;}
	.gakurobo-colmun.price .headline-text img {    max-width: inherit;    width: 80%;}
	.gakurobo-colmun.caminfo .headline-text img {    max-width: inherit;    width: 56%;}
	.Gallery.renewal-pics li {    width: 49.45%;}
	
	
	
	.gakurobo-colmun.header.formula {    background-image: none;    padding: 0 0;}
	
	
	section.columns-width.carousel.samplepage h3 {    text-align: center;}
	section.columns-width.carousel.samplepage .swiper-container .swiper-slide p:first-child {    text-align: center;    margin: 28px 0 0 0;    font-weight: 700;}
	section.columns-width.carousel.samplepage .swiper-container .swiper-slide {    border-radius: 12px 12px;}
	section.columns-width.carousel.samplepage .swiper-container {    padding:3px 26px 40px 3px; }
	.page-id-4328 .order-inner.contact img.center-img {    margin-top: 0;}
	.page-id-4328 .contact-send input[type="submit"] {   width: 100%;}
	.contact-send {    margin: 60px auto 20px auto;}
	
	
	ul.sample-form-bottomnotes {    padding: 7% 6%;}
	ul.sample-form-bottomnotes li:first-child {    font-size: 17px;    background-size: 24px;    margin: 0 0 10px -4px;}
	ul.sample-form-bottomnotes li {    margin: 0 0 12px 0;}
	ul.sample-form-bottomnotes li:last-child {    margin-bottom: 0;}
	
	.order-inner .box .form .data span.unit + p {    position: inherit;    display: block;    margin: 5px 0 0 141px;}
	.order-inner .box .form.squarepipe-size .data .detail {    display: inherit;    line-height: 1;}
	.order-inner .box .form.squarepipe-size .data img {    top: 24px;}
	.order-inner .box .form.parts-detail-text .data input[type="text"] {    width: 94px;}
	
	section.en-columns .inner {    padding: 5%;}

	ul.trackrecord-list li {    width: 100%;    margin-right: 0;}

	ul.trackrecord-list li img {    width: 100%;}

	section.en-columns.whatis .right-image dl dt, section.en-columns.whatis .left-image dl dt {    padding: 0px 0 25px 60px;}

	section.en-columns.products .order-list .group {    width: 100%;    margin-bottom: 20px;}

	section.en-columns.sample .sample-detail {    display: block;}

	section.en-columns.sample .sample-detail img {    width: 100%;}

	section.en-columns.sample .sample-detail .text {    width: 100%;    margin-top: 20px;}

	.tracking_en {    display: none;}

	.logo-area img {    display: block;    margin: 0 auto;    width: 70px;}

	section.en-columns.header {    padding: 0;}

	.contact-btn {    margin-top: 50px;}

	section.en-columns.products .order-list .group img {    width: 100%;}

	.enonly-info {    padding: 0 5%;}

	.enonly-info dl dt {    margin-bottom: 15px;}

	.enonly-info dl dd {    margin-bottom: 10px;}

	section.en-columns.form {    padding: 0;}

	section.en-columns h2.page-headline {    margin-bottom: 30px;        font-size: 20px;}
	
	.front-bnr.others {    margin: 0;}
	
	section.columns-width.page-link.jirei .columns-inner {    padding: 0;}
	
	table.parts-detail th {    width: 40%; }
	
	ul.service-list li {    width: 100%;    margin-bottom: 14px;}
	
	ul.service-list li img {    width: 27%;    margin: 5% 0 5% 6%;}
	
	ul.service-list li dl {    width: 67%;    padding: 5% 6%;}
	
	ul.service-list li dl dt {    font-size: 14px;    margin: 0 0 5px 0;}
	
	ul.service-list li dl dd {    font-size: 12px;    padding: 0 0 8px 0;}
	
	.en-columns.header .toptitle-area {    width: 100%;    padding: 0 6%;}

	.page-id-10577 header.entry-header h1 {    font-size: 24px;}

	.en-columns.header ul.header-main-button {    flex-flow: wrap;}

	.en-columns.header ul.header-main-button li:first-child {    margin-bottom: 20px;}

	section.en-columns.header {   background-image: none;}

	.en-columns.header .header-price {    width: 100%;}

	.en-columns.header .toptitle-area p {    margin-bottom: 35px;}

	.page-id-10577 header.entry-header {    margin: 30px 0 35px 0;}

	.en-columns.header .header-price dl {    margin: 0 0 35px 0;}

	.en-columns.header ul.header-main-button li {    width: 100%;}

	ul.users-voice li {    width: 100%;    padding: 6%; margin-right: 0;}
	
	span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item {    width: 100%;}
	
	.page-id-12008 .columns-inner {    padding: 60px 0;}
	
	.free-sample-yellow {    margin: 40px 5%;}
	.free-sample-yellow img {    width: 100%;    clear: both;}
	.free-sample-yellow a {    padding: 7%;}
	.free-sample-yellow .right {    width: 100%;    clear: both;    margin-top: 30px;}
	.free-sample-yellow .right .sample-btn {    margin: 0 auto;    width: 70%;    float: none;}
	span.small-info {    display: block;    margin: 0 0 10px 0;    text-align: center;}
	.en-columns.whatis ul li {    width: 100%;    margin-right:0;    padding: 7%;    margin-bottom: 80px;}
	.record_left {    width: 100%;    float: none;}
	.record_right {    width: 100%;    float: none;    margin-top: 30px;}
	.other-industry {    padding: 7%;}
	.other-industry h3 {    font-size: 16px;}
	.other-industry ul li {    width: 100%;}
	section.en-columns .inner {    padding: 10% 5%;}
	.products-item {    background-position: 100% -180px;    padding-top: 200px;    background-size: 100%;}
	.products-item .item-right {    width: 100%;    float: none;    padding: 7%;    border-radius: 0 0 7px 7px;}
	.products-item .fusionbtn {    float: none;    border-bottom: none;}

	.en-columns.whatis ul li:last-child {    margin-bottom: 0;}
	.record_right h3 {    font-size: 17px;}
	
	.gakurobo-colmun.what.cp picture {    width: 100%;}
	.gakurobo-colmun.what.cp .special-favor dl:last-child dd div p:last-child {    margin: 0 0 0px 10px;}
	.gakurobo-colmun.what.cp .special-favor dl:last-child dd div p:last-child span {    font-size: 15px;}
	.gakurobo-colmun.cp {        padding:0;        margin: 80px auto;    }
	
	.share {    padding: 15px 30px;    width: 100%;}
	.share p {    font-size: 12px;}
	.share ul li a {    width: 25px;    height: 25px;}
	
	ul.list-choise li {    padding: 7px 15px; }
	
	.little_bit {    padding: 5% 5% 5% 17%;    background-position: 5% 12%;}
	
	.header-area-info_img {    display: none;}
	
	.count-sale p {    font-size: 14px;}
	.count-sale p span {    padding: 0 5px;    font-size: 30px;}
	
	
	}





/* default */
@media screen and (min-width: 768px) {


	.entry-content blockquote.alignleft, 	.entry-content blockquote.alignright { 		font-size: 13px; 		font-size: 0.8125rem; 	}
	.wrap { 	max-width: 1080px; 		padding-left: 4%; 		padding-right: 4%; 	}
	.single .site-content .wrap {   padding-left: 0;    padding-right: 0; }
	.has-sidebar:not(.error404) #primary { 	float: left;   width: 65%; 	}
	.has-sidebar #secondary { 	float: right; 	padding-top: 0; width: 30%; }
	
	.home #primary , .page-id-153 #primary {  float: none;   width: 100%; }	
	
	.error404 #primary { 	float: none; 	}
	.site-branding { 	margin-bottom: 0; 	}
	.has-header-image.twentyseventeen-front-page .site-branding, 	.has-header-video.twentyseventeen-front-page .site-branding, 	.has-header-image.home.blog .site-branding, 	.has-header-video.home.blog .site-branding { 	bottom: 0; 	display: block; 	left: 0; 	height: auto; 	padding-top: 0; position: absolute; width: 100%; 	}
	.custom-logo-link { 	padding-right: 2em; 	}
	.custom-logo-link img, 	body.home.title-tagline-hidden.has-header-image .custom-logo-link img, 	body.home.title-tagline-hidden.has-header-video .custom-logo-link img { 	max-width: 350px; 	}
	.title-tagline-hidden.home.has-header-image .custom-logo-link img, 	.title-tagline-hidden.home.has-header-video .custom-logo-link img { 	max-height: 200px; 	} 
	.site-branding-text {  width: 9%; }
	.site-title a {    display: block;    line-height: 0; 	}
	.site-description { 	font-size: 16px; 	font-size: 1rem; 	}		
	.site-header .menu-scroll-down { 	display: block; 	padding: 1em; 	position: absolute; 	right: 0; 	}
	.site-header .menu-scroll-down .icon { 	-webkit-transform: rotate(90deg); 	-ms-transform: rotate(90deg); 	transform: rotate(90deg); 	}
	.site-header .menu-scroll-down { 	color: #fff; 		top: 2em; 	}
	.site-header .navigation-top .menu-scroll-down { 	color: #767676; 	top: 0.7em; 	}
	.menu-scroll-down:focus { 	outline: thin dotted; 	}
	.menu-scroll-down .icon { 	height: 18px; 	width: 18px; 	}
	.twentyseventeen-front-page.has-header-image .site-branding, .twentyseventeen-front-page.has-header-video .site-branding, .home.blog.has-header-image .site-branding, .home.blog.has-header-video .site-branding { 	margin-bottom: 70px; }
	.panel-content .wrap { 	padding-bottom: 4.5em; 	padding-top: 6em; 	}
	.panel-image { 	height: 100vh; 	max-height: 1200px; 	}
	.background-fixed .panel-image { 	background-attachment: fixed; 	}
	.page-two-column .panel-content .recent-posts { 	clear: right; 	float: right; 	width: 58%; 	}
	.panel-content .recent-posts article { 	margin-bottom: 4em; 	}
	.panel-content .recent-posts .entry-header, 	.page-two-column #primary .panel-content .recent-posts .entry-header, 	.panel-content .recent-posts .entry-content, 	.page-two-column #primary .panel-content .recent-posts .entry-content { 		float: none; 		width: 100%; 	}
	.panel-content .recent-posts .entry-header { 		margin-bottom: 1.5em; 	}
	.page .panel-content .recent-posts .entry-title { 		font-size: 28px; 			}
	.site-content { 	padding: 5.5em 0 0; 	} 
	
	.page-id-1196 .site-content , .page-id-1198 .site-content , .page-id-1200 .site-content , .page-id-1202 .site-content , .page-id-696 .site-content , 
	.page-id-384 .site-content , .page-id-389 .site-content , .page-id-389 .site-content , .page-id-387 .site-content , .parent-pageid-384 .site-content , 
	.page-id-2076 .site-content , .page-id-3272 .site-content , .page-id-3433 .site-content , .page-id-3595 .site-content ,
	.page-id-3501 .site-content , .page-id-3533 .site-content , .page-id-3573 .site-content , .page-id-3522 .site-content , .page-id-3586 .site-content , 
	.page-id-3498 .site-content , .page-id-4184 .site-content , .page-id-3892 .site-content , .parent-pageid-3796 .site-content , .page-id-4328 .site-content , 
	.page-id-4400 .site-content , .page-id-4384 .site-content , .page-id-4370 .site-content , .page-id-6094 .site-content , .page-id-6222 .site-content ,
	.parent-pageid-6543 .site-content , .page-id-7554 .site-content , .page-id-7558 .site-content , .page-id-7566 .site-content , .page-id-7568 .site-content , .page-id-7562 .site-content , .page-id-7564 .site-content , .parent-pageid-12151 .site-content , .parent-pageid-13095 .site-content , .parent-pageid-13093 .site-content , .parent-pageid-6932 .site-content , .parent-pageid-9390 .site-content  {   padding-top: 0;}
	
	
	
	.single-post .entry-title,  .page .entry-title { 		font-size: 28px; 	}
	.comments-pagination, 	.post-navigation { 		clear: both; 	}
	.post-navigation .nav-previous { 		float: left; 	width: 50%; 	}
	.post-navigation .nav-next { 	float: right; 	text-align: right; 	width: 50%; 	}
	.nav-next, 	.post-navigation .nav-next { 		margin-top: 0; 	}
	.sticky .icon-thumb-tack { 	height: 23px; 	left: -2.5em; 	top: 1.5em; 	width: 32px; 	}
	.blog .site-main > article, .archive .site-main > article, .search .site-main > article { 	padding-bottom: 4em; } 
	.navigation.pagination { 	clear: both; 	float: right; 	width: 58%; 	}
	.has-sidebar .navigation.pagination, 	.archive.page-one-column:not(.has-sidebar) .navigation.pagination { 	float: none; 	width: 100%; 	}
	.entry-footer { 	display: table; 	width: 100%; 	}
	.entry-footer .cat-tags-links { 	display: table-cell; 	vertical-align: middle; 	width: 100%; 	}
	.entry-footer .edit-link { 	display: table-cell; 	text-align: right; 	vertical-align: middle; 	}
	.entry-footer .edit-link a.post-edit-link { 	margin-top: 0; 	margin-left: 1em; 	}
	:not(.has-sidebar) .entry-content blockquote.alignleft { 	margin-left: -17.5%; 	width: 48%; 	}
	:not(.has-sidebar) .entry-content blockquote.alignright { 	margin-right: -17.5%; 	width: 48%; 	}
	.has-sidebar .entry-content blockquote.alignleft { 	margin-left: 0; 	width: 34%; 	}
	.has-sidebar .entry-content blockquote.alignright { 	margin-right: 0; 	width: 34%; 	}
	.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta { 	margin-right: -72.5%; 	width: 62%; 	}
	.blog:not(.has-sidebar) .entry-content blockquote.alignleft, 	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft, 	.archive:not(.has-sidebar) .entry-content blockquote.alignleft, 	.page-two-column .entry-content blockquote.alignleft { 	margin-left: -72.5%; 	width: 62%; 	}
	.blog:not(.has-sidebar) .entry-content blockquote.alignright, 	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright, 	.archive:not(.has-sidebar) .entry-content blockquote.alignright, 	.page-two-column .entry-content blockquote.alignright { 	margin-right: 0; 	width: 36%; 	}
	.format-quote blockquote .icon { 	left: -1.5em; 	}
	.page.page-one-column .entry-header, 	.twentyseventeen-front-page.page-one-column .entry-header, 	.archive.page-one-column:not(.has-sidebar) .page-header { 		margin-bottom: 4em; 	}
	.page:not(.home) #content { 	padding-bottom: 3.25em; 	}
	.error404 .page-content { 	padding-bottom: 9em; 	}
	#comments { 	padding-top: 5em; 	}
	.comments-title { 	margin-bottom: 2.5em; 	}
	ol.children .children { 	padding-left: 2em; 	}
	.nav-links .nav-title { 	position: relative; 	}
	.nav-title-icon-wrapper { 	position: absolute; 	text-align: center; 	width: 2em; 	}
	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper { 	left: -2em; 	}
	.nav-links .nav-next .nav-title .nav-title-icon-wrapper { 	right: -2em; 	}
	#secondary { 	font-size: 14px; 	font-size: 0.875rem; 	line-height: 1.6; 	}
	h2.widget-title { 	font-size: 11px; 	font-size: 0.6875rem; 	margin-bottom: 2em; 	}
	.site-footer { 	font-size: 14px; 	font-size: 0.875rem; 	line-height: 1.6; 	margin-top: 3em; 	}
	.site-footer .widget-column.footer-widget-1 { 	float: left; 	width: 36%; 	}
	.site-footer .widget-column.footer-widget-2 { 	float: right; 	width: 58%; 	}
	.social-navigation { 	clear: left; 	float: left; 	margin-bottom: 0; 	width: 36%; 	}
	.site-info { 	float: left; 	padding: 0.7em 0 0; 	width: 58%; 	}
	.social-navigation + .site-info { 	margin-left: 6%; 	}
	.site-info .sep { 	margin: 0 0.5em;  	display: inline; 	visibility: visible; 	height: auto; 	width: auto; 	}
	
	
	
	

}




/**  Tablet  **/
@media screen and (min-width: 681px) and (max-width: 940px){
	
	
	
	h1 {  	font-size: 26px; 	font-weight: 800; }
	h2 { 	font-size: 22px; 	font-weight: 800; }
	h3 { 	font-size: 20px; 	font-weight: 800; }
	h4 { 	font-size: 18px; 	font-weight: 800; }
	h5 { 	font-size: 16px; 	font-weight: 800; }
	h6 { 	font-size: 15px; 	font-weight: 800; }
	
	h2.headline-ye, h2.headline-bl {    font-size: 22px; }
	
	
	
	
	.navigation-top .wrap {   padding: 20px 6%; }

	.site-branding-text picture {   display: block; }

	nav.header-navigation dl dt a {   padding: 9px 0;   font-size: 12px; }

	.columns-inner {   padding: 80px 6%; }

	section.type-about .columns-inner {   background-size: 90%;   background-position: 50% 100%;   padding-bottom: 166px; }

	section.columns-width.type-feature .columns-inner {   padding: 40px 6%; }
			

	section.columns-width.board-data-recommended ul {   width: 100%;}
	section.columns-width.board-data-recommended ul li {   width: 30%;}
	section.columns-width.carousel .columns-inner-bottom {    padding: 20px 6%;}
	
	table.material {    font-size: 90%;}
	
	

	.feature-point01, .feature-point02, .feature-point03 {   background-size: 74%;    padding: 174px 20px 20px 20px; }

	section.columns-width.type-comparison {   background-size: 75%;    background-position: 50% 100%; }
	section.columns-width.type-comparison .type-text-right {   width: 100%;    float: none; }	
	section.columns-width.type-comparison .columns-inner {   padding-bottom: 241px; }


	.type-reason-box {  position: relative;   margin-bottom: 30px; }

	picture + .type-reason-box {  margin-top: 26px; }

	.type-reason-list {  float: none;  width: 12%;  padding: 7px 0 5px 0;   box-shadow: none;   border-radius: 4px 4px;   font-size: 13px;   position: absolute;   top: -15px;   left: 15px; }

	.type-reason-list span {   margin: 0 0 0 6px;    display: inline-block; }

	.type-reason-box dl {   width: 100%;    box-shadow: none;    border-radius: 0 0; }
	.type-reason-box dl dt {    margin: 24px 5% 0 5%;    font-size: 18px; }
	.type-reason-box dl dt span {    font-size: 18px; }
	.type-reason-box dl dd {   margin: 10px 5% 24px 5%; }

	section.columns-width.type-delivery .columns-inner {   padding-top: 0; }

	.example-box dl {   width: 80%; }
	

	.panel-content .entry-header {   margin: 0 0; }
	
	.cfrp-valu ul li:first-child, .cfrp-valu ul li:nth-child(2), .cfrp-valu ul li:nth-child(3), .cfrp-valu ul li:nth-child(4), .cfrp-valu ul li:nth-child(5), .cfrp-valu ul li:nth-child(6) {   padding: 6px 10px; }
	.cfrp-valu ul li:nth-child(6n+1) {   width: 30%;padding: 6px 10px; }
	.cfrp-valu ul li { font-size: 78%;  width: 14%;padding: 6px 10px;}
	

	section.columns-width.type-campaign table {   width: 100%; }
	section.columns-width.type-campaign .columns-inner {  display: inherit; }
	section.columns-width.type-campaign table tr:first-child th {   text-align: center;   padding-bottom: 20px; }
	
	.page .site-content .wrap {   padding-left: 6%;   padding-right: 6%; }
	.page-id-2321 .site-content .wrap , 
	.page-id-2536 .site-content .wrap , 
	.page-id-2557 .site-content .wrap , 
	.page-id-4412 .site-content .wrap , 
	.page-id-4957 .site-content .wrap ,
	.page-id-6170 .site-content .wrap ,
	.page-id-6146 .site-content .wrap ,
	.page-id-9865 .site-content .wrap ,
	.page-id-10013 .site-content .wrap ,
	.page-id-10577 .site-content .wrap{   padding-left: 0;   padding-right: 0; }	
	
	section.entry-header-area .columns-inner {   padding: 60px 6%; }
	
	section.entry-header-area h1.entry-title {    font-size: 28px;     padding-bottom: 0;     margin:  0 0; }

	
	section.entry-header-area .detail {    width: 100%;}
	
	
	.front-post-data ul li {    width: 32%; }
	.front-post-data ul li a h2 {    font-size: 14px; }

	.board-area .label.board-size ul li:first-child span,.board-area .label.board-size ul li:last-child span {   float: none;    width: 100%;    display: inline; }
	.board-area .label.board-size ul {   width: 72%; }
	
	
	section.columns-width.home-page-link ul li {   width: 48%; }
	section.columns-width.home-page-link ul li:nth-child(2),
	section.columns-width.home-page-link ul li:nth-child(4),
	section.columns-width.home-page-link ul li:nth-child(6) {    margin-right: 0; }
	

	
	.site-footer ul.contents-link {   width: 93%; }

	.cfrp-valu table th, .cfrp-valu table td {    font-size: 78%;     padding: 6px 10px;  }
	
	.guide-left, .guide-right {    width: 100%;     float: none;  }
	
	
	.tab li:before {    left: 16px;}
	.tab li:after {    left: 26px;}

	.label .label-name {    float: none;    width: 100%;    font-size: 14px;}

	.label .form-info , .label table.right {    width: 100%;    float: none;}
	.label .form-info.half-img .title + p {    margin: 0 0 0 0;}


	.texture span.wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before, .texture span.wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::before , 
	.completion span.wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before, .completion span.wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::before	{     width: 38px;     height: 38px; 	}

	.texture span.wpcf7-list-item .wpcf7-list-item-label, .completion span.wpcf7-list-item .wpcf7-list-item-label {    line-height: 40px;}

	.label p {    width: 100%;    float: none;}
	.wpcf7-list-item {    margin: 0 16px 4px 0;}
	span.wpcf7-form-control-wrap.check-answer , span.wpcf7-form-control-wrap.checkbox-247 {    margin: 0 0 26px 0;    font-size: 13px;}

	.label.acceptance {    font-size: 13px;}
	table.right.board tr th {    font-size: 14px;}
	
	table.right.customize tr td span.wpcf7-form-control-wrap {    width: 80px;}
	
	.site-footer .wrap {    padding: 4em 6%; }

	.site-footer .wrap .footer-contents {   flex-wrap: wrap; }
	.site-footer .wrap .footer-contents .info {    float: none;     width: 100%;     margin: 0 0 40px 0; }
	.site-footer .wrap .footer-contents ul.site-links {  width: 46%;    margin: 0 0 40px 0; }

	
	section.columns-width.page-link ul li img {    width: 100%;}
	section.columns-width.page-link ul li a {    display: inherit;}
	section.columns-width.page-link ul li dl {    width: 100%;}
	
	section.columns-width.front.cfrplab ul li {    font-weight: normal;    font-size: 14px;    width: 32%;}
	
	.page-id-2321 section.columns-width.customizemenu ul.option-menu li , 
	.page-id-2557 section.columns-width.customizemenu ul.option-menu li {    width: 18.5%;	}
	
	
	.sns-voice {    display: inherit;}
	.sns-voice:after {   content:""; display:block; clear:both;}
	.sns-voice .in-columns {    width: 48%; float:left; }
	.sns-voice .in-columns:first-child {  margin-right:3%; }
	.home .sns-voice .in-columns:last-child {  display:none; }
	
	.page-id-4400 .sns-voice .in-columns {    width: 100%; }

	nav.header-navigation dl dt:last-child a {    margin: 3px 0 0 0;    padding: 5px 15px;}
	
	
	.label table.right.Squarepipe.type01 tr td input {    width: 60px;}
	
	
	section.columns-width.oem-flow .columns-inner {    padding: 0 6%;}
	section.columns-width.oem-Not .columns-inner {    padding-top: 0;}
	
	ul.press-logo li p {    font-size: 12px;}
	ul.press-logo li:before {    width: 24px;    height: 24px;    right: 10px;    bottom: 10px;}
	
	

	
	section.entry-header-area picture img {    margin: 0 auto 40px auto;    display: block;}
	section.entry-header-area ul {    margin: 0 0;  max-width: inherit; }
	section.entry-header-area header.entry-header p {      width: 100%;    font-weight: 500;}
	
	
	.cfrp-valu-squarepipe table.left, .cfrp-valu-squarepipe table.right {    width: 100%;}

	
	section.entry-header-area .columns-inner:before {    content: none;}
	
	
	.parent-pageid-5453 .site-content .wrap ,
	.parent-pageid-5462 .site-content .wrap , 
	.parent-pageid-5516 .site-content .wrap , 
	.parent-pageid-5598 .site-content .wrap , 
	.parent-pageid-5680 .site-content .wrap ,
	.parent-pageid-5710 .site-content .wrap {padding-left: 0;padding-right: 0;}

	.ec-category-header .inner , 
	.ec-wrap {  padding: 40px 6%;}

	.breadcrumb {  padding: 0 6%;}

	.ec-category-header .inner .top-content {    display: inherit;}
	.ec-category-header .inner .top-content .cate-title {    width: 100%;    margin: 0 0 18px 0;}
	.ec-category-header .inner .top-content .cate-title figure {width: 36%;}
	.ec-category-header .inner .top-content .cate-title dl {width: 63%;padding: 15px 20px;}
	.ec-category-header .inner .top-content .cate-data {    width: 100%; }

	.sorting-function ul.sorting-list.squarepipe li {     width: 15%;     margin: 0 2% 1.4% 0; }
	.sorting-function ul.sorting-list.squarepipe li:nth-child(9n) {     margin-right: 2%; }
	.sorting-function ul.sorting-list.squarepipe li:nth-child(6n) {    margin-right: 0; }

	.ec-category-header {    margin: 0 0 10px 0;}

	dl.How-to-sell dt {    width: 20%;}
	dl.How-to-sell dd {     width: 80%;}
	.ec-contents {    float: none;    width: 100%;}
	.ec-secondly {    float: none;    width: 100%;}
	.ec-secondly ul.ec-category {    padding: 5% 5%;}
	
	
	
	
	nav.header-navigation dl#nav-toggle dd ul {    padding: 0 6%; flex-wrap:wrap; }
	nav.header-navigation dl#nav-toggle dd ul li {    width: 48%; margin:0 0 16px 0;}
	nav.header-navigation dl#nav-toggle dd ul li a img {    width: 46px;}

	nav.header-navigation dl#nav-toggle dt:nth-of-type(2), 
	nav.header-navigation dl#nav-toggle dt:nth-of-type(3) {    padding: 9px 17px 9px 0; font-size: 12px;	}
	
	nav.header-navigation dl#nav-toggle dt:nth-of-type(2) a {    padding-top: 0;}
	nav.header-navigation dl#nav-toggle dt:nth-of-type(2) {    padding-right: 0;}
	nav.header-navigation dl#nav-toggle dt:nth-of-type(3):before {    top: 14px;}

	
	section.columns-width.front.new-shop ul li {    font-size: 12px;}
	
	
	ul.ordelinks {flex-wrap: wrap;justify-content: flex-start;}
	ul.ordelinks.online li {width: 32%;margin: 0 1% 1% 0;}
	

	.header-area .wrap {padding: 100px 6% 110px 6%;}
	.header-wrap-text p span {font-size: 36px;}

	
	
	nav.header-navigation dl#nav-toggle dd .desktop-menu .left ul, nav.header-navigation dl#nav-toggle dd .desktop-menu .right ul {padding: 0 0;}
	nav.header-navigation dl#nav-toggle dd .desktop-menu {padding: 0 6%;}
	nav.header-navigation dl#nav-toggle dd .desktop-menu .left p, nav.header-navigation dl#nav-toggle dd .desktop-menu .right p {font-size: 13px;}
	nav.header-navigation dl#nav-toggle dd .desktop-menu .left p span, nav.header-navigation dl#nav-toggle dd .desktop-menu .right p span {font-size: 12px;margin: 0 0 0 8px;}
	nav.header-navigation dl#nav-toggle dd .desktop-menu .left ul li, nav.header-navigation dl#nav-toggle dd .desktop-menu .right ul li {width: 30%;}
	nav.header-navigation dl#nav-toggle dd .desktop-menu .left ul li a, nav.header-navigation dl#nav-toggle dd .desktop-menu .right ul li a {font-size: 12px;}
	
	.form.cfrp .data span.wpcf7-list-item {    width: 100%;}
	.btnstyle-group {    width: 100%;}
	.btnstyle {    width: 48%;}
	
	.form.cfrp .data span.wpcf7-list-item {    width: 100%;}
	.order-inner .box {    margin: 60px 0;}
	.order-inner .box .label-title {    padding: 0 0 24px 0;}
	.order-inner .box .label-title:before {    content: none;}

	.texture span.wpcf7-list-item:nth-child(1) .wpcf7-list-item-label::before ,
	.completion span.wpcf7-list-item:nth-child(1) .wpcf7-list-item-label::before {    width: 38px;    height: 38px;}
	.order-inner .box .form.customize .data .wpcf7-list-item {    margin: 0 12px 12px 0;}
	.btnstyle-group.last-form {    width: 100%;}
	
	
	

	section.new-front.order-processing .columns-inner .order-list .group {    width: 48%;    margin: 0 0 24px 0;}
	section.new-front.order-processing .columns-inner .order-list .group dl dd ul li {    display: inherit;    margin: 0 0 12px 0;}
	section.new-front.order-processing .columns-inner .order-list .group dl dd ul li span {    display: block;    width: 100%;    font-weight: 700;}

	ul.half-data-banner {    margin: 42px 0 0 0;}
	ul.half-data-banner li {    width: 49%;}
	section.columns-width.new-front.order-base ul li {    width: 48%;    margin: 0 2% 2% 0;}
	section.columns-width.new-front.order-base ul li:nth-child(2n) {    margin-right: 0;}
	section.columns-width.new-front.order-base ul li:nth-child(3) {    margin-right: 2%;}

	@keyframes anim_01 { 0% {top:-20%;} 100%{top:-10%;} }
	@keyframes anim_02 { 0%{top:-15%;} 100%{top:-10%; } }
	@keyframes anim_03 { 0%{bottom:-20%;} 100%{bottom:-10%;} }
	@keyframes anim_04 { 0%{bottom:-10%;} 100%{bottom:-20%;}}


	section.columns-width.new-front.aniproblem .solution {    padding: 100px 0;    margin-bottom: 120px;}
	section.columns-width.new-front.aniproblem .solution-point {    display: inherit;}
	section.columns-width.new-front.aniproblem .solution-point dl {    width: 100%;    clear: both;    margin: 0 0 12px 0;}
	section.columns-width.new-front.aniproblem .solution-point dl dd:nth-child(2) {    width: 30%;    float: left;}
	section.columns-width.new-front.aniproblem .solution-point dl dd:last-child {    width: 65%;    float: right;}
	section.columns-width.new-front.aniproblem .solution-point dl dt br {    display: none;}
	section.columns-width.new-front.aniproblem .solution-point dl dt:before {    top: -17px;    left: 0px;}
	section.columns-width.new-front.aniproblem .solution-point dl dt:after {    font-size: 24px;}
	section.columns-width.new-front.aniproblem .solution-point dl dt {    padding: 0 0 0 62px;}
	section.columns-width.new-front.aniproblem .solution-point dl:after {    content: "";    display: block;    clear: both;}

	
	#slidegallery-front {    height: 900px;}
	#slide-paging {    width: 100%;}
	#slide-inner {         position: inherit; padding: 0 0 350px 0;}
	#slide-inner img {    width: 100%; }
	#slide-inner dl {      width: 100%;    top: inherit;    bottom: 20px;}
	
	section.columns-width.new-front.front-step-slide #slide-inner dl dd a {    width: 50%;    margin: 0 auto;}
	section.new-front.case-study ul li a .detail p {    line-height: 1.4;}
	

	
	.gray-back .right ul li {    margin-bottom: 3px;}
	.gray-back .left {    margin-left: -24px;}
	.gray-back .right {    width: 62%;}
	
	
	
	section.header-main-slide .front-swiper-text .inner {    padding: 80px 6% 0 6%;}
	section.header-main-slide .front-swiper-text .inner p:first-child {    font-size: 32px;}
	section.header-main-slide .front-swiper-text .inner ul {    width: 50%;}
	
	

	.order-inner .box .form .data .hole-customize .detail p span.list {    margin: 0 0 5px 0;}
	
	
	section.columns-width.renewal.about .about-menu {    width: 100%;}
	section.columns-width.renewal.about .about-menu-detail .about-inner-box dl {    float: none;    width: 100%;}
	section.columns-width.renewal.about .about-menu-detail .about-inner-box img {    float: none;    width: 100%;}
	section.columns-width.renewal.about .about-menu-detail .about-inner-box dl dt br {    display: none;}
	.squarepipe-size table td ul li {    padding: 0 0 0 17px;}
	section.columns-width.renewal.machining ul.machining-menu {    width: 100%;}
	section.columns-width.renewal.sample .sample-detail {    display: inherit;}
	section.columns-width.renewal.sample .sample-detail img {    width: 100%;}
	section.columns-width.renewal.sample .sample-detail .text {    width: 100%;    margin: 24px 0 0 0;}
	section.columns-width.renewal.sample .sample-detail .text a {    width: 50%;    margin: 0 auto;}
	section.columns-width.renewal.options ul.options-menu {    width: 100%;}
	section.columns-width.renewal.price .parts {    flex-wrap: wrap;}
	section.columns-width.renewal.price .parts .parts-box.data {    width: 48%;    margin: 0 2% 2% 0;}
	ul.Product-f li .step {    width: 100%;}
	ul.Product-f li {    display: inherit;}
	ul.Product-f li p {    width: 100%;    padding: 0 0 0 50px;}
	
	.front-form-contact-links {    margin: -80px 6% 0 6%;    padding: 6% 4% 2% 4%;}
	.front-form-contact-links ul li {    width: 48%;}
	.front-form-contact-links ul li a {    font-size: 16px;}
	.front-form-contact-links ul li:first-child a {    background-position: 23px 52%;}
	.front-form-contact-links ul li:last-child a {    background-position: 23px 52%;}
	.front-form-contact-links ul li a span {    font-size: 14px;    padding: 10px 15px 8px 15px;    top: -17px;    left: calc(50% - 80px);}
	
	section.entry-header-area.renewal-boarddata ,
	section.entry-header-area.renewal-board ,
	section.entry-header-area.renewal-pipedata ,
	section.entry-header-area.renewal-pipe ,
	section.entry-header-area.renewal-squarepipedata ,
	section.entry-header-area.renewal-squarepipe {    background-image: none;}

	section.columns-width.renewal.in-page-link .columns-inner {    padding: 24px 6%;}
	section.columns-width.renewal.in-page-link .columns-inner ul li {    width: 19%;}
	section.columns-width.renewal.in-page-link .columns-inner ul li a:before {    content: none;}
	
	.fullwidth-bnr {    margin: 0 6%;}
	
	
	section.columns-width.plusinfo {    background-size: 38%;    background-position: 91% 50%;}

	
	
	.page-problem img {    width: 60%;    float: none;    margin: 0 auto;    display: block;}
	.page-problem ul {    width: 100%;    float: none;}
	.right-image img {    float: left;}
	.right-image dl {    float: right;}
	.more-button.black.half {    width: 100%;}
		
	section.columns-width.Gallery.other-pages .columns-inner ,
	section.columns-width.new-front.case-study.renewal.other-pages .columns-inner  ,
	section.columns-width.new-front.order-processing.other-pages .columns-inner ,
	section.columns-width.faq.other-pages .columns-inner ,
	section.columns-width.new-front.order-base.other-pages .columns-inner,
	section.columns-width.renewal.sample.other-pages .columns-inner ,
	section.columns-width.renewal.machining.other-pages .columns-inner {    padding-left: 0;    padding-right: 0;}

	.common-form-flow.other-pages {    margin-right: 0;    margin-left: 0; border-radius: 12px 12px;    box-shadow: 0 0 6px #0000003d;}
	
	.page-beginning ul {    width: 100%;}
	
	
	.page-beginning ul.item2 {    width: 60%;}
	.form-guidenew .guidenew-flow img {    float: none;    margin: 0 auto 42px auto;    display: block;}
	
	.about-contact.order-content ul li {    width: 32%;}
	
	.common-form-flow {    box-shadow: none;    border-radius: 0 0;}
	.common-form-flow .bottom {    border-bottom: solid 2px #F9F9F9;}
	.common-form-flow .top ul {    padding: 32px 0;}
	.common-form-flow .top ul li a {    font-size: 16px;}
	.common-form-flow .top ul li a span {    font-size: 13px;    left: calc(50% - 75px);}
	.common-form-flow .bottom ul li {    background-position: 50% 0;    background-size: 37px;    padding: 45px 0 0 0;    line-height: 1.5;}
	.common-form-flow .bottom ul li span {    text-align: center;}
	.common-form-flow .bottom ul li:before {    right: -38px;    top: 82%;}
	
	.page-beginning ul.item4 {    width: 100%;}
	.page-beginning ul.item4 li {    width: 24%;}
	.page-beginning ul.item4 li:last-child {    width: 19%;}
	.page-beginning ul.item4 li a:before {    right: 16px;}
	.page-beginning ul.item4 li:first-child {    width: 26%;}
	
	ul.wrap-threecolumns li {    width: 47%;}
	ul.wrap-threecolumns li:nth-child(3n) {    margin-right: 2%;}
	
	
	nav.header-navigation ul#nav-toggle li:first-child,
	nav.header-navigation ul#nav-toggle li:nth-child(2),
	nav.header-navigation ul#nav-toggle li:nth-child(3),
	nav.header-navigation ul#nav-toggle li:nth-child(4),
	nav.header-navigation ul#nav-toggle li:nth-child(5) {    display: none;}

	nav.header-navigation ul#nav-toggle {    justify-content: flex-end;    margin: 4px 0 0 0;}
	nav.header-navigation ul#nav-toggle li:nth-child(6) {    margin-right: 2%;}
	
	.home .site-content-contain {    padding-top: 0;}
	
	
	.gakurobo-colmun {    padding-right: 6%;    padding-left: 6%;}
	.gakurobo-colmun.what p br {    display: none;}
	.gakurobo-button {    width: 62%;    margin: 0 auto;}
	.gakurobo-colmun.what .special-favor dl dd p {    font-size: 16px;}
	.gakurobo-colmun.what .special-favor dl dd p br {    display: block;}
	.gakurobo-colmun.what .special-favor dl {    width: 49%;}
	ul.notes-list, ul.notes-list2, ul.notes-list3 {    padding: 5% 6%;}
	.gakurobo-colmun.couponstep .step-flow.step1 {    background-size: 150px;    background-position: 28px 34px;}
	.gakurobo-colmun.couponstep .step-flow.step2 {    background-size: 174px;    background-position: 11px 33px;}
	.gakurobo-colmun.couponstep .step-flow.step3 {    background-size: 150px;    background-position: 28px 34px;}
	.gakurobo-colmun.couponstep .step-flow p {    width: 72%;    float: right;}
	
	
	
	
	.gakurobo-colmun.header.formula {    background-image: url(https://cfrp-japan.com/wp-content/uploads/2024/03/gakufomula2024-headerimg-680-background.webp);  }
	
	.sample-half {    display: inherit;}
	.sample-half:after {    content: "";    display: block;    clear: both;}
	.sample-half img {    float: left;}
	.sample-half dl {    float: right;}
	.sanple-detail .left ul li, .sanple-detail .right ul li {    display: inherit;}
	.sanple-detail .left ul li p, .sanple-detail .right ul li p {    width: 100%;}
	
	.faq-toggle dt {    padding: 31px 5% 2% 8%;}
	dl.faq-toggle dt:before {    left: 3%;}
	
	section.en-columns .inner {    padding: 70px 5%;}

	ul.trackrecord-list li {    width: 30%;    margin-right: 25px;}

	ul.trackrecord-list li:nth-child(3), ul.trackrecord-list li:nth-child(6) {    margin-right: 0;}

	ul.trackrecord-list li:nth-child(4), ul.trackrecord-list li:nth-child(8) {    margin-right: 25px;}

	section.en-columns.products .order-list .group {    width: 48%;    margin-bottom: 25px;}

	section.en-columns.form {    padding: 0;}

	section.en-columns.sample .sample-detail {    display: inherit;}

	section.en-columns.sample .sample-detail img {    width: 100%;}

	section.en-columns.sample .sample-detail .text {    width: 100%;    margin-top: 20px;}

	section.en-columns.whatis .right-image dl dt, section.en-columns.whatis .left-image dl dt {    padding: 0px 0 35px 60px;    line-height: 1.2;}
	
	ul.half-data-banner.page-top {    margin: 60px 6% 0 6%;}
	
	.front-bnr.others {    margin: 0;}
	
	.en-columns.header .columns-inner {    padding: 50px 6%;}

	.en-columns.header .toptitle-area {    width: 100%;}

	section.en-columns.header {    background-image: none;}
	
	.free-sample-yellow {    margin: 5%;}
	.free-sample-yellow img {    float: none;    width: 50%;    margin: 0 auto 30px auto;}
	.free-sample-yellow .right {    width: 100%;    float: none;}
	.record_left {    width: 100%;    float: none;    margin-bottom: 30px;}
	.record_right {    width: 100%;    float: none;}
	.other-industry ul li {    width: 50%;}
	
	.record_left img {    width: 100%;}
	
	.products-item {    background-position: -50px 50%;}
	
	
}








/**  Tablet Pro **/
@media screen and (min-width: 941px) and (max-width: 1200px){
	
	body {    font-size: 96%; }
	
	.navigation-top .wrap {   padding: 12px 6%;  }

	.site-branding-text picture {   display: block; }

	nav.header-navigation dl dt a {   padding: 9px 0;   font-size: 12px; }
	nav.header-navigation dl#nav-toggle dt:nth-of-type(2), 
	nav.header-navigation dl#nav-toggle dt:nth-of-type(3) {    padding: 9px 17px 9px 0; font-size: 12px;	}
	nav.header-navigation dl#nav-toggle dd {    top: 64px;}
	
	.columns-inner   {   padding: 80px 6%; }
	section.columns-width.carousel .columns-inner-bottom {    padding: 20px 6%; }
	
	section.entry-header-area .columns-inner {   padding: 60px 6%; }
	
	section.columns-width.faq .columns-inner {   padding: 60px 6%; }

	section.columns-width.page-link .columns-inner {   padding: 60px 6% 0 6%; }
	.page-id-3272 section.columns-width.page-link .columns-inner {    padding-right: 0;    padding-left: 0;}
	
	
	.site-footer .wrap {    padding: 5em 6%;}
	

	
	
	section.type-about .columns-inner {   background-size: 90%;   background-position: 50% 100%;   padding-bottom: 260px; }

	section.columns-width.type-feature .columns-inner {   padding: 40px 6%; }

	.feature-point01, .feature-point02, .feature-point03 {   background-size: 74%;    padding: 174px 20px 20px 20px; }

	section.columns-width.type-comparison {  background-position: 90% 95%; }
	section.columns-width.type-comparison .type-text-right {   width: 100%;    float: none; }
	section.columns-width.type-comparison .columns-inner {   padding-bottom: 241px; }


	.type-reason-list {   float: none;   width: 15%;   padding: 9px 0;    box-shadow: none;    border-radius: 4px 4px 0 0; }
	.type-reason-list span {   margin: 0 0 0 6px;    display: inline-block; }
	.type-reason-box dl {   width: 100%;    box-shadow: none;    border-radius: 0 0; }
	.type-reason-box dl dt {    margin: 24px 5% 0 5%;    font-size: 18px; }
	.type-reason-box dl dt span {    font-size: 18px; }
	.type-reason-box dl dd {   margin: 10px 5% 24px 5%; }
	section.columns-width.type-delivery .columns-inner {   padding-top: 0; }
	.example-box dl {   width: 80%; }
	section.columns-width.type-campaign table th {   width: 25%; }
	
	.page #primary {   float: none;   width: 100%; }
	.page .site-content .wrap {   padding-left: 6%;    padding-right: 6%; }
	.page #secondary {   width: 100%;    float: left; }
	
	.site-content-contain {   padding-top: 66px; }

	.page-id-2321 .site-content .wrap , 
	.page-id-2536 .site-content .wrap , 
	.page-id-2557 .site-content .wrap , 
	.page-id-4412 .site-content .wrap , 
	.page-id-4957 .site-content .wrap ,
	.page-id-6170 .site-content .wrap ,
	.page-id-6146 .site-content .wrap ,
	.page-id-9865 .site-content .wrap ,
	.page-id-10013 .site-content .wrap ,
	.page-id-10577 .site-content .wrap{   padding-left: 0;   padding-right: 0; }
	
	.board-area .label.board-size ul li:first-child span,.board-area .label.board-size ul li:last-child span {   float: none;    width: 100%;    display: inline; }

	section.entry-header-area .columns-inner {   padding: 60px 6%; }
	section.entry-header-area h1.entry-title {    font-size: 24px;     padding-bottom: 0;     margin: 20px 0 0 0; }
	


	table.right.customize tr td span.wpcf7-form-control-wrap {    width: 90px;}
	

	nav.header-navigation dl dt:last-child a {    margin: 3px 0 0 0;    padding: 5px 15px;}
	
	section.entry-header-area.cfrp-boarddata .columns-inner:before , 
	section.entry-header-area .columns-inner:before {    width: 900px;    height: 500px;    background-size: 263px;}
	
	.parent-pageid-5453 .site-content .wrap ,
	.parent-pageid-5462 .site-content .wrap , 
	.parent-pageid-5516 .site-content .wrap , 
	.parent-pageid-5598 .site-content .wrap , 
	.parent-pageid-5680 .site-content .wrap ,
	.parent-pageid-5710 .site-content .wrap {padding-left: 0;padding-right: 0;}

	.ec-category-header .inner , 
	.ec-wrap {    padding: 40px 6%;}

	.breadcrumb {    padding: 0 6%;}

	.ec-category-header .inner .top-content {    display: inherit;}
	.ec-category-header .inner .top-content .cate-title {    width: 100%;    margin: 0 0 18px 0;}
	.ec-category-header .inner .top-content .cate-title figure {    width: 32%;}
	.ec-category-header .inner .top-content .cate-title dl {    width: 67%; }
	.ec-category-header .inner .top-content .cate-data {    width: 100%; }
	
	
	nav.header-navigation dl#nav-toggle dd ul {    padding: 0 6%;}
	nav.header-navigation dl#nav-toggle dd li:first-child , nav.header-navigation dl#nav-toggle dd li:nth-child(2) {    width: 20%;}
	nav.header-navigation dl#nav-toggle dd li:nth-child(3), nav.header-navigation dl#nav-toggle dd li:last-child {    width: 28%;}
	nav.header-navigation dl#nav-toggle dd ul li a img {    width: 46px;}
	
	nav.header-navigation dl#nav-toggle dd .desktop-menu .left ul, nav.header-navigation dl#nav-toggle dd .desktop-menu .right ul {padding: 0 0;}
	nav.header-navigation dl#nav-toggle dd .desktop-menu {padding: 0 6%;}
	
	.scroll {    margin-top: 0;}
	
	
	.header-area .wrap {padding: 110px 6% 120px 6%;}
	.home .header-area picture {right: 2%;}
	
	.form.cfrp .data span {    font-size: 14px;}
	.form.cfrp .data span.wpcf7-list-item {    width: 33%;}
	
	

	@keyframes anim_01  {  0% {top: -14px;}  100% {top: -5px;}}
	section.new-front.order-processing .columns-inner .order-list .group dl dd ul li span {    display: block;    width: inherit;    font-weight: 700;}
	section.new-front.order-processing .columns-inner .order-list .group dl dd ul li {display: inherit;    margin: 0 0 12px 0;}


	ul.half-data-banner li {    width: 49%;}
	
	nav.header-navigation dl#nav-toggle dt:nth-of-type(2) a {    padding-top: 0;}
	nav.header-navigation dl#nav-toggle dt:nth-of-type(3):before {    top: 15px;}
	
	
	section.header-main-slide .front-swiper-text .inner {    max-width: 1080px;    padding: 80px 6% 0 6%;}
	section.header-main-slide .front-swiper-text .inner p:first-child {    font-size: 28px;}
	

	.btnstyle {    width: 48%;}
	
	

	section.columns-width.renewal.about .about-menu-detail .about-inner-box dl dt {    margin: 0 0 12px 0;}
	section.columns-width.renewal.about .about-menu-detail .about-inner-box dl dd p {    margin: 0 0;    display: inline;}
	section.columns-width.renewal.about .about-menu-detail .about-inner-box dl {    padding: 3% 4% 0 4%;}
	section.columns-width.renewal.sample .sample-detail {    display: inherit;}
	section.columns-width.renewal.sample .sample-detail img {    width: 80%;    margin: 0 auto;    display: block;}
	section.columns-width.renewal.sample .sample-detail .text {    width: 80%;    display: block;    margin: 24px auto;}
	section.columns-width.renewal.sample .sample-detail .text a {    width: 50%;    margin: 0 auto;}
	section.columns-width.renewal.options ul.options-menu {    width: 100%;}
	
	
	.front-form-contact-links {    margin: -45px 6% 0 6%;     padding: 5% 4% 2% 4%; }
	
	section.entry-header-area {    background-size: 68%;    background-position: 167% 0;}
	section.columns-width.renewal.in-page-link .columns-inner {    padding: 24px 6%;}
	
	.fullwidth-bnr {    margin: 0 6%;}
	
	section.columns-width.plusinfo {    background-position: 95% 65%;    background-size: 27%;}
	
	section.columns-width.Gallery.other-pages .columns-inner ,
	section.columns-width.new-front.case-study.renewal.other-pages .columns-inner  ,
	section.columns-width.new-front.order-processing.other-pages .columns-inner ,
	section.columns-width.faq.other-pages .columns-inner ,
	section.columns-width.new-front.order-base.other-pages .columns-inner,
	section.columns-width.renewal.sample.other-pages .columns-inner ,
	section.columns-width.renewal.machining.other-pages .columns-inner {    padding-left: 0;    padding-right: 0;}
	
	.common-form-flow.other-pages {    margin-right: 0;    margin-left: 0;}
		
	
	.page-beginning ul {    width: 70%;}
	.common-form-flow {    margin: 48px 6%;}
	.page-beginning ul.item4 {    width: 100%;}
	
	nav.header-navigation ul#nav-toggle li:first-child,
	nav.header-navigation ul#nav-toggle li:nth-child(2),
	nav.header-navigation ul#nav-toggle li:nth-child(3),
	nav.header-navigation ul#nav-toggle li:nth-child(4),
	nav.header-navigation ul#nav-toggle li:nth-child(5) {    display: none;}

	nav.header-navigation ul#nav-toggle {    justify-content: flex-end;    margin: 4px 0 0 0;}
	nav.header-navigation ul#nav-toggle li:nth-child(6) {    margin-right: 2%;}
	
	
	.home .site-content-contain {    padding-top: 0;}
	
	.gakurobo-colmun { padding-right: 6%;    padding-left: 6%; }
	
	
	dl.faq-toggle dt:before {    top: 25px;}
	
	ul.half-data-banner.page-top {    margin: 60px 6% 0 6%;}
	
	.front-bnr.others {    margin: 0;}
	
	.free-sample-yellow {    margin: 5%;}
	
	
}



@media screen and (min-width: 941px) and (max-width: 1100px){

	section.en-columns .inner {    padding: 70px 5%;}
	
	.en-columns.header .columns-inner {    padding: 50px 6%;}

	.en-columns.header .toptitle-area {    width: 70%;}

	.page-id-10577 header.entry-header h1 {    font-size: 30px;}

	section.en-columns.header {    background-position: 650% 0;}

}



@media screen and (min-width: 1201px) {
	
	.page .site-content .wrap {   padding-left: 0;    padding-right: 0; }

}



/**  note 13 **/
@media screen and (min-width: 1201px) and (max-width: 1300px){
	
	
	.columns-inner , section.columns-width.carousel .columns-inner-bottom , .site-footer .wrap {   max-width: 980px; }
	
	section.entry-header-area h1.entry-title {    font-size: 26px; }
	
	section.columns-width.type-comparison {   background-size: 45%;    background-position: 5% 100%; }	
	section.columns-width.type-comparison {   background-size: 45%;    background-position: 8% 100%; }
	
	.type-reason-box dl dt span {   font-size: 28px; }
	.type-reason-list {    padding: 26px 0; }	
	section.columns-width.type-reason .type-reason-box + p, .type-service-right + p {   line-height: 36px;    font-size: 14px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2019/07/line-36-under.jpg); }

	section.columns-width.type-reason .type-reason-box + p {   margin-top: 38px; }
	h2.headline-ye, h2.headline-bl {   font-size: 24px; }	
	h2 {    font-size: 21px; }
	section.columns-width.type-example header {  margin-bottom: 40px; }
	body, button, input, select, textarea {   font-size: 15px; }
	.navigation-top .wrap { padding: 13px 0 6px 0; max-width:980px ;	}
	
	.wrap {    max-width: 980px; }
	nav.header-navigation dl#nav-toggle dd ul {    max-width: 980px; }
	
	
	
	.page-id-1410 h1.site-title {   width: 20%;}
	.page-id-1410 h1.site-title a {   padding: 10% 0 37px 10%;}
	.page-id-1410 h1.site-title a picture {   width: 98px;}
	
	
	section.board-columns.header {     background-position: 95% 50%; }
	section.board-columns.header picture {   width: 92%;}
	section.board-columns.header .scroll-text {   left: 3%;}
	
	section.entry-header-area .columns-inner:before {    width: 980px;    background-size: 334px;}
	
	section.header-main-slide .front-swiper-text .inner {    max-width: 980px;}
	
	
	section.entry-header-area.renewal-board {    background-position: 173% 0;}
	section.entry-header-area.renewal-boarddata {    background-position: 207% 0;}
	section.entry-header-area.renewal-pipedata {    background-position: 179% 0;}
	section.entry-header-area.renewal-squarepipedata {    background-position: 176% 0;}
	section.entry-header-area.renewal-pipe {    background-position: 183% 0;}
	section.entry-header-area {    background-position: 172% 0;}
	
		.common-form-flow {    max-width: 980px;}
	
	.en-columns.header .toptitle-area {    width: 50%;}
	section.en-columns.header {    background-position: 200% 0;}
	.page-id-10577 header.entry-header h1 {    font-size: 35px;}
	.en-columns.header .header-price {    width: 65%;}
	.en-columns.header ul.header-main-button li a {    padding: 25px 30px 25px 25px;    font-size: 15px;}
	.en-columns.header ul.header-main-button li:first-child a {    background-image: none;}
	.en-columns.header ul.header-main-button li:last-child a {    background-image: none;}
	
}

/**  note 15  **/
@media screen and (min-width: 1301px) and (max-width: 1380px){
	
	section.columns-width.type-comparison {   background-size: 45%;    background-position: 8% 100%; }	
	.type-reason-box dl dt span {   font-size: 28px; }	
	.type-reason-list {    padding: 26px 0; }
	section.columns-width.type-reason .type-reason-box + p, .type-service-right + p {   line-height: 36px;    font-size: 14px;    background-image: url(https://cfrp-japan.com/wp-content/uploads/2019/07/line-36-under.jpg); }
	section.columns-width.type-reason .type-reason-box + p {   margin-top: 38px; }
	h2.headline-ye, h2.headline-bl {   font-size: 24px; }	
	section.columns-width.type-example header {  margin-bottom: 40px; }
	body, button, input, select, textarea {   font-size: 15px; }
	
		section.board-columns.header {     background-position: 96% 50%; }
	
	
	section.entry-header-area.renewal-board {    background-position: 128% 0;}
	section.entry-header-area.renewal-boarddata {    background-position: 160% 0;}
	section.entry-header-area.renewal-pipedata {    background-position: 135% 0;}
	section.entry-header-area.renewal-squarepipedata {    background-position: 134% 0;}
	section.entry-header-area.renewal-pipe {    background-position: 138% 0;}
	section.entry-header-area {    background-position: 132% 0;}
	
	section.en-columns.header {    background-position: 180% 0;}
	
}




@media screen and (min-width: 1381px) and (max-width: 1480px){
	
	section.entry-header-area.renewal-board {    background-position: 114% 0;}
	section.entry-header-area.renewal-boarddata {    background-position: 135% 0;}
	section.entry-header-area.renewal-pipedata {    background-position: 124% 0;}
	section.entry-header-area.renewal-squarepipedata {    background-position: 124% 0;}
	section.entry-header-area.renewal-pipe {    background-position: 122% 0;}
	section.entry-header-area {    background-position: 120% 0;}
	
	section.en-columns.header {    background-position: 158% 0;}
		
}

@media screen and (min-width: 1481px) and (max-width: 1550px){

	section.en-columns.header {    background-position: 135% 0;}

}

@media screen and (min-width: 1481px) and (max-width: 1600px){
	
	section.header-main-slide .front-swiper-text .inner {    padding: 37px 0 0 0;}
	section.header-main-slide .front-swiper-text .inner p:first-child {    font-size: 30px;}
	
}













@media screen and (min-width: 1481px) and (max-width: 1680px){
	section.entry-header-area.renewal-boarddata {    background-position: 117% 0;}
	
}



/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 320px) {
	body.customize-partial-edit-shortcuts-shown .site-header .site-title { 	padding-left: 0; 	}	
	
}

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


	.entry-content blockquote.alignleft, 	.entry-content blockquote.alignright { 		font-size: 14px; 		font-size: 0.875rem; 	}
	.site-branding {	padding: 3em 0; 	} 
	.panel-content .wrap { 	padding-bottom: 2em;		padding-top: 3.5em; 	}
	.page-one-column .panel-content .wrap { 	max-width: 740px; 	}
	.panel-content .entry-header { 		margin-bottom: 20px; 	}
	.panel-content .recent-posts .entry-header { 		margin-bottom: 0; 	}
	.taxonomy-description { 	font-size: 14px;  	}
	.page-numbers.current { 	font-size: 16px; 		}
	.site-footer { 	font-size: 16px; 	 	}


}

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


	.navigation-top nav { 	margin-left: 0; 	}
	.sticky .icon-thumb-tack { 	font-size: 32px; 	font-size: 2rem;	height: 22px; 	left: -1.25em; 	top: 0.75em; 	width: 32px; 	}
	.page-numbers { display: inline-block; 	}
	.page-numbers.current { 	font-size: 15px;font-size: 0.9375rem; 	}
	.page-numbers.current .screen-reader-text { 	clip: rect(1px, 1px, 1px, 1px); 	height: 1px; 	overflow: hidden; 	position: absolute !important;		width: 1px; 	}
	.comment-body { margin-left: 0; }
	
	.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {    text-align: center;}
	
	
	
	
}

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

	.has-sidebar .entry-content blockquote.alignleft { 		margin-left: -20%; 	}
	
	.blog:not(.has-sidebar) .entry-content blockquote.alignright, 	
	.archive:not(.has-sidebar) .entry-content blockquote.alignright, 	
	.page-two-column .entry-content blockquote.alignright, 	
	.twentyseventeen-front-page .entry-content blockquote.alignright { 		margin-right: -20%; 	}
	
}

@media screen and ( max-width: 782px ) and ( min-width: 768px ) {

	.admin-bar .site-navigation-fixed.navigation-top, 	
	.admin-bar .site-navigation-hidden.navigation-top { 	top: 46px; 	}
	
}




/*
div#autozip {
    display: none !important;
}
*/