@media screen and (min-width: 769px) {
	.guide_article_main {
		width: 100%;
		height: 500px;
		margin: 0 0 70px 0;
		background: #d0e0ef;
	}
	.guide_article {
		display: flex;
		align-items: flex-start;
		gap: 0 40px;
		width: 1100px;
		margin: 0 auto 100px auto;
		.breadcrumb {
			width: 100%;
			padding: 0;
			margin: 0 0 15px 0;
		}
		.guide_article_list {
			width: 760px;
			>ul {
				>li {
					&:not(:last-child) {
						margin: 0 0 30px 0;
					}
					>a {
						display: flex;
						align-items: flex-end;
						gap: 0 20px;
						padding: 15px 20px;
						border-radius: 10px;
						box-shadow: 0px 0px 4px 0px RGBA(120, 120, 120, 0.3);
						color: #333;
						.guide_article_list_img {
							width: 240px;
							aspect-ratio: 3 / 2;
							border-radius: 8px;
							overflow: hidden;
							>img {
								width: 100%;
								height: 100%;
								object-fit: cover;
								transition: all 0.2s;
							}
						}
						.guide_article_list_box {
							width: 460px;
							.guide_article_list_item {
								margin: 0 0 20px 0;
								padding: 0 0 20px 0;
								border-bottom: 2px solid #0095db;
								font-size: 22px;
								line-height: 1;
								font-weight: 500;
								color: #0095db;
								letter-spacing: 0.05em;
								transition: all 0.2s;
								>span {
									overflow: hidden;
									display: -webkit-box;
									-webkit-box-orient: vertical;
									-webkit-line-clamp: 1;
								}
							}
							.guide_article_list_txt {
								margin: 0 0 15px 0;
								font-size: 13px;
								line-height: 1.5;
								font-weight: 500;
								color: #666666;
								letter-spacing: 0.05em;
								>span {
									overflow: hidden;
									display: -webkit-box;
									-webkit-box-orient: vertical;
									-webkit-line-clamp: 2;
								}
							}
							>div {
								height: 28px;
								overflow: hidden;
								>p {
									display: flex;
									flex-wrap: wrap;
									justify-content: flex-end;
									gap: 0 5px;
									>label {
										padding: 5px 10px;
										background: #eeeeee;
										border-radius: 5px;
										font-size: 13px;
										line-height: 18px;
										font-weight: 500;
										color: #666666;
										letter-spacing: 0.05em;
										&:before {
											content: "#";
										}
									}
								}
							}
						}
						&:hover {
							.guide_article_list_img {
								>img {
									transform: scale(1.1);
								}
							}
							.guide_article_list_box {
								.guide_article_list_item {
									border-bottom: 2px solid #0058a0;
									color: #0058a0;
								}
							}
						}
					}
				}
			}
		}
		.guide_article_side {
			width: 300px;
			height: 1000px;
			background: #f5f5f5;
		}
	}
	#guide_article_conts {
		width: 760px;
		.guide_article_samune {
			width: 100%;
			margin: 0 0 30px 0;
			>img {
				width: 100%;
			}
		}
		.guide_article_input {
			.guide_art_title {
				width: calc(100% - 30px);
				box-sizing: border-box;
				margin: 0 0 20px 0;
				padding: 15px 0 15px 18px;
				border-radius: 10px 0 0 10px;
				font-size: 24px;
				line-height: 30px;
				color: #FFF;
				font-weight: 600;
				position: relative;
				&:after {
					content: "";
					display: block;
					width: 42px;
					height: 42px;
					border-radius: 0 5px 0 0;
					transform: rotate(45deg);
					position: absolute;
					top: 9px;
					right: -21px;
				}
			}
			.guide_art_box {
				&:not(:last-of-type) {
					margin: 0 0 30px 0;
				}
			}
			.guide_art_tit_bg {
				margin: 0 0 15px 0;
				padding: 15px 15px;
				border-radius: 8px;
				font-size: 22px;
				line-height: 24px;
				font-weight: 600;
			}
			.guide_art_txt {
				font-size: 15px;
				line-height: 24px;
				font-weight: 400;
				letter-spacing: 0.05em;
			}
			.guide_art_border_box {
				box-sizing: border-box;
				padding: 25px;
				border-radius: 8px;
			}
			.guide_art_character {
				display: flex;
				align-items: flex-end;
			}
			.guide_art_bg_box {
				padding: 18px 25px 18px 25px;
				border-radius: 8px;
				>h3 {
					margin: 0 0 10px 0;
					font-size: 20px;
					line-height: 1.5;
					font-weight: 600;
				}
			}
			.guide_art_tit_border {
				margin: 0 0 20px 0;
				padding: 0 0 15px 0;
				border-bottom: 3px solid #000000;
				font-size: 22px;
				line-height: 30px;
				font-weight: 600;
				position: relative;
				&:after {
					content: "";
					width: 50px;
					height: 3px;
					position: absolute;
					left: 0;
					bottom: -3px;
				}
			}
		}
	}
	.guide_article_conts01 {
		.guide_art_title {
			background-color: #e18488;
			&:after {
				background-color: #e18488;
			}
		}
		.guide_art_tit_bg {
			background-color: #fbeded;
			color: #e18488;
		}
		.guide_art_color {
			color: #e18488;
		}
		.guide_art_border_box {
			border: 3px solid #e18488;
		}
		.guide_art_bg_box {
			background-color: #fbeded;
		}
		.guide_art_tit_border {
			&:after {
				background-color: #e18488;
			}
		}
	}
	.guide_article_conts02 {
		.guide_art_title {
			background-color: #8dbf47;
			&:after {
				background-color: #8dbf47;
			}
		}
		.guide_art_tit_bg {
			background-color: #eef5e4;
			color: #8dbf47;
		}
		.guide_art_color {
			color: #8dbf47;
		}
		.guide_art_border_box {
			border: 3px solid #8dbf47;
		}
		.guide_art_bg_box {
			background-color: #eef5e4;
		}
		.guide_art_tit_border {
			&:after {
				background-color: #8dbf47;
			}
		}
	}
	.guide_article_conts03 {
		.guide_art_title {
			background-color: #dd953c;
			&:after {
				background-color: #dd953c;
			}
		}
		.guide_art_tit_bg {
			background-color: #faefe2;
			color: #dd953c;
		}
		.guide_art_color {
			color: #dd953c;
		}
		.guide_art_border_box {
			border: 3px solid #dd953c;
		}
		.guide_art_bg_box {
			background-color: #faefe2;
		}
		.guide_art_tit_border {
			&:after {
				background-color: #dd953c;
			}
		}
	}
	.guide_article_conts04 {
		.guide_art_title {
			background-color: #5fb7bc;
			&:after {
				background-color: #5fb7bc;
			}
		}
		.guide_art_tit_bg {
			background-color: #e7f4f5;
			color: #5fb7bc;
		}
		.guide_art_color {
			color: #5fb7bc;
		}
		.guide_art_border_box {
			border: 3px solid #5fb7bc;
		}
		.guide_art_bg_box {
			background-color: #e7f4f5;
		}
		.guide_art_tit_border {
			&:after {
				background-color: #5fb7bc;
			}
		}
	}
	.guide_article_conts05 {
		.guide_art_title {
			background-color: #71a7d0;
			&:after {
				background-color: #71a7d0;
			}
		}
		.guide_art_tit_bg {
			background-color: #eaf2f8;
			color: #71a7d0;
		}
		.guide_art_color {
			color: #71a7d0;
		}
		.guide_art_border_box {
			border: 3px solid #71a7d0;
		}
		.guide_art_bg_box {
			background-color: #eaf2f8;
		}
		.guide_art_tit_border {
			&:after {
				background-color: #71a7d0;
			}
		}
	}
	.guide_article_conts06 {
		.guide_art_title {
			background-color: #7f84b1;
			&:after {
				background-color: #7f84b1;
			}
		}
		.guide_art_tit_bg {
			background-color: #ecedf3;
			color: #7f84b1;
		}
		.guide_art_color {
			color: #7f84b1;
		}
		.guide_art_border_box {
			border: 3px solid #7f84b1;
		}
		.guide_art_bg_box {
			background-color: #ecedf3;
		}
		.guide_art_tit_border {
			&:after {
				background-color: #7f84b1;
			}
		}
	}
}
/* media screen fin */