@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------------------------------------------------------------------
*  トップページ index.html
* --------------------------------------------------------------------------------------------------*/
.top {
	background: url(../img/top/bg_title01.jpg) center center  no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover;
}
.top #titleArea{
	height: 980px;
	padding-top: 275px;
}
.top #titleArea .catchCopy{
	margin-bottom: 120px;
}
.top #titleArea .topNews{
	background: #fff;
	border: #C9BBA3 1px solid;
	width: 100%;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 13px;
	min-height:60px;
	max-height:110px;
	overflow-y: scroll;
	padding:7px 0;

}

.top #titleArea .topNews::-webkit-scrollbar {
	all:unset;
	width: 9px;
	background: transparent;
}

.top #titleArea .topNews::-webkit-scrollbar-track {
	all:unset;
	border-radius: 4px;
	background-color:#E1E1E1;
}

.top #titleArea .topNews::-webkit-scrollbar-thumb {
	all:unset;
	border-radius: 4px;
	background-color:#585858;
}



.top #titleArea .topNews dl{
	display:block;
}
.top #titleArea .topNews dt,
.top #titleArea .topNews dd{
	padding: 10px 0 2px;
}
.top #titleArea .topNews dt{
	width: 22%;
	padding-left: 4%;
	float:left;
}
.top #titleArea .topNews dt img{
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
}
.top #main{
	padding-top: 0;
}
.top #main section{
	padding: 60px 0 90px;
	margin-bottom: 45px;
}
.top .topTitle01{
	margin-bottom: 75px;
	text-align: center;
}
.top .topTitle01 .icon{
	margin-bottom: 30px;
}
.top .topTitle01 span{
	font-size: 28px;
	display: inline-block;
	position: relative;
}
.top .topTitle01 span:before,
.top .topTitle01 span:after{
	content: '';
	width: 190px;
	height: 1px;
	background: #A4A4A4;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: -220px;
}
.top .topTitle01 span:after{
	left: auto;
	right: -220px;
}
.top .topTitle01 .eng{
	margin-top: 20px;
}
.top .sec01{
	background: rgba(255,255,255,0.90);
}
.top .sec01 .lead{
	font-size: 15px;
	margin:0 auto 40px;
	width: 600px;
	line-height: 2.0;
}
.top .topicList01{
	font-size: 0;
	text-align: center;
}
.top .topicList01 li{
	width: 23%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
.top .topicList01 li + li{
	margin-left: 2%;
}
.top .topicList01 li a{
	display: block;
}
.top .topicList01 li a > img{
	margin-bottom: 30px;
}
.top .topicList01 li h3{
	font-size: 21px;
	margin-bottom: 15px;
}
.top .topicList01 li p:last-child{
	display: block; */
	/* border-top: #2A2F6D 1px solid; */
	/* border-bottom: #2A2F6D 1px solid; */
	/* width: 140px; */
	margin: auto;
	/* padding: 9px 0 11px; */
}
.top .topicList01 li a:hover{
	text-decoration: none;
}
.top .sec02,
.top .sec04{
	background: #F2F4F5;
}



.top .sec03{
	background: #fff;
}
.top .sec03 .topicList01 li{
	text-align: left;
	margin-bottom: 40px;
}
.top .sec03 .topicList01 li span{
	font-size: 18px;
	font-weight: 100;
	padding: 7px 0 0;
	display: block;
}
.top .sec03 .topicList01 li h4{
	margin: 10px 0 8px;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
}
.top .sec03 .topicList01 li p{
	font-size: 14px;
	line-height: 23px;
	margin-bottom: 19px;
}
.top .sec03 .topicList01 li a > img {
	margin-bottom: 5px;
}
.top .sec03 .topicList01 li img.more{
	border: #2A2F6D 1px solid;
	padding: 9px 25px;
}


/* .top .sec03 li p.select,
.top .sec03 li p.market,
.top .sec03 li p.finance,
.top .sec03 li p.tax,
.top .sec03 li p.breath,
.top .sec03 li p.etc */
.top .sec03 .categorized p{
	float: left;
	height: 29px;
	display: block;
	width: 35%;
	padding: 5px;
	color: #FFF;
	font-size: 13px;
	margin: 0 1% 1% 0;
	text-align: center;
	background-color: #2A2F6D;
}
.top .sec03 .categorized p{
	border: none;
}
.top .sec03 li p.market{
	background-color: #D96D00;
	border: none;
}
.top .sec03 li p.category_2{
	background-color: #4F4F4F;
	border: none;
}
.top .sec03 li p.finance{
	background-color: #92A3AB;
	border: none;
}

.top .sec03 li p.etc{
	background-color: #E37D61;
	border: none;
}
.top .sec03 li p.tax{
	background-color: #81A59E;
	border: none;
}
.top .sec03 li p.breath,
.top .sec03 li p.select{
	background-color: #C6BB54;
	border: none;
}
.top .sec03 .viewall{
	border: #c3c3c3 1px solid;
	padding: 11px 165px;
	margin: 18px auto 0;
}

.top .sec04 .viewall{
	border: #c3c3c3 1px solid;
	padding: 11px 165px;
	margin: 80px auto 0px;
	background-color:#fff;
}



.top .sec02 .topicList01 li{
	width: 32%;
}
.top .sec02 .topicList01 li + li{
	margin-left: 1.5%;
}
.top .voiceList01 li img,
.top .voiceList01 li dt{
	margin-bottom: 15px;
}
.top .voiceList01 li dl{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.top .topBnr ul{
	font-size: 0;
	padding: 60px 0 90px;
	text-align: center;
}
.top .topBnr ul li{
	display: inline-block;
	width: 32%;
}
.top .topBnr ul li + li{
	margin-left: 4%;
}
.top #footer {
	border-top: #A4A4A4 1px solid;
	padding-top: 25px;
}


@media screen and (max-width:768px) {
	.top{
		background-image: none;
	}
	.top #titleArea{
		background-image:url(../img/top/bg_title01.jpg);
		height: auto;
		padding: 100px 0 20px;
		background-attachment: local;
		background-size: cover;
	}
	.top #titleArea .catchCopy{
		margin-bottom: 50px;
	}
	.top #titleArea .topNews{
		display: block;
		font-size: 12px;
	}
	.top #titleArea .topNews dt,
	.top #titleArea .topNews dd{
		display: block;
		width: 100%;
		margin: auto;
		padding: 10px 0 5px 10px;
		border-bottom: #C9BBA3 1px solid;
	}
	.top #titleArea .topNews dd{
		padding: 5px 0 10px 10px;
		border-bottom: none;
	}
	.top #titleArea .topNews dt img{
		display: inline-block;
		vertical-align: middle;
		margin-left: 15px;
	}
	.top #main section{
		padding: 60px 0 20px;
		margin-bottom: 20px;
	}
	.top .topTitle01{
		margin-bottom: 20px;
	}
	.top .topTitle01 .icon{
		margin-bottom: 5px;
	}
	.top .topTitle01 span{
		font-size: 20px;
	}
	.top .topTitle01 span:before,
	.top .topTitle01 span:after{
		display: none;
	}
	.top .topTitle01 .eng{
		margin-top: 0;
		height: 8px;
		width: auto;
	}
	.top .sec01{
		background: rgba(255,255,255,0.90);
	}
	.top .sec01 .lead{
		margin:0 auto 30px;
		width: auto;
		line-height:1.5;
	}
	.top .sec03 li.pc{
		display:none;
	}
	.top .sec03 li .categorized {
		width: 280px;
		display: inline-block;
		margin: 0 auto;
		text-align: center;
	}
	.top .sec03 li p.category_1,
	.top .sec03 li p.category_2,
	.top .sec03 li p.category_3,
	.top .sec03 li p.category_4{
		width: 32%;
		float: none;
		display: inherit;
	}
	.top .sec03 .topicList01 li img.more {
		padding: 3% 38%;
	}
	.top .sec03 .viewall {
		padding: 3% 25%;
		margin: 65px auto 0;
	}
	.top .topicList01{
		font-size: 0;
		text-align: center;
	}
	.top .topicList01 li{
		width: auto;
		display: block;
		text-align: center;
		vertical-align: top;
		margin-bottom: 30px;
	}
	.top .topicList01 li + li{
		margin-left: 0;
	}
	.top .topicList01 li:last-child{
		margin-bottom: 0;
	}
	.top .topicList01 li a > img{
		margin-bottom: 18px;
	}
	.top .topicList01 li h3{
		font-size: 14px;
		margin-bottom: 5px;
	}
	.top .sec01 .topicList01 li p:last-child,
	.top .sec02 .topicList01 li p:last-child,
	.top .sec04 .topicList01 li p:last-child{
		padding: 10px 0 12px;
		width: 200px;
		margin: 18px auto 45px;
		border: #2A2F6D 1px solid;
	}
	.top .sec02 .topicList01 li,
	.top .sec03 .topicList01 li{
		width: auto;
		max-width: 280px;
		margin: 0 auto 30px;
	}
	.top .sec02 .topicList01 li + li,
	.top .sec03 .topicList01 li + li{
		margin: 0 auto 30px;
	}
	.top .bx-wrapper {
		margin-bottom: 40px;
	}
	.top .bx-wrapper .bx-pager{
		bottom: -40px;
	}
	.top .voiceList01 li img,
	.top .voiceList01 li dt{
		margin-bottom: 5px;
	}
	.top .topBnr ul{
		padding: 20px 0;
	}
	.top .topBnr ul li{
		width: 48%;
	}
	.top .topBnr ul li + li{
		margin-left: 4%;
	}
	.top #footer {
		padding-top: 20px;
	}

	.top .pc{
		display:none;
	}

}

/* ----------------------------------------------------------------------------------------------------
*  事業内容 business/index.html
* --------------------------------------------------------------------------------------------------*/
.business #titleArea{
	background-image: url(../img/business/bg_title01.jpg);
}
.business .ttlStyle01{
	padding: 0 0 75px;
}
.business .ttlStyle01:before{
	display: none;
}
.business .business01{
	background: url(../img/business/bg_business01.jpg) center center no-repeat;
	background-size: cover;
	padding: 98px 0 267px;
}
.business .business01 .contentIn{
	background: url(../img/business/bg_triangle01.png) center center no-repeat;
	background-size: contain;
	max-width: 1011px;
	height: 902px;
}
.business .business01 .contentIn .lead{
	color: #fff;
	font-size: 16.5px;
	position: absolute;
	left: 0;
	font-weight:bold;
	top: 50px;
	line-height: 2.4;
}
.business .business01 .contentIn h3{
	position: absolute;
	width: 24%;
	left: 0;
	right: 0;
	margin: auto;
	top: 56%;
}
.business .business01 .contentIn li h4{
	color: #1B1464;
	font-size: 20px;
	font-weight:500px;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}
