@charset "UTF-8";

figure {
	margin-bottom: 0px;
}
ul {
	list-style: none;
}


.webinar_ttl span {
	background-color: transparent;
}
.webinar_ttl {
	width: 100%;
	position: relative;
	text-align: center;
	font-size: 32px;
	color: #354659;
	letter-spacing: 0.2rem;
	margin-bottom: 50px;
}
.webinar_ttl .en{
	position:relative;
	z-index:2;
	display:inline-block;
	padding:0 1em;
	font-size: 32px;
	background-color:#fff !important;
}

.webinar_ttl .en2{
	margin-top: 50px;
	position:relative;
	z-index:2;
	display:inline-block;
	padding:0 1em;
	font-size: 24px;
	background-color:#fff !important;
	text-align:left;
}
.webinar_ttl:before {
	content: "";
	height: 1px;
	width: 100%;
	display: block;
	position: absolute;
	background-color: #e1e1e1;
	top: 20px;
	left: 0;
}

.indent-txt{
	text-indent:-1em;
	padding-left:1em;
}
.sp-img { display: none;}
.pc-img { display: block;}

/*================================*/


#mv{
	position:relative;
}
#mv:before{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	background-color:rgba(f,f,f,0.6);
	width:100%;
	height:1px;
}
#mv .container{
}
#mv .ttl{
	margin-bottom:1vw;
	padding:15px 0;
	font-size:40px;
	line-height:1;
	color:#353535;
	width:100%;
	text-align:center;
	background:rgba(194,227,245,0.85);
}
#mv .ttl-box01 {
	width:90%;
	margin: 0 auto;
	margin-bottom:3vw;
}
#mv .ttl-box01 .txt01 {
	font-size:3vw;
	line-height:1;
	font-weight:bold;
	color:#fff;
	text-shadow: 3px 3px 7px rgba(0,0,0,0.9);
}
#mv .ttl-box01 .txt02 {
	font-size:3vw;
	line-height:1;
	font-weight:bold;
	color:#fff;
	text-shadow: 3px 3px 7px rgba(0,0,0,0.9);
}
#mv .ttl-box01 .txt02 span {
	font-size:6vw;
}
#mv .ttl-box02 {
	width:80%;
	margin:0 auto;
	padding:3vw;
	background:rgba(255,255,255,0.75);
}
#mv .ttl-box02 .txt01 {
	margin-bottom:2vw;
	font-size:2.7vw;
	line-height:1;
	font-weight:bold;
	color:#7b6a5f;
	text-shadow: 3px 3px 7px rgba(255,255,255,0.9);
}
#mv .ttl-box02 .txt02 {
	font-size:2vw;
	line-height:1.5;
	text-shadow: 3px 3px 7px rgba(255,255,255,0.9);
}

/*================================*/

#what-is{
	margin-bottom:100px;
	color:#354659;
}
#what-is .container{
	width:1135px;
}
#what-is .container img{
	width:100%;
}
#what-is  .container .ph{
	width:100%;
	margin-bottom:50px;
	margin-top:50px;
}
#what-is  .container .phr{
	width:100%;
	margin-bottom:50px;
	margin-top:50px;
	text-align:right;
}

#what-is .ttl-en{
	text-align:center;
	color:#262626;
	font-size:26px;
	font-weight:bold;
}
#what-is .ttl{
	margin-bottom:20px;
	text-align:center;
	color:#7b6a5f;
	font-size:36px;
	font-weight:bold;
}
#what-is .list{
	padding:50px 70px;
	background: #A0E3F5; /* Old browsers */
	background: -moz-linear-gradient(top,  #A0E3F5 0%, #C2E3F5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #A0E3F5 0%,#C2E3F5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #A0E3F5 0%,#C2E3F5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A0E3F5', endColorstr='#C2E3F5',GradientType=0 ); /* IE6-9 */
}
#what-is .list .list-ttl{
	margin-bottom:20px;
	font-size:24px;
	font-weight:bold;
}
#what-is .list ul{
	padding:0 60px;
}
#what-is li{
	margin-bottom:20px;
	font-size:28px;
	line-height:1.5;
	font-weight:bold;
	padding-left:30px;
	background:url(icon_check.png) no-repeat left top 0.6em;
}


/*================================*/

#about {
	margin-bottom:100px;
}
.about-data{
	margin-bottom:20px;
	width:100%;
	border: solid 1px #000;
	border-collapse:collapse;
}
.about-data th,
.about-data td{
	padding:20px;
	border: solid 1px #000;
	color:#354659;
	font-size:28px;
}
.about-data th{
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	background-color:#E8F6EF;
}
.about-data td span{
	font-size:22px;
}


/*================================*/

#contents {
	margin-bottom:100px;
}
#contents img {
	width:100%;
}
/*================================*/

