/* 全体 */
/* 共通設定 */
body {
	/*font: 14px/1.7 'Oswald', arial, helvetica, sans-serif;*/
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	/*background-image: url(../images/backImage.jpg);*/
	/*background-image:url("./../images/sample/fotolia_86100657.jpg");
	background-size: cover;*/
	font-size:87%;
	margin:0px;
}
div, ul, li, p, h1, h2, h3 {
	padding: 0;
	margin: 0;
}
a {
	color: #333;
}
a:hover {
	color: #960014;
	text-decoration: none;
}
textarea {
    resize: vertical;
}

.left {
	float: left;
}
.right {
	float: right;
}

#internLeft {
	width: 500px;
}

/* ヘッダー */
.cf:before,
.cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}
header {
	position: fixed;
	top:0px;
	z-index: 50;
	background: #fff;
	width: 100%;
	min-width:900px;
	border-bottom:1px solid #dcdcdc;
}
#header {
	padding: 15px 0;
	margin:0 0 0 15px;
	min-width:900;
}
#header img {
	position: relative;
	/*left: 50%;
	margin-left: -400px;*/
}
header p.link {
	float: right;
}
header a {
	text-decoration: none;
}
header a:hover {
	color: #960014;
	text-decoration: underline;
}
#menu li {
	font-size : 16px;
	display:inline-block;
	margin: 17px 0 15px;
	color: #000;
	background:#fff;
	background: rgba(255,255,255, 0.5);
}
#menu li.active{
	background:#666;
	background: rgba(0,78,162, 0.7);
	color: #fff;
}
#menu li a{
	text-decoration:none;
	color: #000;
}
#menu li.active a:hover,
#menu li a:hover{
	color: #fff;
}
#menu li:hover{
	background: rgba(0,78,162, 0.7);
}
#menu li a,
#menu li.active a{
	padding: 6px 7px;
	display:block;
}
#menu li.active a{
	color: #fff;
}
#menu{
	position:fixed;
	top:0;
	height: 40px;
	z-index: 70;
	/*width: 100%;*/
	padding: 0;
	margin:0;
	/*left: 50%;
	margin-left: -50px;*/
	right:0;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', 'Osaka', sans-serif;
}

/* 1ページから4ページ */
.section p,
#section1 th,
#section1 td {
	/*font-family: Arial, "メイリオ", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;*/
	margin-bottom: 0.5em;
	font-size: 15px;
}
.panel {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.8);
	/*height: 400px;*/
	height:auto !important;
	/*min-height:400px !important;*/
	width: 900px;
	/*height: 470px;*/
	/*width: 800px;*/
	/*padding: 30px 50px 90px;*/
	margin: 100px auto 0;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}

h2 {
	/*border-bottom: solid 1px #999;*/
	margin-bottom: 40px;
	font-weight: normal;
	font-size: 180%;
	color: #303030;
}
/* ボタン */
.button {
	width:150px;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	display:block;
	padding:10px 0 10px;
	background:#2675de;
	border-radius: 20px;
	margin: 0 0 0 auto;
	background-image:  linear-gradient(rgba(255,255,255,.3) 0%,transparent 50%,transparent 50%,rgba(0,0,0,.1) 100%);
	cursor: pointer;
}
.button:hover {
    opacity: 0.6;
}
/* 新着情報一覧ボタン */
.setnewsbutton{
	/*position: absolute;*/
	left: 530px;
	top: 370px;
	margin: 0 0 0 auto;
}
/* 活用事例一覧ボタン */
.setusebutton{
	left: 900px;
	margin: 0 0 0 auto;
}
/* ボタン2 */
.button2 {
	width:50%;
	height: 100%;
	font-size:15px;
	color:#FFFFFF;
	text-align:center;
	display:block;
	padding:10px 0 10px;
	background:#2675de;
	border-radius: 50px;
	margin: 0 0 0 auto;
	background-image:  linear-gradient(rgba(255,255,255,.3) 0%,transparent 50%,transparent 50%,rgba(0,0,0,.1) 100%);
	cursor: pointer;
}
/* お問い合わせフォームボタン */
.formbutton{
	text-align: center;
	padding-right: 300px;

}
.formbutton:hover {
    opacity: 0.6;
}

