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

.body{
font-family: "Roboto", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Helvetica, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.5rem;	
}

.pdf{
	margin-top: 40px;
	text-align: right;
	margin-right:150px;
}

.pict{
  display:flex;/* flexbox */
	flex-wrap: wrap; /* 折り返し */
  justify-content: space-between; /* 子要素を均等に配置・両端揃え */
	 justify-content:center; /* 水平方向 */
	  align-items: center; /* 垂直方向 */
	  gap: 30px;/*縦・横で同じ余白*/
}

.text{
	
	padding: 0px 3px 0px 3px;
	
}

.title0{
	text-align: center;
	color:#44403f;
	font-size: 30px;
	line-height: 150%;
}
.title{
	text-align: center;
	font-size: 40px;
	color:#44403f;
}


.toppict{
	background: #fed711;
	padding: 50px;
	margin-top: 10px;
	margin-left: 150px;
	margin-right:150px;

}



.setumei{
	color: #44403f;
	line-height: 150%;
	font-size: 18px;
	text-align:center;
	padding: 30px 35px 60px 35px; /* 上下の余白 */
 	width: 750px;  /*ブロック幅を指定*/
	margin-left: auto; margin-right: auto; /*左及び右の余白をブラウザの幅に応じて自動調整(auto)する*/
}


.margin{
   width: 960px;
    margin-left: auto;
	margin-right: auto;
}

.point1all{
	 	display:flex;/* flexbox */
		padding-bottom: 100px;
}

.point1pict{
	  border: solid 1px #777777; /* 色：グレー */
	  margin-left: auto;
}


.point1{	
	color: #44403f;
	text-align:left;
	padding-bottom: 50px;

}

.point1moji{
	color: #EF7D24;
	font-size: 20px;
	font-weight: bold
}

.p1Midasi{
	font-size: 25px;
	 font-weight: bold;
	margin-bottom: 10px  /*下側だけマージン設定*/
}

.p1Setumei{
	font-size: 16px;
	 width: 420px;  /*文字ボックスの幅指定*/
	line-height: 150%;
}

.point2{
	color: #44403f;
	text-align:left;
	padding-bottom: 100px;
}

.point2moji{
	color: #EF7D24;
	font-size: 20px;
	font-weight: bold
}
.p2Midasi{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px  /*下側だけマージン設定*/	
}
.p2setumei{
	font-size: 16px;
	width: 420px ;/*文字ボックスの幅指定*/
	line-height: 150%;
}

.point3{
	color: #44403f;
	text-align: right;
	padding-bottom: 100px;
}
.point3moji{
	color: #EF7D24;
	font-size: 20px;
	font-weight: bold
}
.p3Midasi{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px  /*下側だけマージン設定*/	
}
.p3setumei{
	font-size: 16px;
	width: 420px; /*文字ボックスの幅指定*/
	margin-left: auto; margin-right: 0px;
	line-height: 150%;
}

.point4all{
	display:flex;/* flexbox */	
	padding-bottom: 100px;
}

.point4pict{
	 border: solid 1px #777777; /* 色：グレー */
	text-align: right;
}

.point4{
	color: #44403f;
	vertical-align:top;  /* 文字と画像の位置関係 */
	margin-left: auto; margin-right: auto;  /*マージン幅を指定*/
	text-align:left;
}
.point4moji{
	color: #EF7D24;
	font-size: 20px;
	font-weight: bold	
}
.p4Midasi{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px  /*下側だけマージン設定*/	
}
.p4setumei{
	color: #44403f;
	width: 420px; /*文字ボックスの幅指定*/
	line-height: 150%;
}
		
		
.spec{
	color: #ef7d24;
	text-align: left;
	margin-top: 30px ; /*下側だけマージン設定*/	
    font-size:  25px;       /* 文字サイズ指定 */
	border-bottom-color: #44403f;
    border-bottom:  solid;  /* 線指定 */
    padding-bottom:  5px;   /* 余白指定 */
    margin-bottom: 25px;    /* 周りの余白指定 */
	width: 1000px
}

.specpict{
float: left
}


table.speclist {
    border-collapse:  collapse; /* セルの線を重ねる */
	float:right;
}/* Spacing */
table.speclist tr:nth-child(odd) {
    background-color:  #fff5c6;    /* 背景色指定 */
}
th,td {
    padding: 10px 15px;          /* 余白指定 */
	text-align:  center;        /* 文字の揃え位置指定 */
}
td{
	color: #44403f;
}


.kairo{
	padding-top:30px;
	padding-bottom: 50px;
}

.specpict2{
	float: left;
}

table.speclist02 {
    border-collapse:  collapse; /* セルの線を重ねる */
	float:right;
}/* Spacing */
table.speclist02 tr:nth-child(odd) {
    background-color:  #cce6cf;    /* 背景色指定 */
}

