@charset "UTF-8";
/* CSS Document */

.content.common.single .inner_box {
	display: flex;
	margin: 50px auto;
}

.content.common.single .page_inner {
	width: 80%;
	margin: 0 10%;
	padding: 0;
}

.content.common.single .pan_list ol,
.content.common.single .pan_list ol li{
	list-style: none;
}

.content .content_title h1 {
	width: 90%;
	font-size: 36px;
	margin: 0 5%;
	text-align: left;
	line-height: 1.3em;
}

.content.product .product_main {
	width: 100%;
	height: auto;
	margin: -35px 0 0;
	padding: 0;
	float: left;
	background-color: #FFF;
}

.content.product .product_main .glid_main {
	width: 45%;
	margin: 0;
	padding: 50px 0 0;
	float: left;
}

.content.product .product_main .main {
	width: 55%;
	margin: 0;
	padding: 0;
	float: left;
}

.content.product .product_main .main img {
	width: 100%;
}


.content ul,
.content ol,
.contents ul,
.contents ol { width: 100%;margin: 0 0 20px; }

.content ul li,
.content ol li,
.contents ul li,
.contents ol li { list-style:disc;list-style-position: outside;margin-left: 1em;margin-bottom: 0.5em; }

.content ul li:last-child,
.content ol li:last-child,
.contents ul li:last-child,
.contents ol li:last-child { margin-bottom: 0; }

.content ul li ul li,
.contents ul li ul li { list-style: circle; }

.content ol li ul li,
.contents ol li ul li { list-style: circle; }

.content ul li ol li,
.contents ul li ol li { list-style: decimal; }

.content ul li ul li ul li,
.contents ul li ul li ul li { list-style: disc; }

.content ul li ul li ol li,
.contents ul li ul li ol li { list-style: decimal; }

.content ul li ol li ul li,
.contents ul li ol li ul li { list-style: disc; }

.content ol li ol li ul li,
.contents ol li ol li ul li { list-style: disc; }

.content img,
.contents img { width: auto; max-width: 100%;height: auto; }

.content h2 {
	color: #0058A6;
	font-size: 36px;
}

.content h3 {
	color: #0058A6;
	font-size: 24px;
}


.content figure,
.content .wp-block-columns.wp-block-columns-is-layout-flex,
.content h3,
.content h4,
.content h5,
.content h6,
.contents p,
.contents figure,
.contents .wp-block-columns.wp-block-columns-is-layout-flex,
.contents h3,
.contents h4,
.contents h5,
.contents h6 { width:100%;margin-left: 0;margin-right: 0;float: left; }

/*.content p,
.contents p { margin-top: 1em;margin-bottom: 1em; }*/

.content .wp-block-columns.is-layout-flow.wp-block-column-is-layout-flow,
.contents .wp-block-columns.is-layout-flow.wp-block-column-is-layout-flow { width: 100%; }

.content.wp-block-heading,
.contents.wp-block-heading {
	margin-top: 0.5em;
}

.wp-block-image {
	width: 100%;margin: 1em 0;float: left;
}

.content .aligncenter,
.contents .aligncenter { text-align: center;margin-left: auto;margin-right: auto; }

.content .aligncenter img,
.contents .aligncenter img { margin-left: auto;margin-right: auto; }

.content .wp-block-table,
.contents .wp-block-table { width: 100%; }

.content.single .pan,
.contents.single .pan { width: 100%;margin: 1em 0; }

