/*
Theme Name: Spacious Child
Template: spacious
Version: 1.3.9

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/css?family=Heebo:300,900');
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&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;
}

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;
}

.text_min{
font-size:80% !important;
}

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

.text_red{
color:#fe0000;
}

span.text_red{
background:#fe0000;
text-align:center;
color:#fff;
margin-left:5px;
display:inline-block;
line-height:1.0;
font-size:0.85rem;
padding:3px;
font-weight:normal;
} 

.comm_mb15{
margin-bottom:15px;
}

.comm_mb20{
margin-bottom:20px !important;
}





/*繧ｹ繝槭?*/

@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: #222;
	line-height:150%;
	word-wrap: break-word;
}
body {
 overflow:hidden;
}
/* Headings */
h4, h5, h6 {
	padding-bottom: 18px;
	color: #222222;
	font-weight: normal;
}
h1{
}
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;
}

header h1{
margin:0;
padding:0;
}

/* =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: 24px;
	font-size: 16px;
}
dt {
	font-weight: bold;
	margin-bottom: 5px;
}
dd {
	margin-bottom: 24px;
}

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

/* =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:90%;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="password"],
select,
textarea {
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
 	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:8px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.1);
border:solid 1px #eee;
margin:auto;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border:solid 1px #80c0e2;
background-color: #f2f2f2;
}

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


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

#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:25px;
   -moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	cursor: pointer;
	background-color: #6db537;
	border: 0px;
 	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:50%;
	box-sizing:broder-box;
	font-size:1.4rem;
	font-weight:700;
	letter-spacing:1px;
}

}

@media screen and (min-width: 768px) {
	.spacious-button:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	input[type="submit"]:hover,
	button:hover {
	background:#7fe136;
	box-shadow:0;
	}

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

	select{
	padding:15px;
	width:100%;
    background-color: #fafafa;
	}

}

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

	.spacious-button,
	input[type="reset"],
	input[type="button"],
	input[type="submit"] {
	width:90%;
	background-color: #6db537;
	margin:0 auto 1em auto;
	display:block;
	}

	.spacious-button:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	input[type="submit"]:hover,
	button:hover {
	background:#7fe136;
	box-shadow:0;
	}



}


.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: inset 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #fe0000 !important;
    color:#fe0000 !important;
}

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


/* =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;
font-size:1.0rem;
font-family:'Noto Sans JP',貂ｸ繧ｴ繧ｷ繝?け菴?, 'Yu Gothic', YuGothic,'繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝?け Pro', 'Hiragino Kaku Gothic Pro', 繝｡繧､繝ｪ繧ｪ, Meiryo, Osaka, '?ｭ?ｳ ?ｰ繧ｴ繧ｷ繝?け', 'MS PGothic', sans-serif;
}

.wide-978, .wide-1218 {
	padding-top: 0;
	padding-bottom: 0;
}
.wide-1218 #page {
	max-width: 100%;
}
.narrow-978 #page {
	max-width: 1038px;
}
.wide-978 #page {
	max-width: 100%;
}
.wide-978 #page {
	padding-top: 0;
	padding-bottom: 0;
}

.header-inner-wrap {
	max-width: 1000px;
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
----------------------------------------------- */
.breadcrumb {
	float: right;
	text-align: right;
	margin-top: 8px;
   margin-bottom: 2px;
	font-size: 12px;
}
.breadcrumb {
	color: #666666;
}
.breadcrumb a {
	color: #666666;
}
.breadcrumb a:hover {
	color: #837173;
}

/* =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;
	margin:3em auto 0 auto;
}

.wp-pagenavi a, .wp-pagenavi span{
  display:inline-block;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #006ac3;
    padding:5px 10px 5px 10px;
    margin: 2px;
}

.wp-pagenavi span.current{
  background:#006ac3;
  border:1px solid #006ac3;
  color:#fff;
 }

#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: 100vh;
    }
    .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;
  }


/************ 201806譁ｰ隕丈ｽ懈? **************/

body{
font-family:'Noto Sans JP',貂ｸ繧ｴ繧ｷ繝?け菴?, 'Yu Gothic', YuGothic,'繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝?け Pro', 'Hiragino Kaku Gothic Pro', 繝｡繧､繝ｪ繧ｪ, Meiryo, Osaka, '?ｭ?ｳ ?ｰ繧ｴ繧ｷ繝?け', 'MS PGothic', sans-serif;
    font-size: 1rem;
    font-weight:400;
    margin: 0;
    padding: 0;
    line-height:150%;
    background:#fff;
}

p{
font-family:'Noto Sans JP',貂ｸ繧ｴ繧ｷ繝?け菴?, 'Yu Gothic', YuGothic,'繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝?け Pro', 'Hiragino Kaku Gothic Pro', 繝｡繧､繝ｪ繧ｪ, Meiryo, Osaka, '?ｭ?ｳ ?ｰ繧ｴ繧ｷ繝?け', 'MS PGothic', sans-serif;
    font-weight:400;
    line-height:2.0;
}

.heebo{
font-family: 'Heebo', sans-serif !important;
}

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;
}

.txt_min{
 font-size:0.85rem;
 color:#454545;
 margin-bottom:0;
 }

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

svg.intro {
  width:90%;
  position: absolute;
top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
svg.intro .text {
  display: none;
}
svg.intro.go .text {
  font-family: 'Heebo', sans-serif !important;
  font-size:18px;
  text-transform: uppercase;
  display:block;
  line-height:2.2;

}
svg.intro.go .text-stroke {
  fill: none;
  stroke: #aaa;
  stroke-width: 2.8px;
  stroke-dashoffset: -900;
  stroke-dasharray: 900;
  stroke-linecap: butt;
  stroke-linejoin: round;
  -webkit-animation: dash 2.0s ease-in-out forwards;
          animation: dash 2.0s ease-in-out forwards;
}
svg.intro.go .text-stroke:nth-child(2) {
  -webkit-animation-delay: .3s;
          animation-delay: .3s;
}
svg.intro.go .text-stroke:nth-child(3) {
  -webkit-animation-delay: .9s;
          animation-delay: .9s;
}
svg.intro.go .text-stroke-2 {
  stroke: #fff;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
svg.intro.go .text-stroke:nth-child(5) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
svg.intro.go .text-stroke:nth-child(6) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

@-webkit-keyframes dash {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  100% {
    stroke-dashoffset: 0;
  }
}
.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
  }

.video-container{
    max-height:80vh;
 }

  .no-video .video-container video,
  .touch .video-container video {
    display: none;
  }

  .no-video .video-container .poster,
  .touch .video-container .poster {
    display: block !important;
  }

  .video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
  }

  .video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
    z-index:-1;
  }

  .video-container .filter {
    z-index: 100;
    position: absolute;
    width: 100%;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
height:100%;
  }

  .video-container video {
    position:relative;
    z-index: 0;
    bottom: 0;
  }

  .video-container video.fillWidth {
    width: 100%;
  }

 .Slider__Caption{
 color:#1a1a1a;
 font-size:60px;
 position:absolute;
 z-index:3;
 font-family:'Noto Sans JP',貂ｸ繧ｴ繧ｷ繝?け菴?, 'Yu Gothic', YuGothic,'繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝?け Pro', 'Hiragino Kaku Gothic Pro', 繝｡繧､繝ｪ繧ｪ, Meiryo, Osaka, '?ｭ?ｳ ?ｰ繧ｴ繧ｷ繝?け', 'MS PGothic', sans-serif;
 font-weight:600;
 top: 50%;
  left: 10%;
  transform: translateY(-50%) translateX(-10%);
  -webkit- transform: translateY(-50%) translateX(-10%);
 padding-bottom:1em;
  text-shadow: 
     white 1px 1px 10px, white -1px 1px 10px,
    white 1px -1px 10px, white -1px -1px 10px;
  line-height:1.2;
 }

.Slider__Caption:after{
  content:'';
  background:#ed4b01;
 height:1px;
 width:40%;
 position:absolute;
  left: 50%;
  transform:translateX(-50%);
  -webkit- transform:translateX(-50%);
 bottom:-1px;
 z-index:3;
 }

.sp_image{
 display:none;
}


.header-left {
    width: 240px;
    margin-top:10px;
    margin-bottom:5px;
}

.header-left a img, .fix-header-left a img, .footer_info :first-child.Contents a img{
 width:100%;
}

.fix-header-left {
    width:240px;
    padding-top:5px;
    padding-bottom:5px;
}

.header-right {
    width:85%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.global_navi {
    width: 100%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    padding:0 0 0 0;
}

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

.li_global_navi > li {
    display: inline-block;
    vertical-align: middle;
}


.li_global_navi > li > a, .li_global_navi > li > a:hover {
    color: #111;
    display: block;
    padding:16px 15px 15px 15px;
    font-weight:normal;
    font-size:1.0rem;
     font-family:'Noto Sans JP',貂ｸ繧ｴ繧ｷ繝?け菴?, 'Yu Gothic', YuGothic,'繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝?け Pro', 'Hiragino Kaku Gothic Pro', 繝｡繧､繝ｪ繧ｪ, Meiryo, Osaka, '?ｭ?ｳ ?ｰ繧ｴ繧ｷ繝?け', 'MS PGothic', sans-serif;
}

.li_global_navi{
 margin-top:1px;
 }

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

.header-right ul li.recruit{
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  position:relative;
 }

.header-right ul li.recruit a:before{
  content:'';
  background:url(images/building_icon.svg)no-repeat;
  background-size:30px 30px;
  width:30px;
  height:30px;
  display:block;
  margin:0 auto 5px auto;
 }

.header-right ul li.staff a:before{
  content:'';
  background:url(images/recruit_icon.svg)no-repeat;
  background-size:30px 30px;
  width:30px;
  height:30px;
  display:block;
  margin:0 auto 5px auto;
 }

.li_global_navi > li.staff > a, .li_global_navi > li.staff > a:hover {
    color: #111;
    display: block;
    padding:5px 15px 5px 15px;
    font-weight:normal;
  font-size:0.9rem;
}

.li_global_navi > li.recruit > a, .li_global_navi > li.recruit > a:hover {
    color: #111;
    display: block;
    padding:5px 15px 5px 15px;
    font-weight:normal;
  font-size:0.9rem;
}

.li_global_navi > li.staff > a:hover, .li_global_navi > li.recruit > a:hover {
 color: #006ac3;
}

.p_h_sns {
    display: flex;
    margin: 0 0 0 20px;
}

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

.p_h_sns .-image {
    display: block;
}

.header_inner {
    margin: 0 auto;
    width: 82.5%;
    padding: 0 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.pc_header {
    margin: auto;
    position:relative;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background:rgba(255,255,255,1);
        box-shadow: 0 3px 3px rgba(0,0,0,0.14);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.14);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.14);
}

.dropmenu{
  *zoom: 1;
}

.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.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: 9999;
  top: 100%;
  left: 50%;
    transform: translateX(-50%);
  margin: 0;
  padding: 0;
 width: 98vw;
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
   justify-content:center;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
}
.dropmenu li:hover > a{
  color:#006ac3;
}
.dropmenu li a:hover{

}


.sub-menu{
    background:#8ec228;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#fade-in li:hover ul li a{
color:#fff;
font-size: 1.2rem;
    display: block;
    padding: 42px 12px 25px;
    font-family:'Noto Sans JP',貂ｸ繧ｴ繧ｷ繝?け菴?, 'Yu Gothic', YuGothic,'繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝?け Pro', 'Hiragino Kaku Gothic Pro', 繝｡繧､繝ｪ繧ｪ, Meiryo, Osaka, '?ｭ?ｳ ?ｰ繧ｴ繧ｷ繝?け', 'MS PGothic', sans-serif;
    font-weight: 700;
    text-shadow: 
    black 1px 1px 10px, black -1px 1px 10px,
    black 1px -1px 10px, black -1px -1px 10px;
}

.sub-menu li a{
-webkit-transition: all .0s cubic-bezier(.0,0,0,0);
    -o-transition: all .0s cubic-bezier(.0,0,0,0);
    transition: all .0s cubic-bezier(.0,0,0,0);
}

.dropmenu li ul li{
 flex: auto;
 width:33.3%;
 float:left;
 margin-bottom:1em;
 text-align:center;
 border-top:15px solid #8ec228;
 border-left:15px solid #8ec228;
 border-right:15px solid #8ec228;
 max-width:625px;
}

