/*=====================================================
* 01.全体
* 02.header
* 03.nav
* 04.title
* 05.top
* 06.会社案内
* 07.事業案内
* 08.保有物件
* 09.パートナー募集
* 10.個人情報保護方針
* 11.お役立ちリンク
* 12.form

* 20.ボタン
* 21.icon/リスト
* 90.footer
* 100.common
========================================================*/


/*----------------------
* 01.全体
----------------------*/

html {
	font-size: 62.5%;
}

body {
	font-size: 1.6em;
	line-height: 1.8;
	letter-spacing: 0.1em;
}

.container {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 50px;
	padding-right: 50px;
	box-sizing: content-box;
}

@media all and (-ms-high-contrast: none) {
	.container {
		display: block;
		padding-left: 50px;
		padding-right: 50px;
	}
}

.container-in {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.breadcrumb {
	margin-left: 2px;
	margin-bottom: 10px;
}

.breadcrumb li {
	font-size: 80%;
	line-height: 1.2;
}

a {
	text-decoration: none;
	color: inherit;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

a:hover {
	opacity: 0.8;
}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

img {
	vertical-align: bottom;
}

.main {
	height: 100%;
	min-height: 600px;
	display: block;
}

.bg-White {
	padding-bottom: 100px;
	width: 100%;
	min-width: 1200px;
}

.bg-Lgray {
	padding-top: 100px;
	padding-bottom: 100px;
	width: 100%;
	min-width: 1200px;
}

.bg-White-in {
	background-color: #FFF;
	padding: 6em;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}


/*----------------------
 * 02.header
----------------------*/

header {
	width: 100%;
	min-width: 1200px;
}

.header-line {
	border-top: 6px #edac3c solid;
}

.header-link {
	text-align: right;
	font-size: .8em;
	padding: 1em 0;
}

img.logo{width:130px; margin-top:30px;}

/*----------------------
 * 03.nav
----------------------*/

.global-nav__list {
	display: table;
	/*table-layout: fixed;*/
	width: 1100px;
	margin: 2.5em auto;
}

.global-nav__list li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-left:2.8em;
	padding-right:2.8em;
}
.global-nav__list li:nth-child(n+4){letter-spacing:0.05em;	padding-left:2.1em;
	padding-right:2.1em;}
.global-nav__list li:first-of-type{padding-left:0;}
.global-nav__list li:last-of-type{padding-right:0;}
.global-nav__list li>a {
	display: block;
	line-height: 1;
	box-sizing: border-box;
	font-size: 1.2em;
}

.global-nav__list li a:hover, .global-nav__list li a.current {
	opacity: 0.8;
}

ul.global-nav__list li a>div {
	color: #020452;
	font-size: .6em;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	margin-top: 1em;
	letter-spacing:0.05em;
}


/*----------------------
 * 04.title
----------------------*/

/*会社案内*/

.about-ttl {
	width: 100%;
	min-width: 1200px;
	background-size: auto 100%;
	background-position: right top;
}


/*事業案内*/

.bus-ttl {
	width: 100%;
	min-width: 1200px;
	background-size: auto 100%;
	background-position: right top;
}


/*保有物件*/

.property-ttl {
	width: 100%;
	min-width: 1200px;
	background-size: auto 100%;
	background-position: right top;
}


/*パートナー募集*/

.partners-ttl {
	min-width: 1200px;
	background-size: auto 100%;
	background-position: right top;
}


/*お問い合わせ*/

.contact-ttl {
	min-width: 1200px;
	background-size: auto 100%;
	background-position: right top;
}


/*個人情報*/

.privacy-ttl {
	min-width: 1200px;
	background-size: auto 100%;
	background-position: right top;
}


/*お役立ちリンク*/

.links-ttl {
	min-width: 1200px;
	background-size: auto 100%;
	background-position: right top;
}

.about-ttl h1, .bus-ttl h1, .property-ttl h1, .partners-ttl h1, .contact-ttl h1, .privacy-ttl h1, .links-ttl h1 {
	width: 1100px;
	height: 270px;
	margin-left: auto;
	margin-right: auto;
}


/*----------------------
* 05.TOP
----------------------*/

dl.news-info {
	padding: 1em 0;
}

dl.news-info dt {
	color: #363636;
	float: left;
	clear: left;
	text-align: left;
	font-weight: bold;
	width: 25%;
	display: block;
	padding-bottom: 1em;
}

dl.news-info dd {
	display: block;
	margin-left: 25%;
	padding-bottom: 1em;
}

.top-news-wrap {
	position: relative;
	margin-bottom: 150px;
}

.top-news-wrap .top-news_img {
	margin-left:50px;
}

.top-news-wrap .top-news_img img {
	width: 40vw;
	height: 40vw;
	max-width: 535px;
	max-height: 380px;
	background-color: #fff;
	overflow: hidden;
	z-index: 1;
}

.top-news-wrap .bg {
	position: absolute;
	top: 70px;
	left: 0;
	background-color: #eeac3c;
	height: 95%;
	width: 20vw;
}

.top-news-wrap .news {
	position: absolute;
	top: 55px;
	right: 0;
	background-color: #FFF;
	height: 100%;
	width: 80vw;
	max-width: 750px;
	padding: 60px 0 60px 60px;
}

.news h1 {
	border-bottom: #020452 3px solid;
	color: #020452;
	font-size: 2em;
	line-height: 1;
	padding-bottom: .5em;
}


/*----------------------
 * 06.会社案内
----------------------*/
/*
dl.tbl {
	width: 75%;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:4em;
	padding: 3em 3em 3em 4em;
}
*/
dl.tbl { font-size:1.1em;}
dl.tbl dt {
	color: #020452;
	float: left;
	clear: left;
	text-align: left;
	font-weight:500;
	width: 25%;
	display: block;
	padding-bottom: 1.5em;
}

dl.tbl dd {
	display: block;
	margin-left: 25%;
	padding-bottom: 1.5em;
}


/*----------------------
 * 07.事業案内
----------------------*/

.bus-wrap-l
/*テキストひだり*/

{
	display: flex;
	margin-bottom: 150px;
	margin-left: 50px;
}

.bus-wrap-l .img {
	margin-top: 55px;
	margin-left: -94px;
}

.bus-wrap-l .txt {
	background-color: #FFF;
	width: 660px;
	height: 390px;
	padding: 2.5em;
	z-index: 10;
}

.item1 {
	order: 1;
}

.item2 {
	order: 2;
}

.bus-wrap-r
/*テキスト右*/

{
	position: relative;
	margin-bottom: 150px;
	margin-right: 50px;
}

.bus-wrap-r .img {
	padding-top: 55px;
}

.bus-wrap-r .txt {
	padding: 2.5em;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #FFF;
	width: 660px;
	height: 390px;
}

.bus-wrap-r .txt p {
	margin-top: 1em;
}

/*----------------------
 * 08.保有物件
----------------------*/

.soon {
	height: 600px;
	display: block;
	text-align: center;
	vertical-align: middle;
	font-size: 2em;
}

/*----------------------
 * 09.パートナー募集
----------------------*/

.partners-wrap-l/*テキストひだり*/
{
	display: flex;
	justify-content: center;
	margin-bottom: 150px;
}
.partners-wrap-l:last-of-type{ margin-bottom:70px;}

.partners-wrap-l h2 {
	font-size: 2em;
}

.partners-wrap-l h3 {
	color: #020452
}

.partners-wrap-l .img {
	font-size:1.1em;
	margin-top: 55px;
	margin-left: -94px;
	padding: 2em 2em 2em 124px;
	width: 600px;
	height: 250px;
	background-color: #edac3c;
}

.partners-wrap-l .txt {
	background-color: #FFF;
	border: #edac3c 4px solid;
	padding: 2em;
	width: 350px;
	height: 250px;
	z-index: 10;
}

.partners-wrap-r
/*テキスト右*/

{
	position: relative;
	margin-bottom: 150px;
	margin-right: 50px;
}

.partners-wrap-r .img {
	padding-top: 55px;
	background-color: #edac3c;
	width: 350px;
	height: 250px;
}

.partners-wrap-r .txt {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #FFF;
	border: #edac3c 4px solid;
	width: 600px;
	height: 250px;
}



/*----------------------
 * 10.個人情報保護方針
----------------------*/

.ttl-bold {
	font-size: 1.3em;
	line-height: 1.2;
	font-weight: 500;
	margin-top: 3em;
	margin-bottom: 1em;
	font-weight: 600;
}

.img-txt{
	width: 20%;
	vertical-align:middle;
}

.content-block span {
	font-weight: 600;
	color: #020452;
}



/*----------------------
 * 11.お役立ちリンク
----------------------*/

ul.link-lst{
	display:flex;
	flex-wrap: wrap;	
	}
	
ul.link-lst li{
	width:50%;
	padding-bottom:4em;
	}
	
ul.link-lst li:last-of-type{
	padding-bottom:0;
	}
		
ul.link-lst li:nth-of-type(odd){
	padding-top: 1em;
	padding-right:4em;
	padding-bottom: 1em;
	}	
	
ul.link-lst li:nth-of-type(even){
	border-left:1px solid #d0d8e0;
	padding-top: 1em;
	padding-left:4em;
	padding-bottom: 1em;
	}

dl.link-lst{
	margin-left:0;
	}
	
dl.link-lst a{color:#020452;}
dl.link-lst dt{
	color:#020452;
	font-size:1.4em;
	margin-left:0;
	}

dl.link-lst dd:nth-of-type(1){
	font-size:.7em;
	margin-bottom:1em;
	}	
dl.link-lst dd:nth-of-type(n+2){
	font-size:1em;
	}

/*----------------------
 * 12.form
----------------------*/

dl.contact {
	padding: 1em 0;
}

dl.contact dt {
	color: #363636;
	float: left;
	clear: left;
	text-align: left;
	font-weight: bold;
	width: 20%;
	display: block;
	padding-bottom: 1.5em;
	line-height: 1.5;
}

dl.contact dd {
	display: block;
	margin-left: 20%;
	padding-bottom: 1.5em;
}

input.submit[type='submit'] {
	display: inline-block;
	font-size: 1em;
	width: 100%;
	max-width: 300px;
	padding: .6em;
	letter-spacing: .2em;
	margin-right: 1em;
}

input.submit-m[type='submit'] {/*form用*/
	display: inline-block;
	font-size: 1em;
	padding: .6em 2em;
	letter-spacing: .2em;
	line-height: 1;
}

input[type='reset'] {
	display: inline-block;
	font-size: 1em;
	width: 50%;
	max-width: 100px;
	padding: .6em;
}

.btn-back{/*form用*/
	display: inline-block;
	font-size: 1em;
	padding: .6em 1em;
	line-height: 1;
}

input[type='submit']:hover, 
input[type='submit']:active,
input.submit-m[type='submit']:hover,
input.submit-m[type='submit']:active{
	border: #edac3c 2px solid;
	background-color: rgba(255, 172, 60, .8);
	box-sizing: border-box;
}

input[type='reset']:hover, 
input[type='reset']:active,
.btn-back:hover{
	border: #bac6d2 2px solid;
	background-color: rgba(186, 198, 210, .8);
	box-sizing: border-box;
}

textarea {
	width: 75%;
	height: 200px;
	padding: .8em 1em;
}

input[type='text'] {
	display: inline-block;
	width: 50%;
	padding: .8em 1em;
}

input[type='text']:focus, textarea:focus {
	background-color: #f4f4f4;
}
#formWrap{ 
    width: 80%;
		padding:3em 4em;
		background-color:#FFF;
    margin-left: auto;
    margin-right: auto;
}
#formWrap h3{ text-align:center;}

.formTable{
	margin:2em auto;
	}

.formTable th{ 
	font-weight:500; 
	text-align:left;
	width:12em;
	padding: 1em ;
	color: #020452;
	font-weight: 500;
	font-size: 1em;
	vertical-align: top;
	border-bottom: #d0d8e0 1px dotted;
	}
	
.formTable th:first-of-type,
.formTable td:first-of-type{border-top: #d0d8e0 1px dotted;}
	
.formTable td{
		padding: 1em ;
    font-weight: 500;
    font-size: 1em;
    vertical-align: middle;
		border-bottom: #d0d8e0 1px dotted;
	}
/*
input[type="text"] {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.select-box {
	overflow: hidden;
	width: 100%;
	margin: .8em auto;
}
.select-box.sl-op select {
	width: 100%;
	padding: .5em;
	color: #666666;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-align: center;
	font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.select-box select::-ms-expand {
	display: none;
}
.select-box.sl-op
 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #FFF;
}

.select-box.sl-op::before {
	position: absolute;
	top: 1em;
	right: 0.5em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}

.select-box.sl-op-main{
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #FFF;
	margin-bottom:1.5em;
}

.select-box.sl-op-main select {
	width: 100%;
	padding: .6em;
	color: #666666;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-align: center;
	text-align: -webkit-center;
	text-align: -moz-center;
	font-size:1em;
}
.select-box.sl-op-main::before {
	position: absolute;
	top: 1.2em;
	right: 1.5em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
input[type="radio"] {
	display: none;
}
.radio label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 20px;
	cursor: pointer;
	font-style: normal;
}
.radio label::before, .radio label::after {
	position: absolute;
	content: '';
	top: 50%;
	border-radius: 100%;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.radio label::before {
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #f3f3f3;
	border: 1px solid #ccc;
}
.radio label:hover::before {
	background: #fff;
}
.radio label::after {
	opacity: 0;
	left: 4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #3498db;
	-webkit-transform: scale(2);
	transform: scale(2);
}
.radio input[type="radio"]:checked+label::before {
	background: #fff;
	border: 1px solid #3498db;
}
.radio input[type="radio"]:checked+label::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

*/


/*----------------------
 * 20.ボタン
----------------------*/

.btn-orange {
	display: inline-block;
	font-size: 1em;
	padding: .6em 2em;
	letter-spacing: .2em;
}

.btn-orange:hover {
	border: #edac3c 2px solid;
	background-color: rgba(273, 172, 60, .8);
	box-sizing: border-box;
	color: #000;
}


.btn-navy {
	display: inline-block;
	font-size: 1em;
	padding: .6em 2em;
	letter-spacing: .2em;
	margin-right: 1em;
}

.btn-navy:hover {
	border: #020452 2px solid;
	background-color: rgba(2, 4, 82, .8);
	box-sizing: border-box;
	color: #f4f4f4;
}

/*----------------------
 * 21.icon/リスト
----------------------*/

ol.num, ol.num-s {
	margin-left: -.2em;
}

ol.num li {
	padding-left: 1.6em;
	margin-bottom: 1em;
}

ol.num-s li {
	padding-left: 2em;
}

ol.num li:before {
	position: absolute;
	top: .4em;
	left: 0;
	width: 1.4em;
	height: 1.4em;
	line-height: 1.2em;
}

ol.num-s li:before {
	position: absolute;
	top: .4em;
	left: .2em;
	width: 1.4em;
	height: 1.4em;
	line-height: 1.2em;
}

ul.list-link {
	padding-top: 1em;
	padding-bottom: 2em;
}

.icon-pdf {
	background-size: 20px auto;
	padding-right: 24px;
}

.icon-excel {
	background-size: 20px auto;
	padding-right: 24px;
}


/*----------------------
 * 90.footer
----------------------*/
footer {
	width: 100vw;
	min-width: 1200px;
}

.bottom-area {
	height: 120px;
}

.footer-wrap {
	padding-top: 126px;
}

.footer_copyright {
	font-size: 1.1em;
}

.footer-in{
	display:flex;
	align-items: center;
	justify-content: space-between;	
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.footer-in a {
	font-size:.8em;
}

/*----------------------
 * 100.common
----------------------*/


/*印刷*/

@media print {
	img {
		visibility: visible;
	}
	body, html {
		overflow: visible;
	}
	body {
		zoom: 92%;
		margin: 0 auto;
	}
	.slider {
		display: none!important;
		visibility: hidden!important;
	}
}


/*電話リンク無効*/

a[href^="tel:"] {
	cursor: default;
	color: #434343;
	text-decoration: none;
}

/*レイアウト*/

.dsp-no-pc {
	display: none;
	visibility: hidden;
}

.size-xs {
	font-size: 0.8em;
}

.size-s {
	font-size: 0.9em;
}

.size-l {
	font-size: 1.2em;
}

.size-xl {
	font-size: 1.4em;
}

.size-xxl {
	font-size: 1.6em;
}

.pt-l {
	padding-top: 40px;
}

.pt-xl {
	padding-top: 60px;
}

.pb-l {
	padding-bottom: 40px;
}

.mt-s {
	margin-top: 10px;
}

.mt-m {
	margin-top: 20px;
}

.mt-l {
	margin-top: 40px;
}
.mr-m {
	margin-right: 20px;
}

.mt-xl {
	margin-top: 60px;
}

.mb-s {
	margin-bottom: 10px;
}

.mb-m {
	margin-bottom: 20px;
}

.mb-l {
	margin-bottom: 40px;
}

.mb-xl {
	margin-bottom: 60px;
}

.mb-xxl {
	margin-bottom: 100px;
}

.br-pc {
	display: block;
}

.br-sp {
	display: none;
}