.content.single .pan a,
.contents.single .pan a { color: #007193;text-decoration: underline; }

.content.single .pan.foot,
.contents.single .pan.foot { margin: 100px 0 1em; }

.content.single ul.ca,
.contents.single ul.cat { width: 100%;margin: 1em 0 1em;float: left; }

.content.single ul.cat li,
.contents.single ul.cat li {
	list-style: none;
	margin-right: 1em;
	float: left;
}

.content.single ul.cat li a,
.contents.single ul.cat li a {
	font-size: 14px;
	line-height: 14px;
	padding: 3px 5px;
	color: #0084D1;
	border: #0084D1 1px solid;
	transition: ease 0.5s all;
}

.content table,
.contents table {
	width: 100%;
	float: left;
	margin: 0;
	border-collapse: collapse;
	border-top: #c8c8c8 1px solid;
	border-left: #c8c8c8 1px solid;
	border-right: #c8c8c8 1px solid;
	box-sizing: border-box;
}

.content table td,
.contents table td {
	padding: 10px 20px;
	border-bottom: #c8c8c8 1px solid;
	border-left: #c8c8c8 1px solid;
	box-sizing: border-box;
}

.content table th,
.contents table th{ 
	padding: 10px 20px;
	border-left: #c8c8c8 1px solid;
	box-sizing: border-box;
	text-align: center;
}

.content blockquote.wp-block-quote,
.contents blockquote.wp-block-quote {
	border-left: #000 5px solid;
	padding-left: 1em;
	box-sizing: border-box;
}

/* table  pat01 ************************************* */


.has-medium-font-size { line-height: 30px; }
.has-large-font-size { line-height: 50px; }
.has-huge-font-size { line-height: 60px; }
.has-text-align-left { text-align: left; }
.has-text-align-center { text-align: center; }
.has-text-align-right { text-align: right; }

.wp-block-table { width: 100%;margin: 0; }
.wp-block-table.is-style-stripes tr:nth-child(odd) td { background: #edefef; }
.wp-block-table .has-fixed-layout { table-layout: fixed; }
.wp-block-column { width: 96%; padding: 1em 2%;float: left; }


.glid-contents {
	width: 80%;
	margin: 0;
	padding: 0;
	float: left;
}

.single.page .glid-contents {
	width: 20%;
	margin: 0;
	padding: 0 3% 0;
	float: left;
}

.glid-sidebar {
	width: 20%;
	margin: 0;
	padding: 0;
	float: right;
}

.glid-sidebar .wp-block-image a { opacity: 1.0;transition:all .5s ease; }
.glid-sidebar .wp-block-image a:hover { opacity: 0.7; }

.page-wide .glid-sidebar {
	width: 21%;
	padding: 0 2%;
}

/* *************** RAYOUT ******************** */

.top_contact_wrap {
	float: left;
	margin: 0;
	position: relative;
	width: 100%;
}

.pan_list {
	width: 90%;
	margin: 30px 5%;
	float: left;
}

.pan_list a {
	text-decoration: underline;
	color: #1D2086;
	opacity: 1.0;
	transition: ease 0.5s all;
}

.pan_list a:hover {
	opacity: 0.7;
}

/* **************************************************************** */
/*  CASE STUDY  RAYOUT   */
/* **************************************************************** */

.contents.common.single.case h2.title {
	width: 100%;
	margin: 0 0 50px;
	padding: 20px 5%;
	float: left;
	color: #FFF;
	background-color: #4c4948;
	border-left: #ed6c00 30px solid;
	box-sizing: border-box;
}

.contents.common.single.case h2.wp-block-heading {
	width: 100%;
	margin: 30px 0 0;
	border-left: #ed6c00 9px solid;
	border-bottom: none;
	float: left;
}

.contents.common.single.case .cat {
	margin: 0 0 50px;
}

.contents.common.single.case .cat a {
	padding: 5px 10px;
	background-color: #ed6c00;
	color: #FFF;
}

.contents.common.single.case ul {
	width: 100%;
	margin: 0 0 50px;
	float: left;
}

.contents.common.single.case p {
	width: 90%;
	margin: 0 5% 1em;
	float: left;
}

.contents.common.single.case p {
	width: 90%;
	padding: 1em 0 1em;
}

.contents.common.single.case .wp-block-columns {
	width: 100%;
	margin: 0 0 50px;
	padding: 0;
	display: flex;
}




/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 780px */
/* **************************************************************** */
@media screen and (max-width: 780px) {

/* table  pat01 ************************************* */

.content table.pat01 th,
.contents table.pat01 th
.content table.pat01 td,
.contents table.pat01 td,
.content table.pat01 td:nth-of-type(1),
.content table.pat01 td:nth-of-type(2),
.content table.pat01 td:nth-of-type(3),
.content table.pat01 td:nth-of-type(4) {
	width: 100%;
	float: left;
}

.content table.pat01 th {
	background-color: rgba(153,153,153,0.1);
}

.content table.pat01 td:nth-of-type(1) {
	background-color: #1D357D;
	color: #FFF;
	font-weight: 700;
}

}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 580px */
/* **************************************************************** */
@media screen and (max-width: 580px) {

.content.single h2,
.contents.single h2 { font-size: 120%; }

.content.single h3,
.contents.single h3 { font-size: 110%; }

.content.single h4,
.contents.single h4 { font-size: 105%; }

.content.single h5,
.contents.single h5 { font-size: 100%; }

.content,
.contents {
	padding: 50px 0 0;
}

.content.single .main,
.contents.single .main {
	padding: 50px 0;
}

}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 480px */
/* **************************************************************** */
@media screen and (max-width: 480px) {

.contents.common.single.case {
	margin: 50px 0;
	padding: 0;
}

.contents.single .main {
	width: 90%;
	margin: 0 5%;
	padding: 0;
	float: left;
}

.content.single .main h2.title,
.contents.single .main h2.title {
	width: 90%;
	margin: 0 3% 20px;
	padding: 0 2% 5px;
	float: left;
	font-size: 20px;
}

.contents.single .main p {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}

}