@charset "UTF-8";



/* 追加CSS start */
.spOnly{ display: none; }
.pcOnly{ display: block; }


/*================== 全ページ共通 ==================*/

.section{
	margin-bottom:50px;
}
#wrapper > section{
	margin-bottom:100px;
}
.container{
	width:1200px;
	margin:0 auto;
}
.end_text{
	text-align:right;
}





/*------------ #title_banner --------------*/
section#title_benner{
	position:relative;
	margin-bottom:145px;
}
 #title_benner .container{
	width:100%;
	height:258px;
}
 #title_benner .container .breadlist{
	padding:5px 0;
	font-size:10px;
	color:#fff;
	width:1200px;
	margin:0 auto;
}
 #title_benner .container .breadlist .pack{
	margin:0 auto;
	background-color:rgba(0,0,0,0.1);
	display:inline-block;
	padding:10px 20px;
	margin-top:50px;
	position:relative;
	left:-56px;
}
 #title_benner .container .breadlist a{
	text-decoration:underline;
	padding-right:25px;
	background:rgba(0, 0, 0, 0) url("../images/common/breadlist_arrow.png") no-repeat scroll right 9px center / 5px auto;
	color:#fff;
}
 #title_benner .tit_main span.tit_en{
	font-family: 'Montserrat', sans-serif;
	font-size:55px;
	display:block;
	line-height:1em;
}
 #title_benner .tit_main span.halfStyle{
	margin:0 -6px;
}
.halfStyle{
	position: relative;
	display: inline-block;
	overflow: hidden;
	white-space: pre;
	color: #ddd;
}
.halfStyle:before {
	display: block;
	z-index: 1;
	position: absolute;
	top: 0;
	height:50%;
	content: attr(data-content);
	pointer-events: none;
	overflow: hidden;
	color: #fff;
}
#title_benner.tit_white .halfStyle::before{
	color:#666;
}
#title_benner.tit_white .tit_main{
	color:#000;
}

section.left_box .tit_sub,
section.left_box2 .tit_sub,
section.left_box3 .tit_sub,
section.right_box .tit_sub,
section.right_box2 .tit_sub,
section.right_box3 .tit_sub{
	color:#252525;
	font-size:20px;
	text-align:left;
	padding-bottom:10px;
	margin-bottom:20px;
	font-family: "ヒラギノ角ゴ W6 JIS2004";
}

/*------------ 背景色変更 --------------*/

/*---- .left_box ----*/
section.left_box.pickup {
	background: #FDEBEB;
}

/*---- .left_box2 ----*/
section.left_box2.pickup {
	background: #FDEBEB none repeat scroll 0 0;
}
section.left_box2.pickup::before {
	background: #FDEBEB none repeat scroll 0 0;
}
section.left_box2.pickup .container .case.fl_l::after {
	background: #fbd4d4 none repeat scroll 0 0;
}

/*---- .left_box3 ----*/
section.left_box3.pickup .container {
	background: #FDEBEB none repeat scroll 0 0;
}
section.left_box3.pickup .container::before {
	background: #FDEBEB none repeat scroll 0 0;
}
section.left_box3.pickup .container .case.fl_l {
	background: #FDEBEB none repeat scroll 0 0;
}
section.left_box3.pickup .container .case.fl_l::after {
	background: #fbd4d4 none repeat scroll 0 0;
}

/*---- .right_box ----*/
section.right_box.pickup {
	background: #FDEBEB;
}
section.right_box.pickup::after {
	color: #fbd4d4;
}

/*---- .right_box2 ----*/
section.right_box2.pickup {
	background: #FDEBEB none repeat scroll 0 0;
}
section.right_box2.pickup::before {
	background: #FDEBEB none repeat scroll 0 0;
}
section.right_box2.pickup .container .case.fl_r::after {
	background: #fbd4d4 none repeat scroll 0 0;
}

/*---- .right_box3 ----*/
section.right_box3.pickup {
	background: #FDEBEB none repeat scroll 0 0;
}
section.right_box3.pickup .container {
	background: #FDEBEB none repeat scroll 0 0;
}
section.right_box3.pickup .container::before {
	background: #FDEBEB none repeat scroll 0 0;
}
section.right_box3.pickup .container .case.fl_r::after {
	background: #fbd4d4 none repeat scroll 0 0;
}









/*------------ .left_box --------------*/
section.left_box{
	margin-bottom: 150px;
}
.left_box {
	background: #f3f6fa;
	position: relative;
	/*margin-bottom:0;*/
}
.left_box > a {
	bottom: -30px;
	position: absolute;
	right: 20%;
	z-index: 999;
}
.left_box .container {
	bottom: 55px;
	margin: 0 auto;
	position: relative;
	width: 1200px;
	min-width:1200px;
}
.left_box::before {
	background: #fff none repeat scroll 0 0;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	width: 25%;
}
.left_box .container .case.fl_l {
	width: 46%;
}
.left_box .container .case.fl_r {
	width: 53%;
}
.left_box .case.fl_r img:nth-of-type(1) {
  display: block;
  float: left;
  left: 20px;
  position: relative;
  top: 0;
  width: 47%;
}
.left_box .case.fl_r img:nth-of-type(2) {
  float: right;
  position: relative;
  top: 0;
  width: 45%;
}
.left_box .case.fl_r p {
  clear: both;
  padding: 0 0 0 20px;
	font-size:14px;
}
.left_box .tit_sub{
	clear:both;
	padding:18px 0 10px 20px;
}
.left_box .tit_sub:before{
	left:20px;
}

.left_box div.BTN {margin: 18px 0 8px; text-align:right;}
.left_box div.BTN>a {
	background: #fff url("../images/common/ico_arrow_01.png") no-repeat scroll right 20px center;
	background-size:6px auto;
	border: 1px solid #333;
	display: inline-block;
	font-weight: bold;
	padding: 13px 60px;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	text-decoration: none;
}
.left_box div.BTN>a:hover {
	color: #fff;
	background: #333 url("../images/common/ico_arrow_02.png") no-repeat scroll right 10px center;
	background-size:6px auto;
	transition: 0.3s ease-in-out;
}






/*------------ .left_box2 --------------*/
.left_box2 {
	background: #f4f5f8 none repeat scroll 0 0;
	padding: 100px 0;
	position: relative;
	margin-bottom:100px;
}

.left_box2::before {
	background: #f4f5f8 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 75%;
	position: absolute;
	right: 0;
	width: 40%;
}
.left_box2 .container {
	background: #fff none repeat scroll 0 0;
	width: 100%;
}


.left_box2 .container .case.fl_l {
	padding: 30px 30px 40px;
	width:53%;
	position:relative;
}
.left_box2 .container .case.fl_r{
	max-width: 510px;
	position: absolute;
	left: 54%;
	top: 70px;
	transform: none;
	z-index: 2;
}
.left_box2 .container .case.fl_l .item {
	text-align:center;
	max-width:600px;
	float:right;
}
.left_box2 .container .case.fl_l .item a {
  margin: 20px 0;
	color:#fff;
}
.left_box2 .tit_sec {
  margin-bottom: 15px;
  text-align: left;
}
.left_box2 p {
  margin-bottom: 20px;
  text-align: left;
}
.left_box2 .container .case.fl_l::after {
	background: #e9ebf0 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 170px;
	position: absolute;
	right: -565px;
	top: 200px;
	width: 220px;
	z-index: 1;
}

