*{
	box-sizing: border-box;
}
.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	text-align: center; 
}
.col_2 > div{
	width: 50%;
	padding: 10px;
}

@media screen and (max-width: 640px) {
	.col_2 > div{width: 100%;}
}

:root{

  --keyColor:#36a0da;
  --bgOrange:#ee6e00;
  --bgYellow:#ffc209;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Heebo:300,900');
@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?wwei5w');
  src:  url('fonts/icomoon.eot?wwei5w#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?wwei5w') format('truetype'),
    url('fonts/icomoon.woff?wwei5w') format('woff'),
    url('fonts/icomoon.svg?wwei5w#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-free_dial:before {
  content: "\e900";
  color: #4b4b4b;
}



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;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

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

ul {
	list-style: none;
}

ol li::marker{
	font-weight:bold;
        color:#007cc3;
}

footer{
	margin-top: 4em;
}

table {
	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: "" "";
}

.Center{
 text-align:center;
}

a{
color:#000;
}

.column_text_wrapper a{
color:#646464;
}
p{
text-align: justify;
text-justify: inter-ideograph;
}

a:focus {
	outline:0;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}

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

.text_red{
color:#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;
}

.mb_10{
	margin-bottom:1em !important;
}

.mb_30{
	margin-bottom:2em !important;
}

p{
font-family:'Noto Sans JP',sans-serif;
    font-weight: normal;
}

.contactform p a{
	color:#121212 !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;
	 }

	 .sp-space{
		margin-bottom: 1em !important;
	 }

}

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

/* =GLOBAL
----------------------------------------------- */
body,
button,
input,
select,
textarea {
	color: #222;
	line-height:150%;
	word-wrap: break-word;
}
input[type="checkbox"],  input[type="radio"] {
	width:16px;
	height:16px;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
	margin-top:-1px;
}

label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
	margin-top: 5px;
    font-weight: 400;
}

span.min {
    display: block;
    margin-bottom: 10px;
    font-size: 0.95rem;
    color: #777;
    font-weight: normal;
}

span.wpcf7-list-item{
	margin: 0 0 0.1em 1em !important;
}

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

header h1 a{
 display:block;
}

#privacy02{
	margin-top:-64px;
	padding-top:64px;
}

/* =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;
}
.drawer-menu_logo{
	display:none !important;
}

#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 {
   font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
   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: #185aab;
	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:400;
	letter-spacing:1px;
}	
}

	.post-password-required input[type="submit"]{
		margin-top:1em;
		padding:.55em;
		font-size:1.2rem;
	}

@media screen and (min-width: 768px) {
	.spacious-button:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	input[type="submit"]:hover,
	button:hover {
	background:#045dc9;
	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:100%;
	background-color: #185aab;

	}

	.spacious-button:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	input[type="submit"]:hover,
	button:hover {
	background:#045dc9;
	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
----------------------------------------------- */
.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: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,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: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,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: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,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: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,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-top:3em;
		margin-bottom: 2em;
}

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

#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: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,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: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,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: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,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: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	margin: 0 0 20px;
}
.post .entry-meta .by-author,
.post .entry-meta .date,
.post .entry-meta .category,
.post .entry-meta .comments,
.post .entry-meta .edit-link {
	padding: 5px 10px;
}
.post .entry-meta .read-more-link {
	padding: 5px 10px;
	background-color: #837173;
	float: right;
	border-right: none;
}
.post .entry-meta .read-more-link:hover {
	-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
	box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
}
.post .entry-meta a, .type-page .entry-meta a {
	color: #666666;
}
.post .entry-meta a.read-more {
	color: #FFFFFF;
}
.post .entry-meta a.read-more:hover {
	color: #FFFFFF;
}
.post .entry-meta a:hover, .type-page .entry-meta a:hover {
	color: #837173;
}
.post .entry-meta span {
	float: left;
	padding: 0 6px 0 6px;
}
.post .entry-meta span:first-child {
	border-left: none;
}
.post .entry-meta .by-author:before,
.post .entry-meta .date:before,
.post .entry-meta .category:before,
.post .entry-meta .comments:before,
.post .entry-meta .edit-link:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
	font: normal 18px/1 'Genericons';
	vertical-align: top;
}
.post .entry-meta .by-author:before { content: '\f304'; }
.post .entry-meta .date:before { content: '\f307'; }
.post .entry-meta .category:before { content: '\f301'; }
.post .entry-meta .comments:before { content: '\f300'; }
.post .entry-meta .edit-link:before { 	content: '\f411'; }
.single #content .tags {
	margin: 30px 0;
}
.single #content .tags a {
	border: 1px solid #EAEAEA;
	padding: 3px 5px;
	border-radius: 3px;
	color: #666666;
}
.single #content .tags a:hover {
	color: #837173;
	text-decoration: none;
}

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

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

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

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

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

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


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


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

body{
    font-size: 1rem;
    font-weight:400;
    margin: 0;
    padding: 0;
    line-height:150%;
    background:#fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 游ゴシック, "Yu Gothic", "Meiryo UI", Meiryo, メイリオ, "ＭＳ Ｐゴシック", sans-serif;
    color:#293540;
}

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

li{
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}

#header_movie_wrap{
    width:100%;
    position:relative;
    max-height:100vh;
    margin-top:67px;
}

svg.intro {
  width:90%;
  position: absolute;
top: 50%;
  left: 50%;
  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: 50vh;
    display:table;
 }

  .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%);
height:100%;
  }

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

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


.sp_image{
 display:none;
}


.header-left {
    width: 90px;
    height: 81px;
    margin-top:10px;
}

.fix-header-left {
    width:340px;
    padding-top:5px;
    padding-bottom:10px;
	display: flex;
	align-items: center;
}

.fix-header-left h1 img{
	min-width:150px !important;
}

.fix-header-left .jpx{
	font-size: 9px;
	display: flex;
	align-items: center;
	line-height: 1.45;
	margin-left: 5px;
}

.fix-header-left .jpx img{
	max-width: 45px;
	display: block;
	margin-right: 5px;
}

.header-right {
    width: auto;
    -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;
}

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

ol li{
    list-style: decimal;
    list-style-position:inside;
	line-height:1.8;
	text-indent:-1.35em;
	padding-left:1em;
	margin-left:.5em;
}

ol li:not(:last-child){
	margin-bottom:1em;
}

p.right{
	text-align:right;
}

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

.li_global_navi > li > a, .li_global_navi > li > a:hover {
    color: #111;
    font-size: 0.92308rem;
    display: block;
    padding:20px 10px;
    font-weight:400;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.li_global_navi > li > a{
	font-size: 0.8rem;
	padding: 10px 5px;
}
.fix-header-left .jpx img{
	max-width: 30px;
}
.fix-header-left h1 img {
    min-width: 110px !important;
}
.li_global_navi li.contact > a, .li_global_navi li.contact > a, .li_global_navi li.achivement > a{
	padding: 6px 1em !important;
}
.fix-header-left{
	width: 250px;
}
}

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

.li_global_navi li.contact > a{
	border-radius: 2.46em;
	border: 3px solid var(--keyColor);
	text-align: center;
	background: var(--keyColor);
	color:#fff;
	padding: 6px 1.7em;
}

.li_global_navi li.contact .sub-menu{
margin-left: -38px;
}
.li_global_navi li.achivement .sub-menu{
	margin-left: 10px;
	}
.li_global_navi li.achivement > a{
	border-radius: 2.46em;
	border: 2px solid var(--keyColor);
	text-align: center;
	background:#fff;
	color:var(--keyColor);
	padding: 6px 2.2em;
}

.dropmenu li.null.contact:hover, .dropmenu li.null.contact > a:hover{
	color:#fff !important;
}

.dropmenu li.null.achivement:hover, .dropmenu li.null.achivement > a:hover{
	color:var(--keyColor) !important;
}

.dropmenu li.contact:hover > a{
	color:#fff !important;
}

.dropmenu li.achivement:hover > a{
	color:var(--keyColor) !important;
}

.drawer-menu li.contact, .drawer-menu li.achivement{
	border-bottom: 0;
	margin: 7px auto;
}

.dropmenu li.null.achivement.current-menu-parent, .dropmenu li.null.contact.current-menu-parent{
	border-top: none;
}

.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: 100%;
    padding: 0 1.5em 0 1.5em;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index:555;
    position:fixed;
    top:0;
    background:rgba(255,255,255,0.9);
    backdrop-filter: blur(3px);
}

.pc_header {
    height: 81px;
    margin: auto;
    position:absolute;
    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;
}

.dropmenu{
  *zoom: 1;
}

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

.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 53px;
  margin: 0;
  padding: 0;
}

.dropmenu li ul li{
  width: 100%;
}

.dropmenu li:hover > a{
  color:#36a0da;
}

.dropmenu li a:hover{
  opacity:0.75;
}

.sub-menu{
    background:#0184c9;
}

.sub-menu .menu-item-348{
background:url(images/business/reason_image.jpg)no-repeat center bottom;
background-size:cover;
}

.sub-menu .menu-item-824{
background:url(images/business/reform_image.jpg)no-repeat center center;
background-size:cover;
}



#fade-in li:hover ul li a{
color:#fff;
font-size: 1.0rem;
    display: block;
    padding: .55em;
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
background: #36a0da;
 text-align:center;
}

.dropmenu li ul li{
 flex: auto;
}

.child_icon{
margin-left:5px;
}

#menu-item-15, .menu-item-15, #menu-item-16, .menu-item-16, #menu-item-17, .menu-item-17{
background:url(images/navi-recruit-2.jpg) no-repeat center top;
background-size:cover;
}

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

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

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

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

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

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

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


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

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

#menu-item-1494 .sub-menu{
	margin-left:-80px;
}

#fade-in li ul{
  visibility: inherit;
  opacity: 0;
  display: none;
}
#fade-in li:hover ul{
  opacity: 1;
  display: block;
}
#fade-in li ul li{
  visibility: inherit;
  opacity: 0;
  transition: .1s;
}
#fade-in li:hover ul li{
  opacity: 1;
}

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

section.contact{
	padding-top: 0;
}

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

.page_wrapper{
max-width:1000px;
margin:auto;
position: relative;
z-index: 4;
}

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

h2.title{
font-size:2.2rem;
margin:0 auto 2.5em auto;
position:relative;
display:inline-block;
letter-spacing:0.15rem;
font-weight:bold;
font-family: 'Reem Kufi', sans-serif !important;
}

h2.title:before{
width:100%;
position:absolute;
bottom:-30px;
left:0;
background:#000;
height:5px;
content:'';
z-index:1;
}

h2.title:after{
width:50%;
position:absolute;
bottom:-30px;
right:0;
background:#e21b12;
height:5px;
content:'';
z-index:2;
}

.page_wrapper h2{
text-align:center;
font-size: 32px;
    line-height: 1.4;
    letter-spacing: 2px;
margin-bottom:2em;
position:relative;
z-index:1;
font-weight:600;
}

.Contact-table-wrapper h2 span, .page_fv h2 span{
    font-size: 0.9rem;
    text-align: center;
    display: block;
    margin-top: 1.2em;
    font-weight: 400;
    font-family: 'Heebo', sans-serif;
    letter-spacing: 2px;
    color: #888;
    text-transform: uppercase;
}

.page_wrapper h2:after{
position:absolute;
bottom:-20px;
width:50px;
height:3px;
content:'';
background:#007cc3;
  left: 50%;
  transform:translateX(-50%);
}

.txt_center{
text-align:center;
}

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

.catchPhrase {
    margin:0 auto 25px auto !important;
    letter-spacing: .2em;
    font-size: 1.15em;
    font-feature-settings: "palt";
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}


h2.block-title{
padding:1em 1.5em 1em 1.5em;
color:#fff;
    box-shadow: 0 3px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.15);
background:url(images/bg_h2.png) no-repeat right center #000;
font-size:2.2rem;
letter-spacing:0.25rem;
margin:0 auto 0 auto;
position:relative;
text-align:center;
font-weight:bold;
font-family: 'Reem Kufi', sans-serif !important;
line-height:1.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%;
}

.back_gray{
    background:url(images/service_back.jpg) no-repeat center top;
    background-size:cover;
}

.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%);
    margin: -.8em 0 0;
    width: 100%;
    text-align: center;
    color: #fff;
}

.service_red{
background:#e50012 !important;
}

.service_sp{
background:url(images/sp_back.jpg) no-repeat center center !important;
background-size:contain;
}

.service_sp02{
background:url(images/kensyu_back.jpg) no-repeat center center !important;
background-size:contain;
}

.service_sp03{
background:url(images/haken_back.jpg) no-repeat center center !important;
background-size:contain;
}

.service_sp04{
background:url(images/event_back.jpg) no-repeat center center !important;
background-size:contain;
}

.service_sp05{
background:url(images/kyusyu_back.jpg) no-repeat center center !important;
background-size:contain;
}


.service_sp::before, .service_sp02::before, .service_sp03::before, .service_sp04::before, .service_sp05::before {
  border-radius:50%;
  display: block;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background:#252525;
  opacity: .5;  /* 透過度を適宜指定してください */
  z-index: -1;
  top:0;
  left:0;
}

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



.people_wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width:100%;
    margin-bottom:3em;
}

.people_contents{
 flex: auto;
 width:32%;
 float:left;
 position:relative;
 margin:0 10px 0 10px;
}

.button {
  position:relative;
  display: block;
  border: 2px solid transparent;
  color: #fff;
  opacity:0;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .2s;
  width:96%;
  margin:auto;
  padding-top:100%;
  bottom:7px;
 }

.button::before,
.button::after {
  position: absolute;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 2px solid transparent;
}
.button::before {
  top: -2px;
  left: -2px;
}
.button::after {
  bottom: -2px;
  right: -2px;
}
.button:hover {
  color: #111;;
 opacity:1.0;
}
.button:hover::before,
.button:hover::after {
  width: 100%;
  height: 100%;
}
.button:hover::before {
  border-top-color: #fff;
  border-right-color: #fff;
  transition:height .3s .2s,width .2s;
}

.button:hover::after {
  border-bottom-color: #fff;
  border-left-color: #fff;
  transition: height .5s 1.0s, width .4s .5s;
}


.button span{
font-size:0.9rem;
}

.people_name_wrap{
position:absolute;
bottom:2%;
left:2%;
text-align:left;
padding:15px;
color:transparent;
}

.name-img{
	width:250px;
}

.button:hover .people_name_wrap{
transition: all 4s;
background:rgba(255,255,255,0.7);
color:#000;
}

.people_title{
font-size:1.2rem;
margin-bottom:5px;
font-weight:600;
}

.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%);
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_wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:space-around;
    padding:1em 0;
 }

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

.footer_wrap .links{
  width:calc((100% - 150px) / 6);
  padding:2.5em .5em 0;
  border-right:1px solid #ddd;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content:flex-start;
 }

.footer_wrap .links:last-child{
 border-right:none;
 }

.footer_wrap .links ul > li{
 margin-bottom:.5em;
 font-size: 0.9rem;
}

.footer_wrap .links .current-menu-parent{
 border-top:none;
}

.footer_wrap .links ul > li > a{
  font-weight:500;
 }

.footer_wrap .links ul > li > a:hover{
 text-decoration:underline;
}

.footer_wrap .current-menu-item{
  border-top:none;
 }

.footer_wrap .sub-menu{
  background:none;
  margin-top:.3em;
  margin-left:5px;
}

.footer_wrap .sub-menu li{
 margin-bottom:.35em;
}

.footer_wrap .sub-menu li a{
 padding:0 !important;
 font-size:0.755rem;
 font-weight:normal !important;
}

.footer_logo{
 width:200px;
}

.footer_logo a{
	display: block;
}

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

.footer_logo .jpx{
	display: flex;
	justify-content: center;
	font-size: 9px;
	line-height: 1.4;
	text-align: left;
	align-items: center;
	margin-top: 10px;
}

.footer_logo .jpx span{
	display: block;
	margin-right: 5px;
	max-width:50px;
}

.footer_logo .jpx span img{
	max-width:50px !important;
}

.link_none > a{
 pointer-events: none;
}

.footer_logo p{
 margin-bottom:5px !important;
 text-align:center;
}

.footer_logo p:last-child{
 margin-bottom:0px !important;
}

.footer_logo .sns_ico img{
 margin-bottom:0;
}

@media screen and (max-width: 767px) {
		 
	.name-img{
		width:200px;
	}

	.footer_wrap{
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	}
	.footer_wrap .sub-menu{
	 margin-left:0;
	}

	.footer_wrap .links ul > li a{
	 display:block;
	 text-align:left;
	 padding:.5em !important;
         border-bottom:1px solid #ddd !important;
	}

	.footer_wrap .sub-menu li a{
	border:1px solid #ddd !important;
	 text-align:center;
	}

	.footer_wrap .links{
	  width:100%;
	  padding:0 .5em;
	  border-bottom:none !important;
	    display: block;
	 }

	.footer_wrap .links a{
	 border:none !important;
	 color:#1a1a1a !important;
	}
 }

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

フッター追加分

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

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

.footer_menu_wrap{
 border-top:1px solid #ddd;
 border-bottom:1px solid #ddd;
 padding:1.5em;
 margin-bottom:2em;
}

.footer_links ul{
display:inline-block;
}

.footer_links li{
float:left;
margin-right:10px;
}

.footer_links li:after{
	font-family: "FontAwesome";
	content: '\f054';
 margin-left:5px;
 float:right;
 font-size:0.8rem;
 color:#ccc;
}

.footer_links{
text-align:center;
}

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

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

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

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

.footer_sns_contents a{
color:#000;
}

#footer_copy_wrapper{
background:#000;
font-size:0.65rem;
text-align:center;
padding:10px 2.5% 10px 2.5%;
color:#fff;
}

.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,0.85);
	line-height:10px;
	top: -66px;/* 上に隠す鷹さ */
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	position: fixed;
	opacity:0;/* 	最初読み込んだときは透過 */
	z-index: 1000;/*　他のアイテムに対して最上位のレイヤーになるように */
        box-shadow: 0 3px 3px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.05);

	}


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

.single_wrap h2.Title{
 border:none;
 font-size:1.45rem;
 font-weight:bold;
 padding:0;
}

p.Center{
 text-align:center;
}

h3{
margin-bottom:1.5em;
}

h3.Center{
 text-align:center;
 line-height:1.556;
 font-size:1.4rem;
 font-weight:600;
}

h3.mb10{
margin-bottom:.5em;
padding:.5em;
background:#fafaf9;
font-size:1.2rem;
font-weight:bold;
}

h3.B-border{
 border-bottom:3px solid #007cc3;
 padding-bottom:.55em;
 padding-left:.2em;
 margin:1.5em 0;
 font-size:1.355rem;
 font-weight:bold;
}

h4.L-border{
 border-left:8px solid #007cc3;
 padding:0 0 0 15px;
 margin:1.5em 0;
 font-size:1.255rem;
 font-weight:bold;
 border-bottom:0;
}

.sp_logo{
display:none;
}

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

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

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

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

blockquote {
    font-style: normal;
    font-weight: normal;
    padding:2em  1.5em;
    border: 1px solid #ddd;
    border-left: 3px solid #837173;
    margin:1.5em 0;
    background:#f7f9ff;
    position:relative;
}

blockquote:before{
	content: '“';
	position:absolute;
	top:-5px;
	left:7px;
	font-size:100px;
	color:#ccc;
	line-height:1.0;
}

blockquote:after{
	content: '”';
	position:absolute;
	bottom:-5px;
	right:7px;
	font-size:100px;
	color:#ccc;
	line-height:0;
}

.txt_red{
color:#fe0000;
}


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

.slick-top .slick-prev:before, .slick-top .slick-next:before{
	font-family: Arial, Helvetica, sans-serif;
}

.slick-top .slick-prev:before{
	content: '◀';
	color: #005cab;
}

.slick-top .slick-prev{
	left: 0;
	top: 40%;
	transform: translate(0, -40%);
	z-index: 2;
}

.slick-top .slick-next:before{
	content: '▶';
	color: #005cab;
}

.slick-top .slick-next{
	right:0;
	top: 40%;
	transform: translate(0, -40%);
	z-index: 2;
}

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

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

.comm_wrapper.space{
margin:0 auto 4em auto;
}

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

.top_caption a.contact-btn{
	background: var(--keyColor);
	border: 2px solid var(--keyColor);
	display: block;
	max-width: 450px;
	padding: 1em 1em;
	text-align: center;
	color: #fff;
	border-radius: 3.46em;
	font-size: 1.3rem;
	font-weight: bold;
	position: relative;
	margin:10vh auto 0;
}

