/*--------------------------------------------------------------------
NEWS_体験型AI講座の実証授業
--------------------------------------------------------------------*/
div#student_img {
    text-align: center;
}

/*--------------------------------------------------------------------
AIミネルバExpertページ
--------------------------------------------------------------------*/

h3#skil_set{
    font-size: 26px;	
}
.study_content {
    font-size: 16px;
    text-align: left;
	margin:3%;
}
table#expert_table ul {
    list-style-type: disc;
	padding-left: 1%;
}
table#expert_table ol {
    list-style-type: decimal;
	padding-left: 2%;
}

table#expert_table th,td {
	 padding: 5px 10px; 	
}

table#expert_table th {
    background-color: #075da1; 
    color:  #fff; 
    font-weight:  normal; 
	width:15%;
}
table#expert_table td {
	background-color:  #e6eaff; 
    padding-left: 25px;    
}

table#expert_table tr {
    border-bottom:  solid #fff; /* 線指定 */
}

/*--------------------------------------------------------------------
AIミネルバページ
--------------------------------------------------------------------*/
.expert_system p{
	font-size:22px;
	margin-top:2%;
}
.banar img{
	margin:0;
}
.banar_1 img{
    margin-top: 5%;
}
.novice_text p{
	font-size:26px;
	font-weight:800;
	margin:0 3%;
	text-align:left;
}
.novice_text {
    margin-bottom: 8%;
}
h2#mine_top_h2 {
    font-size:55px;
}

h3#minerva_h3 {
    font-size: 50px;
    display: inline-block;
    background: linear-gradient(transparent 80%, #f7cabc 85%);
    margin-bottom: 2%;
}

.point_text5 p {
    font-size: 26px;
    display: inline-block;
    background: linear-gradient(transparent 85%, #8abee6 90%);
}
.point_text5{
    margin: 0 0 3% 8%;
	text-align:left;	
}

.piramid_p{
    margin: 1% 0;
    line-height: normal;
    font-size: 26px;
    font-weight: bolder;
    display: inline-block;
    border-bottom: double 8px #8abee6;
}
.piramid img{
	margin:5% 0;
}

.hybrid ul{
	text-align:left;
	font-size:20px;
}
.hybrid h4{
	font-size:26px;
	font-weight:800;
}
.hybrid p{
	font-size:22px;
    margin-top: 3%;
	text-align:left;
}

.hybrid li{
  position: relative;
  padding-left: 15px;
}
 
.hybrid li:before {
  content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #8abee6;
  border-radius: 50%;
}
h3#nintei_h3{
	font-size:36px;
}
.hybrid {
  margin: 100px auto 20px;
  padding: 30px;
  border: 2px solid #4c9ac0;
}
.hybrid ul{
  margin-top: 2%;
}
.hybrid span{
  color: #13489e;	
}
.hybrid h4{
  color: #13489e;	
}
.hybrid_h2{
  background-color: #4c9ac0;
  color: #fff;
  border-radius: 10px;
  padding: 10px 1.5em;
  margin: -65px 0 0 0;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.hybrid_h2::after {
  content: '';
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border: 15px solid transparent;
  width: 0;
  height: 0;
  border-top-color: #4c9ac0;
}
.hybridbox {
    display: flex;
	margin-top: 20px;
}
.batu {
    width: 10%;
	padding: 3% 1% 0 1%;
}
.liskling {
    padding: 1%;
	background: #f4f4f4;
}
.licalent {
	padding: 1%;
	background: #f4f4f4;
}
.lntractiv{
	padding: 1%;
	color: #232323;
    background: #fff8e8;
    border-left: solid 5px #ffc06e;
}
.lntractiv h4{
	line-height:30px;
}
.lntractiv h5{
	font-size:16px;
	text-align:left;
	
}

.lntractiv span {
    color: #EF2752;
    font-size:22px;
}
.elan {
    padding: 1%;
}
.elan h4{
	line-height:60px;	
}

.ooitanews {
	width:100%;
	height: auto;
	transition-duration: 0.5s; /*変化の時間*/
}

.ooitanews:hover {
	transform: scale(1.5,1.5); /*画像の拡大*/
	cursor: pointer; /*カーソルをポインターにする*/
}

.gray_any {
	display: inline-block;
	background-color: #878787;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
  margin-right: 0.6em;
	margin-left: 1.3em;
	padding-right: 1em;
	padding-left: 1em;
	font-size: 0.7em;
	line-height: 1.4em;
}

.red_required {
	display: inline-block;
	background-color: #e4002b;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
  margin-right: 0.6em;
	margin-left: 1.3em;
	padding-right: 1em;
	padding-left: 1em;
	font-size: 0.7em;
	line-height: 1.4em;
}
/*--------------------------------------------------------------------
NTTPCコミュニケーションズ賞
--------------------------------------------------------------------*/
#sdgs_apc{
	margin:0 5%;
}
.sdgs_title {
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 2%;
}
.sdgs_h1{
	margin:3% 0;
}
.sdgs_h1 a{
	font-size: 1.5em;
	color: rgba(6,147,227,1);
}
.sdgs_pdf{
	text-align: center;
}
/*--------------------------------------------------------------------
NEWS 航空機認識の実証実験を開始
--------------------------------------------------------------------*/
#aircraft_1{
  margin-top: -5%;
}
#aircraft{
	margin:0 5%;
}
#aircraft h3{
	font-size: 18px;
	margin-bottom: 2%;
}
.air_title{
	text-align: center;
	font-size: 15px;
	margin-bottom: 2%;
}
.air_title_1{
	font-size: 10px;
	margin-bottom: 2%;
	text-indent: 1em;
}
.air_honbun {
	font-size: 10px;
	margin: 3% 0 2% 0;
}
.air_honbun h2{
	margin: 3% 0 1% 0;
}
.air_honbun p{
	text-indent: 1em;
}
.annotation_1{
	font-size: 8px;
	margin: 5% 0 3% 0;
	text-align: right;
}
.annotation_2{
	font-size: 8px;
	margin: 5% 0 2% 0;
}
.annotation_3{
	font-size: 8px;
	margin: 0% 0 2% 10%;
}
.kome{
	font-size: 0.5em;
	vertical-align: text-top;
}
.air_ul {
	list-style: none;
	font-size: 15px;
}
.air_test{
	text-align: left;
	font-size: 10px;
	margin-bottom: 5%;
}
.air_test p{
	padding-top: 0%;
}
#aircraft_2{
	margin:0 5%;
}
#aircraft_2 h3{
	font-size: 18px;
	margin-bottom: 2%;
}
#aircraft_2 img{
margin-left: 15%;
}
.newsair_img3 img{
	margin:2% 0;
}
/*--------------------------------------------------------------------
NEWS Chimera AI Evangelist提供開始
--------------------------------------------------------------------*/
#evangelist{
	margin:0 2.5%;
}
#evangelist h3{
	font-size: 18px;
	margin-bottom: 2%;
}
.evangelist_img2 img{
	margin: 3% 5% 0 5%;
}
.evangelist_img3 img{
	margin: 5% 5% 8% 5%;
}
.evangelist_ul{
	margin-top:3%;
}
.evangelist_ul ul{
	font-size:1.5em;
}
.evangelist_ul2 li:nth-child(5){
  margin-top: 3%;
}
.evangelist_ul2 li:nth-child(9){
  margin-top: 3%;
}
.evangelist_ul2 {
	list-style: none;
	font-size: 15px;
	margin-top: 5%;
}
.evange_title h2{
    text-align: center;
    font-size: 20px;
    margin-bottom: 2%;
}
.aiminerva_title h2{
    text-align: center;
    font-size: 20px;
    margin-bottom: 2%;
}
.aiminerva_rogo {
    text-align: center;
}
.aiminerva_rogo img {
	margin: 0;
}
/*--------------------------------------------------------------------
NEWS 「別府八湯温泉まつり」を舞台に観光DXの事業検証を開始
--------------------------------------------------------------------*/
#tourismdx{
	margin:0 5%;
}
#tourismdx h3{
	font-size: 18px;
	margin-bottom: 2%;
}
.dx_img1 img{
	margin: 0% 20% 3% 20%;
}
.dx_img2 img{
  margin: 0% 10% 2% 10%;
}
.dx_img3 img{
  margin: 2% 20% 5% 20%;
}

.dx_title_3{
  margin:2% 0 3% 0;
	text-indent: 1em;
}
.dx_ul ul{
	font-size:1.5em;
}
.dx_ul{
	margin-bottom: 3%;
}

.dx_ul1 {
	list-style: none;
	font-size: 15px;
	margin-bottom: 3%;
}
.dx_ul1 li:nth-child(1){
  margin: 0% 0%;
}
.dx_ul2 {
	list-style: none;
	font-size: 15px;
	margin-bottom: 3%;
}
.dx_ul2 li:nth-child(4){
  margin-top: 3%;
}
.dx_ul2 li:nth-child(5){
	text-indent: 1em;
}
/*--------------------------------------------------------------------
aichantest
--------------------------------------------------------------------*/

#aitest{
		width: 1080px;
		height: auto;
		text-align: center;
		display: block;
	}

.aitest_top1{
		font-family: serif;
		position: relative;
	}

.aitest_top1 h1{
		font-size: 36px;
		line-height: 1.8em;
		position: absolute;
		bottom:14%;
		left:10%;
	}
.aitest_top2{
	position: relative;
	font-family: serif;
  }
.aitest_1{
	position: absolute;
	left:0%;
	top:-3%;
	text-align: left;
  }
.aitest_1 h2{
		position: relative;
	 	font-size: 36px;
		display: inline-block;
	  border-bottom: 10px solid #87CEFA;
		margin-top: 3%;
	}
.aitest_1 p{
	 	position: relative;
	 	font-size: 26px;
	}


/*--------------------------------------------------------------------
aichan
--------------------------------------------------------------------*/
.aichan_ai{
	font-family: serif;
	position: relative;
}

.aichan_ai h1{
	font-size: 36px;
	line-height: 1.8em;
	position: absolute;
	bottom:14%;
	left:10%;
}

.aichan1_ai{
	font-family: serif;
	position: relative;
}

.aichan2_ai{
	position: absolute;
	left:0%;
	top:-3%;
	text-align: left;
}

.aichan1_ai h2{
 	font-size: 36px;
	display: inline-block;
  border-bottom: 10px solid #87CEFA;
	margin-top: 3%;
}

.aichan1_ai p{
 	font-size: 26px;
}

.aichan3_ai{
	font-family: serif;
	position: relative;
	margin-top: 3%;
}
.aichan3_ai img{
margin-top: 5%;
}

.aichan3_ai h1{
	font-size: 36px;
	line-height: 1.8em;
	position: absolute;
	top:22%;
	left:15%;
}
.aichan3_ai h2{
	font-size: 45px;
	position: absolute;
	bottom:-15%;
	left:2%;
}

.aichan4_ai{
	font-family: serif;
	position: relative;
}
.aichan4_ai img{
  margin-top: 5%;
}

.aichan4_ai h3{
 	font-size: 26px;
	margin-bottom: 4%;
}

.aichan4_ai p{
 	font-size: 45px;
	font-weight: bold;
	margin-left: 16%;
	line-height: 3.3em;
}

.aichan5_ai{
	position: absolute;
	right: 0%;
	top:8%;
	text-align: left;
}
.aichanfaq_ai{
	font-family: serif;
	position: relative;
	margin-top: 6%;
}
.aichanfaq_ai h1{
	font-size: 40px;
	position: absolute;
	top:30%;
	left:45%;
}
.aichan6_ai{
	font-family: serif;
	position: relative;
	margin-top: 3%;
}
.aichan6_ai img{
margin-top: 5%;
}
.aichan6_ai h1{
	font-size: 36px;
	position: absolute;
	top:20%;
	left:17%;
	color: white;
}
.aichan7_ai{
	font-family: serif;
	position: relative;
}
.aichan7_ai img{
  margin-top: 5%;
}

.aichan7_ai h2{
 	font-size: 45px;
	font-weight: bold;
	text-align: center;
}

.aichan7_ai p{
	line-height: 1.7em;
	margin-top: 2%;
}
.aichan7_1{
	font-size: 18px;
	position: absolute;
	top:14%;
	left:33%;
}
.aichan7_2{
	font-size: 18px;
	position: absolute;
	top:55%;
	left:10%;
}
.aichan7_3{
	font-size: 18px;
	position: absolute;
	top:52%;
	right:7%;
}
.aichan7_31{
  text-align: right;
}
.aichan7_4{
  text-align: right;
	font-size: 10px;
}

.aichan8_ai{
	font-family: serif;
	position: relative;
	margin-top: 5%;
}
.aichan8_ai img{
  margin-top: 5%;
}
.aichan8_ai h1{
	font-size: 36px;
	line-height: 1.8em;
	position: absolute;
	top:22%;
	left:25%;
	color: white;
}
.aichan9_ai{
	font-family: serif;
	position: relative;
}
.aichan9_ai img{
margin-top: -1%;
}
.aichan9_ai h2{
 	font-size: 36px;
	display: inline-block;
  border-bottom: 10px solid #87CEFA;
	margin-top: 5%;
}