.left_box2 div.BTN {margin: 0px 0 8px; text-align:right; color: #000;}

/*
.left_box2 div.BTN>a {
	background: #fff url("../images/common/ico_arrow_01.png") no-repeat scroll right 20px center;
	background-size:6px auto;
	border: 1px solid ;
	display: inline-block;
	font-weight: bold;
	padding: 13px 60px;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	text-decoration: none;
}
.left_box2 div.BTN>a:hover {
	color: #fff;
	background: #333 url("../images/common/ico_arrow_02.png") no-repeat scroll right 10px center;
	background-size:6px auto;
	transition: 0.3s ease-in-out;
}
*/

.left_box2 .container .case.fl_l .item div.BTN>a {
	color: #333;
	background: #fff url("../images/common/ico_arrow_01.png") no-repeat scroll right 20px center;
	background-size:6px auto;
	border: 1px solid ;
	display: inline-block;
	font-weight: bold;
	padding: 13px 60px;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	text-decoration: none;
}

.left_box2 .container .case.fl_l .item div.BTN>a:hover {
	color: #fff;
	background: #333 url("../images/common/ico_arrow_02.png") no-repeat scroll right 10px center;
	background-size:6px auto;
	transition: 0.3s ease-in-out;
}





/*------------ .left_box3 --------------*/
.left_box3 {
	background: #fff none repeat scroll 0 0;
	position: relative;
	margin-bottom: 150px;
}
.left_box3::before {
	background: #fff none repeat scroll 0 0;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	width: 40%;
}
.left_box3 .container {
	background: #f8f8f8 none repeat scroll 0 0;
	width: 1300px;
	overflow:visible;
}
.left_box3 .container::after {
	clear: both;
	content: "";
	display: table;
}
.left_box3 .container::before {
	background: #f8f8f8 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 39%;
}
.left_box3 .container .case.fl_l {
	background: #f8f8f8 none repeat scroll 0 0;
	padding: 30px 30px 40px;
	position: relative;
	width: 54%;
}
.left_box3 .container .case.fl_r {
  max-width: 510px;
  position: absolute;
  left: 54%;
  top: -30px;
	z-index: 2;
  transform: none;
}
.left_box3 .container .case.fl_l .item {
	text-align:left;
	max-width:600px;
	float:right;
}
.left_box3 .container .case.fl_l .item p {
	text-align:left;
}
.left_box3 .container .case.fl_l .item a {
  margin: 20px 0;
	color:#fff;
}
.left_box3 .tit_sec {
  margin-bottom: 15px;
  text-align: left;
}
.left_box3 p {
  margin-bottom: 20px;
  text-align: left;
}
.left_box3 .container .case.fl_l::after {
	background: #e9ebf0 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 170px;
	position: absolute;
	right: -578px;
	top: 200px;
	width: 220px;
	z-index: 1;
}

.left_box3 div.BTN {margin: 0px 0 8px; text-align:right; color: #000;}
.left_box3 div.BTN>a {
	background: #fff url("../images/common/ico_arrow_01.png") no-repeat scroll right 20px center;
	background-size:6px auto;
	border: 1px solid #333;
	display: inline-block;
	font-weight: bold;
	padding: 13px 60px;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	text-decoration: none;
}
.left_box3 div.BTN>a:hover {
	color: #fff;
	background: #333 url("../images/common/ico_arrow_02.png") no-repeat scroll right 10px center;
	background-size:6px auto;
	transition: 0.3s ease-in-out;
}





/*------------ .right_box --------------*/
.right_box {
	background: #f3f6fa;
	position: relative;
	margin-bottom:150px;
}
.right_box > a {
	bottom: -30px;
	position: absolute;
	left: 20%;
	z-index: 999;
}
.right_box .container {
	bottom: 55px;
	margin: 0 auto;
	position: relative;
	width: 1200px;
	min-width:1200px;
}
.right_box::after {
	color: #e5e8ed;
/*	content: "ABOUT US";*/
	display: block;
	font-size: 50px;
	right: 20px;
	position: absolute;
	top: 15px;
	font-family: 'Montserrat', sans-serif;
}
.right_box::before {
	background: #fff none repeat scroll 0 0;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	width: 25%;
}
.right_box .container .case.fl_r {
	width: 46%;
}
.right_box .container .case.fl_l {
	width: 53%;
}
.right_box .case.fl_l img:nth-of-type(1) {
	display: block;
	float: left;
	position: relative;
	top: 0;
	width: 47%;
}
.right_box .case.fl_l img:nth-of-type(2) {
	float: right;
	position: relative;
	top: 0;
	width: 45%;
	right: 20px;
}
.right_box .case.fl_l p {
	clear: both;
	padding: 0 20px 0 0;
	font-size:14px;
}
.right_box .tit_sub{
	clear:both;
	padding:18px 20px 10px 0;
}

.right_box div.BTN {margin: 18px 18px 8px 0; text-align:right;}
.right_box div.BTN>a {
	background: #fff url("../images/common/ico_arrow_01.png") no-repeat scroll right 20px center;
	background-size:6px auto;
	border: 1px solid #333;
	display: inline-block;
	font-weight: bold;
	padding: 13px 60px;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	text-decoration: none;
}
.right_box div.BTN>a:hover {
	color: #fff;
	background: #333 url("../images/common/ico_arrow_02.png") no-repeat scroll right 10px center;
	background-size:6px auto;
	transition: 0.3s ease-in-out;
}






/*------------ .right_box2 --------------*/
.right_box2 {
	background: #f4f5f8 none repeat scroll 0 0;
	padding: 100px 0;
	position: relative;
	margin-bottom:100px;
}
.right_box2::before {
	background: #f4f5f8 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 75%;
	position: absolute;
	left: 0;
	width: 40%;
}
.right_box2 .container {
	background: #fff none repeat scroll 0 0;
	width: 100%;
}
.right_box2 .container .case.fl_r {
	padding: 30px 30px 40px;
	width:53%;
	position: relative;
}
.right_box2 .container .case.fl_l {
	max-width: 510px;
	position: absolute;
	right: 54%;
	top: 70px;
	transform: none;
	z-index: 2;
}
.right_box2 .container .case.fl_r .item {
	max-width: 600px;
	text-align:center;
}
.right_box2 .container .case.fl_r .item a {
	margin: 20px 0;
	color:#fff;
}
.right_box2 .tit_sec {
	margin-bottom: 15px;
	text-align: left;
}
.right_box2 p {
	margin-bottom: 20px;
	text-align: left;
}
.right_box2 .container .case.fl_r::after {
	background: #e9ebf0 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 170px;
	left: -565px;
	position: absolute;
	top: 200px;
	width: 220px;
	z-index: 1;
}

.right_box2 div.BTN {margin: 8px 0px 8px 0; text-align:right; max-width: 600px;}
.right_box2 div.BTN>a {
	background: #fff url("../images/common/ico_arrow_01.png") no-repeat scroll right 20px center;
	background-size:6px auto;
	border: 1px solid #333;
	display: inline-block;
	font-weight: bold;
	padding: 13px 60px;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	color:#252525;
	text-decoration: none;
}
.right_box2 div.BTN>a:hover {
	color: #fff;
	background: #333 url("../images/common/ico_arrow_02.png") no-repeat scroll right 10px center;
	background-size:6px auto;
	transition: 0.3s ease-in-out;
}






/*------------ .right_box3 --------------*/
.right_box3 {
	background: #fff none repeat scroll 0 0;
	/*padding: 100px 0 100px;*/
	position: relative;
	margin-bottom: 150px;
}

.right_box3::before {
	background: #fff none repeat scroll 0 0;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	width: 40%;
}
.right_box3 .container {
	background: #f4f5f8 none repeat scroll 0 0;
	width: 1300px;
	overflow:visible;
}
.right_box3 .container::after {
	clear: both;
	content: "";
	display: table;
}
.right_box3 .container::before {
	background: #f4f5f8 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 39%;
}
.right_box3 .container .case.fl_r {
	padding: 30px 30px 40px;
	width:54%;
	position: relative;
}
.right_box3 .container .case.fl_l {
  max-width: 510px;
  position: absolute;
  right: 54%;
  top: -30px;
	z-index: 2;
  transform: none;
}
.right_box3 .container .case.fl_r .item {
	max-width: 600px;
	text-align:center;
}
.right_box3 .container .case.fl_r .item a {
  margin: 20px 0;
	color:#fff;
}
.right_box3 .tit_sec {
  margin-bottom: 15px;
  text-align: left;
}
.right_box3 p {
  margin-bottom: 20px;
  text-align: left;
}
.right_box3 p strong,
.left_box3 p strong{
  margin-bottom: 20px;
  text-align: left;
  font-family: "ヒラギノ角ゴ W6 JIS2004";
}
.right_box3 .container .case.fl_r::after {
	background: #e9ebf0 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 170px;
	left: -578px;
	position: absolute;
	top: 200px;
	width: 220px;
	z-index: 1;
}

.right_box3 div.BTN {margin: 8px 0px 8px 0; text-align:right; max-width: 600px;}
.right_box3 div.BTN>a {
	background: #fff url("../images/common/ico_arrow_01.png") no-repeat scroll right 20px center;
	background-size:6px auto;
	border: 1px solid #333;
	display: inline-block;
	font-weight: bold;
	padding: 13px 60px;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	color:#252525;
	text-decoration: none;
}
.right_box3 div.BTN>a:hover {
	color: #fff;
	background: #333 url("../images/common/ico_arrow_02.png") no-repeat scroll right 10px center;
	background-size:6px auto;
	transition: 0.3s ease-in-out;
}



.right_box2 .case,.right_box3 .case,.left_box2 .case, .left_box3 .case{
	transform:none!important;
	transition:none!important;
}






/*--- #contents_box ---*/

#contents_box {
	text-align: center;
	margin-bottom:0;
	padding: 100px 0;
	position: relative;
}
#contents_box .tit_sec{
	margin-bottom:0px;
	padding:20px 0;
	font-size:23px;
	}
#contents_box .tit_sec span{
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	display:block;
	color:#ccc;
	font-weight:normal;
}
#contents_box::after {
	color: #e5e8ed;
/*	content: "PROPERTY";*/
	display: block;
	font-size: 46px;
	left: 20px;
	position: absolute;
	top: 40px;
	font-family: 'Montserrat', sans-serif;
}
#contents_box::before {
	color: #e5e8ed;
/*	content: "INFORMATION";*/
	display: block;
	font-size: 46px;
	left: 20px;
	position: absolute;
	top: 87px;
	font-family: 'Montserrat', sans-serif;
}

#contents_box .container {
	width: 100%;
}
#contents_box .container{
	max-width:1200px !important;
	position: relative;
	margin: 0 auto 30px;
	padding: 0;
	*zoom: 1;
}



#contents_box ul.contents li {
	box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
	min-height: 285px;
	margin: 1% ;
	top: 0;
	width:22%;
	box-sizing:border-box;
	display:inline-block;
}
#contents_box ul.contents li:hover {
	box-shadow: none;
	transition: none;
}
#contents_box ul.contents li>a {
	text-decoration: none;
}
#contents_box ul.contents li a:hover{
	opacity:0.7;
}
#contents_box ul.contents li h3 {
	padding: 8px 0 4px;
	text-align: center;
}
#contents_box ul.contents li p {
	font-size: 14px;
	padding: 0 10px;
	text-align: left;
}



#contents_box ul.picts li {
	min-height: 285px;
	margin: 1% ;
	top: 0;
	width:22%;
	box-sizing:border-box;
	display:inline-block;

	border:1px solid #396;
}
#contents_box ul.pictss li:hover {
	box-shadow: none;
	transition: none;
}
#contents_box ul.pictss li>a {
	text-decoration: none;
}
#contents_box ul.picts li a:hover{
	opacity:0.7;
}
#contents_box ul.picts li h3 {
	padding: 8px 0 4px;
	text-align: center;
}
#contents_box ul.picts li p {
	font-size: 14px;
	padding: 0 10px;
	text-align: left;
}



