@charset "EUC-JP";
/*------------------------------
基本
--------------------------------*/
html{
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: aliased;
	font-size: 62.5%;
	scroll-padding-top: 120px;
	--top-spacing: 120px;
	scroll-padding-top: var(--top-spacing);
}
.win {
	html{
		font-family: biz-udpgothic, sans-serif, serif;
		font-style: normal;
		font-weight: 700;
		font-size: 65%;
	}
}
body{
	font-family: biz-udpgothic, sans-serif, serif;
	font-style: normal;
	font-weight: 400;
	font-size:1.4rem;
	color:#333;
	margin:0px;
	padding:0px;
	overflow-x: scroll;
	position: relative;
}
img{
	border:none;
}
a{
	color:#1A72E8;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
strong{
	font-weight:bold;
}
i.fa-brands{
	font-weight:400;
	font-family: "Font Awesome 5 Brands";
}
i.fa-solid{
	font-weight:900;
}
.toppan{
	font-family:"toppan-bunkyu-midashi-go-std", sans-serif;
	font-weight: 900;
	font-style: normal;
}
.toppan_no{
	font-family: toppan-bunkyu-gothic-pr6n, serif;
	font-style: normal;
	font-weight: 400;
}
@media screen and (max-width:640px){
	html{
		scroll-padding-top: 100px;
		--top-spacing: 100px;
		scroll-padding-top: var(--top-spacing);
	}
}

/*------------------------------
フォーマット
--------------------------------*/
#container {
	width:1500px;
	box-sizing:border-box;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	height:auto;
	position:relative;
}
#inner_box{
	width: calc(100% - 120px);
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	height:auto;
	scroll-behavior: smooth;
}
@media screen and (max-width:1499px){
	#container {
		width:100%;
		margin:0px 0px 0px 0px;
	}
}

/*------------------------------
上部メニュー
--------------------------------*/
#hmenu_box{
	 width: 1500px;
	box-sizing:border-box;
	background-color: #fff;
    margin: 0px auto 0px auto;
    padding: 0px 30px 0px 30px;
    border-bottom: 2px solid #000;
}
@media screen and (max-width:1499px){
	#hmenu_box{
		width:100%;
		padding: 20px;
	}
}
#hmenu_main{
	display:none;
}
@media screen and (max-width:1024px){
	#hmenu_main{
		display:block;
		position:relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
}
#hmenu_main ul{
    width: auto;
    margin: 0px 0px 0px 0px;
    padding: 40px 0px 0px 20px;
    list-style: none;
	background-color:#fff;
}
#hmenu_main li{
	display: inline-block;
    margin: 0px 15px 0px 15px;
    padding: 0px;
	vertical-align:top;
}
.mylist_btn2{
	display:none;
}
#hmenu_main li a{
	display:block;
	font-size:1.2rem;
	text-align:center;
	color:#333;
	position: relative;
	width:50px;
}
#hmenu_main li a img{
	display:block;
	width:30px;
	margin: 0px auto 0px auto;
}
#hmenu_main li a span{
	display:block;
	position: relative;
    display: inline-block;
    margin: 10px 0;
    padding: 2px 3px;
    min-width: 50px;
    max-width: 100%;
    color: #fff;
    font-size: 1.0rem;
    background: #808080;
    border-radius: 2px;
}
#hmenu_main li a span:before{
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-bottom: 5px solid #808080;
}
@media screen and (max-width:640px){
	#hmenu_box{
		padding: 20px 0px;
	}
	.mylist_btn2{
		display:block;
		margin: 0px 0px 0px 15px;
		padding: 0px 0px 0px 0px;
		background-color:#fff;
	}
	#hmenu_main{
		background-color:#fff;
	}
	#hmenu_main li{
		margin: 0px 15px 30px 15px;
	}
	#hmenu_main ul{
		padding: 40px 0px 0px 0px;
	}
}
.mylist_btn2 a{
	display:block;
	position:relative;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
.mylist_btn2 a:hover{
	opacity:0.7;
}
.mylist_btn2 span.mybtex2{
	display:inline-block;
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	font-size:1.6rem;
	color:#000;
}
.mylist_btn2 span#mynum2{
	display:inline-block;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	line-height:135%;
}
.mylist_btn2 span#mynum2:before{
	font-family:"Font Awesome 5 Free";
	content: '\f005';
	font-weight: 900;
	color:#FFD80B;
	z-index:1;
	font-size:3.6rem;
}
.mylist_btn2 strong#mylist_count2{
	position: absolute;
    left: 98px;
    top: 0px;
    font-family: Arial Black;
    font-size: 2.6rem;
    margin: 0px 0px 0px 0px;
    z-index: 2;
    color: #000;
}

