@charset "UTF-8";

/*-----------------------------------

	reset, common

-----------------------------------*/

#wrapper_id .pc_id { display: block; }
#wrapper_id .pc_il_id { display: inline-block; }
#wrapper_id .sp_id { display: none !important; }
#wrapper_id .deco_id { position: absolute; }

#wrapper_id a:hover { text-decoration: none; }
#wrapper_id h2 { margin: 0; }
#wrapper_id ul { padding: 0; margin: 0; }
#wrapper_id li { list-style: none; }
#wrapper_id a { display: block; text-decoration: none !important; border: none; }
#wrapper_id a,
#wrapper_id a img { transition: .3s; }
#wrapper_id img { width: 100%; height: auto; }

#wrapper_id {
	overflow: hidden;
	position: relative;	
	-webkit-font-smoothing: antialiased;
}
#wrapper_id,
#wrapper_id h1,
#wrapper_id h2,
#wrapper_id h3,
#wrapper_id h4,
#wrapper_id h5,
#wrapper_id span,
.listTtl_id span {
	font-family: "秀英明朝 L", "Shuei Mincho L", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
	font-weight: 400;
	letter-spacing: 0.05em;
	color: #1F1F1F;
	line-height: 1.5;
	margin: 0;
}
.summary_id,
.ruleList_id li .outline_id,
.mainItem_id .txt_id,
.itemList_id figcaption,
.itemList_id p span,
.listTtl_id,
.linkList_id li,
.linkList_id li span,
#blog_id .list_id li .title_id {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif !important;
}

#wrapper_id .inner_id { width: 1280px; margin: 0 auto; }
.decoWrap_id {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 100%;
	margin-left: -50%;
	pointer-events: none;
}

@media (max-width: 1380px) {
	#wrapper_id .inner_id { width: 90%; }
}
@media (max-width: 560px) {
	#wrapper_id .pc_id,
	#wrapper_id .pc_il_id { display: none !important; }
	#wrapper_id .sp_id { display: block !important; }
}

/*-----------------------------------

	hero

-----------------------------------*/

#hero_id {
	background: url(../../images/hero_bg.jpg) 50% 0 / cover no-repeat #E8F2F4;
	max-height: 650px;
	height: 45vw;
}
#hero_id.ver2_id {
	background-image: url(../../images/hero_bg2.jpg);
	background-position: 50% 0;
	background-color: #e6e9ef;
}

#hero_id .inner_id {
	width: 1080px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#hero_id.ver2_id .inner_id { width: 1280px; justify-content: flex-start; }

#hero_id #logo_id {
	max-width: 660px;
	margin: 0;
}
#hero_id.ver2_id #logo_id { width: 80%; max-width: 800px; }

@media (max-width: 1380px) {
	#hero_id.ver2_id { background-position: 0 0; }
	#hero_id .inner_id { width: 50%; }
	#hero_id.ver2_id .inner_id { width: 90%; }
	#hero_id.ver2_id #logo_id { width: 70%; }
}
@media (max-width: 560px) {
	#hero_id { max-height: 100%; height: auto; background: none; }
	#hero_id .inner_id { width: 100%; }
	#hero_id.ver2_id .inner_id { width: 100%; }
	#hero_id #logo_id { max-width: 100%; }
	#hero_id.ver2_id #logo_id { width: 100%; max-width: 100%; }
}

/*-----------------------------------

	table of contents

-----------------------------------*/

#toc_id { position: relative; padding: 3vw 4vw 4vw 4vw; background: rgba(205,225,236,1); }
#toc_id #title_id {
	font-size: min(2.5vw, 28px);
    text-align: center;
    margin-bottom: 2vw;
    letter-spacing: .1em;
}
#toc_id .bg_id {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	height: 100%;
	margin-left: -50%;
	display: flex;
	justify-content: center;
	z-index: -1;
}
#toc_id .bg_id.bgNone_id { display: none; }
#toc_id .bg_id .bg01_id,
#toc_id .bg_id .bg02_id { width: 100%; }
#toc_id .inner_id { width: 1180px; position: relative; z-index: 1; }