.aichan9_ai p{
 	font-size: 26px;
}

.aichan10_ai{
	position: absolute;
	left:0%;
	top:0%;
	text-align: left;
}
.aichan11_ai{
	position: absolute;
	right:0%;
	bottom:10%;
}
.aichan11_ai p{
	font-size: 20px;
}

.aichan11_1 h2{
	text-align: center;
	font-family: serif;
	font-size: 36px;
	margin-top: 5%;
	margin-bottom: 3%;
}
.aichan11_1 p{
	text-align: left;
	margin-left: 43%;
	font-family: serif;
	font-size: 15px;
}

.aichan12_ai{
	font-family: serif;
	position: relative;
	margin-top: 5%;
}
.aichan12_ai img{
  margin-top: 5%;
}
.aichan12_ai h1{
	font-size: 36px;
	line-height: 1.8em;
	position: absolute;
	top:22%;
	left:20%;
	color: white;
}

.whiteboad{
	font-family: serif;
	display: flex;
	margin-top: 2%;
}
.whiteboad h2{
	font-size: 36px;
	border-bottom: 10px solid #87CEFA;
	display: inline-block;
}
.whiteboad p{
 	font-size: 26px;

}
.boad_1{
text-align: left;
	width:45%;
	margin-right: 13%;

}
.boad_2{
 text-align: left;
	width:45%;
}
.aichan13_ai{
	text-align: center;
	font-family: serif;
	position: relative;
	margin-bottom: 10%;
}
.aichan13_ai h2{
  font-size: 36px;
	margin:5% 0 ;
}

.aichan14_ai p{
 	font-size: 20px;
	background: #717071; /*背景色*/
	padding: 0.2em 2em;/*文字周りの余白*/
	color: white;/*文字を白に*/
	border-radius: 0.5em;/*角の丸み*/
	font-family: sans-serif;
}
.aichan15_ai p{
 	font-size: 20px;
	background: #717071; /*背景色*/
	padding: 0.2em 2em;/*文字周りの余白*/
	color: white;/*文字を白に*/
	border-radius: 0.5em;/*角の丸み*/
	font-family: sans-serif;
}
.aichan14_ai{
	position: absolute;
	bottom:-6%;
	left:19%;
}

.aichan15_ai{
	position: absolute;
	top:68%;
	right:19%;
}
.aichan16_ai{
	font-family: serif;
	position: relative;
	margin-top: 6%;
}
.aichan16_ai h1{
	font-size: 40px;
	position: absolute;
	top:30%;
  left:25%;
}
.aichan16_1{
	margin-top: 3%;
}
.aichan17_ai{
	font-family: serif;
	position: relative;
}
.aichan17_ai img{
  margin-top: 5%;
}

.aichan17_ai h2{
 	font-size: 45px;
	font-weight: bold;
	text-align: center;
}

.aichan17_ai p{
 	font-size: 28px;
	line-height: 1.8em;
}
.aichan17_1{
	position: absolute;
	top:15%;
	left:30%;
}
.aichan17_2{
	position: absolute;
	top:65%;
	left:9%;
}
.aichan17_3{
	position: absolute;
	top:65%;
	right:3%;
}
.aichan18_ai{
	font-family: serif;
	position: relative;
	margin-top: 8%;
}
.aichan18_ai h1{
	font-size: 40px;
	position: absolute;
	top:30%;
  left:40%;
}
.ai_sys01 {
	position: relative;
	margin-top: 5%;
}

.sysgaiyo_ai{
	position: absolute;
	top:-2%;
}
.sysgaiyo{
	font-family: serif;
	display: flex;
}
.sysgaiyo p{
 	font-size: 24px;
}
.sys_1{
text-align: left;
	width:55%;
	margin-right: 10%;
	margin-top: 0.5%;
}
.sys_2{
 text-align: left;
	width:50%;
}
.sysgaiyo_0{
	display: flex;
}
.tsys_1{
	text-align: left;
	margin-right: 44%;
}
.tsys_2{
 text-align: left;
}
.tsys_1 p{
 	font-size: 20px;
	background: #717071; /*背景色*/
	padding: 0.2em 2em;/*文字周りの余白*/
	color: white;/*文字を白に*/
	border-radius: 0.5em;/*角の丸み*/
	font-family: sans-serif;
}
.tsys_2 p{
 	font-size: 20px;
	background: #717071; /*背景色*/
	padding: 0.2em 2em;/*文字周りの余白*/
	color: white;/*文字を白に*/
	border-radius: 0.5em;/*角の丸み*/
	font-family: sans-serif;
}

.sys_3{
 text-align: center;
 position: absolute;
 bottom: 1%;
 font-family: serif;
 font-size: 15px;
 width: 38%;
}

.sys_4 p{
  text-align: right;
	font-family: serif;
	font-size: 15px;
	margin-top: 2%;
}

.ai_sys02 {
	position: relative;
	margin-top: 10%;
}
.syskousei {
	position: absolute;
	top:-10%;
}
.ai_sys02 img{
	margin-top: 18%;
}
.syskousei {
  display: flex;              /* フレックスボックスにする */
  flex-wrap: wrap;            /* 折り返し指定 */
  align-content:stretch;      /* 折り返し時の配置指定 */
}
.ksys {
 	border-bottom: 10px solid #87CEFA;
	width:47.5%;
	font-size: 15px;
	font-family: serif;
	text-align: left;
}

.ksys:nth-child(1) {
	margin-right: 2.5%;
}
.ksys:nth-child(3) {
	margin-right: 2.5%;
	padding-top: 2.5%;
}
.ksys:nth-child(2) {
	margin-left: 2.5%;
}
.ksys:nth-child(4) {
	margin-left: 2.5%;
	padding-top: 5%;
}

.ksys_1 p{
 	font-size: 20px;
	background: #717071; /*背景色*/
	padding: 0.2em 2em;/*文字周りの余白*/
	color: white;/*文字を白に*/
	border-radius: 0.5em;/*角の丸み*/
	font-family: sans-serif;
}
.ksys_1{
	position: absolute;
	right: 14%;
	top: 30%;
}
.ksys_2{
	position: absolute;
	right: 6%;
	bottom: 5%;
	font-size: 16px;
	font-family: serif;
}
/*--------------------------------------------------------------------
aichan btn
--------------------------------------------------------------------*/
.fixed_aibtn
{
  position: -webkit-sticky;
  position: sticky;
  bottom: 0%;
  left: 0%;
  text-align:left;
}


/*--------------------------------------------------------------------
aichan Q&A
--------------------------------------------------------------------*/
.ai_qa{
	width: 1080px;
	height: auto;
	margin-top: 3%;
	margin-bottom: 8%;
}
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_actab{
	margin-bottom: 1%;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1 0;
	color: #1b2538;
	text-align: left;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	font-family: serif;
	font-size: 18px;
	line-height: 25px;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1.5em;
	cursor: pointer;
	background: #f5f5f5;
}
/**
.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 15px;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}
**/
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}

/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 10px;
	font-weight: bold;
	line-height: 60px;
	position: absolute;
	top: 0;
	right: 0;
	content: '▼';
	display: inline-block;
	width: 30px;
		-webkit-transition: transform 0.1s;
	        transition: transform 0.1s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
	font-family: serif;
	font-size: 12px;
}
/**
.cp_qa .cp_actab .cp_actab-content::before {
	position: absolute;
	margin: 0.4em 0 0 -1ems;
	padding: 0;
	content: '';
}
**/
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid  #f5f5f5;
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838f;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(-90deg);
	transform: rotateZ(-90deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

/*--------------------------------------------------------------------
access
--------------------------------------------------------------------*/
#oitakaihatsu p{
	font-size: 1.2em;
}

/*--------------------------------------------------------------------
mokushi_ai
--------------------------------------------------------------------*/

#aicontents{
	width: 1080px;
	height: auto;
	text-align: center;
	display: block;
}
#mocontents{
	width: 1080px;
	height: auto;
	text-align: center;
	display: block;
}
#wazacontents{
	width: 1080px;
	height: auto;
	text-align: center;
	display: block;
}
.mokushi_ai{
	text-align: center;
	font-family: serif;
}
.mokushi_ai h2{
	text-align: center;
	font-size: 36px;
}
.mokushi_ai h3{
	font-size: 30px;
	margin-top: 2%;
}

.ai_p{
	font-size:36px;
	text-align:center;
	font-weight: bold;
}

.mokushi_ai img{
	text-align: center;
	padding: 0;
}
.mokushi_ai h1{
	font-size: 60px;
	font-family: serif;
	color:white;
	position: absolute;
  left: 16%;
  bottom: 4%;
	line-height: 1.4em;
}
.banar_ai{
	 position: relative;
}
.banar_ai h1{
	 position: absolute;
   top: 68%:
	 left: 15%;
	 text-align:center;
}
.banar_mk{
	 position: relative;
}
.g_ai{
	 position: absolute;
	 top:28%;
	 right:3%;
}
.m_gi{
	 position: absolute;
	 bottom:35%;
	 right:2%;
}
.ai_logo{
	 position: absolute;
	 top:3%;
	 right:2%;
}
/*-----
.mk_img{
transform: scale(-1, 1);
}
-----*/
.banar_mk h1{
	 position: absolute;
   bottom:8%;
	 left: 9%;
	 text-align:center;
}
.mokushi_ai1{
	margin:0 5% 3% 5%;
}
.ai_text0{
	text-align: left;
}
.ai_text0 p{
	font-size: 26px;
	margin-top: 2%;
}

.ai_text1{
	margin-top: 2%;
	text-align: left;
}
.ai_text1 p{
	font-size: 26px;
}

.ai_text1_1{
	text-align: left;
}
.ai_text1_1 p{
	margin-top: 2%;
	font-size: 26px;
}

