@charset "UTF-8";

#page{position:relative;}


#page .overview{position:relative;font-size:20px;}
#page .overview:after{content:"";display:block;clear:both;}
#page .overview .image{position:relative;float:left;width:calc(100% - 49.3% - 80px);background-color:#fafafa;background-image:url(../img/overview_image.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;}
#page .overview .image:before{content:"";display:block;padding-bottom:127%;}
#page .overview .text{position:relative;float:right;width:49.3%;font-size:1.4em;font-weight:400;color:#333333;line-height:1.35;}
#page .overview .text ul{position:relative;padding:0;margin:0;list-style:none;border-top:1px solid #bbbbbb;}
#page .overview .text ul li{position:relative;border-bottom:1px solid #bbbbbb;padding:0.71em 0;}
#page .overview .text ul li:after{content:"";display:block;clear:both;}
#page .overview .text ul li .item_title{position:absolute;float:left;left:0;top:50%;transform:translateY(-50%);margin:0;padding:0;width:8.5em;font-size:1em;font-weight:700;color:#333333;}
#page .overview .text ul li .item_content{position:relative;float:right;margin:0;padding:0;width:calc(100% - 8.5em);font-size:1em;font-weight:400;color:#636363;word-break:keep-all;}
#page .overview .text ul li .item_content a{text-decoration:none;color:inherit;}

@media all and (max-width:1400px){
	#page .overview{font-size:19px;}
	#page .overview .image{width:calc(100% - 49.3% - 60px);}
	#page .overview .text{font-size:1.3em;}
}
@media all and (max-width:1200px){
	#page .overview{font-size:18px;}
	#page .overview .image{width:calc(100% - 49.3% - 40px);}
	#page .overview .text{font-size:1.2em;}
}
@media all and (max-width:1000px){
	#page .overview{font-size:17px;}
	#page .overview .image{width:calc(100% - 49.3% - 30px);}
	#page .overview .text{font-size:1.1em;}
}
@media all and (max-width:800px){
	#page .overview{font-size:16px;}
	#page .overview .image{float:none;margin:0 auto;width:auto;max-width:500px;}
	#page .overview .image:before{padding-bottom:75%;}
	#page .overview .text{float:none;width:auto;margin-top:2em;}
}
@media all and (max-width:600px){
	#page .overview{font-size:15px;}
}
@media all and (max-width:400px){
	#page .overview{font-size:14px;}
}
@media all and (max-width:350px){
	#page .overview{font-size:13px;}
}


#page .keyword{position:relative;}
#page .keyword .image{position:relative;display:block;margin:0 auto;max-width:1501px;background-image:url(../img/keyword_image.png);background-size:100%;background-repeat:no-repeat;background-position:center center;}
#page .keyword .image:before{content:"";display:block;padding-bottom:19%;}