@charset "utf-8";


/* PC向け */
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
+ 997px
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media screen and (min-width:997px){
	
/*
/*
panel1　メイン画像
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.panel{
	width:1030px;
	padding:80px;
	margin:auto;
	font-size:120%;
	overflow: auto;/*dlの横並び対応*/
}

.panel h1{margin:-80px;padding:30px;padding-left:50px;margin-bottom:-20px;}
.panel h3{border-bottom:1px solid #ccc;margin-top:40px;}

/*
 panel1　メイン画像
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#p1 {
}

/*
 panel2　なんでも相談室
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#p2 {
}


/*
 panel3　セクハラ委員会
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#p3 {
}


/*
 panel4　FFS
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#p4 {
}



}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
+ 996px
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media screen and (min-width: 641px) and (max-width: 996px) {
/*
/*

panel1　パネル
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.panel{
	padding:80px;
	display:inline;
	margin:auto;
	font-size:120%;
	overflow: auto;/*dlの横並び対応*/
}

.panel h1{margin:-80px;padding:30px;padding-left:50px;margin-bottom:-20px;}
.panel h3{border-bottom:1px solid #ccc;margin-top:40px;}


/*
/*
 panel1　メイン画像
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#p1 {
}



/*
 panel2　なんでも相談室
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#p2 {
	float:left;


}

#p2 p, #p2 ul, #p2 h3, #p2 dl{
	margin-left:-30px;
	margin-right:20px;
}

/*
 panel3　セクハラ委員会
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#p3 {
	float:left;
}

#p3 h1{
	font-size:1em
}
#p3 p, #p3 ul, #p3 h3{
	margin-left:-30px;
	margin-right:20px;
}

div .yoko dl{
  margin : 20px;
}
	


/*
 panel4　FFS
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#p4 {
	float:left;
}

#p4 h1{
	font-size:1em
}
#p4 p, #p4 ul, #p4 h3, #p4 dl{
	margin-left:-30px;
	margin-right:20px;
}



/*
メニュー調整
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

nav li a{
	width: 200px;
	padding: 10px 40px;
	margin: 1px 0px;
	font-size: 15px;
}



}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
+ 640px
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media screen and (max-width:640px){
/*
/*


panel1　パネル
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.panel{
	width:630px;
	padding:80px;
	margin:auto;
	font-size:120%;
	overflow: auto;/*dlの横並び対応*/
}

.panel h1{margin:-80px;padding:30px;padding-left:30px;margin-bottom:-20px;}
.panel h3{margin-top:40px;}


/*
 panel1　メイン画像
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#p1 {
}

/*
 panel2　なんでも相談室
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#p2 {
	float:left;
	width:400px;
}

#p2 p, #p2 ul, #p2 h3, #p2 dl{
	margin-left:-30px;
}


/*
 panel3　セクハラ委員会
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#p3 {
	float:left;
	width:400px;
}

#p3 h1{
	font-size:1.5em
}
#p3 p, #p3 ul, #p3 h3, #p3 dl{
	margin-left:-30px;
}



/*
 panel4　FFS
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#p4 {
	float:left;
	width:400px;
}

#p4 h1{
	font-size:1.5em
}
#p4 p, #p4 ul, #p4 h3, #p4 dl{
	margin-left:-30px;
}



/*
メニュー解除
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
nav {
	display:none;
}



/*
横並びdifinitionの　dl　floatの解除、サイズ変更
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
div .yoko dl{
	width:400px;
	clear:both;
}


}