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


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



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

.readSection {
margin-bottom: 35px;
}

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

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

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


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

		.readSection {
		margin-bottom: 45px;
		}

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

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

		.readSection .body {
		font-size: 1.8rem;
		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 ul li ul {
margin-left:38px;
margin-bottom:40px;
}
.indexListSection ul li ul li{
margin-bottom:14px;
}

.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;
    padding-top: 45px;
    margin-top:-45px;
}

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

.commonSection h2.noUnderLine {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}

.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,
.commonSection h2 .titleCatch{
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;
}
.commonSection h2 .titleCatch{
display: inline-block;
padding-left: 46px;
font-size: 1.8rem;
}
.commonSection h3 {
/*font-size: 1.8rem;*/
font-weight: bold;
line-height: 1.5em;
margin-bottom: 5px;
}

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

/*h4で●のリストマークを表示させたくない場合に付加するクラス。例えば見出しに１，２などの序数や番号が付く場合*/
.commonSection h4.no_list_mark {
background-image: none;
padding-left: 0;
}

/* 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("bg_list002.svg");
background-repeat: no-repeat;
background-position: left top 5px;
background-size: 16px auto;
padding-left: 1em;
list-style-type:none;
margin-left:0;
}

.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;
}

/* normalDivision */

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

}
.commonSection .normalDivision ol {

}

.commonSection ul li {
/*font-size: 1.6rem;*/
line-height: 1.65em;
		list-style-position:outside;
list-style-type: disc;
/*padding-left: 1.5em;*/
margin-bottom: 10px;
margin-left: 1em;
}
.commonSection ol li ul li {
	list-style-type: disc;
}
.commonSection ol li {
/*font-size: 1.6rem;*/
line-height: 1.65em;
list-style-type:decimal ;
		list-style-position:outside;
/*padding-left: 1.5em;*/
margin-bottom: 10px;
margin-left: 1em;
}
/* 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("bg_list003.svg");
background-repeat: no-repeat;
background-position: left top 0.25em;
padding-left: 1.5em;
margin-bottom: 10px;
list-style-type:none;
margin-left:0;
}
/* link list */

