body {
	position:relative;
	margin: 0;
	padding: 0;
	font: 12px/100% 'Acme', sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
-webkit-text-size-adjust: 100%;
}

@media screen and (min-width: 1200px) {
   /* 表示領域が1200px以上の場合に適用するスタイル */
	#fcon{
	width:100%;
	margin:0px auto 30px auto;
background: #042765;
	}
	.fcon_t1{
	font-size:30px;
	line-height:34px;
	text-align: center;
	padding:50px 0px 20px 0px;
	}
	.fcon_t2{
	font-size:16px;
	line-height:26px;
	padding:0px 0px 30px 0px;
	text-align:center;
	}

	#fcon2{
	width:95%;
	max-width:1200px;
	margin:0px auto 50px auto;
	}

	#cons_form{
	width:580px;
		height:200px;
	display:inline-block;
	margin:30px 10px 30px 0px;
	padding:30px 30px 0px 30px;
	text-align:center;
	vertical-align:top;
	background:#ffffff;
	}
	#cons_form p:first-child{
	font-size:22px;
	background:url("../img/cons_form.png")left no-repeat;
	background-size:40px 40px;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 120px;
	width:320px;
	height:30px;
	text-align:center;
	vertical-align: middle;
	color:#352552;
	}
	#cons_form p:nth-child(2){
	font-size:22px;
		font-weight:bold;
		text-align: center;
		margin:20px auto 30px auto;
	}
#cons_form p:nth-child(2) a{
	padding:12px 0px 0px 0px;
	display:block;
width:100%;
height: 100%;
}
#cons_form p:nth-child(2) a:hover{
text-decoration:none;
}
#cons_form p:nth-child(2) a.btn{ 
	display: inline-block; 
	width: 350px; 
	margin: 10px 0; 
	padding: 14px 10px; 
	border: 1px solid #000; 
	background: transparent; 
	color: #000; 
	text-align: center; 
	text-decoration: none; 
	transition: .3s; 
		line-height:28px;
}
#cons_form p:nth-child(2) a { 
	position:relative; 
	z-index:2; 
	overflow:hidden 
}
#cons_form p:nth-child(2) a::after {
	display:block; 
	content:""; 
	position:absolute; 
	z-index:-1; 
	top:50%; 
	left:50%; 
	width:360px; 
	height:360px; 
	margin:-180px 0 0 -180px; 
	border:65px solid rgba(0,0,0,0);  
	border-radius:50%; 
	transition:.5s 
}
#cons_form p:nth-child(2) a:hover { 
	color:#ffffff; 
}
#cons_form p:nth-child(2) a:hover::after {
	border-width: 0; 
	border-color:rgba(0,0,0,1); 
	background:#000000 
}

	#cons_tel{
	width:580px;
		height:200px;
	display:inline-block;
	margin:30px 0px 30px 10px;
	padding:30px 30px 30px 30px;
	text-align:center;
	background:#ffffff;
	}
	#cons_tel p:first-child{
	font-size:22px;
	background:url("../img/cons_tel.png")left no-repeat;
	background-size:40px 40px;
	padding:10px 0px 0px 25px;
	margin:0px 0px 0px 140px;
	width:260px;
	height:30px;
	text-align:center;
	vertical-align: middle;
	color:#352552;
	}
	#cons_tel p:nth-child(2){
	font-size:45px;
	font-weight:bold;
	margin:50px 0px 0px 0px;
	}
	#cons_tel p:nth-child(3){
	font-size:20px;
	font-weight:bold;
	margin:30px 0px 0px 0px;
	}

.f_btns{
	margin:0px auto 50px auto;
	width:100%;
	text-align: center;
	}
.f_btn {
	display: inline-block;
	margin:0px 10px 0px 10px;
	text-align:center;
	}	
.f_btn2 {
  display       : inline-block;
  width:650px;
  border-radius : 5px;          /* 角丸       */
  font-size     : 18px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 28px 28px;   /* 余白       */
  background    : #000066;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #000066;    /* 枠の指定 */
}
.f_btn2:link{
  color         : #ffffff;
	}
