a:hover {
	opacity: 0.7;
	transition: 0.3s ease-in-out;
}

.header__new__button a:hover {
	opacity: 1!important;
}

.menu__mega .menu__second-level li .dropdown-header {
    color: #3D6D9E;
}

/* ホームページヘッドライン */
#top_headline{
padding: 0px 0 10px 0;
color: #333;
}

#top_cfhome{
background: url("../image/TopImg.webp") , no-repeat center center;
background-size: cover;
padding: 60px 0 10px 0;
margin-top: -60px;
margin-bottom: 60px;
color: #333;
}

#top_headline .headtext-1{
background-color:#ffffff;
/*width: 820px;*/
	width: 54%;
height: auto;
max-width: 90%;
}

#top_headline .headtext-1_inner{
/*font-family: source-han-sans-japanese, sans-serif;*/
color: #3D6D9E;
font-weight:700;
font-size: 26px;
margin: 0 0 0 0;
padding: 25px 0px 23px 0;
width: 85%;
max-width: 100%;
text-align: right;
}

#top_headline .headtext-2{
padding: 24px 0px 20px 0px;
margin: 0 auto;
width: 1100px;
max-width: 90%;
	}

#top_headline .headtext-2_inner{
color: #ffffff;
font-weight:700;
font-size: 45px;
letter-spacing: 0.1em;
text-shadow: 1px 2px 3px #111111; 
/*width: 680px;*/
max-width: 100%;
}

#top_headline .headtext-3{
margin: 0 auto;
/*width: 1350px;*/
    width: 1100px;
max-width: 90%;
height: 105px;
font-size:14px;
font-weight:700;
}

#top_headline .headtext-3_inner{
color: #ffffff;
width: 900px;
max-width: 90%;
/*height: 105px;*/
	height: auto;
font-size:14px;
font-weight:700;
    margin-left: 0.5em;
    margin-top: 10px;
}


#top_headline .jobnumber{
color: #ffffff;
font-size:28px;
font-weight:700;
text-align: center;
}


#top_headline ul.achieve {
	padding: 0px;
	/*text-align: center;*/
    display: flex;
}

#top_headline  ul.achieve li.li1 {
	/*width:180px;*/
    border-left: 2px solid;
}

#top_headline  ul.achieve li {
  /*width:210px;
  height:180px;*/
	height: auto;
  overflow:hidden;
  /*display: inline-block;*/
	display: block;
  text-align: center;
  vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type:none;
	list-style-image: none;
	background-image: none;
	text-indent: 0px;
    margin:0px 0px;
    /*padding:0px;*/
    border-right: 2px solid;
    padding: 0 30px;
}

#top_headline .achievebox-1{
	color: #ffffff;
	/*border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;*/
	padding: 10px 0px 10px 0px;
	margin: 0px auto; 
	width: 100%;
	max-width: 100%;
	text-align: center;
}

#top_headline .achievebox-2{
	color: #ffffff;
	padding: 10px 0px 10px 0px;
	margin: 0px auto; 
	width: 100%;
	max-width: 100%;
	text-align: center;
}

#top_headline .achievebox-3{
	color: #ffffff;
	/*border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;*/
	padding: 10px 0px 10px 0px;
	margin: 0px auto; 
	width: 100%;
	max-width: 100%;
	text-align: center;
}

#top_headline .selection{
overflow: hidden;
width: 940px;
max-width: 90%;
margin: 0 auto;
}

#top_headline .contentA{
width: 50%;
float: left;
padding: 0px;
}


#top_headline .contentA_inner{
background: #ffffff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
width: 480px;
border-radius: 6px;
max-width: 90%;
margin: 12% auto;
padding: 4% 8% 4% 8%;
text-align: center;
text-decoration: none;
	transition: .3s;
}

#top_headline .contentA a {
	text-decoration: none;
	opacity: 1;
}

#top_headline .contentA_inner:hover {
	background: #dadada;
}


#top_headline .induction_textA_1 {
font-size: 24px;
color: #484848;
letter-spacing: 0.1em;
border-radius: 3px;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
max-width: 400px;
padding: 4px 0px 0px 0px;
transition: 0.3s ease-in-out;
font-weight: 700;
}

#top_headline .induction_textA_2 {
font-size: 14px;
font-weight: 700;
color: #484848;
letter-spacing: 0.1em;
}

#top_headline .induction_textA_3 {
font-size: 50px;
color: #111111;
border-radius: 3px;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
max-width: 180px;
padding: 4px 25px;
transition: 0.3s ease-in-out;
font-weight: 700;
}


#top_headline .contentB{
width: 50%;
float: right;
padding: 0px;
}

#top_headline .contentB_inner{
background: #ffffff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
width: 480px;
border-radius: 6px;
max-width: 90%;
margin: 12% auto;
padding: 4% 8% 4% 8%;
text-align: center;
text-decoration: none;
	transition: .3s;
}