.commonSection ul.link_list {
margin-bottom: 40px;
}
.commonSection ul.link_list li {
  list-style-type: none;
background-image:none;
	margin-left:0;
}
.commonSection li a {
	/*display: block;*/
	font-size: 1.6rem;
	line-height: 1.75em;
	background-image: url(bg_list004.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px;
	padding-left: 1em;
}

.commonSection li a.pageLink {
background-image: url(bg_list006.svg);
padding-left: 1.2em;
}


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

		.commonSection {
		margin-bottom: 60px;
		    padding-top: 40px;
    margin-top:-40px;
		}

		.commonSection h2 {
		padding-bottom: 10px;
		margin-bottom: 15px;
		font-size: 2.3rem;
		}
		.commonSection h3 {
		font-size: 2.2rem;
		margin-bottom: 20px;
		}

		.commonSection h4 {
		font-size: 1.8rem;
		/*line-height: 1.0em;*/
		/*background-position: left top;*/
		background-position: left top 5px;
		background-size: 17px auto;
		padding-left: 1.2em;
		margin-bottom: 10px;
		}

		/* 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;
		}
		/* normalDivision */

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

		.commonSection  li {
		font-size: 1.8rem;
		line-height: 1.8em;
		background-position: left top 0.4em;
		margin-bottom: 0.5em;
		}
		/* 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;
		}



}



/* ============================
		firstSection
 ============================ */


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

.firstSection h4 {
font-size: 1.6rem;
line-height: 1.5em;
background-image: url("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) {

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

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

}



/* ============================
		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("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 top;
		background-size: 17px auto;
		padding-left: 1.2em;
		margin-bottom: 10px;
		}

}


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

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

.thirdSection h4 {
font-size: 1.6rem;
line-height: 1.5em;
background-image: url("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: 2.2rem;
		margin-bottom: 20px;
		}
        
        .thirdSection h4 {
		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 h4 {
font-size: 1.6rem;
line-height: 1.5em;
background-image: url("bg_list001.svg");
background-repeat: no-repeat;
background-position: left top 5px;
background-size: 14px auto;
padding-left: 1em;
}

.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 h4 {
		font-size: 1.8rem;
		line-height: 1.0em;
		background-position: left center;
		background-size: 17px auto;
		padding-left: 1.2em;
		margin-bottom: 10px;
		}

		
		.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 h4 {
font-size: 1.6rem;
line-height: 1.5em;
background-image: url("bg_list001.svg");
background-repeat: no-repeat;
background-position: left top 5px;
background-size: 14px auto;
padding-left: 1em;
}

.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 h4 {
		font-size: 1.8rem;
		line-height: 1.0em;
		background-position: left center;
		background-size: 17px auto;
		padding-left: 1.2em;
		margin-bottom: 10px;
		}
		
		.fifthSection .columnsLayout .body {
		float: left;
		width: calc(100% - 400px);
		}
		
		.fifthSection .columnsLayout .illustrationBody {
		float: right;
		width: 400px;
		text-align: center;
		}


}

/* ============================
		sixSection
 ============================ */


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

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

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

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

		.sixSection h3 {
		font-size: 2.2rem;
		margin-bottom: 20px;
		}
        
        .sixSection h4 {
		font-size: 1.8rem;
		line-height: 1.0em;
		background-position: left center;
		background-size: 17px auto;
		padding-left: 1.2em;
		margin-bottom: 10px;
		}
		
		.sixSection .columnsLayout .body {
		float: left;
		width: calc(100% - 400px);
		}
		
		.sixSection .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("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("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;
		}

}
/* ============================
section.break（簡易アンケート）
 ============================ */

section.break {
margin-bottom: 40px;
}


/* ============================
		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("bg_list004.svg");
background-repeat: no-repeat;
background-position: left center;
background-size: 16px;
padding-left: 1em;
}

/************************************************
 ブロックレベル要素内のインライン要素の中央寄せ・右寄せ・左寄せ
************************************************/
.inline_center {
  text-align: center;
}
.inline_right {
  margin: 15px;
  text-align: right !important;
}
.inline_left {
  margin: 15px;
  text-align: left !important;
}


/************************************************
.pc80等　PC、スマホともに縦並びかつ真ん中合わせで表示し、PC表示では横幅80％等、スマホ表示では横幅100％表示
************************************************/

/* 768px以上の記述
------------------*/

.pc90 {
		margin:15px auto 0!important;
		display: block;
		width:90%;
	}
.pc80 {
		margin:15px auto 0!important;
		display: block;
		width:80%;
	}
.pc70 {
		margin:15px auto 0!important;
		display: block;
		width:70%;
	}	
		
.pc60
 {
		margin:15px auto 0!important;
		display: block;
		width:60%;
	}	
	
.pc50 {
		margin:15px auto 0!important;
		display: block;
		width:50%;
	}
.pc48 {
		margin:15px auto 0!important;
		display: block;
		width:48%;
	}
.pc45 {
		margin:15px auto 0!important;
		display: block;
		width:45%;
	}		
.pc40 {
		margin:15px auto 0!important;
		display: block;
		width:40%;
	}
.pc30 {
		margin:15px auto 0!important;
		display: block;
		width:30%;
	}
.pc20 {
		margin:15px auto 0!important;
		display: block;
		width:20%;
	}
.pc10 {
		margin:15px auto 0!important;
		display: block;
		width:10%;
	}	
	

/* 768px以下の記述
------------------*/
@media screen and (max-width:767px), print{
.pc90,
.pc80,
.pc70,
.pc60,
.pc50,
.pc48,
.pc45,
.pc40,
.pc30,
.pc20,
.pc10 {
width:100%;
	}	
}



/************************************************
 PC版で右寄せ、スマホ版で下に移動しセンタリング
************************************************/

.imgOnOf {
    float: none;
    text-align: center;
    width: auto;
}

/* 768px以上の記述
------------------*/
@media print, screen and (min-width:768px){/*←左メディアクエリの記述については、印刷時も右寄せが適用させる記述にしています。*/

.imgOnOf {
    float: right;
    margin: 0 2% 0;
}
}
/************************************************
 大瀧追記
************************************************/
.kakomi {
  border: 1px solid #CCC;
  padding: 20px 30px;
  margin: 40px auto;
}
.kakomi h3  {
	font-weight: bold;
line-height: 1.5em;
	font-size: 2.2rem;
margin-bottom: 20px;
}
.dataTable {
  margin: 10px auto 40px;
  width: 100%;
}
.dataTable, .dataTable th, .dataTable td {
  border: 1px solid #CCC;
  border-collapse: collapse;
}
.dataTable th, .dataTable td {
  padding: 10px 20px;
}
.dataTable th {
  white-space: nowrap;
}
.flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

 /* flexアイテムの幅を割合で指定 */

.flex-item10 {
flex-basis: 10%;
}
.flex-item20 {
flex-basis: 20%;
}
.flex-item30 {
flex-basis: 30%;
}
.flex-item40 {
flex-basis: 40%;
}
.flex-item45 {
flex-basis: 45%;
}
.flex-item50 {
flex-basis: 50%;
}
.flex-item60 {
flex-basis: 60%;
}
.flex-item70 {
flex-basis: 70%;
}
.flex-item80 {
flex-basis: 80%;
}
.flex-item90 {
flex-basis: 90%;
}




.otherLinkSection li a {
  background-position: left 6px;
}
.postAsideBlock h3 {
  font-weight: normal;
  font-size: 0.875em;
  margin-bottom: 10px;
  background: #EEE;
  text-align: center;
}
#movi_21605,
#movi_21604,
/*#movi_20233,*/
#movi_24649,
#movi_22793,
#movi_20780,
#movi_10562,
#movi_23119{
  width: 100%;
  padding-top: 56.25% !important;
}
#movi_21605 > div,
#movi_21604 > div,
/*#movi_20233 > div,*/
#movi_24649 > div,
#movi_22793 > div,
#movi_20780 > div,
#movi_10562 > div,
#movi_23119 > div{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.note {
  margin-bottom: 60px;
}
@media screen and (max-width:599px) {
  .kakomi {
    padding: 20px 10px;
  }
  .dataTable th, .dataTable td {
    display: block;
  }
  .dataTable {
    border: none;
    border-bottom: 1px solid #CCC;
  }
  .dataTable th {
    border-bottom: none;
  }
  .dataTable td {
    border-top: 1px solid #EEE;
    border-bottom: none;
  }
  .flex {
    display: block;
  }
  .flex > div > p {
    text-align: center;
  }
  .flex p img {
    width: 55%;
    height: auto;
  }
	
  img {
    max-width: 100%;
    height: auto;
  }
  /*.commonSection */.checkSheetDivision {
    padding: 25px 0 10px;
  }
  .note {
    margin: 0 15px 60px;
  }
}