.ai_text3{
	margin:0% 0% 2% 0%;
	text-align: left;
}
.ai_text3 p{
	font-size: 26px;
	display: inline-block;
	background: linear-gradient(transparent 85%, #8abee6 90%);
	margin-bottom: 1%;
}
.ai_text4{
	margin:2% 0 2% 0%;
	text-align: left;
}
.ai_text4 p{
	font-size: 26px;
}
.ca_span{
	font-size: 1.2em;
	font-weight: bold;
}
.banar_ai0{
	 position: relative;
	 margin-bottom: 5%;
}
.banar_ai2{
	 position: relative;
}
.banar_ai2 h1{
	 position: absolute;
   top: 20%;
	 left: 38%;
}

.mokushi_0{
	margin:0 5% 3% 5%;
}
.mokushi_0 h3{
	text-align: center;
  display: inline-block;
  background: linear-gradient(transparent 80%, #87CEFA 85%);
  margin-bottom: 2%;
}
.mokushi_1{
	margin:0 5% 3% 5%;
}
.mokushi_1 h3{
	text-align: center;
  display: inline-block;
  background: linear-gradient(transparent 80%, #87CEFA 85%);
  margin-bottom: 2%;
}
.mokushi_1 h4{
	font-size:26px;
	font-weight: bold;
}
.mokushi_2{
	margin:0 5% 3% 5%;
}
.mokushi_2 p{
	font-size: 26px;
	text-align: left;
	margin-top: 2%;
}
.mokushi_3{
	margin:0 5% 3% 5%;
}
.mokushi_4{
	margin:0 5% 3% 5%;
}
.mokushi_5{
	margin:0 5% 3% 5%;
}
.mokushi_6{
	margin:0 5% 3% 5%;
}
.banar_ai1{
	 position: relative;
}
.banar_ai4{
	 position: relative;
}
.banar_ai1 h1{
	 position: absolute;
	 top:20%;
	 left:35%;
}
.banar_ai3{
	 position: relative;
}
.banar_ai3 h1{
	 position: absolute;
	 top: 20%;
	 left: 27%;
}
.banar_ai4 h1{
	position: absolute;
	top: 20%;
	left: 30%;
}
.banar_ai0 p{
	 font-size: 25px;
	 color: white;
	 font-weight: bold;
	 text-align: left;
}
.banar_ai0text1{
	 position: absolute;
	 top:7%;
	 left:7%;
}

.banar_ai0text2{
	 position: absolute;
	 top:28%;
	 left:7%;
}
.banar_ai0text3{
	 position: absolute;
	 top:49%;
	 left:7%;
}
.banar_ai0text4{
	 position: absolute;
	 top:69%;
	 left:7%;
}

.flow_coil{
	 position: relative;
}

.flow_coil p{
	 font-size: 30px;
	 color: white;
	 font-weight: bold;
}

.flow_coiltext1{
	 position: absolute;
	 left:55%;
	 top:10%;
 }
.flow_coiltext2{
	 position: absolute;
	 top:35%;
	 left:55%;
}
.flow_coiltext3{
	 position: absolute;
	 top:60%;
	 left:55%;
}
.flow_coiltext4{
	 position: absolute;
	 top:80%;
	 left:55%;
}


.mokuchanfaq_ai{
	font-family: serif;
	position: relative;
	margin-top: 3%;
}
.mokuchanfaq_ai h1{
	font-size: 65px;
	position: absolute;
	top:20%;
	left:45%;
}
.mctop_left {
    text-align: left;
    text-indent: 5em;
    padding: 2% 0;
}
.m_note{
	font-size: 0.5em;
	vertical-align: text-top;
}
.m_yaji{
	text-align: center;
}
.mfont{
		font-size: 2em;
		color:#001a64;
}
.mfont1{
	  font-weight: bold;
	  font-size: 1.5em;
		color:#001a64;
}
.mtop_02{
	margin-top:3%;
}
.mtop_02img1{
	display: inline-block;
	width:15%;
	vertical-align: middle;
}
.mtop_02text{
	display: inline-block;
	width:65%;
	margin:2% 0 2% 0;
	vertical-align: middle;
}
.mtop_02img2{
	display: inline-block;
	width:15%;
	vertical-align: middle;
}
.mtop_02 h2{
	font-size: 36px;
	text-align: center;
	display: inline-block;
	background: linear-gradient(transparent 80%, #87CEFA 85%);
	margin-bottom: 2%;
}
.mtop_02 h3{
	font-size: 25px;
	text-align: left;
  margin-top: 0;
}
.safari_img{
margin: 2% 5%;
text-align: center;
}
.waza_zirei{
	margin-bottom: 3%;
}
.waza_zirei h2{
	position: relative;
  padding: 0 3%;
	font-size: 36px;
  text-align: center;
	margin: 2% 0;
}
.waza_zirei h2::before{
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background: #ff8a00;
}
.waza_zirei h2 span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}
.waza_zirei p{
	text-align: left;
	font-size: 26px;
	margin: 2% 5% 2% 5%;
}
.logi_img1{
	display: inline-block;
	width:48%;
	margin-right: 2%;
}
.logi_img2{
	display: inline-block;
	width:48%;
}
.logi_img2_1{
	display: inline-block;
	width:48%;
}
.logi_img2_2{
	display: inline-block;
	width:48%;
}
.logi_img1 p{
	font-size:17px;
	text-align: left;
	margin: 0;
}
.logi_img2 p{
	font-size:17px;
	text-align: left;
	margin: 0;
}

.logi_img2_1 p{
	font-size:17px;
	margin: 0;
}

.logi_img2_p{
	position: absolute;
	right: 18%;
  top: 5%;
}

.airplan_yaji{
    display: inline-block;
    vertical-align: middle;
    width: 20%;
}

.airplan_p{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}

.airplan_p p {
    text-align: left;
	font-size: 18px;
	margin: 0;
}

.air1_img{
	display: inline-block;
	width:40%;
	margin-right: 2%;
	position: relative;
}

.air2_img{
	display: inline-block;
	width:40%;
	position: relative;
}

.air3_img{
	display: inline-block;
	width:16%;
	text-align: right;
}
.airline_img{
	position: relative;
	margin:0 5% 3% 5%;
}
.airline_img p{
	position: absolute;
	top:23%;
	left:9%;
	font-size: 17px;
	color: white;
}

.air_yaji{
	position: absolute;
	top:10%;
	left:6%;
}
.lidar_t p{
	font-size: 1.7em;
	padding-left:1em;
  text-align: left;
}
.logistics_img{
	margin:0 5%;
	position: relative;
}
.crane{
	position: relative;
}
.crane p{
	font-size: 17px;
}
.crane_t1{
	position: absolute;
	bottom:8%;
	left:20%;
}
.crane_t2{
	position: absolute;
	bottom: 8%;
	left:56%;
}
.crane_t3{
	position: absolute;
	top: 3%;
	left:14%;
	color: white;
}
.crane_t4{
	position: absolute;
	top: 3%;
	right:20%;
	color: white;
}
.moku_top{
	margin:-3% 5% 3% 5%;
}
.moku_top p{
	font-size: 26px;
}
.mokup{
	text-align: left;
	margin-top: 2%;
}
.moku h3{
	font-size: 60px;
}
.moku p{
	font-size: 25px;
}
.moku{
	margin-top: 2%;
	position: relative;
}
.moku_t1{
	display: inline-block;
	width:38%;
	margin-right:1%;
	vertical-align: middle;
}
.moku_t01 img{
	padding-right: 8%;
}
.moku_img{
	display: inline-block;
	width:20%;
	vertical-align: middle;
}
.moku_t2{
	display: inline-block;
	width:38%;
	margin-left:1%;
	vertical-align: middle;
}
.moku_p01{
	text-align:left;
}
.moku_p02{
	text-align:left;
}
.moku_p03{
	text-align:left;
	margin-bottom: 5%;
}
.moku_p04{
	text-align:left;
}
.moku_img3{
	display: inline-block;
	width:45%;
	margin-right: 2%;
}
.moku_img4{
	display: inline-block;
	width:45%;
	margin-left: 2%;
}
.moku_t02{
	margin-top: 3%;
}
.moku_t03{
	margin-bottom: 15%;
}
.moku_t04{
	margin-bottom: 25%;
	margin-top: 20%;
}

.mmerit0 {
	margin: 5% 0;
}
.mmerit0 p{
	font-size: 26px;
	text-align: left;
}
.mmerit_1{
	display: inline-block;
	width:48%;
	text-align: left;
	margin-right: 2%;
	margin-bottom: 2%;
	background-color: #e8e9e9;
	padding: 2% 1%;
	position: relative;
}
.mmerit_1img{
	position: absolute;
	top:-30%;
	left:2%;
}
.mmerit_2{
	display: inline-block;
	width:48%;
	text-align: left;
	margin-bottom: 2%;
	background-color: #e8e9e9;
	padding: 2% 1%;
	position: relative;
}
.mmerit_2img{
	position: absolute;
	top:-30%;
}
.mmerit_3{
	display: inline-block;
	width:48%;
	text-align: left;
	margin-right: 2%;
	background-color: #e8e9e9;
	padding: 2% 1%;
	position: relative;
	margin-top: 3%;
}
.mmerit_3img{
	position: absolute;
	top:-30%;
	left:2%;
}
.mmerit_4{
	display: inline-block;
	width:48%;
	text-align: left;
	background-color: #e8e9e9;
	padding: 2% 1%;
	position: relative;
	margin-top: 3%;
}
.mmerit_4img{
	position: absolute;
	top:-30%;
}
.prosess{
	position: relative;
	margin-bottom: 3%;
}
.prosessimg{
	margin:1% 3%;
}
.prosess h4{
	font-size: 22px;
}
.prosess p{
	font-size: 17px;
	text-align: left;
}
.fazu_1{
	position: absolute;
	top:25%;
	left:14%;
	text-align: center;
}
.fazu_2{
	position: absolute;
	top:25%;
	left:44%;
	text-align: center;
}
.fazu_3{
	position: absolute;
	top:25%;
	right:10%;
	text-align: center;
}
.fazu_t1{
	width:28%;
	position: absolute;
	top:65%;
	left:8%;
}
.fazu_t2{
	width:29%;
	position: absolute;
	top:65%;
	left:38%;
}
.fazu_t3{
	width:28%;
	position: absolute;
	top:65%;
	right:4%;
}
.kiki{
	margin: 2% 5% 5% 5%;
}
.kiki_1 p{
	font-size: 26px;
	text-align: left;
}
.kiki_2 p{
	font-size: 26px;
	text-align: left;
}

.kiki h2{
    display: inline-block;
    background: linear-gradient(transparent 85%, #8abee6 90%);
    margin-bottom: 1%;
}
.kiki_1{
	display: inline-block;
	width:50%;
	padding-right:2%;
	border-right: solid #f5f5f5;
}
.kiki_1_1{
	display: inline-block;
	width:40%;
	margin-right: 2%;
}
.kiki_1_2{
	display: inline-block;
	width:40%;
}
.kiki_2{
	display: inline-block;
	width:48%;
	padding-left: 3%;
}
.kiki_2_1{
	display: inline-block;
	width:48%;
	margin-right: 2%;
	margin-top: 8%;
}
.kiki_2_2{
	display: inline-block;
	width:48%;
}
.m_katuyoimg{
	margin-top:3%;
}

.m_katuyoimg1{
	display: inline-block;
	width:42%;
	vertical-align: middle;
}
.m_katuyoimg2{
	display: inline-block;
	width:8%;
  transform: scaleX(-1);
	vertical-align: middle;
}
.m_katuyoimg3{
	display: inline-block;
	width:42%;
	vertical-align: middle;
}
.m_katuyoimg4{
	display: inline-block;
	width:42%;
	vertical-align: middle;
}
.m_katuyoimg5{
	display: inline-block;
	width:12%;
	vertical-align: middle;
}
.ai_sean0{
	text-align: left;
}
.ai_sean0 p{
	font-size: 26px;
	margin-top: 2%;
	background-color: #6f72760f;
}
.ai_sean0 h2{
	display: inline-block;
background: linear-gradient(transparent 85%, #8abee6 90%);
margin-bottom: 1%;
	margin-top: 2%;
}
/*--------------------------------------------------------------------
pasha
--------------------------------------------------------------------*/
#cacontents nav{
height: 5%;
background: rgba(255,255,255,0.8);
position: fixed;
justify-content: space-between;
width: 1080px;
z-index: 999;
margin-top: 0.5%;
}

#cacontents nav ul{
display: table;
margin: 0 auto;
padding: 1% 0;
width: 100%;
text-align: center;
}
#cacontents nav ul li{
display: table-cell;
position: relative;
width:120px;
border-right: 1px solid #e6e4e4;
border-bottom: 1px solid #e6e4e4;
}
#cacontents nav ul li:first-child{
border-left: 1px solid #e6e4e4;
}

#cacontents nav ul li a{
text-decoration: none;
color:#000;
font-size: 16px;
text-align: center;
display: block;
}

#cacontents nav ul li a:hover {
	background: -moz-linear-gradient(to bottom,#BF2A00,#F89174 30%,#FFC778);
	background: -webkit-linear-gradient(to bottom,#BF2A00,#F89174 30%,#FFC778);
	background: linear-gradient(to bottom,#BF2A00,#F89174 30%,#FFC778);
	color: #fff;
}

#cacontents{
	width: 1080px;
	height: auto;
	text-align: center;
	display: block;
	margin-top: 4%;
}
#home{
	padding-top: 4.5%;
	margin-top: -4.5%;
}
#toku{
	padding-top: 5%;
	margin-top: -5%;
}
#sean{
	padding-top: 8%;
	margin-top: -8%;
}
#zirei{
	padding-top: 8%;
	margin-top: -8%;
}
#merit{
	padding-top: 8%;
	margin-top: -8%;
}
#kinou{
	padding-top: 8%;
	margin-top: -8%;
}
#dousa{
	padding-top: 8%;
	margin-top: -8%;
}
#image{
	padding-top: 8%;
	margin-top: -8%;
}
#fq{
	padding-top: 5%;
	margin-top: -5%;
}

.camera_ai{
	text-align: center;
	font-family: serif;
}
.camera_ai h1{
	color:white;
	font-size: 60px;
}
.ctop{
  position: relative;
}
.ctop h1{
	position: absolute;
	bottom: 5.5%;
	left:11%;
	line-height: 1.3em;
}
.ctop p{
	position: absolute;
	top: 6%;
	right: 0%;
}
.ctop_sp{
	font-size: 0.8em;
}
.ctop_sp1{
	font-size: 0.8em;
}
.ctop_sp2{
	line-height: 0.1em;
}
.ctop_0{
	text-align: center;
}
.ctop_0 h1{
	color:#3c465f;
}
.ctop_0 h2{
	font-size: 26px;
	margin: 0 10%;
	text-align: left;
}
.ctop_2{
	margin:5% 5%;
	width: 90%;
}

