/*
Theme Name:20171024responsive2_install_pack_1000px
*/

@charset "utf-8";
@import url(option.css);

.red{
	color:#a32932 !important;
}

#content #main h2.new1{
background:url("img/bg_title_h2_cat.png") left bottom no-repeat;
text-align:left;
font-size:18px;
}
/* --------------------------------------
ブラウザスタイル初期化
--------------------------------------*/
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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

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

body {
	line-height: 1;
	overflow:hidden;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* --------------------------------------
背景＆基本設定
--------------------------------------*/
html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
}
body {
	color: #303030;
	background-color: #FFF;
	/* background-image: url("img/bg.png"); */
/*font-family: "MS PGothic", Arial, "Hiragino Kaku Gothic ProN", "Osaka", sans-serif;*/
	-webkit-text-size-adjust: none;
	min-width: 980px;
	/* background-position:center top; */
/* background-repeat:no-repeat; */
/* background-repeat:repeat-x; */
/* background-repeat:repeat-y; */

/* font-family:'MS UI 明朝','MS UI mincho','MS明 朝','MS mincho'; */
	font-family: 'Lucida Grande',  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',  Meiryo, メイリオ, sans-serif;
    position: relative;
}
*,
::before,
::after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

img {
	border: none;max-width: 100%;
}
a {
	color: #000;
	text-decoration: underline;
}
a:link {
	color: #000;
}
a:hover {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
p {
	margin: 0;
	padding: 0;
	line-height: 2;
}
ul {
	list-style: none;
	margin-bottom: 20px;
}
ol {
	margin-left: 25px;
}
dt {
	width: 20%;
	clear: left;
	float: left;
	padding: 10px 0;
}
dd {
	padding: 10px 0 10px 20%;
	border-bottom: 1px solid rgb(239, 239, 239);
}
hr {
	overflow: hidden;
	height: 0;
	border: #bdbdbd dotted 1px;
	margin: 5px 0 15px 0;
}
/* --------------------------------------
webアイコン定義
--------------------------------------*/

.fa-home {
	font-size: 12px !important;
}
.fa-window-restore {
	margin-left: 3px;
}
/* --------------------------------------
レイアウト定義
--------------------------------------*/
#base {
/*background-image:url("img/bg_s.png");
background-repeat:repeat;
width:100%;*/
}
#bg {
}
.wrapper {
	padding: 0;
	z-index: 1;
 position: initial;
	padding-top: 95px;
}
.wrapper_head {
	margin: 0px auto;
	padding: 0;
	width: 100%;
	z-index: 1000;
	position: relative;
}
#simplegallery1 {
	clear: both;
	margin-bottom: 10px;
	z-index: 2;
}
.simplegallery {
	margin: 0 auto;
	width: 100%;
	margin-bottom: 30px;
}
.simplegallery img {
	width: 100vw;
}
#ibox {
    /*position: relative;*/
    /*max-height: 700px;*/
    /*max-height: 640px;
    overflow: hidden;
    width: 100%;
    text-align: center;
	height:600px !important;
    margin-bottom: 20px;*/
}
#ibox .vbg {
    /* background: url(img/video_bg.png) left bottom repeat-x;
    background: url(img/video_bg2.png) -50vw bottom no-repeat;*/
    /*background-size: 100%;
    z-index: 2;
	width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -5px;
    margin: auto;*/
}
#ibox img {
    /*z-index: 3;
    position: absolute;*/
    /*top: 100px;*/
    /*top: 0;*/
     /*left: 0;*/
    /*left: 60px;*/
    /*left: -24%;
    right: 0;
    right: inherit;*/
    /*bottom: 0;
    margin: auto;*/
}
#ibox video {
    /*margin: 0 auto;
    z-index: 1;
    width: 100%;*/
}

.ibox_p {
	/*width: 1000px;
	margin: 0 auto;
	position: relative;
	height: 680px;*/
}
.ibox_p h1 {
	position: absolute;
	bottom: 50px;
	left: 0px;
	padding: 16px 30px;
	color: white;
	background-color: rgba(0, 0, 0, 0.71);
	font-size: 32px;
	font-style: italic;
}
/*キャッチを画像にする場合*/
.ibox_p img {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
#imagebox {
	clear: both;
	z-index: 2;
	width: 100%;
	height: 500px;
	overflow: hidden;
}
#imagebox img {
	width: 100%;
}
#imagebox3 {
	clear: both;
	z-index: 2;
	text-align: center;
	height: 506px;
	background-color: #f6f7fa;
	padding-top: 40px;
	margin-bottom: 0px;
	background-position: center;
	background-image: url("img/main.png");
	position: relative;
	background-size: cover;
}
#base #bg #imagebox3 h1 {
	font-size: 54px;
	font-weight: bold;
	padding: 0;
	letter-spacing: 1px;
	margin-bottom: 20px;
	line-height: normal;
	color: #FFFFFF;
}
#base #bg #imagebox3 h1 .fs {
	font-size: 25px;
}
.imagebox_p {
	/* position: absolute; */
  /* top: 0; */
  /* right: 0; */
  /* bottom: 0; */
  /* left: 0; */
  /* margin: auto; */
	width: auto;
	height: auto;
	padding: 50px 100px;
	background-color: rgba(0, 0, 0, 0.42);/* display: inline-block; */
  /* margin-top: 280px; */
}
.imagebox_p p {
	line-height: normal;
	color: white;
	font-size: 20px;
}
.imagebox_p span.c_2 {
	font-size: 23px;
}
.imagebox_p span.c_3 {
	font-size: 30px;
	text-shadow: 1px 1px 0px white;
	/* font-weight: bold; */
	color: rgb(255, 80, 80);
}
#content {
    background-color: white;
    padding: 20px 0 20px;
    /* padding-bottom: 30px; */
    width: 1000px;
    margin: 0px auto;
    z-index: 10;
 position: initial;
}
.home #content,.home .wrapper {
    position: initial;
}

#content img {
}
#pan {
	font-size: 10px;
	font-family: 'Arial', 'Helvetica', sans-serif;
	margin: 0px auto 20px;
	width: 1000px;
	padding-top:10px;
	color:#333333;
}
#pan a {
	color:#333333;
background:transparent;
}
#content #main {
	line-height: 1.8;
	font-size: 14px;
	text-align: justify;
	max-width: 770px;
	/*float: left;*/
	margin: 20px auto 0 auto;
}
.page-id-2 #content #main{
	width: 770px;
	float: left;
	margin: 0 20px 0 0;
}
.sec {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
#content .sec h2:first-child, #content .sec h3:first-child, #content .sec h4:first-child {
	margin-top: 0 !important;
  }
/* --------------------------------------
各ページタイトル
--------------------------------------*/

#content #main .singletitle a, #content #main .title a {
	color: #ff6000;
	text-decoration: none;
}
/* --------------------------------------
マウスオーバー設定
--------------------------------------*/
.menu li a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
#content #main a:hover img {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
#content #side a:hover img {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
#content #side li:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60);/* ie */
	-ms-filter: "alpha( opacity=60 )";
	background: #FFF;/* border-left:#ff6000 2px solid; */
}
/* --------------------------------------
ヘッダー定義
--------------------------------------*/
#header {
	width: 100%;
	/* background-image: url("img/bg_header.png"); */
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 1000;
	margin: 0 auto;
	background-color: #fff;
	height: auto;
	margin: 0px auto;
	position: fixed;
	/* box-shadow: 3px 0px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 0px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 3px 0px 3px rgba(0,0,0,0.2);
	-o-box-shadow: 3px 0px 3px rgba(0,0,0,0.2);
	-ms-box-shadow: 3px 0px 3px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 2px rgb(227, 230, 234); */
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
/*ロゴ　スクロール時非表示*/
#header.fixed .header_l img {
	display: none;
}
#header .header_l img {
	margin-top: 30px;
}
.header_tel {
	float: none;
	line-height: 40px;
	background-color: #8fafdb;
	color: #fff;
	height: 40px;
}
.header_tel p {
	width: 1000px;
	margin: 0 auto;
	line-height: 40px;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 2px;
}
.header_l {
	width: 20%;
	float: left;
	display: none;
}

.home h1.title {
    padding: 0;
    width: auto;
    margin: 0;
    display: inline-block;
}

#pagetop {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}
a#pagetop:hover {
	opacity: 0.6;
}
.menu {
	float: right;
}

.header_l_pc {
	float: left;
width:;/*ここにlogo.pngの横幅を指定*/
margin-top:30px;
}
.header_r_pc {
	float: right;
width:;/*ここにtel.pngの横幅を指定*/
}
/* --------------------------------------
サイドタイトル
--------------------------------------*/

#content #side {
display: inline;
  width: 210px;
  float: right;
padding-top:20px;
	/* background:#fff;*/
}

.home #content #side {
}

#content #side h3 {

  height: auto;
  padding: 7px 0 ;
    margin: 20px 0 2px;
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  background: #a32932;
  text-align: center;
  border-radius:4px;
/*上部角丸の場合コメントアウト外す
border-top-right-radius: 4px;
border-top-left-radius: 4px;
*/
}

#content #side div:first-child h3 {
    margin: 0 0 0 0;
}

 .fix_nav{transition:.3s;}

/* --------------------------------------
サイドメニューリスト
--------------------------------------*/

#content #side ul {
	margin:0;
	padding: 0 10px;
	list-style:none;
}

#content #side li{
	background-image: url("img/btn_side.png");
	background-repeat: no-repeat;
	background-position: left 16px;
	font-size:13px;
  border-bottom: #a32932 1px solid;
	text-align:left;
/* border-top:#FFF 1px solid; */
/* border-bottom:#e4e4e4 1px dotted;*/
	vertical-align:middle;
}

#content #side li a{
	display:block;
	color:#080808;
	text-decoration:none;
  padding: 1em 0 1em 20px;
	font-size: 100%;
}


#side .fudosan{
	padding: 0;
	margin: 0 0 30px 0;
	text-align: center;
}
#side .fudosan a{
	display: block;
	border: 1px solid #d2d2d2;
    margin: 0 0 6px 0;
background-color: white;
}
#side .fudosan img{border:none;}

#content #side .sub-menu{
	padding:0 0 0 20px;
}
#content #side .sub-menu li{
	border-top: #a32932 1px solid;border-bottom:none;
	background-image:none;background: url(img/btn_side2.png) left 0 top 15px no-repeat;
}
/* --------------------------------------
フッター定義
--------------------------------------*/
#footer {
	clear: both;
	font-size: 13px;
	padding-bottom: 0px;
	background:url("img/footer_bg.png") left top repeat-x;
	_margin-bottom: 0px;
*margin-bottom:0px;
margin-top:60px;
}
/* フッター文字色定義 */
#footer, #footermenu ul a, #copyright a {
color:#333;
}
.f_telbtn {
	display: inline-block;
}
.f_telbtn a {
	background-color: #467de3;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;
	width: auto;
	margin: 5px 10px 5px 10px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0 30px;
}
footer svg path {
	fill: rgb(152, 152, 152);
}
#logo_footer {
	display: block;
	margin-bottom: 25px;
}
#logo_footer img {
	width: 228px;/*フッターのロゴ横幅*/
}
#logo_footer svg {
	margin-bottom: 12px;
	width: 80px;
	float: left;
}

p.cinfo {
	text-align: left;
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 6px;
}
p.urls {
	text-align: left;
	font-size: 12px;
	line-height: 1.4;
	margin-bottom: 18px;
}
a#logo_footer:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.footer_com {
	height: auto;
	padding-bottom: 60px;
	padding-top: 60px;
}
.footer_com, .footer_com a:visited, .footer_com a:link {
}
.footer_btm {
	width: 1000px;
	margin: 0px auto;
}
.footer_btm_wrap {
	width: 385px;
float:left;
}
.footerbox{
float:right;
width:615px;
}
.footerbox a:hover img {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
.footer_tel {
	background-color: #303030;
	color: #fff;
	font-size: 15px;
	height: 74px;
	line-height: 74px;
}
.footer_tel p {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	line-height: 74px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
#footermenu {
	margin: 30px 0px 20px 0;
}
#footermenu ul {
	display: inline-block;
    margin-left: 54px;
float:left;
	width:auto;
	margin-bottom: 20px;
	overflow: hidden;
}

#footermenu ul:first-child {
	margin: 0 20px 20px;
}
}
#footermenu ul li {
	display: inline-block;
*display: inline;
*zoom: 1;
	font-size: 14px;
	padding: 0 10px 10px 30px;
	width: auto;
	white-space: nowrap;
float:left;
}
/*
#footermenu ul li:before {
	position:absolute;
	top:0;
	left:0;
	content:'';
}
*/
#footermenu ul li:first-child {
	padding: 0 10px 0 0;
	position:static;
}
#footermenu ul li:first-child:before {
	content:none;
}
#footermenu ul li a {
	text-decoration: none;
	font-size: 14px;
width:100%;
display:block;
margin-bottom:15px;
background:url("img/btn_side.png") left 2px no-repeat;
padding-left:16px;
}
#footermenu ul li.child a {
background:url("img/btn_side2.png") 10px 4px no-repeat;
padding-left:26px;
}
#footermenu ul li.recruit {
 width:128px;
}

#footermenu ul li.recruit a {
background:url("img/navi_last_bg.png") right 30px top 0 no-repeat,url("img/btn_side.png") left 2px no-repeat;
height:18px;
}
#footermenu ul a:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
#copyright {
	padding: 20px 0;
	font-size: 11px;
	text-align: center;
	color:#a32932;
	background:transparent;
}
#copyright a {
	text-decoration: none;
	color:#a32932;
}


/* --------------------------------------
コンテンツ共通パーツ
--------------------------------------*/
/* お客様編集時のためにここは変えない */
#content #main p {
	margin-bottom: 20px;
}
#content #main .singleline {
	overflow: hidden;
}
#submain {
    height: auto;
    background: url(img/submain.png);
    background-size: cover;
    position: relative;
    overflow: hidden;
    background-position-y: 50%;
}
#submain img {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 0;
	top: -550px;
	/*
  -webkit-filter: brightness(0.7);
  -moz-filter: brightness(0.7);
  -o-filter: brightness(0.7);
  -ms-filter: brightness(0.7);
  filter: brightness(0.7);
*/
	opacity: 0.5;
}
#submain .h1wrap {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
#submain h1 {
    color: #a32932;
    padding: 10px 30px;
    font-size: 30px;
    font-weight: bold;
    display: inline-block;
    margin-top: 70px;
    margin-bottom: 70px;
}
.dotted {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 15px;
}
/* --------------------------------------
ブログ系
--------------------------------------*/

