@charset "utf-8";
.txt {
    margin-top: 10px!important;
}
#mainArea ul li img {
    margin: 0 auto;
}
.index-bg01 .indexcont-fle {
flex-wrap: wrap;
    justify-content: start!important;
}


/*----------------------------
カード
-----------------------------*/
.card-sec {
    padding-top: 5px; /* ページタイトルの上の余白 */
    padding-bottom: 5px; /* カード下の余白*/

} 
 
.card-container {
  display: grid; /* カードの横並び */
  gap: 10px;/* カード同士の隙間 縦方向 横方向 */
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));/* gridの設定 */
    text-align: start; /* カード内の中央寄せ解除 */
}
 
.card-item {
    width: 100%;
    max-width: 342px;
    margin: 0 auto;
    padding: 16px 16px 35px;
    background-color: #ffffff;
}
 
.card-img {
    width: 100%;
    max-width: 310px;
    height:auto; 
    vertical-align: bottom; /* 画像の下の余白を埋める */
}
 
.card-tit {
    margin-top: 20px;
    color: #000;
    font-size: 20px;
    line-height: 1.2;
}
 
.card-item p {
    margin-top: 20px;
    color: #6F7579;
    font-size: 16px;
    line-height: 1.5;
}

/*----------------------------
ランキング
-----------------------------*/
.ranking-box {
  counter-reset: wpp-ranking;
}
.ranking-box li {
  list-style-type: none;
  padding: 5px 0 0 0;
  position: relative;
}
.ranking-box li:before {
  background: #fa0;
  border-radius: 50%;
  content: counter(wpp-ranking, decimal);
  counter-increment: wpp-ranking;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  left: 0;
}
#c2 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c2 h1,
#c2 div {
	text-align: center;
}
#c3 {
	clear: both;
	margin: 50px 0 0 0;
	padding:    ;
}
#c3 h3,
#c3 div {
	text-align: center;
}
#c5 {
	clear: both;
	margin: 30px 0 0 0;
	padding:    ;
}
#c4 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c4 ul li {
	list-style-type: none;
	text-align: left;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}