.ctop_2 h2{
	font-size: 36px;
	text-align: center;
	display: inline-block;
	background: linear-gradient(transparent 80%, #87CEFA 85%);
}
.ctop_2 h3{
	font-size: 26px;
}
.ctop_3{
	margin:0;
}
.box_d img{
	margin-top: 3%;
}

.ctop_left{
	text-align:left;
  text-indent: 7em;
	padding: 2% 0;
}
.box_d h2.align_c1 {
    margin: 1% 0;
    font-size: 36px;
    font-weight: bolder;
    display: inline-block;
    background: linear-gradient(transparent 85%, #8abee6 90%);
}
.box_d h2.align_c2 {
	margin: 1% 0;
	line-height: normal;
	font-size: 36px;
	font-weight: bolder;
	display: inline-block;
	border-bottom: double 8px #8abee6;
}

.align_t{
	font-size: 26px;
	padding: 0 6%;
	text-align:left;
}
.align_t1{
	font-size: 30px;
	padding: 0 6%;
	text-align:center;
	font-weight: bolder;
}

.align_img0{
	margin-right:10%;
}
.align_img01{
margin-right: 10%;
}
.box_d img.align_img02{
margin-top: 0;
}
.align_img1{
	margin:0 5%;
}
.banar_ca{
	 position: relative;
	 margin-top: 5%;
}
.banar_ca h1{
	 position: absolute;
   top: 15%;
	 left: 30%;
	 text-align:center;
}
.banar_ca0{
	 position: relative;
	 margin-top: 5%;
}
.banar_ca0 h1{
	position: absolute;
	top: 16%;
	left: 26%;
	text-align:center;
}
.banar_ca01{
	 position: relative;
	 margin-top: 5%;
}
.banar_ca01 h1{
	position: absolute;
	top: 20%;
	left: 30%;
	text-align:center;
}
.banar_ca02{
	 position: relative;
	 margin-top: 5%;
}
.banar_ca02 h1{
	position: absolute;
	top: 20%;
	left: 32%;
	text-align:center;
}

.banar_ca1{
	 position: relative;
	 margin-top: 2%;
}
.banar_ca1 h1{
	 position: absolute;
	 top:18%;
	 left:40%;
	/*-
	color:#3c465f;
--*/
}
.banar_ca3{
	 position: relative;
}
.banar_ca3 h1{
	 position: absolute;
	 top:18%;
	 left:40%;
	/*-
	color:#3c465f;
	--*/
}
.banar_ca2{
	 position: relative;
	 margin: 5% 0 0 0;
}
.banar_ca2 h1{
	 position: absolute;
	 top:38%;
	 left:45%;
	/*-
	color:#3c465f;
		--*/
}
.faq_ca{
	font-family: serif;
	position: relative;
	margin-top: 6%;
}
.faq_ca h1{
	font-size: 45px;
	position: absolute;
	top:30%;
	left:46%;
	color:#3c465f;
}
/*--
.case h2{
	margin: 3% 0;
	font-size: 35px;
	font-weight: bolder;
	display: inline-block;
	background: linear-gradient(transparent 85%, #8abee6 90%);
}
-*/
.case h2{
	position: relative;
  padding: 0 3%;
	font-size: 36px;
  text-align: center;
	margin: 1% 0;
}
.case h2::before{
	position: absolute;
top: calc(50% - 1px);
left: 0;
width: 100%;
height: 2px;
content: '';
background: #fd7602;
}

.case h2 span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}

.case0{
	display: flex;
  margin-bottom: 5%;
}
.case0_1 p{
	font-size: 20px;
}

.case0_1{
		position: relative;
		width:90%;
		padding-left: 5%;
}
.case0_1p{
		position: absolute;
		right:0%;
		top:5%;
}
.case0_1s{
	font-size: 18px;
}
.case0_2{
	text-align: right;
	padding-right: 5%;
}





.case1{
	display: flex;
  margin-bottom: 5%;
}
.case1_1 p{
	font-size: 20px;
}

.case1_1{
		position: relative;
		width:90%;
		padding-left: 5%;
}
.case1_1p{
		position: absolute;
		right:2.5%;
		top:3%;
}
.case1_s{
	font-size: 17px;
}
.case1_2{
	text-align: right;
	padding-right: 5%;
}
.case1_2p{
	 position: absolute;
   background-color:#f5f5f5ad;
   color: black;
	 font-size: 15px;
	 left:13.5%;
	 top:16.5%;
}
.size{
	 font-size: 20px;
}
.merit0 h2{
  text-align: center;
	font-size:36px;
	margin-top: 1%;
}
.merit0 p{
	text-align: left;
	font-size:26px;
	margin: 3% 10% 0 10%;
}
.merit {
		position: relative;
}
.merit p{
	  font-size: 2.5em;
	  line-height: 1.2;
}

.merit h3{
	-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
  font-size: 30px;
}
.merit img{
 margin-top: 5%;
}
.merit_1h3{
		position: absolute;
		left:42%;
		top:45%;
		color: gray;
}
.merit_2h3{
		position: absolute;
		right:41%;
		top:45%;
		color: gray;
}

.merit_p1{
	position: absolute;
	left:8%;
	top:10%;
	text-align: right;
}
.merit_p2{
	position: absolute;
	left:10%;
	top:36%;
	text-align: right;
}
.merit_p3{
	position: absolute;
	left:6%;
	top:51%;
	text-align: right;
}
.merit_p4{
	position: absolute;
	left:3%;
	top:70%;
	text-align: right;
}
.merit_p5{
	position: absolute;
	right:5%;
	top:17%;
	text-align: left;
}
.merit_p6{
	position: absolute;
	right:8%;
	top:36%;
	text-align: left;
}
.merit_p7{
	position: absolute;
	right:3%;
	top:51%;
	text-align: left;
}
.merit_p8{
	position: absolute;
	right:4%;
	top:70%;
	text-align: left;
}
.c_kinou0{
	position: relative;
}
.c_kinou0 h2{
    text-align: center;
    font-size: 36px;
    margin: 1% 0 10% 0;
	}

.c_kinou0 h3{
	font-size: 26px;
	margin: 5% 0 0 0;
}
.c_kinou0 p{
 	font-size: 40px;
	font-weight: bold;
	line-height: 3.3em;
}
.c_kinou1{
	position: absolute;
	right: 0%;
	top:8%;
	text-align: left;
}

.c_dousa{
	margin-bottom: 5%;
}
.c_dousa h2{
	text-align: center;
	font-size: 28px;
	margin-bottom: 1%;
	margin-top: 1%;
	font-weight: bolder;
  display: inline-block;
  background: linear-gradient(transparent 85%, #8abee6 90%);
}
.c_dousa p{
  font-size: 26px;
	margin-bottom: 2%;
}
.notes{
	font-size: 15px;
}
.notes_1{
	margin-top: 5%;
}
.ca_img{
	margin-top: 3%;
}
.zirei{
	display: flex;
	margin: 3% 0 5% 0;
}
.zirei h2{
	text-align: center;
  font-size: 28px;
  font-weight: bolder;
  display: inline-block;
  background: linear-gradient(transparent 85%, #8abee6 90%);
}
.zirei p{
	font-size: 21px;
	margin: 1% 0;
}
.zirei_01{
	text-align: left;
  width: 100%;
	padding-left: 5%;
}

.zirei_02{
	text-align: right;
	padding: 0% 5% 0 0;
}
.katuyou{
	margin: 1% 10% 5% 10%;
}
.katuyou h3{
	font-size: 26px;
	font-weight: bold;
	text-align: left;
	padding: 0 13% 1% 13%;
}
.katuyou_0{
	display: flex;
	margin:0 10%;
}
.katuyou_1{
width: 50%;
text-align: center;
}
.katuyou_2{
width: 50%;
text-align: left;
}

.katuyou_2 img{
padding-left: 23%;
}
.dounyu{
	text-align: left;
}
.dounyu h2{
	position: relative;
  padding: 0 3%;
	font-size: 36px;
  text-align: center;
	margin: 3% 0;
}
.dounyu h2::before{
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background: #fd7602;
}
.dounyu h2 span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}

.dounyu p{
	margin:1% 5%;
	font-size: 26px;
}
.balloon2-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 2% 2%;
  min-width: 120px;
  max-width: 100%;
  background: #FFF;
  border: solid 2px #ffbc82;
  box-sizing: border-box;
	border-radius: 15px;
}

.balloon2-top:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}

.balloon2-top:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #ffbc82;
  z-index: 1;
}

.balloon2-top p {
  margin: 0;
  padding: 0;
	text-align: left;
}
.voice h3{
	font-size: 30px;
	margin-top: 2%;
}
.voice p{
	font-size: 22px;
}
.voice_2{
	margin-top: 2%;
}
/*--------------------------------------------------------------------
o_hunter
--------------------------------------------------------------------*/
.h_h2 h2{
	text-align: center;
	margin:2% 0;
}
.o_title h2{
	font-size: 2.5em;
  font-weight: lighter;
  color: #1bb0ce;
	margin-bottom: 5%;
}
.o_top{
	text-align: center;
}
.o_td h2 {
  text-align: center;
  display: inline-block;
  background: linear-gradient(transparent 80%, #87CEFA 85%);
  margin-bottom: 2%;
}
.o_td h3{
	text-align: left;
	text-indent: 5.5em;
}
.sumaho{
	width: 30%;
}
.pc-words{
	margin: 2% 12% 0 12%;
}
.pc-image {
	text-align: center;
}
.pc-image img {
	margin:0;
}
/*--------------------------------------------------------------------
chimera
--------------------------------------------------------------------*/
.c_title h2{
	font-size: 2.5em;
  font-weight: lighter;
  color: #1bb0ce;
	margin-bottom: 3%;
}
.c_top{
	text-align: center;
	margin-bottom: 3%;
}
.c_top h2{
	margin-bottom: 3%;
}
.c_top img{
	margin-bottom: 0;
}
p.c_top3p {
    margin: 0 5%;
}
.future h2{
    margin: 3% 8%;
}
/*--------------------------------------------------------------------
d_hunter
--------------------------------------------------------------------*/
#dhcontents{
	width: 1080px;
	height: auto;
	text-align: center;
	display: block;
	margin-top:4%;
}
#dhcontents nav{
/*--height: 5%;-*/
background: rgba(255,255,255,0.8);
position: fixed;
justify-content: space-between;
width: 1080px;
z-index: 999;
margin-top: 0.5%;
}

#dhcontents nav ul{
display: table;
margin: 0 auto;
padding: 1% 0;
width: 100%;
text-align: center;
}
#dhcontents nav ul li{
display: table-cell;
position: relative;
width:120px;
border-right: 1px solid #e6e4e4;
border-bottom: 1px solid #e6e4e4;
}
#dhcontents nav ul li:first-child{
border-left: 1px solid #e6e4e4;
}

#dhcontents nav ul li a{
text-decoration: none;
color:#000;
font-size: 16px;
text-align: center;
display: block;
}

