@charset "shift_jis";
/*------------------------------
	contents
------------------------------*/

.mainArea{background:url("../img_sites/bg_main.png") no-repeat top center; padding:60px 0 ; position:relative; overflow:hidden;}
.mainArea .mainHeader {width: 844px; text-align:center; margin:auto; font-size:0;}

.twitterArea{background:url(../img_sites/bg_twitter_01.png) no-repeat top center; height:478px; margin:34px auto 0; width:950px; font-size:1.6rem; text-align:center; padding:95px 0 0;}
.twitterArea .inr {width:510px; margin:0 auto;}
.twitterArea .inr .areaHead {color:#10919c; font-size:3.6rem; line-height:1.4; font-weight: bold;}
.twitterArea .inr .areaHead span{color:#cf2323;}
.twitterArea .inr .areaLeadTxt {font-size: 1.8rem;}
.twitterArea .inr .areaLeadTxt span {font-size: 2.6rem; font-weight: bold;}
.twitterArea .inr p{margin-top:5px; line-height:1.8;}

.followArea{width:950px; margin:30px auto 0; text-align:center;}
.followArea .followArea_txt {width: 588px; margin: auto;}
.followArea .followArea_btn {margin-top: 25px;}
.followArea .btnRD{display: block; margin: auto; color: #fff; background:#cc0000; font-size:2.4rem; font-weight:bold; border-radius:5px; padding:30px 20px !important; width:780px;}

.infoArea{width:950px; margin:0 auto; padding:60px 0;}
.infoArea .infoList li:not(:first-child) {margin-top: 30px;}
.infoArea .infoHeader {}
.infoArea .infoHeader img {width: auto; height: 33px;}
.infoArea .infoBox {position:relative; margin-top: 10px;}
.infoArea .infoBoxInr{display:table; box-sizing:border-box;	width:100%;	border:4px solid #e2e9ed; text-decoration:none !important;}
.infoArea .infoBoxInr:after{content:"";	display:block; width:100%; height:100%;	background:rgba(255,255,255,0.3); position:absolute; top:0;	left:0;
 opacity:0; transition:opacity 0.2s ease;}
.infoArea .infoBoxInr:hover:after{opacity:1.0;}
.infoArea .infoBox_icon{display:table-cell; box-sizing:border-box; width:120px; padding:14px 20px 14px 16px;}
.infoArea .infoBox_content{display:table-cell; box-sizing:border-box; vertical-align:middle; padding:5px 16px 5px 0;}
.infoArea .infoBox_content > dt{font-size:24px;	font-weight:bold;}
.infoArea .infoBox_content > dd{font-size:18px;}



@media all and (min-width:740px){
.contentsInr {min-width:950px; max-width:100%; width: 100%; overflow:hidden;}
	.pc_disNon {display: none!important;}
	.sp_disNon {display: block!important;}
	
} 

@media all and (max-width:739px) {
	.sp_disNon {display: none!important;}
	
	.contentsInr {padding: 0;}
	.mainArea {padding: 0 0 14vw; background-image: url(../img_sites/main_bg_sp.jpg); background-position: 0 0;  background-repeat: no-repeat; background-size: cover; height: auto;}
	.mainArea .mainHeader {width: 100%;}
	.twitterArea {	width: 100%; height: auto; background-image: url("../img_sites/bg_insider_sp.png"); background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; padding: 20.3125vw 3.125vw 19.53125vw 3.125vw; margin: 0;}
	.twitterArea .inr {width: 100%;}
	.twitterArea .inr .areaHead {font-size: 7.5vw; line-height: 1.3;}
	.twitterArea .inr p {margin: 0;}
	.twitterArea .inr .areaLeadTxt {padding-top: 1vw; font-size: 4.2vw; line-height: 1.7;}
	.twitterArea .inr .areaLeadTxt span {font-size: 4.8vw;}
	.twitterArea .inr .btmTxt {font-size: 3.75vw; line-height: 1.5;}
	
	.followArea{width:100%; margin: 0;}
	.followArea .followArea_txt {width: 100%; margin: 0 auto; padding: 0 3.125vw;}
	.followArea .followArea_btn {margin:0 3.125vw;}
	.followArea .btnRD{display: block; margin: auto; color: #fff; background:#cc0000; font-size:4.6vw; padding:20px 10px !important; width:100%; border-radius: 0px;}
	
	.infoArea {width: 100%; padding: 0 3.125vw 20px; margin: 14vw auto 0;}
	.infoArea .infoList li:not(:first-child) {margin-top: 8vw;}
	.infoArea .infoHeader img {height: 5vw;}
	.infoArea .infoBox {margin-top: 3vw;}
	.infoArea .infoBoxInr {border: 2px solid #ccc;}
	.infoArea .infoBox_icon {vertical-align: middle; width: 23%; padding: 12px;}
	.infoArea .infoBox_content { padding: 8px 8px 8px 0;}
	.infoArea .infoBox_content > dt {font-size: 3.75vw;}
	.infoArea .infoBox_content > dd {margin-top: 0.5vw; font-size: 3.75vw;
}
}