/*------------------------------
中ページ
--------------------------------*/
#main{
	margin:0px 0px 0px 0px;
	padding:0px 0px 100px 0px;
	padding-top:135px;
	border-bottom:3px solid #0586C6;
}
#main_contents{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#main h2{
	background-color:#0586C6;
	color:#000;
	font-size:1.8rem;
	padding:20px 30px 30px;
	margin:0px;
}
#main h2 span{
	display:none;
}
#main h2:before{
	content:"workspace";
	font-family:"TsunagiGothic", sans-serif;
	font-size:4.2rem;
}
#main h3{
  font-weight: bold;
   font-size:2.8rem;
  padding:10px 15px 15px;
  border-radius: 0 0 0 10px;
  border-left: 3px solid #4c9ac0;
  border-bottom: 3px solid #4c9ac0;
  position: relative;
  margin-top:20px;
}
#main h3::before,#main h3:after {
  content: '';
  height: 0;
  width: 0;
  border: solid transparent;
  position: absolute;
  left: 30px;
}
#main h3::before {
  border-color: transparent;
  border-top-color: #4c9ac0;
  border-right-color: #4c9ac0;
  border-width: 10px;
  top: 100%;
  left: 26px;
}
#main h3:after {
  border-color: transparent;
  border-top-color: #fff;
  border-right-color: #fff;
  border-width: 6.5px;
  top: 99%;
}
#main h4{
	font-weight: bold;
    background-color: #0586C6;
    color: #fff;
    padding: 15px;
    position: relative;
    font-size: 2.5rem;
    letter-spacing: 1px;
	margin:0px 0px 30px 0px;
	line-height:140%;
}
#main h4::after {
  content: '';
  background-color: #0586C6;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -6px;
  left: 0;
}
#main h4 a{
	color:#fff;
}
#main h4.kt_h4{
	background-color: transparent;
    color: #333;
	margin-bottom:5px;
	padding:8px;
}
#main h4.kt_h4 a{
	 color: #1A72E8;
}
#main h4.kt_h4 a:hover{
	 color: #ccc;
}
#main h4.fo_h4{
	padding:8px 15px;
	font-size:2.2rem;
	border-radius:20px;
	margin: 30px 0px 20px 0px;
}
#main h4.fo_h4::after{
	display:none;
}
#main h4.article_h4{
	margin:0px 0px 30px 0px !important;
}
#main h5{
  font-weight: bold;
  font-size:2.2rem;
  padding:8px 25px;
  margin-left: 5px;
  margin-right: 5px;
  outline: 3px solid #0586C6;
  outline-offset: 5px;
  background: linear-gradient(-45deg, transparent 0 20px, #fff 20px calc(100% - 20px), transparent calc(100% - 20px)),
              repeating-linear-gradient(-45deg, #0586C6 0 2px, #fff 2px 6px);
}
#main h5.fo_h5,#main h5.entry_h5{
  font-size:1.8rem;
  padding:8px;
  margin:10px 0px 10px 10px;
  border-bottom:2px solid #0586C6;
  outline:none;
  outline-offset: none;
  background: none;
  width:auto;
  line-height:140%;
}
#main h5.fo_h5 span{
	font-size:1.4rem;
}
#main h5.article_h5{
	margin-top:20px;
	margin-bottom:20px;
	background:none;
	padding:8px 10px;
}
#main h6{
	font-weight: bold;
	font-size:1.8rem;
	color:#0977BA;
	padding:10px 0px;
}
#main p{
	font-size:1.6rem;
	padding:20px;
	margin: 0px 0px 0px 0px;
	line-height:150%;
	letter-spacing:1px;
}
#main p.top{
	margin-top:20px;
}
#main p.kt_p{
	padding:8px;
}
#main p.form{
	padding:8px 20px;
}
#main p.form_tex{
	font-size:2.0rem;
	font-weight:bold;
	line-height:180%;
}
#main p.h3_text{
	font-size:2.0rem;
	font-weight:bold;
	line-height:150%;
	margin:20px 0px;
}
#main p.kiji_timeb{
	padding:5px 0px;
	font-size:1.1rem;
	position:relative;
}
#main p.kiji_timeb img{
	position:absolute;
	top:0px;
	right:0px;
	width:30px;
	display:block;
}
#main ul.mul{
	margin: 0px 0px 10px 0px;
	padding:20px;
	list-style:none;
}
#main ul.mul li{
	margin: 0px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
	font-size:1.6rem;
	line-height:150%;
}
#main ul.mul li a:hover{
	color:#243A73;
	font-weight:bold;
}
@media screen and (max-width:1499px){
	#main_contents{
		padding:0px 20px 0px 20px;
	}
}
@media screen and (max-width:640px){
	#main_contents{
		padding:0px 10px 0px 10px;
	}
	#main{
		padding-top:80px;
		padding-bottom:30px;
	}
	#main h2{
		padding: 10px 10px 20px;
		line-height:150%;
	}
	#main h2:before{
		font-size:3.6rem;
	}
	#main h3{
		font-size:2.4rem;
		line-height:130%;
	}
	#main h4{
		font-size: 2.2rem;
		margin:0px 0px 15px 0px;
	}
	#main p{
		padding:20px 5px;
	}
	#main h5.entry_h5{
		font-size: 1.4rem;
		margin: 10px 0px;
	}
}
@media screen and (max-width:540px){
	#main h3{
		font-size:1.8rem;
		line-height:140%;
		margin-top:0px;
	}
	#main p {
        padding: 10px 5px;
		font-size: 1.4rem;
    }
	#main p.h3_text{
		font-size: 1.4rem;
	}
	#main h4 {
        font-size: 1.8rem;
        margin: 0px 0px 10px 0px;
    }
	.stock_info{
		padding: 8px;
	}
}
/*------------------------------
お役立ちページ　詳細
--------------------------------*/
.QandA{
	border:3px dotted #ccc;
	padding:20px;
	margin:20px 0px;
}
#main p.text_Q{
	font-size:2.0rem;
	font-weight:bold;
	line-height:150%;
	border-bottom:2px solid #999;
	color:#0586C6;
	padding:10px;
}
.contents_box{
	margin:20px 0px;
}
.contents_box ul{
	padding:20px;
	font-size:1.6rem;
	list-style:square;
}
.contents_box li{
	margin:20px;
}
.other_box{
	margin:20px 0px;
	text-align:center;
}
.other_box article{
	display:inline-block;
	width:20%;
	margin:10px;
	text-align:left;
	vertical-align:top;
}
.other_box article:hover{
	opacity:0.7;
}
.other_box img{
	width:100%;
	height:200px;
	
}
.cb_comment table.table01{
		width:800px;
		margin:20px auto;
}
@media screen and (max-width:640px){
	.other_box article{
		width:45%;
		margin: 5px;
	}
	.cb_comment img{
		width:100%;
	}
}
/*------------------------------
フォームのフロー
--------------------------------*/
#tflow{
	margin:0px 0px 0px 0px;
	padding:20px;
	font-size:14px;
	line-height:160%;
	text-align:center;
}
.tf_m{
	font-size:2.6rem;
	font-weight:bold;
	display:block;
	margin:20px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	color:#004da4;
}
.tflow_box{
	display:inline-block;
	box-sizing: border-box;
	width:230px;
	margin:0px 0px 0px 0px;
	padding:15px 15px 15px 15px;
	font-size:14px;
	color:#004da4;
	background-color:#e5e5e5;
	-webkit-border-radius:5px;
}
.tflow_box span{
	display:block;
	box-sizing: border-box;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:18px;
}
.tflow_box_act{
	display:inline-block;
	box-sizing: border-box;
	width:230px;
	margin:0px 0px 0px 0px;
	padding:15px 15px 15px 15px;
	font-size:16px;
	color:#ffffff;
	background-color:#ff5a19;
	-webkit-border-radius:5px;
	font-weight:bold;
}
.tflow_box_act span{
	display:block;
	box-sizing: border-box;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:18px;
}
.tflow_y{
	display: inline-block;
    margin:30px 10px 0px 10px;
    width: 20px;
    text-align: center;
	vertical-align:top;
}
.tflow_y i{
	color:#ff5a19;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#fo_sbox{
	width:100%;
}
#fo_satei{
	width:33%;
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}
#fo_soudan{
	width:33%;
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}
#fo_w{
	width:33%;
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}
.fss_m{
	background-color:#e5e5e5;
	margin:0px 0px 0px 0px;
	padding:15px 15px 0px 80px;
	text-align:center;
}
.fsd_m{
	background-color:#e5e5e5;
	margin:0px 0px 0px 0px;
	padding:15px 15px 0px 90px;
	text-align:center;
}
.fsw_m{
	background-color:#e5e5e5;
	margin:0px 0px 0px 0px;
	padding:15px 15px 0px 35px;
	text-align:center;
}
.form_bbox{
	margin:20px 0px 20px 20px;
}
@media screen and (max-width:768px){
	.tflow_box{
		display:inline-block;
		width:28%;
		box-sizing: border-box;
		margin:0px 0px 0px 0px;
		padding:10px;
		font-size:14px;
		color:#004da4;
		background-color:#e5e5e5;
		-webkit-border-radius:5px;
	}
	.tflow_box_act{
		display:inline-block;
		width:28%;
		box-sizing: border-box;
		margin:0px 0px 0px 0px;
		padding:10px;
		font-size:14px;
		color:#ffffff;
		background-color:#ff5a19;
		-webkit-border-radius:5px;
	}
	#fo_satei{
		width:32.5%;
	}
	#fo_soudan{
		width:33%;
	}
	#fo_w{
		width:33%;
	}
	.fss_m{
		padding:10px 10px 0px 10px;
	}
	.fsd_m{
		padding:10px 10px 0px 10px;
	}
	.fsw_m{
		padding:10px 10px 0px 10px;
	}
}
@media screen and (max-width:640px){
	.tflow_box span{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		font-size:16px;
	}
	.tflow_box_act span{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		font-size:14px;
	}
	#fo_satei{
		width:97%;
	}
	#fo_soudan{
		width:97%;
	}
	#fo_w{
		width:97%;
	}
	.fss_m{
		padding:15px 15px 0px 15px;
	}
	.fsd_m{
		padding:15px 15px 0px 15px;
	}
	.fsw_m{
		padding:15px 15px 0px 15px;
	}
	#tflow{
		padding:0px;
		font-size:12px;
	}
	.tflow_box_act{
		font-size:12px;
	}
	.tflow_box{
		padding:5px;
	}
}
@media screen and (max-width:480px){
	.tflow_box{
		width:25%;
	}
	.tflow_box_act{
		width:25%;
	}
}
@media screen and (max-width:420px){
	.tflow_box{
		display:inline-block;
		width:97%;
		box-sizing: border-box;
		margin:0px 0px 0px 0px;
		padding:10px;
		font-size:14px;
		color:#004da4;
		background-color:#e5e5e5;
		-webkit-border-radius:5px;
	}
	.tflow_box_act{
		display:inline-block;
		width:97%;
		box-sizing: border-box;
		margin:0px 0px 0px 0px;
		padding:10px;
		color:#ffffff;
		background-color:#ff5a19;
		-webkit-border-radius:5px;
	}
	.tflow_box span{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		font-size:18px;
	}
	.tflow_box_act span{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		font-size:18px;
	}
	.tflow_y{
		display: inline-block;
		margin: 10px 0px 10px 0px;
		position: relative;
		width:97%;
		font-size:20px;
		text-align: center;
		transform: rotate(90deg);
	}
}