/* ============================
画像最大サイズ
 ============================ */
#mainContents img {
	max-width: 100%;
}
/* ============================
主要テーブル
 ============================ */
/* lightGrayStyleTable */

.lightGrayStyleTable {
border-collapse: collapse;
margin-bottom: 40px;
}
.lightGrayStyleTable caption {
	font-weight: bold;
padding: 15px 10px;
}
.lightGrayStyleTable thead {
}


.lightGrayStyleTable thead th,
.lightGrayStyleTable thead td {
font-size: 1.6rem;
font-weight: bold;
background-color: #f5f5f5;
padding: 15px 10px;
border-top: 2px solid #666;
border-right: 1px solid #ccc;
}
.lightGrayStyleTable thead th:last-child,
.lightGrayStyleTable thead td:last-child {
/*border-right: none;*/
}

.lightGrayStyleTable tbody {
}

.lightGrayStyleTable tbody th {
font-size: 1.6rem;
line-height: 1.5em;
padding: 15px 10px;
border: 1px solid #ccc;
background-color: #f5f5f5;
}

.lightGrayStyleTable tbody td {
font-size: 1.6rem;
line-height: 1.5em;
padding: 15px 10px;
border: 1px solid #ccc;
}

.lightGrayStyleTable tbody td:last-child {
/*border-right: none;*/
}

.lightGrayStyleTable tbody tr:last-child th,
.lightGrayStyleTable tbody tr:last-child td {
/*border-bottom: 2px solid #ccc;*/
}

.lightGrayStyleTable.cellBorderTable tbody th {
background-color: #fff;
}

.lightGrayStyleTable.cellBorderTable tbody tr:nth-child(even) th,
.lightGrayStyleTable.cellBorderTable tbody tr:nth-child(even) td {
background-color: #f0f1f1;
}

/* lightBlueStyleTable */

.lightBlueStyleTable {
border-collapse: collapse;
margin-bottom: 40px;
}

.lightBlueStyleTable thead {
}


.lightBlueStyleTable thead th,
.lightBlueStyleTable thead td {
font-size: 1.6rem;
font-weight: bold;
background-color: #dce4f3;
padding: 15px 10px;
border-top: 2px solid #666;
border-right: 1px solid #ccc;
}
.lightBlueStyleTable thead th:last-child,
.lightBlueStyleTable thead td:last-child {
/*border-right: none;*/
}

.lightBlueStyleTable tbody {
}

.lightBlueStyleTable tbody th {
font-size: 1.6rem;
line-height: 1.5em;
padding: 15px 10px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
background-color: #dce4f3;
}

