@charset "UTF-8";
/*
Template: xeory_extension
Theme Name: XeoryExtension-child
Theme URI: http://xeory.jp/extension
Author: Ayudante
Author URI: https://www.ayudante.jp
Description: XeoryExtension Custom Theme
Version: 1.0.0
*/
/* ------------------TOP------------------ */

/* ------------------TOPメインイメージ------------------ */
body.color02 .top-img-container {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	background: url(../images/main_background.png);
	margin: -25px -9999px 1rem;
	padding: 0 9999px !important;
}
body.color02 .top-img-container a{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: center;
	-webkit-align-items: center;
	align-content: stretch;
	-webkit-align-content: stretch;
	color: #FFFFFF;
}
body.color02 .top-img-container a:hover{
	color: #FFFFFF;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
}
body.color02 .top-img-container .top-img-item {
}
body.color02 .top-img-container [class^="top-img-item-"] {
	display: flex;
	display: -webkit-flex;
	margin: 0;
	padding: 0;
	height: auto;
}
body.color02 .top-img-container .top-img-item-01 {
	width: 25%;
}
body.color02 .top-img-container .top-img-item-02 {
	width: 25%;
}
body.color02 .top-img-container .top-img-item-03 {
	width: 25%;
}
body.color02 .top-img-container .top-img-item-04 {
	width: 25%;
}
body.color02 .top-img-container .top-img-item-05 {
	width: 25%;
}
body.color02 .top-img-container .top-img-item-06 {
	width: 75%;
	height: 40%;
	background-color: #007fc9;
	display: flex;
	display: -webkit-flex;
}
body.color02 .top-img-container a .top-img-item-06 {
	color: #ffffff;
}
body.color02 .top-img-container .top-img-item-06::after {
	font-family: FontAwesome;
	content: '\f107';
	font-size: 2rem;
	color: #ffffff;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	align-items: flex-end;
	-webkit-align-items: flex-end;
}
body.color02 .top-img-container a .top-img-item-06::after {
	color: #ffffff;
}
body.color02 .top-img-container .top-img-item-07 {
	width: 50%;
}
body.color02 .top-img-container .top-img-item-08 {
	width: 50%;
}
body.color02 .top-img-container .top-img-item-09 {
	width: 50%;
}
body.color02 .top-img-container .top-img-item-10 {
	width: 50%;
}
body.color02 .top-img-container .top-img-item-11 {
	display: none;
}
body.color02 .top-img-container .top-img-item-12 {
	display: none;
}
body.color02 .top-img-container .top-img-item-13 {
	display: none;
}
body.color02 .top-img-container .top-img-box {
}
body.color02 .top-img-container .top-img-box-00 {
}
body.color02 .top-img-container .top-img-box-01 {
	display: flex;
	display: -webkit-flex;
	width: 50%;
}
body.color02 .top-img-container .top-img-box-02 {
	display: flex;
	display: -webkit-flex;
	width: 50%;
}
body.color02 .top-img-container .top-img-box-03 {
}
body.color02 .top-img-container .picture {width: 100%;height: auto;}
body.color02 .top-img-container .picture img {width: auto;height: auto;}
body.color02 .top-img-container .text {
	padding: 2rem 0 2rem 2rem;
	color: #ffffff;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	width: 90%;
}
body.color02 .top-img-container .text::after {
	content: "";
}
body.color02 .top-img-container .text p {
	margin: 0;
	line-height: 2;
	font-size: 1.2rem;
}
body.color02 .top-img-container a .text p {
	color: #ffffff;
}
body.color02 .top-img-container a .text p:hover {
	color: #ffffff;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
body.color02 .top-img-container {padding: 0 9975px !important;}
body.color02 .top-img-container .top-img-item {
}
body.color02 .top-img-container .top-img-item-01 {
}
body.color02 .top-img-container .top-img-item-02 {
}
body.color02 .top-img-container .top-img-item-03 {
}
body.color02 .top-img-container .top-img-item-04 {
}
body.color02 .top-img-container .top-img-item-05 {
}
body.color02 .top-img-container .top-img-item-06 {
}
body.color02 .top-img-container .top-img-item-06::after {
}
body.color02 .top-img-container .top-img-item-07 {
}
body.color02 .top-img-container .top-img-item-08 {
}
body.color02 .top-img-container .top-img-item-09 {
}
body.color02 .top-img-container .top-img-item-10 {
}
body.color02 .top-img-container .top-img-item-11 {
}
body.color02 .top-img-container .top-img-item-12 {
}
body.color02 .top-img-container .top-img-item-13 {
}
body.color02 .top-img-container .top-img-box {
}
body.color02 .top-img-container .top-img-box-00 {
}
body.color02 .top-img-container .top-img-box-01 {
}
body.color02 .top-img-container .top-img-box-02 {
}
body.color02 .top-img-container .top-img-box-03 {
}
body.color02 .top-img-container .picture {
}
body.color02 .top-img-container .picture img {
}
body.color02 .top-img-container .text {
}
body.color02 .top-img-container .text p {
	font-size: 1rem;
}
}

