@charset "UTF-8";

/*
Theme Name: TAKIZAWA 2018
Theme URI: http://takizawaham.co.jp
Author: ONZE
Author URI: http:/on-ze.com
Description: Design by <a href="http://on-ze.com">ONZE</a>.
Version: 0.9
Text Domain: takizawa-2018
*/


/******************/

/******************/
/******************/
/* reset **********/

* {
border:0;
margin:0;
padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
font:inherit;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
}

html {font-size:62.5%;}

body {
background:#fff;
color:#252525;
font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;
/*font-family:'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', 'Meiryo', 'メイリオ', 'Times New Roman', serif;*/
font-family:'Meiryo', 'メイリオ', 'YuGothic', 'Yu Gothic', '游ゴシック', Arial, Verdana, sans-serif;
/*font-family:'Noto Sans Japanese', 'Meiryo', 'メイリオ', 'YuGothic', 'Yu Gothic', '游ゴシック', Arial, Verdana, sans-serif;*/
font-size:14px;
font-size:1.4rem;
line-height:1;
position:relative;
text-align:center;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
font-feature-settings:"palt";
-webkit-font-smoothing:antialiased;
/*-moz-font-smoothing:antialiased;
-ms-font-smoothing:antialiased;
-o-font-smoothing:antialiased;*/
font-smoothing:antialiased;
/* text-rendering:optimizeLegibility; まだ使わないほうが無難 */
-webkit-tap-highlight-color:transparent;
width:100%;
height:auto;
}


article, aside, footer, header, main, nav, section {display:block;}
audio, canvas, progress, video {display:inline-block;}

br,
hr {display:block;}

