@charset "UTF-8";


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

    0. anker--common
    1. anker--title
    2. anker--component
    3. anker--ml

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


/* anker--common
----------------------------------------------------------------*/





/* anker--title
----------------------------------------------------------------*/




/* anker--component
----------------------------------------------------------------*/

.edit-area.component {
	padding: 0 0 100px;
}
.edit-area.component .inner {}
.edit-area.component h2 {}
.edit-area.component p {}

.edit-area.component .cap {
    font-size: 2rem;
    margin-bottom: 10px;
}
.edit-area.component .cap:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../../img/about/features-and-automl/component-icon01.jpg) no-repeat 50% 50% / cover;
	margin-right: 6px;
	position: relative;
	top: 3px;
}
.edit-area.component .open-source {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.edit-area.component .open-source li {
	margin-bottom: 1%;
}
.edit-area.component .open-source li:last-of-type {
	width: 100%;
}
.edit-area.component .open-source li a {}
.edit-area.component .open-source li img {
	max-width: 100%;
	transition: all .3s;
}


/* hover */
@media screen and (min-width: 1024px) {
	.edit-area.component .open-source li a:hover img {
		opacity: .7;
	}
}

@media screen and (max-width: 1216px) {
	.edit-area.component .open-source {
    /* width: 100%; */
    /* margin: 0 auto; */
}
	.edit-area.component .open-source li {
		width: 25%;
		margin-bottom: 3%;
	}
	.edit-area.component .open-source li img {}
	.edit-area.component .open-source li:nth-of-type(2) {
    width: 44%;
}
	.edit-area.component .open-source li:last-of-type {}
}

/* ~ipad pro */
@media screen and (max-width: 1024px) {}

/* ~sp */
@media screen and (max-width: 767px) {
	.edit-area.component {
	    padding-bottom: 60px;
	}
}

.edit-area.component .article table {
	width: 100%;
	margin-bottom: 30px;
}
.edit-area.component .article table tr {}
.edit-area.component .article table tr th {
	/* color: #FFF; */
	background-color: #ffd800;
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	padding: 8px 10px;
	line-height: 1.4;
	box-sizing: border-box;
}
.edit-area.component .article table tbody tr th {
	width: 200px;
}
.edit-area.component .article table tr th.sub {
	width: 200px;
	font-size: 1.3rem;
}
.edit-area.component .article table tr td {
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	text-align: center;
	padding: 8px 10px;
}
.edit-area.component .article table tr td b {
	font-size: 1.8rem;
}

.edit-area.component .article table tr:nth-of-type(odd) td {
	background-color: #fbf9ee;
}
.edit-area.component .article table tr:nth-of-type(even) td {
	background-color: #f5f2e5;
}






/* ~ipad pro */
@media screen and (max-width: 1024px) {
	.edit-area.component .inner {
		padding-bottom: 60px;
	}
}

/* ~sp */
@media screen and (max-width: 767px) {
	.edit-area.component {
		padding: 5px 0 50px;
	}
	.edit-area.component .article table {
    /* table-layout: fixed; */
    word-break: break-all;
    word-wrap: break-word;
    padding: 0;
    font-size: 1.4rem;
}
	.edit-area.component .article table tr {}
	.edit-area.component .article table tr th {}
	.edit-area.component .article table tbody tr th {
    width: 10%;
    padding: 6px;
}
	.edit-area.component .article table tr th.sub {
    width: 30%;
}
	.edit-area.component .article table tr td {}
	.edit-area.component .article table tr td b {
    font-size: 1.6rem;
}
	.edit-area.component .article table tr:nth-of-type(odd) td {}
	.edit-area.component .article table tr:nth-of-type(even) td {}
}


/* anker--ml
----------------------------------------------------------------*/

.edit-area.ml {
	padding: 100px 0 20px;
	background-color: #EFF1F2;
}
.edit-area.ml h2 {
	margin-bottom: 65px;
}
.edit-area.ml ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	text-align: center;
}
.edit-area.ml ul li {
	width: 50%;
	padding: 0 4%;
	box-sizing: border-box;
	margin-bottom: 80px;
}
.edit-area.ml ul li:nth-of-type(1),
.edit-area.ml ul li:nth-of-type(2) {
	width: 50%;
}
.edit-area.ml ul li img {
    margin-bottom: 30px;
}
.edit-area.ml ul li dl dt {
    font-size: 2rem;
    font-weight: 600;
    color: #3E3939;
    margin-bottom: 10px;
}
.edit-area.ml ul li dl dd {
	text-align: left;
}

.edit-area.ml .btn01 {
	max-width: 300px;
}

/* hover */
@media screen and (min-width: 1024px) {}

/* ~ipad pro */
@media screen and (max-width: 1024px) {}

