/*spのdetail関連を非表示ココカラ*/
#sp_head_close {
	display: none;
}
/*spのdetail関連を非表示ココマデ*/
section.mv {
	background-image: url("../../common/images/m_system/mainvis_img.jpg");
	background-position: center;
	background-repeat: no-repeat;
	height: 150px;
	position: relative;
	width: 100%;
}
.mv_ttl {
	position: relative;
	background-repeat: no-repeat;
	background-image: url("../../common/images/m_system/mainvis_ttl_img.png");
	background-position: 0 0;
	background-size: contain;
	top: 79px;
	margin: 0 auto;
	height: 89px;
	width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mv_ttl h1 {
	font-size: 18px;
	color: #013e98;
	margin-bottom: 26px;
	text-align: center;
}


section.m_system_float {
	width: 100%;
	height: auto;
	position: relative;
	background-repeat: no-repeat;
	background-image: url("../../common/images/m_system/m_system_area01_bg.jpg");
	background-position: 0 0;
}
.pankuzu {
	position: relative;
	width: 1100px;
	height: 35px;
	margin: 0 auto;
}
.pankuzu p {
	position: absolute;
	color: #56595b;
	font-size: 14px;
	text-align: left;
	bottom: 0;
	left: 0;
}
div.float_left {
	height: auto;
	width: 216px;		
}
nav.m_system_nav {
	height: 365px;
	width: 216px;
	/*background-color: antiquewhite;*/
	z-index: 1;
	margin-bottom: 0;
}
.m_system_nav .yougo_m {
	font-size: 16px;
	color: #434343;
}
.m_system_nav .yougo_m dt {
	height: 69px;
	background-color: #013e98;
	margin-bottom: 1px;
}
.m_system_nav .yougo_m dt img {
	display: block;
	margin: 0 auto;
	padding-top: 18px;
}
.m_system_nav .yougo_m dd {
	height: 63px;
    background-color: #fff;
    border: solid 5px #e3ebf7;
    margin-bottom: 1px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    padding-left: 10px;
}
.m_system_nav .yougo_m dd a {
	padding: 28px;
}
.m_system_nav .yougo_m dd::after {
	content: "〉";
	color: #434343;
	font-size: 16px;
	position: absolute;
	left: 188px;
}
.m_system_nav .yougo_m dt:nth-of-type(2) {
	color: #013e98;
	background-color: #e3ebf7;
	text-align: center;
	line-height: 72px;
}

.fix_right {
	width: 100%;
	height: auto;
}

.manage_float_inner {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: 18px auto;
}

.m_system_desc01 {
	width: 90%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}

.text_area h2 {
	font-size: 20px;
	color: #013e98;
	margin-bottom: 10px;
}


.text_area p {
	font-size: 16px;
	color: #434343;
	line-height: 30px;
}

.m_system_desc02 {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	flex-direction: column;
}

.m_system_desc02 .text_area {
	width: 100%;
}
.img_wrap {
	display: flex;
	justify-content: space-evenly;

}
.m_system_link {
	/*width: 100%;*/
	display: none;
}
.m_system_link ul {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;	
}
.m_system_link ul:after {
    content:"";
    display:block;
    width: 230px;
    height:0;	
}
.m_system_link li {
	width: 230px;
	height: 60px;
	font-size: 16px;
	margin-bottom: 30px;
	background-color: #013e98;
	color: #fff;
	text-align: center;
	display: flex;
}

.m_system_link li:before {
    content: url(../../common/images/rent/down_arrow.svg);
    position: absolute;
    display: block;
    margin-left: 20px;
    margin-top: 17px;	
}
.m_system_link li a {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;

}

.m_system_area02 {
    width: 100%;
    background-repeat: no-repeat;
    background-image: url(../../common/images/m_system/m_system_bg.jpg);
    background-position: center bottom;
    background-size: cover;
    padding-top: 40px;
}
.m_system_area02_inner {
	width: 90%;
	margin: 0 auto;
}
.m_system_description {
	width: 100%;
	padding-bottom: 40px;
}
.m_system_description ul li {
	
}
.m_system_description > .ttl {
	height: 75px;
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 25px;
}
.m_system_description > .ttl > h2 {
	color: #013e98;
	margin-left: 10px;
}
.m_system_description > .ttl > h2 > span {
	font-size: 20px;
	margin-left: 10px;
}

.m_system_description > p {
	font-size: 16px;
	color: #434343;
	margin-bottom: 20px;
}
.description {
	width: 100%;
	margin-bottom: 30px;
}
.description > h3 {
	font-size: 18px;
	color: #434343;
	margin-bottom: 20px;
}
.description > p {
	font-size: 16px;
	color: #434343;
	line-height: 30px;
}
.description_list {
	width: 100%;
	background-color: #fff;
}
.description_list img {
	margin: 0px auto 15px;
	width: 107px;
	display: block;
	padding-top: 25px;

}

#tainou li:nth-of-type(1) {
	background-repeat: no-repeat;
	background-image: url("../../common/images/m_system/m_system_area02_07_01.png");
	background-position: 0;
}
#tainou li:nth-of-type(2) {
	background-repeat: no-repeat;
	background-image: url("../../common/images/m_system/m_system_area02_07_02.png");
	background-position: 0;
}
#tainou li:nth-of-type(3) {
	background-repeat: no-repeat;
	background-image: url("../../common/images/m_system/m_system_area02_07_03.png");
	background-position: 0;
}
#tainou li:nth-of-type(4) {
	background-repeat: no-repeat;
	background-image: url("../../common/images/m_system/m_system_area02_07_04.png");
	background-position: 0;
}
#tainou li {
	width: 100%;
	/*height: 142px;*/
	margin: 0 auto 20px;
	background-color: #fff;
	display: flex;
	align-items: center;
}
#tainou li div {
	/*width: 460px;*/
	/*height: 90px;*/
	padding: 15px 0;
	margin-left: 140px;
	justify-content: space-between;
	position: relative;
}
#tainou li h3,
#hosyou li h3 {
	font-size: 18px;
	color: #013e98;
	margin-bottom: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#hosyou li h3 div {
	width: 110px;
	height: 3px;
	border-bottom: solid 3px #013e98;
	margin-left: 10px;
}
#tainou li p,
#hosyou li p {
	font-size: 16px;
	color: #434343;
	line-height: 25px;
	margin: 15px 5px;
}
#tainou ul + div {
	font-size: 14px;
	color: #434343;
}
.description_list ul {
	width: 100%;
	font-size: 16px;
	color: #434343;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 15px;
	flex-direction: column;
}
.description_list ul li {
	text-indent: -7.2em;
	margin-left: 37px;
}
.description_list ul li br {
	display: none;
}
.description_list ul li:before {
    content: '・';
    color: #dfb850;
    font-size: 26px;
    margin-left: 89px;
    position: relative;
    top: 4px;	
}
.description_list p {
	font-size: 14px;
	color: #434343;
	margin-left: 2.3em;
	margin-right: 15px;
	text-indent: -1em;
	padding-bottom: 30px;
}

