/*
Theme Name: Spacious Child
Theme URI: http://themegrill.com/themes/spacious
Template: spacious
Author: ThemeGrill
Author URI: http://themegrill.com
Version: 1.3.9
Tags: light, white, dark, two-columns, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options
Text Domain: spacious

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/* =Reset
-------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Caption&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
}
html {
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

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

ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: inherit;
	border-spacing: 0;
	margin: 0 0 1.5em;
	width: 100%;
}
th {
   font-weight: bold;
}
th, td {
vertical-align:top;
}
caption, th, td {
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a{
color:#000;
}

.column_text_wrapper a{
color:#646464;
}


a:focus {
	outline:0;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}


embed, iframe, object {
	max-width: 100%;
}
button::-moz-focus-inner {
	border: 0;
	padding: 0;
	margin: 0;
}

.text_red{
color:#fff;
background:#fe0000;
padding:.1em .3em;
line-height:1.0;
font-weight:normal;
font-size:0.9rem;
margin-left:.3em;
}



/*スマホ*/

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

	a#scroll-up {
		bottom: 5px;
		position: fixed;
		right: 5px;
		display: none;
		-webkit-font-smoothing: antialiased;
	   -moz-osx-font-smoothing: grayscale;
		vertical-align: top;
		color: #FFFFFF;
		opacity: 0.8;
		filter:alpha(opacity=50); /* For IE8 and earlier */
		border-radius:50%;
	        background:#444;
	  width:35px;
	  text-align:center;
	  font-size:24px;
	  padding:0px 0 3px 0;
	  line-height:1.4;
	}

	.br-sp { 
	display:none;
	 }
}

a:focus, *:focus { outline:none; }

/* =GLOBAL
----------------------------------------------- */
body,
button,
input,
select,
textarea {
	color: #333;
	line-height:150%;
	word-wrap: break-word;
}
html {
 overflow:auto;
}
/* Headings */
h4, h5, h6 {
	padding-bottom: 18px;
	color: #222222;
	font-weight: normal;
}
h1{
color:#fff;
}
h4 { font-size: 16px; line-height: 24px; }
h5 { font-size: 22px; line-height: 28px; }
h6 { font-size: 19px; line-height: 25px; }
hr {
	border-color: #EAEAEA;
	border-style: solid none none;
	border-width: 1px 0 0;
	height: 0;
	margin: 10px 0;
}

h4{
font-size:110%;
padding-bottom:5px;
border-bottom:1px dotted #ccc;
font-weight:bold;
margin-bottom:12px;
}

.text_green{
color:#639700 !important;
}

/* =TEXT ELEMENTS
----------------------------------------------- */
p {
	margin-bottom: 15px;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
pre {
	background-color: #fff;
	margin-bottom: 20px;
	overflow: auto;
	padding: 20px;
	border: 1px solid #EAEAEA;
}
pre, code, kbd, var, samp, tt {
	font-family:"Courier 10 Pitch",Courier,monospace;
	font-size: 14px;
	line-height: 19px;
	white-space: pre-wrap;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666666;
	cursor: help;
}
address {
	display: block;
	font-style: italic;
	margin: 0 0 15px;
}
ins {
	background: #F8F8F8;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* =SUPERCRIPT AND SUBSCRIPT
----------------------------------------------- */
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

dl {
	margin-bottom:0;
	font-size:1.0rem;
}
dt {
	font-weight:400;
	margin-bottom:0;
}
dd {
	margin-bottom:0;
	font-weight:400;
}

ul,
ol {
	list-style: none;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin: 0 0 0 10px;
}

li{
 font-weight:400;
 line-height:1.8;
}

.comm_contents b{
 padding-bottom:.5em;
 margin-bottom:.5em;
 border-bottom:1px solid #ddd;
 display:block;
 padding-left:.5em;
 }

/* =BLOCKQUOTE
----------------------------------------------- */
blockquote {
	font-style: italic;
	font-weight: normal;
	padding: 20px;
	border: 1px solid #EAEAEA;
	border-left: 3px solid #837173;
	margin-bottom: 20px;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

/* =FORMS
----------------------------------------------- */
input, textarea {
 	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width:100%;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="password"],
textarea {
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
 	-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding:12px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
border:solid 1px #ccc;
margin:auto;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
border:solid 1px #ccc;
}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"]{
    background-color: #F8F8F8;
}



	#head_bt_menu{
	display:none;
	}

	#input_s {
		width: 60%;
		padding:12px;
		color: #222;
		background-color: #FFFFFF;
		margin: 0;
	border:solid 1px #ccc;
	}
	#input_s:focus {
		padding-left: 10px;
	border:solid 1px #ccc;
		text-indent: 0;
	}
	.spacious-button,
	input[type="reset"],
	input[type="button"],
	input[type="submit"],
	button {
	   color: #FFFFFF;
		display:block;
	   margin:0 auto 0 auto;
	   padding:10px 25px;
	   -moz-appearance: none !important;
		-webkit-appearance: none !important;
		appearance: none !important;
		cursor: pointer;
		background-color: #0050b3;
		border: 0px;
	 	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width:50%;
	box-sizing:broder-box;
	font-size:1.4rem;
	}

	.spacious-button:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	input[type="submit"]:hover,
	button:hover {
	background:#b3002d;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}

	.swpm-registration-widget-form input[type="text"]{
	width:100%;
	}

select{
padding:15px;
width:100%;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #ff0000;
   font-weight:400;
   padding:.5em;
   text-align:center;
   color:#ff0000;
}

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

	select{
	padding:12px;
	width:60%;
	}

	#input_s {
		width:100%;
		padding:12px;
		color: #222;
		background-color: #FFFFFF;
		margin: 0;
	border:solid 1px #ccc;
	box-sizing:border-box;
	}
	#input_s:focus {
		padding-left: 10px;
	border:solid 1px #ccc;
		text-indent: 0;
	}
	.spacious-button,
	input[type="reset"],
	input[type="button"],
	input[type="submit"],
	button {
	   color: #FFFFFF;
		display:block;
	   margin:0 auto 0 auto;
	   padding:10px 20px;
	   -moz-appearance: none !important;
		-webkit-appearance: none !important;
		appearance: none !important;
		cursor: pointer;
		background-color: #0050b3;
		border: 0px;
	 	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	   font-size: 17px;
	width:95%;
	box-sizing:broder-box;

}

}


.previous a,
.next a {
   color: #333;
   padding: 5px 25px;
	cursor: pointer;
   border: 1px solid #ddd;
   font-size: 16px;
}
.previous a:hover,
.next a:hover {
	color: #ffb300;
}
input[type="reset"]:active,
input[type="button"]:active,
input[type="submit"]:active {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

/* =LINKS
----------------------------------------------- */
a {
	text-decoration: none;
}
a:focus, a:active, a:hover {
text-decoration:none;
color: #DF2718;
}


/* =IMAGES
----------------------------------------------- */
figure {
	margin: 0;
	text-align: center;
}
img {
	max-width:100%;
	height:auto;
	vertical-align:bottom;
	margin-bottom:0;
}
.entry-content img, .comment-content img, .widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {

}
img.size-full, img.size-large {
	max-width: 100%;
	height: auto;
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 1.625em;
}
p img {

}
img#wpstats {
 	display: none;
}

/* =CLEARFIX
----------------------------------------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display: block;
}
.tg-after-three-blocks-clearfix {
	clear: both;
}

/* =ALIGNMENT
----------------------------------------------- */
.alignleft {
	display: inline;
	float: left;
	margin-right: 30px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 30px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

/* =BODY
----------------------------------------------- */
body {
margin:0;
padding:0;
overflow-x:hidden;
font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size:16px;
color:#1a1a1a;
font-weight:400;
}

p{
font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-weight:400;
}

.header-inner-wrap {
max-width: 1080px;
margin:0 auto 0 auto;
padding:0;
}

.inner-wrap {
margin:0 auto 0 auto;
max-width:100%;
}


/* =HEADER
----------------------------------------------- */
#masthead {

}
#header-meta {
}

#header-text-nav-container {
padding:0;
}
#header-text-nav-wrap {
margin-bottom:0px;
}

#header-logo-image {
	padding:0;
	max-width: 100%;
}
#header-logo-image img {
	margin-bottom: 0px;
}
#header-text {
	float: left;
	padding: 10px 20px 0 0;
}
#site-title a {
	color: #444444;
	font-size: 36px;
}
h1#site-title {
	padding-bottom: 5px;
}
h3#site-title {
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 0;
  padding-bottom: 5px;
}
#site-title a:hover {
	color: #837173;
}
#site-description {
	line-height: 24px;
	font-size: 16px;
	padding-bottom: 0;
	color: #666666;
}
#header-right-section {
	float: right;
}
#header-right-sidebar {
	overflow: hidden;
}
#header-right-section .widget {
	text-align: right;
	padding-top: 10px;
}
#header-right-section .widget h3 {
	padding-bottom: 5px;
}

.header-image {
	margin-bottom: 0;
	border-bottom: 1px solid #EAEAEA;
	width: 100%;
}

/* =SEARCH WIDGET
----------------------------------------------- */
#masthead .search-wrap input.s {
	width: 130px;
}
.search-wrap button {
	border-radius: 0;
	line-height: 45px;
	margin-bottom: 0;
	margin-left: -6px;
	padding: 0;
width:60px;
}
.search-icon:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
	font: normal 18px/1 'Genericons';
	content: '\f400';
	vertical-align: middle;
	padding: 0 7px;
}


/* =NAVIGATION
----------------------------------------------- */
nav li > ul,
nav li > ol {
	margin: 0;
	list-style: none;
}
.main-navigation {
	float: right;
	padding-top: 5px;
}
.main-navigation li {
	float: left;
	position: relative;
	padding: 0 0 0 25px;
	font-family: 'Lato', sans-serif;
}
.main-navigation ul li a {
	font-size: 16px;
}
.main-navigation li.default-menu,
li.default-menu {
	display: none;
}
.main-navigation a {
	color: #444444;
	display: block;
	float: left;
	padding: 16px 0 0;
	height: 30px;
}
.main-navigation a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a {
	color: #f39800;
}

/* =DROP DOWN
----------------------------------------------- */
.main-navigation ul li ul,
.main-navigation ul li:hover ul ul,
.main-navigation ul ul li:hover ul ul,
.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul {
	display:none;
	z-index: 9999;
}
.main-navigation ul li:hover ul,
.main-navigation ul ul li:hover ul,
.main-navigation ul ul ul li:hover ul,
.main-navigation ul ul ul ul li:hover ul,
.main-navigation ul ul ul ul ul li:hover ul {
	display:block;
}
.main-navigation ul li ul {
	position: absolute;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
	border-top: 1px solid #837173;
	top: 45px;
	left: 25px;
	width: 150px;
}
.main-navigation ul li ul li {
	float: none;
	border-bottom: 1px solid #EAEAEA;
	padding: 0;
}
.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
	float: none;
	line-height: 21px;
	font-size: 13px;
	font-weight: normal;
	height: 100%;
	padding: 6px 10px;
	color: #f39800;
}
.main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover > a, .main-navigation ul li.current-menu-item ul li a:hover {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
	color: #837173;
}
.main-navigation ul li ul li ul {
	left: 150px;
	top: -1px;
}
.main-navigation select {
	display: none;
}