.top_caption a.contact-btn:hover{
	background: #fff;
	color:var(--keyColor);
}
.top_caption a.contact-btn .arrow {
	position: relative;
	display: inline-block;
	padding: 11px;
  }
  
  .top_caption a.contact-btn .arrow::before {
	content: '';
	width: 13px;
    height: 13px;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    position: absolute;
    left: 10px;
    top: 8px;
  }
  .top_caption a.contact-btn .arrow.arrow-right::before {
	transform: rotate(45deg);
  }
text {
  font-family: 'Questrial', sans-serif !important;
    stroke:white;
    fill: white;
    font-size:130px;
    stroke-dasharray: 150% 150%;
    stroke-width: 1px;
    -webkit-animation: stroke-anim 4s linear;
    animation: stroke-anim 4s linear;
    color:#fff;
}

@media screen and (max-width: 767px) {
	.top_caption a.contact-btn{
		margin-top: 1.5vh;
	}
	.top_caption a.contact-btn{
		padding: .5em;
	}
}

@-webkit-keyframes stroke-anim {
  0% {
    stroke-dashoffset: 150%;
    fill:transparent;
  }

  50% {
    fill:transparent;
  }
  100% {
    fill:white;
  }
}

@keyframes stroke-anim {
  0% {
    stroke-dashoffset: 150%;
    fill:transparent;
  }

  50% {
    fill:transparent;
  }
  100% {
    stroke-dashoffset: 0%;
    fill:white;
  }
}

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

p.desc {
  padding: 1rem;
  font-size: 1.1rem;
  letter-spacing: .2rem;
  opacity: 0;
  transition: 2s 1.5s;
  margin-top:2em;
  text-align:center;
}

.ex1 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight:500;
  font-size:5rem;
  text-align:center;
}

.ex2{
    margin-top: 25px;
    font-size: 1.1rem;
    text-align: center;
    letter-spacing: 2px;
}

.ex1 span.min{
font-size:1.4rem;
margin-left:8px;
letter-spacing:3px;
display:inline-block;
}

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


.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{
position:absolute;
top:10%;
right:0%;
z-index:2;
width:40vw;
height:auto;
top: 50%;
  transform: translateY(-50%);
background:rgba(255,255,255,0.9);
padding:40px;
}

.reason_text_contents h2{
z-index:4;
position:relative;
line-height:130% !important;
}

.reason_btn{
z-index:4;
position:relative;
}

.animated >.reason_text_contents:after {
    width:40vw;
    opacity: 1;
    height:40vh;
}

.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;
position:relative;
z-index:4;
}

.title_bottom_text{
	margin-top:2em;
}



h2.section-title{
font-size:32px;
margin:auto;
line-height:1.0;
letter-spacing:2px;
}

h2.section-title span{
font-size:0.9rem;
text-align:center;
display:block;
margin-top:.7em;
font-weight:400;
font-family: 'Heebo', sans-serif !important;
letter-spacing:2px;
color:#888;
}

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

a .cmnBtn2 {
    font-size: 13px;
    font-weight: 900;
    line-height: 20px;
    display: inline-block;
    width: 250px;
    margin-top: 40px;
    border: 1px solid;
}

a .cmnBtn2:before {
    right: 20px;
    width: 0;
    height: 1px;
}

a .cmnBtn2:before, a .cmnBtn2>span:after, a .cmnBtn2>span:before {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto;
    content: '';
    background-color: #3f3b3a;
}

a .cmnBtn2>span {
    display: block;
    padding: 9px 20px;
}

a .cmnBtn2>span{
    text-align: center;
}

a .cmnBtn2>span {
    position: relative;
}

a .cmnBtn2>span:before {
    right: -80px;
    width: 100px;
    height: 1px;
}

a .cmnBtn2>span:after {
    right: -80px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

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

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

.modal_wrap input{
    display: none;
}

.modal_overlay{
    display: flex;
    justify-content: center;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999999999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    opacity: 0;
    transition: opacity 0.5s, transform 0s 0.5s;
    transform: scale(0);
}

.modal_trigger{
    position: absolute;
    width: 100%;
    height: 100%;
}

.modal_content{
    align-self: center;
    width: 60%;
    padding:2em;
    box-sizing: border-box;
    background: #fff;
    line-height: 1.4em;
    transition: 0.5s;
    max-width:700px;
    position:relative;
}

.modal_wrap a img{
 border:1px solid #ddd;
 height: 365px;
  width: 100%;
  object-fit: cover;
}

.close_button{
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
    z-index: 55555;
    text-align: right;	
}

.modal_wrap input:checked ~ .modal_overlay{
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.5s;
}


.open_button{
display: block;
padding: 9px 20px;
cursor:pointer;
font-weight:normal;
}

.Flex-wrap .Fourth .open_button{
  padding:0;
 }

.Flex-wrap .Fourth .open_button:hover::before{
 display:none !important;
}

.Flex-wrap .Fourth.review-so, .Flex-wrap .three.review-so{
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  padding:.75em;
  background:#f9f9f9;
 height:auto;
 }
.Flex-wrap .Fourth.review-so{
	margin-top:2%;
}
 .Flex-wrap.wrap{
	flex-wrap: wrap;
 }

.modal_wrap p{
font-size:0.85rem;
font-weight:normal;
margin-bottom:15px;
line-height:2.0;
}

.Flex-wrap.min{
 max-width:1000px;
 margin:0 auto 2em auto;
}

.Flex-wrap .Fourth p.mod-title, .Flex-wrap .three p.mod-title{
 font-size:1.0rem;
 margin-bottom:5px;
 line-height:1.5;
 font-weight:700;
 min-height:72px;
color:#424242;
}

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

	.Flex-wrap .Fourth p.mod-title, .Flex-wrap .three p.mod-title{
	 min-height:auto;
	 }
	
	.modal_wrap a img{
  height: auto;
  width: 100%;
  object-fit: contain;
}

 }

.Flex-wrap .Fourth p.name, .Flex-wrap .three p.name{
 font-size:0.9rem;
 font-weight:300 !important;
 margin-bottom:5px;
}

.Flex-wrap .Fourth p.name span, .Flex-wrap .three p.name span{
 display:inline-block;
 font-size:0.8rem;
 margin-left:1em;
 font-weight:300 !important;
}
.Flex-wrap.inherit{
    align-items: inherit !important;
}
div.modal {
    -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;
    position:relative;
}


.cmnBtn {
    font-size: 13px;
    font-weight: 900;
    line-height: 20px;
    display: block;
    text-align:center;
    width: 200px;
    margin:25px auto 25px auto;
    border: 1px solid;
    -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);

}

.cmnBtn_left{
margin:25px 0 25px 0;
}

.cmnBtn a{
position:relative;
}

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


div.modal .cmnBtn2 {
    font-size: 13px;
    font-weight: 900;
    line-height: 20px;
    display: inline-block;
    width: 250px;
    margin-top: 20px;
    border: 1px solid;
}

div.modal .cmnBtn2:before {
    right: 20px;
    width: 0;
    height: 1px;
}

div.modal label{
    -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);

}


div.modal label:hover{
background-color: #3f3b3a;
color:#fff;
}

div.modal>.cmnBtn2:before, div.modal>.cmnBtn2>span:after, div.modal>.cmnBtn2>span:before {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto;
    content: '';
    background-color: #3f3b3a;
}

div.modal>.cmnBtn2>span {
    display: block;
}

div.modal>.cmnBtn2>span{
    text-align: center;
}

div.modal>.cmnBtn2>span {
    position: relative;
}

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

div.modal>.cmnBtn2>span:after {
    right: -80px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.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.wrap{
    flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top:0;
}

.Flex-item{
 flex: auto;
}

.Flex-item img{
max-width:270px;
margin:0 0 15px 0;
display:block;
}
.Flex-wrap .three{
	width:calc(94% / 3);
	margin-top:.7em;
	margin-right:2%;
   }

.Flex-wrap .Fourth{
 width:calc(94% / 4);
 margin-top:.7em;
 margin-right:2%;
}

.Flex-wrap .three:nth-of-type(3n){
	margin-right:0;
   }
   

.Flex-wrap .Fourth:nth-of-type(4n){
 margin-right:0;
}

.Flex-wrap .Fourth:nth-of-type(-n+4){
 margin-top:0;
}
.Flex-wrap .three:nth-of-type(-n+3){
	margin-top:0;
   }

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

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

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

.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{
    background-color: #fff;
    position: relative;
    margin-bottom:1em;
}

.Border-title-wrap:before {
    top: 50%;
	transform: translateY(-50%);
    width: 100vw;
    height: 1px;
    margin: auto;
    background-color: #ecebeb;
    position: absolute;
    left:220px;
    display: block;
    content: '';
    z-index:-1;
}

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

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

.table_contents_wrap.space__between{
	justify-content: space-between;
}

.table_contents_wrap .Hurf{
	width:calc(96% / 2);
}

.table_contents ul.disc li{
	text-align:left !important;
}

.table_contents h3{
	margin-bottom:.5em;
}

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

.table_contents{
width:50%;
padding-right:25px;
display:flex;
flex-direction: column;
justify-content: center;
}

.table_contents_wrap.reverse .table_contents.left{
	padding-left: 50px;
	padding-right: 0;
}

.table_contents.flex-start{
	justify-content:flex-start
}

.table_contents:nth-of-type(2){
text-align:center;
padding-left:0;
}

.table_contents 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.3rem;
position:relative;
margin-bottom:2em;
}

.table_contents_sub:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -35px;
    display: block;
    width: 30px;
    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:auto;
}

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

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

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

.Contact-table-wrapper table tr:first-of-type th, .Contact-table-wrapper table tr:first-of-type td{
	border-top:1px solid #eee;
}

.Contact-table-wrapper th{
width:30%;
font-weight:bold;
text-align:left;
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;
}

.Contact-table-wrapper th p{
	font-size:0.9rem;
}

.Contact-table-wrapper td p{
margin-bottom:0 !important;
font-size:1.0rem;
}

.contactform, .tel--wrap{
max-width:900px;
margin:auto;
}

.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:1100px;
margin:2em auto 0 auto;
flex-wrap: wrap;
}

.news_wrap.wide{
max-width:1200px;
}

center{
	margin-bottom:1em;
	font-size:0.9rem;
}

.news_wrap.wide.mt_none{
	margin-top: 0;
	align-items:inherit;
}

.tel--wrap{
 border:1px solid #ddd;
}

.tel_title{
    background: #007cc3;
    text-align: center;
    color: #fff;
    padding: 0.5em;
    font-size: 1.0rem;
}

.tel_title.big{
	font-size:28px;
	font-weight:bold;
}

.tel--wrap .Text {
    padding: 1em;
    background: #fff;
    text-align: center;
}

.tel--wrap .Text .Box {
    position: relative;
    display: inline-block;
}

.tel--wrap a.tel:before {
    content: '';
    background: url(images/tel.svg)no-repeat left top;
    position: absolute;
    left: 0px;
    top: 2.5px;
    background-size: contain;
    width: 30px;
    height:30px;
    margin-right: 5px;
}

.tel--wrap .Text .Box a.tel {
    font-size: 36px;
    font-weight: bold;
    font-family: 'Heebo', sans-serif;
    text-align: center;
    position: relative;
    line-height: 1.25;
    padding-left: 35px;
    padding-top: 0;
    letter-spacing: 0.02em;
    margin: 0 auto 0 auto;
    color: #b00808;
    display: inline-block;
}

.tel--wrap .Text p.min{
 margin-bottom:0;
 font-size:0.85rem;
}

.news_wrap li{
border-bottom:1px solid #eee;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
text-align:left;
}

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

.news_wrap li a{
position:relative;
display:block;
padding:.9em;
position:relative;
transition: all .2s;
}

.news_wrap li a:after{
content:'';
background:url(images/arrow.svg)no-repeat left center;
background-size:30px 20px;
width:30px;
height:20px;
right:0;
top: 50%;
position:absolute;
  transform: translateY(-50%);
transition: all .2s;
}

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

.news_wrap li a:hover{
transform: translate(5px,0px);
}

.news_wrap li a:hover::after{
transform: translate(-10px,0px);

}

.news_days{
margin-right:1em;
display:inline-block;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
min-width: 100px;
}

.archive_text header{
	position: relative;
}

.news_days.blog{
	background:#007cc3;
	display: inline-block;
	color:#fff;
	position: absolute;
	bottom:0;
	left:0;
	min-width:90px;
	padding: 5px 10px;
	text-align: center;
	line-height: 1.0;
}

.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.8rem;
text-align:center;
margin-bottom:10px;
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;
}

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

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

#tokyo,#chiba,#saitama,#ibaraki,#yokohama,#nagoya,#osaka,#hakata,#takasaki,#sapporo{
	margin-top:-70px;
	padding-top:70px;
}

.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 3em 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 p{
font-size:1.0rem;
font-weight:400;
line-height:2.0;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}

h2.subtitle{
margin-bottom:1em;
margin-top:.3em;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}

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

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

.page_header{
height:60vh;
width:100%;
padding:1.5em;
position:relative;
}

.company{
background:url(images/company/company_header.jpg) no-repeat center center;
background-size:cover;
}

.top_message{
background:url(images/message/top_message.jpg) no-repeat center center;
background-size:cover;
}

.buy_sell{
background:url(images/business/top_message.jpg) no-repeat center center;
background-size:cover;
}


.company_header h1{
top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
position:absolute;
font-size:2.4rem;
line-height:1.0;
color:#1a1a1a;
}

.company__contents{
 max-width:900px;
 margin:auto;
}

.company__contents + p{
	margin-top:2em;
}

.company__contents + .company__contents{
	margin-top:2em;
}
.company__contents:last-of-type{
	margin-bottom:2em;
}

.block-wrap.company__contents{
 max-width:1000px;
 margin:auto;
}

.company__contents ul{
margin:0;
padding:0;
}

.company__contents li{
    display: block;
    position: relative;
    padding: 12px 0;
    border-top: 1px solid #ddd;
}

.company__contents li ol{
	margin-bottom:0;
}

.company__contents li ol.mb{
	margin-bottom:.5em;
}

.company__contents li ol li{
	display: list-item;
	border:none;
	padding:0 0 0 1em;
	margin:.5em 0 0 .5em;
}

.company__contents li:last-child{
    border-bottom: 1px solid #ddd;
}

.company__contents li dl {
    display: table;
    margin-bottom:0;
}

.company__contents li dl dt {
    width: 195px;
    min-width: 195px;
    height: 100%;
    padding: 20px 0;
    line-height: 180%;
    margin-bottom:0;
    text-align:center;
    display:table-cell;
    vertical-align:middle;
}

.company__contents li dl dd {
    padding:0 0 0 15px;
    border-left: 1px solid #ddd;
    line-height: 180%;
    margin-bottom:0;
    min-width:600px;
    display:table-cell;
    vertical-align:middle;
}

.company__contents li dl dd a.link{
	color: #185aab;
}

.company__contents li dl dd ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.company__contents li dl dd ul li {
    display: table;
    margin-top:0;
    margin-bottom:0;
    margin-right:2%;
    padding:0;
    border:0;
}

.company__contents li dl dd li div{
display:table-cell;
}

.company__contents li dl dd li div:first-child{
width:110px;
}

.company__contents li dl dd li div:nth-of-type(even){
vertical-align:middle;
padding-left:15px;
}

.company__contents li dl dd li:nth-of-type(even){
margin-right:0;
border-bottom:0;
}

.company__contents li dl dd li div img {
    background-size: cover;
    width: 104px;
    height: 104px;
    border-radius:50%;
}

.company__contents li dl dd a i{
padding-right:6px;
}

.breadcrumb_wrap{
padding:10px 1.5em 10px 1.5em;
border-bottom:1px solid #eee;
font-size:0.8rem;
    box-shadow: 0 3px 3px rgba(0,0,0,0.02);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.02);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.02);
position:relative;
z-index:1;
}

.topmessage_wrap{
width:100%;
margin:auto;
position:relative;
padding:4em 1.5em 0em 1.5em;
}

.topmessage_wrap:before{
width: 0;
height: 0;
border-style: solid;
border-width: 220px 1000px 0 1000px;
opacity:0.65;
border-color: #eaf0f5 transparent transparent transparent;
position:absolute;
  left: 50%;
  transform:translateX(-50%);
top:0;
content:'';
z-index:2;
    /**-webkit-transition: all 1s cubic-bezier(.5,0,0,1);
    -o-transition: all 1s cubic-bezier(.5,0,0,1);
    transition: all 1s cubic-bezier(.5,0,0,1);**/
}

.animated >.topmessage_wrap:before {
        border-width: 220px 1000px 0 1000px;
    opacity:0.65;
}

section.message{
	background:#f9faff;
	padding:2.5em 1.5em 2.5em 1.5em;
}

.top_message_name_wrap{
margin:auto;
padding:2.5em 0 2.5em 0;
}

.mt_none{
margin-top:0;
}

.mt_30{
margin-top:1.5em;
}

.top_message_name_contents{
max-width:1000px;
width:calc(90% / 2);
margin:0 auto;
text-align:center;
}

.top_message_name_contents.three{
  width:calc(96% / 3);
 }

.top_message_wrap{
 max-width:1000px;
 margin:auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
justify-content:space-between;

}

.top_message_wrap.mb{
margin-bottom:2em;
}

.top_message_name_item{
flex:auto;
margin:auto;
width:calc(98% / 2);
position:relative;
height:100%;
background:url(images/message/president_kawata.jpg)no-repeat center top;
background-size:cover;
 height:400px;
}

.top_message_name_item.uchikiba{
margin-right:0;
background:url(images/message/president_uchikiba.jpg)no-repeat center top;
background-size:cover;
margin:0 auto 2%;
 height:400px;
}

.top_message_name_item_ko{
 width:calc(98% / 2);
flex:auto;
position:relative;
background:url(images/message/komon_suzaki.jpg)no-repeat center top;
background-size:cover;
 height:400px;
}

.top_message_name_item_ko.kaneko{
margin-right:0;
background:url(images/message/komon_kaneko.jpg)no-repeat center top;
background-size:cover;
 height:400px;
}

.top_message_name_position{
text-align:center;
    color: #3b5ca9;
margin-bottom:0;
font-size:1.3rem;
}

.top_message_name_position.mb{
	margin-bottom:1em;
}

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

.top_message_name_position_name{
font-size:1.3rem;
color: #000;
margin-bottom:1em;
margin-top:1em;
letter-spacing:1px;
}

.top_message_name_position_name:last-child{
margin-right:0;
}

.sawarabi{
font-family: "Sawarabi Mincho"; 
}


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