.business .business01 .contentIn li p{
	font-size: 14px;
	line-height: 1.8;
}
.business .business01 .contentIn li:nth-child(1){
	position: absolute;
	width: 30%;
	top: 29%;
	left: 0;
	right: 0;
	margin: auto;
}
.business .business01 .contentIn li:nth-child(1) img{
	position: absolute;
	top: -135px;
	left: -26px;
}
.business .business01 .contentIn li:nth-child(1) h4{
	padding-left: 1em;
}
.business .business01 .contentIn li:nth-child(2){
	position: absolute;
	width: 34%;
	left: 10%;
	bottom: 6%;
}
.business .business01 .contentIn li:nth-child(2) h4{
	padding-left: 1.5em;
}
.business .business01 .contentIn li:nth-child(2) img{
	position: absolute;
	top: -140px;
	left: -10px;
}
.business .business01 .contentIn li:nth-child(3){
	position: absolute;
	width: 27%;
	right: 12%;
	bottom: 3%;
}
.business .business01 .contentIn li:nth-child(3) h4{
	padding-left: 1.5em;
}
.business .business01 .contentIn li:nth-child(3) img{
	position: absolute;
	top: -140px;
	right: -10px;
}
@media screen and (max-width:768px) {
	.business .ttlStyle01{
		padding:0 0 20px;
	}
	.business .business01{
		background: url(../img/business/bg_business01.jpg) center center no-repeat;
		background-size: cover;
		padding: 0;
	}
	.business .business01 .contentIn{
		background: rgba(255,255,255,0.60);
		background-size: contain;
		height: auto;
		padding: 20px 5%;
	}
	.business .business01 .contentIn .lead{
		color: #333;
		font-size: 12px;
		position: static;
		line-height: 1.5;
		text-align: center;
		margin-bottom: 20px;
	}
	.business .business01 .contentIn h3{
		position: static;
		width: 50%;
		margin-bottom: 20px;
	}
	.business .business01 .contentIn li h4{
		color: #1B1464;
		font-size: 16px;
		margin-bottom: 5px;
		letter-spacing: 0.1em;
	}
	.business .business01 .contentIn li p{
		line-height: 1.5;
	}
	.business .business01 .contentIn li:nth-child(1n+0){
		position: static;
		width: auto;
		margin-bottom: 30px;
	}
	.business .business01 .contentIn li:nth-child(1n+0) img{
		max-width: 30%;
		position: static;
		margin-bottom: 5px;
	}
	.business .business01 .contentIn li:nth-child(1n+0) h4{
		padding-left: 0;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  事例（お客様の声） management/voice.html
* --------------------------------------------------------------------------------------------------*/
.voice #titleArea{
	background-image: url(../img/management/voice/bg_title01.jpg);
}
.voice #titleArea h1{
	color: #000;
}
.voice #main{
	padding-top: 43px;
}
.voice #main .contentIn{
	max-width: 1070px;
}
.voice .introBox{
	border: #EDEDED 1px solid;
	margin-bottom: 65px;
}
.voice .introBox h2{
	font-size: 0;
	border-bottom: #EDEDED 1px solid;
	padding: 10px 1%;
}
.voice .introBox h2 img{
	display: inline-block;
	vertical-align: middle;
	width: 8%;
}
.voice .introBox h2 span{
	padding-left: 2%;
	width: 90%;
	font-size: 17px;
	color: #4D4D4D;
	display: inline-block;
	vertical-align: middle;
}
.voice .introBox dl{
	padding: 5px;
	font-size: 0;
}
.voice .introBox dt{
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	width: 13%;
	margin-right: 2%;
	background: #BF9903;
	color: #fff;
	text-align: center;
	padding: 10px 0 9px;
}
.voice .introBox dd{
	font-size: 14.5px;
	display: inline-block;
	vertical-align: middle;
	width: 85%;
}
.voice .introBox dd span:first-child{
	margin-right: 5px;
}
.voice .introBox dd img{
	display: inline;
	vertical-align: middle;
	margin-right: 2em;
}
.voice #main .clearfix{
	margin-bottom: 70px;
}
.voice .text{
	width: 58%;
}
.voice .text h3{
	color: #1B1464;
	font-size: 20px;
	font-weight:500px;
	padding-bottom: 10px;
	border-bottom: #ECECEC 1px solid;
	margin-bottom: 15px;
	position: relative;
}
.voice .text p{
	line-height: 2.1;
	font-size: 16.5px;
}
.voice .image{
	width: 38%;
}
.voice .bgArea{
	background: #F7F7F7;
	border-bottom: #EDEDED 1px solid;
	border-top: #EDEDED 1px solid;
	overflow: hidden;
	padding: 65px 0 60px;
	margin-bottom: 50px;
}
.voice .pager{
	padding: 0 2%;
}
.voice #footer{
	border-top: #f3f3f3 1px solid;
	margin-top: 50px;
}

@media screen and (max-width:768px) {
	.voice #main{
		padding-top: 30px;
	}
	.voice .introBox{
		margin-bottom: 30px;
	}
	.voice .introBox h2{
		font-size: 0;
		border-bottom: #EDEDED 1px solid;
		padding: 10px 1%;
		position: relative;
	}
	.voice .introBox h2 img{
		position: absolute;
		left: 1%;
		top: 10px;
		width: 20px;
		height: auto;
	}
	.voice .introBox h2 span{
		padding-left: 0;
		width:auto;
		font-size: 14px;
		display: block;
		text-indent: 1.8em;
	}
	.voice .introBox dl{
		padding: 5px;
		font-size: 0;
	}
	.voice .introBox dt{
		display: block;
		width: auto;
		margin-right: 0;
		margin-bottom: 5px;
		padding: 5px 0 4px;
		letter-spacing: 0.3em;
	}
	.voice .introBox dd{
		font-size: 13px;
		display: block;
		width: auto;
	}
	.voice .introBox dd span{
		display: block;
	}
	.voice .introBox dd span:first-child{
		margin-right: 0;
		margin-bottom: 5px;
	}
	.voice .introBox dd span:last-child{
		position: relative;
		padding-left: 10%;
	}
	.voice .introBox dd img{
		position: absolute;
		width: 8%;
		max-width: 29px;
		left: 0;
		top: 0;
		height: auto;
	}
	.voice #main .clearfix{
		margin-bottom: 50px;
	}
	.voice .text,
	.voice .image{
		float: none;
		width: auto;
		margin-bottom: 10px;
	}
	.voice .text h3{
		font-size: 16px;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}
	.voice .text p{
		font-size: 14px;
		line-height: 1.8;
	}
	.voice .bgArea{
		background: #F7F7F7;
		border-bottom: #EDEDED 1px solid;
		border-top: #EDEDED 1px solid;
		overflow: hidden;
		padding: 30px 0 20px;
		margin-bottom: 20px;
	}
	.voice .pager{
		padding: 0 2%;
	}
	.voice .pager li{
		width: 25%;
	}
	.voice #footer{
		margin-top: 20px;
	}


}


/* ----------------------------------------------------------------------------------------------------
*  事例一覧（お客様の声） management/voice_menu.html
* --------------------------------------------------------------------------------------------------*/
.voice_menu #titleArea{
	background-image: url(../img/management/voice/bg_title01.jpg);
}
.voice_menu #titleArea h1{
	color: #000;
}
.voice_menu #main{
	padding-top: 43px;
}
.voice_menu #main .contentIn{
	max-width: 1070px;
}

.voice_menu  .clearfix .text span{
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	width: 15%;
	background: #BF9903;
	color: #fff;
	text-align: center;
	padding: 5px;
	margin-bottom:28px;
}

.voice_menu #main .clearfix{
	margin-bottom: 50px;
}
.voice_menu .text{
	width: 72%;
}
.voice_menu .text h3{
	color: #1B1464;
	font-size: 22px;
	font-weight:500px;
	padding-bottom: 24px;
	position: relative;
}

.voice_menu .text h4{
	font-size: 15px;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-weight:500;
	margin-bottom:10px;
}

.voice_menu .text h4 a:hover{
	color:#1B1464;
}


.voice_menu .text p{
	line-height: 1.8;
	font-size: 16px;
}

.voice_menu .text p a{
	color: #1B1464;
	border-bottom:1px solid #1B1464;
	text-decoration:none;
}

.voice_menu .image{
	width: 25%;
}
.voice_menu .bgArea{
	background: #F7F7F7;
	border-bottom: #EDEDED 1px solid;
	border-top: #EDEDED 1px solid;
	overflow: hidden;
	padding: 50px 0 0 0;
	margin-bottom: 50px;
}

.voice_menu #footer{
	border-top: #f3f3f3 1px solid;
	margin-top: 50px;
}

@media screen and (max-width:768px) {
	.voice_menu #main{
		padding-top: 30px;
	}


	.voice_menu #main .clearfix{
		margin-bottom: 50px;
	}
	.voice_menu .text,
	.voice_menu .image{
		float: none;
		width: auto;
		margin-bottom: 10px;
	}
	.voice_menu .text h3{
		font-size: 16px;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}
	.voice_menu .text p{
		font-size: 14px;
		line-height: 1.8;
	}
	.voice_menu .bgArea{
		background: #F7F7F7;
		border-bottom: #EDEDED 1px solid;
		border-top: #EDEDED 1px solid;
		overflow: hidden;
		padding: 30px 0 20px;
		margin-bottom: 20px;
	}
	.voice_menu #footer{
		margin-top: 20px;
	}


}