/* =SMALL MENU
----------------------------------------------- */
.menu-toggle {
	display: none;
	cursor: pointer;
}
.site-header .menu-toggle {
	background: #3A3A3A;
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	padding: 5px 22px;
	margin: 0;
	text-align: center;
}
.site-header .menu-toggle:hover {
  background: #837173;
}
.site-header .menu-toggle:before {
  content: '\2261';
  margin-right: 10px;
}
.main-small-navigation {
	float: none;
	padding-top: 0;
	background-color: #000000;
	margin-top: 5px;
}
.main-small-navigation ul {
  margin: 0;
  list-style: none;
}
.main-small-navigation a {
  display: block;
  color: #FFFFFF;
  padding: 10px 40px;
  text-decoration: none;
}
.main-small-navigation li {
  background: #3A3A3A;
}
.main-small-navigation li:hover {
  background: #837173;
}
.main-small-navigation ul ul a {
  padding-left: 60px;
}
.main-small-navigation ul ul ul a {
  padding-left: 80px;
}
.main-small-navigation ul > .current_page_item,
.main-small-navigation ul > .current-menu-item {
  background: #837173;
}

/* =SECONDARY MENUS
----------------------------------------------- */
.small-menu {
	float: right;
}
.small-menu li {
	float: left;
	position: relative;
	font-family: 'Lato', sans-serif;
}
.small-menu li.default-menu,
li.default-menu {
	display: none;
}
.small-menu a {
	color: #666666;
	display: block;
	float: left;
	font-size: 10px;
	height: 21px;
	padding: 5px 0 0 16px;
	font-size: 12px;
}
.small-menu a:hover,
.small-menu ul li.current-menu-item a,
.small-menu ul li.current_page_ancestor a,
.small-menu ul li.current-menu-ancestor a,
.small-menu ul li.current_page_item a,
.small-menu ul li:hover > a {
	color: #f39800;
}

/* =FEATURED SLIDER
----------------------------------------------- */

.camera_pag_ul li{
position:relative;
z-index:999 !important;
}

#slider{
width:100% !important;
}
#featured-slider {
	border-bottom: 1px solid #EAEAEA;
}
#featured-slider,
#featured-slider .slider-cycle {
	position: relative;
}
#featured-slider .slides{
	width: 100%;
}
.wide-978 #featured-slider .slider-cycle,
.wide-1218 #featured-slider .slider-cycle {
   max-width: 1600px;
   margin: 0 auto;
}
#featured-slider .displayblock {
	display: block;
}
#featured-slider .displaynone {
	display: none;
}
.ie8 #featured-slider .entry-container {
	top: 25%;
}
#featured-slider .entry-container {
	top: 50%;
	-ms-transform: translateY(-50%); /* IE 9 */
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
	position: absolute;
	left: 5%;
	max-width: 40%;
}
.wide-978 #featured-slider .entry-container {
   left: 13.8%;
}
.wide-1218 #featured-slider .entry-container {
   left: 4.9%;
}
#featured-slider .entry-description-container {
	background-color: #555555;
	background-color: rgba(0, 0, 0, 0.3);
	padding: 10px 15px;
	padding: 1rem 1.5rem;
}
#featured-slider img {
	margin-bottom: 0px;
}
#featured-slider .slider-title-head {
	display: inline-block;
	left: 0;
	margin-bottom: 5px;
	margin-bottom: 0.5rem;
}
#featured-slider .entry-title {
	padding: 0;
}
.slider-title-head .entry-title a {
	color: #FFFFFF;
	text-decoration: none;
}
#featured-slider .entry-title span {
	color: #FFFFFF;
	display: block;
	font-size: 26px;
}
#featured-slider .entry-content {
	color: #FFFFFF;
	padding-top: 5px;
	padding-top: 0.5rem;
}
#featured-slider .entry-content p {
	margin: 0;
	padding: 0;
}
#featured-slider .slider-read-more-button {
	background-color: #837173;
	color: #FFFFFF;
	text-align: center;
	font-family: 'Lato',sans-serif;
	padding: 10px 15px;
	padding: 1rem 1.5rem;
	float: left;
	margin-top: 15px;
	font-size: 20px;
}
#featured-slider .slider-read-more-button:hover {
	background-color: #666666;
}

/* =SLIDER CONTROLLERS
----------------------------------------------- */
#controllers {
	text-align:center;
	line-height:0;
	position: absolute;
	width: 100%;
	bottom: 15px;
	z-index: 999;
}
#controllers a {
	width: 18px;
	height: 6px;
	margin: 0 4px;
	overflow:hidden;
	display:inline-block;
	background-color: #FFFFFF;
	color: #FFFFFF;
}
#controllers a:hover, #controllers a.active {
	background-color: #837173;
	color: #837173;
}

/* =PAGE HEADER TITLE
----------------------------------------------- */
.header-post-title-container {
	border-bottom: 1px solid #EAEAEA;
	padding: 20px 0;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) inset;
display:none;
}
.header-post-title-container .post-title-wrapper {
	float: left;
	max-width: 100%;
	padding-right: 30px;
}
.header-post-title-class {
	font-size: 22px;
	padding-bottom: 0;
	line-height: 36px;
}

/* =BREADCRUMB NAVXT PLUGIN SUPPORT
----------------------------------------------- */


.breadcrumbs {
	text-align:left;
	font-size: 12px;
	max-width:1080px;
	margin:0 auto 0 auto;
	padding-bottom:1em;
	padding-top:1em;
	border-bottom:1px solid #eee;
}
.breadcrumbs {
	color: #666;
}
.breadcrumbs a {
	color: #222;
}
.breadcrumbs a:hover {
	color: #2580f1;
}

.breadcrumbs i{
 color:#999;
 margin:0 .5em 0 .5em;
 }

/* =CONTENT
----------------------------------------------- */
.sticky {
}
.extra-hatom-entry-title {
   display: none;
}



#main {
width:100%;
margin:0 auto 0 auto !important;
box-sizing:border-box;
padding:0;
}

.inner-wrap{
width:100% !important;
margin:0 auto 0 auto;
}

.widget_service_block {
	margin-bottom: 30px;
	padding-top: 30px;
}
.widget_service_block .widget-title {
	font-size: 22px;
	padding-bottom: 10px;
}
.widget_service_block p {
	padding-bottom: 0;
}
.widget_service_block .more-link-wrap {
	text-align: center;
}
.widget_service_block a.more-link:hover, .widget_featured_single_post a.read-more:hover {
	text-decoration: underline;
}
.widget-title a {
	color: #444444;
}
.tg-one-half .widget-title a:hover,
.tg-one-third .widget-title a:hover,
.tg-one-fourth .widget-title a:hover {
	color: #837173;
}
.tg-one-half p,
.tg-one-third p,
.tg-one-fourth p {
	text-align: center;
}
.tg-one-half .service-image,
.tg-one-third .service-image,
.tg-one-fourth .service-image {
	text-align: center;
}
.tg-one-half .widget-title,
.tg-one-third .widget-title,
.tg-one-fourth .widget-title {
	text-align: center;
}
.tg-one-third {
	float: left;
	width: 28.407225%;
	margin: 0 2.46305419%;
	padding: 0px 0px 30px;
}
.tg-one-fourth {
	float: left;
	width: 23.1527094%;
	margin: 0 2.46305419% 0 0;
	padding: 0px 0px 30px;
}
.tg-one-fourth-last {
	margin: 0px;
}
.tg-one-half {
	float: left;
	width: 48.7684729%;
	margin: 0 2.46305419% 0 0;
	padding: 0px 0px 30px;
}
.tg-one-half-last {
	float: right;
	margin: 0px;
}
.widget_recent_work {
	margin-bottom: 20px;
}
.widget_recent_work img {
	margin-bottom: 0px;
}
.widget_recent_work .tg-one-half .widget-title,
.widget_recent_work .tg-one-third .widget-title,
.widget_recent_work .tg-one-fourth .widget-title {
	font-size: 22px;
	padding-bottom: 8px;
	text-align: left;
}
.widget_recent_work .tg-one-half p,
.widget_recent_work .tg-one-third p,
.widget_recent_work .tg-one-fourth p {
	text-align: left;
}
.widget_recent_work .tg-one-half .service-image,
.widget_recent_work .tg-one-third .service-image,
.widget_recent_work .tg-one-fourth .service-image {
	text-align: center;
	padding-bottom: 0;
}
.widget_featured_single_post {
	padding-bottom: 30px;
}
.widget_featured_single_post .widget-title {
	font-size: 22px;
}
.widget_featured_single_post .widget-title,
.widget_featured_single_post p,
.widget_featured_single_post .service-image {
	text-align: left;
}
.widget_featured_single_post .service-image {
	padding-bottom: 0px;
}
.widget_featured_post {
	margin-bottom: 20px;
}
.widget_featured_post .main-title {
	font-size: 24px;
	padding-bottom: 8px;
}
.container-featured-widget-head {
	padding-top: 10px;
	padding-bottom: 15px;
}
.widget_featured_post .tg-one-half .widget-title,
.widget_featured_post .tg-one-third .widget-title,
.widget_featured_post .tg-one-fourth .widget-title {
	text-align: left;
	font-size: 20px;
	padding-bottom: 8px;
	line-height: 22px;
}
.widget_featured_post .tg-one-half p,
.widget_featured_post .tg-one-third p,
.widget_featured_post .tg-one-fourth p {
	text-align: left;
}
.widget_featured_post .meta {
	font-size: 12px;
	padding: 3px;
	font-family: 'Lato', sans-serif;
}
.wide-978 .widget_featured_post .meta,
.narrow-978 .widget_featured_post .meta {
	font-size: 11px;
}

/* =META
----------------------------------------------- */
.meta {
	border-bottom: 1px dashed #EAEAEA;
	border-top: 1px dashed #EAEAEA;
	padding: 5px;
	font-size: 15px;
}
.meta li:first-child {
	border-left: 0 none;
	padding-left: 0 !important;
}
.meta li {
	border-left: 1px solid #EAEAEA;
	float: left;
	padding: 0 6px 0 6px !important;
	border-bottom: none !important;
}
.meta li:last-child {
	float: right;
	border-left: 0 none;
	padding-right: 0px !important;
}
.main-title {
	text-align: center;
	text-transform: uppercase;
}
.main-description {
	text-align: center;
}

