@media screen and (min-width: 981px) {

.kakusinav a{
	display: none;
}

.memowidth .accordion{
	display: none;
}

.hidden_box{
	display: none;
}
.hidden{
	display: none;
}


.SNSbox{
	display: none;
}

footer .footerpagetop{
	display: none;
}

.logo .logo980min{
	display: none;
}


}





/*====================================================
	     以下↓トップページ画面縮めたときのCSS
======================================================*/
@media screen and (max-width: 980px) {
	/* 980pxまでの幅の場合に適応される */

p{
	font-size: 18px;
}
#top{
  position: relative; 
  width: 100%;
  height: 6%;

}

#Container{
  position: relative; 
  width: 100%;
  height: 94%;
}

header{
	font-family:'Yu Gothic';
	width: 100%;
	height: 70px;
	background-color: #FFF1D0;
	position: fixed;
	top: 0;
	z-index: 999;
	overflow:hidden;

}

header .logo{
	margin-top:5%;
	margin-left:15px;
	float: left;
	transition: all 220ms ease-out;

}
header ul{
	float: right;
	border-collapse: separate;
	border-spacing: 20px 0;
	margin-right: 15px;
	font-size: 10px;
}

header li{
	display: none;
}

header .logo .logo980max{
	display: none;
}

header .logo{
	margin-top:2.5%;
	margin-left:15px;
	float: left;
	transition: all 220ms ease-out;
}

.topjamp{
	display: none;
}

.SNS{
	display: none;
}
.Sky{
	height: 550px;
    background:url(../images/stop.png) no-repeat center center; 
    position: relative;
}

.catch{
	position: absolute;
	left: 50%;
	margin-left: -200px;
	top: 50%;
	margin-top: -140px;

}
.Pagescroll{
	display: none;
}
.Reduction{
	width: 400px;
	height: 280px;
}
/*====================================================
　　　　　　　　　ハンバーガーメニューの表示
======================================================*/

nav.menu{
	width:30px;
	height:30px;
	top: 23px;
	right:15px;
	position:fixed;
	cursor:pointer;
	overflow:hidden;
	z-index:9999;
}

nav .menu1{
	width:30px;
	height:3px;
	background-color:#FC2A38;
	top:0px;
	position:absolute;
} 

nav .menu2{
	width:30px;
	height:3px;
	background-color: #FC2A38;
	top:11px;
	position:absolute;
} 

nav .menu3{
	width:30px;
	height:3px;
	background-color: #FC2A38;
	top:22px;
	position:absolute; 
}

nav .menu1,nav .menu2,nav .menu3{ 
						transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; 
						/* Opera */ -moz-transition: all 0.5s ease-out; 
						/* Firefox */-webkit-transition: all 0.5s ease-out; 
				        /* GoogleChrome, Safari */ -ms-transition: all 0.5s ease-out; /* IE */ 
				    }

nav .menuclick1{
	top:8px; -o-transform: rotate(405deg); 
	-moz-transform: rotate(405deg); 
	-webkit-transform: rotate(405deg);
	-ms-transform: rotate(405deg); transform: rotate(405deg); 
}

nav .menuclick2{ background-color:rgba(255,255,255,0);  }
nav .menuclick3		{ top:8px; -o-transform: rotate(-405deg); -moz-transform: rotate(-405deg);
					-webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); transform: rotate(-405deg); }


/*
img.question {
        cursor: pointer;
        position: fixed;
        z-index: 999;

}
img.question:hover {
        text-decoration: underline;
}
*/
ul.answer {
        display: none;
        background: #FC2A38;
        text-align: center;
         width: 100%;
        height: 100%;
        position: fixed;
        z-index: 999;
        margin-top: 15px;
}

ul.answer li{
	margin-top: 50px;
	font-size: 22px;
	font-weight: bold;
}

ul.answer li a{
	color: #FFFFFF;
}