.lineDV{
	fontsize:10px;
	line-height:2;
}

.syuturyoku{
	font-size: 12px;
}

.option{
	fontsize:8px;
	line-height:2;	
}

.dousa{
	color: #ef7d24;
	text-align: left;
	margin-top: 30px ; /*下側だけマージン設定*/	
    font-size:  25px;       /* 文字サイズ指定 */
	border-bottom-color: #44403f;
    border-bottom:  solid;  /* 線指定 */
    padding-bottom:  5px;   /* 余白指定 */
    margin-bottom: 25px;    /* 周りの余白指定 */
	width: 1000px
}

.dousaNaiyou{
	text-align: left;
	color: #44403f;
	width: 450px; /*文字ボックスの幅指定*/
	line-height: 150%;
	padding-bottom: 50px
}


.hanbai{
	color: #ef7d24;
	text-align: left;
	margin-top: 30px ; /*下側だけマージン設定*/	
    font-size:  25px;       /* 文字サイズ指定 */
	border-bottom-color: #44403f;
    border-bottom:  solid;  /* 線指定 */
    padding-bottom:  5px;   /* 余白指定 */
    margin-bottom: 25px;    /* 周りの余白指定 */
	width: 1000px	
	
}


.flex_hanbai-box {
    padding:  5px 0px 15px 0px;             /* 余白指定 */
	display: flex;              /* フレックスボックスにする */
	align-items: center;		/*align-items: centerで横方向中央*/
}

.flex_hanbai-item {
    padding: 0px;
    color:  #44403f;               /* 文字色 */
    margin:  0px 10px 0px 5px              /* 外側の余白 */
}

.flex_hanbai-item:nth-child(1) {
	color: #44403f;
	font-size:16px;
}

.flex_hanbai-item:nth-child(2) {

}


.flex_seizou-box {
    padding:  5px 0px 5px 0px;             /* 余白指定 */
	display: flex;              /* フレックスボックスにする */
	align-items: center;		/*align-items: centerで横方向中央*/
}

.flex_seizou-item {
    padding: 0px;
    color:  #44403f;               /* 文字色 */
    margin:  0px 10px 0px 5px              /* 外側の余白 */
}

.flex_seizou-item:nth-child(1) {
	color: #44403f;
	font-size:16px;
}

.flex_seizou-item:nth-child(2) {

}
.flex_seizou-item:nth-child(3) {

}


@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適用される */
    body {
        background-color:#FFFFFF;	
    }
	
	.pdf{text-align: right;
	margin: 0% 10%}
	
	.pictGrop{ display:flex;/* flexbox */
			flex-wrap: wrap;
  			justify-content: space-between;

	}
	
	.pict{
			width: 100%;
			height: auto;
			text-align: left;
		
	}
	.text{text-align: right;}
	
	.title0{font-size: 200%}
	.title{font-size: 200%}
	.toppict{background:#fed711;
	margin: 1% 5%}

}

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適用される */
     body {
        background-color:#FFFFFF;
	 
    }

	.pictGrop{ display:flex;/* flexbox */
			flex-wrap: wrap;
  			justify-content: space-between;
			 justify-content:center; /* 水平方向 */
	  		align-items: center; /* 垂直方向 */

	}
	
	.pict{
			width: 100%;
			height: auto;
		
	}
	.title0{font-size: 230%}
	.title{font-size: 230%}
	.toppict{background:#fed711;
	margin: 1% 5%}
	
	.setumei{width: 85%;  /*ブロック幅を指定*/
			padding: 2% 0% 3% 0%; /* 上右下左の余白 */}
	
	.margin{
  	width: 80%;
    margin-left: auto;
	margin-right: auto;
	}
	
	.point1all{
	 	display:flex;/* flexbox */
		flex-wrap:wrap;
		justify-content:center; /* 水平方向 */
	  	align-items: center; /* 垂直方向 */
		padding-bottom: 0%;}
	
	.point1{padding:1% 10% 1% 10%;
			margin-bottom: 0%}
	
.point1pict img{
		padding:1% 15% 0% 10%;
		}
	
	.point1pict{
		margin-bottom: 20px;
		padding:auto;
		border:none;
	}
	
	
	.point2{
		padding:1% 10% 1% 10%;
		margin-bottom: 0%}


	.point3{
		padding:1% 10% 1% 10%;
		margin-bottom: 0%;
		text-align: left;
	}

	.p3setumei{
		font-size: 16px;
		width: 420px; /*文字ボックスの幅指定*/
		margin-left: 0; margin-right: 0px;
		line-height: 150%;
	}

	.point4all{
	 	display:flex;/* flexbox */
		flex-wrap:wrap;
		justify-content:center; /* 水平方向 */
	  	align-items: center; /* 垂直方向 */
		padding-bottom: 0%;}
	
	.point4{
		padding:0% 10% 1% 10%;
		margin-bottom: 0%;
		text-align: left;
	}

	.p4setumei{
		font-size: 16px;
		width: 420px; /*文字ボックスの幅指定*/
		margin-left: 0; margin-right: 0px;
		line-height: 150%;
	}
	