/* =NAVIGATION
----------------------------------------------- */
.default-wp-page .previous {
	float: left;
}
.default-wp-page .next {
	float: right;
}
.wp-pagenavi {
	text-align: center;
}
#content .wp-pagenavi .page {
   padding-bottom: 3px;
}

/* =PAGINATION
----------------------------------------------- */
.pagination {
	margin: 15px 0;
}
.pagination span {
	padding: 2px 5px;
	border: 1px solid #EAEAEA;
	background-color: #837173;
	color: #FFFFFF;
}
.pagination a span {
	background-color: #FFFFFF;
	color: #666666;
}
.pagination a span:hover {
	color: #837173;
	border-color: #837173;
	text-decoration: none;
}

/* =TESTIMONIAL WIDGET
----------------------------------------------- */
.widget_testimonial {
	margin-bottom: 30px;
}
.widget_testimonial .widget-title {
	font-size: 22px;
	text-align: left;
}
.widget_testimonial .testimonial-icon:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
	font: normal 22px/1 'Genericons';
	vertical-align: top;
	content: '\f106';
	width: 25px;
	height: 19px;
	float: left;
	margin-right: 3.06%;
	color: #837173;
	transform: rotate(180deg);
}
.widget_testimonial .testimonial-post {
	padding: 20px;
	border-width: 2px 1px 1px 1px;
	border-style: solid dashed dashed dashed;
	border-color: #837173 #EAEAEA #EAEAEA #EAEAEA;
	font-style: italic;
	margin-bottom: 15px;
	display: block;
	overflow: hidden;
}
.widget_testimonial .testimonial-post p {
	margin-bottom: 0px;
}
.widget_testimonial .testimonial-author {
	text-align: right;
	clear: both;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
}
.widget_testimonial .testimonial-author span {
	font-size: 16px;
	color: #666666;
}

/* =CALL TO ACTION WIDGET
----------------------------------------------- */
.widget_call_to_action {
	margin-bottom: 60px;
}
.call-to-action-content-wrapper {
	border-width: 1px 1px 1px 3px;
	border-style: dashed dashed dashed solid;
	border-color: #EAEAEA #EAEAEA #EAEAEA #837173;
	padding: 20px 3.85878489% 20px 3.69458128%;
   background-color: #F8F8F8;
}
.call-to-action-content {
	width: 69.5187166%;
	float: left;
}
.call-to-action-content h3 {
	padding-bottom: 0;
	font-size: 24px;
}
.call-to-action-content p {
	padding-bottom: 0;
	margin-bottom: 0;
}
.call-to-action-button {
	float: right;
	background-color: #837173;
   border-radius: 3px 3px 3px 3px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	color: #FFFFFF;
	font-size: 22px;
	line-height: 40px;
	text-align: center;
	font-family: 'Lato',sans-serif;
	padding: 5px 3.28407225%;
	margin-top: 4px;
}
.call-to-action-button:hover {
}

/* =MEDIA
----------------------------------------------- */
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5rem;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075rem 0;
}
.gallery-caption {
}

/* =WORDPRESS GALLERY SUPPORT
----------------------------------------------- */
.gallery {
	margin: 0 auto 15px;
}
.gallery-item {
	display: inline-block;
	padding: 15px 2%;
	text-align: center;
	vertical-align: top;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item {
	padding: 15px 1%;
}
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
	padding: 10px 0.5%;
}
.gallery-columns-2 .gallery-item { width:50%; }
.gallery-columns-3 .gallery-item { width:33.33%; }
.gallery-columns-4 .gallery-item { width:25%; }
.gallery-columns-5 .gallery-item { width:20%; }
.gallery-columns-6 .gallery-item { width:16.66%; }
.gallery-columns-7 .gallery-item { width:14.28%; }
.gallery-columns-8 .gallery-item { width:12.5%; }
.gallery-columns-9 .gallery-item { width:11.11%; }
.gallery-icon img {
	margin: 0 auto;
}
.gallery .gallery-caption {
	font-size: 12px;
	line-height: 1.2;
	padding-top: 5px;
}

/* =COMMENTS
----------------------------------------------- */
#comments {
	background-color: #FFFFFF;
}
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}
#comments h1,
#comments h2,
#comments h3,
#comments h4,
#comments h5,
#comments h6 {
   margin-bottom: 1rem;
}
#comments h2.comments-title,
#comments h3.comments-title  {
	margin-bottom: 10px;
	font-size: 28px;
}
.avatar {
	border-radius: 50%;
	float: left;
}
.comments-area article header {
	margin: 0 0 10px;
	overflow: hidden;
	position: relative;
}
.comments-area .comment-edit-link,
.comments-area .comment-permalink,
.comments-area .comment-date-time,
.comments-area .comment-author-link {
	display: block;
	margin-left: 100px;
	color: #999999;
}
#content .comments-area article header cite a:hover,
#content .comments-area a.comment-edit-link:hover,
#content .comments-area a.comment-permalink:hover {
	color: #837173;
}
.comments-area .comment-author-link a {
	color: #999999;
}
.comments-area .comment-author-link a:hover {
	color: #837173;
}
.comments-area .comment-author-link span {
	margin-left: 10px;
	padding: 0 5px;
	background-color: #837173;
	color: #FFFFFF;
	border-radius: 3px;
}
.comments-area article header .comment-author-link:before,
.comments-area article header .comment-edit-link:before,
.comments-area article header .comment-permalink:before,
.comments-area article header .comment-date-time:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
	font: normal 22px/1 'Genericons';
	vertical-align: top;
}
.comments-area article header .comment-author-link:before { content: '\f304'; }
.comments-area article header .comment-edit-link:before { content: '\f411'; }
.comments-area article header .comment-permalink:before { content: '\f107'; }
.comments-area article header .comment-date-time:before { content: '\f307'; }
.comment-content {
	padding: 2rem;
	background-color: #F8F8F8;
	border: 1px solid #EAEAEA;
}
.comment {
	margin-bottom: 20px;
}
.comment ul, .comment ol {
   margin: 0 0 20px 20px;
}
.comment ul {
   list-style: square outside none;
}
.comment .comment-reply-link {
	float: right;
	color: #999999;
}
.comment .comment-reply-link:hover {
	color: #837173;
}
.comment .comment-reply-link:before {
	content: '\f412';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
	font: normal 22px/1 'Genericons';
	vertical-align: top;
}
.comment-list {
	margin-bottom: 34px;
	margin-bottom: 3.4rem;
}
.comment-list .children {
   margin-left: 20px;
}
.comment-list, .comment-list .children {
	list-style-type: none;
	padding: 0;
}
.screen-reader-text { display: none; }
.nav-previous,
.nav-next {
   margin-bottom: 15px;
}
.nav-previous a,
.nav-next a {
   color: #666666;
   padding: 5px 25px;
	cursor: pointer;
   border: 1px solid #EAEAEA;
   font-size: 16px;
}
.nav-previous a:hover,
.nav-next a:hover {
	color: #837173;
}

.bottom_border{
padding-bottom:6px;
border-bottom:1px dotted #ddd;
}

/* =COMMENT FORM
----------------------------------------------- */
#respond {
}
#respond h3#reply-title {
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 1rem;
	font-weight: normal;
	font-size: 16px;
	font-size: 1.6rem;
}
#respond form {
	margin: 24px 0;
	margin: 2.4rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 1.1rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
}
#respond form label {
	display: block;
	line-height: 1.5;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1.5;
	padding: 10px;
	width: 100%;

}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5;
	color: #5e5e5e;
}
.required {
	color: red;
}

/* =WIDGETS
----------------------------------------------- */
#secondary .widget ul li, #colophon .widget ul li {
	line-height: 1.5;
	border-bottom: 1px solid #EAEAEA;
	padding: 5px 0;
}
#colophon .widget ul li {
	border-bottom: 1px solid #444444;
}
#secondary .widget ul li li, #colophon .widget ul li li {
	border-bottom: none;
}
#secondary .widget ul ul, #colophon .widget ul ul {
	padding-left: 10px;
}
.widget select {
	border: 1px solid #DDDDDD;
	color: #666666;
	padding: 2px;
	width: 60%;
}
#secondary h3.widget-title {
	font-size: 22px;
	line-height: 32px;
	padding-bottom: 15px;
}
#secondary .widget, .error-404 .widget {
	margin-bottom: 35px;
	font-size: 16px;
}
#secondary a:hover {
	text-decoration: underline;
}
.error-404 {
	padding-bottom: 60px;
	text-align: center;
max-width:1000px;
margin:0 auto 0 auto;
}
.error-404 .page-title {
  font-size: 30px;
  line-height: 36px;
}
.error-404 input.s {
	width: 50%;
}



/* =CALENDAR WIDGET
----------------------------------------------- */
#wp-calendar {
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
	padding-bottom: 10px;
}
#wp-calendar #today {
	color: #837173;
}
#wp-calendar caption {
	text-align: center;
}
#wp-calendar #next {
	padding-right: 35px;
	text-align: right;
}
.widget_calendar #wp-calendar th {
   font-weight: 600;
}
.widget-title span {
	border-bottom: 2px solid #837173;
	padding-bottom: 5px;
}
#colophon #wp-calendar th,
#colophon #wp-calendar td {
	border: 1px solid #444444;
	padding: 3px 2px 3px 8px;
}
.widget th, .widget td {
   padding: 1px 1px 1px 2px;
}

/* =FOOTER WIDGET AREA
----------------------------------------------- */
.footer-widgets-wrapper {
	background-color: #333333;
	border-top: 1px solid #EAEAEA;
}
.footer-widgets-area {
	padding-top: 30px;
	padding-bottom: 10px;
	color: #999999;
}
.footer-widgets-area .tg-one-fourth .widget-title {
	text-align: left;
}
.footer-widgets-area h3.widget-title {
	color: #D5D5D5;
}
.footer-widgets-area .tg-one-fourth p {
	text-align: left;
	color: #999999;
}
.footer-widgets-area a {
	color: #D5D5D5 !important;
}
.footer-widgets-area a:hover {
	color: #837173 !important;
}
#colophon .widget {
	padding-bottom: 25px;
}
#colophon .widget-title {
	font-size: 22px;
	line-height: 32px;
}
#colophon, #colophon p {
	font-size: 14px;
	line-height: 18px;
}

/* =FOOTER SOCKET AREA
----------------------------------------------- */
.footer-socket-wrapper {
	padding: 10px 0px;
	background-color: #F8F8F8;
	border-top: 1px solid #EAEAEA;
}
.footer-socket-area {
	width: 100%;
}
.footer-socket-wrapper .copyright {
	color: #666666;
	max-width: 50%;
	float: left;
	font-size: 12px;
}
.footer-socket-wrapper .copyright a {
	color: #666666;
}
.footer-socket-wrapper .copyright a:hover {
	color: #837173;
}
.footer-socket-wrapper .small-menu {
	float: right;
}
.footer-socket-wrapper .small-menu a {
	padding-top: 0;
}
.footer-socket-wrapper .small-menu ul li ul {
	top: 21px;
}