.blog-eyecatch {
	float: left;
	margin: 0 20px 20px 0;
}

.blog-eyecatch img {
	width: 100px;
	height: 100px;
}

.prev-next {
    text-align: center;
    margin-top: 60px;
    color: gray;
}

.prev-next a {
    color: gray;
}

/*newarchivephp*/

#content #main .post {
	margin-bottom: 20px;
}

.post .s-time,
.single .s-time {
	font-size: 12px;
	color: #666;
	padding-bottom: 10px;
}

.post .entry a {
	background-color: #f2f2f2;
	padding: 5px 20px 5px 40px;
	float: right;
	position: relative;
	text-decoration: none;
}

.post .entry a:before {
	content: " \f054";
	font-family: FontAwesome;
	color: #ccc;
	position: absolute;
	left: 15px;
	top: 5px;
}

.post .entry a:hover {
	background-color: rgba(180, 180, 180, 0.3);
}

blockquote {
	position: relative;
	padding: 20px 60px 10px 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-style: italic;
	background: #efefef;
	color: #555;
}

blockquote:before {
	display: inline-block;
	position: absolute;
	top: 28px;
	left: 15px;
	vertical-align: middle;
	content: "\f10d";
	font-family: FontAwesome;
	color: #cfcfcf;
	font-size: 30px;
	line-height: 1;
}

blockquote p {
	padding: 0;
	margin: 10px 0;
	line-height: 1.7;
}

blockquote cite {
	display: block;
	text-align: right;
	color: #888888;
	font-size: 0.9em;
}
/* --------------------------------------
見出し設定
--------------------------------------*/
#content #main h1.singletitle, #content #main h1, h1,
#content #main h2, h2,
#content #main h3, h3,
#content #main h4, h4 {
text-align:center;
}
/* h1共通部分 */
#content #main h1.singletitle, #content #main h1, h1 {
	clear: both;
	color: #000;
	font-size: 32px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left bottom;
	letter-spacing: 2px;
	line-height: normal;
	text-align: center;
	position: relative;
	z-index: 10;
	padding-top: 80px;
margin-bottom:40px;
    display: flex;
    align-items: center;
}
#content #main h1:before,
#content #main h1:after {
    content: "";
    flex-grow: 1;
    height: 2px;
    background: #EBEBEB;
    display: block;
}
#content #main h1:before {
    margin-right: .4em;
}
#content #main h1:after {
    margin-left: .4em;
}
/* コンテンツ中のh1上margin */
#content #main h1.title {
	margin-top: 0px;
}
#content #main h2, h2 {
    clear: both;
    color: #333;
    background: url(img/bg_title_h2.png) center top no-repeat;
    font-size: 25px;
    margin: 60px 0 14px 0;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: normal;
    padding: 24px 0px 12px 0;
}

#content #main h2 a {
text-decoration:none;
}

#content #main h2:first-child, h2:first-child {
	margin-top: 0;
}
#content #main h3, h3 {
    clear: both;
    color: #303030;
    background: url(img/bg_title_h3.png) center bottom no-repeat;
    font-size: 21px;
    margin: 40px 0 18px 0;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: normal;
    padding: 10px 0 12px;
}
#content #main h3.spe{
	clear: both;
	color: #303030;
background:url("img/bg_title_h2_cat.png") left bottom no-repeat;
	font-size: 20px;
	margin: 30px 0 10px 0;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: normal;
	padding: 8px 0;
text-align:left;
}
#content #main .torikumi_box h3 {
    margin-top: 30px;
}
#content #main h4, h4 {
background:url("img/bg_title_h4.png") center bottom no-repeat;
	clear: both;
	color: #303030;
	font-size: 18px;
	margin: 20px 0 10px 0;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: normal;
	padding: 6px 0;
}
/*special css*/


/*end special css*/

/* --------------------------------------
パーツ
--------------------------------------*/

.eyecatch_box {
	margin-bottom: 30px;
	color:#333;
}
.eyecatch_box .leftbox{
	width: 55%;
	float:left;
}
.eyecatch_box .rightbox{
    width: 550px;
    float: right;
    padding: 0px 0px 0 20px;
    box-sizing: border-box;
}
.page-id-2 .eyecatch_box .rightbox{width: 500px;}

.eyecatch_box.eyecatch_bottom {
    margin-top: 70px;
    margin-bottom: 0;
}
.eyecatch_box.eyecatch_bottom.ecpre {
    margin-top: 0px;
    margin-bottom: 20px;
}

.btn_hello {
    font-size: 14px;
    font-weight: normal;
    padding-top: 5px;
    margin-left: 20px;
}

.btn_hello a {
    text-decoration: none;
	position: relative;
}

.btn_hello a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.btn_hello a::before {
    content: " \f054";
    font-family: FontAwesome;
    color: #ccc;
    position: absolute;
    left: -20px;
    top: -5px;
}

#content #main .eyecatch_box p.ttl {
    font-size: 21px;
    font-weight: bold;
    margin: 40px 0 70px 60px;
    background: url(img/bg_eyecatch.png) left bottom no-repeat;
    padding-bottom: 10px;
    line-height: 1.8;
  }

.eyecatch_box .txt_wrap {
	margin: 20px 20px 0 0;
}

.eyecatch_box.eyecatch_bottom .txt_wrap {
    /* margin: 0px 20px 0 0; */
    margin: 0px 0px 0 0;
}

.eyecatch_box .txt:not(:last-child) {
	margin-bottom: 5px;
}

.eyecatch_box img {
	-ms-flex-item-align: center;
	align-self: center;
}

/* --------------------------------------
WordPress FCKEditor table
--------------------------------------*/

table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 30px;
	background: white;
}

th {
	border: 1px solid #d2d2d2;
	padding: 10px;
	background: #fff4f5;
	font-weight: bold;
}

td {
	border: 1px solid #d2d2d2;
	padding: 10px;
}

.table2 {
	border: 2px solid #d2d2d2;
}

.table2 th {
	vertical-align: middle;
}

/* --------------------------------------
テーブル
--------------------------------------*/

.tablestyle {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}

.tdstyle {
    background-color: #f9f9f9;
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	width: 30%;
	text-align: center;
	vertical-align:middle;
}

.tdstyle_none {
    background-color: #f9f9f9;
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: center;
	vertical-align:middle;
}

/* 左寄せ */

.tdstyle2 {
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: left;
}

/* 右寄せ */

.tdstyle3 {
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: right;
}

/* 中央寄せ */

.tdstyle4 {
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: center;
}

.tdstyle5 {
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: center;
	background-color:#f5f5f5;
	font-weight:bold;
	vertical-align: middle;
	width:30%;
}

.tdstyle6 {
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: left;
}

.tdstyle7 {
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: center;
	background-color:#a32932;
	font-size:18px;
	font-weight:bold;
	vertical-align: middle;
	color:#ffffff;
}

.fs18{
	font-size:18px !important;
}

.tdstyle8 {
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: center;
	background-color:#f5f5f5;
	font-weight:bold;
	vertical-align: middle;
}

.tdstyle9 {
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: center;
	vertical-align: middle;
	width : calc(100% / 3) ;
}

.w10{
	width:10%;
}

.w15{
	width:15%;
}

.w20{
	width:20%;
}

.w30{
	width:30%;
}







/*special css*/
/*end special css*/

/* --------------------------------------
<div class="cd?"></div>での 飾り設定
--------------------------------------*/

.cd0 {
	background-color: white;
	padding: 60px 0 40px;
}
.cd1 {
	background-color: #F3F3F3;
	padding: 60px 0;
}
.cd2 {
	background-color: #6191db;
	padding: 60px 0 40px;
	color: #fff;
}
.cd3 {
	background-color: #8FAFDB;
	padding: 60px 0 40px;
	color: white !important;
}
.cd3 h2, .cd3 h3, .cd3 h4, .cd3 a {
	color: white !important;
}
.cd4 {
	background-color: #F4F9FF;
	padding: 40px 0 20px;
}
/* --------------------------------------
<div class="sq?"></div>での 飾り設定
--------------------------------------*/
/* 色:グレー */

.sq1 {
    display: inline-block;
    border: 1px solid #dedede;
    margin: 10px 0;
    padding: 30px 60px 10px 60px;
}

/* 囲み:グレー */

.sq2 {
	border: 2px solid #434343;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}

/* 囲み：赤 */

.sqred {
	border: 2px solid #a32932;
	margin: 10px 0;
	padding: 20px 20px 0 20px;
}


/* 囲み：二重線 */

.nizyuu {
	border-width: 4px;
	border-style: double;
}

/* 囲み：点線 */

.tensen {
	border-width: 3px;
	border-style: dotted;
}

/* 囲み：角丸 */

.radious {
	border-radius: 5px;
}

/*special css*/

/*end special css*/


/* --------------------------------------
便利ボタン
--------------------------------------*/

.btn-round1 {
	/*border: 2px solid white;*/
	/*border-radius: 4px;*/
	background: #000;
    width: auto;
    height: auto;
    margin-bottom: 20px;
    color: white !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 10px 40px 10px 40px;
    position: relative;
	 text-align: justify;
    border-radius: 25px;
    -webkit-border-radius: 25px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 25px;/* for Firefox 対応*/
}
.btn-round1:after {
    content: '';
    position: absolute;
    right: 18px;
    top: 50%;
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
}

.btn-round2 {
    background: #a32932;
    color: white !important;
    width: auto;
    height: auto;
    margin-bottom: 20px;
    position: relative;
    text-decoration: none !important;
    display: inline-block;
    padding: 10px 40px 10px 40px;
	 text-align: justify;
    border-radius: 25px;
    -webkit-border-radius: 25px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 25px;/* for Firefox 対応*/
}

.btn-round2:after {
    content: '';
    position: absolute;
    right: 18px;
    top: 50%;
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
}

.btn-list1 {
    border-radius: 4px;
    width: auto;
    height: auto;
    background: #e5e5e5;
    margin-bottom: 20px;
    text-decoration: none !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    padding: 10px 40px 10px 40px;
    position: relative;
    text-align: justify;
    border-radius: 25px;
    -webkit-border-radius: 25px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 25px;/* for Firefox 対応*/
}

.btn-list1:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #a32932;
    border-right: 2px solid #a32932;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
    position: absolute;
    top: 50%;
    right :18px;
}

.btn-list2 {
    border-radius: 4px;
    width: auto;
    height: auto;
    background: -webkit-gradient(linear, left top, left bottom, from(#fffbf2), to(#f6efd5));
    background: linear-gradient(180deg, #fffbf2, #f6efd5);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), -1px -1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), -1px -1px 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    text-decoration: none !important;
    display: inline-block;
    padding: 10px 40px 10px 40px;
    position: relative;
    text-align: justify;
}

.btn-list2:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid #b58d5a;
    border-right: 2px solid #b58d5a;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
    position: absolute;
    top: 50%;
    right: 18px;
}
.btn-round3 {
    background: #a32932;
    width: auto;
    height: auto;
    margin-bottom: 20px;
    color: white !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 10px 100px 10px 100px;
    position: relative;
	 text-align: justify;
    border-radius: 25px;
    -webkit-border-radius: 25px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 25px;/* for Firefox 対応*/
}
.btn-round3:after {
    content: '';
    position: absolute;
    right: 18px;
    top: 50%;
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
}

.btn-round1:hover,
.btn-round2:hover,
.btn-list1:hover,
.btn-list2:hover,
.btn-round3:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}

/*special css*/

/*end special css*/


/* --------------------------------------
テキスト飾り設定
--------------------------------------*/

.hosoku {
	color: #5a5a5a;
	font-size: 90%;
	line-height: 1.7;
}
.fs2 {
	font-size: 114.2857%;
}
.fs3 {
	font-size: 130%;
}
.fs34 {
    font-size: 150%;
}
.fs4 {
	font-size: 160%;
	line-height: 1.5;
}
.fs5 {
	font-size: 200%;
	line-height: 1.5;
}
.mt0 {
	margin-top: 0px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mb0 {
	margin-bottom: 0px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
	;
}
.pt10 {
	padding-top: 10px !important;
}
.yellow {
	background-color: #FFFF85;
	padding: 4px 5px 2px 5px;
	font-weight: normal;
}
/*テキスト装飾*/
.tk1 {
	color: #a32932;
}
.tk2 {
  font-weight: bold;
  background: linear-gradient(transparent 60%, #fffbb6 40%);
  padding-bottom: 3px;
  color: #000000;
}
.tk3 {
  font-weight: bold;
  background: linear-gradient(transparent 70%, #ffdcd6 20%);
  padding-bottom: 3px;
}
.tk4 {
	font-weight: bold;
	font-size: 1.1em;
}
.pretxt {
    font-weight: bold;
    font-size: 120%;
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}
.pre-lead {
    font-weight: bold;
    font-size: 130%;
    /* line-height: 1.6; */
    margin-bottom: 40px !IMPORTANT;
}
/*電話番号装飾*/
.telarea {
  border: 1px solid #CECECE;
  margin: 0 0 10px 0;
  padding: 20px 20px 0 20px;
  display: inline-block;
}
.teltext {
  font-size: 26px;
}
.freedial {
  text-align: left;
}
.uline {
	color: #F00;
	text-decoration: underline;
	font-style: italic;
}
.round {
	border-radius: 100px;
}
.blue {
	color: #4485e9;
}
/*電話番号装飾*/

.telarea {
	border: 1px solid #CECECE;
	margin: 0 0 10px 0;
	padding: 20px 20px 0 20px;
	display: inline-block;
}

.teltext {
	font-size: 26px;
}

.freedial {
	text-align: left;
}

/*チェックボックスの付くリスト*/

ul.arrow li {
	background-image: url(img/arrow.png);
	padding-left: 21px;
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 2px 0;
	min-height: 15px;
}

ul.arrow2 li {
	background-image: url(img/arrow2.png);
	padding-left: 21px;
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 2px 0;
	min-height: 13px;
}
ul.disc {
    list-style: disc;
    margin: 0 20px 20px;
}
.sq1 ul.check_list-border {
    margin-bottom: 20px;
}

.check_list-border li {
    background: url(img/arrowA.png) left 3px no-repeat;
    padding-left: 30px;
    min-height: 22px;
    margin: 4px 0;
    font-weight: bold;
    font-size: 110%;
}


.check_list li {
	background: url(img/arrowB.png) left 3px no-repeat;
	padding-left: 30px;
	min-height: 22px;
	margin: 4px 0;
}

/*special css*/

/*end special css*/



/* --------------------------------------
Q&A
--------------------------------------*/
.q {
	background-color: #F3F3F3;
	color: #ff6000;
	padding: 4px;
	font-weight: bold;
}
.a {
	padding: 7px 4px;
	border-bottom: #CCC 1px dotted;
	margin: 5px 0 20px 1em;
	text-indent: -1em;
}
/* --------------------------------------
WordPress 画像貼付け用
--------------------------------------*/
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
	margin: 0 0 20px 30px;
	display: inline;
}
.alignleft {
	float: left;
	margin: 0 30px 20px 0;
	display: inline;
}
/* --------------------------------------
youtube・googlemap 埋め込み用
--------------------------------------*/
.yt {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.yt iframe,
.yt object,
.yt embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* --------------------------------------
汎用クラス定義
--------------------------------------*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
  height:  auto;
  overflow: hidden;
  /**/
}
.fixmargin {
	margin-top: -23px;
}
/*-------------------------------------
グローバルナビ定義（gnavi・グロナビ）
------------------------------------- */

#head_pull {
	display: none;
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 1020px;
	margin: 0 auto;
	background-color: white;
}
#head_pull a {
}
#header.fixed {
	position: fixed;

	width: 100%;
	background-color: rgba(255, 255, 255, 1);
	top: 0;
	height: 60px;
}
 #header.fixed ul {
 float: left;
}
ul.menu_logo {
	float: left;
  margin-left: 20px;
}

