@charset "UTF-8";
@import url("reset.css");
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

/*全体設定*/
	html {
		font-size: 16px;
		font-family: "ＭＳ Ｐゴシック", "MS PGothic", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
		height:100%;
		font-variant-ligatures : none;
	}
	body{
		height:100%;
	}
	main {
		display: block;
	}

	/*会社概要*/
	body#company-page, body#contact-page {
		font-family: "ＭＳ Ｐ明朝",MS PMincho,"ＭＳ 明朝" , "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", serif;
		color: #001650;
	}
	body#around, body#outsourcing, body#ict, body#news, header, footer {
		font-family: "メイリオ", Meiryo, sans-serif;
	}

	
/*フォント指定*/
.lato-font {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
.meiryo-u-font {
	font-family: Meiryo UI, sans-serif;
}
.meiryo-font {
	font-family: "メイリオ", Meiryo, sans-serif;
}
.y-mincho-font {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.p-mincho-font {
	font-family: "ＭＳ Ｐ明朝", MS PMincho, serif;
}
.p-gothic-font {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



.jumbotron{
	width:100%;
	height:100%;
	background-image:url("../image/id-top.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute;
	top:0;
	z-index:-9999;
}
.mobile-main-position{
	margin-top:100px;
}
/*背景*/
.cmn-bk-image {
	background-image: url(../image/cmn-bk-image.svg);
	background-repeat: repeat;
	background-size: 121px 121px;
}
/*header*/
header.global-header{
/*	background-color:gray; */
	position:fixed;
	padding:.5rem 2rem;
	color:#001650;
	z-index: 9999;
	width:100%;
	top:0;
	transition:.5s;
}
header.global-header::after{
	display:block;
	content:"";
	clear:both;
}
/*ついてくるヘッダーの時だけ使うクラスstart*/
.top-header-bg-color-on{
	
}
/*ついてくるヘッダーの時だけ使うクラスend*/
header.top-header{
	color:white;
}
.corp-title-wrap{
	float:left;
}
h1.corp-title{
	font-size:1.5rem;
	padding:1rem 0;
}
h1.corp-title a {
	color: #001650;
}
#top-page h1.corp-title a {
	color: #fff;
}
.corp-rogo{
	display:inline-block;
	width:6rem;
	height:3rem;
	background-image:url("../image/cmn-top-hr.svg");
	background-repeat: no-repeat;
	background-size:contain;
	vertical-align:middle;
	margin-bottom:.5rem;
}
body#top-page .corp-rogo,
.global-footer .corp-rogo{
	background-image:url("../image/id-top-hr.svg");
}
/*global-nav start*/
.global-nav-wrap{
	display: block;
	position: fixed;
	left: 0;
	right: auto;
	top:0;
	width: 100%;
	height: 100%;
	padding-top:6rem;
	-webkit-transition: .3s cubic-bezier(0.57, 0.15, 0.13, 0.97);
	transition: .3s cubic-bezier(0.57, 0.15, 0.13, 0.97);
	overflow: hidden;
	visibility: hidden;
	overflow: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	background: #F38200;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	z-index:9998;
}
nav.global-nav{
	width:100%;
	margin-left:auto;
}
ul.gnav-list{
	display: block;
	width: 100%;
	height: 100vh;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
ul.gnav-list li{
	text-align:center;
	display:block;
	width:100%;
	margin:0 auto;
}
ul.gnav-list li.gnav-list-item:last-child {
	margin-bottom: 30vh;
}
.gnav-list-item-btn {
	display:block;
	padding:1.5rem .5rem;
	letter-spacing: .15rem;
	color:#fff;
	border-bottom: 1px solid #fff;
	transition: color .3s;
}
.gnav-list-item-btn[title="SERVICE"] {
	border-bottom: none;
}
.gnav-tel {
	display:block;
	padding:1.5rem .5rem;
	letter-spacing: .15rem;
	color:#fff;
	border-bottom: 1px solid #fff;
	transition: color .3s;
}
.mobile-text{
	display:block;
}

/*global-nav end*/

/*ハンバーガー*/
.header__menu {
	display: block;
	z-index: 3;
	text-decoration: none;
	position: fixed;
	width: 7rem;
	height: 5rem;
	top: 7px;
	right: 0;
	-webkit-transition: none !important;
	transition: none !important;
	z-index:9999;
}
.header__menu .lines {
    display: block;
    overflow: hidden;
    position: relative;
    width: 7rem;
    height: 5rem;
}
.header__menu .line-1,
.header__menu .line-2,
.header__menu .line-3,
.header__menu .line-4 {
	-webkit-transition: all .3s cubic-bezier(0.57, 0.15, 0.13, 0.97) 0s;
	transition: all .3s cubic-bezier(0.57, 0.15, 0.13, 0.97) 0s;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -1.5rem;
	width: 3rem;
	height: 3px;
	background: #000;
}
.header__menu .line-1 {
	margin-top: -1rem;
}
.header__menu .line-2 {
	opacity: 0;
	background: #000;
}
.header__menu .line-2,
.header__menu .line-3 {
	margin-top: -0.1rem;
	background: #F38200;
}
.header__menu .line-4 {
	margin-top: 0.8rem;
}
html.open .global-nav-wrap{
    visibility: visible;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}
html.open .header__menu .line-1,
html.open .header__menu .line-2,
html.open .header__menu .line-3,
html.open .header__menu .line-4 {
	margin-top: -0.1rem;
}
html.open .header__menu .line-1 {
	opacity: 0;
}
html.open .header__menu .line-2 {
	opacity: 1;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	background: #fff;
}
html.open .header__menu .line-3 {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	background: #fff;
}
html.open .header__menu .line-4 {
	opacity: 0;
}
.gnav-tel img{
	display:none;
}

/*Global Footer*/
footer.global-footer{
	background-color:#001650;
	color:white;
	padding:.5rem 2rem;
}
footer.global-footer::after{
	display:block;
	content:"";
	clear:both;
}
.global-footer h1.corp-title a {
	color:white;
}
body#top-page .corp-rogo{
	background-image:url("../image/id-top-hr.svg");
}
.footer-nav{
	display:none;
	margin-bottom: 4rem;
}
.footer-nav li.gnav-list-item a{
	display:block;	
	padding:14px 7px;
	color:#FFF;
}
.footer-nav li.gnav-list-item:last-child{
	margin-right:0;
	border-left:2px solid #FFF;
	padding-left:2rem;
}
.footer-copyright::before{
	display:block;
	content:"";
	clear:both;
}
.footer-copyright{
	padding:2rem 0;
	text-align:center;
}
.global-footer .corp-rogo{
	background-image:url("../image/id-top-hr.svg");
}

/*ぺージ共通設定*/
.page-head-wrap{
	width:100%;
	position:relative;
}
.scroll-ico{
	display:block;
	position:absolute;
	bottom:1%;
	left:50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1rem;
	text-align:center;
	color:white;
}
.top-scroll-ico{
	bottom:10%;
}
.scroll-ico img{
	display:inline-block;
	width:1.5rem;
	margin-bottom:0.5rem;
}
/*トップぺージ設定*/
.top-page-head-wrap{
	background-image:url("../image/top_corp_rogo_line.svg");
	background-repeat: no-repeat;
	background-size:50vw;
	background-position:right 5% top 50%;
}
.p-head-title-wrap{
	position:absolute;
	top:40%;
	-moz-transform: translate(0,-50%);
	-webkit-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	padding:0 2rem;
}
.p-head-title{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:2.5rem;
	vertical-align:middle;
	color:white;
}
.p-head-title span{
	font-size:1.5rem;
	display:block;
	padding:2rem 0;
	letter-spacing:1rem;
}

/*Top Page News section*/
.top-sdgs-rogo{
	display:block;
	width:8rem;
	position:absolute;
	bottom:15%;
	left:5%;
}
.news-sec{
	position:absolute;
	bottom:0%;
	width:90%;
	background-color:#F38200;
	color:#FFF;
	padding:0.5rem 5%;
}
h2.news-sec-title{
	display:block;
	font-size:1.2rem;
	margin-bottom: 0.5rem;
	text-align: center;
}
.news-list-wrap{
	display:block;
	width: 90%;
	margin: 0 auto; 
	text-align: center;
}
p.news-list-contents-text {
	display: inline-block;
	font-size:1.1rem;
	line-height: 1.5rem;
	color:white;
}
span.n-list-date{
	display:inline-block;
	margin-right:1rem;
}
span.mouse-ico{
	display:inline-block;
	width:1em;
	height:1em;
	margin:0 0.5em;
	vertical-align: middle;
	background-image:url("../image/id-news-click.png");
	background-repeat:no-repeat;
	background-size:contain;
}



/*Top Page servic section*/
.top-page-service-sec {
	background-image: url(../image/id-main-bg-mk.svg),url(../image/id-main-bg.svg);
	background-size: cover, cover;
	background-repeat: no-repeat, no-repeat;
	background-position: center center;
	height: 44rem;
	position: absolute;
	z-index: 2;
	width:100%;
	top:0;
	float:left;
}
.ser-sec-left-box {
	width:90%;
	margin-top:1rem;
	margin-left:5%;
	margin-right:5%;
}
.ser-sec-title{
	width:20rem;
	margin:0 auto;
	margin-bottom:5vw;
}
.ser-sec-title img{
	display:block;
	width:100%;
}
.ser-sec-p{
	font-size:1.2rem;
	line-height: 3.5rem;
	letter-spacing: .2rem;
	text-align:center;
}
.ser-sec-right-box {
	display:none;
}
.ser-ico {

}
#log-rev 	{ }
#log-mgt 	{ }
#log-ict 	{ }
#log-person {

}

/*Top Page 事業 ナビゲーション*/
.top-page-service-nav-sec {
	position: relative;
	/*top:-350px;*/
	margin-top:45vh;
	margin-bottom:0rem;
	z-index: 1;
}
nav.t-p-snav{
}
.t-p-snav-list{
	display:table;
	width:100%;
}
.t-p-snav-list li{
	display:table-cell;
	width:33.3333%;
	vertical-align:bottom;
	text-align:center;
	border-right:2px solid #FFF;
	box-sizing: border-box;
	background-color:#748CCC;
	transition:.5s;
}
.t-p-snav-list li:hover{
	background-color:#F38200;
}
.t-p-snav-list li:last-child{
	border-right:transparent;
}
a.t-p-snav-attr{
	display:block;
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:cover;
	padding: 20rem 0 5rem 0;
	color:white;
}
span.t-p-snav-ico{
	display:block;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:contain;
	width:150px;
	height:150px;
	margin-bottom:3rem;
}
.nav-mgt-ico{
	background-image:url("../image/id-nav-btn1.png");
}
.nav-rev-ico{
	background-image:url("../image/id-nav-btn2.png");
}
.nav-ict-ico{
	background-image:url("../image/id-nav-btn3.png");
}
#nav-mgt{
	background-image:url("../image/id-nav-bg1.png");
}
#nav-rev{
	background-image:url("../image/id-nav-bg2.png");
}
#nav-ict{
	background-image:url("../image/id-nav-bg3.png");
}
.t-p-snav-attr p{
	font-size:1.2rem;
	line-height:1.8rem;
}

