@charset "utf-8";

.section {
	width: 100%;
	padding: 0 5vw;
	box-sizing: border-box;
	margin: 30px auto 0;
}
.container {
	max-width: 100%;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.w80 {
	max-width: 100%;
	width: 100%;
}
.w40 {
	max-width: 100%;
	width: 100%;
}

.mt00 { margin-top: 0px !important;}
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}

.h_title {
    color: inherit;
    font-weight: 800;
    font-size: 26px;
    margin: 0px 0px 40px;
}

.h_index {
    color: inherit;
    font-weight: 800;
    font-size: 26px;
    margin: 0px;
}

.t_l {
    text-align: left;
}
.t_c {
    text-align: center;
    margin: 0 auto;
}

.flex_c {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
.flex_c img {
	max-width: 100%;
}
.flex_r {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start
    flex-direction: row;
}
.flex_r img {
	max-width: 100%;
}
.flex_r .row40 {
	max-width: 40%;
	width: 40%;
}
.flex_r .row50 {
	max-width: 48%;
	width: 48%;
}

/* font size */
.fz08 {font-size:  8px; font-size: 0.8rem; line-height: 0.8rem;}
.fz10 {font-size: 10px; font-size: 1.0rem; line-height: 1.0rem;}
.fz12 {font-size: 12px; font-size: 1.2rem; line-height: 1.2rem;}
.fz14 {font-size: 14px; font-size: 1.4rem; line-height: 1.4rem;}
.fz16 {font-size: 16px; font-size: 1.6rem; line-height: 1.6rem;}
.fz18 {font-size: 18px; font-size: 1.8rem; line-height: 1.8rem;}
.fz20 {font-size: 20px; font-size: 2.0rem; line-height: 2.0rem;}

.linebox {
    border: 1px solid black; /* 枠線 */
    padding: 10px; /* 内側の余白 */
}

.box {
    text-align: left;
}
.box p{
	max-width: 100%;
}

.box img{
	max-width: 100%;
}
.box .img{
	max-width: 50%;
	width: 30%;
}

.mb80_line {
	margin-bottom: 20px;
    padding: 20px 20px 40px;
    border-bottom: 1px solid black;
}

ul.number-list {
    list-style-type: decimal; /* 1, 2, 3 */
    padding-left: 20px;
}

ul.dot-list {
    list-style-type: disc; /* ● */
    padding-left: 20px;
}

ul.no-style-list {
    list-style: none; /* リストマークなし */
    padding-left: 0;
}


h1 {
    font-size: 32px;
    font-size: 2rem;
}

p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
}
.h_title {
    color: inherit;
    font-weight: 800;
    font-size: 26px;
}
.box .img{
	max-width: 100%;
	width: 70%;
}

/* タブレット以上 */
@media (min-width: 768px) {
    h1 {
        font-size: 2.5rem;  /* 約40px */
    }

    p {
        font-size: 1.125rem; /* 約18px */
    }
	.w80 {
		max-width: 80%;
		width: 80%;
	}
	.w40 {
		max-width: 40%;
		width: 40%;
	}
	.section {
		width: 100%;
		padding: 0 5vw;
		box-sizing: border-box;
		margin: 30px auto 0;
	}
	.container {
		max-width: 100%;
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
}

/* PC以上 */
@media (min-width: 1024px) {
    h1 {
        font-size: 3rem; /* 約48px */
    }
    p {
        font-size: 1.25rem; /* 約20px */
    }
	.section{
		max-width: 980px;
		width: 980px;
		margin:80px auto 0;
	}
	.container {
	    text-align: center;
	    max-width: 80%;
		width: 80%;
	    margin: 0 auto;
	}
}