.lightBlueStyleTable tbody td {
font-size: 1.6rem;
line-height: 1.5em;
padding: 15px 10px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.lightBlueStyleTable tbody td:last-child {
/*border-right: none;*/
}

.lightBlueStyleTable tbody tr:last-child th,
.lightBlueStyleTable tbody tr:last-child td {
border-bottom: 2px solid #ccc;
}

.lightBlueStyleTable.cellBorderTable tbody th {
background-color: #fff;
}

.lightBlueStyleTable.cellBorderTable tbody tr:nth-child(even) th,
.lightBlueStyleTable.cellBorderTable tbody tr:nth-child(even) td {
background-color: #f0f1f1;
}

/* wallBlueStyleTable */

.wallBlueStyleTable {
border-collapse: collapse;
border: 5px solid #d5d6d6;
box-sizing: border-box;
margin-bottom: 40px;
}

.wallBlueStyleTable thead {
}

.wallBlueStyleTable thead th,
.wallBlueStyleTable thead td {
font-size: 1.6rem;
font-weight: bold;
color: #fff;
background-color: #426fbd;
padding: 15px 10px;
border-right: 1px solid #fff;
}
.wallBlueStyleTable thead th:last-child,
.wallBlueStyleTable thead td:last-child {
border-right: none;
}

.wallBlueStyleTable tbody {
}

.wallBlueStyleTable tbody th {
font-size: 1.6rem;
color: #fff;
line-height: 1.5em;
padding: 15px 10px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
background-color: #426fbd;
}

.wallBlueStyleTable tbody td {
font-size: 1.6rem;
line-height: 1.5em;
padding: 15px 10px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.wallBlueStyleTable tbody td:last-child {
border-right: none;
}

.wallBlueStyleTable tbody tr:last-child th,
.wallBlueStyleTable tbody tr:last-child td {
border-bottom: 2px solid #666;
}

.wallBlueStyleTable tbody tr:first-child td {
border-top: 1px solid #fff;
}


/* ============================
		スマホ用横スクロールスワイプ
 ============================ */


/* for SP */
@media screen and (max-width: 767px) {
.yoko_scroll {
    overflow-x: auto;
    width: 100%;
    margin: 40px auto;
  }
  .yoko_scroll::before {
    content: "←　スワイプしてスクロール　→";
    display: block;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    font-size: 1.4rem;
    left: 20px;
    color:
      #050c8a;
    margin-top: -25px;
    position: absolute;
  }
	.yoko_scroll table, .yoko_scroll p {
    width: 677px;
}
}

/* ============================
暮らしに役立つ情報
コンテンツ内共通定義リスト
lightGrayDataTableSheet を採用
 ============================ */

.lightGrayDataTableSheet {
margin-bottom: 40px;
}

.lightGrayDataTableSheet dl {
}

.lightGrayDataTableSheet dl dt {
font-size: 1.3rem;
font-weight: bold;
background-color: #f0f1f1;
padding: 6px 10px;
border-bottom: 1px solid #666;
}
.lightGrayDataTableSheet dl:first-child dt {
border-top: 1px solid #666;
}

.lightGrayDataTableSheet dl dd {
font-size: 1.3rem;
padding: 6px 10px;
border-bottom: 1px solid #666;
}

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


		.lightGrayDataTableSheet {
		margin-bottom: 70px;
		display: table;
		width: 100%;
		}

		.lightGrayDataTableSheet dl {
		display: table-row;
		}

		.lightGrayDataTableSheet dl dt {
		display: table-cell;
		font-size: 1.6rem;
		padding: 15px 15px 15px 30px;
		width:10em;
		}

		.lightGrayDataTableSheet dl dd {
		display: table-cell;
		font-size: 1.6rem;
		padding: 15px 15px 15px 45px;
		}

		.lightGrayDataTableSheet dl:first-child dd {
		border-top: 1px solid #666;
		}
	}
/* ============================
		動画embed
 ============================ */

.embed_video {
  margin: 0 auto 45px auto;
	text-align: center;
	  }


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

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

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

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




/* 2022.10.11 追記 */

h1 .h1_small {
font-size:1.5rem;
}


.indexListSection li {
border-top: 1px dashed #ccc;
padding-bottom: 0;
padding-top: 20px;
margin-bottom: 0px;
}



.indexListSection li:last-child {
border-bottom: 1px dashed #ccc;
}

.indexListSection dl {
padding-left: 5px;
padding-right: 8px;
}

.indexListSection .columnList dl {
padding-left: 0;
padding-bottom: 0;
margin-bottom: 0;
}

.indexListSection dd {
background-image: url("mark014.svg");
background-repeat: no-repeat;
background-position: right top 2px;
padding-right: 1.5em;
background-size: 22px auto;
}


.indexListSection .columnList dt,
.indexListSection .columnList dd {
position: relative;
top: -3px;
}

.indexListSection .columnList dd {
background-image: none;
padding-right: 0;
font-size: 1.6rem;
margin-bottom: -5px;
padding-bottom: 0;
}


.indexListSection .columnList {
border: 1px solid #bbb;
box-sizing: border-box;
padding: 30px 10px 15px 15px;
margin-top: 40px;
position: relative;
}

.indexListSection .columnList h3 {
position: absolute;
top: -13px;
left: 10px;
}
.indexListSection .columnList h3 span {
display: inline-block;
font-size: 1.4rem;
line-height: 1.0em;
padding: 0.4em 0.5em;
background-color: #000;
color: #fff;
}


.indexListSection .columnList li {
font-size: 1.6rem;
line-height: 1.35em;
padding-top: 0;
padding-bottom: 0;
}

.indexListSection .columnList li a {
background-image: url("mark014.svg");
background-repeat: no-repeat;
background-position: right  top 18px;
padding-right: 1.5em;
padding-top: 20px;
padding-bottom: 20px;
}





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

		/* 2022.10.11 追記 */

		h1 .h1_small {
		font-size:2.0rem;
		}


		.indexListSection {
		padding: 40px 60px ;
		}
		.indexListSection li {
		padding-top: 10px;
		}

		.indexListSection .columnList {
		margin-top: 60px;
		padding: 40px 30px 40px 35px;
		}

		.indexListSection .columnList li {
		font-size: 1.6rem;
		line-height: 1.5em;
		border-top: 1px dashed #ccc;
		}

		.indexListSection .columnList li:last-child {
		border-bottom: 1px dashed #ccc;
		}


		.indexListSection dl {
		padding-left: 30px;
		padding-right: 30px;
		}

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

		.indexListSection dd {
		background-position: right top 5px;
		padding-right: 1.8em;
		background-size: 22px auto;
		}

		.indexListSection .columnList h3 {
		top: -15px;
		left: 10px;
		}
		.indexListSection .columnList h3 span {
		font-size: 1.6rem;
		}
	
	
		.indexListSection .columnList li a {
		background-position: right top 12px;
		padding-right: 1.1em;
		font-size: 1.8rem;
		padding-top: 10px;
		padding-bottom: 10px;
		}

		.indexListSection .columnList dl {
		padding-left: 0;
		padding-bottom: 0;
		}



		.indexListSection .columnList dt,
		.indexListSection .columnList dd {
		position: relative;
		top: 2px;
		}

		.indexListSection dt span,
		.indexListSection .columnList dt span {
		width: 26px;
		line-height: 26px;
		font-size: 1.8rem;
		}

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

		
		.indexListSection .columnList dd {
		background-image: none;
		padding-right: 0;
		font-size: 1.8rem;
		}

}




/* 2022.10.11 追記 */


/* ============================
		.videoSection
 ============================ */

.videoSection {
margin-bottom: 50px;
padding-top: 45px;
margin-top:-45px;
}

.videoSection .smartContainer {
border: 1px solid #999;
border-radius: 5px;
padding: 15px;
padding-bottom: 20px;
}

.videoSection h2 {
font-size: 2.3rem;
font-weight: bold;
line-height: 1.2em;
margin-bottom: 10px;
}

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


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

	.videoSection {
	margin-bottom: 60px;
	padding-top: 40px;
	margin-top:-40px;
	}

	.videoSection .smartContainer {
	padding: 30px;
	padding-bottom: 40px;
	margin-left: 40px;
	margin-right: 40px;
	}

	.videoSection .wrap {
	width: 640px;
	margin: 0 auto;
	}


}



/* ============================
		.columnSection
 ============================ */