/*Top Page SDGS開発目標*/
section.deve-goals {
	margin-top: -350px;
	margin-bottom: 13vw;
	text-align: center;
}
.deve-goals-title{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
.deve-goals-title img {
	width: 100%;
}

.deve-goals-p {
	font-size: 2.5rem;
	letter-spacing: 0.9rem;
	line-height: 5rem;
	color: #001650;
}

.deve-goals p span {
	font-size: 0.8rem;
	letter-spacing: 0.5rem;
}




/*背景*/

/**/
/**/
/**/
/**/







/**/
/**/
/**/
/**/







/*経営支援事業再生[service]ページ*/
	/*大枠*/
		section.cp-greeting {
			margin: 11% 0;
		}

		/*左側*/
			.cr-g-le {
				position: relative;
			}

			/*タイトル*/
				.cr-g-le h2 {
					position: absolute;
					z-index: 202;
					width: 30%;
					height: 10.6rem;
					font-size: 10.6rem;
					font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
					color: #fff;
					background-color: #F38200;
					text-align: right;
					z-index: 202;
				}

				.cr-h2-bg {
					position: absolute;
					top: 1.5vw;
					display: block;
					width: 32%;
					height: 10.6rem;
					background-color: #001650;
					z-index: 201;
				}

			/*画像*/
				.cr-le-img {
					position: absolute;
					margin-top: 16%;
					width: 41vw;
					z-index: 202;
				}
				.cr-g-le img {
					position: absolute;
					width: 100%;
					z-index: 202;
				}

				.cr-img-bg {
					background-color: #F38200;
				    position: absolute;
				    width: 92%;
				    height: 17vw;
				    top: 6vw;
				    left: 8vw;
				    z-index: 201;
				}

		/*右側*/

			.cr-g-ri {
				width: 40%;
    			margin-left: 55%;
			}

			.cr-g-ri p {
				font-size: 1.8rem;
			    line-height: 250%;
			    text-align: justify;
			    color: #F38200;
			}







/*各種お問合せ[contact]ページ*/
	/*セクションタイトル*/
		/*タイトル*/
			.ct-t-mgn {
				padding-top: 4%;
				padding-bottom: 6%;
			}

	/*お問合せフォーム*/
		/*全体枠*/
			section.ct-form {
				margin-top: 8vw;
				margin-bottom: 11vw;
			}

		/*大枠*/
			form {
				width: 43%;
				margin: 0 auto;
			}

		/*表題*/
			form dl dt {
				font-size: 1.8rem;
				font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

			}
		/*入力フォーム*/
			input[type="text"], input[type="tel"], input[type="email"], select.ct-choice {
				border: 1px solid #001650;
				border-radius: 8px;
				width: 100%;
				height: 6.6rem;
				font-size: 1.8rem;
			}

			textarea {
				width: 100%;
				height: 26rem;
				border: 1px solid #001650;
				border-radius: 8px;
				font-size: 2.8rem;
			}


			/*フォーム間マージン*/
				dl.ct-f-top {
					margin-top: 3vw;
				}

				dt {
					margin-bottom: 1vw;
				}

			/*ボタン*/
				/*お問合せ種別[ボタン]*/
					select.ct-choice {
						-webkit-appearance: none;
						background-image:
							linear-gradient(45deg, transparent 50%, #001650 50%),
							linear-gradient(135deg, #001650 50%, transparent 50%),
							linear-gradient(to right, #001650, #001650);
						background-position:
							calc(100% - 22px) calc(1em + 8px),
							calc(100% - 9px) calc(1em + 8px),
							calc(100% - 2.5em) 0.5em;
						background-size:
							14px 15px,
							14px 15px,
							1px 2.5em;
						background-repeat: no-repeat;
					}

				/*リセット・送信内容確認[ボタン]*/
					.ct-f-btn {
						text-align: center;
						margin-top: 13%;
					}

					input[type="reset"], input[type="submit"] {
						border: 1px solid #001650;
						border-radius: 8px;
						font-size: 1.8rem;
						color: #001650;
						padding: 1rem 8rem;
					}

					input[type="reset"] {
						margin-right: 15%;
					}

	/*各種お問合せ*/
		section.ct-info {
			padding-top: 6%;
			padding-bottom: 10%;
		}
		div.ct-contact {
			text-align: center;
			padding-bottom: 5%;
		}

		/*文章*/
			div.ct-contact h3 {
				font-size: 2.8rem;
				width: 36.5rem;
				margin: 0 auto;
				padding: 0.5rem 0;
				border: 1px solid #001650;
				font-family: "Meiryo UI", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
			}

			div.ct-contact p:nth-child(2) {
				font-size: 4.1rem;
				font-family: メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
				margin-top: 1.8%;
			}

			div.ct-contact p:nth-child(3) {
				font-size: 1.7rem;
				font-family: "Meiryo UI", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
				margin-top: 1%;
			}

/*Fuchigami*/
/*COMPANY PAGE*/
.com-top-wrapper{
	background-color:#F38200;
	overflow:hidden;
	position:relative;
}
/*トップ以外のぺージのぺージ見出し*/
.cmn-default-top{
	height: 60vw;
}
.com-top-left-box{
	border-radius:50%;
	position:absolute;
	top:50%;
	-moz-transform: translate(0,-50%);
	-webkit-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	text-align:center;
}
.com-top-left-box{
	background-color:white;
	border:2px solid #FFF;
}
.com-top-title{
	display:block;
	width: 100%;
	vertical-align:middle;
	position:absolute;
	top:50%;
	left:50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}
.com-top-title-img{
	display:inline-block;
	width:30rem;
	height: 4.8rem;
	margin-bottom:2rem;
}
#news .com-top-title-img {
	width:35rem;
	height: 5.6rem;
}
.com-top-title-eng{
	display:inline-block;
	font-size:1.2rem;
	letter-spacing: 1.5rem;
}
.com-top-title-eng span:nth-child(1),
.com-top-title-eng span:nth-child(2){
	display:inline-block;
	padding:.3rem 0;
}
.sec-basic{
	padding:5rem 0;
	width:100%;
}
.sec-title-basic-wrap{
	color:#001650;
	text-align:center;
	margin-bottom:5rem;
}
.sec-basic-inner-wrap{
	width:640px;
	margin:0 auto;
}
.sec-title-basic{
	font-size:2.5rem;
	letter-spacing: 1rem;
}
.com-section{
	min-height:80vh;
}
.com-section:nth-child(2n){
	background-color:#EEEEEE;
}

.sec-title-eng{
	font-size:1rem;
	letter-spacing: .5rem;
}

.company-profile-table{
	display:table;
	width:640px;
}
.company-profile-table dl{
	display:table-row;
}
.company-profile-table dl dt,
.company-profile-table dl dd{
	display:table-cell;
	padding:1rem;
	line-height:2rem;
	border-bottom:1px solid #001650;
}
.company-profile-table dl dt{
	width:25%;
}
.company-profile-table dl dd{
	width:80%;
}
.access-map-wrap{
	width:640px;
	margin:0 auto;
}
.access-map-box{
	background-color:#001650;
	padding:1.5rem;
	border-radius:10px;
	color:white;
	text-align:center;
	margin-bottom:2rem;
}
.access-map-box iframe{
	width:100%;
	height:380px;
	border-radius:6px;
	margin-bottom:1.5rem;
}
.acces-process-box{
	width:540px;
	margin:0 auto;
}
dl.access-pro-list{
	display:block;
	min-width:5%;
	box-sizing: border-box;
	margin-right:2rem;
}
.access-pro-list dt,
.access-pro-list dd{
	display:inline-block;
}
.access-pro-list dt{
	width:4rem;
	display:inline-block;
	text-align:center;	
}
.access-pro-list dt img{
	vertical-align: middle;
}
.access-pro-list dd{
	font-size:1rem;
}


/*CONTACT PAGE*/
.con-more-wrap {
	margin:0 auto;
	margin-bottom: 0rem;
	text-align:center;
}
.con-more-wrap::after{
	display:block;
	content:"";
	clear:both;
}
.con-more-box {
	position: relative;
	display: block;
	padding: 2rem;
	border: none;
	text-align: center;
	box-sizing:border-box;
	margin:0 auto 7rem auto;
	width: 550px;
}

.con-more-box::before {
	position: absolute;
	top: 0.4rem;
	left: 0.4rem;
	display: inline-block;
	content: "";
	border: 1px solid #E46800;
	height: 100%;
    width: 100%;
    z-index:-9999;
}
.con-more-box::after {
	position: absolute;
	bottom: 0.4rem;
	right: 0.4rem;
	display: inline-block;
	content: "";
	border: 1px solid #E46800;
	height: 100%;
    width: 100%;
    z-index:-9999;
}

.con-m-inbox {
	display: flex;
	margin-bottom: 0.8rem;
	justify-content: center;
}
.con-m-img {
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	width: 7rem;
	height: 6.5rem;
	margin-right: 1rem;
}

#con-m-phone {
	background-image: url(../image/ct-icon-phone.svg);
}
#con-m-fax {
	background-image: url(../image/ct-icon-fax.svg);
}
#con-m-mail {
	background-image: url(../image/ct-icon-mail.svg);
}