/*------------------------------
フォーム
--------------------------------*/
.conform{
	width:800px;
	margin:auto;
}
.conform table{
	width:100%;
	 margin: 0px 0px;
}
.conform select{
	padding: 8px 10px;
    font-size: 1.8rem;
    margin: 0px 0px;
	border-radius: 5px;
}
.radio-style,.check-style{
	margin:20px;
}
.radio-style input{
  display: none;
}
.radio-style table td{
  padding:10px;
}
.radio-style input + label {
  position: relative;
  cursor: pointer;
  padding: 0 2em;
  font-size:1.6rem;
}
.radio-style input + label::before,
.radio-style input + label::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  margin-bottom:20px;
  transition: all 0.5s ease-out;
  border: 1px solid #A2A2A2;
}
.radio-style input + label::before {
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #010079;
  box-shadow: inset 0 0 0 1em #fff;
}

.radio-style input:checked + label::before {
  box-shadow: inset 0 0 0 0.25em #fff;
}

.check-style input{
	position: absolute;
	left: 0;
	opacity: 0;
	font-weight: bold;
}
.check-style input:not(:checked) + label,
.check-style input:checked + label {
	position: relative;
	padding-left: 25px;
	font-size:1.8rem;
	line-height: 1;
	cursor: pointer;
	display:inline-block;
	margin-bottom:15px;
	padding-right:10px;
}
.check-style input:not(:checked) + label:before,
.check-style input:checked + label:before {
	 font-family: "Font Awesome 6 Free";
	content: "\f14a";/*アイコンのユニコード*/
	position: absolute;
	top: 0;
	left: 0;
	font-weight:400;
	font-size: 2.2rem;
	transition: all 0.4s;
	margin-top: -1px;
	color: #ccc;
	background-color:#fff;
}
.check-style input:not(:checked) + label:after,
.check-style input:checked + label:after {
    font-family: "Font Awesome 6 Free";
	content: "\f14a";/*アイコンのユニコード*/
	position: absolute;
    top: 0;
	left: 0;
	font-weight:900;
    font-size: 2.2rem;
	transition: all 0.4s;
    color: #0586C6;
	margin-top: -1px;
	background-color:#fff;
}
.check-style input:not(:checked) + label:after {
	opacity: 0;
}
.conform_tex{
	margin:20px;
}
.conform textarea{
	box-sizing: border-box;
    padding:10px;
	border-radius:5px;
	font-size: 1.6rem;
    border: 1px solid #A2A2A2;
}
.form_texbox{
	margin:20px;
	position: relative;
}
.form_texbox input {
	box-sizing: border-box;
	width: 300px;
	padding: 10px;
	font-size: 1.6rem;
	color: #333;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 0;
	transition: all 0.2s;
	appearance: none;
}
.form_texbox label {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size:1.6rem;
	line-height: 1;
	color: #aaa;
	transition: all 0.2s;
}
.form_texbox input:focus {
	outline: none;
}
.form_texbox input:focus + label {
	top: -2em;
	left: 0;
	padding: 10px;
	font-size: 1.4rem;
	color: #fff;
	background: #138;
	border-radius: 3px;
}
.form_texbox input:focus + label::after {
	position: absolute;
	bottom: -10px;
	left: 50%;
	content: '';
	border: 5px solid transparent;
	border-top-color: #138;
	transform: translate(-50%, 0);
}
.conform button{
	padding:7px 12px;
	font-size:1.6rem;
	border-radius:5px;
	border:1px solid #A2A2A2;
	background-color:#fff;
	cursor:pointer;
}
.conform button:hover{
	background-color:#333;
	color:#fff;
}
.form_big{
	font-size:1.8rem;
	font-weight:bold;
}
@media screen and (max-width:800px){
	.conform{
		width:100%;
		margin:0px;
	}
}
/*------------------------------
ページ送り
--------------------------------*/
.pager{
	margin: 20px;
}
.pager .pagination {
	text-align: center;
}
.pager .pagination li {
	display: inline;
	margin: 0 2px;
	padding: 0;
	display: inline-block;
	background:#fff;
	width: 50px;
	height: 50px;
	text-align: center;
	position: relative;
	border-radius: 10px;
	border:2px solid #000;
}
.pager .pagination li a{
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display:table;
	color: #000;
	text-decoration: none;
}
.pager .pagination li a span{
	display:table-cell;
	vertical-align:middle;
}
.pager .pagination li a:hover,
.pager .pagination li a.active{
	color: #fff;
	background: #000;
	border-radius:8px;
}
@media only screen and (max-width: 767px){
  .pager .pagination li{
		display: none;
  }

  .pager .pagination li.pre,
  .pager .pagination li.next{
		display: inline-block;
		width: 40%;
		height:35px;
		text-align: center;
  }

  .pager .pagination li.pre a,
  .pager .pagination li.next a{
		width: 100%;
		text-align: center;
  }

  .pager .pagination li.pre span::after{
		content: "　前へ";
  }

  .pager .pagination li.next span::before{
		content: "次へ　";
  }

}