#toc_id #note_id {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 2vw 3vw;
	background: url(../../images/toc_bg.svg) 110% 90% / 27% auto no-repeat #fff;
	z-index: 1;
}
#toc_id #note_id .clip_id { position: absolute; width: 40px; right: 2%; top: -20px; }
#toc_id #note_id .listWrap_id:first-child { width: 55%; padding-right: 30px; }
#toc_id #note_id .listWrap_id:last-child { width: 45%; }
#toc_id #note_id .listWrap_id > li:not(:last-child) { margin-bottom: 30px; }
#toc_id #note_id .listWrap_id > li { border-left: 3px solid #1D1D1D; padding: 0 0 0 20px; }
#toc_id #note_id .title_id { position: relative; display: inline-block; padding-right: 2.7vw; }
#toc_id #note_id .title_id:before,
#toc_id #note_id .title_id:after,
#toc_id #note_id .miniToc_id a:before,
#toc_id #note_id .miniToc_id a:after  {	content: ""; position: absolute; top: 50%; }
#toc_id #note_id .title_id:before,
#toc_id #note_id .miniToc_id a:before {	right: 0; border: 1px solid #DD7F00; transition: .3s; }
#toc_id #note_id .title_id:before { width: 1.7vw; height: 1.5vw; margin-top: -1vw; }
#toc_id #note_id a:hover .title_id:before,
#toc_id #note_id .miniToc_id a:hover:before { background: #DD7F00; }
#toc_id #note_id .title_id:after,
#toc_id #note_id .miniToc_id a:after {    
    border-top: 1px solid #DD7F00;
    border-right: 1px solid #DD7F00;	
    transform: rotate(135deg);
	transition: .3s;
}
#toc_id #note_id .title_id:after { right: .45vw; width: .8vw; height: .8vw; margin-top: -.85vw; }
#toc_id #note_id a:hover .title_id:after,
#toc_id #note_id .miniToc_id a:hover:after { border-color: #fff; }
#toc_id #note_id .subCopy_id,
#toc_id #note_id .mainCopy_id { transition: .3s; }
#toc_id #note_id .subCopy_id { font-size: min(1.6vw,16px); margin-bottom: 5px; }
#toc_id #note_id .mainCopy_id { font-size: min(2.7vw,30px); line-height: 1.2; margin-bottom: 0; letter-spacing: .1em; }
#toc_id #note_id .mainCopy_id span { color: #DD7F00; }
#toc_id #note_id a:hover .subCopy_id,
#toc_id #note_id a:hover .mainCopy_id { color: #DD7F00; }
#toc_id #note_id .miniToc_id { display: flex; flex-wrap: wrap; margin-top: 15px; }
#toc_id #note_id .miniToc_id ul { padding-right: 30px; }
#toc_id #note_id .miniToc_id a { padding: 3px 2vw 3px 0; position: relative; display: inline-block; }
#toc_id #note_id .miniToc_id a:hover { color: #DD7F00; }
#toc_id #note_id .miniToc_id a:before {	width: 1.4vw; height: 1.2vw; margin-top: -.6vw; }
#toc_id #note_id .miniToc_id a:after {
	right: .35vw;
	width: .6vw;
	height: .6vw;
	margin-top: -.45vw;
}