#top_headline .contentB a {
	text-decoration: none;
	opacity: 1;
}

#top_headline .contentB_inner:hover {
	background: #dadada;
}


#top_headline .induction_textB_1 {
font-size: 24px;
color: #484848;
letter-spacing: 0.1em;
border-radius: 3px;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
max-width: 400px;
padding: 4px 0px 0px 0px;
transition: 0.3s ease-in-out;
font-weight: 700;
}

#top_headline .induction_textB_2 {
font-size: 14px;
font-weight: 700;
color: #484848;
letter-spacing: 0.1em;
}

#top_headline .induction_textB_3 {
font-size: 50px;
color: #111111;
border-radius: 3px;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
max-width: 180px;
padding: 4px 25px;
transition: 0.3s ease-in-out;
font-weight: 700;
}

.pcBR {
	display: block;
}
	
.smpBR {
	display: none;
}


@media screen and (max-width: 1090px){
	#top_headline .headtext-1_inner{
		margin: 0 auto;
		padding: 20px 0px 23px 0;
		max-width: 90%;
		text-align: center;
	}
	
	#top_headline .headtext-1{
		width: 80%;
		font-size: 24px;
	}
	
	#top_headline .headtext-2{
		padding: 20px 0px 0px 0px;
		margin: 0 auto;
		max-width: 90%;
		font-weight:700;
		font-size: 32px;
		letter-spacing: 0.15em;
	}
	
	#top_headline .headtext-2_inner{
		max-width: 100%;
	}
	
	#top_headline .headtext-3{
		margin: 0 auto;
		max-width: 90%;
		height: auto;
	}
	
	#top_headline .headtext-3_inner{
		color: #ffffff;
		margin: 0 auto;
		max-width: 90%;
		font-size:13px;
		font-weight:500;
	}
	
	#top_headline .jobnumber{
		color: #ffffff;
		font-size:24px;
		font-weight:700;
		text-align: center;
	}
	
	#top_headline ul.achieve {
		padding: 30px 0 0;
	}
	
	#top_headline  ul.achieve li {
		text-align: center;
		padding:0px 30px;
	}
	
	#top_headline .headtext-2_inner{
		margin: 0 auto;
		max-width: 90%;
	}
	
	#top_headline .induction_textA_1 {
		font-size: 18px;
	}
	
	#top_headline .induction_textB_1 {
		font-size: 18px;
	}
	
	#top_headline .induction_textA_2 {
		font-size: 12px;
	}
	
	#top_headline .induction_textB_2 {
		font-size: 12px;
	}
}

@media screen and (max-width: 913px) {
	#top_headline .headtext-2_inner .pcBR {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	#top_headline .headtext-1 {
		width: 90%;
	}
	
	#top_headline  ul.achieve li {
		padding:0px 20px;
	}
}

@media screen and (max-width: 640px){
	#top_headline .headtext-1_inner{
		margin: 0 auto;
		padding: 10px 0 10px 30px;
		width: 90%;	
		font-size: 20px;
		text-align: left;
	}
	
	#top_headline .headtext-3{
		margin: 0 auto;
		max-width: 90%;
		height: auto;
	}
	
	#top_headline .headtext-3_inner{
		color: #ffffff;
		max-width: 90%;
		font-size:13px;
		font-weight:500;
	}
	
	#top_headline .jobnumber{
		color: #ffffff;
		font-size:16px;
		font-weight:700;
		text-align: center;
	}
	
	#top_headline ul.achieve {
		padding: 30px 0px ;
	}
	
	#top_headline  ul.achieve li {
		padding: 0 20px;
	}
	
	#top_headline .achievebox-1{
	}
	
	#top_headline .achievebox-2{
	}
	
	#top_headline .achievebox-3{
	}
	
	#top_headline .selection{
		overflow: hidden;
		width: 90%;
		margin: 0 auto;
	}		
	
	#top_headline .induction_textA_1 {
		font-size: 16px;
	}
	
	#top_headline .induction_textB_1 {
		font-size: 16px;
	}
	
	#top_headline .induction_textA_2 {
		font-size: 10px;
	}
	
	#top_headline .induction_textB_2 {
		font-size: 10px;
	}	
}

@media screen and (max-width: 455px){
	#top_headline .induction_textA_1 {
		font-size: 20px;
	}
	
	#top_headline .induction_textB_1 {
		font-size: 20px;
	}
}

@media screen and (max-width: 391px) {
	#top_headline .headtext-2_inner {
		font-size: 40px;
	}
	
	#top_headline ul.achieve {
		display: block;
	}
	
	#top_headline ul.achieve li {
		border-bottom: 2px solid;
		margin-bottom: 10px;
		border-right: none;
	}
	
	#top_headline ul.achieve li.li1 {
		border-left: none;
		border-top: 2px solid;
	}
	
	#top_headline .headtext-3_inner {
		font-size: 16px;
	}
	
	#top_headline .jobnumber {
		font-size: 26px;
	}
}