@media screen and (max-width: 767px) {
body.color02 .top-img-container {padding: 0 !important;margin: -25px -3%;}
body.color02 .top-img-container .top-img-item {
}
body.color02 .top-img-container .top-img-item-01 {
	width: 33.333333%;
	height: auto;
	order: 1;
}
body.color02 .top-img-container .top-img-item-02 {
	width: 33.333333%;
	height: auto;
	order: 2;
}
body.color02 .top-img-container .top-img-item-03 {
	width: 33.333333%;
	height: auto;
	order: 3;
}
body.color02 .top-img-container .top-img-item-04 {
	width: 33.333333%;
	height: auto;
	order: 5;
}
body.color02 .top-img-container .top-img-item-05 {
	width: 33.333333%;
	height: auto;
	order: 6;
}
body.color02 .top-img-container .top-img-item-06 {
	width: 100%;
	height: auto;
	order: 4;
}
body.color02 .top-img-container .top-img-item-06::after {
}
body.color02 .top-img-container .top-img-item-07 {
	display: block;
	width: 100%;
	height: 50%;
}
body.color02 .top-img-container .top-img-item-08 {
	display: block;
	width: 100%;
	height: 50%;
}
body.color02 .top-img-container .top-img-item-09 {
	display: block;
	width: 100%;
	height: auto;
}
body.color02 .top-img-container .top-img-item-10 {
	display: block;
	width: 100%;
	height: auto;
}
body.color02 .top-img-container .top-img-item-11 {
	display: flex;
	display: -webkit-flex;
	background-color: #0D2645;
	width: 33.333333%;
	height: auto;
	order: 8;
}
body.color02 .top-img-container .top-img-item-12 {
}
body.color02 .top-img-container .top-img-item-13 {
}
body.color02 .top-img-container .top-img-box {
}
body.color02 .top-img-container .top-img-box-00 {
}
body.color02 .top-img-container .top-img-box-01 {
	display: flex;
	display: -webkit-flex;
	height: auto;
	width: 33.333333%;
	flex-direction: column;
	-webkit-flex-direction: column;
	align-content: stretch;
	-webkit-align-content: stretch;
	order: 7;
}
body.color02 .top-img-container .top-img-box-02 {
	display: flex;
	display: -webkit-flex;
	width: 66.666666%;
	height: auto;
	flex-direction: row;
	-webkit-flex-direction: row;
	order: 9;
}
body.color02 .top-img-container .top-img-box-03 {
}
body.color02 .top-img-container .picture {
}
body.color02 .top-img-container .picture img {
}
body.color02 .top-img-container .text {
}
body.color02 .top-img-container .text p {
	font-size: 1rem;
}
}
/* ------------------TOPお知らせエリア------------------ */
body.color02 .top-news-container {
	margin: 1rem auto 1rem;
	width: 100%;
}
body.color02 .top-news-container .top-news-item {
	display: flex;
	display: -webkit-flex;
	align-items: stretch;
	-webkit-align-items: stretch;
	/* width: 1000px; */
	/* max-width: 100%; */
}
body.color02 .top-news-container .top-news-box-01 {
	width: 15%;
	min-width: 13rem;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}
body.color02 .top-news-container .top-news-box-02 {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	border-left: 2px #e4ba72 solid;
	padding: 0.5rem 1rem;
	width: 85%;
}
body.color02 .top-news-container .date {
	color: #675b62;
}
body.color02 .top-news-container .date span {
}
body.color02 .top-news-container .date span.number {
	font-size: 1.5rem;
	color: #3b3229;
}
body.color02 .top-news-container .description {
	font-size: 0.9rem;
	margin-bottom: 0.25rem;
}
body.color02 .top-news-container .title {
	line-height: 1.5;
}
body.color02 .top-news-container a {
}
body.color02 .top-news-container a:hover {
}

@media screen and (min-width: 768px) and (max-width: 991px) {
body.color02 .top-news-container {
	margin: 2rem 0rem;
}
body.color02 .top-news-container .top-news-item {
}
body.color02 .top-news-container .top-news-box-01 {
	width: 15%;
	min-width: 13rem;
}
body.color02 .top-news-container .top-news-box-02 {
}
body.color02 .top-news-container .date {
}
body.color02 .top-news-container .date span {
}
body.color02 .top-news-container .date span.number {
}
body.color02 .top-news-container .description {
}
body.color02 .top-news-container .title {
}
body.color02 .top-news-container a {
}
body.color02 .top-news-container a:hover {
}
}