@media (min-width: 1400px) {
	#toc_id #note_id .title_id:before { width: 1.5vw; height: 1.3vw; margin-top: -.65vw; }
	#toc_id #note_id .title_id:after { right: .45vw; width: .6vw; height: .6vw; margin-top: -.45vw; }
	#toc_id #note_id .miniToc_id a:before {	width: 1vw; height: .9vw; margin-top: -.45vw; }
	#toc_id #note_id .miniToc_id a:after { right: .3vw; width: .4vw; height: .4vw; margin-top: -.3vw; }
}
@media (max-width: 1280px) {
	#toc_id .inner_id { width: 100%; }
}
@media (max-width: 1150px) {
	#toc_id .listWrap_id:last-child li:nth-child(2) .mainCopy_id br { display: none; }
}
@media (max-width: 768px) {
	#toc_id .inner_id { width: 90%; }
	#toc_id #note_id .clip_id { width: 26px; top: -14px; }
	#toc_id #note_id .listWrap_id:first-child { width: 10%; padding-right: 0; }
	#toc_id #note_id .listWrap_id:last-child { width: 100%; }
	#toc_id #note_id .listWrap_id + .listWrap_id { margin-top: 30px; }
	#toc_id .bg_id { flex-direction: column; }
	#toc_id .bg_id .bg01_id,
	#toc_id .bg_id .bg02_id { width: 100%; height: 100%; object-fit: cover; }
	#toc_id #note_id .title_id { padding-right: 4vw; }
	#toc_id #note_id .subCopy_id { font-size: min(2.2vw,16px); margin-bottom: 0; }
	#toc_id #note_id .mainCopy_id { font-size: min(3.5vw,30px); }
	#toc_id #note_id .miniToc_id a { padding-right: 3.5vw; }
	#toc_id #note_id .title_id:before { width: 2.5vw; height: 2.3vw; margin-top: -1.55vw; }
	#toc_id #note_id .title_id:after { right: .8vw; width: 1vw; height: 1vw; margin-top: -1.1vw; }
	#toc_id #note_id .miniToc_id a:before {	width: 2vw; height: 1.9vw; margin-top: -1.45vw; }
	#toc_id #note_id .miniToc_id a:after { right: .6vw; width: .9vw; height: .8vw; margin-top: -1.05vw; }
}
@media (max-width: 560px) {
	#toc_id { padding: 5vw 4vw 10vw 4vw; }
	#toc_id #title_id { font-size: min(4.5vw, 28px); margin-bottom: 5vw; }
	#toc_id .inner_id { width: 100%; }
	#toc_id #note_id { padding: 5vw 4vw 5vw 5vw; }
	#toc_id #note_id .clip_id { width: 30px; top: -16px; }
	#toc_id #note_id .listWrap_id > li:not(:last-child) { margin-bottom: 4vw; }
	#toc_id #note_id .listWrap_id + .listWrap_id { margin-top: 4vw; }
	#toc_id #note_id .title_id { padding-right: 6vw; }
	#toc_id #note_id .title_id:before { width: 3.5vw; height: 3.2vw; margin-top: -1.75vw;	}
	#toc_id #note_id .title_id:after { right: 1vw; width: 1.6vw; height: 1.6vw; margin-top: -1.3vw;	}
	#toc_id #note_id .miniToc_id a:before {	width: 2.8vw; height: 2.5vw; margin-top: -1.25vw; }
	#toc_id #note_id .miniToc_id a:after { right: .8vw; width: 1.2vw; height: 1.2vw; margin-top: -.9vw;	}
	#toc_id #note_id .subCopy_id { font-size: min(3.2vw,16px); }
	#toc_id #note_id .mainCopy_id { font-size: min(5.4vw,30px); }
	#toc_id #note_id .miniToc_id a { padding-right: 5vw; }
	#toc_id .listWrap_id:last-child li:nth-child(2) .mainCopy_id br { display: block; }
}

/*-----------------------------------

	contents common

-----------------------------------*/