#contents_box .contents .bx-controls-auto {
	position: absolute;
	width: 100%;
}
#contents_box div.BTN {
    margin: 8px 0px 8px 0;
    text-align: center;
}
#contents_box div.BTN>a {
	background: #fff url("../images/common/ico_arrow_01.png") no-repeat scroll right 20px center;
	background-size:6px auto;
	border: 1px solid #333;
	display: inline-block;
	font-weight: bold;
	padding: 13px 60px;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	color:#252525;
	text-decoration: none;
}
#contents_box div.BTN>a:hover {
	color: #fff;
	background: #333 url("../images/common/ico_arrow_02.png") no-repeat scroll right 10px center;
	background-size:6px auto;
	transition: 0.3s ease-in-out;
}
/*--- #contents_box2 ---*/

#contents_box2 {
	text-align: center;
	margin-bottom:0;
	padding: 100px 0;
	position: relative;
}

section#contents_box2 h3{
	color:#333;
	font-size:135%;
	padding-bottom:10px;
	margin-bottom:20px;
	font-family: "ヒラギノ角ゴ W6 JIS2004";
}

section#contents_box2 h4{
	color:#333;
	font-size:105%;
	padding-bottom:8px;
	margin-bottom:8px;
	font-family: "ヒラギノ角ゴ W6 JIS2004";
}

#contents_box2 .tit_sec{
	margin-bottom:0px;
	padding:20px 0;
	font-size:23px;
	}

#contents_box2 .tit_secS{
	margin-bottom:0px;
	padding:20px 0;
	font-size:18px;
	}

#contents_box2 .tit_sec span{
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	display:block;
	color:#ccc;
	font-weight:normal;
}
#contents_box2::after {
	color: #e5e8ed;
/*	content: "PROPERTY";*/
	display: block;
	font-size: 46px;
	left: 20px;
	position: absolute;
	top: 40px;
	font-family: 'Montserrat', sans-serif;
}
#contents_box2::before {
	color: #e5e8ed;
/*	content: "INFORMATION";*/
	display: block;
	font-size: 46px;
	left: 20px;
	position: absolute;
	top: 87px;
	font-family: 'Montserrat', sans-serif;
}

#contents_box2 .container {
	width: 100%;
}
#contents_box2 .container{
	max-width:1200px !important;
	position: relative;
	margin: 0 auto 30px;
	padding: 0;
	*zoom: 1;
}




#contents_box2 ul.contents li {
	box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
	margin: 1% ;
	top: 0;
	width:22%;
	box-sizing:border-box;
	display:inline-block;
}
#contents_box2 ul.contents li:hover {
	box-shadow: none;
	transition: none;
}
#contents_box2 ul.contents li>a {
	text-decoration: none;
}
#contents_box2 ul.contents li a:hover{
	opacity:0.7;
}
#contents_box2 ul.contentsl li h3 {
	padding: 8px 0 4px;
	text-align: center;
}
#contents_box2 ul.contents li p {
	font-size: 14px;
	padding: 0 10px;
	text-align: left;
}




#contents_box2 ul {
	margin:50px 0 50px;
}
#contents_box2 ul.picts li {
	margin: 1% ;
	top: 0;
	width:22%;
	box-sizing:border-box;
	display:inline-block;
	border:1px solid #AABACD;
}
#contents_box2 ul.pics li:hover {
	transition: none;
	border:1px solid #AABACD;
}
#contents_box2 ul.picts li>a {
	text-decoration: none;
	display:block;
	padding:50px 0 36px;
}
#contents_box2 ul.contents li a:hover{
	opacity:0.7;
}
#contents_box2 ul.picts li img.pict {
	max-width:100px;
}
#contents_box2 ul.picts li h3 {
	padding: 12px 15px 8px;
	text-align: center;
	font-size:16px;
	line-height:1.6;
	font-weight:normal;
	color:#005195;
}
/*#contents_box2 ul.picts li p {
	font-size: 16px;
	padding: 0 10px;
	text-align: left;
}*/




#contents_box2 .contents .bx-controls-auto {
	position: absolute;
	width: 100%;
}





#contents_box2 ul {
	margin:50px 0 50px;
}
#contents_box2 ul.contents_tri li {
	margin: 1% ;
	top: 0;
	width:25%;
	box-sizing:border-box;
	display:inline-block;
}
#contents_box2 ul.contents_db li{
	box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
	margin: 1% ;
	top: 0;
	width: 516px;
	height: 295px;
	box-sizing:border-box;
	display:inline-block;
}
#contents_box2 ul.contents_db iframe{
	padding-top: 8px;
}
#contents_box2 ul.contents_tri li:hover,
#contents_box2 ul.contents_db li:hover{
	box-shadow: none;
	transition: none;
}
#contents_box2 ul.contents_tri li>a{
	text-decoration: none;
	display:block;
	padding:50px 0 36px;
}
#contents_box2 ul.contents_tri li a:hover{
	opacity:0.7;
}
#contents_box2 ul.contents_tri li h3 {
	padding: 8px 0 4px;
	text-align: center;
}
#contents_box2 ul.contents_tri li p {
	font-size: 14px;
	padding: 0 10px;
	text-align: left;
}






#contents_box2 ul.picts_tri li {
	border:1px solid #AABACD;
	margin: 1% ;
	top: 0;
	width:25%;
	box-sizing:border-box;
	display:inline-block;
}
#contents_box2 ul.picts_tri li:hover,
#contents_box2 ul.picts_db li:hover{
	box-shadow: none;
	transition: none;
}
#contents_box2 ul.picts_tri li>a{
	text-decoration: none;
	display:block;
	padding:50px 0 36px;
}
#contents_box2 ul.picts_tri li a:hover{
	opacity:0.7;
}
#contents_box2 ul.picts_tri li img.pict {
	max-width:100px;
}
#contents_box2 ul.picts_tri li h3 {
	padding: 8px 10px 4px;
	text-align: center;
	font-size:16px;
	line-height:1.6;
	font-weight:normal;
	color:#005195;
}
#contents_box2 ul.picts_tri li p {
	font-size: 14px;
	padding: 0 10px;
	text-align: left;
}




#contents_box2 .contents .bx-controls-auto {
	position: absolute;
	width: 100%;
}
#contents_box2 div.BTN {
    margin: 8px 0px 8px 0;
    text-align: center;
}
#contents_box2 div.BTN>a {
	background: #fff url("../images/common/ico_arrow_01.png") no-repeat scroll right 20px center;
	background-size:6px auto;
	border: 1px solid #333;
	display: inline-block;
	font-weight: bold;
	padding: 13px 60px;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	color:#252525;
	text-decoration: none;
}
#contents_box2 div.BTN>a:hover {
	color: #fff;
	background: #333 url("../images/common/ico_arrow_02.png") no-repeat scroll right 10px center;
	background-size:6px auto;
	transition: 0.3s ease-in-out;
}







/*--- #contents_box3 ---*/

#contents_box3 {
	text-align: center;
	margin-bottom:0;
	padding: 60px 0;
	position: relative;
	background:#F4F5F8;
}

section#contents_box3 h3{
	color:#2f3749;
	font-size:135%;
	padding-bottom:10px;
	margin-bottom:20px;
}


#contents_box3 .tit_sec{
	margin-bottom:0px;
	padding:20px 0;
	font-size:23px;
	}

#contents_box3 .tit_secS{
	margin-bottom:0px;
	padding:20px 0;
	font-size:18px;
	}

#contents_box3 .tit_sec span{
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	display:block;
	color:#ccc;
	font-weight:normal;
}
#contents_box3::after {
	color: #e5e8ed;
	display: block;
	font-size: 46px;
	left: 20px;
	position: absolute;
	top: 40px;
	font-family: 'Montserrat', sans-serif;
}
#contents_box3::before {
	color: #e5e8ed;
/*	content: "INFORMATION";*/
	display: block;
	font-size: 46px;
	left: 20px;
	position: absolute;
	top: 87px;
	font-family: 'Montserrat', sans-serif;
}

#contents_box3 .container {
	width: 100%;
}
#contents_box3 .container{
	max-width:1200px !important;
	position: relative;
	margin: 0 auto 30px;
	padding: 0;
	*zoom: 1;
}




#contents_box3 ul.contents li {
	box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
	margin: 1% ;
	top: 0;
	width:22%;
	box-sizing:border-box;
	display:inline-block;
}
#contents_box3 ul.contents li:hover {
	box-shadow: none;
	transition: none;
}
#contents_box3 ul.contents li>a {
	text-decoration: none;
}
#contents_box3 ul.contents li a:hover{
	opacity:0.7;
	}
	#contents_box3 ul.contentsl li h3 {
		padding: 8px 0 4px;
		text-align: center;
	}
	#contents_box3 ul.contents li p {
		font-size: 14px;
		padding: 0 10px;
		text-align: left;
	}




	#contents_box3 .contents .bx-controls-auto {
		position: absolute;
		width: 100%;
	}



	#contents_box3 ul.contents_tri li {
		box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
		margin: 1% ;
		top: 0;
		width:25%;
		box-sizing:border-box;
		display:inline-block;
	}
	#contents_box3 ul.contents_tri li:hover {
		box-shadow: none;
		transition: none;
	}
	#contents_box3 ul.contents_tri li>a {
		text-decoration: none;
	}
	#contents_box3 ul.contents_tri li a:hover{
		opacity:0.7;
	}
	#contents_box3 ul.contents_tri li h3 {
		padding: 8px 0 4px;
		text-align: center;
	}
	#contents_box3 ul.contents_tri li p {
		font-size: 14px;
		padding: 0 10px;
		text-align: left;
	}