@media screen and (max-width: 767px) {
body.color02 .top-news-container {
	margin: 2rem 0;
}
body.color02 .top-news-container .top-news-item {
	flex-direction: column;
	-webkit-flex-direction: column;
}
body.color02 .top-news-container .top-news-box-01 {
	width: 100%;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
}
body.color02 .top-news-container .top-news-box-02 {
	border-left: 0px;
	border-top: 1px #e4ba72 solid;
	padding: 0.5rem 0;
	width: 100%;
}
body.color02 .top-news-container .date {
}
body.color02 .top-news-container .date span {
}
body.color02 .top-news-container .date span.number {
}
body.color02 .top-news-container .description {
}
body.color02 .top-news-container .title {
}
body.color02 .top-news-container a {
}
body.color02 .top-news-container a:hover {
}
}
/* ------------------TOP コンサルティングと製品------------------ */
body.color02 h2#products{
	margin-top: 1rem;
}


/* ------------------TOP 360スイート------------------ */
body.color02 .ga360suite-container {
	margin: 4rem auto;
	width: 100%;
}
body.color02 .ga360suite-container a {
}
body.color02 .ga360suite-container a:hover {
}
body.color02 .ga360suite-container .ga360suite-item {
	background-color: #0c78bb;
}
body.color02 .ga360suite-container .ga360suite-item::after {
	content: "";
}
body.color02 .ga360suite-container a .ga360suite-item {
}
body.color02 .ga360suite-container .ga360suite-box {
}
body.color02 .ga360suite-container a .ga360suite-box .picture img:hover {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
body.color02 .ga360suite-container .ga360suite-box-01 {
	display: none;
}
body.color02 .ga360suite-container .ga360suite-box-02 {
	display: none;
}
body.color02 .ga360suite-container .picture {
}
body.color02 .ga360suite-container .picture img {
}

@media screen and (max-width: 767px) {
body.color02 .ga360suite-container {
}
body.color02 .ga360suite-container a {
}
body.color02 .ga360suite-container a:hover {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
body.color02 .ga360suite-container .ga360suite-item {
}
body.color02 .ga360suite-container .ga360suite-item::after {
	content: "";
}
body.color02 .ga360suite-container a .ga360suite-item {
}
body.color02 .ga360suite-container .ga360suite-box {
	display: none;
}
body.color02 .ga360suite-container .ga360suite-box-01 {
	display: flex;
	display: -webkit-flex;
	background-image: url(../images/360suite-sp-02.png);
	background-repeat: no-repeat;
	background-size: contain;
}
body.color02 .ga360suite-container a .ga360suite-box-01:hover {
}
body.color02 .ga360suite-container .ga360suite-box-02 {
	display: flex;
	display: -webkit-flex;
}
body.color02 .ga360suite-container .picture {
}
body.color02 .ga360suite-container .ga360suite-box-01 .picture {
	display: block;
	max-width: 75%;
	margin: 30% auto 5%;
}
body.color02 .ga360suite-container .ga360suite-box-02 .picture {
	display: block;
	margin: 0% 10% 10% auto;
	max-width: 50%;
}
body.color02 .ga360suite-container .picture img {
}
}
/* ------------------スタッフ書籍------------------ */
body.color02 .staff-books-container {
}
body.color02 .staff-books-container .staff-books-item {
}
body.color02 .staff-books-container .title {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	font-size: 1.5rem;
	font-weight: bold;
	font-family: 'Noto Sans', sans-serif;
	margin: 1rem auto;
}
body.color02 .staff-books-container .title span {
	font-size: 2rem;
	margin-right: 0.5rem;
}
body.color02 .staff-books-container .title span.icon-staff {
	content: "\e920";
}

@media screen and (max-width: 767px) {
}
/* ------------------お知らせ----------------- */
body.color02 .top-oshirase-container {
}
body.color02 .top-oshirase-container .top-oshirase-item {
}
body.color02 .top-oshirase-container .top-oshirase-title {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
	font-size: 1.5rem;
	font-weight: bold;
	font-family: 'Noto Sans', sans-serif;
	margin: 1rem auto;
}
body.color02 .top-oshirase-container .top-oshirase-title span {
	font-size: 2rem;
	margin-right: 0.5rem;
}
body.color02 .top-oshirase-container .top-oshirase-title span.icon-staff {
	content: "\e922";
}

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