@charset "utf-8";
/* CSS Document */

#box { 
	margin-top: 20px;
	margin-bottom: auto;
	padding-bottom: 60px;
	text-align: center;
}

/*
.tabtitle {
	font-size: 24px;
	margin-left: 24px;
}

.tabset1{
	width: 1000px;
	line-height: 35px;
	font-size: 18px;
}

.tabsub, h1{
	font-size: 22px;
}

*/	

.tabset1{
	overflow: hidden;
	text-align: left;
}

@media screen and (min-height: 1000px) {

.tabset1{
	margin-bottom:100px;
}
}

@media only screen and (max-device-width: 480px){nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background: #000;
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
}
 
nav.globalMenuSp ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
 
nav.globalMenuSp ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px dotted #333;
}
 
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
 
nav.globalMenuSp ul li a {
    display: block;
    color: #000;
    padding: 1em 0;
}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
}

.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 20px;
    top: 6px;
    width: 80px;
    height: 90px;
    cursor: pointer;
    z-index: 6;
    background: #66cc33;
    text-align: center;
  
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 64px;
    border-bottom: solid 8px #eee;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}
 
.navToggle span:nth-child(1) {
    top: 15px;
}
 
.navToggle span:nth-child(2) {
    top: 30px;
}
 
.navToggle span:nth-child(3) {
    top: 45px;
}
 
.navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 25px;
    font-weight: bold;
    top: 50px;
}

/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 28px;
    left: 8px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 28px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sample {
    background-color: #00CC99;
     -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    }
/* マウスオーバー時の背景色 */
.sample:hover {
    background-color: #00FF00;
    }		
}


@media screen and (max-width: 320px) {
.modules li {
  width: 280px;
}

}
@media screen and (min-width: 1501px){
#box { width: 1300px; margin-left: 20px;}
.tabtitle {
	font-size: 39px;
	margin-left: 24px;
}


.tabset1{
	width: 1200px;
	line-height: 40px;
	font-size:35px;
}
.pws_tabs_list {padding: 35px;}
} /*@media screen and (min-width:1500px) */
@media screen and (max-width: 1500px){
#box { width: 1200px; margin-left: 20px;}
.tabtitle {
	font-size: 39px;
	margin-left: 24px;
}

.tabset1{
	width: 1200px;
	line-height: 40px;
	font-size:35px;
}
.pws_tabs_list {padding: 35px;}
} /*@media screen and (min-width:1500px) */
@media screen and (max-width: 1400px){
#box { width: 1200px; margin-left: 20px;}
.tabtitle {
	font-size: 39px;
	margin-left: 24px;
}

.tabset1{
	width: 1100px;
	line-height: 40px;
	font-size:35px;
}
.pws_tabs_list {padding: 35px;}
} /*@media screen and (min-width:1500px) */
@media screen and (max-width: 1300px){
#box { width: 1200px; margin-left: 20px;}
.tabtitle {
	font-size: 39px;
	margin-left: 24px;
}

.tabset1{
	width: 1000px;
	line-height: 40px;
	font-size:35px;
}
.pws_tabs_list {padding: 35px;}
} /*@media screen and (min-width:1500px) */

@media screen and (max-width: 1200px){
#box { width: 1100px; margin-left:20px}
.tabtitle {
	font-size: 39px;
	margin-left: 35px;
}

.tabset1{
	width: 950px;
	line-height: 38px;
	font-size: 35px;
}
.pws_tabs_list {padding: 35px;}
} /*@media screen and (min-width:1000px) */

@media screen and (max-width: 1100px){
#box { width: 1000px;margin-left: 50px;}
.tabtitle {
	font-size: 39px;
	margin-left: 24px;
}

.tabset1{
	width: 860px;
	line-height: 38px;
	font-size: 35px;
}
.pws_tabs_list {padding: 35px;}
} /*@media screen and (min-width:1000px) */


@media screen and (max-width: 1000px){
#box { width: 900px;margin-left: 50px;}
.tabtitle {
	font-size: 39px;
	margin-left: 24px;
}

.tabset1{
	width: 810px;
	line-height: 38px;
	font-size: 35px;
}
.pws_tabs_list {padding: 35px;}
} /*@media screen and (max-width:999px) */

@media screen and (max-width: 900px){
#box { width: 800px;margin-left: 40px;}
.tabtitle {
	font-size: 39px;
	margin-left: 25px;
}

.tabset1{
	width: 710px;
	line-height: 38px;
	font-size: 35px;
}
.pws_tabs_list {padding: 30px;}
} /*@media screen and (max-width:900px) */

@media screen and (max-width: 800px){
#box { width: 700px;margin-left: 40px;}
.tabtitle {
	font-size: 39px;
	margin-left: 24px;
}

.tabset1{
	width: 630px;
	line-height: 38px;
	font-size: 20px;
}
.pws_tabs_list {padding: 25px;}
} /*@media screen and (max-width:800px) */

@media screen and (max-width: 700px){
#box { width: 600px;margin-left: 35px;}
.tabtitle {
	font-size: 26px;
	margin-left: 24px;
}

.tabset1{
	width: 530px;
	line-height: 38px;
	font-size: 20px;
}
.pws_tabs_list {padding: 20px;}
} /*@media screen and (max-width:700px) */

@media screen and (max-width: 600px){
#box { width: 500px;margin-left: 30px;}
.tabtitle {
	font-size: 25px;
	margin-left: 20px;
}

.tabset1{
	width: 430px;
	line-height: 36px;
	font-size: 18px;
}
.pws_tabs_list {padding: 15px;}
} /*@media screen and (max-width:600px) */


/*1列*/
@media screen and (max-width: 500px){
#box { width:400px; margin-left: 25px;}
.tabtitle {
	font-size: 24px;
	margin-left: 15px;
}

.tabset1{
	width: 350px;
	line-height: 35px;
	font-size: 16px;
}
.pws_tabs_list {padding: 15px;}
} /*@media screen and (max-width:400px) */

@media screen and (max-width: 400px){
#box { width: 300px; margin-left:20px;}
.tabtitle {
	font-size: 23px;
	margin-left: 5px;
}

.tabset1{
	width: 300px;
	line-height: 35px;
	font-size: 16px;
}
.pws_tabs_list {padding: 15px;}
} /*@media screen and (max-width:400px) */

/*1列*/
@media screen and (max-width: 320px){
#box { width: 200px; margin-left:10px; }
.tabtitle {
	font-size: 23px;
	margin-left: 0px;
}

.tabset1{
	width:80%;
	line-height: 35px;
	font-size: 16px;
}
.pws_tabs_list {
	padding: 15px;
}
} /*@media screen and (max-width:400px) */