/* ----------------------------------------------------------------------------------------------------
*  マンション経営をお考えの方へ point/index.html
* --------------------------------------------------------------------------------------------------*/
.point #titleArea{
	background-image: url(../img/point/bg_title01.jpg);
}
.point .lead{
	text-align: center;
	font-size: 15px;
	line-height: 2.0;
	margin-bottom: 100px;
}
.point #main section > div{
	width: 50%;
}
.point .textContent{
	position: relative;
}
.point section .image{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.point .text{
	padding: 85px 0 75px 3.5%;
	background-color: #fff;
	width: auto;
	overflow: hidden;
}
.point .fL.text{
	padding: 85px 3.5% 75px 0;
	background-color: #F1F1F1;
}
.point .textContent{
	max-width: 500px;
	position: relative;
	margin-right: 21%;
	float: left;
}
.point .fL .textContent{
	float: right;
	margin-right: 0;
	margin-left: 21%;
}
.point .fL .textContent .num{
	width: 36%;
	position: absolute;
	top: -40px;
	left: -27%;
	z-index: 1;
}
.point .fR .textContent .num{
	width: 36%;
	position: absolute;
	top: -40px;
	right: -27%;
	z-index: 1;
}
.point .textContent h3{
	position: relative;
	font-size: 20px;
	font-weight:500px;
	padding-bottom: 15px;
	border-bottom: #C6C6C6 1px solid;
	margin-bottom: 20px;
	z-index: 5;
}
.point .textContent h3 span{
	color: #1B1464;
}
.point .textContent p{
	position: relative;
	font-size: 16px;
	line-height: 2.3;
	z-index: 5;
}

.point p.textContent_p_bx{

	background-color: rgba(255,255,255,0.7);
	padding: 15px;
	line-height: 2em;

}


.point .textContent p.title{
	font-weight:bold;
	line-height:1.7em;
	margin:20px auto 15px;
}
.point .textContent ul li{
	font-size:15px;
	line-height:1.8em;
	list-style:decimal;
	margin-left:15px;
	padding-left:8px;
}
.point .sec01 .image{
	background-image: url(../img/point/pic01.jpg);
}
.point .sec02 .image{
	background-image: url(../img/point/pic02.jpg);
}
.point .sec03 .image{
	background-image: url(../img/point/pic03.jpg);
}
.point .sec04 .image{
	background-image: url(../img/point/pic04.jpg);
}
.point .sec05 .image{
	background-image: url(../img/point/pic05.jpg);
}


@media screen and (max-width:768px) {
	.point .lead{
		text-align:left;
		font-size: 12px;
		line-height: 1.5;
		margin-bottom: 30px;
	}
	.point #main section > div{
		width: auto;
		float: none;
	}
	.point section .image{
		height: 150px;
	}
	.point .text{
		padding: 20px 5%;
		width: auto;
	}
	.point .fL.text{
		padding: 20px 5%;
	}
	.point .textContent{
		max-width: auto;
		margin-right: 0;
		float: none;
	}
	.point .fL .textContent{
		float: none;
		margin-left: 0;
	}
	.point .fL .textContent .num{
		width: 30%;
		top: 0;
		left: 0;
	}
	.point .fR .textContent .num{
		width: 30%;
		top: 0;
		left: 0;
		right: auto;
	}
	.point .textContent h3{
		font-size: 16px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.point .textContent p{
		font-size: 14px;
		line-height: 2.0;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  物件情報 info/index.html
* --------------------------------------------------------------------------------------------------*/
.info #titleArea{
	background-image: url(../img/info/bg_title01.jpg);
}
.info #titleArea h1{
	color: #fff;
}
.info #main .ttlStyle01:before {
	background:none;
}
.info #main section .contentIn{
	max-width: 1040px;
	width: 92%;
}
.info #main section .topTitle01{
	margin-bottom: 45px;
	text-align: center;
}
.info #main section .topTitle01 span{
	font-size: 28px;
	display: inline-block;
	position: relative;
}
.info #main section .topTitle01 span:before,
.info #main section .topTitle01 span:after{
	content: '';
	width: 190px;
	height: 1px;
	background: #BE9803;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: -220px;
}
.info #main section .topTitle01 span:after{
	left: auto;
	right: -220px;
}
.info #main section.sec01 {
	background-color:#F7F7F7;
}
.info #main section.sec01 .contentIn{
	padding:81px 0 73px;
}
.info #main section.sec01 .contentIn > p{
	text-align:center;
	margin-bottom: 35px;
	font-size: 12px;
}
.info #main section.sec01 .contentIn .box01{
	width: 47.5%;
	float: left;
}
.info #main section.sec01 .contentIn .box01:not(:nth-last-child(-n+2)){
	margin-bottom: 70px;
}
.info #main section.sec01 .contentIn .box01:nth-child(even){
	float: right;
	position: relative;
}
.info #main section.sec01 .contentIn .box01:nth-child(even):before{
	content: "";
	position: absolute;
	width: 1px;
	height:100%;
	left: -5.6%;
	bottom: 0;
	border-right:1px dotted #E3DCD9;
	z-index: 1;
}
.info #main section.sec01 .contentIn .box01 a{
	float: left;
	width: 48.5%;
}
.info #main section.sec01 .contentIn .box01 a + a{
	float: right;
}
.info #main section.sec01 .contentIn .box01 dl{
	background-color:#fff;
	color:#4D4D4D;
	clear:both;
	margin-top: 14px;
	display: inline-block;
	padding:28px 5.7%;
	width:494px;
	min-height:90px;
}
.info #main section.sec01 .contentIn .box01 dt{
	font-size:18px;
	padding-bottom: 17px;
}
.info #main section.sec01 .contentIn .box01 dt span{
	color:#BE9803;
}
.info #main section.sec02 {
	border-bottom: 1px solid #E4E4E4;
}
.info #main section.sec02 .contentIn{
	padding:95px 0 55px;
}
.info #main section.sec02 .contentIn div.otherProperty01{
	margin-bottom: 132px;
}
.info #main section.sec02 .contentIn div.otherProperty01 ul + ul{
	margin-top: 33px;
}
.info #main section.sec02 .contentIn div.otherProperty01 ul li{
	width: 13.9%;
	padding-left:1.54%;
	background:#F7F7F7 url(../common/img/ico_arrow02.png) no-repeat center right 8%;
	float: left;
	margin-bottom: 3px;
}
.info #main section.sec02 .contentIn div.otherProperty01 ul li.ls{
	letter-spacing: -2px;
}
.info #main section.sec02 .contentIn div.otherProperty01 ul li + li{
	margin-left: 0.28%;
}
.info #main section.sec02 .contentIn div.otherProperty01 ul li:nth-child(8),
.info #main section.sec02 .contentIn div.otherProperty01 ul li:nth-child(15){
	margin-left: 0;
}
.info #main section.sec02 .contentIn div.otherProperty01 ul li a{
	display:block;
	padding:12px 0 14px;
}
.info #main section.sec02 .contentIn div.otherProperty02{
	font-size: 15px;
}
.info #main section.sec02 .contentIn div.otherProperty02 div p{
	font-size: 16px;
	padding-bottom: 18px;
	margin-bottom: 20px;
	border-bottom: 1px solid #BE9803;
}
.info #main section.sec02 .contentIn div.otherProperty02 div p span{
	display:none;
}
.info #main section.sec02 .contentIn div.otherProperty02 div{
	width: 29.4%;
	float:left;
}
.info #main section.sec02 .contentIn div.otherProperty02 div + div{
	margin-left: 5.1%;
}
.info #main section.sec02 .contentIn div.otherProperty02 div ul + p{
	margin-top: 66px;
}
@media screen and (max-width:768px) {
	/*	.info .spOnly{
	display:block;
	}*/
	.info #main section .topTitle01{
		margin-bottom: 23px;
	}
	.info #main section .topTitle01 span{
		font-size: 16px;
	}
	.info #main section .topTitle01 span:before,
	.info #main section .topTitle01 span:after{
		display: none;
	}
	.info #main section.sec01 .contentIn{
		padding:40px 0 37px;
	}
	.info #main section.sec01 .contentIn > p{
		margin-bottom: 18px;
	}
	.info #main section.sec01 .contentIn .box01:not(:last-child){
		margin-bottom: 35px;
	}
	.info #main section.sec01 .contentIn .box01:nth-child(1n+0){
		float: none;
		width: auto;
	}
	.info #main section.sec01 .contentIn .box01 a{
		width: 47%;
		float: left;
		display: flex;
		margin: 0 2%;
	}
	.info #main section.sec01 .contentIn .box01 a + a{
		float: none;
		margin-top: 5px;
	}
	.info #main section.sec01 .contentIn .box01:nth-child(even):before{
		display: none;
	}
	.info #main section.sec01 .contentIn .box01 dl{
		margin-top: -10px;
		padding:14px 2.85%;
	}
	.info #main section.sec01 .contentIn .box01 dt{
		font-size:12px;
		padding-bottom: 10px;
	}
	.info #main section.sec01 .contentIn .box01 dd{
		font-size:12px;
	}
	.info #main section.sec02 .contentIn{
		padding:30px 0;
	}
	.info #main section.sec02 .contentIn div.otherProperty01{
		margin-bottom: 60px;
	}
	.info #main section.sec02 .contentIn div.otherProperty01 ul + ul{
		margin-top: 15px;
	}
	.info #main section.sec02 .contentIn div.otherProperty01 ul li{
		width: 24%;
		padding-left:1.54%;
		background:#F7F7F7 url(../common/img/ico_arrow02.png) no-repeat center right 8%;
		float: left;
		margin-bottom: 3px;
	}
	.info #main section.sec02 .contentIn div.otherProperty01 ul li + li,
	.info #main section.sec02 .contentIn div.otherProperty01 ul li:nth-child(8),
	.info #main section.sec02 .contentIn div.otherProperty01 ul li:nth-child(15){
		margin-left: 1.3%;
	}
	.info #main section.sec02 .contentIn div.otherProperty01 ul li:nth-child(5),
	.info #main section.sec02 .contentIn div.otherProperty01 ul li:nth-child(9),
	.info #main section.sec02 .contentIn div.otherProperty01 ul li:nth-child(13),
	.info #main section.sec02 .contentIn div.otherProperty01 ul li:nth-child(17){
		margin-left: 0;
	}
	.info #main section.sec02 .contentIn div.otherProperty02{
		font-size: 13px;
	}
	.info #main section.sec02 .contentIn div.otherProperty02 div{
		width: auto;
		float:none;
	}
	.info #main section.sec02 .contentIn div.otherProperty02 div + div{
		margin: 30px 0 0;
	}
	.info #main section.sec02 .contentIn div.otherProperty02 div p{
		font-size: 13px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.info #main section.sec02 .contentIn div.otherProperty02 div p span{
		color: #818181;
		display: block;
		float: right;
		font-size: 12px;
		padding: 2px 5px 0px 4px;
		border: solid 1px #818181;
		border-radius: 19px;
		margin-top: -3px;
	}
	.info #main section.sec02 .contentIn div.otherProperty02 div li + li{
		margin-top: 5px;
	}
	.info #main section.sec02 .contentIn div.otherProperty02 div ul + p{
		margin-top: 35px;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  マンション経営のリスクと対処法 management/faq.html
* --------------------------------------------------------------------------------------------------*/
.faq #titleArea{
	background-image:url(../img/management/faq/bg_title01.jpg);
}
.faq #main .contentIn{
	max-width: 1070px;
}
.faq .ttlStyle01{
	margin-bottom:30px;
}
.faq .ancList01{
	width: 49.5%;
	margin-bottom: 100px;
}
.faq .ancList01 li{
	display: block;
	width: auto;
	font-size: 0;
}
.faq .ancList01 li + li{
	margin: 10px 0 0;
}
.faq .ancList01 li a img{
	display: inline-block;
	vertical-align: middle;
	width: 24%;
}
.faq .ancList01 li span{
	font-size: 17px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 3%;
	padding-left: 3%;
	width: 70%;
	border-left: #666 1px dotted;
}
.faq .ancList01 li a:before{
	background-image: url(../common/img/ico_arrow02.png);
}
.faq .faqList{
	clear: both;
}
.faq .faqList li{
	margin-bottom: 75px;
}
.faq .faqList h3{
	color: #1B1464;
	font-size: 20px;
	padding-bottom: 10px;
	border-bottom: #ECECEC 1px solid;
	margin-bottom: 15px;
	position: relative;
	padding-left: 45px;
}
.faq .faqList h3 span{
	display:none;
}
.faq .faqList h3:before{
	content: '';
	background: url(../img/management/faq/ico_question01.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	width: 33px;
	height: 34px;
	left: 0;
	top: 0;
}
.faq .faqList p{
	font-size: 17px;
	position: relative;
	padding-left: 45px;
	line-height: 2.0;
}
.faq .faqList p:before{
	content: '';
	background:url(../img/management/faq/ico_answer01.png) 0 0 no-repeat;
	background-size: contain;
	position: absolute;
	width: 33px;
	height: 33px;
	left: 0;
	top: 0;
}
.faq .contactArea{
	padding: 60px 0;
	background: #F7F7F7;
	text-align: center;
}
.faq .contactArea p.btn01{
	margin-top: 25px;
}
.faq .contactArea p.btn01 a{
	display: inline-block;
	color: #1B1464;
	border-top: #1B1464 1px solid;
	border-bottom: #1B1464 1px solid;
	padding: 5px 40px 5px 1em;
	position: relative;
}
.faq .contactArea p.btn01 a:before{
	content: '';
	background: url(../img/management/faq/ico_arrow01.png) 0 0 no-repeat;
	background-size: contain;
	position: absolute;
	width: 13px;
	height: 13px;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 10px;
}
.faq .contactArea p.btn01 a:hover{
	text-decoration: none;
	opacity: 0.75;
}

@media screen and (max-width:768px) {
	.faq .ttlStyle01{
		margin-bottom: 0;
	}
	.faq .ancList01{
		width: auto;
		margin-bottom: 10px;
		float: none;
	}
	.faq .ancList01.fR{
		margin-bottom: 50px;
	}
	.faq .ancList01 li{
		display: block;
		width: auto;
		font-size: 0;
	}
	.faq .ancList01 li a img{
		display: block;
		margin: 0;
		width: auto;
		max-width: 30%;
	}
	.faq .ancList01 li span{
		font-size: 12px;
		display: block;
		vertical-align: middle;
		margin-left: 0;
		padding-left: 0;
		padding-top: 5px;
		width: auto;
		border-left: none;
	}
	.faq .faqList li{
		margin-bottom: 50px;
	}
	.faq .faqList h3{
		font-size: 16px;
		padding-bottom: 5px;
		margin-bottom: 10px;
		position: relative;
		padding-left: 7%;
	}
	.faq .faqList h3 span{
		color: #818181;
		display: block;
		float: right;
		font-size: 12px;
		padding: 2px 5px 0px 4px;
		border: solid 1px #818181;
		border-radius: 19px;
		margin-top: -3px;
	}
	.faq .faqList h3:before{
		width: 5%;
		height: 80%;
	}
	.faq .faqList p{
		font-size: 12px;
		padding-left: 7%;
	}
	.faq .faqList p:before{
		width: 5%;
	}
	.faq .contactArea{
		padding: 40px 0;
	}
	.faq .contactArea p.btn01{
		margin-top: 10px;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  サポートシステム support/index.html
* --------------------------------------------------------------------------------------------------*/
.support #titleArea{
	background-image: url(../img/support/bg_title01.jpg);
}
.support #titleArea h1{
	color: #1A1A1A;
}
.support #main .contentIn{
	max-width: 1070px;
}
.support .lead{
	text-align: center;
	font-size: 15px;
	margin-bottom: 80px;
	line-height: 2.3;
}
.support .systemBox{
	margin-bottom: 100px;
	border: #EDEDED 1px solid;
	padding: 10px 1% 5px;
}
.support .systemBox .heading{
	border-bottom: #EDEDED 1px solid;
	padding-bottom: 10px;
	font-size: 0;
}
.support .systemBox .heading .num{
	display: inline-block;
	vertical-align: middle;
	width: 6%;
	border-right: #666 1px dotted;
	padding: 8px 0 10px;
}
.support .systemBox .heading h3{
	display: inline-block;
	vertical-align: middle;
	font-size: 23px;
	width: 38%;
	padding-left: 3%;
}
.support .systemBox .heading .intro{
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	width: 56%;
}
.support .systemBox .figure{
	padding: 30px 0;
}
.support .systemBox .fee{
	border-bottom: #EDEDED 1px solid;
	border-top: #EDEDED 1px solid;
	padding: 5px 0;
	text-align: center;
	font-size: 0;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	display:flex;
}
.support .systemBox .fee li{
	width: 33.3%;
	padding-right: 0.5%;
	display: inline-block;
}
.support .systemBox .fee li + li{
	border-left: #EDEDED 1px solid;
	padding-left: 0.5%;
}
.support .systemBox .fee li:last-child{
	padding-right: 0;
}
.support .systemBox .fee dt{
	text-align: center;
	color: #fff;
	background: #1B1464;
	font-size: 15px;
	padding: 4px 0 3px;
	vertical-align: top;
}
.support .systemBox .fee dd{
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	color: #1B1464;
	position:relative;
	/* padding: 0 0 20px; */
}
.support .systemBox .fee dd span{
	font-size:24px;
	line-height:1.5;
}
.support .systemBox .fee .min{
	line-height:1;
}
.support .systemBox .supportPoint{
	font-size: 0;
	padding-top: 5px;
}
.support .systemBox .supportPoint dt{
	display: inline-block;
	vertical-align: middle;
	margin-right: 3%;
}
.support .systemBox .supportPoint dd{
	display: inline-block;
	vertical-align: middle;
	font-size: 16.5px;
	color: #BE9803;
}
.support .supportList{
	background: #F7F7F7;
	padding: 60px 0 90px;
}
.support .supportList h2{
	font-size: 23px;
	padding-bottom: 20px;
	margin-bottom: 35px;
	border-bottom: #EDEDED 1px solid;
}
.support .supportList ul{
	float: left;
	width: 21%;
}
.support .supportList ul + ul{
	margin-left: 2%;
}
.support .supportList ul:nth-of-type(n+3){
	width: 26%;
}
.support .supportList ul li + li{
	margin-top: 0.5em;
}