.child_icon{
margin-left:5px;
}

#menu-item-15, .menu-item-15, #menu-item-16, .menu-item-16, #menu-item-17, .menu-item-17{
background-size:cover;
}

#menu-item-15:hover{
opacity:1 !important;
}

.menu-item-15:hover{
opacity:1 !important;
}

#menu-item-16:hover{
opacity:1 !important;
}

.menu-item-16:hover{
opacity:1 !important;
}

#menu-item-17:hover{
opacity:1 !important;
}

.menu-item-17:hover{
opacity:1 !important;
}

.li_global_navi > li > a:hover{
 color:#006ac3;
 }

.sub-menu a{
 padding:100px 15px 15px 15px !important;
 display:block;
}

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

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

.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;
  }
}

section{
padding:4em 1.5em 4em 1.5em;
position:relative;
}

section:first-child{
 padding-top:4em;
 }

section:last-child{
 padding-bottom:4em;
 }

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

.comm_sm_wrapper{
max-width:1000px;
margin:auto;
}

.comm_wrapper p:last-child{
 margin-bottom:0;
 }

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


.txt_center{
text-align:center;
}

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


.btn_more-flip {
    width: 100%;
    background: #fff;
    position: relative;
}

.btn_more-flip {
    padding: 12px 0;
    text-align: center;
    border: 1px solid #000;
}

.btn_more-flip{
color:#000;
}

.btn_more-flip::before {
    content:'';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn_more-flip .-text {
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn_more-flip:hover, .btn_more-wh:hover, .btn_more:hover, .btn_prev-flip:hover {
    opacity: 1;
}

.btn_more-flip{
padding: 15px 0;
}

.btn_top_member{
margin:5em auto 0 auto;
}

.title_border{
background: #f43b47;
background: -moz-linear-gradient(45deg, #f43b47 18%, #ffb766 100%);
background: -webkit-linear-gradient(45deg, #f43b47 18%,#ffb766 100%);
background: linear-gradient(45deg, #f43b47 18%,#ffb766 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f43b47', endColorstr='#ffb766',GradientType=1 );
height:3px;
width:100%;
}

.title_border_bottom{
background: #ffb766;
background: -moz-linear-gradient(45deg, #ffb766 0%, #f43b47 82%);
background: -webkit-linear-gradient(45deg, #ffb766 0%,#f43b47 82%);
background: linear-gradient(45deg, #ffb766 0%,#f43b47 82%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb766', endColorstr='#f43b47',GradientType=1 );
height:3px;
width:100%;
}



.gray{
    background:#f9f9f9;
}

.service_contents {
position: relative;
width:32%;
margin-right:1.5%;
margin-bottom:2%;
flex: auto;
max-width:320px;
display: inline-block;
}

.service_contents:nth-of-type(3){
margin-right:0;
}

.service_contents a {
    display: block;
}
.service_contents_reverse {
    position: absolute;
    top: 0;
    left: 0;
}
 
/* 陦ｨ髱｢縺ｮ陦ｨ遉ｺ */
.service_contents_surface {
    opacity: 1;
    transform: rotateY(0deg);
    transition:
        opacity 100ms 150ms,
        transform 300ms 150ms;
}
.service_contents_reverse {
    opacity: 0;
    transform: rotateY(90deg);
    transition:
        opacity 50ms 200ms,
        transform 300ms;
}
 
/* 陬城擇縺ｮ陦ｨ遉ｺ */
a:hover .service_contents_surface:hover {
    opacity: 0;
    transform:rotateY(90deg);
    transition:
        opacity 50ms 200ms,
        transform 300ms;
}
a:hover .service_contents_reverse {
    opacity: 1;
    transform:rotateY(0deg);
    transition:
        opacity 100ms 150ms,
        transform 300ms 150ms;
}

.service_01{
width:100%;
    height:100%;
padding:5px 0 5px 0;
border-radius:50%;
background:rgba(255,255,255,0.65);
display:block;
text-align:center;
    box-shadow: 0 3px 3px rgba(0,0,0,0.14);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.14);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.14);
}

.service_01 img{
position:relative;
}

.service_01::before{
content:'';
}

.service_01_reverse{
display:block;
width: 100%;
    height:100%;
    padding: 50%;
border-radius:50%;
background:#008ed2;
color:#fff;
}

.service_title{
position: absolute;
    left: 0;
        top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
    margin: -.8em 0 0;
    width: 100%;
    text-align: center;
    color: #fff;
}

.service_red{
background:#e50012 !important;
}

.service_contents span{
display:block;
font-size:1.6rem;
font-weight:bold;
width:90%;
margin:0 auto 0.5em auto;
}

.service_contents p{
margin:0;
font-size:0.7rem;
	line-height:180%;
padding:0 20px 0 20px;
}



.service_wrap{
 max-width:1200px;
 text-align:center;
 }



.comm_button {
  position: relative;
  z-index: 2;
  background-color: #000;
  border: 2px solid #000;
  color: #fff;
  line-height: 50px;
}
.comm_button:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
}
.comm_button::before,
.comm_button::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #000;
}
.comm_button::before {
  right: 0;
}
.comm_button::after {
  left: 0;
}
.comm_button:hover::before,
.comm_button:hover::after {
  width: 0;
  background-color: #59b1eb;
}

button:hover{
box-shadow:none !important;
}

.comm_button {
  display: inline-block;
  width: 350px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.comm_button::before,
.comm_button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.comm_button,
.comm_button::before,
.comm_button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.company_banner{
background:url(images/company_image.jpg) no-repeat center center;
            background-size: 100% auto;
	    padding-top:10px;
	    padding-bottom:10px;
		transition: all .2s;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
height:auto;
max-height:300px;
min-height:200px;
margin-bottom:2em;
}

.company_banner a{
height:280px;
padding:0;
margin:7px auto 10px auto;
opacity:1.0;
color:#fff !important;
}

.company_banner:hover{
            background-size: 100% auto;
	    padding-top:10px;
	    padding-bottom:10px;
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
transition: all .2s;
height:auto;
max-height:300px;
min-height:200px;
margin-bottom:2em;
}

.history_banner{
background:url(images/history_image.jpg) no-repeat center center;
background-size: 100% auto;
	    padding-top:10px;
	    padding-bottom:10px;
		transition: all .2s;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
height:auto;
max-height:300px;
min-height:200px;
margin-bottom:2em;
}

.history_banner a{
height:280px;
padding:0;
margin:7px auto 10px auto;
opacity:1.0;
color:#fff !important;
}

.history_banner:hover{
background:url(images/history_image.jpg) no-repeat center center;
background-size: 100% auto;
	    padding-top:10px;
	    padding-bottom:10px;
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
transition: all .2s;
height:auto;
max-height:300px;
min-height:200px;
margin-bottom:2em;
}

.banner_title{
position:absolute;
font-size:2.3rem;
font-weight:600;
text-align:center;
top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
opacity:1.0;
text-shadow:black 1px 1px 10px, black -1px 1px 10px,
    black 1px -1px 10px, black -1px -1px 10px;;
}

.access_wrapper{
display:table;
width:100%;
}

.access_wrapper iframe{
vertical-align:bottom;
border:8px solid #f2f2f2 !important;
}

.access_contents{
 width:50%;
 background:#0078c1;
 display:table-cell;
}

.access_contents:nth-of-type(2){
padding:40px;
color:#fff;
vertical-align:middle;
text-align:center;
}

.access_contents02{
 width:50%;
 background:#0cb688;
 display:table-cell;
 padding:40px;
color:#fff;
vertical-align:middle;
text-align:center;
}

.access_contents02:nth-of-type(2){
vertical-align:middle;
text-align:center;
padding:0;
}

.access_contents_top table{
margin-bottom:0;
}

.pl_none{
padding:0;
}

footer{
 background:#f5f6f9;
 border-bottom:8px solid #006ac3;
 }


footer p{
 margin-bottom:0;
 }

footer section{
 padding:1.5em 2.5em 1em 2.5em;
 }

footer section:last-child{
 padding-bottom:1.5em;
 padding-top:2em;
 }

.footer_logo{
margin:3em auto 3em auto;
text-align:center;
}
.footer_logo img{
margin-bottom:.5em;
}

.footer_links li{
position:relative;
}

.footer_links li a{
position:relative;
color:#1a1a1a;
display:inline-block;
border-bottom:none;
}

.footer_links li:after{
	content: '/';
 margin-left:10px;
 margin-right:10px;
 font-size:0.9rem;
}

.footer_links{
text-align:center;
color:#1a1a1a;
}

.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:#fff;
font-size:0.75rem;
text-align:center;
padding:10px 2.5% 10px 2.5%;
color:#737373;
position: relative;
z-index: 2;
}

.square_btn {
    display: block;
    text-decoration: none;
    color: #FFF;
    width: 65%;
    margin: 0 auto 50px auto;
    color: #fff;
    border-bottom: solid 4px #e30d3b;
    text-align: center;
    color: #fff;
    font-size: 24px;
    border-radius: 4px;
    background: url(images/mails.svg) no-repeat 30px center #f73e65;
    background-size: 60px,60px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.14);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.14);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.14);
}

.square_btn:hover {
    border-radius: 4px;
    background: url(images/mails.svg) no-repeat 30px center #ff555d;
    background-size: 60px,60px;
}

.square_btn a {
    display: block;
    padding: 1em 4em;
    color: #fff !important;
    line-height: 1.0;
    text-shadow: 0 1px 0 #be334a;
    box-shadow: none !important;
   font-weight:600;
}

.access_wrap table{
border-collapse:separate; 
border-spacing:10px;
border:0;
}

.access_wrap th{
text-align:center;
background:rgba(19,155,251,0.85);
vertical-align:middle;
color:#fff;
font-weight:500;
}

.access_wrap th{
padding:15px;
}

.access_wrap td{
border-bottom:1px dotted #1e3544;
padding:15px;
}

.border_top{
border-top:1px dotted #1e3544;
}

.access_02_th{
background:rgba(12,148,104,0.85) !important;
}

.fix-header {
	background:rgba(255,255,255,1);
	line-height:10px;
	top: -150px;
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	position: fixed;
	opacity:0;
	z-index: 999;
	    box-shadow: 0 3px 3px rgba(0,0,0,0.14);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.14);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.14);
	}


.sp_image{
display:none;
}

.pc_image{
display:block;
}


.hidden_box {
    margin: 2em 0;
    padding: 0;
}

/*繝懊ち繝ｳ陬?｣ｾ*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
    display:block;
    max-width:350px;
    text-align:center;
    margin:0 auto 5em auto;
}

/*繝懊ち繝ｳ繝帙ヰ繝ｼ譎?*/
.hidden_box label:hover {
    background: #000;
    color:#fff;
}

/*繝√ぉ繝?け縺ｯ隕九∴縺ｪ縺上☆繧?*/
.hidden_box input {
    display: none;
}