/* ホームページサポート詳細 */
#home-appeal{
background: #ffffff;
padding: 0px 0 30px 0;
}

#home-appeal .col2_lefttext{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
    margin-bottom: 50px;
}

#home-appeal .col2_lefttext > div{
	width: 50%;
	/*padding: 10px 0;*/
    padding: 10px 0 10px 60px;
}

#home-appeal .col2_righttext{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
    margin-bottom: 50px;
}

#home-appeal .col2_righttext > div{
	width: 50%;
	/*padding: 10px 0;*/
    padding: 10px 60px 10px 0;
}

#home-appeal .appealarea-1{
margin-left: auto;
margin-right: 0;
width: 600px;
max-width: 90%;
padding: 30px 60px 20px 0px;
}

#home-appeal .appealarea-2{
margin-right: auto;
margin-left: 0;
width: 600px;
max-width: 90%;
padding: 30px 0px 20px 60px;
}

#home-appeal .appealarea-3{
margin-left: auto;
margin-right: 0;
width: 600px;
max-width: 90%;
padding: 30px 60px 20px 0px;
}

#home-appeal h2.appeal { 
	/*width: 560px;
	max-width: 90%;*/
	font-size: 30px;
    line-height: 1.7em;
	font-weight: 700;
	margin:0 0 40px 0;
	color: #333;
 }

#home-appeal .appealtext { 
font-size: 16px;
line-height: 32px;
color: #474747;
 }


@media screen and (max-width: 820px) {
	#home-appeal .col2_lefttext,
	#home-appeal .col2_righttext {
		margin-bottom: 10px;
	}
	
	#home-appeal .appealarea-1,
	#home-appeal .appealarea-3 {
		width: 90%;
		padding: 0px 0px 20px 0px;
	}
	
	#home-appeal .appealarea-2 {
		width: 90%;
		padding: 0px 0px 20px 0px;
	}
}

@media screen and (max-width: 640px) {
	#home-appeal {
		padding: 0 0 30px 0;
	}
	
	#home-appeal .col2_lefttext{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}	
	
	#home-appeal .col2_lefttext > div{
		width: 100%;
	}
	
	#home-appeal .col2_righttext{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}	
	
	#home-appeal .col2_righttext > div{
		width: 100%;
	}	
	
	#home-appeal .appealarea-1{
		width: 100%;
		margin: 0 auto;
		padding: 30px 15px 20px 0px;
	}
	
	#home-appeal .appealarea-2{
		width: 100%;
		margin: 0 auto;
		padding: 30px 0px 20px 15px;
	}
	
	#home-appeal .appealarea-3{
		width: 100%;
		margin: 0 auto;
		padding: 30px 15px 20px 0px;
	}
	
	#home-appeal h2.appeal { 
		font-size: 28px;
		max-width:100%;
		margin:0 auto;
		padding: 0px 0px 20px 0px;
		color: #333;
	}
}


/* ホームページCloud Solution */

#top_cs{
background: url("../image/CloudSolution_bg.webp") , no-repeat center center;
background-size: cover;
padding: 60px 0 10px 0;
margin-top: 60px; 
color: #333;
}

#top_cs .cs-headline{
	padding: 40px 0px 0px 0px;
	font-size:38px;
	font-weight: 700;
	text-align: center;
	color:#484848;
}

#top_cs .cs-headsub{
	padding: 0px 0px 20px 0px;
	font-size:18px;
	font-weight: 700;
	text-align: center;
	color:#484848;
}

#top_cs .cs-headtext{
	padding: 20px 0px 40px 0px;
	margin: 0 auto; 
	width: 575px;
	max-width: 80%;
	font-size:20px;
	font-weight: 700;
	text-align: center;
	color:#484848;
}

#top_cs ul.box2 {
	width:90%;
	padding: 10px 0px 10px 0px;
	margin: 0 auto;
	text-align: center;
	display: flex;
    max-width: 1470px;
}

#top_cs ul.box2 li {
	width: 48%;
	height: auto;
  display: block;
  text-align: center;
  vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type:none;
	list-style-image: none;
	background-image: none;
	text-indent: 0px;
    margin:0px auto;
    padding:20px;	
	background: #FFF;
    border: solid 3px #ffffff;
    border-radius: 6px;
	box-shadow: 0 0 6px gray;
}

#top_cs .cs_box2 {
   padding:0 0 0 0;
	width: 100%;
	height: auto;
    margin: 0 auto;
    font-size: 16px;
}

#top_cs .cs_box2 p {
    margin: 0; 
    padding: 0;
}


#top_cs .col_2{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}


#top_cs .col_2 > div{
	width:50%;
}

#top_cs .col_2 .Lbox {
	width: 40%;
	height: auto;
}

