/* company_infoページのレイアウト用CSS */
/* 印刷用 */
@media print{
	#company_contents{
	width:auto;
	line-height:12pt;
	margin-left: 80px;
	}
	.page_title{
	width:auto;
	padding-top:20px;
	padding-bottom:10px;
	}
	#info_frame{
	width:auto;
	page-break-after: always;
	}
	#info_photo{
	float: right;
	width:140px;
	}
	#info_photo img {
	margin-bottom:10px;
	}
	#title{
	width:160px;
	height:1pc;
	margin-top: 8px;
	margin-bottom:-1pc;
	color:#666666;
	clear:left;
	}
	#body{
	width:300px;
	margin-left:170px;
	clear:left;
	}
	#body #name{
	float: left;
	display: inline;
	width:300px;
	height: auto;
	}
	#body #image_area {
	float: left;
	display: inline;
	width:300px;
	height: 188px;
	}
	#body #image_area #portrait {
	float: left;
	display: inline;
	width:140px;
	height: 188px;
	}
	#body #image_area #nameimg {
	float: left;
	display: inline;
	width:150px;
	height: 71px;
	margin-left: 10px;
	margin-top: 120px;
	}
	#body #hellotext {
	float: left;
	display: inline;
	width:300px;
	height: auto;
	margin-top: 5px;
	margin-bottom: 30px;
	}
	#body_L{
	width:440px;
	margin-left:170px;
	clear:left;
	}
	.license{
	width:auto;
	padding-top: 5px;
	padding-bottom:5px;
	border-top:1px solid #999999;
	}
	.license_title{
	width:200px;
	height:1pc;
	margin-top:8px;
	margin-bottom:-1pc;
	clear:left;
	}
	.license_body{
	width:400px;
	margin-left:210px;
	clear:left;
	}
	.license_body1{
	width:70px;
	height:1pc;
	margin-top:8px;
	margin-bottom:-1pc;
	clear:left;
	}
	.license_body2{
	width:300px;
	margin-left:100px;
	text-indent:-5pt;
	clear:left;
	}
	#date{
	width:auto;
	text-align:right;
	}
	#page_top{
	display: none;
	}
	#page_top a{
	}
	#home{
	display: none;
	}
	#home a{
	}
	#body dl dt{counter-increment: margin;}
	#body dl dd{padding-left:24px;margin-bottom:8px;margin-left:0;padding-left:0;}
	#body dl dd ul li{list-style-type: circle;margin-left:0;padding-left:0;}
	.page_change{
		page-break-before: always;
	}
}

/* 画面表示用 */
@media screen{
#company_contents{
max-width:720px;
/*line-height:15pt;
float:right;*/
margin:0 auto;
}
.page_title{
/*max-width:610px;*/
padding-top:20px;
padding-bottom:10px;
}
#info_frame{
/*max-width:610px;*/
padding-bottom: 3em;
}
#info_photo img {
margin-bottom:10px;
}
#title{
width:160px;
height:2pc;
margin-top: 10px;
margin-bottom:-2pc;
color:#666666;
clear:left;
}
#body{
/*width:300px;*/
margin-left:180px;
clear:left;
}
#body #name{
float: left;
display: inline;
width:300px;
height: auto;
}
#body #image_area {
display: flex;
}
#body #image_area #portrait {
width:140px;
height: 188px;
}
#body #image_area #nameimg {
width:150px;
height: 71px;
margin-left: 10px;
margin-top: 100px;
line-height: 2em;
}
#body #hellotext {
margin-top: 5px;
margin-bottom: 30px;
}
#body_L{
margin-left:180px;
clear:left;
}
.license{
padding-top: .5em;
padding-bottom:.5em;
border-top:1px solid #999999;
display: flex;
}
.license_title{
width:200px;
margin-right: 2em;
clear:left;
}
.license_body{
clear:left;
}
.license_body1{
width:70px;
height:2pc;
margin-bottom:-2pc;
clear:left;
}
.license_body2{
width:300px;
margin-left:100px;
text-indent:-5pt;
clear:left;
}
#date{
text-align:right;
}
#page_top{
max-width:610px;
height: 50px;
text-align:right;
}
#page_top a{
color: #999999;
}
#home{
max-width:610px;
height: 40px;
text-align: right;
}
#home a{
color: #999999;
}
#movie_page {
	width: 320px;
	haight: auto;
	margin-left: 20px;
}
#movie_page #header {
	width: 320px;
	haight: auto;
}
#movie_page #movie_area {
	width: 320px;
	haight: 300px;
}
#movie_page #movie_text {
	width: 320px;
	haight: auto;
	margin-top: 20px;
}
#movie_page #closebutton {
	width: 80px;
	haight: 30px;
	margin-left: 240px;
}
#body dl dt{counter-increment: margin;}
#body dl dd{padding-left:24px;margin-bottom:8px;}
#body dl dd ul li{list-style-type: circle}
}

@media screen and (max-width:600px){
	#title {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}
#body {
    margin: 0;
    padding-left: 1.5em;
}
#body_L {
    margin-left: 0;
    padding-left: 1.5em;
}
.license {
    display: block;
}
.license_title {
    padding-bottom: .5em;
    width: 100%;
}
.license_body {
    padding-left: 1.5em;
    box-sizing: border-box;
}
.license_body2 {
    width: auto;
}
}