/*荳ｭ霄ｫ繧帝撼陦ｨ遉ｺ縺ｫ縺励※縺翫￥*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*繧ｯ繝ｪ繝?け縺ｧ荳ｭ霄ｫ陦ｨ遉ｺ*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

.hidden_box_btn{
margin:auto;
}

.toggle-box {
  margin:auto;
  padding:2em 0 2em 0;
  display: none;
  max-width:1000px;
}

.toggle-box02 {
  margin:auto;
  padding:2em 0 2em 0;
  display: none;
  max-width:1000px;
}

.toggle-box table, .toggle-box02 table{
border:none;
border-top:1px solid #ccc;
}

.toggle-box th, .toggle-box02 th{
width:25%;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:25px;
font-weight:600;
text-align:center;
vertical-align:middle;
}

.toggle-box td, .toggle-box02 td{
border-bottom:1px solid #ccc;
padding:25px;
width:75%;
}

.toggle-box02 th{
text-align:right;
}

h3{
border:1px solid #eee;
background:#fff;
font-weight:600;
margin-bottom:1em;
line-height:1.6;
padding:1px;
font-size:24px;
font-weight:600;
    box-shadow: 0 3px 3px rgba(0,0,0,0.14);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.14);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.14);
  position:relative;
}

h3 .Contents{
  border-bottom:3px solid #006ac3;
  padding:10px 10px 10px 1.5em;
 }

h3:before{
 content:'';
 position:absolute;
 top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
 height:50%;
 border-radius:25%;
 background:#006ac3;
 width:7px;
 left:.5em;
 }

section.recruit{
 background:#e2f8fe;
 padding-top:1.5em;
 padding-bottom:.5em;
 }

section.webinar{
 background:#daf2d0;
 }

section.contact{
 background:#fffae0;
 padding-top:3em;
 padding-bottom:2em;
 margin-bottom:4em;
 }

.Block_Contents{
 margin-bottom:4em;
 }

.Block_Contents a{
 color:#006ac3;
 }

.Block_Contents a:hover{
 text-decoration:underline;
 }

.sp_logo{
display:none;
}

.contact-box {
  margin:0 auto 0 auto;
  padding:0;
}

.contact-box table{
border:none;
border-top:1px solid #eee;
margin-bottom:0;
background:#fff;
border-right:1px solid #eee;
border-left:1px solid #eee;
}

.contact-box th{
width:25%;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
padding:25px;
font-weight:600;
text-align:center;
vertical-align:middle;
}

.contact-box td{
border-bottom:1px solid #eee;
padding:25px;
width:75%;
}

.txt_red{
color:#fe0000;
}

ul.List{
 list-style-position:inside !important;
 list-style:disc !important;
}

ul.List li{
 padding-left:1em;
 text-indent:-1em;
 list-style:disc !important;
 list-style-position:inside !important;
 font-weight:bold;
 }

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

/************繝懊ち繝ｳ*************/

a.btn_gr{
 display:block;
 border-radius:10px;
 background:#149685;
 border-bottom:5px solid #077a6b;
 color:#fff;
 text-align:center;
 font-size:1.6rem;
 line-height:1.3;
 padding:1em;
 max-width:600px;
 margin:0 auto 2em auto;
 }

a.btn_gr:before{
 content:'';
 margin-right:.5em;
 background:url(images/time_icon.svg)no-repeat;
 background-size:contain;
 width:30px;
 height:30px;
 display:inline-block;
 vertical-align:middle;
 }

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

.mt30{
 margin-top:2.5em;
 }

a.btn_bl{
  background:#006ac3;
  display:block;
  border-radius:10px;
  color:#fff;
  text-align:center;
  padding:.7em .5em .7em .5em;
  margin:0 2% .7em 0;
  width:calc(98% / 2);
  font-size:1.1rem;
 }

a.btn_half_or {
  background: #ff7800;
  display: block;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  padding: 1.2em .7em 1.2em .7em;
  margin: 0 2% .7em 0;
  font-size: 1.1rem;
  width: 300px;
}

a.btn_yl {
  display: inline-block;
  padding: 0.8em 3em;
  background-color: #ffd150;
  box-shadow: 0 5px 0 #ffc41d;
  border-radius: 60px;
  color: #808080;
  cursor: pointer;
  text-decoration: none;
  font-size: 1.2rem;
  margin: 2em auto 2em auto;
}

a.btn_half_yl {
  display: inline-block;
  padding: 0.8em 3em;
  background-color: #ffd150;
  box-shadow: 0 5px 0 #ffc41d;
  border-radius: 60px;
  color: #808080;
  cursor: pointer;
  text-decoration: none;
}

a.btn_min{
  width:calc(96% / 3);
 }

a.btn_bl:after{
 content:'';
 margin-left:.5em;
 background:url(images/arrow_white.svg)no-repeat;
 background-size:contain;
 width:34px;
 height:5px;
 display:inline-block;
 }

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

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

a.btn_min:nth-of-type(even){
  margin-right:2%;
 }

a.btn_min:nth-of-type(3){
  margin-right:0%;
 }

a.btn_bl:hover{
  background:#0088fb;
 text-decoration:none;
 }

a.btn_half_or:hover{
  background:#ff5200;
 text-decoration:none;
 }

a.btn_yl:hover {
  box-shadow: none;
  transform: translateY(5px);
}

a.btn_half_yl:hover {
  box-shadow: none;
  transform: translateY(5px);
}

a.btn_or{
 display:block;
 border-radius:10px;
 background:#ff7800;
 border-bottom:5px solid #b95802;
 color:#fff;
 text-align:center;
 font-size:1.8rem;
 line-height:1.3;
 padding:1em;
 max-width:1000px;
 margin:0 auto 0 auto;
 }

a.btn_or:hover{
 background:#ff5200;
 }

.slick-prev, .slick-next {
    border: none !important;
    box-shadow:none;
}

.slick-prev:before, .slick-next:before{
font-family: 'slick';
    font-size: 26px;
    line-height: 1;
    opacity: .75;
    color:#252525;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

p.profile_text{
margin:10px 0 0 0;
font-size:0.75rem;
}

.mb_50{
margin:3em auto 3em auto;
}

.top_caption{
position:absolute;
top: 50%;
  left:5%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
z-index:5;
}

.sp-slide img{
height:100%;
object-fit: cover;
width:100%;
}


.main_imgBox {
      height:100vh;
    overflow: hidden;
    position: relative; 
    width:60vw;
    z-index:1;
    float:right;
}


.main_img {
    z-index:10;
    opacity: 0;
    width: 100%;
      height:100vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite; }


.main_img:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_img:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_img:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }

  .main_img:nth-of-type(5) {
      -webkit-animation-delay: 24s;
      animation-delay: 24s; }

    .main_img:nth-of-type(6) {
      -webkit-animation-delay: 30s;
      animation-delay: 30s; }


@keyframes anime {
  0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
        transform: scale(1.2) ;
         z-index:9;
    }
    100% { opacity: 0 }
}

.reason_wrap{
width:100%;
position:relative;
}

.reason_contents{
position:relative;
width:90%;
z-index:1;
}

.reason_title{
background:rgba(255,255,255,0.9);
padding:40px;
position:absolute;
top:2%;
left:2%;
z-index:2;
font-weight:bold;
}

.reason_text_contents{
background:rgba(255,255,255,0.9);
padding:40px;
position:absolute;
top:6%;
right:0%;
z-index:2;
width:40vw;
top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}

.reason_text_sub{
font-weight:500;
font-size:1.6rem;
margin-bottom:1em;
line-height:1.8;
color:#3f3b3a;
}

.reason_text_contents p{
font-size:0.9rem;
line-height:2.0;
margin-bottom:15px;
font-weight:normal;
color:#3f3b3a;
}


h2.section-title{
font-size:40px;
margin:0 auto 1em auto;
line-height:1.0;
letter-spacing:2px;
font-weight:600;
color:#006ac3;
font-family: 'Roboto', sans-serif;
display:inline-block;
}

h2.section-title span{
font-size:0.9rem;
text-align:center;
display:block;
margin:.7em auto 0 auto;
font-weight:400;
letter-spacing:2px;
color:#888;
position:relative;
border-bottom:1px solid #454545;
padding-bottom:20px;
max-width:160px;
line-height:1.5;
}


h2.section-title span::after{
 content:'';
 background:#ed4b01;
 position:absolute;
 height:1px;
 width:40%;
 bottom:-1px;
  left: 50%;
  transform:translateX(-50%);
  -webkit- transform:translateX(-50%);
 z-index:2;
 }

h2.black{
 color:#000 !important;
 font-family:'Noto Sans JP',貂ｸ繧ｴ繧ｷ繝?け菴?, 'Yu Gothic', YuGothic,'繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝?け Pro', 'Hiragino Kaku Gothic Pro', 繝｡繧､繝ｪ繧ｪ, Meiryo, Osaka, '?ｭ?ｳ ?ｰ繧ｴ繧ｷ繝?け', 'MS PGothic', sans-serif;
 font-size:34px;
 }

a {
    -webkit-transition: all .5s cubic-bezier(.5,0,0,1);
    -o-transition: all .5s cubic-bezier(.5,0,0,1);
    transition: all .5s cubic-bezier(.5,0,0,1);
    font-size: 100%;
    overflow: visible;
    vertical-align: baseline;
    word-break: break-all;
    outline: 0;
    background: 0 0;
}


section.service{
 background:#f3fbff;
 margin-bottom:4em;
 }

.Flex-wrap{
display:flex;
width:100%;
    flex-direction: row;
    flex-wrap: nowrap;
justify-content: center;
  align-items: center;
max-width:1200px;
margin:3em auto 0 auto;
}

.Flex__Wrap{
display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
justify-content: center;
  align-items: center;
 }

.Flex__Wrap .Item{
 width:calc(94% / 3);
 margin-right:3%;
 text-align:center;
}

.Flex__Wrap .Item:nth-of-type(3){
 margin-right:0%;
}

.Flex__Wrap .Item img.curcle{
  width:384px;
  height:384px;
  border:3px solid #fff;
  margin-bottom:1em;
  border-radius:50%;
 }

section.service p.long{
 margin-bottom:3em;
 }

.Flex-item{
 flex: auto;
}

.Flex-item img{
max-width:270px;
margin:0 0 15px 0;
display:block;
}

section.service .Item p{
 color:#092255;
 margin-bottom:0;
 color:#092255;
 font-weight:600;
 font-size:1.1rem;
 line-height:1.6;
 }

section.service p span{
 font-size:0.9rem;
 font-weight:normal;
 }


.about_btn_wrap{
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
justify-content:space-between;
 }


.about_btn_wrap .Item{
 width:calc(100%/3);
 background:#fff;
 border-top:1px solid #ddd;
 border-left:1px solid #ddd;
 border-bottom:1px solid #ddd;
 text-align:center;
 }

.about_btn_wrap .Item a{
display:block;
 color:#1a1a1a;
 }

.about_btn_wrap .Item:last-child{
 width:calc(100%/3);
 background:#fff;
 border-right:1px solid #ddd;
 }

.about_btn_wrap .Item .Title{
 padding:1.5em .5em 1em .5em;
 font-size:36px;
 color:#1a1a1a;
 font-weight:600;
 font-family: 'Roboto', sans-serif;
 text-align:center;
 }

.about_btn_wrap .Item .Title span{
 font-size:0.8rem;
 margin-top:1.5em;
 font-weight:normal;
 display:block;
 }

.Parchase-contents{
border:1px solid #ccc;
padding:25px;
margin-top:.5em;
}

.icon-price{
font-size:1.1rem;
margin-right:5px;
margin-bottom:10px;
font-weight:600;
}

.icon{
background:#eae8e0;
padding:5px;
line-height:1.0;
text-align:center;
font-size:0.9rem;
border-radius:3px;
display:inline-block;
margin-bottom:5px;
font-weight:500;
}

.Parchase-contents img{
display:block;
margin:0 auto .5em auto;
border:5px solid #eee;
}

.Parchase-contents-title{
font-weight:bold;
font-size:1.25rem;
margin-bottom:1em;
position:relative;
}

.zt{
z-index:3;
position:relative;
}

.Parchase-contents-title:after{
content:'';
background:#e1e1e1;
position:absolute;
width:65%;
height:30%;
bottom:0;
left:0;
z-index:1;
}

.Parchase-contents span{
display:block;
margin-top:.5em;
text-align:right;
font-size:0.8rem;
}

.txt_left{
text-align:left !important;
}


h2.Border-title{
    position: relative;
    margin-bottom:1em;
}

h2.Border-title:before {
    top:-35%;
    bottom: 0;
    width: 100%;
    height: 1px;
    margin: auto;
    background-color: #ecebeb;
    position: absolute;
    left: 0;
    display: block;
    content: '';
}

.Border-title-wrap{
    position: relative;
    padding-right: 50px;
    background-color: #fff;
    z-index:2;
    display:inline-block;
}

.title-backtrans{
background:transparent;
}

.table_contents_wrap{
display:table;
width:100%;
}

.table_contents{
width:50%;
vertical-align:middle;
padding-right:70px;
display:table-cell;
position:relative;
text-align:center;
}

.table_contents:nth-of-type(2){
vertical-align:middle;
padding-right:0;
}

.table_contents p{
font-size:1.0rem;
margin-bottom:25px;
line-height:2.0;
text-align:left;
font-weight:normal;
}

.table_contents02{
width:50%;
vertical-align:middle;
padding-left:0;
display:table-cell;
position:relative;
text-align:center;
}

.table_contents02:nth-of-type(2){
vertical-align:middle;
padding-left:70px;
text-align:left;
}