/* ~sp */
@media screen and (max-width: 767px) {
	.edit-area.ml {
	    padding: 60px 0;
	}
	.edit-area.ml h2 {
	    margin-bottom: 40px;
	}
	.edit-area.ml ul {}
	.edit-area.ml ul li,
	.edit-area.ml ul li:nth-of-type(1),
	.edit-area.ml ul li:nth-of-type(2) {
		width: 100%;
		margin-bottom: 40px;
	}
}



/* anker--table
----------------------------------------------------------------*/

.edit-area.table {
    background-color: #FFF;
    padding: 50px 0 100px;
}
.edit-area.table .inner {}
.edit-area.table .inner:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.edit-area.table .article {}

.edit-area.table .article > * {
	padding-left: 20px;
}
.edit-area.table .article .h_02 {
	padding: 0;
}

.edit-area.table .article ul,
.edit-area.table .article ol {
	line-height: 2.2;
	font-size: 1.8rem;
}
.edit-area.table .article ol li {
	text-indent: -4rem;
	padding-left: 4rem;
}
.edit-area.table .article p {
	font-size:1.8rem;
}
.edit-area.table .article ul li {
	text-indent: -1.6rem;
	padding-left: 1.6rem;
}
.edit-area.table .article ul li span {
	color: #D83300;
	font-weight: 600;
}
.edit-area.table .article ul li:before {
	content: "●";
	color: #BABABA;
}


.edit-area.table .article table {
	width: 100%;
	margin-bottom: 30px;
}
.edit-area.table .article table tr {}
.edit-area.table .article table tr th {
	/* color: #FFF; */
	background-color: #ffd800;
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	padding: 8px 10px;
	line-height: 1.4;
	box-sizing: border-box;
}
.edit-area.table .article table tbody tr th {
	width: 200px;
}
.edit-area.table .article table tr th.sub {
	width: 200px;
	font-size: 1.3rem;
}
.edit-area.table .article table tr td {
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	text-align: center;
	padding: 8px 10px;
}
.edit-area.table .article table tr td b {
	font-size: 1.8rem;
}

.edit-area.table .article table tr:nth-of-type(odd) td {
	background-color: #fbf9ee;
}
.edit-area.table .article table tr:nth-of-type(even) td {
	background-color: #f5f2e5;
}






/* ~ipad pro */
@media screen and (max-width: 1024px) {
	.edit-area.table .inner {
		padding-bottom: 60px;
	}
}

/* ~sp */
@media screen and (max-width: 767px) {
	.edit-area.table {
		padding: 5px 0 50px;
	}
	.edit-area.table .article table {
    /* table-layout: fixed; */
    word-break: break-all;
    word-wrap: break-word;
    padding: 0;
    font-size: 1.4rem;
}
	.edit-area.table .article table tr {}
	.edit-area.table .article table tr th {}
	.edit-area.table .article table tbody tr th {
    width: 10%;
    padding: 6px;
}
	.edit-area.table .article table tr th.sub {
    width: 30%;
}
	.edit-area.table .article table tr td {}
	.edit-area.table .article table tr td b {
    font-size: 1.6rem;
}
	.edit-area.table .article table tr:nth-of-type(odd) td {}
	.edit-area.table .article table tr:nth-of-type(even) td {}
}



/* anker--introduction
----------------------------------------------------------------*/

.edit-area.introduction {
    padding: 70px 0;
}
.edit-area.introduction table {
	border: solid 1px #E6E6E6;
}
.edit-area.introduction table tbody tr th {
	background-color: #F2F2F2;
	border-right: solid 1px #E6E6E6;
	border-bottom: solid 1px #E6E6E6;
	vertical-align: top;
	padding: 40px 30px;
	width: 240px;
	text-align: left;
	font-weight: 300;
	box-sizing: border-box;
}
.edit-area.introduction table tbody tr td {
	padding: 40px 30px;
	border-bottom: solid 1px #E6E6E6;
	box-sizing: border-box;
}
.edit-area.introduction table tbody tr td span {
	color: #B8B8B8;
}
.edit-area.introduction table tbody tr td ul li {
	text-indent: -1.6rem;
	padding-left: 1.6rem;
}
.edit-area.introduction table tbody tr td ul li span {
	color: #D83300;
	font-weight: 600;
}
.edit-area.introduction table tbody tr td ul li:before {
	content: "●";
	color: #BABABA;
}


/* hover */
@media screen and (min-width: 1024px) {}

/* ~ipad pro */
@media screen and (max-width: 1024px) {}

/* ~sp */
@media screen and (max-width: 767px) {
	.edit-area.introduction {
	    padding: 60px 0;
	}
	.edit-area.introduction table tbody tr th {
	    width: 100%;
	    display: block;
	    padding: 14px 0;
	    text-align: center;
	    font-weight: 600;
	}
	.edit-area.introduction table tbody tr td {
	    width: 100%;
	    display: block;
	    padding: 20px;
	}
	.edit-area.introduction table tbody tr td span {}
}