#top_cs .col_2 .Rbox {
	width: 60%;
	height: auto;
    padding: 20px 0 0 20px;
}

#top_cs .col_2 .Rbox .logo {
	width: 90%;
	max-width: 342px;
    margin: 10px 0;
}

#top_cs .col_2 img{
	width: 100%;
}

#top_cs .cs2box_exposition{
 width: 100%;
 margin: 0 auto;
 text-align: center;
}

#top_cs .cs2box_title{
	padding: 10px 0px 10px 0px;
	font-size: 25px;
    color: #444444;
	text-align: center;
	 font-weight: 700;
}

#top_cs .tagarea {
margin: 0 auto;
width: 100%;
}

#top_cs .tags {
display: inline-block;
    padding: 0px 8px 0 8px;
margin: 0 2px 0 2px;
border:solid 2px #A1A1A1;
border-radius: 2px;
font-size: 13px;
color:#484848;
text-align: center;
}

#top_cs .cs2box_button {
	padding: 40px 0px 0px 0px;
}


#top_cs .cs2box_button a {
	text-decoration: none;
    background: #EDF0F3;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
	  width: 150px;
    max-width: 90%;
    padding: 10px 25px 10px 25px;
    color: #262933;
    transition: 0.3s ease-in-out;
    font-weight: 700;
}

#top_cs .cs2box_button a:hover {
    background: #313131;
    color: #FFF;
}

#top_cs .cs2box_button a:after {
    position: absolute;
    top: 50%;
    right: 13px;
    border-radius: 1px;
    transition: 0.2s ease-in-out;
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transform: translateY(-50%);
}

#top_cs .cs2box__button a:hover:after {
    border-color: #FFF;
}


#top_cs .cs2box_offer{
  width: 90%;
  padding: 10px 25px 10px 25px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.1em;
}


#top_cs .cscase{
	width: 100%;
	height:auto;
	/*padding: 20px;
	margin: 20px 0px 10px 0px;*/
	/*max-width: 95%;*/
	font-size:16px;
	font-weight: 400;
	color: #484848;
}

#top_cs ul.box5 {
	width:90%;
	padding: 10px 0px 10px 0px;
	margin: 0 auto;
	display: flex;
    justify-content: space-between;
    max-width: 1470px;
}

#top_cs ul.box5 li {
	width:18%;
	text-align: center;
    margin:0 auto;
    background: #ffffff;
    border: solid 3px #ffffff;
    border-radius: 6px;
	box-shadow: 0 0 6px gray;
    padding: 20px;
	display: flex;
	flex-direction: column;
}

#top_cs .box_title{
	/*font-size: clamp(15px, 1vw, 25px);*/
    color: #444444;
	font-weight: 700;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#top_cs .cscase_mds {
	font-size: 14px;
}

#top_cs .cs_exposition{
color: #484848;
  width:85%;
　padding: 0;
　margin: 0 auto;
　text-align: center;
}

#top_cs .cs_button {
	padding: 10px 0px 10px 0px;
	margin-top: auto;
}

#top_cs .cs_button a {
	text-decoration: none;
    background: #EDF0F3;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
	  width: 150px;
    max-width: 90%;
    padding: 10px 25px;
    color: #222222;
    transition: 0.3s ease-in-out;
    font-weight: 700;
}

#top_cs .cs_button a:hover {
    background: #313131;
    color: #FFF;
}
#top_cs .cs_button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.2s ease-in-out;
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transform: translateY(-50%);
}

#top_cs .cs_button a:hover:after {
    border-color: #FFF;
}


#top_cs .cs_allsvlist {
padding: 0px 30px 60px 30px;
font-size: 18px;
text-align: right;
}

#top_cs .cs_allsvlist a{
color: #FFF;
font-weight: 900;
	display: none;
}


#top_cs .is-layout-flex {
    margin: 0 auto !important; 
    padding: 0 !important;
}

.SvsLink {
	width: 1470px!important;
}

@media screen and (max-width: 1343px) {
	#top_cs .cs_allsvlist {
		text-align: right;
		width: 90%;
		max-width: 820px;
		margin: 0 auto;
		padding-right: 0;
	}
}


@media screen and (max-width: 1279px) {
	#top_cs ul.box2 {
		display: block;
		width: 93%;
	}
	
	#top_cs ul.box2 li {
		width: 95%;
		max-width: 820px;
		height: auto;
		margin-bottom: 20px;
	}
	
	#top_cs ul.box5 {
		width: 93%;
		max-width: 860px;
		flex-wrap: wrap;
	}
	
	#top_cs ul.box5 li {
		width: 45%;
		margin-bottom: 20px;
	}
	
	#top_cs .box_title {
		font-size: 20px;
	}
}

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