/*------------------------------
アバウトページ
--------------------------------*/
.about_cat ul{
	margin: 50px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
	display:inline-block;
	vertical-align: top;
	text-align:center;
}
.about_cat ul li{
	display:inline-block;
	margin:20px;
    padding: 0px 0px 0px 0px;
	text-align:left;
}
.about_cat ul li a{
	display:block;
}
.about_cat ul li a:hover{
	color:#999;
}
.about_cat ul li img{
	width:50px;
	display:inline-block;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.about_cat ul li span{
	display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 10px;
    vertical-align: top;
    line-height: 140%;
}
@media screen and (max-width:640px){
	.about_cat ul{
		margin: 0px 0px 20px 0px;
	}
	.about_cat ul li{
		margin:20px 10px;
	}
}
/*------------------------------
トップページ
--------------------------------*/
#top_newlist{
	position:relative;
	padding-top:135px;
}
#top_newlist h2{
	background-color:#0586C6;
	color:#000;
	font-size:1.8rem;
	padding:20px 30px 30px;
	margin:0px;
}
#top_newlist h2:before{
	content:"Workspace";
	font-family:"TsunagiGothic", sans-serif;
	font-size:4.2rem;
}
.th_office {
	width: 97%;
    box-sizing: border-box;
    background-image: url(../images/bkm_office.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 100px;
    padding-bottom: 20px;
    margin: 0px auto;
    @include breakpoint(500px) {
        margin: 5% auto;
    }
}
.th_soho {
	width: 97%;
	box-sizing:border-box;
	background-image: url(../images/bkm_soho.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 100px;
    padding-bottom: 20px;
    margin: 0px auto;
    @include breakpoint(500px) {
        margin: 5% auto;
    }
}
.thos_btn{
	margin: 0px 0px 0px 0px;
    padding:30px 10px 30px 0px;
	text-align:right;
	border-bottom: 2px solid #000;
	font-size:1.8rem;
}
.thos_btn a{
	color:#333;
}
.thos_btn a:hover{
	color:#999;
}
article.thn_box {
	width:30%;
    margin-right: 5px;
    margin-left: 5px;
    padding: 10px;
}
article.thn_box figure{
	position:relative;
    margin: 20px 0px 0px 20px;
    padding:50px 20px 40px 20px;
    display: block;
    cursor: pointer;
	border-radius:10px;
    background-color:#EFEDE8;
}
article.thn_box figure img {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 280px;
    max-height: 280px;
    margin: 0px auto 0px auto;
    display: block;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    border-radius: unset;
    object-fit: contain;
    background: #fff;
}
article.thn_box figure img:nth-of-type(2) {
    object-fit: cover;
}
article.thn_box figure:hover img:nth-of-type(2) {
	opacity:0;
}
article.thn_box figure img.newicon {
	position: unset;
    -webkit-transform:unset;
    transform:unset;
    width:auto;
    height:auto;
    max-height:unset;
    margin: 0px 0px 0px 0px;
    display: block;
    -webkit-transition:unset;
    transition:unset;
    border-radius: unset;
    object-fit: unset;
    background:none;
}
article.thn_box figure:hover img:nth-of-type(2) {
	opacity:0;
}
.slick-prev:before, .slick-next:before {
    color: #000066;
}

.slick-track {
  display: flex;
}
.slick-slide {
  height: auto !important;
}
.slick-prev{
	left:-35px;
}
.slick-prev, .slick-next{
	z-index:2;
}
.slick-next:before,.slick-prev:before{
	font-family: "Font Awesome 5 Free";
	content: "\f054";/*アイコンのユニコード*/
	font-weight: 900;
	font-size:5.0rem;
	color:#ccc;
}
.slick-prev:before{
	content: "\f053";/*アイコンのユニコード*/
}
@media screen and (max-width:1499px){
	.slick-prev{
		left:10px;
	}
	.slick-next{
		right:10px;
	}
	.th_office,.th_soho{
		padding: 100px 20px 20px;
	}
}
@media screen and (max-width:1024px){
	#top_newlist h2:before{
		display:block;
		margin-bottom:10px;
	}
}
.thn_box figure h3{
	position: absolute;
    top: -10px;
    left: -20px;
    background-color: #333;
	height: 40px;
    box-sizing: border-box;
    margin: 0px 0px 0px 0px;
    padding: 8px;
    font-size: 1.8rem;
    color: #fff;
	line-height:150%;
	overflow:hidden;
}
.thn_box .th_btex{
	border-radius:10px;
	border:1px solid #333;
	background-color:#fff;
	margin: -20px 20px 0px 0px;
    padding:10px 90px 10px 10px;
	position:relative;
}
.thn_box p .th_info{
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	font-size:1.4rem;
	line-height:140%;
}
.thn_box span.th_pt{
	display:inline-block;
	width:auto;
	margin: 0px 10px 10px 0px;
    padding: 0px 0px 0px 0px;
	font-size:1.4rem;
}
.thn_box span.th_bp,
.thn_box span.th_bt
{
	margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
	font-size:2.8rem;
	font-weight:bold;
	display:block;
}
.thn_box span.th_bp i,
.thn_box span.th_bt i
{
	font-size:1.6rem;
	font-style:normal;
}
.thn_box span.th_ii
{
	display:block;
	line-height:170%;
}
.hmenu_box{
	position:absolute;
	top:165px;
	right:20px;
	z-index:2;
}
.hmenu_box a{
	display:inline-block;
	background-color:#fff;
	font-size:1.6rem;
	font-weight:700;
	border-radius:15px;
	margin: 0px 10px 0px 10px;
	padding: 10px 17px;
}
.th_btex a.th_my{
	width: 50px;
    height: 50px;
    box-sizing: border-box;
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 5px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 1.0rem;
    text-align: center;
    letter-spacing: -1px;
	color:#C4C4C4;
}
.th_btex a.th_my i{
	display:block;
	font-size:2.6rem;
	color:#C4C4C4;
	margin: 4px 0px 5px 0px;
}
.th_btex a:hover.bk_my{
	color:#333;
}
.th_btex a:hover.th_my i,.th_btex a.th_my i.onFav{
	color:#dacc21;
}
.th_btex a.th_de{
	box-sizing: border-box;
    position: absolute;
    right: 15px;
    bottom: 15px;
    cursor: pointer;
    background-color: #333;
    border-radius: 15px;
    margin: 0px 0px 0px 0px;
    padding: 8px 10px;
    font-size: 1.2rem;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
}
.th_btex a:hover.th_de{
    background-color: #0586C6;
}
article .thb_img{
	height: 300px;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    cursor: pointer;
}
article .thb_img time{
	position: absolute;
    top: -10px;
    left: -30px;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid #333;
    margin: 0px 0px 0px 0px;
    padding: 8px 12px;
    font-size: 1.2rem;
    color: #333;
}
article .thb_img img {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 95%;
    height: 280px;
    max-height: 280px;
    margin: 0px auto 0px auto;
    display: block;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    border-radius: unset;
    object-fit: contain;
    background: #fff;
}
article .thb_img:hover img:nth-of-type(2) {
	opacity:0;
}
.th_new{
	position:absolute;
	top:20px;
	right:20px;
}
#top_cat{
	background-image: url(../images/main_img01.jpg);
    background-repeat: no-repeat;
    background-size:auto 460px;
	margin: 0px 0px 0px 0px;
    padding: 460px 0px 0px 0px;
}
#tcat_box{
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 30px 0px;
	border-top:5px solid #0071B8;
	border-bottom:5px solid #0071B8;
}
ul.tcb_cat{
	margin: 50px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
	width:65%;
	display:inline-block;
	vertical-align: top;
	text-align:center;
}
ul.tcb_cat li{
	width:150px;
	display:inline-block;
	margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
	text-align:left;
}
ul.tcb_cat li a{
	display:block;
}
ul.tcb_cat li a:hover{
	color:#999;
}
ul.tcb_cat li img{
	width:50px;
	display:inline-block;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
ul.tcb_cat li span{
	display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 10px;
    vertical-align: top;
    line-height: 140%;
}
ul.tcb_cat li.tcb_catm{
	width:100%;
	margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
}
ul.tcb_cat li.tcb_catm h2{
	width:242px;
	background-color:#0586C6;
	margin: 0px auto 0px auto;
    padding: 10px 0px 10px 0px;
	font-size:1.8rem;
	color:#fff;
	border-radius:20px;
	text-align:center;
}
ul.tcb_wide{
	margin: 50px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width:32%;
	display:inline-block;
	vertical-align: top;
	text-align:center;
}
ul.tcb_wide li{
	width:24%;
	display:inline-block;
	margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
	text-align:center;
}
ul.tcb_wide li img{
	width:50px;
	display:inline-block;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
ul.tcb_wide li span{
	display:inline-block;
	padding: 10px 0px 0px 10px;
    vertical-align: top;
    line-height: 140%;
}
ul.tcb_wide li span i{
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:1.1rem;
	font-style:normal;
}
ul.tcb_wide li.tcb_catm{
	width:100%;
	margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
}
ul.tcb_wide li.tcb_catm h2{
	width:242px;
	background-color:#0586C6;
	margin: 0px auto 0px auto;
    padding: 10px 0px 10px 0px;
	font-size:1.8rem;
	color:#fff;
	border-radius:20px;
	text-align:center;
}
#top_cat a.top_cat_btn,#hmenu_box a.top_cat_btn{
	width:300px;
	height:45px;
	box-sizing:border-box;
	display:inline-block;
	background-color:#999;
	margin: 0px 10px 0px 10px;
    padding: 12px 0px 0px 0px;
	border-radius:5px;
	font-size:1.8rem;
	color:#fff;
}
#top_cat a:hover.top_cat_btn,#hmenu_box a:hover.top_cat_btn{
	background-color:#0586C6;
}
@media screen and (max-width:1499px){
	#tcat_box{
		padding: 0px 20px 30px 20px;
	}
	ul.tcb_cat,ul.tcb_wide{
		margin: 20px 0px 20px 0px;
	}
}
@media screen and (max-width:1024px){
	#top_cat{
		background-size:100% 310px;
		padding: 310px 0px 0px 0px;
	}
	article .thb_img time{
		top:unset;
		bottom:-10px;
	}
	.thn_box span.th_pt{
		display:block;
	}
	.th_btex a.th_de{
		right: 10px;
		bottom: 10px;
		border-radius: 8px;
		padding: 10px;
	}
	ul.tcb_cat li{
		width:30%;
	}
	ul.tcb_wide li{
		width:100px;
	}
}
@media screen and (max-width:640px){
	#top_newlist{
		padding-top:80px;
	}
	.hmenu_box{
		display:none;
	}
	#top_newlist h2{
		padding: 10px 20px 20px;
	}
	ul.tcb_cat,ul.tcb_wide{
		width:97%;
		display:block;
	}
	.th_new{
		top:45px;
	}
	.slick-prev{
		left:0px;
	}
	.th_office,.th_soho{
		padding: 70px 10px 10px;
		background-size:250px;
	}
	#tcat_box{
		padding: 0px 10px 30px 10px;
	}
	#top_cat{
		background-image: url(../images/main_img2.jpg);
		background-repeat: no-repeat;
		background-size:100% 400px;
		margin: 0px 0px 0px 0px;
		padding: 400px 0px 0px 0px;
	}
	#top_cat a.top_cat_btn,#hmenu_box a.top_cat_btn{
		width: auto;
        height: 35px;
        font-size: 1.6rem;
        padding: 10px 10px 0px 10px;
	}
	ul.tcb_cat li{
		width: 90px;
        text-align: center;
	}
	#top_newlist h2:before{
		font-size:3.6rem;
	}
}
@media screen and (max-width:540px){
	.th_office_smp,.th_soho_smp{
		width:100%;
		 background-image: url(../images/bkm_office.png);
		background-repeat: no-repeat;
		background-position: left top;
		background-size:auto 40px;
		padding-top:40px;
	}
.th_soho_smp{
		 background-image: url(../images/bkm_soho.png);
	}
	article.thn_box{
		width: 94%;
	}
	.thn_box span.th_pt{
		display:inline-block;
		width:45%;
		font-size:1.2rem;
	}
	.thn_box span.th_bp,
	.thn_box span.th_bt
	{
		font-size:2.4rem;
	}
	.th_btex a.th_my{
		right: 5px;
		top: 5px;
	}
	#top_cat{
		background:none;
		padding: 0px 0px 0px 0px;
	}
	ul.tcb_cat li img,ul.tcb_wide li img{
		width:40px;
	}
	ul.tcb_wide li{
		width:90px;
	}
	ul.tcb_cat li span,ul.tcb_wide li span{
		display: block;
		font-size:1.2rem;
	}
}
@media screen and (max-width:430px){
	#top_newlist h2{
		font-size:1.6rem;
		line-height:140%;
		padding: 20px 10px;
	}
	#top_newlist h2:before{
		margin-bottom:15px;
	}
}
/*------------------------------
ヘッダー
--------------------------------*/
#header{
	width: 1500px;
    height: 135px;
    box-sizing: border-box;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: fixed;
    z-index: 5;
    background: #fff;
	border-bottom:1px solid #0071B8;
}
#header h1{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#header h1 a{
	display:block;
	width: 370px;
    height: 95px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center 30px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#header h1 a:hover{
	opacity:0.7;
}
#header p.htex_p{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	font-size:0.1rem;
}
#header ul{
	position: absolute;
    width: auto;
	top:40px;
	left:120px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}