#contents_box3 ul{margin:50px 0 50px}
	#contents_box3 ul.picts_tri li {
		border:1px solid #AABACD;
		margin: 1% ;
		top: 0;
		width:25%;
		box-sizing:border-box;
		display:inline-block;
	}
	#contents_box3 ul.picts_tri li:hover,
	#contents_box3 ul.picts_db li:hover{
		box-shadow: none;
		transition: none;
	}
	#contents_box3 ul.picts_tri li>a{
		text-decoration: none;
		display:block;
		padding:50px 0 36px;
	}
	#contents_box3 ul.picts_tri li a:hover{
		opacity:0.7;
	}
	#contents_box3 ul.picts_tri li img.pict {
		max-width:100px;
	}
	#contents_box3 ul.picts_tri li h3 {
		padding: 8px 10px 4px;
		text-align: center;
		font-size:16px;
		line-height:1.6;
		font-weight:normal;
		color:#005195;
	}
	#contents_box3 ul.picts_tri li p {
		font-size: 14px;
		padding: 0 10px;
		text-align: left;
	}




	#contents_box3 .contents .bx-controls-auto {
		position: absolute;
		width: 100%;
	}
	#contents_box3 div.BTN {
	    margin: 8px 0px 8px 0;
	    text-align: center;
	}
	#contents_box3 div.BTN>a {
		background: #fff url("../images/common/ico_arrow_01.png") no-repeat scroll right 20px center;
		background-size:6px auto;
		border: 1px solid #333;
		display: inline-block;
		font-weight: bold;
		padding: 13px 60px;
		box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
		color:#252525;
		text-decoration: none;
	}
	#contents_box3 div.BTN>a:hover {
		color: #fff;
		background: #333 url("../images/common/ico_arrow_02.png") no-repeat scroll right 10px center;
		background-size:6px auto;
		transition: 0.3s ease-in-out;
	}




	/*================== under control ==================*/
	.marginCancel {margin-top:-100px;}






	/*================== reason_page ==================*/
	.reason_box{
		margin-bottom:0;
	}
	#title_benner .container{
		background:rgba(0, 0, 0, 0) url("../images/common/bg_tit_about.jpg") no-repeat scroll center center;
	}
	.right_box3 {
	    margin-bottom: 140px;
	}
	.reason_box .container {
	    padding-bottom: 80px;
	    width: 100%;
	}
	.reason_box .container .item h3 {
    font-size: 125%;
    margin-bottom: 25px;
    position: relative;
		font-family: "ヒラギノ角ゴ W6 JIS2004";
		color:#151515;
}
.reason_box .container .item h3 span {
    color: #2d597b;
    font-size: 155%;
}
.reason_box .container .item > span {
    color: #aaa;
    display: block;
    font-family: "Montserrat",sans-serif;
    font-size: 100%;
    line-height: 1em;
}
.reason_box .container .item > p {
    margin-bottom: 15px;
}

.reason_box .container .item > p > strong {
	font-family: "ヒラギノ角ゴ W6 JIS2004";
	font-size:105%;
	color:#333;
}
.reason_box .container .item > p > strong.tx396 {
	font-family: "ヒラギノ角ゴ W6 JIS2004";
	font-size:105%;
	color:#396;
}


/*BGにイメージを敷いてます
.reason_box #reason_01 {
    background: rgba(0, 0, 0, 0) url("../images/about/bg_reason_03.png") no-repeat scroll left -125px bottom;
}
.reason_box #reason_02 {
    background: rgba(0, 0, 0, 0) url("../images/about/bg_reason_04.png") no-repeat scroll right -125px bottom;
}
.reason_box #reason_03 {
    background: rgba(0, 0, 0, 0) url("../images/about/bg_reason_05.png") no-repeat scroll left -180px bottom -110px;
}
*/

.reason_box #reason_01 .case {
	margin: 0 auto;
	overflow:hidden;
	width: 1100px;
}
.reason_box #reason_01 .case .item.fl_l {
    margin: 0;
    width: 55%;
}
.reason_box #reason_01 .case .item.fl_r {
    padding: 30px 0 0 40px;
    width: 45%;
}
.reason_box #reason_01 .case .item.fl_r h3::after {
    background: #333 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 0;
    width: 115%;
}
.reason_box #reason_01 .case .item.fl_r p {
  padding-right: 30px;
}

.reason_box #reason_02 .case,
.reason_box #reason_06 .case  {
  width: 1200px;
	overflow:hidden;
}
.reason_box #reason_02 .case .item ul li,
.reason_box #reason_06 .case .item ul li {
  float: left;
  width: 33.3333%;
}
.reason_box #reason_02 .case .item ul,
.reason_box #reason_06 .case .item ul {
  overflow: hidden;
}
.reason_box #reason_02 .case .item ul li p,
.reason_box #reason_06 .case .item ul li p  {
  font-family: "Montserrat",sans-serif;
  font-size: 180%;
  padding-left: 10px;
  position: relative;
  top: 12px;
	line-height:1em;
}
.reason_box #reason_02 .case .item ul li p span,
.reason_box #reason_06 .case .item ul li p span {
  color: #666;
  display: inline-block;
  font-family: "ヒラギノUD角ゴ W4 JIS2004","游ゴシック","Yu Gothic","游ゴシック体","YuGothic",Avenir,"Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 50%;
  position: relative;
	bottom: 9px;
}
.reason_box #reason_02 .case .item:last-of-type,
.reason_box #reason_06 .case .item:last-of-type {
    padding-bottom: 20px;
    padding-left: 80px;
    padding-top: 20px;
    position: relative;
    width: 95%;
}
.reason_box #reason_02 .case .item > span {
    position: relative;
    top: 7px;
}
.reason_box #reason_02 .case .item > h3 {
    margin-bottom: 15px;
    position: relative;
}
.reason_box #reason_06 .case .item > h3{
	margin-bottom:15px
}
.reason_box #reason_02 .case .item:last-of-type::after,
.reason_box #reason_06 .case .item:last-of-type::after {
    background: #333 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 153%;
    left: 50px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 1px;
}

.reason_box #reason_03 .case {
    margin: 0 auto;
    width: 1100px;
}
.reason_box #reason_03 .case .item.fl_r {
    margin: 0;
    width: 55%;
}
.reason_box #reason_03 .case .item.fl_l {
	padding: 30px 40px 0 0;
	width: 45%;
	margin:0;
}
.reason_box #reason_03 .case .item.fl_l h3::after {
    background: #333 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    left: -30px;
    width: 115%;
}

.reason_box div.BTN {margin: 18px 0 8px;}
.reason_box div.BTN>a {
	background: #fff url("../images/common/ico_arrow_01.png") no-repeat scroll right 20px center;
	background-size:6px auto;
	border: 1px solid #333;
	display: inline-block;
	font-weight: bold;
	padding: 13px 60px;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
	text-decoration: none;
}
.reason_box div.BTN>a:hover {
	color: #fff;
	background: #333 url("../images/common/ico_arrow_02.png") no-repeat scroll right 10px center;
	background-size:6px auto;
	transition: 0.3s ease-in-out;
}




/*------------ #contact_box --------------*/
#contact_box {
  background: #fdfaf4;
}
#contact_box .container {
	background: #fdfaf4;
  overflow: visible;
  padding: 60px 0;
  width: 80%;
	position: relative;
}
#contact_box .container > span {
	background: #d16160 none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	height: 150px;
	left: 121px;
	padding: 10px;
	position: absolute;
	text-align: center;
	top: -40px;
	transform: rotate(-19deg);
	-webkit-transform:rotate(-19deg);
	width: 150px;
}
#contact_box .container > span > span {
	position: relative;
	top: 35px;
}
#contact_box .container > span::before {
	bottom: -3px;
	content: url("../images/common/ico_arrow_05.png");
	display: block;
	position: absolute;
	right: 10px;
	transform: rotate(-104deg);
	-webkit-transform:rotate(-104deg);
}
#contact_box .container h2 {
	margin-bottom: 25px;
	text-align:center;
	font-size:30px;
}
#contact_box .container ul {
  margin: 0 auto;
	text-align:center;
	max-width:1200px;
	background:none;
}
#contact_box .container ul li {
	background: #fff url("../images/common/ico_arrow_07.png") no-repeat  right 5px bottom 5px;
	background-size:10px auto;
	border: 4px solid #7f0909;
	display: inline-block;
	height: 200px;
	margin: 0 10px;
	text-align: center;
	vertical-align: top;
	width: 30%;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
}
#contact_box .container ul li a {
	display: block;
	padding: 33px 0;
}
#contact_box .container ul li img {
  height: auto;
  margin-bottom: 10px;
  width: 41px;
}
#contact_box .container ul li h3 {
	font-size: 24px;
	margin-bottom: 10px;
	color:#7f0909;
}
#contact_box .container ul li.contact_inner img {
	bottom: 7px;
	margin-bottom: 4px;
	position: relative;
	width: 48px;
}
#contact_box .container ul li.consultation_inner {
  border: 4px solid #578e43;
  background: #fff url("../images/common/ico_arrow_08.png") no-repeat right 5px bottom 5px;
	background-size:10px auto;
}
#contact_box .container ul li.consultation_inner h3 {
  color: #578e43;
}
#contact_box .container ul li.consultation_inner img {
	width: 46px;
}
#contact_box .container ul li.document_inner {
  background: #fff url("../images/common/ico_arrow_09.png") no-repeat right 5px bottom 5px;
	background-size:10px auto;
  border: 4px solid #28507e;
}
#contact_box .container ul li.document_inner h3 {
  color:#28507e;
}

/* table */
table {
	border-spacing: 0;
	box-sizing: border-box;
	font-size: 15px;
	margin: 0 auto;
	width: 90%;
}
table tr {
	background: #f5f5f5 none repeat scroll 0 0;
}
table tr:nth-of-type(2n) {
	background: #fff none repeat scroll 0 0;
}
table th {
	font-size: 15px;
	font-weight: normal;
	padding: 10px;
	position: relative;
/*
	text-align: left;
*/
    text-align:center;
	vertical-align: middle;
}
table th+th::before {
	background: #ccc none repeat scroll 0 0;
	bottom: 0;
	content: "";
	display: block;
	height: 85%;
	margin: auto;
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
}
table td {
	padding: 10px 10px 10px 15px;
	font-weight:normal;
}