.columnSection {
margin-bottom: 60px;
}

.columnSection .wrap {
border: 2px dotted #ccc;
box-sizing: border-box;
padding: 25px 15px 15px 15px;
position: relative;
margin-bottom: 10px;
}

.columnSection h2 {
position: absolute;
top: -14px;
left: 10px;
}
.columnSection h2 span {
display: inline-block;
font-size: 1.4rem;
line-height: 1.0em;
padding: 0.4em 0.5em;
background-color: #000;
color: #fff;
}

.columnSection h3 {
font-size: 2.0rem;
line-height: 1.35em;
margin-bottom: 15px;
}
.columnSection h4 {
line-height: 1.5em;
background-image: url("bg_list001.svg");
background-repeat: no-repeat;
background-position: left top 5px;
background-size: 14px auto;
padding-left: 1em;
}

/*h4で●のリストマークを表示させたくない場合に付加するクラス。例えば見出しに１，２などの序数や番号が付く場合*/
.columnSection h4.no_list_mark {
background-image: none;
padding-left: 0;
}

.columnSection .pc40 {
padding-top: 10px;
}

.columnSection ul li {
/*font-size: 1.6rem;*/
line-height: 1.65em;
		list-style-position:outside;
list-style-type: disc;
/*padding-left: 1.5em;*/
margin-bottom: 10px;
margin-left: 1em;
}
.columnSection ol li ul li {
	list-style-type: disc;
}
.columnSection ol li {
/*font-size: 1.6rem;*/
line-height: 1.65em;
list-style-type:decimal ;
		list-style-position:outside;
/*padding-left: 1.5em;*/
margin-bottom: 10px;
margin-left: 1em;
}
.columnSection .link_list li {
list-style: none;
	}
.columnSection .link_list li a {
display: block;
font-size: 1.6rem;
line-height: 1.75em;
background-image: url("bg_list004.svg");
background-repeat: no-repeat;
background-position: left center;
background-size: 16px;
padding-left: 1em;
}
.columnSection .body {
  font-size: 1.6rem;
  line-height: 1.7em;
  margin-bottom: 30px;
}


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

	.columnSection .wrap {
	padding: 40px 30px 30px 30px;
	}

	.columnSection h2 {
	position: absolute;
	top: -14px;
	left: 10px;
	}
	.columnSection h2 span {
	display: inline-block;
	font-size: 1.8rem;
	line-height: 1.0em;
	padding: 0.4em 0.5em;
	background-color: #000;
	color: #fff;
	}

	.columnSection h3 {
	font-size: 2.4rem;
	line-height: 1.35em;
	margin-bottom: 15px;
	}
	
	.columnSection h4 {
		font-size: 1.8rem;
		line-height: 1.0em;
		background-position: left top;
		background-size: 17px auto;
		padding-left: 1.2em;
		margin-bottom: 10px;
		}
	.columnSection .body {
  font-size: 1.8rem;
  line-height: 1.8em;
  margin-bottom: 40px;
}
			.columnSection  li {
		font-size: 1.8rem;
		line-height: 1.8em;
		background-position: left top 0.4em;
		margin-bottom: 0.5em;
		}
		/* checkSheetDivision */

		/*.columnSection */.checkSheetDivision {
		padding: 30px 25px;
		margin-bottom: 30px
		}

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





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

/* smartLinkList */

.commonSection .smartLinkList {
margin-top: 30px;
}

.commonSection .full_width {
}


/*
.commonSection .smartLinkList.inlineList ul {
display: inline-block;
}
*/
.commonSection .smartLinkList li {
list-style: none !important;
margin-left: 0;
font-size: 1.6rem;
padding-left: 1em;
text-indent: -1em;
}



.commonSection .smartLinkList .body {
font-size: 1.6rem;
text-align: left;
margin-bottom: 0;
}

.commonSection .smartLinkList h3,
.commonSection .smartLinkList h4 {
text-align: left;
}

.commonSection .smartLinkList li {
text-align: center;
margin: 0;
padding: 0;
text-indent: 0;
margin-bottom: 30px;
}


.commonSection .smartLinkList li .alignLeft {
text-align: left;
}

.commonSection .smartLinkList li a {
display: inline-block;
width: 100%;
max-width: 370px;
margin:0 0 10px 0;
padding: 15px 30px;
line-height: 1em;
font-weight: bold;
/*
background-color: #0161db;
color: #fff !important;
*/
color: #0161db !important;
text-align: center;
border-radius: 10px;
position: relative;
box-sizing: border-box;
background-image: url("mark010b.svg");
background-repeat: no-repeat;
background-size: auto 16px;
background-position: left 10px center;
border: 2px solid #0161db;
}

.commonSection .smartLinkList li a.callToAction {
background-color: #0161db;
color: #fff !important;
}

.commonSection .smartLinkList li a.withShadow {
box-shadow: 3px 4px 4px 0 rgba(0,0,0,0.2),-1px -1px 1px 0 rgba(0,0,0,0.1);
}

.commonSection .smartLinkList li a .tBlank_inner {
line-height: 1em;
padding: 15px 0;
}

.commonSection .smartLinkList li a .tBlank_inner,
.commonSection .smartLinkList li a {
font-size: 1.5rem;
line-height: 1.5em;
}



.commonSection .smartLinkList li a.callToAction {
background-image: url("mark010.svg");
}

.commonSection .smartLinkList li.callTelephone a {
background-image: url("mark012b.svg");
background-size: 30px auto;
background-position: left 20px center;
}
.commonSection .smartLinkList li.callTelephone a.callToAction {
background-image: url("mark012.svg");
}