.m_system_news {
	position: relative;
	width: 100%;
	height: 254px;
	margin-bottom: 60px;
	background-color: aliceblue;
}
.m_system_news_inner {
	width: 836px;
	height: 254px;
}	
.m_system_news_inner > ul.link {
	display: flex;
	justify-content: space-between;
}
.m_system_news_inner > ul.link li {
	width: 258px;
	height: 60px;
	color: #fff;
	font-size: 16px;
	background-color: #103e98;
	text-align: center;
	line-height: 60px;
}
.m_system_news_inner > ul.link li::before {
	content: url(../../common/images/m_system/down_arrow.svg);
	position: absolute;
	display: block;
	margin-left: 30px;
}
.m_system_news .section_ttl {
	position: relative;
	background-repeat: no-repeat;
	background-image: url("../../common/images/m_system/news_ttl.png");
	background-position: 0 0;
	/*top: 100px;*/
	margin: 0 auto 30px;
	height: 78px;
	width: 102px;
}
.m_system_news .section_ttl p {
	font-size: 18px;
	color: #71757a;
	position: relative;
	padding-top: 39px;
	text-align: center;
}
.m_system_news_inner .more_btn {
	position: absolute;
	left: 711px;
	top: 50px;
}

.top_news_list {
	position: relative;
	display: block;
	margin: 37px auto 0;
	width: 836px;
	height: 135px;
}
.top_news_list li {
	height: 26px;
	margin-bottom: 30px;
}
.top_news_list li > a {
	display: flex;
}
.post_date {
	font-size: 16px;
	color: #013e98;
	margin-right: 20px;
	line-height: 28px;
}
.news_cat_icon {
	font-size: 16px;
	color: #fff;
	background-color: #dfb850;
	margin-right: 30px;
	width: 110px;
	height: 26px;
	text-align: center;
}

.news_desc {
	font-size: 16px;
	color: #56595b;	
}

