:root {
  --color-white: #fff;
  --color-main: #f9f9fc;
  --color-lightgray: #f1f1f1;
  --color-blue-1: #3362b5;
  --color-blue-2: #3e7de8;
  --color-blue-3: #e8f0ff;
  --color-body: #f9f9fc;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --width-content: 1074px;
  --color-digital: #2E6EDB;
  --color-digital-2: #E8F0FF;
	--color-paper: #3362B5;
  --color-paper-2: #E8F0FF;
	--color-viewer: #64B9ED;
  --color-viewer-2: #E8F8FF;
	--color-free: #AFAFAF;
  --color-free-2: #F5F5F5;
}
/*
Base
*/
html {
  scroll-behavior: smooth;
  scroll-padding-top: 0;
}
body {
  background-color: #f9f9fc;
  background-color: var(--color-body);
}
/*
Element
*/
/* 有料、無料のラベル */
.el_fee_label {
  font-size: 14px;
  font-weight: 500;
  font-weight: var(--font-weight-semibold);
  padding: 3px 10px;
  border: solid 1px #3362b5;
  border: solid 1px var(--color-blue-1);
  border-radius: 15px;
  color: #3362b5;
  color: var(--color-blue-1);
  background-color: #ffffff;
}
.el_fee_label.is_active {
  background-color: #3362b5;
  background-color: var(--color-blue-1);
  color: #fff;
}
/* 宅配新聞を購読中の方のラベル */
.el_user_label {
  font-weight: 500;
  font-weight: var(--font-weight-semibold);
  border: solid 1px #3362b5;
  border: solid 1px var(--color-blue-1);
  font-size: 16px;
  border-radius: 22px;
  padding: 10px 20px;
  background-color: #ffffff;
  color: #3362b5;
}
.el_user_label.is_active {
  background-color: #3362b5;
  background-color: var(--color-blue-1);
  color: #fff;
}
/* こんな人におすすめタグ */
.el_recommend_tag {
  padding: 5px 10px;
  background-color: #e8f0ff;
  background-color: var(--color-blue-3);
  border-radius: 15px;
  font-size: 14px;
  color: #3362b5;
  color: var(--color-blue-1);
  font-weight: 500;
  font-weight: var(--font-weight-semibold);
}
/* ページトップボタン */
.el_pagetop_btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 60px;
  aspect-ratio: 1/1;
  background-color: #fff;
  border: solid 2px #3362b5;
  border: solid 2px var(--color-blue-1);
  border-radius: 50%;
}
.el_pagetop_btn_icon,
.el_pagetop_btn_text {
  color: #3362b5;
  color: var(--color-blue-1);
  font-size: 13px;
  font-weight: 600;
  font-weight: var(--font-weight-bold);
}
/*
Block
*/
/* ページタイトル */
.bl_page_ttl {
  color: #3362b5;
  color: var(--color-blue-1);
  display: flex;
  align-items: center;
  -moz-column-gap: 30px;
  column-gap: 30px;
  margin-bottom: 60px;
}
.bl_page_ttl_main {
  font-weight: 600;
  font-weight: var(--font-weight-bold);
  position: relative;
}
.bl_page_ttl_line {
  display: block;
  width: 2px;
  background-color: #3362b5;
  background-color: var(--color-blue-1);
}
.bl_page_ttl_sub {
  font-weight: 600;
  font-weight: var(--font-weight-bold);
}
.bl_page_ttl_main {
  font-size: 40px;
}
.bl_page_ttl_line {
  height: 45px;
}
.bl_page_ttl_sub {
  font-size: 16px;
}
/* 各セクションのタイトル */
.bl_sect_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 30px;
}
.bl_sect_ttl_sub {
  color: #3362b5;
  color: var(--color-blue-1);
  font-weight: 600;
  font-weight: var(--font-weight-bold);
  margin-bottom: 5px;
}
.bl_sect_ttl_main {
  color: #333;
  font-weight: 600;
  font-weight: var(--font-weight-bold);
}
.bl_sect_ttl_sub {
  font-size: 14px;
}
.bl_sect_ttl_main {
  font-size: 28px;
}
/* 機能・サービスの特徴カード */
.bl_func_card {
  box-shadow: 0px 3px 6px rgba(7, 83, 206, 0.102);
  border-radius: 20px;
  padding: 30px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.bl_func_card_unit {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.bl_func_card_img {
  border-radius: 15px;
  overflow: hidden;
}
.bl_func_card_ttl {
  font-size: 22px;
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: 15px;
}
.bl_func_card_ttl_txt {
  font-weight: bold;
  color: #3362b5;
  color: var(--color-blue-1);
}
.bl_func_card_desc {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 500;
  font-weight: var(--font-weight-semibold);
}
.bl_func_card_bottom {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
}
.bl_func_card_bottom > a {
  font-size: 15px;
  font-weight: bold;
  color: #3362b5;
  color: var(--color-blue-1);
}
.bl_func_card_unit {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 45px;
  row-gap: 45px;
  grid-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
/*
Layout
*/
.ly_page {
  background-color: #f9f9fc;
}
.ly_container {
  max-width: 1074px;
  max-width: var(--width-content);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.ly_header {
  background-color: rgba(249, 249, 252, 0.9);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  position: sticky;
  top: 0;
  z-index: 1000;
  transition: transform 0.3s ease-out;
}
.ly_header.is_hide {
  transform: translateY(-100%);
}
.ly_header_inner {
  padding-top: 35px;
  padding-bottom: 35px;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
}
.ly_header_inner > .el_sitebrand {
  margin-right: auto;
}
.ly_header_inner > .el_hamburger_btn {
  margin-left: 25px;
}
.ly_header_nav {
  display: flex;
  -moz-column-gap: 30px;
  column-gap: 30px;
  margin-right: 30px;
}
.ly_header_nav_item {
  font-size: 16px;
  font-weight: 600;
  font-weight: var(--font-weight-bold);
  color: #0d2352;
}
.ly_header_nav_item.ly_header_nav_item.is_active {
  color: #3362b5;
  color: var(--color-blue-1);
  position: relative;
}
.ly_header_nav_item.ly_header_nav_item.is_active::after {
  --size: 5px;
  content: "";
  display: block;
  width: 5px;
  width: var(--size);
  height: 5px;
  height: var(--size);
  background-color: #3362b5;
  background-color: var(--color-blue-1);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: calc(100% + 5px);
  transform: translateX(-50%);
}
.ly_footer {
  background-color: #3362b5;
  background-color: var(--color-blue-1);
  color: #fff;
  position: relative;
}
.ly_footer_inner {
  max-width: 1074px;
  max-width: var(--width-content);
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 30px;
}
.ly_footer_menu {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 40px;
  column-gap: 40px;
}
.ly_footer_menu_item {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  font-weight: var(--font-weight-bold);
  transition: opacity 0.3s;
}
.ly_footer_menu_item:hover {
  color: #fff;
  opacity: 0.7;
}
.ly_footer_target {
  display: flex;
  justify-content: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.ly_footer_target_user {
  width: 246px;
  background-color: #fff;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  border-radius: 22px;
  font-size: 16px;
  color: #3362b5;
  color: var(--color-blue-1);
  font-weight: 600;
  font-weight: var(--font-weight-bold);
}
.ly_footer_bottom_menu {
  font-size: 14px;
  margin-bottom: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 20px;
  column-gap: 20px;
  transition: opacity 0.3s;
}
.ly_footer_bottom_menu > li > a {
  color: #fff;
  line-height: 1;
}
.ly_footer_bottom_menu > li > a:hover {
  opacity: 0.7;
}
.ly_footer_copy {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.ly_footer_copy > p,
.ly_footer_copy > p > small {
  text-align: center;
  font-size: 13px;
}
.ly_main {
  padding-top: 40px;
  padding-bottom: 0;
}
/* 各セクション毎の上下余白 */
.ly_sect.ly_sect__func {
  padding-top: 0;
  padding-bottom: 10px;
}
.ly_sect.ly_sect__feature {
  padding-top: 60px;
  padding-bottom: 60px;
}
.ly_sect.ly_sect__use {
  padding-top: 0;
  padding-bottom: 60px;
}
.ly_sect.ly_sect__combination {
  padding-top: 0;
  padding-bottom: 60px;
}
.ly_sect.ly_sect__faq {
  padding-top: 0;
  padding-bottom: 60px;
}
.ly_sect.ly_sect__voice {
  padding-top: 0;
  padding-bottom: 80px;
}
.ly_sect.ly_sect__funclist {
  padding-top: 60px;
  padding-bottom: 60px;
}
.ly_sect.ly_sect__contact {
  padding-top: 80px;
  padding-bottom: 80px;
}
/*
Unique
*/
/* 機能・サービス 詳細トップ */
.un_func_unit {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 60px;
  gap: 60px;
  grid-template-areas: "text img";
}
.un_func_img {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: img;
}
.un_func_cont {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: text;
}
.un_func_ttl {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 32px;
  color: #3362b5;
  color: var(--color-blue-1);
  font-weight: 600;
  font-weight: var(--font-weight-bold);
  margin-bottom: 20px;
}
.un_func_desc {
  font-size: 24px;
  margin-bottom: 20px;
  line-height: calc(40 / 24);
  font-weight: 500;
  font-weight: var(--font-weight-semibold);
}
.un_func_recommend {
  padding: 20px;
  background-color: #fff;
  border-radius: 20px;
}
.un_func_recommend_ttl {
  font-size: 15px;
  font-weight: 600;
  font-weight: var(--font-weight-bold);
  margin-bottom: 15px;
  color: #3362b5;
  color: var(--color-blue-1);
}
.un_func_recommend_tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
/* 機能の特徴 */
.un_feature {
  box-shadow: 0px 3px 6px rgba(7, 83, 206, 0.102);
  border-radius: 20px;
  padding: 30px;
  background-color: #fff;
  display: flex;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
.un_feature_unit {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  gap: 30px;
}
.un_feature_img {
  flex-shrink: 0;
}
.un_feature_ttl {
  font-size: 18px;
  color: #3362b5;
  color: var(--color-blue-1);
  font-weight: 600;
  font-weight: var(--font-weight-bold);
  margin-bottom: 15px;
  grid-area: ttl;
}
.un_feature_txt {
  font-size: 16px;
  font-weight: 500;
  font-weight: var(--font-weight-semibold);
  line-height: calc(30 / 16);
  grid-area: txt;
}
/* 使い方 */
.un_use_unit {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
  gap: 30px;
}
.un_use_img {
  margin-bottom: 20px;
}
.un_use_label {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
  font-weight: var(--font-weight-bold);
  color: #3362b5;
  color: var(--color-blue-1);
}
.un_use_txt {
  font-size: 18px;
  font-weight: 600;
  font-weight: var(--font-weight-bold);
}
/* 設定するボタン */
.setteing_button{
  display:flex;
  justify-content:center;
}
.setting_button_text{
  background-color: #ffffff;
  font-size: 22px;
  padding:20px 0px;
  margin-top: 40px;
  border-radius:50px;
  color:#3362b5;
  font-weight:700;
  border:solid 2px #3362b5;
  width:400px;
  text-align:center
}
/* あわせて使いたい機能 */
/* 指定があればここに記入 */
/* よくあるご質問 */
.un_faq {
  display: flex;
  align-items: center;
  box-shadow: 3px 3px 6px rgba(7, 83, 206, 0.102);
  border-radius: 20px;
  padding: 25px;
  background-color: #ffffff;
}
.un_faq_unit {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  max-width: 890px;
  margin-left: auto;
  margin-right: auto;
}
.un_faq_label {
  font-size: 20px;
  font-weight: 500;
  font-weight: var(--font-weight-semibold);
  flex-shrink: 0;
  color: #3362b5;
}
.un_faq_text {
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  color: #222;
  font-size: 18px;
  font-weight: 500;
  font-weight: var(--font-weight-semibold);
  flex-shrink: 1;
  line-height: calc(35 / 18);
}
/* お客様の声 */
.un_voice {
  background-color: #e8f0ff;
  background-color: var(--color-blue-3);
  padding: 30px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}
.un_voice_unit {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  gap: 30px;
}
.un_voice_comment {
  font-size: 18px;
  font-weight: 500;
  font-weight: var(--font-weight-semibold);
  line-height: 1.8;
  margin-bottom: 15px;
}
.un_voice_user {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: 15px;
  column-gap: 15px;
}
.un_voice_user_img {
  border-radius: 50%;
  overflow: hidden;
}
.un_voice_user_profile {
  color: #3362b5;
  font-size: 15px;
  font-weight: 600;
  font-weight: var(--font-weight-bold);
}
/* 機能一覧 */
.un_funclist {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
.un_funclist_item {
  border-bottom: solid 1px #dddddd;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  color: #3362b5;
  color: var(--color-blue-1);
}
.un_funclist_item_txt {
  font-size: 18px;
  font-weight: 600;
  font-weight: var(--font-weight-bold);
  padding-left: 10px;
  margin-right: auto;
}
.un_funclist_item > i {
  font-size: 20px;
}
/* お問い合わせ */
.un_contact {
  padding: 40px;
  border-radius: 20px;
  color: #fff;
  font-size: 16px;
}
.un_contact_unit {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
}
.un_contact.un_contact__digital {
  background-color: #3e7de8;
  background-color: var(--color-blue-2);
}
.un_contact.un_contact__digital .un_contact_link_btn {
  color: #3e7de8;
  color: var(--color-blue-2);
}
.un_contact.un_contact__paper {
  background-color: #3362b5;
  background-color: var(--color-blue-1);
}
.un_contact.un_contact__paper .un_contact_link_btn {
  color: #3362b5;
  color: var(--color-blue-1);
}
.un_contact_ttl {
  font-size: 24px;
  font-weight: 600;
  font-weight: var(--font-weight-bold);
  margin-bottom: 20px;
}
.un_contact_subttl {
  font-size: 18px;
  font-weight: 500;
  font-weight: var(--font-weight-semibold);
  margin-bottom: 10px;
}
.un_contact_link {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
.un_contact_link_btn {
  display: block;
  background-color: #fff;
  padding: 10px 35px;
  padding-right: 51px;
  border-radius: 10em;
  font-weight: 600;
  font-weight: var(--font-weight-bold);
  position: relative;
}
.un_contact_link_btn > i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.fa-chevron-right {
  font-size: 24px;
  color: #3362b5;
}
.vt-top {
  vertical-align: top;
}
.qa_search_box {
  display: flex;
  justify-content:flex-end;
  gap: 20px;
  align-items: center;
  width:82%;
  margin:0 auto 50px;
}
.qa_search_box_title {
  font-size: 16px;
  color: #3362B5;
  font-weight: 600;
}


/* guide, guide_dougai, guide_corp */
.ly_main .cource_menu{
	box-shadow: 0px 3px 6px #0753CE1A;
	background: #FFFFFF;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 30px 10px;
	border-radius: 10px;
}
/*
.ly_main .cource_menu.bottom{
	margin: 0 0 80px;
}
*/
.ly_main .cource_menu .item{
	font-size: 16px;
	font-weight: 500;
	color: #333333;
	padding: 0 30px 10px 0;
}
.ly_main .cource_menu .item a{
	color: #333333;
}
.ly_main .cource_menu .item a::after {
	content: url(/files/cont/guide2/img/anchorlink_10x7.svg);
	position: relative;
	top: -2px;
	right: -5px;
}
.ly_main .cource_menu.bottom .item a::after {
	content: url(/files/cont/guide2/img/anchorlink_inversion_10x7.svg);
}
.ly_main .other_conditions_link {
	margin: 15px 0 50px;
}
.ly_main .other_conditions_link a{
	font-size: 14px;
	font-weight: 500;
	color: #3362B5;
	text-decoration: underline;
}
.ly_main .notice_area {
	box-shadow: 0px 3px 6px #0753CE1A;
	background: #FFFFFF;
	padding: 30px 40px;
	border-radius: 10px;
	margin: -10px 0 50px;
	font-size: 16px;
	font-weight: 500;
}
.ly_main .notice_area a {
	color: #3362B5;
	text-decoration: underline;
}
.ly_main .notice_area .emphasis {
	font-weight: 700;
	color: #F63D68;
}
.ly_main .cource {
	margin: 0 0 80px;
	background: #E8F0FF;
	border-radius: 30px;
}
.ly_main .cource .title_area{
	background: #F9F9FC;
	position: relative;
	width: 100%;
}
.ly_main .cource .title_area::before{
	border-radius: 50px;
	content: "Digital";
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translateX(-50%);
	background: #FFFFFF;
	color: var(--color-digital);
	font-size: 15px;
	font-weight: 700;
	padding: 5px 15px;
	border: 2px solid var(--color-digital);
}
.ly_main .cource .title_area h3.title{
	font-size: 30px;
	padding: 25px 0;
	background: var(--color-digital);
	color: #FFFFFF;
	border-radius: 30px 30px 0 0;
	text-align: center;
  	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.ly_main .cource .contents_area{
	border-left: 2px solid var(--color-digital);
	border-right: 2px solid var(--color-digital);
	padding: 0 20px 20px;
}
.ly_main .cource .contents_area .price_card_list{
	padding: 20px 0 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.ly_main .cource .contents_area .price_card{
	margin: 0 0 20px;
	padding: 20px 0;
	background: #FFFFFF;
	text-align: center;
	border-radius: 20px;
}
.ly_main .cource .contents_area .price_card .kind{
	font-size: 16px;
	color: var(--color-digital);
	font-weight: 700;
}
.ly_main .cource .contents_area .price_card .price{
	font-size: 15px;
	color: #333333;
	font-weight: 600;
	margin: 10px 0 0;
}
.ly_main .cource .contents_area .price_card .price span{
	font-size: 30px;
	color: var(--color-digital);
	font-weight: 700;
}
.ly_main .cource .contents_area .discription{
	font-weight: 700;
	padding: 0 0 20px;
	text-align: center;
}
.ly_main .cource .contents_area .purpose{
	background: #FFFFFF;
	border-radius: 20px;
	padding: 20px;
}
.ly_main .cource .contents_area .purpose{
	background: #FFFFFF;
	border-radius: 20px;
	padding: 20px;
	text-align: center;
}
.ly_main .cource .contents_area .purpose_title{
	padding: 10px 0 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--color-blue-1);
}
.ly_main .cource .contents_area .purpose .purpose_items{
	text-align: left;
	font-weight: 600;
	list-style: none;
}
.ly_main .cource .contents_area .purpose .purpose_items li {
	padding: 15px 0 0;
	display:flex;
}
.ly_main .cource .contents_area .purpose .purpose_items li::before {
	content: "";
	background: url(/files/cont/guide2/img/check_digital.svg) no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	top: 5px;
	margin: 0 10px 0 0;
	flex-shrink:0;
}
.ly_main .cource .contents_area .notice_text {
	font-size: 14px;
	font-weight: 500;
	padding: 5px 0 0;
}
.ly_main .cource .contents_area .notice_text a {
	color: var(--color-blue-1);
	text-decoration: underline;
}
.ly_main .cource .contents_area .function_items {
	padding: 20px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}
.ly_main .cource .contents_area .function_items .item{
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: left;
	background: #FFFFFF;
	color: #333;
	font-size: 12px;
	font-weight: 500;
	border-radius: 5px;
	padding: 13px 0 13px 10px;
	width: calc(50% - 10px);
}
.ly_main .cource .contents_area .function_items a.item:hover{
	color: #0480ff;
}
.ly_main .cource .contents_area .function_items .item .icon{
	width: 22px;
	height: 22px;
	margin: 0 8px 0 0;
}
.ly_main .cource .contents_area .function_items .item.disabled{
	color: #C9C9C9;
}
.ly_main .cource .contents_area .comparison_table_link {
	border-radius: 22px;
	border: 1px solid var(--color-blue-1);
	background: #FFFFFF;
	margin: 0 auto;
	padding: 10px;
	width: 80%;
	text-align: center;
	color: var(--color-blue-1);
	font-weight: 700;
}
.ly_main .cource .contents_area .comparison_table_link::after {
	content: url(/files/cont/guide2/img/anchorlink_10x7.svg);
	position: relative;
	top: -2px;
	right: -5px;
}
.ly_main .cource .contents_area .campaign{
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	padding: 30px 0;
}
.ly_main .cource .contents_area .campaign .title{
    margin-bottom: 20px;
}
.ly_main .cource .contents_area .campaign .contents{
    display: flex;
    justify-content: center;
	align-items: center;
	flex-direction: column;
    gap: 20px;
}
.ly_main .cource .contents_area .campaign .contents .banner a{
	display: block;
	width: fit-content;
}
.ly_main .cource .contents_area .campaign .contents .banner img{
	width: 80%;
}
.ly_main .cource .button_area{
	padding: 20px;
	background: var(--color-digital);
	color: #FFFFFF;
	border-radius: 0 0 30px 30px;
	text-align: center;
}
.ly_main .cource .button_area .cta_button{
	margin: 0 0 15px;
}
.ly_main .cource .button_area .cta_button .benefit{
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 5px;
}
.ly_main .cource .button_area .cta_button .text{
	padding: 15px;
	background: #F58220;
  color: #FFFFFF;
	font-weight: 700;
	border-radius: 32px;
	position: relative;
}
.ly_main .cource .button_area .cta_button.free .text{
	background: #3362B5;
}
.ly_main .cource .button_area .cta_button .text a{
	color: #FFFFFF;
}
.ly_main .cource .button_area .cta_button .text::after{
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f054";
	color: #FFFFFF;
	position: absolute;
	top: 35%;
	right: 15px;
	font-size: 15px;
}
.ly_main .cource .button_area .link_group{
	padding: 6px 0;
}
.ly_main .cource .button_area .link_group .text{
	padding: 5px 0 0;
}
.ly_main .cource .button_area .link_group .text a{
	color: #FFFFFF;
	text-decoration: underline;
}
.ly_main .cource .button_area .link_group .link a{
	color: #FFFFFF;
	text-decoration: underline;
}
.ly_main .cource .button_area .link_text {
	padding: 10px 0;
}
.ly_main .cource .button_area .link_text a {
	color: #FFFFFF;
	text-decoration: underline;
}
.ly_main .comparison {
	text-align: center;
}
.ly_main .comparison .ornament_text{
	color: #3362B5;
	font-size: 13px;
	font-weight: 700;
	margin: 0 0 5px 0;
}
.ly_main .comparison .title{
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 30px 0;
}
.ly_main .comparison .comparison_table{
	width: 100%;
	margin-bottom: 60px;
}
.ly_main .comparison .comparison_table .table_head_items{
	display: flex;
	justify-content: center;
}
.ly_main .comparison .comparison_table .table_head_items .item{
	padding: 10px;
	font-size: 14px;
	font-weight: 700;
	width: 33%;
	background: var(--color-digital);
	color: #FFFFFF;
	border-radius: 10px 10px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.ly_main .comparison .comparison_table .table_head_items .item.space{
	display: none;
}
.ly_main .comparison .comparison_table .table_body_items.display_pc_only{
	display: none;
}
.ly_main .comparison .comparison_table .table_body_items .item_group{
	display: flex;
	flex-direction: column;
}
.ly_main .comparison .comparison_table .table_body_items .item_name{
	padding: 10px;
	text-align: left;
	font-size: 15px;
	font-weight: 500;
	background: #F2F6FF;
	display: flex;
	align-items: center;
}
.ly_main .comparison .comparison_table .table_body_items .item_name a{
	color:#3362B5;
	text-decoration: underline;
}
.ly_main .comparison .comparison_table .table_body_items .item_value_list{
	display: flex;
	align-items: center;
   	justify-content: center;
   	background: #ffffff;
}
.ly_main .comparison .comparison_table .table_body_items .item_value_list .value{
	width: 33.33%;
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 10px 20px;
}
.ly_main .comparison.dogai .comparison_table .table_head_items .item{
	width: 25%;
	font-size: 0.9em;
}
.ly_main .comparison.dogai .comparison_table .table_body_items .item_name{
	font-size: 0.9em;
}
.ly_main .comparison.dogai .comparison_table .table_body_items .item_value_list .value{
	width: 25%;
	font-size: 0.85em;
}
.ly_main .comparison.corp .comparison_table .table_head_items .item {
    width: 50%;
}
.ly_main .comparison.corp .comparison_table .table_body_items .item_value_list .value {
    width: 50%;
}
@media only screen and (min-width: 960px) {
	.ly_main .cource_menu{
		width: 55%;
	}
	.ly_main .notice_area {
		font-size: 18px;
	}
	.ly_main .cource .contents_area{
		padding: 0 50px 50px;
	}
	.ly_main .cource .title_area h3.title {
		font-size: 42px;
		padding: 25px 0;
		background: var(--color-digital);
		color: #FFFFFF;
		border-radius: 30px 30px 0 0;
		text-align: center;
		flex-direction: row;
	}
	.ly_main .cource .contents_area .price_card_list{
		padding: 30px 0 0;
		display: flex;
		flex-direction: row;
		gap: 20px;
	}
	.ly_main .cource .contents_area .price_card{
		margin: 0 0 20px;
		padding: 20px 0;
		background: #FFFFFF;
		text-align: center;
		border-radius: 20px;
		width: calc(50% - 20px);
	}
	.ly_main .cource .contents_area .price_card .price{
		font-size: 18px;
	}
	.ly_main .cource .contents_area .price_card .price span{
		font-size: 50px;
		color: var(--color-digital);
		font-weight: 700;
		padding: 0 10px 0 0;
	}
	.ly_main .cource .contents_area .discription{
		font-weight: 700;
		padding: 20px 0;
		text-align: center;
		font-size: 20px;
		width: 90%;
		margin: 0 auto;
	}
	.ly_main .cource .contents_area .purpose{
		background: #FFFFFF;
		border-radius: 20px;
		padding: 20px 40px 30px;
		text-align: center;
	}
	.ly_main .cource .contents_area .purpose_title {
		padding: 10px 0 15px;
		font-size: 20px;
		font-weight: 700;
		color: var(--color-blue-1);
	}
	.ly_main .cource .contents_area .purpose .purpose_items {
		text-align: left;
		font-size: 18px;
		font-weight: 600;
	}
	.ly_main .cource .contents_area .notice_text {
		font-size: 14px;
		padding: 10px 0 0;
	}
	.ly_main .cource .contents_area .function_items {
		padding: 30px 0;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
	}
	.ly_main .cource .contents_area .function_items .item {
		display: flex;
		flex-direction: row;
		align-items: center;
		text-align: left;
		background: #FFFFFF;
		font-size: 15px;
		font-weight: 500;
		border-radius: 5px;
		padding: 15px 0 15px 15px;
		width: calc(25% - 10px);
	}
	.ly_main .cource .contents_area .function_items .item .icon {
		width: 38px;
		height: 38px;
		margin: 0 15px 0 0;
	}
	.ly_main .cource .contents_area .comparison_table_link {
		border-radius: 22px;
		border: 1px solid var(--color-blue-1);
		background: #FFFFFF;
		margin: 0 auto;
		padding: 10px 0;
		width: 246px;
		text-align: center;
		color: var(--color-blue-1);
		font-size: 16px;
		font-weight: 700;
	}
	.ly_main .cource .contents_area .campaign{
		padding: 50px 0 0;
	}
	.ly_main .cource .contents_area .campaign .title{
		margin-bottom: 30px;
	}
	.ly_main .cource .contents_area .campaign .contents{
		flex-direction: row;
	}
	.ly_main .cource .contents_area .campaign .contents .banner img{
		width: unset;
		height: 150px;
	}
	.ly_main .cource .button_area {
		padding: 20px;
		background: var(--color-digital);
		color: #FFFFFF;
		border-radius: 0 0 30px 30px;
		text-align: center;
		display: flex;
		flex-direction: row;
		gap: 40px;
		justify-content: center;
	}
  .ly_main .cource .button_area .cta_button_group{
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 40px;
    justify-content: center;
  }
	.ly_main .cource .button_area .cta_button {
		margin: 0 0 15px;
		width: calc(40% - 10px);
	}
	.ly_main .cource .button_area .cta_button .text {
		padding: 20px;
		background: #F58220;
		font-size: 22px;
		font-weight: 700;
		border-radius: 36px;
	}
	.ly_main .cource .button_area .cta_button .text::after {
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		content: "\f054";
		color: #FFFFFF;
		position: absolute;
		top: 35%;
		right: 15px;
		font-size: 22px;
	}
	.ly_main .cource .button_area .cta_button .text a {
		color: #FFFFFF;
	}
  .ly_main .cource .button_area .link_group{
    font-size: 15px;
  }
  .ly_main .cource .button_area .link_text{
    font-size: 15px;
  }
	.ly_main .comparison .title{
		font-size: 28px;
	}
	.ly_main .comparison .comparison_table .table_head_items .item {
		padding: 20px;
		font-size: 16px;
		font-weight: 700;
		width: 33%;
		background: var(--color-digital);
		color: #FFFFFF;
		border-radius: 10px 10px 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: row;
	}
	.ly_main .comparison .comparison_table .table_head_items .item.space{
		display: block;
		background: unset;
	}
	.ly_main .comparison .comparison_table .table_body_items.display_pc_only{
		display: block;
	}
	.ly_main .comparison .comparison_table .table_body_items .item_group{
		display: flex;
		flex-direction: row;
	}
	.ly_main .comparison .comparison_table .table_body_items .item_name{
		width: 25%;
		border-top: 1px solid #DDDDDD;
		border-left: 1px solid #DDDDDD;
	}
	.ly_main .comparison .comparison_table .table_body_items:last-child .item_name{
		border-bottom: 1px solid #DDDDDD;
	}
	.ly_main .comparison .comparison_table .table_body_items .item_value_list{
		width: 75%;
		border-top: 1px solid #DDDDDD;
		border-left: 1px solid #DDDDDD;
	}
	.ly_main .comparison .comparison_table .table_body_items:last-child .item_value_list{
		border-bottom: 1px solid #DDDDDD;
	}
	.ly_main .comparison .comparison_table .table_body_items .item_value_list .value{
		border-right: 1px solid #DDDDDD;
		height: 100%;
		font-size: 15px;
	}
  .ly_main .comparison.dogai .comparison_table .table_head_items .item{
		width: 20%;
		font-size: 1em;
	}
	.ly_main .comparison.dogai .comparison_table .table_body_items .item_name{
		width: 20%;
		font-size: 1em;
	}
	.ly_main .comparison.dogai .comparison_table .table_body_items .item_value_list{
		width: 80%;
	}
	.ly_main .comparison.dogai .comparison_table .table_body_items .item_value_list .value{
		width: 25%;
    	font-size: 1em;
	}
	.ly_main .comparison.corp .comparison_table .table_body_items .item_name {
        width: 33.33%;
    }
    .ly_main .comparison.corp .comparison_table .table_body_items .item_value_list {
        width: 66.66%;
    }
}

/* guide digital */
.ly_main .cource.digital{
  background: var(--color-digital-2);
}
.ly_main .cource.digital .title_area::before{
	content: "Digital";
	color: var(--color-digital);
	border: 2px solid var(--color-digital);
}
.ly_main .cource.digital .title_area h3.title{
	background: var(--color-digital);
}
.ly_main .cource.digital .contents_area{
	border-left: 2px solid var(--color-digital);
	border-right: 2px solid var(--color-digital);
}
.ly_main .cource.digital .contents_area .price_card .kind{
	color: var(--color-digital);
}
.ly_main .cource.digital .contents_area .price_card .price span{
	color: var(--color-digital);
}
.ly_main .cource.digital .contents_area .purpose .purpose_items li::before {
	background: url(/files/cont/guide2/img/check_digital.svg) no-repeat;
}
.ly_main .cource.digital .button_area{
	background: var(--color-digital);
}
.ly_main .comparison .comparison_table .table_head_items .item.digital{
	background: var(--color-digital);
}

/* guide paper */
.ly_main .cource.paper{
  background: var(--color-paper-2);
}
.ly_main .cource.paper .title_area::before{
	content: "Digital・Paper・Viewer";
	color: var(--color-paper);
	border: 2px solid var(--color-paper);
	width: 220px;
    text-align: center;
}
.ly_main .cource.paper .title_area h3.title{
	background: var(--color-paper);
}
.ly_main .cource.paper .contents_area{
	border-left: 2px solid var(--color-paper);
	border-right: 2px solid var(--color-paper);
}
.ly_main .cource.paper .contents_area .price_card .kind{
	color: var(--color-paper);
}
.ly_main .cource.paper .contents_area .price_card .price span{
	color: var(--color-paper);
}
.ly_main .cource.paper .contents_area .purpose .purpose_items li::before {
	background: url(/files/cont/guide2/img/check_paper.svg) no-repeat;
}
.ly_main .cource.paper .button_area{
	background: var(--color-paper);
}
.ly_main .comparison .comparison_table .table_head_items .item.paper{
	background: var(--color-paper);
}
@media only screen and (min-width: 960px) {
	.ly_main .cource.paper .button_area{
		flex-direction: column;
		align-items: center;
		gap: 5px;
	}
}

/* guide viewer */
.ly_main .cource.viewer{
  background: var(--color-viewer-2);
}
.ly_main .cource.viewer .title_area::before{
	content: "Digital・Viewer";
	color: var(--color-viewer);
	border: 2px solid var(--color-viewer);
}
.ly_main .cource.viewer .title_area h3.title{
	background: var(--color-viewer);
}
.ly_main .cource.viewer .contents_area{
	border-left: 2px solid var(--color-viewer);
	border-right: 2px solid var(--color-viewer);
}
.ly_main .cource.viewer .contents_area .price_card .kind{
	color: var(--color-viewer);
}
.ly_main .cource.viewer .contents_area .price_card .price span{
	color: var(--color-viewer);
}
.ly_main .cource.viewer .contents_area .purpose .purpose_items li::before {
	background: url(/files/cont/guide2/img/check_viewer.svg) no-repeat;
}
.ly_main .cource.viewer .button_area{
	background: var(--color-viewer);
}
.ly_main .comparison .comparison_table .table_head_items .item.viewer{
	background: var(--color-viewer);
}

/* guide free */
.ly_main .cource.free{
  background: var(--color-free-2);
}
.ly_main .cource.free .title_area::before{
	content: "Free";
	color: var(--color-free);
	border: 2px solid var(--color-free);
}
.ly_main .cource.free .title_area h3.title{
	background: var(--color-free);
}
.ly_main .cource.free .contents_area{
	border-left: 2px solid var(--color-free);
	border-right: 2px solid var(--color-free);
}
.ly_main .cource.free .contents_area .price_card .kind{
	color: var(--color-free);
}
.ly_main .cource.free .contents_area .price_card .price span{
	color: var(--color-free);
}
.ly_main .cource.free .contents_area .discription {
    padding: 20px 0;
}
@media only screen and (min-width: 960px) {
  .ly_main .cource.free .contents_area .discription {
    padding: 30px 0 20px;
  }
}
.ly_main .cource.free .contents_area .purpose .purpose_items li::before {
	background: url(/files/cont/guide2/img/check_free.svg) no-repeat;
}
.ly_main .cource.free .button_area{
	background: var(--color-free);
}
.ly_main .comparison .comparison_table .table_head_items .item.free{
	background: var(--color-free);
}


/* guide_subscriber */
#beginner{
	display: none;
}
#beginner.is_active{
	display: block;
}
#subscriber{
	display: none;
}
#subscriber.is_active{
	display: block;
}
.subscriber_guidance{
	background: #FFFFFF;
	box-shadow: 0px 3px 6px #0753CE1A;
	margin: 0 0 30px;
	padding: 30px 50px;
  border-radius: 15px;
}
.subscriber_guidance .title{
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 30px;
}
.subscriber_guidance .description{
	font-size: 15px;
}
.subscriber_guidance .description a{
	font-weight: 500;
	color: #3362B5;
	text-decoration: underline;
}
.subscriber_guidance .description .emphasis{
	font-weight: 700;
	color: #F63D68;
}
.subscriber_guidance .cta_button{
	margin: 30px 0;
}
.subscriber_guidance .cta_button .text{
	text-align: center;
	padding: 15px 30px;
	border-radius: 39px;
	font-size: 16px;
	font-weight: 700;
	background: #3362B5;
	color: #FFFFFF;
	position: relative;
}
.subscriber_guidance .cta_button .text:after{
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f054";
	color: #FFFFFF;
	position: absolute;
	top: 35%;
	right: 15px;
	font-size: 15px;
}
.subscriber_guidance .link_text{
	text-align: center;
}
.subscriber_guidance .link_text a{
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: #3362B5;
	text-decoration: underline;
}
@media only screen and (min-width: 960px) {
	.subscriber_guidance{
    border-radius: 20px;
	}
	.subscriber_guidance .title {
		margin: 20px 0 30px;
		font-size: 28px;
	}
	.subscriber_guidance .description {
		font-size: 20px;
	}
	.subscriber_guidance .cta_button{
		width: 60%;
		margin: 40px auto 15px;
	}
	.subscriber_guidance .cta_button .text{
		font-size: 20px;
		padding: 20px 30px;
		border-radius: 49px;
	}
	.subscriber_guidance .cta_button .text:after{
		position: absolute;
		top: 40%;
		right: 15px;
		font-size: 20px;
	}
	.subscriber_guidance .link_text{
	    padding: 10px 0 20px;
	}
	.subscriber_guidance .link_text a{
		font-size: 18px;
	}
}