nav {
	width: auto;
	margin: 0 auto;
}
#header.fixed .menu_navi {
	float: right;
}
#header.fixed .menu_logo {
	float: left;
	width: 110px;
}
.menu_logo li,.menu_navi li {
	 float: left;
	width: auto;
	display: inline-block;
	vertical-align: bottom;
}
/*--Gナビ内のロゴ制御--*/
.menu_logo li a.navi_logo {
	margin: 55px 0 20px 0px;
	display: inline-block;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.menu_logo li a.navi_logo svg {
	width: 130px;
	height: 62px;
}
.menu_logo li a.navi_logo img {
	width: 200px;/*logo.pngの横幅*/
}
#m_logo {
}
#m_logo svg {
	width: 66px;
	height: 31px;
	margin-top: 10px;
	margin-left: 10px;
}
#header.fixed .menu_logo li {
}
#header.fixed li a.navi_logo {
	display: block;
	margin: 0px 0 0 -26px;
	transform: scale(0.6);
}
#header.fixed li a.navi_logo img {
	display: block;
	/* animation: rotateplane 0.4s ease-in; */
	width: 110px;
	height: auto;
}
 @-webkit-keyframes rotateplane {
 0% {
-webkit-transform:perspective(200px) rotateX(90deg)
}
 100% {
-webkit-transform:perspective(200px) rotateX(0deg)
}
}
/*--ここまで--*/

/*--Gナビの文字が縮小--*/
#header.fixed li a {
	font-size: 14px;
}
/*--ここまで--*/

.menu_navi li {
	position: relative;
  margin-top:15px;
}
.menu_navi li a {
	text-align: center;
	display: block;
	margin: 0px 0 0 20px;
	text-decoration: none;
	float: left;
	width: auto;
	font-size: 15px;
	color: #000;
	padding: 10px 10px 20px 10px;
}
.menu_navi li a:hover {
border-bottom:#a32932 3px solid;
}
#header.fixed .menu_navi li a {
	margin: 0px 0 0 2px;
}
.menu_navi li.con a {
background:url("img/hbtn.png") center top no-repeat;
width:100px;
height:95px;
margin-left:40px;
  margin-top: -35px;
}
.menu_navi li.con:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
.menu_navi li.recruit {
background:url("img/navi_last_bg.png") right top 10px no-repeat;
padding-right:10px;
}

.headnav {
	position: relative;
	height: 95px;
width:1000px;
margin:0 auto;
}
#header.fixed .headnav {
	position: relative;
	height: 70px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#overlay {
	z-index: 1000 !important;
}
#lightbox {
	z-index: 9999 !important;
}
/*++++++++++++++++ nav button set ++++++++++++++++*/
.button a {
	float: left;
	border-right: 1px solid #7A0114;   /* 上部メニューボタンの区切り線の色が設定できます */
	background: #C58D9A;   /* 上部メニューボタンの背景色が設定できます */
	height: 30px;
	margin: 0;
	padding: 7px 15px 7px 15px;
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #fff; /* 上部メニューボタンの文字色が設定できます */
	display : block;
}
html>body .button a {
	height: 16px;
	font-size: small;
}
.button a.active, .button a:hover {
	background: #fff;   /* 上部メニューボタンの背景色（マウスオンの状態）が設定できます */
	color: #C58D9A;   /* 上部メニューボタンの文字色（マウスオンの状態）が設定できます */
}
.button a.selected {
	background: #fff;   /* 上部メニューボタンの背景色（セレクト時）が設定できます */
	color: #C58D9A;   /* 上部メニューボタンの文字色（セレクト時）が設定できます */
}
.button a:active.selected, .button a:hover.selected {
	background: #fff;   /* 上部メニューボタンの背景色（セレクト時のマウスオンの状態）が設定できます */
	color: #C58D9A;   /* 上部メニューボタンの文字色（セレクト時のマウスオンの状態）が設定できます */
}
.button a.nolink {
	background: #C58D9A;   /* 上部メニューボタンの背景色（リンクなし）が設定できます */
	color: #ccc;   /* 上部メニューボタンの文字色（リンクなし）が設定できます */
}
/* -------------------------------------
ドロップダウン
-------------------------------------*/

.menu_navi ul.sub-menu {
    display: none;
    position: absolute;
    left: 20px;
    top: 48px;
    z-index: 9999999;
    margin: 0;
}
#header.fixed .menu_navi ul.sub-menu {
	top: 36px;
}
.menu_navi li a.hover {
}
.menu_navi ul.sub-menu li {
    float: left;
    background-image: none;
    text-align: center;
    position: relative;
    width: 200px;
    display: block;
    margin: 0;
}
.menu_navi ul.sub-menu li a {
    text-indent: 0px;
    font-size: 16px !important;
    height: auto;
    padding: 10px;
    color: #fff;
    text-align: left;
    display: inline-block;
    width: 200px;
    position: relative;
    border-bottom: none;
    background: #333;
    margin: 0;
}
.menu_navi ul.sub-menu li a:hover {
	opacity: 0.90; /* opera  firefox safari */
	filter: alpha(opacity=90); /* ie */
	-ms-filter: "alpha( opacity=90 )";
}
.menu_navi ul.sub-menu li a .txt {
	display: block;
	padding: 10px;
}
.menu_navi ul.sub-menu li:nth-child(2) a,
.menu_navi ul.sub-menu li:nth-child(3) a,
.menu_navi ul.sub-menu li:nth-child(4) a
{
border-left:#666 1px solid;
}



/* --------------------------------------
RSS用
--------------------------------------*/
#feed_new {
	background-color: #F5F3F3;
	font-size: 11px;
	color: #ff6000;
	padding: 5px 10px 0 10px;
	_padding: 5px 10px 0 10px;
	margin: 0px;
	line-height: 130%;
}
#feed_new li {
	border-bottom: #CCCCCC dotted 1px;
	list-style: none;
	padding-bottom: 5px;
}
#feed_new a {
	font-size: 13px;
}
/* --------------------------------------
コンテンツ部分のdiv&pにおけるimg飛び出しの解除
--------------------------------------*/
/* -------
div
----------*/
#main div:after {
	content: ".";/* 新しい要素を作る */
	display: block;/* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
#main div {
	min-height: 1px;
}
* html #main div {
	height: 1px;
}


/* -------
fontcontrol
----------*/
#control {
	position: absolute;
	top: 5px;
	right: 5px;
}
#control a {
	color: white;
	text-decoration: none;
}
#control a:hover {
	text-decoration: underline;
}
span#intro {
	font-size: 13px;
	margin-right: 5px;
}
span#f-big {
	background-color: black;
	padding: 2px 4px;
	margin-right: 2px;
}
span#f-medium {
	background-color: black;
	padding: 2px 4px;
	margin-right: 2px;
}
span#f-small {
	background-color: black;
	padding: 2px 4px;
}
/* --------------------------------------
中央寄せ・右寄せ
--------------------------------------*/
.ac {
	text-align: center;
}
.ar {
	text-align: right;
}
.al {
	text-align: left;
}
/* --------------------------------------
リスト（FontAwesome)
--------------------------------------*/
ul {
	text-align: left;
}
ul.li_1 {
	margin-bottom: 20px;
}
ul.li_1 li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 1.5em;
}
ul.li_1 li:before {
	content: " \f14a";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: 0;
}
ul.li_2 {
	margin-bottom: 20px;
}
ul.li_2 li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 1.5em;
}
ul.li_2 li:before {
	color: #008600;
	content: " \f046";
	font-family: FontAwesome;
	position: absolute;
	font-weight: normal;
	left: 0;
}
ul.li_3 {
	margin-bottom: 20px;
}
ul.li_3 li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 1.5em;
}
ul.li_3 li:before {
	content: " \f058";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: 0;
}
ul.li_4 {
	margin-bottom: 20px;
}
ul.li_4 li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 1.5em;
}
ul.li_4 li:before {
	content: " \f05d";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: 0;
}
ul.li_5 {
	margin-bottom: 20px;
}
ul.li_5 li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 1.5em;
}
ul.li_5 li:before {
	content: " \f0a9 ";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: 0;
}
ul.li_6 {
	margin-bottom: 20px;
}
ul.li_6 li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 1.5em;
}
ul.li_6 li:before {
	content: " \f18e";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: 0;
}
ul.li_7 {
	margin-bottom: 20px;
}
ul.li_7 li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 1.5em;
}
ul.li_7 li:before {
	content: " \f138";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: 0;
}
ul.li_8 {
	margin-bottom: 20px;
}
ul.li_8 li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 1.5em;
}
ul.li_8 li:before {
	content: " \f152";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: 0;
}
ul.li_9 {
	margin-bottom: 20px;
}
ul.li_9 li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 1.5em;
}
ul.li_9 li:before {
	content: " \f0da";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: 0;
}
ul.li_10 {
	margin-bottom: 20px;
}
ul.li_10 li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 1.5em;
}
ul.li_10 li:before {
	content: " \f069";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: 0;
}
ul.li_11 {
	margin-bottom: 20px;
}
ul.li_11 li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 1.5em;
}
ul.li_11 li:before {
	content: " \f111";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: 0;
}
ul.li_12 {
	margin-bottom: 20px;
}
ul.li_12 li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 1.5em;
}
ul.li_12 li:before {
	content: " \f192";
	font-family: FontAwesome;
	color: #008600;
	position: absolute;
	font-weight: normal;
	left: 0;
}
ul.li_maru li {
	margin-bottom: 10px;
	text-indent: -1.3em;
	margin-left: 1.3em;
	font-weight: bold;
}
ul.li_maru li:before {
	content: "● ";
	color: #5077c2;
}
ul.li_kome li {
	margin-bottom: 10px;
	text-indent: -1.3em;
	margin-left: 1.3em;
}
ul.li_kome li:before {
	content: "※ ";
	color: #5077c2;
}
ul.b_gray li:before {
	color: #D9D8D8;
}
ul.b_pink li:before {
	color: #F79698;
}
ul.b_green li:before {
	color: #CAFDB1;
}
ul.b_skyblue li:before {
	color: #A0DFF3;
}
ul.b_blue li:before {
	color: #608AEB;
}
ul.b_gold li:before {
	color: #D9B087;
}
ul.b_orange li:before {
	color: #FB8230;
}
ul.b_yellow li:before {
	color: #F8EE6D;
}
ul.b_azuki li:before {
	color: #731F21;
}
ul.b_purple li:before {
	color: #AA79E7;
}
/* --------------------------------------
レイアウトbox(2列・3列・4列)
--------------------------------------*/

.box_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 0px;
}

.box_wrap2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px;
    justify-content: space-between;
}


#main div.box_wrap:after,
#main div.box_wrap2:after {
content:none;
}

.two_box {
	width: calc((100% - 30px) / 2);
	margin: 0 30px 15px 0;
	border: 1px solid #8a8a8a;
	overflow: hidden;
}

.two_box:nth-child(even) {
	margin: 0 0 15px 0;
}

.two_box .ttl_wrap {
	background:url("img/bg_twobox.png") 5px 5px no-repeat,#f5f5f5;
}

.two_box .ttl {
	padding: 3% 3% 3% 5%;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0 !important;
	color:#000000;
  }

.two_box .txt {
	padding: 3%;
}

.two_box .more {
	float: right;
	text-decoration: none;
	margin: 0 3% 3% 0;
	position: relative;
}

.two_box .more:before {
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	content: '';
	width: 8px;
	height: 8px;
	border-top: 1px solid #a52e37;
	border-right: 1px solid #a52e37;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.two_box .more:hover:before {
	-webkit-transform: translate(5px, -50%) rotate(405deg);
	transform: translate(5px, -50%) rotate(405deg);
}

.three_box {
	width: calc((100% - 40px) / 3);
	margin-bottom: 20px;
	border: 1px solid #8a8a8a;
	background: white;
	overflow: hidden;
}

.three_box.boxsp {
    width: calc((100% - 40px) / 3);
    margin-bottom: 0px;
    background: white;
    overflow: hidden;
    border: 1px solid #8a8a8a;
    border-top: #a32932 2px solid;
    text-align: center;
}


.three_box:nth-child(3n-1) {
margin:0 20px 20px;
}

.three_box.boxsp:nth-child(3n-1) {
    margin: 0;
}



.three_box .ttl_wrap {
	background:url("img/bg_twobox.png") 5px 5px no-repeat,#f5f5f5;
}
.three_box.boxsp .ttl_wrap {
    background: none;
}

.three_box .ttl {
    padding: 20px 11px 18px 22px;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0 !important;
    color: #000;
    line-height: 1.4;
  }

.top_service .three_box .ttl {
    padding: 20px 10px 18px 10px;
}

.three_box.boxsp .ttl {
    padding: 50px 10px 54px 10px;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0 !important;
    color: #000;
    line-height: 1.4;
}

.three_box .txt {
	padding: 3%;
}

.three_box .more {
	float: right;
	text-decoration: none;
	margin: 0 3% 3% 0;
	position: relative;
}