#header li{
	display: inline-block;
    margin: 0px 15px 0px 15px;
    padding: 0px;
	vertical-align:top;
}
#header li a{
	display:block;
	font-size:1.2rem;
	text-align:center;
	color:#333;
	position: relative;
	width:50px;
}
#header li a img{
	display:block;
	width:30px;
	margin: 0px auto 0px auto;
}
#header li a span{
	display:none;
}
#header li a:hover span,
#header li.hm_over a span,
#header li.hm_over a:hover span{
	display:block;
	position: relative;
    display: inline-block;
    margin: 10px 0;
    padding: 2px 3px;
    min-width: 50px;
    max-width: 100%;
    color: #fff;
    font-size: 1.0rem;
    background: #808080;
    border-radius: 2px;
}
#header li a:hover span:before,
#header li.hm_over a span:before,
#header li.hm_over a:hover span:before{
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-bottom: 5px solid #808080;
}
.mylist_btn{
	position:absolute;
	top:50px;
	right:30px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
.mylist_btn a{
	display:block;
	position:relative;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
.mylist_btn a:hover{
	opacity:0.7;
}
.mylist_btn span.mybtex{
	display:inline-block;
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	font-size:1.6rem;
	color:#000;
}
.mylist_btn span#mynum{
	display:inline-block;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	line-height:135%;
}
.mylist_btn span#mynum:before{
	font-family:"Font Awesome 5 Free";
	content: '\f005';
	font-weight: 900;
	color:#FFD80B;
	z-index:1;
	font-size:3.6rem;
}
.mylist_btn strong#mylist_count{
	position: absolute;
    right: 12px;
    top: 0px;
    font-family: Arial Black;
    font-size: 2.6rem;
    margin: 0px 0px 0px 0px;
    z-index: 2;
    color: #000;
}
@media screen and (max-width:1499px){
	#header{
		width:100%;
	}
}
@media screen and (max-width:1024px){
	#header li{
		display:none;
	}
}
@media screen and (max-width:640px){
	#header{
		height: 80px;
	}
	#header h1 a{
		width:300px;
		height: 80px;
		background-size:100% auto;
		background-position: right 10px;
		margin: 0px 0px 0px 80px;
	}
	.mylist_btn{
		display:none;
	}
}
@media screen and (max-width:375px){
	#header h1 a{
		width:280px;
	}
}
/*------------------------------
パンクズ
--------------------------------*/
.breadcrumb {
	list-style: none;
	margin: 0px 0px 0px 0px;
	background-color:#fff;
	padding:15px 20px;
}
.breadcrumb li {
	display: inline;/*横に並ぶように*/
	list-style: none;
	font-weight: bold;/*太字*/
	line-height:150%;
}
.breadcrumb li:last-child:after {
	content: '';
}
.breadcrumb li a {
	text-decoration: none;
	color: #2e7fea;
}
.breadcrumb li a:hover{
	color: #999;
	text-decoration:none;
}
.breadcrumb li a span.bdcb{
	color: #1D2B33;
}
.breadcrumb li:first-child a:before {
	font-family:"Font Awesome 5 Free";
	content: '\e3af';
	font-weight: 900;
	font-size: 1.1em;
	color: #2e7fea;
	margin-right:5px;
}
@media screen and (max-width:640px){
	.breadcrumb {
		padding:5px;
	}
}
@media screen and (max-width:480px){
	.breadcrumb {
		margin:15px;
	}
	.breadcrumb li{
		font-size:1.2rem;
	}
}
@media screen and (max-width:430px){
	.breadcrumb {
		margin:10px;
	}
	.breadcrumb li{
		margin-bottom:3px;
	}
}
@media screen and (max-width:390px){
	.breadcrumb {
		margin: 10px;
		line-height:150%;
	}
}
/*------------------------------
インフォボックス
--------------------------------*/
#info_box{
	margin:60px 0px 60px 0px;
	padding:0px 0px 0px 0px;
}
#info_box ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	text-align:center;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
#info_box li{
	width:25%;
	display:inline-block;
	margin:0px 15px 0px 15px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}