@media screen and (max-width: 640px) {
	#top_cs .cs-headline {
		padding-top: 0px;
	}
	
	#top_cs .cs2box_exposition{
		width: 80%;
		padding: 20px 0px 10px 0px;
		margin: 0 auto;
	}
	
	#top_cs .cs2box_button {
		padding: 30px 0px 20px 0px;
	}
	
	#top_cs .col_2{
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	
	#top_cs .col_2 .Lbox {
		width: 100%;
		height: auto;
	}
	
	#top_cs .col_2 img{
		width: 100%;
		margin: 0;
	}
	
	#top_cs .col_2 .Rbox {
		width: 100%;
		height: auto;
		padding: 0;
	}
	
	#top_cs .col_2 > div{
		width: 100%;
	}
	
	#top_cs ul.box2 {
		width: 98%;
	}
	
	#top_cs ul.box2 li {
		margin-bottom: 20px;
	}
	
	#top_cs .cs_box2 {
	}
	
	#top_cs .cscase{
		width: 100%;
		margin: 0 auto;
		padding:30px;
	}
	
	#top_cs ul.box5 {
		margin:0 auto;
		text-align: center;
		padding: 0;
	}
	
	#top_cs ul.box5 li {
		width:95%;
		padding:20px;
	}
	
	#top_cs .cs-headtext {
		width: 85%;
		max-width: 85%;
	}
}



/* ホームページChina IT Solution */
#top_china .alignwide {
   max-width:80%;
	margin: 0 auto;
}

#top_china{
	/*background: url("../image/china_map.webp") , no-repeat center center;*/
	background: url("../image/china_map.webp");
	/*background-size: cover;*/
	background-size: 100% auto;
    background-position: 0px 25px;
    background-repeat: no-repeat;
	padding: 60px 0 10px 0;
	color: #333;
}

#top_china .cf-headline{
	padding: 40px 0px 0px 0px;
	font-size:38px;
	font-weight: 700;
	text-align: center;
	color:#484848;
}

#top_china .cf-headsub{
	padding: 0px 0px 20px 0px;
	font-size:18px;
	font-weight: 700;
	text-align: center;
	color:#484848;
}

#top_china .cf-headtext{
	padding: 20px 0px 40px 0px;
	margin: 0 auto; 
	width: 810px;
	max-width: 80%;
	font-size:16px;
	/*font-weight: 700;*/
	text-align: center;
	color:#484848;
	line-height: 1.8em;
}


#top_china .chinacase{
	/*background: #ffffff;
    color: #444444;
	border-radius: 4px;
	padding: 20px 0px 20px 0px;
	margin: 20px auto 10px auto; 
	width: 100%;
	max-width: 95%;
	font-size:16px;
	font-weight: 700;
	text-align: center;*/
}

#top_china .ChinaIT-block .wp-block-columns {
	margin-bottom: 0;
}

#top_china ul.seko {
	padding: 25px 10px 15px 10px;
	text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

#top_china ul.seko li {
	width: 31%;
	display: block;
    background: #ffffff;
    color: #484848;
    border-radius: 4px;
	padding: 25px 10px 25px 10px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}


#top_china .button001 {
	padding: 30px 0px 80px 0px;
}

#top_china .button001 a {
    background: #1C2438;
    border-radius: 3px;
    max-width: 200px;
    color: #ffffff;
    transition: 0.3s ease-in-out;
    font-size: 16px;
}

#top_china .button001 a:hover {
    background: #eee;
    color: #313131;
}
#top_china .button001 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.2s ease-in-out;
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transform: translateY(-50%);
}
#top_china .button001 a:hover:after {
    border-color: #FFF;
}


@media screen and (max-width: 1024px) {
	#top_china ul.seko li {
		width: 48%;
	}
}

@media screen and (max-width: 391px) {
	#top_china {
		background-size: 130% auto;
		background-position: 0px 15px;
	}
	
	#top_china ul.seko li {
		width: 90%;
	}
}

/* ======================================================
   セミナー
======================================================*/
#top_eventarea{
padding: 0px 0px 40px 0px;
	width: 95%;
	margin: 0 auto;
}

#top_eventarea .event-title{
	padding: 60px 0px 0px 0px;
	font-size:28px;
	font-weight: 700;
	text-align: left;
	color:#333333;
}

#top_eventarea .col_2{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}

#top_eventarea .col_2 > div{
	width: 50%;
	padding: 0;
}

#top_eventarea .ev_allevlist {
padding: 0px 10px 0px 0px;
/*width: 250px;*/
font-size: 18px;
margin-right: 0;
margin-left: auto;
}


#top_eventarea .ev_allevlist a {
	font-weight: 700;
	text-decoration: none;
	display: flex;
	    justify-content: flex-end;
	align-items: baseline;
    margin: 80px 0px 0px 0px;
    color: #333333;
	letter-spacing: 0.1em;
}

#top_eventarea .ev_allevlist a span {
	margin-right: 10px;
	font-weight: bold;
}