.three_box .more:before {
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	content: '';
	width: 8px;
	height: 8px;
	border-top: 1px solid #a52e37;
	border-right: 1px solid #a52e37;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.three_box .more:hover:before {
	-webkit-transform: translate(5px, -50%) rotate(45deg);
	transform: translate(5px, -50%) rotate(45deg);
}

.four_box {
	width: calc((100% - 30px) / 4);
	margin: 0 10px 10px 0;
	border: 1px solid #8a8a8a;
	border-top:#a32932 2px solid;
background: white;
	overflow: hidden;
}

.four_box:nth-child(4n) {
	margin: 0 0px 10px 0;
}

.four_box .ttl_wrap {
}

.four_box .ttl {
	padding: 6% 3%;
	font-weight: bold;
	font-size: 16px;
	color: #000;
	margin-bottom: 0 !important;
    line-height: 1.3;
}

.four_box .txt {
	padding: 3% 6%;
}

.four_box .more {
	float: right;
	text-decoration: none;
	margin: 0 3% 3% 0;
	position: relative;
}

.four_box .more:before {
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	content: '';
	width: 8px;
	height: 8px;
	border-top: 1px solid #a52e37;
	border-right: 1px solid #a52e37;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.four_box .more:hover:before {
	-webkit-transform: translate(5px, -50%) rotate(45deg);
	transform: translate(5px, -50%) rotate(45deg);
}
/*clearfixと組み合わせて使用*/
.six_four_r {
  float: right;
  width: 580px;
}
.six_four_l {
  float: left;
  width: 400px;
}
.seven_three_r {
  float: right;
  width: 680px;
}
.seven_three_l {
  float: left;
  width: 300px;
}

