@charset "UTF-8";
/* CSS Document */


/* ============================
		Reset
 ============================ */



/* ============================
		readSection
 ============================ */

.readSection {
margin-bottom: 45px;
}

.readSection .mainVisual {
text-align: center;
margin-bottom: 30px;
}

.readSection .mainVisual img {
	width: auto;
	height: auto;
}

.readSection .body {
font-size: 1.6rem;
line-height: 1.8em;
}



/* ============================
		indexListSection
 ============================ */

.indexListSection {
background-color: #f5f5f5;
padding: 25px 0 35px 0;
margin-bottom: 30px
}

.indexListSection h2,
.indexListSection .name {
font-size: 2.1rem;
font-weight: bold;
text-align: center;
line-height: 1em;
margin-bottom: 25px;
}

.indexListSection li {
margin-bottom: 25px;
}
.indexListSection li:last-child {
margin-bottom: 0;
}


.indexListSection a {
display: block;
position: relative;
}

.indexListSection dl {
display: flex;
padding-bottom: 7px;
margin-bottom: 7px;
padding-right: 5em;
/*border-bottom: 1px solid #aaa;*/
}

.indexListSection dt {
display: inline-block;

}

.indexListSection dt span {
display: inline-block;
width: 28px;
line-height: 28px;
text-align: center;
font-size: 1.8rem;
font-weight: bold;
color: #fff;
background-color: #000;
}

.indexListSection dd {
display: inline-block;
width: calc(100% - 38px);
padding-left: 10px;
font-size: 1.8rem;
line-height: 1.35em;
margin-top: 3px;
}

.indexListSection .note {
position: absolute;
top: 8px;
right: 0;
font-size: 1.6rem;
line-height: 1em;
}

/* for PC */
@media screen and (min-width: 1201px) {

		.indexListSection {
		padding: 30px;
		margin-bottom: 60px;
		}

		.indexListSection h2,
		.indexListSection .name {
		/*font-size: 2.4rem;*/
		font-size: 3.0rem;
		margin-bottom: 35px;
		}

		.indexListSection li {
		margin-bottom: 20px;
		}

		.indexListSection dl {
		padding-bottom: 10px;
		margin-bottom: 10px;
		}

		.indexListSection dt {
		display: inline-block;

		}

		.indexListSection dt span {
		width: 32px;
		line-height: 32px;
		font-size: 2.2rem;
		}

		.indexListSection dd {
		width: calc(100% - 42px);
		font-size: 2.2rem;
		line-height: 1.5em;
		margin-top: 0px;
		}

		.indexListSection .note {
		font-size: 1.8rem;
		}


}



/* ============================
		commonSection
 ============================ */

.commonSection {
margin-bottom: 50px;
}

.commonSection h2 {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #999;
}

.commonSection h2 .numbers {
display: inline-block;
vertical-align: top;
}
.commonSection h2 .numbers span {
display: inline-block;
width: 36px;
line-height: 36px;
text-align: center;
font-size: 2.2rem;
font-weight: bold;
color: #fff;
background-color: #000;
}
.commonSection h2 .title {
display: inline-block;
vertical-align: top;
width: calc(100% - 46px);
padding-left: 10px;
font-size: 2.3rem;
font-weight: bold;
line-height: 1.35em;
margin-top: 3px;
}


/* body */

.commonSection .body {
font-size: 1.6rem;
line-height: 1.7em;
margin-bottom: 30px;
}
.commonSection .body.noMargin {
margin-bottom: 0;
}


/* graphList */

.commonSection .graphList {}

.commonSection .graphList li {
margin-bottom: 50px;
}

.commonSection .graphTitle {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.4em;
text-align: center;
margin-bottom: 25px;
}

.commonSection .graphBody {
text-align: center;
}
.commonSection .graphBody img {
width: 100%;
height: auto;
max-width: 414px;
}

.commonSection .graphDataNote {}
.commonSection .graphDataNote dt {
float: left;
width: 52px;
}
.commonSection .graphDataNote dt span {
display: inline-block;
font-size: 1.2rem;
line-height: 23px;
width: 52px;
text-align: center;
border: 1px solid #999;
}

.commonSection .graphDataNote dd {
float: right;
width: calc(100% - 65px);
font-size: 1.2rem;
line-height: 1.5em;
margin-top: 4px;
}



/* bodyList */
.commonSection .bodyList {}
.commonSection .bodyList > li {
margin-bottom: 20px;
}

.commonSection .bodyList .body {
margin-bottom: 0;
}

/* secondList */
.commonSection .secondList {
}
.commonSection .secondList > li {
font-size: 1.6rem;
line-height: 1.7em;
background-image: url("../images/bg_list002.svg");
background-repeat: no-repeat;
background-position: left top 5px;
background-size: 16px auto;
padding-left: 1em;
}