@charset "UTF-8";


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

    0. anker--common
    5. anker--azure

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


/* anker--common
----------------------------------------------------------------*/




/* anker--title
----------------------------------------------------------------*/

.edit-area.title.type02 {
	padding-bottom: 50px;
}
.edit-area.title.type02 .photo-side {
	max-width: 420px;
	width: 40%;
	margin-top: 10px;
}
.edit-area.title.type02 .text-side {
    width: 58%;
}
.edit-area.title.type02 .text-side h1 {
	margin-bottom: 10px;
}

@media screen and (max-width: 1023px) {
	.edit-area.title.type02 .text-side {
		width: 100%;
		margin-bottom: 30px;
	}

	.edit-area.title.type02 .photo-side {
	    max-width: none;
	    width: 100%;
	    margin: 0;
	}
}



/* anker--guide
----------------------------------------------------------------*/

.edit-area.guide .inner:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

@media screen and (max-width: 1023px) {
	.edit-area.guide {
    padding-bottom: 100px;
}
}


/* local-nav */
.edit-area.guide .local-nav {
	font-size: 0;
	border-bottom: solid 1px #DDD;
	line-height: 1;
	margin-bottom: 70px;
}
.edit-area.guide .local-nav li {
	font-size: 1.6rem;
	display: inline-block;
	line-height: 1;
	margin: 0 30px 0 0;
}
.edit-area.guide .local-nav li:last-child{
	margin-right: 0;
}
.edit-area.guide .local-nav li * {
	position: relative;
    padding: 0 0 20px 0;
}
.edit-area.guide .local-nav li a {}
.edit-area.guide .local-nav li b {
	font-weight: 600;
}
.edit-area.guide .local-nav li b:after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background-color: #FFD800;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5px;
	margin: 0 auto;
}

@media screen and (max-width: 1167px) {
.edit-area.guide .local-nav li {
	font-size: 1.3rem;
}
}

/* hover */
@media screen and (min-width: 1024px) {
	.edit-area.guide .local-nav li a:hover {
		color: #FFD800;
	}
}

@media screen and (max-width: 1280px) {
	.edit-area.guide .local-nav {
		margin-bottom: 30px;
		text-align: center;
		border: 0;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.edit-area.guide .local-nav li {
	    margin: 4px 0 0 0;
	    width: 49.5%;
	    display: block;
	    font-size: 1.4rem;
	}
	.edit-area.guide .local-nav li * {
		border: solid 2px #ffd800;
		padding: 20px 10px;
		box-sizing: border-box;
		display: block;
		font-weight: 300;
		border-radius: 8px;
	}
	.edit-area.guide .local-nav li a {
		background-color: #ffd800;
	}
	.edit-area.guide .local-nav li b {
	font-weight: 300;
	}
	.edit-area.guide .local-nav li b:after {
	    display: none;
	}
}






/* .block.article */

.edit-area.guide .block.article {
	max-width: 760px;
	width: 72%;
}
.edit-area.guide .block.article h2 {}
.edit-area.guide .block.article ol {
	counter-reset: number;
	padding-left: 40px;
}
.edit-area.guide .block.article ol li {
	margin-bottom: 80px;
}
.edit-area.guide .block.article ol li:last-child {
	margin-bottom: 50px;
}

.edit-area.guide .block.article ol li h3 {
    font-size: 2rem;
    margin-bottom: 10px;
    text-indent: -40px;
}
.edit-area.guide .block.article ol li h3:before {
   counter-increment: number;
   content: counter(number);
   display: inline-block;
   font-size: 1.8rem;
   font-weight: 600;
   color: #FFF;
   width: 26px;
   line-height: 26px;
   border-radius: 100px;
   background-color: #3E3939;
   text-align: center;
   font-family: 'Roboto', sans-serif;
   box-sizing: border-box;
   padding-left: 2px;
   text-indent: 0px;
   margin-right: 14px;
}

.edit-area.guide .block.article ol li .text {}

.edit-area.guide .block.article ol li .text p {}
.edit-area.guide .block.article ol li .text p a {
	text-decoration: underline;
}
.edit-area.guide .block.article ol li .text p:last-of-type {
	margin-bottom: 0;
}
.edit-area.guide .block.article ol li .text p img {
	max-width: 100%;
	height: auto;
}

.edit-area.guide .block.article .btn01 {
	max-width: 300px;
}


/* hover */
@media screen and (min-width: 1024px) {
	.edit-area.guide .block.article ol li .text p a:hover {
		opacity: .7;
	}
}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 1023px) {
	.edit-area.guide .block.article {
		width: 100%;
	}

	.edit-area.guide .block.article dl.local-nav02 {
	    width: 100%;
    	margin-bottom: 60px;
	}
	.edit-area.guide .block.article dl.local-nav02 dt {
	    font-size: 1.8rem;
	    font-weight: 600;
	    padding-bottom: 8px;
	    border-bottom: solid 3px #ffd800;
	}
	.edit-area.guide .block.article dl.local-nav02 dd {}
	.edit-area.guide .block.article dl.local-nav02 dd ul {
	    line-height: 3;
	}
	.edit-area.guide .block.article dl.local-nav02 dd ul li {
	    border-bottom: solid 1px #DDD;
	}
	.edit-area.guide .block.article dl.local-nav02 dd ul li a {
	    position: relative;
	    padding-left: 20px;
	    background-image: url(../../common/img/parts/arrow-icon02.png);
	    background-repeat:  no-repeat;
	    background-position: 0% 50%;
	    display: block;

	    transition: all .3s;
	}



	.edit-area.guide .block.article h2 {}
	.edit-area.guide .block.article ol {}
	.edit-area.guide .block.article ol li {}
	.edit-area.guide .block.article ol li:last-child {}
	.edit-area.guide .block.article ol li h3 {}
	.edit-area.guide .block.article ol li h3:before {}
	.edit-area.guide .block.article ol li .text {}
	.edit-area.guide .block.article ol li .text p {}
	.edit-area.guide .block.article ol li .text p:last-of-type {}
	.edit-area.guide .block.article ol li .text p img {}
	.edit-area.guide .block.article .btn01 {}
}

