@charset "utf-8";
/*=============================================================
 CSR top Layout
=============================================================*/
/* csr/index.html
-------------------------------------------------------------*/
.csrTop #localMenuArea nav p#lm-csraction{
	display: none !important;
}
.csrTop #csrTitle{
	margin-bottom: 20px;
}
.csrTop #csrTitle h1{
	float: left;
	margin-top: 10px;
}
.csrTop #csrTitle ul#snsBtn{
}
.csrTop #csrTitle #readspeaker_button1{
	float: right !important;
    overflow: hidden;
    width: 148px;/* トリミングしたい枠の幅 */
    height: 18px;/* トリミングしたい枠の高さ */
    position: relative;
	margin-top: 10px;
}
.csrTop #csrTitle #readspeaker_button1 img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -52%);
	-ms-transform: translate(-50%, -52%);
	transform: translate(-50%, -52%);
}
.csrTop .csrTopicsMain{
    width: 100%;
    margin-bottom: 50px;
}
/*.csrTop .csrTopicsMain video{
	width: 100%;
    height: 100%;
	/*cursor: pointer;
}*/
.csrTop .csrTopicsMain img.panel{
	width: 100%;
    height: auto;
}
.csrTop .csrTopicsArea3c{
	margin-bottom: 60px;
}
.csrTop .csrTopicsArea3c .topicsTitle{
	font-size: 130%;
	margin-bottom: 10px;
}
.csrTop .csrTopicsArea3c ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.csrTop .csrTopicsArea3c ul li{
	width: 212px;
    margin-bottom: 20px;
}
.csrTop .csrTopicsArea3c ul li img.panel{
    width: 100%;
    margin-bottom: 5px;
}
.csrTop .csrTopicsArea3c ul li a{
	display: block;
	text-decoration:none;
	color: #333;
    line-height: 135%;
}
.csrTop .csrTopicsArea3c ul li a:hover{
	background: #fff;
	opacity: 0.7;
}





/* front-menuPickup
-------------------------------------------------------------*/
/*#contents .front-menuPickup{
	background:url(../img/index_bg_menu.png) no-repeat 0 0;
	height:151px;
	padding-left:82px;
}
#contents .front-menuPickup li{
	float:left;
	width:168px;
	margin-right:25px;
}
#contents .front-menuPickup li a span{display:none;}
*/
/* front-menuPickup_type2
-------------------------------------------------------------*/
/*#contents .front-menuPickup_type2{
	background:url(../img/index_bg_menu2.png) no-repeat 0 0;
}
#contents .front-menuPickup_type2:hover{
	opacity:0.5;
}
#contents .front-menuPickup_type2 li{
	width:100%;
	margin-right:25px;
	height:151px;
}
#contents .front-menuPickup_type2 li a{
	display:block;
	width:100%;
	height:151px;
}
#contents .front-menuPickup_type2 li a img{
	margin-top:65px;
	margin-left:70px;
}	
#contents .front-menuPickup_type2 li a span{display:none;}
#contents .front-menuPickup_type2 .menu02{
	margin-top:8px;
	height:114px;
	position:relative;
	background:#7fc500;
}
#contents .front-menuPickup_type2 .menu02 .btn-ttl{
	margin-top:20px;
	margin-left:10px;
	float:left;
	width:270px;
}
#contents .front-menuPickup_type2 .menu02 .btn-img{
	margin:7px 7px 0 0;
	float:right;
	width:389px;
}
#contents .front-menuPickup_type2 .menu02 img{
	margin:0;
}
*/








/*#contents .front-menuPickup_type2 .menu02 p{
	position:absolute;
	top:20px;
	left:20px;
	color:#FFF;
	line-height:1.2;
	font-weight:bold;
	font-size:1.3em;
}
#contents .front-menuPickup_type2 .menu02 span{
	margin-bottom:5px;
	display:block;
	font-size:0.7em;
}*/

/*------------------------------------------------------------
	management / index.html
------------------------------------------------------------*/