.con-more-p {
	display: inline-block;
	font-size: 1.3rem;
	text-align: center;
	line-height: 2.5rem;
}
.con-m-number {
	font-size: 2.2rem;
	font-weight:bold;
}
.con-more-box:nth-child(3) .con-m-number {
	font-size:1.8rem;
}
.con-m-answer {
	display: block;
	padding: 1rem 2rem;
	background-color:#001650;
	color:#fff;
	font-size: 1rem;
}
/*準備中ぺージ*/
.sorry-p{
	margin:0 auto 5rem 0;
	text-align:center;
}
.return-top{
	width:85%;
	margin:0 auto;
}
.return-top a{
	display:block;
	padding:1rem 2rem;
	background-color:#001650;
	color:#fff;
	text-align:center;
	transition:.5s;
}
.return-top a:hover{
	background-color:#F38200;
}
/*準備中ぺージ*/
.sorry-p{
	margin:0 auto 5rem 0;
	text-align:center;
}
.return-top{
	width:85%;
	margin:0 auto;
	margin-bottom:5rem;
}
.return-top a{
	display:block;
	padding:1rem 2rem;
	background-color:#001650;
	color:#fff;
	text-align:center;
	transition:.5s;
}
.return-top a:hover{
	background-color:#F38200;
}





/*around・outsourcing*/
.com-top-left-box {
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}
.com-top-right-box {
	display: none;
}
#around .com-top-left-box {
	background-image: url(../image/top-bk-around.png);
	background-size: 45%;
	background-repeat: no-repeat;
	background-position: center;
}
#outsourcing .com-top-left-box {
	background-image: url(../image/top-bk-outsourcing.png);
	background-size: 36%;
	background-repeat: no-repeat;
	background-position: center;
}
#ict .com-top-left-box {
	background-image: url(../image/top-bk-ict.png);
	background-size: 28%;
	background-repeat: no-repeat;
	background-position: center;
}
#around .com-top-title {
	top:34%;
}
#outsourcing .com-top-title {
	top: 32%;
}
#ict .com-top-title {
	top: 32%;
}
span.com-top-title01,
span.com-top-title02,
span.com-top-title03 {
	display: inline-block;
	font-size: 2.5rem;
	font-weight: bold;
	color: #4c5c84;
	letter-spacing: 0.5rem;
}
#around .com-top-title-eng,
#outsourcing .com-top-title-eng,
#ict .com-top-title-eng {
	display: none;
}