.top_message_contents{
font-size:2.0rem;
text-align:center;
margin-bottom:1em;
font-weight:500;
letter-spacing:3px;
line-height:1.55;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.top_message_text{
padding:40px;
border:1px solid #eee;
position:relative;
}

.top_message_text:before{
position:absolute;
top:-5px;
left:0;
background:#3b5ca9;
width:50px;
height:5px;
content:'';
}

.top_media_box{
padding:40px;
border:1px solid #eee;
position:relative;
}

.top_media_box:before{
position:absolute;
top:-5px;
left:0;
background:#3b5ca9;
width:50px;
height:5px;
content:'';
}

.top_message_text .title{
	font-weight:600;
	font-size:1.3rem;
	margin-bottom:1em;
	margin-top:1em;
	color:#3b5ca9;
}

.entry-content p{
font-size:1.0rem;
margin-bottom:1.5em;
line-height:1.8;
color:#1a1a1a;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}

.top_message_text p{
	font-size:0.95rem;
	margin-bottom:1.5em;
	line-height:2.0;
	color:#1a1a1a;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	}
	

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

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

.top_message_contents_wrap_bottom_name{
font-size:1.1rem;
text-align:right;
margin-top:2em;
}

.top_message_contents_wrap_bottom_name_item{
display:table-cell;
font-family: "Sawarabi Mincho"; 
}

.top_message_contents_wrap_bottom_name_item span{
font-size:0.85rem;
vertical-align:top;
font-family: "Sawarabi Mincho"; 
}

.top_message_contents_wrap_bottom_name_item:nth-of-type(2)
{
padding-left:15px;
line-height:1.8;
}

.business{
margin-right:0;
background:url(images/business/business_header.jpg)no-repeat center top;
background-size:cover;
}

.buy_sell{
margin-right:0;
background:url(images/business/buy_sell_header.jpg)no-repeat center top;
background-size:cover;
}

.brokerage{
margin-right:0;
background:url(images/business/brokerage_header.jpg)no-repeat center top;
background-size:cover;
}

.media{
margin-right:0;
background:url(images/media/media_header.jpg)no-repeat center top;
background-size:cover;
}

.news{
margin-right:0;
background:url(images/news/news_header.jpg)no-repeat center top;
background-size:cover;
}

.business_contents_wrap{
width:100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
margin-bottom:2.5em;
}

.business_contents_item{
 width:48.5%;
 background:#f9f9f9;
 display:table;
 height:475px;
}

.business_contents_item_box{
 display:table-cell;
 width:50%;
 background:url(images/business/brokerage_image.jpg) no-repeat center left;
 position:relative;
}

.business_contents_item_box2{
 display:table-cell;
 width:50%;
 background:url(images/business/fudosan_image01.jpg) no-repeat center left;
 position:relative;
}

.business_contents_item_box:nth-of-type(2){
vertical-align:middle;
background:#f9f9f9;
}

.business_contents_item_box:nth-of-type(2) a{
display:block;
padding:40px;
}

.banner_flex{
  display: flex;
  flex-wrap: wrap;
}


.business_contents_item_box:nth-of-type(2):after{
 background:url(images/arrow.svg) no-repeat;
background-size:contain;
content:'';
position:absolute;
right:10px;
bottom:15px;
width:35px;
height:10px;
}

/**************** SP ********************/

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

	.business_contents_wrap{
	 margin-bottom:0;
	}

	.top_message_name_contents.three{
	  width:calc(100% / 1);
	 }

	.top_message_name_contents.three p{
	 margin-bottom:5px;
	}

	.top_message_name_contents.three .top_message_name_position_name:last-child{
	 margin-bottom:1em;
	margin-bottom:.5em;
	}

	.Flex-wrap.news_wrap{
		flex-wrap: wrap;
	 }

	 .table_contents_wrap .Hurf{
		width:calc(100% / 1);
	}

	.table_contents_wrap .Hurf:first-child{
		margin-bottom: 2em;
	}

}

/**************** SP ********************/

.sub_title{
color:#3b5ca9;
margin:0 auto 3em auto;
font-size:2.2rem;
text-align:center;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
font-weight:500;
}

.point_title{
display:inline-block;
position:relative;
background:#fff;
top:-30px;
font-size:1.85rem;
color:#1a1a1a;
padding:0 25px 0 25px;
}

.point_box{
    border: 1px solid #8dabe2;
padding:20px 40px 40px 40px;
text-align:center;
position:relative;
}

.point_box h3{
color:#3b5ca9;
padding:10px;
background:#f9f9f9;
}

.point_box p{
text-align:center;
line-height:2.0;
}
.point_box p:last-child{
margin-bottom:0;
}


.point_box ul{
margin:0 auto 1.5em auto;
padding:25px;
text-align:left;
background:#f0f7ff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
position:relative;
justify-content:center;
}


.point_box li{
list-style:square;
list-style-position:inside;
text-indent:-1.25em;
padding-left:1.25em;
margin-bottom:0em;
margin-right:2em;
}

.point_box b{
font-size:1.1rem;
font-weight:bold;
}

.position_middle{
vertical-align:middle;
}

.business_point_wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position:relative;
    justify-content:center;
    width:100%;
}

.business_point_image{
position: relative;
width:60%;
max-width:830px;
max-height:560px;
}

.business_point_wrap:before {
    position: absolute;
    bottom: 0;
    left:-5%;
    content: ' ';
    display: block;
    background: #f0f8ff;
    width: 120%;
    height: 250px;
    z-index:-1;
}

.business_point_text{
border:1px solid #c5c5c5;
margin-left:4%;
position:relative;
width:40%;
height:300px;
margin-top:4em;
}

.business_point_text02{
border:1px solid #c5c5c5;
margin-right:4%;
position:relative;
width:40%;
max-height:300px;
margin-top:4em;
}

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

.business_point_text_item h3{
position:relative;
margin-bottom:2em;
line-height:1.5;
}

.business_point_text_item h3:before{
content:'';
width:30px;
height:1px;
background:#000;
bottom:-25px;
position:absolute;
left:0;
}

.flow_wrapper li{
    display: flex;
    flex-direction: row;
    flex-wrap:nowrap;
	margin-bottom:2em;
	border-bottom:1px solid #eee;
    padding-bottom:1em;
}

.flow_icon{
background:url(images/flow-number.svg) no-repeat center center;
background-size:70px 70px;
width:80px;
height:80px;
color:#fff;
line-height:80px;
font-family: 'Heebo', sans-serif !important;
position:relative;
margin-right:1em;
font-weight:600;
text-align:center;
font-size:25px;
margin-top:-20px;
}


.flow_text{
width:95%;
}

.flow_text p{
padding-bottom:0.5em;
}

.flow_text h3{
margin-bottom:.5em;
color: #007cc3;
position:relative;
z-index:3;
}

.flow_wrapper li:last-child > .flow_icon:after{
display:none;
}

.flow_min{
    max-width:700px;
    margin: auto;
}

.business_media{
text-align:left;
margin-bottom:1em;
}

.business_media p{
text-align:center;
}

.business_media h3{
border-left:5px solid #1a1a1a;
background:#f9f9f9;
padding:10px 30px 10px 25px;
text-align:left;
display:inline-block;
font-size:1.25rem;
}

.business_media .tel{
color:#3b5ca9;
font-size:2.0rem;
text-align:center;
font-family: 'Heebo', sans-serif !important;
font-weight:800;
margin-bottom:1em;
}

.business_media .tel a{
color:#3b5ca9;
font-family: 'Heebo', sans-serif !important;
font-weight:800;
}

.business_media .tel a i{
font-size:1.8rem;
color:#3b5ca9;
margin-right:.5em;
}

.icon-free_dial:before {
  content: "\e900";
  color:#3b5ca9;
}

.business_media .tel span{
display:block;
margin-top:1em;
text-align:center;
font-size:0.9rem;
font-weight:500;
color:#000;
}

.gray_wrap{
background:rgba(244,244,244,0.3);
padding-bottom:0;
}

.gray_wrap-page{
background:rgba(244,244,244,0.3);
}

p.media_text{
font-size:0.85rem;
color:#454545;
}


.flex_wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-around;
}


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

.flex_hurf_item{
width:48%;
margin:0 1% 0 1%;
margin-bottom:2.5em;
}

.flex_wrap .Triple{
  width:calc(94% / 3);
  margin-bottom:2em;
 }

.flex_wrap:last-child .flex_hurf_item{
 margin-bottom:0;
}


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

/*タブのスタイル*/
.tab_item {
  width: calc(94%/7);
  text-align: center;
  padding: 10px;
  color: #1a1a1a;
  display: block;
  float: left;
  margin-right: 1%;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  border:1px solid #ccc;
  cursor:pointer;
}
.tab_item:hover {
  opacity: 0.75;
}

.tab_item:nth-of-type(7n){
	margin-right: 0;
}

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

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


/*選択されているタブのコンテンツのみを表示*/
#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content,
#tab04:checked ~ #tab04_content,
#tab05:checked ~ #tab05_content,
#tab06:checked ~ #tab06_content,
#tab07:checked ~ #tab07_content
{
  display: block;
}

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

.archive_flex_wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:left;
}

.archive_flex_contents{
  width: calc(94% / 4);
  margin-bottom:2em;
  margin-right:2%;
  }

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

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

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

.archive_flex_contents img{
	border: none;
    max-height: 258.5px;
    object-fit:cover;
}

.archive_flex_contents h2{
font-size:16px !important;
text-align:left;
line-height:1.5;
font-weight: 700;
text-decoration: underline;
margin-bottom: .3em;
margin-top: .5em;
	padding:0 5px;
}

.archive_flex_contents h2:after{
display:none;
}

.archive_flex_contents a{
    color: #1a1a1a;
}

.archive_flex_contents header{
	position: relative;
	border: 1px solid #ddd;
    text-align: center;
}

.archive_flex_contents a:hover{
opacity:0.75;
}

.archive_detail{
border-top:1px solid #ddd;
padding:10px;
text-align:center;
}

.archive_text{
padding:10px;
}

.archive_text img{
 max-height:220px;
 object-fit:cover;
object-position:0% 0%;
}

.archive_contents.flex{
	display: flex;
	justify-content: flex-start;
	padding: .35em;
	margin-bottom: 0;
	align-items: center;
}

.archive_contents.flex .days{
	width: 7rem;
    font-size: 0.85rem;
}

.archive_contents.flex .category_name{
	display: block;
	width:10rem;
	background: #ddd;
	text-align: center;
	padding: .25em;
	font-size: 0.85rem;
	margin-left: 1.5em;
	margin-right: 1.5em;
}

.archive_contents.flex a:hover{
	background: transparent;
}

.archive_contents.flex div.link{
 padding:0;
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 width:100%;
}

.archive_contents.flex div.link i{
	color:#ee3d23;
	display: inline-block;
	margin-left: 10px;
}

a.archive{
  width: calc(100%/3);
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #1a1a1a;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  border-bottom:1px solid #0184c9;
  cursor:pointer;
	font-weight:normal;
}

.bread_text a.archive{
	float:none;
	height:auto;
	width:auto;
	display:inline;
	border:none;
	line-height: 100%;
}

a.archive.current{
 background:#0184c9;
 color:#fff;
}

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

	.tab_item {
		width: calc(96%/4);
		text-align: center;
		font-size: 0.8rem;
		padding:.25em;
	}

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

	.archive_text img{
	 max-height:300px;
	 object-fit:cover;
	object-position:0% 0%;
	}

	.flex_wrap .Triple{
	  width:calc(100% / 1);
	  margin-bottom:2em;
	 }
		
	.archive_flex_third{
		width:calc(100% / 1);
		margin-bottom:2em;
	}

	.flex_wrap .Triple:last-child{
	 margin-bottom:0;
	}

	.archive_flex_contents header{
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.archive_contents.flex{
		flex-wrap: wrap;
		font-size: 0.85rem;
	}

	.archive_contents.flex a{
		width: 100%;
		margin-top: .5em;
		padding: .25em;
	}

	.archive_contents.flex .category_name{
		font-size: 0.75rem;
	}

}

.news_days{
color:#aaa;
font-size:0.9rem;
}

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

h2.subtitle{
font-size:0.9rem;
text-align:left;
}

h2.subtitle:after {
display:none;
}

.archive_list_contents{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:left;
}

.archive_list_contents h2{
 padding-right:40px;
 line-height:1.5;
 margin-top:0;
}

.archive_contents a{
display:block;
width:100%;
position:relative;
padding:2em 5px 2em 5px;
}

.archive_contents a:hover{
background:#f9f9f9;
text-decoration:none !important;
}

.archive_contents:first-child{
border-top:1px solid #ddd;
}

.archive_contents{
border-bottom:1px solid #ddd;

}

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

.archive_contents a:after{
  content:'';
  background:url(images/arrow.svg) no-repeat right center;
background-size:contain;
 width:35px;
 height:15px;
 position:absolute;
 top: 50%;
  right: 0%;
  transform: translateY(-50%);
}


.single_wrap{
max-width:1000px;
margin:0 auto 4em auto;
min-height:40vh;
}

.single_wrap h2{
 margin-bottom:1.5em;
}

.single_wrap h2.head{
font-size:1.3rem;
padding-top:.5em;
line-height:150%;
margin-bottom:.755em;
text-align:left;
}

.single_wrap h2.head:after{
 display:none;
}

.single_bottom_arrow{
     display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:center;
 margin-top:4em;
}

.txt_center{
text-align:center;
}

.txt_center span{
margin:0 25px 0 25px;
}

a.arrow_btn {
display:inline-block;
border:1px solid #1a1a1a;
padding:5px;
text-align:center;
}

.ppt_10{
padding-top:.5em;
	margin:0 10px;
}

.current_page_item{
border-top:3px solid #36a0da;
}

.current_page_parent{
border-top:3px solid #36a0da;
}

.current-menu-item{
border-top:3px solid #36a0da;
}

.current-menu-parent{
border-top:3px solid #36a0da;
}

.slick-slide{
margin:0 10px 0 10px;
}

#maps{
        height: 400px;
}

.open_button:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background:#3f3b3a;
  transform: scale(0, 1);
}

.open_button:hover {
  animation: hover .6s forwards;
}
.open_button:hover::before {
  animation: hover-in .3s forwards alternate, hover-out .3s .3s forwards alternate;
}

@keyframes hover {
  0%, 100% {
    color: #fff;
  }
  50% {
    color: #fff;
  }
}
@keyframes hover-in {
  0% {
    transform-origin: left top;
    transform: scale(0, 1);
  }
  100% {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}
@keyframes hover-out {
  0% {
    transform-origin: right top;
    transform: scale(1, 1);
  }
  100% {
    transform-origin: right top;
    transform: scale(1, 1);
  }
}


.sample {
  overflow: hidden;
  position: relative;
}

.sample img {
  display: block;
  height: auto;
  width: 100%;
}

.sample-one.sample-animation img {
  animation: sample-one 1.2s cubic-bezier(.4, 0, .2, 1);
}

@keyframes sample-one {
  0% {
    opacity: 0;
    transform: scale(1.2) translateY(24px);
  }
  32% {
    opacity: 0;
    transform: scale(1.2) translateY(24px);
  }
}

.sample-second.sample-animation {
  animation: sample-second-img 2s cubic-bezier(.4, 0, .2, 1);
}

.sample-second.sample-animation:before {
  animation: sample-second-before 2s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@keyframes sample-second-img {
  0% {
    opacity: 0;
  }
}

@keyframes sample-second-before {
  100% {
    transform: translateX(100%);
  }
}

/* 3 つのサンプル共通 */
.img {
  overflow: hidden;
  position: relative;
}

.img img {
  display: block;
  height: auto;
  width: 100%;

}

/* 1 つ目のサンプル */
.img-one.img-animation img {
  animation: img-one 1.2s cubic-bezier(.4, 0, .2, 1);
}

@keyframes img-one {
  0% {
    opacity: 0;
    transform: scale(1.2) translateY(24px);
  }
  32% {
    opacity: 0;
    transform: scale(1.2) translateY(24px);
  }
}

/* 2 つ目のサンプル */
.img-second.img-animation {
  animation: img-second-img 2s cubic-bezier(.4, 0, .2, 1);
}

.img-second.img-animation:before {
  animation: img-second-before 2s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@keyframes img-second-img {
  0% {
    opacity: 0;
  }
}

@keyframes img-second-before {
  100% {
    transform: translateX(100%);
  }
}

/* 3 つ目のサンプル */
.img-third.img-animation:before,
.img-third.img-animation:after {
  animation: 2s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 1;
}

.img-third.img-animation:before {
  animation-name: img-third-before;
  left: 0;
  right: 50%;
}

.img-third.img-animation:after {
  animation-name: img-third-after;
  left: 50%;
  right: 0;
}

@keyframes img-third-before {
  100% {
    transform: translateY(100%);
  }
}

@keyframes img-third-after {
  100% {
    transform: translateY(-100%);
  }
}

.block-revealer__element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  pointer-events: none;
  opacity: 0;
}
.block-revealer__content {
  opacity: 0;
}

h3 div {
    display: inline-block;
    overflow: hidden;
  }

.business_contents{
	width: 48.5%;
}

.business_contents:not(:last-child){
	margin-bottom:2em;
}

h3.business_contents_title{
margin:0;
border:1px solid #eee;
padding:.5em .5em .5em 1em;
margin-bottom:1em;
position:relative;
text-align:left;
}

h3.business_contents_title:before{
position:absolute;
height:1px;
width:80px;
background:#1a1a1a;
bottom:0px;
content:'';
  left:0;
}

.mb_40{
margin-bottom:1.5em;
}

.bread_text{
font-size:0.7rem;
color:#666;
padding-bottom:.5em;
}

.bread_text a{
color:#666;
}

.page_fv{
background:#f9f9f9;
margin-top:66px;
}

.business_overf_btn{
display:block;
position:relative;
margin:2em auto 0 auto;
border:1px solid #1a1a1a;
padding:5px;
max-width:300px;
font-size:0.8rem;
text-align:center;
}

.business_overf_btn:after{
 background:url(images/arrow.svg)no-repeat left center;
 width:25px;
 height:25px;
 background-size:25px 25px;
 margin-left:10;
 content:'';
 position:absolute;
 top: 50%;
  right:10px;
  transform: translateY(-50%);
}

figure.effect-apollo p{
max-width:700px;
text-align:left;
}

.flow_text_wrap{
    display:table;
}

.flow_text_image{
width:25%;
padding-right:3%;
display:table-cell;
text-align:center;
position:relative;
}

.flow_text_image img{
position:relative;
z-index:3;
}

.flow_text_image:after  {
transform: rotate(-45deg);
background:#ecf5fc;
content:'';
position:absolute;
top:0px;
    right: 30%;
z-index:-1;
    width: 75%;
    height: 70%;
display:block;
}

.flow_text_right{
width:72%;
display:table-cell;
vertical-align:middle;
}

.pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    max-width:60px;
}

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

.top_media_item{
width:31.33%;
margin-right:3%;
margin-bottom:3em;
}

li.auto{
    margin-right: auto;
    margin-left: auto;
}

.top_media_item a{
display:block;
}

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

.top_media_item img{
margin-bottom:1em;
}

.top_media_item_title{
border-left:5px solid #3b5ca9;
padding-left:15px;
font-size:1.1rem;
}

.top_media_wrap {
    max-width: 1000px;
    margin: 2.5em auto 0 auto;
}

.Contact-table-wrapper td input[type="checkbox"]{
 width:15px;
 display:inline-block;
 height:15px;
 vertical-align: middle;
}

span.wpcf7-list-item{
     margin: 0 0 .5em 1em;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
	max-width:60px;
	z-index:4;
}


/***********価値観************/

.values_Top_wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
    align-items: center;
   margin:0 auto 3em auto;
}

.values_Top_wrap .Item:first-child{
  width:40%;
 text-align:center;
 }

.values_Top_wrap .Item:nth-of-type(2){
  width:57%;
 }

.values_Top_wrap .Item:first-child p:first-child{
 max-width:300px;
 margin:0 auto 1em auto;

}

.values_Top_wrap .Item:first-child p.Title{
 font-weight:600;
 text-align:center;
 font-size:2.8rem;
 font-family: 'Poppins', sans-serif;
 margin-bottom:1em;
 }

.values_Top_wrap .Item:first-child p span{
 display:block;
 font-size:1.25rem;
 text-align:center;
 }

.values_Top_wrap .Item:nth-of-type(2) .Contents{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:space-between;
    align-items: center;
    padding-top:1em;
    padding-bottom:1em;
    border-bottom:1px solid #bfdbec;
 }

.values_Top_wrap .Item:nth-of-type(2) .Contents:first-child{
    border-top:1px solid #bfdbec;
 }

.values_Top_wrap .Item:nth-of-type(2) .Contents div.title{
 font-weight:600;
 font-size:1.5rem;
 font-family: 'Poppins', sans-serif;
 width:35%;
 position:relative;
 padding-left:30px;
 border-right:1px solid #bfdbec;
 }

.values_Top_wrap .Item:nth-of-type(2) .Contents div.title::before{
  content:'';
  width:20px;
  left:0px;
  height:3px;
  top: 50%;
  transform: translateY(-50%);
  position:absolute;
  background:#007cc3;
 } 

.values_Top_wrap .Item:nth-of-type(2) .Contents div.text{
 width:63%;
 font-weight:normal;
 font-size:1.0rem;
 padding-left:.5em;
 }

h2.Center_title{
 font-weight:600;
 text-align:center;
 font-size:2.8rem;
 font-family: 'Poppins', sans-serif;
 margin:0 auto 1em auto;
 border:none;
 padding:0;
}

h2.Center_title:before, h2.Center_title:after{
 display:none;
 }

.Values_Bottom_text_wrap{
  background:#f5fbff;
  padding:.5em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:space-between;
  align-items: center;
  border-top:#bfe0ef solid 1px;
  border-bottom:#bfe0ef solid 1px;
 margin-bottom:1em;
 }

.Values_Bottom_text_wrap .Item:first-child{
  width:30%;
 text-align:center;
 font-weight:bold;
 font-size:1.4rem;
 color: #004d77;
 }

.Values_Bottom_text_wrap .Item:nth-of-type(2){
 font-size:1.0rem;
 width:70%;
 }

.Values_Bottom_text_wrap .Item:nth-of-type(2) p{
 margin-bottom:0;
 }

.Values_Bottom_text_wrap .Item:nth-of-type(2) p:last-child{
 margin-bottom:0;
 }