@media screen and (max-width:768px) {
	.support .lead{
		font-size: 14px;
		margin-bottom: 30px;
		line-height: 1.8;
		text-align: left;
	}
	.support .systemBox{
		margin-bottom: 50px;
		padding: 5px 2% 10px;
	}
	.support .systemBox .heading{
		border-bottom: #EDEDED 1px solid;
		padding-bottom: 10px;
		font-size: 0;
	}
	.support .systemBox .heading .num{
		width: 15%;
		padding: 8px 0 10px;
	}
	.support .systemBox .heading h3{
		font-size: 16px;
		width: 85%;
		padding-left: 3%;
	}
	.support .systemBox .heading .intro{
		display:block;
		font-size: 12px;
		width: auto;
		padding-top: 10px;
		margin-top: 5px;
		border-top: #EDEDED 1px solid;
	}
	.support .systemBox .figure{
		padding: 10px 0;
	}

	.support .systemBox .fee dt{
		font-size: 14px;
		padding: 2px 0;
	}
	.support .systemBox .fee dd{
		font-size: 28px;
	}
	/* .support .systemBox .fee .txt{
	font-size: 2px;
	} */
	.support .systemBox .fee dd span{
		font-size: 13px;
	}
	.support .systemBox .fee .min{
		line-height:0;
	}
	.support .systemBox .supportPoint{
		font-size: 0;
		padding-top: 5px;
	}
	.support .systemBox .supportPoint dt{
		display: block;
		width: 30%;
		margin: 0 auto 5px;
	}
	.support .systemBox .supportPoint dd{
		display: block;
		font-size: 13px;
	}
	.support .supportList{
		padding: 30px 0;
	}
	.support .supportList h2{
		font-size: 16px;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.support .supportList ul:nth-of-type(1n+0){
		width: 46%;
		margin-bottom: 1.5em;
	}
	.support .supportList ul + ul{
		margin-left: 0;
	}
	.support .supportList ul:nth-of-type(2n){
		float: right;
	}
	.support .supportList ul:nth-of-type(n+3){
		margin-bottom: 0;
	}

}
/* ----------------------------------------------------------------------------------------------------
*  マンション経営をお考えの方へ management/index.html
* --------------------------------------------------------------------------------------------------*/
.management #titleArea{
	background-image: url(../img/management/bg_title01.jpg);
}
.management #titleArea h1{
	color: #1A1A1A;
}
.management #main section .contentIn{
	max-width: 1000px;
	width: 92%;
}
.management #main section p{
	font-size:17px;
	line-height:2.2;
}
.management #main ul.ancList01{
	padding:40px 0 60px;
}
.management #main ul.ancList01 li{
	width: 49% ;
	font-size: 0;
	background-color:#F7F7F7;
}
.management #main ul.ancList01 li .num {
	display: inline-block;
	vertical-align: middle;
	width: 9.8%;
	padding: 9px 0 7px;
	border-right: #666 1px dotted;
}
.management #main ul.ancList01 li h3 {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	width: 90%;
}

.management #main section h3{
	padding-bottom: 60px;
}
.management #main section .area01 {
	padding:93px 0 78px;
	background-color:#F7F7F7;
}
.management #main section .area01 #no_01,
.management #main section .area01 #no_02{
	margin-bottom: 47px;
}
.management #main section .area01 h4
{
	font-size:27px;
	color:#2a2f6d;
	padding:5px 15px;
	border-bottom:#2a2f6d 1px solid;
	margin: 35px 0 20px;

}
.management #main section .area01 h4 +p{
	font-size:17px;
}
.management #main section .area01 p + p{
	margin-top: 67px;
}
.management #main section .area02 {
	padding:90px 0 100px;
}
.management #main section .area02 h3.ttlStyle01:before{
	background:none;
}
.management #main section .area02 h4{
	font-size:27px;
	color:#2a2f6d;
	padding:5px 15px;
	border-bottom:#2a2f6d 1px solid;
	margin-bottom:50px;
}
@media screen and (max-width:768px) {
	.management #main section p{
		text-align: left;
		font-size:12px;
		margin-bottom: 12px;
		/*		line-height:2.4;*/
	}
	.management #main ul.ancList01{
		padding:30px 0;
	}
	.management #main ul.ancList01 li{
		display: block;
		width: auto;
	}
	.management #main ul.ancList01 li + li{
		margin: 10px 0 0;
	}
	.management #main ul.ancList01 li h3 {
		font-size: 12px;
	}
	.management #main section h3{
		padding-bottom: 30px;
	}
	.management #main section .area01 {
		padding:40px 0;
	}
	.management #main section .area01 #no_01,
	.management #main section .area01 #no_02{
		margin-bottom: 25px;
	}
	.management #main section .area01 h4{
		text-align: left;
		font-size: 16px;
		margin: 20px 0 16px;
	}
	.management #main section .area01 h4 +p{
		text-align: left;
		font-size: 12px;
		line-height: 24px;
	}
	.management #main section .area01 p + p{
		margin-top: 35px;
	}
	.management #main section .area02 {
		padding:50px 0;
	}
	.management #main section .area02 h4{
		text-align:left;
		font-size:16px;
		margin-bottom:25px;
	}
	.management #main section .mt80{
		margin-top: 40px !important;
	}
	.management #main section .mt50{
		margin-top: 25px !important;
	}
	.management #main section .mb50{
		margin-bottom: 25px !important;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  会社概要 company/index.html
* --------------------------------------------------------------------------------------------------*/
.company #titleArea{
	background-image: url(../img/company/bg_title01.jpg);
}
.company #main .contentIn{
	max-width: 1070px;
}
.company .ancList01 li a:before{
	background-image: url(../common/img/ico_arrow02.png);
}
.company #profile{
	background: #F7F7F7;
	padding: 30px 0;
}
.company #profile table{
	width: 100%;
	font-size:17px;
}
.company #profile tr + tr{
	border-top: #EBEBEB 1px solid;
}
.company #profile th{
	width: 37%;
	text-align: right;
	padding: 20px 5% 15px 0;
}
.company #profile td{
	padding: 20px 0 15px 5%;
}

.company #profile td a{
	color:#1B1464;
}
.company #greeting,
.company #greeting02{
	padding: 70px 0 120px;
}
.company #greeting h2,
.company #greeting p,
.company #greeting02 h2,
.company #greeting02 p{
	color: #fff;
}
.company #greeting h3,
.company #greeting02 h3{
	margin-bottom: 70px;
}
.company #greeting p,
.company #greeting02 p{
	line-height: 2.2;
	font-size: 18px;
	text-shadow: 1px 1px 0px #000;

}
.company #greeting p + p,
.company #greeting02 p + p{
	margin-top: 1.5em;
}

.company #greeting{
	background: url(../img/company/bg_title03.jpg) 0 0  no-repeat;
	background-size: cover;
}
.company #greeting02{
	background:#0E0500;
}




.company #guideline{
	background: #F7F7F7;
	padding: 95px 0 130px;
}
.company #guideline h2{
	margin-bottom: 30px;
}
.company #guideline ul{
	font-size: 18px;
	margin-left: 24%;
}
.company #guideline li{
	position: relative;
	padding-left: 3.5em;
}
.company #guideline li + li{
	margin-top: 1.2em;
}
.company #guideline li:before{
	content: '一、';
	position: absolute;
	left: 0;
	top: 0;
}
.company #map{
	height: 600px;
}

@media screen and (max-width:768px) {
	.company .ancList01 li{
		display: block;
		width: auto;
	}
	.company .ancList01 li + li{
		margin: 10px 0 0;
	}
	.company #profile{
		background: #F7F7F7;
		padding: 20px 0;
	}
	.company #profile table,
	.company #profile tr ,
	.company #profile th,
	.company #profile td{
		display:block;
	}
	.company #profile table{
		width: 95%;
		margin: 0 auto;
	}
	.company #profile th{
		width: 25%;
		text-align: left;
		padding: 10px 0 0;
		font-size: 14px;
		font-weight: 700;
	}
	.company #profile td{
		font-size: 14px;
		padding: 7px 0 10px 0;
	}
  .company #greeting,
  .company #greeting02{
		background-position: right center;
		padding: 70px 0 50px;
	}
  .company #greeting h3,
  .company #greeting02 h3{
		margin-bottom: 20px;
	}
  .company #greeting p,
  .company #greeting02 p{
		line-height: 1.8;
		font-size: 14px;
		text-align: left;
	}
  .company #greeting p + p,
  .company #greeting02 p + p{
		margin-top: 1.5em;
	}

	.company #guideline{
		padding: 50px 0 ;
	}
	.company #guideline h2{
		margin-bottom: 10px;
	}
	.company #guideline ul{
		font-size: 14px;
		margin-left: 0;
	}
	.company #guideline li{
		padding-left: 2.5em;
	}
	.company #map{
		height: 300px;
	}
}

/* ----------------------------------------------------------------------------------------------------
*  個人情報保護方針　company/policy.html
* --------------------------------------------------------------------------------------------------*/
.policy #titleArea{
	background-image: url(../img/support/bg_title01.jpg);
}
.policy #main .contentIn{
	max-width: 980px;
}

.policy #policy_bx{
	background: #F7F7F7;
	padding: 70px 0;
}

.policy #policy_bx{
	line-height:1.7em;

}

.policy .parentheses li {
	padding-left: 1.5em;
	position: relative;
}
.policy .parentheses span {
	position: absolute;
	left: 0;
}
.policy .iroha li {
	margin-left: 1.8em;
	list-style: katakana-iroha;
}
.policy .disc li {
	margin-left: 1.8em;
	list-style: disc;
}
.policy .aR{
	text-align:right;
	margin:30px 0 50px;
}


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

	.policy #profile{
		background: #F7F7F7;
		padding: 20px 0;
	}

}


/* ----------------------------------------------------------------------------------------------------
*   サイトマップ　company/sitemap.html
* --------------------------------------------------------------------------------------------------*/
.sitemap #titleArea{
	background-image: url(../img/company/bg_title01.jpg);
}
.sitemap #main .contentIn{
	max-width: 1070px;
}

.sitemap #sitemap_bx{
	background: #F7F7F7;
	padding: 30px 0;
}
.sitemap #sitemap_bx table{
	width: 100%;
}
.sitemap #sitemap_bx tr + tr{
	border-top: #EBEBEB 1px solid;
}
.sitemap #sitemap_bx th{
	width: 50%;
	text-align: right;
	padding: 20px 5% 15px 0;
}
.sitemap #sitemap_bx td{
	padding: 20px 0 15px 5%;
}

