@charset "utf-8";

/* category_name */
#technology .category_name {
	background:url(../../act/img/category_bg.jpg) center top no-repeat;
}
#technology.no_sub .category_name h1,
#technology.no_sub .category_name p{
	padding-top:70px;
}
@media print,screen and (min-width: 740px) {
#technology .category_name {
	min-height:350px;
}
}
@media screen and (max-width: 739px) {
#technology .category_name {
	background:url(../../act/img/category_bg_sp.jpg) center top no-repeat;
	background-size:cover;
}
#technology.no_sub .category_name h1,
#technology.no_sub .category_name p{
	padding:25px 0;
}
}

/* content */
#technology.no_sub #content{
	margin-top:190px;
}
@media screen and (max-width: 739px) {
#technology.no_sub #content{
	margin-top:0;
}
}

/* h_ttl01 */
#technology #main .h_ttl01{
	color:#0B6BC4;
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "メイリオ", Meiryo, serif;
	font-size:165%;
	font-weight:bold;
	line-height:1.4;
	margin-top:50px;
	margin-bottom:-10px;
	/*border-left:5px solid #0B6BC4;
	padding:6px 0 6px 16px;*/
}
@media screen and (max-width: 739px) {
#technology #main .h_ttl01{
	font-size:20px;
	margin-top:30px;
	margin-bottom:-6px;
	/*padding:6px 0 6px 10px;*/
}
}

/* float_box01 */
#main .float_box01 {
	margin-top:25px;	
}
#main .float_box01 .left{
	float:left;
	width:335px;
}
#main .float_box01 .right{
	float:right;
	width:335px;
}
#main .float_box01 h4 {
    margin-top: 0px;
    margin-bottom: -8px;
    font-size: 95%;
    font-weight: bold;
	/*color: #0B6BC4;*/
	background-color:#ECF3FA;
	padding: 2px 8px;
	border-radius: 5px;
}

@media print,screen and (max-width: 739px) {
#main .float_box01 .left{
	float:none;
	width:100%;
}
#main .float_box01 .right{
	float:none;
	width:100%;
}
#main .float_box01 h4 {
    font-size: 15px;
	margin-top: 10px;
}
}

/* video-box */
.video-box{
	width: 100%;
	text-align:center;
}
.movie-video-box_700 video {
    width: 700px;
    height: auto;
	margin-top: 30px;
}
@media print,screen and (max-width: 739px) {
.movie-video-box_700 video {
    width: 100%;
}	
}

#main .cloud_other_box {
	border: 1px solid #ccc;
	margin-top: 50px;
	padding-bottom: 30px;
}
#main .cloud_other_box .inner{
	width: 660px;
	margin: 0 auto;
}
.page_third #main .cloud_other_box h2{
	font-size: 110%;
	line-height: 1.4;
	background-color: #ECF3FA;
	border-bottom: 2px solid #0B6BC4;
	padding: 10px 20px;
	color: #0B6BC4;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
} 
.page_third #main .cloud_other_box h3{
	font-size: 110%;
	margin-top: 20px;
} 
.page_third #main .cloud_other_box h4{
	color: #0B6BC4;
} 
@media screen and (max-width: 739px) {

#main .cloud_other_box {
	margin-top: 40px;
	padding-bottom: 20px;
}
#main .cloud_other_box .inner{
	width: 92%;
	margin: 0 auto;
}
.page_third #main .cloud_other_box h2{
	font-size: 16px;
	padding: 10px 15px;
} 
.page_third #main .cloud_other_box h3{
	font-size: 15px;
	margin-top: 20px;
} 
}



#main blockquote {
    color: #666;
    margin: 25px 0 0;
    padding: 15px 15px 15px 40px;
    position: relative;
    background: #f8f8f8;
}
#main blockquote:before {
    color: #ddd;
    content: "\201C";
    font-family: Georgia, serif;
    font-size: 50px;
    left: 5px;
    line-height: 1;
    position: absolute;
    top: 5px;
}
#main blockquote p{
    color: #777;
    font-style: italic;
	font-family: 

}

/* act_float_box02 */
.act_float_box02 {
}
#main .act_float_box02 .photo{
	float:left;
	width:260px;
	margin-top:25px;
}
#main .act_float_box02 .txt{
	float:right;
	width:410px;
	margin-top:25px;
}
#main .act_float_box02 .txt dt{
	font-size:95%;
	font-weight:bold;
	line-height:1.4;
}
#main .act_float_box02 .txt dt a{
	text-decoration:none;
	background:url(../img/icon_arrow05.png) 3px center no-repeat;
	padding-left:14px;
}
#main .act_float_box02 .txt dd{
	font-size:85%;
	line-height:1.9;
	margin-top:10px;
}
@media screen and (max-width: 739px) {
#main .act_float_box02 .photo{
	float:none;
	width:100%;
	margin-top:25px;
}
#main .act_float_box02 .txt{
	float:none;
	width:100%;
	margin-top:10px;
}
#main .act_float_box02 .txt dt{
	font-size:16px;
}
#main .act_float_box02 .txt dd{
	font-size:14px;
	line-height:1.7;
	margin-top:8px;
}
}

/* act_float_box03 */
.act_float_box03 {
}
#main .act_float_box03 .photo{
	float:right;
	width:260px;
	margin-top:25px;
}
#main .act_float_box03 .txt{
	float:left;
	width:410px;
	margin-top:25px;
}
#main .act_float_box03 .txt h2{
	margin-top:0;
}


@media screen and (max-width: 739px) {
#main .act_float_box03 .photo{
	float:none;
	width:260px;
	margin:25px auto 0;
}
#main .act_float_box03 .txt{
	float:none;
	width:100%;
	margin-top:10px;
}
#main .act_float_box03 .txt dt{
	font-size:16px;
}
#main .act_float_box03 .txt dd{
	font-size:14px;
	line-height:1.7;
	margin-top:8px;
}
}