/***********価値観************/

/***********沿革************/

.history__contents{
 max-width:900px;
 margin:auto;
}

.timeline {
  list-style: none;
  border:none;
  margin-top:2em;
}

.timeline > li {
  margin-bottom: 60px;
  padding-top:0;
  border:none;
}

  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 110px;
    float: left;
    margin-top: 15px;
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #e5e5d1 solid;
    padding-left: 30px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #0080c6;
    position: absolute;
    left: 106px;
    top: 24px;
    border-radius: 100%;
  }

.timeline-date{
      margin-bottom: 0 !important;
      font-weight:bold;
 }

.timeline-content p{
          padding-top: 15px;
 }

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

.Time_line_bottom_image_wrap .Item{
 width:calc(94%/4);
 }

/***********沿革************/

/***********スタッフ紹介************/

.flex__wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:flex-start;
    margin-bottom:3em;
}

.flex__wrapper .Image{
 width:30%;
 margin-right:3%;
 }

.flex__wrapper .Text{
 width:67%;
 }

.Staff_name{
 font-weight:600;
 font-size:1.4rem;
 margin-bottom:1em;
}

.Staff_name span{
 display:inline-block;
 vertical-align:bottom;
 margin-left:.5em;
 font-weight:normal;
 font-size:0.9rem;
}

.Staff_profile{
 padding:1em 0;
 border-top:1px solid #ddd;
 border-bottom:1px solid #ddd;
 position:relative;
 text-align:left;
}

.Staff_profile p{
 font-size:0.95rem;
}

.Staff_profile:before{
  content:'';
  background:#007cc3;
  width:70px;
  height:1px;
  position:absolute;
  z-index:2;
  left:0;
  top:-1px;
 }

.Staff_profile:after{
  content:'';
  background:#007cc3;
  width:70px;
  height:1px;
  position:absolute;
  z-index:2;
  right:0;
  bottom:-1px;
 }

.Staff_profile .title{
 display:block;
 font-weight:600;
 margin-bottom:.3em;
}

.Staff_profile .title:before{
  content:'●';
  margin-right:.1em;
  font-size:0.9rem;
 }

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

/***********スタッフ紹介************/

/***********買取実績************/

.achievement__title{
 font-weight:600;
 font-size:1.4rem;
 border-left:5px solid #007cc3;
 margin-bottom:1em;
 padding-left:1em;
}

.achievement__contents_wrap{
 margin:0 auto 3em auto;
 max-width:1200px;
 }

dl.ach_list:first-child{
    border-top:1px solid #ddd;
}

dl.ach_list:last-child{
    margin-bottom:0;
}

dl.ach_list{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:flex-start;
    align-items: center;
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
    margin-bottom:.5em;
 }

dl.ach_list dt{
  margin-right:.5em;
  background:#fafaf9;
  padding:1em .5em;
  margin-bottom:0;
 }

dl.ach_list dd{
  padding:1em .5em;
  margin-bottom:0;
 }

.scroll_wrap{
 height:50vh;
 overflow-y:auto;
 padding:1em;
 border:1px solid #ddd;
}


/***********買取実績************/

/***********リフォーム************/

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

.Inner-wrap .Item{
width:calc(95% / 2);
margin-bottom:3em;
}

.Inner-wrap .Item .Flex{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content:space-between;
}

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

.Inner-wrap .Item .Box{
 width:calc(100% / 2);
 margin-bottom:0em;
}

.Inner-wrap .Item .Box .title{
 font-size:1.1rem;
 font-weight:bold;
 margin-bottom:.5em;
}

.Inner-wrap .Item h3{
 margin-bottom:.5em;
}

/***********リフォーム************/

/***********メディア************/

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

.Flex--space{
justify-content:space-between;
}

.Flex--wrap .Hurf{
 width:calc(98% / 2);
 margin-bottom:3em;
}

.Flex--wrap .Triple{
 width:calc(96% / 3);
 margin-bottom:3em;
 margin-right:2%;
}

.Flex--wrap .Triple:nth-of-type(3n){
 margin-right:0;
}

.Flex--wrap .Triple:last-child{
 margin-bottom:0;
}

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

  .Flex--wrap .Triple, .Flex--wrap .Hurf{
    width:100%;
    margin:0 auto 2em;
 }

 
}

/***********メディア************/

/***********お問い合わせ************/


#zip{ width: 200px;}

.placeholder{
    color: #aaa !important;
    font-family: 'Noto Sans JP', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    margin-bottom: .35em;
    line-height: 1.4;
    font-size: 11px !important;
}

.sns_ico{
 font-size:1.0rem;
 font-weight:normal;
}

.sns_ico img{
 width:20px;
 margin-right:5px;
 vertical-align:middle;
}

.sns_btn{
 max-width:110px;
 margin-left:auto;
 margin-right:auto;
 margin-top:.5em;
 display:block;
}

a.border__btn{
	border:1px solid #0078c1;
	background: #0078c1;
	color:#fff;
	display:block;
	padding: 1em;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	border-radius: 0.16em;
}

a.border__btn:hover{
  background: #7f7f7f;
  color:#fff;
  border:1px solid #7f7f7f;
}

a.border__btn .sub{
	font-size: 1.0rem;
	margin-top: .85em;
	display: block;
	padding:.55em;
	background:#fff;
	color:#0078c1;
	font-weight: 400;
	transition: all .3s;
}

a.border__btn:hover .sub{
	color:#7f7f7f;
}

/***********お問い合わせ************/

/***********士業************/


.Flex--wrap .Triple .ad-bg{
 background:#f9faff;
 padding:.5em;
 text-align:center;
 font-weight:600;
 font-size:1.0rem;
}

.Flex--wrap .Hurf.bg--blue{
    border-top: #bfe0ef solid 1px;
    border-bottom: #bfe0ef solid 1px;
    background: #f5fbff;
    padding: 0.5em;
}

.Flex--wrap .Hurf.bg--blue .title{
 font-weight:600;
 position:relative;
 padding-left:30px;
 font-size: 1.1rem;
 margin-bottom:0;
}

.Flex--wrap .Hurf.bg--blue .title::before {
    content: '';
    width: 20px;
    left: 0px;
    height: 3px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    background: #007cc3;
}

section.ad .Flex--wrap{
 align-items:center
}

section.ad .Flex--wrap .Img{
  width:25%;
}

section.ad .Flex--wrap .Text{
  width:72%;
}

section.ad{
 padding-top:0;
}

section.ad .Flex--wrap .Text h3{
 margin-bottom:.75em;
 color:#007cc3;
}

section.ad .Flex--wrap.space:not(:last-child){
 margin-bottom:2em;
}


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

section.ad .Flex--wrap .Img{
  width:80%;
 margin:0 auto 1em auto;
}

section.ad .Flex--wrap .Text{
  width:100%;
}

}

/***********士業************/

/*********** IR ************/

.block-wrap:not(:last-child){
 margin-bottom:3em;
}

.block-wrap a, .page_wrapper a{
 color:#185aab;
}

.block-wrap a:hover, .page_wrapper a:hover{
 color:#007cc3;
 text-decoration:underline;
}

.info-wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
    align-items: center;
}

.info-wrap .text{
 width:75%;
}

.info-wrap .btn{
 width:25%;
}

.info-wrap p{
 font-size:0.9rem;
}

a.bl-btn{
     background-color: #185aab;
     color:#fff;
     border-radius:.25em;
     text-align:center;
     padding:.5em;
     max-width:300px;
     width:100%;
}

a.bl-btn:hover{
background:#007cc3;
}

/***********スマホ用************/
@media screen and (max-width: 768px) {

 .info-wrap .text, .info-wrap .btn{
  width:100%;
 }

 .info-wrap .text{
 margin-bottom:1em;
  }

  a.bl-btn{
  max-width:100%;
  }

}

/***********ブログ************/

.blog__wrap h2{
	text-align:left;
	padding-bottom:.75em;
	border-bottom:4px solid #ddd;
	font-weight:700;
	font-size:1.4rem;
}

.blog__wrap h2:after{
	transform:inherit;
	left:0px;
	bottom:-4px;
	width:90px;
}

.blog__wrap h2.head{
	font-size:1.4rem;
	background: #007cc3;
    padding:.75em;
	color:#fff;
}

.blog__wrap h3{
	border-left:6px solid #007cc3;
	padding-left:15px;
	font-size:1.3rem;
	font-weight:600;
}

.blog__wrap table{
	border:1px solid #ddd !important;
	border-right:none;
	border-bottom:none;
	margin:2em auto;
}

.blog__wrap table th, .blog__wrap table td{
	padding:1em;
}

.blog__wrap table th{
	    background: #eff8ff;
}

.blog__wrap table th, .blog__wrap table td{
	border-right:1px solid #ddd !important;
	border-bottom:1px solid #ddd !important;
}

.blog__wrap .post .entry-content{
	margin-bottom:5vh;
}

/***********スマホ用************/
@media screen and (max-width: 768px) {

	.Flex-wrap .Fourth, .Flex-wrap .three{
	 width:calc(100% / 1);
	 margin:0 auto 0;
	}

	.table_contents_wrap.reverse .table_contents.left{
		padding-left:0;
	}

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

	}

	.main_img{
	 height: 50vh;
	}

	.comm_wrapper.space{
	 margin-bottom:3em;
	}

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

	.fix-header{
	display:none;
	}

	.pc_image{
	 display:none;
	}

	.sp_image{
	 display:block;
	}

	.header_inner{
	display:none;
	}

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

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

	#header_movie_wrap, .page_fv{
	margin-top:0;
	}

	#header_movie_wrap{
	 margin-top:55px;
	}

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

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

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

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

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

	.top_message_name_contents{
	 width:100%;
	}

	.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,0.85);
	border-bottom:1px solid #eee;
	position: fixed;
	width:100%;
	height:55px;
	 z-index: 999;
	}

	.drawer-menu_logo{
	display: flex;
	width:100%;
	max-width:180px;
	margin-top:5px;
	margin-left:8px;
	align-items: center;
	}

	.drawer-menu_logo img{
		width:100%;
		max-width: 150px;
	}

	.drawer-menu_logo span.jpx{
		max-width: 40px;
	}

	.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;
	    display:block;
	    width:100%;
	}

	.drawer-menu li a {
	    display: block;
	    font-size: 14px;
	    background:#007fc5;
	    color: #fff;
	    -webkit-transition: all .8s;
	    transition: all .8s;
	    padding:10px;
	}

	.li_global_navi > li > a, .li_global_navi > li > a:hover{
	    padding:10px;
	    font-size: 14px;
	}

	.drawer-menu li a:hover {
	    color: #fff;
	    background: #005cab;
	    font-size: 14px;
	}

	/* checkbox */
	input[type="checkbox"].check {
	    display: none;
	}

	/* menu button - label tag */
	.menu-btn {
	    position: absolute;
	    display: block;
	    top: 3px;
	    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 #6ba3c1;
	}

	#fade-in li ul{
	    visibility: visible;
	    opacity:1;
	}

	#fade-in li ul li{
	    visibility: visible;
	    opacity:1;
		}

	.dropmenu li ul{
	position:relative;
	top:0;
	left:0;
	    transform: translateX(0%);
	}

	.sub-menu{
	width:100%;
	    opacity:1;
	}


	#fade-in li:hover ul li a{
	font-size:14px;
	    color:#fff !important;
	}

	
	.dropmenu li ul li{
	width:100%;
	float:none;
	border:0;
	margin:0;
	}

	.sub-menu a{
	    border-top: 1px solid #6ba3c1;
	    padding:10px !important;
	    color:#fff !important;
	}

	.drawer-menu li a{
	 position:relative;
	}

	.drawer-menu li a:after{
	  right:5px;
          font-family: "FontAwesome";
	content: '\f105';
	  position:absolute;
	  top: 50%;
	  transform: translateY(-50%);
	}

	.dropmenu li ul li a{
	    color:#fff !important;
	}

	.contact_text{
	text-align:center;
	font-size:0.95rem !important;
	}
	
	.tel_title.big{
		font-size:1.4rem;
	}

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

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

	.archive_contents a:after {
	    content: '';
	    background: url(images/arrow.svg) no-repeat right center;
	    background-size: contain;
	    width: 35px;
	    height: 15px;
	    position: absolute;
	    top: 90%;
	    right: 0%;
	    transform: translateY(-90%);
	}

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

}
	
	.Flex-wrap .Fourth.review-so:not(:last-child), .Flex-wrap .three.review-so:not(:last-child){
		margin-bottom:1em;
	}

	.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_about{
		text-align:left;
	}
	
	.back_gray{
		  padding: 2em 0.8em 2em 0.8em;
	}

	.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%);
	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%;
	height:calc(50vh - 55px);
	}

	.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:100%;
	width:100%;
	transform: translateY(0%);
	}

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

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

	.top_message_name_wrap:first-child{
	 padding-top:0;
	}

	.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{
	width:100%;
	padding-left:0px;
	padding-right:0px;
	display:block;
	}


	.table_contents:nth-of-type(2){
	display:none;
	}


	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;
	 margin-top:15px;
	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: -35px;
	    width: 30px;
	}

	.table_contents p{
	 margin-bottom:0 !important;
	}

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

	.reason_contents{
	display:none;
	}

	.Aboutus-table-wrapper th{
	width:40%;
	padding:10px;
	font-size:0.85rem;
	}

	.Aboutus-table-wrapper td{
	width:60%;
	padding:10px;
	font-size:0.85rem;
	}

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

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


	.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%);
	width:100%;
	}

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

	.ex2{
	font-size:1.1rem;
	line-height:1.8;
	margin-top:0;
	margin-bottom:0;
	}

	h2.subtitle{
	font-size:1.0rem !important;
	}

	.home-logo{
	max-width:60px;
	margin-bottom:1em;
	}

	.news_wrap{
	margin-top:2em;
	}

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

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

	.Parchase-contents{
	border:none;}

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

	.company__contents li dl{
	 display:table;
	}

	.company__contents li dl dt {
	    width:30%;
	    height: 100%;
	    padding: 10px 0;
	    line-height: 180%;
	    margin-bottom:0;
	    text-align:center;
	    min-width:100px;
            display:table-cell;
	    vertical-align:middle;
	}

	.company__contents li dl dd {
	    padding: 0px 0 0 10px;
	    line-height:150%;
	    min-width:100%;
            display:table-cell;
	    vertical-align:middle;
	}

	.company__contents li dl dd ul{
	    display:flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	}

	.company__contents li dl dd li {
	    display: table;
	    width: 100%;
	    margin-bottom: 18px;
	    margin-right:2%;
	    padding:0;
	    border:0;
	}

	.company__contents li dl dd li div{
	display:table-cell;
	}

	.company__contents li dl dd li div:first-child{
	width:110px;
	}

	.company__contents li dl dd li div:nth-of-type(even){
	vertical-align:middle;
	padding-left:15px;
	}

	.company__contents li dl dd li:nth-of-type(even){
	margin-right:0;
	border-bottom:0;
	margin-bottom:0;
	}

	.company__contents li dl dd li div img {
	    background-size: cover;
	    width: 104px;
	    height: 104px;
	    border-radius:50%;
	}

	.company__contents li a i{
	 margin-right:5px;
	}

	.page_header{
	height:180px;
	margin-top:50px;
	}

	.page_wrapper h2 span{
	margin-top:.6em;
	}
	
	.company{
	background:url(images/company/company_header_sp.jpg) no-repeat center bottom;
	background-size:contain;
	}

	.top_message{
	background:url(images/message/top_message_sp.jpg) no-repeat center center;
	background-size:contain;
	}

	.buy_sell{
	background:url(images/business/buy_sell_header_sp.jpg) no-repeat center center;
	background-size:contain;
	}

	.brokerage{
	background:url(images/business/brokerage_header_sp.jpg) no-repeat center center;
	background-size:contain;
	}

	.contact{
	background:url(images/contact/contact_header_sp.jpg) no-repeat center center;
	background-size:contain;
	}

	.media{
	background:url(images/media/media_header_sp.jpg) no-repeat center center;
	background-size:contain;
	}

	.news{
	background:url(images/news/news_header_sp.jpg) no-repeat center center;
	background-size:contain;
	}

	.point_box{
	padding:15px;
	}

	.point_title{
	line-height:1.4;
	padding: 0 10px 0 10px;
	text-align:left;
	font-size:1.35rem;
	}

	.point_box p{
	text-align:left;
	line-height:1.8;
	}

	.point_box ul{
	padding:15px;
	justify-content:left;
	}

	.point_box ul li{
	margin-right:0;
	margin-bottom:.5em;
	width:100%;
	}

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

	.business_point_wrap{
	 display:block;
	}

	.business_point_image, .business_point_text,.business_point_text02{
	  height:auto;
	  width:100%;
	  margin-left:auto;
          margin-right:auto;
	}

	.business_point_text_item{
	position:relative;
	top: 0%;
	    left: 0%;
	    transform: translateY(-0%) translateX(-0%);
	padding:20px;
	}

	.business_point_text{
	margin-left:0;
	margin-top:1em;
	width:100%;
	}

	.business_point_text02{
	margin-right:0;
	margin-top:1em;
	width:100%;
	}

	.business_point_text_item p{
	margin-bottom:0;
	}

	.business_point_wrap:before{
	left:-10%;
	}

	.business_point_text_item h3{
	font-size:1.25rem;
	}

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

	.flow_icon{
	background-size: 52px 52px;
    width: 65px;
    height: 65px;
	 line-height:65px;
	margin-right:.5em;
	margin-top:-15px;
	}

	.flow_icon:after{
	    display:none;
	}

	.flow_text h3{
	font-size:1.25rem;
	}

	.flow_text p{
	line-height:1.6;
	}

	.flex_hurf_item h3.B-border{
	 margin-top:0;
	}

	.business_media h3{
	font-size:1.15rem;
	display:block;
	padding: 10px;
	}

	.page_wrapper h2{
	line-height:1.6;
	}

	.top_media_box{
	padding:15px;
	border:1px solid #eee;
	position:relative;
	}

	.flex_hurf_item{
	width:100%;
	margin:0 auto 0 auto;
	margin-bottom:2.5em;
	}

	.block-wrap .flex_hurf_item:last-child{
	 margin-bottom:0;
	}

	.block-wrap .flex_hurf_item p:last-child{
	 margin-bottom:0;
	}

	.block-wrap:not(:last-child) {
	    margin-bottom: 2em;
	}

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

	.block-wrap h3.B-border{
	 margin-top:0;
	}

	.flex__wrapper .Image{
	 width:80%;
	 margin:0 auto 1em auto;
	 }

	.flex__wrapper .Text{
	 width:100%;
	 }

	.Staff_profile{
	 padding:1em 0;
	}

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

	.top_message_name_item, .top_message_name_item_ko{
	height:220px;
	}

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

	.top_message_name_position_name{
	font-size:1.1rem;
	margin:0 auto 1em auto;
	}

	.top_message_name_position_name:last-child{
	margin:.5em auto 1em auto;
	}

	.top_message_name_position{
	line-height:1.4;
	font-size:1.1rem;
	}

	.top_message_name_wrap{
	 padding:2em 1em;
	}

	.top_message_contents{
	font-size:1.45rem;
	line-height:150%;
	}

	.top_message_text{
	padding:15px;
	}

	.top_message_text .title{
		font-size:1.255rem;
	}

	.top_message_contents_wrap_bottom_name{
		margin-top:0;
	}

	.topmessage_wrap{
	padding:2em 1.5em 0 1.5em;
	}

	.topmessage_wrap:before{
	    border-width: 180px 500px 0 500px;
	}

	.archive_flex_contents{
	  width:100%;
	  margin-bottom:2em;
	  margin-right:0;
	  }

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

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

	.cmnBtn_min{
	width:150px;
	}

	.txt_center span{
	margin:0 10px 0 10px;
	}

	.single_bottom_arrow{
	    flex-wrap: nowrap;
	    font-size:0.75rem;
	}

	.archive_flex_contents h2{
	font-size:1.05rem !important;
	}

	.breadcrumb_wrap{
	margin-top:55px;
	font-size:0.7rem;
	}

	.current-menu-parent {
	    border-top:none;
	}

	.business_contents {
	    width:100%;
	}

	h3.business_contents_title{
	margin-bottom:.5em;
	font-size:1.25rem;
	}

	p.text_min{
	margin:.5em 0 2.5em 0 !important;
	font-size:0.85rem;
	text-align:left;
	line-height:2.0;
	}

	.business_contents p.text_min{
	 margin-bottom:0 !important;
	}
	
	p.text_min:first-child{
		margin-bottom:1em;
	}

	.topmessage_wrap{
	margin-top:55px;
	}

	.sp_bs_image{
	position:relative;
	margin-bottom:1em;
	background: #1c9ae2;
	}

	.sp_bs_image img{
		opacity:0.35;
	}

	.more{
	font-size:1.2rem;
	width:80%;
	color:#000;
	background:rgba(255,255,255,0.7);
	line-height:1.1;
           top: 100%;
    left:0%;
    transform: translateY(-100%) translateX(-0%);
	}

	.more:after{
	position:absolute;
	right:10px;
	top: 50%;
	  transform: translateY(-50%);
	}

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

	.top_message_contents{
	margin:1em auto 0em auto;
	}

	.page_message{
	margin:0 auto 1em auto;
	}

	.flow_text_wrap{
	    display:block;
	}

	.flow_text_image{
	width:100%;
	margin:0 auto 1em auto;
	text-align:center;
	display:block;
	}

	.flow_text_image img{
         object-fit:cover;
	 max-height:220px;
	width:100%;
	}

	.flow_text_right{
	width:100%;
	display:block;

	}

	.footer_logo p{
	text-align:center !important;
	margin: .5em 0 .5em 0 !important;
	}

	h3 {
	    font-size:1.2rem;
	    line-height:150%;
	}

	h3.left{
	text-align:left;
	}

	.archive_list_contents{
	display:block;
	}

	.current-menu-item {
	    border-top:none;
	}

	#footer_copy_wrapper{
	font-size:0.65rem;
	}

	.pagetop {
	    position: fixed;
	    bottom: 5px;
	    right: 5px;
	    max-width:50px;
	}

	.top_media_item{
	width:100%;
	margin-right:0;
	margin-bottom:2.5em;
	}
	
	#page-top {
    position: fixed;
    bottom: 5px;
    right: 5px;
	max-width:50px;
     }

	.values_Top_wrap .Item:first-child{
	  width:100%;
 	  margin-bottom:.5em;
	 }

	.values_Top_wrap .Item:nth-of-type(2){
	  width:100%;
	 }

	.values_Top_wrap .Item:first-child p.Title{
	 font-size:1.6rem;
	}

	.values_Top_wrap .Item:first-child p:first-child{
	    max-width:200px;
	}

	.values_Top_wrap .Item:nth-of-type(2) .Contents div.title{
	 width:40%;
	 font-size:1.2rem;
	}

	.values_Top_wrap .Item:nth-of-type(2) .Contents div.text{
	 width:60%;
	 font-size:0.9rem;
	 line-height:1.4;
	 padding-left:1em;
	}

	h2.Center_title{
	 font-size:1.6rem;
	 margin-bottom:.5em;
	}

	.values_Top_wrap{
	 margin-bottom:0;
	}

	.Values_Bottom_text_wrap .Item:first-child{
	  width:50%;
	 text-align:center;
	 font-weight:bold;
	 font-size:1.1rem;
	 color: #004d77;
	 }

	.Values_Bottom_text_wrap .Item:nth-of-type(2){
	 width:50%;
	 }

	.Values_Bottom_text_wrap .Item:nth-of-type(2) p{
	 font-size:0.9rem;
	}

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

	.timeline-content{
	 width:100%;
	}

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

	.timeline{
	 margin-top:1em;
	}

	.tel--wrap .Text .Box a.tel{
	 font-size:24px;
	 padding-left:25px;
	}

	.tel_title{
	 font-size:0.9rem;
	}

	.time, p.min{
	 font-size:0.75rem;
	}

	.tel--wrap a.tel:before {
	    width: 20px;
	    height: 20px;
	}

	/***********リフォーム************/

	.Inner-wrap .Item{
	width:calc(100% / 1);
	margin-bottom:2em;
	}


	/***********リフォーム************/

}


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

	.drawer-menu_wrap{
	display:none;
	}

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

	.br-sp02{
	display:none;
	}

	.Aboutus-table-wrapper{
	font-size:1.1rem;
	}


	.cmnBtn2_s{
	width: 200px !important;
	}

	.main_textBox{
	    width:40vw;
	    position: relative;
	    display:table-cell;
	}

}

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

	text {
	font-size:100px;
	}

	.main_imgBox{
	width:50vw;
	}

}

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

       	.reason_text_contents{
	  padding:20px;
	  width: 65vw;
	}

	.reason_text_sub{
	font-size:1.2rem;
	}

	figure.effect-apollo p{
	font-size:0.8rem;
	}

	.business_overf_btn{
	display:block;
	margin-top:1em;
	min-width: 200px;
	}

	.grid figure figcaption{
	padding:1em;
	}

	figure.effect-apollo p{
	margin: 0 auto 0 auto;
	}

	.grid figure{
	height:25vh;
	}

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

	.more{
	    font-size: 1.8rem;
	}

	figure.effect-apollo p{
        max-width:100%;
	}

	.business_point_image {
	    position: relative;
	    height: auto;
	    width:50%;
	}

	.business_point_text, .business_point_text02{
	    max-height:800px;
	    margin-top:0;
	    height:auto;
	}

	.business_point_text_item h3{
	font-size:1.2rem;
	}

	.business_point_text_item {
	    position: relative;
	   top: 0%;
	   left:0%;
	    transform: translateY(-0%) translateX(-0%);
	    width: 100%;
	    padding: 30px;
	}

	.reason_text_contents p{
	margin-bottom:15px !important;
	margin-top:15px !important;
	font-size:0.9rem !important;
	}

}

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