#property {
	margin-bottom:100px;
}
.property-box{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.property-box .ph{
	width:27%;
}
.property-box .prof{
	width:60%;
}
.property-box .c-name{
	color:#354659;
	font-size:26px;
}
.property-box .title{
	color:#354659;
	font-size:22px;
}
.property-box .name{
	color:#354659;
	font-size:38px;
}
.property-box .comm{
	line-height:2;
}

/*================================*/

#flow {
	background:transparent !important;
}
#flow ul li span,
#flow ul li p,
#flow ul li b {
	color: #354659;
}
#flow ul li figure {
	margin-bottom:10px;
}
#flow ul li b {
	font-size:21px;
}
#flow ul li figure:after {
    border-color: transparent transparent transparent #193c8b;
}

/*================================*/

#pr {
	position:relative;
	padding:40px 70px;
	border: solid 2px #009ccf;
	margin-bottom:100px;
}
#pr:before{
	content:"";
	position:absolute;
	left:2px;
	top:2px;
	width:10%;
	padding-top:9%;
	background: url(pr_deco.png) no-repeat left top;
	background-size:100% auto;
}
.pr-ttl{
	margin-bottom:30px;
	font-size:36px;
	color:#009ccf;
	font-weight:bold;
	text-align:center;
}
.pr-list{
}
.pr-list li{
	margin-bottom:30px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.pr-list li:last-child{
	margin-bottom:0px;
}
.pr-list .ph{
	width:20%;
}
.pr-list .ph a:hover{
	opacity:0.50;
}
.pr-list .txt{
	width:75%;
	font-size:22px;
}
.pr-list .ttl{
	font-size:30px;
}
.pr-list .ttl a{
	text-decoration:underline;
	color:#212529;
}
.pr-list .ttl a:hover{
	text-decoration: none;
}


@media screen and (max-width: 767px) {
	
	.sp-img { display: block;}
	.pc-img { display: none;}

	#mv{
		background-size:100% auto;
		margin-bottom:0px;
		padding-bottom:0;
		height:2vw;
	}
	#mv .container{
		padding:10vw 0 35vw;
		min-height: inherit;
		text-align:center;
	}
	
	#mv .ttl{
		margin-bottom:20vw;
		padding:2vw 0;
		font-size:16px;
	}
	#mv .ttl-box01 {
		margin-bottom:40vw;
	}
	#mv .ttl-box01 .txt01 {
		margin-bottom:3vw;
		font-size:16px;
		line-height:1.5;
	}
	#mv .ttl-box01 .txt02 {
		font-size:18px;
		line-height:1.3;
	}
	#mv .ttl-box01 .txt02 span {
		font-size:40px;
	}
	#mv .ttl-box02 {
		width:100%;
		padding:5vw;
		background-color:#fff;
	}
	#mv .ttl-box02 .txt01 {
		margin-bottom:2vw;
		font-size:18px;
		line-height:1.3;
	}
	#mv .ttl-box02 .txt02 {
		font-size:14px;
	}

	/*================================*/
	
	#what-is{
	}
	#what-is .container{
		width: auto;
	}
	#what-is .ttl-en{
		text-align:center;
		color:#262626;
		font-size:26px;
		font-weight:bold;
	}
	#what-is .ttl{
		font-size:24px;
	}
	#what-is .list{
		padding:5vw;
	}
	#what-is .list ul{
		padding:0 3vw;
	}
	#what-is li{
		margin-bottom:5vw;
		font-size:18px;
		padding-left:7vw;
	}

	/*================================*/
	
	#about {
	}
	.about-data{
		margin-bottom:2vw;
		width:100%;
		border: solid 1px #000;
		border-collapse:collapse;
	}
	.about-data th,
	.about-data td{
		padding:10px;
		border: solid 1px #000;
		color:#354659;
		font-size:16px;
	}
	.about-data th{
		font-weight:normal;
		text-align:center;
		vertical-align:middle;
		background-color:#E8F6EF;
	}
	.about-data td span{
		font-size:14px;
	}
	
	/*================================*/
	
	#contents {
	}
	#contents img {
		width:100%;
	}
	
	/*================================*/
	
	#property {
	}
	.property-box{
	}
	.property-box .ph{
		width:100%;
		margin-bottom:3vw;
		text-align:center;
	}
	.property-box .prof{
		width:100%;
	}
	.property-box .prof p{
		margin-bottom:2vw;
	}
	.property-box .c-name{
		color:#354659;
		font-size:18px;
	}
	.property-box .title{
		color:#354659;
		font-size:16px;
	}
	.property-box .name{
		color:#354659;
		font-size:26px;
	}
	.property-box .comm{
		line-height:2;
	}
	
	
	/*================================*/
	
	#flow ul li figure:after {
		border-color: #193c8b transparent transparent transparent;
	}
	
	/*================================*/
	
	#pr {
		padding:10vw 5vw 5vw;
	}
	#pr:before{
		width:20%;
		padding-top:18%;
	}
	.pr-ttl{
		margin-bottom:3vw;
		font-size:30px;
	}
	.pr-list{
	}
	.pr-list li{
		margin-bottom:5vw;
	}
	.pr-list .ph{
		width:100%;
		margin-bottom:3vw;
		text-align:center;
	}
	.pr-list .txt{
		width:100%;
		font-size:16px;
	}
	.pr-list .ttl{
		font-size:20px;
	}
	
	

}