#dhcontents nav ul li a:hover {
	background: -moz-linear-gradient(to bottom,#BF2A00,#F89174 30%,#FFC778);
	background: -webkit-linear-gradient(to bottom,#BF2A00,#F89174 30%,#FFC778);
	background: linear-gradient(to bottom,#BF2A00,#F89174 30%,#FFC778);
	color: #fff;
}

.dhun_ai{
	text-align: center;
	font-family: serif;
}
.dhun_ai h1{
	color:white;
	font-size: 65px;
}
.htop{
  position: relative;
}
.htop h1{
	position: absolute;
	bottom: 6%;
	left:12%;
	line-height: 1.1em;
	text-align: left;
}
.d_logo{
	position: absolute;
	top:7%;
	right: 2%;
}
.d_sumaho{
	position: absolute;
	bottom: 14%;
	right: 1%;
}

.htop_img{
  position: relative;
}

.htop_sp{
	font-size: 0.52em;
}
.htop_sp1{
	font-size: 0.8em;
}
.htop_sp2{
	line-height: 0.1em;
}
.htop_0{
	text-align: center;
}
.htop_0 h1{
	color:#3c465f;
}
.htop_0 h2{
	font-size: 36px;
	margin: 0 10%;
}
.htop_0 p{
	font-size: 26px;
  margin: 2% 5% 3% 5%;
  text-align: left;
}
.htop_02{
	margin:3% 5%;
	width: 90%;
}
.htop_02img1{
	display: inline-block;
	width:15%;
}
.htop_02text{
	display: inline-block;
	width:65%;
	margin:2% 0 2% 0;
}
.htop_02img2{
	display: inline-block;
	width:15%;
}
.htop_02 h2{
	font-size: 36px;
	text-align: center;
	display: inline-block;
	background: linear-gradient(transparent 80%, #87CEFA 85%);
	margin-bottom: 2%;
}
.htop_02 h3{
	font-size: 26px;
	text-align: left;
	text-indent: 3em;
	padding: 1% 0 0 0;
}




/*------
.htop_2{
	margin:3% 5%;
	width: 90%;
}

.htop_2 h2{
	font-size: 36px;
	text-align: center;
	display: inline-block;
	background: linear-gradient(transparent 80%, #87CEFA 85%);
}
.htop_2 h3{
	font-size: 26px;
}

.htop_left{
	text-align:left;
  text-indent: 5em;
	padding: 2% 0;
}
---*/

.dbanar_ca0{
	 position: relative;
	 margin-top: 3%;
}
.dbanar_ca0 h1{
	position: absolute;
	top: 12%;
	left: 18%;
	text-align:center;
}
.dbanar_ca01{
	 position: relative;
	 margin-top: 3%;
}
.dbanar_ca01 h1{
	position: absolute;
	top: 12%;
	left: 13%;
	text-align:center;
}
.dbanar_ca02{
	 position: relative;
	 margin-top: 3%;
}
.dbanar_ca02 h1{
	position: absolute;
	top: 12%;
	left: 20%;
	text-align:center;
}

.dbanar_ca1{
	 position: relative;
	 margin-top: 2%;
}
.dbanar_ca1 h1{
	 position: absolute;
	 top:12%;
	 left:37%;
	/*-
	color:#3c465f;
--*/
}
.dbanar_ca3{
	 position: relative;
}
.dbanar_ca3 h1{
	 position: absolute;
	 top:12%;
	 left:37%;
	/*-
	color:#3c465f;
	--*/
}
.dbanar_ca2{
	 position: relative;
	 margin: 5% 0 0 0;
}
.dbanar_ca2 h1{
	 position: absolute;
	 top:32%;
	 left:43%;
	/*-
	color:#3c465f;
		--*/
}
.dbanar_ca4{
	 position: relative;
}
.dbanar_ca4 h1{
	 position: absolute;
	 top:12%;
	 left:32%;
}

.faq_ca{
	font-family: serif;
	position: relative;
	margin-top: 6%;
}
.faq_ca h1{
	font-size: 45px;
	position: absolute;
	top:30%;
	left:46%;
	color:#3c465f;
}

.merit0 h2{
  text-align: center;
	font-size:36px;
	margin-top: 1%;
}
.merit00 h2{
  text-align: center;
	font-size:36px;
	margin-top: 1%;
}
.merit0 p{
	text-align: left;
	font-size:26px;
	margin: 2% 7% 0 7%;
}
.merit {
		position: relative;
}
.merit p{
	  font-size: 2.5em;
	  line-height: 1.2;
}

.merit h3{
	-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
  font-size: 30px;
}
.merit img{
 margin-top: 5%;
}
.c_dousa{
	margin-bottom: 3%;
}
.c_dousa h2{
	text-align: center;
	font-size: 30px;
	margin-bottom: 1%;
	margin-top: 1%;
	font-weight: bolder;
  display: inline-block;
  background: linear-gradient(transparent 85%, #8abee6 90%);
}
.c_dousa p{
  font-size: 26px;
	margin-bottom: 2%;
}
.notes{
	font-size: 15px;
}

.zirei{
	display: flex;
	margin: 3% 0 5% 0;
}
.zirei h2{
	text-align: center;
  font-size: 28px;
  font-weight: bolder;
  display: inline-block;
  background: linear-gradient(transparent 85%, #8abee6 90%);
}
.zirei p{
	font-size: 21px;
	margin: 1% 0;
}
.zirei_01{
	text-align: left;
  width: 100%;
	padding-left: 5%;
}

.zirei_02{
	text-align: right;
	padding: 0% 5% 0 0;
}
.dkatuyou{
	margin: 1% 5% 3% 5%;
}
.dkatuyou h3{
	font-size: 26px;
	font-weight: bold;
	text-align: left;
}

.ddounyu{
	text-align: left;
}
.ddounyu h2{
	position: relative;
  padding: 0 3%;
	font-size: 36px;
  text-align: center;
	margin: 2% 0;
}
.ddounyu h2::before{
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background: #22ac38;
}
.ddounyu h2 span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}

.ddounyu p{
	margin:1% 5%;
	font-size: 26px;
}
.dballoon2-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 2% 2%;
  min-width: 120px;
  max-width: 100%;
  background: #FFF;
  border: solid 2px #22ac38;
  box-sizing: border-box;
	border-radius: 15px;
}

.dballoon2-top:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}

.dballoon2-top:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #22ac38;
  z-index: 1;
}

.dballoon2-top p {
  margin: 0;
  padding: 0;
	text-align: left;
}
.voice h3{
	font-size: 30px;
	margin-top: 2%;
}
.voice p{
	font-size: 22px;
}
.voice_2{
	margin-top: 2%;
}

.d_katuyo p{
	font-size: 26px;
	text-align: left;
	margin: 0% 5% 3% 5%;
}
.d_img {
margin: 1% 41% 1% 41%;
}

.d_katuyo h3{
	font-size: 36px;
	font-weight: bolder;
  display: inline-block;
  background: linear-gradient(transparent 85%, #8abee6 90%);
}


.d_katuyo h2{
	font-size: 36px;
}
.tourism{
margin-top: 3%;
}
.dbox_d p{
font-size: 25px;
text-align: left;
padding: 0 5%;
}
.dbox_dimg1{
 position: relative;
}
.dbox_dimg2{
 position: relative;
}
.dbox_dimg3{
 position: relative;
}
.dbox_dimg4{
 position: relative;
}
.dbox_dimg1 h3{
position: absolute;
top:40%;
left:7%;
color:black;
background: rgba(255,255,255,0.8);;
font-size: 26px;
padding: 1% 12.5%;
}
.dbox_dimg2 h3{
position: absolute;
top:40%;
left:6.5%;
color:black;
background: rgba(255,255,255,0.8);;
font-size: 26px;
padding: 1% 10%;
}
.dbox_dimg3 h3{
position: absolute;
top:40%;
left:6.5%;
color:black;
background: rgba(255,255,255,0.8);;
font-size: 26px;
padding: 1% 18.5%;
}
.dbox_dimg4 h3{
position: absolute;
top:40%;
left:6.5%;
color:black;
background: rgba(255,255,255,0.8);;
font-size: 26px;
padding: 1% 29.5%;
}
.dbox_d{
	position: relative;
	height: 900px;
}
.dbox_dimg{
	position: absolute;
	top:30%;
	left:20%;
}
.dbox_d01{
	position: absolute;
	top:3%;
	left:0%;
	width: 43%;
	margin-left: 5%;
}
.dbox_d02{
	position: absolute;
	top:3%;
	right: 0%;
	width: 43%;
	margin-right: 5%;
}
.dbox_d03{
	position: absolute;
	top:51%;
	left:0%;
	width: 43%;
	margin-left: 5%;
}
.dbox_d04{
	position: absolute;
	top:51%;
	right: 0%;
	width: 43%;
	margin-right: 5%;
}
.green{
	color:#7bb756;
}
h2.kinou_line {
  font-size: 30px;
  margin: 20px 0 20px 0;
  border-bottom: solid 6px #cce4ff;
  position: relative;
  display: inline-block;
}
h2.kinou_line:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 6px #549ecd9c;
    bottom: -6px;
    width: 38%;
}
.fsize{
	font-size: 26px;
	color:#708090;
}
.dkinou td{
	font-size: 26px;
}
.dkinou{
	margin-bottom: 3%;
}
.dkinou_t{
	text-align: left;
	padding-left: 5%;
}
.d0_katuyo h2{
	font-size: 36px;
}
.d0_katuyoh2 h2{
	font-size: 36px;
}
.d0_katuyo{
	margin: 1% 5% 3% 5%;
}
.td1_katuyo{
	border-bottom: 2px #006274 dotted;
	width: 18%;
}
.td2_katuyo{
 border-bottom: 2px #006274 dotted;
 width: 6%;
 margin: 0 1%;
}
.td3_katuyo{
	font-size: 25px;
	text-align: left;
	padding: 1% 0 3% 0;
}
.th_katuyo{
 text-align: left;
 font-size: 30px;
 padding-top: 2%;
}
.tr_katuyo{
 border-bottom: 2px #006274 dotted;
}
.th_text{
	border-bottom: solid 10px #97db80;
	position: relative;
	display: inline-block;
}
.th_text:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 10px #1cad63;
    bottom: -10px;
    width: 70%;
	}
.systemimage h2{
	 font-size: 36px;
}
.systemimage {
	margin-top: 1%;
}
/*--
.circle{
		position: absolute;
		left:25%;
		top:50%;
    width: 600px;
    height: 150px;
    border-radius: 50%;
    background: #e58f4236;
}
.d_katuyotitle{
	position: absolute;
	left:33%;
	top:30%;
}
--*/


.kinou_d h2{
	position: relative;
  padding: 0 3%;
  font-size: 36px;
  text-align: center;
  margin: 1% 0;
}

.kinou_d h2::before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background: #22ac38;
}

.kinou_d h2 span {
    position: relative;
    padding: 0 1em;
		background: #fff;
}
.kinou_d h4{
	 font-size: 36px;
	 margin: 2% 5%;
}
.kinou_d h3{
font-size: 30px;
}
.kinou_d00 p{
font-size:1.6em;
}
.kinou_d01 p{
font-size:1.6em;
}
.kinou_d02 p{
font-size:1.6em;
}
.kinou_d00{
	display: inline-block;
	width:25%;
}
.kinou_y{
	display: inline-block;
  margin: 0% 1%;
	width:5%;
}
.kinou_y img{
	padding: 350% 0;
}
.kinou_d01{
	display: inline-block;

	width:25%;
}
.kinou_d02{
	display: inline-block;
 position: relative;
	width:25%;
}
.kinou_d03{
	display: inline-block;
	width:45%;
	margin-right: 2%;
}
.kinou_d04{
	display: inline-block;
	width:50%;
	margin-left: 2%;
}
.hankoimg{
	position: absolute;
	bottom:-15%;
	right:0%;
}
.kinou_dd{
	margin: 1% 0 3% 0;
	position: relative;
}
.kinou_p{
	font-size: 26px;
}
.fuki_1t{
	position: relative;
	    display: inline-block;
			font-size: 1.5em;
			font-family: sans-serif;
	    padding: 6% 6%;
	    min-width: 120px;
	    max-width: 120%;
			width:120%;
	    background: #FFF;
	    border: solid 2px #22ac38;
	    box-sizing: border-box;
			border-radius: 25px;
	}
	.fuki_1t:before {
		    content: "";
		    position: absolute;
		    top: -24px;
		    left: 50%;
		    margin-left: -15px;
		    border: 12px solid transparent;
		    border-bottom: 12px solid #FFF;
		    z-index: 2;
	}

.fuki_1t:after {
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -17px;
    border: 14px solid transparent;
    border-bottom: 14px solid #22ac38;
    z-index: 1;
}
.fuki_1{
	position: relative;
	margin: 2% 0 3% 0;
}
.fuki_01t{
	position: absolute;
	bottom: 23%;
	right: 12%;
}

.fuki_2t{
	position: relative;
	    display: inline-block;
			font-size: 1.5em;
			font-family: sans-serif;
	    padding: 10% 10%;
	    min-width: 120px;
	    max-width: 120%;
			width:120%;
	    background: #FFF;
	    border: solid 2px #22ac38;
	    box-sizing: border-box;
			border-radius: 15px;
	}
	.fuki_2t:before {
		    content: "";
		    position: absolute;
		    top: 50%;
		    left: -24px;
		    margin-top: -12px;
		    border: 12px solid transparent;
		    border-right: 12px solid #FFF;
		    z-index: 2;
	}

.fuki_2t:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-right: 14px solid #22ac38;
    z-index: 1;
}
.fuki_3t{
	position: relative;
	    display: inline-block;
			font-size: 1.5em;
			font-family: sans-serif;
	    padding: 6% 6%;
	    min-width: 120px;
	    max-width: 120%;
			width:120%;
	    background: #FFF;
	    border: solid 2px #22ac38;
	    box-sizing: border-box;
			border-radius: 15px;
	}
	.fuki_3t:before {
		    content: "";
		    position: absolute;
		    top: 50%;
		    right: -24px;
		    margin-top: -12px;
		    border: 12px solid transparent;
		    border-left: 12px solid #FFF;
		    z-index: 2;
	}

