:root{
	--main-color: #0371e3;
	--max-view-width: 1280px;
}

body{
    width: 100%;
    margin: 0 auto;
}


.section {
    max-width: var(--max-view-width);
    margin: 0 auto;
}

.sp_only{
    display:none;
}

.width_max_section{
    max-width : var(--max-view-width);
}

.width_type_main {
    width : 96%;
}

.width_type_section {
    width : 94%;
}

.width_type_section_main {
    width : calc( 100% - 80px );
    margin: 0 40px;
}

h1,h2,h3,h4,h5 {
    font-weight: bold;
}

h2{

}

h3{
    font-size: 16px;
    padding: 1rem .5rem;
    font-weight: bold;
}

@media screen and (max-width:767px){
    .pc_only{
        display : none;
    }

    .sp_only{
        display:inline;
    }
}

/*footer*/
.site-footer {
    border-top: 1px solid #eee;
}

@media screen and (min-width: 30em) {
    .site-footer {
        font-size: 16px;
        font-size: 1rem;
    }
}

@media screen and (min-width: 48em) {
    .site-footer {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.6;
        margin-top: 3em;
    }
}

.wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    padding-left: 2em;
    padding-right: 2em;
}

/*h2*/
section .section_title{
	text-align: center;
	display: block;
	font-size: 32px;
	padding: 4rem 1rem 4rem 1rem;
	
}

@media screen and (min-width: 48em) {
    .wrap {
        max-width: 1000px;
        padding-left: 3em;
        padding-right: 3em;
    }
}

.site-footer .wrap {
    padding-bottom: 1.5em;
    padding-top: 2em;
    text-align: center;
}

.site-info {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 1em;
}

.site-info a {
    color: #666;
}