.cont_id { padding: 6vw 0; }
.white_id { background: url(../../images/bg_white.jpg) 0 0 / 90% auto no-repeat #fff; }
.blue_id { background: url(../../images/bg_blue.jpg) 100% 0 / 90% auto no-repeat #ECF6F8; }

.ttlbox_id { text-align: center; margin-bottom: 2vw; }
.ttlbox_id .subTtl_id { height: 3vw; margin-bottom: 1.5vw !important; }
.ttlbox_id .subTtl_id img { width: auto !important; height: 100% !important; margin: 0 auto; }
.ttlbox_id .ttl_id .subTtl_id {
	font-size: min(2.8vw, 31px);
	position: relative;
	display: inline-block;
}
.ttlbox_id .ttl_id { font-size: min(5vw, 57px); line-height: 1.2 !important; }
.ttlbox_id .ttl_id span { color: #2383B7 !important; line-height: 1.2 !important; }

.summary_id {
	text-align: center;
	font-size: min(1.7vw, 20px);
	line-height: 1.7;
	letter-spacing: .1em;
	margin-bottom: 0;
}
.summary_id + .summary_id { margin-top: 1.5vw; }

.more_id {
	border: 1px solid #1F1F1F;
	position: relative;
	text-align: center;
	max-width: 780px;
    margin: 2vw auto 0;
	width: 70%;
}
.more_id:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	background: rgba(239,157,0,.2);
	width: 100%;
	height: 100%;
	transition: .3s;
}
.more_id:hover:after { background: rgba(239,157,0,.4); }
.more_id a {
	position: relative;
	font-size: min(3.5vw,44px);
	padding: 15px 10px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	letter-spacing: .1em;
	z-index: 1;
}
.more_id a:before,
.more_id a:after {
	content: "";
	position: absolute;
	right: -3vw;
	top: 50%;
	background: #1F1F1F;
	height: 1px;
}
.more_id a:before { width: 6vw; }
.more_id a:after { width: 1vw; transform: rotate(20deg); top: calc(50% - .2vw) }
.more_id span { font-size: min(2vw,25px); display: block; padding: 0 5px; }

@media (max-width: 560px) {
	.cont_id { padding: 10vw 0; }
	.ttlbox_id { margin-bottom: 4vw; }
	.ttlbox_id .subTtl_id { height: 16vw; margin-bottom: 4vw !important; }
	.ttlbox_id .ttl_id { font-size: min(8.5vw, 57px); line-height: 1.1 !important; }
	.summary_id { text-align: justify; font-size: min(3.5vw, 20px); }
	.summary_id + .summary_id { margin-top: 3vw; }
	.more_id { width: 100%; }
	.more_id a { font-size: min(6vw, 44px); }
	.more_id a span { font-size: min(3vw, 25px); }
	.more_id a:after { width: 2vw; top: calc(50% - .4vw); }
}

/*-----------------------------------

	rule

-----------------------------------*/

.ruleList_id .heading_id { transform: rotate(-5deg); width: 19%; margin-bottom: 2vw !important; }
.ruleList_id { padding-top: 7vw; }
.ruleList_id + .ruleList_id { padding-top: 3vw; }
.ruleList_id ul { display: flex; justify-content: space-between; padding-top: 7vw; }
.ruleList_id li { width: 27%; text-align: center; }
.ruleList_id li.mainList_id { width: 35%; }
#ruleOK_id li.mainList_id { margin-top: -7vw; }
.ruleList_id li .img_id {
	border-radius: 500px;
	border: .8vw solid #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
	overflow: hidden;
	margin-bottom: 1.5vw;
}
.ruleList_id li .theme_id {
	font-size: min(2.3vw, 30px);
	background: url(../../images/rule_deco_ok.svg) 0 0 / 1.5vw auto no-repeat;
}
#ruleOK_id li .theme_id { color: #2681B7; }
#ruleNG_id li .theme_id {
	color: #D58C00;
	font-size: min(2.1vw, 28px);
	background-image: url(../../images/rule_deco_ng.svg);
	background-size: 1.3vw auto;
}
.ruleList_id li .outline_id {
	text-align: justify;
	font-size: min(1.3vw, 16px);
	line-height: 1.8;
	margin: 1vw 0 0 0;
	border-style: solid;
	border-width: 0 0 .3vw 0;
	padding-bottom: 1.5vw;
	letter-spacing: .08em;
}
#ruleOK_id li .outline_id { border-color: #2681B7; }
#ruleNG_id li .outline_id { border-color: #EF9D00; }

@media (max-width: 560px) {
	.ruleList_id .heading_id { width: 35%; margin-bottom: 6vw !important; }
	.ruleList_id ul { flex-wrap: wrap; }
	/*
	.ruleList_id li:nth-child(1) { order: 2; }
	.ruleList_id li:nth-child(2) { order: 1; }
	.ruleList_id li:nth-child(3) { order: 3; }
	.ruleList_id li { width: 47%; }
	.ruleList_id li.mainList_id { width: 74%; margin: 0 auto 7vw; }
	.ruleList_id li.mainList_id .img_id { border-width: 2vw; }
	.ruleList_id li .img_id { border-width: 1.5vw; margin-bottom: 3vw; }
	.ruleList_id li .theme_id {
		font-size: min(4.5vw, 30px) !important;
		background-size: 2.5vw auto !important;
		padding-left: 2vw;
	}
	.ruleList_id li.mainList_id .theme_id {
		font-size: min(5.8vw, 30px) !important;
		background-size: 3vw auto !important;
	}
	*/
	.ruleList_id li { width: 90% !important; margin: 0 auto 7vw; }
	.ruleList_id li .img_id { margin: 0 auto 3vw; border-width: 2vw; width: 90%; }
	.ruleList_id li .theme_id {
		font-size: min(5.8vw, 30px) !important;
		background-size: 5vw auto !important;
		padding-left: 2vw;
	}
	.ruleList_id li .outline_id {
		font-size: min(3vw, 16px);
		letter-spacing: 0;
		line-height: 1.7;
		margin-top: 2.5vw;
		padding-bottom: 3vw;
		border-width: 0 0 .7vw 0;
	}
	.ruleList_id + .ruleList_id { padding-top: 10vw; }
	#ruleOK_id li.mainList_id { margin-top: 0; }
}

/*-----------------------------------

	point, coodinate

-----------------------------------*/

.contents_id { padding-top: 4vw; margin-bottom: 1vw; }

.pointTtl_id { display: flex; justify-content: space-between; margin-bottom: 2vw; }
.pointTtl_id .ttlWrap_id {	
	border-top: 1px solid #1F1F1F;
	padding: 0 10px 0 0;
	display: flex;
	align-items: center;	
}
.pointTtl_id .ttl_id {
	font-size: min(3.5vw,45px);
	line-height: 1.1 !important;
	letter-spacing: .1em !important;
}
.pointTtl_id .ttl_id span { display: block; font-size: min(1.5vw,18px); letter-spacing: .1em; }
.pointTtl_id .line_id { width: 5%; }
.pointTtl_id .line_id img { height: 100%; width: 100%; object-fit: cover; }
.pointTtl_id .subTtl_id {
	flex: 1;
	border-bottom: 1px solid #1F1F1F;
	text-align: right;
	display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.pointTtl_id .subTtl_id img { width: 20vw !important; margin: 0 15px 15px 0; }
.mainItem_id {
	display: flex;
	justify-content: space-between;
	padding: 3vw 4vw 3vw 5vw;
	position: relative;
	margin-bottom: 1vw;
}
.mainItem_id:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80%;
	background: #fff;
}
#coorde_id .mainItem_id:after { background: #E1EFF2; height: 90%; }
.mainItem_id .img_id { width: 40%; position: relative; padding-top: 1vw; z-index: 1; }
.mainItem_id .img_id .photo_id {
	transform: rotate(-5deg);
	box-shadow: -3px 3px 6px rgba(0,0,0,.14);
}
.mainItem_id .img_id .clip_id {
	width: 10% !important;
	position: absolute;
	right: 9%;
	top: -4.6%;
}
.mainItem_id .txt_id { width: 53%; z-index: 1; }
.mainItem_id .txt_id .ttl_id {
	color: #2582B7 !important;
	font-size: min(3vw,40px);
	line-height: 1.4 !important;
	margin-bottom: 1vw !important;
}
.mainItem_id .txt_id p {
	font-size: min(1.3vw,18px);
	margin-bottom: 0;
	line-height: 2.2;
	text-align: justify;
}
.mainItem_id .txt_id p + p { margin-top: 1vw; }
.mainItem_id .label_id {
	position: absolute;
	width: 24% !important;
	right: -3%;
	bottom: 12%;
	z-index: 2;
}

.itemList_id ul { display: flex; justify-content: center; margin-right: -1vw !important; flex-wrap: wrap; }
.itemList_id li { width: calc(100%/4 - 1vw); margin-right: 1vw; margin-bottom: 1vw; }
.itemList_id a img { border: 1px solid #ddd; }
.itemList_id a:hover img { opacity: .8; }
.itemList_id figcaption { margin-top: 1vw; }
.itemList_id figcaption > p { margin-bottom: 0; }
.itemList_id a:hover p { text-decoration: underline; }
.itemList_id p { font-size: min(1.2vw, 16px); text-align: justify; letter-spacing: 0; }
.itemList_id p.title { margin-bottom: .5vw; }
.itemList_id p .sale_price { color: #c00 !important; font-weight: 600 !important; }
.itemList_id p .price,
.itemList_id p .strike_price { font-weight: 600 !important; }
.itemList_id p .sale_price + .strike_price { position: relative; margin-left: 10px !important; }
.itemList_id p .sale_price + .strike_price:before,
.itemList_id p .sale_price + .strike_price:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	background: #1f1f1f;
	width: 100%;
	height: 1px;
}
.itemList_id p .sale_price + .strike_price:before { margin-top: -1.5px; }
.itemList_id p .sale_price + .strike_price:after { margin-top: 1.5px; }

@media (min-width: 1500px) {
	.mainItem_id .img_id .clip_id { top: -20px; }
}
@media (max-width: 1200px) {
	.pointTtl_id .line_id { width: 6%; }
	.pointTtl_id .subTtl_id img { width: 30vw !important; }
}
@media (max-width: 560px) {
	.contents_id { padding-top: 10vw; }
	.pointTtl_id { justify-content: flex-start; margin-bottom: 5vw; }
	.pointTtl_id .ttlWrap_id { padding-top: 10px; }
	.pointTtl_id .ttl_id { font-size: min(7vw, 45px); }
	.pointTtl_id .ttl_id span { font-size: min(3vw, 18px); }
	.pointTtl_id .line_id { width: 11%; }
	.pointTtl_id .subTtl_id img { display: none; }
	.mainItem_id { flex-direction: column; padding: 5vw 6vw 8vw 6vw; margin-bottom: 5vw; }
	.mainItem_id:after { height: 100% !important; }
	.mainItem_id .img_id { order: 2; width: 80%; margin: 5vw auto 0; }
	.mainItem_id .txt_id { width: 100%; order: 1; }
	.mainItem_id .txt_id p { font-size: min(3.2vw,18px); line-height: 1.9; }
	.mainItem_id .txt_id .ttl_id { font-size: min(6vw, 40px); }
	.itemList_id ul { margin-right: -15px !important; justify-content: flex-start; }
	.itemList_id li { width: calc(100%/2 - 15px); margin-right: 15px; margin-bottom: 15px; }
	.itemList_id figcaption { margin-top: 2vw; }
	.itemList_id p { font-size: min(3.2vw, 16px); }
	.itemList_id p.title { margin-bottom: 5px; line-height: 1.4; }
	.mainItem_id .label_id { width: 45% !important; bottom: 2%; }
}

/*-----------------------------------

	banner

-----------------------------------*/

#banner_id .more_id { margin-top: 0; }
#banner_id .more_id + .more_id,
#banner_id .more_id + .bnr_id,
#banner_id .bnr_id + .bnr_id { margin-top: 2vw; }
#banner_id .iedit_id a {
	display: flex !important;
    justify-content: center;
    align-items: center;
	font-size: min(3vw, 37px);
}
#banner_id .iedit_id a img { width: 14%; margin-right: 10px; }
#banner_id .bnr_id { max-width: 780px; width: 70%; margin-left: auto; margin-right: auto; }
#banner_id .bnr_id a:hover img { opacity: .8; }

@media (max-width: 560px) {
	#banner_id .more_id + .more_id,
	#banner_id .more_id + .bnr_id,
	#banner_id .bnr_id + .bnr_id { margin-top: 5vw; }
	#banner_id .iedit_id a {
		flex-direction: column;
		font-size: min(6vw, 37px);
		padding: 20px 10px 10px;
	}
	#banner_id .iedit_id a img { width: 25%; margin-bottom: 5px; }
	#banner_id .bnr_id { width: 100%; }
}