/*----- .column -----*/
#contents ul#column.contents{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

#contents ul#column.contents li{
	width: 280px;
	margin: 10px;
	position: relative;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	transform: scale(1,1);
	-webkit-transition: -webkit-all 0.1s linear;
	   -moz-transition:    -moz-all 0.1s linear;
	    -ms-transition:     -ms-all 0.1s linear;
	     -o-transition:      -o-all 0.1s linear;
	        transition:         all 0.1s linear;
}

#contents ul#column.contents li a{
	-webkit-transition: -webkit-all 0.1s linear;
	   -moz-transition:    -moz-all 0.1s linear;
	    -ms-transition:     -ms-all 0.1s linear;
	     -o-transition:      -o-all 0.1s linear;
	        transition:         all 0.1s linear;
}

#contents ul#column.contents li:hover{
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	background-color: #FFFAF5;
	transform: scale(1.01,1.01);
}

#contents section ul#column.contents li h3{
	font-size: 15px;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ W6 JIS2004";
	color:#333;
  /*margin: -8px 0 8px;*/
	margin: 2px 0 10px;
	padding: 0;
	text-align: left;
}

/*section ul#column.contents li .date:before{
    content: url(../images/column/ico_seminar-date.png);
    display: block;
}
*/
#contents section ul#column.contents li .text_area{
	padding:10px;
}

#contents section ul#column.contents li .text_area p{
	padding:0;
	margin:0;
}

#contents section ul#column.contents li .text_area p.date{
	font-size:12px;
	font-family: "Arial";
}

#contents ul#column.contents li.new:before {
	content: 'NEW';
    display: block;
    position: absolute;
    padding: 2px 5px 1px;
    top: 5px;
    left: 5px;
    z-index: 5;
    background-color: rgba(204,51,0,0.7);
    color: #FFFFFF;
    font-size: 12px;
}

#contents ul#column.contents li p.folder{
	color:#c30;
	font-size:12px;
}
#contents ul#column.contents li p.folder:before {
    content: url(../images/column/ico_seminar-folder.png);
	margin-right: 5px;
    position: relative;
    top: 2px;
}






/*----- インデックス内メニュー（VISUALの直下） -----*/


/*メニュー　１列*/
#menu ul#menu.contents{

	display: flex;
	flex-wrap: wrap;
	align-items: stretch;

	width: 290px;
	margin: 0 5px;

	display: block;
	float: left;
}
#menu ul#menu.contents:hover{
	background:#f3f4f5;
}

/*メニュー　１つ*/
#menu ul#menu.contents li{
	width: 275px;
	margin: 10px;
	min-height: 230px; /*箱一つの高さ合わせ*/
	background: #fff;
	position: relative;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	transform: scale(1,1);
	-webkit-transition: -webkit-all 0.1s linear;
	   -moz-transition:    -moz-all 0.1s linear;
	    -ms-transition:     -ms-all 0.1s linear;
	     -o-transition:      -o-all 0.1s linear;
	        transition:         all 0.1s linear;
}

/*メニュータグ*/
#menu ul#menu.contents li div.tag{
	position: absolute;
    top: 10px;
    left: -10px;
    padding: 0 10px;
	font-size:14px;
}

/*メニュータグ 色*/
#menu ul#menu.contents li div.tag.blue{
    background: rgba(40, 80, 126, 0.8);
    color: #ffffff;
}
#menu ul#menu.contents li div.tag.orange{
    background: #c63;
    color: #ffffff;
}
#menu ul#menu.contents li div.tag.green{
    background: #396;
    color: #ffffff;
}
#menu ul#menu.contents li div.tag.red{
    background: #c30;
    color: #ffffff;
}

/*メニュー　１つ（見出し用）*/
#menu ul#menu.contents li.midashi{
	width: 275px;
	margin: 10px 10px 15px;
	min-height: 65px; /*箱一つの高さ合わせ*/
	padding-top: 16px;
	position: relative;
	box-shadow: none;
	border:1px solid #999;
}

#menu ul#menu.contents li.midashi:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 15px solid transparent;
    border-top-color: #333;
    top: 100%;
    left: 50%;
    margin-left: -10px;
}

#menu ul#menu.contents li a{
	-webkit-transition: -webkit-all 0.1s linear;
	   -moz-transition:    -moz-all 0.1s linear;
	    -ms-transition:     -ms-all 0.1s linear;
	     -o-transition:      -o-all 0.1s linear;
	        transition:         all 0.1s linear;
}

#menu ul#menu.contents li:hover{
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	background-color: #FFFAF5;
	transform: scale(1.02,1.02);
}
#menu ul#menu.contents li.midashi:hover{
	box-shadow: none;
	background-color: #fff;
	transform: none;
}


/*メニュー　タイトル*/
#menu ul#menu.contents li .text_area{
	padding:0px;
}

/*タイトル　２行表記*/
#menu ul#menu.contents li .text_area h3{
	font-size: 17px;
	line-height: 1.35;
	font-family: "ヒラギノ角ゴ W6 JIS2004";
	margin: 8px 0 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}
/*タイトル　１行表記*/
#menu ul#menu.contents li .text_area h3.singleLine{
	font-size: 17px;
	font-family: "ヒラギノ角ゴ W6 JIS2004";
	margin: 18px 0 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

#menu ul#menu.contents li .text_area p{
	padding:0;
	margin:0;
	text-align: center;
}



/*================== 全ページ共通 end ==================*/



























/*================== template_page sample ==================*/

.haika_page #title_benner .container{
	background:rgba(0, 0, 0, 0) url("../images/_temp/bg_tit_haika.jpg") no-repeat scroll center center;
}

.about_page #title_benner .container{
	background:rgba(0, 0, 0, 0) url("../images/common/bg_tit_about.jpg") no-repeat scroll center center;
}

.invest_page #title_benner .container{
	background:rgba(0, 0, 0, 0) url("../images/common/bg_tit_invest.jpg") no-repeat scroll center center;
}

.seminar_page #title_benner .container{
	background:rgba(0, 0, 0, 0) url("../images/common/bg_tit_seminar.jpg") no-repeat scroll center center;
}

.column_page #title_benner .container{
	background:rgba(0, 0, 0, 0) url("../images/common/bg_tit_column.jpg") no-repeat scroll center center;
}

.voice_page #title_benner .container{
	background:rgba(0, 0, 0, 0) url("../images/common/bg_tit_voice.jpg") no-repeat scroll center center;
}

.uritai_page #title_benner .container{
	background:rgba(0, 0, 0, 0) url("../images/common/bg_tit_uritai.jpg") no-repeat scroll center center;
}

.company_page #title_benner .container{
	background:rgba(0, 0, 0, 0) url("../images/common/bg_tit_company.jpg") no-repeat scroll center center;
}

.line_page #title_benner .container{
	background:rgba(0, 0, 0, 0) url("../images/common/bg_tit_line.png") no-repeat scroll center center;
}

.lineup-template-default #title_benner .container,
.lineup_page #title_benner .container{
	background:rgba(0, 0, 0, 0) url("../images/common/bg_tit_lineup.jpg") no-repeat scroll center center;
}

.reason_box #reason_02 .case .item ul li p span.tokuten {
    font-size:18px;
    font-weight: bold;
    color:#c30;
    margin-bottom: 10px;
}
.reason_box #reason_02 .case .item ul li p span.tokutenNaiyou {
    font-size:18px;
    font-weight: bold;
    color:#252525;
    margin-bottom: 10px;
}









































































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

.spOnly{ display: block; }
.pcOnly{ display: none; }


.section {
    margin-bottom: 60px;
}
html .contents{
	margin-bottom:0px;
}
html .contents .bx-pager{
	padding-top:00px;
}
html .contents .bx-pager,
html .contents .bx-controls-auto{
	bottom:10px;
}
#contents{
	margin-top:58px;
}








/*------------ mobile-Main visual --------------*/
#main_visual_wrap {
	width:100%;
	height: auto;
	margin-bottom:0;
}
#main_visual_wrap img {
	width: 100%;
	padding-bottom: 10px;
}









/*================== 全ページ共通 ==================*/


/*------------ #title_banner --------------*/
section#title_benner{
	position:relative;
	margin-bottom:90px;
}
 #title_benner .container{
	background-size: cover !important;
	width:100%;
	height:160px;
}
 #title_benner .container .breadlist{
	padding:5px 0;
	font-size:10px;
	color:#fff;
	width:1200px;
	margin:0 auto;
}
 #title_benner .container .breadlist .pack{
	margin:0 auto;
	background-color:rgba(0,0,0,0.3);
	display:inline-block;
	padding:10px 20px;
	margin-top:0;
	position:relative;
	left:5px;
}
 #title_benner .container .breadlist a{
	text-decoration:underline;
	padding-right:25px;
	background:rgba(0, 0, 0, 0) url("../images/common/breadlist_arrow.png") no-repeat scroll right 9px center / 5px auto;
	color:#fff;
}
#title_benner .tit_main {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	bottom: -49px;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	left: 0;
	padding-bottom: 0;
	position: absolute;
	right: 0;
	text-align: center;
	z-index: 100;
}
 #title_benner .tit_main span.tit_en{
	font-family: 'Montserrat', sans-serif;
	font-size:22px;
	display:block;
	margin-bottom:10px;
	line-height: 1em;
}
.tit_main::before {
	background: #000 none repeat scroll 0 0;
	bottom: -15px;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 30px;
}
 #title_benner .tit_main span.halfStyle{
	margin:0 -4px;
}
.halfStyle{
 position: relative;
 display: inline-block;
 overflow: hidden;
 white-space: pre;
 color: #ccc;
}
.halfStyle:before {
 display: block;
 z-index: 1;
 position: absolute;
 top: 0;
 height:50%;
 content: attr(data-content);
 pointer-events: none;
 overflow: hidden;
 color: #fff;
}
.tit_sub{
	position:relative;
}
.tit_sub::before {
	background: #333 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	margin: auto;
	position: absolute;
	width: 30px;
}