#info_box li a{
	display:block;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-radius:10px;
	border:1px solid #333;
}
#info_box li a img{
	width:100%;
	box-sizing:border-box;
	height:auto;
	padding:15px;
}
#info_box li a h3{
	margin:15px 0px 0px 0px;
	padding:10px;
	background-color:#0071B8;
	font-size:1.8rem;
	color:#fff;
	text-align:center;
	line-height:140%;
}
#info_box li.ib_02 a h3{
	margin:0px 0px 15px 0px;
}
#info_box li p{
	margin:15px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.8rem;
	line-height:150%;
	letter-spacing:1px;
}
#info_box li a:hover{
	opacity:0.7;
}
@media screen and (max-width:1024px){
	#info_box li{
		width:45%;
	}
}
@media screen and (max-width:640px){
	#info_box{
		margin:30px 0px 30px 0px;
		padding:0px 0px 0px 0px;
	}
	#info_box li{
		width:97%;
	}
}

/*------------------------------
お役立ちボックス
--------------------------------*/
#cont_box{
	margin:0px 0px 0px 0px;
	padding:0px 0px 50px 0px;
	background-color:#EAE8DF;
}
#cont_box ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	text-align:center;
}
#cont_box li{
	width:130px;
	box-sizing:border-box;
	display:inline-block;
	margin:10px;
	padding:0px 0px 0px 0px;
	list-style:none;
}
#cont_box li a{
	display:block;
	margin:0px 0px 0px 0px;
	padding:23px 15px;
	border-radius:8px;
	color:#4D4D4D;
	background-color:#fff;
	text-align:center;
	line-height:140%;
	font-size:1.3rem;
}
#cont_box li a img{
	display:block;
	margin:0px auto 10px auto;
	padding:0px 0px 0px 0px;
}
#cont_box li.olist_btn{
	width:200px;
	display:block;
	box-sizing:border-box;
	margin:20px auto;
}
#cont_box li.olist_btn a{
	display:block;
	margin:0px 0px 0px 0px;
	padding:8px 12px;
	border-radius:unset;
	color:#4D4D4D;
	text-align:center;
	line-height:140%;
	font-size:unset;
	font-size:1.8rem;
}
#cont_box h2{
	color:#000;
	font-size:1.8rem;
	padding:30px 30px 30px;
	margin:0px;
}
#cont_box h2:before{
	content:"CONTENTS workspace";
	font-family:"TsunagiGothic", sans-serif;
	font-size:4.2rem;
}
#cont_box li a:hover{
	color:#fff;
	background-color:#0071B8;
}
.kiji_box{
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 30px;
}
.kiji_box article{
	margin:0px 0px 0px 0px;
	padding:10px;
}
.kiji_box figure{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.kiji_box figure img{
	width:100%;
	height:220px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.kb_box h3{
	margin:8px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.8rem;
	line-height:140%;
}
.kb_box p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.4rem;
	line-height:150%;
}
@media screen and (max-width:640px){
	#cont_box h2:before{
		display:block;
		margin-bottom: 10px;
		font-size:3.6rem;
	}
}
@media screen and (max-width:430px){
	#cont_box h2{
		font-size:1.6rem;
		line-height:140%;
		padding: 20px 10px;
	}
	#cont_box h2:before{
		margin-bottom:15px;
		line-height:100%;
	}
}