/*-----------------------------------

	list

-----------------------------------*/

.listTtl_id { text-align: center; font-size: min(3.4vw,38px); font-weight: bold !important; }
.listTtl_id span { font-size: min(1.6vw,18px); display: block; }
#category_id .summary_id,
#other_id  .summary_id { font-size: min(1.6vw,18px); text-align: center; }
#category_id { margin-bottom: 4vw; }
#wrapper_id .linkList_id {
	display: flex;
	flex-wrap: wrap;
	border-top: 3px solid #000;
	border-left: 1px solid #000;
	margin-top: 2vw;
}
.linkList_id li { width: 25%; border-bottom: 1px solid #000; border-right: 1px solid #000; }
.linkList_id li a {
	position: relative;
	padding: 1vw 0;
	display: flex;
	align-items: center;
}
.linkList_id li a:hover { background: #eaf5fa; }
.linkList_id li a div { padding-left: 3.5vw; }
.linkList_id li a:before,
.linkList_id li a:after { content: ""; position: absolute; top: 50%; }
.linkList_id li a:before {
	background: #000;
	border-radius: 100px;
	left: 1vw;
	width: 1.4vw;
    height: 1.4vw;
	margin-top: -0.7vw;
}
.linkList_id li a:after {
	border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 0.5vw;
    height: 0.5vw;
    margin-top: -0.25vw;
    left: 1.37vw;
    transform: rotate(45deg);
}
.linkList_id li span { font-size: min(1.2vw,14px); display: block; }
.linkList_id li .title_id { font-size: min(1.8vw,20px); margin-bottom: 0; }

#blog_id { margin-bottom: 4vw; }
#blog_id .list_id {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1.5vw;
	padding-top: 1.5vw;
	margin-right: -2vw;
	border-top: 1px solid #ededed;
}
#blog_id .list_id li {
	margin-bottom: 1.5vw;
	padding-bottom: 1.5vw;
	border-bottom: 1px solid #ededed;
	margin-right: 2vw;
}
#blog_id .list_id li a { display: flex; justify-content: space-between; }
#blog_id .list_id .oneClm_id { width: 100%; }
#blog_id .list_id .twoClm_id { width: calc(100%/2 - 2vw); }
#blog_id .list_id li a:hover img { opacity: .8; }
#blog_id .list_id .txt_id { position: relative; padding: 1vw 4vw 0 0; }
#blog_id .list_id .oneClm_id .img_id { width: 18.5%; }
#blog_id .list_id .oneClm_id .txt_id { width: 79.5%; }
#blog_id .list_id .twoClm_id .img_id { width: 38%; }
#blog_id .list_id .twoClm_id .txt_id { width: 57%; }
#blog_id .list_id .txt_id:after {
	content: "";
    position: absolute;
    top: 50%;
    width: 2vw;
    height: 2vw;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    right: .5vw;
	margin-top: -1vw;
	transform: rotate(45deg);
}
#blog_id .list_id li .title_id {
	font-size: min(2vw,24px);
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.2;
}
#blog_id .list_id li .summary_id { font-size: min(1.4vw,16px); text-align: justify; }

