@charset "utf-8";
/* CSS Document */
/*.margin_talk{
	margin-left:50px;}*/
.comment{
/*	padding-left:4em;
	text-indent:-4em;
*/	margin-bottom:10px;
}
 ol li{
	 list-style:decimal;
	}
.display_block{
	display:block;}
.clear_both{
	clear:both;
}
.valign_m{
	vertical-align:middle;
}

.mgT50_pec_pc{
	margin-top:50px;}
#contents_pec{
	/*width:745px;*/
	margin:0 auto 20px;

}
#copyrightFree_pec{
	width:100%;
}
@media all and (max-width: 640px) {
.float_none{
	float:none;
	text-align:left;
}
/*.margin_talk{
	margin-left:0px;
}*/
.margin_clear{
	margin:auto 0;
}

/*.comment{
	padding-left:0;
	text-indent:0;
}*/
/*.comment strong{
	display:block;
	
}*/
.mgT50_pec_pc{
	margin-top:0;}
#contents_pec{
	width:inherit;
	padding:10px 10px 0;
	
}

.fRight_pec{
	float:none;
}

}



/*========================================
20150407追加
========================================*/

/*------------------------
sns_btn_area
------------------------*/

/*
#sns_btn_area {
    height: 1em;
    margin-bottom: 10px;*/
	
    /*position: absolute;
    right: 0;
    top: 15px;
	
	margin:0 auto;
}
*/

#sns_btn_area {
    margin: 0 auto;
    /*margin-bottom: 20px;*/
    margin-top: 30px !important;/*20180314*/
    margin-bottom: 50px !important;/*20180314*/
    margin-left: -120px;
    position: relative;
}

ul.sns_btns {
    /*left: 50%;*/
	right:0;
    position: absolute;
}
@media screen and (max-width: 640px){
ul.sns_btns {
    left: 43%;
}
#sns_btn_area {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
}


/*------------------------
scrollFade
------------------------*/
.scrollFade{
	margin-bottom:20px;
	overflow:hidden;
}


/*------------------------
page カスタマイズ
------------------------*/
.freePc {
    margin: 0 !important;
}


.freePc .siteName_pec h1 {
   /* background: url("/assets/img/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;*/
    height: 35px !important;
    /*margin: 0;
    padding: 0;
    text-indent: -9876px;
    width: 132px;*/
}

h2.contTtl_pec.ttl_01{
    background: none;
    font-size: 38px;
    line-height: 1.3;
    /*margin: 0 0 13px;*/
	font-weight:normal;
	border-bottom:none;
	margin: 0 0 13px;
    padding: 0 !important;
}

@media screen and (max-width: 640px){
	h2.contTtl_pec.ttl_01{
		    font-size: 34px;
	
}
}

h2.contTtl_pec.ttl_02{
    background: none;
    font-size: 31px;
    line-height: 1.3;
    /*margin: 0 0 13px;*/
	font-weight:normal;
	border-bottom:solid 2px #333;
	margin: 80px 0 13px;/*20190128*/
    padding: 0 !important;
}


@media screen and (max-width: 640px){
	h2.contTtl_pec.ttl_02{
			margin: 50px 0 13px;/*20190128*/
	
}
}

h3.contTtl_pec {
    /*background: url("/ja/strengths/design/activities/activities01/img/ttl_underline_long.gif") no-repeat scroll left bottom ;*/
	background: url("/ja/strengths/design/activities/activities01/img/ttl_underline_long.gif") no-repeat scroll -50px bottom ;/*20180314*/
    font-size: 26px;
    font-weight: normal;
    line-height: 1.3;
    margin: 0 0 13px;
    padding: 0 0 3px !important;
	border-bottom:none;
}	

	
.pickup1 .grid1_3_pec,
.pickup1 .grid2_pec{
	float: right;
	margin:0 6px 0 0;
}


.pickup1 .grid1_3_pec img,
.pickup1 .grid2_pec img{
	width:100%;
	height:auto
}


.pickup1 .grid1_3_pec{
	/*320*/
	width:288px;
	height:auto;
}


.pickup1 .grid2_pec{
	/*486*/
	width:437px;
	height:auto;
}


@media screen and (max-width: 640px){
.pickup1 .grid1_3_pec{
	float: right;
	margin:0 0.5% ;
	width:32%;
}

.pickup1 .grid2_pec{
	float: none;
	margin:0 auto 10px;
	width:100%;
}

.pickup1 .grid1_3_pec img,
.pickup1 .grid2_pec img{
	width:100% !important;
	height:auto;
}

}


/*------------------------
page-top page-close
------------------------*/