サンクスページ

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

.bg--gray{
 padding:1em;
 background:#fafaf9;
 margin:0 auto 1em auto;
}

.bg--gray ul.disc{
 color:#1a1a1a;
 list-style:disc;
 margin:auto;
 font-size:0.9rem;
}

.bg--gray ul.disc li{
 font-weight:500;
 list-style:disc;
 margin-left:1.5em;
}

.bg--gray ul.disc li:not(:last-child){
 margin-bottom:.5em;
}

ul.disc.bg{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content:flex-start;
    margin:auto;
 }

ul.disc.bg li{
  font-size:1.15rem;
  font-weight:400;
  margin-bottom:1em;
  list-style:disc;
 }

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

.bg--gray.min{
 max-width:600px;
 margin-left:auto;
 margin-right:auto;
}

.page_wrapper .bg--blue ul.disc{
	margin-left:1.6vw;
	margin-bottom:1em;
	font-size:1.0rem;
}

.page_wrapper .bg--blue ul.disc li{
		font-size:1.0rem;
}

/**************
 SP
**************************/

@media screen and (max-width: 767px) {
	.bg--gray ul.disc{
	 padding-left:0;
	}
	.page_wrapper .bg--blue ul.disc{
		margin-left:1.5em;
	}
}

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

CM

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

.cm-wrap{
max-width: 900px;
color:#fff;
margin:2.5em auto 1.5em;
border-top-right-radius:1.6em;
border-bottom-left-radius:1.6em;
}

.cm-wrap .title{
 text-align:center;
 color:#000;
 font-size:2.0rem;
 margin:0 auto 1em auto;
 font-weight:700;
}

.cm-wrap iframe{
 border:10px solid #dfdfdf;
 background:#fff;
 }

.video {
  position: relative;
  width:100%;
  height:0;
  padding-top: 56.25%;
  margin-bottom:2em;
}

.cm-wrap .video{
	margin-bottom: 8em;
}

.interview__wrap{
	margin-bottom: 8em;
}

.video iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cm-wrap .flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
    margin-top:1em;
 }
 .cm-wrap .flex .Item{
 width:calc(98% / 5);
 border: 2px solid #202020;
 padding: 5px;
 background: #e0ecf3;
 }

 .cm-wrap .flex .Item img{
	width: 100%;
	min-height: 120px;
	max-height: 120px;
	object-fit: scale-down;
	background:#e0ecf3;
	margin-bottom: 3px;
 }

.cm-wrap .flex .icon-type{
 border-radius:.15em;
 background:#e0ecf3;
 color:#1155cc;
 text-align:center;
 padding:.33em;
 font-size:1.1rem;
 font-weight:500;
 font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
}

.cm-wrap .flex .icon-type::after{
	font-family: "FontAwesome";
	content: '\f105';
	display: inline-block;
	margin-left: 5px;
	font-size: 0.9rem;
}

.top-cta-title{
 padding:1em;
 background:#0086cb;
 text-align:center;
 color:#fff;
 font-size:2.0rem;
 margin:0 auto 1em auto;
 font-weight:500;
}

.top-cta-title.cta-block{
 font-size:1.4rem;
}

.top-cta{
     display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
    max-width:900px;
    margin:auto;
}

.top-cta .hurf{
 width:calc(98% / 2);
}

.top-cta .hurf .Text .time{
 font-size:0.8rem;
}

.top-cta .hurf .Text p.min{
  font-size:0.75rem;
	text-align:center;
 }

.top-cta .timeout{
 display:none !important;
 }

.top-cta a.Full{
 display:block !important;
 width:100% !important;
}

.top-cta a.btn{
     background: #de2304;
    text-decoration: none;
     border-radius:0;
    padding: 1em 0.8em;
    border-bottom: 0;
    font-size: 1rem;
    line-height: 1.7;
	border-radius: .46em;
	margin: auto;
    color:#fff;
    display:block;
    text-align:center;
    font-weight:700;
    font-size:1.4rem;
    letter-spacing:0.5px;
	max-width: 600px;
}

.top-cta a.btn:hover{
 opacity:0.755;
}

.top-cta a.btn span.sub{
 background:#fff;
 padding:5px;
 border-radius:0;
 text-align:center;
 display:block;
 font-size:0.8rem;
 color:#de2304 !important;
 margin-top:.5em;
 }

p.img{
 background:#fdfdfd;
 border:1px solid #ddd;
 padding:5px;
 width:100%;
 min-height:300px;
}

p.points-title{
  font-size:1.25rem;
  margin-bottom:.5em;
  font-weight:bold;
 }

.rev_name{
 padding:1em;
 background:#f6f9ff;
 margin-bottom:1em;
 border:1px solid #e5ecf8;
}

.rev_text{
 padding:1em;
 background:#fcfdff;
 margin-bottom:0;
 border:1px solid #e5ecf8;
}

.rev_text.se-box{
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
  padding:1.5em;
 }

.rev_text.se-box p{
 text-align:left !important;
}

.flow_text p.mb_none{
 margin-bottom:0;
}

.bg--blue {
    border-top: #bfe0ef solid 1px;
    border-bottom: #bfe0ef solid 1px;
    background: #f5fbff;
    padding: 0.5em;
	    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.bg--blue .title::before {
    content: '';
    width: 20px;
    left: 0px;
    height: 3px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    background: #007cc3;
}

.bg--blue .title {
    font-weight: 600;
    position: relative;
    padding-left: 30px;
    font-size: 1.1rem;
    margin-bottom:.5em;
}

.bg--blue h4{
 margin-top:.5em;
 margin-bottom:.5em;
}

.page_wrapper .bg--blue{
 margin-bottom:1em;
}

/**************
 SP
**************************/

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

	.cm-wrap .video{
		margin-bottom: 4em;
	}
		
.interview__wrap{
	margin-bottom: 4em;
}

	.rev_text.se-box{
	 padding:1em;
	}

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

	.top-cta-title.cta-block{
	 font-size:1.2rem;
	 padding:.55em;
	}

	.cm-wrap .flex{
	     justify-content: center;
	}

	.cm-wrap{
	 padding:1em 0 0;
	 margin-top:0;
	}

	.cm-wrap iframe{
	 border-top:5px solid #fff;
	 border-bottom:5px solid #fff;
	 border-left:none;
	 border-right:none;
	 }


	.cm-wrap .title{
	 font-size:1.4rem;
	 margin-bottom:.5em;
	 padding:0 1em;
	}

	.video{
	 margin-bottom:.75em;
	}

	.cm-wrap .flex{
	 padding:0;
	}

	.cm-wrap .flex .Item{
		width:calc(98% / 3);
		margin-bottom:.25em;
		margin-right:1%;
	}

	.cm-wrap .flex .Item img {
		width: 100%;
		min-height: 80px;
		max-height: 80px;
		object-fit: scale-down;
		background: #e0ecf3;
		margin-bottom: 3px;
	}

	.cm-wrap .flex .icon-type{
	 font-size:0.9rem;
	}

	.cm-wrap .flex .Item:nth-of-type(3n){
	 margin-right:0;
	}

	.top-cta .hurf{
	 width:calc(100% / 1);
	}

	.top-cta .hurf:first-child{
	 margin-bottom:1em;
	}

	.top-cta a.btn{
	 font-size:1.05rem;
	}

	.top-cta a.btn{
		margin-top: 1em;
	}

	p.inyo{
	 font-size:0.8rem;
	 text-align:left !important;
	}

}


.service-cta .title{
   text-align:center;
   font-size:1.75rem;
   font-weight:500;
   padding-bottom:1em;
   margin-bottom:1em;
   border-bottom:3px solid #007cc3;
 }

.service-cta a.mail{
  border-radius:.45em;
  background:#ff9900;
 }

.service-cta .tel-box{
  padding:0;
  border:none;
 }

.service-cta .Text{
 padding:0;
}

.service-cta a.tel{
  color:#1a1a1a !important;
 }

.service-cta a.tel:hover{
 text-decoration:none;
}

.service-cta a.tel:before{
  background: url(images/tel-bk.svg)no-repeat left top;
      top: 13px;
 }

.top-cta a.btn span.sub{
 color:#ff9900;
}

.service-cta .Text .Box a.tel{
  font-size:46px;
 }

/**************
 SP
**************************/

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

 .service-cta .title{
	 font-size:1.255rem;
	 padding-bottom:.55em;
	 margin-bottom:.55em;
	}

.service-cta .Text .Box a.tel{
  font-size:36px;
 }

}

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

各ページ下よくある質問

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

.accordion {
margin: 3em auto;
max-width: 100%;
}
input[type="checkbox"].toggle {
display: none;
}
.option {
position: relative;
margin-bottom: 1em;
}
.accordion .title, .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.accordion .title {
padding:.5em .5em .85em 35px;
border-bottom:1px solid #ccc;
display: block;
position:relative;
font-weight:600;
cursor:pointer;
font-size:1.25rem;
}

.accordion .title .ico:before{
  content:'Q';
  color: var(--keyColor);
  font-size:24px;
  font-weight:bold;
  position:absolute;
  left:0;
  top:.5em;
}

.accordion .title::after,
.accordion .title::before {
content: "";
position: absolute;
right: 1.25em;
top: 1em;
width: 2px;
height: 0.75em;
background-color: #999;
transition: all 0.3s;
}
.accordion .title::after {
transform: rotate(90deg);
}
.accordion .content {
max-height: 0;
overflow: hidden;
margin-top:.25em;
}
.accordion .content .anther {
padding:1em 1em 1em 25px;
position:relative;
text-align:left;
}

.accordion .content .anther:before{
  content:'A';
  color: var(--bgOrange);
  font-size:20px;
  font-weight:bold;
  position:absolute;
  left:0;
  top:.75em;
 }

.toggle:checked + .title + .content {
max-height: 500px;
transition: all 1.5s;
margin-top:.25em;
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}

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

sp

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

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

.accordion .title .ico:before{
   top:.5em;
 }

.accordion .content .anther:before{
	 top:.75em;
	}

 .accordion {
	margin:2.5em auto;
	}

}

.accordion .title{
 font-size:1.05rem;
}

p.reference, p.reference a{
  color:#999;
}

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

組織図

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

.org-wrap{
	position:relative;
	overflow-x:hidden;
	margin-top:20px;
}

.org-wrap .box__cont{
	background: var(--keyColor);
	padding: 1em;
	color:#fff;
	text-align:center;
	position: relative;
	max-width:490px;
	margin:0 auto 30px;
}

.org-wrap .box__cont::after{
	content:'';
	background:#ccc;
	height:30px;
	width:1px;
	position:absolute;
	bottom:-30px;
	left: 50%;
	transform:translateX(-50%);
}

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

.org-wrap .flex__box.center{
	justify-content:center;
}

.org-wrap .flex__box .box__cont{
	width:calc(96% / 3);
}

.org-wrap .flex__box .box__cont.four{
	width:calc(96% / 4);
}


.org-wrap .flex__box .Hurf{
	width:calc(100% / 2);
}

.org-wrap .box__cont__border::before{
	content:'';
	background:#ccc;
	width:200%;
	height:0.5px;
	position:absolute;
	left:5%;
	top: 50%;
	transform:translateY(-50%);
	z-index:-1;
}

.org-wrap .flex__box .box__cont.wide{
	width:100%;
}

.org-wrap .top__border::before, .org-wrap .top__border__right::before{
	content:'';
	background:#ccc;
	width:1px;
	height:30px;
	position:absolute;
	left:50%;
	top: -30px;
	transform:translateX(-50%);
	z-index:-1;
}

.org-wrap .top__border::after{
	content:'';
	background:#ccc;
	width:107%;
	height:0.5px;
	position:absolute;
	left:100%;
	top: -30px;
	z-index:-1;
}

.org-wrap .top__border.sec::after{
	content:'';
	background:#ccc;
	width:100%;
	height:0.5px;
	position:absolute;
	left:100%;
	top: -30px;
	z-index:-1;
}

.org-wrap .flex__box .box__cont.mlr_none{
	margin:30px 0 0;
}

.org-wrap .top__border__sec::after{
	content:'';
	background:#ccc;
	width:209%;
	height:0.5px;
	position:absolute;
	left:50%;
	top: -30px;
	z-index:-1;
}

.org-wrap .top__border__right::after{
	content:'';
	background:#ccc;
	width:100%;
	height:0.5px;
	position:absolute;
	left:0;
	top: -30px;
	z-index:-1;
}

.org-wrap .top__border{
	margin-top:30px;
}

.org-wrap .vertical__border__none::after{
	display:none;
}

.top__border__center{
	position:relative;
}

.top__border__center::after{
	content:'';
	background:#ccc;
	height:30px;
	width:1px;
	position:absolute;
	bottom:-46px;
	left: 50%;
	transform:translateX(-50%);
}

.org-wrap .box__vertical{
	text-orientation: upright;
	-webkit-text-combine: horizontal;
	-ms-text-combine-horizontal: all;
	text-combine-upright: all;
	background: var(--keyColor);
	padding: .5em;
	color:#fff;
	text-align:center;
	position: relative;
	max-width:470px;
	margin:0 auto 30px;
	width: calc(95% / 6);
}

.org-wrap .box__vertical{
	margin-top:30px;
}

.org-wrap .box__vertical::before{
	content:'';
	background:#ccc;
	height:30px;
	width:1px;
	position:absolute;
	top:-30px;
	left: 50%;
	transform:translateX(-50%);
}

.org-wrap .box__vertical::after{
	content: '';
    background: #ccc;
    height: 0.5px;
    width: 105%;
    position: absolute;
    top: -30px;
    left: 50%;
}

.org-wrap .box__vertical.border__none::after{
	display:none;
}
.org-wrap .grad{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 33%, #36a0da 33%, #ffffff 33%, #36a0da 33%, #36a0da 33%, #36a0da 50%, #36a0da 67%, #ffffff 67%, #ffffff 67%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 33%,#36a0da 33%,#ffffff 33%,#36a0da 33%,#36a0da 33%,#36a0da 50%,#36a0da 67%,#ffffff 67%,#ffffff 67%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 33%,#36a0da 33%,#ffffff 33%,#36a0da 33%,#36a0da 33%,#36a0da 50%,#36a0da 67%,#ffffff 67%,#ffffff 67%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

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

sp

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

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

	.org-wrap .grad{
		background: var(--keyColor);
	}

}

/****************** 追従フッター *****************/

.footer{
 padding-bottom:95px;
}

.txt_center{
 text-align:center;
}

.cta-title{
 background:#0083c8;
 padding:.5em .5em .2em;
 text-align:center;
 color:#fff;
 font-size:1.25rem;
 margin:auto;
}

.cta-wrap{
 padding:.5em;
 border:4px solid #0083c8;
 margin-bottom:.9em;
}

.cta-wrap .column-wrap{
 margin-bottom:0;
}


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

追従フッター

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

.Bnr{
  position: relative;
  margin: 0 auto;
  width:100%;
  display: none;
}

.Bnr .Bnr__img{
  position: fixed;
  border-top: 3px solid var(--keyColor);
  bottom:0;
  width:100%;
  box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
  z-index: 999;
  background-color: rgba(255,255,255,0.95);
  padding:.5em;
}