.commonSection .smartLinkList li a img {
position: absolute;
top: 8px;
right: 3px;
background-color: rgba(255,255,255,1);
padding: 3px;
border-radius: 3px;
}

.commonSection .smartLinkList li.callTelephone a img {
background-color: transparent;
width: 25px;
height: auto;
top: calc(50% - 18px);
right: 10px;
}

.commonSection .smartLinkList.inlineList {
display: block;
text-align: center;	
}

.commonSection .smartLinkList li a {
}

.commonSection .smartLinkList li a:hover {
opacity: 1;
background-image: url("mark010.svg");
background-repeat: no-repeat;
background-size: auto 16px;
background-position: left 10px center;
background-color: #0161db !important;
color: #fff !important;
}

.commonSection .smartLinkList li a.callToAction:hover {
opacity: 1;
background-image: url("mark010b.svg");
background-repeat: no-repeat;
background-size: auto 16px;
background-position: left 10px center;
background-color: #fff !important;
color: #0161db !important;
}

.commonSection .smartLinkList li.callTelephone a:hover {
background-image: url("mark012.svg");
background-size: 30px auto;
background-position: left 20px center;
background-color: #0161db;
color: #fff !important;
border: 2px solid #0161db;
}

.commonSection .smartLinkList li.callTelephone a.callToAction:hover {
background-image: url("mark012b.svg");
background-size: 30px auto;
background-position: left 20px center;
background-color: #fff;
color: #0161db !important;
border: 2px solid #0161db;
}


/* .otherBtnLinkList */

.columnSection .otherBtnLinkList,
.commonSection .otherBtnLinkList {
}

.columnSection .otherBtnLinkList ul,
.commonSection .otherBtnLinkList ul {
margin: 0;
padding: 0;
}

.columnSection .otherBtnLinkList li,
.commonSection .otherBtnLinkList li {
list-style: none;
padding: 0;
margin: 0 0 0 0;
}
.columnSection .otherBtnLinkList li a,
.commonSection .otherBtnLinkList li a {
display: block;
margin: 0 0 10px 0;
padding: 10px 10px 10px 28px;
line-height: 1.2em;
font-size: 1.4rem;
font-weight: bold;
color: #0161db !important;
text-align: left;
border-radius: 10px;
position: relative;
box-sizing: border-box;
background-image: url("mark010b.svg");
background-repeat: no-repeat;
background-size: auto 10px;
background-position: left 12px center;
border: 1px solid #0161db;
background-color: #fff;
}


.columnSection .otherBtnLinkList li a .tBlank_inner,
.commonSection .otherBtnLinkList li a .tBlank_inner {
font-size: 1.4rem;
line-height: 1.2em;
}

.columnSection .otherBtnLinkList li.callTelephone a,
.commonSection .otherBtnLinkList li.callTelephone a {
background-image: url("mark012b.svg");
background-size: auto 12px;
background-position: left 8px center;
}


/* .otherLinkList */
.commonSection .otherLinkList {
}

.commonSection .otherLinkList ul {
margin: 0;
padding: 0;
}
.commonSection .otherLinkList li {
list-style: none;
padding: 0;
margin: 0;
}
.commonSection .otherLinkList li a {
display: block;
background-position: left top 5px;
}


@media screen and (max-width: 767px) {

	.commonSection .smartLinkList li.small a .tBlank_inner,
	.commonSection .smartLinkList li.small a {
	font-size: 1.3rem;
	}

	.columnSection .otherBtnLinkList li ,
	.commonSection .otherBtnLinkList li {
	display: block;
	text-align: center;
	
	}




}

@media screen and (min-width: 1201px) {

	.commonSection .smartLinkList li a .tBlank_inner,
	.commonSection .smartLinkList li a {
	font-size: 1.6rem;
	}

	.commonSection .smartLinkList li.small a .tBlank_inner {
	font-size: 1.4rem;
	}


	.commonSection .smartLinkList li a {
	max-width: 400px;
	}

	.commonSection .smartLinkList.inlineList {
	margin-bottom: 30px;
	}
	
	.commonSection .bottomMarginNone {
	margin-bottom: 0;
	}
	.commonSection .topMarginNone {
	margin-top: 0;
	}

	.commonSection .smartLinkList.inlineList ul {
	display: inline-block;
	}

	.commonSection .smartLinkList.inlineList li a {
	max-width: none;
	width: auto;
	display: inline-block;
	padding-left: 50px;
	padding-right: 50px;
	text-align: center;
	}


	.commonSection .smartLinkList li {
	float: left;
	width: calc(50% - 20px);
	}
	.commonSection .smartLinkList li:nth-child(even) {
	float: right;
	}
	.commonSection .smartLinkList li:nth-child(odd) {
	clear: both;
	}

	/* full_width */

	.commonSection .smartLinkList.full_width {
	}

	.commonSection .smartLinkList.full_width li {
	float: none;
	width: 100%;
	}
	.commonSection .smartLinkList.full_width li:nth-child(even) {
	float: none;
	}

	.commonSection .smartLinkList.full_width a {
	width: 100%;
	max-width: none;
	}

	

	.commonSection .smartLinkList.inlineList li {
	float: none;
	display: inline-block;
	text-align: left;
	width: auto;
	}

	.commonSection .smartLinkList.inlineList li:nth-child(even),
	.commonSection .smartLinkList.inlineList li:nth-child(odd) {
	float: none;
	clear:none;
	}

	.commonSection .smartLinkList li a {
	background-size: auto 23px;
	background-position: left 26px center;
	}
	.commonSection .smartLinkList li.callTelephone a {
	background-size: 30px auto;
	background-position: left 18px center;
	}

	.commonSection .smartLinkList li a:hover,
	.commonSection .smartLinkList li a.callToAction:hover {
	background-size: auto 23px;
	background-position: left 26px center;
	}

	.commonSection .smartLinkList li.callTelephone a.callToAction:hover
	.commonSection .smartLinkList li.callTelephone a:hover {
	background-size: 30px auto;
	background-position: left 18px center;
	}

	.columnSection .otherBtnLinkList .centerLink,
	.commonSection .otherBtnLinkList .centerLink {
	text-align: center;
	}

	.columnSection .otherBtnLinkList .centerLink a,
	.commonSection .otherBtnLinkList .centerLink a {
	display: inline-block;
	}

}





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