.f_btn2:visited{
  color         : #ffffff;
	}
.f_btn2:hover {
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
  text-decoration:none;
}
	
}

@media screen and (min-width:900px) and ( max-width:1300px) {
   /* 表示領域が1200px以下の場合に適用するスタイル */
	#fcon{
	width:100%;
	margin:0px 0px 30px 0px;
background: #042765;
	}
	.fcon_t1{
	font-size:30px;
	line-height:34px;
	text-align: center;
	padding:0px 15px 0px 15px;
	}
	.fcon_t2{
	font-size:16px;
	line-height:22px;
	padding:0px 15px 0px 15px;
	}

	#fcon2{
	margin:10px 20px 30px 20px;
	padding:30px 10px 30px 10px;
	}


	#cons_form{
	width:49%;
	display:inline-block;
	margin:0px 10px 0px 0px;
	padding:10px 10px 10px 10px;
	text-align:center;
	vertical-align:top;
	background: #ffffff;
		height:200px;
	}
	#cons_form p:first-child{
	font-size:22px;
	background:url("../img/cons_form.png")left no-repeat;
	background-size:40px 40px;
	padding:10px 0px 0px 40px;
	margin:10px auto 20px auto;
	width:280px;
	height:30px;
	text-align:center;
	vertical-align: middle;
	color:#352552;
	}
	#cons_form p:nth-child(2){
	font-size:22px;
		font-weight:bold;
		text-align: center;
		margin:20px auto 30px auto;
	}
#cons_form p:nth-child(2) a{
	padding:12px 0px 0px 0px;
	display:block;
width:100%;
height: 100%;
}
#cons_form p:nth-child(2) a:hover{
text-decoration:none;
}
#cons_form p:nth-child(2) a.btn{ 
	display: inline-block; 
	width: 350px; 
	margin: 10px 0; 
	padding: 14px 10px; 
	border: 1px solid #000; 
	background: transparent; 
	color: #000; 
	text-align: center; 
	text-decoration: none; 
	transition: .3s; 
		line-height:28px;
}
#cons_form p:nth-child(2) a { 
	position:relative; 
	z-index:2; 
	overflow:hidden 
}
#cons_form p:nth-child(2) a::after {
	display:block; 
	content:""; 
	position:absolute; 
	z-index:-1; 
	top:50%; 
	left:50%; 
	width:360px; 
	height:360px; 
	margin:-180px 0 0 -180px; 
	border:65px solid rgba(0,0,0,0);  
	border-radius:50%; 
	transition:.5s 
}
#cons_form p:nth-child(2) a:hover { 
	color:#ffffff; 
}
#cons_form p:nth-child(2) a:hover::after {
	border-width: 0; 
	border-color:rgba(0,0,0,1); 
	background:#000000 
}

	#cons_tel{
	width:48%;
	display:inline-block;
	margin:0px 0px 0px 10px;
	padding:30px 10px 10px 10px;
	text-align:center;
	background: #ffffff;
		height:200px;
	}
	#cons_tel p:first-child{
	font-size:22px;
	background:url("../img/cons_tel.png")left no-repeat;
	background-size:40px 40px;
	padding:10px 0px 0px 25px;
	margin:10px auto 30px auto;
	width:260px;
	height:30px;
	text-align:center;
	vertical-align: middle;
	color:#352552;
	}
	#cons_tel p:nth-child(2){
	font-size:33px;
	font-weight:bold;
	margin:30px auto 30px auto;
	text-align: center;
	}
	#cons_tel p:nth-child(3){
	font-size:14px;
	font-weight:bold;
	margin:20px 0px 0px 0px;
	}
	#cons_tel p:nth-child(2) a{color:#000000;text-decoration:none;}
	#cons_tel p:nth-child(2) a:hover{color:#000000;text-decoration:none;}
	#cons_tel p:nth-child(2) a:visited{color:#000000;text-decoration:none;}

.f_btns{
	margin:0px auto 50px auto;
	width:100%;
	text-align: center;
	}
.f_btn {
	margin:0px 10px 20px 10px;
	text-align:center;
	}	