/* =SCROLL UP
----------------------------------------------- */

@media screen and (min-width: 768px) {
a#scroll-up {
	bottom: 20px;
	position: fixed;
	right: 10px;
	display: none;
	-webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
	vertical-align: top;
	color: #FFFFFF;
	opacity: 0.8;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	border-radius:50%;
        background:#444;
  width:62px;
  text-align:center;
  font-size:42px;
  padding:0px 0 3px 0;
  line-height:1.4;

}

a#scroll-up img{
max-width:70px;
}

a#scroll-up:hover {
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

}


a#scroll-up img{
max-width:50px;
}

a#scroll-up:hover {
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

}

/* =READ MORE LINK
----------------------------------------------- */
.read-more, .more-link {
	font-size: 14px;
	color: #837173;
	font-family: 'Lato', sans-serif;
}

/* =PRIMARY AND SECONDARY CONTENT AREA
----------------------------------------------- */
#primary {
	width: 100%;
}
#secondary {
	float: right;
	width: 27.275%;
}
.wide-978 #primary, .narrow-978 #primary {
	width: 65.5763547%;
}
.wide-978 #secondary, .narrow-978 #secondary {
	width: 30.4827586%;
}

/* =LEFT SIDEBAR CONTENT LAYOUT
-------------------------------------------------------------- */
.left-sidebar #primary {
	float: right;
}
.left-sidebar #secondary {
	float: left;
}

/* =NO SIDEBAR CONTENT LAYOUT
-------------------------------------------------------------- */
.no-sidebar #primary {
	float: none;
	margin: 0 auto;
}
.no-sidebar-full-width #primary {
	width: 100%;
}
.no-sidebar #secondary,
.no-sidebar-full-width #secondary {
	display: none;
}

/* =POST CONTENT
----------------------------------------------- */

.entry-meta-bar{
display:none;
}

#content .post, #content .page {
	padding-bottom:0;
margin-bottom:0;
}

.profile_contents_pr_wrapper ul{
padding-left:20px;
}


.single #content .post {
	padding-bottom: 25px;
}
.post .entry-title, .page .entry-title {
	font-size: 26px;
	line-height: 32px;
}
.post .entry-title a, .page .entry-title a {
	color: #444444;
}
.post .entry-title a:hover, .page .entry-title a:hover {
	color: #837173;
}
.post .entry-content {

}

.entry-content ul {
	list-style:none;
}
.entry-content ul,
.entry-content ol {
	padding: 0 0 0 0;
}
.entry-content li > ul,
.entry-content li > ol {
	margin-bottom: 0;
}
.post .entry-content a:hover {
	text-decoration: underline;
}
.blog-medium .post .post-featured-image {
	float: left;
	width: 36%;
	text-align: left;
	padding-right: 4%;
}
.blog-alternate-medium #primary article:nth-child(odd) figure {
	float: left;
	padding-right: 4%;
}
.blog-alternate-medium #primary article:nth-child(even) figure {
	float: right;
	padding-left: 4%;
}
.post .entry-meta {
	border: 1px solid #EAEAEA;
	font-size: 14px;
	color: #666666;
	font-family: 'Lato', sans-serif;
	margin: 0 0 20px;
}
.post .entry-meta .by-author,
.post .entry-meta .date,
.post .entry-meta .category,
.post .entry-meta .comments,
.post .entry-meta .edit-link {
	padding: 5px 10px;
}
.post .entry-meta .read-more-link {
	padding: 5px 10px;
	background-color: #837173;
	float: right;
	border-right: none;
}
.post .entry-meta .read-more-link:hover {
	-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
	box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
}
.post .entry-meta a, .type-page .entry-meta a {
	color: #666666;
}
.post .entry-meta a.read-more {
	color: #FFFFFF;
}
.post .entry-meta a.read-more:hover {
	color: #FFFFFF;
}
.post .entry-meta a:hover, .type-page .entry-meta a:hover {
	color: #837173;
}
.post .entry-meta span {
	float: left;
	padding: 0 6px 0 6px;
}
.post .entry-meta span:first-child {
	border-left: none;
}
.post .entry-meta .by-author:before,
.post .entry-meta .date:before,
.post .entry-meta .category:before,
.post .entry-meta .comments:before,
.post .entry-meta .edit-link:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
	font: normal 18px/1 'Genericons';
	vertical-align: top;
}
.post .entry-meta .by-author:before { content: '\f304'; }
.post .entry-meta .date:before { content: '\f307'; }
.post .entry-meta .category:before { content: '\f301'; }
.post .entry-meta .comments:before { content: '\f300'; }
.post .entry-meta .edit-link:before { 	content: '\f411'; }
.single #content .tags {
	margin: 30px 0;
}
.single #content .tags a {
	border: 1px solid #EAEAEA;
	padding: 3px 5px;
	border-radius: 3px;
	color: #666666;
}
.single #content .tags a:hover {
	color: #837173;
	text-decoration: none;
}

/* =RESPONSIVE STRUCTURE
----------------------------------------------- */
@media screen and (min-width: 1500px) {
   .wide-978 #featured-slider .entry-container {
      left: 17.6%;
   }
   .wide-1218 #featured-slider .entry-container {
      left: 9.6%;
   }
}
@media screen and (min-width: 1650px) {
   .wide-978 #featured-slider .entry-container {
      left: 19.45%;
   }
   .wide-1218 #featured-slider .entry-container {
      left: 11.9%;
   }
}
@media screen and (max-width: 1308px) {
	#page {
		width: 100%;
	}
	.wide-1218 #page, .wide-978 #page {
		width: 100%;
	}
	.inner-wrap {
		width:100%;
	}
}
@media screen and (max-width: 1078px) {
	body {
		padding:0;
	}
	#featured-slider .entry-container {
		max-width: 60%;
	}
	.call-to-action-content {
		float: none;
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
	.call-to-action-button {
		width: 93%;
	}
	.footer-socket-wrapper .copyright {
		float: none;
		max-width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}
	.footer-socket-wrapper .small-menu {
		float: none;
		text-align: center;
	}
	.footer-socket-wrapper .small-menu li {
		float: none;
		display: inline;
	}
	.footer-socket-wrapper .small-menu a {
		float: none;
		display: inline;
		padding: 5px 5px 0;
	}
	.small-menu li.default-menu, li.default-menu {
		display: none;
	}
	.tg-one-half, .tg-one-third, .tg-one-fourth {
		float: left;
		width: 46.7684729%;
	}
   .widget_service_block .tg-one-third {
      float: left;
      margin: 0 2.46305%;
      padding: 0 0 30px;
      width: 28.4072%;
   }
	.tg-one-half-last, .tg-one-fourth-last {
		float: right;
	}
	.tg-service-left { float: left; margin: 0; }
	.tg-service-right { float: right; margin: 0; }
	.tg-column-1, .tg-column-3 {
		float: left;
		width: 46.7684729%;
	}
	.tg-column-2, .tg-column-4 {
		float: right;
		margin-right: 0;
	}
	.tg-after-two-blocks-clearfix {
		clear: both;;
	}
	.tg-after-three-blocks-clearfix {
		clear: none;
	}
}
@media screen and (max-width: 768px) {
	#primary, #secondary, .wide-978 #primary, .narrow-978 #primary {
		float: none;
		width: 100%;
		margin: 0;
	}
	#header-left-section {
		float: none;
		max-width: 100%;
		margin-right: 0px;

	}
	#header-logo-image {
		float: none;
		text-align: center;
		margin-bottom: 10px;
		padding-right: 0;
	}
	#header-text {
		float: none;
		text-align: center;
		padding: 0;
		margin-bottom: 10px;
	}
	#site-description {
		padding-bottom: 5px;
	}
	#header-right-section {
		float: none;
		max-width: 100%;
	}
	#header-right-section .widget {
		padding: 0 0 10px 0;
		float: none;
		text-align: center;
	}
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	.main-navigation ul {
		display: none;
	}
	.main-navigation {
		float: none;
	}
	#featured-slider .entry-container { max-width: 70%; }
	#featured-slider .entry-description-container { padding: 5px 10px; padding: 0.5rem 1rem; }
	#featured-slider .slider-title-head { margin-bottom: 0; }
	#featured-slider .entry-title span { font-size: 18px; line-height: 1.4; }
	#featured-slider .entry-content p { font-size: 14px; line-height: 1.4; }
	#featured-slider .slider-read-more-button { font-size: 14px; padding: 5px 10px; padding: 0.5rem 1rem; }
}
@media screen and (max-width: 767px) {
	.tg-one-half, .tg-one-third, .tg-one-fourth {
		float: none;
		width: 100%;
		margin: 0;
	}
   .widget_service_block .tg-one-third {
      float: none;
      width: 100%;
      margin: 0;
   }
	.tg-column-1, .tg-column-2, .tg-column-3, .tg-column-4 {
		float: none;
	}
	#primary {
		float: none !important;
		width: 100%;
		margin:5% auto 0 auto;
	}

	#secondary {
		float: none;
		width: 100%;
		margin: 35px auto 0 auto;
	}

	.wide-978 #primary, .narrow-978 #primary, .wide-978 #secondary, .narrow-978 #secondary {
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
	#featured-slider .entry-description-container { padding: 3px 6px; padding: 0.3rem 0.6rem; }
	#featured-slider .entry-title span { font-size: 14px; }
	#featured-slider .entry-content p { font-size: 10px; }
	#featured-slider .slider-read-more-button { margin-top: 5px; font-size: 10px; padding: 3px 6px; padding: 0.3rem 0.6rem; }
	#controllers { bottom: 5px; }
	#controllers a { height: 4px; margin: 0 3px; width: 12px; }
	.gallery-columns-4 .gallery-item,
   .gallery-columns-5 .gallery-item,
   .gallery-columns-6 .gallery-item,
   .gallery-columns-7 .gallery-item,
   .gallery-columns-8 .gallery-item,
   .gallery-columns-9 .gallery-item {
   	width:25%;
   }
}
@media only screen and (max-width: 420px) {
   #page {
   	width: 100%;
   }
   .inner-wrap {
   	width: 100%;
margin:0px auto;
   }
	#featured-slider .entry-content, #featured-slider .slider-read-more-button { display: none; }
	.gallery-columns-4 .gallery-item,
   .gallery-columns-5 .gallery-item,
   .gallery-columns-6 .gallery-item,
   .gallery-columns-7 .gallery-item,
   .gallery-columns-8 .gallery-item,
   .gallery-columns-9 .gallery-item {
      width:33.33%;
   }
}

/* Remove the updated class from entry meta */
.date .updated {
  display: none;
}

.swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }


.cat-nav-fix{
    position: fixed;
    top: 0;
  }


/************ 新規作成 **************/

body{
font-family:'Noto Sans JP','ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 1rem;
    font-weight:300;
    margin: 0;
    padding: 0;
    line-height:1.5;
    background:#fff;
}