/* gryBox
-------------------------------------------------------------*/
#contents .gryBox{
	width:620px;
	background:#eceff1;
	padding:25px 30px 5px 20px;
	margin:20px 0 20px 0;
}
#contents .gryBox .fLeft{
	width:450px;
	margin-bottom:2em;
}
#contents .gryBox figure{
	width:123px;
	margin-bottom:2em;
}
#contents .gryBox img{
	width:100%;
}
#contents .gryBox figure figcaption span{
	font-weight:bold;
	display:block;
	font-size:120%;
}
#contents .gryBox .catch{
	font-weight:bold;
	display:block;
	font-size:140%;
	color: #0062a0;
	margin:0 0 20px 0;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){

/* csr/index.html
-------------------------------------------------------------*/
.csrTop #csrTitle{
/*	border: 1px solid #f00;*/
}
.csrTop #csrTitle h1{
	float:none;
	width: 42%;
	margin: 1em 0 0.5em 0;
}
.csrTop #csrTitle div.sp-dsp-block img{
	margin-bottom: 10px;

}
.csrTop #csrTitle #readspeaker_button1{
	float: left !important;
	overflow: visible;
    width: auto;
	width: 32%;
    height: 100%;
	margin-top: 0;
    position: static !important;
}
.csrTop #csrTitle #readspeaker_button1 img{
	position: static !important;
	-webkit-transform: translate(0%, 0%);
	-ms-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
	width: auto;
}

.csrTop .csrTopicsMain,
.csrTop .csrTopicsArea3c{
	margin-top: 1em;
}
.csrTop .csrTopicsArea3c{
	margin-bottom: 40px;
}
.csrTop .csrTopicsArea3c ul li{
	width: 48%;
}
.csrTop .csrTopicsArea3c ul li a{
	height: auto !important;
	margin-bottom: 0 !important;
}
.csrTop .csrTopicsArea3c ul li img.ico-blank{
	background-position:0 0;
	width:12px;
	height:13px;
	margin-left:4px;
}



/* front-menuPickup
-------------------------------------------------------------*/
/*#contents .front-menuPickup{
	background:none;
	height:auto;
	padding-left:0;
}
#contents .front-menuPickup li{
	background:#eee;
	background:-moz-linear-gradient(top,  #f0f0f0 0%, #d1d1d1 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d1d1d1));
	background:-webkit-linear-gradient(top,  #f0f0f0 0%,#d1d1d1 100%);
	background:-o-linear-gradient(top,  #f0f0f0 0%,#d1d1d1 100%);
	background:-ms-linear-gradient(top,  #f0f0f0 0%,#d1d1d1 100%);
	background:linear-gradient(to bottom,  #f0f0f0 0%,#d1d1d1 100%);
	float:none;
	width:auto;
	margin:8px 0 0;
	position:relative;
}
#contents .front-menuPickup li a{
	color:#333;
	font-size:16px;
	line-height:1.15;
	text-decoration:none;
	background:url(../img/index_p01.png) no-repeat right bottom;
	-webkit-background-size:auto 55px;
	background-size:auto 55px;
	display:table;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	height:55px;
	padding:0 120px 0 21px;
}
#contents .front-menuPickup li.menu02 a{background-image:url(../img/index_p02.png);}
#contents .front-menuPickup li.menu03 a{background-image:url(../img/index_p03.png);}
#contents .front-menuPickup li a:before{
	content:"";
	display:block;
	height:0;
	border-style:solid;
	border-width:4px 0 4px 6px;
	border-color:transparent #0062a0;
	position:absolute;
	top:24px;
	left:7px;
}

#contents .front-menuPickup li a.blank:before{
	background:url(../../shared/img/parts_sp_spr.png) no-repeat 0 0;
	-webkit-background-size:auto 110px;
	background-size:auto 110px;
	width:12px;
	height:13px;
	border:none;
	top:21px;
	left:5px;
}
#contents .front-menuPickup li a img{display:none;}
#contents .front-menuPickup li a span{
	display:table-cell;
	vertical-align:middle;
}
#contents .front-menuPickup li a span span{display:inline;}
*/