.f_btn2 {
  display       : inline-block;
  width:80%;
  border-radius : 5px;          /* 角丸       */
  font-size     : 16px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 28px 28px;   /* 余白       */
  background    : #000066;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #000066;    /* 枠の指定 */
}
.f_btn2:link {
  color         : #ffffff;
  text-decoration:none;
}
.f_btn2:visited {
  color         : #ffffff;
  text-decoration:none;
}
.f_btn2:hover {
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
  text-decoration:none;
}

}

@media screen and (max-width: 900px) {
   /* 表示領域が900px以下の場合に適用するスタイル */
	#fcon{
	width:100%;
	margin:0px 0px 30px 0px;
background: #042765;
	}
	.fcon_t1{
	font-size:30px;
	line-height:34px;
	text-align: center;
	padding:0px 15px 0px 15px;
	}
	.fcon_t2{
	font-size:16px;
	line-height:22px;
	padding:0px 15px 0px 15px;
	}

	#fcon2{
	margin:0px 20px 20px 20px;
	padding:20px 0px 20px 0px;
	}


	#cons_form{
	margin:0px 0px 20px 0px;
	padding:20px 10px 10px 10px;
	text-align:center;
	vertical-align:top;
background: #ffffff;
	}
	#cons_form p:first-child{
	font-size:22px;
	background:url("../img/cons_form.png")left no-repeat;
	background-size:40px 40px;
	padding:10px 0px 0px 40px;
	margin:10px auto 20px auto;
	width:280px;
	height:30px;
	text-align:center;
	vertical-align: middle;
	color:#352552;
	}
	#cons_form p:nth-child(2){
	font-size:22px;
		font-weight:bold;
		text-align: center;
		margin:20px auto 30px auto;
	}
#cons_form p:nth-child(2) a{
	padding:12px 0px 0px 0px;
	display:block;
width:100%;
height: 100%;
}
#cons_form p:nth-child(2) a:hover{
text-decoration:none;
}
#cons_form p:nth-child(2) a.btn{ 
	display: inline-block; 
	width: 90%; 
	margin: 10px auto 0 auto; 
	padding: 14px 10px; 
	border: 1px solid #000; 
	background: transparent; 
	color: #000; 
	text-align: center; 
	text-decoration: none; 
	transition: .3s; 
		line-height:28px;
}
#cons_form p:nth-child(2) a { 
	position:relative; 
	z-index:2; 
	overflow:hidden 
}
#cons_form p:nth-child(2) a::after {
	content:""; 
	position:absolute; 
	z-index:-1; 
	top:50%; 
	left:50%; 
	width:360px; 
	height:360px; 
	margin:-180px 0 0 -180px; 
	border:65px solid rgba(0,0,0,0);  
	border-radius:50%; 
	transition:.5s 
}
#cons_form p:nth-child(2) a:hover { 
	color:#ffffff; 
}
#cons_form p:nth-child(2) a:hover::after {
	border-width: 0; 
	border-color:rgba(0,0,0,1); 
	background:#000000 
}

	#cons_tel{
		margin:0px 0px 0px 0px;
	padding:20px 0px 20px 0px;
	text-align:center;
background: #ffffff;
	}
	#cons_tel p:first-child{
	font-size:22px;
	background:url("../img/cons_tel.png")left no-repeat;
	background-size:40px 40px;
	padding:10px 0px 0px 25px;
	margin:10px auto 30px auto;
	width:260px;
	height:30px;
	text-align:center;
	vertical-align: middle;
	color:#352552;
	}
	#cons_tel p:nth-child(2){
	font-size:33px;
	font-weight:bold;
	margin:30px auto 30px auto;
	text-align: center;
	}
	#cons_tel p:nth-child(3){
	font-size:14px;
	font-weight:bold;
	margin:20px 0px 0px 0px;
	}

.f_btns{
	margin:0px auto 50px auto;
	width:100%;
	text-align: center;
	}
.f_btn {
	margin:0px 10px 20px 10px;
	text-align:center;
	}	