#top_eventarea .ev_allevlist a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.2s ease-in-out;
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transform: translateY(-50%);
}


@media screen and (max-width: 640px) {
	#top_eventarea .col_2 > div{
		width: 100%;
		padding: 0;
	}
	
	#top_eventarea .event-title{
		padding: 60px 60px 0px 60px;
		text-align: center;
	}
	
	#top_eventarea .ev_allevlist {
		padding: 20px 0 0 0;
		font-size: 16px;
	}
	
	#top_eventarea .ev_allevlist a {
		text-decoration: none;
		margin: 0 auto;
		text-align: center;
	}
}


/* ======================================================
   資料ダウンロード
======================================================*/
/* ホームページ 資料ダウンロード */

#top_dlarea {
	padding: 0;
    width: 95%;
    margin: 0 auto;
}

#top_dlarea .dl-title{
	padding: 60px 0px 0px 0px;
	font-size:28px;
	font-weight: 700;
	text-align: left;
	color:#333333;
}

#top_dlarea .dl-image {
	padding: 20px 0 10px 0;
}

#top_dlarea .dl-image img {
    border-radius: 4px;
}

#top_dlarea .DLlistBox {
	display: flex;
    justify-content: space-between;
    margin-top: 10px;
    flex-wrap: wrap;
} 
  
#top_dlarea ul.dl-box {
	width: 24%;
  /*margin: auto;
	display: inline-block;
	padding: 0 0px 20px 4%;*/
}
#top_dlarea ul.dl-box li {
	text-decoration: none;
  overflow:hidden;
  display: inline-block;
  vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type:none;
	list-style-image: none;
	background-image: none;
	text-indent: 0px;
    margin:0px 0px;
    padding:0px;
}

#top_dlarea .tags {
	display: inline-block;
    background-color: #9EA4A7;
    padding: 2px 8px 3px 8px;
    margin: 0px 2px 5px 0px;
    max-width: 400px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    letter-spacing: 0.1em;
    border-radius: 2px;
}

#top_dlarea .dl-post {
    display: block;
}

#top_dlarea .dl-post a {
	display: block;
    font-weight: 600;
    color: #262933;
    font-size: 16px;
    line-height: 1.6em;
    margin-top: 5px;
}

#top_dlarea .dl-button001 {
	padding: 30px 0px 60px 0px;
}


#top_dlarea .dl-button001 a {
	text-decoration: none;
    background: #1C2438;;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 10px 25px;
    color: #ffffff;
    transition: 0.3s ease-in-out;
    font-weight: 700;
    font-size: 16px;
	letter-spacing: 0.1em;
}

#top_dlarea .dl-button001 a:hover {
    background: #eee;
    color: #313131;
}
#top_dlarea .dl-button001 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.2s ease-in-out;
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transform: translateY(-50%);
}
#top_dlarea .dl-button001 a:hover:after {
    border-color: #FFF;
}

@media screen and (min-width: 640px) {
	.dlWrap .alignwide {
		width: 1470px!important;
	}
}

@media screen and (max-width: 1024px) {
	#top_dlarea ul.seko li {
		width: 48%;
	}
}

@media screen and (max-width: 820px) {
	#top_dlarea {
		width: 90%;
	}
	
	#top_dlarea ul.dl-box {
		width: 48%;
		height: auto;
		margin-bottom: 20px;
	}
}


@media screen and (max-width: 640px) {
	#top_dlarea .dl-title{
		text-align: center;
	}
	
	#top_dlarea ul.dl-box {
		width: 100%;
		margin: auto;
		display: inline-block;
		padding: 0 5% 20px 5%;
	}
	
	#top_dlarea .dl-image img {
		width: 100%;
	}
}

@media screen and (max-width: 391px) {
	#top_china {
		background-size: 130% auto;
		background-position: 0px 15px;
	}
}

/* ======================================================
    Topページ 事例紹介
======================================================*/
.cnt_CaseStudy .button001 a {
    text-decoration: none;
    background: #eee;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 10px 25px;
    color: #262933;
    transition: 0.3s ease-in-out;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.1em;
}

/* ======================================================
    News 新着情報
======================================================*/
/* ホームページ News新着情報 */
#news {
width: 80%;
margin: 0 auto;
}

#news .news_notice {
display: block;
background-color: #568099;
padding: 1px 10px 2px 10px;
margin: 0px 20px 0px 0px;
width: 110px;
text-align: center;
color: #fff;
font-size: 14px;
}

#news .news_imp {
display: block;
background-color: #a5443e;
padding: 1px 10px 2px 10px;
margin: 0px 20px 0px 0px;
width: 110px;
text-align: center;
color:#ffffff;
font-size: 14px;
}

#news .news_release {
display: block;
background-color: #c7aa61;
padding: 1px 10px 2px 10px;
margin: 0px 20px 0px 0px;
width: 110px;
text-align: center;
color:#ffffff;
font-size: 14px;
}