/* ~sp sizeL */
@media screen and (max-width: 425px) {}











/* .block.aside */

.edit-area.guide .block.aside {
    max-width: 240px;
    width: 26%;
    position: sticky;
    top: 100px;
}
.edit-area.guide .block.aside .inner {}
.edit-area.guide .block.aside .inner dl {}
.edit-area.guide .block.aside .inner dl dt {
    font-size: 1.8rem;
    font-weight: 600;
    padding-bottom: 8px;
    border-bottom: solid 3px #ffd800;
}
.edit-area.guide .block.aside .inner dl dd {}
.edit-area.guide .block.aside .inner dl dd ul {
    line-height: 3;
}
.edit-area.guide .block.aside .inner dl dd ul li {
    border-bottom: solid 1px #DDD;
}
.edit-area.guide .block.aside .inner dl dd ul li a {
    position: relative;
    padding-left: 20px;
    background-image: url(../../common/img/parts/arrow-icon02.png);
    background-repeat:  no-repeat;
    background-position: 0% 50%;
    display: block;

    transition: all .3s;
}



/* hover */
@media screen and (min-width: 1024px) {
	.edit-area.guide .block.aside .inner dl dd ul li a:hover {
		background-color: #efefef;
	}
}

/* ~ipad pro */
@media screen and (max-width: 1024px) {}

@media screen and (max-width: 1023px) {
	.edit-area.guide .block.aside {
	    width: 100%;
	    max-width: initial;
	    position: static;
	    top: auto;
	    margin-bottom: 0;
	}
	.edit-area.guide .block.aside .inner {}
	.edit-area.guide .block.aside .inner dl {}
	.edit-area.guide .block.aside .inner dl dt {}
	.edit-area.guide .block.aside .inner dl dd {}
	.edit-area.guide .block.aside .inner dl dd ul {}
	.edit-area.guide .block.aside .inner dl dd ul li {}
	.edit-area.guide .block.aside .inner dl dd ul li a {}
}

/* ~sp sizeL */
@media screen and (max-width: 425px) {}



/* ===== 特設ページ用パンフレットビューア（ここから） ===== */

/* 画像パネルはデフォルトで非表示 */
.page-panel {
  display: none;
}
/* is-active が付いたパネルだけ表示 */
.page-panel.is-active {
  display: block;
}

/* パンフレット画像のサイズ (高さ指定) */
.pamphlet-viewer .page-panel img {
  max-height: 400px; /* お好みの高さに調整してください */
  width: auto;      /* アスペクト比を維持 */
  max-width: 100%;
  height: auto;
  border: 1px solid #ddd;
  cursor: zoom-in;
}

/* その他のポスター画像などのスタイル (元のサイズ) */
.content-image {
  max-width: 100%;
  height: auto;
  border: 1px solid #ddd;
  cursor: zoom-in;
}

/* ボタンのスタイル */
.page-tab {
  font-size: 16px;
  font-weight: bold;
  padding: 8px 20px;
  margin: 0 5px;
  border: 1px solid #005bac;
  background-color: #ffffff;
  color: #005bac;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.2s;
}
.page-tab:hover {
  background-color: #f0f8ff;
}
.page-tab.is-active {
  background-color: #005bac;
  color: #ffffff;
}
/* ===== 特設ページ用パンフレットビューア（ここまで） ===== */