/*.m_system_area {
	width: 2560px;
	height: 1509px;
	position: relative;
	background-repeat: no-repeat;
	background-image: url("../../common/images/m_system/m_system_area01_bg.jpg");
	background-position: 0 0;
}*/
/*.background_img {
	width: 2560px;
	background: url("../../common/images/m_system/m_system_area01_bg.jpg"),
				linear-gradient(70deg,#d9edec 0%, #d2ddfa 80%);
				-webkit-linear-gradient(70deg,#d9edec 0%, #d2ddfa 80%);
				-moz-linear-gradient(70deg,#d9edec 0%, #d2ddfa 80%);
				#d9edec;
	background-repeat: no-repeat,no-repeat;
	background-position:top,bottom;
	position: relative;

}*/
.m_system_desc {
	position: relative;
	width: 100%;
	height: 287px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 80px;
	background-color: antiquewhite;
}
.m_system_desc_inner {
	position: relative;
	display: flex;
	justify-content: space-between;
}
.m_system_desc_inner div {
	width: 450px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m_system_desc_ttl {
	font-size: 20px;
	color: #003567;
}
.m_system_desc_txt {
	font-size: 16px;
	color: #1b1b1b;
	line-height: 30px;
}
.m_system_desc_img {

}
ul.m_system_banner {
	position: relative;
	height: 412px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
}
ul.m_system_banner li {
	width: 100%;
	height: 100%;	
}
.banner01 {
	background-repeat: no-repeat;
	background-image: url("../../common/images/m_system/m_system_banner01.jpg");
	background-position: 0 0;
	
}
.banner02 {
	background-repeat: no-repeat;
	background-image: url("../../common/images/m_system/m_system_banner02.jpg");
	background-position: 0 0;	
}

.banner_txt {
	width: 360px;
	height: 82px;
	font-size: 16px;
	color: #fff;
	margin-top: 80px;
	line-height: 28px;
	margin-left: 34px;
}
.banner_btn {
	position: relative;
	left: 660px;
	top: -37px;

}
/*section.m_system_area02 {
	position: relative;
	width: 2560px;
	height: 617px;
	background-repeat: no-repeat;
	background-image: url("../../common/images/m_system/m_system_area02_bg.jpg");
	background-position: 0 0;
	padding-top: 100px;	
}
.m_system_area02_inner {
	width: 780px;
	margin: 0 auto;
}*/
.m_system_area02_ttl {
	margin-bottom: 18px;
	height: 44px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width: 420px;
	margin: 0 auto 40px;	
}
.m_system_area02_ttl > h2 {
	font-size: 24px;
	color: #71757a;	
}
.m_system_area02_banner {
	height: 440px;
	margin: 0 auto;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m_system_area02_banner01 {
	background-repeat: no-repeat;
	background-image: url("../../common/images/m_system/m_system_area02_banner01.jpg");
	background-position: 0 0;
	width: 100%;
	height: 186px;
	position: relative;	
}
.m_system_area02_banner02 {
	background-repeat: no-repeat;
	background-image: url("../../common/images/m_system/m_system_area02_banner02.jpg");
	background-position: 0 0;
	width: 100%;
	height: 186px;
	position: relative;	
}
.m_system_area02_banner_txt {
	width: 340px;
	font-size: 16px;
	color: #404040;
	margin-left: 20px;
	margin-top: 76px;
}
.m_system_area02_banner_btn {
	position: absolute;
	left: 602px;
	top: 123px;
}


@media (orientation: portrait){
 
	/*デバイスが縦向きの場合の記述*/
	.m_system_desc01 {
		flex-direction: column;
	}
	.m_system_desc01 .text_area {
		width: 100%;
	}
	.m_system_desc01 > img {
		width: 100%;
		margin: 15px auto;
	}
	.description_list ul li {
		width: 87%;	
	}
	.m_system_description > .ttl > h2 {
		font-size: 26px;
	}
}

@media (orientation: landscape){
 
	/*デバイスが横向きの場合の記述*/
	.m_system_desc01 {
		flex-direction: row;
	}
	.m_system_desc01 .text_area {
		width: 55%;
	}
	.m_system_desc01 > img {
		width: 40%;
	}
	.description_list ul li {
		width: 40%;	
	}
	#bosyu ul {
		height: 220px;
	}
	#shinsa ul {
		height: 350px;
	}
	#tinryou ul {
		height: 630px;
	}
	#nyukyo ul {
		height: 485px;
	}
	#tatekan ul {
		height: 414px;
	}
	#other ul {
		height: 160px;
	}
	#tainou li {
		height: 142px;
	}
	.m_system_description > .ttl > h2 {
		font-size: 30px;
	}
}