@charset "UTF-8";


.component_info{position:relative;}
.component_info:after{content:"";display:block;clear:both;}
.component_info .left{position:relative;float:left;width:calc(50% - 20px);}
.component_info .right{position:absolute;right:0;top:50%;transform:translateY(-50%);float:right;width:calc(50% - 20px);max-width:580px;}
.component_info .map{position:relative;background-color:#efefef;}
.component_info .map:before{content:"";display:block;padding-bottom:96.7%;}
.component_info .info{position:relative;font-size:20px;font-weight:400;color:#000000;line-height:1.4;}
.component_info .info ul{position:relative;margin:0;padding:0;list-style:none;}
.component_info .info ul li{position:relative;}
.component_info .info ul li:after{content:"";display:block;clear:both;}
.component_info .info ul li:nth-child(n+2){margin-top:27px;}
.component_info .info ul li .title{position:relative;float:left;font-size:24px;width:190px;max-width:6.05em;padding-left:35px;font-weight:500;white-space:nowrap;box-sizing:border-box;}
.component_info .info ul li .title:before{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background-color:#323232;}
.component_info .info ul li .title span{position:relative;display:block;font-size:26px;letter-spacing:inherit;}
.component_info .info ul li .title.spacing1{letter-spacing:0.82em;}
.component_info .info ul li .title.spacing2{letter-spacing:0.27em;}
.component_info .info ul li .content{position:relative;float:right;font-size:24px;width:calc(100% - 190px);box-sizing:border-box;}
.component_info .info ul li .content p{position:relative;margin:0;padding:0;word-break:keep-all;}

@media all and (max-width:1400px){
	.component_info .info{font-size:18px;}
	.component_info .info ul li:nth-child(n+2){margin-top:1.35em;}
	.component_info .info ul li .title{font-size:1.2em;width:7.9em;padding-left:1.46em;}
	.component_info .info ul li .title span{font-size:1.08em;}
	.component_info .info ul li .content{font-size:1.2em;width:calc(100% - 7.9em);}
}
@media all and (max-width:1200px){
	.component_info .info{font-size:17px;}
}
@media all and (max-width:1000px){
	.component_info .info{font-size:16px;}
	.component_info .left{float:none;width:auto;}
	.component_info .right{float:none;right:auto;top:auto;position:relative;transform:translateY(0);width:auto;max-width:100%;}
	.component_info .map{max-width:600px;margin:0 auto;}
	.component_info .map:before{padding-bottom:65%;}
	.component_info .info{margin:0 auto;margin-top:2.8em;max-width:600px;}
	.component_info .info ul li .title{font-size:1.1em;}
	.component_info .info ul li .content{font-size:1.1em;}
}
@media all and (max-width:800px){
	.component_info .info{font-size:15px;}
}
@media all and (max-width:600px){
	.component_info .info{font-size:14px;}
}
@media all and (max-width:400px){
	.component_info .info{font-size:13px;}
}
@media all and (max-width:350px){
	.component_info .info{font-size:12px;}
}


.component_organization{position:relative;}
.component_organization .figure{position:relative;background-image:url(../img/component_organization_figure.png);background-size:100%;background-repeat:no-repeat;background-position:center top;}
.component_organization .figure:before{content:"";display:block;padding-bottom:73.13%;}
.component_organization .figure:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../img/component_organization_figure_mobile.png);background-size:100%;background-repeat:no-repeat;background-position:center top;display:none;}

@media all and (max-width:600px){
	.component_organization .figure{background-image:none;}
	.component_organization .figure:before{padding-bottom:184.4%;}
	.component_organization .figure:after{display:block;}
}