section.left_box .tit_sub,
section.left_box2 .tit_sub,
section.left_box3 .tit_sub,
section.right_box .tit_sub,
section.right_box2 .tit_sub,
section.right_box3 .tit_sub{
	color:#151515;
	font-size:16px;
	text-align:left;
	padding-bottom:10px;
	margin-bottom:20px;
}
section.left_box .tit_sec,
section.left_box2 .tit_sec,
section.left_box3 .tit_sec,
section.right_box .tit_sec,
section.right_box2 .tit_sec,
section.right_box3 .tit_sec{
	color:#151515;
	font-size:18px;
	font-weight: bold;
	text-align:left;
	padding-bottom:10px;
	margin-bottom:10px;
}

section.right_box3 h2.puMidashi {font-size:12px;}




/*------------ .left_box --------------*/

section.left_box{
	text-align:center;
	margin-bottom:60px;
}
.left_box .container {
  bottom: 0;
  margin: 0 auto;
	margin-top:-64px;
  min-width: 94%;
  overflow: hidden;
  padding: 0 0 0;
  width: 94%;
}
.left_box .container .case.fl_l {
  width: 100%;
	margin-bottom: 25px;
}
.left_box .container .case.fl_r {
  width: 100%;
	margin-bottom:30px;
}
.left_box .case.fl_r p {
  clear: both;
  padding: 0 0 20px;
	font-size:14px;
	text-align:left;
}
.left_box .case.fl_r p:last-of-type {
    padding: 0;
}
.left_box::after {
	color: #e5e8ed;
/*	content: "ABOUT US";*/
	display: block;
	font-family: "Montserrat",sans-serif;
	font-size: 180%;
	left: 10px;
	position: absolute;
	top: -32px;
}
.left_box::before {
	height: 300px;
}
.left_box > a {
	bottom: -30px;
	position: relative;
	right: 0;
	z-index: 999;
}
.left_box .tit_sub{
	padding:0 0 10px 0;
	font-weight: bold;
}
.left_box .tit_sub::before {
	left: 0;
}







/*------------ .right_box --------------*/
.right_box{
	text-align:center;
	margin-bottom:100px;
}
.right_box .container {
  bottom: 0;
  margin: 0 auto;
  min-width: 94%;
  overflow: hidden;
  padding: 25px 0 0;
  width: 94%;
}
.right_box .container .case.fl_l {
  width: 100%;
	margin-bottom: 25px;
}
.right_box .container .case.fl_r {
  width: 100%;
	margin-bottom:30px;
}
.right_box .case.fl_l p {
  clear: both;
  padding: 0;
	font-size:14px;
	text-align:left;
}
.right_box .case.fl_r p:last-of-type {
    padding: 0;
}
.right_box::after {
	color: #e5e8ed;
/*	content: "ABOUT US";*/
	display: block;
	font-family: "Montserrat",sans-serif;
	font-size: 180%;
	left: 10px;
	position: absolute;
	top: -32px;
}
.right_box::before {
	height: 300px;
}
.right_box > a {
	bottom: -30px;
	position: relative;
	right: 0;
	z-index: 999;
}
.right_box .tit_sub{
	padding:0 0 10px 0;
	font-weight:bold;
}





/*------------ .right_box2 --------------*/

.right_box2 {
	padding: 35px 0;
}
.right_box2 h2 {
	margin-bottom: 20px;
	text-align: center;
}
.right_box2 p{
	margin-bottom:0px;
	padding-bottom:20px;
}

.right_box2::before{
	display:none;
}
.right_box2::after {
	color: #e5e8ed;
/*	content: "WHAT\'S";*/
	display: block;
	font-family: "Montserrat",sans-serif;
	font-size: 180%;
	position: absolute;
	right: 10px;
	left:auto;
	top: 10px;
}
.right_box2 .container {
  background: none;
  width: 100%;
	overflow: visible;
}
.right_box2 .container::before{
	display:none;
}
.right_box2 .container::after{
	display:none;
}
.right_box2 .container .case.fl_r {
	background: #fff none repeat scroll 0 0;
	float: none;
	overflow: visible;
	padding: 45px 5% 0;
	width: 100%;
}
.right_box2 .container .case.fl_l{
	float: none;
	margin-bottom: -10px;
	max-width: 100%;
	padding: 0 6%;
	position: relative;
	right: 0;
	top: 0;
	z-index: 2;
}
.right_box2 .container .case.fl_r .item a {
	color: #fff;
	margin: 0;
	position: relative;
	top: 23px;
}
.right_box2 .container .case.fl_r::after{
	display:none;
}





/*------------ .right_box3 --------------*/

.right_box3 h2 {
	margin-bottom: 20px;
	text-align: left;
	font-size:16px;
}
.right_box3 h3 {
	margin-bottom: 20px;
	text-align: left;
	font-size:14px;
	font-weight: bold;
}
.right_box3 p{
	margin-bottom:0px;
	padding-bottom:20px;
	font-size:14px;
}
.right_box3::before{
	display:none;
}
.right_box3::after {
	color: #e5e8ed;
/*	content: "WHAT\'S";*/
	display: block;
	font-family: "Montserrat",sans-serif;
	font-size: 180%;
	position: absolute;
	right: 10px;
	left:auto;
	top: 10px;
}
.right_box3 .container {
	background: none;
	width: 100%;
	overflow: visible;
}
.right_box3 .container::before{
	display:none;
}
.right_box3 .container::after{
	display:none;
}
.right_box3 .container .case.fl_r {
	background: #f4f5f8 none repeat scroll 0 0;
	float: none;
	overflow: visible;
	padding: 20px 5% 0;
	width: 100%;
}
.right_box3 .container .case.fl_l {
	max-width: 100%;
	position: static !important;
	right: 0;
	z-index: 1;
	width:94%;
	display:block;
	margin:0 auto;
	float:none;
}
.right_box3 .container .case.fl_r .item a {
	color: #fff;
	margin: 0;
	position: relative;
	top: 23px;
}
.right_box3 .container .case.fl_r::after{
	display:none;
}

.pickup {background: #FDEBEB none repeat scroll 0 0;}
.pickup .container {background: #FDEBEB none repeat scroll 0 0;}
.pickup .container::before {background: #FDEBEB none repeat scroll 0 0;}
.pickup .container .case.fl_r::after {background: #fbd4d4 none repeat scroll 0 0;}




/*------------ .left_box2 --------------*/

.left_box2 {
	padding: 35px 0;
}
.left_box2 h2 {
	margin-bottom: 20px;
	text-align: center;
}
.left_box2 p{
	margin-bottom:0px;
	padding-bottom:20px;
}
.left_box2::before{
	display:none;
}
.left_box2::after {
	color: #e5e8ed;
/*	content: "WHAT\'S";*/
	display: block;
	font-family: "Montserrat",sans-serif;
	font-size: 180%;
	position: absolute;
	left: 10px;
	right:auto;
	top: 10px;
}
.left_box2 .container {
  background: none;
  width: 100%;
	overflow: visible;
}
.left_box2 .container::before{
	display:none;
}
.left_box2 .container::after{
	display:none;
}
.left_box2 .container .case.fl_l {
	background: #fff none repeat scroll 0 0;
	float: none;
	overflow: visible;
	padding: 45px 5% 0;
	width: 100%;
}
.left_box2 .container .case.fl_r {
	float: none;
	margin-bottom: -10px;
	max-width: 100%;
	padding: 0 6%;
	position: relative;
	left: 0;
	top: 0;
	z-index: 2;
}
.left_box2 .container .case.fl_l .item a {
	color: #fff;
	margin: 0;
	position: relative;
	top: 23px;
}
.left_box2 .container .case.fl_l .item{
	float:none;
}
.left_box2 .container .case.fl_r::after{
	display:none;
}





/*------------ .left_box3 --------------*/

.left_box3 {margin-bottom: 10px;}

.left_box3 h2 {
	margin-bottom: 20px;
	text-align: left;
}
.left_box3 p{
	margin-bottom:0px;
	padding-bottom:20px;
	font-size:14px;
}
.left_box3::before{
	display:none;
}
.left_box3::after {
	color: #e5e8ed;
/*	content: "WHAT\'S";*/
	display: block;
	font-family: "Montserrat",sans-serif;
	font-size: 180%;
	position: absolute;
	left: 10px;
	right:auto;
	top: 10px;
}
.left_box3 .container {
  width: 100%;
	overflow: visible;
}
.left_box3 .container::before{
	display:none;
}
.left_box3 .container::after{
	display:none;
}
.left_box3 .container .case.fl_l {
	float: none;
	overflow: visible;
	padding: 20px 5% 0;
	width: 100% !important;
}
.left_box3 .container .case.fl_r {
	max-width: 100%;
	position: static !important;
	left: 0;
	z-index: 1;
	width:94%;
	display:block;
	margin:0 auto;
	float:none;
}
.left_box3 .container .case.fl_l .item a {
	color: #fff;
	margin: 0;
	position: relative;
	top: 23px;
}
.left_box3 .container .case.fl_l .item{
	float:none;
}
.left_box3 .container .case.fl_r::after{
	display:none;
}

.left_box3 .container .tit_sub::before {
	background: #333 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	/*right: 0;*/
	margin: auto;
	position: absolute;
	width: 30px;
}




/*------ #contents_box ------------*/
#contents_box{
	padding:0;
	margin-bottom:40px;
}
#contents_box .container{
	width:94%;
	margin:0 auto;
}
#contents_box .container h2.tit_sub{
	font-size:160%;
    text-align: center;
    font-weight: bold;
}
#contents_box ul.contents{
	margin:0 auto;
}
#contents_box ul.contents li {
	display: inline-block;
	float: none;
	height: auto;
	margin: 2%;
	vertical-align: top;
	width: 45%;
}
#contents_box ul.contents li a {
	text-decoration: none;
	}