/*====================================================
　　　　　　　　about変更
======================================================*/
.about p{
	text-align: center;
	color: #FFF1D0;
	padding-bottom: 2px;
	font-weight:500;
	font-family:'メイリオ'
	font-size: 14px;
	padding:0px 15px;
}

.about h1{
	padding:50px 15px;
	text-align: center;
	color: #FFF1D0;
	font-size: 20px;
	font-weight: bold;

}
.about h2{
	font-size: 30px;
}

/*====================================================
　　　　　　　　　インタビュー変更
======================================================*/
.Interview{
	padding: 40px 0px 50px; 
}
.Interview h1{
	padding: 70px 15px 60px;

}

.Interview h3{
	font-size: 15px;
	
}

.Interview h2{
	color:#086788;
	font-size: 30px;
	margin-bottom: 10px;
	font-weight:500;
	
}
.Interview .IV1{
	width: 100%;
	height: 150px;
	background-color: #FC2A38;
	float:left;
}

.IV1 .ue{
	width: 100%;
	height: 150px;
}

/*
.IV1 .sita{
	width: 10%;
	background-color: #FC2A38;
}*/
.Interview .IV2
{   width: 100%;
	height: 150px;
	background-color: #19242E;
	float:left;
}
.IV2 .ue{
	width: 100%;
	height: 150px;
}
/*
.IV2 .sita{
	width: 10%;
	background-color: #19242E;
}
*/
.Interview .IV3
{   width: 100%;
	height: 150px;
	background-color: #F0C808;
	float:left;
}
.IV3 .ue{
	width: 100%;
	height: 150px;
}
/*
.IV3 .sita{
	width: 10%;
	background-color: #F0C808;
}
*/
.Interview .IV4
{   width: 100%;
	height: 150px;
	background-color: #086788;
	float:left;
}
.IV4 .ue{
	width: 100%;
	height: 150px;
}
/*
.IV4 .sita{
	width: 10%;
	background-color: #086788;
}
*/
.Interview .IV5
{   width: 100%;
	height: 150px;
	background-color: #06AED5;
	float:left;
}
.IV5 .ue{
	width: 100%;
	height: 150px;
}
/*
.IV5 .sita{
	width: 10%;
	background-color: #06AED5;
}
*/


.namebox{
	width: 100%;
	height: 30px;
	background-color: #FC2A38;
	color: #FFFFFF;
}
.namebox2{
	width: 100%;
	height: 30px;
	background-color:#19242E;
	color: #FFFFFF;
}
.namebox3{
	width: 100%;
	height: 30px;
	background-color:#F0C808;
	color: #FFFFFF;
}
.namebox4{
	width: 100%;
	height: 30px;
	background-color: #086788;
	color: #FFFFFF;
}
.namebox5{
	width: 100%;
	height: 30px;
	background-color:#06AED5;
	color: #FFFFFF;
}

/*====================================================
　　　　　　　　　バナー変更
======================================================*/
.banner{
	margin-bottom: 150px;
}

.banner .box2{
	background-color: #F0C808;
	height: 150px;
	width: 100%;

}

.banner .box2 p{
	font-size: 16px;
	margin-top:30px;

}

.banner .mozicenter p{
	font-size: 11px;
	margin-bottom: 40px;
	padding:0px 15px;

}

.banner .margin{
	margin-top: 50px;
	margin-bottom: 1px;
}

.banner .bottom{
	margin-bottom: 50px;
}





/*====================================================
　　　　　　　　　SNSアイコンを表示させる
======================================================*/
/*
.SNSbox{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 50px;
	clear: none;
	overflow: hidden;
    text-align:center;
    padding: 40px 0px;

}

.SNSbox .SNScenter{
	width: 100%;
	height:40px;


}

.SNSbox .SNScenter img{
	padding:0px 40px;


}
.SNSbox .SNScenter ul{
	width: 100%;

}

.SNSbox .SNScenter li{
	display: inline-block;
}
*/