/* --------------------------------------
電話番号エリア
--------------------------------------*/
.responsedevise {
	border: 1px solid #B7D87F;
	padding: 15px 5px 15px;
	text-align: center;
	width: 80%;
	margin: 30px auto 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/* --------------------------------------
リンクボタン
--------------------------------------*/

.link_green {
	border: 1px solid #A8BF75;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #cee6b3);
	background-image: -moz-linear-gradient(top, #ffffff, #cee6b3);
	background-image: -ms-linear-gradient(top, #ffffff, #cee6b3);
	background-image: -o-linear-gradient(top, #ffffff, #cee6b3);
	background-image: linear-gradient(to bottom, #ffffff, #cee6b3);
	display: inline-block;
	margin: 10px 0;
}
.link_green a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #496F31;
	padding: 0px 15px;
}
.link_green a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
.link_pink {
	border: 1px solid #F4B1B2;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #FFF0F1);
	background-image: -moz-linear-gradient(top, #ffffff, #FFF0F1);
	background-image: -ms-linear-gradient(top, #ffffff, #FFF0F1);
	background-image: -o-linear-gradient(top, #ffffff, #FFF0F1);
	background-image: linear-gradient(to bottom, #ffffff, #FFF0F1);
	display: inline-block;
	margin: 10px 0;
}
.link_pink a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #E37677;
	padding: 0px 15px;
}
.link_pink a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
.link_skyblue {
	border: 1px solid #9EDDF8;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #EDFBFF);
	background-image: -moz-linear-gradient(top, #ffffff, #EDFBFF);
	background-image: -ms-linear-gradient(top, #ffffff, #EDFBFF);
	background-image: -o-linear-gradient(top, #ffffff, #EDFBFF);
	background-image: linear-gradient(to bottom, #ffffff, #EDFBFF);
	display: inline-block;
	margin: 10px 0;
}
.link_skyblue a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #4593D4;
	padding: 0px 15px;
}
.link_blue {
	border: 1px solid #9EB0CF;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #E4F2FD);
	background-image: -moz-linear-gradient(top, #ffffff, #E4F2FD);
	background-image: -ms-linear-gradient(top, #ffffff, #E4F2FD);
	background-image: -o-linear-gradient(top, #ffffff, #E4F2FD);
	background-image: linear-gradient(to bottom, #ffffff, #E4F2FD);
	display: inline-block;
	margin: 10px 0;
}
.link_blue a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #22418B;
	padding: 0px 15px;
}
.link_skyblue a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
.link_gold {
	border: 1px solid #C0AA8D;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #FCEDD9);
	background-image: -moz-linear-gradient(top, #ffffff, #FCEDD9);
	background-image: -ms-linear-gradient(top, #ffffff, #FCEDD9);
	background-image: -o-linear-gradient(top, #ffffff, #FCEDD9);
	background-image: linear-gradient(to bottom, #ffffff, #FCEDD9);
	display: inline-block;
	margin: 10px 0;
}
.link_gold a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #886A50;
	padding: 0px 15px;
}
.link_gold a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
.link_orange {
	border: 1px solid #EF963E;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #F7BB6F, #FCA26D);
	background-image: -moz-linear-gradient(top, #F7BB6F, #FCA26D);
	background-image: -ms-linear-gradient(top, #F7BB6F, #FCA26D);
	background-image: -o-linear-gradient(top, #F7BB6F, #FCA26D);
	background-image: linear-gradient(to bottom, #F7BB6F, #FCA26D);
	display: inline-block;
	margin: 10px 0;
}
.link_orange a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #fff;
	padding: 0px 15px;
}
.link_orange a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
.link_yellow {
	border: 1px solid #E3DEA2;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #F8FDC3);
	background-image: -moz-linear-gradient(top, #ffffff, #F8FDC3);
	background-image: -ms-linear-gradient(top, #ffffff, #F8FDC3);
	background-image: -o-linear-gradient(top, #ffffff, #F8FDC3);
	background-image: linear-gradient(to bottom, #ffffff, #F8FDC3);
	display: inline-block;
	margin: 10px 0;
}
.link_yellow a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #5F4E39;
	padding: 0px 15px;
}
.link_yellow a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
.link_azuki {
	border: 1px solid #BC8F90;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #AF5C5D, #7C2829);
	background-image: -moz-linear-gradient(top, #AF5C5D, #7C2829);
	background-image: -ms-linear-gradient(top, #AF5C5D, #7C2829);
	background-image: -o-linear-gradient(top, #AF5C5D, #7C2829);
	background-image: linear-gradient(to bottom, #AF5C5D, #7C2829);
	display: inline-block;
	margin: 10px 0;
}
.link_azuki a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #fff;
	padding: 0px 15px;
}
.link_azuki a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
.link_purple {
	border: 1px solid #EECCF3;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #F7E5FD);
	background-image: -moz-linear-gradient(top, #ffffff, #F7E5FD);
	background-image: -ms-linear-gradient(top, #ffffff, #F7E5FD);
	background-image: -o-linear-gradient(top, #ffffff, #F7E5FD);
	background-image: linear-gradient(to bottom, #ffffff, #F7E5FD);
	display: inline-block;
	margin: 10px 0;
}
.link_purple a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #B251C3;
	padding: 0px 15px;
}
.link_purple a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
.link_red {
	border: 1px solid #F96062;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #F47B7D, #D85658);
	background-image: -moz-linear-gradient(top, #F47B7D, #D85658);
	background-image: -ms-linear-gradient(top, #F47B7D, #D85658);
	background-image: -o-linear-gradient(top, #F47B7D, #D85658);
	background-image: linear-gradient(to bottom, #F47B7D, #D85658);
	display: inline-block;
	margin: 10px 0;
}
.link_red a {
	text-decoration: none;
	display: block;
	font-size: 110%;
	color: #ffffff;
	padding: 0px 15px;
}
.link_red a:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
/* --------------------------------------
フォームボタン
--------------------------------------*/
p.sbtn_1 input[type="submit"] {
	cursor: pointer;
	border: none;
	font-weight: bold;
	background: #96cff5;
	background-image: -webkit-linear-gradient(top, #96cff5, #3297d6);
	background-image: -moz-linear-gradient(top, #96cff5, #3297d6);
	background-image: -ms-linear-gradient(top, #96cff5, #3297d6);
	background-image: -o-linear-gradient(top, #96cff5, #3297d6);
	background-image: linear-gradient(to bottom, #96cff5, #3297d6);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	margin-top: 10px;
	height:50px;
}
p.sbtn_2 input[type="submit"] {
	cursor: pointer;
	border: none;
	font-weight: bold;
	background: #fac871;
	background-image: -webkit-linear-gradient(top, #fac871, #eb7f36);
	background-image: -moz-linear-gradient(top, #fac871, #eb7f36);
	background-image: -ms-linear-gradient(top, #fac871, #eb7f36);
	background-image: -o-linear-gradient(top, #fac871, #eb7f36);
	background-image: linear-gradient(to bottom, #fac871, #eb7f36);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	margin-top: 10px;
	height:50px;
}
p.sbtn_3 input[type="submit"] {
	cursor: pointer;
	border: none;
	font-weight: bold;
	background: #f0a3a3;
	background-image: -webkit-linear-gradient(top, #f0a3a3, #f07171);
	background-image: -moz-linear-gradient(top, #f0a3a3, #f07171);
	background-image: -ms-linear-gradient(top, #f0a3a3, #f07171);
	background-image: -o-linear-gradient(top, #f0a3a3, #f07171);
	background-image: linear-gradient(to bottom, #f0a3a3, #f07171);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	margin-top: 10px;
	height:50px;
}
p.sbtn_4 input[type="submit"] {
	cursor: pointer;
	border: none;
	font-weight: bold;
	background: #ebd3b0;
	background-image: -webkit-linear-gradient(top, #ebd3b0, #b38541);
	background-image: -moz-linear-gradient(top, #ebd3b0, #b38541);
	background-image: -ms-linear-gradient(top, #ebd3b0, #b38541);
	background-image: -o-linear-gradient(top, #ebd3b0, #b38541);
	background-image: linear-gradient(to bottom, #ebd3b0, #b38541);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	margin-top: 10px;
	height:50px;
}
.sbtn_5 {
    margin-top: 60px;
}
p.sbtn_5 input[type="submit"] {
	cursor: pointer;
	border: none;
	font-weight: bold;
	border: none;
	background: #A32831;
	/*
background-image: -webkit-linear-gradient(top, #f0ece4, #bdb8b3);
	background-image: -moz-linear-gradient(top, #f0ece4, #bdb8b3);
	background-image: -ms-linear-gradient(top, #f0ece4, #bdb8b3);
	background-image: -o-linear-gradient(top, #f0ece4, #bdb8b3);
	background-image: linear-gradient(to bottom, #f0ece4, #bdb8b3);
*/
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	margin-top: 10px;
	height:50px;
width:300px;
}
p.maru input[type="submit"] {
	-webkit-border-radius: 30;
	-moz-border-radius: 30;
	border-radius: 30px;
	padding: 8px 20px 8px 20px;
	text-shadow: 1px 1px 3px #666666;
	box-shadow: 0px 0px 6px 3px #e6e6e6;
	-moz-box-shadow: 0px 0px 6px 3px #e6e6e6;
	-webkit-box-shadow: 0px 0px 6px 3px #e6e6e6;
	height:50px;
}
p.sbtn_1 input:hover {
	background: #409FDB;
}
p.sbtn_2 input:hover {
	background: #ec802e;
}
p.sbtn_3 input:hover {
	background: #ee6d6d;
}
p.sbtn_4 input:hover {
	background: #b38746;
}
p.sbtn_5 input:hover {
	opacity: 0.60; /* opera  firefox safari */
	filter: alpha(opacity=60); /* ie */
	-ms-filter: "alpha( opacity=60 )";
}
/* ページ内スライド制御 */
.sliderbox {
	width: 500px;
	height: auto;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
/*  special css*/


/*end special css*/

/* ---------------------
H レスポンシブ用
------------------------*/

/* PC用とモバイル用のロゴを出し分ける */

#pc_logo {
	display: inline;
}
#pc_logo img {
	margin: 0 auto;
}
#mobile_logo {
	display: none;
}
#mobile_button {
	display: none;
}
.mobile_menu {
	display: none;
}
#mobile_main {
	display: none;
}
/* デスクトップでは非表示にする */
#panel, #mobile_side, .mobile_only, #mobile_tel, #mobile_main {
	display: none;
}
#content #main p.wp-caption-text {
	margin-top: 2px;
	font-size: 14px;
	text-align: center;
	margin-right: 10px;
	padding: 10px 10px 0;
	line-height: 17px;
}
#content #main h2.spe {
	padding: 0;
	margin: 0 0 30px;
	background-color: #fff;
	border: 0;
	display: inline-block;
	color: #444;
	font-weight: 700;
	font-size: 24px;
	letter-spacing: 1px;
	text-align: left;
}
.rightbox {
	float: right;
}
.leftbox {
	float: left;
}
.w40 {
	width: 40%;
}
.w60 {
	width: 60%;
}
/* コンタクトフォーム */

input.wpcf7-form-control {
	height: 30px;
	line-height: 2;
	margin: 10px auto;
	border: 1px solid #d8d8d8;
	width: 80%;
    padding: 10px;
}
select.wpcf7-form-control {/*プルダウンメニュー*/
	width: auto;
	height: auto;
}
textarea.wpcf7-form-control {
	border: 1px solid #d8d8d8;
    width: 80%;
    padding: 10px;
    margin: 10px 0px;
}
ul.newsblog .datetxt{
display:block;
width:20%;
color:#003044;
float:left;
margin-bottom:10px;
padding-bottom:10px;
}
ul.newsblog a .newsblog_title{
display:block;
padding-left:20%;
border-bottom:#ccc solid 1px;
margin-bottom:10px;
padding-bottom:10px;
}
ul.newsblog a{
text-decoration:none;
    display: block;
}



#content #main .bukken_box p {
	float: right;
	width: 78%;
}
#content #main .bukken_box img {
	float: left;
	width: 165px;
	height: auto;
}
.bukken_box {
border: 4px solid #EFEAEA;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
padding: 1px 25px 15px;
margin-bottom: 25px;
position: relative;
min-heihgt:320px;

}
#content #main .bukken_box h2 {
	margin-top: 13px;
}
.bukken_box img.alignnone {
	position: absolute;
	top:220px;
	left:25px;
}
.color1 {
	color:#1E3784;
}
.bukken a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
curser:pointer;
}
.bukken_box table th,
.bukken_box table td{
border:none;
background:none;
padding:5px;
}
.bukkenflex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bukken-img {
    width: 20%;
}
.bukken-img .arimg img {
    width: 100%;
    height: 165px !important;
    object-fit: cover;
}
.bukkenflex:after {
    content: none !important;
}
.bukken-txt {
    width: 73%;
}
.bukken-txt table tr td,.bukk_sbox01 table tr td {
    border: none;
	 padding: 5px 0;
font-size:15px;
}
.bukken-txt table tr th,.bukk_sbox01 table tr th {
    vertical-align: top;
    font-weight: normal;
    padding: 5px 0;
    text-align: left;
    white-space: nowrap;
font-size:15px;
background:none;
border:none;
}
.bukken-txt table tr th {
    width: 80px;
}
.bukk_madori img {
    max-width: 760px;
    height: auto;
}
.link a {
    /* background: #1e3784; */
    padding: 5px 40px 5px 25px;
    text-decoration: none;
    color: #fff;
    position: relative;
}
.link a:after{
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    top: 35%;
    right: 15px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.bukk_sbox {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.bukk_sbox01 {
    width: 48%;
}
.bukk_sbox01 img {
    width: 100%;
    height: 450px;
    object-fit: contain;
}
span.f12 {
    font-size: 12px;
}
.bukk_sbox02:after,.bukk_sbox:after {
    content: none !important;
}
.bukk_sbox02 p img {
    width: 100%;
}
.bukk_sbox02 p {
    width: 18%;
    margin-right: 2.5%;
}
.bukk_sbox02 p:last-child {
    margin-right: 0;
}
.bukk_sbox02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
.bukk_sbox02 p img {
    width: 100%;
    height: 170px;
    object-fit: cover;
}
ul.count {
    padding: 0px 0px;
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 20px;
}
.fcount {
    font-style: italic;
    font-weight: bold;
    color: #a32932;
    font-size: 19px;
    letter-spacing: -0.1em;
    padding-right: 10px;
}
.fcount::after {
    border-bottom: 1px solid;
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
}
/*
ul.count li:before {
    content:counter(mycount);
    position: absolute;
    left:0px;
    top:0;
    padding: 0px 9px;
    background-color: #a32932;
    font-weight: bold;
    color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}*/
ul.count li {
    counter-increment: mycount;
    position: relative;
    margin-bottom: 0px;
    font-size: 15px;
    text-indent: -2em;
    padding-left: 50px;
}
ul.count li .fssm {
font-size:14px;
}
.top_service {
	background: url("img/bg_top_service.png") center top;
	padding: 70px;
	margin: 0 -500% 50px;
	padding: 50px 500%;
    margin-top: -20px;
}
.top_service .box_wrap:first-child {
    margin-bottom: 30px;
}
.top_service .three_box .ttl_wrap {
	background:none !important;
    text-align: center;
}
.top_service .three_box .ttl_wrap .ttl::after {
    content: "";
    border-bottom: 1px solid #a32932;
    height: 10px;
    display: block;
    width: 30px;
    margin: 0 auto;
}
.top_service .three_box .ttl {
	font-size:20px !important;
}
.sv_img {
    overflow: hidden;
}
.sv_img p {
    position: relative;
    /* height: 265px; */
    height: 204px;
    transition-duration: 0.3s;
}
.sv_img p:hover {
    transform: scale(1.1);
}
.sv_img p:before {
    content: "";
    position: absolute;
    background: radial-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8));
    transition-duration: 0.3s;
    opacity: 0;
}
.sv_img p:hover::before {
    opacity: 1;
}


#content #main .top_service .three_box img{
height:auto;
    width: 100%;
}
#content #main .top_service .three_box p{
margin:0 !important;
}
.top_service .three_box{
    position:relative;
	margin-bottom: 0 !important;
	border: none !important;
	background:none;
}
.top_service .three_box a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.top_service .three_box a:hover{
background-color:rgba(0,0,0,0.1);
}
.top_btn1 {
    overflow: hidden;
}
.top_btn1 a{
display: block;
    background: url("img/bn_flow.png") center center no-repeat;
    background-size: 100%;
    height: auto;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-size: 28px;
    margin-top: 60px;
    font-weight: bold;
    line-height: 190px;
    color: #fff;
	padding-top: 50px;
}
.top_btn1 p {
    position: relative;
    height: 180px;
    transition-duration: 0.3s;
}
.top_btn1 p:hover {
    transform: scale(1.1);
}
.top_btn1 p:before {
    content: "";
    position: absolute;
    background: radial-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8));
    transition-duration: 0.3s;
    opacity: 0;
}
.top_btn1 p:hover::before {
    opacity: 1;
}



.top_btn2{
margin-top:40px;
}
.top_btn2 .two_box{
border:none;
}
.top_btn2 a {
    font-weight: normal;
    height: 110px;
    line-height: 110px;
    display: block;
    text-align: left;
    text-decoration: none;
    font-size: 20px;
    border: 2px solid #929292;
}
.top_btn2 .property a{
background:url("img/bn_property.png") center center no-repeat;
background-size:100%;
}
.top_btn2 .lease a{
background:url("img/bn_lease.png") center center no-repeat;
background-size:100%;
}
.top_btn2 .property,.top_btn2 .lease {
	overflow:hidden;
}
.top_btn2 .property .property_img,.top_btn2 .lease .lease_img {
    position: relative;
    height:110px;
    transition-duration: 0.3s;
}
.top_btn2 .property .property_img:hover,.top_btn2 .lease .lease_img:hover {
    transform: scale(1.1);
}
.top_btn2 .property .property_img:before,.top_btn2 .lease .lease_img:before {
    content: "";
    position: absolute;
    background: radial-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8));
    transition-duration: 0.3s;
    opacity: 0;
}
.top_btn2 .property .property_img:hover::before,.top_btn2 .lease .lease_img:hover::before {
    opacity: 1;
}

.top_btn2 a span {
    font-size: 26px;
    padding-left: 30px;
    border-bottom: 1px solid;
    position: relative;
	margin-right: 5px;
}
.top_btn2 a span::before {
    content: "";
    display: block;
    width: 30px;
    border-bottom: 1px solid #e81e2d;
    position: absolute;
    bottom: 0;
    margin-bottom: -1px;
}


.top_btn3 a {
    display: block;
    background: url("img/bn_contact.png") top center no-repeat;
    background-size: 100%;
    height: 250px;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-size: 28px;
    margin-top: 20px;
    font-weight: bold;
    line-height: 300px;
    color: #fff;
}
.top_btn3 {
	overflow:hidden;
}
.top_btn3 .btn3_img {
    width: 100%;
}
.top_btn3 .btn3_img {
    position: relative;
    height: 250px;
    transition-duration: 0.3s;
}
.top_btn3 .btn3_img:hover {
    transform: scale(1.1);
}
.top_btn3 .btn3_img:before {
    content: "";
    position: absolute;
    background: radial-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8));
    transition-duration: 0.3s;
    opacity: 0;
}
.top_btn3 .btn3_img:hover::before {
    opacity: 1;
}



.top_btn1 a:hover,
.top_btn2 a:hover,
.top_btn3 a:hover{
opacity:0.80; /* opera  firefox safari */
filter: alpha(opacity=80); /* ie */
-ms-filter: "alpha( opacity=80 )";
}
#content #main .spebox p{
display:inline-block;
}
.aboutbox{
display:inline-block;
width:70%;
}
.aboutpicbox{
display:inline-block;
width:25%;
}
.aboutpicbox img{
width:100%;
height:auto;
}
.box_wrap.about{
justify-content: space-between ;
}
.all_area {
	overflow: hidden;
	}

.all_area div.content_area,
.all_area div.content_area_flow{
background:#fff;
padding:30px 0 0 0;
margin-bottom:30px;
	}

.tab_area li.select,
.tab_area_flow li.select{
	/*アクティブタブの装飾*/
background:#1E3784;color:#fff;
	}

.f_top {
	border-top: 2px dotted #E1E1E1;
	padding-top: 20px;
}
.hide{
display:none;
}
.p_flow.box_wrap {
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.content_area_flow .leftbox,
.content_area_flow .rightbox{
display:inline-block;
}
.content_area_flow .leftbox{
width:55%;
}
.content_area_flow .rightbox{
width:40%;
}
.content_area_flow .rightbox img {
    width: 100%;
}
.title_flow {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.step {
	background-color: #A32932;
	display: inline-block;
	color: #fff;
	margin-right: 10px;
	text-align: center;
	width: 70px;
	font-weight: normal;
	height: 70px;
	padding:10px 15px 20px 15px;
	font-size: 16px;
line-height:24px;
}
.bold {
	font-weight: bold;
}
#content #main p.p_flow {
	margin-bottom: 0;
}
#content #main p.p_flow img {
	margin-top: -80px;
}
#content #main .fa-arrow-down {
	font-size: 35px;
	color: #333;

}
#content #main .bukken_box h2{
background:url("img/bg_title_h2_cat.png") left bottom no-repeat;
text-align:left;
font-size:18px;
}
#content #main h2.bukken_detail{
background:#333;
color:#fff;
font-size:18px;
text-align:left;
position:static;
padding:15px 10px;
}
#content #main h3.bukken_detail{
background:url("img/bg_title_h2_cat.png") left bottom no-repeat;
text-align:left;
font-size:18px;
}
.telbox {
	margin: 10px 0;
}
.telbox .box_wrap {
align-items:center;
justify-content:center ;
}
.telbox .telnumber{
font-size:32px;
}
.telbox .telnumber strong{
font-size:45px;
}
#content #main .telbox p,
#content #main .telbox img{
margin:0;
}

.telbox img {
    width: 100%;
}




.eyecatch_box::before {
    background: url("img/bg_eyecatch_top.png") no-repeat left top;
    height: 50px;
    content: "";
    display: block;
}
.eyecatch_box::after {
    visibility: visible !important;
    height: 50px !important;
    background: url("img/bg_eyecatch_btm.png") no-repeat right bottom;
	content: "" !important;
}
.eyecatch_box .inr {
    background: url("img/img_eyecatch.png") no-repeat right center;
    margin: 0 40px;
}

/*▼トップの下*/
.eyecatch_box.eyecatch_bottom .inr {
    background: url(img/president-g.png) no-repeat left top;
    /* margin: 0 40px; */
    margin: 0 20px;
    background-size: 240px;
}

.tokucho {
    border: 10px solid #d3d5d6;
    background: url("img/bg_tokucho_h1.png") center top no-repeat;
	margin: 70px auto;
}
.tokucho h1 {
    padding-top: 35px !important;
}
.tokucho h1:before {
	background:none !important;
}
.tokucho h1:after {
	background:none !important;
}

.kodo {
    border: 10px solid #d3d5d6;
    /* background: url(img/bg_tokucho_h1.png) center top no-repeat; */
    margin: 0 auto 40px auto;
    padding: 20px;
}






.news {
    margin-top: 70px;
    margin-bottom: 70px;
	display: flex;
}

.news .two_box {
	border:none;
    background: #f8f8f8;
}

.news .two_box .ttl_wrap {
    background: #fff;
    text-align: left;
}

.news .two_box .ttl {
    font-size: 20px !important;
	padding-left: 0;
}

.news .newsblog {
    padding: 40px 40px 1px;
}

.news .newsblog a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.news .btn_news {
    float: right;
    font-size: 14px;
    font-weight: normal;
    padding-top: 5px;
}

.news .btn_news a {
    text-decoration: none;
	position: relative;
}

.news .btn_news a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.news .btn_news a::before {
    content: " \f054";
    font-family: FontAwesome;
    color: #ccc;
    position: absolute;
    left: -20px;
    top: -5px;
}

.news ul.newsblog .datetxt {
    display: inline-block;
    width: auto;
    color: #a32932;
    float: none;
    margin-bottom: 0;
    padding-bottom: 10px;
	font-size: 90%;
}

.news ul.newsblog a .newsblog_title {
    display: block;
    padding-left: 0;
    border-bottom: #ccc solid 1px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.cat_name {
    float: right;
    font-size: 80%;
    padding: 0 10px;
    background: #a32932;
    color: #fff;
}

.info .cat_name {
    background-color: #252525;
}

.news ul.newsblog li {
	margin-bottom:20px;
}

.news ul.newsblog li:last-child a .newsblog_title {
	border-bottom:none;
}




.torikumi_box {
    border: 5px solid #EFEAEA;
    padding: 5px 25px 15px;
    margin-bottom: 25px;
}

.torikumi_box h4 {
    background: url("img/bg_title_h2_cat.png") left bottom no-repeat !important;
    text-align: left !important;
}







.companyinfo .four_box {
    width: calc((100% - 0px) / 4);
    margin: 0;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: none !important;
    border-color: #cacaca;
}
.companyinfo .four_box:nth-child(4n) {
    margin:0;
}
.companyinfo .four_box:first-child {
    border-left: 1px solid #cacaca !important;
}
.companyinfo .sv_img {
    overflow: hidden;
    height: 190px;
}
.companyinfo .sv_img img {
    width: 100%;
	height: 100%;
}
.companyinfo h2 {
    margin: 0 !important;
    background: none !important;
    font-size: 20px !important;
    padding: 20px 10px !important;
    line-height: 1.2 !important;
}
.companyinfo .sv_txt {
    text-align: center;
}

.companyinfo .sv_txt p {
    text-align: left;
    line-height: 1.4;
}

.companyinfo .sv_txt a {
    display: inline-block;
	text-decoration: none;
}

.companyinfo .sv_txt a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


#content #main .kasou-c-info h2 {
    font-size: 18px !IMPORTANT;
}





.fudosan {
    padding: 30px 0 0;
	overflow: hidden;
}

.fudosan .homes,.fudosan .suumo,.fudosan .ttbangkok,.fudosan .insta,.fudosan .twitter,.fudosan .facebook,
.fudosan .tiktok{
    float: left;
}

.fudosan .twitter,.fudosan .suumo,.fudosan .insta,.fudosan .homes{
    margin-right: 10px;
}

.fudosan .ttbangkok,.fudosan .homes,.fudosan .suumo,
.fudosan .twitter,
.fudosan .tiktok{
    padding-top: 10px;
}

.fudosan a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

.fudosan img {
    border: 1px solid #d2d2d2;
}

#side .links img {
width:100%;
height:auto;
}

#side .sns {
    text-align: center;
	margin: 0 0 20px 0;
}

#side .sns img {
    width: 60px;
    margin: 0 5px;
}

#footer .sns {
    text-align: left;
    padding-top: 15px;
    overflow: hidden;
    display: inline-block;
}

#footer .sns img {
    width: 60px;
    margin: 0 5px 0 0;
}

#footer .sns a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

#footer .linksnswrap {
	width:330px;
}

#footer .links {
    float: right;
    padding-top: 15px;
}

#footer .links img {
    width: 160px;
    height: auto;
    padding-top: 15px;
}




img.wp-image-1195 {
    width: 34%;
	height: auto;
}



.page-id-12 .spebox {
    width: 66%;
}

.wp-image-1097 {
    width: 30%;
    height: auto;
}





.fix_bn {
    position: fixed;
    z-index: 100;
    bottom: 0;
    background: white;
    padding: 5px 0;
	width: 100%;
}
.fix_bn ul {
    width: 320px;
    margin: 0 auto;
	text-align: center;
}
.fix_bn ul li {
    display: inline-block;
}
.fix_bn ul li:last-child {
	margin-right:0;
}
.fix_bn ul li img {
    border: 1px solid #d2d2d2;
	height: 31px;
}
.fix_bn ul li .icon {
	width:auto;
}

.contact_bnr{
	padding: 50px 0 0;
}
.contact_bnr img{width: 100%;}
.recruit-s-img {
    margin-bottom: 60px;
}

.recruit-s-txt .txt {
    padding: 30px;
}
.recruit-s-txt {
    margin-bottom: 70px;
}

.recruit-s-other ul {
    display: flex;
    justify-content: space-between;
}

.recruit-s-other img {
    max-width: 100%;
}

.recruit-s-other ul li {
    width: 32%;
}
/* 座談会*/
.flex-4 {
    display: flex;
    justify-content: space-between;
	margin-bottom: 50px;
}

.flex-4 .cont {
    width: 24%;
    box-shadow: 5px 5px 0px #0002;
    padding: 5px;
    margin-bottom: 15px;
    border: 1px solid;
}

.flex-4 .cont .txt {
    padding: 10px;
}
.discussion-box {
    border: 1px solid #aaa;
    padding: 0 30px;
    margin-bottom: 80px;
}

#content #main  .discussion-box h3.h4-discus {
    background: no-repeat;
    text-align: left;
    position: relative;
    margin: 30px 0;
    padding: 0 0 0 65px;
}

#content #main .discussion-box h3.h4-discus:before {
    content: "";
    height: 1px;
    width: 50px;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}#main div.flex-4:after {
    content: none;
}
/*eof 座談会*/
/*企業情報*/
.informationbox figure {
    width: 35%;
}

.informationbox {
    display: flex;
    justify-content: space-between;
}

.informationbox .txt {
    width: 60%;
}

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

.informationbox table th {
    white-space: nowrap;
}

a.linkmap {
    background: #a32932;
    width: auto;
    height: auto;
    margin-bottom: 20px;
    color: white !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 10px 50px 10px 30px;
    position: relative;
    text-align: left;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    min-width: 250px;
    font-weight: bold;
	transition: 0.5s;
}a.linkmap:hover {
    background: #000;
}

a.linkmap:before {
    content: "";
    background: url(https://next-life-agent.com/recruit/wp-content/themes/standard_black_cmspro/img/brank.webp);
    height: 20px;
    width: 20px;
    position: absolute;
    background-size: cover;
    right: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
}.philosophy {
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
}.philosophy p {
    text-shadow: 3px 3px 3px #0003;
    font-family: math;
    font-size: 50px;
}
/*eof企業情報*/
/*データでみる企業*/
.flex-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex-2 .cont {
    border: 1px solid;
    box-shadow: 5px 5px 0 #aaa;
    width: 48%;
    padding: 0 20px;
    margin-bottom: 30px;
}

.flex-2 .cont figure {
    margin-bottom: 10px;
}

#main div.flex-2:after {
    content: none;
}
/* フォーム幅の調整 */
.field_wrap {
  font-family: 'Noto Sans JP', sans-serif;
  width: 100%;
  display: table;
  margin-bottom: 30px;
}
.field_wrap.first { margin-top: 30px; }

.field_name {
  display: table-cell;
  width: 200px;
  padding: 0 0 30px 30px;
  font-weight: bold;
  border-bottom: 2px solid #666;
  color: #555;
  vertical-align: middle;
}

.field {
  display: table-cell;
  padding: 0 0 30px 30px;
  border-bottom: 2px solid #ddd;
}
.field_name label { font-weight: bold; }

#main div.field_name.require::after,
#main div.field_name.any::after {
  display: inline-block;
  font-size: 10px;
  line-height: normal;
  border-radius: 2px;
  padding: 0 6px 1px;
  margin: 0 0 0 10px;
  position: relative;
  bottom: 2px;
  visibility: visible;
  height: auto;
}

#main div.field_name.require::after {
  content: "必須";
  color: #ee6354;
  border: 1px solid #ee6354;
}

#main div.field_name.any::after {
  content: "任意";
  color: #999;
  border: 1px solid #999;
}
#main div.field_wrap::after { content: none; }
input.wpcf7-form-control.wpcf7-submit.has-spinner:disabled {
    background: #d3d5d6;
    width: auto;
    height: auto;
    margin-bottom: 20px;
    color: #020202 !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 10px 100px 10px 100px;
    position: relative;
    text-align: justify;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}span.req {
    color: #ee6354;
    border: 1px solid #ee6354;
    display: inline-block;
    font-size: 10px;
    line-height: normal;
    border-radius: 2px;
    padding: 0 6px 1px;
    margin: 0 0 0 10px;
    position: relative;
    bottom: 2px;
    visibility: visible;
    height: auto;
    font-weight: bold;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #a32932;
    width: auto;
    height: auto;
    margin-bottom: 20px;
    color: white !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 10px 100px 10px 100px;
    position: relative;
    text-align: justify;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}
/*eof*/
.post_rec-cont {
    border: 1px solid;
    margin: 0 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding: 20px 20px 0;
    box-shadow: 5px 5px #a32632;
}
#content #main .post_rec-cont h3 {
    background: no-repeat;
    text-align: left;
    margin: 0 0 10px;
    padding: 0 15px;
    font-size: 20px;
    border-bottom: 5px solid #eee;
}
.post_rec-cont .posttitle {
    width: 75%;
}

.post_rec-cont:after {
    content: none !important;
}
.post_rec-cont .posttitle table,.post_rec-cont .posttitle table th,.post_rec-cont .posttitle table td {
    border: none;
    padding: 5px;
    background: none;
}
.single-requirements-tab th {
    width: 20%;
}
.post_rec-cont .posttitle table th {
    width: 20%;
}

.post_rec-cont .posttitle table td {
    width: 80%;
}#content  article#main.single-requirementsbox {
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto;
}

#content article#main.single-requirementsbox .post_rec-cont {
    width: 32%;
    display: block;
    margin: 0 2% 2% 0;
    text-align: center;
}

#content article#main.single-requirementsbox .post_rec-cont:nth-child(3n) {
    margin-right: 0;
}

#content article#main.single-requirementsbox .post_rec-cont .posttitle {
    width: 100%;
}

#content article#main.single-requirementsbox .post_rec-cont .posttitle th {
    width: 30%;
}

#content article#main.single-requirementsbox .post_rec-cont p {
    text-align: center;
}

#content article#main.single-requirementsbox .post_rec-cont p a {
    margin: 0 auto;
}

#content article#main.single-requirementsbox .post_rec-cont a {display: inline-block;margin: 0 auto 20px;}

#content article#main.single-requirementsbox .post_rec-cont td,#content article#main.single-requirementsbox .post_rec-cont th {
    text-align: left;
}
.post-interview-cont .posttitle{
    display: flex;
    justify-content: space-between;
}.post-interview-cont  figure {
    width: 35%;
}

.post-interview-cont img {
    max-width: 100%;
}
#content #main .post-interview-cont .txt h3 {
    margin: 0 0 10px;
    text-align: left;
    font-size: 16px;
    background: none;
    border-bottom: 1px solid #aaa;
    height: auto;
}

.post-interview-cont .txt {
    width: 60%;
    position: relative;
}

.post-interview-cont .posttitle:after {
    content: none !important;
}

.post-interview-cont {
    margin-bottom: 50px;
    border: 1px solid;
    justify-content: space-between;
    align-items: end;
    padding: 20px 20px 0;
    box-shadow: 5px 5px #a32632;
    overflow: hidden;
}
.post-interview-cont .txt a.btn-round2 {
    float: right;
    transition: 0.5s;
}#content #main .post-interview-cont h2 {
    background: none;
    text-align: left;
    padding: 0 0 5px;
    margin: 0 0 20px;
    border-bottom: 1px solid #a32632;
}

 input.contactinput{
	height: 30px;
    line-height: 2;
    margin: 10px auto;
    border: 1px solid #d8d8d8;
    width: 80%;
    padding: 10px;
}

.contactfile{
	margin-bottom: 20px;
}

.confirmbtn{
	background: #a32932;
    width: auto;
    height: auto;
    margin-bottom: 20px;
    color: white !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 10px 100px 10px 100px;
    position: relative;
    text-align: justify;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    border: none;
    margin:10px auto;
    line-height: 2;
    cursor: pointer;
}

.confirmbtn:hover{
	opacity: 0.6;
}

.backbtn{
	background: #cccccc;
    width: auto;
    height: auto;
    margin-bottom: 20px;
    color: #333333 !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 10px 100px 10px 100px;
    position: relative;
    text-align: justify;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    border: none;
    margin:10px auto;
    line-height: 2;
    margin-right: 20px;
    cursor: pointer;
}

.wpcf7-submit{
	cursor: pointer;
}

.wpcf7-submit:hover{
	opacity: 0.6;
}

.backbtn:hover{
	opacity: 0.6;
}

.btn_flex1{
	display: flex;
	justify-content: center;
}

.wpcf7-spinner {

    display: none !important;
}

.page-id-203 .wpcf7 form.sent .wpcf7-response-output {
    border: none !important;
}
/******************************
★ Media Queries タブレット・スマフォ表示の設定(1000px以下で読み込むcss)
******************************************************************************************************************************/



@media screen and (max-width: 1000px) {
.bx-wrapper .bx-pager {
  padding-top: 10px!important;
}

.page-id-1790 .alignright,.page-id-1832 .alignright,.page-id-1809 .alignright,.page-id-1842 .alignright{
float:right !important;
margin: 0 0 20px 30px;
}

.page-id-1832 #content iframe,.page-id-1809 #content iframe,.page-id-1842 #content iframe{
	height:300px !important;
}

.tdstyle5 {
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: center;
	background-color:#f5f5f5;
	font-weight:bold;
	vertical-align: middle;
	width:30% !important;
	display:table-cell !important;
}

.tdstyle6 {
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: left;
	display:table-cell !important;
	width: auto !important;
}

.tdstyle7 {
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: center;
	background-color:#a32932;
	font-size:18px;
	font-weight:bold;
	vertical-align: middle;
	color:#ffffff;
	display:table-cell !important;
}

.fs18{
	font-size:18px !important;
}

.tdstyle8 {
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: center;
	background-color:#f5f5f5;
	font-weight:bold;
	vertical-align: middle;
	display:table-cell !important;
	width : calc(100% / 3) !important;
}

.tdstyle9 {
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: center;
	vertical-align: middle;
	width : calc(100% / 3) !important;
	display:table-cell !important;
}

.w10{
	width:10% !important;
}

.w15{
	width:15% !important;
}

.w20{
	width:20% !important;
}

.w30{
	width:30% !important;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	min-width: 320px;
	overflow-x: hidden;
}
.wrapper {
	z-index: 10;
	width: 100%;
	padding-top: 50px;
}
.wrapper_head, #header {
	margin: 0px auto;
	padding: 0;
	width: 100%;
	z-index: 1000;
	position: relative;
}
#header .header_l img {
	margin: 10px 0 0 10px;
	width: 180px;/*スマホ ロゴの横幅*/
	height: auto;
}
body, .home {/* 背景画像を非表示にしています */
	background: none;
	background-color: #fff;
}

