h1 img {
		width: 100%;
		height: auto;
	}
.text {
	font-size: 21px;
	color: #dc143c;
	font-weight: bold;
	line-height: 2em;
	font-family: "メイリオ", "ヒラギノ角ゴシック ProN", sans-serif;
}
.link-menu {
	padding: 20px;
}
.link-menu li {
	float: center;
	list-style: none;
	margin: 30px 5px 30px 5px;
	text-align: center;
}
.link-menu li a:hover {
	background-color: #69c;
}
.btn {
	display: inline-blcok;
	padding: 10px 30px 10px 30px;
	border-radius: 3px;
	background-color: #c33;
	font-size: 14px;
}
.btn:hover {
        background: #f66;
}
@media (min-width: 769px) {
p.f-ctrl {
	font-size: 18px;
	line-height: 1.5em;
}
}

@media (max-width: 768px) {
p.f-ctrl {
	font-size: 14px;
}
}

/*-- カラム --*/
@media all and (min-width: 856px) {
.col2s .col {
   float: left;
   width: 49.9%;
   margin-left: 0;
   *clear: right;
}

.col3s .col {
   float: left;
   width: 33.3%;
   margin-left: 0;
   *clear: right;
}

.col:first-child: {
   margin-left: 0;
}

.col1Width {
   width: 36%;
}
.col2Width {
   width: 64%;
}

.pc_on_img {
  display: block !important;
}

.sp_on_img {
  display: none;
}

.md_on_img {
  display: block;
}


.pc_on {
  display: block;
}
.sp_on {
  display: none;
}

}


@media all and (min-width: 480px) and (max-width: 855px) {
.col {
   float: left;
   width: 49.9%;
   margin-left: 0;
   *clear: right;
}

.col:first-child: {
   margin-left: 0;
}

.col1Width {
   width: 0px;
}
.col2Width {
   width: 100%;
}


.pc_on_img {
  display: none;
}

.sp_on_img {
  display: block;
}

.md_on_img {
  display: none;
}

.pc_on {
  display: block;
}
.sp_on {
  display: none;
}

}

@media all and (max-width: 479px) {
.col {
   float: left;
   width: 99.8%;
   margin-left: 0;
   *clear: right;
}

.col:first-child: {
   margin-left: 0;
}

.col1Width {
   width: 0px;
}
.col2Width {
   width: 100%;
}


.pc_on_img {
  display: none;
}

.sp_on_img {
  display: block;
}

.md_on_img {
  display: none;
}

.pc_on {
  display: none;
}
.sp_on {
  display: block;
}

}

.col2s, .col3s {
   width: 100%;
}

/*--  画像の重ね    --*/
.overlap {position: relative;}
.overlap img:first-child {position: absolute; top:0; left:0;}
.overlap img:nth-child(2) {position: absolute; bottom:0; right:0;}

/*--               --*/

/*--  Margein Tag  --*/
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}

pd0 {padding: 0;}
pd10 {padding: 10px;}
pd20 {padding: 20px;}
pd30 {padding: 30px;}