/*==================================
	#wrapper 
====================================*/

#wrapper {
    width: 100%;
    overflow: hidden;
    font-size: 1.4rem;
}

.wrapper_inside {
    width: 98%;
    max-width: 1260px;
    margin: auto;
}


article{
	padding:0;
	/* background:#fffadc; */
	/* background:#fff6c3; */
	background:#fff5bc;
	}


@media print,
screen and (max-width: 768px) {

.wrapper_inside {
    /* width: 90%; */
    width: 95%;
}

article{
	background:#fff1a1;
	}

}









/*====================================================
	// note article / section 
====================================================*/

section .contents_box{
    /* width: 90%; */
    width: 95%;
    margin: auto auto 30px;
}


@media print,
screen and (max-width: 768px) {
	section .contents_box{
		/* padding-top:60px; */
		padding-top:15px;
}
	
}

/*==================================
	// note layout
====================================*/

.section {
	margin:auto auto 0;
	padding-top:75px;
	padding-bottom:60px;
}

.section_inside{
	padding-bottom:60px;
	background:#fff;
	/* box-shadow: 0 0.3em 0.3em 0 #aaa; */
}


.section_inside.orange{
	box-shadow: 8px 8px 0 0 #ff5c0c;
}


.section_inside.orange h2{
	background:#ff840c;
}



.section_inside.pink{
	box-shadow: 3px 3px 0 0 #d13e8f;
}

.sub_section{
	width:90%;
	margin:auto auto;
}


.lv_02{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}


@media print,
screen and (max-width: 768px) {
	.section {
		/* padding-top:15px; */
		padding-top:45px;
		padding-bottom:15px;
		}
	
	.section_inside{
		padding-bottom:15px;
	}

	.section_inside.orange{
		box-shadow: 5px 5px 0 0 #ff5c0c;
	}
	
}


/*====================================================
	// class .pageTopWrapper
====================================================*/

.pageTopWrapper {
    position: fixed;
/*    bottom: 10px;*/
    bottom: 15px;
    right: 5%;
    z-index: 1;
    margin-bottom: -2px;
}

.pageTop {
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    width: 64px;
    height: 50px;
    padding-top: 1.2em;
    text-align: center;
    background: #de3592;
    border-radius: 50%;
}

.pageTop span {
    display: block;
    margin-top: 5px;
}



@media (max-width: 414px) {
    .pageTopWrapper {
        margin-bottom: -1px;
    }
}