.headnav, #footermenu {/* tel画像、フッターメニューを非表示にしています */
	display: none;
}
#submain .h1wrap {
	width: auto;
}
#content #side {

display: none;
/*
	display: block;
	margin: 20px auto 0 auto;
	float: none;
	width: 90%;
*/
}
#content #side h3 {
	width: 100%;
}
#content #side ul.menu{
	width: 100%;
}
#content #side ul.menu li:last-child{
	border-bottom:none;
}
#side .fudosan{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
#side .fudosan a{
	width: 48%;
	margin: 5px;
}
#header.fixed {
/*  top:auto;メニュー戻り時ズレ防止 */
}
#header.fixed .header_l img {
	display: block;
}
#content #main,
.page-id-2 #content #main{
	/*width: 100%;*/
	float: none;
	display: block;
	/*margin: 0;*/
	padding: 0 10px;
}
#ibox {
    /*height: 400px !important;*/
    /*margin-bottom:30px;*/
    /* height: auto;*/
}
#ibox img {
    /* width: 100%; */
    /* height: auto; */
    /* margin: 0; */
    /* position: relative; */
    left: 0;
	right: inherit;
    /*max-width: 90%;*/
}

#submain img {
	top: -250px;
}
.page-id-66 #submain img {
	top: -180px;
}
#content img, #content iframe {
	max-width: 100%;
	height: auto;
}
#content {
	width: auto;
	padding: 20px 0 50px;
}
#pan {
	width: auto;
	margin-left: 10px;
}
#content .sec {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.mobile_only {/* モバイルにだけ表示させたいものに使用する */
	display: block;
}
.pc_only {/* pcにだけ表示させたいものに使用する */
	display: none;
}
/* ヘッダー */