/*
#page-top {
    position: fixed;
    bottom: 0px;
    right: 20px;
    font-size: 75%;
}
#container_pec p#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 10px 0 10px 0;
    text-align: center;
    display: block;

	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	
}


#page-close {
    position: fixed;
    bottom: 0px;
    right: 112px;
    font-size: 75%;
}
#container_pec p#page-close a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 10px 0 10px 0;
    text-align: center;
    display: block;

	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	
}

#container_pec p#page-top a:hover,
#container_pec p#page-close a:hover {
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;

}

#container_pec p#page-top a:link,
#container_pec p#page-top a:hover,
#container_pec p#page-top a:visied,
#container_pec p#page-close a:link,
#container_pec p#page-close a:hover,
#container_pec p#page-close a:visied{
	color:#fff !important;
	text-decoration:none !important;
}
*/


/*page-close2ボタン*/
/*
#sc_pageTop_pec {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    left: 50%;
    margin-left: 396px;
    position: fixed;
    text-align: right;
}
#sc_pageTop_pec img {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
}
#sc_pageTop_pec a img:hover {
    opacity: 0.7;
}
@media all and (max-width: 984px) {
#sc_pageTop_pec {
    bottom: 0;
    margin-left: 0;
    right: 0;
}
}
*/
#page-close2 {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    left: 50%;
    margin-left: 266px;
    position: fixed;
    text-align: right;
}
#page-close2 img {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
}
#page-close2 a img:hover {
    opacity: 0.7;
}
@media all and (max-width: 984px) {
#page-close2 {
    bottom: 0;
    margin-left: 0;
	left: 0;
    /*right: 120px;*/
}
}

/*------------------------
moreボタン
------------------------*/

.more {
	text-align:center;
}


#container_pec .more a img:visited,
#container_pec .more a img:active,
#container_pec .more a img:focus {
    opacity: none;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
    -khtml-opacity: 1.0;
    -moz-opacity: 1.0;
}

#container_pec .more a:focus,
#contents_pec .more a:focus,
#container_pec .more a:focus,
#contents_pec .more a:focus {
	opacity:1.0;
	-moz-opacity:1.0;
	-khtml-opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	color:#fff;
}

/*20160721*/
.more a img{
	animation:move 2s 1s infinite linear;
	-moz-animation:move 2s 1s infinite linear;
	-webkit-animation:move 2s 1s infinite linear;
	-o-animation:move 2s 1s infinite linear;
	-ms-animation:move 2s 1s infinite linear;
	
}

@keyframes move{
	0% {transform:translateY(0);}
	50% {transform:translateY(10px);}
	100% {transform:translateY(0);}
}

@-moz-keyframes move{
	0% {transform:translateY(0);}
	50% {transform:translateY(10px);}
	100% {transform:translateY(0);}
}

@-webkit-keyframes move{
	0% {transform:translateY(0);}
	50% {transform:translateY(10px);}
	100% {transform:translateY(0);}
}

@-o-keyframes move{
	0% {transform:translateY(0);}
	50% {transform:translateY(10px);}
	100% {transform:translateY(0);}
}

@-ms-keyframes move{
	0% {transform:translateY(0);}
	50% {transform:translateY(10px);}
	100% {transform:translateY(0);}
}

/*20160721 end*/


/*------------------------
PcLayout_pec SpLayout_pec 強化
------------------------*/
.PcLayout_pec { display:block !important;}
.SpLayout_pec,
.SpLayout_pec .en_smp img{ display:none !important;}

@media screen and (max-width: 640px){
.PcLayout_pec { display:none !important;}
.SpLayout_pec,
.SpLayout_pec .en_smp img{ display:block !important;}		
}



/*------------------------
activities01 移行 補正
------------------------*/

@media screen and (min-width: 640px){
.slide_left_pec {
   /*
   position: fixed;
    top: 0;
    left: 50%;
    width: 20px;
    margin-left: -492px;
    overflow: hidden;
    z-index: 10000;
    height: 100%;
	*/
    margin-left: -498px;
	
}
}

/*------------------------
UXワークショップの取り組み レイアウト調整
------------------------*/



@media all and (min-width: 641px) {
.adjust1{
	margin-bottom:60px;
}
.adjust1 .adjust1_a{
	width:486px !important;
}
.adjust1 .adjust1_b{
	padding-left:25px;
	width:438px !important;
	box-sizing:border-box;	
}

.adjust1 .adjust1_b ol{
	margin-left:20px;
}

}

@media all and (max-width: 640px) {
.adjust1{
	margin-bottom:10px;
}
}


/*------------------------
調整
------------------------*/
@media screen and (min-width: 640px){
body{overflow-y:scroll;}
}

/*------------------------
img調整
------------------------*/
@media all and (min-width: 641px) {
.img_adjust{
	margin-bottom: 50px;
	text-align: right;/*20180128*/
	height: 283px;/*20180128*/
	/*background: #ccc;*/
}
.img_adjust img{
	margin: 0 0 15px 6px;/*20180128*/
	height: 100%;/*20180128*/
	width: auto;/*20180128*/
}

.img_adjust img:nth-of-type(1){
	margin-left: 0;
}
	
}

@media all and (max-width: 640px) {
.img_adjust{
	margin-bottom: 50px;
	text-align: center;
}
.img_adjust img{
	margin: 0 auto 4px;/*20180128*/
	width: 100% !important;
}


	
}