/* 新着情報 */
.newslist {
	width: 100%;
}
.newslist li {
	font-size: 14px;
}
.newslist li:nth-child(odd) {
	background-color: #E6E6E6;
}
.newslist li a {
	box-sizing: border-box;
	color: #000000;
	display: table;
	padding: 10px;
	text-decoration: none;
	transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	width: 100%;
}
.newslist li a:hover {
	text-decoration: none;
	background-color: #FDFDFD;
}
.newslist li div {
	display: table-cell;
	width: 144px;
}
.newslist li p {
	display: table-cell;
	padding-left: 20px;
	vertical-align: middle;
}
/* 時間の設定 */
.newslist li time {
	display: table-cell;
	vertical-align: top;
	width: 90px;
}
/* カテゴリの設定 */
	.newslist li .oshirase,
	.newslist li .news {
	background-color: #1B73BA;
	border-radius: 1px;
	color: #FFFFFF;
	font-size: 9px;
	padding: 0 2px;
	text-align: left;
	width: 50px;
}
	.newslist li .oshirase{
	text-align: center;
}
.newslist li .news {
	background-color: #0E3A5F;
}
.delete-marker {
	list-style: none;
}
/* ボタンスタイル(1ページ目) */

.nextBtn {
	clear: right;
	position: relative;
	bottom: -12px;
}

.prevBtn {
	clear: right;
	position: relative;
	top: -58px;
}
.nextBtn_info,
.prevBtn_info {
	/*背景色*/
	background:rgba(0,78,161, 0.8);
	/*角を丸くする*/
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
	width:50px;
	height:50px;
	margin-left: -25px;
	cursor: pointer;
}
.nextBtn_info a,
.prevBtn_info a {
	display: block;
	position: absolute;
	text-align: center;
	color: #ffffff;
	right: 0;
	left: 0;
	top: 50%;
	margin-top: -12px;
	text-decoration: none;
}
.nextBtn_info a:hover,
.prevBtn_info a:hover {
	color: #FF8C00;
}
.nextBtn_info b,
.prevBtn_info b {
	font-family: Arial, "メイリオ", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}

.nextBtn_info {
	left: 50%;
}

.prevBtn_info {
	left: 50%;
}

/*nav {
	position: fixed;
	bottom: 20px;
	width: 100%;
	text-align: center;
	padding: 10px;
	z-index: 50;
}
nav li {
	display: inline;
}
nav li a {
	padding: 6px 26px;
	color: #fff;
	text-decoration: none;
	margin: 0;
	background: #26120a;
}
nav li a:hover {
	color: #fff;
	background: #3f0006;
}
*/

/* 1ページ */
#section0 h2 {
	/*text-align: center;
	margin-top: 10px;*/
}
#inBanner {
	background-image: url(../images/internTop.jpg);
	background-size: cover;
	height: 240px;
	position: relative;
}

#section0 .nextBtn,
#section1 .nextBtn {
	bottom: -4px;
}

/* ボタンスタイル(1ページ目) */
.site_logo {
	/*背景色*/
	background:rgba(0,78,161,0.7);
	/*角を丸くする*/
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
	width:160px;
	height:160px;
	cursor: pointer;
	right: 38px;
	top: 66px;
}
.site_logo a {
	text-decoration: none;
	color: #ffffff;
}
.site_logo:hover {
	background:rgba(0,78,161,1);
}
.site_info {
	position: absolute;
	font-size: 170%;
	text-align: center;
	top: 45px;
	left: 11px;
}

/* 2ページ */
#section1 table {
    border-collapse: collapse;
    width: 100%;
    margin: 0;
}
#section1 table th,
#section1 table td {
    border: 1px solid #999;
} 
#section1 table th {
	text-align: center;
}
#section1 table td {
	padding: 5px 10px;
}
/* 3ページ */
#section2 p.noMargin {
	margin: 0;
}
#section2 span {
	/*color: #FF0000;*/
}

/* 4ページ */