.SNSbox{
	max-width: 50%;
	height: 70px;
	overflow: hidden;
	margin: 0 auto;
	clear: both;
	margin-bottom:70px;

}

.SNSbox .SNScenter{
	position: absolute;
	left: 50%;
	margin-left: -140px;
	padding-top: 30px;
}

.SNSbox img{
	padding:0px 30px;
	transition: all 220ms ease-out;

}



/*====================================================
　　　　　　　　　コンタクトページ変更
======================================================*/
.contact{
	width: 100%;
	height: 400px;
	background-color: #06AED5;

}

.catch2{
	position: absolute;
	left: 50%;
	margin-left: -150px;
	margin-top: 150px;

}

.contact .button2{
	position: absolute;
	left: 50%;
	margin-left: -125px;
	margin-top: 230px;
	box-shadow: 0 5px 8px rgba(0,0,0,0.3);
	transition: .3s;
}
.Reduction2{
	width: 300px;
	height: 29px;
}
.Reduction3{
	margin-bottom: 
}



/*====================================================
　　　　　　　　　フッター変更
======================================================*/
footer .textnone{
	display: none;
}

footer p{
	color: #FFF1D0;
	font-size: 13px;
	margin-top:10px;
}

footer .ctext p{
	color:#837C7C;
	margin-top: 30px;
	font-size: 10px;
}

footer img{
	margin-top: 20px;
}
footer .ctext p{
	margin-top: 10px;
}

footer .footerwidth{
	width: 90%;
	margin:0 auto;
	padding: 20px 15px 40px;
}

footer .footertext{
	float: left;
	padding-bottom: 20px;
	width: 70%
}
footer .footerpagetop{
	float: right;
	padding-bottom: 30px;
	width: 20%;
}


/*==============================================================================
              *ビジネスマンのメモ帳
================================================================================*/



/*==========================
         *TOP2変更
============================*/

/*ビジメモのTOPのサイズを変更*/
.memotop{
	background:url(../images/stop2.png) no-repeat center center; 
	height: 550px;
	position: relative;
}
/*ロゴのサイズを変更*/
.Reduction4{
	width: 350px;
	height: 74px;
}
/*ロゴの場所を変更*/
.catch4{
	position: absolute;
	left: 50%;
	margin-left: -170px;
	top: 50%;
	margin-top: -37px;

}
/*アイコンの非表示*/
.memoicon ul{
	display: none;
}

/*==========================
         *About2変更
============================*/

.about2{
	padding-top: 15px;

}

.memomain{
	width: 100%;
	padding: 0px 15px;
}

.memowidth{
	margin-top: 10px;
	margin-bottom: 0px;
}

.about2 p{
	color:#19242E;
	padding-bottom: 20px;
	font-weight:500;
	font-family:'Meiryo';
}

.about2 h1{
	padding-top: 30px;
	padding-bottom: 50px;
}

.about2 h2{
	margin:0px 25px 15px;
	font-size: 21px;

}
.about2 h3{
	margin:10px 25px;
	font-size: 18px;

}
.memomo p{
	color:#767575;
	margin-bottom: 20px;
}

.notaccordion{
	display: none;

}

/*========================
   ビジメモアコーディオンメニュー
=========================*/

.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 0px 0;
    height: auto;
    opacity: 1;
}

.memowidth .accordion{
	margin-left: 10px;
}

/*====================================================
　　　　　　　　　コンタクトページ2変更
======================================================*/
.contact2{
	width: 100%;
	height: 400px;
	clear: both;
	background-color: #F0C808;

}

.catch2{
	position: absolute;
	left: 50%;
	margin-left: -150px;
	margin-top: 150px;

}

.contact2 .button{
	position: absolute;
	left: 50%;
	margin-left: -125px;
	margin-top: 230px;
	box-shadow: 0 5px 8px rgba(0,0,0,0.3);
	transition: .3s;
}
/*キャッチコピーのサイズ変更*/
.Reduction5{
	width: 300px;
	height: 29px;
}



}