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


/*ボックス全体*/
.accbox {
    margin:0;
    padding:0;
    max-width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox  div {
	width:100%;
/*	height:420px;*/
    display:block;
    margin:0 0 0 0;
    padding:0;
    color: #000;
    font-weight: bold;
    transition: all 0.5s;
}

/***********/
/****buti****/
/**********/

.accbox div div{
	width:935px;
	height:420px;
	margin:0 auto;
}


/*.accbox .accTxtleft:hover{
	color:#999;
}*/

/*.accbox div div div h2{
	font-family:UD Shin Go Conde90 L;
	font-size:42px;
}
.accbox div div div p{
	font-family:UD Shin Go Conde90 L;
	font-size:15px;
	margin:12px 0 0 0;	
}*/


@media only screen and (max-width: 940px) {
.accbox div{
	width:100%;
	margin:0 auto;
}

.accbox div div{
	width:100%;
	margin:0 auto;
}


.accbox h2{
	font-size:18px;
}
.accbox p{
	font-size:14px;
	
}
}
@media only screen and (max-width: 780px) {
.accbox {
    margin:0;
    padding:0;
    width: 100%;
}
.accbox div {
	width:100%;
margin:0 auto;
padding:0;
}
.accbox div div{
	width:100%;
	margin:0 auto;/*buti*/
	padding:0 0 0 0;/*buti*/
}
.accbox div div div p{
	font-family:UD Shin Go Conde90 L;
	font-size:15px;
	margin:12px 0 0 0;	
}

.accbox div div div h2{
	font-family:UD Shin Go Conde90 L;
	font-size:30px;
}
}


@media only screen and (max-width: 480px) {
.accbox {
    margin:0;
    padding:0;
    width: 100%;
}
.accbox div {
	width:100%;
margin:0 auto;
padding:0;
}
.accbox div div{
	width:100%;
	margin:0 auto;/*buti*/
	padding:0 0 0 0;/*buti*/
}
.accbox div div div p{
	font-family:UD Shin Go Conde90 L;
	font-size:15px;
	margin:12px 0 0 0;	
}

.accbox div div div h2{
	font-family:UD Shin Go Conde90 L;
	font-size:30px;
}
}

/***********/
/****ここまでbuti****/
/**********/

/*アイコンを表示*/
.accbox label{/*:before {
    content: '\f054';
    font-family: 'FontAwesome';
    padding-right: 8px;*/
	cursor:pointer;
}
/*アイコンを入れ替える*
.accbox:checked + label:before {
    content: '\f078';
}*/

/*ラベルホバー時*/
.accbox label:hover /*.acc1Txtright*/ {
/*	opacity:0.8;*/
	color:#ccc !important;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

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

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
	width:100%;
    height:520px;
    margin:0 0 5px 0;
    padding: 0;
/*    background:#F4F4F4;*/
    opacity: 1;
}

/*中身を非表示にしておく*/
/*.accbox .accshow2 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0.6;
    transition: 0.8s;
}
.cssacc:checked + label + .accshow2{
	width:100%;
    height:1203px;
    margin:0 0 5px 0;
    padding: 0;
    opacity: 1;
}*

/*中身を非表示にしておく*/
.accbox .accshow3 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0.6;
    transition: 0.8s;
}
.cssacc:checked + label + .accshow3{
	width:100%;
	height:2950px;
/*	height:2400px;*/
/*    height:1950px;*/
    margin:0 0 5px 0;
    padding: 0;
/*    background:#F4F4F4;*/
    opacity: 1;
/*	overflow:hidden;*/
}

/*中身を非表示にしておく*/
.accbox .accshow3-2 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0.6;
    transition: 0.8s;
}
.cssacc:checked + label + .accshow3-2{
	width:100%;
    height:400px;
    margin:0 0 5px 0;
    padding: 0;
/*    background:#F4F4F4;*/
    opacity: 1;
}

@media only screen and (max-width:940px) {
/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
	width:100%;
	height:540px;
/*    height:525px;*/
    margin:0 0 5px 0;
    padding: 0;
/*    background:#F4F4F4;*/
    opacity: 1;
}
/*.cssacc:checked + label + .accshow2{
	width:100%;
    height:3900px;
    margin:0 0 5px 0;
    padding: 0;
    opacity: 1;
}*/
}

@media only screen and (max-width: 780px) {
/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
	width:100%;
	height:1880px;
    margin:0 0 5px 0;
    padding: 0;
    opacity: 1;
}
/*.cssacc:checked + label + .accshow2{
	width:100%;
    height:3070px;
    margin:0 0 5px 0;
    padding: 0;
    opacity: 1;
}*/
/*
.cssacc:checked + label + .accshow3{
	width:100%;
	height:2750px;
/ *	height:2600px;* /
/ *    height:2100px;* /
    margin:0 0 5px 0;
    padding: 0;
/ *    background:#F4F4F4;* /
    opacity: 1;
}
*/
}



@media only screen and (max-width: 480px) {
/*クリックで中身表示*/
.cssacc:checked + label + .accshow{
    height:1157px;
}
}



@media only screen and (max-width: 375px) {
/*クリックで中身表示*/
.cssacc:checked + label + .accshow{
    height:904px;
}
}


/*アイコンを入れ替える*/
.cssacc:checked + label{/*:before {
    content: '\f078';*/
}