a:focus, *:focus { outline:none; }

a {
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
}

  body {
  padding: 0;
  margin: 0;
}

#header_movie_wrap{
    width:100%;
    position:relative;
    max-height:100vh;
}

}
.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
  }


.header-left {
    width:250px;
    margin:1.5em auto 1.5em auto;
    position:relative;
    top:0;
    left:0;
    z-index:50;
}


.header-left_contents a{
color:#4a4045;
}

.header-left_contents a:hover {
    color: #f76080;
}

.fix-header-left {
    width:240px;
    margin:.5em auto .5em auto;
}

.header-right {
    position:relative;
    width:100%;
    box-shadow: 0 3px 3px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.05);
    z-index:2;
}

.fix-header .header-right {
    position:relative;
    width:100%;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    z-index:2;
}

.navi_wrapper{
    max-width:1080px;
    margin:auto;
    display:block;
}

.global_navi {
    position:relative;
    z-index:1;
}

.mb_none{
margin-bottom:0 !important;
}

.fix_header_wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
    margin-left:auto;
    margin-right:auto;
    align-items:center;
 }


.fix_header_wrapper .Logo a{
 display:block;
 max-width:400px;
 }

.global_navi ul{
    display: flex;
    justify-content:center;
    flex-direction: row;
    flex-wrap: wrap;
}




.fix_header_wrapper .menu-gloval-navi-container{
	width:70%;
	}

.p_h_sns {
    position:absolute;
    right:0;
    top:0;
    margin:0;
}

.p_h_sns a {
    padding: 32px 11px 22px;
    color:#fff;
}

.p_h_sns .-image {
    display: block;
}

.header_inner {
    margin: 0 auto;
    width:100%;
    padding:0;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:space-between;
}


.pc_header {
    margin: auto;
    position:relative;
    z-index: 999;
    padding:0;
        border-top: 5px solid #082e61;
}

.menu-item-has-children a:after{
   	font-family: "FontAwesome";
	content: '\f078';
	font-size:0.85rem;
	margin-left:.5em;
	color:#0050b3;
 }

/******************* Gloval menu **********************/

.global_navi ul li{
 margin-right:1%;
}

.global_navi ul li:last-child{
 margin-right:0;
}

.global_navi ul li a{
 display:block;
 text-align:center;
 color:#000;
 line-height:1.2;
 padding:1em .5em 1em .5em;
 font-weight:400;
 position:relative;
 border-radius:5px;
}

li.global_navi ul.sub-menu li a{
 padding:.6em .5em .7em .5em;
}

ul.sub-menu li a:after{
  	font-family: "FontAwesome";
	content: '\f0da';
	color:#0050b3;
	position:absolute;
	right:10px;
	font-size:15px;
	top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
 }

li, nav ul, ol, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.li_global_navi > li {
    position:relative;
    text-align:center;
}


.li_global_navi > li > a:hover {
 color: #0050b3;
}


.li_global_navi a > .-arr, .li_global_navi a > .-text {
    display: inline-block;
    vertical-align: middle;
}



.dropmenu{
  *zoom: 1;
}

.dropmenu:before, .dropmenu:after{
  content: "";
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
}
.dropmenu li a{
  display: block;
  margin: 0;
  text-decoration: none;
}

.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index:2;
  top:5.15em;
  left:-50vw;
  margin: 0;
  padding: 0;
  width:70vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}



#fade-in li:hover ul li a{
color:#000;
font-size: 1.0rem;
    display: block;
    padding:10px;
}

#fade-in li:hover ul li a:hover{
 background:#0050b3;
 color:#fff;
}

ul.sub-menu li a:hover::after{
 color:#fff;
}


.dropmenu li ul li{
 padding:5px 0 5px 0;
 text-align:center;
}

.child_icon{
margin-left:5px;
}

.sub-menu a{
 padding:5px;
 display:block;
}

.sub-menu a:hover{
background-color:none !important;
}

.sub-menu{
  width:60vw;
  background:rgba(255,255,255,0.95);
 left:-45vw;
  top:8em;
}


#fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: .5s;

}
#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
#fade-in li ul li{
  visibility: hidden;
  opacity: 0;
  transition: .2s;
  width:22%;
}
#fade-in li:hover ul li{
  visibility: visible;
  opacity: 1;
}

li.Contact a{
 padding:.5em;
 background:#0050b3;
 text-align:center;
 color:#fff !important;
 display:block;
 border-radius:0 !important;
}

li.Contact a:hover{
 background:#2580f1;
}



/******************* Gloval menu **********************/

.scroll {
    position: relative;
    z-index:1000;
    margin-top:-80px;
}

.scroll a {
  padding-top: 70px;
}
.scroll a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  -webkit-animation: sdb 1.5s infinite;
  animation: sdb 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

.main_contents_wrap{
padding:2em;
}


.comm_wrapper{
max-width:1080px;
margin:0 auto 3em auto;
}

.wide_wrapper{
max-width:1200px;
margin:0 auto 0 auto;
}

.border{
border-bottom: 1px solid #eee;
}


.pl_none{
padding:0;
}

/************ H2 *************/

h2.title{
font-size:2.0rem;
margin:0 auto 1em auto;
position:relative;
display:block;
letter-spacing:0.15rem;
font-weight:bold;
color:#1a1a1a;
line-height:1.5;
text-align:center;
font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

}

h2.title span{
 font-size:1.0rem;
 display:block;
 text-align:center;
 font-weight:300;
 color:#999;
 font-family: 'PT Sans Caption', sans-serif;
}

h2.min{
 font-size:2.0rem;
 text-align:left;
 padding-bottom:.5em;
 border-bottom:1px solid #eee;
 letter-spacing:0;
}



h3{
 font-size:20px;
font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
 font-weight:400;
 margin:0 auto 0 auto;
 line-height:1.6;
 position:relative;
 border-left:10px solid #0050b3;
 padding-left:1em;
}

.mb_40{
 margin-bottom:3em;
}

/************ H2 *************/


.txt_center{
text-align:center;
}

.txt_center p{
line-height:1.8;
margin-bottom:0;
}

.fix-header {
	border-top: 5px solid #082e61;
	background: rgba(255,255,255,1.0);
	line-height:10px;
	top: -90px;
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	position: fixed;
	opacity:0;
	height:70px;
	z-index: 1000;
	    box-shadow: 0 3px 3px rgba(0,0,0,0.09);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.09);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.09);
	}

.fix-header .header_inner{
 max-width:1080px;
 margin-left:auto;
 margin-right:auto;
 height:100%;
 align-items:center;
}

.fix-header .header-left {
    width: 250px;
    margin: 0 auto 0 auto;
    position: relative;
    top: 0;
    left: 0;
    z-index: 50;
}

.sp_image{
display:none;
}

.pc_image{
}


h3{
font-weight:600;
margin-bottom:1.5em;
}

.sp_logo{
display:none;
}


.txt_red{
color:#fe0000;
}


.menu-gloval-navi-container{
margin:auto;
}


#secondary{
float:none;
width:100%;
}

section{
 padding:2em 0 2em 0;
 min-height:70vh;
 position:relative;
}

h1.category-header-title {
    font-size: 16px;
    color: #eb6d8a;
    margin: 0;
    padding: 0;
}

.category-description {
    font-size: 13px;
    margin: 6px 0 8px;
}

hr {
    background-color: #eee;
    border-style: none;
    height: 1px;
    margin: 0 0 10px 0;
}

.breadcrumbs{
font-size:0.8rem;
margin-bottom:15px;
}

.articles-wrapper {
    border: solid 1px #eee;
    border-radius: 4px;
    background-color: #fff;
    background-color: #fff;
}


.article_meta{
    margin-top: 2px;
    font-size: 13px;
    color: #666;
}


h2.single-title {
    margin: 20px 0;
    padding: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .5px;
    color: #666;
    border-bottom: 1px solid #eee;
}

h2.single-title::before {
    content: '';
    display: inline-block;
    border-left: 4px solid #eb6d8a;
    height: 30px;
    width: 0;
    vertical-align: bottom;
    margin-right: 10px;
}


h3.title {
    position: inherit;
    font-size: 16px;
    line-height: 20px;
    padding: 2px0 10px 0;
    font-weight: 600;
    margin-bottom:10px;
}


.home_slider_wrap{
margin:0 auto 0 auto;
background:#072e61;
}

.slider-pro{
 margin-top:-1px;
 z-index:0;
}

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-bottom: 30px;
  background-color: #fff;
  width:100%;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/3);
  height: 30px;
  cursor:pointer;
  font-size: 13px;
  text-align: center;
  color: #111;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding:5px 0 0 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  color: #f76080;
}


.side_title_wrap{
    color: #000;
    text-align: center;
    letter-spacing: 2px;
    padding: 0;
    margin:0 auto 25px auto;

}

.article-contents {
    padding: 0 20px 20px;
}

h1.article-title {
    font-size: 20px;
    margin-top: 10px;
    color:#000;
    line-height:1.5;
    font-weight:600;
    margin-bottom:20px;
}



.entry-content ul{
margin:0;
padding:0;
}

.header_sns{
 display:inline-block;
 margin-left:auto;
 }

 .single_sns{
    margin:10px auto 2.5em auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:flex-start;
}

 .drawer_sns{
    margin:10px auto .5em auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:center;
}

.single_sns li {
    text-align: center;
    margin-right: 15px;
    vertical-align: bottom;
    max-width:50px;
}

.drawer_sns div.sns{
    text-align: center;
    margin-right: 15px;
    vertical-align: bottom;
    max-width:50px;
}

.single_sns li img, .drawer_sns div.sns img{
  width:50px;
 }



.mb_header{
 margin:0 0 0 auto !important;
}

.article-info {
    font-size: 13px;
    margin-top: 20px;
}

.article-info_image{
    float: left;
}

.article-info-text {
    color: #888;
    line-height:1.4;
}

.article-info_image img {
    left: 0;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-right: 10px;
object-fit: cover;
}


.single_text{
    font-size: 14px;
    margin-bottom:3em;
}

.single_text p{
    font-size: 14px;
}

.single_text dl, .single_textdt ,.single_text dd{
font-size: 14px;
}

.single_text li{
font-size: 14px;
}

.single_text a{
color: #f76080;
}


.breadcrumbs{
line-height:1.4;
}

footer{
background:#fff;
border-top:1px solid #ccc;
}

.home_slider_image{
margin-bottom:1em;
position:relative;
height:100%;
width:100%;
}

.home_slider_image img{
max-width:100%;
}

.home_slider_title{
text-align:center;
position:relative;
}

.home_slider_contents{
position:relative;
}

.home_slider_contents p{
 font-size:1.0rem;
 text-align:left;
 line-height:1.8;
}

.home_slider_contents .Logo{
 max-width:280px;
 margin:0 0 .5em 0;
 text-align:left;
}