#contents_box .tit_sec{
	font-size:115%;
	padding:10px 0;
}
#contents_box .tit_sec span{
	font-size:60%;
	font-weight:bold;
}





/*------ #contents_box2 ------------*/
#contents_box2{
	padding:0;
	margin-bottom:40px;
}
#contents_box2 .container{
	width:94%;
	margin:0 auto;
	text-align: left;
}
#contents_box2 .container h2.tit_sub{
	font-size:160%;
    text-align: left;
    font-weight: bold;
		padding-bottom: 10px;
}
#contents_box2 .container h3{
	font-size:15px;
	font-weight: bold;
}
#contents_box2 .container h4{
	font-size:14px;
	font-weight: bold;
}
#contents_box2 ul.contents,
#contents_box2 ul.contents_tri{
	margin:0 auto;
}
#contents_box2 ul.contents li,
#contents_box2 ul.contents_tri li{
	display: inline-block;
	float: none;
	height: auto;
	margin: 2%;
	vertical-align: top;
	width: 45%;
}
#contents_box2 ul.contents li a,
#contents_box2 ul.contents_tri li a{
	text-decoration: none;
	}



#contents_box2 .tit_sec{
	font-size:115%;
	padding:10px 0;
}
#contents_box2 .tit_sec span{
	font-size:60%;
	font-weight:bold;
}

#contents_box2 .tit_sub::before {
	background: #333 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	/*right: 0;*/
	margin: auto;
	position: absolute;
	width: 30px;
}

#contents_box2 p {font-size:14px; padding-top:10px;}

#contents_box2 ul.contents_db li{
	box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
	margin: 1% ;
	top: 0;
	width: 90%;
	height: 295px;
	box-sizing:border-box;
	display:inline-block;
}


#contents_box2 ul {
	margin:25px 0 25px;
}
#contents_box2 ul.picts li {
	margin: 1% ;
	top: 0;
	width:47%;
	box-sizing:border-box;
	display:inline-block;
	border:1px solid #AABACD;
	text-align: center;
}

#contents_box2 ul.picts li>a {
	text-decoration: none;
	display:block;
	padding:15px 0 8px;
}

#contents_box2 ul.picts li img.pict {
	max-width:100px;
	margin:auto;
}
#contents_box2 ul.picts li h3 {
	padding: 12px 15px 8px;
	text-align: center;
	font-size:14px;
	line-height:1.5;
	font-weight:normal;
	color:#005195;
}
/*#contents_box2 ul.picts li p {
	font-size: 16px;
	padding: 0 10px;
	text-align: left;
}*/




#contents_box2 ul.picts_tri li {
	border:1px solid #AABACD;
	margin: 1% ;
	top: 0;
	width:47%;
	box-sizing:border-box;
	display:inline-block;
	text-align: center;
}
#contents_box2 ul.picts_tri li:hover,
#contents_box2 ul.picts_db li:hover{
	box-shadow: none;
	transition: none;
}
#contents_box2 ul.picts_tri li>a{
	text-decoration: none;
	display:block;
	padding:15px 0 8px;
}
#contents_box2 ul.picts_tri li a:hover{
	opacity:0.7;
}
#contents_box2 ul.picts_tri li img.pict {
	max-width:100px;
	margin:auto;
}
#contents_box2 ul.picts_tri li h3 {
	padding: 12px 15px 8px;
	text-align: center;
	font-size:14px;
	line-height:1.5;
	font-weight:normal;
	color:#005195;
}
#contents_box2 ul.picts_tri li p {
	font-size: 14px;
	padding: 0 10px;
	text-align: left;
}









/*------ #contents_box3 ------------*/
#contents_box3{
	/*padding:0;*/
	margin-bottom:40px;
}
#contents_box3 .container{
	width:94%;
	margin:0 auto;
	text-align: left;
}
#contents_box3 .container h2.tit_sub{
	font-size:160%;
    text-align: left;
    font-weight: bold;
		padding-bottom: 10px;
}
#contents_box3 .container h3{
	font-size:15px;
	font-weight: bold;
}
#contents_box3 ul.contents,
#contents_box3 ul.contents_tri{
	margin:0 auto;
}
#contents_box3 ul.contents li,
#contents_box3 ul.contents_tri li{
	display: inline-block;
	float: none;
	height: auto;
	margin: 2%;
	vertical-align: top;
	width: 45%;
}
#contents_box3 ul.contents li a,
#contents_box3 ul.contents_tri li a{
	text-decoration: none;
	}
#contents_box3 .tit_sec{
	font-size:115%;
	padding:10px 0;
}
#contents_box3 .tit_sec span{
	font-size:60%;
	font-weight:bold;
}

#contents_box3 .tit_sub::before {
	background: #333 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	/*right: 0;*/
	margin: auto;
	position: absolute;
	width: 30px;
}

#contents_box3 p {font-size:14px; padding-top:10px;}



#contents_box3 ul{margin:25px 0 25px}
	#contents_box3 ul.picts_tri li {
		border:1px solid #AABACD;
		margin: 1% ;
		top: 0;
		width:47%;
		box-sizing:border-box;
		display:inline-block;
		text-align: center;
	}
	#contents_box3 ul.picts_tri li:hover,
	#contents_box3 ul.picts_db li:hover{
		box-shadow: none;
		transition: none;
	}
	#contents_box3 ul.picts_tri li>a{
		text-decoration: none;
		display:block;
		padding:15px 0 8px;
	}
	#contents_box3 ul.picts_tri li a:hover{
		opacity:0.7;
	}
	#contents_box3 ul.picts_tri li img.pict {
		max-width:100px;
		margin-left: auto;
	}
	#contents_box3 ul.picts_tri li h3 {
		padding: 8px 10px 4px;
		text-align: center;
		font-size:14px;
		line-height:1.5;
		font-weight:normal;
		color:#005195;
	}
	#contents_box3 ul.picts_tri li p {
		font-size: 14px;
		padding: 0 10px;
		text-align: left;
	}











/*================== under control ==================*/
.marginCancel {margin-top:0px;}




/*================== reason_page ==================*/
.right_box3 {
  margin-bottom: 60px;
}

.reason_box{
	margin-bottom:0;
}
.reason_box .container{
	padding-bottom:30px;
}
.reason_box .container .item h3 {
	margin-bottom: 15px;
	font-size:120%;
}

/*BGにいイメージを敷いてます*/
.reason_box #reason_01 {
    background: rgba(0, 0, 0, 0) url("../images/about/bg_reason_03.png") no-repeat scroll left -125px bottom;
	background-size:300px auto;
}
.reason_box #reason_02 {
    background: rgba(0, 0, 0, 0) url("../images/about/bg_reason_04.png") no-repeat scroll right -80px bottom;
	background-size:300px auto;
}
.reason_box #reason_03 {
    background: rgba(0, 0, 0, 0) url("../images/about/bg_reason_05.png") no-repeat scroll left 0 bottom -60px;
	background-size:300px auto;
}


.reason_box #reason_01 .case,
.reason_box #reason_02 .case,
.reason_box #reason_03 .case,
.reason_box #reason_04 .case,
.reason_box #reason_05 .case,
.reason_box #reason_06 .case {
	width: 94%;
}
.reason_box #reason_01 .case .item.fl_l,
.reason_box #reason_05 .case .item.fl_l,
.reason_box #reason_03 .case .item.fl_r {
    float: none;
    margin: 0;
    width: 100%;
}
.reason_box #reason_01 .case .item.fl_r,
.reason_box #reason_05 .case .item.fl_r,
.reason_box #reason_03 .case .item.fl_l  {
    padding: 30px 0 0 40px;
    width: 100%;
}
.reason_box #reason_01 .case .item.fl_r p,
.reason_box #reason_05 .case .item.fl_r p,
.reason_box #reason_03 .case .item.fl_l p {
	padding-right:0;
}

.reason_box #reason_01 .case .item.fl_r h3::after,
.reason_box #reason_05 .case .item.fl_r h3::after,
.reason_box #reason_03 .case .item.fl_l h3::after{
	display:none;
}
.reason_box #reason_01 .case .item:last-of-type,
.reason_box #reason_02 .case .item:last-of-type,
.reason_box #reason_03 .case .item:last-of-type,
.reason_box #reason_04 .case .item:last-of-type,
.reason_box #reason_05 .case .item:last-of-type,
.reason_box #reason_06 .case .item:last-of-type  {
	padding-left:20px;
	position:relative;
	width:100%;
	margin:0;
}
.reason_box #reason_01 .case .item:last-of-type::after,
.reason_box #reason_02 .case .item:last-of-type::after,
.reason_box #reason_03 .case .item:last-of-type::after,
.reason_box #reason_04 .case .item:last-of-type::after,
.reason_box #reason_05 .case .item:last-of-type::after,
.reason_box #reason_06 .case .item:last-of-type::after {
	background: #333 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	display: block;
	height: 110%;
	left: 7px;
	margin: auto;
	position: absolute;
	bottom: 0;
	width: 1px;
}
.reason_box #reason_02 .case .item ul li,
.reason_box #reason_06 .case .item ul li {
  float: none;
  width: 80%;
	margin:0 auto;
}
.reason_box #reason_02 .case .item ul,
.reason_box #reason_06 .case .item ul {
  overflow: hidden;
}
.reason_box #reason_02 .case .item > span,
.reason_box #reason_04 .case .item > span  {
	position: relative;
	top: 0px;
	margin-bottom:7px;
}
.reason_box #reason_02 .case .item > h3,
.reason_box #reason_04 .case .item > h3 {
	margin-bottom: 15px;
	position: relative;
	right: 0px;
	line-height: 1.4;
}
.reason_box #reason_05 .case .item.fl_l{
	bottom:0;
}