.point4pict img{
		padding:0% 15% 0% 10%
		}
	.point4pict{
		border:none;
		padding-bottom: 5px;
	}
	
.spec{
		margin-top: 2%
}

	
	.specpict{margin-bottom: 3%;
	}
	
	.specpict img{padding-left:auto;
		padding-right: auto;
		}
	
	table.speclist {
		width: 100%;
	margin-right: auto;
	margin-left: auto
	}
	
	.specpict2{
		padding-top: 30px;
		padding-bottom: 10px;
	}
	
	.specpict2 img{padding-left:auto;
		padding-right: auto;
		}
	
	table.speclist02 {
		width: 100%;
	margin-right: auto;
	margin-left: auto
	}
	
	
	.flex_hanbai-box {
		display: block;
	}
	
		.flex_seizou-box {
		display: block;
	}
	
	
	
		#footer{
		font-size: 80%;
		text-align: left;
		padding: 10px 0px 10px 0px
	}
	
}  /*768pxの終わり*/


@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適用される */
    body {
        background-color:#FFFFFF;
    }
	
	
	.pdf{
		display:flex;/* flexbox */
		flex-wrap:wrap;
	  	align-items: center; /* 垂直方向 */
		padding-bottom: 0%;
		text-align:center
	}
	
	.pict img{width: 100%}
	
	.title0{
		font-size: 150%
	}
	
	.title{
		font-size: 150%
	}
	
	.margin{
  	width: 100%;
    margin-left: auto;
	margin-right: auto;
	}
	
	.point1all{
	 	display:flex;/* flexbox */
		padding-bottom: 5%;
	padding-left: 0%;
	padding-right: 0%}
	
	
	.point1pict{
		border: none;
		}
	
	.point1pict img{
		width: 100%;
		padding-left:0px;
		padding-right: 0px
	}

.point1{	
	text-align:left;
	padding-bottom: 5%;
	margin-left: auto;

}

.point1moji{
	font-size: 100%;
}

.p1Midasi{
	font-size: 150%;
	margin-bottom: 10px  /*下側だけマージン設定*/
}

.p1Setumei{
	font-size: 150%;
	width: 100%;/*文字ボックスの幅指定*/
	line-height: 150%;
	margin-left: auto;
	margin-right: auto
}
	
	.point2{	
	text-align:left;
	padding-bottom: 5%;
	margin-left: auto;
	margin-right: auto;
}

.point2moji{
	font-size: 100%;
}

.p2Midasi{
	font-size: 150%;
	margin-bottom: 10px  /*下側だけマージン設定*/
}

	.p2setumei{
	font-size: 150%;
	width: 100%;/*文字ボックスの幅指定*/
	line-height: 150%;
	margin-left: auto;
	margin-right: auto
}
	
	
	.point3{	
	text-align:left;
	padding-bottom: 5%;
	margin-left: auto;
	margin-right: auto;
}

.point3moji{
	font-size: 100%;
}

.p3Midasi{
	font-size: 150%;
	margin-bottom: 10px  /*下側だけマージン設定*/
}

	.p3setumei{
	font-size: 150%;
	width: 100%;/*文字ボックスの幅指定*/
	line-height: 150%;
	margin-left: auto;
	margin-right: auto
}
	
	
	.point4all{
	 	display:flex;/* flexbox */
		padding-bottom: 5%;
	padding-left: 0%;
	padding-right: 0%}
	
	
	.point4pict{
		border: none;
		text-align: center
		}
	
	.point4pict img{
		width: 90%;
		padding-left: 0px;
		padding-right: 0px
		
	}

.point4{	
	text-align:left;
	padding-bottom: 5%;
	margin-left: auto;

}

.point4moji{
	font-size: 100%;
}

.p4Midasi{
	font-size: 150%;
	margin-bottom: 10px  /*下側だけマージン設定*/
}

.p4setumei{
	font-size: 150%;
	width: 100%;/*文字ボックスの幅指定*/
	line-height: 150%;
	margin-left: auto;
	margin-right: auto
}

	
	.spec{
	width: 100%
}

.specpict{
float:center
}
	
	.specpict img{
		
		width: 90%
	}

.kairo{
	padding-top:10px;
	padding-bottom: 50px;
}