/*サブナビ*/
.gnav-sub-nav-list-btn {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 1rem 0;
	background-color: #fdb845;
	font-size: 1rem;
	color: #fff;
}
.gnav-sub-nav-list li:nth-child(2) a{
	border-top: 1px solid #F38200;
	border-bottom: 1px solid #F38200;
}


/*around*/
.service-sec {
	margin-top: 6rem;
}

.srv-msn-image {
	background-image: url(../image/msn-sain.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 45%;
}
.srv-msn-box {
	text-align: center;
}
h2.srv-msn-title {
	font-size: 2rem;
	font-weight: normal;
	color: #001650;
}
span.srv-msn-sub-title {
	display: block;
	font-size: 1.5rem;
	margin-bottom: 2rem;
}
p.srv-msn-senc {
	display: block;
	width: 90%;
	margin: 0 auto;
	margin-top: 4rem;
	font-size: 1.2rem;
	font-weight: 600;
	color: #001650;
	letter-spacing: 0.3rem;
	line-height: 3rem;
}
p.srv-msn-senc span {
	display: block;
}
.srv-msn-img-box {
	display: block;
	width: 100%;
	margin: 6rem auto 0 auto;
}
#around .srv-msn-img-box img {
	width: 400px;
}
#outsourcing .srv-msn-img-box img {
	width: 400px;
}
#ict .srv-msn-img-box img {
	width: 400px;
}
.srv-list-wrap {

}
#outsourcing .srv-list-wrap {

}
h3.srv-cmn-title {
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 200;
	color: #001650;
	text-align: center;
}
.srv-cmn-title-number {
	font-size: 2.5rem;
	font-weight: bold;
}
.srv-basic-wrap {
	width: 90%;
	margin: 0 auto;
}
.srv-list-box {
	font-size: 0;
}
.srv-list-box:first-child {
	margin-top: 4rem;
}
#around .srv-list-box:not(:last-child)::after {
	content: '';
	display: block;
	width: 55px;
	height: 50px;
	margin: 1rem auto;
	background-image: url(../image/under-triangle.png);
	background-repeat: no-repeat;
	background-size: cover;
}
p.srv-list-title {
	display: inline-block;
	width: 100%;
	font-size: 1.3rem;
	color: #ffffff;
	padding: 0.3rem 0;
	vertical-align: middle;
	text-align: center;
	background-color: #f38200;
	position: relative;
	z-index: 100;
}
#around p.srv-list-title {
	letter-spacing: 0.3rem;
}
span.srv-list-number {
	display: inline-block;
	width: 28.8px;
	font-weight: 900;
	padding: 0.4rem 0.875rem 0.55rem;
	letter-spacing: 0;
	text-align: center;
	border-radius: 8px;
	background-color: #001650;
}
p.srv-list-contents {
	display: inline-block;
	width: 100%;
	font-size: 1.1rem;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 0.2rem;
	text-align: center;
	padding: 1.1rem 0;
	vertical-align: middle;
	background-color: #001650;
}
.around-goal-wrap {
	margin-top: 5rem;
}
.around-goal-box {
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.around-goal-senc-box01 {
	display: block;
	width: 100%;
	position: relative;
	z-index: 100;
}
p.around-goal-senc01 {
	font-size: 1.5rem;
	font-weight: bold;
	color: #f38200;
	line-height: 2.5rem;
	text-shadow: 1px 2px 3px #ccc;
	text-align: justify;
}
p.around-goal-senc01:nth-child(2) {
	margin-top: 3rem;
}
.around-goal-senc-box02 {
	display: block;
	width: 100%;
}
p.around-goal-senc02 {
	font-size: 1.7rem;
	font-weight: 600;
	color: #001650;
	letter-spacing: 0.5rem;
	line-height: 4rem;
	text-align: center;
}
.around-goal-img-box01 {
	display: block;
	width: 29%;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	z-index: 99;
	opacity: 0.1;
}
.around-goal-img-box01 img {
	width: 100%;
}
.around-goal-img-box02 {
	display: inline-block;
	width: 25%;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	z-index: 99;
	opacity: 0.1;
}
.around-goal-img-box02 img {
	width: 100%;
}
.contact-sec {
	padding-bottom: 5rem;
}
.contact-sec-box {
	text-align: center;
	width: 90%;
	margin: 0 auto;
}
.ctc-title-box {

}
p.ctc-title {
	display: block;
	font-size: 2rem;
	font-weight: 600;
	color: #001650;
	padding: 5rem 0;
	background-image: url(../image/ctc-bk-img.png);
	background-repeat: no-repeat;
	background-size: 550px;
	background-position: 39% 35px;
}
p.ctc-senc {
	display: block;
	width: 100%;
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 0.3rem;
	color: #fff;
	padding: 1rem 0;
	background-color: #001650;
}
.ctc-list-box {
	margin-top: 5rem;
}
ul.ctc-list {
	
}
li.ctc-list-item {
	display: inline-block;
	width: 150px;
	border-radius: 26px;
}
.ctc-list-item::after {
	content: '';
	clear: both;
}
.ctc-list-item:first-child {
	float: left;
}
.ctc-list-item:last-child {
	float: right;
}
.ctc-list-item a {
	display: block;
	padding: 1rem;
}
#mail.ctc-list-item {
	background-color: #f38200;
}
#facebk.ctc-list-item {
	background-color: #1877f2;
}
#line.ctc-list-item {
	background-color: #00b900;
}
p.ctc-list-item-sec {
	display: inline-block;
	margin-top: 0.5rem;
	font-size: 0.9rem;
	color: #fff;
	line-height: 1.5rem;
}
span.ctc-rogo {
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 auto;
}
#mail .ctc-rogo {
	background-image: url(../image/ctc-mail.png);
	background-size: contain;
	background-position: center;
	width: 45px;
	height: 45px;
}
#facebk .ctc-rogo {
	background-image: url(../image/ctc-facebook.png);
	width: 45px;
	height: 45px;
}
#line .ctc-rogo {
	background-image: url(../image/ctc-line.png);
	background-size: contain;
	width: 45px;
	height: 45px;
}
span.ctc-list-item-sec01 {
	display: inline-block;
	font-weight: bold;
}
span.ctc-list-item-sec02 {
	display: inline-block;
}
span.ctc-list-item-sec03 {
	display: block;
}
.com-top-left-senc-wrap {
    display: block;
    width: 100%;
    position: absolute;
    top: 59%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
#outsourcing .com-top-left-senc-wrap {
	top: 58%;
}
#ict .com-top-left-senc-wrap {
	top: 56%;
}
.com-top-left-senc-image {
	width: 100%;
}
.com-top-left-senc-image img {
	width: 500px;
	height: 50px;
}