/*点線囲み*/
.kakomi_dotted {
margin: 0 ;
padding: 1rem;
border: 2px dotted #CCC;
}

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

	.kakomi_dotted {
	padding: 3rem;
	margin: 0 30px;
	}
}


/*点線囲み*/
img.img_border {
 border: 1px solid #ccc;
}


/* listStyleNone */

.commonSection ul.listStyleNone li {
list-style: none !important;
padding-left: 0;
margin-left: 0;
}


/*蛍光ペン風アクセント*/
.penColor {
display: inline;
background-color: #ff99cc;
padding: 2px 6px;
margin: 0 1px;
color: #000;
font-weight: bold;
font-size: 1.6rem;
}

.penColor.deepPink {
background-color: #DF2353;
color: #fff;
}
.penColor.bule {
background-color: #0776C8;
color: #fff;
}
.penColor.vividBule {
background-color: #0000ff;
color: #fff;
}
.penColor.orange {
background-color: #d44104;
color: #fff;
}
.penColor.red {
background-color: #dc0101;
color: #fff;
}
.penColor.green {
background-color: #b3f075;
}
.penColor.sky {
background-color: #9ed7fc;
}
.penColor.yellow {
background-color: #F7EF35;
}

.penColor.deepGreen {
background-color: #378037;
color: #fff;
}

.penColor.pinkLine {
background:linear-gradient(transparent 60%, #ff99cc 60%);
}

.penColor.yellowLine {
background:linear-gradient(transparent 60%, #F7EF35 60%);
}


.penColor.greenLine {
background:linear-gradient(transparent 60%, #b3f075 60%);
}

.penColor.skyLine {
background:linear-gradient(transparent 60%, #9ed7fc 60%);
}

.underLine {
font-weight: bold;
font-size: 1.6rem;
color: #000;
padding-bottom: .6em;
}

.underLine.pinkLine {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='none' width='120' height='6' viewBox='0 0 120 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M119 0.8C60 4 50-0.9 1 2.5' stroke='hsl(330, 100%, 80%)' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-size: 100% 70%;
background-position: 0 .8em;
background-repeat: no-repeat;
}


.underLine.yellowLine {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='none' width='120' height='6' viewBox='0 0 120 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M119 0.8C60 4 50-0.9 1 2.5' stroke='hsl(55, 100%, 60%)' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-size: 100% 70%;
background-position: 0 .8em;
background-repeat: no-repeat;
}

.underLine.greenLine {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='none' width='120' height='6' viewBox='0 0 120 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M119 0.8C60 4 50-0.9 1 2.5' stroke='hsl(90, 80%, 70%)' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-size: 100% 70%;
background-position: 0 .8em;
background-repeat: no-repeat;
}

.underLine.skyLine {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='none' width='120' height='6' viewBox='0 0 120 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M119 0.8C60 4 50-0.9 1 2.5' stroke='hsl(204, 80%, 80%)' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-size: 100% 70%;
background-position: 0 .8em;
background-repeat: no-repeat;
}

.bottomUnderLine {
display: inline;
padding: 0px 6px;
margin: 0 1px;
font-size: 1.6rem;
font-weight: bold;
color: #000;
border-bottom: 3px solid #000;
}

.bottomUnderLine.black {
border-bottom-color: #000;
}


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

	.penColor {
	font-size: 1.8rem;
	padding: 4px 6px;
	}

}



/* ============================
	行間調整
 ============================ */
 
#mainContents .bottom5{
 margin-bottom: 5px;
 }

#mainContents .bottom10{
 margin-bottom: 10px;
 }
 
#mainContents .bottom15{
 margin-bottom: 15px;
 }
 
#mainContents .bottom20{
 margin-bottom: 20px;
 }
 
#mainContents .bottom25{
 margin-bottom: 25px;
 }
 
#mainContents .bottom30{
 margin-bottom: 30px;
 }
 
#mainContents .bottom35{
 margin-bottom: 35px;
 }
 
#mainContents .bottom40{
 margin-bottom: 40px;
 }
 
#mainContents .bottom45{
 margin-bottom: 45px;
 }
 
#mainContents .bottom50{
 margin-bottom: 50px;
 }


#mainContents .above5{
margin-top: 5px;
}

#mainContents .above10{
margin-top: 10px;
}

#mainContents .above15{
margin-top: 15px;
}

#mainContents .above20{
margin-top: 20px;
}

#mainContents .above25{
margin-top: 25px;
}

#mainContents .above30{
margin-top: 30px;
}

#mainContents .above35{
margin-top: 35px;
}