#c4 ul li { margin-right: px; }
#c4 ul li:last-child { margin-right: 0; }
#c7 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c7 a.itext, #c7 img, #c7 video {
	width: 1000px;
	height: 700px;
}
#c6 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c8 {
	clear: both;
	margin: 30px auto 40px auto;
	padding:    ;
}
#c8 h3,
#c8 div {
	text-align: center;
}
#c9 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c9 a.itext, #c9 img, #c9 video {
	width: 160px;
	height: 100px;
}
#c10 {
	clear: both;
	margin:    ;
	padding: 20px 0 0 0;
}
#c10 h3,
#c10 div {
	text-align: center;
}
#c11 {
	clear: both;
	margin: 50px 0 0 0;
	padding:    ;
}
#c13 {
	clear: both;
	margin: 0 0 50px 0;
	padding:    ;
}
#c13 h2,
#c13 div {
	text-align: center;
}
#c14 {
	clear: both;
	margin: 50px 0 0 0;
	padding:    ;
}
#c17 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c17 a.itext, #c17 img, #c17 video {
	width: 79px;
	height: 79px;
}
#c18 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c18 h3,
#c18 div {
	text-align: left;
}
#c15 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c19 {
	clear: both;
	margin: 50px 0 0 0;
	padding:    ;
}
#c20 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c20 a.itext, #c20 img, #c20 video {
	width: 70px;
	height: 70px;
}
#c21 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c21 h3,
#c21 div {
	text-align: left;
}
#c22 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c23 {
	clear: both;
	margin: 50px 0 0 0;
	padding:    ;
}
#c24 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c24 a.itext, #c24 img, #c24 video {
	width: 70px;
	height: 70px;
}
#c25 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c25 h3,
#c25 div {
	text-align: left;
}
#c26 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c12 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c28 {
	clear: both;
	margin: 50px 0 15px 0;
	padding:    ;
}
#c28 h2,
#c28 div {
	text-align: center;
}
#c30 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c30 a.itext, #c30 img, #c30 video {
	width: 1020px;
	height: 26px;
}
#c31 {
	clear: both;
	display: none;
	margin: 20px 0 0 0;
	padding:    ;
}
#c31 h3,
#c31 div {
	text-align: center;
}
#c85 {
	clear: both;
	margin: 20px 0 0 0;
	padding:    ;
}
#c85 h3,
#c85 div {
	text-align: center;
}
#c86 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c86 h3,
#c86 div {
	text-align: center;
}
#c38 {
	clear: both;
	margin: 50px 0 0 0;
	padding:    ;
}
#c39 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c39 h3,
#c39 div {
	text-align: left;
}
#c40 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c40 h3,
#c40 div {
	text-align: left;
}
#c41 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c42 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c42 a.itext, #c42 img, #c42 video {
	width: 264px;
	height: 187px;
}
#c43 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c44 {
	clear: both;
	margin: 50px 0 0 0;
	padding:    ;
}
#c45 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c45 h3,
#c45 div {
	text-align: left;
}
#c46 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c46 h3,
#c46 div {
	text-align: left;
}
#c47 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c48 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c48 a.itext, #c48 img, #c48 video {
	width: 264px;
	height: 187px;
}
#c49 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c32 {
	clear: both;
	margin: 50px 0 0 0;
	padding:    ;
}
#c35 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c35 h3,
#c35 div {
	text-align: left;
}
#c36 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c36 h3,
#c36 div {
	text-align: left;
}
#c34 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c37 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c37 a.itext, #c37 img, #c37 video {
	width: 264px;
	height: 187px;
}
#c33 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c50 {
	clear: both;
	margin: 50px 0 0 0;
	padding:    ;
}
#c50 h3,
#c50 div {
	text-align: center;
}
#c153 {
	clear: both;
	margin: 60px 0 0 0;
	padding:    ;
}
#c154 {
	clear: both;
	margin: 0 0 15px 0;
	padding:    ;
}
#c154 h2,
#c154 div {
	text-align: center;
}
#c155 {
	clear: both;
	margin: 50px auto 0 auto;
	padding:    ;
}
#c156 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c156 h3,
#c156 div {
	text-align: left;
}
#c157 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c158 {
	clear: both;
	margin: 60px 0 0 0;
	padding:    ;
}
#c159 {
	clear: both;
	margin: 0 0 15px 0;
	padding:    ;
}
#c159 h2,
#c159 div {
	text-align: center;
}
#c160 {
	clear: both;
	margin: 50px auto 0 auto;
	padding:    ;
}
#c161 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c161 h3,
#c161 div {
	text-align: left;
}
#c162 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c163 {
	clear: both;
	margin: 60px 0 0 0;
	padding:    ;
}
#c164 {
	clear: both;
	margin: 0 0 15px 0;
	padding:    ;
}
#c164 h2,
#c164 div {
	text-align: center;
}
#c165 {
	clear: both;
	margin: 50px auto 0 auto;
	padding:    ;
}
#c166 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c166 h3,
#c166 div {
	text-align: left;
}
#c167 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c168 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c169 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c169 h3,
#c169 div {
	text-align: left;
}
#c170 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c170 h3,
#c170 div {
	text-align: left;
}
#c171 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c172 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c172 a.itext, #c172 img, #c172 video {
	width: 230px;
	height: 306px;
}
#c173 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c174 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c64 {
	clear: both;
	margin: 60px 0 0 0;
	padding:    ;
}
#c64 h3,
#c64 div {
	text-align: center;
}
#c65 {
	clear: both;
	background-image: url(../images/contents-sp/bg03.png);
	margin:    ;
	padding:    ;
}
#c67 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c67 h3,
#c67 div {
	text-align: left;
}
#c68 {
	clear: both;
	margin: 30px 0 0 0;
	padding:    ;
}
#c68 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c68 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c66 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c69 {
	clear: both;
	margin: 60px 0 0 0;
	padding:    ;
}
#c71 {
	clear: both;
	margin: 0 0 30px 0;
	padding:    ;
}
#c71 h2,
#c71 div {
	text-align: center;
}
#c94 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c101 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c88 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c93 {
	clear: both;
	margin: 60px auto 0 auto;
	padding:    ;
}
#c93 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c93 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c93 > div:nth-of-type(1) img {
	width: 592px;
}
#c93 > div:nth-of-type(2) img {
	width: 592px;
}
#c93 > div:nth-of-type(3) img {
	width: 592px;
}
#c89 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c74 {
	clear: both;
	margin: 35px 0 0 0;
	padding:    ;
}
#c76 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c76 h2,
#c76 div {
	text-align: center;
}
#c83 {
	clear: both;
	margin: 20px auto 0 auto;
	padding:    ;
}
#c75 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c78 {
	clear: both;
	margin: 60px 0 0 0;
	padding:    ;
}
#c78 h2,
#c78 div {
	text-align: center;
}
#c98 {
	clear: both;
	background-image: url(../images/contents-sp/bg03.png);
	margin:    ;
	padding:    ;
}
#c80 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c80 h3,
#c80 div {
	text-align: left;
}
#c81 {
	clear: both;
	margin: 30px 0 0 0;
	padding:    ;
}
#c81 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c81 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c99 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c129 {
	clear: both;
	margin: 35px 0 0 0;
	padding:    ;
}
#c128 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c128 h2,
#c128 div {
	text-align: center;
}
#c132 {
	clear: both;
	margin: 20px auto 0 auto;
	padding:    ;
}
#c132 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c132 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c133 {
	clear: both;
	margin: 20px auto 0 auto;
	padding:    ;
}
#c133 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c133 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c144 {
	clear: both;
	margin: 20px auto 0 auto;
	padding:    ;
}
#c144 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c144 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c145 {
	clear: both;
	margin: 20px auto 0 auto;
	padding:    ;
}
#c145 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c145 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c146 {
	clear: both;
	margin: 20px auto 0 auto;
	padding:    ;
}
#c146 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c146 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c130 {
	clear: both;
	margin:    ;
	padding:    ;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c2 {
}
#c3 {
	margin: 40px 0 0 0;
}
#c5 {
}
#c4 {
}
#c7 {
}
#c6 {
}
#c8 {
}
#c9 {
}
#c10 {
}
#c11 {
}
#c13 {
}
#c14 {
	margin: 50px 0 0 0;
}
#c17 {
}
#c18 {
}
#c15 {
}
#c19 {
	margin: 50px 0 0 0;
}
#c20 {
}
#c21 {
}
#c22 {
}
#c23 {
	margin: 50px 0 0 0;
}
#c24 {
}
#c25 {
}
#c26 {
}
#c12 {
}
#c28 {
}
#c30 {
}
#c31 {
	display: none;
}
#c85 {
}
#c86 {
}
#c38 {
	margin: 13px 0 0 0;
}
#c39 {
}
#c40 {
}
#c41 {
}
#c42 {
}
#c43 {
}
#c44 {
	margin: 13px 0 0 0;
}
#c45 {
}
#c46 {
}
#c47 {
}
#c48 {
}
#c49 {
}
#c32 {
}
#c35 {
}
#c36 {
}
#c34 {
}
#c37 {
}
#c33 {
}
#c50 {
	margin: 40px 0 0 0;
}
#c153 {
}
#c154 {
}
#c155 {
}
#c156 {
}
#c157 {
}
#c158 {
}
#c159 {
}
#c160 {
}
#c161 {
}
#c162 {
}
#c163 {
}
#c164 {
}
#c165 {
}
#c166 {
}
#c167 {
}
#c168 {
}
#c169 {
}
#c170 {
}
#c171 {
}
#c172 {
}
#c173 {
}
#c174 {
}
#c64 {
}
#c65 {
}
#c67 {
}
#c68 {
	margin: 30px 0 0 0;
}
#c68 {
}
#c66 {
}
#c69 {
}
#c71 {
	margin: 0 0 15px 0;
}
#c94 {
}
#c101 {
}
#c88 {
}
#c93 {
}
#c93 {
}
#c89 {
}
#c74 {
}
#c76 {
}
#c83 {
}
#c75 {
}
#c78 {
}
#c98 {
}
#c80 {
}
#c81 {
	margin: 30px 0 0 0;
}
#c81 {
}
#c99 {
}
#c129 {
}
#c128 {
}
#c132 {
}
#c132 {
}
#c133 {
}
#c133 {
}
#c144 {
}
#c144 {
}
#c145 {
}
#c145 {
}
#c146 {
}
#c146 {
}
#c130 {
}
}
@media screen and (max-width: 640px) {
#c2 {
}
#c3 {
	margin: 40px 0 0 0;
}
#c5 {
}
#c4 {
}
#c7 {
}
#c6 {
}
#c8 {
}
#c9 {
}
#c10 {
}
#c11 {
}
#c13 {
}
#c14 {
	margin: 30px 0 0 0;
}
#c17 {
}
#c18 {
}
#c15 {
}
#c19 {
	margin: 13px 0 0 0;
}
#c20 {
}
#c21 {
}
#c22 {
}
#c23 {
	margin: 13px 0 0 0;
}
#c24 {
}
#c25 {
}
#c26 {
}
#c12 {
}
#c28 {
}
#c30 {
}
#c31 {
	display: none;
}
#c85 {
}
#c86 {
}
#c38 {
	margin: 13px 0 0 0;
}
#c39 {
}
#c40 {
}
#c41 {
}
#c42 {
}
#c43 {
}
#c44 {
	margin: 13px 0 0 0;
}
#c45 {
}
#c46 {
}
#c47 {
}
#c48 {
}
#c49 {
}
#c32 {
}
#c35 {
}
#c36 {
}
#c34 {
}
#c37 {
}
#c33 {
}
#c50 {
	margin: 40px 0 0 0;
}
#c153 {
}
#c154 {
}
#c155 {
}
#c156 {
}
#c157 {
}
#c158 {
}
#c159 {
}
#c160 {
}
#c161 {
}
#c162 {
}
#c163 {
}
#c164 {
}
#c165 {
}
#c166 {
}
#c167 {
}
#c168 {
}
#c169 {
}
#c170 {
}
#c171 {
}
#c172 {
}
#c173 {
}
#c174 {
}
#c64 {
}
#c65 {
}
#c67 {
}
#c68 {
	margin: 30px 0 0 0;
}
#c68 {
}
#c66 {
}
#c69 {
}
#c71 {
	margin: 0 0 15px 0;
}
#c94 {
}
#c101 {
}
#c88 {
}
#c93 {
}
#c93 {
}
#c89 {
}
#c74 {
}
#c76 {
}
#c83 {
}
#c75 {
}
#c78 {
}
#c98 {
}
#c80 {
}
#c81 {
	margin: 30px 0 0 0;
}
#c81 {
}
#c99 {
}
#c129 {
}
#c128 {
}
#c132 {
}
#c132 {
}
#c133 {
}
#c133 {
}
#c144 {
}
#c144 {
}
#c145 {
}
#c145 {
}
#c146 {
}
#c146 {
}
#c130 {
}
}