.Bnr .Bnr__img a{
 text-decoration:none;
}

.Bnr__img__inner{
  padding: 0;
  max-width:1000px;
  margin:auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content:space-between;
}

.Bnr .Bnr__img__inner a{
 display: block;
 padding:.45em .5em;
 height:100%;
 width:100%;
 line-height:1.45;
}

.ftb.Hurf{
 width:calc(98% / 2);
 }

.Bnr .Bnr__img__inner .Triple{
display: flex;
flex-direction: column;
justify-content:center;
}

.Bnr .Bnr__img p.close{
  position: absolute;
  right: 20px;
  top:10px;
}
.Bnr .Bnr__img p.close a{
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
}
.Bnr .Bnr__img p.close a span{
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.Bnr .Bnr__img p.close a i{
  font-size: 22px;
  z-index: 888;
  color: #ddd;
}

img.free {
    max-width: 40px;
    max-height:40px;
    margin-right: 7px;
    vertical-align: middle;
    width:100%;
    height:100%;
}

.tel_btn{
 width:100%;
    background: #fff;
    position: relative;
    border: 2px solid #ccc;
 padding:.25em;
    line-height: 1.25;
    text-align:center;
}

.tel_btn a{
 text-decoration:none;
}



.bottom_menu_contents {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.bottom_menu_contents.soudan{
	width:calc(99% / 2);
}

.bottom_menu_contents_wrap {
width: 100%;
margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}


.bottom_menu_contents_wrap .tel_btn a{
 padding:0;
}

.sp-mail{
 width:100% !important;
 max-width:600px;
 text-align:center;
 margin: -10px auto 5px;
 background: #ff4200;
 border-radius:.35em;
}

.wd65{
	text-align:center;	
}

.bottom_menu_contents .Triple{
 width:calc(98% / 3);
}

.timeout-text{
 max-width:400px;
    margin-left: auto;
    margin-right: auto;
}


.timeout-text.none{
 display:none;
}

.bottom_menu_contents dt {
    font-size: 15px;
    text-align: center;
    background: #efefef;
    font-weight:400;
    padding: 8px;
    border-radius: 10px;
    line-height: 1.2;
    width: 145px;
    height: 55px;
    position: relative;
    margin-bottom: 0;
    margin-top:20px;
    margin-left:150px;
}

.bottom_menu_contents dt:before {
    content: "";
    position: absolute;
    display: block;
    z-index: 1;
    border-style: solid;
    border-color: #efefef transparent;
    border-width: 20px 0 0 30px;
    top: 18px;
    left: -14px;
    margin-left: -10px;
}

.fixedbox__tell-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0;
    position: relative;
}


.bottom_menu_contents a {
font-family: 'Inter', sans-serif;
font-size: 20px;
font-weight:500;
}

.bottom_menu_contents .btn_tel{
 font-size:32px;
 padding:0 .3em;
 }

.bottom_menu_contents a.btn_tel{
 line-height: 1.2;
 height:auto;
 text-align:center;
 color:#b00808;
 font-weight: bold;
 font-family: 'Heebo', sans-serif;
 letter-spacing:1px;
 font-size:35px;
 display:block;
}

.bottom_menu_contents a.btn_tel:before{
    content: '';
    background: url(images/tel-bk.svg)no-repeat left top;
    background-size: contain;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    display: inline-block;
 }


.btn_mail{
position:relative;
display: block;
width:100%;
background: #f27d00;
border-radius: 5px;
padding:.75em .3em;
box-shadow: 0px 2px 9px -3px rgb(0 0 0 / 95%);
text-align: center;
line-height:1.3;
color: #fff;
text-decoration: none;
}

.btn_mail .mail_btn_time {
    border-radius: 12px;
    color: #f27d00;
    text-align: center;
    background: #fff;
    line-height: 1.1;
    padding: 3px;
    max-width: 280px;
    display: block;
    font-size: 12px;
    margin: auto;
    font-weight: 600;
    margin-top: .56em;
}

.btn_mail span.Top{
color: #ffd800;
    font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
    font-weight: bold;
    display: block;
    font-size: 16px;
    margin: 0 auto 3px auto;
    text-align: center;
}

.btn_mail:hover{
 opacity:0.8;
 color:#fff;
}

.bottom_menu_contents a:hover{
 text-decoration:none;
 opacity:0.8;
}

.cta .tel-top {
    margin-top: 1.25em;
    margin-bottom: 0.5em;
    font-size: 1.3rem;
    text-align: center;
}

.cta .mail {
    display: block;
    position: relative;
    text-align: center;
    color: rgb(255, 255, 255);
    height: 100%;
    font-size: 1.25rem;
    font-weight: 600;
    font-family: "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding:.3em;
    background: #ff9900;
    text-decoration: none;
    border-bottom: 5px solid #cf7c00;
    max-width: 100%;
    border-radius: 6px;
    line-height:1.5;
}


.cta .mail span.top {
    margin-bottom: 0.5em;
    font-size: 15px;
    display: inline-block;
    line-height: 1;
    letter-spacing: 1px;
    font-weight: 600;
    color: rgb(251, 101, 20);
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: rgb(255, 255, 255);
    padding: 3px 5px;
}

.Cta--blue-top .Flex .Wh-icon {
    background: #fff;
    padding: 0.5em;
    font-weight: bold;
    text-align: center;
    line-height: 1.0;
    color: #2540a7;
    margin-right: 10px;
}

.Cta--blue-top span.Seconds {
    font-size: 50px;
    font-family: 'Anton', sans-serif;
    font-weight:normal;
    letter-spacing:1px;
}

.cta .tel-top {
    margin-top: 1.25em;
    margin-bottom: 0.5em;
    font-size: 1.3rem;
    text-align: center;
}

.shiny-btn {
    position: relative;
}

.cta .tel-wrap {
    background: #fff;
    position: relative;
    border: none;
    border-top: 1px solid #1a1a1a;
    padding: 0.6em 0;
    text-align: center;
    margin-top: 1em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.cta .tel-wrap .Img {
    width: 120px;
    margin-right:5px;
}

.cta .tel-wrap a.tel {
    font-size: 54px;
    font-weight: bold;
    font-family: 'Heebo', sans-serif;
    text-align: center;
    position: relative;
    line-height: 1.25;
    padding-top: 0;
    letter-spacing: 0.08em;
    margin: 0;
    color: #b00808;
    display: inline-block;
    padding-left: 50px;
}

.cta .tel-wrap span.time {
    color: #1a1a1a;
    text-align: left;
    padding-left: 1em;
    font-size: 0.9rem;
    display:block;
}

.cta .tel-wrap a.tel:before {
    content: '';
    background: url(../../images/free-icon.svg)no-repeat left top;
    position: absolute;
    left: 0px;
    top: 12px;
    background-size: contain;
    width: 45px;
    height: 50px;
    margin-right: 5px;
}

.cta .tel-wrap a.tel:hover{
 text-decoration:none;
 opacity:0.75;
}

.column-right .mail{
 padding:.5em;
}

.line a:hover{
 opacity:0.75;
}

.fixed_box_title {
    color: #1a1a1a;
    text-align: center;
    padding: 2px 10px 2px 10px;
	margin:auto;
    margin-bottom: 4px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    display: block;
    font-weight: bold;
}

.Bnr .Bnr__img__inner a.cta-line, .Bnr .mail{
 min-height:62px;
 line-height:62px;
}

.Bnr .Bnr__img__inner a.cta-line{
 background:#18b603;
 padding:.5em .5em .5em;
 color:#fff;
 text-align:center;
 position:relative;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content:space-between;
align-items: center;
border-radius:.45em;
font-weight:bold;
font-size:1.25rem;
}

a.cta-line:before{
 content:'';
 position:absolute;
 left:15px;
 width:40px;
 height:40px;
 background:url(images/line-icon.svg)no-repeat;
 background-size:contain;
top: 50%;
  transform: translateY(-50%);
}

a.cta-line span.min{
 display:block;
 font-size:13px;
}

a.cta-line img{
 max-width:50px;
 display:inline-block;
 margin-right:5px;
vertical-align: middle;
}

	.scrolled .page_top_btn{
		 bottom:105px;
	}

.tel_btn .fixed_box_title{
font-size: 14px;
    color: #4d4d4d;
    margin-top: 3px;
 margin-bottom:0;
 padding:0;
}

.tel_btn span.time {
    font-size: 14px;
    color: #4d4d4d;
    margin-top: 3px;
    font-weight:600;
}

footer.pb{
padding-bottom: 130px;
}

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

sp

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

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

		.pc_image{
		display:none;
		}

		section.cta {
			margin-bottom:1em;
			margin-top:0;
		}

		.bottom_menu_contents a.btn_tel:before{
		width: 12px;
		height: 12px;
			left: 5px;
			top: 6px;
		}

		.bottom_menu_contents a.mail {
			font-size: 0.75rem !important;
			border-bottom: 0;
				padding:0.8em 0.3em;
		}

		.Flex .Hurf {
			width: calc(100% / 1);
		}

		.Flex .Hurf:first-child{
		margin-bottom:1em;
		}

		section.cta .Inner{
		padding-left:1em;
		padding-right:1em;
		}

		.cta .tel-top {
			font-size: 0.9rem;
		}

		.cta .tel-wrap{
		margin-top:0;
		}

		.Cta--blue-top {
			font-size: 1.0rem;
		}

		.Cta--blue-top .Flex .Item:first-child {
			line-height: 1.2;
			width:100%;
		}

		.Cta--blue-top .Flex .Item:first-child {
			padding: 0 0 0.22em 0;
			border-bottom: 1px solid #fff;
			margin-bottom: 0.35em;
			border-right: none;
		}

		.Cta--blue-top .Flex .Item:nth-of-type(2) {
			padding-left: 0;
			width:100%;
		}

		.Cta--blue-top:after{
		bottom:-15px;
		}

		.Bnr .Bnr__img__inner .Triple:last-child{
		display:none;
		}

		.Bnr .Bnr__img__inner .Triple{
		width:calc(99% / 2);
		}


		.cta .tel-wrap span.time {
			padding: 0;
			display: block;
			text-align: center;
			font-size: 0.85rem;
		}

		.cta .tel-wrap .Img {
			display: none;
		}

		.cta .tel-wrap a.tel {
			margin-left: auto;
			margin-right: auto;
			padding-left: 40px;
			font-size: 34px;
			text-align: center;
			display: block;
		}

		.cta .tel-wrap a.tel:before {
			width: 35px;
			height: 40px;
			left: 0;
			top: 5px;
		}

		.cta .mail{
		font-size:1.05rem;
		}

		.cta .mail.mail-min:before{
		width:30px;
		height:30px;
		display:block;
		margin:0 auto 3px;
		position:relative;
		left: 0em;
		top: 0%;
		transform: translateY(-0%);
			}

		.bottom_menu_contents a.btn_tel{
		font-size:1.35rem;
		}

		.fixed_box_title{
		font-size:13px;
		padding:0;
		}

		.cta .mail:after {
			font-size:24px;
		}
	
		.Bnr__img__inner{
			padding:0 !important;
		}

		.Bnr .Bnr__img__inner a.cta-line, .Bnr .mail {
			min-height:30px;
			line-height:1.25;
		}

		a.cta-line img {
			max-width: 30px;
		}

		.Bnr .Bnr__img__inner a.cta-line{
		font-size:1.0rem;
		}

		a.cta-line:before {
			content: '';
			position: relative;
			left: 0;
			width: 30px;
			height: 30px;
			top: 0%;
			transform: translateY(-0%);
			display:block;
			margin:0 auto 3px;
		}
		
		.scrolled .page_top_btn{
			bottom:87px;
		}
		
		.bottom_menu_contents a.btn_tel {
		font-size: 16px;
		line-height: 1.0;
	}
	.Bnr span.time {
		font-size: 10px;
		letter-spacing: -1px;
		margin-left: 0;
		font-weight: 600;
	}
		footer.pb {
		padding-bottom: 100px;
	}
}

/************** ページナビ **************/

.date-v{
	font-size:0.9rem;
}

.pagenation{
	margin-top:2em;
	text-align:center;
}

.pagenation .page-numbers{
	display:inline-block;
	padding:6px;
	border:1px solid #185aab;
	min-width:39px;
}

.pagenation .current{
	background:#185aab;
	color:#fff;
}

.pagenation a:hover{
	color:#185aab;
}

.Cta--blue-top {
    background: #2540a7;
    padding: 0.75em 0.55em;
    position: relative;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 1.5em;
}

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

.Flex .Hurf {
    width: calc(98% / 2);
    position: relative;
}

.Flex__space{
    justify-content: space-between;
}

/************** 無料査定フォーム **************/

div.assessment{
	background: #f9fcff;
}
section.assesment__wrap{
padding-top:0;margin-top:1.5em;
}
.header_inner.center{
	justify-content: center;
}

div.assessment .page_wrapper.wide{
	background: #fff;
	padding: 2.6vw;
}

.Cta--blue-top .Flex .Item:first-child {
    width: 30%;
    padding-right: 0.5em;
    border-right: 2px solid #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.Cta--blue-top .Flex .Item:nth-of-type(2) {
    width: 65%;
    padding-left: 0.5em;
    text-align: center;
    font-size:1.45rem;
}

.Cta--blue-top:after {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #253fa7 transparent transparent transparent;
}

.Cta--blue-top .Flex .Wh-icon {
    background: #fff;
    padding: 0.5em;
    font-weight: bold;
    text-align: center;
    line-height: 1.0;
    color: #2540a7;
    margin-right: 10px;
}

.Cta--blue-top span.Seconds {
    font-size: 45px;
	font-weight: bold;
}

span.yellow {
    color: #fffc00;
}

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

sp

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

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

	.Left__wrap .block-wrap:first-of-type{
		margin-bottom: 0;
	}

	section.assesment__wrap{
		padding-top:0;
		}
	.Cta--blue-top {
	    font-size: 1.0rem;
	}

	.Cta--blue-top .Flex .Item:first-child {
	    line-height: 1.2;
	    width:100%;
	}

	.Cta--blue-top .Flex .Item:first-child {
	    padding: 0 0 0.22em 0;
	    border-bottom: 1px solid #fff;
	    margin-bottom: 0.35em;
	    border-right: none;
	}

	.Cta--blue-top .Flex .Item:nth-of-type(2) {
	    padding-left: 0;
	    width:100%;
	    font-size:1.35rem;
	}

	.Cta--blue-top:after{
	 bottom:-15px;
	}
	
	
}

a.Blue-Btn{
    font-family: 'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    color: #FFFFFF;
    display: block;
    margin: 2em auto 0 auto;
    padding: 25px;
    background-color: #185aab;
    border: 0px;
    border-radius: 3px;
    max-width:400px;
    box-sizing: broder-box;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 1px;
	text-align:center;
}

a.Blue-Btn:hover{
	text-decoration:none;
	color:#fff;
	opacity:0.8;
}

a.Blue-Btn:after {
	font-family: "FontAwesome";
	content: '\f105';
    display:inline-block;
	margin-left:.5em;
	}

/************** 利用規約 ****************/

section#terms ol{
	list-style-position:inside;
	padding-left:.5em;
}

section#terms ol li{
	margin:.75em 0;
	font-weight:normal;
	text-indent:-1.3em;
	padding-left:1em;
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

section#terms ol li::marker, section.privacy ol li::marker{
	color:#101010;
}

/************** 会社情報 ****************/

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

.flex__wrapper .Hurf{
	width:calc(97% / 2);
	margin-bottom: 2em;
}

.flex__wrapper .Third{
	width:calc(97% / 3);
}

.flex__wrapper .Hurf h2, .flex__wrapper .Third h2{
	font-weight: bold;
	font-size: 1.2rem;
	margin-top: .5em;
}

.flex__wrapper .Hurf h2 span.en, .flex__wrapper .Third h2 span.en{
	font-size: 0.9rem;
	display: block;
	color:#ccc;
	font-weight: 400;
	text-transform:uppercase;
}

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

sp

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

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

	.flex__wrapper .Hurf{
		width:100%;
		margin-bottom: 2em;
	}
	
	.flex__wrapper .Third{
		width:100%;
	}

	.flex__wrapper .Third:last-child{
		margin-bottom: 2em;
	}

}

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

ショートコード用

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

b{
	font-weight:bold;
}

.red{
	color:#fe0000;
}

.red__bold{
	color:#fe0000;
	font-weight:bold;	
}

.red__bold{
	color:#fe0000;
	font-weight:bold;	
}

.marker{
	background: linear-gradient(transparent 60%, #ffffa8 0%);
}

.marker__bold{
	background: linear-gradient(transparent 60%, #ffffa8 0%);
	font-weight:bold;
}

.big{
	font-size:1.4rem;
}

#toc_container{
	margin-left:auto;
	margin-bottom:2em;
	margin-right:auto;
}

#toc_container li, #toc_container ul{
	font-size:1.05rem;
	margin:.5em 0 !important;
}

#toc_container li span{
	display: inline-block;
	margin-right: 10px;
	font-weight:bold;
}
@media screen and (max-width: 767px){
#toc_container ul, #toc_container ul li{
	font-size:0.9rem !important;
}
}

/******************ブログ*********************/
.single_wrap ol, .single_wrap ul{
 list-style-position: inside;
 padding-left:0;
}

.single_wrap ul, .single_wrap ul li{
	list-style:disc;
    list-style-position:inside;
}

.single_wrap ol li::marker{
	font-weight:bold;
        color: var(--keyColor);
}

.single_wrap ul li::marker{
        color:#ccc;
}

div.gray-box{
 border:2px solid #ddd;
 padding:1.15em;
 margin-bottom:20px;
}

div.gray-box ul, div.gray-box dl{
 margin:auto;
}

div.gray-box ul, div.gray-box dl{
 margin:auto;
}

div.gray-box ul li{
 margin:0;
}

/************************************
** インタビュー
************************************/

.authorbox {
    background-color: #e5f1f7;
    border-radius: 8px;
    padding: 16px 2.27vw;
	margin: 2em auto;
}

.authorbox__profile {
    display: flex;
    align-items: center;
    margin: 0 0 24px;
}
.authorbox__profile--icon {
    min-width: 68px;
    max-width: 68px;
    margin: 0 8px 0 0;
}

.authorbox__profile--icon img {
    border-radius: 50%;
}
.authorbox__profile--info .jobname {
    font-weight: 300;
    font-size: 12px;
    line-height: 140%;
}

.authorbox__profile--info p{
	margin-bottom: .25em;
}

.authorbox__profile--info p{
	font-size: 14px;
}

.authorbox__profile--info .author-name {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}
.authorbox__title {
    position: relative;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    margin: 0 0 24px;
    padding: 0;
}

.authorbox__title i{
	margin-right: 5px;
	color:var(--keyColor);
}
@media screen and (max-width: 767px){
	#toc_container li span {
    display: block;
    margin-right: 10px;
    min-width: 36px;
    font-weight: bold;
}
	
}

#toc_container ul ul{
	margin-left:1.5em !important;
}

/************************************
** チェックボックス
************************************/
.box-gray{
 padding:1.15em;
 background:#e8e6e6;
 margin:0 auto 1.15em;
}

.box-borderblue{
 padding:1em;
 background:#fff;
 border: 1px dashed var(--keyColor);
 margin:0 auto 1.15em;
}

.box-borderblue dl, 
.box-borderblue dl dd:last-child{
	margin-bottom:0;
}

.box-borderblue ol{
	margin:auto;
}

.box-bluebg{
 padding:1.15em;
 background:#d2e9f7;
 margin:0 auto 1.15em;
}

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

/********************** テキスト装飾 ********************************/

.red{
 color:#fe0000 !important;
}

.gray{
 color:#dddddd !important;
}

.marker-halfYellow {
    font-weight: 700;
    background: linear-gradient(transparent 60%,#fff8ad 60%);
}

a.links{
 border-radius:1.4em;
 padding:.75em 1em;
 text-align:center;
 display:block;
 max-width:500px;
 margin:0 auto 0 auto;
 font-size:1.2rem;
 color:#fff;
 background:#c61d3e;
}

a.red-btn{
 background:#de2304;
 margin-top:.5em;
 color:#fff;
 border-radius:0.45em;
}


a.links:hover{
 text-decoration:none;
 background:#f52604; 
}

#srch_year{
	max-width:134px;
	padding:5px 10px;
	border:1px solid #ddd;
	border-radius:0;
	margin-top:1em;
}

@media screen and (max-width: 767px){
	#srch_year{
		font-size:0.9rem;
		margin-top:.5em;
		max-width:100px;
	}
}