.sns-share-links{
	margin: 0px;
    padding:40px 10px 40px 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
a.js-sns-link {
    display: block;
    width: 45px;
	margin: 0px 12px;
}
.sns-share-links a:hover {
	color:#ccc;
}

/*------------------------------
フットバナー
--------------------------------*/
#foot_ban{
	margin:0px 0px 0px 0px;
	padding:50px 0px 50px 0px;
}
#foot_ban ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	text-align:center;
}
#foot_ban li{
	width:250px;
	display:inline-block;
	margin:10px;
	padding:0px 0px 0px 0px;
}
#foot_ban li img{
	width:100%;
	height:auto;
}
#foot_ban li a:hover{
	opacity:0.7;
}
@media screen and (max-width:640px){
	#foot_ban{
		padding:25px 0px 25px 0px;
	}
}
@media screen and (max-width:430px){
	#foot_ban li {
		width: 45%;
		margin: 5px;
	}
}
/*------------------------------
共通
--------------------------------*/
.scroll_up {
    transition: 0.5s ease-in-out;
    transform: translateY(100px);
    opacity: 0;
}
.scroll_up.on {
    transform: translateY(0);
    opacity: 1.0;
}
.scroll_left {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    transform: translateX(-50px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_left.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}
.scroll_right {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    transform: translateX(50px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_right.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}

.fade-up {
  transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
.fade-right {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}
.fade-left {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}
.scroll_up.visible,.scroll_left.visible,.scroll_right.visible{
    opacity: 1;
}

span.btn_space{
	display:inline-block;
	width:20px;
}
span.btn_space10{
	display:inline-block;
	width:10px;
}
a.btn_img img{
	filter: drop-shadow(2px 2px 3px #999);
}
.img_box{
	display:block;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.red{
	color:#e21c24;
}
.orange{
	color:#f97d16;
}
.kon{
	color:#2e3187;
}
.black{
	color:#000;
}
.rent{
	color:#5273A9;
}
.sale{
	color:#996D70;
}
.high{/*文字のバックを黄色でハイライト*/
  position: relative;
  background: linear-gradient(transparent 40%, yellow 40%);
}
.mini{
	font-size:1.2rem;
}
.page_l{
	text-align:left;
}
.page_c,.img_c{
	text-align:center;
}
.page_r{
	text-align:right;
}
.bbig{
	font-weight:bold;
	font-size:120%;
}
.tb20{
	clear:both;
	margin:20px 0px 20px 0px;
}
.tb10{
	clear:both;
	margin:10px 0px 10px 0px;
}
@media screen and (max-width:920px){
	span.btn_space{
		display:block;
		width:0px;
		height:10px;
	}
}
@media screen and (max-width:640px){
	.img_c img{
		width:100%;
		height:auto;
	}
}
/*------------------------------
コンタクトページボタン
--------------------------------*/
a.contact_btn{
	display: inline-block;
    padding:16px 20px 14px 20px;
	margin:5px 5px 5px 5px;
    text-decoration: none;
    background: #ffffff;/*ボタン色*/
    color: #333333;
	font-size:1.8rem;
	cursor:pointer;
	border-radius:18px;
	line-height:140%;
	box-shadow:2px 2px 5px #ccc;
	border:2px solid #0586C6;
}
a.contact_btn span{
	font-size:1.1rem;
}
a.contact_btn:before{
	font-family:"Font Awesome 5 Free";
	content: '\f005';
	font-weight : 900;
	font-size:2.8rem;
	display: block;
	margin:0px auto 10px auto;
}
a:hover.contact_btn{
    background: #0586C6;/*ボタン色*/
    color: #ffffff;
}
a:hover.contact_btn:before{
    color: #ffffff;
}
a.cb_sale:before{
	content: "\f594";
	color: #F26C7D;
}
a.cb_rent:before{
	content: "\f1ad";
	color: #1674BA;
}
a.cb_business:before{
	content: "\e587";
	color: #383B5F;
}
a.cb_pub:before{
	content: "\f1ea";
	color: #666666;
}
a.cb_other:before{
	content: "\f674";
	color: #988676;
}
a.cb_res:before{
	content: "\f073";
}
a.cb_req:before{
	content: "\f274";
}
a.cb_mem:before{
	content: "\f2c2";
}
a.cb_con:before{
	content: "\f0e0";
}
/*------------------------------
共通ボタン
--------------------------------*/
a.base_btn {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	margin: 0px 10px 20px 0px;
	padding: 1rem 4rem;
	font-weight: bold;
	font-size:1.8rem;
	border-radius: 0.3rem;
	border: 2px dashed #4c9ac0;
	color: #27acd9;
	box-shadow: 5px 5px 0 #4c9ac0;
	transition: 0.3s ease-in-out;
	cursor:pointer;
}
a.base_btn:hover {
	box-shadow: 0 0 0;
	transform: translate(5px, 5px);
	color: #4c9ac0;
}
a.base_btn2{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	margin: 0px 10px 20px 0px;
	padding: 1rem 4rem;
	font-weight: bold;
	font-size:1.6rem;
	border-radius: 0.3rem;
	border: 2px dashed #666;
	color: #666;
	box-shadow: 5px 5px 0 #666;
	transition: 0.3s ease-in-out;
	cursor:pointer;
}
a.base_btn2:hover {
	box-shadow: 0 0 0;
	transform: translate(5px, 5px);
	color: #666;
}
a.act2{
	background-color:#666;
	border: 2px dashed #ccc;
	color:#fff;
}
a.act2:hover{
	background-color:#666;
	color:#fff;
}
a.line{
	border: 2px dashed #09BC08;
	color:#09BC08;
	box-shadow: 5px 5px 0 #09BC08;
}
a.line:hover {
	color: #09BC08;
}
@media screen and (max-width:540px){
	a.base_btn,a.base_btn2{
		margin: 0px 10px 10px 0px;
		padding:7px 15px;
		font-size:1.4rem;
		letter-spacing:1px;
	}
}
/*------------------------------
お役立ちページ
--------------------------------*/
a.ac_btn{
	display:inline-block;
	padding:10px 20px;
	margin:0px 0px 13px 0px;
	background-color:#fff;
	color:#666;
	font-size:1.6rem;
	border-radius:5px;
}
a.ac_btn_active{
	display:inline-block;
	padding:10px 20px;
	margin:0px 0px 13px 0px;
	background-color:#333;
	color:#fff;
	font-size:1.6rem;
	border-radius:5px;
}
a:hover.ac_btn,a:hover.ac_btn_active{
	background-color:#333;
	color:#fff;
}
.ac_cat_box{
	border-top:1px dotted #333;
	padding:20px;
	font-size:1.6rem;
	border-bottom:1px dotted #333;
}
.ac_cat_box span{
	display:block;
	font-size:2.0rem;
	font-weight:bold;
	margin:0px 15px 15px 15px;
	text-align:center;
}
.ac_cat_box a{
	display:inline-block;
	padding:5px 10px;
	margin:5px;
	background-color:#999;
	color:#fff;
	font-size:1.4rem;
	border-radius:5px;
}
.ac_cat_box a:hover{
	background-color:#666;
}
/*------------------------------
用語集用ボタン
--------------------------------*/
a.dic_btn{
	display:inline-block;
	border: none;
	background: #666;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	width:50px;
	box-sizing: border-box;
	padding:10px 10px 10px 10px;
	margin:10px 5px 10px 5px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-size:1.6rem;
	text-decoration:none;
	text-align:center;
}
a:hover.dic_btn{
	background: #EE7801;
	text-decoration:none;
	color:#fff;
}
.btnbox_dic > a.act,
.btnbox_dic > a:hover.act{
	background: #EE7801;
	color:#fff;
	text-decoration:none;
}
a.anchor {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
.btnbox_dic{
	width:100%;
	text-align:center;
	margin:0px auto 20px auto;
}
/*------------------------------
テーブル
--------------------------------*/
.table01,.table02,.table03{
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	font-size:1.6rem;
	border-collapse: collapse;
	text-align: center;
}
.table01 th,.table02 th,.table03 th{
	border:1px dotted #b1b1b1;
	background-color:#efefef;
	margin:0px 0px 0px 0px;
	padding:8px;
	text-align:center;
	font-weight:normal;
	color:#333;
	vertical-align:middle;
	line-height:140%;
}
.table03 th{
	padding:5px 0px 5px 0px;
}
.table01 th.th_m,.table02 th.th_m,.table03 th.th_m{
	background-color:#333;
	color:#fff;
}
.table01 th.th_m a,.table02 th.th_m a,.table03 th.th_m a{
	color:#fff;
	text-decoration:underline;
}
.table01 td,.table02 td,.table03 td{
	border:1px dotted #b1b1b1;
	margin:0px 0px 0px 0px;
	padding:8px;
	color:#333;
	vertical-align:middle;
	line-height:150%;
	background-color:#fff;
	text-align:left;
}
.table02 td.no{
	padding:2px;
	text-align:center;
}
.table02 td img{
	width:100%;
	height:auto;
}
.table03 td{
	padding:0px 0px 0px 0px;
	text-align:center;
}
.ta_c td{
	text-align:center;
}
.table01 td.td_c,.table02 td.td_c{
	text-align:center;
}
.table01 td.tnp_line img{
	width:100%;
	height:auto;
}
.table01 td.td_n,.table02 td.td_n{
	border:none;
	text-align:center;
}
.table02 th.thw80,.table02 td.tdw80{
	width:80px;
}
.table02 th.thw100,.table02 td.tdw100{
	width:100px;
}
.taw400{
	width:400px;
	margin:0px auto 0px auto;
}
.taw600{
	width:600px;
	margin:0px auto 0px auto;
}
.taw800{
	width:800px;
	margin:0px auto 0px auto;
}
.thw80,.tdw80{
	width:80px;
}
.thw100{
	width:100px;
}
.thw150{
	width:150px;
}
.thw250{
	width:250px;
}
.t_fixed{
	table-layout: fixed;
}
.tmini{
	font-size:1.4rem;
}
@media screen and (max-width:800px){
	.taw800{
		width:100%;
		margin:0px 0px 0px 0px;
	}
}
@media screen and (max-width:640px){
	.taw600{
		width:100%;
		margin:0px 0px 0px 0px;
	}
}
@media screen and (max-width:480px){
	.table01 th,.table01 td{
		display:block;
		width:100%;
		box-sizing:border-box;
		margin:0px 0px 0px 0px;
	}
	.table01 td img{
		width:100%;
		height:auto;
	}
}
@media screen and (max-width:480px){
	.taw400{
		width:100%;
		margin:0px 0px 0px 0px;
	}
}
/*------------------------------
フッター
--------------------------------*/
#footer{
	padding:50px 0px 50px 0px;
	margin:0px 0px 0px 0px;
	background-color:#0071B8;
	color:#fff;
	text-align:center;
}
#footer p{
	padding:0px 0px 0px 0px;
	margin:0px 0px 30px 0px;
	font-size:1.8rem;
	line-height:150%;
}
#footer ul#foot_ul{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
}
#footer ul#foot_ul li{
	display:inline-block;
	padding:0px 0px 0px 0px;
	margin:0px 10px 10px 10px;
	list-style:none;
	color:#fff;
}
#footer ul#foot_ul li a{
	color:#fff;
}
#foot_top{
	position:fixed;
	bottom:100px;
	right:50%;
	margin-right:-700px;
	z-index:100;
}
address{
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:20px 0px;
	font-size:1.1rem;
	color:#0071B8;
	font-style:normal;
}
@media screen and (max-width:1024px){
	#foot_top{
		right:20px;
		margin-right:0px;
		bottom:30px;
	}
}
@media screen and (max-width:640px){
	#footer{
		padding: 25px 0px 25px 0px;
	}
	#footer p{
		font-size:1.6rem;
		margin:0px 20px 30px 20px;
	}
	#footer p br{
		display:none;
	}
	#foot_top{
		right:5px;
		bottom:10px;
	}
}
@media screen and (max-width:540px){
	#footer{
		padding: 10px 0px 10px 0px;
	}
	#footer p{
		font-size:1.2rem;
	}
}
.dic_box table {
  margin-bottom:135px;
}
.dic_box h4 a[id]::before {
  content: "";
  display: block;
  height: 135px;
  margin-top: -135px;
  visibility: hidden,
}
@media screen and (max-width:640px){
	.dic_box table {
		margin-bottom:80px;
	}
	.dic_box h4 a[id]::before {
		height: 80px;
		margin-top: -80px;
	}
}
.all_clear {
    clear: both;
    height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#foot_sinfo{
	width:1000px;
    box-sizing: border-box;
    padding: 20px 0px;
    margin: 0px auto 20px auto;
    text-align: center;
	border-bottom: 1px solid #fff;
}
#foot_sinfo ul{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
#foot_sinfo li{
	width:32%;
	box-sizing:border-box;
	display:inline-block;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}