.com-top-left-senc-box {
	margin-top: 2rem;
}
#around .com-top-left-senc-box {
	margin-top: 1rem;
}
p.com-top-left-senc {
    font-size: 1.1rem;
    font-weight: bold;
    color: #001650;
    line-height: 2.5rem;
    letter-spacing: 0.2rem;
}





/*outsourcing*/
p.srv-senc {
	display: block;
	width: 90%;
	padding: 0.8rem 0;
	margin: 3rem auto 0 auto;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 0.2rem;
	color: #fff;
	text-align: center;
	background-color: #001650;
}
p.srv-senc span:nth-child(2) {
	margin-left: -8px;
}
.srv-pro-list-wrap {
	display: block;
	width: 90%;
	margin: 0 auto;
}
.srv-pro-list-box {
	margin-top: 5rem;
}
.srv-pro-list-box::after {
	content: '';
	clear: both;
}
.srv-pro-list-item {
	display: block;
	width: 500px;
	height: 68px;
	margin: 0 auto;
	margin-top: 2rem; 
	text-align: center;
	color: #fff;
	background-color: #f38200;
	position: relative;
}
.srv-pro-list-item::before {
	content: '';
	display: inline-block;
	border-top: 34px solid transparent;
	border-bottom: 34px solid transparent;
	border-left: 35px solid #fff;
	position: absolute;
	top: 0;
	left: -1px;
}
.srv-pro-list-item::after {
	content: '';
	display: inline-block;
	border-top: 34px solid transparent;
	border-right: 35px solid #fff;
	border-bottom: 34px solid transparent;
	position: absolute;
	top: 0;
	right: -1px;
}
p.srv-pro-list-title {
	display: inline-block;
	padding: 0.7rem 0;
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 0.2rem;
	vertical-align: middle;
	position: relative;
}
p.srv-pro-list-title::before,
p.srv-pro-list-title::after {
	content: '';
	display: inline-block;
	width: 35px;
	height: 35px;
	background-image: url(../image/star.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 14px;
}
p.srv-pro-list-title::before {
	left: -49px; 
}
p.srv-pro-list-title::after {
	right: -49px; 
}
span.srv-pro-list-sub-title {
	display: block;
	margin-top: 0.5rem;
	font-size: 1.1rem;
	vertical-align: middle;
}
.srv-pro-list-item-s {

}

.sourcing-list-wrap {

}
.sourcing-list-box {
	max-width: 1366px;
	width: 90%;
	padding-bottom: 6rem;
	margin: 10rem auto 0 auto;
	border-radius: 20px;
	background: -moz-linear-gradient(to bottom, #001650, #808aa7);
	background: -webkit-linear-gradient(to bottom, #001650, #808aa7);
	background: linear-gradient(to bottom, #001650, #808aa7);
}
.sourcing-list-title-box {

}
.sourcing-list-title {
	position: relative;
	padding-top: 2rem; 
}
.srv-op-list-item {
	display: inline-block;
	max-width: 500px;
	width: 61%;
	height: 68px;
	text-align: center;
	color: #fff;
	background-color: #f38200;
	position: relative;
}
.srv-op-list-item::before {
	content: '';
	display: inline-block;
	border-top: 34px solid #f38200;
	border-bottom: 34px solid #f38200;
	border-left: 35px solid transparent;
	position: absolute;
	top: 0;
	left: -34px;
}
.srv-op-list-item::after {
	content: '';
	display: inline-block;
	border-top: 34px solid #f38200;
	border-right: 35px solid transparent;
	border-bottom: 34px solid #f38200;
	position: absolute;
	top: 0;
	right: -34px;
}
.srv-pro-list-title-op-box {
	display: block;
	width: 90%;
	height: 57px;
	margin: 0 auto;
	border: 1px solid #fff;
	background-color: transparent;
	border-radius: 34px;
	position: relative;
}
p.srv-pro-list-title-op {
	font-size: 0.8rem;
	color: #fff;
	position: absolute;
	top: 88px;
	right: 26px;
	-moz-transform: translate(0%,-50%);
    -webkit-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
}
.srv-op-position {
	position: absolute;
	top: 62px;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
.sourcing-list-op-box {
	width: 90%;
	margin: 3rem auto 0 auto;
	position: relative;
}
.sourcing-list-op-image {
	display: inline-block;
	width: 55%;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	opacity: 0.2;
}
.sourcing-list-op-image img {
	width: 100%;
}
.sourcing-list-op {
	display: inline-block;
	width: 100%;
}
ul.sourcing-op-list {
	margin-top: 2rem;
}
.sourcing-op-list li {
	font-size: 1rem;
	font-weight: 400;
	color: #fff;
	line-height: 2rem;
	letter-spacing: 0.2rem;
	margin-bottom: 2rem;
	margin-left: 6rem;
	position: relative;
}
.sourcing-op-list li::before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 27px;
	background-image: url(../image/mark01.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 1px;
	left: -41px;
}
.qst-list-wrap {
	width: 90%;
	margin: 0 auto;
}
.qst-list-box {
	margin-top: 5rem;
}
.qst-list-box:first-child {
	margin-top: 2rem;
}
.qst-list-title-box {
	position: relative;
}
.qst-list-content-box {
	width: 100%;
    background-color: #001650;
}
p.qst-list-content {
	display: inline-block;
	width: 90.8%;
	padding: 0.8rem 2rem; 
	font-size: 1.1rem;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 0.3rem;
	line-height: 1.5rem;
	text-align: center;
}
.qst-list-senc-box {
	border: 1px solid #001650;
}
p.qst-list-senc-title {
	display: inline-block;
	margin: 0.5rem 0 0 0.5rem;
	font-size: 1.8rem;
	font-weight: 400;
	color: #f38200;
}
.qst-list-senc-inbox {
	margin: 0.2rem 0 1.6rem 1rem;
}
p.qst-list-senc {
	display: block;
	width: 99%;
	font-size: 1.1rem;
	font-weight: bold;
	color: #001650;
	letter-spacing: 0.1rem;
	line-height: 2rem;
}




/*ict*/
.ict-service-text {
	display: block;
	width: 90%;
	margin: 1rem auto 0 auto;
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 2.5rem;
	letter-spacing: 0.1rem;
}
.ict-flow-wrap {
	display: block;
	width: 90%;
	margin: 0 auto;
	margin-top: 8rem;
}
.ict-flow-title-box {
	
}
p.ict-flow-title {
	display: block;
	width: 100%;
	padding: 0.5rem 0;
	font-size: 1.45rem;
	color: #fff;
	text-align: center;
	background-color: #001650;
}
.ict-flow-title-wrap {
	display: block;
	width: 100%;
	height: 68px;
	margin-left: auto;
	background-color: #40507c;
	position: relative;
}
.ict-flow-title-inbox {
	display: inline-block;
	max-width: 350px;
	width: 85%;
	height: 40px;
	text-align: center;
	background-color: #f38200;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}
.ict-flow-title-inbox::before {
	content: '';
	display: inline-block;
	border-top: 20px solid #f38200;
	border-bottom: 20px solid #f38200;
	border-left: 22px solid transparent;
	position: absolute;
	top: 0;
	left: -21px;
}
.ict-flow-title-inbox::after {
	content: '';
	display: inline-block;
	border-top: 20px solid #f38200;
	border-bottom: 20px solid #f38200;
	border-right: 22px solid transparent;
	position: absolute;
	top: 0;
	right: -21px;
}
.ict-flow-title-inbox .ict-flow-title {
	max-width: 275px;
	margin: 0 auto;
	background-color: #f38200;
	position: relative;
}
.ict-flow-title-inbox .ict-flow-title::before,
.ict-flow-title-inbox .ict-flow-title::after {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../image/star.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 46%;
	-moz-transform: translate(0%,-50%);
	-webkit-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	z-index: 100;
}
.ict-flow-title-inbox .ict-flow-title::before {
	left: -10%
}
.ict-flow-title-inbox .ict-flow-title::after {
	right: -10%;
}
.ict-flow-contents-box {
	display: block;
	margin-top: 5rem;
	position: relative;
}
.ict-flow-contents-box:not(:last-child)::after {
	content: '';
	display: block;
	width: 55px;
	height: 50px;
	background-image: url(../image/under-triangle.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 153px;
	left: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
.ict-flow-contents-box:last-child .ict-flow-cts-right-box {
	height: 215px;
}
.ict-flow-cts-left-box {
	display: block;
	width: 100%;
}
p.ict-flow-cts-left-text {
	display: block;
	width: 100%;
	padding: 0.5rem 0;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #001650;
}
.ict-flow-cts-right-box {
	display: block;
	width: 100%;
	height: 80px;
	margin-left: auto;
	background-color: #40507c;
	position: relative;
}
.ict-flow-cts-right-text-box {
	display: inline-block;
	max-width: 350px;
	width: 85%;
	height: 48px;
	text-align: center;
	background-color: #f38200;
	position: absolute;
	top: 50%;
	left: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
.ict-flow-contents-box:last-child .ict-flow-cts-right-text-box {
	top: 20%;
}
.ict-flow-contents-box:last-child .ict-flow-cts-right-text-box:nth-child(2) {
	top: 51%;
}
.ict-flow-contents-box:last-child .ict-flow-cts-right-text-box:nth-child(3) {
	top: 82%;
}
.ict-flow-cts-right-text-box::before {
	content: '';
	display: inline-block;
	border-top: 24px solid #f38200;
	border-bottom: 24px solid #f38200;
	border-left: 22px solid transparent;
	position: absolute;
	top: 0;
	left: -21px;
}
.ict-flow-cts-right-text-box::after {
	content: '';
	display: inline-block;
	border-top: 24px solid #f38200;
	border-right: 22px solid transparent;
	border-bottom: 24px solid #f38200;
	position: absolute;
	top: 0;
	right: -21px;
}
p.ict-flow-cts-right-text {
	display: inline-block;
	max-width: 275px;
	width: 100%;
	padding: 1rem 0;
	font-size: 1.1rem;
	font-weight: bold;
	color: #fff;
	position: relative;
}
p.ict-flow-cts-right-text::before,
p.ict-flow-cts-right-text::after {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../image/star.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 46%;
	-moz-transform: translate(0%,-50%);
	-webkit-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
}
p.ict-flow-cts-right-text::before {
	left: -10%;
}
p.ict-flow-cts-right-text::after {
	right: -10%;
}
p.ict-flow-cts-right-text span:nth-child(2) {
	margin-left: -4px;
}
.ict-service-contents-wrap {
	margin-top: 11rem;
}
.ict-srv-contents-box {
	width: 90%;
	padding-bottom: 2rem;
	margin: 2.5rem auto 0 auto;
	border-radius: 20px;
	background: -moz-linear-gradient(to bottom, #001650, #808aa7);
	background: -webkit-linear-gradient(to bottom, #001650, #808aa7);
	background: linear-gradient(to bottom, #001650, #808aa7);	
}
span.ict-srv-cnts-title-line {
	display: block;
	width: 97%;
	height: 51px;
	margin: 0 auto;
	border: 1px solid #fff;
	border-radius: 34px;
	background-color: transparent;
	position: relative;	
}
.ict-srv-cnts-title-box {
	display: inline-block;
	min-width: 445px;
	width: 70%;
	height: 60px;
	background-color: #f38200;
	text-align: center;
	position: absolute;
	top: 29px;
	left: 50%;
	-moz-transform: translate(-50%,0%);
	-webkit-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
}
.ict-srv-cnts-title-box::before {
    content: '';
    display: inline-block;
    border-top: 30px solid #f38200;
    border-bottom: 30px solid #f38200;
    border-left: 28px solid transparent;
    position: absolute;
    top: 0;
    left: -27px;	
}
.ict-srv-cnts-title-box::after {
	content: '';
	display: inline-block;
	border-top: 30px solid #f38200;
	border-right: 28px solid transparent;
	border-bottom: 30px solid #f38200;
	position: absolute;
	top: 0;
	right: -27px;
}
p.ict-srv-cnts-title {
	display: inline-block;
	max-width: 340px;
	width: 100%;
	padding: 1.3rem 0;
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.2rem;
	color: #fff;
	text-align: center;
	position: relative;
}
p.ict-srv-cnts-title::before,
p.ict-srv-cnts-title::after {
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url(../image/star.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 43%;
    -moz-transform: translate(0%,-50%);
    -webkit-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
}
p.ict-srv-cnts-title::before {
	left: -9%;
}
p.ict-srv-cnts-title::after {
	right: -9%;
}
.ict-srv-contents-inbox {

}
.ict-srv-contents-image {
	display: inline-block;
	width: 29%;
	margin-top: 2rem;
	text-align: center;
}
.ict-srv-contents-image img {
	width: auto;
}
.ict-srv-contents-text-box {
	display: inline-block;
	width: 64%;
	margin-top: 6%;
	vertical-align: top;
}
p.ict-srv-contents-text {
	display: block;
	margin-left: 1rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 2.5rem;
	letter-spacing: 0.1rem;
	text-align: justify;
	color: #fff;
}



/*news*/
#news main {
	padding-bottom: 15rem;
}
h1.news-title {
	display: block;
	margin: 10rem 0 6rem 0;
	font-size: 3.5rem;
	font-weight: 400;
	text-align: center;
	color: #001650;
}
span.news-sub-title {
	display: block;
	margin-bottom: 2rem;
	font-size: 1.8rem;
}
article.news-atl {
	display: block;
	width: 90%;
	margin: 7rem auto 0 auto;
	border-radius: 29px;
}
.news-atl-title-box {
	display: block;
	padding: 1rem 0;
	width: 100%;
	border-radius: 29px 29px 0 0;
	background-color: #001650;
}
p.news-time {
	display: inline-block;
	margin: 0 1.1rem;
	padding: 0.5rem 2rem;
	border-radius: 14px;
	font-size: 0.9rem;
	vertical-align: middle;
	color: #001650;
	background-color: #fff;
}
h2.news-atl-title {
	display: inline-block;
	width: 63%;
	min-width: 362px;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 2rem;
	text-align: justify;
	vertical-align: middle;
	color: #fff;
}
.news-text-box {
	padding-top: 1rem;
	padding-bottom: 2rem;
	border-left: 3px solid #001650;
	border-right: 3px solid #001650;
	border-bottom: 3px solid #001650;
	border-radius: 0 0 29px 29px;
	background-color: #fff;
}
.news-text-box::after {
	content: '';
	display: block;
	clear: both;
}
p.news-text {
	display: block;
	width: 96%;
	margin: 0 auto;
	margin-bottom: 1.3rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 2rem;
	letter-spacing: 0.1rem;
	text-align: justify;
}

.news-text-box a {
	margin-bottom: 2rem;
	margin-right: 2%;
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
	color: #001650;
}
.news-text-box a:hover,
.news-text-box a:active{
	border-bottom:1px solid #001650;
}
.news-sec-attr{
	color:white;
}



@media screen and (min-width:640px) and ( max-width:797px) {
	span.com-top-title01,
	span.com-top-title02,
	span.com-top-title03 {
		font-size: 2rem;
		letter-spacing: 0.4rem;
	}
	.com-top-left-senc-image img {
		width: 400px;
		height: 38px;
	}
	p.com-top-left-senc {
		font-size: 1rem;
	}
}