/*必須ボタン*/
.fm_ten {
	background-color: #ff8d31;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 11px;
    margin-right: 3px;
    margin-top: 1px;
    padding: 1px;
}
.formTitle {
	display: block;
	padding: 2px 2px 0 0;
	float: left;
}
.font_col {
	display: block;
	padding-top: 2px;
	color: #FF0000;
}
/*全角、半角の指定*/
.zenkaku {

	ime-mode: active;
}
.hankaku {
	ime-mode: inactive;
}
#inqueryArea {
	margin: 10px 0px 0px 0px;
	width: 100%;
	font-size: 13px;
	font-family: "メイリオ",​arial,​helvetica,​sans-serif;
}
.inqueryContents {
	margin-top: 5px;
}
#section4 table {
	border-collapse: collapse;
	font-family: "メイリオ",​arial,​helvetica,​sans-serif;
	font-size: 13px;
	width:100%;
}
.font_col,input,textarea {
	font-size:13px;
	font-family: "メイリオ",​arial,​helvetica,​sans-serif;
}
.p_style1 {
	margin-bottom: 10px;
}
.inqueryContents th {
	font-weight: normal;
	padding: 14px;
	text-align: left;
	vertical-align: center;
	width: 30%;
	border: 1px solid #c4c8d0;
	background-color: #E5EDF5;
	padding:7px 0px 5px 5px;
}
.inqueryContents td {
	background-color: #ffffff;
	padding: 7px 10px;
	border: 1px solid #c4c8d0;
}
th.fmNo_ten {
	padding-left: 35px;
}
.input_style {
	border: solid 1px #cdd7e5;
	/*border-radius: 5px;
	height: 25px;*/
	height: 25px;
	padding:0 7px;
}
.text_style1{
	width: 45%;
}
.inqueryContents textarea {
	width: 90%; 
	border: solid 1px #cdd7e5;
	/*border-radius: 5px;*/
}
#contents_button {
	margin-top: 15px;
	text-align: center;
}
/* ボタンスタイル(4ページ目) */
.button_style {
    width: 200px;
    padding: 8px 0 10px;
    cursor: pointer;
   	background: #004EA2; /* Old browsers */ 
	background: -moz-linear-gradient(top,  #004EA2 0%, #4a80ba 100%); /* FF3.6-15 */ 
	background: -webkit-linear-gradient(top,  #004EA2 0%,#4a80ba 100%); /* Chrome10-25,Safari5.1-6 */ 
	background: linear-gradient(to bottom,  #004EA2 0%,#4a80ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004EA2', endColorstr='#4a80ba',GradientType=0 ); /* IE6-9 */
}
.button_style:hover {
	opacity: 0.8;
}

input[type="button"][disabled] {
	background:#d0d0d0;
	cursor:default;
}
.setDis:hover	{ opacity:1; }


/*	2017/08/22	*/
	#fullpage > div						{ background-size: cover; height:auto !important; }
	#fullpage a							{ color:#004ea1; }
	#fullpage a:hover > img				{ opacity:0.7; }
	
	/*	header	*/
		#header > div					{ float:left; width:470px }
	/*	#header > ul					{ width:660px; }	*/
		.setTxt							{ display:inline-block; font-size:130%; position:relative; top:-5px; margin:0 0 0 15px; }
		
		
	#section0							{ background-image:url("./../images/bg_01.jpg"); background-attachment: fixed; }
	#section0 .panel					{ width:100%; }
	
	/*	main catch	*/
		.mainCatch						{ padding:0 0 0 3%; }
		.mainCatch h1					{ font-size:450%; font-weight:normal; margin:17% 0 7%; line-height:1.3em; }
		.colBlue						{ color:#004ea1; }
		.mainCatch h2					{ font-size:330%; border:none; color:#101010; margin:10px 0 2%; }
		.mainCatch h2 img				{ position:relative; top:2px; margin:0 13px; }
		.mainCatch h3					{ color:#101010; font-size:180%; font-weight:normal; }

	/*	section		*/
		#section1							{ /*background-image:url("./../images/bg_01.jpg");*/ }
		#section2							{ background:rgba(0, 0, 0, 0.2); 
											  /*background-image:url("./../images/bg_02.jpg"); background-attachment: fixed;*/ }
		#section3							{ /*background-image:url("./../images/bg_01.jpg");*/ }
		#section4							{ background:rgba(0, 0, 0, 0.2); 
											  /*background-image:url("./../images/bg_01.jpg");*/ }
		
		#section1 .fp-tableCell,
		#section2 .fp-tableCell, 
		#section3 .fp-tableCell, 
		#section4 .fp-tableCell				{ height:auto !important; }
	
	/*		*/
		#fullpage							{ min-width:900px; }
		#fullpage .fp-tableCell				{ background:rgba(255, 255, 255, 0.6); }
											  
		#fullpage .panel					{ background:none; box-shadow:none; padding:0 0 100px; font-size:105%; }
	
	/*	title	*/
		.panelTitle							{ text-align:center; }
		.panelTitle h2						{ display:inline-block; padding:0 10px; border-bottom:3px solid #004ea1; }
		.panelTitle h2 img					{ position:relative; top:6px; }
		
		.panel > h3							{ margin:0 0 5px; }
	
	/*	setLink	*/
		.boxLink							{ width:80%; margin:0 auto; display:flex; }
		.boxLink > div						{ width:45%; }
			
	/*	option service	*/	
		.boxTxt								{ padding:0 0 0 23px; }
		.boxTxt > div						{ margin:0 0 20px; }
		.boxTxt h3							{ font-weight:normal; font-size:115%; margin:0 0 5px; }
		.boxTxt p							{ margin:0 0 20px 1em; }
		
		.setFlex							{ display:flex; flex-wrap:wrap; width:100%; overflow:hidden; margin:0 0 0 23px; }
		.setFlex > div						{ margin-bottom:60px; }
		.setFlex img						{ display:block; margin:7px auto 20px; }
		.setFlex h3							{ font-size:115%; font-weight:normal; margin:0 0 10px; 
											  text-align:center; line-height:25px; }
		
		.type3 div							{ width:30%; margin-left:5px; }
		.type3 div:nth-child(1), 
		.type3 div:nth-child(4)				{ margin-left:0;}
		
		.type2 div							{ width:45%;  margin-left:5%;}
		.type2 div:nth-child(odd)			{ margin-left:0; }
		.type2 h3							{ text-align:left; }
		
		
		.boxPack > div						{ box-sizing:border-box; border:1px solid #c0c0c0; background:#fff; 
											  padding:15px 13px 25px; margin-left:0; width:30%; }
		.boxPack > span:before				{ content:"+"; color:#606060; font-size:180%; padding:0 10px; 
											  position:relative; left:0; top:100px; }
		
		.boxPack > div > span				{ display:inline-block; vertical-align:top; font-size:200%; color:#004ea1; line-height:1em; }
		.boxPack h3							{ display:inline-block; text-align:left; margin-top:5px; }
		.boxPack p							{ font-size:93%; line-height:23px; letter-spacing:1.1px; }
		.boxPack img						{ margin:10px auto 25px; }
		
		.boxAtten h3						{ font-weight:normal; text-align:center; }
	
	/*	contact form	*/
		#fullpage .formPrivacy				{ background:#fff; padding:0px; border:none; text-align:center; font-size:115%; }
		#fullpage .formPrivacy div			{ margin:25px; }
		#fullpage .formPrivacy h3			{ margin:25px 0 7px; }
		#fullpage .formPrivacy p			{ font-size:100%; line-height:20px; padding:0 10px 0 0; }
	
	/*	copyright	*/
		.waCopyright						{ width:100%; text-align:center; padding:30px 0; }
	
	/*	page top	*/
		#pageTop							{ position:fixed; right:30px; bottom:20px; }
		
	/*	case menu	*/
		.boxCase > div						{ box-sizing:border-box; border:1px solid #dcdcdc; background:#fff; }
		.boxCase .invisible					{ box-sizing:border-box; border:0 solid #dcdcdc; background:#fff; }
		.boxCase a							{ text-decoration:none; color:#5a5a5a !important; }
		.boxCase img						{ margin:0 auto 10px; }
		
		.boxCase a:hover span				{ color:#004ea2; }
		.boxCase span						{ display:block; }
		.boxCase .corpName					{ text-align:center; font-size:110%; }
		.boxCase .detail					{ text-align:left; margin:10px 15px 15px; font-size:90%; text-decoration:none; }
		
		.boxCase a:hover .corpName			{ text-decoration:none; }
	
	/*	area case	*/
		.areaCase							{  }
	
	
/*	2017/08/22	*/

/*　2019-02-26　*/	
#menu li:hover a{
	color: #fff;
}

#menu li .menu2{
	display: none;
	position: absolute;
	margin: 0 0 0 -72px;
	background: rgba(255,255,255,0.9);
	padding: 30px 0;
	border: 2px solid #EBEBEB;
	width: 230px;
	text-align: center;
}

#menu li .menu2 li{
	margin: 0;
	background: none;
	width: 100%;
}

#menu li:hover .menu2 li a{
	color: #000;
}

#menu li:hover .menu2 li a:hover{
	color: #fff;
}

#menu li:hover .menu2{
	display: block;
}

#menu li:hover .menu2 li:hover{
	background: rgba(0,78,162, 0.7);
}

#menu li:hover .span{
	padding: 0 0 18px 0;
	background-color: #fff;
}

/* 2020/11/24 */
/* ニュース記事 */

.colRed {
color:#a10000;
}

.heading{
 text-align:center;
 font-size:250%;
 font-weight:normal;
 margin: 10px 0 0 10px;
 
}

.maintxt {
 text-align:center;
}
 .txt {
	display: inline-block;
	text-align:left;
}

.pinfo {
	margin: 16px auto;
	text-align: center;
	display: block;
	border: 1px solid #999;
	padding:10px 10px 10px;
}
.pinfo .ptitle {
font-size: 150%;
font-weight: bold;
	
}
.pinfo .text {
	width: 100%;
	text-align: left;
	display: inline-block;

}

/*img.iconImg1{
	width: 15px;
	height: 10px;
}

img.iconImg2{
	width: 15px;
	height: 10px;
}*/

.maintitle{
margin: 50px auto;
font-size: 300%;
/*padding: 50px;
hight:  50px;*/
}

.descriptionapply{
	/*margin: 50px auto;
	padding-left: 100px;*/
	text-align: center;
	font-size: 1000px;
}

.amabie{

	padding-top: 75px;
	text-align: center;
}


.example{
	/*position: absolute;*/
	/*top: 50;
	left: 0;*/
    /*width: 900px;
    height: 100%;*/
	text-align: center;
	/*font-size: 500%;*/
	/*padding-left: 100px;*/
	/*line-height: auto;*/
	align: middle;

}

img.example {
	margin: 0 10px;
	padding-bottom: 15px;
	/*vertical-align: middle;*/
}

 .exampletxt{
 	display: inline-block;
 	text-align:left;

}
.exampletxt > p > a{
	text-decoration-line: none;
}

.contents {
	padding-top: 100px;
}

.contents_innner {
    padding-top: 100px;
    margin-top:-100px;
}

#imgscenarioacting{
	padding-top: 100px;
    margin-top: -100px;
}

#imgvisitservis{
	padding-top: 100px;
    margin-top: -100px;
}

#imgwebsupport{
	padding-top: 100px;
    margin-top: -100px;
}

.scenarioacting{
	/*padding-top: 100px;
	margin-left: -310px;*/
}
.visitservis{
	/*padding: 50px;
	margin-left: -310px;*/
}
.websupport{
	/*padding: 50px;
	margin-left: -310px;*/

}
.otherservize{
	text-align: center;
	padding-top: 50px;
}
/*.otherservize .form{
	font-size: 250px;
	text-align: left;
}
*/
/*.maintitle{
	text-align: center;
	margin: 20px 150px;

}
*/

.HeadlinePhrase{
	font-size:-450%;
	font-weight:normal;
	margin:-8% 0 -11%;
}

.winactorAbout{
	font-size:120%;
	font-weight:normal;
	margin-bottom: -40px;
	color: #303030;
}