@charset "utf-8";/* -- トップページCSS -- */
#top{ height: 38px; }
#main-image{ background: url(../images/main-image/home-bg.png) center bottom no-repeat; }
#main-image #catch{ padding: 0; text-align: right; }
#main-image #catch img{ margin: 20px 0 0 0; }
#main-image #top-link{ margin: -0 2% 10px 0; }

table.voice{ margin: 0 0 5px 25px; }
table.voice td{
	padding: 15px 0 15px 15px;
	border-top: 2px dotted #ccc;
	border-bottom: 2px dotted #ccc;
}
table.voice td:first-child{ border-right: 2px dotted #ccc; padding: 15px 15px 15px 0; }
table.voice tr.last td{ border-bottom: 0 none; }

table.voice td p.voice01, table.voice td p.voice02, table.voice td p.voice03, table.voice td p.voice04, table.voice td p.voice05, table.voice td p.voice06{
	height: 185px;
	padding: 70px 0 0 310px;
}
table.voice td p.voice01{ background: url(../images/home/voice/01-img.jpg) 0 0 no-repeat; }
table.voice td p.voice02{ background: url(../images/home/voice/02-img.jpg) 0 0 no-repeat; }
table.voice td p.voice03{ background: url(../images/home/voice/03-img.jpg) 0 0 no-repeat; }
table.voice td p.voice04{ background: url(../images/home/voice/04-img.jpg) 0 0 no-repeat; }
table.voice td p.voice05{ background: url(../images/home/voice/05-img.jpg) 0 0 no-repeat; }
table.voice td p.voice06{ background: url(../images/home/voice/06-img.jpg) 0 0 no-repeat; }
table.voice td a:hover img{ opacity: 0.50; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); }

.movie{ margin: 40px 0; text-align: center; }
.movie iframe{ width: 600px; height: 400px; }

.flow{
	margin: 0 25px 40px 15px;
	padding: 7px 0 0 167px;
	background: url(../images/home/flow/bg.png) 0 0 no-repeat;
}
.flow p{ margin-bottom: 25px; }

.toku01, .toku02, .toku03, .toku04{ margin-left: 8px; }
.toku01 h3.pt2 img{ max-width: none; }
.toku01{ min-height: 355px; background: url(../images/home/toku/01-img.jpg) 710px 150px no-repeat; }
.toku02{ min-height: 420px; background: url(../images/home/toku/02-img.jpg) 665px 130px no-repeat; }
.toku03{ min-height: 330px; background: url(../images/home/toku/03-img.jpg) 680px 73px no-repeat; }
.toku04{ min-height: 330px; background: url(../images/home/toku/04-img.jpg) 680px 73px no-repeat; }
.toku-text{ margin-left: 175px; }

/*******************************************
Multi Screen
********************************************/
@media screen and (max-width:1037px){
.profile .fl-l{ width: 28%; }
.profile .w630{ width: 69%; }
.profile .fl-r{ margin-left: 3%; }
.profile .fl-r .fl-l{ width: 40%; }
.profile .fl-r .fl-r{ width: 50%; }

.sem-img .fl-l,
.sem-img .fl-r{ width: 48%; }

.toku01 h3.pt2 img{ max-width: 100%; }
.toku01{ background: url(../images/home/toku/01-img.jpg) 98% 150px no-repeat; }
.toku02{ background: url(../images/home/toku/02-img.jpg) 98% 130px no-repeat; }
.toku03{ background: url(../images/home/toku/03-img.jpg) 98% 73px no-repeat; }
.toku04{ background: url(../images/home/toku/04-img.jpg) 98% 73px no-repeat; }
.toku-text{ margin-left: 5%; }
}
@media screen and (max-width:890px){
table.voice{ margin: 0 0 5px 3px; }
.flow{ background: none; padding: 7px 0 0 0; }
.toku01, .toku02, .toku03, .toku04{ min-height: 100%; background: none; }
.toku03 .m35-t, .toku04 .m35-t{ margin-top: 0!important; }
}
@media screen and (max-width:769px){
#main-image{ background: url(../images/main-image/home-bg.png) left bottom no-repeat; }
table.voice{ width: 100%; }
table.voice td{
	display: block;
	padding: 15px 5%;
	border-top: 0 none;
	border-bottom: 2px dotted #ccc;
	text-align: center;
}
table.voice td:first-child{ border-right: 0 none; border-top: 2px dotted #ccc; padding: 15px 5%; }
table.voice td p.voice01, table.voice td p.voice02, table.voice td p.voice03, table.voice td p.voice04, table.voice td p.voice05, table.voice td p.voice06{ width: 100%; }
table.voice td p.voice01,
table.voice td p.voice02,
table.voice td p.voice03,
table.voice td p.voice04,
table.voice td p.voice05,
table.voice td p.voice06{ text-align: right; padding-left: 0; }

.profile .m120-t{ margin-top: 10px!important; margin-bottom: 20px; }

.movie iframe{ width: 70%; height: 300px; }
}
@media screen and (max-width:481px){
.profile .fl-l{ float: none; width: auto; text-align: center; }
.profile .w630{ width: auto; }
.profile .fl-r{ float: none; }
.profile .fl-r .fl-l{ width: auto; }
.profile .fl-r .fl-r{ width: auto; text-align: center; }

.sem-img .fl-l,
.sem-img .fl-r,
.repo .fl-r{ float: none; width: auto; margin-bottom: 10px; text-align: center; }

.movie iframe{ width: 85%; height: 250px; }
}