.home_slider_contents .Logo img{
 width:100%;
}

.sp-button{
border:0;
background:#ccc;
    width: 50px;
    height: 10px;
}

.sp-selected-button{
background:#DF2718;
}


.home_cat_archive_wrap{
margin:0 auto 3em auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
width:100%;
}

.home_cat_archive{
width:48.5%;
margin-right:3%;
margin-bottom:1em;
}

.home_cat_archive:nth-of-type(even){
margin-right:0;
}

.home_cat_archive img{
margin-bottom:15px;
overflow:hidden;
height:180px;
object-fit: cover;
width:100%;
}

.home_cat_archive_title{
margin-bottom:1em;
font-size:14px;
}

.home_cat_archive_time{
font-size:12px;
color:#666;
text-align:right;
}


.widgettitle{
font-size:14px;
font-weight:bold;
}

.menu{
font-size:14px;
}



/*************** wp-pagenavi ***************/

.wp-pagenavi{
margin:20px 0 20px 0;
}

/*************** Animation ***************/


.img-container{
	overflow: hidden;
	position: relative;
}

.img-container img{
 width:100%;
}

.img-container__img{
	display: block;
	opacity: 0;
	position: relative;
	transition:all .5s .3s ease; 
	z-index: 0;
}

.img-container:before{
	background: #f8f7f2;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transform: translateX(-100%);
	transition:all .8s 0s ease; 
	width: 100%;
	z-index: 1;		
}

.text-container{
 position:relative;
}

.text-container__title{
	color: #333;
	display: inline-block;
	font-size: 60px;
	font-weight: 700;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.text-container__title:before{
	background: #fff;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transform: translateX(-100%);
	transition:all .8s .3s ease; 
	width: 100%;
	z-index: 1;		
}

.text-container__title__inner{
	display: inline-block;
	opacity: 0;
	transition: all .8s .5s ease;
}

.text-container__text{
	left: -50px;
	opacity: 0;
	position: relative;
	transition: all .5s .5s ease;
}

/*アニメーションするプロパティを設定します*/
.img-container.active img{
	opacity: 1;
}

.img-container.active:before{
	transform: translateX(100%);
}

.text-container.active .text-container__title:before{
	transform: translateX(100%);
}

.text-container.active .text-container__title__inner{
	opacity: 1;
}

.text-container.active .text-container__text{
	left: 0;
	opacity: 1;
}

.text-container p.text-container__text:last-child{
 margin-bottom:0;
}

.Box_wrap{
 position:relative;
}

.box_bg_wh{
  -moz-animation: sliderWidth 0.6s 0.1s cubic-bezier(0.86, 0, 0.07, 1) 1 forwards;
  -webkit-animation: sliderWidth 0.6s 0.1s cubic-bezier(0.86, 0, 0.07, 1) 1 forwards;
  animation: sliderWidth 0.6s 0.1s cubic-bezier(0.86, 0, 0.07, 1) 1 forwards;
    position: absolute;
    top:0;
    left:-25%;
    background-color: #fff;
    display:block;
    z-index:2;
    max-width:30%;
    max-height:473px;
        box-shadow: 2px 3px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 3px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 3px 3px rgba(0,0,0,0.3);
    overflow:hidden;
}

.box_bg{
  -moz-animation: sliderWidth 0.6s 0.1s cubic-bezier(0.86, 0, 0.07, 1) 1 forwards;
  -webkit-animation: sliderWidth 0.6s 0.1s cubic-bezier(0.86, 0, 0.07, 1) 1 forwards;
  animation: sliderWidth 0.6s 0.1s cubic-bezier(0.86, 0, 0.07, 1) 1 forwards;
    position: absolute;
    top:0;
    left:0;
    background-color: #f9f9f9;
    display:block;
    z-index:0;
}


.box_bg_gg{
  -moz-animation: sliderWidth 0.6s 0.1s cubic-bezier(0.86, 0, 0.07, 1) 1 forwards;
  -webkit-animation: sliderWidth 0.6s 0.1s cubic-bezier(0.86, 0, 0.07, 1) 1 forwards;
  animation: sliderWidth 0.6s 0.1s cubic-bezier(0.86, 0, 0.07, 1) 1 forwards;
    position: absolute;
    bottom:-5em;
    right:-25%;
    background:url(images/sub_slider05.jpg)no-repeat;
    background-size:cover;
    display:block;
    z-index:-1;
    max-width:25%;
    min-height:50vh;
    max-height:50vh;
  overflow: hidden;
}

.box_bg_gg::after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: -180px;
  left: 0;
  background-color:rgba(255,255,255,0.4);
  opacity: 0;
  transform: rotate(45deg);
  animation: reflect 2s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflect 2s ease-in-out infinite;
}
@keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}

@-moz-keyframes sliderWidth {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
    height:100%;
  }
}
@-webkit-keyframes sliderWidth {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
    height:100%;
  }
}
@keyframes sliderWidth {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
    height:100%;
  }
}

.loading {
  position: fixed;
  z-index:99999999999999999999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
}
.loading__img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
animation-name:fade-in1;
  animation-duration:2s;
  animation-timing-function: ease-out;
  animation-delay:1s;
  animation-iteration-count:1;
  animation-direction:normal;
  animation-fill-mode: forwards;
  max-width:200px;
}

@keyframes fade-in1 {
  0% {opacity: 0}
  100% {opacity: 1}
}


/*************** Animation ***************/

/*************** Slider ***************/
.sp-layer{
    font-size:24px;
    line-height:1.6;
    z-index:3;
    white-space:normal !important;
    width:100% !important;
    z-index:1;
    position:absolute;
    margin-left:0 !important;
    margin-right:0 !important;
    bottom:1.5em !important;
    left:0;
}

.sp-slide a{
  color:#1a1a1a;
 }

.sp-slide a:shover{
 opacity:0.8;
 }

.sp-layer-text{
    background: rgba(255, 255, 255, 0.85);
    padding:.5em 1em;
    width:90%;
}

.wrap{
  padding:0;
}

#slide_wrap, #slide_wrap02{
  position: relative;
  overflow: hidden;
  height:50vh;
  width:120%;
}

  .slide_item, .slide_item02{
    opacity: 0;
    transform: scale(1);
    transition: opacity 2s linear, transform 7.5s linear;
    position: relative;
  }

    .slide_item:not(:first-child){
      position: absolute;
      top: 0;
      left : 0;
    }
  
    .slide_item.show_{
      opacity: 1;
    }

    .slide_item.zoom_{
      transform: scale(1.1);
    }

    .slide_item img, .slide_item02 img{
      display: block;
      width:100%;
      height:100%;
      object-fit:cover;
    }

/*************** Slider ***************/


a.white{
 color:#fff;
}

.Flex_Wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:flex-start;
}

.Flex_Wrapper_Center{
    justify-content:space-between;
    align-items: center;
    flex-wrap: nowrap;
}

.Flex_Wrapper_Center_wrap{
    justify-content:space-between;
    flex-wrap: wrap;
}

.Flex_Reserved{
 flex-direction: row-reverse;
}

.Flex_Wrapper .Hurf{
 width:57%;
 position:relative;
}

.Flex_Wrapper .Hurf:first-child{
 width:45%;
 position:relative;
 z-index:2;
 min-height:50vh;
}

.Flex_Wrapper .Hurf:first-child img{
 height:100%;
 object-fit:cover;
 width:100%; 
}


.Flex_Wrapper .Hurf:nth-of-type(even){
 padding:4em 4em 4em 6em;
 margin-left:-3em;
 margin-bottom:-4em;
 min-height:55vh;
    display: flex;
    flex-direction: row;
 align-items:center;
}


.Flex_Wrapper .Reverse_Hurf{
 width:57%;
 position:relative;
}

.Flex_Wrapper .Wide{
 width:100%;
 }

.Flex_Wrapper .Reverse_Hurf:first-child{
 width:45%;
 position:relative;
 z-index:2;
 min-height:50vh;
 margin-bottom:-6em;
}

.Flex_Wrapper .Reverse_Hurf:first-child img{
 height:100%;
 object-fit:cover;
 width:100%; 
}


.Flex_Wrapper .Reverse_Hurf:nth-of-type(even){
 padding:4em 6em 4em 4em;
 margin-right:-3em;
 min-height:55vh;
    display: flex;
    flex-direction: row;
 align-items:center;
}


img.Photo{
 padding:10px;
 background:#fff;
 border:1px solid #ddd;
 max-width:300px;
 display:block;
 margin-left:auto;
}

.Sign{
 text-align:right;
 margin-top:.3em;
 position:relative;
 z-index:5;
}

.Bg_abs{
 position:absolute;
 left:-3em;
 top:0;
 width:100%;
 height:100%;
 padding:8em 4em 8em 5em;
}

.Flex_Wrapper .ItemHurf{
  width:calc(96%/3);
 margin-right:2%;
  margin-bottom:1em;
 border:1px solid #f2f2f9;
     box-shadow: 0 3px 3px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.08);
 }

.Flex_Wrapper .ItemHurf:nth-of-type(3n){
 margin-right:0;
}

.Flex_Wrapper .ItemHurf img{
 max-width:100%;
}

.Flex_Wrapper .Items{
  width:60%;
 }

.Flex_Wrapper .Items:first-child{
 margin-right:5%;
 margin-bottom:1.5em;
 text-align:left;
 position: relative;
 width:35%;
}

.Flex_Wrapper .Items:first-child img{
 padding:8px;
 border:1px solid #ddd;
 background:#fff;
 }

.Flex_Wrapper .Items ul{
 margin:0;
 padding:0;
 list-style:none;
 width:100%;
}

.Flex_Wrapper .Items ul li{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:flex-start;
    width:100%;
    margin-bottom:.3em;
    padding:.5em;
    background:rgba(255,255,255,0.7);
    border:1px solid #eee;
} 

.Flex_Wrapper .Items ul li:last-child{
  margin-bottom:0;
 }

.Flex_Wrapper .Items ul li span{
  display:inline-block;
  background:#0050b3;
  margin-right:.3em;
 color:#fff;
 text-align:center;
 padding:.5em;
 min-width:150px;
 }

.Flex_Wrapper .Items ul li div{
  width:90%;
  padding:.5em;
 }

/********** Btn *********/

 a.Btn{
 background:#0050b3;
 padding:.5em .8em .5em .8em;
 display:inline-block;
 min-width:180px;
 margin:1em 0;
 color:#fff;
 position:relative;
 text-align:center;
 }


 a.Btn:after{
 position:absolute;
 content:'';
 background:#fff;
 width:50px;
 right:-25px;
 top: 50%;
 height:1px;
 z-index:1;
}

.Btn{
 background:#0050b3;
 padding:1.2em .5em;
 display:inline-block;
 min-width:140px;
 font-size:0.85rem;
 margin:1em 0;
 color:#fff;
 position:relative;
 text-align:center;
 }