.commonSection .secondListNote {
font-size: 1.6rem;
text-align: right;
line-height: 1.7em;
}


/* illustrationBody */

.commonSection .illustorationTitle {
font-size: 1.6rem;
font-weight: bold;
color: #050c88;
text-align: center;
line-height: 1em;
margin-bottom: 10px;
}

.commonSection .illustrationBody {
margin-bottom: 20px;
}
.commonSection .illustrationBody img {
width: 100%;
height: auto;
max-width: 414px;
}


/* checkSheetDivision */

.commonSection .checkSheetDivision {
background-color: #f5f5f5;
padding: 25px 0 35px 0;
margin-bottom: 30px
}

.commonSection .checkSheetDivision ul {
}

.commonSection .checkSheetDivision li {
font-size: 1.6rem;
line-height: 1.65em;
background-image: url("../images/bg_list003.svg");
background-repeat: no-repeat;
background-position: left top 0.25em;
padding-left: 1.5em;
margin-bottom: 10px;
}


/* for PC */
@media screen and (min-width: 1201px) {

		.commonSection {
		margin-bottom: 60px;
		}

		.commonSection h2 {
		padding-bottom: 10px;
		margin-bottom: 15px;
		}


		/* body */

		.commonSection .body {
		font-size: 1.8rem;
		line-height: 1.8em;
		margin-bottom: 40px;
		}

		/* graphList */

		.commonSection .graphList li {
		margin-bottom: 70px;
		}

		.commonSection .graphTitle {
		font-size: 2.0rem;
		margin-bottom: 40px;
		}
		
		.commonSection .graphBody {
		margin-bottom: 30px;
		}
		.commonSection .graphBody img {
		width: auto;
		height: auto;
		max-width: none;
		}

		.commonSection .graphDataNote {
		}
		.commonSection .graphDataNote dl {
		display: table;
		margin: 0 auto;
		}
		.commonSection .graphDataNote dt {
		display: table-cell;
		vertical-align: middle;
		float: none;
		}
		.commonSection .graphDataNote dt span {
		display: inline-block;
		font-size: 1.4rem;
		line-height: 40px;
		width: 52px;
		text-align: center;
		border: 1px solid #999;
		}

		.commonSection .graphDataNote dd {
		display: table-cell;
		vertical-align: middle;
		float: none;
		width: calc(100% - 65px);
		padding-left: 10px;
		font-size: 1.4rem;
		line-height: 1.5em;
		margin-top: 0px;
		}



		/* bodyList */
		.commonSection .bodyList {}
		.commonSection .bodyList > li {
		margin-bottom: 20px;
		}

		.commonSection .bodyList .body {
		margin-bottom: 0;
		}

		/* secondList */
		.commonSection .secondList {
		}
		.commonSection .secondList > li {
		font-size: 1.8rem;
		line-height: 1.8em;
		background-position: left top 6px;
		background-size: 18px auto;
		padding-left: 1.2em;
		}

		.commonSection .secondListNote {
		font-size: 1.8rem;
		line-height: 1.8em;
		}


		/* illustrationBody */

		.commonSection .illustorationTitle {
		font-size: 3.2rem;
		margin-bottom: 20px;
		}

		.commonSection .illustrationBody {
		margin-bottom: 40px;
		}
		.commonSection .illustrationBody img {
		width: auto;
		height: auto;
		max-width: none;
		}


		/* checkSheetDivision */

		.commonSection .checkSheetDivision {
		padding: 30px 25px;
		margin-bottom: 30px
		}

		.commonSection .checkSheetDivision li {
		font-size: 1.8rem;
		line-height: 1.8em;
		background-position: left top 0.4em;
		margin-bottom: 0.5em;
		}



}



/* ============================
		secondSection
 ============================ */


.secondSection h3 {
font-size: 1.8rem;
font-weight: bold;
line-height: 1.5em;
margin-bottom: 5px;
}

.secondSection h4 {
font-size: 1.6rem;
line-height: 1.5em;
background-image: url("../images/bg_list001.svg");
background-repeat: no-repeat;
background-position: left top 5px;
background-size: 14px auto;
padding-left: 1em;
}

/* for PC */
@media screen and (min-width: 1201px) {

		.secondSection h3 {
		font-size: 2.2rem;
		margin-bottom: 20px;
		}

		.secondSection h4 {
		font-size: 1.8rem;
		line-height: 1.0em;
		background-position: left center;
		background-size: 17px auto;
		padding-left: 1.2em;
		margin-bottom: 10px;
		}

}