.table_contents02 p{
font-size:0.9rem;
margin-bottom:25px;
line-height:2.0;
text-align:left;
font-weight:normal;
}

.table_contents_sub{
font-weight:bold;
font-size:1.35rem;
position:relative;
margin:2em auto 2em auto;
line-height:1.8;
}

.table_contents_sub:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -70px;
    display: block;
    width: 50px;
    height: 1px;
    margin: auto;
    content: '';
    background-color: #3f3b3a;
}

.Sp-contents{
display:none;
}

.about_image{
text-align:center;
height:30vh;
width:100%;
overflow:hidden;
margin-bottom:2.5em;
margin-top:2.5em;
}

.about_image img{
object-fit: cover;
height:100%;
width:100%;
}

.Aboutus-table-wrapper table{
border:none;
margin:0 auto 4em auto;
}

.Aboutus-table-wrapper th{
width:30%;
text-align:center;
vertical-align:middle;
padding:25px;
border-bottom:1px solid #eee;
background:#f9f9f9;
font-weight:400;
font-family: Lato, sans-serif;
font-size:0.9rem;
}

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

.Aboutus-table-wrapper td p:last-child{
margin-bottom:0;
}

.Contact-table-wrapper{
background:#fff;
padding-bottom:.5em;
}

.Contact-table-wrapper table{
border:none;
margin:auto;
}

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

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

table.wd50{
margin-bottom:2em;
border-top:1px solid #eee;
}

table.wd50 td{
 width:50% !important;
 }

table.wd50 th{
 width:50% !important;
 }

.Contact-table-wrapper tr td:first-child{
 border-right:1px solid #eee;
 }

.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;
}

.news_wrap{
max-width:1200px;
margin:0 auto 2em auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content:space-between;
}


.news_wrap ul{
 width:calc(100% - 350px);
 }

.news_wrap .sns{
  width:25%;
 }

.news_arichive ul{
 width:100%;
 }

.news_arichive ul li h3{
      box-shadow: 0 3px 3px rgba(0,0,0,0.0);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.0);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.0);
      border:none;
    background:transparent;
 }

.news_arichive ul li h3:before{
 display:none;
 }

.news_arichive ul li:first-child{
border-top:1px solid #eee;
 }

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

.news_wrap li a{
display:block;
padding-bottom:.9em;
padding-left:.3em;
padding-top:.9em;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
justify-content:left;
font-size:1.0rem;
}

.news_wrap li a:hover{
background:#f9f9f9;
}

.news_wrap li span{
    margin-right:20px;
}

.news_wrap li h3{
    font-size:17px;
    font-weight: 400;
    flex: 1;
    margin-bottom: 0;
    transition: color 0.2s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news_wrap li a span:nth-of-type(2){
padding:6px;
min-width: 140px;
color:#fff;
background:#f29400;
line-height:1.3;
text-align:center;
}

span.event{
 background:#149685 !important;
 }

span.company-travel{
 background:#2752b3 !important;
 }

span.party{
 background:#e86b13 !important;
 }

.news_wrap li:after{
 content:'';
 background:url(images/arrow.svg)no-repeat;
 background-size:contain;
 display:block;
 width:44px;
 height:10px;
 position:absolute;
 right:0px;
 bottom:5px;
 }

.news_days{
margin-right:1em;
}

.news_days_single{
 margin-bottom:.5em;
}

.cmnBtn2{
webkit-transition: all .5s cubic-bezier(.5,0,0,1);
    -o-transition: all .5s cubic-bezier(.5,0,0,1);
    transition: all .5s cubic-bezier(.5,0,0,1);
}

.cmnBtn2 a:hover {
    background-color: #3f3b3a;
    color: #fff;
}

.news_title{
display:inline-block;
}

.news_title a:hover{
text-decoration:underline;
}

p.text_min{
font-size:0.75rem;
text-align:center;
margin-bottom:15px;
color:#666;
}

p.text_min:last-child{
margin-bottom:0;
}

.about_btn{
text-align:center;
}

.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:240px;
}

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

#reason,#purchaseresult,#businessguide,#aboutus,#contact{
   margin-top:-55px;
  padding-top:55px;
}

.delighter.splash {
  transition: all 2s ease-out;
}
.delighter.splash.ended {
  background: #fff;
}
.delighter.right { transform:translate(-100%); opacity:0; transition: all .75s ease-out; }
.delighter.right.started { transform:none; opacity:1; }

.delighter.left { transform:translate(100%); opacity:0; transition: all .75s ease-out; }
.delighter.left.started { transform:none; opacity:1; }

.delighter.bottom { transform:translatey(300%); opacity:0; transition: all .75s ease-out; }
.delighter.bottom.started { transform:none; opacity:1; }

.delighter li { opacity: 0; transform: translatey(400%); transition: all .7s ease-out; }
.delighter.started li { opacity: 1; transform: none; }
.delighter.started li:nth-child(1) { transition: all .7s ease-out .1s; }
.delighter.started li:nth-child(2) { transition: all .7s ease-out .3s; }
.delighter.started li:nth-child(3) { transition: all .7s ease-out .5s; }
.delighter.started li:nth-child(4) { transition: all .7s ease-out .7s; }
.delighter.started li:nth-child(5) { transition: all .7s ease-out .9s; }
.delighter.started li:nth-child(6) { transition: all .7s ease-out 1.1s; }
.delighter.started li:nth-child(7) { transition: all .7s ease-out 1.3s; }

.delighter pre {
  display: block; transition: all 2s ease-out; opacity: 0;
  padding: 20px 0;
  width: 1px; overflow: hidden;
}
.delighter.started pre {
  max-width: 99999px; width: 100%; opacity: 1;
}
.delighter .box { transition: all 1s ease-out; }
.delighter .box:nth-child(1) { transform: translate(-100%, 0); }
.delighter .box:nth-child(2) { transform: translate(170%, -70%); }
.delighter .box:nth-child(3) { transform: translate(20%, 0%); }

.delighter.started .box:nth-child(1) { transform: translate(0, 0); }
.delighter.started .box:nth-child(2) { transform: translate(70%, -70%); }
.delighter.started .box:nth-child(3) { transform: translate(20%, -120%); }


.home-logo{
text-align:center;
margin:0 auto 1em auto;
max-width:80px;
    animation: fadeIn 9s ease 0s 1 normal;
    -webkit-animation: fadeIn 9s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.single_wrap{
max-width:900px;
margin:3em auto 5em auto;
min-height:40vh;
}

.single_wrap p{
font-size:1.0rem;
font-weight:400;
line-height:2.0;
}

h2.subtitle{
margin-bottom:1em;
margin-top:.1em;
padding-bottom:.5em;
border-bottom:1px solid #eee;
}

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

.slick-list{
width:100% !important;
}

.swiper-container .swiper-slide {
  position: relative;
}
.swiper-container .swiper-slide .swiper-slide-content {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -48%);
  opacity: 0;
  transition: all 5s ease 0s;
  font-family: "Sawarabi Mincho",YuMincho, 貂ｸ譏取悃, "繝偵Λ繧ｮ繝取?譛? ProN W6", HiraMinProN-W6, HG譏取悃E, "?ｭ?ｳ ?ｰ譏取悃", "MS PMincho", "MS 譏取悃", serif;
  font-size:3rem;
  color:#fff;
  line-height:1.4;
}

.swiper-slide span{
margin-left:.5em;
}

.sawarabi{
font-family: "Sawarabi Mincho",YuMincho, 貂ｸ譏取悃, "繝偵Λ繧ｮ繝取?譛? ProN W6", HiraMinProN-W6, HG譏取悃E, "?ｭ?ｳ ?ｰ譏取悃", "MS PMincho", "MS 譏取悃", serif;
}

.swiper-slide img{
width:100%;
height:100%;
object-fit: cover;
}

.current-menu-item a{
border-bottom:3px solid #006ac3;
}

.current_page_parent a{
border-bottom:3px solid #006ac3;
}

.current-post-parent a{
border-bottom:3px solid #006ac3;
}

.pholosophy_box{
background:url(images/pholosophy_back.jpg) no-repeat left 15% top;
height:100vh;
width:100%;
display:table;
position:relative;
background-size:contain;
border-top:1px solid rgba(142,195,40,0.2);
border-bottom:1px solid rgba(142,195,40,0.2);
}

.pholosophy_box_cont{
display:table-cell;
vertical-align:middle;
width:100%;
}

.pholosophy_text_wrap{
margin:auto;
position:relative;
max-width:1000px;
}

.pholosophy_text{
margin-left:45%;
width:55%;
padding:25px;
background:rgba(255,255,255,0.85);
}

.pholosophy_text p{
font-size:0.9rem;
font-weight:normal;
margin-bottom:1.5em;
color:#444;
}

.pholosophy_text p:last-child{
margin-bottom:0;
}

/*繧ｿ繝門?繧頑崛縺亥?菴薙?繧ｹ繧ｿ繧､繝ｫ*/
.tabs {
  width:100%;
  margin: 0 auto;}

/*繧ｿ繝悶?繧ｹ繧ｿ繧､繝ｫ*/
.tab_item {
  width: calc(100%/2);
  text-align: center;
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
  border-bottom: 1px solid #eee;
 border-top: 1px solid #eee;
 border-right: 1px solid #eee;
position: relative;
padding:20px;
font-weight:bold;
cursor:pointer;
}

.tab_item:hover {
  opacity:1;
color:#8ec328;
}

/*繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ繧貞?縺ｦ豸医☆*/
input[name="tab_item"] {
  display: none;
}

/*繧ｿ繝門?繧頑崛縺医?荳ｭ霄ｫ縺ｮ繧ｹ繧ｿ繧､繝ｫ*/
.tab_content {
  display: none;
  padding:0;
  clear: both;
  overflow: hidden;
}


/*驕ｸ謚槭＆繧後※縺?ｋ繧ｿ繝悶?繧ｳ繝ｳ繝?Φ繝??縺ｿ繧定｡ｨ遉ｺ*/
#all:checked ~ #all_content,
#news:checked ~ #news
 {
  display: block;
}



.scroll>span>span:before {
    bottom: 0;
    width: 1px;
    height: 100px;
}

.tabs input:checked + .tab_item {
  background-color: #8ec328;
  color: #fff;
}

.scroll a{
    -webkit-transition: all .5s cubic-bezier(.5,0,0,1);
    -o-transition: all .5s cubic-bezier(.5,0,0,1);
    transition: all .5s cubic-bezier(.5,0,0,1);
}

.scroll_wrap{
position:absolute;
right:5%;
bottom:0px;
}

.scroll_wrap_left{
position:absolute;
left:5%;
bottom:0px;
}

.scroll {
    font-size: 10px;
    font-weight:500;
    line-height: 2em;
    color:#353535;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 20px;
    padding-top: 120px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    letter-spacing: 2.5px;
}