#mainContents .above40{
margin-top: 40px;
}

#mainContents .above45{
margin-top: 45px;
}

#mainContents .above50{
margin-top: 50px;
}



#mainContents .commonSection .body.bottom5{
margin-bottom: 5px;
}

#mainContents .commonSection .body.bottom10{
margin-bottom: 10px;
}

#mainContents .commonSection .body.bottom15{
margin-bottom: 15px;
}

#mainContents .commonSection .body.bottom20{
margin-bottom: 20px;
}

#mainContents .commonSection .body.bottom25{
margin-bottom: 25px;
}

#mainContents .commonSection .body.bottom30{
margin-bottom: 30px;
}

#mainContents .commonSection .body.bottom35{
margin-bottom: 35px;
}

#mainContents .commonSection .body.bottom40{
margin-bottom: 40px;
}

#mainContents .commonSection .body.bottom45{
margin-bottom: 45px;
}

#mainContents .commonSection .body.bottom50{
margin-bottom: 50px;
}



/* ============================
		flexBoxTableList
 ============================ */

.flexBoxTableList {
}

.commonSection ul.flexBoxTableList li {
list-style-type: none;
margin: 0 0 30px 0;
}

.commonSection ul.flexBoxTableList li .photo {
text-align: center;
}

.commonSection ul.flexBoxTableList li .bold {
}

.commonSection ul.flexBoxTableList li .cell {
font-size: 1.6rem;
line-height: 1.5em;
margin-bottom: 10px;
}

/* for TB (Vertical) and  PC (XVGA) */
@media screen and (max-width: 1200px) and (min-width: 768px){

	.commonSection ul.flexBoxTableList {
	display: flex;
	flex-wrap: wrap;
	align-items:stretch;
	}

	.commonSection ul.flexBoxTableList li {
	margin: 0 15px 30px 15px;
	width: calc(50% - 30px);
	}

	.commonSection ul.flexBoxTableList li .cell {
	min-height: 6em;
	}

}


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

	.commonSection ul.flexBoxTableList {
	display: flex;
	flex-wrap: wrap;
	align-items:stretch;
	}

	.commonSection ul.flexBoxTableList li {
	margin: 0 15px 30px 15px;
	width: calc(33% - 30px);
	}

	.commonSection ul.flexBoxTableList li .cell {
	min-height: 6em;
	}

}

/* ============================
urlなどで1行も字数が多いものを、iPhoneで改行させる
 ============================ */
#mainContents p {
	word-break:break-word;
}

/* ============================
		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) {
}

/* ==============2023.08.04追加
ひし形====================== */
.rhombus{
	position: relative;
	padding-left: 0.5em!important;
	background-image: none!important;
}

.rhombus::before {
	position: absolute;
	left: -0.5em!important;
	margin-right: 8px;
	content: '◆';
}
@media screen and (min-width: 1201px){		
	.rhombus{
		position: relative;
		padding-left: 0.5em!important;
		background-image: none!important;
	}

	.rhombus::before {
		position: absolute;
		left: -0.5em!important;
		margin-right: 8px;
		content: '◆';
	}
}


/* ==============2023.08.04追加
丸形====================== */
.maru {
	font-size: 1.6rem!important;
	line-height: 1.5em!important;
	background-image: url("bg_list001.svg");
	background-repeat: no-repeat;
	background-position: left top 5px;
	background-size: 14px auto;
	padding-left: 1em;
	}
@media screen and (min-width: 1201px) {
	
	.maru {
	font-size: 1.8rem!important;
	line-height: 1.0em!important;
	background-position: left center;
	background-size: 17px auto;
	padding-left: 1.2em;
	margin-bottom: 10px;
	}
	}
	

/* ================2023.08.07
追加オレンジh3============= */
.orange{
	font-size: 2.0rem;
	line-height: 32px;
	border-top-right-radius: 32px;
	border-bottom-right-radius: 32px;
	padding: 0 33px 0 33px;
	background-image: url(mark009.svg);
	background-repeat: no-repeat;
	background-size: 13px auto;
	background-position: left 12px center;
}
.orange{
	display: inline-block;
	font-weight: bold;
	color: #fff;
	background-color: #dd6600;
	margin-bottom: 18px;
}
@media screen and (min-width: 961px){
	.orange{
		font-size: 2.0rem;
		line-height: 32px;
		border-top-right-radius: 32px;
		border-bottom-right-radius: 32px;
		padding: 0 33px 0 33px;
		background-image: url(mark009.svg);
		background-repeat: no-repeat;
		background-size: 13px auto;
		background-position: left 12px center;
	}
	.orange{
		display: inline-block;
		font-weight: bold;
		color: #fff;
		background-color: #dd6600;
		margin-bottom: 18px;
	}
}


/* 2023.10.23追加 */
/************************************************
プラスマーク 
*************************************************/
/*縦 */
.plus {
	margin: 1em auto;
	font-size: 2.0rem;
	position: relative;
	width: 0.4em;
	height: 1.6em;
	background-color: #b3b3b3;
  }
  /*横 */
  .plus::before {
	position: absolute;
	top: 0.6em;
	left: -0.6em;
	width: 1.6em;
	height: 0.4em;
	content: "";
	background-color: #b3b3b3;
  }

  
/************************************************
下向き三角（矢印）マーク 
*************************************************/
.arrow_down {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 40px 0 40px;
	border-color: #b3b3b3 transparent transparent transparent;
	line-height: 0px;
	_border-color: #b3b3b3 #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	margin: 1em auto !important;
  }