ol,
ul {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

input,
select {vertical-align:middle;}


/******************/
/******************/
/* html format ****/

a,
a:link,
a:visited,
a:hover,
a:active {
color:inherit;
	-webkit-tap-highlight-color:transparent rgba(0,0,0,0);
	-moz-tap-highlight-color:transparent rgba(0,0,0,0);
	-ms-tap-highlight-color:transparent rgba(0,0,0,0);
	-o-tap-highlight-color:transparent rgba(0,0,0,0);
	tap-highlight-color:transparent rgba(0,0,0,0);
text-decoration:none;
-webkit-text-decoration-skip:objects;
}


a:hover {color:#e66428;}
.page-corporate a:hover {color:#334d5d;}

h1,
h2,
h3,
h4,
h5,
h6 {display:block; position:relative;}

b {color:#e66428; color:#e66428;}
i {font-style:normal;}
u {text-decoration:underline;}
em {font-weight:bold;}
strong {font-weight:bold; font-size:1.4em;}
mark {background:transparent;}

q {}
q:before,
q:after {content:'"';}
s {text-decoration:underline;}
del {text-decoration:line-through;}

ins {}
iframe {}

ruby {}
rt {font-size:0.5em;}

sup {vertical-align:super; font-size:smaller;}
sub {vertical-align:sub; font-size:smaller;}

details {margin:0 0 40px 0;}

hr {margin:0 0 40px 0; border:0; border-color:#ddd; border-top:1px solid #ddd; height:0;}

table {border-collapse:collapse; border-spacing:0; empty-cells:show; border:0; width:100%; margin:0 0 2em 0; border-top:1px solid #ddd;}
table th,
table td {padding:16px 4px; vertical-align:top; border-bottom:1px solid #ddd;}
table caption {text-align:left; padding:8px;}

::-moz-selection {background-color:#e66428; background-color:#e66428; color:#fff;}
::selection {background-color:#e66428; background:#e66428; color:#fff;}

.page-corporate ::-moz-selection {background-color:#334d5d; background-color:#334d5d; color:#fff;}
.page-corporate ::selection {background-color:#334d5d; background:#334d5d; color:#fff;}



/******************/
/******************/
/* shortcodes *****/

.pc {display:block;}
.tb {display:none;}
.sp {display:none;}
.pc.tb {display:block;}
.pc.sp {display:block;}
.tb.sp {display:none;}


.alignright,
.align-right,
.textright,
.text-right {text-align:right;}
.alignleft, .align-left, .textleft, .text-left {text-align:left;}
.center, .aligncenter, .align-center, .textcenter, .text-center {text-align:center; display:block; margin-left:auto; margin-right:auto;}
.clear {clear:both;}
.clearfix:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
[hidden],
.hide,
.none {display:none;}
.hidden {overflow:hidden;}
.left, .floatleft, .float-left {float:left;}
.right, .float-right, .float-right {float:right;}
.relative {position:relative;}
.absolute {position:absolute;}
.static {position:static;}
.fixed {position:fixed;}
.nowrap {white-space:nowrap;}
.small {font-size:0.8em;}

img.left,
img.alignleft,
img.align-left  {margin:0 20px 20px 0; float:left;}
img.right,
img.alignright,
img.align-right {margin:0 0 20px 20px; float:right;}

img.full {width:100%; max-width:100%; height:auto;}

table.border,
table.border th,
table.border td {border:1px solid #f5f4f3;}

table.hover tbody tr:hover,
table.hover tbody tr:nth-child(odd):hover,
table.hover tbody tr:nth-child(even):hover {background:#e66428; color:#fff; cursor:text;}

table.stripe tbody tr:nth-child(odd) {background-color:#f5f4f3;}
table thead th {vertical-align:bottom;}

.color-black {color:#e66428;}
.color-gray  {color:#999;}
.color-light {color:#f5f4f3;}
.color-green {color:#e66428;}
.color-white {color:#ffffff;}

.color-success {color:blue;}
.color-error {color:red;}
.color-warning {color:yellow;}

/******************/
/******************/
/* WordPress Tags */

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
max-width:100%;
width:100%;
height:auto;
}

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
#wpstats {display:none;}

.wp-embedded-content {max-width:100%; width:100%;}
.wp-video {margin:0 0 1em 0; max-width:100%; width:100%;}
.wp-video-shortcode {margin:0 0 1em 0; max-width:100%; width:100%;}
/******************/
/******************/
/*  layout ********/

#to,
#bo {clear:both; display:block; height:0; overflow:hidden;}

.site {width:100%; height:auto; position:relative;}

.inner {clear:both; display:block; margin:0 auto; position:relative; max-width:1200px; width:100%;
padding:0 20px;
padding-left:calc( 20px + constant(safe-area-inset-left) );
padding-right:calc( 20px +  constant(safe-area-inset-right) );
}
.inner[data-width="min"] {max-width:900px;}
.inner[data-width="mid"] {max-width:1200px;}
.inner[data-width="max"] {max-width:1600px;}

.inner:after {content:""; display:block; clear:both; height:0; visibility:hidden; overflow:hidden;}

/******************/
/******************/
/* header *********/

#header {background:#fff; color:#252525; width:100%; height:60px; line-height:1; padding:0; top:0; left:0; right:0; display:block; position:fixed;
box-shadow:4px 4px 6px rgba(55,55,55,0.5);
z-index:9998;}

#header .inner {margin:0; padding:0; width:100%; max-width:100%; height:100%;}

#header h2 {display:none; position:absolute;
top:24px;
left:50%;
width:160px;
 	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
#header h2 img {max-width:160px; height:auto;}

#header p {position:absolute; top:0; right:0; width:60px; height:60px; background-color:transparent; display:none;}
#header p a {display:block; height:60px;}
#header p a:hover {background-color:#334d5d; background-color:#334d5d;}
.page-corporate #header p a:hover {background-color:#334d5d; background-color:#334d5d;}
.page-products #header p a:hover {background-color:#e66428; background-color:#e66428;}
#header p img {width:32px; height:auto; margin:20px 0 0 0;}

#h-logo,
#s-logo {width:60px; height:60px; overflow:hidden; background:#b22d28;}
#h-logo a,
#s-logo a {display:block; padding:80px 0 0 0; background:url("images/logo-orange.png") 0 0 no-repeat; background-size:60px 60px;}
#h-logo a:hover,
#s-logo a:hover {/*background-color:#fff; background-image:url("images/logo-black.png");*/}

.page-corporate #h-logo a,
.page-corporate #s-logo a {background-color:#b22d28; background-image:url("images/logo-orange.png");}
.page-corporate #h-logo a:hover,
.page-corporate #s-logo a:hover {background-color:#b22d28;}

.page-products #h-logo a:hover,
.page-products #s-logo a:hover {background-color:#b22d28;}


#side {position:fixed; left:0; top:0; bottom:0; width:60px; height:100%; min-height:100vh; background:#252525; z-index:9999;}
/*.page-corporate #side {background-color:#fa87b4;}*/
.page-products #side {background-color:#ffa569;}
.page-corporate #side {background-color:#002134;}


#side h3 {margin:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
top:50%;
left:20px;
position:absolute;
}
#side h3 img {width:20px; height:auto;}

#side p {position:absolute; bottom:20px; display:block;
left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
font-size:9px; font-size:0.9rem;
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
}
#side p span {padding:8px 4px; border-radius:2px; border:1px solid #252525; color:#252525; display:block; margin:0;}

/******************/
/* util ***********/

/******************/
/******************/
/* navi ***********/

#h-navi {line-height:1.6; margin:0; position:absolute; top:0; left:60px; right:0; width:100%; width:calc(100% - 60px);}

#h-navi {padding:0; display:block;
backface-visibility:hidden;
transition:all 0.1s;
transform:translate(0);
}
#h-navi ul {display:table; table-layout:fixed; vertical-align:top; width:100%; list-style:none; margin:0; padding:0; border-collapse:collapse; font-size:11px; font-size:1.1rem;}
#h-navi ul li {display:table-cell; padding:0;}
#h-navi ul li i {font-size:14px; font-size:1.4rem; display:block; white-space:nowrap;}
#h-navi ul li a {display:block; padding:10px 0; min-height:60px;}

#h-navi ul li:last-child a {background:right center no-repeat; background-color:#252525; background-color:#334d5d; background-image:url("images/ic-external.svg"); color:#fff;
background-size:16px 16px; background-position:right 12px center;
}
#h-navi ul li:last-child a:hover {color:#e66428; color:#e66428; color:#fff; background-color:#252525;}

#h-navi ul li.current-menu-item a {background-color:#e66428; background-color:#e66428; color:#fff;}

.page-corporate #h-navi ul li.current-menu-item a {background-color:#334d5d; background-color:#334d5d; color:#fff;}
.page-corporate #h-navi ul li a:hover {color:#334d5d; color:#334d5d;}
.page-corporate #h-navi ul li:last-child a {background-color:#e66428;}
.page-corporate #h-navi ul li:last-child a:hover {color:#fff;}
.page-corporate #h-navi ul li.current-menu-item a {background-color:#334d5d; background-color:#334d5d; color:#fff;}

/*
.page-corporate #h-navi ul li:last-child a:hover {color:#334d5d; color:#334d5d;}
#h-navi ul li:last-child a:hover {background-image:url(images/ic-external-orange.svg);}
.page-corporate #h-navi ul li:last-child a:hover {background-image:url(images/ic-external-red.svg);}
*/
#f-navi {line-height:1.6; position:relative; padding:90px 0 60px 0;}
#f-navi .table {}
#f-navi .module {display:table-cell; vertical-align:top; padding:0 4px;}

#f-navi ul {clear:both; display:block; text-align:left; margin:0; font-size:12px; font-size:1.2rem;}
#f-navi ul li {display:block; padding:0 0 2px 0; clear:both;}
#f-navi ul li a {display:block; padding:2px 6px;}
#f-navi ul li a:hover,
#f-navi ul.sub-menu li a:hover {color:#e66428; color:#e66428;}

#f-navi ul.sub-menu {padding:0 0 0 1em; font-size:11px; font-size:1.1rem;}
#f-navi ul.sub-menu li a {}
#f-navi ul.sub-menu li:before {content:"-"; margin:0 0.2em 0 0; display:inline;}

/*
#f-navi ul li a[target="_blank"] {background:url("images/ic-external-gray.svg") right center no-repeat; padding-right:20px; background-size:12px 12px;}
#f-navi ul li a[target="_blank"]:hover {background-image:url("images/ic-external-orange.svg");}
*/
/* .page-corporate #f-navi ul li a[target="_blank"]:hover {background-image:url("images/ic-external-red.svg");} */
/* #f-navi ul li a[target="_blank"] {background: url(images/ic-external-gray.svg) right center no-repeat; padding-right: 20px; background-size: 12px 12px;} */

.page-corporate #f-navi ul li a:hover,
.page-corporate #f-navi ul.sub-menu li a:hover {color:#334d5d; color:#334d5d;}

.navi-toggle {display:none; position:absolute; top:0; right:0; width:60px; height:60px; background:url("images/navi-toggle.png") 0 0 no-repeat;
background-color:#e66428; background-color:#e66428;
background-size:60px 60px;
cursor:pointer; z-index:9999;}
.navi-toggle i {display:none;}

.page-corporate .navi-toggle {background-color:#334d5d; background-color:#334d5d;}

#h-navi.active {
/*	-webkit-transform:translateX(-38%);
	-moz-transform:translateX(-38%);
	-ms-transform:translateX(-38%);
	-o-transform:translateX(-38%);
	transform:translateX(-38%);*/
	right:0;
}

/******************/
/******************/
/* widget *********/

#f-widget {overflow:hidden; clear:both; margin:0; padding:0; text-align:left; line-height:1;}
#f-widget a {display:block; padding:40px 0 40px 80px; background:#002134; color:#fff;}
#f-widget a:hover {background-color:#334d5d;}
#f-widget table {border:0; margin:0;}
#f-widget table th,
#f-widget table td {border:0; padding:0;}
#f-widget table th {border-right:1px solid rgba(255,255,255,0.5); padding:0 80px 0 0; text-align:center;}
#f-widget table td:nth-child(2) {padding:0 0 0 60px;}
#f-widget table td:last-child {text-align:right;}
#f-widget table img {width:80px; height:auto; margin:0 auto;}

#f-widget p {line-height:1.6; padding:20px 0 0 0;}
#f-widget p span {display:block; font-size:18px; font-size:1.8rem;}

.page-corporate #f-widget a:hover {background-color:#334d5d;}

#f-widget ul {width:340px; margin:0;}
#f-widget ul li {flex-basis:24%; max-width:24%; margin:0; padding:0;}
#f-widget ul li img {max-width:80px; height:auto;}


/******************/
/******************/
/* footer *********/

#footer {text-align:center; padding:0 0 0 60px; line-height:1.6; background:#f5f4f3; background:#f5f4f3; clear:both; position:relative;}

#f-logo {height:60px; background:#cbbdb1; background:#cbbdb1; position:relative; bottom:-1px;}
#f-logo p {margin:0; position:absolute; right:0; top:0; bottom:0; width:60px; height:60px; overflow:hidden;}
#f-logo p a {display:block; padding:80px 0 0 0; background:#000 url("images/logo.png") 0 0 no-repeat; background-size:60px 60px;}
#f-logo p a:hover {background-color:#e66428; background-color:#e66428;}

small#site-info {clear:both; display:block; background:#cbbdb1; font-size:12px; font-size:1.2rem; height:60px; line-height:62px; margin:0 80px 0 0; float:right;}
small#site-info a {color:#e66428;}
small#site-info a:hover {color:#e66428;}

.page-corporate #f-logo p a:hover {background-color:#334d5d; background-color:#334d5d;}
.page-corporate small#site-info a {color:#334d5d;}
.page-corporate small#site-info a:hover {color:#334d5d;}


/******************/
/******************/
/* main ***********/

#main {padding:0 0 0 60px; line-height:2.0; overflow:hidden;}


#main a {
/*	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
-webkit-transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
*/
}

#content {
float:left;
width:100%;
	width:-webkit-calc(100% - 320px);
	width:-moz-calc(100% - 320px);
	width:-ms-calc(100% - 320px);
	width:-o-calc(100% - 320px);
	width:calc(100% - 320px);
}

#sidebar {width:280px; float:right; padding:0; text-align:left;}

/******************/
/******************/
/* sidebar.php ****/

#sidebar {}
#sidebar .module {margin-bottom:20px; display:block; clear:both;}
#sidebar a {}
#sidebar a:hover {}
#sidebar h4 {font-size:18px; font-size:1.8rem; margin:0 0 4px 0; display:block;}

#sidebar p {margin:0 0 12px 0; clear:both;}
#sidebar ul {padding:0; margin:0; clear:both;}
#sidebar ul li {padding:0; margin:0;}

#sidebar label {display:block;}
#sidebar select {margin:0 0 1em 0; width:99%; border:1px solid #999;}

#sidebar label.screen-reader-text {display:none;}
#sidebar .search-submit {display:none;}


/******************/
/******************/
/* article ********/

.article {margin:0; padding:0; vertical-align:top;
/*word-break:break-all;
word-wrap:break-word;*/
word-wrap:break-word;
overflow-wrap:break-word;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {margin:0 auto 1em auto; line-height:1.2; clear:both;}

.article h1 {font-size:38px; font-size:3.8rem;}
.article h2 {font-size:34px; font-size:3.4rem;}
.article h3 {font-size:28px; font-size:2.8rem;}
.article h4 {font-size:24px; font-size:2.4rem;}
.article h5 {font-size:18px; font-size:1.8rem;}
.article h6 {font-size:16px; font-size:1.6rem;}

.article h1 i,
.article h2 i,
.article h3 i,
.article h4 i,
.article h5 i,
.article h6 i {display:block;}

.article h3 i {font-size:24px; font-size:2.4rem;}
.article h3 {font-size:16px; font-size:1.6rem;}

.article p {margin:0 0 2.0em 0;}

.article ul,
.article ol {margin:0 0 2em 0; padding:0; list-style:outside;}

.article ul ul, .article ul ol, .article ol ul, .article ol ol {margin-bottom:0;}

.article ul {list-style:none;}
.article ul ul {list-style:circle;}
.article ol {list-style:none;}
.article ol ol {list-style:upper-roman;}


.article dl {margin:0 0 2em 0; padding:0;}
.article dl dt {margin:0; position:relative; font-size:1.1em;}
.article dl dd {margin:0 0 1em 0; padding:0;}

.article img {max-width:100%; height:auto;}

.article blockquote {
padding:1em;
margin:0 0 2em 1em;
border-left:2px solid #000000;
}

.article blockquote > *:last-child,
.article blockquote > *:last-child > *:last-child,
.article blockquote > *:last-child > *:last-child > *:last-child {margin:0;}

blockquote cite {font-size:0.8em;}
blockquote cite:before {content:"— "; margin:0 0 0 1em;}

pre, code {
font-family:"Deja-vu Sans Mono", Monaco, "Consolas", "Courier New", "Osaka-mono", "MS Gothic", monospace;
color:#ffffff;
background:#252525;
border-radius:4px;
margin:0 0 20px 0;
padding:0.8em 1em;
white-space:pre-wrap;
word-break:break-all;
word-wrap:break-word;
}

code {display:inline-block; padding:0.1em 0.4em; margin:0 0.2em;}


/*
このコードを記述するとボックスの下に 余白ができてしまうので…
pre::-webkit-scrollbar {width:15px;}
pre::-webkit-scrollbar-thumb {background:#ccc;}
*/

/******************/
/* post-type ******/

.type-page,
.type-post {text-align:left;}


.section h3 {text-align:center; font-size:17px; font-size:1.7rem; margin:0 0 60px 0;}
.section h3 i {display:block; font-size:31px; font-size:3.1rem; color:#e66428; color:#e66428;}
.page-corporate .section h3 i {color:#334d5d; color:#334d5d;}

.page-title,
.post-title {text-align:center; margin:0 0 80px 0; padding:120px 0 0 0; line-height:1.6; line-height:1.2;}
.post-title {padding:0;}

.page-title h3,
.post-title h3 {font-size:17px; font-size:1.7rem; position:relative;}
.page-title h3 i,
.post-title h3 i {display:block; font-size:31px; font-size:3.1rem; margin:0 0 8px 0; color:#e66428;}

.page-title h3:before,
.page-title h3:after {content:""; display:block; background-color:#e66428; background-color:#e66428;
width:100px; height:3px;
position:absolute;
bottom:-20px;
left:50%; margin-left:-50px;
}
.page-title h3:before {margin-left:-100px; background-color:#e66428; background-color:#e66428;}
.page-title h3:after {margin-left:0; background-color:#ffa569; background-color:#ffa569; opacity:0.6;}
.page-corporate .page-title h3:before {background-color:#334d5d; background-color:#334d5d;}
.page-corporate .page-title h3:after {background-color:#99adbd; background-color:#99adbd; opacity:0.6;}

.page-thumbnail {max-height:480px; height:40vw; overflow:hidden; margin:0 0 0; padding-top:60px;}
.page-thumbnail img {width:100%;}
.page-thumbnail + .page-title {padding:60px 0 0 0;}


.page-content h3 {text-align:center; margin:0 auto 40px auto;}
.page-content h3 i {margin:0 0 8px 0;}

.page-products .page-content h3 i {color:#e66428; color:#e66428;}
.page-corporate .page-content h3 i {color:#334d5d; color:#334d5d;}


.page-products .page-content h3:before,
.page-products .page-content h3:after {content:""; display:block;
background-color:#e66428; background-color:#e66428;
width:100px; height:3px; position:absolute; bottom:-20px; left:50%; margin-left:-50px;
}
.page-products .page-content h3:before {margin-left:-100px; background-color: #e66428; background-color:#e66428;}
.page-products .page-content h3:after {margin-left:0; background-color:#ffa569; background-color:#ffa569; opacity:0.6;}

.page-products .page-content h4 {color:#e66428; color:#e66428;
background:url("images/ic-circle.svg") 0 0 no-repeat; background-size:32px 32px; padding:0 0 0 40px; min-height:32px; vertical-align:top; font-weight:bold;
line-height:1.6;
}

.post-meta {margin:0 0 40px 0; padding:120px 0 0 0;}
.post-date {line-height:1.2; display:block;}
.post-date i {display:inline-block; white-space:nowrap; margin:0 0.4em 0 0;}
.post-date i.month {font-size:2em;}
.post-date i.day {font-size:2em;}
.post-date i.year {font-size:2em;}

.post-title h3 {font-size:21px; font-size:2.1rem;}

.post-content {text-align:left; padding:0 0 120px 0;}

/*
.box {padding:40px 40px 0.1em; margin:0 auto 2em; background:#fff;}
*/



.type-post h1,
.type-post h2,
.type-post h3,
.type-post h4,
.type-post h5,
.type-post h6 {text-align:left; line-height:1.2;}

.page-title h3 i {color:#e66428; color:#e66428;}
.page-corporate .page-title h3 i {color:#334d5d; color:#334d5d;}

.page-title h3 i:before {content:"";}


#post-archives h3 i:before {content:"News";}
#post-archives-products h3 i:before {content:"Products";}
#post-archives-recipes h3 i:before {content:"Recipes";}



/******************/
/******************/
/* front-page.php */

#top-slider {position:relative; width:100%; height:100vh; min-height:460px; overflow:hidden; margin:0; z-index:1;}
/*#top-slider:after {content:""; position:absolute; display:block; top:0; left:0; right:0; bottom:0; background:rgba(100,100,100,0.1); z-index:2;}*/

#post-corporate #top-slider:after {display:none;}

#slider-box {width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0;}
#slider-title {text-align:center; position:absolute; line-height:1.6;
bottom:12px;
right:40px;
height:auto;
width:100%; max-width:320px;
color:#fff;
z-index:3;
}
#slider-title h3 {margin:0;}
#slider-title h3 i {font-size:36px; font-size:3.6rem;}
#slider-title p {font-size:14px; font-size:1.4rem; margin:0 0 12px 0;}
#slider-title p.btn a {color:#fff; border-color:#fff;}
#slider-title p.btn a:hover {color:#fff; border-color:#e66428;}

@media screen and (max-width:720px) {
	#slider-title {width:100%; max-width:320px;}
}

@media screen and (max-width:560px) {
	#slider-title {width:100%; max-width:320px; bottom:12px; right:20px;}
}

@media screen and (max-width:400px) {
	#slider-title {width:100%; max-width:240px; bottom:0; right:0;}
}



/*
#top-slider .vegas-timer {height:4px; z-index:4;}
#top-slider .vegas-timer-progress {background:#e66428;}
*/
#slider-link {position:absolute; right:0; bottom:80px; z-index:999;}
#slider-link a {background:#334d5d; color:#fff; display:block; width:360px; padding:0 40px 0 0;}
#slider-link a:hover {background-color:#fff; color:#e66428; color:#e66428;}
#slider-link p {padding:12px 40px; text-align:center;}
#slider-link i {display:block; font-size:16px; font-size:1.6rem;}

.page-corporate #slider-link a {background-color:#334d5d; background-color:#334d5d; background-color:#e66428;}
.page-corporate #slider-link a:hover {background-color:#fff; color:#334d5d; color:#334d5d; background-color:#e66428;}


#top-products {padding:80px 0 0 0;}
#top-products ol {
margin:0 0 80px 0; padding:0; list-style:none;
/*display:-webkit-flex;
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:stretch;
align-content:stretch;
-webkit-justify-content:space-around;
justify-content:space-around;*/
text-align:center;
line-height:0;
}
#top-products ol:after {content:""; clear:both; display:block;}
#top-products ol li {
margin:0 0 0; padding:0;
/*flex:0 1 auto; flex-grow:0; flex-shrink:1; flex-basis:25%; max-width:25%;*/
width:50%; float:left; overflow:hidden;}
#top-products ol li a {position:relative; display:block;}
#top-products ol li a:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:4px solid #fff;}
#top-products ol li:nth-child(1) {}
#top-products ol li:nth-child(3) {width:25%;}
#top-products ol li:nth-child(4) {width:25%;}
#top-products ol li:nth-child(n + 5) {width:25%;}

#top-products ol li img {width:100%; height:auto;}
#top-products ol li span {position:absolute; overflow:hidden;}
#top-products ol li .thumb {position:absolute; top:0; left:0; right:0; bottom:0;}
#top-products ol li .thumb img {width:100%; height:auto; position:relative;
display:block; top:50%; left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
#top-products ol li .name {position:absolute; left:12px; right:12px; bottom:12px; background:rgba(255,255,255,0.85); padding:4px 0; width:auto; color:#e66428; color:#e66428; line-height:1; z-index:2;}
#top-products ol li .name img {width:100%; max-width:176px; height:auto;}
#top-products ol li .icon {position:absolute;
display:block;
top:50%;
left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
width:50%;
z-index:3;
opacity:0;
}
#top-products ol li .bg {position:absolute; top:0; left:0; right:0; bottom:0; background:transparent; z-index:1;}
#top-products ol li a {}
#top-products ol li a:hover .bg {background-color:rgba(0,0,0,0.4); border:4px solid #fff;}
#top-products ol li a:hover .icon {opacity:1; display:none;}




#top-story {background:center center no-repeat; background-size:cover; background-image:url("images-page/top-story-01.png"); margin:0; position:relative;}
#top-story a {display:block; min-height:400px; position:relative;}
#top-story a:hover {color:#fff;}
#top-story .box {margin:0; position:absolute; left:50%; bottom:6%; background:#e66428; background:rgba(220,100,40,0.85);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
text-align:center; line-height:1.6; padding:16px 46px; white-space:nowrap;
}
#top-story .box p {margin:0 auto;}

#top-menu {margin:0 0 0 0; padding:60px 0; background-color:#f5f4f3; background-color:#f5f4f3;}
#top-menu ul {display:table; table-layout:fixed; width:100%; text-align:center; border-collapse:collapse; font-size:12px; font-size:1.2rem; margin:0;}
#top-menu ul li {display:table-cell; border-left:1px solid #ddd; border-right:1px solid #ddd; margin:0; padding:0;}
#top-menu ul li i {display:block; margin:0 0 12px 0; color:#e66428; color:#e66428; font-size:20px; font-size:2.0rem;}
#top-menu ul li a {padding:24px 0; display:block;}
#top-menu ul li img {max-width:110px; height:auto; margin:0 auto 12px;}

#top-recipe {background-color:#333; padding:80px 0; display:none;}
#top-recipe h3 {color:#e66428; color:#e66428;}
#top-recipe p {color:#fff; text-align:center;}

#masonry {list-style:none; padding:0 0 0; margin:0 0 60px 0; width:100%; text-align:center; line-height:0; zoom:1;}
#masonry:after {content:""; clear:both; display:block;}
#masonry .item {display:block; margin:0; padding:1%; text-align:left; float:left; position:relative;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;
}

#masonry .item .r-thumbnail {}
#masonry .item a {display:block; position:relative; overflow:hidden;}
#masonry .item img {width:100%; height:auto;}
#masonry .item .r-title {position:absolute; bottom:2%; left:4%; right:1%; background:#fff; display:block;}


#masonry .grid-sizer,
#masonry .item {width:20%;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
}

.item.size-s {width:20%;}
.item.size-m {width:40%;}
.item.size-h {width:20%;}
.item.size-l {width:40%;}
.item.size-z {width:50%;}



#post-corporate .page-title {display:none;}

#corporate-news {padding:80px 0;}
#corporate-news ul {border-top:1px solid #ddd;}
#corporate-news ul li {border-bottom:1px solid #ddd; padding:0;}
#corporate-news ul li a {display:block; padding:12px;}
#corporate-news ul li span {}


#corporate-top-main {}
#corporate-top-main .box {position:absolute; background:#fff; padding:40px; right:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
top:50%;
text-align:center;
z-index:888;
max-width:40%;
}

#corporate-top-01 .box {}
#corporate-top-02 .box {left:0; right:auto;}
#corporate-top-03 .box {}


#post-corporate #corporate-top-01,
#post-corporate #corporate-top-02,
#post-corporate #corporate-top-03 {margin:0 0 80px 0; clear:both; position:relative;}

#post-corporate .hero {max-width:900px;}

#post-corporate #corporate-top-02 .hero {float:right;}

#post-corporate .transim.transim-2 {float:right;}

#post-corporate img.relative {width:100%; height:auto;}
.corporate-top-section:after {content:""; display:block; clear:both;}

@media screen and (max-width:680px) {

	#post-corporate #corporate-top-01,
	#post-corporate #corporate-top-02,
	#post-corporate #corporate-top-03 {margin:0;}


	#post-corporate .transim.transim-2,
	#post-corporate .transim.transim-3 {float:none;}
	#corporate-top-main .box {position:relative; max-width:92%; margin:0 0 0 4%; top:80%; padding:40px 20px 0.1em;}
	#corporate-top-02 .box {left:inherit;}
}


#corporate-banner {line-height:0; padding:0 0 20px 0;}
#corporate-banner ul {list-style:none; margin:0; padding:0; display:block; width:100%; max-width:100%;}
#corporate-banner ul li {float:left; width:74%; margin:0; padding:0; display:block;}
#corporate-banner ul li:nth-child(1) {}
#corporate-banner ul li:nth-child(2) {width:24%; float:right;}
#corporate-banner ul li img {max-width:100%; width:100%; height:auto;}
#corporate-banner ul li a {display:block;}
#corporate-banner ul li a:hover {opacity:0.8;}

#corporate-top-main h4 i {color:#334d5d; color:#334d5d;}

/***************/
/* transim css */

/*
.transim {position:relative;}
.transim.transim-1,
.transim.transim-2,
.transim.transim-3 {max-width:900px; width:100%; clear:both;}
.transim-wrapper {position:relative; width:100%; height:100%;}
.transim-wrapper .image.first-image {z-index:1;}
.transim-wrapper .image .image-part {width:100%; height:33.33333%; object-fit:cover; float:left;}
.transim-wrapper .image .image-part:nth-child(1) {object-position:top;}
.transim-wrapper .image .image-part:nth-child(2) {object-position:center;}
.transim-wrapper .image .image-part:nth-child(3) {object-position:bottom;}
*/
.transim {position:relative; max-width:900px;}
.transim img {width:100%; max-width:100%;}
.transim-wrapper {position:relative;}
.transim-wrapper canvas {position:absolute; top:0; left:0; right:0; width:100%;}
/*.transim-wrapper {position:absolute; width:100%; height:100%; top:0; left:0; line-height:0;}*/
/*.transim-wrapper .image {width:100%; height:100%; position:absolute; top:0; left:0; display:none;}*/
/*.transim-wrapper .image.first-image {z-index:1;}*/
/*.transim-wrapper .image .image-part {width:100%; object-fit:cover;}*/
/*.transim-wrapper .image .image-part:nth-child(1) {object-position:top; height:33%;}*/
/*.transim-wrapper .image .image-part:nth-child(2) {object-position:center; height:33%;}*/
/*.transim-wrapper .image .image-part:nth-child(3) {object-position:bottom; height:34%;}*/
/*.transim-wrapper .image.first-image .image-part {clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);}*/
/*.transim-wrapper .image.second-image .image-part {clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);}*/


/******************
/******************/
/* page.php *******/

#post-products-info ul {
-webkit-justify-content:space-around;
justify-content:space-around;
color:#fff;
}
#post-products-info ul li {margin:0 0; padding:0; flex-basis:25%; max-width:25%; border-right:1px solid #fff;}
#post-products-info ul li .p-title {padding:0 12px 12px 12px;}
#post-products-info ul li i {display:block;}
#post-products-info ul li {background:url("images-page/products-info-01.png") center center no-repeat; background-size:cover;}
#post-products-info ul li:nth-child(1) {}
#post-products-info ul li:nth-child(2) {}
#post-products-info ul li:nth-child(3) {}
#post-products-info ul li:nth-child(4) {}

#post-roast-beef img.left {max-width:40%;}

#post-company ul {text-align:center; line-height:1;}
#post-company ul li {position:relative; float:left; width:23.5%; margin-bottom:2%;}
#post-company ul li:nth-child(4n) {float:right;}
#post-company ul li:nth-child(4n + 1) {clear:both; margin-right:2%;}
#post-company ul li:nth-child(4n + 2) {margin-right:2%;}
#post-company ul li:nth-child(4n + 3) {}
#post-company ul li a {background:#f5f4f3; display:block;}
#post-company ul li a:hover {background-color:#e66428; background-color:#334d5d; color:#fff;}
#post-company ul li a:hover i {color:#fff;}
#post-company ul li img {width:100%; height:auto;}
#post-company ul li span {display:block; position:absolute;}
#post-company ul li .c-title {text-align:center; width:100%; left:0; right:0; top:74%; line-height:1.6;}
#post-company ul li .c-thumbnail {
top:50%;
left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);}
#post-company ul li .c-thumbnail img {max-width:120px;}
#post-company ul li .c-title i {display:block; color:#e66428; color:#334d5d; font-size:0.8em;}

#companyinfo-list ul {display:table; table-layout:fixed; border-collapse:collapse; width:100%; text-align:center; margin:0 0 80px 0;}
#companyinfo-list ul li {display:table-cell; border-color:#ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:0; position:relative; overflow:hidden;}
#companyinfo-list ul li a {display:block; position:relative; padding:12px 0 12px 0;}
#companyinfo-list ul li.active {background-color:#e66428; background-color:#334d5d;}
#companyinfo-list ul li.active a {background-color:#e66428; background-color:#334d5d; display:block; color:#fff;}
#companyinfo-list ul li img {max-width:50%; margin:0 auto 6px;}
#companyinfo-list ul li span,
#companyinfo-list ul li i {display:block;}
#companyinfo-list ul li i {font-size:0.6em;}
#companyinfo-list ul li a:after {content:""; display:block; position:absolute; bottom:0; height:12px;}

#companyinfo-list table th {white-space:nowrap;}


@media screen and (max-width:760px) {
	#companyinfo-list ul {display:block; margin:0 0 60px 0;}
	#companyinfo-list ul:after {content:""; display:block; clear:both;}
	#companyinfo-list ul li {display:block; width:32%; float:left; margin:0 0 2% 0;}
	#companyinfo-list ul li:nth-child(3n) {float:right;}
	#companyinfo-list ul li:nth-child(3n + 1) {clear:both; margin-right:2%;}
	#companyinfo-list ul li:nth-child(3n + 2) {}
	#companyinfo-list ul li .c-thumbnail {width:40px; height:40px; float:left;}
	#companyinfo-list ul li .c-title {text-align:left;}
}

@media screen and (max-width:760px) {
	#companyinfo-list ul li {width:49%; float:left; text-align:center;}
	#companyinfo-list ul li:nth-child(odd) {clear:both; float:left; margin-right:0;}
	#companyinfo-list ul li:nth-child(even) {float:right; clear:none; margin-right:0;}
	#companyinfo-list ul li .c-thumbnail {float:none; margin:0 auto;}
	#companyinfo-list ul li .c-thumbnail img {margin:0 auto; max-width:40px;}
	#companyinfo-list ul li .c-title {text-align:center; clear:both;}
}


#company-factory {text-align:center;}
#company-factory .box {padding:0 20px;}
#company-factory ol {
margin:0; padding:0; text-align:left;
list-style:none;
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
flex-direction:row;
-webkit-justify-content:space-around;
justify-content:space-around;
line-height:1;
}

#company-factory ol li {position:relative;
margin:0 1% 4% 1%;
padding:0;
flex:0 1 auto;
flex-basis:31.3333%;
max-width:31.3333%;
line-height:0;
border:2px solid #14375a;
}
#company-factory ol li img {width:100%; max-width:100%;}
#company-factory ol li span {display:block; position:relative; left:0; right:0; bottom:0; padding:0 12px; line-height:1.6;}
#company-factory ol li .title {background:#14375a; color:#fff; padding:6px 12px; margin:0 0 6px 0;}
#company-factory ol li .adr {padding:0 12px 6px; font-size:0.9em;}
#company-factory ol li .item {padding:0 12px 12px; font-size:0.9em;}


@media screen and (max-width:800px) {
	#company-factory ol li {margin:0 1% 4% 1%; flex-basis:48%; max-width:48%;}
}
@media screen and (max-width:680px) {
	#company-factory ol li {margin:0 0 4% 0; flex-basis:100%; max-width:100%;}
}


#post-officemap {}
#post-officemap table th,
#post-officemap table td {vertical-align:middle;}
#post-officemap table th {background-color:#f5f4f3; padding:16px; width:30%;}
#post-officemap table td {position:relative; padding:6px 16px; line-height:1.4;}
#post-officemap table td:last-child {text-align:right;}
#post-officemap table a {overflow:hidden; background:url("images/ic-external-black.svg") right center no-repeat; background-size:16px 16px; position:relative; padding:0 24px 0 0;
/*top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);*/
}

#post-mission .page-content {text-align:center;}
#post-mission dl dt {font-size:30px; font-size:3.0rem;}
#post-mission ol {padding:0 0 0;}

#post-environment dl dt {font-size:21px; font-size:2.1rem;}
#post-environment dt {background-color:#334d5d; color:#fff; padding:4px 12px; margin:0 0 12px 0;}


#post-history .box {margin:0 0 80px 0;}
#post-history h4 {text-align:center; position:relative; padding:0 0 12px 0;}
#post-history h4:after {content:""; position:absolute; width:120px; height:2px; background-color:#334d5d; left:50%; bottom:0;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
#post-history table caption {
text-align: left;
padding: 8px;
background: #14375a;
color: #fff;
}
#post-history .list-medal ul li {display:inline-block;}

#post-history .blockquote {text-align:center; padding:40px 20px 0.1em; background-color:#e2ebed;
color:#334d5d; margin:0 auto 36px; border-radius:20px; max-width:80%;
}
#post-history .blockquote h5 {font-weight:bold;}

#post-contact {}
#post-contact .page-content {text-align:center;}
#post-contact h4 span {background:#f0f0f0; font-weight:bold; display:inline-block; padding:4px 12px;}
#post-contact dl dt {display:none;}
#post-contact dl dd b {font-size:31px; font-size:3.1rem; font-weight:bold; color:#333;}
/* #post-privacy {} */


/*
.list-gallery {}
.list-gallery ul {list-style:none; margin:0 0 40px 0; padding:0; width:100%; text-align:center; cursor:col-resize;}
.list-gallery ul:after {content:""; clear:both; display:block;}
.list-gallery ul li {margin:0 0 40px 0; padding:0; width:220px; overflow:hidden; line-height:1;}
.list-gallery ul li a {display:block; cursor:col-resize;}
.list-gallery ul li span {display:block;}
.list-gallery ul li img {max-width:100%; width:100%; height:auto; border:4px solid #fff; border-radius:2px;}
.list-gallery ul li a:hover img {border-color:#e66428; border:4px solid #e66428;}
*/


.maps {width:100%; height:360px; overflow:hidden; position:relative; padding-top:0; margin:0 0 40px 0;}
.googlemaps {width:100%; height:100%; position:absolute; top:0;}

/*
.googlemaps:before {}
.googlemaps:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:100;}
.googlemaps.release:before,
.googlemaps.release:after {display:none;}
*/


#post-services {}
#post-services ul {text-align:left; border-top:1px solid #ddd;
list-style:none; padding:0 0 0; margin:0 0 120px 0;
}
#post-services ul li {position:relative; display:block; margin:0 0 40px 0; padding:0;
border-bottom:1px solid #ddd; padding:40px 0;
}
#post-services ul li:after {content:""; clear:both; display:block;}
#post-services ul li span {display:block;}
#post-services ul li span:not(.thumbnail) {margin-left:140px;}
#post-services ul li .thumbnail {width:120px; float:left;}
#post-services ul li .thumbnail img {}
#post-services ul li .title {font-weight:bold; color:#334d5d; margin:0 0 24px 0; font-size:19px; font-size:1.9rem; line-height:1.4;}
#post-services ul li .link {}
#post-services ul li .link a {display:inline-block; background-color:#99adbd; color:#fff; padding:2px 16px;}
#post-services ul li .link a:hover {background-color:#334d5d;}
#post-services ul li .link ol li {display:inline-block; border:0; margin:0 12px 0 0;}
#post-services ul li .link ol li img {max-width:240px; width:100%;}

#post-services table th,
#post-services table td {padding:2px 6px;; text-align:left;}
#post-services table th {font-weight:bold;}

#post-ir-stock {}
/* IR entry filtering attributes ******/
#ir-filter {margin:0 auto 40px; text-align:center;}

#ir-children {width:100%; margin:0 auto;}
#ir-children ol {display:table; table-layout:fixed; text-align:center; border-collapse:collapse; width:100%; font-size:12px; font-size:1.2rem;}
@media screen and (max-width:725px) {
	#ir-children ol {display:block; width:inherit; overflow:hidden; overflow-x:scroll; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; -ms-overflow-style:none; white-space:nowrap;}
}
#ir-children ol li {display:table-cell; border:1px solid #ddd; min-width:140px;}
#ir-children ol li a {display:block; padding:12px 2px;}
#ir-children ol li a:hover {color:#334d5d; color:#334d5d;}
#ir-children ol li.active,
#ir-children ol li.active a {background-color:#334d5d; background-color:#334d5d; color:#fff;}

.ir-entries .ir-entry {display:none;}
.ir-entries .ir-entry.visible {display:block;}

.ir-entries {border-top:1px solid #ddd;}
.ir-entries li {border-bottom:1px solid #ddd; clear:both}
.ir-entries li a {display:block; padding:12px 20px;}
.ir-entries li a:hover {background-color:#e66428; background-color:#334d5d; color:#fff;}
.ir-date {margin:0 1em 0 0; float:left; width:120px; text-align:left; white-space:nowrap;}
.ir-title {background:transparent url("images/ic-pdf-m.png") right center no-repeat; padding:0 32px 0 0; overflow:hidden; display:block;}


#post-ir-kabunushi {}
#post-ir-kabunushi h4 {color:#334d5d; color:#334d5d; font-weight:bold;}
#post-ir-kabunushi ul li:before {content:"◇";}
#post-ir-kabunushi ul li a {text-decoration:underline;}
#post-ir-kabunushi ul ol {text-indent:1em; font-size:0.9em;}
#post-ir-kabunushi ul ol li:before {content:"・";}

#post-faq dl dt {font-weight:bold; /*background-color:#ffa569; */ padding:4px 0 0 2em; text-indent:-1em; color:#ffa569;}
#post-faq dl dd {margin-bottom:40px; padding:0 0 0 2em; text-indent:-1em;}
#post-faq dl dt,
#post-faq dl dd {font-size:1.1em;}
#post-faq dl dt:before,
#post-faq dl dd:before {}
#post-faq dl dt:before {content:"Q:";}
#post-faq dl dd:before {content:"A:";}
#post-faq dl dd p {margin:0 0 0.4em 0;}
#post-faq table {table-layout:fixed; text-align:center;}
#post-faq table th,
#post-faq table td {padding:2px; font-size:12px; font-size:1.2rem; white-space:normal;}
#post-faq table th {background-color:#e66428; background-color:#e66428; background-color:#ddd; border-left:1px solid #fff; border-right:1px solid #fff;}



#post-safety .box {text-align:center; background-color:#ffd2b4; padding:40px 20px 0.1em; margin:0 0 60px 0;}
#post-safety .box h4 {background:none;}
#post-safety img {width:100%; max-width:800px; margin:0 auto; text-align:center;}
#post-safety dl {text-align:center; margin:0 auto 80px;}
#post-safety dl dt {font-weight:bold; /*background-color:#ffa569; */ padding:4px 0 0 2em; text-indent:0; color:#ffa569; font-size:1.3em;}
#post-safety dl dd {margin:0 1.0em 0 0; padding:0 0 0 2em; text-indent:-1em;}
#post-safety dl dd p {margin:0 0 0.4em 0;}


#post-traceability iframe {margin:0 auto; display:block;}
#post-traceability iframe body {background-color:#fff;}


#post-taidan {}
#post-taidan .taidan-top {}
#post-taidan .taidan-message {
/*border:4px solid; border-radius:4px;*/
border-color:#99adbd; border-color:#99adbd; padding:20px 20px 0.1em; text-align:center;
font-weight:bold;
color:#002134;
color:#334d5d; margin:0 0 80px 0;
/*--oz-color-navy:#002134;
--oz-color-navyblue:#334d5d;*/
}
#post-taidan .taidan-message p {font-size:17px; font-size:1.7rem; text-align:left;}

#post-taidan .taidan-profile {margin:0 0 60px 0;}
#post-taidan .taidan-profile ul {margin:0; padding:0;}
#post-taidan .taidan-profile ul:after {content:""; clear:both; display:block;}
#post-taidan .taidan-profile ul li {float:left; width:48%; margin:0 0 20px 0;}
#post-taidan .taidan-profile ul li:nth-child(2) {float:right;}
#post-taidan .taidan-profile ul li span {display:block;}
#post-taidan .taidan-profile ul li .poste {color:#334d5d; font-weight:bold; font-size:13px; font-size:1.3rem;}
#post-taidan .taidan-profile ul li .name {font-size:19px; font-size:1.9rem; font-weight:bold;}
#post-taidan .taidan-profile ul li .profile {font-size:13px; font-size:1.3rem; color:#334d5d;}

#post-taidan h5 {text-align:center; font-weight:bold; font-size:33px; font-size:3.3rem;}
#post-taidan h6 {text-align:center;}
#post-taidan h6 img {max-width:660px; width:100%; margin:0 auto 40px;}
#post-taidan .taidan-interview {background:#f5f5f5; padding:40px 40px 0.1em; margin:0 0 80px 0;}
#post-taidan .taidan-interview:after {content:""; clear:both; display:block;}
#post-taidan .taidan-interview p {}
#post-taidan .taidan-interview p a {color:#334d5d;}
#post-taidan .taidan-interview p a:hover {color:#002134; text-decoration:underline;}
#post-taidan .taidan-interview dl {clear:both; padding:0 40px 0; text-align:left;}
#post-taidan .taidan-interview dl dt {clear:both; margin:0 20px 4px 0; text-align:left;}
#post-taidan .taidan-interview dl dt img {max-width:68px; display:none;}
#post-taidan .taidan-interview dl dt span {display:block; font-weight:bold;}
#post-taidan .taidan-interview dl dd {background-color:#fff; padding:16px; margin:0 0 12px 0; border-radius:12px; overflow:hidden; position:relative;}
/*
#post-taidan .taidan-interview dl dt:after {content:""; position:absolute; display:block; width:12px; height:12px; overflow:hidden; 
transform:rotate(45deg);
top:24px; right:-26px; background-color:#fff;
}*/
@media screen and (max-width:900px) {
	#post-taidan .taidan-interview dl {padding:0;}
}

#post-sitemap .table {table-layout:fixed; width:100%; border-collapse:collapse; margin:0 0 20px 0;}
#post-sitemap .table-cell {padding:0 20px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#post-sitemap ul ul {list-style:disc; margin:0 0 0 2em;}

#post-sitemap .table-cell li {display:block;}
#post-sitemap .table-cell li ul li {display:list-item; list-style:inside; margin-left:5px;}



/******************/
/******************/
/* story **********/

.list-story ol {list-style:none; padding:0; margin:0 0 40px 0;
margin:0; padding:0; text-align:left;
list-style:none;
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
flex-direction:row;
-webkit-justify-content:space-around;
justify-content:space-around;
line-height:1;
}
.list-story ol li {display:block;
position:relative;
margin:0 1% 4% 1%;
padding:0;
flex:0 1 auto;
flex-basis:31.3333%;
max-width:31.3333%;
}

.list-story ol li img {width:100%; max-width:100%;}
.list-story ol li span {position:absolute; left:0; right:0; bottom:0; background:#14375a; color:#fff; display:block; padding:12px;
font-size:18px; font-size:1.8rem; line-height:1.2;
}
.list-story ol li span i {color:#fff; display:block; font-size:14px; font-size:1.4rem;}

.list-story ol li:hover {opacity:0.7;}


/******************/
/******************/
/* single.php *****/

/* #post-ID {} */

.type-oz-custom-products {}
.type-oz-custom-products .post-title {padding-top:120px;}

.type-oz-custom-products .post-title h3 {font-weight:bold; font-size:27px; font-size:2.7rem;}
.type-oz-custom-products .post-title h3:before,
.type-oz-custom-products .post-title h3:after {
content: "";
display: block;
background-color: #e66428;
background-color: #e66428;
width: 100px;
height: 3px;
position: absolute;
bottom: -20px;
left: 50%;
margin-left: -50px;
}

.type-oz-custom-products .post-title h3:before {
margin-left: -100px;
background-color: #e66428;
background-color: #e66428;
}
.type-oz-custom-products .post-title h3:after {
margin-left: 0;
background-color: #ffa569;
background-color: #ffa569;
opacity: 0.6;
}


.type-oz-custom-products h4 {font-weight:bold; color:#e66428; color:#e66428;}
.post-products-content img {max-width:32%; width:100%; height:auto;}

.post-products-content .products-table {margin:40px 0;}
.post-products-content .products-table p.sp {margin:0 auto 2px;}
.post-products-content table {border:0; min-width:300px;}
.post-products-content table th,
.post-products-content table td {border:0; border-bottom:1px solid #fff;}
.post-products-content table th {text-align:center; padding:16px; background-color:#e66428; background-color:#e66428; color:#fff;}
.post-products-content table th span {display:block; font-size:0.8em;}
.post-products-content table td {background-color:#f5f4f3; background-color:#f5f4f3; padding:16px;}

.post-products-content table td table {margin:0;}
.post-products-content table td table caption {font-weight:bold; padding:0 0 12px 0; margin:24px 0 0 0;}
.post-products-content table td table th,
.post-products-content table td table td {background:none; padding:0; border:0; color:#252525; text-align:center;}
.post-products-content table td table th {font-weight:bold;}


.post-products-content table dl {margin:0;}
.post-products-content table dl dt {font-weight:bold; clear:both; float:left; margin:0 0 0;}
.post-products-content table dl dt:after {content:"："; margin:0 0.4em;}
.post-products-content table dl dd {margin:0 0 0.4em 0; overflow:hidden;}


@media screen and (max-width:900px) {
	.post-products-content table td table {min-width:300px;}
	.post-products-content table td table th,
	.post-products-content table td table td {white-space:nowrap;}
	.post-products-content table td table th,
	.post-products-content table td table td {padding:0 8px;}
/*	.post-products-content table td table tr {display:block;}
	.post-products-content table td table th {white-space:normal;}
	.post-products-content table td table td {border-bottom:1px solid #ccc;}*/
}

/******************/
/******************/
/* archive.php ****/

.archives {width:100%; margin:0 auto; text-align:left;}
.archives ul {list-style:none; padding:0; margin:0 0 60px 0; font-size:14px; font-size:1.4rem;
border-top:#ddd; border-top:1px solid #ddd;
}
.archives ul li {clear:both; display:block; margin:0; padding:20px 0; border-bottom:#ddd; border-bottom:1px solid #ddd;}
.archives ul li a {}

.archives ul li:after {content:""; clear:both; display:block;}
.archives ul li span {display:block; overflow:hidden;}
/*
.archives .a-thumbnail {width:90px; height:90px; overflow:hidden; margin:0; float:left; line-height:1; border:1px solid #f5f4f3;}
.archives .a-thumbnail a {display:block;}
.archives .a-thumbnail img {width:100%; height:auto;}
*/
.archives .a-category {font-size:12px; font-size:1.2rem;}
.archives .a-title {font-size:20px; font-size:2.0rem;}
.archives .a-summary {}
.archives .a-more {margin-bottom:12px;}
.archives .a-meta {font-size:11px; font-size:1.1rem;}
.archives .a-date {}
.archives .a-author {display:none;}
.archives .a-none {display:none;}
.archives .a-category a {color:#999;}
.archives .a-more a {}
.archives .entry-meta a {font-size:14px; font-size:1.4rem;}

.archives-selector {min-width:240px; display:table; table-layout:fixed; width:100%; max-width:300px; border-spacing:6px 0; margin:0 auto 20px;}
.archives-selector .cell {display:table-cell; position:relative;}
.archives-selector select {
-webkit-appearance:menulist-button; width:100%;
position:absolute; cursor:pointer;
opacity:0; height:48px; left:0px; top:0px;
}
.archives-selector .button {overflow:hidden; display: block; border:1px solid #e66428; border-radius:2px; width:100%; padding:12px 12px; text-align: center; letter-spacing:0.1em; white-space:nowrap;
cursor:pointer; background:#fff; font-size:12px; font-size:1.2rem;
}
.archives-selector select:hover + .button {background:#e66428; color:#fff;}

#top-news {padding:80px 0 0 0;}
.top-archives {}
.top-archives ul {line-height:1.6;}
.top-archives ul:after {content:""; clear:both; display:block;}
.top-archives ul li {float:left; width:22%; margin:0 0 2% 0;}
.top-archives ul li:nth-child(4n) {float:right;}
.top-archives ul li:nth-child(4n + 1) {clear:both; margin-right:4%;}
.top-archives ul li:nth-child(4n + 2) {margin-right:4%;}
.top-archives ul li:nth-child(4n + 3) {}
.top-archives ul li span {display:block;}
.top-archives ul li .a-thumbnail {line-height:1; margin:0 0 4px 0;}
.top-archives ul li .a-thumbnail img {border:1px solid #ccc; width:100%; height:auto;}
.top-archives ul li .a-date {font-size:11px; font-size:1.1rem;}
.top-archives ul li .a-title {font-size:12px; font-size:1.2rem;}

/******************/
/******************/
/* CustomContents */

/* .single-jetpack-portfolio */
/* .jetpack-portfolio {} */





.list-products {}
.list-products ul {text-align:center;}
.list-products ul:after {content:""; clear:both; display:block;}
.list-products ul li {float:left; width:23.5%; margin:0 0 2% 0;}
.list-products ul li:nth-child(4n) {float:right;}
.list-products ul li:nth-child(4n + 1) {clear:both; margin-right:2%;}
.list-products ul li:nth-child(4n + 2) {margin-right:2%;}
.list-products ul li:nth-child(4n + 3) {}
.list-products ul li span {display:block;}
.list-products ul li .ribbon {position:absolute; top:0; right:0; background-color:transparent; color:#fff; font-size:18px; font-size:1.8rem; font-weight:bold;
border-style: solid; border-width: 0 100px 100px 0; border-color: transparent #e66428 transparent transparent;}
.list-products ul li .ribbon:before {content:"NEW";
position: absolute;
color: #fff;
right: -92px;
top: 20px;
}
.list-products ul li .thumbnail {padding:12px 12px 0; margin:0 0 20px 0;}
.list-products ul li .thumbnail img {width:100%; max-width:100%; height:auto;}
.list-products ul li .title {line-height:1.6; min-height:90px; margin:0 0 0 0; font-weight:bold; font-size:16px; font-size:1.6rem;}
.list-products ul li .more {}
.list-products ul li .more b {background-color:#e66428; color:#fff; padding:4px 12px;}
.list-products ul li a {background-color:#f5f4f3; display:block; padding:24px 12px; position:relative;}
.list-products ul li a:hover {background-color:rgba(230,100,40,0.5); color:#e66428;}
.list-products ul li a:hover {}
/*.list-products ul li a:hover .more b {background-color:#fff; color:#e66428; color:#e66428; white-space:nowrap;}
*/

@media screen and (max-width:900px) {
	.list-products ul li {width:32%;}
	.list-products ul li:nth-child(3n) {float:right; clear:none; margin-right:0;}
	.list-products ul li:nth-child(3n + 1) {clear:both; float:left; margin-right:2%;}
	.list-products ul li:nth-child(3n + 2) {clear:none; float:left; margin-right:0;}
}

@media screen and (max-width:640px) {
	.list-products ul li {width:49%;}
	.list-products ul li:nth-child(odd) {float:left; clear:both; margin-right:0;}
	.list-products ul li:nth-child(even) {clear:none; float:right; margin-right:0;}
}


/*
--oz-color-lightgray:#ddd;
--oz-color-light:#f5f4f3;

--oz-color-orange:#e66428;
*/
.archives-gallery ul {list-style:none; padding:0 0 0; margin:0;
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:stretch;
align-content:stretch;
-webkit-justify-content:space-between;
justify-content:space-between;
}
.archives-gallery ul li {position:relative; display:block; margin:0 0 6% 0; padding:0;
flex:0 1 auto;
flex-grow:0;
flex-shrink:1;
flex-basis:22.5%;
max-width:22.5%;
}
.archives-gallery ul li .thumbnail {display:block; margin:0 0 4px 0; line-height:1;}
.archives-gallery ul li .title {font-size:13px; font-size:1.3rem;}
.archives-gallery ul li img {border-radius:4px; display:block; width:100%; border:4px solid #fff;}
.archives-gallery ul li img:hover {border-color:#e66428;}
.archives-gallery ul li img.zoom-img {border:0;}

.archives-gallery ul li.size-m {width:50%; flex-basis:50%; max-width:50%;}

/*
.archives-gallery .mix,
.archives-gallery .gap {display:inline-block; width:20%; vertical-align:top;}
.archives-gallery #mix .mix {display:none;}
*/
.gallery-selector ol {text-align:center; margin:0 auto 40px;}
.gallery-selector ol li {display:inline-block; margin:0 4px;}
.gallery-selector ol li {background:#fff; border:1px solid #e66428; color:#e66428; padding:2px 8px 0; cursor:pointer;}
.gallery-selector ol li i {display:block;}
.gallery-selector ol li:hover {background:#e66428; color:#fff;}
.gallery-selector ol li.mixitup-control-active {background:#e66428; color:#fff;}
.gallery-selector ol li.mixitup-control-active:hover {background:#e66428;}

.mixitup-page-list {text-align:center; clear:both; margin:0 auto; height:auto; padding:0 0 40px 0; line-height:1;
	-webkit-transition:0.4s cubic-bezier(.39, .575, .565, 1);
	-moz-transition:0.4s cubic-bezier(.39, .575, .565, 1);
	-ms-transition:0.4s cubic-bezier(.39, .575, .565, 1);
	-o-transition:0.4s cubic-bezier(.39, .575, .565, 1);
	transition:0.4s cubic-bezier(.39, .575, .565, 1);
}
.mixitup-page-list.mixitup-page-list-disabled {opacity:0; height:0; padding:0;
	-webkit-transition:0.4s cubic-bezier(.39, .575, .565, 1);
	-moz-transition:0.4s cubic-bezier(.39, .575, .565, 1);
	-ms-transition:0.4s cubic-bezier(.39, .575, .565, 1);
	-o-transition:0.4s cubic-bezier(.39, .575, .565, 1);
	transition:0.4s cubic-bezier(.39, .575, .565, 1);
}
.mixitup-page-list .mixitup-control {padding:6px 12px; display:inline-block; margin:0 2px; background:#fff; color:#e66428; border:1px solid #e66428; cursor:pointer;}
.mixitup-page-list .mixitup-control:hover {background:#e66428; color:#fff;}
.mixitup-page-list .mixitup-control.mixitup-control-active {background:#e66428; color:#fff;}
.mixitup-page-list .mixitup-control-prev,
.mixitup-page-list .mixitup-control-next {border:0; background:0; color:#252525;}
.mixitup-page-list .mixitup-control-prev:hover,
.mixitup-page-list .mixitup-control-next:hover {border:0; background:none; color:#e66428;}
.mixitup-page-stats {display:none;}


/******************/
/******************/
/* comments.php ***/

#respond,
#comments,
#trackback,
#comment-form {clear:both; display:block; margin:0 0 40px 0; text-align:left;}

#trackback {display:none;}

#comments {border-top:2px solid #999; padding:20px 0 0 0;}

#comments ol {margin:0 0 20px 0; padding:0; list-style:none;}
#comments ol li {display:block; clear:both; padding:0 0 20px 0; margin:0 0 20px 0;}
#comments ol li:not(:last-child) {border-bottom:1px solid #999;}

#comments ol li span {display:block;}
#comments ol li .comment-title {margin:0 0 4px 0; font-size:18px; font-size:1.8rem;}
#comments ol li .comment-text p {font-size:14px; font-size:1.4rem; margin:0;}

#comment-form {border-top:2px solid #999; padding:20px 0 0 0;}




.form {clear:both; display:block; background:#fff; padding:40px 40px 0.1em; margin:0 auto 40px;}
.form table {line-height:1.2; border-top:1px solid #f5f4f3;}
.form table th,
.form table td {border-bottom:1px solid #f5f4f3; padding:16px 4px 0.1em; vertical-align:middle;}
.form table th {text-align:center; color:#e66428; font-size:12px; font-size:1.2rem; padding:16px 4px;}
.form table td {}
.form table th i {display:block; font-size:20px; font-size:2.0rem;}

/******************/
/******************/
/* materials ******/

.adr span {margin:0 0.4em 0 0; display:inline-block;}

/******************/
/* button *********/
/* .article button */

.more a {display:inline-block; min-width:inherit; padding:0 24px 8px;text-align:center; background:transparent;
border-bottom:2px solid #326794;
border-bottom:2px solid #252525; color:#326794; color:#252525; position:relative; line-height:1.2;}
.more a i {display:block; font-size:1.2em;}
.more a:after {content:""; width:0; height:0; border-style:solid; border-width:8px 0 0 16px;
border-color:transparent transparent transparent #326794;
border-color:transparent transparent transparent #252525;
position:absolute; right:-6px; bottom:-2px;}
.more a:hover {cursor:pointer; color:#e66428; border-bottom:2px solid #e66428;}
.more a:hover:after {border-color:transparent transparent transparent #e66428;}

[type="submit"],
.btn a {display:inline-block; min-width:120px; padding:12px 24px 8px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
text-align:center; background:transparent; border:1px solid #e66428; color:#e66428; position:relative;
}



.btn i {padding:0 12px 0 0; display:block;}


[type="submit"]:hover,
.btn a:hover {background-color:#e66428; color:#ffffff; cursor:pointer;}


.page-corporate [type="submit"],
.page-corporate .btn a {border-color:#334d5d; border-color:#334d5d; color:#334d5d; color:#334d5d;}
.page-corporate [type="submit"]:hover,
.page-corporate .btn a:hover {background-color:#334d5d; background-color:#334d5d; color:#fff;}

.btn.btn-small a {padding:4px 12px; min-width:30px; font-size:0.8em;}
.btn.btn-large a {padding:8px 36px; min-width:180px; font-size:1.2em;}

.btn.btn-success a {border-color:#e66428; color:blue;}
.btn.btn-success a:hover {background-color:#e66428; color:#fff;}

.btn.btn-error a {border-color:red; color:red;}
.btn.btn-error a:hover {background-color:red; color:#fff;}

.btn.btn-warning a {border-color:yellow; color:yellow;}
.btn.btn-warning a:hover {background-color:yellow; color:#fff;}


/******************/
/******************/

.alert {
clear:both; display:block;color: inherit;
border:1px solid transparent;
display:block;
padding:1rem;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
color:red;
border-color:red;
background-color:transparent;
margin:0 0 1em 0;
}

.alert-success {border-color:blue; color:blue;}
.alert-error   {border-color:red; color:red;}
.alert-warning {border-color:yellow; color:yellow;}

.alert > p {margin:0;}
.alert em, .alert strong {font-weight:bold;}

span.close {float:right; color:inherit; cursor:pointer;}

/******************/
/* Column System **/

.col {width:100%;}
.col:after {content:""; clear:both; display:block; height:0; visibility:hidden;}

.col-2,
.col-3,
.col-4,
.col-5,
.col-6 {float:left; padding:0; margin:0 0 2% 0;}

.col-2 {width:49%; /*47.5% - 49%*/}
.col-3 {width:32%; /*30% - 32%*/}
.col-4 {width:23.5%; /*20% - 23.5%*/}
.col-5 {width:18.4%; /*15% - 18.4%*/}
.col-6 {width:15%; /*12.5% - 15%*/}

.col-2:nth-child(2n),
.col-3:nth-child(3n),
.col-4:nth-child(4n),
.col-5:nth-child(5n),
.col-6:nth-child(6n) {float:right; margin:0 0 2% 0;}

.col-2:nth-child(2n + 1),
.col-3:nth-child(3n + 1),
.col-4:nth-child(4n + 1),
.col-5:nth-child(5n + 1),
.col-6:nth-child(6n + 1) {clear:both;}

.col-3:nth-child(3n + 1),
.col-4:nth-child(4n + 1),
.col-5:nth-child(5n + 1),
.col-6:nth-child(6n + 1) {margin:0 2% 2% 0;}

.col-4:nth-child(4n + 2),
.col-5:nth-child(5n + 2),
.col-6:nth-child(6n + 2) {margin:0 2% 2% 0;}

.col-5:nth-child(5n + 3),
.col-6:nth-child(6n + 3) {margin:0 2% 2% 0;}

.col-6:nth-child(6n + 4) {margin:0 2% 2% 0;}

/******************/
/* Flexbox System & Table System */


.table {display:table; table-layout:fixed; border-collapse:collapse; width:100%; position:relative; margin:0; padding:0;}
.table-cell {display:table-cell; vertical-align:top; position:relative; padding:0; empty-cells:show;}

.flex {margin:0; padding:0; list-style:none;
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:stretch;
align-content:stretch;
-webkit-justify-content:space-around;
justify-content:space-around;
}

.flex-cell {margin:0 0 4% 0; padding:0 2%;
flex:0 1 auto;
flex-grow:0;
flex-shrink:1;
flex-basis:32%;
max-width:32%;
}

/******************/
/* responsive-table */
.r-table,
.responsive-table {overflow:scroll; width:100%;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
}

/******************/
/******************/
/* breadcrumbs ****/

.breadcrumbs {clear:both; display:block; margin:0 0 60px 0; padding:4px 0; line-height:1.6; color:#999;}
.breadcrumbs ul {padding:0; margin:0 auto; text-align:left; list-style:none; white-space:nowrap;
overflow-x:scroll;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
font-size:12px; font-size:1.2rem;
}
.breadcrumbs li {display:inline-block;}
.breadcrumbs li:after {content:"\00BB"; margin:0 12px;}
.breadcrumbs li:first-child:before {}
.breadcrumbs li:last-child:after {content:"";}
.breadcrumbs li a {color:#999;}
.breadcrumbs li a:hover {color:#e66428;}

/******************/
/******************/
/* navigation *****/

.navigation {margin:0 auto 40px; clear:both;}
.navigation:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.navigation span {}
.navigation .navi-prev {text-align:left; float:left;}
.navigation .navi-next {text-align:right; float:right;}
.navigation .navi-prev a:before {content:"＜"; margin-right:4px;}
.navigation .navi-next a:after  {content:"＞"; margin-left:4px;}

/******************/
/* pagination *****/

.pagination {margin:0 auto 40px; clear:both;}
.pagination:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.pagination ul {text-align:center;}
.pagination ul li {display:inline-block; margin:0 4px;}
.pagination span,
.pagination ul li a {padding:4px 12px; background:#e66428; color:#fff;}
.pagination ul li a:hover {background:#e66428;}
.pagination span.current {background:#e66428;}



/******************/
/* page-links *****/

.page-links {clear:both; text-align:center; margin:0 auto 80px; max-width:320px; width:100%; display:table; table-layout:fixed;}
.page-links span {display:table-cell; padding:8px 2px;}
.page-links .navi-prev {text-align:center;}
.page-links .navi-next {text-align:center;}
.page-links a {border:1px solid #e66428; background:#e66428; color:#fff; display:block;}
.page-links a:hover {background:transparent; color:#e66428;}

/******************/
/******************/
/* plugins ********/


body.is-modal {overflow:hidden;}
.modal {display:none;
position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.8);
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
z-index:99999;
}

.modal-close {cursor:pointer; position:absolute; top:12px; right:12px; width:40px; height:40px;
background:#fff center center no-repeat;
	-webkit-background-size:20px 20px;
	-moz-background-size:20px 20px;
	-ms-background-size:20px 20px;
	-o-background-size:20px 20px;
	background-size:20px 20px;
border:1px solid #f578b9;
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHN7ZmlsbDojZjU3OGI5O308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iY2xzIiBwb2ludHM9IjIwIDEuMjUgMTguNzUgMCAxMCA4Ljc1IDEuMjUgMCAwIDEuMjUgOC43NSAxMCAwIDE4Ljc1IDEuMjUgMjAgMTAgMTEuMjUgMTguNzUgMjAgMjAgMTguNzUgMTEuMjUgMTAgMjAgMS4yNSIvPjwvc3ZnPg==");
	-webkit-border-radius:50%;
	-moz-border-radius:50;
	-ms-border-radius:50;
	-o-border-radius:50;
	border-radius:50;
color:transparent;
}
.modal-close:hover {
background-color:#f578b9;
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHN7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iY2xzIiBwb2ludHM9IjIwIDEuMjUgMTguNzUgMCAxMCA4Ljc1IDEuMjUgMCAwIDEuMjUgOC43NSAxMCAwIDE4Ljc1IDEuMjUgMjAgMTAgMTEuMjUgMTguNzUgMjAgMjAgMTguNzUgMTEuMjUgMTAgMjAgMS4yNSIvPjwvc3ZnPg==");
}


.modal-window {
background:#fff;
width:100%; max-width:640px; margin:0 auto;
position:relative;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	-ms-border-radius:12px;
	-o-border-radius:12px;
	border-radius:12px;
padding:60px 40px 20px;
text-align:left;
z-index:999999;
cursor:default;
}

/******************/
/* jquery-tabs ****/

#tabs {position:relative;}
#tabs ol {
display:table; table-layout:fixed; text-align:center;
padding:0 20px; margin:0 auto; width:100%;
position:relative; bottom:-1px;
z-index:3;
}
#tabs ol li {
display:table-cell;
padding:12px 0; cursor:pointer; background:#f5f4f3;
border:1px solid #999;
white-space:nowrap;
overflow:hidden;
}

#tabs ol li:not(:last-child) {border-right:0;}

#tabs ol li:hover {background:#e66428; color:#fff;}

#tabs ol li:first-child {border-top-left-radius:4px;}
#tabs ol li:last-child {border-top-right-radius:4px;}

#tabs ol li.current {background:#fff; color:#e66428; border-bottom:1px solid #ffffff;}
#tabs ol li.current:hover {background:#fff; color:#e66428;}

#tab-content {
background:#fff; border:1px solid #999;
text-align:left;
border-radius:4px;
padding:60px 40px 40px;
margin:0 0 40px;
position:relative;
z-index:2;
}

/******************/
/* ContactForm7 ***/



form {}
fieldset {}
label {}

::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder {color:#999;}

[type="search"] {
/*-webkit-appearance:textfield;
-moz-appearance:textfield;
-ms-appearance:textfield;
-o-appearance:textfield;
appearance:textfield;*/
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="file"],
select,
textarea {
width:auto;
max-width:100%;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
display:block;
position:relative;
/*-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;*/
padding:16px 8px; margin-bottom:16px; line-height:normal;
border:1px solid #f5f5f5;
background:#f5f5f5;
}


input[type="checkbox"],
input[type="radio"] {}
input[type="file"] {cursor:pointer; width:auto;}
input[name="your-address"] {width:100%;}
select {width:auto; padding:12px; border:1px solid #ccc;}
textarea {width:100%;}

input[type="submit"] {
margin:0 auto; text-align:center;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
display:block;
}


input[type="submit"][disabled],
input[type="submit"][disabled]:hover {color:#999; background:transparent; border:1px solid #ccc; cursor:not-allowed;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
border:1px solid #e66428;
}

textarea {height:auto; min-height:100px;}
select {}



.wpcf7{}

.screen-reader-response {display:none;}

.wpcf7-response-output {
margin:0; padding:0;
border:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
text-align:center; display:block;
clear:both;
}

.wpcf7-mail-sent-ok {
border:1px solid #e66428;
color:#e66428;
padding:12px;
margin:0 0 20px 0;
}

.wpcf7-validation-errors {
border:1px solid red;
color:red;
padding:12px;
margin:0 0 20px 0;
}

.wpcf7 span {}
.wpcf7-form-control-wrap {margin:0; display:block;}
.wpcf7 span.wpcf7-list-item-label {margin:0 1em 0 0; display:inline-block;}
.wpcf7 span.use_label_element {margin-bottom:20px; display:block;}
.wpcf7 span.wpcf7-not-valid-tip {color:red; font-size:12px; font-size:1.2rem; margin-bottom:16px; display:block;}
.wpcf7 span.wpcf7-not-valid-tip-no-ajax {display:none;}

.wpcf7 .wpcf7-form-control {}
.wpcf7 .wpcf7-list-item {margin:0 0 16px 0;}

.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {display:none;}
.wpcf7 label {cursor:pointer;}
.wpcf7-list-item {position:relative; display:inline-block;}
.wpcf7-list-item-label {min-height:20px; line-height:24px; vertical-align:middle; padding:0 0 0 32px; display:inline-block; position:relative;}
.wpcf7-list-item-label:before {width:20px; height:20px; content:""; position: absolute; left:0; top:0; background:#fff; border:2px solid #ccc; display:inline-block;}
.wpcf7-list-item-label:after{
width:10px; height:6px; left:6px; top:6px;
border:2px solid #e66428;
content:''; position:absolute;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
border-top:none; border-right:none;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
opacity:0;
}
input[type="radio"]:checked + .wpcf7-list-item-label:after,
input[type="checkbox"]:checked + .wpcf7-list-item-label:after {opacity:1;}

.wpcf7 input.wpcf7-submit {margin:0 auto;}

img.ajax-loader {display:block; margin:12px auto 0;}

.wpcf7 .sent .form {display:none;}



/******************/
/* facebook *******/

/******************/
/* twitter ********/


/******************/
/******************/
/* Media Query ****/


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

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

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


	.archives-gallery ul li {flex-basis:32%; max-width:32%;}

	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="datetime"],
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="tel"],
	input[type="time"],
	input[type="url"] {width:100%;}
	select {width:auto;}
	textarea {width:100%;}


	#f-widget table {border:0; margin:0;}
	#f-widget table th,
	#f-widget table td {display:block;}
	#f-widget table th {border:0; padding:0 0; text-align:center;}
	#f-widget table td:nth-child(2) {padding:0;}
	#f-widget table td:nth-child(2) p {text-align:center; margin:0 auto 20px;}
	#f-widget table td:last-child {text-align:right;}
	#f-widget table ul {display:table; table-layout:fixed; margin:0 auto;}
	#f-widget table ul li {display:table-cell; float:none;}

	#f-navi {padding:0; display:none;}
	#f-navi .inner {padding:0;}
	#f-navi .table {display:block;}
	#f-navi .table .module {display:block; clear:both;}
	#f-navi .table .module:nth-child(even) {}
	#f-navi .sub-menu {display:none;}
	#f-navi ul li {border-bottom:1px solid #555; width:49%; float:left;}
	#f-navi ul li:nth-child(even) {float:right;}

/*
	#f-navi ul {display:block; width:100%; border-top:1px solid #f5f4f3; text-align:left;}
	#f-navi ul li {display:block; border:0; padding:0; border-bottom:1px solid #f5f4f3;}
	#f-navi ul li a {display:block; padding:12px 0; position:relative; padding-left:50%;}
	#f-navi ul li i {text-align:right; right:52%; position:absolute;}
*/

	#post-company ul li {width:32%;}
	#post-company ul li:nth-child(3n) {clear:none; float:right; margin-right:0;}
	#post-company ul li:nth-child(3n + 1) {clear:both; float:left; margin-right:2%;}
	#post-company ul li:nth-child(3n + 2) {clear:none; float:left; margin-right:2%;}
}


@media screen and (max-width:900px) {
	#header {background-color:#252525;}
	#header h2 {display:block;}
	#header p {display:none;}
	#side {display:none;}
	#main {padding:0;}
	#f-widget a {padding:40px 20px;}
	#footer {padding:0 0 0;}

	#h-navi {display:block; height:auto; min-height:100vh; width:46%; padding:0 0 160px 0; position:fixed; top:60px; left:auto; right:-46%; bottom:0;
	background:#000;
	box-shadow:-2px 2px 6px rgba(120,120,120,0.6);
	/*border-left:1px solid #ccc;*/
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
	cursor:pointer; z-index:9998;
	}
	#h-navi ul {display:block; border-top:1px solid #252525; text-align:center;}
	#h-navi ul li {display:block; border-bottom:1px solid #252525;}
	#h-navi ul li a {display:block; padding:20px 0; padding-left:0; color:#fff;}
	#h-navi ul li a:hover {background-color:#fff; color:#e66428; color:#e66428;}
	#h-navi ul li a i {/*position:absolute; right:50%;*/}
	.navi-toggle {display:block;}

	body.overlay {overflow:hidden;}

	#top-products ol li:nth-child(1),
	#top-products ol li:nth-child(2) {width:100%;}
	#top-products ol li:nth-child(3),
	#top-products ol li:nth-child(4) {width:50%;}
	#top-products ol li:nth-child(n + 5) {width:50%;}


}






/* ▲ iPhone 6+ 横（736px） ▼ */
@media screen and (max-width:740px) {
	#top-menu {}
	#top-menu ul li i {font-size:14px; font-size:1.4rem;}
}

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

	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6 {float:none; clear:both; width:100%; margin:0 0 1.2em 0;}


	#corporate-banner ul li,
	#corporate-banner ul li:nth-child(2) {display:block; float:none; width:100%; max-width:100%; margin:0 0 2% 0;}
/*
	.inner {width:100%; max-width:100%; min-width:320px; padding:0 8px;
		padding-left:calc( 8px + constant(safe-area-inset-left) );
		padding-right:calc( 8px +  constant(safe-area-inset-right) );
	}
*/

	#top-slider {max-height:660px;}

	.top-archives ul li {float:left; width:49%;}
	.top-archives ul li:nth-child(odd) {clear:both; float:left; margin-right:0;}
	.top-archives ul li:nth-child(even) {clear:none; float:right; margin-right:0;}

	.archives-gallery ul li {flex-basis:46%; max-width:46%;}


	#f-widget a {padding:40px 12px;}
	#f-widget ul {width:300px;}
	#f-widget table td:last-child {text-align:center;}
	#f-widget table img {width:60px;}

	.form {padding:20px 20px 0.1em;}
	.form table th,
	.form table td {display:block; text-align:left; padding:0;}
	.form table th {border:0; padding:32px 0 0 0; margin:0 0 12px 0;}
	.form table th i {display:inline-block; margin: 0 1em 0 0;}
	.form table td {padding:0 0 16px 0;}

}


/* ▲ Mac OS Safari - Minimum(504px) ▼ */
@media screen and (max-width:520px) {

	#post-company ul li {width:49%;}
	#post-company ul li:nth-child(odd) {clear:both; float:left; margin-right:0;}
	#post-company ul li:nth-child(even) {clear:none; float:right; margin-right:0;}

	#post-company ul {margin:0; padding:0;
		list-style:none;
		display:-webkit-flex;
display:flex;
flex-wrap:wrap;
flex-direction:row;
-webkit-justify-content:space-between;
justify-content:space-between;
line-height:1;
}

	#post-company ul li,
	#post-company ul li:nth-child(odd),
	#post-company ul li:nth-child(even) {clear:none; float:none; text-align:center; flex-basis:48%; padding:0; flex:0 1 auto; margin-right:0; margin:0 0 12px 0; max-width:48%;}
	#post-company ul li img.spacer {display:none;}
	#post-company ul li a {padding:8px;}
	#post-company ul li span,
	#post-company ul li .c-thumbnail {position:relative; top:auto; left:auto; transform:translate(0,0);}
}

/* ▲ iPhone 6+ - iPhone 6 ▼ */
@media screen and (max-width:380px) {

}


/******************/
/******************/
/* fonts **********/

/* latin */
@font-face {
	font-family: 'Graduate';
	font-style: normal;
	font-weight: 400;
	src:local('Graduate'),
		local('Graduate-Regular'),
		url(https://fonts.gstatic.com/s/graduate/v5/C8cg4cs3o2n15t_2YygW43yvZxn3.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.font-gothic {font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;}
.font-mincho {font-family:'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', 'Meiryo', 'メイリオ', 'Times New Roman', serif;}
.font-mono {font-family:"Osaka-mono", "MS Gothic", monospace;}
.bold {font-weight:bold;}

i {font-family: 'Graduate', cursive;}
i {font-family: 'Graduate', cursive; letter-spacing:0.1em; text-transform:uppercase;}

/******************/
/******************/
/* Keyframes ******/

@-webkit-keyframes rotation {
0% {-webkit-transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotation {
0% {-moz-transform:rotate(0deg);}
100% {-moz-transform:rotate(360deg);}
}
@-ms-keyframes rotation {
0% {-ms-transform:rotate(0deg);}
100% {-ms-transform:rotate(360deg);}
}
@-o-keyframes rotation {
0% {-o-transform:rotate(0deg);}
100% {-o-transform:rotate(360deg);}
}
@keyframes rotation {
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}
/*
	-webkit-animation:rotation 1s infinite linear;
	-moz-animation:rotation 1s infinite linear;
	-ms-animation:rotation 1s infinite linear;
	-o-animation:rotation 1s infinite linear;
	animation:rotation 1s infinite linear;
*/

@-webkit-keyframes flash {
from {opacity:0.3;}
to {opacity:1;}
}
@-moz-keyframes flash {
from {opacity:0.3;}
to {opacity:1;}
}
@-ms-keyframes flash {
from {opacity:0.3;}
to {opacity:1;}
}
@-o-keyframes flash {
from {opacity:0.3;}
to {opacity:1;}
}
@keyframes flash {
from {opacity:0.3;}
to {opacity:1;}
}
/*
	-webkit-animation:flash 1s infinite ease alternate;
	-moz-animation:flash 1s infinite ease alternate;
	-ms-animation:flash 1s infinite ease alternate;
	-o-animation:flash 1s infinite ease alternate;
	animation:flash 1s infinite ease alternate;
*/

@-webkit-keyframes updown {
0 {bottom:60px;}
100% {bottom:80px;}
}
@-moz-keyframes updown {
0 {bottom:60px;}
100% {bottom:80px;}
}
@-ms-keyframes updown {
0 {bottom:60px;}
100% {bottom:80px;}
}
@-o-keyframes updown {
0 {bottom:60px;}
100% {bottom:80px;}
}
@keyframes updown {
0 {bottom:60px;}
100% {bottom:80px;}
}
/*
	-webkit-animation:updown 1.0s ease-in-out infinite alternate;
	-moz-animation:updown 1.0s ease-in-out infinite alternate;
	-ms-animation:updown 1.0s ease-in-out infinite alternate;
	-o-animation:updown 1.0s ease-in-out infinite alternate;
	animation:updown 1.0s ease-in-out infinite alternate;
*/






/**************************/
/* takizawa story effects */
#post-story {margin:0 0 40px 0;}
.story .btn i:after {content:"";}

.story {min-height:560px; position:relative; background:transparent center center no-repeat; background-size:cover;}
.story .blur {display:none; position:absolute; top:0; bottom:0; left:0; right:0; background:inherit; filter:grayscale(100%);}
.story:hover .blur {display:none;}

.story:before,
.story:after {content:""; position:absolute; width:100vw; height:5vw; background:url("images/bg-br.svg") 0 0 no-repeat; background-size:cover; z-index:5;}
.story:before {top:0; left:-20px; right:0; margin-top:-1px; margin-left:-1px; margin-right:-1px;}
.story:after {bottom:0; left:-20px; right:0; margin-bottom:-1px; margin-left:-1px; margin-right:-1px;}

.story .box {background:rgba(255,255,255,0.8); position:absolute; width:60%; max-width:720px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	text-align:left;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	/*-webkit-transform:translate3d(0, 0, 0);*/
	/*-moz-transform:translate3d(0, 0, 0);*/
	/*-ms-transform:translate3d(0, 0, 0);*/
	/*-o-transform:translate3d(0, 0, 0);*/
	/*transform:translate3d(0, 0, 0);*/
	will-change:animation, position;
	line-height:2.4;
	z-index:8;
	padding:40px 40px 0.1em; padding:0;
}

.story .box a {padding:40px 40px 0.1em; display:block;}

.story h4 {font-size:30px; font-size:3.0rem; line-height:1.6; margin:0 0 40px 0; position:relative;}
.story h4:after {content:""; display:block; margin:36px 0 0 0; width:60px; height:1px; background:#222;}

.story h5 {font-size:20px; font-size:2.0rem;}

.story i {display:block; font-size:20px; font-size:2.0rem;}
.story p {margin:0 auto 40px;}

.story .box p.btn {background:#14375a; color:#fff; display:inline-block; font-size:10px; font-size:1.0rem; line-height:1.2;}
.story .box p.btn {display:inline-block; min-width:200px; padding:8px 24px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	-ms-border-radius:1px;
	-o-border-radius:1px;
	border-radius:1px;
	text-align:center; background:#14375a; border:1px solid #14375a; color:#fff; text-transform:uppercase; letter-spacing:0.1em;
}

.story .box a:hover p.btn {background:transparent; color:#14375a;}

#story-01 .box {right:20px;}
#story-02 .box {left:20px;}
#story-03 .box {right:20px;}
#story-04 .box {left:20px;}
#story-05 .box {right:20px;}
#story-06 .box {left:20px;}


#story-01 {background-image:url(images-page/story-bg-01.png);}
#story-02 {background-image:url(images-page/story-bg-02.png);}
#story-03 {background-image:url(images-page/story-bg-03.png);}
#story-04 {background-image:url(images-page/story-bg-04.png);}
#story-05 {background-image:url(images-page/story-bg-05.png);}
#story-06 {background-image:url(images-page/story-bg-06.png);}

#story-01:before {}
#story-01:after {background-image:url("images/bg-tr.svg");}
#story-02:before {background-image:url("images/bg-bl.svg");}
#story-02:after {background-image:url("images/bg-tl.svg");}
#story-03:before {}
#story-03:after {background-image:url("images/bg-tr.svg");}
#story-04:before {background-image:url("images/bg-bl.svg");}
#story-04:after {background-image:url("images/bg-tl.svg");}
#story-05:before {}
#story-05:after {background-image:url("images/bg-tr.svg");}
#story-06:before {background-image:url("images/bg-bl.svg");}
#story-06:after {background-image:url("images/bg-tl.svg");}



/******************/
/******************/

article[id^="post-story-0"] {background-color:#f0f0f0; padding:0 0 60px 0; margin:0;}
article[id^="post-story-0"] .page-content h4 {background:none; padding:0; text-align:center;}
article[id^="post-story-0"] h4:before {content:""; display:none;}

#sec-01,
#sec-02,
#sec-03,
#sec-04,
#sec-05 {min-height:400px; clear:both; position:relative;}

#sec-01 {min-height:inherit; margin:0 0 60px 0;}
#sec-01 .box {width:100%; max-width:100%; text-align:center;}

#sec-02 img,
#sec-04 img {position:absolute; top:60px; right:5%; z-index:1;}

#sec-03 img,
#sec-05 img {position:absolute; top:60px; left:5%; z-index:1;}


#sec-02 .box,
#sec-03 .box,
#sec-04 .box,
#sec-05 .box {position:relative; z-index:3;}


#sec-02 .box {float:left;}
#sec-03 .box {float:right;}
#sec-04 .box {float:left;}
#sec-05 .box {float:right;}

#sec-02 img,
#sec-03 img,
#sec-04 img,
#sec-05 img {max-width:46%; width:100%;}


#sec-01 .box h4:after {margin-left:auto; margin-right:auto;}

[id^="post-story-0"] .box h4 {line-height:1.6; margin:0 0 40px 0; position:relative;}
[id^="post-story-0"] .box h4:after {content:""; display:block; margin:36px auto 0 auto; width:60px; height:1px; background:#222;}


.sec .box {max-width:52%; background:rgba(255,255,255,0.8); padding:60px 80px 20px; margin:0 0 80px 0;}

.page-content .box {}


@media screen and (max-width:900px) {
	.sec img {float:none;}
	#sec-02 img {position:relative;}
	#sec-02 img,
	#sec-04 img,
	#sec-03 img,
	#sec-05 img {position:relative; top:0; left:0; right:0; width:100%; max-width:100%; margin:0 auto; margin-bottom:-2%; line-height:1;}

	#sec-02 .box,
	#sec-03 .box,
	#sec-04 .box,
	#sec-05 .box {width:100%; float:none;}

	.sec .box {width:100%; max-width:100%; float:none; background:#fff;}

}

/* end ************/
/******************/
/******************/


/* 20190421追加 ******/
.article ol.company-training-list {
	display: inline-table;
	margin: 0 auto;
	text-align: left;
}

a.link-em {
	color: #3a84df;	
}

.red-note {
	color: #ff0000;
	font-size: 12px;
}

/* 20190421上書き ******/
/* footer */
#f-navi ul.sub-menu li {
	position: relative;
	clear: both;
}

#f-navi ul.sub-menu li:before {
	position: absolute;
	left: 0;
	content:"-";
	margin:0 0.2em 0 0;
	display:inline;
}

#f-navi ul.sub-menu li a {
	padding-left: 10px;
}

/* footer logo */
#f-logo {
	height: 100px;
	width: 100%;
	clear: both;
}

#f-logo p {
	width: 100px;
	height: 100px;
}

#f-logo p a {
	padding: 100px 0 0 0;
	background: #000 url(images/footer-logo.jpg) 0 0 no-repeat;
	background-size: 100px 100px;
}

small#site-info {
	line-height: 102px;
	margin: 0 110px 0 0;
}

@media screen and (max-width:370px) {
	#f-logo {
		height: 60px;
	}
	
	#f-logo p {
		width: 60px;
		height: 60px;
	}
	
	#f-logo p a {
		padding: 60px 0 0 0;
		background-size: 60px 60px;
	}

	small#site-info {
		line-height: 60px;
		margin: 0 80px 0 0;
	}
}


/* products */
.list-products ul li a:hover {background-color:rgba(230,100,40,0.3); color:#fff; color:#e66428; color:#e66428;}

/* btn */
.btn i {
	padding-right: 0;
}

#post-taidan h6 img {
	max-width: 550px;
}

/* story */
@media screen and (max-width:991px) {
	.list-story ol li span {
		font-size: 15px;
		font-size: 1.5rem;
	}
}

@media screen and (max-width:767px) {
	.list-story ol li {
		flex-basis: 47%;
		max-width: 47%;
	}
	.list-story ol li span {
		padding: 5px 12px;
	}
}

@media screen and (max-width:490px) {
	.list-story ol li span {
		font-size: 13px;
		font-size: 1.3rem;
	}
}

@media screen and (max-width:411px) {
	.list-story ol li {
		flex-basis: 100%;
		max-width: 100%;
	}
	.list-story ol li span {
		font-size: 18px;
		font-size: 1.8rem;
	}
}