/* front-menuPickup
-------------------------------------------------------------*/
/* front-menuPickup
-------------------------------------------------------------*/
#contents .front-menuPickup_type2{
	background:none;
	height:auto;
	padding-left:0;
}
#contents .front-menuPickup_type2 li{
	background:#eee;
	background:-moz-linear-gradient(top,  #f0f0f0 0%, #d1d1d1 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#007bb1), color-stop(100%,#00155a));
	background:-webkit-linear-gradient(top,  #007bb1 0%,#00155a 100%);
	background:-o-linear-gradient(top,  #007bb1 0%,#00155a 100%);
	background:-ms-linear-gradient(top,  #007bb1 0%,#00155a 100%);
	background:linear-gradient(to bottom,  #007bb1 0%,#00155a 100%);
	float:none;
	width:auto;
	height:auto;
	margin:8px 0 0;
	position:relative;
}
#contents .front-menuPickup_type2 li a{
	color:#333;
	font-size:16px;
	line-height:1.15;
	text-decoration:none;
	background:url(../img/index_p04.png) no-repeat right bottom;
	-webkit-background-size:auto 55px;
	background-size:auto 55px;
	display:table;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	height:55px;
	padding:0 120px 0 21px;
}
#contents .front-menuPickup_type2 li a:before{
	content:"";
	display:block;
	height:0;
	border-style:solid;
	border-width:4px 0 4px 6px;
	border-color:transparent #fff;
	position:absolute;
	top:24px;
	left:7px;
}
#contents .front-menuPickup_type2 li a.blank:before{
	background:url(../../shared/img/parts_sp_spr.png) no-repeat 0 0;
	-webkit-background-size:auto 110px;
	background-size:auto 110px;
	width:12px;
	height:13px;
	border:none;
	top:21px;
	left:5px;
}
#contents .front-menuPickup_type2 li a img{display:none;}
#contents .front-menuPickup_type2 li a span{
	display:table-cell;
	vertical-align:middle;
	color:#fff;
}
#contents .front-menuPickup_type2 li a span span{display:inline;}




#contents .front-menuPickup_type2 .menu02{
/*	padding:3px 0;*/
	height:auto;
}
#contents .front-menuPickup_type2 .menu02 a{
/*	padding-right:3px;*/
	padding:5px 5px 5px 20px;
	background-image:none;
	height:auto;
/*	display:table;*/
}
#contents .front-menuPickup_type2 .menu02 a:before{
	top:22px;
}
#contents .front-menuPickup_type2 .menu02 .btn-ttl{
	margin:0;
	color:#FFF;
	width:65%;
}
#contents .front-menuPickup_type2 .menu02 .btn-ttl span{
	margin-bottom:2px;
	display:block;
	font-size:10px;
}
#contents .front-menuPickup_type2 .menu02 .btn-img{
	margin:0;
/*	display:table-cell;*/
	vertical-align:middle;
	width:35%;
}
#contents .front-menuPickup_type2 .menu02 img{
/*	margin:0;
	float:right;*/
	display:block;
	height:auto;
/*	text-align:right;*/
}




/*



#contents .front-menuPickup_type2 .menu02 p{
	top:9px;
	line-height:1.0;
	font-size:16px;
	font-weight:normal;
}
#contents .front-menuPickup_type2 .menu02 span{
	margin-bottom:3px;
	font-size:12px;
}*/











/* gryBox -------------------------------------*/
#contents .gryBox{
	width: auto;
}
#contents .gryBox .fLeft,
#contents .gryBox .fRight{
	float:none !important;
	width:auto;
}
#contents .gryBox figure.fRight{
	width:100%;
}
	
#contents .gryBox figure.fRight img{
	width:30%;
	display:inline-block;
	margin-right:15px;
}
#contents .gryBox figure.fRight figcaption{
	display:inline-block;
}



















}