.sitemap #sitemap_bx a:hover{
	color:#2A2F6D;
}

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

	.sitemap #sitemap_bx{
		background: #F7F7F7;
		padding: 20px 0;
	}
	.sitemap #sitemap_bx table,
	.sitemap #sitemap_bx tr ,
	.sitemap #sitemap_bx th,
	.sitemap #sitemap_bx td{
		display:block;
	}
	.sitemap #sitemap_bx table{
		width: 95%;
		margin: 0 auto;
	}
	.sitemap #sitemap_bx th{
		width: 25%;
		text-align: left;
		padding: 10px 0 0;
		font-size: 14px;
		font-weight: 700;
	}
	.sitemap #sitemap_bx td{
		font-size: 14px;
		padding: 7px 0 10px 0;
	}

}

/* ----------------------------------------------------------------------------------------------------
*  採用情報 recruit/index.html
* --------------------------------------------------------------------------------------------------*/
#recruit{
	text-align: center;
	margin-bottom: 35px;
}
#recruit h3{
	color: #2A2F6D;
	text-align: center;
	font-size: 18px;
	margin: 0 auto 15px;
}
#recruit img.rikunabi{
	border: #2A2F6D 1px solid;
	margin: 30px auto 160px;
	padding: 15px 50px;
}
#recruit p{
}
#recruit .txtbox{
	margin-top: 10px;
}
#recruit .prof_t{
	text-align: left;
	font-size: 15px;
	letter-spacing: 1px;
	width: 60%;
	margin: 50px auto 65px;
}
#recruit .prof_t th {
	width: 175px;
	padding: 8px 0px;
}
#recruit .prof_t td {
	padding: 8px 0px 8px 15px;
}
#recruit a.recruit_button{
	display: inline-block;
	width: 255px;
	height: 60px;
	padding: 14px 0 0;
	background-color: #2A2F6D;
	border-radius: 3px;
	margin: 10px auto 25px;
	font-size: 23px;
	color: #fff;
	letter-spacing: 8px;
	text-align: center;
	text-decoration: none;
}
#recruit a.recruit_button:hover {
	opacity:0.8;
}
@media screen and (min-width:768px) {
	#recruit br.sp{
		display:none;
	}
}
@media screen and (max-width:768px) {
	#recruit img.rikunabi {
		margin: 30px auto 30px;
	}
	#recruit h3{
		text-align:left;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  お問合せ contact/index.html
* --------------------------------------------------------------------------------------------------*/
.lead.-contact a {
	color: #FF6928;
}
#contact {
	width: 90%;
	margin: 0 auto;
	padding: 0;
}
#contact .contact_form {
	width: 95%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#contact .contact_form p {
	padding: 60px 0 30px;
	font-size: 14px;
	color: #4D4D4D;

}
#contact .contact_form .row {
	border-top: 1px solid #E6E6E6;
	padding: 10px 0;
}
#contact .styled-select.slate select {
	border: 1px solid #ccc;
	font-size: 15px;
	height: 39px;
	/* width: 240px; */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #2A2F6D;
}
select::-ms-expand {
	display: none;
}

#contact .styled-select select {
	background: transparent;
	border: none;
	font-size: 14px;
	height: 29px;
	padding: 10px;

	width: 268px;
	background: #f2f2f2 url(../images/common/select-ico.png) no-repeat 101% -1px;
}
option {
	padding: 25px;
	background: #f2f2f2;

}
#contact .contact_form .colum_left {
	float: left;
	width: 260px;
	padding: 32px 0;
}
#contact .contact_form  label span {
	padding: 3px 10px;
	background-color: #BF9903;
	margin-left: 10px;
	color: #fff;
	font-size: 14px;
}
#contact .contact_form .colum_right {
	float: left;
	padding: 20px 25px;
}
#contact .contact_form .colum_left label {
	font-size: 15px;
	color: #4D4D4D;
	padding: 0 10px;
	float: right;
	padding: 0 20px;
}
#contact .contact_form .colum_right label {
	font-size: 15px;
	color: #4D4D4D;
	padding: 10px 5px;
	float: left;
}
#contact .contact_form .colum_right label.last a {
	font-size: 15px;
	color: #FF6928;
	line-height: 25px;
}
#contact .contact_form .colum_right label.pd0 {
	padding-left: 0;
}
#contact .contact_form .colum_right input {
	height: 45px;
	width: 200px;
	border: 1px solid #ccc;
	background: #F2F2F2;
	font-size: 20px;
	float: left;
	padding: 0 10px;
}
#contact .contact_form textarea {
	background-color: #f2f2f2;
	font-size: 20px;
	border: 1px solid #D5D5D5;
	resize: none;
	padding: 7px;
}
#contact .contact_form .colum_right .row-col2 {
	width: 450px !important;
}
#contact .contact_form .row-col3 {
	height: 215px !important;
}
#contact .contact_form .btn {
	width: 320px;
	height: 68px;
	background-color: #BF9903;
	border: hidden;
	border-bottom: 5px solid #BF9903;
	border-radius: 3px;
	margin: 34px 0 84px 0;
	font-size: 25px;
	color: #fff;
	letter-spacing: 8px;
	text-align: center;
}
#contact .contact_form .btn:hover {
	opacity: 0.9;
}

#contact .contact_form .btn:active {
	border-bottom: none;
	border-top: 5px solid #fff;
	background: #BF9903;
}
#contact .contact_form .colum_right input[type='checkbox'] {
	height: 28px;
	width: 23px;
	border: 1px solid #ccc;
	background: #F2F2F2;
	font-size: 20px;
	float: left;
	margin: 8px 0;
}
@media screen and (max-width:768px) {
	#contact {
		width: 100%;
	}
	#contact .contact_form {
		text-align: left;
	}
	#contact .styled-select{
		display:block;
	}
	#contact .contact_form .colum_left {
		float: none;
		width: 90%;
		padding: 0;
	}
	#contact .contact_form .colum_left label {
		float: none;
		padding: 0 10px;
	}
	#contact .contact_form .colum_right {
		float: none;
		padding: 15px 8px;
	}
	#contact .contact_form .colum_right input {
		display: block;
		width: 100%;
		float: none;
		padding: 0 10px;
	}
	#contact .contact_form .colum_right label {
		padding: 10px 0 0;
		float: none;
	}
	#contact .contact_form .row-col3 {
		height: 25px !important;
	}
	#contact .contact_form .colum_right input[type='checkbox'] {
		float: none;
		margin: 5px 0 8px 10px;
		display: initial;
	}
	#contact .contact_form .btn {
		margin: 18px 0 24px 10px;
	}

}