.scroll {
    bottom: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.scroll>span {
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.scroll>span>span {
    top: 0;
}

.scroll>span>span {
    position: absolute;
    left: -1px;
    display: block;
    width: 100%;
    height: 100px;
}

.scroll>span>span {
    -webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
    opacity: 0!important;
}

.scroll>span>span {
    opacity: 1!important;
}

.scroll>span>span:after {
    -webkit-animation: scroll2Anime 2s ease infinite;
    animation: scroll2Anime 2s ease infinite;
}

.scroll>span>span:after {
    top: 95px;
width: 5px;
height: 5px;
    background-color: #333;

}

.scroll>span>span:before {
    -webkit-animation: scroll1Anime 2s ease infinite;
    animation: scroll1Anime 2s ease infinite;
}

.scroll>span>span:before {
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    margin: auto;
    content: '';
    background-color: #333;
}

.scroll>span>span:after{
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    margin: auto;
    content: '';
}

@-webkit-keyframes scroll1Anime{
0%{height:0;opacity:0}
20%{height:0;opacity:1}
80%{height:95px;opacity:1}
100%{height:95px;opacity:0}
}
@keyframes scroll1Anime{
0%{height:0;opacity:0}
20%{height:0;opacity:1}
80%{height:95px;opacity:1}
100%{height:95px;opacity:0}
}

.loadComp .scroll>span>span:after{-webkit-animation:scroll2Anime 2s ease infinite;animation:scroll2Anime 2s ease infinite}
@-webkit-keyframes scroll2Anime{
0%{top:95px;opacity:0}
20%{top:95px;opacity:1}
80%{top:0;opacity:1}
100%{top:0;opacity:0}
}

@keyframes scroll2Anime{
0%{top:95px;opacity:0}
20%{top:95px;opacity:1}
80%{top:0;opacity:1}
100%{top:0;opacity:0}
}

.btnwrap{
 text-align:center;
 }

.button {
  position: relative;
  display: block;
  max-width:500px;
  padding: .8em 3.6em;
  border: 1px solid #111;
  color: #111;
  font-size:1.05rem;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .2s;
  margin:1em auto 0 auto;
}
.button::before,
.button::after {
  position: absolute;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 1px solid transparent;
}
.button::before {
  top: -1px;
  left: -1px;
}
.button::after {
  bottom: -1px;
  right: -1px;
}
.button:hover {
  color: #006ac3;
}
.button:hover::before,
.button:hover::after {
  width: 100%;
  height: 100%;
}
.button:hover::before {
  border-bottom-color: #006ac3;
  border-left-color: #006ac3;
  transition: height .2s, width .2s .2s;
}
.button:hover::after {
  border-top-color: #006ac3;
  border-right-color: #006ac3;
  transition: height .2s .4s, width .2s .6s;
}

.fade_off {
    opacity: 0;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;

}

.active {
    opacity: 1;
position: relative;
}

.bd1 div.bdT{width: 0;}
.bd1 div.bdB{width: 0;}
.bd1 div.bdR{height:0;}
.bd1 div.bdL{height:0;}

.active div{width:100%; height:100%; position:absolute;-webkit-transition:all 0.3s;transition:all 0.3s;}
.active div.bdT{width: 100%; height:2px; top:0; left:0;background: #000;}
.active div.bdB{width: 100%; height:2px; bottom:0; right:0;background: #000;}
.active div.bdR{height:100%; width :2px; right:0; top:0;background: #000;}
.active div.bdL{height:100%; width :2px; left:0; bottom:0;background: #000;}

.sign{
max-width:140px !important;
}

.fv_wrapper{
position:relative;
height:180px;
background:url(images/page_title_back.jpg)no-repeat center center;
background-size:cover;
}

.fv_contents_wrap{
position:absolute;
top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
z-index:5;
color:#1a1a1a;
}

.fv_contents{
}

.fv_contents h1{
margin:0;
vertical-align:middle;
line-height:1.6;
font-size:26px;
display:inline-block;
padding:0 .5em .4em .5em;
position:relative;
font-weight:600;

}

.fv_contents span{
font-size:1.0rem;
font-weight:normal;
display:block;
color:#006ac3;
margin-top:.7em;
text-align:center;
text-transform: capitalize;
font-family: 'Source Sans Pro', sans-serif;
}

.fv_contents h1:after{
 position:absolute;
 content:'';
 background:#ed4b01;
 width:40%;
 height:1px;
 bottom:-1px;
  left: 50%;
  transform:translateX(-50%);
  -webkit- transform:translateX(-50%);
 z-index:5;
 }

.fv_contents h1 span:nth-of-type(2){
font-size:0.9rem;
margin-left:15px;
font-weight:normal;
letter-spacing:1px;
color:#006ac3;
}

.breadcrumb_wrap{
 padding:1em 2.5em 1em 2.5em;
 font-size:0.9rem;
 color:#545454;
 border-bottom:1px solid #eee;
 }

.breadcrumb_wrap a{
 color:#006ac3;
 }

.l-inner{
max-width:1180px;
margin:auto;
}

.l-index-wrap{
min-height:100px;
position:relative;
overflow:hidden;
}


.l-index-wrap a{
display:block;
}

.l-index-wrap-cap{
background:rgba(255,255,255,0.95);
padding:30px;
position:absolute;
right:0;
height:100%;
top:0;
width:40%;
}

.l-index-wrap-cap-left{
background:rgba(255,255,255,0.95);
padding:30px;
position:absolute;
left:0;
height:100%;
top:0;
width:40%;
}

.l-index-wrap-cap-table{
display:table;
width:100%;
height:100%;
}

.l-index-wrap-cap-cell{
display:table-cell;
vertical-align:middle;
text-align:center;
}

.l-index-wrap-cap-cell h2{
font-size:3.0rem;
color:#000;
margin-bottom:.5em;
font-weight:700;
text-align:center;
line-height:1.1;
}

.l-index-wrap-cap-cell h2 span{
color:#999;
font-size:0.9rem;
display:block;
font-weight:normal;
}

.l-index-wrap-cap-cell p{
margin-bottom:5px;
line-height:1.4;
font-weight:400;
}

.btn_min{
max-width:300px;
display:block;
margin:2.5em auto 0 auto;
}

h2.page-sub{
margin-bottom:2em;
padding-bottom:.5em;
border-bottom:4px solid #8ec328;
text-align:center;
font-size:1.8rem;
font-weight:700;
}


li{
line-height:2.0;
}

.news_archive_text{
margin:0 0 0 25px;
font-size:0.9rem;
}

.top_archive{
border-top:1px solid #eee;
margin-top:25px;
}

.blog-eye{
margin-bottom:2em;
}


.commnunity_wrap{
    background: #f3eee9;
}

.community {
    padding: 0 26px;
    margin:2.5em auto 0 auto;
    border-top: 1px solid rgba(0,0,0,.12);
    border-bottom: 1px solid rgba(0,0,0,.12);
}

.community__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.community__list li {
    width: 25%;
    display: block;
    position: relative;
    background: #fff;
}

.community__heading {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .25em;
    font-size: 14px;
    line-height: 28px;
    transform: translateY(-50%);
    font-weight: 700;
}

.community__heading i{
font-size:20px;
}

.community__heading span{
font-weight:400;
}

.image {
    height: 0;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
}

.image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    transition: opacity .6s cubic-bezier(.39,.575,.565,1);
}

.community__line {
    z-index: 2;
    background: rgba(0,0,0,.12);
    display: block;
    width: 1px;
    height: 200%;
    padding-top: 26px;
    padding-bottom: 26px;
    position: absolute;
    left: 0;
    top: -26px;
}

.footer_info{
display:table;
margin:auto;
}

.footer_info .Contents{
 display:table-cell;
 vertical-align:middle;
 padding-right:1.5em;
 }

.footer_info .Contents:first-child{
  max-width:250px;
 }

.footer_info .Contents:nth-of-type(3){
 text-align:center;
 max-width:115px;
 padding-right:0;
 }

.Contents p{
  font-weight:600;
 font-size:26px;
 line-height:1.1;
 }

.Contents p font{
 font-size:18px;
 }

.Contents p span{
 font-size:0.85rem;
 font-weight:normal;
 display:block;
 margin-top:.5em;
 }

.footer_info i{
color:#ae9a64;
font-size:18px;
margin-right:5px;
}

.footer_info p{
margin:10px auto 0 auto;
}

.footer_links{
max-width:1000px;
margin:1em auto 1em auto;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
padding:1em;
text-align:center;
}

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

.footer_links li a:hover{
text-decoration:underline;
padding:0;
}


.footer_links li a{
padding:0;
}

.footer_links02{
text-align:center;
}

.footer_links02 a {
    color: #403e3a;
    position:relative;
    display:inline-block;
    margin-right:5px;
    font-size:14px;
}

.footer_links02 a:before{
 font-family: "FontAwesome";
  content: '\f0da';
  color: #ae9a64;
  margin-right:5px;
}

.page_footer{
background:#f3eee9;
padding:3em 1.5em 3em 1.5em;
}

.contact_wrapper{
background:rgba(237,231,212,0.7);
position:relative;
}

.contact_top_image{
position:absolute;
top:2%;
right:0;
z-index:1;
}

.contact_bottom_image{
position:absolute;
bottom:2%;
left:0;
z-index:1;
}

.page_top{
margin-top:2em;
text-align:center;
margin-bottom: -5px;
}

.pb_none{
padding-bottom:0;
}

.l-mv-scroll {
    position: absolute;
    bottom: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
    transition: 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
    z-index:10;
    margin-top: -80px;
}

.fv_scroll{
    width: 40px;
    text-align: center;
}

.scroll-text {
    font-family: "Sorts Mill Goudy", YuMincho, 貂ｸ譏取悃, serif;
    text-align: center;
    color: rgb(255, 255, 255);
    font-style: italic;
    margin-bottom:0;
}

.scroll-icon {
    position: relative;
    width: 23px;
    padding-top: 16px;
    margin: auto;
}



.scroll-icon-line {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 1px;
    height: 30px;
    overflow: hidden;
}

.scroll-icon-line>span {
    display: block;
    width: 1px;
    margin: auto;
    height: 30px;
    background: #fff;
    -webkit-animation: SCROLL 2.6s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
    animation: SCROLL 2.6s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
}

.icon-2x {
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
}




.icon-2x.icon-scroll {
    display: inline-block;
    background-image: url(images/scroll_icon.svg);
    background-repeat: no-repeat;
    background-position:left center;
    width: 21px;
    height: 42px;
    background-size:contain;
}

@-webkit-keyframes SCROLL{0%{opacity:0.4;-webkit-transform:translateY(-40px);transform:translateY(-40px)}50%{opacity:1}100%{opacity:0.4;-webkit-transform:translateY(40px);transform:translateY(40px)}}@keyframes SCROLL{0%{opacity:0.4;-webkit-transform:translateY(-40px);transform:translateY(-40px)}50%{opacity:1}100%{opacity:0.4;-webkit-transform:translateY(40px);transform:translateY(40px)}}


.tt_mb{
margin-bottom:3em;
}

.flex_page_wrap{
    display: flex;
    flex-direction: row;
    flex-wrap:nowrap;
    max-width:1000px;
    margin:auto;
}

.flex_page_item{
   width: 50%;
 }

.gray_back{
 background:#f9f9f9;
 width:100vw;
 position:absolute;
 z-index:-1;
 bottom:40px;
 height:10vh;
 left:0;
 }

.plr_none{
padding-left:0;
padding-right:0;
position:relative;
}

.service_number{
color:#ccc;
font-size:4.0rem;
}

.bc_transparent{
background:transparent;
}


/************蜈ｱ騾壹さ繝ｳ繝?Φ繝?*************/

.comm_contents{
margin-bottom:4em;
}

.comm_contents b{
background:#f9f9f9;
padding:10px;
font-size:1.25rem;
display:block;
margin-bottom:1em;
}

.comm_contents ol{
margin-left:1.5em;
}

.comm_contents ol li{
 list-style-type: decimal;
 list-style-position:inside;
 text-indent:-1em;
 padding-left:1em;
}

.mb_none{
 margin-bottom:0;
 }

.pt_none{
 padding-top:0;
 }

p.mb25{
 margin-bottom:2em;
 }

/************繝ｬ繧ｯ繝ｪ繧ｨ繝ｼ繧ｷ繝ｧ繝ｳ*************/

.Recreation_Image_wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:center;
    max-width:1000px;
    margin:0 auto 2em auto;
 }

.Recreation_Image_wrap .Image{
  width:calc(97% / 4);
  margin-bottom:1%;
  margin-right:1%;
 }

.Recreation_Image_wrap .Image:nth-of-type(4n){
 margin-right:0;
 }

.Recreation_Image_wrap .Image_Wide{
  width:49.5%;
  margin-right:1%;
 margin-bottom:.5em;
 text-align:center;
 }

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

.Recreation_Image_wrap img{
 padding:5px;
 border:1px solid #ddd;
 }

/************繧ｹ繧ｿ繝?ヵ邏ｹ莉?*************/

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

.Staff_Wrap .Contents{
  width:calc(100%/3);
  position:relative;
 }

.Staff_Wrap .Contents a{
 display:block;
 }

.Staff_Wrap .Contents .name_wrap{
  padding:10px;
  position:absolute;
  left:0;
  bottom:20px;
  width:100%;
 }

.Staff_Wrap .Contents .name_wrap .position{
background:#006ac3;
color:#fff;
padding:.2em .7em .2em .7em;
display:inline-block;
min-width:200px;
text-align:center;
}

.Staff_Wrap .Contents .name_wrap .position02{
background:#c55801;
}

.Staff_Wrap .Contents .name_wrap .position03{
background:#f77fbb;
}

.Staff_Wrap .Contents .name_wrap .profile{
 background:rgba(255,255,255,0.85);
display:block;
 padding:.5em;
 color:#1a1a1a;
 font-size:30px;
 font-weight:600;
 padding-bottom:1px solid #e38800;
}

.Staff_Wrap .Contents .name_wrap .profile div{
 display:block;
 }

.Staff_Wrap .Contents .name_wrap .profile span{
 font-size:15px;
 }

.Staff_Wrap .Contents .name_wrap .profile div.btn{
 background:#000;
padding:.2em .7em .2em .7em;
 display:inline-block;
 float:right;
 color:#fff;
 font-size:0.9rem;
 font-weight:normal;
 }


.Staff_Wrap .Contents .name_wrap .profile p{
 margin:.5em 0 0 0;
 padding-top:.5em;
 border-top:1px solid #ed4b01;
 min-width:120px;
 display:inline-block;
 font-size:0.8rem;
 color:#999;
 font-family: 'Roboto', sans-serif;
 }

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

.Staff_questionnaire .Contents{
 width:calc(100% / 2);
 text-align:center;
 }

.Staff_questionnaire .Contents .left{
  background:#006ac3;
 color:#fff;
 text-align:center;
 padding:1em;
 font-size:1.2rem;
 }

.Staff_questionnaire .Contents .right{
  background:#f9951e;
 color:#fff;
 text-align:center;
 padding:1em;
 font-size:1.2rem;
 }

.Staff_interview{
 background:url(images/staff/questionnaire_back1.jpg)no-repeat right 1em bottom #f3fafe;
 background-size:contain;
 padding:3em 2.5em 3em 2.5em;
 }

.Staff_interview02{
 background:url(images/staff/questionnaire_back2.jpg)no-repeat left 1em bottom #fffdf3;
 }

.Staff_interview03{
 background:url(images/staff/questionnaire_back3.jpg)no-repeat right 1em bottom #fff8f6;
 }

.Staff_interview h3{
  font-weight:600;
 margin-bottom:2em;
 line-height:1.6;
 padding-bottom:1em;
 font-size:30px;
 font-weight:600;
 position:relative;
 text-align:center;
 background:transparent;
 border:none;
     box-shadow: 0 3px 3px rgba(0,0,0,0.0);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.0);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.0);
 }

.Staff_interview h3 span{
 font-family: 'Roboto', sans-serif;
 color:#006ac3;
 margin-right:.5em;
 font-size:35px;
 }

.Staff_interview h3:before{
 display:none;
 }

.Staff_interview h3:after{
 content:'';
 background:url(images/staff/title_border.svg) no-repeat center center;
 position:absolute;
 width:100%;
 height:50px;
 bottom:-30px;
  left: 50%;
  transform:translateX(-50%);
  -webkit- transform:translateX(-50%);
 }

/*莉･荳九€∝ｷｦ蛛ｴ縺ｮ繧ｳ繝｡繝ｳ繝?*/

.balloon_wrap{
 position:relative;
     display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  justify-content:space-between;
 }

.balloon_center{
  justify-content:center;
  width:100%;
 }

.balloon {
  width: calc(98% / 2);
  margin:0 0 1em 0;
}

.balloon_center_contents {
  width:49%;
  margin:0 0 1em 0;
}

.balloon .chatting {
  width: 100%;
  text-align: left;
}
.says {
  display:block;
  position: relative; 
  margin: 0 0 0 0px;
  padding: 15px;
  max-width:100%;
  border-radius: 12px;
  background: #fff;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 3px; 
  left: -19px;
  border: 8px solid transparent;
  border-right: 18px solid #fff;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}
.says p {
  margin: 0;
  padding: 0;
}

/*莉･荳九€∝承蛛ｴ縺ｮ繧ｳ繝｡繝ｳ繝?*/
.mycomment {
 width: calc(100% / 2);
}
.mycomment p {
  display:block;
  position: relative; 
  margin: 0 0 1em 0;
  padding:15px;
  max-width:100%;
  border-radius: 12px;
  background: #fff;
}

.mycomment p:after {
  content: "";
  position: absolute;
  top: 3px; 
  right: -19px;
  border: 8px solid transparent;
  border-left: 18px solid #fff;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}

.Staff_bottom_comment{
 background:#fff;
 padding:1em;
 font-size:1.1rem;
 text-align:center;
 font-weight:600;
 margin:2em auto 0 auto;
 }

.Flex__Wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:center;
    margin:0 auto 2.5em auto;
    align-items:center;
 }

.Flex__Wrapper .Item{
 width:37%;
 margin-right:3%;
 }

.Flex__Wrapper .Item:nth-of-type(2){
 margin-right:0;
 width:60%;
 }

.Flex__Wrapper .Item p:last-child{
 margin-bottom:0;
 }

.Flex__Wrapper .Item .Image{
 position:relative;
 z-index:0;
 margin-bottom:0;
 }

.Flex__Wrapper .Item .Image img{
 padding:10px;
 border:1px solid #ddd;
 background:#fff;
 }

.Flex__Wrapper .Item .Image:after{
 background:#f3fafe;
 display:block;
 content:'';
 width:100%;
 height:100%;
 right:-5px;
 bottom:-10px;
 position:absolute;
 z-index:-1;
 }

.Contact_wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:space-between;
    margin:0 auto 2.5em auto;
}


.Contact_wrap .Contents{
  font-size:20px;
 width:calc(100% / 3);
 font-weight:normal;
 padding-right:.5em;
 border-right:1px solid #ddd;
 margin-right:.5em;
 text-align:center;
 }

.Contact_wrap .Contents:nth-of-type(3){
	padding-right:0;
	border-right:0;
	margin-right:0;
	}

.Contact_wrap .Contents font{
 font-weight:normal;
 display:block;
 background:#e86c21;
 color:#fff;
 text-align:center;
 padding:.5em 1.5em .5em 1.5em;
 margin-bottom:1em;
 }

.mt10{
 margin-top:1.5em;
 text-align:center;
 font-size:1.0rem;
 }

.mt10 span{
 font-size:1.2rem;
 }

.philosophy{
 text-align:center;
 font-family: 'Noto Serif JP', serif;
 font-size:30px;
 font-weight:500;
 line-height:1.6;
 color:#006ac3;
 margin-bottom:4em;
 }

ul.Project{
  list-style:none;
      display: flex;
    flex-direction: row;
    flex-wrap: wrap;
justify-content:center;
 }

ul.Project li{
  background:#006ac3;
  padding:.5em;
  border-radius:8px;
  color:#fff;
 text-align:center;
 margin:0 .5em 1em .5em;
  width:calc(90% / 4);
  line-height:1.5;
 height:65px;
 line-height:1.5;
 position:relative;
 }

ul.Project li a{
 display:block;
 color:#fff;
 }
 
ul.Project li span{
 position:absolute;
 top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
 width:95%;
 }

p.access{
 text-align:center;
 margin-bottom:1em;
 }

p.access i{
  color:#ed4b01;
 }

.service_image{
 max-width:860px;
 margin-top:1.5em;
 }

.txt_right{
 text-align:right;
}

.modal-open{
    background: #fff;
    color: #222;
    left: 50%;
    padding: 10px 40px;
    position: absolute;
    top: 50%;transform: translate(-50%,-50%);
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index:999;
}
.modal__bg{
    background: rgba(0,0,0,0.7);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 70%;
       z-index:1000;
    overflow-y:auto;
    max-height:800px;
}

.modal__close{
  background:transparent;
 padding:8px;
 text-align:center;
 color:#fff;
 font-size:27px;
 font-weight:bold;
 position:fixed;
 z-index:1001;
 }
 
table.border{
  border:1px solid #ddd;
  border-right:none;
  border-bottom:none;
  margin-bottom:2em;
 font-size:0.8rem;
 
 }

table.border th{
 padding:15px;
 font-weight:normal;
 background:#f9f9f9;
 border-right:1px solid #ddd;
 border-bottom:1px solid #ddd;
text-align:center;
 }

table.border td{
 padding:15px;
 border-right:1px solid #ddd;
 border-bottom:1px solid #ddd;
text-align:center;
 }

.timeline {
  list-style: none;
  margin:auto;
}

.timeline > li {
  margin-bottom: 60px;
}

.timeline > li:first-child{
  border-top:1px solid #eee;
}

.timeline > li {
	    overflow: hidden;
	    margin: 0;
	    position: relative;
	   border-bottom:1px solid #eee;

	  }

.timeline > li p{
	 margin-bottom:0;
	}

.timeline-date {
	    width: 180px;
	    float: left;
	    padding-top: 20px;
	    padding-bottom:15px;
	    padding-left:15px;
	    padding-right:15px;
	    font-size:1.1rem;
	    font-weight:400;
	    background:#fffdf5;
	    text-align:right;
	  }
.timeline-content {
	    width: 75%;
	    float: left;
	    border-left: 3px #e5e5d1 solid;
	    padding-left: 30px;
	    padding-bottom: 20px;
	    padding-top:15px;
	    font-size:1.1rem;
	  }
.timeline-content:before {
	    content: '';
	    width: 12px;
	    height: 12px;
	    background: #6fc173;
	    position: absolute;
	    left: 176px;
	    top: 24px;
	    border-radius: 100%;
}

p.privacy_text{
 font-size:0.7rem;
 font-weight:normal;
 text-align:left;
 line-height:1.4;
 }

.footer_info .Contents .privacy{
   max-width:90px;
  }

.object_fit_img {
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

/***************************繧ｹ繝槭?逕ｨ****************************/

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

	main{
	 margin-top:57px;
	}

	.fv_wrapper{
	height:150px;
	}

	.fv_wrapper img{
	height:100%;
	width:100%;
	object-fit: cover;
	}

	.fv_contents h1 span{
	font-size:1.4rem;
	}

	.fv_contents_wrap{
	 width:100%;
	}

	div.wpcf7-response-output {
	    margin:0.5em auto 0.5em auto !important;

	}

	.fv_contents{
	width:90%;
	padding:15px;
	height:auto;
	margin:auto;
	text-align:center;
	}

	.fv_contents h1 {
	    margin: 0;
	    font-size: 20px;
	    padding: 0 0 .2em 0;
	    border-bottom: 1px solid #434343;
	}

	.swiper-wrapper{
	height:70vh;
	}

	.swiper-slide img{
	height:70vh;
	width:100%;
	object-fit: cover;
	}

.swiper-container .swiper-slide .swiper-slide-content{
	font-size:1.8rem;
	width:90%;
	}


	.swiper-slide-content-1 span{
	  display:block;
	  margin-top:.3em;
	}

	input[type="reset"], input[type="button"], input[type="submit"]{
	margin-bottom:0;
	padding:15px;
	}

	.Slider__Caption{
	 font-size:1.4rem;
	 line-height:1.4;
	 text-align:center;
	 letter-spacing:-1px;
	 width:94%;
	 top: 50%;
	  left:50%;
	  transform: translateY(-50%) translateX(-50%);
	  -webkit- transform: translateY(-50%) translateX(-50%);
	}

	.fix-header{
	display:none;
	}

	.pc_image{
	 display:none;
	}

	.sp_image{
	 display:block;
	}

	.header_inner{
	display:none;
	}

	.video-container{
	     height:auto;
	    max-height:70vh;
	 }

	svg.intro {
	    width: 90%;
	    position: absolute;
	    top: 50%;
	    left:0%;
	    transform: translateY(-50%);
	    -webkit- transform: translateY(-50%);
	}

	.reason_text_contents{
	transform: translateY(-0%);
    -webkit- transform: translateY(-0%);
	}

	.service_contents {
	position: relative;
	width:100%;
	margin-right:0%;
	float:none;
	margin-bottom:2em;
	}

	.service_contents p{
	font-size:0.7rem;
	}

	.service_contents p:after{
	        margin:10px auto 0 auto;
	        font-size:20px;
	}

	.pholosophy_text{
	width:100%;
	    margin:70vh auto 0 auto;
	    padding: 15px 0 15px 0;
	}

	.comm_button{
	width:70%;
	height:auto;
	}

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

	h2.title:before,h2.title:after {
	    bottom: -10px;
	}

	h3{
	 font-size:1.25rem;
	}

	.catchPhrase{
	font-size:100%;
	}

	.btn_top_member{
	margin-top:3em;
	}

	h2.block-title{
	font-size:1.45rem;
	}

	.back_gray{
	background-size:auto;
	background: url(images/service_back.jpg) center center;
	}

	.people_contents{
	width:100%;
	}

	.square_btn{
	font-size:1.4rem;
	width:100%;
	background: url(images/mails.svg) no-repeat 20px center #f73e65;
	background-size:35px 35px;
	margin-bottom:0;
	}

	.square_btn:hover {
	    border-radius: 4px;
	    background: url(images/mails.svg) no-repeat 20px center #ff555d;
	background-size:35px 35px;
	}

	.square_btn a{
	padding:25px 10px 25px 30px;
	}

	.access_wrapper{
	display:block;
	}

	.access_contents{
	display:block;
	width:100%;
	}

	.access_contents_sp{
	display:block;
	}

	.access_wrapper iframe{
	height:250px !important;
	}

	.access_contents:nth-of-type(2), .access_contents02:nth-of-type(2){
	padding:15px;
	display:block;
	width:100%;
	}

	 .access_contents02{
	display:block;
	width:100%;
	padding:0;
	}

	.access_wrap table{
	    border-spacing:5px;
	}
	
	.access_wrap th{
	width:30%;
	padding:10px;
	}

	.access_wrap td{
	padding:10px;
	}

	.sp_image{
	display:block;
	}

	.pc_image{
	display:none;
	}

	.footer_links li{
	margin-bottom:10px;
	}

	.company_banner, .history_banner{
	max-height:150px;
	}

	.company_banner, .history_banner:hover{
	max-height:150px;
	}

	.company_banner a, .history_banner a{
	height:140px;
	padding:0;
	margin:auto;
	opacity:1.0;
	color:#fff !important;
	}

	.company_banner, .company_banner:hover, .history_banner, .history_banner:hover{
	 background-size:100% 100%;
	min-height:auto;
	height:150px;
	margin-bottom:2em;
	}

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

	.drawer-menu_logo{
	float:none;
	max-width:180px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	}

	.drawer-menu_logo a img{
	 width:100%;
	}

	.drawer-menu {
	    box-sizing: border-box;
	    position: fixed;
	    top: 0;
	    right: 0;
	    width: 300px;
	    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;
	    background:#006ac3;
	    color: #fff;
	    -webkit-transition: all .2s;
	    transition: all .2s;
	    padding:10px;
	}

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

	.drawer-menu ul.children{
	 border-top:1px solid #7894bb;
	}

	.drawer-menu ul.children li a{
	background:#004075;
	}

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

	/* menu button - label tag */
	.menu-btn {
	    position: absolute;
	    display: block;
	    top: 8px;
	    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: #454545;
	    -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 #7894bb;
	}

	.mt_15{
	margin-top:2em;
	}

	.links_white{
	color:#fff !important;
	font-size:26px;
	}

	.hidden_box label {
	margin-bottom:3em;
	}

	#wpfront-scroll-top-container{
	right:5px !important;
	bottom:5px !important;
	}

	#wpfront-scroll-top-container img{
	max-width:45px;
	}

	#next{
	margin-top:-50px;
	padding-top:50px;
	}

	.footer_menu_wrap{
	padding-bottom:0.5em;
	}

	.toggle-box table, .toggle-box02 table{
	border:none;
	border-top:1px solid #ccc;
	width:95%;
	margin:auto;
	}

	.toggle-box th, .toggle-box02 th{
	width:100%;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:15px;
	font-weight:600;
	text-align:center;
	vertical-align:middle;
	display:block;
	}

	.toggle-box td, .toggle-box02 td{
	border-bottom:1px solid #ccc;
	padding:15px;
	width:100%;
	display:block;
	}

	.toggle-box tr:last-child > td{
	border-bottom:none;
	}

	.toggle-box02 tr:last-child > td{
	border-bottom:none;
	}

	.footer_company_logo_wrap{
	display:block;
	margin:0 auto 0 auto;
	}

	.footer_company_logo{
	display:block;
	float:left;
	width:50%;
	text-align:center;
	padding:0 15px 15px 15px;
	}

	.footer_company_logo:nth-of-type(5){
	float:none;
	margin:0 auto 15px auto;
	}

	.drawer_logo{
	margin:0 auto 1em auto;
	text-align:center;
	}

	.drawer_logo img{
	max-width:140px;
	}
	
	.sp_logo{
	text-align:center;
	display:block;
	width:95%;
	margin:0 auto 0 auto;
	padding:15px 0 15px 0;
    box-shadow: 0 3px 3px rgba(0,0,0,0.14);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.14);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.14);
	position:relative;
	z-index:5;
	width:100%;
	}

	.sp_logo img{
	max-width:120px;
	}

	section {
	    padding:2em 1em 2em 1em;
	}
	
	.contact-box th{
	width:100%;
	display:block;
	border-right:0;
	}

	.contact-box td{
	width:100%;
	display:block;
	}

	h2.section-title span{
	 margin-top:.3em;
	 padding-bottom:.6em;
	 max-width:220px;
	}