.Btn:after{
 position:absolute;
 content:'';
 background:#fff;
 width:30px;
 right:0px;
 top: 50%;
 height:1px;
 z-index:1;
}

.abs{
 position:absolute;
 right:0;
 bottom:-50px;
 z-index:1;
}

a.Btn:hover{
 background:#2580f1;
}

/********** Btn *********/


.popular_cat_wrap{
 background:#000;
 color:#fff;
 padding:2em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
 justify-content:space-between;
}

.popular_cat_wrap .Title{
 width:30%;
 text-align:center;
 }

.popular_cat_wrap .Main{
 width:68%;
}

.popular_cat_wrap .Title h2, .popular_cat_wrap .Title h2 span{
 color:#fff;
 margin-bottom:0;
 }



.popular_cat_wrap .Main ul.popular{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
 justify-content:flex-start;
 width:100%;
}


.popular_cat_wrap .Main ul.popular li{
 width:calc(98% /2);
 margin-right:2%;
 margin-bottom:2%;
 }

.popular_cat_wrap .Main ul.popular li:nth-of-type(even){
 margin-right:0;
}

.popular_cat_wrap .Main ul.popular li a{
 background:#fff;
 display:block;
 color:#000;
 border-radius:12px;
 padding:.5em;
 text-align:center;
 font-weight:400;
}

.wp-pagenavi a, .wp-pagenavi span{
 border:1px solid #DF2718;
 background:#fff;
 color:#DF2718;
 padding: 8px 12px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current{
 background:#DF2718;
 color:#fff;
 border:1px solid #DF2718;
}

.article-data{
 color:#1a1a1a;
 font-weight:400;
 margin:0 0 1em 0;
 font-size:1.05rem;
}

.single_contents iframe{
 width:100% !important;
 height:65vh !important;
 }


p.detail{
 margin-bottom:2.5em;
}

h1.sitename{
 font-size:1.2rem;
 font-weight:bold;
 margin:.3em 0 0 .5em;
 text-align:left;
 color:#000;
}

.sp-buttons{
padding-bottom:10px;
}

/**********************   layout design  **********************/

.Gray{
 background:#f2f2f9;
}

.Center_Wrap{
 max-width:1080px;
 margin-left:auto;
 margin-right:auto;
 position:relative;
}

.Page_Header_Center_Wrap{
 max-width:1080px;
 margin-left:auto;
 margin-right:auto;
 position:relative;
 height:100%;
}


.Center_Widtn{
 position:relative;
 max-width:1080px;
 margin-left:auto;
 margin-right:auto;
}

.Center_Widtn .Center{
  max-width:900px;
  padding:4em 3em 4em 3em;
  margin:0 auto 0 auto;
  position:relative;
 z-index:5;

 }

.t10{
 top:3em;
}

.Bg__wh{
 padding:3em 1em;
 background:#fff;
 text-align:center;
}

.Bg__wh p{
 font-size:0.9rem;
 text-align:center;
 margin:.5em auto .5em auto;
}

.mb_none{
 margin-bottom:0;
}

.Shadow{
        box-shadow: 2px 3px 3px rgba(0,0,0,0.14);
    -moz-box-shadow: 2px 3px 3px rgba(0,0,0,0.14);
    -webkit-box-shadow: 2px 3px 3px rgba(0,0,0,0.14);

}

section.Bottom{
 margin-top:8em;
}

.Section_gray:after{
  content:'';
 position:absolute;
 width:110vw;
 height:30vh;
 bottom:0;
 left: -10vw;
 background:#f8f8f8;
 z-index:-2;
 }

div.Inner-Contents{
 max-width:600px;
 margin:auto;
}

div.Inner-Contents-min{
 max-width:500px;
 margin:auto;
}

section.Bg_gray_b:after{
     content: '';
    position: absolute;
    width: 110vw;
    height: 30vh;
    bottom: 0;
    left: -10vw;
    background: #f3f7fb;
    z-index: -2;
}

.comm_mb20{
 margin-bottom:1.5em !important;
}

.comm_contents{
 margin-bottom:2.5em;
}

p.txt_center{
 text-align:center;
 margin-bottom:0;
 }

/**********************  Footer  **********************/

 .footer_banner{
 border:1px solid #ddd;
 text-align:center;
 width:calc(94%/4);
 }

.footer_banner a{
 display:block;
 padding:.5em;
 }

.footer_logo{
margin:1em auto .5em auto;
text-align:center;
max-width:220px;
}

.footer_menu_wrap{
 padding:0;
 margin-bottom:2em;
}

footer{
 padding-top:2em;
 padding-bottom:2em;
 font-weight:400;
}

.footer_links ul{
display:inline-block;
margin-top:0;
}

.footer_address{
 text-align:center;
 font-weight:400;
}

.footer_links li{
float:left;
margin-right:10px;
font-size:0.95rem;
}

.footer_links li:after{
	font-family: "FontAwesome";
	content: '\f054';
 margin-left:1em;
 font-size:0.8rem;
 color:#0050b3;
 margin-top:5px;
}

.footer_links{
text-align:center;
}

.footer_company_logo_wrap{
display:table;
margin:0 auto 2em auto;
max-width:1000px;
}

.footer_company_logo{
display:table-cell;
padding:0 15px 0 15px;
}

.footer_sns_wrap{
display:table;
margin:0 auto 1em auto;
}

.footer_sns_contents{
width:33%;
padding:0 10px 0 10px;
font-size:33px;
display:table-cell;
}

.footer_sns_contents a{
color:#000;
}

#footer_copy_wrapper{
background:#082e61;
font-size:0.75rem;
text-align:center;
padding:20px 1em 20px 1em;
color:#fff;
}
/**********************  Footer  **********************/

/********** Contact *********/

.Contact-table-wrapper{
background:#fff;
margin:0 auto 0 auto;
max-width:1080px;
}

.Contact-table-wrapper table{
border:none;
margin:auto;
border-top:1px solid #ddd;
}

.Contact-table-wrapper th{
width:30%;
font-weight:bold;
text-align:center;
vertical-align:middle;
padding:25px;
border-bottom:1px solid #ddd;
position:relative;
}

.Contact-table-wrapper th:before{
  background:#0050b3;
  width:25%;
  content:'';
  height:1px;
  bottom:-1px;
  left:0;
  position:absolute;
 }

.Contact-table-wrapper td{
width:70%;
font-weight:normal;
text-align:left;
vertical-align:top;
padding:25px;
border-bottom:1px solid #ddd;
}

.Contact-table-wrapper td span{
 display:inline-block;
 margin-right:.5em;
}

.contactform{
max-width:900px;
margin:auto;
position:relative;
z-index:2;
}

.contact_text{
margin:2.5em auto 2.5em auto;
font-size:0.85rem;
line-height:2.0;
font-weight:normal;
text-align:center;
}

#message, #service, #construction-example, #company, #contact{
 margin-top:-90px;
 padding-top:90px;
}

.Contact-table-wrapper a{
 color:#0050b3;
}

.Contact-table-wrapper a:hover{
 color:#2580f1;
 text-decoration:underline;
}

.mb40{
 margin-bottom:3em !important;
}

/********** Contact *********/

/********** Company *********/

.Company_wrapper{
 margin:auto;
 width:100%;
}

.Company_wrapper dl{
 margin-bottom:.3em;
 border-top:1px solid #fff;
 border-bottom:1px solid #fff;
 background:rgba(255,255,255,0.5);
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content:flex-start;
 align-items:center;
 width:100%;
}

.Company_wrapper dl:not(:last-child) {
 margin-bottom:.5em;
 }

.Company_wrapper dl dt{
 width:30%;
 padding:1em;
 border-right:1px solid #0050b3;
 background:#f5fbff;
 text-align:center;
}

.Company_wrapper dl dd{
 width:70%;
 padding:.5em .5em .5em 1em;
}

.Company_wrapper dl dd span{
 display:block;
}

/********** Company *********/


.to-top{
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: auto;
  right: 10px;
  bottom: 0;
  cursor: pointer;
  z-index:10;
}

.to-top a img{
  display:block;
  width: 60px;
  height: auto;
 }

.Coming{
 padding:2.5em;
 text-align:center;
 font-size:1.2rem;
 max-width:1080px;
 margin:5em auto 5em auto;
 border-top:4px solid #eee;
 border-bottom:4px solid #eee;
 font-weight:600;
 }

span.wpcf7-form-control-wrap{
 display:block !important;
 margin-right:0 !important;
}

/********** Service *********/

ul.Service_wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:flex-start;
}

ul.Service_wrap li{
 list-style:none;
 position:relative;
 background:#fff;
 border:1px solid rgba(255,255,255,0.5);
 padding:.5em .5em .5em 1em;
 font-weight:600;
 font-size:1.05rem;
 margin-right:1.5em;
 margin-bottom:1em;
}

ul.Service_wrap li:before{
  background:#0050b3;
  width:20px;
  height:5px;
  position:absolute;
 content:'';
 left:-15px;
 top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
 }

/********** Service *********/