#foot_sinfo li h3{
	font-size:2.2rem;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}
#foot_sinfo li h3 span{
	display: block;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    color: #fff;
	font-size:1.8rem;
}
#foot_sinfo li span.fsb_tel{
	font-size:3.4rem;
    display: block;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: 700;
	color:#fff;
}
#foot_sinfo li span.fsb_time{
	font-size:1.3rem;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: nomarl;
	color:#fff;
	line-height:130%;
}
@media screen and (max-width:999px){
	#foot_sinfo{
		padding:0px 0px 20px;
	}
	#foot_sinfo{
		width:100%;
		margin:0px 0px 10px 0px;
	}
}
@media screen and (max-width:640px){
	#foot_sinfo li{
		width:98%;
		box-sizing:border-box;
		display:inline-block;
		padding:0px 0px 0px 0px;
		margin:5px 0px 15px 0px;
	}
	#foot_sinfo li h3 span{
		display:inline;
	}
}
@media screen and (max-width:540px){
	#foot_sinfo li h3{
		font-size:1.8rem;
	}
	#foot_sinfo li h3 span{
		font-size:1.4rem;
	}
	#foot_sinfo li span.fsb_tel{
		font-size: 3.0rem;
	}
}
@media screen and (max-width:375px){
	#foot_sinfo li h3{
		font-size:1.6rem;
	}
}

.year_banner img{
	display:block;
	width: 100%;
	max-width:1000px;
	margin: 20px auto 0px auto;
}
@media screen and (max-width:540px){
	.year_banner{
		margin: 0px 0px 0px 0px;
	}
}
.lp_btn img{
	width:97%;
	height:auto;
	max-width:400px;
}