.specpict2{
	float: center;
}

	.specpict2 img{
	width: 90%
	}
	
	
		.flex_hanbai-box {
		display: block;
	}
	
		.flex_seizou-box {
		display: block;
	}
	
	
	#footer{
		font-size: 80%;
		text-align: left;
		padding: 10px 0px 10px 0px
	}
	
	
	
} /*480pxの終わり*/

@media screen and (max-width: 320px) {
/* 320pxまでの幅の場合に適用される */
    body {
        background-color: #FFFFFF;
    }
	

.setumei{
	line-height: 150%;
	font-size: 100%;
	text-align:center;
	padding: 10% 10% 10% 10%; /* 上下の余白 */
 	width: 80%;  /*ブロック幅を指定*/
	margin-left: auto; margin-right: auto; /*左及び右の余白をブラウザの幅に応じて自動調整(auto)する*/
}
	
	
.pdf{
	margin-top: 5%;
	text-align: center;
}
	
		.pict img{width: 100%}
	
	.title0{
	font-size: 100%;
}
.title{
	font-size: 100%;
}
	
.margin{
   width: 100%;
    margin-left: auto;
	margin-right: auto;
}

	.point1all{
	 	display:flex;/* flexbox */
		padding-bottom: 5%;
	padding-left: 0%;
	padding-right: 0%}
	
	
	.point1pict{
		border: none;
		}
	
	.point1pict img{
		width: 90%;
		padding-left:0px;
		padding-right: 0px
	}

.point1{	
	text-align:left;
	padding-bottom: 5%;
	margin-left: auto;

}

.point1moji{
	font-size: 100%;
}

.p1Midasi{
	font-size: 100%;
	margin-bottom: 10px  /*下側だけマージン設定*/
}

.p1Setumei{
	font-size: 150%;
	width: 100%;/*文字ボックスの幅指定*/
	margin-left: auto;
	margin-right: auto;
	line-height: 150%;
}

	.point2{	
	text-align:left;
	padding-bottom: 5%;
	margin-left: auto;
	margin-right: auto;
}

.point2moji{
	font-size: 100%;
}

.p2Midasi{
	font-size: 100%;
	margin-bottom: 10px  /*下側だけマージン設定*/
}

	.p2setumei{
	font-size: 150%;
	width: 100%;/*文字ボックスの幅指定*/
	margin-left: auto;
	margin-right: auto;
	line-height: 150%;
}

	
	
	.point3{	
	text-align:left;
	padding-bottom: 5%;
	margin-left: auto;
	margin-right: auto;
}

.point3moji{
	font-size: 100%;
}

.p3Midasi{
	font-size: 100%;
	margin-bottom: 10px  /*下側だけマージン設定*/
}

	.p3setumei{
	font-size: 150%;
	width: 100%;/*文字ボックスの幅指定*/
	margin-left: auto;
	margin-right: auto;
	line-height: 150%;
}
	
	.point4all{
	 display:flex;/* flexbox */
	padding-bottom: 5%;
	padding-left: 0%;
	padding-right: 0%}
	
	
	.point4pict{
		border: none;
		text-align: center
		}
	
	.point4pict img{
		width: 90%;
		padding-left: 0px;
		padding-right: 0px
		
	}

.point4{	
	text-align:left;
	padding-bottom: 0%;
	margin-left: auto;

}

.point4moji{
	font-size: 100%;
}

.p4Midasi{
	font-size: 100%;
	margin-bottom: 10px  /*下側だけマージン設定*/
}

.p4setumei{
	font-size: 150%;
	width: 100%;/*文字ボックスの幅指定*/
	margin-left: auto;
	margin-right: auto;
	line-height: 150%;
}
	


.specpict{
float:center;
}
	
	.specpict img{
		
		width: 90%
	}

.kairo{
	padding-top:10px;
	padding-bottom: 50px;
}


th,td {
    padding: 2% 3%;          /* 余白指定 */
}

	
	.specpict2{
	float: center;
}

	.specpict2 img{
	width: 90%
	}
	
	
table.speclist {
width:auto;
	margin-left: auto;
	margin-right: auto;
	font-size: 90%
}/* Spacing */


table.speclist02 {
width:auto;
	margin-left: auto;
	margin-right: auto;
	font-size:90%
}/* Spacing */

.lineDV{
	fontsize:90%
}

.syuturyoku{
	font-size: 90%
}

.option{
	fontsize:90%
}


.dousaNaiyou{
	width: auto;
	line-height: 150%;
	padding-bottom: 10%
}
	
		.flex_hanbai-box {
		display: block;
	}
	
		.flex_seizou-box {
		display: block;
	}
	
	
	#footer{
		font-size: 50%;
		text-align: left;
		padding: 10px 0px 10px 0px
	}
	
}  /*320pxの終わり*/