.f_btn2 {
  display       : inline-block;
  width:80%;
  border-radius : 5px;          /* 角丸       */
  font-size     : 16px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 28px 28px;   /* 余白       */
  background    : #000066;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #000066;    /* 枠の指定 */
}
.f_btn2:link {
  color         : #ffffff;
  text-decoration:none;
}
.f_btn2:visited {
  color         : #ffffff;
  text-decoration:none;
}
.f_btn2:hover {
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
  text-decoration:none;
}

}



@media screen and (min-width: 1000px) {
   /* 表示領域が1000px以上の場合に適用するスタイル */
#footer{
width:100%;
background:#ffffff;
border-top:1px solid #dddddd;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear:both;
}
#footer #fmenu{
width:1000px;
margin:0px auto 0px auto;
}
#footer #fmenu p{
padding:20px 0px 0px 0px;
text-align: center;
}
#footer #fmenu ul{
margin:0px 0px 0px 0px;
padding:20px 0px 15px 0px;
	}
#footer #fmenu #f1 li{
font-size:12px;
line-height:20px;
color:#000000;
font-weight:normal;
}
#footer #fmenu li{
margin:0px 0px 5px 0px;
font-size:14px;
line-height:20px;
font-weight:bold;
color:#aaaaaa;
}
#footer #fmenu li a{
font-size:14px;
line-height:20px;
color:#000000;
padding:0px 0px 0px 0px;
font-weight:normal;
}
#footer #fmenu li a:visited{
color:#000000;
}
#footer #fmenu li a:hover{
color:#000000;
}
#footer .logo{
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#footer #fmenu2{
width:100%;
margin:0px auto 0px auto;
padding:20px 0px 0px 0px;
clear:both;
	background:#ffffff;
	text-align: center;
border-top:1px solid #dddddd;
	}
#footer #fmenu2 ul{
margin:0px auto 0px auto;
	width: 1000px;
	text-align: center;
	font-size:0;
	}
#footer #fmenu2 li{
display:inline-block;
margin:10px auto 15px auto;
padding:2px 20px 2px 20px;
color:#000000;
	font-size:14px;
	text-align: center;
	border-left:1px solid #000000;
	}
#footer #fmenu2 li:nth-child(1){
	border-left:0px solid #000000;
	}
#footer #fmenu2 li a:link, a:visited, a:hover{
color:#000000;
	}
#footer #copyright{
padding:15px 10px 10px 10px;
	margin:0px 0px 0px 0px;
clear:both;
text-align:center;
color:#000000;
font-size:12px;
line-height: 16px;
background:#cccccc;
}

}

@media screen and (max-width: 1000px) {
   /* 表示領域が1000px以下の場合に適用するスタイル */
#footer{
width:100%;
background:#ffffff;
border-top:1px solid #dddddd;
margin:0px 0px 0px 0px;
padding:0px;
clear:both;
}
#footer #fmenu #f1 li{
font-size:14px;
line-height:20px;
color:#000000;
font-weight:normal;
}
#footer #fmenu{
margin:0px 0px 0px 0px;
padding:10px;
}
#footer #fmenu p{
padding:20px 0px 0px 0px;
text-align: right;
}
#footer #fmenu ul{
margin:0px 0px 0px 0px;
padding:20px 0px 15px 0px;
border-bottom:1px solid #cccccc;
	}
#footer #fmenu ul:last-child{
margin:0px 0px 0px 0px;
padding:20px 0px 10px 0px;
border-bottom:0px solid #cccccc;
	}
#footer #fmenu li{
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
font-size:20px;
line-height:20px;
font-weight:bold;
color:#aaaaaa;
}
#footer #fmenu li a{
font-size:16px;
line-height:20px;
color:#000000;
padding:0px 0px 0px 0px;
font-weight:normal;
}
#footer #fmenu li a:visited{
color:#000000;
}
#footer #fmenu li a:hover{
color:#000000;
}
#footer .logo{
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#footer #fmenu2{
width:100%;
margin:0px auto 0px auto;
padding:20px 0px 0px 0px;
clear:both;
	background:#ffffff;
	text-align: center;
border-top:1px solid #dddddd;
	}