.fuki_3t:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -30px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-left:14px solid #22ac38;
    z-index: 1;
}
.fuki_2{
	position: relative;
	margin: 2% 0 3% 0;
}
.fuki_02t{
	position: absolute;
	top: 30%;
	right: 6%;
}
.fuki_03t{
	position: absolute;
	top: 20%;
	left: 0%;
}
.kinou_d2{
	padding:1% 5% 0% 5%;
}
.kinou_d03 p{
	font-size: 2em;
	text-align: left;
}
.kinou_d04 p{
	font-size: 2em;
	text-align: left;
}
.d_zirei{
	display: flex;
	margin: 3% 0 3% 0;
}
.d_zirei h2{
	text-align: center;
  font-size: 30px;
  font-weight: bolder;
  display: inline-block;
  background: linear-gradient(transparent 85%, #8abee6 90%);
}
.d_zirei p{
	font-size: 25px;
	margin: 1% 0;
}
.d_zirei_01{
	text-align: left;
  width: 100%;
	padding-left: 5%;
}

.d_zirei_02{
	text-align: right;
	padding: 0% 5% 0 0;
}
.d_yaji{
	margin:0 0;
}
.sys{
	margin: 1% 0 2% 0;
  position: relative;
}
.sys_000{
	display: inline-block;
	vertical-align:middle;
	width:18%;
}
.sys_001{
	display: inline-block;
	width:15%;
	vertical-align:middle;
}
.sys_002{
	display: inline-block;
	vertical-align:middle;
	width:20%;
}
.sys_003{
	display: inline-block;
	vertical-align:middle;
	width:15%;
}
.sys_004{
	display: inline-block;
	vertical-align:middle;
	width:28%;
}

.sys p{
	font-family: sans-serif;
	font-size: 2em;
	color: white;
}
.sys_text01{
	position:absolute;
	top:29%;
	left:23%;
}
.sys_text02{
	position:absolute;
	bottom:32%;
	left:26%;
}
.sys_text03{
	position:absolute;
	top:29%;
	right:33%;
}
.sys_text04{
	position:absolute;
	bottom:32%;
	right:36%;
}
.yaji_01{
    transform: scale(-1, 1);
}
.sys h2{
	font-size: 30px;
	text-align: center;
  margin-bottom: 1%;
  margin-top: 1%;
  font-weight: bolder;
  display: inline-block;
  background: linear-gradient(transparent 85%, #8abee6 90%);
}
.k_seen {
	padding: 0 0;
}
.k_seen h2{
	font-size: 30px;
	margin-bottom: 2%;
	margin-top: 1%;
    font-weight: bolder;
    display: inline-block;
    background: linear-gradient(transparent 85%, #8abee6 90%);
}
.k_seen p{
	font-size: 20px;
	text-align: left;
}
.k1_seen{
	margin: 2% 0%;
	border-bottom: 2px #006274 dotted;
	padding-bottom: 1%;
}
.k1_s1{
		display: inline-block;
		vertical-align:middle;
		width:39%;
}
.k1_s2{
		display: inline-block;
		vertical-align:middle;
		padding-left: 2%;
		width:60%;
}
.k1_s3{
	display: inline-block;
	vertical-align:middle;
	padding-right:2%;
	width:60%;
}
.k1_s4{
	display: inline-block;
	vertical-align:middle;
	width:39%;
}

.touroku p{
	font-size: 12px;
	text-align: left;
}
/*--------------------------------------------------------------------
dchan btn
--------------------------------------------------------------------*/
.fixed1
{
  position: fixed;
  bottom: 0%;
  left: 0%;
}


/*--------------------------------------------------------------------
common
--------------------------------------------------------------------*/
* {
	 -webkit-box-sizing: border-box;
     	-moz-box-sizing: border-box;
          box-sizing: border-box;
}


body {
	color: #3c465f;
	line-height: 1.7;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic";
	font-weight: normal;
	font-size: 10px;
	overflow: auto;
	min-width: 700px;
}

.animation {
	-moz-transition:all 400ms;
	-ms-transition:all 400ms;
	-o-transition:all 400ms;
	-webkit-transition:all 400ms;
	transition:all 400ms;
}


/*--------------------------------------------------------------------
box
--------------------------------------------------------------------*/
.contents {
   max-width:1080px;
	 margin: auto;
	 }

div.indent {
	padding: 0 15px;
}

/**border_box**/
.border_box_blue {
	border: 2px solid #3c465f;
	padding: 20px 10px;
}

.border_box_red {
	color: #ec5858;
	border: 2px solid #ec5858;
	padding: 20px 10px;
}

/**bannr_box**/
.banner_box {
	padding: 15px;
	border: 2px solid #cad2e3;
	 border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.banner_box div.photo {
	width: 236px;
	text-align: center;
	float: left;
}

.banner_box div.txt {
	width: 370px;
	float: right;
	padding-top: 20px;
}

/**side_banner**/
aside.side_banner {margin: 30px 0;}
aside.side_banner a {display:block; text-align: center;}
aside.side_banner a+a {margin-top: 15px;}

/*--------------------------------------------------------------------
layout
--------------------------------------------------------------------*/
section+section{margin-top: 30px;}

/**txt-align**/
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.left_1{
	text-align:left;
  text-indent: 5.5em;
}

.center_1{
	font-size: 2.2em;
	margin-bottom: 15px;
}

.center_2{
	margin-top: 15px;
	font-size: 2em;
}



	.dot-text {
	    padding-top: .4em;
	    background-position: top left -2px;
	    background-repeat: repeat-x;
	    background-size: 1.0em .3em;
	    background-image: radial-gradient(.15em .15em at center center,red,red 100%,transparent);
	}



.red_yaji {
	  text-align: center;
}

.left_1 {
    text-align: left;
    text-indent: 5em;
}




/**clear fix**/
.clear:after {
  content: "";
  display: block;
  clear: both;
  zoom: 1;
 }

/**margin**/
.text{margin: 20px 0 20px 0;}

.mt_10 {margin-top: 10px;}
.mt_20 {margin-top: 20px; font-size: 1.3em;}
.mt_30 {margin-top: 30px;}
.mt_40 {margin-top: 40px;}
.mt_50 {margin-top: 50px;}
.mt_80 {margin-top: 80px;}
.mt_100 {margin-top: 100px;}

.mb_10 {margin-bottom: 10px;}
.mb_20 {margin-bottom: 20px;}
.mb_30 {margin-bottom: 30px;}
.mb_40 {margin-bottom: 40px;}
.mb_50 {margin-bottom: 30px;}
.mb_80 {margin-bottom: 80px;}
.mb_100 {margin-bottom: 100px;}


#contents1 p.pc{
	text-align: center;
}

#contents1 p.sp{
	text-align: center;
}
#contents1 p{
	font-size: 1em;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
#contents1 p.pc-image,#contents1 p.pc-words{ display: block !important; }
#contents1 p.sp-image,#contents1 p.sp-words { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
 #contents1 p.pc-image,#contents1 p.pc-words { display: none !important; }

#contents1 p.sp-image,#contents1 p.sp-words  { display: block !important; }
}

.box11{
    padding: 0.5em 0.5em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.box12{
    padding: 0;
    color: #5d627b;
    background: white;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.box_d{
		position: relative;
}

.box_d div.text_t1{
	position: absolute;
	left: 45px;
	top: 15px;
	font-size: 1.5em;
	font-weight: bolder;
}

.box_d div.text_td1{
	position: absolute;
	right: 490px;
	top: 185px;
	font-size: 1.3em;
	font-weight: lighter;
}

.box_d div.text_t2{
	position: absolute;
	right: 30px;
	top: 15px;
	font-size: 1.5em;
	font-weight: bolder;
}

.box_d div.text_td2{
	position: absolute;
	left: 490px;
	top: 185px;
	font-size: 1.3em;
	font-weight: lighter;
}


.box_d div.text_t3{
	position: absolute;
	left: 45px;
	top: 260px;
	font-size: 1.5em;
	font-weight: bolder;
}

.box_d div.text_td3{
	position: absolute;
	right: 490px;
	bottom: -30px;
	font-size: 1.3em;
	font-weight: lighter;
}

.box_d div.text_t4{
	position: absolute;
	right: 125px;
	top: 260px;
	font-size: 1.5em;
	font-weight: bolder;
}

.box_d div.text_td4{
	position: absolute;
	left: 490px;
	bottom: -30px;
	font-size: 1.3em;
	font-weight: lighter;
}

.box_d img.align_1{
	position: absolute;
	left: 160px;
	top: 1px;
}

.box_d img.align_2{
	position: absolute;
	left: 145px;
  top: 295px;
}

.box_d img.align_3{
	position: absolute;
	left: 95px;
  top: 740px;
}

.box_d img.align_4{
	position: absolute;
	left: 115px;
  top: 1040px;
}

.box_d p.align_t1{
	margin: 20px 0 20px 0;
	font-size: 1.5em;
  font-weight: bolder;
	display: inline-block;
	background: linear-gradient(transparent 95%, #8abee6 95%);
}

.layout_back{
	position:relative;
}
.layout{
	position:absolute;
	 left: 10px;
   bottom: 10px;
}

.layout_c{
	position:absolute;
	 left: 110px;
   bottom: 40px;
}


.layout_top{
	position: relative;
  text-align: center;
}

.layout_top img{
max-width: 100%;
height: auto;
}

.text1{
	position:absolute;
	 right: 60%;
	 top: 10%;
	 background-image: url(https://www.oita-apc.co.jp/wp-content/uploads/2019/10/maru.png);
}

.text2{
	position:absolute;
	 left: 60%;
	 top: 10%;
	 background-image: url(https://www.oita-apc.co.jp/wp-content/uploads/2019/10/maru.png);
}

.text3{
	position:absolute;
	 right: 65%;
	 top: 45%;
	 background-image: url(https://www.oita-apc.co.jp/wp-content/uploads/2019/10/maru.png);
}

.text4{
	position:absolute;
	 left: 65%;
	 top:  45%;
	 background-image: url(https://www.oita-apc.co.jp/wp-content/uploads/2019/10/maru.png);
}

.text5{
	position:absolute;
	 right: 62%;
	 top: 80%;
	 background-image: url(https://www.oita-apc.co.jp/wp-content/uploads/2019/10/maru.png);
}

.text6{
	position:absolute;
	 left: 62%;
	 top: 80%;
	 background-image: url(https://www.oita-apc.co.jp/wp-content/uploads/2019/10/maru.png);
}

.layout_top1{
	position: relative;
  text-align: center;
}
.layout_top1 img{
	max-width: 100%;
	height: auto;
}

.text7{
	position:absolute;
	 right: 65%;
	 top: 15%;
}

.text8{
	position:absolute;
	 left: 65%;
	 top: 15%;
}

.text9{
	position:absolute;
	 right: 68%;
	 top: 40%;
}

.text10{
	position:absolute;
	 left: 68%;
	 top:  40%;
}

.text11{
	position:absolute;
	 right: 64%;
	 top: 67%;
}

.text12{
	position:absolute;
	 left: 64%;
	 top: 67%;
}
.date_1{
	text-align:start;
}
.layout_sysytem{
		position:relative;
		text-align: center;
}
.layout_sysytem2{
		position:relative;
		text-align: center;
}
.text_kankyo{
	position:absolute;
	left: 48%;
	top: 3%;
	text-align: start;
}
.text_kankyo1{
	position:absolute;
	left: 38%;
	top: 30%;
	font-size: 1.3em;
}
.text_kankyo2{
	position:absolute;
	left: 38%;
	top: 15%;
	font-size: 1.3em;
	text-align: start;
}
.text_seihin{
	position:absolute;
	left: 20%;
	top: 50%;
	text-align: start;
}
.text_seihin1{
	position:absolute;
	left: 10%;
	bottom: 5%;
	text-align: start;
	line-height: 1.2em;
	font-size: 1.3em;
}
.text_seihin2{
	position:absolute;
	left: 12%;
	bottom: 18%;
	text-align: start;
	font-size: 1.3em;
}
.text_sagyo{
	position:absolute;
	right: 10%;
	top: 50%;
	text-align: start;
}
.text_sagyo1{
	position:absolute;
	left: 64%;
	bottom: 5%;
	text-align: start;
	line-height: 1.2em;
	font-size: 1.3em;
}
.text_sagyo2{
	position:absolute;
	left: 68%;
	bottom: 18%;
	text-align: start;
	font-size: 1.3em;
}

.alignnone_0{
	margin-bottom: 10;
}
.alignnone_1{
	margin-top: 0;
}


.ai_image1{
	margin:0;
}


.ai_0{
	position:relative;
	text-align: center;
	max-width: 100%;
	margin-bottom: 30px;
}

.ai_0 img{
  margin-top: 130px;
	margin-bottom: 30px;
	max-width: 100%
	height:auto;
}

.ai_1{
	position:absolute;
	left: 0;
  right: 0;
  margin: auto;
	top: 1%;
	text-align:center;
	background-image: url(https://www.oita-apc.co.jp/wp-content/uploads/2020/02/bigmaru-e1582261177946.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 200px;
	width: 40%;
	overflow-wrap: break-word;
}
.ai_2{
	position:absolute;
	left: 1%;
	top: 50%;
	text-align:center;
	background-image: url(https://www.oita-apc.co.jp/wp-content/uploads/2020/02/bigmaru-e1582261177946.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 200px;
	width: 30%;
	overflow-wrap: break-word;
}
.ai_3{
	position:absolute;
	right: 1%;
	top: 50%;
	text-align:center;
	background-image: url(https://www.oita-apc.co.jp/wp-content/uploads/2020/02/bigmaru-e1582261177946.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 200px;
	width: 30%;
	overflow-wrap: break-word;
}


/*--------------------------------------------------------------------
decoration
--------------------------------------------------------------------*/
.border_top {
	border-top: 1px solid #dfe3ee;
	padding-top: 20px;
}

hr.short {
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px solid #ccc;
	width: 50px;
	margin: 30px auto;
}




/*--------------------------------------------------------------------
link
--------------------------------------------------------------------*/
/**color**/
 a{
	color:#3c465f;
	text-decoration: none;
	-moz-transition:all 400ms;
	-ms-transition:all 400ms;
	-o-transition:all 400ms;
	-webkit-transition:all 400ms;
	transition:all 400ms;
	}
 a:hover {}
 a:visited {}

 a#scrollUp {
 	text-indent: -9999px;
	background: url('../images/common/scrollup.png') no-repeat;
	width: 50px;
	height: 45px;
	bottom: 10%;
	right: 5%;
	opacity: .9;
    -webkit-transition: background 200ms linear;
    -moz-transition: background 200ms linear;
    -o-transition: background 200ms linear;
    transition: background 200ms linear;
    -webkit-backface-visibility: hidden;
 }

 /**btn**/

  a.btn_navy, a.btn_white {
	font-size: 1.3em;
	font-weight: bold;
	text-align:center;
	display: inline-block;
    min-width: 180px;
	padding: 5px 0;
    border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-ms-border-radius: 20px;
	 }

 a.btn_navy{f
	border: 1px solid #3c465f;
    color: #3c465f;
	}

	a.btn_navy:hover {
    background:#3c465f;
    color:#fff;
	}

	a.btn_white{
	border: 1px solid #fff;
    color: #fff;
	}

	a.btn_white:hover {
    background:#fff;
    color:#3c465f;
	}

 a.link_border {
	color: #1bb0ce;
	border-bottom: 1px solid #1bb0ce;
	}

a.link_border:hover {border-bottom: 1px solid transparent;}

a.icon {
	display: inline-block;
	background: url('../images/common/icon_arrow.png') no-repeat 0;
	padding-left: 15px;
}




a.icon_dl {
	display: inline-block;
	background: url('../images/common/icon_dl.png') no-repeat 0;
	padding-left: 18px;
}

a.link_more {
	font-weight: bold;
	display: inline-block;
	background: url('../images/common/icon_arrow.png') no-repeat right;
	padding-right: 10px;
}

a.link_more span {border-bottom: 1px solid #3c465f;}
a.link_more:hover span {border-bottom: 1px solid transparent;}

.fixed_btn{
  position: fixed;
  bottom: 200px;
  right: 100px;
  padding: 6px 40px;
}

.fixed_btn1{
  position: fixed;
  bottom: 300px;
  right: 100px;
  padding: 6px 40px;
}


/**banner**/
a.btn_banner {
	display: inline-block;
	min-width: 250px;
	color: #fff;
	font-size: 1.3em;
	text-align: center;
	background: #3c465f;
	padding: 10px;
}

a.btn_entry {
	background: #3c465f url('../images/common/icon_entry.png') no-repeat 95%;
}

/**btn_more**/
a.btn_more {
	display: inline-block;
	padding: 5px 25px;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	background: #3c465f;
	 border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

a.cp_btn {
	position: fixed;
	bottom: 200px;
	right: 50px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #3c465f;
	width: 100px;
	height: 100px;
	line-height: 100px;
	border: double 4px #3c465f;
	border-radius: 50%;
	vertical-align: middle;
	overflow: hidden;
	transition: .6s;
}
a.cp_btn:hover {
	transform: rotateY(360deg);
}

a.cp_btn1 {
	display: inline-block;
	position: relative;
	border-radius: 5px;
	width: 200px;
	padding: 0.8em;
  margin: 2% auto;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border:1px solid #4682b4;
	background: #4682b4;
	overflow: hidden;
	z-index: 1 !important;
}
a.cp_btn1:after {
	content:"";
	position: absolute;
	top: 50%;
	left: 50%;
	height: 0;
	width: 100%;
	background : #fff;
	opacity: 0;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transition: 0.3s;
	z-index: -1;
}
a.cp_btn1:hover {
	color: #4682b4;
}
a.cp_btn1:hover:after {
	height: 250%;
	opacity: 1;
}
a.cp_btn1:active:after {
	height: 350%;
	opacity: 1;
}
a.btn_more {
	display: inline-block;
	padding: 5px 25px;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	background: #3c465f;
	 border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.ai_btn{

}
.ai_btn a{

}
a.cp_aibtn {
	position: fixed;
  background: url('https://www.oita-apc.co.jp/wp-content/uploads/2021/01/2af708f86e89091b4610fa6217dc5123-1-e1611815118190.jpg') no-repeat;
	bottom: 25%;
	right: 0;
	display: block;
	overflow: hidden;
	width: 25%;
	height: 45%;

}
/**  a.cp_aibtn:hover {
	transform: rotateY(360deg);
}**/


/**recnavi,career**/
a.recnavi,a.career {
	color: #fff;
	display: inline-block;
	width: 48%;
	font-size: 30px;
	text-align: center;
	padding: 15px 12px;
	line-height:  1;
}

a.recnavi span,a.career span {
	display: inline-block;
	width: 100%;
	border-top: 1px solid #fff;
	font-size: 13px;
	padding-top: 7px;
}

a.recnavi {
	float: left;
	background: #9fd757 url('../images/common/icon_blank.png') no-repeat 93% 30%;
}

a.career {
	float: right;
	background: #ff8463 url('../images/common/icon_arrow_right.png') no-repeat 93% 30%;
}

/**page navi**/

.page_nav{margin-bottom: 20px;}

.page_nav ul {text-align: center;}
.page_nav ul li {display: inline-block;}
.page_nav ul li+li {margin-left: 15px;}

.page_nav ul li a {
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: transparent 1px solid;
}

.page_nav ul li a:hover {border-bottom: 1px solid #3c465f;}

/*--------------------------------------------------------------------
font
--------------------------------------------------------------------*/
/**color**/
.red {color: #EF2752;}
.navy{color:#3c465f;}
.light_blue{color:#1bb0ce;}
.white{color:#FFF;}

/**weight**/
.bold {font-weight: bold;}
.Fine_letters{font-weight:lighter;}

/**size**/
.bg_contents p {font-size: 1.5em;}
.heading{
	font-size: 1.2em;
}


/**ttl**/
.ttl_heading{
	font-size: 3.3em;
	font-weight:lighter;
	letter-spacing: 0.2em;
	margin: 20px 0 20px 0;
	}

.ttl_heading span{
	font-size: 0.9em;
	}

/**size**/
p {font-size: 1.5em;}
p.big {font-size: 1.6em;}
p.indent1{
	padding-left:1em;
	text-indent:-1em;
}

/**ttl**/
h1.border_bottom {
	border-bottom: 1px solid #3c465f;
	margin-bottom: 10px;
	font-weight: lighter;
}

h1.border_bottom1 {
		padding: 0.3em 0.4em;/*文字の上下 左右の余白*/
		margin: 20px 0 20px 0;
	  color: #494949;/*文字色*/
	  background: #f4f4f4;/*背景色*/
	  border-left: solid 5px #7db4e6;/*左線*/
	  border-bottom: solid 3px #d7d7d7;/*下線*/
}

h1.ttl_small {
	font-size:2em;
	margin-bottom: 15px;
}

h2.heading_line {
	font-size: 1.5em;
	background: #dfe3ee;
	padding: 3px 5px;
	margin: 0 0 20px;
	 border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

h2.heading_line2 {
	font-size: 1.5em;
	background: #edf6fd;
	padding: 3px 5px;
	margin: 0 0 20px;
	 border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

h2.heading_line3 {
	font-size: 1.5em;
	font-weight: lighter;
	margin: 20px 0 20px 0;
	border-bottom: solid 3px #cce4ff;
  position: relative;
	display: inline-block;
}

h2.heading_line3:after {
  position: absolute;
  content: " ";
	display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 25%;
}

h2.heading_line4{
	font-size: 1.5em;
	font-weight: lighter;
	margin: 0px 0 20px 0;
	border-bottom: solid 3px #cce4ff;
  position: relative;
	width: 300px;
}

h2.heading_line4:after {
  position: absolute;
  content: " ";
	display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 25%;
}

h2.subtitle {
	font-size: 2.5em;
	font-weight: lighter;
	color: #1bb0ce;
	margin-bottom: 25px;
}

h2.a2_h2 {
	font-size: 2.5em;
	font-weight: lighter;
	color: #1bb0ce;
	margin-bottom: 10px;
}

h2.heading_border {
	position: relative;
	margin-bottom: 40px;
	height: 34px;
	font-size: 2em;
	font-weight: lighter;
	border-bottom: 2px solid #ccc;
}

h2.heading_border span {
	position: absolute;
	border-bottom: 2px solid #84c7ff;
	bottom: -2px;
}

h2.big {font-size: 2.5em;font-weight: lighter;}



h2.ttl_inline {
	color: #1bb0ce;
	display: inline-block;
	text-align: right;
	font-weight: lighter;
	font-size:2em;
	letter-spacing : 0.5em;
}

h2.ttl_inline span {
	font-size: 0.8em;
}

h3.heading {
	font-size: 2.5em;
	margin: 0 0 25px;
}

h3.highlight {
	display: inline-block;
	background: #c1daff;
	font-size: 1.3em;
	padding: 0 5px;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

h3.icon_soft {
	color: #1bb0ce;
	font-weight: lighter;
	font-size: 1.5em;
	background: url('../images/products/office/icon_pc.png') no-repeat left;
	padding-left: 25px;
}

.mt_2 {margin-top:5px; font-size: 1.3em;}
.mt_3 {margin-top:10px; font-size: 1.8em;}
.mt_4 {margin-top:-100px; font-size: 1.3em;}
td.td_font1{
	font-size: 0.8em;
	padding: 0 0 0 1px;
	line-height: 1.2em;
}

a.td_font {
	font-size: 1.2em;
	font-weight: bolder;
}
/*--------------------------------------------------------------------
table
--------------------------------------------------------------------*/
/**basc**/
table {
width: 100%;
font-size: 1.3em;
}

table.table_box th,
table.basic th{
width: 30%;
}

table.table_box th,
table.basic th,
table.basic td {
	padding: 15px 5px;
	border-bottom: 1px solid #dfe3ee;
	}

table.basic td iframe{
	width: 100%;
  display: inline-block;
	}

table.table_box td{
	padding: 15px 15px;
	border-bottom: 1px solid #dfe3ee;
	}

table.table_box {
	border: 1px solid #dfe3ee;
}

table.table_box th {border-right: 1px solid #dfe3ee;}

table.basic1 th,
table.basic1 td {
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #dfe3ee;
	font-size: 1em;
	}
table.basic1 td iframe{
		width: 100%;
	  display: inline-block;
		}



/*--------------------------------------------------------------------
header
--------------------------------------------------------------------*/
 #index{
	margin-top: -20px;
	background: url('../images/index/bg_header.jpg') no-repeat center fixed;
	background-size: cover;
	padding: 10px 0 500px 0;
	}

/**topnav**/
#top_nav{
		text-align: right;
		font-size: 1.3em;
	}

#top_nav ul, #top_nav ul li {
		display: inline-block;
		margin: 5px 0 0;
		}

#top_nav ul li {padding: 0 0 0 20px;}
#top_nav ul li+li {margin-left: 20px;}

#top_nav ul li a {
		color:#FFF;
		display:inline-block;
		border-bottom: 1px solid transparent;
		}

#top_nav ul li a:hover {border-bottom: 1px solid #FFF;}

#top_nav ul li.topnav_access {background: url('../images/common/icon_access.png') no-repeat left;}
#top_nav ul li.topnav_sitemap{background: url('../images/common/icon_sitemap.png') no-repeat left;}
#top_nav ul li.topnav_press{background: url('../images/common/icon_blank1.png') no-repeat left;}

/**inside**/
#inside header {
	height: 220px;
	overflow: hidden;
	position: relative;
	}

#inside header::after {
  content: "";
  position: absolute;
  height: 210px;
  width: 300%;
  background: #fff;
  bottom: -150px;
  left: -100%;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

#inside #top_nav ul li a{color:#3c465f;}

/**gnav**/
#gnav{margin: 30px 0 0;}

	#gnav h1{
		float:left;
		max-width: 145px;
		}

	#gnav ul{
		float:right;
		width: 700px;
		margin: 0 0 10px;
		letter-spacing: 0.3em;
		}


	ul.gnav_list li {
		font-size: 1.5em;
		float: left;
		width: 20%;
		text-align: center;
		padding: 0 15px 0;
		}

	ul.gnav_list li span{
		display: block;
		font-size: 0.8em;
		width: 100%;
		}


ul.gnav_list li a {color:#FFF;}
ul.gnav_list li a hr {
	width: 0;
	margin: 1px auto;
	border: none;
	border-bottom: 1px solid transparent;
	text-decoration: none;
	-moz-transition:all 400ms;
	-ms-transition:all 400ms;
	-o-transition:all 400ms;
	-webkit-transition:all 400ms;
	transition:all 400ms;
	}
ul.gnav_list li a:hover hr {border-bottom: 1px solid #FFF; width: 100%}

#inside ul.gnav_list li a {color:#3c465f;}

#company ul.gnav_list li.company hr,
#products ul.gnav_list li.products hr,
#recruit ul.gnav_list li.recruit hr,
#contact ul.gnav_list li.contact hr  {
	border-bottom: 1px solid #1bb0ce;
	width: 100%;
}

/**company&common**/
header#common,
header#company{
	background: url('../images/company/bg_header.png') no-repeat center fixed;
	background-size: cover;
	}

/**recruit**/
header#recruit {
	background: url('../images/recruit/common/bg_header.png') no-repeat 50% 0 fixed;
}

/**contact**/
header#contact {
	background: url('../images/contact/bg_header.png') no-repeat 50% 0 fixed;
}

/**products**/
#products header {
	height: 350px;
	overflow: hidden;
	position: relative;
	}

#products header::after {
  content: "";
  position: absolute;
  height: 300px;
  width: 300%;
  background: #fff;
  bottom: -180px;
  left: -100%;
  -webkit-transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
  -o-transform: rotate(-9deg);
  transform: rotate(-9deg);
}

.page-id-924 header {background: #1D25C3 url('../images/products/index/bg_header1.jpg') no-repeat 50% 0 fixed;}
.page-id-927 header {background: #1D25C3 url('../images/products/plant/bg_header1.jpg') no-repeat 45% -25% fixed;}
.page-id-929 header {background: #1D25C3 url('../images/products/fab/bg_header1.jpg') no-repeat 48% -15% fixed;}
.page-id-936 header {background: #1D25C3 url('../images/products/office/bg_header1.jpg') no-repeat 50% 0 fixed;}
.page-id-931 header {background: #1D25C3 url('../images/products/ict/bg_header1.jpg') no-repeat 50% 0 fixed;}
.page-id-934 header {background: #1D25C3 url('../images/products/products/bg_header1.jpg') no-repeat 50% 0 fixed;}
.page-id-1296 header {background: #1D25C3 url('../images/products/products/bg_header1.jpg') no-repeat 50% 0 fixed;}
.page-id-1407 header {background: #1D25C3 url('../images/products/products/bg_header1.jpg') no-repeat 50% 0 fixed;}
.page-id-3022 header {background: #1D25C3 url('../images/products/products/bg_header1.jpg') no-repeat 50% 0 fixed;}
.page-id-1157 header {background: #1D25C3 url('../images/products/products/bg_header1.jpg') no-repeat 50% 0 fixed;}
.page-id-3413 header {background: #1D25C3 url('../images/products/products/bg_header1.jpg') no-repeat 50% 0 fixed;}
.page-id-3566 header {background: #1D25C3 url('../images/products/products/bg_header1.jpg') no-repeat 50% 0 fixed;}
/*--------------------------------------------------------------------
pankuzu
--------------------------------------------------------------------*/
#breadcrumbs {
	text-align: right;
	font-size: 1.2em;
}

#inside #breadcrumbs {
	max-width: 960px;
	margin: -50px auto 50px;
	position: relative;
}


/*--------------------------------------------------------------------
index
--------------------------------------------------------------------*/
/**header**/
#news{
		text-align: right;
		margin:10px;
		font-size: 1.5em;
	    }
/**
#news article { display: inline-block;}
**/
#news article a{
		color:#FFF;
		border-bottom: 1px solid #FFF;
	    }

a.news_more{
		color:#003;
		background: #fff url('../images/index/icon_more.png') no-repeat 90%;
		display: inline-block;
		padding: 0 20px 0 15px;
		margin-top: 5px;
		}

		header#index p:last-child{
			position: relative;
			z-index: 5;
		}
/**
a.news_aichan{
				color:#FFF;
				border-bottom: 1px solid #FFF;
				text-align: right;
		    margin: 10px;
		    font-size: 1.3em;
				}
**/

				.news_aichan{
					display: inline-block;
				  padding: 0.5em 0.5em;
				  text-decoration: none;
				  color: #FFF;
				  background-image: linear-gradient(#337ab7 0%, #39add0 100%);
				  transition: .4s;
					font-size: 1.1em;
					margin-top: 10px;
				}
				.news_aichan:hover{
				  background-image: linear-gradient(#337ab7 0%, #39add0 70%);
				}
				.news_pasha{
					display: inline-block;
				  padding: 0.5em 0.5em;
				  text-decoration: none;
				  color: #FFF;
				  background-image: linear-gradient(#337ab7 0%, #39add0 100%);
				  transition: .4s;
					font-size: 1.1em;
					margin-top: 10px;
				}
				.news_pasha:hover{
				  background-image: linear-gradient(#337ab7 0%, #39add0 70%);
				}
				.news_mokushi{
					display: inline-block;
				  padding: 0.5em 0.5em;
				  text-decoration: none;
				  color: #FFF;
				  background-image: linear-gradient(#8433b7 0%, #3975d0 100%);
				  transition: .4s;
					font-size: 1.1em;
					margin-top: 10px;
				}
				.news_mokushi:hover{
				  background-image: linear-gradient(#8433b7 0%, #3975d0 70%);
				}

				.fa-position-right {
					position: absolute;
					top: calc(50% - .5em);
					right: 1rem;
				}



/**bg wrapper**/

#bg_wrapper {margin: -550px 0 250px;}

#bg_wrapper .bg_contents p:last-child{margin: 50px 0;}

.bg_contents {position: relative;}

 .skew {
    -webkit-transform: skewY(-10deg);
    -ms-transform: skewY(-10deg);
    transform: skewY(-10deg);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
  }

 .skew_mask {
    overflow: hidden;
    height: 600px;
  }

.skew_bg {
	height: 1200px;
    -webkit-transform: skewY(10deg);
    -ms-transform: skewY(10deg);
    transform: skewY(10deg);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
  }

 .bg_contents .contents {
	 position: absolute;
	 top: 50%;
	 right: 0;
	 left: 0;
	 z-index: 1;
	 }

#about .contents {top: 40%;}

#about .skew_bg{
	margin: 0;
	background: url('../images/index/bg_about1.png') no-repeat center fixed;
	background-size: cover;
	padding: 50px 0 50px 0;
	}

	#plant .skew_bg{
	margin: 0;
	background: url('../images/index/bg_plant1.png') no-repeat center fixed;
	background-size: cover;
	padding: 50px 0 50px 0;
	}

	#fab .skew_bg{
	margin: 0;
	background: url('../images/index/bg_fab1.png') no-repeat center fixed;
	background-size: cover;
	padding: 50px 0 50px 0;
	}


	#office .skew_bg{
	margin: 0;
	background: url('../images/index/bg_office1.png') no-repeat center fixed;
	background-size: cover;
	padding: 50px 0 50px 0;
	}

	#ict .skew_bg{
	margin: 0;
	background: url('../images/index/bg_ict1.png') no-repeat center fixed;
	background-size: cover;
	padding: 50px 0 50px 0;
	}

	#product .skew_bg{
	margin: 0;
	background: url('../images/index/bg_product1.png') no-repeat center fixed;
	background-size: cover;
	padding: 50px 0 50px 0;
	}

/*--------------------------------------------------------------------
sidebar
--------------------------------------------------------------------*/
	#sidebar{
	width: 240px;
	float: left;
	}

	.ttl_sidebar{
	font-size:18px;
	font-weight: lighter;
	margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
	padding: 0 0 0 10px;
	letter-spacing: 0.3em;
	color: #3c465f;
	}


	ul.side_list li a{
	font-size: 1.5em;
	text-align: left;
	padding: 10px 0px 10px 10px;
	width:239px;
	border-bottom: 1px solid #a9b0c0;
	display:inline-block;
	background: url(../images/company/icon_right.png) no-repeat 95%;
	}

	ul.side_list li a:hover{
	background: #e6ecfd url(../images/company/icon_right.png) no-repeat 98%;
	}

	.ttl_sidebar_solid {
		width: 230px;
		margin: 10px 0 30px 10px;
		border: none;
		border-top: 1px solid #1bb0ce;
	}



/*--------------------------------------------------------------------
main_contents
--------------------------------------------------------------------*/
	#main_contents{
	width: 690px;
	float:right;
	}

	.ttl_main{
    margin: 0 0 20px;
	color: #3c465f;
	font-size: 2.2em;
    font-weight: lighter;
    letter-spacing: 0.3em;
		text-align: left;
		white-space: pre-line;
	/*-width:500px;
		margin-left: 150px;-*/
	}

/*--------------------------------------------------------------------
products
--------------------------------------------------------------------*/
#heading_block {
	max-width: 960px;
	margin: auto;
	position: absolute;
	right: 0;
	left: 0;
	top: 50%;
	text-align: right;
	z-index: 20;
}

#heading_block h2 {
	font-size: 4.5em;
	font-weight: lighter;
	color: #55D1FF;
    letter-spacing: 0.4em;
}

div.product_list {
	border: 1px solid #ccc;
	/*background: url('../images/products/index/icon_right.png') no-repeat 98%;*/
	height: 220px;
}

div.product_list div.photo {
	float: left;
	width: 212px;
	}

div.product_list div.txt {
	float: right;
	width: 460px;
	padding: 10px 30px 10px 20px;
	}

div.product_list+div.product_list {margin-top: 25px;}

ul.products_list li {
	background: #dfe3ee;
	text-align: center;
	padding: 10px;
	font-size: 1.3em;
	font-weight: bold;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

ul.products_list li+li {margin-top: 10px;}
ul.products_list li span {font-weight: lighter;}



/*--------------------------------------------------------------------
single
--------------------------------------------------------------------*/
article.post_news {
	max-width: 800px;
	border: 1px solid #dfe3ee;
	margin: auto;
	padding: 30px 10px;
}

article.post_news h1 {
	border-bottom: 1px solid #dfe3ee;
}


.space{
	padding-bottom: 15px;
}


/*--------------------------------------------------------------------
Press Release
--------------------------------------------------------------------*/
.press_release {
	max-width: 800px;
	margin: auto;
}

.press_release article.news{
	border-bottom: 1px solid #dfe3ee;
	padding: 7px 3px;
	font-size: 1.4em;
}

/*--------------------------------------------------------------------
pagenation
--------------------------------------------------------------------*/
.pagenation {
	margin: 30px 0 0;
	font-size: 150%;
	display: table;
	border-collapse:separate;
	border-spacing: 5px;
}

.pagenation ul li {
border: 1px solid #ccc;
display: table-cell;
}
.pagenation ul li a {display: inline-block; padding: 8px 15px;}
.pagenation a { background: #fff;}
.pagenation a:hover {background: #A8E1F7;}

.pagenation .active {
	border: 1px solid #dfe3ee;
	background: #dfe3ee;
	padding: 8px 15px;
}

/*--------------------------------------------------------------------
footer
--------------------------------------------------------------------*/
 	.footer_wapper{
		margin:30px auto 0;
		max-width: 960px;
		}

	.facebook{
		float:left;
		margin: 0 0 0 20px;
		width: 350px;
		height:100px;
		/*border:#000 1px solid;*/
		}

	.footer_nav {
		color:#3c465f;
		float: right;
		margin-right: 150px;
		width: 650px;
		margin-bottom: 250px;
		}

	.footer_nav h3 {padding: 0 0 0 10px;}


	.fnav_list{
		margin: 10px 0 50px 0;
		padding: 0 10px;
		}

	.fnav_list li{
		 background: url('../images/index/icon_fnav.png') no-repeat left;
		 font-size: 1.2em;
		 padding: 0 0 0 10px;
		 }


	.footer_nav nav {
		display: table;
		border-spacing: none;
		width: 650px;
	}

	.footer_nav div{
	display: table-cell;
	}



	.footer_nav h3{
		border-bottom:1px solid;
		}

	.copyright{
		margin: 50px;
		}

/**inside**/

#inside footer,#products footer {
	position: relative;
	z-index: 10;
	margin-top: 250px;
}


/**#inside footer::before {
  content: "";
  position: absolute;
  height: 10px;
  width: 300%;
  bottom: 350px;
  left: -100%;
  z-index: 3;
  /*border-top: 1px solid #ccc;*/
  /**-webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

/**h2**/

.pronew {
	text-align: center;
	padding-left:60px;
	padding-right:60px;
	font-family: sans-serif;
}

.pronew ul{
	list-style: none;
}

.pronew h2 {
	font-family: sans-serif;
	font-size: 2em;
}
.pronew0 p{
	font-size: 2em;
	margin-top: 20px;
}

.pronew1 {
	text-align: left;
	margin-top: 20px;
	margin-bottom: 35px;
	text-indent: 1em;
}

.pronew2 h3{
	font-size: 1.8em;
	text-align: left;
	margin-top: 15px;
	font-weight: bold;
}
.pronew2 p{
	font-size: 1.5em;
	text-align: left;
	text-indent: 1em;
	margin-top: 3px;
}

.apclist ul{
	list-style: none;
}
.apclist li{
	text-align: left;
  font-size: 1.2em;
}

.apclist2{
	margin-top: 35px;
}
.apclist2 ul{
	list-style: none;
}

.apclist2 li{
	padding-left: 200px;
  font-size: 0.8em;
	text-align: left;
}

 .release_tell{

	 padding:0 55px 0 55px;
 }
 .release_tell h2{
	 text-align: center;
	 font-size: 2em;
	 margin-bottom: 20px;
 }
 .release_tell1{

	 margin-top: 20px;
	 margin-bottom: 35px;
 }

 .release_tell1 p{
	 text-align: left;
 }
 .release_tell2 {
	 margin-top: 30px;
	 margin-left: 60px;
 }

 .release_tell2 ul{
	 font-size: 1.5em;
	 padding-left: 120px;
	 list-style: none;
 }