@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

br.sp {display:none;}
.top_content {display: none;}

.head_block {max-width: 1040px; margin:0 auto;}
.head_block h2 {padding:2rem 0; text-align: center; font-size:1.4rem; line-height:1.8; font-family: dnp-shuei-mgothic-std, sans-serif; font-style: normal; font-weight: 400;}

.content_frame {max-width:800px; margin:15px auto;}
.content_frame_blc02 {max-width: 1040px; margin:0 auto 40px; background:url(../../img/lp/items2024/blc02_bk.jpg) no-repeat center 40px; padding-bottom:50px;}
.content_frame_blc03 {max-width: 1040px; margin:0 auto 40px; background:url(../../img/lp/items2024/blc03_bk.jpg) no-repeat center 40px; padding-bottom:50px;}
.content_frame_blc04 {max-width: 1040px; margin:0 auto 40px; background:url(../../img/lp/items2024/blc04_bk.jpg) no-repeat center 40px; padding-bottom:50px;}
.content_frame_blc05 {max-width: 1040px; margin:0 auto 40px; background:url(../../img/lp/items2024/blc05_bk.jpg) no-repeat center 40px; padding-bottom:50px;}
.content_frame_blc06 {max-width: 1040px; margin:0 auto 40px; background:#000; padding-bottom:50px; }
.content_frame_blc07 {max-width: 1040px; margin:0 auto 40px; background:url(../../img/lp/items2024/blc07_bk.jpg) no-repeat center 40px; padding-bottom:50px;}
.content_frame_blc08 {max-width: 1040px; margin:0 auto 40px; background:url(../../img/lp/items2024/blc08_bk.jpg) no-repeat center 40px; padding-bottom:50px;}
.content_frame_blc09 {max-width: 1040px; margin:0 auto 40px; background:url(../../img/lp/items2024/blc09_bk.jpg) no-repeat center 45px; padding-bottom:50px;}
.content_frame_blc10 {max-width: 1040px; margin:0 auto 40px; background:url(../../img/lp/items2024/blc10_bk.jpg) no-repeat center 40px; padding-bottom:50px;}

.inner800 {max-width:800px; margin:0 auto;}

xul.list2c { max-width: 600px; margin:0 auto; display: flex; flex-wrap:wrap; }
xul.list2c li {width: 40%; padding: 40px 20px; list-style: none;}

.list4c { max-width: 740px; display: flex; justify-content: center; flex-wrap: wrap; margin:0 auto; }
.list4c .item {padding: 0 15px; width: 18%; text-align: center;}
.list4c .item h3 {font-size:1rem; padding-top:.5rem; letter-spacing: -0.05rem; font-family: dnp-shuei-mgothic-std, sans-serif; font-style: normal; font-weight: 400;}
.list4c .item a {text-decoration: none;}
.list4c .item a:hover {text-decoration: underline;}

.list5c { max-width: 840px; display: flex; justify-content: center; flex-wrap: wrap; margin:0 auto; }
.list5c .item {padding: 0 14px; width: 16%; text-align: center;}
.list5c .item h3 {font-size:1rem; padding-top:.5rem; letter-spacing: -0.05rem; font-family: dnp-shuei-mgothic-std, sans-serif; font-style: normal; font-weight: 400;}
.list5c .item a {text-decoration: none;}
.list5c .item a:hover {text-decoration: underline;}

.content_frame_blc06 .list4c .item a h3,
.content_frame_blc07 .list5c .item a h3 {color:#fff;}

.dotline_box {max-width:700px; margin:30px auto;}  
.dotline { background: radial-gradient(circle farthest-side, #84b7d5, #84b7d5 3px, transparent 3px, transparent 20px); background-size: 20px; content:''; display: inline-block; height: 8px; width: 100%; }

.dotline_col03 {background: radial-gradient(circle farthest-side, #f6c572, #f6c572 3px, transparent 3px, transparent 20px); background-size: 20px; content:''; display: inline-block; height: 8px; width: 100%;}
.dotline_col04 {background: radial-gradient(circle farthest-side, #ee7973, #ee7973 3px, transparent 3px, transparent 20px); background-size: 20px; content:''; display: inline-block; height: 8px; width: 100%;}
.dotline_col05 {background: radial-gradient(circle farthest-side, #889abb, #8d9fc0 3px, transparent 3px, transparent 20px); background-size: 20px; content:''; display: inline-block; height: 8px; width: 100%;}
.dotline_col06 {background: radial-gradient(circle farthest-side, #8681b7, #8681b7 3px, transparent 3px, transparent 20px); background-size: 20px; content:''; display: inline-block; height: 8px; width: 100%;}
.dotline_col07 {background: radial-gradient(circle farthest-side, #fdecb0, #fdecb0 3px, transparent 3px, transparent 20px); background-size: 20px; content:''; display: inline-block; height: 8px; width: 100%;}
.dotline_col08 {background: radial-gradient(circle farthest-side, #e8a9c8, #e8a9c8 3px, transparent 3px, transparent 20px); background-size: 20px; content:''; display: inline-block; height: 8px; width: 100%;}
.dotline_col09 {background: radial-gradient(circle farthest-side, #51b08c, #51b08c 3px, transparent 3px, transparent 20px); background-size: 20px; content:''; display: inline-block; height: 8px; width: 100%;}
.dotline_col10 {background: radial-gradient(circle farthest-side, #bc8db3, #bc8db3 3px, transparent 3px, transparent 20px); background-size: 20px; content:''; display: inline-block; height: 8px; width: 100%;}

.tt_blc02 {width:60%; max-width:414px; margin:0 auto 30px;}
.tt_blc03 {width:80%; max-width:516px; margin:0 auto 30px;}
.tt_blc04 {width:80%; max-width:472px; margin:0 auto 30px;}
.tt_blc05 {width:80%; max-width:406px; margin:0 auto 30px;}
.tt_blc06 {width:80%; max-width:502px; margin:0 auto 30px;}
.tt_blc07 {width:80%; max-width:414px; margin:0 auto 30px;}
.tt_blc08 {width:80%; max-width:386px; margin:0 auto 30px;}
.tt_blc09 {width:80%; max-width:446px; margin:0 auto 30px;}
.tt_blc10 {width:80%; max-width:648px; margin:0 auto 30px;}

@media screen and (max-width: 782px) {
	.responsive .content_block { width: 100%;}
	.head_block, .content_frame {width:96%; margin:0 auto;}
	.head_block h2 {font-size:.9rem; }	

	ul.list2c li {width: 42%; padding: 20px 10px;}

	.tt_blc02 {width:80%; max-width:414px; margin:0 auto 30px;}
	.tt_blc03 {width:80%; max-width:516px; margin:0 auto 30px;}
	.tt_blc04 {width:80%; max-width:472px; margin:0 auto 30px;}
	.tt_blc05 {width:80%; max-width:406px; margin:0 auto 30px;}
	.tt_blc06 {width:80%; max-width:502px; margin:0 auto 30px;}
	.tt_blc07 {width:80%; max-width:414px; margin:0 auto 30px;}
	.tt_blc08 {width:80%; max-width:386px; margin:0 auto 30px;}
	.tt_blc09 {width:80%; max-width:446px; margin:0 auto 30px;}
	.tt_blc10 {width:80%; max-width:648px; margin:0 auto 30px;}

	.list4c .item, .list5c .item {padding: 0 5px; width: 28%;}
	.list4c .item h3, .list5c .item h3 {font-size:.8rem; }

	.dotline_box {max-width:300px; margin:30px auto;}  

	}