#footer #fmenu2 ul{
margin:0px auto 0px auto;
	text-align: center;
	}
#footer #fmenu2 li{
margin:0px auto 0px auto;
padding:2px 0px 18px 0px;
color:#000000;
	font-size:14px;
	text-align: center;
	background:#ffffff;
	}
#footer #fmenu2 li a:link, a:visited, a:hover{
color:#000000;
	}
#footer #copyright{
padding:15px 10px 10px 10px;
clear:both;
text-align:center;
color:#000000;
font-size:12px;
line-height: 16px;
background:#ECF2F3;
}

}

#pagetop{
position:fixed;
bottom:20px;
right:20px;
	font-size:10px;
	background:rgba(0,0,0,.3);
	text-align: center;
	padding:10px;
	border-radius:5px;
	border:1px solid #ffffff;
	width:80px;
	height:50px;
}
#pagetop a{
 position: absolute;
	top: 0;
    left: 0;
width:100%;
	height:100%;
}
#pagetop a:hover{
color:#000000;
	background:rgba(255,255,255,.8);
	text-decoration:none;
		border-radius:5px;
		border:1px solid #000000;
}
#pagetop a:visited{
color:#000000;
	background:rgba(255,255,255,.8);
	text-decoration:none;
		border-radius:5px;
		border:1px solid #000000;
}




@media screen and (min-width: 1000px) {
   /* 表示領域が1000px以上の場合に適用するスタイル */
	#r_links{
	margin:20px 0px 70px 0px;
	}
	#r_links p{
	font-size:22px;
	line-height:26px;
	font-weight:bold;
	color:#000066;
	border-bottom:2px solid #000066;
	margin:20px auto 20px auto;
	width:1000px;
	}
	#r_links ul{
	text-align:center;
	margin:0px 0px 0px -30px;
	}
	#r_links li{
	display: inline-block;
	margin:10px 10px 10px 10px;
	text-align:center;
	}
.rl {
  display       : inline-block;
  width:220px;
  border-radius : 5px;          /* 角丸       */
  font-size     : 18px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 15px 15px;   /* 余白       */
  background    : #000066;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #000066;    /* 枠の指定 */
}
.rl:visited {
  color         : #ffffff;     /* 文字色     */
}
.rl:hover {
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
  text-decoration:none;
}
}

@media screen and (max-width: 1000px) {
   /* 表示領域が1000px以下の場合に適用するスタイル */
	#r_links{
	margin:20px 0px 50px 0px;
	}
	#r_links p{
	font-size:22px;
	line-height:26px;
	font-weight:bold;
	color:#000066;
	border-bottom:2px solid #000066;
	margin:20px 10px 20px 10px;
	}
	#r_links ul{
	text-align:center;
	margin:0px 0px 0px -30px;	
	}
	#r_links li{
	display: inline-block;
	margin:0px 10px 20px 10px;
	text-align:center;		
	}
.rl {
  display       : inline-block;
  width:230px;
  border-radius : 5px;          /* 角丸       */
  font-size     : 18px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 15px 15px;   /* 余白       */
  background    : #000066;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #000066;    /* 枠の指定 */
}
.rl:visited {
  color         : #ffffff;     /* 文字色     */
}
.rl:hover {
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
  text-decoration:none;
}
}