#news .news_media {
display: block;
background-color: #645b50;
padding: 1px 10px 2px 10px;
margin: 0px 20px 0px 0px;
width: 110px;
text-align: center;
color:#ffffff;
font-size: 14px;
}


#news .news-time {
padding: 0px 15px 0px 0px;
font-weight: bold;
font-size: 16px;
    width: 130px;
}

#news .news-title {
display: block;
font-size: 16px;
    padding: 0 25px 0 0;
    width: 65%;
}

#news .news-title a {
display: block;
text-decoration: none;
color: black;
    padding-right: 20px;
}

#news li {
  position: relative;
    display: flex;
    align-items: flex-start;
}

#news li:after {
  font-family: 'FontAwesome';
  content: "\f054";
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
}


#news .news-headline
{
	padding: 60px 0px 0px 0px;
	font-size:38px;
	font-weight: 700;
	text-align: center;
	color:#484848;
}

#news .news-headsub
{
	padding: 0px 0px 20px 0px;
	font-size:18px;
	font-weight: 700;
	text-align: center;
	color:#484848;
}

#news .button002 {
	padding: 0px 0px 60px 0px;
	width: 160px;
	margin-right: 0;
	margin-left: auto;
}

#news .button002 a {
	text-decoration: none;
    background: #EDF0F3;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 160px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 700;
    font-size: 16px;
}

#news .button002 a:hover {
    background: #313131;
    color: #FFF;
}
#news .button002 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.2s ease-in-out;
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transform: translateY(-50%);
}

#news .button002 a:hover:after {
    border-color: #FFF;
}

/* ナビゲーション */
#news-nav {
padding: 60px 0 60px 0;
}

#news-nav .pagination {
width: 80%;
margin: 0 auto;
display: flex;
justify-content: center;
}

#news-nav ul.page-numbers {
	border: 0px;
}

#news-nav ul {
	display: flex;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
}

#news-nav .pagination li {
    display: inline-block;
    margin: 0 3px;
    background: #efefef;
	font-size: 14px;
    width: 20%;
    max-width: 50px;
    margin-bottom: 10px;
}

.page-numbers.current {
    background-color: #262933!important;
    display: inline-block;
    color: #fff!important;
    padding: 12px 20px!important;
    border-radius: 3px!important;
}

.page-numbers {
    font-weight: bold!important;
    /* display: inline-block!important; */
    color: #3a3a3a!important;
    padding: 12px 20px!important;
    margin-bottom: 0!important;
    border: none!important;
    border-radius: 3px!important;
}



@media screen and (max-width: 413px) {
	#news li {
		display: block;
	}
	
	#news .news-title {
		width: 95%;
		margin-top: 8px;
	}
	
	#news li:after {
		right: 0;
	}
	
	#news .news-time {
		margin-top: 5px;
		display: block;
	}
	
	#news-nav .pagination {
		width: 100%;
	}
}


/* ======================================================
    News 新着情報 詳細ページ
======================================================*/
#InfoDetails {
    margin-top: 30px;
    font-size: 16px;
    line-height: 2.2em;
    color: #474747;
    max-width: 820px;
}

#InfoDetails h2 {
    font-size: 28px;
    color: #262933;
}

#InfoDetails h3 {
    font-size: 20px;
    padding: 15px 15px 15px 20px;
    line-height: 1.8;
    background: #f4f4f4;
	border: none;
}

#InfoDetails h3 span, 
#InfoDetails h3.box span {
    font-weight: bold;
    color: #262933;
    background: none;
    padding: 0;
}

#InfoDetails h4 {
    font-size: 18px;
    margin: 0 0 10px 0;
    background: url(https://www.clara.jp/2022wp/wp-content/uploads/2023/02/acs02.gif) no-repeat left center;
    padding: 0 0 0 20px;
    color: #3371AF;
}

#InfoDetails .Date {
    text-align: left;
    color: #999;
    font-weight:normal;
    margin: 0 0 20px 0;
    font-size: 14px;
}

#InfoDetails p {
	margin: 0 0 30px 0;
    font-size: 16px;
    line-height: 2.2em;
}

#InfoDetails a {
    color: #6287ac;
	text-decoration: underline;
    /*border-bottom: 2px solid #6287ac;
    padding-bottom: 2px;*/
}

#InfoDetails .button002 {
    margin: 0 auto;
}

#InfoDetails .button002 a {
    text-decoration: none;
    background: #EDF0F3;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 160px;
    padding: 10px 35px 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 700;
    font-size: 16px;
    border-bottom: none;
}

#InfoDetails .button002 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.2s ease-in-out;
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transform: translateY(-50%);
}

#InfoDetails .button002 a:hover {
    background: #313131;
    color: #FFF;
}
#InfoDetails .button002 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.2s ease-in-out;
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transform: translateY(-50%);
}