input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], textarea{
	width:100%;
	}

	.sp_auto{
	margin:auto;
	display:block;
	}

	.sp_service_wrap{
	position:relative;
	margin:0 auto 1.5em auto;
	}

	.sp_service_image{
    width: 100%;
    height: 100%;
    padding: 5px 0 5px 0;
    border-radius: 50%;
    background: rgba(255,255,255,0.65);
    display: block;
    text-align: center;
    box-shadow: 0 3px 3px rgba(0,0,0,0.14);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.14);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.14);

}


	.sp_service {
	    top:0;
	    left:0;
	    display: block;
	    width: 100%;
	    height: 100%;
	    padding: 50%;
	    border-radius: 50%;
	    background: #008ed2;
	    color: #fff;
	    position:absolute;
	}

	p.profile_text{
	margin:0px 0 0 0;
	font-size:0.7rem;
	line-height:150%;
	}

	.people_wrap{
	 margin-bottom:0;
	}

	/* 陦ｨ髱｢縺ｮ陦ｨ遉ｺ */
	.sp_service_surface {
	    opacity: 1;
	    transform: rotateY(0deg);
	    transition:
	        opacity 100ms 150ms,
	        transform 300ms 150ms;
	}
	.sp_service_reverse {
	    opacity: 0;
	    transform: rotateY(90deg);
	    transition:
	        opacity 50ms 200ms,
	        transform 300ms;
	}
	 
	/* 陬城擇縺ｮ陦ｨ遉ｺ */
	.sp_service_surface_tt {
	    opacity: 0;
	    transform:rotateY(90deg);
	    transition:
	        opacity 50ms 200ms,
	        transform 300ms;
	}
	.service_contents_reverse_tt {
	    opacity: 1;
	    transform:rotateY(0deg);
	    transition:
	        opacity 100ms 150ms,
	        transform 300ms 150ms;
	}
	.sp_about{
		text-align:left;
	}
	
	.back_gray{
		  padding: 2em 0.8em 2em 0.8em;
	}
	
	.service_contents{  max-width: 325px;}

	.service_contents span{
	margin:0 auto 0.5em auto;
	}

	.service_title{
	margin:0;
	}

	.pc_header{
	display:none;
	}

	.people_name_wrap{
	bottom:1.5%;
	left:1.5%;
	right:1.5%;
	top:1.5%;
	}

	.people_title{
	display:inline-block;
	margin-left:5px;
	}

	.people_box{
	position:absolute;
	top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	width:100%;
	padding:10px;
	}

	.ex2{
	margin-top:15px;
	}

	.reason_text_sub{
	font-weight:500;
	font-size:1.2rem;
	margin-bottom:1em;
	line-height:1.8;
	color:#3f3b3a;
	}

	.main_imgBox{
	width:100%;
	}

	.reason_title{
	background:rgba(255,255,255,0.9);
	padding:0px;
	position:relative;
	top:0;
	left:0;
	z-index:2;
	font-weight:bold;
	text-align:center;
	}

	.reason_text_contents{
	background:rgba(255,255,255,0.9);
	padding:0px;
	position:relative;
	top:0;
	right:0;
	z-index:2;
	height:auto;
	width:100%;
	margin-top:1em;
	}

	h2.section-title{
	font-size:24px;
	margin:auto;
	font-weight:bold;
	line-height:1.4;
	}

	#header_movie_wrap{
	max-height:70vh;
	}

	.modal_content{
    align-self: flex-start;
    width: 90%;
	padding:15px;
	}

	.modal_content_s{
	padding:25px;
	}

	.modal_wrap input:checked ~ .modal_overlay .modal_content{
	    transform: translateY(20px);
	}

	.close_button {
	    position: absolute;
	    top: 8px;
	    right: 8px;
	}

	.Flex-wrap{
	display:flex;
	width:100%;
	    flex-direction: row;
	    flex-wrap:nowrap;
	justify-content:left;
	  align-items:left;

	}

	.Flex-item{
	 flex: auto;
	margin:0 1.5em 0 1.5em;
	}

	.Flex-item img{
	display:block;
	margin:0 auto 15px auto;
	max-width:280px;
	}

	.table_contents_wrap{
	display:block;
	width:100%;
	}

	.table_contents{
	 padding-right:0;
	}

	.table_contents, .table_contents02{
	width:100%;
	padding-left:0px;
	display:block;
	}

	.table_contents:first-child{
	margin-bottom:1.5em;
	}

	.table_contents02:nth-of-type(2){
	padding-left:0px;
	}

	.plr_none {
	    padding-left: 1.5em;
	    padding-right: 1.5em;
	}

	div.modal .cmnBtn2{
	width: 50%;
    min-width: 180px;
	}

	div.modal>.cmnBtn2>span:before {
	    right: -70px;
	    width: 90px;
	    height: 1px;
	}

	div.modal>.cmnBtn2>span:after{
	right: -70px;
	}

	.Sp-contents{
	 text-align:center;
	 margin-bottom:25px;
	display:block;
	}

	.table_contents_sub{
	font-weight:bold;
	font-size:1.1rem;
	position:relative;
	margin-bottom:.5em;
	margin-top:1em;
	}

	.table_contents_sub:before {
	    left: -60px;
	    width: 50px;
	}

	.Border-title-wrap{
	padding-right:0;
	}

	.reason_contents{
	display:none;
	}

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

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

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

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

	.news_title {
	    display:block;
	}


	.footer_logo {
	    margin: 1.5em auto 1.5em auto;
	}

	.footer_logo img{
	max-width:120px;
	}

	.about_btn{
	text-align:left;
	}

	.top_caption{
	background:rgba(255,255,255,0.75);
	padding:10px;
	top: 50%;
	  left: 49%;
	  transform: translateY(-50%) translateX(-49%);
	  -webkit- transform: translateY(-50%) translateX(-49%);
	width:100%;
	}

	.ex1{
	text-align:center;
	font-size:2em;
	}

	.ex2{
	font-size:1.1rem;
	line-height:1.8;
	}

	h2.subtitle{
	font-size:1.25rem;
	}

	.home-logo{
	max-width:60px;
	}

	.news_wrap{
	margin-top:0;
	}

	.news_days{
	font-size:0.85rem;
	display:inline-block;
	margin-bottom:.1em;
	}

	.modal_wrap input:checked ~ .modal_overlay .modal_content {
	    transform: translateY(30px);
	}

	.news_wrap li:after {
	    content: '';
	    background: url(images/arrow.svg)no-repeat;
	    background-size: contain;
	    display: block;
	    width: 34px;
	    height: 5px;
	    position: absolute;
	    right: 0px;
	    bottom: 5px;
	}

	.Flex__Wrap {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	}

	.Flex__Wrap .Item {
	    width:100%;
	    margin-right:0;
	    margin-bottom:1.5em;
	    text-align: center;
	}

	.Flex__Wrap .Item img.curcle {
	    width: 225px;
	    height: 225px;
	    border: 3px solid #fff;
	    margin-bottom: 1em;
	    border-radius: 50%;
	}

	.about_btn_wrap .Item {
	    width:100%;
	    border-right: 1px solid #ddd;
	    margin-bottom: 1em;
	}

	.about_btn_wrap .Item .Title {
	    padding:.8em .5em;
	    font-size:22px;
	    color: #1a1a1a;
	    font-weight: 600;
	    font-family: 'Roboto', sans-serif;
	    text-align: center;
	}

	.about_btn_wrap .Item .Title span{
	 margin-top:.5em;
	}

	.about_btn_wrap .Item:last-child {
	    width:100%;
	}

	.Parchase-contents{
	border:none;}
	
	select{
	width:100%;
    background-color: #fafafa;
	}

	.title-backtrans {
	    background:#fff;
	}

	.footer_info {
	    display: block;
	    margin: auto;
	}

	.footer_info .Contents {
	    display: block;
	    vertical-align: middle;
	    padding-right:0;
	    text-align:center;
	    margin-bottom:.5em;
	}

	footer p.txt_center{
	 font-size:0.9rem;
	 line-height:1.5;
	}


	.footer_info .Contents:nth-of-type(3){
	     max-width:100%;
	     margin:1em auto 1em auto;
	}

	.button{
	margin-top:1em;
	}

	h2.section-title{
	margin-bottom:1em;
	}

	.l-index-wrap-cap, .l-index-wrap-cap-left{
	position:relative;
	height:auto;
	width:100%;
	padding:15px;
	border:1px solid #eee;
	}

	.l-index-wrap-cap-cell h2{
	margin-bottom:15px;
	font-size: 1.4rem;
	}

	.l-index-wrap-cap-cell h2 span{
	font-size:0.8rem;
	}

	.l-index-wrap{
	margin-bottom:3em;
	}

	.sub-menu{
	display:block;
	}

	.sub-menu a {
	    padding: 15px !important;
	    display: block;
	    text-align:center !important;
	    background:#fff !important;
	    color:#1a1a1a !important;
	}

	.sub-menu{
	width:100%;
	}

	.l-inner{
	margin-top:1em;
	}

	.fv_contents h1 span:nth-of-type(2){
	margin-top:5px;
	display:block;
	}

	h2.page-sub{
	margin-bottom:1em;
	}

	.news_wrap ul {
	    width:100%;
	}

	.news_wrap li a{
	display:block;
	flex-wrap:wrap;
	}

	.news_wrap li a span:nth-of-type(2){
	display:inline-block;
	    min-width: 100px;
	}

	.community {
	    padding-left: 20px;
	    padding-right: 20px;
	    margin-left: 0;
	    margin-right: 0;
	}

	.community__list li {
	    width: 50%;
	}

	.pt_lr_none{
	padding-left:0;
	padding-right:0;
	}

	.community__heading{
	    font-size: 12px;
	    line-height:26px;
	}

	.footer_links, .footer_links02{
	  display:none;
	}

	footer_info p{
	font-size:13px;
	}

	.l-mv-scroll{
	bottom:20px;
	}

	.contact_bottom_image{
	display:none;
	}

	.scroll_wrap_left{
	left:94%;
	bottom:-3%;
	z-index:10;
	}

	.scroll_wrap{
	right:-1%;
	bottom:-3%;
	z-index:10;
	}

	.scroll-text{
	font-size:13px;
	}

	.sp_center{
	 text-align:center;
	}

	.timeline {
	  list-style: none;
	}
	.timeline > li {
	  margin-bottom:0px;
	  text-align:left;
	  border-bottom:none;
	}


	.timeline > li p{
	margin-top:0;
	background:#f9f9f9;
	padding:8px;
	border-left: 3px #e5e5d1 solid;
	text-align:left;
		}

	.timeline > li:first-child {
	    border-top:none;
	}

	.timeline-content:before{
	 display:none;
	}

	.timeline-content{
	width:100%;
	background:#fff;
	}

	.timeline-content p{
	background:#fff !important;
	border-left:none !important;
	border-bottom:1px solid #eee;
	}

	.timeline-content h3{
	margin-bottom:.5em;
	font-size:1.3rem;
	}

	.timeline-date{
	font-weight:600;
	}

	footer section {
	    padding: 1.5em 1em 1.5em 1em;
	}

	.footer_info .Contents:first-child {
	    max-width: 170px;
	    margin-left:auto;
	    margin-right:auto;
	}

	.breadcrumb_wrap{
	 padding:.3em 1em .3em 1em;
	 font-size:0.8rem;
	 color:#545454;
	 }

	.Block_Contents{
	 margin-bottom:2.5em;
	 }

	/************繝懊ち繝ｳ*************/

	a.btn_gr, a.btn_or{
	 font-size:1.2rem;
	padding: 1em .5em 1em .5em;
	}

	a.btn_bl{
	  width:calc(100% / 1);
	 font-size:1.0rem;
	 margin:0 auto 1em auto;
	 position:relative;
	 }

	a.btn_half_or{
	  width:calc(100% / 1);
	 font-size:1.0rem;
	 margin:0 auto 1em auto;
	 position:relative;
	 }

