@charset "UTF-8";
.c-section {
    width: calc(100% - 200px);
    padding: 0;
    background-color: #fff;
	margin: 0 auto;
}
h2{
	font-size: 30px;
	font-weight: bold;
	color: #badc26;
	margin-top: 30px;
	text-align: center;
}
.main-area{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
.image-capture{
	border: solid 1px #333;
	width: 100%;
	margin: 20px auto;
}
.image-capture img {
	width: 100%;
}
ol li{
	list-style: decimal;
	text-align: left;
	line-height: 1.75em;
	font-size: 18px;
}
.c-section-header--oneline {
    margin: 100px 0;
    overflow: hidden;
}
.gray-area{
	background-color: #E9E9E9;
	padding: 20px;
	font-size: 16px;
}
.p-common-sub-kv {
    height: 90px;
    width: 100%;
    margin-top: 120px;
}
.icon{
	text-align: center;
}
.link-deco{
	color: blue;
}
@media screen and (max-width: 1024px) {
.p-common-breadcrumbs {
    position: absolute;
    bottom: -30px;
    right: -60px;
    letter-spacing: -.4em;
	}
.p-common-sub-kv_02 {
    height: 0px;
    width: 100%;
    margin-top: 240px;
}		
}

@media screen and (max-width: 768px) {
	
.main-area{
	width: 100%;
	margin: 100px auto 0;
}

.icon img{
	width: 50%;
}
    .c-section-header--oneline, .c-section-header--oneline_02 {
        line-height: 2.35em;
        text-align: left;
        margin: 0 0 10vw;
    }	
}

@media screen and (max-width: 48em) {
h2{
	font-size: 23px;
}			

.p-common-sub-kv {
    height: 0px;
    width: 100%;
    margin-top: 140px;
}

.p-common-breadcrumbs {
    position: absolute;
    bottom: 50px;
    right: -90px;
    letter-spacing: -.4em;
}
	
.p-common-sub-kv__wrap {
    width: 50vw;
}
.c-section, .c-section_02, .c-section--gray {
    width: 80vw;
    padding: 5vw;
    margin: 0 auto;
}
.c-section-header--oneline, .c-section-header--oneline_02 {
    line-height: 2.35em;
    text-align: left;
    margin-bottom: 10vw;
}
.header__logo {
    width: 140px;
    line-height: 80px;
}
ol li {
	font-size: 16px;
}	
}