.accordion-container {
  width: 100%;
}

.accordion-container dl{
 margin-bottom:0;
}

.accordion-list:not(:first-child) {
  margin-top: 10px;
}

.accordion-title {
  background: #fff;
  cursor: pointer;
  font-size: 17px;
  padding:1em;
  position: relative;
	  border-bottom: 1px solid #ccc;
}

.accordion-title:before {
  position: absolute;
  content: '';
  top: 50%;
  right: 25px;
  height: 2px;
  width: 15px;
  background: #ccc;
  transform: rotate(90deg);
  transition: all .3s ease-in-out;
}
.accordion-title:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 25px;
  height: 2px;
  width: 15px;
  background: #ccc;
  transition: all .3s ease-in-out;
}

.accordion-title.open:before {
  transform: rotate(180deg);
}
.accordion-title.open:after {
  opacity: 0;
}

.accordion-title .ico{
	padding-left:10px;
}

.accordion-text {
  display: none;
  padding: 1em;
	position:relative;
}

.ico:before {
    content: 'Q';
    color: var(--keyColor);
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0.5em;
}

.accordion-text .anther:before{
  content:'A';
  color: var(--bgOrange);
  font-size:20px;
  font-weight:bold;
  position:absolute;
  left:0;
  top:.75em;
 }

.accordion-text .anther{
	padding-left:10px;
}

@media screen and (max-width: 767px){
	.accordion-container{
		padding:0 1em;
	}
	.accordion-title:before, .accordion-title:after{
		right:0;
	}
	
	}

/***********買取実績***********/

.achievement__search{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1000px;
	margin: auto;
}

.achievement__search .Item{
	width:calc(98% / 2);
	margin: 2em auto;
	padding:2em 1em;
	background: #f2f2f2;
}

.searchCustom{
	font-size: 1.05rem;
	margin-top:1em;
	padding: 1em;
	appearance: none !important;
	cursor: pointer;
	background-color: #185aab;
	border: 0px;
	color: #FFFFFF;
	display: block;
	width:100%;
	margin-bottom: 0;
}

.achievement__search h3{
	margin-top: 0;
	margin-bottom: 0;
}

.searchCustom i{
	display: inline-block;
	margin-right: .5em;
}

.achivements_cont{
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	margin: 0;
}

li.achivements_cont:last-child{
	border-bottom: 1px solid #ddd;

}

.achivements_cont .cont.bg{
	background: #f2f2f2;
	text-align: center;

}

.achivements_cont .cont{
	width:calc(100% / 6);
	border-right: 1px solid #ddd;
	padding: .5em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 0.9rem;
	line-height: 1.55;
	align-items: center;
}

.achivements_cont .cont.four{
	width:calc(100% / 4);
}

.searchCustomBlock input[type="search"]{
	padding:0;
	border: none;
	font-size: 0px;
}

.ca_author_box{
	padding: 1em;
	background: #f3f3f3;
	display: flex;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
}

.ca_author_box .photo_icon {
    width: 130px;
    height: 130px;
}

.ca_author_box > div {
    width: calc(100% - 130px);
}

.ca_author_box .name {
    position: relative;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: .5em;
	font-size: 1.3rem;
}

.ca_author_box > div p {
    padding-top: 0;
    padding-bottom:0;
    padding-left: 1.5em;
	margin-bottom: .5em;
	font-size: 0.9rem;
}

.ca_author_box > div p:last-child{
	margin-bottom: 0;
}

.ca__price{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:60px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 1em auto;
	color:#fe0000;
	align-items: flex-end;
	line-height: 0;
}

.ca__price span{
	display: block;
	margin-right: .5em;
	font-size: 17px;
	color:#000;
	margin-bottom: -10px;
}

.ca__price span.en{
	font-size: 30px;
	margin-right: 0;
}

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

	.achievement__search .Item{
		width: 100%;
	}

	.achivements_cont .cont{
		font-size: 0.75rem;
	}
	.ca_author_box{
		flex-direction: column;
	}
	.ca_author_box .photo_icon{
		margin: auto;
	}
	.ca_author_box > div{
		width: 100%;
	}

	.ca_author_box > div p, .ca_author_box .name {
		padding-left: 0;
	}

}

.scroll-table{
    overflow-x: auto;
    position: relative;
  }

  .scroll-table ul{
    min-width: 640px;
  }

  .scroll-hint {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-weight: 700;
    width: 80%;
    text-align: center;
    line-height: 1.4;
    display: none;
    animation: scroll-hint-animation 2s infinite ease;
  }

  @keyframes scroll-hint-animation {
    0% {
      transform: translate(-50%, -50%);
    }
    50% {
      transform: translate(-40%, -50%);
    }
    100% {
      transform: translate(-50%, -50%);
    }
  }

  .scroll-hint--show {
    display: block;
  }

/************************************
** ＣＴＡ
************************************/

.Bnr{
  position: relative;
  margin: 0 auto;
  width:100%;
  display: none;
  
}

.Bnr .Bnr__img{
  position: fixed;
  border-top:3px solid var(--keyColor);
  bottom:0;
 width:100%;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  z-index: 250;
  background-color:rgba(255,255,255,0.95);

}
.Bnr__img__inner{
  box-sizing:border-box;
  padding: 5px 10px 10px 10px;
  max-width:1000px;
  margin:auto;
}
.Bnr .Bnr__img__inner a.mail{
  display: block;
  height:100%;
      display: flex;
    flex-direction: column;
    flex-wrap: wrap;
justify-content:center;
 font-size:1.2rem;
 font-weight:bold;
 line-height:1.4;
}
.Bnr .Bnr__img p.close{
  position: absolute;
  right: 20px;
  top:10px;
}
.Bnr .Bnr__img p.close a{
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
}
.Bnr .Bnr__img p.close a span{
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.Bnr .Bnr__img p.close a i{
  font-size: 22px;
  z-index: 888;
  color: #fff;
}

.Bnr .Cta--wrap .tel-wrap{
 padding:.2em;
	width:100%;
}

.Cta--wrap .tel-wrap a.tel span.time{
 font-size:12px;
 font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
 display:block;
	font-weight:normal;
}


	.column-wrap .btn_mail{
	position:relative;
	display: block;
	width:100%;
	    background: #17cc0e;
	    background: -moz-linear-gradient(top, #17cc0e 5%, #00a508 100%);
	    background: -webkit-linear-gradient(top, #17cc0e 5%,#00a508 100%);
	    background: linear-gradient(to bottom, #17cc0e 5%,#00a508 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17cc0e', endColorstr='#00a508',GradientType=0 );
	    box-shadow: 0px 2px 9px -3px rgb(0 0 0 / 95%);
	    border-bottom: solid 3px #216500;
	    font-family: 'Noto Sans JP', sans-serif;
	border-radius: 5px;
	padding:.45em .3em;
	    box-shadow: 0px 2px 9px -3px rgb(0 0 0 / 95%);
	    border-bottom: solid 3px #216500;
	text-align: center;
	line-height:1.3;
	color: #fff;
	text-decoration: none;
	font-size:1.25rem;
	}




div.cta{
 text-align:center;
}

.cta-wrap{
 position:relative;
 padding:1em .9em 0;
 margin-bottom:.9em;
border: solid 3px #0083c8;
}

.cta-wrap:after{
 content:'';
 background:#f4f3f3;
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:-1;
}



p.insert-btn-lead {
    font-size: 18px;
    text-align: center;
    margin-bottom: .5em;
    line-height: 1.5;
	font-weight:bold;
}

p.insert-btn-lead-sub {
    font-size: 16px;
    font-weight:600;
    text-align: center;
    margin-bottom:1em;
    line-height: 1.5;
    position:relative;
    display:inline-block;
    background:linear-gradient(transparent 60%, #ff6 60%);
}

p.insert-btn-lead-sub::before{
   content:"";
   display:inline-block;
   width:1px;
   height:20px;
   background-color:#393939;
   position:absolute;
   top:0px;
   left:-15px;
   transform: rotate(-40deg);
}
p.insert-btn-lead-sub::after{
   content:"";
   display:inline-block;
   width:1px;
   height:20px;
   background-color:#393939;
   position:absolute;
   top:0px;
   right:-15px;
   transform: rotate(40deg);
}

.insert-btn {
    max-width: 320px;
    margin: auto;
    display: block;
    position: relative;
    border-radius: 114px;
    background: #00b900;
    color: #fff;
    box-shadow: 0 3px 6px rgb(51 51 51 / 29%);
    text-align: center;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: bold;
    padding: 1em 0 1em;
    line-height: 1.4;
    text-decoration: none;
    transition: box-shadow .3s;
}

.insert-btn::after {
    transition: right .3s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    font-size: 2.4rem;
    font-family: "FontAwesome";
    content: '\f105';
    font-weight: bold;
}

.insert-btn__underline {
    position: relative;
    display: inline-block;
    pointer-events: none;
}

.insert-btn__underline::before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -1px;
    background: #fff;
}

.insert-btn:hover{
 color:#fff;
 opacity:0.75;
 text-decoration:none;
}

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

.Cta--wrap .Hurf{
 width:calc(98% / 2);
 margin-bottom:1em;
}

.Cta--wrap .tel-wrap {
    background: #fff;
    position: relative;
    border: 2px solid #ccc;
    padding: 0.6em;
    text-align: center;
}

.Cta--wrap .tel-wrap a.tel {
    font-size: 34px;
    font-weight: normal;
    font-family: 'Anton', sans-serif;
    text-align: center;
    position: relative;
    line-height: 1.25;
    letter-spacing: 0.02em;
    margin: 0 auto 0 auto;
    color: #b00808;
    display: inline-block;
}

.Cta--wrap .tel-wrap a.tel span.time {
    margin-top: 0.5em;
}

.Cta--wrap .tel-wrap a.tel span.time{
    font-size: 14px;
    color: #4d4d4d;
    margin-top: 3px;
}

.Cta--wrap .tel-wrap a:hover{
 text-decoration:none;
}

.sect-text, .sect-text p{
  font-size: 1.15rem;
}

.sectTit {
  position: relative;
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
}
 
.sectTit:before,
.sectTit:after {
  position: relative;
  display: inline-block;
  content: "";
  background: #faa94d;
  width: 2px;
  height: 2em;
  margin: 0 1em;
  margin-top: -.2em;
  vertical-align: middle;
}
 
.sectTit:before {
  transform: rotate(-35deg);
}
 
.sectTit:after {
  transform: rotate(35deg);
}

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

	.header_contents_wrap{
	 padding-left:.0;
	 padding-right:.9em;
	}

	.logo-font{
		justify-content: flex-start !important;
		align-items: center;
	}
	
	footer .logo-font{
		justify-content:center !important;
	}

	.sp_image{
	 display:block;
	}
	.sectTit{
	 font-size:11px;
	}
	.sectTit.page{
	 font-size:13px;
	}

	.cta-wrap p.Center{
	 font-size:0.8rem;
	}

	.cta-wrap:after{
	 content:'';
	 background:#f2f2f2;
	 width:100vw;
	 height:100%;
	 position:absolute;
	 top:0;
	 left:calc(50% - 50vw);
	 z-index:-1;
	}

	.cta-wrap{
	 position:relative;
	 padding-top:1em;
	 padding-bottom:1em;
	 padding-left:0;
	 padding-right:0;
	}
		
	.sect-text {
    margin-top:1em;
    }

	.Cta--wrap .Hurf{
	 width:100%;
	}

	.Cta--wrap .Hurf:first-child{
	 margin-bottom:1em;
	}

	.Cta--wrap .Hurf:last-child{
	 margin-bottom:0;
	}

	.Cta--wrap .tel-wrap a.tel{
	 font-size:29px;
	 font-weight:bold;
	}

	.Cta--wrap .tel-wrap a.tel:before{
	 left:5px;
	     width:35px;
	}

	.Cta--wrap .tel-wrap a.tel span.time{
	 font-size:12px;
	}

	.Bnr .tel-wrap a.tel:before{
	 width:20px;
	    left:5px;
	    top: 6px;
	}

	.Bnr .tel-wrap a.tel{
		font-family: 'Anton', sans-serif;
	    font-size: 21.5px;
	    padding-left: 0px;
		padding-right:0;
	    padding-bottom: 0;
	    padding-top: 0;
		font-weight: bold;
	}

	.sect-text, .sect-text p{
	 font-size:0.8rem;
	}

	.Bnr .tel-wrap a.tel span.time{
		font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-weight: normal;
	 margin-left:auto;
	 font-size: 11px;
	 margin-top:0;
	 margin-right: auto;
	 text-align: center;
	}

}

.cta_side_item a.mail span{
 margin-top:.3em;
 display:inline-block;
}

.cta_side_item a.mail:after{
 font-family: "FontAwesome";
 content: '\f105';
 margin-left:.5em;
 position:absolute;
 font-size:1.75rem;
 right:1em;
 top: 50%;
  transform: translateY(-50%);
}

.cta_contents_item a.mail, .cta_side_item a.mail{
  background:#de2304;
 text-decoration:none;
 border-bottom:5px solid #c21c00;
 max-width:100%;
 }

.cta_side_item a.mail{
 border-radius:6px;
    padding: 1em 0.8em;
    border-bottom: 0;
 font-size:1rem;
 line-height:1.7;
 }

.cta_side_item a.mail p{
 margin-bottom:0;
}

.cta_contents_item a.mail img, .cta_side_item a.mail img{
 margin-right:.5em;
 max-width:45px;
 vertical-align:middle;
 position:absolute;
 left:.5em;
 top: 50%;
  transform: translateY(-50%);
 }

.cta_contents_item a.mail span.time{
 background:#fff;
 text-align:center;
 display:inline-block;
 color:#de2304;
 font-size:12px;
 padding:5px 2em;
 margin-top:5px;
}

.cta_contents_item a.mail:hover, .cta_side_item a.mail:hover{
	 background:#f52604;
	color:#fff;
	text-decoration:none;
	}

.cta_contents_item a{
 display:block;
	height:100%;
 padding: 1.45em 0.2em 1em 0.2em;
 color:#fff;
 text-align:center;
 border-radius:6px;
 font-size:1.25rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
justify-content:center;
	font-weight:bold;
 }

.Bnr .cta_contents_item a{
 display:block;
 padding:.3em;
 color:#fff;
 text-align:center;
 }

.cta_wrapper_title span {
    position: relative;
    display: block;
    padding: 0 45px;
}

.cta_wrapper_title span:before {
	    content: '';
	    position: absolute;
	    top: 50%;
	    display: inline-block;
	    width: 54px;
	    height: 2px;
	    background-color: #fff;
	    -webkit-transform: rotate(60deg);
	    transform: rotate(60deg);
	    left:25px;
}


.cta_wrapper_title span:after {
    content: '';
    position: absolute;
    top: 50%;
    right:25px;
    display: inline-block;
    width: 54px;
    height: 2px;
    background-color: #fff;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}


.cta_side_title span:before {
	    content: '';
	    position: absolute;
	    top: 50%;
	    display: inline-block;
	    width: 54px;
	    height: 2px;
	    background-color: #fff;
	    -webkit-transform: rotate(60deg);
	    transform: rotate(60deg);
	    left:15px;
}


.cta_side_title span:after {
    content: '';
    position: absolute;
    top: 50%;
    right:15px;
    display: inline-block;
    width: 54px;
    height: 2px;
    background-color: #fff;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.Bnr.priority{
 z-index:5555 !important;
}

span.text_red{
 background:#fe0000;
 padding:.2em .75em .2em .75em;
 color:#fff;
 font-size:0.8rem;
 margin-left:.3em;
text-align:center;
	    border-radius: 1.35em;
	line-height:1.0;
}

span.text_gray{
 background:#dddddd;
 padding:.2em .4em .2em .4em;
 color:#dddddd;
 font-size:0.8rem;
 margin-left:.3em;
text-align:center;
	    border-radius: .35em;
	line-height:1.0;
}

/************* 電話アニメーション *****************/

.tel-icon{
	display: inline-block;
	background: url(images/phone-icon03.png) left 0px top 5px no-repeat;
	background-size: contain;
	height: 30px;
	margin: auto 8px auto auto;
	width: 30px;
	position: relative;
}

.sidebar .tel-icon, .post-cta-bottom .tel-icon{
	display: inline-block;
	background: url(images/phone-icon03.png) left 0px top 0 no-repeat;
	background-size: contain;
	height: 30px;
	margin: auto 8px auto auto;
	width: 30px;
	position: relative;
}

.header_tel .tel-icon{
	background: url(images/phone-icon03.png) left 0px top 0 no-repeat;
    background-size: contain;
	width:25px;
	height:25px;
}

.header_tel .signal-icon{
	top:12px;
	left: 15px;
}

.tel-wrap .tel-icon{
	height: 35px;
	width: 30px;
}

.signal-icon{
	position: absolute;
	top: 14px;
	left: 18px;
	color: #b00808;
	transform: rotate(45deg);
}

.signal-icon:before,
.signal-icon:after{
	content: '';
	position: absolute;
	border: 3px solid transparent;
	border-top: solid 3px currentColor;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	animation-name: callSupportSignal;
	animation-duration: 1.4s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}


.signal-icon:first-of-type:before{
	width: 11px;
	height: 11px;
	animation-delay: -1.16s;
}
.signal-icon:first-of-type:after{
	width: 24px;
	height: 24px;
	animation-delay: -1.08s;
}


.tel-wrap .signal-icon{
   top:20px;
   left:17px;
}

.tel-wrap .signal-icon:first-of-type:before{
	width: 20px;
	height: 20px;
	animation-delay: -1.16s;
}
.tel-wrap .signal-icon:first-of-type:after{
	width: 34px;
	height: 34px;
	animation-delay: -1.08s;
}

@keyframes callSupportSignal {
  8%, 64% { opacity: 1; }
  78% { opacity: 0; }
}

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

	.tel-icon{
	 margin-right:8px;
	 background: url(images/phone-icon03.png) left 0px top 0 no-repeat;
	 background-size: contain;
	}

	.tel-icon{
		height: 20px;
		width: 20px;
	}

	.tel-wrap .tel-icon{
		height: 22px;
		width: 22px;
	}

	.cta .tel-icon{
		background: url(images/phone-icon03.png) left 0px top 0 no-repeat;
		background-size: contain;
	}

	.Bnr .tel-wrap .signal-icon{
		left:17px;
		top:19px;
	}
	
	.tel-wrap .signal-icon:first-of-type:before{
		width: 20px;
		height: 11px;
	}

	.Bnr .tel-wrap .signal-icon:first-of-type:before {
		width: 15px;
		height: 11px;
	}

	.Bnr .tel-wrap .signal-icon:first-of-type:after {
		width: 21px;
		height: 23px;
	}

	.Bnr .tel-wrap .tel-icon{
		margin-right:3px;
	}
	
	.tel-wrap .signal-icon:first-of-type:after{
		width: 24px;
		height: 22px;
	}
	
	.tel-wrap .signal-icon{
	top:19px;
	left:20px;
	}

	.cta .tel-wrap .signal-icon{
		top: 17px;
		left:20px;
	}

	.signal-icon:before,
	.signal-icon:after{
		transform: translate(-90%, -50%);
	}

	.signal-icon:first-of-type:before{
	 width:18px;
	}
	
	.Cta--wrap{
		padding:.5em;
	}
	
	.Bnr .Cta--wrap{
		padding:0;
	}
	
	.Bnr .Bnr__img__inner a.mail{
		font-size:0.7rem;
	}
	.Bnr .Cta--wrap .tel-wrap{
		padding: .7em .2em;
	}

}

#autozip{
	display:none !important;
}

.blue__bg{
	padding:1em;
	background:#f2f8fc;
}

HTML CSS JSResult Skip Results Iframe
EDIT ON
.accordion_container {
  max-width: 800px;
  margin: 0 auto;
}
.accordion_title {
  background-color:#007cc3;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  padding: 20px 11%;
  text-align: center;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
	border-bottom:1px solid #fff;
}

.accordion_title:hover {
  opacity: .8;
}
.icon_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.accordion_title .icon_wrap {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.accordion_title .icon_wrap .icon {
    background: #007cc3;
  display: block;
  width: 18px;
  height: 18px;
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.accordion_title .icon_wrap .icon {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.accordion_title.open .icon_wrap .icon {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.accordion_title.open .icon_wrap {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.accordion_title.default.open .icon_wrap {
  -webkit-transform: rotate(315eg);
  transform: rotate(315deg);
}
.icon:before, .icon:after {
  display: flex;
  content: '';
  background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.icon:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.accordion_title.default .icon_wrap .icon:before {
  content: none;
}
.accordion_title.open .icon_wrap .icon:before {
  content: none;
}
.accordion_title.default.open .icon_wrap .icon:before {
  content: "";
}
.accordion_title.open .icon_wrap .icon:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.accordion_title.default.open .icon_wrap .icon:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.accordion_inner {
  display: none;
  padding: 30px 30px;
  border-left: 2px solid #007cc3;
  border-right: 2px solid #007cc3;
  border-bottom: 2px solid #007cc3;
  box-sizing: border-box;
}
.accordion_inner.default {
  display: block;
}
.ac_inner_wraper {
  height: auto;
}
p.txt_a_ac {
  margin: 0;
}
.ac_inner_wraper dl{
	display:flex;
	margin:0;
	    font-size: 1.0rem;
    margin-bottom: .15em;
    line-height: 1.8;
    color: #1a1a1a;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.ac_inner_wraper dl dt{
	background:#f2f2f2;
	padding:.75em;
	width:30%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	margin-bottom:0;
}
.ac_inner_wraper dl dd{
	background:#fff;
	padding:.75em;
	margin-bottom:0;
	border-bottom:1px solid #eee;
	width:70%;
}
@media screen and (max-width: 1024px) {
  .accordion_title {
    font-size: 18px;
  }
  .icon_wrap {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
}
@media screen and (max-width: 767px) {
	.ac_inner_wraper dl{
		flex-wrap:wrap;
	}
	
	.ac_inner_wraper dl dt,.ac_inner_wraper dl dd{
		width:100%;
	}
	
  .accordion_title {
    font-size: 16px;
    text-align: left;
    padding: 15px 60px 15px 15px;
  }
}

.soudankai h3.Center{
	text-align:left;
}

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

	.soudankai h3{
		font-size:20px !important;
	}
}

h3.border__title{
	padding-bottom: .5em;
	border-bottom: 3px solid var(--keyColor);
	margin-bottom: .75em;
	padding-left: .5em;
	font-size: 1.25rem;
	margin-top: 1em;
}

.shiten_area__wrap{
	display: flex;
	flex-direction: row;
	gap: 2vw;
	margin-bottom: 2em;
}

h2 span.blue{
	font-weight: bold;
	display: block;
	color:var(--keyColor);
	font-size: clamp(1.787rem,2.654vw,38px);
	margin-bottom: .25em;
}
.shiten_area__wrap a{
	display: block;
	border:1px solid var(--keyColor);
	padding: .75em;
	text-align: center;
	border-radius: .46em;
	color:var(--keyColor);
}

.shiten_area__wrap a:hover{
	background: var(--keyColor);
	color:#fff;
}

.shiten_area__wrap:last-of-type{
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {

	.shiten_area__wrap{
		flex-wrap: wrap;
	}

	.shiten_area__wrap a{
		display: block;
		width: calc(94% / 3);
		column-gap: 1%;
	}
}

.sp_tel_btn{
	background: #36a0da;
	width:50px;
	height: 50px;
	border-radius: 50%;
	line-height: 50px;
	font-size: 25px;
	color:#fff;
	display: block;
	right:5px;
	bottom:100px;
	text-align: center;
	position: fixed;
	z-index: 5;
	box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
}

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

	.sp_tel_btn{
		display: none;
	}
}

#branch .comm_wrapper{
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 50vh;
	justify-content: center;
	padding: 4em 0 4em;
}
#branch .comm_wrapper::before{
	content: '';
	position: absolute;
	left: 0;
	top:0;
background: linear-gradient(to right,  rgba(240,249,255,1) 0%,rgba(219,241,255,1) 75%);
	width: 98%;
	height: 97%;
	z-index: -2;
}
#branch .comm_wrapper::after{
	content: '';
	background: url(images/map.png)no-repeat right center;
	background-size: contain;
	width: 40%;
	height: 100%;
	position: absolute;
	right: 2vw;
	top: 0;
	z-index: -1;
}
#branch .comm_wrapper.map02::after{
	content: '';
	background: url(images/map-02.png)no-repeat right center;
	background-size: contain;
	width: 40%;
	height: 100%;
	position: absolute;
	right: 2vw;
	top: 0;
	z-index: -1;
}
#branch .comm_wrapper.map03::after{
	content: '';
	background: url(images/map-03.png)no-repeat right center;
	background-size: contain;
	width: 40%;
	height: 100%;
	position: absolute;
	right: 2vw;
	top: 0;
	z-index: -1;
}
#branch .comm_wrapper.map04::after{
	content: '';
	background: url(images/map-04.png)no-repeat right center;
	background-size: contain;
	width: 40%;
	height: 100%;
	position: absolute;
	right: 2vw;
	top: 0;
	z-index: -1;
}
#branch .comm_wrapper.map05::after{
	content: '';
	background: url(images/map-05.png)no-repeat right center;
	background-size: contain;
	width: 40%;
	height: 100%;
	position: absolute;
	right: 2vw;
	top: 0;
	z-index: -1;
}
#branch{
	padding-top: 0;
}