@media screen and (max-width: 1000px) {
   /* 表示領域が1000px以下の場合に適用するスタイル */
#block{
	margin:0px auto 0px auto;
}
	#block ul{
		padding:30px 0px 50px 0px;
		text-align:center;
	}
	#block ul li:first-child{
		display:inline-block;
		width:300px;
		height:300px;
		box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .1);
		background:url(../img/block1.jpg)top center no-repeat;
		background-size:300px 230px;
		padding:0px 0px 0px 0px;
		margin:20px 10px 0px 10px;
	}
	#block ul li:nth-child(2){
		display:inline-block;
		width:300px;
		height:300px;
		box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .1);
		background:url(../img/block2.jpg)top center no-repeat;
		background-size:300px 230px;
		padding:0px 0px 0px 0px;
		margin:20px 10px 0px 10px;
	}
	#block ul li:nth-child(3){
		display:inline-block;
		width:300px;
		height:300px;
		box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .1);
		background:url(../img/block3.jpg)top center no-repeat;
		background-size:300px 230px;
		padding:0px 0px 0px 0px;
		margin:20px 10px 0px 10px;
	}
	#block ul li p{
		font-size:18px;
		line-height:0px;
		text-align:center;
		padding:245px 0px 0px 0px;
		letter-spacing: 3px;
	}
	#block ul li a:link{
		color:#000000;
		text-decoration:none;
	}
	#block ul li:hover{
		opacity:0.5; 
	}
}
@media screen and (min-width: 1000px) {
   /* 表示領域が1000px以上の場合に適用するスタイル */
#block{
	margin:0px auto 0px auto;
	width:1000px;
}
	#block ul{
		padding:30px 0px 50px 0px;
		text-align:center;
	}
	#block ul li:first-child{
		display:inline-block;
		width:300px;
		height:300px;
		box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .1);
		background:url(../img/block1.jpg)top center no-repeat;
		background-size:300px 230px;
		padding:0px 0px 0px 0px;
		margin:20px 20px 0px 0px;
	}
	#block ul li:nth-child(2){
		display:inline-block;
		width:300px;
		height:300px;
		box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .1);
		background:url(../img/block2.jpg)top center no-repeat;
		background-size:300px 230px;
		padding:0px 0px 0px 0px;
		margin:20px 20px 0px 0px;
	}
	#block ul li:nth-child(3){
		display:inline-block;
		width:300px;
		height:300px;
		box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .1);
		background:url(../img/block3.jpg)top center no-repeat;
		background-size:300px 230px;
		padding:0px 0px 0px 0px;
		margin:20px 0px 0px 0px;
	}
	#block ul li p{
		font-size:18px;
		line-height:0px;
		text-align:center;
		padding:245px 0px 0px 0px;
		letter-spacing: 3px;
	}
	#block ul li a:link{
		color:#000000;
		text-decoration:none;
	}
	#block ul li:hover{
		opacity:0.5; 
	}
}






	.menu__none2{
		font-size:26px;
		color:#ffff00;
		height:55px;
		margin:-3px 0px -3px 0px;
		padding:5px 0px 0px 0px;
		background:rgba(0,105,205,0.7);
		width:300px;
	}




@media screen and (min-width: 1000px) {
   /* 表示領域が1000px以上の場合に適用するスタイル */
.cstrctn{
	width:1000px;
	margin:0px auto 0px auto;
	font-size:20px;
	line-height: 28px;
	text-align: center;
	padding:250px 0px 0px 0px;
	background:url(../img/construction.png)center top no-repeat;
	background-size:250px 250px;
}
}
@media screen and (max-width: 1000px) {
   /* 表示領域が1000px以下の場合に適用するスタイル */
.cstrctn{
	margin:0px auto 0px auto;
	font-size:20px;
	line-height: 28px;
	text-align: center;
	padding:250px 0px 0px 0px;
	background:url(../img/construction.png)center top no-repeat;
	background-size:200px 200px;
}
}



   /* パンくずリスト */
.pankuzu {
	background:#f5f5f5;

	padding:0px 0px 0px 0px;
	margin:0;
}

.pankuzu ul{
  display:flex;
	font-size:0;
	margin:0;
}

.pankuzu ul li{
  list-style:none;
  padding-right:30px;
	font-size:14px;
	padding:14px 0px 14px 0px;
}

.pankuzu ul li:not(:last-child) {
 position:relative;
 padding-right:50px;
}

.pankuzu ul li:not(:last-child) ::after{
  content: ">";
  display: block;
  position: absolute;
  width: 10px;
  height: 15px;
  top: 14px;
  right: 20px;
}

.pankuzu ul li a{
  text-decoration:underline;
} 

@media screen and (max-width:768px) {
  .pankuzu ul{
    display:flex;
    overflow-x: scroll;
    word-break: keep-all;
    white-space: nowrap;
  }
  .pankuzu ul::-webkit-scrollbar {
    display: none;
  }
}