a.btn_min:nth-of-type(even){
	 margin:0 auto 1em auto;
	}

a.btn_min:nth-of-type(3){
	 margin:0 auto 0 auto;
	}

	a.btn_bl:after {
	    content: '';
	    margin-left: .5em;
	    position:absolute;
	    display: inline-block;
		top: 50%;
		  right: 0;
		  transform: translateY(-50%);
		  -webkit- transform: translateY(-50%);
	}

	a.btn_half_or:after {
	    content: '';
	    margin-left: .5em;
	    position:absolute;
	    display: inline-block;
		top: 50%;
		  right: 0;
		  transform: translateY(-50%);
		  -webkit- transform: translateY(-50%);
	}


	a.btn_gr{
	 margin-bottom:0;
	}

	/************繝ｬ繧ｯ繝ｪ繧ｨ繝ｼ繧ｷ繝ｧ繝ｳ*************/

	.Recreation_Image_wrap{
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content:space-between;
	 }

	.Recreation_Image_wrap .Image{
	  width:calc(99% / 2);
	  margin-bottom:.3em;
	 }

	.Recreation_Image_wrap .Image_Wide{
	  width:100%;
	  margin:0 auto .3em auto;
	 }

	/************繧ｹ繧ｿ繝?ヵ邏ｹ莉?*************/

	.Staff_Wrap .Contents{
	  width:calc(100%/1);
	  position:relative;
	  margin-bottom:2em;
	 }

	.Staff_Wrap .Contents:last-child{
	 margin-bottom:0;
	}

	.Staff_Wrap .Contents .name_wrap .profile div.btn{
	 margin-top:1em;
	 font-size:0.85rem;
	}

	.Staff_questionnaire .Contents{
	 width:calc(100% / 1);
	 text-align:center;
	 margin-bottom:1em;
	 }

	.Staff_questionnaire .Contents:last-child{
	 margin-bottom:0;
	}

	.Staff_interview{
	 padding:2em 1em 2em 1em;
	 }

	.Staff_interview h3{
	 font-size:22px;
	 line-height:1.3;
	 padding-bottom:.5em;
	}

	 .Staff_interview h3 span{
	 font-size:26px;
	}

	.balloon {
	  width:100%;
	  margin:0 0 1em 0;
	}

	.balloon_center_contents {
	  width:100%;
	  margin:0 0 1em 0;
	}

	.mycomment {
	  width:100%;
	  margin:0 0 1em 0;
	}

	.Staff_bottom_comment{
	 background:#fff;
	 padding:.8em;
	 font-size:1.0rem;
	 text-align:center;
	 font-weight:600;
	 margin:1em auto 0 auto;
	 }

	.Flex__Wrapper .Item{
	 width:70%;
	 margin:0 auto .5em auto;
	 }

	.Flex__Wrapper .Item:nth-of-type(2){
	 margin-right:0;
	 width:100%;
	 }

	.Contact_wrap {
	    display: flex;
	    flex-direction: row;
	    flex-wrap:wrap;
	    justify-content: space-between;
	    margin: 0 auto 0 auto;
	}

	.Contact_wrap .Contents{
	  font-size:22px;
	 width:100%;
	 }

	.Contact_wrap .Contents{
	  font-size:18px;
	 width:calc(100%);
	 font-weight:normal;
	 padding-right:0;
	 border-right:none;
	 margin-right:0;
	 border-bottom:1px solid #ddd;
	 margin-bottom:.5em;
	 padding-bottom:1em;
	 text-align:center;
	 }

	.Contact_wrap .Contents p{
	  font-size:20px;
	  font-weight:normal;
	}

	.Contact_wrap .Contents:nth-of-type(3){
		padding-right:0;
		border-right:0;
		margin-right:0;
		}

	.philosophy{
	 margin-bottom:2em;
	}

	ul.Project li{
	 width:100%;
	 margin:0 auto .5em auto;
	}

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

	section:last-child {
	    padding-bottom: 2em;
	}

	table.wd50 td{
	 width:50% !important;
	 display:table-cell;
	 font-size:0.9rem;
	 }

	table.wd50 th{
	 width:50% !important;
	 display:table-cell;
	 font-size:0.9rem;
	 }

	.modal__content{
	    background: #fff;
	    left: 50%;
	    padding: 10px;
	    position: absolute;
	    top: 50%;
	    transform: translate(-50%,-50%);
	    width:95%;
	       z-index:1000;
	    overflow-y:auto;
	    max-height:90vh;
	}

	table.border{
	  border:1px solid #ddd;
	  border-bottom:none;
	   border-right:none;
	  margin-bottom:2em;
	 font-size:0.8rem;
	 width:100%;
	overflow-x: scroll;
	  white-space: nowrap;
	  -webkit-overflow-scrolling: touch;
	 }

	.gallery-item{
	 width:100% !important;
	}

	.Recreation_Image_wrap .Image {
	    width: calc(97% / 2);
	    margin-bottom: .7em;
	}

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

	.news_wrap .sns {
	    width:100%;
	    margin-top:1.5em;
	}

	._2p3a{
	 margin-left:auto !important;
	 margin-right:auto !important;
	}

	.time_none{
	 display:none;
	}

	table.border th, table.border td{
	 vertical-align:middle;
	}

	p.privacy_text{
	 text-align:center;
	 }

}


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

	.drawer-menu_wrap{
	display:none;
	}

	br.br-sp02{
	display:none;
	}

	#ses, #qa{
	 margin-top:-90px;
         padding-top:90px;
	}

}

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

	#fade-in li:hover ul li{
	 max-width: 500px;
	}

}