.header_l img {
	width: auto;
	margin-top: 20px;/* スマフォlogo.pngの余白調整 */
	margin-left: 10px;/* スマフォlogo.pngの余白調整 */
	height: 15px;/* スマフォlogo.png高さの半分のサイズ */
}
#imagebox3 {
	margin-bottom: 0px;
}
#pc_button {
	display: none;
}
#mobile_button {
	display: block;
	position: absolute;
	top: 3px;
	right: 0;
	background-color: transparent;
	height: 50px;
	width: 50px;
	padding: 2px 10px 0 12px;
}
#mobile_button .menutxt {
	/* font-size: 10px; */
	text-decoration: none;
	position: relative;
	border: none;
	display: block;
}
#mobile_button .menutxt svg {
	width: 28px;
	height: auto;
}
#mobile_button .menutxt svg path {
	fill: #A32831;
}
.lineswrap {
	height: 20px;
}
#mobile_button .lines {
	background: #A32831;
	display: inline-block;
	width: 28px;
	height: 3px;
	position: relative;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#mobile_button .lines:after, #mobile_button .lines:before {
	background: #A32831;
	position: absolute;
	display: inline-block;
	width: 28px;
	height: 3px;
	content: '';
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#mobile_button .lines:before {
	top: 8px;
	right: 0;
}
#mobile_button .lines:after {
	top: -8px;
	right: 0px;
}
#mobile_button a.xclose {
	display: block;
	position: relative;
	height: auto;
	padding: 10px 0;
	margin-top: 6px;
	z-index: 1020;
	cursor: pointer;
}
#mobile_button .xclose .menutxt {
	display: none;
}
#mobile_button .xclose .lines {
	background: 0 0;
}
#mobile_button .xclose .lines:before {
	top: -14px;
	right: 0px;
	transform: rotate3d(0, 0, 1, 45deg);
	-o-transform: rotate3d(0, 0, 1, 45deg);
	-ms-transform: rotate3d(0, 0, 1, 45deg);
	-moz-transform: rotate3d(0, 0, 1, 45deg);
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
#mobile_button .xclose .lines:after {
	top: -14px;
	right: 0px;
	transform: rotate3d(0, 0, 1, -45deg);
	-o-transform: rotate3d(0, 0, 1, -45deg);
	-ms-transform: rotate3d(0, 0, 1, -45deg);
	-moz-transform: rotate3d(0, 0, 1, -45deg);
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
a#sidr-menu-button {
	display: block;
	height: auto;
	text-decoration: none;
}
#mobile_main {
	display: inline-block;
}
#mobile_main img {
	max-width: 100%;
}
#header {
	background: none;
	margin-top: 0;
	height: 50px;
	background-color: #fff;
    box-shadow: 3px 0px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 0px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 3px 0px 3px rgba(0,0,0,0.2);
	-o-box-shadow: 3px 0px 3px rgba(0,0,0,0.2);
	-ms-box-shadow: 3px 0px 3px rgba(0,0,0,0.2);
	position: fixed;
}
#header .header_l {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
/* ハンバーガーボタン */


#panel-btn {
	display: inline-block;
	position: relative;
	width: 50px;
	height: 50px;
	/*  margin: 20px 0 10px;*/
	background: #fff;
}
#panel-btn:hover {
	background: #fafafa;
}
#panel-btn-icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 4px;
	margin: -2px 0 0 -15px;
	background: #666;
	transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 30px;
	height: 4px;
	background: #666;
	transition: .3s;
}
#panel-btn-icon:before {
	margin-top: -10px;
}
#panel-btn-icon:after {
	margin-top: 6px;
}
#panel-btn .close {
	background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after {
	margin-top: 0;
}
#panel-btn .close:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
#panel-btn .close:after {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
/* モバイル用のメニュー */


#panel {
	display: none;
	top: 50px;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 40px;
	width: 100%;
	height: 100%;
	right: 0;
	position: absolute;
	z-index: 5;
}
#panel li a {
	text-decoration: none;
	font-size: 87%;
	line-height: 1.3;
	padding: 10px 15px;
	border-radius: 5px;
	color: white;
	width: 220px;
	display: block;
	margin: 0 auto 12px;
	font-weight: bold;
}
#panel .menu_list1 li a {/* 固定ページのリスト部分 */
	background-color: #393871;
}
#panel .menu_list2 li a {/* 投稿カテゴリのリスト部分 */
	background-color: #ccc;
	color: #333;
}
/* メイン画像　下層画像 */
#imagebox img {
	max-width: 100%;
}
#imagebox {
	margin: 0;
	text-align: center;
	height: auto;
}
#imagebox3 img {
	max-width: 80%;
	height: auto;
}
#imagebox3 {
	margin: 0;
	padding-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}
.imagebox_p {
	width: 60%;
	padding: 50px 0 0 0;
	height: 50%;
}
#base #bg #imagebox3 h1 {
	font-size: 40px;
	margin-bottom: 30px;
	line-height: 20px;
	color: #566278;
}
#base #bg #imagebox3 h1 .fs {
	font-size: 25px;
}
.imagebox_p span.c_2 {
	font-size: 20px;
}
.imagebox_p span.c_3 {
	font-size: 18px;
}
#imagebox2 {
	padding: 15px 10px 10px 10px;
	font-size: 125%;
	background-size: cover;
	height: auto;
	background-position: 50% 50%;
	line-height: 1.3;
}
/* 見出し */

#content #main h2.singletitle, #content #main h2.title, #content #main h2, #content #main h3, #content #main h4 {
	height: 100%;
	line-height: 1.2;
}
#content #main h2 {
	line-height: 1.5;
	margin-top: 30px;
}
/* フッター（サイド） */

#mobile_side {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.side_area img {
	display: block;
	margin: 0 auto;
}
#mobile_side .side_area h3 {
	width: 100%;
}
/* テーブル */

.tablestyle {
	border-collapse: collapse;
	width: 100% !important;
	border-top: 1px solid #d2d2d2;
}
.tablestyle td {
	display: block;
	width: 100%;
}
/* 固定ページ */

.alignright, .alignleft, .alignnone {
	float: none;
	display: block;
	margin: 10px auto;
}
.alignright.pc_only, .alignleft.pc_only, .alignnone.pc_only { /* caption分岐の際、余白防止 */
	display: none;
}
/* コンタクトフォーム */

textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
}
.wpcf7-text {
	width: 90%;
}
.k-year .wpcf7-form-control {/*年号のテキスト*/
	width: 5rem;
}
.wpcf7 td {/* フォームの行を縦に並べる */
	display: block;
	width: 100%;
	font-weight: bold;
}
.wpcf7 .tdstyle {/* フォームの項目を左寄せ */
	text-align: left;
}
/* 電話番号タップ */

#mobile_tel {
	display: block;
	position: fixed;
	z-index: 1;
	bottom: 0;
	width: 100%;
	padding: 10px 0 5px 0;
	background-color: rgba(0, 0, 0, 0.75);
	text-align: center;
}
.mobile_tel_inner {
	width: 80%;
	margin: 0 auto;
	border-radius: 5px;
	padding: 2px;
	background: #fff;
}
.tel_name {
	padding: 5px 0;
	font-weight: bold;
	color: #333;
}
.tel_btn {
	display: block;
	border-radius: 5px;
	font-size: 150%;
	font-weight: bold;
	padding-top: 5px;
	background: #1e5799;
	background: -moz-linear-gradient(top, #1e5799 0%, #46a1e2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #46a1e2));
	background: -webkit-linear-gradient(top, #1e5799 0%, #46a1e2 100%);
	background: -o-linear-gradient(top, #1e5799 0%, #46a1e2 100%);
	background: -ms-linear-gradient(top, #1e5799 0%, #46a1e2 100%);
	background: linear-gradient(to bottom, #1e5799 0%, #46a1e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#46a1e2', GradientType=0 );
}
.tel_btn a {
	color: #fff;
	text-decoration: none;
}
/*------------------------------------------------------
オプション用スタイル　目次

(1)スライダー
--------------------------------------------------------*/
.simplegallery {
	margin: 0 auto;
	width: 100%;
	margin-bottom: 30px;
	padding-top: 10px;
}
/*------------------------------------------------------
(1)スライダー
--------------------------------------------------------*/
/*メイン画像マージン*/
.bx-wrapper {
	margin: 0 auto 0px;
}
/*メイン画像に内余白をつける*/
.bx-wrapper .bx-viewport {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
/*サムネイル*/
#bx-pager {
	background-color: #●●●;/*サムネイル枠背景色*/
	background-image: url(img/bg_sliderthum.png);/*サムネイル枠背景画像*/
	/*▲どちらか一方を残しもう一方は削除▲*/

	padding: 12px 90px;
	margin-bottom: 20px;
}
#bx-pager a.last {
	margin-right: 0;
}
/*サムネイル通常時*/
#bx-pager a img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#bx-pager a {
	display: block;
	float: left;
	margin-right: 21px;
	border: 1px solid #E1E1E3;
}
/*メインで表示されている画像に対応するサムネイル*/
#bx-pager a.active img {
	opacity: 1;
	filter: alpha(opacity=100);
}
#bx-pager a.active {
	border: 1px solid #f00;
}
/*ページ読み込み時に一瞬main2,main3がちらつくのを防ぐ*/
.img2 {
	display: none;
}
.img2.show {
	display: block;
}
.header_tel {
	display: none;
}
#pagetop {
	display: none;
}
#header.fixed {
	width: 100%;
	height: 50px;
}
.footer_btm_wrap {
	/*width: 290px;*/
	float: none;
    width: auto;
}
.footer_com {
}
#logo_footer {
	float: none;
	display: inline-block;
}
#footer .footer_tel p {
	width: 100%;
	text-align: center;
}
p.cinfo {
	text-align: center;
	display: block;
}
p.urls {
	text-align: center;
	display: block;
}
#footer .footer_btm {
	width: 100%;
	text-align: center;
}
.footer_btm {
	margin-bottom: 10px;
}
#copyright {
	text-align: center;
    padding-bottom: 80px;
}
a.link, a.link2 {
	width: 40%;
}
.cd0, .cd1, .cd2, .cd3 {
	padding: 20px 0 20px;
}
/* ページ内スライド制御 */
.sliderbox {
	float: none;
	width: 100%;
	margin-left: 0;
}
/*clearfixと組み合わせて使用*/
.six_four_r,.six_four_l,.seven_three_r,.seven_three_l {
  width: 80%;
  float: none;
  margin: 0 auto;
}





.top_service {
  padding: 20px 500% 50px;
}
.top_btn1 a {
	margin-top:0;
}
.top_btn2 {
    margin-top: 20px;
    margin-bottom: 0;
}
.top_btn2 a {
font-size:19px;
}

.top_btn3 a {
    height: 210px;
	line-height: 240px;
}
.top_btn3 .btn3_img {
	height:auto;
}
.action h1 {
    padding-top: 10px !important;
}



.eyecatch_box .rightbox {
    width: 76%;
}


#footer .sns {
    text-align: center;
}
#footer .linksnswrap {
    width: auto;
}
#footer .links {
  float:none;
}
.fudosan {
    width: 330px;
    margin: 0 auto;
}

img.wp-image-1195 {
    width: auto;
}


.spebox {
    width: auto;
}

.page-id-12 .spebox {
    width: 100%;
    text-align: center;
}

.wp-image-1097 {
    width: auto;
}



.footer_com {
    padding-bottom: 10px;
}

#content #main .flex-2 h4 {
    height: auto;
}
	#content  article#main.single-requirementsbox {
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto;
    justify-content: space-between;
}#content article#main.single-requirementsbox .post_rec-cont {
    width: 48%;
    display: block;
    margin: 0 0 4%;
    text-align: center;
}
	
	
}/*end*/




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

.eyecatch_box .leftbox,.eyecatch_box .rightbox, .page-id-2 .eyecatch_box .rightbox {
    width: 100%;
    float: none;
}



.eyecatch_box .inr {
    background: url(img/img_eyecatch2.png) no-repeat right bottom !important;
    padding-bottom: 150px;
    background-size: 50% auto !important;
	margin: 0 20px;
}
.eyecatch_box.eyecatch_bottom .inr {
    background: url(img/president-g.png) no-repeat center top !important;
    padding-bottom: 0px;
    padding-top: 92vw;
    margin: 0 10px;
    background-size: 80% !important;
}
.eyecatch_box.eyecatch_bottom.ecpre .inr {
    background: url(img/president-g.png) no-repeat center top !important;
    padding-bottom: 0px;
    padding-top: 65vw;
    margin: 0 10px;
    background-size: 60% !important;
}
#content #main .eyecatch_box p.ttl {
    font-size: 17px;
    font-weight: bold;
    margin: 40px 0 40px 0px;
    background: url(img/bg_eyecatch.png) left bottom no-repeat;
    padding-bottom: 10px;
}

.eyecatch_box.ecpre .rightbox {
    padding: 0;
}

.sv_img p {
    height: 200px;
}

.news .newsblog {
    padding: 30px 20px 0;
}



.fudosan img {
    width: 100%;
}
#side .fudosan{
	width: 100%;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
#side .fudosan img{
	width: auto;
}
	

}



/******************************
★ Media Queries スマフォ表示の設定(599px以下で読み込むcss)
******************************************************************************************************************************/
@media screen and (max-width: 599px) {
#content #main {
	font-size: 13px;
}
#content #main h1.singletitle, #content #main h1, h1 {
	font-size: 24px;
	padding-top: 70px;
}
#content #main h2 {
	font-size: 20px;
}
#content #main h3 {
	font-size: 16px;
}
#content #main h3.spe{
	font-size: 16px;
}
#ibox .vbg {
    /*background: url(img/video_bg_sp.png) left bottom no-repeat;*/
    background-size: contain;
}
#ibox {
    /*height: 350px !important;*/
    /* height: auto;*/
margin-bottom:0;
}
.ibox_p {
	height: 300px;
}
.ibox_p h1 {
	font-size: 20px;
}


/*キャッチを画像にする場合*/
#submain {
	height: 120px;
}
#submain img {
	top: -150px;
}
.page-id-66 #submain img {
	top: -80px;
}
#submain .h1wrap {
	margin: 0;
	text-align: center;
}
#submain h1 {
    margin-top: 35px;
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 35px;
}
.three_box p {
	font-size: 14px;
}
.footer_tel {
	padding: 10px 0;
}
.f_telbtn {
	display: block;
}
#content #side {display: none;}

