@charset "UTF-8";
img {
	width: 100%;
	height: auto;
}
cite {
	font-style: normal !important;
}
.abox {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
}
.brtab, .brsp {
	display: none;
}
pre {
	white-space: pre-wrap;
}
.fw_bold {
	font-weight: bold;
}
/* ヘッダ */
header {
	width: 100%;
	height: 80px;
	background: #FFF;
	box-sizing: border-box;
	border-top: 5px solid #009DE8;
	box-shadow: 0px 3px 6px 0px rgba(18, 16, 16, 0.07);
	position: fixed;
	z-index: 500;
}
header .logo {
	width: 250px;
	margin: 18px 0 0 15px;
	position: absolute;
}
.header_menu {
	width: 100%;
	position: relative;
}
.header_menu ul {
	position: absolute;
	right: 20px;
	display: flex;
	flex-wrap: wrap;
	top: 18px;
}
.header_menu ul li {
	height: 40px;
	background: #33CBFC;
	box-sizing: border-box;
	padding: 0 15px 0 40px;
	border-radius: 5px;
}
.header_menu ul li a {
	font-size: 14px;
	display: block;
	line-height: 40px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	position: relative;
}
.header_menu ul li a:after {
	width: 18px;
	height: 18px;
	content: "";
	position: absolute;
	left: -25px;
	top: calc(50% - 10px);
	background: url("../img/login-icon.svg") no-repeat center center;
	background-size: contain;
}
/* グロナビ */
.global_navi {
	width: 100%;
	height: 60px; /* 45px → 60pxに増加 */
	background: #ECF4F8;
	top: 80px;
	position: fixed;
	box-shadow: 0px 3px 6px 0px rgba(18, 16, 16, 0.07);
	z-index: 500;
}
.global_navi ul {
	width: 1050px; /* 875px → 1050pxに拡張 */
	margin: 14px auto 0; /* 8px → 14pxに調整（垂直中央寄せ） */
	height: 32px;
	display: flex;
	flex-wrap: nowrap; /* wrap → nowrapに変更（改行を防ぐ） */
}
.global_navi ul li {
	width: 16.66%; /* 20% → 16.66%に変更（6分割） */
	text-align: center;
	box-sizing: border-box;
	line-height: 32px;
	position: relative;
}
.global_navi ul li:nth-child(-n + 5) { /* 4 → 5に変更（最初の5つにボーダー） */
	border-right: solid 1px #BEBEBE;
}
.global_navi ul li a {
	color: #3E5798;
	font-weight: bold;
	text-decoration: none;
	display: block;
	position: relative;
}
.global_navi ul li.active a {
	color: #BEBEBE;
}
.global_navi ul li.active a:before {
	display: inline-block;
	height: 5px;
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	background: #FFF14D;
}
/* 全メニュー項目で統一された下線幅を設定 */
.global_navi ul li:nth-child(1).active a:before { /* TOP */
	width: 32px;
}
.global_navi ul li:nth-child(2).active a:before { /* 活用NOTE */
	width: 80px;
}
.global_navi ul li:nth-child(3).active a:before { /* 活用セミナー */
	width: 96px;
}
.global_navi ul li:nth-child(4).active a:before { /* 早わかり動画 */
	width: 96px;
}
.global_navi ul li:nth-child(5).active a:before { /* リンク集 */
	width: 64px;
}
.global_navi ul li:nth-child(6).active a:before { /* Q&A */
	width: 40px;
}
/*　ページHISTORY */
.history {
	width: 100%;
	background: #F8F8F8;
	height: 45px;
	position: relative;
}
.history ul {
	width: 90%;
	max-width: 1130px;
	margin: 0 auto;
	padding: 12px 0 0;
	display: flex;
	flex-wrap: wrap;
}
.history ul li {
	font-size: 12px;
	padding-right: 10px;
	margin-right: 10px;
	color: #3E5798;
	position: relative;
}
.history ul li:before {
	content: "/";
	position: absolute;
	right: -2px;
	top: -1;
	font-size: 12px;
	color: #3E5798;
}
.history ul li a {
	text-decoration: none;
	color: #3E5798;
}
.history ul li a:hover {
	text-decoration: underline;
}
.history ul li:last-child {
	font-weight: bold;
}
.history ul li:last-child:before {
	display: none;
}
/* フッタ*/
.footer_link {
	background: #ECEFF4;
	width: 100%;
	padding: 30px 0 50px;
}
.footer_link p {
	color: #7C8BA3;
	display: block;
	width: 280px;
	margin: 0 auto 20px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 5px #D6DBE3;
}
.footer_link ul {
	width: 90%;
	max-width: 1130px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.footer_link ul li {
	width: 19%;
}
.footerwrap {
	width: 100%;
	background: #009DE8;
	/* position: absolute;
	bottom: 0;  */
}
.footerbox {
	width: 90%;
	max-width: 1130px;
	margin: 0 auto;
	position: relative;
}
.footerbox .link a {
	color: #FFF;
	line-height: 40px;
	font-size: 12px;
}
.footerbox .cr {
	font-size: 11px;
	position: absolute;
	right: 0;
	top: calc(50% - 8px);
	color: #FFF;
}
/* .link_contents_wrap .footerwrap {
	position: absolute;
	bottom: 0;
} */
/* メインコンテンツ　TOP */
.main {
	width: 100%;
	padding-top: 120px;
}
.h1bar {
	height: 200px;
	background: linear-gradient(to right, #b3dff7 0%, #11c0fe 50%, #95aaf6 100%);
	position: relative;
	box-sizing: border-box;
	padding: 20px 0 0;
	overflow: hidden;
}
.h1bar:before {
	content: "";
	position: absolute;
	left: 4%;
	top: -20px;
	width: 180px;
	height: 180px;
	background: url("../img/deco01.png") no-repeat center center;
	background-size: contain;
}
.h1bar:after {
	content: "";
	position: absolute;
	right: 4%;
	bottom: -20px;
	width: 180px;
	height: 180px;
	background: url("../img/deco02.png") no-repeat center center;
	background-size: contain;
}
.top_copy {
	width: 700px;
	margin: 0 auto 0;
}
@media only screen and (max-width: 1050px) {
	.top_copy {
		width: 60%;
		margin: 2% auto 0;
	}
}
.top_btn {
	width: 240px;
	margin: 10px auto 0;
	box-shadow: 0px 3px 6px 0px rgba(18, 16, 16, 0.07);
	transition: all .3s;
	transform: translateY(0);
}
.top_btn:hover {
	transform: translateY(1px);
	box-shadow: 0px 2px 2px 0px rgba(18, 16, 16, 0.07);
}
.main h1 {
	font-size: 40px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	position: relative;
	padding: 35px 0 20px;
}
.main h1.long {
	font-size: 40px;
	padding: 35px 0 20px;
}
.main h1:after {
	width: 24px;
	height: 2px;
	background: #FFF;
	content: "";
	position: absolute;
	bottom: 25px;
	left: calc(50% - 12px);
}
/* 注意書き */
.caution {
	background: #F8F8F8;
	width: 90%;
	max-width: 1120px;
	box-sizing: border-box;
	padding: 25px 20px 10px;
	margin: 15px auto 15px;
}
.caution .p01 {
	width: 100%;
	box-sizing: border-box;
	color: #DE3939;
	font-size: 13px;
	font-weight: bold;
	position: relative;
	line-height: 1.6em;
	margin-bottom: 10px;
}
.caution .p01.more a {
	width: auto;
	padding-right: 120px;
	position: relative;
	display: inline-block;
}
.caution .p01.more a:after {
	content: "詳細情報あり";
	position: absolute;
	background: #DE3939;
	width: 90px;
	height: 20px;
	right: 0;
	top: 0;
	color: #FFF;
	text-align: center;
	font-size: 11px;
	font-weight: 400;
	border-radius: 3px;
	margin-left: 10px;
}
.caution .p01 a {
	color: #DE3939;
	text-decoration: none;
	transition: all .5s;
}
.caution .p01 a:hover {
	opacity: .7;
}
/* 記事リンク TOP */
.contents {
	width: 90%;
	margin: 40px auto;
	max-width: 1130px;
	display: flex;
	flex-wrap: wrap;
}
.contents100 {
	width: 100%;
	padding-bottom: 80px;
}
/* NEWS　TOP */
.top_news {
	width: 100%;
	height: 170px;
	box-sizing: border-box;
	border: 5px solid #E7EAEF;
	padding: 10px 2px 10px 15px;
	margin-bottom: 40px;
}
.newsbox {
	height: 100%;
	overflow-y: scroll;
}
.newsbox::-webkit-scrollbar {
	width: 6px;
}
.newsbox::-webkit-scrollbar-track {
	border-radius: 6px;
	box-shadow: inset 0 0 6px rgba(201, 213, 230, 1);
}
.newsbox::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 50, .5);
	border-radius: 10px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
}
.newsbox dl {
	width: 96%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 13px;
	margin-left: 1%;
	border-bottom: solid 1px #D0D8E3;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.newsbox dl dt {
	width: 250px;
}
.newsbox dl dt span {
	display: inline-block;
	margin-left: 15px;
	line-height: 26px;
	text-align: center;
	width: 130px;
	color: #FFF;
}
.newsbox dl dd {
	width: calc(96% - 250px);
}
.newsbox dl dd a {
	color: #3E5798;
	font-weight: bold;
	text-decoration: none;
	transition: all .5s;
}
.newsbox dl dd a:hover {
	opacity: .7;
}
.cat01 {
	background: #FFBA00;
}
.cat02 {
	background: #1FBC8C;
}
.cat03 {
	background: #EF6E6E;
}
.cat04 {
	background: #009DE8;
}
.cat05 {
	background: #F78C40;
}
/* メインコンテンツ　TOP */
.main h2 {
	font-size: 18px;
	font-weight: bold;
	padding-left: 40px;
	position: relative;
	margin-bottom: 10px;
	color: #009DE8;
	letter-spacing: .06em;
}
.main h2:before {
	width: 33px;
	height: 25px;
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.icon01 {
	margin-left: 10px;
}
.icon01:before {
	background-image: url("../img/icon_news.png");
}
.icon02:before {
	background-image: url("../img/icon_note.png");
}
.icon03:before {
	background-image: url("../img/icon_ranking.png");
}
.icon04:before {
	background-image: url("../img/icon_net.png");
}
.icon05:before {
	background-image: url("../img/icon_nomal.png");
}
.icon06:before {
	background-image: url("../img/icon_webcast.png");
}
.top_articles {
	width: 77%;
}
.top_articles section {
	width: calc(100% - 20px);
	border-bottom: 5px solid #E7EAEF;
	padding: 0px 0 30px;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.top_articles section.last {
	border-bottom: 0;
}
.section_title {
	width: 96%;
	margin: 0 auto;
	position: relative;
}
.section_title .note {
	font-size: 12px;
	color: #009DE8;
	padding-left: 0;
	margin-top: 0;
}
.section_title .readall {
	right: 0;
	top: calc(50% - 10px);
	position: absolute;
	font-size: 12px;
}
.section_title .readall a {
	text-decoration: none;
	color: #009DE8;
	position: relative;
	padding-right: 15px;
}
.section_title .readall a:before {
	right: 0;
	top: 2px;
	width: 12px;
	height: 12px;
	content: "";
	position: absolute;
	background: url("../img/arrow_blue.png") no-repeat center center;
	background-size: contain;
}
.articles {
	width: 100%;
	margin: 20px auto 0;
	box-sizing: border-box;
	padding: 0 1%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.articles li {
	width: 31.33%;
	margin: 0 1% 2%;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0px 3px 6px 0px rgba(18, 16, 16, 0.1);
	box-sizing: border-box;
	position: relative;
	transition: all .3s;
}
.articles.ptn01 {
	margin-top: 0;
}
.articles.ptn01 li {
	width: 48%;
}
/* .articles.ptn01 li:first-child {
	margin-left: 0;
}
.articles.ptn01 li:last-child {
	margin-left: 0;
	margin-right: 0;
} */
.articles li:hover {
	opacity: .8;
}
.articles li .imgbox {
	position: relative;
}
.articles li .imgbox img {
	border-radius: 10px;
}
.articles li .title {
	font-size: 14px;
	font-weight: bold;
	color: #009DE8;
	padding: 10px 15px 5px;
	line-height: 1.6em;
}
.articles li .title.ptn01 {
	min-height: 3em;
	display: grid;
	align-items: center;
}
.articles li .title span.newMark {
	color: #ffffff;
	font-size: 10px;
	background: #ff4a59;
	display: inline-block;
	vertical-align: baseline;
	margin-left: 8px;
	padding: 0 4px;
	height: 17px;
	line-height: 17px;
}
.articles li .p01 {
	font-size: 13px;
	padding: 0 15px 20px;
	line-height: 1.6em;
}
.seminar .articles li p.p01.chapter {
	padding: 0 15px 10px !important;
	font-size: 12px;
}
.articles li .read {
	font-size: 12px;
	text-decoration: none;
	color: #009DE8;
	position: absolute;
	padding-right: 15px;
	right: 15px;
	bottom: 10px;
}
.articles li .read:before {
	right: 0;
	top: calc(50% - 6px);
	width: 12px;
	height: 12px;
	content: "";
	position: absolute;
	background: url("../img/arrow_blue.png") no-repeat center center;
	background-size: contain;
}
.rank:before {
	content: "";
	position: absolute;
	width: 50px;
	height: 70px;
	left: 5px;
	top: -5px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	z-index: 2;
}
.rank01:before {
	background-image: url("../img/best1.png");
}
.rank02:before {
	background-image: url("../img/best2.png");
}
.rank03:before {
	background-image: url("../img/best3.png");
}
.articles li .date {
	font-size: 12px;
	padding: 0 15px;
	line-height: 1em;
	padding-bottom: 0;
	color: #5B5B5B;
}
.articles li .category {
	margin: 0 15px;
	display: inline-block;
	box-sizing: border-box;
	padding: 2px 10px 0;
	font-size: 11px;
	line-height: 2em;
	color: #FFF;
	margin-bottom: 20px;
}
/* TOP 右サイド　リンク集 */
.top_links {
	width: 23%;
}
.top_links > ul li {
	margin-bottom: 10px;
	box-shadow: 0px 3px 6px 0px rgba(18, 16, 16, 0.07);
	border-radius: 10px;
	transition: all .3s;
}
.top_links > ul li:hover {
	opacity: .9;
}
.linklist {
	background: #ECEFF4;
	margin: 20px 0 0;
	box-sizing: border-box;
	padding: 23px;
}
.linklist p {
	color: #7C8BA3;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 5px #D6DBE3;
	margin-bottom: 10px;
}
.linklist ul li {
	margin-bottom: 15px;
	transition: all .3s;
}
.linklist ul li:hover {
	opacity: .8;
}
.wrap01 {
	padding: 60px 0;
}
.wrap02 {
	padding: 60px 0;
	background: #F7FAFC;
}
.contents100 h2 {
	font-size: 22px;
	display: inline-block;
}
.contents100 h2:before {
	width: 20px;
	height: 20px;
	top: calc(50% - 12px);
	left: 2px;
}
.note_articles, .links_articles {
	width: 100%;
	box-sizing: border-box;
}
.note_articles section, .links_articles section {
	width: 94%;
	max-width: 980px;
	padding: 0;
	margin: 0 auto;
	box-sizing: border-box;
}
.note_articles .articles {
	width: 102% !important;
	position: relative;
	left: -1%;
	box-sizing: border-box;
	padding: 0 !important;
}
.note_articles .articles li {
	width: 24%;
	margin: 0 .5% 2%;
}
.note_articles .note {
	font-size: 12px;
	color: #009DE8;
	padding-left: 0;
	margin-top: 0;
}
.seminar .articles {
	width: 100% !important;
	position: relative;
	left: 0%;
	box-sizing: border-box;
	padding: 0;
}
.seminar .articles li {
	width: 100%;
	margin: 0 0% 2%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	box-sizing: border-box;
	padding: 20px;
}
.seminar .articles li:hover {
	opacity: 1;
}
.seminar .articles li .imgbox {
	width: 250px;
	box-sizing: border-box;
	order: 2;
	padding: 10px 15px 0 0;
}
.seminar .articles li .imgbox a {
	transition: all .3s;
}
.seminar .articles li .imgbox a:hover {
	opacity: .8;
}
.seminar .articles li .imgbox .pdf-btn {
	margin: 10px auto 0;
}
.seminar .articles li .txtbox {
	width: calc(100% - 250px);
	box-sizing: border-box;
	order: 1;
	padding: 0 !important;
}
.seminar .articles li.new-icon .imgbox:before {
	display: none !important;
}
.seminar .articles li.new-icon:before {
	width: 50px;
	height: 50px;
	background-image: url("../img/new-bar.png");
	background-repeat: no-repeat;
	background-position: -5px -4px;
	background-size: 60px auto;
	content: "";
	position: absolute;
	right: -1px;
	top: -1px;
	z-index: 2;
}
/*.seminar .articles li:after {
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	content: "";
	position: absolute;
	background: url("../img/arrow_blue.png") no-repeat center center;
	background-size: contain;
}*/
.seminar .articles li .read,
.seminar .articles li:after {
	display: none;
}
.blog_wrap {
	padding: 60px 0 80px;
	width: 90%;
	max-width: 1130px;
	margin: 0 auto;
}
.blog_wrap a {
	color: #3E5798;
	font-weight: bold;
}
.blog_wrap h2 {
	font-size: 26px;
	display: block;
	padding-left: 0;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: solid 5px #D6DBE3;
}
.author {
	width: 350px;
	height: 133px;
	border-radius: 5px;
	background: #f8f8f8;
	border: 1px solid #d8d8d8;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: 20px;
	margin-bottom: 80px;
}
.author .imgbox {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: solid #3E5798 2px;
}
.author .imgbox img {
	border-radius: 50%;
}
.author .date {
	width: calc(100% - 100px);
	box-sizing: border-box;
	padding: 20px 0 0 20px;
}
.author .date p {
	font-size: 14px;
}
.author .date p span {
	padding-right: 10px;
	color: #3E5798;
	font-weight: bold;
}
.noteblog article {
	width: 100%;
	padding-bottom: 60px;
	margin-bottom: 40px;
	border-bottom: solid #E7EAEF 1px;
}
.noteblog article.last {
	border-bottom: none;
}
.noteblog article h3 {
	font-size: 20px;
	font-weight: bold;
	padding-left: 35px;
	position: relative;
	margin-bottom: 10px;
	color: #009DE8;
	letter-spacing: .06em;
}
.noteblog article h3:before {
	width: 26px;
	height: 26px;
	top: calc(50% - 14px);
	left: 2px;
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image: url("../img/icon_talk.png");
}
/* 追記 */
.noteblog article h3.off {
	padding-left: 0;
}
.noteblog article h3.off:before {
	background-image: none;
}
.noteblog article h4 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	letter-spacing: .06em;
	line-height: 2.3em;
}
/*  */
.noteblog article p {
	font-size: 14px;
	line-height: 2.3em;
}
.noteblog article p.cite {
	font-size: 12px;
}
.noteblog article ul {
	font-size: 14px;
	line-height: 2.3em;
}
/* 追記 */
.noteblog article ul.list-decoration {
	font-size: 14px;
	line-height: 2.3em;
	margin: 2em 0;
}
.noteblog article table {
	width: 100%;
	margin: 2em 0;
	border-collapse: collapse;
	padding: 0;
	table-layout: auto;
	border: 1px solid #808080;
	text-align: left;
	font-size: 14px;
}
.noteblog article table th {
	background-color: #D6DBE3;
	padding: 10px;
	border: 1px solid #bebebe;
	font-weight: bold;
}
.noteblog article table td {
	padding: 10px;
	border: 1px solid #bebebe;
	word-break: break-all;
}
.noteblog article .mail {
	color: #3E5798;
	font-weight: bold;
}
/*  */
.box {
	background: #E7EAEF;
	padding: 25px;
	margin: 30px 0;
}
.box .attention {
	font-size: 15px;
	margin-top: 15px;
	padding: 0 36px;
}
.box .attention p {
	background: url(../img/announcement.png) no-repeat left top;
	padding-left: 36px;
	margin-left: -36px;
	color: #f44336;
	background-size: 30px 30px;
	vertical-align: top;
}
.box .attention p span {
	font-size: 12px;
	color: #000;
}
.wpics {
	display: flex;
	flex-wrap: wrap;
}
.wpics p {
	width: 60%;
	box-sizing: border-box;
	padding: 0 30px 0 0;
}
.wpics dl {
	padding-left: 40px;
}
.wpics dl dt {
	font-weight: bold;
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 20px;
}
.wpics dl dd {
	font-size: 14px;
	line-height: 2.3em;
}
.wpics .imgbox {
	width: 40%;
}
.videobox {
	width: 50%;
	max-width: 450px;
	margin: 40px 0 0;
}
.backlink {
	text-align: center;
}
.backlink a {
	position: relative;
	color: #3E5798;
	text-decoration: none;
	font-size: 15px;
	line-height: 20px;
	padding-left: 30px;
	font-weight: bold;
	background: url("../img/arrow_back.png") no-repeat left center;
	background-size: 16px 16px;
}
.articles_link {
	text-align: left;
}
.articles_link a {
	position: relative;
	color: #3E5798;
	text-decoration: none;
	font-size: 14px;
	line-height: 20px;
	padding-left: 30px;
	font-weight: bold;
	background: url("../img/arrow_back2.png") no-repeat left center;
	background-size: 16px 16px;
}
.color-bg_gray {
	display: block;
	background-color: #f5f5f5;
	border-radius: 10px;
}
.p20 {
	padding: 20px;
}
.hidden {
	visibility: hidden;
}
.last {
	margin-bottom: 0;
}
.boxwrap {
	width: 90%;
	max-width: 980px;
	margin: 0 auto;
	padding: 60px 0 80px;
}
.boxwrap.ptn01 {
	max-width: 960px;
	padding-top: 70px;
	padding-bottom: 0;
}
.boxwrap
.att {
	font-size: 14px;
	margin-left: 1.5em;
	text-indent: -1.5em;
	letter-spacing: 0;
}
.att span {
	font-weight: bold;
	color: #009DE8;
}
.list .inner {
	display: none;
}
.list .inner .wrap {
	display: none;
}
.list .inner.active {
	display: block;
}
.list .inner .wrap.active {
	display: table;
	width: 100%;
}
.list .inner .wrap.active.top {
	margin-top: 55px;
}
.list .inner .year-wrap {
	display: none;
}
.list .inner .year-wrap.active {
	display: block;
}
.list .inner .year-wrap2 {
	display: none;
}
.list .inner .year-wrap2.active {
	display: block;
}
.list .inner .year-wrap3 {
	display: none;
}
.list .inner .year-wrap3.active {
	display: block;
}
.list .inner .year-wrap4 {
	display: none;
}
.list .inner .year-wrap4.active {
	display: block;
}
.list .inner .tag-wrap {
	display: none;
}
.list .inner .tag-wrap.active {
	display: block;
}
.tab {
	display: flex;
	align-items: center;
	width: 100%;
  margin: 80px 0 0;
}
.tab > li {
	width: 49.5%;
	padding: 10px 0 8px;
	border-radius: 10px 10px 0 0;
	margin: 0 1% 0 0;
	text-align: center;
	list-style: none;
	cursor: pointer;
	color: #009DE8;
	background: #ECEFF4;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	transition: all .3s;
}
.tab > li:last-child {
	margin-right: 0;
}
.tab > li.active {
	color: #fff;
	background: #009DE8;
}
.tab > li.active:before {
	content: "●";
	font-size: 12px;
	line-height: 1em;
	color: #FFF;
	position: absolute;
	left: 20px;
	top: calc(50% - 6px);
}
.tab > li:hover {
	opacity: .9;
}
.panel {
	width: 100%;
	background: #fff;
	box-shadow: 0px 3px 6px 0px rgba(18, 16, 16, 0.07);
	box-sizing: border-box;
	padding: 30px 40px;
	border-radius: 0 0 10px 10px;
}
.stab01, .stab02 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
}
.stab01 li, .stab02 li {
	box-sizing: border-box;
	padding: 10px 10px 5px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #009DE8;
	background: #ECEFF4;
	cursor: pointer;
	position: relative;
	min-height: 70px;
}
.stab01 li div {
	height: 50px;
	position: relative;
}
.stab02 li div {
	height: 70px;
}
.stab01 li div p, .stab02 li div p {
	line-height: 1.4em;
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	color: #009DE8;
	font-weight: bold;
}
.stab01 li.active div p, .stab02 li.active div p {
	color: #FFF;
}
.stab01 li.active, .stab02 li.active {
	color: #FFF;
	background: #009DE8;
}
.stab01 li.active:after, .stab02 li.active:after {
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	pointer-events: none;
	position: absolute;
	border-color: rgba(0, 157, 232, 0);
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-right-width: 10px;
	margin-left: -10px;
	border-top-color: #009DE8;
	top: 100%;
	left: 50%;
}
.stab01 li {
	width: 13%;
}
.stab02 li {
	width: 24%;
}
.note_articles .stab01 li {
	width: 24%;
}
.wrap h3, .wrap2 h3,
.tag-wrap h3 {
	text-align: center;
	font-size: 18px;
	color: #009DE8;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: solid 5px #E7EAEF;
}
.wrap a,
.tag-wrap a {
	text-decoration: none;
}
.stepbox {
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	background: #ECEFF4;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.stepbox .textbox {
	width: calc(100% - 240px);
	box-sizing: border-box;
	padding: 0 20px 0 0;
}
.stepbox .textbox .p01 {
	font-size: 16px;
	font-weight: bold;
	color: #009DE8;
}
.stepbox .textbox .hash {
	font-size: 11px;
	color: #fff;
}
.stepbox .textbox .hash span {
	display: inline-block;
	line-height: 1.6em;
	letter-spacing: 0;
	padding: 0 5px;
	margin-right: 5px;
}
.hash01 {
	background: #3DB26A;
}
.hash02 {
	background: #3E5798;
}
.hash03 {
	background: #DE862E;
}
.stepbox .textbox .p02 {
	font-size: 13px;
	line-height: 1.8em;
	padding: 10px 0;
}
.stepbox .movie_btn {
	width: 240px;
}
.manual_btn {
	display: inline-block;
	background: #FFF;
	border: solid 1px #009DE8;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 0 30px;
	height: 30px;
	color: #009DE8;
	position: relative;
}
.manual_btn:before {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	left: 8px;
	width: 16px;
	height: 16px;
	background: url("../img/icon_key.png") no-repeat center center;
	background-size: contain;
}
.manual_btn:after {
	content: "";
	position: absolute;
	top: calc(50% - 6px);
	right: 8px;
	width: 12px;
	height: 12px;
	background: url("../img/arrow_blue.png") no-repeat center center;
	background-size: contain;
}
.manual_btn p {
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	color: #009DE8;
}
.wpics .np01, .np01 {
	font-size: 14px;
	padding: 0 0 30px;
}
.wpics .np02, .np02 {
	font-size: 14px;
	padding: 0 0 15px;
}
.links {
	width: 100%;
	margin: 30px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.links li {
	width: 49%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
	box-shadow: 1px 3px 10px 1px rgba(18, 16, 16, 0.15);
	border-radius: 5px;
	box-sizing: border-box;
	padding: 20px;
	background: url("../img/arrow_big.png") no-repeat 95% 90%;
	background-size: 24px auto;
	position: relative;
}
.links li.cs {
	pointer-events: none;
	background: none;
}
.links li .imgbox {
	width: 45%;
}
.links li .textbox {
	width: 50%;
}
.links li .textbox .title {
	font-size: 14px;
	line-height: 1.4em;
	padding-bottom: 15px;
	font-weight: bold;
	color: #009DE8;
}
.links li .textbox .p01 {
	font-size: 14px;
	line-height: 1.6em;
}
.links li .textbox .p01 {
	font-size: 13px;
	line-height: 1.6em;
}
.links li .textbox .p02 {
	font-size: 12px;
	line-height: 1.6em;
}
.bnlist {
	width: 100%;
	position: relative;
	padding: 30px 0;
	border-bottom: solid #D0D8E3 1px;
	display: flex;
	flex-wrap: wrap;
	background: #FFF;
	transition: all .5s;
}
.bnlist dt {
	width: 20%;
	position: relative;
}
.bnlist dt p {
	position: absolute;
	font-size: 13px;
	font-weight: bold;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.bnlist dd {
	width: 80%;
	position: relative;
	background: url("../img/arrow_blue.png") no-repeat 96% center;
	background-size: 16px auto;
}
.bnlist dd ul li {
	list-style: none;
	font-size: 14px;
	line-height: 1.6em;
}
.bnlist:hover {
	background: #EBF8FF;
}
.mail_title {
	box-sizing: border-box;
	padding: 20px;
	background: #ECEFF4;
	font-size: 18px;
	font-weight: bold;
}
.mail_subtitle {
	box-sizing: border-box;
	padding: 0 0 20px 0;
	font-size: 16px;
	font-weight: bold;
}
.mail_contents {
	box-sizing: border-box;
	padding: 50px 20px 60px;
	margin-bottom: 60px;
	font-size: 14px;
	line-height: 1.6em;
	border-bottom: 5px solid #E7EAEF;
}
.mail_contents a {
	color: #3E5798;
	font-weight: bold;
}
.mail_download_section figure {
	margin-left: 0;
}
.mail_download_section img {
	margin-bottom: 10px;
	width: initial;
	width: auto;
}
.mail_signature {
	text-align: right;
}
/* サポートメールバックナンバー */
.link_contents_wrap {
	position: relative;
	min-height: 100%;
}
.mB30 {
	margin-bottom: 30px;
}
.mB0 {
	margin-bottom: 0px !important;
}

/* qaページ */
.qa-list__li + .qa-list__li {
	margin-top: 20px;
}
.qa-list__li .qa-list__q {
	display: flex;
	background: #ECEFF4;
	padding: 22px 26px;
}
.qa-list__q .qa-list__txt  {
	font-weight: bold;
	font-size: 16px;
}
.qa-list__q .qa-list__dec  {
	font-weight: bold;
	font-size: 18px;
	color: #009DE8;
}
.qa-list__txt {
	padding-left: 19px;
	display: flex;
	align-items: center;
}
.qa-list__li .qa-list__a {
	display: flex;
	padding: 22px 26px;
}
.qa-list__a .qa-list__dec.ptn02 {
	font-weight: bold;
	color: #5EDAAB;
}
.qa-list__a .qa-list__txt {
	font-size: 14px;
}
.qa-list__li a {
	color: #009DE8;
	text-decoration-color: #009DE8;
}
.qa-list__txt .nonline {
	color: #000;
	text-decoration: none;
}
.qa-list__txt-box a[href*="tel"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: #000;
}
.c-bottom-btn {
	margin: 0 12px;
	color: #F58A40;
	background: #fff;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 11px 60px;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
}
.c-bottom-btn::before {
	content: "";
	width: 25px;
	height: 25px;
	background: #F58A40;
	position: absolute;
	top: 0;
	left: 0;
	clip-path: polygon(100% 0, 0 100%, 0 0);
}

.c-bottom-btn.blue::before {
	background: #41B8F7;
}
.c-bottom-btn.blue .c-bottom-btn__txt {
	color: #41B8F7;
}


.c-bottom-btn .c-bottom-btn__txt{
	color: #F58A40;
	font-weight: 800;
	font-size: 18px;
}
.c-bottom-btn__img {
	max-width: 270px;
}
.c-bottom-btn .c-bottom-btn__dec {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #41B8F7;
	position: absolute;
	right: 20px;
}
.c-bottom-btn .c-bottom-btn__dec::before {
	content: "";
	width: 6px;
	height: 6px;
	background: #fff;
	clip-path: polygon(98% 46%, 0 100%, 0 0);
	position: absolute;
	top: 50%;
	left: 35%;
	transform: translate(0,-50%);
}

@media only screen and (max-width: 800px) {
	.brtab {
		display: block;
	}
	header {
		height: 60px;
	}
	header .logo {
		width: 220px;
		margin: 10px 0 0 10px;
	}
	.header_menu {
		width: 100%;
		position: relative;
	}
	.header_menu ul {
		top: 15px;
	}
	.header_menu ul li {
		height: 30px;
	}
	.header_menu ul li a {
		font-size: 13px;
		line-height: 30px;
	}
	.header_menu ul li a:after {
		width: 12px;
		height: 14px;
		right: 0px;
		top: calc(50% - 8px);
	}
	/* グロナビ */
	.global_navi {
		width: 100%;
		height: 45px;
		top: 60px;
	}
	.global_navi ul {
		width: 100%;
		margin: 8px auto 0;
		height: 32px;
	}
	.global_navi ul li {
		width: 20%;
		line-height: 32px;
	}
	.global_navi ul li a {
		font-size: min(2.3vw, 13px);
	}
	.global_navi ul li.active a {
		color: #BEBEBE;
	}
	/*.global_navi ul li:nth-child(1).active a:before {
	width: 2em;
}
.global_navi ul li:nth-child(2).active a:before {
	width: 5.1em;
}
.global_navi ul li:nth-child(3).active a:before {
	width: 6.1em;
}
.global_navi ul li:nth-child(4).active a:before {
	width: 4em;
}*/
	/*　ページHISTORY */
	.history {
		width: 100%;
		background: #F8F8F8;
		height: 35px;
		position: relative;
	}
	.history ul {
		width: 90%;
		padding: 8px 0 0;
	}
	.history ul li {
		font-size: 11px;
		padding-right: 8px;
		margin-right: 8px;
	}
	.history ul li:before {
		right: -2px;
		top: -1px;
		font-size: 10px;
	}
	/* フッタ*/
	.footer_link {
		padding: 30px 0 30px;
	}
	.footer_link p {
		width: 220px;
		margin: 0 auto 20px;
		font-size: 15px;
	}
	.footer_link ul {
		width: 90%;
		justify-content: flex-start;
	}
	.footer_link ul li {
		width: 31.33%;
		margin: 1%;
	}
	.footerbox {
		width: 90%;
	}
	.footerbox .link a {
		line-height: 30px;
		font-size: 11px;
	}
	.footerbox .cr {
		position: relative;
		right: 0;
		top: auto;
		width: 100%;
	}
	/* メインコンテンツ　TOP */
	.main {
		width: 100%;
		padding-top: 105px;
	}
	.h1bar {
		height: 150px;
		padding: 3% 0 0;
	}
	.h1bar:before {
		left: 5%;
		top: -10px;
		width: 100px;
		height: 100px;
	}
	.h1bar:after {
		right: 5%;
		bottom: -10px;
		width: 100px;
		height: 100px;
	}
	.top_copy {
		width: 65%;
		margin: 0 auto 0;
	}
	.top_btn {
		width: 200px;
		margin: 5px auto 0;
	}
	.main h1 {
		font-size: 30px;
		padding: 25px 0 20px;
	}
	.main h1.long {
		font-size: 20px;
		padding: 35px 0 20px;
	}
	.caution .p01 {
		width: 100%;
		box-sizing: border-box;
		color: #DE3939;
		font-size: 12px;
		font-weight: bold;
		position: relative;
		line-height: 1.6em;
		margin-bottom: 15px;
	}
	.caution .p01.more a {
		width: auto;
		padding-right: 100px;
		position: relative;
		display: inline-block;
	}
	.caution .p01.more a:after {
		position: relative;
		width: 80px;
		height: 18px;
		right: 0;
		top: auto;
		font-size: 11px;
		display: inline-block;
	}
	/* 記事リンク TOP */
	.contents {
		width: 90%;
		margin: 30px auto;
	}
	.contents100 {
		width: 100%;
		padding-bottom: 80px;
	}
	/* NEWS　TOP */
	.top_news {
		width: 100%;
		height: 180px;
		margin-bottom: 30px;
	}
	.newsbox {
		height: 100%;
	}
	.newsbox dl {
		width: 96%;
		font-size: 13px;
		margin-left: 1%;
	}
	.newsbox dl dt {
		width: 100%;
	}
	.newsbox dl dt span {
		display: inline-block;
		margin-left: 5px;
		line-height: 20px;
		text-align: center;
		width: 140px;
		letter-spacing: 0;
		color: #FFF;
	}
	.newsbox dl dd {
		width: 100%;
	}
	/* メインコンテンツ　TOP */
	.main h2 {
		font-size: 16px;
		padding-left: 30px;
		margin-bottom: 10px;
		letter-spacing: .06em;
	}
	.main h2:before {
		width: 24px;
		height: 20px;
		left: 0;
		top: 4px;
	}
	.icon01 {
		margin-left: 8px;
	}
	.top_articles {
		width: 100%;
	}
	.top_articles section {
		width: calc(100%);
		padding: 0px 0 30px;
		margin-bottom: 20px;
	}
	.section_title {
		width: 96%;
	}
	.section_title .readall {
		right: 0;
		top: calc(50% - 10px);
		position: absolute;
		font-size: 11px;
	}
	.section_title .readall a {
		text-decoration: none;
		padding-right: 15px;
	}
	.section_title .readall a:before {
		right: 0;
		top: 2px;
		width: 12px;
		height: 12px;
	}
	.articles {
		width: 96%;
		margin: 10px auto 0;
	}
	.articles li {
		width: 31.33%;
	}
	.articles li .title {
		font-size: 13px;
		padding: 10px 15px 5px;
		line-height: 1.6em;
	}
	.articles li .p01 {
		font-size: 12px;
		padding: 0 15px 40px;
		line-height: 1.6em;
	}
	.articles li .read {
		font-size: 12px;
		padding-right: 15px;
		right: 15px;
		bottom: 10px;
	}
	.articles li .read:before {
		right: 0;
		top: calc(50% - 6px);
		width: 12px;
		height: 12px;
	}
	.seminar .articles li .read,
	.seminar .articles li .read:before {
		display: none;
	}
	/* TOP 右サイド　リンク集 */
	.top_links {
		width: 100%;
	}
	.top_links > ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.top_links > ul li {
		width: 49%;
		margin-bottom: 10px;
		box-shadow: 0px 3px 6px 0px rgba(18, 16, 16, 0.07);
		border-radius: 10px;
		transition: all .3s;
	}
	.linklist {
		background: #ECEFF4;
		margin: 10px 0 0;
		box-sizing: border-box;
		padding: 23px;
	}
	.linklist p {
		color: #7C8BA3;
		width: 100%;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		border-bottom: solid 5px #D6DBE3;
		margin-bottom: 10px;
	}
	.linklist ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.linklist ul li {
		width: 49%;
		margin-bottom: 2%;
		transition: all .3s;
	}
	.linklist ul li:hover {
		opacity: .8;
	}
	.wrap01 {
		padding: 40px 0;
	}
	.wrap02 {
		padding: 40px 0;
		background: #F7FAFC;
	}
	.contents100 h2 {
		font-size: 18px;
		display: inline-block;
	}
	.contents100 h2:before {
		width: 16px;
		height: 16px;
		top: calc(50% - 9px);
	}
	.note_articles, .links_articles {
		width: 100%;
		margin: 0 auto;
	}
	.note_articles section, .links_articles section {
		width: 90%;
		padding: 0;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.note_articles .articles {
		width: 100%;
		box-sizing: border-box;
	}
	.note_articles .articles li {
		width: 48%;
		margin-bottom: 4%;
	}
	.seminar .articles {
		padding: 0;
	}
	.seminar .articles li {
		width: 100%;
		margin: 0 0% 2%;
		padding: 20px;
	}
	.seminar .articles li .imgbox {
		width: 200px;
		padding: 10px 15px 0 0;
	}
	.seminar .articles li .txtbox {
		width: calc(100% - 200px);
		order: 1;
	}
	.blog_wrap {
		padding: 40px 0 60px;
		width: 90%;
		margin: 0 auto;
	}
	.blog_wrap h2 {
		font-size: 18px;
		padding-left: 0;
		width: 100%;
		padding-bottom: 5px;
		margin-bottom: 20px;
	}
	.author {
		width: 100%;
		height: 100px;
		border-radius: 5px;
		padding: 15px;
		margin-bottom: 60px;
	}
	.author .imgbox {
		width: 65px;
		height: 65px;
	}
	.author .date {
		width: calc(100% - 70px);
		box-sizing: border-box;
		padding: 10px 0 0 15px;
	}
	.author .date p {
		font-size: 13px;
	}
	.noteblog article {
		width: 100%;
		padding-bottom: 40px;
		margin-bottom: 40px;
	}
	.noteblog article h3 {
		font-size: 16px;
		padding-left: 30px;
		margin-bottom: 10px;
	}
	.noteblog article h3:before {
		width: 20px;
		height: 20px;
		top: calc(50% - 11px);
		left: 2px;
	}
	.noteblog article p {
		font-size: 13px;
		line-height: 2em;
	}
	.noteblog article p.cite {
		font-size: 10px;
	}
	/* 追記 */
	.noteblog article ul {
		font-size: 13px;
		line-height: 2em;
	}
	.box {
		background: #E7EAEF;
		padding: 25px;
	}
	.box .attention {
		font-size: 15px;
		margin-top: 0;
		padding: 0 0 0 36px;
	}
	.box .attention p {
		background: url(../img/announcement.png) no-repeat left top;
		padding-left: 36px;
		margin-left: -36px;
		color: #f44336;
		background-size: 30px 30px;
		vertical-align: top;
		font-size: 13px;
	}
	.box .attention p span {
		font-size: 10px;
		color: #000;
	}
	/*  */
	.wpics {
		display: flex;
		flex-wrap: wrap;
	}
	.wpics p {
		width: 100%;
		box-sizing: border-box;
		padding: 0;
	}
	.wpics dl {
		padding-left: 0;
		margin: 15px 0;
	}
	.wpics dl dt {
		font-size: 16px;
		line-height: 2em;
	}
	.wpics dl dd {
		font-size: 13px;
		line-height: 2em;
	}
	.wpics .imgbox {
		width: 100%;
		max-width: 500px;
		/* margin: 0; */
		margin: 30px auto 0;
	}
	.videobox {
		width: 100%;
		max-width: 500px;
		margin: 30px auto 0;
	}
	.backlink {
		text-align: center;
	}
	.backlink a {
		font-size: 14px;
		line-height: 20px;
		padding-left: 30px;
		background-size: 16px 16px;
	}
	.hidden {
		display: none;
	}
	.boxwrap {
		width: 90%;
		margin: 0 auto;
		padding: 60px 0 80px;
	}
	.boxwrap.ptn01 {
		padding-top: 70px;
		padding-bottom: 0;
	}
	.att {
		font-size: 14px;
		margin-left: 1.5em;
		text-indent: -1.5em;
		letter-spacing: 0;
	}
	.att span {
		font-weight: bold;
		color: #009DE8;
	}
	.tab {
		display: flex;
		align-items: center;
		width: 100%;
		padding: 0;
		margin: 60px 0 0;
	}
	.tab > li {
		width: 49.5%;
		padding: 10px 0 8px;
		margin: 0 1% 0 0;
		font-size: 14px;
	}
	.tab > li.active:before {
		font-size: 11px;
		left: 10px;
		top: calc(50% - 5px);
	}
	.panel {
		width: 100%;
		padding: 20px 15px;
		border-radius: 0 0 10px 10px;
	}
	.stab01 li, .stab02 li {
		box-sizing: border-box;
		padding: 10px 5px 5px;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		color: #009DE8;
		background: #ECEFF4;
		cursor: pointer;
		position: relative;
		min-height: 50px;
	}
	.stab01 li div {
		height: 30px;
		position: relative;
	}
	.stab02 li div {
		height: 30px;
	}
	.stab01 li div p, .stab02 li div p {
		line-height: 1.4em;
		transform: translate(-50%, -50%);
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		color: #009DE8;
		font-weight: bold;
	}
	.stab01 li.active div p, .stab02 li.active div p {
		color: #FFF;
	}
	.stab01 li.active, .stab02 li.active {
		color: #FFF;
		background: #009DE8;
	}
	.stab01 li {
		width: 24%;
		margin-bottom: 15px;
	}
	.stab01 li:nth-child(n + 5) {
		width: 32.33%;
	}
	.stab02 li {
		width: 24%;
	}
	.wrap h3, .wrap2 h3 {
		text-align: left;
		font-size: 16px;
		font-weight: bold;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.stepbox {
		width: 100%;
		padding: 20px;
		margin-bottom: 20px;
	}
	.stepbox .textbox {
		width: calc(100% - 150px);
		padding: 0 20px 0 0;
	}
	.stepbox .textbox .p01 {
		font-size: 16px;
	}
	.stepbox .movie_btn {
		width: 150px;
	}
	.np01 {
		font-size: 14px;
		padding: 0 0 30px;
	}
	.np02 {
		font-size: 14px;
		padding: 0 0 15px;
	}
	.links {
		width: 100%;
		margin: 30px auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.links li {
		width: 100%;
		padding: 20px;
		background: url("../img/arrow_big.png") no-repeat 95% 90%;
		background-size: 20px auto;
	}
	.links li .imgbox {
		width: 45%;
	}
	.links li .textbox {
		width: 50%;
	}
	.links li .textbox .title {
		font-size: 14px;
	}
	.links li .textbox .p01 {
		font-size: 13px;
		line-height: 1.6em;
	}
	.links li .textbox .p02 {
		font-size: 12px;
		line-height: 1.6em;
	}
	.bnlist {
		padding: 20px 0;
	}
	.bnlist dt {
		width: 100%;
		position: relative;
	}
	.bnlist dt p {
		position: relative;
		font-size: 14px;
		font-weight: bold;
		left: 10px;
		top: auto;
		transform: translateY(0);
	}
	.bnlist dd {
		width: 100%;
		position: relative;
		background: url("../img/arrow_blue.png") no-repeat 96% bottom;
		background-size: 16px auto;
		box-sizing: border-box;
		padding: 0 30px 0 0;
	}
	.bnlist dd ul li {
		list-style: none;
		font-size: 14px;
		line-height: 1.6em;
	}
	.bnlist dd ul {
		margin-left: 1.5em;
	}
	.bnlist:hover {
		background: #EBF8FF;
	}
	.mail_title {
		padding: 10px;
		font-size: 16px;
	}
	.mail_subtitle {
		box-sizing: border-box;
		padding: 0 0 20px 0;
		font-size: 14px;
		font-weight: bold;
	}
	.mail_contents {
		padding: 40px 0px 40px;
		margin-bottom: 50px;
		font-size: 13px;
		line-height: 1.6em;
	}
	.c-bottom-btn {
		padding: 8px 30px;
		margin-right: 5px;
		margin-left: 5px;
	}
	.c-bottom-btn .c-bottom-btn__dec {
		width: 12px;
		height: 12px;
	}
	.c-bottom-btn::before {
		width: 12px;
		height: 20px;
	}
	.c-bottom-btn .c-bottom-btn__txt{
		font-size: 14px;
	}
	.btn-content .btn-content-box.ptn01 .sub-btn:nth-child(n+3) {
		margin-top: 15px;
	}
	.btn-content .btn-content-box.ptn01 .sub-btn:nth-child(n+5) {
		margin-top: 22px;
	}
}
/*  ////////////////////////////////////////////////// */
@media only screen and (max-width: 600px) {
	.brsp {
		display: block;
	}
	header {
		height: 100px;
	}
	header .logo {
		width: 180px;
		margin: 10px auto 10px;
		position: relative;
	}
	.header_menu {
		width: 100%;
		position: relative;
		height: 30px;
	}
	.header_menu ul {
		top: auto;
		left: auto;
		right: auto;
		width: 90%;
		max-width: 230px;
		position: relative;
		margin: 0 auto 5px;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
	}
	.header_menu ul li {
		width: 100%;
		height: 30px;
		background: #33CBFC;
		box-sizing: border-box;
		padding: 0 10px 0 40px;
		border-radius: 5px;
	}
	.header_menu ul li a {
		font-size: 13px;
		display: block;
		line-height: 30px;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
		position: relative;
	}
	.header_menu ul li a:after {
		width: 12px;
		height: 14px;
		content: "";
		position: absolute;
		left: -25px;
		top: calc(50% - 8px);
		background: url("../img/login-icon.svg") no-repeat center center;
		background-size: contain;
	}
	/* グロナビ */
	.global_navi {
		width: 100%;
		height: 40px;
		top: 100px;
	}
	.global_navi ul {
		width: 100%;
		margin: 10px auto 0;
		height: 25px;
		justify-content: space-around;
	}
	.global_navi ul li {
		width: auto;
		line-height: 25px;
		position: relative;
	}
	.global_navi ul li:nth-child(-n + 4) {
		border-right: none;
	}
	.global_navi ul li a {
		font-size: min(3.4vw, 13px);
	}
	/*　ページHISTORY */
	.history {
		display: none;
	}
	.footer_link ul {
		width: 78%;
		max-width: 300px;
		margin: 0 auto;
	}
	.footer_link ul li {
		width: 100%;
		margin: 1%;
	}
	/* メインコンテンツ　TOP */
	.main {
		width: 100%;
		padding-top: 140px;
	}
	.h1bar {
		height: 130px;
		padding: 3% 0 0;
	}
	.h1bar:before {
		left: -8%;
		top: -10px;
		width: 100px;
		height: 100px;
	}
	.h1bar:after {
		right: -8%;
		bottom: -10px;
		width: 100px;
		height: 100px;
	}
	.top_copy {
		width: 230px;
		margin: 20px auto 10px;
	}
	.top_btn {
		width: 200px;
		margin: 5px auto 0;
	}
	.main h1 {
		font-size: 18px;
		padding: 35px 0 20px;
	}
	.main h1.long {
		font-size: 18px;
		line-height: 1.4em;
		padding: 40px 0 35px;
	}
	/* 記事リンク TOP */
	.contents {
		width: 90%;
		margin: 30px auto;
	}
	.contents100 {
		width: 100%;
		padding-bottom: 50px;
	}
	/* NEWS　TOP */
	.top_news {
		width: 100%;
		height: 180px;
		margin-bottom: 30px;
	}
	.newsbox {
		height: 100%;
	}
	/* メインコンテンツ　TOP */
	.main h2 {
		font-size: 16px;
		padding-left: 30px;
		margin-bottom: 10px;
		letter-spacing: .06em;
	}
	.main h2:before {
		width: 24px;
		height: 20px;
		left: 0;
		top: 4px;
	}
	.top_articles {
		width: 100%;
	}
	.top_articles section {
		width: calc(100%);
		padding: 0px 0 30px;
		margin-bottom: 20px;
	}
	.section_title {
		width: 96%;
	}
	.section_title .readall {
		right: 0;
		top: auto;
		position: relative;
		font-size: 11px;
	}
	.section_title .readall a {
		text-decoration: none;
		padding-right: 15px;
	}
	.section_title .readall a:before {
		right: 0;
		top: 2px;
		width: 12px;
		height: 12px;
	}
	.articles {
		width: 96%;
		margin: 10px auto 0;
	}
	.articles li {
		width: 100%;
		margin-bottom: 20px;
	}
	.articles.ptn01 li {
		width: 100%;
	}
	/* TOP 右サイド　リンク集 */
	.top_links {
		width: 100%;
	}
	.top_links > ul li {
		width: 100%;
	}
	.linklist {
		background: #ECEFF4;
		margin: 10px 0 0;
		box-sizing: border-box;
		padding: 23px 7%;
	}
	.linklist ul {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	.linklist ul li {
		width: 100%;
		margin-bottom: 2%;
		transition: all .3s;
	}
	.wrap01 {
		padding: 40px 0;
	}
	.wrap02 {
		padding: 40px 0;
		background: #F7FAFC;
	}
	.contents100 h2 {
		font-size: 16px;
		display: inline-block;
		padding-left: 22px;
	}
	.contents100 h2:before {
		width: 16px;
		height: 16px;
		top: 7px;
	}
	.note_articles, .links_articles {
		width: 100%;
		margin: 0 auto;
	}
	.note_articles section, .links_articles section {
		width: 90%;
		padding: 0;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.note_articles .articles {
		width: 100%;
		box-sizing: border-box;
	}
	.note_articles .articles li {
		width: 100%;
		margin-bottom: 4%;
	}
	.seminar .articles {
		padding: 0;
	}
	.seminar .articles li {
		width: 100%;
		margin: 0 0% 2%;
		padding: 10px 10px 30px;
	}
	.seminar .articles li .imgbox {
		width: 100%;
		order: 1;
		padding: 10px 0 0;
	}
	.seminar .articles li .txtbox {
		width: calc(100%);
		order: 2;
	}
	/*.seminar .articles li .read {
		display: block;
	}*/
	.seminar .articles li .read,
	.seminar .articles li .read:before {
		display: none;
	}
	.seminar .articles li:after {
		display: none;
	}
	.seminar .articles li .title {
		font-size: 13px;
		padding: 10px 5px 5px;
		line-height: 1.6em;
	}
	.seminar .articles li .p01 {
		font-size: 12px;
		padding: 0 5px 10px;
		line-height: 1.6em;
	}
	.seminar .articles li .p01.chapter {
		padding: 0 5px 10px !important;
	}
	.blog_wrap {
		padding: 20px 0 20px;
		width: 90%;
		margin: 0 auto;
	}
	.blog_wrap h2 {
		font-size: 16px;
		line-height: 1.6em;
		padding-left: 0;
		width: 100%;
		padding-bottom: 5px;
		margin-bottom: 20px;
	}
	.author {
		width: 100%;
		height: 100px;
		border-radius: 5px;
		padding: 15px;
		margin-bottom: 60px;
	}
	.author .imgbox {
		width: 65px;
		height: 65px;
	}
	.author .date {
		width: calc(100% - 70px);
		box-sizing: border-box;
		padding: 10px 0 0 15px;
	}
	.author .date p {
		font-size: 13px;
	}
	.noteblog article {
		width: 100%;
		padding-bottom: 40px;
		margin-bottom: 40px;
	}
	.noteblog article h3 {
		font-size: 16px;
		padding-left: 30px;
		margin-bottom: 10px;
	}
	.noteblog article h3:before {
		width: 20px;
		height: 20px;
		top: calc(50% - 11px);
		left: 2px;
	}
	.noteblog article h4 {
		font-size: 14px;
	}
	.noteblog article p {
		font-size: 13px;
		line-height: 2em;
	}
	.noteblog article p.cite {
		font-size: 10px;
	}
	/* 追記 */
	.noteblog article ul {
		font-size: 13px;
		line-height: 2em;
	}
	.noteblog article ul.list-decoration {
		font-size: 13px;
		line-height: 2em;
	}
	.noteblog article table {
		font-size: 13px;
		line-height: 2em;
	}
	/*  */
	.wpics {
		display: flex;
		flex-wrap: wrap;
	}
	.wpics p {
		width: 100%;
		box-sizing: border-box;
		padding: 0;
	}
	.wpics .imgbox {
		width: 100%;
		max-width: 500px;
		/* margin: 0; */
		margin: 30px auto 0;
	}
	.videobox {
		width: 100%;
		max-width: 500px;
		margin: 30px auto 0;
	}
	.backlink {
		text-align: center;
	}
	.backlink a {
		font-size: 14px;
		line-height: 20px;
		padding-left: 30px;
		background-size: 16px 16px;
	}
	.boxwrap {
		width: 90%;
		margin: 0 auto;
		padding: 60px 0 80px;
	}
	.boxwrap.ptn01 {
		padding-top: 70px;
		padding-bottom: 0;
	}
	.att {
		font-size: 14px;
		margin-left: 1.5em;
		text-indent: -1.5em;
		letter-spacing: 0;
	}
	.att span {
		font-weight: bold;
		color: #009DE8;
	}
	.tab {
		display: flex;
		align-items: center;
		width: 100%;
		padding: 0;
		margin: 60px 0 0;
	}
	.tab > li {
		width: 49.5%;
		padding: 10px 0 8px;
		margin: 0 1% 0 0;
		font-size: min(2vw,12px);
	}
	.tab > li.active:before {
		display: none;
	}
	.panel {
		width: 100%;
		padding: 20px 15px;
		border-radius: 0 0 10px 10px;
	}
	.stab01 li, .stab02 li {
		box-sizing: border-box;
		padding: 10px 5px 5px;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		color: #009DE8;
		background: #ECEFF4;
		cursor: pointer;
		position: relative;
		min-height: 50px;
	}
	.stab01 li div {
		height: 30px;
		position: relative;
	}
	.stab02 li div {
		height: 30px;
	}
	.stab01 li div p, .stab02 li div p {
		line-height: 1.4em;
		transform: translate(-50%, -50%);
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		color: #009DE8;
		font-weight: bold;
		font-size: min(4vw, 11px);
	}
	.stab01 li.active div p, .stab02 li.active div p {
		color: #FFF;
	}
	.stab01 li.active, .stab02 li.active {
		color: #FFF;
		background: #009DE8;
	}
	.stab01 li {
		width: 49%;
		margin-bottom: 15px;
	}
	.stab01 li:nth-child(n + 5) {
		width: 32.33%;
	}
	.stab02 li {
		width: 49%;
		margin-bottom: 15px;
	}
	.wrap h3, .wrap2 h3 {
		text-align: left;
		font-size: 16px;
		font-weight: bold;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.stepbox {
		width: 100%;
		padding: 15px;
		margin-bottom: 20px;
	}
	.stepbox .textbox {
		width: 100%;
		padding: 0 0 0 0;
	}
	.stepbox .textbox .p01 {
		font-size: 16px;
	}
	.stepbox .movie_btn {
		width: 100%;
	}
	.manual_btn {
		display: inline-block;
		background: #FFF;
		border: solid 1px #009DE8;
		border-radius: 5px;
		box-sizing: border-box;
		padding: 0 20px;
		margin-bottom: 20px;
	}
	.manual_btn:before {
		top: calc(50% - 5px);
		left: 4px;
		width: 10px;
		height: 10px;
	}
	.manual_btn:after {
		top: calc(50% - 5px);
		right: 4px;
		width: 10px;
		height: 10px;
	}
	.manual_btn p {
		font-size: 11px;
		line-height: 30px;
	}
	.np01 {
		font-size: 14px;
		padding: 0 0 30px;
	}
	.np02 {
		font-size: 14px;
		padding: 0 0 15px;
	}
	.links {
		width: 100%;
		margin: 30px auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.links li {
		width: 100%;
		padding: 20px;
		background: url("../img/arrow_big.png") no-repeat 95% 90%;
		background-size: 20px auto;
	}
	.links li .imgbox {
		width: 40%;
	}
	.links li .textbox {
		width: 56%;
	}
	.links li .textbox .title {
		font-size: 13px;
	}
	.links li .textbox .p01 {
		font-size: 12px;
		line-height: 1.6em;
	}
	.links li .textbox .p02 {
		font-size: 11px;
		line-height: 1.6em;
	}
	.bnlist {
		padding: 20px 0;
	}
	.bnlist dt {
		width: 100%;
		position: relative;
	}
	.bnlist dt p {
		position: relative;
		font-size: 14px;
		font-weight: bold;
		left: 10px;
		top: auto;
		transform: translateY(0);
	}
	.bnlist dd {
		width: 100%;
		position: relative;
		background: url("../img/arrow_blue.png") no-repeat 96% bottom;
		background-size: 16px auto;
		box-sizing: border-box;
		padding: 0 30px 0 0;
	}
	.bnlist dd ul li {
		list-style: none;
		font-size: 14px;
		line-height: 1.6em;
	}
	.bnlist dd ul {
		margin-left: 1.5em;
	}
	.bnlist:hover {
		background: #EBF8FF;
	}
	.mail_title {
		padding: 10px;
		font-size: 15px;
		line-height: 1.4em;
	}
	.mail_subtitle {
		box-sizing: border-box;
		padding: 0 0 20px 0;
		font-size: 14px;
		font-weight: bold;
	}
	.mail_contents {
		padding: 40px 0px 40px;
		margin-bottom: 50px;
		font-size: 13px;
		line-height: 1.6em;
	}
	.mail_download_section figure {
		margin-left: 0;
	}
	.mail_download_section img {
		margin-bottom: 10px;
		max-width: 100%;
		height: auto;
	}
	/* qa */
	.qa-list__li .qa-list__q {
		display: flex;
		background: #ECEFF4;
		padding: 10px 13px;
	}
	.qa-list__li .qa-list__txt {
		padding-left: 10px;
	}
	.qa-list__li .qa-list__dec{
		margin-top: -2px;
		font-size: 16px;
	}
	.qa-list__q .qa-list__txt {
		font-size: 14px;
	}
	.qa-list__li .qa-list__a {
		display: flex;
		padding: 10px 13px;
	}
	.qa-list__a .qa-list__txt {
		font-size: 12px;
	}
	.qa-list__txt.ptn02 a[href*="tel:"] {
		color: #000;
		text-decoration: none;
		cursor: pointer;
		pointer-events: auto !important;
	}
	.c-bottom-btn {
		padding: 8px 10px;
	}
	.c-bottom-btn .c-bottom-btn__dec {
		width: 8px;
		height: 8px;
		right: 5px;
	}
	.c-bottom-btn .c-bottom-btn__dec::before {
		width: 3px;
		height: 3px;
	}
	.c-bottom-btn .c-bottom-btn__txt{
		font-size: 10px;
	}
	.btn-content .btn-content-box.ptn01 .sub-btn:nth-child(n+3) {
		margin-top: 15px;
	}
	.btn-content .btn-content-box.ptn01 .sub-btn:nth-child(n+5) {
		margin-top: 22px;
	}
}
.note .note_articles {
	padding: 60px 0 0;
}
.note .note_articles .intro {
	text-align: center;
	font-size: 14px;
}
.note .note_articles .stab01 {
	width: 90%;
	margin: 30px auto 50px;
	max-width: 1000px;
}
.note .note_articles h2 {
	padding: 0;
	text-align: center;
	display: block;
	position: relative;
	margin-bottom: 0;
}
.note .note_articles .h2sub {
	text-align: center;
	margin-bottom: 30px;
}
.note .note_articles .wrap01 {
	padding-top: 0;
}
.new-icon .imgbox {
	position: relative;
}
.new-icon .imgbox:before {
	width: 50px;
	height: 50px;
	background-image: url("../img/new-bar.png");
	background-repeat: no-repeat;
	background-position: -5px -4px;
	background-size: 60px auto;
	content: "";
	position: absolute;
	right: -1px;
	top: -1px;
}
@media only screen and (max-width: 600px) {
	.note .note_articles .stab01 {
		margin: 30px auto 20px;
	}
	.note .note_articles .intro {
		font-size: 13px;
		padding: 0 5%;
	}
	.note .note_articles .h2sub {
		font-size: 12px;
	}
}
.pagetop {
	width: 50px;
	height: 50px;
	content: "";
	position: fixed;
	right: 20px;
	bottom: 20px;
	background-image: url("../img/pagetop.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	cursor: pointer;
}
@media only screen and (max-width: 600px) {
	.pagetop {
		width: 40px;
		height: 40px;
		right: 15px;
		bottom: 15px;
	}
}
.login {
	padding-bottom: 0;
}
.login .wrap01 {
	padding-bottom: 0;
}
.login .wrap02 {
	padding: 0;
}
.qa .wrap02 {
	padding: 0;
}
.btn-content-split {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.btn-content-split .btn-content-box {
	width: 49.5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
}
.btn-content .btn-content-box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
}
.btn-content .btn-content-box.ptn01 {
	
}

.btn-content .btn-content-box .main-btn {
	width: 49.5%;
}
.btn-content .btn-content-box .sub-btn {
	width: 49.5%;
}
.btn-content .btn-content-box.ptn01 .sub-btn {
	width: 48.5%;
}
.btn-content .btn-content-box.ptn01 .sub-btn:nth-child(n+3) {
	margin-top: 30px;
}
.btn-content .btn-content-box.ptn01 .sub-btn:nth-child(n+5) {
	margin-top: 45px;
}

.main-btn, .sub-btn {
	opacity: 1;
	transition: all .5s;
}
.main-btn.cs, .sub-btn.cs {
	pointer-events: none;
	opacity: .5;
}
@media (hover: hover) and (pointer: fine) {
	.main-btn:hover, .sub-btn:hover {
		opacity: .8;
	}
}
.btn-content-box ul {
	padding: 10px 15px;
	width: 49.5%;
	box-sizing: border-box;
}
.btn-content-box ul li a {
	font-size: 14px;
	color: #000;
	/*text-decoration: none;*/
	letter-spacing: 0;
}
.btn-content-box ul[class^="link-style"] li a {
	font-size: 14px;
	line-height: 1.24em;
	text-decoration: none;
	transition: all .5s;
}
.btn-content-box ul[class^="link-style"] li a:hover {
	opacity: .7;
}
.btn-content-box .link-style24 li span {
	font-size: 14px;
	color: #000;
	/*text-decoration: none;*/
	letter-spacing: 0;
}
.btn-content-box ul li {
	padding-left: 15px;
	position: relative;
	box-sizing: border-box;
}
.btn-content-box ul li:before {
	content: "";
	position: absolute;
	left: 0px;
	top: .7em;
	width: 8px;
	height: 8px;
	background: #000;
	border-radius: 50%;
}
.btn-content-box ul.link-style26 li:before {
	background: #FAC49F;
}
.btn-content-box ul.link-style25 li:before {
	background: #A0DBFB;
}
.btn-content-box ul.link-style24 li:before {
	background: #FAC49F;
}
@media only screen and (max-width: 600px) {
	.btn-content-split .btn-content-box {
		width: 100%;
		margin-bottom: 30px;
	}

	.btn-content .btn-content-box .main-btn {
		width: 100%;
	}
	.btn-content .btn-content-box .sub-btn {
		width: 100%;
	}
	.btn-content-box ul {
		width: 100%;
		padding: 5px 5px;
	}
	.btn-content-box ul li a {
		font-size: 12px;
		letter-spacing: 0;
		line-height: 1.2em;
	}
	.btn-content-box .link-style24 li span {
		font-size: 12px;
		letter-spacing: 0;
		line-height: 1.2em;
	}
	.btn-content-box ul li:before {
		content: "";
		position: absolute;
		left: 0px;
		top: .8em;
		width: 8px;
		height: 8px;
		background: #000;
		border-radius: 50%;
	}
	.btn-content-box ul[class^="link-style"] li a {
		font-size: 11px;
		line-height: 1em;
	}
}
.no-movie {
	text-align: center;
	font-size: 14px;
	padding: 80px 0 80px;
}
.contents100 .wrap01 section .links li, .contents100 .wrap02 section .links li {
	transition: all .5s;
}
.contents100 .wrap01 section .links li:hover, .contents100 .wrap02 section .links li:hover {
	opacity: .7;
}
.m-height {
	min-height: 800px;
}
@media only screen and (max-width: 600px) {
	.m-height {
		min-height: 400px;
	}
}
.top-h1bar {
	height: 200px;
	position: relative;
	box-sizing: border-box;
	padding: 20px 0 0;
	overflow: hidden;
}
.top-h1bar:before, .top-h1bar:after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	z-index: 1;
}
.top-h1bar .btn {
	width: 80%;
	max-width: 280px;
	margin: 0 auto;
	z-index: 2;
	position: relative;
	transition: all .3s;
	transform: translateY(0);
}
.top-h1bar .btn:hover {
	transform: translateY(1px);
}
/* mv01 */
.mv01 {
	background: linear-gradient(to right, #9cdaf9 0%, #118eee 50%, #267ce3 75%, #9cd5f7 100%);
}
.top-h1bar.mv01 .copy {
	width: 90%;
	margin: 20px auto 20px;
	max-width: 580px;
	z-index: 2;
	position: relative;
}
.top-h1bar.mv01:before {
	background-image: url("../img/mv01-deco01.svg");
	width: 200px;
	height: 200px;
	left: 3%;
	top: 60%;
	transform: translateY(-50%);
}
.top-h1bar.mv01:after {
	background-image: url("../img/mv01-deco02.svg");
	width: 280px;
	height: 280px;
	right: 1%;
	top: 50%;
	transform: translateY(-50%);
}
@media only screen and (max-width: 1023px) {
	.top-h1bar.mv01 .copy {
		margin: 25px auto 20px;
		max-width: 320px;
	}
	.top-h1bar.mv01:before {
		width: 150px;
		height: 150px;
		left: -3%;
		top: 55%;
		transform: translateY(-50%);
	}
	.top-h1bar.mv01:after {
		width: 150px;
		height: 150px;
		right: -1%;
		top: 50%;
		transform: translateY(-50%);
	}
}
@media only screen and (max-width: 600px) {
	.top-h1bar.mv01:before {
		width: 100px;
		height: 100px;
		left: -5%;
		top: 90%;
		transform: translateY(-50%);
	}
	.top-h1bar.mv01:after {
		width: 100px;
		height: 100px;
		right: -0%;
		top: 85%;
		transform: translateY(-50%);
	}
}
/* mv02 */
.mv02 {
	background: linear-gradient(to right, #f0849e 0%, #d590a8 50%, #f0849e 100%);
}
.top-h1bar.mv02 .copy {
	width: 90%;
	margin: 20px auto 20px;
	max-width: 330px;
	z-index: 2;
	position: relative;
}
.top-h1bar.mv02:before {
	background-image: url("../img/mv02-deco01.svg");
	width: 240px;
	height: 240px;
	left: 3%;
	top: 54%;
	transform: translateY(-50%);
}
.top-h1bar.mv02:after {
	background-image: url("../img/mv02-deco02.svg");
	width: 200px;
	height: 200px;
	right: 1%;
	top: 57%;
	transform: translateY(-50%);
}
@media only screen and (max-width: 1023px) {
	.top-h1bar.mv02 .copy {
		margin: 25px auto 20px;
		max-width: 200px;
	}
	.top-h1bar.mv02:before {
		width: 200px;
		height: 200px;
		left: -1%;
		top: 54%;
		transform: translateY(-50%);
	}
	.top-h1bar.mv02:after {
		width: 180px;
		height: 180px;
		right: -1%;
		top: 57%;
		transform: translateY(-50%);
	}
	.articles li .read.ptn01 {
		bottom: 2px !important;
	}
}
@media only screen and (max-width: 600px) {
	.top-h1bar.mv02:before {
		width: 100px;
		height: 100px;
		left: -0%;
		top: 90%;
		transform: translateY(-50%);
	}
	.top-h1bar.mv02:after {
		width: 100px;
		height: 100px;
		right: -5%;
		top: 90%;
		transform: translateY(-50%);
	}
}
/* mv03 */
.mv03 {
	background: linear-gradient(to right, #7ceecc 0%, #118dee 50%, #1c7ce5 75%, #7ceecc 100%);
}
.top-h1bar.mv03 .copy {
	width: 90%;
	margin: 20px auto 20px;
	max-width: 680px;
	z-index: 2;
	position: relative;
}
.top-h1bar.mv03:before {
	background-image: url("../img/mv03-deco01.svg");
	width: 400px;
	height: 400px;
	left: -12%;
	top: 77%;
	transform: translateY(-50%);
}
.top-h1bar.mv03:after {
	background-image: url("../img/mv03-deco02.svg");
	width: 330px;
	height: 330px;
	right: -5%;
	top: 34%;
	transform: translateY(-50%);
}
@media only screen and (max-width: 1023px) {
	.top-h1bar.mv03 .copy {
		margin: 25px auto 20px;
		max-width: 350px;
	}
	.top-h1bar.mv03:before {
		width: 200px;
		height: 200px;
		left: -1%;
		top: 54%;
		transform: translateY(-50%);
	}
	.top-h1bar.mv03:after {
		width: 180px;
		height: 180px;
		right: -1%;
		top: 57%;
		transform: translateY(-50%);
	}
}
@media only screen and (max-width: 600px) {
	.top-h1bar.mv03:before {
		width: 120px;
		height: 120px;
		left: -5%;
		top: 92%;
		transform: translateY(-50%);
	}
	.top-h1bar.mv03:after {
		width: 120px;
		height: 120px;
		right: -18%;
		top: 77%;
		transform: translateY(-50%);
	}
}
/* mv04 */
.mv04 {
	background: linear-gradient(to right, #dae09f 0%, #118fef 50%, #187ee7 75%, #dae09f 100%);
}
.top-h1bar.mv04 .copy {
	width: 90%;
	margin: 20px auto 20px;
	max-width: 580px;
	z-index: 2;
	position: relative;
}
.top-h1bar.mv04:before {
	background-image: url("../img/mv04-deco01.svg");
	width: 250px;
	height: 250px;
	left: 2%;
	top: 50%;
	transform: translateY(-50%);
}
.top-h1bar.mv04:after {
	background-image: url("../img/mv04-deco02.svg");
	width: 260px;
	height: 260px;
	right: 2%;
	top: 45%;
	transform: translateY(-50%);
}
@media only screen and (max-width: 1023px) {
	.top-h1bar.mv04 .copy {
		margin: 25px auto 20px;
		max-width: 350px;
	}
	.top-h1bar.mv04:before {
		width: 180px;
		height: 180px;
		left: -5%;
		top: 54%;
		transform: translateY(-50%);
	}
	.top-h1bar.mv04:after {
		width: 180px;
		height: 180px;
		right: -5%;
		top: 50%;
		transform: translateY(-50%);
	}
}
@media only screen and (max-width: 600px) {
	.top-h1bar.mv04:before {
		width: 120px;
		height: 120px;
		left: -5%;
		top: 85%;
		transform: translateY(-50%);
	}
	.top-h1bar.mv04:after {
		width: 110px;
		height: 110px;
		right: -5%;
		top: 80%;
		transform: translateY(-50%);
	}
}
/* mv05 */
.mv05 {
	background: linear-gradient(to right, #e1abdf 0%, #118fef 50%, #187ee7 75%, #e1abdf 100%);
}
.top-h1bar.mv05 .copy {
	width: 48%;
	margin: 20px auto 20px;
	max-width: 760px;
	z-index: 2;
	position: relative;
}
.top-h1bar.mv05:before {
	background-image: url("../img/mv05-deco01.svg");
	width: 250px;
	height: 250px;
	left: 1%;
	top: 58%;
	transform: translateY(-50%);
}
.top-h1bar.mv05:after {
	background-image: url("../img/mv05-deco02.svg");
	width: 260px;
	height: 260px;
	right: 0%;
	top: 59%;
	transform: translateY(-50%);
}
@media only screen and (max-width: 1023px) {
	.top-h1bar.mv05 .copy {
		width: 90%;
		margin: 25px auto 20px;
		max-width: 350px;
	}
	.top-h1bar.mv05:before {
		width: 180px;
		height: 180px;
		left: -5%;
		top: 54%;
		transform: translateY(-50%);
	}
	.top-h1bar.mv05:after {
		width: 180px;
		height: 180px;
		right: -5%;
		top: 50%;
		transform: translateY(-50%);
	}
}
@media only screen and (max-width: 600px) {
	.top-h1bar.mv05:before {
		width: 120px;
		height: 120px;
		left: -5%;
		top: 85%;
		transform: translateY(-50%);
	}
	.top-h1bar.mv05:after {
		width: 110px;
		height: 110px;
		right: -5%;
		top: 80%;
		transform: translateY(-50%);
	}
}
.t-tab {
	margin-top: -80px;
	padding-top: 80px;
}
.tab_third,
.tab_third2,
.tab_third3,
.tab_third4 {
	margin: -20px auto 20px;
	padding: 0;
	display: flex;
	list-style: none;
}
.tab_third li,
.tab_third2 li,
.tab_third3 li,
.tab_third4 li{
	padding: 5px;
	margin-right: 5px;
}
.tab_third li,
.tab_third2 li,
.tab_third3 li,
.tab_third4 li {
	width: 49.5%;
	padding: 10px 0 8px;
	margin: 0 1% 0 0;
	text-align: center;
	list-style: none;
	cursor: pointer;
	background: #ECEFF4;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	transition: all .3s;
}
.tab_third > li:last-child,
.tab_third2 > li:last-child,
.tab_third3 > li:last-child,
.tab_third4 > li:last-child {
	margin-right: 0;
}
.tab_third > li p,
.tab_third2 > li p,
.tab_third3 > li p,
.tab_third4 > li p {
	font-weight: 600;
	color: #009DE8;
}
.tab_third li.active,
.tab_third2 li.active,
.tab_third3 li.active,
.tab_third4 li.active {
	color: #fff;
	background: #009DE8;
}
.tab_third li.active p,
.tab_third2 li.active p,
.tab_third3 li.active p,
.tab_third4 li.active p {
	color: #FFF;
}
.tab_third li:hover,
.tab_third2 li:hover,
.tab_third3 li:hover,
.tab_third4 li:hover {
	opacity: .9;
}


.tab_third5 {
	margin: -20px auto 20px;
	padding: 0;
	display: flex;
	justify-content: space-between;
	list-style: none;
}
.tab_third5 li {
	width: 31.33%;
}



:root {
  --tag01-color: #EF6E9B;
	--tag02-color: #3DB26A;
	--tag03-color: #DE862E;
	--tag04-color: #3E5798;
	--tag05-color: #1CB7D3;
	--tag06-color: #82C35A;
	--tag07-color: #EF6E6E;
	--tag08-color: #0C77E2;
}
.tag01,
.k-hash01 {
	background: var(--tag01-color);
}
.tag02,
.k-hash02 {
	background: var(--tag02-color);
}
.tag03,
.k-hash03 {
	background: var(--tag03-color);
}
.tag04,
.k-hash04 {
	background: var(--tag04-color);
}
.tag05,
.k-hash05 {
	background: var(--tag05-color);
}
.tag06,
.k-hash06 {
	background: var(--tag06-color);
}
.tag07,
.k-hash07 {
	background: var(--tag07-color);
}
.tag08,
.k-hash08 {
	background: var(--tag08-color);
}

.tag_sort {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 40px;
}
.tag_sort li {
	width: 24%;
	margin: 0 1% 1% 0;
	opacity: .4;
	transition: all .3s;
	cursor: pointer;
}
.tag_sort li:hover,
.tag_sort li.active {
	opacity: 1;
}
.tag_sort li p {
	text-align: center;
	color: #FFF;
	font-size: min(1.5vw,14px);
	font-weight: 600;
	line-height: 1em;
	padding: 8px 0;
}
@media only screen and (max-width: 1000px) {
	.tag_sort li {
		width: 32.33%;
		padding: 3px 0;
	}
}
@media only screen and (max-width: 600px) {
	.tag_sort li {
		width: 49%;
		padding: 3px 0;
	}
	.tag_sort li p {
		font-size: min(3vw,12px);
		font-weight: 600;
	}
}
#keyword0 {
	display: none;
}
#keyword0 div {
	display: none;
}