@charset "UTF-8";
/* sp(320px) */

/* アコーディオン */
.acc dt {
	cursor: pointer;
	position: relative;
	background-color: #dcdcdc;
	padding: .4em 1em;
}
.acc dt:not(:first-of-type) {
	margin-block-start: 1em;
}
.acc dt span {
	position: absolute;
	inset: .3em 1em auto auto;
}
.acc dd {
	display: none;
	margin-inline-start: 0;
	padding-block-end: 1em;

}



@media handheld, print, screen and (min-width: 375px) {
/* iphone6 */


/* end of media query(iphone6) */	
}



@media handheld, print, screen and (min-width: 414px) {
/*  iPhone6 Plus */

/* end of media query(iPhone6 Plus) */	
}



@media handheld, print, screen and (min-width: 480px) {
/* tablet */




	@media (-webkit-min-device-pixel-ratio: 2){
		

	/* end of media query(retina) */	
	}

/* end of media query(tablet) */	
}



@media handheld, print, screen and (min-width: 620px) {
/* iPad */



/* end of media query(iPad) */	
}



@media handheld, print, screen and (min-width: 900px) {
/* pc */

.twn {
    opacity: 0;
}

.animation
{
    visibility: visible !important;
    animation-fill-mode: both !important;
	-webkit-animation-fill-mode: both !important;
}
/*fade-in*/
.fade-in
{
    -webkit-animation: fade-in 1.2s;
            animation: fade-in 1.2s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
}
@-webkit-keyframes fade-in
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
@keyframes fade-in
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}


/* end of media query(pc) */
}