.reason_box #reason_02 .case .item ul li p,
.reason_box #reason_06 .case .item ul li p{
	font-size:160%;
	top:10px;
}
.reason_box #reason_02 .case .item ul li p span,
.reason_box #reason_06 .case .item ul li p span{
	bottom:7px;
}





/*------ #contact_box ------------*/

#contact_box{
	margin-bottom:0;
}
#contact_box .container {
	min-width: 100%;
	overflow: visible;
	position: relative;
	padding:30px 0;
}
#contact_box .container h2 {
	font-size: 125%;
	padding: 0 4%;
	text-align: left;
	width: 100%;
}
#contact_box .container ul {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
#contact_box .container ul li {
	background: #fff url("../images/common/ico_arrow_07.png") no-repeat scroll right 5px bottom 5px / 10px auto;
	border: 4px solid #7f0909;
	display: block;
	height: auto;
	margin: 0 auto 20px;
	text-align: center;
	width: 250px;
}
#contact_box .container ul li a {
  padding: 10px 0;
}
#contact_box .container ul li h3 {
	display: inline-block;
	font-size: 115%;
	font-weight: bold;
	margin-bottom: 5px;
}
#contact_box .container ul li img {
	display: inline-block;
	margin: 0 5px 5px 0;
	width: 23px;
}
#contact_box .container ul li p {
	font-size: 85%;
}
#contact_box .container ul li.contact_inner img {
	width: 28px;
	bottom:1px;
}
#contact_box .container ul li.consultation_inner img {
	width: 28px;
}
#contact_box .container > span {
	background: #d16160 none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	height: 130px;
	left: 0;
	margin: auto;
	padding: 5px;
	position: absolute;
	right: 0;
	text-align: center;
	top: -8%;
	transform: rotate(0deg);
	width: 135px;
}
#contact_box .container > span > span {
	position: relative;
	top: 33px;
}
#contact_box .container > span > span::before {
	bottom: -90px;
	content: none;
	display: block;
	position: absolute;
	right: -30px;
	transform: rotate(-104deg);
}
.container{
	width:94%;
	margin:0 auto;
}



/*----- .column -----*/
#contents ul#column.contents li{
	width: calc((100% - 20px) / 2);
	margin: 5px;
}

/*  table  */
table{
	width:100%;
	padding:0;
}
table tr {
	background: #fff;
}
table th {
	border: medium none;
	display: block;
	font-size: 12px;
	background:#eee;
}
table th::after {
	display:none;
}
table td {
	border: medium none;
	display: block;
	padding:10px;
	font-size:85%;
}









/*----- インデックス内メニュー（VISUALの直下） -----*/

/*メニュー　１列*/
#menu ul#menu.contents{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;

	width: 98%;
	margin: 0 5px;

	display: block;
	float: left;
}

/*メニュー　１つ*/
#menu ul#menu.contents li{
	width: 43%;
	margin: 5px;
	min-height: 140px; /*箱一つの高さ合わせ*/
	position: relative;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	transform: scale(1,1);
	-webkit-transition: -webkit-all 0.1s linear;
	   -moz-transition:    -moz-all 0.1s linear;
	    -ms-transition:     -ms-all 0.1s linear;
	     -o-transition:      -o-all 0.1s linear;
	        transition:         all 0.1s linear;
}
/*メニュー　１つ（見出し用）*/
#menu ul#menu.contents li.midashi{
	width: 98%;
	margin: 35px 0px 20px;
	min-height: 38px; /*箱一つの高さ合わせ*/
	padding-top: 8px;
	position: relative;
	box-shadow: none;
	border:1px solid #999;
}
#menu ul#menu.contents li.midashi:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 15px solid transparent;
    border-top-color: #333;
    top: 100%;
    left: 50%;
    margin-left: -10px;
}

#menu ul#menu.contents li a{
	-webkit-transition: -webkit-all 0.1s linear;
	   -moz-transition:    -moz-all 0.1s linear;
	    -ms-transition:     -ms-all 0.1s linear;
	     -o-transition:      -o-all 0.1s linear;
	        transition:         all 0.1s linear;
}


/*メニュー　タイトル ２行表記*/
#menu ul#menu.contents li .text_area{
	padding:0px;
}

#menu ul#menu.contents li .text_area h3{
	font-size: 12px;
	line-height: 1.3;
	font-family: "ヒラギノ角ゴ W6 JIS2004";
	margin: 8px 0 0;
	padding: 0;
	text-align: center;
}

/*タイトル　１行表記*/
#menu ul#menu.contents li .text_area h3.singleLine{
	font-size: 12px;
	font-family: "ヒラギノ角ゴ W6 JIS2004";
	margin: 8px 0 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

#menu ul#menu.contents li .text_area p{
	padding:0;
	margin:0;
	text-align: center;
}



/*メニュータグ*/
#menu ul#menu.contents li div.tag{
	position: absolute;
    top: 10px;
    left: -10px;
    padding: 0 10px;
	font-size:11px;
}

/*メニュータグ 色*/
#menu ul#menu.contents li div.tag.blue{
    background: rgba(40, 80, 126, 0.8);
    color: #ffffff;
}
#menu ul#menu.contents li div.tag.orange{
    background: #c63;
    color: #ffffff;
}
#menu ul#menu.contents li div.tag.green{
    background: #396;
    color: #ffffff;
}
#menu ul#menu.contents li div.tag.red{
    background: #c30;
    color: #ffffff;
}






.line_page #title_benner .container{
	background:rgba(0, 0, 0, 0) url("../images/common/bg_tit_line_sp.png") no-repeat scroll center center;
}
.reason_box #reason_02 .case .item ul li p span.tokuten {
    font-size:16px;
    font-weight: bold;
    color:#c30;
    margin-bottom: 10px;
    margin-top: 20px;
}
.reason_box #reason_02 .case .item ul li p span.tokutenNaiyou {
    font-size:16px;
    font-weight: bold;
    color:#252525;
    margin-bottom: 10px;
    margin-top: 20px;
}





/*================== 全ページ共通 end ==================*/

}















/* .fixMenu ----------------------------------------------------------------- */
.fixMenu {
	position: fixed;
	right: 1rem;
	top: 11rem;
	width: 8rem;
	transform: translateX(0%);
	z-index: 999;
}

.fixParts {
	transform: translateX(130%);
	transition: transform 0.2s ease-in-out;
}
.is-scroll .fixParts {
	transform: translateX(0%);
}

.fixMenu a p{
	transition: all 0.2s linear;
}

.fixMenu a:hover p{
	opacity: 0.7;
}

.fixMenu .request{
	margin-bottom: 10px;
}

.fixMenu.isShow {
	transform: translateX(120%);
}


/* .seminarPageLink --------------------------------------------------------- */
div.seminarPageLink{
	bottom: 1rem;
	left: 1rem;
	transform: translateX(0%);
	position: fixed;
	z-index: 999;
}

div.seminarPageLink ul{
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

div.seminarPageLink ul li{
	height: 6.55rem;
	/* height: 8rem; */
	margin-right: 0.25rem;
}

div.seminarPageLink ul li.lineBnr{
	height: 8rem;
	margin-right: 0.5rem;
}

div.seminarPageLink ul li:last-of-type{
	margin-right: 0;
}

div.seminarPageLink ul li a{
	display: flex;
	height: 100%;
	text-decoration: none;
}

div.seminarPageLink ul li a img{
	height: 100%;
	width: auto;
	transition: all 0.2s linear;
}

div.seminarPageLink a img:hover {
	opacity: 0.7;
}



div.seminarPageLink.isShow{
	transform: translateX(-120%);
}

#fix_h_btn_01,
#fix_h_btn_02{
	display: none!important;
}


div.pageTop {
	position: fixed;
	right: 0.75rem;
	bottom: 0.75rem;
	z-index: 10000;
}

div.pageTop p a {
	display: flex;
	width: 4rem;
	height: 4rem;
	background: rgba(255, 255, 255, 0.25);
	padding: 0.75rem 0.875rem;
	font-size: 0.25rem;
	text-align: center;
	align-items: center;
	border: 1px solid #4a515c;
	border-radius: 0.25rem;
}

.pcOnly{ display: block!important; }
.spOnly{ display: none!important; }

@media screen and ( max-width:599px) {
	.pcOnly{ display: none!important; }
	.spOnly{ display: block!important; }

	/* .fixMenu -------------------------------------------------------------------- */
	.fixMenu {
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		display: flex;
		align-items: stretch;
		justify-content: center;
		transition: all 0.2s linear;
		transform: translateY(0);
	}

	.fixMenu.isShow {
		transform: translateY(80%);
	}

	.fixMenu ul {
		display: flex;
		align-items: center;
		width: 100%;
	}

	.fixMenu ul li {
		width: calc(100% / 5.5);
	}


	.fixMenu ul li a img {
		width: 100%;
		margin: 0;
		transform: translateY(5px);
		padding: 0 0.75rem;
	}

	.fixMenu ul li a p {
		transition: all 0.2s linear;
		background: #FFF;
		font-size: 0.8rem;
		text-align: center;
		padding: 0.5rem 0.25rem 0.25rem;
		font-weight: bold;
		color: #224e7e;
	}

	.fixMenu ul li:nth-of-type(1) a p { color: #3aae36; }
	.fixMenu ul li:nth-of-type(2) a p { color: #508242; }

	.fixMenu.fix {
		bottom: 0px;
		text-align:right;
	}


	.fixMenu a{
		display: block;
		color: #FFF;
		text-decoration: none;
	}

	.fixMenu a p i{
		font-size: 1.75rem;
		margin-right: 1vw;
	}



	div.seminarPageLink {
		bottom: 6.5rem;
	}




}