#InfoDetails .button002 a:hover:after {
    border-color: #FFF;
}




/* ホームページセミナー情報 */
#top_eventarea .tags {
display: inline-block;
background-color: #9EA4A7;
    padding: 2px 8px 3px 8px;
    margin: 0px 2px 5px 0px;
max-width: 400px;
font-size: 12px;
color:#ffffff;
text-align: center;
    letter-spacing: 0.1em;
    border-radius: 2px;
}

#top_eventarea .tags a {
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	background-color: #333333;
	color:#ffffff;
}

#top_eventarea .tags a::after {
	color:#ffffff;
}

#top_eventarea .tags a:hover {
  text-decoration: none;
  background-color: #333333;
		 color:#ffffff;
}


#top_eventarea .event-image {
	padding: 20px 0 10px 0;
}

#top_eventarea .event-image img {
    border-radius: 4px;
}

#top_eventarea .event-time {
    font-size: 16px;
    font-weight: 400;
    color: #777777;
    margin-top: 10px;
}

#top_eventarea .eventlistBox {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
	flex-wrap: wrap;
}

#top_eventarea ul.event-box {
	width: 24%;
	/*margin: auto;
	display: inline-block;
	padding: 0 0px 20px 2%;*/
}
#top_eventarea ul.event-box li {
	/*text-decoration: none;
	overflow:hidden;
	display: inline-block;
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type:none;
	list-style-image: none;
	background-image: none;
	text-indent: 0px;
    margin:0px 0px;
    padding:0px;*/
}

#top_eventarea .event-post {
padding: 30px 0px 0px 0px;
}

#top_eventarea .event-post a {
display: block;
font-weight: 600;
color: #262933;
    font-size: 16px;
    line-height: 1.6em;
    margin-top: 5px;
}

.eventWrap {
	padding-bottom: 30px;
}

@media screen and (min-width: 640px) {
	.eventWrap .alignwide {
		width: 1470px!important;
	}
}

@media screen and (max-width: 820px) {
	#top_eventarea {
		width: 90%;
	}
	
	#top_eventarea ul.event-box {
		width: 48%;
		height: auto;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 640px) {
	#top_eventarea {
		width: 95%;
	}
	
	#top_eventarea .eventlistBox {
		margin-top: 0;
	}
	
	#top_eventarea ul.event-box {
		width: 100%;
		margin-bottom: 20px;
	}
	
	#top_eventarea .event-image {
		padding: 10px 0 10px 0;
	}
	
	#top_eventarea .event-image img {
		width: 100%;
	}
	
	.pcBR {
		display: none;
	}
	
	.smpBR {
		display: block;
	}
}


.alignwide {
	width: 1350px;
	max-width: 90vw;
	margin: 0 auto;
}


.alignfull{
 margin-top: -28px;
}



.alignright {
text-align: right;
margin-left: auto;
}

.alignleft {
text-align: left;
margin-right: auto;
}

.right {
    text-align: right;
}

hr.style5{
	border-top: 1px solid #e4e4e4;
	margin-top: 6px;
}


.button001 {
	padding: 30px 0px 80px 0px;
}


.button001 a {
	text-decoration: none;
    background: #eee;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 280px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 700;
}
.button001 a:hover {
    background: #313131;
    color: #FFF;
}
.button001 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.2s ease-in-out;
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transform: translateY(-50%);
}
.button001 a:hover:after {
    border-color: #FFF;
}

.button002 {
		padding: 0px 0px 60px 0px;
width: 280px;
  margin-right: 0;
  margin-left: auto;
	
}


.button002 a {
	text-decoration: none;
    background: #eee;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 280px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 700;
}

.button002 a:hover {
    background: #313131;
    color: #FFF;
}
.button002 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.2s ease-in-out;
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transform: translateY(-50%);
}
.button002 a:hover:after {
    border-color: #FFF;
}


.wpsisac-image-slide img{
padding: 0px 10px 10px 10px !important;
width: 700px !important;
height: 207px !important;	
}

@media screen and (max-width:640px) {
	.wpsisac-image-slide img {
		width: 80%!important;
		height: auto!important;
	}
	
	.wpsisac-slick-carousal.design-1 .slick-next {
		right: 10px!important;
	}
	
	.wpsisac-slick-carousal.design-1 .slick-prev {
		left: 10px !important;
	}
	
	.wpsisac-slick-slider .slick-arrow, 
	.wpsisac-slick-carousal .slick-arrow {
		background: none;
	}
}

@media screen and (min-width:640px) {
.alignwide {
	max-width: 100vw;
	margin: 0 auto;
	}
}




/* ================================ 
  ブロックエディター レイアウト
 ================================ */
/*.editor-styles-wrapper .wp-block {
	max-width: 840px!important;
}

html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container>.wp-block[data-align=full] {
    margin: 0 auto!important;
}*/