/* ============================
		thirdSection
 ============================ */

.thirdSection h3 {
font-size: 1.6rem;
line-height: 1.5em;
background-image: url("../images/bg_list001.svg");
background-repeat: no-repeat;
background-position: left top 5px;
background-size: 14px auto;
padding-left: 1em;
}

/* for PC */
@media screen and (min-width: 1201px) {

		.thirdSection h3 {
		font-size: 1.8rem;
		line-height: 1.0em;
		background-position: left center;
		background-size: 17px auto;
		padding-left: 1.2em;
		margin-bottom: 10px;
		}

}


/* ============================
		fourthSection
 ============================ */

.fourthSection h3 {
font-size: 1.8rem;
font-weight: bold;
line-height: 1.5em;
margin-bottom: 10px;
}

.fourthSection .illustrationBody {
text-align: center;
}
.fourthSection .illustrationBody img {
width: 100%;
height: auto;
max-width: 300px;
}

/* for PC */
@media screen and (min-width: 1201px) {

		.fourthSection h3 {
		font-size: 2.2rem;
		margin-bottom: 20px;
		}
		
		.fourthSection .columnsLayout .body {
		float: left;
		width: calc(100% - 400px);
		}
		
		.fourthSection .columnsLayout .illustrationBody {
		float: right;
		width: 400px;
		text-align: center;
		}

}


/* ============================
		fifthSection
 ============================ */


.fifthSection h3 {
font-size: 1.8rem;
font-weight: bold;
line-height: 1.5em;
margin-bottom: 10px;
}

.fifthSection .illustrationBody {
text-align: center;
}
.fifthSection .illustrationBody img {
width: 100%;
height: auto;
max-width: 300px;
}

/* for PC */
@media screen and (min-width: 1201px) {

		.fifthSection h3 {
		font-size: 2.2rem;
		margin-bottom: 20px;
		}
		
		.fifthSection .columnsLayout .body {
		float: left;
		width: calc(100% - 400px);
		}
		
		.fifthSection .columnsLayout .illustrationBody {
		float: right;
		width: 400px;
		text-align: center;
		}


}



/* ============================
		otherLinkSection
 ============================ */

.otherLinkSection {
margin-bottom: 40px;
}

.otherLinkSection h2 {
font-size: 2.0rem;
line-height: 1em;
margin-bottom: 20px;
}

.otherLinkSection ul {
}
.otherLinkSection li {
}
.otherLinkSection li a {
display: block;
font-size: 1.6rem;
line-height: 1.75em;
background-image: url("../images/bg_list004.svg");
background-repeat: no-repeat;
background-position: left center;
background-size: 16px;
padding-left: 1em;
}


/* for PC */
@media screen and (min-width: 1201px) {

	.otherLinkSection ul {
	margin-left: 10px;
	}

}

/* ============================
		otherKeywordSection
 ============================ */

.otherKeywordSection {
margin-bottom: 40px;
}

.otherKeywordSection h2 {
font-size: 2.0rem;
line-height: 1em;
margin-bottom: 20px;
}

.otherKeywordSection ul {
}
.otherKeywordSection li {
}
.otherKeywordSection li a {
display: block;
font-size: 1.6rem;
line-height: 1.75em;
background-image: url("../images/bg_list005.svg");
background-repeat: no-repeat;
background-position: left center;
background-size: 16px;
padding-left: 1em;
}


/* for PC */
@media screen and (min-width: 1201px) {

		.otherKeywordSection ul {
		margin-left: 10px;
		}

}


/* ============================
		bottom other
 ============================ */

.bottomOtherSection {
margin-bottom: 50px;
}

.bottomOtherSection .authorizedNote {
font-size: 1.6rem;
line-height: 1.75em;
margin-bottom: 20px;
}
.bottomOtherSection .authorizedNote span {
display: inline-block;
font-size: 1.6rem;
line-height: 1.75em;
}

.bottomOtherSection .secondaryUse {
font-size: 1.5rem;
margin-bottom: 20px;
text-align: right;
}

.bottomOtherSection .secondaryUse a {
font-size: 1.5rem;
background-image: url("../images/bg_list004.svg");
background-repeat: no-repeat;
background-position: left center;
background-size: 16px;
padding-left: 1em;
}




/* for PC */
@media screen and (min-width: 1201px) {
}


/* ============================
		other
 ============================ */


/* for SP */
@media screen and (max-width: 767px) {
}

/* for TB (Vertical) */
@media screen and (max-width: 960px) and (min-width: 768px){
}

/* for PC (XVGA) */
@media screen and (max-width: 1200px) and (min-width: 961px){
}

/* for PC */
@media screen and (min-width: 1201px) {
}