/* ----------------------------------------------------------------------------------------------------
*  セミナー情報 seminar/
* --------------------------------------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Barlow+Condensed:700&display=swap");
.seminar{
	padding-top: 140px;
}
.seminar br.sp{
	display: none;
}
.seminar #header{
	background: rgba(255,255,255,1);
}
#header #gNavi .innerMenu li{
	background: rgba(255,255,255,1);
}
.seminar #seminarHeader {
	width: 100%;
	background-color: #F4F4F4;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
	font-family: "游ゴシック", YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color: #393943;
	font-weight: 500;
	position: fixed;
	top: 90px;
	left: 0;
	z-index: 99;
	-webkit-transition: top .3s;
	transition: top .3s;
}
.seminar #seminarHeader .seminarHeaderContents {
	width: 100%;
	max-width: 1230px;
	height: 50px;
	padding: 0 15px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.seminar #seminarHeader .seminarHeaderContents .ttl {
	margin-right: 30px;
	font-size: 18px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.seminar #seminarHeader .seminarHeaderContents .partinfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.seminar #seminarHeader .seminarHeaderContents .partinfo .info_name {
	width: 40px;
	height: 18px;
	margin-right: 10px;
	padding-left: 0.1em;
	border-top: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	font-family: 'Barlow Condensed', sans-serif;
	text-align: center;
	font-size: 11px;
	line-height: 16px;
	font-weight: 700;
	letter-spacing: 0.1em;
	white-space: nowrap;
}
.seminar #seminarHeader .seminarHeaderContents .partinfo .info_value {
	margin-right: 15px;
	font-size: 18px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.05em;
	white-space: nowrap;
}
.seminar #seminarHeader .seminarHeaderContents .btn_form {
	display: block;
	margin-left: auto;
	width: 160px;
	height: 36px;
	border: 1px solid #848484;
	border-radius: 2px;
	text-align: center;
	color: #848484;
	font-size: 12px;
	line-height: 34px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	-webkit-transition: .3s;
	transition: .3s;
}
.seminar #seminarHeader .seminarHeaderContents .btn_form:hover {
	border-color: #424271;
	background-color: #424271;
	color: #fff;
}
.seminar #main {
	padding: 0;
	font-family: "游ゴシック", YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color: #393943;
	font-weight: 500;
}
.seminar .mvbg {
	width: 100%;
	height: calc(100vh - 90px);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
	top: 90px;
	left: 0;
	z-index: -1;
	-webkit-filter: blur(5px);
	filter: blur(5px);
}
.seminar .mv {
	height: calc(100vh - 256px);
	min-height: 350px;
	padding-bottom: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
}
.seminar .mv .catch1 {
	margin: -6px auto 34px;
	text-align: center;
	font-size: 22px;
	line-height: 34px;
	font-weight: 700;
	text-shadow: 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff, 0 0 1.5px #fff;
}
.seminar .mv .catch2 {
	margin: -26px auto 0;
	text-align: center;
	font-size: 54px;
	line-height: 1;
	font-weight: 700;
	text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
}
.seminar .mv .catch2 .row {
	display: inline-block;
	margin-top: 26px;
}
.seminar .mv .catch2 em {
	color: #BE9803;
}
.seminar .mv .catch2 strong {
	display: inline-block;
	position: relative;
}
.seminar .mv .catch2 strong::after {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	background-color: #BE9803;
	border-radius: 5px;
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: -1;
}
.seminar .mv .btn_form {
	width: 280px;
	height: 70px;
	background-color: #fff;
	border-radius: 2px;
	text-align: center;
	font-size: 14px;
	line-height: 70px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-decoration: none;
	position: absolute;
	left: calc(50% - 140px);
	bottom: -35px;
	-webkit-transition: .3s;
	transition: .3s;
}
.seminar .mv .btn_form svg {
	width: 12px;
	height: 6px;
	fill: #BE9803;
	position: absolute;
	left: calc(50% - 6px);
	bottom: 12px;
	-webkit-transition: .3s;
	transition: .3s;
}
.seminar .mv .btn_form:hover {
	background-color: #424271;
	color: #fff;
}
.seminar .mv .btn_form:hover svg {
	fill: #fff;
}
.seminar .mv .scroll {
	height: 12px;
	position: absolute;
	left: calc(50% - 500px);
	bottom: 111px;
	font-family: 'Barlow Condensed', sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.1em;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.seminar .mv .scroll::before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background-color: #fff;
	border-radius: 3px;
	position: absolute;
	top: 3px;
	right: -20px;
}
.seminar .mv .scroll::after {
	content: '';
	display: block;
	width: 224px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	top: 6px;
	right: -244px;
}
.seminar .sec01 {
	padding: 100px 0;
	background-color: rgba(57, 57, 67, 0.9);
	color: #fff;
}
.seminar .sec01 .inner-contents {
	width: 600px;
	margin: 0 auto;
}
.seminar .sec01 .txt1 {
	margin: -10px 0 30px;
	font-size: 28px;
	line-height: 48px;
	font-weight: 700;
}
.seminar .sec01 .txt2 {
	margin: -9px 0 31px;
	color: #BE9803;
	font-size: 22px;
	line-height: 40px;
	font-weight: 700;
}
.seminar .sec01 .txt3 {
	margin: -4px 0 -5px;
	font-size: 15px;
	line-height: 24px;
}
.seminar .sec01 .txt3 p + p {
	margin-top: 12px;
}
.seminar .sec01 .txt3 em {
	font-weight: 700;
}
.seminar .sec02 {
	padding: 100px 0;
	background-color: #fff;
}
.seminar .sec02 .inner-contents {
	width: 600px;
	margin: 0 auto;
}
.seminar .sec02 .txt1 {
	margin: -7px 0 33px;
	text-align: center;
	font-size: 36px;
	line-height: 50px;
	font-weight: 700;
}
.seminar .sec02 .txt1 em {
	color: #BE9803;
}
.seminar .sec02 .txt2 {
	margin-bottom: 40px;
}
.seminar .sec02 .txt2 li {
	min-height: 80px;
	padding: 14px 30px 14px 90px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #424271;
	border-radius: 2px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
	letter-spacing: 0.05em;
	position: relative;
}
.seminar .sec02 .txt2 li:nth-child(n+2) {
	margin-top: 10px;
}
.seminar .sec02 .txt2 li .num {
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 20px;
	font-family: 'Barlow Condensed', sans-serif;
	text-align: center;
	color: #424271;
	font-size: 14px;
	line-height: 40px;
	position: absolute;
	top: calc(50% - 20px);
	left: 30px;
}
.seminar .sec02 .txt2 li .num::before {
	content: '';
	display: block;
	width: 36px;
	height: 36px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #424271;
	border-radius: 18px;
	position: absolute;
	top: 2px;
	left: 2px;
}
.seminar .sec02 .txt3 {
	margin: -4px 0 -5px;
	text-align: center;
	font-size: 15px;
	line-height: 24px;
	font-weight: 700;
}
.seminar .sec06 {
	background-color: #fff;
}
.seminar .sec06 .bg {
	width: 100%;
	height: 460px;
	background: url(../img/seminar/bg_document_pc.jpg) center center no-repeat;
	background-size: cover;
}
.seminar .sec06 .inner-contents {
	width: 90%;
	max-width: 1000px;
	margin: -100px auto 0;
	padding: 70px 0 100px;
	background-color: #fff;
}
.seminar .sec06 .txt1 {
	margin: -7px 0 33px;
	text-align: center;
	font-size: 36px;
	line-height: 50px;
	font-weight: 700;
}
.seminar .sec06 .txt1 em {
	color: #BE9803;
}
.seminar .sec06 .img1 {
	width: 80%;
}
.seminar .sec03 {
	padding: 60px 0;
}
.seminar .sec03 .gift {
	max-width: 800px;
	height: 381px;
	margin: 0 auto;
	padding: 60px 200px;
	background-color: #F4F4F4;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
	position: relative;
}
.seminar .sec03 .gift .gift_logo {
	width: 130px;
	position: absolute;
	top: 60px;
	left: 50px;
}
.seminar .sec03 .gift .txt1 {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1;
	font-weight: 700;
}
.seminar .sec03 .gift .txt2 {
	margin-bottom: 10px;
	color: #BE9803;
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
}
.seminar .sec03 .gift .txt2 em {
	font-size: 30px;
}
.seminar .sec03 .gift .txt3 {
	margin-bottom: 40px;
	font-size: 18px;
	line-height: 1;
	font-weight: 700;
}
.seminar .sec03 .gift .item_img {
	width: 274px;
	position: absolute;
	top: 60px;
	right: 50px;
}
.seminar .sec03 .gift .item_txt {
	margin: -4px 0;
	font-size: 12px;
	line-height: 20px;
}
.seminar .sec04 {
	padding: 100px 0;
	background-color: #fff;
}
.seminar .sec04 .txt1 {
	margin: -6px auto 14px;
	text-align: center;
	font-size: 22px;
	line-height: 34px;
	font-weight: 700;
}
.seminar .sec04 .ttl {
	margin: -5px auto;
	text-align: center;
	color: #BE9803;
	font-size: 40px;
	line-height: 50px;
	font-weight: 700;
}
.seminar .sec04 .inner-contents {
	width: 600px;
	margin: 0 auto;
}
.seminar .sec04 table {
	width: 100%;
	margin-top: 40px;
}
.seminar .sec04 table tr {
	border-bottom: 1px solid #D3D3D3;
}
.seminar .sec04 table th {
	width: 140px;
	padding: 20px 0;
	vertical-align: top;
}
.seminar .sec04 table th div {
	width: 90px;
	height: 26px;
	background-color: #393943;
	border-radius: 2px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 26px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.seminar .sec04 table td {
	width: 460px;
	padding: 20px 0;
	font-size: 16px;
	line-height: 26px;
	font-weight: 700;
}
.seminar .sec04 table td iframe {
	display: block;
	width: 100%;
	height: 260px;
	margin-top: 10px;
}
.seminar .sec04 .s_date {
	padding-top: 3px;
	font-size: 0;
	line-height: 1;
}
.seminar .sec04 .s_date li {
	white-space: nowrap;
}
.seminar .sec04 .s_date li:nth-child(n+2) {
	margin-top: 15px;
}
.seminar .sec04 .s_date li.sameday {
	margin-top: 8px;
}
.seminar .sec04 .s_date li.sameday .loopdate {
	opacity: 0;
}
.seminar .sec04 .s_date .loopdate {
	font-size: 16px;
}
.seminar .sec04 .s_date .time {
	margin-left: 23px;
	font-size: 16px;
}
.seminar .sec04 .s_date .time.full {
	color: #DFDFDF;
}
.seminar .sec04 .s_date .time.few {
	color: #B53E3E;
}
.seminar .sec04 .s_date .availability {
	width: 50px;
	height: 16px;
	margin-left: 10px;
	display: inline-block;
	border-radius: 2px;
	text-align: center;
	font-size: 10px;
	vertical-align: top;
	white-space: nowrap;
}
.seminar .sec04 .s_date .availability.full {
	background-color: #7C7C7C;
	color: #fff;
	line-height: 16px;
}
.seminar .sec04 .s_date .availability.few {
	border: 1px solid #B53E3E;
	color: #B53E3E;
	line-height: 14px;
	letter-spacing: -0.14em;
}
.seminar .sec04 .option {
	margin: 17px 0 -3px;
	font-size: 12px;
	line-height: 18px;
}
.seminar .sec04 .option + .option {
	margin-top: 8px;
}
.seminar .sec04 #seminarForm {
	margin-top: -8px;
	padding-top: 5px;
}
.seminar .sec04 #myform {
	max-width: 800px;
	margin: 60px auto 0;
	background-color: #F4F4F4;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	padding: 60px 0;
}
.seminar .sec04 #myform .form_header {
	width: 300px;
	height: 64px;
	margin: 0 auto;
	border-top: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	text-align: center;
	font-size: 22px;
	line-height: 62px;
	font-weight: 700;
}
.seminar .sec04 #myform .form_contents {
	width: 600px;
	margin: 40px auto 0;
}
.seminar .sec04 #myform .form_contents .form-group {
	padding-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.seminar .sec04 #myform .form_contents .form-group dt {
	width: 200px;
	height: 46px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.seminar .sec04 #myform .form_contents .form-group dt .required {
	margin-right: 10px;
	color: #B53E3E;
	font-size: 12px;
	letter-spacing: 0.1em;
}
.seminar .sec04 #myform .form_contents .form-group dd {
	width: 400px;
}
.seminar .sec04 #myform .form_contents .form-group dd label.error {
	margin-top: 4px;
	display: block;
	color: #B53E3E;
	font-size: 10px;
	line-height: 1;
	font-weight: 700;
}
.seminar .sec04 #myform .form_contents .form-group dd p.caution {
	margin: 8px 0 -2px;
	font-size: 12px;
	line-height: 16px;
}
.seminar .sec04 #myform .form_contents .form-group input[type="text"],
.seminar .sec04 #myform .form_contents .form-group select {
	width: 100%;
	height: 46px;
	border: 1px solid #fff;
	border-radius: 2px;
	background-color: #fff;
	padding-left: 14px;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
	color: #393943;
	font-size: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.seminar .sec04 #myform .form_contents .form-group input[type="text"].error,
.seminar .sec04 #myform .form_contents .form-group select.error {
	border-color: #B53E3E;
	background-color: #FFF3F2;
}
.seminar .sec04 #myform .form_contents .form-group input[type="text"].valid,
.seminar .sec04 #myform .form_contents .form-group select.valid {
	border-color: #848484;
}
.seminar .sec04 #myform .form_contents .form-group input[type="text"]::-webkit-input-placeholder {
	color: #D3D3D3;
}
.seminar .sec04 #myform .form_contents .form-group input[type="text"]:-moz-placeholder {
	color: #D3D3D3;
}
.seminar .sec04 #myform .form_contents .form-group input[type="text"]::-moz-placeholder {
	color: #D3D3D3;
}
.seminar .sec04 #myform .form_contents .form-group input[type="text"]:-ms-input-placeholder {
	color: #D3D3D3;
}
.seminar .sec04 #myform .form_contents .form-group #last_name,
.seminar .sec04 #myform .form_contents .form-group #first_name {
	width: calc(50% - 3px);
}
.seminar .sec04 #myform .form_contents .form-group #first_name {
	margin-left: 6px;
}
.seminar .sec04 #myform .form_contents .form-group2 {
	margin-top: 20px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.seminar .sec04 #myform .form_contents .form-group2 dt {
	width: 100%;
	height: auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.seminar .sec04 #myform .form_contents .form-group2 dt .required {
	margin: 6px 0 0;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
.seminar .sec04 #myform .form_contents .form-group2 dd {
	width: 100%;
	margin-top: 15px;
}
.seminar .sec04 #myform .form_contents .form-group dd.select {
	position: relative;
}
.seminar .sec04 #myform .form_contents .form-group dd.select::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 6px solid currentColor;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	position: absolute;
	top: 20px;
	right: 15px;
}
.seminar .sec04 #myform .form_contents .form-group2 dd label.error {
	margin-top: 6px;
}
.seminar .sec04 #myform .form_contents .form-group2 dd .inputRadio {
	display: block;
	float: left;
	height: 32px;
	margin-left: 13px;
	border-radius: 16px;
}
.seminar .sec04 #myform .form_contents .form-group2 dd .inputRadio input[type="radio"] {
	display: none;
}
.seminar .sec04 #myform .form_contents .form-group2 dd .inputRadio input[type="radio"]:checked + span {
	background-color: #2A2F6D;
	color: #fff;
}

.seminar .sec04 #myform .form_contents .form-group2 dd .inputRadio input[type="radio"]:checked + span::after {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
.seminar .sec04 #myform .form_contents .form-group2 dd .inputRadio input[type="radio"]:disabled + span {
	cursor: default;
	color: #D3D3D3;
}
.seminar .sec04 #myform .form_contents .form-group2 dd .inputRadio input[type="radio"]:disabled + span:hover {
	background-color: #fff;
}
.seminar .sec04 #myform .form_contents .form-group2 dd .inputRadio input[type="radio"]:disabled + span::before {
	border: none;
}
.seminar .sec04 #myform .form_contents .form-group2 dd .inputRadio span {
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 36px;
	border-radius: 16px;
	background-color: #fff;
	cursor: pointer;
	position: relative;
	-webkit-transition: .3s;
	transition: .3s;
	font-size: 15px;
	line-height: 32px;
	font-weight: 700;
}
.seminar .sec04 #myform .form_contents .form-group2 dd .inputRadio span:hover {
	background-color: #D3D3D3;
}
.seminar .sec04 #myform .form_contents .form-group2 dd .inputRadio span::before {
	content: '';
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	border: 1px solid #707070;
	background-color: #F2F2F0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto 0;
	border-radius: 50%;
	-webkit-transition: .3s;
	transition: .3s;
}
.seminar .sec04 #myform .form_contents .form-group2 dd .inputRadio span::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background-color: #2A2F6D;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 14px;
	margin: auto 0;
	border-radius: 50%;
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: .3s;
	transition: .3s;
}
.seminar .sec04 #myform .form_contents .form-group2 dd #seminardate_group::after {
	content: "";
	display: table;
	clear: both;
}
.seminar .sec04 #myform .form_contents .form-group2 dd #seminardate_group .inputRadio {
	width: 140px;
}
.seminar .sec04 #myform .form_contents .form-group2 dd #seminardate_group .inputRadio:nth-child(n+5) {
	margin-top: 13px;
}
.seminar .sec04 #myform .form_contents .form-group2 dd #seminardate_group .inputRadio:nth-child(4n-3) {
	margin-left: 0;
}
.seminar .sec04 #myform .form_contents .form-group2 dd #seminartime_group::after {
	content: "";
	display: table;
	clear: both;
}
.seminar .sec04 #myform .form_contents .form-group2 dd #seminartime_group .inputRadio {
	width: 191px;
}
.seminar .sec04 #myform .form_contents .form-group2 dd #seminartime_group .inputRadio:nth-child(n+4) {
	margin-top: 13px;
}
.seminar .sec04 #myform .form_contents .form-group2 dd #seminartime_group .inputRadio:nth-child(3n-2) {
	margin-left: 0;
}
.seminar .sec04 #myform .form_contents .form-group2 dd #gift_group::after {
	content: "";
	display: table;
	clear: both;
}
.seminar .sec04 #myform .form_contents .form-group2 dd #gift_group .inputRadio {
	width: 293px;
}
.seminar .sec04 #myform .form_contents .form-group2 dd #gift_group .inputRadio:nth-child(n+3) {
	margin-top: 13px;
}
.seminar .sec04 #myform .form_contents .form-group2 dd #gift_group .inputRadio:nth-child(2n-1) {
	margin-left: 0;
}
.seminar .sec04 #myform .form_footer {
	width: 300px;
	height: 70px;
	margin: 30px auto 0;
}
.seminar .sec04 #myform .form_footer button {
	width: 300px;
	height: 70px;
	padding: 0;
	border: 1px solid #424271;
	border-radius: 2px;
	background-color: transparent;
	cursor: pointer;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
	color: #424271;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.05em;
	-webkit-transition: .3s;
	transition: .3s;
}
.seminar .sec04 #myform .form_footer button:hover {
	background-color: #424271;
	color: #fff;
}
.seminar .sec05 {
	padding-bottom: 100px;
	background-color: #fff;
}
.seminar .sec05 .seminarMenuLink {
	text-align: center;
}
.seminar .sec05 .seminarMenuLink a {
	display: inline-block;
	vertical-align: top;
	padding: 0 0 10px 28px;
	background: url(../img/seminar/ico-seminar-menu.svg) left top no-repeat;
	background-size: 20px 12px;
	border-bottom: 1px solid currentColor;
	font-size: 12px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.seminar .sec05 .seminarMenuLink a:hover {
	text-decoration: none;
}
.seminar .sec05 .inner-contents {
	max-width: 1230px;
	margin: 0 auto;
	padding: 0 15px;
}
.seminar .sec05 .area_ttl {
	margin-top: 60px;
	padding-bottom: 20px;
	border-bottom: 1px solid currentColor;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	font-size: 12px;
	line-height: 1;
	font-weight: 400;
	letter-spacing: 0.1em;
}
.seminar .sec05 .tokyo .area_ttl {
	color: #A24C02;
}
.seminar .sec05 .osaka .area_ttl {
	color: #006B6F;
}
.seminar .sec05 .nagoya .area_ttl {
	color: #627E10;
}
.seminar .sec05 .area_ttl span {
	display: block;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 700;
}
.seminar .sec05 .seminarList {
	margin-right: -15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.seminar .sec05 .seminarUnit {
	width: calc((100% - 45px) / 3);
	margin: 20px 15px 0 0;
}
.seminar .sec05 .thumbnail {
	height: 160px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.seminar .sec05 .thumbnail:hover {
	opacity: 0.75;
}
.seminar .sec05 .genre {
	display: inline-block;
	height: 22px;
	margin: 15px 10px 0;
	padding: 0 6px;
	background-color: #393943;
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	font-weight: 700;
}
.seminar .sec05 .tokyo .genre {
	background-color: #A24C02;
}
.seminar .sec05 .osaka .genre {
	background-color: #006B6F;
}
.seminar .sec05 .nagoya .genre {
	background-color: #627E10;
}
.seminar .sec05 .title {
	margin: 11px 10px -4px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
}
.seminar .sec05 .title a {
	color: #393943;
}
.seminar .sec05 .tokyo .title a {
	color: #A24C02;
}
.seminar .sec05 .osaka .title a {
	color: #006B6F;
}
.seminar .sec05 .nagoya .title a {
	color: #627E10;
}
.seminar .sec05 .date {
	margin: 10px 10px 0;
	font-size: 14px;
	line-height: 1;
	font-weight: 700;
}
.seminar .sec05 .maintext {
	margin: 12px 10px -4px;
	color: #848484;
	font-size: 13px;
	line-height: 20px;
}
.seminar #footer {
	border-top: 1px solid #A4A4A4;
	padding-top: 25px;
}
@media screen and (max-width:768px) {
	.seminar{
		padding-top: 121px;
	}
	.seminar br.sp{
		display: inline;
	}
	.seminar #seminarHeader {
		top: 45px;
	}
	.seminar #seminarHeader .seminarHeaderContents {
		height: 76px;
		padding: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.seminar #seminarHeader .seminarHeaderContents .ttl {
		margin: 0 0 10px;
		text-align: center;
		letter-spacing: 0;
		white-space: nowrap;
	}
	.seminar #seminarHeader .seminarHeaderContents .partinfo .info_name {
		margin-right: 6px;
	}
	.seminar #seminarHeader .seminarHeaderContents .partinfo .info_value {
		margin-right: 0;
		font-size: 16px;
		letter-spacing: 0;
	}
	.seminar #seminarHeader .seminarHeaderContents .partinfo .info_value + .info_name {
		margin-left: 10px;
	}
	.seminar #seminarHeader .seminarHeaderContents .btn_form {
		display: none;
	}
	.seminar .mvbg {
		height: 140px;
		position: static;
		-webkit-filter: none;
		filter: none;
	}
	.seminar .mv {
		height: auto;
		min-height: 0;
		padding: 9.33333vw 0;
	}
	.seminar .mv .catch1 {
		margin: -1.06667vw auto 3.46667vw;
		text-align: center;
		font-size: 4.8vw;
		line-height: 6.93333vw;
		letter-spacing: 0.05em;
		text-shadow: none;
	}
	.seminar .mv .catch2 {
		margin-top: -3.73333vw;
		font-size: 9.6vw;
		text-shadow: none;
	}
	.seminar .mv .catch2 .row {
		margin-top: 14px;
	}
	.seminar .mv .catch2 strong::after {
		height: 2.66667vw;
		border-radius: 1.33333vw;
		bottom: -0.26667vw;
	}
	.seminar .mv .btn_form {
		display: none;
	}
	.seminar .mv .scroll {
		width: 36px;
		height: 18px;
		left: calc(50% - 18px);
		bottom: -9px;
		font-size: 0;
		-webkit-transform: none;
		transform: none;
	}
	.seminar .mv .scroll::before {
		display: none;
	}
	.seminar .mv .scroll::after {
		content: url(../img/seminar/arw-down.svg);
		width: 100%;
		height: 100%;
		background-color: transparent;
		position: static;
	}
	.seminar .sec01 {
		padding: 40px 0;
		background-color: #393943;
	}
	.seminar .sec01 .inner-contents {
		width: 100%;
		padding: 0 5%;
	}
	.seminar .sec01 .txt1 {
		margin: -4px 0 21px;
		font-size: 22px;
		line-height: 30px;
	}
	.seminar .sec01 .txt2 {
		margin: -6px 0 19px;
		font-size: 18px;
		line-height: 30px;
	}
	.seminar .sec01 .txt3 {
		margin: -3px 0 -4px;
		font-size: 15px;
		line-height: 22px;
	}
	.seminar .sec01 .txt3 p + p {
		margin-top: 8px;
	}
	.seminar .sec02 {
		padding: 40px 0;
	}
	.seminar .sec02 .inner-contents {
		width: 100%;
		padding: 0 5%;
	}
	.seminar .sec02 .txt1 {
		margin: -5px 0 15px;
		font-size: 24px;
		line-height: 34px;
	}
	.seminar .sec02 .txt2 {
		margin-bottom: 20px;
	}
	.seminar .sec02 .txt2 li {
		padding: 14px 20px 14px 70px;
		border-radius: 4px;
	}
	.seminar .sec02 .txt2 li:nth-child(n+2) {
		margin-top: 6px;
	}
	.seminar .sec02 .txt2 li .num {
		left: 20px;
	}
	.seminar .sec02 .txt3 {
		margin: -3px 0 -4px;
		font-size: 15px;
		line-height: 22px;
	}
	.seminar .sec06 .bg {
		height: 200px;
	}
	.seminar .sec06 .inner-contents {
		margin-top: -50px;
		padding: 30px 0;
	}
	.seminar .sec06 .txt1 {
		margin: -5px 0 15px;
		font-size: 24px;
		line-height: 34px;
	}
	.seminar .sec06 .img1 {
		width: 100%;
	}
	.seminar .sec03 {
		padding: 65px 0 0;
	}
	.seminar .sec03 .gift {
		height: auto;
		padding: 85px 0 30px;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.seminar .sec03 .gift .gift_logo {
		top: -65px;
		left: calc(50% - 65px);
	}
	.seminar .sec03 .gift .txt1 {
		margin-bottom: 10px;
		text-align: center;
	}
	.seminar .sec03 .gift .txt2 {
		margin-bottom: 6px;
		font-size: 14px;
		line-height: 22px;
		text-align: center;
	}
	.seminar .sec03 .gift .txt2 em {
		font-size: 24px;
	}
	.seminar .sec03 .gift .txt3 {
		margin-bottom: 10px;
		text-align: center;
	}
	.seminar .sec03 .gift .item_group {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.seminar .sec03 .gift .item_img {
		width: 130px;
		margin: 0;
		position: static;
		order: 1;
	}
	.seminar .sec03 .gift .item_txt {
		width: 125px;
		margin: -2px 0;
		font-size: 12px;
		line-height: 16px;
	}
	.seminar .sec04 {
		padding: 40px 0;
	}
	.seminar .sec04 .txt1 {
		margin: -2px auto 10px;
		padding: 0 5%;
		text-align: left;
		font-size: 18px;
		line-height: 22px;
	}
	.seminar .sec04 .ttl {
		margin: -4px auto;
		padding: 0 5%;
		text-align: left;
		font-size: 22px;
		line-height: 30px;
	}
	.seminar .sec04 .inner-contents {
		width: 100%;
		padding: 0 5%;
	}
	.seminar .sec04 table {
		margin-top: 7px;
		display: block;
	}
	.seminar .sec04 table tbody {
		display: block;
	}
	.seminar .sec04 table tr {
		display: block;
	}
	.seminar .sec04 table th {
		display: block;
		width: 100%;
		padding: 15px 0 0;
	}
	.seminar .sec04 table th div {
		width: 70px;
		background-color: #424271;
		font-size: 14px;
		letter-spacing: 0;
	}
	.seminar .sec04 table td {
		display: block;
		width: 100%;
		padding: 12px 0;
		font-size: 14px;
		line-height: 20px;
	}
	.seminar .sec04 table td.fee {
		padding: 13px 0;
		font-size: 18px;
		line-height: 22px;
	}
	.seminar .sec04 table td iframe {
		height: 145px;
		margin: 13px 0 2px;
	}
	.seminar .sec04 .s_date {
		padding: 3px 0;
	}
	.seminar .sec04 .s_date li:nth-child(n+2) {
		margin-top: 12px;
	}
	.seminar .sec04 .s_date li.sameday {
		margin-top: 6px;
	}
	.seminar .sec04 .s_date .time {
		margin-left: 17px;
	}
	.seminar .sec04 .s_date .availability {
		width: 52px;
		margin-left: 6px;
	}
	.seminar .sec04 .option {
		margin: 17px 0 -3px;
		font-size: 12px;
		line-height: 18px;
	}
	.seminar .sec04 .option + .option {
		margin-top: 8px;
	}
	.seminar .sec04 #myform {
		width: 100%;
		margin-top: 40px;
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 40px 5%;
	}
	.seminar .sec04 #myform .form_header {
		width: 260px;
		height: 62px;
		font-size: 20px;
		line-height: 60px;
	}
	.seminar .sec04 #myform .form_contents {
		width: 100%;
		margin-top: 30px;
	}
	.seminar .sec04 #myform .form_contents .form-group {
		padding-bottom: 15px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.seminar .sec04 #myform .form_contents .form-group dt {
		width: 100%;
		height: auto;
		padding-bottom: 8px;
	}
	.seminar .sec04 #myform .form_contents .form-group dt .required {
		margin-right: 6px;
	}
	.seminar .sec04 #myform .form_contents .form-group dd {
		width: 100%;
	}
	.seminar .sec04 #myform .form_contents .form-group dd.select::after {
		top: 21px;
	}
	.seminar .sec04 #myform .form_contents .form-group dd label.error {
		margin-top: 6px;
	}
	.seminar .sec04 #myform .form_contents .form-group input,
	.seminar .sec04 #myform .form_contents .form-group select {
		height: 48px;
		font-size: 16px;
	}
	.seminar .sec04 #myform .form_contents .form-group2 {
		margin-top: 10px;
	}
	.seminar .sec04 #myform .form_contents .form-group2 dt {
		font-size: 18px;
	}
	.seminar .sec04 #myform .form_contents .form-group2 dd {
		margin-top: 10px;
	}
	.seminar .sec04 #myform .form_contents .form-group2 dd label.error {
		margin-top: 6px;
	}
	.seminar .sec04 #myform .form_contents .form-group2 dd .inputRadio {
		height: 36px;
		margin: 0;
		border-radius: 18px;
	}
	.seminar .sec04 #myform .form_contents .form-group2 dd .inputRadio span {
		border-radius: 18px;
		font-size: 16px;
		line-height: 36px;
	}
	.seminar .sec04 #myform .form_contents .form-group2 dd .inputRadio span:hover {
		background-color: #fff;
	}
	.seminar .sec04 #myform .form_contents .form-group2 dd .inputRadio span::after {
		width: 12px;
		height: 12px;
		left: 13px;
	}
	.seminar .sec04 #myform .form_contents .form-group2 dd #seminardate_group .inputRadio {
		width: calc((100% - 7px) / 2);
	}
	.seminar .sec04 #myform .form_contents .form-group2 dd #seminardate_group .inputRadio:nth-child(n+3) {
		margin-top: 7px;
	}
	.seminar .sec04 #myform .form_contents .form-group2 dd #seminardate_group .inputRadio:nth-child(2n) {
		margin-left: 7px;
	}
	.seminar .sec04 #myform .form_contents .form-group2 dd #seminartime_group .inputRadio,
	.seminar .sec04 #myform .form_contents .form-group2 dd #gift_group .inputRadio {
		width: 100%;
	}
	.seminar .sec04 #myform .form_contents .form-group2 dd #seminartime_group .inputRadio:nth-child(n+2),
	.seminar .sec04 #myform .form_contents .form-group2 dd #gift_group .inputRadio:nth-child(n+2) {
		margin-top: 7px;
	}
	.seminar .sec04 #myform .form_footer {
		width: 240px;
		margin-top: 15px;
	}
	.seminar .sec04 #myform .form_footer button {
		width: 240px;
		border-radius: 4px;
		background-color: #424271;
		color: #fff;
		font-size: 16px;
		letter-spacing: 0.05em;
	}
	.seminar .sec05 {
		padding-bottom: 40px;
	}
	.seminar .sec05 .inner-contents {
		padding: 0 5%;
	}
	.seminar .sec05 .area_ttl {
		margin-top: 40px;
		padding-bottom: 10px;
		font-size: 14px;
		letter-spacing: 0.1em;
	}
	.seminar .sec05 .area_ttl span {
		margin-bottom: 5px;
		font-size: 24px;
	}
	.seminar .sec05 .seminarList {
		margin: -10px 0 0;
	}
	.seminar .sec05 .seminarUnit {
		width: 100%;
		margin: 20px 0 0 0;
	}
	.seminar .sec05 .thumbnail {
		height: 138px;
	}
	.seminar .sec05 .genre {
		margin: 12px 7px 0;
		font-size: 13px;
	}
	.seminar .sec05 .title {
		margin: 11px 7px -1px;
		font-size: 18px;
		line-height: 20px;
	}
	.seminar .sec05 .date {
		margin: 10px 7px 0;
	}
	.seminar .sec05 .maintext {
		margin: 9px 7px -3px;
		font-size: 14px;
		line-height: 20px;
	}
	.seminar #footer {
		border-top: none;
	}
}

.seminar_menu{
	padding-top: 90px;
}
.seminar_menu #titleArea{
	height: 500px;
	padding-top: 218px;
	background-attachment: scroll;
	background-image: url(../img/seminar/bg_title01.jpg);
	background-size: cover;
	transition: opacity .5s;
}
.seminar_menu #main {
	padding: 60px 0 100px;
	font-family: "游ゴシック", YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color: #393943;
	font-weight: 500;
}
.seminar_menu #main .serif {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 400;
}
.seminar_menu #searchContainer {
	max-width: 1000px;
	margin: 0 auto;
}
.seminar_menu #searchContainer .search_ttl {
	height: 24px;
	margin-bottom: 10px;
	padding-left: 40px;
	background: url(../img/seminar/ico-search.svg) left center no-repeat;
	background-size: 24px 24px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
}
.seminar_menu #searchContainer .search_box {
	background-color: #F4F4F4;
	border-radius: 4px;
	padding: 40px 4% 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.seminar_menu #searchContainer .searchGroup {
	width: 30.435%;
	text-align: center;
}
.seminar_menu #searchContainer .search_grp_ttl {
	display: inline-block;
	vertical-align: top;
	height: 24px;
	margin-bottom: 10px;
	padding-left: 34px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	font-size: 13px;
	line-height: 24px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.seminar_menu #searchContainer .genre .search_grp_ttl {
	background-image: url(../img/seminar/ico-genre.svg);
}
.seminar_menu #searchContainer .area .search_grp_ttl {
	background-image: url(../img/seminar/ico-area.svg);
}
.seminar_menu #searchContainer .month .search_grp_ttl {
	background-image: url(../img/seminar/ico-month.svg);
}
.seminar_menu #searchContainer .filters {
	border-top: 1px solid currentColor;
}
.seminar_menu #searchContainer .filters li {
	width: calc(50% - 5px);
	height: 39px;
	margin-top: 10px;
	background-color: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
	float: left;
	font-size: 12px;
	line-height: 39px;
	font-weight: 700;
	cursor: pointer;
}
.seminar_menu #searchContainer .filters li:nth-child(2n) {
	margin-left: 10px;
}
.seminar_menu #searchContainer .filters li.tokyo {
	color: #A24C02;
}
.seminar_menu #searchContainer .filters li.osaka {
	color: #006B6F;
}
.seminar_menu #searchContainer .filters li.nagoya {
	color: #627E10;
}
.seminar_menu #searchContainer .filters li.empty {
	background-color: #DFDFDF;
	color: #B2B2B2;
	pointer-events: none;
}
.seminar_menu #searchContainer .filters li.selected {
	background-color: #393943;
	color: #fff;
}
.seminar_menu #searchContainer .filters li.tokyo.selected {
	background-color: #A24C02;
}
.seminar_menu #searchContainer .filters li.osaka.selected {
	background-color: #006B6F;
}
.seminar_menu #searchContainer .filters li.nagoya.selected {
	background-color: #627E10;
}
.seminar_menu #searchContainer .allclear {
	width: 200px;
	height: 40px;
	margin: -20px auto 0;
	background-color: #fff;
	border: 1px solid currentColor;
	border-radius: 4px;
	text-align: center;
	color: #848484;
	font-size: 12px;
	line-height: 38px;
	font-weight: 700;
	cursor: pointer;
}
.seminar_menu #seminarContainer {
	transition: opacity .5s;
}
.seminar_menu #seminarContainer .area_group {
	margin-top: 60px;
}
.seminar_menu #seminarContainer .area_ttl {
	padding-bottom: 20px;
	border-bottom: 1px solid currentColor;
	text-align: center;
	font-size: 12px;
	line-height: 1;
	letter-spacing: 0.1em;
}
.seminar_menu #seminarContainer .tokyo .area_ttl {
	color: #A24C02;
}
.seminar_menu #seminarContainer .osaka .area_ttl {
	color: #006B6F;
}
.seminar_menu #seminarContainer .nagoya .area_ttl {
	color: #627E10;
}
.seminar_menu #seminarContainer .area_ttl span {
	display: block;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 700;
}
.seminar_menu #seminarContainer .seminarList {
	min-height: 190px;
	margin-right: -15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
}
.seminar_menu #seminarContainer .seminarList.seminarexists::before {
	content: '条件に合うセミナーはありません。';
	display: block;
	width: calc((100% - 45px) / 3);
	font-size: 14px;
    line-height: 20px;
	position: absolute;
	top: 20px;
	left: 0;
	z-index: -1;
}
.seminar_menu #seminarContainer .seminarUnit {
	width: calc((100% - 45px) / 3);
	margin: 20px 15px 0 0;
	background-color: #fff;
}
.seminar_menu #seminarContainer .thumbnail {
	height: 160px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.seminar_menu #seminarContainer .thumbnail:hover {
	opacity: 0.75;
}
.seminar_menu #seminarContainer .genre {
	display: inline-block;
	height: 22px;
	margin: 15px 10px 0;
	padding: 0 6px;
	background-color: #393943;
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	font-weight: 700;
}
.seminar_menu #seminarContainer .tokyo .genre {
	background-color: #A24C02;
}
.seminar_menu #seminarContainer .osaka .genre {
	background-color: #006B6F;
}
.seminar_menu #seminarContainer .nagoya .genre {
	background-color: #627E10;
}
.seminar_menu #seminarContainer .title {
	margin: 11px 10px -4px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
}
.seminar_menu #seminarContainer .title a {
	color: #393943;
}
.seminar_menu #seminarContainer .tokyo .title a {
	color: #A24C02;
}
.seminar_menu #seminarContainer .osaka .title a {
	color: #006B6F;
}
.seminar_menu #seminarContainer .nagoya .title a {
	color: #627E10;
}
.seminar_menu #seminarContainer .date {
	margin: 10px 10px 0;
	font-size: 14px;
	line-height: 1;
	font-weight: 700;
}
.seminar_menu #seminarContainer .maintext {
	margin: 12px 10px -4px;
	color: #848484;
	font-size: 13px;
	line-height: 20px;
}
.seminar_menu #seminarContainer .emptymsg {
	margin-top: 20px;
	font-size: 14px;
    line-height: 20px;
}
.seminar_menu #footer {
	border-top: 1px solid #A4A4A4;
	padding-top: 25px;
}
@media screen and (max-width:768px) {
	.seminar_menu{
		padding-top: 45px;
	}
	.seminar_menu #titleArea{
		height: 140px;
		padding-top: 47px;
	}
	.seminar_menu #main {
		padding: 30px 0 40px;
	}
	.seminar_menu #searchContainer .search_ttl {
		padding-left: 30px;
	}
	.seminar_menu #searchContainer .search_box {
		padding: 20px 5.97% 40px;
		display: block;
	}
	.seminar_menu #searchContainer .searchGroup {
		width: 100%;
		text-align: left;
	}
	.seminar_menu #searchContainer .searchGroup:nth-child(n+2) {
		margin-top: 20px;
	}
	.seminar_menu #searchContainer .search_grp_ttl {
		margin-bottom: 8px;
		font-size: 15px;
		letter-spacing: 0.1em;
	}
	.seminar_menu #searchContainer .filters {
		border-top: none;
	}
	.seminar_menu #searchContainer .filters li {
		text-align: center;
		font-size: 14px;
	}
	.seminar_menu #searchContainer .filters li:nth-child(-n+2) {
		margin-top: 0;
	}
	.seminar_menu #seminarContainer {
		padding-top: 10px;
	}
	.seminar_menu #seminarContainer .area_group {
		margin-top: 30px;
	}
	.seminar_menu #seminarContainer .area_ttl {
		padding-bottom: 10px;
		font-size: 14px;
		letter-spacing: 0.1em;
	}
	.seminar_menu #seminarContainer .area_ttl span {
		margin-bottom: 5px;
		font-size: 24px;
	}
	.seminar_menu #seminarContainer .seminarList {
		margin: -10px 0 0;
	}
	.seminar_menu #seminarContainer .seminarList.seminarexists::before {
		width: 100%;
	}
	.seminar_menu #seminarContainer .seminarUnit {
		width: 100%;
		margin: 20px 0 0 0;
	}
	.seminar_menu #seminarContainer .thumbnail {
		height: 138px;
	}
	.seminar_menu #seminarContainer .genre {
		margin: 12px 7px 0;
		font-size: 13px;
	}
	.seminar_menu #seminarContainer .title {
		margin: 11px 7px -1px;
		font-size: 18px;
		line-height: 20px;
	}
	.seminar_menu #seminarContainer .date {
		margin: 10px 7px 0;
	}
	.seminar_menu #seminarContainer .maintext {
		margin: 9px 7px -3px;
		font-size: 14px;
		line-height: 20px;
	}
	.seminar_menu #footer {
		border-top: none;
	}
}