a.branch__link{
	display: block;
	max-width: 100%;
	position: absolute;
	bottom:-2.5vh;
	right:0;
	padding: 1em 2.6vw;
	border:2px solid var(--keyColor);
	background: #fff;
	color:var(--keyColor);
	font-weight: bold;
	text-align: center;
	font-size: 1.4rem;
}

a.branch__link:hover{
	background: var(--keyColor);
	color:#fff;
}

#branch .comm_wrapper .wh__wrap{
	display: inline-block;
	width: 75%;
}

#branch .comm_wrapper.map02 .wh__wrap, #branch .comm_wrapper.map03 .wh__wrap{
	width:55%;
	padding-right: 0;
}

#branch .comm_wrapper .wh__wrap p.tt{
	font-size: 1.5rem;
	font-weight: bold;
	color:#173490;
	background: rgba(255, 255, 255, 0.8);
	padding: 1.6vw;
}

#branch .comm_wrapper.map02 .wh__wrap p.tt, #branch .comm_wrapper.map03 .wh__wrap p.tt{
	font-size: 1.45rem;
	margin-bottom: .5em;
}

#branch .comm_wrapper.map02 .wh__wrap p.small, #branch .comm_wrapper.map03 .wh__wrap p.small{
	padding:0 1em;
	font-size: 1.05rem;
	text-decoration: underline
}

#branch h2 span.blue{
	color:#000 !important;
}

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

	#branch .comm_wrapper .wh__wrap p{
		font-size: 1.25rem;
	}

	#branch .comm_wrapper::before{
		width: 100%;
		height: 40%;
	}

	#branch .comm_wrapper.map02 .wh__wrap p.small, #branch .comm_wrapper.map03 .wh__wrap p.small{
		padding: 0;
		font-size: 1.0rem;
	}

	#branch .comm_wrapper.map02 .wh__wrap, #branch .comm_wrapper.map03 .wh__wrap{
		width: 100%;
	}

	#branch + #branch{
		margin-top: 5vh;
	}

	#branch .comm_wrapper .wh__wrap{
		width: 100%;
	}
	#branch .comm_wrapper::after{
		position: relative;
		margin: auto;
		width: 210px;
        height: 210px;
        bottom: 15vh;
	}
	#branch .comm_wrapper.map02::after{
		position: relative;
		margin: auto;
		width: 290px;
        height: 290px;
        bottom: 15vh;
	}
	#branch .comm_wrapper.map03::after{
		position: relative;
		margin: auto;
		width: 290px;
        height: 290px;
        bottom: 15vh;
	}
	#branch .comm_wrapper{
		flex-direction: column-reverse;
	}
	a.branch__link{
		margin: 1em auto 0;
		position: relative;
		max-width: 70%;
		display: none;
	}

	#branch .comm_wrapper .wh__wrap p{
		font-size: 1.0rem;
		color:#000;
		font-weight: normal;
	}

	#branch .comm_wrapper::before{
		background: transparent;
	}
	#branch .comm_wrapper{
		padding-bottom: 0;
		padding-top: 1em;
		margin-bottom: 0 !important;
	}
	#branch {
		padding-bottom: 0;
	}
}

/******************* トップお問い合わせ *************************/

footer.footer__top{
	margin-top: 0;
}


section.bottom__contact{
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

section.bottom__contact .contact_wrap{
	margin-top: 2em;
}

section.bottom__contact .contact_wrap .Item{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding:4vw 2.6vw;
	width: calc(100% / 2);
}
section.bottom__contact .contact_wrap .Item:first-of-type{
background: linear-gradient(to bottom,  rgba(106,140,196,1) 0%,rgba(34,92,173,1) 100%);
}
section.bottom__contact .contact_wrap .Item:nth-of-type(2){
	background: linear-gradient(to bottom,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%);
	}

	section.bottom__contact .contact_wrap .Item:first-of-type a{
		background: #fff;
		color:#0078c1;
		border: 1px solid #fff;
	}

	section.bottom__contact .contact_wrap .Item:first-of-type a .sub{
		background: #0078c1;
		color:#fff;
	}
	
	section.bottom__contact .contact_wrap .Item:first-of-type a.border__btn:hover{
	background:#7f7f7f;
	color:#fff;
	border:1px solid #7f7f7f;
  }

  section.bottom__contact .contact_wrap .Item:first-of-type a.border__btn:hover .sub{
	background: #fff;
	color:#7f7f7f;
  }

  a.border__btn{
	max-width: 600px;
	margin: auto;
  }

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


	section.bottom__contact .contact_wrap{
		display: flex;
		flex-direction: column;
	}

	section.bottom__contact .contact_wrap .Item{
		width: 100%;
	}
	section.bottom__contact .contact_wrap .Item:nth-of-type(2) a.border__btn{
		width: 100%;
	}

}

p.bold{
	background:#ddeefe;
	padding: .75em;
	font-weight: bold;
}

/*************** ブログ買取実績絞り込み検索 ****************/

.case__check__wrap{
	margin: 0 auto 5vh;
}

.case__check{
	display: flex;
	column-gap: 1em;
	font-size: 22px;
	font-weight: bold;
	justify-content: center;
}
.case__check__wrap input[type="submit"]{
	font-size: 22px;
	margin:1em auto 0;
	max-width: 300px;
	padding: .5em;
	display:block;
}

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

	.case__check{
		flex-wrap: wrap;
	}
	.case__check li{
		width:calc(90% / 2);
	}
	.case__check__wrap input[type="submit"]{
		margin-top:.5em;
	}
}

.visibility-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
  }
  
  .case__check__wrap .checkbox-text
  {
	cursor: pointer;
	display: inline-block;
	padding: 5px 0 5px 30px;
	position: relative;
	font-weight: bold;
  }
  
  .case__check__wrap input[type=checkbox]:checked+.checkbox-text::after,
  .case__check__wrap input[type=radio]:checked+.radio-text::after {
	opacity: 1;
  }
  
  
  /* チェックボックス */
  .case__check__wrap .checkbox-text::before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
	border: 1px solid #777;
  }
  
  .case__check__wrap .checkbox-text::after {
	content: "";
	display: block;
	width: 5px;
	height: 12px;
	position: absolute;
	top: 50%;
	left: 6px;
	transform: rotate(35deg) skewY(16deg) translateY(-50%);
	transform-origin: center right;
	border-right: 2px solid #FF0001;
	border-bottom: 2px solid #FF0001;
	opacity: 0;
  }
  
@media screen and (max-width: 767px) {
	.page_wrapper h2.soudankai{
		font-size:1.25rem;
	}
}

/* =無料査定フォーム
-------------------------------------------------------------- */

.page_wrapper.wide{
	max-width: 1240px;
	margin: auto;
}

.app__wrap .Left__wrap P{
	font-size: 1.0rem;
}

.page_wrapper.wide p.FV__image{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}

.page_wrapper.wide h2{
	font-size: clamp(20px,1.6rem,1.7rem);
	margin-bottom: 1em;
	margin-top: 1em;
	line-height: 1.55;
}

.page_wrapper.wide h2.small{
	font-size: 1.2rem;
}

.assessment input[type="submit"]{
	padding: 12px;
	background: #ff7a59;
	font-size: 15px;
}

.assessment input[type="submit"]:hover{
	box-shadow: none;
	opacity: 0.7;
}

.assessment .Cta--blue-top span.Seconds{
	font-size: 30px;
}

.app__wrap .Cta--blue-top:after{
	display: none;
}

.app__wrap .Cta--blue-top{
	margin-bottom: 0;
}

.app__wrap{
	display: flex;
	column-gap: 2%;
	justify-content: space-between;
}

.page_wrapper.wide h2:after{
	display: none;
}

.assessment .Contact-table-wrapper th p {
    font-size: 0.75rem;
}

.assessment select{
	padding: 7px;
}

.assessment form *{
	font-size: 12px;
}

.app__wrap .Left__wrap{
	width: 40%;
}

.app__wrap .Left__wrap .media__logo{
	display: flex;
	column-gap: 1%;
	flex-wrap: wrap;
	row-gap: 2vh;
}

.app__wrap .Left__wrap .media__logo picture{
	width: calc(96% / 4);
}

.app__wrap .Right__wrap{
	width: 58%;
	background: #fafaf9;
	padding: 1em;
}

.app__wrap .Cta--blue-top .Flex .Item:nth-of-type(2), .app__wrap .Cta--blue-top .Flex .Wh-icon{
	font-size: 1.15rem;
}

.app__wrap .Contact-table-wrapper th, 
.app__wrap .Contact-table-wrapper td{
	padding: 15px;
}
.app__wrap .tel__title{
background: #2540a7;
color:#fff;
font-weight: bold;
font-size: 1.1rem;
text-align: center;
margin-bottom: .5em;
padding: .75em;
}

.sectTit {
	position: relative;
	text-align: center;
	font-weight: bold;
	line-height: 1.3;
  }
   
  .sectTit:before,
  .sectTit:after {
	position: relative;
	display: inline-block;
	content: "";
	background: #fff;
	width: 2px;
	height: 2em;
	margin: 0 1em;
	margin-top: -.2em;
	vertical-align: middle;
  }
  .sectTit.media__tit:before,
  .sectTit.media__tit:after {
	position: relative;
	display: inline-block;
	content: "";
	background: #cf7c00;
	width: 2px;
	height: 2em;
	margin: 0 1em;
	margin-top: -.2em;
	vertical-align: middle;
  }
  .sectTit.media__tit:before {
	transform: rotate(-35deg);
  }
   
  .sectTit.media__tit:after {
	transform: rotate(35deg);
  }
@media screen and (min-width: 768px) and (max-width: 1024px) {

	.app__wrap{
		flex-direction: column;
	}
	.app__wrap .Left__wrap, .app__wrap .Right__wrap{
		width: 100%;
	}
}
.sp__list dt{
	font-size:1.1rem;
}
@media screen and (max-width: 767px) {

	footer #menu{
		display:none;
	}
	.footer_logo {
    width: 250px;
}
	.drawer-menu_logo.app{
		justify-content: center;
		max-width: 100%;
	}

	.page_wrapper.wide h2{
		font-size: 1.25rem;
	}

	.Right__wrap h2{
		margin-top: 0 !important;
	}

	.app__wrap .Right__wrap{
		padding: 0;
		margin-top: 2em;
		background: #fff;
	}

	.app__wrap{
		flex-direction: column;
	}
	.app__wrap .Left__wrap .media__logo{
		display: none;
	}

	.app__wrap .Left__wrap, .app__wrap .Right__wrap{
		width: 100%;
	}

	.app__wrap .Cta--blue-top .Flex .Item:nth-of-type(2){
		font-size: 0.75rem;
	}

	.app__wrap .sectTit{
		font-size: 13px;
	}

	.sectTit.media__tit{
		font-size: 18px;
	}

	.app__wrap .tel__title{
		font-size: 0.9rem;
		padding: .5em .2em;
	}
	.page_wrapper.wide h2.top{
		margin-top: 30px;
		margin-bottom: .5em;
	}

	.assessment .tel_title.big{
		font-size: 1.0rem;
	}
.sp__list{
	font-size:1.0rem;
}
}

.balloon-chat {
display: flex;
flex-wrap: wrap;
}

.balloon-chat.left { 
flex-direction: row
}

.balloon-chat.right { 
flex-direction: row-reverse;
}

.chatting {
position: relative;
display: inline-block;
margin: 10px 20px;
margin-bottom:2em;
padding: 10px 20px;
background: #fff;
border:2px solid #ddd;
text-align: left;
border-radius: 12px;
}

.chatting::after {
content: "";
border: 15px solid transparent;
border-top-color: #ddd;
position: absolute;
top: 10px;
z-index:-1;
}
.left .chatting::after {
left: -15px;
}
.right .chatting::after {
right: -15px;
} 
.balloon-chat figure img {
border-radius: 50%;
border: 1px solid #ddd;
margin: 0;
}
.icon-img {
width: 80px;
height: 80px;
}
.icon-name {
width: 80px;
font-size: 14px;
text-align: center;
font-weight:bold;
color: #0000ff;
}
.balloon-chat.right .icon-name {
	margin-left:auto;
color: #ff00ff;
}
p.chat-text, .chatting p{
	margin-bottom:0;
}

.chatting__wrap{
	max-width:calc(100% - 80px);
}
@media screen and (max-width: 767px) {
	.icon-img {
    width: 50px;
    height: 50px;
}
.chatting__wrap {
    max-width: calc(100% - 50px);
}
	p.chat-text{
		font-size:0.9rem;
	}
	.chatting{
		margin: 10px 10px;
	}
}


/*************再査定依頼*****************/

.saisatei input[type="submit"]{
	max-width:max-content !important;
	width: max-content !important;
	background: transparent;
	color:#fff;
	padding: 0 !important;
	text-align: center !important;
}
.saisatei {
background: #004BB1;
border-color: #004BB1;
max-width:400px;
width: 100%;
border-radius: 3.36em;
display: flex;
column-gap: 5px;
align-items: center;
font-size: clamp(17px, 24px, 26px);
padding: .75em .75em 1em .75em;
justify-content: center;
position: relative;
}
section.light-blue{
	background: #d5e3f1;
	position: relative;
	z-index: 5;
	margin-top: 65px;
}


section.light-blue .page_wrapper{
	background: #fff;
	padding: 2.6vw;
	border-radius: 1.46em;
}

section.light-blue textarea{
	width: 100%;
	border: 2px solid #ccc;
	padding: 1em;
}

section.light-blue input[type="text"], input[type="email"], input[type="password"], input[type="tel"]{
	border: 2px solid #ccc;
	padding: 1em;
}

.saisatei{
    max-width:400px;
    width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.saisatei .wpcf7-spinner{
	display: none;
}

.saisatei::before{
	content: '無料';
	background: #fff;
    padding: 4px .5em;
    line-height: 1.0;
    text-align: center;
    font-size: 0.95rem;
    border-radius: 1.46em;
    color: #004BB1;
	font-weight: bold;
  z-index: 2;
  cursor: pointer;
  margin-top: 3px;
}

.saisatei-table th p{
	text-align:center;
}

@media screen and (max-width: 767px) {
	.saisatei input[type="submit"]{
		font-size: 22px;
	}
	section.light-blue{
		margin-top: 55px;
	}
	.Contact-table-wrapper table tr:first-of-type td{
		border-top: none;
	}
	.media__logo{
		display: flex;
		flex-wrap: wrap;
	}
	.media__logo picture{
		width:calc(94% / 3);
	}
	}

	.finger-icon::after{
		content:'';
		background: url(images/cta_finger.png)no-repeat right bottom;
		background-size: contain;
		width:80px;
		height:60px;
		position: absolute;
		left:-50px;
		top: 50%;
	  transform: translateY(-50%);
	}
	.tel--wrap a.tel.none:before{
		display: none;
	}

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

		.finger-icon::after{
			content:'';
			background: url(images/cta_finger.png)no-repeat right bottom;
			background-size: contain;
			width:70px;
			height:40px;
			position: absolute;
			left:-50px;
			top: 40%;
		  transform: translateY(-40%);
		}
		.caution{
			font-size:0.85rem !important;
		}
	}

	span.require {
    background: #fe0000;
    padding: .2em .75em .2em .75em;
    color: #fff;
    font-size: 11px !important;
    margin-left: .3em;
    text-align: center;
    border-radius: 1.35em;
    line-height: 1.0;
}

.assessment input[type="submit"]:disabled{
	background: #999;
	color:#101010;
}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select{
    background-color: #fafafa;
	border: 2px solid #ccc;
    padding: 1em;
	width:100%;
}
.form__check{
	margin-top:1em;
}