#other_id { margin-bottom: 8vw; }
#other_id .linkList_id li { width: calc(100%/3); }
#other_id .linkList_id li a { height: 100%; display: flex; align-items: center; }
#other_id .linkList_id li a div { display: flex; align-items: center; }

@media (max-width: 1080px) {
	.linkList_id li a div { padding-left: 4.5vw; }
	.linkList_id li a:before { width: 2vw; height: 2vw; margin-top: -1vw; }
	.linkList_id li a:after { width: 0.8vw; height: 0.8vw; margin-top: -0.4vw; }
}
@media (max-width: 768px) {
	#other_id .linkList_id { flex-direction: column; }
	#other_id .linkList_id li { width: 100%; }
}
@media (max-width: 560px) {
	.listTtl_id { font-size: 6vw; }
	.listTtl_id span { font-size: 3vw; }
	#category_id { margin-bottom: 10vw; }
	.linkList_id li { width: 50%; }
	.linkList_id li a { padding: 3vw 0; }
	.linkList_id li a:before { width: 4vw; height: 4vw; margin-top: -2vw; left: 2vw; }
	.linkList_id li a:after { width: 1.8vw; height: 1.8vw; margin-top: -0.9vw; left: 2.76vw; }
	.linkList_id li a div { padding-left: 8vw; }
	.linkList_id li span { font-size: 2.4vw; }
	.linkList_id li .title_id { font-size: 3.6vw; }
	#category_id .summary_id,
	#other_id .summary_id { font-size: 3.4vw; letter-spacing: .1em; }
	#blog_id { margin-bottom: 10vw; }
	#blog_id .list_id { margin-top: 3vw; padding-top: 3vw; margin-right: 0; }
	#blog_id .list_id li { margin-right: 0; margin-bottom: 3vw; padding-bottom: 3vw; }
	#blog_id .list_id .twoClm_id { width: 100%; }
	#blog_id .list_id .img_id { width: 30% !important; }
	#blog_id .list_id .txt_id { width: 65% !important; }
	#blog_id .list_id li .title_id { font-size: 4vw; }
	#blog_id .list_id li .summary_id { font-size: 3vw; }
	#blog_id .list_id .txt_id { padding-right: 8vw; }
	#blog_id .list_id .txt_id:after { width: 4vw; height: 4vw; margin-top: -2vw; right: 1vw; }
}