/**********************   SP 表示  **********************/


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

	main{
	 margin-top:65px;
	}

  .home_slider_image{
	 width:100%;
	}

  .home_slider_image img{
	width:100% !important;
	}

	.main_contents_wrap{
	padding:2em 1em 0 1em;
	}

	.home_slider_wrap{
	margin:0 auto 0 auto;
	}

	.sp-layer{
		    font-size:18px;
	}


	h2.title{
	font-size:1.5rem;
	}

	h2.title span{
	 font-size:1.0rem;
	 font-weight:normal;
	}

	.Flex_Wrapper .Items{
	 width:100%;
	 margin-right:0;
	}

	.Flex_Wrapper .Items:nth-of-type(even){
	 margin-right:0;
	}

	.Flex_Wrapper .Items:nth-of-type(3n){
	 margin-right:0;
	}

	.Footer_wrap{
	 padding:1em;
	}

	.Flex_Wrapper .Items h3{
	 font-size:15px;
	}

	.Flex_Wrapper .Items .Image{
	 margin-bottom:.5em;
	}

	.Flex_Wrapper .Items .Image img {
	    padding: 3px;
	    border: 1px solid #ddd;
	}
	.footer_logo{
	     margin:0 auto 1em auto;
	}

	.footer_menu_wrap{
	    padding:1em 0 1em 0;
	    margin-bottom:0;
	}

	.footer_links li {
	    float:none;
	    margin:0 auto .5em auto;
	   width:100%;
	}

	.footer_links li a{
	 display:block;
	 padding:.5em;
	 text-align:center;
	 color:#000;
	 background:#fff;
	 border:1px solid #ccc;
	 position:relative;
	}

	.footer_links ul{
	 display:block;
	}

	.footer_links li:after{
	 display:none;
	}

	.footer_links li a:after{
	 float:none;
	 position:absolute;
	 right:10px;
	 font-family: "FontAwesome";
	    content: '\f054';
	    font-size: 0.7rem;
	    color: #ccc;
	top: 50%;
	  transform: translateY(-50%);
	  -webkit- transform: translateY(-50%);
	}

	.pc_header, .global_navi{
	  display:none;
		}


	.drawer-menu_wrap{
	background:rgba(255,255,255,0.97);
	border-bottom:1px solid #eee;
	position: fixed;
	width:100%;
	height:52px;
	 z-index: 1000000000;
	}

	.drawer-menu_logo{
	float:none;
	max-width:180px;
	margin-top:10px;
	margin-left:1em;
	}

	.drawer_logo{
	 margin:0 auto 2em auto;
	 max-width:280px;
	}

	.drawer-menu {
	    box-sizing: border-box;
	    position: fixed;
	    top: 0;
	    right: 0;
	    width: 100%;
	    height: 100%;
	    padding:30px 0;
	    background: #fff;
	    -webkit-transition-property: all;
	    transition-property: all;
	    -webkit-transition-duration: .5s;
	    transition-duration: .5s;
	    -webkit-transition-delay: 0s;
	    transition-delay: 0s;
	    -webkit-transform-origin: right center;
	    -ms-transform-origin: right center;
	    transform-origin: right center;
	    -webkit-transform: perspective(500px) rotateY(-90deg);
	    transform: perspective(500px) rotateY(-90deg);
	    opacity: 0;
	    overflow-y:auto;
	}

	.drawer-menu li {
	    text-align: center;
	}

	.drawer-menu li a {
	    display: block;
	    font-size: 16px;
	    background:#fff;
	    color: #1a1a1a;
	    -webkit-transition: all .8s;
	    transition: all .8s;
	    padding:20px 15px 20px 15px;
	}

	.drawer-menu li a span{
	 display:none;
	}

	.drawer-menu li a:hover {
	    color: #fff;
	    background:#df2717;
	}

	.drawer-menu .sub-menu li a{
	 background:#0050b3;
	 color:#fff;
	}

	.drawer-menu .menu-gloval-navi-container{
	 border-top:1px solid #ddd;
	}

	li.Contact a{
	 background:#0050b3;
	}

	/* checkbox */
	.check {
	    display: none;
	}

	/* menu button - label tag */
	.menu-btn {
	    position: absolute;
	    display: block;
	    top: 12px;
	    right: 8px;
	    display: block;
	    width: 35px;
	    height: 40px;
	    font-size: 10px;
	    text-align: center;
	    cursor: pointer;
	 z-index: 1000000001;
	}

	.bar {
	    position: absolute;
	    top: 0;
	    left: 0;
	    display: block;
	    width: 35px;
	    height: 1px;
	    background:#0050b3;
	    -webkit-transition: all .5s;
	    transition: all .5s;
	    -webkit-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	}

	.bar.middle {
	    top: 10px;
	    opacity: 1;
	}

	.bar.bottom {
	    top: 20px;
	    -webkit-transform-origin: left bottom;
	    -ms-transform-origin: left bottom;
	    transform-origin: left bottom;
	}



	.menu-btn__text {
	    position: absolute;
	    bottom: -8px;
	    left: 0;
	    right: 0;
	    margin: auto;
	    color: #111;
	    -webkit-transition: all .5s;
	    transition: all .5s;
	    display: block;
	    visibility: visible;
	    opacity: 1;
	}

	.menu-btn:hover .bar {
	    background: #ccc;
	}

	.menu-btn:hover .menu-btn__text {
	    color: #ccc;
	}

	.close-menu {
	    position: fixed;
	    top: 0;
	    right: 300px;
	    width: 100%;
	    height: 100vh;
	    background: rgba(0,0,0,0);
	    cursor: url(images/cross.svg),auto;
	    -webkit-transition-property: all;
	    transition-property: all;
	    -webkit-transition-duration: .3s;
	    transition-duration: .3s;
	    -webkit-transition-delay: 0s;
	    transition-delay: 0s;
	    visibility: hidden;
	    opacity: 0;
	}

	/* checked */
	.check:checked ~ .drawer-menu {
	    -webkit-transition-delay: .3s;
	    transition-delay: .3s;
	    -webkit-transform: none;
	    -ms-transform: none;
	    transform: none;
	    opacity: 1;
	    z-index: 99999999;
	}

	.check:checked ~ .contents {
	    -webkit-transition-delay: 0s;
	    transition-delay: 0s;
	    -webkit-transform: translateX(-300px);
	    -ms-transform: translateX(-300px);
	    transform: translateX(-300px);
	}

	.check:checked ~ .menu-btn .menu-btn__text {
	    visibility: hidden;
	    opacity: 0;
	}

	.check:checked ~ .menu-btn .bar.top {
	    width: 56px;
	    -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	}

	.check:checked ~ .menu-btn .bar.middle {
	    opacity: 0;
	}

	.check:checked ~ .menu-btn .bar.bottom {
	    width: 56px;
	    top: 40px;
	    -webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}

	.check:checked ~ .close-menu {
	    -webkit-transition-duration: 1s;
	    transition-duration: 1s;
	    -webkit-transition-delay: .3s;
	    transition-delay: .3s;
	    background: rgba(0,0,0,.5);
	    visibility: visible;
	    opacity: 1;
	    z-index: 40;
	}

	.drawer-menu li{
	border-bottom:1px solid #ddd;
	}

	.popular_cat_wrap .Title{
	 width:100%;
	 text-align:center;
	 margin-bottom:.5em;
	 }

	.popular_cat_wrap .Main{
	 width:100%;
	}

	.Flex_Wrapper .Cat_Item{
	 padding:.5em;
	width:100%;
	margin-bottom:3em;
	}

	.Flex_Wrapper .Cat_Item .Title h2 a{
	 font-size:1.05rem;
	 padding:.2em;
	}

	.Flex_Wrapper .Cat_Item ul li a{
	 font-size:0.95rem;
	}

	.Flex_Wrapper .Cat_Item ul li{
	 display:block;
	 margin:0 0 .5em 0;
	width:100%;
	}

	.single_contents iframe{
	 height:300px !important;
	 }

	.single_sns li{
	 max-width: 40px;
	}


	.Contact-table-wrapper th{
	width:100%;
	display:block;
	padding:15px;
	font-weight:bold;
	}

	.Contact-table-wrapper td{
	width:100%;
	display:block;
	padding:15px;
	}

	.Contact-table-wrapper td span{
	 display:block;
	 margin-right:0;
	}

	.Flex_Wrapper .Items:first-child{
	 width:100%;
	 margin:0 auto 1em auto;
	}

	.Flex_Wrapper .Items ul li{
	 align-items:center;
	}

	.Flex_Wrapper .Items ul li span{
	     min-width: 100px;
	}

	.Flex_Wrapper .Items ul{
	 font-size:0.95rem;
	}

	.Page_header .Title{
	min-width: 60vw;
	padding:.5em;
	}

	.Page_header .Title h1{
	 font-size:24px;
	}

	.breadcrumbs{
	 padding:1em;
	 margin-bottom:0;
	}

	h3{
	 margin-bottom:1em;
	}

	.drawer-menu_logo{
	 max-width:180px;
	 margin-bottom:5px;
	margin-top:5px;
	}

	.sub-menu{
	width:100%;
	}

	.home_slider_contents p{
	 display:none;
	}

	.home_slider_contents .Logo{
	 max-width:200px;
	}

	.entry-content section:first-child{
	 padding-top:0;
	}

	.Flex_Wrapper_Center{
	 flex-direction: row-reverse;
	}

	.Flex_Wrapper .Reverse_Hurf:first-child{
	 width:100%;
	 margin-bottom:.5em;
	}

	.Flex_Wrapper .Reverse_Hurf{
	 width:100%;
	}

	.Flex_Wrapper .Reverse_Hurf:nth-of-type(even){
	     padding:1.2em;
	     margin-right:auto;
	}

	.Flex_Wrapper_Center{
	    flex-wrap:wrap;
	}

	.Flex_Wrapper .Reverse_Hurf:first-child{
	     min-height:auto;
	}

	.Flex_Wrapper .Hurf:first-child{
	 width:100%;
	 min-height:auto;
	}

	.Flex_Wrapper .Hurf{
	 width:100%;
	}

	.Flex_Wrapper .Hurf:nth-of-type(even){
	     padding:1.2em;
	}

	.box_bg_wh, .box_bg_gg{
	 display:none;
	}

	.Center_Widtn .Center{
	 padding:1em;
	}

	.Bg__wh{
	 padding:.5em;
	}

	.Flex_Wrapper .ItemHurf{
	 width:calc(98%/2);
	 text-align:left;
	}

	.Flex_Wrapper .ItemHurf:nth-of-type(3n){
	 margin-right:2%;
	}

	.Flex_Wrapper .ItemHurf:nth-of-type(even){
	margin-right:0;
	}

	.Flex_Wrapper .ItemHurf strong{
	font-size:0.9rem;
	}

	ul.Service_wrap{
	 align-items:center;
	}

	ul.Service_wrap li{
	 width:100%;
	 margin-right:0;
	 font-size:1.0rem;
	 line-height:1.3;
	}

	ul.Service_wrap li:nth-of-type(even){
	margin-right:0;
	}

	section{
	 min-height:auto;
	 margin-bottom:1em;
	 padding-bottom:1em;
	}

	.footer_banner{
	 width: calc(98%/2);
	 margin-bottom:.5em;
	}

	.to-top{
	  width: 40px;
	  right: 5px;
	}

	.to-top a img{
	  display:block;
	  width: 40px;
	 }

	img.Photo{
	 margin-left:auto;
	 margin-right:auto;
	 max-width:100%;
	}

	.pc_image{
	 display:none;
	}

	.sp_image{
	 display:block;
	}

	.mb10{
	 margin-bottom:1em;
	}

	.Company_wrapper dl{
	    flex-wrap:wrap;
	}

	.Company_wrapper dl dt{
	 width:100%;
	 padding:.5em;
	 border-right:none;
	 background:#f5fbff;
	 font-size:1.0rem;
	 text-align:center;
	 font-weight:500;
	}

	.Company_wrapper dl dd{
	 width:100%;
	 padding:.5em;
	 font-size:1.0rem;
	}

	.Company_wrapper dl dd span{
	 display:block;
	 margin-right:0;
	}

	.fix-header{
	 display:none;
	}

}

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

	.drawer-menu_wrap{
	display:none;
	}

	#next, #company, #people, #service{
	margin-top:-100px;
	padding-top:100px;
	}

}

@media screen and (min-width:768px) and (max-width:999px){
	.header_inner{
	width: 95%;
	padding:0;
	}

	.fix_header_wrapper{
	 width:100%;
	}

	.global_navi ul li a{
	 padding:.7em .5em;
	 font-size:15px;
	}

	.Flex_Wrapper .Items:nth-of-type(even){
	 margin-right:0;
	}

}