@media screen and (min-width:769px) and (max-width:999px){

	a.btn_bl{
	  width:calc(96% / 2);
	 font-size:1.0rem;
	 }

	a.btn_bl:nth-of-type(even){
	 margin-right:0%;
	}

	a.btn_bl:nth-of-type(3){
	 margin-right:2%;
	}

}

@media screen and (min-width:768px) and (max-width:800px){
	.gallery-item{
	 width:48% !important;
	}

	.about_btn_wrap .Item, .about_btn_wrap .Item:last-child {
	    width: calc(100% / 3);
	    border-right: 1px solid #ddd;
	    margin-bottom: 1em;
	}

	a.btn_gr, a.btn_or{
	 max-width:600px;
	}

	.video-container {
	    height: auto;
	    max-height:40vh;
	}

	.swiper-container {
	    width: 100%;
	    height: 40vh;
	}

	.news_wrap ul {
	    width:60%;
	}

	.news_wrap .sns {
	    width:38%;
	}

	.Flex__Wrap .Item {
	    width: calc(100% / 3);
	}

	.Recreation_Image_wrap .Image_Wide {
	    width: calc(98% / 2);
	}

	.Recreation_Image_wrap .Image {
	    width: calc(98% / 2);
	    margin-bottom: .3em;
	}

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

	.Staff_Wrap .Contents {
	    width: calc(100%/3);
	    margin-bottom:0;
	}

	.Staff_Wrap .Contents .name_wrap .profile p{
	 font-size:0.7rem;
	 display:block;
	}

	.Staff_Wrap .Contents .name_wrap{
	 position:relative;
	}

	.Staff_questionnaire .Contents{
	 width: calc(100% / 2);
	}

	.Flex__Wrapper .Item {
	    width: 42%;
	   margin-right:2%;
	}

	.Flex__Wrapper .Item:nth-of-type(2) {
	    width: 56%;
	}

	.Flex__Wrapper .Item:nth-of-type(2) p{
	 padding-left:.5em;
	}

	.Flex__Wrapper {
	    align-items:flex-start;
	}

	.br-sp02{
	 display:none;
	}



}