#logo_footer {
	float: none;
	text-align: center;
	display: inline-block;
}
.footer_com {
    padding-top: 10px;
}
#footer .footer_btm {
	margin-bottom: 0px;
}
.footer_btm_wrap {
	margin-top: 0px;
	float: none;
	/*padding-top: 25px;*/
	width: auto;
}
.telnum {
	display: none;
}
#imagebox3 {
	clear: both;
	z-index: 2;
	text-align: center;
	height: 200px;
	background-color: #f6f7fa;
	padding-top: 20px;
	margin-bottom: 0px;
	/* background-position: bottom center; */
	background-position: center;
	/*background-image: url("img/dot_black.png"),url("img/main_bg2.jpg");*/
	background-image: url("img/main_bg2.jpg");
	position: relative;
}
.imagebox_p {
	width: 95%;
	height: 60%;
	padding-top: 20px;
}
#base #bg #imagebox3 h1 {
	font-size: 22px;
	margin-bottom: 10px;
	line-height: 12px;
}
#base #bg #imagebox3 h1 .fs {
	font-size: 16px;
}
.imagebox_p span.c_2 {
	font-size: 13px;
	letter-spacing: -0.5px;
}
.imagebox_p span.c_3 {
	font-size: 18px;
}
.imagebox_p p {
	line-height: 1.3;
	font-size: 14px;
	margin-bottom: 0;
}
.footer_tel {
	height: auto;
	line-height: normal;
}
.footer_tel p {
	line-height: 45px;
}
.imagebox_p span.c_2 {
	font-size: 15px;
	line-height: 1.3;
}
.imagebox_p span.c_3 {
	font-size: 15px;
	line-height: 1.3;
}
#footer .footer_tel p {
	background-color: #303030;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: normal;
}
#logo_footer img {
	margin-top: 40px;
}
.rightbox, .leftbox {
	float: none;
}
.two_box,.three_box,.four_box {
  width: 100%;
  float: none;
  margin: 0 auto;
}
a.link, a.link2 {
	width: 90%;
}
.eyecatch_box{
	display: block;
border-width:4px;
}
.eyecatch_box .leftbox,
.eyecatch_box .rightbox,
.page-id-2 .eyecatch_box .rightbox{
	width: 100%;
	float:none;
}

.eyecatch_box .ttl_wrap {
	width:100%;
}
.eyecatch_box .ttl_wrap,
.eyecatch_box .txt_wrap {
	display: block;
}
.two_box {
	margin: 0 0 15px 0;
}
.three_box,
.three_box:nth-child(3n-1),
.four_box{
    margin: 0 0 15px 0;
}
.three_box.boxsp {
    margin: inherit;
margin-bottom:0;
}

#content #main .top_service .three_box img{
    width: initial;
}

ul.newsblog{
width:100%;
}
ul.newsblog .datetxt,
ul.newsblog a .newsblog_title{
width:100%;
float:none;
margin-bottom:10px;
padding-bottom:10px;
}
ul.newsblog .datetxt{
padding-bottom:0;
}
ul.newsblog a .newsblog_title{
padding-left:0;
}
.page-id-12 ul.count {
    padding: 0;
}
.page-id-12 ul.count li {
    font-size: 14px;
}
ul.count {
padding:0 20px;
margin-bottom:20px;
}
ul.count li {
    counter-increment:mycount;
    position: relative;
    margin-bottom: 10px;
font-size:17px;
text-indent: -2.5em;
    padding-left: 40px;
    line-height: 2em;
}
ul.count li .fssm {
font-size:13px;
}
ul.count li:before {
    padding: 0px 8px;
}
.top_btn1 a,
.top_btn2,
.top_btn3 a {
    margin-top: 0;
}
.top_service .box_wrap:first-child {
    margin-bottom: 0;
}
.top_btn1 a,
.top_btn2 a,
.top_btn3 a {
    font-size: 20px;
}
.box_wrap.top_btn2{
    margin-bottom: 0;
}
#content #main .top_btn1 p {
    margin-bottom: 15px;
}
.top_btn3 a {
    height:90px;
    background-size: 100%;
    line-height: 100px;
    margin: 20px 0 0;
	padding-top: 5px;
}
#footer {
    margin-top: 20px;
}
.box_wrap.about {
display:block;
}
.aboutbox,
.aboutpicbox {
    display: block;
    width: 100%;
}
.sq1 {
    display: block;
    padding: 20px 20px 0 20px;
}
img.wp-image-893{/*代表写真*/
float:right;
width:30%;
margin:0 0 10px 10px;
}
.telbox .telnumber{
font-size:24px;
}
.telbox .telnumber strong{
font-size:30px;
}




.eyecatch_box .inr {
    background-size: 100% auto !important;
}

.top_service .inr {
    display: inline-block;
}
.sv_img p {
    height: 270px;
}
.top_btn1 a {
    background-size: 130%;
    line-height: 80px;
    padding-top: 30px;
}
.top_btn1 p {
	height:auto;
}
.top_btn1 a, .top_btn2 a, .top_btn3 a {
    font-size: 18px;
}
.top_btn2 a {
    height: 80px;
    line-height: 80px;
    padding-left: 2%;
}
.top_btn2 .property .property_img, .top_btn2 .lease .lease_img {
    height: 90px;
}
.top_btn2 .two_box {
	margin:0;
}
.top_btn2 a span {
    font-size: 18px;
    padding-left: 10px;
}

.sp_only {
    display: block;
}




.news {
    margin-top: 30px;
    margin-bottom: 30px;
    display: block;

}

.news .newsblog {
    padding: 25px 20px 0;
}

.news .two_box:last-child {
    margin-top: 30px;
}



.companyinfo .four_box {
    width: 50%;
    margin-bottom: 20px;
}
.companyinfo .sv_img {
    height: 160px;
}
.companyinfo.kasou-c-info .sv_img {
    height: 310px;
}
.companyinfo .four_box:nth-child(3n) {
    margin-bottom: 0;
}

.companyinfo .sv_txt {
   /* padding: 0 20px; */
    padding: 0 20px 10px;
}



.companyinfo .four_box:nth-child(3) {
    border-left: 1px solid #cacaca !important;
}

.content_area_flow .leftbox{
width:100%;
}
.content_area_flow .rightbox{
width:100%;
}

#content #main .bukken_box img {
    float: none;
}

.bukken-img {
    width: 100%;
    text-align: center;
}

.bukken-txt {
    width: 100%;
}

.bukk_sbox01 {
    width: 100%;
}
.bukk_madori {
    text-align: center;
}
.bukk_madori img {
    max-width: 100%;
    height: auto;
}


.page-id-1790 .alignright,.page-id-1832 .alignright,.page-id-1809 .alignright,.page-id-1842 .alignright{
float:none !important;
margin: 10px auto !important;
}

.page-id-1832 #content iframe,.page-id-1809 #content iframe,.page-id-1842 #content iframe{
	height:300px !important;
}

.tdstyle5 {
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: center;
	background-color:#f5f5f5;
	font-weight:bold;
	vertical-align: middle;
	width:30% !important;
	display:table-cell !important;
}

.tdstyle6 {
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: left;
	display:table-cell !important;
	width: auto !important;
}

.tdstyle7 {
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: center;
	background-color:#a32932;
	font-size:18px;
	font-weight:bold;
	vertical-align: middle;
	color:#ffffff;
	display:table-cell !important;
}

.fs18{
	font-size:18px !important;
}

.tdstyle8 {
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: center;
	background-color:#f5f5f5;
	font-weight:bold;
	vertical-align: middle;
	display:table-cell !important;
	width : calc(100% / 3) !important;
}

.tdstyle9 {
    border: 1px solid #d2d2d2;
	padding: 8px 10px;
	text-align: center;
	vertical-align: middle;
	width : calc(100% / 3) !important;
	display:table-cell !important;
}

.w10{
	width:10% !important;
}

.w15{
	width:15% !important;
}

.w20{
	width:20% !important;
}

.w30{
	width:30% !important;
}
.recruit-s-other ul {
    flex-wrap: wrap;
}

.recruit-s-other ul li {
    width: 100%;
    margin-bottom: 10px;
}	
/*座談会*/
#content #main  .discussion-box h3.h4-discus {
    padding: 0 0 0 40px;
    line-height: 1.5;
}#content #main .discussion-box h3.h4-discus:before {
    content: "";
    height: 1px;
    width: 25px;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}.flex-4 {
    flex-wrap: wrap;
}.flex-4 .cont {
    width: 48%;
}

.flex-4 .cont figure img {
    margin: 0;
}
.informationbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}.informationbox figure {
    width: 100%;
    margin-bottom: 20px;
}a.linkmap {
    min-width: 100%;
}.informationbox .txt {
    width: 100%;
}.philosophy p {
    text-shadow: 3px 3px 3px #0003;
    font-family: math;
    font-size: 32px;
}.flex-2 .cont {
    border: 1px solid;
    box-shadow: 5px 5px 0 #aaa;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 30px;
}#content article#main.single-requirementsbox .post_rec-cont {
    width: 100%;
    display: block;
    margin: 0 0 4%;
    text-align: center;
}#content article#main.single-requirementsbox .post_rec-cont td, #content article#main.single-requirementsbox .post_rec-cont th {
    text-align: left;
    font-size: 12px;
}.post_rec-cont {
    flex-wrap: wrap;
}.post_rec-cont .posttitle table, .post_rec-cont .posttitle table th, .post_rec-cont .posttitle table td {
    margin: 0 0 10px;
}.post_rec-cont .posttitle {
    width: 100%;
}.post_rec-cont a {
    margin: 0 auto 20px;
}.post-interview-cont .posttitle {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}.post-interview-cont  figure {
    width: 100%;
}.post-interview-cont .txt {
    width: 100%;
    position: relative;
}
	
	
	
}/*max-599 end*/


/*2020 4 20*/
.index-section{
padding-bottom: 60px;
}
.index-bnr-box{
text-align: center;
}

.ul-blocklink{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}

.ul-blocklink .li-blocklink{
	position: relative;
	width: 240px;
	height: 205px;
	cursor: pointer;
	overflow: hidden;
	border: 1px solid #ccc;
}
.ul-blocklink .li-blocklink:hover{
	opacity: .7;
}
.ul-blocklink .li-blocklink:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.ul-blocklink .li-blocklink a{
	z-index: 2;
	position: relative;
	width: 100%;
	text-align: center;
	display: block;
 	background-color: rgba(255,255,255,.8);
 	text-decoration: none;
 	color: #993333;
 	font-weight: 900;
	font-size: 18px;
	line-height: 1;
	padding: 5px 0;
	top:calc(50% - 20px);
}
.ul-blocklink .li-blocklink a span{
	display: block;
	text-align:center;
	font-size: 14px;
	color: #333;
	padding-top: 5px;
}
.ul-blocklink .li-blocklink:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.ul-blocklink .bk-shinjyuku:after {
	background-image: url('https://next-life-agent.com/wp-content/themes/standard_black_cmspro/img/bg_sinjyuku.png');
}
.ul-blocklink .bk-nakano:after {
	background-image: url('https://next-life-agent.com/wp-content/themes/standard_black_cmspro/img/bg_nakano.png');
}
.ul-blocklink .bk-suginami:after {
	background-image: url('https://next-life-agent.com/wp-content/themes/standard_black_cmspro/img/bg_suginami.png');
}
@media screen and (max-width: 1000px){
.ul-blocklink .li-blocklink{
	width: 32%;
}
.ul-blocklink .li-blocklink a span{
	font-size: 13px;
}
}
@media screen and (max-width: 599px){
.ul-blocklink{
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column ;
width: 100%;
}
.ul-blocklink .li-blocklink{
width: 30%;
width: 310px;
margin: 0 auto 30px auto;
}
.ul-blocklink .li-blocklink:last-child{
	margin-bottom: 0px;
}
}


/*リクルートページ TOPページレイアウト*/
.subtitle span{
	display: block;
	font-size: 14px;
	color:#a52933;
}
.hero-image{
	width: 100%;
	text-align: center;
	background-color:#a52933;
}
.hero-image img{
	max-width: 100%;
	height: auto;
}
.section-blocks{
margin-bottom: 8em;
}

.newpost-list li{
	display: flex;
	flex-wrap: wrap;
	font-size: 18px;
	line-height: 1.5;
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #333;
}
.newpost-list li:first-of-type{
	border-top: 1px dotted #333;
}
.newpost-list span{
	width: 170px;
}
.newpost-list a{
	width: calc(100% - 170px);
}
@media screen and (max-width: 599px) {
	.newpost-list span,
	.newpost-list a{
		width:100%;
	}
	.newpost-list span{
		margin-bottom: 5px;
	}
}


.flex-info__balance{
	max-width: 900px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 2%;
}
.flex-info__balance li{
width: calc((100% / 3) - 20px);
}

.flex-info__balance li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    background-color: #a52933;
    border-radius: 50%;
    text-decoration: none;
    font-size: 2em;
    color: #fff;
    font-weight: 600;
    transition: 0.5s;
}.flex-info__balance li a:hover {
    opacity: 0.8;
}
@media screen and (max-width: 760px) {
	.flex-info__balance {
    gap: 15px 0;
    justify-content: space-around;
}
	.flex-info__balance li {
    width: 45vw;
}.flex-info__balance li a {
    font-size: 20px;
}
}
/*親要素を超えて表示したい子要素コンテンツ*/
.contentOver-box{
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}

/*トップテキスト装飾*/
#content #main h3.top-info__title{
	padding-bottom: .5em;
	margin-bottom: .5em;
}
.top-info__tell{
	font-size: 20px;
	text-align: center;
	font-weight: 600;
}
.top-info__tell > span{
	font-size: 16px;
}
/*Swiper*/
.swiper-slide01{
	position: relative;
}
.swiper-slide {
	opacity: 0.3;
	transition: opacity 0.3s;
}
.swiper-slide a:hover{
	opacity: 1;
}
.swiper-slide-active {
	opacity: 1;
	transition: opacity 0.3s;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top:calc(50% - 20px)!important;
    width: 40px!important;
    height: 40px!important;
    margin-top:0px!important;
	background-color:rgba(255,255,255,.5);
	border-radius: 40px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next::after, .swiper-button-prev::after{
	display: none!important;
}
.swiper-button-next{
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%23a52933%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%2215.58%208.6%2015.58%2013.09%2023.03%2020.54%2015.58%2027.99%2015.58%2032.49%2027.53%2020.54%2015.58%208.6%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3C%2Fsvg%3E');
}
.swiper-button-prev{
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%23a52933%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%2224.42%2031.4%2024.42%2026.91%2016.97%2019.46%2024.42%2012.01%2024.42%207.51%2012.47%2019.46%2024.42%2031.4%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2240%22%20height%3D%2240%22%20transform%3D%22translate(40%2040)%20rotate(180)%22%2F%3E%3C%2Fsvg%3E');
}
/*リンクボタンの装飾*/
.link-area{
	width: 100%;
	text-align: center;
}
.btn-round__large{
	width: 80%;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	background-color:#a52933;
	display: inline-block;
	padding: 15px 20px;
	border-radius: 1000px;
	text-decoration: none;
	color: #fff!important;
	transition: .3s;
}
.btn-round__large:hover{
	opacity: .5;
}

.btn-roundline__large{
	width: 80%;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	background-color:#fff;
	display: inline-block;
	padding: 15px 20px;
	border:2px solid #a52933;
	border-radius: 1000px;
	text-decoration: none;
	color: #a52933!important;
	transition: .3s;
}
.btn-roundline__large:hover{
	opacity: .5;
}